@maxmo74/pi-coding-agent 0.0.0-stage → 1.4.0-max.0

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

@@ -0,0 +1,175 @@
+import { Container, fuzzyFilter, getKeybindings, getSelectPageIndex, Input, Spacer, TruncatedText, } from "@earendil-works/pi-tui";
+import { theme } from "../theme/theme.js";
+import { DynamicBorder } from "./dynamic-border.js";
+export function formatAuthSelectorProviderType(authType, subscription) {
+    if (authType === "api_key")
+        return "API key";
+    return subscription === false ? "account" : "subscription";
+}
+/** Themed suffix describing whether and how a login option is configured, for example " ✓ configured". */
+export function formatAuthSelectorProviderStatus(provider) {
+    if (!provider.status)
+        return theme.fg("muted", " • not configured");
+    if (provider.status.type !== provider.authType) {
+        const label = `${formatAuthSelectorProviderType(provider.status.type, provider.subscription)} 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}`);
+}
+const MAX_VISIBLE = 8;
+/**
+ * Component that renders an auth provider selector
+ */
+export class OAuthSelectorComponent extends Container {
+    capturesViewportInput = true;
+    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 startIndex = Math.max(0, Math.min(this.selectedIndex - Math.floor(MAX_VISIBLE / 2), this.filteredProviders.length - MAX_VISIBLE));
+        const endIndex = Math.min(startIndex + MAX_VISIBLE, 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 = formatAuthSelectorProviderStatus(provider);
+            const authTypeLabel = this.showAuthTypeLabels
+                ? theme.fg("muted", ` [${formatAuthSelectorProviderType(provider.authType, provider.subscription)}]`)
+                : "";
+            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));
+        }
+    }
+    handleInput(keyData) {
+        const kb = getKeybindings();
+        const pageIndex = getSelectPageIndex(kb, keyData, this.selectedIndex, this.filteredProviders.length, MAX_VISIBLE);
+        // 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();
+        }
+        // Page up/down
+        else if (pageIndex !== undefined) {
+            if (this.filteredProviders.length === 0)
+                return;
+            this.selectedIndex = pageIndex;
+            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\tgetSelectPageIndex,\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\t/**\n\t * Whether the provider's OAuth sign-in is backed by a subscription. `false` labels it as an account;\n\t * unset keeps the \"subscription\" label.\n\t */\n\tsubscription?: boolean;\n};\n\nexport function formatAuthSelectorProviderType(\n\tauthType: AuthSelectorProvider[\"authType\"],\n\tsubscription?: boolean,\n): string {\n\tif (authType === \"api_key\") return \"API key\";\n\treturn subscription === false ? \"account\" : \"subscription\";\n}\n\n/** Themed suffix describing whether and how a login option is configured, for example \" ✓ configured\". */\nexport function formatAuthSelectorProviderStatus(provider: AuthSelectorProvider): string {\n\tif (!provider.status) return theme.fg(\"muted\", \" • not configured\");\n\tif (provider.status.type !== provider.authType) {\n\t\tconst label = `${formatAuthSelectorProviderType(provider.status.type, provider.subscription)} configured`;\n\t\treturn theme.fg(\"muted\", \" • \") + theme.fg(\"warning\", label);\n\t}\n\tif (\n\t\t!provider.status.source ||\n\t\tprovider.status.source === \"OAuth\" ||\n\t\tprovider.status.source === \"stored credential\"\n\t) {\n\t\treturn theme.fg(\"success\", \" ✓ configured\");\n\t}\n\tconst source = /^[A-Z][A-Z0-9_]*(?:, [A-Z][A-Z0-9_]*)*$/.test(provider.status.source)\n\t\t? `env: ${provider.status.source}`\n\t\t: provider.status.source;\n\treturn theme.fg(\"success\", ` ✓ ${source}`);\n}\n\nconst MAX_VISIBLE = 8;\n\n/**\n * Component that renders an auth provider selector\n */\nexport class OAuthSelectorComponent extends Container implements Focusable {\n\treadonly capturesViewportInput: boolean = true;\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 startIndex = Math.max(\n\t\t\t0,\n\t\t\tMath.min(this.selectedIndex - Math.floor(MAX_VISIBLE / 2), this.filteredProviders.length - MAX_VISIBLE),\n\t\t);\n\t\tconst endIndex = Math.min(startIndex + MAX_VISIBLE, 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 = formatAuthSelectorProviderStatus(provider);\n\t\t\tconst authTypeLabel = this.showAuthTypeLabels\n\t\t\t\t? theme.fg(\"muted\", ` [${formatAuthSelectorProviderType(provider.authType, provider.subscription)}]`)\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\thandleInput(keyData: string): void {\n\t\tconst kb = getKeybindings();\n\t\tconst pageIndex = getSelectPageIndex(kb, keyData, this.selectedIndex, this.filteredProviders.length, MAX_VISIBLE);\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// Page up/down\n\t\telse if (pageIndex !== undefined) {\n\t\t\tif (this.filteredProviders.length === 0) return;\n\t\t\tthis.selectedIndex = pageIndex;\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/pi-logo.d.ts

@@ -0,0 +1,19 @@
+/**
+ * The pi logo: 4 cells wide and 2 lines tall. Each cell shows two square pixels with half blocks:
+ *
+ *   coral coral coral .
+ *   blue  .     coral .
+ *   blue  blue  .     yellow
+ *   blue  .     .     yellow
+ *
+ * The brand colors stay fixed across themes; they follow the terminal's color mode.
+ */
+export declare function piLogoLines(): [string, string];
+/**
+ * Whether the terminal renders the half-block logo correctly. Apple Terminal draws gaps between rows and
+ * misaligns the half blocks, so it gets the text wordmark instead.
+ */
+export declare function supportsPiLogo(): boolean;
+/** Text fallback for the logo: "Pi" with the logo's coral and yellow. */
+export declare function piWordmark(): string;
+//# sourceMappingURL=pi-logo.d.ts.map

package/dist/modes/interactive/components/pi-logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pi-logo.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/pi-logo.ts"],"names":[],"mappings":"AAQA;;;;;;;;;GASG;AACH,wBAAgB,WAAW,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAO9C;AAED;;;GAGG;AACH,wBAAgB,cAAc,IAAI,OAAO,CAExC;AAED,yEAAyE;AACzE,wBAAgB,UAAU,IAAI,MAAM,CAGnC"}

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

@@ -0,0 +1,37 @@
+import { backgroundAnsi, foregroundAnsi, isAppleTerminalSession, rgbColor } from "@earendil-works/pi-tui";
+import { theme } from "../theme/theme.js";
+const CORAL = rgbColor(228, 138, 122);
+const BLUE = rgbColor(79, 142, 179);
+const YELLOW = rgbColor(234, 182, 93);
+const RESET = "\x1b[0m";
+/**
+ * The pi logo: 4 cells wide and 2 lines tall. Each cell shows two square pixels with half blocks:
+ *
+ *   coral coral coral .
+ *   blue  .     coral .
+ *   blue  blue  .     yellow
+ *   blue  .     .     yellow
+ *
+ * The brand colors stay fixed across themes; they follow the terminal's color mode.
+ */
+export function piLogoLines() {
+    const mode = theme.getColorMode();
+    const fg = (color) => foregroundAnsi(color, mode);
+    // The fourth cell of the top line is empty, so it is padded to the same width as the bottom line.
+    const top = `${fg(CORAL)}${backgroundAnsi(BLUE, mode)}▀${RESET}${fg(CORAL)}▀█${RESET} `;
+    const bottom = `${fg(BLUE)}█▀${RESET} ${fg(YELLOW)}█${RESET}`;
+    return [top, bottom];
+}
+/**
+ * Whether the terminal renders the half-block logo correctly. Apple Terminal draws gaps between rows and
+ * misaligns the half blocks, so it gets the text wordmark instead.
+ */
+export function supportsPiLogo() {
+    return !isAppleTerminalSession();
+}
+/** Text fallback for the logo: "Pi" with the logo's coral and yellow. */
+export function piWordmark() {
+    const mode = theme.getColorMode();
+    return `${foregroundAnsi(CORAL, mode)}P${RESET}${foregroundAnsi(YELLOW, mode)}i${RESET}`;
+}
+//# sourceMappingURL=pi-logo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pi-logo.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/pi-logo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC1G,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACtC,MAAM,IAAI,GAAG,QAAQ,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACpC,MAAM,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;AACtC,MAAM,KAAK,GAAG,SAAS,CAAC;AAExB;;;;;;;;;GASG;AACH,MAAM,UAAU,WAAW;IAC1B,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;IAClC,MAAM,EAAE,GAAG,CAAC,KAAmB,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAChE,kGAAkG;IAClG,MAAM,GAAG,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,KAAK,GAAG,CAAC;IACxF,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,EAAE,CAAC;IAC9D,OAAO,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;AACtB,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,cAAc;IAC7B,OAAO,CAAC,sBAAsB,EAAE,CAAC;AAClC,CAAC;AAED,yEAAyE;AACzE,MAAM,UAAU,UAAU;IACzB,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;IAClC,OAAO,GAAG,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,KAAK,GAAG,cAAc,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,KAAK,EAAE,CAAC;AAC1F,CAAC","sourcesContent":["import { backgroundAnsi, foregroundAnsi, isAppleTerminalSession, rgbColor } from \"@earendil-works/pi-tui\";\nimport { theme } from \"../theme/theme.ts\";\n\nconst CORAL = rgbColor(228, 138, 122);\nconst BLUE = rgbColor(79, 142, 179);\nconst YELLOW = rgbColor(234, 182, 93);\nconst RESET = \"\\x1b[0m\";\n\n/**\n * The pi logo: 4 cells wide and 2 lines tall. Each cell shows two square pixels with half blocks:\n *\n *   coral coral coral .\n *   blue  .     coral .\n *   blue  blue  .     yellow\n *   blue  .     .     yellow\n *\n * The brand colors stay fixed across themes; they follow the terminal's color mode.\n */\nexport function piLogoLines(): [string, string] {\n\tconst mode = theme.getColorMode();\n\tconst fg = (color: typeof CORAL) => foregroundAnsi(color, mode);\n\t// The fourth cell of the top line is empty, so it is padded to the same width as the bottom line.\n\tconst top = `${fg(CORAL)}${backgroundAnsi(BLUE, mode)}▀${RESET}${fg(CORAL)}▀█${RESET} `;\n\tconst bottom = `${fg(BLUE)}█▀${RESET} ${fg(YELLOW)}█${RESET}`;\n\treturn [top, bottom];\n}\n\n/**\n * Whether the terminal renders the half-block logo correctly. Apple Terminal draws gaps between rows and\n * misaligns the half blocks, so it gets the text wordmark instead.\n */\nexport function supportsPiLogo(): boolean {\n\treturn !isAppleTerminalSession();\n}\n\n/** Text fallback for the logo: \"Pi\" with the logo's coral and yellow. */\nexport function piWordmark(): string {\n\tconst mode = theme.getColorMode();\n\treturn `${foregroundAnsi(CORAL, mode)}P${RESET}${foregroundAnsi(YELLOW, mode)}i${RESET}`;\n}\n"]}

package/dist/modes/interactive/components/radius-login-selector.d.ts

@@ -0,0 +1,15 @@
+/**
+ * The `/login` menu with the animated "Sign in with Radius" option. Internal to the interactive mode: the shimmer
+ * is Radius-only and is not exposed to other selectors.
+ */
+import { type TUI } from "@earendil-works/pi-tui";
+import { ExtensionSelectorComponent } from "./extension-selector.ts";
+/** The "Sign in with Radius" option: `label` is the full option, starting with the animated `text`. */
+type RadiusOption = {
+    label: string;
+    text: string;
+};
+/** Top-level `/login` selector whose Radius option shimmers in the Radius logo colors while it is selected. */
+export declare function createLoginMenuSelector(tui: TUI, title: string, options: string[], radiusOption: RadiusOption, onSelect: (option: string) => void, onCancel: () => void): ExtensionSelectorComponent;
+export {};
+//# sourceMappingURL=radius-login-selector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radius-login-selector.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/radius-login-selector.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAA2D,KAAK,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAE3G,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AA8BrE,uGAAuG;AACvG,KAAK,YAAY,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAiEpD,+GAA+G;AAC/G,wBAAgB,uBAAuB,CACtC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,MAAM,EAAE,EACjB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,EAClC,QAAQ,EAAE,MAAM,IAAI,GAClB,0BAA0B,CAE5B"}

package/dist/modes/interactive/components/radius-login-selector.js

@@ -0,0 +1,85 @@
+/**
+ * The `/login` menu with the animated "Sign in with Radius" option. Internal to the interactive mode: the shimmer
+ * is Radius-only and is not exposed to other selectors.
+ */
+import { foregroundAnsi, mixColors, parseColor, Text } from "@earendil-works/pi-tui";
+import { theme } from "../theme/theme.js";
+import { ExtensionSelectorComponent } from "./extension-selector.js";
+/** The four colors of the Radius logo, in the order they stream across the text. */
+const RADIUS_COLORS = ["#4d9abf", "#83ccd2", "#f1be57", "#f09082"].map((hex) => parseColor(hex));
+/** Width of each color band, in characters. */
+const CHARS_PER_COLOR = 4;
+const CHARS_PER_SECOND = 10;
+const ANIMATION_FRAME_MS = 50;
+/** Color `text` with the Radius logo colors flowing left to right; `elapsedMs` is the animation time. */
+function radiusShimmer(text, elapsedMs) {
+    const mode = theme.getColorMode();
+    const cycle = RADIUS_COLORS.length * CHARS_PER_COLOR;
+    const offset = (elapsedMs / 1000) * CHARS_PER_SECOND;
+    let result = "";
+    let index = 0;
+    for (const char of text) {
+        const position = (((index - offset) % cycle) + cycle) % cycle;
+        const band = Math.floor(position / CHARS_PER_COLOR);
+        const t = position / CHARS_PER_COLOR - band;
+        // Smoothstep keeps each band recognizable while still blending into the next one.
+        const amount = t * t * (3 - 2 * t);
+        const from = RADIUS_COLORS[band];
+        const to = RADIUS_COLORS[(band + 1) % RADIUS_COLORS.length];
+        result += foregroundAnsi(mixColors(from, to, amount, "srgb"), mode) + char;
+        index++;
+    }
+    return `${result}\x1b[39m`;
+}
+/**
+ * Swaps the line `ExtensionSelectorComponent` draws for the selected Radius option with the animated one. When the
+ * selector's row style changes or the label wraps, the line no longer matches and the option renders normally.
+ */
+class RadiusLoginMenuComponent extends ExtensionSelectorComponent {
+    radiusOption;
+    animationStart = performance.now();
+    animationTimer;
+    animating = false;
+    constructor(tui, title, options, radiusOption, onSelect, onCancel) {
+        super(title, options, (option) => {
+            this.stopAnimation();
+            onSelect(option);
+        }, () => {
+            this.stopAnimation();
+            onCancel();
+        });
+        this.radiusOption = radiusOption;
+        this.animationTimer = setInterval(() => {
+            if (this.animating)
+                tui.requestRender();
+        }, ANIMATION_FRAME_MS);
+        this.animationTimer.unref?.();
+    }
+    render(width) {
+        const lines = super.render(width);
+        const { label, text } = this.radiusOption;
+        const selectedLine = new Text(theme.fg("accent", "→ ") + theme.fg("accent", label), 1, 0).render(width)[0];
+        const index = selectedLine === undefined ? -1 : lines.indexOf(selectedLine);
+        this.animating = index >= 0;
+        if (this.animating) {
+            const shimmer = radiusShimmer(text, performance.now() - this.animationStart);
+            const animatedLine = theme.fg("accent", "→ ") + shimmer + label.slice(text.length);
+            lines[index] = new Text(animatedLine, 1, 0).render(width)[0] ?? "";
+        }
+        return lines;
+    }
+    stopAnimation() {
+        clearInterval(this.animationTimer);
+        this.animationTimer = undefined;
+        this.animating = false;
+    }
+    dispose() {
+        this.stopAnimation();
+        super.dispose();
+    }
+}
+/** Top-level `/login` selector whose Radius option shimmers in the Radius logo colors while it is selected. */
+export function createLoginMenuSelector(tui, title, options, radiusOption, onSelect, onCancel) {
+    return new RadiusLoginMenuComponent(tui, title, options, radiusOption, onSelect, onCancel);
+}
+//# sourceMappingURL=radius-login-selector.js.map

package/dist/modes/interactive/components/radius-login-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radius-login-selector.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/radius-login-selector.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * The `/login` menu with the animated \"Sign in with Radius\" option. Internal to the interactive mode: the shimmer\n * is Radius-only and is not exposed to other selectors.\n */\n\nimport { type Color, foregroundAnsi, mixColors, parseColor, Text, type TUI } from \"@earendil-works/pi-tui\";\nimport { theme } from \"../theme/theme.ts\";\nimport { ExtensionSelectorComponent } from \"./extension-selector.ts\";\n\n/** The four colors of the Radius logo, in the order they stream across the text. */\nconst RADIUS_COLORS: readonly Color[] = [\"#4d9abf\", \"#83ccd2\", \"#f1be57\", \"#f09082\"].map((hex) => parseColor(hex));\n/** Width of each color band, in characters. */\nconst CHARS_PER_COLOR = 4;\nconst CHARS_PER_SECOND = 10;\nconst ANIMATION_FRAME_MS = 50;\n\n/** Color `text` with the Radius logo colors flowing left to right; `elapsedMs` is the animation time. */\nfunction radiusShimmer(text: string, elapsedMs: number): string {\n\tconst mode = theme.getColorMode();\n\tconst cycle = RADIUS_COLORS.length * CHARS_PER_COLOR;\n\tconst offset = (elapsedMs / 1000) * CHARS_PER_SECOND;\n\tlet result = \"\";\n\tlet index = 0;\n\tfor (const char of text) {\n\t\tconst position = (((index - offset) % cycle) + cycle) % cycle;\n\t\tconst band = Math.floor(position / CHARS_PER_COLOR);\n\t\tconst t = position / CHARS_PER_COLOR - band;\n\t\t// Smoothstep keeps each band recognizable while still blending into the next one.\n\t\tconst amount = t * t * (3 - 2 * t);\n\t\tconst from = RADIUS_COLORS[band] as Color;\n\t\tconst to = RADIUS_COLORS[(band + 1) % RADIUS_COLORS.length] as Color;\n\t\tresult += foregroundAnsi(mixColors(from, to, amount, \"srgb\"), mode) + char;\n\t\tindex++;\n\t}\n\treturn `${result}\\x1b[39m`;\n}\n\n/** The \"Sign in with Radius\" option: `label` is the full option, starting with the animated `text`. */\ntype RadiusOption = { label: string; text: string };\n\n/**\n * Swaps the line `ExtensionSelectorComponent` draws for the selected Radius option with the animated one. When the\n * selector's row style changes or the label wraps, the line no longer matches and the option renders normally.\n */\nclass RadiusLoginMenuComponent extends ExtensionSelectorComponent {\n\tprivate readonly radiusOption: RadiusOption;\n\tprivate readonly animationStart = performance.now();\n\tprivate animationTimer: ReturnType<typeof setInterval> | undefined;\n\tprivate animating = false;\n\n\tconstructor(\n\t\ttui: TUI,\n\t\ttitle: string,\n\t\toptions: string[],\n\t\tradiusOption: RadiusOption,\n\t\tonSelect: (option: string) => void,\n\t\tonCancel: () => void,\n\t) {\n\t\tsuper(\n\t\t\ttitle,\n\t\t\toptions,\n\t\t\t(option) => {\n\t\t\t\tthis.stopAnimation();\n\t\t\t\tonSelect(option);\n\t\t\t},\n\t\t\t() => {\n\t\t\t\tthis.stopAnimation();\n\t\t\t\tonCancel();\n\t\t\t},\n\t\t);\n\t\tthis.radiusOption = radiusOption;\n\t\tthis.animationTimer = setInterval(() => {\n\t\t\tif (this.animating) tui.requestRender();\n\t\t}, ANIMATION_FRAME_MS);\n\t\tthis.animationTimer.unref?.();\n\t}\n\n\toverride render(width: number): string[] {\n\t\tconst lines = super.render(width);\n\t\tconst { label, text } = this.radiusOption;\n\t\tconst selectedLine = new Text(theme.fg(\"accent\", \"→ \") + theme.fg(\"accent\", label), 1, 0).render(width)[0];\n\t\tconst index = selectedLine === undefined ? -1 : lines.indexOf(selectedLine);\n\t\tthis.animating = index >= 0;\n\t\tif (this.animating) {\n\t\t\tconst shimmer = radiusShimmer(text, performance.now() - this.animationStart);\n\t\t\tconst animatedLine = theme.fg(\"accent\", \"→ \") + shimmer + label.slice(text.length);\n\t\t\tlines[index] = new Text(animatedLine, 1, 0).render(width)[0] ?? \"\";\n\t\t}\n\t\treturn lines;\n\t}\n\n\tprivate stopAnimation(): void {\n\t\tclearInterval(this.animationTimer);\n\t\tthis.animationTimer = undefined;\n\t\tthis.animating = false;\n\t}\n\n\toverride dispose(): void {\n\t\tthis.stopAnimation();\n\t\tsuper.dispose();\n\t}\n}\n\n/** Top-level `/login` selector whose Radius option shimmers in the Radius logo colors while it is selected. */\nexport function createLoginMenuSelector(\n\ttui: TUI,\n\ttitle: string,\n\toptions: string[],\n\tradiusOption: RadiusOption,\n\tonSelect: (option: string) => void,\n\tonCancel: () => void,\n): ExtensionSelectorComponent {\n\treturn new RadiusLoginMenuComponent(tui, title, options, radiusOption, onSelect, onCancel);\n}\n"]}

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

@@ -0,0 +1,47 @@
+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 {
+    readonly capturesViewportInput: boolean;
+    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,EAId,KAAK,EAKL,MAAM,wBAAwB,CAAC;AAmEhC,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,QAAQ,CAAC,qBAAqB,EAAE,OAAO,CAAQ;IAC/C,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;IA+ClB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CA2H9B;IAED,cAAc,IAAI,KAAK,CAEtB;CACD"}