@lessly/ui 0.19.1 → 0.21.0

package/dist/index.js

@@ -2444,191 +2444,15 @@ var EmptyState = React42.forwardRef(
 );
 EmptyState.displayName = "EmptyState";
 
-// src/components/sign-in-screen.tsx
-import * as React43 from "react";
-
-// src/lib/auth-surface.ts
-var AUTH_GLOW_BG = "radial-gradient(560px 320px at 28% 16%, var(--auth-glow-a), transparent 68%),radial-gradient(520px 340px at 78% 90%, var(--auth-glow-b), transparent 66%),var(--bg-sunken)";
-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]";
-var AUTH_QUIET_BUTTON = "flex h-[46px] w-full items-center justify-center gap-[11px] rounded-[10px] border border-border-default bg-transparent px-[14px] text-[14.5px] font-medium tracking-[-0.005em] text-text-secondary transition-colors hover:bg-bg-secondary focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-text-brand";
-var AUTH_BUTTON_SHADOW = "var(--auth-btn-shadow)";
-
-// src/components/sign-in-screen.tsx
-import { Fragment, jsx as jsx49, jsxs as jsxs23 } from "react/jsx-runtime";
-var DEFAULT_TITLE = {
-  login: "Sign in",
-  forbidden: "Access restricted",
-  error: "Couldn't load"
-};
-var DEFAULT_DESCRIPTION = {
-  forbidden: "This app is limited to one Workspace group.",
-  error: "Something interrupted sign-in. Try again in a moment."
-};
-function Spinner({ className }) {
-  return /* @__PURE__ */ jsx49(
-    "span",
-    {
-      "aria-hidden": "true",
-      className: cn(
-        "inline-block animate-spin rounded-full border-2 border-current border-t-transparent",
-        className
-      )
-    }
-  );
-}
-function GoogleGlyph() {
-  return /* @__PURE__ */ jsx49("span", { className: "inline-flex size-[26px] flex-none items-center justify-center rounded-md bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.05)_inset]", children: /* @__PURE__ */ jsxs23("svg", { width: "17", height: "17", viewBox: "0 0 18 18", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx49("path", { fill: "#4285F4", d: "M17.64 9.2c0-.64-.06-1.25-.16-1.84H9v3.48h4.84a4.14 4.14 0 0 1-1.8 2.72v2.26h2.92c1.7-1.57 2.68-3.88 2.68-6.62z" }),
-    /* @__PURE__ */ jsx49("path", { fill: "#34A853", d: "M9 18c2.43 0 4.47-.8 5.96-2.18l-2.92-2.26c-.8.54-1.84.86-3.04.86-2.34 0-4.32-1.58-5.03-3.7H.96v2.33A9 9 0 0 0 9 18z" }),
-    /* @__PURE__ */ jsx49("path", { fill: "#FBBC05", d: "M3.97 10.72a5.4 5.4 0 0 1 0-3.44V4.95H.96a9 9 0 0 0 0 8.1l3.01-2.33z" }),
-    /* @__PURE__ */ jsx49("path", { fill: "#EA4335", d: "M9 3.58c1.32 0 2.5.46 3.44 1.35l2.58-2.58C13.46.9 11.43 0 9 0A9 9 0 0 0 .96 4.95l3.01 2.33C4.68 5.16 6.66 3.58 9 3.58z" })
-  ] }) });
-}
-var LockIcon = (props) => /* @__PURE__ */ jsxs23("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...props, children: [
-  /* @__PURE__ */ jsx49("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2" }),
-  /* @__PURE__ */ jsx49("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
-] });
-var WarningIcon = (props) => /* @__PURE__ */ jsxs23("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...props, children: [
-  /* @__PURE__ */ jsx49("path", { d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
-  /* @__PURE__ */ jsx49("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
-  /* @__PURE__ */ jsx49("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
-] });
-var ErrorIcon = (props) => /* @__PURE__ */ jsxs23("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...props, children: [
-  /* @__PURE__ */ jsx49("circle", { cx: "12", cy: "12", r: "10" }),
-  /* @__PURE__ */ jsx49("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
-  /* @__PURE__ */ jsx49("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
-] });
-var RetryIcon = (props) => /* @__PURE__ */ jsxs23("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...props, children: [
-  /* @__PURE__ */ jsx49("path", { d: "M23 4v6h-6" }),
-  /* @__PURE__ */ jsx49("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" })
-] });
-var calloutBase = "mb-[22px] flex gap-[10px] rounded-[10px] border px-[13px] py-[12px] text-left text-[13px] leading-[1.5] text-text-secondary [&_code]:font-mono [&_code]:text-[12px] [&_code]:text-text-primary [&_strong]:font-semibold [&_strong]:text-text-primary";
-function LockNote({ children }) {
-  return /* @__PURE__ */ jsxs23("div", { className: "mx-auto mt-[20px] flex flex-wrap items-center justify-center gap-[7px] text-[12px] leading-[1.4] text-text-secondary [&_code]:rounded-[5px] [&_code]:bg-bg-secondary [&_code]:px-[6px] [&_code]:py-[2px] [&_code]:font-mono [&_code]:text-[11.5px] [&_code]:text-text-secondary", children: [
-    /* @__PURE__ */ jsx49(LockIcon, { className: "flex-none text-text-tertiary" }),
-    children
-  ] });
-}
-var SignInScreen = React43.forwardRef(
-  ({
-    state: state2 = "login",
-    brand,
-    eyebrow,
-    title,
-    description,
-    googleLabel = "Continue with Google",
-    onGoogle,
-    signingIn = false,
-    signingInLabel = "Signing you in\u2026",
-    restriction,
-    forbidden,
-    error,
-    onRetry,
-    retryLabel = "Try again",
-    loadingLabel = "Loading\u2026",
-    footer = "Supercharged by Lessly",
-    className,
-    ...props
-  }, ref) => {
-    const shell = (children) => /* @__PURE__ */ jsx49(
-      "div",
-      {
-        ref,
-        className: cn(
-          "relative flex min-h-screen w-full items-center justify-center overflow-hidden px-6 py-12 text-text-primary",
-          className
-        ),
-        style: { background: AUTH_GLOW_BG },
-        ...props,
-        children
-      }
-    );
-    const brandMark = /* @__PURE__ */ jsx49("div", { className: "text-[24px] font-bold leading-none tracking-[-0.02em] text-text-primary", children: brand });
-    if (state2 === "loading") {
-      return shell(
-        /* @__PURE__ */ jsxs23("div", { className: "flex flex-col items-center gap-[16px] text-text-secondary", children: [
-          brandMark,
-          /* @__PURE__ */ jsx49(Spinner, { className: "size-[22px] text-text-tertiary opacity-90" }),
-          /* @__PURE__ */ jsx49("span", { role: "status", className: "text-[13.5px] tracking-[-0.005em]", children: loadingLabel })
-        ] })
-      );
-    }
-    const heading = title ?? DEFAULT_TITLE[state2];
-    const sub = description ?? DEFAULT_DESCRIPTION[state2];
-    return shell(
-      /* @__PURE__ */ jsxs23(
-        "div",
-        {
-          className: "relative w-full max-w-[360px] rounded-2xl bg-bg-surface px-[34px] pb-[30px] pt-[38px] text-center",
-          style: {
-            border: "1px solid var(--auth-card-border)",
-            boxShadow: "var(--auth-card-shadow)"
-          },
-          children: [
-            /* @__PURE__ */ jsx49("div", { className: "mb-[22px]", children: brandMark }),
-            eyebrow && state2 === "login" && /* @__PURE__ */ jsx49("p", { className: "mb-[12px] text-[11px] font-semibold uppercase tracking-[0.11em] text-text-tertiary", children: eyebrow }),
-            /* @__PURE__ */ jsx49("h1", { className: "mb-[8px] text-[20px] font-semibold leading-[1.25] tracking-[-0.015em] text-text-primary", children: heading }),
-            sub && /* @__PURE__ */ jsx49("p", { className: "mx-auto mb-[24px] max-w-[280px] text-[13.5px] leading-[1.5] text-text-secondary", children: sub }),
-            state2 === "login" && /* @__PURE__ */ jsx49(
-              "button",
-              {
-                type: "button",
-                onClick: onGoogle,
-                disabled: signingIn,
-                "aria-busy": signingIn || void 0,
-                className: AUTH_FILLED_BUTTON,
-                style: { boxShadow: AUTH_BUTTON_SHADOW },
-                children: signingIn ? /* @__PURE__ */ jsxs23(Fragment, { children: [
-                  /* @__PURE__ */ jsx49(Spinner, { className: "size-[17px] opacity-50" }),
-                  /* @__PURE__ */ jsx49("span", { children: signingInLabel })
-                ] }) : /* @__PURE__ */ jsxs23(Fragment, { children: [
-                  /* @__PURE__ */ jsx49(GoogleGlyph, {}),
-                  /* @__PURE__ */ jsx49("span", { children: googleLabel })
-                ] })
-              }
-            ),
-            state2 === "forbidden" && forbidden && /* @__PURE__ */ jsxs23("div", { role: "status", className: cn(calloutBase, "border-border-warning bg-bg-warning-subtle"), children: [
-              /* @__PURE__ */ jsx49(WarningIcon, { className: "mt-px flex-none text-border-warning" }),
-              /* @__PURE__ */ jsx49("span", { children: forbidden })
-            ] }),
-            state2 === "error" && /* @__PURE__ */ jsxs23(Fragment, { children: [
-              /* @__PURE__ */ jsxs23("div", { role: "alert", className: cn(calloutBase, "border-border-danger bg-bg-danger-subtle"), children: [
-                /* @__PURE__ */ jsx49(ErrorIcon, { className: "mt-px flex-none text-border-danger" }),
-                /* @__PURE__ */ jsx49("span", { children: error ?? "The identity provider didn\u2019t respond. Retry in a moment." })
-              ] }),
-              onRetry && /* @__PURE__ */ jsxs23(
-                "button",
-                {
-                  type: "button",
-                  onClick: onRetry,
-                  className: AUTH_FILLED_BUTTON,
-                  style: { boxShadow: AUTH_BUTTON_SHADOW },
-                  children: [
-                    /* @__PURE__ */ jsx49(RetryIcon, {}),
-                    /* @__PURE__ */ jsx49("span", { children: retryLabel })
-                  ]
-                }
-              )
-            ] }),
-            restriction && (state2 === "login" || state2 === "forbidden") && /* @__PURE__ */ jsx49(LockNote, { children: restriction }),
-            footer != null && /* @__PURE__ */ jsx49("div", { className: "mt-[24px] text-[11px] tracking-[0.005em] text-text-tertiary", children: footer })
-          ]
-        }
-      )
-    );
-  }
-);
-SignInScreen.displayName = "SignInScreen";
-
 // src/components/copy-button.tsx
-import * as React44 from "react";
+import * as React43 from "react";
 import { Check as Check5, Copy } from "lucide-react";
-import { jsx as jsx50 } from "react/jsx-runtime";
-var CopyButton = React44.forwardRef(
+import { jsx as jsx49 } from "react/jsx-runtime";
+var CopyButton = React43.forwardRef(
   ({ value, label = "Copy", className, variant = "ghost", size = "icon", onClick, ...props }, ref) => {
-    const [copied, setCopied] = React44.useState(false);
-    const timer = React44.useRef(void 0);
-    React44.useEffect(() => () => clearTimeout(timer.current), []);
+    const [copied, setCopied] = React43.useState(false);
+    const timer = React43.useRef(void 0);
+    React43.useEffect(() => () => clearTimeout(timer.current), []);
     const handleClick = async (e) => {
       onClick?.(e);
       if (!navigator.clipboard?.writeText) return;
@@ -2640,7 +2464,7 @@ var CopyButton = React44.forwardRef(
       } catch {
       }
     };
-    return /* @__PURE__ */ jsx50(
+    return /* @__PURE__ */ jsx49(
       Button,
       {
         ref,
@@ -2651,7 +2475,7 @@ var CopyButton = React44.forwardRef(
         className: cn(className),
         ...props,
         "aria-label": copied ? "Copied" : label,
-        children: copied ? /* @__PURE__ */ jsx50(Check5, { className: "size-4 text-text-success" }) : /* @__PURE__ */ jsx50(Copy, { className: "size-4" })
+        children: copied ? /* @__PURE__ */ jsx49(Check5, { className: "size-4 text-text-success" }) : /* @__PURE__ */ jsx49(Copy, { className: "size-4" })
       }
     );
   }
@@ -2659,9 +2483,9 @@ var CopyButton = React44.forwardRef(
 CopyButton.displayName = "CopyButton";
 
 // src/components/stat-card.tsx
-import * as React45 from "react";
+import * as React44 from "react";
 import { ArrowDown, ArrowUp, Info as Info2, Minus as Minus2 } from "lucide-react";
-import { jsx as jsx51, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs23 } from "react/jsx-runtime";
 var directionIcons = {
   up: ArrowUp,
   down: ArrowDown,
@@ -2677,36 +2501,36 @@ var toneFromDirection = {
   down: "negative",
   neutral: "neutral"
 };
-var StatCard = React45.forwardRef(
+var StatCard = React44.forwardRef(
   ({ label, value, delta, hint, sub, icon: Icon, className, ...props }, ref) => {
     const direction = delta?.direction ?? "neutral";
     const tone = delta?.tone ?? toneFromDirection[direction];
     const DeltaIcon = directionIcons[direction];
     const deltaClass = toneClasses[tone];
-    return /* @__PURE__ */ jsxs24(
+    return /* @__PURE__ */ jsxs23(
       "div",
       {
         ref,
         className: cn("rounded-xl border border-border-subtle bg-bg-surface p-5", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-between gap-2", children: [
-            /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-1.5", children: [
-              /* @__PURE__ */ jsx51("span", { className: "text-xs font-medium uppercase tracking-wide text-text-tertiary", children: label }),
-              hint && /* @__PURE__ */ jsx51(TooltipProvider, { children: /* @__PURE__ */ jsxs24(Tooltip, { children: [
-                /* @__PURE__ */ jsx51(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx51("button", { type: "button", "aria-label": "More info", className: "inline-flex cursor-help text-icon-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus rounded-sm", children: /* @__PURE__ */ jsx51(Info2, { className: "size-3.5", "aria-hidden": "true" }) }) }),
-                /* @__PURE__ */ jsx51(TooltipContent, { children: hint })
+          /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsx50("span", { className: "text-xs font-medium uppercase tracking-wide text-text-tertiary", children: label }),
+              hint && /* @__PURE__ */ jsx50(TooltipProvider, { children: /* @__PURE__ */ jsxs23(Tooltip, { children: [
+                /* @__PURE__ */ jsx50(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx50("button", { type: "button", "aria-label": "More info", className: "inline-flex cursor-help text-icon-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus rounded-sm", children: /* @__PURE__ */ jsx50(Info2, { className: "size-3.5", "aria-hidden": "true" }) }) }),
+                /* @__PURE__ */ jsx50(TooltipContent, { children: hint })
               ] }) })
             ] }),
-            Icon && /* @__PURE__ */ jsx51(Icon, { className: "size-4 text-icon-secondary", "aria-hidden": "true" })
+            Icon && /* @__PURE__ */ jsx50(Icon, { className: "size-4 text-icon-secondary", "aria-hidden": "true" })
           ] }),
-          /* @__PURE__ */ jsx51("div", { className: "mt-2 text-3xl font-semibold text-text-primary", children: value }),
-          (delta || sub) && /* @__PURE__ */ jsxs24("div", { className: "mt-2 flex items-center gap-2 text-sm", children: [
-            delta && /* @__PURE__ */ jsxs24("span", { className: cn("inline-flex items-center gap-0.5 font-medium", deltaClass), children: [
-              /* @__PURE__ */ jsx51(DeltaIcon, { className: "size-3.5", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx50("div", { className: "mt-2 text-3xl font-semibold text-text-primary", children: value }),
+          (delta || sub) && /* @__PURE__ */ jsxs23("div", { className: "mt-2 flex items-center gap-2 text-sm", children: [
+            delta && /* @__PURE__ */ jsxs23("span", { className: cn("inline-flex items-center gap-0.5 font-medium", deltaClass), children: [
+              /* @__PURE__ */ jsx50(DeltaIcon, { className: "size-3.5", "aria-hidden": "true" }),
               delta.value
             ] }),
-            sub && /* @__PURE__ */ jsx51("span", { className: "text-text-tertiary", children: sub })
+            sub && /* @__PURE__ */ jsx50("span", { className: "text-text-tertiary", children: sub })
           ] })
         ]
       }
@@ -2716,11 +2540,11 @@ var StatCard = React45.forwardRef(
 StatCard.displayName = "StatCard";
 
 // src/components/confirm-dialog.tsx
-import * as React46 from "react";
+import * as React45 from "react";
 import { Loader2 } from "lucide-react";
-import { jsx as jsx52, jsxs as jsxs25 } from "react/jsx-runtime";
-var InlineError = React46.forwardRef(
-  ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx52(
+import { jsx as jsx51, jsxs as jsxs24 } from "react/jsx-runtime";
+var InlineError = React45.forwardRef(
+  ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx51(
     "div",
     {
       ref,
@@ -2746,12 +2570,12 @@ function ConfirmDialog({
   destructive = false,
   onConfirm
 }) {
-  const [internalOpen, setInternalOpen] = React46.useState(false);
+  const [internalOpen, setInternalOpen] = React45.useState(false);
   const isControlled = open !== void 0;
   const actualOpen = isControlled ? open : internalOpen;
-  const [busy, setBusy] = React46.useState(false);
-  const [error, setError] = React46.useState(null);
-  React46.useEffect(() => {
+  const [busy, setBusy] = React45.useState(false);
+  const [error, setError] = React45.useState(null);
+  React45.useEffect(() => {
     if (!actualOpen) setError(null);
   }, [actualOpen]);
   const setOpen = (next) => {
@@ -2771,20 +2595,20 @@ function ConfirmDialog({
       setBusy(false);
     }
   };
-  return /* @__PURE__ */ jsxs25(Dialog, { open: actualOpen, onOpenChange: (next) => {
+  return /* @__PURE__ */ jsxs24(Dialog, { open: actualOpen, onOpenChange: (next) => {
     if (!busy) setOpen(next);
   }, children: [
-    trigger && /* @__PURE__ */ jsx52(DialogTrigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsxs25(DialogContent, { children: [
-      /* @__PURE__ */ jsxs25(DialogHeader, { children: [
-        /* @__PURE__ */ jsx52(DialogTitle, { children: title }),
-        description && /* @__PURE__ */ jsx52(DialogDescription, { children: description })
+    trigger && /* @__PURE__ */ jsx51(DialogTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsxs24(DialogContent, { children: [
+      /* @__PURE__ */ jsxs24(DialogHeader, { children: [
+        /* @__PURE__ */ jsx51(DialogTitle, { children: title }),
+        description && /* @__PURE__ */ jsx51(DialogDescription, { children: description })
       ] }),
-      error && /* @__PURE__ */ jsx52(InlineError, { children: error }),
-      /* @__PURE__ */ jsxs25(DialogFooter, { children: [
-        /* @__PURE__ */ jsx52(Button, { variant: "outline", disabled: busy, onClick: () => setOpen(false), children: cancelLabel }),
-        /* @__PURE__ */ jsxs25(Button, { variant: destructive ? "destructive" : "default", disabled: busy, onClick: handleConfirm, children: [
-          busy && /* @__PURE__ */ jsx52(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" }),
+      error && /* @__PURE__ */ jsx51(InlineError, { children: error }),
+      /* @__PURE__ */ jsxs24(DialogFooter, { children: [
+        /* @__PURE__ */ jsx51(Button, { variant: "outline", disabled: busy, onClick: () => setOpen(false), children: cancelLabel }),
+        /* @__PURE__ */ jsxs24(Button, { variant: destructive ? "destructive" : "default", disabled: busy, onClick: handleConfirm, children: [
+          busy && /* @__PURE__ */ jsx51(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" }),
           confirmLabel
         ] })
       ] })
@@ -2794,7 +2618,7 @@ function ConfirmDialog({
 
 // src/components/user-menu.tsx
 import { ChevronsUpDown } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx53, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx52, jsxs as jsxs25 } from "react/jsx-runtime";
 function initialsOf(name) {
   const parts = name.trim().split(/\s+/).filter(Boolean);
   if (parts.length === 0) return "?";
@@ -2803,11 +2627,11 @@ function initialsOf(name) {
 }
 function UserMenu({ user, items, collapsed = false, align = "start" }) {
   const secondLine = user.subtitle ?? user.email;
-  const avatar = /* @__PURE__ */ jsxs26(Avatar, { className: collapsed ? "size-9" : "size-7", children: [
-    user.avatarUrl && /* @__PURE__ */ jsx53(AvatarImage, { src: user.avatarUrl, alt: user.name }),
-    /* @__PURE__ */ jsx53(AvatarFallback, { className: "text-xs", children: initialsOf(user.name) })
+  const avatar = /* @__PURE__ */ jsxs25(Avatar, { className: collapsed ? "size-9" : "size-7", children: [
+    user.avatarUrl && /* @__PURE__ */ jsx52(AvatarImage, { src: user.avatarUrl, alt: user.name }),
+    /* @__PURE__ */ jsx52(AvatarFallback, { className: "text-xs", children: initialsOf(user.name) })
   ] });
-  const trigger = collapsed ? /* @__PURE__ */ jsx53(
+  const trigger = collapsed ? /* @__PURE__ */ jsx52(
     "button",
     {
       type: "button",
@@ -2815,46 +2639,46 @@ function UserMenu({ user, items, collapsed = false, align = "start" }) {
       className: "rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
       children: avatar
     }
-  ) : /* @__PURE__ */ jsxs26(
+  ) : /* @__PURE__ */ jsxs25(
     "button",
     {
       type: "button",
       className: "flex w-full items-center gap-2.5 rounded-xl px-1.5 py-[5px] text-left transition-colors hover:bg-[var(--hov-bg)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
       children: [
         avatar,
-        /* @__PURE__ */ jsxs26("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-          /* @__PURE__ */ jsx53("span", { className: "truncate text-sm leading-[normal] font-medium text-text-primary", children: user.name }),
-          secondLine && /* @__PURE__ */ jsx53("span", { className: "truncate text-xs leading-[normal] text-text-tertiary", children: secondLine })
+        /* @__PURE__ */ jsxs25("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+          /* @__PURE__ */ jsx52("span", { className: "truncate text-sm leading-[normal] font-medium text-text-primary", children: user.name }),
+          secondLine && /* @__PURE__ */ jsx52("span", { className: "truncate text-xs leading-[normal] text-text-tertiary", children: secondLine })
         ] }),
-        /* @__PURE__ */ jsx53(ChevronsUpDown, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" })
+        /* @__PURE__ */ jsx52(ChevronsUpDown, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" })
       ]
     }
   );
-  const menuTrigger = /* @__PURE__ */ jsx53(DropdownMenuTrigger, { asChild: true, children: trigger });
-  const menu = /* @__PURE__ */ jsxs26(DropdownMenu, { children: [
-    collapsed ? /* @__PURE__ */ jsx53(TooltipProvider, { children: /* @__PURE__ */ jsxs26(Tooltip, { children: [
-      /* @__PURE__ */ jsx53(TooltipTrigger, { asChild: true, children: menuTrigger }),
-      /* @__PURE__ */ jsx53(TooltipContent, { side: "right", children: user.name })
+  const menuTrigger = /* @__PURE__ */ jsx52(DropdownMenuTrigger, { asChild: true, children: trigger });
+  const menu = /* @__PURE__ */ jsxs25(DropdownMenu, { children: [
+    collapsed ? /* @__PURE__ */ jsx52(TooltipProvider, { children: /* @__PURE__ */ jsxs25(Tooltip, { children: [
+      /* @__PURE__ */ jsx52(TooltipTrigger, { asChild: true, children: menuTrigger }),
+      /* @__PURE__ */ jsx52(TooltipContent, { side: "right", children: user.name })
     ] }) }) : menuTrigger,
-    /* @__PURE__ */ jsxs26(
+    /* @__PURE__ */ jsxs25(
       DropdownMenuContent,
       {
         align,
         sideOffset: 6,
         className: "flex w-56 flex-col gap-px rounded-xl border-border-subtle bg-[var(--menu-bg)] p-1 shadow-(--menu-shadow)",
         children: [
-          /* @__PURE__ */ jsxs26(DropdownMenuLabel, { className: "px-2 pt-1.5 pb-1 text-xs font-medium text-text-tertiary", children: [
-            /* @__PURE__ */ jsx53("span", { className: "block truncate text-sm font-medium text-text-primary", children: user.name }),
-            secondLine && /* @__PURE__ */ jsx53("span", { className: "block truncate text-xs font-normal text-text-tertiary", children: secondLine })
+          /* @__PURE__ */ jsxs25(DropdownMenuLabel, { className: "px-2 pt-1.5 pb-1 text-xs font-medium text-text-tertiary", children: [
+            /* @__PURE__ */ jsx52("span", { className: "block truncate text-sm font-medium text-text-primary", children: user.name }),
+            secondLine && /* @__PURE__ */ jsx52("span", { className: "block truncate text-xs font-normal text-text-tertiary", children: secondLine })
           ] }),
-          /* @__PURE__ */ jsx53(DropdownMenuSeparator, { className: "mx-0 shrink-0 bg-border-subtle" }),
+          /* @__PURE__ */ jsx52(DropdownMenuSeparator, { className: "mx-0 shrink-0 bg-border-subtle" }),
           items.map((item, i) => {
             const Icon = item.icon;
-            const content = /* @__PURE__ */ jsxs26(Fragment2, { children: [
-              Icon && /* @__PURE__ */ jsx53(Icon, { className: "size-4", "aria-hidden": "true" }),
+            const content = /* @__PURE__ */ jsxs25(Fragment, { children: [
+              Icon && /* @__PURE__ */ jsx52(Icon, { className: "size-4", "aria-hidden": "true" }),
               item.label
             ] });
-            return /* @__PURE__ */ jsx53(
+            return /* @__PURE__ */ jsx52(
               DropdownMenuItem,
               {
                 onSelect: item.onSelect,
@@ -2863,7 +2687,7 @@ function UserMenu({ user, items, collapsed = false, align = "start" }) {
                   item.destructive && "text-text-danger focus:text-text-danger"
                 ),
                 asChild: Boolean(item.href),
-                children: item.href ? /* @__PURE__ */ jsx53("a", { href: item.href, children: content }) : content
+                children: item.href ? /* @__PURE__ */ jsx52("a", { href: item.href, children: content }) : content
               },
               `${item.label}-${i}`
             );
@@ -2877,20 +2701,20 @@ function UserMenu({ user, items, collapsed = false, align = "start" }) {
 
 // src/components/extension-link.tsx
 import { Link as Link2 } from "react-router";
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 function ExtensionLink({ uiMode, to, className, children, ...anchorProps }) {
   if (uiMode === "federation") {
-    return /* @__PURE__ */ jsx54(Link2, { to, className, ...anchorProps, children });
+    return /* @__PURE__ */ jsx53(Link2, { to, className, ...anchorProps, children });
   }
-  return /* @__PURE__ */ jsx54("a", { href: to, className, ...anchorProps, children });
+  return /* @__PURE__ */ jsx53("a", { href: to, className, ...anchorProps, children });
 }
 ExtensionLink.displayName = "ExtensionLink";
 
 // src/components/extension-icon.tsx
-import * as React47 from "react";
+import * as React46 from "react";
 import * as LucideIcons from "lucide-react";
 import { Puzzle } from "lucide-react";
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 var FORWARD_REF = /* @__PURE__ */ Symbol.for("react.forward_ref");
 var catalog = LucideIcons;
 function toPascalCase(name) {
@@ -2915,14 +2739,14 @@ function warnUnknownIconOnce(name) {
   warnedUnknownIcons.add(name);
   console.warn(`[@lessly/ui] ExtensionIcon: unknown icon "${name}" \u2014 falling back to Puzzle.`);
 }
-var ExtensionIcon = React47.forwardRef(
+var ExtensionIcon = React46.forwardRef(
   ({ name, ...props }, ref) => {
     const Icon = resolveIcon(name);
     if (!Icon) {
       warnUnknownIconOnce(name);
-      return /* @__PURE__ */ jsx55(Puzzle, { ref, ...props });
+      return /* @__PURE__ */ jsx54(Puzzle, { ref, ...props });
     }
-    return /* @__PURE__ */ jsx55(Icon, { ref, ...props });
+    return /* @__PURE__ */ jsx54(Icon, { ref, ...props });
   }
 );
 ExtensionIcon.displayName = "ExtensionIcon";
@@ -2969,9 +2793,9 @@ function useSidebar(options = {}) {
 }
 
 // src/components/nav-row.tsx
-import * as React48 from "react";
+import * as React47 from "react";
 import { Slot as Slot4 } from "@radix-ui/react-slot";
-import { Fragment as Fragment3, jsx as jsx56, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx55, jsxs as jsxs26 } from "react/jsx-runtime";
 var base = "flex w-full items-center text-left text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus";
 var shape = {
   rail: "gap-[14px] rounded-xl px-2.5 py-2",
@@ -2987,9 +2811,9 @@ var state = {
     active: "font-semibold text-text-brand hover:bg-[var(--menu-hov)]"
   }
 };
-var NavRow = React48.forwardRef(function NavRow2({ icon, label, active = false, variant, trailing, hideLabel = false, asChild = false, className, children, ...props }, ref) {
-  const content = /* @__PURE__ */ jsxs27(Fragment3, { children: [
-    icon && /* @__PURE__ */ jsx56(
+var NavRow = React47.forwardRef(function NavRow2({ icon, label, active = false, variant, trailing, hideLabel = false, asChild = false, className, children, ...props }, ref) {
+  const content = /* @__PURE__ */ jsxs26(Fragment2, { children: [
+    icon && /* @__PURE__ */ jsx55(
       "span",
       {
         className: "flex size-5 shrink-0 items-center justify-center [&_svg]:size-[18px]",
@@ -2997,24 +2821,24 @@ var NavRow = React48.forwardRef(function NavRow2({ icon, label, active = false,
         children: icon
       }
     ),
-    !hideLabel && /* @__PURE__ */ jsx56("span", { className: "min-w-0 flex-1 truncate", children: label }),
-    trailing && /* @__PURE__ */ jsx56("span", { className: "flex shrink-0 items-center", children: trailing })
+    !hideLabel && /* @__PURE__ */ jsx55("span", { className: "min-w-0 flex-1 truncate", children: label }),
+    trailing && /* @__PURE__ */ jsx55("span", { className: "flex shrink-0 items-center", children: trailing })
   ] });
   const classes = cn(base, shape[variant], state[variant][active ? "active" : "idle"], className);
   if (asChild) {
-    const child = React48.Children.only(children);
-    return /* @__PURE__ */ jsx56(Slot4, { ref, className: classes, "aria-label": hideLabel ? label : void 0, ...props, children: React48.cloneElement(child, void 0, content) });
+    const child = React47.Children.only(children);
+    return /* @__PURE__ */ jsx55(Slot4, { ref, className: classes, "aria-label": hideLabel ? label : void 0, ...props, children: React47.cloneElement(child, void 0, content) });
   }
-  return /* @__PURE__ */ jsx56("button", { ref, type: "button", className: classes, "aria-label": hideLabel ? label : void 0, ...props, children: content });
+  return /* @__PURE__ */ jsx55("button", { ref, type: "button", className: classes, "aria-label": hideLabel ? label : void 0, ...props, children: content });
 });
 NavRow.displayName = "NavRow";
 
 // src/components/nav-section-label.tsx
-import * as React49 from "react";
-import { jsx as jsx57 } from "react/jsx-runtime";
-var NavSectionLabel = React49.forwardRef(
+import * as React48 from "react";
+import { jsx as jsx56 } from "react/jsx-runtime";
+var NavSectionLabel = React48.forwardRef(
   function NavSectionLabel2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx57(
+    return /* @__PURE__ */ jsx56(
       "div",
       {
         ref,
@@ -3027,8 +2851,8 @@ var NavSectionLabel = React49.forwardRef(
 NavSectionLabel.displayName = "NavSectionLabel";
 
 // src/components/menu-popup.tsx
-import * as React50 from "react";
-import { jsx as jsx58, jsxs as jsxs28 } from "react/jsx-runtime";
+import * as React49 from "react";
+import { jsx as jsx57, jsxs as jsxs27 } from "react/jsx-runtime";
 function MenuPopup({
   trigger,
   children,
@@ -3040,9 +2864,9 @@ function MenuPopup({
   sideOffset = 6,
   className
 }) {
-  return /* @__PURE__ */ jsxs28(Popover, { open, defaultOpen, onOpenChange, children: [
-    /* @__PURE__ */ jsx58(PopoverTrigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsxs27(Popover, { open, defaultOpen, onOpenChange, children: [
+    /* @__PURE__ */ jsx57(PopoverTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx57(
       PopoverContent,
       {
         side: direction === "up" ? "top" : "bottom",
@@ -3057,9 +2881,9 @@ function MenuPopup({
     )
   ] });
 }
-var MenuDivider = React50.forwardRef(
+var MenuDivider = React49.forwardRef(
   function MenuDivider2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx58(
+    return /* @__PURE__ */ jsx57(
       "div",
       {
         ref,
@@ -3074,7 +2898,7 @@ MenuDivider.displayName = "MenuDivider";
 
 // src/components/sidebar-nav.tsx
 import { Link as Link3, useLocation } from "react-router";
-import { jsx as jsx59, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs28 } from "react/jsx-runtime";
 function isActivePath(pathname, full, exact) {
   if (exact) return pathname === full;
   return pathname === full || pathname.startsWith(`${full}/`);
@@ -3090,23 +2914,23 @@ function SidebarNavLink({
   const Comp = LinkComponent ?? Link3;
   const to = `${basePath}${item.href}`;
   const Icon = item.icon;
-  const link = /* @__PURE__ */ jsx59(
+  const link = /* @__PURE__ */ jsx58(
     NavRow,
     {
       variant: "rail",
       active,
       label: item.label,
       hideLabel: collapsed,
-      icon: Icon ? /* @__PURE__ */ jsx59(Icon, { "aria-hidden": "true" }) : void 0,
+      icon: Icon ? /* @__PURE__ */ jsx58(Icon, { "aria-hidden": "true" }) : void 0,
       className: cn(collapsed && "size-9 justify-center px-0 py-0", className),
       asChild: true,
-      children: /* @__PURE__ */ jsx59(Comp, { to, "aria-current": active ? "page" : void 0 })
+      children: /* @__PURE__ */ jsx58(Comp, { to, "aria-current": active ? "page" : void 0 })
     }
   );
   if (!collapsed) return link;
-  return /* @__PURE__ */ jsxs29(Tooltip, { children: [
-    /* @__PURE__ */ jsx59(TooltipTrigger, { asChild: true, children: link }),
-    /* @__PURE__ */ jsx59(TooltipContent, { side: "right", children: item.label })
+  return /* @__PURE__ */ jsxs28(Tooltip, { children: [
+    /* @__PURE__ */ jsx58(TooltipTrigger, { asChild: true, children: link }),
+    /* @__PURE__ */ jsx58(TooltipContent, { side: "right", children: item.label })
   ] });
 }
 function SidebarNav({
@@ -3118,7 +2942,7 @@ function SidebarNav({
   className
 }) {
   const { pathname } = useLocation();
-  const nav = /* @__PURE__ */ jsx59(
+  const nav = /* @__PURE__ */ jsx58(
     "nav",
     {
       className: cn(
@@ -3129,7 +2953,7 @@ function SidebarNav({
       children: items.map((item) => {
         const full = `${basePath}${item.href}`;
         const active = isItemActive ? isItemActive(item, pathname) : isActivePath(pathname, full, item.exact);
-        return /* @__PURE__ */ jsx59(
+        return /* @__PURE__ */ jsx58(
           SidebarNavLink,
           {
             item,
@@ -3143,14 +2967,14 @@ function SidebarNav({
       })
     }
   );
-  return collapsed ? /* @__PURE__ */ jsx59(TooltipProvider, { children: nav }) : nav;
+  return collapsed ? /* @__PURE__ */ jsx58(TooltipProvider, { children: nav }) : nav;
 }
 
 // src/components/app-sidebar.tsx
 import { PanelLeft } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx60, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx59, jsxs as jsxs29 } from "react/jsx-runtime";
 function Divider({ collapsed, testId, className }) {
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx59(
     "div",
     {
       "data-testid": testId,
@@ -3182,7 +3006,7 @@ function AppSidebar({
     defaultCollapsed,
     onCollapsedChange
   });
-  const pin = collapsible ? /* @__PURE__ */ jsx60(
+  const pin = collapsible ? /* @__PURE__ */ jsx59(
     "button",
     {
       type: "button",
@@ -3190,10 +3014,10 @@ function AppSidebar({
       "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
       "aria-expanded": !collapsed,
       className: "flex size-6 shrink-0 items-center justify-center rounded-md text-text-secondary transition-colors hover:bg-[var(--hov-bg)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-      children: /* @__PURE__ */ jsx60(PanelLeft, { className: "size-4", "aria-hidden": "true" })
+      children: /* @__PURE__ */ jsx59(PanelLeft, { className: "size-4", "aria-hidden": "true" })
     }
   ) : null;
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs29(
     "aside",
     {
       "data-collapsed": collapsed,
@@ -3203,12 +3027,12 @@ function AppSidebar({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx60("div", { className: cn("flex items-center gap-2", collapsed ? "justify-center px-1 pt-2" : "px-3 pt-[13px]"), children: collapsed ? collapsible ? logoCollapsed ?? logo ? (
+        /* @__PURE__ */ jsx59("div", { className: cn("flex items-center gap-2", collapsed ? "justify-center px-1 pt-2" : "px-3 pt-[13px]"), children: collapsed ? collapsible ? logoCollapsed ?? logo ? (
           /* The collapsed rail (52px) can't fit the logo mark beside the pin side by side —
              so the pin overlays the mark instead, revealed on hover/focus, same as pre-flat-rail. */
-          /* @__PURE__ */ jsxs30("div", { className: "group relative flex size-8 items-center justify-center", children: [
-            /* @__PURE__ */ jsx60("span", { className: "pointer-events-none transition-opacity group-hover:opacity-0 group-focus-within:opacity-0", children: logoCollapsed ?? logo }),
-            /* @__PURE__ */ jsx60(
+          /* @__PURE__ */ jsxs29("div", { className: "group relative flex size-8 items-center justify-center", children: [
+            /* @__PURE__ */ jsx59("span", { className: "pointer-events-none transition-opacity group-hover:opacity-0 group-focus-within:opacity-0", children: logoCollapsed ?? logo }),
+            /* @__PURE__ */ jsx59(
               "button",
               {
                 type: "button",
@@ -3216,7 +3040,7 @@ function AppSidebar({
                 "aria-label": "Expand sidebar",
                 "aria-expanded": false,
                 className: "absolute inset-0 flex items-center justify-center rounded-md text-text-secondary opacity-0 transition-opacity hover:bg-[var(--hov-bg)] focus-visible:outline-none focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-border-focus group-hover:opacity-100 group-focus-within:opacity-100",
-                children: /* @__PURE__ */ jsx60(PanelLeft, { className: "size-4", "aria-hidden": "true" })
+                children: /* @__PURE__ */ jsx59(PanelLeft, { className: "size-4", "aria-hidden": "true" })
               }
             )
           ] })
@@ -3225,7 +3049,7 @@ function AppSidebar({
              count, it's expanded-only). Hover-revealing the pin over nothing would leave
              an invisible 32px box as the only way back to expanded, so render it plain
              and fully visible instead. */
-          /* @__PURE__ */ jsx60(
+          /* @__PURE__ */ jsx59(
             "button",
             {
               type: "button",
@@ -3233,15 +3057,15 @@ function AppSidebar({
               "aria-label": "Expand sidebar",
               "aria-expanded": false,
               className: "flex size-8 shrink-0 items-center justify-center rounded-md text-text-secondary transition-colors hover:bg-[var(--hov-bg)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-              children: /* @__PURE__ */ jsx60(PanelLeft, { className: "size-4", "aria-hidden": "true" })
+              children: /* @__PURE__ */ jsx59(PanelLeft, { className: "size-4", "aria-hidden": "true" })
             }
           )
-        ) : logoCollapsed ?? logo : /* @__PURE__ */ jsxs30(Fragment4, { children: [
+        ) : logoCollapsed ?? logo : /* @__PURE__ */ jsxs29(Fragment3, { children: [
           header ?? logo,
           pin
         ] }) }),
-        /* @__PURE__ */ jsx60(Divider, { collapsed, testId: "sidebar-divider-header", className: "mt-3" }),
-        /* @__PURE__ */ jsx60(
+        /* @__PURE__ */ jsx59(Divider, { collapsed, testId: "sidebar-divider-header", className: "mt-3" }),
+        /* @__PURE__ */ jsx59(
           "div",
           {
             "data-testid": "sidebar-scroll",
@@ -3249,12 +3073,12 @@ function AppSidebar({
               "min-h-0 flex-1 overflow-y-auto overflow-x-hidden pt-3 pb-2",
               collapsed ? "px-1" : "px-3"
             ),
-            children: /* @__PURE__ */ jsx60(SidebarNav, { items, collapsed, basePath, LinkComponent, isItemActive })
+            children: /* @__PURE__ */ jsx59(SidebarNav, { items, collapsed, basePath, LinkComponent, isItemActive })
           }
         ),
-        footer && /* @__PURE__ */ jsxs30(Fragment4, { children: [
-          /* @__PURE__ */ jsx60(Divider, { collapsed, testId: "sidebar-divider-account" }),
-          /* @__PURE__ */ jsx60("div", { className: cn("py-2", collapsed ? "px-1" : "px-3"), children: footer })
+        footer && /* @__PURE__ */ jsxs29(Fragment3, { children: [
+          /* @__PURE__ */ jsx59(Divider, { collapsed, testId: "sidebar-divider-account" }),
+          /* @__PURE__ */ jsx59("div", { className: cn("py-2", collapsed ? "px-1" : "px-3"), children: footer })
         ] })
       ]
     }
@@ -3262,40 +3086,40 @@ function AppSidebar({
 }
 
 // src/components/sidebar-product-header.tsx
-import * as React51 from "react";
+import * as React50 from "react";
 import { Slot as Slot5 } from "@radix-ui/react-slot";
 import { ChevronsUpDown as ChevronsUpDown2 } from "lucide-react";
-import { Fragment as Fragment5, jsx as jsx61, jsxs as jsxs31 } from "react/jsx-runtime";
-var SidebarProductHeader = React51.forwardRef(
+import { Fragment as Fragment4, jsx as jsx60, jsxs as jsxs30 } from "react/jsx-runtime";
+var SidebarProductHeader = React50.forwardRef(
   function SidebarProductHeader2({ name, icon, trailing, asChild = false, className, children, ...props }, ref) {
-    const adornment = trailing === void 0 ? /* @__PURE__ */ jsx61(ChevronsUpDown2, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" }) : trailing;
-    const content = /* @__PURE__ */ jsxs31(Fragment5, { children: [
-      icon && /* @__PURE__ */ jsx61("span", { className: "flex size-7 shrink-0 items-center justify-center overflow-hidden rounded-md", "aria-hidden": "true", children: icon }),
-      /* @__PURE__ */ jsx61("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-text-primary", children: name }),
-      adornment && /* @__PURE__ */ jsx61("span", { className: "flex shrink-0 items-center", children: adornment })
+    const adornment = trailing === void 0 ? /* @__PURE__ */ jsx60(ChevronsUpDown2, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" }) : trailing;
+    const content = /* @__PURE__ */ jsxs30(Fragment4, { children: [
+      icon && /* @__PURE__ */ jsx60("span", { className: "flex size-7 shrink-0 items-center justify-center overflow-hidden rounded-md", "aria-hidden": "true", children: icon }),
+      /* @__PURE__ */ jsx60("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-text-primary", children: name }),
+      adornment && /* @__PURE__ */ jsx60("span", { className: "flex shrink-0 items-center", children: adornment })
     ] });
     const classes = cn("flex w-full items-center gap-2.5 rounded-xl px-1.5 py-0 text-left", className);
     if (asChild) {
-      const child = React51.Children.only(children);
-      return /* @__PURE__ */ jsx61(Slot5, { ref, className: classes, ...props, children: React51.cloneElement(child, void 0, content) });
+      const child = React50.Children.only(children);
+      return /* @__PURE__ */ jsx60(Slot5, { ref, className: classes, ...props, children: React50.cloneElement(child, void 0, content) });
     }
-    return /* @__PURE__ */ jsx61("button", { ref, type: "button", className: classes, ...props, children: content });
+    return /* @__PURE__ */ jsx60("button", { ref, type: "button", className: classes, ...props, children: content });
   }
 );
 SidebarProductHeader.displayName = "SidebarProductHeader";
 
 // src/components/org-product-switcher.tsx
 import { ChevronsUpDown as ChevronsUpDown3, Check as Check6 } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx62, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx61, jsxs as jsxs31 } from "react/jsx-runtime";
 var triggerBox = "flex w-full items-center gap-2.5 rounded-xl px-1.5 py-1 text-left transition-colors hover:bg-[var(--hov-bg)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus";
 var menuItem = "gap-2 rounded-md px-2 py-1.5 text-sm font-medium text-text-secondary focus:bg-[var(--menu-hov)] focus:text-text-primary";
 var sectionLabel = "px-2 pt-1.5 pb-1 text-xs font-medium text-text-tertiary";
 function Mark({ item, size }) {
   const box = size === "md" ? "size-7" : "size-5";
   if (item.icon) {
-    return /* @__PURE__ */ jsx62("span", { className: cn("flex shrink-0 items-center justify-center overflow-hidden rounded-md", box), "aria-hidden": "true", children: item.icon });
+    return /* @__PURE__ */ jsx61("span", { className: cn("flex shrink-0 items-center justify-center overflow-hidden rounded-md", box), "aria-hidden": "true", children: item.icon });
   }
-  return /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx61(
     "span",
     {
       "aria-hidden": "true",
@@ -3322,44 +3146,44 @@ function OrgProductSwitcher({
   const activeOrg = organizations.find((o) => o.id === activeOrgId);
   const activeProduct = products.find((p) => p.id === activeProductId);
   const ariaLabel = props["aria-label"] ?? `${activeOrg?.name ?? ""} / ${activeProduct?.name ?? ""}`;
-  return /* @__PURE__ */ jsxs32(DropdownMenu, { children: [
-    /* @__PURE__ */ jsxs32(DropdownMenuTrigger, { "aria-label": ariaLabel, className: cn(triggerBox, className), children: [
-      activeProduct && /* @__PURE__ */ jsx62(Mark, { item: activeProduct, size: "md" }),
-      /* @__PURE__ */ jsxs32("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-        /* @__PURE__ */ jsx62("span", { className: "truncate text-xs leading-[normal] text-text-tertiary", children: activeOrg?.name }),
-        /* @__PURE__ */ jsx62("span", { className: "truncate text-sm leading-[normal] font-semibold text-text-primary", children: activeProduct?.name })
+  return /* @__PURE__ */ jsxs31(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxs31(DropdownMenuTrigger, { "aria-label": ariaLabel, className: cn(triggerBox, className), children: [
+      activeProduct && /* @__PURE__ */ jsx61(Mark, { item: activeProduct, size: "md" }),
+      /* @__PURE__ */ jsxs31("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+        /* @__PURE__ */ jsx61("span", { className: "truncate text-xs leading-[normal] text-text-tertiary", children: activeOrg?.name }),
+        /* @__PURE__ */ jsx61("span", { className: "truncate text-sm leading-[normal] font-semibold text-text-primary", children: activeProduct?.name })
       ] }),
-      /* @__PURE__ */ jsx62(ChevronsUpDown3, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" })
+      /* @__PURE__ */ jsx61(ChevronsUpDown3, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" })
     ] }),
-    /* @__PURE__ */ jsxs32(
+    /* @__PURE__ */ jsxs31(
       DropdownMenuContent,
       {
         align: "start",
         sideOffset: 6,
         className: "flex w-60 flex-col gap-px rounded-xl border-border-subtle bg-[var(--menu-bg)] p-1 shadow-(--menu-shadow)",
         children: [
-          /* @__PURE__ */ jsx62(DropdownMenuLabel, { className: sectionLabel, children: "Organizations" }),
-          organizations.map((o) => /* @__PURE__ */ jsxs32(DropdownMenuItem, { className: menuItem, onSelect: () => onOrgSelect(o.id), children: [
-            /* @__PURE__ */ jsx62(Mark, { item: o, size: "sm" }),
-            /* @__PURE__ */ jsx62("span", { className: "min-w-0 flex-1 truncate", children: o.name }),
-            o.id === activeOrgId && /* @__PURE__ */ jsx62(Check6, { className: "size-4 shrink-0 text-text-secondary", "aria-hidden": "true" })
+          /* @__PURE__ */ jsx61(DropdownMenuLabel, { className: sectionLabel, children: "Organizations" }),
+          organizations.map((o) => /* @__PURE__ */ jsxs31(DropdownMenuItem, { className: menuItem, onSelect: () => onOrgSelect(o.id), children: [
+            /* @__PURE__ */ jsx61(Mark, { item: o, size: "sm" }),
+            /* @__PURE__ */ jsx61("span", { className: "min-w-0 flex-1 truncate", children: o.name }),
+            o.id === activeOrgId && /* @__PURE__ */ jsx61(Check6, { className: "size-4 shrink-0 text-text-secondary", "aria-hidden": "true" })
           ] }, o.id)),
-          /* @__PURE__ */ jsx62(DropdownMenuSeparator, { className: "mx-0 shrink-0 bg-border-subtle" }),
-          /* @__PURE__ */ jsxs32(DropdownMenuLabel, { className: sectionLabel, children: [
+          /* @__PURE__ */ jsx61(DropdownMenuSeparator, { className: "mx-0 shrink-0 bg-border-subtle" }),
+          /* @__PURE__ */ jsxs31(DropdownMenuLabel, { className: sectionLabel, children: [
             activeOrg?.name,
             " \xB7 Products"
           ] }),
-          products.map((p) => /* @__PURE__ */ jsxs32(DropdownMenuItem, { className: menuItem, onSelect: () => onProductSelect(p.id), children: [
-            /* @__PURE__ */ jsx62(Mark, { item: p, size: "sm" }),
-            /* @__PURE__ */ jsx62("span", { className: "min-w-0 flex-1 truncate", children: p.name }),
-            p.id === activeProductId && /* @__PURE__ */ jsx62(Check6, { className: "size-4 shrink-0 text-text-secondary", "aria-hidden": "true" })
+          products.map((p) => /* @__PURE__ */ jsxs31(DropdownMenuItem, { className: menuItem, onSelect: () => onProductSelect(p.id), children: [
+            /* @__PURE__ */ jsx61(Mark, { item: p, size: "sm" }),
+            /* @__PURE__ */ jsx61("span", { className: "min-w-0 flex-1 truncate", children: p.name }),
+            p.id === activeProductId && /* @__PURE__ */ jsx61(Check6, { className: "size-4 shrink-0 text-text-secondary", "aria-hidden": "true" })
           ] }, p.id)),
-          actions && actions.length > 0 && /* @__PURE__ */ jsxs32(Fragment6, { children: [
-            /* @__PURE__ */ jsx62(DropdownMenuSeparator, { className: "mx-0 shrink-0 bg-border-subtle" }),
-            actions.map((a) => /* @__PURE__ */ jsx62(DropdownMenuItem, { className: menuItem, onSelect: a.onSelect, asChild: Boolean(a.href), children: a.href ? /* @__PURE__ */ jsxs32("a", { href: a.href, children: [
+          actions && actions.length > 0 && /* @__PURE__ */ jsxs31(Fragment5, { children: [
+            /* @__PURE__ */ jsx61(DropdownMenuSeparator, { className: "mx-0 shrink-0 bg-border-subtle" }),
+            actions.map((a) => /* @__PURE__ */ jsx61(DropdownMenuItem, { className: menuItem, onSelect: a.onSelect, asChild: Boolean(a.href), children: a.href ? /* @__PURE__ */ jsxs31("a", { href: a.href, children: [
               a.icon,
               a.label
-            ] }) : /* @__PURE__ */ jsxs32(Fragment6, { children: [
+            ] }) : /* @__PURE__ */ jsxs31(Fragment5, { children: [
               a.icon,
               a.label
             ] }) }, a.id))
@@ -3373,12 +3197,12 @@ OrgProductSwitcher.displayName = "OrgProductSwitcher";
 
 // src/components/sidebar-back-header.tsx
 import { ArrowLeft as ArrowLeft2 } from "lucide-react";
-import { jsx as jsx63, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs32 } from "react/jsx-runtime";
 var focusRing = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus";
 var arrowPlate = "flex size-5 items-center justify-center rounded-md transition-colors hover:bg-[color-mix(in_srgb,var(--text-primary)_12%,transparent)] hover:text-text-primary";
 var arrowBox = "flex shrink-0 cursor-pointer items-center rounded-xl py-2 pr-0 pl-2.5 text-text-secondary";
 var titleBox = "min-w-0 flex-1 cursor-pointer truncate rounded-xl py-2 pr-2.5 pl-[14px] text-left text-sm font-semibold text-text-primary";
-var Arrow = () => /* @__PURE__ */ jsx63(ArrowLeft2, { size: 16, "aria-hidden": "true" });
+var Arrow = () => /* @__PURE__ */ jsx62(ArrowLeft2, { size: 16, "aria-hidden": "true" });
 function SidebarBackHeader({
   title,
   onBack,
@@ -3392,7 +3216,7 @@ function SidebarBackHeader({
   const { className: arrowClassName, ...arrowRest } = arrowProps ?? {};
   const { className: titleClassName, ...titleRest } = titleProps ?? {};
   if (!onTitleClick) {
-    return /* @__PURE__ */ jsxs33(
+    return /* @__PURE__ */ jsxs32(
       "button",
       {
         type: "button",
@@ -3400,14 +3224,14 @@ function SidebarBackHeader({
         className: cn("flex items-center rounded-xl", focusRing, className),
         ...rowProps,
         children: [
-          /* @__PURE__ */ jsx63("span", { className: arrowBox, children: /* @__PURE__ */ jsx63("span", { className: cn(arrowPlate, arrowClassName), ...arrowRest, children: /* @__PURE__ */ jsx63(Arrow, {}) }) }),
-          /* @__PURE__ */ jsx63("span", { className: cn(titleBox, titleClassName), ...titleRest, children: title })
+          /* @__PURE__ */ jsx62("span", { className: arrowBox, children: /* @__PURE__ */ jsx62("span", { className: cn(arrowPlate, arrowClassName), ...arrowRest, children: /* @__PURE__ */ jsx62(Arrow, {}) }) }),
+          /* @__PURE__ */ jsx62("span", { className: cn(titleBox, titleClassName), ...titleRest, children: title })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsxs33("div", { className: cn("flex items-center", className), ...rowProps, children: [
-    /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsxs32("div", { className: cn("flex items-center", className), ...rowProps, children: [
+    /* @__PURE__ */ jsx62(
       "button",
       {
         type: "button",
@@ -3415,10 +3239,10 @@ function SidebarBackHeader({
         onClick: onBack,
         className: cn(arrowBox, focusRing, arrowClassName),
         ...arrowRest,
-        children: /* @__PURE__ */ jsx63("span", { className: arrowPlate, children: /* @__PURE__ */ jsx63(Arrow, {}) })
+        children: /* @__PURE__ */ jsx62("span", { className: arrowPlate, children: /* @__PURE__ */ jsx62(Arrow, {}) })
       }
     ),
-    /* @__PURE__ */ jsx63(
+    /* @__PURE__ */ jsx62(
       "button",
       {
         type: "button",
@@ -3433,54 +3257,54 @@ function SidebarBackHeader({
 SidebarBackHeader.displayName = "SidebarBackHeader";
 
 // src/components/app-shell.tsx
-import * as React52 from "react";
+import * as React51 from "react";
 import { Menu as Menu2 } from "lucide-react";
 import { useLocation as useLocation2 } from "react-router";
-import { jsx as jsx64, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs33 } from "react/jsx-runtime";
 function expandedSidebar(sidebar) {
-  return React52.isValidElement(sidebar) ? React52.cloneElement(sidebar, { collapsed: false }) : sidebar;
+  return React51.isValidElement(sidebar) ? React51.cloneElement(sidebar, { collapsed: false }) : sidebar;
 }
 function AppShell({ sidebar, topBar, children, className }) {
   const { pathname } = useLocation2();
-  const [mobileOpen, setMobileOpen] = React52.useState(false);
-  React52.useEffect(() => {
+  const [mobileOpen, setMobileOpen] = React51.useState(false);
+  React51.useEffect(() => {
     setMobileOpen(false);
   }, [pathname]);
   const isMobile = useIsMobile();
   if (isMobile) {
-    return /* @__PURE__ */ jsx64(TooltipProvider, { children: /* @__PURE__ */ jsxs34("div", { className: cn("flex min-h-screen flex-col bg-bg-surface", className), children: [
-      /* @__PURE__ */ jsxs34("header", { className: "flex shrink-0 items-center justify-between border-b border-border-subtle bg-bg-surface px-4 py-3", children: [
-        /* @__PURE__ */ jsxs34(Sheet, { open: mobileOpen, onOpenChange: setMobileOpen, children: [
-          /* @__PURE__ */ jsx64(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx64(Button, { variant: "ghost", size: "icon", className: "size-8 text-text-secondary", "aria-label": "Open navigation", children: /* @__PURE__ */ jsx64(Menu2, { className: "size-5" }) }) }),
-          /* @__PURE__ */ jsxs34(SheetContent, { side: "left", className: "w-[248px] bg-bg-surface p-0", children: [
-            /* @__PURE__ */ jsx64(SheetTitle, { className: "sr-only", children: "Navigation" }),
-            /* @__PURE__ */ jsx64(SheetDescription, { className: "sr-only", children: "Application navigation menu" }),
+    return /* @__PURE__ */ jsx63(TooltipProvider, { children: /* @__PURE__ */ jsxs33("div", { className: cn("flex min-h-screen flex-col bg-bg-surface", className), children: [
+      /* @__PURE__ */ jsxs33("header", { className: "flex shrink-0 items-center justify-between border-b border-border-subtle bg-bg-surface px-4 py-3", children: [
+        /* @__PURE__ */ jsxs33(Sheet, { open: mobileOpen, onOpenChange: setMobileOpen, children: [
+          /* @__PURE__ */ jsx63(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx63(Button, { variant: "ghost", size: "icon", className: "size-8 text-text-secondary", "aria-label": "Open navigation", children: /* @__PURE__ */ jsx63(Menu2, { className: "size-5" }) }) }),
+          /* @__PURE__ */ jsxs33(SheetContent, { side: "left", className: "w-[248px] bg-bg-surface p-0", children: [
+            /* @__PURE__ */ jsx63(SheetTitle, { className: "sr-only", children: "Navigation" }),
+            /* @__PURE__ */ jsx63(SheetDescription, { className: "sr-only", children: "Application navigation menu" }),
             expandedSidebar(sidebar)
           ] })
         ] }),
-        /* @__PURE__ */ jsx64("div", { className: "flex items-center gap-2", children: topBar })
+        /* @__PURE__ */ jsx63("div", { className: "flex items-center gap-2", children: topBar })
       ] }),
-      /* @__PURE__ */ jsx64("main", { className: "flex-1 overflow-auto", children })
+      /* @__PURE__ */ jsx63("main", { className: "flex-1 overflow-auto", children })
     ] }) });
   }
-  return /* @__PURE__ */ jsx64(TooltipProvider, { children: /* @__PURE__ */ jsxs34("div", { className: cn("flex min-h-screen gap-3 bg-bg-surface p-4", className), children: [
-    /* @__PURE__ */ jsx64("div", { className: "sticky top-4 h-[calc(100vh-32px)] shrink-0", children: sidebar }),
-    /* @__PURE__ */ jsxs34("div", { className: "flex min-w-0 flex-1 flex-col overflow-hidden", children: [
-      topBar && /* @__PURE__ */ jsx64("div", { className: "flex shrink-0 items-center justify-end gap-2", children: topBar }),
-      /* @__PURE__ */ jsx64("main", { className: "flex-1 overflow-y-auto", children })
+  return /* @__PURE__ */ jsx63(TooltipProvider, { children: /* @__PURE__ */ jsxs33("div", { className: cn("flex min-h-screen gap-3 bg-bg-surface p-4", className), children: [
+    /* @__PURE__ */ jsx63("div", { className: "sticky top-4 h-[calc(100vh-32px)] shrink-0", children: sidebar }),
+    /* @__PURE__ */ jsxs33("div", { className: "flex min-w-0 flex-1 flex-col overflow-hidden", children: [
+      topBar && /* @__PURE__ */ jsx63("div", { className: "flex shrink-0 items-center justify-end gap-2", children: topBar }),
+      /* @__PURE__ */ jsx63("main", { className: "flex-1 overflow-y-auto", children })
     ] })
   ] }) });
 }
 var AuthenticatedLayout = AppShell;
 
 // src/components/grid.tsx
-import * as React53 from "react";
+import * as React52 from "react";
 import { Slot as Slot6 } from "@radix-ui/react-slot";
-import { jsx as jsx65 } from "react/jsx-runtime";
-var Grid = React53.forwardRef(
+import { jsx as jsx64 } from "react/jsx-runtime";
+var Grid = React52.forwardRef(
   ({ fluid = false, asChild = false, className, ...props }, ref) => {
     const Comp = asChild ? Slot6 : "div";
-    return /* @__PURE__ */ jsx65(
+    return /* @__PURE__ */ jsx64(
       Comp,
       {
         ref,
@@ -3498,9 +3322,9 @@ var Grid = React53.forwardRef(
 Grid.displayName = "Grid";
 
 // src/components/col.tsx
-import * as React54 from "react";
+import * as React53 from "react";
 import { Slot as Slot7 } from "@radix-ui/react-slot";
-import { jsx as jsx66 } from "react/jsx-runtime";
+import { jsx as jsx65 } 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" },
@@ -3620,17 +3444,17 @@ function responsiveClasses(span, offset) {
   }
   return cn(...spanClasses, ...startClasses);
 }
-var Col = React54.forwardRef(
+var Col = React53.forwardRef(
   ({ span, offset, asChild = false, className, ...props }, ref) => {
     const Comp = asChild ? Slot7 : "div";
-    return /* @__PURE__ */ jsx66(Comp, { ref, className: cn(responsiveClasses(span, offset), className), ...props });
+    return /* @__PURE__ */ jsx65(Comp, { ref, className: cn(responsiveClasses(span, offset), className), ...props });
   }
 );
 Col.displayName = "Col";
 
 // src/components/code-block.tsx
-import * as React55 from "react";
-import { jsx as jsx67, jsxs as jsxs35 } from "react/jsx-runtime";
+import * as React54 from "react";
+import { jsx as jsx66, jsxs as jsxs34 } from "react/jsx-runtime";
 var TOKEN_CLASS = {
   comment: "text-text-tertiary italic",
   string: "text-text-success",
@@ -3758,11 +3582,11 @@ function tokenize(code, lang) {
   }
   return tokens;
 }
-var CodeBlock = React55.forwardRef(
+var CodeBlock = React54.forwardRef(
   ({ code, lang = "tsx", copy = false, filename, scroll = false, className, ...props }, ref) => {
-    const tokens = React55.useMemo(() => tokenize(code, lang), [code, lang]);
+    const tokens = React54.useMemo(() => tokenize(code, lang), [code, lang]);
     const framed = Boolean(filename) || copy;
-    const pre = /* @__PURE__ */ jsx67(
+    const pre = /* @__PURE__ */ jsx66(
       "pre",
       {
         ref,
@@ -3773,21 +3597,21 @@ var CodeBlock = React55.forwardRef(
           className
         ),
         ...props,
-        children: /* @__PURE__ */ jsx67("code", { children: tokens.map((token, index) => /* @__PURE__ */ jsx67("span", { className: TOKEN_CLASS[token.kind], children: token.text }, index)) })
+        children: /* @__PURE__ */ jsx66("code", { children: tokens.map((token, index) => /* @__PURE__ */ jsx66("span", { className: TOKEN_CLASS[token.kind], children: token.text }, index)) })
       }
     );
     if (!framed) return pre;
-    return /* @__PURE__ */ jsxs35("div", { className: "overflow-hidden rounded-lg border border-border-subtle bg-bg-primary", children: [
-      /* @__PURE__ */ jsxs35("div", { className: "flex items-center justify-between gap-3 border-b border-border-subtle px-4 py-2", children: [
-        filename ? /* @__PURE__ */ jsx67("span", { className: "font-mono text-xs text-text-tertiary", children: filename }) : /* @__PURE__ */ jsx67("span", {}),
-        copy ? /* @__PURE__ */ jsx67(CopyButton, { value: code, label: "Copy code" }) : null
+    return /* @__PURE__ */ jsxs34("div", { className: "overflow-hidden rounded-lg border border-border-subtle bg-bg-primary", children: [
+      /* @__PURE__ */ jsxs34("div", { className: "flex items-center justify-between gap-3 border-b border-border-subtle px-4 py-2", children: [
+        filename ? /* @__PURE__ */ jsx66("span", { className: "font-mono text-xs text-text-tertiary", children: filename }) : /* @__PURE__ */ jsx66("span", {}),
+        copy ? /* @__PURE__ */ jsx66(CopyButton, { value: code, label: "Copy code" }) : null
       ] }),
       pre
     ] });
   }
 );
 CodeBlock.displayName = "CodeBlock";
-var Code = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(
+var Code = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx66(
   "code",
   {
     ref,
@@ -3801,13 +3625,13 @@ var Code = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 Code.displayName = "Code";
 
 // src/components/grid-overlay.tsx
-import * as React56 from "react";
-import { jsx as jsx68 } from "react/jsx-runtime";
+import * as React55 from "react";
+import { jsx as jsx67 } from "react/jsx-runtime";
 var BASELINE = "var(--grid-gutter) / 2";
-var GridOverlay = React56.forwardRef(
+var GridOverlay = React55.forwardRef(
   ({ columns, baseline = false, className, style, ...props }, ref) => {
     const count = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;
-    return /* @__PURE__ */ jsx68(
+    return /* @__PURE__ */ jsx67(
       "div",
       {
         ref,
@@ -3824,7 +3648,7 @@ var GridOverlay = React56.forwardRef(
           ...style
         },
         ...props,
-        children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx68("span", { style: { backgroundColor: "var(--bg-brand)", opacity: 0.1 } }, i))
+        children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx67("span", { style: { backgroundColor: "var(--bg-brand)", opacity: 0.1 } }, i))
       }
     );
   }
@@ -3832,10 +3656,10 @@ var GridOverlay = React56.forwardRef(
 GridOverlay.displayName = "GridOverlay";
 
 // src/components/segment-chip.tsx
-import * as React57 from "react";
+import * as React56 from "react";
 import { cva as cva9 } from "class-variance-authority";
 import { Link2 as Link22, KeyRound, Clock, Plus } from "lucide-react";
-import { jsx as jsx69, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs35 } from "react/jsx-runtime";
 var segmentChipVariants = cva9(
   "inline-flex items-center gap-1.5 rounded-lg border px-2.5 py-1 text-sm font-medium leading-tight",
   {
@@ -3856,11 +3680,11 @@ var kindIcons = {
   pending: Clock,
   available: Plus
 };
-var SegmentChip = React57.forwardRef(
+var SegmentChip = React56.forwardRef(
   ({ kind, resource, icon, hideIcon = false, className, ...props }, ref) => {
     const Icon = icon ?? kindIcons[kind ?? "granted"];
-    return /* @__PURE__ */ jsxs36("span", { ref, className: cn(segmentChipVariants({ kind }), className), ...props, children: [
-      !hideIcon && /* @__PURE__ */ jsx69(Icon, { className: "size-3.5 shrink-0 opacity-90", "aria-hidden": "true" }),
+    return /* @__PURE__ */ jsxs35("span", { ref, className: cn(segmentChipVariants({ kind }), className), ...props, children: [
+      !hideIcon && /* @__PURE__ */ jsx68(Icon, { className: "size-3.5 shrink-0 opacity-90", "aria-hidden": "true" }),
       resource
     ] });
   }
@@ -3868,9 +3692,9 @@ var SegmentChip = React57.forwardRef(
 SegmentChip.displayName = "SegmentChip";
 
 // src/components/connection-card.tsx
-import * as React58 from "react";
+import * as React57 from "react";
 import { AlertTriangle, ChevronDown as ChevronDown4 } from "lucide-react";
-import { Fragment as Fragment7, jsx as jsx70, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx69, jsxs as jsxs36 } from "react/jsx-runtime";
 var authLabels = { app: "App", oauth: "OAuth", token: "token" };
 var statusMeta = {
   connected: { label: "Connected", badge: "success", dot: "success" },
@@ -3880,7 +3704,7 @@ var statusMeta = {
 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 ConnectionCard = React58.forwardRef(
+var ConnectionCard = React57.forwardRef(
   ({
     name,
     scope,
@@ -3901,7 +3725,7 @@ var ConnectionCard = React58.forwardRef(
   }, ref) => {
     const meta = statusMeta[status];
     const connected = status !== "disconnected";
-    const glyphBox = /* @__PURE__ */ jsx70(
+    const glyphBox = /* @__PURE__ */ jsx69(
       "div",
       {
         "aria-hidden": "true",
@@ -3909,51 +3733,51 @@ var ConnectionCard = React58.forwardRef(
         children: glyph ?? monogram(name)
       }
     );
-    const identity = /* @__PURE__ */ jsxs37("div", { className: "min-w-0", children: [
-      /* @__PURE__ */ jsx70("p", { className: "truncate text-sm font-semibold text-text-primary", children: name }),
-      /* @__PURE__ */ jsxs37("div", { className: "mt-0.5 flex flex-wrap gap-1", children: [
-        /* @__PURE__ */ jsx70(Badge, { variant: "secondary", children: scope }),
-        /* @__PURE__ */ jsx70(Badge, { variant: "secondary", children: authLabels[auth] })
+    const identity = /* @__PURE__ */ jsxs36("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsx69("p", { className: "truncate text-sm font-semibold text-text-primary", children: name }),
+      /* @__PURE__ */ jsxs36("div", { className: "mt-0.5 flex flex-wrap gap-1", children: [
+        /* @__PURE__ */ jsx69(Badge, { variant: "secondary", children: scope }),
+        /* @__PURE__ */ jsx69(Badge, { variant: "secondary", children: authLabels[auth] })
       ] })
     ] });
-    const statusBadge = /* @__PURE__ */ jsxs37(Badge, { variant: meta.badge, className: "gap-1.5", children: [
-      /* @__PURE__ */ jsx70(StatusDot, { status: meta.dot, size: "sm" }),
+    const statusBadge = /* @__PURE__ */ jsxs36(Badge, { variant: meta.badge, className: "gap-1.5", children: [
+      /* @__PURE__ */ jsx69(StatusDot, { status: meta.dot, size: "sm" }),
       statusLabel ?? meta.label
     ] });
-    const accessNote = access ? /* @__PURE__ */ jsxs37(
+    const accessNote = access ? /* @__PURE__ */ jsxs36(
       "div",
       {
         role: "note",
         className: "flex items-start gap-2 border-t border-border-subtle bg-bg-warning-subtle px-4 py-2.5 text-xs font-medium text-text-warning",
         children: [
-          /* @__PURE__ */ jsx70(AlertTriangle, { className: "mt-0.5 size-3.5 shrink-0", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx70("span", { children: access })
+          /* @__PURE__ */ jsx69(AlertTriangle, { className: "mt-0.5 size-3.5 shrink-0", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx69("span", { children: access })
         ]
       }
     ) : null;
     const footerAction = collapsible ? action : connected && action;
-    const footer = grantedCount !== void 0 || footerAction ? /* @__PURE__ */ jsxs37("div", { className: "flex items-center justify-between border-t border-border-subtle px-4 py-3", children: [
-      /* @__PURE__ */ jsx70("span", { className: "text-sm text-text-secondary", children: grantedCount !== void 0 ? /* @__PURE__ */ jsxs37(Fragment7, { children: [
+    const footer = grantedCount !== void 0 || footerAction ? /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between border-t border-border-subtle px-4 py-3", children: [
+      /* @__PURE__ */ jsx69("span", { className: "text-sm text-text-secondary", children: grantedCount !== void 0 ? /* @__PURE__ */ jsxs36(Fragment6, { children: [
         "Granted to ",
-        /* @__PURE__ */ jsx70("span", { className: "font-semibold text-text-primary", children: grantedCount }),
+        /* @__PURE__ */ jsx69("span", { className: "font-semibold text-text-primary", children: grantedCount }),
         " ",
         grantedCount === 1 ? "product" : "products"
-      ] }) : /* @__PURE__ */ jsx70("span", { className: "text-text-tertiary", children: "Not granted to any product yet" }) }),
+      ] }) : /* @__PURE__ */ jsx69("span", { className: "text-text-tertiary", children: "Not granted to any product yet" }) }),
       footerAction
     ] }) : null;
-    const drawer = children ? /* @__PURE__ */ jsx70("div", { "data-slot": "drawer", className: "border-t border-border-subtle", children }) : null;
+    const drawer = children ? /* @__PURE__ */ jsx69("div", { "data-slot": "drawer", className: "border-t border-border-subtle", children }) : null;
     if (!collapsible) {
-      return /* @__PURE__ */ jsxs37(
+      return /* @__PURE__ */ jsxs36(
         Card,
         {
           ref,
           className: cn(status === "disconnected" && "border-dashed border-border-default", className),
           ...props,
           children: [
-            /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-3 p-4", children: [
+            /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-3 p-4", children: [
               glyphBox,
               identity,
-              /* @__PURE__ */ jsx70("div", { className: "ml-auto shrink-0", children: connected ? statusBadge : action })
+              /* @__PURE__ */ jsx69("div", { className: "ml-auto shrink-0", children: connected ? statusBadge : action })
             ] }),
             accessNote,
             footer,
@@ -3962,7 +3786,7 @@ var ConnectionCard = React58.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ jsx70(Collapsible, { defaultOpen, open, onOpenChange, children: /* @__PURE__ */ jsxs37(
+    return /* @__PURE__ */ jsx69(Collapsible, { defaultOpen, open, onOpenChange, children: /* @__PURE__ */ jsxs36(
       Card,
       {
         ref,
@@ -3973,7 +3797,7 @@ var ConnectionCard = React58.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx70(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs37(
+          /* @__PURE__ */ jsx69(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs36(
             "button",
             {
               type: "button",
@@ -3981,9 +3805,9 @@ var ConnectionCard = React58.forwardRef(
               children: [
                 glyphBox,
                 identity,
-                /* @__PURE__ */ jsxs37("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
+                /* @__PURE__ */ jsxs36("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
                   statusBadge,
-                  /* @__PURE__ */ jsx70(
+                  /* @__PURE__ */ jsx69(
                     ChevronDown4,
                     {
                       "aria-hidden": "true",
@@ -3994,7 +3818,7 @@ var ConnectionCard = React58.forwardRef(
               ]
             }
           ) }),
-          /* @__PURE__ */ jsxs37(CollapsibleContent2, { children: [
+          /* @__PURE__ */ jsxs36(CollapsibleContent2, { children: [
             accessNote,
             footer,
             drawer
@@ -4007,32 +3831,32 @@ var ConnectionCard = React58.forwardRef(
 ConnectionCard.displayName = "ConnectionCard";
 
 // src/components/request-row.tsx
-import * as React59 from "react";
-import { Fragment as Fragment8, jsx as jsx71, jsxs as jsxs38 } from "react/jsx-runtime";
+import * as React58 from "react";
+import { Fragment as Fragment7, jsx as jsx70, jsxs as jsxs37 } 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 = React59.forwardRef(
+var RequestRow = React58.forwardRef(
   ({ surface, name, state: state2, glyph, subtitle, grantedResource, onApprove, onDeny, onRequest, action, className, ...props }, ref) => {
     let controls = action;
     if (controls === void 0) {
       if (surface === "org" && state2 === "pending") {
-        controls = /* @__PURE__ */ jsxs38(Fragment8, { children: [
-          /* @__PURE__ */ jsx71(Button, { variant: "outline", size: "sm", onClick: onDeny, children: "Deny" }),
-          /* @__PURE__ */ jsx71(Button, { size: "sm", onClick: onApprove, children: "Approve" })
+        controls = /* @__PURE__ */ jsxs37(Fragment7, { children: [
+          /* @__PURE__ */ jsx70(Button, { variant: "outline", size: "sm", onClick: onDeny, children: "Deny" }),
+          /* @__PURE__ */ jsx70(Button, { size: "sm", onClick: onApprove, children: "Approve" })
         ] });
       } else if (state2 === "available") {
-        controls = /* @__PURE__ */ jsx71(Button, { size: "sm", onClick: onRequest, children: "Request" });
+        controls = /* @__PURE__ */ jsx70(Button, { size: "sm", onClick: onRequest, children: "Request" });
       } else if (state2 === "pending") {
-        controls = /* @__PURE__ */ jsxs38(Badge, { variant: "secondary", className: "gap-1.5", children: [
-          /* @__PURE__ */ jsx71(StatusDot, { status: "neutral", size: "sm" }),
+        controls = /* @__PURE__ */ jsxs37(Badge, { variant: "secondary", className: "gap-1.5", children: [
+          /* @__PURE__ */ jsx70(StatusDot, { status: "neutral", size: "sm" }),
           "Pending"
         ] });
       } else if (state2 === "granted") {
-        controls = /* @__PURE__ */ jsx71(SegmentChip, { kind: "granted", resource: grantedResource ?? "a segment" });
+        controls = /* @__PURE__ */ jsx70(SegmentChip, { kind: "granted", resource: grantedResource ?? "a segment" });
       }
     }
-    return /* @__PURE__ */ jsxs38(
+    return /* @__PURE__ */ jsxs37(
       "div",
       {
         ref,
@@ -4042,7 +3866,7 @@ var RequestRow = React59.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx71(
+          /* @__PURE__ */ jsx70(
             "div",
             {
               "aria-hidden": "true",
@@ -4050,11 +3874,11 @@ var RequestRow = React59.forwardRef(
               children: glyph ?? monogram2(name)
             }
           ),
-          /* @__PURE__ */ jsxs38("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsx71("p", { className: "truncate text-sm font-semibold text-text-primary", children: name }),
-            subtitle && /* @__PURE__ */ jsx71("p", { className: "truncate text-xs text-text-tertiary", children: subtitle })
+          /* @__PURE__ */ jsxs37("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx70("p", { className: "truncate text-sm font-semibold text-text-primary", children: name }),
+            subtitle && /* @__PURE__ */ jsx70("p", { className: "truncate text-xs text-text-tertiary", children: subtitle })
           ] }),
-          /* @__PURE__ */ jsx71("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: controls })
+          /* @__PURE__ */ jsx70("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: controls })
         ]
       }
     );
@@ -4063,9 +3887,9 @@ var RequestRow = React59.forwardRef(
 RequestRow.displayName = "RequestRow";
 
 // src/components/feedback-button.tsx
-import * as React60 from "react";
+import * as React59 from "react";
 import { MessageSquare, Loader2 as Loader22, CheckCircle2 } from "lucide-react";
-import { jsx as jsx72, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs38 } from "react/jsx-runtime";
 var TITLE_MAX = 256;
 var DETAILS_MAX = 65536;
 var DEFAULT_LABELS = {
@@ -4079,15 +3903,15 @@ var DEFAULT_LABELS = {
 };
 function FeedbackButton({ onSubmit, labels, className }) {
   const l = { ...DEFAULT_LABELS, ...labels };
-  const uid = React60.useId();
+  const uid = React59.useId();
   const titleId = `${uid}-title`;
   const detailsId = `${uid}-details`;
   const titleErrId = `${uid}-title-error`;
   const detailsErrId = `${uid}-details-error`;
-  const [open, setOpen] = React60.useState(false);
-  const [status, setStatus] = React60.useState("idle");
-  const [title, setTitle] = React60.useState("");
-  const [details, setDetails] = React60.useState("");
+  const [open, setOpen] = React59.useState(false);
+  const [status, setStatus] = React59.useState("idle");
+  const [title, setTitle] = React59.useState("");
+  const [details, setDetails] = React59.useState("");
   const titleTooLong = title.length > TITLE_MAX;
   const detailsTooLong = details.length > DETAILS_MAX;
   const titleEmpty = title.trim().length === 0;
@@ -4112,20 +3936,20 @@ function FeedbackButton({ onSubmit, labels, className }) {
       setStatus("error");
     }
   };
-  return /* @__PURE__ */ jsxs39(Popover, { open, onOpenChange: changeOpen, children: [
-    /* @__PURE__ */ jsx72(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs39(Button, { variant: "ghost", size: "sm", "aria-label": l.trigger, className, children: [
-      /* @__PURE__ */ jsx72(MessageSquare, { className: "size-4", "aria-hidden": "true" }),
+  return /* @__PURE__ */ jsxs38(Popover, { open, onOpenChange: changeOpen, children: [
+    /* @__PURE__ */ jsx71(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs38(Button, { variant: "ghost", size: "sm", "aria-label": l.trigger, className, children: [
+      /* @__PURE__ */ jsx71(MessageSquare, { className: "size-4", "aria-hidden": "true" }),
       l.trigger
     ] }) }),
-    /* @__PURE__ */ jsx72(PopoverContent, { align: "end", side: "bottom", className: "w-80", children: status === "success" ? /* @__PURE__ */ jsxs39("div", { className: "flex flex-col items-center gap-3 py-2 text-center", children: [
-      /* @__PURE__ */ jsx72(CheckCircle2, { className: "size-8 text-text-success", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx72("p", { role: "status", className: "text-sm text-text-primary", children: l.success }),
-      /* @__PURE__ */ jsx72(Button, { variant: "outline", size: "sm", onClick: () => changeOpen(false), children: "Close" })
-    ] }) : /* @__PURE__ */ jsxs39("form", { onSubmit: handleSubmit, className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsx72("p", { className: "text-sm font-medium text-text-primary", children: l.title }),
-      /* @__PURE__ */ jsxs39("div", { className: "flex flex-col gap-1.5", children: [
-        /* @__PURE__ */ jsx72(Label2, { htmlFor: titleId, children: l.titleField }),
-        /* @__PURE__ */ jsx72(
+    /* @__PURE__ */ jsx71(PopoverContent, { align: "end", side: "bottom", className: "w-80", children: status === "success" ? /* @__PURE__ */ jsxs38("div", { className: "flex flex-col items-center gap-3 py-2 text-center", children: [
+      /* @__PURE__ */ jsx71(CheckCircle2, { className: "size-8 text-text-success", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx71("p", { role: "status", className: "text-sm text-text-primary", children: l.success }),
+      /* @__PURE__ */ jsx71(Button, { variant: "outline", size: "sm", onClick: () => changeOpen(false), children: "Close" })
+    ] }) : /* @__PURE__ */ jsxs38("form", { onSubmit: handleSubmit, className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx71("p", { className: "text-sm font-medium text-text-primary", children: l.title }),
+      /* @__PURE__ */ jsxs38("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsx71(Label2, { htmlFor: titleId, children: l.titleField }),
+        /* @__PURE__ */ jsx71(
           Input,
           {
             id: titleId,
@@ -4136,16 +3960,16 @@ function FeedbackButton({ onSubmit, labels, className }) {
             "aria-describedby": titleTooLong ? titleErrId : void 0
           }
         ),
-        titleTooLong && /* @__PURE__ */ jsxs39("p", { id: titleErrId, className: "text-xs text-text-danger", children: [
+        titleTooLong && /* @__PURE__ */ jsxs38("p", { id: titleErrId, className: "text-xs text-text-danger", children: [
           l.titleField,
           " must be ",
           TITLE_MAX,
           " characters or fewer."
         ] })
       ] }),
-      /* @__PURE__ */ jsxs39("div", { className: "flex flex-col gap-1.5", children: [
-        /* @__PURE__ */ jsx72(Label2, { htmlFor: detailsId, children: l.detailsField }),
-        /* @__PURE__ */ jsx72(
+      /* @__PURE__ */ jsxs38("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsx71(Label2, { htmlFor: detailsId, children: l.detailsField }),
+        /* @__PURE__ */ jsx71(
           Textarea,
           {
             id: detailsId,
@@ -4156,16 +3980,16 @@ function FeedbackButton({ onSubmit, labels, className }) {
             "aria-describedby": detailsTooLong ? detailsErrId : void 0
           }
         ),
-        detailsTooLong && /* @__PURE__ */ jsxs39("p", { id: detailsErrId, className: "text-xs text-text-danger", children: [
+        detailsTooLong && /* @__PURE__ */ jsxs38("p", { id: detailsErrId, className: "text-xs text-text-danger", children: [
           l.detailsField,
           " must be ",
           DETAILS_MAX,
           " characters or fewer."
         ] })
       ] }),
-      status === "error" && /* @__PURE__ */ jsx72(InlineError, { children: l.error }),
-      /* @__PURE__ */ jsxs39(Button, { type: "submit", disabled: !valid || submitting, children: [
-        submitting && /* @__PURE__ */ jsx72(Loader22, { className: "size-4 animate-spin", "aria-hidden": "true" }),
+      status === "error" && /* @__PURE__ */ jsx71(InlineError, { children: l.error }),
+      /* @__PURE__ */ jsxs38(Button, { type: "submit", disabled: !valid || submitting, children: [
+        submitting && /* @__PURE__ */ jsx71(Loader22, { className: "size-4 animate-spin", "aria-hidden": "true" }),
         l.submit
       ] })
     ] }) })
@@ -4174,7 +3998,7 @@ function FeedbackButton({ onSubmit, labels, className }) {
 
 // src/components/create-product-window.tsx
 import { useForm } from "react-hook-form";
-import { jsx as jsx73, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs39 } from "react/jsx-runtime";
 var CREATE_ORG_VALUE = "__create_new_org__";
 function CreateProductWindow({
   organizations,
@@ -4207,10 +4031,10 @@ function CreateProductWindow({
     }
   });
   const showSelect = organizations.length > 0;
-  return /* @__PURE__ */ jsxs40("div", { className: "flex w-full max-w-md flex-col gap-6", children: [
-    showSelect && /* @__PURE__ */ jsxs40("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx73("span", { className: "text-sm font-medium leading-none text-text-primary", children: "Organization" }),
-      /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsxs39("div", { className: "flex w-full max-w-md flex-col gap-6", children: [
+    showSelect && /* @__PURE__ */ jsxs39("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx72("span", { className: "text-sm font-medium leading-none text-text-primary", children: "Organization" }),
+      /* @__PURE__ */ jsx72(
         Select,
         {
           "data-testid": "create-product-org-select",
@@ -4223,9 +4047,9 @@ function CreateProductWindow({
         }
       )
     ] }),
-    !createOrgMode && /* @__PURE__ */ jsxs40("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx73("span", { className: "text-sm font-medium leading-none text-text-primary", children: "Products" }),
-      productsLoading ? /* @__PURE__ */ jsx73("p", { className: "text-sm text-text-tertiary", children: "Loading products\u2026" }) : products.length === 0 ? /* @__PURE__ */ jsx73("p", { className: "text-sm text-text-tertiary", children: "No products yet." }) : /* @__PURE__ */ jsx73("ul", { className: "flex flex-col gap-1", children: products.map((product) => /* @__PURE__ */ jsx73("li", { children: /* @__PURE__ */ jsxs40(
+    !createOrgMode && /* @__PURE__ */ jsxs39("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx72("span", { className: "text-sm font-medium leading-none text-text-primary", children: "Products" }),
+      productsLoading ? /* @__PURE__ */ jsx72("p", { className: "text-sm text-text-tertiary", children: "Loading products\u2026" }) : products.length === 0 ? /* @__PURE__ */ jsx72("p", { className: "text-sm text-text-tertiary", children: "No products yet." }) : /* @__PURE__ */ jsx72("ul", { className: "flex flex-col gap-1", children: products.map((product) => /* @__PURE__ */ jsx72("li", { children: /* @__PURE__ */ jsxs39(
         "button",
         {
           type: "button",
@@ -4234,14 +4058,14 @@ function CreateProductWindow({
             "flex w-full items-center justify-between rounded-md border border-border-default bg-bg-primary px-3 py-2 text-left text-sm text-text-primary hover:bg-bg-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus"
           ),
           children: [
-            /* @__PURE__ */ jsx73("span", { className: "truncate", children: product.name }),
-            /* @__PURE__ */ jsx73("span", { className: "ml-2 truncate text-text-tertiary", children: product.slug })
+            /* @__PURE__ */ jsx72("span", { className: "truncate", children: product.name }),
+            /* @__PURE__ */ jsx72("span", { className: "ml-2 truncate text-text-tertiary", children: product.slug })
           ]
         }
       ) }, product.id)) })
     ] }),
-    /* @__PURE__ */ jsx73(Form, { ...form, children: /* @__PURE__ */ jsxs40("form", { onSubmit: handleSubmit, className: "flex flex-col gap-4", noValidate: true, children: [
-      createOrgMode && /* @__PURE__ */ jsx73(
+    /* @__PURE__ */ jsx72(Form, { ...form, children: /* @__PURE__ */ jsxs39("form", { onSubmit: handleSubmit, className: "flex flex-col gap-4", noValidate: true, children: [
+      createOrgMode && /* @__PURE__ */ jsx72(
         FormField,
         {
           control: form.control,
@@ -4249,14 +4073,14 @@ function CreateProductWindow({
           rules: {
             validate: (value) => value.trim().length > 0 || "Organization name is required"
           },
-          render: ({ field }) => /* @__PURE__ */ jsxs40(FormItem, { children: [
-            /* @__PURE__ */ jsx73(FormLabel, { children: "Organization name" }),
-            /* @__PURE__ */ jsx73(FormControl, { children: /* @__PURE__ */ jsx73(Input, { placeholder: "Acme Inc.", ...field }) }),
-            /* @__PURE__ */ jsx73(FormMessage, {})
+          render: ({ field }) => /* @__PURE__ */ jsxs39(FormItem, { children: [
+            /* @__PURE__ */ jsx72(FormLabel, { children: "Organization name" }),
+            /* @__PURE__ */ jsx72(FormControl, { children: /* @__PURE__ */ jsx72(Input, { placeholder: "Acme Inc.", ...field }) }),
+            /* @__PURE__ */ jsx72(FormMessage, {})
           ] })
         }
       ),
-      /* @__PURE__ */ jsx73(
+      /* @__PURE__ */ jsx72(
         FormField,
         {
           control: form.control,
@@ -4264,15 +4088,15 @@ function CreateProductWindow({
           rules: {
             validate: (value) => value.trim().length > 0 || "Product name is required"
           },
-          render: ({ field }) => /* @__PURE__ */ jsxs40(FormItem, { children: [
-            /* @__PURE__ */ jsx73(FormLabel, { children: "Product name" }),
-            /* @__PURE__ */ jsx73(FormControl, { children: /* @__PURE__ */ jsx73(Input, { placeholder: "My product", ...field }) }),
-            /* @__PURE__ */ jsx73(FormMessage, {})
+          render: ({ field }) => /* @__PURE__ */ jsxs39(FormItem, { children: [
+            /* @__PURE__ */ jsx72(FormLabel, { children: "Product name" }),
+            /* @__PURE__ */ jsx72(FormControl, { children: /* @__PURE__ */ jsx72(Input, { placeholder: "My product", ...field }) }),
+            /* @__PURE__ */ jsx72(FormMessage, {})
           ] })
         }
       ),
-      error && /* @__PURE__ */ jsx73(InlineError, { children: error }),
-      /* @__PURE__ */ jsx73(Button, { type: "submit", disabled: submitting, children: "Create product" })
+      error && /* @__PURE__ */ jsx72(InlineError, { children: error }),
+      /* @__PURE__ */ jsx72(Button, { type: "submit", disabled: submitting, children: "Create product" })
     ] }) })
   ] });
 }
@@ -4311,18 +4135,18 @@ function isNotificationSettled(item) {
 }
 
 // src/components/notification-bell.tsx
-import * as React61 from "react";
+import * as React60 from "react";
 import { BellRing, Check as Check7, Settings } from "lucide-react";
-import { jsx as jsx74, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs40 } from "react/jsx-runtime";
 function MarkReadButton({ title, onClick }) {
-  return /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsx73(
     "button",
     {
       type: "button",
       "aria-label": `Mark "${title}" as read`,
       onClick,
       className: "flex size-5 shrink-0 items-center justify-center rounded text-text-tertiary opacity-0 transition-opacity hover:text-text-primary focus-visible:opacity-100 group-hover:opacity-100",
-      children: /* @__PURE__ */ jsx74(Check7, { className: "size-3.5", "aria-hidden": "true" })
+      children: /* @__PURE__ */ jsx73(Check7, { className: "size-3.5", "aria-hidden": "true" })
     }
   );
 }
@@ -4338,10 +4162,10 @@ function BellRow({
   const markable = Boolean(onMarkRead) && unread && item.cls !== "ephemeral";
   const actions = settled ? [] : item.actions ?? [];
   const age = item.createdAt ? formatAge(item.createdAt instanceof Date ? item.createdAt : new Date(item.createdAt)) : null;
-  return /* @__PURE__ */ jsxs41("div", { className: cn("group rounded-lg bg-bg-surface px-3 py-2.5", settled && "opacity-45"), children: [
-    /* @__PURE__ */ jsxs41("div", { className: "flex items-start gap-2.5", children: [
-      /* @__PURE__ */ jsxs41("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsxs40("div", { className: cn("group rounded-lg bg-bg-surface px-3 py-2.5", settled && "opacity-45"), children: [
+    /* @__PURE__ */ jsxs40("div", { className: "flex items-start gap-2.5", children: [
+      /* @__PURE__ */ jsxs40("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx73(
           "button",
           {
             type: "button",
@@ -4353,20 +4177,20 @@ function BellRow({
             children: item.title
           }
         ),
-        /* @__PURE__ */ jsxs41("p", { className: "mt-1 truncate text-xs text-text-tertiary", children: [
-          /* @__PURE__ */ jsx74("span", { className: "font-semibold uppercase tracking-wide text-text-secondary", children: item.source }),
+        /* @__PURE__ */ jsxs40("p", { className: "mt-1 truncate text-xs text-text-tertiary", children: [
+          /* @__PURE__ */ jsx73("span", { className: "font-semibold uppercase tracking-wide text-text-secondary", children: item.source }),
           item.receipt ? `, ${item.receipt}` : ""
         ] })
       ] }),
-      (age || markable) && /* @__PURE__ */ jsxs41("div", { className: "mt-px flex shrink-0 items-center gap-1", children: [
-        age && /* @__PURE__ */ jsx74("span", { className: "text-xs text-text-tertiary", children: age }),
-        markable && /* @__PURE__ */ jsx74(MarkReadButton, { title: item.title, onClick: () => onMarkRead(item.id) })
+      (age || markable) && /* @__PURE__ */ jsxs40("div", { className: "mt-px flex shrink-0 items-center gap-1", children: [
+        age && /* @__PURE__ */ jsx73("span", { className: "text-xs text-text-tertiary", children: age }),
+        markable && /* @__PURE__ */ jsx73(MarkReadButton, { title: item.title, onClick: () => onMarkRead(item.id) })
       ] })
     ] }),
-    (actions.length > 0 || item.deepLink) && /* @__PURE__ */ jsxs41("div", { className: "mt-2 flex flex-wrap items-center gap-x-4 gap-y-2", children: [
+    (actions.length > 0 || item.deepLink) && /* @__PURE__ */ jsxs40("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__ */ jsx74(
+        return /* @__PURE__ */ jsx73(
           "button",
           {
             type: "button",
@@ -4381,7 +4205,7 @@ function BellRow({
           action.id
         );
       }),
-      item.deepLink && /* @__PURE__ */ jsx74(
+      item.deepLink && /* @__PURE__ */ jsx73(
         "button",
         {
           type: "button",
@@ -4393,7 +4217,7 @@ function BellRow({
     ] })
   ] });
 }
-var NotificationBell = React61.forwardRef(
+var NotificationBell = React60.forwardRef(
   ({
     items,
     unreadCount,
@@ -4410,13 +4234,13 @@ var NotificationBell = React61.forwardRef(
     className
   }, ref) => {
     const unread = unreadCount ?? items.filter((n) => !n.read && n.cls !== "ephemeral").length;
-    const age = React61.useCallback(
+    const age = React60.useCallback(
       (createdAt) => formatAge ? formatAge(createdAt) : formatRelativeAge(createdAt),
       [formatAge]
     );
     const rows = items.slice(0, maxItems);
-    return /* @__PURE__ */ jsxs41(Popover, { open, onOpenChange, children: [
-      /* @__PURE__ */ jsx74(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs41(
+    return /* @__PURE__ */ jsxs40(Popover, { open, onOpenChange, children: [
+      /* @__PURE__ */ jsx73(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs40(
         "button",
         {
           ref,
@@ -4427,16 +4251,16 @@ var NotificationBell = React61.forwardRef(
             className
           ),
           children: [
-            /* @__PURE__ */ jsx74(BellRing, { className: "size-[18px]", "aria-hidden": "true" }),
-            unread > 0 && /* @__PURE__ */ jsx74("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__ */ jsx73(BellRing, { className: "size-[18px]", "aria-hidden": "true" }),
+            unread > 0 && /* @__PURE__ */ jsx73("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__ */ jsxs41(PopoverContent, { align: "end", className: "w-[380px] overflow-hidden p-0", children: [
-        /* @__PURE__ */ jsxs41("div", { className: "flex items-center justify-between px-5 py-3", children: [
-          /* @__PURE__ */ jsx74("span", { className: "text-sm font-bold text-text-primary", children: "Notification center" }),
-          /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx74(
+      /* @__PURE__ */ jsxs40(PopoverContent, { align: "end", className: "w-[380px] overflow-hidden p-0", children: [
+        /* @__PURE__ */ jsxs40("div", { className: "flex items-center justify-between px-5 py-3", children: [
+          /* @__PURE__ */ jsx73("span", { className: "text-sm font-bold text-text-primary", children: "Notification center" }),
+          /* @__PURE__ */ jsxs40("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx73(
               "button",
               {
                 type: "button",
@@ -4449,19 +4273,19 @@ var NotificationBell = React61.forwardRef(
                 children: "Mark all read"
               }
             ),
-            onOpenSettings && /* @__PURE__ */ jsx74(
+            onOpenSettings && /* @__PURE__ */ jsx73(
               "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__ */ jsx74(Settings, { className: "size-[15px]", "aria-hidden": "true" })
+                children: /* @__PURE__ */ jsx73(Settings, { className: "size-[15px]", "aria-hidden": "true" })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx74("div", { className: "space-y-1.5 px-2 pb-2", children: rows.length === 0 ? /* @__PURE__ */ jsx74("p", { className: "px-3 py-12 text-center text-xs leading-relaxed text-text-disabled", children: "Nothing yet. Everything addressed to you lands here." }) : rows.map((item) => /* @__PURE__ */ jsx74(
+        /* @__PURE__ */ jsx73("div", { className: "space-y-1.5 px-2 pb-2", children: rows.length === 0 ? /* @__PURE__ */ jsx73("p", { className: "px-3 py-12 text-center text-xs leading-relaxed text-text-disabled", children: "Nothing yet. Everything addressed to you lands here." }) : rows.map((item) => /* @__PURE__ */ jsx73(
           BellRow,
           {
             item,
@@ -4472,7 +4296,7 @@ var NotificationBell = React61.forwardRef(
           },
           item.id
         )) }),
-        items.length > 0 && onOpenArchive && /* @__PURE__ */ jsx74(
+        items.length > 0 && onOpenArchive && /* @__PURE__ */ jsx73(
           "button",
           {
             type: "button",
@@ -4488,21 +4312,21 @@ var NotificationBell = React61.forwardRef(
 NotificationBell.displayName = "NotificationBell";
 
 // src/components/notification-center.tsx
-import * as React62 from "react";
+import * as React61 from "react";
 import { ArrowUpRight, Check as Check8, Search as Search2 } from "lucide-react";
-import { jsx as jsx75, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs41 } 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";
 function MarkReadButton2({ title, onClick }) {
-  return /* @__PURE__ */ jsx75(
+  return /* @__PURE__ */ jsx74(
     "button",
     {
       type: "button",
       "aria-label": `Mark "${title}" as read`,
       onClick,
       className: "flex size-5 shrink-0 items-center justify-center rounded text-text-tertiary opacity-0 transition-opacity hover:text-text-primary focus-visible:opacity-100 group-hover:opacity-100",
-      children: /* @__PURE__ */ jsx75(Check8, { className: "size-3.5", "aria-hidden": "true" })
+      children: /* @__PURE__ */ jsx74(Check8, { className: "size-3.5", "aria-hidden": "true" })
     }
   );
 }
@@ -4516,16 +4340,16 @@ function CenterRow({
   const unread = !item.read;
   const markable = Boolean(onMarkRead) && unread && item.cls !== "ephemeral";
   const age = item.createdAt ? formatAge(item.createdAt instanceof Date ? item.createdAt : new Date(item.createdAt)) : null;
-  return /* @__PURE__ */ jsxs42("article", { className: "group rounded-lg bg-bg-elevated px-4 py-3", children: [
-    /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx75("span", { className: "text-xs font-semibold uppercase tracking-[0.09em] text-text-secondary", children: item.source }),
-      /* @__PURE__ */ jsx75(Badge, { variant: severityBadgeVariant(item.severity), children: severityLabels[item.severity] }),
-      (age || markable) && /* @__PURE__ */ jsxs42("div", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: [
-        age && /* @__PURE__ */ jsx75("span", { className: "text-xs tabular-nums text-text-tertiary", children: age }),
-        markable && /* @__PURE__ */ jsx75(MarkReadButton2, { title: item.title, onClick: () => onMarkRead(item.id) })
+  return /* @__PURE__ */ jsxs41("article", { className: "group rounded-lg bg-bg-elevated px-4 py-3", children: [
+    /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx74("span", { className: "text-xs font-semibold uppercase tracking-[0.09em] text-text-secondary", children: item.source }),
+      /* @__PURE__ */ jsx74(Badge, { variant: severityBadgeVariant(item.severity), children: severityLabels[item.severity] }),
+      (age || markable) && /* @__PURE__ */ jsxs41("div", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: [
+        age && /* @__PURE__ */ jsx74("span", { className: "text-xs tabular-nums text-text-tertiary", children: age }),
+        markable && /* @__PURE__ */ jsx74(MarkReadButton2, { title: item.title, onClick: () => onMarkRead(item.id) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx75(
+    /* @__PURE__ */ jsx74(
       "button",
       {
         type: "button",
@@ -4537,13 +4361,13 @@ function CenterRow({
         children: item.title
       }
     ),
-    item.body && /* @__PURE__ */ jsx75("p", { className: "mt-0.5 text-sm leading-snug text-text-secondary", children: item.body }),
-    (item.receipt || item.deepLink) && /* @__PURE__ */ jsxs42("div", { className: "mt-2 flex flex-wrap items-center gap-x-4 gap-y-1.5", children: [
-      item.receipt && /* @__PURE__ */ jsxs42("span", { className: "inline-flex items-center gap-1.5 text-sm text-text-tertiary", children: [
-        /* @__PURE__ */ jsx75(Check8, { className: "size-3 shrink-0 text-text-success", "aria-hidden": "true" }),
+    item.body && /* @__PURE__ */ jsx74("p", { className: "mt-0.5 text-sm leading-snug text-text-secondary", children: item.body }),
+    (item.receipt || item.deepLink) && /* @__PURE__ */ jsxs41("div", { className: "mt-2 flex flex-wrap items-center gap-x-4 gap-y-1.5", children: [
+      item.receipt && /* @__PURE__ */ jsxs41("span", { className: "inline-flex items-center gap-1.5 text-sm text-text-tertiary", children: [
+        /* @__PURE__ */ jsx74(Check8, { className: "size-3 shrink-0 text-text-success", "aria-hidden": "true" }),
         item.receipt
       ] }),
-      item.deepLink && /* @__PURE__ */ jsxs42(
+      item.deepLink && /* @__PURE__ */ jsxs41(
         "button",
         {
           type: "button",
@@ -4551,14 +4375,14 @@ function CenterRow({
           className: "inline-flex items-center gap-1 text-sm font-medium text-text-brand transition-colors hover:text-text-primary",
           children: [
             item.deepLink.label,
-            /* @__PURE__ */ jsx75(ArrowUpRight, { className: "size-3", "aria-hidden": "true" })
+            /* @__PURE__ */ jsx74(ArrowUpRight, { className: "size-3", "aria-hidden": "true" })
           ]
         }
       )
     ] })
   ] });
 }
-var NotificationCenter = React62.forwardRef(
+var NotificationCenter = React61.forwardRef(
   ({
     items,
     title = "Notifications",
@@ -4574,16 +4398,16 @@ var NotificationCenter = React62.forwardRef(
     formatAge,
     className
   }, ref) => {
-    const [status, setStatus] = React62.useState("all");
-    const [source, setSource] = React62.useState("all");
-    const [product, setProduct] = React62.useState("all");
-    const [query, setQuery] = React62.useState("");
-    const [limit, setLimit] = React62.useState(pageSize);
-    const age = React62.useCallback(
+    const [status, setStatus] = React61.useState("all");
+    const [source, setSource] = React61.useState("all");
+    const [product, setProduct] = React61.useState("all");
+    const [query, setQuery] = React61.useState("");
+    const [limit, setLimit] = React61.useState(pageSize);
+    const age = React61.useCallback(
       (createdAt) => formatAge ? formatAge(createdAt) : formatRelativeAge(createdAt),
       [formatAge]
     );
-    const sourceChips = React62.useMemo(
+    const sourceChips = React61.useMemo(
       () => sources ?? Array.from(new Set(items.map((n) => n.source))),
       [sources, items]
     );
@@ -4594,13 +4418,13 @@ var NotificationCenter = React62.forwardRef(
     const shown = matched.slice(0, limit);
     const remaining = matched.length - shown.length;
     const filtering = q !== "" || status !== "all" || source !== "all" || product !== "all";
-    return /* @__PURE__ */ jsxs42("div", { ref, className: cn("mx-auto max-w-[560px]", className), children: [
-      /* @__PURE__ */ jsxs42("div", { className: "mb-4 flex items-start gap-4", children: [
-        /* @__PURE__ */ jsxs42("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx75("h1", { className: "mb-1.5 text-2xl font-semibold tracking-tight text-text-primary", children: title }),
-          description && /* @__PURE__ */ jsx75("p", { className: "text-sm text-text-tertiary", children: description })
+    return /* @__PURE__ */ jsxs41("div", { ref, className: cn("mx-auto max-w-[560px]", className), children: [
+      /* @__PURE__ */ jsxs41("div", { className: "mb-4 flex items-start gap-4", children: [
+        /* @__PURE__ */ jsxs41("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx74("h1", { className: "mb-1.5 text-2xl font-semibold tracking-tight text-text-primary", children: title }),
+          description && /* @__PURE__ */ jsx74("p", { className: "text-sm text-text-tertiary", children: description })
         ] }),
-        onMarkAllRead && /* @__PURE__ */ jsx75(
+        onMarkAllRead && /* @__PURE__ */ jsx74(
           "button",
           {
             type: "button",
@@ -4610,9 +4434,9 @@ var NotificationCenter = React62.forwardRef(
           }
         )
       ] }),
-      searchable && /* @__PURE__ */ jsxs42("div", { className: "mb-3 flex items-center gap-2 rounded-lg bg-bg-elevated px-3 py-2", children: [
-        /* @__PURE__ */ jsx75(Search2, { className: "size-4 shrink-0 text-text-tertiary", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx75(
+      searchable && /* @__PURE__ */ jsxs41("div", { className: "mb-3 flex items-center gap-2 rounded-lg bg-bg-elevated px-3 py-2", children: [
+        /* @__PURE__ */ jsx74(Search2, { className: "size-4 shrink-0 text-text-tertiary", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx74(
           "input",
           {
             type: "text",
@@ -4623,8 +4447,8 @@ var NotificationCenter = React62.forwardRef(
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs42("div", { className: "mb-2 flex flex-wrap gap-1.5", children: [
-        /* @__PURE__ */ jsx75(
+      /* @__PURE__ */ jsxs41("div", { className: "mb-2 flex flex-wrap gap-1.5", children: [
+        /* @__PURE__ */ jsx74(
           "button",
           {
             type: "button",
@@ -4633,7 +4457,7 @@ var NotificationCenter = React62.forwardRef(
             children: "All"
           }
         ),
-        /* @__PURE__ */ jsx75(
+        /* @__PURE__ */ jsx74(
           "button",
           {
             type: "button",
@@ -4643,8 +4467,8 @@ var NotificationCenter = React62.forwardRef(
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs42("div", { className: "mb-2 flex flex-wrap gap-1.5", children: [
-        /* @__PURE__ */ jsx75(
+      /* @__PURE__ */ jsxs41("div", { className: "mb-2 flex flex-wrap gap-1.5", children: [
+        /* @__PURE__ */ jsx74(
           "button",
           {
             type: "button",
@@ -4653,7 +4477,7 @@ var NotificationCenter = React62.forwardRef(
             children: "All sources"
           }
         ),
-        sourceChips.map((s) => /* @__PURE__ */ jsx75(
+        sourceChips.map((s) => /* @__PURE__ */ jsx74(
           "button",
           {
             type: "button",
@@ -4664,8 +4488,8 @@ var NotificationCenter = React62.forwardRef(
           s
         ))
       ] }),
-      products && products.length > 0 && /* @__PURE__ */ jsxs42("div", { className: "mb-4 flex flex-wrap gap-1.5", children: [
-        /* @__PURE__ */ jsx75(
+      products && products.length > 0 && /* @__PURE__ */ jsxs41("div", { className: "mb-4 flex flex-wrap gap-1.5", children: [
+        /* @__PURE__ */ jsx74(
           "button",
           {
             type: "button",
@@ -4674,7 +4498,7 @@ var NotificationCenter = React62.forwardRef(
             children: "All products"
           }
         ),
-        products.map((p) => /* @__PURE__ */ jsx75(
+        products.map((p) => /* @__PURE__ */ jsx74(
           "button",
           {
             type: "button",
@@ -4685,8 +4509,8 @@ var NotificationCenter = React62.forwardRef(
           p.id
         ))
       ] }),
-      shown.length === 0 ? /* @__PURE__ */ jsx75("p", { className: "rounded-xl bg-bg-elevated px-4 py-10 text-center text-sm leading-relaxed text-text-disabled", children: filtering ? "Nothing matches." : "Nothing here yet. Everything addressed to you lands here." }) : /* @__PURE__ */ jsxs42("div", { className: "flex flex-col gap-1.5", children: [
-        shown.map((item) => /* @__PURE__ */ jsx75(
+      shown.length === 0 ? /* @__PURE__ */ jsx74("p", { className: "rounded-xl bg-bg-elevated px-4 py-10 text-center text-sm leading-relaxed text-text-disabled", children: filtering ? "Nothing matches." : "Nothing here yet. Everything addressed to you lands here." }) : /* @__PURE__ */ jsxs41("div", { className: "flex flex-col gap-1.5", children: [
+        shown.map((item) => /* @__PURE__ */ jsx74(
           CenterRow,
           {
             item,
@@ -4697,7 +4521,7 @@ var NotificationCenter = React62.forwardRef(
           },
           item.id
         )),
-        remaining > 0 && /* @__PURE__ */ jsxs42(
+        remaining > 0 && /* @__PURE__ */ jsxs41(
           "button",
           {
             type: "button",
@@ -4717,9 +4541,9 @@ var NotificationCenter = React62.forwardRef(
 NotificationCenter.displayName = "NotificationCenter";
 
 // src/components/notification-settings.tsx
-import * as React63 from "react";
+import * as React62 from "react";
 import { Moon as Moon2, Plus as Plus2, Volume2 } from "lucide-react";
-import { Fragment as Fragment9, jsx as jsx76, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx75, jsxs as jsxs42 } from "react/jsx-runtime";
 var THRESHOLDS = [
   ["everything", "Everything"],
   ["important", "Important"],
@@ -4731,13 +4555,13 @@ function ThresholdControl({
   value,
   onChange
 }) {
-  return /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx75(
     "span",
     {
       role: "group",
       "aria-label": `Interrupt me for ${label}`,
       className: "inline-flex shrink-0 overflow-hidden rounded-md bg-bg-primary",
-      children: THRESHOLDS.map(([threshold, text]) => /* @__PURE__ */ jsx76(
+      children: THRESHOLDS.map(([threshold, text]) => /* @__PURE__ */ jsx75(
         "button",
         {
           type: "button",
@@ -4754,7 +4578,7 @@ function ThresholdControl({
     }
   );
 }
-var NotificationSettings = React63.forwardRef(
+var NotificationSettings = React62.forwardRef(
   ({
     subscriptions,
     value,
@@ -4767,7 +4591,7 @@ var NotificationSettings = React63.forwardRef(
     pushSlot,
     className
   }, ref) => {
-    const [tab, setTab] = React63.useState(DEFAULT_KEY);
+    const [tab, setTab] = React62.useState(DEFAULT_KEY);
     const isDefault = tab === DEFAULT_KEY;
     const defaults = value[DEFAULT_KEY] ?? { thresholds: {} };
     const customized = !isDefault && Object.prototype.hasOwnProperty.call(value, tab);
@@ -4787,15 +4611,15 @@ var NotificationSettings = React63.forwardRef(
     const scopeGroup = (scope) => {
       const rows = subscriptions.filter((s) => s.scope === scope);
       if (rows.length === 0) return null;
-      return /* @__PURE__ */ jsxs43("div", { children: [
-        /* @__PURE__ */ jsx76("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__ */ jsx76("div", { className: "space-y-2", children: rows.map((sub) => /* @__PURE__ */ jsxs43(
+      return /* @__PURE__ */ jsxs42("div", { children: [
+        /* @__PURE__ */ jsx75("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__ */ jsx75("div", { className: "space-y-2", children: rows.map((sub) => /* @__PURE__ */ jsxs42(
           "div",
           {
             className: "flex items-center gap-4 rounded-xl bg-bg-elevated px-4 py-3",
             children: [
-              /* @__PURE__ */ jsx76("p", { className: "min-w-0 flex-1 text-sm font-semibold text-text-primary", children: sub.name }),
-              /* @__PURE__ */ jsx76(
+              /* @__PURE__ */ jsx75("p", { className: "min-w-0 flex-1 text-sm font-semibold text-text-primary", children: sub.name }),
+              /* @__PURE__ */ jsx75(
                 ThresholdControl,
                 {
                   label: sub.name,
@@ -4809,10 +4633,10 @@ var NotificationSettings = React63.forwardRef(
         )) })
       ] }, scope);
     };
-    return /* @__PURE__ */ jsxs43("div", { ref, className: cn("space-y-5", className), children: [
-      products && products.length > 0 && /* @__PURE__ */ jsxs43("div", { children: [
-        /* @__PURE__ */ jsx76("p", { className: "mb-2 px-0.5 text-xs font-bold uppercase tracking-wider text-text-tertiary", children: "Preferences for" }),
-        /* @__PURE__ */ jsx76("div", { className: "flex flex-wrap gap-2", children: [{ id: DEFAULT_KEY, label: "Default" }, ...products].map((t) => /* @__PURE__ */ jsxs43(
+    return /* @__PURE__ */ jsxs42("div", { ref, className: cn("space-y-5", className), children: [
+      products && products.length > 0 && /* @__PURE__ */ jsxs42("div", { children: [
+        /* @__PURE__ */ jsx75("p", { className: "mb-2 px-0.5 text-xs font-bold uppercase tracking-wider text-text-tertiary", children: "Preferences for" }),
+        /* @__PURE__ */ jsx75("div", { className: "flex flex-wrap gap-2", children: [{ id: DEFAULT_KEY, label: "Default" }, ...products].map((t) => /* @__PURE__ */ jsxs42(
           "button",
           {
             type: "button",
@@ -4823,32 +4647,32 @@ var NotificationSettings = React63.forwardRef(
             ),
             children: [
               t.label,
-              t.id !== DEFAULT_KEY && Object.prototype.hasOwnProperty.call(value, t.id) && /* @__PURE__ */ jsx76("span", { className: "size-1.5 rounded-full bg-bg-brand", "aria-label": "customized" })
+              t.id !== DEFAULT_KEY && Object.prototype.hasOwnProperty.call(value, t.id) && /* @__PURE__ */ jsx75("span", { className: "size-1.5 rounded-full bg-bg-brand", "aria-label": "customized" })
             ]
           },
           t.id
         )) })
       ] }),
-      isDefault ? /* @__PURE__ */ jsxs43(Fragment9, { children: [
-        /* @__PURE__ */ jsx76("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__ */ jsxs43(Card, { className: "border-none bg-bg-elevated p-5", children: [
-          /* @__PURE__ */ jsx76("p", { className: "mb-1.5 text-xs font-bold uppercase tracking-wide text-text-tertiary", children: "Push to" }),
-          /* @__PURE__ */ jsx76("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__ */ jsx76("div", { className: "rounded-lg bg-bg-surface px-4 py-6 text-center", children: /* @__PURE__ */ jsx76("p", { className: "text-sm text-text-tertiary", children: "No integrations connected." }) })
+      isDefault ? /* @__PURE__ */ jsxs42(Fragment8, { children: [
+        /* @__PURE__ */ jsx75("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__ */ jsxs42(Card, { className: "border-none bg-bg-elevated p-5", children: [
+          /* @__PURE__ */ jsx75("p", { className: "mb-1.5 text-xs font-bold uppercase tracking-wide text-text-tertiary", children: "Push to" }),
+          /* @__PURE__ */ jsx75("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__ */ jsx75("div", { className: "rounded-lg bg-bg-surface px-4 py-6 text-center", children: /* @__PURE__ */ jsx75("p", { className: "text-sm text-text-tertiary", children: "No integrations connected." }) })
         ] }),
-        mutes.length > 0 && /* @__PURE__ */ jsxs43("div", { children: [
-          /* @__PURE__ */ jsx76("p", { className: "mb-1.5 px-0.5 text-xs font-bold uppercase tracking-wider text-text-tertiary", children: "Muted" }),
-          /* @__PURE__ */ jsx76(Card, { className: "border-none bg-bg-elevated p-2", children: mutes.map((m) => /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-3 rounded-lg px-3 py-2.5", children: [
-            /* @__PURE__ */ jsx76(Moon2, { className: "size-4 shrink-0 text-text-tertiary", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsxs43("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsx76("p", { className: "text-sm font-medium text-text-primary", children: m.source }),
-              /* @__PURE__ */ jsxs43("p", { className: "text-sm text-text-tertiary", children: [
+        mutes.length > 0 && /* @__PURE__ */ jsxs42("div", { children: [
+          /* @__PURE__ */ jsx75("p", { className: "mb-1.5 px-0.5 text-xs font-bold uppercase tracking-wider text-text-tertiary", children: "Muted" }),
+          /* @__PURE__ */ jsx75(Card, { className: "border-none bg-bg-elevated p-2", children: mutes.map((m) => /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-3 rounded-lg px-3 py-2.5", children: [
+            /* @__PURE__ */ jsx75(Moon2, { className: "size-4 shrink-0 text-text-tertiary", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsxs42("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx75("p", { className: "text-sm font-medium text-text-primary", children: m.source }),
+              /* @__PURE__ */ jsxs42("p", { className: "text-sm text-text-tertiary", children: [
                 "Muted \u2014 ",
                 m.label,
                 ". Critical still comes through."
               ] })
             ] }),
-            /* @__PURE__ */ jsx76(
+            /* @__PURE__ */ jsx75(
               "button",
               {
                 type: "button",
@@ -4861,13 +4685,13 @@ var NotificationSettings = React63.forwardRef(
         ] }),
         scopeGroup("product"),
         scopeGroup("org"),
-        onSoundEnabledChange && /* @__PURE__ */ jsx76(Card, { className: "border-none bg-bg-elevated p-4", children: /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx76(Volume2, { className: "size-4 text-text-tertiary", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsxs43("div", { className: "flex-1", children: [
-            /* @__PURE__ */ jsx76("p", { className: "text-sm font-medium text-text-primary", children: "Notification sound" }),
-            /* @__PURE__ */ jsx76("p", { className: "text-sm text-text-tertiary", children: "Play a tone when a notification arrives. Critical always chimes." })
+        onSoundEnabledChange && /* @__PURE__ */ jsx75(Card, { className: "border-none bg-bg-elevated p-4", children: /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx75(Volume2, { className: "size-4 text-text-tertiary", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxs42("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsx75("p", { className: "text-sm font-medium text-text-primary", children: "Notification sound" }),
+            /* @__PURE__ */ jsx75("p", { className: "text-sm text-text-tertiary", children: "Play a tone when a notification arrives. Critical always chimes." })
           ] }),
-          /* @__PURE__ */ jsx76(
+          /* @__PURE__ */ jsx75(
             Switch,
             {
               checked: soundEnabled ?? false,
@@ -4876,35 +4700,35 @@ var NotificationSettings = React63.forwardRef(
             }
           )
         ] }) })
-      ] }) : !customized ? /* @__PURE__ */ jsxs43(Card, { className: "border-none bg-bg-elevated p-8 text-center", children: [
-        /* @__PURE__ */ jsxs43("p", { className: "text-sm font-semibold text-text-primary", children: [
+      ] }) : !customized ? /* @__PURE__ */ jsxs42(Card, { className: "border-none bg-bg-elevated p-8 text-center", children: [
+        /* @__PURE__ */ jsxs42("p", { className: "text-sm font-semibold text-text-primary", children: [
           productLabel,
           " follows your Default preferences."
         ] }),
-        /* @__PURE__ */ jsx76("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__ */ jsxs43(
+        /* @__PURE__ */ jsx75("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__ */ jsxs42(
           "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__ */ jsx76(Plus2, { className: "size-4", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx75(Plus2, { className: "size-4", "aria-hidden": "true" }),
               " Customize for ",
               productLabel
             ]
           }
         )
-      ] }) : /* @__PURE__ */ jsxs43(Fragment9, { children: [
-        /* @__PURE__ */ jsx76(Card, { className: "border-none bg-bg-brand-subtle p-3.5", children: /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsxs43("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsxs43("p", { className: "text-sm font-semibold text-text-brand", children: [
+      ] }) : /* @__PURE__ */ jsxs42(Fragment8, { children: [
+        /* @__PURE__ */ jsx75(Card, { className: "border-none bg-bg-brand-subtle p-3.5", children: /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxs42("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxs42("p", { className: "text-sm font-semibold text-text-brand", children: [
               "Custom preferences for ",
               productLabel
             ] }),
-            /* @__PURE__ */ jsx76("p", { className: "text-sm leading-relaxed text-text-secondary", children: "Only the interrupt thresholds below differ. Sound and forwarding follow Default." })
+            /* @__PURE__ */ jsx75("p", { className: "text-sm leading-relaxed text-text-secondary", children: "Only the interrupt thresholds below differ. Sound and forwarding follow Default." })
           ] }),
-          /* @__PURE__ */ jsx76(
+          /* @__PURE__ */ jsx75(
             "button",
             {
               type: "button",
@@ -4922,14 +4746,14 @@ var NotificationSettings = React63.forwardRef(
 NotificationSettings.displayName = "NotificationSettings";
 
 // src/components/notification-toast.tsx
-import * as React64 from "react";
+import * as React63 from "react";
 import { X as X3 } from "lucide-react";
-import { jsx as jsx77, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs43 } 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 = React64.forwardRef(
+var NotificationToast = React63.forwardRef(
   ({
     item,
     showSource = true,
@@ -4941,7 +4765,7 @@ var NotificationToast = React64.forwardRef(
     className
   }, ref) => {
     const actions = item.actions ?? [];
-    return /* @__PURE__ */ jsxs44(
+    return /* @__PURE__ */ jsxs43(
       "div",
       {
         ref,
@@ -4952,21 +4776,21 @@ var NotificationToast = React64.forwardRef(
           className
         ),
         children: [
-          /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-2", children: [
-            showSource && /* @__PURE__ */ jsx77("span", { className: "text-xs font-semibold uppercase tracking-[0.09em] text-text-secondary", children: item.source }),
-            /* @__PURE__ */ jsx77(Badge, { variant: severityBadgeVariant(item.severity), children: severityLabels[item.severity] }),
-            onDismiss && /* @__PURE__ */ jsx77(
+          /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-2", children: [
+            showSource && /* @__PURE__ */ jsx76("span", { className: "text-xs font-semibold uppercase tracking-[0.09em] text-text-secondary", children: item.source }),
+            /* @__PURE__ */ jsx76(Badge, { variant: severityBadgeVariant(item.severity), children: severityLabels[item.severity] }),
+            onDismiss && /* @__PURE__ */ jsx76(
               "button",
               {
                 type: "button",
                 "aria-label": dismissLabel,
                 onClick: () => onDismiss(item),
                 className: "-mr-1 ml-auto flex size-5 shrink-0 items-center justify-center rounded text-text-tertiary transition-colors hover:bg-bg-surface hover:text-text-primary",
-                children: /* @__PURE__ */ jsx77(X3, { className: "size-3.5", "aria-hidden": "true" })
+                children: /* @__PURE__ */ jsx76(X3, { className: "size-3.5", "aria-hidden": "true" })
               }
             )
           ] }),
-          onItemClick ? /* @__PURE__ */ jsx77(
+          onItemClick ? /* @__PURE__ */ jsx76(
             "button",
             {
               type: "button",
@@ -4974,12 +4798,12 @@ var NotificationToast = React64.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__ */ jsx77("p", { className: "mt-1 text-sm font-semibold leading-snug text-text-primary", children: item.title }),
-          item.body && /* @__PURE__ */ jsx77("p", { className: "mt-0.5 text-sm leading-snug text-text-secondary", children: item.body }),
-          note && /* @__PURE__ */ jsx77("p", { className: "mt-1.5 text-xs font-medium text-text-warning", children: note }),
-          actions.length > 0 && /* @__PURE__ */ jsx77("div", { className: "mt-2.5 flex flex-wrap items-center gap-2", children: actions.map((action) => {
+          ) : /* @__PURE__ */ jsx76("p", { className: "mt-1 text-sm font-semibold leading-snug text-text-primary", children: item.title }),
+          item.body && /* @__PURE__ */ jsx76("p", { className: "mt-0.5 text-sm leading-snug text-text-secondary", children: item.body }),
+          note && /* @__PURE__ */ jsx76("p", { className: "mt-1.5 text-xs font-medium text-text-warning", children: note }),
+          actions.length > 0 && /* @__PURE__ */ jsx76("div", { className: "mt-2.5 flex flex-wrap items-center gap-2", children: actions.map((action) => {
             const variant = action.variant ?? "link";
-            return /* @__PURE__ */ jsx77(
+            return /* @__PURE__ */ jsx76(
               "button",
               {
                 type: "button",
@@ -4998,15 +4822,15 @@ var NotificationToast = React64.forwardRef(
 NotificationToast.displayName = "NotificationToast";
 
 // src/components/notification-toaster.tsx
-import * as React65 from "react";
-import { jsx as jsx78 } from "react/jsx-runtime";
+import * as React64 from "react";
+import { jsx as jsx77 } 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 = React65.forwardRef(
+var NotificationToaster = React64.forwardRef(
   ({
     items,
     dwell,
@@ -5020,15 +4844,15 @@ var NotificationToaster = React65.forwardRef(
     className
   }, ref) => {
     const shown = items.slice(0, max);
-    const [paused, setPaused] = React65.useState(false);
-    const onDismissRef = React65.useRef(onDismiss);
+    const [paused, setPaused] = React64.useState(false);
+    const onDismissRef = React64.useRef(onDismiss);
     onDismissRef.current = onDismiss;
     const fyiDwell = dwell?.fyi;
     const importantDwell = dwell?.important;
     const criticalDwell = dwell?.critical;
-    const remaining = React65.useRef(/* @__PURE__ */ new Map());
+    const remaining = React64.useRef(/* @__PURE__ */ new Map());
     const liveIds = shown.map((item) => `${item.id}:${item.severity}`).join(" ");
-    React65.useEffect(() => {
+    React64.useEffect(() => {
       const owedById = remaining.current;
       const dwellSeconds = {
         fyi: fyiDwell ?? TOAST_DWELL.fyi,
@@ -5069,7 +4893,7 @@ var NotificationToaster = React65.forwardRef(
       };
     }, [liveIds, paused, fyiDwell, importantDwell, criticalDwell]);
     if (shown.length === 0) return null;
-    return /* @__PURE__ */ jsx78(
+    return /* @__PURE__ */ jsx77(
       "div",
       {
         ref,
@@ -5082,7 +4906,7 @@ var NotificationToaster = React65.forwardRef(
           positions[position],
           className
         ),
-        children: shown.map((item, i) => /* @__PURE__ */ jsx78("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx78(
+        children: shown.map((item, i) => /* @__PURE__ */ jsx77("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx77(
           NotificationToast,
           {
             item,
@@ -5353,8 +5177,16 @@ var COUNTRY_OPTIONS = [
 ];
 
 // src/components/organization-onboarding-form.tsx
-import * as React66 from "react";
-import { jsx as jsx79, jsxs as jsxs45 } from "react/jsx-runtime";
+import * as React65 from "react";
+
+// src/lib/auth-surface.ts
+var AUTH_GLOW_BG = "radial-gradient(560px 320px at 28% 16%, var(--auth-glow-a), transparent 68%),radial-gradient(520px 340px at 78% 90%, var(--auth-glow-b), transparent 66%),var(--bg-sunken)";
+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]";
+var AUTH_QUIET_BUTTON = "flex h-[46px] w-full items-center justify-center gap-[11px] rounded-[10px] border border-border-default bg-transparent px-[14px] text-[14.5px] font-medium tracking-[-0.005em] text-text-secondary transition-colors hover:bg-bg-secondary focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-text-brand";
+var AUTH_BUTTON_SHADOW = "var(--auth-btn-shadow)";
+
+// src/components/organization-onboarding-form.tsx
+import { jsx as jsx78, jsxs as jsxs44 } from "react/jsx-runtime";
 var CONTROLLER_SHARE_PCT = 50;
 var MAX_BENEFICIAL_OWNERS = 50;
 function parseShare(raw) {
@@ -5385,21 +5217,21 @@ function OrganizationOnboardingForm({
   onCancel,
   className
 }) {
-  const [name, setName] = React66.useState(defaultValues?.name ?? "");
-  const [legalName, setLegalName] = React66.useState(defaultValues?.legal_name ?? "");
-  const [ownerName, setOwnerName] = React66.useState(defaultValues?.owner_name ?? "");
-  const [countryOfIncorporation, setCountryOfIncorporation] = React66.useState(
+  const [name, setName] = React65.useState(defaultValues?.name ?? "");
+  const [legalName, setLegalName] = React65.useState(defaultValues?.legal_name ?? "");
+  const [ownerName, setOwnerName] = React65.useState(defaultValues?.owner_name ?? "");
+  const [countryOfIncorporation, setCountryOfIncorporation] = React65.useState(
     defaultValues?.country_of_incorporation ?? ""
   );
-  const [residencyCountry, setResidencyCountry] = React66.useState(
+  const [residencyCountry, setResidencyCountry] = React65.useState(
     defaultValues?.residency_country ?? ""
   );
-  const [owners, setOwners] = React66.useState(
+  const [owners, setOwners] = React65.useState(
     () => initialRows(defaultValues?.beneficial_owners)
   );
-  const [ownershipConfirmed, setOwnershipConfirmed] = React66.useState(false);
-  const nextKeyRef = React66.useRef(owners.length);
-  const submittingRef = React66.useRef(false);
+  const [ownershipConfirmed, setOwnershipConfirmed] = React65.useState(false);
+  const nextKeyRef = React65.useRef(owners.length);
+  const submittingRef = React65.useRef(false);
   const trimmed = name.trim();
   const filledOwners = owners.filter((row) => !isRowBlank(row));
   const ownerShares = filledOwners.map((row) => parseShare(row.share));
@@ -5444,7 +5276,7 @@ function OrganizationOnboardingForm({
       ...needsOwnershipConfirmation ? { ownership_confirmed: ownershipConfirmed } : {}
     });
   };
-  React66.useEffect(() => {
+  React65.useEffect(() => {
     submittingRef.current = false;
   }, [
     name,
@@ -5457,12 +5289,12 @@ function OrganizationOnboardingForm({
     submitting,
     serverError
   ]);
-  const countryField = (params) => /* @__PURE__ */ jsxs45("div", { className: "space-y-1.5", children: [
-    /* @__PURE__ */ jsxs45(Label2, { htmlFor: params.id, children: [
+  const countryField = (params) => /* @__PURE__ */ jsxs44("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs44(Label2, { htmlFor: params.id, children: [
       params.label,
-      params.required && /* @__PURE__ */ jsx79("span", { className: "text-text-danger", children: " *" })
+      params.required && /* @__PURE__ */ jsx78("span", { className: "text-text-danger", children: " *" })
     ] }),
-    /* @__PURE__ */ jsx79(
+    /* @__PURE__ */ jsx78(
       Select,
       {
         id: params.id,
@@ -5475,10 +5307,10 @@ function OrganizationOnboardingForm({
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs45("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsxs45("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsx79(Label2, { htmlFor: "create-org-name", children: "Organization name" }),
-      /* @__PURE__ */ jsx79(
+  return /* @__PURE__ */ jsxs44("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxs44("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx78(Label2, { htmlFor: "create-org-name", children: "Organization name" }),
+      /* @__PURE__ */ jsx78(
         Input,
         {
           id: "create-org-name",
@@ -5489,9 +5321,9 @@ function OrganizationOnboardingForm({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs45("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsx79(Label2, { htmlFor: "create-org-legal-name", children: "Legal name" }),
-      /* @__PURE__ */ jsx79(
+    /* @__PURE__ */ jsxs44("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx78(Label2, { htmlFor: "create-org-legal-name", children: "Legal name" }),
+      /* @__PURE__ */ jsx78(
         Input,
         {
           id: "create-org-legal-name",
@@ -5502,9 +5334,9 @@ function OrganizationOnboardingForm({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs45("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsx79(Label2, { htmlFor: "create-org-owner-name", children: "Owner name" }),
-      /* @__PURE__ */ jsx79(
+    /* @__PURE__ */ jsxs44("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx78(Label2, { htmlFor: "create-org-owner-name", children: "Owner name" }),
+      /* @__PURE__ */ jsx78(
         Input,
         {
           id: "create-org-owner-name",
@@ -5529,10 +5361,10 @@ function OrganizationOnboardingForm({
       onChange: setResidencyCountry,
       required: false
     }),
-    /* @__PURE__ */ jsxs45("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs45("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx79(Label2, { children: "Beneficial owners" }),
-        /* @__PURE__ */ jsx79(
+    /* @__PURE__ */ jsxs44("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs44("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx78(Label2, { children: "Beneficial owners" }),
+        /* @__PURE__ */ jsx78(
           Button,
           {
             type: "button",
@@ -5545,16 +5377,16 @@ function OrganizationOnboardingForm({
           }
         )
       ] }),
-      owners.length === 0 && /* @__PURE__ */ jsx79("p", { className: "text-xs text-text-tertiary", children: "List the natural persons who ultimately own or control the organization." }),
-      owners.map((row) => /* @__PURE__ */ jsxs45(
+      owners.length === 0 && /* @__PURE__ */ jsx78("p", { className: "text-xs text-text-tertiary", children: "List the natural persons who ultimately own or control the organization." }),
+      owners.map((row) => /* @__PURE__ */ jsxs44(
         "div",
         {
           "data-testid": `beneficial-owner-row-${row.key}`,
           className: "flex items-end gap-2",
           children: [
-            /* @__PURE__ */ jsxs45("div", { className: "flex-1 space-y-1", children: [
-              /* @__PURE__ */ jsx79(Label2, { htmlFor: `bo-name-${row.key}`, className: "text-xs", children: "Name" }),
-              /* @__PURE__ */ jsx79(
+            /* @__PURE__ */ jsxs44("div", { className: "flex-1 space-y-1", children: [
+              /* @__PURE__ */ jsx78(Label2, { htmlFor: `bo-name-${row.key}`, className: "text-xs", children: "Name" }),
+              /* @__PURE__ */ jsx78(
                 Input,
                 {
                   id: `bo-name-${row.key}`,
@@ -5564,9 +5396,9 @@ function OrganizationOnboardingForm({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs45("div", { className: "w-40 space-y-1", children: [
-              /* @__PURE__ */ jsx79(Label2, { htmlFor: `bo-country-${row.key}`, className: "text-xs", children: "Country" }),
-              /* @__PURE__ */ jsx79(
+            /* @__PURE__ */ jsxs44("div", { className: "w-40 space-y-1", children: [
+              /* @__PURE__ */ jsx78(Label2, { htmlFor: `bo-country-${row.key}`, className: "text-xs", children: "Country" }),
+              /* @__PURE__ */ jsx78(
                 Select,
                 {
                   id: `bo-country-${row.key}`,
@@ -5579,9 +5411,9 @@ function OrganizationOnboardingForm({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs45("div", { className: "w-24 space-y-1", children: [
-              /* @__PURE__ */ jsx79(Label2, { htmlFor: `bo-share-${row.key}`, className: "text-xs", children: "Share %" }),
-              /* @__PURE__ */ jsx79(
+            /* @__PURE__ */ jsxs44("div", { className: "w-24 space-y-1", children: [
+              /* @__PURE__ */ jsx78(Label2, { htmlFor: `bo-share-${row.key}`, className: "text-xs", children: "Share %" }),
+              /* @__PURE__ */ jsx78(
                 Input,
                 {
                   id: `bo-share-${row.key}`,
@@ -5592,7 +5424,7 @@ function OrganizationOnboardingForm({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx79(
+            /* @__PURE__ */ jsx78(
               Button,
               {
                 type: "button",
@@ -5607,15 +5439,15 @@ function OrganizationOnboardingForm({
         },
         row.key
       )),
-      !ownersValid && /* @__PURE__ */ jsx79("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__ */ jsxs45("p", { "data-testid": "beneficial-owners-sum-warning", className: "text-xs text-text-warning", children: [
+      !ownersValid && /* @__PURE__ */ jsx78("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__ */ jsxs44("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__ */ jsxs45("div", { className: "flex items-start gap-2", children: [
-      /* @__PURE__ */ jsx79(
+    needsOwnershipConfirmation && /* @__PURE__ */ jsxs44("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx78(
         Checkbox,
         {
           id: "create-org-ownership-confirmed",
@@ -5624,24 +5456,24 @@ function OrganizationOnboardingForm({
           onCheckedChange: (value) => setOwnershipConfirmed(value === true)
         }
       ),
-      /* @__PURE__ */ jsxs45(
+      /* @__PURE__ */ jsxs44(
         Label2,
         {
           htmlFor: "create-org-ownership-confirmed",
           className: "text-xs font-normal leading-snug",
           children: [
             "I confirm the ownership structure above is complete and correct",
-            requireSanctionsFields && /* @__PURE__ */ jsx79("span", { className: "text-text-danger", children: " *" })
+            requireSanctionsFields && /* @__PURE__ */ jsx78("span", { className: "text-text-danger", children: " *" })
           ]
         }
       )
     ] }),
-    (serverError || violations && violations.length > 0) && /* @__PURE__ */ jsxs45(InlineError, { children: [
+    (serverError || violations && violations.length > 0) && /* @__PURE__ */ jsxs44(InlineError, { children: [
       serverError,
-      violations && violations.length > 0 && /* @__PURE__ */ jsx79("ul", { "data-testid": "create-org-violations", className: "mt-1 list-disc pl-4", children: violations.map((violation) => /* @__PURE__ */ jsx79("li", { children: violation }, violation)) })
+      violations && violations.length > 0 && /* @__PURE__ */ jsx78("ul", { "data-testid": "create-org-violations", className: "mt-1 list-disc pl-4", children: violations.map((violation) => /* @__PURE__ */ jsx78("li", { children: violation }, violation)) })
     ] }),
-    /* @__PURE__ */ jsxs45("div", { className: "space-y-2 pt-1", children: [
-      /* @__PURE__ */ jsx79(
+    /* @__PURE__ */ jsxs44("div", { className: "space-y-2 pt-1", children: [
+      /* @__PURE__ */ jsx78(
         "button",
         {
           type: "submit",
@@ -5652,20 +5484,20 @@ function OrganizationOnboardingForm({
           children: submitting ? "Creating\u2026" : submitLabel
         }
       ),
-      onCancel && /* @__PURE__ */ jsx79("button", { type: "button", onClick: onCancel, className: AUTH_QUIET_BUTTON, children: "Cancel" })
+      onCancel && /* @__PURE__ */ jsx78("button", { type: "button", onClick: onCancel, className: AUTH_QUIET_BUTTON, children: "Cancel" })
     ] })
   ] });
 }
 
 // src/components/onboarding-screen-shell.tsx
-import { jsx as jsx80, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs45 } from "react/jsx-runtime";
 var CARD_WIDTH = {
   md: "max-w-[440px]",
   lg: "max-w-[560px]"
 };
 function OnboardingScreenShell({
   logo,
-  themeToggle = /* @__PURE__ */ jsx80(ThemeToggle, {}),
+  themeToggle = /* @__PURE__ */ jsx79(ThemeToggle, {}),
   title,
   description,
   footer,
@@ -5674,7 +5506,7 @@ function OnboardingScreenShell({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs46(
+  return /* @__PURE__ */ jsxs45(
     "div",
     {
       className: cn(
@@ -5684,8 +5516,8 @@ function OnboardingScreenShell({
       style: { background: AUTH_GLOW_BG },
       ...props,
       children: [
-        themeToggle && /* @__PURE__ */ jsx80("div", { className: "absolute right-6 top-6", children: themeToggle }),
-        /* @__PURE__ */ jsxs46(
+        themeToggle && /* @__PURE__ */ jsx79("div", { className: "absolute right-6 top-6", children: themeToggle }),
+        /* @__PURE__ */ jsxs45(
           "div",
           {
             className: cn(
@@ -5697,8 +5529,8 @@ function OnboardingScreenShell({
               boxShadow: "var(--auth-card-shadow)"
             },
             children: [
-              logo && /* @__PURE__ */ jsx80("div", { className: "mb-[22px] flex items-center justify-center text-[24px] font-bold leading-none tracking-[-0.02em] text-text-primary", children: logo }),
-              /* @__PURE__ */ jsx80(
+              logo && /* @__PURE__ */ jsx79("div", { className: "mb-[22px] flex items-center justify-center text-[24px] font-bold leading-none tracking-[-0.02em] text-text-primary", children: logo }),
+              /* @__PURE__ */ jsx79(
                 "h1",
                 {
                   className: cn(
@@ -5709,9 +5541,9 @@ function OnboardingScreenShell({
                   children: title
                 }
               ),
-              description && /* @__PURE__ */ jsx80("p", { className: "mx-auto mb-[24px] max-w-[320px] text-[13.5px] leading-[1.5] text-text-secondary", children: description }),
-              /* @__PURE__ */ jsx80("div", { className: "text-left", children }),
-              footer != null && /* @__PURE__ */ jsx80("div", { className: "mt-[24px] text-[11px] tracking-[0.005em] text-text-tertiary", children: footer })
+              description && /* @__PURE__ */ jsx79("p", { className: "mx-auto mb-[24px] max-w-[320px] text-[13.5px] leading-[1.5] text-text-secondary", children: description }),
+              /* @__PURE__ */ jsx79("div", { className: "text-left", children }),
+              footer != null && /* @__PURE__ */ jsx79("div", { className: "mt-[24px] text-[11px] tracking-[0.005em] text-text-tertiary", children: footer })
             ]
           }
         )
@@ -5721,7 +5553,7 @@ function OnboardingScreenShell({
 }
 
 // src/components/organization-create-screen.tsx
-import { jsx as jsx81 } from "react/jsx-runtime";
+import { jsx as jsx80 } from "react/jsx-runtime";
 function OrganizationCreateScreen({
   requireSanctionsFields,
   onSubmit,
@@ -5739,7 +5571,7 @@ function OrganizationCreateScreen({
   footer,
   ...props
 }) {
-  return /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsx80(
     OnboardingScreenShell,
     {
       logo,
@@ -5749,7 +5581,7 @@ function OrganizationCreateScreen({
       footer,
       width: "lg",
       ...props,
-      children: /* @__PURE__ */ jsx81(
+      children: /* @__PURE__ */ jsx80(
         OrganizationOnboardingForm,
         {
           requireSanctionsFields,
@@ -5768,8 +5600,8 @@ function OrganizationCreateScreen({
 }
 
 // src/components/product-create-screen.tsx
-import * as React67 from "react";
-import { jsx as jsx82, jsxs as jsxs47 } from "react/jsx-runtime";
+import * as React66 from "react";
+import { jsx as jsx81, jsxs as jsxs46 } from "react/jsx-runtime";
 var productRow = "flex w-full items-center justify-between rounded-md border border-border-default bg-bg-primary px-3 py-2 text-left text-sm text-text-primary";
 function ProductCreateScreen({
   // Destructured only to keep it out of `...props`, which is spread onto a <div>.
@@ -5795,11 +5627,11 @@ function ProductCreateScreen({
   footer,
   ...props
 }) {
-  const [name, setName] = React67.useState(defaultName);
-  const submittingRef = React67.useRef(false);
+  const [name, setName] = React66.useState(defaultName);
+  const submittingRef = React66.useRef(false);
   const trimmed = name.trim();
   const canSubmit = trimmed !== "" && !submitting;
-  React67.useEffect(() => {
+  React66.useEffect(() => {
     submittingRef.current = false;
   }, [name, submitting, serverError]);
   const handleSubmit = (event) => {
@@ -5811,7 +5643,7 @@ function ProductCreateScreen({
   const products = existingProducts ?? [];
   const orgs = organizations ?? [];
   const pickerLayout = orgs.length > 0;
-  const productList = /* @__PURE__ */ jsx82("ul", { className: "flex flex-col gap-1", children: products.map((product) => /* @__PURE__ */ jsx82("li", { children: onOpenProduct ? /* @__PURE__ */ jsxs47(
+  const productList = /* @__PURE__ */ jsx81("ul", { className: "flex flex-col gap-1", children: products.map((product) => /* @__PURE__ */ jsx81("li", { children: onOpenProduct ? /* @__PURE__ */ jsxs46(
     "button",
     {
       type: "button",
@@ -5822,15 +5654,15 @@ function ProductCreateScreen({
         "hover:bg-bg-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus"
       ),
       children: [
-        /* @__PURE__ */ jsx82("span", { className: "truncate", children: product.name }),
-        product.slug && /* @__PURE__ */ jsx82("span", { className: "ml-2 truncate text-text-tertiary", children: product.slug })
+        /* @__PURE__ */ jsx81("span", { className: "truncate", children: product.name }),
+        product.slug && /* @__PURE__ */ jsx81("span", { className: "ml-2 truncate text-text-tertiary", children: product.slug })
       ]
     }
-  ) : /* @__PURE__ */ jsxs47("div", { className: productRow, children: [
-    /* @__PURE__ */ jsx82("span", { className: "truncate", children: product.name }),
-    product.slug && /* @__PURE__ */ jsx82("span", { className: "ml-2 truncate text-text-tertiary", children: product.slug })
+  ) : /* @__PURE__ */ jsxs46("div", { className: productRow, children: [
+    /* @__PURE__ */ jsx81("span", { className: "truncate", children: product.name }),
+    product.slug && /* @__PURE__ */ jsx81("span", { className: "ml-2 truncate text-text-tertiary", children: product.slug })
   ] }) }, product.id)) });
-  return /* @__PURE__ */ jsxs47(
+  return /* @__PURE__ */ jsxs46(
     OnboardingScreenShell,
     {
       logo,
@@ -5840,10 +5672,10 @@ function ProductCreateScreen({
       footer,
       ...props,
       children: [
-        pickerLayout && /* @__PURE__ */ jsxs47("div", { className: "mb-4 space-y-4", children: [
-          /* @__PURE__ */ jsxs47("div", { className: "space-y-1.5", children: [
-            /* @__PURE__ */ jsx82(Label2, { htmlFor: "create-product-org-select", children: "Organization" }),
-            /* @__PURE__ */ jsx82(
+        pickerLayout && /* @__PURE__ */ jsxs46("div", { className: "mb-4 space-y-4", children: [
+          /* @__PURE__ */ jsxs46("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx81(Label2, { htmlFor: "create-product-org-select", children: "Organization" }),
+            /* @__PURE__ */ jsx81(
               Select,
               {
                 id: "create-product-org-select",
@@ -5857,15 +5689,15 @@ function ProductCreateScreen({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs47("div", { "data-testid": "existing-products", className: "space-y-1.5", children: [
-            /* @__PURE__ */ jsx82(Label2, { children: existingProductsLabel }),
-            productsLoading ? /* @__PURE__ */ jsx82("p", { className: "text-sm text-text-tertiary", children: "Loading products\u2026" }) : products.length === 0 ? /* @__PURE__ */ jsx82("p", { className: "text-sm text-text-tertiary", children: "No products yet." }) : productList
+          /* @__PURE__ */ jsxs46("div", { "data-testid": "existing-products", className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx81(Label2, { children: existingProductsLabel }),
+            productsLoading ? /* @__PURE__ */ jsx81("p", { className: "text-sm text-text-tertiary", children: "Loading products\u2026" }) : products.length === 0 ? /* @__PURE__ */ jsx81("p", { className: "text-sm text-text-tertiary", children: "No products yet." }) : productList
           ] })
         ] }),
-        /* @__PURE__ */ jsxs47("form", { onSubmit: handleSubmit, className: "space-y-4", noValidate: true, children: [
-          /* @__PURE__ */ jsxs47("div", { className: "space-y-1.5", children: [
-            /* @__PURE__ */ jsx82(Label2, { htmlFor: "create-product-name", children: "Product name" }),
-            /* @__PURE__ */ jsx82(
+        /* @__PURE__ */ jsxs46("form", { onSubmit: handleSubmit, className: "space-y-4", noValidate: true, children: [
+          /* @__PURE__ */ jsxs46("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx81(Label2, { htmlFor: "create-product-name", children: "Product name" }),
+            /* @__PURE__ */ jsx81(
               Input,
               {
                 id: "create-product-name",
@@ -5876,9 +5708,9 @@ function ProductCreateScreen({
               }
             )
           ] }),
-          serverError && /* @__PURE__ */ jsx82(InlineError, { children: serverError }),
-          /* @__PURE__ */ jsxs47("div", { className: "space-y-2 pt-1", children: [
-            /* @__PURE__ */ jsx82(
+          serverError && /* @__PURE__ */ jsx81(InlineError, { children: serverError }),
+          /* @__PURE__ */ jsxs46("div", { className: "space-y-2 pt-1", children: [
+            /* @__PURE__ */ jsx81(
               "button",
               {
                 type: "submit",
@@ -5889,16 +5721,16 @@ function ProductCreateScreen({
                 children: submitting ? "Creating\u2026" : submitLabel
               }
             ),
-            onCancel && /* @__PURE__ */ jsx82("button", { type: "button", onClick: onCancel, className: AUTH_QUIET_BUTTON, children: "Cancel" })
+            onCancel && /* @__PURE__ */ jsx81("button", { type: "button", onClick: onCancel, className: AUTH_QUIET_BUTTON, children: "Cancel" })
           ] })
         ] }),
-        !pickerLayout && products.length > 0 && /* @__PURE__ */ jsxs47(
+        !pickerLayout && products.length > 0 && /* @__PURE__ */ jsxs46(
           "div",
           {
             "data-testid": "existing-products",
             className: "mt-6 space-y-2 border-t border-border-default pt-5",
             children: [
-              /* @__PURE__ */ jsx82(Label2, { children: existingProductsLabel }),
+              /* @__PURE__ */ jsx81(Label2, { children: existingProductsLabel }),
               productList
             ]
           }
@@ -6122,7 +5954,6 @@ export {
   SidebarNav,
   SidebarNavLink,
   SidebarProductHeader,
-  SignInScreen,
   Skeleton,
   Slider,
   StatCard,