Skip to content

AD-701: Scaffold Web App Shell #18

Description

@alph-cmky

Source: docs/development/task-backlog.md

Milestone: Phase 7: Web UI


AD-701: Scaffold Web App Shell

Goal: Create the three-panel developer workspace layout.

Files:

  • Create apps/web/src/app/page.tsx
  • Create apps/web/src/components/app-shell.tsx
  • Create apps/web/src/components/sidebar.tsx
  • Create apps/web/src/components/inspector.tsx
  • Create apps/web/src/styles/globals.css

Tasks:

  • Implement top bar, left sidebar, main work area, and right inspector.
  • Add navigation entries for Chat, Agents, Workflows, Tasks, Runtimes, Audit, and Settings.
  • Use dense tool-style layout with stable panel widths.
  • Commit with message feat: add web app shell.

Acceptance Criteria:

  • Desktop layout clearly shows navigation, primary work area, and contextual inspector.

Metadata

Metadata

Assignees

No one assigned

    Labels

    phase: 7Phase 7: Web UItype: uiUser interface and interaction work

    Projects

    Status
    Todo

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions