feat: rename sessions using agent summary title, display narrative summary, and add folder-wise filter to sessions tab

src/app.py

@@ -419,8 +419,7 @@ def api_replay_sessions():
     if auth_err:
         return auth_err
         
-    sessions = kv.list(KV.sessions)
-    sessions.sort(key=lambda s: s.get("startedAt", ""), reverse=True)
+    sessions = functions.list_sessions(kv)
     return jsonify({"success": True, "sessions": sessions}), 200
 
 @app.route("/agentmemory/session/start", methods=["POST"])
@@ -1152,7 +1151,7 @@ def api_replay_load():
     session_id = request.args.get("sessionId")
     if not session_id:
         return jsonify({"error": "sessionId required"}), 400
-    session = kv.get(KV.sessions, session_id)
+    session = functions.get_session(kv, session_id)
     if not session:
         return jsonify({"error": "session not found"}), 404
     obs = kv.list(KV.observations(session_id))

src/functions.py

@@ -1709,11 +1709,24 @@ def rebuild_index(kv: StateKV) -> int:
 
 def list_sessions(kv: StateKV) -> List[Dict[str, Any]]:
     sessions = kv.list(KV.sessions)
+    for s in sessions:
+        sid = s.get("id")
+        if sid:
+            summary = kv.get(KV.summaries, sid)
+            if summary:
+                s["title"] = summary.get("title")
+                s["summary"] = summary.get("narrative")
     sessions.sort(key=lambda s: s.get("startedAt", ""), reverse=True)
     return sessions
 
 def get_session(kv: StateKV, session_id: str) -> Optional[Dict[str, Any]]:
-    return kv.get(KV.sessions, session_id)
+    s = kv.get(KV.sessions, session_id)
+    if s:
+        summary = kv.get(KV.summaries, session_id)
+        if summary:
+            s["title"] = summary.get("title")
+            s["summary"] = summary.get("narrative")
+    return s
 
 def create_session(kv: StateKV, session: Dict[str, Any]) -> Dict[str, Any]:
     kv.set(KV.sessions, session["id"], session)
@@ -2150,6 +2163,13 @@ def summarize(kv: StateKV, data: Dict[str, Any]) -> Dict[str, Any]:
             return {"success": False, "error": f"Reduction failed: {e}"}
             
     kv.set(KV.summaries, session_id, final_summary)
+    
+    session = kv.get(KV.sessions, session_id)
+    if session:
+        session["title"] = final_summary["title"]
+        session["summary"] = final_summary["narrative"]
+        kv.set(KV.sessions, session_id, session)
+
     safe_audit(kv, "compress", "mem::summarize", [session_id], {
         "title": final_summary["title"],
         "observationCount": len(compressed)

src/viewer/index.html

@@ -1259,7 +1259,7 @@
       graph: { loaded: false, nodes: [], edges: [], stats: null, filters: {}, selectedNode: null, queryError: null, truncated: false, totalNodes: 0, totalEdges: 0 },
       memories: { loaded: false, items: [], search: '', typeFilter: '' },
       timeline: { loaded: false, observations: [], sessionId: '', minImportance: 0, page: 0, pageSize: 50 },
-      sessions: { loaded: false, items: [], selectedId: null },
+      sessions: { loaded: false, items: [], selectedId: null, folderFilter: '' },
       audit: { loaded: false, entries: [], opFilter: '' },
       activity: { loaded: false, observations: [], sessions: [], typeFilter: '' },
       lessons: { loaded: false, items: [], search: '' },
@@ -1299,8 +1299,15 @@
       return id ? id.slice(0, n || 8) : '';
     }
     function sessionDisplayName(s) {
-      var project = s && s.project ? String(s.project).split('/').pop() : '';
-      if (project) return project;
+      var folder = s && s.project ? String(s.project).split(/[\\/]/).pop() : '';
+      var title = s && s.title ? String(s.title).trim() : '';
+      if (title && folder) {
+        return title + ' (' + folder + ')';
+      } else if (title) {
+        return title;
+      } else if (folder) {
+        return folder;
+      }
       return shortSessionId(s, 8) || 'Unknown session';
     }
     function sessionLabel(s) {
@@ -2997,18 +3004,45 @@
         return (b.startedAt || '').localeCompare(a.startedAt || '');
       });
 
-      var html = '<div class="session-list">';
-      if (items.length === 0) {
+      var folderFilter = state.sessions.folderFilter || '';
+      var projects = [];
+      state.sessions.items.forEach(function(s) {
+        var folder = s.project ? String(s.project).split(/[\\/]/).pop() : '';
+        if (folder && !projects.includes(folder)) {
+          projects.push(folder);
+        }
+      });
+      projects.sort();
+
+      var toolbarHtml = '<div class="toolbar" style="margin-bottom: 12px; display: flex; gap: 10px; align-items: center;">';
+      toolbarHtml += '<span style="font-size: 12px; font-weight: 600; color: var(--ink-muted);">FILTER BY FOLDER:</span>';
+      toolbarHtml += '<select id="sessions-folder-filter" style="width: 200px; padding: 6px 10px; border-radius: 4px; border: 1px solid var(--border); background: var(--bg); color: var(--ink);">';
+      toolbarHtml += '<option value="">All Folders</option>';
+      projects.forEach(function(p) {
+        var selected = p === folderFilter ? ' selected' : '';
+        toolbarHtml += '<option value="' + esc(p) + '"' + selected + '>' + esc(p) + '</option>';
+      });
+      toolbarHtml += '</select>';
+      toolbarHtml += '</div>';
+
+      var filteredItems = items.filter(function(s) {
+        if (!folderFilter) return true;
+        var folder = s.project ? String(s.project).split(/[\\/]/).pop() : '';
+        return folder === folderFilter;
+      });
+
+      var html = toolbarHtml + '<div class="session-list">';
+      if (filteredItems.length === 0) {
         html += '<div class="empty-state"><div class="empty-icon">&#128466;</div><p>No sessions</p></div>';
       } else {
-        items.forEach(function(s) {
+        filteredItems.forEach(function(s) {
           var statusBadge = s.status === 'active' ? 'badge-green' : s.status === 'completed' ? 'badge-blue' : 'badge-muted';
           var id = sessionId(s);
           var selected = id && state.sessions.selectedId === id;
           html += '<div class="session-item' + (selected ? ' selected' : '') + '"' + (id ? ' data-action="select-session" data-session-id="' + esc(id) + '"' : '') + '>';
           html += '<div class="session-top"><span class="session-project">' + esc(sessionDisplayName(s)) + '</span>';
           html += '<span class="badge ' + statusBadge + '">' + esc(s.status) + '</span></div>';
-          var preview = s.firstPrompt || s.summary || '';
+          var preview = s.summary || s.firstPrompt || '';
           if (preview) {
             html += '<div class="session-preview" style="font-size:13px;color:var(--ink);margin:4px 0;line-height:1.4;">' + esc(truncate(preview, 140)) + '</div>';
           }
@@ -3022,6 +3056,14 @@
       html += '<div id="session-detail"></div>';
       el.innerHTML = html;
 
+      var selectFilter = document.getElementById('sessions-folder-filter');
+      if (selectFilter) {
+        selectFilter.addEventListener('change', function() {
+          state.sessions.folderFilter = this.value;
+          renderSessions();
+        });
+      }
+
       if (state.sessions.selectedId) renderSessionDetail();
     }
 
@@ -3060,7 +3102,7 @@
       var durationMs = s.endedAt ? new Date(s.endedAt).getTime() - new Date(s.startedAt).getTime() : 0;
       var durationLabel = durationMs > 0 ? (durationMs < 60000 ? (durationMs / 1000).toFixed(1) + 's' : (durationMs / 60000).toFixed(1) + 'm') : '-';
 
-      var preview = s.firstPrompt || s.summary || firstPromptFromObs || '';
+      var preview = s.summary || s.firstPrompt || firstPromptFromObs || '';
 
       var html = '<div class="detail-panel">';
       html += '<div style="display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;">';