refactor: filter sessions by full project folder paths and support Uncategorized category

src/viewer/index.html

@@ -3006,18 +3006,27 @@
 
       var folderFilter = state.sessions.folderFilter || '';
       var projects = [];
+      var hasNoFolder = false;
       state.sessions.items.forEach(function(s) {
-        var folder = s.project ? String(s.project).split(/[\\/]/).pop() : '';
-        if (folder && !projects.includes(folder)) {
-          projects.push(folder);
+        var pPath = s.project ? String(s.project).trim() : '';
+        if (pPath) {
+          if (!projects.includes(pPath)) {
+            projects.push(pPath);
+          }
+        } else {
+          hasNoFolder = true;
         }
       });
       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 += '<span style="font-size: 12px; font-weight: 600; color: var(--ink-muted);">FILTER BY FOLDER PATH:</span>';
+      toolbarHtml += '<select id="sessions-folder-filter" style="width: 280px; padding: 6px 10px; border-radius: 4px; border: 1px solid var(--border); background: var(--bg); color: var(--ink);">';
       toolbarHtml += '<option value="">All Folders</option>';
+      if (hasNoFolder) {
+        var selected = folderFilter === '_none_' ? ' selected' : '';
+        toolbarHtml += '<option value="_none_"' + selected + '>Uncategorized (No Folder)</option>';
+      }
       projects.forEach(function(p) {
         var selected = p === folderFilter ? ' selected' : '';
         toolbarHtml += '<option value="' + esc(p) + '"' + selected + '>' + esc(p) + '</option>';
@@ -3027,8 +3036,11 @@
 
       var filteredItems = items.filter(function(s) {
         if (!folderFilter) return true;
-        var folder = s.project ? String(s.project).split(/[\\/]/).pop() : '';
-        return folder === folderFilter;
+        var pPath = s.project ? String(s.project).trim() : '';
+        if (folderFilter === '_none_') {
+          return !pPath;
+        }
+        return pPath === folderFilter;
       });
 
       var html = toolbarHtml + '<div class="session-list">';