Skip to content

Phase 3: GUI sidebar icons, section dividers, connection info - #288

Open
mark-e-deyoung wants to merge 3 commits into
masterfrom
feat/gui-sidebar-icons
Open

Phase 3: GUI sidebar icons, section dividers, connection info#288
mark-e-deyoung wants to merge 3 commits into
masterfrom
feat/gui-sidebar-icons

Conversation

@mark-e-deyoung

Copy link
Copy Markdown
Contributor

Phase 3: Sidebar Icons + Branding

Adds visual polish to match the mockup: emoji icons per sidebar tab, section dividers, and connection info dock.

Changes

  • Emoji icons — each tab now has a unique icon: 📊 🪟 📷 🖱️ ⏺️ 🔔 📈 ⚙️
  • Section dividers — "NAVIGATION" (Dashboard..Session) and "MONITORING" (Events..Processes) headers
  • Connection info — sidebar bottom panel shows daemon connection status and controller state
  • Sidebar width — expanded from 200px to 220px per mockup
  • onDrawItem() update — renders icon + label text in each sidebar button
  • onSize() update — positions section headers, two button groups, connection info
  • pollDaemonStatus() update — fills sidebar connection info with live controller status

Build Verification

  • Zero warnings (MSVC Release, /W3 /WX)
  • All 6 GUI viewmodel tests passing
  • Branch: feat/gui-sidebar-icons

Files Changed

  • clients/gui/src/gui_main.cpp — icons, dividers, connection info, layout

mark-e-deyoung and others added 3 commits July 10, 2026 22:15
…version, tests

- Add ID_CLEAR_SEARCH_BTN with ✕ owner-draw button next to search edit
- Add WM_KEYDOWN handler for Enter key in search edit (immediate refresh)
- Add clearSearch() method: empties edit, restores full tree, hides clear button
- Add EM_SETCUEBANNER placeholder text: Search windows...
- Fix wide string conversion: use WideCharToMultiByte instead of iterator cast
- Fix search error handling: check ok field, graceful disconnect message
- Add 2 new doctest test cases: search returns matches, failed search handling
- Reposition daemon indicator to avoid overlap with clear button
- Build: zero warnings, all tests passing

Co-Authored-By: Claude <noreply@anthropic.com>
…lumnar ListView

- Replace hTree_ (TreeView) with hWindowTable_ (ListView in report mode)
- Add sub-tab bar: All Windows / Visible Only / By Process / UIA Tree
- Add Inspect and Focus action buttons alongside existing Highlight
- Add onInspectWindow() — calls window.getInfo, populates property panel
- Add onFocusWindow() — calls window.ensureForeground RPC
- Add getSelectedHwnd() helper for ListView-based selection
- Update onNotify: replace TVN_SELCHANGEDW with LVN_ITEMCHANGED
- Update onSize: position sub-tab bar, action buttons, window table
- Update refreshImpl: populate ListView instead of TreeView
- Update onDrawItem: add sub-tab button highlighting (active accent)
- Remove addNode(), onTreeCustomDraw(), hwnd_storage_, hTree_
- Add 2 new doctest tests: listTop returns flat array, getInfo property map
- Build: zero warnings, all 6 GUI viewmodel tests passing

Co-Authored-By: Claude <noreply@anthropic.com>
- Add emoji icons to sidebar tabs: 📊 🪟 📷 🖱️ ⏺️ 🔔 📈 ⚙️
- Add sidebar section dividers: NAVIGATION and MONITORING headers
- Add connection info panel at sidebar bottom (daemon IP, controller)
- Update sidebar width: 200px -> 220px per mockup spec
- Update onDrawItem: render icon + label in sidebar buttons
- Update onSize: position section headers, nav/monitor groups, connection info
- Update pollDaemonStatus: fill sidebar connection info with live status
- Build: zero warnings, all tests passing

Co-Authored-By: Claude <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant