fix: tree view shows folder structure only, categories collapsed by default (v0.13.3)

Tree view now behaves like the old version: only shows scope names with
yellow folder icons in a nested tree. Categories are hidden until user
clicks to expand a specific scope.

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.13.2",
+  "version": "0.13.3",
   "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

@@ -637,24 +637,26 @@ 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: always show children (scope tree), hide categories
-  const showBody = isDragMode ? hasChildren : (isExpanded && hasNestedContent);
+  // In drag mode or tree view: always show children, hide categories
+  const showBody = (isDragMode || isTreeCollapsed) ? 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 ? "" : " collapsed") : " empty"}">▾</span>
+        <span class="s-tog${hasNestedContent ? (isExpanded || isDragMode || isTreeCollapsed ? "" : " 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 && categoryRows) ? `<div>${categoryRows}</div>` : ""}
+          ${(!isDragMode && !isTreeCollapsed && categoryRows) ? `<div>${categoryRows}</div>` : ""}
           ${childHtml ? `<div class="s-children">${childHtml}</div>` : ""}
         </div>` : (hasNestedContent && !showBody ? `
         <div class="s-scope-body collapsed">