vibe-coding-master 0.0.7 → 0.0.9

package/docs/v1-implementation-plan.md

@@ -1,8 +1,8 @@
 # V1 Implementation Plan And File Map
 
-Last updated: 2026-05-30
+Last updated: 2026-05-31
 
-This document is the current implementation map for VCM V1. It replaces older plan text that referenced removed files or obsolete UI behavior.
+This document is the current implementation map for VCM V1.
 
 ## 1. Current Status
 
@@ -17,8 +17,7 @@ V1 is implemented as a local GUI app with:
 - API-driven message bus.
 - Translation panel based on Claude transcript JSONL tailing.
 - npm packaging with built `dist` and `dist-frontend` output.
-
-The implementation still has planned improvement space, but this file only describes code that exists now.
+- Task creation creates one `feature/<task>` branch and one `.ai/vcm/worktrees/<task>` git worktree.
 
 ## 2. Package And Build
 
@@ -29,7 +28,7 @@ File:
 Current package facts:
 
 - package name: `vibe-coding-master`
-- current version: `0.0.6`
+- current version: `0.0.7`
 - type: ESM
 - `bin.vcm`: `dist/main.js`
 - `bin.vcmctl`: `dist/cli/vcmctl.js`
@@ -190,6 +189,15 @@ Defines:
 
 Current UI sends only `taskSlug`, although the API type still permits optional `title` and `specPath`.
 
+Worktree fields:
+
+- `worktreePath: string`
+- `branch: feature/<taskSlug>`
+- `cleanupStatus?: "active" | "cleaned"`
+- `cleanedAt?: string`
+
+`CreateTaskRequest` creates a worktree and branch by default. The UI shows a checked `Create worktree and branch` indicator, but task worktree creation is the normal VCM task path and does not require a separate later action or a user-visible off switch.
+
 ### `src/shared/types/session.ts`
 
 Defines:
@@ -376,6 +384,21 @@ Important behavior:
 - accepts `.git` pointer files
 - passes per-command `safe.directory`
 
+Worktree methods:
+
+- `branchExists(repoRoot, branch): Promise<boolean>`
+- `createWorktree(input): Promise<void>`
+- `removeWorktree(repoRoot, worktreePath, options): Promise<void>`
+- `deleteBranch(repoRoot, branch, options): Promise<void>`
+- `getStatusPorcelain(repoRoot): Promise<string>`
+- `isIgnored(repoRoot, repoRelativePath): Promise<boolean>`
+
+Required safety:
+
+- all Git commands keep command-scoped `safe.directory`
+- refuse worktree paths outside `<baseRepoRoot>/.ai/vcm/worktrees/`
+- refuse branch names that do not match `feature/<taskSlug>` for VCM-created tasks
+
 ### `src/backend/adapters/claude-adapter.ts`
 
 Exports:
@@ -461,8 +484,12 @@ Responsibilities:
 - connect repo
 - store current project in process memory
 - record recent repo paths in app settings
-- create `.vcm/config.json`
+- create `~/.vcm/projects/<project-id>/config.json`
 - ensure base state directories
+- ensure `.ai/vcm/` is ignored by Git before task-worktree creation
+- expose base repo as the project control root
+
+Repository connect should keep connecting to the base repo. Task worktrees are managed under that base repo and should not be treated as separate projects in the normal task list.
 
 ### `src/backend/services/task-service.ts`
 
@@ -479,13 +506,54 @@ Responsibilities:
 - load task
 - save task
 - update task status
+- create task branch and worktree
+- clean up completed task worktree and task metadata
 
 Task files:
 
 ```text
-.vcm/tasks/<task>.json
+<baseRepoRoot>/.ai/vcm/tasks/<task>.json
+```
+
+Create flow:
+
+```text
+createTask(baseRepoRoot, { taskSlug })
+  -> assertValidTaskSlug(taskSlug)
+  -> branch = feature/<taskSlug>
+  -> worktreePath = <baseRepoRoot>/.ai/vcm/worktrees/<taskSlug>
+  -> assert .ai/vcm/ is ignored
+  -> assert base repo has no uncommitted changes
+  -> assert branch does not exist
+  -> assert worktree path does not exist
+  -> git.createWorktree({ baseRepoRoot, branch, worktreePath, baseRef: HEAD })
+  -> artifactService.ensureHandoffStructure({ repoRoot: worktreePath, handoffDir })
+  -> artifactService.createArtifactTemplates({ repoRoot: worktreePath, handoffDir })
+  -> write central task record under <baseRepoRoot>/.ai/vcm/tasks/<task>.json
+```
+
+Cleanup flow:
+
+```text
+cleanupTask(baseRepoRoot, taskSlug, options)
+  -> require all role sessions stopped
+  -> load central task record
+  -> verify worktreePath is under <baseRepoRoot>/.ai/vcm/worktrees/
+  -> inspect git status in worktree
+  -> refuse uncommitted changes unless options.force
+  -> git.removeWorktree(baseRepoRoot, worktreePath)
+  -> delete .ai/vcm/tasks/<task>.json
+  -> delete .ai/vcm/sessions/<task>.json
+  -> delete .ai/vcm/messages/<task>.jsonl
+  -> delete .ai/vcm/orchestration/<task>.json
 ```
 
+Branch cleanup:
+
+- keep `feature/<taskSlug>` by default
+- optional `deleteBranch` only with explicit confirmation
+- prefer requiring merged branch unless force-confirmed
+
 ### `src/backend/services/artifact-service.ts`
 
 Exports:
@@ -504,6 +572,8 @@ Responsibilities:
 - read/save role commands
 - append role logs
 
+In task-worktree mode, artifact paths are still repo-relative, but `repoRoot` must be the task worktree path, not the base repo path.
+
 Primary role command path:
 
 ```text
@@ -551,7 +621,7 @@ Responsibilities:
 Persistence:
 
 ```text
-.vcm/sessions/<task>.json
+<baseRepoRoot>/.ai/vcm/sessions/<task>.json
 ```
 
 Environment passed to Claude Code:
@@ -561,6 +631,12 @@ Environment passed to Claude Code:
 - `VCM_TASK_SLUG`
 - `VCM_ROLE`
 
+In task-worktree mode:
+
+- session cwd is `task.worktreePath`
+- session persistence remains central under `baseRepoRoot/.ai/vcm/sessions`
+- raw logs and handoff artifacts are written under the task worktree
+
 ### `src/backend/services/message-service.ts`
 
 Exports:
@@ -580,6 +656,12 @@ Responsibilities:
 - write message body markdown
 - write staged or delivered messages to target terminal
 
+In task-worktree mode:
+
+- message snapshots remain central under `baseRepoRoot/.ai/vcm/messages`
+- message body files live under `task.worktreePath/.ai/handoffs/<task>/messages`
+- terminal delivery uses the runtime session for the role, whose cwd is the task worktree
+
 ### `src/backend/services/command-dispatcher.ts`
 
 Exports:
@@ -603,6 +685,7 @@ Exports:
 Responsibilities:
 
 - inspect harness files
+- manage `.gitignore` entries for VCM local state
 - plan create/insert/update/ok
 - apply VCM managed blocks
 - preserve user content outside managed blocks
@@ -623,13 +706,6 @@ Storage:
 ~/.vcm/settings.json
 ```
 
-Also migrates legacy:
-
-```text
-~/.vibe-coding-master/settings.json
-~/.vibe-coding-master/translation.json
-```
-
 ### `src/backend/services/translation-prompts.ts`
 
 Exports:
@@ -722,12 +798,20 @@ Registers all routes and WebSockets.
 
 - `src/backend/api/project-routes.ts`: health, recent paths, connect/current project
 - `src/backend/api/harness-routes.ts`: harness status/apply
-- `src/backend/api/task-routes.ts`: tasks and task status
+- `src/backend/api/task-routes.ts`: tasks, task status, task cleanup
 - `src/backend/api/session-routes.ts`: session lifecycle and dispatch compatibility endpoint
 - `src/backend/api/artifact-routes.ts`: artifact, role command, and log reads/writes
 - `src/backend/api/message-routes.ts`: messages and orchestration
 - `src/backend/api/translation-routes.ts`: settings, prompt previews, provider test, input/send, clear/retry
 
+Worktree task API:
+
+```text
+POST /api/tasks/:taskSlug/cleanup
+```
+
+Do not add a "switch task worktree" endpoint. Worktree assignment happens only during task creation.
+
 ### WebSocket files
 
 - `src/backend/ws/terminal-ws.ts`
@@ -769,6 +853,7 @@ Auto delivery envelope is submitted with Enter.
 ### Harness templates
 
 - `src/backend/templates/harness/claude-root.ts`
+- `src/backend/templates/harness/gitignore.ts`
 - `src/backend/templates/harness/project-manager-agent.ts`
 - `src/backend/templates/harness/architect-agent.ts`
 - `src/backend/templates/harness/coder-agent.ts`
@@ -793,6 +878,12 @@ It calls:
 - orchestration endpoints
 - translation endpoints
 
+Target additions:
+
+- `listGitWorktrees()`
+- `listGitBranches()`
+- `cleanupTask(taskSlug, options)`
+
 ### `src/frontend/state/app-store.ts`
 
 Exports:
@@ -840,8 +931,9 @@ Responsibilities:
 - messages modal
 - events modal
 - harness panel
-- one-field task creation
+- task creation with one task-name field, checked non-optional worktree/branch indicator, branch preview, and worktree path preview
 - task navigation
+- completed-task cleanup action
 
 ### `src/frontend/routes/task-workspace.tsx`
 
@@ -853,6 +945,7 @@ Exports:
 Responsibilities:
 
 - task header with role tabs and refresh
+- show branch and immutable worktree path for the active task
 - status/message/orchestration refresh
 - periodic polling
 - session lifecycle actions
@@ -882,6 +975,8 @@ Layout:
 - path input row
 - recent select plus connect button row
 
+This form connects the base repository. It is not used to switch an existing task to another worktree.
+
 ### `src/frontend/components/harness-panel.tsx`
 
 Exports:
@@ -1047,32 +1142,39 @@ App settings:
 Project config:
 
 ```text
-.vcm/config.json
+~/.vcm/projects/<project-id>/config.json
+~/.vcm/projects/index.json
 ```
 
 Task state:
 
 ```text
-.vcm/tasks/<task>.json
+.ai/vcm/tasks/<task>.json
 ```
 
 Session state:
 
 ```text
-.vcm/sessions/<task>.json
+.ai/vcm/sessions/<task>.json
 ```
 
 Messages:
 
 ```text
-.vcm/messages/<task>.jsonl
+.ai/vcm/messages/<task>.jsonl
 .ai/handoffs/<task>/messages/<message-id>.md
 ```
 
 Orchestration:
 
 ```text
-.vcm/orchestration/<task>.json
+.ai/vcm/orchestration/<task>.json
+```
+
+Task worktrees:
+
+```text
+.ai/vcm/worktrees/<task>/
 ```
 
 Handoff artifacts:
@@ -1101,7 +1203,11 @@ npm run verify:package
 For frontend layout changes, also verify manually:
 
 - connect repository
+- confirm `.ai/vcm/` is ignored before creating a task worktree
+- create task and verify branch `feature/<task>` is created
+- verify worktree path is `<baseRepoRoot>/.ai/vcm/worktrees/<task>`
 - open task
+- verify role sessions start with cwd set to the task worktree
 - role tabs stay in header
 - sidebar sections collapse/open correctly
 - embedded terminal remains visible after role switch
@@ -1111,6 +1217,7 @@ For frontend layout changes, also verify manually:
 - Auto orchestration toggles on/off
 - `Enter` in translation composer translates/sends
 - `Shift+Enter` inserts newline
+- mark task complete and verify cleanup removes the worktree and central task metadata
 
 ## 17. V1 Boundaries To Preserve
 
@@ -1126,3 +1233,6 @@ Do not reintroduce these into V1 docs or UI unless the product direction changes
 - optional title input in New Task
 - `Dirty: yes/no` sidebar label
 - role command dispatch as the primary orchestration path
+- per-role worktrees
+- switching a task to another branch/worktree after creation
+- a separate `Create task worktree` button outside task creation

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vibe-coding-master",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "Local GUI session cockpit for Claude Code role sessions.",
   "type": "module",
   "files": [

package/dist-frontend/assets/index-BNASqKEK.css

@@ -1,32 +0,0 @@
-/**
- * Copyright (c) 2014 The xterm.js authors. All rights reserved.
- * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
- * https://github.com/chjj/term.js
- * @license MIT
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- *
- * Originally forked from (with the author's permission):
- *   Fabrice Bellard's javascript vt100 for jslinux:
- *   http://bellard.org/jslinux/
- *   Copyright (c) 2011 Fabrice Bellard
- *   The original design remains. The terminal itself
- *   has been extended to include xterm CSI codes, among
- *   other features.
- */.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f2ea;color:#1c2024;line-height:1.5}html,body,#root{height:100%}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f5f2ea}button,input,select,textarea{font:inherit}button{border:1px solid #9ba6ad;background:#f8f7f2;color:#1d252b;border-radius:6px;min-height:34px;padding:6px 10px;cursor:pointer}button:hover:not(:disabled){background:#eef4f2;border-color:#607d74}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea:not(.xterm-helper-textarea){width:100%;border:1px solid #b9b0a1;border-radius:6px;background:#fffdf8;color:#202326;padding:8px 10px}textarea:not(.xterm-helper-textarea){min-height:240px;resize:vertical;font-family:Menlo,Monaco,Consolas,monospace;font-size:12px}h1,h2,p{margin-top:0}h1{margin-bottom:4px;font-size:26px;line-height:1.15}h2{margin-bottom:10px;font-size:14px;letter-spacing:0}.app-shell{display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr);height:100vh;min-height:0;overflow:hidden}.app-shell.is-sidebar-collapsed{grid-template-columns:46px minmax(0,1fr)}.app-sidebar{position:relative;min-width:0;border-right:1px solid #d3c9b8;background:#fbfaf6;padding:14px;overflow:auto}.app-shell.is-sidebar-collapsed .app-sidebar{overflow:hidden;padding:8px}.sidebar-toggle{position:absolute;top:10px;right:10px;z-index:2;display:grid;place-items:center;width:28px;min-height:28px;padding:0;background:#fffdf8}.sidebar-toggle:before{width:8px;height:8px;border-color:currentColor;border-style:solid;border-width:0 2px 2px 0;content:"";transform:translate(2px) rotate(135deg)}.app-shell.is-sidebar-collapsed .sidebar-toggle{left:9px;right:auto}.app-shell.is-sidebar-collapsed .sidebar-toggle:before{transform:translate(-2px) rotate(-45deg)}.sidebar-content{min-width:0}.app-shell.is-sidebar-collapsed .sidebar-content{width:0;opacity:0;pointer-events:none}.app-main{min-width:0;height:100%;padding:14px 16px;overflow:auto}.brand-header{display:flex;gap:12px;align-items:baseline;margin-bottom:10px;padding-right:34px}.brand-header strong{font-size:18px}.brand-header span,.muted,.workspace-branch{color:#667071;font-size:13px}.sidebar-section{margin-bottom:8px;border:1px solid #e0d6c7;border-radius:8px;background:#fffdfa;overflow:hidden}.sidebar-section-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;min-height:34px;border:0;border-radius:0;background:transparent;color:#1c2024;font-size:13px;font-weight:750;text-align:left}.sidebar-section-toggle:hover{background:#f5f1e8}.sidebar-section-toggle[aria-expanded=true]{border-bottom:1px solid #ece5d9}.sidebar-section-chevron{width:8px;height:8px;border-color:currentColor;border-style:solid;border-width:0 2px 2px 0;transform:rotate(45deg)}.sidebar-section-toggle[aria-expanded=true] .sidebar-section-chevron{transform:rotate(-135deg)}.sidebar-section-content{padding:8px}.repo-connect,.project-summary,.harness-panel,.task-create{margin:0}.inline-form{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.inline-form.has-recent-paths{grid-template-columns:minmax(0,1fr) auto}.inline-form>input{grid-column:1 / -1}.inline-form>button{justify-self:end}.inline-form.has-recent-paths>button{justify-self:auto}.repo-recent-select{min-width:0;max-width:none}.project-summary dl{display:grid;gap:8px;margin:0}.project-summary div{min-width:0}.project-summary dt{color:#6c6255;font-size:12px}.project-summary dd{margin:0;overflow-wrap:anywhere;font-size:13px}.warnings,.error-banner{border:1px solid #c87b54;background:#fff4ed;color:#6f3218;border-radius:6px;padding:10px 12px}.warnings{margin:12px 0 0;padding-left:26px;font-size:13px}.harness-panel{display:grid;gap:8px}.harness-panel-header{display:flex;justify-content:space-between;gap:8px;align-items:center}.harness-panel-header h2,.harness-panel-header p,.harness-result p{margin-bottom:0}.harness-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.harness-file-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.harness-file-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid #ece5d9;border-radius:6px;padding:6px 8px;background:#fffdfa}.harness-file-list span{overflow:hidden;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.harness-changes,.harness-result{border:1px solid #e0d6c7;border-radius:6px;padding:8px;background:#f8f7f2;font-size:12px}.harness-changes h3{margin:0 0 4px;font-size:12px}.harness-changes ul,.harness-result ul{margin:0;padding-left:18px}.task-create form,.task-nav{display:grid;gap:8px}.task-nav-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left}.task-nav-item.is-active,.role-tab.is-active{border-color:#2f6f73;background:#e8f1ef}.sidebar-settings{display:grid;gap:8px}.sidebar-settings button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;text-align:left}.sidebar-settings .settings-toggle.is-active{border-color:#2f6f73;background:#e8f1ef}.workspace-header{display:grid;grid-template-columns:minmax(180px,auto) minmax(420px,1fr) auto;gap:16px;align-items:center;margin-bottom:6px}.workspace-title-line{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;min-width:0}.workspace-title-line h1{margin-bottom:0;font-size:18px;line-height:1.15}.workspace-branch{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eyebrow{color:#7a5c2f;font-size:12px;font-weight:700;text-transform:uppercase}.role-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:8px;min-width:0}.workspace-header .role-tabs{margin-bottom:0}.role-tab{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;min-height:30px;padding:4px 8px;text-align:left}.workflow-panel{display:grid;gap:8px;margin:0}.workflow-summary p{margin-bottom:0}.workflow-summary p{color:#4f5558;font-size:13px}.workflow-steps{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:0;padding:0;list-style:none}.workflow-steps li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;min-height:28px;border:1px solid #ece5d9;border-radius:6px;padding:4px 6px;background:#fffdfa}.workflow-steps li.is-current{border-color:#2f6f73;background:#e8f1ef}.workflow-steps span{overflow:hidden;color:#394246;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr);flex:1;gap:10px;align-items:stretch;min-height:0}.workspace-main{min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px}.role-console-stack{min-width:0;min-height:0;flex:1;display:flex;flex-direction:column}.role-console-panel{min-width:0;min-height:0;flex:1;display:none}.role-console-panel.is-active{display:flex;flex-direction:column}.session-console,.message-panel,.event-log,.empty-workspace{border:1px solid #d6d0c6;border-radius:8px;background:#fffdf8;padding:10px}.task-workspace{display:flex;flex-direction:column;gap:8px;height:100%;min-height:0}.session-console{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;flex:1;min-height:0}.session-console-top{display:flex;gap:10px;align-items:center;justify-content:space-between}.session-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin:0 0 8px}.permission-mode-field{display:grid;grid-template-columns:auto minmax(180px,260px);gap:8px;align-items:center;width:fit-content;max-width:100%}.permission-mode-field span{color:#5f6a6c;font-size:13px;font-weight:650}.permission-mode-field small{display:block;color:#7b8587;font-size:11px;font-weight:500;line-height:1.2}.permission-mode-field select{width:100%;min-height:30px;border:1px solid #b9b0a1;border-radius:6px;background:#fffdf8;color:#202326;padding:4px 8px}.session-toolbar{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.session-toolbar button{min-height:30px;padding:4px 9px}.translation-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border:1px solid #b5bec4;border-radius:6px;background:#fffefa;color:#4f5558;font-size:12px;font-weight:650;padding:3px 10px;white-space:nowrap}.translation-toggle.is-active{border-color:#2f7e84;background:#e8f4f2;color:#145e64}.translation-settings-grid input[type=checkbox]{width:auto}.session-console-body{min-width:0;min-height:0;height:100%}.session-console-body.has-translation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:stretch}.terminal-pane,.translation-pane{min-width:0;min-height:0}.terminal-frame,.terminal-empty{height:100%;min-height:0;border-radius:6px;overflow:hidden;background:#111316}.terminal-empty{display:grid;place-items:center;align-content:center;gap:8px;color:#d6d0c6;border:1px solid #292d31}.translation-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;height:100%;min-height:0;border:1px solid #292d31;border-radius:6px;background:#0d1117;color:#d6deeb;padding:8px;min-width:0;width:100%;overflow:hidden;font-family:Menlo,Monaco,Consolas,monospace}.translation-panel-header{display:grid;gap:3px}.translation-panel-titlebar,.translation-panel-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:space-between}.translation-panel-header h2,.translation-panel-header p{margin-bottom:0}.translation-panel-titlebar h2{font-size:16px}.translation-panel-header p,.translation-composer span{color:#8b949e;font-size:12px}.translation-panel-actions button{border-color:#3a4149;background:#161b22;color:#d6deeb;min-height:26px;padding:2px 8px;font-size:12px}.translation-panel-actions button:hover:not(:disabled),.translation-composer-actions button:hover:not(:disabled){border-color:#58a6ff;background:#1f2937}.translation-panel-actions .auto-send-toggle.is-active{border-color:#56d364;background:#12261a;color:#d6deeb}.translation-panel-actions{justify-content:flex-end}.translation-entry-list{display:grid;align-content:start;gap:8px;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:#4b5563 #0d1117}.translation-entry{border:0;border-radius:0;background:transparent;min-width:0;max-width:100%;padding:0}.translation-entry pre{box-sizing:border-box;margin:0;max-height:none;max-width:100%;min-width:0;overflow:visible;white-space:pre-wrap;overflow-wrap:anywhere;font-family:Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.45;color:#d6deeb}.translation-entry.is-tool-output pre{display:block;overflow:hidden;color:#7d8590;text-overflow:ellipsis;white-space:nowrap;width:100%}.translation-warning{color:#ffab70;margin-bottom:6px}.translation-composer{display:grid;gap:6px;border-top:1px solid #292d31;padding-top:8px}.translation-composer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}.translation-composer textarea{width:100%;min-height:38px;max-height:88px;border-color:#3a4149;background:#0d1117;color:#d6deeb;font-family:inherit;font-size:12px;line-height:1.35;resize:vertical}.translation-composer textarea::placeholder{color:#7d8590}.translation-composer textarea::selection{background:#8b949e59;color:#fff}.translation-composer textarea:focus,.translation-composer textarea:focus-visible{border-color:#4b5563;outline:none;box-shadow:none}.translation-composer-actions{display:grid;align-content:start;gap:6px;min-width:104px}.translation-composer-actions button{border-color:#3a4149;background:#161b22;color:#d6deeb;width:100%;min-height:38px;padding:4px 9px;font-size:12px}.translation-panel .muted{color:#8b949e}.translation-panel .error-banner{border-color:#da7b72;background:#2d1518;color:#ffdcd7}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#181c1f61;padding:18px}.translation-settings-modal{display:grid;gap:12px;width:min(760px,100%);max-height:min(760px,92vh);overflow:auto;border:1px solid #d6d0c6;border-radius:8px;background:#fffdf8;padding:14px}.message-modal,.event-modal{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;width:min(980px,100%);max-height:min(760px,92vh);overflow:hidden;border:1px solid #d6d0c6;border-radius:8px;background:#fffdf8;padding:14px}.translation-settings-modal header,.message-modal header,.event-modal header,.translation-settings-modal footer{display:flex;gap:8px;align-items:center;justify-content:space-between}.translation-prompt-settings{display:grid;gap:10px;border-top:1px solid #ece5d9;padding-top:12px}.translation-prompt-settings header{display:flex;gap:10px;align-items:end;justify-content:space-between}.translation-prompt-settings h3,.translation-prompt-settings p{margin-bottom:0}.translation-prompt-settings h3{font-size:13px}.translation-prompt-settings textarea{min-height:120px;max-height:260px;font-family:Menlo,Monaco,Consolas,monospace;font-size:12px}.translation-prompt-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.translation-settings-modal h2,.message-modal h2,.message-modal p,.event-modal h2,.event-modal p,.translation-settings-modal p{margin-bottom:0}.translation-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.translation-settings-grid label{display:grid;gap:4px}.translation-settings-grid span{color:#4f5558;font-size:12px;font-weight:650}.translation-settings-grid select,.translation-prompt-settings select{min-height:34px;border:1px solid #b9b0a1;border-radius:6px;background:#fffdf8;color:#202326;padding:6px 10px}.translation-test-result{border-radius:6px;padding:8px;font-size:13px}.translation-test-result.is-ok{border:1px solid #6ea77e;background:#e6f3e9;color:#245334}.translation-test-result.is-error{border:1px solid #c46e5f;background:#fae9e6;color:#6f2b21}.message-panel{display:grid;gap:8px}.message-modal .message-panel,.event-modal .event-log{min-height:0;overflow:auto;border:0;background:transparent;padding:0}.message-panel-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.message-panel-header h2,.message-panel-header p{margin-bottom:0}.message-controls,.message-mode-toggle,.message-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.message-mode-toggle{color:#4f5558;font-size:13px;font-weight:650}.message-mode-toggle input{width:auto}.message-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.message-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;border:1px solid #ece5d9;border-radius:6px;padding:8px;background:#fffdfa}.message-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:4px}.message-meta span:not(.status-badge),.message-path{color:#667071;font-size:12px}.message-item p{display:-webkit-box;margin-bottom:4px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.message-path{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-log ol{margin:0;padding-left:22px;font-size:13px}.event-log{max-height:92px;overflow:auto}.event-log h2{margin-bottom:4px;font-size:13px}.event-log p{margin-bottom:0}.event-log li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:66px;min-height:20px;border-radius:999px;padding:2px 8px;border:1px solid #c7c1b8;background:#f2eee7;color:#4f5558;font-size:11px;white-space:nowrap}.status-running,.status-ok{border-color:#6ea77e;background:#e6f3e9;color:#245334}.status-blocked,.status-crashed,.status-missing,.status-empty{border-color:#c46e5f;background:#fae9e6;color:#6f2b21}.status-waiting,.status-starting,.status-incomplete{border-color:#c4a34e;background:#f7efcf;color:#604e16}.status-exited,.status-done,.status-resumable,.status-staged,.status-delivered,.status-acknowledged{border-color:#7b98b8;background:#e9f0f8;color:#2e4e70}.status-pending_approval,.status-queued,.status-translating,.status-ready,.status-create,.status-insert,.status-update{border-color:#c4a34e;background:#f7efcf;color:#604e16}.status-rejected,.status-failed,.status-cancelled,.status-blocked{border-color:#c46e5f;background:#fae9e6;color:#6f2b21}.status-pending{border-color:#c7c1b8;background:#f2eee7;color:#4f5558}.status-translated,.status-preserved{border-color:#7b98b8;background:#e9f0f8;color:#2e4e70}.empty-workspace{max-width:680px}@media(max-width:980px){.app-shell,.workspace-grid{grid-template-columns:1fr}.app-sidebar{border-right:0;border-bottom:1px solid #d3c9b8}.role-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-panel,.workflow-steps,.session-console-body.has-translation,.translation-settings-grid,.translation-prompt-editor-grid{grid-template-columns:1fr}}@media(max-width:560px){.app-main,.app-sidebar{padding:12px}.workspace-header,.inline-form,.inline-form.has-recent-paths{grid-template-columns:1fr;display:grid}.role-tabs{grid-template-columns:1fr}.terminal-frame,.terminal-empty{min-height:300px;height:54vh}.permission-mode-field{grid-template-columns:1fr;width:100%}}