@hansenexus/hud 0.1.1 → 0.2.0

package/chunk-82nm9wcg.js

@@ -1,316 +0,0 @@
-import {
-  Badge,
-  Button,
-  cn
-} from "./chunk-xztw0xyt.js";
-
-// grabber/grabber-store.ts
-var state = { mode: "idle", payload: null };
-var listeners = new Set;
-function setState(next) {
-  state = next;
-  for (const listener of listeners)
-    listener();
-}
-function getGrabberState() {
-  return state;
-}
-function subscribeGrabber(listener) {
-  listeners.add(listener);
-  return () => listeners.delete(listener);
-}
-function startGrab() {
-  setState({ ...state, mode: "grabbing" });
-}
-function cancelGrab() {
-  setState({ ...state, mode: "idle" });
-}
-function completeGrab(payload) {
-  setState({ mode: "idle", payload });
-}
-function clearGrabbedPayload() {
-  setState({ ...state, payload: null });
-}
-
-// ../dev-tools/drawer/dev-drawer-provider.tsx
-import {
-  createContext,
-  useCallback,
-  useContext,
-  useEffect,
-  useMemo,
-  useState
-} from "react";
-import { jsx } from "react/jsx-runtime";
-"use client";
-var DevDrawerContext = createContext(null);
-var DEFAULTS = {
-  defaultHeight: 40,
-  minHeight: 25,
-  maxHeight: 80,
-  shortcutKey: "d"
-};
-function loadStored(storageKey) {
-  if (!storageKey || typeof window === "undefined")
-    return {};
-  try {
-    const raw = localStorage.getItem(storageKey);
-    if (!raw)
-      return {};
-    const parsed = JSON.parse(raw);
-    return {
-      height: typeof parsed.height === "number" ? parsed.height : undefined,
-      activeTab: typeof parsed.activeTab === "string" ? parsed.activeTab : undefined
-    };
-  } catch {
-    return {};
-  }
-}
-function persist(storageKey, state2) {
-  if (!storageKey || typeof window === "undefined")
-    return;
-  try {
-    localStorage.setItem(storageKey, JSON.stringify(state2));
-  } catch {}
-}
-function DevDrawerProvider({ config, children }) {
-  const defaultHeight = config?.defaultHeight ?? DEFAULTS.defaultHeight;
-  const minHeight = config?.minHeight ?? DEFAULTS.minHeight;
-  const maxHeight = config?.maxHeight ?? DEFAULTS.maxHeight;
-  const shortcutKey = config?.shortcutKey === null ? null : config?.shortcutKey ?? DEFAULTS.shortcutKey;
-  const storageKey = config?.storageKey;
-  const [isOpen, setIsOpen] = useState(false);
-  const [activeTab, setActiveTabState] = useState(config?.defaultActiveTab ?? null);
-  const [height, setHeightState] = useState(defaultHeight);
-  useEffect(() => {
-    const stored = loadStored(storageKey);
-    if (stored.height != null)
-      setHeightState(stored.height);
-    if (stored.activeTab != null)
-      setActiveTabState(stored.activeTab);
-  }, [storageKey]);
-  useEffect(() => {
-    persist(storageKey, { height, activeTab });
-  }, [storageKey, height, activeTab]);
-  useEffect(() => {
-    if (!shortcutKey)
-      return;
-    const handler = (event) => {
-      if ((event.ctrlKey || event.metaKey) && event.shiftKey && event.key.toLowerCase() === shortcutKey) {
-        event.preventDefault();
-        setIsOpen((prev) => !prev);
-      }
-    };
-    window.addEventListener("keydown", handler);
-    return () => window.removeEventListener("keydown", handler);
-  }, [shortcutKey]);
-  const toggleDrawer = useCallback(() => setIsOpen((prev) => !prev), []);
-  const openDrawer = useCallback(() => setIsOpen(true), []);
-  const closeDrawer = useCallback(() => setIsOpen(false), []);
-  const setActiveTab = useCallback((tab) => setActiveTabState(tab), []);
-  const setHeight = useCallback((next) => setHeightState(Math.min(maxHeight, Math.max(minHeight, next))), [minHeight, maxHeight]);
-  const value = useMemo(() => ({
-    isOpen,
-    activeTab,
-    height,
-    minHeight,
-    maxHeight,
-    toggleDrawer,
-    openDrawer,
-    closeDrawer,
-    setActiveTab,
-    setHeight
-  }), [
-    isOpen,
-    activeTab,
-    height,
-    minHeight,
-    maxHeight,
-    toggleDrawer,
-    openDrawer,
-    closeDrawer,
-    setActiveTab,
-    setHeight
-  ]);
-  return /* @__PURE__ */ jsx(DevDrawerContext.Provider, {
-    value,
-    children
-  });
-}
-function useDevDrawer() {
-  const ctx = useContext(DevDrawerContext);
-  if (!ctx)
-    throw new Error("useDevDrawer must be used within a DevDrawerProvider");
-  return ctx;
-}
-
-// ../dev-tools/drawer/dev-drawer.tsx
-import { Wrench, X } from "lucide-react";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-"use client";
-function DevDrawer({
-  tabs,
-  children,
-  title = "Dev Toolbar",
-  badgeLabel = "DEV",
-  headerIcon: HeaderIcon = Wrench,
-  className
-}) {
-  const { isOpen, activeTab, setActiveTab, closeDrawer, height, minHeight, maxHeight, setHeight } = useDevDrawer();
-  if (!isOpen)
-    return null;
-  const resolvedTabs = tabs && tabs.length > 0 ? tabs : null;
-  const currentTab = resolvedTabs?.find((tab) => tab.id === activeTab) ?? resolvedTabs?.[0];
-  const handleResizeStart = (event) => {
-    event.preventDefault();
-    const startY = event.clientY;
-    const startHeight = height;
-    function onMove(moveEvent) {
-      const delta = startY - moveEvent.clientY;
-      const deltaPercent = delta / window.innerHeight * 100;
-      setHeight(startHeight + deltaPercent);
-    }
-    function onUp() {
-      document.removeEventListener("pointermove", onMove);
-      document.removeEventListener("pointerup", onUp);
-    }
-    document.addEventListener("pointermove", onMove);
-    document.addEventListener("pointerup", onUp);
-  };
-  return /* @__PURE__ */ jsxs("div", {
-    className: cn("fixed inset-x-0 bottom-0 z-50 border-t border-border/50 bg-background/95 backdrop-blur-md", className),
-    style: { height: `${height}vh` },
-    children: [
-      /* @__PURE__ */ jsx2("div", {
-        role: "slider",
-        tabIndex: 0,
-        "aria-label": "Resize dev drawer",
-        "aria-orientation": "horizontal",
-        "aria-valuemin": Math.round(minHeight),
-        "aria-valuemax": Math.round(maxHeight),
-        "aria-valuenow": Math.round(height),
-        className: "absolute inset-x-0 -top-1 flex h-3 cursor-ns-resize items-center justify-center focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        onPointerDown: handleResizeStart,
-        onKeyDown: (event) => {
-          if (event.key === "ArrowUp") {
-            event.preventDefault();
-            setHeight(height + 2);
-          } else if (event.key === "ArrowDown") {
-            event.preventDefault();
-            setHeight(height - 2);
-          }
-        },
-        children: /* @__PURE__ */ jsx2("div", {
-          className: "h-1 w-8 bg-muted-foreground/30"
-        })
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "flex h-10 items-center justify-between border-b border-border/50 px-3",
-        children: [
-          /* @__PURE__ */ jsxs("div", {
-            className: "flex items-center gap-2",
-            children: [
-              /* @__PURE__ */ jsx2(HeaderIcon, {
-                className: "h-3.5 w-3.5 text-amber-500"
-              }),
-              /* @__PURE__ */ jsx2("span", {
-                className: "text-xs font-semibold",
-                children: title
-              }),
-              badgeLabel ? /* @__PURE__ */ jsx2(Badge, {
-                variant: "outline",
-                className: "h-4 border-amber-500/30 px-1 text-[9px] text-amber-500",
-                children: badgeLabel
-              }) : null
-            ]
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "flex items-center gap-1",
-            children: [
-              resolvedTabs?.map((tab) => {
-                const Icon = tab.icon;
-                const isActive = tab.id === (currentTab?.id ?? null);
-                return /* @__PURE__ */ jsxs(Button, {
-                  variant: isActive ? "secondary" : "ghost",
-                  size: "sm",
-                  className: "h-6 gap-1 px-2 text-[10px]",
-                  onClick: () => setActiveTab(tab.id),
-                  children: [
-                    Icon ? /* @__PURE__ */ jsx2(Icon, {
-                      className: "h-3 w-3"
-                    }) : null,
-                    tab.label
-                  ]
-                }, tab.id);
-              }),
-              resolvedTabs ? /* @__PURE__ */ jsx2("div", {
-                className: "mx-1 h-4 w-px bg-border"
-              }) : null,
-              /* @__PURE__ */ jsx2(Button, {
-                variant: "ghost",
-                size: "icon",
-                className: "h-6 w-6",
-                onClick: closeDrawer,
-                children: /* @__PURE__ */ jsx2(X, {
-                  className: "h-3 w-3"
-                })
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx2("div", {
-        className: "h-[calc(100%-2.5rem)] overflow-y-auto px-3 py-3",
-        children: resolvedTabs ? currentTab?.content : children
-      })
-    ]
-  });
-}
-// ../ui/components/tooltip.tsx
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-"use client";
-
-// ../dev-tools/fab/dev-floating-menu.tsx
-import { MoreHorizontal } from "lucide-react";
-import { AnimatePresence, motion } from "motion/react";
-
-// ../ui/components/kbd.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-
-// ../dev-tools/fab/fab-action.tsx
-import Link from "next/link";
-import { useCallback as useCallback2, useRef } from "react";
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-"use client";
-var baseClass = cn("size-9 rounded-full", "bg-background/80 backdrop-blur-sm border border-border/50", "shadow-sm hover:shadow-md transition-all duration-200");
-var bauhausBaseClass = cn("size-9 rounded-full border backdrop-blur-2xl transition-all duration-200", "border-[rgb(var(--bauhaus-border-strong))] bg-bauhaus-bg/60 text-bauhaus-fg/55", "shadow-[0_6px_24px_rgba(0,0,0,0.45)]", "hover:bg-bauhaus-bg/80 hover:text-[var(--fab-ink)] hover:border-[var(--fab-ink)]");
-
-// ../dev-tools/fab/use-fab-state.ts
-import { useCallback as useCallback3, useEffect as useEffect2, useState as useState2 } from "react";
-"use client";
-
-// ../dev-tools/fab/dev-floating-menu.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-"use client";
-// ../dev-tools/fab/dock-context.tsx
-import {
-  createContext as createContext2,
-  useCallback as useCallback4,
-  useContext as useContext2,
-  useEffect as useEffect3,
-  useMemo as useMemo2,
-  useState as useState3
-} from "react";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-"use client";
-var FloatingDockContext = createContext2(null);
-// ../dev-tools/gate/dev-only.tsx
-import { jsx as jsx8, Fragment } from "react/jsx-runtime";
-"use client";
-// ../dev-tools/panels/variants-link-panel.tsx
-import { ArrowUpRight, Beaker } from "lucide-react";
-import Link2 from "next/link";
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
-"use client";
-export { getGrabberState, subscribeGrabber, startGrab, cancelGrab, completeGrab, clearGrabbedPayload, DevDrawerProvider, useDevDrawer, DevDrawer };

package/chunk-9hw5r9y1.js

@@ -1,67 +0,0 @@
-import {
-  hasCapability
-} from "./chunk-vjh0d29g.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 };

package/chunk-c5y856ad.js

@@ -1,98 +0,0 @@
-// core/force-state.ts
-var FORCED_STATES = ["loading", "empty", "error"];
-var FORCE_STATE_PARAM = "__state";
-var FORCE_STATE_MARKER = "__HN_FORCE_STATE__";
-function isForcedState(value) {
-  return FORCED_STATES.includes(value);
-}
-function parseForceStateParam(value) {
-  if (!value)
-    return null;
-  const separator = value.lastIndexOf(":");
-  if (separator === -1)
-    return isForcedState(value) ? { state: value, target: null } : null;
-  const target = value.slice(0, separator);
-  const state = value.slice(separator + 1);
-  if (!target || !isForcedState(state))
-    return null;
-  return { state, target };
-}
-function forceStateParamFromSearch(search) {
-  return parseForceStateParam(new URLSearchParams(search).get(FORCE_STATE_PARAM));
-}
-function resolveForcedState(snapshot, boundary) {
-  const override = snapshot.overrides[boundary.id];
-  if (override)
-    return override;
-  const { param } = snapshot;
-  if (!param)
-    return null;
-  if (param.target !== null)
-    return param.target === boundary.id ? param.state : null;
-  return boundary.parentId === null ? param.state : null;
-}
-
-class ForceStateStore {
-  registrations = new Map;
-  overrides = {};
-  search = "";
-  snapshot = { boundaries: [], overrides: {}, param: null };
-  listeners = new Set;
-  getSnapshot = () => this.snapshot;
-  subscribe = (listener) => {
-    this.listeners.add(listener);
-    return () => {
-      this.listeners.delete(listener);
-    };
-  };
-  register(id, parentId) {
-    const existing = this.registrations.get(id);
-    this.registrations.set(id, { parentId, count: (existing?.count ?? 0) + 1 });
-    this.emit();
-    return () => {
-      const current = this.registrations.get(id);
-      if (!current)
-        return;
-      if (current.count > 1)
-        this.registrations.set(id, { ...current, count: current.count - 1 });
-      else
-        this.registrations.delete(id);
-      this.emit();
-    };
-  }
-  force(id, state) {
-    const next = { ...this.overrides };
-    if (state)
-      next[id] = state;
-    else
-      delete next[id];
-    this.overrides = next;
-    this.emit();
-  }
-  clearOverrides() {
-    this.overrides = {};
-    this.emit();
-  }
-  syncSearch(search) {
-    if (search === this.search)
-      return;
-    this.search = search;
-    this.emit();
-  }
-  emit() {
-    this.snapshot = {
-      boundaries: [...this.registrations].map(([id, { parentId }]) => ({ id, parentId })),
-      overrides: this.overrides,
-      param: forceStateParamFromSearch(this.search)
-    };
-    for (const listener of this.listeners)
-      listener();
-  }
-}
-function getForceStateStore() {
-  const holder = globalThis;
-  holder[FORCE_STATE_MARKER] ??= new ForceStateStore;
-  return holder[FORCE_STATE_MARKER];
-}
-
-export { FORCED_STATES, FORCE_STATE_PARAM, FORCE_STATE_MARKER, parseForceStateParam, forceStateParamFromSearch, resolveForcedState, ForceStateStore, getForceStateStore };

package/chunk-edq4jqch.js

@@ -1,89 +0,0 @@
-import {
-  bridgeFetch,
-  getBridgeInfo
-} from "./chunk-50pq4sg6.js";
-import {
-  useHud
-} from "./chunk-9hw5r9y1.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 };