open-multi-agent-kit 0.80.6 → 0.80.7

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

@@ -0,0 +1,261 @@
+import { fuzzyFilter } from "@earendil-works/omk-tui";
+export const ALL_PROVIDER_TAB = "all";
+/**
+ * Preferred display order for first-party providers. Anything outside this list
+ * is treated as a custom provider and sorted lexicographically after the known
+ * providers (see {@link buildProviderTabs}).
+ */
+export const KNOWN_PROVIDER_ORDER = [
+    "anthropic",
+    "openai",
+    "google",
+    "deepseek",
+    "kimi",
+    "openrouter",
+    "mistral",
+    "xai",
+    "groq",
+    "zai",
+    "together",
+    "fireworks",
+];
+export function modelSelectorModelKey(model) {
+    return `${model.provider}/${model.id}`;
+}
+function isKnownProvider(provider) {
+    return KNOWN_PROVIDER_ORDER.includes(provider);
+}
+/**
+ * Build the provider tab ring: `all` first, then known providers in their
+ * canonical order, then any custom providers sorted lexicographically.
+ */
+export function buildProviderTabs(models) {
+    const providerIds = Array.from(new Set(models.map((model) => model.provider)));
+    const ordered = KNOWN_PROVIDER_ORDER.filter((provider) => providerIds.includes(provider));
+    const extras = providerIds.filter((provider) => !isKnownProvider(provider)).sort((a, b) => a.localeCompare(b));
+    return [ALL_PROVIDER_TAB, ...ordered, ...extras];
+}
+function filterByProvider(models, activeProvider) {
+    if (activeProvider === ALL_PROVIDER_TAB)
+        return models;
+    return models.filter((model) => model.provider === activeProvider);
+}
+function applySearch(models, query) {
+    if (!query)
+        return models;
+    return fuzzyFilter([...models], query, ({ id, provider }) => `${id} ${provider} ${provider}/${id} ${provider} ${id}`);
+}
+function clampIndex(index, length) {
+    if (length === 0)
+        return 0;
+    return Math.min(Math.max(index, 0), length - 1);
+}
+export function createInitialModelSelectorState(options = {}) {
+    return {
+        scope: options.scope ?? "all",
+        activeProvider: options.activeProvider ?? ALL_PROVIDER_TAB,
+        providerIds: [ALL_PROVIDER_TAB],
+        query: options.query ?? "",
+        selectedIndex: 0,
+        visibleModelKeys: [],
+        allModels: [],
+        scopedModels: [],
+        currentModelKey: undefined,
+    };
+}
+/**
+ * Recompute provider tabs, the validated active provider, and the visible model
+ * list for the given corpus/scope/query, then resolve the selected index with
+ * the supplied strategy. Centralizing this keeps every transition consistent
+ * with the contract invariants.
+ */
+function project(overrides) {
+    const corpus = overrides.scope === "scoped" ? overrides.scopedModels : overrides.allModels;
+    const providerIds = buildProviderTabs(corpus);
+    const activeProvider = providerIds.includes(overrides.desiredProvider)
+        ? overrides.desiredProvider
+        : ALL_PROVIDER_TAB;
+    const providerFiltered = filterByProvider(corpus, activeProvider);
+    const visible = applySearch(providerFiltered, overrides.query);
+    const visibleModelKeys = visible.map(modelSelectorModelKey);
+    const selectedIndex = clampIndex(overrides.select({
+        visibleKeys: visibleModelKeys,
+        providerFilteredKeys: providerFiltered.map(modelSelectorModelKey),
+    }), visibleModelKeys.length);
+    return {
+        scope: overrides.scope,
+        activeProvider,
+        providerIds,
+        query: overrides.query,
+        selectedIndex,
+        visibleModelKeys,
+        allModels: overrides.allModels,
+        scopedModels: overrides.scopedModels,
+        currentModelKey: overrides.currentModelKey,
+    };
+}
+export function modelSelectorReducer(state, action) {
+    switch (action.type) {
+        case "REFRESH_MODELS":
+            return project({
+                scope: state.scope,
+                allModels: action.allModels,
+                scopedModels: action.scopedModels,
+                query: state.query,
+                currentModelKey: action.currentModelKey,
+                desiredProvider: state.activeProvider,
+                select: ({ visibleKeys }) => {
+                    const currentIndex = action.currentModelKey ? visibleKeys.indexOf(action.currentModelKey) : -1;
+                    return currentIndex >= 0
+                        ? currentIndex
+                        : Math.min(state.selectedIndex, Math.max(0, visibleKeys.length - 1));
+                },
+            });
+        case "NEXT_PROVIDER":
+        case "PREVIOUS_PROVIDER": {
+            if (state.providerIds.length === 0)
+                return state;
+            const direction = action.type === "NEXT_PROVIDER" ? 1 : -1;
+            const currentIndex = Math.max(0, state.providerIds.indexOf(state.activeProvider));
+            const nextIndex = (currentIndex + direction + state.providerIds.length) % state.providerIds.length;
+            const desiredProvider = state.providerIds[nextIndex] ?? ALL_PROVIDER_TAB;
+            return project({
+                scope: state.scope,
+                allModels: state.allModels,
+                scopedModels: state.scopedModels,
+                query: state.query,
+                currentModelKey: state.currentModelKey,
+                desiredProvider,
+                select: () => 0,
+            });
+        }
+        case "TOGGLE_SCOPE_FORWARD":
+        case "TOGGLE_SCOPE_BACKWARD": {
+            // Scope is a two-state toggle (all <-> scoped); both directions flip it.
+            // Without scoped models there is nothing to toggle into.
+            if (state.scopedModels.length === 0)
+                return state;
+            const scope = state.scope === "all" ? "scoped" : "all";
+            return project({
+                scope,
+                allModels: state.allModels,
+                scopedModels: state.scopedModels,
+                query: state.query,
+                currentModelKey: state.currentModelKey,
+                desiredProvider: state.activeProvider,
+                select: ({ providerFilteredKeys }) => {
+                    const currentIndex = state.currentModelKey ? providerFilteredKeys.indexOf(state.currentModelKey) : -1;
+                    return currentIndex >= 0 ? currentIndex : 0;
+                },
+            });
+        }
+        case "SEARCH":
+            return project({
+                scope: state.scope,
+                allModels: state.allModels,
+                scopedModels: state.scopedModels,
+                query: action.query,
+                currentModelKey: state.currentModelKey,
+                desiredProvider: state.activeProvider,
+                select: () => state.selectedIndex,
+            });
+        case "MOVE_SELECTION": {
+            const length = state.visibleModelKeys.length;
+            if (length === 0)
+                return state;
+            const selectedIndex = action.delta === -1
+                ? state.selectedIndex === 0
+                    ? length - 1
+                    : state.selectedIndex - 1
+                : state.selectedIndex === length - 1
+                    ? 0
+                    : state.selectedIndex + 1;
+            return { ...state, selectedIndex };
+        }
+    }
+}
+/** Resolve the selected model key, if any, for the current visible list. */
+export function selectedModelKey(state) {
+    return state.visibleModelKeys[state.selectedIndex];
+}
+function providerStripWidth(indices, tabWidths, separatorWidth, ellipsisWidth) {
+    if (indices.length === 0)
+        return 0;
+    let total = 0;
+    let gaps = 0;
+    for (let k = 0; k < indices.length; k++) {
+        const current = indices[k] ?? 0;
+        total += tabWidths[current] ?? 0;
+        if (k > 0) {
+            total += separatorWidth;
+            if (current - (indices[k - 1] ?? 0) > 1)
+                gaps += 1;
+        }
+    }
+    const last = indices[indices.length - 1] ?? 0;
+    const trailing = last < tabWidths.length - 1 ? 1 : 0;
+    // Each ellipsis renders as its own segment joined by a separator, so it costs
+    // a separator in addition to the ellipsis glyph.
+    return total + (ellipsisWidth + separatorWidth) * (gaps + trailing);
+}
+/**
+ * Window a provider tab strip into a visible-column budget so the row never
+ * overflows the terminal while always keeping the "all" anchor (index 0) and the
+ * active tab visible. When the full strip fits, every tab is shown. Otherwise a
+ * contiguous window is grown around the active tab (right-biased, then left),
+ * with a single leading ellipsis for a hidden middle and a trailing ellipsis for
+ * hidden tail tabs.
+ *
+ * Pure and presentation-agnostic: callers pass the visible width of each themed
+ * tab label (via omk-tui `visibleWidth`) plus the separator/ellipsis widths.
+ * If the budget cannot even hold the mandatory {all, active} tabs, those are
+ * still returned (the caller may then hard-truncate).
+ */
+export function fitProviderStrip(tabWidths, activeIndex, budget, separatorWidth, ellipsisWidth) {
+    const n = tabWidths.length;
+    if (n === 0)
+        return { indices: [], ellipsisAfterFirst: false, trailingEllipsis: false };
+    const allIndices = Array.from({ length: n }, (_, i) => i);
+    if (providerStripWidth(allIndices, tabWidths, separatorWidth, ellipsisWidth) <= budget) {
+        return { indices: allIndices, ellipsisAfterFirst: false, trailingEllipsis: false };
+    }
+    const active = Math.max(0, Math.min(activeIndex, n - 1));
+    const shown = new Set([0, active]);
+    const sortedShown = () => [...shown].sort((a, b) => a - b);
+    let low = active;
+    let high = active;
+    let progressed = true;
+    while (progressed) {
+        progressed = false;
+        if (high + 1 < n && !shown.has(high + 1)) {
+            shown.add(high + 1);
+            if (providerStripWidth(sortedShown(), tabWidths, separatorWidth, ellipsisWidth) <= budget) {
+                high += 1;
+                progressed = true;
+            }
+            else {
+                shown.delete(high + 1);
+            }
+        }
+        if (low - 1 > 0 && !shown.has(low - 1)) {
+            shown.add(low - 1);
+            if (providerStripWidth(sortedShown(), tabWidths, separatorWidth, ellipsisWidth) <= budget) {
+                low -= 1;
+                progressed = true;
+            }
+            else {
+                shown.delete(low - 1);
+            }
+        }
+    }
+    const indices = sortedShown();
+    const first = indices[0] ?? 0;
+    const second = indices[1] ?? first;
+    const last = indices[indices.length - 1] ?? 0;
+    return {
+        indices,
+        ellipsisAfterFirst: indices.length > 1 && second - first > 1,
+        trailingEllipsis: last < n - 1,
+    };
+}
+//# sourceMappingURL=model-selector-state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"model-selector-state.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/model-selector-state.ts"],"names":[],"mappings":"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","sourcesContent":["import { fuzzyFilter } from \"@earendil-works/omk-tui\";\n\n/**\n * Pure, render-free state machine for the `/model` selector.\n *\n * The interactive {@link ModelSelectorComponent} is a thin view/controller that\n * delegates every state transition to {@link modelSelectorReducer}. Keeping the\n * decision logic here makes the `/model` contract testable without a TUI and\n * shrinks the blast radius of theme/rendering refactors: presentation can change\n * freely as long as this reducer keeps its semantic guarantees.\n */\n\nexport type ModelScope = \"all\" | \"scoped\";\n\nexport type ProviderTab = \"all\" | string;\n\nexport const ALL_PROVIDER_TAB = \"all\" as const;\n\n/**\n * Preferred display order for first-party providers. Anything outside this list\n * is treated as a custom provider and sorted lexicographically after the known\n * providers (see {@link buildProviderTabs}).\n */\nexport const KNOWN_PROVIDER_ORDER = [\n\t\"anthropic\",\n\t\"openai\",\n\t\"google\",\n\t\"deepseek\",\n\t\"kimi\",\n\t\"openrouter\",\n\t\"mistral\",\n\t\"xai\",\n\t\"groq\",\n\t\"zai\",\n\t\"together\",\n\t\"fireworks\",\n] as const;\n\n/**\n * Minimal model projection the reducer needs. The component maps its richer\n * `ModelItem` (with the full `Model` object) down to this shape and keeps a\n * key -> item map for rendering and selection.\n */\nexport interface ModelSelectorModel {\n\treadonly provider: string;\n\treadonly id: string;\n\treadonly name: string;\n}\n\nexport interface ModelSelectorState {\n\treadonly scope: ModelScope;\n\treadonly activeProvider: ProviderTab;\n\treadonly providerIds: readonly ProviderTab[];\n\treadonly query: string;\n\treadonly selectedIndex: number;\n\treadonly visibleModelKeys: readonly string[];\n\t/** Full corpus retained so transitions stay pure functions of (state, action). */\n\treadonly allModels: readonly ModelSelectorModel[];\n\treadonly scopedModels: readonly ModelSelectorModel[];\n\treadonly currentModelKey?: string;\n}\n\nexport type ModelSelectorAction =\n\t| { type: \"NEXT_PROVIDER\" }\n\t| { type: \"PREVIOUS_PROVIDER\" }\n\t| { type: \"TOGGLE_SCOPE_FORWARD\" }\n\t| { type: \"TOGGLE_SCOPE_BACKWARD\" }\n\t| { type: \"SEARCH\"; query: string }\n\t| { type: \"MOVE_SELECTION\"; delta: 1 | -1 }\n\t| {\n\t\t\ttype: \"REFRESH_MODELS\";\n\t\t\tallModels: readonly ModelSelectorModel[];\n\t\t\tscopedModels: readonly ModelSelectorModel[];\n\t\t\tcurrentModelKey?: string;\n\t  };\n\nexport function modelSelectorModelKey(model: { readonly provider: string; readonly id: string }): string {\n\treturn `${model.provider}/${model.id}`;\n}\n\nfunction isKnownProvider(provider: string): boolean {\n\treturn (KNOWN_PROVIDER_ORDER as readonly string[]).includes(provider);\n}\n\n/**\n * Build the provider tab ring: `all` first, then known providers in their\n * canonical order, then any custom providers sorted lexicographically.\n */\nexport function buildProviderTabs(models: readonly ModelSelectorModel[]): ProviderTab[] {\n\tconst providerIds = Array.from(new Set(models.map((model) => model.provider)));\n\tconst ordered = KNOWN_PROVIDER_ORDER.filter((provider) => providerIds.includes(provider));\n\tconst extras = providerIds.filter((provider) => !isKnownProvider(provider)).sort((a, b) => a.localeCompare(b));\n\treturn [ALL_PROVIDER_TAB, ...ordered, ...extras];\n}\n\nfunction filterByProvider(\n\tmodels: readonly ModelSelectorModel[],\n\tactiveProvider: ProviderTab,\n): readonly ModelSelectorModel[] {\n\tif (activeProvider === ALL_PROVIDER_TAB) return models;\n\treturn models.filter((model) => model.provider === activeProvider);\n}\n\nfunction applySearch(models: readonly ModelSelectorModel[], query: string): readonly ModelSelectorModel[] {\n\tif (!query) return models;\n\treturn fuzzyFilter(\n\t\t[...models],\n\t\tquery,\n\t\t({ id, provider }) => `${id} ${provider} ${provider}/${id} ${provider} ${id}`,\n\t);\n}\n\nfunction clampIndex(index: number, length: number): number {\n\tif (length === 0) return 0;\n\treturn Math.min(Math.max(index, 0), length - 1);\n}\n\nexport interface CreateInitialOptions {\n\treadonly scope?: ModelScope;\n\treadonly activeProvider?: ProviderTab;\n\treadonly query?: string;\n}\n\nexport function createInitialModelSelectorState(options: CreateInitialOptions = {}): ModelSelectorState {\n\treturn {\n\t\tscope: options.scope ?? \"all\",\n\t\tactiveProvider: options.activeProvider ?? ALL_PROVIDER_TAB,\n\t\tproviderIds: [ALL_PROVIDER_TAB],\n\t\tquery: options.query ?? \"\",\n\t\tselectedIndex: 0,\n\t\tvisibleModelKeys: [],\n\t\tallModels: [],\n\t\tscopedModels: [],\n\t\tcurrentModelKey: undefined,\n\t};\n}\n\n/**\n * Recompute provider tabs, the validated active provider, and the visible model\n * list for the given corpus/scope/query, then resolve the selected index with\n * the supplied strategy. Centralizing this keeps every transition consistent\n * with the contract invariants.\n */\nfunction project(overrides: {\n\treadonly scope: ModelScope;\n\treadonly allModels: readonly ModelSelectorModel[];\n\treadonly scopedModels: readonly ModelSelectorModel[];\n\treadonly query: string;\n\treadonly currentModelKey?: string;\n\treadonly desiredProvider: ProviderTab;\n\treadonly select: (input: {\n\t\treadonly visibleKeys: readonly string[];\n\t\treadonly providerFilteredKeys: readonly string[];\n\t}) => number;\n}): ModelSelectorState {\n\tconst corpus = overrides.scope === \"scoped\" ? overrides.scopedModels : overrides.allModels;\n\tconst providerIds = buildProviderTabs(corpus);\n\tconst activeProvider = providerIds.includes(overrides.desiredProvider)\n\t\t? overrides.desiredProvider\n\t\t: ALL_PROVIDER_TAB;\n\tconst providerFiltered = filterByProvider(corpus, activeProvider);\n\tconst visible = applySearch(providerFiltered, overrides.query);\n\tconst visibleModelKeys = visible.map(modelSelectorModelKey);\n\tconst selectedIndex = clampIndex(\n\t\toverrides.select({\n\t\t\tvisibleKeys: visibleModelKeys,\n\t\t\tproviderFilteredKeys: providerFiltered.map(modelSelectorModelKey),\n\t\t}),\n\t\tvisibleModelKeys.length,\n\t);\n\treturn {\n\t\tscope: overrides.scope,\n\t\tactiveProvider,\n\t\tproviderIds,\n\t\tquery: overrides.query,\n\t\tselectedIndex,\n\t\tvisibleModelKeys,\n\t\tallModels: overrides.allModels,\n\t\tscopedModels: overrides.scopedModels,\n\t\tcurrentModelKey: overrides.currentModelKey,\n\t};\n}\n\nexport function modelSelectorReducer(state: ModelSelectorState, action: ModelSelectorAction): ModelSelectorState {\n\tswitch (action.type) {\n\t\tcase \"REFRESH_MODELS\":\n\t\t\treturn project({\n\t\t\t\tscope: state.scope,\n\t\t\t\tallModels: action.allModels,\n\t\t\t\tscopedModels: action.scopedModels,\n\t\t\t\tquery: state.query,\n\t\t\t\tcurrentModelKey: action.currentModelKey,\n\t\t\t\tdesiredProvider: state.activeProvider,\n\t\t\t\tselect: ({ visibleKeys }) => {\n\t\t\t\t\tconst currentIndex = action.currentModelKey ? visibleKeys.indexOf(action.currentModelKey) : -1;\n\t\t\t\t\treturn currentIndex >= 0\n\t\t\t\t\t\t? currentIndex\n\t\t\t\t\t\t: Math.min(state.selectedIndex, Math.max(0, visibleKeys.length - 1));\n\t\t\t\t},\n\t\t\t});\n\n\t\tcase \"NEXT_PROVIDER\":\n\t\tcase \"PREVIOUS_PROVIDER\": {\n\t\t\tif (state.providerIds.length === 0) return state;\n\t\t\tconst direction = action.type === \"NEXT_PROVIDER\" ? 1 : -1;\n\t\t\tconst currentIndex = Math.max(0, state.providerIds.indexOf(state.activeProvider));\n\t\t\tconst nextIndex = (currentIndex + direction + state.providerIds.length) % state.providerIds.length;\n\t\t\tconst desiredProvider = state.providerIds[nextIndex] ?? ALL_PROVIDER_TAB;\n\t\t\treturn project({\n\t\t\t\tscope: state.scope,\n\t\t\t\tallModels: state.allModels,\n\t\t\t\tscopedModels: state.scopedModels,\n\t\t\t\tquery: state.query,\n\t\t\t\tcurrentModelKey: state.currentModelKey,\n\t\t\t\tdesiredProvider,\n\t\t\t\tselect: () => 0,\n\t\t\t});\n\t\t}\n\n\t\tcase \"TOGGLE_SCOPE_FORWARD\":\n\t\tcase \"TOGGLE_SCOPE_BACKWARD\": {\n\t\t\t// Scope is a two-state toggle (all <-> scoped); both directions flip it.\n\t\t\t// Without scoped models there is nothing to toggle into.\n\t\t\tif (state.scopedModels.length === 0) return state;\n\t\t\tconst scope: ModelScope = state.scope === \"all\" ? \"scoped\" : \"all\";\n\t\t\treturn project({\n\t\t\t\tscope,\n\t\t\t\tallModels: state.allModels,\n\t\t\t\tscopedModels: state.scopedModels,\n\t\t\t\tquery: state.query,\n\t\t\t\tcurrentModelKey: state.currentModelKey,\n\t\t\t\tdesiredProvider: state.activeProvider,\n\t\t\t\tselect: ({ providerFilteredKeys }) => {\n\t\t\t\t\tconst currentIndex = state.currentModelKey ? providerFilteredKeys.indexOf(state.currentModelKey) : -1;\n\t\t\t\t\treturn currentIndex >= 0 ? currentIndex : 0;\n\t\t\t\t},\n\t\t\t});\n\t\t}\n\n\t\tcase \"SEARCH\":\n\t\t\treturn project({\n\t\t\t\tscope: state.scope,\n\t\t\t\tallModels: state.allModels,\n\t\t\t\tscopedModels: state.scopedModels,\n\t\t\t\tquery: action.query,\n\t\t\t\tcurrentModelKey: state.currentModelKey,\n\t\t\t\tdesiredProvider: state.activeProvider,\n\t\t\t\tselect: () => state.selectedIndex,\n\t\t\t});\n\n\t\tcase \"MOVE_SELECTION\": {\n\t\t\tconst length = state.visibleModelKeys.length;\n\t\t\tif (length === 0) return state;\n\t\t\tconst selectedIndex =\n\t\t\t\taction.delta === -1\n\t\t\t\t\t? state.selectedIndex === 0\n\t\t\t\t\t\t? length - 1\n\t\t\t\t\t\t: state.selectedIndex - 1\n\t\t\t\t\t: state.selectedIndex === length - 1\n\t\t\t\t\t\t? 0\n\t\t\t\t\t\t: state.selectedIndex + 1;\n\t\t\treturn { ...state, selectedIndex };\n\t\t}\n\t}\n}\n\n/** Resolve the selected model key, if any, for the current visible list. */\nexport function selectedModelKey(state: ModelSelectorState): string | undefined {\n\treturn state.visibleModelKeys[state.selectedIndex];\n}\n\nexport interface ProviderStripLayout {\n\t/** Tab indices to render, in ascending order. Always includes 0 and the active index. */\n\treadonly indices: readonly number[];\n\t/** Render an ellipsis between the first tab (\"all\") and the rest (hidden middle). */\n\treadonly ellipsisAfterFirst: boolean;\n\t/** Render a trailing ellipsis (tabs hidden after the last shown). */\n\treadonly trailingEllipsis: boolean;\n}\n\nfunction providerStripWidth(\n\tindices: readonly number[],\n\ttabWidths: readonly number[],\n\tseparatorWidth: number,\n\tellipsisWidth: number,\n): number {\n\tif (indices.length === 0) return 0;\n\tlet total = 0;\n\tlet gaps = 0;\n\tfor (let k = 0; k < indices.length; k++) {\n\t\tconst current = indices[k] ?? 0;\n\t\ttotal += tabWidths[current] ?? 0;\n\t\tif (k > 0) {\n\t\t\ttotal += separatorWidth;\n\t\t\tif (current - (indices[k - 1] ?? 0) > 1) gaps += 1;\n\t\t}\n\t}\n\tconst last = indices[indices.length - 1] ?? 0;\n\tconst trailing = last < tabWidths.length - 1 ? 1 : 0;\n\t// Each ellipsis renders as its own segment joined by a separator, so it costs\n\t// a separator in addition to the ellipsis glyph.\n\treturn total + (ellipsisWidth + separatorWidth) * (gaps + trailing);\n}\n\n/**\n * Window a provider tab strip into a visible-column budget so the row never\n * overflows the terminal while always keeping the \"all\" anchor (index 0) and the\n * active tab visible. When the full strip fits, every tab is shown. Otherwise a\n * contiguous window is grown around the active tab (right-biased, then left),\n * with a single leading ellipsis for a hidden middle and a trailing ellipsis for\n * hidden tail tabs.\n *\n * Pure and presentation-agnostic: callers pass the visible width of each themed\n * tab label (via omk-tui `visibleWidth`) plus the separator/ellipsis widths.\n * If the budget cannot even hold the mandatory {all, active} tabs, those are\n * still returned (the caller may then hard-truncate).\n */\nexport function fitProviderStrip(\n\ttabWidths: readonly number[],\n\tactiveIndex: number,\n\tbudget: number,\n\tseparatorWidth: number,\n\tellipsisWidth: number,\n): ProviderStripLayout {\n\tconst n = tabWidths.length;\n\tif (n === 0) return { indices: [], ellipsisAfterFirst: false, trailingEllipsis: false };\n\n\tconst allIndices = Array.from({ length: n }, (_, i) => i);\n\tif (providerStripWidth(allIndices, tabWidths, separatorWidth, ellipsisWidth) <= budget) {\n\t\treturn { indices: allIndices, ellipsisAfterFirst: false, trailingEllipsis: false };\n\t}\n\n\tconst active = Math.max(0, Math.min(activeIndex, n - 1));\n\tconst shown = new Set<number>([0, active]);\n\tconst sortedShown = (): number[] => [...shown].sort((a, b) => a - b);\n\n\tlet low = active;\n\tlet high = active;\n\tlet progressed = true;\n\twhile (progressed) {\n\t\tprogressed = false;\n\t\tif (high + 1 < n && !shown.has(high + 1)) {\n\t\t\tshown.add(high + 1);\n\t\t\tif (providerStripWidth(sortedShown(), tabWidths, separatorWidth, ellipsisWidth) <= budget) {\n\t\t\t\thigh += 1;\n\t\t\t\tprogressed = true;\n\t\t\t} else {\n\t\t\t\tshown.delete(high + 1);\n\t\t\t}\n\t\t}\n\t\tif (low - 1 > 0 && !shown.has(low - 1)) {\n\t\t\tshown.add(low - 1);\n\t\t\tif (providerStripWidth(sortedShown(), tabWidths, separatorWidth, ellipsisWidth) <= budget) {\n\t\t\t\tlow -= 1;\n\t\t\t\tprogressed = true;\n\t\t\t} else {\n\t\t\t\tshown.delete(low - 1);\n\t\t\t}\n\t\t}\n\t}\n\n\tconst indices = sortedShown();\n\tconst first = indices[0] ?? 0;\n\tconst second = indices[1] ?? first;\n\tconst last = indices[indices.length - 1] ?? 0;\n\treturn {\n\t\tindices,\n\t\tellipsisAfterFirst: indices.length > 1 && second - first > 1,\n\t\ttrailingEllipsis: last < n - 1,\n\t};\n}\n"]}

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

@@ -2,10 +2,22 @@ import { type Model } from "@earendil-works/omk-ai";
 import { Container, type Focusable, Input, type TUI } from "@earendil-works/omk-tui";
 import type { ModelRegistry } from "../../../core/model-registry.ts";
 import type { SettingsManager } from "../../../core/settings-manager.ts";
+import { ALL_PROVIDER_TAB, type ModelScope, type ProviderTab } from "./model-selector-state.ts";
+export { ALL_PROVIDER_TAB };
+export type { ModelScope, ProviderTab };
 interface ScopedModelItem {
     model: Model<any>;
     thinkingLevel?: string;
 }
+export interface ModelSelectorSemanticState {
+    readonly scope: ModelScope;
+    readonly activeProvider: ProviderTab;
+    readonly providerIds: readonly ProviderTab[];
+    readonly query: string;
+    readonly selectedIndex: number;
+    readonly selectedModelKey?: string;
+    readonly visibleModelKeys: readonly string[];
+}
 /**
  * Component that renders a model selector with search and provider tabs.
  */
@@ -15,12 +27,12 @@ export declare class ModelSelectorComponent extends Container implements Focusab
     get focused(): boolean;
     set focused(value: boolean);
     private listContainer;
-    private allModels;
-    private scopedModelItems;
-    private activeModels;
     private filteredModels;
     private selectedIndex;
     private currentModel?;
+    private currentModelKey?;
+    private itemsByKey;
+    private state;
     private modelRegistry;
     private onSelectCallback;
     private onCancelCallback;
@@ -34,23 +46,45 @@ export declare class ModelSelectorComponent extends Container implements Focusab
     private providerHintText;
     private scopeText?;
     private scopeHintText?;
-    constructor(tui: TUI, currentModel: Model<any> | undefined, _settingsManager: SettingsManager, modelRegistry: ModelRegistry, scopedModels: ReadonlyArray<ScopedModelItem>, onSelect: (model: Model<any>) => void, onCancel: () => void, initialSearchInput?: string);
+    onProviderTabChange?: (tab: ProviderTab) => void;
+    constructor(tui: TUI, currentModel: Model<any> | undefined, _settingsManager: SettingsManager, modelRegistry: ModelRegistry, scopedModels: ReadonlyArray<ScopedModelItem>, onSelect: (model: Model<any>) => void, onCancel: () => void, initialSearchInput?: string, initialProviderTab?: ProviderTab);
     private loadModels;
+    private resolveCurrentModelKey;
     private sortModels;
     private isProviderAuthenticated;
+    private providerTabLabel;
+    private themedProviderTab;
+    /**
+     * Build the provider tab row. When a render width is supplied, the strip is
+     * windowed with fitProviderStrip() so it always fits the terminal while keeping
+     * the "all" anchor and the active tab visible; otherwise every tab is shown
+     * (used for non-render measurement contexts).
+     */
     private getProviderText;
     private getProviderHintText;
     private getScopeText;
     private getScopeHintText;
-    private setScope;
-    private rebuildProviderTabs;
-    private getProviderFilteredModels;
-    private cycleProvider;
-    private filterModels;
+    private applyAction;
+    /**
+     * Mirror the reducer's semantic state into the fields the renderer reads.
+     * The reducer is the single source of truth; these fields are a derived view
+     * kept in sync after every transition.
+     */
+    private syncRenderState;
     private updateList;
     handleInput(keyData: string): void;
     private handleSelect;
+    /**
+     * Structured /model contract state. Tests and future reducer/property
+     * harnesses should assert this semantic snapshot instead of parsing themed
+     * presentation text or reaching into private fields.
+     */
+    getSemanticState(): ModelSelectorSemanticState;
+    /**
+     * Width-aware render: recompute the provider row for the actual terminal width
+     * so the strip fits without wrapping, then delegate to the container renderer.
+     */
+    render(width: number): string[];
     getSearchInput(): Input;
 }
-export {};
 //# sourceMappingURL=model-selector.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"model-selector.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/model-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,KAAK,EAAkB,MAAM,wBAAwB,CAAC;AAChG,OAAO,EACN,SAAS,EACT,KAAK,SAAS,EAGd,KAAK,EAGL,KAAK,GAAG,EACR,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAuBzE,UAAU,eAAe;IACxB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB;AA8BD;;GAEG;AACH,qBAAa,sBAAuB,SAAQ,SAAU,YAAW,SAAS;IACzE,OAAO,CAAC,WAAW,CAAQ;IAG3B,OAAO,CAAC,QAAQ,CAAS;IACzB,IAAI,OAAO,IAAI,OAAO,CAErB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAGzB;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,aAAa,CAAgB;IACrC,OAAO,CAAC,gBAAgB,CAA8B;IACtD,OAAO,CAAC,gBAAgB,CAAa;IACrC,OAAO,CAAC,YAAY,CAAC,CAAS;IAC9B,OAAO,CAAC,GAAG,CAAM;IACjB,OAAO,CAAC,YAAY,CAAiC;IACrD,OAAO,CAAC,KAAK,CAAqB;IAClC,OAAO,CAAC,YAAY,CAAqC;IACzD,OAAO,CAAC,iBAAiB,CAAiC;IAC1D,OAAO,CAAC,YAAY,CAAO;IAC3B,OAAO,CAAC,gBAAgB,CAAO;IAC/B,OAAO,CAAC,SAAS,CAAC,CAAO;IACzB,OAAO,CAAC,aAAa,CAAC,CAAO;IAE7B,YACC,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,SAAS,EACpC,gBAAgB,EAAE,eAAe,EACjC,aAAa,EAAE,aAAa,EAC5B,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,EAmE3B;YAEa,UAAU;IA+CxB,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,uBAAuB;IAM/B,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,QAAQ;IAkBhB,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,yBAAyB;IAOjC,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,UAAU;IAwDlB,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CA8CjC;IAED,OAAO,CAAC,YAAY;IAIpB,cAAc,IAAI,KAAK,CAEtB;CACD","sourcesContent":["import { getSupportedThinkingLevels, type Model, modelsAreEqual } from \"@earendil-works/omk-ai\";\nimport {\n\tContainer,\n\ttype Focusable,\n\tfuzzyFilter,\n\tgetKeybindings,\n\tInput,\n\tSpacer,\n\tText,\n\ttype TUI,\n} from \"@earendil-works/omk-tui\";\nimport type { ModelRegistry } from \"../../../core/model-registry.ts\";\nimport type { SettingsManager } from \"../../../core/settings-manager.ts\";\n\nfunction formatThinkingBadge(model: Model<any>): string {\n\tconst levels = getSupportedThinkingLevels(model) as string[];\n\tif (!levels || levels.length === 0) return \"think:-\";\n\tif (levels.length === 1) return `think:${levels[0]}`;\n\treturn `think:${levels[0]}…${levels[levels.length - 1]}`;\n}\n\nfunction providerAuthGlyph(authConfigured: boolean): string {\n\treturn authConfigured ? \"✓\" : \"✗\";\n}\n\nimport { theme } from \"../theme/theme.ts\";\nimport { DynamicBorder } from \"./dynamic-border.ts\";\nimport { keyHint } from \"./keybinding-hints.ts\";\n\ninterface ModelItem {\n\tprovider: string;\n\tid: string;\n\tmodel: Model<any>;\n}\n\ninterface ScopedModelItem {\n\tmodel: Model<any>;\n\tthinkingLevel?: string;\n}\n\ntype ModelScope = \"all\" | \"scoped\";\ntype ProviderTab = \"all\" | string;\n\nconst ALL_PROVIDER_TAB = \"all\" as const;\nconst PROVIDER_TAB_ORDER = [\n\t\"anthropic\",\n\t\"openai\",\n\t\"google\",\n\t\"deepseek\",\n\t\"kimi\",\n\t\"openrouter\",\n\t\"mistral\",\n\t\"xai\",\n\t\"groq\",\n\t\"zai\",\n\t\"together\",\n\t\"fireworks\",\n] as const;\n\nfunction buildProviderTabs(models: readonly ModelItem[]): ProviderTab[] {\n\tconst providerIds = Array.from(new Set(models.map((model) => model.provider)));\n\tconst ordered = PROVIDER_TAB_ORDER.filter((provider) => providerIds.includes(provider));\n\tconst extras = providerIds\n\t\t.filter((provider) => !PROVIDER_TAB_ORDER.includes(provider as (typeof PROVIDER_TAB_ORDER)[number]))\n\t\t.sort((a, b) => a.localeCompare(b));\n\treturn [ALL_PROVIDER_TAB, ...ordered, ...extras];\n}\n\n/**\n * Component that renders a model selector with search and provider tabs.\n */\nexport class ModelSelectorComponent extends Container implements Focusable {\n\tprivate searchInput: Input;\n\n\t// Focusable implementation - propagate to searchInput for IME cursor positioning\n\tprivate _focused = false;\n\tget focused(): boolean {\n\t\treturn this._focused;\n\t}\n\tset focused(value: boolean) {\n\t\tthis._focused = value;\n\t\tthis.searchInput.focused = value;\n\t}\n\tprivate listContainer: Container;\n\tprivate allModels: ModelItem[] = [];\n\tprivate scopedModelItems: ModelItem[] = [];\n\tprivate activeModels: ModelItem[] = [];\n\tprivate filteredModels: ModelItem[] = [];\n\tprivate selectedIndex: number = 0;\n\tprivate currentModel?: Model<any>;\n\tprivate modelRegistry: ModelRegistry;\n\tprivate onSelectCallback: (model: Model<any>) => void;\n\tprivate onCancelCallback: () => void;\n\tprivate errorMessage?: string;\n\tprivate tui: TUI;\n\tprivate scopedModels: ReadonlyArray<ScopedModelItem>;\n\tprivate scope: ModelScope = \"all\";\n\tprivate providerTabs: ProviderTab[] = [ALL_PROVIDER_TAB];\n\tprivate activeProviderTab: ProviderTab = ALL_PROVIDER_TAB;\n\tprivate providerText: Text;\n\tprivate providerHintText: Text;\n\tprivate scopeText?: Text;\n\tprivate scopeHintText?: Text;\n\n\tconstructor(\n\t\ttui: TUI,\n\t\tcurrentModel: Model<any> | undefined,\n\t\t_settingsManager: SettingsManager,\n\t\tmodelRegistry: ModelRegistry,\n\t\tscopedModels: ReadonlyArray<ScopedModelItem>,\n\t\tonSelect: (model: Model<any>) => void,\n\t\tonCancel: () => void,\n\t\tinitialSearchInput?: string,\n\t) {\n\t\tsuper();\n\n\t\tthis.tui = tui;\n\t\tthis.currentModel = currentModel;\n\t\tthis.modelRegistry = modelRegistry;\n\t\tthis.scopedModels = scopedModels;\n\t\tthis.scope = scopedModels.length > 0 ? \"scoped\" : \"all\";\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\tthis.providerText = new Text(this.getProviderText(), 0, 0);\n\t\tthis.addChild(this.providerText);\n\t\tthis.providerHintText = new Text(this.getProviderHintText(), 0, 0);\n\t\tthis.addChild(this.providerHintText);\n\n\t\t// Add hint about model filtering\n\t\tif (scopedModels.length > 0) {\n\t\t\tthis.scopeText = new Text(this.getScopeText(), 0, 0);\n\t\t\tthis.addChild(this.scopeText);\n\t\t\tthis.scopeHintText = new Text(this.getScopeHintText(), 0, 0);\n\t\t\tthis.addChild(this.scopeHintText);\n\t\t} else {\n\t\t\tconst hintText = \"Only showing models from configured providers. Use /login to add providers.\";\n\t\t\tthis.addChild(new Text(theme.fg(\"warning\", hintText), 0, 0));\n\t\t}\n\t\tthis.addChild(new Spacer(1));\n\n\t\t// Create search input\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\t// Enter on search input selects the first filtered item\n\t\t\tif (this.filteredModels[this.selectedIndex]) {\n\t\t\t\tthis.handleSelect(this.filteredModels[this.selectedIndex].model);\n\t\t\t}\n\t\t};\n\t\tthis.addChild(this.searchInput);\n\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// Load models and do initial render\n\t\tthis.loadModels().then(() => {\n\t\t\tif (initialSearchInput) {\n\t\t\t\tthis.filterModels(initialSearchInput);\n\t\t\t} else {\n\t\t\t\tthis.updateList();\n\t\t\t}\n\t\t\t// Request re-render after models are loaded\n\t\t\tthis.tui.requestRender();\n\t\t});\n\t}\n\n\tprivate async loadModels(): Promise<void> {\n\t\tlet models: ModelItem[];\n\n\t\t// Refresh to pick up any changes to models.json\n\t\tthis.modelRegistry.refresh();\n\n\t\t// Check for models.json errors\n\t\tconst loadError = this.modelRegistry.getError();\n\t\tif (loadError) {\n\t\t\tthis.errorMessage = loadError;\n\t\t}\n\n\t\t// Load available models (built-in models still work even if models.json failed)\n\t\ttry {\n\t\t\tconst availableModels = await this.modelRegistry.getAvailable();\n\t\t\tmodels = availableModels.map((model: Model<any>) => ({\n\t\t\t\tprovider: model.provider,\n\t\t\t\tid: model.id,\n\t\t\t\tmodel,\n\t\t\t}));\n\t\t} catch (error) {\n\t\t\tthis.allModels = [];\n\t\t\tthis.scopedModelItems = [];\n\t\t\tthis.activeModels = [];\n\t\t\tthis.filteredModels = [];\n\t\t\tthis.errorMessage = error instanceof Error ? error.message : String(error);\n\t\t\treturn;\n\t\t}\n\n\t\tthis.allModels = this.sortModels(models);\n\t\tthis.scopedModels = this.scopedModels.map((scoped) => {\n\t\t\tconst refreshed = this.modelRegistry.find(scoped.model.provider, scoped.model.id);\n\t\t\treturn refreshed ? { ...scoped, model: refreshed } : scoped;\n\t\t});\n\t\tthis.scopedModelItems = this.scopedModels.map((scoped) => ({\n\t\t\tprovider: scoped.model.provider,\n\t\t\tid: scoped.model.id,\n\t\t\tmodel: scoped.model,\n\t\t}));\n\t\tthis.activeModels = this.scope === \"scoped\" ? this.scopedModelItems : this.allModels;\n\t\tthis.rebuildProviderTabs();\n\t\tthis.filteredModels = this.getProviderFilteredModels();\n\t\tconst currentIndex = this.filteredModels.findIndex((item) => modelsAreEqual(this.currentModel, item.model));\n\t\tthis.selectedIndex =\n\t\t\tcurrentIndex >= 0 ? currentIndex : Math.min(this.selectedIndex, Math.max(0, this.filteredModels.length - 1));\n\t}\n\n\tprivate sortModels(models: ModelItem[]): ModelItem[] {\n\t\tconst sorted = [...models];\n\t\t// Sort: current model first, then by provider\n\t\tsorted.sort((a, b) => {\n\t\t\tconst aIsCurrent = modelsAreEqual(this.currentModel, a.model);\n\t\t\tconst bIsCurrent = modelsAreEqual(this.currentModel, b.model);\n\t\t\tif (aIsCurrent && !bIsCurrent) return -1;\n\t\t\tif (!aIsCurrent && bIsCurrent) return 1;\n\t\t\treturn a.provider.localeCompare(b.provider);\n\t\t});\n\t\treturn sorted;\n\t}\n\n\tprivate isProviderAuthenticated(provider: string): boolean {\n\t\tif (provider === ALL_PROVIDER_TAB) return true;\n\t\tconst status = this.modelRegistry.authStorage.getAuthStatus(provider);\n\t\treturn status.configured || status.source !== undefined;\n\t}\n\n\tprivate getProviderText(): string {\n\t\tconst tabs = this.providerTabs.map((provider) => {\n\t\t\tconst auth = this.isProviderAuthenticated(provider);\n\t\t\tconst glyph = provider === ALL_PROVIDER_TAB ? \"\" : ` ${providerAuthGlyph(auth)}`;\n\t\t\tconst label = `${provider}${glyph}`;\n\t\t\tif (provider === this.activeProviderTab) return theme.fg(\"accent\", label);\n\t\t\treturn auth ? theme.fg(\"muted\", label) : theme.fg(\"dim\", label);\n\t\t});\n\t\treturn `${theme.fg(\"muted\", \"Provider: \")}${tabs.join(theme.fg(\"dim\", \" | \"))}`;\n\t}\n\n\tprivate getProviderHintText(): string {\n\t\treturn (\n\t\t\tkeyHint(\"tui.input.tab\", \"provider\") +\n\t\t\ttheme.fg(\"muted\", \" · \") +\n\t\t\tkeyHint(\"app.model.providerPrevious\", \"previous provider\")\n\t\t);\n\t}\n\n\tprivate getScopeText(): string {\n\t\tconst allText = this.scope === \"all\" ? theme.fg(\"accent\", \"all\") : theme.fg(\"muted\", \"all\");\n\t\tconst scopedText = this.scope === \"scoped\" ? theme.fg(\"accent\", \"scoped\") : theme.fg(\"muted\", \"scoped\");\n\t\treturn `${theme.fg(\"muted\", \"Scope: \")}${allText}${theme.fg(\"muted\", \" | \")}${scopedText}`;\n\t}\n\n\tprivate getScopeHintText(): string {\n\t\treturn keyHint(\"app.model.cycleForward\", \"scope\") + theme.fg(\"muted\", \" (all/scoped)\");\n\t}\n\n\tprivate setScope(scope: ModelScope): void {\n\t\tif (this.scope === scope) return;\n\t\tthis.scope = scope;\n\t\tthis.activeModels = this.scope === \"scoped\" ? this.scopedModelItems : this.allModels;\n\t\tthis.rebuildProviderTabs();\n\t\tconst currentIndex = this.getProviderFilteredModels().findIndex((item) =>\n\t\t\tmodelsAreEqual(this.currentModel, item.model),\n\t\t);\n\t\tthis.selectedIndex = currentIndex >= 0 ? currentIndex : 0;\n\t\tthis.filterModels(this.searchInput.getValue());\n\t\tif (this.scopeText) {\n\t\t\tthis.scopeText.setText(this.getScopeText());\n\t\t}\n\t\tif (this.scopeHintText) {\n\t\t\tthis.scopeHintText.setText(this.getScopeHintText());\n\t\t}\n\t}\n\n\tprivate rebuildProviderTabs(): void {\n\t\tthis.providerTabs = buildProviderTabs(this.activeModels);\n\t\tif (!this.providerTabs.includes(this.activeProviderTab)) {\n\t\t\tthis.activeProviderTab = ALL_PROVIDER_TAB;\n\t\t}\n\t\tthis.providerText.setText(this.getProviderText());\n\t\tthis.providerHintText.setText(this.getProviderHintText());\n\t}\n\n\tprivate getProviderFilteredModels(): ModelItem[] {\n\t\tif (this.activeProviderTab === ALL_PROVIDER_TAB) {\n\t\t\treturn this.activeModels;\n\t\t}\n\t\treturn this.activeModels.filter((item) => item.provider === this.activeProviderTab);\n\t}\n\n\tprivate cycleProvider(direction: 1 | -1): void {\n\t\tif (this.providerTabs.length === 0) return;\n\t\tconst currentIndex = Math.max(0, this.providerTabs.indexOf(this.activeProviderTab));\n\t\tconst nextIndex = (currentIndex + direction + this.providerTabs.length) % this.providerTabs.length;\n\t\tthis.activeProviderTab = this.providerTabs[nextIndex] ?? ALL_PROVIDER_TAB;\n\t\tthis.providerText.setText(this.getProviderText());\n\t\tthis.selectedIndex = 0;\n\t\tthis.filterModels(this.searchInput.getValue());\n\t}\n\n\tprivate filterModels(query: string): void {\n\t\tconst providerModels = this.getProviderFilteredModels();\n\t\tthis.filteredModels = query\n\t\t\t? fuzzyFilter(\n\t\t\t\t\tproviderModels,\n\t\t\t\t\tquery,\n\t\t\t\t\t({ id, provider }) => `${id} ${provider} ${provider}/${id} ${provider} ${id}`,\n\t\t\t\t)\n\t\t\t: providerModels;\n\t\tthis.selectedIndex = Math.min(this.selectedIndex, Math.max(0, this.filteredModels.length - 1));\n\t\tthis.updateList();\n\t}\n\n\tprivate updateList(): void {\n\t\tthis.listContainer.clear();\n\n\t\tconst maxVisible = 10;\n\t\tconst startIndex = Math.max(\n\t\t\t0,\n\t\t\tMath.min(this.selectedIndex - Math.floor(maxVisible / 2), this.filteredModels.length - maxVisible),\n\t\t);\n\t\tconst endIndex = Math.min(startIndex + maxVisible, this.filteredModels.length);\n\n\t\t// Show visible slice of filtered models\n\t\tfor (let i = startIndex; i < endIndex; i++) {\n\t\t\tconst item = this.filteredModels[i];\n\t\t\tif (!item) continue;\n\n\t\t\tconst isSelected = i === this.selectedIndex;\n\t\t\tconst isCurrent = modelsAreEqual(this.currentModel, item.model);\n\t\t\tconst providerAuthed = this.isProviderAuthenticated(item.provider);\n\t\t\tconst providerLabel = `[${item.provider}${providerAuthed ? \"\" : \" no-auth\"}]`;\n\t\t\tconst providerBadge = providerAuthed ? theme.fg(\"muted\", providerLabel) : theme.fg(\"warning\", providerLabel);\n\t\t\tconst thinkingBadge = theme.fg(\"dim\", ` · ${formatThinkingBadge(item.model)}`);\n\t\t\tconst checkmark = isCurrent ? theme.fg(\"success\", \" ✓\") : \"\";\n\n\t\t\tlet line = \"\";\n\t\t\tif (isSelected) {\n\t\t\t\tconst prefix = theme.fg(\"accent\", \"→ \");\n\t\t\t\tline = `${prefix + theme.fg(\"accent\", item.id)} ${providerBadge}${thinkingBadge}${checkmark}`;\n\t\t\t} else {\n\t\t\t\tline = `  ${item.id} ${providerBadge}${thinkingBadge}${checkmark}`;\n\t\t\t}\n\n\t\t\tthis.listContainer.addChild(new Text(line, 0, 0));\n\t\t}\n\n\t\t// Add scroll indicator if needed\n\t\tif (startIndex > 0 || endIndex < this.filteredModels.length) {\n\t\t\tconst scrollInfo = theme.fg(\"muted\", `  (${this.selectedIndex + 1}/${this.filteredModels.length})`);\n\t\t\tthis.listContainer.addChild(new Text(scrollInfo, 0, 0));\n\t\t}\n\n\t\t// Show error message or \"no results\" if empty\n\t\tif (this.errorMessage) {\n\t\t\t// Show error in red\n\t\t\tconst errorLines = this.errorMessage.split(\"\\n\");\n\t\t\tfor (const line of errorLines) {\n\t\t\t\tthis.listContainer.addChild(new Text(theme.fg(\"error\", line), 0, 0));\n\t\t\t}\n\t\t} else if (this.filteredModels.length === 0) {\n\t\t\tthis.listContainer.addChild(new Text(theme.fg(\"muted\", \"  No matching models\"), 0, 0));\n\t\t} else {\n\t\t\tconst selected = this.filteredModels[this.selectedIndex];\n\t\t\tthis.listContainer.addChild(new Spacer(1));\n\t\t\tthis.listContainer.addChild(new Text(theme.fg(\"muted\", `  Model Name: ${selected.model.name}`), 0, 0));\n\t\t}\n\t}\n\n\thandleInput(keyData: string): void {\n\t\tconst kb = getKeybindings();\n\t\tif (kb.matches(keyData, \"tui.input.tab\")) {\n\t\t\tthis.cycleProvider(1);\n\t\t\treturn;\n\t\t}\n\t\tif (kb.matches(keyData, \"app.model.providerPrevious\")) {\n\t\t\tthis.cycleProvider(-1);\n\t\t\treturn;\n\t\t}\n\t\tif (\n\t\t\t(kb.matches(keyData, \"app.model.cycleForward\") || kb.matches(keyData, \"app.model.cycleBackward\")) &&\n\t\t\tthis.scopedModelItems.length > 0\n\t\t) {\n\t\t\tconst nextScope: ModelScope = this.scope === \"all\" ? \"scoped\" : \"all\";\n\t\t\tthis.setScope(nextScope);\n\t\t\treturn;\n\t\t}\n\t\t// Up arrow - wrap to bottom when at top\n\t\tif (kb.matches(keyData, \"tui.select.up\")) {\n\t\t\tif (this.filteredModels.length === 0) return;\n\t\t\tthis.selectedIndex = this.selectedIndex === 0 ? this.filteredModels.length - 1 : this.selectedIndex - 1;\n\t\t\tthis.updateList();\n\t\t}\n\t\t// Down arrow - wrap to top when at bottom\n\t\telse if (kb.matches(keyData, \"tui.select.down\")) {\n\t\t\tif (this.filteredModels.length === 0) return;\n\t\t\tthis.selectedIndex = this.selectedIndex === this.filteredModels.length - 1 ? 0 : this.selectedIndex + 1;\n\t\t\tthis.updateList();\n\t\t}\n\t\t// Enter\n\t\telse if (kb.matches(keyData, \"tui.select.confirm\")) {\n\t\t\tconst selectedModel = this.filteredModels[this.selectedIndex];\n\t\t\tif (selectedModel) {\n\t\t\t\tthis.handleSelect(selectedModel.model);\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.filterModels(this.searchInput.getValue());\n\t\t}\n\t}\n\n\tprivate handleSelect(model: Model<any>): void {\n\t\tthis.onSelectCallback(model);\n\t}\n\n\tgetSearchInput(): Input {\n\t\treturn this.searchInput;\n\t}\n}\n"]}
+{"version":3,"file":"model-selector.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/model-selector.ts"],"names":[],"mappings":"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","sourcesContent":["import { getSupportedThinkingLevels, type Model, modelsAreEqual } from \"@earendil-works/omk-ai\";\nimport {\n\tContainer,\n\ttype Focusable,\n\tgetKeybindings,\n\tInput,\n\tSpacer,\n\tText,\n\ttype TUI,\n\tvisibleWidth,\n} from \"@earendil-works/omk-tui\";\nimport type { ModelRegistry } from \"../../../core/model-registry.ts\";\nimport type { SettingsManager } from \"../../../core/settings-manager.ts\";\n\nfunction formatThinkingBadge(model: Model<any>): string {\n\tconst levels = getSupportedThinkingLevels(model) as string[];\n\tif (!levels || levels.length === 0) return \"think:-\";\n\tif (levels.length === 1) return `think:${levels[0]}`;\n\treturn `think:${levels[0]}…${levels[levels.length - 1]}`;\n}\n\nfunction providerAuthGlyph(authConfigured: boolean): string {\n\treturn authConfigured ? \"✓\" : \"✗\";\n}\n\nimport { theme } from \"../theme/theme.ts\";\nimport { DynamicBorder } from \"./dynamic-border.ts\";\nimport { keyHint } from \"./keybinding-hints.ts\";\nimport {\n\tALL_PROVIDER_TAB,\n\tcreateInitialModelSelectorState,\n\tfitProviderStrip,\n\ttype ModelScope,\n\ttype ModelSelectorAction,\n\ttype ModelSelectorModel,\n\ttype ModelSelectorState,\n\tmodelSelectorModelKey,\n\tmodelSelectorReducer,\n\ttype ProviderTab,\n\tselectedModelKey,\n} from \"./model-selector-state.ts\";\n\nexport { ALL_PROVIDER_TAB };\nexport type { ModelScope, ProviderTab };\n\ninterface ModelItem {\n\tprovider: string;\n\tid: string;\n\tmodel: Model<any>;\n}\n\ninterface ScopedModelItem {\n\tmodel: Model<any>;\n\tthinkingLevel?: string;\n}\n\nexport interface ModelSelectorSemanticState {\n\treadonly scope: ModelScope;\n\treadonly activeProvider: ProviderTab;\n\treadonly providerIds: readonly ProviderTab[];\n\treadonly query: string;\n\treadonly selectedIndex: number;\n\treadonly selectedModelKey?: string;\n\treadonly visibleModelKeys: readonly string[];\n}\n\nfunction toSelectorModel(item: ModelItem): ModelSelectorModel {\n\treturn { provider: item.provider, id: item.id, name: item.model.name };\n}\n\n/**\n * Component that renders a model selector with search and provider tabs.\n */\nexport class ModelSelectorComponent extends Container implements Focusable {\n\tprivate searchInput: Input;\n\n\t// Focusable implementation - propagate to searchInput for IME cursor positioning\n\tprivate _focused = false;\n\tget focused(): boolean {\n\t\treturn this._focused;\n\t}\n\tset focused(value: boolean) {\n\t\tthis._focused = value;\n\t\tthis.searchInput.focused = value;\n\t}\n\tprivate listContainer: Container;\n\tprivate filteredModels: ModelItem[] = [];\n\tprivate selectedIndex: number = 0;\n\tprivate currentModel?: Model<any>;\n\tprivate currentModelKey?: string;\n\tprivate itemsByKey = new Map<string, ModelItem>();\n\tprivate state: ModelSelectorState = createInitialModelSelectorState();\n\tprivate modelRegistry: ModelRegistry;\n\tprivate onSelectCallback: (model: Model<any>) => void;\n\tprivate onCancelCallback: () => void;\n\tprivate errorMessage?: string;\n\tprivate tui: TUI;\n\tprivate scopedModels: ReadonlyArray<ScopedModelItem>;\n\tprivate scope: ModelScope = \"all\";\n\tprivate providerTabs: ProviderTab[] = [ALL_PROVIDER_TAB];\n\tprivate activeProviderTab: ProviderTab = ALL_PROVIDER_TAB;\n\tprivate providerText: Text;\n\tprivate providerHintText: Text;\n\tprivate scopeText?: Text;\n\tprivate scopeHintText?: Text;\n\n\tonProviderTabChange?: (tab: ProviderTab) => void;\n\n\tconstructor(\n\t\ttui: TUI,\n\t\tcurrentModel: Model<any> | undefined,\n\t\t_settingsManager: SettingsManager,\n\t\tmodelRegistry: ModelRegistry,\n\t\tscopedModels: ReadonlyArray<ScopedModelItem>,\n\t\tonSelect: (model: Model<any>) => void,\n\t\tonCancel: () => void,\n\t\tinitialSearchInput?: string,\n\t\tinitialProviderTab?: ProviderTab,\n\t) {\n\t\tsuper();\n\n\t\tthis.tui = tui;\n\t\tthis.currentModel = currentModel;\n\t\tthis.modelRegistry = modelRegistry;\n\t\tthis.scopedModels = scopedModels;\n\t\tthis.scope = scopedModels.length > 0 ? \"scoped\" : \"all\";\n\t\tthis.onSelectCallback = onSelect;\n\t\tthis.onCancelCallback = onCancel;\n\t\tif (initialProviderTab) {\n\t\t\t// Restored across showModelSelector() invocations so the user does not\n\t\t\t// lose the provider tab they picked last time. REFRESH_MODELS will\n\t\t\t// downgrade this to ALL_PROVIDER_TAB if the tab no longer exists after\n\t\t\t// models are loaded (e.g. provider deauthenticated or scoped).\n\t\t\tthis.activeProviderTab = initialProviderTab;\n\t\t}\n\t\tthis.state = createInitialModelSelectorState({ scope: this.scope, activeProvider: this.activeProviderTab });\n\n\t\t// Add top border\n\t\tthis.addChild(new DynamicBorder());\n\t\tthis.addChild(new Spacer(1));\n\n\t\tthis.providerText = new Text(this.getProviderText(), 0, 0);\n\t\tthis.addChild(this.providerText);\n\t\tthis.providerHintText = new Text(this.getProviderHintText(), 0, 0);\n\t\tthis.addChild(this.providerHintText);\n\n\t\t// Add hint about model filtering\n\t\tif (scopedModels.length > 0) {\n\t\t\tthis.scopeText = new Text(this.getScopeText(), 0, 0);\n\t\t\tthis.addChild(this.scopeText);\n\t\t\tthis.scopeHintText = new Text(this.getScopeHintText(), 0, 0);\n\t\t\tthis.addChild(this.scopeHintText);\n\t\t} else {\n\t\t\tconst hintText = \"Only showing models from configured providers. Use /login to add providers.\";\n\t\t\tthis.addChild(new Text(theme.fg(\"warning\", hintText), 0, 0));\n\t\t}\n\t\tthis.addChild(new Spacer(1));\n\n\t\t// Create search input\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\t// Enter on search input selects the first filtered item\n\t\t\tif (this.filteredModels[this.selectedIndex]) {\n\t\t\t\tthis.handleSelect(this.filteredModels[this.selectedIndex].model);\n\t\t\t}\n\t\t};\n\t\tthis.addChild(this.searchInput);\n\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// Load models and do initial render\n\t\tthis.loadModels().then(() => {\n\t\t\tif (initialSearchInput) {\n\t\t\t\tthis.applyAction({ type: \"SEARCH\", query: initialSearchInput });\n\t\t\t}\n\t\t\t// Request re-render after models are loaded\n\t\t\tthis.tui.requestRender();\n\t\t});\n\t}\n\n\tprivate async loadModels(): Promise<void> {\n\t\tlet models: ModelItem[];\n\n\t\t// Refresh to pick up any changes to models.json\n\t\tthis.modelRegistry.refresh();\n\n\t\t// Check for models.json errors\n\t\tconst loadError = this.modelRegistry.getError();\n\t\tif (loadError) {\n\t\t\tthis.errorMessage = loadError;\n\t\t}\n\n\t\t// Load available models (built-in models still work even if models.json failed)\n\t\ttry {\n\t\t\tconst availableModels = await this.modelRegistry.getAvailable();\n\t\t\tmodels = availableModels.map((model: Model<any>) => ({\n\t\t\t\tprovider: model.provider,\n\t\t\t\tid: model.id,\n\t\t\t\tmodel,\n\t\t\t}));\n\t\t} catch (error) {\n\t\t\tthis.errorMessage = error instanceof Error ? error.message : String(error);\n\t\t\tthis.itemsByKey.clear();\n\t\t\tthis.currentModelKey = undefined;\n\t\t\tthis.applyAction({ type: \"REFRESH_MODELS\", allModels: [], scopedModels: [], currentModelKey: undefined });\n\t\t\treturn;\n\t\t}\n\n\t\tconst allItems = this.sortModels(models);\n\t\tthis.scopedModels = this.scopedModels.map((scoped) => {\n\t\t\tconst refreshed = this.modelRegistry.find(scoped.model.provider, scoped.model.id);\n\t\t\treturn refreshed ? { ...scoped, model: refreshed } : scoped;\n\t\t});\n\t\tconst scopedItems: ModelItem[] = this.scopedModels.map((scoped) => ({\n\t\t\tprovider: scoped.model.provider,\n\t\t\tid: scoped.model.id,\n\t\t\tmodel: scoped.model,\n\t\t}));\n\n\t\tthis.itemsByKey.clear();\n\t\tfor (const item of allItems) {\n\t\t\tthis.itemsByKey.set(modelSelectorModelKey(item), item);\n\t\t}\n\t\tfor (const item of scopedItems) {\n\t\t\tthis.itemsByKey.set(modelSelectorModelKey(item), item);\n\t\t}\n\n\t\tthis.currentModelKey = this.resolveCurrentModelKey(allItems, scopedItems);\n\t\tthis.applyAction({\n\t\t\ttype: \"REFRESH_MODELS\",\n\t\t\tallModels: allItems.map(toSelectorModel),\n\t\t\tscopedModels: scopedItems.map(toSelectorModel),\n\t\t\tcurrentModelKey: this.currentModelKey,\n\t\t});\n\t}\n\n\tprivate resolveCurrentModelKey(\n\t\tallItems: readonly ModelItem[],\n\t\tscopedItems: readonly ModelItem[],\n\t): string | undefined {\n\t\tif (!this.currentModel) return undefined;\n\t\tconst match =\n\t\t\tallItems.find((item) => modelsAreEqual(this.currentModel, item.model)) ??\n\t\t\tscopedItems.find((item) => modelsAreEqual(this.currentModel, item.model));\n\t\treturn match ? modelSelectorModelKey(match) : undefined;\n\t}\n\n\tprivate sortModels(models: ModelItem[]): ModelItem[] {\n\t\tconst sorted = [...models];\n\t\t// Sort: current model first, then by provider\n\t\tsorted.sort((a, b) => {\n\t\t\tconst aIsCurrent = modelsAreEqual(this.currentModel, a.model);\n\t\t\tconst bIsCurrent = modelsAreEqual(this.currentModel, b.model);\n\t\t\tif (aIsCurrent && !bIsCurrent) return -1;\n\t\t\tif (!aIsCurrent && bIsCurrent) return 1;\n\t\t\treturn a.provider.localeCompare(b.provider);\n\t\t});\n\t\treturn sorted;\n\t}\n\n\tprivate isProviderAuthenticated(provider: string): boolean {\n\t\tif (provider === ALL_PROVIDER_TAB) return true;\n\t\tconst status = this.modelRegistry.authStorage.getAuthStatus(provider);\n\t\treturn status.configured || status.source !== undefined;\n\t}\n\n\tprivate providerTabLabel(provider: ProviderTab): string {\n\t\tconst auth = this.isProviderAuthenticated(provider);\n\t\tconst glyph = provider === ALL_PROVIDER_TAB ? \"\" : ` ${providerAuthGlyph(auth)}`;\n\t\treturn `${provider}${glyph}`;\n\t}\n\n\tprivate themedProviderTab(provider: ProviderTab): string {\n\t\tconst label = this.providerTabLabel(provider);\n\t\tif (provider === this.activeProviderTab) return theme.fg(\"accent\", label);\n\t\treturn this.isProviderAuthenticated(provider) ? theme.fg(\"muted\", label) : theme.fg(\"dim\", label);\n\t}\n\n\t/**\n\t * Build the provider tab row. When a render width is supplied, the strip is\n\t * windowed with fitProviderStrip() so it always fits the terminal while keeping\n\t * the \"all\" anchor and the active tab visible; otherwise every tab is shown\n\t * (used for non-render measurement contexts).\n\t */\n\tprivate getProviderText(width?: number): string {\n\t\tconst prefix = theme.fg(\"muted\", \"Provider: \");\n\t\tif (this.providerTabs.length === 0) return prefix;\n\t\tconst separator = theme.fg(\"dim\", \" | \");\n\t\tconst ellipsis = theme.fg(\"dim\", \"…\");\n\n\t\tlet indices: readonly number[];\n\t\tlet leadingEllipsis = false;\n\t\tlet trailingEllipsis = false;\n\t\tif (width === undefined) {\n\t\t\tindices = this.providerTabs.map((_, index) => index);\n\t\t} else {\n\t\t\tconst budget = Math.max(0, width - visibleWidth(\"Provider: \"));\n\t\t\tconst tabWidths = this.providerTabs.map((provider) => visibleWidth(this.providerTabLabel(provider)));\n\t\t\tconst activeIndex = Math.max(0, this.providerTabs.indexOf(this.activeProviderTab));\n\t\t\tconst layout = fitProviderStrip(tabWidths, activeIndex, budget, visibleWidth(\" | \"), visibleWidth(\"…\"));\n\t\t\tindices = layout.indices;\n\t\t\tleadingEllipsis = layout.ellipsisAfterFirst;\n\t\t\ttrailingEllipsis = layout.trailingEllipsis;\n\t\t}\n\n\t\tconst segments: string[] = [];\n\t\tfor (let position = 0; position < indices.length; position++) {\n\t\t\tif (position === 1 && leadingEllipsis) segments.push(ellipsis);\n\t\t\tconst tabIndex = indices[position];\n\t\t\tif (tabIndex === undefined) continue;\n\t\t\tconst provider = this.providerTabs[tabIndex];\n\t\t\tif (provider !== undefined) segments.push(this.themedProviderTab(provider));\n\t\t}\n\t\tif (trailingEllipsis) segments.push(ellipsis);\n\t\treturn `${prefix}${segments.join(separator)}`;\n\t}\n\n\tprivate getProviderHintText(): string {\n\t\treturn (\n\t\t\tkeyHint(\"tui.input.tab\", \"provider\") +\n\t\t\ttheme.fg(\"muted\", \" · \") +\n\t\t\tkeyHint(\"app.model.providerPrevious\", \"previous provider\")\n\t\t);\n\t}\n\n\tprivate getScopeText(): string {\n\t\tconst allText = this.scope === \"all\" ? theme.fg(\"accent\", \"all\") : theme.fg(\"muted\", \"all\");\n\t\tconst scopedText = this.scope === \"scoped\" ? theme.fg(\"accent\", \"scoped\") : theme.fg(\"muted\", \"scoped\");\n\t\treturn `${theme.fg(\"muted\", \"Scope: \")}${allText}${theme.fg(\"muted\", \" | \")}${scopedText}`;\n\t}\n\n\tprivate getScopeHintText(): string {\n\t\treturn keyHint(\"app.model.cycleForward\", \"scope\") + theme.fg(\"muted\", \" (all/scoped)\");\n\t}\n\n\tprivate applyAction(action: ModelSelectorAction): void {\n\t\tconst previousProvider = this.state.activeProvider;\n\t\tthis.state = modelSelectorReducer(this.state, action);\n\t\tthis.syncRenderState();\n\t\tthis.updateList();\n\t\tif (this.state.activeProvider !== previousProvider) {\n\t\t\tthis.onProviderTabChange?.(this.state.activeProvider);\n\t\t}\n\t}\n\n\t/**\n\t * Mirror the reducer's semantic state into the fields the renderer reads.\n\t * The reducer is the single source of truth; these fields are a derived view\n\t * kept in sync after every transition.\n\t */\n\tprivate syncRenderState(): void {\n\t\tthis.scope = this.state.scope;\n\t\tthis.activeProviderTab = this.state.activeProvider;\n\t\tthis.providerTabs = [...this.state.providerIds];\n\t\tthis.selectedIndex = this.state.selectedIndex;\n\n\t\tconst visibleItems: ModelItem[] = [];\n\t\tfor (const modelKey of this.state.visibleModelKeys) {\n\t\t\tconst item = this.itemsByKey.get(modelKey);\n\t\t\tif (item) visibleItems.push(item);\n\t\t}\n\t\tthis.filteredModels = visibleItems;\n\n\t\tthis.providerText.setText(this.getProviderText());\n\t\tthis.providerHintText.setText(this.getProviderHintText());\n\t\tif (this.scopeText) {\n\t\t\tthis.scopeText.setText(this.getScopeText());\n\t\t}\n\t\tif (this.scopeHintText) {\n\t\t\tthis.scopeHintText.setText(this.getScopeHintText());\n\t\t}\n\t}\n\n\tprivate updateList(): void {\n\t\tthis.listContainer.clear();\n\n\t\tconst maxVisible = 10;\n\t\tconst startIndex = Math.max(\n\t\t\t0,\n\t\t\tMath.min(this.selectedIndex - Math.floor(maxVisible / 2), this.filteredModels.length - maxVisible),\n\t\t);\n\t\tconst endIndex = Math.min(startIndex + maxVisible, this.filteredModels.length);\n\n\t\t// Show visible slice of filtered models\n\t\tfor (let i = startIndex; i < endIndex; i++) {\n\t\t\tconst item = this.filteredModels[i];\n\t\t\tif (!item) continue;\n\n\t\t\tconst isSelected = i === this.selectedIndex;\n\t\t\tconst isCurrent = modelsAreEqual(this.currentModel, item.model);\n\t\t\tconst providerAuthed = this.isProviderAuthenticated(item.provider);\n\t\t\tconst providerLabel = `[${item.provider}${providerAuthed ? \"\" : \" no-auth\"}]`;\n\t\t\tconst providerBadge = providerAuthed ? theme.fg(\"muted\", providerLabel) : theme.fg(\"warning\", providerLabel);\n\t\t\tconst thinkingBadge = theme.fg(\"dim\", ` · ${formatThinkingBadge(item.model)}`);\n\t\t\tconst checkmark = isCurrent ? theme.fg(\"success\", \" ✓\") : \"\";\n\n\t\t\tlet line = \"\";\n\t\t\tif (isSelected) {\n\t\t\t\tconst prefix = theme.fg(\"accent\", \"→ \");\n\t\t\t\tline = `${prefix + theme.fg(\"accent\", item.id)} ${providerBadge}${thinkingBadge}${checkmark}`;\n\t\t\t} else {\n\t\t\t\tline = `  ${item.id} ${providerBadge}${thinkingBadge}${checkmark}`;\n\t\t\t}\n\n\t\t\tthis.listContainer.addChild(new Text(line, 0, 0));\n\t\t}\n\n\t\t// Add scroll indicator if needed\n\t\tif (startIndex > 0 || endIndex < this.filteredModels.length) {\n\t\t\tconst scrollInfo = theme.fg(\"muted\", `  (${this.selectedIndex + 1}/${this.filteredModels.length})`);\n\t\t\tthis.listContainer.addChild(new Text(scrollInfo, 0, 0));\n\t\t}\n\n\t\t// Show error message or \"no results\" if empty\n\t\tif (this.errorMessage) {\n\t\t\t// Show error in red\n\t\t\tconst errorLines = this.errorMessage.split(\"\\n\");\n\t\t\tfor (const line of errorLines) {\n\t\t\t\tthis.listContainer.addChild(new Text(theme.fg(\"error\", line), 0, 0));\n\t\t\t}\n\t\t} else if (this.filteredModels.length === 0) {\n\t\t\tthis.listContainer.addChild(new Text(theme.fg(\"muted\", \"  No matching models\"), 0, 0));\n\t\t} else {\n\t\t\tconst selected = this.filteredModels[this.selectedIndex];\n\t\t\tthis.listContainer.addChild(new Spacer(1));\n\t\t\tthis.listContainer.addChild(new Text(theme.fg(\"muted\", `  Model Name: ${selected.model.name}`), 0, 0));\n\t\t}\n\t}\n\n\thandleInput(keyData: string): void {\n\t\tconst kb = getKeybindings();\n\t\tif (kb.matches(keyData, \"tui.input.tab\")) {\n\t\t\tthis.applyAction({ type: \"NEXT_PROVIDER\" });\n\t\t\treturn;\n\t\t}\n\t\tif (kb.matches(keyData, \"app.model.providerPrevious\")) {\n\t\t\tthis.applyAction({ type: \"PREVIOUS_PROVIDER\" });\n\t\t\treturn;\n\t\t}\n\t\tif (this.state.scopedModels.length > 0) {\n\t\t\tif (kb.matches(keyData, \"app.model.cycleForward\")) {\n\t\t\t\tthis.applyAction({ type: \"TOGGLE_SCOPE_FORWARD\" });\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (kb.matches(keyData, \"app.model.cycleBackward\")) {\n\t\t\t\tthis.applyAction({ type: \"TOGGLE_SCOPE_BACKWARD\" });\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\t\t// Up arrow - wrap to bottom when at top\n\t\tif (kb.matches(keyData, \"tui.select.up\")) {\n\t\t\tthis.applyAction({ type: \"MOVE_SELECTION\", delta: -1 });\n\t\t}\n\t\t// Down arrow - wrap to top when at bottom\n\t\telse if (kb.matches(keyData, \"tui.select.down\")) {\n\t\t\tthis.applyAction({ type: \"MOVE_SELECTION\", delta: 1 });\n\t\t}\n\t\t// Enter\n\t\telse if (kb.matches(keyData, \"tui.select.confirm\")) {\n\t\t\tconst selectedModel = this.filteredModels[this.selectedIndex];\n\t\t\tif (selectedModel) {\n\t\t\t\tthis.handleSelect(selectedModel.model);\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.applyAction({ type: \"SEARCH\", query: this.searchInput.getValue() });\n\t\t}\n\t}\n\n\tprivate handleSelect(model: Model<any>): void {\n\t\tthis.onSelectCallback(model);\n\t}\n\n\t/**\n\t * Structured /model contract state. Tests and future reducer/property\n\t * harnesses should assert this semantic snapshot instead of parsing themed\n\t * presentation text or reaching into private fields.\n\t */\n\tgetSemanticState(): ModelSelectorSemanticState {\n\t\treturn {\n\t\t\tscope: this.state.scope,\n\t\t\tactiveProvider: this.state.activeProvider,\n\t\t\tproviderIds: [...this.state.providerIds],\n\t\t\tquery: this.state.query,\n\t\t\tselectedIndex: this.state.selectedIndex,\n\t\t\tselectedModelKey: selectedModelKey(this.state),\n\t\t\tvisibleModelKeys: [...this.state.visibleModelKeys],\n\t\t};\n\t}\n\n\t/**\n\t * Width-aware render: recompute the provider row for the actual terminal width\n\t * so the strip fits without wrapping, then delegate to the container renderer.\n\t */\n\trender(width: number): string[] {\n\t\tthis.providerText.setText(this.getProviderText(width));\n\t\treturn super.render(width);\n\t}\n\n\tgetSearchInput(): Input {\n\t\treturn this.searchInput;\n\t}\n}\n"]}