063a839790
- Add clone_mode and branch fields to tool_instances - Add ssh_key_id to git_repositories for per-repo SSH key assignment - Implement host-side git cloning with branch selection (default: main) - Mount SSH keys into containers for git operations in clone mode - Add dirty state check on clone-mode instance deletion with confirmation - Update SessionsPage with mount/clone selector, branch input, SSH key display - Add SSH key selector to repository creation form - Add dirty delete confirmation modal with changed files list - Update API schemas and endpoints for new fields - Sync delta specs to main specs (git-repo, tool-instances, repo-clone-mode) - Archive completed OpenSpec change: repo-clone-mode-with-ssh - Document git requirement for custom tool types Quality gates: Frontend typecheck and build passed OpenSpec: repo-clone-mode-with-ssh archived with all tasks complete
2.2 KiB
2.2 KiB
UI Redesign - Design
Information Architecture
App
├── Home
│ ├── Hero / status
│ ├── Open sessions
│ ├── Available projects
│ └── Session creation
├── Sessions
├── Projects
├── Tool Workshop
├── Settings
│ ├── General
│ └── SSH Keys
└── Legacy routes
└── Redirect to new locations
Home Page
Purpose
Provide a fast, glanceable overview of the user's active work.
Sections
-
Hero
- Greeting
- Short status line
- Primary actions: New Project, Open Session, Settings
-
Summary strip
- Small count cards for sessions, projects, and tooling state
-
Open Sessions
- Primary section
- Session cards with project, repository, tool type, status, and actions
-
Available Projects
- Secondary section
- Project cards with quick entry into the project workspace
-
Session composer
- Optional compact create flow if it fits the page cleanly
Settings Page
Layout
Tabbed shell with one content area and two tabs:
- General
- SSH Keys
Tab Responsibilities
General
- Theme
- Git identity
- Default editor
SSH Keys
- List keys
- Create key
- Copy public key
- Delete key
Tool Types and Tool Configs
- Moved to Tool Workshop page (
/tool-workshop) - Centralized tool management with split-pane UI
Visual Direction
- Font: Inter for UI text
- Code font: monospace only for technical fields
- Palette: warm light surfaces, forest green primary, muted utility accents
- Dark mode: charcoal surfaces with softened accents
- Styling: editorial, structured, high-contrast hierarchy, minimal chrome
Routing
/-> Home/sessions-> Sessions page (kept as top-level navigation)/settings-> General tab/settings/ssh-keys-> SSH Keys tab/tool-workshop-> Tool Workshop (replaces settings tabs for tool management)- legacy
/ssh-keys-> redirect to settings tab - legacy
/tool-types,/tool-configs-> redirect to tool-workshop
Component Strategy
- Reuse shell and existing APIs
- Replace the dashboard page with the new home overview
- Convert the settings layout into a shared tab shell
- Keep changes focused to the frontend layer