flavor-code 1.2.8 → 1.2.9

package/README.md

@@ -35,8 +35,38 @@ Flavor Code connects to OpenAI, Anthropic, or compatible services and works with
 | 🧭 | **Controlled progress on complex tasks** | Task plans, sub-agents, steering, follow-ups, `/loop`, and `/goal` |
 | ⏪ | **Traceable, resumable results** | Full timeline, checkpoints, rewind, traces, diffs, and failure audits |
 | 🧠 | **Local long-term context** | Memory, Skills, plugins, and project guides stored on your machine |
+| 🎨 | **D2C design-to-code** | Import Pixso exports; the agent generates Vue/React implementations with automatic pixel-level visual evaluation (Electron only) |
 | 🛡️ | **Clear permission boundaries** | Independent control over read, write, Shell, network, and destructive actions; Docker supported |
 
+## 1.2.9 Runtime Productivity
+
+1.2.9 adds layered project instructions, safe writes, background jobs, persistent terminals, and native web tools. Usually you can just describe the goal in natural language and the agent picks the right tool; when you need precise control, name the tool and its parameters explicitly in the prompt.
+
+| Feature | How to use |
+| --- | --- |
+| **Layered project instructions** | Put `AGENTS.md` / `CLAUDE.md` in the project root or subdirectories; use `AGENTS.local.md` / `CLAUDE.local.md` for local additions in the same directory. Root rules load at startup; subdirectory rules load automatically when the agent touches files there. |
+| **Per-turn change summary** | No configuration needed. After a successful `Write`, `Edit`, or `ApplyPatch`, the turn shows a color-coded `CHANGESET` receipt with workspace-relative paths, `CREATE` / `UPDATE` / `DELETE` operations, per-file line counts, and a total. At most 8 files are shown, with an explicit shown/total footer when more changed. |
+| **File version protection** | No configuration needed. If the IDE, a formatter, or another process modifies a file after the agent read it, the next write fails with `Stale file`; ask the agent to re-read before editing. |
+| **Standard tool presentation protocol** | Tool authors can declare `outputSchema`, `renderForModel`, `presentCall`, and `presentResult`, so the same result can use an appropriate form in the model context, CLI, and desktop. The CLI visually separates file diffs, web evidence, job receipts, foreground `COMMAND` output, and persistent `TERMINAL` output from the final answer. |
+| **Background Shell / Jobs** | Say "start the dev server in the background" and the agent calls `Shell` with `background: true`. Use `JobList` to view jobs, `JobRead` for incremental output, `JobWait` to wait, and `JobKill` to stop. The CLI shows a color-bordered `JOB` receipt separating job metadata, logs, and the final answer; logs show at most the latest 12 lines and lists at most 8 items. Windows prefers UTF-8 and falls back automatically on GBK/GB18030 system diagnostics. |
+| **Foreground command results** | Foreground `Shell` calls render as state-colored `COMMAND` receipts with separate command, stdout, stderr, and exit regions. Long output keeps the first and last 8 lines and explicitly folds the middle; persistent PTY output uses the distinct `TERMINAL` label. |
+| **Desktop background status** | Electron automatically shows the number of running jobs in the session title bar, updated live on start, output, exit, or cancel. |
+| **Persistent PTY** | Say "open a persistent terminal and keep interacting". The agent uses `TerminalOpen` to create a terminal, `TerminalWrite` for input, `TerminalRead` for incremental output, and `TerminalClose` to close it. |
+| **Unified D2C/E2E process lifecycle** | No usage change. Preview and backend services still start/stop from the E2E/D2C workbench, but the underlying layer unifies output limits, process-tree termination, and idempotent cleanup. |
+| **Native WebSearch** | Say "search the web for ...", or explicitly ask for `WebSearch`. It uses keyless DuckDuckGo Lite by default and degrades to Bing on connection failure, HTTP rejection, or no parseable results; up to 20 results per call. The CLI puts the top 5 into a bordered `WEB SEARCH` evidence block with titles and compact sources in search order. |
+| **Native WebFetch** | Say "read this page: `https://...`", or explicitly ask for `WebFetch`. Supports HTTP(S), redirects, HTML-to-text, timeouts, and response size limits, and is compatible with Clash/TUN Fake-IP DNS. Direct access to Fake-IP, intranet, or cloud metadata addresses is still blocked; network operations still follow Flavor permission approval. |
+
+Common precise usage:
+
+```text
+Start npm run dev with Shell in background mode, then use JobRead to inspect the startup logs.
+Open a persistent terminal, run a Python REPL in it, execute two snippets, then close the terminal.
+Use WebSearch to find the official TypeScript 7 migration notes, then WebFetch the most relevant official page.
+This directory has its own conventions; follow src/payments/AGENTS.md before modifying code here.
+```
+
+See [Technical Design Report §38](./技术方案报告.md#38-129-运行时生产力与原生-web-能力) for tool parameters, state machines, security boundaries, and extension interfaces; acceptance criteria are in the [Runtime productivity spec](./docs/specs/2026-08-13-runtime-productivity-waves.md).
+
 ## Quick Start
 
 > [!IMPORTANT]
@@ -167,6 +197,8 @@ npm run desktop:dist     # Windows NSIS installer
 
 The desktop app provides project and session switching, streaming Markdown, tool and diff views, permission confirmations, task status, and management of Skills, MCP, memory, and models.
 
+The **D2C** module in the sidebar supports a complete design-to-code loop: import a Pixso-exported HTML directory, choose a target framework (Vue 3 / React), and submit the generation task to the current session. The agent implements it under `src/d2c-output/<task>/` following the `d2c-pixso` skill (SOP); a Vite dev server then starts automatically for pixel-level comparison, producing a visual-fidelity score and a structured diff report (region offsets, color deviations, font differences). The results workbench offers overlay, curtain, flicker, and heatmap comparison modes, an SVG annotation layer, and a severity-sorted issue list, so each diff can be accepted or rejected individually and trigger module-level fixes. Once visual review passes, you can import a Swagger/OpenAPI document to auto-generate Axios wrappers and an Express mock server, moving into API integration and interactive acceptance.
+
 ### VS Code / Qoder
 
 ```bash
@@ -338,6 +370,9 @@ npm run build
 - [Runtime reliability spec](./docs/specs/2026-07-26-runtime-reliability.md)
 - [Control plane, sandbox & VS Code spec](./docs/specs/2026-07-29-control-plane-sandbox-vscode.md)
 - [Multimodal image attachments spec](./docs/specs/2026-07-30-multimodal-image-attachments.md)
+- [D2C design-to-code spec](./docs/specs/2026-08-09-d2c-design-to-code.md)
+- [D2C review & integration spec](./docs/specs/2026-08-10-d2c-review-and-integration.md)
+- [1.2.9 runtime productivity spec](./docs/specs/2026-08-13-runtime-productivity-waves.md)
 - [VS Code next steps](./docs/specs/2026-08-01-flavor-code-vscode-next.md)
 
 ## Security Notes

package/README.zh-CN.md

@@ -32,12 +32,42 @@ Flavor Code 接入 OpenAI、Anthropic 或兼容服务，在受控工作区内使
 | | 能力 | 你得到什么 |
 | --- | --- | --- |
 | 🖥️ | **一个运行时，三个入口** | CLI、Electron 与 VS Code 共享模型配置、会话和工具能力 |
-| 🧭 | **复杂任务可控推进** | 任务计划、子 Agent、steering、follow-up、`/loop` 和 `/goal` |
-| ⏪ | **结果可追溯、可恢复** | 完整时间线、checkpoint、rewind、trace、Diff 和失败审计 |
-| 🧠 | **本地长期上下文** | 记忆、Skill、插件和项目指南均保存在本机 |
-| 🛡️ | **明确的权限边界** | 分别控制读、写、Shell、网络和破坏性操作，也可使用 Docker |
-
-## 快速开始
+| 🧭 | **复杂任务可控推进** | 任务计划、子 Agent、steering、follow-up、`/loop` 和 `/goal` |
+| ⏪ | **结果可追溯、可恢复** | 完整时间线、checkpoint、rewind、trace、Diff 和失败审计 |
+| 🧠 | **本地长期上下文** | 记忆、Skill、插件和项目指南均保存在本机 |
+| 🎨 | **D2C 设计转代码** | 导入 Pixso 导出结果，由 Agent 生成 Vue/React 实现并自动进行像素级视觉评估（仅 Electron） |
+| 🛡️ | **明确的权限边界** | 分别控制读、写、Shell、网络和破坏性操作，也可使用 Docker |
+
+## 1.2.9 运行时生产力
+
+1.2.9 新增分层项目指令、安全写入、后台任务、持久终端和原生 Web 工具。通常只需用自然语言描述目标，Agent 会选择合适的工具；需要精确控制时，也可以在提示词中明确指定工具和参数。
+
+| 功能 | 使用方式 |
+| --- | --- |
+| **分层项目指令** | 在项目根目录或子目录放置 `AGENTS.md` / `CLAUDE.md`；同目录需要本地补充时使用 `AGENTS.local.md` / `CLAUDE.local.md`。根规则启动时加载，子目录规则在 Agent 访问该目录文件时自动加载。 |
+| **每轮成果物汇总** | 无需配置。`Write`、`Edit` 或 `ApplyPatch` 成功后，回合结束会显示带语义色的 `CHANGESET` 收据，使用工作区相对路径列出 `CREATE` / `UPDATE` / `DELETE` 操作、各文件行数和总计。最多展示 8 个文件，超出时明确显示已展示数与总数。 |
+| **文件版本保护** | 无需配置。如果 IDE、格式化器或其他进程在 Agent 读取后修改了文件，后续写入会报 `Stale file`；让 Agent 重新读取后再修改即可。 |
+| **标准工具展示协议** | 工具作者可声明 `outputSchema`、`renderForModel`、`presentCall` 和 `presentResult`，让同一结果在模型上下文、CLI 与桌面端分别使用合适的形式。CLI 会把文件 Diff、Web 证据、Job 运行收据、前台 `COMMAND` 和持久 `TERMINAL` 与最终回答明确分开。 |
+| **后台 Shell / Job** | 提示“在后台启动开发服务器”，Agent 会调用 `Shell` 并设置 `background: true`。使用 `JobList` 查看任务、`JobRead` 增量读取输出、`JobWait` 等待结束、`JobKill` 停止任务。CLI 使用带状态色边界的 `JOB` 收据区分任务元数据、日志与最终回答；日志最多显示最近 12 行，列表最多显示 8 项。Windows 优先使用 UTF-8，遇到 GBK/GB18030 系统诊断时自动回退。 |
+| **前台命令结果** | 前台 `Shell` 显示为带状态色的 `COMMAND` 收据，分别展示命令、stdout、stderr 和退出状态。长输出保留开头 8 行与结尾 8 行，并明确折叠中间部分；持久 PTY 使用独立的 `TERMINAL` 标签。 |
+| **桌面后台状态** | Electron 会在会话标题栏自动显示运行中的 Job 数量，并在任务启动、输出、退出或取消时实时更新。 |
+| **持久 PTY** | 提示“打开一个持久终端并继续交互”。Agent 使用 `TerminalOpen` 创建终端、`TerminalWrite` 输入、`TerminalRead` 增量读取输出，并用 `TerminalClose` 关闭。 |
+| **D2C/E2E 统一进程生命周期** | 使用方式不变。预览和后端服务仍从 E2E/D2C 工作台启动或停止，底层统一处理输出限制、进程树终止和幂等清理。 |
+| **原生 WebSearch** | 提示“搜索 Web 上的……”，或明确要求使用 `WebSearch`。默认使用无需密钥的 DuckDuckGo Lite；连接失败、HTTP 拒绝或没有可解析结果时自动降级到 Bing。单次最多返回 20 条；CLI 将前 5 条放入带边界的 `WEB SEARCH` 证据块，按搜索排名显示标题和紧凑来源。 |
+| **原生 WebFetch** | 提示“读取这个网页：`https://...`”，或明确要求使用 `WebFetch`。支持 HTTP(S)、重定向、HTML 转文本、超时和响应大小限制，并兼容 Clash/TUN Fake-IP DNS。直接访问 Fake-IP、内网或云元数据地址仍会被拦截；网络操作继续遵守 Flavor 权限审批。 |
+
+常见的精确用法：
+
+```text
+使用 Shell 后台模式启动 npm run dev，然后通过 JobRead 检查启动日志。
+打开持久终端，在其中运行 Python REPL，连续执行两段代码后关闭终端。
+使用 WebSearch 搜索 TypeScript 7 官方迁移说明，再用 WebFetch 读取最相关的官方页面。
+这个目录有独立约定，请先遵守 src/payments/AGENTS.md 再修改代码。
+```
+
+原生工具的参数、状态机、安全边界和扩展接口详见[技术方案报告第 38 节](./技术方案报告.md#38-129-运行时生产力与原生-web-能力)；验收规格见[运行时生产力规范](./docs/specs/2026-08-13-runtime-productivity-waves.md)。
+
+## 快速开始
 
 > [!IMPORTANT]
 > CLI 需要 Node.js 20 或更高版本。Windows 桌面端也可以直接从 [Releases](https://github.com/YachuanWzh/flavor-code/releases) 下载。

package/dist/agent/loop.d.ts

@@ -19,13 +19,17 @@ export interface AgentLoopOptions {
     maxExtensions?: number;
     hasActiveProgress?(): boolean;
     agent?: "main" | "subagent";
+    ownerId?: string;
     hallucinationGuard?: HallucinationGuard;
 }
 export declare class AgentLoop {
     #private;
     constructor(options: AgentLoopOptions);
     get modelId(): string;
+    get iterationLimitMode(): "standard" | "d2c";
     setModel(modelId: string): void;
     setFallbackModel(modelId: string): void;
+    /** D2C keeps a hard cap, but may automatically expand it up to ten times. */
+    setIterationLimitMode(mode: "standard" | "d2c"): void;
     run(request: AgentRunRequest): AsyncIterable<AgentEvent>;
 }

package/dist/agent/types.d.ts

@@ -32,6 +32,12 @@ export interface TaskSnapshot {
     };
     foregroundTaskId?: string;
 }
+export interface TurnDeliverable {
+    path: string;
+    operation: "create" | "update" | "delete";
+    added: number;
+    removed: number;
+}
 export type AgentEvent = {
     type: "model-start";
     id: string;
@@ -48,6 +54,7 @@ export type AgentEvent = {
     input: unknown;
     label?: string;
     hint?: string;
+    presentation?: import("../tools/types.js").ToolPresentation;
 } | {
     type: "tool-end";
     id: string;
@@ -60,6 +67,9 @@ export type AgentEvent = {
     snapshot: TaskSnapshot;
 } | {
     type: "tasks-cleared";
+} | {
+    type: "deliverables";
+    files: readonly TurnDeliverable[];
 } | {
     type: "usage";
     inputTokens: number;

package/dist/{app-NL2O75LQ.js → app-USAFQVSX.js}

@@ -15,8 +15,8 @@ import {
   packageVersion,
   redactErrorText,
   transcriptReducer
-} from "./chunk-ED4R7ZCP.js";
-import "./chunk-MBLAXTUP.js";
+} from "./chunk-WGYNTR4Q.js";
+import "./chunk-XFCJXRJ2.js";
 import {
   Box_default,
   ClockContext,
@@ -33,10 +33,10 @@ import {
   useStdout,
   use_app_default,
   use_input_default
-} from "./chunk-NVLYFU6P.js";
+} from "./chunk-F2HMO5Q2.js";
 import {
   execFileNoThrow
-} from "./chunk-N2S7USST.js";
+} from "./chunk-RQTYHUMK.js";
 import "./chunk-S32JRDZK.js";
 
 // src/ui/app.tsx
@@ -2452,11 +2452,11 @@ function TerminalLayout({
       /* @__PURE__ */ jsx5(Box_default, { height: 1 }),
       completed.map((turn, index) => /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", children: [
         index > 0 ? /* @__PURE__ */ jsx5(TurnSeparator, { width: columns }) : null,
-        /* @__PURE__ */ jsx5(TurnView, { turn, interactive: false })
+        /* @__PURE__ */ jsx5(TurnView, { turn, interactive: false, workspaceName })
       ] }, turn.id)),
       activeWithoutTasks === void 0 ? null : /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", children: [
         completed.length > 0 ? /* @__PURE__ */ jsx5(TurnSeparator, { width: columns }) : null,
-        /* @__PURE__ */ jsx5(TurnView, { turn: activeWithoutTasks, interactive: activeSession })
+        /* @__PURE__ */ jsx5(TurnView, { turn: activeWithoutTasks, interactive: activeSession, workspaceName })
       ] })
     ] }),
     /* @__PURE__ */ jsx5(
@@ -2708,11 +2708,15 @@ function scrollUp(scroll, amount) {
 function TurnSeparator({ width }) {
   return /* @__PURE__ */ jsx5(Text, { dimColor: true, children: "\u2500".repeat(Math.max(1, width - 1)) });
 }
-function TurnView({ turn, interactive }) {
+function TurnView({
+  turn,
+  interactive,
+  workspaceName
+}) {
   if (turn.kind === "compaction") {
     return /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", marginBottom: 1, borderStyle: "round", borderColor: "ansi:yellowBright", paddingX: 1, children: [
       /* @__PURE__ */ jsx5(Text, { color: "ansi:yellowBright", bold: true, children: turn.prompt }),
-      turn.blocks.map((block, index) => block.kind === "status" ? /* @__PURE__ */ jsx5(StatusBlockView, { block, interactive }, block.id) : /* @__PURE__ */ jsx5(Box_default, { children: /* @__PURE__ */ jsx5(AssistantText, { text: block.text }) }, `${turn.id}-text-${index}`))
+      turn.blocks.map((block, index) => block.kind === "status" ? /* @__PURE__ */ jsx5(StatusBlockView, { block, interactive, workspaceName }, block.id) : /* @__PURE__ */ jsx5(Box_default, { children: /* @__PURE__ */ jsx5(AssistantText, { text: block.text }) }, `${turn.id}-text-${index}`))
     ] });
   }
   return /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", marginBottom: 1, children: [
@@ -2723,7 +2727,7 @@ function TurnView({ turn, interactive }) {
         turn.prompt
       ] })
     ] }),
-    /* @__PURE__ */ jsx5(Box_default, { flexDirection: "column", paddingLeft: 2, marginTop: 1, children: turn.blocks.map((block, index) => block.kind === "status" ? /* @__PURE__ */ jsx5(StatusBlockView, { block, interactive }, block.id) : /* @__PURE__ */ jsx5(Box_default, { marginBottom: 1, children: /* @__PURE__ */ jsx5(AssistantText, { text: block.text }) }, `${turn.id}-text-${index}`)) })
+    /* @__PURE__ */ jsx5(Box_default, { flexDirection: "column", paddingLeft: 2, marginTop: 1, children: turn.blocks.map((block, index) => block.kind === "status" ? /* @__PURE__ */ jsx5(StatusBlockView, { block, interactive, workspaceName }, block.id) : /* @__PURE__ */ jsx5(Box_default, { marginBottom: 1, children: /* @__PURE__ */ jsx5(AssistantText, { text: block.text }) }, `${turn.id}-text-${index}`)) })
   ] });
 }
 var DIFF_CONTENT = fileDiffLineStyle("context").contentColor;
@@ -2901,20 +2905,383 @@ function PromptLine({
 }
 function StatusBlockView({
   block,
-  interactive
+  interactive,
+  workspaceName
 }) {
   const visibleBlock = cliToolTitle(block);
   const outcome = cliToolOutcome(block);
-  const primary = visibleBlock.activity === "model" || visibleBlock.task !== void 0 ? /* @__PURE__ */ jsx5(TaskStatusLine, { block: visibleBlock, interactive }) : visibleBlock.state === "completed" && visibleBlock.presentation !== void 0 ? /* @__PURE__ */ jsx5(FileDiffView, { presentation: visibleBlock.presentation }) : /* @__PURE__ */ jsx5(StatusLine, { block: visibleBlock, interactive });
+  const primary = visibleBlock.activity === "model" || visibleBlock.task !== void 0 ? /* @__PURE__ */ jsx5(TaskStatusLine, { block: visibleBlock, interactive }) : visibleBlock.state === "completed" && visibleBlock.presentation !== void 0 ? /* @__PURE__ */ jsx5(ToolPresentationView, { presentation: visibleBlock.presentation, workspaceName }) : /* @__PURE__ */ jsx5(StatusLine, { block: visibleBlock, interactive });
   return /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", children: [
     primary,
     outcome === void 0 ? null : /* @__PURE__ */ jsx5(Box_default, { paddingLeft: 2, children: /* @__PURE__ */ jsxs4(Text, { dimColor: true, children: [
       "\u2514 ",
       outcome
     ] }) }),
-    block.details === void 0 ? null : /* @__PURE__ */ jsx5(Box_default, { paddingLeft: 2, children: /* @__PURE__ */ jsx5(AssistantText, { text: block.details }) })
+    block.details === void 0 || block.presentation?.kind === "changeset" ? null : /* @__PURE__ */ jsx5(Box_default, { paddingLeft: 2, children: /* @__PURE__ */ jsx5(AssistantText, { text: block.details }) })
+  ] });
+}
+function ToolPresentationView({
+  presentation,
+  workspaceName
+}) {
+  if (presentation.kind === "changeset") return /* @__PURE__ */ jsx5(ChangeSetPresentationView, { presentation, workspaceName });
+  if (presentation.kind === "file-change") return /* @__PURE__ */ jsx5(FileDiffView, { presentation });
+  if (presentation.kind === "terminal") return /* @__PURE__ */ jsx5(CommandPresentationView, { presentation });
+  if (presentation.kind === "web") return /* @__PURE__ */ jsx5(WebPresentationView, { presentation });
+  if (presentation.kind === "job") return /* @__PURE__ */ jsx5(JobPresentationView, { presentation });
+  return /* @__PURE__ */ jsx5(Box_default, { paddingLeft: 2, children: /* @__PURE__ */ jsxs4(Text, { children: [
+    presentation.title,
+    presentation.summary ? ` \xB7 ${presentation.summary}` : ""
+  ] }) });
+}
+var CLI_CHANGESET_FILE_LIMIT = 8;
+var CHANGESET_TONE = "#b99bf8";
+function ChangeSetPresentationView({
+  presentation,
+  workspaceName
+}) {
+  const visibleFiles = presentation.files.slice(0, CLI_CHANGESET_FILE_LIMIT);
+  const added = presentation.files.reduce((total, file) => total + file.added, 0);
+  const removed = presentation.files.reduce((total, file) => total + file.removed, 0);
+  const fileLabel = presentation.files.length === 1 ? "FILE" : "FILES";
+  const showing = presentation.files.length > visibleFiles.length ? ` \xB7 Showing ${visibleFiles.length} of ${presentation.files.length}` : "";
+  return /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", paddingLeft: 2, marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs4(Box_default, { children: [
+      /* @__PURE__ */ jsx5(Text, { color: CHANGESET_TONE, children: "\u250C\u2500 " }),
+      /* @__PURE__ */ jsxs4(Text, { color: CHANGESET_TONE, bold: true, children: [
+        "CHANGESET \xB7 ",
+        presentation.files.length,
+        " ",
+        fileLabel
+      ] })
+    ] }),
+    visibleFiles.map((file) => {
+      const operation = file.operation.toUpperCase();
+      const stats = `+${file.added} -${file.removed}`;
+      return /* @__PURE__ */ jsxs4(Box_default, { children: [
+        /* @__PURE__ */ jsx5(Text, { color: CHANGESET_TONE, children: "\u2502  " }),
+        /* @__PURE__ */ jsx5(Text, { color: changeSetOperationColor(file.operation), bold: true, children: operation.padEnd(8) }),
+        /* @__PURE__ */ jsxs4(Text, { children: [
+          /* @__PURE__ */ jsxs4(Text, { color: "ansi:green", children: [
+            "+",
+            file.added
+          ] }),
+          " ",
+          /* @__PURE__ */ jsxs4(Text, { color: "#e06c50", children: [
+            "-",
+            file.removed
+          ] }),
+          " ".repeat(Math.max(1, 9 - stats.length))
+        ] }),
+        /* @__PURE__ */ jsx5(Text, { color: "ansi:whiteBright", wrap: "truncate-end", children: workspaceRelativePath(file.path, workspaceName) })
+      ] }, `${file.operation}:${file.path}`);
+    }),
+    /* @__PURE__ */ jsxs4(Box_default, { children: [
+      /* @__PURE__ */ jsx5(Text, { color: CHANGESET_TONE, children: "\u2514\u2500 " }),
+      /* @__PURE__ */ jsxs4(Text, { children: [
+        /* @__PURE__ */ jsxs4(Text, { color: "ansi:green", children: [
+          "+",
+          added
+        ] }),
+        " ",
+        /* @__PURE__ */ jsxs4(Text, { color: "#e06c50", children: [
+          "-",
+          removed
+        ] }),
+        /* @__PURE__ */ jsx5(Text, { dimColor: true, children: showing })
+      ] })
+    ] })
+  ] });
+}
+function changeSetOperationColor(operation) {
+  if (operation === "create") return "ansi:green";
+  if (operation === "delete") return "#e06c50";
+  return "ansi:cyanBright";
+}
+function workspaceRelativePath(value, workspaceName) {
+  const normalized = value.replace(/\\/gu, "/");
+  const marker = `/${workspaceName}/`;
+  const markerIndex = normalized.toLocaleLowerCase().lastIndexOf(marker.toLocaleLowerCase());
+  if (markerIndex >= 0) return normalized.slice(markerIndex + marker.length);
+  const rootPrefix = `${workspaceName}/`;
+  if (normalized.toLocaleLowerCase().startsWith(rootPrefix.toLocaleLowerCase())) return normalized.slice(rootPrefix.length);
+  return normalized;
+}
+var CLI_COMMAND_OUTPUT_LINE_LIMIT = 16;
+function CommandPresentationView({
+  presentation
+}) {
+  const state = presentation.state ?? commandState(presentation.exitCode);
+  const tone = jobStateColor(state);
+  const label = presentation.variant === "terminal" ? "TERMINAL" : "COMMAND";
+  const hasStdout = jobOutputLines(presentation.stdout ?? "").length > 0;
+  const hasStderr = jobOutputLines(presentation.stderr ?? "").length > 0;
+  const perStreamLimit = hasStdout && hasStderr ? Math.floor(CLI_COMMAND_OUTPUT_LINE_LIMIT / 2) : CLI_COMMAND_OUTPUT_LINE_LIMIT;
+  const stdout = boundedCommandLines(presentation.stdout ?? "", perStreamLimit);
+  const stderr = boundedCommandLines(presentation.stderr ?? "", perStreamLimit);
+  return /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", paddingLeft: 2, marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs4(Box_default, { children: [
+      /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u250C\u2500 " }),
+      /* @__PURE__ */ jsxs4(Text, { color: tone, bold: true, children: [
+        label,
+        " \xB7 ",
+        state.toUpperCase()
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs4(Box_default, { children: [
+      /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u2502  " }),
+      /* @__PURE__ */ jsx5(Text, { color: "ansi:whiteBright", bold: true, wrap: "truncate-end", children: presentation.command ?? presentation.title })
+    ] }),
+    stdout.total === 0 ? null : /* @__PURE__ */ jsx5(CommandOutputSection, { label: "OUTPUT", value: stdout, tone, error: false }),
+    stderr.total === 0 ? null : /* @__PURE__ */ jsx5(CommandOutputSection, { label: "ERROR", value: stderr, tone, error: true }),
+    /* @__PURE__ */ jsxs4(Box_default, { children: [
+      /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u2514\u2500 " }),
+      /* @__PURE__ */ jsx5(Text, { dimColor: true, children: commandFooter(presentation, state) })
+    ] })
+  ] });
+}
+function CommandOutputSection({
+  label,
+  value,
+  tone,
+  error
+}) {
+  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    /* @__PURE__ */ jsxs4(Box_default, { children: [
+      /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u251C\u2500 " }),
+      /* @__PURE__ */ jsx5(Text, { color: error ? "#e06c50" : tone, bold: true, children: label }),
+      /* @__PURE__ */ jsx5(Text, { dimColor: true, children: ` \xB7 ${value.total} ${value.total === 1 ? "LINE" : "LINES"}` })
+    ] }),
+    value.head.map((line, index) => /* @__PURE__ */ jsx5(CommandOutputLine, { line, tone, error }, `head:${index}`)),
+    value.hidden === 0 ? null : /* @__PURE__ */ jsxs4(Box_default, { children: [
+      /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u2502  " }),
+      /* @__PURE__ */ jsxs4(Text, { dimColor: true, children: [
+        "\u2026 ",
+        value.hidden,
+        " ",
+        value.hidden === 1 ? "line" : "lines",
+        " hidden"
+      ] })
+    ] }),
+    value.tail.map((line, index) => /* @__PURE__ */ jsx5(CommandOutputLine, { line, tone, error }, `tail:${index}`))
+  ] });
+}
+function CommandOutputLine({ line, tone, error }) {
+  return /* @__PURE__ */ jsxs4(Box_default, { children: [
+    /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u2502  " }),
+    /* @__PURE__ */ jsx5(Text, { color: error ? "#e06c50" : "#b8bcc2", wrap: "truncate-end", children: line === "" ? " " : line })
+  ] });
+}
+function boundedCommandLines(output, limit) {
+  const lines = jobOutputLines(output);
+  if (lines.length <= limit) return { total: lines.length, head: lines, tail: [], hidden: 0 };
+  const headCount = Math.ceil(limit / 2);
+  const tailCount = Math.floor(limit / 2);
+  return {
+    total: lines.length,
+    head: lines.slice(0, headCount),
+    tail: lines.slice(-tailCount),
+    hidden: lines.length - headCount - tailCount
+  };
+}
+function commandState(exitCode) {
+  if (exitCode === void 0) return "running";
+  return exitCode === 0 ? "completed" : "failed";
+}
+function commandFooter(presentation, state) {
+  const parts = [presentation.exitCode === void 0 ? state : presentation.exitCode === null ? "no exit code" : `exit ${presentation.exitCode}`];
+  if (presentation.truncated === true) parts.push("output truncated");
+  return parts.join(" \xB7 ");
+}
+var CLI_WEB_RESULT_LIMIT = 5;
+function WebPresentationView({
+  presentation
+}) {
+  const items = presentation.items ?? [];
+  if (presentation.items === void 0) return /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", paddingLeft: 2, marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs4(Box_default, { children: [
+      /* @__PURE__ */ jsx5(Text, { color: "#5f87af", children: "\u250C\u2500 " }),
+      /* @__PURE__ */ jsx5(Text, { color: "ansi:cyanBright", bold: true, children: "WEB FETCH" }),
+      presentation.summary === void 0 ? null : /* @__PURE__ */ jsx5(Text, { dimColor: true, children: ` \xB7 ${presentation.summary}` })
+    ] }),
+    /* @__PURE__ */ jsxs4(Box_default, { children: [
+      /* @__PURE__ */ jsx5(Text, { color: "#5f87af", children: "\u2502  " }),
+      /* @__PURE__ */ jsx5(Text, { color: "ansi:whiteBright", wrap: "truncate-end", children: presentation.url ?? presentation.title })
+    ] }),
+    /* @__PURE__ */ jsxs4(Box_default, { children: [
+      /* @__PURE__ */ jsx5(Text, { color: "#5f87af", children: "\u2514\u2500 " }),
+      /* @__PURE__ */ jsx5(Text, { dimColor: true, children: "Page content added to context" })
+    ] })
+  ] });
+  const visibleItems = items.slice(0, CLI_WEB_RESULT_LIMIT);
+  const query = presentation.title.replace(/^Search:\s*/iu, "").trim();
+  return /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", paddingLeft: 2, marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs4(Box_default, { children: [
+      /* @__PURE__ */ jsx5(Text, { color: "#5f87af", children: "\u250C\u2500 " }),
+      /* @__PURE__ */ jsx5(Text, { color: "ansi:cyanBright", bold: true, children: "WEB SEARCH" }),
+      /* @__PURE__ */ jsx5(Text, { dimColor: true, children: ` \xB7 ${items.length} ${items.length === 1 ? "RESULT" : "RESULTS"}` })
+    ] }),
+    /* @__PURE__ */ jsxs4(Box_default, { children: [
+      /* @__PURE__ */ jsx5(Text, { color: "#5f87af", children: "\u2502  " }),
+      /* @__PURE__ */ jsx5(Text, { color: "ansi:whiteBright", bold: true, wrap: "truncate-end", children: query })
+    ] }),
+    /* @__PURE__ */ jsx5(Text, { color: "#5f87af", children: "\u2502" }),
+    visibleItems.map((item, index) => /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs4(Box_default, { children: [
+        /* @__PURE__ */ jsx5(Text, { color: "#5f87af", children: "\u2502  " }),
+        /* @__PURE__ */ jsx5(Text, { color: "ansi:cyanBright", bold: true, children: String(index + 1).padStart(2, "0") }),
+        /* @__PURE__ */ jsxs4(Text, { color: "ansi:whiteBright", wrap: "truncate-end", children: [
+          "  ",
+          item.title
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs4(Box_default, { children: [
+        /* @__PURE__ */ jsx5(Text, { color: "#5f87af", children: "\u2502      " }),
+        /* @__PURE__ */ jsx5(Text, { dimColor: true, wrap: "truncate-end", children: compactWebSource(item.url) })
+      ] })
+    ] }, item.url)),
+    /* @__PURE__ */ jsxs4(Box_default, { children: [
+      /* @__PURE__ */ jsx5(Text, { color: "#5f87af", children: "\u2514\u2500 " }),
+      /* @__PURE__ */ jsx5(Text, { dimColor: true, children: items.length > visibleItems.length ? `Showing ${visibleItems.length} of ${items.length}` : `${items.length} ${items.length === 1 ? "source" : "sources"}` })
+    ] })
+  ] });
+}
+function compactWebSource(value) {
+  try {
+    const url = new URL(value);
+    const hostname = url.hostname.replace(/^www\./iu, "");
+    const path = url.pathname === "/" ? "" : url.pathname.replace(/\/$/u, "");
+    return `${hostname}${path}`;
+  } catch {
+    return value;
+  }
+}
+var CLI_JOB_LOG_LINE_LIMIT = 12;
+var CLI_JOB_LIST_LIMIT = 8;
+function JobPresentationView({
+  presentation
+}) {
+  if (presentation.action === "list") return /* @__PURE__ */ jsx5(JobListPresentationView, { presentation });
+  const state = presentation.state ?? "running";
+  const tone = jobStateColor(state);
+  const lines = jobOutputLines(presentation.output ?? "");
+  const visibleLines = lines.slice(-CLI_JOB_LOG_LINE_LIMIT);
+  const hiddenLines = lines.length - visibleLines.length;
+  const showLog = presentation.action === "read" || presentation.action === "kill" || lines.length > 0;
+  return /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", paddingLeft: 2, marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs4(Box_default, { children: [
+      /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u250C\u2500 " }),
+      /* @__PURE__ */ jsxs4(Text, { color: tone, bold: true, children: [
+        "JOB \xB7 ",
+        state.toUpperCase()
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs4(Box_default, { children: [
+      /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u2502  " }),
+      /* @__PURE__ */ jsx5(Text, { color: "ansi:whiteBright", bold: true, children: presentation.id ?? "unknown job" }),
+      presentation.jobKind === void 0 ? null : /* @__PURE__ */ jsx5(Text, { dimColor: true, children: ` \xB7 ${presentation.jobKind}` })
+    ] }),
+    presentation.label === void 0 ? null : /* @__PURE__ */ jsxs4(Box_default, { children: [
+      /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u2502  " }),
+      /* @__PURE__ */ jsx5(Text, { color: "ansi:whiteBright", wrap: "truncate-end", children: presentation.label })
+    ] }),
+    presentation.error === void 0 ? null : /* @__PURE__ */ jsxs4(Box_default, { children: [
+      /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u2502  " }),
+      /* @__PURE__ */ jsx5(Text, { color: "#e06c50", wrap: "truncate-end", children: presentation.error })
+    ] }),
+    showLog ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
+      /* @__PURE__ */ jsxs4(Box_default, { children: [
+        /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u251C\u2500 " }),
+        /* @__PURE__ */ jsx5(Text, { color: tone, bold: true, children: "LOG" }),
+        /* @__PURE__ */ jsx5(Text, { dimColor: true, children: lines.length === 0 ? " \xB7 NO NEW OUTPUT" : ` \xB7 ${lines.length} ${lines.length === 1 ? "LINE" : "LINES"}` })
+      ] }),
+      hiddenLines > 0 ? /* @__PURE__ */ jsxs4(Box_default, { children: [
+        /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u2502  " }),
+        /* @__PURE__ */ jsxs4(Text, { dimColor: true, children: [
+          "\u2026 ",
+          hiddenLines,
+          " earlier ",
+          hiddenLines === 1 ? "line" : "lines",
+          " hidden"
+        ] })
+      ] }) : null,
+      visibleLines.map((line, index) => /* @__PURE__ */ jsx5(JobLogLine, { line, tone }, `${index}:${line}`))
+    ] }) : null,
+    /* @__PURE__ */ jsxs4(Box_default, { children: [
+      /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u2514\u2500 " }),
+      /* @__PURE__ */ jsx5(Text, { dimColor: true, children: jobFooter(presentation) })
+    ] })
   ] });
 }
+function JobListPresentationView({
+  presentation
+}) {
+  const jobs = presentation.jobs ?? [];
+  const visibleJobs = jobs.slice(0, CLI_JOB_LIST_LIMIT);
+  return /* @__PURE__ */ jsxs4(Box_default, { flexDirection: "column", paddingLeft: 2, marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs4(Box_default, { children: [
+      /* @__PURE__ */ jsx5(Text, { color: "#d7a657", children: "\u250C\u2500 " }),
+      /* @__PURE__ */ jsxs4(Text, { color: "#d7a657", bold: true, children: [
+        "JOBS \xB7 ",
+        jobs.length
+      ] })
+    ] }),
+    jobs.length === 0 ? /* @__PURE__ */ jsxs4(Box_default, { children: [
+      /* @__PURE__ */ jsx5(Text, { color: "#d7a657", children: "\u2502  " }),
+      /* @__PURE__ */ jsx5(Text, { dimColor: true, children: "No background jobs" })
+    ] }) : visibleJobs.map((job) => /* @__PURE__ */ jsxs4(Box_default, { children: [
+      /* @__PURE__ */ jsx5(Text, { color: "#d7a657", children: "\u2502  " }),
+      /* @__PURE__ */ jsx5(Text, { color: jobStateColor(job.state), bold: true, children: job.state.toUpperCase().padEnd(9) }),
+      /* @__PURE__ */ jsxs4(Text, { color: "ansi:whiteBright", children: [
+        " ",
+        job.id
+      ] }),
+      /* @__PURE__ */ jsxs4(Text, { dimColor: true, wrap: "truncate-end", children: [
+        " \xB7 ",
+        job.label
+      ] })
+    ] }, job.id)),
+    /* @__PURE__ */ jsxs4(Box_default, { children: [
+      /* @__PURE__ */ jsx5(Text, { color: "#d7a657", children: "\u2514\u2500 " }),
+      /* @__PURE__ */ jsx5(Text, { dimColor: true, children: jobs.length > visibleJobs.length ? `Showing ${visibleJobs.length} of ${jobs.length}` : `${jobs.length} ${jobs.length === 1 ? "job" : "jobs"}` })
+    ] })
+  ] });
+}
+function JobLogLine({ line, tone }) {
+  const error = /^(?:\[stderr\]|ERR(?:OR)?(?:!|:|\s)|npm ERR!)/iu.test(line.trimStart());
+  const stage = /^={3}.*={3}$/u.test(line.trim());
+  return /* @__PURE__ */ jsxs4(Box_default, { children: [
+    /* @__PURE__ */ jsx5(Text, { color: tone, children: "\u2502  " }),
+    /* @__PURE__ */ jsx5(
+      Text,
+      {
+        ...error ? { color: "#e06c50" } : stage ? { color: "ansi:cyanBright", bold: true } : { dimColor: true },
+        wrap: "truncate-end",
+        children: line === "" ? " " : line
+      }
+    )
+  ] });
+}
+function jobOutputLines(output) {
+  if (output === "") return [];
+  const lines = output.replace(/\r\n?/gu, "\n").split("\n");
+  if (lines.at(-1) === "") lines.pop();
+  return lines;
+}
+function jobStateColor(state) {
+  if (state === "completed") return "ansi:green";
+  if (state === "failed") return "#e06c50";
+  if (state === "cancelled") return "#858585";
+  return "#d7a657";
+}
+function jobFooter(presentation) {
+  const parts = [];
+  if (presentation.exitCode !== void 0) parts.push(presentation.exitCode === null ? "no exit code" : `exit ${presentation.exitCode}`);
+  else parts.push(presentation.state ?? "running");
+  if (presentation.cursor !== void 0) parts.push(`cursor ${presentation.cursor}`);
+  if (presentation.truncated === true) parts.push("output truncated");
+  return parts.join(" \xB7 ");
+}
 function cliToolTitle(block) {
   if (block.tool === void 0 || block.presentation !== void 0) return block;
   const input = record(block.tool.input);