miii-agent 0.1.13 → 0.1.15

package/dist/cli.js

@@ -9,10 +9,98 @@ var __export = (target, all) => {
     __defProp(target, name, { get: all[name], enumerable: true });
 };
 
-// src/ollama/client.ts
+// src/config.ts
+import { readFileSync, writeFileSync, mkdirSync, existsSync } from "fs";
+import { join } from "path";
+import { homedir } from "os";
+function defaultProviders() {
+  return {
+    ollama: {
+      type: "ollama",
+      baseUrl: process.env.OLLAMA_HOST ?? "http://localhost:11434"
+    },
+    lmstudio: {
+      type: "openai",
+      baseUrl: process.env.LMSTUDIO_HOST ?? process.env.LLM_HOST ?? "http://localhost:1234",
+      ...process.env.LMSTUDIO_API_KEY ? { apiKey: process.env.LMSTUDIO_API_KEY } : {}
+    }
+  };
+}
+function migrate(raw) {
+  const providers = { ...defaultProviders(), ...raw.providers ?? {} };
+  if (raw.ollamaHost) providers.ollama = { ...providers.ollama, baseUrl: raw.ollamaHost };
+  if (raw.lmstudioHost) providers.lmstudio = { ...providers.lmstudio, baseUrl: raw.lmstudioHost };
+  return {
+    model: raw.model,
+    provider: raw.provider,
+    effort: raw.effort,
+    providers
+  };
+}
+function readRawConfig() {
+  if (!existsSync(CONFIG_PATH)) return {};
+  try {
+    return JSON.parse(readFileSync(CONFIG_PATH, "utf-8"));
+  } catch {
+    return {};
+  }
+}
+function loadConfig() {
+  return migrate(readRawConfig());
+}
+function saveConfig(config) {
+  mkdirSync(CONFIG_DIR, { recursive: true });
+  writeFileSync(CONFIG_PATH, JSON.stringify(config, null, 2), "utf-8");
+}
+function providersOf(cfg) {
+  return cfg.providers && Object.keys(cfg.providers).length ? cfg.providers : defaultProviders();
+}
+function resolveProvider(cfg = loadConfig()) {
+  const providers = providersOf(cfg);
+  const name = cfg.provider && providers[cfg.provider] ? cfg.provider : providers.ollama ? "ollama" : Object.keys(providers)[0];
+  return { name, entry: providers[name] };
+}
+function listProviders(cfg = loadConfig()) {
+  return Object.keys(providersOf(cfg));
+}
+function providerEntries(cfg = loadConfig()) {
+  const providers = providersOf(cfg);
+  return Object.entries(providers).map(([name, entry]) => {
+    const local = entry.type === "ollama" || /localhost|127\.0\.0\.1|0\.0\.0\.0/.test(entry.baseUrl);
+    return { name, entry, kind: local ? "local" : "api" };
+  });
+}
+function setModel(model) {
+  saveConfig({ ...readRawConfig(), model });
+}
+function setEffort(effort) {
+  saveConfig({ ...readRawConfig(), effort });
+}
+function setProvider(provider) {
+  saveConfig({ ...readRawConfig(), provider });
+}
+var CONFIG_DIR, CONFIG_PATH;
+var init_config = __esm({
+  "src/config.ts"() {
+    "use strict";
+    CONFIG_DIR = join(homedir(), ".miii");
+    CONFIG_PATH = join(CONFIG_DIR, "config.json");
+  }
+});
+
+// src/llm/ollama.ts
 import { Ollama } from "ollama";
 import { execFileSync } from "child_process";
-function ollamaInstalled() {
+function makeClient(entry, signal) {
+  const opts = { host: entry.baseUrl };
+  if (entry.apiKey) opts.headers = { Authorization: `Bearer ${entry.apiKey}` };
+  if (signal) {
+    opts.fetch = ((input, init) => fetch(input, { ...init, signal }));
+  }
+  return new Ollama(opts);
+}
+function isAvailable(entry) {
+  if (!LOCAL_HOST_RE.test(entry.baseUrl)) return true;
   try {
     const cmd2 = process.platform === "win32" ? "where" : "which";
     execFileSync(cmd2, ["ollama"], { stdio: "ignore" });
@@ -31,20 +119,20 @@ function isConnectionError(err) {
   const msg = err instanceof Error ? err.message : String(err);
   return msg.includes("ECONNREFUSED") || msg.includes("fetch failed") || msg.includes("connect");
 }
-async function listModels() {
+async function listModels(entry) {
   try {
-    const { models } = await ollama.list();
+    const { models } = await makeClient(entry).list();
     return models.map((m) => m.name);
   } catch (err) {
     if (isConnectionError(err)) {
-      throw new Error(OLLAMA_NOT_RUNNING);
+      throw new Error(NOT_RUNNING);
     }
     throw err;
   }
 }
-async function modelContext(model) {
+async function modelContext(entry, model) {
   try {
-    const info = await ollama.show({ model });
+    const info = await makeClient(entry).show({ model });
     const modelInfo = info.model_info;
     if (modelInfo) {
       const ctxKey = Object.keys(modelInfo).find((k) => k.includes("context_length"));
@@ -56,7 +144,7 @@ async function modelContext(model) {
     return 2048;
   } catch (err) {
     if (isConnectionError(err)) {
-      throw new Error(OLLAMA_NOT_RUNNING);
+      throw new Error(NOT_RUNNING);
     }
     const msg = err instanceof Error ? err.message : String(err);
     if (msg.toLowerCase().includes("not found") || msg.toLowerCase().includes("unknown model")) {
@@ -65,13 +153,10 @@ async function modelContext(model) {
     throw err;
   }
 }
-async function* chat(model, messages, tools, opts) {
+async function* chat(entry, model, messages, tools, opts) {
   if (opts?.signal?.aborted) return;
   const signal = opts?.signal;
-  const client = signal ? new Ollama({
-    host: process.env.OLLAMA_HOST ?? "http://localhost:11434",
-    fetch: ((input, init) => fetch(input, { ...init, signal }))
-  }) : ollama;
+  const client = makeClient(entry, signal);
   let stream;
   const onAbort = () => {
     try {
@@ -99,7 +184,7 @@ async function* chat(model, messages, tools, opts) {
   } catch (err) {
     if (signal?.aborted) return;
     if (isConnectionError(err)) {
-      throw new Error(OLLAMA_NOT_RUNNING);
+      throw new Error(NOT_RUNNING);
     }
     const msg = err instanceof Error ? err.message : String(err);
     if (msg.toLowerCase().includes("not found") || msg.toLowerCase().includes("unknown model")) {
@@ -123,27 +208,278 @@ async function* chat(model, messages, tools, opts) {
   } catch (err) {
     if (opts?.signal?.aborted) return;
     if (isConnectionError(err)) {
-      throw new Error(OLLAMA_NOT_RUNNING);
+      throw new Error(NOT_RUNNING);
     }
     throw err;
   } finally {
     if (opts?.signal) opts.signal.removeEventListener("abort", onAbort);
   }
 }
-var ollama, OLLAMA_NOT_INSTALLED, OLLAMA_NOT_RUNNING, HARMONY_RE, CHANNEL_LABEL_RE;
-var init_client = __esm({
-  "src/ollama/client.ts"() {
+var NOT_INSTALLED, NOT_RUNNING, LOCAL_HOST_RE, HARMONY_RE, CHANNEL_LABEL_RE;
+var init_ollama = __esm({
+  "src/llm/ollama.ts"() {
     "use strict";
-    ollama = new Ollama({
-      host: process.env.OLLAMA_HOST ?? "http://localhost:11434"
-    });
-    OLLAMA_NOT_INSTALLED = "Ollama is not installed. Install it with: npm i -g ollama\nOr download from https://ollama.com/download";
-    OLLAMA_NOT_RUNNING = "Ollama is not running. Start it with: ollama serve";
+    NOT_INSTALLED = "Ollama is not installed. Install it with: npm i -g ollama\nOr download from https://ollama.com/download";
+    NOT_RUNNING = "Ollama is not running. Start it with: ollama serve";
+    LOCAL_HOST_RE = /localhost|127\.0\.0\.1|0\.0\.0\.0|\[::1\]/;
     HARMONY_RE = /<\|?\/?(?:channel|message|start|end|return|constrain|assistant|user|system|developer|tool|tool_call|tool_response|final|analysis|commentary)\|?>/gi;
     CHANNEL_LABEL_RE = /^(?:analysis|commentary|final)\s*(?=\w)/i;
   }
 });
 
+// src/llm/openai.ts
+function notAvailable(entry) {
+  return `Cannot reach OpenAI-compatible provider at ${entry.baseUrl}. Make sure the server is running and the baseUrl is correct.`;
+}
+function headers(entry) {
+  const h = { "Content-Type": "application/json" };
+  if (entry.apiKey) h["Authorization"] = `Bearer ${entry.apiKey}`;
+  return h;
+}
+function isConnectionError2(err) {
+  const msg = err instanceof Error ? err.message : String(err);
+  return msg.includes("ECONNREFUSED") || msg.includes("fetch failed") || msg.includes("connect");
+}
+function isAvailable2(_entry) {
+  return true;
+}
+async function listModels2(entry) {
+  try {
+    const res = await fetch(`${entry.baseUrl}/v1/models`, {
+      headers: headers(entry),
+      signal: AbortSignal.timeout(5e3)
+    });
+    if (!res.ok) {
+      let detail = "";
+      try {
+        detail = await res.text();
+      } catch {
+      }
+      throw new Error(`Provider error (HTTP ${res.status}): ${detail || res.statusText}`);
+    }
+    const body = await res.json();
+    return body.data.map((m) => m.id);
+  } catch (err) {
+    if (isConnectionError2(err)) {
+      throw new Error(notAvailable(entry));
+    }
+    throw err;
+  }
+}
+async function modelContext2(_entry, _model) {
+  return DEFAULT_CONTEXT;
+}
+function toOpenAIMessages(msgs) {
+  return msgs.map((m) => {
+    if (m.role === "assistant" && m.tool_calls && m.tool_calls.length > 0) {
+      return {
+        role: "assistant",
+        content: m.content || null,
+        tool_calls: m.tool_calls.map((tc) => ({
+          id: tc.id ?? `call_${Math.random().toString(36).slice(2, 10)}`,
+          type: "function",
+          function: {
+            name: tc.function.name,
+            arguments: JSON.stringify(tc.function.arguments)
+          }
+        }))
+      };
+    }
+    if (m.role === "tool") {
+      return {
+        role: "tool",
+        content: m.content,
+        tool_call_id: m.tool_call_id ?? ""
+      };
+    }
+    return { role: m.role, content: m.content };
+  });
+}
+function toOpenAITools(tools) {
+  if (!tools || tools.length === 0) return void 0;
+  return tools.map((t) => ({
+    type: "function",
+    function: {
+      name: t.function.name,
+      description: t.function.description,
+      parameters: t.function.parameters
+    }
+  }));
+}
+function parseSSELine(line) {
+  if (!line.startsWith("data: ")) return null;
+  const data = line.slice(6).trim();
+  if (data === "[DONE]") return null;
+  try {
+    return JSON.parse(data);
+  } catch {
+    return null;
+  }
+}
+async function* chat2(entry, model, messages, tools, opts) {
+  if (opts?.signal?.aborted) return;
+  const oaMessages = toOpenAIMessages(messages);
+  const oaTools = toOpenAITools(tools);
+  const body = {
+    model,
+    messages: oaMessages,
+    stream: true,
+    temperature: opts?.temperature ?? 0.2
+  };
+  if (oaTools) body.tools = oaTools;
+  if (opts?.num_predict && opts.num_predict > 0) body.max_tokens = opts.num_predict;
+  const toolCallAccum = /* @__PURE__ */ new Map();
+  const TIMEOUT_MS = 18e4;
+  const timeoutSignal = AbortSignal.timeout(TIMEOUT_MS);
+  const combinedSignal = opts?.signal && typeof AbortSignal.any === "function" ? AbortSignal.any([opts.signal, timeoutSignal]) : opts?.signal ?? timeoutSignal;
+  try {
+    const res = await fetch(`${entry.baseUrl}/v1/chat/completions`, {
+      method: "POST",
+      headers: headers(entry),
+      body: JSON.stringify(body),
+      signal: combinedSignal
+    });
+    if (!res.ok) {
+      let detail = "";
+      try {
+        detail = await res.text();
+      } catch {
+      }
+      if (res.status === 404) {
+        throw new Error(`Model "${model}" not found at ${entry.baseUrl}. Make sure it's available.`);
+      }
+      throw new Error(`Provider error (HTTP ${res.status}): ${detail || res.statusText}`);
+    }
+    const reader = res.body?.getReader();
+    if (!reader) throw new Error("No response body");
+    const decoder = new TextDecoder();
+    let buffer = "";
+    try {
+      readLoop: while (true) {
+        const { done: readerDone, value } = await reader.read();
+        if (readerDone || opts?.signal?.aborted) break;
+        buffer += decoder.decode(value, { stream: true });
+        const lines = buffer.split("\n");
+        buffer = lines.pop() ?? "";
+        for (const line of lines) {
+          const parsed = parseSSELine(line);
+          if (!parsed) continue;
+          const choices = parsed.choices;
+          if (!choices || choices.length === 0) continue;
+          const delta = choices[0].delta ?? {};
+          const finishReason = choices[0].finish_reason;
+          if (delta.content) {
+            yield { content: delta.content, done: false };
+          }
+          const deltaToolCalls = delta.tool_calls;
+          if (deltaToolCalls) {
+            for (const tc of deltaToolCalls) {
+              const idx = tc.index;
+              if (!toolCallAccum.has(idx)) {
+                toolCallAccum.set(idx, { args: "" });
+              }
+              const acc = toolCallAccum.get(idx);
+              if (tc.id) acc.id = tc.id;
+              if (tc.type) acc.type = tc.type;
+              if (tc.function) {
+                if (tc.function.name) acc.name = tc.function.name;
+                if (tc.function.arguments) acc.args += tc.function.arguments;
+              }
+            }
+          }
+          if (finishReason) {
+            break readLoop;
+          }
+        }
+      }
+    } finally {
+      reader.cancel().catch(() => {
+      });
+    }
+  } catch (err) {
+    if (opts?.signal?.aborted) {
+      yield { content: "", done: true, prompt_eval_count: 0, eval_count: 0 };
+      return;
+    }
+    if (isConnectionError2(err)) {
+      throw new Error(notAvailable(entry));
+    }
+    if (timeoutSignal.aborted && !opts?.signal?.aborted) {
+      throw new Error(`Provider request timed out after ${TIMEOUT_MS / 1e3}s. The model may still be loading or thinking.`);
+    }
+    throw err;
+  }
+  if (opts?.signal?.aborted) {
+    yield { content: "", done: true, prompt_eval_count: 0, eval_count: 0 };
+    return;
+  }
+  const toolCalls = [];
+  for (const [, acc] of toolCallAccum) {
+    let parsedArgs = {};
+    try {
+      parsedArgs = JSON.parse(acc.args);
+    } catch {
+      parsedArgs = { _raw: acc.args };
+    }
+    toolCalls.push({
+      id: acc.id,
+      function: {
+        name: acc.name ?? "",
+        arguments: parsedArgs
+      }
+    });
+  }
+  yield {
+    content: "",
+    done: true,
+    tool_calls: toolCalls.length > 0 ? toolCalls : void 0
+  };
+}
+var DEFAULT_CONTEXT;
+var init_openai = __esm({
+  "src/llm/openai.ts"() {
+    "use strict";
+    DEFAULT_CONTEXT = 4096;
+  }
+});
+
+// src/llm/client.ts
+function active() {
+  return resolveProvider();
+}
+function isAvailable3() {
+  const { entry } = active();
+  return entry.type === "ollama" ? isAvailable(entry) : isAvailable2(entry);
+}
+function NOT_AVAILABLE() {
+  const { entry } = active();
+  return entry.type === "ollama" ? NOT_INSTALLED : notAvailable(entry);
+}
+async function listModels3() {
+  const { entry } = active();
+  return entry.type === "ollama" ? listModels(entry) : listModels2(entry);
+}
+async function modelContext3(model) {
+  const { entry } = active();
+  return entry.type === "ollama" ? modelContext(entry, model) : modelContext2(entry, model);
+}
+async function* chat3(model, messages, tools, opts) {
+  const { entry } = active();
+  if (entry.type === "ollama") {
+    yield* chat(entry, model, messages, tools, opts);
+  } else {
+    yield* chat2(entry, model, messages, tools, opts);
+  }
+}
+var init_client = __esm({
+  "src/llm/client.ts"() {
+    "use strict";
+    init_config();
+    init_ollama();
+    init_openai();
+  }
+});
+
 // src/tools/paths.ts
 import { resolve, relative as relative2, isAbsolute, sep, join as join4 } from "path";
 import { homedir as homedir3 } from "os";
@@ -533,18 +869,18 @@ var init_grep = __esm({
         const limit = max_results ?? 200;
         const ci = case_insensitive === true || String(case_insensitive) === "true";
         const tryRg = async () => {
-          const args = ["--line-number", "--no-heading", "--color=never", "-m", String(limit)];
-          if (ci) args.push("-i");
-          if (glob2) args.push("--glob", glob2);
-          args.push("--", pattern, root);
-          return execa2("rg", args, { reject: false, timeout: 2e4 });
+          const args2 = ["--line-number", "--no-heading", "--color=never", "-m", String(limit)];
+          if (ci) args2.push("-i");
+          if (glob2) args2.push("--glob", glob2);
+          args2.push("--", pattern, root);
+          return execa2("rg", args2, { reject: false, timeout: 2e4 });
         };
         const tryGrep = async () => {
-          const args = ["-R", "-n", "--color=never"];
-          if (ci) args.push("-i");
-          if (glob2) args.push("--include", glob2);
-          args.push("--", pattern, root);
-          return execa2("grep", args, { reject: false, timeout: 2e4 });
+          const args2 = ["-R", "-n", "--color=never"];
+          if (ci) args2.push("-i");
+          if (glob2) args2.push("--include", glob2);
+          args2.push("--", pattern, root);
+          return execa2("grep", args2, { reject: false, timeout: 2e4 });
         };
         try {
           let res;
@@ -891,6 +1227,7 @@ function toOllamaMessages(history, system) {
       const ollamaMsg = { role: "assistant", content: text };
       if (tool_uses.length > 0) {
         ollamaMsg.tool_calls = tool_uses.map((u) => ({
+          id: u.id,
           function: { name: u.name, arguments: u.input }
         }));
       }
@@ -901,7 +1238,7 @@ function toOllamaMessages(history, system) {
       const tool_results = msg.content.filter((b) => b.type === "tool_result");
       const texts = msg.content.filter((b) => b.type === "text");
       for (const tr of tool_results) {
-        out.push({ role: "tool", content: tr.content });
+        out.push({ role: "tool", content: tr.content, tool_call_id: tr.tool_use_id });
       }
       if (texts.length > 0) {
         out.push({ role: "user", content: texts.map((t) => t.text).join("") });
@@ -947,9 +1284,9 @@ function tryParse(raw, knownToolNames) {
   try {
     const obj = JSON.parse(s);
     const name = typeof obj.name === "string" ? obj.name : void 0;
-    const args = obj.arguments ?? obj.parameters ?? obj.input ?? {};
+    const args2 = obj.arguments ?? obj.parameters ?? obj.input ?? {};
     if (!name || !knownToolNames.includes(name)) return null;
-    return { function: { name, arguments: args } };
+    return { function: { name, arguments: args2 } };
   } catch {
     return null;
   }
@@ -1032,7 +1369,7 @@ async function* runAgent(opts) {
     const composedSignal = signal ? AbortSignal.any ? AbortSignal.any([signal, ac.signal]) : ac.signal : ac.signal;
     if (signal) signal.addEventListener("abort", () => ac.abort(), { once: true });
     try {
-      for await (const chunk of chat(model, toOllamaMessages(history, system), ollamaTools, { signal: composedSignal, num_ctx, num_predict: NUM_PREDICT })) {
+      for await (const chunk of chat3(model, toOllamaMessages(history, system), ollamaTools, { signal: composedSignal, num_ctx, num_predict: NUM_PREDICT })) {
         if (signal?.aborted) break;
         if (chunk.content) {
           text += chunk.content;
@@ -1191,7 +1528,7 @@ var init_loop = __esm({
     init_policy();
     init_adapter();
     MAX_TURNS = 25;
-    NUM_PREDICT = 4096;
+    NUM_PREDICT = 8192;
     REPEAT_TAIL = 120;
     REPEAT_KILL = 4;
   }
@@ -1338,7 +1675,7 @@ function pad(s, n) {
 }
 async function resolveModels(modelsArg) {
   if (modelsArg !== "all") return modelsArg.split(",").map((m) => m.trim()).filter(Boolean);
-  return (await listModels()).filter((m) => !m.includes("cloud"));
+  return (await listModels3()).filter((m) => !m.includes("cloud"));
 }
 function verdict(passed, total) {
   const ratio = total === 0 ? 0 : passed / total;
@@ -1385,10 +1722,10 @@ function printMatrix(models, picked, grid) {
   }
   console.log("\n  + pass   . fail   ? not run");
 }
-async function runEval(args) {
+async function runEval(args2) {
   const strip = (s) => (s ?? "").replace(/^-+/, "");
-  const modelsArg = strip(args[0]) || process.env.MIII_EVAL_MODEL || "all";
-  const filter = strip(args[1]);
+  const modelsArg = strip(args2[0]) || process.env.MIII_EVAL_MODEL || "all";
+  const filter = strip(args2[1]);
   const picked = filter ? scenarios.filter((s) => s.name.includes(filter)) : scenarios;
   if (picked.length === 0) {
     console.error(`No scenarios match "${filter}"`);
@@ -1421,40 +1758,16 @@ import { createElement } from "react";
 
 // src/ui/App.tsx
 init_client();
-import { useState as useState5, useEffect as useEffect4 } from "react";
+init_config();
+import { useState as useState5, useEffect as useEffect4, useRef as useRef2 } from "react";
 import { Box as Box10, Text as Text10, useApp } from "ink";
 import { homedir as homedir6 } from "os";
 import { sep as sep2 } from "path";
 
-// src/config.ts
-import { readFileSync, writeFileSync, mkdirSync, existsSync } from "fs";
-import { join } from "path";
-import { homedir } from "os";
-var CONFIG_DIR = join(homedir(), ".miii");
-var CONFIG_PATH = join(CONFIG_DIR, "config.json");
-function loadConfig() {
-  if (!existsSync(CONFIG_PATH)) return {};
-  try {
-    return JSON.parse(readFileSync(CONFIG_PATH, "utf-8"));
-  } catch {
-    return {};
-  }
-}
-function saveConfig(config) {
-  mkdirSync(CONFIG_DIR, { recursive: true });
-  writeFileSync(CONFIG_PATH, JSON.stringify(config, null, 2), "utf-8");
-}
-function setModel(model) {
-  saveConfig({ ...loadConfig(), model });
-}
-function setEffort(effort) {
-  saveConfig({ ...loadConfig(), effort });
-}
-
 // src/ui/WelcomeBlock.tsx
 import { Box, Text } from "ink";
 import { jsx, jsxs } from "react/jsx-runtime";
-function WelcomeBlock({ model, activeCtx, effort, cwd }) {
+function WelcomeBlock({ model, activeCtx, effort, cwd, updateAvailable }) {
   const ctxLabel = activeCtx != null ? `${Math.round(activeCtx / 1024)}k ctx` : "\u2014 ctx";
   return /* @__PURE__ */ jsxs(
     Box,
@@ -1477,43 +1790,27 @@ function WelcomeBlock({ model, activeCtx, effort, cwd }) {
             " effort"
           ] })
         ] }),
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: cwd })
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: cwd }),
+        updateAvailable && /* @__PURE__ */ jsx(Text, { color: "yellow", children: `\u2191 update available: v${updateAvailable} \u2014 run: miii --update` })
       ]
     }
   );
 }
 
-// src/ui/ModelList.tsx
-import { Box as Box2, Text as Text2 } from "ink";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function ModelList({ models, cursor, activeModel, showActive }) {
-  if (models.length === 0) {
-    return /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
-      "no models found. run: ollama pull ",
-      "<model>"
-    ] });
-  }
-  return /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: models.map((m, i) => /* @__PURE__ */ jsxs2(Text2, { color: i === cursor ? "blue" : void 0, dimColor: i !== cursor, children: [
-    i === cursor ? "\u276F " : "  ",
-    m,
-    showActive && m === activeModel ? /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "  (active)" }) : null
-  ] }, m)) });
-}
-
 // src/ui/InputBar.tsx
-import { useEffect, useState } from "react";
-import { Box as Box3, Text as Text3 } from "ink";
-import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { memo, useEffect, useState } from "react";
+import { Box as Box2, Text as Text2 } from "ink";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var SPIN = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
-function InputBar({ input, disabled, processingLabel }) {
+var InputBar = memo(function InputBar2({ input, disabled, processingLabel }) {
   const [frame, setFrame] = useState(0);
   useEffect(() => {
     if (!disabled) return;
     const t = setInterval(() => setFrame((f) => (f + 1) % SPIN.length), 150);
     return () => clearInterval(t);
   }, [disabled]);
-  return /* @__PURE__ */ jsx3(
-    Box3,
+  return /* @__PURE__ */ jsx2(
+    Box2,
     {
       borderStyle: "single",
       borderTop: true,
@@ -1522,51 +1819,94 @@ function InputBar({ input, disabled, processingLabel }) {
       borderRight: false,
       borderColor: disabled ? "yellow" : "white dim",
       paddingX: 1,
-      children: disabled ? /* @__PURE__ */ jsxs3(Fragment, { children: [
-        /* @__PURE__ */ jsx3(Text3, { color: "yellow", children: SPIN[frame] + " " }),
-        /* @__PURE__ */ jsx3(Text3, { dimColor: true, italic: true, children: processingLabel ?? "processing\u2026" }),
-        /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "  (esc to cancel)" })
-      ] }) : /* @__PURE__ */ jsxs3(Fragment, { children: [
-        /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "> " }),
-        /* @__PURE__ */ jsx3(Text3, { children: input }),
-        /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "\u258C" })
+      children: disabled ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+        /* @__PURE__ */ jsx2(Text2, { color: "yellow", children: SPIN[frame] + " " }),
+        /* @__PURE__ */ jsx2(Text2, { dimColor: true, italic: true, children: processingLabel ?? "processing\u2026" }),
+        /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "  (esc to cancel)" })
+      ] }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
+        /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "> " }),
+        /* @__PURE__ */ jsx2(Text2, { children: input }),
+        /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "\u258C" })
       ] })
     }
   );
-}
+});
 
 // src/ui/ModelsView.tsx
+import { Box as Box3, Text as Text3 } from "ink";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function ModelsView({ models, cursor, model, host, provider, effort, query, requireSelection }) {
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", marginLeft: 2, children: [
+    /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", marginBottom: 1, children: [
+      /* @__PURE__ */ jsxs3(Text3, { wrap: "truncate", children: [
+        /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "provider " }),
+        /* @__PURE__ */ jsx3(Text3, { color: "cyan", children: provider }),
+        /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+          "   ",
+          "host "
+        ] }),
+        /* @__PURE__ */ jsx3(Text3, { children: host })
+      ] }),
+      /* @__PURE__ */ jsxs3(Text3, { children: [
+        /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "effort   " }),
+        /* @__PURE__ */ jsx3(Text3, { children: effort }),
+        /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "  (\u2190 \u2192)" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "select model" }),
+    /* @__PURE__ */ jsx3(Box3, { marginTop: 1, flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: models.length === 0 ? /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: query ? `no models match "${query}"` : provider === "lmstudio" ? "no models. load a model in LM Studio and start the server." : "no models found." }) : models.map((m, i) => {
+      const sel = i === cursor;
+      return /* @__PURE__ */ jsxs3(Text3, { wrap: "truncate", color: sel ? "blue" : void 0, dimColor: !sel, children: [
+        sel ? "\u276F " : "  ",
+        m,
+        m === model ? /* @__PURE__ */ jsx3(Text3, { color: "green", children: "  \u25CF" }) : null
+      ] }, m);
+    }) }),
+    /* @__PURE__ */ jsxs3(Box3, { marginTop: 1, flexDirection: "column", children: [
+      query ? /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: `filter: ${query}` }) : null,
+      /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: `\u2191\u2193 navigate   enter select   \u2190\u2192 effort   tab provider   type to filter${requireSelection ? "   ctrl+c quit" : "   esc close"}` })
+    ] })
+  ] });
+}
+
+// src/ui/ProviderPicker.tsx
 import { Box as Box4, Text as Text4 } from "ink";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function ModelsView({ models, cursor, model, ollamaHost, effort }) {
+function ProviderPicker({ entries, cursor, activeName, query }) {
+  const nameWidth = Math.max(8, ...entries.map((e) => e.name.length));
   return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginLeft: 2, children: [
-    /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginBottom: 1, children: [
-      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "config" }),
-      /* @__PURE__ */ jsxs4(Box4, { marginTop: 1, flexDirection: "column", children: [
-        /* @__PURE__ */ jsxs4(Text4, { children: [
-          /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "model   " }),
-          /* @__PURE__ */ jsx4(Text4, { children: model ?? "\u2014" })
+    /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "select provider" }),
+    /* @__PURE__ */ jsx4(Box4, { marginTop: 1, flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: entries.length === 0 ? /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "no providers configured \u2014 add one in ~/.miii/config.json" }) : entries.map((e, i) => {
+      const sel = i === cursor;
+      return /* @__PURE__ */ jsxs4(Text4, { color: sel ? "blue" : void 0, dimColor: !sel, children: [
+        sel ? "\u276F " : "  ",
+        e.name.padEnd(nameWidth),
+        /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+          "  ",
+          e.kind.padEnd(5)
         ] }),
-        /* @__PURE__ */ jsxs4(Text4, { children: [
-          /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "host    " }),
-          /* @__PURE__ */ jsx4(Text4, { children: ollamaHost ?? "http://localhost:11434" })
+        /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+          "  ",
+          e.entry.baseUrl
         ] }),
-        /* @__PURE__ */ jsxs4(Text4, { children: [
-          /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "effort  " }),
-          /* @__PURE__ */ jsx4(Text4, { children: effort }),
-          /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "  (\u2190 \u2192)" })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "switch model" }),
-    /* @__PURE__ */ jsx4(Box4, { marginTop: 1, children: /* @__PURE__ */ jsx4(ModelList, { models, cursor, activeModel: model, showActive: true }) }),
-    /* @__PURE__ */ jsx4(Box4, { marginTop: 1, children: /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\u2191\u2193 navigate   enter switch   \u2190\u2192 effort   esc close" }) })
+        e.name === activeName ? /* @__PURE__ */ jsx4(Text4, { color: "green", children: "  \u25CF" }) : null
+      ] }, e.name);
+    }) }),
+    /* @__PURE__ */ jsxs4(Box4, { marginTop: 1, flexDirection: "column", children: [
+      query ? /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: `filter: ${query}` }) : null,
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\u2191\u2193 navigate   enter select   type to filter   esc back" })
+    ] })
   ] });
 }
 
 // src/ui/SessionsView.tsx
 import { Box as Box5, Text as Text5 } from "ink";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function truncate(s, max) {
+  if (max <= 0) return "";
+  if (s.length <= max) return s;
+  return s.slice(0, Math.max(0, max - 1)) + "\u2026";
+}
 function relativeTime(iso) {
   const diff = Date.now() - new Date(iso).getTime();
   const min = Math.floor(diff / 6e4);
@@ -1581,14 +1921,17 @@ function SessionsView({ sessions, cursor }) {
   return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginLeft: 2, children: [
     /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "resume session" }),
     /* @__PURE__ */ jsx5(Box5, { marginTop: 1, flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: sessions.length === 0 ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "no saved sessions yet" }) : sessions.map((s, i) => {
-      const active = i === cursor;
-      const label = s.title;
+      const active2 = i === cursor;
+      const meta = `\xB7 ${s.messageCount} msgs \xB7 ${relativeTime(s.updatedAt)}`;
+      const cols = process.stdout.columns ?? 80;
+      const titleMax = cols - 9 - meta.length;
+      const label = truncate(s.title, titleMax);
       return /* @__PURE__ */ jsxs5(Box5, { gap: 1, children: [
-        /* @__PURE__ */ jsxs5(Text5, { color: active ? "blue" : void 0, dimColor: !active, children: [
-          active ? "\u276F " : "  ",
+        /* @__PURE__ */ jsxs5(Text5, { wrap: "truncate", color: active2 ? "blue" : void 0, dimColor: !active2, children: [
+          active2 ? "\u276F " : "  ",
           label
         ] }),
-        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: `\xB7 ${s.messageCount} msgs \xB7 ${relativeTime(s.updatedAt)}` })
+        /* @__PURE__ */ jsx5(Text5, { wrap: "truncate", dimColor: true, children: meta })
       ] }, s.id);
     }) }),
     /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "\u2191\u2193 navigate   enter resume   d delete   esc cancel" }) })
@@ -1599,7 +1942,8 @@ function SessionsView({ sessions, cursor }) {
 import { Box as Box6, Text as Text6 } from "ink";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var COMMANDS = [
-  { name: "/models", description: "switch model or adjust effort" },
+  { name: "/models", description: "pick model \xB7 tab to change provider \xB7 \u2190\u2192 effort" },
+  { name: "/provider", description: "open provider picker (configured in ~/.miii/config.json)" },
   { name: "/new", description: "save current session and start fresh" },
   { name: "/sessions", description: "list sessions and resume one" },
   { name: "/clear", description: "clear chat and reset context" },
@@ -1620,10 +1964,10 @@ function CommandPalette({ filter, cursor }) {
       paddingX: 1,
       children: [
         filtered.map((cmd2, i) => {
-          const active = i === cursor;
+          const active2 = i === cursor;
           return /* @__PURE__ */ jsxs6(Box6, { gap: 2, children: [
-            /* @__PURE__ */ jsxs6(Text6, { bold: active, color: active ? "blue" : void 0, dimColor: !active, children: [
-              active ? "\u276F " : "  ",
+            /* @__PURE__ */ jsxs6(Text6, { bold: active2, color: active2 ? "blue" : void 0, dimColor: !active2, children: [
+              active2 ? "\u276F " : "  ",
               cmd2.name.padEnd(nameWidth)
             ] }),
             /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: cmd2.description })
@@ -1645,7 +1989,7 @@ import { join as join2 } from "path";
 import { homedir as homedir2 } from "os";
 import { randomUUID } from "crypto";
 function encodeProjectDir(cwd) {
-  return cwd.replace(/[/\\]/g, "-").replace(/^-+/, "");
+  return cwd.replace(/[:/\\]+/g, "-").replace(/^-+/, "");
 }
 var SESSION_DIR = join2(homedir2(), ".miii", "projects", encodeProjectDir(process.cwd()), "session");
 function newSessionId() {
@@ -1768,7 +2112,7 @@ Request:
 ${text.slice(0, 2e3)}`;
   try {
     let out = "";
-    for await (const chunk of chat(
+    for await (const chunk of chat3(
       model,
       [{ role: "user", content: prompt }],
       void 0,
@@ -1850,9 +2194,9 @@ function FilePicker({ matches: matches2, cursor }) {
       paddingX: 1,
       children: [
         matches2.map((f, i) => {
-          const active = i === cursor;
-          return /* @__PURE__ */ jsx7(Box7, { children: /* @__PURE__ */ jsxs7(Text7, { bold: active, color: active ? "blue" : void 0, dimColor: !active, children: [
-            active ? "\u276F " : "  ",
+          const active2 = i === cursor;
+          return /* @__PURE__ */ jsx7(Box7, { children: /* @__PURE__ */ jsxs7(Text7, { bold: active2, color: active2 ? "blue" : void 0, dimColor: !active2, children: [
+            active2 ? "\u276F " : "  ",
             f
           ] }) }, f);
         }),
@@ -1863,8 +2207,9 @@ function FilePicker({ matches: matches2, cursor }) {
 }
 
 // src/ui/ChatView.tsx
-import { useState as useState3, useEffect as useEffect3 } from "react";
+import { memo as memo2, useState as useState3, useEffect as useEffect3 } from "react";
 import { Box as Box9, Text as Text9 } from "ink";
+import { highlight } from "cli-highlight";
 
 // src/ui/ThinkingBlock.tsx
 import { useState as useState2, useEffect as useEffect2 } from "react";
@@ -1957,6 +2302,55 @@ function countLines(s) {
   if (!s) return 0;
   return s.split("\n").length;
 }
+var EXT_LANG = {
+  ts: "typescript",
+  tsx: "typescript",
+  mts: "typescript",
+  cts: "typescript",
+  js: "javascript",
+  jsx: "javascript",
+  mjs: "javascript",
+  cjs: "javascript",
+  json: "json",
+  py: "python",
+  rb: "ruby",
+  go: "go",
+  rs: "rust",
+  java: "java",
+  c: "c",
+  h: "c",
+  cpp: "cpp",
+  cc: "cpp",
+  hpp: "cpp",
+  cs: "csharp",
+  php: "php",
+  swift: "swift",
+  kt: "kotlin",
+  scala: "scala",
+  sh: "bash",
+  bash: "bash",
+  zsh: "bash",
+  yml: "yaml",
+  yaml: "yaml",
+  html: "xml",
+  xml: "xml",
+  css: "css",
+  scss: "scss",
+  sql: "sql",
+  md: "markdown"
+};
+function langFromPath(path) {
+  const ext = path.split(".").pop()?.toLowerCase();
+  return ext ? EXT_LANG[ext] : void 0;
+}
+function highlightLine(text, lang) {
+  if (!lang) return text;
+  try {
+    return highlight(text, { language: lang, ignoreIllegals: true });
+  } catch {
+    return text;
+  }
+}
 function FileEditBlock({
   label,
   path,
@@ -1967,6 +2361,7 @@ function FileEditBlock({
   const expanded = useToolExpanded();
   const shown = expanded ? previewLines : previewLines.slice(0, COLLAPSED_LINES);
   const extra = previewLines.length - shown.length;
+  const lang = langFromPath(path);
   return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", marginLeft: 2, children: [
     /* @__PURE__ */ jsxs9(Box9, { children: [
       /* @__PURE__ */ jsx9(Text9, { color: "yellow", children: "\u25CF " }),
@@ -1984,15 +2379,19 @@ function FileEditBlock({
     ] }) }),
     shown.map((ln, i) => {
       const width = (process.stdout.columns ?? 80) - 6 - 20;
-      const raw = `${ln.sign} ${ln.text}`;
-      const content = raw.length > width ? raw.slice(0, width) : raw.padEnd(width);
-      return /* @__PURE__ */ jsx9(Box9, { marginLeft: 4, children: /* @__PURE__ */ jsx9(
+      const textWidth = Math.max(0, width - 2);
+      const plain = ln.text.length > textWidth ? ln.text.slice(0, textWidth) : ln.text.padEnd(textWidth);
+      const code = ln.sign === " " ? plain : highlightLine(plain, lang);
+      return /* @__PURE__ */ jsx9(Box9, { marginLeft: 4, children: /* @__PURE__ */ jsxs9(
         Text9,
         {
           wrap: "truncate",
           backgroundColor: ln.sign === "+" ? "#13351f" : ln.sign === "-" ? "#3b1414" : void 0,
           dimColor: ln.sign === " ",
-          children: content
+          children: [
+            `${ln.sign} `,
+            code
+          ]
         }
       ) }, i);
     }),
@@ -2011,7 +2410,7 @@ var TOOL_LABEL = {
   glob: "Glob",
   grep: "Grep"
 };
-function truncate(s, max) {
+function truncate2(s, max) {
   if (s.length <= max) return s;
   return s.slice(0, max - 1) + "\u2026";
 }
@@ -2027,15 +2426,15 @@ function toolHeader(use) {
       break;
     case "run_bash": {
       const cmd2 = String(input.command ?? "").replace(/\s+/g, " ");
-      arg = truncate(cmd2, 120);
+      arg = truncate2(cmd2, 120);
       break;
     }
     case "glob":
     case "grep":
-      arg = truncate(String(input.pattern ?? ""), 120);
+      arg = truncate2(String(input.pattern ?? ""), 120);
       break;
     default: {
-      arg = truncate(JSON.stringify(input), 80);
+      arg = truncate2(JSON.stringify(input), 80);
     }
   }
   return { label, arg };
@@ -2077,7 +2476,7 @@ function ToolResultBlock({ result, toolName }) {
   }
   const MAX_LINE_WIDTH = 200;
   const visible = expanded ? lines : lines.slice(0, COLLAPSED_LINES);
-  const shown = visible.map((l) => truncate(l, MAX_LINE_WIDTH));
+  const shown = visible.map((l) => truncate2(l, MAX_LINE_WIDTH));
   const extra = lines.length - shown.length;
   return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", marginLeft: 2, children: [
     /* @__PURE__ */ jsxs9(Text9, { color: result.is_error ? "red" : void 0, dimColor: !result.is_error, children: [
@@ -2127,7 +2526,13 @@ function ToolUseLine({ use, result }) {
     result && /* @__PURE__ */ jsx9(ToolResultBlock, { result, toolName: use.name })
   ] });
 }
-function AssistantMessage({ msg }) {
+var UserMessage = memo2(function UserMessage2({ msg }) {
+  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "row", marginBottom: 1, children: [
+    /* @__PURE__ */ jsx9(Text9, { color: "blue", children: "\u25CF " }),
+    /* @__PURE__ */ jsx9(Box9, { flexGrow: 1, children: /* @__PURE__ */ jsx9(Text9, { children: msg.content }) })
+  ] });
+});
+var AssistantMessage = memo2(function AssistantMessage2({ msg }) {
   return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", marginBottom: 1, children: [
     msg.content && /* @__PURE__ */ jsxs9(Box9, { flexDirection: "row", children: [
       /* @__PURE__ */ jsx9(Text9, { color: "white", children: "\u25CF " }),
@@ -2142,14 +2547,16 @@ function AssistantMessage({ msg }) {
       msg.duration != null ? ` \xB7 ${formatDuration(msg.duration)}` : ""
     ] }) })
   ] });
-}
+});
 function summarizeInput(input) {
   if (!input || typeof input !== "object") return "";
   const obj = input;
   const priority = ["path", "file_path", "command", "pattern", "query"];
   for (const k of priority) {
     const v = obj[k];
-    if (typeof v === "string" && v.length > 0) return `${k}: ${v}`;
+    if (typeof v === "string" && v.length > 0) {
+      return `${k}: ${v.length > 120 ? v.slice(0, 120) + "\u2026" : v}`;
+    }
   }
   const first = Object.entries(obj).find(([, v]) => typeof v === "string");
   if (first) {
@@ -2174,7 +2581,7 @@ function PermissionPrompt({ req, cursor }) {
       /* @__PURE__ */ jsx9(Text9, { bold: true, children: label }),
       "?"
     ] }) }),
-    summary && /* @__PURE__ */ jsx9(Box9, { marginLeft: 2, children: /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: summary }) }),
+    summary && /* @__PURE__ */ jsx9(Box9, { marginLeft: 2, children: /* @__PURE__ */ jsx9(Text9, { wrap: "truncate", dimColor: true, children: summary }) }),
     /* @__PURE__ */ jsx9(Box9, { flexDirection: "column", marginTop: 1, children: options.map((opt, i) => /* @__PURE__ */ jsxs9(Text9, { color: i === cursor ? "blue" : void 0, children: [
       i === cursor ? "\u276F " : "  ",
       i + 1,
@@ -2205,10 +2612,7 @@ function ChatView({
       ] }, i))
     ] }),
     messages.map(
-      (msg, i) => msg.role === "user" ? /* @__PURE__ */ jsxs9(Box9, { flexDirection: "row", marginBottom: 1, children: [
-        /* @__PURE__ */ jsx9(Text9, { color: "blue", children: "\u25CF " }),
-        /* @__PURE__ */ jsx9(Box9, { flexGrow: 1, children: /* @__PURE__ */ jsx9(Text9, { children: msg.content }) })
-      ] }, i) : /* @__PURE__ */ jsx9(AssistantMessage, { msg }, i)
+      (msg, i) => msg.role === "user" ? /* @__PURE__ */ jsx9(UserMessage, { msg }, i) : /* @__PURE__ */ jsx9(AssistantMessage, { msg }, i)
     ),
     thinking && /* @__PURE__ */ jsx9(ThinkingBlock, { content: thinkingContent }),
     streaming && streamingContent && /* @__PURE__ */ jsxs9(Box9, { flexDirection: "row", marginBottom: 1, children: [
@@ -2451,6 +2855,7 @@ function useAgentRunner(model, activeCtx) {
 }
 
 // src/ui/hooks/useKeyboard.ts
+init_config();
 import { useInput } from "ink";
 var EFFORTS = ["low", "medium", "high"];
 function useKeyboard(opts) {
@@ -2465,6 +2870,9 @@ function useKeyboard(opts) {
     cfg,
     setCfg,
     setActiveCtx,
+    providers,
+    pickerQuery,
+    setPickerQuery,
     agent,
     input,
     setInput,
@@ -2476,7 +2884,8 @@ function useKeyboard(opts) {
     setSessionId,
     sessions,
     setSessions,
-    setNotice
+    setNotice,
+    switchProvider
   } = opts;
   const {
     pendingPermissionRef,
@@ -2523,6 +2932,38 @@ function useKeyboard(opts) {
       abortRef.current.abort();
       return;
     }
+    if (state === "providers") {
+      if (key.upArrow) {
+        setCursor((i) => Math.max(0, i - 1));
+        return;
+      }
+      if (key.downArrow) {
+        setCursor((i) => Math.min(providers.length - 1, i + 1));
+        return;
+      }
+      if (key.escape) {
+        setPickerQuery("");
+        setCursor(() => 0);
+        setState(cfg.model ? "models" : "select-model");
+        return;
+      }
+      if (key.return && providers[cursor]) {
+        const chosen = providers[cursor].name;
+        setNotice(`switched to ${chosen}`);
+        switchProvider(chosen);
+        return;
+      }
+      if (key.backspace || key.delete) {
+        setPickerQuery(pickerQuery.slice(0, -1));
+        setCursor(() => 0);
+        return;
+      }
+      if (char && !key.ctrl && !key.meta && char.length === 1 && char >= " ") {
+        setPickerQuery(pickerQuery + char);
+        setCursor(() => 0);
+      }
+      return;
+    }
     if (state === "select-model" || state === "models") {
       if (key.upArrow) {
         setCursor((i) => Math.max(0, i - 1));
@@ -2537,21 +2978,45 @@ function useKeyboard(opts) {
         setModel(chosen);
         setCfg((c) => ({ ...c, model: chosen }));
         if (contexts[chosen]) setActiveCtx(contexts[chosen]);
+        setPickerQuery("");
+        setCursor(() => 0);
         setState("ready");
         return;
       }
-      if (state === "models") {
-        if (key.rightArrow) {
-          const next = EFFORTS[Math.min(EFFORTS.indexOf(effort) + 1, EFFORTS.length - 1)];
-          setEffort(next);
-          setCfg((c) => ({ ...c, effort: next }));
-        } else if (key.leftArrow) {
-          const next = EFFORTS[Math.max(EFFORTS.indexOf(effort) - 1, 0)];
-          setEffort(next);
-          setCfg((c) => ({ ...c, effort: next }));
-        } else if (key.escape) {
+      if (key.tab) {
+        setPickerQuery("");
+        setCursor(() => 0);
+        setState("providers");
+        return;
+      }
+      if (key.rightArrow) {
+        const next = EFFORTS[Math.min(EFFORTS.indexOf(effort) + 1, EFFORTS.length - 1)];
+        setEffort(next);
+        setCfg((c) => ({ ...c, effort: next }));
+        return;
+      }
+      if (key.leftArrow) {
+        const next = EFFORTS[Math.max(EFFORTS.indexOf(effort) - 1, 0)];
+        setEffort(next);
+        setCfg((c) => ({ ...c, effort: next }));
+        return;
+      }
+      if (key.escape) {
+        if (state === "models") {
+          setPickerQuery("");
+          setCursor(() => 0);
           setState("ready");
         }
+        return;
+      }
+      if (key.backspace || key.delete) {
+        setPickerQuery(pickerQuery.slice(0, -1));
+        setCursor(() => 0);
+        return;
+      }
+      if (char && !key.ctrl && !key.meta && char.length === 1 && char >= " ") {
+        setPickerQuery(pickerQuery + char);
+        setCursor(() => 0);
       }
       return;
     }
@@ -2654,8 +3119,13 @@ function useKeyboard(opts) {
       if (key.return) {
         const trimmed = input.trim();
         if (trimmed === "/models") {
+          setPickerQuery("");
           setCursor(() => Math.max(0, models.findIndex((m) => m === cfg.model)));
           setState("models");
+        } else if (trimmed === "/provider" || trimmed === "/providers") {
+          setPickerQuery("");
+          setCursor(() => Math.max(0, providers.findIndex((p) => p.name === cfg.provider)));
+          setState("providers");
         } else if (trimmed === "/clear") {
           clearSession();
         } else if (trimmed === "/new") {
@@ -2668,6 +3138,15 @@ function useKeyboard(opts) {
           setState("sessions");
         } else if (trimmed === "/exit") {
           exit();
+        } else if (trimmed.startsWith("/provider ")) {
+          const p = trimmed.slice("/provider ".length).trim();
+          const names = providers.map((x) => x.name);
+          if (names.includes(p)) {
+            setNotice(`switched to ${p}`);
+            switchProvider(p);
+          } else {
+            setNotice(`unknown provider "${p}" \u2014 configured: ${names.join(", ")}`);
+          }
         } else if (trimmed) {
           setNotice(null);
           if (!agentHistory.length && cfg.model) {
@@ -2750,8 +3229,9 @@ function App() {
   const [activeCtx, setActiveCtx] = useState5(null);
   const [state, setState] = useState5("loading");
   const [cursor, setCursor] = useState5(0);
+  const [pickerQuery, setPickerQuery] = useState5("");
   const [updateAvailable, setUpdateAvailable] = useState5(null);
-  const [ollamaDown, setOllamaDown] = useState5(false);
+  const [providerDown, setProviderDown] = useState5(false);
   const [sessionId, setSessionId] = useState5(() => newSessionId());
   const [sessions, setSessions] = useState5([]);
   const [notice, setNotice] = useState5(null);
@@ -2767,36 +3247,67 @@ function App() {
   useEffect4(() => {
     if (agent.agentHistory.length) persistSession(sessionId, agent.agentHistory);
   }, [agent.agentHistory, sessionId]);
-  useEffect4(() => {
-    listModels().then((m) => {
+  const loadGen = useRef2(0);
+  const loadModels = (afterProvider = false) => {
+    const gen = ++loadGen.current;
+    const stale = () => gen !== loadGen.current;
+    setProviderDown(false);
+    listModels3().then((m) => {
+      if (stale()) return;
       setModels(m);
-      setState(cfg.model ? "ready" : "select-model");
-      Promise.all(m.map((name) => modelContext(name).then((ctx) => [name, ctx]))).then((pairs) => {
+      const hasModel = !!cfg.model && m.includes(cfg.model);
+      if (afterProvider) {
+        setState(hasModel ? "models" : "select-model");
+      } else {
+        setState(hasModel ? "ready" : "select-model");
+      }
+      Promise.all(m.map((name) => modelContext3(name).then((ctx) => [name, ctx]))).then((pairs) => {
+        if (stale()) return;
         const map = Object.fromEntries(pairs);
         setContexts(map);
-        const active = cfg.model ?? m[0];
-        if (active && map[active]) setActiveCtx(map[active]);
+        const active2 = (hasModel ? cfg.model : void 0) ?? m[0];
+        if (active2 && map[active2]) setActiveCtx(map[active2]);
       }).catch(() => {
       });
     }).catch((err) => {
+      if (stale()) return;
       const msg = err instanceof Error ? err.message : String(err);
-      agent.setError(ollamaInstalled() ? msg : OLLAMA_NOT_INSTALLED);
-      setOllamaDown(true);
+      agent.setError(isAvailable3() ? msg : NOT_AVAILABLE());
+      setProviderDown(true);
       setModels([]);
-      setState(cfg.model ? "ready" : "select-model");
+      setPickerQuery("");
+      setCursor(() => 0);
+      setState("ready");
     });
-  }, []);
+  };
+  useEffect4(loadModels, []);
+  function switchProvider(p) {
+    setProvider(p);
+    setCfg((c) => ({ ...c, provider: p }));
+    setPickerQuery("");
+    setCursor(() => 0);
+    agent.setError(null);
+    loadModels(true);
+  }
+  const { name: provName, entry: provEntry } = resolveProvider(cfg);
+  const q = pickerQuery.toLowerCase();
+  const filteredModels = q ? models.filter((m) => m.toLowerCase().includes(q)) : models;
+  const allProviders = providerEntries(cfg);
+  const filteredProviders = q ? allProviders.filter((p) => p.name.toLowerCase().includes(q)) : allProviders;
   useKeyboard({
     exit,
     state,
     setState,
-    models,
+    models: filteredModels,
     cursor,
     setCursor,
     contexts,
     cfg,
     setCfg,
     setActiveCtx,
+    providers: filteredProviders,
+    pickerQuery,
+    setPickerQuery,
     agent,
     input,
     setInput,
@@ -2808,7 +3319,8 @@ function App() {
     setSessionId,
     sessions,
     setSessions,
-    setNotice
+    setNotice,
+    switchProvider
   });
   const effort = cfg.effort ?? "medium";
   const contextWarning = (() => {
@@ -2819,9 +3331,8 @@ function App() {
     return Math.round(used / activeCtx * 100);
   })();
   return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsx10(WelcomeBlock, { model: cfg.model, activeCtx, effort, cwd, error: agent.error }),
-    updateAvailable && /* @__PURE__ */ jsx10(Box10, { marginLeft: 2, marginBottom: 1, children: /* @__PURE__ */ jsx10(Text10, { color: "yellow", children: `\u2191 update available: v${updateAvailable} \u2014 run: miii --update` }) }),
-    state === "loading" && !agent.error && /* @__PURE__ */ jsx10(Box10, { marginLeft: 2, marginBottom: 1, children: /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "connecting to ollama\u2026" }) }),
+    /* @__PURE__ */ jsx10(WelcomeBlock, { model: cfg.model, activeCtx, effort, cwd, error: agent.error, updateAvailable }),
+    state === "loading" && !agent.error && /* @__PURE__ */ jsx10(Box10, { marginLeft: 2, marginBottom: 1, children: /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: `connecting to ${provName}\u2026` }) }),
     agent.error && state !== "ready" && /* @__PURE__ */ jsx10(
       ChatView,
       {
@@ -2832,19 +3343,26 @@ function App() {
         error: agent.error
       }
     ),
-    state === "select-model" && /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", marginLeft: 2, children: [
-      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "no model configured \u2014 select one" }),
-      /* @__PURE__ */ jsx10(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx10(ModelList, { models, cursor }) }),
-      models.length > 0 && /* @__PURE__ */ jsx10(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "\u2191\u2193 navigate   enter select   ctrl+c quit" }) })
-    ] }),
-    state === "models" && /* @__PURE__ */ jsx10(
+    (state === "select-model" || state === "models") && /* @__PURE__ */ jsx10(
       ModelsView,
       {
-        models,
+        models: filteredModels,
         cursor,
         model: cfg.model,
-        ollamaHost: cfg.ollamaHost,
-        effort
+        host: provEntry.baseUrl,
+        provider: provName,
+        effort,
+        query: pickerQuery,
+        requireSelection: state === "select-model"
+      }
+    ),
+    state === "providers" && /* @__PURE__ */ jsx10(
+      ProviderPicker,
+      {
+        entries: filteredProviders,
+        cursor,
+        activeName: provName,
+        query: pickerQuery
       }
     ),
     state === "sessions" && /* @__PURE__ */ jsx10(SessionsView, { sessions, cursor }),
@@ -2872,24 +3390,33 @@ function App() {
         if (!m) return null;
         return /* @__PURE__ */ jsx10(FilePicker, { matches: searchFiles(process.cwd(), m.query), cursor: filePickerCursor });
       })(),
-      !ollamaDown && /* @__PURE__ */ jsxs10(Fragment2, { children: [
-        /* @__PURE__ */ jsx10(InputBar, { input, disabled: agent.busy, processingLabel: agent.processingLabel }),
-        !agent.busy && /* @__PURE__ */ jsx10(Box10, { marginLeft: 2, marginBottom: 1, children: /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "type / to see commands" }) })
-      ] })
+      /* @__PURE__ */ jsx10(InputBar, { input, disabled: agent.busy, processingLabel: agent.processingLabel }),
+      !agent.busy && /* @__PURE__ */ jsx10(Box10, { marginLeft: 2, marginBottom: 1, children: /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: providerDown ? "provider unavailable \u2014 /provider to switch \xB7 /models to pick a model" : "type / to see commands" }) })
     ] })
   ] });
 }
 
 // src/cli.tsx
 init_spill();
+init_config();
 cleanupSpill();
-var [, , cmd, ...rest] = process.argv;
+var args = process.argv.slice(2);
+var cmd;
+for (let i = 0; i < args.length; i++) {
+  if ((args[i] === "--provider" || args[i] === "-p") && i + 1 < args.length) {
+    const p = args[++i];
+    if (listProviders().includes(p)) setProvider(p);
+  } else if (!cmd) {
+    cmd = args[i];
+  }
+}
 if (cmd === "update" || cmd === "--update" || cmd === "-u") {
   const { spawnSync } = await import("child_process");
   console.log("Updating miii-agent\u2026");
   const r = spawnSync("npm", ["i", "-g", "miii-agent@latest"], { stdio: "inherit", shell: process.platform === "win32" });
   process.exit(r.status ?? 1);
 } else if (cmd === "doctor" || cmd === "eval") {
+  const rest = args.filter((a) => a !== cmd);
   const { runEval: runEval2 } = await Promise.resolve().then(() => (init_run(), run_exports));
   process.exit(await runEval2(rest));
 } else {