claude-memory-layer 1.0.49 → 1.0.51

package/dist/ui/index.html

@@ -37,6 +37,11 @@
         </select>
       </div>
 
+      <div id="scope-context-bar" class="scope-context-bar">
+        <div id="scope-context-label" class="scope-context-label">Scope: All projects</div>
+        <div id="scope-context-detail" class="scope-context-detail">Select a project to inspect project-local memory.</div>
+      </div>
+
       <nav>
         <ul class="nav-menu">
           <li class="nav-item active" data-nav="overview">
@@ -51,10 +56,18 @@
             <i class="ri-brain-line"></i>
             <span>Memory Banks</span>
           </li>
+          <li class="nav-item" data-nav="sessions">
+            <i class="ri-chat-history-line"></i>
+            <span>Sessions</span>
+          </li>
           <li class="nav-item" data-nav="user-prompts">
             <i class="ri-message-2-line"></i>
             <span>User Prompts</span>
           </li>
+          <li class="nav-item" data-nav="playground">
+            <i class="ri-flask-line"></i>
+            <span>Playground</span>
+          </li>
           <li class="nav-item" data-nav="configuration">
             <i class="ri-settings-4-line"></i>
             <span>Configuration</span>
@@ -96,6 +109,24 @@
           </div>
         </header>
 
+        <div id="global-empty-state" class="global-empty-state" hidden>
+          <i class="ri-folder-search-line"></i>
+          <div>
+            <strong>No aggregate data is visible in Global scope yet.</strong>
+            <span>Select a project from the sidebar to inspect live project-local memory, sessions, and retrieval evidence.</span>
+          </div>
+        </div>
+
+        <div id="project-detail-card" class="card project-detail-card" hidden>
+          <div class="card-header">
+            <div class="card-title">
+              <i class="ri-folder-chart-line"></i>
+              <span>Project Detail</span>
+            </div>
+          </div>
+          <div class="disclosure-empty">Select a project to inspect project-local detail.</div>
+        </div>
+
         <!-- Stats Grid -->
         <div class="stats-grid">
           <div class="stat-card" data-stat="events">
@@ -234,6 +265,7 @@
                   <i class="ri-search-eye-line"></i>
                   <span>Progressive Retrieval Disclosure</span>
                 </div>
+                <div id="disclosure-scope-badge" class="scope-mini-badge">Search → Expand → Source · Project scope follows sidebar</div>
                 <div class="disclosure-controls">
                   <label class="disclosure-toggle"><input type="checkbox" id="disclosure-include-shared"> Shared</label>
                   <select id="disclosure-strategy" class="project-dropdown compact">
@@ -560,6 +592,60 @@
         </div>
       </div>
 
+      <!-- ========== VIEW: Sessions ========== -->
+      <div id="view-sessions" class="page-view">
+        <header class="top-header">
+          <div class="page-title">
+            <h1>Session Inspector</h1>
+            <p>Browse conversations, turns, and memory evidence captured for each session</p>
+          </div>
+          <div class="header-actions">
+            <button id="session-refresh" class="btn btn-secondary">
+              <i class="ri-refresh-line"></i>
+              <span>Refresh Sessions</span>
+            </button>
+          </div>
+        </header>
+
+        <div class="session-inspector-grid">
+          <section class="card session-list-card">
+            <div class="card-header" style="align-items:flex-end;">
+              <div>
+                <div class="card-title"><i class="ri-history-line"></i><span>Recent Sessions</span></div>
+                <div id="session-inspector-meta" class="session-muted">Select a session to inspect turns and evidence.</div>
+              </div>
+            </div>
+            <div id="session-list" class="session-list">
+              <div class="session-empty">Loading sessions...</div>
+            </div>
+          </section>
+
+          <section class="card session-conversation-card">
+            <div class="card-header">
+              <div class="card-title"><i class="ri-discuss-line"></i><span>Conversation Turns</span></div>
+              <div class="session-muted" id="session-conversation-meta">No session selected</div>
+            </div>
+            <div id="session-conversation" class="session-conversation">
+              <div class="session-empty">Choose a session on the left to see user → tools → assistant flow.</div>
+            </div>
+          </section>
+
+          <aside id="session-snapshot-panel" class="card session-snapshot-panel">
+            <div class="card-header">
+              <div class="card-title"><i class="ri-brain-line"></i><span>Memory Snapshot</span></div>
+            </div>
+            <div id="session-snapshot-tabs" class="session-snapshot-tabs">
+              <button class="sort-btn active" data-session-snapshot-tab="overview">Overview</button>
+              <button class="sort-btn" data-session-snapshot-tab="evidence">Evidence</button>
+              <button class="sort-btn" data-session-snapshot-tab="quality">Quality</button>
+            </div>
+            <div id="session-snapshot-content" class="session-snapshot-content">
+              <div class="session-empty">Select a session to see memory levels, evidence links, and quality signals.</div>
+            </div>
+          </aside>
+        </div>
+      </div>
+
       <!-- ========== VIEW: User Prompts ========== -->
       <div id="view-user-prompts" class="page-view">
         <header class="top-header">
@@ -595,6 +681,50 @@
         </div>
       </div>
 
+      <!-- ========== VIEW: Playground ========== -->
+      <div id="view-playground" class="page-view">
+        <header class="top-header">
+          <div class="page-title">
+            <h1>Playground</h1>
+            <p>Dry-run Replay for retrieval: Search → Expand → Source without mutating memory</p>
+          </div>
+        </header>
+        <div class="card" style="margin-bottom:16px;">
+          <div class="card-header" style="align-items:flex-end;">
+            <div>
+              <div class="card-title"><i class="ri-flask-line"></i><span>Dry-run Replay</span></div>
+              <div class="session-muted">Use the current project scope and replay the retrieval evidence pipeline safely.</div>
+            </div>
+            <div class="disclosure-controls">
+              <select id="playground-strategy" class="project-dropdown compact">
+                <option value="fast">fast</option>
+                <option value="auto">auto</option>
+                <option value="deep">deep</option>
+              </select>
+              <input id="playground-topk" class="search-input compact" type="number" min="1" max="20" value="5" title="Top K">
+              <input id="playground-window" class="search-input compact" type="number" min="1" max="10" value="3" title="Expand window">
+              <label class="disclosure-toggle"><input type="checkbox" id="playground-include-shared"> Shared</label>
+            </div>
+          </div>
+          <div class="disclosure-search-row">
+            <div class="search-wrapper disclosure-search-wrapper">
+              <i class="ri-search-line"></i>
+              <input type="text" id="playground-query" class="search-input" placeholder="Replay a retrieval query without writing memory...">
+            </div>
+            <button id="playground-run-btn" class="btn btn-secondary"><i class="ri-play-circle-line"></i><span>Run Dry-run</span></button>
+          </div>
+          <div id="playground-status" class="disclosure-status">Ready. Select a project for project-local dry-runs.</div>
+        </div>
+        <div id="playground-output" class="disclosure-layout">
+          <div class="disclosure-results">
+            <div class="disclosure-empty">Run a query to see ranked results and replay trace.</div>
+          </div>
+          <div class="disclosure-drilldown">
+            <div class="disclosure-empty">Expansion/source details will appear here.</div>
+          </div>
+        </div>
+      </div>
+
       <!-- ========== VIEW: Configuration ========== -->
       <div id="view-configuration" class="page-view">
         <header class="top-header">

package/dist/ui/style.css

@@ -980,6 +980,315 @@ body {
   display: block;
   animation: viewFadeIn 0.25s ease;
 }
+
+/* ==========================================
+   Session Inspector
+   ========================================== */
+.session-inspector-grid {
+  display: grid;
+  grid-template-columns: 300px minmax(0, 1fr) 360px;
+  gap: 20px;
+  align-items: start;
+}
+
+.session-list-card,
+.session-conversation-card,
+.session-snapshot-panel {
+  min-height: 620px;
+}
+
+.session-muted,
+.session-empty {
+  color: var(--text-muted);
+  font-size: 12px;
+}
+
+.session-empty {
+  padding: 24px;
+  text-align: center;
+}
+
+.session-list,
+.session-conversation,
+.session-snapshot-content {
+  max-height: 72vh;
+  overflow: auto;
+  padding-right: 4px;
+}
+
+.session-list-item {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  text-align: left;
+  margin-bottom: 10px;
+  padding: 12px;
+  border-radius: 12px;
+  border: 1px solid rgba(255,255,255,0.06);
+  background: rgba(255,255,255,0.025);
+  color: var(--text-secondary);
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.session-list-item:hover,
+.session-list-item.active {
+  border-color: rgba(123, 97, 255, 0.45);
+  background: rgba(123, 97, 255, 0.12);
+}
+
+.session-list-id {
+  font-size: 13px;
+  font-weight: 700;
+  color: var(--text-primary);
+}
+
+.session-list-meta,
+.session-list-time,
+.session-message-meta,
+.snapshot-evidence-meta {
+  font-size: 11px;
+  color: var(--text-muted);
+}
+
+.session-turn {
+  border: 1px solid rgba(255,255,255,0.06);
+  background: rgba(255,255,255,0.02);
+  border-radius: 16px;
+  padding: 14px;
+  margin-bottom: 14px;
+}
+
+.session-turn-header {
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 12px;
+  color: var(--text-muted);
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.session-message {
+  border-radius: 12px;
+  border: 1px solid rgba(255,255,255,0.06);
+  padding: 12px;
+  margin: 10px 0;
+  cursor: pointer;
+  background: rgba(255,255,255,0.025);
+}
+
+.session-message.session-message-jump {
+  border-color: rgba(0, 240, 255, 0.65);
+  box-shadow: 0 0 0 1px rgba(0, 240, 255, 0.18), 0 12px 28px rgba(0, 240, 255, 0.08);
+  background: rgba(0, 240, 255, 0.06);
+}
+
+.event-actions {
+  display: flex;
+  gap: 8px;
+  margin-top: 10px;
+  flex-wrap: wrap;
+}
+
+.inline-action-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  border: 1px solid rgba(0, 240, 255, 0.25);
+  border-radius: 999px;
+  background: rgba(0, 240, 255, 0.08);
+  color: var(--accent-secondary);
+  cursor: pointer;
+  font-family: inherit;
+  font-size: 11px;
+  font-weight: 600;
+  line-height: 1;
+  padding: 6px 10px;
+  transition: all 0.2s ease;
+}
+
+.inline-action-btn:hover {
+  border-color: rgba(0, 240, 255, 0.55);
+  background: rgba(0, 240, 255, 0.14);
+  color: var(--text-primary);
+}
+
+.session-message.type-user-prompt {
+  border-left: 3px solid var(--accent-primary);
+}
+
+.session-message.type-agent-response {
+  border-left: 3px solid var(--success);
+}
+
+.session-message-role {
+  color: var(--text-primary);
+  font-size: 12px;
+  font-weight: 700;
+  margin-bottom: 6px;
+}
+
+.session-message-preview {
+  color: var(--text-secondary);
+  font-size: 13px;
+  line-height: 1.55;
+  white-space: pre-wrap;
+}
+
+.session-tool-summary {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin: 10px 0;
+  padding: 10px 12px;
+  border-radius: 12px;
+  background: rgba(0, 240, 255, 0.08);
+  color: var(--accent-secondary);
+  font-size: 12px;
+  border: 1px solid rgba(0, 240, 255, 0.16);
+}
+
+.session-tool-summary.session-message-jump {
+  cursor: pointer;
+  border-color: rgba(0, 240, 255, 0.65);
+  box-shadow: 0 0 0 1px rgba(0, 240, 255, 0.18), 0 12px 28px rgba(0, 240, 255, 0.08);
+  background: rgba(0, 240, 255, 0.13);
+}
+
+.session-snapshot-tabs {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+  margin-bottom: 14px;
+}
+
+.snapshot-kpi-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 10px;
+  margin-bottom: 16px;
+}
+
+.snapshot-kpi {
+  padding: 12px;
+  border-radius: 12px;
+  background: rgba(255,255,255,0.025);
+  border: 1px solid rgba(255,255,255,0.06);
+}
+
+.snapshot-kpi strong {
+  display: block;
+  color: var(--text-primary);
+  font-size: 16px;
+  margin-bottom: 4px;
+}
+
+.snapshot-kpi span,
+.snapshot-note {
+  color: var(--text-muted);
+  font-size: 12px;
+  line-height: 1.45;
+}
+
+.snapshot-section-title {
+  color: var(--accent-primary);
+  font-size: 12px;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  margin: 16px 0 8px;
+}
+
+.snapshot-chip-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.snapshot-chip {
+  padding: 6px 9px;
+  border-radius: 999px;
+  background: rgba(123, 97, 255, 0.12);
+  color: var(--text-secondary);
+  border: 1px solid rgba(123, 97, 255, 0.22);
+  font-size: 12px;
+}
+
+.snapshot-chip.muted {
+  background: rgba(255,255,255,0.03);
+  border-color: rgba(255,255,255,0.06);
+  color: var(--text-muted);
+}
+
+.snapshot-evidence-list {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  margin-top: 12px;
+}
+
+.snapshot-evidence-item {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: 5px 8px;
+  width: 100%;
+  text-align: left;
+  border: 1px solid rgba(255,255,255,0.06);
+  border-radius: 12px;
+  padding: 10px;
+  background: rgba(255,255,255,0.025);
+  color: var(--text-secondary);
+  cursor: pointer;
+}
+
+.snapshot-evidence-item:hover {
+  border-color: rgba(0, 240, 255, 0.35);
+}
+
+.snapshot-evidence-id {
+  color: var(--text-primary);
+  font-size: 12px;
+  font-weight: 700;
+  word-break: break-all;
+}
+
+.snapshot-evidence-meta,
+.snapshot-evidence-preview {
+  grid-column: 1 / -1;
+}
+
+.snapshot-evidence-preview {
+  color: var(--text-secondary);
+  font-size: 12px;
+  line-height: 1.45;
+}
+
+@media (max-width: 1400px) {
+  .session-inspector-grid {
+    grid-template-columns: 260px minmax(0, 1fr);
+  }
+  .session-snapshot-panel {
+    grid-column: 1 / -1;
+    min-height: auto;
+  }
+}
+
+@media (max-width: 980px) {
+  .session-inspector-grid {
+    grid-template-columns: 1fr;
+  }
+  .session-list-card,
+  .session-conversation-card,
+  .session-snapshot-panel {
+    min-height: auto;
+  }
+  .snapshot-kpi-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
 @keyframes viewFadeIn {
   from { opacity: 0; transform: translateY(8px); }
   to { opacity: 1; transform: translateY(0); }
@@ -1941,3 +2250,154 @@ body {
   }
 }
 
+.scope-context-bar {
+  margin: -12px 8px 22px;
+  padding: 12px;
+  border: 1px solid rgba(0, 240, 255, 0.14);
+  border-radius: 12px;
+  background: rgba(0, 240, 255, 0.04);
+}
+
+.scope-context-label {
+  color: var(--text-primary);
+  font-size: 12px;
+  font-weight: 700;
+  margin-bottom: 4px;
+}
+
+.scope-context-detail {
+  color: var(--text-muted);
+  font-size: 11px;
+  line-height: 1.35;
+}
+
+.global-empty-state {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 18px;
+  padding: 14px 16px;
+  border: 1px solid rgba(254, 176, 25, 0.2);
+  border-radius: 14px;
+  background: rgba(254, 176, 25, 0.055);
+  color: var(--text-secondary);
+}
+
+.global-empty-state[hidden] {
+  display: none;
+}
+
+.global-empty-state i {
+  color: var(--warning);
+  font-size: 22px;
+}
+
+.global-empty-state strong,
+.global-empty-state span {
+  display: block;
+}
+
+.global-empty-state span {
+  color: var(--text-muted);
+  margin-top: 2px;
+}
+
+.scope-mini-badge,
+.disclosure-scope-pill {
+  border: 1px solid rgba(0, 240, 255, 0.16);
+  border-radius: 999px;
+  color: var(--accent-secondary);
+  background: rgba(0, 240, 255, 0.055);
+  font-size: 11px;
+  padding: 5px 9px;
+}
+
+.session-date-group {
+  color: var(--text-muted);
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  padding: 10px 4px 6px;
+}
+
+.session-list-title {
+  color: var(--text-primary);
+  font-size: 13px;
+  font-weight: 700;
+  line-height: 1.35;
+  margin-bottom: 4px;
+}
+
+.session-list-source {
+  color: var(--text-muted);
+  font-size: 11px;
+}
+
+.session-jump-notice {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 12px;
+  padding: 10px 12px;
+  border: 1px solid rgba(123, 97, 255, 0.22);
+  border-radius: 12px;
+  color: var(--text-secondary);
+  background: rgba(123, 97, 255, 0.08);
+}
+
+.session-jump-badge {
+  color: var(--accent-secondary);
+  font-size: 11px;
+}
+
+.disclosure-rank-explain {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  align-items: center;
+  margin-top: 9px;
+  color: var(--text-muted);
+  font-size: 11px;
+}
+
+.disclosure-result-cta {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  justify-content: flex-end;
+  color: var(--accent-secondary);
+  font-size: 12px;
+  font-weight: 700;
+  margin-top: 8px;
+}
+
+.disclosure-snippet mark {
+  color: #05050A;
+  background: var(--accent-secondary);
+  border-radius: 4px;
+  padding: 0 2px;
+}
+
+.disclosure-stepper {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-bottom: 12px;
+}
+
+.disclosure-stepper span,
+.disclosure-safe-label {
+  color: var(--text-secondary);
+  background: rgba(255, 255, 255, 0.045);
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 999px;
+  font-size: 11px;
+  padding: 4px 8px;
+}
+
+.disclosure-stepper span.active {
+  color: var(--accent-secondary);
+  border-color: rgba(0, 240, 255, 0.18);
+}
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-memory-layer",
-  "version": "1.0.49",
+  "version": "1.0.51",
   "description": "Project-scoped memory layer for Claude Code, Codex, Hermes, MCP, and dashboards",
   "main": "dist/index.js",
   "bin": {
@@ -22,6 +22,7 @@
     "test:coverage": "vitest --coverage",
     "lint": "eslint src/**/*.ts",
     "typecheck": "tsc --noEmit",
+    "smoke:dashboard": "tsx scripts/dashboard-smoke.ts",
     "check:architecture": "node scripts/check-import-boundaries.mjs",
     "ops:sync-gap:report": "node scripts/report-sync-gap.js",
     "ops:sync-gap:fix": "node scripts/fix-sync-gap.js",
@@ -34,6 +35,7 @@
     "eval:retrieval-replay": "tsx scripts/replay-retrieval-benchmark.ts --fixture benchmarks/replay/golden-memory-usefulness-v1.json --format markdown --no-per-query --min-query-yield 1 --min-no-match-accuracy 1 --max-forbidden-hits 0 --max-failed-queries 0",
     "eval:retrieval-replay:report": "tsx scripts/replay-retrieval-benchmark.ts --fixture benchmarks/replay/golden-memory-usefulness-v1.json --format markdown --no-per-query",
     "eval:longmemeval:retrieval-smoke": "tsx scripts/longmemeval-retrieval-smoke.ts",
+    "eval:longmemeval:codex-batch": "tsx scripts/longmemeval-codex-batch.ts",
     "eval:longmemeval:codex-judge": "tsx scripts/longmemeval-codex-judge.ts",
     "benchmark:replay:promote-review": "tsx scripts/promote-retrieval-review-queue.ts",
     "benchmark:replay:validate-promotion": "tsx scripts/validate-replay-promotion-candidates.ts",