Use gnexus-ui-kit semantic colors for device status dot and add state components ...

- Status dot in DeviceTable now uses .text-success / .text-danger from
  gnexus-ui-kit with currentColor for background and glow instead of
  project-specific CSS vars.
- Add DeviceChannelsState component for per-channel state rendering.
- Add loadStatesFor helper in devices store for targeted state loading.
- Record styling rule in CLAUDE.md: always prefer kit color classes.

Replace connect column with inline status dot in device table

Show per-channel device states in DeviceTable and load states on AreaDetailPage

Add toast feedback for device reboot in list and detail views

Fix area assignment button on detail pages ...

- Rename submitAssign -> submitAssignCore in useAreaAssign composable
  to avoid name collision with local page handlers.
- Rename local page handlers -> handleAssignSubmit on Area, Device,
  and Script detail pages so event bindings call the wrapper correctly.
- Fix AppEmptyState.vue to forward #action slot into GnEmptyState's
  #actions slot so the Assign button renders for unassigned items.

Improve AppErrorState with statusCode, type, and copyable details (Phase 4) ...

- Add error prop to AppErrorState accepting normalized client error object
- Show type, statusCode, and errorAlias as inline badges
- Add GnCopyButton to copy JSON-serialized error details to clipboard
- displayMessage falls back to error.message when message prop is omitted
- Update all call sites to pass full error object instead of only .message
- Add tests for error badges, copy button visibility, and clipboard content

Add global error handling (Phase 2) ...

- Create useGlobalErrorHandler composable that wires up three
  global error-catching surfaces:
    1. app.config.errorHandler — Vue runtime errors (render,
       watchers, lifecycle hooks, event handlers).
    2. window 'unhandledrejection' — rejected promises without catch.
    3. window 'error' — synchronous JS runtime errors.
- Create AppErrorBoundary component wrapping RouterView to catch
  Vue errors in child components and show fallback UI (AppErrorState
  with Retry) instead of a blank screen.
- Apply the boundary in App.vue so every routed page is protected.

All 126 Vitest tests pass.

Add AreaFavoriteButton component and replace star icons with bookmarks ...

- Create reusable AreaFavoriteButton component (btn-icon, bookmark-simple/fill)
- Replace inline bookmark buttons in AreaTreeNode and AreaFavoritesPage
- Use bookmark icons (ph-bookmark-simple, ph-fill) across favorites feature
- Add @phosphor-icons/web/fill import in main.js
- Update AreaTreeNode test to target new component
- Replace ph-star with ph-bookmarks in AppShell navigation
- Adjust active favorite color from danger to warning
- Remove obsolete .area-favorite-remove styles

PageActionsDropdown: enlarge trigger button to 44x44px / 24px icon

PageActionsDropdown: use ph class instead of ph-bold for icon

PageActionsDropdown: use plain btn-icon instead of GnButton

Fix PageActionsDropdown: icon-only trigger + right-aligned menu, escape page-header overflow

Pack detail-page header actions into GnDropdown component

Vue client: fix script routing type mapping in ScriptTable ...

- Backend returns singular 'action'/'scope', router expects plural 'actions'/'scopes'
- Add routeTypeFor helper to map singular types to plural route params
- 126 tests passing, build green

Vue client: extract ScriptTable component and unify script tables ...

- Add reusable ScriptTable component with alias link, scope link, area badge, state badge, enable/disable actions
- ScriptTable auto-detects row.type for routing and toggling (mixed lists support)
- Replace script table in AreaDetailPage with ScriptTable (no area/actions columns)
- Replace script table in ScriptsRegularPage with ScriptTable
- Update mock handlers for area scripts to include type/area_id/scope
- 126 tests passing, build green

Vue client: extract DeviceTable component and use in AreaDetail ...

- Add reusable DeviceTable component (device cell, connect badge, state, reboot)
- Refactor DevicesListPage to use DeviceTable
- Replace simple device table in AreaDetailPage with full DeviceTable
- 126 tests passing, build green

Vue client: unify area assignment mechanic for areas ...

- Extend AreaAssignSection with  and ]2;]1; props for reuse
- Add  to areasStore with reactive splice update
- Rewrite AreaDetailPage with shared useAreaAssign, AreaBadgeLink, AreaAssignSection
- Filter area options to exclude self-reference and descendants
- Add areasStore test for assignToArea
- 126 tests passing, build green

Vue client: add shared area assignment to scripts and devices ...

- Add useAreaAssign composable for reusable area assignment logic
- Add AreaBadgeLink and AreaAssignSection shared components
- Integrate area assignment into ScriptDetailPage (actions/regular)
- Integrate area assignment into DeviceDetailPage
- Update scriptsStore with assignToArea / unassignFromArea + reactivity fixes
- Update API modules: scripts.placeInArea, devices.assignToArea
- Update list views: show area badges in actions/regular cards and tables
- Add tests and mock handlers for script area operations
- Update AppShell nav and routes for detail pages
- Add prism-theme.css for code highlighting
- 125 tests passing, build green

Add script detail pages with scope grouping ...

- Add ScriptDetailPage for actions, regular, and scopes
- Add scope field to script API response (from backend)
- Replace scope raw-PHP endpoint with client-side filtering via scope field
- Show action and regular scripts grouped by scope on scope detail page
- Remove inline switch from action cards (moved to detail page)
- Add router-links from list pages to detail pages
- Update MSW mocks with scope field for all script types

Scaffold Vue web client