miii-agent 0.1.14 → 0.1.15

package/README.md

@@ -16,7 +16,7 @@
   <a href="https://ollama.com"><img src="https://img.shields.io/badge/powered%20by-Ollama-black" alt="powered by Ollama"></a>
 </p>
 
-miii is a local-first AI coding agent that lives in your terminal. Powered by [Ollama](https://ollama.com), it reads your code, writes features, runs tests, and fixes bugs — entirely on your hardware, at native speed.
+miii is a local-first AI coding agent that lives in your terminal. Powered by [Ollama](https://ollama.com) — or any OpenAI-compatible local server like [llama.cpp](https://github.com/ggml-org/llama.cpp) and [LM Studio](https://lmstudio.ai) — it reads your code, writes features, runs tests, and fixes bugs entirely on your hardware, at native speed.
 
 ---
 
@@ -48,7 +48,7 @@ Most AI coding tools are wrappers around cloud APIs. They are slow, expensive, a
 
 miii flips the script:
 
-- **Absolute Privacy** — Powered by Ollama. Your code stays on your disk, period.
+- **Absolute Privacy** — Powered by Ollama, llama.cpp, or any local OpenAI-compatible server. Your code stays on your disk, period.
 - **Zero Friction** — No API keys, no billing, no accounts. Just `miii`.
 - **True Agency** — miii doesn't just chat; it decomposes problems, invokes tools, and verifies results like a senior engineer.
 - **Native Performance** — No network round-trips. Latency is limited by your GPU, not a CDN.
@@ -197,6 +197,35 @@ Settings live in `~/.miii/config.json` and are created on first run.
 | `ollamaHost` | Ollama API endpoint | URL string |
 | `effort` | Controls temperature & limits | `low` \| `medium` \| `high` |
 
+### Other Local Backends
+
+Ollama is the default, but miii talks to any **OpenAI-compatible** local server — so you can run [llama.cpp](https://github.com/ggml-org/llama.cpp) or [LM Studio](https://lmstudio.ai) instead. Your code still never leaves your machine.
+
+Start `llama-server` (ships with llama.cpp), then point a named provider at it:
+
+```bash
+llama-server -m ./qwen2.5-coder-14b.gguf --port 8080
+```
+
+```json
+{
+  "model": "qwen2.5-coder-14b",
+  "provider": "llamacpp",
+  "providers": {
+    "llamacpp": { "type": "openai", "baseUrl": "http://localhost:8080" }
+  }
+}
+```
+
+| Field | Description | Values |
+|-------|-------------|--------|
+| `provider` | Active provider name (keys into `providers`) | e.g. `ollama`, `llamacpp` |
+| `providers.<name>.type` | Wire protocol | `ollama` \| `openai` |
+| `providers.<name>.baseUrl` | Server endpoint | URL string |
+| `providers.<name>.apiKey` | Optional bearer token | string |
+
+Switch the active provider at launch with `miii --provider llamacpp`. Any `openai`-type provider on a `localhost` URL counts as local — no key, no cloud.
+
 ---
 
 ## System Architecture

package/dist/cli.js

@@ -1767,7 +1767,7 @@ import { sep as sep2 } from "path";
 // 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,
@@ -1790,18 +1790,19 @@ 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/InputBar.tsx
-import { useEffect, useState } from "react";
+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;
@@ -1829,7 +1830,7 @@ function InputBar({ input, disabled, processingLabel }) {
       ] })
     }
   );
-}
+});
 
 // src/ui/ModelsView.tsx
 import { Box as Box3, Text as Text3 } from "ink";
@@ -1837,7 +1838,7 @@ 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, { 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: [
@@ -1855,7 +1856,7 @@ function ModelsView({ models, cursor, model, host, provider, effort, query, requ
     /* @__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, { color: sel ? "blue" : void 0, dimColor: !sel, children: [
+      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
@@ -1901,6 +1902,11 @@ function ProviderPicker({ entries, cursor, activeName, query }) {
 // 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);
@@ -1916,13 +1922,16 @@ function SessionsView({ sessions, cursor }) {
     /* @__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 active2 = i === cursor;
-      const label = s.title;
+      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: active2 ? "blue" : void 0, dimColor: !active2, children: [
+        /* @__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" }) })
@@ -2198,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";
@@ -2292,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,
@@ -2302,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 " }),
@@ -2319,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);
     }),
@@ -2346,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";
 }
@@ -2362,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 };
@@ -2412,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: [
@@ -2462,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 " }),
@@ -2477,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) {
@@ -2509,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,
@@ -2540,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: [
@@ -3262,8 +3331,7 @@ 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` }) }),
+    /* @__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,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "miii-agent",
-  "version": "0.1.14",
+  "version": "0.1.15",
   "description": "Terminal AI coding agent powered by Ollama",
   "type": "module",
   "bin": {
@@ -36,6 +36,7 @@
   ],
   "license": "MIT",
   "dependencies": {
+    "cli-highlight": "^2.1.11",
     "execa": "^9.0.0",
     "ink": "^5.0.0",
     "ollama": "^0.5.0",