@hansenexus/hud 0.1.1 → 0.2.0

package/chunk-emfnvz4p.js

@@ -1,166 +0,0 @@
-import {
-  useHud
-} from "./chunk-9hw5r9y1.js";
-import {
-  PanelSection
-} from "./chunk-kyeb6qeq.js";
-import {
-  Badge,
-  Button
-} from "./chunk-xztw0xyt.js";
-
-// panels/variants-panel.tsx
-import { ArrowUpRight, Beaker, Wand2 } from "lucide-react";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-"use client";
-var STATUS_CLASS = {
-  active: "text-emerald-500",
-  decided: "text-muted-foreground"
-};
-function VariantsPanel({ adapter }) {
-  const { can } = useHud();
-  const { categories, reviewHref, categoryHref, openPreview, generate } = adapter;
-  const [path, setPath] = useState("");
-  const [brief, setBrief] = useState("");
-  const [result, setResult] = useState(null);
-  const [sending, setSending] = useState(false);
-  const grouped = new Map;
-  for (const category of categories) {
-    const key = category.domain ?? "shared";
-    grouped.set(key, [...grouped.get(key) ?? [], category]);
-  }
-  async function submitGenerate() {
-    if (!generate || !path.trim())
-      return;
-    setSending(true);
-    setResult(null);
-    try {
-      setResult(await generate({ path: path.trim(), brief: brief.trim(), count: 3 }));
-    } catch (error) {
-      setResult({ ok: false, error: error instanceof Error ? error.message : "generate failed" });
-    } finally {
-      setSending(false);
-    }
-  }
-  return /* @__PURE__ */ jsxs("div", {
-    className: "space-y-4",
-    children: [
-      /* @__PURE__ */ jsxs(PanelSection, {
-        icon: Beaker,
-        title: `Categories (${categories.length})`,
-        children: [
-          categories.length === 0 && /* @__PURE__ */ jsx("p", {
-            className: "px-2 text-[10px] text-muted-foreground/60",
-            children: "No preview categories registered for this app."
-          }),
-          /* @__PURE__ */ jsx("div", {
-            className: "space-y-2 px-2",
-            children: Array.from(grouped.entries()).map(([domain, list]) => /* @__PURE__ */ jsxs("div", {
-              children: [
-                /* @__PURE__ */ jsx("div", {
-                  className: "text-[9px] uppercase tracking-wider text-muted-foreground/50",
-                  children: domain
-                }),
-                list.map((category) => /* @__PURE__ */ jsxs("div", {
-                  className: "flex items-center gap-2 py-1 text-[11px]",
-                  children: [
-                    /* @__PURE__ */ jsx(Badge, {
-                      variant: "outline",
-                      className: `h-4 px-1.5 text-[9px] ${STATUS_CLASS[category.status] ?? "text-amber-500"}`,
-                      children: category.status
-                    }),
-                    /* @__PURE__ */ jsx("span", {
-                      className: "min-w-0 flex-1 truncate",
-                      children: category.name
-                    }),
-                    /* @__PURE__ */ jsxs("span", {
-                      className: "text-muted-foreground/60",
-                      children: [
-                        category.alternativeCount,
-                        " alt",
-                        category.alternativeCount === 1 ? "" : "s"
-                      ]
-                    }),
-                    openPreview ? /* @__PURE__ */ jsx(Button, {
-                      variant: "ghost",
-                      size: "sm",
-                      className: "h-5 px-1.5 text-[10px]",
-                      onClick: () => openPreview(category.id),
-                      children: "open"
-                    }) : categoryHref ? /* @__PURE__ */ jsxs("a", {
-                      href: categoryHref(category.id),
-                      className: "inline-flex items-center gap-0.5 text-[10px] text-primary hover:underline",
-                      children: [
-                        "open",
-                        /* @__PURE__ */ jsx(ArrowUpRight, {
-                          className: "h-2.5 w-2.5"
-                        })
-                      ]
-                    }) : null
-                  ]
-                }, category.id))
-              ]
-            }, domain))
-          }),
-          /* @__PURE__ */ jsx("div", {
-            className: "px-2 pt-1",
-            children: /* @__PURE__ */ jsxs("a", {
-              href: reviewHref,
-              className: "inline-flex items-center gap-1 text-[10px] text-primary hover:underline",
-              children: [
-                "Full review dashboard (vote, showcase, decisions)",
-                /* @__PURE__ */ jsx(ArrowUpRight, {
-                  className: "h-3 w-3"
-                })
-              ]
-            })
-          })
-        ]
-      }),
-      generate && can("variants.generate") && /* @__PURE__ */ jsx(PanelSection, {
-        icon: Wand2,
-        title: "Generate variants",
-        children: /* @__PURE__ */ jsxs("div", {
-          className: "space-y-2 px-2",
-          children: [
-            /* @__PURE__ */ jsx("input", {
-              value: path,
-              onChange: (e) => setPath(e.target.value),
-              placeholder: "apps/console/src/components/… (repo-relative)",
-              className: "w-full rounded-md border bg-muted/20 p-2 font-mono text-[11px] outline-none focus:ring-1 focus:ring-ring"
-            }),
-            /* @__PURE__ */ jsx("textarea", {
-              value: brief,
-              onChange: (e) => setBrief(e.target.value),
-              placeholder: "Brief, e.g.: three denser table treatments, keep the glass language",
-              className: "min-h-[44px] w-full rounded-md border bg-muted/20 p-2 font-mono text-[11px] outline-none focus:ring-1 focus:ring-ring"
-            }),
-            /* @__PURE__ */ jsxs("div", {
-              className: "flex items-center gap-2",
-              children: [
-                /* @__PURE__ */ jsx(Button, {
-                  size: "sm",
-                  className: "h-6 text-[11px]",
-                  disabled: sending || !path.trim(),
-                  onClick: submitGenerate,
-                  children: "Queue 3 variants"
-                }),
-                /* @__PURE__ */ jsx("span", {
-                  className: "text-[10px] text-muted-foreground/60",
-                  children: "Writes a .claude/queue marker — the next session runs /generate-variants."
-                })
-              ]
-            }),
-            result && /* @__PURE__ */ jsx("p", {
-              className: `font-mono text-[10px] ${result.ok ? "text-emerald-500" : "text-red-500"}`,
-              children: result.ok ? `queued → ${result.markerPath}` : result.error
-            })
-          ]
-        })
-      })
-    ]
-  });
-}
-
-export { VariantsPanel };

package/chunk-h0hmjdqa.js

@@ -1,264 +0,0 @@
-import {
-  bridgeFetch,
-  getBridgeInfo
-} from "./chunk-50pq4sg6.js";
-import {
-  clearGrabbedPayload,
-  getGrabberState,
-  startGrab,
-  subscribeGrabber,
-  useDevDrawer
-} from "./chunk-82nm9wcg.js";
-import {
-  useHud
-} from "./chunk-9hw5r9y1.js";
-import {
-  LoadingSpinner,
-  PanelSection
-} from "./chunk-kyeb6qeq.js";
-import {
-  Badge,
-  Button
-} from "./chunk-xztw0xyt.js";
-
-// panels/dispatch-panel.tsx
-import { Crosshair, Send, X } from "lucide-react";
-import { useEffect, useMemo, useState, useSyncExternalStore } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-"use client";
-function DispatchPanel() {
-  const { config } = useHud();
-  const { closeDrawer } = useDevDrawer();
-  const grabber = useSyncExternalStore(subscribeGrabber, getGrabberState, getGrabberState);
-  const [bridge, setBridge] = useState(undefined);
-  const [target, setTarget] = useState("docket");
-  const [note, setNote] = useState("");
-  const [runs, setRuns] = useState([]);
-  const apiBase = config.apiBase ?? "/api/hud";
-  useEffect(() => {
-    let cancelled = false;
-    getBridgeInfo(apiBase).then((info) => {
-      if (cancelled)
-        return;
-      setBridge(info);
-      if (!info)
-        setTarget("hermes");
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [apiBase]);
-  const payload = grabber.payload;
-  const targets = useMemo(() => [
-    {
-      id: "docket",
-      label: "Local Claude session (docket)",
-      detail: "worktree + claude -p via the bridge — events land on the docket board",
-      enabled: bridge != null,
-      disabledReason: "bridge not reachable (run `bun hud:bridge` in the repo)"
-    },
-    {
-      id: "queue",
-      label: "Queue marker (.claude/queue)",
-      detail: "human in the loop — the next Claude session picks it up",
-      enabled: bridge != null,
-      disabledReason: "bridge not reachable"
-    },
-    {
-      id: "hermes",
-      label: "Hermes (remote)",
-      detail: "via the console hub → hermes-dispatch workflow, tier balanced",
-      enabled: true,
-      disabledReason: ""
-    }
-  ], [bridge]);
-  async function send() {
-    if (!payload)
-      return;
-    const title = `${payload.anchor.label} — ${note.slice(0, 60) || "hud dispatch"}`;
-    const localId = `local-${Date.now()}`;
-    setRuns((prev) => [{ id: localId, title, target, status: "sending" }, ...prev]);
-    clearGrabbedPayload();
-    setNote("");
-    try {
-      let res;
-      if (target === "hermes") {
-        res = await fetch(`${apiBase}/dispatch`, {
-          method: "POST",
-          headers: { "Content-Type": "application/json", "x-hud-internal": "1" },
-          body: JSON.stringify({ target, note, payload })
-        });
-      } else {
-        if (!bridge)
-          throw new Error("bridge not reachable");
-        res = await bridgeFetch(bridge, "/dispatch", {
-          method: "POST",
-          body: JSON.stringify({ target, note, payload })
-        });
-      }
-      const body = await res.json();
-      setRuns((prev) => prev.map((run) => run.id === localId ? {
-        ...run,
-        status: body.ok ? "dispatched" : "failed",
-        detail: body.runId ?? body.markerPath ?? body.error
-      } : run));
-    } catch (error) {
-      setRuns((prev) => prev.map((run) => run.id === localId ? {
-        ...run,
-        status: "failed",
-        detail: error instanceof Error ? error.message : "dispatch failed"
-      } : run));
-    }
-  }
-  return /* @__PURE__ */ jsxs("div", {
-    className: "space-y-4",
-    children: [
-      !payload && /* @__PURE__ */ jsx(PanelSection, {
-        icon: Crosshair,
-        title: "Grab an element",
-        children: /* @__PURE__ */ jsxs("div", {
-          className: "px-2",
-          children: [
-            /* @__PURE__ */ jsxs(Button, {
-              size: "sm",
-              className: "h-7 text-xs",
-              onClick: () => {
-                closeDrawer();
-                startGrab();
-              },
-              children: [
-                /* @__PURE__ */ jsx(Crosshair, {
-                  className: "mr-1.5 h-3.5 w-3.5"
-                }),
-                "Grab element"
-              ]
-            }),
-            /* @__PURE__ */ jsx("p", {
-              className: "mt-2 text-[10px] text-muted-foreground/60",
-              children: "Click any element on the page — selector, source hints, recent errors, and vitals become the dispatch payload."
-            })
-          ]
-        })
-      }),
-      payload && /* @__PURE__ */ jsx(PanelSection, {
-        icon: Send,
-        title: "Dispatch",
-        children: /* @__PURE__ */ jsxs("div", {
-          className: "space-y-2 px-2",
-          children: [
-            /* @__PURE__ */ jsx(PayloadPreview, {
-              payload,
-              onDiscard: clearGrabbedPayload
-            }),
-            /* @__PURE__ */ jsx("textarea", {
-              value: note,
-              onChange: (e) => setNote(e.target.value),
-              placeholder: "Instruction, e.g.: button feels heavy — try a ghost variant",
-              className: "min-h-[52px] w-full rounded-md border bg-muted/20 p-2 font-mono text-[11px] outline-none focus:ring-1 focus:ring-ring"
-            }),
-            /* @__PURE__ */ jsx("div", {
-              className: "space-y-1",
-              children: targets.map((t) => /* @__PURE__ */ jsxs("label", {
-                className: `flex cursor-pointer items-start gap-2 rounded-md border p-2 ${target === t.id ? "border-primary/60 bg-muted/30" : "border-border/50"} ${t.enabled ? "" : "cursor-not-allowed opacity-50"}`,
-                children: [
-                  /* @__PURE__ */ jsx("input", {
-                    type: "radio",
-                    name: "hud-dispatch-target",
-                    checked: target === t.id,
-                    disabled: !t.enabled,
-                    onChange: () => setTarget(t.id),
-                    className: "mt-0.5"
-                  }),
-                  /* @__PURE__ */ jsxs("span", {
-                    children: [
-                      /* @__PURE__ */ jsx("span", {
-                        className: "block text-xs font-medium",
-                        children: t.label
-                      }),
-                      /* @__PURE__ */ jsx("span", {
-                        className: "block text-[10px] text-muted-foreground",
-                        children: t.enabled ? t.detail : t.disabledReason
-                      })
-                    ]
-                  })
-                ]
-              }, t.id))
-            }),
-            /* @__PURE__ */ jsxs(Button, {
-              size: "sm",
-              className: "h-7 text-xs",
-              onClick: send,
-              children: [
-                /* @__PURE__ */ jsx(Send, {
-                  className: "mr-1.5 h-3 w-3"
-                }),
-                "Dispatch"
-              ]
-            })
-          ]
-        })
-      }),
-      bridge === undefined && /* @__PURE__ */ jsx(LoadingSpinner, {}),
-      runs.length > 0 && /* @__PURE__ */ jsx(PanelSection, {
-        title: "Dispatched from this session",
-        children: runs.map((run) => /* @__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] ${run.status === "dispatched" ? "text-emerald-500" : run.status === "failed" ? "text-red-500" : "text-amber-500"}`,
-              children: run.status
-            }),
-            /* @__PURE__ */ jsx("span", {
-              className: "min-w-0 flex-1 truncate",
-              children: run.title
-            }),
-            /* @__PURE__ */ jsx("span", {
-              className: "text-muted-foreground/60",
-              children: run.target
-            }),
-            run.detail && /* @__PURE__ */ jsx("span", {
-              className: "max-w-[180px] truncate text-muted-foreground/60",
-              title: run.detail,
-              children: run.detail
-            })
-          ]
-        }, run.id))
-      })
-    ]
-  });
-}
-function PayloadPreview({
-  payload,
-  onDiscard
-}) {
-  return /* @__PURE__ */ jsxs("div", {
-    className: "rounded-md border bg-muted/20 p-2",
-    children: [
-      /* @__PURE__ */ jsxs("div", {
-        className: "flex items-center gap-2",
-        children: [
-          /* @__PURE__ */ jsx("span", {
-            className: "min-w-0 flex-1 truncate font-mono text-[11px]",
-            children: payload.anchor.label
-          }),
-          /* @__PURE__ */ jsx(Button, {
-            variant: "ghost",
-            size: "icon",
-            className: "h-5 w-5",
-            onClick: onDiscard,
-            children: /* @__PURE__ */ jsx(X, {
-              className: "h-3 w-3"
-            })
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx("pre", {
-        className: "mt-1 max-h-40 overflow-auto text-[9.5px] leading-relaxed text-muted-foreground",
-        children: JSON.stringify(payload, null, 2)
-      })
-    ]
-  });
-}
-
-export { DispatchPanel };

package/chunk-hc2g0n35.js

@@ -1,24 +0,0 @@
-// core/mock-cookie.ts
-var HUD_MOCK_COOKIE = "hud-mock";
-function isHudMockEnabled(cookieValue, env) {
-  const hudAllowed = env.nodeEnv === "development" || env.hudEnabled === "true";
-  return hudAllowed && cookieValue === "1";
-}
-function hudMockCookieString(enabled) {
-  if (!enabled)
-    return `${HUD_MOCK_COOKIE}=; path=/; max-age=0; samesite=lax`;
-  return `${HUD_MOCK_COOKIE}=1; path=/; max-age=${60 * 60 * 24 * 30}; samesite=lax`;
-}
-function readHudMockCookie() {
-  if (typeof document === "undefined")
-    return;
-  const match = document.cookie.split("; ").find((part) => part.startsWith(`${HUD_MOCK_COOKIE}=`));
-  return match?.slice(HUD_MOCK_COOKIE.length + 1);
-}
-function setHudMockCookie(enabled) {
-  if (typeof document === "undefined")
-    return;
-  document.cookie = hudMockCookieString(enabled);
-}
-
-export { HUD_MOCK_COOKIE, isHudMockEnabled, hudMockCookieString, readHudMockCookie, setHudMockCookie };

package/chunk-hex3wqag.js

@@ -1,179 +0,0 @@
-import {
-  bridgeFetch,
-  getBridgeInfo
-} from "./chunk-50pq4sg6.js";
-import {
-  useHud
-} from "./chunk-9hw5r9y1.js";
-import {
-  LoadingSpinner,
-  PanelSection
-} from "./chunk-kyeb6qeq.js";
-import {
-  Badge,
-  Button,
-  Switch
-} from "./chunk-xztw0xyt.js";
-import {
-  readHudMockCookie,
-  setHudMockCookie
-} from "./chunk-hc2g0n35.js";
-
-// panels/mock-seed-panel.tsx
-import { Database, FlaskConical, RefreshCw } from "lucide-react";
-import { useEffect, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-"use client";
-function MockSeedPanel({ seeds = [] }) {
-  const { config, can } = useHud();
-  const [mockCookie, setMockCookie] = useState(undefined);
-  const [bridge, setBridge] = useState(undefined);
-  const [runs, setRuns] = useState([]);
-  const apiBase = config.apiBase ?? "/api/hud";
-  const canSeed = can("inject.seed") && seeds.length > 0;
-  useEffect(() => {
-    setMockCookie(readHudMockCookie());
-  }, []);
-  useEffect(() => {
-    if (!canSeed)
-      return;
-    let cancelled = false;
-    getBridgeInfo(apiBase).then((info) => {
-      if (!cancelled)
-        setBridge(info);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [apiBase, canSeed]);
-  const mockOn = mockCookie === "1";
-  function toggleMock(next) {
-    setHudMockCookie(next);
-    setMockCookie(next ? "1" : undefined);
-    window.location.reload();
-  }
-  async function runSeed(seed) {
-    if (!bridge)
-      return;
-    const runId = `${seed.id}-${Date.now()}`;
-    setRuns((prev) => [{ id: runId, label: seed.label, status: "running" }, ...prev]);
-    try {
-      const res = await bridgeFetch(bridge, "/seed", {
-        method: "POST",
-        body: JSON.stringify({
-          app: config.appSlug,
-          fn: seed.fn,
-          args: seed.args,
-          local: seed.local
-        })
-      });
-      const body = await res.json();
-      setRuns((prev) => prev.map((run) => run.id === runId ? { ...run, status: body.ok ? "done" : "failed", detail: body.output ?? body.error } : run));
-    } catch (error) {
-      setRuns((prev) => prev.map((run) => run.id === runId ? {
-        ...run,
-        status: "failed",
-        detail: error instanceof Error ? error.message : "seed failed"
-      } : run));
-    }
-  }
-  return /* @__PURE__ */ jsxs("div", {
-    className: "space-y-4",
-    children: [
-      can("mock.toggle") && /* @__PURE__ */ jsx(PanelSection, {
-        icon: FlaskConical,
-        title: "Mock Convex",
-        children: /* @__PURE__ */ jsxs("div", {
-          className: "flex items-center justify-between px-2",
-          children: [
-            /* @__PURE__ */ jsxs("div", {
-              children: [
-                /* @__PURE__ */ jsx("div", {
-                  className: "text-xs font-medium",
-                  children: "Mock backend"
-                }),
-                /* @__PURE__ */ jsx("p", {
-                  className: "text-[10px] text-muted-foreground/60",
-                  children: "Swaps the Convex client for a dummy — reload applies (server re-reads the cookie)."
-                })
-              ]
-            }),
-            /* @__PURE__ */ jsxs("div", {
-              className: "flex items-center gap-2",
-              children: [
-                mockOn && /* @__PURE__ */ jsx(Badge, {
-                  variant: "outline",
-                  className: "h-4 px-1.5 text-[9px] text-amber-500",
-                  children: "mock"
-                }),
-                /* @__PURE__ */ jsx(Switch, {
-                  checked: mockOn,
-                  onCheckedChange: toggleMock
-                })
-              ]
-            })
-          ]
-        })
-      }),
-      canSeed && /* @__PURE__ */ jsxs(PanelSection, {
-        icon: Database,
-        title: "Seed data",
-        children: [
-          bridge === undefined && /* @__PURE__ */ jsx(LoadingSpinner, {}),
-          bridge === null && /* @__PURE__ */ jsx("p", {
-            className: "px-2 text-[10px] text-amber-500",
-            children: "bridge not reachable — run `bun hud:bridge` in the repo to seed from here."
-          }),
-          bridge != null && /* @__PURE__ */ jsx("div", {
-            className: "space-y-1 px-2",
-            children: seeds.map((seed) => /* @__PURE__ */ jsxs("div", {
-              className: "flex items-center gap-2",
-              children: [
-                /* @__PURE__ */ jsxs(Button, {
-                  size: "sm",
-                  variant: "outline",
-                  className: "h-6 text-[11px]",
-                  onClick: () => runSeed(seed),
-                  children: [
-                    /* @__PURE__ */ jsx(RefreshCw, {
-                      className: "mr-1.5 h-3 w-3"
-                    }),
-                    seed.label
-                  ]
-                }),
-                seed.description && /* @__PURE__ */ jsx("span", {
-                  className: "min-w-0 flex-1 truncate text-[10px] text-muted-foreground/60",
-                  children: seed.description
-                })
-              ]
-            }, seed.id))
-          })
-        ]
-      }),
-      runs.length > 0 && /* @__PURE__ */ jsx(PanelSection, {
-        title: "Seed runs",
-        children: runs.map((run) => /* @__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] ${run.status === "done" ? "text-emerald-500" : run.status === "failed" ? "text-red-500" : "text-amber-500"}`,
-              children: run.status
-            }),
-            /* @__PURE__ */ jsx("span", {
-              className: "min-w-0 flex-1 truncate",
-              children: run.label
-            }),
-            run.detail && /* @__PURE__ */ jsx("span", {
-              className: "max-w-[220px] truncate text-muted-foreground/60",
-              title: run.detail,
-              children: run.detail
-            })
-          ]
-        }, run.id))
-      })
-    ]
-  });
-}
-
-export { MockSeedPanel };