open-research 0.1.12 → 0.1.14

package/dist/cli.js

@@ -7,7 +7,7 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // src/cli.ts
-import React4 from "react";
+import React5 from "react";
 import path21 from "path";
 import { Command } from "commander";
 import { render } from "ink";
@@ -811,7 +811,7 @@ function formatDateTime(value) {
 }
 
 // src/lib/cli/version.ts
-var PACKAGE_VERSION = "0.1.12";
+var PACKAGE_VERSION = "0.1.14";
 function getPackageVersion() {
   return PACKAGE_VERSION;
 }
@@ -865,11 +865,11 @@ import {
   startTransition,
   useDeferredValue,
   useEffect as useEffect2,
-  useMemo as useMemo2,
+  useMemo as useMemo3,
   useRef,
-  useState as useState3
+  useState as useState4
 } from "react";
-import { Box as Box4, Text as Text4, useApp, useInput as useInput3 } from "ink";
+import { Box as Box5, Text as Text5, useApp, useInput as useInput4 } from "ink";
 
 // src/tui/text-input.tsx
 import { useState, useEffect } from "react";
@@ -5634,6 +5634,104 @@ function ConfigScreen({ items, onUpdate, onClose }) {
   ] });
 }
 
+// src/tui/session-picker.tsx
+import { useMemo as useMemo2, useState as useState3 } from "react";
+import { Box as Box3, Text as Text3, useInput as useInput3 } from "ink";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function timeAgo(dateStr) {
+  const seconds = Math.floor((Date.now() - new Date(dateStr).getTime()) / 1e3);
+  if (seconds < 60) return `${seconds}s ago`;
+  const minutes = Math.floor(seconds / 60);
+  if (minutes < 60) return `${minutes}m ago`;
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) return `${hours}h ago`;
+  const days = Math.floor(hours / 24);
+  if (days < 30) return `${days}d ago`;
+  return new Date(dateStr).toLocaleDateString();
+}
+function SessionPicker({ sessions, onSelect, onCancel }) {
+  const [filter, setFilter] = useState3("");
+  const [selectedIndex, setSelectedIndex] = useState3(0);
+  const filtered = useMemo2(() => {
+    if (!filter) return sessions;
+    const search = filter.toLowerCase();
+    return sessions.filter(
+      (s) => s.preview.toLowerCase().includes(search) || s.id.toLowerCase().includes(search)
+    );
+  }, [sessions, filter]);
+  const clampedIndex = Math.min(selectedIndex, Math.max(0, filtered.length - 1));
+  useInput3((input2, key) => {
+    if (key.escape) {
+      onCancel();
+      return;
+    }
+    if (key.upArrow) {
+      setSelectedIndex((i) => Math.max(0, i - 1));
+      return;
+    }
+    if (key.downArrow) {
+      setSelectedIndex((i) => Math.min(filtered.length - 1, i + 1));
+      return;
+    }
+    if (key.return && filtered.length > 0) {
+      onSelect(filtered[clampedIndex]);
+      return;
+    }
+    if (key.backspace || key.delete) {
+      setFilter((f) => f.slice(0, -1));
+      setSelectedIndex(0);
+      return;
+    }
+    if (key.ctrl && input2 === "u") {
+      setFilter("");
+      setSelectedIndex(0);
+      return;
+    }
+    if (!key.ctrl && !key.meta && !key.tab && input2.length === 1 && input2 >= " ") {
+      setFilter((f) => f + input2);
+      setSelectedIndex(0);
+    }
+  });
+  return /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", paddingX: 1, paddingY: 1, children: [
+    /* @__PURE__ */ jsx3(Text3, { bold: true, color: "cyan", children: "Resume Session" }),
+    /* @__PURE__ */ jsx3(
+      Box3,
+      {
+        borderStyle: "single",
+        borderColor: filter ? "cyan" : "gray",
+        paddingX: 1,
+        marginTop: 1,
+        marginBottom: 1,
+        children: /* @__PURE__ */ jsx3(Text3, { color: "gray", children: filter ? filter : "Type to search..." })
+      }
+    ),
+    filtered.length === 0 ? /* @__PURE__ */ jsx3(Text3, { color: "gray", children: filter ? "No matching sessions." : "No sessions found." }) : /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", children: filtered.slice(0, 15).map((session, idx) => {
+      const isSelected = idx === clampedIndex;
+      const indicator = isSelected ? "\u203A" : " ";
+      const preview = session.preview || "(empty session)";
+      const age = timeAgo(session.lastActivity);
+      const turns = `${session.turnCount} turn${session.turnCount !== 1 ? "s" : ""}`;
+      return /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", marginBottom: isSelected ? 1 : 0, children: [
+        /* @__PURE__ */ jsxs2(Box3, { children: [
+          /* @__PURE__ */ jsxs2(Text3, { color: isSelected ? "cyan" : "gray", children: [
+            indicator,
+            " "
+          ] }),
+          /* @__PURE__ */ jsx3(Text3, { color: isSelected ? "white" : "gray", bold: isSelected, children: preview.length > 70 ? preview.slice(0, 70) + "\u2026" : preview })
+        ] }),
+        isSelected && /* @__PURE__ */ jsx3(Box3, { marginLeft: 2, children: /* @__PURE__ */ jsxs2(Text3, { color: "gray", dimColor: true, children: [
+          age,
+          " \xB7 ",
+          turns,
+          " \xB7 ",
+          session.id.slice(0, 8)
+        ] }) })
+      ] }, session.id);
+    }) }),
+    /* @__PURE__ */ jsx3(Box3, { marginTop: 1, children: /* @__PURE__ */ jsx3(Text3, { color: "gray", dimColor: true, children: "\u2191\u2193 navigate \xB7 Enter select \xB7 Type to search \xB7 Esc cancel" }) })
+  ] });
+}
+
 // src/lib/cli/update-check.ts
 import fs18 from "fs/promises";
 import path17 from "path";
@@ -6262,7 +6360,7 @@ function truncate2(value, max = 96) {
 }
 
 // src/tui/components.tsx
-import { Box as Box3, Text as Text3 } from "ink";
+import { Box as Box4, Text as Text4 } from "ink";
 
 // src/tui/markdown.ts
 function renderMarkdown(text) {
@@ -6363,7 +6461,7 @@ function renderInline(text) {
 }
 
 // src/tui/components.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var GUTTER = {
   user: "\u203A",
   agent: "\u25AA",
@@ -6376,45 +6474,45 @@ var GUTTER = {
   active: "\u25CF"
 };
 function UserMessage({ text }) {
-  return /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsxs2(Box3, { children: [
-      /* @__PURE__ */ jsxs2(Text3, { color: "cyan", bold: true, children: [
+  return /* @__PURE__ */ jsxs3(Box4, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs3(Box4, { children: [
+      /* @__PURE__ */ jsxs3(Text4, { color: "cyan", bold: true, children: [
         GUTTER.user,
         " "
       ] }),
-      /* @__PURE__ */ jsx3(Text3, { bold: true, color: "cyan", children: "you" })
+      /* @__PURE__ */ jsx4(Text4, { bold: true, color: "cyan", children: "you" })
     ] }),
-    /* @__PURE__ */ jsx3(Box3, { marginLeft: 2, children: /* @__PURE__ */ jsx3(Text3, { children: text }) })
+    /* @__PURE__ */ jsx4(Box4, { marginLeft: 2, children: /* @__PURE__ */ jsx4(Text4, { children: text }) })
   ] });
 }
 function AgentMessage({ text }) {
   const rendered = renderMarkdown(text);
-  return /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsxs2(Box3, { children: [
-      /* @__PURE__ */ jsxs2(Text3, { color: "green", bold: true, children: [
+  return /* @__PURE__ */ jsxs3(Box4, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs3(Box4, { children: [
+      /* @__PURE__ */ jsxs3(Text4, { color: "green", bold: true, children: [
         GUTTER.agent,
         " "
       ] }),
-      /* @__PURE__ */ jsx3(Text3, { bold: true, color: "green", children: "agent" })
+      /* @__PURE__ */ jsx4(Text4, { bold: true, color: "green", children: "agent" })
     ] }),
-    /* @__PURE__ */ jsx3(Box3, { marginLeft: 2, children: /* @__PURE__ */ jsx3(Text3, { children: rendered }) })
+    /* @__PURE__ */ jsx4(Box4, { marginLeft: 2, children: /* @__PURE__ */ jsx4(Text4, { children: rendered }) })
   ] });
 }
 function SystemMessage({ text }) {
   if (text.trimStart().startsWith("\u2713") || text.trimStart().startsWith("\u2717")) {
-    return /* @__PURE__ */ jsx3(Box3, { marginLeft: 2, children: /* @__PURE__ */ jsx3(Text3, { color: "gray", dimColor: true, children: text }) });
+    return /* @__PURE__ */ jsx4(Box4, { marginLeft: 2, children: /* @__PURE__ */ jsx4(Text4, { color: "gray", dimColor: true, children: text }) });
   }
   if (text.includes("compacted") || text.includes("Context")) {
-    return /* @__PURE__ */ jsx3(Box3, { marginLeft: 2, children: /* @__PURE__ */ jsxs2(Text3, { color: "yellow", dimColor: true, children: [
+    return /* @__PURE__ */ jsx4(Box4, { marginLeft: 2, children: /* @__PURE__ */ jsxs3(Text4, { color: "yellow", dimColor: true, children: [
       GUTTER.system,
       " ",
       text.trim()
     ] }) });
   }
   if (text.trimStart().startsWith(">")) {
-    return /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsx3(Text3, { color: "gray", dimColor: true, children: text }) });
+    return /* @__PURE__ */ jsx4(Box4, { children: /* @__PURE__ */ jsx4(Text4, { color: "gray", dimColor: true, children: text }) });
   }
-  return /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsxs2(Text3, { color: "gray", children: [
+  return /* @__PURE__ */ jsx4(Box4, { children: /* @__PURE__ */ jsxs3(Text4, { color: "gray", children: [
     GUTTER.system,
     " ",
     text.trim()
@@ -6427,18 +6525,18 @@ function PromptPrefix({
   mode
 }) {
   if (hasQuestion) {
-    return /* @__PURE__ */ jsxs2(Text3, { color: "yellow", children: [
+    return /* @__PURE__ */ jsxs3(Text4, { color: "yellow", children: [
       GUTTER.question,
       " "
     ] });
   }
   if (busy) {
-    return /* @__PURE__ */ jsxs2(Text3, { color: "yellow", children: [
+    return /* @__PURE__ */ jsxs3(Text4, { color: "yellow", children: [
       frame,
       " "
     ] });
   }
-  return /* @__PURE__ */ jsxs2(Text3, { color: "cyan", children: [
+  return /* @__PURE__ */ jsxs3(Text4, { color: "cyan", children: [
     GUTTER.user,
     " "
   ] });
@@ -6447,8 +6545,8 @@ function PendingUpdateCard({
   count,
   summary
 }) {
-  return /* @__PURE__ */ jsxs2(
-    Box3,
+  return /* @__PURE__ */ jsxs3(
+    Box4,
     {
       borderStyle: "single",
       borderColor: "magenta",
@@ -6456,23 +6554,23 @@ function PendingUpdateCard({
       marginBottom: 1,
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsxs2(Box3, { children: [
-          /* @__PURE__ */ jsxs2(Text3, { color: "magenta", bold: true, children: [
+        /* @__PURE__ */ jsxs3(Box4, { children: [
+          /* @__PURE__ */ jsxs3(Text4, { color: "magenta", bold: true, children: [
             GUTTER.pending,
             " "
           ] }),
-          /* @__PURE__ */ jsxs2(Text3, { bold: true, color: "magenta", children: [
+          /* @__PURE__ */ jsxs3(Text4, { bold: true, color: "magenta", children: [
             count,
             " update",
             count > 1 ? "s" : "",
             " awaiting review"
           ] })
         ] }),
-        /* @__PURE__ */ jsx3(Box3, { marginLeft: 2, children: /* @__PURE__ */ jsx3(Text3, { color: "gray", children: summary }) }),
-        /* @__PURE__ */ jsx3(Box3, { marginLeft: 2, marginTop: 0, children: /* @__PURE__ */ jsxs2(Text3, { color: "gray", dimColor: true, children: [
-          /* @__PURE__ */ jsx3(Text3, { bold: true, color: "green", children: "a" }),
+        /* @__PURE__ */ jsx4(Box4, { marginLeft: 2, children: /* @__PURE__ */ jsx4(Text4, { color: "gray", children: summary }) }),
+        /* @__PURE__ */ jsx4(Box4, { marginLeft: 2, marginTop: 0, children: /* @__PURE__ */ jsxs3(Text4, { color: "gray", dimColor: true, children: [
+          /* @__PURE__ */ jsx4(Text4, { bold: true, color: "green", children: "a" }),
           " accept  ",
-          /* @__PURE__ */ jsx3(Text3, { bold: true, color: "red", children: "r" }),
+          /* @__PURE__ */ jsx4(Text4, { bold: true, color: "red", children: "r" }),
           " reject"
         ] }) })
       ]
@@ -6483,8 +6581,8 @@ function QuestionCard({
   question,
   options
 }) {
-  return /* @__PURE__ */ jsxs2(
-    Box3,
+  return /* @__PURE__ */ jsxs3(
+    Box4,
     {
       borderStyle: "single",
       borderColor: "yellow",
@@ -6492,26 +6590,26 @@ function QuestionCard({
       marginBottom: 0,
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsxs2(Box3, { children: [
-          /* @__PURE__ */ jsxs2(Text3, { color: "yellow", bold: true, children: [
+        /* @__PURE__ */ jsxs3(Box4, { children: [
+          /* @__PURE__ */ jsxs3(Text4, { color: "yellow", bold: true, children: [
             GUTTER.question,
             " "
           ] }),
-          /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellow", children: "Agent needs your input" })
+          /* @__PURE__ */ jsx4(Text4, { bold: true, color: "yellow", children: "Agent needs your input" })
         ] }),
-        /* @__PURE__ */ jsx3(Box3, { marginLeft: 2, marginTop: 0, children: /* @__PURE__ */ jsx3(Text3, { children: question }) }),
-        options.length > 0 && /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", marginLeft: 2, marginTop: 1, children: options.map((opt, idx) => /* @__PURE__ */ jsxs2(Box3, { children: [
-          /* @__PURE__ */ jsx3(Text3, { color: "cyan", bold: true, children: idx + 1 }),
-          /* @__PURE__ */ jsxs2(Text3, { children: [
+        /* @__PURE__ */ jsx4(Box4, { marginLeft: 2, marginTop: 0, children: /* @__PURE__ */ jsx4(Text4, { children: question }) }),
+        options.length > 0 && /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", marginLeft: 2, marginTop: 1, children: options.map((opt, idx) => /* @__PURE__ */ jsxs3(Box4, { children: [
+          /* @__PURE__ */ jsx4(Text4, { color: "cyan", bold: true, children: idx + 1 }),
+          /* @__PURE__ */ jsxs3(Text4, { children: [
             " ",
             opt.label
           ] }),
-          /* @__PURE__ */ jsxs2(Text3, { color: "gray", dimColor: true, children: [
+          /* @__PURE__ */ jsxs3(Text4, { color: "gray", dimColor: true, children: [
             " \u2014 ",
             opt.description
           ] })
         ] }, opt.label)) }),
-        /* @__PURE__ */ jsx3(Box3, { marginLeft: 2, marginTop: 0, children: /* @__PURE__ */ jsx3(Text3, { color: "gray", dimColor: true, children: options.length > 0 ? "Type number or custom answer" : "Type your answer" }) })
+        /* @__PURE__ */ jsx4(Box4, { marginLeft: 2, marginTop: 0, children: /* @__PURE__ */ jsx4(Text4, { color: "gray", dimColor: true, children: options.length > 0 ? "Type number or custom answer" : "Type your answer" }) })
       ]
     }
   );
@@ -6522,46 +6620,46 @@ function HomeScreen({
   fileCount,
   skillCount
 }) {
-  return /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", marginBottom: 1, children: [
-      /* @__PURE__ */ jsx3(Text3, { bold: true, color: "cyan", children: "Open Research" }),
-      /* @__PURE__ */ jsx3(Text3, { color: "gray", dimColor: true, children: "Local-first research agent" })
+  return /* @__PURE__ */ jsxs3(Box4, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs3(Box4, { flexDirection: "column", marginBottom: 1, children: [
+      /* @__PURE__ */ jsx4(Text4, { bold: true, color: "cyan", children: "Open Research" }),
+      /* @__PURE__ */ jsx4(Text4, { color: "gray", dimColor: true, children: "Local-first research agent" })
     ] }),
-    !hasAuth && /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs2(Box3, { children: [
-        /* @__PURE__ */ jsxs2(Text3, { color: "yellow", children: [
+    !hasAuth && /* @__PURE__ */ jsxs3(Box4, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs3(Box4, { children: [
+        /* @__PURE__ */ jsxs3(Text4, { color: "yellow", children: [
           GUTTER.pending,
           " "
         ] }),
-        /* @__PURE__ */ jsx3(Text3, { color: "yellow", children: "Connect your OpenAI account to get started" })
+        /* @__PURE__ */ jsx4(Text4, { color: "yellow", children: "Connect your OpenAI account to get started" })
       ] }),
-      /* @__PURE__ */ jsx3(Box3, { marginLeft: 2, children: /* @__PURE__ */ jsx3(Text3, { color: "gray", children: "/auth \u2014 browser login  \xB7  /auth-codex \u2014 import existing session" }) })
+      /* @__PURE__ */ jsx4(Box4, { marginLeft: 2, children: /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "/auth \u2014 browser login  \xB7  /auth-codex \u2014 import existing session" }) })
     ] }),
-    hasAuth && !hasWorkspace && /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs2(Box3, { children: [
-        /* @__PURE__ */ jsxs2(Text3, { color: "green", children: [
+    hasAuth && !hasWorkspace && /* @__PURE__ */ jsxs3(Box4, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs3(Box4, { children: [
+        /* @__PURE__ */ jsxs3(Text4, { color: "green", children: [
           GUTTER.success,
           " "
         ] }),
-        /* @__PURE__ */ jsx3(Text3, { color: "green", children: "Connected" })
+        /* @__PURE__ */ jsx4(Text4, { color: "green", children: "Connected" })
       ] }),
-      /* @__PURE__ */ jsxs2(Box3, { children: [
-        /* @__PURE__ */ jsxs2(Text3, { color: "yellow", children: [
+      /* @__PURE__ */ jsxs3(Box4, { children: [
+        /* @__PURE__ */ jsxs3(Text4, { color: "yellow", children: [
           GUTTER.pending,
           " "
         ] }),
-        /* @__PURE__ */ jsx3(Text3, { color: "yellow", children: "Create a workspace to begin" })
+        /* @__PURE__ */ jsx4(Text4, { color: "yellow", children: "Create a workspace to begin" })
       ] }),
-      /* @__PURE__ */ jsx3(Box3, { marginLeft: 2, children: /* @__PURE__ */ jsx3(Text3, { color: "gray", children: "/init \u2014 initialize in current directory" }) })
+      /* @__PURE__ */ jsx4(Box4, { marginLeft: 2, children: /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "/init \u2014 initialize in current directory" }) })
     ] }),
-    hasAuth && hasWorkspace && /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs2(Box3, { children: [
-        /* @__PURE__ */ jsxs2(Text3, { color: "green", children: [
+    hasAuth && hasWorkspace && /* @__PURE__ */ jsxs3(Box4, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs3(Box4, { children: [
+        /* @__PURE__ */ jsxs3(Text4, { color: "green", children: [
           GUTTER.active,
           " "
         ] }),
-        /* @__PURE__ */ jsx3(Text3, { color: "green", children: "Ready" }),
-        /* @__PURE__ */ jsxs2(Text3, { color: "gray", dimColor: true, children: [
+        /* @__PURE__ */ jsx4(Text4, { color: "green", children: "Ready" }),
+        /* @__PURE__ */ jsxs3(Text4, { color: "gray", dimColor: true, children: [
           " \u2014 ",
           fileCount,
           " files \xB7 ",
@@ -6569,7 +6667,7 @@ function HomeScreen({
           " skills"
         ] })
       ] }),
-      /* @__PURE__ */ jsx3(Box3, { marginLeft: 2, children: /* @__PURE__ */ jsx3(Text3, { color: "gray", children: "Ask a question, @mention a file, or /help for commands" }) })
+      /* @__PURE__ */ jsx4(Box4, { marginLeft: 2, children: /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "Ask a question, @mention a file, or /help for commands" }) })
     ] })
   ] });
 }
@@ -6578,8 +6676,8 @@ function SuggestionDropdown({
   selectedIndex
 }) {
   if (items.length === 0) return null;
-  return /* @__PURE__ */ jsxs2(
-    Box3,
+  return /* @__PURE__ */ jsxs3(
+    Box4,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -6591,12 +6689,12 @@ function SuggestionDropdown({
           const selected = idx === selectedIndex;
           const prefix = selected ? "\u203A" : " ";
           if (s.kind === "file") {
-            return selected ? /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsx3(Text3, { inverse: true, bold: true, children: ` ${prefix} @${s.path} ` }) }, `file-${s.path}`) : /* @__PURE__ */ jsxs2(Box3, { children: [
-              /* @__PURE__ */ jsxs2(Text3, { color: "gray", children: [
+            return selected ? /* @__PURE__ */ jsx4(Box4, { children: /* @__PURE__ */ jsx4(Text4, { inverse: true, bold: true, children: ` ${prefix} @${s.path} ` }) }, `file-${s.path}`) : /* @__PURE__ */ jsxs3(Box4, { children: [
+              /* @__PURE__ */ jsxs3(Text4, { color: "gray", children: [
                 prefix,
                 " "
               ] }),
-              /* @__PURE__ */ jsxs2(Text3, { color: "green", children: [
+              /* @__PURE__ */ jsxs3(Text4, { color: "green", children: [
                 "@",
                 s.path
               ] })
@@ -6605,23 +6703,23 @@ function SuggestionDropdown({
           const nameColor = s.kind === "skill" ? "magenta" : "cyan";
           const badge = s.kind === "skill" ? " [skill]" : "";
           const label = `/${s.name}${badge} \u2014 ${s.description}`;
-          return selected ? /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsx3(Text3, { inverse: true, bold: true, children: ` ${prefix} ${label} ` }) }, `${s.kind}-${s.name}`) : /* @__PURE__ */ jsxs2(Box3, { children: [
-            /* @__PURE__ */ jsxs2(Text3, { color: "gray", children: [
+          return selected ? /* @__PURE__ */ jsx4(Box4, { children: /* @__PURE__ */ jsx4(Text4, { inverse: true, bold: true, children: ` ${prefix} ${label} ` }) }, `${s.kind}-${s.name}`) : /* @__PURE__ */ jsxs3(Box4, { children: [
+            /* @__PURE__ */ jsxs3(Text4, { color: "gray", children: [
               prefix,
               " "
             ] }),
-            /* @__PURE__ */ jsxs2(Text3, { color: nameColor, children: [
+            /* @__PURE__ */ jsxs3(Text4, { color: nameColor, children: [
               "/",
               s.name
             ] }),
-            /* @__PURE__ */ jsxs2(Text3, { color: "gray", dimColor: true, children: [
+            /* @__PURE__ */ jsxs3(Text4, { color: "gray", dimColor: true, children: [
               badge,
               " \u2014 ",
               s.description
             ] })
           ] }, `${s.kind}-${s.name}`);
         }),
-        /* @__PURE__ */ jsx3(Text3, { color: "gray", dimColor: true, children: " \u2191\u2193 navigate \xB7 enter select \xB7 tab complete" })
+        /* @__PURE__ */ jsx4(Text4, { color: "gray", dimColor: true, children: " \u2191\u2193 navigate \xB7 enter select \xB7 tab complete" })
       ]
     }
   );
@@ -6639,30 +6737,30 @@ function FooterBar({
 }) {
   const modeLabel = mode === "auto-research" ? "auto" : mode === "auto-approve" ? "approve" : "review";
   const planLabel = planningStatus !== "idle" ? ` \xB7 ${planningStatus}` : "";
-  return /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", marginTop: 0, children: [
-    /* @__PURE__ */ jsxs2(Box3, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsx3(Text3, { color: statusColor, children: busy ? toolActivity ? `${frame} ${toolActivity}` : `${frame} thinking...` : `${GUTTER.active} ${statusParts.join(" \xB7 ")}` }),
-      /* @__PURE__ */ jsxs2(Text3, { color: "gray", dimColor: true, children: [
+  return /* @__PURE__ */ jsxs3(Box4, { flexDirection: "column", marginTop: 0, children: [
+    /* @__PURE__ */ jsxs3(Box4, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsx4(Text4, { color: statusColor, children: busy ? toolActivity ? `${frame} ${toolActivity}` : `${frame} thinking...` : `${GUTTER.active} ${statusParts.join(" \xB7 ")}` }),
+      /* @__PURE__ */ jsxs3(Text4, { color: "gray", dimColor: true, children: [
         tokenDisplay ? `${tokenDisplay} \xB7 ` : "",
         workspaceName
       ] })
     ] }),
-    /* @__PURE__ */ jsxs2(Box3, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsxs2(Text3, { color: "gray", dimColor: true, children: [
+    /* @__PURE__ */ jsxs3(Box4, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxs3(Text4, { color: "gray", dimColor: true, children: [
         modeLabel,
         planLabel,
         " \xB7 shift+tab cycle \xB7 /help"
       ] }),
-      /* @__PURE__ */ jsx3(Text3, { color: "gray", dimColor: true, children: "shift+enter newline \xB7 esc cancel" })
+      /* @__PURE__ */ jsx4(Text4, { color: "gray", dimColor: true, children: "shift+enter newline \xB7 esc cancel" })
     ] })
   ] });
 }
 
 // src/tui/app.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var SPINNER_FRAMES = ["\u25D0", "\u25D3", "\u25D1", "\u25D2"];
 function useAnimatedFrame(active) {
-  const [index, setIndex] = useState3(0);
+  const [index, setIndex] = useState4(0);
   useEffect2(() => {
     if (!active) {
       setIndex(0);
@@ -6701,36 +6799,37 @@ function App({
 }) {
   const app = useApp();
   const abortRef = useRef(null);
-  const [input2, setInput] = useState3("");
-  const [composerFocused, setComposerFocused] = useState3(true);
-  const [busy, setBusy] = useState3(false);
-  const [authStatus, setAuthStatus] = useState3(initialState.authStatus);
-  const [workspacePath, setWorkspacePath] = useState3(initialState.workspacePath);
-  const [workspaceFiles, setWorkspaceFiles] = useState3([]);
-  const [skills2, setSkills] = useState3([]);
-  const [messages, setMessages] = useState3([]);
-  const [history, setHistory] = useState3([]);
-  const [activeSkills, setActiveSkills] = useState3([]);
-  const [pendingUpdates, setPendingUpdates] = useState3(initialState.pendingUpdates);
-  const [statusLine, setStatusLine] = useState3("");
-  const [currentToolActivity, setCurrentToolActivity] = useState3("");
-  const [sessionTokens, setSessionTokens] = useState3(() => createSessionUsage());
-  const [tokenDisplay, setTokenDisplay] = useState3("");
-  const [showSuggestions, setShowSuggestions] = useState3(false);
-  const [agentMode, setAgentMode] = useState3("manual-review");
-  const [planningState, setPlanningState] = useState3({
+  const [input2, setInput] = useState4("");
+  const [composerFocused, setComposerFocused] = useState4(true);
+  const [busy, setBusy] = useState4(false);
+  const [authStatus, setAuthStatus] = useState4(initialState.authStatus);
+  const [workspacePath, setWorkspacePath] = useState4(initialState.workspacePath);
+  const [workspaceFiles, setWorkspaceFiles] = useState4([]);
+  const [skills2, setSkills] = useState4([]);
+  const [messages, setMessages] = useState4([]);
+  const [history, setHistory] = useState4([]);
+  const [activeSkills, setActiveSkills] = useState4([]);
+  const [pendingUpdates, setPendingUpdates] = useState4(initialState.pendingUpdates);
+  const [statusLine, setStatusLine] = useState4("");
+  const [currentToolActivity, setCurrentToolActivity] = useState4("");
+  const [sessionTokens, setSessionTokens] = useState4(() => createSessionUsage());
+  const [tokenDisplay, setTokenDisplay] = useState4("");
+  const [showSuggestions, setShowSuggestions] = useState4(false);
+  const [agentMode, setAgentMode] = useState4("manual-review");
+  const [planningState, setPlanningState] = useState4({
     status: "idle",
     planningHistory: []
   });
-  const [theme, setTheme] = useState3("dark");
-  const [config, setConfig] = useState3(null);
-  const [cursorToEnd, setCursorToEnd] = useState3(0);
-  const [screen, setScreen] = useState3("main");
-  const sessionId = useMemo2(() => crypto.randomUUID(), []);
+  const [theme, setTheme] = useState4("dark");
+  const [config, setConfig] = useState4(null);
+  const [cursorToEnd, setCursorToEnd] = useState4(0);
+  const [screen, setScreen] = useState4("main");
+  const [resumeSessions, setResumeSessions] = useState4([]);
+  const sessionId = useMemo3(() => crypto.randomUUID(), []);
   const deferredMessages = useDeferredValue(messages);
   const deferredPendingUpdates = useDeferredValue(pendingUpdates);
   const activityFrame = useAnimatedFrame(busy);
-  const [agentQuestion, setAgentQuestion] = useState3(null);
+  const [agentQuestion, setAgentQuestion] = useState4(null);
   const previewRef = useRef(null);
   const isHome = deferredMessages.length === 0 && !busy;
   const hasWorkspace = workspacePath !== null;
@@ -6784,9 +6883,9 @@ function App({
       cancelled = true;
     };
   }, [homeDir]);
-  const [selectedSuggestion, setSelectedSuggestion] = useState3(-1);
-  const atMention = useMemo2(() => extractAtMention(input2), [input2]);
-  const suggestions = useMemo2(() => {
+  const [selectedSuggestion, setSelectedSuggestion] = useState4(-1);
+  const atMention = useMemo3(() => extractAtMention(input2), [input2]);
+  const suggestions = useMemo3(() => {
     if (atMention) {
       return getFileSuggestions(atMention.partial, workspaceFiles);
     }
@@ -6941,35 +7040,14 @@ function App({
           addSystemMessage("No workspace. Run /init first.");
           break;
         }
-        const resumeSessions = await listSessions(workspacePath);
-        if (resumeSessions.length === 0) {
+        const foundSessions = await listSessions(workspacePath);
+        if (foundSessions.length === 0) {
           addSystemMessage("No previous sessions found.");
           break;
         }
-        if (!args) {
-          addSystemMessage("Recent sessions:");
-          for (let ri = 0; ri < Math.min(resumeSessions.length, 10); ri++) {
-            const rs = resumeSessions[ri];
-            addSystemMessage(`  ${ri + 1}. ${rs.preview || "(empty)"} \u2014 ${rs.turnCount} turns \u2014 ${new Date(rs.lastActivity).toLocaleString()}`);
-          }
-          addSystemMessage("Type /resume <number> to restore a session.");
-          break;
-        }
-        const resumeIdx = parseInt(args, 10);
-        if (isNaN(resumeIdx) || resumeIdx < 1 || resumeIdx > resumeSessions.length) {
-          addSystemMessage(`Invalid choice. Pick 1-${Math.min(resumeSessions.length, 10)}.`);
-          break;
-        }
-        try {
-          const restored = await loadSessionHistory(workspacePath, resumeSessions[resumeIdx - 1].id);
-          startTransition(() => {
-            setMessages(restored.messages);
-            setHistory(restored.llmHistory);
-          });
-          addSystemMessage(`Resumed session (${resumeSessions[resumeIdx - 1].turnCount} turns). Continue where you left off.`);
-        } catch (err) {
-          addSystemMessage(`Failed: ${err instanceof Error ? err.message : String(err)}`);
-        }
+        setResumeSessions(foundSessions);
+        setScreen("resume");
+        setComposerFocused(false);
         break;
       }
       case "config": {
@@ -7292,7 +7370,7 @@ ${msg.text}
       addSystemMessage(`Rejected: ${next.summary}`);
     });
   }
-  useInput3((key, inputKey) => {
+  useInput4((key, inputKey) => {
     if (inputKey.shift && inputKey.tab) {
       setAgentMode((prev) => {
         const modes = ["manual-review", "auto-approve", "auto-research"];
@@ -7697,7 +7775,7 @@ ${msg.text}
   statusParts.push(agentMode);
   if (deferredPendingUpdates.length > 0) statusParts.push(`${deferredPendingUpdates.length} pending`);
   const statusColor = busy ? "yellow" : !hasAuth ? "red" : deferredPendingUpdates.length > 0 ? "magenta" : "green";
-  const configItems = useMemo2(() => [
+  const configItems = useMemo3(() => [
     {
       key: "defaults.model",
       label: "Model",
@@ -7754,8 +7832,34 @@ ${msg.text}
     setScreen("main");
     setComposerFocused(true);
   }
+  if (screen === "resume") {
+    return /* @__PURE__ */ jsx5(
+      SessionPicker,
+      {
+        sessions: resumeSessions,
+        onSelect: async (session) => {
+          try {
+            const restored = await loadSessionHistory(workspacePath, session.id);
+            startTransition(() => {
+              setMessages(restored.messages);
+              setHistory(restored.llmHistory);
+            });
+            addSystemMessage(`Resumed session (${session.turnCount} turns). Continue where you left off.`);
+          } catch (err) {
+            addSystemMessage(`Failed: ${err instanceof Error ? err.message : String(err)}`);
+          }
+          setScreen("main");
+          setComposerFocused(true);
+        },
+        onCancel: () => {
+          setScreen("main");
+          setComposerFocused(true);
+        }
+      }
+    );
+  }
   if (screen === "config") {
-    return /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx5(
       ConfigScreen,
       {
         items: configItems,
@@ -7764,8 +7868,8 @@ ${msg.text}
       }
     );
   }
-  return /* @__PURE__ */ jsxs3(Box4, { flexDirection: "column", paddingX: 1, paddingY: 1, children: [
-    isHome && /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs4(Box5, { flexDirection: "column", paddingX: 1, paddingY: 1, children: [
+    isHome && /* @__PURE__ */ jsx5(
       HomeScreen,
       {
         hasAuth,
@@ -7774,24 +7878,24 @@ ${msg.text}
         skillCount: skills2.length
       }
     ),
-    deferredMessages.length > 0 && /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", marginBottom: 1, children: deferredMessages.slice(-30).map((msg, idx) => {
+    deferredMessages.length > 0 && /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", marginBottom: 1, children: deferredMessages.slice(-30).map((msg, idx) => {
       if (msg.role === "system") {
-        return /* @__PURE__ */ jsx4(SystemMessage, { text: msg.text }, `msg-${idx}`);
+        return /* @__PURE__ */ jsx5(SystemMessage, { text: msg.text }, `msg-${idx}`);
       }
       if (msg.role === "user") {
-        return /* @__PURE__ */ jsx4(UserMessage, { text: msg.text }, `msg-${idx}`);
+        return /* @__PURE__ */ jsx5(UserMessage, { text: msg.text }, `msg-${idx}`);
       }
-      return /* @__PURE__ */ jsx4(AgentMessage, { text: msg.text }, `msg-${idx}`);
+      return /* @__PURE__ */ jsx5(AgentMessage, { text: msg.text }, `msg-${idx}`);
     }) }),
-    deferredPendingUpdates.length > 0 && /* @__PURE__ */ jsx4(
+    deferredPendingUpdates.length > 0 && /* @__PURE__ */ jsx5(
       PendingUpdateCard,
       {
         count: deferredPendingUpdates.length,
         summary: truncate2(deferredPendingUpdates[0].summary, 80)
       }
     ),
-    planningState.status === "charter-review" && planningState.charter && /* @__PURE__ */ jsxs3(
-      Box4,
+    planningState.status === "charter-review" && planningState.charter && /* @__PURE__ */ jsxs4(
+      Box5,
       {
         borderStyle: "round",
         borderColor: "yellow",
@@ -7799,69 +7903,69 @@ ${msg.text}
         marginBottom: 1,
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsx4(Text4, { bold: true, color: "yellow", children: "Research Charter \u2014 Review" }),
-          /* @__PURE__ */ jsxs3(Box4, { marginTop: 1, flexDirection: "column", children: [
-            /* @__PURE__ */ jsx4(Text4, { bold: true, color: "white", children: "Question: " }),
-            /* @__PURE__ */ jsx4(Text4, { children: planningState.charter.researchQuestion })
+          /* @__PURE__ */ jsx5(Text5, { bold: true, color: "yellow", children: "Research Charter \u2014 Review" }),
+          /* @__PURE__ */ jsxs4(Box5, { marginTop: 1, flexDirection: "column", children: [
+            /* @__PURE__ */ jsx5(Text5, { bold: true, color: "white", children: "Question: " }),
+            /* @__PURE__ */ jsx5(Text5, { children: planningState.charter.researchQuestion })
           ] }),
-          planningState.charter.successCriteria.length > 0 && /* @__PURE__ */ jsxs3(Box4, { marginTop: 1, flexDirection: "column", children: [
-            /* @__PURE__ */ jsx4(Text4, { bold: true, color: "white", children: "Success Criteria:" }),
-            planningState.charter.successCriteria.map((c, i) => /* @__PURE__ */ jsxs3(Text4, { color: "gray", children: [
+          planningState.charter.successCriteria.length > 0 && /* @__PURE__ */ jsxs4(Box5, { marginTop: 1, flexDirection: "column", children: [
+            /* @__PURE__ */ jsx5(Text5, { bold: true, color: "white", children: "Success Criteria:" }),
+            planningState.charter.successCriteria.map((c, i) => /* @__PURE__ */ jsxs4(Text5, { color: "gray", children: [
               "  - ",
               c
             ] }, `sc-${i}`))
           ] }),
-          planningState.charter.scopeBoundaries.length > 0 && /* @__PURE__ */ jsxs3(Box4, { marginTop: 1, flexDirection: "column", children: [
-            /* @__PURE__ */ jsx4(Text4, { bold: true, color: "white", children: "Scope Boundaries:" }),
-            planningState.charter.scopeBoundaries.map((b, i) => /* @__PURE__ */ jsxs3(Text4, { color: "gray", children: [
+          planningState.charter.scopeBoundaries.length > 0 && /* @__PURE__ */ jsxs4(Box5, { marginTop: 1, flexDirection: "column", children: [
+            /* @__PURE__ */ jsx5(Text5, { bold: true, color: "white", children: "Scope Boundaries:" }),
+            planningState.charter.scopeBoundaries.map((b, i) => /* @__PURE__ */ jsxs4(Text5, { color: "gray", children: [
               "  - ",
               b
             ] }, `sb-${i}`))
           ] }),
-          planningState.charter.proposedSteps.length > 0 && /* @__PURE__ */ jsxs3(Box4, { marginTop: 1, flexDirection: "column", children: [
-            /* @__PURE__ */ jsx4(Text4, { bold: true, color: "white", children: "Proposed Steps:" }),
-            planningState.charter.proposedSteps.map((s, i) => /* @__PURE__ */ jsxs3(Text4, { color: "gray", children: [
+          planningState.charter.proposedSteps.length > 0 && /* @__PURE__ */ jsxs4(Box5, { marginTop: 1, flexDirection: "column", children: [
+            /* @__PURE__ */ jsx5(Text5, { bold: true, color: "white", children: "Proposed Steps:" }),
+            planningState.charter.proposedSteps.map((s, i) => /* @__PURE__ */ jsxs4(Text5, { color: "gray", children: [
               "  ",
               i + 1,
               ". ",
               s
             ] }, `ps-${i}`))
           ] }),
-          /* @__PURE__ */ jsx4(Box4, { marginTop: 1, children: /* @__PURE__ */ jsxs3(Text4, { color: "gray", dimColor: true, children: [
+          /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsxs4(Text5, { color: "gray", dimColor: true, children: [
             "Press ",
-            /* @__PURE__ */ jsx4(Text4, { bold: true, color: "green", children: "a" }),
+            /* @__PURE__ */ jsx5(Text5, { bold: true, color: "green", children: "a" }),
             " to approve \xB7 ",
-            /* @__PURE__ */ jsx4(Text4, { bold: true, color: "cyan", children: "p" }),
+            /* @__PURE__ */ jsx5(Text5, { bold: true, color: "cyan", children: "p" }),
             " to keep planning \xB7 ",
-            /* @__PURE__ */ jsx4(Text4, { bold: true, color: "red", children: "Esc" }),
+            /* @__PURE__ */ jsx5(Text5, { bold: true, color: "red", children: "Esc" }),
             " to cancel"
           ] }) })
         ]
       }
     ),
-    dropdownVisible && /* @__PURE__ */ jsx4(
+    dropdownVisible && /* @__PURE__ */ jsx5(
       SuggestionDropdown,
       {
         items: suggestions,
         selectedIndex: selectedSuggestion
       }
     ),
-    agentQuestion && /* @__PURE__ */ jsx4(
+    agentQuestion && /* @__PURE__ */ jsx5(
       QuestionCard,
       {
         question: agentQuestion.question.question,
         options: agentQuestion.question.options
       }
     ),
-    /* @__PURE__ */ jsx4(
-      Box4,
+    /* @__PURE__ */ jsx5(
+      Box5,
       {
         borderStyle: "round",
         borderColor: agentQuestion ? "yellow" : busy ? "yellow" : composerFocused ? "cyan" : "gray",
         paddingX: 1,
         flexDirection: "column",
-        children: /* @__PURE__ */ jsxs3(Box4, { children: [
-          /* @__PURE__ */ jsx4(
+        children: /* @__PURE__ */ jsxs4(Box5, { children: [
+          /* @__PURE__ */ jsx5(
             PromptPrefix,
             {
               busy,
@@ -7870,7 +7974,7 @@ ${msg.text}
               mode: agentMode
             }
           ),
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx5(
             TextInput,
             {
               value: input2,
@@ -7887,13 +7991,13 @@ ${msg.text}
         ] })
       }
     ),
-    /* @__PURE__ */ jsx4(Box4, { marginTop: 0, children: /* @__PURE__ */ jsxs3(Text4, { color: agentMode === "auto-research" ? "yellow" : "gray", dimColor: agentMode === "manual-review", children: [
+    /* @__PURE__ */ jsx5(Box5, { marginTop: 0, children: /* @__PURE__ */ jsxs4(Text5, { color: agentMode === "auto-research" ? "yellow" : "gray", dimColor: agentMode === "manual-review", children: [
       "\u2016 ",
       agentMode,
       planningState.status !== "idle" ? ` (${planningState.status})` : "",
       " (shift+tab to cycle)"
     ] }) }),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(
       FooterBar,
       {
         busy,
@@ -7918,7 +8022,7 @@ program.name("open-research").version(getPackageVersion()).description("Local-fi
   const project = await loadWorkspaceProject(target);
   const auth2 = await loadStoredAuth();
   render(
-    React4.createElement(App, {
+    React5.createElement(App, {
       initialState: {
         authStatus: auth2 ? "connected" : "missing",
         workspacePath: project ? target : null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "open-research",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "description": "Local-first research CLI agent — discover papers, synthesize notes, run analysis, and draft artifacts from your terminal.",
   "type": "module",
   "license": "MIT",