fix: tree toggle back to header, flat view fully flat, toggle icon swaps (v0.13.1)

- Tree toggle button moved back to sidebar header (🌲/☰ icon swap)
- Flat view: all scopes completely flat including Global (no nesting at all)
- Tree view: restores filesystem hierarchy grouping
- Remove "inherits from Global" — already done, cleaned up inline toggle code

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.0",
+  "version": "0.13.1",
   "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,8 +466,9 @@ function setupCollapseAll() {
   if (treeBtn) {
     treeBtn.addEventListener("click", () => {
       treeView = !treeView;
+      treeBtn.textContent = treeView ? "☰" : "🌲";
+      treeBtn.title = treeView ? "Switch to flat view" : "Switch to tree view (filesystem structure)";
       treeBtn.classList.toggle("active", treeView);
-      treeBtn.title = treeView ? "Switch to flat view" : "Switch to tree view (shows filesystem structure)";
       renderSidebar();
     });
   }
@@ -569,7 +570,9 @@ function renderSidebar() {
     // This reflects filesystem structure only — not a universal scope inheritance model
     tree.innerHTML = rootScopes.map((scope) => renderSidebarScopeTree(scope)).join("");
   } else {
-    tree.innerHTML = rootScopes.map((scope) => renderSidebarScope(scope)).join("");
+    // Flat mode: all scopes at the same level, no nesting at all
+    const allScopes = (data?.scopes || []).filter(s => scopeVisibleInSidebar(s));
+    tree.innerHTML = allScopes.map((scope) => renderSidebarScope(scope, "")).join("");
   }
 }
 

src/ui/app.js

@@ -955,6 +955,9 @@ body {
 .ib-conflict::before { background: oklch(0.65 0.15 55); }
 .ib-ancestor { color: oklch(0.58 0.14 160); }
 .ib-ancestor::before { background: oklch(0.58 0.14 160); }
+.s-tree-toggle { cursor: pointer; font-size: 0.7rem; opacity: 0.5; margin-left: auto; padding: 0 4px; }
+.s-tree-toggle:hover { opacity: 1; }
+.s-tree-toggle.active { opacity: 1; }
 .d-effective-wrap { padding: 0 0 8px; }
 .d-effective { font-size: 0.72rem; color: var(--text-muted); line-height: 1.5; padding: 4px 0; }
 .theme-btn.active { background: var(--accent-light); color: var(--accent-text); border-color: var(--accent); }