@orangecheck/design 0.6.1 → 0.7.1

package/dist/chrome.mjs

@@ -0,0 +1,1616 @@
+import { Boxes, ChevronDown, Check, CornerDownLeft, Plus, Loader2, Copy } from 'lucide-react';
+import Link5 from 'next/link';
+import { useState, useRef, useEffect, useId } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useRouter } from 'next/router';
+import { useOcSession, fetchOcLinkedIdentities } from '@orangecheck/auth-client';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+// src/chrome/ecosystem-switcher.tsx
+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(
+              Link5,
+              {
+                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(
+            Link5,
+            {
+              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/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(
+          Link5,
+          {
+            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(
+                      Link5,
+                      {
+                        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(
+                Link5,
+                {
+                  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(
+                    Link5,
+                    {
+                      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(
+            Link5,
+            {
+              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(
+          Link5,
+          {
+            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(
+                Link5,
+                {
+                  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(
+              Link5,
+              {
+                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(
+              Link5,
+              {
+                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(Link5, { 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 })
+  ] }) }) }) });
+}
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+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 { AppShell, EcosystemSwitcher, FAMILY_PROPERTIES, LayoutSubHeader, OcAccountMenu, OcAccountMenuView, OcDashboardHub, OcDashboardShell, OcLogoDropdown, OcPrimaryNav, SITE_STATE_LABEL, findFamilyProperty };
+//# sourceMappingURL=chrome.mjs.map
+//# sourceMappingURL=chrome.mjs.map