┌─────────────────────────────────────────────────────────────┐
│                    SIDEBAR UI REFACTOR                      │
│                     2026-05-20                              │
└─────────────────────────────────────────────────────────────┘

╔═══════════════════════════════════════════════════════════╗
║  HEADER — BEFORE                                          ║
╟───────────────────────────────────────────────────────────╢
║  ┌──────────────┐  ◯ 🏝️  [42 tabs · 3 grps]  ⚙️ 🌙☀️💻  ║
║  │ 👁️ ←→        │                                         ║
║  │  WATCHING    │                                         ║
║  └──────────────┘                                         ║
║   (wide slider)   (tiny 18px)    (stats)    (tools)      ║
╚═══════════════════════════════════════════════════════════╝

╔═══════════════════════════════════════════════════════════╗
║  HEADER — AFTER                                           ║
╟───────────────────────────────────────────────────────────╢
║  ┌──┐    ◯ 🏝️       [42 tabs · 3 grps]  ⚙️ 🌙☀️💻        ║
║  │👁️│  (bigger)                                           ║
║  └──┘  36px avatar                                        ║
║ icon btn                                                  ║
╚═══════════════════════════════════════════════════════════╝

┌───────────────────────────────────────────────────────────┐
│  FOLLOW TOGGLE — STYLE EVOLUTION                          │
├───────────────────────────────────────────────────────────┤
│  OLD (slider):                                            │
│  ┌────────────────────────┐                               │
│  │  👁️  ←→   WATCHING     │  44×26px, text label         │
│  └────────────────────────┘                               │
│                                                            │
│  NEW (icon button):                                       │
│  ┌────┐                                                   │
│  │ 👁️ │  32×32px, no text, cleaner                       │
│  └────┘                                                   │
│                                                            │
│  States:                                                  │
│  OFF: [👁️-slash]  gray border, muted                     │
│  ON:  [👁️ open]   orange glow + shadow                   │
└───────────────────────────────────────────────────────────┘

┌───────────────────────────────────────────────────────────┐
│  SETTINGS PAGE — REMOVED SECTION                          │
├───────────────────────────────────────────────────────────┤
│                                                            │
│  ❌ REMOVED:                                              │
│  ┌────────────────────────────────────┐                   │
│  │  Display                           │                   │
│  │  Sidebar title (agent name)        │                   │
│  │  [OpenClaw          ] [Save]       │                   │
│  └────────────────────────────────────┘                   │
│                                                            │
│  Reason: Agent name now hardcoded to "OpenClaw"           │
│  No user configuration needed                             │
└───────────────────────────────────────────────────────────┘

┌───────────────────────────────────────────────────────────┐
│  WHAT WE KEPT (unchanged)                                 │
├───────────────────────────────────────────────────────────┤
│  ✅ Tab attach/follow system (title + URL)               │
│  ✅ Pinned tabs                                           │
│  ✅ Tab count display                                     │
│  ✅ Share Tab button (manual screenshot)                 │
│  ✅ Auto-attach on tab switch (when follow ON)           │
└───────────────────────────────────────────────────────────┘

┌───────────────────────────────────────────────────────────┐
│  KEY PRINCIPLE                                            │
├───────────────────────────────────────────────────────────┤
│  Tab attach is LIGHTWEIGHT:                               │
│  • Just title + URL + favicon                             │
│  • NO auto-screenshots                                    │
│  • NO DOM content scraping                                │
│  • Screenshots only via explicit "Share Tab" click        │
│                                                            │
│  This keeps the follow system fast, non-invasive,         │
│  and respects user privacy.                               │
└───────────────────────────────────────────────────────────┘
