@hansenexus/hud 0.1.0 → 0.2.0

package/chunk-6gw4x08j.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-wspz08q7.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-6jt8yg4m.js

@@ -1,117 +0,0 @@
-import {
-  LoadingSpinner,
-  PanelSection
-} from "./chunk-kyeb6qeq.js";
-import {
-  Badge,
-  Button
-} from "./chunk-xztw0xyt.js";
-
-// panels/role-switcher-panel.tsx
-import { Check, Shield, User } from "lucide-react";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-"use client";
-function RoleSwitcherPanel({ adapter }) {
-  const { roles, currentRoleId, currentUserLabel, isLoading = false, onSwitch } = adapter;
-  const [switching, setSwitching] = useState(false);
-  const [error, setError] = useState(null);
-  async function handleSwitch(roleId) {
-    if (roleId === currentRoleId)
-      return;
-    setSwitching(true);
-    setError(null);
-    try {
-      await onSwitch(roleId);
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Role switch failed");
-    } finally {
-      setSwitching(false);
-    }
-  }
-  if (isLoading)
-    return /* @__PURE__ */ jsx(LoadingSpinner, {});
-  const current = roles.find((role) => role.id === currentRoleId);
-  return /* @__PURE__ */ jsxs("div", {
-    className: "space-y-4",
-    children: [
-      /* @__PURE__ */ jsx(PanelSection, {
-        icon: Shield,
-        title: "Current Role",
-        children: /* @__PURE__ */ jsxs("div", {
-          className: "border bg-muted/30 px-3 py-2",
-          children: [
-            /* @__PURE__ */ jsxs("div", {
-              className: "flex items-center gap-2",
-              children: [
-                /* @__PURE__ */ jsx(User, {
-                  className: "h-4 w-4 text-muted-foreground"
-                }),
-                /* @__PURE__ */ jsx("span", {
-                  className: "text-sm font-medium",
-                  children: currentUserLabel ?? "Unknown"
-                })
-              ]
-            }),
-            /* @__PURE__ */ jsx(Badge, {
-              variant: "outline",
-              className: `mt-1 ${current?.badgeClassName ?? ""}`,
-              children: current?.label ?? currentRoleId ?? "—"
-            })
-          ]
-        })
-      }),
-      /* @__PURE__ */ jsx(PanelSection, {
-        title: "Switch Role",
-        children: roles.map((role) => {
-          const isCurrent = role.id === currentRoleId;
-          return /* @__PURE__ */ jsxs(Button, {
-            variant: "ghost",
-            size: "sm",
-            disabled: isCurrent || switching,
-            className: "w-full justify-between text-xs",
-            onClick: () => handleSwitch(role.id),
-            children: [
-              /* @__PURE__ */ jsxs("div", {
-                className: "flex items-center gap-2",
-                children: [
-                  /* @__PURE__ */ jsx("span", {
-                    className: `h-2 w-2 rounded-full ${isCurrent ? "bg-primary" : "bg-muted-foreground/30"}`
-                  }),
-                  /* @__PURE__ */ jsx("span", {
-                    children: role.label
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxs("div", {
-                className: "flex items-center gap-1.5",
-                children: [
-                  role.level !== undefined && /* @__PURE__ */ jsxs("span", {
-                    className: "text-[10px] text-muted-foreground",
-                    children: [
-                      "Lvl ",
-                      role.level
-                    ]
-                  }),
-                  isCurrent && /* @__PURE__ */ jsx(Check, {
-                    className: "h-3 w-3 text-primary"
-                  })
-                ]
-              })
-            ]
-          }, role.id);
-        })
-      }),
-      error && /* @__PURE__ */ jsx("p", {
-        className: "px-2 text-[10px] text-destructive",
-        children: error
-      }),
-      /* @__PURE__ */ jsx("p", {
-        className: "text-[10px] text-muted-foreground/60",
-        children: "Role changes take effect immediately. Use this for testing role-based access."
-      })
-    ]
-  });
-}
-
-export { RoleSwitcherPanel };

package/chunk-71se605m.js

@@ -1,85 +0,0 @@
-import {
-  LoadingSpinner
-} from "./chunk-kyeb6qeq.js";
-import {
-  Badge,
-  Switch
-} from "./chunk-xztw0xyt.js";
-
-// panels/feature-flags-panel.tsx
-import { Flag } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-"use client";
-function FeatureFlagsPanel({ adapter }) {
-  const { flags, isLoading = false, onToggle } = adapter;
-  if (isLoading)
-    return /* @__PURE__ */ jsx(LoadingSpinner, {});
-  const categories = [...new Set(flags.map((flag) => flag.category ?? "general"))];
-  return /* @__PURE__ */ jsxs("div", {
-    className: "space-y-4",
-    children: [
-      categories.map((category) => /* @__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: [
-              /* @__PURE__ */ jsx(Flag, {
-                className: "h-3 w-3"
-              }),
-              category
-            ]
-          }),
-          /* @__PURE__ */ jsx("div", {
-            className: "space-y-1",
-            children: flags.filter((flag) => (flag.category ?? "general") === category).map((flag) => /* @__PURE__ */ jsx(FlagRow, {
-              flag,
-              onToggle: () => void onToggle(flag.id)
-            }, flag.id))
-          })
-        ]
-      }, category)),
-      flags.length === 0 && /* @__PURE__ */ jsx("p", {
-        className: "px-2 text-[10px] text-muted-foreground/60",
-        children: "No flags registered."
-      })
-    ]
-  });
-}
-function FlagRow({ flag, onToggle }) {
-  const isOverridden = flag.enabled !== flag.defaultValue;
-  return /* @__PURE__ */ jsxs("div", {
-    className: "flex items-center justify-between px-2 py-1.5 hover:bg-muted/50",
-    children: [
-      /* @__PURE__ */ jsxs("div", {
-        className: "min-w-0 flex-1",
-        children: [
-          /* @__PURE__ */ jsxs("div", {
-            className: "flex items-center gap-1.5",
-            children: [
-              /* @__PURE__ */ jsx("span", {
-                className: "text-xs font-medium",
-                children: flag.label
-              }),
-              isOverridden && /* @__PURE__ */ jsx(Badge, {
-                variant: "outline",
-                className: "h-4 border-amber-500/50 px-1 text-[9px] text-amber-500",
-                children: "overridden"
-              })
-            ]
-          }),
-          flag.description && /* @__PURE__ */ jsx("p", {
-            className: "truncate text-[10px] text-muted-foreground",
-            children: flag.description
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx(Switch, {
-        checked: flag.enabled,
-        onCheckedChange: onToggle,
-        className: "ml-2 shrink-0"
-      })
-    ]
-  });
-}
-
-export { FeatureFlagsPanel };