@deepseek-harness-tui/dsh-tui 0.11.2 → 0.13.0

package/lib/types/api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../src/api.ts"],"names":[],"mappings":"AAsCA,YAAY,EACV,kBAAkB,EAClB,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,aAAa,EACb,uBAAuB,EACvB,kBAAkB,EAClB,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,aAAa,EACb,uBAAuB,EACvB,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,EACf,YAAY,GACb,MAAM,iBAAiB,CAAA;AACxB,YAAY,EACV,YAAY,EACZ,cAAc,EACd,kBAAkB,EAClB,WAAW,EACX,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,uBAAuB,EACvB,2BAA2B,EAC3B,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACtB,yBAAyB,EACzB,WAAW,EACX,eAAe,EACf,YAAY,EACZ,sBAAsB,EACtB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,kBAAkB,CAAA;AACzB,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AACpE,YAAY,EACV,oBAAoB,EACpB,sBAAsB,EACtB,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,wBAAwB,CAAA;AAC/B,YAAY,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AAChE,YAAY,EACV,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,yBAAyB,EACzB,mBAAmB,EACnB,eAAe,EACf,oBAAoB,GACrB,MAAM,iBAAiB,CAAA"}
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../src/api.ts"],"names":[],"mappings":"AAsCA,YAAY,EACV,kBAAkB,EAClB,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,aAAa,EACb,uBAAuB,EACvB,kBAAkB,EAClB,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,aAAa,EACb,uBAAuB,EACvB,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,EACf,YAAY,GACb,MAAM,iBAAiB,CAAA;AACxB,YAAY,EACV,YAAY,EACZ,cAAc,EACd,kBAAkB,EAClB,WAAW,EACX,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,uBAAuB,EACvB,2BAA2B,EAC3B,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACtB,yBAAyB,EACzB,WAAW,EACX,eAAe,EACf,YAAY,EACZ,sBAAsB,EACtB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,kBAAkB,CAAA;AACzB,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AACpE,YAAY,EACV,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,aAAa,CAAA;AAGpB,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AACnD,YAAY,EACV,oBAAoB,EACpB,sBAAsB,EACtB,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,wBAAwB,CAAA;AAC/B,YAAY,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AAChE,YAAY,EACV,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,yBAAyB,EACzB,mBAAmB,EACnB,eAAe,EACf,oBAAoB,GACrB,MAAM,iBAAiB,CAAA"}

package/lib/types/api.js

@@ -1 +1,3 @@
-export {};
+// The single curated runtime value (a frozen integer contract marker); the
+// rest of this module stays types-only.
+export { TUI_PANEL_API_VERSION } from './panels.js';

package/lib/types/commands.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"commands.d.ts","sourceRoot":"","sources":["../../src/commands.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AAChH,YAAY,EAAE,YAAY,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AAWhH,+EAA+E;AAC/E,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IAC3B,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,sEAAsE;IACtE,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,MAAM,MAAM,eAAe,GAAG,CAAC,aAAa,EAAE,SAAS,MAAM,EAAE,KAAK,SAAS,qBAAqB,EAAE,CAAA;AAEpG;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAE/D;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,YAAY,EAkExC,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,eAAe,EAAE,SAAS,YAAY,EAElD,CAAA;AAED,0DAA0D;AAC1D,eAAO,MAAM,oBAAoB,EAAE,WAAW,CAAC,MAAM,CAEpD,CAAA;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAG1D;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,YAAY,GAAG;IAAE,cAAc,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAIhG;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,GACX;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAIhD;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,MAAM,EACb,IAAI,GAAE,SAAS,YAAY,EAAmB,GAC7C,OAAO,CAKT;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,EACb,IAAI,GAAE,SAAS,YAAY,EAAmB,GAC7C,YAAY,EAAE,CAKhB;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,EACb,KAAK,GAAE,SAAS,YAAY,EAAmB,EAC/C,QAAQ,GAAE,eAA0B,GACnC,iBAAiB,EAAE,CAuCrB"}
+{"version":3,"file":"commands.d.ts","sourceRoot":"","sources":["../../src/commands.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AAChH,YAAY,EAAE,YAAY,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AAiBhH,+EAA+E;AAC/E,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IAC3B,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,sEAAsE;IACtE,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,MAAM,MAAM,eAAe,GAAG,CAAC,aAAa,EAAE,SAAS,MAAM,EAAE,KAAK,SAAS,qBAAqB,EAAE,CAAA;AAEpG;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAE/D;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,YAAY,EAoExC,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,eAAe,EAAE,SAAS,YAAY,EAElD,CAAA;AAED,0DAA0D;AAC1D,eAAO,MAAM,oBAAoB,EAAE,WAAW,CAAC,MAAM,CAEpD,CAAA;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAG1D;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,YAAY,GAAG;IAAE,cAAc,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAIhG;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,GACX;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAIhD;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,MAAM,EACb,IAAI,GAAE,SAAS,YAAY,EAAmB,GAC7C,OAAO,CAKT;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,EACb,IAAI,GAAE,SAAS,YAAY,EAAmB,GAC7C,YAAY,EAAE,CAKhB;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,EACb,KAAK,GAAE,SAAS,YAAY,EAAmB,EAC/C,QAAQ,GAAE,eAA0B,GACnC,iBAAiB,EAAE,CAuCrB"}

package/lib/types/commands.js

@@ -1,9 +1,15 @@
 /**
  * Local slash commands for dsh-tui, presented as `/name — description`.
- * The built-in set is merged with plugin-registered
- * commands (plan/goal/…) from the DSH command registry (`dsh-commands`) —
- * `runCommand` in the Chat screen dispatches either kind, with the registry
- * handler winning for names both sides declare.
+ * The built-in set is merged with plugin-registered commands (plan/goal/…)
+ * from the DSH command registry (`dsh-commands`); `runCommand` in the Chat
+ * screen dispatches either kind.
+ *
+ * Locals win on name collisions: the merge skips a registry descriptor whose
+ * name a local command already declares (`channel/skill-catalog.ts`), and the
+ * Chat switch answers the local name before the registry path. `/compact` is
+ * the live case — the TUI's own transaction is the primary route and the
+ * official `dsh-command-compact` handler is only the fallback when the local
+ * path cannot run (see `dsh-adapter/channel/capabilities.ts`).
  */
 import { getLang, tOr } from './i18n.js';
 /**
@@ -42,12 +48,14 @@ export const LOCAL_COMMANDS = [
     { name: 'config', description: 'Show the dsh-tui configuration source' },
     { name: 'reload', description: 'Reload preference files from disk and apply live' },
     { name: 'settings', description: 'View and edit plugin settings' },
+    { name: 'setup', description: 'Re-run the first-run guide (API key / language + theme / model + workspace / shortcuts)' },
     { name: 'star', description: 'Star this project on GitHub (one-key via the gh CLI)' },
     { name: 'doctor', description: 'Run environment checks' },
     { name: 'migrate', description: 'Import conversations from other coding agents (claude-code / codex / omp / zcode / grok-build)' },
     { name: 'init', description: 'Create AGENTS.md in the working directory' },
     { name: 'agents', description: 'Show subagents of this session' },
     { name: 'jobs', description: 'Show background jobs of this session' },
+    { name: 'panel', description: 'Side panel: toggle / focus / zoom / switch panels' },
     // Model / display
     { name: 'activity', description: 'Switch the working-activity indicator preset' },
     { name: 'preset', description: 'Switch the agent preset (including Liangshen mode)' },

package/lib/types/components/ActivityLine.d.ts

@@ -1,16 +1,13 @@
 import React from 'react';
 import type { ActivityView } from '../dsh-adapter/activity-store.js';
+import type { ContextOccupancy } from '../adapter/ports/channel-view.js';
 /**
- * Context-pressure percentage (0–100) from the last usage snapshot, or
- * undefined when unknown — shared by the spinner-line and status-line
- * placements of the working-activity line (pi working-activity style:
- * amber ≥ 80%, red ≥ 95%).
+ * Context-pressure percentage (0–100) from the channel's SINGLE occupancy
+ * reading (see `dsh-adapter/context-occupancy.ts`), or undefined when unknown —
+ * shared by the spinner-line and status-line placements of the
+ * working-activity line (pi working-activity style: amber ≥ 80%, red ≥ 95%).
  */
-export declare function contextPressurePct(usage: {
-    input: number;
-    cacheRead: number;
-    cacheWrite: number;
-} | undefined, contextWindow: number | undefined): number | undefined;
+export declare function contextPressurePct(occupancy: ContextOccupancy | undefined): number | undefined;
 /**
  * The working-activity line, rendered either in the spinner slot (while a
  * turn runs — alongside the random-verb spinner) or on the status bar

package/lib/types/components/ActivityLine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityLine.d.ts","sourceRoot":"","sources":["../../../src/components/ActivityLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAEpE;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,EAC3E,aAAa,EAAE,MAAM,GAAG,SAAS,GAChC,MAAM,GAAG,SAAS,CAMpB;AAED;;;;;;;GAOG;AACH,kFAAkF;AAClF,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IACrC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,cAAc,EACd,OAAO,EACP,UAAU,EACV,MAAM,GACP,EAAE;IACD,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;IAClC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,GAAG,KAAK,CAAC,SAAS,CAuClB"}
+{"version":3,"file":"ActivityLine.d.ts","sourceRoot":"","sources":["../../../src/components/ActivityLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AAExE;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,gBAAgB,GAAG,SAAS,GACtC,MAAM,GAAG,SAAS,CAKpB;AAED;;;;;;;GAOG;AACH,kFAAkF;AAClF,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IACrC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,cAAc,EACd,OAAO,EACP,UAAU,EACV,MAAM,GACP,EAAE;IACD,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;IAClC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,GAAG,KAAK,CAAC,SAAS,CAuClB"}

package/lib/types/components/ActivityLine.js

@@ -8,17 +8,16 @@ import { getTheme } from '../theme.js';
 import { useTheme } from './design-system/ThemeProvider.js';
 import { parseRGB } from './Spinner/spinnerUtils.js';
 /**
- * Context-pressure percentage (0–100) from the last usage snapshot, or
- * undefined when unknown — shared by the spinner-line and status-line
- * placements of the working-activity line (pi working-activity style:
- * amber ≥ 80%, red ≥ 95%).
+ * Context-pressure percentage (0–100) from the channel's SINGLE occupancy
+ * reading (see `dsh-adapter/context-occupancy.ts`), or undefined when unknown —
+ * shared by the spinner-line and status-line placements of the
+ * working-activity line (pi working-activity style: amber ≥ 80%, red ≥ 95%).
  */
-export function contextPressurePct(usage, contextWindow) {
-    if (usage === undefined || contextWindow === undefined || contextWindow <= 0) {
+export function contextPressurePct(occupancy) {
+    if (occupancy === undefined || occupancy.contextWindow === undefined || occupancy.contextWindow <= 0) {
         return undefined;
     }
-    const occupied = usage.input + usage.cacheRead + usage.cacheWrite;
-    return Math.round((occupied / contextWindow) * 100);
+    return Math.round((occupancy.usedTokens / occupancy.contextWindow) * 100);
 }
 export function ActivityLine({ activity, activityFrames, warnPct, warnDanger, suffix, }) {
     // 60ms frames: the shimmer sweep advances one column per frame (3.3× the

package/lib/types/components/Chat/JobCard.d.ts

@@ -1,5 +1,14 @@
 import React from 'react';
 import type { JobRow } from '../../dsh-adapter/channel.js';
+/**
+ * Producer progress as the design system's bar: `n/m` draws a 5-cell
+ * sub-cell-accurate `ProgressBar` (same primitive the rest of the TUI uses)
+ * plus the raw counter; any other shape passes through verbatim. Exported for
+ * the /jobs panel so both surfaces read the same.
+ */
+export declare function JobProgress({ progress }: {
+    progress: string;
+}): React.ReactNode;
 /**
  * Live background-job card embedded in the transcript (`kind: 'job'`),
  * sibling of the subagent card: header (id · kind · label · elapsed ·
@@ -14,10 +23,27 @@ import type { JobRow } from '../../dsh-adapter/channel.js';
  * is consuming and reserved for the owning agent, so the card shows the
  * tail of the agent's own job_output results as they stream through the
  * transcript.
+ *
+ * `rail` marks the card as a member of a job GROUP (see JobGroupRow): the
+ * card gets a 2-cell chain column on its left, and `rail.open` / `rail.close`
+ * round its ends (`╭` on the first line, `╰` on the last) so the run reads as
+ * one bracket from the first card to the last — the group's summary line stays
+ * OUTSIDE it. A lone card renders as before.
+ *
+ * The rail is drawn per line, which means this component owns the card's
+ * HEIGHT: the label is pre-wrapped against an explicit column width (so the
+ * wrap count is known, not guessed from the flex result), and the rail column
+ * paints exactly that many glyphs. Both use ink's own `wrapText`/`stringWidth`,
+ * so the pre-wrap breaks where the renderer would have broken.
  */
-export declare function JobCard({ job, marginTopOnTurn, onClick }: {
+export declare function JobCard({ job, marginTopOnTurn, onClick, rail }: {
     job: JobRow;
     marginTopOnTurn: boolean;
     onClick?(): void;
+    /** Job GROUP member: shared chain rail, optionally rounded at either end. */
+    rail?: {
+        open?: boolean;
+        close?: boolean;
+    } | undefined;
 }): React.ReactNode;
 //# sourceMappingURL=JobCard.d.ts.map

package/lib/types/components/Chat/JobCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JobCard.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/JobCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAA;AAkD1D;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,OAAO,CAAC,EAAE,GAAG,EAAE,eAAe,EAAE,OAAO,EAAE,EAAE;IACzD,GAAG,EAAE,MAAM,CAAA;IACX,eAAe,EAAE,OAAO,CAAA;IACxB,OAAO,CAAC,IAAI,IAAI,CAAA;CACjB,GAAG,KAAK,CAAC,SAAS,CA8DlB"}
+{"version":3,"file":"JobCard.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/JobCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAA;AAoC1D;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,SAAS,CAa/E;AA6CD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,OAAO,CAAC,EAAE,GAAG,EAAE,eAAe,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IAC/D,GAAG,EAAE,MAAM,CAAA;IACX,eAAe,EAAE,OAAO,CAAA;IACxB,OAAO,CAAC,IAAI,IAAI,CAAA;IAChB,6EAA6E;IAC7E,IAAI,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,SAAS,CAAA;CACvD,GAAG,KAAK,CAAC,SAAS,CAwKlB"}

package/lib/types/components/Chat/JobCard.js

@@ -1,10 +1,12 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from 'react';
 import { Box, Text, useAnimationFrame, useTerminalSize } from '../../ui.js';
 import { formatJobDuration } from '../../dsh-adapter/jobs.js';
 import { t } from '../../i18n.js';
+import wrapText from '../../ink/wrap-text.js';
 import { stringWidth } from '../../ink/stringWidth.js';
-import { isMinimalMode } from '../../minimalMode.js';
+import { isMinimalUiMode } from '../../minimalUiMode.js';
+import { ProgressBar } from '../design-system/ProgressBar.js';
 /** The waterfall window mirrors the subagent card: a constant-height region. */
 const WATERFALL_ROWS = 3;
 /** Card left padding + the `│ ` gutter prefix. */
@@ -16,37 +18,63 @@ const WATERFALL_GUTTER = 4;
  *  U+2699 is East-Asian Ambiguous: ink measures it 1 cell while CJK
  *  terminal fonts paint it 2, so the following text overlaps the glyph. */
 function statusInfo(status) {
-    const minimal = isMinimalMode();
+    const minimalUi = isMinimalUiMode();
     switch (status) {
         case 'completed':
-            return { glyph: '✓', label: t('jobs-status-completed'), color: minimal ? undefined : 'success' };
+            return { glyph: '✓', label: t('jobs-status-completed'), color: minimalUi ? undefined : 'success' };
         case 'failed':
-            return { glyph: '✗', label: t('jobs-status-failed'), color: minimal ? undefined : 'error' };
+            return { glyph: '✗', label: t('jobs-status-failed'), color: minimalUi ? undefined : 'error' };
         case 'killed':
-            return { glyph: '✗', label: t('jobs-status-killed'), color: minimal ? undefined : 'error' };
+            return { glyph: '✗', label: t('jobs-status-killed'), color: minimalUi ? undefined : 'error' };
         case 'stopping':
-            return { glyph: '●', label: t('jobs-status-stopping'), color: minimal ? undefined : 'warning' };
+            return { glyph: '●', label: t('jobs-status-stopping'), color: minimalUi ? undefined : 'warning' };
         default:
-            return { glyph: '●', label: t('jobs-status-running'), color: minimal ? undefined : 'warning' };
+            return { glyph: '●', label: t('jobs-status-running'), color: minimalUi ? undefined : 'warning' };
     }
 }
-/** Hard single-line clip by display width — a wrapped waterfall row would
- *  break the constant-height window. */
-function clipLine(text, maxWidth) {
-    if (maxWidth <= 1)
-        return '';
-    let width = 0;
-    let index = 0;
-    while (index < text.length) {
-        const next = text.codePointAt(index);
-        const char = String.fromCodePoint(next);
-        const charWidth = stringWidth(char);
-        if (width + charWidth > maxWidth - 1)
-            break;
-        width += charWidth;
-        index += char.length;
+/**
+ * Producer progress as the design system's bar: `n/m` draws a 5-cell
+ * sub-cell-accurate `ProgressBar` (same primitive the rest of the TUI uses)
+ * plus the raw counter; any other shape passes through verbatim. Exported for
+ * the /jobs panel so both surfaces read the same.
+ */
+export function JobProgress({ progress }) {
+    const match = /^(\d+)\s*\/\s*(\d+)$/.exec(progress.trim());
+    const current = match === null ? Number.NaN : Number(match[1]);
+    const total = match === null ? Number.NaN : Number(match[2]);
+    if (!Number.isFinite(current) || !Number.isFinite(total) || total <= 0) {
+        return _jsx(Text, { color: "accent", wrap: "truncate-end", children: progress });
+    }
+    return (_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(ProgressBar, { ratio: Math.min(current, total) / total, width: 5, fillColor: "accent", emptyColor: "inactive" }), _jsx(Text, { color: "accent", children: progress.trim() })] }));
+}
+/**
+ * The waterfall window: every entry is WRAPPED at the card width FIRST, then
+ * the last `budget` VISUAL rows are kept. A 400-cell JSON line therefore
+ * shows its ending folded over the rows instead of a clipped head — and the
+ * window still costs a constant number of rows, which is what the
+ * transcript's virtualization measures.
+ */
+function waterfallWindow(entries, width, budget) {
+    const rows = [];
+    // One cell of slack: a line that lands exactly on the boundary is re-wrapped
+    // by ink's own renderer, which would silently double that row's height.
+    const textWidth = Math.max(1, width - 1);
+    for (let index = entries.length - 1; index >= 0 && rows.length < budget; index--) {
+        const entry = entries[index];
+        if (entry.kind === 'gap') {
+            rows.unshift({ key: `gap-${index}`, text: '', gap: true });
+            continue;
+        }
+        const wrapped = wrapText(entry.line.text, textWidth, 'wrap').split('\n');
+        for (let row = wrapped.length - 1; row >= 0 && rows.length < budget; row--) {
+            rows.unshift({
+                key: `${index}-${row}`,
+                text: wrapped[row] ?? '',
+                ...(entry.line.channel === undefined ? {} : { channel: entry.line.channel }),
+            });
+        }
     }
-    return index < text.length ? `${text.slice(0, index)}…` : text;
+    return rows;
 }
 /**
  * Live background-job card embedded in the transcript (`kind: 'job'`),
@@ -62,8 +90,20 @@ function clipLine(text, maxWidth) {
  * is consuming and reserved for the owning agent, so the card shows the
  * tail of the agent's own job_output results as they stream through the
  * transcript.
+ *
+ * `rail` marks the card as a member of a job GROUP (see JobGroupRow): the
+ * card gets a 2-cell chain column on its left, and `rail.open` / `rail.close`
+ * round its ends (`╭` on the first line, `╰` on the last) so the run reads as
+ * one bracket from the first card to the last — the group's summary line stays
+ * OUTSIDE it. A lone card renders as before.
+ *
+ * The rail is drawn per line, which means this component owns the card's
+ * HEIGHT: the label is pre-wrapped against an explicit column width (so the
+ * wrap count is known, not guessed from the flex result), and the rail column
+ * paints exactly that many glyphs. Both use ink's own `wrapText`/`stringWidth`,
+ * so the pre-wrap breaks where the renderer would have broken.
  */
-export function JobCard({ job, marginTopOnTurn, onClick }) {
+export function JobCard({ job, marginTopOnTurn, onClick, rail }) {
     const settled = job.status === 'completed' || job.status === 'failed' || job.status === 'killed';
     // 动画订阅仅限存活卡片：settled 后退订共享 clock（同 SubagentMessage 的
     // 约定）。1s tick 只驱动运行时长跳动——状态标是静态的（见 statusInfo）。
@@ -72,22 +112,77 @@ export function JobCard({ job, marginTopOnTurn, onClick }) {
     const info = statusInfo(job.status);
     const [hovered, setHovered] = React.useState(false);
     const clickable = onClick !== undefined;
-    const rowWidth = Math.max(20, (columns ?? 80) - WATERFALL_GUTTER);
-    const activity = settled ? [] : job.outputLines.slice(-WATERFALL_ROWS);
+    const grouped = rail !== undefined;
+    const cardColumns = columns ?? 80;
+    // A grouped card spends two columns on the rail — the glyph column plus its
+    // 1-cell gutter. Every width below is measured against that, or the rows
+    // would wrap a second time inside ink and the card would grow past the
+    // height the rail was painted for.
+    const rowWidth = Math.max(20, cardColumns - WATERFALL_GUTTER - (grouped ? 2 : 0));
+    // Waterfall entries: gap banners interleave as their own rows, then the
+    // window keeps the LAST WATERFALL_ROWS entries so a banner never pushes a
+    // fresher line out — the card stays constant-height.
+    const waterfall = [];
+    for (const line of settled ? [] : job.outputLines) {
+        if (line.gapBefore === true)
+            waterfall.push({ kind: 'gap' });
+        waterfall.push({ kind: 'line', line });
+    }
+    const activity = waterfallWindow(waterfall, rowWidth, WATERFALL_ROWS);
     // A settled job's terminal detail ('exit code: 0') rides the header; a
     // failed/killed one also keeps it as the explanatory tail line.
     const headerDetail = job.detail !== undefined && job.detail !== '' ? job.detail : undefined;
     const headerName = `${t('jobs-card-prefix')}${job.id}`;
     const duration = formatJobDuration(job);
-    const fixedHeader = [
-        info.glyph, headerName, '·', job.kind, '·', '', '·', duration,
-        ...(headerDetail === undefined ? [] : ['·', headerDetail]), '·', info.label,
-    ].join(' ');
-    const labelWidth = Math.max(0, (columns ?? 80) - stringWidth(fixedHeader));
+    // Only a LIVE job carries a progress chip; a settled one has dropped it, so
+    // reserving width for it unconditionally would clip the label for nothing.
+    const liveProgress = settled || job.progress === undefined || job.progress === '' ? undefined : job.progress;
+    // A grouped card paints its rail line by line, so its HEIGHT must be known
+    // before the render: measure every fixed column and pre-wrap the label into
+    // whatever is left. The label column is then given that width EXPLICITLY —
+    // never a flex leftover — so the pre-wrapped line count is exactly what the
+    // renderer paints (both sides use ink's own wrapText/stringWidth, so the
+    // breaks match the ones a plain wrapping Text would have chosen).
+    const railBody = settled && job.status !== 'completed' && headerDetail !== undefined;
+    const fixedWidths = [
+        stringWidth(info.glyph),
+        stringWidth(headerName),
+        stringWidth(job.kind),
+        ...(liveProgress === undefined ? [] : [12]),
+        stringWidth(duration),
+        ...(headerDetail === undefined ? [] : [stringWidth(headerDetail)]),
+        stringWidth(info.label),
+    ];
+    // One gap between each pair of columns: (fixed + label) - 1 = fixed count.
+    const labelWidth = Math.max(8, cardColumns - (grouped ? 2 : 0) - fixedWidths.reduce((sum, width) => sum + width, 0) - fixedWidths.length);
+    // wrapText returns the wrapped STRING (newline separated), so the line
+    // count comes straight out of it.
+    const labelLines = grouped ? wrapText(job.label, labelWidth, 'wrap').split('\n') : undefined;
+    const contentLines = (labelLines?.length ?? 1) + activity.length + (railBody ? 1 : 0);
+    const railGlyphs = [];
+    if (grouped) {
+        for (let index = 0; index < contentLines; index++) {
+            const opens = index === 0 && rail?.open === true;
+            const closes = index === contentLines - 1 && rail?.close === true;
+            railGlyphs.push(opens ? '╭' : closes ? '╰' : '│');
+        }
+    }
     // 点击打开 /jobs 面板；hover 不刷整行背景（转录视觉保持安静），只把
     // 状态 glyph 提亮为品牌色作为可点指示。无外层缩进：任务卡是上方工具
     // 调用（run_in_background 卡）的延续，与工具卡通栏左对齐；子代理卡才
     // 是嵌套子实体、保留缩进。瀑布的 `  │ ` 槽自带两格，正好与工具卡正文
     // 的 `  ⎿ ` 槽位一致。
-    return _jsxs(Box, { flexDirection: "column", marginTop: marginTopOnTurn ? 1 : 0, ref: viewportRef, onClick: onClick, onMouseEnter: clickable ? () => setHovered(true) : undefined, onMouseLeave: clickable ? () => setHovered(false) : undefined, children: [_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Text, { color: hovered && clickable ? 'accent' : info.color, children: info.glyph }), _jsx(Text, { bold: true, color: hovered && clickable ? 'accent' : undefined, children: headerName }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { dimColor: true, children: job.kind }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { children: clipLine(job.label, labelWidth) }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { dimColor: true, children: duration }), headerDetail !== undefined && _jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { dimColor: true, children: headerDetail })] }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { color: info.color, children: info.label })] }), !settled && activity.length > 0 && activity.map((line, index) => (_jsx(Text, { dimColor: true, wrap: "truncate", children: `  │ ${clipLine(line, rowWidth)}` }, `${job.id}-wf-${index}`))), settled && job.status !== 'completed' && headerDetail !== undefined && (_jsx(Text, { dimColor: true, wrap: "truncate", children: `  └ ${clipLine(headerDetail, rowWidth)}` }))] });
+    //
+    // 成组时的竖线不在 body 里：继续中的成员把 body 包进一个只有左边框的
+    // Box（见下方 bordered），边框覆盖整张卡的每一行——标签折行出的续行也
+    // 有线，链条不断。收口的尾成员用 `└ ` 字形 + 2 格空槽，两者都把正文
+    // 落在第 2 列。
+    const body = (_jsxs(_Fragment, { children: [_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Box, { flexShrink: 0, children: _jsx(Text, { color: hovered && clickable ? 'accent' : info.color, children: info.glyph }) }), _jsx(Box, { flexShrink: 0, children: _jsx(Text, { bold: true, color: hovered && clickable ? 'accent' : undefined, children: headerName }) }), _jsx(Box, { flexShrink: 0, children: _jsx(Text, { dimColor: true, children: job.kind }) }), labelLines === undefined ? (_jsx(Box, { flexGrow: 1, flexShrink: 1, children: _jsx(Text, { children: job.label }) })) : (_jsx(Box, { width: labelWidth, flexShrink: 0, flexDirection: "column", children: labelLines.map((line, index) => _jsx(Text, { children: line }, index)) })), liveProgress !== undefined && (_jsx(Box, { width: 12, flexShrink: 0, children: _jsx(JobProgress, { progress: liveProgress }) })), _jsx(Box, { flexShrink: 0, children: _jsx(Text, { dimColor: true, children: duration }) }), headerDetail !== undefined && _jsx(Box, { flexShrink: 0, children: _jsx(Text, { dimColor: true, wrap: "truncate-end", children: headerDetail }) }), _jsx(Box, { flexShrink: 0, children: _jsx(Text, { color: info.color, children: info.label }) })] }), !settled && activity.length > 0 && activity.map(entry => (
+            // key 不含 time（同 SubagentMessage 的约定）：内容更新走 in-place
+            // diff，避免每个 tick 都 unmount+mount。瀑布只在有镜像输出时出现
+            // （后台任务静默是常态——无输出时卡片就是头行，不摆空 gutter）。
+            // Rows are pre-wrapped to the row width, so truncate is a belt-and-braces
+            // guard against a re-wrap (which would break the constant height).
+            entry.gap === true ? (_jsx(Text, { dimColor: true, italic: true, wrap: "truncate", children: `  · ${t('jobs-output-gap')}` }, entry.key)) : (_jsx(Text, { color: entry.channel === 'stderr' ? 'error' : undefined, dimColor: entry.channel !== 'stderr', wrap: "truncate", children: `  │ ${entry.text}` }, entry.key)))), railBody && (_jsx(Text, { dimColor: true, children: `  └ ${headerDetail}` }))] }));
+    return _jsx(Box, { flexDirection: "column", marginTop: marginTopOnTurn ? 1 : 0, ref: viewportRef, onClick: onClick, onMouseEnter: clickable ? () => setHovered(true) : undefined, onMouseLeave: clickable ? () => setHovered(false) : undefined, children: grouped ? (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 1, flexShrink: 0, children: _jsx(Text, { color: "inactive", children: railGlyphs.join('\n') }) }), _jsx(Box, { flexDirection: "column", flexGrow: 1, paddingLeft: 1, children: body })] })) : body });
 }

package/lib/types/components/Chat/JobGroupHeader.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { JobGroupRow } from '../../adapter/ports/channel-view.js';
+/**
+ * Header line of a consecutive-job group (`row.jobGroup`): the run summary
+ * while the group is open, and the fold line once it is closed.
+ *
+ *   ▾ 后台任务 ×6 · 2 运行中 · 4 已完成 · 合计 12.3s
+ *   ▸ 已折叠 6 个后台任务 · 4 已完成 · 2 失败 · 合计 12.3s · 点击展开
+ *
+ * The fold line keeps the header's row and glyph slot, so a settling group
+ * reads as the SAME block tucking its body away (the thinking/compact fold
+ * convention) instead of a new row appearing. The whole line is clickable
+ * and brightens on hover — the same mouse gesture the job cards use — and
+ * Ctrl+O expands every group at once.
+ *
+ * The summary line sits OUTSIDE the group's rail: the cards below it carry
+ * the bracket (`╭` on the first card, `╰` on the last), so this line reads as
+ * the run's title rather than its first row.
+ *
+ * Failures stay LOUD while folded: the failed/killed counts are painted in
+ * the error color, because folding must never bury a job that died.
+ */
+export declare function JobGroupHeader({ group, onToggle }: {
+    group: JobGroupRow;
+    onToggle?(): void;
+}): React.ReactNode;
+//# sourceMappingURL=JobGroupHeader.d.ts.map

package/lib/types/components/Chat/JobGroupHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JobGroupHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/JobGroupHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAA;AAQtE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAClD,KAAK,EAAE,WAAW,CAAA;IAClB,QAAQ,CAAC,IAAI,IAAI,CAAA;CAClB,GAAG,KAAK,CAAC,SAAS,CAoElB"}

package/lib/types/components/Chat/JobGroupHeader.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Box, Text, useAnimationFrame } from '../../ui.js';
+import { formatJobDuration } from '../../dsh-adapter/jobs.js';
+import { t } from '../../i18n.js';
+import { isMinimalUiMode } from '../../minimalUiMode.js';
+/**
+ * Header line of a consecutive-job group (`row.jobGroup`): the run summary
+ * while the group is open, and the fold line once it is closed.
+ *
+ *   ▾ 后台任务 ×6 · 2 运行中 · 4 已完成 · 合计 12.3s
+ *   ▸ 已折叠 6 个后台任务 · 4 已完成 · 2 失败 · 合计 12.3s · 点击展开
+ *
+ * The fold line keeps the header's row and glyph slot, so a settling group
+ * reads as the SAME block tucking its body away (the thinking/compact fold
+ * convention) instead of a new row appearing. The whole line is clickable
+ * and brightens on hover — the same mouse gesture the job cards use — and
+ * Ctrl+O expands every group at once.
+ *
+ * The summary line sits OUTSIDE the group's rail: the cards below it carry
+ * the bracket (`╭` on the first card, `╰` on the last), so this line reads as
+ * the run's title rather than its first row.
+ *
+ * Failures stay LOUD while folded: the failed/killed counts are painted in
+ * the error color, because folding must never bury a job that died.
+ */
+export function JobGroupHeader({ group, onToggle }) {
+    const minimalUi = isMinimalUiMode();
+    const [hovered, setHovered] = React.useState(false);
+    // Only a LIVE group ticks: its elapsed keeps counting. A settled group's
+    // duration is frozen, so it must not keep re-rendering the row.
+    const [tickRef] = useAnimationFrame(group.running > 0 ? 1000 : null);
+    const clickable = onToggle !== undefined;
+    const duration = formatJobDuration({
+        startedAt: group.startedAt,
+        ...(group.endedAt === undefined ? {} : { finishedAt: group.endedAt }),
+    });
+    const chipColor = (color) => minimalUi ? undefined : color;
+    const chips = [];
+    if (group.running > 0)
+        chips.push({ key: 'running', text: t('jobs-group-running', { count: group.running }), color: chipColor('warning') });
+    if (group.failed > 0)
+        chips.push({ key: 'failed', text: t('jobs-group-failed', { count: group.failed }), color: chipColor('error') });
+    if (group.killed > 0)
+        chips.push({ key: 'killed', text: t('jobs-group-killed', { count: group.killed }), color: chipColor('error') });
+    if (group.folded && group.running === 0 && group.failed === 0 && group.killed === 0) {
+        // Folded and clean: "全部完成" says more than "6 已完成" — the group is
+        // the unit being reported on now.
+        chips.push({ key: 'all', text: t('jobs-group-all-completed'), color: chipColor('success') });
+    }
+    else if (group.completed > 0) {
+        chips.push({ key: 'completed', text: t('jobs-group-completed', { count: group.completed }), color: undefined });
+    }
+    // The mouse affordance: a folded line always teaches the way back in; an
+    // open group only says it while hovered (its ▾ already carries the hint).
+    const hint = group.folded
+        ? t('jobs-group-hint-expand')
+        : hovered && clickable ? t('jobs-group-hint-fold') : undefined;
+    return (_jsxs(Box, { flexDirection: "row", gap: 1, ref: tickRef, onClick: clickable ? onToggle : undefined, onMouseEnter: clickable ? () => setHovered(true) : undefined, onMouseLeave: clickable ? () => setHovered(false) : undefined, children: [_jsx(Text, { color: hovered && clickable && !minimalUi ? 'accent' : 'inactive', children: group.folded ? '▸' : '▾' }), _jsx(Text, { wrap: "truncate-end", color: hovered && clickable ? 'text' : undefined, dimColor: !(hovered && clickable), children: group.folded
+                    ? t('jobs-group-folded', { count: group.count })
+                    : t('jobs-group-title', { count: group.count }) }), chips.map(chip => (_jsxs(React.Fragment, { children: [_jsx(Text, { color: "inactive", children: "\u00B7" }), _jsx(Text, { color: chip.color, dimColor: chip.color === undefined, children: chip.text })] }, chip.key))), _jsx(Text, { color: "inactive", children: "\u00B7" }), _jsx(Text, { dimColor: true, children: t('jobs-group-elapsed', { duration }) }), hint !== undefined && (_jsxs(React.Fragment, { children: [_jsx(Text, { color: "inactive", children: "\u00B7" }), _jsx(Text, { color: group.folded ? 'inactive' : 'accent', children: hint })] }))] }));
+}

package/lib/types/components/Chat/SubagentMessage.js

@@ -5,7 +5,7 @@ import { t } from '../../i18n.js';
 import { resolvePreset } from '../activityFrames.js';
 import { toolNameColor } from '../messages/AssistantToolUseMessage.js';
 import { stringWidth } from '../../ink/stringWidth.js';
-import { isMinimalMode } from '../../minimalMode.js';
+import { isMinimalUiMode } from '../../minimalUiMode.js';
 /** The waterfall window is a Kimi Code style constant-height region. */
 const WATERFALL_ROWS = 3;
 /** Card left padding + the `│ ` gutter prefix. */
@@ -19,14 +19,14 @@ function tokens(row) {
     return total > 0 ? `${total} tok` : '- tok';
 }
 function status(row) {
-    const minimal = isMinimalMode();
+    const minimalUi = isMinimalUiMode();
     if (row.status === 'completed')
-        return { glyph: minimal ? '✓' : '🟢', label: t('subagent-status-completed'), color: minimal ? undefined : 'success' };
+        return { glyph: minimalUi ? '✓' : '🟢', label: t('subagent-status-completed'), color: minimalUi ? undefined : 'success' };
     if (row.status === 'failed')
-        return { glyph: minimal ? '×' : '🔴', label: t('subagent-status-failed'), color: minimal ? undefined : 'error' };
+        return { glyph: minimalUi ? '×' : '🔴', label: t('subagent-status-failed'), color: minimalUi ? undefined : 'error' };
     if (row.status === 'cancelled')
-        return { glyph: minimal ? '×' : '🔴', label: t('subagent-status-cancelled'), color: minimal ? undefined : 'error' };
-    return { glyph: minimal ? '·' : '🟡', label: t('subagent-status-running'), color: minimal ? undefined : 'warning' };
+        return { glyph: minimalUi ? '×' : '🔴', label: t('subagent-status-cancelled'), color: minimalUi ? undefined : 'error' };
+    return { glyph: minimalUi ? '·' : '🟡', label: t('subagent-status-running'), color: minimalUi ? undefined : 'warning' };
 }
 /** Hard single-line clip by display width — a wrapped waterfall row would
  * break the constant-height window. */

package/lib/types/components/GoalTodoPanel.d.ts

@@ -28,11 +28,23 @@ export declare function GoalStatusChip({ goal, minimal }: {
  * id first appears, frozen on completion) — deliberately not derived from
  * session-event timestamps.
  */
-export declare function GoalTodoPanel({ channel, collapsed, onToggle, }: {
+export declare function GoalTodoPanel({ channel, collapsed, onToggle, variant, visible, maxTodos, wrapWidth, }: {
     channel: Channel;
     /** Fold the whole todo section to its summary header line. */
     collapsed?: boolean;
     /** Toggle the fold (click on the header row; shares the hotkey state). */
     onToggle?: () => void;
+    /** 'panel' = 侧栏 Todo Panel 形态：更紧凑（去外层 padding 与折叠
+     *  提示行），计时走共享动画时钟（visible=false 时零订阅）。 */
+    variant?: 'default' | 'panel';
+    /** 侧栏 visible 契约：非 active Panel 时 false——暂停本地计时，
+     *  store（channel.goal/todos）照常更新，重新打开直接读最新值。 */
+    visible?: boolean;
+    /** 覆盖 MAX_TODOS（panel variant 按宿主高度传入）。 */
+    maxTodos?: number;
+    /** panel variant：todo 行按此宽度折行——单条最多 2 行，超出部分截断
+     *  加省略号；maxTodos 预算按「行」折算，放不下仍走「…N more」。缺省
+     *  （default 形态）不折行，保持单行 truncate 的 chat 页现状。 */
+    wrapWidth?: number;
 }): React.ReactNode;
 //# sourceMappingURL=GoalTodoPanel.d.ts.map

package/lib/types/components/GoalTodoPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GoalTodoPanel.d.ts","sourceRoot":"","sources":["../../../src/components/GoalTodoPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,SAAS,IAAI,OAAO,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,2BAA2B,CAAA;AAmC3E;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,OAAe,EAAE,EAAE;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,KAAK,CAAC,SAAS,CAQnH;AA2CD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,SAAiB,EACjB,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,OAAO,CAAA;IAChB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB,GAAG,KAAK,CAAC,SAAS,CAwIlB"}
+{"version":3,"file":"GoalTodoPanel.d.ts","sourceRoot":"","sources":["../../../src/components/GoalTodoPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,SAAS,IAAI,OAAO,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,2BAA2B,CAAA;AAmC3E;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,OAAe,EAAE,EAAE;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,KAAK,CAAC,SAAS,CAQnH;AA2CD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,SAAiB,EACjB,QAAQ,EACR,OAAmB,EACnB,OAAc,EACd,QAAQ,EACR,SAAS,GACV,EAAE;IACD,OAAO,EAAE,OAAO,CAAA;IAChB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB;8CAC0C;IAC1C,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B;oDACgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;oDAEgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,KAAK,CAAC,SAAS,CAiMlB"}