miii-agent 0.1.4 → 0.1.5

package/dist/cli.js

@@ -6,7 +6,7 @@ import { createElement } from "react";
 
 // src/ui/App.tsx
 import { useState as useState4, useEffect as useEffect3 } from "react";
-import { Box as Box9, Text as Text9, useApp } from "ink";
+import { Box as Box10, Text as Text10, useApp } from "ink";
 import { homedir as homedir2 } from "os";
 import { sep } from "path";
 
@@ -266,19 +266,53 @@ function ModelsView({ models, cursor, model, ollamaHost, effort }) {
   ] });
 }
 
-// src/ui/CommandPalette.tsx
+// 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 relativeTime(iso) {
+  const diff = Date.now() - new Date(iso).getTime();
+  const min = Math.floor(diff / 6e4);
+  if (min < 1) return "just now";
+  if (min < 60) return `${min}m ago`;
+  const hr = Math.floor(min / 60);
+  if (hr < 24) return `${hr}h ago`;
+  const d = Math.floor(hr / 24);
+  return `${d}d ago`;
+}
+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;
+      return /* @__PURE__ */ jsxs5(Box5, { gap: 1, children: [
+        /* @__PURE__ */ jsxs5(Text5, { color: active ? "blue" : void 0, dimColor: !active, children: [
+          active ? "\u276F " : "  ",
+          label
+        ] }),
+        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: `\xB7 ${s.messageCount} msgs \xB7 ${relativeTime(s.updatedAt)}` })
+      ] }, s.id);
+    }) }),
+    /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "\u2191\u2193 navigate   enter resume   d delete   esc cancel" }) })
+  ] });
+}
+
+// src/ui/CommandPalette.tsx
+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: "/new", description: "save current session and start fresh" },
+  { name: "/sessions", description: "list sessions and resume one" },
   { name: "/clear", description: "clear chat and reset context" },
   { name: "/exit", description: "quit miii" }
 ];
 function CommandPalette({ filter, cursor }) {
   const filtered = COMMANDS.filter((c) => c.name.startsWith(filter));
   if (filtered.length === 0) return null;
-  return /* @__PURE__ */ jsxs5(
-    Box5,
+  const nameWidth = Math.max(...filtered.map((c) => c.name.length));
+  return /* @__PURE__ */ jsxs6(
+    Box6,
     {
       flexDirection: "column",
       borderStyle: "round",
@@ -289,15 +323,15 @@ function CommandPalette({ filter, cursor }) {
       children: [
         filtered.map((cmd, i) => {
           const active = i === cursor;
-          return /* @__PURE__ */ jsxs5(Box5, { gap: 1, children: [
-            /* @__PURE__ */ jsxs5(Text5, { bold: active, color: active ? "blue" : void 0, dimColor: !active, children: [
+          return /* @__PURE__ */ jsxs6(Box6, { gap: 2, children: [
+            /* @__PURE__ */ jsxs6(Text6, { bold: active, color: active ? "blue" : void 0, dimColor: !active, children: [
               active ? "\u276F " : "  ",
-              cmd.name
+              cmd.name.padEnd(nameWidth)
             ] }),
-            /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: cmd.description })
+            /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: cmd.description })
           ] }, cmd.name);
         }),
-        /* @__PURE__ */ jsx5(Box5, { marginTop: 0, children: /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "\u2191\u2193 navigate   tab/enter autocomplete   esc dismiss" }) })
+        /* @__PURE__ */ jsx6(Box6, { marginTop: 0, children: /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "\u2191\u2193 navigate   tab/enter autocomplete   esc dismiss" }) })
       ]
     }
   );
@@ -306,11 +340,150 @@ function filteredCommands(filter) {
   return COMMANDS.filter((c) => c.name.startsWith(filter));
 }
 
+// src/session/store.ts
+import { writeFileSync as writeFileSync2, mkdirSync as mkdirSync2, existsSync as existsSync2, readdirSync, readFileSync as readFileSync2, rmSync } from "fs";
+import { join as join2 } from "path";
+import { randomUUID } from "crypto";
+var SESSION_DIR = join2(process.cwd(), ".miii", "session");
+function newSessionId() {
+  return randomUUID();
+}
+function sessionPath(id) {
+  return join2(SESSION_DIR, `${id}.jsonl`);
+}
+function messageText(m) {
+  if (typeof m.content === "string") return m.content;
+  return m.content.map((b) => {
+    if (b.type === "text") return b.text;
+    if (b.type === "tool_use") return `[tool ${b.name}]`;
+    if (b.type === "tool_result") return "[result]";
+    return "";
+  }).join(" ");
+}
+function firstUserText(messages) {
+  const first = messages.find((m) => m.role === "user");
+  if (!first) return "untitled";
+  return messageText(first).trim().slice(0, 80) || "untitled";
+}
+function readMeta(id) {
+  try {
+    const raw = readFileSync2(sessionPath(id), "utf-8");
+    const firstLine = raw.slice(0, raw.indexOf("\n") === -1 ? raw.length : raw.indexOf("\n"));
+    const parsed = JSON.parse(firstLine);
+    if (parsed.type !== "meta") return null;
+    const { type: _t, ...meta } = parsed;
+    return meta;
+  } catch {
+    return null;
+  }
+}
+function persistSession(id, messages, title) {
+  if (!messages.length) return;
+  mkdirSync2(SESSION_DIR, { recursive: true });
+  const existing = readMeta(id);
+  const now = (/* @__PURE__ */ new Date()).toISOString();
+  const meta = {
+    id,
+    createdAt: existing?.createdAt ?? now,
+    updatedAt: now,
+    title: title ?? existing?.title ?? firstUserText(messages),
+    messageCount: messages.length
+  };
+  const lines = [JSON.stringify({ type: "meta", ...meta })];
+  for (const message of messages) {
+    lines.push(JSON.stringify({ type: "message", message }));
+  }
+  writeFileSync2(sessionPath(id), lines.join("\n") + "\n", "utf-8");
+}
+function listSessions() {
+  if (!existsSync2(SESSION_DIR)) return [];
+  const metas = [];
+  for (const file of readdirSync(SESSION_DIR)) {
+    if (!file.endsWith(".jsonl")) continue;
+    const meta = readMeta(file.replace(/\.jsonl$/, ""));
+    if (meta) metas.push(meta);
+  }
+  return metas.sort((a, b) => b.updatedAt.localeCompare(a.updatedAt));
+}
+function deleteSession(id) {
+  try {
+    rmSync(sessionPath(id), { force: true });
+  } catch {
+  }
+}
+function loadSession(id) {
+  try {
+    const raw = readFileSync2(sessionPath(id), "utf-8");
+    const messages = [];
+    for (const line of raw.split("\n")) {
+      if (!line.trim()) continue;
+      const parsed = JSON.parse(line);
+      if (parsed.type === "message") messages.push(parsed.message);
+    }
+    return messages;
+  } catch {
+    return [];
+  }
+}
+function toDisplayMessages(history) {
+  const out = [];
+  for (const m of history) {
+    if (m.role === "system") continue;
+    const blocks = Array.isArray(m.content) ? m.content : [{ type: "text", text: m.content }];
+    if (m.role === "user") {
+      const text = blocks.filter((b) => b.type === "text").map((b) => b.text).join("");
+      const results = blocks.filter((b) => b.type === "tool_result");
+      if (results.length && out.length) {
+        const last = out[out.length - 1];
+        last.tool_results = [
+          ...last.tool_results ?? [],
+          ...results.map((r) => ({
+            tool_use_id: r.tool_use_id,
+            content: r.content,
+            is_error: r.is_error
+          }))
+        ];
+      }
+      if (text.trim()) out.push({ role: "user", content: text });
+    } else {
+      const text = blocks.filter((b) => b.type === "text").map((b) => b.text).join("");
+      const uses = blocks.filter((b) => b.type === "tool_use").map((b) => ({ id: b.id, name: b.name, input: b.input }));
+      out.push({
+        role: "assistant",
+        content: text,
+        tool_uses: uses.length ? uses : void 0
+      });
+    }
+  }
+  return out;
+}
+async function summarizeMessage(model, text) {
+  const fallback = text.trim().slice(0, 80) || "untitled";
+  const prompt = `Summarize this user request as a short title, 3-6 words, no punctuation. Reply with the title only.
+
+Request:
+${text.slice(0, 2e3)}`;
+  try {
+    let out = "";
+    for await (const chunk of chat(
+      model,
+      [{ role: "user", content: prompt }],
+      void 0,
+      { temperature: 0.2, num_predict: 32 }
+    )) {
+      if (chunk.content) out += chunk.content;
+    }
+    return out.trim().split("\n").filter(Boolean)[0]?.trim() || fallback;
+  } catch {
+    return fallback;
+  }
+}
+
 // src/ui/FilePicker.tsx
-import { Box as Box6, Text as Text6 } from "ink";
-import { readdirSync } from "fs";
-import { join as join2, relative } from "path";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Box as Box7, Text as Text7 } from "ink";
+import { readdirSync as readdirSync2 } from "fs";
+import { join as join3, relative } from "path";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var IGNORE = /* @__PURE__ */ new Set(["node_modules", ".git", "dist", "build", ".next", "coverage", ".miii"]);
 var MAX_RESULTS = 10;
 var MAX_SCAN = 2e3;
@@ -323,13 +496,13 @@ function listFiles(cwd) {
     const dir = stack.pop();
     let entries;
     try {
-      entries = readdirSync(dir, { withFileTypes: true });
+      entries = readdirSync2(dir, { withFileTypes: true });
     } catch {
       continue;
     }
     for (const e of entries) {
       if (IGNORE.has(e.name) || e.name.startsWith(".")) continue;
-      const full = join2(dir, e.name);
+      const full = join3(dir, e.name);
       if (e.isDirectory()) stack.push(full);
       else if (e.isFile()) out.push(relative(cwd, full));
       if (out.length >= MAX_SCAN) break;
@@ -363,8 +536,8 @@ function searchFiles(cwd, query) {
 }
 function FilePicker({ matches, cursor }) {
   if (matches.length === 0) return null;
-  return /* @__PURE__ */ jsxs6(
-    Box6,
+  return /* @__PURE__ */ jsxs7(
+    Box7,
     {
       flexDirection: "column",
       borderStyle: "round",
@@ -375,24 +548,24 @@ function FilePicker({ matches, cursor }) {
       children: [
         matches.map((f, i) => {
           const active = i === cursor;
-          return /* @__PURE__ */ jsx6(Box6, { children: /* @__PURE__ */ jsxs6(Text6, { bold: active, color: active ? "blue" : void 0, dimColor: !active, children: [
+          return /* @__PURE__ */ jsx7(Box7, { children: /* @__PURE__ */ jsxs7(Text7, { bold: active, color: active ? "blue" : void 0, dimColor: !active, children: [
             active ? "\u276F " : "  ",
             f
           ] }) }, f);
         }),
-        /* @__PURE__ */ jsx6(Box6, { marginTop: 0, children: /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "\u2191\u2193 navigate   tab insert   esc dismiss" }) })
+        /* @__PURE__ */ jsx7(Box7, { marginTop: 0, children: /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "\u2191\u2193 navigate   tab insert   esc dismiss" }) })
       ]
     }
   );
 }
 
 // src/ui/ChatView.tsx
-import { Box as Box8, Text as Text8 } from "ink";
+import { Box as Box9, Text as Text9 } from "ink";
 
 // src/ui/ThinkingBlock.tsx
 import { useState as useState2, useEffect as useEffect2 } from "react";
-import { Box as Box7, Text as Text7 } from "ink";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Box as Box8, Text as Text8 } from "ink";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
 var globalThinkingVisible = false;
 var listeners = /* @__PURE__ */ new Set();
@@ -418,20 +591,20 @@ function ThinkingBlock({ content }) {
     const t = setInterval(() => setFrame((f) => (f + 1) % FRAMES.length), 80);
     return () => clearInterval(t);
   }, []);
-  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", marginLeft: 2, marginBottom: 1, children: [
-    /* @__PURE__ */ jsxs7(Box7, { children: [
-      /* @__PURE__ */ jsxs7(Text7, { color: "blue", children: [
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", marginLeft: 2, marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs8(Box8, { children: [
+      /* @__PURE__ */ jsxs8(Text8, { color: "blue", children: [
         FRAMES[frame],
         " "
       ] }),
-      /* @__PURE__ */ jsx7(Text7, { dimColor: true, italic: true, children: "thinking\u2026" }),
-      /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
+      /* @__PURE__ */ jsx8(Text8, { dimColor: true, italic: true, children: "thinking\u2026" }),
+      /* @__PURE__ */ jsxs8(Text8, { dimColor: true, children: [
         " \xB7 ctrl+t to ",
         visible ? "hide" : "show",
         " thoughts"
       ] })
     ] }),
-    visible && content ? /* @__PURE__ */ jsx7(Box7, { marginLeft: 2, children: /* @__PURE__ */ jsx7(Text7, { dimColor: true, italic: true, children: content }) }) : null
+    visible && content ? /* @__PURE__ */ jsx8(Box8, { marginLeft: 2, children: /* @__PURE__ */ jsx8(Text8, { dimColor: true, italic: true, children: content }) }) : null
   ] });
 }
 
@@ -439,12 +612,14 @@ function ThinkingBlock({ content }) {
 var EMPTY_STATE_HINTS = [
   "\u2022 explain @file \u2014 reference a file with @",
   "\u2022 /models \u2014 switch model or effort",
-  "\u2022 ctrl+t \u2014 toggle thinking \xB7 esc \u2014 cancel"
+  "\u2022 /new \u2014 start a new chat",
+  "\u2022 /sessions \u2014 view saved chats",
+  "\u2022 ctrl+t \u2014 toggle thinking"
 ];
 var EMPTY_STATE_TITLE = "Ask anything, or try:";
 
 // src/ui/ChatView.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function formatTokens(n) {
   if (n >= 1e3) return (n / 1e3).toFixed(n >= 1e4 ? 0 : 1) + "k";
   return String(n);
@@ -470,27 +645,27 @@ function FileEditBlock({
   const MAX = 16;
   const shown = previewLines.slice(0, MAX);
   const extra = previewLines.length - shown.length;
-  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", marginLeft: 2, children: [
-    /* @__PURE__ */ jsxs8(Box8, { children: [
-      /* @__PURE__ */ jsx8(Text8, { color: "yellow", children: "\u25CF " }),
-      /* @__PURE__ */ jsxs8(Text8, { color: "yellow", children: [
+  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", marginLeft: 2, children: [
+    /* @__PURE__ */ jsxs9(Box9, { children: [
+      /* @__PURE__ */ jsx9(Text9, { color: "yellow", children: "\u25CF " }),
+      /* @__PURE__ */ jsxs9(Text9, { color: "yellow", children: [
         label,
         " "
       ] }),
-      /* @__PURE__ */ jsx8(Text8, { children: "(" }),
-      /* @__PURE__ */ jsx8(Text8, { bold: true, children: path }),
-      /* @__PURE__ */ jsx8(Text8, { children: ")" })
+      /* @__PURE__ */ jsx9(Text9, { children: "(" }),
+      /* @__PURE__ */ jsx9(Text9, { bold: true, children: path }),
+      /* @__PURE__ */ jsx9(Text9, { children: ")" })
     ] }),
-    /* @__PURE__ */ jsx8(Box8, { marginLeft: 2, children: /* @__PURE__ */ jsxs8(Text8, { dimColor: true, children: [
+    /* @__PURE__ */ jsx9(Box9, { marginLeft: 2, children: /* @__PURE__ */ jsxs9(Text9, { dimColor: true, children: [
       "\u23BF  ",
       removed > 0 ? `Added ${added} lines, removed ${removed} lines` : `Added ${added} lines`
     ] }) }),
-    shown.map((ln, i) => /* @__PURE__ */ jsx8(Box8, { marginLeft: 4, children: /* @__PURE__ */ jsxs8(Text8, { color: ln.sign === "+" ? "green" : ln.sign === "-" ? "red" : void 0, dimColor: ln.sign === " ", children: [
+    shown.map((ln, i) => /* @__PURE__ */ jsx9(Box9, { marginLeft: 4, children: /* @__PURE__ */ jsxs9(Text9, { color: ln.sign === "+" ? "green" : ln.sign === "-" ? "red" : void 0, dimColor: ln.sign === " ", children: [
       ln.sign,
       " ",
       ln.text
     ] }) }, i)),
-    extra > 0 && /* @__PURE__ */ jsx8(Box8, { marginLeft: 4, children: /* @__PURE__ */ jsxs8(Text8, { dimColor: true, children: [
+    extra > 0 && /* @__PURE__ */ jsx9(Box9, { marginLeft: 4, children: /* @__PURE__ */ jsxs9(Text9, { dimColor: true, children: [
       "\u2026 ",
       extra,
       " more lines"
@@ -563,7 +738,7 @@ function ToolResultBlock({ result, toolName }) {
   const lines = content.split("\n");
   const showMulti = (toolName === "run_bash" || toolName === "grep" || toolName === "glob" || result.is_error) && lines.length > 1;
   if (!showMulti) {
-    return /* @__PURE__ */ jsx8(Box8, { marginLeft: 2, children: /* @__PURE__ */ jsxs8(Text8, { color: result.is_error ? "red" : void 0, dimColor: !result.is_error, children: [
+    return /* @__PURE__ */ jsx9(Box9, { marginLeft: 2, children: /* @__PURE__ */ jsxs9(Text9, { color: result.is_error ? "red" : void 0, dimColor: !result.is_error, children: [
       "\u23BF  ",
       summarizeResult(result, toolName)
     ] }) });
@@ -572,13 +747,13 @@ function ToolResultBlock({ result, toolName }) {
   const MAX_LINE_WIDTH = 200;
   const shown = lines.slice(0, MAX_LINES).map((l) => truncate(l, MAX_LINE_WIDTH));
   const extra = lines.length - shown.length;
-  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", marginLeft: 2, children: [
-    /* @__PURE__ */ jsxs8(Text8, { color: result.is_error ? "red" : void 0, dimColor: !result.is_error, children: [
+  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", marginLeft: 2, children: [
+    /* @__PURE__ */ jsxs9(Text9, { color: result.is_error ? "red" : void 0, dimColor: !result.is_error, children: [
       "\u23BF  ",
       summarizeResult(result, toolName)
     ] }),
-    shown.map((ln, i) => /* @__PURE__ */ jsx8(Box8, { marginLeft: 4, children: /* @__PURE__ */ jsx8(Text8, { color: result.is_error ? "red" : void 0, dimColor: true, children: ln || " " }) }, i)),
-    extra > 0 && /* @__PURE__ */ jsx8(Box8, { marginLeft: 4, children: /* @__PURE__ */ jsxs8(Text8, { dimColor: true, children: [
+    shown.map((ln, i) => /* @__PURE__ */ jsx9(Box9, { marginLeft: 4, children: /* @__PURE__ */ jsx9(Text9, { color: result.is_error ? "red" : void 0, dimColor: true, children: ln || " " }) }, i)),
+    extra > 0 && /* @__PURE__ */ jsx9(Box9, { marginLeft: 4, children: /* @__PURE__ */ jsxs9(Text9, { dimColor: true, children: [
       "\u2026 ",
       extra,
       " more lines"
@@ -591,7 +766,7 @@ function ToolUseLine({ use, result }) {
     const content = input.content ?? "";
     const added = countLines(content);
     const preview = content.split("\n").map((t) => ({ sign: "+", text: t }));
-    return /* @__PURE__ */ jsx8(FileEditBlock, { label: "Write", path: input.path ?? "", added, removed: 0, previewLines: preview });
+    return /* @__PURE__ */ jsx9(FileEditBlock, { label: "Write", path: input.path ?? "", added, removed: 0, previewLines: preview });
   }
   if (use.name === "edit_file" && !result?.is_error) {
     const input = use.input;
@@ -603,34 +778,34 @@ function ToolUseLine({ use, result }) {
       ...oldS.split("\n").map((t) => ({ sign: "-", text: t })),
       ...newS.split("\n").map((t) => ({ sign: "+", text: t }))
     ];
-    return /* @__PURE__ */ jsx8(FileEditBlock, { label: "Update", path: input.path ?? "", added, removed, previewLines: preview });
+    return /* @__PURE__ */ jsx9(FileEditBlock, { label: "Update", path: input.path ?? "", added, removed, previewLines: preview });
   }
   const { label, arg } = toolHeader(use);
-  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", marginLeft: 2, children: [
-    /* @__PURE__ */ jsxs8(Box8, { children: [
-      /* @__PURE__ */ jsx8(Text8, { color: "yellow", children: "\u25CF " }),
-      /* @__PURE__ */ jsxs8(Text8, { color: "yellow", children: [
+  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", marginLeft: 2, children: [
+    /* @__PURE__ */ jsxs9(Box9, { children: [
+      /* @__PURE__ */ jsx9(Text9, { color: "yellow", children: "\u25CF " }),
+      /* @__PURE__ */ jsxs9(Text9, { color: "yellow", children: [
         label,
         " "
       ] }),
-      /* @__PURE__ */ jsx8(Text8, { children: "(" }),
-      /* @__PURE__ */ jsx8(Text8, { bold: true, children: arg }),
-      /* @__PURE__ */ jsx8(Text8, { children: ")" })
+      /* @__PURE__ */ jsx9(Text9, { children: "(" }),
+      /* @__PURE__ */ jsx9(Text9, { bold: true, children: arg }),
+      /* @__PURE__ */ jsx9(Text9, { children: ")" })
     ] }),
-    result && /* @__PURE__ */ jsx8(ToolResultBlock, { result, toolName: use.name })
+    result && /* @__PURE__ */ jsx9(ToolResultBlock, { result, toolName: use.name })
   ] });
 }
 function AssistantMessage({ msg }) {
-  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", marginBottom: 1, children: [
-    msg.content && /* @__PURE__ */ jsxs8(Box8, { flexDirection: "row", children: [
-      /* @__PURE__ */ jsx8(Text8, { color: "white", children: "\u25CF " }),
-      /* @__PURE__ */ jsx8(Box8, { flexGrow: 1, children: /* @__PURE__ */ jsx8(Text8, { children: msg.content }) })
+  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", marginBottom: 1, children: [
+    msg.content && /* @__PURE__ */ jsxs9(Box9, { flexDirection: "row", children: [
+      /* @__PURE__ */ jsx9(Text9, { color: "white", children: "\u25CF " }),
+      /* @__PURE__ */ jsx9(Box9, { flexGrow: 1, children: /* @__PURE__ */ jsx9(Text9, { children: msg.content }) })
     ] }),
     msg.tool_uses?.map((u) => {
       const r = msg.tool_results?.find((x) => x.tool_use_id === u.id);
-      return /* @__PURE__ */ jsx8(ToolUseLine, { use: u, result: r }, u.id);
+      return /* @__PURE__ */ jsx9(ToolUseLine, { use: u, result: r }, u.id);
     }),
-    msg.tokens && /* @__PURE__ */ jsx8(Box8, { marginLeft: 2, children: /* @__PURE__ */ jsxs8(Text8, { dimColor: true, children: [
+    msg.tokens && /* @__PURE__ */ jsx9(Box9, { marginLeft: 2, children: /* @__PURE__ */ jsxs9(Text9, { dimColor: true, children: [
       `\u21B3 Completed \xB7 ${formatTokens(msg.tokens.prompt_eval + msg.tokens.eval)} tokens`,
       msg.duration != null ? ` \xB7 ${formatDuration(msg.duration)}` : ""
     ] }) })
@@ -659,15 +834,15 @@ function PermissionPrompt({ req, cursor }) {
     { label: "No", key: "no" }
   ];
   const summary = summarizeInput(req.input);
-  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", marginBottom: 1, borderStyle: "round", borderColor: "blue", paddingX: 1, children: [
-    /* @__PURE__ */ jsx8(Text8, { color: "blue", bold: true, children: "Tool use" }),
-    /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsxs8(Text8, { children: [
+  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", marginBottom: 1, borderStyle: "round", borderColor: "blue", paddingX: 1, children: [
+    /* @__PURE__ */ jsx9(Text9, { color: "blue", bold: true, children: "Tool use" }),
+    /* @__PURE__ */ jsx9(Box9, { marginTop: 1, children: /* @__PURE__ */ jsxs9(Text9, { children: [
       "Allow ",
-      /* @__PURE__ */ jsx8(Text8, { bold: true, children: label }),
+      /* @__PURE__ */ jsx9(Text9, { bold: true, children: label }),
       "?"
     ] }) }),
-    summary && /* @__PURE__ */ jsx8(Box8, { marginLeft: 2, children: /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: summary }) }),
-    /* @__PURE__ */ jsx8(Box8, { flexDirection: "column", marginTop: 1, children: options.map((opt, i) => /* @__PURE__ */ jsxs8(Text8, { color: i === cursor ? "blue" : void 0, children: [
+    summary && /* @__PURE__ */ jsx9(Box9, { marginLeft: 2, children: /* @__PURE__ */ jsx9(Text9, { 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,
       ". ",
@@ -688,33 +863,33 @@ function ChatView({
   activeToolResults
 }) {
   const empty = messages.length === 0 && !streaming && !thinking && !pendingPermission && !error;
-  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", marginLeft: 1, marginBottom: 1, children: [
-    empty && /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", marginBottom: 1, children: [
-      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: EMPTY_STATE_TITLE }),
-      EMPTY_STATE_HINTS.map((h, i) => /* @__PURE__ */ jsxs8(Text8, { dimColor: true, children: [
+  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", marginLeft: 1, marginBottom: 1, children: [
+    empty && /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", marginBottom: 1, children: [
+      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: EMPTY_STATE_TITLE }),
+      EMPTY_STATE_HINTS.map((h, i) => /* @__PURE__ */ jsxs9(Text9, { dimColor: true, children: [
         "  ",
         h
       ] }, i))
     ] }),
     messages.map(
-      (msg, i) => msg.role === "user" ? /* @__PURE__ */ jsxs8(Box8, { flexDirection: "row", marginBottom: 1, children: [
-        /* @__PURE__ */ jsx8(Text8, { color: "blue", children: "\u25CF " }),
-        /* @__PURE__ */ jsx8(Box8, { flexGrow: 1, children: /* @__PURE__ */ jsx8(Text8, { children: msg.content }) })
-      ] }, i) : /* @__PURE__ */ jsx8(AssistantMessage, { msg }, i)
+      (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)
     ),
-    thinking && /* @__PURE__ */ jsx8(ThinkingBlock, { content: thinkingContent }),
-    streaming && streamingContent && /* @__PURE__ */ jsxs8(Box8, { flexDirection: "row", marginBottom: 1, children: [
-      /* @__PURE__ */ jsx8(Text8, { color: "white", children: "\u25CF " }),
-      /* @__PURE__ */ jsx8(Box8, { flexGrow: 1, children: /* @__PURE__ */ jsx8(Text8, { children: streamingContent }) })
+    thinking && /* @__PURE__ */ jsx9(ThinkingBlock, { content: thinkingContent }),
+    streaming && streamingContent && /* @__PURE__ */ jsxs9(Box9, { flexDirection: "row", marginBottom: 1, children: [
+      /* @__PURE__ */ jsx9(Text9, { color: "white", children: "\u25CF " }),
+      /* @__PURE__ */ jsx9(Box9, { flexGrow: 1, children: /* @__PURE__ */ jsx9(Text9, { children: streamingContent }) })
     ] }),
     activeToolUses?.map((u) => {
       const r = activeToolResults?.find((x) => x.tool_use_id === u.id);
-      return /* @__PURE__ */ jsx8(ToolUseLine, { use: u, result: r }, u.id);
+      return /* @__PURE__ */ jsx9(ToolUseLine, { use: u, result: r }, u.id);
     }),
-    pendingPermission && /* @__PURE__ */ jsx8(PermissionPrompt, { req: pendingPermission, cursor: permissionCursor }),
-    error && /* @__PURE__ */ jsxs8(Box8, { flexDirection: "row", marginBottom: 1, children: [
-      /* @__PURE__ */ jsx8(Text8, { color: "red", children: "\u25CF " }),
-      /* @__PURE__ */ jsx8(Text8, { color: "red", children: error })
+    pendingPermission && /* @__PURE__ */ jsx9(PermissionPrompt, { req: pendingPermission, cursor: permissionCursor }),
+    error && /* @__PURE__ */ jsxs9(Box9, { flexDirection: "row", marginBottom: 1, children: [
+      /* @__PURE__ */ jsx9(Text9, { color: "red", children: "\u25CF " }),
+      /* @__PURE__ */ jsx9(Text9, { color: "red", children: error })
     ] })
   ] });
 }
@@ -723,7 +898,7 @@ function ChatView({
 import { useState as useState3, useRef } from "react";
 
 // src/tools/edit_file.ts
-import { readFileSync as readFileSync2, writeFileSync as writeFileSync2 } from "fs";
+import { readFileSync as readFileSync3, writeFileSync as writeFileSync3 } from "fs";
 var edit_file = {
   name: "edit_file",
   description: "Replace an exact string in a file. old_str must be unique.",
@@ -737,7 +912,7 @@ var edit_file = {
     required: ["path", "old_str", "new_str"]
   },
   handler: ({ path, old_str, new_str }) => {
-    const src = readFileSync2(path, "utf-8");
+    const src = readFileSync3(path, "utf-8");
     const first = src.indexOf(old_str);
     if (first === -1) {
       return { content: `old_str not found in ${path}`, is_error: true };
@@ -745,13 +920,13 @@ var edit_file = {
     if (src.indexOf(old_str, first + 1) !== -1) {
       return { content: `old_str not unique in ${path}`, is_error: true };
     }
-    writeFileSync2(path, src.slice(0, first) + new_str + src.slice(first + old_str.length), "utf-8");
+    writeFileSync3(path, src.slice(0, first) + new_str + src.slice(first + old_str.length), "utf-8");
     return { content: `Edited ${path}` };
   }
 };
 
 // src/tools/read_file.ts
-import { readFileSync as readFileSync3 } from "fs";
+import { readFileSync as readFileSync4 } from "fs";
 var read_file = {
   name: "read_file",
   description: "Read entire file contents as UTF-8 text.",
@@ -765,7 +940,7 @@ var read_file = {
   handler: ({ path }) => {
     try {
       const MAX = 2e5;
-      const raw = readFileSync3(path, "utf-8");
+      const raw = readFileSync4(path, "utf-8");
       const truncated = raw.length > MAX;
       const body = truncated ? raw.slice(0, MAX) + `
 [truncated: ${raw.length - MAX} more chars]` : raw;
@@ -777,7 +952,7 @@ var read_file = {
 };
 
 // src/tools/write_file.ts
-import { writeFileSync as writeFileSync3, mkdirSync as mkdirSync2 } from "fs";
+import { writeFileSync as writeFileSync4, mkdirSync as mkdirSync3 } from "fs";
 import { dirname } from "path";
 var write_file = {
   name: "write_file",
@@ -792,8 +967,8 @@ var write_file = {
   },
   handler: ({ path, content }) => {
     try {
-      mkdirSync2(dirname(path), { recursive: true });
-      writeFileSync3(path, content, "utf-8");
+      mkdirSync3(dirname(path), { recursive: true });
+      writeFileSync4(path, content, "utf-8");
       return { content: `Wrote ${path} (${content.length} bytes)` };
     } catch (err) {
       return { content: err instanceof Error ? err.message : String(err), is_error: true };
@@ -1582,19 +1757,28 @@ function useKeyboard(opts) {
     cfg,
     setCfg,
     setActiveCtx,
-    pendingPermissionRef,
-    permissionCursor,
-    setPermissionCursor,
-    resolvePermission,
-    busyRef,
-    abortRef,
+    agent,
     input,
     setInput,
     paletteCursor,
     setPaletteCursor,
     filePickerCursor,
     setFilePickerCursor,
+    sessionId,
+    setSessionId,
+    sessions,
+    setSessions,
+    setNotice
+  } = opts;
+  const {
+    pendingPermissionRef,
+    permissionCursor,
+    setPermissionCursor,
+    resolvePermission,
+    busyRef,
+    abortRef,
     sendMessage,
+    agentHistory,
     setMessages,
     setAgentHistory,
     setStreamingContent,
@@ -1602,7 +1786,17 @@ function useKeyboard(opts) {
     setActiveToolUses,
     setActiveToolResults,
     setError
-  } = opts;
+  } = agent;
+  function clearSession() {
+    setMessages(() => []);
+    setAgentHistory([]);
+    setStreamingContent("");
+    setThinkingContent("");
+    setActiveToolUses([]);
+    setActiveToolResults([]);
+    setError(null);
+    setNotice(null);
+  }
   const effort = cfg.effort ?? "medium";
   useInput((char, key) => {
     if (key.ctrl && char === "c") {
@@ -1649,6 +1843,44 @@ function useKeyboard(opts) {
       }
       return;
     }
+    if (state === "sessions") {
+      if (key.upArrow) {
+        setCursor((i) => Math.max(0, i - 1));
+        return;
+      }
+      if (key.downArrow) {
+        setCursor((i) => Math.min(sessions.length - 1, i + 1));
+        return;
+      }
+      if (key.escape) {
+        setState("ready");
+        return;
+      }
+      if ((char === "d" || char === "x" || key.delete || key.backspace) && sessions[cursor]) {
+        const meta = sessions[cursor];
+        deleteSession(meta.id);
+        const next = listSessions();
+        setSessions(next);
+        setCursor((i) => Math.max(0, Math.min(i, next.length - 1)));
+        setNotice(`deleted \xB7 ${meta.title}`);
+        return;
+      }
+      if (key.return && sessions[cursor]) {
+        const meta = sessions[cursor];
+        const history = loadSession(meta.id);
+        setAgentHistory(history);
+        setMessages(toDisplayMessages(history));
+        setStreamingContent("");
+        setThinkingContent("");
+        setActiveToolUses([]);
+        setActiveToolResults([]);
+        setError(null);
+        setSessionId(meta.id);
+        setNotice(`resumed \xB7 ${meta.title}`);
+        setState("ready");
+      }
+      return;
+    }
     if (state === "ready" && pendingPermissionRef.current) {
       if (key.upArrow) {
         setPermissionCursor((i) => Math.max(0, i - 1));
@@ -1713,16 +1945,30 @@ function useKeyboard(opts) {
           setCursor(() => Math.max(0, models.findIndex((m) => m === cfg.model)));
           setState("models");
         } else if (trimmed === "/clear") {
-          setMessages(() => []);
-          setAgentHistory([]);
-          setStreamingContent("");
-          setThinkingContent("");
-          setActiveToolUses([]);
-          setActiveToolResults([]);
-          setError(null);
+          clearSession();
+        } else if (trimmed === "/new") {
+          if (agentHistory.length) setNotice("session saved");
+          setSessionId(newSessionId());
+          clearSession();
+        } else if (trimmed === "/sessions") {
+          setSessions(listSessions());
+          setCursor(() => 0);
+          setState("sessions");
         } else if (trimmed === "/exit") {
           exit();
         } else if (trimmed) {
+          setNotice(null);
+          if (!agentHistory.length && cfg.model) {
+            const id = sessionId;
+            const model = cfg.model;
+            void (async () => {
+              try {
+                const title = await summarizeMessage(model, trimmed);
+                persistSession(id, [{ role: "user", content: trimmed }], title);
+              } catch {
+              }
+            })();
+          }
           sendMessage(trimmed);
         }
         setInput(() => "");
@@ -1782,7 +2028,7 @@ async function checkForUpdate() {
 }
 
 // src/ui/App.tsx
-import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 function App() {
   const { exit } = useApp();
   const cwd = process.cwd().replace(homedir2(), "~").split(sep).join("/");
@@ -1793,6 +2039,9 @@ function App() {
   const [state, setState] = useState4("loading");
   const [cursor, setCursor] = useState4(0);
   const [updateAvailable, setUpdateAvailable] = useState4(null);
+  const [sessionId, setSessionId] = useState4(() => newSessionId());
+  const [sessions, setSessions] = useState4([]);
+  const [notice, setNotice] = useState4(null);
   const [input, setInput] = useState4("");
   const [paletteCursor, setPaletteCursor] = useState4(0);
   const [filePickerCursor, setFilePickerCursor] = useState4(0);
@@ -1802,6 +2051,9 @@ function App() {
       if (v) setUpdateAvailable(v);
     });
   }, []);
+  useEffect3(() => {
+    if (agent.agentHistory.length) persistSession(sessionId, agent.agentHistory);
+  }, [agent.agentHistory, sessionId]);
   useEffect3(() => {
     listModels().then((m) => {
       setModels(m);
@@ -1831,26 +2083,18 @@ function App() {
     cfg,
     setCfg,
     setActiveCtx,
-    pendingPermissionRef: agent.pendingPermissionRef,
-    permissionCursor: agent.permissionCursor,
-    setPermissionCursor: agent.setPermissionCursor,
-    resolvePermission: agent.resolvePermission,
-    busyRef: agent.busyRef,
-    abortRef: agent.abortRef,
+    agent,
     input,
     setInput,
     paletteCursor,
     setPaletteCursor,
     filePickerCursor,
     setFilePickerCursor,
-    sendMessage: agent.sendMessage,
-    setMessages: agent.setMessages,
-    setAgentHistory: agent.setAgentHistory,
-    setStreamingContent: agent.setStreamingContent,
-    setThinkingContent: agent.setThinkingContent,
-    setActiveToolUses: agent.setActiveToolUses,
-    setActiveToolResults: agent.setActiveToolResults,
-    setError: agent.setError
+    sessionId,
+    setSessionId,
+    sessions,
+    setSessions,
+    setNotice
   });
   const effort = cfg.effort ?? "medium";
   const contextWarning = (() => {
@@ -1860,11 +2104,11 @@ function App() {
     if (used < activeCtx * 0.7) return null;
     return Math.round(used / activeCtx * 100);
   })();
-  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsx9(WelcomeBlock, { model: cfg.model, activeCtx, effort, cwd, error: agent.error }),
-    updateAvailable && /* @__PURE__ */ jsx9(Box9, { marginLeft: 2, marginBottom: 1, children: /* @__PURE__ */ jsx9(Text9, { color: "yellow", children: `\u2191 update available: v${updateAvailable} \u2014 run: npm i -g miii-agent` }) }),
-    state === "loading" && !agent.error && /* @__PURE__ */ jsx9(Box9, { marginLeft: 2, marginBottom: 1, children: /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "connecting to ollama\u2026" }) }),
-    agent.error && state !== "ready" && /* @__PURE__ */ jsx9(
+  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: npm i -g miii-agent` }) }),
+    state === "loading" && !agent.error && /* @__PURE__ */ jsx10(Box10, { marginLeft: 2, marginBottom: 1, children: /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "connecting to ollama\u2026" }) }),
+    agent.error && state !== "ready" && /* @__PURE__ */ jsx10(
       ChatView,
       {
         messages: [],
@@ -1874,12 +2118,12 @@ function App() {
         error: agent.error
       }
     ),
-    state === "select-model" && /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", marginLeft: 2, children: [
-      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "no model configured \u2014 select one" }),
-      /* @__PURE__ */ jsx9(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx9(ModelList, { models, cursor }) }),
-      models.length > 0 && /* @__PURE__ */ jsx9(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "\u2191\u2193 navigate   enter select   ctrl+c quit" }) })
+    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__ */ jsx9(
+    state === "models" && /* @__PURE__ */ jsx10(
       ModelsView,
       {
         models,
@@ -1889,8 +2133,10 @@ function App() {
         effort
       }
     ),
-    state === "ready" && /* @__PURE__ */ jsxs9(Fragment2, { children: [
-      /* @__PURE__ */ jsx9(
+    state === "sessions" && /* @__PURE__ */ jsx10(SessionsView, { sessions, cursor }),
+    state === "ready" && /* @__PURE__ */ jsxs10(Fragment2, { children: [
+      notice && /* @__PURE__ */ jsx10(Box10, { marginLeft: 2, marginBottom: 1, children: /* @__PURE__ */ jsx10(Text10, { color: "green", children: `\u2713 ${notice}` }) }),
+      /* @__PURE__ */ jsx10(
         ChatView,
         {
           messages: agent.messages,
@@ -1905,15 +2151,15 @@ function App() {
           activeToolResults: agent.activeToolResults
         }
       ),
-      input.startsWith("/") && /* @__PURE__ */ jsx9(CommandPalette, { filter: input, cursor: paletteCursor }),
-      contextWarning !== null && /* @__PURE__ */ jsx9(Box9, { marginLeft: 2, marginBottom: 1, children: /* @__PURE__ */ jsx9(Text9, { color: "yellow", children: `\u26A0 context ${contextWarning}% full \u2014 run /clear and start fresh` }) }),
+      input.startsWith("/") && /* @__PURE__ */ jsx10(CommandPalette, { filter: input, cursor: paletteCursor }),
+      contextWarning !== null && /* @__PURE__ */ jsx10(Box10, { marginLeft: 2, marginBottom: 1, children: /* @__PURE__ */ jsx10(Text10, { color: "yellow", children: `\u26A0 context ${contextWarning}% full \u2014 run /clear and start fresh` }) }),
       !input.startsWith("/") && (() => {
         const m = parseMention(input);
         if (!m) return null;
-        return /* @__PURE__ */ jsx9(FilePicker, { matches: searchFiles(process.cwd(), m.query), cursor: filePickerCursor });
+        return /* @__PURE__ */ jsx10(FilePicker, { matches: searchFiles(process.cwd(), m.query), cursor: filePickerCursor });
       })(),
-      /* @__PURE__ */ jsx9(InputBar, { input, disabled: agent.busy, processingLabel: agent.processingLabel }),
-      !agent.busy && /* @__PURE__ */ jsx9(Box9, { marginLeft: 2, marginBottom: 1, children: /* @__PURE__ */ jsx9(Text9, { 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: "type / to see commands" }) })
     ] })
   ] });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "miii-agent",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Terminal AI coding agent powered by Ollama",
   "type": "module",
   "bin": {