cc-hub 0.1.0

package/dist/store/config-store.js

@@ -0,0 +1,138 @@
+// src/store/config-store.ts
+import { existsSync, mkdirSync, readFileSync, writeFileSync, renameSync, } from "fs";
+import { join } from "path";
+import { homedir } from "os";
+import JSON5 from "json5";
+const CONFIG_DIR = join(homedir(), ".cc-hub");
+const CONFIG_PATH = join(CONFIG_DIR, "config.json");
+const DEFAULT_STORE = {
+    providers: [],
+    activeProviderId: null,
+    activeModelId: null,
+    scenarioModels: {},
+};
+function ensureConfigDir() {
+    if (!existsSync(CONFIG_DIR)) {
+        mkdirSync(CONFIG_DIR, { recursive: true });
+    }
+}
+function atomicWrite(filePath, content) {
+    const tmpPath = filePath + ".tmp";
+    writeFileSync(tmpPath, content, "utf8");
+    renameSync(tmpPath, filePath);
+}
+const EXAMPLE_CONFIG = `{
+  // cc-hub configuration
+  // Edit this file to add or modify providers, then restart.
+
+  "providers": [
+  //  {
+  //    "id": "dashscope",
+  //    "name": "DashScope",
+  //    "baseUrl": "https://coding.dashscope.aliyuncs.com/apps/anthropic",
+  //    "apiKey": "sk-your-api-key",
+  //    "models": [
+  //      "qwen3.6-plus",
+  //      "qwen-max"
+  //    ]
+  // }
+  ],
+
+  // Optional: map Claude Code aliases (sonnet/opus/haiku) to your models.
+  // These write ANTHROPIC_DEFAULT_SONNET_MODEL etc. into Claude's settings.json.
+  "scenarioModels": {}
+}
+`;
+let _configError = null;
+export function getConfigError() {
+    return _configError;
+}
+export function clearConfigError() {
+    _configError = null;
+}
+export function loadConfig() {
+    ensureConfigDir();
+    if (!existsSync(CONFIG_PATH)) {
+        atomicWrite(CONFIG_PATH, EXAMPLE_CONFIG);
+        const parsed = JSON5.parse(EXAMPLE_CONFIG);
+        return {
+            providers: parsed.providers ?? [],
+            activeProviderId: null,
+            activeModelId: null,
+            scenarioModels: parsed.scenarioModels ?? {},
+        };
+    }
+    const raw = readFileSync(CONFIG_PATH, "utf8");
+    if (!raw.trim() || raw.trim() === "{}") {
+        atomicWrite(CONFIG_PATH, EXAMPLE_CONFIG);
+        const parsed = JSON5.parse(EXAMPLE_CONFIG);
+        return {
+            providers: parsed.providers ?? [],
+            activeProviderId: null,
+            activeModelId: null,
+            scenarioModels: parsed.scenarioModels ?? {},
+        };
+    }
+    try {
+        const parsed = JSON5.parse(raw);
+        if (!Array.isArray(parsed.providers) || parsed.providers.length === 0) {
+            atomicWrite(CONFIG_PATH, EXAMPLE_CONFIG);
+            return { ...DEFAULT_STORE };
+        }
+        return {
+            providers: parsed.providers,
+            activeProviderId: parsed.activeProviderId ?? null,
+            activeModelId: parsed.activeModelId ?? null,
+            scenarioModels: parsed.scenarioModels ?? {},
+        };
+    }
+    catch (err) {
+        const msg = err instanceof Error ? err.message : "Unknown parse error";
+        _configError = `Config file is invalid. ${msg}`;
+        return { ...DEFAULT_STORE };
+    }
+}
+export function saveConfig(store) {
+    ensureConfigDir();
+    atomicWrite(CONFIG_PATH, JSON.stringify(store, null, 2));
+}
+// --- Helper: resolve a model by id across all providers ---
+export function findModel(store, modelId) {
+    for (const p of store.providers) {
+        if (p.models.includes(modelId))
+            return { provider: p, modelId };
+    }
+    return undefined;
+}
+export function getAllModels(store) {
+    return store.providers.flatMap((p) => p.models);
+}
+// --- Active model ---
+export function setActiveModel(store, modelId) {
+    const found = findModel(store, modelId);
+    if (!found)
+        return store;
+    return {
+        ...store,
+        activeProviderId: found.provider.id,
+        activeModelId: modelId,
+    };
+}
+// --- Scenario models ---
+export function updateScenarioModels(store, updates) {
+    return {
+        ...store,
+        scenarioModels: { ...store.scenarioModels, ...updates },
+    };
+}
+// --- Delete model from provider ---
+export function removeModelFromProvider(store, providerId, modelId) {
+    const wasActive = store.activeModelId === modelId;
+    return {
+        ...store,
+        providers: store.providers.map((p) => p.id === providerId
+            ? { ...p, models: p.models.filter((m) => m !== modelId) }
+            : p),
+        activeModelId: wasActive ? null : store.activeModelId,
+    };
+}

package/dist/store/model-store.d.ts

@@ -0,0 +1,8 @@
+import { ModelConfig, ModelStore } from "../types.js";
+export declare function loadStore(): ModelStore;
+export declare function saveStore(store: ModelStore): void;
+export declare function addModel(store: ModelStore, model: ModelConfig): ModelStore;
+export declare function updateModel(store: ModelStore, id: string, updates: Partial<ModelConfig>): ModelStore;
+export declare function removeModel(store: ModelStore, id: string): ModelStore;
+export declare function setActiveModel(store: ModelStore, id: string): ModelStore;
+export declare function getModel(store: ModelStore, id: string): ModelConfig | undefined;

package/dist/store/model-store.js

@@ -0,0 +1,76 @@
+// src/store/model-store.ts
+import { existsSync, mkdirSync, readFileSync, writeFileSync, renameSync, } from "fs";
+import { join } from "path";
+import { homedir } from "os";
+const CONFIG_DIR = join(homedir(), ".cc-model-manager");
+const STORE_PATH = join(CONFIG_DIR, "models.json");
+const DEFAULT_STORE = {
+    models: [],
+    activeModelId: null,
+};
+function ensureConfigDir() {
+    if (!existsSync(CONFIG_DIR)) {
+        mkdirSync(CONFIG_DIR, { recursive: true });
+    }
+}
+function atomicWrite(filePath, content) {
+    const tmpPath = filePath + ".tmp";
+    writeFileSync(tmpPath, content, "utf8");
+    renameSync(tmpPath, filePath);
+}
+export function loadStore() {
+    ensureConfigDir();
+    if (!existsSync(STORE_PATH)) {
+        atomicWrite(STORE_PATH, JSON.stringify(DEFAULT_STORE, null, 2));
+        return { ...DEFAULT_STORE };
+    }
+    try {
+        const raw = readFileSync(STORE_PATH, "utf8");
+        return JSON.parse(raw);
+    }
+    catch {
+        // Corrupted file — backup and recreate
+        const backupPath = STORE_PATH + ".bak";
+        try {
+            renameSync(STORE_PATH, backupPath);
+        }
+        catch {
+            // ignore
+        }
+        atomicWrite(STORE_PATH, JSON.stringify(DEFAULT_STORE, null, 2));
+        return { ...DEFAULT_STORE };
+    }
+}
+export function saveStore(store) {
+    ensureConfigDir();
+    atomicWrite(STORE_PATH, JSON.stringify(store, null, 2));
+}
+export function addModel(store, model) {
+    return {
+        ...store,
+        models: [...store.models, model],
+    };
+}
+export function updateModel(store, id, updates) {
+    return {
+        ...store,
+        models: store.models.map((m) => (m.id === id ? { ...m, ...updates } : m)),
+    };
+}
+export function removeModel(store, id) {
+    const newActive = store.activeModelId === id ? null : store.activeModelId;
+    return {
+        ...store,
+        models: store.models.filter((m) => m.id !== id),
+        activeModelId: newActive,
+    };
+}
+export function setActiveModel(store, id) {
+    const exists = store.models.some((m) => m.id === id);
+    if (!exists)
+        return store;
+    return { ...store, activeModelId: id };
+}
+export function getModel(store, id) {
+    return store.models.find((m) => m.id === id);
+}

package/dist/test-escape-compiled.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test-escape-compiled.js

@@ -0,0 +1,17 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { useInput, Box, Text, render } from "ink";
+import TextInput from "ink-text-input";
+function Test() {
+    const [appEscape, setAppEscape] = React.useState(0);
+    const [textInput, setTextInput] = React.useState("");
+    useInput((input, key) => {
+        if (key.escape) {
+            setAppEscape((prev) => prev + 1);
+        }
+        if (input === "q")
+            process.exit(0);
+    });
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsxs(Text, { children: ["App-level escape count: ", appEscape] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "green", children: "> " }), _jsx(TextInput, { value: textInput, onChange: setTextInput })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "dim", children: "Press Escape, then q to quit" }) })] }));
+}
+render(_jsx(Test, {}));

package/dist/tui/add-model.d.ts

@@ -0,0 +1,7 @@
+import type { ModelConfig } from "../types.js";
+interface AddModelProps {
+    onSubmit: (model: ModelConfig) => void;
+    onCancel: () => void;
+}
+export declare function AddModel({ onSubmit, onCancel }: AddModelProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/tui/add-model.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// src/tui/add-model.tsx
+import React from "react";
+import { Box, Text, useInput } from "ink";
+import TextInput from "ink-text-input";
+import { PRESETS } from "../config/presets.js";
+export function AddModel({ onSubmit, onCancel }) {
+    const [state, setState] = React.useState({
+        step: "select-preset",
+        preset: null,
+        apiKey: "",
+        customBaseUrl: "",
+        customModelId: "",
+        customName: "",
+    });
+    // Preset selection
+    if (state.step === "select-preset") {
+        return (_jsx(PresetSelect, { onSelect: (preset) => setState((s) => ({ ...s, preset, step: "enter-key" })), onCancel: onCancel }));
+    }
+    // Determine which field to ask for next
+    const isCustom = !state.preset;
+    if (state.step === "enter-key") {
+        return (_jsx(FieldInput, { label: "API Key", value: state.apiKey, onChange: (apiKey) => setState((s) => ({ ...s, apiKey })), onSubmit: () => {
+                if (isCustom) {
+                    setState((s) => ({ ...s, step: "enter-baseurl" }));
+                }
+                else {
+                    setState((s) => ({ ...s, step: "enter-name" }));
+                }
+            }, onCancel: onCancel }));
+    }
+    if (state.step === "enter-baseurl") {
+        return (_jsx(FieldInput, { label: "Base URL", value: state.customBaseUrl, onChange: (customBaseUrl) => setState((s) => ({ ...s, customBaseUrl })), onSubmit: () => setState((s) => ({ ...s, step: "enter-modelid" })), onCancel: onCancel }));
+    }
+    if (state.step === "enter-modelid") {
+        return (_jsx(FieldInput, { label: "Model ID (optional)", value: state.customModelId, onChange: (customModelId) => setState((s) => ({ ...s, customModelId })), onSubmit: () => setState((s) => ({ ...s, step: "enter-name" })), onCancel: onCancel }));
+    }
+    // Final step — submit
+    if (state.step === "enter-name") {
+        return (_jsx(FieldInput, { label: isCustom ? "Name (required)" : "Display name (optional)", value: state.customName, onChange: (customName) => setState((s) => ({ ...s, customName })), onSubmit: () => {
+                const preset = state.preset;
+                if (isCustom && !state.customBaseUrl.trim())
+                    return;
+                if (isCustom && !state.customName.trim())
+                    return;
+                const model = {
+                    id: isCustom ? toKebabCase(state.customName) : preset.id,
+                    name: state.customName.trim() ||
+                        (preset ? preset.name : state.customBaseUrl),
+                    baseUrl: isCustom ? state.customBaseUrl.trim() : preset.baseUrl,
+                    apiKey: state.apiKey,
+                    modelId: isCustom
+                        ? state.customModelId.trim() || undefined
+                        : preset?.modelId,
+                };
+                onSubmit(model);
+            }, onCancel: onCancel }));
+    }
+    return null;
+}
+// --- Sub-components ---
+function PresetSelect({ onSelect, onCancel, }) {
+    const [index, setIndex] = React.useState(0);
+    const options = [
+        ...PRESETS,
+        {
+            id: "custom",
+            name: "Custom (manual setup)",
+            baseUrl: "",
+            modelId: undefined,
+            description: undefined,
+        },
+    ];
+    useInput((input, key) => {
+        if (key.escape || input === "q") {
+            onCancel();
+            return;
+        }
+        if (key.upArrow)
+            setIndex((i) => Math.max(0, i - 1));
+        if (key.downArrow)
+            setIndex((i) => Math.min(options.length - 1, i + 1));
+        if (key.return)
+            onSelect(options[index]);
+    });
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsx(Text, { bold: true, children: "Add Model" }), _jsx(Text, { children: "─".repeat(40) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "dim", children: "Select a provider preset:" }) }), options.map((opt, i) => (_jsxs(Box, { children: [_jsx(Text, { children: i === index ? "> " : "  " }), _jsx(Text, { color: i === index ? "green" : undefined, children: opt.name })] }, opt.id))), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "dim", children: [_jsx(Text, { color: "green", bold: true, children: "Enter" }), ": Select", " ", _jsx(Text, { color: "green", bold: true, children: "q" }), ": Cancel"] }) })] }));
+}
+function FieldInput({ label, value, onChange, onSubmit, onCancel, }) {
+    // Handle escape BEFORE TextInput's useInput can process it
+    useInput((_, key) => {
+        if (key.escape) {
+            onCancel();
+        }
+    });
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsx(Text, { bold: true, children: label }), _jsx(Text, { children: "─".repeat(40) }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "green", children: "> " }), _jsx(TextInput, { value: value, onChange: onChange, onSubmit: onSubmit, focus: false })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "dim", children: "Press Enter to continue, Esc to cancel" }) })] }));
+}
+function toKebabCase(str) {
+    return str
+        .toLowerCase()
+        .replace(/[^a-z0-9]+/g, "-")
+        .replace(/^-|-$/g, "");
+}

package/dist/tui/add-provider.d.ts

@@ -0,0 +1,13 @@
+import type { Model } from "../types.js";
+interface AddProviderProps {
+    onSubmit: (provider: {
+        id: string;
+        name: string;
+        baseUrl: string;
+        apiKey: string;
+        models: Model[];
+    }) => void;
+    onCancel: () => void;
+}
+export declare function AddProvider({ onSubmit, onCancel }: AddProviderProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/tui/add-provider.js

@@ -0,0 +1,185 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// src/tui/add-provider.tsx
+import React from "react";
+import { Box, Text, useInput } from "ink";
+import TextInput from "ink-text-input";
+import { PRESETS } from "../config/presets.js";
+export function AddProvider({ onSubmit, onCancel }) {
+    const [state, setState] = React.useState({
+        step: "select-preset",
+        preset: null,
+        isCustom: false,
+        customName: "",
+        customBaseUrl: "",
+        apiKey: "",
+        selectedModelIds: new Set(),
+        newModelName: "",
+        newModelId: "",
+        newModelModelId: "",
+    });
+    // Step 1: Select preset
+    if (state.step === "select-preset") {
+        return (_jsx(PresetSelect, { onSelect: (preset) => setState((s) => ({
+                ...s,
+                preset,
+                isCustom: false,
+                step: "enter-key",
+                selectedModelIds: new Set(preset.models.map((m) => m.id)),
+            })), onCustom: () => setState((s) => ({
+                ...s,
+                isCustom: true,
+                step: "enter-name",
+            })), onCancel: onCancel }));
+    }
+    // Custom: enter name
+    if (state.step === "enter-name") {
+        return (_jsx(FieldInput, { label: "Provider name", value: state.customName, onChange: (customName) => setState((s) => ({ ...s, customName })), onSubmit: () => setState((s) => ({ ...s, step: "enter-baseurl" })), onCancel: onCancel }));
+    }
+    // Custom: enter base URL
+    if (state.step === "enter-baseurl") {
+        return (_jsx(FieldInput, { label: "Base URL", value: state.customBaseUrl, onChange: (customBaseUrl) => setState((s) => ({ ...s, customBaseUrl })), onSubmit: () => setState((s) => ({ ...s, step: "enter-key" })), onCancel: onCancel }));
+    }
+    // Enter API Key (preset or custom)
+    if (state.step === "enter-key") {
+        return (_jsx(FieldInput, { label: "API Key", value: state.apiKey, onChange: (apiKey) => setState((s) => ({ ...s, apiKey })), onSubmit: () => {
+                if (state.isCustom) {
+                    setState((s) => ({ ...s, step: "custom-add-model" }));
+                }
+                else {
+                    setState((s) => ({ ...s, step: "select-models" }));
+                }
+            }, onCancel: onCancel }));
+    }
+    // Preset: select which models to include
+    if (state.step === "select-models" && state.preset) {
+        return (_jsx(ModelSelect, { preset: state.preset, selectedIds: state.selectedModelIds, onToggle: (id) => {
+                setState((s) => {
+                    const next = new Set(s.selectedModelIds);
+                    if (next.has(id))
+                        next.delete(id);
+                    else
+                        next.add(id);
+                    return { ...s, selectedModelIds: next };
+                });
+            }, onSubmit: () => {
+                if (state.selectedModelIds.size === 0 || !state.preset)
+                    return;
+                const models = state.preset.models.filter((m) => state.selectedModelIds.has(m.id));
+                onSubmit({
+                    id: state.preset.id,
+                    name: state.preset.name,
+                    baseUrl: state.preset.baseUrl,
+                    apiKey: state.apiKey,
+                    models,
+                });
+            }, onCancel: onCancel }));
+    }
+    // Custom: add models one by one
+    if (state.step === "custom-add-model") {
+        return (_jsx(CustomModelInput, { name: state.newModelName, modelId: state.newModelModelId, localId: state.newModelId, onChangeName: (newModelName) => setState((s) => ({ ...s, newModelName })), onChangeModelId: (newModelModelId) => setState((s) => ({ ...s, newModelModelId })), onChangeLocalId: (newModelId) => setState((s) => ({ ...s, newModelId })), onAdd: () => {
+                // For custom providers, we submit directly after entering one model
+                // Simplified: single model per custom provider
+                if (!state.newModelName.trim() || !state.customName.trim())
+                    return;
+                const id = state.newModelId.trim() || toKebabCase(state.newModelName);
+                onSubmit({
+                    id: toKebabCase(state.customName),
+                    name: state.customName.trim(),
+                    baseUrl: state.customBaseUrl.trim(),
+                    apiKey: state.apiKey,
+                    models: [
+                        {
+                            id,
+                            name: state.newModelName.trim(),
+                            modelId: state.newModelModelId.trim() || id,
+                        },
+                    ],
+                });
+            }, onCancel: onCancel }));
+    }
+    return null;
+}
+// --- Sub-components ---
+function PresetSelect({ onSelect, onCustom, onCancel, }) {
+    const [index, setIndex] = React.useState(0);
+    const options = [...PRESETS];
+    const customIndex = options.length;
+    useInput((input, key) => {
+        if (key.escape || input === "q") {
+            onCancel();
+            return;
+        }
+        if (key.upArrow)
+            setIndex((i) => Math.max(0, i - 1));
+        if (key.downArrow)
+            setIndex((i) => Math.min(options.length, i + 1));
+        if (key.return) {
+            if (index === customIndex) {
+                onCustom();
+            }
+            else {
+                onSelect(options[index]);
+            }
+        }
+    });
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsx(Text, { bold: true, children: "Add Provider" }), _jsx(Text, { children: "─".repeat(40) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "dim", children: "Select a provider preset:" }) }), options.map((opt, i) => (_jsxs(Box, { children: [_jsx(Text, { children: i === index ? "> " : "  " }), _jsxs(Text, { color: i === index ? "green" : undefined, children: [opt.name, " ", _jsxs(Text, { color: "dim", children: ["(", opt.models.length, " model", opt.models.length > 1 ? "s" : "", ")"] })] })] }, opt.id))), _jsxs(Box, { children: [_jsx(Text, { children: customIndex === index ? "> " : "  " }), _jsx(Text, { color: customIndex === index ? "green" : undefined, children: "Custom (manual setup)" })] }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "dim", children: [_jsx(Text, { color: "green", bold: true, children: "Enter" }), ": Select", " ", _jsx(Text, { color: "green", bold: true, children: "q" }), ": Cancel"] }) })] }));
+}
+function FieldInput({ label, value, onChange, onSubmit, onCancel, }) {
+    useInput((_, key) => {
+        if (key.escape)
+            onCancel();
+    });
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsx(Text, { bold: true, children: label }), _jsx(Text, { children: "─".repeat(40) }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "green", children: "> " }), _jsx(TextInput, { value: value, onChange: onChange, onSubmit: onSubmit, focus: false })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "dim", children: "Press Enter to continue, Esc to cancel" }) })] }));
+}
+function ModelSelect({ preset, selectedIds, onToggle, onSubmit, onCancel, }) {
+    const [index, setIndex] = React.useState(0);
+    useInput((input, key) => {
+        if (key.escape)
+            onCancel();
+        if (key.upArrow)
+            setIndex((i) => Math.max(0, i - 1));
+        if (key.downArrow)
+            setIndex((i) => Math.min(preset.models.length - 1, i + 1));
+        if (key.return)
+            onToggle(preset.models[index].id);
+        if (input === " ")
+            onToggle(preset.models[index].id);
+    });
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsxs(Text, { bold: true, children: ["Select Models \u2014 ", preset.name] }), _jsx(Text, { children: "─".repeat(40) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "dim", children: "Select models to include (toggle with Enter/Space):" }) }), preset.models.map((m, i) => (_jsxs(Box, { children: [_jsx(Text, { children: i === index ? "> " : "  " }), _jsx(Text, { color: selectedIds.has(m.id) ? "green" : "dim", children: selectedIds.has(m.id) ? "[x]" : "[ ]" }), _jsxs(Text, { children: [" ", m.name] }), _jsxs(Text, { color: "dim", children: [" (", m.modelId, ")"] })] }, m.id))), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "dim", children: [_jsx(Text, { color: "green", bold: true, children: "Enter" }), ": Toggle", " ", _jsx(Text, { color: "green", bold: true, children: "Space" }), ": Toggle", " ", _jsx(Text, { color: "green", bold: true, children: "Esc" }), ": Cancel"] }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "green", bold: true, children: "\u2192 Press Enter on a selected model to confirm" }) })] }));
+}
+function CustomModelInput({ name, modelId, localId, onChangeName, onChangeModelId, onChangeLocalId, onAdd, onCancel, }) {
+    const [field, setField] = React.useState("name");
+    useInput((_, key) => {
+        if (key.escape)
+            onCancel();
+    });
+    const fields = [
+        { key: "name", label: "Model name", required: true },
+        { key: "modelId", label: "Model ID (remote)", required: false },
+        { key: "id", label: "Local ID (optional)", required: false },
+    ];
+    const valueMap = { name, modelId, id: localId };
+    const currentValue = valueMap[field];
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsx(Text, { bold: true, children: "Add Model \u2014 Custom Provider" }), _jsx(Text, { children: "─".repeat(40) }), fields.map((f) => (_jsxs(Box, { children: [_jsx(Text, { children: f.key === field ? "> " : "  " }), _jsx(Text, { color: "dim", children: f.label.padEnd(22) }), _jsx(Text, { color: f.key === field ? "green" : "dim", children: valueMap[f.key] || _jsx(Text, { color: "dim", children: "(empty)" }) })] }, f.key))), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(TextInput, { value: currentValue, onChange: (v) => {
+                            if (field === "name")
+                                onChangeName(v);
+                            else if (field === "modelId")
+                                onChangeModelId(v);
+                            else if (field === "id")
+                                onChangeLocalId(v);
+                        }, onSubmit: () => {
+                            const idx = fields.findIndex((f) => f.key === field);
+                            if (idx < fields.length - 1) {
+                                setField(fields[idx + 1].key);
+                            }
+                            else {
+                                onAdd();
+                            }
+                        }, focus: false }), _jsx(Text, { color: "dim", children: "Press Enter for next field, Esc to cancel" })] })] }));
+}
+function toKebabCase(str) {
+    return str
+        .toLowerCase()
+        .replace(/[^a-z0-9]+/g, "-")
+        .replace(/^-|-$/g, "");
+}

package/dist/tui/app.d.ts

@@ -0,0 +1 @@
+export declare function App(): import("react/jsx-runtime").JSX.Element;