@pentoshi/clai 2.0.62 → 3.5.1

package/dist/tui-v2/components/picker/picker.js

@@ -0,0 +1,222 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+/** @jsxImportSource @opentui/react */
+/**
+ * Searchable picker (models, providers, history, …).
+ *
+ * Quiet chrome: muted header boundary, soft zebra rows (no neon per-row rules).
+ * Provider rows show the configured model in green (classic parity).
+ */
+import { useEffect, useMemo, useState } from "react";
+import { useKeyboard, useTerminalDimensions } from "@opentui/react";
+import { chordFromKeyEvent } from "../../actions/chord-from-key.js";
+import { activeIndex, filterPickerOptions, } from "../../rendering/picker-filter.js";
+/** Hide native scrollbar so the list edge stays clean. */
+const HIDDEN_SCROLLBARS = {
+    visible: false,
+    showArrows: false,
+};
+function isPrintableFilterChar(key) {
+    if (key.ctrl || key.meta || key.option || key.super)
+        return false;
+    const seq = key.sequence;
+    if (!seq || seq.length !== 1)
+        return false;
+    if (seq === "\x1b" || seq < " ")
+        return false;
+    if ([
+        "return",
+        "enter",
+        "escape",
+        "tab",
+        "backspace",
+        "delete",
+        "up",
+        "down",
+        "left",
+        "right",
+        "home",
+        "end",
+        "pageup",
+        "pagedown",
+    ].includes(key.name)) {
+        return false;
+    }
+    return true;
+}
+function pad(text, width) {
+    if (width <= 0)
+        return text;
+    if (text.length >= width)
+        return text.slice(0, Math.max(1, width - 1)) + "…";
+    return text + " ".repeat(width - text.length);
+}
+export function Picker(props) {
+    const { services, theme, request } = props;
+    const { width: termWidth, height: termHeight } = useTerminalDimensions();
+    const [query, setQuery] = useState("");
+    const [hovered, setHovered] = useState(undefined);
+    const [cursor, setCursor] = useState(() => activeIndex(request.options));
+    const [paintTick, setPaintTick] = useState(0);
+    useEffect(() => {
+        const id = setTimeout(() => setPaintTick(1), 0);
+        return () => clearTimeout(id);
+    }, []);
+    const isHistory = Boolean(request.historyStyle);
+    const filtered = useMemo(() => filterPickerOptions(request.options, query, {
+        searchDescription: request.searchDescription ?? isHistory,
+    }), [request.options, query, request.searchDescription, isHistory]);
+    useEffect(() => {
+        const next = activeIndex(filtered);
+        setCursor(next >= 0 ? next : 0);
+        setHovered(undefined);
+    }, [filtered]);
+    const selected = Math.min(hovered ?? cursor, Math.max(0, filtered.length - 1));
+    function accept() {
+        const option = filtered[selected];
+        if (option)
+            services.overlay.selectPicker(option.value);
+    }
+    useKeyboard((key) => {
+        if (key.eventType === "release")
+            return;
+        const chord = chordFromKeyEvent(key);
+        if (chord === "up") {
+            key.preventDefault();
+            setHovered(undefined);
+            setCursor((i) => filtered.length === 0 ? 0 : (i - 1 + filtered.length) % filtered.length);
+            return;
+        }
+        if (chord === "down") {
+            key.preventDefault();
+            setHovered(undefined);
+            setCursor((i) => (filtered.length === 0 ? 0 : (i + 1) % filtered.length));
+            return;
+        }
+        if (chord === "enter") {
+            key.preventDefault();
+            accept();
+            return;
+        }
+        if (chord === "escape") {
+            key.preventDefault();
+            services.overlay.close();
+            return;
+        }
+        if (chord === "backspace" || key.name === "delete") {
+            key.preventDefault();
+            setQuery((q) => q.slice(0, -1));
+            return;
+        }
+        if (chord === "ctrl+u") {
+            key.preventDefault();
+            setQuery("");
+            return;
+        }
+        if (isPrintableFilterChar(key)) {
+            key.preventDefault();
+            setQuery((q) => q + key.sequence);
+        }
+    });
+    const boxWidth = Math.min(Math.max(isHistory ? 56 : 48, Math.floor(termWidth * (isHistory ? 0.88 : 0.82))), termWidth - 2);
+    const boxHeight = Math.min(request.twoLine || isHistory
+        ? Math.floor(termHeight * 0.78)
+        : Math.floor(termHeight * 0.62), termHeight - 2);
+    const innerW = Math.max(24, boxWidth - 4);
+    const titleText = pad(isHistory
+        ? `  History  ·  ${request.options.length} sessions`
+        : `  ${request.title}`, innerW);
+    const filterText = pad(query.length > 0
+        ? `  ⌕ ${query}█  ·  ${filtered.length}/${request.options.length}`
+        : `  ⌕ type:filter  ·  ${filtered.length}/${request.options.length}`, innerW);
+    const hintText = pad(isHistory
+        ? "  ↑↓:move  ·  type:filter  ·  ⌫:edit  ·  ^u:clear  ·  enter:open  ·  esc:close  ·  click:select"
+        : "  ↑↓:select  ·  type:filter  ·  ⌫:edit  ·  ^u:clear  ·  enter:confirm  ·  esc:close", innerW);
+    void paintTick;
+    return (_jsxs("box", { style: {
+            flexDirection: "column",
+            width: boxWidth,
+            height: boxHeight,
+            border: true,
+            borderStyle: "rounded",
+            borderColor: isHistory ? theme.accent : theme.modalBorder,
+            backgroundColor: theme.statusBackground,
+        }, children: [_jsxs("box", { style: {
+                    flexDirection: "column",
+                    width: "100%",
+                    height: 4,
+                    flexShrink: 0,
+                    flexGrow: 0,
+                }, children: [_jsx("text", { selectable: false, content: titleText, style: {
+                            fg: theme.white,
+                            bg: isHistory ? theme.chipIndigo : theme.magenta,
+                            height: 1,
+                        } }), _jsx("text", { selectable: false, content: filterText, style: {
+                            fg: query.length > 0 ? theme.white : theme.cyan,
+                            bg: theme.rowA,
+                            height: 1,
+                        } }, `filter:${query.length}:${filtered.length}:${paintTick}`), _jsx("text", { selectable: false, content: hintText, style: { fg: theme.muted, bg: theme.rowB, height: 1 } }, `hint:${paintTick}`), _jsx("text", { selectable: false, content: pad("─".repeat(Math.max(8, innerW)), innerW), style: { fg: theme.chip, bg: theme.statusBackground, height: 1 } })] }), filtered.length === 0 ? (_jsx("text", { selectable: false, content: pad("  no matches  ·  ^u:clear", innerW), style: { fg: theme.mode, bg: theme.background, height: 1, flexShrink: 0 } })) : null, _jsx("scrollbox", { viewportCulling: true, scrollY: true, scrollX: false, scrollbarOptions: HIDDEN_SCROLLBARS, verticalScrollbarOptions: HIDDEN_SCROLLBARS, horizontalScrollbarOptions: HIDDEN_SCROLLBARS, style: {
+                    flexGrow: 1,
+                    flexShrink: 1,
+                    width: "100%",
+                    backgroundColor: theme.background,
+                }, children: filtered.map((option, index) => (_jsx(PickerRow, { option: option, focused: index === selected, twoLine: Boolean(request.twoLine) || isHistory, historyStyle: isHistory, theme: theme, width: innerW, stripe: index % 2 === 1, onHover: () => setHovered(index), onSelect: () => services.overlay.selectPicker(option.value) }, option.value))) })] }));
+}
+function PickerRow(props) {
+    const { option, focused, twoLine, historyStyle, theme, width, stripe, onHover, onSelect, } = props;
+    // Soft zebra only — no cyan rules between rows.
+    const idleBg = stripe ? theme.rowB : theme.background;
+    const bg = focused
+        ? theme.selection
+        : option.active
+            ? theme.rowA
+            : idleBg;
+    const mark = focused ? "❯ " : "  ";
+    if (historyStyle || twoLine) {
+        const badge = option.active ? "● " : focused ? "▸ " : "  ";
+        const activeTag = option.active ? "  ·  current" : "";
+        const line1 = pad(`${mark}${badge}${option.label}${activeTag}`, width);
+        const line2 = pad(option.description ? `      ${option.description}` : " ", width);
+        return (_jsxs("box", { style: {
+                flexDirection: "column",
+                width: "100%",
+                height: 2,
+                flexShrink: 0,
+                backgroundColor: bg,
+            }, onMouseOver: onHover, onMouseDown: (event) => {
+                event.preventDefault();
+                event.stopPropagation();
+                onSelect();
+            }, children: [_jsx("text", { selectable: false, content: line1, style: {
+                        fg: focused || option.active ? theme.white : theme.foreground,
+                        bg,
+                        height: 1,
+                    } }), _jsx("text", { selectable: false, content: line2, style: {
+                        fg: focused ? theme.cyan : theme.muted,
+                        bg,
+                        height: 1,
+                    } })] }));
+    }
+    // Single-line: label + optional "active" + description (model) in green.
+    // Classic: `groq openai/gpt-oss-20b` with model in response green.
+    const labelFg = focused || option.active ? theme.white : theme.foreground;
+    const activeFg = focused ? theme.white : theme.cyan;
+    const modelFg = focused ? theme.white : theme.response;
+    const trailing = Math.max(0, width -
+        mark.length -
+        option.label.length -
+        (option.active ? " active".length : 0) -
+        (option.description ? 1 + option.description.length : 0));
+    const padRight = " ".repeat(trailing);
+    return (_jsxs("box", { style: {
+            width: "100%",
+            height: 1,
+            flexShrink: 0,
+            backgroundColor: bg,
+            flexDirection: "row",
+        }, onMouseOver: onHover, onMouseDown: (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            onSelect();
+        }, children: [_jsxs("text", { selectable: false, style: { fg: labelFg, bg }, children: [mark, option.label] }), option.active ? (_jsx("text", { selectable: false, style: { fg: activeFg, bg }, children: " active" })) : null, option.description ? (_jsx("text", { selectable: false, style: { fg: modelFg, bg }, children: ` ${option.description}` })) : null, trailing > 0 ? (_jsx("text", { selectable: false, content: padRight, style: { fg: bg, bg } })) : null] }));
+}
+//# sourceMappingURL=picker.js.map

package/dist/tui-v2/components/picker/picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"picker.js","sourceRoot":"","sources":["../../../../src/tui-v2/components/picker/picker.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAGpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EACL,WAAW,EACX,mBAAmB,GAEpB,MAAM,kCAAkC,CAAC;AAS1C,0DAA0D;AAC1D,MAAM,iBAAiB,GAAG;IACxB,OAAO,EAAE,KAAK;IACd,UAAU,EAAE,KAAK;CACT,CAAC;AAEX,SAAS,qBAAqB,CAAC,GAO9B;IACC,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,CAAC,MAAM,IAAI,GAAG,CAAC,KAAK;QAAE,OAAO,KAAK,CAAC;IAClE,MAAM,GAAG,GAAG,GAAG,CAAC,QAAQ,CAAC;IACzB,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IAC3C,IAAI,GAAG,KAAK,MAAM,IAAI,GAAG,GAAG,GAAG;QAAE,OAAO,KAAK,CAAC;IAC9C,IACE;QACE,QAAQ;QACR,OAAO;QACP,QAAQ;QACR,KAAK;QACL,WAAW;QACX,QAAQ;QACR,IAAI;QACJ,MAAM;QACN,MAAM;QACN,OAAO;QACP,MAAM;QACN,KAAK;QACL,QAAQ;QACR,UAAU;KACX,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EACpB,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,GAAG,CAAC,IAAY,EAAE,KAAa;IACtC,IAAI,KAAK,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAC5B,IAAI,IAAI,CAAC,MAAM,IAAI,KAAK;QAAE,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;IAC7E,OAAO,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC3C,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACzE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IACtE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IACzE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IAChC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CACH,mBAAmB,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,EAAE;QAC1C,iBAAiB,EAAE,OAAO,CAAC,iBAAiB,IAAI,SAAS;KAC1D,CAAC,EACJ,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAC/D,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;QACnC,SAAS,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAChC,UAAU,CAAC,SAAS,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,IAAI,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;IAE/E,SAAS,MAAM;QACb,MAAM,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAClC,IAAI,MAAM;YAAE,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1D,CAAC;IAED,WAAW,CAAC,CAAC,GAAG,EAAE,EAAE;QAClB,IAAI,GAAG,CAAC,SAAS,KAAK,SAAS;YAAE,OAAO;QACxC,MAAM,KAAK,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC;QAErC,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YACnB,GAAG,CAAC,cAAc,EAAE,CAAC;YACrB,UAAU,CAAC,SAAS,CAAC,CAAC;YACtB,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CACd,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC,MAAM,CACxE,CAAC;YACF,OAAO;QACT,CAAC;QACD,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;YACrB,GAAG,CAAC,cAAc,EAAE,CAAC;YACrB,UAAU,CAAC,SAAS,CAAC,CAAC;YACtB,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;YAC1E,OAAO;QACT,CAAC;QACD,IAAI,KAAK,KAAK,OAAO,EAAE,CAAC;YACtB,GAAG,CAAC,cAAc,EAAE,CAAC;YACrB,MAAM,EAAE,CAAC;YACT,OAAO;QACT,CAAC;QACD,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;YACvB,GAAG,CAAC,cAAc,EAAE,CAAC;YACrB,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QACD,IAAI,KAAK,KAAK,WAAW,IAAI,GAAG,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACnD,GAAG,CAAC,cAAc,EAAE,CAAC;YACrB,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YAChC,OAAO;QACT,CAAC;QACD,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;YACvB,GAAG,CAAC,cAAc,EAAE,CAAC;YACrB,QAAQ,CAAC,EAAE,CAAC,CAAC;YACb,OAAO;QACT,CAAC;QACD,IAAI,qBAAqB,CAAC,GAAG,CAAC,EAAE,CAAC;YAC/B,GAAG,CAAC,cAAc,EAAE,CAAC;YACrB,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,QAAQ,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CACvB,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAChF,SAAS,GAAG,CAAC,CACd,CAAC;IACF,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CACxB,OAAO,CAAC,OAAO,IAAI,SAAS;QAC1B,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;QAC/B,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,EACjC,UAAU,GAAG,CAAC,CACf,CAAC;IACF,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,GAAG,CAAC,CAAC,CAAC;IAE1C,MAAM,SAAS,GAAG,GAAG,CACnB,SAAS;QACP,CAAC,CAAC,iBAAiB,OAAO,CAAC,OAAO,CAAC,MAAM,WAAW;QACpD,CAAC,CAAC,KAAK,OAAO,CAAC,KAAK,EAAE,EACxB,MAAM,CACP,CAAC;IACF,MAAM,UAAU,GAAG,GAAG,CACpB,KAAK,CAAC,MAAM,GAAG,CAAC;QACd,CAAC,CAAC,OAAO,KAAK,SAAS,QAAQ,CAAC,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,MAAM,EAAE;QAClE,CAAC,CAAC,uBAAuB,QAAQ,CAAC,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,MAAM,EAAE,EACtE,MAAM,CACP,CAAC;IACF,MAAM,QAAQ,GAAG,GAAG,CAClB,SAAS;QACP,CAAC,CAAC,iGAAiG;QACnG,CAAC,CAAC,qFAAqF,EACzF,MAAM,CACP,CAAC;IAEF,KAAK,SAAS,CAAC;IAEf,OAAO,CACL,eACE,KAAK,EAAE;YACL,aAAa,EAAE,QAAQ;YACvB,KAAK,EAAE,QAAQ;YACf,MAAM,EAAE,SAAS;YACjB,MAAM,EAAE,IAAI;YACZ,WAAW,EAAE,SAAS;YACtB,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW;YACzD,eAAe,EAAE,KAAK,CAAC,gBAAgB;SACxC,aAGD,eACE,KAAK,EAAE;oBACL,aAAa,EAAE,QAAQ;oBACvB,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,CAAC;oBACT,UAAU,EAAE,CAAC;oBACb,QAAQ,EAAE,CAAC;iBACZ,aAED,eACE,UAAU,EAAE,KAAK,EACjB,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE;4BACL,EAAE,EAAE,KAAK,CAAC,KAAK;4BACf,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO;4BAChD,MAAM,EAAE,CAAC;yBACV,GACD,EACF,eACE,UAAU,EAAE,KAAK,EAEjB,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE;4BACL,EAAE,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI;4BAC/C,EAAE,EAAE,KAAK,CAAC,IAAI;4BACd,MAAM,EAAE,CAAC;yBACV,IANI,UAAU,KAAK,CAAC,MAAM,IAAI,QAAQ,CAAC,MAAM,IAAI,SAAS,EAAE,CAO7D,EACF,eACE,UAAU,EAAE,KAAK,EAEjB,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,IAFhD,QAAQ,SAAS,EAAE,CAGxB,EAEF,eACE,UAAU,EAAE,KAAK,EACjB,OAAO,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,EACrD,KAAK,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,gBAAgB,EAAE,MAAM,EAAE,CAAC,EAAE,GAChE,IACE,EAEL,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACvB,eACE,UAAU,EAAE,KAAK,EACjB,OAAO,EAAE,GAAG,CAAC,2BAA2B,EAAE,MAAM,CAAC,EACjD,KAAK,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,GACzE,CACH,CAAC,CAAC,CAAC,IAAI,EAER,oBACE,eAAe,QACf,OAAO,QACP,OAAO,EAAE,KAAK,EACd,gBAAgB,EAAE,iBAAiB,EACnC,wBAAwB,EAAE,iBAAiB,EAC3C,0BAA0B,EAAE,iBAAiB,EAC7C,KAAK,EAAE;oBACL,QAAQ,EAAE,CAAC;oBACX,UAAU,EAAE,CAAC;oBACb,KAAK,EAAE,MAAM;oBACb,eAAe,EAAE,KAAK,CAAC,UAAU;iBAClC,YAEA,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,KAAC,SAAS,IAER,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,KAAK,KAAK,QAAQ,EAC3B,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,SAAS,EAC9C,YAAY,EAAE,SAAS,EACvB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,KAAK,GAAG,CAAC,KAAK,CAAC,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAChC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,IATtD,MAAM,CAAC,KAAK,CAUjB,CACH,CAAC,GACQ,IACR,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,KAUlB;IACC,MAAM,EACJ,MAAM,EACN,OAAO,EACP,OAAO,EACP,YAAY,EACZ,KAAK,EACL,KAAK,EACL,MAAM,EACN,OAAO,EACP,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,gDAAgD;IAChD,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC;IACtD,MAAM,EAAE,GAAG,OAAO;QAChB,CAAC,CAAC,KAAK,CAAC,SAAS;QACjB,CAAC,CAAC,MAAM,CAAC,MAAM;YACb,CAAC,CAAC,KAAK,CAAC,IAAI;YACZ,CAAC,CAAC,MAAM,CAAC;IACb,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAEnC,IAAI,YAAY,IAAI,OAAO,EAAE,CAAC;QAC5B,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;QAC3D,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;QACtD,MAAM,KAAK,GAAG,GAAG,CAAC,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC,KAAK,GAAG,SAAS,EAAE,EAAE,KAAK,CAAC,CAAC;QACvE,MAAM,KAAK,GAAG,GAAG,CACf,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,GAAG,EACxD,KAAK,CACN,CAAC;QACF,OAAO,CACL,eACE,KAAK,EAAE;gBACL,aAAa,EAAE,QAAQ;gBACvB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,CAAC;gBACT,UAAU,EAAE,CAAC;gBACb,eAAe,EAAE,EAAE;aACpB,EACD,WAAW,EAAE,OAAO,EACpB,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;gBACrB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,QAAQ,EAAE,CAAC;YACb,CAAC,aAED,eACE,UAAU,EAAE,KAAK,EACjB,OAAO,EAAE,KAAK,EACd,KAAK,EAAE;wBACL,EAAE,EAAE,OAAO,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU;wBAC7D,EAAE;wBACF,MAAM,EAAE,CAAC;qBACV,GACD,EACF,eACE,UAAU,EAAE,KAAK,EACjB,OAAO,EAAE,KAAK,EACd,KAAK,EAAE;wBACL,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK;wBACtC,EAAE;wBACF,MAAM,EAAE,CAAC;qBACV,GACD,IACE,CACP,CAAC;IACJ,CAAC;IAED,yEAAyE;IACzE,mEAAmE;IACnE,MAAM,OAAO,GAAG,OAAO,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC;IAC1E,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;IACpD,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;IACvD,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CACvB,CAAC,EACD,KAAK;QACH,IAAI,CAAC,MAAM;QACX,MAAM,CAAC,KAAK,CAAC,MAAM;QACnB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACtC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAC3D,CAAC;IACF,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAEtC,OAAO,CACL,eACE,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,CAAC;YACT,UAAU,EAAE,CAAC;YACb,eAAe,EAAE,EAAE;YACnB,aAAa,EAAE,KAAK;SACrB,EACD,WAAW,EAAE,OAAO,EACpB,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;YACrB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,QAAQ,EAAE,CAAC;QACb,CAAC,aAED,gBAAM,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,aAChD,IAAI,EACJ,MAAM,CAAC,KAAK,IACR,EACN,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CACf,eAAM,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,YACjD,SAAS,GACL,CACR,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CACpB,eAAM,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,YAChD,IAAI,MAAM,CAAC,WAAW,EAAE,GACpB,CACR,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CACd,eAAM,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAI,CACtE,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/tui-v2/components/plan/plan-view.d.ts

@@ -0,0 +1,20 @@
+/** @jsxImportSource @opentui/react */
+/**
+ * Plan side pane — compact goal + status + scrollable tasks.
+ *
+ * - No "PLAN" header (border title already says Plan)
+ * - One progress line only (no bar + "completed · 8/8" duplication)
+ * - Full text wrap for goal, titles, and notes — never "…" truncation
+ * - Hidden scrollbar; wheel still scrolls the list
+ */
+import { type ReactNode } from "react";
+import type { SessionPlan } from "../../../store/plan.js";
+import type { Theme } from "../../rendering/theme.js";
+import type { AppServices } from "../../bootstrap/composition-root.js";
+export interface PlanViewProps {
+    readonly theme: Theme;
+    readonly plan: SessionPlan | undefined;
+    readonly services: AppServices;
+    readonly width?: number | undefined;
+}
+export declare function PlanView(props: PlanViewProps): ReactNode;

package/dist/tui-v2/components/plan/plan-view.js

@@ -0,0 +1,120 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+/** @jsxImportSource @opentui/react */
+/**
+ * Plan side pane — compact goal + status + scrollable tasks.
+ *
+ * - No "PLAN" header (border title already says Plan)
+ * - One progress line only (no bar + "completed · 8/8" duplication)
+ * - Full text wrap for goal, titles, and notes — never "…" truncation
+ * - Hidden scrollbar; wheel still scrolls the list
+ */
+import { useEffect, useRef } from "react";
+import { activeTaskId, progressView, planStatusColor, STATUS_LABEL, TASK_GLYPH, taskStateColor, wrapPlanText, } from "../../rendering/plan-view.js";
+import { discardPlan, implementPlan } from "../../app/plan-lifecycle.js";
+function tokenFg(theme, token) {
+    return theme[token];
+}
+export function PlanView(props) {
+    const { theme, plan, services, width: widthProp } = props;
+    const scrollRef = useRef(null);
+    const activeId = plan ? activeTaskId(plan) : undefined;
+    const innerW = Math.max(14, (widthProp ?? 36) - 4);
+    useEffect(() => {
+        if (activeId) {
+            scrollRef.current?.scrollChildIntoView(`plan-task-${activeId}`);
+        }
+    }, [activeId, plan?.tasks.length, plan?.updatedAt]);
+    function trapWheel(event) {
+        if (!event.scroll)
+            return;
+        event.stopPropagation();
+        services.focus.focusRegion("plan");
+    }
+    if (!plan) {
+        return (_jsx("box", { style: {
+                flexDirection: "column",
+                flexGrow: 1,
+                width: "100%",
+                height: "100%",
+                justifyContent: "center",
+                alignItems: "center",
+                backgroundColor: theme.statusBackground,
+            }, onMouseScroll: trapWheel, onMouseDown: () => services.focus.focusRegion("plan"), children: _jsxs("box", { style: {
+                    flexDirection: "column",
+                    alignItems: "center",
+                    flexShrink: 0,
+                    paddingLeft: 1,
+                    paddingRight: 1,
+                }, children: [_jsx("text", { content: "No plan yet", style: { fg: theme.muted, height: 1 } }), _jsx("text", { content: " ", style: { height: 1 } }), _jsx("text", { content: "Plan a multi-step task,", style: { fg: theme.muted, height: 1 } }), _jsx("text", { content: "then /implement.", style: { fg: theme.muted, height: 1 } }), _jsx("text", { content: " ", style: { height: 1 } }), _jsx("text", { content: "Ctrl+P \u00B7 full detail", style: { fg: theme.cyan, height: 1 } })] }) }));
+    }
+    const progress = progressView(plan);
+    const statusFg = tokenFg(theme, planStatusColor(plan.status));
+    const goalLines = wrapPlanText(plan.goal, innerW);
+    // One line only: "completed · 8/8 complete" → just status + count once
+    const metaLine = `${STATUS_LABEL[plan.status]}  ·  ${progress.label}`;
+    return (_jsxs("box", { style: {
+            flexDirection: "column",
+            flexGrow: 1,
+            width: "100%",
+            height: "100%",
+            backgroundColor: theme.statusBackground,
+        }, onMouseScroll: trapWheel, onMouseDown: () => services.focus.focusRegion("plan"), children: [_jsxs("box", { style: {
+                    flexDirection: "column",
+                    width: "100%",
+                    flexShrink: 0,
+                    paddingLeft: 1,
+                    paddingRight: 1,
+                    paddingTop: 1,
+                    backgroundColor: theme.statusBackground,
+                }, children: [goalLines.map((line, i) => (_jsx("text", { content: line, style: { fg: theme.foreground, height: 1 } }, `g-${i}`))), _jsx("text", { content: " ", style: { height: 1 } }), _jsx("text", { content: metaLine, style: { fg: statusFg, height: 1 } }), plan.status === "draft" ? (_jsxs("box", { style: {
+                            flexDirection: "row",
+                            width: "100%",
+                            height: 1,
+                            marginTop: 1,
+                            flexShrink: 0,
+                        }, children: [_jsx("box", { onMouseDown: () => void implementPlan(services), children: _jsx("text", { content: "[Implement]", style: { fg: theme.success, height: 1 } }) }), _jsx("text", { content: "  ", style: { height: 1 } }), _jsx("box", { onMouseDown: () => void discardPlan(services), children: _jsx("text", { content: "[Discard]", style: { fg: theme.muted, height: 1 } }) })] })) : null, _jsx("text", { content: "─".repeat(Math.max(8, innerW)), style: { fg: theme.border, height: 1, marginTop: 1 } })] }), _jsxs("scrollbox", { ref: scrollRef, stickyScroll: false, viewportCulling: true, scrollY: true, scrollX: false, scrollbarOptions: { visible: false, showArrows: false }, onMouseScroll: trapWheel, style: {
+                    flexGrow: 1,
+                    flexShrink: 1,
+                    width: "100%",
+                    minHeight: 4,
+                    backgroundColor: theme.statusBackground,
+                    paddingLeft: 1,
+                    paddingRight: 1,
+                }, children: [plan.tasks.map((task, index) => (_jsx(TaskRow, { task: task, theme: theme, width: innerW, active: task.id === activeId, stripe: index % 2 === 1, showDivider: index < plan.tasks.length - 1 }, task.id))), _jsx("text", { content: " ", style: { height: 1 } })] })] }));
+}
+function TaskRow(props) {
+    const { task, theme, width, active, stripe, showDivider } = props;
+    const state = task.state;
+    const color = tokenFg(theme, taskStateColor(state));
+    const bg = active
+        ? theme.rowA
+        : stripe
+            ? theme.rowB
+            : theme.statusBackground;
+    const glyph = TASK_GLYPH[state] ?? "○";
+    // Wrap full title + note — never ellipsize (matches pager / Ctrl+P).
+    const bodyWidth = Math.max(8, width - 4);
+    const titleLines = wrapPlanText(task.title, bodyWidth);
+    const noteLines = task.note?.trim()
+        ? wrapPlanText(task.note.trim(), bodyWidth)
+        : [];
+    const first = `${glyph}  ${titleLines[0] ?? ""}`;
+    const rule = "─".repeat(Math.max(8, width));
+    return (_jsxs("box", { id: `plan-task-${task.id}`, style: {
+            flexDirection: "column",
+            width: "100%",
+            flexShrink: 0,
+        }, children: [_jsxs("box", { style: {
+                    flexDirection: "column",
+                    width: "100%",
+                    flexShrink: 0,
+                    backgroundColor: bg,
+                    paddingTop: 0,
+                    paddingBottom: 0,
+                }, children: [_jsx("text", { content: first, style: { fg: color, bg, height: 1 } }), titleLines.slice(1).map((line, i) => (_jsx("text", { content: `   ${line}`, style: { fg: color, bg, height: 1 } }, `t-${task.id}-${i}`))), noteLines.map((line, i) => (_jsx("text", { content: `   ${line}`, style: { fg: theme.muted, bg, height: 1 } }, `n-${task.id}-${i}`)))] }), showDivider ? (_jsx("text", { content: rule, style: {
+                    fg: theme.border,
+                    bg: theme.statusBackground,
+                    height: 1,
+                } })) : null] }));
+}
+//# sourceMappingURL=plan-view.js.map

package/dist/tui-v2/components/plan/plan-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plan-view.js","sourceRoot":"","sources":["../../../../src/tui-v2/components/plan/plan-view.tsx"],"names":[],"mappings":"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"}

package/dist/tui-v2/components/queue/queue-panel.d.ts

@@ -0,0 +1,23 @@
+/** @jsxImportSource @opentui/react */
+/**
+ * Queued prompts while a turn is running (or waiting to drain).
+ *
+ * Each row is clickable:
+ *  - Send now → interrupt current turn and run this prompt next
+ *  - Edit → pull the draft back into the composer
+ *  - × → drop from the queue
+ *
+ * If left alone, items run in order after the current turn finishes
+ * (SessionController.continueQueue).
+ */
+import type { ReactNode } from "react";
+import type { AppServices } from "../../bootstrap/composition-root.js";
+import type { Theme } from "../../rendering/theme.js";
+export interface QueuePanelProps {
+    readonly services: AppServices;
+    readonly theme: Theme;
+    readonly width: number;
+    /** Load a draft into the composer for editing. */
+    readonly onEdit: (text: string) => void;
+}
+export declare function QueuePanel(props: QueuePanelProps): ReactNode;

package/dist/tui-v2/components/queue/queue-panel.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { useSessionState } from "../../state/use-session-state.js";
+const MAX_VISIBLE = 4;
+function clip(text, max) {
+    const one = text.replace(/\s+/g, " ").trim();
+    if (max <= 1)
+        return "…";
+    if (one.length <= max)
+        return one;
+    return `${one.slice(0, Math.max(1, max - 1))}…`;
+}
+export function QueuePanel(props) {
+    const { services, theme, width, onEdit } = props;
+    const session = useSessionState(services.session);
+    const queued = session.queued;
+    if (queued.length === 0)
+        return null;
+    const contentWidth = Math.max(24, width - 2);
+    const visible = queued.slice(0, MAX_VISIBLE);
+    const hidden = queued.length - visible.length;
+    // Header + rows + optional "N more" + borders.
+    const height = 2 + // borders
+        1 + // header
+        visible.length +
+        (hidden > 0 ? 1 : 0);
+    return (_jsxs("box", { border: true, borderStyle: "rounded", title: " queued ", titleAlignment: "left", style: {
+            width: "100%",
+            height,
+            flexShrink: 0,
+            borderColor: theme.queued,
+            backgroundColor: theme.statusBackground,
+            flexDirection: "column",
+        }, children: [_jsx("text", { content: pad(session.running
+                    ? `  ${queued.length} waiting · send after current turn · click Send now to interrupt`
+                    : `  ${queued.length} waiting · will send next`, contentWidth), style: { fg: theme.muted, bg: theme.statusBackground } }), visible.map((text, index) => (_jsx(QueueRow, { index: index, text: text, width: contentWidth, theme: theme, onSendNow: () => services.session.sendQueuedNow(index), onEdit: () => {
+                    const draft = services.session.takeQueued(index);
+                    if (draft !== undefined)
+                        onEdit(draft);
+                }, onRemove: () => services.session.removeQueued(index) }, `${index}:${text.slice(0, 24)}`))), hidden > 0 ? (_jsx("text", { content: pad(`  ··· ${hidden} more in queue`, contentWidth), style: { fg: theme.muted, bg: theme.statusBackground } })) : null] }));
+}
+function QueueRow(props) {
+    const { index, text, width, theme, onSendNow, onEdit, onRemove } = props;
+    // " N. " + buttons budget, rest for preview.
+    const prefix = ` ${index + 1}. `;
+    const actions = "  [Send now] [Edit] [×]";
+    const previewBudget = Math.max(8, width - prefix.length - actions.length);
+    const preview = clip(text, previewBudget);
+    const bg = index % 2 === 0 ? theme.rowA : theme.rowB;
+    return (_jsxs("box", { style: { flexDirection: "row", width: "100%", backgroundColor: bg }, children: [_jsx("text", { content: `${prefix}${preview}`, style: { fg: theme.foreground, bg, flexGrow: 1 } }), _jsxs("box", { style: { flexDirection: "row", flexShrink: 0, backgroundColor: bg }, children: [_jsx("box", { onMouseDown: onSendNow, children: _jsx("text", { content: "[Send now]", style: { fg: theme.accent, bg } }) }), _jsx("text", { content: " ", style: { bg } }), _jsx("box", { onMouseDown: onEdit, children: _jsx("text", { content: "[Edit]", style: { fg: theme.mode, bg } }) }), _jsx("text", { content: " ", style: { bg } }), _jsx("box", { onMouseDown: onRemove, children: _jsx("text", { content: "[\u00D7]", style: { fg: theme.muted, bg } }) }), _jsx("text", { content: " ", style: { bg } })] })] }));
+}
+function pad(text, width) {
+    if (width <= 0)
+        return text;
+    if (text.length >= width)
+        return text.slice(0, width);
+    return text + " ".repeat(width - text.length);
+}
+//# sourceMappingURL=queue-panel.js.map

package/dist/tui-v2/components/queue/queue-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queue-panel.js","sourceRoot":"","sources":["../../../../src/tui-v2/components/queue/queue-panel.tsx"],"names":[],"mappings":"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"}

package/dist/tui-v2/components/status/status-line.d.ts

@@ -0,0 +1,27 @@
+/** @jsxImportSource @opentui/react */
+/**
+ * Chrome under the composer.
+ *
+ * Idle: centered clickable chips (`/:commands`, Ctrl+T/O/H) with hover feedback.
+ * Running: spinner + activity · Esc:cancel.
+ * Scroll remainder badges (`▲ N` / `▼ N`) sit on the far right.
+ */
+import { type ReactNode } from "react";
+import type { SessionController } from "../../../app/controllers/session-controller.js";
+import type { Theme } from "../../rendering/theme.js";
+export interface StatusLineProps {
+    readonly session: SessionController;
+    readonly theme: Theme;
+    readonly activity: string | undefined;
+    readonly width: number;
+    readonly planVisible: boolean;
+    readonly thinkingExpanded?: boolean | undefined;
+    readonly outputExpanded?: boolean | undefined;
+    /** Click Ctrl+T chip → toggle thinking. */
+    readonly onToggleThinking?: (() => void) | undefined;
+    /** Click Ctrl+O chip → toggle tool/compacted output. */
+    readonly onToggleOutput?: (() => void) | undefined;
+    /** Click Ctrl+H chip → toggle plan pane. */
+    readonly onTogglePlan?: (() => void) | undefined;
+}
+export declare function StatusLine(props: StatusLineProps): ReactNode;