kyp-mem 0.7.0 → 0.7.1

package/kyp_mem/static/index.html

@@ -889,21 +889,40 @@ function renderSidebar(sessionsData) {
     const group = document.createElement('div');
     const folder = document.createElement('div');
     folder.className = 'tree-folder';
-    folder.innerHTML = `<span class="tf-arrow">▾</span><span class="tf-icon">≡</span><span class="tf-label">${project}</span><span class="tf-count">${sessions.length}</span><button class="tf-graph-btn ghost-btn" title="Open graph for ${project}" data-project="${project}">▦</button>`;
+    folder.innerHTML = `<span class="tf-arrow closed">▸</span><span class="tf-icon">≡</span><span class="tf-label">${project}</span><span class="tf-count">${sessions.length}</span><button class="tf-graph-btn ghost-btn" title="Open graph for ${project}" data-project="${project}">▦</button>`;
 
     const list = document.createElement('div');
-    list.style.cssText = 'display:flex;flex-direction:column;gap:1px;padding-left:16px;margin-top:2px;';
+    list.style.cssText = 'display:none;flex-direction:column;gap:1px;padding-left:16px;margin-top:2px;';
 
     sessions.sort((a, b) => b.path.localeCompare(a.path));
-    sessions.forEach(s => {
+    const MAX_VISIBLE = 5;
+    sessions.forEach((s, idx) => {
       const row = document.createElement('button');
       row.className = 'sidebar-row';
       row.dataset.path = s.path;
+      if (idx >= MAX_VISIBLE) row.style.display = 'none';
+      if (idx >= MAX_VISIBLE) row.dataset.overflow = 'true';
       const displayTime = formatSessionTime(s.path.split('/').pop());
       row.innerHTML = `<span class="sr-dot" style="color:var(--dim)">●</span><span class="sr-label">${displayTime}</span>`;
       row.addEventListener('click', () => openSession(s.path));
       list.appendChild(row);
     });
+    if (sessions.length > MAX_VISIBLE) {
+      const expandBtn = document.createElement('button');
+      expandBtn.className = 'sidebar-row expand-sessions-btn';
+      expandBtn.innerHTML = `<span class="sr-dot" style="color:var(--dim)">⋯</span><span class="sr-label" style="color:var(--dim);font-style:italic">show ${sessions.length - MAX_VISIBLE} more</span>`;
+      expandBtn.addEventListener('click', (e) => {
+        e.stopPropagation();
+        const hidden = list.querySelectorAll('[data-overflow]');
+        const isExpanded = expandBtn.dataset.expanded === 'true';
+        hidden.forEach(r => r.style.display = isExpanded ? 'none' : 'flex');
+        expandBtn.dataset.expanded = isExpanded ? '' : 'true';
+        expandBtn.innerHTML = isExpanded
+          ? `<span class="sr-dot" style="color:var(--dim)">⋯</span><span class="sr-label" style="color:var(--dim);font-style:italic">show ${sessions.length - MAX_VISIBLE} more</span>`
+          : `<span class="sr-dot" style="color:var(--dim)">⋯</span><span class="sr-label" style="color:var(--dim);font-style:italic">show less</span>`;
+      });
+      list.appendChild(expandBtn);
+    }
 
     folder.querySelector('.tf-graph-btn').addEventListener('click', (e) => {
       e.stopPropagation();
@@ -940,14 +959,14 @@ function renderSidebar(sessionsData) {
 
   // Tags section
   const tagSection = document.createElement('section');
-  let tagsOpen = true;
+  let tagsOpen = false;
   tagSection.innerHTML = `
     <div class="side-section-header">
-      <button class="side-section-title" id="tags-toggle"><span class="side-dot" style="background:var(--muted);opacity:0.4"></span>tags<span class="side-collapse-arrow">▾</span></button>
+      <button class="side-section-title" id="tags-toggle"><span class="side-dot" style="background:var(--muted);opacity:0.4"></span>tags<span class="side-collapse-arrow collapsed">▾</span></button>
     </div>
   `;
   const tagBody = document.createElement('div');
-  tagBody.style.cssText = 'display:flex;flex-wrap:wrap;gap:5px;';
+  tagBody.style.cssText = 'display:none;flex-wrap:wrap;gap:5px;';
   renderTagCloud(tagBody);
   tagSection.appendChild(tagBody);
   container.appendChild(tagSection);
@@ -973,9 +992,9 @@ function renderProjectTree(container) {
       const folder = document.createElement('div');
       folder.className = 'tree-folder';
       const isTopLevel = depth === 0;
-      folder.innerHTML = `<span class="tf-arrow">▾</span><span class="tf-icon">≡</span><span class="tf-label">${node.name}</span>${isTopLevel ? `<button class="tf-graph-btn ghost-btn" title="Open graph for ${node.name}" data-project="${node.name}">▦</button>` : ''}`;
+      folder.innerHTML = `<span class="tf-arrow closed">▸</span><span class="tf-icon">≡</span><span class="tf-label">${node.name}</span>${isTopLevel ? `<button class="tf-graph-btn ghost-btn" title="Open graph for ${node.name}" data-project="${node.name}">▦</button>` : ''}`;
       const children = document.createElement('div');
-      children.style.cssText = 'display:flex;flex-direction:column;gap:1px;padding-left:16px;margin-top:2px;';
+      children.style.cssText = 'display:none;flex-direction:column;gap:1px;padding-left:16px;margin-top:2px;';
 
       folder.addEventListener('click', () => {
         const arrow = folder.querySelector('.tf-arrow');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kyp-mem",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "Know Your Project — Persistent & Session level knowledge base for AI agents. MCP-powered with wikilinks, backlinks, auto-learning, and neon web UI.",
   "bin": {
     "kyp-mem": "bin/cli.mjs"

package/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "hatchling.build"
 
 [project]
 name = "kyp-mem"
-version = "0.7.0"
+version = "0.7.1"
 description = "Know Your Project — Persistent knowledge base for AI agents. MCP-powered with wikilinks, backlinks, auto-learning, and neon web UI."
 readme = "README.md"
 license = {text = "MIT"}