@lessly/ui 1.2.0 → 1.3.0

package/dist/index.js

@@ -5311,14 +5311,36 @@ function AppShell({ sidebar, topBar, children, className }) {
 }
 var AuthenticatedLayout = AppShell;
 
-// src/components/grid.tsx
+// src/components/top-bar.tsx
 import * as React71 from "react";
+import { jsx as jsx88, jsxs as jsxs59 } from "react/jsx-runtime";
+var TopBar = React71.forwardRef(
+  ({ left, right, className, ...props }, ref) => /* @__PURE__ */ jsxs59("div", { ref, className: cn("flex w-full items-center gap-1", className), ...props, children: [
+    left,
+    right && /* @__PURE__ */ jsx88("div", { className: "ml-auto flex items-center gap-2", children: right })
+  ] })
+);
+TopBar.displayName = "TopBar";
+
+// src/components/top-bar-utilities.tsx
+import * as React72 from "react";
+import { jsx as jsx89, jsxs as jsxs60 } from "react/jsx-runtime";
+var TopBarUtilities = React72.forwardRef(
+  ({ items, className, ...props }, ref) => /* @__PURE__ */ jsx89("div", { ref, className: cn("flex items-center gap-1", className), ...props, children: items.map(({ name, icon, onClick }) => /* @__PURE__ */ jsxs60(Tooltip, { children: [
+    /* @__PURE__ */ jsx89(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx89(Button, { variant: "ghost", size: "sm", icon, "aria-label": name, onClick }) }),
+    /* @__PURE__ */ jsx89(TooltipContent, { children: name })
+  ] }, name)) })
+);
+TopBarUtilities.displayName = "TopBarUtilities";
+
+// src/components/grid.tsx
+import * as React73 from "react";
 import { Slot as Slot7 } from "@radix-ui/react-slot";
-import { jsx as jsx88 } from "react/jsx-runtime";
-var Grid = React71.forwardRef(
+import { jsx as jsx90 } from "react/jsx-runtime";
+var Grid = React73.forwardRef(
   ({ fluid = false, asChild = false, className, ...props }, ref) => {
     const Comp = asChild ? Slot7 : "div";
-    return /* @__PURE__ */ jsx88(
+    return /* @__PURE__ */ jsx90(
       Comp,
       {
         ref,
@@ -5336,9 +5358,9 @@ var Grid = React71.forwardRef(
 Grid.displayName = "Grid";
 
 // src/components/col.tsx
-import * as React72 from "react";
+import * as React74 from "react";
 import { Slot as Slot8 } from "@radix-ui/react-slot";
-import { jsx as jsx89 } from "react/jsx-runtime";
+import { jsx as jsx91 } from "react/jsx-runtime";
 var TIER_MAX = { base: 4, md: 8, xl: 12 };
 var SPAN = {
   base: { 1: "col-span-1", 2: "col-span-2", 3: "col-span-3", 4: "col-span-4" },
@@ -5458,17 +5480,17 @@ function responsiveClasses(span, offset) {
   }
   return cn(...spanClasses, ...startClasses);
 }
-var Col = React72.forwardRef(
+var Col = React74.forwardRef(
   ({ span, offset, asChild = false, className, ...props }, ref) => {
     const Comp = asChild ? Slot8 : "div";
-    return /* @__PURE__ */ jsx89(Comp, { ref, className: cn(responsiveClasses(span, offset), className), ...props });
+    return /* @__PURE__ */ jsx91(Comp, { ref, className: cn(responsiveClasses(span, offset), className), ...props });
   }
 );
 Col.displayName = "Col";
 
 // src/components/code-block.tsx
-import * as React73 from "react";
-import { jsx as jsx90, jsxs as jsxs59 } from "react/jsx-runtime";
+import * as React75 from "react";
+import { jsx as jsx92, jsxs as jsxs61 } from "react/jsx-runtime";
 var TOKEN_CLASS = {
   comment: "text-text-tertiary italic",
   string: "text-text-success",
@@ -5639,30 +5661,30 @@ function dropLeading(tokens, count) {
   }
   return out;
 }
-var CodeBlock = React73.forwardRef(
+var CodeBlock = React75.forwardRef(
   ({ code, lang = "tsx", variant = "default", copy = false, filename, scroll = false, highlightLines, showLineNumbers = false, className, ...props }, ref) => {
-    const lines = React73.useMemo(() => tokenizeLines(code, lang), [code, lang]);
-    const rawLines = React73.useMemo(() => code.split("\n"), [code]);
-    const highlighted = React73.useMemo(() => parseHighlightLines(highlightLines), [highlightLines]);
+    const lines = React75.useMemo(() => tokenizeLines(code, lang), [code, lang]);
+    const rawLines = React75.useMemo(() => code.split("\n"), [code]);
+    const highlighted = React75.useMemo(() => parseHighlightLines(highlightLines), [highlightLines]);
     const isDiff = variant === "diff";
     const isTerminal = variant === "terminal";
     const showCopy = copy && !isTerminal;
     const overlayCopy = showCopy && !filename;
     const contentWhitespace = scroll ? "whitespace-pre" : "whitespace-pre-wrap break-words";
-    const pre = /* @__PURE__ */ jsx90(
+    const pre = /* @__PURE__ */ jsx92(
       "pre",
       {
         ref,
         className: cn("py-4 font-mono text-xs leading-6 text-text-secondary", scroll && "overflow-x-auto", className),
         ...props,
-        children: /* @__PURE__ */ jsx90("code", { className: "block min-w-full", children: lines.map((tokens, i) => {
+        children: /* @__PURE__ */ jsx92("code", { className: "block min-w-full", children: lines.map((tokens, i) => {
           const n = i + 1;
           const raw = rawLines[i] ?? "";
           const diffKind = isDiff ? raw[0] === "+" ? "add" : raw[0] === "-" ? "remove" : null : null;
           const promptLen = isTerminal && raw[0] === "$" ? 1 : 0;
           const markerDrop = diffKind ? 1 : promptLen;
           const body = markerDrop ? dropLeading(tokens, markerDrop) : tokens;
-          return /* @__PURE__ */ jsxs59(
+          return /* @__PURE__ */ jsxs61(
             "span",
             {
               "data-line": n,
@@ -5675,8 +5697,8 @@ var CodeBlock = React73.forwardRef(
                 !diffKind && highlighted.has(n) && "bg-bg-brand-subtle"
               ),
               children: [
-                showLineNumbers && /* @__PURE__ */ jsx90("span", { "aria-hidden": true, className: "mr-3 w-8 shrink-0 select-none text-right text-text-tertiary", children: n }),
-                (isDiff || isTerminal) && /* @__PURE__ */ jsx90(
+                showLineNumbers && /* @__PURE__ */ jsx92("span", { "aria-hidden": true, className: "mr-3 w-8 shrink-0 select-none text-right text-text-tertiary", children: n }),
+                (isDiff || isTerminal) && /* @__PURE__ */ jsx92(
                   "span",
                   {
                     "aria-hidden": true,
@@ -5689,7 +5711,7 @@ var CodeBlock = React73.forwardRef(
                     children: diffKind === "add" ? "+" : diffKind === "remove" ? "-" : promptLen > 0 ? "$" : ""
                   }
                 ),
-                /* @__PURE__ */ jsx90("span", { className: cn("min-w-0 flex-1", contentWhitespace), children: body.length ? body.map((token, j) => /* @__PURE__ */ jsx90("span", { className: TOKEN_CLASS[token.kind], children: token.text }, j)) : "\xA0" })
+                /* @__PURE__ */ jsx92("span", { className: cn("min-w-0 flex-1", contentWhitespace), children: body.length ? body.map((token, j) => /* @__PURE__ */ jsx92("span", { className: TOKEN_CLASS[token.kind], children: token.text }, j)) : "\xA0" })
               ]
             },
             i
@@ -5697,16 +5719,16 @@ var CodeBlock = React73.forwardRef(
         }) })
       }
     );
-    return /* @__PURE__ */ jsxs59("div", { className: "relative overflow-hidden rounded-lg border border-border-subtle bg-bg-primary", children: [
-      filename && /* @__PURE__ */ jsxs59("div", { className: "flex items-center justify-between gap-3 border-b border-border-subtle px-4 py-2", children: [
-        /* @__PURE__ */ jsx90("span", { className: "font-mono text-xs text-text-tertiary", children: filename }),
-        showCopy && /* @__PURE__ */ jsx90(CopyButton, { value: code, label: "Copy code", className: "size-7" })
+    return /* @__PURE__ */ jsxs61("div", { className: "relative overflow-hidden rounded-lg border border-border-subtle bg-bg-primary", children: [
+      filename && /* @__PURE__ */ jsxs61("div", { className: "flex items-center justify-between gap-3 border-b border-border-subtle px-4 py-2", children: [
+        /* @__PURE__ */ jsx92("span", { className: "font-mono text-xs text-text-tertiary", children: filename }),
+        showCopy && /* @__PURE__ */ jsx92(CopyButton, { value: code, label: "Copy code", className: "size-7" })
       ] }),
       pre,
       overlayCopy && // Always visible, on every device: a copy control you have to hover to discover is a
       // control most people never find. Opaque (`bg-bg-primary`, the block's own surface) so it
       // reads cleanly where a long first line runs under it.
-      /* @__PURE__ */ jsx90(
+      /* @__PURE__ */ jsx92(
         CopyButton,
         {
           value: code,
@@ -5718,7 +5740,7 @@ var CodeBlock = React73.forwardRef(
   }
 );
 CodeBlock.displayName = "CodeBlock";
-var Code = React73.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx90(
+var Code = React75.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx92(
   "code",
   {
     ref,
@@ -5732,13 +5754,13 @@ var Code = React73.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 Code.displayName = "Code";
 
 // src/components/grid-overlay.tsx
-import * as React74 from "react";
-import { jsx as jsx91 } from "react/jsx-runtime";
+import * as React76 from "react";
+import { jsx as jsx93 } from "react/jsx-runtime";
 var BASELINE = "var(--grid-gutter) / 2";
-var GridOverlay = React74.forwardRef(
+var GridOverlay = React76.forwardRef(
   ({ columns, baseline = false, className, style, ...props }, ref) => {
     const count = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;
-    return /* @__PURE__ */ jsx91(
+    return /* @__PURE__ */ jsx93(
       "div",
       {
         ref,
@@ -5755,7 +5777,7 @@ var GridOverlay = React74.forwardRef(
           ...style
         },
         ...props,
-        children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx91("span", { style: { backgroundColor: "var(--bg-brand)", opacity: 0.1 } }, i))
+        children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx93("span", { style: { backgroundColor: "var(--bg-brand)", opacity: 0.1 } }, i))
       }
     );
   }
@@ -5763,10 +5785,10 @@ var GridOverlay = React74.forwardRef(
 GridOverlay.displayName = "GridOverlay";
 
 // src/components/attachment-chip.tsx
-import * as React75 from "react";
+import * as React77 from "react";
 import { cva as cva10 } from "class-variance-authority";
 import { Link2 as Link22, Clock, Plus as Plus2 } from "lucide-react";
-import { jsx as jsx92, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs62 } from "react/jsx-runtime";
 var attachmentChipVariants = cva10(
   "inline-flex items-center gap-1.5 rounded-lg border px-2.5 py-1 text-sm font-medium leading-tight",
   {
@@ -5785,11 +5807,11 @@ var stateIcons = {
   requested: Clock,
   available: Plus2
 };
-var AttachmentChip = React75.forwardRef(
+var AttachmentChip = React77.forwardRef(
   ({ state: state2, account, icon, hideIcon = false, className, ...props }, ref) => {
     const Icon = icon ?? stateIcons[state2 ?? "attached"];
-    return /* @__PURE__ */ jsxs60("span", { ref, className: cn(attachmentChipVariants({ state: state2 }), className), ...props, children: [
-      !hideIcon && /* @__PURE__ */ jsx92(Icon, { className: "size-3.5 shrink-0 opacity-90", "aria-hidden": "true" }),
+    return /* @__PURE__ */ jsxs62("span", { ref, className: cn(attachmentChipVariants({ state: state2 }), className), ...props, children: [
+      !hideIcon && /* @__PURE__ */ jsx94(Icon, { className: "size-3.5 shrink-0 opacity-90", "aria-hidden": "true" }),
       account
     ] });
   }
@@ -5797,9 +5819,9 @@ var AttachmentChip = React75.forwardRef(
 AttachmentChip.displayName = "AttachmentChip";
 
 // src/components/connector-card.tsx
-import * as React76 from "react";
+import * as React78 from "react";
 import { AlertTriangle, ChevronDown as ChevronDown6 } from "lucide-react";
-import { Fragment as Fragment12, jsx as jsx93, jsxs as jsxs61 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx95, jsxs as jsxs63 } from "react/jsx-runtime";
 var originLabels = {
   org: "Attached by the organization",
   product: "Attached by this product"
@@ -5812,7 +5834,7 @@ var statusLabels = {
 function monogram(name) {
   return name.replace(/[^a-zA-Z0-9 ]/g, " ").split(/\s+/).filter(Boolean).slice(0, 2).map((w) => w[0].toUpperCase()).join("");
 }
-var ConnectorCard = React76.forwardRef(
+var ConnectorCard = React78.forwardRef(
   ({
     name,
     kind,
@@ -5833,7 +5855,7 @@ var ConnectorCard = React76.forwardRef(
   }, ref) => {
     const connected = status !== "not-connected";
     const label = statusLabel ?? statusLabels[status];
-    const glyphBox = /* @__PURE__ */ jsx93(
+    const glyphBox = /* @__PURE__ */ jsx95(
       "div",
       {
         "aria-hidden": "true",
@@ -5841,48 +5863,48 @@ var ConnectorCard = React76.forwardRef(
         children: glyph ?? monogram(name)
       }
     );
-    const identity = /* @__PURE__ */ jsxs61("div", { className: "min-w-0", children: [
-      /* @__PURE__ */ jsx93("p", { className: "truncate text-sm font-semibold text-text-primary", children: name }),
-      (kind || origin) && /* @__PURE__ */ jsxs61("div", { className: "mt-0.5 flex flex-wrap gap-1", children: [
-        kind && /* @__PURE__ */ jsx93(Badge, { variant: "secondary", children: kind }),
-        origin && /* @__PURE__ */ jsx93(Badge, { variant: "outline", children: originLabels[origin] })
+    const identity = /* @__PURE__ */ jsxs63("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsx95("p", { className: "truncate text-sm font-semibold text-text-primary", children: name }),
+      (kind || origin) && /* @__PURE__ */ jsxs63("div", { className: "mt-0.5 flex flex-wrap gap-1", children: [
+        kind && /* @__PURE__ */ jsx95(Badge, { variant: "secondary", children: kind }),
+        origin && /* @__PURE__ */ jsx95(Badge, { variant: "outline", children: originLabels[origin] })
       ] })
     ] });
-    const statusBadge = label ? /* @__PURE__ */ jsx93(Badge, { variant: "status", children: label }) : null;
-    const accessNote = access ? /* @__PURE__ */ jsxs61(
+    const statusBadge = label ? /* @__PURE__ */ jsx95(Badge, { variant: "status", children: label }) : null;
+    const accessNote = access ? /* @__PURE__ */ jsxs63(
       "div",
       {
         role: "note",
         className: "flex items-start gap-2 border-t border-border-subtle bg-bg-secondary px-4 py-2.5 text-xs font-medium text-text-secondary",
         children: [
-          /* @__PURE__ */ jsx93(AlertTriangle, { className: "mt-0.5 size-3.5 shrink-0", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx93("span", { children: access })
+          /* @__PURE__ */ jsx95(AlertTriangle, { className: "mt-0.5 size-3.5 shrink-0", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx95("span", { children: access })
         ]
       }
     ) : null;
     const footerAction = collapsible ? action : connected && action;
-    const footer = attachedCount !== void 0 || footerAction ? /* @__PURE__ */ jsxs61("div", { className: "flex items-center justify-between border-t border-border-subtle px-4 py-3", children: [
-      /* @__PURE__ */ jsx93("span", { className: "text-sm text-text-secondary", children: attachedCount !== void 0 ? /* @__PURE__ */ jsxs61(Fragment12, { children: [
+    const footer = attachedCount !== void 0 || footerAction ? /* @__PURE__ */ jsxs63("div", { className: "flex items-center justify-between border-t border-border-subtle px-4 py-3", children: [
+      /* @__PURE__ */ jsx95("span", { className: "text-sm text-text-secondary", children: attachedCount !== void 0 ? /* @__PURE__ */ jsxs63(Fragment12, { children: [
         "Attached to ",
-        /* @__PURE__ */ jsx93("span", { className: "font-semibold text-text-primary", children: attachedCount }),
+        /* @__PURE__ */ jsx95("span", { className: "font-semibold text-text-primary", children: attachedCount }),
         " ",
         attachedCount === 1 ? "product" : "products"
-      ] }) : /* @__PURE__ */ jsx93("span", { className: "text-text-tertiary", children: "Not attached to any product yet" }) }),
+      ] }) : /* @__PURE__ */ jsx95("span", { className: "text-text-tertiary", children: "Not attached to any product yet" }) }),
       footerAction
     ] }) : null;
-    const drawer = children ? /* @__PURE__ */ jsx93("div", { "data-slot": "drawer", className: "border-t border-border-subtle", children }) : null;
+    const drawer = children ? /* @__PURE__ */ jsx95("div", { "data-slot": "drawer", className: "border-t border-border-subtle", children }) : null;
     if (!collapsible) {
-      return /* @__PURE__ */ jsxs61(
+      return /* @__PURE__ */ jsxs63(
         Card,
         {
           ref,
           className: cn(status === "not-connected" && "border-dashed border-border-default", className),
           ...props,
           children: [
-            /* @__PURE__ */ jsxs61("div", { className: "flex items-center gap-3 p-4", children: [
+            /* @__PURE__ */ jsxs63("div", { className: "flex items-center gap-3 p-4", children: [
               glyphBox,
               identity,
-              /* @__PURE__ */ jsx93("div", { className: "ml-auto shrink-0", children: connected ? statusBadge : action ?? statusBadge })
+              /* @__PURE__ */ jsx95("div", { className: "ml-auto shrink-0", children: connected ? statusBadge : action ?? statusBadge })
             ] }),
             accessNote,
             footer,
@@ -5891,7 +5913,7 @@ var ConnectorCard = React76.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ jsx93(Collapsible, { defaultOpen, open, onOpenChange, children: /* @__PURE__ */ jsxs61(
+    return /* @__PURE__ */ jsx95(Collapsible, { defaultOpen, open, onOpenChange, children: /* @__PURE__ */ jsxs63(
       Card,
       {
         ref,
@@ -5902,7 +5924,7 @@ var ConnectorCard = React76.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx93(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs61(
+          /* @__PURE__ */ jsx95(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs63(
             "button",
             {
               type: "button",
@@ -5910,9 +5932,9 @@ var ConnectorCard = React76.forwardRef(
               children: [
                 glyphBox,
                 identity,
-                /* @__PURE__ */ jsxs61("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
+                /* @__PURE__ */ jsxs63("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
                   statusBadge,
-                  /* @__PURE__ */ jsx93(
+                  /* @__PURE__ */ jsx95(
                     ChevronDown6,
                     {
                       "aria-hidden": "true",
@@ -5923,7 +5945,7 @@ var ConnectorCard = React76.forwardRef(
               ]
             }
           ) }),
-          /* @__PURE__ */ jsxs61(CollapsibleContent2, { children: [
+          /* @__PURE__ */ jsxs63(CollapsibleContent2, { children: [
             accessNote,
             footer,
             drawer
@@ -5936,33 +5958,33 @@ var ConnectorCard = React76.forwardRef(
 ConnectorCard.displayName = "ConnectorCard";
 
 // src/components/request-row.tsx
-import * as React77 from "react";
-import { Fragment as Fragment13, jsx as jsx94, jsxs as jsxs62 } from "react/jsx-runtime";
+import * as React79 from "react";
+import { Fragment as Fragment13, jsx as jsx96, jsxs as jsxs64 } from "react/jsx-runtime";
 function monogram2(name) {
   return name.replace(/[^a-zA-Z0-9 ]/g, " ").split(/\s+/).filter(Boolean).slice(0, 2).map((w) => w[0].toUpperCase()).join("");
 }
-var RequestRow = React77.forwardRef(
+var RequestRow = React79.forwardRef(
   ({ surface, name, state: state2, glyph, subtitle, account, onApprove, onDeny, onRequest, onRevoke, action, className, ...props }, ref) => {
     let controls = action;
     if (controls === void 0) {
       if (surface === "org" && state2 === "pending") {
-        controls = /* @__PURE__ */ jsxs62(Fragment13, { children: [
-          /* @__PURE__ */ jsx94(Button, { variant: "ghost", size: "sm", onClick: onDeny, children: "Deny" }),
-          /* @__PURE__ */ jsx94(Button, { variant: "outline", size: "sm", onClick: onApprove, children: "Approve" })
+        controls = /* @__PURE__ */ jsxs64(Fragment13, { children: [
+          /* @__PURE__ */ jsx96(Button, { variant: "ghost", size: "sm", onClick: onDeny, children: "Deny" }),
+          /* @__PURE__ */ jsx96(Button, { variant: "outline", size: "sm", onClick: onApprove, children: "Approve" })
         ] });
       } else if (state2 === "sent") {
-        controls = /* @__PURE__ */ jsx94(Button, { variant: "destructive-ghost", size: "sm", onClick: onRevoke, children: "Revoke" });
+        controls = /* @__PURE__ */ jsx96(Button, { variant: "destructive-ghost", size: "sm", onClick: onRevoke, children: "Revoke" });
       } else if (state2 === "available") {
-        controls = /* @__PURE__ */ jsx94(Button, { variant: "outline", size: "sm", onClick: onRequest, children: "Request" });
+        controls = /* @__PURE__ */ jsx96(Button, { variant: "outline", size: "sm", onClick: onRequest, children: "Request" });
       } else if (state2 === "pending") {
-        controls = /* @__PURE__ */ jsx94(Badge, { variant: "status", children: "Requested" });
+        controls = /* @__PURE__ */ jsx96(Badge, { variant: "status", children: "Requested" });
       } else if (state2 === "denied") {
-        controls = /* @__PURE__ */ jsx94(Badge, { variant: "status", children: "Denied" });
+        controls = /* @__PURE__ */ jsx96(Badge, { variant: "status", children: "Denied" });
       } else if (state2 === "attached") {
-        controls = account ? /* @__PURE__ */ jsx94(AttachmentChip, { state: "attached", account }) : /* @__PURE__ */ jsx94(Badge, { variant: "status", children: "In use" });
+        controls = account ? /* @__PURE__ */ jsx96(AttachmentChip, { state: "attached", account }) : /* @__PURE__ */ jsx96(Badge, { variant: "status", children: "In use" });
       }
     }
-    return /* @__PURE__ */ jsxs62(
+    return /* @__PURE__ */ jsxs64(
       "div",
       {
         ref,
@@ -5972,7 +5994,7 @@ var RequestRow = React77.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx94(
+          /* @__PURE__ */ jsx96(
             "div",
             {
               "aria-hidden": "true",
@@ -5980,11 +6002,11 @@ var RequestRow = React77.forwardRef(
               children: glyph ?? monogram2(name)
             }
           ),
-          /* @__PURE__ */ jsxs62("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsx94("p", { className: "truncate text-sm font-semibold text-text-primary", children: name }),
-            subtitle && /* @__PURE__ */ jsx94("p", { className: "truncate text-xs text-text-tertiary", children: subtitle })
+          /* @__PURE__ */ jsxs64("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx96("p", { className: "truncate text-sm font-semibold text-text-primary", children: name }),
+            subtitle && /* @__PURE__ */ jsx96("p", { className: "truncate text-xs text-text-tertiary", children: subtitle })
           ] }),
-          /* @__PURE__ */ jsx94("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: controls })
+          /* @__PURE__ */ jsx96("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: controls })
         ]
       }
     );
@@ -5993,9 +6015,9 @@ var RequestRow = React77.forwardRef(
 RequestRow.displayName = "RequestRow";
 
 // src/components/feedback-button.tsx
-import * as React78 from "react";
+import * as React80 from "react";
 import { MessageSquare, Loader2 as Loader23, CheckCircle2 } from "lucide-react";
-import { jsx as jsx95, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs65 } from "react/jsx-runtime";
 var TITLE_MAX = 256;
 var DETAILS_MAX = 65536;
 var DEFAULT_LABELS = {
@@ -6009,15 +6031,15 @@ var DEFAULT_LABELS = {
 };
 function FeedbackButton({ onSubmit, labels, className }) {
   const l = { ...DEFAULT_LABELS, ...labels };
-  const uid = React78.useId();
+  const uid = React80.useId();
   const titleId = `${uid}-title`;
   const detailsId = `${uid}-details`;
   const titleErrId = `${uid}-title-error`;
   const detailsErrId = `${uid}-details-error`;
-  const [open, setOpen] = React78.useState(false);
-  const [status, setStatus] = React78.useState("idle");
-  const [title, setTitle] = React78.useState("");
-  const [details, setDetails] = React78.useState("");
+  const [open, setOpen] = React80.useState(false);
+  const [status, setStatus] = React80.useState("idle");
+  const [title, setTitle] = React80.useState("");
+  const [details, setDetails] = React80.useState("");
   const titleTooLong = title.length > TITLE_MAX;
   const detailsTooLong = details.length > DETAILS_MAX;
   const titleEmpty = title.trim().length === 0;
@@ -6042,20 +6064,20 @@ function FeedbackButton({ onSubmit, labels, className }) {
       setStatus("error");
     }
   };
-  return /* @__PURE__ */ jsxs63(Popover, { open, onOpenChange: changeOpen, children: [
-    /* @__PURE__ */ jsx95(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs63(Button, { variant: "ghost", size: "sm", "aria-label": l.trigger, className, children: [
-      /* @__PURE__ */ jsx95(MessageSquare, { className: "size-4", "aria-hidden": "true" }),
+  return /* @__PURE__ */ jsxs65(Popover, { open, onOpenChange: changeOpen, children: [
+    /* @__PURE__ */ jsx97(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs65(Button, { variant: "ghost", size: "sm", "aria-label": l.trigger, className, children: [
+      /* @__PURE__ */ jsx97(MessageSquare, { className: "size-4", "aria-hidden": "true" }),
       l.trigger
     ] }) }),
-    /* @__PURE__ */ jsx95(PopoverContent, { align: "end", side: "bottom", className: "w-80", children: status === "success" ? /* @__PURE__ */ jsxs63("div", { className: "flex flex-col items-center gap-3 py-2 text-center", children: [
-      /* @__PURE__ */ jsx95(CheckCircle2, { className: "size-8 text-text-success", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx95("p", { role: "status", className: "text-sm text-text-primary", children: l.success }),
-      /* @__PURE__ */ jsx95(Button, { variant: "outline", size: "sm", onClick: () => changeOpen(false), children: "Close" })
-    ] }) : /* @__PURE__ */ jsxs63("form", { onSubmit: handleSubmit, className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsx95("p", { className: "text-sm font-medium text-text-primary", children: l.title }),
-      /* @__PURE__ */ jsxs63("div", { className: "flex flex-col gap-1.5", children: [
-        /* @__PURE__ */ jsx95(Label2, { htmlFor: titleId, children: l.titleField }),
-        /* @__PURE__ */ jsx95(
+    /* @__PURE__ */ jsx97(PopoverContent, { align: "end", side: "bottom", className: "w-80", children: status === "success" ? /* @__PURE__ */ jsxs65("div", { className: "flex flex-col items-center gap-3 py-2 text-center", children: [
+      /* @__PURE__ */ jsx97(CheckCircle2, { className: "size-8 text-text-success", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx97("p", { role: "status", className: "text-sm text-text-primary", children: l.success }),
+      /* @__PURE__ */ jsx97(Button, { variant: "outline", size: "sm", onClick: () => changeOpen(false), children: "Close" })
+    ] }) : /* @__PURE__ */ jsxs65("form", { onSubmit: handleSubmit, className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx97("p", { className: "text-sm font-medium text-text-primary", children: l.title }),
+      /* @__PURE__ */ jsxs65("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsx97(Label2, { htmlFor: titleId, children: l.titleField }),
+        /* @__PURE__ */ jsx97(
           Input,
           {
             id: titleId,
@@ -6066,16 +6088,16 @@ function FeedbackButton({ onSubmit, labels, className }) {
             "aria-describedby": titleTooLong ? titleErrId : void 0
           }
         ),
-        titleTooLong && /* @__PURE__ */ jsxs63("p", { id: titleErrId, className: "text-xs text-text-danger", children: [
+        titleTooLong && /* @__PURE__ */ jsxs65("p", { id: titleErrId, className: "text-xs text-text-danger", children: [
           l.titleField,
           " must be ",
           TITLE_MAX,
           " characters or fewer."
         ] })
       ] }),
-      /* @__PURE__ */ jsxs63("div", { className: "flex flex-col gap-1.5", children: [
-        /* @__PURE__ */ jsx95(Label2, { htmlFor: detailsId, children: l.detailsField }),
-        /* @__PURE__ */ jsx95(
+      /* @__PURE__ */ jsxs65("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsx97(Label2, { htmlFor: detailsId, children: l.detailsField }),
+        /* @__PURE__ */ jsx97(
           Textarea,
           {
             id: detailsId,
@@ -6086,16 +6108,16 @@ function FeedbackButton({ onSubmit, labels, className }) {
             "aria-describedby": detailsTooLong ? detailsErrId : void 0
           }
         ),
-        detailsTooLong && /* @__PURE__ */ jsxs63("p", { id: detailsErrId, className: "text-xs text-text-danger", children: [
+        detailsTooLong && /* @__PURE__ */ jsxs65("p", { id: detailsErrId, className: "text-xs text-text-danger", children: [
           l.detailsField,
           " must be ",
           DETAILS_MAX,
           " characters or fewer."
         ] })
       ] }),
-      status === "error" && /* @__PURE__ */ jsx95(InlineError, { children: l.error }),
-      /* @__PURE__ */ jsxs63(Button, { type: "submit", disabled: !valid || submitting, children: [
-        submitting && /* @__PURE__ */ jsx95(Loader23, { className: "size-4 animate-spin", "aria-hidden": "true" }),
+      status === "error" && /* @__PURE__ */ jsx97(InlineError, { children: l.error }),
+      /* @__PURE__ */ jsxs65(Button, { type: "submit", disabled: !valid || submitting, children: [
+        submitting && /* @__PURE__ */ jsx97(Loader23, { className: "size-4 animate-spin", "aria-hidden": "true" }),
         l.submit
       ] })
     ] }) })
@@ -6151,27 +6173,27 @@ function isNotificationSettled(item) {
 }
 
 // src/components/notification-bell.tsx
-import * as React80 from "react";
+import * as React82 from "react";
 import { BellRing, Settings } from "lucide-react";
 
 // src/components/notification-row.tsx
-import * as React79 from "react";
+import * as React81 from "react";
 
 // src/components/notification-parts.tsx
 import { Check as Check10 } from "lucide-react";
-import { jsx as jsx96 } from "react/jsx-runtime";
+import { jsx as jsx98 } from "react/jsx-runtime";
 var rowControlHitArea = "relative after:absolute after:-inset-x-2 after:-top-1.5 after:-bottom-2.5";
 function rowControlName(label, title) {
   return `${label} "${title}"`;
 }
 function MarkReadButton({ title, onClick }) {
   const label = `Mark "${title}" as read`;
-  return /* @__PURE__ */ jsx96(
+  return /* @__PURE__ */ jsx98(
     Button,
     {
       variant: "ghost",
       size: "xs",
-      icon: /* @__PURE__ */ jsx96(Check10, {}),
+      icon: /* @__PURE__ */ jsx98(Check10, {}),
       "aria-label": label,
       onClick,
       className: "relative text-text-secondary after:absolute after:-inset-3 hover:text-text-primary"
@@ -6185,12 +6207,12 @@ function DeepLinkControl({
   onClick
 }) {
   const name = rowControlName(link.label, title);
-  return link.href ? /* @__PURE__ */ jsx96("a", { href: link.href, "aria-label": name, onClick, className, children: link.label }) : /* @__PURE__ */ jsx96("button", { type: "button", "aria-label": name, onClick, className, children: link.label });
+  return link.href ? /* @__PURE__ */ jsx98("a", { href: link.href, "aria-label": name, onClick, className, children: link.label }) : /* @__PURE__ */ jsx98("button", { type: "button", "aria-label": name, onClick, className, children: link.label });
 }
 
 // src/components/notification-row.tsx
-import { jsx as jsx97, jsxs as jsxs64 } from "react/jsx-runtime";
-var NotificationRow = React79.forwardRef(
+import { jsx as jsx99, jsxs as jsxs66 } from "react/jsx-runtime";
+var NotificationRow = React81.forwardRef(
   ({ item, onItemClick, onActionClick, onMarkRead, formatAge, className, ...props }, ref) => {
     const settled = isNotificationSettled(item);
     const unread = !settled && !item.read;
@@ -6202,20 +6224,20 @@ var NotificationRow = React79.forwardRef(
       // Three steps of one ladder, and every one of them a token a reader can read:
       // unread is the loudest, read is quieter, settled is quietest. An opacity is
       // not a step — it drags the text under the contrast floor with the row.
-      /* @__PURE__ */ jsxs64(
+      /* @__PURE__ */ jsxs66(
         "div",
         {
           ref,
           className: cn("group rounded-lg bg-bg-surface px-3 py-2.5", className),
           ...props,
           children: [
-            /* @__PURE__ */ jsxs64("div", { className: "flex items-start gap-2.5", children: [
-              /* @__PURE__ */ jsxs64("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsxs64("p", { className: "truncate text-xs text-text-tertiary", children: [
-                  /* @__PURE__ */ jsx97("span", { className: "font-semibold uppercase tracking-wide text-text-secondary", children: item.source }),
+            /* @__PURE__ */ jsxs66("div", { className: "flex items-start gap-2.5", children: [
+              /* @__PURE__ */ jsxs66("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsxs66("p", { className: "truncate text-xs text-text-tertiary", children: [
+                  /* @__PURE__ */ jsx99("span", { className: "font-semibold uppercase tracking-wide text-text-secondary", children: item.source }),
                   item.receipt ? `, ${item.receipt}` : ""
                 ] }),
-                /* @__PURE__ */ jsx97(
+                /* @__PURE__ */ jsx99(
                   "button",
                   {
                     type: "button",
@@ -6227,7 +6249,7 @@ var NotificationRow = React79.forwardRef(
                     children: item.title
                   }
                 ),
-                item.body && /* @__PURE__ */ jsx97(
+                item.body && /* @__PURE__ */ jsx99(
                   "p",
                   {
                     className: cn(
@@ -6238,15 +6260,15 @@ var NotificationRow = React79.forwardRef(
                   }
                 )
               ] }),
-              (age || markable) && /* @__PURE__ */ jsxs64("div", { className: "mt-px flex shrink-0 items-center gap-1", children: [
-                stamp && age && /* @__PURE__ */ jsx97("time", { dateTime: toDateTimeAttribute(stamp), className: "text-xs text-text-tertiary", children: age }),
-                markable && /* @__PURE__ */ jsx97(MarkReadButton, { title: item.title, onClick: () => onMarkRead(item.id) })
+              (age || markable) && /* @__PURE__ */ jsxs66("div", { className: "mt-px flex shrink-0 items-center gap-1", children: [
+                stamp && age && /* @__PURE__ */ jsx99("time", { dateTime: toDateTimeAttribute(stamp), className: "text-xs text-text-tertiary", children: age }),
+                markable && /* @__PURE__ */ jsx99(MarkReadButton, { title: item.title, onClick: () => onMarkRead(item.id) })
               ] })
             ] }),
-            (actions.length > 0 || item.deepLink) && /* @__PURE__ */ jsxs64("div", { className: "mt-2 flex flex-wrap items-center gap-x-4 gap-y-2", children: [
+            (actions.length > 0 || item.deepLink) && /* @__PURE__ */ jsxs66("div", { className: "mt-2 flex flex-wrap items-center gap-x-4 gap-y-2", children: [
               actions.map((action) => {
                 const chip = action.variant === "primary" || action.variant === "destructive";
-                return /* @__PURE__ */ jsx97(
+                return /* @__PURE__ */ jsx99(
                   "button",
                   {
                     type: "button",
@@ -6263,7 +6285,7 @@ var NotificationRow = React79.forwardRef(
                   action.id
                 );
               }),
-              item.deepLink && /* @__PURE__ */ jsx97(
+              item.deepLink && /* @__PURE__ */ jsx99(
                 DeepLinkControl,
                 {
                   link: item.deepLink,
@@ -6285,8 +6307,8 @@ var NotificationRow = React79.forwardRef(
 NotificationRow.displayName = "NotificationRow";
 
 // src/components/notification-bell.tsx
-import { jsx as jsx98, jsxs as jsxs65 } from "react/jsx-runtime";
-var NotificationBell = React80.forwardRef(
+import { jsx as jsx100, jsxs as jsxs67 } from "react/jsx-runtime";
+var NotificationBell = React82.forwardRef(
   ({
     items,
     unreadCount,
@@ -6306,8 +6328,8 @@ var NotificationBell = React80.forwardRef(
     const unread = unreadCount ?? items.filter((n) => !n.read && n.cls !== "ephemeral").length;
     const rows = items.slice(0, maxItems);
     const hidden = items.length - rows.length;
-    return /* @__PURE__ */ jsxs65(Popover, { open, onOpenChange, children: [
-      /* @__PURE__ */ jsx98(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs65(
+    return /* @__PURE__ */ jsxs67(Popover, { open, onOpenChange, children: [
+      /* @__PURE__ */ jsx100(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs67(
         "button",
         {
           ref,
@@ -6318,12 +6340,12 @@ var NotificationBell = React80.forwardRef(
             className
           ),
           children: [
-            /* @__PURE__ */ jsx98(BellRing, { className: "size-[18px]", "aria-hidden": "true" }),
-            unread > 0 && /* @__PURE__ */ jsx98("span", { className: "absolute -right-1.5 -top-1.5 flex size-[17px] items-center justify-center rounded-full bg-bg-brand text-xs font-bold leading-none text-text-on-brand ring-2 ring-bg-surface", children: unread })
+            /* @__PURE__ */ jsx100(BellRing, { className: "size-[18px]", "aria-hidden": "true" }),
+            unread > 0 && /* @__PURE__ */ jsx100("span", { className: "absolute -right-1.5 -top-1.5 flex size-[17px] items-center justify-center rounded-full bg-bg-brand text-xs font-bold leading-none text-text-on-brand ring-2 ring-bg-surface", children: unread })
           ]
         }
       ) }),
-      /* @__PURE__ */ jsxs65(
+      /* @__PURE__ */ jsxs67(
         PopoverContent,
         {
           align: "end",
@@ -6331,10 +6353,10 @@ var NotificationBell = React80.forwardRef(
           style: { maxHeight: "var(--radix-popover-content-available-height, 32rem)" },
           className: "flex w-[380px] flex-col overflow-hidden p-0",
           children: [
-            /* @__PURE__ */ jsxs65("div", { className: "flex shrink-0 items-center justify-between px-5 py-3", children: [
-              /* @__PURE__ */ jsx98("span", { className: "text-sm font-bold text-text-primary", children: "Notification center" }),
-              /* @__PURE__ */ jsxs65("div", { className: "flex items-center gap-3", children: [
-                unread === 0 ? /* @__PURE__ */ jsx98("span", { className: "text-sm font-medium text-text-tertiary", children: "All read" }) : /* @__PURE__ */ jsx98(
+            /* @__PURE__ */ jsxs67("div", { className: "flex shrink-0 items-center justify-between px-5 py-3", children: [
+              /* @__PURE__ */ jsx100("span", { className: "text-sm font-bold text-text-primary", children: "Notification center" }),
+              /* @__PURE__ */ jsxs67("div", { className: "flex items-center gap-3", children: [
+                unread === 0 ? /* @__PURE__ */ jsx100("span", { className: "text-sm font-medium text-text-tertiary", children: "All read" }) : /* @__PURE__ */ jsx100(
                   "button",
                   {
                     type: "button",
@@ -6343,19 +6365,19 @@ var NotificationBell = React80.forwardRef(
                     children: "Mark all read"
                   }
                 ),
-                onOpenSettings && /* @__PURE__ */ jsx98(
+                onOpenSettings && /* @__PURE__ */ jsx100(
                   "button",
                   {
                     type: "button",
                     "aria-label": "Notification settings",
                     onClick: () => onOpenSettings(),
                     className: "flex size-6 items-center justify-center rounded-md text-text-tertiary transition-colors hover:bg-bg-surface hover:text-text-primary",
-                    children: /* @__PURE__ */ jsx98(Settings, { className: "size-[15px]", "aria-hidden": "true" })
+                    children: /* @__PURE__ */ jsx100(Settings, { className: "size-[15px]", "aria-hidden": "true" })
                   }
                 )
               ] })
             ] }),
-            /* @__PURE__ */ jsx98("div", { className: "min-h-0 flex-1 space-y-1.5 overflow-y-auto px-2 pb-2", children: rows.length === 0 ? /* @__PURE__ */ jsx98("p", { className: "px-3 py-12 text-center text-xs leading-relaxed text-text-tertiary", children: "Nothing yet. Everything addressed to you lands here." }) : rows.map((item) => /* @__PURE__ */ jsx98(
+            /* @__PURE__ */ jsx100("div", { className: "min-h-0 flex-1 space-y-1.5 overflow-y-auto px-2 pb-2", children: rows.length === 0 ? /* @__PURE__ */ jsx100("p", { className: "px-3 py-12 text-center text-xs leading-relaxed text-text-tertiary", children: "Nothing yet. Everything addressed to you lands here." }) : rows.map((item) => /* @__PURE__ */ jsx100(
               NotificationRow,
               {
                 item,
@@ -6366,8 +6388,8 @@ var NotificationBell = React80.forwardRef(
               },
               item.id
             )) }),
-            footer != null && /* @__PURE__ */ jsx98("div", { className: "shrink-0 px-5 py-2.5 text-xs text-text-tertiary", children: footer }),
-            items.length > 0 && onOpenArchive && /* @__PURE__ */ jsx98(
+            footer != null && /* @__PURE__ */ jsx100("div", { className: "shrink-0 px-5 py-2.5 text-xs text-text-tertiary", children: footer }),
+            items.length > 0 && onOpenArchive && /* @__PURE__ */ jsx100(
               "button",
               {
                 type: "button",
@@ -6385,9 +6407,9 @@ var NotificationBell = React80.forwardRef(
 NotificationBell.displayName = "NotificationBell";
 
 // src/components/notification-center.tsx
-import * as React81 from "react";
+import * as React83 from "react";
 import { Check as Check11, Search as Search2 } from "lucide-react";
-import { jsx as jsx99, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx101, jsxs as jsxs68 } from "react/jsx-runtime";
 var chipBase = "rounded-lg px-3 py-1.5 text-sm font-medium transition-colors";
 var chipOn = "bg-bg-brand-subtle text-text-brand";
 var chipOff = "bg-bg-elevated text-text-secondary hover:text-text-primary";
@@ -6402,12 +6424,12 @@ function CenterRow({
   const markable = Boolean(onMarkRead) && unread && item.cls !== "ephemeral";
   const stamp = item.createdAt ? item.createdAt instanceof Date ? item.createdAt : new Date(item.createdAt) : null;
   const age = stamp ? formatAge(stamp) : null;
-  return /* @__PURE__ */ jsxs66("article", { className: "group rounded-lg bg-bg-elevated px-4 py-3", children: [
-    /* @__PURE__ */ jsxs66("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx99("span", { className: "text-xs font-semibold uppercase tracking-[0.09em] text-text-secondary", children: item.source }),
-      /* @__PURE__ */ jsx99(Badge, { variant: severityBadgeVariant(item.severity), children: severityLabels[item.severity] }),
-      (age || markable) && /* @__PURE__ */ jsxs66("div", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: [
-        stamp && age && /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsxs68("article", { className: "group rounded-lg bg-bg-elevated px-4 py-3", children: [
+    /* @__PURE__ */ jsxs68("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx101("span", { className: "text-xs font-semibold uppercase tracking-[0.09em] text-text-secondary", children: item.source }),
+      /* @__PURE__ */ jsx101(Badge, { variant: severityBadgeVariant(item.severity), children: severityLabels[item.severity] }),
+      (age || markable) && /* @__PURE__ */ jsxs68("div", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: [
+        stamp && age && /* @__PURE__ */ jsx101(
           "time",
           {
             dateTime: toDateTimeAttribute(stamp),
@@ -6415,10 +6437,10 @@ function CenterRow({
             children: age
           }
         ),
-        markable && /* @__PURE__ */ jsx99(MarkReadButton, { title: item.title, onClick: () => onMarkRead(item.id) })
+        markable && /* @__PURE__ */ jsx101(MarkReadButton, { title: item.title, onClick: () => onMarkRead(item.id) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx99(
+    /* @__PURE__ */ jsx101(
       "button",
       {
         type: "button",
@@ -6430,13 +6452,13 @@ function CenterRow({
         children: item.title
       }
     ),
-    item.body && /* @__PURE__ */ jsx99("p", { className: "mt-0.5 text-sm leading-snug text-text-secondary", children: item.body }),
-    (item.receipt || item.deepLink) && /* @__PURE__ */ jsxs66("div", { className: "mt-2 flex flex-wrap items-center gap-x-4 gap-y-1.5", children: [
-      item.receipt && /* @__PURE__ */ jsxs66("span", { className: "inline-flex items-center gap-1.5 text-sm text-text-tertiary", children: [
-        /* @__PURE__ */ jsx99(Check11, { className: "size-3 shrink-0 text-text-success", "aria-hidden": "true" }),
+    item.body && /* @__PURE__ */ jsx101("p", { className: "mt-0.5 text-sm leading-snug text-text-secondary", children: item.body }),
+    (item.receipt || item.deepLink) && /* @__PURE__ */ jsxs68("div", { className: "mt-2 flex flex-wrap items-center gap-x-4 gap-y-1.5", children: [
+      item.receipt && /* @__PURE__ */ jsxs68("span", { className: "inline-flex items-center gap-1.5 text-sm text-text-tertiary", children: [
+        /* @__PURE__ */ jsx101(Check11, { className: "size-3 shrink-0 text-text-success", "aria-hidden": "true" }),
         item.receipt
       ] }),
-      item.deepLink && /* @__PURE__ */ jsx99(
+      item.deepLink && /* @__PURE__ */ jsx101(
         DeepLinkControl,
         {
           link: item.deepLink,
@@ -6451,7 +6473,7 @@ function CenterRow({
     ] })
   ] });
 }
-var NotificationCenter = React81.forwardRef(
+var NotificationCenter = React83.forwardRef(
   ({
     items,
     header = true,
@@ -6468,16 +6490,16 @@ var NotificationCenter = React81.forwardRef(
     formatAge,
     className
   }, ref) => {
-    const [status, setStatus] = React81.useState("all");
-    const [source, setSource] = React81.useState("all");
-    const [product, setProduct] = React81.useState("all");
-    const [query, setQuery] = React81.useState("");
-    const [limit, setLimit] = React81.useState(pageSize);
-    const age = React81.useCallback(
+    const [status, setStatus] = React83.useState("all");
+    const [source, setSource] = React83.useState("all");
+    const [product, setProduct] = React83.useState("all");
+    const [query, setQuery] = React83.useState("");
+    const [limit, setLimit] = React83.useState(pageSize);
+    const age = React83.useCallback(
       (createdAt) => formatAge ? formatAge(createdAt) : formatRelativeAge(createdAt),
       [formatAge]
     );
-    const sourceChips = React81.useMemo(
+    const sourceChips = React83.useMemo(
       () => sources ?? Array.from(new Set(items.map((n) => n.source))),
       [sources, items]
     );
@@ -6488,13 +6510,13 @@ var NotificationCenter = React81.forwardRef(
     const shown = matched.slice(0, limit);
     const remaining = matched.length - shown.length;
     const filtering = q !== "" || status !== "all" || source !== "all" || product !== "all";
-    return /* @__PURE__ */ jsxs66("div", { ref, className: cn("mx-auto max-w-[560px]", className), children: [
-      (header || onMarkAllRead) && /* @__PURE__ */ jsxs66("div", { className: cn("mb-4 flex items-start gap-4", !header && "justify-end"), children: [
-        header && /* @__PURE__ */ jsxs66("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx99("h1", { className: "mb-1.5 text-2xl font-semibold tracking-tight text-text-primary", children: title }),
-          description && /* @__PURE__ */ jsx99("p", { className: "text-sm text-text-tertiary", children: description })
+    return /* @__PURE__ */ jsxs68("div", { ref, className: cn("mx-auto max-w-[560px]", className), children: [
+      (header || onMarkAllRead) && /* @__PURE__ */ jsxs68("div", { className: cn("mb-4 flex items-start gap-4", !header && "justify-end"), children: [
+        header && /* @__PURE__ */ jsxs68("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx101("h1", { className: "mb-1.5 text-2xl font-semibold tracking-tight text-text-primary", children: title }),
+          description && /* @__PURE__ */ jsx101("p", { className: "text-sm text-text-tertiary", children: description })
         ] }),
-        onMarkAllRead && /* @__PURE__ */ jsx99(
+        onMarkAllRead && /* @__PURE__ */ jsx101(
           "button",
           {
             type: "button",
@@ -6504,9 +6526,9 @@ var NotificationCenter = React81.forwardRef(
           }
         )
       ] }),
-      searchable && /* @__PURE__ */ jsxs66("div", { className: "mb-3 flex items-center gap-2 rounded-lg bg-bg-elevated px-3 py-2", children: [
-        /* @__PURE__ */ jsx99(Search2, { className: "size-4 shrink-0 text-text-tertiary", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx99(
+      searchable && /* @__PURE__ */ jsxs68("div", { className: "mb-3 flex items-center gap-2 rounded-lg bg-bg-elevated px-3 py-2", children: [
+        /* @__PURE__ */ jsx101(Search2, { className: "size-4 shrink-0 text-text-tertiary", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx101(
           "input",
           {
             type: "text",
@@ -6517,8 +6539,8 @@ var NotificationCenter = React81.forwardRef(
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs66("div", { className: "mb-2 flex flex-wrap gap-1.5", children: [
-        /* @__PURE__ */ jsx99(
+      /* @__PURE__ */ jsxs68("div", { className: "mb-2 flex flex-wrap gap-1.5", children: [
+        /* @__PURE__ */ jsx101(
           "button",
           {
             type: "button",
@@ -6527,7 +6549,7 @@ var NotificationCenter = React81.forwardRef(
             children: "All"
           }
         ),
-        /* @__PURE__ */ jsx99(
+        /* @__PURE__ */ jsx101(
           "button",
           {
             type: "button",
@@ -6537,8 +6559,8 @@ var NotificationCenter = React81.forwardRef(
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs66("div", { className: "mb-2 flex flex-wrap gap-1.5", children: [
-        /* @__PURE__ */ jsx99(
+      /* @__PURE__ */ jsxs68("div", { className: "mb-2 flex flex-wrap gap-1.5", children: [
+        /* @__PURE__ */ jsx101(
           "button",
           {
             type: "button",
@@ -6547,7 +6569,7 @@ var NotificationCenter = React81.forwardRef(
             children: "All sources"
           }
         ),
-        sourceChips.map((s) => /* @__PURE__ */ jsx99(
+        sourceChips.map((s) => /* @__PURE__ */ jsx101(
           "button",
           {
             type: "button",
@@ -6558,8 +6580,8 @@ var NotificationCenter = React81.forwardRef(
           s
         ))
       ] }),
-      products && products.length > 0 && /* @__PURE__ */ jsxs66("div", { className: "mb-4 flex flex-wrap gap-1.5", children: [
-        /* @__PURE__ */ jsx99(
+      products && products.length > 0 && /* @__PURE__ */ jsxs68("div", { className: "mb-4 flex flex-wrap gap-1.5", children: [
+        /* @__PURE__ */ jsx101(
           "button",
           {
             type: "button",
@@ -6568,7 +6590,7 @@ var NotificationCenter = React81.forwardRef(
             children: "All products"
           }
         ),
-        products.map((p) => /* @__PURE__ */ jsx99(
+        products.map((p) => /* @__PURE__ */ jsx101(
           "button",
           {
             type: "button",
@@ -6579,8 +6601,8 @@ var NotificationCenter = React81.forwardRef(
           p.id
         ))
       ] }),
-      shown.length === 0 ? /* @__PURE__ */ jsx99("p", { className: "rounded-xl bg-bg-elevated px-4 py-10 text-center text-sm leading-relaxed text-text-tertiary", children: filtering ? "Nothing matches." : "Nothing here yet. Everything addressed to you lands here." }) : /* @__PURE__ */ jsxs66("div", { className: "flex flex-col gap-1.5", children: [
-        shown.map((item) => /* @__PURE__ */ jsx99(
+      shown.length === 0 ? /* @__PURE__ */ jsx101("p", { className: "rounded-xl bg-bg-elevated px-4 py-10 text-center text-sm leading-relaxed text-text-tertiary", children: filtering ? "Nothing matches." : "Nothing here yet. Everything addressed to you lands here." }) : /* @__PURE__ */ jsxs68("div", { className: "flex flex-col gap-1.5", children: [
+        shown.map((item) => /* @__PURE__ */ jsx101(
           CenterRow,
           {
             item,
@@ -6591,7 +6613,7 @@ var NotificationCenter = React81.forwardRef(
           },
           item.id
         )),
-        remaining > 0 && /* @__PURE__ */ jsxs66(
+        remaining > 0 && /* @__PURE__ */ jsxs68(
           "button",
           {
             type: "button",
@@ -6611,9 +6633,9 @@ var NotificationCenter = React81.forwardRef(
 NotificationCenter.displayName = "NotificationCenter";
 
 // src/components/notification-settings.tsx
-import * as React82 from "react";
+import * as React84 from "react";
 import { Moon as Moon2, Plus as Plus3, Volume2 } from "lucide-react";
-import { Fragment as Fragment14, jsx as jsx100, jsxs as jsxs67 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx102, jsxs as jsxs69 } from "react/jsx-runtime";
 var THRESHOLDS = [
   ["everything", "Everything"],
   ["important", "Important"],
@@ -6625,13 +6647,13 @@ function ThresholdControl({
   value,
   onChange
 }) {
-  return /* @__PURE__ */ jsx100(
+  return /* @__PURE__ */ jsx102(
     "span",
     {
       role: "group",
       "aria-label": `Interrupt me for ${label}`,
       className: "inline-flex shrink-0 rounded-lg border border-border-subtle bg-transparent p-0.5",
-      children: THRESHOLDS.map(([threshold, text]) => /* @__PURE__ */ jsx100(
+      children: THRESHOLDS.map(([threshold, text]) => /* @__PURE__ */ jsx102(
         "button",
         {
           type: "button",
@@ -6648,7 +6670,7 @@ function ThresholdControl({
     }
   );
 }
-var NotificationSettings = React82.forwardRef(
+var NotificationSettings = React84.forwardRef(
   ({
     subscriptions,
     value,
@@ -6661,7 +6683,7 @@ var NotificationSettings = React82.forwardRef(
     pushSlot,
     className
   }, ref) => {
-    const [tab, setTab] = React82.useState(DEFAULT_KEY);
+    const [tab, setTab] = React84.useState(DEFAULT_KEY);
     const isDefault = tab === DEFAULT_KEY;
     const defaults = value[DEFAULT_KEY] ?? { thresholds: {} };
     const customized = !isDefault && Object.prototype.hasOwnProperty.call(value, tab);
@@ -6681,15 +6703,15 @@ var NotificationSettings = React82.forwardRef(
     const scopeGroup = (scope) => {
       const rows = subscriptions.filter((s) => s.scope === scope);
       if (rows.length === 0) return null;
-      return /* @__PURE__ */ jsxs67("div", { children: [
-        /* @__PURE__ */ jsx100("p", { className: "mb-1.5 px-0.5 text-xs font-bold uppercase tracking-wider text-text-tertiary", children: scope === "product" ? "This product" : "Organization" }),
-        /* @__PURE__ */ jsx100("div", { className: "space-y-2", children: rows.map((sub) => /* @__PURE__ */ jsxs67(
+      return /* @__PURE__ */ jsxs69("div", { children: [
+        /* @__PURE__ */ jsx102("p", { className: "mb-1.5 px-0.5 text-xs font-bold uppercase tracking-wider text-text-tertiary", children: scope === "product" ? "This product" : "Organization" }),
+        /* @__PURE__ */ jsx102("div", { className: "space-y-2", children: rows.map((sub) => /* @__PURE__ */ jsxs69(
           "div",
           {
             className: "flex items-center gap-4 rounded-xl bg-bg-elevated px-4 py-3",
             children: [
-              /* @__PURE__ */ jsx100("p", { className: "min-w-0 flex-1 text-sm font-semibold text-text-primary", children: sub.name }),
-              /* @__PURE__ */ jsx100(
+              /* @__PURE__ */ jsx102("p", { className: "min-w-0 flex-1 text-sm font-semibold text-text-primary", children: sub.name }),
+              /* @__PURE__ */ jsx102(
                 ThresholdControl,
                 {
                   label: sub.name,
@@ -6703,10 +6725,10 @@ var NotificationSettings = React82.forwardRef(
         )) })
       ] }, scope);
     };
-    return /* @__PURE__ */ jsxs67("div", { ref, className: cn("space-y-5", className), children: [
-      products && products.length > 0 && /* @__PURE__ */ jsxs67("div", { children: [
-        /* @__PURE__ */ jsx100("p", { className: "mb-2 px-0.5 text-xs font-bold uppercase tracking-wider text-text-tertiary", children: "Preferences for" }),
-        /* @__PURE__ */ jsx100("div", { className: "flex flex-wrap gap-2", children: [{ id: DEFAULT_KEY, label: "Default" }, ...products].map((t) => /* @__PURE__ */ jsx100(
+    return /* @__PURE__ */ jsxs69("div", { ref, className: cn("space-y-5", className), children: [
+      products && products.length > 0 && /* @__PURE__ */ jsxs69("div", { children: [
+        /* @__PURE__ */ jsx102("p", { className: "mb-2 px-0.5 text-xs font-bold uppercase tracking-wider text-text-tertiary", children: "Preferences for" }),
+        /* @__PURE__ */ jsx102("div", { className: "flex flex-wrap gap-2", children: [{ id: DEFAULT_KEY, label: "Default" }, ...products].map((t) => /* @__PURE__ */ jsx102(
           "button",
           {
             type: "button",
@@ -6721,26 +6743,26 @@ var NotificationSettings = React82.forwardRef(
           t.id
         )) })
       ] }),
-      isDefault ? /* @__PURE__ */ jsxs67(Fragment14, { children: [
-        /* @__PURE__ */ jsx100("p", { className: "text-sm leading-relaxed text-text-secondary", children: "Your defaults, applied to every product unless you customize one. Everything addressed to you always lands in the in-app record; that cannot be turned off." }),
-        /* @__PURE__ */ jsxs67(Card, { className: "border-none bg-bg-elevated p-5", children: [
-          /* @__PURE__ */ jsx100("p", { className: "mb-1.5 text-xs font-bold uppercase tracking-wide text-text-tertiary", children: "Push to" }),
-          /* @__PURE__ */ jsx100("p", { className: "mb-3 text-sm leading-relaxed text-text-secondary", children: "Forward notifications beyond the in-app record to a connected integration." }),
-          pushSlot ?? /* @__PURE__ */ jsx100("div", { className: "rounded-lg bg-bg-surface px-4 py-6 text-center", children: /* @__PURE__ */ jsx100("p", { className: "text-sm text-text-tertiary", children: "No integrations connected." }) })
+      isDefault ? /* @__PURE__ */ jsxs69(Fragment14, { children: [
+        /* @__PURE__ */ jsx102("p", { className: "text-sm leading-relaxed text-text-secondary", children: "Your defaults, applied to every product unless you customize one. Everything addressed to you always lands in the in-app record; that cannot be turned off." }),
+        /* @__PURE__ */ jsxs69(Card, { className: "border-none bg-bg-elevated p-5", children: [
+          /* @__PURE__ */ jsx102("p", { className: "mb-1.5 text-xs font-bold uppercase tracking-wide text-text-tertiary", children: "Push to" }),
+          /* @__PURE__ */ jsx102("p", { className: "mb-3 text-sm leading-relaxed text-text-secondary", children: "Forward notifications beyond the in-app record to a connected integration." }),
+          pushSlot ?? /* @__PURE__ */ jsx102("div", { className: "rounded-lg bg-bg-surface px-4 py-6 text-center", children: /* @__PURE__ */ jsx102("p", { className: "text-sm text-text-tertiary", children: "No integrations connected." }) })
         ] }),
-        mutes.length > 0 && /* @__PURE__ */ jsxs67("div", { children: [
-          /* @__PURE__ */ jsx100("p", { className: "mb-1.5 px-0.5 text-xs font-bold uppercase tracking-wider text-text-tertiary", children: "Muted" }),
-          /* @__PURE__ */ jsx100(Card, { className: "border-none bg-bg-elevated p-2", children: mutes.map((m) => /* @__PURE__ */ jsxs67("div", { className: "flex items-center gap-3 rounded-lg px-3 py-2.5", children: [
-            /* @__PURE__ */ jsx100(Moon2, { className: "size-4 shrink-0 text-text-tertiary", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsxs67("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsx100("p", { className: "text-sm font-medium text-text-primary", children: m.source }),
-              /* @__PURE__ */ jsxs67("p", { className: "text-sm text-text-tertiary", children: [
+        mutes.length > 0 && /* @__PURE__ */ jsxs69("div", { children: [
+          /* @__PURE__ */ jsx102("p", { className: "mb-1.5 px-0.5 text-xs font-bold uppercase tracking-wider text-text-tertiary", children: "Muted" }),
+          /* @__PURE__ */ jsx102(Card, { className: "border-none bg-bg-elevated p-2", children: mutes.map((m) => /* @__PURE__ */ jsxs69("div", { className: "flex items-center gap-3 rounded-lg px-3 py-2.5", children: [
+            /* @__PURE__ */ jsx102(Moon2, { className: "size-4 shrink-0 text-text-tertiary", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsxs69("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx102("p", { className: "text-sm font-medium text-text-primary", children: m.source }),
+              /* @__PURE__ */ jsxs69("p", { className: "text-sm text-text-tertiary", children: [
                 "Muted \u2014 ",
                 m.label,
                 ". Critical still comes through."
               ] })
             ] }),
-            /* @__PURE__ */ jsx100(
+            /* @__PURE__ */ jsx102(
               "button",
               {
                 type: "button",
@@ -6753,13 +6775,13 @@ var NotificationSettings = React82.forwardRef(
         ] }),
         scopeGroup("product"),
         scopeGroup("org"),
-        onSoundEnabledChange && /* @__PURE__ */ jsx100(Card, { className: "border-none bg-bg-elevated p-4", children: /* @__PURE__ */ jsxs67("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx100(Volume2, { className: "size-4 text-text-tertiary", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsxs67("div", { className: "flex-1", children: [
-            /* @__PURE__ */ jsx100("p", { className: "text-sm font-medium text-text-primary", children: "Notification sound" }),
-            /* @__PURE__ */ jsx100("p", { className: "text-sm text-text-tertiary", children: "Play a tone when a notification arrives. Critical always chimes." })
+        onSoundEnabledChange && /* @__PURE__ */ jsx102(Card, { className: "border-none bg-bg-elevated p-4", children: /* @__PURE__ */ jsxs69("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx102(Volume2, { className: "size-4 text-text-tertiary", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxs69("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsx102("p", { className: "text-sm font-medium text-text-primary", children: "Notification sound" }),
+            /* @__PURE__ */ jsx102("p", { className: "text-sm text-text-tertiary", children: "Play a tone when a notification arrives. Critical always chimes." })
           ] }),
-          /* @__PURE__ */ jsx100(
+          /* @__PURE__ */ jsx102(
             Switch,
             {
               checked: soundEnabled ?? false,
@@ -6768,35 +6790,35 @@ var NotificationSettings = React82.forwardRef(
             }
           )
         ] }) })
-      ] }) : !customized ? /* @__PURE__ */ jsxs67(Card, { className: "border-none bg-bg-elevated p-8 text-center", children: [
-        /* @__PURE__ */ jsxs67("p", { className: "text-sm font-semibold text-text-primary", children: [
+      ] }) : !customized ? /* @__PURE__ */ jsxs69(Card, { className: "border-none bg-bg-elevated p-8 text-center", children: [
+        /* @__PURE__ */ jsxs69("p", { className: "text-sm font-semibold text-text-primary", children: [
           productLabel,
           " follows your Default preferences."
         ] }),
-        /* @__PURE__ */ jsx100("p", { className: "mx-auto mt-1.5 max-w-[360px] text-sm leading-relaxed text-text-tertiary", children: "Interrupt thresholds, sound and forwarding all come from Default. Opt in to give this product its own interrupt thresholds." }),
-        /* @__PURE__ */ jsxs67(
+        /* @__PURE__ */ jsx102("p", { className: "mx-auto mt-1.5 max-w-[360px] text-sm leading-relaxed text-text-tertiary", children: "Interrupt thresholds, sound and forwarding all come from Default. Opt in to give this product its own interrupt thresholds." }),
+        /* @__PURE__ */ jsxs69(
           "button",
           {
             type: "button",
             onClick: customize,
             className: "mt-5 inline-flex items-center gap-1.5 rounded-lg bg-bg-brand px-3.5 py-2 text-sm font-semibold text-text-on-brand transition-colors hover:bg-bg-brand-hover",
             children: [
-              /* @__PURE__ */ jsx100(Plus3, { className: "size-4", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx102(Plus3, { className: "size-4", "aria-hidden": "true" }),
               " Customize for ",
               productLabel
             ]
           }
         )
-      ] }) : /* @__PURE__ */ jsxs67(Fragment14, { children: [
-        /* @__PURE__ */ jsx100(Card, { className: "border-none bg-bg-brand-subtle p-3.5", children: /* @__PURE__ */ jsxs67("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsxs67("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsxs67("p", { className: "text-sm font-semibold text-text-brand", children: [
+      ] }) : /* @__PURE__ */ jsxs69(Fragment14, { children: [
+        /* @__PURE__ */ jsx102(Card, { className: "border-none bg-bg-brand-subtle p-3.5", children: /* @__PURE__ */ jsxs69("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxs69("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxs69("p", { className: "text-sm font-semibold text-text-brand", children: [
               "Custom preferences for ",
               productLabel
             ] }),
-            /* @__PURE__ */ jsx100("p", { className: "text-sm leading-relaxed text-text-secondary", children: "Only the interrupt thresholds below differ. Sound and forwarding follow Default." })
+            /* @__PURE__ */ jsx102("p", { className: "text-sm leading-relaxed text-text-secondary", children: "Only the interrupt thresholds below differ. Sound and forwarding follow Default." })
           ] }),
-          /* @__PURE__ */ jsx100(
+          /* @__PURE__ */ jsx102(
             "button",
             {
               type: "button",
@@ -6814,14 +6836,14 @@ var NotificationSettings = React82.forwardRef(
 NotificationSettings.displayName = "NotificationSettings";
 
 // src/components/notification-toast.tsx
-import * as React83 from "react";
+import * as React85 from "react";
 import { X as X5 } from "lucide-react";
-import { jsx as jsx101, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs70 } from "react/jsx-runtime";
 var chipBase2 = "rounded-lg px-2.5 py-1 text-sm font-medium transition-colors";
 var chipPrimary = "bg-bg-brand text-text-on-brand hover:bg-bg-brand-hover";
 var chipDestructive = "bg-bg-elevated text-text-danger hover:bg-bg-surface";
 var linkAction = "text-sm font-semibold text-text-brand transition-colors hover:text-text-primary";
-var NotificationToast = React83.forwardRef(
+var NotificationToast = React85.forwardRef(
   ({
     item,
     showSource = true,
@@ -6838,9 +6860,9 @@ var NotificationToast = React83.forwardRef(
     const actions = item.actions ?? [];
     const percent = progress === void 0 || !Number.isFinite(progress) ? void 0 : Math.min(100, Math.max(0, progress));
     const progressLine = progressLabel === void 0 && percent !== void 0 ? `live, ${Math.round(percent)}%` : progressLabel;
-    const barId = React83.useId();
+    const barId = React85.useId();
     const hasProgressLine = progressLine !== null && progressLine !== void 0;
-    return /* @__PURE__ */ jsxs68(
+    return /* @__PURE__ */ jsxs70(
       "div",
       {
         ref,
@@ -6851,24 +6873,24 @@ var NotificationToast = React83.forwardRef(
           className
         ),
         children: [
-          /* @__PURE__ */ jsxs68("div", { className: "flex items-center gap-2", children: [
-            showSource && /* @__PURE__ */ jsx101("span", { className: "text-xs font-semibold uppercase tracking-[0.09em] text-text-secondary", children: item.source }),
-            /* @__PURE__ */ jsx101(Badge, { variant: severityBadgeVariant(item.severity), children: severityLabels[item.severity] }),
-            (overflow || onDismiss) && /* @__PURE__ */ jsxs68("span", { className: "-mr-1 ml-auto flex shrink-0 items-center gap-1", children: [
+          /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-2", children: [
+            showSource && /* @__PURE__ */ jsx103("span", { className: "text-xs font-semibold uppercase tracking-[0.09em] text-text-secondary", children: item.source }),
+            /* @__PURE__ */ jsx103(Badge, { variant: severityBadgeVariant(item.severity), children: severityLabels[item.severity] }),
+            (overflow || onDismiss) && /* @__PURE__ */ jsxs70("span", { className: "-mr-1 ml-auto flex shrink-0 items-center gap-1", children: [
               overflow,
-              onDismiss && /* @__PURE__ */ jsx101(
+              onDismiss && /* @__PURE__ */ jsx103(
                 "button",
                 {
                   type: "button",
                   "aria-label": dismissLabel,
                   onClick: () => onDismiss(item),
                   className: "flex size-5 shrink-0 items-center justify-center rounded-md text-text-tertiary transition-colors hover:bg-bg-surface hover:text-text-primary",
-                  children: /* @__PURE__ */ jsx101(X5, { className: "size-3.5", "aria-hidden": "true" })
+                  children: /* @__PURE__ */ jsx103(X5, { className: "size-3.5", "aria-hidden": "true" })
                 }
               )
             ] })
           ] }),
-          onItemClick ? /* @__PURE__ */ jsx101(
+          onItemClick ? /* @__PURE__ */ jsx103(
             "button",
             {
               type: "button",
@@ -6876,15 +6898,15 @@ var NotificationToast = React83.forwardRef(
               className: "mt-1 block text-left text-sm font-semibold leading-snug text-text-primary underline-offset-2 hover:underline",
               children: item.title
             }
-          ) : /* @__PURE__ */ jsx101("p", { className: "mt-1 text-sm font-semibold leading-snug text-text-primary", children: item.title }),
-          item.body && /* @__PURE__ */ jsx101("p", { className: "mt-0.5 text-sm leading-snug text-text-secondary", children: item.body }),
-          note && /* @__PURE__ */ jsx101("p", { className: "mt-1.5 text-xs font-medium text-text-warning", children: note }),
+          ) : /* @__PURE__ */ jsx103("p", { className: "mt-1 text-sm font-semibold leading-snug text-text-primary", children: item.title }),
+          item.body && /* @__PURE__ */ jsx103("p", { className: "mt-0.5 text-sm leading-snug text-text-secondary", children: item.body }),
+          note && /* @__PURE__ */ jsx103("p", { className: "mt-1.5 text-xs font-medium text-text-warning", children: note }),
           percent !== void 0 && // The card is a `role="status"`, which implies `aria-atomic` — every tick of the bar would
           // otherwise re-announce the whole card. `aria-live="off"` on the subtree that moves is the
           // one cheap mitigation: the bar stays in the accessibility tree to be read on demand, it
           // just stops interrupting.
-          /* @__PURE__ */ jsxs68("div", { className: "mt-2", "aria-live": "off", children: [
-            /* @__PURE__ */ jsx101(
+          /* @__PURE__ */ jsxs70("div", { className: "mt-2", "aria-live": "off", children: [
+            /* @__PURE__ */ jsx103(
               Progress,
               {
                 value: percent,
@@ -6893,11 +6915,11 @@ var NotificationToast = React83.forwardRef(
                 "aria-label": hasProgressLine ? void 0 : "Progress"
               }
             ),
-            hasProgressLine && /* @__PURE__ */ jsx101("p", { id: barId, className: "mt-0.5 text-xs text-text-secondary", children: progressLine })
+            hasProgressLine && /* @__PURE__ */ jsx103("p", { id: barId, className: "mt-0.5 text-xs text-text-secondary", children: progressLine })
           ] }),
-          actions.length > 0 && /* @__PURE__ */ jsx101("div", { className: "mt-2.5 flex flex-wrap items-center gap-2", children: actions.map((action) => {
+          actions.length > 0 && /* @__PURE__ */ jsx103("div", { className: "mt-2.5 flex flex-wrap items-center gap-2", children: actions.map((action) => {
             const variant = action.variant ?? "link";
-            return /* @__PURE__ */ jsx101(
+            return /* @__PURE__ */ jsx103(
               "button",
               {
                 type: "button",
@@ -6916,15 +6938,15 @@ var NotificationToast = React83.forwardRef(
 NotificationToast.displayName = "NotificationToast";
 
 // src/components/notification-toaster.tsx
-import * as React84 from "react";
-import { jsx as jsx102 } from "react/jsx-runtime";
+import * as React86 from "react";
+import { jsx as jsx104 } from "react/jsx-runtime";
 var positions = {
   "bottom-right": "bottom-6 right-6 flex-col",
   "bottom-left": "bottom-6 left-6 flex-col",
   "top-right": "top-6 right-6 flex-col-reverse",
   "top-left": "top-6 left-6 flex-col-reverse"
 };
-var NotificationToaster = React84.forwardRef(
+var NotificationToaster = React86.forwardRef(
   ({
     items,
     dwell,
@@ -6941,15 +6963,15 @@ var NotificationToaster = React84.forwardRef(
     className
   }, ref) => {
     const shown = items.slice(0, max);
-    const [paused, setPaused] = React84.useState(false);
-    const onDismissRef = React84.useRef(onDismiss);
+    const [paused, setPaused] = React86.useState(false);
+    const onDismissRef = React86.useRef(onDismiss);
     onDismissRef.current = onDismiss;
     const fyiDwell = dwell?.fyi;
     const importantDwell = dwell?.important;
     const criticalDwell = dwell?.critical;
-    const remaining = React84.useRef(/* @__PURE__ */ new Map());
+    const remaining = React86.useRef(/* @__PURE__ */ new Map());
     const liveIds = shown.map((item) => `${item.id}:${item.severity}`).join(" ");
-    React84.useEffect(() => {
+    React86.useEffect(() => {
       const owedById = remaining.current;
       const dwellSeconds = {
         fyi: fyiDwell ?? TOAST_DWELL.fyi,
@@ -6990,7 +7012,7 @@ var NotificationToaster = React84.forwardRef(
       };
     }, [liveIds, paused, fyiDwell, importantDwell, criticalDwell]);
     if (shown.length === 0) return null;
-    return /* @__PURE__ */ jsx102(
+    return /* @__PURE__ */ jsx104(
       "div",
       {
         ref,
@@ -7003,7 +7025,7 @@ var NotificationToaster = React84.forwardRef(
           positions[position],
           className
         ),
-        children: shown.map((item, i) => /* @__PURE__ */ jsx102("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx102(
+        children: shown.map((item, i) => /* @__PURE__ */ jsx104("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx104(
           NotificationToast,
           {
             item,
@@ -7277,7 +7299,7 @@ var COUNTRY_OPTIONS = [
 ];
 
 // src/components/organization-onboarding-form.tsx
-import * as React85 from "react";
+import * as React87 from "react";
 
 // src/lib/auth-surface.ts
 var AUTH_FILLED_BUTTON = "flex h-[46px] w-full items-center justify-center gap-[11px] rounded-[10px] border border-transparent bg-text-primary px-[14px] text-[14.5px] font-semibold tracking-[-0.005em] text-bg-sunken transition-opacity hover:opacity-[0.92] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-text-brand active:translate-y-px disabled:cursor-not-allowed disabled:opacity-[0.55]";
@@ -7285,7 +7307,7 @@ var AUTH_QUIET_BUTTON = "flex h-[46px] w-full items-center justify-center gap-[1
 var AUTH_BUTTON_SHADOW = "var(--auth-btn-shadow)";
 
 // src/components/organization-onboarding-form.tsx
-import { jsx as jsx103, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs71 } from "react/jsx-runtime";
 var CONTROLLER_SHARE_PCT = 50;
 var MAX_BENEFICIAL_OWNERS = 50;
 var OWNERSHIP_CONFIRMATION_MESSAGE = "Please confirm the ownership details by ticking the box";
@@ -7320,22 +7342,22 @@ function OrganizationOnboardingForm({
   onCancel,
   className
 }) {
-  const [name, setName] = React85.useState(defaultValues?.name ?? "");
-  const [legalName, setLegalName] = React85.useState(defaultValues?.legal_name ?? "");
-  const [ownerName, setOwnerName] = React85.useState(defaultValues?.owner_name ?? "");
-  const [countryOfIncorporation, setCountryOfIncorporation] = React85.useState(
+  const [name, setName] = React87.useState(defaultValues?.name ?? "");
+  const [legalName, setLegalName] = React87.useState(defaultValues?.legal_name ?? "");
+  const [ownerName, setOwnerName] = React87.useState(defaultValues?.owner_name ?? "");
+  const [countryOfIncorporation, setCountryOfIncorporation] = React87.useState(
     defaultValues?.country_of_incorporation ?? ""
   );
-  const [residencyCountry, setResidencyCountry] = React85.useState(
+  const [residencyCountry, setResidencyCountry] = React87.useState(
     defaultValues?.residency_country ?? ""
   );
-  const [owners, setOwners] = React85.useState(
+  const [owners, setOwners] = React87.useState(
     () => initialRows(defaultValues?.beneficial_owners)
   );
-  const [ownershipConfirmed, setOwnershipConfirmed] = React85.useState(false);
-  const [confirmationAttempted, setConfirmationAttempted] = React85.useState(false);
-  const nextKeyRef = React85.useRef(owners.length);
-  const submittingRef = React85.useRef(false);
+  const [ownershipConfirmed, setOwnershipConfirmed] = React87.useState(false);
+  const [confirmationAttempted, setConfirmationAttempted] = React87.useState(false);
+  const nextKeyRef = React87.useRef(owners.length);
+  const submittingRef = React87.useRef(false);
   const trimmed = name.trim();
   const filledOwners = owners.filter((row) => !isRowBlank(row));
   const ownerShares = filledOwners.map((row) => parseShare(row.share));
@@ -7389,7 +7411,7 @@ function OrganizationOnboardingForm({
       ...needsOwnershipConfirmation ? { ownership_confirmed: ownershipConfirmed } : {}
     });
   };
-  React85.useEffect(() => {
+  React87.useEffect(() => {
     submittingRef.current = false;
   }, [
     name,
@@ -7402,12 +7424,12 @@ function OrganizationOnboardingForm({
     submitting,
     serverError
   ]);
-  const countryField = (params) => /* @__PURE__ */ jsxs69("div", { className: "space-y-1.5", children: [
-    /* @__PURE__ */ jsxs69(Label2, { htmlFor: params.id, children: [
+  const countryField = (params) => /* @__PURE__ */ jsxs71("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs71(Label2, { htmlFor: params.id, children: [
       params.label,
-      params.required && /* @__PURE__ */ jsx103("span", { className: "text-text-danger", children: " *" })
+      params.required && /* @__PURE__ */ jsx105("span", { className: "text-text-danger", children: " *" })
     ] }),
-    /* @__PURE__ */ jsx103(
+    /* @__PURE__ */ jsx105(
       Select,
       {
         id: params.id,
@@ -7420,10 +7442,10 @@ function OrganizationOnboardingForm({
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs69("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsxs69("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsx103(Label2, { htmlFor: "create-org-name", children: "Organization name" }),
-      /* @__PURE__ */ jsx103(
+  return /* @__PURE__ */ jsxs71("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxs71("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx105(Label2, { htmlFor: "create-org-name", children: "Organization name" }),
+      /* @__PURE__ */ jsx105(
         Input,
         {
           id: "create-org-name",
@@ -7434,9 +7456,9 @@ function OrganizationOnboardingForm({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs69("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsx103(Label2, { htmlFor: "create-org-legal-name", children: "Legal name" }),
-      /* @__PURE__ */ jsx103(
+    /* @__PURE__ */ jsxs71("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx105(Label2, { htmlFor: "create-org-legal-name", children: "Legal name" }),
+      /* @__PURE__ */ jsx105(
         Input,
         {
           id: "create-org-legal-name",
@@ -7447,9 +7469,9 @@ function OrganizationOnboardingForm({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs69("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsx103(Label2, { htmlFor: "create-org-owner-name", children: "Owner name" }),
-      /* @__PURE__ */ jsx103(
+    /* @__PURE__ */ jsxs71("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx105(Label2, { htmlFor: "create-org-owner-name", children: "Owner name" }),
+      /* @__PURE__ */ jsx105(
         Input,
         {
           id: "create-org-owner-name",
@@ -7474,10 +7496,10 @@ function OrganizationOnboardingForm({
       onChange: setResidencyCountry,
       required: false
     }),
-    /* @__PURE__ */ jsxs69("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs69("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx103(Label2, { children: "Beneficial owners" }),
-        /* @__PURE__ */ jsx103(
+    /* @__PURE__ */ jsxs71("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs71("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx105(Label2, { children: "Beneficial owners" }),
+        /* @__PURE__ */ jsx105(
           Button,
           {
             type: "button",
@@ -7490,16 +7512,16 @@ function OrganizationOnboardingForm({
           }
         )
       ] }),
-      owners.length === 0 && /* @__PURE__ */ jsx103("p", { className: "text-xs text-text-tertiary", children: "List the natural persons who ultimately own or control the organization." }),
-      owners.map((row) => /* @__PURE__ */ jsxs69(
+      owners.length === 0 && /* @__PURE__ */ jsx105("p", { className: "text-xs text-text-tertiary", children: "List the natural persons who ultimately own or control the organization." }),
+      owners.map((row) => /* @__PURE__ */ jsxs71(
         "div",
         {
           "data-testid": `beneficial-owner-row-${row.key}`,
           className: "flex items-end gap-2",
           children: [
-            /* @__PURE__ */ jsxs69("div", { className: "flex-1 space-y-1", children: [
-              /* @__PURE__ */ jsx103(Label2, { htmlFor: `bo-name-${row.key}`, className: "text-xs", children: "Name" }),
-              /* @__PURE__ */ jsx103(
+            /* @__PURE__ */ jsxs71("div", { className: "flex-1 space-y-1", children: [
+              /* @__PURE__ */ jsx105(Label2, { htmlFor: `bo-name-${row.key}`, className: "text-xs", children: "Name" }),
+              /* @__PURE__ */ jsx105(
                 Input,
                 {
                   id: `bo-name-${row.key}`,
@@ -7509,9 +7531,9 @@ function OrganizationOnboardingForm({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs69("div", { className: "w-40 space-y-1", children: [
-              /* @__PURE__ */ jsx103(Label2, { htmlFor: `bo-country-${row.key}`, className: "text-xs", children: "Country" }),
-              /* @__PURE__ */ jsx103(
+            /* @__PURE__ */ jsxs71("div", { className: "w-40 space-y-1", children: [
+              /* @__PURE__ */ jsx105(Label2, { htmlFor: `bo-country-${row.key}`, className: "text-xs", children: "Country" }),
+              /* @__PURE__ */ jsx105(
                 Select,
                 {
                   id: `bo-country-${row.key}`,
@@ -7524,9 +7546,9 @@ function OrganizationOnboardingForm({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs69("div", { className: "w-24 space-y-1", children: [
-              /* @__PURE__ */ jsx103(Label2, { htmlFor: `bo-share-${row.key}`, className: "text-xs", children: "Share %" }),
-              /* @__PURE__ */ jsx103(
+            /* @__PURE__ */ jsxs71("div", { className: "w-24 space-y-1", children: [
+              /* @__PURE__ */ jsx105(Label2, { htmlFor: `bo-share-${row.key}`, className: "text-xs", children: "Share %" }),
+              /* @__PURE__ */ jsx105(
                 Input,
                 {
                   id: `bo-share-${row.key}`,
@@ -7537,7 +7559,7 @@ function OrganizationOnboardingForm({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx103(
+            /* @__PURE__ */ jsx105(
               Button,
               {
                 type: "button",
@@ -7552,16 +7574,16 @@ function OrganizationOnboardingForm({
         },
         row.key
       )),
-      !ownersValid && /* @__PURE__ */ jsx103("p", { "data-testid": "beneficial-owners-error", className: "text-xs text-text-danger", children: "Every owner needs a name, a country and a share between 0 and 100." }),
-      shareSum > 100 && /* @__PURE__ */ jsxs69("p", { "data-testid": "beneficial-owners-sum-warning", className: "text-xs text-text-warning", children: [
+      !ownersValid && /* @__PURE__ */ jsx105("p", { "data-testid": "beneficial-owners-error", className: "text-xs text-text-danger", children: "Every owner needs a name, a country and a share between 0 and 100." }),
+      shareSum > 100 && /* @__PURE__ */ jsxs71("p", { "data-testid": "beneficial-owners-sum-warning", className: "text-xs text-text-warning", children: [
         "The listed shares add up to ",
         shareSum,
         "%, which is more than 100%."
       ] })
     ] }),
-    needsOwnershipConfirmation && /* @__PURE__ */ jsxs69("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsxs69("div", { className: "flex items-start gap-2", children: [
-        /* @__PURE__ */ jsx103(
+    needsOwnershipConfirmation && /* @__PURE__ */ jsxs71("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsxs71("div", { className: "flex items-start gap-2", children: [
+        /* @__PURE__ */ jsx105(
           Checkbox,
           {
             id: "create-org-ownership-confirmed",
@@ -7571,19 +7593,19 @@ function OrganizationOnboardingForm({
             onCheckedChange: (value) => setOwnershipConfirmed(value === true)
           }
         ),
-        /* @__PURE__ */ jsxs69(
+        /* @__PURE__ */ jsxs71(
           Label2,
           {
             htmlFor: "create-org-ownership-confirmed",
             className: "text-xs font-regular leading-snug",
             children: [
               "I confirm the ownership structure above is complete and correct",
-              /* @__PURE__ */ jsx103("span", { className: "text-text-danger", children: " *" })
+              /* @__PURE__ */ jsx105("span", { className: "text-text-danger", children: " *" })
             ]
           }
         )
       ] }),
-      showConfirmationError && /* @__PURE__ */ jsx103(
+      showConfirmationError && /* @__PURE__ */ jsx105(
         "p",
         {
           id: "create-org-ownership-error",
@@ -7593,12 +7615,12 @@ function OrganizationOnboardingForm({
         }
       )
     ] }),
-    (serverError || otherViolations.length > 0) && /* @__PURE__ */ jsxs69(InlineError, { children: [
+    (serverError || otherViolations.length > 0) && /* @__PURE__ */ jsxs71(InlineError, { children: [
       serverError,
-      otherViolations.length > 0 && /* @__PURE__ */ jsx103("ul", { "data-testid": "create-org-violations", className: "mt-1 list-disc pl-4", children: otherViolations.map((violation) => /* @__PURE__ */ jsx103("li", { children: violation }, violation)) })
+      otherViolations.length > 0 && /* @__PURE__ */ jsx105("ul", { "data-testid": "create-org-violations", className: "mt-1 list-disc pl-4", children: otherViolations.map((violation) => /* @__PURE__ */ jsx105("li", { children: violation }, violation)) })
     ] }),
-    /* @__PURE__ */ jsxs69("div", { className: "space-y-2 pt-1", children: [
-      /* @__PURE__ */ jsx103(
+    /* @__PURE__ */ jsxs71("div", { className: "space-y-2 pt-1", children: [
+      /* @__PURE__ */ jsx105(
         "button",
         {
           type: "submit",
@@ -7609,14 +7631,14 @@ function OrganizationOnboardingForm({
           children: submitting ? "Creating\u2026" : submitLabel
         }
       ),
-      onCancel && /* @__PURE__ */ jsx103("button", { type: "button", onClick: onCancel, className: AUTH_QUIET_BUTTON, children: "Cancel" })
+      onCancel && /* @__PURE__ */ jsx105("button", { type: "button", onClick: onCancel, className: AUTH_QUIET_BUTTON, children: "Cancel" })
     ] })
   ] });
 }
 
 // src/components/list-columns.tsx
-import * as React86 from "react";
-import { jsx as jsx104, jsxs as jsxs70 } from "react/jsx-runtime";
+import * as React88 from "react";
+import { jsx as jsx106, jsxs as jsxs72 } from "react/jsx-runtime";
 var CELL_WIDTH = { 20: "w-20", 24: "w-24", 28: "w-28", 32: "w-32" };
 var headerClass = "flex items-center gap-3 border-b border-border-subtle bg-bg-secondary px-4 py-1.5 text-xs text-text-tertiary";
 var cellsClass = "flex shrink-0 items-center gap-3";
@@ -7634,13 +7656,13 @@ function warnDuplicateKeys(columns, where) {
     seen.add(c.key);
   }
 }
-var ListHeader = React86.forwardRef(function ListHeader2({ lead, columns, mark = true, trailing = true, className, ...props }, ref) {
+var ListHeader = React88.forwardRef(function ListHeader2({ lead, columns, mark = true, trailing = true, className, ...props }, ref) {
   warnDuplicateKeys(columns, "ListHeader");
-  return /* @__PURE__ */ jsxs70("div", { ref, className: cn(headerClass, className), ...props, children: [
-    mark && /* @__PURE__ */ jsx104("span", { className: "size-8 shrink-0", "aria-hidden": true }),
-    /* @__PURE__ */ jsx104("span", { className: "min-w-0 flex-1 truncate", children: lead }),
-    /* @__PURE__ */ jsx104("span", { className: cellsClass, children: columns.map((c) => /* @__PURE__ */ jsx104("span", { className: cn(CELL_WIDTH[c.width], cellClass), children: c.label }, c.key)) }),
-    trailing && /* @__PURE__ */ jsx104("span", { className: "size-4 shrink-0", "aria-hidden": true })
+  return /* @__PURE__ */ jsxs72("div", { ref, className: cn(headerClass, className), ...props, children: [
+    mark && /* @__PURE__ */ jsx106("span", { className: "size-8 shrink-0", "aria-hidden": true }),
+    /* @__PURE__ */ jsx106("span", { className: "min-w-0 flex-1 truncate", children: lead }),
+    /* @__PURE__ */ jsx106("span", { className: cellsClass, children: columns.map((c) => /* @__PURE__ */ jsx106("span", { className: cn(CELL_WIDTH[c.width], cellClass), children: c.label }, c.key)) }),
+    trailing && /* @__PURE__ */ jsx106("span", { className: "size-4 shrink-0", "aria-hidden": true })
   ] });
 });
 function cellValue(values, column) {
@@ -7648,9 +7670,9 @@ function cellValue(values, column) {
   const value = values[column.key];
   return value === void 0 || value === null || value === "" ? column.fallback : value;
 }
-var ListCells = React86.forwardRef(function ListCells2({ columns, values, className, ...props }, ref) {
+var ListCells = React88.forwardRef(function ListCells2({ columns, values, className, ...props }, ref) {
   warnDuplicateKeys(columns, "ListCells");
-  return /* @__PURE__ */ jsx104("span", { ref, className: cn(cellsClass, className), ...props, children: columns.map((c) => /* @__PURE__ */ jsx104(
+  return /* @__PURE__ */ jsx106("span", { ref, className: cn(cellsClass, className), ...props, children: columns.map((c) => /* @__PURE__ */ jsx106(
     "span",
     {
       className: cn(CELL_WIDTH[c.width], cellClass, c.quiet && "text-text-tertiary"),
@@ -7663,9 +7685,9 @@ ListHeader.displayName = "ListHeader";
 ListCells.displayName = "ListCells";
 
 // src/components/theme-picker.tsx
-import * as React87 from "react";
+import * as React89 from "react";
 import { Check as Check12, Monitor as Monitor2 } from "lucide-react";
-import { jsx as jsx105, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx107, jsxs as jsxs73 } from "react/jsx-runtime";
 var THEME_SWATCHES = {
   //        --bg-surface  --bg-sunken   --bg-overlay  --border-default  --text-tertiary
   light: { canvas: "#f2f3f4", rail: "#e1e2e4", body: "#ffffff", quiet: "#bbbec7", strong: "#535a6e" },
@@ -7679,13 +7701,13 @@ var OPTIONS = [
   { value: "system", label: "Auto", name: "Auto, follows your device theme" }
 ];
 function Panels({ palette }) {
-  return /* @__PURE__ */ jsxs71("span", { className: "flex h-full gap-1.5 p-1.5", style: { background: palette.canvas }, children: [
-    /* @__PURE__ */ jsx105(
+  return /* @__PURE__ */ jsxs73("span", { className: "flex h-full gap-1.5 p-1.5", style: { background: palette.canvas }, children: [
+    /* @__PURE__ */ jsx107(
       "span",
       {
         className: "flex flex-col gap-1.5 p-1.5",
         style: { width: "28%", borderRadius: 5, background: palette.rail },
-        children: RAIL_BARS.map((w, i) => /* @__PURE__ */ jsx105(
+        children: RAIL_BARS.map((w, i) => /* @__PURE__ */ jsx107(
           "span",
           {
             className: "rounded-full",
@@ -7695,12 +7717,12 @@ function Panels({ palette }) {
         ))
       }
     ),
-    /* @__PURE__ */ jsx105(
+    /* @__PURE__ */ jsx107(
       "span",
       {
         className: "flex flex-1 flex-col gap-1.5 border p-2",
         style: { borderRadius: 5, background: palette.body, borderColor: palette.quiet },
-        children: BODY_BARS.map((w, i) => /* @__PURE__ */ jsx105(
+        children: BODY_BARS.map((w, i) => /* @__PURE__ */ jsx107(
           "span",
           {
             className: "rounded-full",
@@ -7716,13 +7738,13 @@ var autoPlateClass = "flex h-full items-center justify-center bg-bg-secondary";
 var previewClass = "block h-28 overflow-hidden rounded-lg border border-border-default";
 var cardClass = "grid gap-2 rounded-lg p-1.5 text-left transition-colors hover:bg-bg-elevated focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus";
 var TRACK = { gridTemplateColumns: "repeat(auto-fit, minmax(8rem, 1fr))" };
-var Picker = React87.forwardRef(function Picker2({ value, onValueChange, className, ...props }, ref) {
-  return /* @__PURE__ */ jsx105("div", { role: "group", "aria-label": "Theme", ...props, ref, className: cn("grid gap-4", className), style: { ...TRACK, ...props.style }, children: OPTIONS.map((o) => {
+var Picker = React89.forwardRef(function Picker2({ value, onValueChange, className, ...props }, ref) {
+  return /* @__PURE__ */ jsx107("div", { role: "group", "aria-label": "Theme", ...props, ref, className: cn("grid gap-4", className), style: { ...TRACK, ...props.style }, children: OPTIONS.map((o) => {
     const selected = o.value === value;
     return (
       // Not a `Button` (Guidelines/When it isn't a Button): the preview is the control, and
       // `aria-pressed` is what says which one is on.
-      /* @__PURE__ */ jsxs71(
+      /* @__PURE__ */ jsxs73(
         "button",
         {
           type: "button",
@@ -7731,8 +7753,8 @@ var Picker = React87.forwardRef(function Picker2({ value, onValueChange, classNa
           onClick: () => onValueChange(o.value),
           className: cardClass,
           children: [
-            /* @__PURE__ */ jsx105("span", { className: cn(previewClass, selected && "ring-2 ring-border-strong"), "aria-hidden": true, children: o.value === "system" ? /* @__PURE__ */ jsx105("span", { className: autoPlateClass, children: /* @__PURE__ */ jsx105(Monitor2, { className: "size-8 text-text-tertiary" }) }) : /* @__PURE__ */ jsx105(Panels, { palette: THEME_SWATCHES[o.value] }) }),
-            /* @__PURE__ */ jsxs71(
+            /* @__PURE__ */ jsx107("span", { className: cn(previewClass, selected && "ring-2 ring-border-strong"), "aria-hidden": true, children: o.value === "system" ? /* @__PURE__ */ jsx107("span", { className: autoPlateClass, children: /* @__PURE__ */ jsx107(Monitor2, { className: "size-8 text-text-tertiary" }) }) : /* @__PURE__ */ jsx107(Panels, { palette: THEME_SWATCHES[o.value] }) }),
+            /* @__PURE__ */ jsxs73(
               "span",
               {
                 className: cn(
@@ -7740,7 +7762,7 @@ var Picker = React87.forwardRef(function Picker2({ value, onValueChange, classNa
                   selected ? "font-semibold text-text-primary" : "text-text-secondary"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx105(Check12, { className: cn("size-4 shrink-0", !selected && "invisible"), "aria-hidden": true }),
+                  /* @__PURE__ */ jsx107(Check12, { className: cn("size-4 shrink-0", !selected && "invisible"), "aria-hidden": true }),
                   o.label
                 ]
               }
@@ -7752,9 +7774,9 @@ var Picker = React87.forwardRef(function Picker2({ value, onValueChange, classNa
     );
   }) });
 });
-var WiredPicker = React87.forwardRef(function WiredPicker2({ onValueChange, ...props }, ref) {
+var WiredPicker = React89.forwardRef(function WiredPicker2({ onValueChange, ...props }, ref) {
   const { theme, setTheme } = useTheme();
-  return /* @__PURE__ */ jsx105(
+  return /* @__PURE__ */ jsx107(
     Picker,
     {
       ...props,
@@ -7767,22 +7789,22 @@ var WiredPicker = React87.forwardRef(function WiredPicker2({ onValueChange, ...p
     }
   );
 });
-var ThemePicker = React87.forwardRef(function ThemePicker2({ value, onValueChange, ...props }, ref) {
-  const controlled = React87.useRef(value !== void 0);
+var ThemePicker = React89.forwardRef(function ThemePicker2({ value, onValueChange, ...props }, ref) {
+  const controlled = React89.useRef(value !== void 0);
   if (process.env.NODE_ENV !== "production" && controlled.current !== (value !== void 0)) {
     console.warn(
       "[ThemePicker] `value` went from " + (controlled.current ? "set to missing" : "missing to set") + " after mount. The picker stays " + (controlled.current ? "controlled" : "wired to the console theme") + " for its whole life: render it once its value is known, or leave `value` off entirely."
     );
   }
-  return controlled.current ? /* @__PURE__ */ jsx105(Picker, { ...props, ref, value: value ?? "system", onValueChange: onValueChange ?? (() => {
-  }) }) : /* @__PURE__ */ jsx105(WiredPicker, { ...props, ref, onValueChange });
+  return controlled.current ? /* @__PURE__ */ jsx107(Picker, { ...props, ref, value: value ?? "system", onValueChange: onValueChange ?? (() => {
+  }) }) : /* @__PURE__ */ jsx107(WiredPicker, { ...props, ref, onValueChange });
 });
 ThemePicker.displayName = "ThemePicker";
 
 // src/components/secret-reveal.tsx
-import * as React88 from "react";
+import * as React90 from "react";
 import { Copy as Copy2, Download } from "lucide-react";
-import { jsx as jsx106, jsxs as jsxs72 } from "react/jsx-runtime";
+import { jsx as jsx108, jsxs as jsxs74 } from "react/jsx-runtime";
 var asText = (value) => Array.isArray(value) ? value.join("\n") : value;
 var REVEALED = "A secret is on screen and will not be shown again.";
 var REFUSED = "The browser refused the clipboard. Select the value to copy it.";
@@ -7790,15 +7812,15 @@ function SecretValue({ value }) {
   if (Array.isArray(value)) {
     const half = Math.ceil(value.length / 2);
     const columns = [value.slice(0, half), value.slice(half)].filter((column) => column.length > 0);
-    return /* @__PURE__ */ jsx106("div", { className: "flex w-fit gap-x-12", children: columns.map((column, index) => (
+    return /* @__PURE__ */ jsx108("div", { className: "flex w-fit gap-x-12", children: columns.map((column, index) => (
       // Neither the columns nor the values inside one are ever reordered, and two identical
       // values in a list are legal, so the index is the key and the value is not.
-      /* @__PURE__ */ jsx106("div", { className: "grid gap-y-1.5", children: column.map((line, row) => /* @__PURE__ */ jsx106("code", { className: "font-mono text-sm font-medium tabular-nums text-text-primary", children: line }, row)) }, index)
+      /* @__PURE__ */ jsx108("div", { className: "grid gap-y-1.5", children: column.map((line, row) => /* @__PURE__ */ jsx108("code", { className: "font-mono text-sm font-medium tabular-nums text-text-primary", children: line }, row)) }, index)
     )) });
   }
-  return /* @__PURE__ */ jsx106("code", { className: "block break-all font-mono text-sm font-medium text-text-primary", children: value });
+  return /* @__PURE__ */ jsx108("code", { className: "block break-all font-mono text-sm font-medium text-text-primary", children: value });
 }
-var SecretReveal = React88.forwardRef(
+var SecretReveal = React90.forwardRef(
   ({
     value,
     caption,
@@ -7815,18 +7837,18 @@ var SecretReveal = React88.forwardRef(
     className,
     ...props
   }, ref) => {
-    const [takenText, setTakenText] = React88.useState(null);
-    const [refusedText, setRefusedText] = React88.useState(null);
-    const [announcedFor, setAnnouncedFor] = React88.useState(null);
-    const copyRef = React88.useRef(null);
-    const captionId = React88.useId();
+    const [takenText, setTakenText] = React90.useState(null);
+    const [refusedText, setRefusedText] = React90.useState(null);
+    const [announcedFor, setAnnouncedFor] = React90.useState(null);
+    const copyRef = React90.useRef(null);
+    const captionId = React90.useId();
     const text = asText(value);
     const empty = text.length === 0;
     const taken = takenText === text;
     const refused = refusedText === text;
-    React88.useEffect(() => setAnnouncedFor(text), [text]);
+    React90.useEffect(() => setAnnouncedFor(text), [text]);
     const announced = announcedFor === text ? REVEALED : "";
-    React88.useEffect(() => {
+    React90.useEffect(() => {
       if (autoFocus) copyRef.current?.focus();
     }, [autoFocus]);
     const reportTaken = () => {
@@ -7852,12 +7874,12 @@ var SecretReveal = React88.forwardRef(
       reportTaken();
       onDownload?.();
     };
-    return /* @__PURE__ */ jsx106("div", { ref, className: cn("overflow-hidden rounded-lg bg-bg-sunken", className), ...props, children: /* @__PURE__ */ jsx106("div", { className: highlightClassName, ref: highlightRef, children: /* @__PURE__ */ jsxs72("div", { className: "grid gap-3 rounded-lg border border-border-strong px-4 py-3", children: [
-      /* @__PURE__ */ jsx106("span", { role: "status", className: "sr-only", children: announced }),
-      /* @__PURE__ */ jsx106("div", { id: captionId, className: "text-sm text-text-secondary", children: caption }),
-      /* @__PURE__ */ jsx106(SecretValue, { value }),
-      /* @__PURE__ */ jsxs72("div", { className: "flex flex-wrap items-center gap-2", children: [
-        /* @__PURE__ */ jsx106(
+    return /* @__PURE__ */ jsx108("div", { ref, className: cn("overflow-hidden rounded-lg bg-bg-sunken", className), ...props, children: /* @__PURE__ */ jsx108("div", { className: highlightClassName, ref: highlightRef, children: /* @__PURE__ */ jsxs74("div", { className: "grid gap-3 rounded-lg border border-border-strong px-4 py-3", children: [
+      /* @__PURE__ */ jsx108("span", { role: "status", className: "sr-only", children: announced }),
+      /* @__PURE__ */ jsx108("div", { id: captionId, className: "text-sm text-text-secondary", children: caption }),
+      /* @__PURE__ */ jsx108(SecretValue, { value }),
+      /* @__PURE__ */ jsxs74("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ jsx108(
           Button,
           {
             ref: copyRef,
@@ -7865,12 +7887,12 @@ var SecretReveal = React88.forwardRef(
             "aria-describedby": captionId,
             variant: "outline",
             size: "sm",
-            icon: /* @__PURE__ */ jsx106(Copy2, {}),
+            icon: /* @__PURE__ */ jsx108(Copy2, {}),
             children: copyLabel ?? (Array.isArray(value) ? "Copy all" : "Copy")
           }
         ),
-        onDownload && /* @__PURE__ */ jsx106(Button, { onClick: download, "aria-describedby": captionId, variant: "outline", size: "sm", icon: /* @__PURE__ */ jsx106(Download, {}), children: downloadLabel }),
-        /* @__PURE__ */ jsx106(
+        onDownload && /* @__PURE__ */ jsx108(Button, { onClick: download, "aria-describedby": captionId, variant: "outline", size: "sm", icon: /* @__PURE__ */ jsx108(Download, {}), children: downloadLabel }),
+        /* @__PURE__ */ jsx108(
           Button,
           {
             onClick: onConfirm,
@@ -7881,7 +7903,7 @@ var SecretReveal = React88.forwardRef(
           }
         )
       ] }),
-      refused && /* @__PURE__ */ jsx106("div", { role: "status", className: "text-xs text-text-tertiary", children: REFUSED })
+      refused && /* @__PURE__ */ jsx108("div", { role: "status", className: "text-xs text-text-tertiary", children: REFUSED })
     ] }) }) });
   }
 );
@@ -8157,6 +8179,8 @@ export {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
+  TopBar,
+  TopBarUtilities,
   UserMenu,
   WEIGHT_TONE,
   alertVariants,