Fix device_type mapping in unifyDeviceFields and hide active system status badge in list

Show system status badge on devices list and detail pages

Fix bugs, migrate favorites store to Composition API, DRY state loader, add page tests, replace CSS vars with kit classes

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