@hansenexus/hud 0.1.1 → 0.3.0

package/chunk-kvxve0hx.js

@@ -1,140 +0,0 @@
-import {
-  hudRequiresUnlock
-} from "./chunk-6cdpasm9.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-kyeb6qeq.js

@@ -1,95 +0,0 @@
-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-mz55rvw3.js

@@ -1,172 +0,0 @@
-import {
-  usePoll
-} from "./chunk-xezxydm3.js";
-import {
-  useHud
-} from "./chunk-9hw5r9y1.js";
-import {
-  InfoRow,
-  LoadingSpinner,
-  PanelSection
-} from "./chunk-kyeb6qeq.js";
-import {
-  Badge
-} from "./chunk-xztw0xyt.js";
-
-// panels/cicd-panel.tsx
-import { GitBranch, Rocket } from "lucide-react";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-"use client";
-function CicdPanel() {
-  const { config } = useHud();
-  const apiBase = config.apiBase ?? "/api/hud";
-  const { data, error, loading } = usePoll(`${apiBase}/cicd?app=${encodeURIComponent(config.appSlug)}`, 60000);
-  if (loading)
-    return /* @__PURE__ */ jsx(LoadingSpinner, {});
-  if (error) {
-    return /* @__PURE__ */ jsxs("p", {
-      className: "px-2 text-[10px] text-amber-500",
-      children: [
-        "hub unreachable — ",
-        error
-      ]
-    });
-  }
-  if (!data)
-    return null;
-  return /* @__PURE__ */ jsxs("div", {
-    className: "space-y-4",
-    children: [
-      /* @__PURE__ */ jsx(PanelSection, {
-        icon: Rocket,
-        title: `Deployed · ${data.app}`,
-        children: data.deployed ? /* @__PURE__ */ jsxs(Fragment, {
-          children: [
-            /* @__PURE__ */ jsx(InfoRow, {
-              label: "Image",
-              value: data.deployed.image,
-              copyable: true
-            }),
-            /* @__PURE__ */ jsx(InfoRow, {
-              label: "Sha (prod tag)",
-              value: data.deployed.sha,
-              copyable: true
-            }),
-            data.deployed.lastGoodTag && /* @__PURE__ */ jsx(InfoRow, {
-              label: "last-good-tag",
-              value: data.deployed.lastGoodTag
-            }),
-            /* @__PURE__ */ jsx(InfoRow, {
-              label: "Ready",
-              value: data.deployed.ready
-            })
-          ]
-        }) : /* @__PURE__ */ jsx("p", {
-          className: "px-2 text-[10px] text-muted-foreground/60",
-          children: "No deployment found for this app (deploy: false, or namespace mismatch)."
-        })
-      }),
-      /* @__PURE__ */ jsxs(PanelSection, {
-        icon: GitBranch,
-        title: "Recent runs",
-        children: [
-          data.githubUnconfigured && /* @__PURE__ */ jsx("p", {
-            className: "px-2 text-[10px] text-amber-500",
-            children: "GITHUB_TOKEN unset — CI runs missing."
-          }),
-          /* @__PURE__ */ jsx("div", {
-            className: "overflow-x-auto",
-            children: /* @__PURE__ */ jsxs("table", {
-              className: "w-full text-[10.5px]",
-              children: [
-                /* @__PURE__ */ jsx("thead", {
-                  children: /* @__PURE__ */ jsxs("tr", {
-                    className: "text-left text-[9px] uppercase tracking-wider text-muted-foreground",
-                    children: [
-                      /* @__PURE__ */ jsx("th", {
-                        className: "px-2 py-1 font-medium",
-                        children: "Run"
-                      }),
-                      /* @__PURE__ */ jsx("th", {
-                        className: "px-2 py-1 font-medium",
-                        children: "Source"
-                      }),
-                      /* @__PURE__ */ jsx("th", {
-                        className: "px-2 py-1 font-medium",
-                        children: "Status"
-                      }),
-                      /* @__PURE__ */ jsx("th", {
-                        className: "px-2 py-1 font-medium",
-                        children: "Branch"
-                      })
-                    ]
-                  })
-                }),
-                /* @__PURE__ */ jsx("tbody", {
-                  children: data.runs.map((run) => /* @__PURE__ */ jsx(RunRow, {
-                    run
-                  }, `${run.source}-${run.id}`))
-                })
-              ]
-            })
-          }),
-          data.runs.length === 0 && /* @__PURE__ */ jsx("p", {
-            className: "px-2 text-[10px] text-muted-foreground/60",
-            children: "No runs available."
-          })
-        ]
-      })
-    ]
-  });
-}
-function runStatusClass(run) {
-  const outcome = run.conclusion ?? run.status;
-  if (outcome === "success")
-    return "text-emerald-500";
-  if (outcome === "failure" || outcome === "cancelled")
-    return "text-red-500";
-  if (run.status === "in_progress" || run.status === "running" || run.status === "waiting") {
-    return "text-amber-500";
-  }
-  return "text-muted-foreground";
-}
-function RunRow({ run }) {
-  const title = /* @__PURE__ */ jsx("span", {
-    className: "max-w-[260px] truncate font-mono",
-    title: run.title,
-    children: run.title || run.name
-  });
-  return /* @__PURE__ */ jsxs("tr", {
-    className: "border-t border-border/40 hover:bg-muted/30",
-    children: [
-      /* @__PURE__ */ jsx("td", {
-        className: "px-2 py-1",
-        children: run.url ? /* @__PURE__ */ jsx("a", {
-          href: run.url,
-          target: "_blank",
-          rel: "noreferrer",
-          className: "hover:underline",
-          children: title
-        }) : title
-      }),
-      /* @__PURE__ */ jsx("td", {
-        className: "px-2 py-1",
-        children: /* @__PURE__ */ jsx(Badge, {
-          variant: "outline",
-          className: "h-4 px-1.5 text-[9px] text-muted-foreground",
-          children: run.source
-        })
-      }),
-      /* @__PURE__ */ jsx("td", {
-        className: `px-2 py-1 font-mono ${runStatusClass(run)}`,
-        children: run.conclusion ?? run.status
-      }),
-      /* @__PURE__ */ jsx("td", {
-        className: "px-2 py-1 font-mono text-muted-foreground",
-        children: run.branch ?? "—"
-      })
-    ]
-  });
-}
-
-export { CicdPanel };

package/chunk-nm82wr8r.js

@@ -1,58 +0,0 @@
-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-q15xwpy8.js

@@ -1,48 +0,0 @@
-import {
-  HUD_UNLOCK_COOKIE,
-  hudRequiresUnlock,
-  hudUnlockTtlMs,
-  readCookie,
-  resolveHudAccess,
-  verifyHudUnlockToken
-} from "./chunk-6cdpasm9.js";
-import {
-  hasCapability,
-  isHudVisible,
-  resolveHudEnv
-} from "./chunk-vjh0d29g.js";
-
-// server/guard.ts
-async function checkHudRequest(request, capability) {
-  const env = resolveHudEnv();
-  if (!isHudVisible(env)) {
-    return { ok: false, status: 404, error: "not found" };
-  }
-  if (!hasCapability(env, capability)) {
-    return { ok: false, status: 403, error: `capability ${capability} is denied in ${env}` };
-  }
-  const access = resolveHudAccess(env);
-  if (!hudRequiresUnlock(access)) {
-    return { ok: true, env };
-  }
-  const password = process.env.HUD_ACCESS_PASSWORD;
-  if (!password) {
-    return { ok: false, status: 401, error: "hud unlock is not configured" };
-  }
-  const token = readCookie(request.headers.get("cookie"), HUD_UNLOCK_COOKIE);
-  const unlocked = await verifyHudUnlockToken(token, password, { ttlMs: hudUnlockTtlMs(access) });
-  if (!unlocked) {
-    return { ok: false, status: 401, error: "hud is locked" };
-  }
-  return { ok: true, env };
-}
-async function isHudRequestUnlocked(request) {
-  const access = resolveHudAccess();
-  if (!hudRequiresUnlock(access))
-    return true;
-  const password = process.env.HUD_ACCESS_PASSWORD;
-  const token = readCookie(request.headers.get("cookie"), HUD_UNLOCK_COOKIE);
-  return verifyHudUnlockToken(token, password, { ttlMs: hudUnlockTtlMs(access) });
-}
-
-export { checkHudRequest, isHudRequestUnlocked };

package/chunk-q96mkjve.js

@@ -1,68 +0,0 @@
-import {
-  InfoRow,
-  LoadingSpinner,
-  PanelSection
-} from "./chunk-kyeb6qeq.js";
-
-// panels/debug-info-panel.tsx
-import { Info, Monitor } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-"use client";
-function DebugInfoPanel({ user, isLoading = false }) {
-  if (isLoading)
-    return /* @__PURE__ */ jsx(LoadingSpinner, {});
-  return /* @__PURE__ */ jsxs("div", {
-    className: "space-y-4",
-    children: [
-      user && /* @__PURE__ */ jsxs(PanelSection, {
-        icon: Info,
-        title: "User",
-        children: [
-          /* @__PURE__ */ jsx(InfoRow, {
-            label: "Name",
-            value: user.name ?? "—"
-          }),
-          /* @__PURE__ */ jsx(InfoRow, {
-            label: "Email",
-            value: user.email ?? "—",
-            copyable: !!user.email
-          }),
-          /* @__PURE__ */ jsx(InfoRow, {
-            label: "ID",
-            value: user.id ?? "—",
-            copyable: !!user.id
-          }),
-          /* @__PURE__ */ jsx(InfoRow, {
-            label: "Role",
-            value: user.role ?? "—"
-          }),
-          Object.entries(user.extra ?? {}).map(([label, value]) => /* @__PURE__ */ jsx(InfoRow, {
-            label,
-            value
-          }, label))
-        ]
-      }),
-      /* @__PURE__ */ jsxs(PanelSection, {
-        icon: Monitor,
-        title: "Environment",
-        children: [
-          /* @__PURE__ */ jsx(InfoRow, {
-            label: "NODE_ENV",
-            value: process.env.NODE_ENV ?? "unknown"
-          }),
-          /* @__PURE__ */ jsx(InfoRow, {
-            label: "Convex URL",
-            value: process.env.NEXT_PUBLIC_CONVEX_URL ?? "not set",
-            copyable: true
-          }),
-          /* @__PURE__ */ jsx(InfoRow, {
-            label: "Origin",
-            value: typeof window !== "undefined" ? window.location.origin : "—"
-          })
-        ]
-      })
-    ]
-  });
-}
-
-export { DebugInfoPanel };

package/chunk-tczzx083.js

@@ -1,26 +0,0 @@
-import {
-  LoadingSpinner
-} from "./chunk-kyeb6qeq.js";
-import {
-  hasCapability,
-  resolveHudEnv
-} from "./chunk-vjh0d29g.js";
-
-// lazy-panel.tsx
-import { lazy, Suspense } from "react";
-import { jsx } from "react/jsx-runtime";
-"use client";
-function hudLazyPanel(meta, load, env = resolveHudEnv()) {
-  if (!hasCapability(env, meta.capability))
-    return null;
-  const Panel = lazy(async () => ({ default: await load() }));
-  return {
-    ...meta,
-    content: /* @__PURE__ */ jsx(Suspense, {
-      fallback: /* @__PURE__ */ jsx(LoadingSpinner, {}),
-      children: /* @__PURE__ */ jsx(Panel, {})
-    })
-  };
-}
-
-export { hudLazyPanel };