@legioncodeinc/hive 0.1.0

package/dist/dashboard/web/primitives.js

@@ -0,0 +1,208 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The Honeycomb design-system PRIMITIVES, ported to TSX — PRD-024 Wave 2 (AC-1, D-5).
+ *
+ * These are the SAME five primitives the design system exposes at runtime as
+ * `window.HoneycombDesignSystem_d60529` (`assets/components/core/*` +
+ * `assets/components/honeycomb/*`). The UI kit's `index.html` pulls them from that global
+ * via in-browser Babel; D-1 forbids that (no CDN React, no `@babel/standalone`). So we PORT
+ * the JSX sources into real typed TSX modules that esbuild compiles at build time and
+ * bundles — the design is reused verbatim (same tokens, same markup, same variants), not
+ * forked. Every visual value comes from a `var(--…)` design token (`assets/styles.css`).
+ */
+import React from "react";
+/**
+ * The Honeycomb button (ported from `assets/components/core/Button.jsx`). One primary (honey)
+ * action per region; `pollinate` is reserved for the Pollinating trigger. The hover/press handlers
+ * mutate inline style exactly as the DS source does.
+ */
+export function Button({ children, variant = "primary", size = "md", disabled = false, iconLeft, iconRight, onClick, type = "button", style, ...rest }) {
+    const sizes = {
+        sm: { height: 32, padding: "0 12px", font: "var(--text-sm)", gap: 6 },
+        md: { height: 40, padding: "0 16px", font: "var(--text-sm)", gap: 8 },
+        lg: { height: 48, padding: "0 22px", font: "var(--text-base)", gap: 8 },
+    };
+    const s = sizes[size] ?? sizes.md;
+    const variants = {
+        primary: { background: "var(--honey)", color: "var(--honey-on)", border: "1px solid transparent" },
+        secondary: { background: "var(--bg-elevated)", color: "var(--text-primary)", border: "1px solid var(--border-strong)" },
+        ghost: { background: "transparent", color: "var(--text-secondary)", border: "1px solid transparent" },
+        pollinate: { background: "var(--pollinate)", color: "#FFFFFF", border: "1px solid transparent" },
+        danger: { background: "var(--severity-critical-bg)", color: "var(--severity-critical)", border: "1px solid var(--severity-critical)" },
+    };
+    const v = variants[variant] ?? variants.primary;
+    const base = {
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: s.gap,
+        height: s.height,
+        padding: s.padding,
+        fontFamily: "var(--font-sans)",
+        fontSize: s.font,
+        fontWeight: 600,
+        letterSpacing: "-0.01em",
+        lineHeight: 1,
+        borderRadius: "var(--radius-md)",
+        cursor: disabled ? "not-allowed" : "pointer",
+        opacity: disabled ? 0.45 : 1,
+        transition: "background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out)",
+        whiteSpace: "nowrap",
+        userSelect: "none",
+        ...v,
+        ...style,
+    };
+    const hoverBg = {
+        primary: "var(--honey-hover)",
+        secondary: "var(--bg-subtle)",
+        ghost: "var(--bg-elevated)",
+        pollinate: "var(--pollinate-hover)",
+        danger: "var(--severity-critical-bg)",
+    };
+    const onEnter = (e) => {
+        if (!disabled)
+            e.currentTarget.style.background = hoverBg[variant] ?? hoverBg.primary;
+    };
+    const onLeave = (e) => {
+        if (!disabled)
+            e.currentTarget.style.background = String(v.background);
+    };
+    const onDown = (e) => {
+        if (!disabled)
+            e.currentTarget.style.transform = "translateY(1px)";
+    };
+    const onUp = (e) => {
+        if (!disabled)
+            e.currentTarget.style.transform = "none";
+    };
+    return (_jsxs("button", { type: type, disabled: disabled, onClick: onClick, style: base, onMouseEnter: onEnter, onMouseLeave: onLeave, onMouseDown: onDown, onMouseUp: onUp, ...rest, children: [iconLeft, children, iconRight] }));
+}
+/** The Honeycomb status pill (ported from `assets/components/core/Badge.jsx`). */
+export function Badge({ children, tone = "neutral", mono = false, dot = false, style }) {
+    const tones = {
+        neutral: { bg: "var(--bg-subtle)", fg: "var(--text-secondary)", bd: "var(--border-strong)" },
+        honey: { bg: "var(--honey-subtle)", fg: "var(--honey)", bd: "var(--honey-border)" },
+        verified: { bg: "var(--severity-success-bg)", fg: "var(--verified)", bd: "var(--verified)" },
+        pollinate: { bg: "var(--pollinate-subtle)", fg: "var(--pollinate)", bd: "var(--pollinate-border)" },
+        info: { bg: "var(--severity-info-bg)", fg: "var(--severity-info)", bd: "var(--severity-info)" },
+        warning: { bg: "var(--severity-warning-bg)", fg: "var(--severity-warning)", bd: "var(--severity-warning)" },
+        critical: { bg: "var(--severity-critical-bg)", fg: "var(--severity-critical)", bd: "var(--severity-critical)" },
+    };
+    const t = tones[tone] ?? tones.neutral;
+    return (_jsxs("span", { style: {
+            display: "inline-flex",
+            alignItems: "center",
+            gap: 6,
+            height: 22,
+            padding: "0 9px",
+            background: t.bg,
+            color: t.fg,
+            border: `1px solid ${t.bd}`,
+            borderRadius: "var(--radius-full)",
+            fontFamily: mono ? "var(--font-mono)" : "var(--font-sans)",
+            fontSize: "var(--text-xs)",
+            fontWeight: 600,
+            letterSpacing: mono ? "0.02em" : "0",
+            lineHeight: 1,
+            whiteSpace: "nowrap",
+            ...style,
+        }, children: [dot && _jsx("span", { style: { width: 6, height: 6, borderRadius: "50%", background: t.fg, flex: "none" } }), children] }));
+}
+/** The Honeycomb text input (ported from `assets/components/core/Input.jsx`). Focus lights the honey ring. */
+export function Input({ value, defaultValue, onChange, placeholder, mono = false, size = "md", disabled = false, iconLeft, type = "text", style, ...rest }) {
+    const [focused, setFocused] = React.useState(false);
+    const heights = { sm: 32, md: 40, lg: 48 };
+    const h = heights[size] ?? 40;
+    return (_jsxs("div", { style: {
+            display: "flex",
+            alignItems: "center",
+            gap: 8,
+            height: h,
+            padding: "0 12px",
+            background: "var(--bg-surface)",
+            border: `1px solid ${focused ? "var(--honey)" : "var(--border-default)"}`,
+            borderRadius: "var(--radius-md)",
+            boxShadow: focused ? "0 0 0 3px var(--honey-subtle)" : "none",
+            transition: "border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out)",
+            opacity: disabled ? 0.5 : 1,
+            ...style,
+        }, children: [iconLeft && _jsx("span", { style: { display: "inline-flex", color: "var(--text-tertiary)", flex: "none" }, children: iconLeft }), _jsx("input", { type: type, value: value, defaultValue: defaultValue, onChange: onChange, placeholder: placeholder, disabled: disabled, onFocus: () => setFocused(true), onBlur: () => setFocused(false), style: {
+                    flex: 1,
+                    minWidth: 0,
+                    background: "transparent",
+                    border: "none",
+                    outline: "none",
+                    color: "var(--text-primary)",
+                    fontFamily: mono ? "var(--font-mono)" : "var(--font-sans)",
+                    fontSize: mono ? "var(--text-sm)" : "var(--text-base)",
+                    letterSpacing: mono ? "0.01em" : "0",
+                }, ...rest })] }));
+}
+/** The dashboard metric tile (ported from `assets/components/honeycomb/Kpi.jsx`). */
+export function Kpi({ label, value, unit, delta, accent = "honey", style }) {
+    const accents = {
+        honey: "var(--honey)",
+        pollinate: "var(--pollinate)",
+        verified: "var(--verified)",
+        neutral: "var(--text-primary)",
+    };
+    const c = accents[accent] ?? accents.honey;
+    const deltaUp = typeof delta === "number" ? delta >= 0 : null;
+    return (_jsxs("div", { style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: 8,
+            padding: 18,
+            background: "var(--bg-elevated)",
+            border: "1px solid var(--border-default)",
+            borderRadius: "var(--radius-lg)",
+            ...style,
+        }, children: [_jsx("span", { style: {
+                    fontFamily: "var(--font-mono)",
+                    fontSize: "var(--text-xs)",
+                    textTransform: "uppercase",
+                    letterSpacing: "0.08em",
+                    color: "var(--text-tertiary)",
+                }, children: label }), _jsxs("div", { style: { display: "flex", alignItems: "baseline", gap: 6 }, children: [_jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 30, fontWeight: 700, lineHeight: 1, color: c, letterSpacing: "-0.01em" }, children: value }), unit && _jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: "var(--text-sm)", color: "var(--text-tertiary)" }, children: unit })] }), delta !== undefined && delta !== null && (_jsxs("span", { style: { fontFamily: "var(--font-mono)", fontSize: 12, color: deltaUp ? "var(--verified)" : "var(--severity-critical)" }, children: [deltaUp ? "▲" : "▼", " ", Math.abs(delta), " this week"] }))] }));
+}
+/** The signature Honeycomb surface (ported from `assets/components/honeycomb/MemoryCard.jsx`). */
+export function MemoryCard({ memoryKey, snippet, source, score, scope = "personal", verified = false, pollinating = false, kind, secondary = false, style, }) {
+    const accent = pollinating ? "var(--pollinate)" : verified ? "var(--verified)" : "var(--honey)";
+    return (_jsxs("div", { style: {
+            display: "flex",
+            gap: 14,
+            padding: 16,
+            background: "var(--bg-elevated)",
+            border: "1px solid var(--border-default)",
+            borderRadius: "var(--radius-lg)",
+            transition: "border-color var(--dur-base) var(--ease-out)",
+            // PRD-027 AC-4: a raw-session drill-down hit is visually demoted (dimmed) below
+            // the distilled facts the engine ranked above it — the score+order are the engine's.
+            opacity: secondary ? 0.72 : 1,
+            ...style,
+        }, children: [_jsx("div", { style: { flex: "none", paddingTop: 2 }, children: _jsx("div", { style: {
+                        width: 34,
+                        height: 38,
+                        clipPath: "polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%)",
+                        background: accent,
+                        opacity: pollinating ? 0.9 : 1,
+                        animation: pollinating ? "hc-pollinate-pulse var(--dur-pollinate) var(--ease-in-out) infinite alternate" : "none",
+                    } }) }), _jsxs("div", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", gap: 7 }, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [_jsx("span", { style: {
+                                    fontFamily: "var(--font-mono)",
+                                    fontSize: "var(--text-sm)",
+                                    fontWeight: 600,
+                                    color: accent,
+                                    whiteSpace: "nowrap",
+                                    overflow: "hidden",
+                                    textOverflow: "ellipsis",
+                                }, children: memoryKey }), verified && !pollinating && (_jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 11, color: "var(--verified)", flex: "none" }, children: "\u2713 verified" })), (secondary || kind === "session") && !pollinating && (_jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 11, color: "var(--text-tertiary)", flex: "none" }, children: "session" })), pollinating && _jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 11, color: "var(--pollinate)", flex: "none" }, children: "pollinating\u2026" })] }), _jsx("div", { style: { fontSize: "var(--text-sm)", lineHeight: "20px", color: "var(--text-primary)" }, children: snippet }), _jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10, marginTop: 1 }, children: [source && (_jsx("span", { style: {
+                                    fontFamily: "var(--font-mono)",
+                                    fontSize: 11,
+                                    color: "var(--text-tertiary)",
+                                    whiteSpace: "nowrap",
+                                    overflow: "hidden",
+                                    textOverflow: "ellipsis",
+                                    maxWidth: 220,
+                                }, children: source })), _jsx("span", { style: { flex: 1 } }), _jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 11, color: "var(--text-tertiary)" }, children: scope }), typeof score === "number" && (_jsx("span", { style: { fontFamily: "var(--font-mono)", fontSize: 11, fontWeight: 600, color: "var(--text-secondary)" }, children: score.toFixed(2) }))] })] }), _jsx("style", { children: "@keyframes hc-pollinate-pulse { from { opacity: .5 } to { opacity: 1 } }" })] }));
+}
+//# sourceMappingURL=primitives.js.map

package/dist/dashboard/web/primitives.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.js","sourceRoot":"","sources":["../../../src/dashboard/web/primitives.tsx"],"names":[],"mappings":"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"}

package/dist/dashboard/web/readiness-splash.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Portal readiness splash — PRD-002b (rs-AC-1 through rs-AC-9) · PRD-003c (m-AC-7, now the
+ * content the `/buzzing` route mounts, per `main.tsx`).
+ *
+ * Polls `GET /api/fleet-status` until `isFleetReady()` passes, then mounts {@link LoginScreen}
+ * once. Before the gate passes, LoginScreen is not mounted at all, so its `/setup/state` poll
+ * cannot fire on a cold boot and misread a not-yet-ready honeycomb as "First time setup."
+ *
+ * PRD-003a's server-side gate is now the AUTHORITATIVE decision-maker for which URL an operator
+ * lands on (health, then auth, per `the-hive/src/daemon/gate.ts`) — `/buzzing` itself is
+ * gate-exempt, so this component's own ready→{@link LoginScreen} transition only matters for an
+ * operator who is SITTING on `/buzzing` while the fleet comes up (an interim convenience this PRD
+ * inherits from PRD-002b unchanged; PRD-004 will flesh out `/buzzing`'s full content and may revisit
+ * this transition).
+ *
+ * Visual polish pass (ux-ui-worker-bee, deferred by PRD-002b's non-goals): a calm bordered panel,
+ * a honey-tinted halo behind the brand mark, a distinct recessed treatment for the "hivedoctor
+ * unreachable" state, and a `role="status" aria-live="polite"` region so assistive tech announces
+ * state changes while the fleet boots. All values are existing design tokens; no poll/gate logic
+ * below is touched.
+ */
+import React from "react";
+import { type FleetHealth } from "../../shared/fleet-readiness.js";
+export { isFleetReady as isReady } from "../../shared/fleet-readiness.js";
+export type { FleetStatusResponse } from "../../shared/fleet-readiness.js";
+/** Per-daemon row state shown on the readiness splash (rs-AC-5). */
+export type DaemonDisplayState = "up" | "degraded" | "unreachable" | "starting";
+/** Maps hivedoctor `daemons[].health` to splash copy/state (rs-AC-5). */
+export declare function deriveDaemonDisplayState(health: FleetHealth): DaemonDisplayState;
+export interface ReadinessSplashProps {
+    readonly assetBase: string;
+    readonly pollMs?: number;
+}
+/**
+ * Top-level readiness gate (rs-AC-1). Polls `/api/fleet-status` and mounts {@link LoginScreen} only
+ * once the fleet is ready. The gate is sticky (rs-AC-9): after LoginScreen mounts, a later not-ready
+ * poll does not unmount it.
+ */
+export declare function ReadinessSplash({ assetBase, pollMs }: ReadinessSplashProps): React.JSX.Element;

package/dist/dashboard/web/readiness-splash.js

@@ -0,0 +1,201 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Portal readiness splash — PRD-002b (rs-AC-1 through rs-AC-9) · PRD-003c (m-AC-7, now the
+ * content the `/buzzing` route mounts, per `main.tsx`).
+ *
+ * Polls `GET /api/fleet-status` until `isFleetReady()` passes, then mounts {@link LoginScreen}
+ * once. Before the gate passes, LoginScreen is not mounted at all, so its `/setup/state` poll
+ * cannot fire on a cold boot and misread a not-yet-ready honeycomb as "First time setup."
+ *
+ * PRD-003a's server-side gate is now the AUTHORITATIVE decision-maker for which URL an operator
+ * lands on (health, then auth, per `the-hive/src/daemon/gate.ts`) — `/buzzing` itself is
+ * gate-exempt, so this component's own ready→{@link LoginScreen} transition only matters for an
+ * operator who is SITTING on `/buzzing` while the fleet comes up (an interim convenience this PRD
+ * inherits from PRD-002b unchanged; PRD-004 will flesh out `/buzzing`'s full content and may revisit
+ * this transition).
+ *
+ * Visual polish pass (ux-ui-worker-bee, deferred by PRD-002b's non-goals): a calm bordered panel,
+ * a honey-tinted halo behind the brand mark, a distinct recessed treatment for the "hivedoctor
+ * unreachable" state, and a `role="status" aria-live="polite"` region so assistive tech announces
+ * state changes while the fleet boots. All values are existing design tokens; no poll/gate logic
+ * below is touched.
+ */
+import React from "react";
+import { isFleetReady, } from "../../shared/fleet-readiness.js";
+import { LoginScreen } from "./setup-gate.js";
+export { isFleetReady as isReady } from "../../shared/fleet-readiness.js";
+/** Maps hivedoctor `daemons[].health` to splash copy/state (rs-AC-5). */
+export function deriveDaemonDisplayState(health) {
+    switch (health) {
+        case "ok":
+            return "up";
+        case "degraded":
+            return "degraded";
+        case "unreachable":
+            return "unreachable";
+        case "unknown":
+            return "starting";
+        default: {
+            const exhaustive = health;
+            return exhaustive;
+        }
+    }
+}
+const DISPLAY_STATE_COLOR = {
+    up: "var(--verified)",
+    degraded: "var(--severity-warning)",
+    unreachable: "var(--severity-critical)",
+    starting: "var(--text-tertiary)",
+};
+function DaemonStatusDot({ displayState, name, }) {
+    const pulsing = displayState === "starting";
+    return (_jsx("span", { role: "img", "aria-label": `${name}: ${displayState}`, style: {
+            width: 8,
+            height: 8,
+            borderRadius: "50%",
+            flex: "none",
+            background: DISPLAY_STATE_COLOR[displayState],
+            animation: pulsing
+                ? "hc-readiness-pulse var(--dur-pollinate) var(--ease-in-out) infinite alternate"
+                : "none",
+        } }));
+}
+/**
+ * The distinct "hivedoctor unreachable" indicator (rs-AC-6). A single muted, recessed block rather
+ * than a per-daemon row, so an operator can tell "the supervisor itself is down" apart from "the
+ * supervisor is up and the fleet is booting" at a glance. Reuses the `starting` display-state color
+ * (muted, not alarming) since a not-yet-reachable supervisor on a cold boot is expected, not an
+ * error state.
+ */
+function SupervisorUnreachableIndicator() {
+    return (_jsxs("div", { "data-testid": "readiness-hivedoctor-unreachable", style: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            gap: 12,
+            width: "100%",
+            padding: "16px 20px",
+            background: "var(--bg-inset)",
+            border: "1px solid var(--border-subtle)",
+            borderRadius: "var(--radius-lg)",
+        }, children: [_jsx("span", { role: "img", "aria-label": "hivedoctor supervisor: unreachable", style: {
+                    width: 8,
+                    height: 8,
+                    borderRadius: "50%",
+                    flex: "none",
+                    background: DISPLAY_STATE_COLOR.starting,
+                    animation: "hc-readiness-pulse var(--dur-pollinate) var(--ease-in-out) infinite alternate",
+                } }), _jsx("p", { style: { fontSize: "var(--text-sm)", color: "var(--text-secondary)", margin: 0, lineHeight: 1.5 }, children: "Waiting on hivedoctor. The fleet supervisor is not reachable yet." })] }));
+}
+function FleetSplashGrid({ status, assetBase, }) {
+    const supervisorUnreachable = status?.supervisor === "unreachable";
+    const daemons = status?.supervisor === "reachable" ? status.daemons : [];
+    return (_jsxs("div", { "data-testid": "readiness-splash", style: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            minHeight: "100vh",
+            padding: 32,
+            background: "var(--bg-canvas)",
+            textAlign: "center",
+        }, children: [_jsxs("div", { style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    alignItems: "center",
+                    gap: 24,
+                    width: "100%",
+                    maxWidth: 420,
+                    padding: "40px 32px",
+                    background: "var(--bg-surface)",
+                    border: "1px solid var(--border-default)",
+                    borderRadius: "var(--radius-xl)",
+                }, children: [_jsx("span", { "aria-hidden": "true", style: {
+                            display: "inline-flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            flex: "none",
+                            width: 88,
+                            height: 88,
+                            borderRadius: "50%",
+                            background: "var(--honey-subtle)",
+                            border: "1px solid var(--honey-border)",
+                        }, children: _jsx("img", { src: `${assetBase}/honeycomb-memory-cluster.svg`, width: 48, height: 48, alt: "" }) }), _jsx("h1", { className: "readiness-headline", style: {
+                            fontSize: "var(--text-xl)",
+                            fontWeight: 700,
+                            color: "var(--text-primary)",
+                            margin: 0,
+                            letterSpacing: "-0.02em",
+                        }, children: "Waiting for the hive\u2026" }), _jsxs("div", { "data-testid": "readiness-status-region", role: "status", "aria-live": "polite", style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 20, width: "100%" }, children: [supervisorUnreachable ? (_jsx(SupervisorUnreachableIndicator, {})) : (_jsx("p", { style: { fontSize: "var(--text-sm)", color: "var(--text-secondary)", margin: 0, lineHeight: 1.5 }, children: "Starting required daemons. This usually takes a few seconds on a cold boot." })), daemons.length > 0 && (_jsx("ul", { "data-testid": "readiness-daemon-grid", style: {
+                                    listStyle: "none",
+                                    margin: 0,
+                                    padding: 0,
+                                    display: "flex",
+                                    flexDirection: "column",
+                                    gap: 10,
+                                    width: "100%",
+                                    textAlign: "left",
+                                }, children: daemons.map((daemon) => {
+                                    const displayState = deriveDaemonDisplayState(daemon.health);
+                                    return (_jsxs("li", { "data-testid": `readiness-daemon-${daemon.name}`, style: {
+                                            display: "flex",
+                                            alignItems: "center",
+                                            gap: 10,
+                                            padding: "10px 12px",
+                                            borderRadius: "var(--radius-md)",
+                                            border: "1px solid var(--border-subtle)",
+                                            background: "var(--bg-elevated)",
+                                        }, children: [_jsx(DaemonStatusDot, { displayState: displayState, name: daemon.name }), _jsx("span", { style: {
+                                                    flex: 1,
+                                                    fontSize: "var(--text-sm)",
+                                                    color: "var(--text-primary)",
+                                                    fontFamily: "var(--font-sans)",
+                                                }, children: daemon.name }), _jsx("span", { style: {
+                                                    fontSize: "var(--text-xs)",
+                                                    color: "var(--text-secondary)",
+                                                    fontFamily: "var(--font-mono)",
+                                                    textTransform: "lowercase",
+                                                }, children: displayState })] }, daemon.name));
+                                }) }))] })] }), _jsx("style", { children: "@keyframes hc-readiness-pulse { from { opacity: .45 } to { opacity: 1 } } " +
+                    "@keyframes hc-readiness-glow { from { opacity: .85 } to { opacity: 1 } } " +
+                    ".readiness-headline { animation: hc-readiness-glow var(--dur-pollinate) var(--ease-in-out) infinite alternate; }" })] }));
+}
+/**
+ * Top-level readiness gate (rs-AC-1). Polls `/api/fleet-status` and mounts {@link LoginScreen} only
+ * once the fleet is ready. The gate is sticky (rs-AC-9): after LoginScreen mounts, a later not-ready
+ * poll does not unmount it.
+ */
+export function ReadinessSplash({ assetBase, pollMs = 1500 }) {
+    const [status, setStatus] = React.useState(null);
+    const [fleetGated, setFleetGated] = React.useState(false);
+    React.useEffect(() => {
+        if (fleetGated)
+            return;
+        let alive = true;
+        const tick = async () => {
+            try {
+                const response = await fetch("/api/fleet-status");
+                const next = (await response.json());
+                if (!alive)
+                    return;
+                setStatus(next);
+                if (isFleetReady(next)) {
+                    setFleetGated(true);
+                }
+            }
+            catch {
+                // Keep the splash visible; the next poll retries.
+            }
+        };
+        void tick();
+        const id = setInterval(() => void tick(), pollMs);
+        return () => {
+            alive = false;
+            clearInterval(id);
+        };
+    }, [fleetGated, pollMs]);
+    if (fleetGated) {
+        return _jsx(LoginScreen, { assetBase: assetBase });
+    }
+    return _jsx(FleetSplashGrid, { status: status, assetBase: assetBase });
+}
+//# sourceMappingURL=readiness-splash.js.map

package/dist/dashboard/web/readiness-splash.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"readiness-splash.js","sourceRoot":"","sources":["../../../src/dashboard/web/readiness-splash.tsx"],"names":[],"mappings":"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"}

package/dist/dashboard/web/registry.d.ts

@@ -0,0 +1,96 @@
+/**
+ * The dashboard ROUTE REGISTRY — PRD-037c (the single extension point, D-7).
+ *
+ * ONE ordered list of `{ route, label, icon, component, dynamic? }` entries that BOTH the sidebar
+ * (037a, for its nav items) and the router outlet (037b, to mount the active page) read. Adding a
+ * page (PRDs 038-044) is ONE entry here plus one component that drops into `<PageFrame>` — no
+ * sidebar edit, no router edit (037c AC-6 proves that seam: a throwaway entry appears in the nav
+ * AND routes without touching `sidebar.tsx`/`router.tsx`).
+ *
+ * ── How to add a dashboard page (the contract PRDs 038-044 consume) ──────────────
+ *   1. Write a page component: `function MyPage({ wire, daemonUp, assetBase }: PageProps) { … }`
+ *      wrapping its content in `<PageFrame title="…">` and hydrating via `usePoll` / the shared
+ *      `wire` (never `createWireClient` — the shell passes ONE down).
+ *   2. Add ONE `RouteEntry` to {@link ROUTES} in nav order: `{ route, label, icon, component }`.
+ *      The sidebar renders the nav item; the outlet routes the path to the component. Done.
+ *   3. A DYNAMIC group (per-installed-harness items under Harnesses, PRD-039) sets `dynamic:
+ *      { resolve: (live) => SubItem[] }` — its CHILD items are computed from live install state at
+ *      render, distinct from the seven static top-level routes. The registry DEFINES this contract;
+ *      the live data source is the consuming PRD's call (parent OQ-3).
+ *
+ * The fuller version of this note lives in `library/knowledge/private/dashboard/adding-a-page.md`
+ * (037c AC-7), code-near here and discoverable there.
+ *
+ * Icons are inline-SVG `ReactNode`s (037c OQ-1 — a ReactNode, NOT an icon-font/registry), matching
+ * the panels' inline-SVG style and the no-new-dependency posture. Every stroke uses
+ * `currentColor`, so the sidebar tints an icon by setting `color` on its row (honey when active,
+ * `--text-secondary` at rest) — no per-icon color logic.
+ */
+import React from "react";
+import type { PageProps } from "./page-frame.js";
+/**
+ * One dynamically-resolved sub-item under a registry entry — e.g. a per-installed-harness item
+ * under Harnesses (PRD-039). Its `route` is the deep path the sidebar navigates to; `label` is the
+ * nav text. These are NOT top-level routes: they are CHILDREN of a static entry, computed at render
+ * from live install state. The registry defines this shape; the live data is the consuming PRD's.
+ */
+export interface SubItem {
+    /** The deep path this sub-item navigates to (e.g. `/harnesses/claude-code`). */
+    readonly route: string;
+    /** The nav label for this sub-item (e.g. `Claude Code`). */
+    readonly label: string;
+}
+/**
+ * The dynamic-group resolver a registry entry may carry (037c). `resolve` is handed whatever live
+ * install/state object the shell provides and returns the CHILD sub-items to render under the parent
+ * nav item. The type parameter is `unknown` here because the registry is the CONTRACT, not the data
+ * source — the consuming PRD (039) narrows `live` to its own shape. A `dynamic` entry whose
+ * `resolve` returns `[]` simply renders no children (the parent stays a plain nav item).
+ */
+export interface DynamicGroup {
+    /** Compute the child sub-items from live install/render state (parent OQ-3 — data is 039's call). */
+    readonly resolve: (live: unknown) => readonly SubItem[];
+}
+/**
+ * One registry entry (D-7). `route` is the real, server-served path (PRD-003c, e.g. `/graph`);
+ * `label` + `icon` are the nav presentation; `component` is the page the outlet mounts (every page
+ * takes {@link PageProps}); `dynamic` (optional) marks an entry whose CHILDREN are resolved from
+ * live state — its presence is what distinguishes a STATIC top-level route from a
+ * DYNAMICALLY-LOADED group (the parent's explicit static-vs-dynamic ask).
+ */
+export interface RouteEntry {
+    /** The path this entry owns (`/` is the default Dashboard route). */
+    readonly route: string;
+    /** The nav label (sidebar text + per-route document title source, 037c OQ-2). */
+    readonly label: string;
+    /** The nav icon — an inline-SVG ReactNode using `currentColor` (037c OQ-1). */
+    readonly icon: React.ReactNode;
+    /** The page component the outlet mounts for this route (takes the shared {@link PageProps}). */
+    readonly component: React.ComponentType<PageProps>;
+    /** Present iff this entry's CHILDREN come from live state (a dynamic group — PRD-039). */
+    readonly dynamic?: DynamicGroup;
+}
+/**
+ * The seven STATIC top-level routes in nav order (037c AC-2). Each is always present and hard-listed
+ * here; their content owners are the cross-referenced page PRDs:
+ *   Dashboard (`/`)        → PRD-038 (lift-and-shift today, reorganized there)
+ *   Harnesses (`/harnesses`) → PRD-039 (may carry a dynamic per-harness group)
+ *   Memories (`/memories`)  → PRD-040
+ *   Graph (`/graph`)        → PRD-041
+ *   Sync (`/sync`)          → PRD-042
+ *   Logs (`/logs`)          → PRD-043
+ *   Settings (`/settings`)  → PRD-044
+ */
+/** The Projects page route (PRD-059c) — exported so the first-run CTA can navigate to it (b-AC-4). */
+export declare const PROJECTS_ROUTE: "/projects";
+export declare const ROUTES: readonly RouteEntry[];
+/** The Dashboard entry — the default every unknown path falls back to (037c AC-3 / 037b AC-4). */
+export declare const DEFAULT_ROUTE: RouteEntry;
+/**
+ * Resolve a path to its registry entry, defaulting to the Dashboard entry on no match (037c AC-3,
+ * feeding 037b AC-4 "unknown route → Dashboard, no blank screen"). The match is exact on the entry
+ * `route` — a deep sub-route (e.g. `/harnesses/claude-code` from a dynamic group) resolves to its
+ * top-level parent by prefix so the correct page still mounts. `routes` is injectable so a test can
+ * prove the plug-in seam with a throwaway entry (037c AC-6) without mutating the global list.
+ */
+export declare function matchRoute(pathname: string, routes?: readonly RouteEntry[]): RouteEntry;