@orangecheck/design 0.6.1 → 0.7.1

package/dist/index.mjs

@@ -1,10 +1,10 @@
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as React2 from 'react';
-import { createContext, useState, useRef, useEffect, useCallback, useMemo, useContext } from 'react';
+import { createContext, useState, useRef, useEffect, useCallback, useMemo, useContext, Fragment as Fragment$1, useId } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTheme } from 'next-themes';
-import { ChevronDown, Palette, Check, Sun, Moon, Monitor, CheckIcon, CircleIcon, X, XIcon, AlertTriangle, Pencil, ChevronLeft, ChevronRight, ChevronDownIcon, ChevronUpIcon, Maximize2, Copy } from 'lucide-react';
+import { ChevronDown, Palette, Check, Sun, Moon, Monitor, CheckIcon, CircleIcon, X, XIcon, AlertTriangle, Pencil, ChevronLeft, ChevronRight, ChevronDownIcon, ChevronUpIcon, Maximize2, Copy, HelpCircle, Boxes, CornerDownLeft, Plus, Loader2 } from 'lucide-react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import * as LabelPrimitive from '@radix-ui/react-label';
@@ -17,131 +17,13 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { Toaster as Toaster$1 } from 'sonner';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
 import QRCode from 'qrcode';
-import * as ui_star from '@orangecheck/ui';
+import Link6 from 'next/link';
+import { useRouter } from 'next/router';
+import { useOcSession, fetchOcLinkedIdentities } from '@orangecheck/auth-client';
 
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  Accordion: () => Accordion,
-  AccordionContent: () => AccordionContent,
-  AccordionItem: () => AccordionItem,
-  AccordionTrigger: () => AccordionTrigger,
-  Alert: () => Alert,
-  AlertDescription: () => AlertDescription,
-  AlertTitle: () => AlertTitle,
-  AlertWithAction: () => AlertWithAction,
-  AlertWithCountdown: () => AlertWithCountdown,
-  Badge: () => Badge,
-  Bar: () => Bar,
-  BitcoinAddress: () => BitcoinAddress,
-  Button: () => Button,
-  Card: () => Card,
-  Checkbox: () => Checkbox,
-  ConfirmHost: () => ConfirmHost,
-  CopyButton: () => CopyButton,
-  DEFAULT_OC_THEME: () => DEFAULT_OC_THEME,
-  Dialog: () => Dialog,
-  DialogClose: () => DialogClose,
-  DialogContent: () => DialogContent,
-  DialogDescription: () => DialogDescription,
-  DialogFooter: () => DialogFooter,
-  DialogHeader: () => DialogHeader,
-  DialogOverlay: () => DialogOverlay,
-  DialogPortal: () => DialogPortal,
-  DialogTitle: () => DialogTitle,
-  DialogTrigger: () => DialogTrigger,
-  ErrorBoundary: () => ErrorBoundary,
-  Input: () => Input,
-  Label: () => Label,
-  Modal: () => Modal,
-  OC_DEFAULT_ACCENT: () => OC_DEFAULT_ACCENT,
-  OC_SKIN_COOKIE: () => OC_SKIN_COOKIE,
-  OC_THEMES: () => OC_THEMES,
-  OcAppearanceMenu: () => OcAppearanceMenu,
-  OcThemeBridge: () => OcThemeBridge,
-  OcThemePicker: () => OcThemePicker,
-  OcThemeProvider: () => OcThemeProvider,
-  Pagination: () => Pagination,
-  Popover: () => Popover,
-  PopoverAnchor: () => PopoverAnchor,
-  PopoverContent: () => PopoverContent,
-  PopoverTrigger: () => PopoverTrigger,
-  PromptHost: () => PromptHost,
-  QrCode: () => QrCode,
-  REFERENCE_BTC_USD: () => REFERENCE_BTC_USD,
-  RadioGroup: () => RadioGroup,
-  RadioGroupItem: () => RadioGroupItem,
-  SatsAmount: () => SatsAmount,
-  Select: () => Select,
-  SelectContent: () => SelectContent,
-  SelectGroup: () => SelectGroup,
-  SelectItem: () => SelectItem,
-  SelectLabel: () => SelectLabel,
-  SelectScrollDownButton: () => SelectScrollDownButton,
-  SelectScrollUpButton: () => SelectScrollUpButton,
-  SelectSeparator: () => SelectSeparator,
-  SelectTrigger: () => SelectTrigger,
-  SelectValue: () => SelectValue,
-  Separator: () => Separator,
-  Sheet: () => Sheet,
-  SheetClose: () => SheetClose,
-  SheetContent: () => SheetContent,
-  SheetDescription: () => SheetDescription,
-  SheetFooter: () => SheetFooter,
-  SheetHeader: () => SheetHeader,
-  SheetOverlay: () => SheetOverlay,
-  SheetPortal: () => SheetPortal,
-  SheetTitle: () => SheetTitle,
-  SheetTrigger: () => SheetTrigger,
-  Skeleton: () => Skeleton,
-  Sparkline: () => Sparkline,
-  StatBlock: () => StatBlock,
-  StatusPill: () => StatusPill,
-  Switch: () => Switch,
-  Textarea: () => Textarea,
-  ThemeToggle: () => ThemeToggle,
-  ThemeToggleLink: () => ThemeToggleLink,
-  Toaster: () => Toaster,
-  Working: () => Working,
-  WorkingPanel: () => WorkingPanel,
-  accentFor: () => accentFor,
-  badgeVariants: () => badgeVariants,
-  buttonVariants: () => buttonVariants,
-  cn: () => cn,
-  confirm: () => confirm,
-  explorerUrl: () => explorerUrl,
-  formatSats: () => formatSats,
-  formatSatsCompact: () => formatSatsCompact,
-  getOcThemeInitScript: () => getOcThemeInitScript,
-  isKnownTheme: () => isKnownTheme,
-  priceBoth: () => priceBoth,
-  prompt: () => prompt,
-  relativeTime: () => relativeTime,
-  resolveTheme: () => resolveTheme,
-  satsToUsd: () => satsToUsd,
-  shortenAddress: () => shortenAddress,
-  usdToSats: () => usdToSats,
-  useOcSkin: () => useOcSkin
-});
+// src/tokens/cn.ts
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -944,6 +826,7 @@ var ErrorBoundary = class extends React2.Component {
   }
   componentDidCatch(error, info) {
     console.error("[ErrorBoundary]", error, info);
+    this.props.onError?.(error, info);
   }
   render() {
     if (this.state.error) {
@@ -951,7 +834,7 @@ var ErrorBoundary = class extends React2.Component {
         return this.props.fallback(this.state.error, this.reset);
       }
       return /* @__PURE__ */ jsx("div", { className: "container py-16", children: /* @__PURE__ */ jsxs("div", { className: "terminal", children: [
-        /* @__PURE__ */ jsx("div", { className: "terminal-title", children: /* @__PURE__ */ jsx("span", { className: "text-destructive flex items-center gap-1.5", children: "! fatal" }) }),
+        /* @__PURE__ */ jsx("div", { className: "terminal-title", children: /* @__PURE__ */ jsx("span", { className: "text-destructive flex items-center gap-1.5", children: this.props.title ?? "! fatal" }) }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-3 p-5 font-mono text-xs leading-relaxed", children: [
           /* @__PURE__ */ jsxs("p", { children: [
             /* @__PURE__ */ jsxs("span", { className: "text-destructive", children: [
@@ -963,7 +846,7 @@ var ErrorBoundary = class extends React2.Component {
           ] }),
           /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground", children: [
             "> ",
-            "this page crashed. reload to recover."
+            this.props.message ?? "this page crashed. reload to recover."
           ] }),
           /* @__PURE__ */ jsx(
             "button",
@@ -1900,7 +1783,37 @@ var TONE = {
   primary: "text-primary",
   info: "text-info"
 };
-function StatusPill({ label, tone = "muted", icon, className }) {
+var BORDER_TONE = {
+  success: "border-success/40 text-success",
+  warning: "border-warning/40 text-warning",
+  destructive: "border-destructive/40 text-destructive",
+  muted: "border-muted-foreground/40 text-muted-foreground",
+  primary: "border-primary/40 text-primary",
+  info: "border-info/40 text-info"
+};
+function StatusPill({
+  label,
+  tone = "muted",
+  variant = "plain",
+  icon,
+  className
+}) {
+  if (variant === "bordered") {
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: cn(
+          "inline-flex items-center gap-1.5 border px-1.5 py-0.5 font-mono text-[9px] tracking-widest uppercase",
+          BORDER_TONE[tone],
+          className
+        ),
+        children: [
+          icon,
+          label
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs(
     "span",
     {
@@ -1916,6 +1829,60 @@ function StatusPill({ label, tone = "muted", icon, className }) {
     }
   );
 }
+function makeStatusPill(map, options) {
+  const variant = options?.variant ?? "plain";
+  const fallbackTone = options?.fallbackTone ?? "muted";
+  function DomainStatusPill({ status, className }) {
+    const spec = map[status];
+    return /* @__PURE__ */ jsx(
+      StatusPill,
+      {
+        tone: spec?.tone ?? fallbackTone,
+        label: spec?.label ?? status,
+        icon: spec?.icon,
+        variant,
+        className
+      }
+    );
+  }
+  return DomainStatusPill;
+}
+function Tabs({ ...props }) {
+  return /* @__PURE__ */ jsx(TabsPrimitive.Root, { "data-slot": "tabs", ...props });
+}
+function TabsList({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.List,
+    {
+      "data-slot": "tabs-list",
+      className: cn("border-border -mb-px flex items-center gap-6 border-b", className),
+      ...props
+    }
+  );
+}
+function TabsTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn(
+        "text-muted-foreground hover:text-foreground data-[state=active]:text-primary data-[state=active]:border-primary -mb-px border-b-2 border-transparent py-2 font-mono text-[11px] tracking-widest uppercase transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn("mt-4 outline-none", className),
+      ...props
+    }
+  );
+}
 
 // src/format/index.ts
 var REFERENCE_BTC_USD = 95e3;
@@ -2085,14 +2052,1800 @@ function QrCode({ value, size = 200, label, className }) {
     }
   );
 }
+function HelpHint({
+  title,
+  children,
+  side = "bottom",
+  label = "more information",
+  className
+}) {
+  return /* @__PURE__ */ jsxs(Popover, { children: [
+    /* @__PURE__ */ jsx(
+      PopoverTrigger,
+      {
+        "aria-label": label,
+        className: cn(
+          "text-muted-foreground/60 hover:text-foreground inline-flex size-3.5 items-center justify-center align-middle transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          className
+        ),
+        children: /* @__PURE__ */ jsx(HelpCircle, { className: "size-3.5", "aria-hidden": true })
+      }
+    ),
+    /* @__PURE__ */ jsxs(PopoverContent, { side, className: "w-72 space-y-1.5", children: [
+      title && /* @__PURE__ */ jsx("p", { className: "label-mono text-foreground text-[10px]", children: title }),
+      /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-xs leading-relaxed", children })
+    ] })
+  ] });
+}
+var TONE_CLASS = {
+  primary: "text-primary",
+  muted: "text-muted-foreground",
+  warning: "text-warning",
+  success: "text-success",
+  destructive: "text-destructive"
+};
+function SectionHeader({
+  label,
+  meta,
+  hint,
+  tone = "primary",
+  className = ""
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: `mb-3 flex items-baseline justify-between gap-2 ${className}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsxs("div", { className: `label-mono ${TONE_CLASS[tone]}`, children: [
+        "\xA7 ",
+        label
+      ] }),
+      hint && /* @__PURE__ */ jsx(HelpHint, { title: hint.title, side: hint.side ?? "bottom", children: hint.body })
+    ] }),
+    meta && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/70 font-mono text-[10px] tracking-widest uppercase", children: meta })
+  ] });
+}
+var TONE_CLASS2 = {
+  info: "border-primary/30 bg-primary/5",
+  warning: "border-warning/40 bg-warning/5",
+  muted: "border-border bg-muted/20"
+};
+var LABEL_TONE_CLASS = {
+  info: "text-primary",
+  warning: "text-warning",
+  muted: "text-muted-foreground"
+};
+function EmptyState({
+  label,
+  children,
+  cta,
+  secondary,
+  tone = "info",
+  className = ""
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: `border p-5 md:p-6 ${TONE_CLASS2[tone]} ${className}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: `label-mono mb-2 ${LABEL_TONE_CLASS[tone]}`, children: [
+      "\xA7 ",
+      label
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "text-foreground/85 max-w-2xl text-sm leading-relaxed", children }),
+    (cta || secondary) && /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-wrap gap-3", children: [
+      cta && /* @__PURE__ */ jsx(CtaLink, { ...cta, variant: "primary" }),
+      secondary && /* @__PURE__ */ jsx(CtaLink, { ...secondary, variant: "secondary" })
+    ] })
+  ] });
+}
+function CtaLink({
+  label,
+  href,
+  external,
+  variant
+}) {
+  const cls = variant === "primary" ? "bg-primary text-primary-foreground hover:bg-primary/90 inline-flex h-9 items-center justify-center rounded-md px-4 font-mono text-[11px] font-semibold tracking-widest uppercase" : "text-muted-foreground hover:text-foreground border-input hover:bg-accent inline-flex h-9 items-center justify-center rounded-md border px-4 font-mono text-[11px] tracking-widest uppercase";
+  const text = external ? `${label} \u2197` : label;
+  if (external) {
+    return /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noreferrer", className: cls, children: text });
+  }
+  return /* @__PURE__ */ jsx(Link6, { href, className: cls, children: text });
+}
+var TONE_CLASS3 = {
+  default: "",
+  primary: "text-primary",
+  success: "text-success",
+  warning: "text-warning",
+  destructive: "text-destructive",
+  muted: "text-muted-foreground"
+};
+var COL_CLASS = {
+  1: "",
+  2: "md:grid-cols-2",
+  3: "md:grid-cols-3",
+  4: "md:grid-cols-2 lg:grid-cols-4"
+};
+function StatGrid({ items, columns = 3, className = "" }) {
+  return /* @__PURE__ */ jsx("div", { className: `bg-border grid gap-px border ${COL_CLASS[columns]} ${className}`, children: items.map((it, i) => /* @__PURE__ */ jsx(Tile, { item: it }, `${it.label}-${i}`)) });
+}
+function Tile({ item }) {
+  const tone = item.tone ?? (item.accent ? "primary" : "default");
+  return /* @__PURE__ */ jsxs("div", { className: "bg-background p-5", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-muted-foreground/80 font-mono text-[10px] tracking-widest uppercase", children: item.label }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `font-display mt-1 text-2xl font-bold tabular-nums tracking-tight ${TONE_CLASS3[tone]}`,
+        children: item.value
+      }
+    ),
+    item.sub && /* @__PURE__ */ jsx("div", { className: "text-muted-foreground/70 mt-1 font-mono text-[10px] tracking-widest uppercase", children: item.sub })
+  ] });
+}
+function StatTile({ children, ...item }) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Tile, { item }),
+    children
+  ] });
+}
+var FRAME = {
+  info: "border-primary/30 bg-primary/5",
+  warning: "border-warning/40 bg-warning/5",
+  destructive: "border-destructive/40 bg-destructive/5",
+  success: "border-success/40 bg-success/5",
+  muted: "border-border bg-muted/20"
+};
+var LABEL = {
+  info: "text-primary",
+  warning: "text-warning",
+  destructive: "text-destructive",
+  success: "text-success",
+  muted: "text-muted-foreground"
+};
+function Callout({ tone = "info", label, icon, children, action, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("border p-4 md:p-5", FRAME[tone], className), children: [
+    label && /* @__PURE__ */ jsxs("div", { className: cn("label-mono mb-2 flex items-center gap-1.5", LABEL[tone]), children: [
+      icon,
+      /* @__PURE__ */ jsxs("span", { children: [
+        "\xA7 ",
+        label
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "text-foreground/85 text-sm leading-relaxed", children: [
+      !label && icon ? /* @__PURE__ */ jsx("span", { className: cn("mr-2 inline-flex align-middle", LABEL[tone]), children: icon }) : null,
+      children
+    ] }),
+    action && /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-wrap gap-3", children: action })
+  ] });
+}
+function DefinitionList({ items, className }) {
+  return /* @__PURE__ */ jsx(
+    "dl",
+    {
+      className: cn(
+        "grid gap-x-5 gap-y-2 text-sm sm:grid-cols-[auto_1fr] sm:items-baseline",
+        className
+      ),
+      children: items.map((item, i) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        /* @__PURE__ */ jsx("dt", { className: "label-mono text-muted-foreground text-[10px]", children: item.label }),
+        /* @__PURE__ */ jsx("dd", { className: "text-foreground font-mono text-xs break-all", children: item.value })
+      ] }, i))
+    }
+  );
+}
+function DataRow({ children, meta, action, as, className }) {
+  const Tag = as ?? "div";
+  return /* @__PURE__ */ jsxs(
+    Tag,
+    {
+      className: cn(
+        "flex flex-col gap-1 py-3 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children }),
+        (meta || action) && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-3 sm:justify-end", children: [
+          meta && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground font-mono text-[11px] tracking-wide", children: meta }),
+          action
+        ] })
+      ]
+    }
+  );
+}
+var ENTRIES = [
+  {
+    slug: "home",
+    href: "https://ochk.io",
+    label: "orangecheck",
+    sub: "umbrella",
+    docsHref: "https://docs.ochk.io"
+  },
+  {
+    slug: "docs",
+    href: "https://docs.ochk.io",
+    label: "oc\xB7docs",
+    sub: "unified docs",
+    docsHref: "https://docs.ochk.io"
+  },
+  {
+    slug: "fleet",
+    href: "https://fleet.ochk.io",
+    label: "oc\xB7fleet",
+    sub: "managed \u2014 agent fleet",
+    docsHref: "https://docs.ochk.io/fleet"
+  },
+  {
+    slug: "me",
+    href: "https://me.ochk.io",
+    label: "oc\xB7me",
+    sub: "earn \u2014 consumer identity",
+    docsHref: "https://docs.ochk.io/me"
+  },
+  {
+    slug: "vault",
+    href: "https://vault.ochk.io",
+    label: "oc\xB7vault",
+    sub: "keep \u2014 encrypted secrets",
+    docsHref: "https://docs.ochk.io/vault"
+  },
+  {
+    slug: "attest",
+    href: "https://attest.ochk.io",
+    label: "oc\xB7attest",
+    sub: "am \u2014 sybil resistance",
+    docsHref: "https://docs.ochk.io/attest"
+  },
+  {
+    slug: "lock",
+    href: "https://lock.ochk.io",
+    label: "oc\xB7lock",
+    sub: "whisper \u2014 encryption",
+    docsHref: "https://docs.ochk.io/lock"
+  },
+  {
+    slug: "vote",
+    href: "https://vote.ochk.io",
+    label: "oc\xB7vote",
+    sub: "decide \u2014 polls",
+    docsHref: "https://docs.ochk.io/vote"
+  },
+  {
+    slug: "stamp",
+    href: "https://stamp.ochk.io",
+    label: "oc\xB7stamp",
+    sub: "declare \u2014 block-anchored",
+    docsHref: "https://docs.ochk.io/stamp"
+  },
+  {
+    slug: "agent",
+    href: "https://agent.ochk.io",
+    label: "oc\xB7agent",
+    sub: "delegate \u2014 scoped auth",
+    docsHref: "https://docs.ochk.io/agent"
+  },
+  {
+    slug: "pledge",
+    href: "https://pledge.ochk.io",
+    label: "oc\xB7pledge",
+    sub: "swear \u2014 bonded commitment",
+    docsHref: "https://docs.ochk.io/pledge"
+  }
+];
+var OWNER_ENTRIES = [
+  {
+    slug: "analytics",
+    href: "https://analytics.ochk.io",
+    label: "oc\xB7analytics",
+    sub: "owner cockpit",
+    docsHref: "https://analytics.ochk.io"
+  }
+];
+function EcosystemSwitcher({
+  current,
+  className,
+  showOwnerEntries = false
+}) {
+  const [open, setOpen] = useState(false);
+  const containerRef = useRef(null);
+  useEffect(() => {
+    if (!open) return;
+    function onDoc(e) {
+      if (!containerRef.current) return;
+      if (!containerRef.current.contains(e.target)) setOpen(false);
+    }
+    function onKey(e) {
+      if (e.key === "Escape") setOpen(false);
+    }
+    document.addEventListener("mousedown", onDoc);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onDoc);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [open]);
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "relative " + (className ?? ""), children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-haspopup": "menu",
+        "aria-expanded": open,
+        "aria-label": "Switch OrangeCheck product",
+        title: "Switch product",
+        onClick: () => setOpen((v) => !v),
+        className: "inline-flex items-center gap-1 px-2 py-1 transition-colors " + (open ? "text-foreground" : "text-muted-foreground hover:text-foreground"),
+        children: [
+          /* @__PURE__ */ jsx(Boxes, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx(
+            ChevronDown,
+            {
+              className: "h-3.5 w-3.5 transition-transform " + (open ? "rotate-180" : "")
+            }
+          )
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "menu",
+        "aria-label": "Switch OrangeCheck product",
+        className: "bg-background absolute right-0 top-full z-[60] mt-2 w-72 border shadow-lg",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "label-mono text-primary border-b px-4 py-2", children: "\xA7 the family" }),
+          /* @__PURE__ */ jsx("ul", { className: "py-1", children: [...ENTRIES, ...showOwnerEntries ? OWNER_ENTRIES : []].map((e) => {
+            const isActive2 = e.slug === current;
+            return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+              Link6,
+              {
+                href: e.href,
+                onClick: () => setOpen(false),
+                "aria-current": isActive2 ? "page" : void 0,
+                className: "group flex items-baseline gap-3 px-4 py-2 transition-colors " + (isActive2 ? "bg-primary/5" : "hover:bg-muted"),
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "font-display flex-1 text-[12px] font-semibold tracking-tight " + (isActive2 ? "text-primary" : "text-foreground group-hover:text-primary transition-colors"),
+                      children: e.label
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground font-mono text-[10px] tracking-wider uppercase", children: e.sub }),
+                  isActive2 && /* @__PURE__ */ jsx(Check, { className: "text-primary h-3 w-3" })
+                ]
+              }
+            ) }, e.slug);
+          }) }),
+          /* @__PURE__ */ jsx("div", { className: "border-t px-4 py-2 font-mono text-[10px] tracking-widest uppercase", children: /* @__PURE__ */ jsx(
+            Link6,
+            {
+              href: "https://docs.ochk.io",
+              onClick: () => setOpen(false),
+              className: "text-muted-foreground hover:text-foreground inline-block transition-colors",
+              children: "docs.ochk.io \u2192"
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}
 
-// src/components/index.ts
-var components_exports = {};
-__reExport(components_exports, ui_star);
-
-// src/index.ts
-__reExport(src_exports, components_exports);
+// src/chrome/family-properties.ts
+var FAMILY_PROPERTIES = [
+  {
+    slug: "home",
+    origin: "https://ochk.io",
+    hostname: "ochk.io",
+    label: "orangecheck",
+    sub: "umbrella \xB7 sign-in",
+    docsHref: "https://docs.ochk.io",
+    category: "hub"
+  },
+  {
+    slug: "docs",
+    origin: "https://docs.ochk.io",
+    hostname: "docs.ochk.io",
+    label: "oc\xB7docs",
+    sub: "unified reference",
+    docsHref: "https://docs.ochk.io",
+    category: "hub"
+  },
+  {
+    slug: "me",
+    origin: "https://me.ochk.io",
+    hostname: "me.ochk.io",
+    label: "oc\xB7me",
+    sub: "earn \u2014 consumer identity",
+    docsHref: "https://docs.ochk.io/me",
+    category: "product"
+  },
+  {
+    slug: "vault",
+    origin: "https://vault.ochk.io",
+    hostname: "vault.ochk.io",
+    label: "oc\xB7vault",
+    sub: "keep \u2014 encrypted secrets",
+    docsHref: "https://docs.ochk.io/vault",
+    category: "product"
+  },
+  {
+    slug: "fleet",
+    origin: "https://fleet.ochk.io",
+    hostname: "fleet.ochk.io",
+    label: "oc\xB7fleet",
+    sub: "managed \u2014 agent fleet",
+    docsHref: "https://docs.ochk.io/fleet",
+    category: "product"
+  },
+  {
+    slug: "attest",
+    origin: "https://attest.ochk.io",
+    hostname: "attest.ochk.io",
+    label: "oc\xB7attest",
+    sub: "am \u2014 sybil resistance",
+    docsHref: "https://docs.ochk.io/attest",
+    category: "protocol"
+  },
+  {
+    slug: "lock",
+    origin: "https://lock.ochk.io",
+    hostname: "lock.ochk.io",
+    label: "oc\xB7lock",
+    sub: "whisper \u2014 encryption",
+    docsHref: "https://docs.ochk.io/lock",
+    category: "protocol"
+  },
+  {
+    slug: "vote",
+    origin: "https://vote.ochk.io",
+    hostname: "vote.ochk.io",
+    label: "oc\xB7vote",
+    sub: "decide \u2014 polls",
+    docsHref: "https://docs.ochk.io/vote",
+    category: "protocol"
+  },
+  {
+    slug: "stamp",
+    origin: "https://stamp.ochk.io",
+    hostname: "stamp.ochk.io",
+    label: "oc\xB7stamp",
+    sub: "declare \u2014 block-anchored",
+    docsHref: "https://docs.ochk.io/stamp",
+    category: "protocol"
+  },
+  {
+    slug: "agent",
+    origin: "https://agent.ochk.io",
+    hostname: "agent.ochk.io",
+    label: "oc\xB7agent",
+    sub: "delegate \u2014 scoped auth",
+    docsHref: "https://docs.ochk.io/agent",
+    category: "protocol"
+  },
+  {
+    slug: "pledge",
+    origin: "https://pledge.ochk.io",
+    hostname: "pledge.ochk.io",
+    label: "oc\xB7pledge",
+    sub: "swear \u2014 bonded commitment",
+    docsHref: "https://docs.ochk.io/pledge",
+    category: "protocol"
+  },
+  {
+    slug: "analytics",
+    origin: "https://analytics.ochk.io",
+    hostname: "analytics.ochk.io",
+    label: "oc\xB7analytics",
+    sub: "owner cockpit",
+    docsHref: "https://analytics.ochk.io",
+    category: "owner"
+  }
+];
+var SITE_STATE_LABEL = {
+  alpha: "alpha",
+  beta: "beta"
+};
+function findFamilyProperty(slug) {
+  return FAMILY_PROPERTIES.find((p) => p.slug === slug);
+}
+var SECTIONS = [
+  { category: "hub", label: "hub" },
+  { category: "product", label: "products" },
+  { category: "protocol", label: "protocols" },
+  { category: "owner", label: "owner" }
+];
+function CategoryChip({ category }) {
+  if (category === "hub") return null;
+  const label = category === "product" ? "product" : category === "protocol" ? "protocol" : "owner";
+  const tone = category === "product" ? "border-primary/25 bg-primary/10 text-primary" : category === "protocol" ? "border-muted-foreground/20 bg-muted/40 text-muted-foreground/85" : "border-warning/30 bg-warning/10 text-warning";
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-label": category === "product" ? "commercial product" : category === "protocol" ? "protocol reference" : "owner-only surface",
+      className: "ml-1 hidden rounded-sm border px-1.5 py-[1px] font-mono text-[9px] font-medium tracking-widest uppercase sm:inline-block " + tone,
+      "data-oc-category": category,
+      children: label
+    }
+  );
+}
+function SiteStateBadge({ state }) {
+  if (state === "live") return null;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-label": `site lifecycle: ${state}`,
+      className: "text-muted-foreground/70 ml-1 hidden font-mono text-[9px] font-medium tracking-widest uppercase sm:inline-block",
+      "data-oc-site-state": state,
+      children: SITE_STATE_LABEL[state]
+    }
+  );
+}
+function MenuCategoryChip({ category }) {
+  if (category === "hub") return null;
+  const label = category === "product" ? "pro" : category === "protocol" ? "spec" : "own";
+  const tone = category === "product" ? "bg-primary/10 text-primary" : category === "protocol" ? "bg-muted/60 text-muted-foreground/80" : "bg-warning/15 text-warning";
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: "inline-block shrink-0 rounded-sm px-1 py-[1px] font-mono text-[9px] font-medium tracking-widest uppercase " + tone,
+      children: label
+    }
+  );
+}
+function OcLogoDropdown({
+  current,
+  homeHref = "/",
+  siteState = "live",
+  children,
+  className,
+  triggerClassName,
+  popoverClassName,
+  showOwnerEntries = false
+}) {
+  const [open, setOpen] = useState(false);
+  const containerRef = useRef(null);
+  const menuId = useId();
+  const router = useRouter();
+  const currentCategory = findFamilyProperty(current)?.category ?? "hub";
+  function handleTriggerClick(e) {
+    if (e.detail >= 2) {
+      e.preventDefault();
+      setOpen(false);
+      void router.push(homeHref);
+      return;
+    }
+    setOpen((v) => !v);
+  }
+  useEffect(() => {
+    if (!open) return;
+    function onDoc(e) {
+      if (!containerRef.current) return;
+      if (!containerRef.current.contains(e.target)) setOpen(false);
+    }
+    function onKey(e) {
+      if (e.key === "Escape") setOpen(false);
+    }
+    document.addEventListener("mousedown", onDoc);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onDoc);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [open]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: "relative inline-flex items-center " + (className ?? ""),
+      "data-oc-logo-dropdown": "",
+      "data-oc-current-category": currentCategory,
+      "data-oc-site-state": siteState,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-haspopup": "menu",
+            "aria-expanded": open,
+            "aria-controls": menuId,
+            "aria-label": "OrangeCheck family \xB7 click to open property menu, double-click to go home",
+            title: "single-click \xB7 family menu  \xB7  double-click \xB7 go home",
+            onClick: handleTriggerClick,
+            className: triggerClassName ?? "group hover:bg-accent/30 -mx-1.5 -my-1 flex min-h-[40px] items-center gap-2 rounded-sm px-1.5 py-1 transition-colors " + (open ? "bg-accent/20" : ""),
+            "data-oc-logo-dropdown-trigger": "",
+            "data-oc-logo-dropdown-open": open ? "true" : "false",
+            children: [
+              children,
+              /* @__PURE__ */ jsx(CategoryChip, { category: currentCategory }),
+              /* @__PURE__ */ jsx(SiteStateBadge, { state: siteState }),
+              /* @__PURE__ */ jsx(
+                ChevronDown,
+                {
+                  "aria-hidden": true,
+                  className: "text-muted-foreground/70 group-hover:text-foreground/80 h-3.5 w-3.5 shrink-0 transition-transform duration-200 " + (open ? "rotate-180" : "")
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Link6,
+          {
+            href: homeHref,
+            "aria-label": "go to " + homeHref + " (this site's home)",
+            onClick: () => setOpen(false),
+            tabIndex: open ? 0 : -1,
+            className: "hover:text-primary group/home -ml-1 hidden items-center gap-1 rounded-sm px-1.5 py-1 font-mono text-[9px] tracking-widest uppercase transition-all duration-200 sm:inline-flex " + (open ? "pointer-events-auto translate-x-0 text-muted-foreground/70 opacity-100 hover:bg-accent/30" : "pointer-events-none -translate-x-1 opacity-0"),
+            "data-oc-logo-dropdown-home-hint": "",
+            children: [
+              /* @__PURE__ */ jsx(
+                CornerDownLeft,
+                {
+                  "aria-hidden": true,
+                  className: "h-3 w-3 group-hover/home:text-primary " + (open ? "motion-safe:animate-pulse" : "")
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "text-primary/70 group-hover/home:text-primary", children: "home" })
+            ]
+          }
+        ),
+        open && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            id: menuId,
+            role: "menu",
+            "aria-label": "OrangeCheck family",
+            className: popoverClassName ?? "bg-background absolute top-full left-0 z-[60] mt-2 w-[min(20rem,calc(100vw-1rem))] border shadow-lg",
+            "data-oc-logo-dropdown-popover": "",
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "label-mono text-primary border-b px-4 py-2", children: "\xA7 the orangecheck family" }),
+              /* @__PURE__ */ jsx("div", { className: "max-h-[min(28rem,70vh)] overflow-y-auto py-1", role: "none", children: SECTIONS.map(({ category, label }) => {
+                if (category === "owner" && !showOwnerEntries) return null;
+                const sectionEntries = FAMILY_PROPERTIES.filter(
+                  (e) => e.category === category
+                );
+                if (sectionEntries.length === 0) return null;
+                return /* @__PURE__ */ jsxs("div", { role: "none", "data-oc-section": category, children: [
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      role: "separator",
+                      "aria-hidden": true,
+                      className: "text-muted-foreground/60 px-4 pt-2.5 pb-1 font-mono text-[9px] font-medium tracking-widest uppercase " + (category === "hub" ? "" : "border-t mt-1"),
+                      children: label
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("ul", { role: "none", className: "pb-1", children: sectionEntries.map((e) => {
+                    const isActive2 = e.slug === current;
+                    const href = isActive2 ? homeHref : e.origin;
+                    return /* @__PURE__ */ jsx("li", { role: "none", children: /* @__PURE__ */ jsxs(
+                      Link6,
+                      {
+                        href,
+                        role: "menuitem",
+                        onClick: () => setOpen(false),
+                        "aria-current": isActive2 ? "page" : void 0,
+                        className: "group flex items-center gap-2 px-4 py-2 transition-colors " + (isActive2 ? "bg-primary/8 border-primary -ml-px border-l-2" : "hover:bg-muted -ml-px border-l-2 border-transparent"),
+                        "data-oc-logo-dropdown-item": isActive2 ? "current" : "sibling",
+                        "data-oc-entry-category": e.category,
+                        children: [
+                          /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
+                            /* @__PURE__ */ jsx(
+                              "span",
+                              {
+                                className: "font-display text-[12px] font-semibold tracking-tight " + (isActive2 ? "text-primary" : "text-foreground group-hover:text-primary transition-colors"),
+                                children: e.label
+                              }
+                            ),
+                            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground mt-0.5 font-mono text-[10px] tracking-wide", children: e.sub })
+                          ] }),
+                          /* @__PURE__ */ jsx(MenuCategoryChip, { category: e.category }),
+                          isActive2 ? /* @__PURE__ */ jsxs("span", { className: "text-primary inline-flex shrink-0 items-center gap-1 font-mono text-[10px] tracking-widest uppercase", children: [
+                            "home",
+                            /* @__PURE__ */ jsx(Check, { className: "h-3 w-3" })
+                          ] }) : null
+                        ]
+                      }
+                    ) }, e.slug);
+                  }) })
+                ] }, category);
+              }) }),
+              /* @__PURE__ */ jsx("div", { className: "border-t px-4 py-2 font-mono text-[10px] tracking-widest uppercase", children: /* @__PURE__ */ jsx(
+                Link6,
+                {
+                  href: "https://docs.ochk.io",
+                  onClick: () => setOpen(false),
+                  className: "text-muted-foreground hover:text-foreground inline-block transition-colors",
+                  children: "docs.ochk.io \u2192"
+                }
+              ) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function obscureIdentity(value) {
+  if (value.length <= 12) {
+    return `${value.slice(0, 4)}\u2026${value.slice(-3)}`;
+  }
+  return `${value.slice(0, 6)}\u2026${value.slice(-4)}`;
+}
+var IDENTITY_KIND_LABEL = {
+  did: "did:oc",
+  btc: "bitcoin",
+  email: "email",
+  nostr: "nostr"
+};
+async function writeClipboard(text) {
+  try {
+    if (navigator.clipboard?.writeText) {
+      await navigator.clipboard.writeText(text);
+      return true;
+    }
+  } catch {
+  }
+  try {
+    const ta = document.createElement("textarea");
+    ta.value = text;
+    ta.setAttribute("readonly", "");
+    ta.style.position = "fixed";
+    ta.style.top = "-1000px";
+    ta.style.opacity = "0";
+    document.body.appendChild(ta);
+    ta.select();
+    const ok = document.execCommand("copy");
+    document.body.removeChild(ta);
+    return ok;
+  } catch {
+    return false;
+  }
+}
+function CopyableDid({ did }) {
+  const [copied, setCopied] = useState(false);
+  const timerRef = useRef(null);
+  useEffect(
+    () => () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    },
+    []
+  );
+  const onCopy = async () => {
+    const ok = await writeClipboard(did);
+    if (!ok) return;
+    setCopied(true);
+    if (timerRef.current) clearTimeout(timerRef.current);
+    timerRef.current = setTimeout(() => setCopied(false), 1600);
+  };
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: onCopy,
+      "aria-label": copied ? "OrangeCheck identity copied to clipboard" : `Copy OrangeCheck identity ${did} to clipboard`,
+      title: "Copy identity",
+      "data-oc-account-menu-copy-did": "",
+      "data-copied": copied ? "" : void 0,
+      className: "group/did hover:bg-accent focus-visible:ring-ring/60 -mx-1.5 mt-px flex w-[calc(100%+0.75rem)] items-start gap-1.5 rounded px-1.5 py-1 text-left transition-colors focus-visible:ring-2 focus-visible:outline-none",
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-foreground/90 min-w-0 flex-1 font-mono text-[11px] leading-tight break-all", children: did }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "mt-px shrink-0 transition-colors " + (copied ? "text-primary" : "text-muted-foreground/50 group-hover/did:text-foreground/80"),
+            "aria-hidden": true,
+            children: copied ? /* @__PURE__ */ jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsx(Copy, { className: "size-3.5" })
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", "aria-live": "polite", children: copied ? "Copied to clipboard" : "" })
+      ]
+    }
+  );
+}
+function PromoteRow({
+  kind,
+  value,
+  active,
+  busy,
+  disabled,
+  onPromote
+}) {
+  const [copied, setCopied] = useState(false);
+  const timerRef = useRef(null);
+  useEffect(
+    () => () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    },
+    []
+  );
+  const onCopy = async () => {
+    const ok = await writeClipboard(value);
+    if (!ok) return;
+    setCopied(true);
+    if (timerRef.current) clearTimeout(timerRef.current);
+    timerRef.current = setTimeout(() => setCopied(false), 1600);
+  };
+  const kindLabel = IDENTITY_KIND_LABEL[kind];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "hover:bg-accent flex items-center gap-1 pr-2 transition-colors",
+      "data-oc-account-menu-promote-row": kind,
+      "data-active": active ? "" : void 0,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            role: "menuitemradio",
+            "aria-checked": active,
+            "aria-label": active ? `Showing as ${kindLabel}` : `Show as ${kindLabel}`,
+            disabled: disabled || active,
+            onClick: onPromote,
+            "data-oc-account-menu-promote": kind,
+            className: "flex min-w-0 flex-1 items-center gap-2 py-2 pl-3 text-left font-mono text-[11px] tracking-wide disabled:cursor-default",
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "flex size-3.5 shrink-0 items-center justify-center rounded-full border " + (active ? "border-primary" : "border-muted-foreground/40"),
+                  "aria-hidden": true,
+                  children: active ? /* @__PURE__ */ jsx("span", { className: "bg-primary size-1.5 rounded-full" }) : null
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "text-foreground/90 min-w-0 flex-1 truncate", children: obscureIdentity(value) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => void onCopy(),
+            "aria-label": copied ? `${kindLabel} copied to clipboard` : `Copy ${kindLabel} to clipboard`,
+            title: "Copy",
+            "data-oc-account-menu-promote-copy": kind,
+            "data-copied": copied ? "" : void 0,
+            className: "hover:bg-background/70 focus-visible:ring-ring/60 flex size-6 shrink-0 items-center justify-center rounded transition-colors focus-visible:ring-2 focus-visible:outline-none",
+            children: copied ? /* @__PURE__ */ jsx(Check, { className: "text-primary size-3.5" }) : /* @__PURE__ */ jsx(Copy, { className: "text-muted-foreground/50 size-3.5" })
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/50 w-14 shrink-0 text-right text-[9px] tracking-widest uppercase", children: busy ? /* @__PURE__ */ jsx(Loader2, { className: "ml-auto size-3 animate-spin" }) : kindLabel }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", "aria-live": "polite", children: copied ? "Copied to clipboard" : "" })
+      ]
+    }
+  );
+}
+function IdentityPromoteSection({
+  didOc,
+  nostrNpub,
+  current,
+  open,
+  setDisplayIdentity
+}) {
+  const [identities, setIdentities] = useState(null);
+  const [loadFailed, setLoadFailed] = useState(false);
+  const [promoting, setPromoting] = useState(null);
+  const [promoteErr, setPromoteErr] = useState(null);
+  const lastFetchKeyRef = useRef(null);
+  useEffect(() => {
+    if (!open) return;
+    if (lastFetchKeyRef.current === didOc) return;
+    lastFetchKeyRef.current = didOc;
+    let cancelled = false;
+    setIdentities(null);
+    setLoadFailed(false);
+    void fetchOcLinkedIdentities().then((rows) => {
+      if (!cancelled) setIdentities(rows);
+    }).catch(() => {
+      if (!cancelled) setLoadFailed(true);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [open, didOc]);
+  if (identities === null && !loadFailed) return null;
+  const btc = identities?.find((i) => i.kind === "btc" && i.is_primary && i.value) ?? identities?.find((i) => i.kind === "btc" && i.value);
+  const email = identities?.find((i) => i.kind === "email" && i.is_primary && i.value) ?? identities?.find((i) => i.kind === "email" && i.value);
+  const options = [
+    { kind: "did", value: didOc }
+  ];
+  if (btc?.value) options.push({ kind: "btc", value: btc.value });
+  if (email?.value) options.push({ kind: "email", value: email.value });
+  if (nostrNpub) options.push({ kind: "nostr", value: nostrNpub });
+  if (options.length < 2) return null;
+  const promote = async (kind) => {
+    if (promoting || kind === current.kind) return;
+    setPromoting(kind);
+    setPromoteErr(null);
+    try {
+      await setDisplayIdentity(kind);
+    } catch (e) {
+      setPromoteErr(e instanceof Error ? e.message : "promotion failed");
+    } finally {
+      setPromoting(null);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "border-border border-b p-1", "data-oc-account-menu-section": "show-as", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-muted-foreground/60 px-3 pt-2 pb-1 font-mono text-[10px] tracking-widest uppercase", children: "\xA7 show as" }),
+    options.map((opt) => /* @__PURE__ */ jsx(
+      PromoteRow,
+      {
+        kind: opt.kind,
+        value: opt.value,
+        active: opt.kind === current.kind,
+        busy: promoting === opt.kind,
+        disabled: promoting !== null,
+        onPromote: () => void promote(opt.kind)
+      },
+      opt.kind
+    )),
+    promoteErr ? /* @__PURE__ */ jsx("div", { className: "text-destructive/80 px-3 pt-1 pb-2 font-mono text-[10px]", children: promoteErr }) : null
+  ] });
+}
+function OcAccountMenu(props) {
+  const session = useOcSession();
+  return /* @__PURE__ */ jsx(
+    OcAccountMenuView,
+    {
+      ...props,
+      session: {
+        status: session.status,
+        account: session.account ? {
+          didOc: session.account.didOc,
+          displayName: session.account.displayName ?? null,
+          displayIdentity: session.account.displayIdentity,
+          nostrNpub: session.account.nostrNpub ?? null
+        } : null,
+        signOut: session.signOut,
+        refresh: session.refresh,
+        setDisplayIdentity: session.setDisplayIdentity,
+        // Multi-account · the connected variant always forwards
+        // these from useOcSession(). The View variant accepts
+        // them as optional so sites running their own auth
+        // context (oc-www) can opt in incrementally.
+        roster: session.roster,
+        switchAccount: session.switchAccount,
+        addAccountUrl: session.addAccountUrl
+      }
+    }
+  );
+}
+function OcAccountMenuView({
+  current,
+  signInUrl = "/signin",
+  signInLabel = "sign in",
+  signOutRedirect = "/",
+  menuItems,
+  primaryNavLinks,
+  secondaryNavLinks,
+  showFamilyDashboard,
+  build,
+  siteState,
+  className,
+  triggerClassName,
+  popoverClassName,
+  session
+}) {
+  const {
+    status,
+    account,
+    signOut,
+    refresh,
+    setDisplayIdentity,
+    roster,
+    switchAccount,
+    addAccountUrl
+  } = session;
+  const [hydrated, setHydrated] = useState(false);
+  const [open, setOpen] = useState(false);
+  const wrapRef = useRef(null);
+  const property = findFamilyProperty(current);
+  const hostname = property?.hostname ?? `${current}.ochk.io`;
+  const isHome = current === "home";
+  const familyDashboardEnabled = showFamilyDashboard ?? !isHome;
+  useEffect(() => setHydrated(true), []);
+  useEffect(() => {
+    const onWake = () => {
+      if (document.visibilityState === "visible") void refresh();
+    };
+    const onFocus = () => void refresh();
+    document.addEventListener("visibilitychange", onWake);
+    window.addEventListener("focus", onFocus);
+    return () => {
+      document.removeEventListener("visibilitychange", onWake);
+      window.removeEventListener("focus", onFocus);
+    };
+  }, [refresh]);
+  useEffect(() => {
+    if (!open) return;
+    const onClick = (e) => {
+      if (wrapRef.current && !wrapRef.current.contains(e.target)) setOpen(false);
+    };
+    const onKey = (e) => {
+      if (e.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("mousedown", onClick);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onClick);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [open]);
+  const signInTrigger = /* @__PURE__ */ jsx(
+    "a",
+    {
+      href: signInUrl,
+      "aria-label": signInLabel,
+      "data-oc-account-menu-signin": "",
+      className: triggerClassName ?? "border-input bg-background hover:bg-accent inline-flex h-8 items-center justify-center rounded-md border px-3 font-mono text-[11px] font-semibold tracking-widest uppercase transition-colors",
+      children: signInLabel
+    }
+  );
+  if (!hydrated || status === "loading") {
+    return signInTrigger;
+  }
+  if (status !== "authenticated" || !account) {
+    return signInTrigger;
+  }
+  const displayName = account.displayName ?? null;
+  const label = displayName ?? obscureIdentity(account.displayIdentity.value);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: wrapRef,
+      className: "relative inline-block " + (className ?? ""),
+      "data-oc-account-menu": "",
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setOpen((v) => !v),
+            "aria-haspopup": "menu",
+            "aria-expanded": open,
+            "aria-label": `Signed in as ${account.didOc}. Open account menu.`,
+            className: triggerClassName ?? "border-primary/40 bg-card hover:bg-accent inline-flex h-8 items-center gap-1.5 rounded-md border px-3 font-mono text-[11px] tracking-wide transition-colors",
+            "data-oc-account-menu-trigger": "",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "bg-primary inline-block size-1.5 rounded-full", "aria-hidden": true }),
+              /* @__PURE__ */ jsx("span", { className: "text-foreground", children: label }),
+              /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  width: "9",
+                  height: "9",
+                  viewBox: "0 0 10 10",
+                  "aria-hidden": true,
+                  className: "opacity-60 transition-transform " + (open ? "rotate-180" : "rotate-0"),
+                  children: /* @__PURE__ */ jsx(
+                    "path",
+                    {
+                      d: "M2 4 L5 7 L8 4",
+                      stroke: "currentColor",
+                      strokeWidth: "1.5",
+                      fill: "none",
+                      strokeLinecap: "round"
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        open && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            role: "menu",
+            "aria-label": "Account menu",
+            className: popoverClassName ?? "border-border bg-popover text-popover-foreground absolute top-[calc(100%+6px)] right-0 z-50 w-[min(20rem,calc(100vw-1rem))] border shadow-xl",
+            "data-oc-account-menu-popover": "",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "border-border border-b p-3", children: [
+                /* @__PURE__ */ jsxs("div", { className: "text-primary mb-1 font-mono text-[10px] tracking-widest uppercase", children: [
+                  "\xA7 signed in \xB7 ",
+                  hostname
+                ] }),
+                /* @__PURE__ */ jsx(CopyableDid, { did: account.didOc }),
+                displayName ? /* @__PURE__ */ jsx("div", { className: "text-muted-foreground/80 mt-1 font-mono text-[10px] tracking-wide", children: displayName }) : null
+              ] }),
+              /* @__PURE__ */ jsx(
+                IdentityPromoteSection,
+                {
+                  didOc: account.didOc,
+                  nostrNpub: account.nostrNpub ?? null,
+                  current: account.displayIdentity,
+                  open,
+                  setDisplayIdentity
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                AccountsSection,
+                {
+                  roster: roster ?? [],
+                  switchAccount,
+                  addAccountUrl,
+                  signOut,
+                  onActionStart: () => setOpen(false)
+                }
+              ),
+              primaryNavLinks && primaryNavLinks.length > 0 ? /* @__PURE__ */ jsx(
+                PopoverSection,
+                {
+                  label: "navigate",
+                  items: primaryNavLinks,
+                  onItemClick: () => setOpen(false)
+                }
+              ) : null,
+              /* @__PURE__ */ jsxs("div", { className: "p-1", "data-oc-account-menu-section": "account", children: [
+                primaryNavLinks && primaryNavLinks.length > 0 ? /* @__PURE__ */ jsx("div", { className: "text-muted-foreground/60 px-3 pb-1 pt-2 font-mono text-[10px] tracking-widest uppercase", children: "\xA7 account" }) : null,
+                menuItems?.map((item) => {
+                  const onClick = () => setOpen(false);
+                  const cls = "hover:bg-accent flex items-center gap-2 px-3 py-2 font-mono text-[11px] tracking-wide transition-colors";
+                  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", "aria-hidden": true, children: "\u2192" }),
+                    /* @__PURE__ */ jsx("span", { className: "flex-1", children: item.label }),
+                    item.external ? /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: "text-muted-foreground/70 text-[10px]",
+                        "aria-hidden": true,
+                        children: "\u2197"
+                      }
+                    ) : null
+                  ] });
+                  return item.external ? /* @__PURE__ */ jsx(
+                    "a",
+                    {
+                      href: item.href,
+                      target: "_blank",
+                      rel: "noreferrer",
+                      onClick,
+                      role: "menuitem",
+                      className: cls,
+                      "data-oc-account-menu-item": "",
+                      children: inner
+                    },
+                    item.href
+                  ) : /* @__PURE__ */ jsx(
+                    Link6,
+                    {
+                      href: item.href,
+                      onClick,
+                      role: "menuitem",
+                      className: cls,
+                      "data-oc-account-menu-item": "",
+                      children: inner
+                    },
+                    item.href
+                  );
+                }),
+                familyDashboardEnabled ? /* @__PURE__ */ jsxs(
+                  "a",
+                  {
+                    href: "https://ochk.io/dashboard",
+                    target: "_blank",
+                    rel: "noreferrer",
+                    onClick: () => setOpen(false),
+                    role: "menuitem",
+                    className: "hover:bg-accent flex items-center gap-2 px-3 py-2 font-mono text-[11px] tracking-wide transition-colors",
+                    "data-oc-account-menu-item": "",
+                    "data-oc-account-menu-family-dashboard": "",
+                    children: [
+                      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", "aria-hidden": true, children: "\u2192" }),
+                      /* @__PURE__ */ jsx("span", { className: "flex-1", children: "family dashboard" }),
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: "text-muted-foreground/70 text-[10px]",
+                          "aria-hidden": true,
+                          children: "\u2197"
+                        }
+                      )
+                    ]
+                  }
+                ) : null,
+                /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    role: "menuitem",
+                    onClick: () => {
+                      setOpen(false);
+                      void (async () => {
+                        await signOut();
+                        if (typeof window !== "undefined") {
+                          window.location.assign(signOutRedirect);
+                        }
+                      })();
+                    },
+                    className: "hover:bg-accent flex w-full items-center gap-2 px-3 py-2 text-left font-mono text-[11px] tracking-wide transition-colors",
+                    "data-oc-account-menu-item": "",
+                    "data-oc-account-menu-signout": "",
+                    children: [
+                      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", "aria-hidden": true, children: "\u2192" }),
+                      /* @__PURE__ */ jsx("span", { className: "flex-1", children: "sign out" })
+                    ]
+                  }
+                )
+              ] }),
+              secondaryNavLinks && secondaryNavLinks.length > 0 ? /* @__PURE__ */ jsx(
+                PopoverSection,
+                {
+                  label: "more",
+                  items: secondaryNavLinks,
+                  onItemClick: () => setOpen(false),
+                  bordered: true
+                }
+              ) : null,
+              build ? /* @__PURE__ */ jsx(BuildFooter, { hostname, build, state: siteState }) : null
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function AccountsSection({
+  roster,
+  switchAccount,
+  addAccountUrl,
+  signOut,
+  onActionStart
+}) {
+  const [switching, setSwitching] = useState(null);
+  const [err, setErr] = useState(null);
+  if (!addAccountUrl) return null;
+  const onSwitch = async (didOc) => {
+    if (!switchAccount || switching) return;
+    setSwitching(didOc);
+    setErr(null);
+    try {
+      await switchAccount(didOc);
+    } catch (e) {
+      setErr(e instanceof Error ? e.message : "switch failed");
+    } finally {
+      setSwitching(null);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "border-border border-b p-1", "data-oc-account-menu-section": "accounts", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-muted-foreground/60 px-3 pt-2 pb-1 font-mono text-[10px] tracking-widest uppercase", children: "\xA7 accounts" }),
+    roster.map((peer) => /* @__PURE__ */ jsx(
+      SwitchRow,
+      {
+        peer,
+        busy: switching === peer.didOc,
+        disabled: switching !== null,
+        onSwitch: () => void onSwitch(peer.didOc)
+      },
+      peer.didOc
+    )),
+    /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: addAccountUrl(),
+        onClick: () => onActionStart(),
+        role: "menuitem",
+        "data-oc-account-menu-add-account": "",
+        className: "hover:bg-accent flex items-center gap-2 px-3 py-2 font-mono text-[11px] tracking-wide transition-colors",
+        children: [
+          /* @__PURE__ */ jsx(Plus, { className: "text-muted-foreground size-3.5 shrink-0", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1", children: roster.length === 0 ? "add another account" : "add another" })
+        ]
+      }
+    ),
+    roster.length > 0 ? /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        role: "menuitem",
+        onClick: () => {
+          onActionStart();
+          void (async () => {
+            try {
+              await signOut({ scope: "current" });
+            } catch {
+            }
+          })();
+        },
+        "data-oc-account-menu-leave-current": "",
+        className: "hover:bg-accent flex w-full items-center gap-2 px-3 py-2 text-left font-mono text-[11px] tracking-wide transition-colors",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", "aria-hidden": true, children: "\u2192" }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1", children: "leave this account" })
+        ]
+      }
+    ) : null,
+    err ? /* @__PURE__ */ jsx("div", { className: "text-destructive/80 px-3 pt-1 pb-2 font-mono text-[10px]", children: err }) : null
+  ] });
+}
+function SwitchRow({
+  peer,
+  busy,
+  disabled,
+  onSwitch
+}) {
+  const label = peer.displayName ?? obscureIdentity(peer.displayIdentity.value);
+  const kindLabel = IDENTITY_KIND_LABEL[peer.displayIdentity.kind];
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      role: "menuitemradio",
+      "aria-checked": false,
+      "aria-label": `Switch to ${peer.didOc}`,
+      disabled,
+      onClick: onSwitch,
+      "data-oc-account-menu-switch-row": "",
+      className: "hover:bg-accent flex w-full items-center gap-2 px-3 py-2 text-left font-mono text-[11px] tracking-wide transition-colors disabled:cursor-default",
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "border-muted-foreground/40 flex size-3.5 shrink-0 items-center justify-center rounded-full border",
+            "aria-hidden": true
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-foreground/90 min-w-0 flex-1 truncate", children: label }),
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/50 w-14 shrink-0 text-right text-[9px] tracking-widest uppercase", children: busy ? /* @__PURE__ */ jsx(Loader2, { className: "ml-auto size-3 animate-spin" }) : kindLabel })
+      ]
+    }
+  );
+}
+function PopoverSection({
+  label,
+  items,
+  onItemClick,
+  bordered
+}) {
+  const cls = "hover:bg-accent flex items-center gap-2 px-3 py-2 font-mono text-[11px] tracking-wide transition-colors";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "p-1 " + (bordered ? "border-border border-t" : ""),
+      "data-oc-account-menu-section": label,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground/60 px-3 pt-2 pb-1 font-mono text-[10px] tracking-widest uppercase", children: [
+          "\xA7 ",
+          label
+        ] }),
+        items.map((item) => {
+          const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", "aria-hidden": true, children: "\u2192" }),
+            /* @__PURE__ */ jsx("span", { className: "flex-1", children: item.label }),
+            item.external ? /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "text-muted-foreground/70 text-[10px]",
+                "aria-hidden": true,
+                children: "\u2197"
+              }
+            ) : null
+          ] });
+          return item.external ? /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: item.href,
+              target: "_blank",
+              rel: "noreferrer",
+              onClick: onItemClick,
+              role: "menuitem",
+              className: cls,
+              "data-oc-account-menu-item": "",
+              children: inner
+            },
+            item.href
+          ) : /* @__PURE__ */ jsx(
+            Link6,
+            {
+              href: item.href,
+              onClick: onItemClick,
+              role: "menuitem",
+              className: cls,
+              "data-oc-account-menu-item": "",
+              children: inner
+            },
+            item.href
+          );
+        })
+      ]
+    }
+  );
+}
+function BuildFooter({
+  hostname,
+  build,
+  state
+}) {
+  const sha = build.sha;
+  const showSha = !!sha && sha !== "dev";
+  const commitUrl = showSha && build.repo ? `https://github.com/${build.repo}/commit/${sha}` : null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "text-muted-foreground/60 border-border border-t px-3 py-2 font-mono text-[9.5px] tracking-widest uppercase",
+      "data-oc-account-menu-build": "",
+      children: [
+        hostname,
+        state && state !== "live" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          " \xB7 ",
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/80", children: state })
+        ] }) : null,
+        " ",
+        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground/80", children: [
+          "v",
+          build.version,
+          showSha ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            " \xB7 ",
+            commitUrl ? /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: commitUrl,
+                target: "_blank",
+                rel: "noreferrer",
+                className: "hover:text-foreground/90 underline decoration-dotted underline-offset-2",
+                children: sha
+              }
+            ) : sha
+          ] }) : null
+        ] })
+      ]
+    }
+  );
+}
+function isActive(pathname, link) {
+  if (link.external) return false;
+  if (link.matchExact) return pathname === link.href;
+  if (link.href === "/") return pathname === "/";
+  return pathname === link.href || pathname.startsWith(link.href + "/");
+}
+function OcPrimaryNav({ activePath, links, className }) {
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      "aria-label": "primary",
+      className: "flex min-w-0 items-center justify-start overflow-x-auto gap-0.5 sm:gap-1 whitespace-nowrap [scrollbar-width:none] [&::-webkit-scrollbar]:hidden " + (className ?? ""),
+      "data-oc-primary-nav": "",
+      children: links.map((link) => {
+        const active = isActive(activePath, link);
+        const className2 = "font-display relative shrink-0 px-2 py-1 sm:px-3 text-[11px] sm:text-[12px] font-semibold tracking-wider uppercase transition-colors " + (active ? 'text-primary after:bg-primary after:absolute after:inset-x-2 after:-bottom-[13px] after:h-px after:content-[""]' : "text-muted-foreground hover:text-foreground");
+        const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+          link.label,
+          link.external ? /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": true,
+              className: "text-muted-foreground/60 ml-1 text-[9px]",
+              children: "\u2197"
+            }
+          ) : null
+        ] });
+        return link.external ? /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: link.href,
+            target: "_blank",
+            rel: "noreferrer",
+            className: className2,
+            "data-oc-primary-nav-item": "",
+            children: content
+          },
+          link.href
+        ) : /* @__PURE__ */ jsx(
+          Link6,
+          {
+            href: link.href,
+            "aria-current": active ? "page" : void 0,
+            className: className2,
+            "data-oc-primary-nav-item": active ? "active" : "sibling",
+            children: content
+          },
+          link.href
+        );
+      })
+    }
+  );
+}
+function OcDashboardShell({
+  rootHref = "/dashboard",
+  siteLabel,
+  tools,
+  active,
+  eyebrow,
+  title,
+  description,
+  children,
+  className
+}) {
+  const [drawerOpen, setDrawerOpen] = useState(false);
+  useEffect(() => {
+    if (!drawerOpen) return;
+    function onKey(e) {
+      if (e.key === "Escape") setDrawerOpen(false);
+    }
+    document.addEventListener("keydown", onKey);
+    const prevOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.removeEventListener("keydown", onKey);
+      document.body.style.overflow = prevOverflow;
+    };
+  }, [drawerOpen]);
+  const hasHeader = Boolean(title) || Boolean(eyebrow);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "container " + (className ?? ""),
+      "data-oc-dashboard-shell": "",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-h-[calc(100vh-3rem)] flex-col md:flex-row md:gap-8", children: [
+          /* @__PURE__ */ jsx(
+            Sidebar,
+            {
+              rootHref,
+              siteLabel,
+              tools,
+              active,
+              variant: "desktop"
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+            /* @__PURE__ */ jsxs("div", { className: "border-border flex items-center justify-between border-b py-3 md:hidden", children: [
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setDrawerOpen(true),
+                  className: "text-muted-foreground hover:text-foreground inline-flex h-9 items-center gap-2 px-1 font-mono text-[11px] tracking-widest uppercase transition-colors",
+                  "aria-label": "open dashboard tools",
+                  "aria-expanded": drawerOpen,
+                  "data-oc-dashboard-mobile-trigger": "",
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "text-[14px] leading-none", children: "\u2261" }),
+                    /* @__PURE__ */ jsx("span", { children: "tools" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Link6,
+                {
+                  href: rootHref,
+                  className: "text-primary font-mono text-[11px] tracking-widest uppercase",
+                  children: "\xA7 dashboard"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "pt-6 md:pt-3", children: [
+              hasHeader && /* @__PURE__ */ jsxs("div", { className: "max-w-3xl", children: [
+                eyebrow ? /* @__PURE__ */ jsx("div", { className: "label-mono text-primary mb-3 font-mono text-[10px] tracking-widest uppercase", children: eyebrow }) : null,
+                title ? /* @__PURE__ */ jsx("h1", { className: "font-display text-2xl font-bold tracking-tight sm:text-3xl", children: title }) : null,
+                description ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-3 max-w-[64ch] text-sm leading-relaxed", children: description }) : null
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: hasHeader ? "mt-8 pb-12" : "pb-12", children })
+            ] })
+          ] })
+        ] }),
+        drawerOpen ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "fixed inset-0 z-50 md:hidden",
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-label": "dashboard tools",
+            "data-oc-dashboard-drawer": "",
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "absolute inset-0 bg-background/80 backdrop-blur-sm",
+                  onClick: () => setDrawerOpen(false),
+                  "aria-hidden": true
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "bg-background absolute top-0 left-0 h-full w-[85vw] max-w-sm border-r shadow-xl", children: /* @__PURE__ */ jsx(
+                Sidebar,
+                {
+                  rootHref,
+                  siteLabel,
+                  tools,
+                  active,
+                  variant: "drawer",
+                  onClose: () => setDrawerOpen(false)
+                }
+              ) })
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function Sidebar({
+  rootHref,
+  siteLabel,
+  tools,
+  active,
+  variant,
+  onClose
+}) {
+  const isDrawer = variant === "drawer";
+  return /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      className: isDrawer ? "flex h-full w-full flex-col bg-card" : "hidden md:sticky md:top-4 md:flex md:h-[calc(100vh-2rem)] md:w-56 md:shrink-0 md:flex-col md:self-start md:overflow-y-auto md:rounded md:border md:bg-card/40 lg:w-60",
+      "aria-label": "dashboard tools",
+      "data-oc-dashboard-sidebar": variant,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "border-b px-4 py-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx(
+              Link6,
+              {
+                href: rootHref,
+                onClick: onClose,
+                className: "hover:text-foreground font-display text-sm font-bold tracking-tight",
+                children: "\xA7 dashboard"
+              }
+            ),
+            isDrawer ? /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onClose,
+                className: "text-muted-foreground hover:text-foreground -mr-2 inline-flex h-8 w-8 items-center justify-center rounded font-mono text-lg",
+                "aria-label": "close navigation",
+                children: "\xD7"
+              }
+            ) : null
+          ] }),
+          siteLabel ? /* @__PURE__ */ jsx("div", { className: "text-muted-foreground/70 mt-1 font-mono text-[10px] tracking-widest uppercase", children: siteLabel }) : null
+        ] }),
+        /* @__PURE__ */ jsxs("nav", { className: "flex-1 overflow-y-auto px-2 py-3", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-muted-foreground/60 mb-1 px-3 font-mono text-[10px] tracking-widest uppercase", children: "\xA7 tools" }),
+          /* @__PURE__ */ jsx("ul", { className: "space-y-0.5", children: tools.map((tool) => {
+            const isActive2 = tool.id === active;
+            const innerCls = "flex items-baseline gap-2 rounded px-3 py-1.5 text-[12.5px] transition-colors " + (isActive2 ? "bg-primary/10 text-primary font-semibold" : "text-muted-foreground hover:text-foreground hover:bg-muted/30");
+            const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+              tool.icon ? /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "shrink-0 font-mono text-[11px] " + (isActive2 ? "text-primary" : "text-muted-foreground/70"),
+                  "aria-hidden": true,
+                  children: tool.icon
+                }
+              ) : null,
+              /* @__PURE__ */ jsxs("span", { className: "flex-1 leading-tight", children: [
+                /* @__PURE__ */ jsx("span", { children: tool.label }),
+                tool.tagline ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/60 mt-0.5 block font-mono text-[10px] tracking-wide normal-case", children: tool.tagline }) : null
+              ] }),
+              tool.external ? /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "text-muted-foreground/60 text-[10px]",
+                  "aria-hidden": true,
+                  children: "\u2197"
+                }
+              ) : null
+            ] });
+            return /* @__PURE__ */ jsx("li", { children: tool.external ? /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: tool.href,
+                target: "_blank",
+                rel: "noreferrer",
+                onClick: onClose,
+                className: innerCls,
+                "data-oc-dashboard-tool": isActive2 ? "active" : "sibling",
+                children: content
+              }
+            ) : /* @__PURE__ */ jsx(
+              Link6,
+              {
+                href: tool.href,
+                onClick: onClose,
+                "aria-current": isActive2 ? "page" : void 0,
+                className: innerCls,
+                "data-oc-dashboard-tool": isActive2 ? "active" : "sibling",
+                children: content
+              }
+            ) }, tool.id);
+          }) })
+        ] })
+      ]
+    }
+  );
+}
+function OcDashboardHub({ tools, className }) {
+  return /* @__PURE__ */ jsx(
+    "ul",
+    {
+      className: "grid gap-px border-t border-l sm:grid-cols-2 " + (className ?? ""),
+      "data-oc-dashboard-hub": "",
+      children: tools.map((tool) => {
+        const content = /* @__PURE__ */ jsxs("span", { className: "flex h-full flex-col gap-3 p-5 transition-colors", children: [
+          /* @__PURE__ */ jsxs("span", { className: "flex items-baseline gap-3", children: [
+            tool.icon ? /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "text-primary font-mono text-[13px]",
+                "aria-hidden": true,
+                children: tool.icon
+              }
+            ) : null,
+            /* @__PURE__ */ jsx("span", { className: "font-display text-foreground text-base font-bold tracking-tight", children: tool.label }),
+            tool.external ? /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "text-muted-foreground/60 ml-auto text-xs",
+                "aria-hidden": true,
+                children: "\u2197"
+              }
+            ) : /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "text-muted-foreground/60 ml-auto text-xs",
+                "aria-hidden": true,
+                children: "\u2192"
+              }
+            )
+          ] }),
+          tool.tagline ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm leading-relaxed", children: tool.tagline }) : null
+        ] });
+        const cls = "hover:bg-muted/30 group block border-r border-b transition-colors";
+        return /* @__PURE__ */ jsx("li", { children: tool.external ? /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: tool.href,
+            target: "_blank",
+            rel: "noreferrer",
+            className: cls,
+            children: content
+          }
+        ) : /* @__PURE__ */ jsx(Link6, { href: tool.href, className: cls, children: content }) }, tool.id);
+      })
+    }
+  );
+}
+function AppShell({
+  eyebrow,
+  title,
+  description,
+  headerActions,
+  children,
+  className
+}) {
+  const hasHeader = Boolean(title);
+  return /* @__PURE__ */ jsx("div", { className: "container " + (className ?? ""), children: /* @__PURE__ */ jsx("div", { className: "flex min-h-[calc(100vh-3rem)] flex-col", children: /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 flex-col", children: /* @__PURE__ */ jsxs("div", { className: "pt-6 md:pt-8", children: [
+    hasHeader && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "max-w-3xl", children: [
+        eyebrow && /* @__PURE__ */ jsx("div", { className: "label-mono text-primary mb-3", children: eyebrow }),
+        /* @__PURE__ */ jsx("h1", { className: "font-display text-2xl font-bold tracking-tight sm:text-3xl", children: title }),
+        description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-3 max-w-[64ch] text-sm leading-relaxed", children: description })
+      ] }),
+      headerActions && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-2", children: headerActions })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: hasHeader ? "mt-8 pb-12" : "pb-12", children })
+  ] }) }) }) });
+}
+var HIDE = {
+  sm: "hidden sm:inline",
+  md: "hidden md:inline",
+  lg: "hidden lg:inline"
+};
+function LayoutSubHeader({
+  product,
+  status = "live \xB7 mainnet",
+  tags = [],
+  noHeartbeat = false,
+  className
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("border-b", className), children: /* @__PURE__ */ jsxs("div", { className: "container flex flex-wrap items-center justify-between gap-x-6 gap-y-1 py-2 font-mono text-[11px]", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      !noHeartbeat && /* @__PURE__ */ jsx("span", { className: "bg-primary inline-block h-1.5 w-1.5 animate-pulse rounded-full" }),
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground tracking-widest uppercase", children: status }),
+      /* @__PURE__ */ jsx("span", { className: "text-foreground", children: product })
+    ] }),
+    tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "text-muted-foreground flex flex-wrap items-center gap-x-4 gap-y-1 tracking-widest uppercase", children: tags.map((tag, i) => /* @__PURE__ */ jsx("span", { className: tag.hideBelow ? HIDE[tag.hideBelow] : void 0, children: tag.label }, i)) })
+  ] }) });
+}
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AlertWithAction, AlertWithCountdown, Badge, Bar, BitcoinAddress, Button, Card, Checkbox, ConfirmHost, CopyButton, DEFAULT_OC_THEME, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, ErrorBoundary, Input, Label, Modal, OC_DEFAULT_ACCENT, OC_SKIN_COOKIE, OC_THEMES, OcAppearanceMenu, OcThemeBridge, OcThemePicker, OcThemeProvider, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptHost, QrCode, REFERENCE_BTC_USD, RadioGroup, RadioGroupItem, SatsAmount, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Sparkline, StatBlock, StatusPill, Switch, Textarea, ThemeToggle, ThemeToggleLink, Toaster, Working, WorkingPanel, accentFor, badgeVariants, buttonVariants, cn, confirm, explorerUrl, formatSats, formatSatsCompact, getOcThemeInitScript, isKnownTheme, priceBoth, prompt, relativeTime, resolveTheme, satsToUsd, shortenAddress, usdToSats, useOcSkin };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AlertWithAction, AlertWithCountdown, AppShell, Badge, Bar, BitcoinAddress, Button, Callout, Card, Checkbox, ConfirmHost, CopyButton, DEFAULT_OC_THEME, DataRow, DefinitionList, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, EcosystemSwitcher, EmptyState, ErrorBoundary, FAMILY_PROPERTIES, HelpHint, Input, Label, LayoutSubHeader, Modal, OC_DEFAULT_ACCENT, OC_SKIN_COOKIE, OC_THEMES, OcAccountMenu, OcAccountMenuView, OcAppearanceMenu, OcDashboardHub, OcDashboardShell, OcLogoDropdown, OcPrimaryNav, OcThemeBridge, OcThemePicker, OcThemeProvider, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptHost, QrCode, REFERENCE_BTC_USD, RadioGroup, RadioGroupItem, SITE_STATE_LABEL, SatsAmount, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Sparkline, StatBlock, StatGrid, StatTile, StatusPill, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeToggle, ThemeToggleLink, Toaster, Working, WorkingPanel, accentFor, badgeVariants, buttonVariants, cn, confirm, explorerUrl, findFamilyProperty, formatSats, formatSatsCompact, getOcThemeInitScript, isKnownTheme, makeStatusPill, priceBoth, prompt, relativeTime, resolveTheme, satsToUsd, shortenAddress, usdToSats, useOcSkin };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map