@lessly/ui 0.21.0 → 0.22.0

package/dist/index.js

@@ -324,22 +324,53 @@ var labelVariants = cva2(
 var Label2 = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
 Label2.displayName = LabelPrimitive.Root.displayName;
 
+// src/components/page-header.tsx
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+function PageHeader({ title, subtitle, icon: Icon, media, badge, actions, id }) {
+  if (Icon && !subtitle && !media && process.env.NODE_ENV !== "production") {
+    console.warn("PageHeader: `icon` needs a `subtitle` to render the medallion; medallion dropped.");
+  }
+  const leading = media ?? (Icon && subtitle ? /* @__PURE__ */ jsx7(
+    "span",
+    {
+      "data-slot": "page-header-medallion",
+      className: "inline-flex size-12 shrink-0 items-center justify-center rounded-full border border-border-subtle bg-bg-secondary text-text-secondary",
+      children: /* @__PURE__ */ jsx7(Icon, { className: "size-6", "aria-hidden": true })
+    }
+  ) : null);
+  const heading = /* @__PURE__ */ jsx7("h2", { id, className: "text-lg font-semibold text-text-primary", children: title });
+  if (!leading && !subtitle && !badge && !actions) {
+    return heading;
+  }
+  return /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
+    leading,
+    /* @__PURE__ */ jsxs3("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
+        heading,
+        badge
+      ] }),
+      subtitle && /* @__PURE__ */ jsx7("p", { className: "text-sm text-text-secondary", children: subtitle })
+    ] }),
+    actions && /* @__PURE__ */ jsx7("div", { className: "ml-auto shrink-0", children: actions })
+  ] });
+}
+
 // src/components/section-intro.tsx
 import { Info } from "lucide-react";
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
 function SectionIntro({ what, when }) {
-  return /* @__PURE__ */ jsxs3("div", { className: "bg-bg-brand-subtle rounded-xl px-5 py-4 flex items-start gap-3 mb-5", children: [
-    /* @__PURE__ */ jsx7(Info, { className: "w-4 h-4 text-text-brand mt-0.5 flex-shrink-0", "aria-hidden": "true" }),
-    /* @__PURE__ */ jsxs3("div", { children: [
-      /* @__PURE__ */ jsx7("p", { className: "text-[0.8125rem] text-text-primary leading-relaxed", children: what }),
-      /* @__PURE__ */ jsx7("p", { className: "text-[0.8125rem] text-text-secondary leading-relaxed mt-1", children: when })
+  return /* @__PURE__ */ jsxs4("div", { className: "bg-bg-brand-subtle rounded-xl px-5 py-4 flex items-start gap-3 mb-5", children: [
+    /* @__PURE__ */ jsx8(Info, { className: "w-4 h-4 text-text-brand mt-0.5 flex-shrink-0", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxs4("div", { children: [
+      /* @__PURE__ */ jsx8("p", { className: "text-[0.8125rem] text-text-primary leading-relaxed", children: what }),
+      /* @__PURE__ */ jsx8("p", { className: "text-[0.8125rem] text-text-secondary leading-relaxed mt-1", children: when })
     ] })
   ] });
 }
 
 // src/components/select.tsx
 import { ChevronDown } from "lucide-react";
-import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
 function Select({
   value,
   onValueChange,
@@ -354,8 +385,8 @@ function Select({
   optionTestId
 }) {
   const selected = options.find((o) => o.value === value);
-  return /* @__PURE__ */ jsxs4(DropdownMenu, { children: [
-    /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxs5(
       DropdownMenuTrigger,
       {
         type: "button",
@@ -369,24 +400,24 @@ function Select({
           className
         ),
         children: [
-          /* @__PURE__ */ jsx8("span", { className: cn("truncate", !selected && "text-text-tertiary"), children: selected ? selected.label : placeholder }),
-          /* @__PURE__ */ jsx8(ChevronDown, { className: "ml-2 h-4 w-4 shrink-0 text-text-tertiary" })
+          /* @__PURE__ */ jsx9("span", { className: cn("truncate", !selected && "text-text-tertiary"), children: selected ? selected.label : placeholder }),
+          /* @__PURE__ */ jsx9(ChevronDown, { className: "ml-2 h-4 w-4 shrink-0 text-text-tertiary" })
         ]
       }
     ),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9(
       DropdownMenuContent,
       {
         align: "start",
         className: "max-h-64 w-[var(--radix-dropdown-menu-trigger-width)] overflow-y-auto",
-        children: /* @__PURE__ */ jsx8(DropdownMenuRadioGroup, { value: value ?? "", onValueChange, children: options.map((o) => /* @__PURE__ */ jsx8(DropdownMenuRadioItem, { value: o.value, "data-testid": optionTestId?.(o.value), children: o.label }, o.value)) })
+        children: /* @__PURE__ */ jsx9(DropdownMenuRadioGroup, { value: value ?? "", onValueChange, children: options.map((o) => /* @__PURE__ */ jsx9(DropdownMenuRadioItem, { value: o.value, "data-testid": optionTestId?.(o.value), children: o.label }, o.value)) })
       }
     )
   ] });
 }
 
 // src/components/switch.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function Switch({
   checked,
   onCheckedChange,
@@ -396,7 +427,7 @@ function Switch({
   "aria-label": ariaLabel,
   "data-testid": testId
 }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "button",
     {
       type: "button",
@@ -408,7 +439,7 @@ function Switch({
       disabled,
       onClick: () => onCheckedChange(!checked),
       className: `relative inline-flex h-6 w-10 shrink-0 cursor-pointer rounded-full transition-colors outline-none focus-visible:ring-2 focus-visible:ring-border-focus focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface ${checked ? "bg-bg-brand-bright" : "bg-border-default"} ${disabled ? "cursor-not-allowed opacity-50" : ""} ${className}`,
-      children: /* @__PURE__ */ jsx9(
+      children: /* @__PURE__ */ jsx10(
         "span",
         {
           "aria-hidden": "true",
@@ -423,8 +454,8 @@ function Switch({
 import * as React7 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check as Check2 } from "lucide-react";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var Checkbox = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+import { jsx as jsx11 } from "react/jsx-runtime";
+var Checkbox = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -433,7 +464,7 @@ var Checkbox = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx10(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current", children: /* @__PURE__ */ jsx10(Check2, { className: "h-4 w-4" }) })
+    children: /* @__PURE__ */ jsx11(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current", children: /* @__PURE__ */ jsx11(Check2, { className: "h-4 w-4" }) })
   }
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
@@ -442,10 +473,10 @@ Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 import * as React8 from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { Circle as Circle2 } from "lucide-react";
-import { jsx as jsx11 } from "react/jsx-runtime";
-var RadioGroup2 = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(RadioGroupPrimitive.Root, { ref, className: cn("grid gap-2", className), ...props }));
+import { jsx as jsx12 } from "react/jsx-runtime";
+var RadioGroup2 = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(RadioGroupPrimitive.Root, { ref, className: cn("grid gap-2", className), ...props }));
 RadioGroup2.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+var RadioGroupItem = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   RadioGroupPrimitive.Item,
   {
     ref,
@@ -454,17 +485,17 @@ var RadioGroupItem = React8.forwardRef(({ className, ...props }, ref) => /* @__P
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx11(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx11(Circle2, { className: "h-2.5 w-2.5 fill-blue-400 text-blue-400" }) })
+    children: /* @__PURE__ */ jsx12(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx12(Circle2, { className: "h-2.5 w-2.5 fill-blue-400 text-blue-400" }) })
   }
 ));
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 
 // src/components/textarea.tsx
 import * as React9 from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var Textarea = React9.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       "textarea",
       {
         ref,
@@ -482,18 +513,18 @@ Textarea.displayName = "Textarea";
 // src/components/slider.tsx
 import * as React10 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
 var Slider = React10.forwardRef(({ className, ...props }, ref) => {
   const thumbCount = (Array.isArray(props.value) ? props.value.length : void 0) ?? (Array.isArray(props.defaultValue) ? props.defaultValue.length : void 0) ?? 1;
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     SliderPrimitive.Root,
     {
       ref,
       className: cn("relative flex w-full touch-none select-none items-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx13(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-bg-secondary", children: /* @__PURE__ */ jsx13(SliderPrimitive.Range, { className: "absolute h-full bg-blue-400" }) }),
-        Array.from({ length: thumbCount }).map((_, i) => /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-bg-secondary", children: /* @__PURE__ */ jsx14(SliderPrimitive.Range, { className: "absolute h-full bg-blue-400" }) }),
+        Array.from({ length: thumbCount }).map((_, i) => /* @__PURE__ */ jsx14(
           SliderPrimitive.Thumb,
           {
             className: "block size-5 rounded-full border border-border-brand bg-bg-elevated shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
@@ -510,7 +541,7 @@ Slider.displayName = SliderPrimitive.Root.displayName;
 import * as React11 from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva as cva3 } from "class-variance-authority";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var toggleVariants = cva3(
   "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-bg-secondary hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-bg-secondary data-[state=on]:text-text-primary [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
@@ -528,30 +559,30 @@ var toggleVariants = cva3(
     defaultVariants: { variant: "default", size: "default" }
   }
 );
-var Toggle = React11.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx14(TogglePrimitive.Root, { ref, className: cn(toggleVariants({ variant, size, className })), ...props }));
+var Toggle = React11.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx15(TogglePrimitive.Root, { ref, className: cn(toggleVariants({ variant, size, className })), ...props }));
 Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/toggle-group.tsx
 import * as React12 from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var ToggleGroupContext = React12.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React12.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx15(
+var ToggleGroup = React12.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx16(
   ToggleGroupPrimitive.Root,
   {
     ref,
     className: cn("flex items-center justify-center gap-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx15(ToggleGroupContext.Provider, { value: { variant, size }, children })
+    children: /* @__PURE__ */ jsx16(ToggleGroupContext.Provider, { value: { variant, size }, children })
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
 var ToggleGroupItem = React12.forwardRef(({ className, children, variant, size, ...props }, ref) => {
   const context = React12.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -567,8 +598,8 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 import * as React13 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { Minus } from "lucide-react";
-import { jsx as jsx16, jsxs as jsxs6 } from "react/jsx-runtime";
-var InputOTP = React13.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx16(
+import { jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
+var InputOTP = React13.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx17(
   OTPInput,
   {
     ref,
@@ -579,7 +610,7 @@ var InputOTP = React13.forwardRef(({ className, containerClassName, ...props },
 ));
 InputOTP.displayName = "InputOTP";
 var InputOTPGroup = React13.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx16("div", { ref, className: cn("flex items-center", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx17("div", { ref, className: cn("flex items-center", className), ...props })
 );
 InputOTPGroup.displayName = "InputOTPGroup";
 var InputOTPSlot = React13.forwardRef(({ index, className, ...props }, ref) => {
@@ -588,7 +619,7 @@ var InputOTPSlot = React13.forwardRef(({ index, className, ...props }, ref) => {
   const char = slot?.char;
   const hasFakeCaret = slot?.hasFakeCaret;
   const isActive = slot?.isActive;
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       ref,
@@ -600,25 +631,25 @@ var InputOTPSlot = React13.forwardRef(({ index, className, ...props }, ref) => {
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx16("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx16("div", { className: "h-4 w-px animate-pulse bg-text-primary" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx17("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx17("div", { className: "h-4 w-px animate-pulse bg-text-primary" }) })
       ]
     }
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
 var InputOTPSeparator = React13.forwardRef(
-  ({ ...props }, ref) => /* @__PURE__ */ jsx16("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx16(Minus, { className: "h-4 w-4 text-text-tertiary" }) })
+  ({ ...props }, ref) => /* @__PURE__ */ jsx17("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx17(Minus, { className: "h-4 w-4 text-text-tertiary" }) })
 );
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/popover.tsx
 import * as React14 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React14.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx17(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx17(
+var PopoverContent = React14.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx18(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx18(
   PopoverPrimitive.Content,
   {
     ref,
@@ -636,11 +667,11 @@ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 // src/components/tooltip.tsx
 import * as React15 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React15.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx18(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx18(
+var TooltipContent = React15.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx19(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx19(
   TooltipPrimitive.Content,
   {
     ref,
@@ -657,10 +688,10 @@ TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 // src/components/hover-card.tsx
 import * as React16 from "react";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React16.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx19(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx19(
+var HoverCardContent = React16.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx20(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx20(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -680,12 +711,12 @@ import * as React17 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { cva as cva4 } from "class-variance-authority";
 import { X as X2 } from "lucide-react";
-import { jsx as jsx20, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs8 } from "react/jsx-runtime";
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var SheetOverlay = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   SheetPrimitive.Overlay,
   {
     ref,
@@ -713,9 +744,9 @@ var sheetVariants = cva4(
     }
   }
 );
-var SheetContent = React17.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs7(SheetPortal, { children: [
-  /* @__PURE__ */ jsx20(SheetOverlay, {}),
-  /* @__PURE__ */ jsxs7(
+var SheetContent = React17.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(SheetPortal, { children: [
+  /* @__PURE__ */ jsx21(SheetOverlay, {}),
+  /* @__PURE__ */ jsxs8(
     SheetPrimitive.Content,
     {
       ref,
@@ -723,16 +754,16 @@ var SheetContent = React17.forwardRef(({ side = "right", className, children, ..
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxs7(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm text-text-tertiary opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-border-focus disabled:pointer-events-none", children: [
-          /* @__PURE__ */ jsx20(X2, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx20("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ jsxs8(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm text-text-tertiary opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-border-focus disabled:pointer-events-none", children: [
+          /* @__PURE__ */ jsx21(X2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx21("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
 SheetContent.displayName = SheetPrimitive.Content.displayName;
-var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx20(
+var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx21(
   "div",
   {
     className: cn("flex flex-col gap-1.5 text-left", className),
@@ -740,7 +771,7 @@ var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx20(
   }
 );
 SheetHeader.displayName = "SheetHeader";
-var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx20(
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx21(
   "div",
   {
     className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
@@ -748,7 +779,7 @@ var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx20(
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var SheetTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   SheetPrimitive.Title,
   {
     ref,
@@ -757,7 +788,7 @@ var SheetTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var SheetDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   SheetPrimitive.Description,
   {
     ref,
@@ -770,16 +801,16 @@ SheetDescription.displayName = SheetPrimitive.Description.displayName;
 // src/components/drawer.tsx
 import * as React18 from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx21, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
 var Drawer = ({
   shouldScaleBackground = true,
   ...props
-}) => /* @__PURE__ */ jsx21(DrawerPrimitive.Root, { shouldScaleBackground, ...props });
+}) => /* @__PURE__ */ jsx22(DrawerPrimitive.Root, { shouldScaleBackground, ...props });
 Drawer.displayName = "Drawer";
 var DrawerTrigger = DrawerPrimitive.Trigger;
 var DrawerPortal = DrawerPrimitive.Portal;
 var DrawerClose = DrawerPrimitive.Close;
-var DrawerOverlay = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
+var DrawerOverlay = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   DrawerPrimitive.Overlay,
   {
     ref,
@@ -788,9 +819,9 @@ var DrawerOverlay = React18.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
-var DrawerContent = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(DrawerPortal, { children: [
-  /* @__PURE__ */ jsx21(DrawerOverlay, {}),
-  /* @__PURE__ */ jsxs8(
+var DrawerContent = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs9(DrawerPortal, { children: [
+  /* @__PURE__ */ jsx22(DrawerOverlay, {}),
+  /* @__PURE__ */ jsxs9(
     DrawerPrimitive.Content,
     {
       ref,
@@ -800,18 +831,18 @@ var DrawerContent = React18.forwardRef(({ className, children, ...props }, ref)
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx21("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-bg-secondary" }),
+        /* @__PURE__ */ jsx22("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-bg-secondary" }),
         children
       ]
     }
   )
 ] }));
 DrawerContent.displayName = "DrawerContent";
-var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx21("div", { className: cn("grid gap-1.5 p-4 text-center sm:text-left", className), ...props });
+var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx22("div", { className: cn("grid gap-1.5 p-4 text-center sm:text-left", className), ...props });
 DrawerHeader.displayName = "DrawerHeader";
-var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx21("div", { className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props });
+var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx22("div", { className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props });
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
+var DrawerTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   DrawerPrimitive.Title,
   {
     ref,
@@ -820,7 +851,7 @@ var DrawerTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
-var DrawerDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
+var DrawerDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   DrawerPrimitive.Description,
   {
     ref,
@@ -833,11 +864,11 @@ DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
 // src/components/alert-dialog.tsx
 import * as React19 from "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import { jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var AlertDialogOverlay = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   AlertDialogPrimitive.Overlay,
   {
     ref,
@@ -849,9 +880,9 @@ var AlertDialogOverlay = React19.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs9(AlertDialogPortal, { children: [
-  /* @__PURE__ */ jsx22(AlertDialogOverlay, {}),
-  /* @__PURE__ */ jsx22(
+var AlertDialogContent = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs10(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsx23(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx23(
     AlertDialogPrimitive.Content,
     {
       ref,
@@ -864,7 +895,7 @@ var AlertDialogContent = React19.forwardRef(({ className, ...props }, ref) => /*
   )
 ] }));
 AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx22(
+var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx23(
   "div",
   {
     className: cn("flex flex-col gap-1.5 text-left", className),
@@ -872,7 +903,7 @@ var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx22(
   }
 );
 AlertDialogHeader.displayName = "AlertDialogHeader";
-var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx22(
+var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx23(
   "div",
   {
     className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
@@ -880,7 +911,7 @@ var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx22(
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var AlertDialogTitle = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -889,7 +920,7 @@ var AlertDialogTitle = React19.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var AlertDialogDescription = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -898,7 +929,7 @@ var AlertDialogDescription = React19.forwardRef(({ className, ...props }, ref) =
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var AlertDialogAction = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   AlertDialogPrimitive.Action,
   {
     ref,
@@ -907,7 +938,7 @@ var AlertDialogAction = React19.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var AlertDialogCancel = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -921,14 +952,14 @@ AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 import * as React20 from "react";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 import { Check as Check3, ChevronRight as ChevronRight2, Circle as Circle3 } from "lucide-react";
-import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
 var ContextMenu = ContextMenuPrimitive.Root;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
 var ContextMenuGroup = ContextMenuPrimitive.Group;
 var ContextMenuPortal = ContextMenuPrimitive.Portal;
 var ContextMenuSub = ContextMenuPrimitive.Sub;
 var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
-var ContextMenuSubTrigger = React20.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
+var ContextMenuSubTrigger = React20.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
   ContextMenuPrimitive.SubTrigger,
   {
     ref,
@@ -940,12 +971,12 @@ var ContextMenuSubTrigger = React20.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx23(ChevronRight2, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx24(ChevronRight2, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var ContextMenuSubContent = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   ContextMenuPrimitive.SubContent,
   {
     ref,
@@ -957,7 +988,7 @@ var ContextMenuSubContent = React20.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx23(
+var ContextMenuContent = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx24(
   ContextMenuPrimitive.Content,
   {
     ref,
@@ -969,7 +1000,7 @@ var ContextMenuContent = React20.forwardRef(({ className, ...props }, ref) => /*
   }
 ) }));
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React20.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx23(
+var ContextMenuItem = React20.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx24(
   ContextMenuPrimitive.Item,
   {
     ref,
@@ -982,7 +1013,7 @@ var ContextMenuItem = React20.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React20.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs10(
+var ContextMenuCheckboxItem = React20.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs11(
   ContextMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -993,13 +1024,13 @@ var ContextMenuCheckboxItem = React20.forwardRef(({ className, children, checked
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx23("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx23(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx23(Check3, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx24("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(Check3, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
+var ContextMenuRadioItem = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
   ContextMenuPrimitive.RadioItem,
   {
     ref,
@@ -1009,13 +1040,13 @@ var ContextMenuRadioItem = React20.forwardRef(({ className, children, ...props }
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx23("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx23(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx23(Circle3, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx24("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(Circle3, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React20.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx23(
+var ContextMenuLabel = React20.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx24(
   ContextMenuPrimitive.Label,
   {
     ref,
@@ -1024,7 +1055,7 @@ var ContextMenuLabel = React20.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var ContextMenuSeparator = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   ContextMenuPrimitive.Separator,
   {
     ref,
@@ -1034,7 +1065,7 @@ var ContextMenuSeparator = React20.forwardRef(({ className, ...props }, ref) =>
 ));
 ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
 var ContextMenuShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx23("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
+  return /* @__PURE__ */ jsx24("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
 };
 ContextMenuShortcut.displayName = "ContextMenuShortcut";
 
@@ -1042,14 +1073,14 @@ ContextMenuShortcut.displayName = "ContextMenuShortcut";
 import * as React21 from "react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import { Check as Check4, ChevronRight as ChevronRight3, Circle as Circle4 } from "lucide-react";
-import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
-var MenubarMenu = (props) => /* @__PURE__ */ jsx24(MenubarPrimitive.Menu, { ...props });
+import { jsx as jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
+var MenubarMenu = (props) => /* @__PURE__ */ jsx25(MenubarPrimitive.Menu, { ...props });
 MenubarMenu.displayName = "MenubarMenu";
 var MenubarGroup = MenubarPrimitive.Group;
 var MenubarPortal = MenubarPrimitive.Portal;
 var MenubarSub = MenubarPrimitive.Sub;
 var MenubarRadioGroup = MenubarPrimitive.RadioGroup;
-var Menubar = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var Menubar = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   MenubarPrimitive.Root,
   {
     ref,
@@ -1061,7 +1092,7 @@ var Menubar = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var MenubarTrigger = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   MenubarPrimitive.Trigger,
   {
     ref,
@@ -1073,7 +1104,7 @@ var MenubarTrigger = React21.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React21.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
+var MenubarSubTrigger = React21.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs12(
   MenubarPrimitive.SubTrigger,
   {
     ref,
@@ -1085,12 +1116,12 @@ var MenubarSubTrigger = React21.forwardRef(({ className, inset, children, ...pro
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx24(ChevronRight3, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx25(ChevronRight3, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var MenubarSubContent = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   MenubarPrimitive.SubContent,
   {
     ref,
@@ -1102,7 +1133,7 @@ var MenubarSubContent = React21.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React21.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx24(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx24(
+var MenubarContent = React21.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx25(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx25(
   MenubarPrimitive.Content,
   {
     ref,
@@ -1117,7 +1148,7 @@ var MenubarContent = React21.forwardRef(({ className, align = "start", alignOffs
   }
 ) }));
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React21.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx24(
+var MenubarItem = React21.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx25(
   MenubarPrimitive.Item,
   {
     ref,
@@ -1130,7 +1161,7 @@ var MenubarItem = React21.forwardRef(({ className, inset, ...props }, ref) => /*
   }
 ));
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React21.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs11(
+var MenubarCheckboxItem = React21.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs12(
   MenubarPrimitive.CheckboxItem,
   {
     ref,
@@ -1141,13 +1172,13 @@ var MenubarCheckboxItem = React21.forwardRef(({ className, children, checked, ..
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx24("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(Check4, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx25("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(Check4, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
+var MenubarRadioItem = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs12(
   MenubarPrimitive.RadioItem,
   {
     ref,
@@ -1157,13 +1188,13 @@ var MenubarRadioItem = React21.forwardRef(({ className, children, ...props }, re
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx24("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(Circle4, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx25("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(Circle4, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React21.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx24(
+var MenubarLabel = React21.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx25(
   MenubarPrimitive.Label,
   {
     ref,
@@ -1172,7 +1203,7 @@ var MenubarLabel = React21.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var MenubarSeparator = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   MenubarPrimitive.Separator,
   {
     ref,
@@ -1182,14 +1213,14 @@ var MenubarSeparator = React21.forwardRef(({ className, ...props }, ref) => /* @
 ));
 MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;
 var MenubarShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx24("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
+  return /* @__PURE__ */ jsx25("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
 };
 MenubarShortcut.displayName = "MenubarShortcut";
 
 // src/components/badge.tsx
 import * as React22 from "react";
 import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var badgeVariants = cva5(
   "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
   {
@@ -1207,22 +1238,22 @@ var badgeVariants = cva5(
   }
 );
 var Badge = React22.forwardRef(
-  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx25("div", { ref, className: cn(badgeVariants({ variant }), className), ...props })
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx26("div", { ref, className: cn(badgeVariants({ variant }), className), ...props })
 );
 Badge.displayName = "Badge";
 
 // src/components/table.tsx
 import * as React23 from "react";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var Table = React23.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx26("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx26("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx27("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx27("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
 );
 Table.displayName = "Table";
-var TableHeader = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-border-subtle", className), ...props }));
+var TableHeader = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-border-subtle", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+var TableBody = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
 TableBody.displayName = "TableBody";
-var TableFooter = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var TableFooter = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   "tfoot",
   {
     ref,
@@ -1235,7 +1266,7 @@ var TableFooter = React23.forwardRef(({ className, ...props }, ref) => /* @__PUR
 ));
 TableFooter.displayName = "TableFooter";
 var TableRow = React23.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
     "tr",
     {
       ref,
@@ -1248,7 +1279,7 @@ var TableRow = React23.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var TableHead = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   "th",
   {
     ref,
@@ -1260,7 +1291,7 @@ var TableHead = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var TableCell = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   "td",
   {
     ref,
@@ -1269,22 +1300,22 @@ var TableCell = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26("caption", { ref, className: cn("mt-4 text-sm text-text-secondary", className), ...props }));
+var TableCaption = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27("caption", { ref, className: cn("mt-4 text-sm text-text-secondary", className), ...props }));
 TableCaption.displayName = "TableCaption";
 
 // src/components/skeleton.tsx
 import * as React24 from "react";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var Skeleton = React24.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx27("div", { ref, className: cn("animate-pulse rounded-md bg-bg-secondary", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx28("div", { ref, className: cn("animate-pulse rounded-md bg-bg-secondary", className), ...props })
 );
 Skeleton.displayName = "Skeleton";
 
 // src/components/avatar.tsx
 import * as React25 from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsx as jsx28 } from "react/jsx-runtime";
-var Avatar = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+import { jsx as jsx29 } from "react/jsx-runtime";
+var Avatar = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   AvatarPrimitive.Root,
   {
     ref,
@@ -1293,9 +1324,9 @@ var Avatar = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(AvatarPrimitive.Image, { ref, className: cn("aspect-square h-full w-full", className), ...props }));
+var AvatarImage = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(AvatarPrimitive.Image, { ref, className: cn("aspect-square h-full w-full", className), ...props }));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var AvatarFallback = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -1311,8 +1342,8 @@ AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 // src/components/separator.tsx
 import * as React26 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx29 } from "react/jsx-runtime";
-var Separator4 = React26.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx29(
+import { jsx as jsx30 } from "react/jsx-runtime";
+var Separator4 = React26.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx30(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -1331,15 +1362,15 @@ Separator4.displayName = SeparatorPrimitive.Root.displayName;
 // src/components/progress.tsx
 import * as React27 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx30 } from "react/jsx-runtime";
-var Progress = React27.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx30(
+import { jsx as jsx31 } from "react/jsx-runtime";
+var Progress = React27.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx31(
   ProgressPrimitive.Root,
   {
     ref,
     value,
     className: cn("relative h-4 w-full overflow-hidden rounded-full bg-bg-secondary", className),
     ...props,
-    children: /* @__PURE__ */ jsx30(
+    children: /* @__PURE__ */ jsx31(
       ProgressPrimitive.Indicator,
       {
         className: "h-full w-full flex-1 bg-blue-400 transition-all",
@@ -1357,9 +1388,9 @@ var AspectRatio = AspectRatioPrimitive.Root;
 // src/components/tabs.tsx
 import * as React28 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+var TabsList = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
   TabsPrimitive.List,
   {
     ref,
@@ -1371,7 +1402,7 @@ var TabsList = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+var TabsTrigger = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -1383,7 +1414,7 @@ var TabsTrigger = React28.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+var TabsContent = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
   TabsPrimitive.Content,
   {
     ref,
@@ -1400,9 +1431,9 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
 import * as React29 from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { ChevronDown as ChevronDown2 } from "lucide-react";
-import { jsx as jsx32, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs13 } from "react/jsx-runtime";
 var Accordion = AccordionPrimitive.Root;
-var AccordionItem = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+var AccordionItem = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   AccordionPrimitive.Item,
   {
     ref,
@@ -1411,7 +1442,7 @@ var AccordionItem = React29.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 AccordionItem.displayName = AccordionPrimitive.Item.displayName;
-var AccordionTrigger = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx32(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs12(
+var AccordionTrigger = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx33(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs13(
   AccordionPrimitive.Trigger,
   {
     ref,
@@ -1422,12 +1453,12 @@ var AccordionTrigger = React29.forwardRef(({ className, children, ...props }, re
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx32(ChevronDown2, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+      /* @__PURE__ */ jsx33(ChevronDown2, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
     ]
   }
 ) }));
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx32(
+var AccordionContent = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx33(
   AccordionPrimitive.Content,
   {
     ref,
@@ -1435,7 +1466,7 @@ var AccordionContent = React29.forwardRef(({ className, children, ...props }, re
       "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
     ),
     ...props,
-    children: /* @__PURE__ */ jsx32("div", { className: cn("pb-4 pt-0", className), children })
+    children: /* @__PURE__ */ jsx33("div", { className: cn("pb-4 pt-0", className), children })
   }
 ));
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;
@@ -1443,10 +1474,10 @@ AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 // src/components/collapsible.tsx
 import * as React30 from "react";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var Collapsible = CollapsiblePrimitive.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
-var CollapsibleContent2 = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var CollapsibleContent2 = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   CollapsiblePrimitive.CollapsibleContent,
   {
     ref,
@@ -1462,22 +1493,22 @@ CollapsibleContent2.displayName = CollapsiblePrimitive.CollapsibleContent.displa
 // src/components/scroll-area.tsx
 import * as React31 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx34, jsxs as jsxs13 } from "react/jsx-runtime";
-var ScrollArea = React31.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(
+import { jsx as jsx35, jsxs as jsxs14 } from "react/jsx-runtime";
+var ScrollArea = React31.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("relative overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx34(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx34(ScrollBar, {}),
-      /* @__PURE__ */ jsx34(ScrollAreaPrimitive.Corner, {})
+      /* @__PURE__ */ jsx35(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx35(ScrollBar, {}),
+      /* @__PURE__ */ jsx35(ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React31.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx34(
+var ScrollBar = React31.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx35(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -1489,7 +1520,7 @@ var ScrollBar = React31.forwardRef(({ className, orientation = "vertical", ...pr
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx34(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border-default" })
+    children: /* @__PURE__ */ jsx35(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border-default" })
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
@@ -1497,7 +1528,7 @@ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 // src/components/alert.tsx
 import * as React32 from "react";
 import { cva as cva6 } from "class-variance-authority";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var alertVariants = cva6(
   "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4",
   {
@@ -1512,7 +1543,7 @@ var alertVariants = cva6(
     defaultVariants: { variant: "default" }
   }
 );
-var Alert = React32.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx35(
+var Alert = React32.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx36(
   "div",
   {
     ref,
@@ -1522,7 +1553,7 @@ var Alert = React32.forwardRef(({ className, variant, ...props }, ref) => /* @__
   }
 ));
 Alert.displayName = "Alert";
-var AlertTitle = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var AlertTitle = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
   "h5",
   {
     ref,
@@ -1531,7 +1562,7 @@ var AlertTitle = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var AlertDescription = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
   "div",
   {
     ref,
@@ -1545,11 +1576,11 @@ AlertDescription.displayName = "AlertDescription";
 import * as React33 from "react";
 import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { ChevronRight as ChevronRight4, MoreHorizontal } from "lucide-react";
-import { jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
-var Breadcrumb = React33.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx36("nav", { ref, "aria-label": "breadcrumb", ...props }));
+import { jsx as jsx37, jsxs as jsxs15 } from "react/jsx-runtime";
+var Breadcrumb = React33.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx37("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
 var BreadcrumbList = React33.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
     "ol",
     {
       ref,
@@ -1563,12 +1594,12 @@ var BreadcrumbList = React33.forwardRef(
 );
 BreadcrumbList.displayName = "BreadcrumbList";
 var BreadcrumbItem = React33.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx36("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx37("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
 );
 BreadcrumbItem.displayName = "BreadcrumbItem";
 var BreadcrumbLink = React33.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? Slot2 : "a";
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     Comp,
     {
       ref,
@@ -1579,7 +1610,7 @@ var BreadcrumbLink = React33.forwardRef(({ asChild, className, ...props }, ref)
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
 var BreadcrumbPage = React33.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
     "span",
     {
       ref,
@@ -1596,18 +1627,18 @@ var BreadcrumbSeparator = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ jsx36(
+}) => /* @__PURE__ */ jsx37(
   "li",
   {
     role: "presentation",
     "aria-hidden": "true",
     className: cn("[&>svg]:h-4 [&>svg]:w-4", className),
     ...props,
-    children: children ?? /* @__PURE__ */ jsx36(ChevronRight4, {})
+    children: children ?? /* @__PURE__ */ jsx37(ChevronRight4, {})
   }
 );
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
-var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs14(
+var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs15(
   "span",
   {
     role: "presentation",
@@ -1615,8 +1646,8 @@ var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs14(
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx36(MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx36("span", { className: "sr-only", children: "More" })
+      /* @__PURE__ */ jsx37(MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx37("span", { className: "sr-only", children: "More" })
     ]
   }
 );
@@ -1625,8 +1656,8 @@ BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
 // src/components/pagination.tsx
 import * as React34 from "react";
 import { ChevronLeft, ChevronRight as ChevronRight5, MoreHorizontal as MoreHorizontal2 } from "lucide-react";
-import { jsx as jsx37, jsxs as jsxs15 } from "react/jsx-runtime";
-var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx37(
+import { jsx as jsx38, jsxs as jsxs16 } from "react/jsx-runtime";
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx38(
   "nav",
   {
     role: "navigation",
@@ -1637,14 +1668,14 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx37(
 );
 Pagination.displayName = "Pagination";
 var PaginationContent = React34.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx37("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx38("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
 );
 PaginationContent.displayName = "PaginationContent";
 var PaginationItem = React34.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx37("li", { ref, className: cn("", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx38("li", { ref, className: cn("", className), ...props })
 );
 PaginationItem.displayName = "PaginationItem";
-var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @__PURE__ */ jsx37(
+var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @__PURE__ */ jsx38(
   "a",
   {
     "aria-current": isActive ? "page" : void 0,
@@ -1656,7 +1687,7 @@ var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @_
   }
 );
 PaginationLink.displayName = "PaginationLink";
-var PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ jsxs15(
+var PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ jsxs16(
   PaginationLink,
   {
     "aria-label": "Go to previous page",
@@ -1664,13 +1695,13 @@ var PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ jsxs15(
     className: cn("gap-1 pl-2.5", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx37(ChevronLeft, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx37("span", { children: "Previous" })
+      /* @__PURE__ */ jsx38(ChevronLeft, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx38("span", { children: "Previous" })
     ]
   }
 );
 PaginationPrevious.displayName = "PaginationPrevious";
-var PaginationNext = ({ className, ...props }) => /* @__PURE__ */ jsxs15(
+var PaginationNext = ({ className, ...props }) => /* @__PURE__ */ jsxs16(
   PaginationLink,
   {
     "aria-label": "Go to next page",
@@ -1678,21 +1709,21 @@ var PaginationNext = ({ className, ...props }) => /* @__PURE__ */ jsxs15(
     className: cn("gap-1 pr-2.5", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx37("span", { children: "Next" }),
-      /* @__PURE__ */ jsx37(ChevronRight5, { className: "h-4 w-4" })
+      /* @__PURE__ */ jsx38("span", { children: "Next" }),
+      /* @__PURE__ */ jsx38(ChevronRight5, { className: "h-4 w-4" })
     ]
   }
 );
 PaginationNext.displayName = "PaginationNext";
-var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs15(
+var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs16(
   "span",
   {
     "aria-hidden": true,
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx37(MoreHorizontal2, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx37("span", { className: "sr-only", children: "More pages" })
+      /* @__PURE__ */ jsx38(MoreHorizontal2, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx38("span", { className: "sr-only", children: "More pages" })
     ]
   }
 );
@@ -1702,8 +1733,8 @@ PaginationEllipsis.displayName = "PaginationEllipsis";
 import * as React35 from "react";
 import { Command as CommandPrimitive } from "cmdk";
 import { Search } from "lucide-react";
-import { jsx as jsx38, jsxs as jsxs16 } from "react/jsx-runtime";
-var Command = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+import { jsx as jsx39, jsxs as jsxs17 } from "react/jsx-runtime";
+var Command = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   CommandPrimitive,
   {
     ref,
@@ -1715,10 +1746,10 @@ var Command = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Command.displayName = CommandPrimitive.displayName;
-var CommandDialog = ({ children, ...props }) => /* @__PURE__ */ jsx38(Dialog, { ...props, children: /* @__PURE__ */ jsx38(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsx38(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-text-tertiary [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
-var CommandInput = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs16("div", { className: "flex items-center border-b border-border-subtle px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ jsx38(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ jsx38(
+var CommandDialog = ({ children, ...props }) => /* @__PURE__ */ jsx39(Dialog, { ...props, children: /* @__PURE__ */ jsx39(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsx39(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-text-tertiary [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
+var CommandInput = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs17("div", { className: "flex items-center border-b border-border-subtle px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsx39(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ jsx39(
     CommandPrimitive.Input,
     {
       ref,
@@ -1731,7 +1762,7 @@ var CommandInput = React35.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var CommandList = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   CommandPrimitive.List,
   {
     ref,
@@ -1740,7 +1771,7 @@ var CommandList = React35.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React35.forwardRef((props, ref) => /* @__PURE__ */ jsx38(
+var CommandEmpty = React35.forwardRef((props, ref) => /* @__PURE__ */ jsx39(
   CommandPrimitive.Empty,
   {
     ref,
@@ -1749,7 +1780,7 @@ var CommandEmpty = React35.forwardRef((props, ref) => /* @__PURE__ */ jsx38(
   }
 ));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var CommandGroup = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   CommandPrimitive.Group,
   {
     ref,
@@ -1761,7 +1792,7 @@ var CommandGroup = React35.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var CommandSeparator = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   CommandPrimitive.Separator,
   {
     ref,
@@ -1770,7 +1801,7 @@ var CommandSeparator = React35.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var CommandItem = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   CommandPrimitive.Item,
   {
     ref,
@@ -1782,7 +1813,7 @@ var CommandItem = React35.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandItem.displayName = CommandPrimitive.Item.displayName;
-var CommandShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx38(
+var CommandShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx39(
   "span",
   {
     className: cn("ml-auto text-xs tracking-widest text-text-tertiary", className),
@@ -1796,8 +1827,8 @@ import * as React36 from "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { cva as cva7 } from "class-variance-authority";
 import { ChevronDown as ChevronDown3 } from "lucide-react";
-import { jsx as jsx39, jsxs as jsxs17 } from "react/jsx-runtime";
-var NavigationMenu = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs17(
+import { jsx as jsx40, jsxs as jsxs18 } from "react/jsx-runtime";
+var NavigationMenu = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs18(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -1805,12 +1836,12 @@ var NavigationMenu = React36.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx39(NavigationMenuViewport, {})
+      /* @__PURE__ */ jsx40(NavigationMenuViewport, {})
     ]
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+var NavigationMenuList = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -1823,7 +1854,7 @@ var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = cva7(
   "group inline-flex h-10 w-max items-center justify-center rounded-md bg-bg-elevated px-4 py-2 text-sm font-medium transition-colors hover:bg-bg-secondary hover:text-text-primary focus:bg-bg-secondary focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-bg-secondary"
 );
-var NavigationMenuTrigger = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs17(
+var NavigationMenuTrigger = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs18(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -1832,7 +1863,7 @@ var NavigationMenuTrigger = React36.forwardRef(({ className, children, ...props
     children: [
       children,
       " ",
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx40(
         ChevronDown3,
         {
           className: "relative top-[1px] ml-1 h-4 w-4 transition duration-200 group-data-[state=open]:rotate-180",
@@ -1843,7 +1874,7 @@ var NavigationMenuTrigger = React36.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+var NavigationMenuContent = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -1856,7 +1887,7 @@ var NavigationMenuContent = React36.forwardRef(({ className, ...props }, ref) =>
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx39(
+var NavigationMenuViewport = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx40(
   NavigationMenuPrimitive.Viewport,
   {
     ref,
@@ -1868,7 +1899,7 @@ var NavigationMenuViewport = React36.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+var NavigationMenuIndicator = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -1877,7 +1908,7 @@ var NavigationMenuIndicator = React36.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx39("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border-subtle shadow-md" })
+    children: /* @__PURE__ */ jsx40("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border-subtle shadow-md" })
   }
 ));
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
@@ -1940,10 +1971,10 @@ function useTheme() {
 
 // src/components/sonner.tsx
 import { Toaster as SonnerToaster, toast } from "sonner";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var Toaster = ({ ...props }) => {
   const { resolvedTheme } = useTheme();
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     SonnerToaster,
     {
       theme: resolvedTheme,
@@ -1963,7 +1994,7 @@ var Toaster = ({ ...props }) => {
 
 // src/theme/ThemeToggle.tsx
 import { Sun, Moon, Monitor } from "lucide-react";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var icons = {
   light: Sun,
   dark: Moon,
@@ -1977,14 +2008,14 @@ var nextTheme = {
 function ThemeToggle() {
   const { theme, setTheme } = useTheme();
   const Icon = icons[theme];
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "button",
     {
       onClick: () => setTheme(nextTheme[theme]),
       className: "p-2 rounded-lg text-text-secondary hover:bg-bg-secondary transition-colors",
       "aria-label": `Switch to ${nextTheme[theme]} theme`,
       title: `Theme: ${theme}`,
-      children: /* @__PURE__ */ jsx41(Icon, { className: "w-4 h-4" })
+      children: /* @__PURE__ */ jsx42(Icon, { className: "w-4 h-4" })
     }
   );
 }
@@ -1992,9 +2023,9 @@ function ThemeToggle() {
 // src/components/calendar.tsx
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight6 } from "lucide-react";
 import { DayPicker } from "react-day-picker";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     DayPicker,
     {
       showOutsideDays,
@@ -2037,7 +2068,7 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
         ...classNames
       },
       components: {
-        Chevron: ({ className: cls, orientation, ...rest }) => orientation === "left" ? /* @__PURE__ */ jsx42(ChevronLeft2, { className: cn("size-4", cls), ...rest }) : /* @__PURE__ */ jsx42(ChevronRight6, { className: cn("size-4", cls), ...rest })
+        Chevron: ({ className: cls, orientation, ...rest }) => orientation === "left" ? /* @__PURE__ */ jsx43(ChevronLeft2, { className: cn("size-4", cls), ...rest }) : /* @__PURE__ */ jsx43(ChevronRight6, { className: cn("size-4", cls), ...rest })
       },
       ...props
     }
@@ -2048,7 +2079,7 @@ Calendar.displayName = "Calendar";
 // src/components/date-picker.tsx
 import * as React37 from "react";
 import { Calendar as CalendarIcon } from "lucide-react";
-import { jsx as jsx43, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs19 } from "react/jsx-runtime";
 var DEFAULT_FORMAT = {
   year: "numeric",
   month: "long",
@@ -2062,8 +2093,8 @@ function DatePicker({
   className
 }) {
   const [open, setOpen] = React37.useState(false);
-  return /* @__PURE__ */ jsxs18(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx43(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx44(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs19(
       Button,
       {
         type: "button",
@@ -2071,12 +2102,12 @@ function DatePicker({
         disabled,
         className: cn("w-[240px] justify-start gap-2 text-left font-normal", !value && "text-text-tertiary", className),
         children: [
-          /* @__PURE__ */ jsx43(CalendarIcon, { className: "size-4 shrink-0" }),
+          /* @__PURE__ */ jsx44(CalendarIcon, { className: "size-4 shrink-0" }),
           value ? value.toLocaleDateString(void 0, DEFAULT_FORMAT) : placeholder
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx43(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx44(
       Calendar,
       {
         mode: "single",
@@ -2096,7 +2127,7 @@ DatePicker.displayName = "DatePicker";
 import * as React38 from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
-import { jsx as jsx44, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs20 } from "react/jsx-runtime";
 var CarouselContext = React38.createContext(null);
 function useCarousel() {
   const context = React38.useContext(CarouselContext);
@@ -2143,7 +2174,7 @@ var Carousel = React38.forwardRef(({ orientation = "horizontal", opts, setApi, p
       api.off("select", onSelect);
     };
   }, [api, onSelect]);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     CarouselContext.Provider,
     {
       value: {
@@ -2156,7 +2187,7 @@ var Carousel = React38.forwardRef(({ orientation = "horizontal", opts, setApi, p
         canScrollPrev,
         canScrollNext
       },
-      children: /* @__PURE__ */ jsx44(
+      children: /* @__PURE__ */ jsx45(
         "div",
         {
           ref,
@@ -2175,7 +2206,7 @@ Carousel.displayName = "Carousel";
 var CarouselContent = React38.forwardRef(
   ({ className, ...props }, ref) => {
     const { carouselRef, orientation } = useCarousel();
-    return /* @__PURE__ */ jsx44("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx44(
+    return /* @__PURE__ */ jsx45("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx45(
       "div",
       {
         ref,
@@ -2189,7 +2220,7 @@ CarouselContent.displayName = "CarouselContent";
 var CarouselItem = React38.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useCarousel();
-    return /* @__PURE__ */ jsx44(
+    return /* @__PURE__ */ jsx45(
       "div",
       {
         ref,
@@ -2208,7 +2239,7 @@ var CarouselItem = React38.forwardRef(
 CarouselItem.displayName = "CarouselItem";
 var CarouselPrevious = React38.forwardRef(({ className, ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     "button",
     {
       ref,
@@ -2223,8 +2254,8 @@ var CarouselPrevious = React38.forwardRef(({ className, ...props }, ref) => {
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ jsx44(ArrowLeft, { className: "size-4" }),
-        /* @__PURE__ */ jsx44("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ jsx45(ArrowLeft, { className: "size-4" }),
+        /* @__PURE__ */ jsx45("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
   );
@@ -2232,7 +2263,7 @@ var CarouselPrevious = React38.forwardRef(({ className, ...props }, ref) => {
 CarouselPrevious.displayName = "CarouselPrevious";
 var CarouselNext = React38.forwardRef(({ className, ...props }, ref) => {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     "button",
     {
       ref,
@@ -2247,8 +2278,8 @@ var CarouselNext = React38.forwardRef(({ className, ...props }, ref) => {
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ jsx44(ArrowRight, { className: "size-4" }),
-        /* @__PURE__ */ jsx44("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ jsx45(ArrowRight, { className: "size-4" }),
+        /* @__PURE__ */ jsx45("span", { className: "sr-only", children: "Next slide" })
       ]
     }
   );
@@ -2264,11 +2295,11 @@ import {
   useFormContext,
   useFormState
 } from "react-hook-form";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 var Form = FormProvider;
 var FormFieldContext = React39.createContext(null);
 function FormField({ ...props }) {
-  return /* @__PURE__ */ jsx45(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx45(Controller, { ...props }) });
+  return /* @__PURE__ */ jsx46(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx46(Controller, { ...props }) });
 }
 var FormItemContext = React39.createContext(null);
 function useFormField() {
@@ -2291,13 +2322,13 @@ function useFormField() {
 var FormItem = React39.forwardRef(
   ({ className, ...props }, ref) => {
     const id = React39.useId();
-    return /* @__PURE__ */ jsx45(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx45("div", { ref, className: cn("space-y-2", className), ...props }) });
+    return /* @__PURE__ */ jsx46(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx46("div", { ref, className: cn("space-y-2", className), ...props }) });
   }
 );
 FormItem.displayName = "FormItem";
 var FormLabel = React39.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     Label2,
     {
       ref,
@@ -2310,7 +2341,7 @@ var FormLabel = React39.forwardRef(({ className, ...props }, ref) => {
 FormLabel.displayName = "FormLabel";
 var FormControl = React39.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     Slot3,
     {
       ref,
@@ -2324,7 +2355,7 @@ var FormControl = React39.forwardRef(({ ...props }, ref) => {
 FormControl.displayName = "FormControl";
 var FormDescription = React39.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "p",
     {
       ref,
@@ -2339,7 +2370,7 @@ var FormMessage = React39.forwardRef(({ className, children, ...props }, ref) =>
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message ?? "") : children;
   if (!body) return null;
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "p",
     {
       ref,
@@ -2355,7 +2386,7 @@ FormMessage.displayName = "FormMessage";
 // src/components/status-dot.tsx
 import * as React40 from "react";
 import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx46, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs21 } from "react/jsx-runtime";
 var statusDotVariants = cva8("inline-block shrink-0 rounded-full", {
   variants: {
     status: {
@@ -2370,7 +2401,7 @@ var statusDotVariants = cva8("inline-block shrink-0 rounded-full", {
   defaultVariants: { status: "neutral", size: "md" }
 });
 var StatusDot = React40.forwardRef(
-  ({ className, status, size, pulse = false, ...props }, ref) => /* @__PURE__ */ jsxs20(
+  ({ className, status, size, pulse = false, ...props }, ref) => /* @__PURE__ */ jsxs21(
     "span",
     {
       ref,
@@ -2379,14 +2410,14 @@ var StatusDot = React40.forwardRef(
       className: cn("relative inline-flex", className),
       ...props,
       children: [
-        pulse && /* @__PURE__ */ jsx46(
+        pulse && /* @__PURE__ */ jsx47(
           "span",
           {
             "aria-hidden": "true",
             className: cn(statusDotVariants({ status, size }), "absolute inset-0 animate-ping opacity-75")
           }
         ),
-        /* @__PURE__ */ jsx46("span", { className: cn(statusDotVariants({ status, size })) })
+        /* @__PURE__ */ jsx47("span", { className: cn(statusDotVariants({ status, size })) })
       ]
     }
   )
@@ -2396,9 +2427,9 @@ StatusDot.displayName = "StatusDot";
 // src/components/docs-link.tsx
 import * as React41 from "react";
 import { BookOpen, ExternalLink } from "lucide-react";
-import { jsx as jsx47, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs22 } from "react/jsx-runtime";
 var DocsLink = React41.forwardRef(
-  ({ href = "https://docs.lessly.com", label = "Docs", className, ...props }, ref) => /* @__PURE__ */ jsxs21(
+  ({ href = "https://docs.lessly.com", label = "Docs", className, ...props }, ref) => /* @__PURE__ */ jsxs22(
     "a",
     {
       ref,
@@ -2411,9 +2442,9 @@ var DocsLink = React41.forwardRef(
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx47(BookOpen, { className: "size-4", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx48(BookOpen, { className: "size-4", "aria-hidden": "true" }),
         label,
-        /* @__PURE__ */ jsx47(ExternalLink, { className: "size-3 text-text-tertiary", "aria-hidden": "true" })
+        /* @__PURE__ */ jsx48(ExternalLink, { className: "size-3 text-text-tertiary", "aria-hidden": "true" })
       ]
     }
   )
@@ -2422,9 +2453,9 @@ DocsLink.displayName = "DocsLink";
 
 // src/components/empty-state.tsx
 import * as React42 from "react";
-import { jsx as jsx48, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs23 } from "react/jsx-runtime";
 var EmptyState = React42.forwardRef(
-  ({ icon: Icon, title, description, action, className, ...props }, ref) => /* @__PURE__ */ jsxs22(
+  ({ icon: Icon, title, description, action, className, ...props }, ref) => /* @__PURE__ */ jsxs23(
     "div",
     {
       ref,
@@ -2434,10 +2465,10 @@ var EmptyState = React42.forwardRef(
       ),
       ...props,
       children: [
-        Icon && /* @__PURE__ */ jsx48("div", { className: "mb-4 flex size-11 items-center justify-center rounded-full bg-bg-secondary", children: /* @__PURE__ */ jsx48(Icon, { className: "size-5 text-icon-secondary", "aria-hidden": "true" }) }),
-        /* @__PURE__ */ jsx48("p", { className: "text-base font-semibold text-text-primary", children: title }),
-        description && /* @__PURE__ */ jsx48("p", { className: "mt-1 max-w-sm text-sm text-text-secondary", children: description }),
-        action && /* @__PURE__ */ jsx48("div", { className: "mt-4", children: action })
+        Icon && /* @__PURE__ */ jsx49("div", { className: "mb-4 flex size-11 items-center justify-center rounded-full bg-bg-secondary", children: /* @__PURE__ */ jsx49(Icon, { className: "size-5 text-icon-secondary", "aria-hidden": "true" }) }),
+        /* @__PURE__ */ jsx49("p", { className: "text-base font-semibold text-text-primary", children: title }),
+        description && /* @__PURE__ */ jsx49("p", { className: "mt-1 max-w-sm text-sm text-text-secondary", children: description }),
+        action && /* @__PURE__ */ jsx49("div", { className: "mt-4", children: action })
       ]
     }
   )
@@ -2447,7 +2478,7 @@ EmptyState.displayName = "EmptyState";
 // src/components/copy-button.tsx
 import * as React43 from "react";
 import { Check as Check5, Copy } from "lucide-react";
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 var CopyButton = React43.forwardRef(
   ({ value, label = "Copy", className, variant = "ghost", size = "icon", onClick, ...props }, ref) => {
     const [copied, setCopied] = React43.useState(false);
@@ -2464,7 +2495,7 @@ var CopyButton = React43.forwardRef(
       } catch {
       }
     };
-    return /* @__PURE__ */ jsx49(
+    return /* @__PURE__ */ jsx50(
       Button,
       {
         ref,
@@ -2475,7 +2506,7 @@ var CopyButton = React43.forwardRef(
         className: cn(className),
         ...props,
         "aria-label": copied ? "Copied" : label,
-        children: copied ? /* @__PURE__ */ jsx49(Check5, { className: "size-4 text-text-success" }) : /* @__PURE__ */ jsx49(Copy, { className: "size-4" })
+        children: copied ? /* @__PURE__ */ jsx50(Check5, { className: "size-4 text-text-success" }) : /* @__PURE__ */ jsx50(Copy, { className: "size-4" })
       }
     );
   }
@@ -2485,7 +2516,7 @@ CopyButton.displayName = "CopyButton";
 // src/components/stat-card.tsx
 import * as React44 from "react";
 import { ArrowDown, ArrowUp, Info as Info2, Minus as Minus2 } from "lucide-react";
-import { jsx as jsx50, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs24 } from "react/jsx-runtime";
 var directionIcons = {
   up: ArrowUp,
   down: ArrowDown,
@@ -2507,30 +2538,30 @@ var StatCard = React44.forwardRef(
     const tone = delta?.tone ?? toneFromDirection[direction];
     const DeltaIcon = directionIcons[direction];
     const deltaClass = toneClasses[tone];
-    return /* @__PURE__ */ jsxs23(
+    return /* @__PURE__ */ jsxs24(
       "div",
       {
         ref,
         className: cn("rounded-xl border border-border-subtle bg-bg-surface p-5", className),
         ...props,
         children: [
-          /* @__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 })
+          /* @__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 })
               ] }) })
             ] }),
-            Icon && /* @__PURE__ */ jsx50(Icon, { className: "size-4 text-icon-secondary", "aria-hidden": "true" })
+            Icon && /* @__PURE__ */ jsx51(Icon, { className: "size-4 text-icon-secondary", "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" }),
+          /* @__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" }),
               delta.value
             ] }),
-            sub && /* @__PURE__ */ jsx50("span", { className: "text-text-tertiary", children: sub })
+            sub && /* @__PURE__ */ jsx51("span", { className: "text-text-tertiary", children: sub })
           ] })
         ]
       }
@@ -2542,9 +2573,9 @@ StatCard.displayName = "StatCard";
 // src/components/confirm-dialog.tsx
 import * as React45 from "react";
 import { Loader2 } from "lucide-react";
-import { jsx as jsx51, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs25 } from "react/jsx-runtime";
 var InlineError = React45.forwardRef(
-  ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx51(
+  ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx52(
     "div",
     {
       ref,
@@ -2595,20 +2626,20 @@ function ConfirmDialog({
       setBusy(false);
     }
   };
-  return /* @__PURE__ */ jsxs24(Dialog, { open: actualOpen, onOpenChange: (next) => {
+  return /* @__PURE__ */ jsxs25(Dialog, { open: actualOpen, onOpenChange: (next) => {
     if (!busy) setOpen(next);
   }, children: [
-    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 })
+    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 })
       ] }),
-      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" }),
+      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" }),
           confirmLabel
         ] })
       ] })
@@ -2618,7 +2649,7 @@ function ConfirmDialog({
 
 // src/components/user-menu.tsx
 import { ChevronsUpDown } from "lucide-react";
-import { Fragment, jsx as jsx52, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx53, jsxs as jsxs26 } from "react/jsx-runtime";
 function initialsOf(name) {
   const parts = name.trim().split(/\s+/).filter(Boolean);
   if (parts.length === 0) return "?";
@@ -2627,11 +2658,11 @@ function initialsOf(name) {
 }
 function UserMenu({ user, items, collapsed = false, align = "start" }) {
   const secondLine = user.subtitle ?? user.email;
-  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 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 trigger = collapsed ? /* @__PURE__ */ jsx52(
+  const trigger = collapsed ? /* @__PURE__ */ jsx53(
     "button",
     {
       type: "button",
@@ -2639,46 +2670,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__ */ jsxs25(
+  ) : /* @__PURE__ */ jsxs26(
     "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__ */ 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__ */ 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__ */ jsx52(ChevronsUpDown, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" })
+        /* @__PURE__ */ jsx53(ChevronsUpDown, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" })
       ]
     }
   );
-  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 })
+  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 })
     ] }) }) : menuTrigger,
-    /* @__PURE__ */ jsxs25(
+    /* @__PURE__ */ jsxs26(
       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__ */ 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__ */ 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__ */ jsx52(DropdownMenuSeparator, { className: "mx-0 shrink-0 bg-border-subtle" }),
+          /* @__PURE__ */ jsx53(DropdownMenuSeparator, { className: "mx-0 shrink-0 bg-border-subtle" }),
           items.map((item, i) => {
             const Icon = item.icon;
-            const content = /* @__PURE__ */ jsxs25(Fragment, { children: [
-              Icon && /* @__PURE__ */ jsx52(Icon, { className: "size-4", "aria-hidden": "true" }),
+            const content = /* @__PURE__ */ jsxs26(Fragment, { children: [
+              Icon && /* @__PURE__ */ jsx53(Icon, { className: "size-4", "aria-hidden": "true" }),
               item.label
             ] });
-            return /* @__PURE__ */ jsx52(
+            return /* @__PURE__ */ jsx53(
               DropdownMenuItem,
               {
                 onSelect: item.onSelect,
@@ -2687,7 +2718,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__ */ jsx52("a", { href: item.href, children: content }) : content
+                children: item.href ? /* @__PURE__ */ jsx53("a", { href: item.href, children: content }) : content
               },
               `${item.label}-${i}`
             );
@@ -2701,12 +2732,12 @@ function UserMenu({ user, items, collapsed = false, align = "start" }) {
 
 // src/components/extension-link.tsx
 import { Link as Link2 } from "react-router";
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 function ExtensionLink({ uiMode, to, className, children, ...anchorProps }) {
   if (uiMode === "federation") {
-    return /* @__PURE__ */ jsx53(Link2, { to, className, ...anchorProps, children });
+    return /* @__PURE__ */ jsx54(Link2, { to, className, ...anchorProps, children });
   }
-  return /* @__PURE__ */ jsx53("a", { href: to, className, ...anchorProps, children });
+  return /* @__PURE__ */ jsx54("a", { href: to, className, ...anchorProps, children });
 }
 ExtensionLink.displayName = "ExtensionLink";
 
@@ -2714,7 +2745,7 @@ ExtensionLink.displayName = "ExtensionLink";
 import * as React46 from "react";
 import * as LucideIcons from "lucide-react";
 import { Puzzle } from "lucide-react";
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 var FORWARD_REF = /* @__PURE__ */ Symbol.for("react.forward_ref");
 var catalog = LucideIcons;
 function toPascalCase(name) {
@@ -2744,9 +2775,9 @@ var ExtensionIcon = React46.forwardRef(
     const Icon = resolveIcon(name);
     if (!Icon) {
       warnUnknownIconOnce(name);
-      return /* @__PURE__ */ jsx54(Puzzle, { ref, ...props });
+      return /* @__PURE__ */ jsx55(Puzzle, { ref, ...props });
     }
-    return /* @__PURE__ */ jsx54(Icon, { ref, ...props });
+    return /* @__PURE__ */ jsx55(Icon, { ref, ...props });
   }
 );
 ExtensionIcon.displayName = "ExtensionIcon";
@@ -2795,7 +2826,7 @@ function useSidebar(options = {}) {
 // src/components/nav-row.tsx
 import * as React47 from "react";
 import { Slot as Slot4 } from "@radix-ui/react-slot";
-import { Fragment as Fragment2, jsx as jsx55, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx56, jsxs as jsxs27 } 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",
@@ -2812,8 +2843,8 @@ var state = {
   }
 };
 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(
+  const content = /* @__PURE__ */ jsxs27(Fragment2, { children: [
+    icon && /* @__PURE__ */ jsx56(
       "span",
       {
         className: "flex size-5 shrink-0 items-center justify-center [&_svg]:size-[18px]",
@@ -2821,24 +2852,24 @@ var NavRow = React47.forwardRef(function NavRow2({ icon, label, active = false,
         children: icon
       }
     ),
-    !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 })
+    !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 })
   ] });
   const classes = cn(base, shape[variant], state[variant][active ? "active" : "idle"], className);
   if (asChild) {
     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(Slot4, { ref, className: classes, "aria-label": hideLabel ? label : void 0, ...props, children: React47.cloneElement(child, void 0, content) });
   }
-  return /* @__PURE__ */ jsx55("button", { ref, type: "button", className: classes, "aria-label": hideLabel ? label : void 0, ...props, children: content });
+  return /* @__PURE__ */ jsx56("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 React48 from "react";
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 var NavSectionLabel = React48.forwardRef(
   function NavSectionLabel2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx56(
+    return /* @__PURE__ */ jsx57(
       "div",
       {
         ref,
@@ -2852,7 +2883,7 @@ NavSectionLabel.displayName = "NavSectionLabel";
 
 // src/components/menu-popup.tsx
 import * as React49 from "react";
-import { jsx as jsx57, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs28 } from "react/jsx-runtime";
 function MenuPopup({
   trigger,
   children,
@@ -2864,9 +2895,9 @@ function MenuPopup({
   sideOffset = 6,
   className
 }) {
-  return /* @__PURE__ */ jsxs27(Popover, { open, defaultOpen, onOpenChange, children: [
-    /* @__PURE__ */ jsx57(PopoverTrigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsxs28(Popover, { open, defaultOpen, onOpenChange, children: [
+    /* @__PURE__ */ jsx58(PopoverTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx58(
       PopoverContent,
       {
         side: direction === "up" ? "top" : "bottom",
@@ -2883,7 +2914,7 @@ function MenuPopup({
 }
 var MenuDivider = React49.forwardRef(
   function MenuDivider2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx57(
+    return /* @__PURE__ */ jsx58(
       "div",
       {
         ref,
@@ -2898,7 +2929,7 @@ MenuDivider.displayName = "MenuDivider";
 
 // src/components/sidebar-nav.tsx
 import { Link as Link3, useLocation } from "react-router";
-import { jsx as jsx58, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs29 } from "react/jsx-runtime";
 function isActivePath(pathname, full, exact) {
   if (exact) return pathname === full;
   return pathname === full || pathname.startsWith(`${full}/`);
@@ -2914,23 +2945,23 @@ function SidebarNavLink({
   const Comp = LinkComponent ?? Link3;
   const to = `${basePath}${item.href}`;
   const Icon = item.icon;
-  const link = /* @__PURE__ */ jsx58(
+  const link = /* @__PURE__ */ jsx59(
     NavRow,
     {
       variant: "rail",
       active,
       label: item.label,
       hideLabel: collapsed,
-      icon: Icon ? /* @__PURE__ */ jsx58(Icon, { "aria-hidden": "true" }) : void 0,
+      icon: Icon ? /* @__PURE__ */ jsx59(Icon, { "aria-hidden": "true" }) : void 0,
       className: cn(collapsed && "size-9 justify-center px-0 py-0", className),
       asChild: true,
-      children: /* @__PURE__ */ jsx58(Comp, { to, "aria-current": active ? "page" : void 0 })
+      children: /* @__PURE__ */ jsx59(Comp, { to, "aria-current": active ? "page" : void 0 })
     }
   );
   if (!collapsed) return link;
-  return /* @__PURE__ */ jsxs28(Tooltip, { children: [
-    /* @__PURE__ */ jsx58(TooltipTrigger, { asChild: true, children: link }),
-    /* @__PURE__ */ jsx58(TooltipContent, { side: "right", children: item.label })
+  return /* @__PURE__ */ jsxs29(Tooltip, { children: [
+    /* @__PURE__ */ jsx59(TooltipTrigger, { asChild: true, children: link }),
+    /* @__PURE__ */ jsx59(TooltipContent, { side: "right", children: item.label })
   ] });
 }
 function SidebarNav({
@@ -2942,7 +2973,7 @@ function SidebarNav({
   className
 }) {
   const { pathname } = useLocation();
-  const nav = /* @__PURE__ */ jsx58(
+  const nav = /* @__PURE__ */ jsx59(
     "nav",
     {
       className: cn(
@@ -2953,7 +2984,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__ */ jsx58(
+        return /* @__PURE__ */ jsx59(
           SidebarNavLink,
           {
             item,
@@ -2967,14 +2998,14 @@ function SidebarNav({
       })
     }
   );
-  return collapsed ? /* @__PURE__ */ jsx58(TooltipProvider, { children: nav }) : nav;
+  return collapsed ? /* @__PURE__ */ jsx59(TooltipProvider, { children: nav }) : nav;
 }
 
 // src/components/app-sidebar.tsx
 import { PanelLeft } from "lucide-react";
-import { Fragment as Fragment3, jsx as jsx59, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx60, jsxs as jsxs30 } from "react/jsx-runtime";
 function Divider({ collapsed, testId, className }) {
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx60(
     "div",
     {
       "data-testid": testId,
@@ -3006,7 +3037,7 @@ function AppSidebar({
     defaultCollapsed,
     onCollapsedChange
   });
-  const pin = collapsible ? /* @__PURE__ */ jsx59(
+  const pin = collapsible ? /* @__PURE__ */ jsx60(
     "button",
     {
       type: "button",
@@ -3014,10 +3045,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__ */ jsx59(PanelLeft, { className: "size-4", "aria-hidden": "true" })
+      children: /* @__PURE__ */ jsx60(PanelLeft, { className: "size-4", "aria-hidden": "true" })
     }
   ) : null;
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     "aside",
     {
       "data-collapsed": collapsed,
@@ -3027,12 +3058,12 @@ function AppSidebar({
         className
       ),
       children: [
-        /* @__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 ? (
+        /* @__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 ? (
           /* 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__ */ 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(
+          /* @__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(
               "button",
               {
                 type: "button",
@@ -3040,7 +3071,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__ */ jsx59(PanelLeft, { className: "size-4", "aria-hidden": "true" })
+                children: /* @__PURE__ */ jsx60(PanelLeft, { className: "size-4", "aria-hidden": "true" })
               }
             )
           ] })
@@ -3049,7 +3080,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__ */ jsx59(
+          /* @__PURE__ */ jsx60(
             "button",
             {
               type: "button",
@@ -3057,15 +3088,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__ */ jsx59(PanelLeft, { className: "size-4", "aria-hidden": "true" })
+              children: /* @__PURE__ */ jsx60(PanelLeft, { className: "size-4", "aria-hidden": "true" })
             }
           )
-        ) : logoCollapsed ?? logo : /* @__PURE__ */ jsxs29(Fragment3, { children: [
+        ) : logoCollapsed ?? logo : /* @__PURE__ */ jsxs30(Fragment3, { children: [
           header ?? logo,
           pin
         ] }) }),
-        /* @__PURE__ */ jsx59(Divider, { collapsed, testId: "sidebar-divider-header", className: "mt-3" }),
-        /* @__PURE__ */ jsx59(
+        /* @__PURE__ */ jsx60(Divider, { collapsed, testId: "sidebar-divider-header", className: "mt-3" }),
+        /* @__PURE__ */ jsx60(
           "div",
           {
             "data-testid": "sidebar-scroll",
@@ -3073,12 +3104,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__ */ jsx59(SidebarNav, { items, collapsed, basePath, LinkComponent, isItemActive })
+            children: /* @__PURE__ */ jsx60(SidebarNav, { items, collapsed, basePath, LinkComponent, isItemActive })
           }
         ),
-        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 })
+        footer && /* @__PURE__ */ jsxs30(Fragment3, { children: [
+          /* @__PURE__ */ jsx60(Divider, { collapsed, testId: "sidebar-divider-account" }),
+          /* @__PURE__ */ jsx60("div", { className: cn("py-2", collapsed ? "px-1" : "px-3"), children: footer })
         ] })
       ]
     }
@@ -3089,37 +3120,37 @@ function AppSidebar({
 import * as React50 from "react";
 import { Slot as Slot5 } from "@radix-ui/react-slot";
 import { ChevronsUpDown as ChevronsUpDown2 } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx60, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx61, jsxs as jsxs31 } 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__ */ 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 adornment = trailing === void 0 ? /* @__PURE__ */ jsx61(ChevronsUpDown2, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" }) : trailing;
+    const content = /* @__PURE__ */ jsxs31(Fragment4, { 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 classes = cn("flex w-full items-center gap-2.5 rounded-xl px-1.5 py-0 text-left", className);
     if (asChild) {
       const child = React50.Children.only(children);
-      return /* @__PURE__ */ jsx60(Slot5, { ref, className: classes, ...props, children: React50.cloneElement(child, void 0, content) });
+      return /* @__PURE__ */ jsx61(Slot5, { ref, className: classes, ...props, children: React50.cloneElement(child, void 0, content) });
     }
-    return /* @__PURE__ */ jsx60("button", { ref, type: "button", className: classes, ...props, children: content });
+    return /* @__PURE__ */ jsx61("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 Fragment5, jsx as jsx61, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx62, jsxs as jsxs32 } 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__ */ 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("span", { className: cn("flex shrink-0 items-center justify-center overflow-hidden rounded-md", box), "aria-hidden": "true", children: item.icon });
   }
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx62(
     "span",
     {
       "aria-hidden": "true",
@@ -3146,44 +3177,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__ */ 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 })
+  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 })
       ] }),
-      /* @__PURE__ */ jsx61(ChevronsUpDown3, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" })
+      /* @__PURE__ */ jsx62(ChevronsUpDown3, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" })
     ] }),
-    /* @__PURE__ */ jsxs31(
+    /* @__PURE__ */ jsxs32(
       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__ */ 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" })
+          /* @__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" })
           ] }, o.id)),
-          /* @__PURE__ */ jsx61(DropdownMenuSeparator, { className: "mx-0 shrink-0 bg-border-subtle" }),
-          /* @__PURE__ */ jsxs31(DropdownMenuLabel, { className: sectionLabel, children: [
+          /* @__PURE__ */ jsx62(DropdownMenuSeparator, { className: "mx-0 shrink-0 bg-border-subtle" }),
+          /* @__PURE__ */ jsxs32(DropdownMenuLabel, { className: sectionLabel, children: [
             activeOrg?.name,
             " \xB7 Products"
           ] }),
-          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" })
+          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" })
           ] }, p.id)),
-          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: [
+          actions && actions.length > 0 && /* @__PURE__ */ jsxs32(Fragment5, { 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: [
               a.icon,
               a.label
-            ] }) : /* @__PURE__ */ jsxs31(Fragment5, { children: [
+            ] }) : /* @__PURE__ */ jsxs32(Fragment5, { children: [
               a.icon,
               a.label
             ] }) }, a.id))
@@ -3197,12 +3228,12 @@ OrgProductSwitcher.displayName = "OrgProductSwitcher";
 
 // src/components/sidebar-back-header.tsx
 import { ArrowLeft as ArrowLeft2 } from "lucide-react";
-import { jsx as jsx62, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs33 } 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__ */ jsx62(ArrowLeft2, { size: 16, "aria-hidden": "true" });
+var Arrow = () => /* @__PURE__ */ jsx63(ArrowLeft2, { size: 16, "aria-hidden": "true" });
 function SidebarBackHeader({
   title,
   onBack,
@@ -3216,7 +3247,7 @@ function SidebarBackHeader({
   const { className: arrowClassName, ...arrowRest } = arrowProps ?? {};
   const { className: titleClassName, ...titleRest } = titleProps ?? {};
   if (!onTitleClick) {
-    return /* @__PURE__ */ jsxs32(
+    return /* @__PURE__ */ jsxs33(
       "button",
       {
         type: "button",
@@ -3224,14 +3255,14 @@ function SidebarBackHeader({
         className: cn("flex items-center rounded-xl", focusRing, className),
         ...rowProps,
         children: [
-          /* @__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 })
+          /* @__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 })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsxs32("div", { className: cn("flex items-center", className), ...rowProps, children: [
-    /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsxs33("div", { className: cn("flex items-center", className), ...rowProps, children: [
+    /* @__PURE__ */ jsx63(
       "button",
       {
         type: "button",
@@ -3239,10 +3270,10 @@ function SidebarBackHeader({
         onClick: onBack,
         className: cn(arrowBox, focusRing, arrowClassName),
         ...arrowRest,
-        children: /* @__PURE__ */ jsx62("span", { className: arrowPlate, children: /* @__PURE__ */ jsx62(Arrow, {}) })
+        children: /* @__PURE__ */ jsx63("span", { className: arrowPlate, children: /* @__PURE__ */ jsx63(Arrow, {}) })
       }
     ),
-    /* @__PURE__ */ jsx62(
+    /* @__PURE__ */ jsx63(
       "button",
       {
         type: "button",
@@ -3260,7 +3291,7 @@ SidebarBackHeader.displayName = "SidebarBackHeader";
 import * as React51 from "react";
 import { Menu as Menu2 } from "lucide-react";
 import { useLocation as useLocation2 } from "react-router";
-import { jsx as jsx63, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs34 } from "react/jsx-runtime";
 function expandedSidebar(sidebar) {
   return React51.isValidElement(sidebar) ? React51.cloneElement(sidebar, { collapsed: false }) : sidebar;
 }
@@ -3272,26 +3303,26 @@ function AppShell({ sidebar, topBar, children, className }) {
   }, [pathname]);
   const isMobile = useIsMobile();
   if (isMobile) {
-    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" }),
+    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" }),
             expandedSidebar(sidebar)
           ] })
         ] }),
-        /* @__PURE__ */ jsx63("div", { className: "flex items-center gap-2", children: topBar })
+        /* @__PURE__ */ jsx64("div", { className: "flex items-center gap-2", children: topBar })
       ] }),
-      /* @__PURE__ */ jsx63("main", { className: "flex-1 overflow-auto", children })
+      /* @__PURE__ */ jsx64("main", { className: "flex-1 overflow-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 })
+  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 })
     ] })
   ] }) });
 }
@@ -3300,11 +3331,11 @@ var AuthenticatedLayout = AppShell;
 // src/components/grid.tsx
 import * as React52 from "react";
 import { Slot as Slot6 } from "@radix-ui/react-slot";
-import { jsx as jsx64 } from "react/jsx-runtime";
+import { jsx as jsx65 } from "react/jsx-runtime";
 var Grid = React52.forwardRef(
   ({ fluid = false, asChild = false, className, ...props }, ref) => {
     const Comp = asChild ? Slot6 : "div";
-    return /* @__PURE__ */ jsx64(
+    return /* @__PURE__ */ jsx65(
       Comp,
       {
         ref,
@@ -3324,7 +3355,7 @@ Grid.displayName = "Grid";
 // src/components/col.tsx
 import * as React53 from "react";
 import { Slot as Slot7 } from "@radix-ui/react-slot";
-import { jsx as jsx65 } from "react/jsx-runtime";
+import { jsx as jsx66 } 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" },
@@ -3447,14 +3478,14 @@ function responsiveClasses(span, offset) {
 var Col = React53.forwardRef(
   ({ span, offset, asChild = false, className, ...props }, ref) => {
     const Comp = asChild ? Slot7 : "div";
-    return /* @__PURE__ */ jsx65(Comp, { ref, className: cn(responsiveClasses(span, offset), className), ...props });
+    return /* @__PURE__ */ jsx66(Comp, { ref, className: cn(responsiveClasses(span, offset), className), ...props });
   }
 );
 Col.displayName = "Col";
 
 // src/components/code-block.tsx
 import * as React54 from "react";
-import { jsx as jsx66, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs35 } from "react/jsx-runtime";
 var TOKEN_CLASS = {
   comment: "text-text-tertiary italic",
   string: "text-text-success",
@@ -3586,7 +3617,7 @@ var CodeBlock = React54.forwardRef(
   ({ code, lang = "tsx", copy = false, filename, scroll = false, className, ...props }, ref) => {
     const tokens = React54.useMemo(() => tokenize(code, lang), [code, lang]);
     const framed = Boolean(filename) || copy;
-    const pre = /* @__PURE__ */ jsx66(
+    const pre = /* @__PURE__ */ jsx67(
       "pre",
       {
         ref,
@@ -3597,21 +3628,21 @@ var CodeBlock = React54.forwardRef(
           className
         ),
         ...props,
-        children: /* @__PURE__ */ jsx66("code", { children: tokens.map((token, index) => /* @__PURE__ */ jsx66("span", { className: TOKEN_CLASS[token.kind], children: token.text }, index)) })
+        children: /* @__PURE__ */ jsx67("code", { children: tokens.map((token, index) => /* @__PURE__ */ jsx67("span", { className: TOKEN_CLASS[token.kind], children: token.text }, index)) })
       }
     );
     if (!framed) return pre;
-    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
+    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
       ] }),
       pre
     ] });
   }
 );
 CodeBlock.displayName = "CodeBlock";
-var Code = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx66(
+var Code = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(
   "code",
   {
     ref,
@@ -3626,12 +3657,12 @@ Code.displayName = "Code";
 
 // src/components/grid-overlay.tsx
 import * as React55 from "react";
-import { jsx as jsx67 } from "react/jsx-runtime";
+import { jsx as jsx68 } from "react/jsx-runtime";
 var BASELINE = "var(--grid-gutter) / 2";
 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__ */ jsx67(
+    return /* @__PURE__ */ jsx68(
       "div",
       {
         ref,
@@ -3648,7 +3679,7 @@ var GridOverlay = React55.forwardRef(
           ...style
         },
         ...props,
-        children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx67("span", { style: { backgroundColor: "var(--bg-brand)", opacity: 0.1 } }, i))
+        children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx68("span", { style: { backgroundColor: "var(--bg-brand)", opacity: 0.1 } }, i))
       }
     );
   }
@@ -3659,7 +3690,7 @@ GridOverlay.displayName = "GridOverlay";
 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 jsx68, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs36 } 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",
   {
@@ -3683,8 +3714,8 @@ var kindIcons = {
 var SegmentChip = React56.forwardRef(
   ({ kind, resource, icon, hideIcon = false, className, ...props }, ref) => {
     const Icon = icon ?? kindIcons[kind ?? "granted"];
-    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" }),
+    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" }),
       resource
     ] });
   }
@@ -3694,7 +3725,7 @@ SegmentChip.displayName = "SegmentChip";
 // src/components/connection-card.tsx
 import * as React57 from "react";
 import { AlertTriangle, ChevronDown as ChevronDown4 } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx69, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx70, jsxs as jsxs37 } from "react/jsx-runtime";
 var authLabels = { app: "App", oauth: "OAuth", token: "token" };
 var statusMeta = {
   connected: { label: "Connected", badge: "success", dot: "success" },
@@ -3725,7 +3756,7 @@ var ConnectionCard = React57.forwardRef(
   }, ref) => {
     const meta = statusMeta[status];
     const connected = status !== "disconnected";
-    const glyphBox = /* @__PURE__ */ jsx69(
+    const glyphBox = /* @__PURE__ */ jsx70(
       "div",
       {
         "aria-hidden": "true",
@@ -3733,51 +3764,51 @@ var ConnectionCard = React57.forwardRef(
         children: glyph ?? monogram(name)
       }
     );
-    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 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 statusBadge = /* @__PURE__ */ jsxs36(Badge, { variant: meta.badge, className: "gap-1.5", children: [
-      /* @__PURE__ */ jsx69(StatusDot, { status: meta.dot, size: "sm" }),
+    const statusBadge = /* @__PURE__ */ jsxs37(Badge, { variant: meta.badge, className: "gap-1.5", children: [
+      /* @__PURE__ */ jsx70(StatusDot, { status: meta.dot, size: "sm" }),
       statusLabel ?? meta.label
     ] });
-    const accessNote = access ? /* @__PURE__ */ jsxs36(
+    const accessNote = access ? /* @__PURE__ */ jsxs37(
       "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__ */ jsx69(AlertTriangle, { className: "mt-0.5 size-3.5 shrink-0", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx69("span", { children: access })
+          /* @__PURE__ */ jsx70(AlertTriangle, { className: "mt-0.5 size-3.5 shrink-0", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx70("span", { children: access })
         ]
       }
     ) : null;
     const footerAction = collapsible ? action : connected && action;
-    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: [
+    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(Fragment6, { children: [
         "Granted to ",
-        /* @__PURE__ */ jsx69("span", { className: "font-semibold text-text-primary", children: grantedCount }),
+        /* @__PURE__ */ jsx70("span", { className: "font-semibold text-text-primary", children: grantedCount }),
         " ",
         grantedCount === 1 ? "product" : "products"
-      ] }) : /* @__PURE__ */ jsx69("span", { className: "text-text-tertiary", children: "Not granted to any product yet" }) }),
+      ] }) : /* @__PURE__ */ jsx70("span", { className: "text-text-tertiary", children: "Not granted to any product yet" }) }),
       footerAction
     ] }) : null;
-    const drawer = children ? /* @__PURE__ */ jsx69("div", { "data-slot": "drawer", className: "border-t border-border-subtle", children }) : null;
+    const drawer = children ? /* @__PURE__ */ jsx70("div", { "data-slot": "drawer", className: "border-t border-border-subtle", children }) : null;
     if (!collapsible) {
-      return /* @__PURE__ */ jsxs36(
+      return /* @__PURE__ */ jsxs37(
         Card,
         {
           ref,
           className: cn(status === "disconnected" && "border-dashed border-border-default", className),
           ...props,
           children: [
-            /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-3 p-4", children: [
+            /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-3 p-4", children: [
               glyphBox,
               identity,
-              /* @__PURE__ */ jsx69("div", { className: "ml-auto shrink-0", children: connected ? statusBadge : action })
+              /* @__PURE__ */ jsx70("div", { className: "ml-auto shrink-0", children: connected ? statusBadge : action })
             ] }),
             accessNote,
             footer,
@@ -3786,7 +3817,7 @@ var ConnectionCard = React57.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ jsx69(Collapsible, { defaultOpen, open, onOpenChange, children: /* @__PURE__ */ jsxs36(
+    return /* @__PURE__ */ jsx70(Collapsible, { defaultOpen, open, onOpenChange, children: /* @__PURE__ */ jsxs37(
       Card,
       {
         ref,
@@ -3797,7 +3828,7 @@ var ConnectionCard = React57.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx69(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs36(
+          /* @__PURE__ */ jsx70(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs37(
             "button",
             {
               type: "button",
@@ -3805,9 +3836,9 @@ var ConnectionCard = React57.forwardRef(
               children: [
                 glyphBox,
                 identity,
-                /* @__PURE__ */ jsxs36("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
+                /* @__PURE__ */ jsxs37("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
                   statusBadge,
-                  /* @__PURE__ */ jsx69(
+                  /* @__PURE__ */ jsx70(
                     ChevronDown4,
                     {
                       "aria-hidden": "true",
@@ -3818,7 +3849,7 @@ var ConnectionCard = React57.forwardRef(
               ]
             }
           ) }),
-          /* @__PURE__ */ jsxs36(CollapsibleContent2, { children: [
+          /* @__PURE__ */ jsxs37(CollapsibleContent2, { children: [
             accessNote,
             footer,
             drawer
@@ -3832,7 +3863,7 @@ ConnectionCard.displayName = "ConnectionCard";
 
 // src/components/request-row.tsx
 import * as React58 from "react";
-import { Fragment as Fragment7, jsx as jsx70, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx71, jsxs as jsxs38 } 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("");
 }
@@ -3841,22 +3872,22 @@ var RequestRow = React58.forwardRef(
     let controls = action;
     if (controls === void 0) {
       if (surface === "org" && state2 === "pending") {
-        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" })
+        controls = /* @__PURE__ */ jsxs38(Fragment7, { children: [
+          /* @__PURE__ */ jsx71(Button, { variant: "outline", size: "sm", onClick: onDeny, children: "Deny" }),
+          /* @__PURE__ */ jsx71(Button, { size: "sm", onClick: onApprove, children: "Approve" })
         ] });
       } else if (state2 === "available") {
-        controls = /* @__PURE__ */ jsx70(Button, { size: "sm", onClick: onRequest, children: "Request" });
+        controls = /* @__PURE__ */ jsx71(Button, { size: "sm", onClick: onRequest, children: "Request" });
       } else if (state2 === "pending") {
-        controls = /* @__PURE__ */ jsxs37(Badge, { variant: "secondary", className: "gap-1.5", children: [
-          /* @__PURE__ */ jsx70(StatusDot, { status: "neutral", size: "sm" }),
+        controls = /* @__PURE__ */ jsxs38(Badge, { variant: "secondary", className: "gap-1.5", children: [
+          /* @__PURE__ */ jsx71(StatusDot, { status: "neutral", size: "sm" }),
           "Pending"
         ] });
       } else if (state2 === "granted") {
-        controls = /* @__PURE__ */ jsx70(SegmentChip, { kind: "granted", resource: grantedResource ?? "a segment" });
+        controls = /* @__PURE__ */ jsx71(SegmentChip, { kind: "granted", resource: grantedResource ?? "a segment" });
       }
     }
-    return /* @__PURE__ */ jsxs37(
+    return /* @__PURE__ */ jsxs38(
       "div",
       {
         ref,
@@ -3866,7 +3897,7 @@ var RequestRow = React58.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx70(
+          /* @__PURE__ */ jsx71(
             "div",
             {
               "aria-hidden": "true",
@@ -3874,11 +3905,11 @@ var RequestRow = React58.forwardRef(
               children: glyph ?? monogram2(name)
             }
           ),
-          /* @__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__ */ 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__ */ jsx70("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: controls })
+          /* @__PURE__ */ jsx71("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: controls })
         ]
       }
     );
@@ -3889,7 +3920,7 @@ RequestRow.displayName = "RequestRow";
 // src/components/feedback-button.tsx
 import * as React59 from "react";
 import { MessageSquare, Loader2 as Loader22, CheckCircle2 } from "lucide-react";
-import { jsx as jsx71, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs39 } from "react/jsx-runtime";
 var TITLE_MAX = 256;
 var DETAILS_MAX = 65536;
 var DEFAULT_LABELS = {
@@ -3936,20 +3967,20 @@ function FeedbackButton({ onSubmit, labels, className }) {
       setStatus("error");
     }
   };
-  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" }),
+  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" }),
       l.trigger
     ] }) }),
-    /* @__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(
+    /* @__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(
           Input,
           {
             id: titleId,
@@ -3960,16 +3991,16 @@ function FeedbackButton({ onSubmit, labels, className }) {
             "aria-describedby": titleTooLong ? titleErrId : void 0
           }
         ),
-        titleTooLong && /* @__PURE__ */ jsxs38("p", { id: titleErrId, className: "text-xs text-text-danger", children: [
+        titleTooLong && /* @__PURE__ */ jsxs39("p", { id: titleErrId, className: "text-xs text-text-danger", children: [
           l.titleField,
           " must be ",
           TITLE_MAX,
           " characters or fewer."
         ] })
       ] }),
-      /* @__PURE__ */ jsxs38("div", { className: "flex flex-col gap-1.5", children: [
-        /* @__PURE__ */ jsx71(Label2, { htmlFor: detailsId, children: l.detailsField }),
-        /* @__PURE__ */ jsx71(
+      /* @__PURE__ */ jsxs39("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsx72(Label2, { htmlFor: detailsId, children: l.detailsField }),
+        /* @__PURE__ */ jsx72(
           Textarea,
           {
             id: detailsId,
@@ -3980,16 +4011,16 @@ function FeedbackButton({ onSubmit, labels, className }) {
             "aria-describedby": detailsTooLong ? detailsErrId : void 0
           }
         ),
-        detailsTooLong && /* @__PURE__ */ jsxs38("p", { id: detailsErrId, className: "text-xs text-text-danger", children: [
+        detailsTooLong && /* @__PURE__ */ jsxs39("p", { id: detailsErrId, className: "text-xs text-text-danger", children: [
           l.detailsField,
           " must be ",
           DETAILS_MAX,
           " characters or fewer."
         ] })
       ] }),
-      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" }),
+      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" }),
         l.submit
       ] })
     ] }) })
@@ -3998,7 +4029,7 @@ function FeedbackButton({ onSubmit, labels, className }) {
 
 // src/components/create-product-window.tsx
 import { useForm } from "react-hook-form";
-import { jsx as jsx72, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs40 } from "react/jsx-runtime";
 var CREATE_ORG_VALUE = "__create_new_org__";
 function CreateProductWindow({
   organizations,
@@ -4031,10 +4062,10 @@ function CreateProductWindow({
     }
   });
   const showSelect = organizations.length > 0;
-  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(
+  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(
         Select,
         {
           "data-testid": "create-product-org-select",
@@ -4047,9 +4078,9 @@ function CreateProductWindow({
         }
       )
     ] }),
-    !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(
+    !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(
         "button",
         {
           type: "button",
@@ -4058,14 +4089,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__ */ jsx72("span", { className: "truncate", children: product.name }),
-            /* @__PURE__ */ jsx72("span", { className: "ml-2 truncate text-text-tertiary", children: product.slug })
+            /* @__PURE__ */ jsx73("span", { className: "truncate", children: product.name }),
+            /* @__PURE__ */ jsx73("span", { className: "ml-2 truncate text-text-tertiary", children: product.slug })
           ]
         }
       ) }, product.id)) })
     ] }),
-    /* @__PURE__ */ jsx72(Form, { ...form, children: /* @__PURE__ */ jsxs39("form", { onSubmit: handleSubmit, className: "flex flex-col gap-4", noValidate: true, children: [
-      createOrgMode && /* @__PURE__ */ jsx72(
+    /* @__PURE__ */ jsx73(Form, { ...form, children: /* @__PURE__ */ jsxs40("form", { onSubmit: handleSubmit, className: "flex flex-col gap-4", noValidate: true, children: [
+      createOrgMode && /* @__PURE__ */ jsx73(
         FormField,
         {
           control: form.control,
@@ -4073,14 +4104,14 @@ function CreateProductWindow({
           rules: {
             validate: (value) => value.trim().length > 0 || "Organization name is required"
           },
-          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, {})
+          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, {})
           ] })
         }
       ),
-      /* @__PURE__ */ jsx72(
+      /* @__PURE__ */ jsx73(
         FormField,
         {
           control: form.control,
@@ -4088,15 +4119,15 @@ function CreateProductWindow({
           rules: {
             validate: (value) => value.trim().length > 0 || "Product name is required"
           },
-          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, {})
+          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, {})
           ] })
         }
       ),
-      error && /* @__PURE__ */ jsx72(InlineError, { children: error }),
-      /* @__PURE__ */ jsx72(Button, { type: "submit", disabled: submitting, children: "Create product" })
+      error && /* @__PURE__ */ jsx73(InlineError, { children: error }),
+      /* @__PURE__ */ jsx73(Button, { type: "submit", disabled: submitting, children: "Create product" })
     ] }) })
   ] });
 }
@@ -4137,16 +4168,16 @@ function isNotificationSettled(item) {
 // src/components/notification-bell.tsx
 import * as React60 from "react";
 import { BellRing, Check as Check7, Settings } from "lucide-react";
-import { jsx as jsx73, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs41 } from "react/jsx-runtime";
 function MarkReadButton({ title, onClick }) {
-  return /* @__PURE__ */ jsx73(
+  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__ */ jsx73(Check7, { className: "size-3.5", "aria-hidden": "true" })
+      children: /* @__PURE__ */ jsx74(Check7, { className: "size-3.5", "aria-hidden": "true" })
     }
   );
 }
@@ -4162,10 +4193,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__ */ 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(
+  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(
           "button",
           {
             type: "button",
@@ -4177,20 +4208,20 @@ function BellRow({
             children: item.title
           }
         ),
-        /* @__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 }),
+        /* @__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 }),
           item.receipt ? `, ${item.receipt}` : ""
         ] })
       ] }),
-      (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) })
+      (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) })
       ] })
     ] }),
-    (actions.length > 0 || item.deepLink) && /* @__PURE__ */ jsxs40("div", { className: "mt-2 flex flex-wrap items-center gap-x-4 gap-y-2", children: [
+    (actions.length > 0 || item.deepLink) && /* @__PURE__ */ jsxs41("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__ */ jsx73(
+        return /* @__PURE__ */ jsx74(
           "button",
           {
             type: "button",
@@ -4205,7 +4236,7 @@ function BellRow({
           action.id
         );
       }),
-      item.deepLink && /* @__PURE__ */ jsx73(
+      item.deepLink && /* @__PURE__ */ jsx74(
         "button",
         {
           type: "button",
@@ -4239,8 +4270,8 @@ var NotificationBell = React60.forwardRef(
       [formatAge]
     );
     const rows = items.slice(0, maxItems);
-    return /* @__PURE__ */ jsxs40(Popover, { open, onOpenChange, children: [
-      /* @__PURE__ */ jsx73(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs40(
+    return /* @__PURE__ */ jsxs41(Popover, { open, onOpenChange, children: [
+      /* @__PURE__ */ jsx74(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs41(
         "button",
         {
           ref,
@@ -4251,16 +4282,16 @@ var NotificationBell = React60.forwardRef(
             className
           ),
           children: [
-            /* @__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__ */ 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__ */ 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(
+      /* @__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(
               "button",
               {
                 type: "button",
@@ -4273,19 +4304,19 @@ var NotificationBell = React60.forwardRef(
                 children: "Mark all read"
               }
             ),
-            onOpenSettings && /* @__PURE__ */ jsx73(
+            onOpenSettings && /* @__PURE__ */ jsx74(
               "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__ */ jsx73(Settings, { className: "size-[15px]", "aria-hidden": "true" })
+                children: /* @__PURE__ */ jsx74(Settings, { className: "size-[15px]", "aria-hidden": "true" })
               }
             )
           ] })
         ] }),
-        /* @__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(
+        /* @__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(
           BellRow,
           {
             item,
@@ -4296,7 +4327,7 @@ var NotificationBell = React60.forwardRef(
           },
           item.id
         )) }),
-        items.length > 0 && onOpenArchive && /* @__PURE__ */ jsx73(
+        items.length > 0 && onOpenArchive && /* @__PURE__ */ jsx74(
           "button",
           {
             type: "button",
@@ -4314,19 +4345,19 @@ NotificationBell.displayName = "NotificationBell";
 // src/components/notification-center.tsx
 import * as React61 from "react";
 import { ArrowUpRight, Check as Check8, Search as Search2 } from "lucide-react";
-import { jsx as jsx74, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs42 } 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__ */ jsx74(
+  return /* @__PURE__ */ jsx75(
     "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(Check8, { className: "size-3.5", "aria-hidden": "true" })
+      children: /* @__PURE__ */ jsx75(Check8, { className: "size-3.5", "aria-hidden": "true" })
     }
   );
 }
@@ -4340,16 +4371,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__ */ 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) })
+  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) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx74(
+    /* @__PURE__ */ jsx75(
       "button",
       {
         type: "button",
@@ -4361,13 +4392,13 @@ function CenterRow({
         children: item.title
       }
     ),
-    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.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.receipt
       ] }),
-      item.deepLink && /* @__PURE__ */ jsxs41(
+      item.deepLink && /* @__PURE__ */ jsxs42(
         "button",
         {
           type: "button",
@@ -4375,7 +4406,7 @@ 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__ */ jsx74(ArrowUpRight, { className: "size-3", "aria-hidden": "true" })
+            /* @__PURE__ */ jsx75(ArrowUpRight, { className: "size-3", "aria-hidden": "true" })
           ]
         }
       )
@@ -4418,13 +4449,13 @@ var NotificationCenter = React61.forwardRef(
     const shown = matched.slice(0, limit);
     const remaining = matched.length - shown.length;
     const filtering = q !== "" || status !== "all" || source !== "all" || product !== "all";
-    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 })
+    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 })
         ] }),
-        onMarkAllRead && /* @__PURE__ */ jsx74(
+        onMarkAllRead && /* @__PURE__ */ jsx75(
           "button",
           {
             type: "button",
@@ -4434,9 +4465,9 @@ var NotificationCenter = React61.forwardRef(
           }
         )
       ] }),
-      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(
+      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(
           "input",
           {
             type: "text",
@@ -4447,8 +4478,8 @@ var NotificationCenter = React61.forwardRef(
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs41("div", { className: "mb-2 flex flex-wrap gap-1.5", children: [
-        /* @__PURE__ */ jsx74(
+      /* @__PURE__ */ jsxs42("div", { className: "mb-2 flex flex-wrap gap-1.5", children: [
+        /* @__PURE__ */ jsx75(
           "button",
           {
             type: "button",
@@ -4457,7 +4488,7 @@ var NotificationCenter = React61.forwardRef(
             children: "All"
           }
         ),
-        /* @__PURE__ */ jsx74(
+        /* @__PURE__ */ jsx75(
           "button",
           {
             type: "button",
@@ -4467,8 +4498,8 @@ var NotificationCenter = React61.forwardRef(
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs41("div", { className: "mb-2 flex flex-wrap gap-1.5", children: [
-        /* @__PURE__ */ jsx74(
+      /* @__PURE__ */ jsxs42("div", { className: "mb-2 flex flex-wrap gap-1.5", children: [
+        /* @__PURE__ */ jsx75(
           "button",
           {
             type: "button",
@@ -4477,7 +4508,7 @@ var NotificationCenter = React61.forwardRef(
             children: "All sources"
           }
         ),
-        sourceChips.map((s) => /* @__PURE__ */ jsx74(
+        sourceChips.map((s) => /* @__PURE__ */ jsx75(
           "button",
           {
             type: "button",
@@ -4488,8 +4519,8 @@ var NotificationCenter = React61.forwardRef(
           s
         ))
       ] }),
-      products && products.length > 0 && /* @__PURE__ */ jsxs41("div", { className: "mb-4 flex flex-wrap gap-1.5", children: [
-        /* @__PURE__ */ jsx74(
+      products && products.length > 0 && /* @__PURE__ */ jsxs42("div", { className: "mb-4 flex flex-wrap gap-1.5", children: [
+        /* @__PURE__ */ jsx75(
           "button",
           {
             type: "button",
@@ -4498,7 +4529,7 @@ var NotificationCenter = React61.forwardRef(
             children: "All products"
           }
         ),
-        products.map((p) => /* @__PURE__ */ jsx74(
+        products.map((p) => /* @__PURE__ */ jsx75(
           "button",
           {
             type: "button",
@@ -4509,8 +4540,8 @@ var NotificationCenter = React61.forwardRef(
           p.id
         ))
       ] }),
-      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(
+      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(
           CenterRow,
           {
             item,
@@ -4521,7 +4552,7 @@ var NotificationCenter = React61.forwardRef(
           },
           item.id
         )),
-        remaining > 0 && /* @__PURE__ */ jsxs41(
+        remaining > 0 && /* @__PURE__ */ jsxs42(
           "button",
           {
             type: "button",
@@ -4543,7 +4574,7 @@ NotificationCenter.displayName = "NotificationCenter";
 // src/components/notification-settings.tsx
 import * as React62 from "react";
 import { Moon as Moon2, Plus as Plus2, Volume2 } from "lucide-react";
-import { Fragment as Fragment8, jsx as jsx75, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx76, jsxs as jsxs43 } from "react/jsx-runtime";
 var THRESHOLDS = [
   ["everything", "Everything"],
   ["important", "Important"],
@@ -4555,13 +4586,13 @@ function ThresholdControl({
   value,
   onChange
 }) {
-  return /* @__PURE__ */ jsx75(
+  return /* @__PURE__ */ jsx76(
     "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__ */ jsx75(
+      children: THRESHOLDS.map(([threshold, text]) => /* @__PURE__ */ jsx76(
         "button",
         {
           type: "button",
@@ -4611,15 +4642,15 @@ var NotificationSettings = React62.forwardRef(
     const scopeGroup = (scope) => {
       const rows = subscriptions.filter((s) => s.scope === scope);
       if (rows.length === 0) return null;
-      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(
+      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(
           "div",
           {
             className: "flex items-center gap-4 rounded-xl bg-bg-elevated px-4 py-3",
             children: [
-              /* @__PURE__ */ jsx75("p", { className: "min-w-0 flex-1 text-sm font-semibold text-text-primary", children: sub.name }),
-              /* @__PURE__ */ jsx75(
+              /* @__PURE__ */ jsx76("p", { className: "min-w-0 flex-1 text-sm font-semibold text-text-primary", children: sub.name }),
+              /* @__PURE__ */ jsx76(
                 ThresholdControl,
                 {
                   label: sub.name,
@@ -4633,10 +4664,10 @@ var NotificationSettings = React62.forwardRef(
         )) })
       ] }, scope);
     };
-    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(
+    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(
           "button",
           {
             type: "button",
@@ -4647,32 +4678,32 @@ var NotificationSettings = React62.forwardRef(
             ),
             children: [
               t.label,
-              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 !== 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
         )) })
       ] }),
-      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." }) })
+      isDefault ? /* @__PURE__ */ jsxs43(Fragment8, { 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." }) })
         ] }),
-        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: [
+        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: [
                 "Muted \u2014 ",
                 m.label,
                 ". Critical still comes through."
               ] })
             ] }),
-            /* @__PURE__ */ jsx75(
+            /* @__PURE__ */ jsx76(
               "button",
               {
                 type: "button",
@@ -4685,13 +4716,13 @@ var NotificationSettings = React62.forwardRef(
         ] }),
         scopeGroup("product"),
         scopeGroup("org"),
-        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." })
+        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." })
           ] }),
-          /* @__PURE__ */ jsx75(
+          /* @__PURE__ */ jsx76(
             Switch,
             {
               checked: soundEnabled ?? false,
@@ -4700,35 +4731,35 @@ var NotificationSettings = React62.forwardRef(
             }
           )
         ] }) })
-      ] }) : !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: [
+      ] }) : !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: [
           productLabel,
           " follows your Default preferences."
         ] }),
-        /* @__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(
+        /* @__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(
           "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__ */ jsx75(Plus2, { className: "size-4", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx76(Plus2, { className: "size-4", "aria-hidden": "true" }),
               " Customize for ",
               productLabel
             ]
           }
         )
-      ] }) : /* @__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: [
+      ] }) : /* @__PURE__ */ jsxs43(Fragment8, { 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: [
               "Custom preferences for ",
               productLabel
             ] }),
-            /* @__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("p", { className: "text-sm leading-relaxed text-text-secondary", children: "Only the interrupt thresholds below differ. Sound and forwarding follow Default." })
           ] }),
-          /* @__PURE__ */ jsx75(
+          /* @__PURE__ */ jsx76(
             "button",
             {
               type: "button",
@@ -4748,7 +4779,7 @@ NotificationSettings.displayName = "NotificationSettings";
 // src/components/notification-toast.tsx
 import * as React63 from "react";
 import { X as X3 } from "lucide-react";
-import { jsx as jsx76, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs44 } 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";
@@ -4765,7 +4796,7 @@ var NotificationToast = React63.forwardRef(
     className
   }, ref) => {
     const actions = item.actions ?? [];
-    return /* @__PURE__ */ jsxs43(
+    return /* @__PURE__ */ jsxs44(
       "div",
       {
         ref,
@@ -4776,21 +4807,21 @@ var NotificationToast = React63.forwardRef(
           className
         ),
         children: [
-          /* @__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(
+          /* @__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(
               "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__ */ jsx76(X3, { className: "size-3.5", "aria-hidden": "true" })
+                children: /* @__PURE__ */ jsx77(X3, { className: "size-3.5", "aria-hidden": "true" })
               }
             )
           ] }),
-          onItemClick ? /* @__PURE__ */ jsx76(
+          onItemClick ? /* @__PURE__ */ jsx77(
             "button",
             {
               type: "button",
@@ -4798,12 +4829,12 @@ var NotificationToast = React63.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__ */ 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) => {
+          ) : /* @__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) => {
             const variant = action.variant ?? "link";
-            return /* @__PURE__ */ jsx76(
+            return /* @__PURE__ */ jsx77(
               "button",
               {
                 type: "button",
@@ -4823,7 +4854,7 @@ NotificationToast.displayName = "NotificationToast";
 
 // src/components/notification-toaster.tsx
 import * as React64 from "react";
-import { jsx as jsx77 } from "react/jsx-runtime";
+import { jsx as jsx78 } from "react/jsx-runtime";
 var positions = {
   "bottom-right": "bottom-6 right-6 flex-col",
   "bottom-left": "bottom-6 left-6 flex-col",
@@ -4893,7 +4924,7 @@ var NotificationToaster = React64.forwardRef(
       };
     }, [liveIds, paused, fyiDwell, importantDwell, criticalDwell]);
     if (shown.length === 0) return null;
-    return /* @__PURE__ */ jsx77(
+    return /* @__PURE__ */ jsx78(
       "div",
       {
         ref,
@@ -4906,7 +4937,7 @@ var NotificationToaster = React64.forwardRef(
           positions[position],
           className
         ),
-        children: shown.map((item, i) => /* @__PURE__ */ jsx77("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx77(
+        children: shown.map((item, i) => /* @__PURE__ */ jsx78("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx78(
           NotificationToast,
           {
             item,
@@ -5186,7 +5217,7 @@ var AUTH_QUIET_BUTTON = "flex h-[46px] w-full items-center justify-center gap-[1
 var AUTH_BUTTON_SHADOW = "var(--auth-btn-shadow)";
 
 // src/components/organization-onboarding-form.tsx
-import { jsx as jsx78, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs45 } from "react/jsx-runtime";
 var CONTROLLER_SHARE_PCT = 50;
 var MAX_BENEFICIAL_OWNERS = 50;
 function parseShare(raw) {
@@ -5289,12 +5320,12 @@ function OrganizationOnboardingForm({
     submitting,
     serverError
   ]);
-  const countryField = (params) => /* @__PURE__ */ jsxs44("div", { className: "space-y-1.5", children: [
-    /* @__PURE__ */ jsxs44(Label2, { htmlFor: params.id, children: [
+  const countryField = (params) => /* @__PURE__ */ jsxs45("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs45(Label2, { htmlFor: params.id, children: [
       params.label,
-      params.required && /* @__PURE__ */ jsx78("span", { className: "text-text-danger", children: " *" })
+      params.required && /* @__PURE__ */ jsx79("span", { className: "text-text-danger", children: " *" })
     ] }),
-    /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsx79(
       Select,
       {
         id: params.id,
@@ -5307,10 +5338,10 @@ function OrganizationOnboardingForm({
       }
     )
   ] });
-  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(
+  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(
         Input,
         {
           id: "create-org-name",
@@ -5321,9 +5352,9 @@ function OrganizationOnboardingForm({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs44("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsx78(Label2, { htmlFor: "create-org-legal-name", children: "Legal name" }),
-      /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsxs45("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx79(Label2, { htmlFor: "create-org-legal-name", children: "Legal name" }),
+      /* @__PURE__ */ jsx79(
         Input,
         {
           id: "create-org-legal-name",
@@ -5334,9 +5365,9 @@ function OrganizationOnboardingForm({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs44("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsx78(Label2, { htmlFor: "create-org-owner-name", children: "Owner name" }),
-      /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsxs45("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx79(Label2, { htmlFor: "create-org-owner-name", children: "Owner name" }),
+      /* @__PURE__ */ jsx79(
         Input,
         {
           id: "create-org-owner-name",
@@ -5361,10 +5392,10 @@ function OrganizationOnboardingForm({
       onChange: setResidencyCountry,
       required: false
     }),
-    /* @__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(
+    /* @__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(
           Button,
           {
             type: "button",
@@ -5377,16 +5408,16 @@ function OrganizationOnboardingForm({
           }
         )
       ] }),
-      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(
+      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(
         "div",
         {
           "data-testid": `beneficial-owner-row-${row.key}`,
           className: "flex items-end gap-2",
           children: [
-            /* @__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(
+            /* @__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(
                 Input,
                 {
                   id: `bo-name-${row.key}`,
@@ -5396,9 +5427,9 @@ function OrganizationOnboardingForm({
                 }
               )
             ] }),
-            /* @__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(
+            /* @__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(
                 Select,
                 {
                   id: `bo-country-${row.key}`,
@@ -5411,9 +5442,9 @@ function OrganizationOnboardingForm({
                 }
               )
             ] }),
-            /* @__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(
+            /* @__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(
                 Input,
                 {
                   id: `bo-share-${row.key}`,
@@ -5424,7 +5455,7 @@ function OrganizationOnboardingForm({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx78(
+            /* @__PURE__ */ jsx79(
               Button,
               {
                 type: "button",
@@ -5439,15 +5470,15 @@ function OrganizationOnboardingForm({
         },
         row.key
       )),
-      !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: [
+      !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: [
         "The listed shares add up to ",
         shareSum,
         "%, which is more than 100%."
       ] })
     ] }),
-    needsOwnershipConfirmation && /* @__PURE__ */ jsxs44("div", { className: "flex items-start gap-2", children: [
-      /* @__PURE__ */ jsx78(
+    needsOwnershipConfirmation && /* @__PURE__ */ jsxs45("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx79(
         Checkbox,
         {
           id: "create-org-ownership-confirmed",
@@ -5456,24 +5487,24 @@ function OrganizationOnboardingForm({
           onCheckedChange: (value) => setOwnershipConfirmed(value === true)
         }
       ),
-      /* @__PURE__ */ jsxs44(
+      /* @__PURE__ */ jsxs45(
         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__ */ jsx78("span", { className: "text-text-danger", children: " *" })
+            requireSanctionsFields && /* @__PURE__ */ jsx79("span", { className: "text-text-danger", children: " *" })
           ]
         }
       )
     ] }),
-    (serverError || violations && violations.length > 0) && /* @__PURE__ */ jsxs44(InlineError, { children: [
+    (serverError || violations && violations.length > 0) && /* @__PURE__ */ jsxs45(InlineError, { children: [
       serverError,
-      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)) })
+      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)) })
     ] }),
-    /* @__PURE__ */ jsxs44("div", { className: "space-y-2 pt-1", children: [
-      /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsxs45("div", { className: "space-y-2 pt-1", children: [
+      /* @__PURE__ */ jsx79(
         "button",
         {
           type: "submit",
@@ -5484,20 +5515,20 @@ function OrganizationOnboardingForm({
           children: submitting ? "Creating\u2026" : submitLabel
         }
       ),
-      onCancel && /* @__PURE__ */ jsx78("button", { type: "button", onClick: onCancel, className: AUTH_QUIET_BUTTON, children: "Cancel" })
+      onCancel && /* @__PURE__ */ jsx79("button", { type: "button", onClick: onCancel, className: AUTH_QUIET_BUTTON, children: "Cancel" })
     ] })
   ] });
 }
 
 // src/components/onboarding-screen-shell.tsx
-import { jsx as jsx79, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs46 } from "react/jsx-runtime";
 var CARD_WIDTH = {
   md: "max-w-[440px]",
   lg: "max-w-[560px]"
 };
 function OnboardingScreenShell({
   logo,
-  themeToggle = /* @__PURE__ */ jsx79(ThemeToggle, {}),
+  themeToggle = /* @__PURE__ */ jsx80(ThemeToggle, {}),
   title,
   description,
   footer,
@@ -5506,7 +5537,7 @@ function OnboardingScreenShell({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs46(
     "div",
     {
       className: cn(
@@ -5516,8 +5547,8 @@ function OnboardingScreenShell({
       style: { background: AUTH_GLOW_BG },
       ...props,
       children: [
-        themeToggle && /* @__PURE__ */ jsx79("div", { className: "absolute right-6 top-6", children: themeToggle }),
-        /* @__PURE__ */ jsxs45(
+        themeToggle && /* @__PURE__ */ jsx80("div", { className: "absolute right-6 top-6", children: themeToggle }),
+        /* @__PURE__ */ jsxs46(
           "div",
           {
             className: cn(
@@ -5529,8 +5560,8 @@ function OnboardingScreenShell({
               boxShadow: "var(--auth-card-shadow)"
             },
             children: [
-              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(
+              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(
                 "h1",
                 {
                   className: cn(
@@ -5541,9 +5572,9 @@ function OnboardingScreenShell({
                   children: title
                 }
               ),
-              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 })
+              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 })
             ]
           }
         )
@@ -5553,7 +5584,7 @@ function OnboardingScreenShell({
 }
 
 // src/components/organization-create-screen.tsx
-import { jsx as jsx80 } from "react/jsx-runtime";
+import { jsx as jsx81 } from "react/jsx-runtime";
 function OrganizationCreateScreen({
   requireSanctionsFields,
   onSubmit,
@@ -5571,7 +5602,7 @@ function OrganizationCreateScreen({
   footer,
   ...props
 }) {
-  return /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx81(
     OnboardingScreenShell,
     {
       logo,
@@ -5581,7 +5612,7 @@ function OrganizationCreateScreen({
       footer,
       width: "lg",
       ...props,
-      children: /* @__PURE__ */ jsx80(
+      children: /* @__PURE__ */ jsx81(
         OrganizationOnboardingForm,
         {
           requireSanctionsFields,
@@ -5601,7 +5632,7 @@ function OrganizationCreateScreen({
 
 // src/components/product-create-screen.tsx
 import * as React66 from "react";
-import { jsx as jsx81, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs47 } 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>.
@@ -5643,7 +5674,7 @@ function ProductCreateScreen({
   const products = existingProducts ?? [];
   const orgs = organizations ?? [];
   const pickerLayout = orgs.length > 0;
-  const productList = /* @__PURE__ */ jsx81("ul", { className: "flex flex-col gap-1", children: products.map((product) => /* @__PURE__ */ jsx81("li", { children: onOpenProduct ? /* @__PURE__ */ jsxs46(
+  const productList = /* @__PURE__ */ jsx82("ul", { className: "flex flex-col gap-1", children: products.map((product) => /* @__PURE__ */ jsx82("li", { children: onOpenProduct ? /* @__PURE__ */ jsxs47(
     "button",
     {
       type: "button",
@@ -5654,15 +5685,15 @@ function ProductCreateScreen({
         "hover:bg-bg-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus"
       ),
       children: [
-        /* @__PURE__ */ jsx81("span", { className: "truncate", children: product.name }),
-        product.slug && /* @__PURE__ */ jsx81("span", { className: "ml-2 truncate text-text-tertiary", children: product.slug })
+        /* @__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 })
+  ) : /* @__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 })
   ] }) }, product.id)) });
-  return /* @__PURE__ */ jsxs46(
+  return /* @__PURE__ */ jsxs47(
     OnboardingScreenShell,
     {
       logo,
@@ -5672,10 +5703,10 @@ function ProductCreateScreen({
       footer,
       ...props,
       children: [
-        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(
+        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(
               Select,
               {
                 id: "create-product-org-select",
@@ -5689,15 +5720,15 @@ function ProductCreateScreen({
               }
             )
           ] }),
-          /* @__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("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("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(
+        /* @__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(
               Input,
               {
                 id: "create-product-name",
@@ -5708,9 +5739,9 @@ function ProductCreateScreen({
               }
             )
           ] }),
-          serverError && /* @__PURE__ */ jsx81(InlineError, { children: serverError }),
-          /* @__PURE__ */ jsxs46("div", { className: "space-y-2 pt-1", children: [
-            /* @__PURE__ */ jsx81(
+          serverError && /* @__PURE__ */ jsx82(InlineError, { children: serverError }),
+          /* @__PURE__ */ jsxs47("div", { className: "space-y-2 pt-1", children: [
+            /* @__PURE__ */ jsx82(
               "button",
               {
                 type: "submit",
@@ -5721,16 +5752,16 @@ function ProductCreateScreen({
                 children: submitting ? "Creating\u2026" : submitLabel
               }
             ),
-            onCancel && /* @__PURE__ */ jsx81("button", { type: "button", onClick: onCancel, className: AUTH_QUIET_BUTTON, children: "Cancel" })
+            onCancel && /* @__PURE__ */ jsx82("button", { type: "button", onClick: onCancel, className: AUTH_QUIET_BUTTON, children: "Cancel" })
           ] })
         ] }),
-        !pickerLayout && products.length > 0 && /* @__PURE__ */ jsxs46(
+        !pickerLayout && products.length > 0 && /* @__PURE__ */ jsxs47(
           "div",
           {
             "data-testid": "existing-products",
             className: "mt-6 space-y-2 border-t border-border-default pt-5",
             children: [
-              /* @__PURE__ */ jsx81(Label2, { children: existingProductsLabel }),
+              /* @__PURE__ */ jsx82(Label2, { children: existingProductsLabel }),
               productList
             ]
           }
@@ -5918,6 +5949,7 @@ export {
   OrgProductSwitcher,
   OrganizationCreateScreen,
   OrganizationOnboardingForm,
+  PageHeader,
   Pagination,
   PaginationContent,
   PaginationEllipsis,