claude-launchpad 1.2.3 → 1.4.0

package/dist/{tui-56GQMXXT.js → tui-ELOJ37ZA.js}

@@ -3,7 +3,7 @@ import {
   MemoryRepo,
   RelationRepo,
   SearchRepo
-} from "./chunk-V4NXT4KB.js";
+} from "./chunk-DXDOVWOA.js";
 import {
   DEFAULT_DECAY_PARAMS,
   closeDatabase,
@@ -11,9 +11,9 @@ import {
   loadConfig,
   migrate,
   resolveDataDir
-} from "./chunk-AR64LWGW.js";
-import "./chunk-J765H3HZ.js";
-import "./chunk-YXPJDIMK.js";
+} from "./chunk-RJEPJ4JE.js";
+import "./chunk-WOC2PKT2.js";
+import "./chunk-UQOBOHKN.js";
 
 // src/commands/memory/dashboard/tui.tsx
 import { render } from "ink";
@@ -129,7 +129,7 @@ var DashboardDataSource = class {
 };
 
 // src/commands/memory/dashboard/app.tsx
-import { Box as Box12, useApp } from "ink";
+import { Box as Box13, useApp } from "ink";
 
 // src/commands/memory/dashboard/hooks/use-dashboard-state.ts
 import { useState, useMemo, useEffect, useCallback } from "react";
@@ -231,6 +231,7 @@ function useDashboardState(dataSource) {
   const [showProjectPicker, setShowProjectPicker] = useState(false);
   const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);
   const [showPurgeConfirm, setShowPurgeConfirm] = useState(false);
+  const [showExpand, setShowExpand] = useState(false);
   useEffect(() => {
     dataSource.refresh();
     setRevision((r) => r + 1);
@@ -329,6 +330,10 @@ function useDashboardState(dataSource) {
     setRevision((r) => r + 1);
   }, [dataSource, currentProject]);
   const cancelPurge = useCallback(() => setShowPurgeConfirm(false), []);
+  const expandMemory = useCallback(() => {
+    if (selectedMemory) setShowExpand(true);
+  }, [selectedMemory]);
+  const closeExpand = useCallback(() => setShowExpand(false), []);
   return {
     typeFilter,
     lifespanFilter,
@@ -342,6 +347,7 @@ function useDashboardState(dataSource) {
     showProjectPicker,
     showDeleteConfirm,
     showPurgeConfirm,
+    showExpand,
     filteredMemories,
     selectedMemory,
     relations,
@@ -367,7 +373,9 @@ function useDashboardState(dataSource) {
     cancelDelete,
     promptPurge,
     confirmPurge,
-    cancelPurge
+    cancelPurge,
+    expandMemory,
+    closeExpand
   };
 }
 function sortMemories(memories, mode) {
@@ -393,6 +401,7 @@ var TYPE_KEYS = {
 };
 function useKeybindings(actions, opts) {
   useInput((input, key) => {
+    if (opts.expandOpen) return;
     if (opts.searchActive) {
       if (key.escape) actions.closeSearch();
       return;
@@ -416,6 +425,7 @@ function useKeybindings(actions, opts) {
     if (input === "r") actions.removeMemory();
     if (input === "d") actions.purgeProject();
     if (input === "?") actions.showHelp();
+    if (key.return) actions.expandMemory();
     if (input === "q") actions.quit();
   });
 }
@@ -446,6 +456,7 @@ import { Box, Text } from "ink";
 import { jsx, jsxs } from "react/jsx-runtime";
 var HINTS = [
   ["j/k", "navigate"],
+  ["Enter", "expand"],
   ["/", "search"],
   ["p", "projects"],
   ["1-5", "type"],
@@ -549,7 +560,7 @@ var LIFE_COLORS = {
   session: "magenta"
 };
 function MemoryList({ memories, selectedIndex, isFocused, height }) {
-  const viewportHeight = Math.max(1, height - 2);
+  const viewportHeight = Math.max(1, height - 3);
   const scrollOffset = useMemo2(() => {
     if (selectedIndex < 0) return 0;
     if (memories.length <= viewportHeight) return 0;
@@ -565,6 +576,7 @@ function MemoryList({ memories, selectedIndex, isFocused, height }) {
       flexDirection: "column",
       borderStyle: "round",
       borderColor: isFocused ? "cyan" : "gray",
+      height,
       children: [
         /* @__PURE__ */ jsx4(Text4, { bold: true, color: isFocused ? "cyan" : "gray", children: label }),
         visible.length === 0 && /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "  No memories found" }),
@@ -608,8 +620,29 @@ function MemoryRow({ memory, isSelected }) {
 
 // src/commands/memory/dashboard/components/memory-detail.tsx
 import { Box as Box5, Text as Text5 } from "ink";
+
+// src/commands/memory/dashboard/data/wrap.ts
+function wrapContent(content, width) {
+  if (width <= 0) return content.split("\n");
+  const out = [];
+  for (const rawLine of content.split("\n")) {
+    if (rawLine.length === 0) {
+      out.push("");
+      continue;
+    }
+    for (let i = 0; i < rawLine.length; i += width) {
+      out.push(rawLine.slice(i, i + width));
+    }
+  }
+  return out;
+}
+
+// src/commands/memory/dashboard/components/memory-detail.tsx
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function MemoryDetail({ memory, relations, isFocused }) {
+var METADATA_ROWS = 18;
+var BORDER_ROWS = 2;
+var MIN_CONTENT_ROWS = 2;
+function MemoryDetail({ memory, relations, isFocused, height, width }) {
   return /* @__PURE__ */ jsxs5(
     Box5,
     {
@@ -617,16 +650,21 @@ function MemoryDetail({ memory, relations, isFocused }) {
       borderStyle: "round",
       borderColor: isFocused ? "blue" : "gray",
       paddingX: 1,
+      height,
       children: [
         /* @__PURE__ */ jsx5(Text5, { bold: true, color: isFocused ? "blue" : "gray", children: " Detail " }),
-        !memory ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "Select a memory to view details" }) : /* @__PURE__ */ jsx5(DetailContent, { memory, relations })
+        !memory ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "Select a memory to view details" }) : /* @__PURE__ */ jsx5(DetailContent, { memory, relations, height, width })
       ]
     }
   );
 }
-function DetailContent({ memory, relations }) {
+function DetailContent({ memory, relations, height, width }) {
   const life = computeLifespan(memory);
   const typeColor = TYPE_COLORS[memory.type] ?? "white";
+  const relationRows = relations.length > 0 ? relations.length + 2 : 0;
+  const contentRows = Math.max(MIN_CONTENT_ROWS, height - METADATA_ROWS - BORDER_ROWS - relationRows);
+  const contentWidth = Math.max(10, width - 4);
+  const preview = truncateContent(memory.content, contentRows, contentWidth);
   return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx5(Text5, { bold: true, children: memory.title ?? "(untitled)" }),
     /* @__PURE__ */ jsx5(Text5, { children: " " }),
@@ -690,11 +728,30 @@ function DetailContent({ memory, relations }) {
     ] }),
     /* @__PURE__ */ jsx5(Text5, { children: " " }),
     /* @__PURE__ */ jsx5(Text5, { bold: true, children: "Content" }),
-    /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "\u2500".repeat(40) }),
-    /* @__PURE__ */ jsx5(Text5, { children: memory.content }),
+    /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "\u2500".repeat(Math.min(contentWidth, 40)) }),
+    preview.lines.map((line, i) => /* @__PURE__ */ jsx5(Text5, { children: line === "" ? " " : line }, `line-${i}`)),
+    preview.truncated && /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+      "\u2026 +",
+      preview.remainingLines,
+      " line",
+      preview.remainingLines === 1 ? "" : "s",
+      " \xB7 press Enter to view full"
+    ] }),
     relations.length > 0 && /* @__PURE__ */ jsx5(RelationsList, { relations, memoryId: memory.id })
   ] });
 }
+function truncateContent(content, maxRows, wrapWidth) {
+  const allLines = wrapContent(content, wrapWidth);
+  if (allLines.length <= maxRows) {
+    return { lines: allLines, truncated: false, remainingLines: 0 };
+  }
+  const visible = Math.max(1, maxRows - 1);
+  return {
+    lines: allLines.slice(0, visible),
+    truncated: true,
+    remainingLines: allLines.length - visible
+  };
+}
 function RelationsList({ relations, memoryId }) {
   return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginTop: 1, children: [
     /* @__PURE__ */ jsx5(Text5, { bold: true, children: "Relations" }),
@@ -719,17 +776,22 @@ function RelationsList({ relations, memoryId }) {
 import { useMemo as useMemo3 } from "react";
 import { Box as Box6, Text as Text6 } from "ink";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-function ProjectList({ memories, activeProject, isFocused }) {
+function ProjectList({ memories, activeProject, isFocused, height }) {
   const rows = useMemo3(() => buildProjectRows(memories), [memories]);
+  const visibleRows = Math.max(1, height - 3);
+  const truncated = rows.length > visibleRows;
+  const displayed = truncated ? rows.slice(0, visibleRows - 1) : rows;
+  const hidden = rows.length - displayed.length;
   return /* @__PURE__ */ jsxs6(
     Box6,
     {
       flexDirection: "column",
       borderStyle: "round",
       borderColor: isFocused ? "magenta" : "gray",
+      height,
       children: [
         /* @__PURE__ */ jsx6(Text6, { bold: true, color: isFocused ? "magenta" : "gray", children: " Projects " }),
-        rows.map((row) => {
+        displayed.map((row) => {
           const isActive = row.project === activeProject || row.project === void 0 && !activeProject;
           const name = (row.project ?? "All projects").padEnd(20).slice(0, 20);
           const healthColor = row.healthPct > 62 ? "green" : row.healthPct > 32 ? "yellow" : "red";
@@ -746,7 +808,12 @@ function ProjectList({ memories, activeProject, isFocused }) {
               "%"
             ] })
           ] }, row.project ?? "_all");
-        })
+        }),
+        truncated && /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+          "  \u2026 +",
+          hidden,
+          " more"
+        ] })
       ]
     }
   );
@@ -837,7 +904,7 @@ import { Box as Box8, Text as Text8, useInput as useInput2 } from "ink";
 import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var BINDINGS = [
   ["j / k / \u2191\u2193", "Navigate list"],
-  ["Enter", "Select memory"],
+  ["Enter", "Expand memory (full content + scroll)"],
   ["/", "Search (live filter)"],
   ["Esc", "Clear search"],
   ["1-5", "Filter by type (0 = all)"],
@@ -975,11 +1042,91 @@ function PurgeConfirm({ project, memoryCount, onConfirm, onCancel }) {
   ] });
 }
 
-// src/commands/memory/dashboard/app.tsx
+// src/commands/memory/dashboard/components/expand-memory.tsx
+import { useState as useState3, useEffect as useEffect3 } from "react";
+import { Box as Box12, Text as Text12, useInput as useInput6 } from "ink";
 import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+function ExpandMemory({ memory, relations, onClose }) {
+  const { columns, rows } = useTerminalSize();
+  const [scroll, setScroll] = useState3(0);
+  const contentWidth = Math.max(20, columns - 6);
+  const chromeLines = 7 + (relations.length > 0 ? relations.length + 2 : 0);
+  const viewportLines = Math.max(5, rows - chromeLines);
+  const wrappedLines = wrapContent(memory.content, contentWidth);
+  const totalLines = wrappedLines.length;
+  const maxScroll = Math.max(0, totalLines - viewportLines);
+  useEffect3(() => {
+    setScroll(0);
+  }, [memory.id]);
+  useInput6((input, key) => {
+    if (key.escape || input === "q") {
+      onClose();
+      return;
+    }
+    if (input === "j" || key.downArrow) setScroll((s) => Math.min(maxScroll, s + 1));
+    if (input === "k" || key.upArrow) setScroll((s) => Math.max(0, s - 1));
+    if (key.pageDown || input === " ") setScroll((s) => Math.min(maxScroll, s + viewportLines));
+    if (key.pageUp) setScroll((s) => Math.max(0, s - viewportLines));
+    if (input === "g") setScroll(0);
+    if (input === "G") setScroll(maxScroll);
+  });
+  const typeColor = TYPE_COLORS[memory.type] ?? "white";
+  const visible = wrappedLines.slice(scroll, scroll + viewportLines);
+  const scrollInfo = totalLines > viewportLines ? ` [${scroll + 1}-${Math.min(totalLines, scroll + viewportLines)}/${totalLines}]` : ` [${totalLines} lines]`;
+  const divider = "\u2500".repeat(Math.min(contentWidth, 80));
+  return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", borderStyle: "double", borderColor: "blue", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs12(Text12, { bold: true, children: [
+      /* @__PURE__ */ jsxs12(Text12, { color: typeColor, children: [
+        "[",
+        memory.type,
+        "]"
+      ] }),
+      " ",
+      memory.title ?? "(untitled)"
+    ] }),
+    /* @__PURE__ */ jsxs12(Text12, { dimColor: true, children: [
+      "id: ",
+      memory.id.slice(0, 8),
+      " | project: ",
+      memory.project ?? "(none)",
+      " | imp: ",
+      memory.importance.toFixed(2),
+      " | updated: ",
+      formatRelativeTime(memory.updatedAt)
+    ] }),
+    /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: divider }),
+    visible.map((line, i) => /* @__PURE__ */ jsx12(Text12, { children: line === "" ? " " : line }, `line-${scroll + i}`)),
+    Array.from({ length: Math.max(0, viewportLines - visible.length) }).map((_, i) => /* @__PURE__ */ jsx12(Text12, { children: " " }, `pad-${i}`)),
+    /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: divider }),
+    relations.length > 0 && /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx12(Text12, { bold: true, children: "Relations" }),
+      relations.map((r, i) => {
+        const relColor = RELATION_COLORS[r.relationType] ?? "white";
+        const direction = r.sourceId === memory.id ? "\u2192" : "\u2190";
+        const otherId = r.sourceId === memory.id ? r.targetId : r.sourceId;
+        return /* @__PURE__ */ jsxs12(Text12, { children: [
+          "  ",
+          direction,
+          " ",
+          /* @__PURE__ */ jsx12(Text12, { color: relColor, children: r.relationType }),
+          " ",
+          otherId
+        ] }, i);
+      })
+    ] }),
+    /* @__PURE__ */ jsxs12(Text12, { dimColor: true, children: [
+      totalLines > viewportLines ? "j/k scroll \xB7 space/PgDn page \xB7 g/G top/bottom \xB7 " : "",
+      "q/Esc close",
+      scrollInfo
+    ] })
+  ] });
+}
+
+// src/commands/memory/dashboard/app.tsx
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 function App({ dataSource }) {
   const { exit } = useApp();
-  const { rows, layout } = useTerminalSize();
+  const { columns, rows, layout } = useTerminalSize();
   const state = useDashboardState(dataSource);
   useKeybindings({
     navigateUp: state.navigateUp,
@@ -996,16 +1143,28 @@ function App({ dataSource }) {
     purgeProject: state.promptPurge,
     openProjectPicker: () => state.setShowProjectPicker((v) => !v),
     showHelp: () => state.setShowHelp((v) => !v),
+    expandMemory: state.expandMemory,
     quit: exit
   }, {
     searchActive: state.searchActive,
-    pickerOpen: state.showProjectPicker
+    pickerOpen: state.showProjectPicker,
+    expandOpen: state.showExpand
   });
   if (state.showHelp) {
-    return /* @__PURE__ */ jsx12(HelpOverlay, { onClose: () => state.setShowHelp(false) });
+    return /* @__PURE__ */ jsx13(HelpOverlay, { onClose: () => state.setShowHelp(false) });
+  }
+  if (state.showExpand && state.selectedMemory) {
+    return /* @__PURE__ */ jsx13(
+      ExpandMemory,
+      {
+        memory: state.selectedMemory,
+        relations: state.relations,
+        onClose: state.closeExpand
+      }
+    );
   }
   if (state.showProjectPicker) {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       ProjectPicker,
       {
         projects: [...state.projects],
@@ -1019,7 +1178,7 @@ function App({ dataSource }) {
     );
   }
   if (state.showDeleteConfirm && state.selectedMemory) {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       DeleteConfirm,
       {
         memory: state.selectedMemory,
@@ -1029,7 +1188,7 @@ function App({ dataSource }) {
     );
   }
   if (state.showPurgeConfirm && state.currentProject) {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       PurgeConfirm,
       {
         project: state.currentProject,
@@ -1039,11 +1198,17 @@ function App({ dataSource }) {
       }
     );
   }
-  const contentHeight = Math.max(4, rows - 6);
+  const contentHeight = Math.max(4, rows - 6 - (state.searchActive ? 1 : 0));
   const isNarrow = layout === "narrow";
-  return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx12(KeybindingBar, {}),
-    /* @__PURE__ */ jsx12(
+  const listWidth = Math.floor(columns * 0.6);
+  const rightWidth = columns - listWidth;
+  const projectsCount = new Set(state.filteredMemories.map((m) => m.project ?? "(none)")).size + 1;
+  const projectListHeight = isNarrow ? 0 : Math.min(Math.max(4, Math.floor(contentHeight / 3)), projectsCount + 3, 12);
+  const listHeight = isNarrow ? Math.max(6, Math.floor(contentHeight * 0.6)) : contentHeight;
+  const detailHeight = isNarrow ? Math.max(6, contentHeight - listHeight) : Math.max(6, contentHeight - projectListHeight);
+  return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx13(KeybindingBar, {}),
+    /* @__PURE__ */ jsx13(
       Header,
       {
         project: state.currentProject,
@@ -1054,7 +1219,7 @@ function App({ dataSource }) {
         layout
       }
     ),
-    state.searchActive && /* @__PURE__ */ jsx12(
+    state.searchActive && /* @__PURE__ */ jsx13(
       SearchBar,
       {
         query: state.searchQuery,
@@ -1062,41 +1227,44 @@ function App({ dataSource }) {
         onClose: () => state.setSearchQuery(state.searchQuery)
       }
     ),
-    /* @__PURE__ */ jsxs12(Box12, { flexDirection: isNarrow ? "column" : "row", children: [
-      /* @__PURE__ */ jsx12(Box12, { width: isNarrow ? "100%" : "60%", children: /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsxs13(Box13, { flexDirection: isNarrow ? "column" : "row", height: isNarrow ? void 0 : contentHeight, children: [
+      /* @__PURE__ */ jsx13(Box13, { width: isNarrow ? "100%" : "60%", children: /* @__PURE__ */ jsx13(
         MemoryList,
         {
           memories: state.filteredMemories,
           selectedIndex: state.selectedIndex,
           isFocused: state.focusedPane === "list",
-          height: contentHeight
+          height: listHeight
         }
       ) }),
-      /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", width: isNarrow ? "100%" : "40%", children: [
-        !isNarrow && /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", width: isNarrow ? "100%" : "40%", children: [
+        !isNarrow && /* @__PURE__ */ jsx13(
           ProjectList,
           {
             memories: state.filteredMemories,
             activeProject: state.currentProject,
-            isFocused: state.focusedPane === "projects"
+            isFocused: state.focusedPane === "projects",
+            height: projectListHeight
           }
         ),
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13(
           MemoryDetail,
           {
             memory: state.selectedMemory,
             relations: state.relations,
-            isFocused: state.focusedPane === "detail"
+            isFocused: state.focusedPane === "detail",
+            height: detailHeight,
+            width: rightWidth
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx12(StatsBar, { stats: state.stats, visible: state.filteredMemories })
+    /* @__PURE__ */ jsx13(StatsBar, { stats: state.stats, visible: state.filteredMemories })
   ] });
 }
 
 // src/commands/memory/dashboard/tui.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 async function startTui(options) {
   const config = loadConfig(
     options?.dbPath ? { dataDir: options.dbPath } : void 0
@@ -1115,7 +1283,7 @@ async function startTui(options) {
   );
   let shuttingDown = false;
   const { waitUntilExit, unmount } = render(
-    /* @__PURE__ */ jsx13(App, { dataSource })
+    /* @__PURE__ */ jsx14(App, { dataSource })
   );
   function shutdown() {
     if (shuttingDown) return;
@@ -1138,4 +1306,4 @@ async function startTui(options) {
 export {
   startTui
 };
-//# sourceMappingURL=tui-56GQMXXT.js.map
+//# sourceMappingURL=tui-ELOJ37ZA.js.map