9720bdfad0
Review feedback on this PR (mara): "i think the component should be shared. motion setting is missing." Both addressed: - `settings-storage.ts` (generic localStorage hook), `theme-apply.ts`, `motion-apply.ts`, and `SettingsMenu.tsx`/`.css` all move from swarm-ui's `lib/`/`shell/` into `@hive/shared/src/settings/` — agent's previous local copies are deleted outright rather than kept as a second implementation. One component, `Badge` trigger everywhere (already used elsewhere in swarm-ui, so not a new visual language there either) — storage keys stay caller-owned (`themeKey`/ `motionKey` props + matching `useApplyThemeOverride`/ `useApplyMotionOverride` calls at each package's single mount point) so agent and swarm-ui keep fully independent, non-colliding persisted settings. - Agent's settings menu now includes the motion row, matching swarm-ui's. No animation in the agent package is gated behind `data-motion` yet — same as when swarm-ui first built this plumbing ahead of having a consumer — so it's currently inert there, ready for whenever agent grows a motion-guarded animation. - swarm-ui's own theme default flips to `'dark'` as part of this move (`theme-apply.ts`'s new default), superseding PR #3715 — that PR becomes redundant once this lands and will be closed rather than merged, to avoid the two colliding on the same file. Verified end-to-end with real screenshots on both pages: shared component renders identically (Badge trigger, theme+motion rows, dark default) on agent's mock server and a static rebuild of swarm-ui's dist.
53 lines
2.2 KiB
JSON
53 lines
2.2 KiB
JSON
{
|
|
"name": "@hive/shared",
|
|
"version": "0.0.0",
|
|
"private": true,
|
|
"description": "Shared frontend modules used by both the dashboard and the per-agent UI: terminal log pane, Catppuccin palette, base typography. Imported by sibling workspaces; not bundled standalone.",
|
|
"type": "module",
|
|
"main": "./src/index.js",
|
|
"dependencies": {
|
|
"preact": "10.29.8"
|
|
},
|
|
"exports": {
|
|
".": "./src/index.js",
|
|
"./terminal.js": "./src/terminal/terminal.js",
|
|
"./tabs.js": "./src/tabs/tabs.js",
|
|
"./tabs.css": "./src/tabs/tabs.css",
|
|
"./hive-tab-strip.js": "./src/tabs/hive-tab-strip.js",
|
|
"./colors.css": "./src/colors.css",
|
|
"./theme.css": "./src/theme.css",
|
|
"./base.css": "./src/base.css",
|
|
"./terminal.css": "./src/terminal/terminal.css",
|
|
"./chrome.css": "./src/chrome.css",
|
|
"./pill.css": "./src/pill.css",
|
|
"./forms.js": "./src/forms.js",
|
|
"./prefs.js": "./src/prefs.js",
|
|
"./dom.js": "./src/dom.js",
|
|
"./modal.js": "./src/modal.js",
|
|
"./shadow-css.js": "./src/shadow-css.js",
|
|
"./hive-menu.js": "./src/hive-menu/hive-menu.js",
|
|
"./hive-warn.js": "./src/hive-warn/hive-warn.js",
|
|
"./side-panel.js": "./src/side-panel/hive-side-panel.js",
|
|
"./jobq-graph.js": "./src/jobq-graph/JobqGraph.tsx",
|
|
"./jobq-graph.css": "./src/jobq-graph/jobq-graph.css",
|
|
"./jobq-rollup.js": "./src/jobq-rollup/JobqRollup.tsx",
|
|
"./jobq-rollup.css": "./src/jobq-rollup/jobq-rollup.css",
|
|
"./api-error.js": "./src/api-error.ts",
|
|
"./api-error-panel.js": "./src/api-error-panel/ApiErrorPanel.tsx",
|
|
"./api-error-panel.css": "./src/api-error-panel/api-error-panel.css",
|
|
"./warn-banner.js": "./src/warn-banner/WarnBanner.tsx",
|
|
"./warn-banner.css": "./src/warn-banner/WarnBanner.css",
|
|
"./badge.js": "./src/badge/Badge.tsx",
|
|
"./badge.css": "./src/badge/Badge.css",
|
|
"./dropdown.js": "./src/dropdown/Dropdown.tsx",
|
|
"./dropdown.css": "./src/dropdown/Dropdown.css",
|
|
"./settings-storage.js": "./src/settings/settings-storage.ts",
|
|
"./theme-apply.js": "./src/settings/theme-apply.ts",
|
|
"./motion-apply.js": "./src/settings/motion-apply.ts",
|
|
"./settings-menu.js": "./src/settings/SettingsMenu.tsx",
|
|
"./settings-menu.css": "./src/settings/SettingsMenu.css"
|
|
},
|
|
"files": [
|
|
"src/"
|
|
]
|
|
}
|