@lessly/ui 0.26.1 → 0.27.0

package/dist/index.js

@@ -313,32 +313,86 @@ var Input = React5.forwardRef(
 );
 Input.displayName = "Input";
 
-// src/components/label.tsx
+// src/components/input-group.tsx
 import * as React6 from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var InputGroup = React6.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex h-10 w-full items-stretch overflow-hidden rounded-md border border-border-default bg-bg-primary text-sm text-text-primary",
+        "focus-within:ring-2 focus-within:ring-border-focus",
+        "has-[input:disabled]:cursor-not-allowed has-[input:disabled]:opacity-50",
+        className
+      ),
+      ...props
+    }
+  )
+);
+InputGroup.displayName = "InputGroup";
+var InputAddon = React6.forwardRef(
+  ({ className, align = "leading", ...props }, ref) => /* @__PURE__ */ jsx6(
+    "div",
+    {
+      ref,
+      "data-align": align,
+      className: cn(
+        "flex shrink-0 select-none items-center gap-2 whitespace-nowrap bg-bg-secondary px-3 text-sm text-text-secondary",
+        align === "leading" ? "border-r border-border-default" : "border-l border-border-default",
+        className
+      ),
+      ...props
+    }
+  )
+);
+InputAddon.displayName = "InputAddon";
+var InputGroupInput = React6.forwardRef(
+  ({ className, type, ...props }, ref) => /* @__PURE__ */ jsx6(
+    "input",
+    {
+      ref,
+      type,
+      className: cn(
+        "w-full min-w-0 flex-1 border-0 bg-transparent px-3 py-2 text-sm text-text-primary",
+        "placeholder:text-text-tertiary",
+        "focus:outline-none focus-visible:outline-none",
+        "disabled:cursor-not-allowed",
+        className
+      ),
+      ...props
+    }
+  )
+);
+InputGroupInput.displayName = "InputGroupInput";
+
+// src/components/label.tsx
+import * as React7 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva as cva2 } from "class-variance-authority";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var labelVariants = cva2(
   "text-text-primary text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label2 = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
+var Label2 = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(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";
+import { jsx as jsx8, 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(
+  const leading = media ?? (Icon && subtitle ? /* @__PURE__ */ jsx8(
     "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 })
+      children: /* @__PURE__ */ jsx8(Icon, { className: "size-6", "aria-hidden": true })
     }
   ) : null);
-  const heading = /* @__PURE__ */ jsx7("h2", { id, className: "text-lg font-semibold text-text-primary", children: title });
+  const heading = /* @__PURE__ */ jsx8("h2", { id, className: "text-lg font-semibold text-text-primary", children: title });
   if (!leading && !subtitle && !badge && !actions) {
     return heading;
   }
@@ -349,28 +403,28 @@ function PageHeader({ title, subtitle, icon: Icon, media, badge, actions, id })
         heading,
         badge
       ] }),
-      subtitle && /* @__PURE__ */ jsx7("p", { className: "text-sm text-text-secondary", children: subtitle })
+      subtitle && /* @__PURE__ */ jsx8("p", { className: "text-sm text-text-secondary", children: subtitle })
     ] }),
-    actions && /* @__PURE__ */ jsx7("div", { className: "ml-auto shrink-0", children: actions })
+    actions && /* @__PURE__ */ jsx8("div", { className: "ml-auto shrink-0", children: actions })
   ] });
 }
 
 // src/components/section-intro.tsx
 import { Info } from "lucide-react";
-import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 function SectionIntro({ what, 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__ */ jsx9(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 })
+      /* @__PURE__ */ jsx9("p", { className: "text-[0.8125rem] text-text-primary leading-relaxed", children: what }),
+      /* @__PURE__ */ jsx9("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 jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 function Select({
   value,
   onValueChange,
@@ -400,24 +454,24 @@ function Select({
           className
         ),
         children: [
-          /* @__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__ */ jsx10("span", { className: cn("truncate", !selected && "text-text-tertiary"), children: selected ? selected.label : placeholder }),
+          /* @__PURE__ */ jsx10(ChevronDown, { className: "ml-2 h-4 w-4 shrink-0 text-text-tertiary" })
         ]
       }
     ),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx10(
       DropdownMenuContent,
       {
         align: "start",
         className: "max-h-64 w-[var(--radix-dropdown-menu-trigger-width)] overflow-y-auto",
-        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)) })
+        children: /* @__PURE__ */ jsx10(DropdownMenuRadioGroup, { value: value ?? "", onValueChange, children: options.map((o) => /* @__PURE__ */ jsx10(DropdownMenuRadioItem, { value: o.value, "data-testid": optionTestId?.(o.value), children: o.label }, o.value)) })
       }
     )
   ] });
 }
 
 // src/components/switch.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function Switch({
   checked,
   onCheckedChange,
@@ -427,7 +481,7 @@ function Switch({
   "aria-label": ariaLabel,
   "data-testid": testId
 }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "button",
     {
       type: "button",
@@ -439,7 +493,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__ */ jsx10(
+      children: /* @__PURE__ */ jsx11(
         "span",
         {
           "aria-hidden": "true",
@@ -451,11 +505,11 @@ function Switch({
 }
 
 // src/components/checkbox.tsx
-import * as React7 from "react";
+import * as React8 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check as Check2 } from "lucide-react";
-import { jsx as jsx11 } from "react/jsx-runtime";
-var Checkbox = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+import { jsx as jsx12 } from "react/jsx-runtime";
+var Checkbox = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -464,19 +518,19 @@ var Checkbox = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx11(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current", children: /* @__PURE__ */ jsx11(Check2, { className: "h-4 w-4" }) })
+    children: /* @__PURE__ */ jsx12(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current", children: /* @__PURE__ */ jsx12(Check2, { className: "h-4 w-4" }) })
   }
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
 // src/components/radio-group.tsx
-import * as React8 from "react";
+import * as React9 from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { Circle as Circle2 } from "lucide-react";
-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 }));
+import { jsx as jsx13 } from "react/jsx-runtime";
+var RadioGroup2 = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(RadioGroupPrimitive.Root, { ref, className: cn("grid gap-2", className), ...props }));
 RadioGroup2.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var RadioGroupItem = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   RadioGroupPrimitive.Item,
   {
     ref,
@@ -485,17 +539,17 @@ var RadioGroupItem = React8.forwardRef(({ className, ...props }, ref) => /* @__P
       className
     ),
     ...props,
-    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" }) })
+    children: /* @__PURE__ */ jsx13(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx13(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 jsx13 } from "react/jsx-runtime";
-var Textarea = React9.forwardRef(
+import * as React10 from "react";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var Textarea = React10.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(
       "textarea",
       {
         ref,
@@ -511,10 +565,10 @@ var Textarea = React9.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/components/slider.tsx
-import * as React10 from "react";
+import * as React11 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
-var Slider = React10.forwardRef(({ className, ...props }, ref) => {
+import { jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
+var Slider = React11.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__ */ jsxs6(
     SliderPrimitive.Root,
@@ -523,8 +577,8 @@ var Slider = React10.forwardRef(({ className, ...props }, ref) => {
       className: cn("relative flex w-full touch-none select-none items-center", className),
       ...props,
       children: [
-        /* @__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(
+        /* @__PURE__ */ jsx15(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-bg-secondary", children: /* @__PURE__ */ jsx15(SliderPrimitive.Range, { className: "absolute h-full bg-blue-400" }) }),
+        Array.from({ length: thumbCount }).map((_, i) => /* @__PURE__ */ jsx15(
           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"
@@ -538,10 +592,10 @@ var Slider = React10.forwardRef(({ className, ...props }, ref) => {
 Slider.displayName = SliderPrimitive.Root.displayName;
 
 // src/components/toggle.tsx
-import * as React11 from "react";
+import * as React12 from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva as cva3 } from "class-variance-authority";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } 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",
   {
@@ -559,30 +613,30 @@ var toggleVariants = cva3(
     defaultVariants: { variant: "default", size: "default" }
   }
 );
-var Toggle = React11.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx15(TogglePrimitive.Root, { ref, className: cn(toggleVariants({ variant, size, className })), ...props }));
+var Toggle = React12.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx16(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 React13 from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-import { jsx as jsx16 } from "react/jsx-runtime";
-var ToggleGroupContext = React12.createContext({
+import { jsx as jsx17 } from "react/jsx-runtime";
+var ToggleGroupContext = React13.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React12.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx16(
+var ToggleGroup = React13.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx17(
   ToggleGroupPrimitive.Root,
   {
     ref,
     className: cn("flex items-center justify-center gap-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx16(ToggleGroupContext.Provider, { value: { variant, size }, children })
+    children: /* @__PURE__ */ jsx17(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__ */ jsx16(
+var ToggleGroupItem = React13.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React13.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx17(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -595,11 +649,11 @@ var ToggleGroupItem = React12.forwardRef(({ className, children, variant, size,
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/components/input-otp.tsx
-import * as React13 from "react";
+import * as React14 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { Minus } from "lucide-react";
-import { jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
-var InputOTP = React13.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx17(
+import { jsx as jsx18, jsxs as jsxs7 } from "react/jsx-runtime";
+var InputOTP = React14.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx18(
   OTPInput,
   {
     ref,
@@ -609,12 +663,12 @@ var InputOTP = React13.forwardRef(({ className, containerClassName, ...props },
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React13.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx17("div", { ref, className: cn("flex items-center", className), ...props })
+var InputOTPGroup = React14.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx18("div", { ref, className: cn("flex items-center", className), ...props })
 );
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React13.forwardRef(({ index, className, ...props }, ref) => {
-  const inputOTPContext = React13.useContext(OTPInputContext);
+var InputOTPSlot = React14.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React14.useContext(OTPInputContext);
   const slot = inputOTPContext.slots[index];
   const char = slot?.char;
   const hasFakeCaret = slot?.hasFakeCaret;
@@ -631,25 +685,25 @@ var InputOTPSlot = React13.forwardRef(({ index, className, ...props }, ref) => {
       ...props,
       children: [
         char,
-        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" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx18("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx18("div", { className: "h-4 w-px animate-pulse bg-text-primary" }) })
       ]
     }
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React13.forwardRef(
-  ({ ...props }, ref) => /* @__PURE__ */ jsx17("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx17(Minus, { className: "h-4 w-4 text-text-tertiary" }) })
+var InputOTPSeparator = React14.forwardRef(
+  ({ ...props }, ref) => /* @__PURE__ */ jsx18("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx18(Minus, { className: "h-4 w-4 text-text-tertiary" }) })
 );
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/popover.tsx
-import * as React14 from "react";
+import * as React15 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } 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__ */ jsx18(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx18(
+var PopoverContent = React15.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx19(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx19(
   PopoverPrimitive.Content,
   {
     ref,
@@ -665,13 +719,13 @@ var PopoverContent = React14.forwardRef(({ className, align = "center", sideOffs
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/tooltip.tsx
-import * as React15 from "react";
+import * as React16 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } 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__ */ jsx19(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx19(
+var TooltipContent = React16.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx20(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx20(
   TooltipPrimitive.Content,
   {
     ref,
@@ -686,12 +740,12 @@ var TooltipContent = React15.forwardRef(({ className, sideOffset = 4, ...props }
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/hover-card.tsx
-import * as React16 from "react";
+import * as React17 from "react";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React16.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx20(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx20(
+var HoverCardContent = React17.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx21(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx21(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -707,16 +761,16 @@ var HoverCardContent = React16.forwardRef(({ className, align = "center", sideOf
 HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 
 // src/components/sheet.tsx
-import * as React17 from "react";
+import * as React18 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 jsx21, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx22, 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__ */ jsx21(
+var SheetOverlay = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   SheetPrimitive.Overlay,
   {
     ref,
@@ -744,8 +798,8 @@ var sheetVariants = cva4(
     }
   }
 );
-var SheetContent = React17.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(SheetPortal, { children: [
-  /* @__PURE__ */ jsx21(SheetOverlay, {}),
+var SheetContent = React18.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(SheetPortal, { children: [
+  /* @__PURE__ */ jsx22(SheetOverlay, {}),
   /* @__PURE__ */ jsxs8(
     SheetPrimitive.Content,
     {
@@ -755,15 +809,15 @@ var SheetContent = React17.forwardRef(({ side = "right", className, children, ..
       children: [
         children,
         /* @__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" })
+          /* @__PURE__ */ jsx22(X2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx22("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
 SheetContent.displayName = SheetPrimitive.Content.displayName;
-var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx21(
+var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx22(
   "div",
   {
     className: cn("flex flex-col gap-1.5 text-left", className),
@@ -771,7 +825,7 @@ var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx21(
   }
 );
 SheetHeader.displayName = "SheetHeader";
-var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx21(
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx22(
   "div",
   {
     className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
@@ -779,7 +833,7 @@ var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx21(
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
+var SheetTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   SheetPrimitive.Title,
   {
     ref,
@@ -788,7 +842,7 @@ var SheetTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
+var SheetDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   SheetPrimitive.Description,
   {
     ref,
@@ -799,18 +853,18 @@ var SheetDescription = React17.forwardRef(({ className, ...props }, ref) => /* @
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/drawer.tsx
-import * as React18 from "react";
+import * as React19 from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs9 } from "react/jsx-runtime";
 var Drawer = ({
   shouldScaleBackground = true,
   ...props
-}) => /* @__PURE__ */ jsx22(DrawerPrimitive.Root, { shouldScaleBackground, ...props });
+}) => /* @__PURE__ */ jsx23(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__ */ jsx22(
+var DrawerOverlay = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   DrawerPrimitive.Overlay,
   {
     ref,
@@ -819,8 +873,8 @@ var DrawerOverlay = React18.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
-var DrawerContent = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs9(DrawerPortal, { children: [
-  /* @__PURE__ */ jsx22(DrawerOverlay, {}),
+var DrawerContent = React19.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs9(DrawerPortal, { children: [
+  /* @__PURE__ */ jsx23(DrawerOverlay, {}),
   /* @__PURE__ */ jsxs9(
     DrawerPrimitive.Content,
     {
@@ -831,18 +885,18 @@ var DrawerContent = React18.forwardRef(({ className, children, ...props }, ref)
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx22("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-bg-secondary" }),
+        /* @__PURE__ */ jsx23("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-bg-secondary" }),
         children
       ]
     }
   )
 ] }));
 DrawerContent.displayName = "DrawerContent";
-var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx22("div", { className: cn("grid gap-1.5 p-4 text-center sm:text-left", className), ...props });
+var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx23("div", { className: cn("grid gap-1.5 p-4 text-center sm:text-left", className), ...props });
 DrawerHeader.displayName = "DrawerHeader";
-var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx22("div", { className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props });
+var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx23("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__ */ jsx22(
+var DrawerTitle = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   DrawerPrimitive.Title,
   {
     ref,
@@ -851,7 +905,7 @@ var DrawerTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
-var DrawerDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var DrawerDescription = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   DrawerPrimitive.Description,
   {
     ref,
@@ -862,13 +916,13 @@ var DrawerDescription = React18.forwardRef(({ className, ...props }, ref) => /*
 DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
 
 // src/components/alert-dialog.tsx
-import * as React19 from "react";
+import * as React20 from "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx24, 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__ */ jsx23(
+var AlertDialogOverlay = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   AlertDialogPrimitive.Overlay,
   {
     ref,
@@ -880,9 +934,9 @@ var AlertDialogOverlay = React19.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs10(AlertDialogPortal, { children: [
-  /* @__PURE__ */ jsx23(AlertDialogOverlay, {}),
-  /* @__PURE__ */ jsx23(
+var AlertDialogContent = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs10(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsx24(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx24(
     AlertDialogPrimitive.Content,
     {
       ref,
@@ -895,7 +949,7 @@ var AlertDialogContent = React19.forwardRef(({ className, ...props }, ref) => /*
   )
 ] }));
 AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx23(
+var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx24(
   "div",
   {
     className: cn("flex flex-col gap-1.5 text-left", className),
@@ -903,7 +957,7 @@ var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx23(
   }
 );
 AlertDialogHeader.displayName = "AlertDialogHeader";
-var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx23(
+var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx24(
   "div",
   {
     className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
@@ -911,7 +965,7 @@ var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx23(
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var AlertDialogTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -920,7 +974,7 @@ var AlertDialogTitle = React19.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var AlertDialogDescription = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -929,7 +983,7 @@ var AlertDialogDescription = React19.forwardRef(({ className, ...props }, ref) =
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var AlertDialogAction = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   AlertDialogPrimitive.Action,
   {
     ref,
@@ -938,7 +992,7 @@ var AlertDialogAction = React19.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var AlertDialogCancel = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -949,17 +1003,17 @@ var AlertDialogCancel = React19.forwardRef(({ className, ...props }, ref) => /*
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 
 // src/components/context-menu.tsx
-import * as React20 from "react";
+import * as React21 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 jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx25, 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__ */ jsxs11(
+var ContextMenuSubTrigger = React21.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
   ContextMenuPrimitive.SubTrigger,
   {
     ref,
@@ -971,12 +1025,12 @@ var ContextMenuSubTrigger = React20.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx24(ChevronRight2, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx25(ChevronRight2, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var ContextMenuSubContent = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   ContextMenuPrimitive.SubContent,
   {
     ref,
@@ -988,7 +1042,7 @@ var ContextMenuSubContent = React20.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx24(
+var ContextMenuContent = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx25(
   ContextMenuPrimitive.Content,
   {
     ref,
@@ -1000,7 +1054,7 @@ var ContextMenuContent = React20.forwardRef(({ className, ...props }, ref) => /*
   }
 ) }));
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React20.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx24(
+var ContextMenuItem = React21.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx25(
   ContextMenuPrimitive.Item,
   {
     ref,
@@ -1013,7 +1067,7 @@ var ContextMenuItem = React20.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React20.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs11(
+var ContextMenuCheckboxItem = React21.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs11(
   ContextMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -1024,13 +1078,13 @@ var ContextMenuCheckboxItem = React20.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(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(Check3, { 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(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(Check3, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
+var ContextMenuRadioItem = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
   ContextMenuPrimitive.RadioItem,
   {
     ref,
@@ -1040,13 +1094,13 @@ var ContextMenuRadioItem = React20.forwardRef(({ className, children, ...props }
     ),
     ...props,
     children: [
-      /* @__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" }) }) }),
+      /* @__PURE__ */ jsx25("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(Circle3, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React20.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx24(
+var ContextMenuLabel = React21.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx25(
   ContextMenuPrimitive.Label,
   {
     ref,
@@ -1055,7 +1109,7 @@ var ContextMenuLabel = React20.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var ContextMenuSeparator = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   ContextMenuPrimitive.Separator,
   {
     ref,
@@ -1065,22 +1119,22 @@ var ContextMenuSeparator = React20.forwardRef(({ className, ...props }, ref) =>
 ));
 ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
 var ContextMenuShortcut = ({ 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 });
 };
 ContextMenuShortcut.displayName = "ContextMenuShortcut";
 
 // src/components/menubar.tsx
-import * as React21 from "react";
+import * as React22 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 jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
-var MenubarMenu = (props) => /* @__PURE__ */ jsx25(MenubarPrimitive.Menu, { ...props });
+import { jsx as jsx26, jsxs as jsxs12 } from "react/jsx-runtime";
+var MenubarMenu = (props) => /* @__PURE__ */ jsx26(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__ */ jsx25(
+var Menubar = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
   MenubarPrimitive.Root,
   {
     ref,
@@ -1092,7 +1146,7 @@ var Menubar = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+var MenubarTrigger = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
   MenubarPrimitive.Trigger,
   {
     ref,
@@ -1104,7 +1158,7 @@ var MenubarTrigger = React21.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React21.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs12(
+var MenubarSubTrigger = React22.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs12(
   MenubarPrimitive.SubTrigger,
   {
     ref,
@@ -1116,12 +1170,12 @@ var MenubarSubTrigger = React21.forwardRef(({ className, inset, children, ...pro
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx25(ChevronRight3, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx26(ChevronRight3, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+var MenubarSubContent = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
   MenubarPrimitive.SubContent,
   {
     ref,
@@ -1133,7 +1187,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__ */ jsx25(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx25(
+var MenubarContent = React22.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx26(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx26(
   MenubarPrimitive.Content,
   {
     ref,
@@ -1148,7 +1202,7 @@ var MenubarContent = React21.forwardRef(({ className, align = "start", alignOffs
   }
 ) }));
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React21.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx25(
+var MenubarItem = React22.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx26(
   MenubarPrimitive.Item,
   {
     ref,
@@ -1161,7 +1215,7 @@ var MenubarItem = React21.forwardRef(({ className, inset, ...props }, ref) => /*
   }
 ));
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React21.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs12(
+var MenubarCheckboxItem = React22.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs12(
   MenubarPrimitive.CheckboxItem,
   {
     ref,
@@ -1172,13 +1226,13 @@ var MenubarCheckboxItem = React21.forwardRef(({ className, children, checked, ..
     checked,
     ...props,
     children: [
-      /* @__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" }) }) }),
+      /* @__PURE__ */ jsx26("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx26(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx26(Check4, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs12(
+var MenubarRadioItem = React22.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs12(
   MenubarPrimitive.RadioItem,
   {
     ref,
@@ -1188,13 +1242,13 @@ var MenubarRadioItem = React21.forwardRef(({ className, children, ...props }, re
     ),
     ...props,
     children: [
-      /* @__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" }) }) }),
+      /* @__PURE__ */ jsx26("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx26(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx26(Circle4, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React21.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx25(
+var MenubarLabel = React22.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx26(
   MenubarPrimitive.Label,
   {
     ref,
@@ -1203,7 +1257,7 @@ var MenubarLabel = React21.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+var MenubarSeparator = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
   MenubarPrimitive.Separator,
   {
     ref,
@@ -1213,14 +1267,14 @@ var MenubarSeparator = React21.forwardRef(({ className, ...props }, ref) => /* @
 ));
 MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;
 var MenubarShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx25("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
+  return /* @__PURE__ */ jsx26("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 * as React23 from "react";
 import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } 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",
   {
@@ -1237,23 +1291,23 @@ var badgeVariants = cva5(
     defaultVariants: { variant: "default" }
   }
 );
-var Badge = React22.forwardRef(
-  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx26("div", { ref, className: cn(badgeVariants({ variant }), className), ...props })
+var Badge = React23.forwardRef(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx27("div", { ref, className: cn(badgeVariants({ variant }), className), ...props })
 );
 Badge.displayName = "Badge";
 
 // src/components/table.tsx
-import * as React23 from "react";
-import { jsx as jsx27 } from "react/jsx-runtime";
-var Table = React23.forwardRef(
-  ({ 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 }) })
+import * as React24 from "react";
+import { jsx as jsx28 } from "react/jsx-runtime";
+var Table = React24.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx28("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx28("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
 );
 Table.displayName = "Table";
-var TableHeader = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-border-subtle", className), ...props }));
+var TableHeader = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-border-subtle", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+var TableBody = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
 TableBody.displayName = "TableBody";
-var TableFooter = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var TableFooter = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
   "tfoot",
   {
     ref,
@@ -1265,8 +1319,8 @@ var TableFooter = React23.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React23.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var TableRow = React24.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
     "tr",
     {
       ref,
@@ -1279,7 +1333,7 @@ var TableRow = React23.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var TableHead = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
   "th",
   {
     ref,
@@ -1291,7 +1345,7 @@ var TableHead = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var TableCell = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
   "td",
   {
     ref,
@@ -1300,22 +1354,22 @@ var TableCell = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27("caption", { ref, className: cn("mt-4 text-sm text-text-secondary", className), ...props }));
+var TableCaption = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28("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 jsx28 } from "react/jsx-runtime";
-var Skeleton = React24.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx28("div", { ref, className: cn("animate-pulse rounded-md bg-bg-secondary", className), ...props })
+import * as React25 from "react";
+import { jsx as jsx29 } from "react/jsx-runtime";
+var Skeleton = React25.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx29("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 React26 from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsx as jsx29 } from "react/jsx-runtime";
-var Avatar = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+import { jsx as jsx30 } from "react/jsx-runtime";
+var Avatar = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   AvatarPrimitive.Root,
   {
     ref,
@@ -1324,9 +1378,9 @@ var Avatar = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(AvatarPrimitive.Image, { ref, className: cn("aspect-square h-full w-full", className), ...props }));
+var AvatarImage = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(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__ */ jsx29(
+var AvatarFallback = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -1340,10 +1394,10 @@ var AvatarFallback = React25.forwardRef(({ className, ...props }, ref) => /* @__
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
 // src/components/separator.tsx
-import * as React26 from "react";
+import * as React27 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx30 } from "react/jsx-runtime";
-var Separator4 = React26.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx30(
+import { jsx as jsx31 } from "react/jsx-runtime";
+var Separator4 = React27.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx31(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -1360,17 +1414,17 @@ var Separator4 = React26.forwardRef(({ className, orientation = "horizontal", de
 Separator4.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/progress.tsx
-import * as React27 from "react";
+import * as React28 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx31 } from "react/jsx-runtime";
-var Progress = React27.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx31(
+import { jsx as jsx32 } from "react/jsx-runtime";
+var Progress = React28.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx32(
   ProgressPrimitive.Root,
   {
     ref,
     value,
     className: cn("relative h-4 w-full overflow-hidden rounded-full bg-bg-secondary", className),
     ...props,
-    children: /* @__PURE__ */ jsx31(
+    children: /* @__PURE__ */ jsx32(
       ProgressPrimitive.Indicator,
       {
         className: "h-full w-full flex-1 bg-blue-400 transition-all",
@@ -1386,11 +1440,11 @@ import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
 var AspectRatio = AspectRatioPrimitive.Root;
 
 // src/components/tabs.tsx
-import * as React28 from "react";
+import * as React29 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+var TabsList = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   TabsPrimitive.List,
   {
     ref,
@@ -1402,7 +1456,7 @@ var TabsList = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+var TabsTrigger = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -1414,7 +1468,7 @@ var TabsTrigger = React28.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+var TabsContent = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   TabsPrimitive.Content,
   {
     ref,
@@ -1428,12 +1482,12 @@ var TabsContent = React28.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/accordion.tsx
-import * as React29 from "react";
+import * as React30 from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { ChevronDown as ChevronDown2 } from "lucide-react";
-import { jsx as jsx33, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs13 } from "react/jsx-runtime";
 var Accordion = AccordionPrimitive.Root;
-var AccordionItem = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var AccordionItem = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   AccordionPrimitive.Item,
   {
     ref,
@@ -1442,7 +1496,7 @@ var AccordionItem = React29.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 AccordionItem.displayName = AccordionPrimitive.Item.displayName;
-var AccordionTrigger = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx33(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs13(
+var AccordionTrigger = React30.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx34(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs13(
   AccordionPrimitive.Trigger,
   {
     ref,
@@ -1453,12 +1507,12 @@ var AccordionTrigger = React29.forwardRef(({ className, children, ...props }, re
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx33(ChevronDown2, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+      /* @__PURE__ */ jsx34(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__ */ jsx33(
+var AccordionContent = React30.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx34(
   AccordionPrimitive.Content,
   {
     ref,
@@ -1466,18 +1520,18 @@ 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__ */ jsx33("div", { className: cn("pb-4 pt-0", className), children })
+    children: /* @__PURE__ */ jsx34("div", { className: cn("pb-4 pt-0", className), children })
   }
 ));
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 
 // src/components/collapsible.tsx
-import * as React30 from "react";
+import * as React31 from "react";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var Collapsible = CollapsiblePrimitive.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
-var CollapsibleContent2 = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+var CollapsibleContent2 = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
   CollapsiblePrimitive.CollapsibleContent,
   {
     ref,
@@ -1491,24 +1545,24 @@ var CollapsibleContent2 = React30.forwardRef(({ className, ...props }, ref) => /
 CollapsibleContent2.displayName = CollapsiblePrimitive.CollapsibleContent.displayName;
 
 // src/components/scroll-area.tsx
-import * as React31 from "react";
+import * as React32 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx35, jsxs as jsxs14 } from "react/jsx-runtime";
-var ScrollArea = React31.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
+import { jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
+var ScrollArea = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("relative overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx35(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx35(ScrollBar, {}),
-      /* @__PURE__ */ jsx35(ScrollAreaPrimitive.Corner, {})
+      /* @__PURE__ */ jsx36(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx36(ScrollBar, {}),
+      /* @__PURE__ */ jsx36(ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React31.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx35(
+var ScrollBar = React32.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx36(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -1520,15 +1574,15 @@ var ScrollBar = React31.forwardRef(({ className, orientation = "vertical", ...pr
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx35(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border-default" })
+    children: /* @__PURE__ */ jsx36(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border-default" })
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // src/components/alert.tsx
-import * as React32 from "react";
+import * as React33 from "react";
 import { cva as cva6 } from "class-variance-authority";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx37 } 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",
   {
@@ -1543,7 +1597,7 @@ var alertVariants = cva6(
     defaultVariants: { variant: "default" }
   }
 );
-var Alert = React32.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx36(
+var Alert = React33.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx37(
   "div",
   {
     ref,
@@ -1553,7 +1607,7 @@ var Alert = React32.forwardRef(({ className, variant, ...props }, ref) => /* @__
   }
 ));
 Alert.displayName = "Alert";
-var AlertTitle = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+var AlertTitle = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
   "h5",
   {
     ref,
@@ -1562,7 +1616,7 @@ var AlertTitle = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+var AlertDescription = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
   "div",
   {
     ref,
@@ -1573,14 +1627,14 @@ var AlertDescription = React32.forwardRef(({ className, ...props }, ref) => /* @
 AlertDescription.displayName = "AlertDescription";
 
 // src/components/breadcrumb.tsx
-import * as React33 from "react";
+import * as React34 from "react";
 import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { ChevronRight as ChevronRight4, MoreHorizontal } from "lucide-react";
-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 }));
+import { jsx as jsx38, jsxs as jsxs15 } from "react/jsx-runtime";
+var Breadcrumb = React34.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx38("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React33.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
+var BreadcrumbList = React34.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
     "ol",
     {
       ref,
@@ -1593,13 +1647,13 @@ var BreadcrumbList = React33.forwardRef(
   )
 );
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React33.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx37("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
+var BreadcrumbItem = React34.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx38("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
 );
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React33.forwardRef(({ asChild, className, ...props }, ref) => {
+var BreadcrumbLink = React34.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? Slot2 : "a";
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     Comp,
     {
       ref,
@@ -1609,8 +1663,8 @@ var BreadcrumbLink = React33.forwardRef(({ asChild, className, ...props }, ref)
   );
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React33.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
+var BreadcrumbPage = React34.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
     "span",
     {
       ref,
@@ -1627,14 +1681,14 @@ var BreadcrumbSeparator = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ jsx37(
+}) => /* @__PURE__ */ jsx38(
   "li",
   {
     role: "presentation",
     "aria-hidden": "true",
     className: cn("[&>svg]:h-4 [&>svg]:w-4", className),
     ...props,
-    children: children ?? /* @__PURE__ */ jsx37(ChevronRight4, {})
+    children: children ?? /* @__PURE__ */ jsx38(ChevronRight4, {})
   }
 );
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
@@ -1646,18 +1700,18 @@ var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs15(
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx37(MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx37("span", { className: "sr-only", children: "More" })
+      /* @__PURE__ */ jsx38(MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx38("span", { className: "sr-only", children: "More" })
     ]
   }
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
 
 // src/components/pagination.tsx
-import * as React34 from "react";
+import * as React35 from "react";
 import { ChevronLeft, ChevronRight as ChevronRight5, MoreHorizontal as MoreHorizontal2 } from "lucide-react";
-import { jsx as jsx38, jsxs as jsxs16 } from "react/jsx-runtime";
-var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx38(
+import { jsx as jsx39, jsxs as jsxs16 } from "react/jsx-runtime";
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx39(
   "nav",
   {
     role: "navigation",
@@ -1667,15 +1721,15 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx38(
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React34.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx38("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
+var PaginationContent = React35.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx39("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
 );
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React34.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx38("li", { ref, className: cn("", className), ...props })
+var PaginationItem = React35.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx39("li", { ref, className: cn("", className), ...props })
 );
 PaginationItem.displayName = "PaginationItem";
-var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @__PURE__ */ jsx38(
+var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @__PURE__ */ jsx39(
   "a",
   {
     "aria-current": isActive ? "page" : void 0,
@@ -1695,8 +1749,8 @@ var PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ jsxs16(
     className: cn("gap-1 pl-2.5", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx38(ChevronLeft, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx38("span", { children: "Previous" })
+      /* @__PURE__ */ jsx39(ChevronLeft, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx39("span", { children: "Previous" })
     ]
   }
 );
@@ -1709,8 +1763,8 @@ var PaginationNext = ({ className, ...props }) => /* @__PURE__ */ jsxs16(
     className: cn("gap-1 pr-2.5", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx38("span", { children: "Next" }),
-      /* @__PURE__ */ jsx38(ChevronRight5, { className: "h-4 w-4" })
+      /* @__PURE__ */ jsx39("span", { children: "Next" }),
+      /* @__PURE__ */ jsx39(ChevronRight5, { className: "h-4 w-4" })
     ]
   }
 );
@@ -1722,19 +1776,19 @@ var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs16(
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx38(MoreHorizontal2, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx38("span", { className: "sr-only", children: "More pages" })
+      /* @__PURE__ */ jsx39(MoreHorizontal2, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx39("span", { className: "sr-only", children: "More pages" })
     ]
   }
 );
 PaginationEllipsis.displayName = "PaginationEllipsis";
 
 // src/components/command.tsx
-import * as React35 from "react";
+import * as React36 from "react";
 import { Command as CommandPrimitive } from "cmdk";
 import { Search } from "lucide-react";
-import { jsx as jsx39, jsxs as jsxs17 } from "react/jsx-runtime";
-var Command = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+import { jsx as jsx40, jsxs as jsxs17 } from "react/jsx-runtime";
+var Command = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   CommandPrimitive,
   {
     ref,
@@ -1746,10 +1800,10 @@ var Command = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Command.displayName = CommandPrimitive.displayName;
-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(
+var CommandDialog = ({ children, ...props }) => /* @__PURE__ */ jsx40(Dialog, { ...props, children: /* @__PURE__ */ jsx40(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsx40(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 = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs17("div", { className: "flex items-center border-b border-border-subtle px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsx40(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ jsx40(
     CommandPrimitive.Input,
     {
       ref,
@@ -1762,7 +1816,7 @@ var CommandInput = React35.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+var CommandList = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   CommandPrimitive.List,
   {
     ref,
@@ -1771,7 +1825,7 @@ var CommandList = React35.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React35.forwardRef((props, ref) => /* @__PURE__ */ jsx39(
+var CommandEmpty = React36.forwardRef((props, ref) => /* @__PURE__ */ jsx40(
   CommandPrimitive.Empty,
   {
     ref,
@@ -1780,7 +1834,7 @@ var CommandEmpty = React35.forwardRef((props, ref) => /* @__PURE__ */ jsx39(
   }
 ));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+var CommandGroup = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   CommandPrimitive.Group,
   {
     ref,
@@ -1792,7 +1846,7 @@ var CommandGroup = React35.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+var CommandSeparator = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   CommandPrimitive.Separator,
   {
     ref,
@@ -1801,7 +1855,7 @@ var CommandSeparator = React35.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+var CommandItem = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   CommandPrimitive.Item,
   {
     ref,
@@ -1813,7 +1867,7 @@ var CommandItem = React35.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandItem.displayName = CommandPrimitive.Item.displayName;
-var CommandShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx39(
+var CommandShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx40(
   "span",
   {
     className: cn("ml-auto text-xs tracking-widest text-text-tertiary", className),
@@ -1823,12 +1877,12 @@ var CommandShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx39(
 CommandShortcut.displayName = "CommandShortcut";
 
 // src/components/navigation-menu.tsx
-import * as React36 from "react";
+import * as React37 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 jsx40, jsxs as jsxs18 } from "react/jsx-runtime";
-var NavigationMenu = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs18(
+import { jsx as jsx41, jsxs as jsxs18 } from "react/jsx-runtime";
+var NavigationMenu = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs18(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -1836,12 +1890,12 @@ var NavigationMenu = React36.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx40(NavigationMenuViewport, {})
+      /* @__PURE__ */ jsx41(NavigationMenuViewport, {})
     ]
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
+var NavigationMenuList = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -1854,7 +1908,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__ */ jsxs18(
+var NavigationMenuTrigger = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs18(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -1863,7 +1917,7 @@ var NavigationMenuTrigger = React36.forwardRef(({ className, children, ...props
     children: [
       children,
       " ",
-      /* @__PURE__ */ jsx40(
+      /* @__PURE__ */ jsx41(
         ChevronDown3,
         {
           className: "relative top-[1px] ml-1 h-4 w-4 transition duration-200 group-data-[state=open]:rotate-180",
@@ -1874,7 +1928,7 @@ var NavigationMenuTrigger = React36.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
+var NavigationMenuContent = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -1887,7 +1941,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__ */ jsx40("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx40(
+var NavigationMenuViewport = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx41(
   NavigationMenuPrimitive.Viewport,
   {
     ref,
@@ -1899,7 +1953,7 @@ var NavigationMenuViewport = React36.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
+var NavigationMenuIndicator = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -1908,7 +1962,7 @@ var NavigationMenuIndicator = React36.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx40("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border-subtle shadow-md" })
+    children: /* @__PURE__ */ jsx41("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border-subtle shadow-md" })
   }
 ));
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
@@ -1971,10 +2025,10 @@ function useTheme() {
 
 // src/components/sonner.tsx
 import { Toaster as SonnerToaster, toast } from "sonner";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var Toaster = ({ ...props }) => {
   const { resolvedTheme } = useTheme();
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     SonnerToaster,
     {
       theme: resolvedTheme,
@@ -1994,7 +2048,7 @@ var Toaster = ({ ...props }) => {
 
 // src/theme/ThemeToggle.tsx
 import { Sun, Moon, Monitor } from "lucide-react";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 var icons = {
   light: Sun,
   dark: Moon,
@@ -2008,14 +2062,14 @@ var nextTheme = {
 function ThemeToggle() {
   const { theme, setTheme } = useTheme();
   const Icon = icons[theme];
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "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__ */ jsx42(Icon, { className: "w-4 h-4" })
+      children: /* @__PURE__ */ jsx43(Icon, { className: "w-4 h-4" })
     }
   );
 }
@@ -2023,9 +2077,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 jsx43 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     DayPicker,
     {
       showOutsideDays,
@@ -2068,7 +2122,7 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
         ...classNames
       },
       components: {
-        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 })
+        Chevron: ({ className: cls, orientation, ...rest }) => orientation === "left" ? /* @__PURE__ */ jsx44(ChevronLeft2, { className: cn("size-4", cls), ...rest }) : /* @__PURE__ */ jsx44(ChevronRight6, { className: cn("size-4", cls), ...rest })
       },
       ...props
     }
@@ -2077,9 +2131,9 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
 Calendar.displayName = "Calendar";
 
 // src/components/date-picker.tsx
-import * as React37 from "react";
+import * as React38 from "react";
 import { Calendar as CalendarIcon } from "lucide-react";
-import { jsx as jsx44, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs19 } from "react/jsx-runtime";
 var DEFAULT_FORMAT = {
   year: "numeric",
   month: "long",
@@ -2092,9 +2146,9 @@ function DatePicker({
   disabled,
   className
 }) {
-  const [open, setOpen] = React37.useState(false);
+  const [open, setOpen] = React38.useState(false);
   return /* @__PURE__ */ jsxs19(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx44(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs19(
+    /* @__PURE__ */ jsx45(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs19(
       Button,
       {
         type: "button",
@@ -2102,12 +2156,12 @@ function DatePicker({
         disabled,
         className: cn("w-[240px] justify-start gap-2 text-left font-normal", !value && "text-text-tertiary", className),
         children: [
-          /* @__PURE__ */ jsx44(CalendarIcon, { className: "size-4 shrink-0" }),
+          /* @__PURE__ */ jsx45(CalendarIcon, { className: "size-4 shrink-0" }),
           value ? value.toLocaleDateString(void 0, DEFAULT_FORMAT) : placeholder
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx44(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx44(
+    /* @__PURE__ */ jsx45(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx45(
       Calendar,
       {
         mode: "single",
@@ -2124,31 +2178,31 @@ function DatePicker({
 DatePicker.displayName = "DatePicker";
 
 // src/components/carousel.tsx
-import * as React38 from "react";
+import * as React39 from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
-import { jsx as jsx45, jsxs as jsxs20 } from "react/jsx-runtime";
-var CarouselContext = React38.createContext(null);
+import { jsx as jsx46, jsxs as jsxs20 } from "react/jsx-runtime";
+var CarouselContext = React39.createContext(null);
 function useCarousel() {
-  const context = React38.useContext(CarouselContext);
+  const context = React39.useContext(CarouselContext);
   if (!context) throw new Error("useCarousel must be used within a <Carousel />");
   return context;
 }
-var Carousel = React38.forwardRef(({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }, ref) => {
+var Carousel = React39.forwardRef(({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }, ref) => {
   const [carouselRef, api] = useEmblaCarousel(
     { ...opts, axis: orientation === "horizontal" ? "x" : "y" },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React38.useState(false);
-  const [canScrollNext, setCanScrollNext] = React38.useState(false);
-  const onSelect = React38.useCallback((emblaApi) => {
+  const [canScrollPrev, setCanScrollPrev] = React39.useState(false);
+  const [canScrollNext, setCanScrollNext] = React39.useState(false);
+  const onSelect = React39.useCallback((emblaApi) => {
     if (!emblaApi) return;
     setCanScrollPrev(emblaApi.canScrollPrev());
     setCanScrollNext(emblaApi.canScrollNext());
   }, []);
-  const scrollPrev = React38.useCallback(() => api?.scrollPrev(), [api]);
-  const scrollNext = React38.useCallback(() => api?.scrollNext(), [api]);
-  const handleKeyDown = React38.useCallback(
+  const scrollPrev = React39.useCallback(() => api?.scrollPrev(), [api]);
+  const scrollNext = React39.useCallback(() => api?.scrollNext(), [api]);
+  const handleKeyDown = React39.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -2160,11 +2214,11 @@ var Carousel = React38.forwardRef(({ orientation = "horizontal", opts, setApi, p
     },
     [scrollPrev, scrollNext]
   );
-  React38.useEffect(() => {
+  React39.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React38.useEffect(() => {
+  React39.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -2174,7 +2228,7 @@ var Carousel = React38.forwardRef(({ orientation = "horizontal", opts, setApi, p
       api.off("select", onSelect);
     };
   }, [api, onSelect]);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     CarouselContext.Provider,
     {
       value: {
@@ -2187,7 +2241,7 @@ var Carousel = React38.forwardRef(({ orientation = "horizontal", opts, setApi, p
         canScrollPrev,
         canScrollNext
       },
-      children: /* @__PURE__ */ jsx45(
+      children: /* @__PURE__ */ jsx46(
         "div",
         {
           ref,
@@ -2203,10 +2257,10 @@ var Carousel = React38.forwardRef(({ orientation = "horizontal", opts, setApi, p
   );
 });
 Carousel.displayName = "Carousel";
-var CarouselContent = React38.forwardRef(
+var CarouselContent = React39.forwardRef(
   ({ className, ...props }, ref) => {
     const { carouselRef, orientation } = useCarousel();
-    return /* @__PURE__ */ jsx45("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx45(
+    return /* @__PURE__ */ jsx46("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx46(
       "div",
       {
         ref,
@@ -2217,10 +2271,10 @@ var CarouselContent = React38.forwardRef(
   }
 );
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React38.forwardRef(
+var CarouselItem = React39.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useCarousel();
-    return /* @__PURE__ */ jsx45(
+    return /* @__PURE__ */ jsx46(
       "div",
       {
         ref,
@@ -2237,7 +2291,7 @@ var CarouselItem = React38.forwardRef(
   }
 );
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React38.forwardRef(({ className, ...props }, ref) => {
+var CarouselPrevious = React39.forwardRef(({ className, ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ jsxs20(
     "button",
@@ -2254,14 +2308,14 @@ var CarouselPrevious = React38.forwardRef(({ className, ...props }, ref) => {
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ jsx45(ArrowLeft, { className: "size-4" }),
-        /* @__PURE__ */ jsx45("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ jsx46(ArrowLeft, { className: "size-4" }),
+        /* @__PURE__ */ jsx46("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React38.forwardRef(({ className, ...props }, ref) => {
+var CarouselNext = React39.forwardRef(({ className, ...props }, ref) => {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
   return /* @__PURE__ */ jsxs20(
     "button",
@@ -2278,8 +2332,8 @@ var CarouselNext = React38.forwardRef(({ className, ...props }, ref) => {
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ jsx45(ArrowRight, { className: "size-4" }),
-        /* @__PURE__ */ jsx45("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ jsx46(ArrowRight, { className: "size-4" }),
+        /* @__PURE__ */ jsx46("span", { className: "sr-only", children: "Next slide" })
       ]
     }
   );
@@ -2287,7 +2341,7 @@ var CarouselNext = React38.forwardRef(({ className, ...props }, ref) => {
 CarouselNext.displayName = "CarouselNext";
 
 // src/components/form.tsx
-import * as React39 from "react";
+import * as React40 from "react";
 import { Slot as Slot3 } from "@radix-ui/react-slot";
 import {
   Controller,
@@ -2295,16 +2349,16 @@ import {
   useFormContext,
   useFormState
 } from "react-hook-form";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 var Form = FormProvider;
-var FormFieldContext = React39.createContext(null);
+var FormFieldContext = React40.createContext(null);
 function FormField({ ...props }) {
-  return /* @__PURE__ */ jsx46(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx46(Controller, { ...props }) });
+  return /* @__PURE__ */ jsx47(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx47(Controller, { ...props }) });
 }
-var FormItemContext = React39.createContext(null);
+var FormItemContext = React40.createContext(null);
 function useFormField() {
-  const fieldContext = React39.useContext(FormFieldContext);
-  const itemContext = React39.useContext(FormItemContext);
+  const fieldContext = React40.useContext(FormFieldContext);
+  const itemContext = React40.useContext(FormItemContext);
   const { getFieldState } = useFormContext();
   const formState = useFormState({ name: fieldContext?.name });
   if (!fieldContext) throw new Error("useFormField should be used within <FormField>");
@@ -2319,16 +2373,16 @@ function useFormField() {
     ...fieldState
   };
 }
-var FormItem = React39.forwardRef(
+var FormItem = React40.forwardRef(
   ({ className, ...props }, ref) => {
-    const id = React39.useId();
-    return /* @__PURE__ */ jsx46(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx46("div", { ref, className: cn("space-y-2", className), ...props }) });
+    const id = React40.useId();
+    return /* @__PURE__ */ jsx47(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx47("div", { ref, className: cn("space-y-2", className), ...props }) });
   }
 );
 FormItem.displayName = "FormItem";
-var FormLabel = React39.forwardRef(({ className, ...props }, ref) => {
+var FormLabel = React40.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     Label2,
     {
       ref,
@@ -2339,9 +2393,9 @@ var FormLabel = React39.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React39.forwardRef(({ ...props }, ref) => {
+var FormControl = React40.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     Slot3,
     {
       ref,
@@ -2353,9 +2407,9 @@ var FormControl = React39.forwardRef(({ ...props }, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React39.forwardRef(({ className, ...props }, ref) => {
+var FormDescription = React40.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "p",
     {
       ref,
@@ -2366,11 +2420,11 @@ var FormDescription = React39.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React39.forwardRef(({ className, children, ...props }, ref) => {
+var FormMessage = React40.forwardRef(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message ?? "") : children;
   if (!body) return null;
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "p",
     {
       ref,
@@ -2384,9 +2438,9 @@ var FormMessage = React39.forwardRef(({ className, children, ...props }, ref) =>
 FormMessage.displayName = "FormMessage";
 
 // src/components/status-dot.tsx
-import * as React40 from "react";
+import * as React41 from "react";
 import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx47, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs21 } from "react/jsx-runtime";
 var statusDotVariants = cva8("inline-block shrink-0 rounded-full", {
   variants: {
     status: {
@@ -2400,7 +2454,7 @@ var statusDotVariants = cva8("inline-block shrink-0 rounded-full", {
   },
   defaultVariants: { status: "neutral", size: "md" }
 });
-var StatusDot = React40.forwardRef(
+var StatusDot = React41.forwardRef(
   ({ className, status, size, pulse = false, ...props }, ref) => /* @__PURE__ */ jsxs21(
     "span",
     {
@@ -2410,14 +2464,14 @@ var StatusDot = React40.forwardRef(
       className: cn("relative inline-flex", className),
       ...props,
       children: [
-        pulse && /* @__PURE__ */ jsx47(
+        pulse && /* @__PURE__ */ jsx48(
           "span",
           {
             "aria-hidden": "true",
             className: cn(statusDotVariants({ status, size }), "absolute inset-0 animate-ping opacity-75")
           }
         ),
-        /* @__PURE__ */ jsx47("span", { className: cn(statusDotVariants({ status, size })) })
+        /* @__PURE__ */ jsx48("span", { className: cn(statusDotVariants({ status, size })) })
       ]
     }
   )
@@ -2425,10 +2479,10 @@ var StatusDot = React40.forwardRef(
 StatusDot.displayName = "StatusDot";
 
 // src/components/docs-link.tsx
-import * as React41 from "react";
+import * as React42 from "react";
 import { BookOpen, ExternalLink } from "lucide-react";
-import { jsx as jsx48, jsxs as jsxs22 } from "react/jsx-runtime";
-var DocsLink = React41.forwardRef(
+import { jsx as jsx49, jsxs as jsxs22 } from "react/jsx-runtime";
+var DocsLink = React42.forwardRef(
   ({ href = "https://docs.lessly.com", label = "Docs", className, ...props }, ref) => /* @__PURE__ */ jsxs22(
     "a",
     {
@@ -2442,9 +2496,9 @@ var DocsLink = React41.forwardRef(
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx48(BookOpen, { className: "size-4", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx49(BookOpen, { className: "size-4", "aria-hidden": "true" }),
         label,
-        /* @__PURE__ */ jsx48(ExternalLink, { className: "size-3 text-text-tertiary", "aria-hidden": "true" })
+        /* @__PURE__ */ jsx49(ExternalLink, { className: "size-3 text-text-tertiary", "aria-hidden": "true" })
       ]
     }
   )
@@ -2452,9 +2506,9 @@ var DocsLink = React41.forwardRef(
 DocsLink.displayName = "DocsLink";
 
 // src/components/empty-state.tsx
-import * as React42 from "react";
-import { jsx as jsx49, jsxs as jsxs23 } from "react/jsx-runtime";
-var EmptyState = React42.forwardRef(
+import * as React43 from "react";
+import { jsx as jsx50, jsxs as jsxs23 } from "react/jsx-runtime";
+var EmptyState = React43.forwardRef(
   ({ icon: Icon, title, description, action, className, ...props }, ref) => /* @__PURE__ */ jsxs23(
     "div",
     {
@@ -2465,10 +2519,10 @@ var EmptyState = React42.forwardRef(
       ),
       ...props,
       children: [
-        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 })
+        Icon && /* @__PURE__ */ jsx50("div", { className: "mb-4 flex size-11 items-center justify-center rounded-full bg-bg-secondary", children: /* @__PURE__ */ jsx50(Icon, { className: "size-5 text-icon-secondary", "aria-hidden": "true" }) }),
+        /* @__PURE__ */ jsx50("p", { className: "text-base font-semibold text-text-primary", children: title }),
+        description && /* @__PURE__ */ jsx50("p", { className: "mt-1 max-w-sm text-sm text-text-secondary", children: description }),
+        action && /* @__PURE__ */ jsx50("div", { className: "mt-4", children: action })
       ]
     }
   )
@@ -2476,14 +2530,14 @@ var EmptyState = React42.forwardRef(
 EmptyState.displayName = "EmptyState";
 
 // src/components/copy-button.tsx
-import * as React43 from "react";
+import * as React44 from "react";
 import { Check as Check5, Copy } from "lucide-react";
-import { jsx as jsx50 } from "react/jsx-runtime";
-var CopyButton = React43.forwardRef(
+import { jsx as jsx51 } from "react/jsx-runtime";
+var CopyButton = React44.forwardRef(
   ({ value, label = "Copy", className, variant = "ghost", size = "icon", onClick, ...props }, ref) => {
-    const [copied, setCopied] = React43.useState(false);
-    const timer = React43.useRef(void 0);
-    React43.useEffect(() => () => clearTimeout(timer.current), []);
+    const [copied, setCopied] = React44.useState(false);
+    const timer = React44.useRef(void 0);
+    React44.useEffect(() => () => clearTimeout(timer.current), []);
     const handleClick = async (e) => {
       onClick?.(e);
       if (!navigator.clipboard?.writeText) return;
@@ -2495,7 +2549,7 @@ var CopyButton = React43.forwardRef(
       } catch {
       }
     };
-    return /* @__PURE__ */ jsx50(
+    return /* @__PURE__ */ jsx51(
       Button,
       {
         ref,
@@ -2506,7 +2560,7 @@ var CopyButton = React43.forwardRef(
         className: cn(className),
         ...props,
         "aria-label": copied ? "Copied" : label,
-        children: copied ? /* @__PURE__ */ jsx50(Check5, { className: "size-4 text-text-success" }) : /* @__PURE__ */ jsx50(Copy, { className: "size-4" })
+        children: copied ? /* @__PURE__ */ jsx51(Check5, { className: "size-4 text-text-success" }) : /* @__PURE__ */ jsx51(Copy, { className: "size-4" })
       }
     );
   }
@@ -2514,9 +2568,9 @@ var CopyButton = React43.forwardRef(
 CopyButton.displayName = "CopyButton";
 
 // src/components/stat-card.tsx
-import * as React44 from "react";
+import * as React45 from "react";
 import { ArrowDown, ArrowUp, Info as Info2, Minus as Minus2 } from "lucide-react";
-import { jsx as jsx51, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs24 } from "react/jsx-runtime";
 var directionIcons = {
   up: ArrowUp,
   down: ArrowDown,
@@ -2532,7 +2586,7 @@ var toneFromDirection = {
   down: "negative",
   neutral: "neutral"
 };
-var StatCard = React44.forwardRef(
+var StatCard = React45.forwardRef(
   ({ label, value, delta, hint, sub, icon: Icon, className, ...props }, ref) => {
     const direction = delta?.direction ?? "neutral";
     const tone = delta?.tone ?? toneFromDirection[direction];
@@ -2547,21 +2601,21 @@ var StatCard = React44.forwardRef(
         children: [
           /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-between gap-2", children: [
             /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-1.5", children: [
-              /* @__PURE__ */ jsx51("span", { className: "text-xs font-medium uppercase tracking-wide text-text-tertiary", children: label }),
-              hint && /* @__PURE__ */ jsx51(TooltipProvider, { children: /* @__PURE__ */ jsxs24(Tooltip, { children: [
-                /* @__PURE__ */ jsx51(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx51("button", { type: "button", "aria-label": "More info", className: "inline-flex cursor-help text-icon-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus rounded-sm", children: /* @__PURE__ */ jsx51(Info2, { className: "size-3.5", "aria-hidden": "true" }) }) }),
-                /* @__PURE__ */ jsx51(TooltipContent, { children: hint })
+              /* @__PURE__ */ jsx52("span", { className: "text-xs font-medium uppercase tracking-wide text-text-tertiary", children: label }),
+              hint && /* @__PURE__ */ jsx52(TooltipProvider, { children: /* @__PURE__ */ jsxs24(Tooltip, { children: [
+                /* @__PURE__ */ jsx52(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx52("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__ */ jsx52(Info2, { className: "size-3.5", "aria-hidden": "true" }) }) }),
+                /* @__PURE__ */ jsx52(TooltipContent, { children: hint })
               ] }) })
             ] }),
-            Icon && /* @__PURE__ */ jsx51(Icon, { className: "size-4 text-icon-secondary", "aria-hidden": "true" })
+            Icon && /* @__PURE__ */ jsx52(Icon, { className: "size-4 text-icon-secondary", "aria-hidden": "true" })
           ] }),
-          /* @__PURE__ */ jsx51("div", { className: "mt-2 text-3xl font-semibold text-text-primary", children: value }),
+          /* @__PURE__ */ jsx52("div", { className: "mt-2 text-3xl font-semibold text-text-primary", children: value }),
           (delta || sub) && /* @__PURE__ */ jsxs24("div", { className: "mt-2 flex items-center gap-2 text-sm", children: [
             delta && /* @__PURE__ */ jsxs24("span", { className: cn("inline-flex items-center gap-0.5 font-medium", deltaClass), children: [
-              /* @__PURE__ */ jsx51(DeltaIcon, { className: "size-3.5", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx52(DeltaIcon, { className: "size-3.5", "aria-hidden": "true" }),
               delta.value
             ] }),
-            sub && /* @__PURE__ */ jsx51("span", { className: "text-text-tertiary", children: sub })
+            sub && /* @__PURE__ */ jsx52("span", { className: "text-text-tertiary", children: sub })
           ] })
         ]
       }
@@ -2571,11 +2625,11 @@ var StatCard = React44.forwardRef(
 StatCard.displayName = "StatCard";
 
 // src/components/confirm-dialog.tsx
-import * as React45 from "react";
+import * as React46 from "react";
 import { Loader2 } from "lucide-react";
-import { jsx as jsx52, jsxs as jsxs25 } from "react/jsx-runtime";
-var InlineError = React45.forwardRef(
-  ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx52(
+import { jsx as jsx53, jsxs as jsxs25 } from "react/jsx-runtime";
+var InlineError = React46.forwardRef(
+  ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx53(
     "div",
     {
       ref,
@@ -2601,12 +2655,12 @@ function ConfirmDialog({
   destructive = false,
   onConfirm
 }) {
-  const [internalOpen, setInternalOpen] = React45.useState(false);
+  const [internalOpen, setInternalOpen] = React46.useState(false);
   const isControlled = open !== void 0;
   const actualOpen = isControlled ? open : internalOpen;
-  const [busy, setBusy] = React45.useState(false);
-  const [error, setError] = React45.useState(null);
-  React45.useEffect(() => {
+  const [busy, setBusy] = React46.useState(false);
+  const [error, setError] = React46.useState(null);
+  React46.useEffect(() => {
     if (!actualOpen) setError(null);
   }, [actualOpen]);
   const setOpen = (next) => {
@@ -2629,17 +2683,17 @@ function ConfirmDialog({
   return /* @__PURE__ */ jsxs25(Dialog, { open: actualOpen, onOpenChange: (next) => {
     if (!busy) setOpen(next);
   }, children: [
-    trigger && /* @__PURE__ */ jsx52(DialogTrigger, { asChild: true, children: trigger }),
+    trigger && /* @__PURE__ */ jsx53(DialogTrigger, { asChild: true, children: trigger }),
     /* @__PURE__ */ jsxs25(DialogContent, { children: [
       /* @__PURE__ */ jsxs25(DialogHeader, { children: [
-        /* @__PURE__ */ jsx52(DialogTitle, { children: title }),
-        description && /* @__PURE__ */ jsx52(DialogDescription, { children: description })
+        /* @__PURE__ */ jsx53(DialogTitle, { children: title }),
+        description && /* @__PURE__ */ jsx53(DialogDescription, { children: description })
       ] }),
-      error && /* @__PURE__ */ jsx52(InlineError, { children: error }),
+      error && /* @__PURE__ */ jsx53(InlineError, { children: error }),
       /* @__PURE__ */ jsxs25(DialogFooter, { children: [
-        /* @__PURE__ */ jsx52(Button, { variant: "outline", disabled: busy, onClick: () => setOpen(false), children: cancelLabel }),
+        /* @__PURE__ */ jsx53(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" }),
+          busy && /* @__PURE__ */ jsx53(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" }),
           confirmLabel
         ] })
       ] })
@@ -2649,7 +2703,7 @@ function ConfirmDialog({
 
 // src/components/user-menu.tsx
 import { ChevronsUpDown } from "lucide-react";
-import { Fragment, jsx as jsx53, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx54, jsxs as jsxs26 } from "react/jsx-runtime";
 function initialsOf(name) {
   const parts = name.trim().split(/\s+/).filter(Boolean);
   if (parts.length === 0) return "?";
@@ -2659,10 +2713,10 @@ function initialsOf(name) {
 function UserMenu({ user, items, collapsed = false, align = "start" }) {
   const secondLine = user.subtitle ?? user.email;
   const avatar = /* @__PURE__ */ jsxs26(Avatar, { className: collapsed ? "size-9" : "size-7", children: [
-    user.avatarUrl && /* @__PURE__ */ jsx53(AvatarImage, { src: user.avatarUrl, alt: user.name }),
-    /* @__PURE__ */ jsx53(AvatarFallback, { className: "text-xs", children: initialsOf(user.name) })
+    user.avatarUrl && /* @__PURE__ */ jsx54(AvatarImage, { src: user.avatarUrl, alt: user.name }),
+    /* @__PURE__ */ jsx54(AvatarFallback, { className: "text-xs", children: initialsOf(user.name) })
   ] });
-  const trigger = collapsed ? /* @__PURE__ */ jsx53(
+  const trigger = collapsed ? /* @__PURE__ */ jsx54(
     "button",
     {
       type: "button",
@@ -2678,18 +2732,18 @@ function UserMenu({ user, items, collapsed = false, align = "start" }) {
       children: [
         avatar,
         /* @__PURE__ */ jsxs26("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-          /* @__PURE__ */ jsx53("span", { className: "truncate text-sm leading-[normal] font-medium text-text-primary", children: user.name }),
-          secondLine && /* @__PURE__ */ jsx53("span", { className: "truncate text-xs leading-[normal] text-text-tertiary", children: secondLine })
+          /* @__PURE__ */ jsx54("span", { className: "truncate text-sm leading-[normal] font-medium text-text-primary", children: user.name }),
+          secondLine && /* @__PURE__ */ jsx54("span", { className: "truncate text-xs leading-[normal] text-text-tertiary", children: secondLine })
         ] }),
-        /* @__PURE__ */ jsx53(ChevronsUpDown, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" })
+        /* @__PURE__ */ jsx54(ChevronsUpDown, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" })
       ]
     }
   );
-  const menuTrigger = /* @__PURE__ */ jsx53(DropdownMenuTrigger, { asChild: true, children: trigger });
+  const menuTrigger = /* @__PURE__ */ jsx54(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 })
+    collapsed ? /* @__PURE__ */ jsx54(TooltipProvider, { children: /* @__PURE__ */ jsxs26(Tooltip, { children: [
+      /* @__PURE__ */ jsx54(TooltipTrigger, { asChild: true, children: menuTrigger }),
+      /* @__PURE__ */ jsx54(TooltipContent, { side: "right", children: user.name })
     ] }) }) : menuTrigger,
     /* @__PURE__ */ jsxs26(
       DropdownMenuContent,
@@ -2699,17 +2753,17 @@ function UserMenu({ user, items, collapsed = false, align = "start" }) {
         className: "flex w-[var(--radix-dropdown-menu-trigger-width)] min-w-56 flex-col gap-px rounded-xl border-border-subtle bg-[var(--menu-bg)] p-1 shadow-(--menu-shadow)",
         children: [
           /* @__PURE__ */ jsxs26(DropdownMenuLabel, { className: "px-2 pt-1.5 pb-1 text-xs font-medium text-text-tertiary", children: [
-            /* @__PURE__ */ jsx53("span", { className: "block truncate text-sm font-medium text-text-primary", children: user.name }),
-            secondLine && /* @__PURE__ */ jsx53("span", { className: "block truncate text-xs font-normal text-text-tertiary", children: secondLine })
+            /* @__PURE__ */ jsx54("span", { className: "block truncate text-sm font-medium text-text-primary", children: user.name }),
+            secondLine && /* @__PURE__ */ jsx54("span", { className: "block truncate text-xs font-normal text-text-tertiary", children: secondLine })
           ] }),
-          /* @__PURE__ */ jsx53(DropdownMenuSeparator, { className: "mx-0 shrink-0 bg-border-subtle" }),
+          /* @__PURE__ */ jsx54(DropdownMenuSeparator, { className: "mx-0 shrink-0 bg-border-subtle" }),
           items.map((item, i) => {
             const Icon = item.icon;
             const content = /* @__PURE__ */ jsxs26(Fragment, { children: [
-              Icon && /* @__PURE__ */ jsx53(Icon, { className: "size-4", "aria-hidden": "true" }),
+              Icon && /* @__PURE__ */ jsx54(Icon, { className: "size-4", "aria-hidden": "true" }),
               item.label
             ] });
-            return /* @__PURE__ */ jsx53(
+            return /* @__PURE__ */ jsx54(
               DropdownMenuItem,
               {
                 onSelect: item.onSelect,
@@ -2718,7 +2772,7 @@ function UserMenu({ user, items, collapsed = false, align = "start" }) {
                   item.destructive && "text-text-danger focus:text-text-danger"
                 ),
                 asChild: Boolean(item.href),
-                children: item.href ? /* @__PURE__ */ jsx53("a", { href: item.href, children: content }) : content
+                children: item.href ? /* @__PURE__ */ jsx54("a", { href: item.href, children: content }) : content
               },
               `${item.label}-${i}`
             );
@@ -2732,20 +2786,20 @@ function UserMenu({ user, items, collapsed = false, align = "start" }) {
 
 // src/components/extension-link.tsx
 import { Link as Link2 } from "react-router";
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 function ExtensionLink({ uiMode, to, className, children, ...anchorProps }) {
   if (uiMode === "federation") {
-    return /* @__PURE__ */ jsx54(Link2, { to, className, ...anchorProps, children });
+    return /* @__PURE__ */ jsx55(Link2, { to, className, ...anchorProps, children });
   }
-  return /* @__PURE__ */ jsx54("a", { href: to, className, ...anchorProps, children });
+  return /* @__PURE__ */ jsx55("a", { href: to, className, ...anchorProps, children });
 }
 ExtensionLink.displayName = "ExtensionLink";
 
 // src/components/extension-icon.tsx
-import * as React46 from "react";
+import * as React47 from "react";
 import * as LucideIcons from "lucide-react";
 import { Puzzle } from "lucide-react";
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 var FORWARD_REF = /* @__PURE__ */ Symbol.for("react.forward_ref");
 var catalog = LucideIcons;
 function toPascalCase(name) {
@@ -2770,14 +2824,14 @@ function warnUnknownIconOnce(name) {
   warnedUnknownIcons.add(name);
   console.warn(`[@lessly/ui] ExtensionIcon: unknown icon "${name}" \u2014 falling back to Puzzle.`);
 }
-var ExtensionIcon = React46.forwardRef(
+var ExtensionIcon = React47.forwardRef(
   ({ name, ...props }, ref) => {
     const Icon = resolveIcon(name);
     if (!Icon) {
       warnUnknownIconOnce(name);
-      return /* @__PURE__ */ jsx55(Puzzle, { ref, ...props });
+      return /* @__PURE__ */ jsx56(Puzzle, { ref, ...props });
     }
-    return /* @__PURE__ */ jsx55(Icon, { ref, ...props });
+    return /* @__PURE__ */ jsx56(Icon, { ref, ...props });
   }
 );
 ExtensionIcon.displayName = "ExtensionIcon";
@@ -2824,9 +2878,9 @@ function useSidebar(options = {}) {
 }
 
 // src/components/nav-row.tsx
-import * as React47 from "react";
+import * as React48 from "react";
 import { Slot as Slot4 } from "@radix-ui/react-slot";
-import { Fragment as Fragment2, jsx as jsx56, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx57, 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",
@@ -2842,9 +2896,9 @@ var state = {
     active: "font-semibold text-text-brand hover:bg-[var(--menu-hov)]"
   }
 };
-var NavRow = React47.forwardRef(function NavRow2({ icon, label, active = false, variant, trailing, hideLabel = false, asChild = false, className, children, ...props }, ref) {
+var NavRow = React48.forwardRef(function NavRow2({ icon, label, active = false, variant, trailing, hideLabel = false, asChild = false, className, children, ...props }, ref) {
   const content = /* @__PURE__ */ jsxs27(Fragment2, { children: [
-    icon && /* @__PURE__ */ jsx56(
+    icon && /* @__PURE__ */ jsx57(
       "span",
       {
         className: "flex size-5 shrink-0 items-center justify-center [&_svg]:size-[18px]",
@@ -2852,24 +2906,24 @@ var NavRow = React47.forwardRef(function NavRow2({ icon, label, active = false,
         children: icon
       }
     ),
-    !hideLabel && /* @__PURE__ */ jsx56("span", { className: "min-w-0 flex-1 truncate", children: label }),
-    trailing && /* @__PURE__ */ jsx56("span", { className: "flex shrink-0 items-center", children: trailing })
+    !hideLabel && /* @__PURE__ */ jsx57("span", { className: "min-w-0 flex-1 truncate", children: label }),
+    trailing && /* @__PURE__ */ jsx57("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__ */ jsx56(Slot4, { ref, className: classes, "aria-label": hideLabel ? label : void 0, ...props, children: React47.cloneElement(child, void 0, content) });
+    const child = React48.Children.only(children);
+    return /* @__PURE__ */ jsx57(Slot4, { ref, className: classes, "aria-label": hideLabel ? label : void 0, ...props, children: React48.cloneElement(child, void 0, content) });
   }
-  return /* @__PURE__ */ jsx56("button", { ref, type: "button", className: classes, "aria-label": hideLabel ? label : void 0, ...props, children: content });
+  return /* @__PURE__ */ jsx57("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 jsx57 } from "react/jsx-runtime";
-var NavSectionLabel = React48.forwardRef(
+import * as React49 from "react";
+import { jsx as jsx58 } from "react/jsx-runtime";
+var NavSectionLabel = React49.forwardRef(
   function NavSectionLabel2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx57(
+    return /* @__PURE__ */ jsx58(
       "div",
       {
         ref,
@@ -2882,8 +2936,8 @@ var NavSectionLabel = React48.forwardRef(
 NavSectionLabel.displayName = "NavSectionLabel";
 
 // src/components/menu-popup.tsx
-import * as React49 from "react";
-import { jsx as jsx58, jsxs as jsxs28 } from "react/jsx-runtime";
+import * as React50 from "react";
+import { jsx as jsx59, jsxs as jsxs28 } from "react/jsx-runtime";
 function MenuPopup({
   trigger,
   children,
@@ -2896,8 +2950,8 @@ function MenuPopup({
   className
 }) {
   return /* @__PURE__ */ jsxs28(Popover, { open, defaultOpen, onOpenChange, children: [
-    /* @__PURE__ */ jsx58(PopoverTrigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsx58(
+    /* @__PURE__ */ jsx59(PopoverTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx59(
       PopoverContent,
       {
         side: direction === "up" ? "top" : "bottom",
@@ -2912,9 +2966,9 @@ function MenuPopup({
     )
   ] });
 }
-var MenuDivider = React49.forwardRef(
+var MenuDivider = React50.forwardRef(
   function MenuDivider2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx58(
+    return /* @__PURE__ */ jsx59(
       "div",
       {
         ref,
@@ -2929,7 +2983,7 @@ MenuDivider.displayName = "MenuDivider";
 
 // src/components/sidebar-nav.tsx
 import { Link as Link3, useLocation } from "react-router";
-import { jsx as jsx59, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs29 } from "react/jsx-runtime";
 function isActivePath(pathname, full, exact) {
   if (exact) return pathname === full;
   return pathname === full || pathname.startsWith(`${full}/`);
@@ -2945,23 +2999,23 @@ function SidebarNavLink({
   const Comp = LinkComponent ?? Link3;
   const to = `${basePath}${item.href}`;
   const Icon = item.icon;
-  const link = /* @__PURE__ */ jsx59(
+  const link = /* @__PURE__ */ jsx60(
     NavRow,
     {
       variant: "rail",
       active,
       label: item.label,
       hideLabel: collapsed,
-      icon: Icon ? /* @__PURE__ */ jsx59(Icon, { "aria-hidden": "true" }) : void 0,
+      icon: Icon ? /* @__PURE__ */ jsx60(Icon, { "aria-hidden": "true" }) : void 0,
       className: cn(collapsed && "size-9 justify-center px-0 py-0", className),
       asChild: true,
-      children: /* @__PURE__ */ jsx59(Comp, { to, "aria-current": active ? "page" : void 0 })
+      children: /* @__PURE__ */ jsx60(Comp, { to, "aria-current": active ? "page" : void 0 })
     }
   );
   if (!collapsed) return link;
   return /* @__PURE__ */ jsxs29(Tooltip, { children: [
-    /* @__PURE__ */ jsx59(TooltipTrigger, { asChild: true, children: link }),
-    /* @__PURE__ */ jsx59(TooltipContent, { side: "right", children: item.label })
+    /* @__PURE__ */ jsx60(TooltipTrigger, { asChild: true, children: link }),
+    /* @__PURE__ */ jsx60(TooltipContent, { side: "right", children: item.label })
   ] });
 }
 function SidebarNav({
@@ -2973,7 +3027,7 @@ function SidebarNav({
   className
 }) {
   const { pathname } = useLocation();
-  const nav = /* @__PURE__ */ jsx59(
+  const nav = /* @__PURE__ */ jsx60(
     "nav",
     {
       className: cn(
@@ -2984,7 +3038,7 @@ function SidebarNav({
       children: items.map((item) => {
         const full = `${basePath}${item.href}`;
         const active = isItemActive ? isItemActive(item, pathname) : isActivePath(pathname, full, item.exact);
-        return /* @__PURE__ */ jsx59(
+        return /* @__PURE__ */ jsx60(
           SidebarNavLink,
           {
             item,
@@ -2998,14 +3052,14 @@ function SidebarNav({
       })
     }
   );
-  return collapsed ? /* @__PURE__ */ jsx59(TooltipProvider, { children: nav }) : nav;
+  return collapsed ? /* @__PURE__ */ jsx60(TooltipProvider, { children: nav }) : nav;
 }
 
 // src/components/app-sidebar.tsx
 import { PanelLeft } from "lucide-react";
-import { Fragment as Fragment3, jsx as jsx60, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx61, jsxs as jsxs30 } from "react/jsx-runtime";
 function Divider({ collapsed, testId, className }) {
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx61(
     "div",
     {
       "data-testid": testId,
@@ -3037,7 +3091,7 @@ function AppSidebar({
     defaultCollapsed,
     onCollapsedChange
   });
-  const pin = collapsible ? /* @__PURE__ */ jsx60(
+  const pin = collapsible ? /* @__PURE__ */ jsx61(
     "button",
     {
       type: "button",
@@ -3045,7 +3099,7 @@ function AppSidebar({
       "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
       "aria-expanded": !collapsed,
       className: "flex size-6 shrink-0 items-center justify-center rounded-md text-text-secondary transition-colors hover:bg-[var(--hov-bg)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-      children: /* @__PURE__ */ jsx60(PanelLeft, { className: "size-4", "aria-hidden": "true" })
+      children: /* @__PURE__ */ jsx61(PanelLeft, { className: "size-4", "aria-hidden": "true" })
     }
   ) : null;
   return /* @__PURE__ */ jsxs30(
@@ -3058,12 +3112,12 @@ function AppSidebar({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx60("div", { className: cn("flex items-center gap-2", collapsed ? "justify-center px-1 pt-2" : "px-3 pt-[13px]"), children: collapsed ? collapsible ? logoCollapsed ?? logo ? (
+        /* @__PURE__ */ jsx61("div", { className: cn("flex items-center gap-2", collapsed ? "justify-center px-1 pt-2" : "px-3 pt-[13px]"), children: collapsed ? collapsible ? logoCollapsed ?? logo ? (
           /* The collapsed rail (52px) can't fit the logo mark beside the pin side by side —
              so the pin overlays the mark instead, revealed on hover/focus, same as pre-flat-rail. */
           /* @__PURE__ */ jsxs30("div", { className: "group relative flex size-8 items-center justify-center", children: [
-            /* @__PURE__ */ jsx60("span", { className: "pointer-events-none transition-opacity group-hover:opacity-0 group-focus-within:opacity-0", children: logoCollapsed ?? logo }),
-            /* @__PURE__ */ jsx60(
+            /* @__PURE__ */ jsx61("span", { className: "pointer-events-none transition-opacity group-hover:opacity-0 group-focus-within:opacity-0", children: logoCollapsed ?? logo }),
+            /* @__PURE__ */ jsx61(
               "button",
               {
                 type: "button",
@@ -3071,7 +3125,7 @@ function AppSidebar({
                 "aria-label": "Expand sidebar",
                 "aria-expanded": false,
                 className: "absolute inset-0 flex items-center justify-center rounded-md text-text-secondary opacity-0 transition-opacity hover:bg-[var(--hov-bg)] focus-visible:outline-none focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-border-focus group-hover:opacity-100 group-focus-within:opacity-100",
-                children: /* @__PURE__ */ jsx60(PanelLeft, { className: "size-4", "aria-hidden": "true" })
+                children: /* @__PURE__ */ jsx61(PanelLeft, { className: "size-4", "aria-hidden": "true" })
               }
             )
           ] })
@@ -3080,7 +3134,7 @@ function AppSidebar({
              count, it's expanded-only). Hover-revealing the pin over nothing would leave
              an invisible 32px box as the only way back to expanded, so render it plain
              and fully visible instead. */
-          /* @__PURE__ */ jsx60(
+          /* @__PURE__ */ jsx61(
             "button",
             {
               type: "button",
@@ -3088,15 +3142,15 @@ function AppSidebar({
               "aria-label": "Expand sidebar",
               "aria-expanded": false,
               className: "flex size-8 shrink-0 items-center justify-center rounded-md text-text-secondary transition-colors hover:bg-[var(--hov-bg)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-              children: /* @__PURE__ */ jsx60(PanelLeft, { className: "size-4", "aria-hidden": "true" })
+              children: /* @__PURE__ */ jsx61(PanelLeft, { className: "size-4", "aria-hidden": "true" })
             }
           )
         ) : logoCollapsed ?? logo : /* @__PURE__ */ jsxs30(Fragment3, { children: [
           header ?? logo,
           pin
         ] }) }),
-        /* @__PURE__ */ jsx60(Divider, { collapsed, testId: "sidebar-divider-header", className: "mt-3" }),
-        /* @__PURE__ */ jsx60(
+        /* @__PURE__ */ jsx61(Divider, { collapsed, testId: "sidebar-divider-header", className: "mt-3" }),
+        /* @__PURE__ */ jsx61(
           "div",
           {
             "data-testid": "sidebar-scroll",
@@ -3104,12 +3158,12 @@ function AppSidebar({
               "min-h-0 flex-1 overflow-y-auto overflow-x-hidden pt-3 pb-2",
               collapsed ? "px-1" : "px-3"
             ),
-            children: /* @__PURE__ */ jsx60(SidebarNav, { items, collapsed, basePath, LinkComponent, isItemActive })
+            children: /* @__PURE__ */ jsx61(SidebarNav, { items, collapsed, basePath, LinkComponent, isItemActive })
           }
         ),
         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 })
+          /* @__PURE__ */ jsx61(Divider, { collapsed, testId: "sidebar-divider-account" }),
+          /* @__PURE__ */ jsx61("div", { className: cn("py-2", collapsed ? "px-1" : "px-3"), children: footer })
         ] })
       ]
     }
@@ -3117,40 +3171,40 @@ function AppSidebar({
 }
 
 // src/components/sidebar-product-header.tsx
-import * as React50 from "react";
+import * as React51 from "react";
 import { Slot as Slot5 } from "@radix-ui/react-slot";
 import { ChevronsUpDown as ChevronsUpDown2 } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx61, jsxs as jsxs31 } from "react/jsx-runtime";
-var SidebarProductHeader = React50.forwardRef(
+import { Fragment as Fragment4, jsx as jsx62, jsxs as jsxs31 } from "react/jsx-runtime";
+var SidebarProductHeader = React51.forwardRef(
   function SidebarProductHeader2({ name, icon, trailing, asChild = false, className, children, ...props }, ref) {
-    const adornment = trailing === void 0 ? /* @__PURE__ */ jsx61(ChevronsUpDown2, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" }) : trailing;
+    const adornment = trailing === void 0 ? /* @__PURE__ */ jsx62(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 })
+      icon && /* @__PURE__ */ jsx62("span", { className: "flex size-7 shrink-0 items-center justify-center overflow-hidden rounded-md", "aria-hidden": "true", children: icon }),
+      /* @__PURE__ */ jsx62("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-text-primary", children: name }),
+      adornment && /* @__PURE__ */ jsx62("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__ */ jsx61(Slot5, { ref, className: classes, ...props, children: React50.cloneElement(child, void 0, content) });
+      const child = React51.Children.only(children);
+      return /* @__PURE__ */ jsx62(Slot5, { ref, className: classes, ...props, children: React51.cloneElement(child, void 0, content) });
     }
-    return /* @__PURE__ */ jsx61("button", { ref, type: "button", className: classes, ...props, children: content });
+    return /* @__PURE__ */ jsx62("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 jsx62, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx63, 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__ */ jsx62("span", { className: cn("flex shrink-0 items-center justify-center overflow-hidden rounded-md", box), "aria-hidden": "true", children: item.icon });
+    return /* @__PURE__ */ jsx63("span", { className: cn("flex shrink-0 items-center justify-center overflow-hidden rounded-md", box), "aria-hidden": "true", children: item.icon });
   }
-  return /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx63(
     "span",
     {
       "aria-hidden": "true",
@@ -3179,12 +3233,12 @@ function OrgProductSwitcher({
   const ariaLabel = props["aria-label"] ?? `${activeOrg?.name ?? ""} / ${activeProduct?.name ?? ""}`;
   return /* @__PURE__ */ jsxs32(DropdownMenu, { children: [
     /* @__PURE__ */ jsxs32(DropdownMenuTrigger, { "aria-label": ariaLabel, className: cn(triggerBox, className), children: [
-      activeProduct && /* @__PURE__ */ jsx62(Mark, { item: activeProduct, size: "md" }),
+      activeProduct && /* @__PURE__ */ jsx63(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__ */ jsx63("span", { className: "truncate text-xs leading-[normal] text-text-tertiary", children: activeOrg?.name }),
+        /* @__PURE__ */ jsx63("span", { className: "truncate text-sm leading-[normal] font-semibold text-text-primary", children: activeProduct?.name })
       ] }),
-      /* @__PURE__ */ jsx62(ChevronsUpDown3, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" })
+      /* @__PURE__ */ jsx63(ChevronsUpDown3, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" })
     ] }),
     /* @__PURE__ */ jsxs32(
       DropdownMenuContent,
@@ -3193,25 +3247,25 @@ function OrgProductSwitcher({
         sideOffset: 6,
         className: "flex w-[var(--radix-dropdown-menu-trigger-width)] min-w-56 flex-col gap-px rounded-xl border-border-subtle bg-[var(--menu-bg)] p-1 shadow-(--menu-shadow)",
         children: [
-          /* @__PURE__ */ jsx62(DropdownMenuLabel, { className: sectionLabel, children: "Organizations" }),
+          /* @__PURE__ */ jsx63(DropdownMenuLabel, { className: sectionLabel, children: "Organizations" }),
           organizations.map((o) => /* @__PURE__ */ jsxs32(DropdownMenuItem, { className: menuItem, onSelect: () => onOrgSelect(o.id), children: [
-            /* @__PURE__ */ jsx62(Mark, { item: o, size: "sm" }),
-            /* @__PURE__ */ jsx62("span", { className: "min-w-0 flex-1 truncate", children: o.name }),
-            o.id === activeOrgId && /* @__PURE__ */ jsx62(Check6, { className: "size-4 shrink-0 text-text-secondary", "aria-hidden": "true" })
+            /* @__PURE__ */ jsx63(Mark, { item: o, size: "sm" }),
+            /* @__PURE__ */ jsx63("span", { className: "min-w-0 flex-1 truncate", children: o.name }),
+            o.id === activeOrgId && /* @__PURE__ */ jsx63(Check6, { className: "size-4 shrink-0 text-text-secondary", "aria-hidden": "true" })
           ] }, o.id)),
-          /* @__PURE__ */ jsx62(DropdownMenuSeparator, { className: "mx-0 shrink-0 bg-border-subtle" }),
+          /* @__PURE__ */ jsx63(DropdownMenuSeparator, { className: "mx-0 shrink-0 bg-border-subtle" }),
           /* @__PURE__ */ jsxs32(DropdownMenuLabel, { className: sectionLabel, children: [
             activeOrg?.name,
             " \xB7 Products"
           ] }),
           products.map((p) => /* @__PURE__ */ jsxs32(DropdownMenuItem, { className: menuItem, onSelect: () => onProductSelect(p.id), children: [
-            /* @__PURE__ */ jsx62(Mark, { item: p, size: "sm" }),
-            /* @__PURE__ */ jsx62("span", { className: "min-w-0 flex-1 truncate", children: p.name }),
-            p.id === activeProductId && /* @__PURE__ */ jsx62(Check6, { className: "size-4 shrink-0 text-text-secondary", "aria-hidden": "true" })
+            /* @__PURE__ */ jsx63(Mark, { item: p, size: "sm" }),
+            /* @__PURE__ */ jsx63("span", { className: "min-w-0 flex-1 truncate", children: p.name }),
+            p.id === activeProductId && /* @__PURE__ */ jsx63(Check6, { className: "size-4 shrink-0 text-text-secondary", "aria-hidden": "true" })
           ] }, p.id)),
           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: [
+            /* @__PURE__ */ jsx63(DropdownMenuSeparator, { className: "mx-0 shrink-0 bg-border-subtle" }),
+            actions.map((a) => /* @__PURE__ */ jsx63(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__ */ jsxs32(Fragment5, { children: [
@@ -3228,12 +3282,12 @@ OrgProductSwitcher.displayName = "OrgProductSwitcher";
 
 // src/components/sidebar-back-header.tsx
 import { ArrowLeft as ArrowLeft2 } from "lucide-react";
-import { jsx as jsx63, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx64, 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__ */ jsx63(ArrowLeft2, { size: 16, "aria-hidden": "true" });
+var Arrow = () => /* @__PURE__ */ jsx64(ArrowLeft2, { size: 16, "aria-hidden": "true" });
 function SidebarBackHeader({
   title,
   onBack,
@@ -3255,14 +3309,14 @@ function SidebarBackHeader({
         className: cn("flex items-center rounded-xl", focusRing, className),
         ...rowProps,
         children: [
-          /* @__PURE__ */ jsx63("span", { className: arrowBox, children: /* @__PURE__ */ jsx63("span", { className: cn(arrowPlate, arrowClassName), ...arrowRest, children: /* @__PURE__ */ jsx63(Arrow, {}) }) }),
-          /* @__PURE__ */ jsx63("span", { className: cn(titleBox, titleClassName), ...titleRest, children: title })
+          /* @__PURE__ */ jsx64("span", { className: arrowBox, children: /* @__PURE__ */ jsx64("span", { className: cn(arrowPlate, arrowClassName), ...arrowRest, children: /* @__PURE__ */ jsx64(Arrow, {}) }) }),
+          /* @__PURE__ */ jsx64("span", { className: cn(titleBox, titleClassName), ...titleRest, children: title })
         ]
       }
     );
   }
   return /* @__PURE__ */ jsxs33("div", { className: cn("flex items-center", className), ...rowProps, children: [
-    /* @__PURE__ */ jsx63(
+    /* @__PURE__ */ jsx64(
       "button",
       {
         type: "button",
@@ -3270,10 +3324,10 @@ function SidebarBackHeader({
         onClick: onBack,
         className: cn(arrowBox, focusRing, arrowClassName),
         ...arrowRest,
-        children: /* @__PURE__ */ jsx63("span", { className: arrowPlate, children: /* @__PURE__ */ jsx63(Arrow, {}) })
+        children: /* @__PURE__ */ jsx64("span", { className: arrowPlate, children: /* @__PURE__ */ jsx64(Arrow, {}) })
       }
     ),
-    /* @__PURE__ */ jsx63(
+    /* @__PURE__ */ jsx64(
       "button",
       {
         type: "button",
@@ -3288,54 +3342,54 @@ function SidebarBackHeader({
 SidebarBackHeader.displayName = "SidebarBackHeader";
 
 // src/components/app-shell.tsx
-import * as React51 from "react";
+import * as React52 from "react";
 import { Menu as Menu2 } from "lucide-react";
 import { useLocation as useLocation2 } from "react-router";
-import { jsx as jsx64, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs34 } from "react/jsx-runtime";
 function expandedSidebar(sidebar) {
-  return React51.isValidElement(sidebar) ? React51.cloneElement(sidebar, { collapsed: false }) : sidebar;
+  return React52.isValidElement(sidebar) ? React52.cloneElement(sidebar, { collapsed: false }) : sidebar;
 }
 function AppShell({ sidebar, topBar, children, className }) {
   const { pathname } = useLocation2();
-  const [mobileOpen, setMobileOpen] = React51.useState(false);
-  React51.useEffect(() => {
+  const [mobileOpen, setMobileOpen] = React52.useState(false);
+  React52.useEffect(() => {
     setMobileOpen(false);
   }, [pathname]);
   const isMobile = useIsMobile();
   if (isMobile) {
-    return /* @__PURE__ */ jsx64(TooltipProvider, { children: /* @__PURE__ */ jsxs34("div", { className: cn("flex min-h-screen flex-col bg-bg-surface", className), children: [
+    return /* @__PURE__ */ jsx65(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__ */ jsx65(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx65(Button, { variant: "ghost", size: "icon", className: "size-8 text-text-secondary", "aria-label": "Open navigation", children: /* @__PURE__ */ jsx65(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" }),
+            /* @__PURE__ */ jsx65(SheetTitle, { className: "sr-only", children: "Navigation" }),
+            /* @__PURE__ */ jsx65(SheetDescription, { className: "sr-only", children: "Application navigation menu" }),
             expandedSidebar(sidebar)
           ] })
         ] }),
-        /* @__PURE__ */ jsx64("div", { className: "flex items-center gap-2", children: topBar })
+        /* @__PURE__ */ jsx65("div", { className: "flex items-center gap-2", children: topBar })
       ] }),
-      /* @__PURE__ */ jsx64("main", { className: "flex-1 overflow-auto", children })
+      /* @__PURE__ */ jsx65("main", { className: "flex-1 overflow-auto", children })
     ] }) });
   }
-  return /* @__PURE__ */ jsx64(TooltipProvider, { children: /* @__PURE__ */ jsxs34("div", { className: cn("flex min-h-screen gap-3 bg-bg-surface p-4", className), children: [
-    /* @__PURE__ */ jsx64("div", { className: "sticky top-4 h-[calc(100vh-32px)] shrink-0", children: sidebar }),
+  return /* @__PURE__ */ jsx65(TooltipProvider, { children: /* @__PURE__ */ jsxs34("div", { className: cn("flex min-h-screen gap-3 bg-bg-surface p-4", className), children: [
+    /* @__PURE__ */ jsx65("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 })
+      topBar && /* @__PURE__ */ jsx65("div", { className: "flex shrink-0 items-center justify-end gap-2", children: topBar }),
+      /* @__PURE__ */ jsx65("main", { className: "flex-1 overflow-y-auto", children })
     ] })
   ] }) });
 }
 var AuthenticatedLayout = AppShell;
 
 // src/components/grid.tsx
-import * as React52 from "react";
+import * as React53 from "react";
 import { Slot as Slot6 } from "@radix-ui/react-slot";
-import { jsx as jsx65 } from "react/jsx-runtime";
-var Grid = React52.forwardRef(
+import { jsx as jsx66 } from "react/jsx-runtime";
+var Grid = React53.forwardRef(
   ({ fluid = false, asChild = false, className, ...props }, ref) => {
     const Comp = asChild ? Slot6 : "div";
-    return /* @__PURE__ */ jsx65(
+    return /* @__PURE__ */ jsx66(
       Comp,
       {
         ref,
@@ -3353,9 +3407,9 @@ var Grid = React52.forwardRef(
 Grid.displayName = "Grid";
 
 // src/components/col.tsx
-import * as React53 from "react";
+import * as React54 from "react";
 import { Slot as Slot7 } from "@radix-ui/react-slot";
-import { jsx as jsx66 } from "react/jsx-runtime";
+import { jsx as jsx67 } 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" },
@@ -3475,17 +3529,17 @@ function responsiveClasses(span, offset) {
   }
   return cn(...spanClasses, ...startClasses);
 }
-var Col = React53.forwardRef(
+var Col = React54.forwardRef(
   ({ span, offset, asChild = false, className, ...props }, ref) => {
     const Comp = asChild ? Slot7 : "div";
-    return /* @__PURE__ */ jsx66(Comp, { ref, className: cn(responsiveClasses(span, offset), className), ...props });
+    return /* @__PURE__ */ jsx67(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 jsx67, jsxs as jsxs35 } from "react/jsx-runtime";
+import * as React55 from "react";
+import { jsx as jsx68, jsxs as jsxs35 } from "react/jsx-runtime";
 var TOKEN_CLASS = {
   comment: "text-text-tertiary italic",
   string: "text-text-success",
@@ -3613,11 +3667,11 @@ function tokenize(code, lang) {
   }
   return tokens;
 }
-var CodeBlock = React54.forwardRef(
+var CodeBlock = React55.forwardRef(
   ({ code, lang = "tsx", copy = false, filename, scroll = false, className, ...props }, ref) => {
-    const tokens = React54.useMemo(() => tokenize(code, lang), [code, lang]);
+    const tokens = React55.useMemo(() => tokenize(code, lang), [code, lang]);
     const framed = Boolean(filename) || copy;
-    const pre = /* @__PURE__ */ jsx67(
+    const pre = /* @__PURE__ */ jsx68(
       "pre",
       {
         ref,
@@ -3628,21 +3682,21 @@ var CodeBlock = React54.forwardRef(
           className
         ),
         ...props,
-        children: /* @__PURE__ */ jsx67("code", { children: tokens.map((token, index) => /* @__PURE__ */ jsx67("span", { className: TOKEN_CLASS[token.kind], children: token.text }, index)) })
+        children: /* @__PURE__ */ jsx68("code", { children: tokens.map((token, index) => /* @__PURE__ */ jsx68("span", { className: TOKEN_CLASS[token.kind], children: token.text }, index)) })
       }
     );
     if (!framed) return pre;
     return /* @__PURE__ */ jsxs35("div", { className: "overflow-hidden rounded-lg border border-border-subtle bg-bg-primary", children: [
       /* @__PURE__ */ jsxs35("div", { className: "flex items-center justify-between gap-3 border-b border-border-subtle px-4 py-2", children: [
-        filename ? /* @__PURE__ */ jsx67("span", { className: "font-mono text-xs text-text-tertiary", children: filename }) : /* @__PURE__ */ jsx67("span", {}),
-        copy ? /* @__PURE__ */ jsx67(CopyButton, { value: code, label: "Copy code" }) : null
+        filename ? /* @__PURE__ */ jsx68("span", { className: "font-mono text-xs text-text-tertiary", children: filename }) : /* @__PURE__ */ jsx68("span", {}),
+        copy ? /* @__PURE__ */ jsx68(CopyButton, { value: code, label: "Copy code" }) : null
       ] }),
       pre
     ] });
   }
 );
 CodeBlock.displayName = "CodeBlock";
-var Code = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(
+var Code = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx68(
   "code",
   {
     ref,
@@ -3656,13 +3710,13 @@ var Code = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 Code.displayName = "Code";
 
 // src/components/grid-overlay.tsx
-import * as React55 from "react";
-import { jsx as jsx68 } from "react/jsx-runtime";
+import * as React56 from "react";
+import { jsx as jsx69 } from "react/jsx-runtime";
 var BASELINE = "var(--grid-gutter) / 2";
-var GridOverlay = React55.forwardRef(
+var GridOverlay = React56.forwardRef(
   ({ columns, baseline = false, className, style, ...props }, ref) => {
     const count = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;
-    return /* @__PURE__ */ jsx68(
+    return /* @__PURE__ */ jsx69(
       "div",
       {
         ref,
@@ -3679,7 +3733,7 @@ var GridOverlay = React55.forwardRef(
           ...style
         },
         ...props,
-        children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx68("span", { style: { backgroundColor: "var(--bg-brand)", opacity: 0.1 } }, i))
+        children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx69("span", { style: { backgroundColor: "var(--bg-brand)", opacity: 0.1 } }, i))
       }
     );
   }
@@ -3687,10 +3741,10 @@ var GridOverlay = React55.forwardRef(
 GridOverlay.displayName = "GridOverlay";
 
 // src/components/segment-chip.tsx
-import * as React56 from "react";
+import * as React57 from "react";
 import { cva as cva9 } from "class-variance-authority";
 import { Link2 as Link22, KeyRound, Clock, Plus } from "lucide-react";
-import { jsx as jsx69, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx70, 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",
   {
@@ -3711,11 +3765,11 @@ var kindIcons = {
   pending: Clock,
   available: Plus
 };
-var SegmentChip = React56.forwardRef(
+var SegmentChip = React57.forwardRef(
   ({ kind, resource, icon, hideIcon = false, className, ...props }, ref) => {
     const Icon = icon ?? kindIcons[kind ?? "granted"];
     return /* @__PURE__ */ jsxs36("span", { ref, className: cn(segmentChipVariants({ kind }), className), ...props, children: [
-      !hideIcon && /* @__PURE__ */ jsx69(Icon, { className: "size-3.5 shrink-0 opacity-90", "aria-hidden": "true" }),
+      !hideIcon && /* @__PURE__ */ jsx70(Icon, { className: "size-3.5 shrink-0 opacity-90", "aria-hidden": "true" }),
       resource
     ] });
   }
@@ -3723,9 +3777,9 @@ var SegmentChip = React56.forwardRef(
 SegmentChip.displayName = "SegmentChip";
 
 // src/components/connection-card.tsx
-import * as React57 from "react";
+import * as React58 from "react";
 import { AlertTriangle, ChevronDown as ChevronDown4 } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx70, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx71, jsxs as jsxs37 } from "react/jsx-runtime";
 var authLabels = { app: "App", oauth: "OAuth", token: "token" };
 var statusMeta = {
   connected: { label: "Connected", badge: "success", dot: "success" },
@@ -3735,7 +3789,7 @@ var statusMeta = {
 function monogram(name) {
   return name.replace(/[^a-zA-Z0-9 ]/g, " ").split(/\s+/).filter(Boolean).slice(0, 2).map((w) => w[0].toUpperCase()).join("");
 }
-var ConnectionCard = React57.forwardRef(
+var ConnectionCard = React58.forwardRef(
   ({
     name,
     scope,
@@ -3756,7 +3810,7 @@ var ConnectionCard = React57.forwardRef(
   }, ref) => {
     const meta = statusMeta[status];
     const connected = status !== "disconnected";
-    const glyphBox = /* @__PURE__ */ jsx70(
+    const glyphBox = /* @__PURE__ */ jsx71(
       "div",
       {
         "aria-hidden": "true",
@@ -3765,14 +3819,14 @@ var ConnectionCard = React57.forwardRef(
       }
     );
     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__ */ jsx71("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] })
+        /* @__PURE__ */ jsx71(Badge, { variant: "secondary", children: scope }),
+        /* @__PURE__ */ jsx71(Badge, { variant: "secondary", children: authLabels[auth] })
       ] })
     ] });
     const statusBadge = /* @__PURE__ */ jsxs37(Badge, { variant: meta.badge, className: "gap-1.5", children: [
-      /* @__PURE__ */ jsx70(StatusDot, { status: meta.dot, size: "sm" }),
+      /* @__PURE__ */ jsx71(StatusDot, { status: meta.dot, size: "sm" }),
       statusLabel ?? meta.label
     ] });
     const accessNote = access ? /* @__PURE__ */ jsxs37(
@@ -3781,22 +3835,22 @@ var ConnectionCard = React57.forwardRef(
         role: "note",
         className: "flex items-start gap-2 border-t border-border-subtle bg-bg-warning-subtle px-4 py-2.5 text-xs font-medium text-text-warning",
         children: [
-          /* @__PURE__ */ jsx70(AlertTriangle, { className: "mt-0.5 size-3.5 shrink-0", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx70("span", { children: access })
+          /* @__PURE__ */ jsx71(AlertTriangle, { className: "mt-0.5 size-3.5 shrink-0", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx71("span", { children: access })
         ]
       }
     ) : null;
     const footerAction = collapsible ? action : connected && action;
     const footer = grantedCount !== void 0 || footerAction ? /* @__PURE__ */ jsxs37("div", { className: "flex items-center justify-between border-t border-border-subtle px-4 py-3", children: [
-      /* @__PURE__ */ jsx70("span", { className: "text-sm text-text-secondary", children: grantedCount !== void 0 ? /* @__PURE__ */ jsxs37(Fragment6, { children: [
+      /* @__PURE__ */ jsx71("span", { className: "text-sm text-text-secondary", children: grantedCount !== void 0 ? /* @__PURE__ */ jsxs37(Fragment6, { children: [
         "Granted to ",
-        /* @__PURE__ */ jsx70("span", { className: "font-semibold text-text-primary", children: grantedCount }),
+        /* @__PURE__ */ jsx71("span", { className: "font-semibold text-text-primary", children: grantedCount }),
         " ",
         grantedCount === 1 ? "product" : "products"
-      ] }) : /* @__PURE__ */ jsx70("span", { className: "text-text-tertiary", children: "Not granted to any product yet" }) }),
+      ] }) : /* @__PURE__ */ jsx71("span", { className: "text-text-tertiary", children: "Not granted to any product yet" }) }),
       footerAction
     ] }) : null;
-    const drawer = children ? /* @__PURE__ */ jsx70("div", { "data-slot": "drawer", className: "border-t border-border-subtle", children }) : null;
+    const drawer = children ? /* @__PURE__ */ jsx71("div", { "data-slot": "drawer", className: "border-t border-border-subtle", children }) : null;
     if (!collapsible) {
       return /* @__PURE__ */ jsxs37(
         Card,
@@ -3808,7 +3862,7 @@ var ConnectionCard = React57.forwardRef(
             /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-3 p-4", children: [
               glyphBox,
               identity,
-              /* @__PURE__ */ jsx70("div", { className: "ml-auto shrink-0", children: connected ? statusBadge : action })
+              /* @__PURE__ */ jsx71("div", { className: "ml-auto shrink-0", children: connected ? statusBadge : action })
             ] }),
             accessNote,
             footer,
@@ -3817,7 +3871,7 @@ var ConnectionCard = React57.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ jsx70(Collapsible, { defaultOpen, open, onOpenChange, children: /* @__PURE__ */ jsxs37(
+    return /* @__PURE__ */ jsx71(Collapsible, { defaultOpen, open, onOpenChange, children: /* @__PURE__ */ jsxs37(
       Card,
       {
         ref,
@@ -3828,7 +3882,7 @@ var ConnectionCard = React57.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx70(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs37(
+          /* @__PURE__ */ jsx71(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs37(
             "button",
             {
               type: "button",
@@ -3838,7 +3892,7 @@ var ConnectionCard = React57.forwardRef(
                 identity,
                 /* @__PURE__ */ jsxs37("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
                   statusBadge,
-                  /* @__PURE__ */ jsx70(
+                  /* @__PURE__ */ jsx71(
                     ChevronDown4,
                     {
                       "aria-hidden": "true",
@@ -3862,29 +3916,29 @@ var ConnectionCard = React57.forwardRef(
 ConnectionCard.displayName = "ConnectionCard";
 
 // src/components/request-row.tsx
-import * as React58 from "react";
-import { Fragment as Fragment7, jsx as jsx71, jsxs as jsxs38 } from "react/jsx-runtime";
+import * as React59 from "react";
+import { Fragment as Fragment7, jsx as jsx72, 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("");
 }
-var RequestRow = React58.forwardRef(
+var RequestRow = React59.forwardRef(
   ({ surface, name, state: state2, glyph, subtitle, grantedResource, onApprove, onDeny, onRequest, action, className, ...props }, ref) => {
     let controls = action;
     if (controls === void 0) {
       if (surface === "org" && state2 === "pending") {
         controls = /* @__PURE__ */ jsxs38(Fragment7, { children: [
-          /* @__PURE__ */ jsx71(Button, { variant: "outline", size: "sm", onClick: onDeny, children: "Deny" }),
-          /* @__PURE__ */ jsx71(Button, { size: "sm", onClick: onApprove, children: "Approve" })
+          /* @__PURE__ */ jsx72(Button, { variant: "outline", size: "sm", onClick: onDeny, children: "Deny" }),
+          /* @__PURE__ */ jsx72(Button, { size: "sm", onClick: onApprove, children: "Approve" })
         ] });
       } else if (state2 === "available") {
-        controls = /* @__PURE__ */ jsx71(Button, { size: "sm", onClick: onRequest, children: "Request" });
+        controls = /* @__PURE__ */ jsx72(Button, { size: "sm", onClick: onRequest, children: "Request" });
       } else if (state2 === "pending") {
         controls = /* @__PURE__ */ jsxs38(Badge, { variant: "secondary", className: "gap-1.5", children: [
-          /* @__PURE__ */ jsx71(StatusDot, { status: "neutral", size: "sm" }),
+          /* @__PURE__ */ jsx72(StatusDot, { status: "neutral", size: "sm" }),
           "Pending"
         ] });
       } else if (state2 === "granted") {
-        controls = /* @__PURE__ */ jsx71(SegmentChip, { kind: "granted", resource: grantedResource ?? "a segment" });
+        controls = /* @__PURE__ */ jsx72(SegmentChip, { kind: "granted", resource: grantedResource ?? "a segment" });
       }
     }
     return /* @__PURE__ */ jsxs38(
@@ -3897,7 +3951,7 @@ var RequestRow = React58.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx71(
+          /* @__PURE__ */ jsx72(
             "div",
             {
               "aria-hidden": "true",
@@ -3906,10 +3960,10 @@ var RequestRow = React58.forwardRef(
             }
           ),
           /* @__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__ */ jsx72("p", { className: "truncate text-sm font-semibold text-text-primary", children: name }),
+            subtitle && /* @__PURE__ */ jsx72("p", { className: "truncate text-xs text-text-tertiary", children: subtitle })
           ] }),
-          /* @__PURE__ */ jsx71("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: controls })
+          /* @__PURE__ */ jsx72("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: controls })
         ]
       }
     );
@@ -3918,9 +3972,9 @@ var RequestRow = React58.forwardRef(
 RequestRow.displayName = "RequestRow";
 
 // src/components/feedback-button.tsx
-import * as React59 from "react";
+import * as React60 from "react";
 import { MessageSquare, Loader2 as Loader22, CheckCircle2 } from "lucide-react";
-import { jsx as jsx72, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs39 } from "react/jsx-runtime";
 var TITLE_MAX = 256;
 var DETAILS_MAX = 65536;
 var DEFAULT_LABELS = {
@@ -3934,15 +3988,15 @@ var DEFAULT_LABELS = {
 };
 function FeedbackButton({ onSubmit, labels, className }) {
   const l = { ...DEFAULT_LABELS, ...labels };
-  const uid = React59.useId();
+  const uid = React60.useId();
   const titleId = `${uid}-title`;
   const detailsId = `${uid}-details`;
   const titleErrId = `${uid}-title-error`;
   const detailsErrId = `${uid}-details-error`;
-  const [open, setOpen] = React59.useState(false);
-  const [status, setStatus] = React59.useState("idle");
-  const [title, setTitle] = React59.useState("");
-  const [details, setDetails] = React59.useState("");
+  const [open, setOpen] = React60.useState(false);
+  const [status, setStatus] = React60.useState("idle");
+  const [title, setTitle] = React60.useState("");
+  const [details, setDetails] = React60.useState("");
   const titleTooLong = title.length > TITLE_MAX;
   const detailsTooLong = details.length > DETAILS_MAX;
   const titleEmpty = title.trim().length === 0;
@@ -3968,19 +4022,19 @@ function FeedbackButton({ onSubmit, labels, className }) {
     }
   };
   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" }),
+    /* @__PURE__ */ jsx73(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs39(Button, { variant: "ghost", size: "sm", "aria-label": l.trigger, className, children: [
+      /* @__PURE__ */ jsx73(MessageSquare, { className: "size-4", "aria-hidden": "true" }),
       l.trigger
     ] }) }),
-    /* @__PURE__ */ jsx72(PopoverContent, { align: "end", side: "bottom", className: "w-80", children: status === "success" ? /* @__PURE__ */ jsxs39("div", { className: "flex flex-col items-center gap-3 py-2 text-center", children: [
-      /* @__PURE__ */ jsx72(CheckCircle2, { className: "size-8 text-text-success", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx72("p", { role: "status", className: "text-sm text-text-primary", children: l.success }),
-      /* @__PURE__ */ jsx72(Button, { variant: "outline", size: "sm", onClick: () => changeOpen(false), children: "Close" })
+    /* @__PURE__ */ jsx73(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__ */ jsx73(CheckCircle2, { className: "size-8 text-text-success", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx73("p", { role: "status", className: "text-sm text-text-primary", children: l.success }),
+      /* @__PURE__ */ jsx73(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__ */ jsx73("p", { className: "text-sm font-medium text-text-primary", children: l.title }),
       /* @__PURE__ */ jsxs39("div", { className: "flex flex-col gap-1.5", children: [
-        /* @__PURE__ */ jsx72(Label2, { htmlFor: titleId, children: l.titleField }),
-        /* @__PURE__ */ jsx72(
+        /* @__PURE__ */ jsx73(Label2, { htmlFor: titleId, children: l.titleField }),
+        /* @__PURE__ */ jsx73(
           Input,
           {
             id: titleId,
@@ -3999,8 +4053,8 @@ function FeedbackButton({ onSubmit, labels, className }) {
         ] })
       ] }),
       /* @__PURE__ */ jsxs39("div", { className: "flex flex-col gap-1.5", children: [
-        /* @__PURE__ */ jsx72(Label2, { htmlFor: detailsId, children: l.detailsField }),
-        /* @__PURE__ */ jsx72(
+        /* @__PURE__ */ jsx73(Label2, { htmlFor: detailsId, children: l.detailsField }),
+        /* @__PURE__ */ jsx73(
           Textarea,
           {
             id: detailsId,
@@ -4018,9 +4072,9 @@ function FeedbackButton({ onSubmit, labels, className }) {
           " characters or fewer."
         ] })
       ] }),
-      status === "error" && /* @__PURE__ */ jsx72(InlineError, { children: l.error }),
+      status === "error" && /* @__PURE__ */ jsx73(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" }),
+        submitting && /* @__PURE__ */ jsx73(Loader22, { className: "size-4 animate-spin", "aria-hidden": "true" }),
         l.submit
       ] })
     ] }) })
@@ -4029,7 +4083,7 @@ function FeedbackButton({ onSubmit, labels, className }) {
 
 // src/components/create-product-window.tsx
 import { useForm } from "react-hook-form";
-import { jsx as jsx73, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs40 } from "react/jsx-runtime";
 var CREATE_ORG_VALUE = "__create_new_org__";
 function CreateProductWindow({
   organizations,
@@ -4064,8 +4118,8 @@ function CreateProductWindow({
   const showSelect = organizations.length > 0;
   return /* @__PURE__ */ jsxs40("div", { className: "flex w-full max-w-md flex-col gap-6", children: [
     showSelect && /* @__PURE__ */ jsxs40("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx73("span", { className: "text-sm font-medium leading-none text-text-primary", children: "Organization" }),
-      /* @__PURE__ */ jsx73(
+      /* @__PURE__ */ jsx74("span", { className: "text-sm font-medium leading-none text-text-primary", children: "Organization" }),
+      /* @__PURE__ */ jsx74(
         Select,
         {
           "data-testid": "create-product-org-select",
@@ -4079,8 +4133,8 @@ function CreateProductWindow({
       )
     ] }),
     !createOrgMode && /* @__PURE__ */ jsxs40("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx73("span", { className: "text-sm font-medium leading-none text-text-primary", children: "Products" }),
-      productsLoading ? /* @__PURE__ */ jsx73("p", { className: "text-sm text-text-tertiary", children: "Loading products\u2026" }) : products.length === 0 ? /* @__PURE__ */ jsx73("p", { className: "text-sm text-text-tertiary", children: "No products yet." }) : /* @__PURE__ */ jsx73("ul", { className: "flex flex-col gap-1", children: products.map((product) => /* @__PURE__ */ jsx73("li", { children: /* @__PURE__ */ jsxs40(
+      /* @__PURE__ */ jsx74("span", { className: "text-sm font-medium leading-none text-text-primary", children: "Products" }),
+      productsLoading ? /* @__PURE__ */ jsx74("p", { className: "text-sm text-text-tertiary", children: "Loading products\u2026" }) : products.length === 0 ? /* @__PURE__ */ jsx74("p", { className: "text-sm text-text-tertiary", children: "No products yet." }) : /* @__PURE__ */ jsx74("ul", { className: "flex flex-col gap-1", children: products.map((product) => /* @__PURE__ */ jsx74("li", { children: /* @__PURE__ */ jsxs40(
         "button",
         {
           type: "button",
@@ -4089,14 +4143,14 @@ function CreateProductWindow({
             "flex w-full items-center justify-between rounded-md border border-border-default bg-bg-primary px-3 py-2 text-left text-sm text-text-primary hover:bg-bg-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus"
           ),
           children: [
-            /* @__PURE__ */ jsx73("span", { className: "truncate", children: product.name }),
-            /* @__PURE__ */ jsx73("span", { className: "ml-2 truncate text-text-tertiary", children: product.slug })
+            /* @__PURE__ */ jsx74("span", { className: "truncate", children: product.name }),
+            /* @__PURE__ */ jsx74("span", { className: "ml-2 truncate text-text-tertiary", children: product.slug })
           ]
         }
       ) }, product.id)) })
     ] }),
-    /* @__PURE__ */ jsx73(Form, { ...form, children: /* @__PURE__ */ jsxs40("form", { onSubmit: handleSubmit, className: "flex flex-col gap-4", noValidate: true, children: [
-      createOrgMode && /* @__PURE__ */ jsx73(
+    /* @__PURE__ */ jsx74(Form, { ...form, children: /* @__PURE__ */ jsxs40("form", { onSubmit: handleSubmit, className: "flex flex-col gap-4", noValidate: true, children: [
+      createOrgMode && /* @__PURE__ */ jsx74(
         FormField,
         {
           control: form.control,
@@ -4105,13 +4159,13 @@ function CreateProductWindow({
             validate: (value) => value.trim().length > 0 || "Organization name is required"
           },
           render: ({ field }) => /* @__PURE__ */ jsxs40(FormItem, { children: [
-            /* @__PURE__ */ jsx73(FormLabel, { children: "Organization name" }),
-            /* @__PURE__ */ jsx73(FormControl, { children: /* @__PURE__ */ jsx73(Input, { placeholder: "Acme Inc.", ...field }) }),
-            /* @__PURE__ */ jsx73(FormMessage, {})
+            /* @__PURE__ */ jsx74(FormLabel, { children: "Organization name" }),
+            /* @__PURE__ */ jsx74(FormControl, { children: /* @__PURE__ */ jsx74(Input, { placeholder: "Acme Inc.", ...field }) }),
+            /* @__PURE__ */ jsx74(FormMessage, {})
           ] })
         }
       ),
-      /* @__PURE__ */ jsx73(
+      /* @__PURE__ */ jsx74(
         FormField,
         {
           control: form.control,
@@ -4120,14 +4174,14 @@ function CreateProductWindow({
             validate: (value) => value.trim().length > 0 || "Product name is required"
           },
           render: ({ field }) => /* @__PURE__ */ jsxs40(FormItem, { children: [
-            /* @__PURE__ */ jsx73(FormLabel, { children: "Product name" }),
-            /* @__PURE__ */ jsx73(FormControl, { children: /* @__PURE__ */ jsx73(Input, { placeholder: "My product", ...field }) }),
-            /* @__PURE__ */ jsx73(FormMessage, {})
+            /* @__PURE__ */ jsx74(FormLabel, { children: "Product name" }),
+            /* @__PURE__ */ jsx74(FormControl, { children: /* @__PURE__ */ jsx74(Input, { placeholder: "My product", ...field }) }),
+            /* @__PURE__ */ jsx74(FormMessage, {})
           ] })
         }
       ),
-      error && /* @__PURE__ */ jsx73(InlineError, { children: error }),
-      /* @__PURE__ */ jsx73(Button, { type: "submit", disabled: submitting, children: "Create product" })
+      error && /* @__PURE__ */ jsx74(InlineError, { children: error }),
+      /* @__PURE__ */ jsx74(Button, { type: "submit", disabled: submitting, children: "Create product" })
     ] }) })
   ] });
 }
@@ -4166,18 +4220,18 @@ function isNotificationSettled(item) {
 }
 
 // src/components/notification-bell.tsx
-import * as React60 from "react";
+import * as React61 from "react";
 import { BellRing, Check as Check7, Settings } from "lucide-react";
-import { jsx as jsx74, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs41 } from "react/jsx-runtime";
 function MarkReadButton({ 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(Check7, { className: "size-3.5", "aria-hidden": "true" })
+      children: /* @__PURE__ */ jsx75(Check7, { className: "size-3.5", "aria-hidden": "true" })
     }
   );
 }
@@ -4196,7 +4250,7 @@ function BellRow({
   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(
+        /* @__PURE__ */ jsx75(
           "button",
           {
             type: "button",
@@ -4209,19 +4263,19 @@ function BellRow({
           }
         ),
         /* @__PURE__ */ jsxs41("p", { className: "mt-1 truncate text-xs text-text-tertiary", children: [
-          /* @__PURE__ */ jsx74("span", { className: "font-semibold uppercase tracking-wide text-text-secondary", children: item.source }),
+          /* @__PURE__ */ jsx75("span", { className: "font-semibold uppercase tracking-wide text-text-secondary", children: item.source }),
           item.receipt ? `, ${item.receipt}` : ""
         ] })
       ] }),
       (age || markable) && /* @__PURE__ */ jsxs41("div", { className: "mt-px flex shrink-0 items-center gap-1", children: [
-        age && /* @__PURE__ */ jsx74("span", { className: "text-xs text-text-tertiary", children: age }),
-        markable && /* @__PURE__ */ jsx74(MarkReadButton, { title: item.title, onClick: () => onMarkRead(item.id) })
+        age && /* @__PURE__ */ jsx75("span", { className: "text-xs text-text-tertiary", children: age }),
+        markable && /* @__PURE__ */ jsx75(MarkReadButton, { title: item.title, onClick: () => onMarkRead(item.id) })
       ] })
     ] }),
     (actions.length > 0 || item.deepLink) && /* @__PURE__ */ jsxs41("div", { className: "mt-2 flex flex-wrap items-center gap-x-4 gap-y-2", children: [
       actions.map((action) => {
         const chip = action.variant === "primary" || action.variant === "destructive";
-        return /* @__PURE__ */ jsx74(
+        return /* @__PURE__ */ jsx75(
           "button",
           {
             type: "button",
@@ -4236,7 +4290,7 @@ function BellRow({
           action.id
         );
       }),
-      item.deepLink && /* @__PURE__ */ jsx74(
+      item.deepLink && /* @__PURE__ */ jsx75(
         "button",
         {
           type: "button",
@@ -4248,7 +4302,7 @@ function BellRow({
     ] })
   ] });
 }
-var NotificationBell = React60.forwardRef(
+var NotificationBell = React61.forwardRef(
   ({
     items,
     unreadCount,
@@ -4265,13 +4319,13 @@ var NotificationBell = React60.forwardRef(
     className
   }, ref) => {
     const unread = unreadCount ?? items.filter((n) => !n.read && n.cls !== "ephemeral").length;
-    const age = React60.useCallback(
+    const age = React61.useCallback(
       (createdAt) => formatAge ? formatAge(createdAt) : formatRelativeAge(createdAt),
       [formatAge]
     );
     const rows = items.slice(0, maxItems);
     return /* @__PURE__ */ jsxs41(Popover, { open, onOpenChange, children: [
-      /* @__PURE__ */ jsx74(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs41(
+      /* @__PURE__ */ jsx75(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs41(
         "button",
         {
           ref,
@@ -4282,16 +4336,16 @@ var NotificationBell = React60.forwardRef(
             className
           ),
           children: [
-            /* @__PURE__ */ jsx74(BellRing, { className: "size-[18px]", "aria-hidden": "true" }),
-            unread > 0 && /* @__PURE__ */ jsx74("span", { className: "absolute -right-1.5 -top-1.5 flex size-[17px] items-center justify-center rounded-full bg-bg-brand text-xs font-bold leading-none text-text-on-brand ring-2 ring-bg-surface", children: unread })
+            /* @__PURE__ */ jsx75(BellRing, { className: "size-[18px]", "aria-hidden": "true" }),
+            unread > 0 && /* @__PURE__ */ jsx75("span", { className: "absolute -right-1.5 -top-1.5 flex size-[17px] items-center justify-center rounded-full bg-bg-brand text-xs font-bold leading-none text-text-on-brand ring-2 ring-bg-surface", children: unread })
           ]
         }
       ) }),
       /* @__PURE__ */ jsxs41(PopoverContent, { align: "end", className: "w-[380px] overflow-hidden p-0", children: [
         /* @__PURE__ */ jsxs41("div", { className: "flex items-center justify-between px-5 py-3", children: [
-          /* @__PURE__ */ jsx74("span", { className: "text-sm font-bold text-text-primary", children: "Notification center" }),
+          /* @__PURE__ */ jsx75("span", { className: "text-sm font-bold text-text-primary", children: "Notification center" }),
           /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx74(
+            /* @__PURE__ */ jsx75(
               "button",
               {
                 type: "button",
@@ -4304,19 +4358,19 @@ var NotificationBell = React60.forwardRef(
                 children: "Mark all read"
               }
             ),
-            onOpenSettings && /* @__PURE__ */ jsx74(
+            onOpenSettings && /* @__PURE__ */ jsx75(
               "button",
               {
                 type: "button",
                 "aria-label": "Notification settings",
                 onClick: () => onOpenSettings(),
                 className: "flex size-6 items-center justify-center rounded-md text-text-tertiary transition-colors hover:bg-bg-surface hover:text-text-primary",
-                children: /* @__PURE__ */ jsx74(Settings, { className: "size-[15px]", "aria-hidden": "true" })
+                children: /* @__PURE__ */ jsx75(Settings, { className: "size-[15px]", "aria-hidden": "true" })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx74("div", { className: "space-y-1.5 px-2 pb-2", children: rows.length === 0 ? /* @__PURE__ */ jsx74("p", { className: "px-3 py-12 text-center text-xs leading-relaxed text-text-disabled", children: "Nothing yet. Everything addressed to you lands here." }) : rows.map((item) => /* @__PURE__ */ jsx74(
+        /* @__PURE__ */ jsx75("div", { className: "space-y-1.5 px-2 pb-2", children: rows.length === 0 ? /* @__PURE__ */ jsx75("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__ */ jsx75(
           BellRow,
           {
             item,
@@ -4327,7 +4381,7 @@ var NotificationBell = React60.forwardRef(
           },
           item.id
         )) }),
-        items.length > 0 && onOpenArchive && /* @__PURE__ */ jsx74(
+        items.length > 0 && onOpenArchive && /* @__PURE__ */ jsx75(
           "button",
           {
             type: "button",
@@ -4343,21 +4397,21 @@ var NotificationBell = React60.forwardRef(
 NotificationBell.displayName = "NotificationBell";
 
 // src/components/notification-center.tsx
-import * as React61 from "react";
+import * as React62 from "react";
 import { ArrowUpRight, Check as Check8, Search as Search2 } from "lucide-react";
-import { jsx as jsx75, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx76, 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__ */ jsx75(
+  return /* @__PURE__ */ jsx76(
     "button",
     {
       type: "button",
       "aria-label": `Mark "${title}" as read`,
       onClick,
       className: "flex size-5 shrink-0 items-center justify-center rounded text-text-tertiary opacity-0 transition-opacity hover:text-text-primary focus-visible:opacity-100 group-hover:opacity-100",
-      children: /* @__PURE__ */ jsx75(Check8, { className: "size-3.5", "aria-hidden": "true" })
+      children: /* @__PURE__ */ jsx76(Check8, { className: "size-3.5", "aria-hidden": "true" })
     }
   );
 }
@@ -4373,14 +4427,14 @@ function CenterRow({
   const age = item.createdAt ? formatAge(item.createdAt instanceof Date ? item.createdAt : new Date(item.createdAt)) : null;
   return /* @__PURE__ */ jsxs42("article", { className: "group rounded-lg bg-bg-elevated px-4 py-3", children: [
     /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx75("span", { className: "text-xs font-semibold uppercase tracking-[0.09em] text-text-secondary", children: item.source }),
-      /* @__PURE__ */ jsx75(Badge, { variant: severityBadgeVariant(item.severity), children: severityLabels[item.severity] }),
+      /* @__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] }),
       (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) })
+        age && /* @__PURE__ */ jsx76("span", { className: "text-xs tabular-nums text-text-tertiary", children: age }),
+        markable && /* @__PURE__ */ jsx76(MarkReadButton2, { title: item.title, onClick: () => onMarkRead(item.id) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx75(
+    /* @__PURE__ */ jsx76(
       "button",
       {
         type: "button",
@@ -4392,10 +4446,10 @@ function CenterRow({
         children: item.title
       }
     ),
-    item.body && /* @__PURE__ */ jsx75("p", { className: "mt-0.5 text-sm leading-snug text-text-secondary", children: item.body }),
+    item.body && /* @__PURE__ */ jsx76("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" }),
+        /* @__PURE__ */ jsx76(Check8, { className: "size-3 shrink-0 text-text-success", "aria-hidden": "true" }),
         item.receipt
       ] }),
       item.deepLink && /* @__PURE__ */ jsxs42(
@@ -4406,14 +4460,14 @@ function CenterRow({
           className: "inline-flex items-center gap-1 text-sm font-medium text-text-brand transition-colors hover:text-text-primary",
           children: [
             item.deepLink.label,
-            /* @__PURE__ */ jsx75(ArrowUpRight, { className: "size-3", "aria-hidden": "true" })
+            /* @__PURE__ */ jsx76(ArrowUpRight, { className: "size-3", "aria-hidden": "true" })
           ]
         }
       )
     ] })
   ] });
 }
-var NotificationCenter = React61.forwardRef(
+var NotificationCenter = React62.forwardRef(
   ({
     items,
     title = "Notifications",
@@ -4429,16 +4483,16 @@ var NotificationCenter = React61.forwardRef(
     formatAge,
     className
   }, ref) => {
-    const [status, setStatus] = React61.useState("all");
-    const [source, setSource] = React61.useState("all");
-    const [product, setProduct] = React61.useState("all");
-    const [query, setQuery] = React61.useState("");
-    const [limit, setLimit] = React61.useState(pageSize);
-    const age = React61.useCallback(
+    const [status, setStatus] = React62.useState("all");
+    const [source, setSource] = React62.useState("all");
+    const [product, setProduct] = React62.useState("all");
+    const [query, setQuery] = React62.useState("");
+    const [limit, setLimit] = React62.useState(pageSize);
+    const age = React62.useCallback(
       (createdAt) => formatAge ? formatAge(createdAt) : formatRelativeAge(createdAt),
       [formatAge]
     );
-    const sourceChips = React61.useMemo(
+    const sourceChips = React62.useMemo(
       () => sources ?? Array.from(new Set(items.map((n) => n.source))),
       [sources, items]
     );
@@ -4452,10 +4506,10 @@ var NotificationCenter = React61.forwardRef(
     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 })
+          /* @__PURE__ */ jsx76("h1", { className: "mb-1.5 text-2xl font-semibold tracking-tight text-text-primary", children: title }),
+          description && /* @__PURE__ */ jsx76("p", { className: "text-sm text-text-tertiary", children: description })
         ] }),
-        onMarkAllRead && /* @__PURE__ */ jsx75(
+        onMarkAllRead && /* @__PURE__ */ jsx76(
           "button",
           {
             type: "button",
@@ -4466,8 +4520,8 @@ var NotificationCenter = React61.forwardRef(
         )
       ] }),
       searchable && /* @__PURE__ */ jsxs42("div", { className: "mb-3 flex items-center gap-2 rounded-lg bg-bg-elevated px-3 py-2", children: [
-        /* @__PURE__ */ jsx75(Search2, { className: "size-4 shrink-0 text-text-tertiary", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx75(
+        /* @__PURE__ */ jsx76(Search2, { className: "size-4 shrink-0 text-text-tertiary", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx76(
           "input",
           {
             type: "text",
@@ -4479,7 +4533,7 @@ var NotificationCenter = React61.forwardRef(
         )
       ] }),
       /* @__PURE__ */ jsxs42("div", { className: "mb-2 flex flex-wrap gap-1.5", children: [
-        /* @__PURE__ */ jsx75(
+        /* @__PURE__ */ jsx76(
           "button",
           {
             type: "button",
@@ -4488,7 +4542,7 @@ var NotificationCenter = React61.forwardRef(
             children: "All"
           }
         ),
-        /* @__PURE__ */ jsx75(
+        /* @__PURE__ */ jsx76(
           "button",
           {
             type: "button",
@@ -4499,7 +4553,7 @@ var NotificationCenter = React61.forwardRef(
         )
       ] }),
       /* @__PURE__ */ jsxs42("div", { className: "mb-2 flex flex-wrap gap-1.5", children: [
-        /* @__PURE__ */ jsx75(
+        /* @__PURE__ */ jsx76(
           "button",
           {
             type: "button",
@@ -4508,7 +4562,7 @@ var NotificationCenter = React61.forwardRef(
             children: "All sources"
           }
         ),
-        sourceChips.map((s) => /* @__PURE__ */ jsx75(
+        sourceChips.map((s) => /* @__PURE__ */ jsx76(
           "button",
           {
             type: "button",
@@ -4520,7 +4574,7 @@ var NotificationCenter = React61.forwardRef(
         ))
       ] }),
       products && products.length > 0 && /* @__PURE__ */ jsxs42("div", { className: "mb-4 flex flex-wrap gap-1.5", children: [
-        /* @__PURE__ */ jsx75(
+        /* @__PURE__ */ jsx76(
           "button",
           {
             type: "button",
@@ -4529,7 +4583,7 @@ var NotificationCenter = React61.forwardRef(
             children: "All products"
           }
         ),
-        products.map((p) => /* @__PURE__ */ jsx75(
+        products.map((p) => /* @__PURE__ */ jsx76(
           "button",
           {
             type: "button",
@@ -4540,8 +4594,8 @@ var NotificationCenter = React61.forwardRef(
           p.id
         ))
       ] }),
-      shown.length === 0 ? /* @__PURE__ */ jsx75("p", { className: "rounded-xl bg-bg-elevated px-4 py-10 text-center text-sm leading-relaxed text-text-disabled", children: filtering ? "Nothing matches." : "Nothing here yet. Everything addressed to you lands here." }) : /* @__PURE__ */ jsxs42("div", { className: "flex flex-col gap-1.5", children: [
-        shown.map((item) => /* @__PURE__ */ jsx75(
+      shown.length === 0 ? /* @__PURE__ */ jsx76("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__ */ jsx76(
           CenterRow,
           {
             item,
@@ -4572,9 +4626,9 @@ var NotificationCenter = React61.forwardRef(
 NotificationCenter.displayName = "NotificationCenter";
 
 // src/components/notification-settings.tsx
-import * as React62 from "react";
+import * as React63 from "react";
 import { Moon as Moon2, Plus as Plus2, Volume2 } from "lucide-react";
-import { Fragment as Fragment8, jsx as jsx76, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx77, jsxs as jsxs43 } from "react/jsx-runtime";
 var THRESHOLDS = [
   ["everything", "Everything"],
   ["important", "Important"],
@@ -4586,13 +4640,13 @@ function ThresholdControl({
   value,
   onChange
 }) {
-  return /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx77(
     "span",
     {
       role: "group",
       "aria-label": `Interrupt me for ${label}`,
       className: "inline-flex shrink-0 overflow-hidden rounded-md bg-bg-primary",
-      children: THRESHOLDS.map(([threshold, text]) => /* @__PURE__ */ jsx76(
+      children: THRESHOLDS.map(([threshold, text]) => /* @__PURE__ */ jsx77(
         "button",
         {
           type: "button",
@@ -4609,7 +4663,7 @@ function ThresholdControl({
     }
   );
 }
-var NotificationSettings = React62.forwardRef(
+var NotificationSettings = React63.forwardRef(
   ({
     subscriptions,
     value,
@@ -4622,7 +4676,7 @@ var NotificationSettings = React62.forwardRef(
     pushSlot,
     className
   }, ref) => {
-    const [tab, setTab] = React62.useState(DEFAULT_KEY);
+    const [tab, setTab] = React63.useState(DEFAULT_KEY);
     const isDefault = tab === DEFAULT_KEY;
     const defaults = value[DEFAULT_KEY] ?? { thresholds: {} };
     const customized = !isDefault && Object.prototype.hasOwnProperty.call(value, tab);
@@ -4643,14 +4697,14 @@ var NotificationSettings = React62.forwardRef(
       const rows = subscriptions.filter((s) => s.scope === scope);
       if (rows.length === 0) return null;
       return /* @__PURE__ */ jsxs43("div", { children: [
-        /* @__PURE__ */ jsx76("p", { className: "mb-1.5 px-0.5 text-xs font-bold uppercase tracking-wider text-text-tertiary", children: scope === "product" ? "This product" : "Organization" }),
-        /* @__PURE__ */ jsx76("div", { className: "space-y-2", children: rows.map((sub) => /* @__PURE__ */ jsxs43(
+        /* @__PURE__ */ jsx77("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__ */ jsx77("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__ */ jsx76("p", { className: "min-w-0 flex-1 text-sm font-semibold text-text-primary", children: sub.name }),
-              /* @__PURE__ */ jsx76(
+              /* @__PURE__ */ jsx77("p", { className: "min-w-0 flex-1 text-sm font-semibold text-text-primary", children: sub.name }),
+              /* @__PURE__ */ jsx77(
                 ThresholdControl,
                 {
                   label: sub.name,
@@ -4666,8 +4720,8 @@ var NotificationSettings = React62.forwardRef(
     };
     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(
+        /* @__PURE__ */ jsx77("p", { className: "mb-2 px-0.5 text-xs font-bold uppercase tracking-wider text-text-tertiary", children: "Preferences for" }),
+        /* @__PURE__ */ jsx77("div", { className: "flex flex-wrap gap-2", children: [{ id: DEFAULT_KEY, label: "Default" }, ...products].map((t) => /* @__PURE__ */ jsxs43(
           "button",
           {
             type: "button",
@@ -4678,32 +4732,32 @@ var NotificationSettings = React62.forwardRef(
             ),
             children: [
               t.label,
-              t.id !== DEFAULT_KEY && Object.prototype.hasOwnProperty.call(value, t.id) && /* @__PURE__ */ jsx76("span", { className: "size-1.5 rounded-full bg-bg-brand", "aria-label": "customized" })
+              t.id !== DEFAULT_KEY && Object.prototype.hasOwnProperty.call(value, t.id) && /* @__PURE__ */ jsx77("span", { className: "size-1.5 rounded-full bg-bg-brand", "aria-label": "customized" })
             ]
           },
           t.id
         )) })
       ] }),
       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__ */ jsx77("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." }) })
+          /* @__PURE__ */ jsx77("p", { className: "mb-1.5 text-xs font-bold uppercase tracking-wide text-text-tertiary", children: "Push to" }),
+          /* @__PURE__ */ jsx77("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__ */ jsx77("div", { className: "rounded-lg bg-bg-surface px-4 py-6 text-center", children: /* @__PURE__ */ jsx77("p", { className: "text-sm text-text-tertiary", children: "No integrations connected." }) })
         ] }),
         mutes.length > 0 && /* @__PURE__ */ jsxs43("div", { children: [
-          /* @__PURE__ */ jsx76("p", { className: "mb-1.5 px-0.5 text-xs font-bold uppercase tracking-wider text-text-tertiary", children: "Muted" }),
-          /* @__PURE__ */ jsx76(Card, { className: "border-none bg-bg-elevated p-2", children: mutes.map((m) => /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-3 rounded-lg px-3 py-2.5", children: [
-            /* @__PURE__ */ jsx76(Moon2, { className: "size-4 shrink-0 text-text-tertiary", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx77("p", { className: "mb-1.5 px-0.5 text-xs font-bold uppercase tracking-wider text-text-tertiary", children: "Muted" }),
+          /* @__PURE__ */ jsx77(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__ */ jsx77(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__ */ jsx77("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__ */ jsx76(
+            /* @__PURE__ */ jsx77(
               "button",
               {
                 type: "button",
@@ -4716,13 +4770,13 @@ var NotificationSettings = React62.forwardRef(
         ] }),
         scopeGroup("product"),
         scopeGroup("org"),
-        onSoundEnabledChange && /* @__PURE__ */ jsx76(Card, { className: "border-none bg-bg-elevated p-4", children: /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx76(Volume2, { className: "size-4 text-text-tertiary", "aria-hidden": "true" }),
+        onSoundEnabledChange && /* @__PURE__ */ jsx77(Card, { className: "border-none bg-bg-elevated p-4", children: /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx77(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__ */ jsx77("p", { className: "text-sm font-medium text-text-primary", children: "Notification sound" }),
+            /* @__PURE__ */ jsx77("p", { className: "text-sm text-text-tertiary", children: "Play a tone when a notification arrives. Critical always chimes." })
           ] }),
-          /* @__PURE__ */ jsx76(
+          /* @__PURE__ */ jsx77(
             Switch,
             {
               checked: soundEnabled ?? false,
@@ -4736,7 +4790,7 @@ var NotificationSettings = React62.forwardRef(
           productLabel,
           " follows your Default preferences."
         ] }),
-        /* @__PURE__ */ jsx76("p", { className: "mx-auto mt-1.5 max-w-[360px] text-sm leading-relaxed text-text-tertiary", children: "Interrupt thresholds, sound and forwarding all come from Default. Opt in to give this product its own interrupt thresholds." }),
+        /* @__PURE__ */ jsx77("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",
           {
@@ -4744,22 +4798,22 @@ var NotificationSettings = React62.forwardRef(
             onClick: customize,
             className: "mt-5 inline-flex items-center gap-1.5 rounded-lg bg-bg-brand px-3.5 py-2 text-sm font-semibold text-text-on-brand transition-colors hover:bg-bg-brand-hover",
             children: [
-              /* @__PURE__ */ jsx76(Plus2, { className: "size-4", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx77(Plus2, { className: "size-4", "aria-hidden": "true" }),
               " Customize for ",
               productLabel
             ]
           }
         )
       ] }) : /* @__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__ */ jsx77(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__ */ jsx76("p", { className: "text-sm leading-relaxed text-text-secondary", children: "Only the interrupt thresholds below differ. Sound and forwarding follow Default." })
+            /* @__PURE__ */ jsx77("p", { className: "text-sm leading-relaxed text-text-secondary", children: "Only the interrupt thresholds below differ. Sound and forwarding follow Default." })
           ] }),
-          /* @__PURE__ */ jsx76(
+          /* @__PURE__ */ jsx77(
             "button",
             {
               type: "button",
@@ -4777,14 +4831,14 @@ var NotificationSettings = React62.forwardRef(
 NotificationSettings.displayName = "NotificationSettings";
 
 // src/components/notification-toast.tsx
-import * as React63 from "react";
+import * as React64 from "react";
 import { X as X3 } from "lucide-react";
-import { jsx as jsx77, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx78, 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";
 var linkAction = "text-sm font-semibold text-text-brand transition-colors hover:text-text-primary";
-var NotificationToast = React63.forwardRef(
+var NotificationToast = React64.forwardRef(
   ({
     item,
     showSource = true,
@@ -4808,20 +4862,20 @@ var NotificationToast = React63.forwardRef(
         ),
         children: [
           /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-2", children: [
-            showSource && /* @__PURE__ */ jsx77("span", { className: "text-xs font-semibold uppercase tracking-[0.09em] text-text-secondary", children: item.source }),
-            /* @__PURE__ */ jsx77(Badge, { variant: severityBadgeVariant(item.severity), children: severityLabels[item.severity] }),
-            onDismiss && /* @__PURE__ */ jsx77(
+            showSource && /* @__PURE__ */ jsx78("span", { className: "text-xs font-semibold uppercase tracking-[0.09em] text-text-secondary", children: item.source }),
+            /* @__PURE__ */ jsx78(Badge, { variant: severityBadgeVariant(item.severity), children: severityLabels[item.severity] }),
+            onDismiss && /* @__PURE__ */ jsx78(
               "button",
               {
                 type: "button",
                 "aria-label": dismissLabel,
                 onClick: () => onDismiss(item),
                 className: "-mr-1 ml-auto flex size-5 shrink-0 items-center justify-center rounded text-text-tertiary transition-colors hover:bg-bg-surface hover:text-text-primary",
-                children: /* @__PURE__ */ jsx77(X3, { className: "size-3.5", "aria-hidden": "true" })
+                children: /* @__PURE__ */ jsx78(X3, { className: "size-3.5", "aria-hidden": "true" })
               }
             )
           ] }),
-          onItemClick ? /* @__PURE__ */ jsx77(
+          onItemClick ? /* @__PURE__ */ jsx78(
             "button",
             {
               type: "button",
@@ -4829,12 +4883,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__ */ jsx77("p", { className: "mt-1 text-sm font-semibold leading-snug text-text-primary", children: item.title }),
-          item.body && /* @__PURE__ */ jsx77("p", { className: "mt-0.5 text-sm leading-snug text-text-secondary", children: item.body }),
-          note && /* @__PURE__ */ jsx77("p", { className: "mt-1.5 text-xs font-medium text-text-warning", children: note }),
-          actions.length > 0 && /* @__PURE__ */ jsx77("div", { className: "mt-2.5 flex flex-wrap items-center gap-2", children: actions.map((action) => {
+          ) : /* @__PURE__ */ jsx78("p", { className: "mt-1 text-sm font-semibold leading-snug text-text-primary", children: item.title }),
+          item.body && /* @__PURE__ */ jsx78("p", { className: "mt-0.5 text-sm leading-snug text-text-secondary", children: item.body }),
+          note && /* @__PURE__ */ jsx78("p", { className: "mt-1.5 text-xs font-medium text-text-warning", children: note }),
+          actions.length > 0 && /* @__PURE__ */ jsx78("div", { className: "mt-2.5 flex flex-wrap items-center gap-2", children: actions.map((action) => {
             const variant = action.variant ?? "link";
-            return /* @__PURE__ */ jsx77(
+            return /* @__PURE__ */ jsx78(
               "button",
               {
                 type: "button",
@@ -4853,15 +4907,15 @@ var NotificationToast = React63.forwardRef(
 NotificationToast.displayName = "NotificationToast";
 
 // src/components/notification-toaster.tsx
-import * as React64 from "react";
-import { jsx as jsx78 } from "react/jsx-runtime";
+import * as React65 from "react";
+import { jsx as jsx79 } from "react/jsx-runtime";
 var positions = {
   "bottom-right": "bottom-6 right-6 flex-col",
   "bottom-left": "bottom-6 left-6 flex-col",
   "top-right": "top-6 right-6 flex-col-reverse",
   "top-left": "top-6 left-6 flex-col-reverse"
 };
-var NotificationToaster = React64.forwardRef(
+var NotificationToaster = React65.forwardRef(
   ({
     items,
     dwell,
@@ -4875,15 +4929,15 @@ var NotificationToaster = React64.forwardRef(
     className
   }, ref) => {
     const shown = items.slice(0, max);
-    const [paused, setPaused] = React64.useState(false);
-    const onDismissRef = React64.useRef(onDismiss);
+    const [paused, setPaused] = React65.useState(false);
+    const onDismissRef = React65.useRef(onDismiss);
     onDismissRef.current = onDismiss;
     const fyiDwell = dwell?.fyi;
     const importantDwell = dwell?.important;
     const criticalDwell = dwell?.critical;
-    const remaining = React64.useRef(/* @__PURE__ */ new Map());
+    const remaining = React65.useRef(/* @__PURE__ */ new Map());
     const liveIds = shown.map((item) => `${item.id}:${item.severity}`).join(" ");
-    React64.useEffect(() => {
+    React65.useEffect(() => {
       const owedById = remaining.current;
       const dwellSeconds = {
         fyi: fyiDwell ?? TOAST_DWELL.fyi,
@@ -4924,7 +4978,7 @@ var NotificationToaster = React64.forwardRef(
       };
     }, [liveIds, paused, fyiDwell, importantDwell, criticalDwell]);
     if (shown.length === 0) return null;
-    return /* @__PURE__ */ jsx78(
+    return /* @__PURE__ */ jsx79(
       "div",
       {
         ref,
@@ -4937,7 +4991,7 @@ var NotificationToaster = React64.forwardRef(
           positions[position],
           className
         ),
-        children: shown.map((item, i) => /* @__PURE__ */ jsx78("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx78(
+        children: shown.map((item, i) => /* @__PURE__ */ jsx79("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx79(
           NotificationToast,
           {
             item,
@@ -5208,14 +5262,14 @@ var COUNTRY_OPTIONS = [
 ];
 
 // src/components/beta-gate-screen.tsx
-import * as React65 from "react";
+import * as React66 from "react";
 
 // src/components/auth-divider.tsx
-import { jsx as jsx79, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs45 } from "react/jsx-runtime";
 function AuthDivider({ label }) {
   return /* @__PURE__ */ jsxs45("div", { className: "relative my-5", children: [
-    /* @__PURE__ */ jsx79("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx79("div", { className: "w-full border-t border-border-subtle" }) }),
-    /* @__PURE__ */ jsx79("div", { className: "relative flex justify-center text-xs", children: /* @__PURE__ */ jsx79("span", { className: "bg-bg-surface px-2 text-text-tertiary", children: label }) })
+    /* @__PURE__ */ jsx80("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx80("div", { className: "w-full border-t border-border-subtle" }) }),
+    /* @__PURE__ */ jsx80("div", { className: "relative flex justify-center text-xs", children: /* @__PURE__ */ jsx80("span", { className: "bg-bg-surface px-2 text-text-tertiary", children: label }) })
   ] });
 }
 
@@ -5226,14 +5280,14 @@ 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/onboarding-screen-shell.tsx
-import { jsx as jsx80, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs46 } from "react/jsx-runtime";
 var CARD_WIDTH = {
   md: "max-w-[440px]",
   lg: "max-w-[560px]"
 };
 function OnboardingScreenShell({
   logo,
-  themeToggle = /* @__PURE__ */ jsx80(ThemeToggle, {}),
+  themeToggle = /* @__PURE__ */ jsx81(ThemeToggle, {}),
   title,
   description,
   footer,
@@ -5252,7 +5306,7 @@ function OnboardingScreenShell({
       style: { background: AUTH_GLOW_BG },
       ...props,
       children: [
-        themeToggle && /* @__PURE__ */ jsx80("div", { className: "absolute right-6 top-6", children: themeToggle }),
+        themeToggle && /* @__PURE__ */ jsx81("div", { className: "absolute right-6 top-6", children: themeToggle }),
         /* @__PURE__ */ jsxs46(
           "div",
           {
@@ -5265,8 +5319,8 @@ function OnboardingScreenShell({
               boxShadow: "var(--auth-card-shadow)"
             },
             children: [
-              logo && /* @__PURE__ */ jsx80("div", { className: "mb-[22px] flex items-center justify-center text-[24px] font-bold leading-none tracking-[-0.02em] text-text-primary", children: logo }),
-              title != null && /* @__PURE__ */ jsx80(
+              logo && /* @__PURE__ */ jsx81("div", { className: "mb-[22px] flex items-center justify-center text-[24px] font-bold leading-none tracking-[-0.02em] text-text-primary", children: logo }),
+              title != null && /* @__PURE__ */ jsx81(
                 "h1",
                 {
                   className: cn(
@@ -5277,9 +5331,9 @@ function OnboardingScreenShell({
                   children: title
                 }
               ),
-              description && /* @__PURE__ */ jsx80("p", { className: "mx-auto mb-[24px] max-w-[320px] text-[13.5px] leading-[1.5] text-text-secondary", children: description }),
-              /* @__PURE__ */ jsx80("div", { className: "text-left", children }),
-              footer != null && /* @__PURE__ */ jsx80("div", { className: "mt-[24px] text-[11px] tracking-[0.005em] text-text-tertiary", children: footer })
+              description && /* @__PURE__ */ jsx81("p", { className: "mx-auto mb-[24px] max-w-[320px] text-[13.5px] leading-[1.5] text-text-secondary", children: description }),
+              /* @__PURE__ */ jsx81("div", { className: "text-left", children }),
+              footer != null && /* @__PURE__ */ jsx81("div", { className: "mt-[24px] text-[11px] tracking-[0.005em] text-text-tertiary", children: footer })
             ]
           }
         )
@@ -5289,7 +5343,7 @@ function OnboardingScreenShell({
 }
 
 // src/components/beta-gate-screen.tsx
-import { Fragment as Fragment9, jsx as jsx81, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx82, jsxs as jsxs47 } from "react/jsx-runtime";
 var DEFAULT_WAITLIST_HREF = "https://lessly.com/#waitlist";
 var LINK = "font-medium text-text-link hover:text-text-link-hover";
 function BetaGateScreen({
@@ -5311,11 +5365,11 @@ function BetaGateScreen({
   footer,
   ...props
 }) {
-  const [code, setCode] = React65.useState(defaultCode);
-  const submittingRef = React65.useRef(false);
+  const [code, setCode] = React66.useState(defaultCode);
+  const submittingRef = React66.useRef(false);
   const trimmed = code.trim();
   const canSubmit = trimmed !== "" && !submitting;
-  React65.useEffect(() => {
+  React66.useEffect(() => {
     submittingRef.current = false;
   }, [code, submitting, error]);
   const handleSubmit = (event) => {
@@ -5327,7 +5381,7 @@ function BetaGateScreen({
   const defaultDescription = /* @__PURE__ */ jsxs47(Fragment9, { children: [
     "A beta access code is required to join. or",
     " ",
-    /* @__PURE__ */ jsx81("a", { href: waitlistHref, className: LINK, children: "join the waitlist" }),
+    /* @__PURE__ */ jsx82("a", { href: waitlistHref, className: LINK, children: "join the waitlist" }),
     " ",
     "to request one."
   ] });
@@ -5342,14 +5396,14 @@ function BetaGateScreen({
       ...props,
       children: [
         socialAuth && /* @__PURE__ */ jsxs47(Fragment9, { children: [
-          /* @__PURE__ */ jsx81("div", { "data-testid": "beta-gate-social-auth", children: socialAuth }),
-          /* @__PURE__ */ jsx81(AuthDivider, { label: "or" })
+          /* @__PURE__ */ jsx82("div", { "data-testid": "beta-gate-social-auth", children: socialAuth }),
+          /* @__PURE__ */ jsx82(AuthDivider, { label: "or" })
         ] }),
-        error && /* @__PURE__ */ jsx81(InlineError, { "data-testid": "beta-gate-error", className: "mb-4 text-center", children: error }),
+        error && /* @__PURE__ */ jsx82(InlineError, { "data-testid": "beta-gate-error", className: "mb-4 text-center", children: error }),
         /* @__PURE__ */ jsxs47("form", { onSubmit: handleSubmit, className: "space-y-4", noValidate: true, children: [
           /* @__PURE__ */ jsxs47("div", { className: "space-y-1.5", children: [
-            /* @__PURE__ */ jsx81(Label2, { htmlFor: "beta-code", className: "sr-only", children: "Lessly beta access code" }),
-            /* @__PURE__ */ jsx81(
+            /* @__PURE__ */ jsx82(Label2, { htmlFor: "beta-code", className: "sr-only", children: "Lessly beta access code" }),
+            /* @__PURE__ */ jsx82(
               Input,
               {
                 id: "beta-code",
@@ -5365,7 +5419,7 @@ function BetaGateScreen({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx81("div", { className: "pt-1", children: /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx82("div", { className: "pt-1", children: /* @__PURE__ */ jsx82(
             "button",
             {
               type: "submit",
@@ -5380,7 +5434,7 @@ function BetaGateScreen({
         (signInHref || onSignIn) && /* @__PURE__ */ jsxs47("p", { className: "mt-5 text-center text-sm text-text-secondary", children: [
           "Already have an account?",
           " ",
-          signInHref ? /* @__PURE__ */ jsx81("a", { "data-testid": "beta-gate-signin", href: signInHref, className: LINK, children: "Sign in" }) : /* @__PURE__ */ jsx81(
+          signInHref ? /* @__PURE__ */ jsx82("a", { "data-testid": "beta-gate-signin", href: signInHref, className: LINK, children: "Sign in" }) : /* @__PURE__ */ jsx82(
             "button",
             {
               type: "button",
@@ -5397,8 +5451,8 @@ function BetaGateScreen({
 }
 
 // src/components/signup-screen.tsx
-import * as React66 from "react";
-import { Fragment as Fragment10, jsx as jsx82, jsxs as jsxs48 } from "react/jsx-runtime";
+import * as React67 from "react";
+import { Fragment as Fragment10, jsx as jsx83, jsxs as jsxs48 } from "react/jsx-runtime";
 var LINK2 = "font-medium text-text-link hover:text-text-link-hover";
 function SignupScreen({
   onSubmit,
@@ -5419,15 +5473,15 @@ function SignupScreen({
   footer,
   ...props
 }) {
-  const [name, setName] = React66.useState(defaultValues?.name ?? "");
-  const [email, setEmail] = React66.useState(defaultValues?.email ?? "");
-  const [password, setPassword] = React66.useState(defaultValues?.password ?? "");
-  const [passwordError, setPasswordError] = React66.useState(null);
-  const submittingRef = React66.useRef(false);
+  const [name, setName] = React67.useState(defaultValues?.name ?? "");
+  const [email, setEmail] = React67.useState(defaultValues?.email ?? "");
+  const [password, setPassword] = React67.useState(defaultValues?.password ?? "");
+  const [passwordError, setPasswordError] = React67.useState(null);
+  const submittingRef = React67.useRef(false);
   const trimmedName = name.trim();
   const trimmedEmail = email.trim();
   const canSubmit = trimmedName !== "" && trimmedEmail !== "" && password !== "" && !submitting;
-  React66.useEffect(() => {
+  React67.useEffect(() => {
     submittingRef.current = false;
   }, [name, email, password, submitting, serverError]);
   const handleSubmit = (event) => {
@@ -5444,13 +5498,13 @@ function SignupScreen({
   };
   const body = children ?? /* @__PURE__ */ jsxs48(Fragment10, { children: [
     socialAuth && /* @__PURE__ */ jsxs48(Fragment10, { children: [
-      /* @__PURE__ */ jsx82("div", { "data-testid": "signup-social-auth", children: socialAuth }),
-      /* @__PURE__ */ jsx82(AuthDivider, { label: "or continue with email" })
+      /* @__PURE__ */ jsx83("div", { "data-testid": "signup-social-auth", children: socialAuth }),
+      /* @__PURE__ */ jsx83(AuthDivider, { label: "or continue with email" })
     ] }),
     /* @__PURE__ */ jsxs48("form", { onSubmit: handleSubmit, className: "space-y-4", noValidate: true, children: [
       /* @__PURE__ */ jsxs48("div", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ jsx82(Label2, { htmlFor: "signup-name", children: "Full name" }),
-        /* @__PURE__ */ jsx82(
+        /* @__PURE__ */ jsx83(Label2, { htmlFor: "signup-name", children: "Full name" }),
+        /* @__PURE__ */ jsx83(
           Input,
           {
             id: "signup-name",
@@ -5463,8 +5517,8 @@ function SignupScreen({
         )
       ] }),
       /* @__PURE__ */ jsxs48("div", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ jsx82(Label2, { htmlFor: "signup-email", children: "Email" }),
-        /* @__PURE__ */ jsx82(
+        /* @__PURE__ */ jsx83(Label2, { htmlFor: "signup-email", children: "Email" }),
+        /* @__PURE__ */ jsx83(
           Input,
           {
             id: "signup-email",
@@ -5479,8 +5533,8 @@ function SignupScreen({
         )
       ] }),
       /* @__PURE__ */ jsxs48("div", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ jsx82(Label2, { htmlFor: "signup-password", children: "Password" }),
-        /* @__PURE__ */ jsx82(
+        /* @__PURE__ */ jsx83(Label2, { htmlFor: "signup-password", children: "Password" }),
+        /* @__PURE__ */ jsx83(
           Input,
           {
             id: "signup-password",
@@ -5497,12 +5551,12 @@ function SignupScreen({
           }
         )
       ] }),
-      passwordError && /* @__PURE__ */ jsx82(InlineError, { "data-testid": "signup-password-error", children: passwordError }),
+      passwordError && /* @__PURE__ */ jsx83(InlineError, { "data-testid": "signup-password-error", children: passwordError }),
       (serverError || violations && violations.length > 0) && /* @__PURE__ */ jsxs48(InlineError, { "data-testid": "signup-error", children: [
         serverError,
-        violations && violations.length > 0 && /* @__PURE__ */ jsx82("ul", { "data-testid": "signup-violations", className: "mt-1 list-disc pl-4", children: violations.map((violation) => /* @__PURE__ */ jsx82("li", { children: violation }, violation)) })
+        violations && violations.length > 0 && /* @__PURE__ */ jsx83("ul", { "data-testid": "signup-violations", className: "mt-1 list-disc pl-4", children: violations.map((violation) => /* @__PURE__ */ jsx83("li", { children: violation }, violation)) })
       ] }),
-      /* @__PURE__ */ jsx82("div", { className: "pt-1", children: /* @__PURE__ */ jsx82(
+      /* @__PURE__ */ jsx83("div", { className: "pt-1", children: /* @__PURE__ */ jsx83(
         "button",
         {
           type: "submit",
@@ -5514,7 +5568,7 @@ function SignupScreen({
         }
       ) })
     ] }),
-    onEditCode && /* @__PURE__ */ jsx82("p", { className: "mt-4 text-center text-sm text-text-secondary", children: /* @__PURE__ */ jsx82(
+    onEditCode && /* @__PURE__ */ jsx83("p", { className: "mt-4 text-center text-sm text-text-secondary", children: /* @__PURE__ */ jsx83(
       "button",
       {
         type: "button",
@@ -5539,7 +5593,7 @@ function SignupScreen({
         (signInHref || onSignIn) && /* @__PURE__ */ jsxs48("p", { className: "mt-5 text-center text-sm text-text-secondary", children: [
           "Already have an account?",
           " ",
-          signInHref ? /* @__PURE__ */ jsx82("a", { "data-testid": "signup-signin", href: signInHref, className: LINK2, children: "Sign in" }) : /* @__PURE__ */ jsx82("button", { type: "button", "data-testid": "signup-signin", onClick: onSignIn, className: LINK2, children: "Sign in" })
+          signInHref ? /* @__PURE__ */ jsx83("a", { "data-testid": "signup-signin", href: signInHref, className: LINK2, children: "Sign in" }) : /* @__PURE__ */ jsx83("button", { type: "button", "data-testid": "signup-signin", onClick: onSignIn, className: LINK2, children: "Sign in" })
         ] })
       ]
     }
@@ -5553,8 +5607,8 @@ function validatePassword(password) {
 }
 
 // src/components/organization-onboarding-form.tsx
-import * as React67 from "react";
-import { jsx as jsx83, jsxs as jsxs49 } from "react/jsx-runtime";
+import * as React68 from "react";
+import { jsx as jsx84, jsxs as jsxs49 } from "react/jsx-runtime";
 var CONTROLLER_SHARE_PCT = 50;
 var MAX_BENEFICIAL_OWNERS = 50;
 var OWNERSHIP_CONFIRMATION_MESSAGE = "Please confirm the ownership details by ticking the box";
@@ -5589,22 +5643,22 @@ function OrganizationOnboardingForm({
   onCancel,
   className
 }) {
-  const [name, setName] = React67.useState(defaultValues?.name ?? "");
-  const [legalName, setLegalName] = React67.useState(defaultValues?.legal_name ?? "");
-  const [ownerName, setOwnerName] = React67.useState(defaultValues?.owner_name ?? "");
-  const [countryOfIncorporation, setCountryOfIncorporation] = React67.useState(
+  const [name, setName] = React68.useState(defaultValues?.name ?? "");
+  const [legalName, setLegalName] = React68.useState(defaultValues?.legal_name ?? "");
+  const [ownerName, setOwnerName] = React68.useState(defaultValues?.owner_name ?? "");
+  const [countryOfIncorporation, setCountryOfIncorporation] = React68.useState(
     defaultValues?.country_of_incorporation ?? ""
   );
-  const [residencyCountry, setResidencyCountry] = React67.useState(
+  const [residencyCountry, setResidencyCountry] = React68.useState(
     defaultValues?.residency_country ?? ""
   );
-  const [owners, setOwners] = React67.useState(
+  const [owners, setOwners] = React68.useState(
     () => initialRows(defaultValues?.beneficial_owners)
   );
-  const [ownershipConfirmed, setOwnershipConfirmed] = React67.useState(false);
-  const [confirmationAttempted, setConfirmationAttempted] = React67.useState(false);
-  const nextKeyRef = React67.useRef(owners.length);
-  const submittingRef = React67.useRef(false);
+  const [ownershipConfirmed, setOwnershipConfirmed] = React68.useState(false);
+  const [confirmationAttempted, setConfirmationAttempted] = React68.useState(false);
+  const nextKeyRef = React68.useRef(owners.length);
+  const submittingRef = React68.useRef(false);
   const trimmed = name.trim();
   const filledOwners = owners.filter((row) => !isRowBlank(row));
   const ownerShares = filledOwners.map((row) => parseShare(row.share));
@@ -5658,7 +5712,7 @@ function OrganizationOnboardingForm({
       ...needsOwnershipConfirmation ? { ownership_confirmed: ownershipConfirmed } : {}
     });
   };
-  React67.useEffect(() => {
+  React68.useEffect(() => {
     submittingRef.current = false;
   }, [
     name,
@@ -5674,9 +5728,9 @@ function OrganizationOnboardingForm({
   const countryField = (params) => /* @__PURE__ */ jsxs49("div", { className: "space-y-1.5", children: [
     /* @__PURE__ */ jsxs49(Label2, { htmlFor: params.id, children: [
       params.label,
-      params.required && /* @__PURE__ */ jsx83("span", { className: "text-text-danger", children: " *" })
+      params.required && /* @__PURE__ */ jsx84("span", { className: "text-text-danger", children: " *" })
     ] }),
-    /* @__PURE__ */ jsx83(
+    /* @__PURE__ */ jsx84(
       Select,
       {
         id: params.id,
@@ -5691,8 +5745,8 @@ function OrganizationOnboardingForm({
   ] });
   return /* @__PURE__ */ jsxs49("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), children: [
     /* @__PURE__ */ jsxs49("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsx83(Label2, { htmlFor: "create-org-name", children: "Organization name" }),
-      /* @__PURE__ */ jsx83(
+      /* @__PURE__ */ jsx84(Label2, { htmlFor: "create-org-name", children: "Organization name" }),
+      /* @__PURE__ */ jsx84(
         Input,
         {
           id: "create-org-name",
@@ -5704,8 +5758,8 @@ function OrganizationOnboardingForm({
       )
     ] }),
     /* @__PURE__ */ jsxs49("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsx83(Label2, { htmlFor: "create-org-legal-name", children: "Legal name" }),
-      /* @__PURE__ */ jsx83(
+      /* @__PURE__ */ jsx84(Label2, { htmlFor: "create-org-legal-name", children: "Legal name" }),
+      /* @__PURE__ */ jsx84(
         Input,
         {
           id: "create-org-legal-name",
@@ -5717,8 +5771,8 @@ function OrganizationOnboardingForm({
       )
     ] }),
     /* @__PURE__ */ jsxs49("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsx83(Label2, { htmlFor: "create-org-owner-name", children: "Owner name" }),
-      /* @__PURE__ */ jsx83(
+      /* @__PURE__ */ jsx84(Label2, { htmlFor: "create-org-owner-name", children: "Owner name" }),
+      /* @__PURE__ */ jsx84(
         Input,
         {
           id: "create-org-owner-name",
@@ -5745,8 +5799,8 @@ function OrganizationOnboardingForm({
     }),
     /* @__PURE__ */ jsxs49("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsxs49("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx83(Label2, { children: "Beneficial owners" }),
-        /* @__PURE__ */ jsx83(
+        /* @__PURE__ */ jsx84(Label2, { children: "Beneficial owners" }),
+        /* @__PURE__ */ jsx84(
           Button,
           {
             type: "button",
@@ -5759,7 +5813,7 @@ function OrganizationOnboardingForm({
           }
         )
       ] }),
-      owners.length === 0 && /* @__PURE__ */ jsx83("p", { className: "text-xs text-text-tertiary", children: "List the natural persons who ultimately own or control the organization." }),
+      owners.length === 0 && /* @__PURE__ */ jsx84("p", { className: "text-xs text-text-tertiary", children: "List the natural persons who ultimately own or control the organization." }),
       owners.map((row) => /* @__PURE__ */ jsxs49(
         "div",
         {
@@ -5767,8 +5821,8 @@ function OrganizationOnboardingForm({
           className: "flex items-end gap-2",
           children: [
             /* @__PURE__ */ jsxs49("div", { className: "flex-1 space-y-1", children: [
-              /* @__PURE__ */ jsx83(Label2, { htmlFor: `bo-name-${row.key}`, className: "text-xs", children: "Name" }),
-              /* @__PURE__ */ jsx83(
+              /* @__PURE__ */ jsx84(Label2, { htmlFor: `bo-name-${row.key}`, className: "text-xs", children: "Name" }),
+              /* @__PURE__ */ jsx84(
                 Input,
                 {
                   id: `bo-name-${row.key}`,
@@ -5779,8 +5833,8 @@ function OrganizationOnboardingForm({
               )
             ] }),
             /* @__PURE__ */ jsxs49("div", { className: "w-40 space-y-1", children: [
-              /* @__PURE__ */ jsx83(Label2, { htmlFor: `bo-country-${row.key}`, className: "text-xs", children: "Country" }),
-              /* @__PURE__ */ jsx83(
+              /* @__PURE__ */ jsx84(Label2, { htmlFor: `bo-country-${row.key}`, className: "text-xs", children: "Country" }),
+              /* @__PURE__ */ jsx84(
                 Select,
                 {
                   id: `bo-country-${row.key}`,
@@ -5794,8 +5848,8 @@ function OrganizationOnboardingForm({
               )
             ] }),
             /* @__PURE__ */ jsxs49("div", { className: "w-24 space-y-1", children: [
-              /* @__PURE__ */ jsx83(Label2, { htmlFor: `bo-share-${row.key}`, className: "text-xs", children: "Share %" }),
-              /* @__PURE__ */ jsx83(
+              /* @__PURE__ */ jsx84(Label2, { htmlFor: `bo-share-${row.key}`, className: "text-xs", children: "Share %" }),
+              /* @__PURE__ */ jsx84(
                 Input,
                 {
                   id: `bo-share-${row.key}`,
@@ -5806,7 +5860,7 @@ function OrganizationOnboardingForm({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx83(
+            /* @__PURE__ */ jsx84(
               Button,
               {
                 type: "button",
@@ -5821,7 +5875,7 @@ function OrganizationOnboardingForm({
         },
         row.key
       )),
-      !ownersValid && /* @__PURE__ */ jsx83("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." }),
+      !ownersValid && /* @__PURE__ */ jsx84("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__ */ jsxs49("p", { "data-testid": "beneficial-owners-sum-warning", className: "text-xs text-text-warning", children: [
         "The listed shares add up to ",
         shareSum,
@@ -5830,7 +5884,7 @@ function OrganizationOnboardingForm({
     ] }),
     needsOwnershipConfirmation && /* @__PURE__ */ jsxs49("div", { className: "space-y-1", children: [
       /* @__PURE__ */ jsxs49("div", { className: "flex items-start gap-2", children: [
-        /* @__PURE__ */ jsx83(
+        /* @__PURE__ */ jsx84(
           Checkbox,
           {
             id: "create-org-ownership-confirmed",
@@ -5847,12 +5901,12 @@ function OrganizationOnboardingForm({
             className: "text-xs font-normal leading-snug",
             children: [
               "I confirm the ownership structure above is complete and correct",
-              /* @__PURE__ */ jsx83("span", { className: "text-text-danger", children: " *" })
+              /* @__PURE__ */ jsx84("span", { className: "text-text-danger", children: " *" })
             ]
           }
         )
       ] }),
-      showConfirmationError && /* @__PURE__ */ jsx83(
+      showConfirmationError && /* @__PURE__ */ jsx84(
         "p",
         {
           id: "create-org-ownership-error",
@@ -5864,10 +5918,10 @@ function OrganizationOnboardingForm({
     ] }),
     (serverError || otherViolations.length > 0) && /* @__PURE__ */ jsxs49(InlineError, { children: [
       serverError,
-      otherViolations.length > 0 && /* @__PURE__ */ jsx83("ul", { "data-testid": "create-org-violations", className: "mt-1 list-disc pl-4", children: otherViolations.map((violation) => /* @__PURE__ */ jsx83("li", { children: violation }, violation)) })
+      otherViolations.length > 0 && /* @__PURE__ */ jsx84("ul", { "data-testid": "create-org-violations", className: "mt-1 list-disc pl-4", children: otherViolations.map((violation) => /* @__PURE__ */ jsx84("li", { children: violation }, violation)) })
     ] }),
     /* @__PURE__ */ jsxs49("div", { className: "space-y-2 pt-1", children: [
-      /* @__PURE__ */ jsx83(
+      /* @__PURE__ */ jsx84(
         "button",
         {
           type: "submit",
@@ -5878,13 +5932,13 @@ function OrganizationOnboardingForm({
           children: submitting ? "Creating\u2026" : submitLabel
         }
       ),
-      onCancel && /* @__PURE__ */ jsx83("button", { type: "button", onClick: onCancel, className: AUTH_QUIET_BUTTON, children: "Cancel" })
+      onCancel && /* @__PURE__ */ jsx84("button", { type: "button", onClick: onCancel, className: AUTH_QUIET_BUTTON, children: "Cancel" })
     ] })
   ] });
 }
 
 // src/components/organization-create-screen.tsx
-import { jsx as jsx84 } from "react/jsx-runtime";
+import { jsx as jsx85 } from "react/jsx-runtime";
 function OrganizationCreateScreen({
   requireSanctionsFields,
   onSubmit,
@@ -5902,7 +5956,7 @@ function OrganizationCreateScreen({
   footer,
   ...props
 }) {
-  return /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsx85(
     OnboardingScreenShell,
     {
       logo,
@@ -5912,7 +5966,7 @@ function OrganizationCreateScreen({
       footer,
       width: "lg",
       ...props,
-      children: /* @__PURE__ */ jsx84(
+      children: /* @__PURE__ */ jsx85(
         OrganizationOnboardingForm,
         {
           requireSanctionsFields,
@@ -5931,7 +5985,7 @@ function OrganizationCreateScreen({
 }
 
 // src/components/organization-under-review-screen.tsx
-import { jsx as jsx85, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs50 } from "react/jsx-runtime";
 function OrganizationUnderReviewScreen({
   onLogout,
   onFeedback,
@@ -5958,7 +6012,7 @@ function OrganizationUnderReviewScreen({
       children: [
         children,
         /* @__PURE__ */ jsxs50("div", { className: "space-y-2 pt-1", children: [
-          /* @__PURE__ */ jsx85(
+          /* @__PURE__ */ jsx86(
             "button",
             {
               type: "button",
@@ -5969,7 +6023,7 @@ function OrganizationUnderReviewScreen({
               children: logoutLabel
             }
           ),
-          onFeedback && /* @__PURE__ */ jsx85(
+          onFeedback && /* @__PURE__ */ jsx86(
             "button",
             {
               type: "button",
@@ -5986,8 +6040,8 @@ function OrganizationUnderReviewScreen({
 }
 
 // src/components/product-create-screen.tsx
-import * as React68 from "react";
-import { jsx as jsx86, jsxs as jsxs51 } from "react/jsx-runtime";
+import * as React69 from "react";
+import { jsx as jsx87, jsxs as jsxs51 } 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>.
@@ -6013,11 +6067,11 @@ function ProductCreateScreen({
   footer,
   ...props
 }) {
-  const [name, setName] = React68.useState(defaultName);
-  const submittingRef = React68.useRef(false);
+  const [name, setName] = React69.useState(defaultName);
+  const submittingRef = React69.useRef(false);
   const trimmed = name.trim();
   const canSubmit = trimmed !== "" && !submitting;
-  React68.useEffect(() => {
+  React69.useEffect(() => {
     submittingRef.current = false;
   }, [name, submitting, serverError]);
   const handleSubmit = (event) => {
@@ -6029,7 +6083,7 @@ function ProductCreateScreen({
   const products = existingProducts ?? [];
   const orgs = organizations ?? [];
   const pickerLayout = orgs.length > 0;
-  const productList = /* @__PURE__ */ jsx86("ul", { className: "flex flex-col gap-1", children: products.map((product) => /* @__PURE__ */ jsx86("li", { children: onOpenProduct ? /* @__PURE__ */ jsxs51(
+  const productList = /* @__PURE__ */ jsx87("ul", { className: "flex flex-col gap-1", children: products.map((product) => /* @__PURE__ */ jsx87("li", { children: onOpenProduct ? /* @__PURE__ */ jsxs51(
     "button",
     {
       type: "button",
@@ -6040,13 +6094,13 @@ function ProductCreateScreen({
         "hover:bg-bg-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus"
       ),
       children: [
-        /* @__PURE__ */ jsx86("span", { className: "truncate", children: product.name }),
-        product.slug && /* @__PURE__ */ jsx86("span", { className: "ml-2 truncate text-text-tertiary", children: product.slug })
+        /* @__PURE__ */ jsx87("span", { className: "truncate", children: product.name }),
+        product.slug && /* @__PURE__ */ jsx87("span", { className: "ml-2 truncate text-text-tertiary", children: product.slug })
       ]
     }
   ) : /* @__PURE__ */ jsxs51("div", { className: productRow, children: [
-    /* @__PURE__ */ jsx86("span", { className: "truncate", children: product.name }),
-    product.slug && /* @__PURE__ */ jsx86("span", { className: "ml-2 truncate text-text-tertiary", children: product.slug })
+    /* @__PURE__ */ jsx87("span", { className: "truncate", children: product.name }),
+    product.slug && /* @__PURE__ */ jsx87("span", { className: "ml-2 truncate text-text-tertiary", children: product.slug })
   ] }) }, product.id)) });
   return /* @__PURE__ */ jsxs51(
     OnboardingScreenShell,
@@ -6060,8 +6114,8 @@ function ProductCreateScreen({
       children: [
         pickerLayout && /* @__PURE__ */ jsxs51("div", { className: "mb-4 space-y-4", children: [
           /* @__PURE__ */ jsxs51("div", { className: "space-y-1.5", children: [
-            /* @__PURE__ */ jsx86(Label2, { htmlFor: "create-product-org-select", children: "Organization" }),
-            /* @__PURE__ */ jsx86(
+            /* @__PURE__ */ jsx87(Label2, { htmlFor: "create-product-org-select", children: "Organization" }),
+            /* @__PURE__ */ jsx87(
               Select,
               {
                 id: "create-product-org-select",
@@ -6076,14 +6130,14 @@ function ProductCreateScreen({
             )
           ] }),
           /* @__PURE__ */ jsxs51("div", { "data-testid": "existing-products", className: "space-y-1.5", children: [
-            /* @__PURE__ */ jsx86(Label2, { children: existingProductsLabel }),
-            productsLoading ? /* @__PURE__ */ jsx86("p", { className: "text-sm text-text-tertiary", children: "Loading products\u2026" }) : products.length === 0 ? /* @__PURE__ */ jsx86("p", { className: "text-sm text-text-tertiary", children: "No products yet." }) : productList
+            /* @__PURE__ */ jsx87(Label2, { children: existingProductsLabel }),
+            productsLoading ? /* @__PURE__ */ jsx87("p", { className: "text-sm text-text-tertiary", children: "Loading products\u2026" }) : products.length === 0 ? /* @__PURE__ */ jsx87("p", { className: "text-sm text-text-tertiary", children: "No products yet." }) : productList
           ] })
         ] }),
         /* @__PURE__ */ jsxs51("form", { onSubmit: handleSubmit, className: "space-y-4", noValidate: true, children: [
           /* @__PURE__ */ jsxs51("div", { className: "space-y-1.5", children: [
-            /* @__PURE__ */ jsx86(Label2, { htmlFor: "create-product-name", children: "Product name" }),
-            /* @__PURE__ */ jsx86(
+            /* @__PURE__ */ jsx87(Label2, { htmlFor: "create-product-name", children: "Product name" }),
+            /* @__PURE__ */ jsx87(
               Input,
               {
                 id: "create-product-name",
@@ -6094,9 +6148,9 @@ function ProductCreateScreen({
               }
             )
           ] }),
-          serverError && /* @__PURE__ */ jsx86(InlineError, { children: serverError }),
+          serverError && /* @__PURE__ */ jsx87(InlineError, { children: serverError }),
           /* @__PURE__ */ jsxs51("div", { className: "space-y-2 pt-1", children: [
-            /* @__PURE__ */ jsx86(
+            /* @__PURE__ */ jsx87(
               "button",
               {
                 type: "submit",
@@ -6107,7 +6161,7 @@ function ProductCreateScreen({
                 children: submitting ? "Creating\u2026" : submitLabel
               }
             ),
-            onCancel && /* @__PURE__ */ jsx86("button", { type: "button", onClick: onCancel, className: AUTH_QUIET_BUTTON, children: "Cancel" })
+            onCancel && /* @__PURE__ */ jsx87("button", { type: "button", onClick: onCancel, className: AUTH_QUIET_BUTTON, children: "Cancel" })
           ] })
         ] }),
         !pickerLayout && products.length > 0 && /* @__PURE__ */ jsxs51(
@@ -6116,7 +6170,7 @@ function ProductCreateScreen({
             "data-testid": "existing-products",
             className: "mt-6 space-y-2 border-t border-border-default pt-5",
             children: [
-              /* @__PURE__ */ jsx86(Label2, { children: existingProductsLabel }),
+              /* @__PURE__ */ jsx87(Label2, { children: existingProductsLabel }),
               productList
             ]
           }
@@ -6264,6 +6318,9 @@ export {
   HoverCardTrigger,
   InlineError,
   Input,
+  InputAddon,
+  InputGroup,
+  InputGroupInput,
   InputOTP,
   InputOTPGroup,
   InputOTPSeparator,