@akon-labs/nexus-cli 0.1.0

package/dist/modes/interactive/components/nexus-logo.js

@@ -0,0 +1,115 @@
+import { brandColorAt, diagonalFill, gradientText } from "../theme/brand.js";
+import { theme } from "../theme/theme.js";
+/** Giant ANSI-Shadow wordmark — the startup splash art. */
+const NEXUS_GIANT = [
+    "███╗   ██╗███████╗██╗  ██╗██╗   ██╗███████╗   ██████╗██╗     ██╗",
+    "████╗  ██║██╔════╝╚██╗██╔╝██║   ██║██╔════╝  ██╔════╝██║     ██║",
+    "██╔██╗ ██║█████╗   ╚███╔╝ ██║   ██║███████╗  ██║     ██║     ██║",
+    "██║╚██╗██║██╔══╝   ██╔██╗ ██║   ██║╚════██║  ██║     ██║     ██║",
+    "██║ ╚████║███████╗██╔╝ ██╗╚██████╔╝███████║  ╚██████╗███████╗██║",
+    "╚═╝  ╚═══╝╚══════╝╚═╝  ╚═╝ ╚═════╝ ╚══════╝   ╚═════╝╚══════╝╚═╝",
+];
+const LETTERS = [
+    // N
+    { rows: ["█▄   █", "█ ▀▄ █", "█   ▀█"] },
+    // E
+    { rows: ["█▀▀▀▀", "█▀▀▀ ", "█▄▄▄▄"], stretchCol: 2 },
+    // X
+    { rows: ["▀▄ ▄▀", "  █  ", "▄▀ ▀▄"] },
+    // U
+    { rows: ["█   █", "█   █", "▀▄▄▄▀"], stretchCol: 2 },
+    // S
+    { rows: ["▄▀▀▀▀", "▀▀▀▀▄", "▄▄▄▄▀"], stretchCol: 2 },
+];
+/** Compact 2-row mark (used by the side rail and narrow startup headers). */
+export const NEXUS_SMALL = ["█▄ █ █▀▀ ▀▄▀ █ █ █▀", "█ ▀█ ██▄ █ █ █▄█ ▄█"];
+const MIN_STRETCH = 4;
+const MAX_STRETCH = 9;
+/** Stretch choice is rolled once per process so terminal resizes don't jitter the logo. */
+let cachedStretch;
+function pickStretch() {
+    if (!cachedStretch) {
+        const stretchable = LETTERS.map((l, i) => (l.stretchCol !== undefined ? i : -1)).filter((i) => i >= 0);
+        const letter = stretchable[Math.floor(Math.random() * stretchable.length)];
+        const extra = MIN_STRETCH + Math.floor(Math.random() * (MAX_STRETCH - MIN_STRETCH + 1));
+        cachedStretch = { letter, extra };
+    }
+    return cachedStretch;
+}
+/** Test hook: force or clear the stretch choice. */
+export function setLogoStretchForTesting(stretch) {
+    cachedStretch = stretch;
+}
+function stretchedRows(letter, extra) {
+    if (letter.stretchCol === undefined || extra <= 0)
+        return [...letter.rows];
+    const col = letter.stretchCol;
+    return letter.rows.map((row) => {
+        const chars = [...row];
+        return [...chars.slice(0, col + 1), ...Array(extra).fill(chars[col]), ...chars.slice(col + 1)].join("");
+    });
+}
+/** The 3 wordmark rows (uncolored), with the per-process stretched letter. */
+function wordmarkRows() {
+    const { letter, extra } = pickStretch();
+    const rows = ["", "", ""];
+    LETTERS.forEach((l, i) => {
+        const letterRows = stretchedRows(l, i === letter ? extra : 0);
+        for (let r = 0; r < 3; r++)
+            rows[r] += (i > 0 ? " " : "") + letterRows[r];
+    });
+    return rows;
+}
+const LEFT_FIELD = 6;
+/**
+ * Render the startup logo for the given terminal width.
+ * Returns styled lines ready to print.
+ */
+export function renderLogo(terminalWidth, version) {
+    const width = Math.max(20, terminalWidth);
+    const giantWidth = [...NEXUS_GIANT[0]].length;
+    // Giant ANSI-Shadow splash with a vertical brand gradient.
+    if (width >= giantWidth + 4) {
+        const lines = [];
+        NEXUS_GIANT.forEach((row, i) => {
+            const color = brandColorAt(i / (NEXUS_GIANT.length - 1));
+            lines.push(` ${color}${row}\x1b[39m`);
+        });
+        return lines;
+    }
+    const word = wordmarkRows();
+    const wordWidth = [...word[0]].length;
+    const bigWidth = LEFT_FIELD + 1 + wordWidth + 2;
+    if (width >= bigWidth) {
+        const lines = [];
+        word.forEach((row, i) => {
+            const used = LEFT_FIELD + 1 + wordWidth + 1;
+            lines.push(`${diagonalFill(LEFT_FIELD)} ${gradientText(row)} ${diagonalFill(Math.max(0, width - used - 1 - i))}`);
+        });
+        return lines;
+    }
+    if (width >= 24) {
+        const version_ = version ? ` ${theme.fg("muted", `v${version}`)}` : "";
+        const fill = Math.max(0, width - [...NEXUS_SMALL[0]].length - 2);
+        return [`${gradientText(NEXUS_SMALL[0])} ${diagonalFill(fill)}`, `${gradientText(NEXUS_SMALL[1])}${version_}`];
+    }
+    return [theme.bold(gradientText("nexus")) + (version ? theme.fg("dim", ` v${version}`) : "")];
+}
+/**
+ * Width-aware logo component: rebuilds the band at the actual pane width on
+ * every render, so it never wraps regardless of mode (fullscreen transcript
+ * pane is narrower than the terminal) and re-colors on theme switches.
+ */
+export class LogoComponent {
+    version;
+    constructor(version) {
+        this.version = version;
+    }
+    invalidate() {
+        // Rebuilt per render.
+    }
+    render(width) {
+        return renderLogo(Math.max(20, width - 2), this.version).map((line) => ` ${line}`);
+    }
+}
+//# sourceMappingURL=nexus-logo.js.map

package/dist/modes/interactive/components/nexus-logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nexus-logo.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/nexus-logo.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Component } from \"@earendil-works/pi-tui\";\nimport { brandColorAt, diagonalFill, gradientText } from \"../theme/brand.ts\";\nimport { theme } from \"../theme/theme.ts\";\n\n/** Giant ANSI-Shadow wordmark — the startup splash art. */\nconst NEXUS_GIANT = [\n\t\"███╗   ██╗███████╗██╗  ██╗██╗   ██╗███████╗   ██████╗██╗     ██╗\",\n\t\"████╗  ██║██╔════╝╚██╗██╔╝██║   ██║██╔════╝  ██╔════╝██║     ██║\",\n\t\"██╔██╗ ██║█████╗   ╚███╔╝ ██║   ██║███████╗  ██║     ██║     ██║\",\n\t\"██║╚██╗██║██╔══╝   ██╔██╗ ██║   ██║╚════██║  ██║     ██║     ██║\",\n\t\"██║ ╚████║███████╗██╔╝ ██╗╚██████╔╝███████║  ╚██████╗███████╗██║\",\n\t\"╚═╝  ╚═══╝╚══════╝╚═╝  ╚═╝ ╚═════╝ ╚══════╝   ╚═════╝╚══════╝╚═╝\",\n];\n\n/**\n * NEXUS wordmark rendering (crush-style).\n *\n * Big variant: 3-row half-block letterforms with ░ intra-letter fill, brand\n * gradient per row, ╱ diagonal fields flanking the word, and one randomly\n * stretched letter per process (picked once so resizes don't re-roll it).\n * Falls back to the compact 2-row mark, then to plain gradient text, as the\n * terminal narrows.\n */\n\n/** 3-row half-block letterforms. `stretchCol` marks a column safe to repeat. */\ninterface Letterform {\n\trows: [string, string, string];\n\tstretchCol?: number;\n}\n\nconst LETTERS: Letterform[] = [\n\t// N\n\t{ rows: [\"█▄   █\", \"█ ▀▄ █\", \"█   ▀█\"] },\n\t// E\n\t{ rows: [\"█▀▀▀▀\", \"█▀▀▀ \", \"█▄▄▄▄\"], stretchCol: 2 },\n\t// X\n\t{ rows: [\"▀▄ ▄▀\", \"  █  \", \"▄▀ ▀▄\"] },\n\t// U\n\t{ rows: [\"█   █\", \"█   █\", \"▀▄▄▄▀\"], stretchCol: 2 },\n\t// S\n\t{ rows: [\"▄▀▀▀▀\", \"▀▀▀▀▄\", \"▄▄▄▄▀\"], stretchCol: 2 },\n];\n\n/** Compact 2-row mark (used by the side rail and narrow startup headers). */\nexport const NEXUS_SMALL = [\"█▄ █ █▀▀ ▀▄▀ █ █ █▀\", \"█ ▀█ ██▄ █ █ █▄█ ▄█\"];\n\nconst MIN_STRETCH = 4;\nconst MAX_STRETCH = 9;\n\n/** Stretch choice is rolled once per process so terminal resizes don't jitter the logo. */\nlet cachedStretch: { letter: number; extra: number } | undefined;\n\nfunction pickStretch(): { letter: number; extra: number } {\n\tif (!cachedStretch) {\n\t\tconst stretchable = LETTERS.map((l, i) => (l.stretchCol !== undefined ? i : -1)).filter((i) => i >= 0);\n\t\tconst letter = stretchable[Math.floor(Math.random() * stretchable.length)];\n\t\tconst extra = MIN_STRETCH + Math.floor(Math.random() * (MAX_STRETCH - MIN_STRETCH + 1));\n\t\tcachedStretch = { letter, extra };\n\t}\n\treturn cachedStretch;\n}\n\n/** Test hook: force or clear the stretch choice. */\nexport function setLogoStretchForTesting(stretch: { letter: number; extra: number } | undefined): void {\n\tcachedStretch = stretch;\n}\n\nfunction stretchedRows(letter: Letterform, extra: number): string[] {\n\tif (letter.stretchCol === undefined || extra <= 0) return [...letter.rows];\n\tconst col = letter.stretchCol;\n\treturn letter.rows.map((row) => {\n\t\tconst chars = [...row];\n\t\treturn [...chars.slice(0, col + 1), ...Array(extra).fill(chars[col]), ...chars.slice(col + 1)].join(\"\");\n\t});\n}\n\n/** The 3 wordmark rows (uncolored), with the per-process stretched letter. */\nfunction wordmarkRows(): string[] {\n\tconst { letter, extra } = pickStretch();\n\tconst rows = [\"\", \"\", \"\"];\n\tLETTERS.forEach((l, i) => {\n\t\tconst letterRows = stretchedRows(l, i === letter ? extra : 0);\n\t\tfor (let r = 0; r < 3; r++) rows[r] += (i > 0 ? \" \" : \"\") + letterRows[r];\n\t});\n\treturn rows;\n}\n\nconst LEFT_FIELD = 6;\n\n/**\n * Render the startup logo for the given terminal width.\n * Returns styled lines ready to print.\n */\nexport function renderLogo(terminalWidth: number, version?: string): string[] {\n\tconst width = Math.max(20, terminalWidth);\n\tconst giantWidth = [...NEXUS_GIANT[0]].length;\n\n\t// Giant ANSI-Shadow splash with a vertical brand gradient.\n\tif (width >= giantWidth + 4) {\n\t\tconst lines: string[] = [];\n\t\tNEXUS_GIANT.forEach((row, i) => {\n\t\t\tconst color = brandColorAt(i / (NEXUS_GIANT.length - 1));\n\t\t\tlines.push(` ${color}${row}\\x1b[39m`);\n\t\t});\n\t\treturn lines;\n\t}\n\n\tconst word = wordmarkRows();\n\tconst wordWidth = [...word[0]].length;\n\tconst bigWidth = LEFT_FIELD + 1 + wordWidth + 2;\n\n\tif (width >= bigWidth) {\n\t\tconst lines: string[] = [];\n\t\tword.forEach((row, i) => {\n\t\t\tconst used = LEFT_FIELD + 1 + wordWidth + 1;\n\t\t\tlines.push(\n\t\t\t\t`${diagonalFill(LEFT_FIELD)} ${gradientText(row)} ${diagonalFill(Math.max(0, width - used - 1 - i))}`,\n\t\t\t);\n\t\t});\n\t\treturn lines;\n\t}\n\n\tif (width >= 24) {\n\t\tconst version_ = version ? ` ${theme.fg(\"muted\", `v${version}`)}` : \"\";\n\t\tconst fill = Math.max(0, width - [...NEXUS_SMALL[0]].length - 2);\n\t\treturn [`${gradientText(NEXUS_SMALL[0])} ${diagonalFill(fill)}`, `${gradientText(NEXUS_SMALL[1])}${version_}`];\n\t}\n\n\treturn [theme.bold(gradientText(\"nexus\")) + (version ? theme.fg(\"dim\", ` v${version}`) : \"\")];\n}\n\n/**\n * Width-aware logo component: rebuilds the band at the actual pane width on\n * every render, so it never wraps regardless of mode (fullscreen transcript\n * pane is narrower than the terminal) and re-colors on theme switches.\n */\nexport class LogoComponent implements Component {\n\tprivate readonly version: string | undefined;\n\n\tconstructor(version?: string) {\n\t\tthis.version = version;\n\t}\n\n\tinvalidate(): void {\n\t\t// Rebuilt per render.\n\t}\n\n\trender(width: number): string[] {\n\t\treturn renderLogo(Math.max(20, width - 2), this.version).map((line) => ` ${line}`);\n\t}\n}\n"]}

package/dist/modes/interactive/components/oauth-selector.d.ts

@@ -0,0 +1,33 @@
+import type { ApiKeyAuth, AuthCheck, OAuthAuth } from "@earendil-works/pi-ai";
+import { Container, type Focusable } from "@earendil-works/pi-tui";
+export type AuthSelectorProvider = {
+    id: string;
+    name: string;
+    authType: "oauth" | "api_key";
+    method?: ApiKeyAuth | OAuthAuth;
+    status?: AuthCheck;
+};
+export declare function formatAuthSelectorProviderType(authType: AuthSelectorProvider["authType"]): string;
+/**
+ * Component that renders an auth provider selector
+ */
+export declare class OAuthSelectorComponent extends Container implements Focusable {
+    private searchInput;
+    private _focused;
+    get focused(): boolean;
+    set focused(value: boolean);
+    private listContainer;
+    private allProviders;
+    private filteredProviders;
+    private selectedIndex;
+    private mode;
+    private onSelectCallback;
+    private onCancelCallback;
+    private showAuthTypeLabels;
+    constructor(mode: "login" | "logout", providers: AuthSelectorProvider[], onSelect: (providerId: string, authType: AuthSelectorProvider["authType"]) => void, onCancel: () => void, initialSearchInput?: string);
+    private filterProviders;
+    private updateList;
+    private formatStatusIndicator;
+    handleInput(keyData: string): void;
+}
+//# sourceMappingURL=oauth-selector.d.ts.map

package/dist/modes/interactive/components/oauth-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oauth-selector.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/oauth-selector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC9E,OAAO,EACN,SAAS,EACT,KAAK,SAAS,EAMd,MAAM,wBAAwB,CAAC;AAIhC,MAAM,MAAM,oBAAoB,GAAG;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAChC,MAAM,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,wBAAgB,8BAA8B,CAAC,QAAQ,EAAE,oBAAoB,CAAC,UAAU,CAAC,GAAG,MAAM,CAEjG;AAED;;GAEG;AACH,qBAAa,sBAAuB,SAAQ,SAAU,YAAW,SAAS;IACzE,OAAO,CAAC,WAAW,CAAQ;IAG3B,OAAO,CAAC,QAAQ,CAAS;IACzB,IAAI,OAAO,IAAI,OAAO,CAErB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAGzB;IAED,OAAO,CAAC,aAAa,CAAY;IACjC,OAAO,CAAC,YAAY,CAAyB;IAC7C,OAAO,CAAC,iBAAiB,CAAyB;IAClD,OAAO,CAAC,aAAa,CAAa;IAClC,OAAO,CAAC,IAAI,CAAqB;IACjC,OAAO,CAAC,gBAAgB,CAA2E;IACnG,OAAO,CAAC,gBAAgB,CAAa;IACrC,OAAO,CAAC,kBAAkB,CAAU;IAEpC,YACC,IAAI,EAAE,OAAO,GAAG,QAAQ,EACxB,SAAS,EAAE,oBAAoB,EAAE,EACjC,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,oBAAoB,CAAC,UAAU,CAAC,KAAK,IAAI,EAClF,QAAQ,EAAE,MAAM,IAAI,EACpB,kBAAkB,CAAC,EAAE,MAAM,EA4C3B;IAED,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,UAAU;IAkDlB,OAAO,CAAC,qBAAqB;IAmB7B,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CA8BjC;CACD","sourcesContent":["import type { ApiKeyAuth, AuthCheck, OAuthAuth } from \"@earendil-works/pi-ai\";\nimport {\n\tContainer,\n\ttype Focusable,\n\tfuzzyFilter,\n\tgetKeybindings,\n\tInput,\n\tSpacer,\n\tTruncatedText,\n} from \"@earendil-works/pi-tui\";\nimport { theme } from \"../theme/theme.ts\";\nimport { DynamicBorder } from \"./dynamic-border.ts\";\n\nexport type AuthSelectorProvider = {\n\tid: string;\n\tname: string;\n\tauthType: \"oauth\" | \"api_key\";\n\tmethod?: ApiKeyAuth | OAuthAuth;\n\tstatus?: AuthCheck;\n};\n\nexport function formatAuthSelectorProviderType(authType: AuthSelectorProvider[\"authType\"]): string {\n\treturn authType === \"oauth\" ? \"subscription\" : \"API key\";\n}\n\n/**\n * Component that renders an auth provider selector\n */\nexport class OAuthSelectorComponent extends Container implements Focusable {\n\tprivate searchInput: Input;\n\n\t// Focusable implementation - propagate to search input for IME cursor positioning\n\tprivate _focused = false;\n\tget focused(): boolean {\n\t\treturn this._focused;\n\t}\n\tset focused(value: boolean) {\n\t\tthis._focused = value;\n\t\tthis.searchInput.focused = value;\n\t}\n\n\tprivate listContainer: Container;\n\tprivate allProviders: AuthSelectorProvider[];\n\tprivate filteredProviders: AuthSelectorProvider[];\n\tprivate selectedIndex: number = 0;\n\tprivate mode: \"login\" | \"logout\";\n\tprivate onSelectCallback: (providerId: string, authType: AuthSelectorProvider[\"authType\"]) => void;\n\tprivate onCancelCallback: () => void;\n\tprivate showAuthTypeLabels: boolean;\n\n\tconstructor(\n\t\tmode: \"login\" | \"logout\",\n\t\tproviders: AuthSelectorProvider[],\n\t\tonSelect: (providerId: string, authType: AuthSelectorProvider[\"authType\"]) => void,\n\t\tonCancel: () => void,\n\t\tinitialSearchInput?: string,\n\t) {\n\t\tsuper();\n\n\t\tthis.mode = mode;\n\t\tthis.allProviders = providers;\n\t\tthis.filteredProviders = providers;\n\t\tthis.showAuthTypeLabels = new Set(providers.map((provider) => provider.authType)).size > 1;\n\t\tthis.onSelectCallback = onSelect;\n\t\tthis.onCancelCallback = onCancel;\n\n\t\t// Add top border\n\t\tthis.addChild(new DynamicBorder());\n\t\tthis.addChild(new Spacer(1));\n\n\t\t// Add title\n\t\tconst title = mode === \"login\" ? \"Select provider to configure:\" : \"Select provider to logout:\";\n\t\tthis.addChild(new TruncatedText(theme.fg(\"accent\", theme.bold(title)), 1, 0));\n\t\tthis.addChild(new Spacer(1));\n\n\t\tthis.searchInput = new Input();\n\t\tif (initialSearchInput) {\n\t\t\tthis.searchInput.setValue(initialSearchInput);\n\t\t}\n\t\tthis.searchInput.onSubmit = () => {\n\t\t\tconst selectedProvider = this.filteredProviders[this.selectedIndex];\n\t\t\tif (selectedProvider) {\n\t\t\t\tthis.onSelectCallback(selectedProvider.id, selectedProvider.authType);\n\t\t\t}\n\t\t};\n\t\tthis.addChild(this.searchInput);\n\t\tthis.addChild(new Spacer(1));\n\n\t\t// Create list container\n\t\tthis.listContainer = new Container();\n\t\tthis.addChild(this.listContainer);\n\n\t\tthis.addChild(new Spacer(1));\n\n\t\t// Add bottom border\n\t\tthis.addChild(new DynamicBorder());\n\n\t\t// Initial render\n\t\tthis.filterProviders(initialSearchInput ?? \"\");\n\t}\n\n\tprivate filterProviders(query: string): void {\n\t\tthis.filteredProviders = query\n\t\t\t? fuzzyFilter(\n\t\t\t\t\tthis.allProviders,\n\t\t\t\t\tquery,\n\t\t\t\t\t(provider) => `${provider.name} ${provider.id} ${provider.authType} ${provider.method?.name ?? \"\"}`,\n\t\t\t\t)\n\t\t\t: this.allProviders;\n\t\tthis.selectedIndex = Math.max(0, Math.min(this.selectedIndex, Math.max(0, this.filteredProviders.length - 1)));\n\t\tthis.updateList();\n\t}\n\n\tprivate updateList(): void {\n\t\tthis.listContainer.clear();\n\n\t\tconst maxVisible = 8;\n\t\tconst startIndex = Math.max(\n\t\t\t0,\n\t\t\tMath.min(this.selectedIndex - Math.floor(maxVisible / 2), this.filteredProviders.length - maxVisible),\n\t\t);\n\t\tconst endIndex = Math.min(startIndex + maxVisible, this.filteredProviders.length);\n\n\t\tfor (let i = startIndex; i < endIndex; i++) {\n\t\t\tconst provider = this.filteredProviders[i];\n\t\t\tif (!provider) continue;\n\n\t\t\tconst isSelected = i === this.selectedIndex;\n\n\t\t\tconst statusIndicator = this.formatStatusIndicator(provider);\n\t\t\tconst authTypeLabel = this.showAuthTypeLabels\n\t\t\t\t? theme.fg(\"muted\", ` [${formatAuthSelectorProviderType(provider.authType)}]`)\n\t\t\t\t: \"\";\n\t\t\tlet line = \"\";\n\t\t\tif (isSelected) {\n\t\t\t\tconst prefix = theme.fg(\"accent\", \"→ \");\n\t\t\t\tconst text = theme.fg(\"accent\", provider.name);\n\t\t\t\tline = prefix + text + authTypeLabel + statusIndicator;\n\t\t\t} else {\n\t\t\t\tconst text = `  ${theme.fg(\"text\", provider.name)}`;\n\t\t\t\tline = text + authTypeLabel + statusIndicator;\n\t\t\t}\n\n\t\t\tthis.listContainer.addChild(new TruncatedText(line, 1, 0));\n\t\t}\n\n\t\tif (startIndex > 0 || endIndex < this.filteredProviders.length) {\n\t\t\tconst scrollInfo = theme.fg(\"muted\", `  (${this.selectedIndex + 1}/${this.filteredProviders.length})`);\n\t\t\tthis.listContainer.addChild(new TruncatedText(scrollInfo, 1, 0));\n\t\t}\n\n\t\t// Show \"no providers\" if empty\n\t\tif (this.filteredProviders.length === 0) {\n\t\t\tconst message =\n\t\t\t\tthis.allProviders.length === 0\n\t\t\t\t\t? this.mode === \"login\"\n\t\t\t\t\t\t? \"No providers available\"\n\t\t\t\t\t\t: \"No providers logged in. Use /login first.\"\n\t\t\t\t\t: \"No matching providers\";\n\t\t\tthis.listContainer.addChild(new TruncatedText(theme.fg(\"muted\", `  ${message}`), 1, 0));\n\t\t}\n\t}\n\n\tprivate formatStatusIndicator(provider: AuthSelectorProvider): string {\n\t\tif (!provider.status) return theme.fg(\"muted\", \" • unconfigured\");\n\t\tif (provider.status.type !== provider.authType) {\n\t\t\tconst label = provider.status.type === \"oauth\" ? \"subscription configured\" : \"API key configured\";\n\t\t\treturn theme.fg(\"muted\", \" • \") + theme.fg(\"warning\", label);\n\t\t}\n\t\tif (\n\t\t\t!provider.status.source ||\n\t\t\tprovider.status.source === \"OAuth\" ||\n\t\t\tprovider.status.source === \"stored credential\"\n\t\t) {\n\t\t\treturn theme.fg(\"success\", \" ✓ configured\");\n\t\t}\n\t\tconst source = /^[A-Z][A-Z0-9_]*(?:, [A-Z][A-Z0-9_]*)*$/.test(provider.status.source)\n\t\t\t? `env: ${provider.status.source}`\n\t\t\t: provider.status.source;\n\t\treturn theme.fg(\"success\", ` ✓ ${source}`);\n\t}\n\n\thandleInput(keyData: string): void {\n\t\tconst kb = getKeybindings();\n\t\t// Up arrow\n\t\tif (kb.matches(keyData, \"tui.select.up\")) {\n\t\t\tif (this.filteredProviders.length === 0) return;\n\t\t\tthis.selectedIndex = Math.max(0, this.selectedIndex - 1);\n\t\t\tthis.updateList();\n\t\t}\n\t\t// Down arrow\n\t\telse if (kb.matches(keyData, \"tui.select.down\")) {\n\t\t\tif (this.filteredProviders.length === 0) return;\n\t\t\tthis.selectedIndex = Math.min(this.filteredProviders.length - 1, this.selectedIndex + 1);\n\t\t\tthis.updateList();\n\t\t}\n\t\t// Enter\n\t\telse if (kb.matches(keyData, \"tui.select.confirm\")) {\n\t\t\tconst selectedProvider = this.filteredProviders[this.selectedIndex];\n\t\t\tif (selectedProvider) {\n\t\t\t\tthis.onSelectCallback(selectedProvider.id, selectedProvider.authType);\n\t\t\t}\n\t\t}\n\t\t// Escape or Ctrl+C\n\t\telse if (kb.matches(keyData, \"tui.select.cancel\")) {\n\t\t\tthis.onCancelCallback();\n\t\t}\n\t\t// Pass everything else to search input\n\t\telse {\n\t\t\tthis.searchInput.handleInput(keyData);\n\t\t\tthis.filterProviders(this.searchInput.getValue());\n\t\t}\n\t}\n}\n"]}

package/dist/modes/interactive/components/oauth-selector.js

@@ -0,0 +1,163 @@
+import { Container, fuzzyFilter, getKeybindings, Input, Spacer, TruncatedText, } from "@earendil-works/pi-tui";
+import { theme } from "../theme/theme.js";
+import { DynamicBorder } from "./dynamic-border.js";
+export function formatAuthSelectorProviderType(authType) {
+    return authType === "oauth" ? "subscription" : "API key";
+}
+/**
+ * Component that renders an auth provider selector
+ */
+export class OAuthSelectorComponent extends Container {
+    searchInput;
+    // Focusable implementation - propagate to search input for IME cursor positioning
+    _focused = false;
+    get focused() {
+        return this._focused;
+    }
+    set focused(value) {
+        this._focused = value;
+        this.searchInput.focused = value;
+    }
+    listContainer;
+    allProviders;
+    filteredProviders;
+    selectedIndex = 0;
+    mode;
+    onSelectCallback;
+    onCancelCallback;
+    showAuthTypeLabels;
+    constructor(mode, providers, onSelect, onCancel, initialSearchInput) {
+        super();
+        this.mode = mode;
+        this.allProviders = providers;
+        this.filteredProviders = providers;
+        this.showAuthTypeLabels = new Set(providers.map((provider) => provider.authType)).size > 1;
+        this.onSelectCallback = onSelect;
+        this.onCancelCallback = onCancel;
+        // Add top border
+        this.addChild(new DynamicBorder());
+        this.addChild(new Spacer(1));
+        // Add title
+        const title = mode === "login" ? "Select provider to configure:" : "Select provider to logout:";
+        this.addChild(new TruncatedText(theme.fg("accent", theme.bold(title)), 1, 0));
+        this.addChild(new Spacer(1));
+        this.searchInput = new Input();
+        if (initialSearchInput) {
+            this.searchInput.setValue(initialSearchInput);
+        }
+        this.searchInput.onSubmit = () => {
+            const selectedProvider = this.filteredProviders[this.selectedIndex];
+            if (selectedProvider) {
+                this.onSelectCallback(selectedProvider.id, selectedProvider.authType);
+            }
+        };
+        this.addChild(this.searchInput);
+        this.addChild(new Spacer(1));
+        // Create list container
+        this.listContainer = new Container();
+        this.addChild(this.listContainer);
+        this.addChild(new Spacer(1));
+        // Add bottom border
+        this.addChild(new DynamicBorder());
+        // Initial render
+        this.filterProviders(initialSearchInput ?? "");
+    }
+    filterProviders(query) {
+        this.filteredProviders = query
+            ? fuzzyFilter(this.allProviders, query, (provider) => `${provider.name} ${provider.id} ${provider.authType} ${provider.method?.name ?? ""}`)
+            : this.allProviders;
+        this.selectedIndex = Math.max(0, Math.min(this.selectedIndex, Math.max(0, this.filteredProviders.length - 1)));
+        this.updateList();
+    }
+    updateList() {
+        this.listContainer.clear();
+        const maxVisible = 8;
+        const startIndex = Math.max(0, Math.min(this.selectedIndex - Math.floor(maxVisible / 2), this.filteredProviders.length - maxVisible));
+        const endIndex = Math.min(startIndex + maxVisible, this.filteredProviders.length);
+        for (let i = startIndex; i < endIndex; i++) {
+            const provider = this.filteredProviders[i];
+            if (!provider)
+                continue;
+            const isSelected = i === this.selectedIndex;
+            const statusIndicator = this.formatStatusIndicator(provider);
+            const authTypeLabel = this.showAuthTypeLabels
+                ? theme.fg("muted", ` [${formatAuthSelectorProviderType(provider.authType)}]`)
+                : "";
+            let line = "";
+            if (isSelected) {
+                const prefix = theme.fg("accent", "→ ");
+                const text = theme.fg("accent", provider.name);
+                line = prefix + text + authTypeLabel + statusIndicator;
+            }
+            else {
+                const text = `  ${theme.fg("text", provider.name)}`;
+                line = text + authTypeLabel + statusIndicator;
+            }
+            this.listContainer.addChild(new TruncatedText(line, 1, 0));
+        }
+        if (startIndex > 0 || endIndex < this.filteredProviders.length) {
+            const scrollInfo = theme.fg("muted", `  (${this.selectedIndex + 1}/${this.filteredProviders.length})`);
+            this.listContainer.addChild(new TruncatedText(scrollInfo, 1, 0));
+        }
+        // Show "no providers" if empty
+        if (this.filteredProviders.length === 0) {
+            const message = this.allProviders.length === 0
+                ? this.mode === "login"
+                    ? "No providers available"
+                    : "No providers logged in. Use /login first."
+                : "No matching providers";
+            this.listContainer.addChild(new TruncatedText(theme.fg("muted", `  ${message}`), 1, 0));
+        }
+    }
+    formatStatusIndicator(provider) {
+        if (!provider.status)
+            return theme.fg("muted", " • unconfigured");
+        if (provider.status.type !== provider.authType) {
+            const label = provider.status.type === "oauth" ? "subscription configured" : "API key configured";
+            return theme.fg("muted", " • ") + theme.fg("warning", label);
+        }
+        if (!provider.status.source ||
+            provider.status.source === "OAuth" ||
+            provider.status.source === "stored credential") {
+            return theme.fg("success", " ✓ configured");
+        }
+        const source = /^[A-Z][A-Z0-9_]*(?:, [A-Z][A-Z0-9_]*)*$/.test(provider.status.source)
+            ? `env: ${provider.status.source}`
+            : provider.status.source;
+        return theme.fg("success", ` ✓ ${source}`);
+    }
+    handleInput(keyData) {
+        const kb = getKeybindings();
+        // Up arrow
+        if (kb.matches(keyData, "tui.select.up")) {
+            if (this.filteredProviders.length === 0)
+                return;
+            this.selectedIndex = Math.max(0, this.selectedIndex - 1);
+            this.updateList();
+        }
+        // Down arrow
+        else if (kb.matches(keyData, "tui.select.down")) {
+            if (this.filteredProviders.length === 0)
+                return;
+            this.selectedIndex = Math.min(this.filteredProviders.length - 1, this.selectedIndex + 1);
+            this.updateList();
+        }
+        // Enter
+        else if (kb.matches(keyData, "tui.select.confirm")) {
+            const selectedProvider = this.filteredProviders[this.selectedIndex];
+            if (selectedProvider) {
+                this.onSelectCallback(selectedProvider.id, selectedProvider.authType);
+            }
+        }
+        // Escape or Ctrl+C
+        else if (kb.matches(keyData, "tui.select.cancel")) {
+            this.onCancelCallback();
+        }
+        // Pass everything else to search input
+        else {
+            this.searchInput.handleInput(keyData);
+            this.filterProviders(this.searchInput.getValue());
+        }
+    }
+}
+//# sourceMappingURL=oauth-selector.js.map

package/dist/modes/interactive/components/oauth-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"oauth-selector.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/oauth-selector.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ApiKeyAuth, AuthCheck, OAuthAuth } from \"@earendil-works/pi-ai\";\nimport {\n\tContainer,\n\ttype Focusable,\n\tfuzzyFilter,\n\tgetKeybindings,\n\tInput,\n\tSpacer,\n\tTruncatedText,\n} from \"@earendil-works/pi-tui\";\nimport { theme } from \"../theme/theme.ts\";\nimport { DynamicBorder } from \"./dynamic-border.ts\";\n\nexport type AuthSelectorProvider = {\n\tid: string;\n\tname: string;\n\tauthType: \"oauth\" | \"api_key\";\n\tmethod?: ApiKeyAuth | OAuthAuth;\n\tstatus?: AuthCheck;\n};\n\nexport function formatAuthSelectorProviderType(authType: AuthSelectorProvider[\"authType\"]): string {\n\treturn authType === \"oauth\" ? \"subscription\" : \"API key\";\n}\n\n/**\n * Component that renders an auth provider selector\n */\nexport class OAuthSelectorComponent extends Container implements Focusable {\n\tprivate searchInput: Input;\n\n\t// Focusable implementation - propagate to search input for IME cursor positioning\n\tprivate _focused = false;\n\tget focused(): boolean {\n\t\treturn this._focused;\n\t}\n\tset focused(value: boolean) {\n\t\tthis._focused = value;\n\t\tthis.searchInput.focused = value;\n\t}\n\n\tprivate listContainer: Container;\n\tprivate allProviders: AuthSelectorProvider[];\n\tprivate filteredProviders: AuthSelectorProvider[];\n\tprivate selectedIndex: number = 0;\n\tprivate mode: \"login\" | \"logout\";\n\tprivate onSelectCallback: (providerId: string, authType: AuthSelectorProvider[\"authType\"]) => void;\n\tprivate onCancelCallback: () => void;\n\tprivate showAuthTypeLabels: boolean;\n\n\tconstructor(\n\t\tmode: \"login\" | \"logout\",\n\t\tproviders: AuthSelectorProvider[],\n\t\tonSelect: (providerId: string, authType: AuthSelectorProvider[\"authType\"]) => void,\n\t\tonCancel: () => void,\n\t\tinitialSearchInput?: string,\n\t) {\n\t\tsuper();\n\n\t\tthis.mode = mode;\n\t\tthis.allProviders = providers;\n\t\tthis.filteredProviders = providers;\n\t\tthis.showAuthTypeLabels = new Set(providers.map((provider) => provider.authType)).size > 1;\n\t\tthis.onSelectCallback = onSelect;\n\t\tthis.onCancelCallback = onCancel;\n\n\t\t// Add top border\n\t\tthis.addChild(new DynamicBorder());\n\t\tthis.addChild(new Spacer(1));\n\n\t\t// Add title\n\t\tconst title = mode === \"login\" ? \"Select provider to configure:\" : \"Select provider to logout:\";\n\t\tthis.addChild(new TruncatedText(theme.fg(\"accent\", theme.bold(title)), 1, 0));\n\t\tthis.addChild(new Spacer(1));\n\n\t\tthis.searchInput = new Input();\n\t\tif (initialSearchInput) {\n\t\t\tthis.searchInput.setValue(initialSearchInput);\n\t\t}\n\t\tthis.searchInput.onSubmit = () => {\n\t\t\tconst selectedProvider = this.filteredProviders[this.selectedIndex];\n\t\t\tif (selectedProvider) {\n\t\t\t\tthis.onSelectCallback(selectedProvider.id, selectedProvider.authType);\n\t\t\t}\n\t\t};\n\t\tthis.addChild(this.searchInput);\n\t\tthis.addChild(new Spacer(1));\n\n\t\t// Create list container\n\t\tthis.listContainer = new Container();\n\t\tthis.addChild(this.listContainer);\n\n\t\tthis.addChild(new Spacer(1));\n\n\t\t// Add bottom border\n\t\tthis.addChild(new DynamicBorder());\n\n\t\t// Initial render\n\t\tthis.filterProviders(initialSearchInput ?? \"\");\n\t}\n\n\tprivate filterProviders(query: string): void {\n\t\tthis.filteredProviders = query\n\t\t\t? fuzzyFilter(\n\t\t\t\t\tthis.allProviders,\n\t\t\t\t\tquery,\n\t\t\t\t\t(provider) => `${provider.name} ${provider.id} ${provider.authType} ${provider.method?.name ?? \"\"}`,\n\t\t\t\t)\n\t\t\t: this.allProviders;\n\t\tthis.selectedIndex = Math.max(0, Math.min(this.selectedIndex, Math.max(0, this.filteredProviders.length - 1)));\n\t\tthis.updateList();\n\t}\n\n\tprivate updateList(): void {\n\t\tthis.listContainer.clear();\n\n\t\tconst maxVisible = 8;\n\t\tconst startIndex = Math.max(\n\t\t\t0,\n\t\t\tMath.min(this.selectedIndex - Math.floor(maxVisible / 2), this.filteredProviders.length - maxVisible),\n\t\t);\n\t\tconst endIndex = Math.min(startIndex + maxVisible, this.filteredProviders.length);\n\n\t\tfor (let i = startIndex; i < endIndex; i++) {\n\t\t\tconst provider = this.filteredProviders[i];\n\t\t\tif (!provider) continue;\n\n\t\t\tconst isSelected = i === this.selectedIndex;\n\n\t\t\tconst statusIndicator = this.formatStatusIndicator(provider);\n\t\t\tconst authTypeLabel = this.showAuthTypeLabels\n\t\t\t\t? theme.fg(\"muted\", ` [${formatAuthSelectorProviderType(provider.authType)}]`)\n\t\t\t\t: \"\";\n\t\t\tlet line = \"\";\n\t\t\tif (isSelected) {\n\t\t\t\tconst prefix = theme.fg(\"accent\", \"→ \");\n\t\t\t\tconst text = theme.fg(\"accent\", provider.name);\n\t\t\t\tline = prefix + text + authTypeLabel + statusIndicator;\n\t\t\t} else {\n\t\t\t\tconst text = `  ${theme.fg(\"text\", provider.name)}`;\n\t\t\t\tline = text + authTypeLabel + statusIndicator;\n\t\t\t}\n\n\t\t\tthis.listContainer.addChild(new TruncatedText(line, 1, 0));\n\t\t}\n\n\t\tif (startIndex > 0 || endIndex < this.filteredProviders.length) {\n\t\t\tconst scrollInfo = theme.fg(\"muted\", `  (${this.selectedIndex + 1}/${this.filteredProviders.length})`);\n\t\t\tthis.listContainer.addChild(new TruncatedText(scrollInfo, 1, 0));\n\t\t}\n\n\t\t// Show \"no providers\" if empty\n\t\tif (this.filteredProviders.length === 0) {\n\t\t\tconst message =\n\t\t\t\tthis.allProviders.length === 0\n\t\t\t\t\t? this.mode === \"login\"\n\t\t\t\t\t\t? \"No providers available\"\n\t\t\t\t\t\t: \"No providers logged in. Use /login first.\"\n\t\t\t\t\t: \"No matching providers\";\n\t\t\tthis.listContainer.addChild(new TruncatedText(theme.fg(\"muted\", `  ${message}`), 1, 0));\n\t\t}\n\t}\n\n\tprivate formatStatusIndicator(provider: AuthSelectorProvider): string {\n\t\tif (!provider.status) return theme.fg(\"muted\", \" • unconfigured\");\n\t\tif (provider.status.type !== provider.authType) {\n\t\t\tconst label = provider.status.type === \"oauth\" ? \"subscription configured\" : \"API key configured\";\n\t\t\treturn theme.fg(\"muted\", \" • \") + theme.fg(\"warning\", label);\n\t\t}\n\t\tif (\n\t\t\t!provider.status.source ||\n\t\t\tprovider.status.source === \"OAuth\" ||\n\t\t\tprovider.status.source === \"stored credential\"\n\t\t) {\n\t\t\treturn theme.fg(\"success\", \" ✓ configured\");\n\t\t}\n\t\tconst source = /^[A-Z][A-Z0-9_]*(?:, [A-Z][A-Z0-9_]*)*$/.test(provider.status.source)\n\t\t\t? `env: ${provider.status.source}`\n\t\t\t: provider.status.source;\n\t\treturn theme.fg(\"success\", ` ✓ ${source}`);\n\t}\n\n\thandleInput(keyData: string): void {\n\t\tconst kb = getKeybindings();\n\t\t// Up arrow\n\t\tif (kb.matches(keyData, \"tui.select.up\")) {\n\t\t\tif (this.filteredProviders.length === 0) return;\n\t\t\tthis.selectedIndex = Math.max(0, this.selectedIndex - 1);\n\t\t\tthis.updateList();\n\t\t}\n\t\t// Down arrow\n\t\telse if (kb.matches(keyData, \"tui.select.down\")) {\n\t\t\tif (this.filteredProviders.length === 0) return;\n\t\t\tthis.selectedIndex = Math.min(this.filteredProviders.length - 1, this.selectedIndex + 1);\n\t\t\tthis.updateList();\n\t\t}\n\t\t// Enter\n\t\telse if (kb.matches(keyData, \"tui.select.confirm\")) {\n\t\t\tconst selectedProvider = this.filteredProviders[this.selectedIndex];\n\t\t\tif (selectedProvider) {\n\t\t\t\tthis.onSelectCallback(selectedProvider.id, selectedProvider.authType);\n\t\t\t}\n\t\t}\n\t\t// Escape or Ctrl+C\n\t\telse if (kb.matches(keyData, \"tui.select.cancel\")) {\n\t\t\tthis.onCancelCallback();\n\t\t}\n\t\t// Pass everything else to search input\n\t\telse {\n\t\t\tthis.searchInput.handleInput(keyData);\n\t\t\tthis.filterProviders(this.searchInput.getValue());\n\t\t}\n\t}\n}\n"]}

package/dist/modes/interactive/components/panel.d.ts

@@ -0,0 +1,7 @@
+import { type ThemeBg } from "../theme/theme.ts";
+/**
+ * Crush-style raised panel: paint a background behind lines at CONTENT width
+ * (plus padding), not the full terminal row — reads as a card, not a slab.
+ */
+export declare function panelize(lines: string[], maxWidth: number, bg: ThemeBg, indent?: number): string[];
+//# sourceMappingURL=panel.d.ts.map

package/dist/modes/interactive/components/panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/panel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,OAAO,EAAS,MAAM,mBAAmB,CAAC;AAExD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,SAAI,GAAG,MAAM,EAAE,CAS7F","sourcesContent":["import { visibleWidth } from \"@earendil-works/pi-tui\";\nimport { type ThemeBg, theme } from \"../theme/theme.ts\";\n\n/**\n * Crush-style raised panel: paint a background behind lines at CONTENT width\n * (plus padding), not the full terminal row — reads as a card, not a slab.\n */\nexport function panelize(lines: string[], maxWidth: number, bg: ThemeBg, indent = 2): string[] {\n\tif (lines.length === 0) return lines;\n\tconst inner = Math.max(1, maxWidth - indent - 2);\n\tconst contentWidth = Math.min(inner, Math.max(...lines.map((line) => visibleWidth(line)), 1));\n\tconst pad = \" \".repeat(indent);\n\treturn lines.map((line) => {\n\t\tconst fill = \" \".repeat(Math.max(0, contentWidth - visibleWidth(line)));\n\t\treturn pad + theme.bg(bg, ` ${line}${fill} `);\n\t});\n}\n"]}

package/dist/modes/interactive/components/panel.js

@@ -0,0 +1,18 @@
+import { visibleWidth } from "@earendil-works/pi-tui";
+import { theme } from "../theme/theme.js";
+/**
+ * Crush-style raised panel: paint a background behind lines at CONTENT width
+ * (plus padding), not the full terminal row — reads as a card, not a slab.
+ */
+export function panelize(lines, maxWidth, bg, indent = 2) {
+    if (lines.length === 0)
+        return lines;
+    const inner = Math.max(1, maxWidth - indent - 2);
+    const contentWidth = Math.min(inner, Math.max(...lines.map((line) => visibleWidth(line)), 1));
+    const pad = " ".repeat(indent);
+    return lines.map((line) => {
+        const fill = " ".repeat(Math.max(0, contentWidth - visibleWidth(line)));
+        return pad + theme.bg(bg, ` ${line}${fill} `);
+    });
+}
+//# sourceMappingURL=panel.js.map

package/dist/modes/interactive/components/panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAgB,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAExD;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAe,EAAE,QAAgB,EAAE,EAAW,EAAE,MAAM,GAAG,CAAC,EAAY;IAC9F,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IACrC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC;IACjD,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAC9F,MAAM,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC/B,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC;QAC1B,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACxE,OAAO,GAAG,GAAG,KAAK,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,IAAI,GAAG,IAAI,GAAG,CAAC,CAAC;IAAA,CAC9C,CAAC,CAAC;AAAA,CACH","sourcesContent":["import { visibleWidth } from \"@earendil-works/pi-tui\";\nimport { type ThemeBg, theme } from \"../theme/theme.ts\";\n\n/**\n * Crush-style raised panel: paint a background behind lines at CONTENT width\n * (plus padding), not the full terminal row — reads as a card, not a slab.\n */\nexport function panelize(lines: string[], maxWidth: number, bg: ThemeBg, indent = 2): string[] {\n\tif (lines.length === 0) return lines;\n\tconst inner = Math.max(1, maxWidth - indent - 2);\n\tconst contentWidth = Math.min(inner, Math.max(...lines.map((line) => visibleWidth(line)), 1));\n\tconst pad = \" \".repeat(indent);\n\treturn lines.map((line) => {\n\t\tconst fill = \" \".repeat(Math.max(0, contentWidth - visibleWidth(line)));\n\t\treturn pad + theme.bg(bg, ` ${line}${fill} `);\n\t});\n}\n"]}

package/dist/modes/interactive/components/response-separator.d.ts

@@ -0,0 +1,13 @@
+import type { Component } from "@earendil-works/pi-tui";
+/**
+ * Crush-style end-of-turn separator:
+ * `◇ GPT-5.6 via openai in 3s ─────────────────────────`
+ * Appended to the transcript after each completed agent turn.
+ */
+export declare class ResponseSeparatorComponent implements Component {
+    private readonly label;
+    constructor(model: string, provider: string, durationMs: number);
+    invalidate(): void;
+    render(width: number): string[];
+}
+//# sourceMappingURL=response-separator.d.ts.map

package/dist/modes/interactive/components/response-separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"response-separator.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/response-separator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD;;;;GAIG;AACH,qBAAa,0BAA2B,YAAW,SAAS;IAC3D,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAS;IAE/B,YAAY,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAI9D;IAED,UAAU,IAAI,IAAI,CAEjB;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAI9B;CACD","sourcesContent":["import type { Component } from \"@earendil-works/pi-tui\";\nimport { theme } from \"../theme/theme.ts\";\n\n/**\n * Crush-style end-of-turn separator:\n * `◇ GPT-5.6 via openai in 3s ─────────────────────────`\n * Appended to the transcript after each completed agent turn.\n */\nexport class ResponseSeparatorComponent implements Component {\n\tprivate readonly label: string;\n\n\tconstructor(model: string, provider: string, durationMs: number) {\n\t\tconst seconds = Math.max(1, Math.round(durationMs / 1000));\n\t\tconst duration = seconds >= 60 ? `${Math.floor(seconds / 60)}m ${seconds % 60}s` : `${seconds}s`;\n\t\tthis.label = `◇ ${model} via ${provider} in ${duration}`;\n\t}\n\n\tinvalidate(): void {\n\t\t// Static content.\n\t}\n\n\trender(width: number): string[] {\n\t\tconst used = [...this.label].length + 3;\n\t\tconst fill = Math.max(0, width - used);\n\t\treturn [` ${theme.fg(\"muted\", this.label)} ${theme.fg(\"dim\", \"─\".repeat(fill))}`];\n\t}\n}\n"]}

package/dist/modes/interactive/components/response-separator.js

@@ -0,0 +1,23 @@
+import { theme } from "../theme/theme.js";
+/**
+ * Crush-style end-of-turn separator:
+ * `◇ GPT-5.6 via openai in 3s ─────────────────────────`
+ * Appended to the transcript after each completed agent turn.
+ */
+export class ResponseSeparatorComponent {
+    label;
+    constructor(model, provider, durationMs) {
+        const seconds = Math.max(1, Math.round(durationMs / 1000));
+        const duration = seconds >= 60 ? `${Math.floor(seconds / 60)}m ${seconds % 60}s` : `${seconds}s`;
+        this.label = `◇ ${model} via ${provider} in ${duration}`;
+    }
+    invalidate() {
+        // Static content.
+    }
+    render(width) {
+        const used = [...this.label].length + 3;
+        const fill = Math.max(0, width - used);
+        return [` ${theme.fg("muted", this.label)} ${theme.fg("dim", "─".repeat(fill))}`];
+    }
+}
+//# sourceMappingURL=response-separator.js.map

package/dist/modes/interactive/components/response-separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"response-separator.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/response-separator.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C;;;;GAIG;AACH,MAAM,OAAO,0BAA0B;IACrB,KAAK,CAAS;IAE/B,YAAY,KAAa,EAAE,QAAgB,EAAE,UAAkB,EAAE;QAChE,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC;QAC3D,MAAM,QAAQ,GAAG,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,KAAK,OAAO,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,OAAO,GAAG,CAAC;QACjG,IAAI,CAAC,KAAK,GAAG,OAAK,KAAK,QAAQ,QAAQ,OAAO,QAAQ,EAAE,CAAC;IAAA,CACzD;IAED,UAAU,GAAS;QAClB,kBAAkB;IADC,CAEnB;IAED,MAAM,CAAC,KAAa,EAAY;QAC/B,MAAM,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QACxC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,CAAC;QACvC,OAAO,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,KAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;IAAA,CAClF;CACD","sourcesContent":["import type { Component } from \"@earendil-works/pi-tui\";\nimport { theme } from \"../theme/theme.ts\";\n\n/**\n * Crush-style end-of-turn separator:\n * `◇ GPT-5.6 via openai in 3s ─────────────────────────`\n * Appended to the transcript after each completed agent turn.\n */\nexport class ResponseSeparatorComponent implements Component {\n\tprivate readonly label: string;\n\n\tconstructor(model: string, provider: string, durationMs: number) {\n\t\tconst seconds = Math.max(1, Math.round(durationMs / 1000));\n\t\tconst duration = seconds >= 60 ? `${Math.floor(seconds / 60)}m ${seconds % 60}s` : `${seconds}s`;\n\t\tthis.label = `◇ ${model} via ${provider} in ${duration}`;\n\t}\n\n\tinvalidate(): void {\n\t\t// Static content.\n\t}\n\n\trender(width: number): string[] {\n\t\tconst used = [...this.label].length + 3;\n\t\tconst fill = Math.max(0, width - used);\n\t\treturn [` ${theme.fg(\"muted\", this.label)} ${theme.fg(\"dim\", \"─\".repeat(fill))}`];\n\t}\n}\n"]}

package/dist/modes/interactive/components/scoped-models-selector.d.ts

@@ -0,0 +1,46 @@
+import type { Model } from "@earendil-works/pi-ai";
+import { Container, type Focusable, Input } from "@earendil-works/pi-tui";
+export interface ModelsConfig {
+    allModels: Model<any>[];
+    enabledModelIds: string[] | null;
+    refreshStatus?: string;
+}
+export interface ModelsCallbacks {
+    /** Called whenever the enabled model set or order changes (session-only, no persist) */
+    onChange: (enabledModelIds: string[] | null) => void | Promise<void>;
+    /** Called when user wants to persist current selection to settings */
+    onPersist: (enabledModelIds: string[] | null) => void | Promise<void>;
+    onCancel: () => void;
+}
+/**
+ * Component for enabling/disabling models for Ctrl+P cycling.
+ * Changes are session-only until explicitly persisted with Ctrl+S.
+ */
+export declare class ScopedModelsSelectorComponent extends Container implements Focusable {
+    private modelsById;
+    private allIds;
+    private enabledIds;
+    private filteredItems;
+    private selectedIndex;
+    private searchInput;
+    private _focused;
+    get focused(): boolean;
+    set focused(value: boolean);
+    private listContainer;
+    private footerText;
+    private callbacks;
+    private maxVisible;
+    private isDirty;
+    private refreshStatusText?;
+    constructor(config: ModelsConfig, callbacks: ModelsCallbacks);
+    updateModels(models: readonly Model<any>[], enabledModelIds?: string[] | null): void;
+    setRefreshStatus(message: string, kind: "muted" | "success" | "warning"): void;
+    private buildItems;
+    private getFooterText;
+    private refresh;
+    private notifyChange;
+    private updateList;
+    handleInput(data: string): void;
+    getSearchInput(): Input;
+}
+//# sourceMappingURL=scoped-models-selector.d.ts.map

package/dist/modes/interactive/components/scoped-models-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scoped-models-selector.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/scoped-models-selector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EACN,SAAS,EACT,KAAK,SAAS,EAGd,KAAK,EAKL,MAAM,wBAAwB,CAAC;AA8DhC,MAAM,WAAW,YAAY;IAC5B,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;IACxB,eAAe,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC/B,wFAAwF;IACxF,QAAQ,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrE,sEAAsE;IACtE,SAAS,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtE,QAAQ,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;GAGG;AACH,qBAAa,6BAA8B,SAAQ,SAAU,YAAW,SAAS;IAChF,OAAO,CAAC,UAAU,CAAsC;IACxD,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,UAAU,CAAoB;IACtC,OAAO,CAAC,aAAa,CAAmB;IACxC,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,WAAW,CAAQ;IAG3B,OAAO,CAAC,QAAQ,CAAS;IACzB,IAAI,OAAO,IAAI,OAAO,CAErB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAGzB;IACD,OAAO,CAAC,aAAa,CAAY;IACjC,OAAO,CAAC,UAAU,CAAO;IACzB,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,iBAAiB,CAAC,CAAO;IAEjC,YAAY,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,eAAe,EA0C3D;IAED,YAAY,CAAC,MAAM,EAAE,SAAS,KAAK,CAAC,GAAG,CAAC,EAAE,EAAE,eAAe,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,IAAI,CAgBnF;IAED,gBAAgB,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,IAAI,CAE7E;IAED,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,aAAa;IAqBrB,OAAO,CAAC,OAAO;IAef,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,UAAU;IAoDlB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAoH9B;IAED,cAAc,IAAI,KAAK,CAEtB;CACD","sourcesContent":["import type { Model } from \"@earendil-works/pi-ai\";\nimport {\n\tContainer,\n\ttype Focusable,\n\tfuzzyFilter,\n\tgetKeybindings,\n\tInput,\n\tKey,\n\tmatchesKey,\n\tSpacer,\n\tText,\n} from \"@earendil-works/pi-tui\";\nimport { getModelSearchText } from \"../model-search.ts\";\nimport { theme } from \"../theme/theme.ts\";\nimport { DynamicBorder } from \"./dynamic-border.ts\";\nimport { keyText } from \"./keybinding-hints.ts\";\n\n// EnabledIds: null = all enabled (no filter), string[] = explicit ordered list\ntype EnabledIds = string[] | null;\n\nfunction isEnabled(enabledIds: EnabledIds, id: string): boolean {\n\treturn enabledIds === null || enabledIds.includes(id);\n}\n\nfunction toggle(enabledIds: EnabledIds, id: string): EnabledIds {\n\tif (enabledIds === null) return [id]; // First toggle: start with only this one\n\tconst index = enabledIds.indexOf(id);\n\tif (index >= 0) return [...enabledIds.slice(0, index), ...enabledIds.slice(index + 1)];\n\treturn [...enabledIds, id];\n}\n\nfunction enableAll(enabledIds: EnabledIds, allIds: string[], targetIds?: string[]): EnabledIds {\n\tif (enabledIds === null) return null; // Already all enabled\n\tconst targets = targetIds ?? allIds;\n\tconst result = [...enabledIds];\n\tfor (const id of targets) {\n\t\tif (!result.includes(id)) result.push(id);\n\t}\n\treturn result.length === allIds.length && result.every((id) => allIds.includes(id)) ? null : result;\n}\n\nfunction clearAll(enabledIds: EnabledIds, allIds: string[], targetIds?: string[]): EnabledIds {\n\tif (enabledIds === null) {\n\t\treturn targetIds ? allIds.filter((id) => !targetIds.includes(id)) : [];\n\t}\n\tconst targets = new Set(targetIds ?? enabledIds);\n\treturn enabledIds.filter((id) => !targets.has(id));\n}\n\nfunction move(enabledIds: EnabledIds, id: string, delta: number): EnabledIds {\n\tif (enabledIds === null) return null;\n\tconst list = [...enabledIds];\n\tconst index = list.indexOf(id);\n\tif (index < 0) return list;\n\tconst newIndex = index + delta;\n\tif (newIndex < 0 || newIndex >= list.length) return list;\n\tconst result = [...list];\n\t[result[index], result[newIndex]] = [result[newIndex], result[index]];\n\treturn result;\n}\n\nfunction getSortedIds(enabledIds: EnabledIds, allIds: string[]): string[] {\n\tif (enabledIds === null) return allIds;\n\tconst enabledSet = new Set(enabledIds);\n\treturn [...enabledIds, ...allIds.filter((id) => !enabledSet.has(id))];\n}\n\ninterface ModelItem {\n\tfullId: string;\n\tmodel: Model<any> | undefined;\n\tenabled: boolean;\n}\n\nexport interface ModelsConfig {\n\tallModels: Model<any>[];\n\tenabledModelIds: string[] | null;\n\trefreshStatus?: string;\n}\n\nexport interface ModelsCallbacks {\n\t/** Called whenever the enabled model set or order changes (session-only, no persist) */\n\tonChange: (enabledModelIds: string[] | null) => void | Promise<void>;\n\t/** Called when user wants to persist current selection to settings */\n\tonPersist: (enabledModelIds: string[] | null) => void | Promise<void>;\n\tonCancel: () => void;\n}\n\n/**\n * Component for enabling/disabling models for Ctrl+P cycling.\n * Changes are session-only until explicitly persisted with Ctrl+S.\n */\nexport class ScopedModelsSelectorComponent extends Container implements Focusable {\n\tprivate modelsById: Map<string, Model<any>> = new Map();\n\tprivate allIds: string[] = [];\n\tprivate enabledIds: EnabledIds = null;\n\tprivate filteredItems: ModelItem[] = [];\n\tprivate selectedIndex = 0;\n\tprivate searchInput: Input;\n\n\t// Focusable implementation - propagate to searchInput for IME cursor positioning\n\tprivate _focused = false;\n\tget focused(): boolean {\n\t\treturn this._focused;\n\t}\n\tset focused(value: boolean) {\n\t\tthis._focused = value;\n\t\tthis.searchInput.focused = value;\n\t}\n\tprivate listContainer: Container;\n\tprivate footerText: Text;\n\tprivate callbacks: ModelsCallbacks;\n\tprivate maxVisible = 8;\n\tprivate isDirty = false;\n\tprivate refreshStatusText?: Text;\n\n\tconstructor(config: ModelsConfig, callbacks: ModelsCallbacks) {\n\t\tsuper();\n\t\tthis.callbacks = callbacks;\n\n\t\tfor (const model of config.allModels) {\n\t\t\tconst fullId = `${model.provider}/${model.id}`;\n\t\t\tthis.modelsById.set(fullId, model);\n\t\t\tthis.allIds.push(fullId);\n\t\t}\n\n\t\tthis.enabledIds = config.enabledModelIds === null ? null : [...config.enabledModelIds];\n\t\tthis.filteredItems = this.buildItems();\n\n\t\t// Header\n\t\tthis.addChild(new DynamicBorder());\n\t\tthis.addChild(new Spacer(1));\n\t\tthis.addChild(new Text(theme.fg(\"accent\", theme.bold(\"Model Configuration\")), 0, 0));\n\t\tthis.addChild(\n\t\t\tnew Text(theme.fg(\"muted\", `Session-only. ${keyText(\"app.models.save\")} to save to settings.`), 0, 0),\n\t\t);\n\t\tthis.addChild(new Spacer(1));\n\n\t\t// Search input\n\t\tthis.searchInput = new Input();\n\t\tthis.addChild(this.searchInput);\n\t\tthis.addChild(new Spacer(1));\n\n\t\t// List container\n\t\tthis.listContainer = new Container();\n\t\tthis.addChild(this.listContainer);\n\n\t\t// Footer hint\n\t\tthis.addChild(new Spacer(1));\n\t\tif (config.refreshStatus) {\n\t\t\tthis.refreshStatusText = new Text(theme.fg(\"muted\", `  ${config.refreshStatus}`), 0, 0);\n\t\t\tthis.addChild(this.refreshStatusText);\n\t\t}\n\t\tthis.footerText = new Text(this.getFooterText(), 0, 0);\n\t\tthis.addChild(this.footerText);\n\n\t\tthis.addChild(new DynamicBorder());\n\t\tthis.updateList();\n\t}\n\n\tupdateModels(models: readonly Model<any>[], enabledModelIds?: string[] | null): void {\n\t\tconst selectedId = this.filteredItems[this.selectedIndex]?.fullId;\n\t\tif (enabledModelIds !== undefined) this.enabledIds = enabledModelIds === null ? null : [...enabledModelIds];\n\t\tthis.modelsById.clear();\n\t\tthis.allIds = [];\n\t\tfor (const model of models) {\n\t\t\tconst fullId = `${model.provider}/${model.id}`;\n\t\t\tthis.modelsById.set(fullId, model);\n\t\t\tthis.allIds.push(fullId);\n\t\t}\n\t\tthis.refresh();\n\t\tconst refreshedIndex = selectedId ? this.filteredItems.findIndex((item) => item.fullId === selectedId) : -1;\n\t\tif (refreshedIndex >= 0) {\n\t\t\tthis.selectedIndex = refreshedIndex;\n\t\t\tthis.updateList();\n\t\t}\n\t}\n\n\tsetRefreshStatus(message: string, kind: \"muted\" | \"success\" | \"warning\"): void {\n\t\tthis.refreshStatusText?.setText(theme.fg(kind, `  ${message}`));\n\t}\n\n\tprivate buildItems(): ModelItem[] {\n\t\treturn getSortedIds(this.enabledIds, this.allIds).map((id) => ({\n\t\t\tfullId: id,\n\t\t\tmodel: this.modelsById.get(id),\n\t\t\tenabled: isEnabled(this.enabledIds, id),\n\t\t}));\n\t}\n\n\tprivate getFooterText(): string {\n\t\tconst enabledCount = this.enabledIds?.filter((id) => this.modelsById.has(id)).length ?? this.allIds.length;\n\t\tconst unavailableCount = this.enabledIds?.filter((id) => !this.modelsById.has(id)).length ?? 0;\n\t\tconst allEnabled = this.enabledIds === null;\n\t\tconst countText = allEnabled\n\t\t\t? \"all enabled\"\n\t\t\t: `${enabledCount}/${this.allIds.length} enabled${unavailableCount ? ` · ${unavailableCount} unavailable` : \"\"}`;\n\t\tconst parts = [\n\t\t\t`${keyText(\"tui.select.confirm\")} toggle`,\n\t\t\t`${keyText(\"app.models.enableAll\")} all`,\n\t\t\t`${keyText(\"app.models.clearAll\")} clear`,\n\t\t\t`${keyText(\"app.models.toggleProvider\")} provider`,\n\t\t\t`${keyText(\"app.models.reorderUp\")}/${keyText(\"app.models.reorderDown\")} reorder`,\n\t\t\t`${keyText(\"app.models.save\")} save`,\n\t\t\tcountText,\n\t\t];\n\t\treturn this.isDirty\n\t\t\t? theme.fg(\"dim\", `  ${parts.join(\" · \")} `) + theme.fg(\"warning\", \"(unsaved)\")\n\t\t\t: theme.fg(\"dim\", `  ${parts.join(\" · \")}`);\n\t}\n\n\tprivate refresh(): void {\n\t\tconst query = this.searchInput.getValue();\n\t\tconst items = this.buildItems();\n\t\tthis.filteredItems = query\n\t\t\t? fuzzyFilter(items, query, (item) =>\n\t\t\t\t\titem.model\n\t\t\t\t\t\t? getModelSearchText({ id: item.model.id, provider: item.model.provider, name: item.model.name })\n\t\t\t\t\t\t: item.fullId,\n\t\t\t\t)\n\t\t\t: items;\n\t\tthis.selectedIndex = Math.min(this.selectedIndex, Math.max(0, this.filteredItems.length - 1));\n\t\tthis.updateList();\n\t\tthis.footerText.setText(this.getFooterText());\n\t}\n\n\tprivate notifyChange(): void {\n\t\tthis.callbacks.onChange(this.enabledIds === null ? null : [...this.enabledIds]);\n\t}\n\n\tprivate updateList(): void {\n\t\tthis.listContainer.clear();\n\n\t\tif (this.filteredItems.length === 0) {\n\t\t\tthis.listContainer.addChild(new Text(theme.fg(\"muted\", \"  No matching models\"), 0, 0));\n\t\t\treturn;\n\t\t}\n\n\t\tconst startIndex = Math.max(\n\t\t\t0,\n\t\t\tMath.min(this.selectedIndex - Math.floor(this.maxVisible / 2), this.filteredItems.length - this.maxVisible),\n\t\t);\n\t\tconst endIndex = Math.min(startIndex + this.maxVisible, this.filteredItems.length);\n\t\tconst allEnabled = this.enabledIds === null;\n\n\t\tfor (let i = startIndex; i < endIndex; i++) {\n\t\t\tconst item = this.filteredItems[i]!;\n\t\t\tconst isSelected = i === this.selectedIndex;\n\t\t\tconst prefix = isSelected ? theme.fg(\"accent\", \"→ \") : \"  \";\n\t\t\tconst id = item.model?.id ?? item.fullId;\n\t\t\tconst modelText = isSelected ? theme.fg(\"accent\", id) : id;\n\t\t\tconst providerBadge = theme.fg(\"muted\", item.model ? ` [${item.model.provider}]` : \" [unavailable]\");\n\t\t\tconst status = item.model\n\t\t\t\t? allEnabled\n\t\t\t\t\t? \"\"\n\t\t\t\t\t: item.enabled\n\t\t\t\t\t\t? theme.fg(\"success\", \" ✓\")\n\t\t\t\t\t\t: theme.fg(\"dim\", \" ✗\")\n\t\t\t\t: theme.fg(\"dim\", \" ✗\");\n\t\t\tthis.listContainer.addChild(new Text(`${prefix}${modelText}${providerBadge}${status}`, 0, 0));\n\t\t}\n\n\t\t// Add scroll indicator if needed\n\t\tif (startIndex > 0 || endIndex < this.filteredItems.length) {\n\t\t\tthis.listContainer.addChild(\n\t\t\t\tnew Text(theme.fg(\"muted\", `  (${this.selectedIndex + 1}/${this.filteredItems.length})`), 0, 0),\n\t\t\t);\n\t\t}\n\n\t\tif (this.filteredItems.length > 0) {\n\t\t\tconst selected = this.filteredItems[this.selectedIndex];\n\t\t\tthis.listContainer.addChild(new Spacer(1));\n\t\t\tthis.listContainer.addChild(\n\t\t\t\tnew Text(\n\t\t\t\t\ttheme.fg(\"muted\", `  ${selected.model ? `Model Name: ${selected.model.name}` : \"Model unavailable\"}`),\n\t\t\t\t\t0,\n\t\t\t\t\t0,\n\t\t\t\t),\n\t\t\t);\n\t\t}\n\t}\n\n\thandleInput(data: string): void {\n\t\tconst kb = getKeybindings();\n\n\t\t// Navigation\n\t\tif (kb.matches(data, \"tui.select.up\")) {\n\t\t\tif (this.filteredItems.length === 0) return;\n\t\t\tthis.selectedIndex = this.selectedIndex === 0 ? this.filteredItems.length - 1 : this.selectedIndex - 1;\n\t\t\tthis.updateList();\n\t\t\treturn;\n\t\t}\n\t\tif (kb.matches(data, \"tui.select.down\")) {\n\t\t\tif (this.filteredItems.length === 0) return;\n\t\t\tthis.selectedIndex = this.selectedIndex === this.filteredItems.length - 1 ? 0 : this.selectedIndex + 1;\n\t\t\tthis.updateList();\n\t\t\treturn;\n\t\t}\n\n\t\t// Reorder enabled models\n\t\tconst reorderUp = kb.matches(data, \"app.models.reorderUp\");\n\t\tconst reorderDown = kb.matches(data, \"app.models.reorderDown\");\n\t\tif (reorderUp || reorderDown) {\n\t\t\tif (this.enabledIds === null) return;\n\t\t\tconst item = this.filteredItems[this.selectedIndex];\n\t\t\tif (item && isEnabled(this.enabledIds, item.fullId)) {\n\t\t\t\tconst delta = reorderUp ? -1 : 1;\n\t\t\t\tconst currentIndex = this.enabledIds.indexOf(item.fullId);\n\t\t\t\tconst newIndex = currentIndex + delta;\n\t\t\t\t// Only move if within bounds\n\t\t\t\tif (newIndex >= 0 && newIndex < this.enabledIds.length) {\n\t\t\t\t\tthis.enabledIds = move(this.enabledIds, item.fullId, delta);\n\t\t\t\t\tthis.isDirty = true;\n\t\t\t\t\tthis.selectedIndex += delta;\n\t\t\t\t\tthis.refresh();\n\t\t\t\t\tthis.notifyChange();\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\n\t\t// Toggle on Enter\n\t\tif (kb.matches(data, \"tui.select.confirm\")) {\n\t\t\tconst item = this.filteredItems[this.selectedIndex];\n\t\t\tif (item) {\n\t\t\t\tthis.enabledIds = toggle(this.enabledIds, item.fullId);\n\t\t\t\tthis.isDirty = true;\n\t\t\t\tthis.refresh();\n\t\t\t\tthis.notifyChange();\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\n\t\t// Enable all (filtered if search active, otherwise all)\n\t\tif (kb.matches(data, \"app.models.enableAll\")) {\n\t\t\tconst targetIds = this.searchInput.getValue() ? this.filteredItems.map((i) => i.fullId) : undefined;\n\t\t\tthis.enabledIds = enableAll(this.enabledIds, this.allIds, targetIds);\n\t\t\tthis.isDirty = true;\n\t\t\tthis.refresh();\n\t\t\tthis.notifyChange();\n\t\t\treturn;\n\t\t}\n\n\t\t// Clear all (filtered if search active, otherwise all)\n\t\tif (kb.matches(data, \"app.models.clearAll\")) {\n\t\t\tconst targetIds = this.searchInput.getValue() ? this.filteredItems.map((i) => i.fullId) : undefined;\n\t\t\tthis.enabledIds = clearAll(this.enabledIds, this.allIds, targetIds);\n\t\t\tthis.isDirty = true;\n\t\t\tthis.refresh();\n\t\t\tthis.notifyChange();\n\t\t\treturn;\n\t\t}\n\n\t\t// Toggle provider of current item\n\t\tif (kb.matches(data, \"app.models.toggleProvider\")) {\n\t\t\tconst item = this.filteredItems[this.selectedIndex];\n\t\t\tif (item?.model) {\n\t\t\t\tconst provider = item.model.provider;\n\t\t\t\tconst providerIds = this.allIds.filter((id) => this.modelsById.get(id)!.provider === provider);\n\t\t\t\tconst allEnabled = providerIds.every((id) => isEnabled(this.enabledIds, id));\n\t\t\t\tthis.enabledIds = allEnabled\n\t\t\t\t\t? clearAll(this.enabledIds, this.allIds, providerIds)\n\t\t\t\t\t: enableAll(this.enabledIds, this.allIds, providerIds);\n\t\t\t\tthis.isDirty = true;\n\t\t\t\tthis.refresh();\n\t\t\t\tthis.notifyChange();\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\n\t\t// Save/persist to settings\n\t\tif (kb.matches(data, \"app.models.save\")) {\n\t\t\tthis.callbacks.onPersist(this.enabledIds === null ? null : [...this.enabledIds]);\n\t\t\tthis.isDirty = false;\n\t\t\tthis.footerText.setText(this.getFooterText());\n\t\t\treturn;\n\t\t}\n\n\t\t// Ctrl+C - clear search or cancel if empty\n\t\tif (matchesKey(data, Key.ctrl(\"c\"))) {\n\t\t\tif (this.searchInput.getValue()) {\n\t\t\t\tthis.searchInput.setValue(\"\");\n\t\t\t\tthis.refresh();\n\t\t\t} else {\n\t\t\t\tthis.callbacks.onCancel();\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\n\t\t// Escape - cancel\n\t\tif (matchesKey(data, Key.escape)) {\n\t\t\tthis.callbacks.onCancel();\n\t\t\treturn;\n\t\t}\n\n\t\t// Pass everything else to search input\n\t\tthis.searchInput.handleInput(data);\n\t\tthis.refresh();\n\t}\n\n\tgetSearchInput(): Input {\n\t\treturn this.searchInput;\n\t}\n}\n"]}