@arbidocs/react 0.5.111 → 0.5.112

package/dist/ui/tooltip.js

@@ -0,0 +1,215 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { createPortal } from "react-dom";
+import { cn } from "../lib/utils.js";
+const TooltipContext = React.createContext(null);
+const DEFAULT_DELAY = 300;
+const TooltipConfigContext = React.createContext({
+  delayDuration: DEFAULT_DELAY
+});
+const TooltipProvider = ({ children, delayDuration = DEFAULT_DELAY }) => {
+  const value = React.useMemo(() => ({ delayDuration }), [delayDuration]);
+  return /* @__PURE__ */ jsx(TooltipConfigContext.Provider, { value, children });
+};
+function Tooltip({ children, delayDuration }) {
+  const config = React.useContext(TooltipConfigContext);
+  const delay = delayDuration ?? config.delayDuration;
+  const [open, setOpen] = React.useState(false);
+  const triggerRef = React.useRef(null);
+  const timer = React.useRef(null);
+  const contentId = React.useId();
+  const clearTimer = () => {
+    if (timer.current) {
+      clearTimeout(timer.current);
+      timer.current = null;
+    }
+  };
+  const suppressed = React.useRef(false);
+  const show = React.useCallback(() => {
+    clearTimer();
+    if (suppressed.current) return;
+    timer.current = setTimeout(() => setOpen(true), delay);
+  }, [delay]);
+  const hide = React.useCallback(() => {
+    clearTimer();
+    setOpen(false);
+  }, []);
+  const suppress = React.useCallback(() => {
+    suppressed.current = true;
+    clearTimer();
+    setOpen(false);
+  }, []);
+  const release = React.useCallback(() => {
+    suppressed.current = false;
+  }, []);
+  const setTrigger = React.useCallback((el) => {
+    triggerRef.current = el;
+  }, []);
+  React.useEffect(() => () => clearTimer(), []);
+  const value = React.useMemo(
+    () => ({ open, show, hide, suppress, release, setTrigger, triggerRef, contentId }),
+    [open, show, hide, suppress, release, setTrigger, contentId]
+  );
+  return /* @__PURE__ */ jsx(TooltipContext.Provider, { value, children });
+}
+function isKeyboardFocus(target) {
+  try {
+    return target.matches(":focus-visible");
+  } catch {
+    return true;
+  }
+}
+function showsOwnText(el) {
+  if (!el) return false;
+  const walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT);
+  let visible = "";
+  for (let node = walker.nextNode(); node; node = walker.nextNode()) {
+    if (node.parentElement?.closest(".sr-only")) continue;
+    visible += node.textContent ?? "";
+  }
+  return /\p{L}{2,}/u.test(visible);
+}
+function TooltipTrigger({
+  asChild,
+  showWithText = false,
+  children,
+  ...props
+}) {
+  const ctx = React.useContext(TooltipContext);
+  if (!ctx) return /* @__PURE__ */ jsx(Fragment, { children });
+  const triggerHandlers = {
+    onPointerEnter: (e) => {
+      ;
+      props.onPointerEnter?.(e);
+      if (e.pointerType === "touch") return;
+      if (!showWithText && showsOwnText(e.currentTarget)) return;
+      ctx.show();
+    },
+    onPointerLeave: (e) => {
+      ;
+      props.onPointerLeave?.(e);
+      ctx.release();
+      ctx.hide();
+    },
+    onPointerDown: (e) => {
+      ;
+      props.onPointerDown?.(e);
+      (asChild && React.isValidElement(children) ? children.props.onPointerDown : void 0)?.(e);
+      ctx.suppress();
+    },
+    onFocus: (e) => {
+      ;
+      props.onFocus?.(e);
+      if (isKeyboardFocus(e.target) && (showWithText || !showsOwnText(e.currentTarget))) ctx.show();
+    },
+    onBlur: (e) => {
+      ;
+      props.onBlur?.(e);
+      ctx.hide();
+    },
+    "aria-describedby": ctx.open ? ctx.contentId : void 0,
+    "data-state": ctx.open ? "open" : "closed"
+  };
+  if (asChild && React.isValidElement(children)) {
+    const child = children;
+    return React.cloneElement(child, {
+      ...props,
+      ...triggerHandlers,
+      ref: ctx.setTrigger
+    });
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      ...props,
+      ...triggerHandlers,
+      ref: ctx.setTrigger,
+      children
+    }
+  );
+}
+const TRANSFORM_BY_SIDE = {
+  top: "translate(-50%, -100%)",
+  bottom: "translate(-50%, 0)",
+  left: "translate(-100%, -50%)",
+  right: "translate(0, -50%)"
+};
+const TooltipContent = React.forwardRef(
+  ({ className, side = "top", sideOffset = 4, collisionPadding = 8, style, ...props }, ref) => {
+    const ctx = React.useContext(TooltipContext);
+    const innerRef = React.useRef(null);
+    const [coords, setCoords] = React.useState(null);
+    React.useLayoutEffect(() => {
+      if (!ctx?.open || !ctx.triggerRef.current) {
+        setCoords(null);
+        return;
+      }
+      const r = ctx.triggerRef.current.getBoundingClientRect();
+      const c = innerRef.current?.getBoundingClientRect();
+      const ch = c?.height ?? 0;
+      const cw = c?.width ?? 0;
+      const vh = window.innerHeight;
+      const vw = window.innerWidth;
+      let s = side;
+      if (s === "top" && r.top - sideOffset - ch < 0) s = "bottom";
+      else if (s === "bottom" && r.bottom + sideOffset + ch > vh) s = "top";
+      else if (s === "left" && r.left - sideOffset - cw < 0) s = "right";
+      else if (s === "right" && r.right + sideOffset + cw > vw) s = "left";
+      const PAD = collisionPadding;
+      const clamp = (value, half, max) => Math.min(Math.max(value, PAD + half), Math.max(PAD + half, max - PAD - half));
+      const rawTop = s === "top" ? r.top - sideOffset : s === "bottom" ? r.bottom + sideOffset : r.top + r.height / 2;
+      const rawLeft = s === "left" ? r.left - sideOffset : s === "right" ? r.right + sideOffset : r.left + r.width / 2;
+      setCoords({
+        top: s === "left" || s === "right" ? clamp(rawTop, ch / 2, vh) : rawTop,
+        left: s === "top" || s === "bottom" ? clamp(rawLeft, cw / 2, vw) : rawLeft,
+        transform: TRANSFORM_BY_SIDE[s]
+      });
+    }, [ctx?.open, side, sideOffset, collisionPadding, ctx?.triggerRef]);
+    if (!ctx?.open) return null;
+    const setRefs = (node) => {
+      innerRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    };
+    return createPortal(
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: setRefs,
+          id: ctx.contentId,
+          role: "tooltip",
+          className: cn(
+            // The kit owns the tooltip's look: semantic tokens only, so it is
+            // legible in every app without one of them defining a global class.
+            // The `tooltip-content` hook is kept last-but-one so a host stylesheet
+            // can still restyle every tooltip in one place (the ARBI app does, with
+            // `!important` rules that win over these defaults).
+            "pointer-events-none w-max max-w-[300px] break-words rounded-md border border-border bg-popover px-3 py-2 text-sm font-normal text-popover-foreground shadow-lg",
+            "tooltip-content",
+            className
+          ),
+          style: {
+            position: "fixed",
+            top: coords?.top ?? -9999,
+            left: coords?.left ?? -9999,
+            transform: coords?.transform ?? TRANSFORM_BY_SIDE[side],
+            opacity: coords ? void 0 : 0,
+            zIndex: 9999,
+            ...style
+          },
+          ...props
+        }
+      ),
+      document.body
+    );
+  }
+);
+TooltipContent.displayName = "TooltipContent";
+export {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+};
+//# sourceMappingURL=tooltip.js.map

package/dist/ui/tooltip.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ui/tooltip.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { cn } from '../lib/utils'\n\n/**\n * Minimal, dependency-free tooltip \u2014 a drop-in API replacement for a Radix\n * wrapper (same exports/props: Tooltip, TooltipTrigger, TooltipContent,\n * TooltipProvider). Promoted verbatim from the ARBI app.\n *\n * It attaches the trigger via a STABLE `useCallback` ref (never setStates,\n * identity never changes), so React 19 never detach/attach-thrashes.\n */\n\ntype Side = 'top' | 'bottom' | 'left' | 'right'\n\ninterface TooltipContextValue {\n  open: boolean\n  show: () => void\n  hide: () => void\n  setTrigger: (el: HTMLElement | null) => void\n  /** A pointer click dismisses the tip and keeps it away until the pointer leaves. */\n  suppress: () => void\n  release: () => void\n  triggerRef: React.MutableRefObject<HTMLElement | null>\n  contentId: string\n}\n\nconst TooltipContext = React.createContext<TooltipContextValue | null>(null)\n\n/** App-wide tooltip defaults, set once by `TooltipProvider`. */\nconst DEFAULT_DELAY = 300\nconst TooltipConfigContext = React.createContext<{ delayDuration: number }>({\n  delayDuration: DEFAULT_DELAY,\n})\n\ninterface TooltipProviderProps {\n  children?: React.ReactNode\n  /** Hover delay, in ms, inherited by every Tooltip below. Default 300. */\n  delayDuration?: number\n  skipDelayDuration?: number\n  disableHoverableContent?: boolean\n}\n\n/**\n * Sets tooltip defaults for the whole tree. Mount it once, at the app root \u2014\n * `AppShell` in @arbidocs/blocks does this so every app gets it for free.\n * Tooltips still render without it, at the default delay.\n */\nconst TooltipProvider = ({ children, delayDuration = DEFAULT_DELAY }: TooltipProviderProps) => {\n  const value = React.useMemo(() => ({ delayDuration }), [delayDuration])\n  return <TooltipConfigContext.Provider value={value}>{children}</TooltipConfigContext.Provider>\n}\n\ninterface TooltipProps {\n  children: React.ReactNode\n  /** Overrides the provider's delay for this one tooltip. */\n  delayDuration?: number\n}\n\nfunction Tooltip({ children, delayDuration }: TooltipProps) {\n  const config = React.useContext(TooltipConfigContext)\n  const delay = delayDuration ?? config.delayDuration\n  const [open, setOpen] = React.useState(false)\n  const triggerRef = React.useRef<HTMLElement | null>(null)\n  const timer = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n  const contentId = React.useId()\n\n  const clearTimer = () => {\n    if (timer.current) {\n      clearTimeout(timer.current)\n      timer.current = null\n    }\n  }\n\n  const suppressed = React.useRef(false)\n\n  const show = React.useCallback(() => {\n    clearTimer()\n    if (suppressed.current) return\n    timer.current = setTimeout(() => setOpen(true), delay)\n  }, [delay])\n\n  const hide = React.useCallback(() => {\n    clearTimer()\n    setOpen(false)\n  }, [])\n\n  const suppress = React.useCallback(() => {\n    suppressed.current = true\n    clearTimer()\n    setOpen(false)\n  }, [])\n\n  const release = React.useCallback(() => {\n    suppressed.current = false\n  }, [])\n\n  const setTrigger = React.useCallback((el: HTMLElement | null) => {\n    triggerRef.current = el\n  }, [])\n\n  React.useEffect(() => () => clearTimer(), [])\n\n  const value = React.useMemo<TooltipContextValue>(\n    () => ({ open, show, hide, suppress, release, setTrigger, triggerRef, contentId }),\n    [open, show, hide, suppress, release, setTrigger, contentId]\n  )\n\n  return <TooltipContext.Provider value={value}>{children}</TooltipContext.Provider>\n}\n\n/**\n * Keyboard focus only: a tap focuses the control without `:focus-visible`, and a tooltip opened by\n * that tap would stay stuck on screen (touch has no pointer-leave). Falls back to true where the\n * selector is unsupported.\n */\nfunction isKeyboardFocus(target: EventTarget): boolean {\n  try {\n    return (target as Element).matches(':focus-visible')\n  } catch {\n    return true\n  }\n}\n\n/**\n * True when the control already shows its own words (a labelled button): repeating them in a\n * tooltip is noise. Text hidden with `sr-only` and bare counts (\"12\", \"999+\") do not count.\n */\nfunction showsOwnText(el: Element | null): boolean {\n  if (!el) return false\n  const walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT)\n  let visible = ''\n  for (let node = walker.nextNode(); node; node = walker.nextNode()) {\n    if (node.parentElement?.closest('.sr-only')) continue\n    visible += node.textContent ?? ''\n  }\n  return /\\p{L}{2,}/u.test(visible)\n}\n\ninterface TooltipTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean\n  /** Allow explanatory tooltips on controls that already have a visible label. */\n  showWithText?: boolean\n}\n\nfunction TooltipTrigger({\n  asChild,\n  showWithText = false,\n  children,\n  ...props\n}: TooltipTriggerProps) {\n  const ctx = React.useContext(TooltipContext)\n  if (!ctx) return <>{children}</>\n\n  const triggerHandlers = {\n    onPointerEnter: (e: React.PointerEvent) => {\n      ;(props.onPointerEnter as ((e: React.PointerEvent) => void) | undefined)?.(e)\n      // Touch has no hover: the tap itself is the action, and nothing would ever close the tip.\n      if (e.pointerType === 'touch') return\n      if (!showWithText && showsOwnText(e.currentTarget)) return\n      ctx.show()\n    },\n    onPointerLeave: (e: React.PointerEvent) => {\n      ;(props.onPointerLeave as ((e: React.PointerEvent) => void) | undefined)?.(e)\n      ctx.release()\n      ctx.hide()\n    },\n    onPointerDown: (e: React.PointerEvent) => {\n      ;(props.onPointerDown as ((e: React.PointerEvent) => void) | undefined)?.(e)\n      ;(asChild && React.isValidElement(children)\n        ? ((children.props as Record<string, unknown>).onPointerDown as\n            ((e: React.PointerEvent) => void) | undefined)\n        : undefined)?.(e)\n      ctx.suppress()\n    },\n    onFocus: (e: React.FocusEvent) => {\n      ;(props.onFocus as ((e: React.FocusEvent) => void) | undefined)?.(e)\n      if (isKeyboardFocus(e.target) && (showWithText || !showsOwnText(e.currentTarget))) ctx.show()\n    },\n    onBlur: (e: React.FocusEvent) => {\n      ;(props.onBlur as ((e: React.FocusEvent) => void) | undefined)?.(e)\n      ctx.hide()\n    },\n    'aria-describedby': ctx.open ? ctx.contentId : undefined,\n    'data-state': ctx.open ? 'open' : 'closed',\n  }\n\n  if (asChild && React.isValidElement(children)) {\n    const child = children as React.ReactElement<Record<string, unknown>>\n    return React.cloneElement(child, {\n      ...props,\n      ...triggerHandlers,\n      ref: ctx.setTrigger,\n    })\n  }\n\n  return (\n    <button\n      type=\"button\"\n      {...props}\n      {...triggerHandlers}\n      ref={ctx.setTrigger as unknown as React.Ref<HTMLButtonElement>}\n    >\n      {children}\n    </button>\n  )\n}\n\ninterface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  side?: Side\n  sideOffset?: number\n  /** Minimum gap, in px, kept between the tip and the viewport edges. Default 8. */\n  collisionPadding?: number\n}\n\nconst TRANSFORM_BY_SIDE: Record<Side, string> = {\n  top: 'translate(-50%, -100%)',\n  bottom: 'translate(-50%, 0)',\n  left: 'translate(-100%, -50%)',\n  right: 'translate(0, -50%)',\n}\n\nconst TooltipContent = React.forwardRef<HTMLDivElement, TooltipContentProps>(\n  ({ className, side = 'top', sideOffset = 4, collisionPadding = 8, style, ...props }, ref) => {\n    const ctx = React.useContext(TooltipContext)\n    const innerRef = React.useRef<HTMLDivElement | null>(null)\n    const [coords, setCoords] = React.useState<{\n      top: number\n      left: number\n      transform: string\n    } | null>(null)\n\n    React.useLayoutEffect(() => {\n      if (!ctx?.open || !ctx.triggerRef.current) {\n        setCoords(null)\n        return\n      }\n      const r = ctx.triggerRef.current.getBoundingClientRect()\n      const c = innerRef.current?.getBoundingClientRect()\n      const ch = c?.height ?? 0\n      const cw = c?.width ?? 0\n      const vh = window.innerHeight\n      const vw = window.innerWidth\n\n      let s: Side = side\n      if (s === 'top' && r.top - sideOffset - ch < 0) s = 'bottom'\n      else if (s === 'bottom' && r.bottom + sideOffset + ch > vh) s = 'top'\n      else if (s === 'left' && r.left - sideOffset - cw < 0) s = 'right'\n      else if (s === 'right' && r.right + sideOffset + cw > vw) s = 'left'\n\n      // Keep the whole tip inside the viewport (8px padding): the anchor point is the centre of\n      // the cross axis, so clamp it by half the tip's size.\n      const PAD = collisionPadding\n      const clamp = (value: number, half: number, max: number) =>\n        Math.min(Math.max(value, PAD + half), Math.max(PAD + half, max - PAD - half))\n      const rawTop =\n        s === 'top'\n          ? r.top - sideOffset\n          : s === 'bottom'\n            ? r.bottom + sideOffset\n            : r.top + r.height / 2\n      const rawLeft =\n        s === 'left'\n          ? r.left - sideOffset\n          : s === 'right'\n            ? r.right + sideOffset\n            : r.left + r.width / 2\n      setCoords({\n        top: s === 'left' || s === 'right' ? clamp(rawTop, ch / 2, vh) : rawTop,\n        left: s === 'top' || s === 'bottom' ? clamp(rawLeft, cw / 2, vw) : rawLeft,\n        transform: TRANSFORM_BY_SIDE[s],\n      })\n    }, [ctx?.open, side, sideOffset, collisionPadding, ctx?.triggerRef])\n\n    if (!ctx?.open) return null\n\n    const setRefs = (node: HTMLDivElement | null) => {\n      innerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node\n    }\n\n    return createPortal(\n      <div\n        ref={setRefs}\n        id={ctx.contentId}\n        role=\"tooltip\"\n        className={cn(\n          // The kit owns the tooltip's look: semantic tokens only, so it is\n          // legible in every app without one of them defining a global class.\n          // The `tooltip-content` hook is kept last-but-one so a host stylesheet\n          // can still restyle every tooltip in one place (the ARBI app does, with\n          // `!important` rules that win over these defaults).\n          'pointer-events-none w-max max-w-[300px] break-words rounded-md border border-border bg-popover px-3 py-2 text-sm font-normal text-popover-foreground shadow-lg',\n          'tooltip-content',\n          className\n        )}\n        style={{\n          position: 'fixed',\n          top: coords?.top ?? -9999,\n          left: coords?.left ?? -9999,\n          transform: coords?.transform ?? TRANSFORM_BY_SIDE[side],\n          opacity: coords ? undefined : 0,\n          zIndex: 9999,\n          ...style,\n        }}\n        {...props}\n      />,\n      document.body\n    )\n  }\n)\nTooltipContent.displayName = 'TooltipContent'\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/usage-metered.js

@@ -0,0 +1,8 @@
+function isUsageMetered(usage, subscription) {
+  const empty = usage.total_spend === 0 && usage.total_tokens === 0 && usage.total_requests === 0;
+  return !(empty && subscription === "dev");
+}
+export {
+  isUsageMetered
+};
+//# sourceMappingURL=usage-metered.js.map

package/dist/usage-metered.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/usage-metered.ts"],
+  "sourcesContent": ["/**\n * AI usage is reported in pounds (ex VAT).\n *\n * The usage endpoints (`/v1/user/projects/{id}/usage`, `/me/usage/today`) convert the metered\n * LiteLLM USD spend into \u00A3 at the API boundary (fractional, rounded to 2 decimals). The fields are\n * still named `spend` / `total_spend` in the schema, but they hold \u00A3, never dollars. Format them\n * with `formatGbp` (re-exported from `@arbidocs/sdk`).\n */\n\n/** The slice of a usage response that tells whether anything was recorded. */\nexport interface UsageTotals {\n  total_spend: number\n  total_tokens: number\n  total_requests: number\n}\n\n/**\n * Was this usage actually metered? A `dev`-plan project with an all-zero response (no spend, no\n * tokens, no requests) is treated as \"not metered\", so the UI shows a note instead of silent\n * zeros. Any recorded tokens or requests mean usage was metered, even when the spend rounds to 0\n * (the backend records usage when billing is off, and a tiny spend can be \u00A30.00).\n */\nexport function isUsageMetered(\n  usage: UsageTotals,\n  subscription: string | null | undefined\n): boolean {\n  const empty = usage.total_spend === 0 && usage.total_tokens === 0 && usage.total_requests === 0\n  return !(empty && subscription === 'dev')\n}\n"],
+  "mappings": "AAsBO,SAAS,eACd,OACA,cACS;AACT,QAAM,QAAQ,MAAM,gBAAgB,KAAK,MAAM,iBAAiB,KAAK,MAAM,mBAAmB;AAC9F,SAAO,EAAE,SAAS,iBAAiB;AACrC;",
+  "names": []
+}

package/dist/useArbi.js

@@ -0,0 +1,16 @@
+import { useArbiHost } from "./host/config.js";
+function useArbi() {
+  const { arbi } = useArbiHost();
+  if (!arbi) {
+    throw new Error("useArbi() needs an <ArbiHost> whose config has an `arbi`");
+  }
+  return arbi;
+}
+function useDeploymentDomain() {
+  return useArbiHost().arbi?.getDeploymentDomain();
+}
+export {
+  useArbi,
+  useDeploymentDomain
+};
+//# sourceMappingURL=useArbi.js.map

package/dist/useArbi.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/useArbi.ts"],
+  "sourcesContent": ["/**\n * The `Arbi` of the host configuration (`<ArbiHost config={{ arbi }}>`).\n */\n\nimport type { Arbi } from '@arbidocs/sdk/browser'\nimport { useArbiHost } from './host/config'\n\nexport function useArbi(): Arbi {\n  const { arbi } = useArbiHost()\n  if (!arbi) {\n    throw new Error('useArbi() needs an <ArbiHost> whose config has an `arbi`')\n  }\n  return arbi\n}\n\n/**\n * The deployment domain the user's keys are derived for, as the host's `Arbi` computes it\n * (`deploymentDomain`, else the API URL's hostname). `undefined` without one. The document tools\n * default their `deploymentDomain` (needed for e-signing) to it.\n */\nexport function useDeploymentDomain(): string | undefined {\n  return useArbiHost().arbi?.getDeploymentDomain()\n}\n"],
+  "mappings": "AAKA,SAAS,mBAAmB;AAErB,SAAS,UAAgB;AAC9B,QAAM,EAAE,KAAK,IAAI,YAAY;AAC7B,MAAI,CAAC,MAAM;AACT,UAAM,IAAI,MAAM,0DAA0D;AAAA,EAC5E;AACA,SAAO;AACT;AAOO,SAAS,sBAA0C;AACxD,SAAO,YAAY,EAAE,MAAM,oBAAoB;AACjD;",
+  "names": []
+}

package/dist/useInstallSkillPack.js

@@ -0,0 +1,81 @@
+import { useMutation } from "@tanstack/react-query";
+import { useArbi } from "./useArbi.js";
+import { useUploadSkillFiles } from "./workforce.js";
+function hashText(text) {
+  let h = 5381;
+  for (let i = 0; i < text.length; i++) h = h * 33 ^ text.charCodeAt(i);
+  return (h >>> 0).toString(36);
+}
+function createSkillPack({ id, skills, marker }) {
+  const version = hashText(skills.map((skill) => skill.markdown).join("\n"));
+  const slug = marker?.slug ?? `${id}-version`;
+  const note = marker?.note ?? "The version of the skills installed here. Not for use.";
+  return {
+    id,
+    version,
+    marker: {
+      slug,
+      markdown: `---
+name: ${slug}
+description: ${version}
+user-invocable: false
+---
+
+${note}
+`
+    },
+    skills
+  };
+}
+const installs = /* @__PURE__ */ new WeakMap();
+function useInstallSkillPack(pack) {
+  const arbi = useArbi();
+  const upload = useUploadSkillFiles();
+  return useMutation({
+    mutationFn: ({ workspaceId }) => {
+      const signal = arbi.getConnectionInfo()?.signal;
+      if (!signal) return Promise.reject(new Error("Skill installation needs a signed-in session."));
+      const checkContext = () => {
+        if (signal.aborted || arbi.getConnectionInfo()?.signal !== signal || arbi.getWorkspaceId() !== workspaceId)
+          throw new DOMException(
+            "The skill installation session or workspace changed.",
+            "AbortError"
+          );
+      };
+      checkContext();
+      let sessions = installs.get(arbi);
+      if (!sessions) installs.set(arbi, sessions = /* @__PURE__ */ new WeakMap());
+      let pending = sessions.get(signal);
+      if (!pending) sessions.set(signal, pending = /* @__PURE__ */ new Map());
+      const key = JSON.stringify([workspaceId, pack.id, pack.version]);
+      const running = pending.get(key);
+      if (running) return running;
+      const install = (async () => {
+        const listed = await arbi.assistant.listSkills({ includeHidden: true });
+        checkContext();
+        const present = new Set(listed.map((skill) => skill.slug));
+        const current = listed.find((skill) => skill.slug === pack.marker.slug)?.description === pack.version;
+        const due = pack.skills.filter((skill) => !current || !present.has(skill.slug));
+        for (const skill of [...due, ...!current ? [pack.marker] : []]) {
+          checkContext();
+          await upload.mutateAsync([
+            {
+              folder: `skills/${skill.slug}`,
+              workspaceId,
+              fileName: "SKILL.md",
+              content: new Blob([skill.markdown], { type: "text/markdown" }),
+              shared: skill.shared ?? true
+            }
+          ]);
+        }
+      })().finally(() => pending.delete(key));
+      pending.set(key, install);
+      return install;
+    }
+  });
+}
+export {
+  createSkillPack,
+  useInstallSkillPack
+};
+//# sourceMappingURL=useInstallSkillPack.js.map

package/dist/useInstallSkillPack.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/useInstallSkillPack.ts"],
+  "sourcesContent": ["import { useMutation } from '@tanstack/react-query'\nimport type { Arbi } from '@arbidocs/sdk/browser'\nimport { useArbi } from './useArbi'\nimport { useUploadSkillFiles } from './workforce'\n\nexport interface SkillPackEntry {\n  slug: string\n  markdown: string\n  /** Shared with the workspace by default, matching document-upload installation. */\n  shared?: boolean\n}\n\nexport interface SkillPack {\n  /** Stable host-owned pack identity; content and its version remain host data. */\n  id: string\n  version: string\n  /** A hidden marker skill whose description is the pack version. Uploaded last. */\n  marker: SkillPackEntry\n  skills: readonly SkillPackEntry[]\n}\n\nexport interface InstallSkillPackVariables {\n  /** Must already be open on this client; the hook never switches workspaces. */\n  workspaceId: string\n}\n\nexport interface CreateSkillPackOptions {\n  id: string\n  skills: readonly SkillPackEntry[]\n  /** The hidden marker skill's slug (default `<id>-version`) and its one-line body. */\n  marker?: { slug?: string; note?: string }\n}\n\n/** A stable short hash of text (djb2, xor variant), base 36. */\nfunction hashText(text: string): string {\n  let h = 5381\n  for (let i = 0; i < text.length; i++) h = (h * 33) ^ text.charCodeAt(i)\n  return (h >>> 0).toString(36)\n}\n\n/**\n * A skill pack from the host's skills: its version is a hash of all their SKILL.md texts (so any\n * change reinstalls the set), carried by a hidden marker skill that no one can invoke.\n */\nexport function createSkillPack({ id, skills, marker }: CreateSkillPackOptions): SkillPack {\n  const version = hashText(skills.map((skill) => skill.markdown).join('\\n'))\n  const slug = marker?.slug ?? `${id}-version`\n  const note = marker?.note ?? 'The version of the skills installed here. Not for use.'\n  return {\n    id,\n    version,\n    marker: {\n      slug,\n      markdown: `---\\nname: ${slug}\\ndescription: ${version}\\nuser-invocable: false\\n---\\n\\n${note}\\n`,\n    },\n    skills,\n  }\n}\n\n// A signed-out/replaced session and a different client never join another install.\nconst installs = new WeakMap<Arbi, WeakMap<AbortSignal, Map<string, Promise<void>>>>()\n\n/**\n * Install missing skills, or the complete pack when its version marker is stale. The marker is\n * written only after every skill succeeds, so a partial failure can be retried by relisting.\n * Hosts own the content, workspace-opening policy, when to install and error presentation.\n */\nexport function useInstallSkillPack(pack: SkillPack) {\n  const arbi = useArbi()\n  const upload = useUploadSkillFiles()\n  return useMutation({\n    mutationFn: ({ workspaceId }: InstallSkillPackVariables): Promise<void> => {\n      const signal = arbi.getConnectionInfo()?.signal\n      if (!signal) return Promise.reject(new Error('Skill installation needs a signed-in session.'))\n      const checkContext = () => {\n        if (\n          signal.aborted ||\n          arbi.getConnectionInfo()?.signal !== signal ||\n          arbi.getWorkspaceId() !== workspaceId\n        )\n          throw new DOMException(\n            'The skill installation session or workspace changed.',\n            'AbortError'\n          )\n      }\n      checkContext()\n      let sessions = installs.get(arbi)\n      if (!sessions) installs.set(arbi, (sessions = new WeakMap()))\n      let pending = sessions.get(signal)\n      if (!pending) sessions.set(signal, (pending = new Map()))\n      const key = JSON.stringify([workspaceId, pack.id, pack.version])\n      const running = pending.get(key)\n      if (running) return running\n      const install = (async () => {\n        const listed = await arbi.assistant.listSkills({ includeHidden: true })\n        checkContext()\n        const present = new Set(listed.map((skill) => skill.slug))\n        const current =\n          listed.find((skill) => skill.slug === pack.marker.slug)?.description === pack.version\n        const due = pack.skills.filter((skill) => !current || !present.has(skill.slug))\n        for (const skill of [...due, ...(!current ? [pack.marker] : [])]) {\n          checkContext()\n          await upload.mutateAsync([\n            {\n              folder: `skills/${skill.slug}`,\n              workspaceId,\n              fileName: 'SKILL.md',\n              content: new Blob([skill.markdown], { type: 'text/markdown' }),\n              shared: skill.shared ?? true,\n            },\n          ])\n        }\n      })().finally(() => pending.delete(key))\n      pending.set(key, install)\n      return install\n    },\n  })\n}\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAE5B,SAAS,eAAe;AACxB,SAAS,2BAA2B;AA+BpC,SAAS,SAAS,MAAsB;AACtC,MAAI,IAAI;AACR,WAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,IAAK,KAAK,IAAI,KAAM,KAAK,WAAW,CAAC;AACtE,UAAQ,MAAM,GAAG,SAAS,EAAE;AAC9B;AAMO,SAAS,gBAAgB,EAAE,IAAI,QAAQ,OAAO,GAAsC;AACzF,QAAM,UAAU,SAAS,OAAO,IAAI,CAAC,UAAU,MAAM,QAAQ,EAAE,KAAK,IAAI,CAAC;AACzE,QAAM,OAAO,QAAQ,QAAQ,GAAG,EAAE;AAClC,QAAM,OAAO,QAAQ,QAAQ;AAC7B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,MACA,UAAU;AAAA,QAAc,IAAI;AAAA,eAAkB,OAAO;AAAA;AAAA;AAAA;AAAA,EAAmC,IAAI;AAAA;AAAA,IAC9F;AAAA,IACA;AAAA,EACF;AACF;AAGA,MAAM,WAAW,oBAAI,QAAgE;AAO9E,SAAS,oBAAoB,MAAiB;AACnD,QAAM,OAAO,QAAQ;AACrB,QAAM,SAAS,oBAAoB;AACnC,SAAO,YAAY;AAAA,IACjB,YAAY,CAAC,EAAE,YAAY,MAAgD;AACzE,YAAM,SAAS,KAAK,kBAAkB,GAAG;AACzC,UAAI,CAAC,OAAQ,QAAO,QAAQ,OAAO,IAAI,MAAM,+CAA+C,CAAC;AAC7F,YAAM,eAAe,MAAM;AACzB,YACE,OAAO,WACP,KAAK,kBAAkB,GAAG,WAAW,UACrC,KAAK,eAAe,MAAM;AAE1B,gBAAM,IAAI;AAAA,YACR;AAAA,YACA;AAAA,UACF;AAAA,MACJ;AACA,mBAAa;AACb,UAAI,WAAW,SAAS,IAAI,IAAI;AAChC,UAAI,CAAC,SAAU,UAAS,IAAI,MAAO,WAAW,oBAAI,QAAQ,CAAE;AAC5D,UAAI,UAAU,SAAS,IAAI,MAAM;AACjC,UAAI,CAAC,QAAS,UAAS,IAAI,QAAS,UAAU,oBAAI,IAAI,CAAE;AACxD,YAAM,MAAM,KAAK,UAAU,CAAC,aAAa,KAAK,IAAI,KAAK,OAAO,CAAC;AAC/D,YAAM,UAAU,QAAQ,IAAI,GAAG;AAC/B,UAAI,QAAS,QAAO;AACpB,YAAM,WAAW,YAAY;AAC3B,cAAM,SAAS,MAAM,KAAK,UAAU,WAAW,EAAE,eAAe,KAAK,CAAC;AACtE,qBAAa;AACb,cAAM,UAAU,IAAI,IAAI,OAAO,IAAI,CAAC,UAAU,MAAM,IAAI,CAAC;AACzD,cAAM,UACJ,OAAO,KAAK,CAAC,UAAU,MAAM,SAAS,KAAK,OAAO,IAAI,GAAG,gBAAgB,KAAK;AAChF,cAAM,MAAM,KAAK,OAAO,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,QAAQ,IAAI,MAAM,IAAI,CAAC;AAC9E,mBAAW,SAAS,CAAC,GAAG,KAAK,GAAI,CAAC,UAAU,CAAC,KAAK,MAAM,IAAI,CAAC,CAAE,GAAG;AAChE,uBAAa;AACb,gBAAM,OAAO,YAAY;AAAA,YACvB;AAAA,cACE,QAAQ,UAAU,MAAM,IAAI;AAAA,cAC5B;AAAA,cACA,UAAU;AAAA,cACV,SAAS,IAAI,KAAK,CAAC,MAAM,QAAQ,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAAA,cAC7D,QAAQ,MAAM,UAAU;AAAA,YAC1B;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF,GAAG,EAAE,QAAQ,MAAM,QAAQ,OAAO,GAAG,CAAC;AACtC,cAAQ,IAAI,KAAK,OAAO;AACxB,aAAO;AAAA,IACT;AAAA,EACF,CAAC;AACH;",
+  "names": []
+}

package/dist/usermenu/UserMenu.js

@@ -0,0 +1,188 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment2 } from "react";
+import { ChevronDown, ChevronsUpDown, LogOut, X } from "lucide-react";
+import { Avatar, AvatarFallback, AvatarImage } from "../ui/avatar.js";
+import {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator
+} from "../ui/dropdown-menu.js";
+import { cn } from "../lib/utils.js";
+function nameInitials(name) {
+  const parts = name.trim().split(/\s+/).filter(Boolean);
+  if (!parts.length) return "?";
+  return parts.slice(0, 2).map((p) => p[0]?.toUpperCase() ?? "").join("");
+}
+const STATUS_DOT = {
+  online: "bg-emerald-500",
+  busy: "bg-amber-500",
+  offline: "bg-destructive"
+};
+function UserMenu({
+  user,
+  status,
+  items = [],
+  onLogout,
+  logoutLabel = "Sign out",
+  align = "end",
+  side = "bottom",
+  variant = "avatar",
+  showChevron = true,
+  classNames,
+  testId = "user-menu",
+  logoutTestId
+}) {
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: cn(
+          "flex items-center gap-2 rounded-md transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          variant === "account" ? "w-full min-w-0 p-1 text-left pointer-coarse:min-h-11" : "px-1.5 py-1 pointer-coarse:min-h-11 pointer-coarse:min-w-11 pointer-coarse:justify-center",
+          classNames?.trigger
+        ),
+        "data-testid": testId,
+        "data-variant": variant,
+        "aria-label": variant === "avatar" ? "Account menu" : void 0,
+        title: variant === "avatar" ? user.name : void 0,
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "relative", children: [
+            /* @__PURE__ */ jsxs(Avatar, { className: "size-8", children: [
+              user.picture ? /* @__PURE__ */ jsx(AvatarImage, { src: user.picture, alt: user.name }) : null,
+              /* @__PURE__ */ jsx(
+                AvatarFallback,
+                {
+                  className: cn("bg-primary text-primary-foreground", classNames?.fallback),
+                  children: nameInitials(user.name)
+                }
+              )
+            ] }),
+            status && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "absolute -bottom-0.5 -right-0.5 size-2.5 rounded-full border-2 border-background",
+                  STATUS_DOT[status.tone]
+                ),
+                title: status.detail ? `${status.label} \xB7 ${status.detail}` : status.label,
+                "data-testid": status.testId ? `${status.testId}-dot` : void 0
+              }
+            )
+          ] }),
+          variant === "account" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-medium text-foreground", children: user.name }),
+            /* @__PURE__ */ jsx(ChevronsUpDown, { className: "mr-1 size-4 shrink-0 text-muted-foreground" })
+          ] }) : showChevron && /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 text-muted-foreground" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      DropdownMenuContent,
+      {
+        align,
+        side,
+        sideOffset: 8,
+        collisionPadding: 12,
+        className: "w-60 rounded-lg border-border/60 shadow-lg",
+        "data-testid": "user-menu-panel",
+        "data-topbar-popover": "",
+        children: [
+          /* @__PURE__ */ jsxs(DropdownMenuLabel, { className: "relative pr-8 pointer-coarse:pr-12", children: [
+            /* @__PURE__ */ jsx(
+              DropdownMenuItem,
+              {
+                className: "absolute right-1 top-1 flex size-6 items-center justify-center rounded-md p-0 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus:bg-accent pointer-coarse:right-0 pointer-coarse:top-0 pointer-coarse:size-11",
+                "aria-label": "Close account menu",
+                "data-testid": "user-menu-close",
+                children: /* @__PURE__ */ jsx(X, { className: "size-3.5" })
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "truncate font-medium text-foreground", title: user.name, children: user.name }),
+            user.email && /* @__PURE__ */ jsx("div", { className: "truncate text-xs font-normal text-muted-foreground", title: user.email, children: user.email }),
+            status && /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "mt-1 text-xs font-normal text-muted-foreground",
+                "data-testid": status.testId,
+                children: [
+                  /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+                    /* @__PURE__ */ jsx("span", { className: cn("size-2 shrink-0 rounded-full", STATUS_DOT[status.tone]) }),
+                    status.label
+                  ] }),
+                  status.detail && /* @__PURE__ */ jsx("div", { className: "mt-0.5 truncate pl-3.5 text-xs leading-tight text-muted-foreground/70", children: status.detail })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+          items.map((item) => /* @__PURE__ */ jsxs(Fragment2, { children: [
+            item.separatorBefore && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsxs(
+              DropdownMenuItem,
+              {
+                onClick: item.onSelect,
+                "data-testid": item.testId,
+                className: "pointer-coarse:min-h-11",
+                ...item.checked !== void 0 ? { role: "menuitemcheckbox", "aria-checked": item.checked } : {},
+                children: [
+                  item.icon && /* @__PURE__ */ jsxs("span", { className: "relative flex shrink-0", children: [
+                    /* @__PURE__ */ jsx(item.icon, { className: "size-4" }),
+                    item.dot && /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: "absolute -right-0.5 -top-0.5 size-2 rounded-full bg-primary ring-2 ring-popover",
+                        "aria-hidden": true
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: item.label }),
+                  item.badge !== void 0 && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-muted px-1.5 text-xs font-medium tabular-nums text-muted-foreground", children: item.badge }),
+                  item.checked !== void 0 && /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      "aria-hidden": true,
+                      className: cn(
+                        "flex h-4 w-7 shrink-0 items-center rounded-full p-0.5 transition-colors",
+                        item.checked ? "bg-primary" : "bg-border"
+                      ),
+                      children: /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: cn(
+                            "size-3 rounded-full bg-background transition-transform",
+                            item.checked && "translate-x-3"
+                          )
+                        }
+                      )
+                    }
+                  )
+                ]
+              }
+            )
+          ] }, item.label)),
+          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsxs(
+            DropdownMenuItem,
+            {
+              onClick: onLogout,
+              "data-testid": logoutTestId ?? `${testId}-logout`,
+              className: "pointer-coarse:min-h-11",
+              children: [
+                /* @__PURE__ */ jsx(LogOut, { className: "size-4" }),
+                logoutLabel
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+export {
+  UserMenu
+};
+//# sourceMappingURL=UserMenu.js.map

package/dist/usermenu/UserMenu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/usermenu/UserMenu.tsx"],
+  "sourcesContent": ["/**\n * UserMenu \u2014 the topbar account dropdown: an avatar (picture or initials) with a\n * chevron that opens a menu of account actions and a sign-out. Firm-agnostic \u2014\n * the user, the menu items and logout are all supplied by the host; styling\n * tracks semantic tokens.\n */\nimport { Fragment, type ComponentType } from 'react'\nimport { ChevronDown, ChevronsUpDown, LogOut, X } from 'lucide-react'\nimport { Avatar, AvatarFallback, AvatarImage } from '../ui/avatar'\nimport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n} from '../ui/dropdown-menu'\nimport { cn } from '../lib/utils'\n\n/** Initials from a display name (falls back to \"?\"). */\nfunction nameInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/).filter(Boolean)\n  if (!parts.length) return '?'\n  return parts\n    .slice(0, 2)\n    .map((p) => p[0]?.toUpperCase() ?? '')\n    .join('')\n}\n\nexport interface UserMenuItem {\n  label: string\n  icon?: ComponentType<{ className?: string }>\n  onSelect: () => void\n  testId?: string\n  /** A count or short state on the right (e.g. the number of files processing). */\n  badge?: string | number\n  /** A small unread dot on the icon (e.g. new messages). */\n  dot?: boolean\n  /** Makes the row a labelled on/off switch (role menuitemcheckbox); selecting it flips the state. */\n  checked?: boolean\n  /** Draw a divider above this row to start a new group. */\n  separatorBefore?: boolean\n}\n\n/** Connection/presence state shown as a dot on the avatar and a line under the\n *  email \u2014 the account menu is where \"am I connected\" belongs. */\nexport interface UserMenuStatus {\n  /** Short state word \u2014 \"Connected\", \"Working offline\". */\n  label: string\n  tone: 'online' | 'busy' | 'offline'\n  /** Fine print under the label (e.g. the server domain). */\n  detail?: string\n  testId?: string\n}\n\nconst STATUS_DOT: Record<UserMenuStatus['tone'], string> = {\n  online: 'bg-emerald-500',\n  busy: 'bg-amber-500',\n  offline: 'bg-destructive',\n}\n\nexport interface UserMenuProps {\n  user: { name: string; email?: string | null; picture?: string | null }\n  /** Optional connection status: avatar dot + a line in the dropdown header. */\n  status?: UserMenuStatus\n  /** Account actions above the sign-out divider (e.g. Settings). */\n  items?: UserMenuItem[]\n  onLogout: () => void\n  logoutLabel?: string\n  align?: 'start' | 'center' | 'end'\n  /** Which side of the trigger the menu opens on (a footer trigger opens upward or sideways). */\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  /**\n   * `avatar` (default): avatar + chevron. `account`: a full-width account bar, avatar + display\n   * name + chevron, for a sidebar footer.\n   */\n  variant?: 'avatar' | 'account'\n  /** `avatar` only: draw the chevron (the icon-only rail hides it). */\n  showChevron?: boolean\n  classNames?: { trigger?: string; fallback?: string }\n  testId?: string\n  logoutTestId?: string\n}\n\nexport function UserMenu({\n  user,\n  status,\n  items = [],\n  onLogout,\n  logoutLabel = 'Sign out',\n  align = 'end',\n  side = 'bottom',\n  variant = 'avatar',\n  showChevron = true,\n  classNames,\n  testId = 'user-menu',\n  logoutTestId,\n}: UserMenuProps) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <button\n          type=\"button\"\n          className={cn(\n            'flex items-center gap-2 rounded-md transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n            variant === 'account'\n              ? 'w-full min-w-0 p-1 text-left pointer-coarse:min-h-11'\n              : 'px-1.5 py-1 pointer-coarse:min-h-11 pointer-coarse:min-w-11 pointer-coarse:justify-center',\n            classNames?.trigger\n          )}\n          data-testid={testId}\n          data-variant={variant}\n          aria-label={variant === 'avatar' ? 'Account menu' : undefined}\n          title={variant === 'avatar' ? user.name : undefined}\n        >\n          <span className=\"relative\">\n            <Avatar className=\"size-8\">\n              {user.picture ? <AvatarImage src={user.picture} alt={user.name} /> : null}\n              <AvatarFallback\n                className={cn('bg-primary text-primary-foreground', classNames?.fallback)}\n              >\n                {nameInitials(user.name)}\n              </AvatarFallback>\n            </Avatar>\n            {status && (\n              <span\n                className={cn(\n                  'absolute -bottom-0.5 -right-0.5 size-2.5 rounded-full border-2 border-background',\n                  STATUS_DOT[status.tone]\n                )}\n                title={status.detail ? `${status.label} \u00B7 ${status.detail}` : status.label}\n                data-testid={status.testId ? `${status.testId}-dot` : undefined}\n              />\n            )}\n          </span>\n          {variant === 'account' ? (\n            <>\n              <span className=\"min-w-0 flex-1 truncate text-sm font-medium text-foreground\">\n                {user.name}\n              </span>\n              <ChevronsUpDown className=\"mr-1 size-4 shrink-0 text-muted-foreground\" />\n            </>\n          ) : (\n            showChevron && <ChevronDown className=\"size-4 text-muted-foreground\" />\n          )}\n        </button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent\n        align={align}\n        side={side}\n        sideOffset={8}\n        collisionPadding={12}\n        className=\"w-60 rounded-lg border-border/60 shadow-lg\"\n        data-testid=\"user-menu-panel\"\n        data-topbar-popover=\"\"\n      >\n        <DropdownMenuLabel className=\"relative pr-8 pointer-coarse:pr-12\">\n          {/* Explicit close \u2014 on a phone (see blocks.css, which pins\n              this panel full-width under the topbar) tap-outside is easy to\n              miss since the panel covers most of the screen. Radix closes a\n              DropdownMenu on any item select by default, so a plain item\n              with no other effect doubles as a close button. */}\n          <DropdownMenuItem\n            className=\"absolute right-1 top-1 flex size-6 items-center justify-center rounded-md p-0 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus:bg-accent pointer-coarse:right-0 pointer-coarse:top-0 pointer-coarse:size-11\"\n            aria-label=\"Close account menu\"\n            data-testid=\"user-menu-close\"\n          >\n            <X className=\"size-3.5\" />\n          </DropdownMenuItem>\n          <div className=\"truncate font-medium text-foreground\" title={user.name}>\n            {user.name}\n          </div>\n          {user.email && (\n            <div className=\"truncate text-xs font-normal text-muted-foreground\" title={user.email}>\n              {user.email}\n            </div>\n          )}\n          {status && (\n            <div\n              className=\"mt-1 text-xs font-normal text-muted-foreground\"\n              data-testid={status.testId}\n            >\n              <span className=\"flex items-center gap-1.5\">\n                <span className={cn('size-2 shrink-0 rounded-full', STATUS_DOT[status.tone])} />\n                {status.label}\n              </span>\n              {status.detail && (\n                <div className=\"mt-0.5 truncate pl-3.5 text-xs leading-tight text-muted-foreground/70\">\n                  {status.detail}\n                </div>\n              )}\n            </div>\n          )}\n        </DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        {items.map((item) => (\n          <Fragment key={item.label}>\n            {item.separatorBefore && <DropdownMenuSeparator />}\n            <DropdownMenuItem\n              onClick={item.onSelect}\n              data-testid={item.testId}\n              className=\"pointer-coarse:min-h-11\"\n              {...(item.checked !== undefined\n                ? { role: 'menuitemcheckbox', 'aria-checked': item.checked }\n                : {})}\n            >\n              {item.icon && (\n                <span className=\"relative flex shrink-0\">\n                  <item.icon className=\"size-4\" />\n                  {item.dot && (\n                    <span\n                      className=\"absolute -right-0.5 -top-0.5 size-2 rounded-full bg-primary ring-2 ring-popover\"\n                      aria-hidden\n                    />\n                  )}\n                </span>\n              )}\n              <span className=\"min-w-0 flex-1 truncate\">{item.label}</span>\n              {item.badge !== undefined && (\n                <span className=\"rounded-full bg-muted px-1.5 text-xs font-medium tabular-nums text-muted-foreground\">\n                  {item.badge}\n                </span>\n              )}\n              {item.checked !== undefined && (\n                <span\n                  aria-hidden\n                  className={cn(\n                    'flex h-4 w-7 shrink-0 items-center rounded-full p-0.5 transition-colors',\n                    item.checked ? 'bg-primary' : 'bg-border'\n                  )}\n                >\n                  <span\n                    className={cn(\n                      'size-3 rounded-full bg-background transition-transform',\n                      item.checked && 'translate-x-3'\n                    )}\n                  />\n                </span>\n              )}\n            </DropdownMenuItem>\n          </Fragment>\n        ))}\n        <DropdownMenuSeparator />\n        <DropdownMenuItem\n          onClick={onLogout}\n          data-testid={logoutTestId ?? `${testId}-logout`}\n          className=\"pointer-coarse:min-h-11\"\n        >\n          <LogOut className=\"size-4\" />\n          {logoutLabel}\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["Fragment"]
+}

package/dist/usermenu/index.js

@@ -0,0 +1,5 @@
+import { UserMenu } from "./UserMenu.js";
+export {
+  UserMenu
+};
+//# sourceMappingURL=index.js.map

package/dist/usermenu/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/usermenu/index.ts"],
+  "sourcesContent": ["/** User menu kit \u2014 the topbar account avatar dropdown (sign-out + actions). */\nexport { UserMenu, type UserMenuProps, type UserMenuItem, type UserMenuStatus } from './UserMenu'\n"],
+  "mappings": "AACA,SAAS,gBAA4E;",
+  "names": []
+}