@mars_ai/marscli 2.0.12 → 2.0.14

package/dist/modes/interactive/components/markdown-transform.js

@@ -0,0 +1,20 @@
+/** Applies extension Markdown transformers. `isStreaming` is read per transform, so a reused component sees a stream end. */
+export function createMarkdownTransform(messageType, isStreaming, transformers, messageId, timestamp) {
+    return (markdown, availableWidth) => applyMarkdownTransformers(markdown, { messageType, isStreaming: isStreaming(), availableWidth, messageId, timestamp }, transformers);
+}
+function applyMarkdownTransformers(markdown, context, transformers) {
+    let transformedMarkdown = markdown;
+    for (const transformer of transformers) {
+        try {
+            const transformed = transformer(transformedMarkdown, context);
+            if (typeof transformed === "string") {
+                transformedMarkdown = transformed;
+            }
+        }
+        catch {
+            // Keep the current Markdown and continue with the next transformer.
+        }
+    }
+    return transformedMarkdown;
+}
+//# sourceMappingURL=markdown-transform.js.map

package/dist/modes/interactive/components/markdown-transform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-transform.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/markdown-transform.ts"],"names":[],"mappings":"AAEA,6HAA6H;AAC7H,MAAM,UAAU,uBAAuB,CACtC,WAAoD,EACpD,WAA0B,EAC1B,YAA4C,EAC5C,SAAkB,EAClB,SAAkB;IAElB,OAAO,CAAC,QAAQ,EAAE,cAAc,EAAE,EAAE,CACnC,yBAAyB,CACxB,QAAQ,EACR,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,EACjF,YAAY,CACZ,CAAC;AACJ,CAAC;AAED,SAAS,yBAAyB,CACjC,QAAgB,EAChB,OAAiC,EACjC,YAA4C;IAE5C,IAAI,mBAAmB,GAAG,QAAQ,CAAC;IACnC,KAAK,MAAM,WAAW,IAAI,YAAY,EAAE,CAAC;QACxC,IAAI,CAAC;YACJ,MAAM,WAAW,GAAG,WAAW,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAC;YAC9D,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE,CAAC;gBACrC,mBAAmB,GAAG,WAAW,CAAC;YACnC,CAAC;QACF,CAAC;QAAC,MAAM,CAAC;YACR,oEAAoE;QACrE,CAAC;IACF,CAAC;IACD,OAAO,mBAAmB,CAAC;AAC5B,CAAC","sourcesContent":["import type { MarkdownTransformContext, MarkdownTransformer } from \"../../../core/extensions/types.ts\";\n\n/** Applies extension Markdown transformers. `isStreaming` is read per transform, so a reused component sees a stream end. */\nexport function createMarkdownTransform(\n\tmessageType: MarkdownTransformContext[\"messageType\"],\n\tisStreaming: () => boolean,\n\ttransformers: readonly MarkdownTransformer[],\n\tmessageId?: string,\n\ttimestamp?: string,\n): (markdown: string, availableWidth: number) => string {\n\treturn (markdown, availableWidth) =>\n\t\tapplyMarkdownTransformers(\n\t\t\tmarkdown,\n\t\t\t{ messageType, isStreaming: isStreaming(), availableWidth, messageId, timestamp },\n\t\t\ttransformers,\n\t\t);\n}\n\nfunction applyMarkdownTransformers(\n\tmarkdown: string,\n\tcontext: MarkdownTransformContext,\n\ttransformers: readonly MarkdownTransformer[],\n): string {\n\tlet transformedMarkdown = markdown;\n\tfor (const transformer of transformers) {\n\t\ttry {\n\t\t\tconst transformed = transformer(transformedMarkdown, context);\n\t\t\tif (typeof transformed === \"string\") {\n\t\t\t\ttransformedMarkdown = transformed;\n\t\t\t}\n\t\t} catch {\n\t\t\t// Keep the current Markdown and continue with the next transformer.\n\t\t}\n\t}\n\treturn transformedMarkdown;\n}\n"]}

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

@@ -0,0 +1,12 @@
+import type { MarkdownTransformer } from "../../../core/extensions/types.ts";
+import type { MermaidRenderingMode } from "../../../core/settings-manager.ts";
+import type { Theme } from "../theme/theme.ts";
+type MermaidTheme = Pick<Theme, "fg" | "getFgAnsi">;
+interface MermaidTransformerOptions {
+    getMode: () => MermaidRenderingMode;
+    theme?: MermaidTheme;
+}
+/** Create a transformer that replaces top-level Mermaid code blocks with Unicode terminal diagrams. */
+export declare function createMermaidMarkdownTransformer(options: MermaidTransformerOptions): MarkdownTransformer;
+export {};
+//# sourceMappingURL=mermaid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mermaid.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/mermaid.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,KAAK,EAAE,KAAK,EAAc,MAAM,mBAAmB,CAAC;AAI3D,KAAK,YAAY,GAAG,IAAI,CAAC,KAAK,EAAE,IAAI,GAAG,WAAW,CAAC,CAAC;AAEpD,UAAU,yBAAyB;IAClC,OAAO,EAAE,MAAM,oBAAoB,CAAC;IACpC,KAAK,CAAC,EAAE,YAAY,CAAC;CACrB;AAmDD,uGAAuG;AACvG,wBAAgB,gCAAgC,CAAC,OAAO,EAAE,yBAAyB,GAAG,mBAAmB,CA8BxG"}

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

@@ -0,0 +1,80 @@
+import { getCapabilities, Marked } from "@earendil-works/pi-tui";
+import { render, toAnsi } from "lovely-mermaid";
+const markdownParser = new Marked();
+function isMermaid(token) {
+    return token.type === "code" && token.lang?.trim().split(/\s+/, 1)[0]?.toLowerCase() === "mermaid";
+}
+function codeSpan(line) {
+    // Encode each diagram row as inline code (` ... `) so Markdown preserves its spacing and
+    // box-drawing characters. Use a non-breaking space for blank rows because an
+    // empty code span has no visible height.
+    const content = line || "\u00a0";
+    // CommonMark code spans use matching backtick delimiters, so choose one
+    // longer than any backtick run in the content (``hel`lo`` -> <code>hel`lo</code>).
+    // If the content starts or ends with a backtick, separating it from the
+    // delimiter with a space keeps that backtick as content; CommonMark removes
+    // the padding when rendering (`` `edge` `` -> <code>`edge`</code>).
+    // Mermaid labels can preserve backticks, for example:
+    //   `┌──────────────┐    ┌──────────────┐`
+    // ```│ plain ` tick ├───▶│ two `` ticks │```
+    //   `└──────────────┘    └──────────────┘`
+    const longestBacktickRun = Math.max(0, ...Array.from(content.matchAll(/`+/g), (match) => match[0].length));
+    const fence = "`".repeat(longestBacktickRun + 1);
+    const padding = content.startsWith("`") || content.endsWith("`") ? " " : "";
+    return `${fence}${padding}${content}${padding}${fence}`;
+}
+function themedLines(art, theme) {
+    const foreground = (color) => theme.getFgAnsi(color).slice(2, -1);
+    const ansiTheme = {
+        border: foreground("borderMuted"),
+        text: foreground("text"),
+        edge: foreground("accent"),
+        edgeLabel: foreground("text"),
+        title: `1;${foreground("accent")}`,
+    };
+    const linkLabels = getCapabilities().hyperlinks;
+    const displayArt = {
+        ...art,
+        // Only osc 8 the text, not the whole box.
+        styled: art.styled.map((row) => row.map((span) => {
+            if (span.href === undefined || (linkLabels && span.role === "text"))
+                return span;
+            const unlinked = { ...span };
+            delete unlinked.href;
+            return unlinked;
+        })),
+    };
+    return toAnsi(displayArt, ansiTheme);
+}
+/** Create a transformer that replaces top-level Mermaid code blocks with Unicode terminal diagrams. */
+export function createMermaidMarkdownTransformer(options) {
+    return (markdown, context) => {
+        const mode = options.getMode();
+        // Diagrams render in user and assistant text and in model-written summaries, not in thinking or other surfaces.
+        if (mode === "off" ||
+            (context.messageType !== "user" && context.messageType !== "assistant" && context.messageType !== "summary") ||
+            (context.isStreaming && mode !== "streaming")) {
+            return markdown;
+        }
+        return markdownParser
+            .lexer(markdown)
+            .map((token) => {
+            if (!isMermaid(token))
+                return token.raw;
+            const art = render(token.text);
+            if (!art || art.width > context.availableWidth)
+                return token.raw;
+            if (!context.isStreaming && art.warnings.length > 0) {
+                const suffix = art.warnings.length > 1 ? ` (+${art.warnings.length - 1} more)` : "";
+                const warning = `Mermaid diagram not rendered: ${art.warnings[0]}${suffix}`;
+                const styledWarning = options.theme ? options.theme.fg("warning", warning) : warning;
+                return `${token.raw}\n${codeSpan(styledWarning)}  \n`;
+            }
+            const lines = options.theme ? themedLines(art, options.theme) : art.plain;
+            // Markdown hard breaks keep every diagram row on its own line.
+            return `${lines.map(codeSpan).join("  \n")}\n`;
+        })
+            .join("");
+    };
+}
+//# sourceMappingURL=mermaid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mermaid.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/mermaid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAc,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAmC,MAAM,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAKjF,MAAM,cAAc,GAAG,IAAI,MAAM,EAAE,CAAC;AASpC,SAAS,SAAS,CAAC,KAAY;IAC9B,OAAO,KAAK,CAAC,IAAI,KAAK,MAAM,IAAI,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,SAAS,CAAC;AACpG,CAAC;AAED,SAAS,QAAQ,CAAC,IAAY;IAC7B,yFAAyF;IACzF,6EAA6E;IAC7E,yCAAyC;IACzC,MAAM,OAAO,GAAG,IAAI,IAAI,QAAQ,CAAC;IACjC,wEAAwE;IACxE,mFAAmF;IACnF,wEAAwE;IACxE,4EAA4E;IAC5E,oEAAoE;IACpE,sDAAsD;IACtD,2CAA2C;IAC3C,6CAA6C;IAC7C,2CAA2C;IAC3C,MAAM,kBAAkB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3G,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,kBAAkB,GAAG,CAAC,CAAC,CAAC;IACjD,MAAM,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5E,OAAO,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,EAAE,CAAC;AACzD,CAAC;AAED,SAAS,WAAW,CAAC,GAAe,EAAE,KAAmB;IACxD,MAAM,UAAU,GAAG,CAAC,KAAiB,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAC9E,MAAM,SAAS,GAAc;QAC5B,MAAM,EAAE,UAAU,CAAC,aAAa,CAAC;QACjC,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC;QACxB,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC;QAC1B,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC;QAC7B,KAAK,EAAE,KAAK,UAAU,CAAC,QAAQ,CAAC,EAAE;KAClC,CAAC;IACF,MAAM,UAAU,GAAG,eAAe,EAAE,CAAC,UAAU,CAAC;IAChD,MAAM,UAAU,GAAe;QAC9B,GAAG,GAAG;QACN,0CAA0C;QAC1C,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAC9B,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAChB,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC;gBAAE,OAAO,IAAI,CAAC;YACjF,MAAM,QAAQ,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC;YAC7B,OAAO,QAAQ,CAAC,IAAI,CAAC;YACrB,OAAO,QAAQ,CAAC;QACjB,CAAC,CAAC,CACF;KACD,CAAC;IACF,OAAO,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;AACtC,CAAC;AAED,uGAAuG;AACvG,MAAM,UAAU,gCAAgC,CAAC,OAAkC;IAClF,OAAO,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE;QAC5B,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC;QAC/B,gHAAgH;QAChH,IACC,IAAI,KAAK,KAAK;YACd,CAAC,OAAO,CAAC,WAAW,KAAK,MAAM,IAAI,OAAO,CAAC,WAAW,KAAK,WAAW,IAAI,OAAO,CAAC,WAAW,KAAK,SAAS,CAAC;YAC5G,CAAC,OAAO,CAAC,WAAW,IAAI,IAAI,KAAK,WAAW,CAAC,EAC5C,CAAC;YACF,OAAO,QAAQ,CAAC;QACjB,CAAC;QAED,OAAO,cAAc;aACnB,KAAK,CAAC,QAAQ,CAAC;aACf,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YACd,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;gBAAE,OAAO,KAAK,CAAC,GAAG,CAAC;YACxC,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAC/B,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,KAAK,GAAG,OAAO,CAAC,cAAc;gBAAE,OAAO,KAAK,CAAC,GAAG,CAAC;YACjE,IAAI,CAAC,OAAO,CAAC,WAAW,IAAI,GAAG,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACrD,MAAM,MAAM,GAAG,GAAG,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;gBACpF,MAAM,OAAO,GAAG,iCAAiC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC;gBAC5E,MAAM,aAAa,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;gBACrF,OAAO,GAAG,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;YACvD,CAAC;YACD,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC;YAC1E,+DAA+D;YAC/D,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;QAChD,CAAC,CAAC;aACD,IAAI,CAAC,EAAE,CAAC,CAAC;IACZ,CAAC,CAAC;AACH,CAAC","sourcesContent":["import { getCapabilities, Marked, type Token } from \"@earendil-works/pi-tui\";\nimport { type AnsiTheme, type MermaidArt, render, toAnsi } from \"lovely-mermaid\";\nimport type { MarkdownTransformer } from \"../../../core/extensions/types.ts\";\nimport type { MermaidRenderingMode } from \"../../../core/settings-manager.ts\";\nimport type { Theme, ThemeColor } from \"../theme/theme.ts\";\n\nconst markdownParser = new Marked();\n\ntype MermaidTheme = Pick<Theme, \"fg\" | \"getFgAnsi\">;\n\ninterface MermaidTransformerOptions {\n\tgetMode: () => MermaidRenderingMode;\n\ttheme?: MermaidTheme;\n}\n\nfunction isMermaid(token: Token): token is Token & { type: \"code\"; text: string; lang?: string } {\n\treturn token.type === \"code\" && token.lang?.trim().split(/\\s+/, 1)[0]?.toLowerCase() === \"mermaid\";\n}\n\nfunction codeSpan(line: string): string {\n\t// Encode each diagram row as inline code (` ... `) so Markdown preserves its spacing and\n\t// box-drawing characters. Use a non-breaking space for blank rows because an\n\t// empty code span has no visible height.\n\tconst content = line || \"\\u00a0\";\n\t// CommonMark code spans use matching backtick delimiters, so choose one\n\t// longer than any backtick run in the content (``hel`lo`` -> <code>hel`lo</code>).\n\t// If the content starts or ends with a backtick, separating it from the\n\t// delimiter with a space keeps that backtick as content; CommonMark removes\n\t// the padding when rendering (`` `edge` `` -> <code>`edge`</code>).\n\t// Mermaid labels can preserve backticks, for example:\n\t//   `┌──────────────┐    ┌──────────────┐`\n\t// ```│ plain ` tick ├───▶│ two `` ticks │```\n\t//   `└──────────────┘    └──────────────┘`\n\tconst longestBacktickRun = Math.max(0, ...Array.from(content.matchAll(/`+/g), (match) => match[0].length));\n\tconst fence = \"`\".repeat(longestBacktickRun + 1);\n\tconst padding = content.startsWith(\"`\") || content.endsWith(\"`\") ? \" \" : \"\";\n\treturn `${fence}${padding}${content}${padding}${fence}`;\n}\n\nfunction themedLines(art: MermaidArt, theme: MermaidTheme): string[] {\n\tconst foreground = (color: ThemeColor) => theme.getFgAnsi(color).slice(2, -1);\n\tconst ansiTheme: AnsiTheme = {\n\t\tborder: foreground(\"borderMuted\"),\n\t\ttext: foreground(\"text\"),\n\t\tedge: foreground(\"accent\"),\n\t\tedgeLabel: foreground(\"text\"),\n\t\ttitle: `1;${foreground(\"accent\")}`,\n\t};\n\tconst linkLabels = getCapabilities().hyperlinks;\n\tconst displayArt: MermaidArt = {\n\t\t...art,\n\t\t// Only osc 8 the text, not the whole box.\n\t\tstyled: art.styled.map((row) =>\n\t\t\trow.map((span) => {\n\t\t\t\tif (span.href === undefined || (linkLabels && span.role === \"text\")) return span;\n\t\t\t\tconst unlinked = { ...span };\n\t\t\t\tdelete unlinked.href;\n\t\t\t\treturn unlinked;\n\t\t\t}),\n\t\t),\n\t};\n\treturn toAnsi(displayArt, ansiTheme);\n}\n\n/** Create a transformer that replaces top-level Mermaid code blocks with Unicode terminal diagrams. */\nexport function createMermaidMarkdownTransformer(options: MermaidTransformerOptions): MarkdownTransformer {\n\treturn (markdown, context) => {\n\t\tconst mode = options.getMode();\n\t\t// Diagrams render in user and assistant text and in model-written summaries, not in thinking or other surfaces.\n\t\tif (\n\t\t\tmode === \"off\" ||\n\t\t\t(context.messageType !== \"user\" && context.messageType !== \"assistant\" && context.messageType !== \"summary\") ||\n\t\t\t(context.isStreaming && mode !== \"streaming\")\n\t\t) {\n\t\t\treturn markdown;\n\t\t}\n\n\t\treturn markdownParser\n\t\t\t.lexer(markdown)\n\t\t\t.map((token) => {\n\t\t\t\tif (!isMermaid(token)) return token.raw;\n\t\t\t\tconst art = render(token.text);\n\t\t\t\tif (!art || art.width > context.availableWidth) return token.raw;\n\t\t\t\tif (!context.isStreaming && art.warnings.length > 0) {\n\t\t\t\t\tconst suffix = art.warnings.length > 1 ? ` (+${art.warnings.length - 1} more)` : \"\";\n\t\t\t\t\tconst warning = `Mermaid diagram not rendered: ${art.warnings[0]}${suffix}`;\n\t\t\t\t\tconst styledWarning = options.theme ? options.theme.fg(\"warning\", warning) : warning;\n\t\t\t\t\treturn `${token.raw}\\n${codeSpan(styledWarning)}  \\n`;\n\t\t\t\t}\n\t\t\t\tconst lines = options.theme ? themedLines(art, options.theme) : art.plain;\n\t\t\t\t// Markdown hard breaks keep every diagram row on its own line.\n\t\t\t\treturn `${lines.map(codeSpan).join(\"  \\n\")}\\n`;\n\t\t\t})\n\t\t\t.join(\"\");\n\t};\n}\n"]}

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

@@ -0,0 +1,61 @@
+import { type Model } from "@earendil-works/pi-ai";
+import { Container, type Focusable, Input, type TUI } from "@earendil-works/pi-tui";
+import type { ModelRuntime } from "../../../core/model-runtime.ts";
+interface ScopedModelItem {
+    model: Model<any>;
+    thinkingLevel?: string;
+}
+interface DefaultModelReference {
+    provider: string;
+    id: string;
+}
+/**
+ * Component that renders a model selector with search
+ */
+export declare class ModelSelectorComponent extends Container implements Focusable {
+    readonly capturesViewportInput: boolean;
+    private searchInput;
+    private _focused;
+    get focused(): boolean;
+    set focused(value: boolean);
+    private listContainer;
+    private allModels;
+    private scopedModelItems;
+    private activeModels;
+    private filteredModels;
+    private selectedIndex;
+    private currentModel?;
+    private modelRuntime;
+    private onSelectCallback;
+    private onSelectAsDefaultCallback?;
+    private onCancelCallback;
+    private errorMessage?;
+    private refreshStatusMessage;
+    private refreshStatusSuccess;
+    private tui;
+    private scopedModels;
+    private defaultModel?;
+    private scope;
+    private scopeText?;
+    private scopeHintText?;
+    private readonly refreshAbortController;
+    private refreshTimeout?;
+    private closed;
+    constructor(tui: TUI, currentModel: Model<any> | undefined, modelRuntime: ModelRuntime, scopedModels: ReadonlyArray<ScopedModelItem>, onSelect: (model: Model<any>) => void, onCancel: () => void, initialSearchInput?: string, onSelectAsDefault?: (model: Model<any>) => void, defaultModel?: DefaultModelReference);
+    private loadModelsFromSnapshot;
+    private refreshModels;
+    dispose(): void;
+    private sortModels;
+    private getScopeText;
+    private getScopeHintText;
+    private isDefaultModel;
+    private isDefaultSearch;
+    private setScope;
+    private filterModels;
+    private updateList;
+    handleInput(keyData: string): void;
+    private handleSelect;
+    getSearchInput(): Input;
+}
+export {};
+//# sourceMappingURL=model-selector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"model-selector.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/model-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,KAAK,EAAkB,MAAM,uBAAuB,CAAC;AACnE,OAAO,EACN,SAAS,EACT,KAAK,SAAS,EAId,KAAK,EAGL,KAAK,GAAG,EACR,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAanE,UAAU,eAAe;IACxB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,qBAAqB;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;CACX;AAMD;;GAEG;AACH,qBAAa,sBAAuB,SAAQ,SAAU,YAAW,SAAS;IACzE,QAAQ,CAAC,qBAAqB,EAAE,OAAO,CAAQ;IAC/C,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,SAAS,CAAmB;IACpC,OAAO,CAAC,gBAAgB,CAAmB;IAC3C,OAAO,CAAC,YAAY,CAAmB;IACvC,OAAO,CAAC,cAAc,CAAmB;IACzC,OAAO,CAAC,aAAa,CAAa;IAClC,OAAO,CAAC,YAAY,CAAC,CAAa;IAClC,OAAO,CAAC,YAAY,CAAe;IACnC,OAAO,CAAC,gBAAgB,CAA8B;IACtD,OAAO,CAAC,yBAAyB,CAAC,CAA8B;IAChE,OAAO,CAAC,gBAAgB,CAAa;IACrC,OAAO,CAAC,YAAY,CAAC,CAAS;IAC9B,OAAO,CAAC,oBAAoB,CAAgC;IAC5D,OAAO,CAAC,oBAAoB,CAAS;IACrC,OAAO,CAAC,GAAG,CAAM;IACjB,OAAO,CAAC,YAAY,CAAiC;IACrD,OAAO,CAAC,YAAY,CAAC,CAAwB;IAC7C,OAAO,CAAC,KAAK,CAAqB;IAClC,OAAO,CAAC,SAAS,CAAC,CAAO;IACzB,OAAO,CAAC,aAAa,CAAC,CAAO;IAC7B,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAyB;IAChE,OAAO,CAAC,cAAc,CAAC,CAAgC;IACvD,OAAO,CAAC,MAAM,CAAS;IAEvB,YACC,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,SAAS,EACpC,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,aAAa,CAAC,eAAe,CAAC,EAC5C,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,IAAI,EACrC,QAAQ,EAAE,MAAM,IAAI,EACpB,kBAAkB,CAAC,EAAE,MAAM,EAC3B,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,IAAI,EAC/C,YAAY,CAAC,EAAE,qBAAqB,EA0EpC;IAED,OAAO,CAAC,sBAAsB;YAuBhB,aAAa;IA0C3B,OAAO,IAAI,IAAI,CAKd;IAED,OAAO,CAAC,UAAU;IAiBlB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,QAAQ;IAYhB,OAAO,CAAC,YAAY;IA8BpB,OAAO,CAAC,UAAU;IA0DlB,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAwDjC;IAED,OAAO,CAAC,YAAY;IAKpB,cAAc,IAAI,KAAK,CAEtB;CACD"}

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

@@ -0,0 +1,380 @@
+import { modelsAreEqual } from "@earendil-works/pi-ai";
+import { Container, fuzzyFilter, getKeybindings, getSelectPageIndex, Input, Spacer, Text, } from "@earendil-works/pi-tui";
+import { refreshModelCatalogs } from "../model-catalog-refresh.js";
+import { getDistinctModelName, getModelSelectorSearchText } from "../model-search.js";
+import { theme } from "../theme/theme.js";
+import { DynamicBorder } from "./dynamic-border.js";
+import { keyDisplayText, keyHint } from "./keybinding-hints.js";
+const MAX_VISIBLE = 10;
+/**
+ * Component that renders a model selector with search
+ */
+export class ModelSelectorComponent extends Container {
+    capturesViewportInput = true;
+    searchInput;
+    // Focusable implementation - propagate to searchInput for IME cursor positioning
+    _focused = false;
+    get focused() {
+        return this._focused;
+    }
+    set focused(value) {
+        this._focused = value;
+        this.searchInput.focused = value;
+    }
+    listContainer;
+    allModels = [];
+    scopedModelItems = [];
+    activeModels = [];
+    filteredModels = [];
+    selectedIndex = 0;
+    currentModel;
+    modelRuntime;
+    onSelectCallback;
+    onSelectAsDefaultCallback;
+    onCancelCallback;
+    errorMessage;
+    refreshStatusMessage = "Refreshing model catalogs…";
+    refreshStatusSuccess = false;
+    tui;
+    scopedModels;
+    defaultModel;
+    scope = "all";
+    scopeText;
+    scopeHintText;
+    refreshAbortController = new AbortController();
+    refreshTimeout;
+    closed = false;
+    constructor(tui, currentModel, modelRuntime, scopedModels, onSelect, onCancel, initialSearchInput, onSelectAsDefault, defaultModel) {
+        super();
+        this.tui = tui;
+        this.currentModel = currentModel;
+        this.modelRuntime = modelRuntime;
+        this.scopedModels = scopedModels;
+        this.defaultModel = defaultModel;
+        this.scope = scopedModels.length > 0 ? "scoped" : "all";
+        this.onSelectCallback = onSelect;
+        this.onSelectAsDefaultCallback = onSelectAsDefault;
+        this.onCancelCallback = onCancel;
+        // Add top border
+        this.addChild(new DynamicBorder());
+        this.addChild(new Spacer(1));
+        // Add hint about model filtering
+        if (scopedModels.length > 0) {
+            this.scopeText = new Text(this.getScopeText(), 0, 0);
+            this.addChild(this.scopeText);
+            this.scopeHintText = new Text(this.getScopeHintText(), 0, 0);
+            this.addChild(this.scopeHintText);
+        }
+        else {
+            const hintText = "Only showing models from configured providers. Use /login to add providers.";
+            this.addChild(new Text(theme.fg("warning", hintText), 0, 0));
+        }
+        this.addChild(new Spacer(1));
+        // Create search input
+        this.searchInput = new Input();
+        if (initialSearchInput) {
+            this.searchInput.setValue(initialSearchInput);
+        }
+        this.searchInput.onSubmit = () => {
+            // Enter on search input selects the first filtered item
+            if (this.filteredModels[this.selectedIndex]) {
+                this.handleSelect(this.filteredModels[this.selectedIndex].model);
+            }
+        };
+        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));
+        // Hint
+        if (this.onSelectAsDefaultCallback) {
+            this.addChild(new Text(theme.fg("dim", `  ${keyDisplayText("tui.select.confirm")} to select · ${keyDisplayText("app.models.save")} to set as default · ${keyDisplayText("tui.select.cancel")} to cancel`), 0, 0));
+        }
+        // Add bottom border
+        this.addChild(new DynamicBorder());
+        // Render the current snapshot immediately, then refresh in the background.
+        this.loadModelsFromSnapshot();
+        if (initialSearchInput)
+            this.filterModels(initialSearchInput);
+        else
+            this.updateList();
+        this.tui.requestRender();
+        void this.refreshModels();
+    }
+    loadModelsFromSnapshot() {
+        const models = this.modelRuntime.getAvailableSnapshot().map((model) => ({
+            provider: model.provider,
+            id: model.id,
+            model,
+        }));
+        this.allModels = this.sortModels(models);
+        this.scopedModels = this.scopedModels.map((scoped) => {
+            const refreshed = this.modelRuntime.getModel(scoped.model.provider, scoped.model.id);
+            return refreshed ? { ...scoped, model: refreshed } : scoped;
+        });
+        this.scopedModelItems = this.scopedModels.map((scoped) => ({
+            provider: scoped.model.provider,
+            id: scoped.model.id,
+            model: scoped.model,
+        }));
+        this.activeModels = this.scope === "scoped" ? this.scopedModelItems : this.allModels;
+        this.filteredModels = this.activeModels;
+        const currentIndex = this.filteredModels.findIndex((item) => modelsAreEqual(this.currentModel, item.model));
+        this.selectedIndex =
+            currentIndex >= 0 ? currentIndex : Math.min(this.selectedIndex, Math.max(0, this.filteredModels.length - 1));
+    }
+    async refreshModels() {
+        const timeoutMs = 15_000;
+        let timedOut = false;
+        this.refreshTimeout = setTimeout(() => {
+            timedOut = true;
+            this.refreshAbortController.abort();
+        }, timeoutMs);
+        try {
+            const result = await refreshModelCatalogs(this.modelRuntime, this.refreshAbortController.signal);
+            if (this.closed)
+                return;
+            this.refreshStatusMessage = "";
+            if (result.aborted && timedOut) {
+                this.errorMessage = "Model refresh timed out; showing cached models.";
+            }
+            else if (result.errors.size === 1) {
+                this.errorMessage = `Could not refresh ${result.errors.keys().next().value}; showing cached models.`;
+            }
+            else if (result.errors.size > 1) {
+                this.errorMessage = `Could not refresh ${result.errors.size} model catalogs (${[...result.errors.keys()].join(", ")}); showing cached models.`;
+            }
+            else {
+                this.errorMessage = this.modelRuntime.getError();
+                if (!this.errorMessage) {
+                    this.refreshStatusMessage = "Model catalogs refreshed.";
+                    this.refreshStatusSuccess = true;
+                }
+            }
+            const selectedModel = this.filteredModels[this.selectedIndex]?.model;
+            this.loadModelsFromSnapshot();
+            // The user may have moved while the refresh was in flight, and the refresh can shift rows.
+            this.filterModels(this.searchInput.getValue(), selectedModel);
+            this.tui.requestRender();
+        }
+        catch (error) {
+            if (this.closed)
+                return;
+            this.refreshStatusMessage = "";
+            this.errorMessage = timedOut
+                ? "Model refresh timed out; showing cached models."
+                : `Could not refresh model catalogs: ${error instanceof Error ? error.message : String(error)}`;
+            this.updateList();
+            this.tui.requestRender();
+        }
+        finally {
+            if (this.refreshTimeout)
+                clearTimeout(this.refreshTimeout);
+        }
+    }
+    dispose() {
+        if (this.closed)
+            return;
+        this.closed = true;
+        if (this.refreshTimeout)
+            clearTimeout(this.refreshTimeout);
+        this.refreshAbortController.abort();
+    }
+    sortModels(models) {
+        const sorted = [...models];
+        // Sort: current model first, default model second, then by provider.
+        sorted.sort((a, b) => {
+            const aIsCurrent = modelsAreEqual(this.currentModel, a.model);
+            const bIsCurrent = modelsAreEqual(this.currentModel, b.model);
+            if (aIsCurrent && !bIsCurrent)
+                return -1;
+            if (!aIsCurrent && bIsCurrent)
+                return 1;
+            const aIsDefault = this.isDefaultModel(a.model);
+            const bIsDefault = this.isDefaultModel(b.model);
+            if (aIsDefault && !bIsDefault)
+                return -1;
+            if (!aIsDefault && bIsDefault)
+                return 1;
+            return a.provider.localeCompare(b.provider);
+        });
+        return sorted;
+    }
+    getScopeText() {
+        const allText = this.scope === "all" ? theme.fg("accent", "all") : theme.fg("muted", "all");
+        const scopedText = this.scope === "scoped" ? theme.fg("accent", "scoped") : theme.fg("muted", "scoped");
+        return `${theme.fg("muted", "Scope: ")}${allText}${theme.fg("muted", " | ")}${scopedText}`;
+    }
+    getScopeHintText() {
+        return keyHint("tui.input.tab", "scope") + theme.fg("muted", " (all/scoped)");
+    }
+    isDefaultModel(model) {
+        return this.defaultModel?.provider === model.provider && this.defaultModel.id === model.id;
+    }
+    isDefaultSearch(query) {
+        const normalized = query.trim().toLowerCase();
+        return normalized.length > 0 && "default".startsWith(normalized);
+    }
+    setScope(scope) {
+        if (this.scope === scope)
+            return;
+        this.scope = scope;
+        this.activeModels = this.scope === "scoped" ? this.scopedModelItems : this.allModels;
+        const currentIndex = this.activeModels.findIndex((item) => modelsAreEqual(this.currentModel, item.model));
+        this.selectedIndex = currentIndex >= 0 ? currentIndex : 0;
+        this.filterModels(this.searchInput.getValue());
+        if (this.scopeText) {
+            this.scopeText.setText(this.getScopeText());
+        }
+    }
+    filterModels(query, preferredModel) {
+        if (query) {
+            const filtered = fuzzyFilter(this.activeModels, query, (item) => {
+                const defaultText = this.isDefaultModel(item.model) ? " default" : "";
+                return `${getModelSelectorSearchText({ id: item.id, provider: item.provider, name: item.model.name })}${defaultText}`;
+            });
+            if (this.isDefaultSearch(query)) {
+                const defaultItems = this.activeModels.filter((item) => this.isDefaultModel(item.model));
+                const defaultKeys = new Set(defaultItems.map((item) => `${item.provider}\0${item.id}`));
+                this.filteredModels = [
+                    ...defaultItems,
+                    ...filtered.filter((item) => !defaultKeys.has(`${item.provider}\0${item.id}`)),
+                ];
+            }
+            else {
+                this.filteredModels = filtered;
+            }
+        }
+        else {
+            this.filteredModels = this.activeModels;
+        }
+        // Keep the preferred model selected if it is still listed. Otherwise, when filtering
+        // by a query, move the selector to the top row so the best match is highlighted.
+        // When the query is cleared, keep the current position clamped to the (restored) list length.
+        const preferredIndex = preferredModel
+            ? this.filteredModels.findIndex((item) => modelsAreEqual(preferredModel, item.model))
+            : -1;
+        if (preferredIndex >= 0)
+            this.selectedIndex = preferredIndex;
+        else
+            this.selectedIndex = query ? 0 : Math.min(this.selectedIndex, Math.max(0, this.filteredModels.length - 1));
+        this.updateList();
+    }
+    updateList() {
+        this.listContainer.clear();
+        const startIndex = Math.max(0, Math.min(this.selectedIndex - Math.floor(MAX_VISIBLE / 2), this.filteredModels.length - MAX_VISIBLE));
+        const endIndex = Math.min(startIndex + MAX_VISIBLE, this.filteredModels.length);
+        // Show visible slice of filtered models
+        for (let i = startIndex; i < endIndex; i++) {
+            const item = this.filteredModels[i];
+            if (!item)
+                continue;
+            const isSelected = i === this.selectedIndex;
+            const isCurrent = modelsAreEqual(this.currentModel, item.model);
+            const isDefault = this.isDefaultModel(item.model);
+            const defaultBadge = isDefault ? theme.fg("muted", " · default") : "";
+            const cursor = isSelected ? theme.fg("accent", "→ ") : "  ";
+            const currentMarker = isCurrent ? theme.fg("accent", "✓ ") : "  ";
+            const modelText = isSelected ? theme.fg("accent", item.id) : item.id;
+            const name = getDistinctModelName({ id: item.id, name: item.model.name });
+            const nameText = name ? theme.fg("muted", ` (${name})`) : "";
+            const providerBadge = theme.fg("muted", `[${item.provider}]`);
+            const line = `${cursor}${currentMarker}${modelText}${nameText} ${providerBadge}${defaultBadge}`;
+            this.listContainer.addChild(new Text(line, 0, 0));
+        }
+        // Add scroll indicator if needed
+        if (startIndex > 0 || endIndex < this.filteredModels.length) {
+            const scrollInfo = theme.fg("muted", `  (${this.selectedIndex + 1}/${this.filteredModels.length})`);
+            this.listContainer.addChild(new Text(scrollInfo, 0, 0));
+        }
+        // Show error message or "no results" if empty
+        if (this.errorMessage) {
+            // Show error in red
+            const errorLines = this.errorMessage.split("\n");
+            for (const line of errorLines) {
+                this.listContainer.addChild(new Text(theme.fg("error", line), 0, 0));
+            }
+        }
+        else if (this.filteredModels.length === 0) {
+            this.listContainer.addChild(new Text(theme.fg("muted", "  No matching models"), 0, 0));
+        }
+        else {
+            const selected = this.filteredModels[this.selectedIndex];
+            this.listContainer.addChild(new Spacer(1));
+            this.listContainer.addChild(new Text(theme.fg("muted", `  Model Name: ${selected.model.name}`), 0, 0));
+        }
+        if (this.refreshStatusMessage) {
+            this.listContainer.addChild(new Spacer(1));
+            this.listContainer.addChild(new Text(theme.fg(this.refreshStatusSuccess ? "success" : "muted", `  ${this.refreshStatusMessage}`), 0, 0));
+        }
+    }
+    handleInput(keyData) {
+        const kb = getKeybindings();
+        const pageIndex = getSelectPageIndex(kb, keyData, this.selectedIndex, this.filteredModels.length, MAX_VISIBLE);
+        if (kb.matches(keyData, "tui.input.tab")) {
+            if (this.scopedModelItems.length > 0) {
+                const nextScope = this.scope === "all" ? "scoped" : "all";
+                this.setScope(nextScope);
+                if (this.scopeHintText) {
+                    this.scopeHintText.setText(this.getScopeHintText());
+                }
+            }
+            return;
+        }
+        // Up arrow - wrap to bottom when at top
+        if (kb.matches(keyData, "tui.select.up")) {
+            if (this.filteredModels.length === 0)
+                return;
+            this.selectedIndex = this.selectedIndex === 0 ? this.filteredModels.length - 1 : this.selectedIndex - 1;
+            this.updateList();
+        }
+        // Down arrow - wrap to top when at bottom
+        else if (kb.matches(keyData, "tui.select.down")) {
+            if (this.filteredModels.length === 0)
+                return;
+            this.selectedIndex = this.selectedIndex === this.filteredModels.length - 1 ? 0 : this.selectedIndex + 1;
+            this.updateList();
+        }
+        // Page up/down
+        else if (pageIndex !== undefined) {
+            if (this.filteredModels.length === 0)
+                return;
+            this.selectedIndex = pageIndex;
+            this.updateList();
+        }
+        // Enter
+        else if (kb.matches(keyData, "tui.select.confirm")) {
+            const selectedModel = this.filteredModels[this.selectedIndex];
+            if (selectedModel) {
+                this.handleSelect(selectedModel.model);
+            }
+        }
+        // Escape or Ctrl+C
+        else if (kb.matches(keyData, "tui.select.cancel")) {
+            this.dispose();
+            this.onCancelCallback();
+        }
+        // Select and save as default
+        else if (kb.matches(keyData, "app.models.save") && this.onSelectAsDefaultCallback) {
+            const selectedModel = this.filteredModels[this.selectedIndex];
+            if (selectedModel) {
+                this.dispose();
+                this.onSelectAsDefaultCallback(selectedModel.model);
+            }
+        }
+        // Pass everything else to search input
+        else {
+            this.searchInput.handleInput(keyData);
+            this.filterModels(this.searchInput.getValue());
+        }
+    }
+    handleSelect(model) {
+        this.dispose();
+        this.onSelectCallback(model);
+    }
+    getSearchInput() {
+        return this.searchInput;
+    }
+}
+//# sourceMappingURL=model-selector.js.map