feat(web): migrate dashboard checkboxes to @nous-research/ui + DS polish (#28814)
* feat(web): migrate dashboard checkboxes to @nous-research/ui + DS polish
Replaces the hand-rolled shadcn-style Checkbox in web/src/components/ui/
with the Nous DS Checkbox (Radix-backed) from @nous-research/ui, bumps
the DS to 0.14.2, and picks up two regressions surfaced by the bump.
Checkbox migration
- bump @nous-research/ui 0.14.0 → ^0.14.2 and remove
web/src/components/ui/checkbox.tsx
- migrate ProfilesPage and ModelPickerDialog to the DS Checkbox API
(onCheckedChange, paired <Label htmlFor>)
- expose Checkbox on the dashboard plugin SDK
(web/src/plugins/registry.ts) so plugin bundles can use the same
DS component
- migrate the kanban dashboard plugin's 7 native <input type="checkbox">
call sites to the SDK Checkbox, with a native-input fallback shim so
the bundle still renders against older hosts that predate the SDK export
Fix: missing font registrations after the 0.14.x split
- import @nous-research/ui/styles/fonts.css before globals.css in
web/src/index.css. As of 0.14.x, globals.css only declares the
--font-* variables (Collapse, Mondwest, Rules Compressed/Expanded);
the @font-face registrations now live in a separate fonts.css, so
without this import the DS components silently fall back to a system
font stack and look unstyled.
Fix: right-align page header toolbars on sm+ viewports
- The mobile dashboard polish in #28127 flipped four pages'
setEnd(...) wrappers from justify-end to w-full ... justify-start
so toolbars stack below the title and align left on small screens.
But the outer end slot in PageHeaderProvider already has
sm:justify-end, and that has no effect when its only child is
w-full — once a flex child fills the row, the parent's justify-*
can't move it. The toolbar pinned to the *left* of the right-side
sm:max-w-md (~448px) slot, making the buttons appear to float a
couple-hundred pixels off the right edge on Analytics, Models, Logs,
and Plugins.
- Re-add sm:justify-end on the inner wrapper of each affected page,
preserving the mobile stacked layout.
Co-authored-by: Cursor <cursoragent@cursor.com>
* fix(nix): update web npmDeps hash for package-lock bump
Co-authored-by: Cursor <cursoragent@cursor.com>
* fix(nix): refresh npm lockfile hashes
* chore(ci): re-trigger checks after nix lockfile hash fix
Co-authored-by: Cursor <cursoragent@cursor.com>
---------
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
feat(web): mobile dashboard UX polish (#28127)
* feat(web): mobile dashboard UX polish
Bottom sheets for sidebar theme/language pickers on narrow viewports with
enter/exit animation and drag-to-close; inline header badges beside titles;
bottom padding on the route outlet for scroll clearance; profiles loading uses a
unicode braille spinner; align profile/cron card actions to the top; viewport-fit
cover and supporting layout tweaks across dashboard pages.
Co-authored-by: Cursor <cursoragent@cursor.com>
* Fix Nix web npm hash and mobile sheet accessibility.
Align fetchNpmDeps in nix/web.nix with web/package-lock.json for CI. Improve BottomPickSheet backdrop labeling, avoid aria-hidden on the dialog during exit animation, and wire theme/language sheets with listbox semantics and localized dismiss labels.
Co-authored-by: Cursor <cursoragent@cursor.com>
---------
Co-authored-by: Cursor <cursoragent@cursor.com>
fix(dashboard): respect HERMES_BASE_PATH in WebSocket URLs (#25547)
When the dashboard is reverse-proxied under a path prefix
(X-Forwarded-Prefix: /dashboard), the SPA already routes its
/api/... REST traffic through HERMES_BASE_PATH via
web/src/lib/api.ts. Three WebSocket URLs constructed elsewhere
were still hardcoded to root /api/... and so opened
wss://host/api/... instead of wss://host/dashboard/api/...,
forcing operators to forward selected root API/WS paths through the
reverse proxy as a workaround (see issue #25547).
Add HERMES_BASE_PATH between host and /api/... in the
three constructed WebSocket URLs:
- web/src/pages/ChatPage.tsx — PTY WebSocket
- web/src/components/ChatSidebar.tsx — events subscriber
- web/src/lib/gatewayClient.ts — JSON-RPC gateway WebSocket
When the dashboard is served at root, `HERMES_BASE_PATH === """
and the URLs are bit-for-bit identical to before. Under a prefix,
the WebSocket connections now go through the same proxy path the
REST calls already use.
Note: bundled dashboard plugins (kanban, hermes-achievements) embed
"/api/plugins/..." in their compiled dist/index.js and
remain out of scope here — those need source-side fixes per plugin.
Fixes #25547.
feat(web): mobile dashboard UX polish (#28127)
* feat(web): mobile dashboard UX polish
Bottom sheets for sidebar theme/language pickers on narrow viewports with
enter/exit animation and drag-to-close; inline header badges beside titles;
bottom padding on the route outlet for scroll clearance; profiles loading uses a
unicode braille spinner; align profile/cron card actions to the top; viewport-fit
cover and supporting layout tweaks across dashboard pages.
Co-authored-by: Cursor <cursoragent@cursor.com>
* Fix Nix web npm hash and mobile sheet accessibility.
Align fetchNpmDeps in nix/web.nix with web/package-lock.json for CI. Improve BottomPickSheet backdrop labeling, avoid aria-hidden on the dialog during exit animation, and wire theme/language sheets with listbox semantics and localized dismiss labels.
Co-authored-by: Cursor <cursoragent@cursor.com>
---------
Co-authored-by: Cursor <cursoragent@cursor.com>
feat(web): migrate dashboard checkboxes to @nous-research/ui + DS polish (#28814)
* feat(web): migrate dashboard checkboxes to @nous-research/ui + DS polish
Replaces the hand-rolled shadcn-style Checkbox in web/src/components/ui/
with the Nous DS Checkbox (Radix-backed) from @nous-research/ui, bumps
the DS to 0.14.2, and picks up two regressions surfaced by the bump.
Checkbox migration
- bump @nous-research/ui 0.14.0 → ^0.14.2 and remove
web/src/components/ui/checkbox.tsx
- migrate ProfilesPage and ModelPickerDialog to the DS Checkbox API
(onCheckedChange, paired <Label htmlFor>)
- expose Checkbox on the dashboard plugin SDK
(web/src/plugins/registry.ts) so plugin bundles can use the same
DS component
- migrate the kanban dashboard plugin's 7 native <input type="checkbox">
call sites to the SDK Checkbox, with a native-input fallback shim so
the bundle still renders against older hosts that predate the SDK export
Fix: missing font registrations after the 0.14.x split
- import @nous-research/ui/styles/fonts.css before globals.css in
web/src/index.css. As of 0.14.x, globals.css only declares the
--font-* variables (Collapse, Mondwest, Rules Compressed/Expanded);
the @font-face registrations now live in a separate fonts.css, so
without this import the DS components silently fall back to a system
font stack and look unstyled.
Fix: right-align page header toolbars on sm+ viewports
- The mobile dashboard polish in #28127 flipped four pages'
setEnd(...) wrappers from justify-end to w-full ... justify-start
so toolbars stack below the title and align left on small screens.
But the outer end slot in PageHeaderProvider already has
sm:justify-end, and that has no effect when its only child is
w-full — once a flex child fills the row, the parent's justify-*
can't move it. The toolbar pinned to the *left* of the right-side
sm:max-w-md (~448px) slot, making the buttons appear to float a
couple-hundred pixels off the right edge on Analytics, Models, Logs,
and Plugins.
- Re-add sm:justify-end on the inner wrapper of each affected page,
preserving the mobile stacked layout.
Co-authored-by: Cursor <cursoragent@cursor.com>
* fix(nix): update web npmDeps hash for package-lock bump
Co-authored-by: Cursor <cursoragent@cursor.com>
* fix(nix): refresh npm lockfile hashes
* chore(ci): re-trigger checks after nix lockfile hash fix
Co-authored-by: Cursor <cursoragent@cursor.com>
---------
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
feat(web): mobile dashboard UX polish (#28127)
* feat(web): mobile dashboard UX polish
Bottom sheets for sidebar theme/language pickers on narrow viewports with
enter/exit animation and drag-to-close; inline header badges beside titles;
bottom padding on the route outlet for scroll clearance; profiles loading uses a
unicode braille spinner; align profile/cron card actions to the top; viewport-fit
cover and supporting layout tweaks across dashboard pages.
Co-authored-by: Cursor <cursoragent@cursor.com>
* Fix Nix web npm hash and mobile sheet accessibility.
Align fetchNpmDeps in nix/web.nix with web/package-lock.json for CI. Improve BottomPickSheet backdrop labeling, avoid aria-hidden on the dialog during exit animation, and wire theme/language sheets with listbox semantics and localized dismiss labels.
Co-authored-by: Cursor <cursoragent@cursor.com>
---------
Co-authored-by: Cursor <cursoragent@cursor.com>