# Foundary Studio UI - ASCII Screens ## 1. Project Dashboard (The "Lobby") Entry point for the Product Owner. ```text +-----------------------------------------------------------------------------+ | Foundary Studio [ New Project ] | +-----------------------------------------------------------------------------+ | | | Active Projects | | | | +---------------------------+ +---------------------------+ | | | cool-project | | internal-tool-v2 | | | | ● Running | | ● Pending | | | | | | | | | | Last: Add Auth Feature | | Init: 2 mins ago | | | | [ View ] | | [ View ] | | | +---------------------------+ +---------------------------+ | | | | +---------------------------+ | | | legacy-migration | | | | ● Failed | | | | | | | | Error: OOM Kill | | | | [ Logs ] | | | +---------------------------+ | | | +-----------------------------------------------------------------------------+ ``` ## 2. Project Workspace (The "Three Panes") The core workspace for defining and building. ```text +-------------------------------------------------------------------------------------+ | < Back | cool-project | ● Live (v0.4.2) [ Deploy ] | +--------------------------+------------------------------+---------------------------+ | CHAT (Architect) | PLAN (Blueprint) | PREVIEW (Staging) | | | | | | User: I need a way for | ## Data Model | +---------------------+ | | users to upload cats. | | | Cool App | | | | [+] Table: Cats | | | | | Arch: Okay. Should it | - id: uuid | | [ Login ] | | | be public or private? | - name: string | | | | | | - img_url: string | | Welcome! | | | User: Public feed. | | | | | | | ## API | | | | | Arch: Updating plan... | | | | | | [Plan Updated] | [+] POST /api/cats | | | | | | [+] GET /api/feed | | | | | Arch: I have a question | | | | | | about image hosting. | ## UI Components | | | | | [Review Needed] | | | | | | | [+] CatCard.tsx | | | | | [ Type message... ] | [+] UploadModal.tsx | | | | +--------------------------+------------------------------+---------------------------+ ``` ## 3. Review & Orchestration (The "Engine Room") When the Architect needs technical confirmation or when a build is running. ```text +-----------------------------------------------------------------------------+ | Request: "Add Cat Upload Feature" | +-----------------------------------------------------------------------------+ | | | Status: ● Reviewing | | | | [!] Question from Engineering Agent | | "I see we are using S3 for storage. Do we have a bucket configured | | for public read access yet?" | | | | [ Yes, it's 'img-prod' ] [ No, create one ] [ Let me check... ] | | | +-----------------------------------------------------------------------------+ | | | Work Queue | | | | 1. [Spec] Analyze Requirements .................. ✓ Done | | 2. [Code] Generate Handlers (cats.go) ........... ✓ Done | | 3. [Code] Generate UI (Upload.tsx) .............. ⟳ Running... | | 4. [Test] Run Integration Tests ................. ○ Pending | | 5. [Deploy] Update K8s Manifests ................ ○ Pending | | | +-----------------------------------------------------------------------------+ | Logs / OTEL | | > agent: generating component structure... | | > agent: checking imports... | +-----------------------------------------------------------------------------+ ``` ## 4. History & OTEL (The "Rearview Mirror") Viewing past requests and system telemetry. ```text +-----------------------------------------------------------------------------+ | Request History | +-----------------------------------------------------------------------------+ | | | ID | Request | Status | Duration | Traces | | ------+--------------------------+------------+----------+--------------- | | #104 | "Fix header alignment" | ✓ Deployed | 45s | [View Trace] | | #103 | "Add Cat Upload" | ✓ Deployed | 5m 12s | [View Trace] | | #102 | "User Auth" | ⚠ Failed | 2m 00s | [View Trace] | | | +-----------------------------------------------------------------------------+ | | | Selected Trace: #103 (Add Cat Upload) | | | | [api] POST /sdlc/execute ----------------------------------------- 200ms | | [agent] Generate Spec ----------------------------------- 1500ms | | [llm] Claude 3.5 Sonnet -------------------------- 1200ms | | [worker] git commit ----------------------- 100ms | | | +-----------------------------------------------------------------------------+ ```