opencode-mem 1.0.0 → 2.0.0

package/dist/services/web-server.js

@@ -35,14 +35,12 @@ export class WebServer {
                     const response = event.data;
                     if (response.type === "started") {
                         this.isOwner = true;
-                        log("Web server started (owner)", { url: response.url });
                         resolve();
                     }
                     else if (response.type === "error") {
                         const errorMsg = response.error || "Unknown error";
                         if (errorMsg.includes("EADDRINUSE") || errorMsg.includes("address already in use")) {
                             this.isOwner = false;
-                            log("Web server already running (port in use)");
                             resolve();
                         }
                         else {
@@ -76,7 +74,6 @@ export class WebServer {
     }
     async stop() {
         if (!this.isOwner || !this.worker) {
-            log("Web server stop skipped (not owner or no worker)");
             return;
         }
         return new Promise((resolve) => {
@@ -85,7 +82,6 @@ export class WebServer {
                     this.worker.terminate();
                     this.worker = null;
                 }
-                log("Web server stopped (timeout, forced termination)");
                 resolve();
             }, 5000);
             this.worker.onmessage = (event) => {
@@ -96,7 +92,6 @@ export class WebServer {
                         this.worker.terminate();
                         this.worker = null;
                     }
-                    log("Web server stopped (owner exiting)");
                     resolve();
                 }
             };

package/dist/types/index.d.ts

@@ -32,11 +32,14 @@ export interface ConversationIngestResponse {
 }
 export interface MemoryMetadata {
     type?: MemoryType;
-    source?: "manual" | "auto-capture" | "import" | "api";
+    source?: "manual" | "auto-capture" | "import" | "api" | "user-learning";
     tool?: string;
     sessionID?: string;
     reasoning?: string;
     captureTimestamp?: number;
+    promptCount?: number;
+    analysisTimestamp?: number;
+    promptId?: string;
     displayName?: string;
     userName?: string;
     userEmail?: string;
@@ -45,4 +48,5 @@ export interface MemoryMetadata {
     gitRepoUrl?: string;
     [key: string]: unknown;
 }
+export type AIProviderType = "openai-chat" | "openai-responses" | "anthropic";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,CAAC;AAE7C,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC;AAEhC,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAExE,MAAM,MAAM,uBAAuB,GAC/B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC9B;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,QAAQ,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAAC;AAErD,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,gBAAgB,CAAC;IACvB,OAAO,EAAE,MAAM,GAAG,uBAAuB,EAAE,CAAC;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,0BAA0B;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,cAAc,GAAG,QAAQ,GAAG,KAAK,CAAC;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,CAAC;AAE7C,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC;AAEhC,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAExE,MAAM,MAAM,uBAAuB,GAC/B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC9B;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,QAAQ,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAAC;AAErD,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,gBAAgB,CAAC;IACvB,OAAO,EAAE,MAAM,GAAG,uBAAuB,EAAE,CAAC;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,0BAA0B;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,cAAc,GAAG,QAAQ,GAAG,KAAK,GAAG,eAAe,CAAC;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,kBAAkB,GAAG,WAAW,CAAC"}

package/dist/web/app.js

@@ -8,13 +8,25 @@ const state = {
   totalPages: 1,
   totalItems: 0,
   selectedTag: "",
-  selectedScope: "",
+  currentScope: "project",
   searchQuery: "",
   isSearching: false,
   selectedMemories: new Set(),
   autoRefreshInterval: null,
 };
 
+marked.setOptions({
+  gfm: true,
+  breaks: true,
+  headerIds: false,
+  mangle: false,
+});
+
+function renderMarkdown(markdown) {
+  const html = marked.parse(markdown);
+  return DOMPurify.sanitize(html);
+}
+
 async function fetchAPI(endpoint, options = {}) {
   try {
     const response = await fetch(API_BASE + endpoint, options);
@@ -41,21 +53,21 @@ function populateTagDropdowns() {
   tagFilter.innerHTML = '<option value="">All Tags</option>';
   addTag.innerHTML = '<option value="">Select tag</option>';
 
-  const allTags = [...state.tags.user, ...state.tags.project];
-  allTags.forEach((tagInfo) => {
-    const scope = tagInfo.tag.includes("_user_") ? "user" : "project";
+  const scopeTags = state.currentScope === "user" ? state.tags.user : state.tags.project;
+
+  scopeTags.forEach((tagInfo) => {
     const displayText = tagInfo.displayName || tagInfo.tag;
     const shortDisplay =
       displayText.length > 50 ? displayText.substring(0, 50) + "..." : displayText;
 
     const option1 = document.createElement("option");
     option1.value = tagInfo.tag;
-    option1.textContent = `[${scope}] ${shortDisplay}`;
+    option1.textContent = shortDisplay;
     tagFilter.appendChild(option1);
 
     const option2 = document.createElement("option");
     option2.value = tagInfo.tag;
-    option2.textContent = `[${scope}] ${shortDisplay}`;
+    option2.textContent = shortDisplay;
     addTag.appendChild(option2);
   });
 }
@@ -63,7 +75,7 @@ function populateTagDropdowns() {
 async function loadMemories() {
   showRefreshIndicator(true);
 
-  let endpoint = `/api/memories?page=${state.currentPage}&pageSize=${state.pageSize}`;
+  let endpoint = `/api/memories?page=${state.currentPage}&pageSize=${state.pageSize}&scope=${state.currentScope}&includePrompts=true`;
 
   if (state.isSearching && state.searchQuery) {
     endpoint = `/api/search?q=${encodeURIComponent(state.searchQuery)}&page=${state.currentPage}&pageSize=${state.pageSize}`;
@@ -103,66 +115,12 @@ function renderMemories() {
   }
 
   container.innerHTML = state.memories
-    .map((memory) => {
-      const isSelected = state.selectedMemories.has(memory.id);
-      const isPinned = memory.isPinned || false;
-      const similarityHtml =
-        memory.similarity !== undefined
-          ? `<span class="similarity-score">${memory.similarity}%</span>`
-          : "";
-
-      let displayInfo = memory.displayName || memory.id;
-      if (memory.scope === "project" && memory.projectPath) {
-        const pathParts = memory.projectPath.split("/");
-        displayInfo = pathParts[pathParts.length - 1] || memory.projectPath;
+    .map((item) => {
+      if (item.type === "prompt") {
+        return renderPromptCard(item);
+      } else {
+        return renderMemoryCard(item);
       }
-
-      let subtitle = "";
-      if (memory.scope === "user" && memory.userEmail) {
-        subtitle = `<span class="memory-subtitle">${escapeHtml(memory.userEmail)}</span>`;
-      } else if (memory.scope === "project" && memory.projectPath) {
-        subtitle = `<span class="memory-subtitle">${escapeHtml(memory.projectPath)}</span>`;
-      }
-
-      const pinButton = isPinned
-        ? `<button class="btn-pin pinned" onclick="unpinMemory('${memory.id}')" title="Unpin"><i data-lucide="pin" class="icon icon-filled"></i></button>`
-        : `<button class="btn-pin" onclick="pinMemory('${memory.id}')" title="Pin"><i data-lucide="pin" class="icon"></i></button>`;
-
-      const createdDate = formatDate(memory.createdAt);
-      const updatedDate =
-        memory.updatedAt && memory.updatedAt !== memory.createdAt
-          ? formatDate(memory.updatedAt)
-          : null;
-
-      const dateInfo = updatedDate
-        ? `<span>Created: ${createdDate}</span><span>Updated: ${updatedDate}</span>`
-        : `<span>Created: ${createdDate}</span>`;
-
-      return `
-      <div class="memory-card ${isSelected ? "selected" : ""} ${isPinned ? "pinned" : ""}" data-id="${memory.id}">
-        <div class="memory-header">
-          <div class="meta">
-            <input type="checkbox" class="memory-checkbox" data-id="${memory.id}" ${isSelected ? "checked" : ""} />
-            <span class="badge badge-${memory.scope}">${memory.scope}</span>
-            ${memory.type ? `<span class="badge badge-type">${memory.type}</span>` : ""}
-            ${similarityHtml}
-            ${isPinned ? '<span class="badge badge-pinned">PINNED</span>' : ""}
-            <span class="memory-display-name">${escapeHtml(displayInfo)}</span>
-            ${subtitle}
-          </div>
-          <div class="memory-actions">
-            ${pinButton}
-            <button class="btn-edit" onclick="editMemory('${memory.id}')"><i data-lucide="edit-3" class="icon"></i></button>
-            <button class="btn-delete" onclick="deleteMemory('${memory.id}')"><i data-lucide="trash-2" class="icon"></i></button>
-          </div>
-        </div>
-        <div class="memory-content">${escapeHtml(memory.content)}</div>
-        <div class="memory-footer">
-          ${dateInfo}
-          <span>ID: ${memory.id}</span>
-        </div>
-      </div>
-    `;
     })
     .join("");
 
@@ -173,6 +131,102 @@ function renderMemories() {
   lucide.createIcons();
 }
 
+function renderPromptCard(prompt) {
+  const isLinked = !!prompt.linkedMemoryId;
+  const isSelected = state.selectedMemories.has(prompt.id);
+  const promptDate = formatDate(prompt.createdAt);
+
+  return `
+    <div class="prompt-card ${isSelected ? "selected" : ""}" data-id="${prompt.id}">
+      <div class="prompt-header">
+        <div class="meta">
+          <input type="checkbox" class="memory-checkbox" data-id="${prompt.id}" ${isSelected ? "checked" : ""} />
+          <i data-lucide="message-circle" class="icon"></i>
+          <span class="badge badge-prompt">USER PROMPT</span>
+          ${isLinked ? '<span class="badge badge-linked">🔗 LINKED</span>' : ""}
+          <span class="prompt-date">${promptDate}</span>
+        </div>
+        <div class="prompt-actions">
+          <button class="btn-delete" onclick="deletePromptWithLink('${prompt.id}', ${isLinked})">
+            <i data-lucide="trash-2" class="icon"></i>
+            ${isLinked ? "Delete Pair" : "Delete"}
+          </button>
+        </div>
+      </div>
+      <div class="prompt-content">
+        ${escapeHtml(prompt.content)}
+      </div>
+      ${isLinked ? '<div class="link-indicator">↓ Generated memory above ↑</div>' : ""}
+    </div>
+  `;
+}
+
+function renderMemoryCard(memory) {
+  const isSelected = state.selectedMemories.has(memory.id);
+  const isPinned = memory.isPinned || false;
+  const isLinked = !!memory.linkedPromptId;
+  const similarityHtml =
+    memory.similarity !== undefined
+      ? `<span class="similarity-score">${memory.similarity}%</span>`
+      : "";
+
+  let displayInfo = memory.displayName || memory.id;
+  if (memory.scope === "project" && memory.projectPath) {
+    const pathParts = memory.projectPath.split("/");
+    displayInfo = pathParts[pathParts.length - 1] || memory.projectPath;
+  }
+
+  let subtitle = "";
+  if (memory.scope === "user" && memory.userEmail) {
+    subtitle = `<span class="memory-subtitle">${escapeHtml(memory.userEmail)}</span>`;
+  } else if (memory.scope === "project" && memory.projectPath) {
+    subtitle = `<span class="memory-subtitle">${escapeHtml(memory.projectPath)}</span>`;
+  }
+
+  const pinButton = isPinned
+    ? `<button class="btn-pin pinned" onclick="unpinMemory('${memory.id}')" title="Unpin"><i data-lucide="pin" class="icon icon-filled"></i></button>`
+    : `<button class="btn-pin" onclick="pinMemory('${memory.id}')" title="Pin"><i data-lucide="pin" class="icon"></i></button>`;
+
+  const createdDate = formatDate(memory.createdAt);
+  const updatedDate =
+    memory.updatedAt && memory.updatedAt !== memory.createdAt ? formatDate(memory.updatedAt) : null;
+
+  const dateInfo = updatedDate
+    ? `<span>Created: ${createdDate}</span><span>Updated: ${updatedDate}</span>`
+    : `<span>Created: ${createdDate}</span>`;
+
+  return `
+    <div class="memory-card ${isSelected ? "selected" : ""} ${isPinned ? "pinned" : ""}" data-id="${memory.id}">
+      <div class="memory-header">
+        <div class="meta">
+          <input type="checkbox" class="memory-checkbox" data-id="${memory.id}" ${isSelected ? "checked" : ""} />
+          <span class="badge badge-${memory.scope}">${memory.scope}</span>
+          ${memory.memoryType ? `<span class="badge badge-type">${memory.memoryType}</span>` : ""}
+          ${isLinked ? '<span class="badge badge-linked">🔗 LINKED</span>' : ""}
+          ${similarityHtml}
+          ${isPinned ? '<span class="badge badge-pinned">PINNED</span>' : ""}
+          <span class="memory-display-name">${escapeHtml(displayInfo)}</span>
+          ${subtitle}
+        </div>
+        <div class="memory-actions">
+          ${pinButton}
+          <button class="btn-edit" onclick="editMemory('${memory.id}')"><i data-lucide="edit-3" class="icon"></i></button>
+          <button class="btn-delete" onclick="deleteMemoryWithLink('${memory.id}', ${isLinked})">
+            <i data-lucide="trash-2" class="icon"></i>
+            ${isLinked ? "Delete Pair" : "Delete"}
+          </button>
+        </div>
+      </div>
+      <div class="memory-content markdown-content">${renderMarkdown(memory.content)}</div>
+      ${isLinked ? '<div class="link-indicator">↑ From prompt below ↓</div>' : ""}
+      <div class="memory-footer">
+        ${dateInfo}
+        <span>ID: ${memory.id}</span>
+      </div>
+    </div>
+  `;
+}
+
 function handleCheckboxChange(e) {
   const id = e.target.dataset.id;
   if (e.target.checked) {
@@ -185,7 +239,9 @@ function handleCheckboxChange(e) {
 }
 
 function updateCardSelection(id, selected) {
-  const card = document.querySelector(`.memory-card[data-id="${id}"]`);
+  const card = document.querySelector(
+    `.memory-card[data-id="${id}"], .prompt-card[data-id="${id}"]`
+  );
   if (card) {
     if (selected) {
       card.classList.add("selected");
@@ -222,9 +278,10 @@ function updatePagination() {
 }
 
 function updateSectionTitle() {
+  const scopeName = state.currentScope.toUpperCase();
   const title = state.isSearching
     ? `└─ SEARCH RESULTS (${state.totalItems}) ──`
-    : `└─ MEMORIES (${state.totalItems}) ──`;
+    : `└─ ${scopeName} MEMORIES (${state.totalItems}) ──`;
   document.getElementById("section-title").textContent = title;
 }
 
@@ -238,6 +295,20 @@ async function loadStats() {
   }
 }
 
+function switchScope(scope) {
+  state.currentScope = scope;
+  state.currentPage = 1;
+  state.selectedTag = "";
+
+  document.querySelectorAll(".tab-btn").forEach((btn) => {
+    btn.classList.remove("active");
+  });
+  document.getElementById(`tab-${scope}`).classList.add("active");
+
+  populateTagDropdowns();
+  loadMemories();
+}
+
 async function addMemory(e) {
   e.preventDefault();
 
@@ -266,58 +337,103 @@ async function addMemory(e) {
   }
 }
 
-async function deleteMemory(id) {
-  if (!confirm("Delete this memory?")) return;
+async function deleteMemoryWithLink(id, isLinked) {
+  const message = isLinked ? "Delete this memory AND its linked prompt?" : "Delete this memory?";
 
-  const result = await fetchAPI(`/api/memories/${id}`, { method: "DELETE" });
+  if (!confirm(message)) return;
+
+  const result = await fetchAPI(`/api/memories/${id}?cascade=true`, {
+    method: "DELETE",
+  });
 
   if (result.success) {
-    showToast("Memory deleted", "success");
+    const msg = result.data?.deletedPrompt ? "Memory and linked prompt deleted" : "Memory deleted";
+    showToast(msg, "success");
+
     state.selectedMemories.delete(id);
     await loadMemories();
     await loadStats();
-    updateBulkActions();
   } else {
-    showToast(result.error || "Failed to delete memory", "error");
+    showToast(result.error || "Failed to delete", "error");
   }
 }
 
-async function bulkDelete() {
-  if (state.selectedMemories.size === 0) return;
+async function deletePromptWithLink(id, isLinked) {
+  const message = isLinked
+    ? "Delete this prompt AND its linked memory summary?"
+    : "Delete this prompt?";
 
-  if (!confirm(`Delete ${state.selectedMemories.size} selected memories?`)) return;
+  if (!confirm(message)) return;
 
-  const ids = Array.from(state.selectedMemories);
-  const result = await fetchAPI("/api/memories/bulk-delete", {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({ ids }),
+  const result = await fetchAPI(`/api/prompts/${id}?cascade=true`, {
+    method: "DELETE",
   });
 
   if (result.success) {
-    showToast(`Deleted ${result.data.deleted} memories`, "success");
-    state.selectedMemories.clear();
+    const msg = result.data?.deletedMemory ? "Prompt and linked memory deleted" : "Prompt deleted";
+    showToast(msg, "success");
+
+    state.selectedMemories.delete(id);
     await loadMemories();
     await loadStats();
-    updateBulkActions();
   } else {
-    showToast(result.error || "Failed to delete memories", "error");
+    showToast(result.error || "Failed to delete", "error");
+  }
+}
+
+async function bulkDelete() {
+  if (state.selectedMemories.size === 0) return;
+
+  const message = `Delete ${state.selectedMemories.size} selected items (including linked pairs)?`;
+  if (!confirm(message)) return;
+
+  const ids = Array.from(state.selectedMemories);
+
+  const promptIds = ids.filter((id) => id.startsWith("prompt_"));
+  const memoryIds = ids.filter((id) => !id.startsWith("prompt_"));
+
+  let deletedCount = 0;
+
+  if (promptIds.length > 0) {
+    const result = await fetchAPI("/api/prompts/bulk-delete", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ ids: promptIds, cascade: true }),
+    });
+    if (result.success) deletedCount += result.data.deleted;
   }
+
+  if (memoryIds.length > 0) {
+    const result = await fetchAPI("/api/memories/bulk-delete", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ ids: memoryIds, cascade: true }),
+    });
+    if (result.success) deletedCount += result.data.deleted;
+  }
+
+  showToast(`Deleted ${deletedCount} items (including linked pairs)`, "success");
+  state.selectedMemories.clear();
+  await loadMemories();
+  await loadStats();
+  updateBulkActions();
 }
 
 function deselectAll() {
   state.selectedMemories.clear();
   document.querySelectorAll(".memory-checkbox").forEach((cb) => (cb.checked = false));
-  document.querySelectorAll(".memory-card").forEach((card) => card.classList.remove("selected"));
+  document
+    .querySelectorAll(".memory-card, .prompt-card")
+    .forEach((card) => card.classList.remove("selected"));
   updateBulkActions();
 }
 
 function editMemory(id) {
-  const memory = state.memories.find((m) => m.id === id);
+  const memory = state.memories.find((m) => m.id === id && m.type === "memory");
   if (!memory) return;
 
   document.getElementById("edit-id").value = memory.id;
-  document.getElementById("edit-type").value = memory.type || "";
+  document.getElementById("edit-type").value = memory.memoryType || "";
   document.getElementById("edit-content").value = memory.content;
 
   document.getElementById("edit-modal").classList.remove("hidden");
@@ -390,34 +506,6 @@ function changePage(delta) {
   loadMemories();
 }
 
-function handleFilterChange() {
-  const scopeFilter = document.getElementById("scope-filter").value;
-  const tagFilter = document.getElementById("tag-filter").value;
-
-  if (scopeFilter) {
-    const filteredTags = scopeFilter === "user" ? state.tags.user : state.tags.project;
-    state.selectedTag = filteredTags.length > 0 ? filteredTags[0].tag : "";
-
-    const tagDropdown = document.getElementById("tag-filter");
-    tagDropdown.innerHTML = '<option value="">All Tags</option>';
-    filteredTags.forEach((tagInfo) => {
-      const displayText = tagInfo.displayName || tagInfo.tag;
-      const shortDisplay =
-        displayText.length > 50 ? displayText.substring(0, 50) + "..." : displayText;
-      const option = document.createElement("option");
-      option.value = tagInfo.tag;
-      option.textContent = `[${scopeFilter}] ${shortDisplay}`;
-      if (tagInfo.tag === state.selectedTag) option.selected = true;
-      tagDropdown.appendChild(option);
-    });
-  } else {
-    state.selectedTag = tagFilter;
-  }
-
-  state.currentPage = 1;
-  loadMemories();
-}
-
 function handleAddScopeChange() {
   const scope = document.getElementById("add-scope").value;
   const tagDropdown = document.getElementById("add-tag");
@@ -598,7 +686,7 @@ async function runMigration(strategy) {
 
   if (
     !confirm(
-      `Run ${strategyName} migration?\n\nThis operation is IRREVERSIBLE and will:\n${strategy === "fresh-start" ? "- DELETE all existing memories\n- Remove all shards" : "- Re-embed all memories with new model\n- This may take severales"}\n\nContinue?`
+      `Run ${strategyName} migration?\n\nThis operation is IRREVERSIBLE and will:\n${strategy === "fresh-start" ? "- DELETE all existing memories\n- Remove all shards" : "- Re-embed all memories with new model\n- This may take several minutes"}\n\nContinue?`
     )
   ) {
     return;
@@ -619,7 +707,7 @@ async function runMigration(strategy) {
     if (strategy === "fresh-start") {
       message += `Deleted ${data.deletedShards} shard(s). Duration: ${(data.duration / 1000).toFixed(2)}s`;
     } else {
-      message += `Re-embedded ${data.reEddedMemories} memories. Duration: ${(data.duration / 1000).toFixed(2)}s`;
+      message += `Re-embedded ${data.reEmbeddedMemories} memories. Duration: ${(data.duration / 1000).toFixed(2)}s`;
     }
 
     showToast(message, "success");
@@ -635,7 +723,9 @@ async function runMigration(strategy) {
 }
 
 document.addEventListener("DOMContentLoaded", async () => {
-  document.getElementById("scope-filter").addEventListener("change", handleFilterChange);
+  document.getElementById("tab-project").addEventListener("click", () => switchScope("project"));
+  document.getElementById("tab-user").addEventListener("click", () => switchScope("user"));
+
   document.getElementById("tag-filter").addEventListener("change", () => {
     state.selectedTag = document.getElementById("tag-filter").value;
     state.currentPage = 1;

package/dist/web/index.html

@@ -7,6 +7,8 @@
     <link rel="stylesheet" href="/styles.css" />
     <link rel="icon" type="image/x-icon" href="/favicon.ico" />
     <script src="https://unpkg.com/lucide@latest"></script>
+    <script src="https://cdn.jsdelivr.net/npm/marked@17.0.1/lib/marked.umd.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dompurify@3.2.2/dist/purify.min.js"></script>
   </head>
   <body>
     <div class="container">
@@ -33,16 +35,18 @@
         </div>
       </header>
 
-      <div class="controls">
-        <div class="filter-group">
-          <label>Scope:</label>
-          <select id="scope-filter">
-            <option value="">All</option>
-            <option value="user">User</option>
-            <option value="project">Project</option>
-          </select>
-        </div>
+      <div class="scope-tabs">
+        <button id="tab-project" class="tab-btn active">
+          <i data-lucide="folder" class="icon"></i>
+          PROJECT TIMELINE
+        </button>
+        <button id="tab-user" class="tab-btn">
+          <i data-lucide="user" class="icon"></i>
+          USER TIMELINE
+        </button>
+      </div>
 
+      <div class="controls">
         <div class="filter-group">
           <label>Tag:</label>
           <select id="tag-filter">
@@ -97,7 +101,7 @@
 
       <div class="memories-section">
         <div class="section-header">
-          <h2 id="section-title">└─ MEMORIES (0) ──</h2>
+          <h2 id="section-title">└─ PROJECT MEMORIES (0) ──</h2>
           <div class="pagination" id="pagination-top">
             <button id="prev-page-top" disabled>
               <i data-lucide="chevron-left" class="icon"></i>