my-pi-agent 0.1.0

package/tui/dist/components/dynamic-border.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 宽度自适应横向边界线组件 (100% 对标 Pi DynamicBorder)
+ */
+export declare class DynamicBorder {
+    color: (str: string) => string;
+    constructor(color?: (str: string) => string);
+    invalidate(): void;
+    render(width: number): string[];
+}

package/tui/dist/components/dynamic-border.js

@@ -0,0 +1,14 @@
+import { theme } from "../theme/theme.js";
+/**
+ * 宽度自适应横向边界线组件 (100% 对标 Pi DynamicBorder)
+ */
+export class DynamicBorder {
+    color;
+    constructor(color = (str) => theme.fg("borderMuted", str)) {
+        this.color = color;
+    }
+    invalidate() { }
+    render(width) {
+        return [this.color("─".repeat(Math.max(1, width)))];
+    }
+}

package/tui/dist/components/footer.d.ts

@@ -0,0 +1,39 @@
+import { Container } from "@earendil-works/pi-tui";
+export interface FooterData {
+    workspace: string;
+    gitBranch?: string;
+    sessionName?: string;
+    providerName?: string;
+    modelName?: string;
+    thinkingLevel?: string;
+    inputTokens?: number;
+    outputTokens?: number;
+    cacheReadTokens?: number;
+    cacheWriteTokens?: number;
+    cacheHitRate?: number;
+    totalTokens?: number;
+    tokensUsed?: number;
+    contextTokens?: number;
+    contextWindow?: number;
+    autoCompactEnabled?: boolean;
+    costUsd?: number;
+    elapsedSeconds?: number;
+    isBusy?: boolean;
+}
+export declare function formatTokens(count: number): string;
+export declare class FooterComponent extends Container {
+    private readonly onRequestRender?;
+    private data;
+    private spinnerFrame;
+    private busyInterval;
+    constructor(initialData?: Partial<FooterData>, onRequestRender?: (() => void) | undefined);
+    update(partial: Partial<FooterData>): void;
+    private startAnimation;
+    private stopAnimation;
+    dispose(): void;
+    getContextWindow(): number;
+    getSessionName(): string | undefined;
+    render(width: number): string[];
+    private formatCwd;
+    formatTokens(count: number): string;
+}

package/tui/dist/components/footer.js

@@ -0,0 +1,199 @@
+import * as os from "node:os";
+import * as path from "node:path";
+import { Container, truncateToWidth, visibleWidth, } from "@earendil-works/pi-tui";
+import { theme } from "../theme/theme.js";
+import { SPINNER_FRAMES } from "./tool-execution.js";
+export function formatTokens(count) {
+    if (count < 1000)
+        return count.toString();
+    if (count < 10000)
+        return `${(count / 1000).toFixed(1)}k`;
+    if (count < 1000000)
+        return `${Math.round(count / 1000)}k`;
+    if (count < 10000000)
+        return `${(count / 1000000).toFixed(1)}M`;
+    return `${Math.round(count / 1000000)}M`;
+}
+export class FooterComponent extends Container {
+    onRequestRender;
+    data;
+    spinnerFrame = 0;
+    busyInterval = null;
+    constructor(initialData, onRequestRender) {
+        super();
+        this.onRequestRender = onRequestRender;
+        this.data = {
+            workspace: process.cwd(),
+            modelName: "default",
+            thinkingLevel: "off",
+            inputTokens: 0,
+            outputTokens: 0,
+            totalTokens: 0,
+            contextWindow: 128000,
+            costUsd: 0,
+            ...initialData,
+        };
+        if (this.data.isBusy) {
+            this.startAnimation();
+        }
+    }
+    update(partial) {
+        const wasBusy = Boolean(this.data.isBusy);
+        this.data = { ...this.data, ...partial };
+        const nowBusy = Boolean(this.data.isBusy);
+        if (nowBusy && !wasBusy) {
+            this.startAnimation();
+        }
+        else if (!nowBusy && wasBusy) {
+            this.stopAnimation();
+        }
+    }
+    startAnimation() {
+        if (this.busyInterval)
+            return;
+        this.busyInterval = setInterval(() => {
+            this.spinnerFrame = (this.spinnerFrame + 1) % SPINNER_FRAMES.length;
+            if (this.onRequestRender) {
+                this.onRequestRender();
+            }
+        }, 80);
+        if (typeof this.busyInterval?.unref === "function") {
+            this.busyInterval.unref();
+        }
+    }
+    stopAnimation() {
+        if (this.busyInterval) {
+            clearInterval(this.busyInterval);
+            this.busyInterval = null;
+        }
+    }
+    dispose() {
+        this.stopAnimation();
+    }
+    getContextWindow() {
+        return this.data.contextWindow || 128000;
+    }
+    getSessionName() {
+        return this.data.sessionName;
+    }
+    render(width) {
+        // 1. 第一行：工作区路径 (~ 折叠) + 分支 + 会话名
+        let pwd = this.formatCwd(this.data.workspace);
+        if (this.data.gitBranch) {
+            pwd += ` (${this.data.gitBranch})`;
+        }
+        if (this.data.sessionName) {
+            pwd += ` • ${this.data.sessionName}`;
+        }
+        const line1 = truncateToWidth(theme.fg("dim", pwd), width, theme.fg("dim", "..."));
+        // 2. 第二行左侧：Token 指标与实时状态 (完全对齐 Pi 原厂格式)
+        const statsParts = [];
+        if (this.data.inputTokens && this.data.inputTokens > 0) {
+            statsParts.push(`↑${this.formatTokens(this.data.inputTokens)}`);
+        }
+        if (this.data.outputTokens && this.data.outputTokens > 0) {
+            statsParts.push(`↓${this.formatTokens(this.data.outputTokens)}`);
+        }
+        if (this.data.cacheReadTokens && this.data.cacheReadTokens > 0) {
+            statsParts.push(`R${this.formatTokens(this.data.cacheReadTokens)}`);
+        }
+        if (this.data.cacheWriteTokens && this.data.cacheWriteTokens > 0) {
+            statsParts.push(`W${this.formatTokens(this.data.cacheWriteTokens)}`);
+        }
+        let chRate = this.data.cacheHitRate;
+        if (chRate === undefined &&
+            ((this.data.cacheReadTokens && this.data.cacheReadTokens > 0) ||
+                (this.data.cacheWriteTokens && this.data.cacheWriteTokens > 0))) {
+            const promptSum = (this.data.inputTokens || 0) +
+                (this.data.cacheReadTokens || 0) +
+                (this.data.cacheWriteTokens || 0);
+            if (promptSum > 0) {
+                chRate = ((this.data.cacheReadTokens || 0) / promptSum) * 100;
+            }
+        }
+        if (chRate !== undefined &&
+            ((this.data.cacheReadTokens && this.data.cacheReadTokens > 0) ||
+                (this.data.cacheWriteTokens && this.data.cacheWriteTokens > 0))) {
+            statsParts.push(`CH${chRate.toFixed(1)}%`);
+        }
+        if (this.data.tokensUsed &&
+            this.data.tokensUsed > 0 &&
+            !this.data.inputTokens &&
+            !this.data.outputTokens) {
+            statsParts.push(this.formatTokens(this.data.tokensUsed));
+        }
+        if (this.data.costUsd && this.data.costUsd > 0) {
+            statsParts.push(`$${this.data.costUsd.toFixed(3)}`);
+        }
+        const contextWin = this.data.contextWindow || 128000;
+        const autoIndicator = this.data.autoCompactEnabled === false ? "" : " (auto)";
+        const contextTok = this.data.contextTokens ?? this.data.totalTokens ?? 0;
+        const percent = contextWin > 0 ? (contextTok / contextWin) * 100 : 0;
+        const percentStr = `${percent.toFixed(1)}%/${this.formatTokens(contextWin)}${autoIndicator}`;
+        const contextColor = percent > 90 ? "error" : percent > 70 ? "warning" : "dim";
+        statsParts.push(theme.fg(contextColor, percentStr));
+        if (this.data.elapsedSeconds && this.data.elapsedSeconds > 0) {
+            statsParts.push(theme.fg("dim", `${this.data.elapsedSeconds.toFixed(1)}s`));
+        }
+        if (this.data.isBusy) {
+            const char = SPINNER_FRAMES[this.spinnerFrame] || "⠋";
+            statsParts.push(theme.fg("warning", char));
+        }
+        const statsLeft = statsParts.join(" ");
+        // 3. 第二行右侧：模型与思考深度 (provider) model • thinking
+        const prov = this.data.providerName ? `(${this.data.providerName}) ` : "";
+        const model = this.data.modelName || "default";
+        const thinking = this.data.thinkingLevel && this.data.thinkingLevel !== "off"
+            ? ` • ${this.data.thinkingLevel}`
+            : "";
+        const rightSide = `${prov}${model}${thinking}`;
+        // 4. 动态计算填充间距并右对齐，应用 ANSI 独立染色保护
+        let statsLeftFormatted = statsLeft;
+        let statsLeftWidth = visibleWidth(statsLeftFormatted);
+        if (statsLeftWidth > width) {
+            statsLeftFormatted = truncateToWidth(statsLeftFormatted, width, "...");
+            statsLeftWidth = visibleWidth(statsLeftFormatted);
+        }
+        const minPadding = 2;
+        const rightWidth = visibleWidth(rightSide);
+        let line2;
+        if (statsLeftWidth + minPadding + rightWidth <= width) {
+            const padLen = width - statsLeftWidth - rightWidth;
+            const remainder = " ".repeat(padLen) + rightSide;
+            line2 = theme.fg("dim", statsLeftFormatted) + theme.fg("dim", remainder);
+        }
+        else {
+            const availableForRight = width - statsLeftWidth - minPadding;
+            if (availableForRight > 0) {
+                const truncatedRight = truncateToWidth(rightSide, availableForRight, "");
+                const padLen = Math.max(0, width - statsLeftWidth - visibleWidth(truncatedRight));
+                const remainder = " ".repeat(padLen) + truncatedRight;
+                line2 =
+                    theme.fg("dim", statsLeftFormatted) + theme.fg("dim", remainder);
+            }
+            else {
+                line2 = truncateToWidth(theme.fg("dim", statsLeftFormatted), width, "...");
+            }
+        }
+        return [line1, line2];
+    }
+    formatCwd(dir) {
+        if (!dir)
+            return "";
+        const home = os.homedir();
+        const resolved = path.resolve(dir);
+        const isWindows = process.platform === "win32";
+        const normResolved = isWindows ? resolved.toLowerCase() : resolved;
+        const normHome = isWindows ? home.toLowerCase() : home;
+        if (normResolved === normHome)
+            return "~";
+        if (normResolved.startsWith(normHome + path.sep) ||
+            normResolved.startsWith(normHome + "/")) {
+            return "~" + resolved.slice(home.length).replace(/\\/g, "/");
+        }
+        return resolved.replace(/\\/g, "/");
+    }
+    formatTokens(count) {
+        return formatTokens(count);
+    }
+}

package/tui/dist/components/header.d.ts

@@ -0,0 +1,4 @@
+import { Container } from "@earendil-works/pi-tui";
+export declare class HeaderComponent extends Container {
+    constructor(version?: string);
+}

package/tui/dist/components/header.js

@@ -0,0 +1,21 @@
+import { Container, Spacer, Text } from "@earendil-works/pi-tui";
+import { theme } from "../theme/theme.js";
+export class HeaderComponent extends Container {
+    constructor(version = "0.1.0") {
+        super();
+        this.addChild(new Spacer(1));
+        const logo = theme.bold(theme.fg("accent", "my-pi-agent")) +
+            theme.fg("dim", ` v${version}`);
+        const hints = [
+            theme.fg("dim", "Esc") + theme.fg("muted", " interrupt"),
+            theme.fg("dim", "Ctrl+C") + theme.fg("muted", " clear/exit"),
+            theme.fg("dim", "/") + theme.fg("muted", " commands"),
+            theme.fg("dim", "!") + theme.fg("muted", " bash"),
+            theme.fg("dim", "Ctrl+O") + theme.fg("muted", " expand"),
+        ].join(theme.fg("muted", " · "));
+        const onboarding = theme.fg("dim", "欢迎使用 my-pi-agent！输入需求或按 / 开启命令菜单。");
+        const content = `${logo}\n${hints}\n\n${onboarding}`;
+        this.addChild(new Text(content, 1, 0));
+        this.addChild(new Spacer(1));
+    }
+}

package/tui/dist/components/keys.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 统一回车判断函数，兼容跨平台回车按键：
+ * 包括 VT100/ANSI 单字符 \r, \n，以及 Windows ConPTY / SSH 的 \r\n，和 pi-tui 的 return/enter
+ */
+export declare function isEnterKey(data: string): boolean;

package/tui/dist/components/keys.js

@@ -0,0 +1,12 @@
+import { matchesKey } from "@earendil-works/pi-tui";
+/**
+ * 统一回车判断函数，兼容跨平台回车按键：
+ * 包括 VT100/ANSI 单字符 \r, \n，以及 Windows ConPTY / SSH 的 \r\n，和 pi-tui 的 return/enter
+ */
+export function isEnterKey(data) {
+    return (matchesKey(data, "return") ||
+        matchesKey(data, "enter") ||
+        data === "\r" ||
+        data === "\n" ||
+        data === "\r\n");
+}

package/tui/dist/components/login-selector.d.ts

@@ -0,0 +1,26 @@
+import { Container, Input, SelectList } from "@earendil-works/pi-tui";
+export interface ProviderOption {
+    id: string;
+    label: string;
+    description: string;
+}
+export declare const SUPPORTED_LOGIN_PROVIDERS: ProviderOption[];
+export declare class LoginSelectorComponent extends Container {
+    readonly onSubmit: (provider: string, key: string) => void;
+    readonly onCancel: () => void;
+    readonly providers: ProviderOption[];
+    searchInput: Input;
+    keyInput: Input;
+    selectList: SelectList;
+    private phase;
+    private selectedProvider;
+    private allItems;
+    private _focused;
+    get focused(): boolean;
+    set focused(value: boolean);
+    constructor(onSubmit: (provider: string, key: string) => void, onCancel: () => void, providers?: ProviderOption[]);
+    private buildSelectList;
+    private applyFilter;
+    private rebuildUI;
+    handleInput(data: string): void;
+}

package/tui/dist/components/login-selector.js

@@ -0,0 +1,181 @@
+import { Container, fuzzyFilter, Input, matchesKey, SelectList, Spacer, Text, } from "@earendil-works/pi-tui";
+import { theme } from "../theme/theme.js";
+import { DynamicBorder } from "./dynamic-border.js";
+import { isEnterKey } from "./keys.js";
+export const SUPPORTED_LOGIN_PROVIDERS = [
+    {
+        id: "deepseek",
+        label: "DeepSeek",
+        description: "API Key (deepseek-chat, deepseek-reasoner)",
+    },
+    {
+        id: "openai",
+        label: "OpenAI",
+        description: "API Key (gpt-4o, gpt-4o-mini, o1, o3)",
+    },
+    {
+        id: "anthropic",
+        label: "Anthropic",
+        description: "API Key (claude-3-5-sonnet, claude-3-5-haiku)",
+    },
+    {
+        id: "antigravity",
+        label: "Antigravity",
+        description: "读取 auth.json 认证凭据 (Google Cloud Code Assist)",
+    },
+];
+export class LoginSelectorComponent extends Container {
+    onSubmit;
+    onCancel;
+    providers;
+    searchInput;
+    keyInput;
+    selectList;
+    phase = "select_provider";
+    selectedProvider = SUPPORTED_LOGIN_PROVIDERS[0];
+    allItems;
+    _focused = false;
+    get focused() {
+        return this._focused;
+    }
+    set focused(value) {
+        this._focused = value;
+        if (this.phase === "select_provider") {
+            this.searchInput.focused = value;
+        }
+        else {
+            this.keyInput.focused = value;
+        }
+    }
+    constructor(onSubmit, onCancel, providers = SUPPORTED_LOGIN_PROVIDERS) {
+        super();
+        this.onSubmit = onSubmit;
+        this.onCancel = onCancel;
+        this.providers = providers;
+        this.allItems = providers.map((p) => ({
+            value: p.id,
+            label: p.label,
+            description: p.description,
+        }));
+        this.searchInput = new Input();
+        this.keyInput = new Input();
+        this.selectList = this.buildSelectList(this.allItems);
+        this.rebuildUI();
+    }
+    buildSelectList(items) {
+        const listTheme = {
+            selectedPrefix: (s) => theme.fg("accent", s),
+            selectedText: (s) => theme.bold(theme.fg("accent", s)),
+            description: (s) => theme.fg("muted", s),
+            scrollInfo: (s) => theme.dim(s),
+            noMatch: (_s) => theme.dim("无匹配 Provider"),
+        };
+        const list = new SelectList(items, Math.max(1, items.length), listTheme, {
+            minPrimaryColumnWidth: 14,
+            maxPrimaryColumnWidth: 28,
+        });
+        list.onSelect = (item) => {
+            const found = this.providers.find((p) => p.id === item.value);
+            if (found) {
+                this.selectedProvider = found;
+                this.phase = "enter_key";
+                this.rebuildUI();
+            }
+        };
+        list.onCancel = () => this.onCancel();
+        return list;
+    }
+    applyFilter(query) {
+        const filtered = query
+            ? fuzzyFilter(this.allItems, query, (item) => `${item.value} ${item.label} ${item.description ?? ""}`)
+            : this.allItems;
+        this.selectList = this.buildSelectList(filtered);
+        this.rebuildUI();
+    }
+    rebuildUI() {
+        this.clear();
+        this.addChild(new DynamicBorder());
+        this.addChild(new Spacer(1));
+        if (this.phase === "select_provider") {
+            this.searchInput.focused = this._focused;
+            this.keyInput.focused = false;
+            this.addChild(new Text(theme.bold("Login / Bind Provider Credentials"), 0, 0));
+            this.addChild(new Spacer(1));
+            this.addChild(new Text(theme.fg("muted", "Credentials will be securely saved to ~/.my-pi-agent/auth.json"), 0, 0));
+            this.addChild(new Spacer(1));
+            this.addChild(this.searchInput);
+            this.addChild(new Spacer(1));
+            this.addChild(this.selectList);
+            this.addChild(new Spacer(1));
+            this.addChild(new Text(theme.fg("dim", "  Enter to select · Escape to cancel"), 0, 0));
+        }
+        else {
+            this.keyInput.focused = this._focused;
+            this.searchInput.focused = false;
+            if (this.selectedProvider.id === "antigravity") {
+                this.addChild(new Text(theme.bold("Antigravity 认证凭据配置 (auth.json)"), 0, 0));
+                this.addChild(new Spacer(1));
+                this.addChild(new Text(theme.fg("muted", "Antigravity 依赖 Google OAuth 凭据，系统将自动扫描并读取下列路径："), 0, 0));
+                this.addChild(new Text(theme.fg("accent", "  1. ~/.my-pi-agent/auth.json (推荐：当前 Agent 专属凭据路径)\n  2. ~/.pi/agent/auth.json    (Pi 官方扩展认证凭据路径)"), 0, 0));
+                this.addChild(new Spacer(1));
+                this.addChild(new Text(theme.fg("dim", "• 若上述路径已放置包含 antigravity 字段的 auth.json，直接按 Enter 即可自动读取绑定。\n• 若需手动输入，请在下方粘贴 Access Token，或按 Escape 返回："), 0, 0));
+                this.addChild(new Spacer(1));
+                this.addChild(this.keyInput);
+                this.addChild(new Spacer(1));
+                this.addChild(new Text(theme.fg("dim", "  Enter 直接读取 auth.json / 提交 Token · Escape 返回"), 0, 0));
+            }
+            else {
+                this.addChild(new Text(theme.bold(`Enter API Key for ${this.selectedProvider.label}`), 0, 0));
+                this.addChild(new Spacer(1));
+                this.addChild(new Text(theme.fg("muted", `Paste your key below and press Enter (saved to ~/.my-pi-agent/auth.json):`), 0, 0));
+                this.addChild(new Spacer(1));
+                this.addChild(this.keyInput);
+                this.addChild(new Spacer(1));
+                this.addChild(new Text(theme.fg("dim", "  Enter to confirm & save · Escape to back"), 0, 0));
+            }
+        }
+        this.addChild(new DynamicBorder());
+    }
+    handleInput(data) {
+        if (matchesKey(data, "ctrl+c")) {
+            this.onCancel();
+            return;
+        }
+        if (this.phase === "select_provider") {
+            if (matchesKey(data, "up") ||
+                matchesKey(data, "down") ||
+                isEnterKey(data) ||
+                matchesKey(data, "escape")) {
+                if (isEnterKey(data)) {
+                    this.selectList.handleInput("\r");
+                }
+                else {
+                    this.selectList.handleInput(data);
+                }
+                return;
+            }
+            this.searchInput.handleInput(data);
+            this.applyFilter(this.searchInput.getValue());
+        }
+        else {
+            if (matchesKey(data, "escape")) {
+                this.phase = "select_provider";
+                this.rebuildUI();
+                return;
+            }
+            if (isEnterKey(data)) {
+                const key = this.keyInput.getValue().trim();
+                if (this.selectedProvider.id === "antigravity") {
+                    // Antigravity 支持直接按 Enter 自动读取 auth.json，或提交手动粘贴的 token
+                    this.onSubmit("antigravity", key);
+                    return;
+                }
+                if (key) {
+                    this.onSubmit(this.selectedProvider.id, key);
+                }
+                return;
+            }
+            this.keyInput.handleInput(data);
+        }
+    }
+}

package/tui/dist/components/logout-selector.d.ts

@@ -0,0 +1,19 @@
+import { Container } from "@earendil-works/pi-tui";
+export interface LogoutProviderItem {
+    id: string;
+    label: string;
+    description?: string;
+}
+export declare class LogoutSelectorComponent extends Container {
+    readonly providers: LogoutProviderItem[];
+    readonly onSelect: (providerId: string) => void;
+    readonly onCancel: () => void;
+    private listContainer;
+    private selectedIndex;
+    private _focused;
+    get focused(): boolean;
+    set focused(value: boolean);
+    constructor(providers: LogoutProviderItem[], onSelect: (providerId: string) => void, onCancel: () => void);
+    updateList(): void;
+    handleInput(data: string): void;
+}

package/tui/dist/components/logout-selector.js

@@ -0,0 +1,88 @@
+import { Container, matchesKey, Spacer, Text, visibleWidth, } from "@earendil-works/pi-tui";
+import { theme } from "../theme/theme.js";
+import { DynamicBorder } from "./dynamic-border.js";
+import { isEnterKey } from "./keys.js";
+export class LogoutSelectorComponent extends Container {
+    providers;
+    onSelect;
+    onCancel;
+    listContainer;
+    selectedIndex = 0;
+    _focused = false;
+    get focused() {
+        return this._focused;
+    }
+    set focused(value) {
+        this._focused = value;
+    }
+    constructor(providers, onSelect, onCancel) {
+        super();
+        this.providers = providers;
+        this.onSelect = onSelect;
+        this.onCancel = onCancel;
+        this.listContainer = new Container();
+        this.addChild(new DynamicBorder());
+        this.addChild(new Spacer(1));
+        this.addChild(new Text(theme.bold("Logout / Remove Stored Credentials"), 0, 0));
+        this.addChild(new Text(theme.fg("muted", "Select a provider to remove its credentials from ~/.my-pi-agent/auth.json:"), 0, 0));
+        this.addChild(new Spacer(1));
+        this.addChild(this.listContainer);
+        this.addChild(new Spacer(1));
+        this.addChild(new Text(theme.fg("dim", "  Enter to remove credentials · Escape to cancel"), 0, 0));
+        this.addChild(new DynamicBorder());
+        this.updateList();
+    }
+    updateList() {
+        this.listContainer.clear();
+        if (this.providers.length === 0) {
+            this.listContainer.addChild(new Text(theme.fg("muted", "  未发现任何已保存的凭据 (No stored credentials)。"), 0, 0));
+            return;
+        }
+        for (let i = 0; i < this.providers.length; i++) {
+            const item = this.providers[i];
+            if (!item)
+                continue;
+            const isSelected = i === this.selectedIndex;
+            const cursor = isSelected ? theme.fg("accent", "› ") : "  ";
+            const label = isSelected ? theme.bold(item.label) : item.label;
+            const desc = item.description
+                ? theme.fg("dim", ` (${item.description})`)
+                : "";
+            const left = `${cursor}${label}${desc}`;
+            const pad = Math.max(2, 78 - visibleWidth(left));
+            let lineText = left + " ".repeat(pad);
+            if (isSelected) {
+                lineText = theme.bg("selectedBg", lineText);
+            }
+            this.listContainer.addChild(new Text(lineText, 0, 0));
+        }
+    }
+    handleInput(data) {
+        if (matchesKey(data, "up")) {
+            if (this.providers.length === 0)
+                return;
+            this.selectedIndex =
+                this.selectedIndex === 0
+                    ? this.providers.length - 1
+                    : this.selectedIndex - 1;
+            this.updateList();
+        }
+        else if (matchesKey(data, "down")) {
+            if (this.providers.length === 0)
+                return;
+            this.selectedIndex =
+                this.selectedIndex === this.providers.length - 1
+                    ? 0
+                    : this.selectedIndex + 1;
+            this.updateList();
+        }
+        else if (isEnterKey(data)) {
+            const selected = this.providers[this.selectedIndex];
+            if (selected)
+                this.onSelect(selected.id);
+        }
+        else if (matchesKey(data, "escape") || matchesKey(data, "ctrl+c")) {
+            this.onCancel();
+        }
+    }
+}

package/tui/dist/components/model-selector.d.ts

@@ -0,0 +1,40 @@
+import { Container, Input } from "@earendil-works/pi-tui";
+export interface ModelItem {
+    id: string;
+    provider: string;
+    name?: string;
+    contextWindow?: number;
+    is_configured?: boolean;
+}
+export type ModelListLoader = () => Promise<ModelItem[]>;
+export declare class ModelSelectorComponent extends Container {
+    readonly currentModel: string;
+    readonly onSelect: (model: ModelItem) => void;
+    readonly onCancel: () => void;
+    readonly onSelectAsDefault?: ((model: ModelItem) => void) | undefined;
+    readonly defaultModelId?: string | undefined;
+    private readonly requestRender?;
+    searchInput: Input;
+    private headerContainer;
+    private listContainer;
+    private allModels;
+    private scopedModelItems;
+    private activeModels;
+    private filteredModels;
+    private selectedIndex;
+    private scope;
+    private loader?;
+    private _focused;
+    get focused(): boolean;
+    set focused(value: boolean);
+    constructor(currentModel: string, modelsOrLoader: ModelItem[] | ModelListLoader, onSelect: (model: ModelItem) => void, onCancel: () => void, initialSearch?: string, onSelectAsDefault?: ((model: ModelItem) => void) | undefined, defaultModelId?: string | undefined, requestRender?: (() => void) | undefined, scopedModels?: ModelItem[]);
+    private rebuildStaticLayout;
+    private getScopeText;
+    private getScopeHintText;
+    private updateHeader;
+    reload(initialSearch?: string): Promise<void>;
+    private sortModels;
+    filterModels(query: string): void;
+    updateList(): void;
+    handleInput(data: string): void;
+}