@hansenexus/hud 0.1.0

package/chunk-kyeb6qeq.js

@@ -0,0 +1,95 @@
+import {
+  Button
+} from "./chunk-xztw0xyt.js";
+
+// panels/info-row.tsx
+import { Copy } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+"use client";
+function PanelSection({
+  icon: Icon,
+  title,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", {
+    children: [
+      /* @__PURE__ */ jsxs("h4", {
+        className: "mb-2 flex items-center gap-1.5 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground",
+        children: [
+          Icon && /* @__PURE__ */ jsx(Icon, {
+            className: "h-3 w-3"
+          }),
+          title
+        ]
+      }),
+      /* @__PURE__ */ jsx("div", {
+        className: "space-y-1.5",
+        children
+      })
+    ]
+  });
+}
+function InfoRow({
+  label,
+  value,
+  copyable = false
+}) {
+  function handleCopy() {
+    navigator.clipboard.writeText(value);
+  }
+  return /* @__PURE__ */ jsxs("div", {
+    className: "flex items-center justify-between px-2 py-1 hover:bg-muted/50",
+    children: [
+      /* @__PURE__ */ jsx("span", {
+        className: "text-[10px] text-muted-foreground",
+        children: label
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex items-center gap-1",
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            className: "max-w-[220px] truncate font-mono text-[10px]",
+            children: value
+          }),
+          copyable && /* @__PURE__ */ jsx(Button, {
+            variant: "ghost",
+            size: "icon",
+            className: "h-4 w-4 shrink-0",
+            onClick: handleCopy,
+            children: /* @__PURE__ */ jsx(Copy, {
+              className: "h-2.5 w-2.5"
+            })
+          })
+        ]
+      })
+    ]
+  });
+}
+function ShortcutRow({ keys, label }) {
+  return /* @__PURE__ */ jsxs("div", {
+    className: "flex items-center justify-between px-2 py-1",
+    children: [
+      /* @__PURE__ */ jsx("span", {
+        className: "text-[10px] text-muted-foreground",
+        children: label
+      }),
+      /* @__PURE__ */ jsx("div", {
+        className: "flex gap-0.5",
+        children: keys.map((key) => /* @__PURE__ */ jsx("kbd", {
+          className: "flex h-5 min-w-[20px] items-center justify-center rounded border bg-muted/50 px-1 font-mono text-[10px]",
+          children: key
+        }, key))
+      })
+    ]
+  });
+}
+function LoadingSpinner() {
+  return /* @__PURE__ */ jsx("div", {
+    className: "flex items-center justify-center py-8",
+    children: /* @__PURE__ */ jsx("div", {
+      className: "h-5 w-5 animate-spin rounded-full border-2 border-muted-foreground border-t-transparent"
+    })
+  });
+}
+
+export { PanelSection, InfoRow, ShortcutRow, LoadingSpinner };

package/chunk-msqkkqw7.js

@@ -0,0 +1,140 @@
+import {
+  hudRequiresUnlock
+} from "./chunk-r06bpmy6.js";
+import {
+  PanelSection
+} from "./chunk-kyeb6qeq.js";
+import {
+  Button
+} from "./chunk-xztw0xyt.js";
+
+// panels/unlock-panel.tsx
+import { Lock, ShieldAlert } from "lucide-react";
+import { useCallback, useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+"use client";
+function useHudUnlock(apiBase, access) {
+  const required = hudRequiresUnlock(access);
+  const [state, setState] = useState(required ? "checking" : "unlocked");
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (!required) {
+      setState("unlocked");
+      return;
+    }
+    let cancelled = false;
+    (async () => {
+      try {
+        const res = await fetch(`${apiBase}/unlock`, { cache: "no-store" });
+        const body = await res.json().catch(() => ({}));
+        if (cancelled)
+          return;
+        if (body.configured === false)
+          setState("unconfigured");
+        else
+          setState(body.unlocked ? "unlocked" : "locked");
+      } catch {
+        if (!cancelled)
+          setState("locked");
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [apiBase, required]);
+  const unlock = useCallback(async (password) => {
+    setError(null);
+    try {
+      const res = await fetch(`${apiBase}/unlock`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ password })
+      });
+      const body = await res.json().catch(() => ({}));
+      if (res.ok && body.unlocked) {
+        setState("unlocked");
+        return true;
+      }
+      setError(body.error ?? "unlock refused");
+    } catch (cause) {
+      setError(cause instanceof Error ? cause.message : "unlock failed");
+    }
+    return false;
+  }, [apiBase]);
+  return { state, error, unlock };
+}
+function HudUnlockPanel({ env, state, error, onUnlock }) {
+  const [password, setPassword] = useState("");
+  const [submitting, setSubmitting] = useState(false);
+  async function handleSubmit(event) {
+    event.preventDefault();
+    if (!password || submitting)
+      return;
+    setSubmitting(true);
+    const ok = await onUnlock(password);
+    setSubmitting(false);
+    if (ok)
+      setPassword("");
+  }
+  if (state === "unconfigured") {
+    return /* @__PURE__ */ jsx("div", {
+      className: "space-y-3 p-3",
+      children: /* @__PURE__ */ jsx(PanelSection, {
+        icon: ShieldAlert,
+        title: "hud locked",
+        children: /* @__PURE__ */ jsxs("p", {
+          className: "px-2 text-[11px] leading-relaxed text-muted-foreground",
+          children: [
+            "No ",
+            /* @__PURE__ */ jsx("code", {
+              className: "font-mono",
+              children: "HUD_ACCESS_PASSWORD"
+            }),
+            " is configured for this deployment, so the hud cannot be unlocked here. Set it from the app's 1Password item and restart the pod."
+          ]
+        })
+      })
+    });
+  }
+  return /* @__PURE__ */ jsx("div", {
+    className: "space-y-3 p-3",
+    children: /* @__PURE__ */ jsxs(PanelSection, {
+      icon: Lock,
+      title: `hud locked · ${env}`,
+      children: [
+        /* @__PURE__ */ jsx("p", {
+          className: "px-2 text-[11px] leading-relaxed text-muted-foreground",
+          children: env === "production" ? "Production is observe-only: vitals, logs and CI state, nothing that writes. The unlock lasts 2 hours." : "Enter the deployment's hud password to open the panels. The unlock lasts 12 hours."
+        }),
+        /* @__PURE__ */ jsxs("form", {
+          className: "flex items-center gap-2 px-2 pt-1",
+          onSubmit: handleSubmit,
+          children: [
+            /* @__PURE__ */ jsx("input", {
+              type: "password",
+              autoComplete: "off",
+              value: password,
+              onChange: (event) => setPassword(event.target.value),
+              placeholder: "hud password",
+              "aria-label": "hud password",
+              className: "h-7 flex-1 rounded border bg-background px-2 font-mono text-[11px] outline-none focus:ring-1 focus:ring-ring"
+            }),
+            /* @__PURE__ */ jsx(Button, {
+              type: "submit",
+              size: "sm",
+              className: "h-7 text-[11px]",
+              disabled: !password || submitting,
+              children: submitting ? "Checking…" : "Unlock"
+            })
+          ]
+        }),
+        error && /* @__PURE__ */ jsx("p", {
+          className: "px-2 text-[10px] text-destructive",
+          children: error
+        })
+      ]
+    })
+  });
+}
+
+export { useHudUnlock, HudUnlockPanel };

package/chunk-nm82wr8r.js

@@ -0,0 +1,58 @@
+import {
+  PanelSection
+} from "./chunk-kyeb6qeq.js";
+
+// panels/tokens-panel.tsx
+import { Palette } from "lucide-react";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+"use client";
+function TokensPanel({ adapter }) {
+  const { groups, sourceHint } = adapter;
+  const [copied, setCopied] = useState(null);
+  function copy(cssVar) {
+    navigator.clipboard?.writeText(`var(${cssVar})`).catch(() => {});
+    setCopied(cssVar);
+    window.setTimeout(() => setCopied((prev) => prev === cssVar ? null : prev), 1200);
+  }
+  return /* @__PURE__ */ jsxs("div", {
+    className: "space-y-4",
+    children: [
+      groups.map((group) => {
+        const scopeProps = group.scope ? { [group.scope.attribute]: group.scope.value ?? "" } : {};
+        return /* @__PURE__ */ jsx("div", {
+          ...scopeProps,
+          children: /* @__PURE__ */ jsx(PanelSection, {
+            icon: Palette,
+            title: group.label,
+            children: /* @__PURE__ */ jsx("div", {
+              className: "flex flex-wrap gap-1.5 px-2",
+              children: group.tokens.map((token) => /* @__PURE__ */ jsxs("button", {
+                type: "button",
+                onClick: () => copy(token.cssVar),
+                title: `var(${token.cssVar}) — click to copy`,
+                className: "group flex w-[104px] flex-col overflow-hidden rounded-md border text-left",
+                children: [
+                  /* @__PURE__ */ jsx("span", {
+                    className: "block h-8 w-full border-b",
+                    style: { background: `var(${token.cssVar})` }
+                  }),
+                  /* @__PURE__ */ jsx("span", {
+                    className: "truncate px-1.5 py-1 font-mono text-[9px] text-muted-foreground group-hover:text-foreground",
+                    children: copied === token.cssVar ? "copied!" : token.label ?? token.cssVar.replace(/^--[a-z]+-/, "")
+                  })
+                ]
+              }, token.cssVar))
+            })
+          })
+        }, group.label);
+      }),
+      sourceHint && /* @__PURE__ */ jsx("p", {
+        className: "px-2 font-mono text-[9.5px] text-muted-foreground/50",
+        children: sourceHint
+      })
+    ]
+  });
+}
+
+export { TokensPanel };

package/chunk-r06bpmy6.js

@@ -0,0 +1,79 @@
+import {
+  resolveHudEnv
+} from "./chunk-babjpqkb.js";
+
+// core/access.ts
+var HUD_UNLOCK_COOKIE = "hud-unlock";
+var HUD_UNLOCK_TTL_MS = {
+  open: 0,
+  password: 12 * 60 * 60 * 1000,
+  flag: 2 * 60 * 60 * 1000,
+  denied: 0
+};
+function resolveHudAccess(env = resolveHudEnv()) {
+  if (env === "disabled")
+    return "denied";
+  if (env === "development")
+    return "open";
+  if (env === "production")
+    return "flag";
+  return "password";
+}
+function hudRequiresUnlock(access) {
+  return access === "password" || access === "flag";
+}
+function hudUnlockTtlMs(access) {
+  return HUD_UNLOCK_TTL_MS[access];
+}
+var encoder = new TextEncoder;
+async function hmacHex(password, message) {
+  const key = await crypto.subtle.importKey("raw", encoder.encode(password), { name: "HMAC", hash: "SHA-256" }, false, ["sign"]);
+  const signature = await crypto.subtle.sign("HMAC", key, encoder.encode(message));
+  return Array.from(new Uint8Array(signature)).map((byte) => byte.toString(16).padStart(2, "0")).join("");
+}
+function timingSafeEqual(a, b) {
+  const length = Math.max(a.length, b.length);
+  let diff = a.length ^ b.length;
+  for (let i = 0;i < length; i++) {
+    diff |= (a.charCodeAt(i) || 0) ^ (b.charCodeAt(i) || 0);
+  }
+  return diff === 0;
+}
+async function signHudUnlockToken(password, issuedAt = Date.now()) {
+  return `${issuedAt}.${await hmacHex(password, String(issuedAt))}`;
+}
+async function verifyHudUnlockToken(token, password, options = {}) {
+  if (!token || !password)
+    return false;
+  const separator = token.indexOf(".");
+  if (separator <= 0)
+    return false;
+  const issuedAtRaw = token.slice(0, separator);
+  const signature = token.slice(separator + 1);
+  const issuedAt = Number(issuedAtRaw);
+  if (!Number.isSafeInteger(issuedAt) || issuedAt <= 0)
+    return false;
+  const now = options.now ?? Date.now();
+  const ttlMs = options.ttlMs ?? HUD_UNLOCK_TTL_MS.flag;
+  const age = now - issuedAt;
+  if (age < 0 || age > ttlMs)
+    return false;
+  return timingSafeEqual(signature, await hmacHex(password, issuedAtRaw));
+}
+function readCookie(header, name) {
+  if (!header)
+    return;
+  for (const part of header.split(";")) {
+    const trimmed = part.trim();
+    if (trimmed.startsWith(`${name}=`)) {
+      return decodeURIComponent(trimmed.slice(name.length + 1));
+    }
+  }
+  return;
+}
+function hudUnlockCookieString(token, ttlMs) {
+  const base = `${HUD_UNLOCK_COOKIE}=${token ?? ""}; Path=/; HttpOnly; SameSite=Strict; Secure`;
+  return token ? `${base}; Max-Age=${Math.floor(ttlMs / 1000)}` : `${base}; Max-Age=0`;
+}
+
+export { HUD_UNLOCK_COOKIE, HUD_UNLOCK_TTL_MS, resolveHudAccess, hudRequiresUnlock, hudUnlockTtlMs, timingSafeEqual, signHudUnlockToken, verifyHudUnlockToken, readCookie, hudUnlockCookieString };

package/chunk-t9eh4t0b.js

@@ -0,0 +1,89 @@
+import {
+  bridgeFetch,
+  getBridgeInfo
+} from "./chunk-50pq4sg6.js";
+import {
+  useHud
+} from "./chunk-wspz08q7.js";
+import {
+  LoadingSpinner,
+  PanelSection
+} from "./chunk-kyeb6qeq.js";
+import {
+  Badge
+} from "./chunk-xztw0xyt.js";
+
+// panels/sessions-panel.tsx
+import { CircleDot } from "lucide-react";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+"use client";
+function SessionsPanel() {
+  const { config } = useHud();
+  const [state, setState] = useState({ kind: "loading" });
+  useEffect(() => {
+    let cancelled = false;
+    async function load() {
+      const info = await getBridgeInfo(config.apiBase ?? "/api/hud");
+      if (cancelled)
+        return;
+      if (!info) {
+        setState({ kind: "no-bridge" });
+        return;
+      }
+      try {
+        const res = await bridgeFetch(info, "/sessions");
+        const sessions = await res.json();
+        if (!cancelled)
+          setState({ kind: "ready", sessions });
+      } catch {
+        if (!cancelled)
+          setState({ kind: "no-bridge" });
+      }
+    }
+    load();
+    const timer = setInterval(() => void load(), 30000);
+    return () => {
+      cancelled = true;
+      clearInterval(timer);
+    };
+  }, [config.apiBase]);
+  if (state.kind === "loading")
+    return /* @__PURE__ */ jsx(LoadingSpinner, {});
+  if (state.kind === "no-bridge") {
+    return /* @__PURE__ */ jsx("p", {
+      className: "px-2 text-[10px] text-amber-500",
+      children: "bridge not reachable — run `bun hud:bridge` in the repo to see local Claude sessions."
+    });
+  }
+  return /* @__PURE__ */ jsxs(PanelSection, {
+    icon: CircleDot,
+    title: "Claude sessions · this machine",
+    children: [
+      state.sessions.length === 0 && /* @__PURE__ */ jsx("p", {
+        className: "px-2 text-[10px] text-muted-foreground/60",
+        children: "No active sessions."
+      }),
+      state.sessions.map((session) => /* @__PURE__ */ jsxs("div", {
+        className: "flex items-center gap-2 px-2 py-1 font-mono text-[10.5px]",
+        children: [
+          /* @__PURE__ */ jsx(Badge, {
+            variant: "outline",
+            className: `h-4 px-1.5 text-[9px] ${session.idleSeconds < 120 ? "text-emerald-500" : "text-muted-foreground"}`,
+            children: session.idleSeconds < 120 ? "active" : `idle ${Math.round(session.idleSeconds / 60)} m`
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: "min-w-0 flex-1 truncate",
+            children: session.name ?? session.sessionId.slice(0, 12)
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: "max-w-[200px] truncate text-muted-foreground/60",
+            children: session.branch || "—"
+          })
+        ]
+      }, session.sessionId))
+    ]
+  });
+}
+
+export { SessionsPanel };

package/chunk-tf774c4w.js

@@ -0,0 +1,115 @@
+import {
+  captureBuffer
+} from "./chunk-24vrg16w.js";
+import {
+  Button
+} from "./chunk-xztw0xyt.js";
+
+// panels/network-console-panel.tsx
+import { Trash2 } from "lucide-react";
+import { useState, useSyncExternalStore } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+"use client";
+var FILTERS = ["all", "log", "warn", "error", "fetch", "longtask"];
+var KIND_CLASS = {
+  log: "text-muted-foreground",
+  warn: "text-amber-500",
+  error: "text-red-500",
+  fetch: "text-sky-500",
+  longtask: "text-violet-500"
+};
+function statusClass(status) {
+  if (status === undefined)
+    return "";
+  if (status === 0 || status >= 500)
+    return "text-red-500";
+  if (status >= 400)
+    return "text-amber-500";
+  return "text-emerald-500";
+}
+function NetworkConsolePanel() {
+  const entries = useSyncExternalStore(captureBuffer.subscribe, captureBuffer.getSnapshot, captureBuffer.getSnapshot);
+  const [filter, setFilter] = useState("all");
+  const visible = filter === "all" ? entries : entries.filter((e) => e.kind === filter);
+  return /* @__PURE__ */ jsxs("div", {
+    className: "flex h-full flex-col gap-2",
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex items-center gap-1",
+        children: [
+          FILTERS.map((f) => /* @__PURE__ */ jsxs(Button, {
+            variant: filter === f ? "secondary" : "ghost",
+            size: "sm",
+            className: "h-6 px-2 font-mono text-[10px]",
+            onClick: () => setFilter(f),
+            children: [
+              f,
+              f !== "all" && /* @__PURE__ */ jsx("span", {
+                className: "ml-1 text-muted-foreground/60",
+                children: entries.filter((e) => e.kind === f).length
+              })
+            ]
+          }, f)),
+          /* @__PURE__ */ jsxs(Button, {
+            variant: "ghost",
+            size: "sm",
+            className: "ml-auto h-6 px-2 text-[10px]",
+            onClick: () => captureBuffer.clear(),
+            children: [
+              /* @__PURE__ */ jsx(Trash2, {
+                className: "mr-1 h-3 w-3"
+              }),
+              "clear"
+            ]
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        className: "min-h-0 flex-1 overflow-auto rounded-md border bg-muted/10 p-2",
+        children: [
+          visible.length === 0 && /* @__PURE__ */ jsx("p", {
+            className: "px-1 text-[10px] text-muted-foreground/60",
+            children: "Nothing captured yet — console, fetch, and long tasks land here."
+          }),
+          visible.slice(-200).map((entry) => /* @__PURE__ */ jsx(EntryRow, {
+            entry
+          }, entry.id))
+        ]
+      })
+    ]
+  });
+}
+function EntryRow({ entry }) {
+  const time = new Date(entry.ts).toLocaleTimeString(undefined, { hour12: false });
+  return /* @__PURE__ */ jsxs("div", {
+    className: "flex items-baseline gap-2 px-1 py-0.5 font-mono text-[10.5px] hover:bg-muted/40",
+    children: [
+      /* @__PURE__ */ jsx("span", {
+        className: "shrink-0 text-muted-foreground/50",
+        children: time
+      }),
+      /* @__PURE__ */ jsx("span", {
+        className: `w-14 shrink-0 uppercase ${KIND_CLASS[entry.kind]}`,
+        children: entry.kind
+      }),
+      /* @__PURE__ */ jsx("span", {
+        className: "min-w-0 flex-1 truncate",
+        title: entry.text,
+        children: entry.text
+      }),
+      entry.status !== undefined && /* @__PURE__ */ jsx("span", {
+        className: `shrink-0 ${statusClass(entry.status)}`,
+        children: entry.status || "ERR"
+      }),
+      entry.durationMs !== undefined && /* @__PURE__ */ jsxs("span", {
+        className: "shrink-0 text-muted-foreground/60",
+        children: [
+          entry.durationMs,
+          " ms"
+        ]
+      })
+    ]
+  });
+}
+
+export { NetworkConsolePanel };

package/chunk-v086j53b.js

@@ -0,0 +1,19 @@
+// core/types.ts
+var HUD_BUNDLE_MARKER = "__HN_HUD_BUNDLE_MARKER__";
+var HUD_CAPABILITIES = [
+  "observe.app",
+  "observe.estate",
+  "cicd.read",
+  "cicd.trigger",
+  "inject.seed",
+  "mock.toggle",
+  "auth.impersonate",
+  "dispatch.local",
+  "dispatch.hermes",
+  "variants.switch",
+  "variants.vote",
+  "variants.generate",
+  "state.force"
+];
+
+export { HUD_BUNDLE_MARKER, HUD_CAPABILITIES };

package/chunk-wspz08q7.js

@@ -0,0 +1,67 @@
+import {
+  hasCapability
+} from "./chunk-babjpqkb.js";
+
+// hud-provider.tsx
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useState
+} from "react";
+import { jsx } from "react/jsx-runtime";
+"use client";
+var HudContext = createContext(null);
+function HudProvider({ config, env, panels: basePanels, children }) {
+  const [sources, setSources] = useState({});
+  const registerSource = useCallback((id, source) => {
+    setSources((prev) => ({ ...prev, [id]: source }));
+  }, []);
+  const unregisterSource = useCallback((id) => {
+    setSources((prev) => {
+      if (!(id in prev))
+        return prev;
+      const next = { ...prev };
+      delete next[id];
+      return next;
+    });
+  }, []);
+  const can = useCallback((capability) => hasCapability(env, capability), [env]);
+  const panels = useMemo(() => {
+    const registered = Object.values(sources).sort((a, b) => (a.order ?? 0) - (b.order ?? 0)).flatMap((source) => source.panels);
+    return [...basePanels ?? [], ...registered].filter((panel) => can(panel.capability)).sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+  }, [basePanels, sources, can]);
+  const value = useMemo(() => ({
+    config,
+    env,
+    name: config.name ?? "hud",
+    can,
+    panels,
+    registerSource,
+    unregisterSource
+  }), [config, env, can, panels, registerSource, unregisterSource]);
+  return /* @__PURE__ */ jsx(HudContext.Provider, {
+    value,
+    children
+  });
+}
+function useHud() {
+  const ctx = useContext(HudContext);
+  if (!ctx)
+    throw new Error("useHud must be used within a HudProvider");
+  return ctx;
+}
+function useHudSafe() {
+  return useContext(HudContext);
+}
+function useRegisterHudPanels(id, panels, order = 0) {
+  const ctx = useContext(HudContext);
+  useEffect(() => {
+    ctx?.registerSource(id, { panels, order });
+  }, [ctx, id, panels, order]);
+  useEffect(() => () => ctx?.unregisterSource(id), [ctx, id]);
+}
+
+export { HudProvider, useHud, useHudSafe, useRegisterHudPanels };