62cc0620c8
New shared Preact primitives for the per-agent terminal redesign: - Badge (@hive/shared/badge.js): a labelled status pill. Plain <span> when static (e.g. "alive"), a real <button> with a disclosure caret when given onClick (e.g. opens a Dropdown, or toggles itself in place). Same component either way so a status row reads as one consistent set of badges regardless of which are interactive. - Dropdown (@hive/shared/dropdown.js): a small option list anchored directly under whatever opened it (no portal, no native <dialog> — see the file comment for why). Closes on outside click or Escape. This is the fix for the design guide's own named anti-example: the agent page's model/effort pickers live in the overflow menu while the current model/effort only show as a disconnected chip. Badge+Dropdown composed together is that control moved inline, next to what it shows. Demoed on swarm-ui's /components page: all Badge tones, a label-prefixed badge, an interactive badge that opens a Dropdown (model-picker shape), and an interactive badge that toggles itself (pause/resume shape). Both packages build + tsc --noEmit clean.
48 lines
1.9 KiB
JSON
48 lines
1.9 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"
|
|
},
|
|
"files": [
|
|
"src/"
|
|
]
|
|
}
|