venact — icons used in headers

Every icon that appears in a venact header — module top bars, section/pane headers, drawer headers, the workbench tab bar and breadcrumb trails. Hover any icon for its background fill + tooltip; press for the active state. Within each category every glyph is now one uniform size, stroke weight and resting colour, and every icon shares the identical hover.

Accessibility (WCAG 2.2 AA · SC 2.5.8 Target Size). Every icon button here has a 28×28 px hit target — above the 24 px AA minimum. Glyphs render at a uniform 18 px. ⚠ In the real app the section-header bar is only 22 px tall with 11 px glyphs, and the tab-bar close is 9 px — those targets fall below the 24 px AA minimum. The real px size is shown under each icon so you can see which need enlarging in code.

hover / active fill = #f9fafb (uniform, every category) glyph size 18px · stroke 2 · target 28×28 resting colour is uniform per category (dot next to each title)

Header plumbing SSOT: IconButton.jsx (variant="header" | "toolbar") · HeaderAction.jsx · SectionHeader.jsx · paneConstants.js. Most icons are lucide-react; custom in-repo SVGs: frontend/lib/icons.js, PortIcons.jsx, RunNodeIcon.jsx, canvasGroupIcons.jsx, KeyRoundPlus.jsx, CopyWithHeadersIcon. Icons that carry a semantic colour or toggle state in the real app are noted under the glyph but drawn in the uniform category colour here, so nothing looks heavier or lighter than its neighbours. Hand-drawn scaffold approximating IconButton behaviour — not the real bundle.