feat: add Reduced motion setting and polish chrome, files, and stack-detail (#1501)

mirror of https://github.com/Studio-Saelix/sencho.git synced 2026-09-03 22:25:30 +00:00

A batch of UI/UX polish:

- New independent "Reduced motion" appearance setting (separate from Reduced
  effects). Drives framer-motion via MotionConfig and clamps CSS transitions via
  data-motion on <html>; toasts are unaffected. Defaults off (OS preference
  still honored).
- Stack-detail Files tab: rename "Files & Volumes" to "Files", add a persisted
  word-wrap toggle to the file viewer (default on), and add a fullscreen toggle
  that collapses the Command Center + Logs column so the editor fills the width.
- Create Stack > From Git: remove the nested scroll clamp so the deploy toggle
  and footer are reachable.
- Fleet: full-width tab band with icon-only Refresh / Export Dossier, icon-only
  Check-for-updates / Add-node on the Overview toolbar, theme-aware empty-state
  headings (calm drops the italic), and fix the Actions card body overlapping
  the action-row divider.
- Snapshots: restyle Restore and Restore all to the ghost button design used by
  View / Preview / Download, and right-align the per-stack Restore.
- Settings sidebar: App Store gradient active style and standard font size.
- Compose Doctor: dismiss the high-risk banner (and clear the tab dot) until the
  findings change, via a shared fingerprint-keyed hook.
- Stack-detail Storage: link the "no recent fleet snapshot" warning to the Fleet
  Snapshots tab (FleetView tabs are now controlled to support the deep link).

This commit is contained in:

Anso

2026-06-28 06:18:02 -04:00

committed by

GitHub

parent 083442d5ea

commit b5810a9b55

27 changed files with 489 additions and 119 deletions

									
										frontend/src/lib/events.ts
									
		+13
		
												View File
												
				@@ -34,3 +34,16 @@ export type SecurityTab =

				  | 'suppressions'

				  | 'history'

				  | 'scanner';

				/** Fleet view sub-tabs, used for deep-link navigation (e.g. the stack storage

				 *  warning linking to Snapshots). Mirrors the TabsTrigger values in FleetView. */

				export type FleetTab =

				  | 'overview'

				  | 'snapshots'

				  | 'configuration'

				  | 'dependencies'

				  | 'deployments'

				  | 'routing'

				  | 'federation'

				  | 'actions'

				  | 'secrets';