npm - @repo-prism/dispatch-hub - Versions diffs - 1.1.11 - Mend

@repo-prism/dispatch-hub 1.1.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (67) hide show

package/README.md +18 -0
package/dist/auth.d.ts +5 -0
package/dist/auth.d.ts.map +1 -0
package/dist/auth.js +37 -0
package/dist/auth.js.map +1 -0
package/dist/bin.d.ts +3 -0
package/dist/bin.d.ts.map +1 -0
package/dist/bin.js +14 -0
package/dist/bin.js.map +1 -0
package/dist/dashboard/app.css +1 -0
package/dist/dashboard/app.js +237 -0
package/dist/dashboard/app.js.map +18 -0
package/dist/dashboard/hub.css +707 -0
package/dist/dashboard/index.html +13 -0
package/dist/ensure.d.ts +27 -0
package/dist/ensure.d.ts.map +1 -0
package/dist/ensure.js +117 -0
package/dist/ensure.js.map +1 -0
package/dist/hub-record.d.ts +8 -0
package/dist/hub-record.d.ts.map +1 -0
package/dist/hub-record.js +25 -0
package/dist/hub-record.js.map +1 -0
package/dist/idle.d.ts +16 -0
package/dist/idle.d.ts.map +1 -0
package/dist/idle.js +33 -0
package/dist/idle.js.map +1 -0
package/dist/index.d.ts +12 -0
package/dist/index.d.ts.map +1 -0
package/dist/index.js +11 -0
package/dist/index.js.map +1 -0
package/dist/json-file.d.ts +3 -0
package/dist/json-file.d.ts.map +1 -0
package/dist/json-file.js +19 -0
package/dist/json-file.js.map +1 -0
package/dist/notice.d.ts +11 -0
package/dist/notice.d.ts.map +1 -0
package/dist/notice.js +36 -0
package/dist/notice.js.map +1 -0
package/dist/notify.d.ts +7 -0
package/dist/notify.d.ts.map +1 -0
package/dist/notify.js +59 -0
package/dist/notify.js.map +1 -0
package/dist/paths.d.ts +17 -0
package/dist/paths.d.ts.map +1 -0
package/dist/paths.js +38 -0
package/dist/paths.js.map +1 -0
package/dist/registry.d.ts +8 -0
package/dist/registry.d.ts.map +1 -0
package/dist/registry.js +42 -0
package/dist/registry.js.map +1 -0
package/dist/server.d.ts +22 -0
package/dist/server.d.ts.map +1 -0
package/dist/server.js +264 -0
package/dist/server.js.map +1 -0
package/dist/snapshot.d.ts +7 -0
package/dist/snapshot.d.ts.map +1 -0
package/dist/snapshot.js +43 -0
package/dist/snapshot.js.map +1 -0
package/dist/types.d.ts +48 -0
package/dist/types.d.ts.map +1 -0
package/dist/types.js +13 -0
package/dist/types.js.map +1 -0
package/dist/watch.d.ts +22 -0
package/dist/watch.d.ts.map +1 -0
package/dist/watch.js +164 -0
package/dist/watch.js.map +1 -0
package/package.json +45 -0

package/dist/dashboard/hub.css ADDED Viewed

@@ -0,0 +1,707 @@
+/**
+ * Prism UI tokens — UXPilot dark product system.
+ * Source of truth: plans/mockups/screens/html/*.html + plans/mockups/DESIGN.md.
+ * ADR-0014 relocked the product UI from light Signal Chart to this dark theme.
+ * Surfaces must consume these tokens; do not invent alternate palettes.
+ *
+ * Theme contract (consumers):
+ *   document.documentElement.dataset.theme = 'light' | 'dark' | 'system'
+ * The overrides below apply whether `data-theme` is set on :root/<html> OR on
+ * any `.prism-theme` ancestor, so the toggle takes effect app-wide regardless
+ * of where the attribute lands. Default (no attribute) = dark.
+ *
+ * Density:   document.documentElement.dataset.prismDensity = 'comfortable' | 'compact'
+ *            (or data-density on a .prism-theme ancestor)
+ * Mono font: document.documentElement.dataset.prismMonoFont = 'jetbrains' | 'ibm-plex' | 'fira' | 'system'
+ * Sans font: document.documentElement.dataset.prismSansFont = 'inter' | 'ibm-plex' | 'system'
+ */
+:root,
+.prism-theme {
+  /* Brand + accents (UXPilot) */
+  --prism-brand: #00c2c2;
+  --prism-brand-strong: #00dcd4;
+  /* Primary button label — always white for contrast on teal (Design.md on-primary). */
+  --prism-on-brand: #ffffff;
+  --prism-violet: #6c63ff;
+  /* Text */
+  --prism-ink: #ffffff;
+  --prism-ink-muted: #94a3b8;
+  --prism-text: #e6f0f2;
+  --prism-text-faint: #94a3b8;
+  --prism-surface: #131926;
+  --prism-border: #2a334a;
+  /* Structure */
+  --prism-line: #2a334a;
+  --prism-panel: #131926;
+  --prism-panel-2: #0f1420;
+  --prism-canvas: #0a0e1a;
+  --prism-canvas-alt: #0f1420;
+  --prism-tile: #1e2433;
+  --prism-elev: #1e2433;
+  /* Map graph */
+  --prism-route: #00c2c2;
+  --prism-edge: color-mix(in srgb, #00c2c2 45%, #2a334a);
+  --prism-edge-strong: color-mix(in srgb, #00c2c2 78%, #94a3b8);
+  --prism-node-fill: #1e2433;
+  --prism-node-fill-selected: color-mix(in srgb, #00c2c2 16%, #131926);
+  /* Signal colors */
+  --prism-risk: #f59e0b;
+  --prism-risk-extreme: #f43f5e;
+  --prism-safe: #10b981;
+  --prism-amber: #f59e0b;
+  --prism-rose: #f43f5e;
+  --prism-emerald: #10b981;
+  /* Tooltip / instrument chrome */
+  --prism-dark-chrome: #1e2433;
+  --prism-dark-ink: #e8eef2;
+  /* Aliases */
+  --bg-canvas: var(--prism-canvas);
+  --bg-panel: var(--prism-panel);
+  --ink: var(--prism-ink);
+  --ink-muted: var(--prism-ink-muted);
+  --line: var(--prism-line);
+  --brand: var(--prism-brand);
+  /* Shell aliases used by overview/settings (keep in sync with light block). */
+  --prism-text-dim: var(--prism-ink-muted);
+  --prism-surface-raised: var(--prism-elev);
+  --prism-surface-container: var(--prism-tile);
+  /* Typography (UXPilot: Inter + JetBrains Mono) */
+  --prism-font: "Inter", "Segoe UI", system-ui, sans-serif;
+  --prism-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;
+  --prism-type-brand-size: 1.125rem;
+  --prism-type-brand-weight: 650;
+  --prism-type-brand-tracking: -0.02em;
+  --prism-type-h2-size: 1.15rem;
+  --prism-type-h2-weight: 600;
+  --prism-type-body: 0.9375rem;
+  --prism-type-body-sm: 0.8125rem;
+  --prism-type-label: 0.75rem;
+  --prism-type-label-tracking: 0.04em;
+  --prism-type-mono: 0.75rem;
+  --prism-leading-body: 1.45;
+  /* Shape + space */
+  --prism-radius-sm: 6px;
+  --prism-radius-md: 8px;
+  --prism-radius-lg: 12px;
+  --prism-radius-pill: 999px;
+  --prism-space-xs: 4px;
+  --prism-space-sm: 8px;
+  --prism-space-md: 16px;
+  --prism-space-lg: 24px;
+  --prism-space-xl: 32px;
+  --prism-topbar-h: 48px;
+  --prism-sidebar-w: 224px;
+  --prism-inspector-w: 288px;
+  --prism-shadow-inspector: 0 8px 24px rgba(0, 0, 0, 0.45);
+  /* Elevation ladder (dark) */
+  --prism-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(0, 0, 0, 0.3);
+  --prism-shadow-2: 0 4px 12px rgba(0, 0, 0, 0.45), 0 1px 3px rgba(0, 0, 0, 0.35);
+  --prism-shadow-3: 0 14px 34px rgba(0, 0, 0, 0.55), 0 4px 10px rgba(0, 0, 0, 0.4);
+  --prism-shadow-float: 0 22px 52px rgba(0, 0, 0, 0.6), 0 6px 16px rgba(0, 0, 0, 0.45);
+  /* Selection focus ring (teal) */
+  --prism-ring: 0 0 0 3px color-mix(in srgb, var(--prism-brand) 26%, transparent);
+  --prism-ring-strong: 0 0 0 2px color-mix(in srgb, var(--prism-brand) 60%, transparent);
+  /* Signal glass — thin instrument surfaces floating over the map */
+  --prism-glass: color-mix(in srgb, var(--prism-tile) 86%, transparent);
+  --prism-glass-line: color-mix(in srgb, var(--prism-line) 90%, transparent);
+  --prism-glass-blur: 14px;
+  /* Motion */
+  --prism-dur-1: 120ms;
+  --prism-dur-2: 200ms;
+  --prism-dur-3: 320ms;
+  --prism-dur-4: 480ms;
+  --prism-ease: cubic-bezier(0.4, 0, 0.2, 1);
+  --prism-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
+  --prism-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
+  /* Map atmosphere — dot grid over deep navy */
+  --prism-grid-line: rgba(42, 51, 74, 0.7);
+  --prism-grid-fine: rgba(42, 51, 74, 0.4);
+  --prism-vignette: rgba(0, 0, 0, 0.4);
+}
+/* Density overrides */
+.prism-theme[data-density="comfortable"],
+:root[data-prism-density="comfortable"],
+html[data-prism-density="comfortable"] body,
+:root[data-prism-density="comfortable"] .prism-theme {
+  --prism-space-xs: 6px;
+  --prism-space-sm: 10px;
+  --prism-space-md: 18px;
+  --prism-space-lg: 28px;
+}
+.prism-theme[data-density="compact"],
+:root[data-prism-density="compact"],
+html[data-prism-density="compact"] body,
+:root[data-prism-density="compact"] .prism-theme {
+  --prism-space-xs: 2px;
+  --prism-space-sm: 6px;
+  --prism-space-md: 12px;
+  --prism-space-lg: 18px;
+}
+/* Mono font family — set data-prism-mono-font on :root/<html> or .prism-theme */
+:root[data-prism-mono-font="jetbrains"],
+.prism-theme[data-prism-mono-font="jetbrains"] {
+  --prism-mono: "JetBrains Mono", ui-monospace, monospace;
+}
+:root[data-prism-mono-font="ibm-plex"],
+.prism-theme[data-prism-mono-font="ibm-plex"] {
+  --prism-mono: "IBM Plex Mono", ui-monospace, monospace;
+}
+:root[data-prism-mono-font="fira"],
+.prism-theme[data-prism-mono-font="fira"] {
+  --prism-mono: "Fira Code", "Fira Mono", ui-monospace, monospace;
+}
+:root[data-prism-mono-font="system"],
+.prism-theme[data-prism-mono-font="system"] {
+  --prism-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+}
+/* Sans font family — set data-prism-sans-font on :root/<html> or .prism-theme */
+:root[data-prism-sans-font="inter"],
+.prism-theme[data-prism-sans-font="inter"] {
+  --prism-font: "Inter", "Segoe UI", system-ui, sans-serif;
+}
+:root[data-prism-sans-font="ibm-plex"],
+.prism-theme[data-prism-sans-font="ibm-plex"] {
+  --prism-font: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
+}
+:root[data-prism-sans-font="system"],
+.prism-theme[data-prism-sans-font="system"] {
+  --prism-font: system-ui, -apple-system, "Segoe UI", sans-serif;
+}
+/* Light theme — keep brand teal; flip structure + chrome.
+   Applies when data-theme="light" is on :root/<html>, on a .prism-theme
+   ancestor, or on :root with a nested .prism-theme container. */
+.prism-theme[data-theme="light"],
+:root[data-theme="light"],
+html[data-theme="light"],
+html[data-theme="light"] body,
+:root[data-theme="light"] .prism-theme,
+html[data-theme="light"] .prism-theme {
+  /* Signal Chart / Design.md light atmospheric palette */
+  --prism-ink: #191c1d;
+  --prism-ink-muted: #5a6b76;
+  --prism-line: #c5d0d8;
+  --prism-panel: #ffffff;
+  --prism-panel-2: #f3f4f5;
+  --prism-canvas: #e8eef2;
+  --prism-canvas-alt: #f4f7f9;
+  --prism-tile: #edeeef;
+  --prism-elev: #ffffff;
+  --prism-brand: #005c55;
+  --prism-brand-strong: #0f766e;
+  --prism-on-brand: #ffffff;
+  --prism-node-fill: #ffffff;
+  --prism-node-fill-selected: color-mix(in srgb, #005c55 12%, #ffffff);
+  --prism-edge: color-mix(in srgb, #005c55 40%, #c5d0d8);
+  --prism-dark-chrome: #ffffff;
+  --prism-dark-ink: #191c1d;
+  --prism-text: #191c1d;
+  --prism-text-faint: #5a6b76;
+  --prism-surface: #f8f9fa;
+  --prism-border: #c5d0d8;
+  --prism-grid-line: rgba(90, 107, 118, 0.35);
+  --prism-grid-fine: rgba(90, 107, 118, 0.2);
+  --prism-vignette: rgba(25, 28, 29, 0.06);
+  --prism-shadow-inspector: 0 8px 24px rgba(25, 28, 29, 0.1);
+  --prism-shadow-1: 0 1px 2px rgba(25, 28, 29, 0.06),
+    0 1px 1px rgba(25, 28, 29, 0.04);
+  --prism-shadow-2: 0 4px 12px rgba(25, 28, 29, 0.08),
+    0 1px 3px rgba(25, 28, 29, 0.06);
+  --prism-shadow-3: 0 14px 34px rgba(25, 28, 29, 0.12),
+    0 4px 10px rgba(25, 28, 29, 0.08);
+  --prism-shadow-float: 0 22px 52px rgba(25, 28, 29, 0.14),
+    0 6px 16px rgba(25, 28, 29, 0.08);
+  --prism-text-dim: var(--prism-ink-muted);
+  --prism-surface-raised: var(--prism-elev);
+  --prism-surface-container: var(--prism-tile);
+}
+@media (prefers-color-scheme: light) {
+  .prism-theme[data-theme="system"],
+  :root[data-theme="system"],
+  html[data-theme="system"],
+  html[data-theme="system"] body,
+  :root[data-theme="system"] .prism-theme,
+  html[data-theme="system"] .prism-theme {
+    --prism-ink: #191c1d;
+    --prism-ink-muted: #5a6b76;
+    --prism-line: #c5d0d8;
+    --prism-panel: #ffffff;
+    --prism-panel-2: #f3f4f5;
+    --prism-canvas: #e8eef2;
+    --prism-canvas-alt: #f4f7f9;
+    --prism-tile: #edeeef;
+    --prism-elev: #ffffff;
+    --prism-brand: #005c55;
+    --prism-brand-strong: #0f766e;
+    --prism-on-brand: #ffffff;
+    --prism-node-fill: #ffffff;
+    --prism-node-fill-selected: color-mix(in srgb, #005c55 12%, #ffffff);
+    --prism-edge: color-mix(in srgb, #005c55 40%, #c5d0d8);
+    --prism-dark-chrome: #ffffff;
+    --prism-dark-ink: #191c1d;
+    --prism-text: #191c1d;
+    --prism-text-faint: #5a6b76;
+    --prism-surface: #f8f9fa;
+    --prism-border: #c5d0d8;
+    --prism-grid-line: rgba(90, 107, 118, 0.35);
+    --prism-grid-fine: rgba(90, 107, 118, 0.2);
+    --prism-vignette: rgba(25, 28, 29, 0.06);
+    --prism-shadow-inspector: 0 8px 24px rgba(25, 28, 29, 0.1);
+    --prism-shadow-1: 0 1px 2px rgba(25, 28, 29, 0.06),
+      0 1px 1px rgba(25, 28, 29, 0.04);
+    --prism-shadow-2: 0 4px 12px rgba(25, 28, 29, 0.08),
+      0 1px 3px rgba(25, 28, 29, 0.06);
+    --prism-shadow-3: 0 14px 34px rgba(25, 28, 29, 0.12),
+      0 4px 10px rgba(25, 28, 29, 0.08);
+    --prism-shadow-float: 0 22px 52px rgba(25, 28, 29, 0.14),
+      0 6px 16px rgba(25, 28, 29, 0.08);
+    --prism-text-dim: var(--prism-ink-muted);
+    --prism-surface-raised: var(--prism-elev);
+    --prism-surface-container: var(--prism-tile);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  :root,
+  .prism-theme {
+    --prism-dur-1: 0ms;
+    --prism-dur-2: 0ms;
+    --prism-dur-3: 0ms;
+    --prism-dur-4: 0ms;
+  }
+}
+/**
+ * Prism UI form / chrome primitives.
+ * Consumes tokens from tokens.css — do not invent alternate palettes.
+ */
+/* —— Shared field chrome —— */
+.prism-input,
+.prism-textarea,
+.prism-select {
+  display: block;
+  width: 100%;
+  box-sizing: border-box;
+  margin: 0;
+  padding: var(--prism-space-sm) var(--prism-space-md);
+  border: 1px solid var(--prism-line);
+  border-radius: var(--prism-radius-md);
+  background: var(--prism-panel);
+  color: var(--prism-ink);
+  font-family: var(--prism-font);
+  font-size: var(--prism-type-body-sm);
+  line-height: var(--prism-leading-body);
+  outline: none;
+  transition:
+    border-color var(--prism-dur-1) var(--prism-ease),
+    box-shadow var(--prism-dur-1) var(--prism-ease);
+}
+.prism-input::placeholder,
+.prism-textarea::placeholder {
+  color: var(--prism-ink-muted);
+}
+.prism-input:hover:not(:disabled),
+.prism-textarea:hover:not(:disabled),
+.prism-select:hover:not(:disabled) {
+  border-color: color-mix(in srgb, var(--prism-brand) 40%, var(--prism-line));
+}
+.prism-input:focus,
+.prism-textarea:focus,
+.prism-select:focus,
+.prism-input:focus-visible,
+.prism-textarea:focus-visible,
+.prism-select:focus-visible {
+  outline: none;
+  outline-color: var(--prism-brand);
+  border-color: var(--prism-brand);
+  box-shadow: var(--prism-ring);
+}
+.prism-input:disabled,
+.prism-textarea:disabled,
+.prism-select:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
+.prism-textarea {
+  min-height: 88px;
+  resize: vertical;
+}
+.prism-select {
+  appearance: none;
+  background-image: linear-gradient(
+      45deg,
+      transparent 50%,
+      var(--prism-ink-muted) 50%
+    ),
+    linear-gradient(135deg, var(--prism-ink-muted) 50%, transparent 50%);
+  background-position:
+    calc(100% - 16px) calc(50% - 3px),
+    calc(100% - 11px) calc(50% - 3px);
+  background-size:
+    5px 5px,
+    5px 5px;
+  background-repeat: no-repeat;
+  padding-right: calc(var(--prism-space-md) + 16px);
+  cursor: pointer;
+}
+.prism-field {
+  display: flex;
+  flex-direction: column;
+  gap: var(--prism-space-xs);
+}
+.prism-field__label {
+  font-family: var(--prism-font);
+  font-size: var(--prism-type-label);
+  font-weight: 500;
+  letter-spacing: var(--prism-type-label-tracking);
+  color: var(--prism-ink-muted);
+  text-transform: uppercase;
+}
+/* —— Search —— */
+.prism-search {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: var(--prism-space-sm);
+  width: 100%;
+  box-sizing: border-box;
+  padding: 0 var(--prism-space-md);
+  border: 1px solid var(--prism-line);
+  border-radius: var(--prism-radius-md);
+  background: var(--prism-panel);
+  color: var(--prism-ink-muted);
+  transition:
+    border-color var(--prism-dur-1) var(--prism-ease),
+    box-shadow var(--prism-dur-1) var(--prism-ease),
+    color var(--prism-dur-1) var(--prism-ease);
+}
+.prism-search:focus-within {
+  outline: none;
+  border-color: var(--prism-brand);
+  color: var(--prism-brand);
+  box-shadow: var(--prism-ring);
+}
+.prism-search__input:focus,
+.prism-search__input:focus-visible {
+  outline: none;
+}
+.prism-search__icon {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.prism-search__input {
+  flex: 1;
+  min-width: 0;
+  margin: 0;
+  padding: var(--prism-space-sm) 0;
+  border: 0;
+  outline: 0;
+  background: transparent;
+  color: var(--prism-ink);
+  font-family: var(--prism-font);
+  font-size: var(--prism-type-body-sm);
+  line-height: var(--prism-leading-body);
+}
+.prism-search__input::placeholder {
+  color: var(--prism-ink-muted);
+}
+.prism-search__input:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
+/* —— Toggle group (segmented control) —— */
+.prism-toggle-group {
+  display: inline-flex;
+  align-items: stretch;
+  gap: 2px;
+  padding: 2px;
+  border: 1px solid var(--prism-line);
+  border-radius: var(--prism-radius-md);
+  background: var(--prism-panel);
+}
+.prism-toggle-group__btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0;
+  padding: var(--prism-space-xs) var(--prism-space-sm);
+  border: 0;
+  border-radius: calc(var(--prism-radius-md) - 2px);
+  background: transparent;
+  color: var(--prism-ink-muted);
+  font-family: var(--prism-font);
+  font-size: var(--prism-type-body-sm);
+  font-weight: 500;
+  line-height: 1.2;
+  cursor: pointer;
+  transition:
+    background var(--prism-dur-1) var(--prism-ease),
+    color var(--prism-dur-1) var(--prism-ease);
+}
+.prism-toggle-group__btn:hover:not(:disabled):not([data-active="true"]) {
+  color: var(--prism-ink);
+  background: color-mix(in srgb, var(--prism-ink) 6%, transparent);
+}
+.prism-toggle-group__btn[data-active="true"] {
+  color: var(--prism-ink);
+  background: color-mix(in srgb, var(--prism-brand) 18%, var(--prism-panel));
+  box-shadow: inset 0 0 0 1px
+    color-mix(in srgb, var(--prism-brand) 35%, transparent);
+}
+.prism-toggle-group__btn:focus-visible {
+  outline: none;
+  border-color: var(--prism-brand);
+  box-shadow: var(--prism-ring);
+}
+.prism-toggle-group__btn:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+/* —— Tabs —— */
+.prism-tabs {
+  display: flex;
+  align-items: stretch;
+  gap: var(--prism-space-xs);
+  border-bottom: 1px solid var(--prism-line);
+}
+.prism-tabs__btn {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0;
+  padding: var(--prism-space-sm) var(--prism-space-md);
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  color: var(--prism-ink-muted);
+  font-family: var(--prism-font);
+  font-size: var(--prism-type-body-sm);
+  font-weight: 500;
+  line-height: 1.2;
+  cursor: pointer;
+  transition: color var(--prism-dur-1) var(--prism-ease);
+}
+.prism-tabs__btn::after {
+  content: "";
+  position: absolute;
+  left: var(--prism-space-sm);
+  right: var(--prism-space-sm);
+  bottom: -1px;
+  height: 2px;
+  border-radius: 1px;
+  background: transparent;
+  transition: background var(--prism-dur-1) var(--prism-ease);
+}
+.prism-tabs__btn:hover:not(:disabled):not([data-active="true"]) {
+  color: var(--prism-ink);
+}
+.prism-tabs__btn[data-active="true"] {
+  color: var(--prism-brand);
+}
+.prism-tabs__btn[data-active="true"]::after {
+  background: var(--prism-brand);
+}
+.prism-tabs__btn:focus-visible {
+  outline: none;
+  border-color: var(--prism-brand);
+  box-shadow: var(--prism-ring);
+  border-radius: var(--prism-radius-sm);
+}
+.prism-tabs__btn:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+/* —— Card-title icon (tone-colored) —— */
+.prism-card-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  line-height: 0;
+}
+/* —— Tooltip (InfoTip affordance) —— */
+.prism-tooltip {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+}
+.prism-tooltip__trigger {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  padding: 0;
+  border: none;
+  border-radius: var(--prism-radius-pill);
+  color: var(--prism-ink-muted);
+  background: transparent;
+  cursor: help;
+  transition:
+    color var(--prism-dur-1) var(--prism-ease),
+    background var(--prism-dur-1) var(--prism-ease);
+}
+.prism-tooltip__trigger:hover,
+.prism-tooltip__trigger:focus-visible {
+  color: var(--prism-brand);
+  background: color-mix(in srgb, var(--prism-brand) 16%, transparent);
+  outline: none;
+}
+/* Rendered into a document.body portal with position:fixed; top/left are
+   computed in Tooltip.tsx to stay within the viewport (flip + clamp). */
+.prism-tooltip__pop {
+  position: fixed;
+  z-index: 9999;
+  width: 240px;
+  max-width: calc(100vw - 16px);
+  display: flex;
+  flex-direction: column;
+  gap: var(--prism-space-xs);
+  padding: var(--prism-space-sm) var(--prism-space-md);
+  border-radius: var(--prism-radius-md);
+  border: 1px solid var(--prism-line);
+  background: var(--prism-elev);
+  box-shadow: var(--prism-shadow-3);
+  color: var(--prism-ink);
+  font-family: var(--prism-font);
+  font-size: var(--prism-type-body-sm);
+  opacity: 0;
+  transform: translateY(-2px);
+  pointer-events: none;
+  transition:
+    opacity var(--prism-dur-2) var(--prism-ease),
+    transform var(--prism-dur-2) var(--prism-ease);
+  text-transform: none;
+  letter-spacing: normal;
+}
+.prism-tooltip__pop[data-open="true"] {
+  opacity: 1;
+  transform: translateY(0);
+  pointer-events: auto;
+}
+.prism-tooltip__title {
+  font-size: var(--prism-type-label);
+  font-weight: 600;
+  color: var(--prism-ink);
+}
+.prism-tooltip__body {
+  font-size: var(--prism-type-label);
+  line-height: var(--prism-leading-body);
+  color: var(--prism-ink-muted);
+}
+.prism-tooltip__actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 10px;
+  padding-top: 8px;
+  border-top: 1px solid var(--prism-line, #2a334a);
+}
+.prism-tooltip__action {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 5px 10px;
+  border-radius: 6px;
+  border: 1px solid color-mix(in srgb, #00c2c2 45%, #2a334a);
+  background: color-mix(in srgb, #00c2c2 14%, transparent);
+  color: var(--prism-ink, #e2e8f0);
+  font: inherit;
+  font-size: 0.6875rem;
+  font-weight: 650;
+  cursor: pointer;
+}
+.prism-tooltip__action:hover:not(:disabled) {
+  background: color-mix(in srgb, #00c2c2 22%, transparent);
+}
+.prism-tooltip__action:disabled {
+  opacity: 0.55;
+  cursor: default;
+}
+.prism-tooltip__pop[data-interactive="true"] {
+  pointer-events: auto;
+}
+@media (prefers-reduced-motion: reduce) {
+  .prism-input,
+  .prism-textarea,
+  .prism-select,
+  .prism-search,
+  .prism-toggle-group__btn,
+  .prism-tabs__btn,
+  .prism-tooltip__trigger,
+  .prism-tooltip__pop {
+    transition: none;
+  }
+}
+html,body{background:var(--prism-canvas);color:var(--prism-ink);font-family:var(--prism-font,Inter,system-ui,sans-serif);min-height:100%;margin:0}#root{min-height:100vh}.hub{max-width:960px;margin:0 auto;padding:32px 24px 64px}.hub-header{display:flex;justify-content:space-between;align-items: flex-end;gap:16px;margin-bottom:28px}.hub-kicker{color:var(--prism-brand);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:12px}.hub h1{margin:0;font-size:28px;font-weight:600}.hub-meta,.hub-error,.ov-empty{color:var(--prism-ink-muted)}.hub-error{color:var(--prism-rose)}.hub-repo{margin-top:28px}.hub-repo h2{color:var(--prism-ink-muted);margin:0 0 12px;font-size:14px;font-weight:600}.hub-list{list-style:none;display:grid;gap:12px;margin:0;padding:0}.hub-card{background:var(--prism-panel);border:1px solid var(--prism-line);border-radius:12px;padding:16px 18px}.hub-card-top{display:flex;justify-content:space-between;align-items: center;gap:12px}.hub-activity{color:var(--prism-ink-muted);margin:8px 0 0;font-size:14px}.hub-facts{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0 0}.hub-facts dt{text-transform:uppercase;letter-spacing:.06em;color:var(--prism-ink-muted);font-size:11px}.hub-facts dd{margin:2px 0 0;font-size:13px}.hub-facts code{font-family:var(--prism-mono,ui-monospace,monospace);font-size:12px}.hub-pill{text-transform:capitalize;border-radius:999px;padding:2px 10px;font-size:12px}.hub-pill-brand{background:color-mix(in srgb,var(--prism-brand)18%,transparent);color:var(--prism-brand-strong)}.hub-pill-emerald{background:color-mix(in srgb,var(--prism-emerald)18%,transparent);color:var(--prism-emerald)}.hub-pill-rose{background:color-mix(in srgb,var(--prism-rose)18%,transparent);color:var(--prism-rose)}.hub-pill-amber{background:color-mix(in srgb,var(--prism-amber)18%,transparent);color:var(--prism-amber)}.hub-pill-muted{background:var(--prism-tile);color:var(--prism-ink-muted)}.hub-actions{display:flex;gap:8px;margin-top:12px}.hub-actions button{appearance:none;border:1px solid var(--prism-line);background:var(--prism-tile);color:var(--prism-ink);cursor:pointer;font:inherit;border-radius:8px;padding:6px 12px;font-size:13px}.hub-actions button:hover{border-color:var(--prism-brand)}

package/dist/dashboard/index.html ADDED Viewed

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Prism Jobs</title>
+  <link rel="stylesheet" href="/assets/hub.css" />
+</head>
+<body class="prism-theme">
+  <div id="root"></div>
+  <script type="module" src="/assets/app.js"></script>
+</body>
+</html>