# Sidebar Icons — Style × Shape Matrix

Concept 1 (Semantic Colors) and Concept 2 (Tinted Pills) shown with 3 different icon sets each. Current = existing Lucide icons, Set A = more descriptive/metaphorical icons, Set B = minimal/geometric alternatives. Click any nav item to toggle active state.

## Concept 1 — Semantic Colored Icons

Always-on color per icon. No pill background — just the stroke color creates landmarks.

Concept 1 × Current Icons
Original Lucide Set
LayoutGrid, Box, PenLine, Clock, FileText, BotMessageSquare, Bookmark, Terminal, Sparkles, BarChart3
Concept 1 × Icon Set A
Descriptive / Metaphorical
Gauge, GitFork, Wrench, Zap, Share2, Brain, Layers, Code2, Rocket, TrendingUp
Concept 1 × Icon Set B
Minimal / Geometric
Compass, Network, PenTool, Radio, FileOutput, Wand2, Library, ScrollText, Lightbulb, PieChart

## Concept 2 — Tinted Pill Backgrounds

Colored icon inside a soft tinted rounded-square. Creates visual weight — feels like an app dock.

Concept 2 × Current Icons
Original Lucide Set
LayoutGrid, Box, PenLine, Clock, FileText, BotMessageSquare, Bookmark, Terminal, Sparkles, BarChart3
Concept 2 × Icon Set A
Descriptive / Metaphorical
Gauge, GitFork, Wrench, Zap, Share2, Brain, Layers, Code2, Rocket, TrendingUp
Concept 2 × Icon Set B
Minimal / Geometric
Compass, Network, PenTool, Radio, FileOutput, Wand2, Library, ScrollText, Lightbulb, PieChart

## Icon Comparison Reference

Nav Item | Current | Set A (Descriptive) | Set B (Minimal) | Color
--- | --- | --- | --- | ---
Dashboard | LayoutGrid — 4 squares | Gauge — speedometer, "command center" | Compass — navigation hub | Cyan
All Flows | Box — generic 3D cube | GitFork — branching paths (literally what flows are) | Network — connected nodes | Violet
Flow Editor | PenLine — pen tip | Wrench — builder tool | PenTool — vector/design pen | Amber
Sessions | Clock — time-based | Zap — active energy, live sessions | Radio — broadcasting/live signal | Emerald
Exports | FileText — generic doc | Share2 — share network nodes | FileOutput — file with arrow out | Blue
AI Assistant | BotMessageSquare — robot chat | Brain — intelligence, organic feel | Wand2 — magic wand with sparkles | Fuchsia
Step Library | Bookmark — generic ribbon | Layers — stacked layers = reusable steps | Library — book spines | Orange
Script Library | Terminal — prompt cursor | Code2 — angle brackets with slash | ScrollText — script/scroll with text | Teal
KB Accelerator | Sparkles — magic star | Rocket — acceleration/speed | Lightbulb — ideas/insight | Rose
Analytics | BarChart3 — vertical bars | TrendingUp — growth line with arrow | PieChart — pie segments | Sky