vibe-coding-master 0.0.9 → 0.0.11

package/docs/v1-implementation-plan.md

@@ -17,7 +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.
-- Task creation creates one `feature/<task>` branch and one `.ai/vcm/worktrees/<task>` git worktree.
+- Task creation creates one `feature/<task>` branch and one `.ai/vcm/worktrees/<task>` git worktree by default; users may clear `Create worktree and branch` to create an inline task in the connected repository/current branch.
 
 ## 2. Package And Build
 
@@ -28,7 +28,7 @@ File:
 Current package facts:
 
 - package name: `vibe-coding-master`
-- current version: `0.0.7`
+- current version: `0.0.10`
 - type: ESM
 - `bin.vcm`: `dist/main.js`
 - `bin.vcmctl`: `dist/cli/vcmctl.js`
@@ -179,6 +179,20 @@ Important fields:
 - `claudeCommand`
 - `isDirty`
 
+### `src/shared/types/app-settings.ts`
+
+Defines:
+
+- `ThemeMode`
+- `AppPreferences`
+- `UpdateAppPreferencesRequest`
+
+Theme modes:
+
+- `system`
+- `light`
+- `dark`
+
 ### `src/shared/types/task.ts`
 
 Defines:
@@ -187,16 +201,16 @@ Defines:
 - `TaskRecord`
 - `CreateTaskRequest`
 
-Current UI sends only `taskSlug`, although the API type still permits optional `title` and `specPath`.
+Current UI sends `taskSlug` and `createWorktree`; the API type still permits optional `title` and `specPath`.
 
 Worktree fields:
 
-- `worktreePath: string`
-- `branch: feature/<taskSlug>`
+- `worktreePath?: string`
+- `branch: feature/<taskSlug>` when worktree creation is selected, otherwise the connected repo's current branch
 - `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.
+`CreateTaskRequest` supports `createWorktree?: boolean`. It creates a worktree and branch by default, and skips both when `createWorktree === false`.
 
 ### `src/shared/types/session.ts`
 
@@ -244,7 +258,10 @@ Defines:
 - `SendTranslatedInputRequest`
 - `TranslationProviderTestResult`
 - `TranslationPromptPreview`
-- `TranslationWsMessage`
+- `TranslationSessionStatus`
+- `TranslationSessionEvent`
+- `StartTranslationSessionResult`
+- `PollTranslationSessionResult`
 
 Prompt keys:
 
@@ -396,8 +413,8 @@ Worktree methods:
 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
+- `TaskService` verifies Close Task worktree paths are under `<baseRepoRoot>/.ai/vcm/worktrees/`
+- VCM-created task branches are derived from validated task slugs as `feature/<taskSlug>`
 
 ### `src/backend/adapters/claude-adapter.ts`
 
@@ -520,39 +537,44 @@ 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 })
+  -> if createWorktree is not false:
+       -> branch = feature/<taskSlug>
+       -> worktreePath = <baseRepoRoot>/.ai/vcm/worktrees/<taskSlug>
+       -> 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 })
+       -> taskRepoRoot = worktreePath
+  -> otherwise:
+       -> branch = current base repo branch
+       -> worktreePath = undefined
+       -> taskRepoRoot = baseRepoRoot
+  -> artifactService.ensureHandoffStructure({ repoRoot: taskRepoRoot, handoffDir })
+  -> artifactService.createArtifactTemplates({ repoRoot: taskRepoRoot, handoffDir })
+  -> ensure task runtime state dirs under <taskRepoRoot>/.ai/vcm/
   -> write central task record under <baseRepoRoot>/.ai/vcm/tasks/<task>.json
 ```
 
-Cleanup flow:
+Close Task 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
+  -> route layer lists role sessions
+  -> route layer stops each VCM-managed role session with status running
+  -> route layer stops translation tailers and clears task translation cache
+  -> if worktreePath exists, verify it is under <baseRepoRoot>/.ai/vcm/worktrees/
+  -> if worktreePath exists, git.removeWorktree(baseRepoRoot, worktreePath, force=true)
+  -> if worktreePath exists, git.deleteBranch(baseRepoRoot, task.branch, force=true) by default
+  -> delete <baseRepoRoot>/.ai/vcm/tasks/<task>.json
+  -> delete <taskRepoRoot>/.ai/vcm/sessions/<task>.json
+  -> delete <taskRepoRoot>/.ai/vcm/messages/<task>.jsonl
+  -> delete <taskRepoRoot>/.ai/vcm/orchestration/<task>.json
+  -> delete <taskRepoRoot>/.ai/vcm/translation/<task>/
 ```
 
-Branch cleanup:
-
-- keep `feature/<taskSlug>` by default
-- optional `deleteBranch` only with explicit confirmation
-- prefer requiring merged branch unless force-confirmed
+The UI labels this operation `Close Task`, styles it as a red destructive action, and shows a browser confirmation that names running role-session shutdown, the worktree, branch, and metadata that will be deleted. VCM actively stops VCM-managed running role sessions, but it does not preflight running sessions or uncommitted changes before closing. Tasks created without a worktree remove VCM metadata only.
 
 ### `src/backend/services/artifact-service.ts`
 
@@ -621,7 +643,7 @@ Responsibilities:
 Persistence:
 
 ```text
-<baseRepoRoot>/.ai/vcm/sessions/<task>.json
+<taskRepoRoot>/.ai/vcm/sessions/<task>.json
 ```
 
 Environment passed to Claude Code:
@@ -634,7 +656,7 @@ Environment passed to Claude Code:
 In task-worktree mode:
 
 - session cwd is `task.worktreePath`
-- session persistence remains central under `baseRepoRoot/.ai/vcm/sessions`
+- session persistence is written under `task.worktreePath/.ai/vcm/sessions`
 - raw logs and handoff artifacts are written under the task worktree
 
 ### `src/backend/services/message-service.ts`
@@ -658,7 +680,8 @@ Responsibilities:
 
 In task-worktree mode:
 
-- message snapshots remain central under `baseRepoRoot/.ai/vcm/messages`
+- message snapshots live under `task.worktreePath/.ai/vcm/messages`
+- orchestration state lives under `task.worktreePath/.ai/vcm/orchestration`
 - 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
 
@@ -700,6 +723,12 @@ Exports:
 - `AppSettingsServiceDeps`
 - `createAppSettingsService(deps)`
 
+Settings responsibilities:
+
+- persist UI theme mode: `system`, `light`, or `dark`
+- persist translation settings and translation secrets
+- persist up to five recent repository paths
+
 Storage:
 
 ```text
@@ -763,21 +792,24 @@ Exports:
 - `TranslationEventListener`
 - `TranslationServiceDeps`
 - `createTranslationService(deps)`
-- `formatTerminalSubmit(text)`
 
 Responsibilities:
 
 - load/update translation settings
 - expose prompt previews
 - test provider
+- start backend transcript listening for a role session
+- poll cached translation events by cursor
 - translate user input
 - send English text to active terminal
-- subscribe to session translation events
-- clear session entries
+- clear session entries and cached events
+- stop session/task translation listeners
 - retry failed output translation
 - subscribe to Claude transcript service
 - translate prose output and preserve tool output
 
+Terminal submission is delegated to `src/backend/runtime/terminal-submit.ts`, which bracket-pastes text, waits briefly, then sends Enter separately.
+
 ## 9. Backend API
 
 ### `src/backend/server.ts`
@@ -792,17 +824,18 @@ Exports:
 - `createDefaultServerDeps(options)`
 - `getDefaultStaticDir()`
 
-Registers all routes and WebSockets.
+Registers HTTP routes and the terminal WebSocket.
 
 ### Route files
 
+- `src/backend/api/app-settings-routes.ts`: UI preferences
 - `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, task status, task cleanup
+- `src/backend/api/task-routes.ts`: tasks, task status, and Close Task cleanup endpoint; Close Task stops running role sessions before translation/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
+- `src/backend/api/translation-routes.ts`: settings, prompt previews, provider test, start/poll, input/send, clear/retry
 
 Worktree task API:
 
@@ -815,11 +848,10 @@ Do not add a "switch task worktree" endpoint. Worktree assignment happens only d
 ### WebSocket files
 
 - `src/backend/ws/terminal-ws.ts`
-- `src/backend/ws/translation-ws.ts`
 
 Terminal WebSocket forwards PTY output/input/resize.
 
-Translation WebSocket subscribes to translation entries/status for a runtime session id.
+Translation does not use WebSocket. The backend writes cached translation events under `<taskRepoRoot>/.ai/vcm/translation/<task>/<role>/<session-id>.jsonl`; the frontend polls `GET /api/translation/sessions/:sessionId/events?after=<cursor>`. The cursor is the next expected seq, so `after=18` means seq `1..17` can be removed and seq `18+` should be returned.
 
 ## 10. Backend Templates
 
@@ -878,12 +910,12 @@ It calls:
 - orchestration endpoints
 - translation endpoints
 
-Target additions:
+Implemented task cleanup method:
 
-- `listGitWorktrees()`
-- `listGitBranches()`
 - `cleanupTask(taskSlug, options)`
 
+There are no branch/worktree switching APIs in the current frontend client.
+
 ### `src/frontend/state/app-store.ts`
 
 Exports:
@@ -931,9 +963,8 @@ Responsibilities:
 - messages modal
 - events modal
 - harness panel
-- task creation with one task-name field, checked non-optional worktree/branch indicator, branch preview, and worktree path preview
+- task creation with one task-name field, `Create worktree and branch` checkbox selected by default, branch preview, and worktree path preview
 - task navigation
-- completed-task cleanup action
 
 ### `src/frontend/routes/task-workspace.tsx`
 
@@ -945,6 +976,7 @@ Exports:
 Responsibilities:
 
 - task header with role tabs and refresh
+- red `Close Task` action with destructive confirmation
 - show branch and immutable worktree path for the active task
 - status/message/orchestration refresh
 - periodic polling
@@ -1003,7 +1035,7 @@ Exports:
 - `getMessageCounts(messages)`
 - `MessageTimeline(props)`
 
-Used inside the Messages modal. Can show stage/reject/open-role actions.
+Used inside the Messages modal. Current UI rows show sequence, timestamp, route, type, status, body preview, body path, and a `Copy` button. Stage/approve/reject backend APIs remain compatibility paths, but those buttons are not displayed in the current modal.
 
 ### `src/frontend/components/event-log.tsx`
 
@@ -1068,6 +1100,8 @@ Important current behavior:
 - no `Original` buttons
 - tool output is preserved, dim, one-line
 - prose source is replaced by translated text after completion
+- prose renders Markdown with GFM support
+- user-input translation entries add a thick divider and larger top spacing to mark question/answer boundaries
 - no separate translated-English textarea
 
 ### `src/frontend/components/translation-settings-modal.tsx`
@@ -1079,18 +1113,15 @@ Exports:
 
 Settings:
 
-- enable translation
 - base URL
 - API key as text input
 - model
 - target language
-- input mode
 - context
-- translate output
-- translate user input
 - timeout
 - temperature
-- prompt slot overrides
+- direct editors for `zh-to-en`, `zh-to-en-with-context`, and `en-to-zh`
+- reset prompts to built-in defaults
 - provider test
 
 ### `src/frontend/components/status-badge.tsx`
@@ -1114,7 +1145,8 @@ Sidebar:
 
 - all groups default collapsed
 - `Repository Path` default open only when no task is selected
-- `Settings` includes `Messages`, `Events`, and `Auto orchestration`
+- `Settings` includes `Theme`, `Messages`, `Events`, and `Auto orchestration`
+- `Theme` cycles through `System`, `Light`, and `Dark`; `System` follows the browser/OS color-scheme preference
 
 Task workspace:
 
@@ -1139,6 +1171,8 @@ App settings:
 ~/.vcm/settings.json
 ```
 
+Contains UI theme preference, translation settings/secrets, and recent repository paths.
+
 Project config:
 
 ```text
@@ -1149,26 +1183,32 @@ Project config:
 Task state:
 
 ```text
-.ai/vcm/tasks/<task>.json
+<baseRepoRoot>/.ai/vcm/tasks/<task>.json
 ```
 
 Session state:
 
 ```text
-.ai/vcm/sessions/<task>.json
+<taskRepoRoot>/.ai/vcm/sessions/<task>.json
 ```
 
 Messages:
 
 ```text
-.ai/vcm/messages/<task>.jsonl
-.ai/handoffs/<task>/messages/<message-id>.md
+<taskRepoRoot>/.ai/vcm/messages/<task>.jsonl
+<taskRepoRoot>/.ai/handoffs/<task>/messages/<message-id>.md
 ```
 
 Orchestration:
 
 ```text
-.ai/vcm/orchestration/<task>.json
+<taskRepoRoot>/.ai/vcm/orchestration/<task>.json
+```
+
+Translation cache:
+
+```text
+<taskRepoRoot>/.ai/vcm/translation/<task>/
 ```
 
 Task worktrees:
@@ -1217,7 +1257,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
+- close a worktree-backed task and verify it stops running role sessions, removes the worktree, deletes the task branch, and removes central task metadata
 
 ## 17. V1 Boundaries To Preserve
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vibe-coding-master",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "description": "Local GUI session cockpit for Claude Code role sessions.",
   "type": "module",
   "files": [
@@ -44,6 +44,8 @@
     "node-pty": "^1.0.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
+    "react-markdown": "^10.1.0",
+    "remark-gfm": "^4.0.1",
     "ws": "^8.18.2",
     "zod": "^3.25.28"
   },

package/dist/backend/ws/translation-ws.js

@@ -1,35 +0,0 @@
-import { WebSocketServer } from "ws";
-import { toVcmError } from "../errors.js";
-export function registerTranslationWs(app, deps) {
-    const wss = new WebSocketServer({ noServer: true });
-    app.server.on("upgrade", (request, socket, head) => {
-        const url = new URL(request.url ?? "/", "http://localhost");
-        const match = /^\/ws\/translation\/([^/]+)$/.exec(url.pathname);
-        if (!match) {
-            return;
-        }
-        wss.handleUpgrade(request, socket, head, (ws) => {
-            bindTranslationSocket(ws, decodeURIComponent(match[1] ?? ""), deps.translationService);
-        });
-    });
-}
-function bindTranslationSocket(ws, sessionId, translationService) {
-    let unsubscribe = () => { };
-    try {
-        unsubscribe = translationService.subscribeToSession(sessionId, (message) => send(ws, message));
-    }
-    catch (error) {
-        const vcmError = toVcmError(error);
-        send(ws, { type: "translation-error", message: vcmError.message });
-        ws.close();
-        return;
-    }
-    ws.on("close", () => {
-        unsubscribe();
-    });
-}
-function send(ws, message) {
-    if (ws.readyState === ws.OPEN) {
-        ws.send(JSON.stringify(message));
-    }
-}

package/dist-frontend/assets/index-CuiNNOzj.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,.workspace-worktree{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{display:grid;gap:8px}.task-create-preview{display:grid;gap:2px;border:1px solid #e0d6c7;border-radius:6px;background:#f8f7f2;padding:6px 8px}.task-create-preview span{color:#255f3d;font-size:12px;font-weight:700}.task-create-preview small{overflow:hidden;color:#687273;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.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 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}.workspace-worktree{max-width:260px;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%}}