@pencil-agent/nano-pencil 1.13.6 → 1.13.7

package/dist/build-meta.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.13.6",
-  "commitHash": "d5ae966",
+  "version": "1.13.7",
+  "commitHash": "9b46faa",
   "branch": "main",
-  "builtAt": "2026-04-23T04:35:24.822Z"
+  "builtAt": "2026-04-25T14:10:25.443Z"
 }

package/dist/core/model-registry.js

@@ -207,8 +207,9 @@ export class ModelRegistry {
             // Keep built-in models even if custom models failed to load
         }
         const builtInModels = this.useOnlyCustomModels
-            ? this.loadBuiltInModels(overrides, modelOverrides, new Set(["openrouter"]), {
+            ? this.loadBuiltInModels(overrides, modelOverrides, new Set(["openrouter", "zai"]), {
                 openrouter: new Set(NANOPENCIL_OPENROUTER_BUILTIN_MODEL_IDS),
+                // zai not specified = load all zai models
             })
             : this.loadBuiltInModels(overrides, modelOverrides);
         let combined = this.mergeCustomModels(builtInModels, customModels);

package/dist/core/runtime/agent-session.js

@@ -1183,8 +1183,22 @@ export class AgentSession {
         this.agent.setModel(model);
         this.sessionManager.appendModelChange(model.provider, model.id);
         this.settingsManager.setDefaultModelAndProvider(model.provider, model.id);
-        // Re-clamp thinking level for new model's capabilities
-        this.setThinkingLevel(this.thinkingLevel);
+        // Auto-select thinking level based on model capabilities
+        const currentLevel = this.thinkingLevel;
+        let newLevel;
+        if (!model.reasoning) {
+            // Model doesn't support thinking, force off
+            newLevel = "off";
+        }
+        else if (currentLevel === "off") {
+            // Model supports thinking but current level is off, default to medium
+            newLevel = "medium";
+        }
+        else {
+            // Keep current level but clamp to new model's capabilities
+            newLevel = currentLevel;
+        }
+        this.setThinkingLevel(newLevel);
         await this._emitModelSelect(model, previousModel, "set");
     }
     /**
@@ -1290,8 +1304,19 @@ export class AgentSession {
         this.agent.setModel(nextModel);
         this.sessionManager.appendModelChange(nextModel.provider, nextModel.id);
         this.settingsManager.setDefaultModelAndProvider(nextModel.provider, nextModel.id);
-        // Re-clamp thinking level for new model's capabilities
-        this.setThinkingLevel(this.thinkingLevel);
+        // Auto-select thinking level based on model capabilities
+        const currentLevel = this.thinkingLevel;
+        let newLevel;
+        if (!nextModel.reasoning) {
+            newLevel = "off";
+        }
+        else if (currentLevel === "off") {
+            newLevel = "medium";
+        }
+        else {
+            newLevel = currentLevel;
+        }
+        this.setThinkingLevel(newLevel);
         await this._emitModelSelect(nextModel, currentModel, "cycle");
         return {
             model: nextModel,

package/dist/extensions/defaults/AGENT.md

@@ -44,7 +44,7 @@ sal/weights.ts: SalWeights interface, SAL_DEFAULT_WEIGHTS, loadSalWeights() read
 sal/eval/index.ts: createEvalSink() factory + barrel re-exports; adapter selection via options.adapter or endpoint scheme inference (http(s)→insforge, file://|/|./|../→jsonl, missing→noop); ONLY entry point SAL imports from
 sal/eval/types.ts: EvalSink interface, EvalEventEnvelope/EvalEventType (run_start/run_end/turn_anchor), EvalAdapterId ("insforge"|"jsonl"|"noop"), CreateEvalSinkOptions, createEvalEvent factory; zero-dependency type surface
 sal/eval/noop-sink.ts: noopSink — silent EvalSink used when eval disabled or no adapter configured
-sal/eval/insforge-sink.ts: InsForgeEvalSink — PostgREST adapter, routes run_start→eval_runs INSERT (merge-duplicates), turn_anchor→eval_turns + eval_sal_anchors×2, run_end→eval_runs PATCH; allowSelfSigned TLS option, batching with default 2000ms interval
+sal/eval/insforge-sink.ts: InsForgeEvalSink — PostgREST adapter, routes run_start→eval_runs INSERT (merge-duplicates), turn_anchor→eval_turns + eval_sal_anchors×2, tool_trace→eval_tool_traces with PGRST204 legacy-schema fallback, memory_recalls→eval_memory_recalls batch INSERT, run_end→eval_runs PATCH; allowSelfSigned TLS option, batching with default 2000ms interval
 sal/eval/jsonl-sink.ts: JsonlEvalSink — append-only filesystem adapter, one JSON object per line, accepts file:// URLs or plain paths, auto-creates parent dir, batched writes
 sal/README.md: SAL extension usage, sidecar output layout, weights override, pluggability contract
 team/index.ts: AgentTeam extension entry, /team:/team:spawn/:send/:status/:stop/:terminate/:approve/:mode commands, TEAM_MESSAGE_TYPE renderer

package/dist/extensions/defaults/CLAUDE.md

@@ -47,7 +47,7 @@ sal/terrain.ts: TerrainSnapshot/TerrainNode/TerrainEdge model, async buildTerrai
 sal/anchors.ts: StructuralAnchor/AnchorResolution model, locateTask(), locateAction(), evidence-driven scoring with tunable SalWeights, CJK bigram tokenization
 sal/weights.ts: SalWeights interface, SAL_DEFAULT_WEIGHTS, loadSalWeights() reads sal-config.json from workspace or .memory-experiments/sal/
 sal/eval/index.ts: createEvalSink() factory + barrel re-exports; adapter selection via options.adapter or endpoint scheme inference (http(s)→insforge, file://|/|./|../→jsonl, missing→noop); ONLY entry point SAL imports from
-sal/eval/types.ts: EvalSink interface, EvalEventEnvelope/EvalEventType (run_start/run_end/turn_anchor/memory_recalls), EvalAdapterId ("insforge"|"jsonl"|"noop"), CreateEvalSinkOptions, createEvalEvent factory; zero-dependency type surface
+sal/eval/types.ts: EvalSink interface, EvalEventEnvelope/EvalEventType (run_start/run_end/turn_anchor/memory_recalls/tool_trace), EvalAdapterId ("insforge"|"jsonl"|"noop"), CreateEvalSinkOptions, createEvalEvent factory; zero-dependency type surface
 sal/eval/noop-sink.ts: noopSink — silent EvalSink used when eval disabled or no adapter configured
 sal/eval/insforge-sink.ts: InsForgeEvalSink — PostgREST adapter, routes run_start→eval_runs INSERT (merge-duplicates), turn_anchor→eval_turns + eval_sal_anchors×2, tool_trace→eval_tool_traces bounded per-turn summaries (including no-tool turns and truncation counters), memory_recalls→eval_memory_recalls batch INSERT, run_end→eval_runs PATCH; allowSelfSigned TLS option, batching with default 2000ms interval
 sal/eval/jsonl-sink.ts: JsonlEvalSink — append-only filesystem adapter, one JSON object per line, accepts file:// URLs or plain paths, auto-creates parent dir, batched writes

package/dist/extensions/defaults/sal/eval/insforge-sink.d.ts

@@ -2,7 +2,7 @@
  * [WHO]: Provides InsForgeEvalSink (PostgREST-backed adapter)
  * [FROM]: Depends on node:https, node:http, node:url; ./types.js for EvalSink/EvalEventEnvelope/CreateEvalSinkOptions
  * [TO]: Constructed by eval/index.ts factory when adapter resolves to "insforge"
- * [HERE]: extensions/defaults/sal/eval/insforge-sink.ts - InsForge-specific routing: run_start→eval_runs INSERT (merge-duplicates, includes pencil_version), turn_anchor→eval_turns + eval_sal_anchors×2, tool_trace→eval_tool_traces, memory_recalls→eval_memory_recalls, run_end→eval_runs PATCH
+ * [HERE]: extensions/defaults/sal/eval/insforge-sink.ts - InsForge-specific routing: run_start→eval_runs INSERT (merge-duplicates, includes pencil_version), turn_anchor→eval_turns + eval_sal_anchors×2, tool_trace→eval_tool_traces with legacy-schema fallback, memory_recalls→eval_memory_recalls, run_end→eval_runs PATCH
  *
  * Pluggable: nothing in this file may be imported from outside the eval/ directory.
  * To add a new backend, write a sibling file with the same EvalSink interface.

package/dist/extensions/defaults/sal/eval/insforge-sink.js

@@ -2,7 +2,7 @@
  * [WHO]: Provides InsForgeEvalSink (PostgREST-backed adapter)
  * [FROM]: Depends on node:https, node:http, node:url; ./types.js for EvalSink/EvalEventEnvelope/CreateEvalSinkOptions
  * [TO]: Constructed by eval/index.ts factory when adapter resolves to "insforge"
- * [HERE]: extensions/defaults/sal/eval/insforge-sink.ts - InsForge-specific routing: run_start→eval_runs INSERT (merge-duplicates, includes pencil_version), turn_anchor→eval_turns + eval_sal_anchors×2, tool_trace→eval_tool_traces, memory_recalls→eval_memory_recalls, run_end→eval_runs PATCH
+ * [HERE]: extensions/defaults/sal/eval/insforge-sink.ts - InsForge-specific routing: run_start→eval_runs INSERT (merge-duplicates, includes pencil_version), turn_anchor→eval_turns + eval_sal_anchors×2, tool_trace→eval_tool_traces with legacy-schema fallback, memory_recalls→eval_memory_recalls, run_end→eval_runs PATCH
  *
  * Pluggable: nothing in this file may be imported from outside the eval/ directory.
  * To add a new backend, write a sibling file with the same EvalSink interface.
@@ -222,25 +222,33 @@ export class InsForgeEvalSink {
     async handleToolTrace(ev) {
         const p = ev.payload;
         const taskSignals = p.task_signals;
-        await this.postJson(`${this.base}/api/database/records/eval_tool_traces`, [{
-                run_id: ev.run_id,
-                turn_id: String(p.turn_id ?? 0),
-                event_id: ev.event_id,
-                tool_calls: p.tool_calls ? JSON.stringify(p.tool_calls) : null,
-                tool_sequence: p.tool_sequence ? JSON.stringify(p.tool_sequence) : null,
-                intent: strOrNull(taskSignals?.intent),
-                prompt_length: String(taskSignals?.prompt_length ?? 0),
-                has_error_trace: String(taskSignals?.has_error_trace === true),
-                has_file_reference: String(taskSignals?.has_file_reference === true),
-                has_tool_usage: String(p.has_tool_usage === true),
-                total_tool_calls: String(p.total_tool_calls ?? 0),
-                total_errors: String(p.total_errors ?? 0),
-                completed_tool_calls: String(p.completed_tool_calls ?? 0),
-                truncated_tool_calls: String(p.truncated_tool_calls ?? 0),
-                truncated_tool_summary: String(p.truncated_tool_summary ?? 0),
-                duration_ms: String(p.duration_ms ?? 0),
-                recorded_at: ev.ts,
-            }], { prefer: "resolution=ignore-duplicates" });
+        const row = {
+            run_id: ev.run_id,
+            turn_id: String(p.turn_id ?? 0),
+            event_id: ev.event_id,
+            tool_calls: p.tool_calls ? JSON.stringify(p.tool_calls) : null,
+            tool_sequence: p.tool_sequence ? JSON.stringify(p.tool_sequence) : null,
+            intent: strOrNull(taskSignals?.intent),
+            prompt_length: String(taskSignals?.prompt_length ?? 0),
+            has_error_trace: String(taskSignals?.has_error_trace === true),
+            has_file_reference: String(taskSignals?.has_file_reference === true),
+            has_tool_usage: String(p.has_tool_usage === true),
+            total_tool_calls: String(p.total_tool_calls ?? 0),
+            total_errors: String(p.total_errors ?? 0),
+            completed_tool_calls: String(p.completed_tool_calls ?? 0),
+            truncated_tool_calls: String(p.truncated_tool_calls ?? 0),
+            truncated_tool_summary: String(p.truncated_tool_summary ?? 0),
+            duration_ms: String(p.duration_ms ?? 0),
+            recorded_at: ev.ts,
+        };
+        const url = `${this.base}/api/database/records/eval_tool_traces`;
+        const result = await this.postJson(url, [row], {
+            prefer: "resolution=ignore-duplicates",
+            quietErrorCodes: ["PGRST204"],
+        });
+        if (!result.ok && result.errorCode === "PGRST204") {
+            await this.postJson(url, [toLegacyToolTraceRow(row)], { prefer: "resolution=ignore-duplicates" });
+        }
     }
     // ------------------------------------------------------------------
     // HTTP helpers
@@ -249,12 +257,12 @@ export class InsForgeEvalSink {
         const extraHeaders = {};
         if (extra?.prefer)
             extraHeaders["Prefer"] = extra.prefer;
-        return this.httpJson("POST", url, body, extraHeaders);
+        return this.httpJson("POST", url, body, extraHeaders, extra?.quietErrorCodes);
     }
     patchJson(url, body) {
         return this.httpJson("PATCH", url, body, {});
     }
-    httpJson(method, url, body, extraHeaders) {
+    httpJson(method, url, body, extraHeaders, quietErrorCodes = []) {
         return new Promise((resolve) => {
             const payload = JSON.stringify(body);
             let parsed;
@@ -263,7 +271,7 @@ export class InsForgeEvalSink {
             }
             catch {
                 console.error(`[sal][eval] invalid URL: ${url}`);
-                resolve(false);
+                resolve({ ok: false });
                 return;
             }
             const isHttps = parsed.protocol === "https:";
@@ -287,20 +295,21 @@ export class InsForgeEvalSink {
                 res.on("data", (chunk) => { rawBody += chunk; });
                 res.on("end", () => {
                     const ok = res.statusCode !== undefined && res.statusCode < 300;
-                    if (!ok) {
+                    const errorCode = parsePostgrestErrorCode(rawBody);
+                    if (!ok && !quietErrorCodes.includes(errorCode ?? "")) {
                         console.error(`[sal][eval] HTTP ${res.statusCode} ${method} ${parsed.pathname} — ${rawBody.slice(0, 300)}`);
                     }
-                    resolve(ok);
+                    resolve({ ok, statusCode: res.statusCode, body: rawBody, errorCode });
                 });
             });
             req.on("error", (err) => {
                 console.error(`[sal][eval] network error → ${parsed.hostname}: ${err.message}`);
-                resolve(false);
+                resolve({ ok: false });
             });
             req.on("timeout", () => {
                 console.error(`[sal][eval] timeout ${method} ${parsed.pathname}`);
                 req.destroy();
-                resolve(false);
+                resolve({ ok: false });
             });
             req.write(payload);
             req.end();
@@ -321,3 +330,16 @@ function numOrNull(v) {
     const n = Number(v);
     return isNaN(n) ? null : n;
 }
+function parsePostgrestErrorCode(rawBody) {
+    try {
+        const parsed = JSON.parse(rawBody);
+        return typeof parsed?.code === "string" ? parsed.code : undefined;
+    }
+    catch {
+        return undefined;
+    }
+}
+function toLegacyToolTraceRow(row) {
+    const { has_tool_usage: _hasToolUsage, completed_tool_calls: _completedToolCalls, truncated_tool_calls: _truncatedToolCalls, truncated_tool_summary: _truncatedToolSummary, ...legacyRow } = row;
+    return legacyRow;
+}

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

@@ -1,12 +1,13 @@
 /**
- * [WHO]: FooterComponent
+ * [WHO]: FooterComponent, renderContextProgressBar()
  * [FROM]: Depends on @pencil-agent/tui, ../theme/theme.js
- * [TO]: Consumed by modes/interactive/components/index.ts
- * [HERE]: modes/interactive/components/footer.ts - status bar footer
+ * [TO]: Consumed by modes/interactive/components/index.ts, modes/interactive/interactive-mode.ts
+ * [HERE]: modes/interactive/components/footer.ts - status bar footer and shared context progress rendering
  */
 import { type Component } from "@pencil-agent/tui";
 import type { AgentSession } from "../../../core/runtime/agent-session.js";
 import type { ReadonlyFooterDataProvider } from "../../../core/footer-data-provider.js";
+export declare function renderContextProgressBar(contextPercent: number, barWidth?: number): string;
 /**
  * Footer component that shows pwd, token stats, and context usage.
  * Computes token/context stats from session, gets git branch and extension statuses from provider.

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

@@ -1,8 +1,8 @@
 /**
- * [WHO]: FooterComponent
+ * [WHO]: FooterComponent, renderContextProgressBar()
  * [FROM]: Depends on @pencil-agent/tui, ../theme/theme.js
- * [TO]: Consumed by modes/interactive/components/index.ts
- * [HERE]: modes/interactive/components/footer.ts - status bar footer
+ * [TO]: Consumed by modes/interactive/components/index.ts, modes/interactive/interactive-mode.ts
+ * [HERE]: modes/interactive/components/footer.ts - status bar footer and shared context progress rendering
  */
 import { truncateToWidth, visibleWidth } from "@pencil-agent/tui";
 import { theme } from "../theme/theme.js";
@@ -31,6 +31,18 @@ function formatTokens(count) {
         return `${(count / 1000000).toFixed(1)}M`;
     return `${Math.round(count / 1000000)}M`;
 }
+export function renderContextProgressBar(contextPercent, barWidth = 12) {
+    const safeBarWidth = Math.max(0, Math.floor(barWidth));
+    const finitePercent = Number.isFinite(contextPercent) ? contextPercent : 0;
+    const clampedPercent = Math.min(100, Math.max(0, finitePercent));
+    const filled = Math.min(safeBarWidth, Math.max(0, Math.round((clampedPercent / 100) * safeBarWidth)));
+    const empty = Math.max(0, safeBarWidth - filled);
+    const fillColor = finitePercent > 90 ? "error" : finitePercent > 70 ? "warning" : "success";
+    return theme.fg("dim", "[") +
+        theme.fg(fillColor, "█".repeat(filled)) +
+        theme.fg("dim", "░".repeat(empty)) +
+        theme.fg("dim", "]");
+}
 /**
  * Footer component that shows pwd, token stats, and context usage.
  * Computes token/context stats from session, gets git branch and extension statuses from provider.
@@ -140,11 +152,7 @@ export class FooterComponent {
         // Build progress bar for context usage (only on wide terminals)
         let contextBar = "";
         if (width > 80 && contextPercentValue > 0 && contextPercent !== "?") {
-            const barWidth = 12;
-            const filled = Math.round((contextPercentValue / 100) * barWidth);
-            const empty = barWidth - filled;
-            const fillColor = contextPercentValue > 90 ? "error" : contextPercentValue > 70 ? "warning" : "success";
-            contextBar = theme.fg("dim", "[") + theme.fg(fillColor, "█".repeat(filled)) + theme.fg("dim", "░".repeat(empty)) + theme.fg("dim", "] ");
+            contextBar = `${renderContextProgressBar(contextPercentValue)} `;
         }
         const contextPercentDisplay = contextPercent === "?" || contextTokens === null
             ? `${contextBar}?/${formatTokens(contextWindow)}${autoIndicator}`

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

@@ -1,12 +1,25 @@
 /**
  * [WHO]: ProviderSelectorComponent
  * [FROM]: Depends on @pencil-agent/tui, ../theme/theme.js, ./dynamic-border.js
- * [TO]: Consumed by modes/interactive/components/index.ts
+ * [TO]: Consumed by modes/interactive/interactive-mode.ts
  * [HERE]: modes/interactive/components/provider-selector.ts -
+ *   Adds search to provider selection when /model has many providers
  */
-import { Container, SelectList } from "@pencil-agent/tui";
-export declare class ProviderSelectorComponent extends Container {
-    private selectList;
+import { type Focusable, Container, Input } from "@pencil-agent/tui";
+export declare class ProviderSelectorComponent extends Container implements Focusable {
+    private searchInput;
+    private listContainer;
+    private allProviders;
+    private filteredProviders;
+    private selectedIndex;
+    private onSelectCallback;
+    private onCancelCallback;
+    private _focused;
+    get focused(): boolean;
+    set focused(value: boolean);
     constructor(providers: string[], currentProvider: string | undefined, onSelect: (provider: string) => void, onCancel: () => void);
-    getSelectList(): SelectList;
+    private filterProviders;
+    private updateList;
+    handleInput(keyData: string): void;
+    getSearchInput(): Input;
 }

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

@@ -1,43 +1,150 @@
 /**
  * [WHO]: ProviderSelectorComponent
  * [FROM]: Depends on @pencil-agent/tui, ../theme/theme.js, ./dynamic-border.js
- * [TO]: Consumed by modes/interactive/components/index.ts
+ * [TO]: Consumed by modes/interactive/interactive-mode.ts
  * [HERE]: modes/interactive/components/provider-selector.ts -
+ *   Adds search to provider selection when /model has many providers
  */
-import { Container, SelectList } from "@pencil-agent/tui";
+import { Container, fuzzyFilter, getEditorKeybindings, Input, Spacer, Text, } from "@pencil-agent/tui";
 import { getCustomProtocolProviderDefinition, isCustomProtocolProvider, } from "../../../core/custom-providers.js";
-import { getSelectListTheme } from "../theme/theme.js";
+import { theme } from "../theme/theme.js";
 import { DynamicBorder } from "./dynamic-border.js";
 export class ProviderSelectorComponent extends Container {
-    selectList;
+    searchInput;
+    listContainer;
+    allProviders;
+    filteredProviders;
+    selectedIndex = 0;
+    onSelectCallback;
+    onCancelCallback;
+    _focused = false;
+    get focused() {
+        return this._focused;
+    }
+    set focused(value) {
+        this._focused = value;
+        this.searchInput.focused = value;
+    }
     constructor(providers, currentProvider, onSelect, onCancel) {
         super();
-        this.addChild(new DynamicBorder());
-        const items = providers.map((provider) => {
+        this.onSelectCallback = onSelect;
+        this.onCancelCallback = onCancel;
+        // Build provider items with custom protocol labels
+        this.allProviders = providers.map((provider) => {
             const customProvider = isCustomProtocolProvider(provider)
                 ? getCustomProtocolProviderDefinition(provider)
                 : undefined;
             return {
                 value: provider,
                 label: customProvider?.label ?? provider,
-                description: provider === currentProvider
-                    ? customProvider
-                        ? "(current, press Enter to edit)"
-                        : "(current)"
-                    : customProvider?.description,
+                description: customProvider?.description,
+                isCurrent: provider === currentProvider,
             };
         });
-        this.selectList = new SelectList(items, Math.min(Math.max(items.length, 4), 12), getSelectListTheme());
-        this.selectList.onSelect = (item) => onSelect(item.value);
-        this.selectList.onCancel = onCancel;
-        const currentIndex = providers.indexOf(currentProvider ?? "");
-        if (currentIndex >= 0) {
-            this.selectList.setSelectedIndex(currentIndex);
-        }
-        this.addChild(this.selectList);
+        this.filteredProviders = [...this.allProviders];
+        // Set initial selection to current provider
+        if (currentProvider) {
+            const currentIdx = this.allProviders.findIndex((p) => p.value === currentProvider);
+            if (currentIdx >= 0) {
+                this.selectedIndex = currentIdx;
+            }
+        }
+        this.addChild(new DynamicBorder());
+        this.addChild(new Spacer(1));
+        this.addChild(new Text(theme.fg("muted", "Search provider:"), 0, 0));
+        this.addChild(new Spacer(1));
+        this.searchInput = new Input();
+        this.searchInput.onSubmit = () => {
+            if (this.filteredProviders[this.selectedIndex]) {
+                this.onSelectCallback(this.filteredProviders[this.selectedIndex].value);
+            }
+        };
+        this.addChild(this.searchInput);
+        this.addChild(new Spacer(1));
+        this.listContainer = new Container();
+        this.addChild(this.listContainer);
+        this.addChild(new Spacer(1));
         this.addChild(new DynamicBorder());
+        this.updateList();
+    }
+    filterProviders(query) {
+        const filtered = query
+            ? fuzzyFilter(this.allProviders, query, (p) => `${p.label} ${p.value}`)
+            : [...this.allProviders];
+        this.filteredProviders = filtered;
+        // Reset selectedIndex to first item when filter changes
+        this.selectedIndex = 0;
+        this.updateList();
+    }
+    updateList() {
+        // Remove all old children
+        while (this.listContainer.children.length > 0) {
+            this.listContainer.children.pop();
+        }
+        const maxVisible = 10;
+        const startIndex = Math.max(0, Math.min(this.selectedIndex - Math.floor(maxVisible / 2), this.filteredProviders.length - maxVisible));
+        const endIndex = Math.min(startIndex + maxVisible, this.filteredProviders.length);
+        for (let index = startIndex; index < endIndex; index++) {
+            const item = this.filteredProviders[index];
+            if (!item)
+                continue;
+            const isSelected = index === this.selectedIndex;
+            const prefix = isSelected
+                ? theme.fg("accent", "->")
+                : "  ";
+            const labelText = isSelected
+                ? theme.fg("accent", item.label)
+                : item.label;
+            const currentTag = item.isCurrent
+                ? theme.fg("success", " [current]")
+                : "";
+            const descText = item.description
+                ? theme.fg("muted", ` ${item.description}`)
+                : "";
+            this.listContainer.addChild(new Text(`${prefix}${labelText}${currentTag}${descText}`, 0, 0));
+        }
+        if (startIndex > 0 || endIndex < this.filteredProviders.length) {
+            this.listContainer.addChild(new Text(theme.fg("muted", `  (${this.selectedIndex + 1}/${this.filteredProviders.length})`), 0, 0));
+        }
+        if (this.filteredProviders.length === 0) {
+            this.listContainer.addChild(new Text(theme.fg("muted", "  No matching providers"), 0, 0));
+        }
+    }
+    handleInput(keyData) {
+        const kb = getEditorKeybindings();
+        if (kb.matches(keyData, "selectUp")) {
+            if (this.filteredProviders.length === 0)
+                return;
+            this.selectedIndex =
+                this.selectedIndex === 0
+                    ? this.filteredProviders.length - 1
+                    : this.selectedIndex - 1;
+            this.updateList();
+        }
+        else if (kb.matches(keyData, "selectDown")) {
+            if (this.filteredProviders.length === 0)
+                return;
+            this.selectedIndex =
+                this.selectedIndex === this.filteredProviders.length - 1
+                    ? 0
+                    : this.selectedIndex + 1;
+            this.updateList();
+        }
+        else if (kb.matches(keyData, "selectConfirm")) {
+            const selected = this.filteredProviders[this.selectedIndex];
+            if (selected) {
+                this.onSelectCallback(selected.value);
+            }
+        }
+        else if (kb.matches(keyData, "selectCancel")) {
+            this.onCancelCallback();
+        }
+        else {
+            this.searchInput.handleInput(keyData);
+            this.filterProviders(this.searchInput.getValue());
+        }
     }
-    getSelectList() {
-        return this.selectList;
+    getSearchInput() {
+        return this.searchInput;
     }
 }

package/dist/modes/interactive/interactive-mode.js

@@ -41,7 +41,7 @@ import { DynamicBorder } from "./components/dynamic-border.js";
 import { ExtensionEditorComponent } from "./components/extension-editor.js";
 import { ExtensionInputComponent } from "./components/extension-input.js";
 import { ExtensionSelectorComponent } from "./components/extension-selector.js";
-import { FooterComponent } from "./components/footer.js";
+import { FooterComponent, renderContextProgressBar } from "./components/footer.js";
 import { appKey, appKeyHint, editorKey, keyHint, rawKeyHint, } from "./components/keybinding-hints.js";
 import { LoginDialogComponent } from "./components/login-dialog.js";
 import { ModelSelectorComponent } from "./components/model-selector.js";
@@ -3740,7 +3740,7 @@ export class InteractiveMode {
                     done();
                     this.ui.requestRender();
                 });
-                return { component: selector, focus: selector.getSelectList() };
+                return { component: selector, focus: selector };
             });
             return;
         }
@@ -4004,7 +4004,7 @@ export class InteractiveMode {
                 done();
                 this.ui.requestRender();
             });
-            return { component: selector, focus: selector.getSelectList() };
+            return { component: selector, focus: selector };
         });
     }
     async showModelsSelector() {
@@ -4716,12 +4716,7 @@ export class InteractiveMode {
         const contextWindow = contextUsage?.contextWindow ?? state.model?.contextWindow ?? 0;
         const contextPercent = contextUsage?.percent ?? 0;
         const contextTokens = contextUsage?.tokens ?? 0;
-        // Progress bar (12 chars wide)
-        const barWidth = 12;
-        const filled = Math.round((contextPercent / 100) * barWidth);
-        const empty = barWidth - filled;
-        const fillColor = contextPercent > 90 ? "error" : contextPercent > 70 ? "warning" : "success";
-        const bar = theme.fg("dim", "[") + theme.fg(fillColor, "█".repeat(filled)) + theme.fg("dim", "░".repeat(empty)) + theme.fg("dim", "]");
+        const bar = renderContextProgressBar(contextPercent);
         const contextLine = `  Context:              ${bar} ${contextPercent.toFixed(1)}% (${fmt(contextTokens)}/${fmt(contextWindow)})`;
         lines.push(theme.fg("border", `│`) + padLine(contextLine, width) + theme.fg("border", `│`));
         // Bottom border