@ephemushroom/opencode-claude-mem 0.7.1 → 0.7.2

package/dist/cli.js

@@ -400,8 +400,30 @@ function bulletRow(icon, iconColor, value, theme, labelColor = theme.text) {
     label(labelColor, decodeEntities(value))
   ]);
 }
+function leftClick(action) {
+  let pressed = false;
+  return {
+    onMouseDown(event) {
+      pressed = event.button === 0;
+    },
+    onMouseDrag() {
+      pressed = false;
+    },
+    onMouseOut() {
+      pressed = false;
+    },
+    onMouseUp(event) {
+      const clicked = pressed && event.button === 0;
+      pressed = false;
+      if (clicked) {
+        event.stopPropagation();
+        action();
+      }
+    }
+  };
+}
 function recentRow(icon, iconColor, title, age, theme, onSelect) {
-  return box({ flexDirection: "column", ...onSelect ? { onMouseDown: onSelect } : {} }, [
+  return box({ flexDirection: "column", ...onSelect ? leftClick(onSelect) : {} }, [
     bulletRow(icon, iconColor, title, theme),
     ...age ? [box({ paddingLeft: 2 }, [label(theme.textMuted, age)])] : []
   ]);
@@ -450,7 +472,7 @@ function expandedRows(view, theme, onSelect) {
 }
 function buildMemNodes(view, theme, collapsed, onToggle, onSelect) {
   const summary = summaryLine(view);
-  const header = box({ flexDirection: "row", gap: 1, onMouseDown: onToggle }, [
+  const header = box({ flexDirection: "row", gap: 1, ...leftClick(onToggle) }, [
     text({ fg: theme.text, flexShrink: 0 }, collapsed ? "\u25B6" : "\u25BC"),
     text({ fg: theme.info, attributes: 1, flexShrink: 0 }, "Memory"),
     collapsed ? text({ fg: toneColor(summary.tone, theme) }, summary.label) : label(theme.textMuted, view.project)
@@ -674,7 +696,9 @@ var cli_default = define({
           });
           return;
         }
-        return ctx.ui.dialog.alert(detail);
+        return new Promise((closed) => {
+          ctx.ui.dialog.show(() => renderDetail(ctx, solid, detail), closed);
+        });
       }).catch(() => {}).finally(() => {
         opening = false;
       });
@@ -739,6 +763,47 @@ function themeFromResolved(resolved) {
     borderSubtle: resolved.border.base
   };
 }
+function renderDetail(ctx, solid, detail) {
+  ctx.ui.dialog.set({ size: "xlarge", centered: true });
+  const panel = solid.createElement("box");
+  solid.setProp(panel, "flexDirection", "column");
+  solid.setProp(panel, "padding", 1);
+  solid.setProp(panel, "gap", 1);
+  const header = solid.createElement("box");
+  solid.setProp(header, "flexDirection", "row");
+  solid.setProp(header, "gap", 2);
+  const title = solid.createElement("text");
+  solid.setProp(title, "fg", ctx.theme.text.base);
+  solid.setProp(title, "attributes", 1);
+  solid.setProp(title, "flexGrow", 1);
+  solid.setProp(title, "wrapMode", "none");
+  solid.setProp(title, "truncate", true);
+  solid.insert(title, detail.title);
+  solid.insert(header, title);
+  const close = solid.createElement("text");
+  solid.setProp(close, "fg", ctx.theme.text.muted);
+  solid.setProp(close, "flexShrink", 0);
+  solid.setProp(close, "onMouseUp", (event) => {
+    if (event.button === 0) {
+      ctx.ui.dialog.clear();
+    }
+  });
+  solid.insert(close, "esc close");
+  solid.insert(header, close);
+  solid.insert(panel, header);
+  const body = solid.createElement("scrollbox");
+  solid.setProp(body, "scrollX", false);
+  const sizeBody = (height) => solid.setProp(body, "maxHeight", Math.max(1, Math.floor(height * 0.75) - 4));
+  sizeBody(ctx.renderer.height);
+  solid.onResize((_width, height) => sizeBody(height));
+  const message = solid.createElement("text");
+  solid.setProp(message, "fg", ctx.theme.text.base);
+  solid.setProp(message, "wrapMode", "word");
+  solid.insert(message, detail.message);
+  solid.insert(body, message);
+  solid.insert(panel, body);
+  return panel;
+}
 function materializeNode(node, solid) {
   const element = solid.createElement(node.kind);
   for (const [name, value] of Object.entries(node.props)) {

package/dist/tui.js

@@ -400,8 +400,30 @@ function bulletRow(icon, iconColor, value, theme, labelColor = theme.text) {
     label(labelColor, decodeEntities(value))
   ]);
 }
+function leftClick(action) {
+  let pressed = false;
+  return {
+    onMouseDown(event) {
+      pressed = event.button === 0;
+    },
+    onMouseDrag() {
+      pressed = false;
+    },
+    onMouseOut() {
+      pressed = false;
+    },
+    onMouseUp(event) {
+      const clicked = pressed && event.button === 0;
+      pressed = false;
+      if (clicked) {
+        event.stopPropagation();
+        action();
+      }
+    }
+  };
+}
 function recentRow(icon, iconColor, title, age, theme, onSelect) {
-  return box({ flexDirection: "column", ...onSelect ? { onMouseDown: onSelect } : {} }, [
+  return box({ flexDirection: "column", ...onSelect ? leftClick(onSelect) : {} }, [
     bulletRow(icon, iconColor, title, theme),
     ...age ? [box({ paddingLeft: 2 }, [label(theme.textMuted, age)])] : []
   ]);
@@ -450,7 +472,7 @@ function expandedRows(view, theme, onSelect) {
 }
 function buildMemNodes(view, theme, collapsed, onToggle, onSelect) {
   const summary = summaryLine(view);
-  const header = box({ flexDirection: "row", gap: 1, onMouseDown: onToggle }, [
+  const header = box({ flexDirection: "row", gap: 1, ...leftClick(onToggle) }, [
     text({ fg: theme.text, flexShrink: 0 }, collapsed ? "\u25B6" : "\u25BC"),
     text({ fg: theme.info, attributes: 1, flexShrink: 0 }, "Memory"),
     collapsed ? text({ fg: toneColor(summary.tone, theme) }, summary.label) : label(theme.textMuted, view.project)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ephemushroom/opencode-claude-mem",
-  "version": "0.7.1",
+  "version": "0.7.2",
   "description": "Claude-Mem for OpenCode: capture through the official claude-mem plugin, memory tools and the Memory sidebar in one package",
   "type": "module",
   "files": [