Add graph options panel and separate view bar

- Move view tabs (Grid/Tree/Graph) to dedicated bar below topbar
- Add graph options panel in left sidebar when in graph view:
  - Stats: node count, edge count
  - Category filters: Hashtags, Specs, Values, Visions, Missions, Flags
  - Relation filters: all edge types with color indicators
  - Visualization: images toggle, labels toggle, node size slider, link distance slider
- Left panel shows libraries in grid/tree view, graph options in graph view

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
ARCHITECT
2026-01-13 00:59:00 +00:00
parent a0b20fc5db
commit 79b7389f1f
3 changed files with 281 additions and 6 deletions

View File

@@ -55,11 +55,15 @@
<div class="search-box">
<input type="text" id="search" class="search-input" placeholder="Buscar...">
</div>
<div class="view-tabs">
<button class="view-tab active" data-view="grid">Grid</button>
<button class="view-tab" data-view="tree">Tree</button>
<button class="view-tab" data-view="graph">Graph</button>
</div>
</div>
</div>
<!-- VIEW BAR -->
<div class="view-bar">
<div class="view-tabs">
<button class="view-tab active" data-view="grid">Grid</button>
<button class="view-tab" data-view="tree">Tree</button>
<button class="view-tab" data-view="graph">Graph</button>
</div>
</div>