@ephemushroom/opencode-claude-mem 0.6.2 → 0.7.0

package/dist/sidebar-model.d.ts

@@ -3,21 +3,31 @@ export declare const OBSERVATION_TYPE_ICONS: Record<string, string>;
 export interface MemSidebarView {
     readonly healthy: boolean;
     readonly project: string;
+    /** `project` when counts come from the Worker database; `all` for the global fallback. */
+    readonly scope: 'project' | 'all';
+    readonly totalObservations: number | null;
     readonly observations: number | null;
     readonly sessions: number | null;
     readonly summaries: number | null;
     readonly queueDepth: number | null;
     readonly isProcessing: boolean;
+    /** Start of the minute the ages are measured from; ticks once a minute. */
+    readonly asOf: number;
     readonly recentSummaries: readonly {
         id: number;
         request: string;
+        at: number | null;
     }[];
     readonly recentObservations: readonly {
         id: number;
         type: string;
         title: string;
+        at: number | null;
     }[];
 }
+export type RecentItemKind = 'summary' | 'observation';
+/** Receives a click on a recent row; ids address the Worker's detail endpoints. */
+export type RecentItemHandler = (kind: RecentItemKind, id: number) => void;
 export interface ViewNode {
     readonly kind: 'box' | 'text';
     readonly props: Record<string, unknown>;
@@ -36,15 +46,30 @@ export interface Theme {
 export declare function box(props: Record<string, unknown>, children: readonly ViewNode[]): ViewNode;
 export declare function text(props: Record<string, unknown>, value: string): ViewNode;
 export declare function decodeEntities(value: string): string;
-export declare function truncate(value: string): string;
+/**
+ * Drops the current project's name from a title: every row in this sidebar already belongs
+ * to that project, so repeating it costs the space the rest of the title needs. Whole-token
+ * matches only, so a name inside a longer word survives. Returns the input when nothing else
+ * is left.
+ */
+export declare function stripProjectName(value: string, project: string): string;
+/** Short age such as `just now`, `12m ago`, `3h ago`, `2d ago`, then a calendar date. */
+export declare function formatAge(at: number | null, now: number): string;
 export declare function formatCount(value: number | null): string;
 export declare function summaryLine(view: MemSidebarView): {
     label: string;
     tone: 'ok' | 'warn' | 'err';
 };
 export declare function toneColor(tone: 'ok' | 'warn' | 'err', theme: Theme): unknown;
-export declare function bulletRow(icon: string, iconColor: unknown, label: string, theme: Theme): ViewNode;
-export declare function expandedRows(view: MemSidebarView, theme: Theme): ViewNode[];
-export declare function buildMemNodes(view: MemSidebarView, theme: Theme, collapsed: boolean, onToggle: () => void): ViewNode[];
+export declare function bulletRow(icon: string, iconColor: unknown, value: string, theme: Theme, labelColor?: unknown): ViewNode;
+export declare function expandedRows(view: MemSidebarView, theme: Theme, onSelect?: RecentItemHandler): ViewNode[];
+export declare function buildMemNodes(view: MemSidebarView, theme: Theme, collapsed: boolean, onToggle: () => void, onSelect?: RecentItemHandler): ViewNode[];
 export declare function viewKey(view: MemSidebarView): string;
 export declare function readMemView(project: string, collapsed: boolean): Promise<MemSidebarView>;
+export interface MemDetail {
+    readonly title: string;
+    readonly message: string;
+}
+/** Dialog text for one observation or session summary; null when the Worker has none. */
+export declare function describeDetail(kind: RecentItemKind, id: number, record: Record<string, unknown> | null): MemDetail | null;
+export declare function readDetail(kind: RecentItemKind, id: number): Promise<MemDetail | null>;

package/dist/tui.js

@@ -3,55 +3,16 @@
 import { existsSync, readFileSync } from "fs";
 import { homedir } from "os";
 import { join } from "path";
-import { spawn } from "child_process";
-
-// src/shared.ts
-var MAX_OBSERVATION_BYTES = 24 * 1024;
-var META_TOOLS = new Set([
-  "askuserquestion",
-  "getmcpresource",
-  "listmcpresourcestool",
-  "listmcptools",
-  "mem-get-observations",
-  "mem-search",
-  "mem-timeline",
-  "skill",
-  "slashcommand",
-  "todowrite"
-]);
-function stripTaggedContent(text) {
-  let result = "";
-  let offset = 0;
-  const stack = [];
-  for (const match of text.matchAll(/<(\/?)(private|claude-mem-context)\b[^>]*>/gi)) {
-    if (stack.length === 0) {
-      result += text.slice(offset, match.index);
-    }
-    const name = match[2].toLowerCase();
-    if (match[1] === "/") {
-      if (stack.at(-1) === name) {
-        stack.pop();
-      }
-    } else {
-      stack.push(name);
-    }
-    offset = match.index + match[0].length;
-  }
-  if (stack.length === 0) {
-    result += text.slice(offset);
-  }
-  return result.trim();
-}
-
-// src/worker-client.ts
-var HEALTH_TIMEOUT_MS = 1000;
-var WRITE_TIMEOUT_MS = 1e4;
-var AUTOSTART_POLL_INTERVAL_MS = 500;
-var AUTOSTART_POLL_MAX_ATTEMPTS = 16;
 var DEFAULT_WORKER_HOST = "127.0.0.1";
 var DEFAULT_WORKER_PORT = 37777;
-var PLATFORM_SOURCE = "opencode";
 var SETTINGS_FILE = join(homedir(), ".claude-mem", "settings.json");
+var LOOPBACK_HOSTS = new Set(["127.0.0.1", "localhost", "::1", "[::1]"]);
+var PROJECT_COUNTS_SQL = `SELECT
+  (SELECT COUNT(*) FROM observations
+    WHERE project = ?1 COLLATE NOCASE OR merged_into_project = ?1 COLLATE NOCASE) AS observations,
+  (SELECT COUNT(*) FROM session_summaries
+    WHERE project = ?1 COLLATE NOCASE OR merged_into_project = ?1 COLLATE NOCASE) AS summaries,
+  (SELECT COUNT(*) FROM sdk_sessions WHERE project = ?1 COLLATE NOCASE) AS sessions`;
 function isRecord(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
@@ -87,26 +48,43 @@ function parseWorkerEndpoint(env, rawSettings) {
   const port = readPort(env["CLAUDE_MEM_WORKER_PORT"]) ?? readPort(settings["CLAUDE_MEM_WORKER_PORT"]) ?? DEFAULT_WORKER_PORT;
   return { host, port };
 }
-function buildSearchParams(options) {
-  const params = new URLSearchParams;
-  const entries = [
-    ["query", options.query ?? ""],
-    ["limit", options.limit],
-    ["project", options.project],
-    ["platformSource", options.platformSource],
-    ["type", options.type],
-    ["obs_type", options.obs_type],
-    ["dateStart", options.dateStart],
-    ["dateEnd", options.dateEnd],
-    ["offset", options.offset],
-    ["orderBy", options.orderBy]
-  ];
-  for (const [key, value] of entries) {
-    if (value !== undefined) {
-      params.set(key, String(value));
+function resolveDatabasePath(env, rawSettings, home) {
+  if (!LOOPBACK_HOSTS.has(parseWorkerEndpoint(env, rawSettings).host)) {
+    return null;
+  }
+  const settings = parseSettings(rawSettings);
+  const dir = readString(env["CLAUDE_MEM_DATA_DIR"]) ?? readString(settings["CLAUDE_MEM_DATA_DIR"]) ?? join(home, ".claude-mem");
+  return join(dir.replace(/^~(?=$|[\\/])/, home), "claude-mem.db");
+}
+function readCount(value) {
+  return typeof value === "number" && Number.isInteger(value) && value >= 0 ? value : null;
+}
+async function readProjectCounts(path, project) {
+  if (!existsSync(path)) {
+    return null;
+  }
+  try {
+    const { Database } = await import("bun:sqlite");
+    const db = new Database(path, { readonly: true });
+    try {
+      const row = db.query(PROJECT_COUNTS_SQL).get(project);
+      if (!isRecord(row)) {
+        return null;
+      }
+      const observations = readCount(row["observations"]);
+      const summaries = readCount(row["summaries"]);
+      const sessions = readCount(row["sessions"]);
+      return observations === null || summaries === null || sessions === null ? null : { observations, summaries, sessions };
+    } finally {
+      db.close();
     }
+  } catch {
+    return null;
   }
-  return params;
+}
+function readEpoch(item) {
+  const at = item["created_at_epoch"];
+  return typeof at === "number" && Number.isFinite(at) ? at : null;
 }
 function readSettingsRaw() {
   try {
@@ -119,253 +97,12 @@ function getWorkerBaseUrl() {
   const endpoint = parseWorkerEndpoint(process.env, readSettingsRaw());
   return `http://${endpoint.host}:${endpoint.port}`;
 }
-function extractTextContent(value) {
-  if (typeof value === "string") {
-    return value.trim() || null;
-  }
-  if (!isRecord(value)) {
-    return null;
-  }
-  const { content } = value;
-  if (typeof content === "string") {
-    return content.trim() || null;
-  }
-  if (Array.isArray(content)) {
-    const text = content.map((part) => {
-      if (!isRecord(part) || part["type"] !== "text" || typeof part["text"] !== "string") {
-        return "";
-      }
-      return part["text"];
-    }).filter(Boolean).join(`
-`).trim();
-    return text || null;
-  }
-  const text = JSON.stringify(value, null, 2);
-  return text === "{}" || text === "null" ? null : text;
-}
 
 class WorkerClient {
   static BASE_URL = getWorkerBaseUrl();
-  static autoStartPromise = null;
-  static async isHealthy() {
-    try {
-      const response = await fetch(`${this.BASE_URL}/api/health`, {
-        signal: AbortSignal.timeout(HEALTH_TIMEOUT_MS)
-      });
-      return response.ok;
-    } catch {
-      return false;
-    }
-  }
-  static async ensureRunning() {
-    await this.tryAutoStart();
-    return this.isHealthy();
-  }
-  static tryAutoStart() {
-    if (!this.autoStartPromise) {
-      this.autoStartPromise = this.runAutoStart().catch(() => "spawn-failed");
-    }
-    return this.autoStartPromise;
-  }
-  static async runAutoStart() {
-    if (await this.isHealthy()) {
-      return "already-running";
-    }
-    const bunPath = this.findBun();
-    if (!bunPath) {
-      return "no-bun";
-    }
-    try {
-      const child = spawn(bunPath, ["x", "claude-mem", "start"], {
-        detached: true,
-        stdio: "ignore",
-        windowsHide: true,
-        env: process.env
-      });
-      child.on("error", () => {});
-      child.unref();
-    } catch {
-      return "spawn-failed";
-    }
-    for (let i = 0;i < AUTOSTART_POLL_MAX_ATTEMPTS; i++) {
-      await new Promise((resolve) => setTimeout(resolve, AUTOSTART_POLL_INTERVAL_MS));
-      if (await this.isHealthy()) {
-        return "started";
-      }
-    }
-    return "timeout";
-  }
-  static findBun() {
-    const bunGlobal = globalThis.Bun;
-    if (bunGlobal && typeof bunGlobal.which === "function") {
-      try {
-        const found = bunGlobal.which("bun");
-        if (typeof found === "string" && found) {
-          return found;
-        }
-      } catch {}
-    }
-    const path = process.env.PATH || "";
-    const sep = process.platform === "win32" ? ";" : ":";
-    const exts = process.platform === "win32" ? [".exe", ".cmd", ".bat", ""] : [""];
-    const slash = process.platform === "win32" ? "\\" : "/";
-    const dirs = path.split(sep).filter(Boolean);
-    for (const dir of dirs) {
-      const trailing = dir.endsWith("/") || dir.endsWith("\\") ? "" : slash;
-      for (const ext of exts) {
-        const candidate = `${dir}${trailing}bun${ext}`;
-        try {
-          if (existsSync(candidate)) {
-            return candidate;
-          }
-        } catch {}
-      }
-    }
-    return null;
-  }
-  static async sessionInit(contentSessionId, project, prompt) {
-    try {
-      const response = await fetch(`${this.BASE_URL}/api/sessions/init`, {
-        method: "POST",
-        signal: AbortSignal.timeout(WRITE_TIMEOUT_MS),
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          contentSessionId,
-          project,
-          prompt,
-          platformSource: PLATFORM_SOURCE
-        })
-      });
-      if (!response.ok) {
-        return null;
-      }
-      const value = await response.json();
-      if (!isRecord(value) || typeof value.sessionDbId !== "number" || typeof value.promptNumber !== "number" || !Number.isFinite(value.sessionDbId) || !Number.isFinite(value.promptNumber)) {
-        return null;
-      }
-      return {
-        sessionDbId: value.sessionDbId,
-        promptNumber: value.promptNumber,
-        skipped: value.skipped === true,
-        reason: typeof value.reason === "string" ? value.reason : undefined
-      };
-    } catch {
-      return null;
-    }
-  }
-  static async sendObservation(contentSessionId, toolName, toolInput, toolResponse, cwd, toolUseId) {
-    try {
-      const response = await fetch(`${this.BASE_URL}/api/sessions/observations`, {
-        method: "POST",
-        signal: AbortSignal.timeout(WRITE_TIMEOUT_MS),
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          contentSessionId,
-          tool_name: toolName,
-          tool_input: toolInput,
-          tool_response: toolResponse,
-          cwd,
-          platformSource: PLATFORM_SOURCE,
-          tool_use_id: toolUseId
-        })
-      });
-      return response.ok;
-    } catch {
-      return false;
-    }
-  }
-  static async summarize(contentSessionId, lastUserMessage, lastAssistantMessage, metadata = {}) {
-    try {
-      const response = await fetch(`${this.BASE_URL}/api/sessions/summarize`, {
-        method: "POST",
-        signal: AbortSignal.timeout(WRITE_TIMEOUT_MS),
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          contentSessionId,
-          last_user_message: stripTaggedContent(lastUserMessage),
-          last_assistant_message: stripTaggedContent(lastAssistantMessage),
-          platformSource: PLATFORM_SOURCE,
-          observedModel: metadata.observedModel,
-          observedBilling: metadata.observedBilling
-        })
-      });
-      return response.ok;
-    } catch {
-      return false;
-    }
-  }
-  static async getContext(project) {
-    try {
-      const response = await fetch(`${this.BASE_URL}/api/context/inject?project=${encodeURIComponent(project)}`, { signal: AbortSignal.timeout(2000) });
-      if (!response.ok) {
-        return null;
-      }
-      const contentType = response.headers.get("content-type") || "";
-      if (contentType.includes("application/json")) {
-        return extractTextContent(await response.json());
-      }
-      const text = await response.text();
-      return text.trim() || null;
-    } catch {
-      return null;
-    }
-  }
-  static async timeline(options) {
-    try {
-      const params = new URLSearchParams({ project: options.project });
-      if (options.anchor !== undefined) {
-        params.set("anchor", String(options.anchor));
-      }
-      if (options.query) {
-        params.set("query", options.query);
-      }
-      if (options.depthBefore !== undefined) {
-        params.set("depth_before", String(options.depthBefore));
-      }
-      if (options.depthAfter !== undefined) {
-        params.set("depth_after", String(options.depthAfter));
-      }
-      const response = await fetch(`${this.BASE_URL}/api/timeline?${params.toString()}`);
-      if (!response.ok) {
-        return "";
-      }
-      const contentType = response.headers.get("content-type") || "";
-      if (contentType.includes("application/json")) {
-        return extractTextContent(await response.json()) || "";
-      }
-      const text = await response.text();
-      return text.trim();
-    } catch {
-      return "";
-    }
-  }
-  static async getObservations(ids, project) {
-    try {
-      const body = { ids };
-      if (project) {
-        body["project"] = project;
-      }
-      const response = await fetch(`${this.BASE_URL}/api/observations/batch`, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(body)
-      });
-      if (!response.ok) {
-        return "";
-      }
-      const contentType = response.headers.get("content-type") || "";
-      if (contentType.includes("application/json")) {
-        const payload = await response.json();
-        if (Array.isArray(payload)) {
-          return payload.length ? JSON.stringify(payload, null, 2) : "";
-        }
-        return extractTextContent(payload) || "";
-      }
-      const text = await response.text();
-      return text.trim();
-    } catch {
-      return "";
-    }
+  static DATABASE_PATH = resolveDatabasePath(process.env, readSettingsRaw(), homedir());
+  static getProjectCounts(project) {
+    return this.DATABASE_PATH ? readProjectCounts(this.DATABASE_PATH, project) : Promise.resolve(null);
   }
   static async getStats() {
     try {
@@ -399,7 +136,7 @@ class WorkerClient {
           return [];
         }
         const request = typeof item["request"] === "string" ? item["request"].trim() : "";
-        return request ? [{ id: item["id"], request }] : [];
+        return request ? [{ id: item["id"], request, at: readEpoch(item) }] : [];
       });
     } catch {
       return [];
@@ -422,34 +159,29 @@ class WorkerClient {
         }
         const title = typeof item["title"] === "string" ? item["title"].trim() : "";
         const type = typeof item["type"] === "string" ? item["type"] : "";
-        return title ? [{ id: item["id"], type, title }] : [];
+        return title ? [{ id: item["id"], type, title, at: readEpoch(item) }] : [];
       });
     } catch {
       return [];
     }
   }
-  static async search(options) {
+  static async getDetail(kind, id) {
     try {
-      const params = buildSearchParams(options);
-      const response = await fetch(`${this.BASE_URL}/api/search?${params.toString()}`);
+      const path = kind === "observation" ? "observation" : "session";
+      const response = await fetch(`${this.BASE_URL}/api/${path}/${id}`);
       if (!response.ok) {
-        return "";
-      }
-      const contentType = response.headers.get("content-type") || "";
-      if (contentType.includes("application/json")) {
-        return extractTextContent(await response.json()) || "";
+        return null;
       }
-      const text = await response.text();
-      return text.trim();
+      const payload = await response.json();
+      return isRecord(payload) ? payload : null;
     } catch {
-      return "";
+      return null;
     }
   }
 }
 
 // src/sidebar-model.ts
 var POLL_INTERVAL_MS = 5000;
-var LABEL_MAX = 40;
 var RECENT_SUMMARIES = 3;
 var RECENT_OBSERVATIONS = 3;
 var OBSERVATION_TYPE_ICONS = {
@@ -478,9 +210,37 @@ var HTML_ENTITIES = {
 function decodeEntities(value) {
   return value.replace(/&(?:lt|gt|quot|#39|amp);/g, (entity) => HTML_ENTITIES[entity] ?? entity);
 }
-function truncate(value) {
+function stripProjectName(value, project) {
   const decoded = decodeEntities(value);
-  return decoded.length <= LABEL_MAX ? decoded : `${decoded.slice(0, LABEL_MAX - 1)}\u2026`;
+  const name = project.trim();
+  if (!name) {
+    return decoded;
+  }
+  const escaped = name.replace(/[.*+?^${}()|[\]\\]/g, String.raw`\$&`);
+  const stripped = decoded.replace(new RegExp(`(?<![\\w.@-])(?:[\\w.@-]+/)?${escaped}(?![\\w.-])`, "giu"), " ").replaceAll(/\s{2,}/g, " ").replaceAll(/\s+([\uFF0C\u3002\u3001\uFF1B\uFF1A,.:;])/g, "$1").replace(/^[\s:\uFF1A,\uFF0C\u3001;\uFF1B\u00B7|\u2013\u2014-]+/u, "").trim();
+  return stripped || decoded;
+}
+function formatAge(at, now) {
+  if (at === null || !Number.isFinite(at)) {
+    return "";
+  }
+  const minutes = Math.floor(Math.max(0, now - at) / 60000);
+  if (minutes < 1) {
+    return "just now";
+  }
+  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 < 7) {
+    return `${days}d ago`;
+  }
+  const date = new Date(at);
+  return `${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
 }
 function formatCount(value) {
   if (value === null) {
@@ -503,68 +263,90 @@ function toneColor(tone, theme) {
   }
   return tone === "warn" ? theme.warning : theme.textMuted;
 }
-function bulletRow(icon, iconColor, label, theme) {
+function label(color, value) {
+  return text({ fg: color, wrapMode: "none", truncate: true }, value);
+}
+function bulletRow(icon, iconColor, value, theme, labelColor = theme.text) {
   return box({ flexDirection: "row", gap: 1 }, [
     text({ fg: iconColor, flexShrink: 0 }, icon),
-    text({ fg: theme.text, wrapMode: "none" }, truncate(label))
+    label(labelColor, decodeEntities(value))
+  ]);
+}
+function recentRow(icon, iconColor, title, age, theme, onSelect) {
+  return box({ flexDirection: "column", ...onSelect ? { onMouseDown: onSelect } : {} }, [
+    bulletRow(icon, iconColor, title, theme),
+    ...age ? [box({ paddingLeft: 2 }, [label(theme.textMuted, age)])] : []
   ]);
 }
-function expandedRows(view, theme) {
+function expandedRows(view, theme, onSelect) {
   if (!view.healthy) {
     return [bulletRow("\u2022", theme.error, "worker offline", theme)];
   }
+  const counts = `obs ${formatCount(view.observations)} \xB7 sum ${formatCount(view.summaries)} \xB7 ses ${formatCount(view.sessions)}`;
   const rows = [
-    bulletRow("\u2022", theme.success, `obs ${formatCount(view.observations)} \xB7 sum ${formatCount(view.summaries)} \xB7 ses ${formatCount(view.sessions)}`, theme)
+    bulletRow("\u2022", theme.success, view.scope === "all" ? `all \xB7 ${counts}` : counts, theme)
   ];
+  if (view.scope === "project") {
+    rows.push(bulletRow("\u2022", theme.textMuted, `all ${formatCount(view.totalObservations)} obs`, theme, theme.textMuted));
+  }
   if (view.isProcessing || (view.queueDepth ?? 0) > 0) {
     rows.push(bulletRow("\u2022", theme.warning, `processing \xB7 queue ${view.queueDepth ?? 0}`, theme));
   }
   if (view.recentSummaries.length > 0) {
     rows.push(text({ fg: theme.textMuted }, "Recent sessions"));
     for (const summary of view.recentSummaries) {
-      rows.push(bulletRow("\u2022", theme.textMuted, summary.request, theme));
+      rows.push(recentRow("\u2022", theme.textMuted, stripProjectName(summary.request, view.project), formatAge(summary.at, view.asOf), theme, onSelect && (() => onSelect("summary", summary.id))));
     }
   }
   if (view.recentObservations.length > 0) {
     rows.push(text({ fg: theme.textMuted }, "Latest"));
     for (const observation of view.recentObservations) {
       const icon = OBSERVATION_TYPE_ICONS[observation.type] ?? "\u25CB";
-      rows.push(bulletRow(icon, theme.info, observation.title, theme));
+      rows.push(recentRow(icon, theme.info, stripProjectName(observation.title, view.project), [formatAge(observation.at, view.asOf), `#${observation.id}`].filter(Boolean).join(" \xB7 "), theme, onSelect && (() => onSelect("observation", observation.id))));
     }
   }
+  if (onSelect && view.recentSummaries.length + view.recentObservations.length > 0) {
+    rows.push(label(theme.textMuted, "Click an item for details"));
+  }
   return rows;
 }
-function buildMemNodes(view, theme, collapsed, onToggle) {
+function buildMemNodes(view, theme, collapsed, onToggle, onSelect) {
   const summary = summaryLine(view);
   const header = box({ flexDirection: "row", gap: 1, onMouseDown: onToggle }, [
-    text({ fg: theme.text }, collapsed ? "\u25B6" : "\u25BC"),
-    text({ fg: theme.info, attributes: 1 }, "Memory"),
-    ...collapsed ? [text({ fg: toneColor(summary.tone, theme) }, summary.label)] : []
+    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)
   ]);
   return [
     box({ flexDirection: "column", paddingTop: 1 }, [
       header,
-      ...collapsed ? [] : [box({ flexDirection: "column", paddingLeft: 2 }, expandedRows(view, theme))]
+      ...collapsed ? [] : [box({ flexDirection: "column", paddingLeft: 2 }, expandedRows(view, theme, onSelect))]
     ])
   ];
 }
 function viewKey(view) {
   return JSON.stringify(view);
 }
-function readCount(value) {
+function readCount2(value) {
   return typeof value === "number" && Number.isFinite(value) ? value : null;
 }
 async function readMemView(project, collapsed) {
-  const stats = await WorkerClient.getStats();
+  const [stats, counts] = await Promise.all([
+    WorkerClient.getStats(),
+    WorkerClient.getProjectCounts(project)
+  ]);
   if (!stats) {
     return {
       healthy: false,
       project,
+      scope: "all",
+      totalObservations: null,
       observations: null,
       sessions: null,
       summaries: null,
       queueDepth: null,
       isProcessing: false,
+      asOf: 0,
       recentSummaries: [],
       recentObservations: []
     };
@@ -573,14 +355,18 @@ async function readMemView(project, collapsed) {
     WorkerClient.getRecentSummaries(project, RECENT_SUMMARIES),
     WorkerClient.getRecentObservations(project, RECENT_OBSERVATIONS)
   ]);
+  const totalObservations = readCount2(stats.database?.observations);
   return {
     healthy: true,
     project,
-    observations: readCount(stats.database?.observations),
-    sessions: readCount(stats.database?.sessions),
-    summaries: readCount(stats.database?.summaries),
-    queueDepth: readCount(stats.processing?.queueDepth),
+    scope: counts ? "project" : "all",
+    totalObservations,
+    observations: counts ? counts.observations : totalObservations,
+    sessions: counts ? counts.sessions : readCount2(stats.database?.sessions),
+    summaries: counts ? counts.summaries : readCount2(stats.database?.summaries),
+    queueDepth: readCount2(stats.processing?.queueDepth),
     isProcessing: stats.processing?.isProcessing === true,
+    asOf: Math.floor(Date.now() / 60000) * 60000,
     recentSummaries,
     recentObservations
   };