Show system status badge on devices list and detail pages

Add device reset and resetup to Vue client

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

Move unassign into a dedicated confirm dialog and fix icon ...

- Revert useAreaAssign composable back to pure assign logic; remove
  submitUnassignCore and unassign state that leaked into the assign modal.
- DeviceDetailPage, ScriptDetailPage, AreaDetailPage:
  * Remove the Unassign button from the assign modal footer.
  * Add a separate GnModal confirm dialog for unassign (like Remove).
  * Dropdown action now opens the confirm dialog instead of firing
    immediately.
  * Replace non-existent ph-map-pin-slash icon with ph-x-circle.

Show warning in assign modal for the last root area ...

Instead of hiding the assign UI, keep the button/menu item visible.
When the user opens the assign modal for the last root area, show a
GnAlert warning inside the modal explaining that it cannot be assigned.
The Assign button is hidden in this state; only Cancel (and Unassign if
applicable) remain. Backend guard in assignToArea stays as a fail-safe.

Add unassign action to area, device and script detail pages ...

- useAreaAssign composable: add submitUnassignCore and loading/error states.
- DeviceDetailPage: add 'Unassign from area' button inside assign modal and
  in the actions dropdown when device has an area_id.
- ScriptDetailPage: same for scripts (non-scope) with area_id.
- AreaDetailPage: add 'Unassign from parent' in assign modal and dropdown
  when area has a parent_id > 0.

Prevent assigning the last root area as a child ...

- Store: assignToArea now rejects with an error if the target area is the
  last remaining root (parent_id <= 0), preventing zero-root trees.
- UI: AreaDetailPage hides the 'Assign to area' / 'Change parent area'
  button and action-menu item when the current area is the last root,
  and shows an explanatory empty-state message instead.
- Tests: add coverage for both the rejection and the allowed case.

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.

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 toast notifications for mutations (Phase 3) ...

- Wrap RouterView in GnToastProvider in App.vue
- Replace inline rebootError alert in DeviceDetailPage with toast
- Replace inline resultAlert in ScriptDetailPage and ScriptsActionsPage with toast
- Add success toasts after successful edit, assign, remove, rename, create, setup
- Keep inline GnAlert inside modals for form-level errors

Fix critical error handling gaps in page mutations ...

- AreaDetailPage: submitRemove now checks result.ok before redirecting;
  replace GnConfirmDialog with GnModal to display remove errors inline.
- DeviceDetailPage: submitRemove now checks result.ok before redirecting;
  replace GnConfirmDialog with GnModal. reboot() now awaits and shows
  error via inline GnAlert instead of silently failing.
- ScriptDetailPage: toggleState now checks result.ok and shows success/
  danger resultAlert feedback instead of ignoring API errors.

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

Replace star icons with bookmark icons for favorites feature

AreaFavoritesPage: use ph-x icon for remove button with neutral base + danger hover

AreaFavoritesPage: use filled star icon to indicate already-favorite state

Fix AreaFavoritesPage: restore onMounted loadAreas for direct page refresh

Redesign AreaFavoritesPage with clickable cards, parent links, star icon button

Fix ScriptsRegularPage: remove unused useRouter call

Pack detail-page header actions into GnDropdown component

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

Add Vue devices list page

Add Vue areas tree page

Scaffold Vue web client