Rémi Bouteiller 58cee46c62 Apply the same preview-left layout to the Device edit form. ...

DeviceEditForm now uses the 1.3fr/1fr grid so the live preview sits
on the left (matching the read-only Device view and Dashboard) while
configuration tabs occupy the right column.

- Left: Live preview panel — small-caps header with the dimension /
  orientation / grayscale chip, hero DeviceFrame on the radial
  spotlight (sticky on lg), and a footer strip showing the current
  mode / timezone / default refresh as definition rows that update as
  the form changes.
- Right: a single rounded-2xl panel titled CONFIGURATION holding a
  4-up tab strip (Essentials / Content / Display / Refresh).
- Form internals: a Field helper consolidates label + input + hint /
  error styling; display-mode toggle becomes a 3-up grid; validation
  errors switch from text-red-500 to text-destructive; time-range
  overrides are a divide-y list with a top toolbar and a dashed
  empty state.
- Drops the shadcn Card / AspectRatio / ring-2 ring-gray-200 chrome
  in favor of the shared DeviceFrame, and removes the in-form
  Save / Cancel buttons since the page header already provides them.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

2026-04-24 16:05:23 -07:00

..

device-edit-form.tsx

Apply the same preview-left layout to the Device edit form.

2026-04-24 16:05:23 -07:00

device-view.tsx

Mirror the Dashboard "preview-left, details-right" layout in DeviceView.

2026-04-24 16:05:16 -07:00