@astralyn/pi 1.4.9 → 1.4.10

package/dist/extensions/tasks/ui/inspector.js.map

@@ -1 +1 @@
-{"version":3,"file":"inspector.js","sourceRoot":"","sources":["../../../../src/extensions/tasks/ui/inspector.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TaskRead, TaskSnapshot, TasksContext } from \"../../../core/tasks/types.ts\";\nimport { isTaskTerminal } from \"../../../core/tasks/types.ts\";\nimport type { Theme } from \"../../../modes/interactive/theme/theme.ts\";\nimport { cleanTaskText } from \"./text.ts\";\nimport { TaskViewport } from \"./viewport.ts\";\nimport { detailLines, outputLines } from \"./views.ts\";\n\ninterface ReadingPosition {\n\tinfo: TaskViewport;\n\toutput: TaskViewport;\n\tread?: TaskRead;\n}\ninterface InspectorOptions {\n\thost: Pick<TasksContext, \"read\" | \"retain\">;\n\ttheme: Theme;\n\trequestRender(): void;\n}\n\n/** Owns the selected task's bounded reads. Reading never acknowledges completion delivery. */\nexport class TaskInspector {\n\ttask?: TaskSnapshot;\n\tprivate readonly options: InspectorOptions;\n\tprivate readonly positions = new Map<string, ReadingPosition>();\n\tprivate release?: () => void;\n\tprivate reading = false;\n\tprivate disposed = false;\n\t/** Snapshots are immutable, so identity tells when the lines must be rebuilt. */\n\tprivate outputCache?: { task: TaskSnapshot; read?: TaskRead; width: number; lines: string[] };\n\tprivate detailCache?: { task: TaskSnapshot; status: string; lines: string[] };\n\tconstructor(options: InspectorOptions) {\n\t\tthis.options = options;\n\t}\n\tget position(): ReadingPosition {\n\t\tconst id = this.task?.id;\n\t\tlet position = id ? this.positions.get(id) : undefined;\n\t\tif (!position) {\n\t\t\tposition = { info: new TaskViewport(), output: new TaskViewport(true) };\n\t\t\tif (id) this.positions.set(id, position);\n\t\t}\n\t\treturn position;\n\t}\n\tselect(task: TaskSnapshot | undefined): void {\n\t\tif (this.disposed) return;\n\t\tif (this.task?.id !== task?.id) {\n\t\t\tconst release = task ? this.options.host.retain(task.id) : undefined;\n\t\t\tconst previous = this.release;\n\t\t\tthis.release = release;\n\t\t\tprevious?.();\n\t\t}\n\t\tthis.task = task;\n\t}\n\tprune(ids: ReadonlySet<string>): void {\n\t\tfor (const id of this.positions.keys()) if (!ids.has(id)) this.positions.delete(id);\n\t}\n\tinvalidate(): void {\n\t\tthis.outputCache = undefined;\n\t\tthis.detailCache = undefined;\n\t}\n\tasync refresh(): Promise<void> {\n\t\tconst task = this.task;\n\t\tif (this.disposed || !task || this.reading) return;\n\t\tconst position = this.position;\n\t\tif (position.read && (!position.output.follow || isTaskTerminal(position.read.task.status))) return;\n\t\tthis.reading = true;\n\t\ttry {\n\t\t\tconst read = await this.options.host.read(task.id, { mode: \"tail\", bytes: 48 * 1024 });\n\t\t\tif (this.disposed || this.task?.id !== task.id || (!position.output.follow && position.read)) return;\n\t\t\tposition.read = read;\n\t\t} catch (error) {\n\t\t\tif (!this.disposed && this.task?.id === task.id && (position.output.follow || !position.read)) {\n\t\t\t\tposition.read = {\n\t\t\t\t\ttask,\n\t\t\t\t\ttext: \"\",\n\t\t\t\t\treadError: `Cannot read output: ${cleanTaskText(String(error))}`,\n\t\t\t\t\ttotalBytes: 0,\n\t\t\t\t\ttruncated: false,\n\t\t\t\t};\n\t\t\t}\n\t\t} finally {\n\t\t\tthis.reading = false;\n\t\t\tif (!this.disposed) this.options.requestRender();\n\t\t\tif (!this.disposed && this.task?.id !== task.id) await this.refresh();\n\t\t}\n\t}\n\toutput(width: number): string[] {\n\t\tconst task = this.task;\n\t\tif (!task) return [];\n\t\tconst read = this.position.read;\n\t\tconst cache = this.outputCache;\n\t\tif (cache?.task !== task || cache.read !== read || cache.width !== width)\n\t\t\tthis.outputCache = { task, read, width, lines: outputLines(task, read, this.options.theme, width) };\n\t\treturn this.outputCache!.lines;\n\t}\n\t/** `status` carries the runtime, so Details rebuild at most once per displayed tick. */\n\tdetails(status: string): string[] {\n\t\tconst task = this.task;\n\t\tif (!task) return [];\n\t\tconst cache = this.detailCache;\n\t\tif (cache?.task !== task || cache.status !== status)\n\t\t\tthis.detailCache = { task, status, lines: detailLines(task, status, this.options.theme) };\n\t\treturn this.detailCache!.lines;\n\t}\n\tdispose(): void {\n\t\tif (this.disposed) return;\n\t\tthis.disposed = true;\n\t\tthis.release?.();\n\t\tthis.release = undefined;\n\t\tthis.positions.clear();\n\t}\n}\n"]}
+{"version":3,"file":"inspector.js","sourceRoot":"","sources":["../../../../src/extensions/tasks/ui/inspector.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TaskRead, TaskSnapshot, TasksContext } from \"../../../core/tasks/types.ts\";\nimport { isTaskTerminal } from \"../../../core/tasks/types.ts\";\nimport type { Theme } from \"../../../modes/interactive/theme/theme.ts\";\nimport { cleanTaskText } from \"./text.ts\";\nimport { TaskViewport } from \"./viewport.ts\";\nimport { detailLines, outputLines, streamsLog } from \"./views.ts\";\n\ninterface ReadingPosition {\n\tinfo: TaskViewport;\n\toutput: TaskViewport;\n\t/** Whether Output last followed the tail; a change of kind restarts its viewport. */\n\ttails?: boolean;\n\tread?: TaskRead;\n}\ninterface InspectorOptions {\n\thost: Pick<TasksContext, \"read\" | \"retain\" | \"presentOutput\">;\n\ttheme: Theme;\n\trequestRender(): void;\n}\n\n/** Output follows the tail while it is a log or still live; a settled report reads from its first line. */\nfunction tailsOutput(task: TaskSnapshot): boolean {\n\treturn task.output === \"log\" || !isTaskTerminal(task.status);\n}\n\n/** Owns the selected task's bounded reads. Reading never acknowledges completion delivery. */\nexport class TaskInspector {\n\ttask?: TaskSnapshot;\n\tprivate readonly options: InspectorOptions;\n\tprivate readonly positions = new Map<string, ReadingPosition>();\n\tprivate release?: () => void;\n\tprivate reading = false;\n\tprivate disposed = false;\n\t/** Snapshots are immutable, so identity tells when the lines must be rebuilt. */\n\tprivate outputCache?: { task: TaskSnapshot; read?: TaskRead; width: number; lines: string[] };\n\tprivate detailCache?: { task: TaskSnapshot; width: number; lines: string[] };\n\tconstructor(options: InspectorOptions) {\n\t\tthis.options = options;\n\t}\n\tget position(): ReadingPosition {\n\t\tconst id = this.task?.id;\n\t\tlet position = id ? this.positions.get(id) : undefined;\n\t\tif (!position) {\n\t\t\tposition = { info: new TaskViewport(), output: new TaskViewport(true) };\n\t\t\tif (id) this.positions.set(id, position);\n\t\t}\n\t\treturn position;\n\t}\n\tselect(task: TaskSnapshot | undefined): void {\n\t\tif (this.disposed) return;\n\t\tif (this.task?.id !== task?.id) {\n\t\t\tconst release = task ? this.options.host.retain(task.id) : undefined;\n\t\t\tconst previous = this.release;\n\t\t\tthis.release = release;\n\t\t\tprevious?.();\n\t\t}\n\t\tthis.task = task;\n\t\tif (!task) return;\n\t\tconst position = this.position;\n\t\tconst tails = tailsOutput(task);\n\t\tif (position.tails !== tails) {\n\t\t\tposition.tails = tails;\n\t\t\tposition.output.retarget(tails);\n\t\t}\n\t}\n\tprune(ids: ReadonlySet<string>): void {\n\t\tfor (const id of this.positions.keys()) if (!ids.has(id)) this.positions.delete(id);\n\t}\n\tinvalidate(): void {\n\t\tthis.outputCache = undefined;\n\t\tthis.detailCache = undefined;\n\t}\n\tasync refresh(): Promise<void> {\n\t\tconst task = this.task;\n\t\t// Only an attached log streams. A terminal file-less log is read once for its expiry diagnostic.\n\t\tconst terminalFallback = task?.output === \"log\" && isTaskTerminal(task.status);\n\t\tif (this.disposed || !task || (!streamsLog(task) && !terminalFallback) || this.reading) return;\n\t\tconst position = this.position;\n\t\tif (position.read && (!position.output.follow || isTaskTerminal(position.read.task.status))) return;\n\t\tthis.reading = true;\n\t\ttry {\n\t\t\tconst read = await this.options.host.read(task.id, { mode: \"tail\", bytes: 48 * 1024 });\n\t\t\tif (this.disposed || this.task?.id !== task.id || (!position.output.follow && position.read)) return;\n\t\t\tposition.read = read;\n\t\t} catch (error) {\n\t\t\tif (!this.disposed && this.task?.id === task.id && (position.output.follow || !position.read)) {\n\t\t\t\tposition.read = {\n\t\t\t\t\ttask,\n\t\t\t\t\ttext: \"\",\n\t\t\t\t\treadError: `Cannot read output: ${cleanTaskText(String(error))}`,\n\t\t\t\t\ttotalBytes: 0,\n\t\t\t\t\ttruncated: false,\n\t\t\t\t};\n\t\t\t}\n\t\t} finally {\n\t\t\tthis.reading = false;\n\t\t\tif (!this.disposed) this.options.requestRender();\n\t\t\tif (!this.disposed && this.task?.id !== task.id) await this.refresh();\n\t\t}\n\t}\n\toutput(width: number): string[] {\n\t\tconst task = this.task;\n\t\tif (!task) return [];\n\t\t// A live presentation changes with time, not with the snapshot, so it is never cached.\n\t\tconst live = isTaskTerminal(task.status)\n\t\t\t? undefined\n\t\t\t: this.options.host.presentOutput(task.id, width, this.options.theme);\n\t\tif (live) return outputLines(task, undefined, this.options.theme, width, live);\n\t\tconst read = this.position.read;\n\t\tconst cache = this.outputCache;\n\t\tif (cache?.task !== task || cache.read !== read || cache.width !== width)\n\t\t\tthis.outputCache = { task, read, width, lines: outputLines(task, read, this.options.theme, width) };\n\t\treturn this.outputCache!.lines;\n\t}\n\tdetails(width: number): string[] {\n\t\tconst task = this.task;\n\t\tif (!task) return [];\n\t\tconst cache = this.detailCache;\n\t\tif (cache?.task !== task || cache.width !== width)\n\t\t\tthis.detailCache = { task, width, lines: detailLines(task, this.options.theme, width) };\n\t\treturn this.detailCache!.lines;\n\t}\n\tdispose(): void {\n\t\tif (this.disposed) return;\n\t\tthis.disposed = true;\n\t\tthis.release?.();\n\t\tthis.release = undefined;\n\t\tthis.positions.clear();\n\t}\n}\n"]}

package/dist/extensions/tasks/ui/layout.d.ts

@@ -1,26 +1,25 @@
-import type { AppKeybinding, KeybindingsManager } from "../../../core/keybindings.ts";
+import type { KeybindingsManager } from "../../../core/keybindings.ts";
 import type { Theme } from "../../../modes/interactive/theme/theme.ts";
+import { type Feedback } from "./footer.ts";
+import { type Rect } from "./frame.ts";
 import type { TaskInspector } from "./inspector.ts";
 import type { TaskList } from "./list.ts";
-import { type PanelFocus, type PanelMode, type TaskSelection, type TasksTab } from "./model.ts";
-export interface TaskHit {
-    x: number;
-    y: number;
-    width: number;
-    key?: AppKeybinding;
-    taskId?: string;
-    tab?: TasksTab;
-    cancel?: boolean;
+import type { PanelFocus, PanelMode, TaskHit, TaskSelection } from "./model.ts";
+/** A pane the pointer can act on: wheel scrolls it and a click on it focuses it. */
+export interface PaneRegion extends Rect {
+    pane: PanelFocus | "help";
 }
 export interface TasksLayout {
+    lines: string[];
     hits: TaskHit[];
-    listWidth: number;
+    regions: PaneRegion[];
+    /** Both panes are visible; otherwise one pane at a time fills the width. */
+    split: boolean;
     listPageSize: number;
-    lines: string[];
     /** The terminal is below the supported size; only a full-screen resize notice is shown. */
     tooSmall?: boolean;
 }
-interface LayoutOptions {
+export interface LayoutOptions {
     width: number;
     height: number;
     theme: Theme;
@@ -30,13 +29,11 @@ interface LayoutOptions {
     list: TaskList;
     focus: PanelFocus;
     mode: PanelMode;
-    /** Renders the search input line; shown only in search mode. */
-    searchLine: (width: number) => string;
-    feedback?: string;
+    feedback?: Feedback;
     /** Whether the host would move this task to the background now. */
     canDetach: (id: string) => boolean;
 }
-/** Cell geometry and mouse targets are produced together, so resize cannot separate them. */
+/** The list takes 40% of a split terminal, between 34 and 60 columns. */
+export declare function listWidthFor(width: number): number;
 export declare function renderTasksLayout(options: LayoutOptions): TasksLayout;
-export {};
 //# sourceMappingURL=layout.d.ts.map

package/dist/extensions/tasks/ui/layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../src/extensions/tasks/ui/layout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAc,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAKlG,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAe,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAK7G,MAAM,WAAW,OAAO;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,aAAa,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB;AACD,MAAM,WAAW,WAAW;IAC3B,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AACD,UAAU,aAAa;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;IACjD,SAAS,EAAE,aAAa,CAAC;IACzB,SAAS,EAAE,aAAa,CAAC;IACzB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,gEAAgE;IAChE,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;CACnC;AAKD,6FAA6F;AAC7F,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,aAAa,GAAG,WAAW,CAgMrE"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../src/extensions/tasks/ui/layout.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAc,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAEnF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAGN,KAAK,QAAQ,EAKb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAsB,KAAK,IAAI,EAAE,MAAM,YAAY,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAWhF,oFAAoF;AACpF,MAAM,WAAW,UAAW,SAAQ,IAAI;IACvC,IAAI,EAAE,UAAU,GAAG,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,WAAW;IAC3B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,4EAA4E;IAC5E,KAAK,EAAE,OAAO,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,aAAa;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;IACjD,SAAS,EAAE,aAAa,CAAC;IACzB,SAAS,EAAE,aAAa,CAAC;IACzB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,mEAAmE;IACnE,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;CACnC;AAED,yEAAyE;AACzE,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAElD;AAuBD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,aAAa,GAAG,WAAW,CAgDrE"}

package/dist/extensions/tasks/ui/layout.js

@@ -1,271 +1,178 @@
-import { truncateToWidth, visibleWidth, wrapTextWithAnsi } from "@earendil-works/pi-tui";
-import { runtimeLabel } from "../../../core/tasks/format.js";
-import { isTaskTerminal } from "../../../core/tasks/types.js";
-import { formatSize } from "../../../core/tools/truncate.js";
+/**
+ * Screen layout. This is the only place that knows widths and row positions: it returns the
+ * rendered lines together with the clickable cells and the pane regions the manager routes
+ * wheel and focus gestures by, so a resize cannot separate geometry from targets.
+ */
+import { visibleWidth, wrapTextWithAnsi } from "@earendil-works/pi-tui";
 import { keyLabel } from "../../../modes/interactive/components/keybinding-hints.js";
+import { browseFooter, confirmStopFooter, helpFooter, searchFooter, } from "./footer.js";
+import { fitCell, framePane } from "./frame.js";
+import { helpRows } from "./help.js";
 import { isStoppable } from "./model.js";
-import { modeName, statusName, statusView } from "./status.js";
+import { renderInspectorPane, renderListPane } from "./panes.js";
 import { cleanTaskText, firstCommandLine } from "./text.js";
-const pad = (text, width) => truncateToWidth(text, Math.max(1, width), "…", true);
-/** Visible width of "Output  Details". */
-const TABS_WIDTH = 15;
-/** Cell geometry and mouse targets are produced together, so resize cannot separate them. */
+/** A terminal at least this wide shows the list beside the inspector. */
+const SPLIT_MIN_WIDTH = 100;
+/** The minimum supported terminal; below it a resize notice covers the screen. */
+const MIN_WIDTH = 60;
+const MIN_HEIGHT = 14;
+/** The list takes 40% of a split terminal, between 34 and 60 columns. */
+export function listWidthFor(width) {
+    return Math.min(60, Math.max(34, Math.round(width * 0.4)));
+}
+/** Pane rectangles above the single footer row; without room for two, both panes share the full width. */
+function paneRects(width, height) {
+    const rows = height - 1;
+    if (width < SPLIT_MIN_WIDTH) {
+        const full = { x: 0, y: 0, width, height: rows };
+        return { split: false, list: full, inspector: full };
+    }
+    const listWidth = listWidthFor(width);
+    return {
+        split: true,
+        list: { x: 0, y: 0, width: listWidth, height: rows },
+        inspector: { x: listWidth + 1, y: 0, width: width - listWidth - 1, height: rows },
+    };
+}
 export function renderTasksLayout(options) {
-    const { width, height, theme, selection, inspector, list, focus, keybindings, mode } = options;
-    const hint = (key) => keyLabel(key, { keybindings });
-    const result = { hits: [], listWidth: 0, listPageSize: 1, lines: [] };
+    const { width, height, theme, mode } = options;
     if (width < 1 || height < 1)
-        return result;
-    const wide = width >= 100;
-    const listWidth = wide ? Math.min(42, Math.max(32, Math.floor(width * 0.32))) : width;
-    const rightWidth = wide ? width - listWidth - 1 : width;
-    const rightX = wide ? listWidth + 1 : 0;
-    const bodyHeight = height - 5;
-    const hits = result.hits;
-    result.listWidth = listWidth;
-    // One row per task, less the group headings.
-    result.listPageSize = Math.max(1, bodyHeight - 2);
-    const pane = (lines, size, active) => {
-        const border = (text) => theme.fg(wide && active ? "borderAccent" : "borderMuted", text);
-        return [
-            border(`┌${"─".repeat(size - 2)}┐`),
-            ...lines.map((line) => border("│") + pad(line, size - 2) + border("│")),
-            border(`└${"─".repeat(size - 2)}┘`),
-        ];
-    };
-    if (width < 60 || height < 14) {
-        // The panel is modal: a floating notice would leave the transcript visible yet
-        // unscrollable, so the notice owns every row as a centered dialog. Only a truly
-        // tiny terminal, where even the dialog does not fit, gets bare covering lines.
-        result.tooSmall = true;
-        const message = "Terminal too small for /tasks. Enlarge the window to continue.";
-        const close = `${hint("tui.select.cancel")} close`;
-        const boxWidth = Math.min(width, 46);
-        const inner = boxWidth - 2;
-        const wrapped = wrapTextWithAnsi(message, inner).map((line) => theme.fg("warning", line));
-        const spacious = [theme.fg("text", "Tasks"), "", ...wrapped, "", theme.fg("dim", close)];
-        const tight = [theme.fg("text", "Tasks"), ...wrapped, theme.fg("dim", close)];
-        const body = height >= spacious.length + 2 ? spacious : tight;
-        if (inner >= 16 && height >= body.length + 2) {
-            const box = pane(body, boxWidth, false);
-            const left = Math.floor((width - boxWidth) / 2);
-            const top = Math.max(0, Math.floor((height - box.length) / 2));
-            const blank = " ".repeat(width);
-            result.lines = [
-                ...Array.from({ length: top }, () => blank),
-                ...box.map((line) => " ".repeat(left) + line + " ".repeat(width - left - boxWidth)),
-                ...Array.from({ length: height - top - box.length }, () => blank),
-            ];
-            hits.push({ x: left + 1, y: top + body.length, width: visibleWidth(close), cancel: true });
+        return { lines: [], hits: [], regions: [], split: false, listPageSize: 1 };
+    const hint = (key) => keyLabel(key, { keybindings: options.keybindings });
+    if (width < MIN_WIDTH || height < MIN_HEIGHT)
+        return renderTooSmall(options, hint);
+    const rects = paneRects(width, height);
+    const env = { width, y: height - 1, theme, hint, feedback: options.feedback };
+    let body;
+    let footer;
+    switch (mode.kind) {
+        case "help": {
+            body = renderHelpPane(options, hint, { x: 0, y: 0, width, height: height - 1 });
+            footer = helpFooter(env);
+            break;
         }
-        else {
-            result.lines = ["Tasks", message, close].slice(0, height).map((line) => pad(line, width));
-            while (result.lines.length < height)
-                result.lines.push(" ".repeat(width));
+        case "search": {
+            body = renderPanes(options, hint, rects);
+            footer = searchFooter(env);
+            break;
         }
-        return result;
-    }
-    const visible = list.render(selection, theme, listWidth - 2, bodyHeight);
-    let listHeader = theme.fg("text", "Tasks");
-    const searchLabel = `${hint("app.tasks.search")} find`;
-    if (mode.kind === "search")
-        listHeader = options.searchLine(listWidth - 2);
-    else {
-        const x = Math.max(6, listWidth - 2 - visibleWidth(searchLabel));
-        listHeader += " ".repeat(x - 5) + theme.fg("dim", searchLabel);
-        if (wide || focus === "list")
-            hits.push({ x: x + 1, y: 1, width: visibleWidth(searchLabel), key: "app.tasks.search" });
-    }
-    if (wide || focus === "list")
-        visible.forEach((row, index) => {
-            if (row.taskId)
-                hits.push({ x: 1, y: 2 + index, width: listWidth - 2, taskId: row.taskId });
-        });
-    const left = [
-        listHeader,
-        ...Array.from({ length: bodyHeight }, (_, i) => visible[i]?.text ?? ""),
-        theme.fg("dim", list.range),
-    ];
-    const task = inspector.task;
-    const tab = selection.state.tab;
-    const tabLabel = (id, label) => theme.style(label, { fg: "text", underline: tab === id });
-    // One header row in every layout: the selected task's source and status, with the tabs on the right.
-    const tabsX = rightWidth - 2 - TABS_WIDTH;
-    const summary = task
-        ? [
-            theme.fg("muted", cleanTaskText(task.label)),
-            theme.fg(statusView(task.status).color, statusName(task.status)),
-            theme.fg("muted", runtimeLabel(task)),
-        ].join(theme.fg("dim", " · "))
-        : "";
-    const shownSummary = truncateToWidth(summary, Math.max(0, tabsX - 1), "…");
-    const right = [
-        `${shownSummary}${" ".repeat(tabsX - visibleWidth(shownSummary))}${tabLabel("output", "Output")}  ${tabLabel("info", "Details")}`,
-    ];
-    if (wide || focus === "inspector")
-        hits.push({ x: rightX + 1 + tabsX, y: 1, width: 6, tab: "output" }, { x: rightX + 9 + tabsX, y: 1, width: 7, tab: "info" });
-    const content = [];
-    let reading = "";
-    if (task) {
-        // Without the list beside it, the inspector names the task it shows.
-        if (!wide)
-            content.push(theme.fg("text", cleanTaskText(firstCommandLine(task.title))));
-        const position = inspector.position;
-        const read = position.read;
-        const terminal = isTaskTerminal(task.status);
-        const diagnostics = [task.error, read?.readError].filter((text) => !!text).map(cleanTaskText);
-        if (tab === "output" && diagnostics.length)
-            content.push(theme.fg("warning", diagnostics.join(" · ").replace(/\n/g, " ")));
-        const source = tab === "info"
-            ? inspector.details(`${statusName(task.status)} · ${modeName(task.mode)} · ${runtimeLabel(task)}`)
-            : inspector.output(rightWidth - 2);
-        content.push(...position[tab].layout(source, rightWidth - 2, bodyHeight - content.length));
-        if (tab === "output") {
-            // Only a log holds a browsed snapshot; other output is always the current result.
-            const settled = terminal && task.outputPath === undefined;
-            reading =
-                position.output.follow || settled
-                    ? terminal
-                        ? "Finished"
-                        : "Live"
-                    : terminal
-                        ? `Finished · ${hint("app.tasks.follow")} load final output`
-                        : `Browsing · ${hint("app.tasks.follow")} follow output`;
-            if (!position.output.follow && !settled && (wide || focus === "inspector"))
-                hits.push({
-                    x: rightX + 1,
-                    y: height - 3,
-                    width: Math.min(rightWidth - 2, visibleWidth(reading)),
-                    key: "app.tasks.follow",
-                });
-            if (task.outputPath !== undefined && read?.truncated)
-                reading += ` · Tail preview: ${formatSize(Buffer.byteLength(read.text))} of ${formatSize(read.totalBytes)}`;
+        case "confirmStop": {
+            body = renderPanes(options, hint, rects);
+            const target = options.selection.all.find((task) => task.id === mode.taskId);
+            footer = confirmStopFooter(env, {
+                source: cleanTaskText(target?.label ?? "task"),
+                title: cleanTaskText(firstCommandLine(target?.title ?? mode.taskId)),
+            });
+            break;
+        }
+        case "browse": {
+            body = renderPanes(options, hint, rects);
+            const task = options.inspector.task;
+            footer = browseFooter(env, {
+                focus: options.focus,
+                split: rects.split,
+                stoppable: !!task && isStoppable(task),
+                detachable: !!task && options.canDetach(task.id),
+            });
+            break;
         }
-        else if (tab === "info")
-            reading = `Details ${position.info.range}`;
     }
-    else
-        content.push(theme.fg("muted", "Select a task to inspect its result."));
-    right.push(...Array.from({ length: bodyHeight }, (_, i) => content[i] ?? ""), theme.fg("dim", reading));
-    const rightPane = pane(right, rightWidth, focus === "inspector");
-    let panels = wide
-        ? pane(left, listWidth, focus === "list").map((line, i) => `${line} ${rightPane[i]}`)
-        : pane(focus === "list" ? left : right, width, false);
-    let footer = "";
-    const addHint = (key, label, target) => {
-        const text = `${hint(key)} ${label}`;
-        const x = visibleWidth(footer) + (footer ? 3 : 0);
-        if (x + visibleWidth(text) > width)
-            return;
-        footer += (footer ? " · " : "") + text;
-        if (target)
-            hits.push({ x, y: height - 1, width: visibleWidth(text), ...target });
+    return {
+        lines: [...body.lines, footer.line],
+        hits: [...body.hits, ...footer.hits],
+        regions: body.regions,
+        split: rects.split,
+        listPageSize: body.pageSize ?? Math.max(1, rects.list.height - 4),
     };
-    if (mode.kind === "help") {
-        hits.length = 0;
-        panels = pane(helpLines(mode.viewport, hint, theme, width, height), width, false);
-        addHint("tui.select.up", `/ ${hint("tui.select.down")} scroll`);
-        addHint("tui.select.cancel", "back", { cancel: true });
-    }
-    else if (mode.kind === "confirmStop") {
-        // The question borrows only the footer row, so the task stays in view while confirming.
-        hits.length = 0;
-        const target = selection.all.find((task) => task.id === mode.taskId);
-        const source = cleanTaskText(target?.label ?? "task");
-        const confirm = `${hint("app.tasks.confirmStop")} stop`;
-        const cancel = `${hint("tui.select.cancel")} cancel`;
-        const actions = `${confirm} · ${cancel}`;
-        const room = width - visibleWidth(`Stop ${source} ""?  ${actions}`);
-        const title = cleanTaskText(firstCommandLine(target?.title ?? mode.taskId));
-        const question = room >= 4 ? `Stop ${source} "${truncateToWidth(title, room, "…")}"?  ` : `Stop ${source}?  `;
-        footer = question + actions;
-        const x = visibleWidth(question);
-        hits.push({ x, y: height - 1, width: visibleWidth(confirm), key: "app.tasks.confirmStop" }, { x: x + visibleWidth(confirm) + 3, y: height - 1, width: visibleWidth(cancel), cancel: true });
-    }
-    else if (mode.kind === "search") {
-        // Only search candidates and cancellation are clickable while locating a task.
-        for (let i = hits.length - 1; i >= 0; i--)
-            if (!hits[i].taskId)
-                hits.splice(i, 1);
-        addHint("tui.select.up", `/ ${hint("tui.select.down")} choose`);
-        addHint("tui.select.confirm", "locate");
-        addHint("tui.select.cancel", "cancel", { cancel: true });
+}
+/**
+ * Browse, search and confirmation share the two-pane frame; the mode decides which panes
+ * answer to the pointer, so each mode exposes only its own targets.
+ */
+function renderPanes(options, hint, rects) {
+    const { theme, selection, inspector, list, focus, mode } = options;
+    const showList = rects.split || focus === "list";
+    const showInspector = rects.split || focus === "inspector";
+    const browsing = mode.kind === "browse";
+    const searching = mode.kind === "search";
+    const listPane = showList
+        ? renderListPane({ theme, selection, list }, rects.list, {
+            active: rects.split && focus === "list",
+            interactive: browsing || searching,
+            searchRow: mode.kind === "search" ? mode.input.render(rects.list.width - 2).join("") : undefined,
+            stopTargetId: mode.kind === "confirmStop" ? mode.taskId : undefined,
+        })
+        : undefined;
+    const inspectorPane = showInspector
+        ? renderInspectorPane({ theme, selection, inspector, hint }, rects.inspector, {
+            active: rects.split && focus === "inspector",
+            interactive: browsing,
+        })
+        : undefined;
+    const regions = [];
+    if (listPane && (browsing || searching))
+        regions.push({ pane: "list", ...rects.list });
+    if (inspectorPane && browsing)
+        regions.push({ pane: "inspector", ...rects.inspector });
+    const lines = listPane && inspectorPane
+        ? listPane.lines.map((line, i) => `${line} ${inspectorPane.lines[i]}`)
+        : (listPane ?? inspectorPane).lines;
+    return {
+        lines,
+        hits: [...(listPane?.hits ?? []), ...(inspectorPane?.hits ?? [])],
+        regions,
+        pageSize: listPane?.pageSize ?? Math.max(1, rects.list.height - 4),
+    };
+}
+function renderHelpPane(options, hint, rect) {
+    const { theme, mode } = options;
+    if (mode.kind !== "help")
+        throw new Error("help pane requires help mode");
+    const inner = rect.width - 2;
+    const rows = mode.viewport.layout(helpRows(hint, theme), inner, rect.height - 2);
+    const frame = framePane({
+        width: rect.width,
+        theme,
+        accent: false,
+        title: theme.fg("text", "Task controls"),
+        status: mode.viewport.overflows ? theme.fg("muted", mode.viewport.range) : undefined,
+        rows: Array.from({ length: rect.height - 2 }, (_, i) => rows[i] ?? ""),
+    });
+    return { lines: frame.lines, hits: [], regions: [{ pane: "help", ...rect }] };
+}
+/**
+ * The panel is modal: a floating notice would leave the transcript visible yet unscrollable,
+ * so the notice owns every row as a centered dialog. Only a truly tiny terminal, where even
+ * the dialog does not fit, gets bare covering lines.
+ */
+function renderTooSmall(options, hint) {
+    const { width, height, theme } = options;
+    const result = { lines: [], hits: [], regions: [], split: false, listPageSize: 1, tooSmall: true };
+    const message = "Terminal too small for /tasks. Enlarge the window to continue.";
+    const close = `${hint("tui.select.cancel")} close`;
+    const boxWidth = Math.min(width, 46);
+    const inner = boxWidth - 2;
+    const wrapped = wrapTextWithAnsi(message, inner).map((line) => theme.fg("warning", line));
+    const spacious = [theme.fg("text", "Tasks"), "", ...wrapped, "", theme.fg("dim", close)];
+    const tight = [theme.fg("text", "Tasks"), ...wrapped, theme.fg("dim", close)];
+    const body = height >= spacious.length + 2 ? spacious : tight;
+    if (inner >= 16 && height >= body.length + 2) {
+        const box = framePane({ width: boxWidth, theme, accent: false, rows: body }).lines;
+        const left = Math.floor((width - boxWidth) / 2);
+        const top = Math.max(0, Math.floor((height - box.length) / 2));
+        const blank = " ".repeat(width);
+        result.lines = [
+            ...Array.from({ length: top }, () => blank),
+            ...box.map((line) => " ".repeat(left) + line + " ".repeat(width - left - boxWidth)),
+            ...Array.from({ length: height - top - box.length }, () => blank),
+        ];
+        result.hits.push({ x: left + 1, y: top + body.length, width: visibleWidth(close), action: { kind: "back" } });
     }
     else {
-        addHint("tui.select.up", `/ ${hint("tui.select.down")}${focus === "list" ? " tasks" : " scroll"}`);
-        if (focus === "list")
-            addHint("tui.select.confirm", "open", { tab });
-        else
-            addHint("app.tasks.nextFocus", "tasks", { key: "app.tasks.nextFocus" });
-        addHint("tui.select.cancel", "close", { cancel: true });
-        if (focus === "list")
-            addHint("app.tasks.search", "find", { key: "app.tasks.search" });
-        else {
-            addHint("app.tasks.previousTab", "output", { tab: "output" });
-            addHint("app.tasks.nextTab", "details", { tab: "info" });
-        }
-        if (task && isStoppable(task))
-            addHint("app.tasks.kill", "stop", { key: "app.tasks.kill" });
-        if (task && options.canDetach(task.id))
-            addHint("app.tasks.detachSelected", "background", { key: "app.tasks.detachSelected" });
-        addHint("app.tasks.help", "keys", { key: "app.tasks.help" });
-        // Feedback borrows the hint row, so the hint hit targets stay live and the click that
-        // dismisses it can act in the same gesture.
-        if (options.feedback)
-            footer = options.feedback;
+        result.lines = ["Tasks", message, close].slice(0, height).map((line) => fitCell(line, width));
+        while (result.lines.length < height)
+            result.lines.push(" ".repeat(width));
     }
-    result.lines = [...panels, theme.fg(mode.kind === "confirmStop" ? "warning" : "dim", pad(footer, width))];
     return result;
 }
-/** Controls grouped by purpose; actions sharing a key, such as list and inspector paging, share a row. */
-function helpLines(help, hint, theme, width, height) {
-    const keys = (...bindings) => [...new Set(bindings.map(hint).filter(Boolean))].join(" / ");
-    const listPage = keys("tui.select.pageUp", "tui.select.pageDown");
-    const inspectorPage = keys("tui.editor.pageUp", "tui.editor.pageDown");
-    const paging = listPage === inspectorPage
-        ? [[listPage, "Page the list or inspector"]]
-        : [
-            [listPage, "Page the list"],
-            [inspectorPage, "Page the inspector"],
-        ];
-    const sections = [
-        [
-            "Navigate",
-            [
-                [keys("tui.select.up", "tui.select.down"), "Select a task, or scroll the inspector"],
-                ...paging,
-                [keys("app.tasks.top", "app.tasks.bottom"), "Top or bottom"],
-                [hint("tui.select.confirm"), "Open the selected task"],
-                [keys("app.tasks.nextFocus", "app.tasks.previousFocus"), "Switch between list and inspector"],
-            ],
-        ],
-        [
-            "View",
-            [
-                [keys("app.tasks.previousTab", "app.tasks.nextTab"), "Output or Details, in the inspector"],
-                [hint("app.tasks.follow"), "Follow the latest output, or load the final output"],
-                [hint("app.tasks.search"), "Find a task; Enter locates it, Esc restores the selection"],
-            ],
-        ],
-        [
-            "Act",
-            [
-                [hint("app.tasks.kill"), `Stop the selected task; ${hint("app.tasks.confirmStop")} confirms`],
-                [hint("app.tasks.detachSelected"), "Move the selected foreground task to the background"],
-                [hint("app.tasks.detach"), "Move every foreground execution to the background"],
-                [hint("tui.select.cancel"), "Close search, help or confirmation; otherwise the panel"],
-            ],
-        ],
-    ];
-    const keyWidth = Math.max(...sections.flatMap(([, rows]) => rows.map(([key]) => visibleWidth(key)))) + 2;
-    const rows = sections.flatMap(([title, entries], index) => [
-        ...(index ? [""] : []),
-        theme.fg("accent", title),
-        ...entries.map(([key, label]) => `  ${key}${" ".repeat(keyWidth - visibleWidth(key))}${label}`),
-    ]);
-    const body = [theme.fg("text", "Task controls"), ...help.layout(rows, width - 2, height - 5), ""];
-    while (body.length < height - 3)
-        body.push("");
-    return body;
-}
 //# sourceMappingURL=layout.js.map