fix: tree view expand shows categories; auto-collapse on tree toggle (v0.14.4)

- Remove isTreeCollapsed — use _dragCollapsed for both modes
- Enter tree view: auto-collapse (folder-only), sync collapse button icon
- Click expand: categories appear in tree view
- Leave tree view: auto-expand back to flat with categories

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: ithiria894

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcpware/claude-code-organizer",
-  "version": "0.14.3",
+  "version": "0.14.4",
   "description": "Organize all your Claude Code memories, skills, MCP servers, commands, agents, rules, and hooks — see what loads globally vs per-project, then move items between scopes",
   "type": "module",
   "files": [

package.json

@@ -466,6 +466,13 @@ function setupCollapseAll() {
   if (treeBtn) {
     treeBtn.addEventListener("click", () => {
       treeView = !treeView;
+      // Enter tree view → auto-collapse to folder-only; leave → expand
+      uiState._dragCollapsed = treeView;
+      const collapseBtn = document.getElementById("collapseAllBtn");
+      if (collapseBtn) {
+        collapseBtn.textContent = treeView ? "▦" : "▤";
+        collapseBtn.title = treeView ? "Expand all" : "Collapse all";
+      }
       treeBtn.textContent = treeView ? "☰" : "🌲";
       treeBtn.title = treeView ? "Switch to flat view" : "Switch to tree view (filesystem structure)";
       treeBtn.classList.toggle("active", treeView);
@@ -637,26 +644,24 @@ function renderSidebarScope(scope, overrideChildHtml) {
     .join("");
 
   const isDragMode = uiState._dragCollapsed;
-  // Tree view: show folder structure only (children visible, categories hidden)
-  const isTreeCollapsed = treeView && overrideChildHtml !== "";
   const hasNestedContent = Boolean(categoryRows || childHtml);
   const hasChildren = Boolean(childHtml);
   const isExpanded = hasNestedContent && (searchQuery ? true : uiState.expandedScopes.has(scope.id));
-  // In drag mode or tree view: always show children, hide categories
-  const showBody = (isDragMode || isTreeCollapsed) ? hasChildren : (isExpanded && hasNestedContent);
+  // In drag/collapse mode: always show children (scope names), hide categories
+  const showBody = isDragMode ? hasChildren : (isExpanded && hasNestedContent);
   const icon = SCOPE_ICONS[scope.type] || "📂";
 
   return `
     <div class="s-scope scope-block" data-scope-id="${esc(scope.id)}">
       <div class="s-scope-hdr${scope.id === selectedScopeId ? " active" : ""}" data-scope-id="${esc(scope.id)}">
-        <span class="s-tog${hasNestedContent ? (isExpanded || isDragMode || isTreeCollapsed ? "" : " collapsed") : " empty"}">▾</span>
+        <span class="s-tog${hasNestedContent ? (isExpanded || isDragMode ? "" : " collapsed") : " empty"}">▾</span>
         <span class="s-ico">${icon}</span>
         <span class="s-nm">${esc(scope.name)}</span>
         <span class="s-cnt">${getRecursiveScopeCount(scope.id)}</span>
       </div>
       ${showBody ? `
         <div class="s-scope-body">
-          ${(!isDragMode && !isTreeCollapsed && categoryRows) ? `<div>${categoryRows}</div>` : ""}
+          ${(!isDragMode && categoryRows) ? `<div>${categoryRows}</div>` : ""}
           ${childHtml ? `<div class="s-children">${childHtml}</div>` : ""}
         </div>` : (hasNestedContent && !showBody ? `
         <div class="s-scope-body collapsed">