92b9e67327
Per mara's steer on #3053 ("chip/pill/badge is the same if you squint ... theme unification is part of the goal ... make it common css instead of component, thats fine. but make them look unified"): shared CSS, not a JS component. New @hive/shared/pill.css defines the shape (border/border-radius/ padding/font-size/letter-spacing — color stays per-site, that's the meaningful semantic part) in two tiers matching what was already organically in use: `.hive-pill` (primary state chips) and `.hive-pill-sm` (secondary meta chips). Every pre-existing classname that drew its own copy of this shape (dashboard's `.badge` family, agent's `.status-badge`/`.state-badge`/`.header-pill`/`.ctx-badge`/ `.model-chip`/`.effort-chip`) is folded straight into the same selector groups, so no markup or JS changes were needed anywhere — every render call site keeps constructing the exact same classnames it always did. Most visible consequence: dashboard's `.badge` family moves from its own shape (2px square corners, uppercase, tighter padding) onto the shared rounded-pill shape + agent's "sm" tier sizing, matching the "look unified" ask directly. `npm run build` clean across all three packages.
33 lines
1.2 KiB
JSON
33 lines
1.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",
|
|
"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/hive-jobq-graph.js"
|
|
},
|
|
"files": [
|
|
"src/"
|
|
]
|
|
}
|