@lessly/ui 4.0.0 → 4.1.1

package/dist/index.js

@@ -3,6 +3,8 @@ import {
   EntityRow,
   NavRow,
   RailToggle,
+  ScrollArea,
+  ScrollBar,
   Sheet,
   SheetClose,
   SheetContent,
@@ -21,7 +23,7 @@ import {
   cn,
   useIsMobile,
   useSidebar
-} from "./chunk-DYHP7W3X.js";
+} from "./chunk-LTHOLX7I.js";
 
 // src/components/auto-height.tsx
 import * as React from "react";
@@ -382,7 +384,7 @@ var Input = React5.forwardRef(
         {
           className: cn(
             FIELD_BOX,
-            "items-center gap-1.5 focus-within:ring-2 focus-within:ring-border-focus has-[input:disabled]:cursor-not-allowed has-[input:disabled]:opacity-50",
+            "items-center gap-1.5 focus-within:ring-2 focus-within:ring-inset focus-within:ring-border-focus has-[input:disabled]:cursor-not-allowed has-[input:disabled]:opacity-50",
             className
           ),
           children: [
@@ -408,7 +410,7 @@ var Input = React5.forwardRef(
         style,
         className: cn(
           FIELD_BOX,
-          "file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-text-tertiary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+          "file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-text-tertiary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-border-focus disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
           className
         ),
         ref,
@@ -429,7 +431,7 @@ var InputGroup = React6.forwardRef(
       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",
+        "focus-within:ring-2 focus-within:ring-inset focus-within:ring-border-focus",
         "has-[input:disabled]:cursor-not-allowed has-[input:disabled]:opacity-50",
         className
       ),
@@ -609,7 +611,7 @@ function Select({
         "aria-labelledby": ariaLabelledby,
         disabled,
         className: cn(
-          "flex items-center text-sm text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+          "flex items-center text-sm text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-border-focus disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
           quiet ? (
             // No border at all, so there is no filled step to paint: what a row's control has to
             // say is its value, and the hover fill is what says it can be pressed.
@@ -821,7 +823,7 @@ var Textarea = React13.forwardRef(
       {
         ref,
         className: cn(
-          "flex min-h-20 w-full rounded-md border border-field-border hover:border-field-border-hover bg-bg-primary px-3 py-2 text-sm text-text-primary placeholder:text-text-tertiary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+          "flex min-h-20 w-full rounded-md border border-field-border hover:border-field-border-hover bg-bg-primary px-3 py-2 text-sm text-text-primary placeholder:text-text-tertiary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-border-focus disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
           className
         ),
         ...props
@@ -1903,45 +1905,10 @@ var CollapsibleContent2 = React33.forwardRef(({ className, ...props }, ref) => /
 ));
 CollapsibleContent2.displayName = CollapsiblePrimitive.CollapsibleContent.displayName;
 
-// src/components/scroll-area.tsx
-import * as React34 from "react";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx41, jsxs as jsxs20 } from "react/jsx-runtime";
-var ScrollArea = React34.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs20(
-  ScrollAreaPrimitive.Root,
-  {
-    ref,
-    className: cn("relative overflow-hidden", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx41(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx41(ScrollBar, {}),
-      /* @__PURE__ */ jsx41(ScrollAreaPrimitive.Corner, {})
-    ]
-  }
-));
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React34.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx41(
-  ScrollAreaPrimitive.ScrollAreaScrollbar,
-  {
-    ref,
-    orientation,
-    className: cn(
-      "flex touch-none select-none transition-colors duration-fast",
-      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx41(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border-selected" })
-  }
-));
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-
 // src/components/alert.tsx
-import * as React35 from "react";
+import * as React34 from "react";
 import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx42, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs20 } from "react/jsx-runtime";
 var alertVariants = cva5(
   "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:size-4",
   {
@@ -1956,8 +1923,8 @@ var alertVariants = cva5(
     defaultVariants: { variant: "default" }
   }
 );
-var Alert = React35.forwardRef(
-  ({ className, variant, value, action, children, ...props }, ref) => /* @__PURE__ */ jsxs21(
+var Alert = React34.forwardRef(
+  ({ className, variant, value, action, children, ...props }, ref) => /* @__PURE__ */ jsxs20(
     "div",
     {
       ref,
@@ -1966,16 +1933,16 @@ var Alert = React35.forwardRef(
       ...props,
       children: [
         children,
-        (value !== void 0 || action !== void 0) && /* @__PURE__ */ jsxs21("div", { className: "mt-2 flex items-center gap-2", children: [
-          value !== void 0 && /* @__PURE__ */ jsx42("code", { className: "min-w-0 flex-1 truncate font-mono text-sm font-medium", children: value }),
-          action !== void 0 && /* @__PURE__ */ jsx42("span", { className: "flex shrink-0 items-center gap-2", children: action })
+        (value !== void 0 || action !== void 0) && /* @__PURE__ */ jsxs20("div", { className: "mt-2 flex items-center gap-2", children: [
+          value !== void 0 && /* @__PURE__ */ jsx41("code", { className: "min-w-0 flex-1 truncate font-mono text-sm font-medium", children: value }),
+          action !== void 0 && /* @__PURE__ */ jsx41("span", { className: "flex shrink-0 items-center gap-2", children: action })
         ] })
       ]
     }
   )
 );
 Alert.displayName = "Alert";
-var AlertTitle = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx42(
+var AlertTitle = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
   "h5",
   {
     ref,
@@ -1984,7 +1951,7 @@ var AlertTitle = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx42(
+var AlertDescription = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
   "div",
   {
     ref,
@@ -1995,14 +1962,14 @@ var AlertDescription = React35.forwardRef(({ className, ...props }, ref) => /* @
 AlertDescription.displayName = "AlertDescription";
 
 // src/components/breadcrumb.tsx
-import * as React36 from "react";
+import * as React35 from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { ChevronRight as ChevronRight4, MoreHorizontal } from "lucide-react";
-import { jsx as jsx43, jsxs as jsxs22 } from "react/jsx-runtime";
-var Breadcrumb = React36.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx43("nav", { ref, "aria-label": "breadcrumb", ...props }));
+import { jsx as jsx42, jsxs as jsxs21 } from "react/jsx-runtime";
+var Breadcrumb = React35.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx42("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React36.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx43(
+var BreadcrumbList = React35.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx42(
     "ol",
     {
       ref,
@@ -2015,13 +1982,13 @@ var BreadcrumbList = React36.forwardRef(
   )
 );
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React36.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx43("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
+var BreadcrumbItem = React35.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx42("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
 );
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React36.forwardRef(({ asChild, className, ...props }, ref) => {
+var BreadcrumbLink = React35.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? Slot : "a";
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx42(
     Comp,
     {
       ref,
@@ -2031,8 +1998,8 @@ var BreadcrumbLink = React36.forwardRef(({ asChild, className, ...props }, ref)
   );
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React36.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx43(
+var BreadcrumbPage = React35.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx42(
     "span",
     {
       ref,
@@ -2049,18 +2016,18 @@ var BreadcrumbSeparator = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ jsx43(
+}) => /* @__PURE__ */ jsx42(
   "li",
   {
     role: "presentation",
     "aria-hidden": "true",
     className: cn("[&>svg]:h-4 [&>svg]:w-4", className),
     ...props,
-    children: children ?? /* @__PURE__ */ jsx43(ChevronRight4, {})
+    children: children ?? /* @__PURE__ */ jsx42(ChevronRight4, {})
   }
 );
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
-var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs22(
+var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs21(
   "span",
   {
     role: "presentation",
@@ -2068,18 +2035,18 @@ var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs22(
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx43(MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx43("span", { className: "sr-only", children: "More" })
+      /* @__PURE__ */ jsx42(MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx42("span", { className: "sr-only", children: "More" })
     ]
   }
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
 
 // src/components/pagination.tsx
-import * as React37 from "react";
+import * as React36 from "react";
 import { ChevronLeft, ChevronRight as ChevronRight5, MoreHorizontal as MoreHorizontal2 } from "lucide-react";
-import { jsx as jsx44, jsxs as jsxs23 } from "react/jsx-runtime";
-var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx44(
+import { jsx as jsx43, jsxs as jsxs22 } from "react/jsx-runtime";
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx43(
   "nav",
   {
     role: "navigation",
@@ -2089,15 +2056,15 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx44(
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React37.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx44("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
+var PaginationContent = React36.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx43("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
 );
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React37.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx44("li", { ref, className: cn("", className), ...props })
+var PaginationItem = React36.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx43("li", { ref, className: cn("", className), ...props })
 );
 PaginationItem.displayName = "PaginationItem";
-var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @__PURE__ */ jsx44(
+var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @__PURE__ */ jsx43(
   "a",
   {
     "aria-current": isActive ? "page" : void 0,
@@ -2109,7 +2076,7 @@ var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @_
   }
 );
 PaginationLink.displayName = "PaginationLink";
-var PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ jsxs23(
+var PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ jsxs22(
   PaginationLink,
   {
     "aria-label": "Go to previous page",
@@ -2117,13 +2084,13 @@ var PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ jsxs23(
     className: cn("gap-1 pl-2.5", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx44(ChevronLeft, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx44("span", { children: "Previous" })
+      /* @__PURE__ */ jsx43(ChevronLeft, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx43("span", { children: "Previous" })
     ]
   }
 );
 PaginationPrevious.displayName = "PaginationPrevious";
-var PaginationNext = ({ className, ...props }) => /* @__PURE__ */ jsxs23(
+var PaginationNext = ({ className, ...props }) => /* @__PURE__ */ jsxs22(
   PaginationLink,
   {
     "aria-label": "Go to next page",
@@ -2131,32 +2098,32 @@ var PaginationNext = ({ className, ...props }) => /* @__PURE__ */ jsxs23(
     className: cn("gap-1 pr-2.5", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx44("span", { children: "Next" }),
-      /* @__PURE__ */ jsx44(ChevronRight5, { className: "h-4 w-4" })
+      /* @__PURE__ */ jsx43("span", { children: "Next" }),
+      /* @__PURE__ */ jsx43(ChevronRight5, { className: "h-4 w-4" })
     ]
   }
 );
 PaginationNext.displayName = "PaginationNext";
-var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs23(
+var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs22(
   "span",
   {
     "aria-hidden": true,
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx44(MoreHorizontal2, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx44("span", { className: "sr-only", children: "More pages" })
+      /* @__PURE__ */ jsx43(MoreHorizontal2, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx43("span", { className: "sr-only", children: "More pages" })
     ]
   }
 );
 PaginationEllipsis.displayName = "PaginationEllipsis";
 
 // src/components/command.tsx
-import * as React38 from "react";
+import * as React37 from "react";
 import { Command as CommandPrimitive, useCommandState } from "cmdk";
 import { Search } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx45, jsxs as jsxs24 } from "react/jsx-runtime";
-var Command = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+import { Fragment as Fragment2, jsx as jsx44, jsxs as jsxs23 } from "react/jsx-runtime";
+var Command = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
   CommandPrimitive,
   {
     ref,
@@ -2168,28 +2135,28 @@ var Command = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Command.displayName = CommandPrimitive.displayName;
-var KeyCap = ({ children }) => /* @__PURE__ */ jsx45("kbd", { className: "inline-flex h-5 min-w-5 items-center justify-center rounded-sm border border-border-default bg-bg-elevated px-1 font-sans text-xs text-text-secondary", children });
-var CommandKeyHints = () => /* @__PURE__ */ jsx45("div", { className: "flex items-center gap-4 border-t border-border-subtle bg-bg-sunken px-3 py-2 text-xs text-text-tertiary", children: [[["\u2191", "\u2193"], "to navigate"], [["\u21B5"], "to select"]].map(([keys, verb]) => /* @__PURE__ */ jsxs24("span", { className: "flex items-center gap-1.5", children: [
-  /* @__PURE__ */ jsx45("span", { className: "flex items-center gap-1", children: keys.map((key) => /* @__PURE__ */ jsx45(KeyCap, { children: key }, key)) }),
+var KeyCap = ({ children }) => /* @__PURE__ */ jsx44("kbd", { className: "inline-flex h-5 min-w-5 items-center justify-center rounded-sm border border-border-default bg-bg-elevated px-1 font-sans text-xs text-text-secondary", children });
+var CommandKeyHints = () => /* @__PURE__ */ jsx44("div", { className: "flex items-center gap-4 border-t border-border-subtle bg-bg-sunken px-3 py-2 text-xs text-text-tertiary", children: [[["\u2191", "\u2193"], "to navigate"], [["\u21B5"], "to select"]].map(([keys, verb]) => /* @__PURE__ */ jsxs23("span", { className: "flex items-center gap-1.5", children: [
+  /* @__PURE__ */ jsx44("span", { className: "flex items-center gap-1", children: keys.map((key) => /* @__PURE__ */ jsx44(KeyCap, { children: key }, key)) }),
   " ",
   verb
 ] }, verb)) });
 var CommandKeyHintsSlot = ({ children }) => {
   const count = useCommandState((state) => state.filtered.count);
-  return count > 0 ? /* @__PURE__ */ jsx45(Fragment2, { children }) : null;
+  return count > 0 ? /* @__PURE__ */ jsx44(Fragment2, { children }) : null;
 };
 var CommandDialog = ({
   children,
   groups,
   placeholder,
   empty,
-  keyHints = /* @__PURE__ */ jsx45(CommandKeyHints, {}),
+  keyHints = /* @__PURE__ */ jsx44(CommandKeyHints, {}),
   shortcut = false,
   open,
   onOpenChange,
   ...props
 }) => {
-  React38.useEffect(() => {
+  React37.useEffect(() => {
     if (!shortcut || !onOpenChange) return;
     const onKey = (e) => {
       if (e.key === "k" && (e.metaKey || e.ctrlKey)) {
@@ -2200,11 +2167,11 @@ var CommandDialog = ({
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [shortcut, open, onOpenChange]);
-  return /* @__PURE__ */ jsx45(Dialog, { open, onOpenChange, ...props, children: /* @__PURE__ */ jsx45(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsx45(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: groups ? /* @__PURE__ */ jsxs24(Fragment2, { children: [
-    /* @__PURE__ */ jsx45(CommandInput, { placeholder }),
-    /* @__PURE__ */ jsxs24(CommandList, { className: "max-h-[420px]", children: [
-      /* @__PURE__ */ jsx45(CommandEmpty, { children: empty }),
-      groups.map((group) => /* @__PURE__ */ jsx45(CommandGroup, { heading: group.heading, children: group.items.map((item) => /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx44(Dialog, { open, onOpenChange, ...props, children: /* @__PURE__ */ jsx44(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsx44(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: groups ? /* @__PURE__ */ jsxs23(Fragment2, { children: [
+    /* @__PURE__ */ jsx44(CommandInput, { placeholder }),
+    /* @__PURE__ */ jsxs23(CommandList, { className: "max-h-[420px]", children: [
+      /* @__PURE__ */ jsx44(CommandEmpty, { children: empty }),
+      groups.map((group) => /* @__PURE__ */ jsx44(CommandGroup, { heading: group.heading, children: group.items.map((item) => /* @__PURE__ */ jsx44(
         CommandItem,
         {
           value: item.value ?? [group.heading, item.sub, item.label].filter(Boolean).join(" "),
@@ -2217,12 +2184,12 @@ var CommandDialog = ({
         item.id ?? `${group.heading}:${String(item.label)}`
       )) }, group.heading))
     ] }),
-    /* @__PURE__ */ jsx45(CommandKeyHintsSlot, { children: keyHints })
+    /* @__PURE__ */ jsx44(CommandKeyHintsSlot, { children: keyHints })
   ] }) : children }) }) });
 };
-var CommandInput = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs24("div", { className: "flex items-center border-b border-border-subtle px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ jsx45(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ jsx45(
+var CommandInput = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs23("div", { className: "flex items-center border-b border-border-subtle px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsx44(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ jsx44(
     CommandPrimitive.Input,
     {
       ref,
@@ -2235,7 +2202,7 @@ var CommandInput = React38.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+var CommandList = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
   CommandPrimitive.List,
   {
     ref,
@@ -2244,7 +2211,7 @@ var CommandList = React38.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React38.forwardRef((props, ref) => /* @__PURE__ */ jsx45(
+var CommandEmpty = React37.forwardRef((props, ref) => /* @__PURE__ */ jsx44(
   CommandPrimitive.Empty,
   {
     ref,
@@ -2253,7 +2220,7 @@ var CommandEmpty = React38.forwardRef((props, ref) => /* @__PURE__ */ jsx45(
   }
 ));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+var CommandGroup = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
   CommandPrimitive.Group,
   {
     ref,
@@ -2265,7 +2232,7 @@ var CommandGroup = React38.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+var CommandSeparator = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
   CommandPrimitive.Separator,
   {
     ref,
@@ -2274,8 +2241,8 @@ var CommandSeparator = React38.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React38.forwardRef(
-  ({ className, mark, sub, children, ...props }, ref) => /* @__PURE__ */ jsxs24(
+var CommandItem = React37.forwardRef(
+  ({ className, mark, sub, children, ...props }, ref) => /* @__PURE__ */ jsxs23(
     CommandPrimitive.Item,
     {
       ref,
@@ -2286,17 +2253,17 @@ var CommandItem = React38.forwardRef(
       ),
       ...props,
       children: [
-        mark ? /* @__PURE__ */ jsx45("span", { className: "shrink-0", children: mark }) : null,
-        sub ? /* @__PURE__ */ jsxs24("span", { className: "flex min-w-0 flex-col", children: [
-          /* @__PURE__ */ jsx45("span", { className: "truncate", children }),
-          /* @__PURE__ */ jsx45("span", { className: "truncate text-xs text-text-tertiary", children: sub })
+        mark ? /* @__PURE__ */ jsx44("span", { className: "shrink-0", children: mark }) : null,
+        sub ? /* @__PURE__ */ jsxs23("span", { className: "flex min-w-0 flex-col", children: [
+          /* @__PURE__ */ jsx44("span", { className: "truncate", children }),
+          /* @__PURE__ */ jsx44("span", { className: "truncate text-xs text-text-tertiary", children: sub })
         ] }) : children
       ]
     }
   )
 );
 CommandItem.displayName = CommandPrimitive.Item.displayName;
-var CommandShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx45(
+var CommandShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx44(
   "span",
   {
     className: cn("ml-auto text-xs tracking-widest text-text-tertiary", className),
@@ -2306,12 +2273,12 @@ var CommandShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx45(
 CommandShortcut.displayName = "CommandShortcut";
 
 // src/components/navigation-menu.tsx
-import * as React39 from "react";
+import * as React38 from "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { cva as cva6 } from "class-variance-authority";
 import { ChevronDown as ChevronDown4 } from "lucide-react";
-import { jsx as jsx46, jsxs as jsxs25 } from "react/jsx-runtime";
-var NavigationMenu = React39.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs25(
+import { jsx as jsx45, jsxs as jsxs24 } from "react/jsx-runtime";
+var NavigationMenu = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs24(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -2319,12 +2286,12 @@ var NavigationMenu = React39.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx46(NavigationMenuViewport, {})
+      /* @__PURE__ */ jsx45(NavigationMenuViewport, {})
     ]
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
+var NavigationMenuList = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -2337,7 +2304,7 @@ var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = cva6(
   "group inline-flex h-10 w-max cursor-pointer items-center justify-center rounded-md bg-bg-elevated px-4 py-2 text-sm font-medium transition-colors duration-fast 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 = React39.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs25(
+var NavigationMenuTrigger = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs24(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -2346,7 +2313,7 @@ var NavigationMenuTrigger = React39.forwardRef(({ className, children, ...props
     children: [
       children,
       " ",
-      /* @__PURE__ */ jsx46(
+      /* @__PURE__ */ jsx45(
         ChevronDown4,
         {
           className: "relative top-[1px] ml-1 h-4 w-4 transition duration-200 group-data-[state=open]:rotate-180",
@@ -2357,7 +2324,7 @@ var NavigationMenuTrigger = React39.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
+var NavigationMenuContent = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -2370,7 +2337,7 @@ var NavigationMenuContent = React39.forwardRef(({ className, ...props }, ref) =>
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx46(
+var NavigationMenuViewport = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx45(
   NavigationMenuPrimitive.Viewport,
   {
     ref,
@@ -2382,7 +2349,7 @@ var NavigationMenuViewport = React39.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
+var NavigationMenuIndicator = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -2391,7 +2358,7 @@ var NavigationMenuIndicator = React39.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx46("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border-subtle shadow-md" })
+    children: /* @__PURE__ */ jsx45("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border-subtle shadow-md" })
   }
 ));
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
@@ -2454,10 +2421,10 @@ function useTheme() {
 
 // src/components/sonner.tsx
 import { Toaster as SonnerToaster, toast } from "sonner";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 var Toaster = ({ ...props }) => {
   const { resolvedTheme } = useTheme();
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx46(
     SonnerToaster,
     {
       theme: resolvedTheme,
@@ -2479,19 +2446,19 @@ var Toaster = ({ ...props }) => {
 import { Sun, Moon } from "lucide-react";
 
 // src/components/top-bar-utilities.tsx
-import * as React40 from "react";
-import { jsx as jsx48, jsxs as jsxs26 } from "react/jsx-runtime";
+import * as React39 from "react";
+import { jsx as jsx47, jsxs as jsxs25 } from "react/jsx-runtime";
 var topBarMarkClass = "relative flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-lg text-text-secondary transition-colors duration-fast hover:bg-[var(--hov-bg)] hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus [&>svg]:size-[18px]";
-var TopBarUtilities = React40.forwardRef(
-  ({ items, className, ...props }, ref) => /* @__PURE__ */ jsx48("div", { ref, className: cn("flex items-center gap-1", className), ...props, children: items.map(({ name, icon, onClick }) => /* @__PURE__ */ jsxs26(Tooltip, { children: [
-    /* @__PURE__ */ jsx48(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx48("button", { type: "button", className: topBarMarkClass, "aria-label": name, onClick, children: icon }) }),
-    /* @__PURE__ */ jsx48(TooltipContent, { children: name })
+var TopBarUtilities = React39.forwardRef(
+  ({ items, className, ...props }, ref) => /* @__PURE__ */ jsx47("div", { ref, className: cn("flex items-center gap-1", className), ...props, children: items.map(({ name, icon, onClick }) => /* @__PURE__ */ jsxs25(Tooltip, { children: [
+    /* @__PURE__ */ jsx47(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx47("button", { type: "button", className: topBarMarkClass, "aria-label": name, onClick, children: icon }) }),
+    /* @__PURE__ */ jsx47(TooltipContent, { children: name })
   ] }, name)) })
 );
 TopBarUtilities.displayName = "TopBarUtilities";
 
 // src/components/theme-toggle.tsx
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 var icons = {
   light: Sun,
   dark: Moon
@@ -2501,7 +2468,7 @@ function ThemeToggle() {
   const Icon = icons[resolvedTheme];
   const next = resolvedTheme === "light" ? "dark" : "light";
   const label = theme === "system" ? `Following your device (${resolvedTheme}). Switch to ${next}.` : `Switch to ${next} theme`;
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx48(
     "button",
     {
       type: "button",
@@ -2509,7 +2476,7 @@ function ThemeToggle() {
       className: topBarMarkClass,
       "aria-label": label,
       title: label,
-      children: /* @__PURE__ */ jsx49(Icon, {})
+      children: /* @__PURE__ */ jsx48(Icon, {})
     }
   );
 }
@@ -2517,9 +2484,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 jsx50 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx49(
     DayPicker,
     {
       showOutsideDays,
@@ -2577,7 +2544,7 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
         ...classNames
       },
       components: {
-        Chevron: ({ className: cls, orientation, ...rest }) => orientation === "left" ? /* @__PURE__ */ jsx50(ChevronLeft2, { className: cn("size-4", cls), ...rest }) : /* @__PURE__ */ jsx50(ChevronRight6, { className: cn("size-4", cls), ...rest })
+        Chevron: ({ className: cls, orientation, ...rest }) => orientation === "left" ? /* @__PURE__ */ jsx49(ChevronLeft2, { className: cn("size-4", cls), ...rest }) : /* @__PURE__ */ jsx49(ChevronRight6, { className: cn("size-4", cls), ...rest })
       },
       ...props
     }
@@ -2586,9 +2553,9 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
 Calendar.displayName = "Calendar";
 
 // src/components/date-picker.tsx
-import * as React41 from "react";
+import * as React40 from "react";
 import { Calendar as CalendarIcon } from "lucide-react";
-import { jsx as jsx51, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs26 } from "react/jsx-runtime";
 var DEFAULT_FORMAT = {
   year: "numeric",
   month: "long",
@@ -2601,9 +2568,9 @@ function DatePicker({
   disabled,
   className
 }) {
-  const [open, setOpen] = React41.useState(false);
-  return /* @__PURE__ */ jsxs27(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx51(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs27(
+  const [open, setOpen] = React40.useState(false);
+  return /* @__PURE__ */ jsxs26(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx50(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs26(
       Button,
       {
         type: "button",
@@ -2611,12 +2578,12 @@ function DatePicker({
         disabled,
         className: cn("w-[240px] justify-start gap-2 text-left font-regular", !value && "text-text-tertiary", className),
         children: [
-          /* @__PURE__ */ jsx51(CalendarIcon, { className: "size-4 shrink-0" }),
+          /* @__PURE__ */ jsx50(CalendarIcon, { className: "size-4 shrink-0" }),
           value ? value.toLocaleDateString(void 0, DEFAULT_FORMAT) : placeholder
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx51(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx51(
+    /* @__PURE__ */ jsx50(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx50(
       Calendar,
       {
         mode: "single",
@@ -2633,20 +2600,20 @@ function DatePicker({
 DatePicker.displayName = "DatePicker";
 
 // src/components/add-picker.tsx
-import * as React42 from "react";
+import * as React41 from "react";
 import { Plus } from "lucide-react";
-import { jsx as jsx52, jsxs as jsxs28 } from "react/jsx-runtime";
-var AddPicker = React42.forwardRef(
+import { jsx as jsx51, jsxs as jsxs27 } from "react/jsx-runtime";
+var AddPicker = React41.forwardRef(
   ({ label, noun, items, exclude, onPick, className }, ref) => {
-    const [open, setOpen] = React42.useState(false);
-    const [q, setQ] = React42.useState("");
+    const [open, setOpen] = React41.useState(false);
+    const [q, setQ] = React41.useState("");
     const taken = exclude ?? [];
     const needle = q.toLowerCase();
     const matches = items.filter(
       (item) => !taken.includes(item.id) && (item.name.toLowerCase().includes(needle) || !!item.sub?.toLowerCase().includes(needle))
     );
     const search = items.length > 1 ? `Search ${items.length} ${noun}` : `Search ${noun}`;
-    return /* @__PURE__ */ jsxs28(
+    return /* @__PURE__ */ jsxs27(
       Popover,
       {
         open,
@@ -2655,15 +2622,15 @@ var AddPicker = React42.forwardRef(
           if (!next) setQ("");
         },
         children: [
-          /* @__PURE__ */ jsx52(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs28(Button, { ref, variant: "ghost", size: "xs", className: cn("shrink-0", className), children: [
-            /* @__PURE__ */ jsx52(Plus, { className: "size-4", "aria-hidden": true }),
+          /* @__PURE__ */ jsx51(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs27(Button, { ref, variant: "ghost", size: "xs", className: cn("shrink-0", className), children: [
+            /* @__PURE__ */ jsx51(Plus, { className: "size-4", "aria-hidden": true }),
             label
           ] }) }),
-          /* @__PURE__ */ jsx52(PopoverContent, { align: "end", className: "w-72 p-0", children: /* @__PURE__ */ jsxs28(Command, { shouldFilter: false, label: search, children: [
-            /* @__PURE__ */ jsx52(CommandInput, { autoFocus: true, value: q, onValueChange: setQ, placeholder: search }),
-            /* @__PURE__ */ jsxs28(CommandList, { className: "max-h-[18rem] p-1", children: [
-              /* @__PURE__ */ jsx52(CommandEmpty, { children: q ? `No ${noun} match.` : `No ${noun} left to add.` }),
-              matches.map((item) => /* @__PURE__ */ jsx52(
+          /* @__PURE__ */ jsx51(PopoverContent, { align: "end", className: "w-72 p-0", children: /* @__PURE__ */ jsxs27(Command, { shouldFilter: false, label: search, children: [
+            /* @__PURE__ */ jsx51(CommandInput, { autoFocus: true, value: q, onValueChange: setQ, placeholder: search }),
+            /* @__PURE__ */ jsxs27(CommandList, { className: "max-h-[18rem] p-1", children: [
+              /* @__PURE__ */ jsx51(CommandEmpty, { children: q ? `No ${noun} match.` : `No ${noun} left to add.` }),
+              matches.map((item) => /* @__PURE__ */ jsx51(
                 CommandItem,
                 {
                   value: item.id,
@@ -2674,7 +2641,7 @@ var AddPicker = React42.forwardRef(
                     setOpen(false);
                     setQ("");
                   },
-                  children: /* @__PURE__ */ jsx52("span", { className: "truncate", children: item.name })
+                  children: /* @__PURE__ */ jsx51("span", { className: "truncate", children: item.name })
                 },
                 item.id
               ))
@@ -2688,31 +2655,31 @@ var AddPicker = React42.forwardRef(
 AddPicker.displayName = "AddPicker";
 
 // src/components/carousel.tsx
-import * as React43 from "react";
+import * as React42 from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
-import { jsx as jsx53, jsxs as jsxs29 } from "react/jsx-runtime";
-var CarouselContext = React43.createContext(null);
+import { jsx as jsx52, jsxs as jsxs28 } from "react/jsx-runtime";
+var CarouselContext = React42.createContext(null);
 function useCarousel() {
-  const context = React43.useContext(CarouselContext);
+  const context = React42.useContext(CarouselContext);
   if (!context) throw new Error("useCarousel must be used within a <Carousel />");
   return context;
 }
-var Carousel = React43.forwardRef(({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }, ref) => {
+var Carousel = React42.forwardRef(({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }, ref) => {
   const [carouselRef, api] = useEmblaCarousel(
     { ...opts, axis: orientation === "horizontal" ? "x" : "y" },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React43.useState(false);
-  const [canScrollNext, setCanScrollNext] = React43.useState(false);
-  const onSelect = React43.useCallback((emblaApi) => {
+  const [canScrollPrev, setCanScrollPrev] = React42.useState(false);
+  const [canScrollNext, setCanScrollNext] = React42.useState(false);
+  const onSelect = React42.useCallback((emblaApi) => {
     if (!emblaApi) return;
     setCanScrollPrev(emblaApi.canScrollPrev());
     setCanScrollNext(emblaApi.canScrollNext());
   }, []);
-  const scrollPrev = React43.useCallback(() => api?.scrollPrev(), [api]);
-  const scrollNext = React43.useCallback(() => api?.scrollNext(), [api]);
-  const handleKeyDown = React43.useCallback(
+  const scrollPrev = React42.useCallback(() => api?.scrollPrev(), [api]);
+  const scrollNext = React42.useCallback(() => api?.scrollNext(), [api]);
+  const handleKeyDown = React42.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -2724,11 +2691,11 @@ var Carousel = React43.forwardRef(({ orientation = "horizontal", opts, setApi, p
     },
     [scrollPrev, scrollNext]
   );
-  React43.useEffect(() => {
+  React42.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React43.useEffect(() => {
+  React42.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -2738,7 +2705,7 @@ var Carousel = React43.forwardRef(({ orientation = "horizontal", opts, setApi, p
       api.off("select", onSelect);
     };
   }, [api, onSelect]);
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx52(
     CarouselContext.Provider,
     {
       value: {
@@ -2751,7 +2718,7 @@ var Carousel = React43.forwardRef(({ orientation = "horizontal", opts, setApi, p
         canScrollPrev,
         canScrollNext
       },
-      children: /* @__PURE__ */ jsx53(
+      children: /* @__PURE__ */ jsx52(
         "div",
         {
           ref,
@@ -2767,10 +2734,10 @@ var Carousel = React43.forwardRef(({ orientation = "horizontal", opts, setApi, p
   );
 });
 Carousel.displayName = "Carousel";
-var CarouselContent = React43.forwardRef(
+var CarouselContent = React42.forwardRef(
   ({ className, ...props }, ref) => {
     const { carouselRef, orientation } = useCarousel();
-    return /* @__PURE__ */ jsx53("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsx52("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx52(
       "div",
       {
         ref,
@@ -2781,10 +2748,10 @@ var CarouselContent = React43.forwardRef(
   }
 );
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React43.forwardRef(
+var CarouselItem = React42.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useCarousel();
-    return /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsx52(
       "div",
       {
         ref,
@@ -2801,9 +2768,9 @@ var CarouselItem = React43.forwardRef(
   }
 );
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React43.forwardRef(({ className, ...props }, ref) => {
+var CarouselPrevious = React42.forwardRef(({ className, ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs28(
     "button",
     {
       ref,
@@ -2818,16 +2785,16 @@ var CarouselPrevious = React43.forwardRef(({ className, ...props }, ref) => {
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ jsx53(ArrowLeft, { className: "size-4" }),
-        /* @__PURE__ */ jsx53("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ jsx52(ArrowLeft, { className: "size-4" }),
+        /* @__PURE__ */ jsx52("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React43.forwardRef(({ className, ...props }, ref) => {
+var CarouselNext = React42.forwardRef(({ className, ...props }, ref) => {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs28(
     "button",
     {
       ref,
@@ -2842,8 +2809,8 @@ var CarouselNext = React43.forwardRef(({ className, ...props }, ref) => {
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ jsx53(ArrowRight, { className: "size-4" }),
-        /* @__PURE__ */ jsx53("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ jsx52(ArrowRight, { className: "size-4" }),
+        /* @__PURE__ */ jsx52("span", { className: "sr-only", children: "Next slide" })
       ]
     }
   );
@@ -2851,7 +2818,7 @@ var CarouselNext = React43.forwardRef(({ className, ...props }, ref) => {
 CarouselNext.displayName = "CarouselNext";
 
 // src/components/form.tsx
-import * as React44 from "react";
+import * as React43 from "react";
 import { Slot as Slot2 } from "@radix-ui/react-slot";
 import {
   Controller,
@@ -2859,16 +2826,16 @@ import {
   useFormContext,
   useFormState
 } from "react-hook-form";
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 var Form = FormProvider;
-var FormFieldContext = React44.createContext(null);
+var FormFieldContext = React43.createContext(null);
 function FormField({ ...props }) {
-  return /* @__PURE__ */ jsx54(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx54(Controller, { ...props }) });
+  return /* @__PURE__ */ jsx53(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx53(Controller, { ...props }) });
 }
-var FormItemContext = React44.createContext(null);
+var FormItemContext = React43.createContext(null);
 function useFormField() {
-  const fieldContext = React44.useContext(FormFieldContext);
-  const itemContext = React44.useContext(FormItemContext);
+  const fieldContext = React43.useContext(FormFieldContext);
+  const itemContext = React43.useContext(FormItemContext);
   const { getFieldState } = useFormContext();
   const formState = useFormState({ name: fieldContext?.name });
   if (!fieldContext) throw new Error("useFormField should be used within <FormField>");
@@ -2883,16 +2850,16 @@ function useFormField() {
     ...fieldState
   };
 }
-var FormItem = React44.forwardRef(
+var FormItem = React43.forwardRef(
   ({ className, ...props }, ref) => {
-    const id = React44.useId();
-    return /* @__PURE__ */ jsx54(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx54("div", { ref, className: cn("space-y-2", className), ...props }) });
+    const id = React43.useId();
+    return /* @__PURE__ */ jsx53(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx53("div", { ref, className: cn("space-y-2", className), ...props }) });
   }
 );
 FormItem.displayName = "FormItem";
-var FormLabel = React44.forwardRef(({ className, ...props }, ref) => {
+var FormLabel = React43.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx53(
     Label2,
     {
       ref,
@@ -2903,9 +2870,9 @@ var FormLabel = React44.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React44.forwardRef(({ ...props }, ref) => {
+var FormControl = React43.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx53(
     Slot2,
     {
       ref,
@@ -2917,9 +2884,9 @@ var FormControl = React44.forwardRef(({ ...props }, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React44.forwardRef(({ className, ...props }, ref) => {
+var FormDescription = React43.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx53(
     "p",
     {
       ref,
@@ -2930,11 +2897,11 @@ var FormDescription = React44.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React44.forwardRef(({ className, children, ...props }, ref) => {
+var FormMessage = React43.forwardRef(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message ?? "") : children;
   if (!body) return null;
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx53(
     "p",
     {
       ref,
@@ -2948,9 +2915,9 @@ var FormMessage = React44.forwardRef(({ className, children, ...props }, ref) =>
 FormMessage.displayName = "FormMessage";
 
 // src/components/status-dot.tsx
-import * as React45 from "react";
+import * as React44 from "react";
 import { cva as cva7 } from "class-variance-authority";
-import { jsx as jsx55, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs29 } from "react/jsx-runtime";
 var statusDotVariants = cva7("inline-block shrink-0 rounded-full", {
   variants: {
     status: {
@@ -2964,8 +2931,8 @@ var statusDotVariants = cva7("inline-block shrink-0 rounded-full", {
   },
   defaultVariants: { status: "neutral", size: "md" }
 });
-var StatusDot = React45.forwardRef(
-  ({ className, status, size, pulse = false, label, ...props }, ref) => /* @__PURE__ */ jsxs30(
+var StatusDot = React44.forwardRef(
+  ({ className, status, size, pulse = false, label, ...props }, ref) => /* @__PURE__ */ jsxs29(
     "span",
     {
       ref,
@@ -2973,14 +2940,14 @@ var StatusDot = React45.forwardRef(
       className: cn("relative inline-flex", className),
       ...props,
       children: [
-        pulse && /* @__PURE__ */ jsx55(
+        pulse && /* @__PURE__ */ jsx54(
           "span",
           {
             "aria-hidden": "true",
             className: cn(statusDotVariants({ status, size }), "absolute inset-0 animate-ping opacity-75")
           }
         ),
-        /* @__PURE__ */ jsx55("span", { className: cn(statusDotVariants({ status, size })) })
+        /* @__PURE__ */ jsx54("span", { className: cn(statusDotVariants({ status, size })) })
       ]
     }
   )
@@ -2988,11 +2955,11 @@ var StatusDot = React45.forwardRef(
 StatusDot.displayName = "StatusDot";
 
 // src/components/docs-link.tsx
-import * as React46 from "react";
+import * as React45 from "react";
 import { BookOpen, ExternalLink } from "lucide-react";
-import { jsx as jsx56, jsxs as jsxs31 } from "react/jsx-runtime";
-var DocsLink = React46.forwardRef(
-  ({ href = "https://docs.lessly.com", label = "Docs", showLeadingIcon = true, className, ...props }, ref) => /* @__PURE__ */ jsxs31(
+import { jsx as jsx55, jsxs as jsxs30 } from "react/jsx-runtime";
+var DocsLink = React45.forwardRef(
+  ({ href = "https://docs.lessly.com", label = "Docs", showLeadingIcon = true, className, ...props }, ref) => /* @__PURE__ */ jsxs30(
     "a",
     {
       ref,
@@ -3005,9 +2972,9 @@ var DocsLink = React46.forwardRef(
       ),
       ...props,
       children: [
-        showLeadingIcon && /* @__PURE__ */ jsx56(BookOpen, { className: "size-4", "aria-hidden": "true" }),
+        showLeadingIcon && /* @__PURE__ */ jsx55(BookOpen, { className: "size-4", "aria-hidden": "true" }),
         label,
-        /* @__PURE__ */ jsx56(ExternalLink, { className: "size-3 text-text-tertiary", "aria-hidden": "true" })
+        /* @__PURE__ */ jsx55(ExternalLink, { className: "size-3 text-text-tertiary", "aria-hidden": "true" })
       ]
     }
   )
@@ -3015,28 +2982,28 @@ var DocsLink = React46.forwardRef(
 DocsLink.displayName = "DocsLink";
 
 // src/components/empty-state.tsx
-import * as React47 from "react";
-import { jsx as jsx57, jsxs as jsxs32 } from "react/jsx-runtime";
-var EmptyState = React47.forwardRef(
-  ({ icon: Icon, title, titleAs: TitleTag = "p", description, action, className, ...props }, ref) => /* @__PURE__ */ jsxs32("div", { ref, className: cn("flex flex-col items-center px-4 py-10 text-center", className), ...props, children: [
-    Icon && /* @__PURE__ */ jsx57(Icon, { className: "mb-3 size-6 text-text-tertiary", "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx57(TitleTag, { className: "text-sm text-text-secondary", children: title }),
-    description && /* @__PURE__ */ jsx57("p", { className: "mt-1 max-w-sm text-sm text-text-tertiary", children: description }),
-    action && /* @__PURE__ */ jsx57("div", { className: "mt-3", children: action })
+import * as React46 from "react";
+import { jsx as jsx56, jsxs as jsxs31 } from "react/jsx-runtime";
+var EmptyState = React46.forwardRef(
+  ({ icon: Icon, title, titleAs: TitleTag = "p", description, action, className, ...props }, ref) => /* @__PURE__ */ jsxs31("div", { ref, className: cn("flex flex-col items-center px-4 py-10 text-center", className), ...props, children: [
+    Icon && /* @__PURE__ */ jsx56(Icon, { className: "mb-3 size-6 text-text-tertiary", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx56(TitleTag, { className: "text-sm text-text-secondary", children: title }),
+    description && /* @__PURE__ */ jsx56("p", { className: "mt-1 max-w-sm text-sm text-text-tertiary", children: description }),
+    action && /* @__PURE__ */ jsx56("div", { className: "mt-3", children: action })
   ] })
 );
 EmptyState.displayName = "EmptyState";
 
 // src/components/copy-button.tsx
-import * as React48 from "react";
+import * as React47 from "react";
 import { Check as Check7, Copy } from "lucide-react";
-import { jsx as jsx58, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs32 } from "react/jsx-runtime";
 var MASK = "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022";
-var CopyButton = React48.forwardRef(
+var CopyButton = React47.forwardRef(
   ({ value, label = "Copy", masked = false, className, variant = "ghost", size = "icon", onClick, ...props }, ref) => {
-    const [copied, setCopied] = React48.useState(false);
-    const timer = React48.useRef(void 0);
-    React48.useEffect(() => () => clearTimeout(timer.current), []);
+    const [copied, setCopied] = React47.useState(false);
+    const timer = React47.useRef(void 0);
+    React47.useEffect(() => () => clearTimeout(timer.current), []);
     const handleClick = async (e) => {
       onClick?.(e);
       if (!navigator.clipboard?.writeText) return;
@@ -3054,7 +3021,7 @@ var CopyButton = React48.forwardRef(
       // itself at the height `size` already declares instead of taking a label's padding. At the
       // default `size="icon"` that is the same 40px square it always was; at `xs`/`sm` it is now
       // square rather than a wide pill (#432).
-      /* @__PURE__ */ jsx58(
+      /* @__PURE__ */ jsx57(
         Button,
         {
           ref,
@@ -3065,13 +3032,13 @@ var CopyButton = React48.forwardRef(
           className: cn(className),
           ...props,
           "aria-label": copied ? "Copied" : masked ? `${label} ending ${tail}` : label,
-          icon: copied ? /* @__PURE__ */ jsx58(Check7, { className: "text-text-success" }) : /* @__PURE__ */ jsx58(Copy, {})
+          icon: copied ? /* @__PURE__ */ jsx57(Check7, { className: "text-text-success" }) : /* @__PURE__ */ jsx57(Copy, {})
         }
       )
     );
     if (!masked) return button;
-    return /* @__PURE__ */ jsxs33("span", { className: "inline-flex items-center gap-1.5", children: [
-      /* @__PURE__ */ jsx58("code", { "aria-hidden": true, className: "font-mono text-xs text-text-tertiary", children: `${MASK}${tail}` }),
+    return /* @__PURE__ */ jsxs32("span", { className: "inline-flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx57("code", { "aria-hidden": true, className: "font-mono text-xs text-text-tertiary", children: `${MASK}${tail}` }),
       button
     ] });
   }
@@ -3079,9 +3046,9 @@ var CopyButton = React48.forwardRef(
 CopyButton.displayName = "CopyButton";
 
 // src/components/stat-card.tsx
-import * as React49 from "react";
+import * as React48 from "react";
 import { ArrowDown, ArrowUp, Info as Info2, Minus as Minus2 } from "lucide-react";
-import { jsx as jsx59, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs33 } from "react/jsx-runtime";
 var directionIcons = {
   up: ArrowUp,
   down: ArrowDown,
@@ -3097,13 +3064,13 @@ var toneFromDirection = {
   down: "negative",
   neutral: "neutral"
 };
-var StatCard = React49.forwardRef(
+var StatCard = React48.forwardRef(
   ({ label, value, delta, hint, sub, icon: Icon, trend, className, ...props }, ref) => {
     const direction = delta?.direction ?? "neutral";
     const tone = delta?.tone ?? toneFromDirection[direction];
     const DeltaIcon = directionIcons[direction];
     const deltaClass = toneClasses[tone];
-    return /* @__PURE__ */ jsxs34(
+    return /* @__PURE__ */ jsxs33(
       "div",
       {
         ref,
@@ -3111,25 +3078,25 @@ var StatCard = React49.forwardRef(
         className: cn("rounded-xl border border-border-subtle bg-bg-overlay p-5", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs34("div", { className: "flex items-center justify-between gap-2", children: [
-            /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-1.5", children: [
-              /* @__PURE__ */ jsx59("span", { className: "text-xs font-medium text-text-tertiary", children: label }),
-              hint && /* @__PURE__ */ jsx59(TooltipProvider, { children: /* @__PURE__ */ jsxs34(Tooltip, { children: [
-                /* @__PURE__ */ jsx59(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx59("button", { type: "button", "aria-label": "More info", className: "inline-flex cursor-pointer text-icon-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus rounded-sm", children: /* @__PURE__ */ jsx59(Info2, { className: "size-3.5", "aria-hidden": "true" }) }) }),
-                /* @__PURE__ */ jsx59(TooltipContent, { children: hint })
+          /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsx58("span", { className: "text-xs font-medium text-text-tertiary", children: label }),
+              hint && /* @__PURE__ */ jsx58(TooltipProvider, { children: /* @__PURE__ */ jsxs33(Tooltip, { children: [
+                /* @__PURE__ */ jsx58(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx58("button", { type: "button", "aria-label": "More info", className: "inline-flex cursor-pointer text-icon-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus rounded-sm", children: /* @__PURE__ */ jsx58(Info2, { className: "size-3.5", "aria-hidden": "true" }) }) }),
+                /* @__PURE__ */ jsx58(TooltipContent, { children: hint })
               ] }) })
             ] }),
-            Icon && /* @__PURE__ */ jsx59(Icon, { className: "size-4 text-icon-secondary", "aria-hidden": "true" })
+            Icon && /* @__PURE__ */ jsx58(Icon, { className: "size-4 text-icon-secondary", "aria-hidden": "true" })
           ] }),
-          /* @__PURE__ */ jsx59("div", { className: "mt-2 text-3xl font-semibold text-text-primary", children: value }),
-          (delta || sub) && /* @__PURE__ */ jsxs34("div", { className: "mt-2 flex items-center gap-2 text-sm", children: [
-            delta && /* @__PURE__ */ jsxs34("span", { className: cn("inline-flex items-center gap-0.5 font-medium", deltaClass), children: [
-              /* @__PURE__ */ jsx59(DeltaIcon, { className: "size-3.5", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx58("div", { className: "mt-2 text-3xl font-semibold text-text-primary", children: value }),
+          (delta || sub) && /* @__PURE__ */ jsxs33("div", { className: "mt-2 flex items-center gap-2 text-sm", children: [
+            delta && /* @__PURE__ */ jsxs33("span", { className: cn("inline-flex items-center gap-0.5 font-medium", deltaClass), children: [
+              /* @__PURE__ */ jsx58(DeltaIcon, { className: "size-3.5", "aria-hidden": "true" }),
               delta.value
             ] }),
-            sub && /* @__PURE__ */ jsx59("span", { className: "text-text-tertiary", children: sub })
+            sub && /* @__PURE__ */ jsx58("span", { className: "text-text-tertiary", children: sub })
           ] }),
-          trend !== void 0 && /* @__PURE__ */ jsx59("div", { "data-slot": "stat-card-trend", className: "mt-3 min-h-10", children: trend })
+          trend !== void 0 && /* @__PURE__ */ jsx58("div", { "data-slot": "stat-card-trend", className: "mt-3 min-h-10", children: trend })
         ]
       }
     );
@@ -3138,17 +3105,17 @@ var StatCard = React49.forwardRef(
 StatCard.displayName = "StatCard";
 
 // src/components/confirm-dialog.tsx
-import * as React51 from "react";
+import * as React50 from "react";
 import { Loader2 as Loader22 } from "lucide-react";
 
 // src/components/step-up-challenge.tsx
-import * as React50 from "react";
+import * as React49 from "react";
 import { Fingerprint, Loader2 } from "lucide-react";
-import { jsx as jsx60, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs34 } from "react/jsx-runtime";
 var DEFAULT_METHODS = ["passkey", "code"];
 var ATTEMPT_GAP_MS = 500;
 var FACTOR_SWITCH = "w-fit cursor-pointer rounded-sm text-sm text-text-secondary underline-offset-2 hover:text-text-primary hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus disabled:pointer-events-none disabled:opacity-50";
-var StepUpChallenge = React50.forwardRef((props, ref) => {
+var StepUpChallenge = React49.forwardRef((props, ref) => {
   const {
     methods,
     defaultMethod,
@@ -3168,28 +3135,28 @@ var StepUpChallenge = React50.forwardRef((props, ref) => {
   const offered = methods && methods.length > 0 ? methods : DEFAULT_METHODS;
   const first = offered[0] ?? "passkey";
   const initial = defaultMethod && offered.includes(defaultMethod) ? defaultMethod : first;
-  const [method, setMethod] = React50.useState(initial);
-  const [code, setCode] = React50.useState("");
-  const [errorFactor, setErrorFactor] = React50.useState(initial);
-  const [attempted, setAttempted] = React50.useState(false);
-  const fieldRef = React50.useRef(null);
-  const mounted = React50.useRef(false);
-  const pending = React50.useRef(false);
-  const attemptedAt = React50.useRef(0);
+  const [method, setMethod] = React49.useState(initial);
+  const [code, setCode] = React49.useState("");
+  const [errorFactor, setErrorFactor] = React49.useState(initial);
+  const [attempted, setAttempted] = React49.useState(false);
+  const fieldRef = React49.useRef(null);
+  const mounted = React49.useRef(false);
+  const pending = React49.useRef(false);
+  const attemptedAt = React49.useRef(0);
   const active = offered.includes(method) ? method : first;
   const other = offered.find((m) => m !== active);
   const showError = Boolean(error) && errorFactor === active;
-  const reactId = React50.useId();
+  const reactId = React49.useId();
   const fieldId = `${reactId}-code`;
   const errorId = `${reactId}-error`;
-  React50.useEffect(() => {
+  React49.useEffect(() => {
     pending.current = false;
   }, [verifying, error]);
-  React50.useEffect(() => {
+  React49.useEffect(() => {
     if (!error) return;
     fieldRef.current?.focus();
   }, [error]);
-  React50.useEffect(() => {
+  React49.useEffect(() => {
     if (!mounted.current) {
       mounted.current = true;
       return;
@@ -3224,7 +3191,7 @@ var StepUpChallenge = React50.forwardRef((props, ref) => {
   const stopCodeBearingEvent = (event) => {
     event.stopPropagation();
   };
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       ...rest,
@@ -3232,15 +3199,15 @@ var StepUpChallenge = React50.forwardRef((props, ref) => {
       "aria-busy": verifying || void 0,
       className: cn("grid gap-4", className),
       children: [
-        active === "passkey" ? /* @__PURE__ */ jsxs35("div", { className: "grid justify-items-start gap-2", children: [
-          /* @__PURE__ */ jsx60(Fingerprint, { className: "size-5 text-text-secondary", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx60("p", { className: "text-sm text-text-secondary", children: "Your device will ask for your fingerprint, face or PIN." }),
+        active === "passkey" ? /* @__PURE__ */ jsxs34("div", { className: "grid justify-items-start gap-2", children: [
+          /* @__PURE__ */ jsx59(Fingerprint, { className: "size-5 text-text-secondary", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx59("p", { className: "text-sm text-text-secondary", children: "Your device will ask for your fingerprint, face or PIN." }),
           other === "code" && // Not a `Button` (Guidelines/When it isn't a Button): a `Button` here would read as a
           // second action competing with the confirm below.
-          /* @__PURE__ */ jsx60("button", { type: "button", className: FACTOR_SWITCH, disabled: verifying, onClick: () => switchTo("code"), children: `Use a ${codeLength}-digit code instead` })
-        ] }) : /* @__PURE__ */ jsxs35("div", { className: "grid justify-items-start gap-2", children: [
-          /* @__PURE__ */ jsx60("label", { htmlFor: fieldId, className: "text-sm font-medium text-text-primary", children: `${codeLength}-digit code` }),
-          /* @__PURE__ */ jsx60(
+          /* @__PURE__ */ jsx59("button", { type: "button", className: FACTOR_SWITCH, disabled: verifying, onClick: () => switchTo("code"), children: `Use a ${codeLength}-digit code instead` })
+        ] }) : /* @__PURE__ */ jsxs34("div", { className: "grid justify-items-start gap-2", children: [
+          /* @__PURE__ */ jsx59("label", { htmlFor: fieldId, className: "text-sm font-medium text-text-primary", children: `${codeLength}-digit code` }),
+          /* @__PURE__ */ jsx59(
             "div",
             {
               "data-sensitive": "one-time-code",
@@ -3253,7 +3220,7 @@ var StepUpChallenge = React50.forwardRef((props, ref) => {
               onDrop: stopCodeBearingEvent,
               onKeyDown: stopCodeBearingKey,
               onKeyUp: stopCodeBearingKey,
-              children: /* @__PURE__ */ jsx60(
+              children: /* @__PURE__ */ jsx59(
                 InputOTP,
                 {
                   ref: fieldRef,
@@ -3274,18 +3241,18 @@ var StepUpChallenge = React50.forwardRef((props, ref) => {
                     event.preventDefault();
                     submit();
                   },
-                  children: /* @__PURE__ */ jsx60(InputOTPGroup, { children: Array.from({ length: codeLength }, (_, index) => /* @__PURE__ */ jsx60(InputOTPSlot, { index }, index)) })
+                  children: /* @__PURE__ */ jsx59(InputOTPGroup, { children: Array.from({ length: codeLength }, (_, index) => /* @__PURE__ */ jsx59(InputOTPSlot, { index }, index)) })
                 }
               )
             }
           ),
           other === "passkey" && // The mirror of the line in the passkey pane — see the note there.
-          /* @__PURE__ */ jsx60("button", { type: "button", className: FACTOR_SWITCH, disabled: verifying, onClick: () => switchTo("passkey"), children: "Use a passkey instead" })
+          /* @__PURE__ */ jsx59("button", { type: "button", className: FACTOR_SWITCH, disabled: verifying, onClick: () => switchTo("passkey"), children: "Use a passkey instead" })
         ] }),
-        showError && /* @__PURE__ */ jsx60(InlineError, { id: errorId, children: error }),
-        /* @__PURE__ */ jsxs35(DialogFooter, { children: [
-          onBack && /* @__PURE__ */ jsx60(Button, { type: "button", variant: "outline", size: "sm", disabled: verifying, onClick: onBack, children: backLabel }),
-          /* @__PURE__ */ jsx60(
+        showError && /* @__PURE__ */ jsx59(InlineError, { id: errorId, children: error }),
+        /* @__PURE__ */ jsxs34(DialogFooter, { children: [
+          onBack && /* @__PURE__ */ jsx59(Button, { type: "button", variant: "outline", size: "sm", disabled: verifying, onClick: onBack, children: backLabel }),
+          /* @__PURE__ */ jsx59(
             Button,
             {
               type: "button",
@@ -3295,7 +3262,7 @@ var StepUpChallenge = React50.forwardRef((props, ref) => {
               "aria-disabled": !canSubmit || void 0,
               "aria-busy": verifying || void 0,
               className: cn(!canSubmit && "opacity-50"),
-              icon: verifying ? /* @__PURE__ */ jsx60(Loader2, { className: "animate-spin" }) : void 0,
+              icon: verifying ? /* @__PURE__ */ jsx59(Loader2, { className: "animate-spin" }) : void 0,
               onClick: submit,
               children: confirmLabel
             }
@@ -3308,9 +3275,9 @@ var StepUpChallenge = React50.forwardRef((props, ref) => {
 StepUpChallenge.displayName = "StepUpChallenge";
 
 // src/components/confirm-dialog.tsx
-import { jsx as jsx61, jsxs as jsxs36 } from "react/jsx-runtime";
-var InlineError = React51.forwardRef(
-  ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx61(
+import { jsx as jsx60, jsxs as jsxs35 } from "react/jsx-runtime";
+var InlineError = React50.forwardRef(
+  ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx60(
     "div",
     {
       ref,
@@ -3340,14 +3307,14 @@ function ConfirmDialog({
   onConfirm,
   onError
 }) {
-  const [internalOpen, setInternalOpen] = React51.useState(false);
+  const [internalOpen, setInternalOpen] = React50.useState(false);
   const isControlled = open !== void 0;
   const actualOpen = isControlled ? open : internalOpen;
-  const [busy, setBusy] = React51.useState(false);
-  const [error, setError] = React51.useState(null);
-  const [typed, setTyped] = React51.useState("");
-  const [stepped, setStepped] = React51.useState(false);
-  const phraseId = `${React51.useId()}-phrase`;
+  const [busy, setBusy] = React50.useState(false);
+  const [error, setError] = React50.useState(null);
+  const [typed, setTyped] = React50.useState("");
+  const [stepped, setStepped] = React50.useState(false);
+  const phraseId = `${React50.useId()}-phrase`;
   const phraseMet = !confirmPhrase || typed.trim().toLowerCase() === confirmPhrase.trim().toLowerCase();
   const challenging = Boolean(stepUp) && (!confirmPhrase || stepped);
   const panelTitle = challenging ? stepUp?.title ?? title : title;
@@ -3357,7 +3324,7 @@ function ConfirmDialog({
     setTyped("");
     setStepped(false);
   };
-  React51.useEffect(() => {
+  React50.useEffect(() => {
     if (!actualOpen) reset();
   }, [actualOpen]);
   const setOpen = (next) => {
@@ -3377,22 +3344,22 @@ function ConfirmDialog({
       setBusy(false);
     }
   };
-  return /* @__PURE__ */ jsxs36(Dialog, { open: actualOpen, onOpenChange: (next) => {
+  return /* @__PURE__ */ jsxs35(Dialog, { open: actualOpen, onOpenChange: (next) => {
     if (!busy) setOpen(next);
   }, children: [
-    trigger && /* @__PURE__ */ jsx61(DialogTrigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsxs36(DialogContent, { children: [
-      /* @__PURE__ */ jsxs36(DialogHeader, { children: [
-        /* @__PURE__ */ jsx61(DialogTitle, { children: panelTitle }),
-        panelDescription && /* @__PURE__ */ jsx61(DialogDescription, { children: panelDescription })
+    trigger && /* @__PURE__ */ jsx60(DialogTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsxs35(DialogContent, { children: [
+      /* @__PURE__ */ jsxs35(DialogHeader, { children: [
+        /* @__PURE__ */ jsx60(DialogTitle, { children: panelTitle }),
+        panelDescription && /* @__PURE__ */ jsx60(DialogDescription, { children: panelDescription })
       ] }),
-      confirmPhrase && !challenging && /* @__PURE__ */ jsxs36("div", { className: "grid gap-1.5", children: [
-        /* @__PURE__ */ jsxs36("label", { htmlFor: phraseId, className: "text-xs font-medium text-text-secondary", children: [
+      confirmPhrase && !challenging && /* @__PURE__ */ jsxs35("div", { className: "grid gap-1.5", children: [
+        /* @__PURE__ */ jsxs35("label", { htmlFor: phraseId, className: "text-xs font-medium text-text-secondary", children: [
           "Type ",
-          /* @__PURE__ */ jsx61("span", { className: "font-mono text-text-primary", children: confirmPhrase }),
+          /* @__PURE__ */ jsx60("span", { className: "font-mono text-text-primary", children: confirmPhrase }),
           " to confirm"
         ] }),
-        /* @__PURE__ */ jsx61(
+        /* @__PURE__ */ jsx60(
           Input,
           {
             id: phraseId,
@@ -3403,8 +3370,8 @@ function ConfirmDialog({
           }
         )
       ] }),
-      error && !challenging && /* @__PURE__ */ jsx61(InlineError, { children: error }),
-      challenging ? /* @__PURE__ */ jsx61(
+      error && !challenging && /* @__PURE__ */ jsx60(InlineError, { children: error }),
+      challenging ? /* @__PURE__ */ jsx60(
         StepUpChallenge,
         {
           methods: stepUp?.methods,
@@ -3423,16 +3390,16 @@ function ConfirmDialog({
           onVerifyPasskey: () => void handleConfirm({ method: "passkey" }),
           onVerifyCode: (code) => void handleConfirm({ method: "code", code })
         }
-      ) : /* @__PURE__ */ jsxs36(DialogFooter, { children: [
-        /* @__PURE__ */ jsx61(Button, { variant: "outline", disabled: busy, onClick: () => setOpen(false), children: cancelLabel }),
-        /* @__PURE__ */ jsxs36(
+      ) : /* @__PURE__ */ jsxs35(DialogFooter, { children: [
+        /* @__PURE__ */ jsx60(Button, { variant: "outline", disabled: busy, onClick: () => setOpen(false), children: cancelLabel }),
+        /* @__PURE__ */ jsxs35(
           Button,
           {
             variant: destructive ? "destructive-solid" : "default",
             disabled: busy || !phraseMet,
             onClick: () => stepUp ? setStepped(true) : void handleConfirm(),
             children: [
-              busy && /* @__PURE__ */ jsx61(Loader22, { className: "size-4 animate-spin", "aria-hidden": "true" }),
+              busy && /* @__PURE__ */ jsx60(Loader22, { className: "size-4 animate-spin", "aria-hidden": "true" }),
               confirmLabel
             ]
           }
@@ -3443,18 +3410,18 @@ function ConfirmDialog({
 }
 
 // src/components/user-menu.tsx
-import * as React52 from "react";
+import * as React51 from "react";
 import { ChevronsUpDown } from "lucide-react";
-import { Fragment as Fragment3, jsx as jsx62, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx61, jsxs as jsxs36 } from "react/jsx-runtime";
 function UserMenu({ user, items, collapsed = false, tooltip = true, align = "start" }) {
-  const openedByPointer = React52.useRef(false);
+  const openedByPointer = React51.useRef(false);
   const secondLine = user.subtitle ?? user.email;
-  const avatar = /* @__PURE__ */ jsx62(PersonAvatar, { name: user.name, id: user.id, src: user.avatarUrl, size: "sm" });
+  const avatar = /* @__PURE__ */ jsx61(PersonAvatar, { name: user.name, id: user.id, src: user.avatarUrl, size: "sm" });
   const trigger = collapsed ? (
     // The plate every other mark in a top bar gets, drawn outside the avatar instead of behind it:
     // a round mark fills its own box, so a background under one is a background nobody sees, and
     // this trigger rested with no hover at all beside four icon buttons that all had one.
-    /* @__PURE__ */ jsx62(
+    /* @__PURE__ */ jsx61(
       "button",
       {
         type: "button",
@@ -3463,22 +3430,22 @@ function UserMenu({ user, items, collapsed = false, tooltip = true, align = "sta
         children: avatar
       }
     )
-  ) : /* @__PURE__ */ jsxs37(
+  ) : /* @__PURE__ */ jsxs36(
     "button",
     {
       type: "button",
       className: "flex w-full cursor-pointer items-center gap-2.5 rounded-xl px-1.5 py-[5px] text-left transition-colors duration-fast hover:bg-[var(--hov-bg)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
       children: [
         avatar,
-        /* @__PURE__ */ jsxs37("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-          /* @__PURE__ */ jsx62("span", { className: "truncate text-sm leading-[normal] font-medium text-text-primary", children: user.name }),
-          secondLine && /* @__PURE__ */ jsx62("span", { className: "truncate text-xs leading-[normal] text-text-tertiary", children: secondLine })
+        /* @__PURE__ */ jsxs36("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+          /* @__PURE__ */ jsx61("span", { className: "truncate text-sm leading-[normal] font-medium text-text-primary", children: user.name }),
+          secondLine && /* @__PURE__ */ jsx61("span", { className: "truncate text-xs leading-[normal] text-text-tertiary", children: secondLine })
         ] }),
-        /* @__PURE__ */ jsx62(ChevronsUpDown, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" })
+        /* @__PURE__ */ jsx61(ChevronsUpDown, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" })
       ]
     }
   );
-  const menuTrigger = /* @__PURE__ */ jsx62(
+  const menuTrigger = /* @__PURE__ */ jsx61(
     DropdownMenuTrigger,
     {
       asChild: true,
@@ -3491,12 +3458,12 @@ function UserMenu({ user, items, collapsed = false, tooltip = true, align = "sta
       children: trigger
     }
   );
-  const menu = /* @__PURE__ */ jsxs37(DropdownMenu, { children: [
-    collapsed && tooltip ? /* @__PURE__ */ jsx62(TooltipProvider, { children: /* @__PURE__ */ jsxs37(Tooltip, { children: [
-      /* @__PURE__ */ jsx62(TooltipTrigger, { asChild: true, children: menuTrigger }),
-      /* @__PURE__ */ jsx62(TooltipContent, { side: "right", children: user.name })
+  const menu = /* @__PURE__ */ jsxs36(DropdownMenu, { children: [
+    collapsed && tooltip ? /* @__PURE__ */ jsx61(TooltipProvider, { children: /* @__PURE__ */ jsxs36(Tooltip, { children: [
+      /* @__PURE__ */ jsx61(TooltipTrigger, { asChild: true, children: menuTrigger }),
+      /* @__PURE__ */ jsx61(TooltipContent, { side: "right", children: user.name })
     ] }) }) : menuTrigger,
-    /* @__PURE__ */ jsxs37(
+    /* @__PURE__ */ jsxs36(
       DropdownMenuContent,
       {
         align,
@@ -3506,18 +3473,18 @@ function UserMenu({ user, items, collapsed = false, tooltip = true, align = "sta
         },
         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__ */ jsxs37(DropdownMenuLabel, { className: "px-2 pt-1.5 pb-1 text-xs font-medium text-text-tertiary", children: [
-            /* @__PURE__ */ jsx62("span", { className: "block truncate text-sm font-medium text-text-primary", children: user.name }),
-            collapsed && secondLine && /* @__PURE__ */ jsx62("span", { className: "block truncate text-xs font-regular text-text-tertiary", children: secondLine })
+          /* @__PURE__ */ jsxs36(DropdownMenuLabel, { className: "px-2 pt-1.5 pb-1 text-xs font-medium text-text-tertiary", children: [
+            /* @__PURE__ */ jsx61("span", { className: "block truncate text-sm font-medium text-text-primary", children: user.name }),
+            collapsed && secondLine && /* @__PURE__ */ jsx61("span", { className: "block truncate text-xs font-regular text-text-tertiary", children: secondLine })
           ] }),
-          /* @__PURE__ */ jsx62(DropdownMenuSeparator, { className: "mx-0 shrink-0" }),
+          /* @__PURE__ */ jsx61(DropdownMenuSeparator, { className: "mx-0 shrink-0" }),
           items.map((item, i) => {
             const Icon = item.icon;
-            const content = /* @__PURE__ */ jsxs37(Fragment3, { children: [
-              Icon && /* @__PURE__ */ jsx62(Icon, { className: "size-4", "aria-hidden": "true" }),
+            const content = /* @__PURE__ */ jsxs36(Fragment3, { children: [
+              Icon && /* @__PURE__ */ jsx61(Icon, { className: "size-4", "aria-hidden": "true" }),
               item.label
             ] });
-            return /* @__PURE__ */ jsx62(
+            return /* @__PURE__ */ jsx61(
               DropdownMenuItem,
               {
                 onSelect: item.onSelect,
@@ -3526,7 +3493,7 @@ function UserMenu({ user, items, collapsed = false, tooltip = true, align = "sta
                   item.destructive && "text-text-danger focus:text-text-danger"
                 ),
                 asChild: Boolean(item.href),
-                children: item.href ? /* @__PURE__ */ jsx62("a", { href: item.href, children: content }) : content
+                children: item.href ? /* @__PURE__ */ jsx61("a", { href: item.href, children: content }) : content
               },
               `${item.label}-${i}`
             );
@@ -3539,10 +3506,10 @@ function UserMenu({ user, items, collapsed = false, tooltip = true, align = "sta
 }
 
 // src/components/extension-icon.tsx
-import * as React53 from "react";
+import * as React52 from "react";
 import * as LucideIcons from "lucide-react";
 import { Puzzle } from "lucide-react";
-import { jsx as jsx63 } from "react/jsx-runtime";
+import { jsx as jsx62 } from "react/jsx-runtime";
 var FORWARD_REF = /* @__PURE__ */ Symbol.for("react.forward_ref");
 var catalog = LucideIcons;
 function toPascalCase(name) {
@@ -3567,22 +3534,22 @@ function warnUnknownIconOnce(name) {
   warnedUnknownIcons.add(name);
   console.warn(`[@lessly/ui] ExtensionIcon: unknown icon "${name}" \u2014 falling back to Puzzle.`);
 }
-var ExtensionIcon = React53.forwardRef(
+var ExtensionIcon = React52.forwardRef(
   ({ name, ...props }, ref) => {
     const Icon = resolveIcon(name);
     if (!Icon) {
       warnUnknownIconOnce(name);
-      return /* @__PURE__ */ jsx63(Puzzle, { ref, ...props, "data-icon-fallback": name });
+      return /* @__PURE__ */ jsx62(Puzzle, { ref, ...props, "data-icon-fallback": name });
     }
-    return /* @__PURE__ */ jsx63(Icon, { ref, ...props });
+    return /* @__PURE__ */ jsx62(Icon, { ref, ...props });
   }
 );
 ExtensionIcon.displayName = "ExtensionIcon";
 
 // src/components/icon-hint.tsx
-import * as React54 from "react";
-import { jsx as jsx64, jsxs as jsxs38 } from "react/jsx-runtime";
-var IconHint = React54.forwardRef(
+import * as React53 from "react";
+import { jsx as jsx63, jsxs as jsxs37 } from "react/jsx-runtime";
+var IconHint = React53.forwardRef(
   ({ children, label, side = "top", align = "center", className, ...props }, ref) => {
     if (label.trim().length === 0) {
       if (process.env.NODE_ENV !== "production") {
@@ -3590,7 +3557,7 @@ var IconHint = React54.forwardRef(
           '[IconHint] `label` is blank: there is no name to expose and no sentence to show, and a focusable role="img" with no name is a WCAG 4.1.2 failure. Rendering the glyph as decorative instead \u2014 pass a sentence, or use DecorativeIcon if it needs none.'
         );
       }
-      return /* @__PURE__ */ jsx64(
+      return /* @__PURE__ */ jsx63(
         "span",
         {
           ref,
@@ -3604,8 +3571,8 @@ var IconHint = React54.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ jsxs38(Tooltip, { children: [
-      /* @__PURE__ */ jsx64(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx64(
+    return /* @__PURE__ */ jsxs37(Tooltip, { children: [
+      /* @__PURE__ */ jsx63(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx63(
         "span",
         {
           ref,
@@ -3622,16 +3589,16 @@ var IconHint = React54.forwardRef(
           children
         }
       ) }),
-      /* @__PURE__ */ jsx64(TooltipContent, { side, align, "aria-hidden": true, children: label })
+      /* @__PURE__ */ jsx63(TooltipContent, { side, align, "aria-hidden": true, children: label })
     ] });
   }
 );
 IconHint.displayName = "IconHint";
 
 // src/components/decorative-icon.tsx
-import * as React55 from "react";
-import { jsx as jsx65, jsxs as jsxs39 } from "react/jsx-runtime";
-var DecorativeIcon = React55.forwardRef(
+import * as React54 from "react";
+import { jsx as jsx64, jsxs as jsxs38 } from "react/jsx-runtime";
+var DecorativeIcon = React54.forwardRef(
   ({ children, label, side = "top", align = "center", className, ...props }, ref) => {
     if (label.trim().length === 0) {
       if (process.env.NODE_ENV !== "production") {
@@ -3639,7 +3606,7 @@ var DecorativeIcon = React55.forwardRef(
           "[DecorativeIcon] `label` is blank, so the tooltip would open on an empty bubble. Rendering the bare glyph instead \u2014 pass a sentence, or drop the wrapper if the glyph has nothing to add."
         );
       }
-      return /* @__PURE__ */ jsx65(
+      return /* @__PURE__ */ jsx64(
         "span",
         {
           ref,
@@ -3653,8 +3620,8 @@ var DecorativeIcon = React55.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ jsxs39(Tooltip, { children: [
-      /* @__PURE__ */ jsx65(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx65(
+    return /* @__PURE__ */ jsxs38(Tooltip, { children: [
+      /* @__PURE__ */ jsx64(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx64(
         "span",
         {
           ref,
@@ -3670,15 +3637,15 @@ var DecorativeIcon = React55.forwardRef(
           children
         }
       ) }),
-      /* @__PURE__ */ jsx65(TooltipContent, { side, align, "aria-hidden": true, children: label })
+      /* @__PURE__ */ jsx64(TooltipContent, { side, align, "aria-hidden": true, children: label })
     ] });
   }
 );
 DecorativeIcon.displayName = "DecorativeIcon";
 
 // src/components/image-cropper.tsx
-import * as React56 from "react";
-import { Fragment as Fragment4, jsx as jsx66, jsxs as jsxs40 } from "react/jsx-runtime";
+import * as React55 from "react";
+import { Fragment as Fragment4, jsx as jsx65, jsxs as jsxs39 } from "react/jsx-runtime";
 var FALLBACK_STAGE_W = 360;
 var FALLBACK_STAGE_H = 270;
 var STEP = 8;
@@ -3711,7 +3678,7 @@ var MASK_CLASS = {
   circle: "rounded-full"
 };
 var clampTo = (value, min, max) => Math.min(Math.max(value, min), max);
-var ImageCropper = React56.forwardRef(
+var ImageCropper = React55.forwardRef(
   ({
     src,
     shape = "square",
@@ -3731,21 +3698,21 @@ var ImageCropper = React56.forwardRef(
     className,
     ...props
   }, ref) => {
-    const [nat, setNat] = React56.useState(null);
-    const [error, setError] = React56.useState(null);
-    const [focused, setFocused] = React56.useState(false);
-    const [stage, setStage] = React56.useState({ w: FALLBACK_STAGE_W, h: FALLBACK_STAGE_H });
-    const [crop, setCrop] = React56.useState({ x: 0, y: 0, size: 0 });
-    const imgRef = React56.useRef(null);
-    const stageRef = React56.useRef(null);
-    const framed = React56.useRef(false);
-    const inset = React56.useRef({ left: 0, top: 0 });
-    React56.useEffect(() => {
+    const [nat, setNat] = React55.useState(null);
+    const [error, setError] = React55.useState(null);
+    const [focused, setFocused] = React55.useState(false);
+    const [stage, setStage] = React55.useState({ w: FALLBACK_STAGE_W, h: FALLBACK_STAGE_H });
+    const [crop, setCrop] = React55.useState({ x: 0, y: 0, size: 0 });
+    const imgRef = React55.useRef(null);
+    const stageRef = React55.useRef(null);
+    const framed = React55.useRef(false);
+    const inset = React55.useRef({ left: 0, top: 0 });
+    React55.useEffect(() => {
       framed.current = false;
       setNat(null);
       setError(null);
     }, [src]);
-    React56.useLayoutEffect(() => {
+    React55.useLayoutEffect(() => {
       const el = stageRef.current;
       if (!el) return void 0;
       const read = (entry) => {
@@ -3771,13 +3738,13 @@ var ImageCropper = React56.forwardRef(
     const drawH = nat ? nat.h * fit : stage.h;
     const padX = (stage.w - drawW) / 2;
     const padY = (stage.h - drawH) / 2;
-    React56.useEffect(() => {
+    React55.useEffect(() => {
       if (!nat || framed.current) return;
       framed.current = true;
       const size = Math.min(nat.w, nat.h);
       setCrop({ x: (nat.w - size) / 2, y: (nat.h - size) / 2, size });
     }, [nat]);
-    const clampCrop = React56.useCallback(
+    const clampCrop = React55.useCallback(
       (x, y, size) => {
         if (!nat) return { x, y, size };
         const max = Math.min(nat.w, nat.h);
@@ -3787,8 +3754,8 @@ var ImageCropper = React56.forwardRef(
       },
       [nat, fit, minCropSize]
     );
-    const moving = React56.useRef(null);
-    const resizing = React56.useRef(null);
+    const moving = React55.useRef(null);
+    const resizing = React55.useRef(null);
     const onMoveDown = (e) => {
       e.target.setPointerCapture(e.pointerId);
       moving.current = { px: e.clientX, py: e.clientY, cx: crop.x, cy: crop.y };
@@ -3905,8 +3872,8 @@ var ImageCropper = React56.forwardRef(
     const percent = nat ? Math.round(crop.size / Math.min(nat.w, nat.h) * 100) : 100;
     const fromLeft = nat ? Math.round(crop.x / nat.w * 100) : 0;
     const fromTop = nat ? Math.round(crop.y / nat.h * 100) : 0;
-    return /* @__PURE__ */ jsxs40("div", { ref, className: cn("flex flex-col gap-3", className), ...props, children: [
-      /* @__PURE__ */ jsxs40(
+    return /* @__PURE__ */ jsxs39("div", { ref, className: cn("flex flex-col gap-3", className), ...props, children: [
+      /* @__PURE__ */ jsxs39(
         "div",
         {
           ref: stageRef,
@@ -3915,7 +3882,7 @@ var ImageCropper = React56.forwardRef(
           onPointerMove,
           onPointerUp,
           children: [
-            /* @__PURE__ */ jsx66(
+            /* @__PURE__ */ jsx65(
               "img",
               {
                 ref: imgRef,
@@ -3928,8 +3895,8 @@ var ImageCropper = React56.forwardRef(
                 className: "pointer-events-none absolute inset-0 size-full object-contain"
               }
             ),
-            !nat && !error && /* @__PURE__ */ jsx66("div", { className: "absolute inset-0 flex items-center justify-center text-sm text-text-tertiary", children: "Loading\u2026" }),
-            error === "load" && /* @__PURE__ */ jsx66(
+            !nat && !error && /* @__PURE__ */ jsx65("div", { className: "absolute inset-0 flex items-center justify-center text-sm text-text-tertiary", children: "Loading\u2026" }),
+            error === "load" && /* @__PURE__ */ jsx65(
               "div",
               {
                 role: "alert",
@@ -3937,8 +3904,8 @@ var ImageCropper = React56.forwardRef(
                 children: errorMessage
               }
             ),
-            nat && error !== "load" && /* @__PURE__ */ jsxs40(Fragment4, { children: [
-              /* @__PURE__ */ jsx66(
+            nat && error !== "load" && /* @__PURE__ */ jsxs39(Fragment4, { children: [
+              /* @__PURE__ */ jsx65(
                 "div",
                 {
                   tabIndex: 0,
@@ -3960,15 +3927,15 @@ var ImageCropper = React56.forwardRef(
                     cursor: "move",
                     boxShadow: (focused ? FOCUS_SHADOW : "") + RING_SHADOW
                   },
-                  children: /* @__PURE__ */ jsxs40("div", { className: "pointer-events-none absolute inset-0 opacity-40", children: [
-                    /* @__PURE__ */ jsx66("div", { className: "absolute left-1/3 top-0 h-full w-px bg-white/60" }),
-                    /* @__PURE__ */ jsx66("div", { className: "absolute left-2/3 top-0 h-full w-px bg-white/60" }),
-                    /* @__PURE__ */ jsx66("div", { className: "absolute left-0 top-1/3 h-px w-full bg-white/60" }),
-                    /* @__PURE__ */ jsx66("div", { className: "absolute left-0 top-2/3 h-px w-full bg-white/60" })
+                  children: /* @__PURE__ */ jsxs39("div", { className: "pointer-events-none absolute inset-0 opacity-40", children: [
+                    /* @__PURE__ */ jsx65("div", { className: "absolute left-1/3 top-0 h-full w-px bg-white/60" }),
+                    /* @__PURE__ */ jsx65("div", { className: "absolute left-2/3 top-0 h-full w-px bg-white/60" }),
+                    /* @__PURE__ */ jsx65("div", { className: "absolute left-0 top-1/3 h-px w-full bg-white/60" }),
+                    /* @__PURE__ */ jsx65("div", { className: "absolute left-0 top-2/3 h-px w-full bg-white/60" })
                   ] })
                 }
               ),
-              CORNERS.map((corner) => /* @__PURE__ */ jsx66(
+              CORNERS.map((corner) => /* @__PURE__ */ jsx65(
                 "div",
                 {
                   "data-grip": corner,
@@ -3981,7 +3948,7 @@ var ImageCropper = React56.forwardRef(
                     padding: BRACKET.inset
                   },
                   onPointerDown: onResizeDown(corner),
-                  children: /* @__PURE__ */ jsx66(
+                  children: /* @__PURE__ */ jsx65(
                     "span",
                     {
                       className: "block border-solid border-white",
@@ -4003,10 +3970,10 @@ var ImageCropper = React56.forwardRef(
           ]
         }
       ),
-      error === "export" ? /* @__PURE__ */ jsx66("p", { role: "alert", className: "text-xs text-text-danger", children: exportErrorMessage }) : hint != null && !error ? /* @__PURE__ */ jsx66("p", { className: "text-xs text-text-tertiary", children: hint }) : null,
-      /* @__PURE__ */ jsxs40("div", { className: "flex justify-end gap-2", children: [
-        onCancel && /* @__PURE__ */ jsx66(Button, { type: "button", variant: "outline", size: "sm", onClick: onCancel, children: cancelLabel }),
-        /* @__PURE__ */ jsx66(Button, { type: "button", size: "sm", onClick: save, disabled: !nat || error != null, children: saveLabel })
+      error === "export" ? /* @__PURE__ */ jsx65("p", { role: "alert", className: "text-xs text-text-danger", children: exportErrorMessage }) : hint != null && !error ? /* @__PURE__ */ jsx65("p", { className: "text-xs text-text-tertiary", children: hint }) : null,
+      /* @__PURE__ */ jsxs39("div", { className: "flex justify-end gap-2", children: [
+        onCancel && /* @__PURE__ */ jsx65(Button, { type: "button", variant: "outline", size: "sm", onClick: onCancel, children: cancelLabel }),
+        /* @__PURE__ */ jsx65(Button, { type: "button", size: "sm", onClick: save, disabled: !nat || error != null, children: saveLabel })
       ] })
     ] });
   }
@@ -4014,7 +3981,7 @@ var ImageCropper = React56.forwardRef(
 ImageCropper.displayName = "ImageCropper";
 
 // src/components/image-crop-dialog.tsx
-import { jsx as jsx67, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs40 } from "react/jsx-runtime";
 function ImageCropDialog({
   open,
   onOpenChange,
@@ -4025,17 +3992,17 @@ function ImageCropDialog({
   onCrop,
   ...cropperProps
 }) {
-  return /* @__PURE__ */ jsx67(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsx66(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs40(
     DialogContent,
     {
       className: "sm:max-w-md",
       ...description ? {} : { "aria-describedby": void 0 },
       children: [
-        /* @__PURE__ */ jsxs41(DialogHeader, { children: [
-          /* @__PURE__ */ jsx67(DialogTitle, { children: title ?? `Crop ${label.toLowerCase()}` }),
-          description && /* @__PURE__ */ jsx67(DialogDescription, { children: description })
+        /* @__PURE__ */ jsxs40(DialogHeader, { children: [
+          /* @__PURE__ */ jsx66(DialogTitle, { children: title ?? `Crop ${label.toLowerCase()}` }),
+          description && /* @__PURE__ */ jsx66(DialogDescription, { children: description })
         ] }),
-        src && /* @__PURE__ */ jsx67(
+        src && /* @__PURE__ */ jsx66(
           ImageCropper,
           {
             src,
@@ -4054,9 +4021,9 @@ function ImageCropDialog({
 ImageCropDialog.displayName = "ImageCropDialog";
 
 // src/components/image-upload.tsx
-import * as React57 from "react";
+import * as React56 from "react";
 import { Image as ImageIcon } from "lucide-react";
-import { jsx as jsx68, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs41 } from "react/jsx-runtime";
 var PREVIEW_BOX = {
   sm: "size-8",
   md: "size-12",
@@ -4071,7 +4038,7 @@ function formatSize(bytes) {
   if (bytes >= 1024) return `${Math.floor(bytes / 1024)} KB`;
   return `${bytes} B`;
 }
-var ImageUpload = React57.forwardRef(
+var ImageUpload = React56.forwardRef(
   ({
     value,
     onChange,
@@ -4094,11 +4061,11 @@ var ImageUpload = React57.forwardRef(
     className,
     ...props
   }, ref) => {
-    const inputRef = React57.useRef(null);
-    const [picked, setPicked] = React57.useState(null);
-    const [cropOpen, setCropOpen] = React57.useState(false);
-    const [error, setError] = React57.useState(null);
-    const pickSeq = React57.useRef(0);
+    const inputRef = React56.useRef(null);
+    const [picked, setPicked] = React56.useState(null);
+    const [cropOpen, setCropOpen] = React56.useState(false);
+    const [error, setError] = React56.useState(null);
+    const pickSeq = React56.useRef(0);
     const refuse = (message) => {
       setError(message);
       onError?.(message);
@@ -4141,8 +4108,8 @@ var ImageUpload = React57.forwardRef(
       reader.readAsDataURL(file);
     };
     const framed = value != null || fallback == null;
-    return /* @__PURE__ */ jsxs42("div", { ref, className: cn("flex items-start gap-3", className), ...props, children: [
-      /* @__PURE__ */ jsx68(
+    return /* @__PURE__ */ jsxs41("div", { ref, className: cn("flex items-start gap-3", className), ...props, children: [
+      /* @__PURE__ */ jsx67(
         "span",
         {
           className: cn(
@@ -4151,12 +4118,12 @@ var ImageUpload = React57.forwardRef(
             PREVIEW_MASK[shape],
             framed && "border border-border-default bg-bg-secondary text-text-secondary"
           ),
-          children: value ? /* @__PURE__ */ jsx68("img", { src: value, alt: `${label} preview`, className: "size-full object-cover" }) : fallback ?? /* @__PURE__ */ jsx68(ImageIcon, { className: "size-5", "aria-hidden": true })
+          children: value ? /* @__PURE__ */ jsx67("img", { src: value, alt: `${label} preview`, className: "size-full object-cover" }) : fallback ?? /* @__PURE__ */ jsx67(ImageIcon, { className: "size-5", "aria-hidden": true })
         }
       ),
-      /* @__PURE__ */ jsxs42("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx68(
+      /* @__PURE__ */ jsxs41("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx67(
             Button,
             {
               type: "button",
@@ -4167,7 +4134,7 @@ var ImageUpload = React57.forwardRef(
               children: value ? changeLabel : uploadLabel
             }
           ),
-          value && /* @__PURE__ */ jsx68(
+          value && /* @__PURE__ */ jsx67(
             Button,
             {
               type: "button",
@@ -4182,10 +4149,10 @@ var ImageUpload = React57.forwardRef(
             }
           )
         ] }),
-        hint != null && /* @__PURE__ */ jsx68("p", { className: "mt-1 text-xs text-text-tertiary", children: hint }),
-        error && /* @__PURE__ */ jsx68("p", { role: "alert", className: "mt-1 text-xs text-text-danger", children: error })
+        hint != null && /* @__PURE__ */ jsx67("p", { className: "mt-1 text-xs text-text-tertiary", children: hint }),
+        error && /* @__PURE__ */ jsx67("p", { role: "alert", className: "mt-1 text-xs text-text-danger", children: error })
       ] }),
-      /* @__PURE__ */ jsx68(
+      /* @__PURE__ */ jsx67(
         "input",
         {
           ref: inputRef,
@@ -4200,7 +4167,7 @@ var ImageUpload = React57.forwardRef(
           }
         }
       ),
-      crop && /* @__PURE__ */ jsx68(
+      crop && /* @__PURE__ */ jsx67(
         ImageCropDialog,
         {
           open: cropOpen,
@@ -4223,14 +4190,14 @@ var ImageUpload = React57.forwardRef(
 ImageUpload.displayName = "ImageUpload";
 
 // src/components/back-link.tsx
-import * as React58 from "react";
+import * as React57 from "react";
 import { ArrowLeft as ArrowLeft2 } from "lucide-react";
 import { Slottable } from "@radix-ui/react-slot";
-import { jsx as jsx69, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs42 } from "react/jsx-runtime";
 var SLOTTED_GLYPH = "inline-flex shrink-0 items-center justify-center [&>svg]:size-3.5";
-var BackLink = React58.forwardRef(
+var BackLink = React57.forwardRef(
   ({ parent, asChild = false, children, className, onClick, ...props }, ref) => {
-    const slotted = asChild && React58.isValidElement(children);
+    const slotted = asChild && React57.isValidElement(children);
     if (!slotted && !onClick) return null;
     const shell = {
       variant: "ghost",
@@ -4238,23 +4205,23 @@ var BackLink = React58.forwardRef(
       className: cn("w-fit -ml-2", className)
     };
     if (slotted) {
-      return /* @__PURE__ */ jsxs43(Button, { ...props, ...shell, onClick, ref, asChild: true, children: [
-        /* @__PURE__ */ jsx69(Slottable, { children }),
-        /* @__PURE__ */ jsx69("span", { className: SLOTTED_GLYPH, "aria-hidden": true, children: /* @__PURE__ */ jsx69(ArrowLeft2, {}) }),
+      return /* @__PURE__ */ jsxs42(Button, { ...props, ...shell, onClick, ref, asChild: true, children: [
+        /* @__PURE__ */ jsx68(Slottable, { children }),
+        /* @__PURE__ */ jsx68("span", { className: SLOTTED_GLYPH, "aria-hidden": true, children: /* @__PURE__ */ jsx68(ArrowLeft2, {}) }),
         parent
       ] });
     }
-    return /* @__PURE__ */ jsx69(Button, { ...props, ...shell, onClick, ref, icon: /* @__PURE__ */ jsx69(ArrowLeft2, {}), children: parent });
+    return /* @__PURE__ */ jsx68(Button, { ...props, ...shell, onClick, ref, icon: /* @__PURE__ */ jsx68(ArrowLeft2, {}), children: parent });
   }
 );
 BackLink.displayName = "BackLink";
 
 // src/components/card-note.tsx
-import * as React59 from "react";
+import * as React58 from "react";
 import { Lock as Lock2 } from "lucide-react";
-import { jsx as jsx70, jsxs as jsxs44 } from "react/jsx-runtime";
-var CardNote = React59.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs44(
+import { jsx as jsx69, jsxs as jsxs43 } from "react/jsx-runtime";
+var CardNote = React58.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs43(
     "p",
     {
       ...props,
@@ -4264,7 +4231,7 @@ var CardNote = React59.forwardRef(
         className
       ),
       children: [
-        /* @__PURE__ */ jsx70(Lock2, { className: "mt-0.5 size-3 shrink-0", "aria-hidden": true }),
+        /* @__PURE__ */ jsx69(Lock2, { className: "mt-0.5 size-3 shrink-0", "aria-hidden": true }),
         children
       ]
     }
@@ -4273,12 +4240,12 @@ var CardNote = React59.forwardRef(
 CardNote.displayName = "CardNote";
 
 // src/components/remove-button.tsx
-import * as React60 from "react";
+import * as React59 from "react";
 import { X as X2 } from "lucide-react";
-import { jsx as jsx71, jsxs as jsxs45 } from "react/jsx-runtime";
-var RemoveButton = React60.forwardRef(
+import { jsx as jsx70, jsxs as jsxs44 } from "react/jsx-runtime";
+var RemoveButton = React59.forwardRef(
   ({ label, size = "sm", side = "top", className, ...props }, ref) => {
-    const button = /* @__PURE__ */ jsx71(
+    const button = /* @__PURE__ */ jsx70(
       Button,
       {
         ...props,
@@ -4288,22 +4255,22 @@ var RemoveButton = React60.forwardRef(
         "aria-describedby": void 0,
         variant: "destructive-ghost",
         size,
-        icon: /* @__PURE__ */ jsx71(X2, {}),
+        icon: /* @__PURE__ */ jsx70(X2, {}),
         className: cn("shrink-0", className)
       }
     );
-    return /* @__PURE__ */ jsxs45(Tooltip, { children: [
-      /* @__PURE__ */ jsx71(TooltipTrigger, { asChild: true, children: props.disabled ? /* @__PURE__ */ jsx71("span", { className: "inline-flex shrink-0", children: button }) : button }),
-      /* @__PURE__ */ jsx71(TooltipContent, { side, "aria-hidden": true, children: label })
+    return /* @__PURE__ */ jsxs44(Tooltip, { children: [
+      /* @__PURE__ */ jsx70(TooltipTrigger, { asChild: true, children: props.disabled ? /* @__PURE__ */ jsx70("span", { className: "inline-flex shrink-0", children: button }) : button }),
+      /* @__PURE__ */ jsx70(TooltipContent, { side, "aria-hidden": true, children: label })
     ] });
   }
 );
 RemoveButton.displayName = "RemoveButton";
 
 // src/components/grant-role-picker.tsx
-import * as React61 from "react";
+import * as React60 from "react";
 import { Check as Check8 } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx72, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx71, jsxs as jsxs45 } from "react/jsx-runtime";
 var WEIGHT_TONE = {
   faint: "text-text-secondary",
   normal: "text-text-primary",
@@ -4316,7 +4283,7 @@ var grantRemoveLabel = (detail, notInForce) => {
   if (!detail) return words;
   return detail.startsWith(",") ? `${words}${detail}` : `${words} ${detail}`;
 };
-var GrantRolePicker = React61.forwardRef(
+var GrantRolePicker = React60.forwardRef(
   ({
     value,
     roles,
@@ -4340,15 +4307,15 @@ var GrantRolePicker = React61.forwardRef(
     const rungs = !readOnly && !carried && pickable.length > 0;
     const removeWords = grantRemoveLabel(void 0, notInForce !== void 0);
     const valueNote = !current ? notes?.missing : rungs && !pickable.some((r) => r.id === value) ? notes?.aboveCap : void 0;
-    const item = (r) => /* @__PURE__ */ jsxs46(DropdownMenuItem, { onSelect: () => onChange(r.id), className: "items-start gap-2 py-1.5", children: [
-      /* @__PURE__ */ jsx72(Check8, { className: cn("mt-0.5 size-3.5 shrink-0 text-text-primary", r.id !== value && "invisible") }),
-      /* @__PURE__ */ jsxs46("span", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsx72("span", { className: cn("text-sm", WEIGHT_TONE[r.weight ?? "normal"]), children: r.name }),
-        r.hint && /* @__PURE__ */ jsx72("span", { className: "text-xs text-text-tertiary", children: r.hint })
+    const item = (r) => /* @__PURE__ */ jsxs45(DropdownMenuItem, { onSelect: () => onChange(r.id), className: "items-start gap-2 py-1.5", children: [
+      /* @__PURE__ */ jsx71(Check8, { className: cn("mt-0.5 size-3.5 shrink-0 text-text-primary", r.id !== value && "invisible") }),
+      /* @__PURE__ */ jsxs45("span", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsx71("span", { className: cn("text-sm", WEIGHT_TONE[r.weight ?? "normal"]), children: r.name }),
+        r.hint && /* @__PURE__ */ jsx71("span", { className: "text-xs text-text-tertiary", children: r.hint })
       ] })
     ] }, r.id);
-    return /* @__PURE__ */ jsxs46(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx72(
+    return /* @__PURE__ */ jsxs45(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx71(
         DropdownMenuTrigger,
         {
           ref,
@@ -4357,27 +4324,27 @@ var GrantRolePicker = React61.forwardRef(
           type: "button",
           "aria-label": ariaLabel ? `${ariaLabel}: ${nameOf2(value)}` : void 0,
           className,
-          children: /* @__PURE__ */ jsx72("span", { className: cn("max-w-[10rem] truncate", current ? WEIGHT_TONE[current.weight ?? "normal"] : MISSING_TONE), children: nameOf2(value) })
+          children: /* @__PURE__ */ jsx71("span", { className: cn("max-w-[10rem] truncate", current ? WEIGHT_TONE[current.weight ?? "normal"] : MISSING_TONE), children: nameOf2(value) })
         }
       ),
-      /* @__PURE__ */ jsxs46(DropdownMenuContent, { align, className: "w-64", children: [
-        carried && /* @__PURE__ */ jsx72("div", { className: MENU_STATEMENT, children: `${via} grants this role.` }),
-        valueNote !== void 0 && /* @__PURE__ */ jsx72("div", { className: MENU_STATEMENT, children: valueNote }),
+      /* @__PURE__ */ jsxs45(DropdownMenuContent, { align, className: "w-64", children: [
+        carried && /* @__PURE__ */ jsx71("div", { className: MENU_STATEMENT, children: `${via} grants this role.` }),
+        valueNote !== void 0 && /* @__PURE__ */ jsx71("div", { className: MENU_STATEMENT, children: valueNote }),
         rungs && pickable.filter((r) => !r.group).map(item),
         rungs && // Bands in the order the roles list states them, so a caller decides the order once.
-        [...new Set(pickable.map((r) => r.group).filter((g) => !!g))].map((band) => /* @__PURE__ */ jsxs46(React61.Fragment, { children: [
-          /* @__PURE__ */ jsx72(DropdownMenuSeparator, {}),
-          /* @__PURE__ */ jsx72(DropdownMenuLabel, { className: "px-2 py-1 text-xs font-medium text-text-tertiary", children: band }),
+        [...new Set(pickable.map((r) => r.group).filter((g) => !!g))].map((band) => /* @__PURE__ */ jsxs45(React60.Fragment, { children: [
+          /* @__PURE__ */ jsx71(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsx71(DropdownMenuLabel, { className: "px-2 py-1 text-xs font-medium text-text-tertiary", children: band }),
           pickable.filter((r) => r.group === band).map(item)
         ] }, band)),
-        notInForce && /* @__PURE__ */ jsxs46("div", { className: "px-2 py-1.5 text-xs text-text-tertiary", children: [
-          /* @__PURE__ */ jsx72("span", { className: "line-through", children: nameOf2(notInForce.role) }),
+        notInForce && /* @__PURE__ */ jsxs45("div", { className: "px-2 py-1.5 text-xs text-text-tertiary", children: [
+          /* @__PURE__ */ jsx71("span", { className: "line-through", children: nameOf2(notInForce.role) }),
           " ",
           notInForce.why
         ] }),
-        onRemove && /* @__PURE__ */ jsxs46(Fragment6, { children: [
-          rungs && /* @__PURE__ */ jsx72(DropdownMenuSeparator, {}),
-          /* @__PURE__ */ jsxs46(
+        onRemove && /* @__PURE__ */ jsxs45(Fragment6, { children: [
+          rungs && /* @__PURE__ */ jsx71(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsxs45(
             DropdownMenuItem,
             {
               variant: "destructive",
@@ -4385,13 +4352,13 @@ var GrantRolePicker = React61.forwardRef(
               "aria-label": removeDetail ? grantRemoveLabel(removeDetail, notInForce !== void 0) : void 0,
               className: "gap-2 py-1.5",
               children: [
-                rungs && /* @__PURE__ */ jsx72(Check8, { className: "invisible size-3.5 shrink-0" }),
+                rungs && /* @__PURE__ */ jsx71(Check8, { className: "invisible size-3.5 shrink-0" }),
                 removeWords
               ]
             }
           )
         ] }),
-        !carried && !rungs && valueNote === void 0 && !notInForce && !onRemove && notes?.empty !== void 0 && /* @__PURE__ */ jsx72("div", { className: MENU_STATEMENT, children: notes.empty })
+        !carried && !rungs && valueNote === void 0 && !notInForce && !onRemove && notes?.empty !== void 0 && /* @__PURE__ */ jsx71("div", { className: MENU_STATEMENT, children: notes.empty })
       ] })
     ] });
   }
@@ -4399,9 +4366,9 @@ var GrantRolePicker = React61.forwardRef(
 GrantRolePicker.displayName = "GrantRolePicker";
 
 // src/components/grant-row.tsx
-import * as React62 from "react";
-import { jsx as jsx73, jsxs as jsxs47 } from "react/jsx-runtime";
-var GrantRow = React62.forwardRef((props, ref) => {
+import * as React61 from "react";
+import { jsx as jsx72, jsxs as jsxs46 } from "react/jsx-runtime";
+var GrantRow = React61.forwardRef((props, ref) => {
   const {
     name,
     role,
@@ -4424,12 +4391,12 @@ var GrantRow = React62.forwardRef((props, ref) => {
   const nameOf2 = (id) => roles.find((r) => r.id === id)?.name ?? missingLabel;
   const picks = stated || readOnly ? void 0 : props.onChange;
   const removes = grantRemoveLabel(removeDetail ?? name, notInForce !== void 0);
-  return /* @__PURE__ */ jsxs47("div", { ref, className: cn("flex items-center justify-between gap-2 px-4 py-2.5", className), children: [
-    /* @__PURE__ */ jsx73("span", { className: "min-w-0 text-sm text-text-primary", children: name }),
+  return /* @__PURE__ */ jsxs46("div", { ref, className: cn("flex items-center justify-between gap-2 px-4 py-2.5", className), children: [
+    /* @__PURE__ */ jsx72("span", { className: "min-w-0 text-sm text-text-primary", children: name }),
     props.actionsInMenu ? (
       // One control, and the row ends at it. The carried case is derived from `via`: the group
       // is what makes the role not this row's to change.
-      /* @__PURE__ */ jsx73(
+      /* @__PURE__ */ jsx72(
         GrantRolePicker,
         {
           value: role,
@@ -4453,8 +4420,8 @@ var GrantRow = React62.forwardRef((props, ref) => {
       // picker at all; an overtaken grant only exists under a group's, so it is the same fact
       // arriving by the other route. A row that picked and also said either would be offering
       // rungs that change nothing.
-      /* @__PURE__ */ jsxs47("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx73(
+      /* @__PURE__ */ jsxs46("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx72(
           GrantRolePicker,
           {
             value: role,
@@ -4466,40 +4433,40 @@ var GrantRow = React62.forwardRef((props, ref) => {
             missingLabel
           }
         ),
-        onRemove ? /* @__PURE__ */ jsx73(RemoveButton, { label: removes, onClick: onRemove }) : reserveRemove ? (
+        onRemove ? /* @__PURE__ */ jsx72(RemoveButton, { label: removes, onClick: onRemove }) : reserveRemove ? (
           // Spacing, not a control: `RemoveButton`'s list-row box is 36px, so a row with nothing
           // to remove holds the same 36px and the card keeps one right edge.
-          /* @__PURE__ */ jsx73("span", { "aria-hidden": true, className: "w-9 shrink-0" })
+          /* @__PURE__ */ jsx72("span", { "aria-hidden": true, className: "w-9 shrink-0" })
         ) : null
       ] })
-    ) : /* @__PURE__ */ jsxs47("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ jsxs47("div", { className: "flex items-center gap-1.5 pr-2", children: [
-        /* @__PURE__ */ jsxs47("div", { className: "flex shrink-0 flex-col items-end", children: [
-          /* @__PURE__ */ jsx73("span", { className: cn("text-sm", held ? WEIGHT_TONE[held.weight ?? "normal"] : MISSING_TONE), children: nameOf2(role) }),
-          via && /* @__PURE__ */ jsxs47("span", { className: "text-xs text-text-tertiary", children: [
+    ) : /* @__PURE__ */ jsxs46("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxs46("div", { className: "flex items-center gap-1.5 pr-2", children: [
+        /* @__PURE__ */ jsxs46("div", { className: "flex shrink-0 flex-col items-end", children: [
+          /* @__PURE__ */ jsx72("span", { className: cn("text-sm", held ? WEIGHT_TONE[held.weight ?? "normal"] : MISSING_TONE), children: nameOf2(role) }),
+          via && /* @__PURE__ */ jsxs46("span", { className: "text-xs text-text-tertiary", children: [
             "via ",
             via
           ] }),
-          notInForce && /* @__PURE__ */ jsxs47("span", { className: "text-right text-xs text-text-tertiary", children: [
-            /* @__PURE__ */ jsx73("span", { className: "line-through", children: nameOf2(notInForce.role) }),
+          notInForce && /* @__PURE__ */ jsxs46("span", { className: "text-right text-xs text-text-tertiary", children: [
+            /* @__PURE__ */ jsx72("span", { className: "line-through", children: nameOf2(notInForce.role) }),
             " ",
             notInForce.why
           ] })
         ] }),
-        reserveChevron && /* @__PURE__ */ jsx73("span", { "aria-hidden": true, className: "w-3.5 shrink-0" })
+        reserveChevron && /* @__PURE__ */ jsx72("span", { "aria-hidden": true, className: "w-3.5 shrink-0" })
       ] }),
-      !readOnly && onRemove ? /* @__PURE__ */ jsx73(RemoveButton, { label: removes, onClick: onRemove }) : reserveRemove ? /* @__PURE__ */ jsx73("span", { "aria-hidden": true, className: "w-9 shrink-0" }) : null
+      !readOnly && onRemove ? /* @__PURE__ */ jsx72(RemoveButton, { label: removes, onClick: onRemove }) : reserveRemove ? /* @__PURE__ */ jsx72("span", { "aria-hidden": true, className: "w-9 shrink-0" }) : null
     ] })
   ] });
 });
 GrantRow.displayName = "GrantRow";
 
 // src/components/removable-chip.tsx
-import * as React63 from "react";
+import * as React62 from "react";
 import { X as X3 } from "lucide-react";
-import { jsx as jsx74, jsxs as jsxs48 } from "react/jsx-runtime";
-var RemovableChip = React63.forwardRef(
-  ({ label, onRemove, leading, removeLabel, className, ...props }, ref) => /* @__PURE__ */ jsxs48(
+import { jsx as jsx73, jsxs as jsxs47 } from "react/jsx-runtime";
+var RemovableChip = React62.forwardRef(
+  ({ label, onRemove, leading, removeLabel, className, ...props }, ref) => /* @__PURE__ */ jsxs47(
     "span",
     {
       ref,
@@ -4512,8 +4479,8 @@ var RemovableChip = React63.forwardRef(
       ),
       children: [
         leading,
-        /* @__PURE__ */ jsx74("span", { className: "truncate", children: label }),
-        /* @__PURE__ */ jsx74(
+        /* @__PURE__ */ jsx73("span", { className: "truncate", children: label }),
+        /* @__PURE__ */ jsx73(
           Button,
           {
             type: "button",
@@ -4521,7 +4488,7 @@ var RemovableChip = React63.forwardRef(
             "aria-label": removeLabel ?? `Remove ${label}`,
             variant: "ghost",
             size: "xs",
-            icon: /* @__PURE__ */ jsx74(X3, {}),
+            icon: /* @__PURE__ */ jsx73(X3, {}),
             className: "shrink-0 hover:bg-bg-overlay"
           }
         )
@@ -4532,22 +4499,22 @@ var RemovableChip = React63.forwardRef(
 RemovableChip.displayName = "RemovableChip";
 
 // src/hooks/use-fresh-highlight.ts
-import * as React64 from "react";
+import * as React63 from "react";
 var HOLD_MS = 3200;
 var CLEAR_MS = HOLD_MS + 900;
 function useFreshHighlight() {
-  const [freshId, setFreshId] = React64.useState(null);
-  const [message, setMessage] = React64.useState("");
-  const timer = React64.useRef(void 0);
-  React64.useEffect(() => () => clearTimeout(timer.current), []);
-  const markFresh = React64.useCallback((id, announce) => {
+  const [freshId, setFreshId] = React63.useState(null);
+  const [message, setMessage] = React63.useState("");
+  const timer = React63.useRef(void 0);
+  React63.useEffect(() => () => clearTimeout(timer.current), []);
+  const markFresh = React63.useCallback((id, announce) => {
     clearTimeout(timer.current);
     setFreshId(id);
     if (announce) setMessage(announce);
     timer.current = setTimeout(() => setFreshId(null), CLEAR_MS);
   }, []);
-  const isFresh = React64.useCallback((id) => id === freshId, [freshId]);
-  const freshRef = React64.useCallback((el) => {
+  const isFresh = React63.useCallback((id) => id === freshId, [freshId]);
+  const freshRef = React63.useCallback((el) => {
     if (!el) return;
     const rect = el.getBoundingClientRect();
     const viewportH = window.innerHeight || document.documentElement.clientHeight;
@@ -4556,7 +4523,7 @@ function useFreshHighlight() {
     const reduce = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
     el.scrollIntoView({ block: "nearest", behavior: reduce ? "auto" : "smooth" });
   }, []);
-  const announcer = React64.createElement(
+  const announcer = React63.createElement(
     "span",
     { role: "status", "aria-live": "polite", className: "sr-only" },
     message
@@ -4566,7 +4533,7 @@ function useFreshHighlight() {
 
 // src/components/quick-search-row.tsx
 import { Search as Search2 } from "lucide-react";
-import { jsx as jsx75, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs48 } from "react/jsx-runtime";
 function QuickSearchRow({
   onOpen,
   label = "Quick search",
@@ -4576,7 +4543,7 @@ function QuickSearchRow({
 }) {
   const name = shortcut ? `${label} ${shortcut}` : label;
   if (!collapsed) {
-    return /* @__PURE__ */ jsxs49(
+    return /* @__PURE__ */ jsxs48(
       "button",
       {
         type: "button",
@@ -4594,34 +4561,34 @@ function QuickSearchRow({
           "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus"
         ),
         children: [
-          /* @__PURE__ */ jsx75("span", { className: "flex size-4 shrink-0 items-center justify-center [&_svg]:size-4", "aria-hidden": "true", children: icon ?? /* @__PURE__ */ jsx75(Search2, {}) }),
-          /* @__PURE__ */ jsx75("span", { className: "min-w-0 flex-1 truncate", children: label }),
-          shortcut && /* @__PURE__ */ jsx75("span", { className: "shrink-0 text-xs font-medium text-text-tertiary", children: shortcut })
+          /* @__PURE__ */ jsx74("span", { className: "flex size-4 shrink-0 items-center justify-center [&_svg]:size-4", "aria-hidden": "true", children: icon ?? /* @__PURE__ */ jsx74(Search2, {}) }),
+          /* @__PURE__ */ jsx74("span", { className: "min-w-0 flex-1 truncate", children: label }),
+          shortcut && /* @__PURE__ */ jsx74("span", { className: "shrink-0 text-xs font-medium text-text-tertiary", children: shortcut })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsxs49(Tooltip, { children: [
-    /* @__PURE__ */ jsx75(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx75(
+  return /* @__PURE__ */ jsxs48(Tooltip, { children: [
+    /* @__PURE__ */ jsx74(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx74(
       NavRow,
       {
         variant: "rail",
-        icon: icon ?? /* @__PURE__ */ jsx75(Search2, { "aria-hidden": "true" }),
+        icon: icon ?? /* @__PURE__ */ jsx74(Search2, { "aria-hidden": "true" }),
         label,
         onClick: onOpen
       }
     ) }),
-    /* @__PURE__ */ jsx75(TooltipContent, { side: "right", children: name })
+    /* @__PURE__ */ jsx74(TooltipContent, { side: "right", children: name })
   ] });
 }
 QuickSearchRow.displayName = "QuickSearchRow";
 
 // src/components/nav-section-label.tsx
-import * as React65 from "react";
-import { jsx as jsx76 } from "react/jsx-runtime";
-var NavSectionLabel = React65.forwardRef(
+import * as React64 from "react";
+import { jsx as jsx75 } from "react/jsx-runtime";
+var NavSectionLabel = React64.forwardRef(
   function NavSectionLabel2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx76(
+    return /* @__PURE__ */ jsx75(
       "div",
       {
         ref,
@@ -4634,8 +4601,8 @@ var NavSectionLabel = React65.forwardRef(
 NavSectionLabel.displayName = "NavSectionLabel";
 
 // src/components/menu-popup.tsx
-import * as React66 from "react";
-import { jsx as jsx77, jsxs as jsxs50 } from "react/jsx-runtime";
+import * as React65 from "react";
+import { jsx as jsx76, jsxs as jsxs49 } from "react/jsx-runtime";
 function MenuPopup({
   trigger,
   children,
@@ -4647,9 +4614,9 @@ function MenuPopup({
   sideOffset = 6,
   className
 }) {
-  return /* @__PURE__ */ jsxs50(Popover, { open, defaultOpen, onOpenChange, children: [
-    /* @__PURE__ */ jsx77(PopoverTrigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsxs49(Popover, { open, defaultOpen, onOpenChange, children: [
+    /* @__PURE__ */ jsx76(PopoverTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx76(
       PopoverContent,
       {
         side: direction === "up" ? "top" : "bottom",
@@ -4664,9 +4631,9 @@ function MenuPopup({
     )
   ] });
 }
-var MenuDivider = React66.forwardRef(
+var MenuDivider = React65.forwardRef(
   function MenuDivider2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx77(
+    return /* @__PURE__ */ jsx76(
       "div",
       {
         ref,
@@ -4680,69 +4647,69 @@ var MenuDivider = React66.forwardRef(
 MenuDivider.displayName = "MenuDivider";
 
 // src/components/sidebar-product-header.tsx
-import * as React67 from "react";
+import * as React66 from "react";
 import { Slot as Slot3 } from "@radix-ui/react-slot";
 import { ChevronsUpDown as ChevronsUpDown2 } from "lucide-react";
-import { Fragment as Fragment7, jsx as jsx78, jsxs as jsxs51 } from "react/jsx-runtime";
-var SidebarProductHeader = React67.forwardRef(
+import { Fragment as Fragment7, jsx as jsx77, jsxs as jsxs50 } from "react/jsx-runtime";
+var SidebarProductHeader = React66.forwardRef(
   function SidebarProductHeader2({ name, icon, trailing, asChild = false, className, children, ...props }, ref) {
-    const adornment = trailing === void 0 ? /* @__PURE__ */ jsx78(ChevronsUpDown2, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" }) : trailing;
-    const content = /* @__PURE__ */ jsxs51(Fragment7, { children: [
-      icon && /* @__PURE__ */ jsx78("span", { className: "flex size-7 shrink-0 items-center justify-center overflow-hidden rounded-md", "aria-hidden": "true", children: icon }),
-      /* @__PURE__ */ jsx78("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-text-primary", children: name }),
-      adornment && /* @__PURE__ */ jsx78("span", { className: "flex shrink-0 items-center", children: adornment })
+    const adornment = trailing === void 0 ? /* @__PURE__ */ jsx77(ChevronsUpDown2, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" }) : trailing;
+    const content = /* @__PURE__ */ jsxs50(Fragment7, { children: [
+      icon && /* @__PURE__ */ jsx77("span", { className: "flex size-7 shrink-0 items-center justify-center overflow-hidden rounded-md", "aria-hidden": "true", children: icon }),
+      /* @__PURE__ */ jsx77("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-text-primary", children: name }),
+      adornment && /* @__PURE__ */ jsx77("span", { className: "flex shrink-0 items-center", children: adornment })
     ] });
     const classes = cn("flex w-full cursor-pointer items-center gap-2.5 rounded-xl px-1.5 py-0 text-left", className);
     if (asChild) {
-      const child = React67.Children.only(children);
-      return /* @__PURE__ */ jsx78(Slot3, { ref, className: classes, ...props, children: React67.cloneElement(child, void 0, content) });
+      const child = React66.Children.only(children);
+      return /* @__PURE__ */ jsx77(Slot3, { ref, className: classes, ...props, children: React66.cloneElement(child, void 0, content) });
     }
-    return /* @__PURE__ */ jsx78("button", { ref, type: "button", className: classes, ...props, children: content });
+    return /* @__PURE__ */ jsx77("button", { ref, type: "button", className: classes, ...props, children: content });
   }
 );
 SidebarProductHeader.displayName = "SidebarProductHeader";
 
 // src/components/org-product-switcher.tsx
-import * as React68 from "react";
+import * as React67 from "react";
 import { ChevronsUpDown as ChevronsUpDown3, Check as Check9, Search as Search3 } from "lucide-react";
-import { Fragment as Fragment8, jsx as jsx79, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx78, jsxs as jsxs51 } from "react/jsx-runtime";
 var PRODUCT_STATUS_LABEL = {
   blocked: "Blocked",
   archived: "Archived"
 };
 function productStatusBadge(status) {
   if (status === "active") return void 0;
-  return /* @__PURE__ */ jsx79(Badge, { variant: "status", children: PRODUCT_STATUS_LABEL[status] });
+  return /* @__PURE__ */ jsx78(Badge, { variant: "status", children: PRODUCT_STATUS_LABEL[status] });
 }
 var triggerBox = "flex min-h-[40px] w-full items-center gap-2.5 rounded-xl px-1.5 py-1 text-left transition-colors duration-fast hover:bg-[var(--hov-bg)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus";
 var inlineTriggerBox = "flex items-center gap-1.5 rounded-lg px-2 py-1 text-sm font-semibold text-text-primary transition-colors duration-fast 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";
-var searchBox = "mx-1 mb-1 flex h-8 shrink-0 items-center gap-2 rounded-md border border-field-border bg-bg-primary px-2 focus-within:ring-2 focus-within:ring-border-focus";
+var searchBox = "mx-1 mb-1 flex h-8 shrink-0 items-center gap-2 rounded-md border border-field-border bg-bg-primary px-2 focus-within:ring-2 focus-within:ring-inset focus-within:ring-border-focus";
 var rowScroller = "flex max-h-[18rem] min-h-0 flex-col gap-px overflow-y-auto overscroll-contain";
 var NO_ORG_LABEL = "Select an organization\u2026";
 var nameOf = (item) => item?.name.trim() ? item.name : void 0;
 var UNNAMED = { organization: "Unnamed organization", product: "Unnamed product" };
 function NameLine({ className, children }) {
-  return /* @__PURE__ */ jsxs52("span", { className: "flex min-w-0 items-center gap-1", children: [
-    /* @__PURE__ */ jsx79("span", { className: cn("min-w-0 truncate text-sm leading-[normal]", className), children }),
-    /* @__PURE__ */ jsx79(ChevronsUpDown3, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" })
+  return /* @__PURE__ */ jsxs51("span", { className: "flex min-w-0 items-center gap-1", children: [
+    /* @__PURE__ */ jsx78("span", { className: cn("min-w-0 truncate text-sm leading-[normal]", className), children }),
+    /* @__PURE__ */ jsx78(ChevronsUpDown3, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" })
   ] });
 }
 var SEARCH_NOUN = { organization: "organizations", product: "products" };
 function ItemLabel({ item, kind }) {
   const name = nameOf(item);
-  return /* @__PURE__ */ jsx79("span", { className: cn("min-w-0 flex-1 truncate", !name && "text-text-tertiary"), children: name ?? UNNAMED[kind] });
+  return /* @__PURE__ */ jsx78("span", { className: cn("min-w-0 flex-1 truncate", !name && "text-text-tertiary"), children: name ?? UNNAMED[kind] });
 }
 var MARK_SIZE = { md: "sm", sm: "xs" };
 var ICON_BOX = { md: "size-8 rounded-md", sm: "size-6 rounded-sm" };
 function Mark2({ item, kind, size, reserve }) {
   if (item.icon) {
-    return /* @__PURE__ */ jsx79("span", { className: cn("flex shrink-0 items-center justify-center overflow-hidden", ICON_BOX[size]), "aria-hidden": "true", children: item.icon });
+    return /* @__PURE__ */ jsx78("span", { className: cn("flex shrink-0 items-center justify-center overflow-hidden", ICON_BOX[size]), "aria-hidden": "true", children: item.icon });
   }
   const name = nameOf(item);
-  if (!name) return reserve ? /* @__PURE__ */ jsx79("span", { "aria-hidden": "true", className: cn("shrink-0", ICON_BOX[size]) }) : null;
-  return /* @__PURE__ */ jsx79(EntityTile, { name, tone: kind === "product" ? "auto" : "neutral", size: MARK_SIZE[size] });
+  if (!name) return reserve ? /* @__PURE__ */ jsx78("span", { "aria-hidden": "true", className: cn("shrink-0", ICON_BOX[size]) }) : null;
+  return /* @__PURE__ */ jsx78(EntityTile, { name, tone: kind === "product" ? "auto" : "neutral", size: MARK_SIZE[size] });
 }
 function OrgProductSwitcher({
   organizations = [],
@@ -4756,10 +4723,10 @@ function OrgProductSwitcher({
   className,
   ...props
 }) {
-  const [open, setOpen] = React68.useState(false);
-  const [query, setQuery] = React68.useState("");
-  const contentRef = React68.useRef(null);
-  const searchRef = React68.useRef(null);
+  const [open, setOpen] = React67.useState(false);
+  const [query, setQuery] = React67.useState("");
+  const contentRef = React67.useRef(null);
+  const searchRef = React67.useRef(null);
   const activeOrg = organizations.find((o) => o.id === activeOrgId);
   const activeProduct = products.find((p) => p.id === activeProductId);
   const orgName = nameOf(activeOrg);
@@ -4780,7 +4747,7 @@ function OrgProductSwitcher({
   const needle = query.trim().toLowerCase();
   const matches = needle ? items.filter((i) => (nameOf(i) ?? UNNAMED[menuKind]).toLowerCase().includes(needle)) : items;
   const hasList = items.length > 0;
-  React68.useEffect(() => {
+  React67.useEffect(() => {
     if (!open || !hasList) return;
     const id = window.setTimeout(() => searchRef.current?.focus());
     return () => window.clearTimeout(id);
@@ -4810,24 +4777,24 @@ function OrgProductSwitcher({
     }
     if (e.key.length === 1) e.stopPropagation();
   };
-  return /* @__PURE__ */ jsxs52(DropdownMenu, { open, onOpenChange: setMenuOpen, children: [
+  return /* @__PURE__ */ jsxs51(DropdownMenu, { open, onOpenChange: setMenuOpen, children: [
     trigger === "inline" ? (
       // One line, and the words are the whole trigger: the product where one has resolved, the
       // org where it has not, and the same tertiary placeholder as the stacked form where neither
       // has. Nothing is truncated — a bar sizes to its contents, and a name cut short in a bar is
       // a name nowhere else on the page repeats.
-      /* @__PURE__ */ jsxs52(DropdownMenuTrigger, { "aria-label": ariaLabel, className: cn(inlineTriggerBox, className), children: [
-        /* @__PURE__ */ jsx79("span", { className: cn(!inlineName && "font-medium text-text-tertiary"), children: inlineName ?? NO_ORG_LABEL }),
-        /* @__PURE__ */ jsx79(ChevronsUpDown3, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" })
+      /* @__PURE__ */ jsxs51(DropdownMenuTrigger, { "aria-label": ariaLabel, className: cn(inlineTriggerBox, className), children: [
+        /* @__PURE__ */ jsx78("span", { className: cn(!inlineName && "font-medium text-text-tertiary"), children: inlineName ?? NO_ORG_LABEL }),
+        /* @__PURE__ */ jsx78(ChevronsUpDown3, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" })
       ] })
-    ) : /* @__PURE__ */ jsxs52(DropdownMenuTrigger, { "aria-label": ariaLabel, className: cn(triggerBox, className), children: [
-      triggerMark && /* @__PURE__ */ jsx79(Mark2, { item: triggerMark, kind: markKind, size: "md" }),
-      orgLevel ? /* @__PURE__ */ jsx79("span", { className: "flex min-w-0 flex-1 flex-col", children: /* @__PURE__ */ jsx79(NameLine, { className: orgName ? "font-semibold text-text-primary" : "text-text-tertiary", children: orgName ?? NO_ORG_LABEL }) }) : /* @__PURE__ */ jsxs52("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-        orgName && /* @__PURE__ */ jsx79("span", { className: "truncate text-xs leading-[normal] text-text-tertiary", children: orgName }),
-        /* @__PURE__ */ jsx79(NameLine, { className: productName ? "font-semibold text-text-primary" : "text-text-tertiary", children: productLabel })
+    ) : /* @__PURE__ */ jsxs51(DropdownMenuTrigger, { "aria-label": ariaLabel, className: cn(triggerBox, className), children: [
+      triggerMark && /* @__PURE__ */ jsx78(Mark2, { item: triggerMark, kind: markKind, size: "md" }),
+      orgLevel ? /* @__PURE__ */ jsx78("span", { className: "flex min-w-0 flex-1 flex-col", children: /* @__PURE__ */ jsx78(NameLine, { className: orgName ? "font-semibold text-text-primary" : "text-text-tertiary", children: orgName ?? NO_ORG_LABEL }) }) : /* @__PURE__ */ jsxs51("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+        orgName && /* @__PURE__ */ jsx78("span", { className: "truncate text-xs leading-[normal] text-text-tertiary", children: orgName }),
+        /* @__PURE__ */ jsx78(NameLine, { className: productName ? "font-semibold text-text-primary" : "text-text-tertiary", children: productLabel })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs52(
+    /* @__PURE__ */ jsxs51(
       DropdownMenuContent,
       {
         ref: contentRef,
@@ -4835,11 +4802,11 @@ function OrgProductSwitcher({
         sideOffset: 6,
         className: "flex w-[var(--radix-dropdown-menu-trigger-width)] min-w-64 flex-col gap-px rounded-xl border-border-subtle bg-[var(--menu-bg)] p-1 shadow-(--menu-shadow)",
         children: [
-          items.length > 0 && /* @__PURE__ */ jsxs52(Fragment8, { children: [
-            /* @__PURE__ */ jsx79(DropdownMenuLabel, { className: sectionLabel, children: menuKind === "organization" ? "Organizations" : "Products" }),
-            /* @__PURE__ */ jsxs52("div", { className: searchBox, onKeyDown: onSearchKeyDown, children: [
-              /* @__PURE__ */ jsx79(Search3, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" }),
-              /* @__PURE__ */ jsx79(
+          items.length > 0 && /* @__PURE__ */ jsxs51(Fragment8, { children: [
+            /* @__PURE__ */ jsx78(DropdownMenuLabel, { className: sectionLabel, children: menuKind === "organization" ? "Organizations" : "Products" }),
+            /* @__PURE__ */ jsxs51("div", { className: searchBox, onKeyDown: onSearchKeyDown, children: [
+              /* @__PURE__ */ jsx78(Search3, { size: 14, "aria-hidden": "true", className: "shrink-0 text-text-tertiary" }),
+              /* @__PURE__ */ jsx78(
                 "input",
                 {
                   ref: searchRef,
@@ -4852,27 +4819,27 @@ function OrgProductSwitcher({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx79("div", { role: "group", className: rowScroller, children: matches.map((item) => {
+            /* @__PURE__ */ jsx78("div", { role: "group", className: rowScroller, children: matches.map((item) => {
               const status = menuKind === "product" && productStatusBadge(item.status ?? "active");
-              return /* @__PURE__ */ jsxs52(DropdownMenuItem, { "data-menu-row": "", className: menuItem, onSelect: () => pick(item.id), children: [
-                /* @__PURE__ */ jsx79(Mark2, { item, kind: menuKind, size: "sm", reserve: true }),
-                /* @__PURE__ */ jsx79(ItemLabel, { item, kind: menuKind }),
-                status && /* @__PURE__ */ jsx79("span", { className: "shrink-0", children: status }),
-                item.id === activeItemId && /* @__PURE__ */ jsx79(Check9, { className: "size-4 shrink-0 text-text-secondary", "aria-hidden": "true" })
+              return /* @__PURE__ */ jsxs51(DropdownMenuItem, { "data-menu-row": "", className: menuItem, onSelect: () => pick(item.id), children: [
+                /* @__PURE__ */ jsx78(Mark2, { item, kind: menuKind, size: "sm", reserve: true }),
+                /* @__PURE__ */ jsx78(ItemLabel, { item, kind: menuKind }),
+                status && /* @__PURE__ */ jsx78("span", { className: "shrink-0", children: status }),
+                item.id === activeItemId && /* @__PURE__ */ jsx78(Check9, { className: "size-4 shrink-0 text-text-secondary", "aria-hidden": "true" })
               ] }, item.id);
             }) }),
-            matches.length === 0 && /* @__PURE__ */ jsxs52("div", { className: "px-2 py-1.5 text-sm text-text-tertiary", children: [
+            matches.length === 0 && /* @__PURE__ */ jsxs51("div", { className: "px-2 py-1.5 text-sm text-text-tertiary", children: [
               "No ",
               noun,
               " match."
             ] })
           ] }),
-          actions && actions.length > 0 && /* @__PURE__ */ jsxs52(Fragment8, { children: [
-            items.length > 0 && /* @__PURE__ */ jsx79(DropdownMenuSeparator, { className: "mx-0 shrink-0" }),
-            actions.map((a) => /* @__PURE__ */ jsx79(DropdownMenuItem, { className: menuItem, onSelect: a.onSelect, asChild: Boolean(a.href), children: a.href ? /* @__PURE__ */ jsxs52("a", { href: a.href, children: [
+          actions && actions.length > 0 && /* @__PURE__ */ jsxs51(Fragment8, { children: [
+            items.length > 0 && /* @__PURE__ */ jsx78(DropdownMenuSeparator, { className: "mx-0 shrink-0" }),
+            actions.map((a) => /* @__PURE__ */ jsx78(DropdownMenuItem, { className: menuItem, onSelect: a.onSelect, asChild: Boolean(a.href), children: a.href ? /* @__PURE__ */ jsxs51("a", { href: a.href, children: [
               a.icon,
               a.label
-            ] }) : /* @__PURE__ */ jsxs52(Fragment8, { children: [
+            ] }) : /* @__PURE__ */ jsxs51(Fragment8, { children: [
               a.icon,
               a.label
             ] }) }, a.id))
@@ -4886,13 +4853,13 @@ OrgProductSwitcher.displayName = "OrgProductSwitcher";
 
 // src/components/sidebar-back-header.tsx
 import { ArrowLeft as ArrowLeft3 } from "lucide-react";
-import { jsx as jsx80, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs52 } 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 duration-fast hover:bg-[color-mix(in_srgb,var(--text-primary)_12%,transparent)] hover:text-text-primary";
 var rowPlate = "transition-colors duration-fast hover:bg-[color-mix(in_srgb,var(--text-primary)_7%,transparent)]";
 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__ */ jsx80(ArrowLeft3, { size: 16, "aria-hidden": "true" });
+var Arrow = () => /* @__PURE__ */ jsx79(ArrowLeft3, { size: 16, "aria-hidden": "true" });
 function SidebarBackHeader({
   title,
   onBack,
@@ -4906,7 +4873,7 @@ function SidebarBackHeader({
   const { className: arrowClassName, ...arrowRest } = arrowProps ?? {};
   const { className: titleClassName, ...titleRest } = titleProps ?? {};
   if (!onTitleClick) {
-    return /* @__PURE__ */ jsxs53(
+    return /* @__PURE__ */ jsxs52(
       "button",
       {
         type: "button",
@@ -4914,14 +4881,14 @@ function SidebarBackHeader({
         className: cn("flex cursor-pointer items-center rounded-xl", rowPlate, focusRing, className),
         ...rowProps,
         children: [
-          /* @__PURE__ */ jsx80("span", { className: arrowBox, children: /* @__PURE__ */ jsx80("span", { className: cn(arrowPlate, arrowClassName), ...arrowRest, children: /* @__PURE__ */ jsx80(Arrow, {}) }) }),
-          /* @__PURE__ */ jsx80("span", { className: cn(titleBox, titleClassName), ...titleRest, children: title })
+          /* @__PURE__ */ jsx79("span", { className: arrowBox, children: /* @__PURE__ */ jsx79("span", { className: cn(arrowPlate, arrowClassName), ...arrowRest, children: /* @__PURE__ */ jsx79(Arrow, {}) }) }),
+          /* @__PURE__ */ jsx79("span", { className: cn(titleBox, titleClassName), ...titleRest, children: title })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsxs53("div", { className: cn("flex items-center rounded-xl", rowPlate, className), ...rowProps, children: [
-    /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsxs52("div", { className: cn("flex items-center rounded-xl", rowPlate, className), ...rowProps, children: [
+    /* @__PURE__ */ jsx79(
       "button",
       {
         type: "button",
@@ -4929,10 +4896,10 @@ function SidebarBackHeader({
         onClick: onBack,
         className: cn(arrowBox, focusRing, arrowClassName),
         ...arrowRest,
-        children: /* @__PURE__ */ jsx80("span", { className: arrowPlate, children: /* @__PURE__ */ jsx80(Arrow, {}) })
+        children: /* @__PURE__ */ jsx79("span", { className: arrowPlate, children: /* @__PURE__ */ jsx79(Arrow, {}) })
       }
     ),
-    /* @__PURE__ */ jsx80(
+    /* @__PURE__ */ jsx79(
       "button",
       {
         type: "button",
@@ -4947,24 +4914,24 @@ function SidebarBackHeader({
 SidebarBackHeader.displayName = "SidebarBackHeader";
 
 // src/components/top-bar.tsx
-import * as React69 from "react";
-import { jsx as jsx81, jsxs as jsxs54 } from "react/jsx-runtime";
-var TopBar = React69.forwardRef(
-  ({ left, right, className, ...props }, ref) => /* @__PURE__ */ jsxs54("div", { ref, className: cn("flex w-full items-center gap-1", className), ...props, children: [
+import * as React68 from "react";
+import { jsx as jsx80, jsxs as jsxs53 } from "react/jsx-runtime";
+var TopBar = React68.forwardRef(
+  ({ left, right, className, ...props }, ref) => /* @__PURE__ */ jsxs53("div", { ref, className: cn("flex w-full items-center gap-1", className), ...props, children: [
     left,
-    right && /* @__PURE__ */ jsx81("div", { className: "ml-auto flex items-center gap-2", children: right })
+    right && /* @__PURE__ */ jsx80("div", { className: "ml-auto flex items-center gap-2", children: right })
   ] })
 );
 TopBar.displayName = "TopBar";
 
 // src/components/grid.tsx
-import * as React70 from "react";
+import * as React69 from "react";
 import { Slot as Slot4 } from "@radix-ui/react-slot";
-import { jsx as jsx82 } from "react/jsx-runtime";
-var Grid = React70.forwardRef(
+import { jsx as jsx81 } from "react/jsx-runtime";
+var Grid = React69.forwardRef(
   ({ fluid = false, asChild = false, className, ...props }, ref) => {
     const Comp = asChild ? Slot4 : "div";
-    return /* @__PURE__ */ jsx82(
+    return /* @__PURE__ */ jsx81(
       Comp,
       {
         ref,
@@ -4982,9 +4949,9 @@ var Grid = React70.forwardRef(
 Grid.displayName = "Grid";
 
 // src/components/col.tsx
-import * as React71 from "react";
+import * as React70 from "react";
 import { Slot as Slot5 } from "@radix-ui/react-slot";
-import { jsx as jsx83 } from "react/jsx-runtime";
+import { jsx as jsx82 } 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" },
@@ -5104,27 +5071,27 @@ function responsiveClasses(span, offset) {
   }
   return cn(...spanClasses, ...startClasses);
 }
-var Col = React71.forwardRef(
+var Col = React70.forwardRef(
   ({ span, offset, asChild = false, className, ...props }, ref) => {
     const Comp = asChild ? Slot5 : "div";
-    return /* @__PURE__ */ jsx83(Comp, { ref, className: cn(responsiveClasses(span, offset), className), ...props });
+    return /* @__PURE__ */ jsx82(Comp, { ref, className: cn(responsiveClasses(span, offset), className), ...props });
   }
 );
 Col.displayName = "Col";
 
 // src/components/page-column.tsx
-import { jsx as jsx84 } from "react/jsx-runtime";
+import { jsx as jsx83 } from "react/jsx-runtime";
 var WIDTH = {
   reading: "grid gap-5 page-column",
   full: "grid gap-5"
 };
 function PageColumn({ className, width = "reading", ...props }) {
-  return /* @__PURE__ */ jsx84("div", { "data-slot": "page-column", className: cn(WIDTH[width], className), ...props });
+  return /* @__PURE__ */ jsx83("div", { "data-slot": "page-column", className: cn(WIDTH[width], className), ...props });
 }
 
 // src/components/code-block.tsx
-import * as React72 from "react";
-import { jsx as jsx85, jsxs as jsxs55 } from "react/jsx-runtime";
+import * as React71 from "react";
+import { jsx as jsx84, jsxs as jsxs54 } from "react/jsx-runtime";
 var TOKEN_CLASS = {
   comment: "text-text-tertiary italic",
   string: "text-text-success",
@@ -5295,30 +5262,30 @@ function dropLeading(tokens, count) {
   }
   return out;
 }
-var CodeBlock = React72.forwardRef(
+var CodeBlock = React71.forwardRef(
   ({ code, lang = "tsx", variant = "default", copy = false, filename, scroll = false, highlightLines, showLineNumbers = false, className, ...props }, ref) => {
-    const lines = React72.useMemo(() => tokenizeLines(code, lang), [code, lang]);
-    const rawLines = React72.useMemo(() => code.split("\n"), [code]);
-    const highlighted = React72.useMemo(() => parseHighlightLines(highlightLines), [highlightLines]);
+    const lines = React71.useMemo(() => tokenizeLines(code, lang), [code, lang]);
+    const rawLines = React71.useMemo(() => code.split("\n"), [code]);
+    const highlighted = React71.useMemo(() => parseHighlightLines(highlightLines), [highlightLines]);
     const isDiff = variant === "diff";
     const isTerminal = variant === "terminal";
     const showCopy = copy && !isTerminal;
     const overlayCopy = showCopy && !filename;
     const contentWhitespace = scroll ? "whitespace-pre" : "whitespace-pre-wrap break-words";
-    const pre = /* @__PURE__ */ jsx85(
+    const pre = /* @__PURE__ */ jsx84(
       "pre",
       {
         ref,
         className: cn("py-4 font-mono text-xs leading-6 text-text-secondary", scroll && "overflow-x-auto", className),
         ...props,
-        children: /* @__PURE__ */ jsx85("code", { className: "block min-w-full", children: lines.map((tokens, i) => {
+        children: /* @__PURE__ */ jsx84("code", { className: "block min-w-full", children: lines.map((tokens, i) => {
           const n = i + 1;
           const raw = rawLines[i] ?? "";
           const diffKind = isDiff ? raw[0] === "+" ? "add" : raw[0] === "-" ? "remove" : null : null;
           const promptLen = isTerminal && raw[0] === "$" ? 1 : 0;
           const markerDrop = diffKind ? 1 : promptLen;
           const body = markerDrop ? dropLeading(tokens, markerDrop) : tokens;
-          return /* @__PURE__ */ jsxs55(
+          return /* @__PURE__ */ jsxs54(
             "span",
             {
               "data-line": n,
@@ -5331,8 +5298,8 @@ var CodeBlock = React72.forwardRef(
                 !diffKind && highlighted.has(n) && "bg-bg-brand-subtle"
               ),
               children: [
-                showLineNumbers && /* @__PURE__ */ jsx85("span", { "aria-hidden": true, className: "mr-3 w-8 shrink-0 select-none text-right text-text-tertiary", children: n }),
-                (isDiff || isTerminal) && /* @__PURE__ */ jsx85(
+                showLineNumbers && /* @__PURE__ */ jsx84("span", { "aria-hidden": true, className: "mr-3 w-8 shrink-0 select-none text-right text-text-tertiary", children: n }),
+                (isDiff || isTerminal) && /* @__PURE__ */ jsx84(
                   "span",
                   {
                     "aria-hidden": true,
@@ -5345,7 +5312,7 @@ var CodeBlock = React72.forwardRef(
                     children: diffKind === "add" ? "+" : diffKind === "remove" ? "-" : promptLen > 0 ? "$" : ""
                   }
                 ),
-                /* @__PURE__ */ jsx85("span", { className: cn("min-w-0 flex-1", contentWhitespace), children: body.length ? body.map((token, j) => /* @__PURE__ */ jsx85("span", { className: TOKEN_CLASS[token.kind], children: token.text }, j)) : "\xA0" })
+                /* @__PURE__ */ jsx84("span", { className: cn("min-w-0 flex-1", contentWhitespace), children: body.length ? body.map((token, j) => /* @__PURE__ */ jsx84("span", { className: TOKEN_CLASS[token.kind], children: token.text }, j)) : "\xA0" })
               ]
             },
             i
@@ -5353,16 +5320,16 @@ var CodeBlock = React72.forwardRef(
         }) })
       }
     );
-    return /* @__PURE__ */ jsxs55("div", { className: "relative overflow-hidden rounded-lg border border-border-subtle bg-bg-primary", children: [
-      filename && /* @__PURE__ */ jsxs55("div", { className: "flex items-center justify-between gap-3 border-b border-border-subtle px-4 py-2", children: [
-        /* @__PURE__ */ jsx85("span", { className: "font-mono text-xs text-text-tertiary", children: filename }),
-        showCopy && /* @__PURE__ */ jsx85(CopyButton, { value: code, label: "Copy code", className: "size-7" })
+    return /* @__PURE__ */ jsxs54("div", { className: "relative overflow-hidden rounded-lg border border-border-subtle bg-bg-primary", children: [
+      filename && /* @__PURE__ */ jsxs54("div", { className: "flex items-center justify-between gap-3 border-b border-border-subtle px-4 py-2", children: [
+        /* @__PURE__ */ jsx84("span", { className: "font-mono text-xs text-text-tertiary", children: filename }),
+        showCopy && /* @__PURE__ */ jsx84(CopyButton, { value: code, label: "Copy code", className: "size-7" })
       ] }),
       pre,
       overlayCopy && // Always visible, on every device: a copy control you have to hover to discover is a
       // control most people never find. Opaque (`bg-bg-primary`, the block's own surface) so it
       // reads cleanly where a long first line runs under it.
-      /* @__PURE__ */ jsx85(
+      /* @__PURE__ */ jsx84(
         CopyButton,
         {
           value: code,
@@ -5374,7 +5341,7 @@ var CodeBlock = React72.forwardRef(
   }
 );
 CodeBlock.displayName = "CodeBlock";
-var Code = React72.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx85(
+var Code = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx84(
   "code",
   {
     ref,
@@ -5388,13 +5355,13 @@ var Code = React72.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 Code.displayName = "Code";
 
 // src/components/grid-overlay.tsx
-import * as React73 from "react";
-import { jsx as jsx86 } from "react/jsx-runtime";
+import * as React72 from "react";
+import { jsx as jsx85 } from "react/jsx-runtime";
 var BASELINE = "var(--grid-gutter) / 2";
-var GridOverlay = React73.forwardRef(
+var GridOverlay = React72.forwardRef(
   ({ columns, baseline = false, className, style, ...props }, ref) => {
     const count = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;
-    return /* @__PURE__ */ jsx86(
+    return /* @__PURE__ */ jsx85(
       "div",
       {
         ref,
@@ -5411,7 +5378,7 @@ var GridOverlay = React73.forwardRef(
           ...style
         },
         ...props,
-        children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx86("span", { style: { backgroundColor: "var(--bg-brand)", opacity: 0.1 } }, i))
+        children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx85("span", { style: { backgroundColor: "var(--bg-brand)", opacity: 0.1 } }, i))
       }
     );
   }
@@ -5419,10 +5386,10 @@ var GridOverlay = React73.forwardRef(
 GridOverlay.displayName = "GridOverlay";
 
 // src/components/attachment-chip.tsx
-import * as React74 from "react";
+import * as React73 from "react";
 import { cva as cva8 } from "class-variance-authority";
 import { Link2, Clock, Plus as Plus2 } from "lucide-react";
-import { jsx as jsx87, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs55 } from "react/jsx-runtime";
 var attachmentChipVariants = cva8(
   "inline-flex items-center gap-1.5 rounded-lg border px-2.5 py-1 text-sm font-medium leading-tight",
   {
@@ -5441,11 +5408,11 @@ var stateIcons = {
   requested: Clock,
   available: Plus2
 };
-var AttachmentChip = React74.forwardRef(
+var AttachmentChip = React73.forwardRef(
   ({ state, account, icon, hideIcon = false, className, ...props }, ref) => {
     const Icon = icon ?? stateIcons[state ?? "attached"];
-    return /* @__PURE__ */ jsxs56("span", { ref, className: cn(attachmentChipVariants({ state }), className), ...props, children: [
-      !hideIcon && /* @__PURE__ */ jsx87(Icon, { className: "size-3.5 shrink-0 opacity-90", "aria-hidden": "true" }),
+    return /* @__PURE__ */ jsxs55("span", { ref, className: cn(attachmentChipVariants({ state }), className), ...props, children: [
+      !hideIcon && /* @__PURE__ */ jsx86(Icon, { className: "size-3.5 shrink-0 opacity-90", "aria-hidden": "true" }),
       account
     ] });
   }
@@ -5453,9 +5420,9 @@ var AttachmentChip = React74.forwardRef(
 AttachmentChip.displayName = "AttachmentChip";
 
 // src/components/connector-card.tsx
-import * as React75 from "react";
+import * as React74 from "react";
 import { AlertTriangle, ChevronDown as ChevronDown5 } from "lucide-react";
-import { Fragment as Fragment9, jsx as jsx88, jsxs as jsxs57 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx87, jsxs as jsxs56 } from "react/jsx-runtime";
 var originLabels = {
   org: "Attached by the organization",
   product: "Attached by this product"
@@ -5468,7 +5435,7 @@ var statusLabels = {
 function monogram(name) {
   return name.replace(/[^a-zA-Z0-9 ]/g, " ").split(/\s+/).filter(Boolean).slice(0, 2).map((w) => w[0].toUpperCase()).join("");
 }
-var ConnectorCard = React75.forwardRef(
+var ConnectorCard = React74.forwardRef(
   ({
     name,
     kind,
@@ -5489,7 +5456,7 @@ var ConnectorCard = React75.forwardRef(
   }, ref) => {
     const connected = status !== "not-connected";
     const label = statusLabel ?? statusLabels[status];
-    const glyphBox = /* @__PURE__ */ jsx88(
+    const glyphBox = /* @__PURE__ */ jsx87(
       "div",
       {
         "aria-hidden": "true",
@@ -5497,48 +5464,48 @@ var ConnectorCard = React75.forwardRef(
         children: glyph ?? monogram(name)
       }
     );
-    const identity = /* @__PURE__ */ jsxs57("div", { className: "min-w-0", children: [
-      /* @__PURE__ */ jsx88("p", { className: "truncate text-sm font-semibold text-text-primary", children: name }),
-      (kind || origin) && /* @__PURE__ */ jsxs57("div", { className: "mt-0.5 flex flex-wrap gap-1", children: [
-        kind && /* @__PURE__ */ jsx88(Badge, { variant: "secondary", children: kind }),
-        origin && /* @__PURE__ */ jsx88(Badge, { variant: "outline", children: originLabels[origin] })
+    const identity = /* @__PURE__ */ jsxs56("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsx87("p", { className: "truncate text-sm font-semibold text-text-primary", children: name }),
+      (kind || origin) && /* @__PURE__ */ jsxs56("div", { className: "mt-0.5 flex flex-wrap gap-1", children: [
+        kind && /* @__PURE__ */ jsx87(Badge, { variant: "secondary", children: kind }),
+        origin && /* @__PURE__ */ jsx87(Badge, { variant: "outline", children: originLabels[origin] })
       ] })
     ] });
-    const statusBadge = label ? /* @__PURE__ */ jsx88(Badge, { variant: "status", children: label }) : null;
-    const accessNote = access ? /* @__PURE__ */ jsxs57(
+    const statusBadge = label ? /* @__PURE__ */ jsx87(Badge, { variant: "status", children: label }) : null;
+    const accessNote = access ? /* @__PURE__ */ jsxs56(
       "div",
       {
         role: "note",
         className: "flex items-start gap-2 border-t border-border-subtle bg-bg-secondary px-4 py-2.5 text-xs font-medium text-text-secondary",
         children: [
-          /* @__PURE__ */ jsx88(AlertTriangle, { className: "mt-0.5 size-3.5 shrink-0", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx88("span", { children: access })
+          /* @__PURE__ */ jsx87(AlertTriangle, { className: "mt-0.5 size-3.5 shrink-0", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx87("span", { children: access })
         ]
       }
     ) : null;
     const footerAction = collapsible ? action : connected && action;
-    const footer = attachedCount !== void 0 || footerAction ? /* @__PURE__ */ jsxs57("div", { className: "flex items-center justify-between border-t border-border-subtle px-4 py-3", children: [
-      /* @__PURE__ */ jsx88("span", { className: "text-sm text-text-secondary", children: attachedCount !== void 0 ? /* @__PURE__ */ jsxs57(Fragment9, { children: [
+    const footer = attachedCount !== void 0 || footerAction ? /* @__PURE__ */ jsxs56("div", { className: "flex items-center justify-between border-t border-border-subtle px-4 py-3", children: [
+      /* @__PURE__ */ jsx87("span", { className: "text-sm text-text-secondary", children: attachedCount !== void 0 ? /* @__PURE__ */ jsxs56(Fragment9, { children: [
         "Attached to ",
-        /* @__PURE__ */ jsx88("span", { className: "font-semibold text-text-primary", children: attachedCount }),
+        /* @__PURE__ */ jsx87("span", { className: "font-semibold text-text-primary", children: attachedCount }),
         " ",
         attachedCount === 1 ? "product" : "products"
-      ] }) : /* @__PURE__ */ jsx88("span", { className: "text-text-tertiary", children: "Not attached to any product yet" }) }),
+      ] }) : /* @__PURE__ */ jsx87("span", { className: "text-text-tertiary", children: "Not attached to any product yet" }) }),
       footerAction
     ] }) : null;
-    const drawer = children ? /* @__PURE__ */ jsx88("div", { "data-slot": "drawer", className: "border-t border-border-subtle", children }) : null;
+    const drawer = children ? /* @__PURE__ */ jsx87("div", { "data-slot": "drawer", className: "border-t border-border-subtle", children }) : null;
     if (!collapsible) {
-      return /* @__PURE__ */ jsxs57(
+      return /* @__PURE__ */ jsxs56(
         Card,
         {
           ref,
           className: cn(status === "not-connected" && "border-dashed border-border-default", className),
           ...props,
           children: [
-            /* @__PURE__ */ jsxs57("div", { className: "flex items-center gap-3 p-4", children: [
+            /* @__PURE__ */ jsxs56("div", { className: "flex items-center gap-3 p-4", children: [
               glyphBox,
               identity,
-              /* @__PURE__ */ jsx88("div", { className: "ml-auto shrink-0", children: connected ? statusBadge : action ?? statusBadge })
+              /* @__PURE__ */ jsx87("div", { className: "ml-auto shrink-0", children: connected ? statusBadge : action ?? statusBadge })
             ] }),
             accessNote,
             footer,
@@ -5547,7 +5514,7 @@ var ConnectorCard = React75.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ jsx88(Collapsible, { defaultOpen, open, onOpenChange, children: /* @__PURE__ */ jsxs57(
+    return /* @__PURE__ */ jsx87(Collapsible, { defaultOpen, open, onOpenChange, children: /* @__PURE__ */ jsxs56(
       Card,
       {
         ref,
@@ -5558,7 +5525,7 @@ var ConnectorCard = React75.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx88(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs57(
+          /* @__PURE__ */ jsx87(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs56(
             "button",
             {
               type: "button",
@@ -5566,9 +5533,9 @@ var ConnectorCard = React75.forwardRef(
               children: [
                 glyphBox,
                 identity,
-                /* @__PURE__ */ jsxs57("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
+                /* @__PURE__ */ jsxs56("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
                   statusBadge,
-                  /* @__PURE__ */ jsx88(
+                  /* @__PURE__ */ jsx87(
                     ChevronDown5,
                     {
                       "aria-hidden": "true",
@@ -5579,7 +5546,7 @@ var ConnectorCard = React75.forwardRef(
               ]
             }
           ) }),
-          /* @__PURE__ */ jsxs57(CollapsibleContent2, { children: [
+          /* @__PURE__ */ jsxs56(CollapsibleContent2, { children: [
             accessNote,
             footer,
             drawer
@@ -5592,33 +5559,33 @@ var ConnectorCard = React75.forwardRef(
 ConnectorCard.displayName = "ConnectorCard";
 
 // src/components/request-row.tsx
-import * as React76 from "react";
-import { Fragment as Fragment10, jsx as jsx89, jsxs as jsxs58 } from "react/jsx-runtime";
+import * as React75 from "react";
+import { Fragment as Fragment10, jsx as jsx88, jsxs as jsxs57 } 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 = React76.forwardRef(
+var RequestRow = React75.forwardRef(
   ({ surface, name, state, glyph, subtitle, account, onApprove, onDeny, onRequest, onRevoke, action, className, ...props }, ref) => {
     let controls = action;
     if (controls === void 0) {
       if (surface === "org" && state === "pending") {
-        controls = /* @__PURE__ */ jsxs58(Fragment10, { children: [
-          /* @__PURE__ */ jsx89(Button, { variant: "ghost", size: "sm", onClick: onDeny, children: "Deny" }),
-          /* @__PURE__ */ jsx89(Button, { variant: "outline", size: "sm", onClick: onApprove, children: "Approve" })
+        controls = /* @__PURE__ */ jsxs57(Fragment10, { children: [
+          /* @__PURE__ */ jsx88(Button, { variant: "ghost", size: "sm", onClick: onDeny, children: "Deny" }),
+          /* @__PURE__ */ jsx88(Button, { variant: "outline", size: "sm", onClick: onApprove, children: "Approve" })
         ] });
       } else if (state === "sent") {
-        controls = /* @__PURE__ */ jsx89(Button, { variant: "destructive-ghost", size: "sm", onClick: onRevoke, children: "Revoke" });
+        controls = /* @__PURE__ */ jsx88(Button, { variant: "destructive-ghost", size: "sm", onClick: onRevoke, children: "Revoke" });
       } else if (state === "available") {
-        controls = /* @__PURE__ */ jsx89(Button, { variant: "outline", size: "sm", onClick: onRequest, children: "Request" });
+        controls = /* @__PURE__ */ jsx88(Button, { variant: "outline", size: "sm", onClick: onRequest, children: "Request" });
       } else if (state === "pending") {
-        controls = /* @__PURE__ */ jsx89(Badge, { variant: "status", children: "Requested" });
+        controls = /* @__PURE__ */ jsx88(Badge, { variant: "status", children: "Requested" });
       } else if (state === "denied") {
-        controls = /* @__PURE__ */ jsx89(Badge, { variant: "status", children: "Denied" });
+        controls = /* @__PURE__ */ jsx88(Badge, { variant: "status", children: "Denied" });
       } else if (state === "attached") {
-        controls = account ? /* @__PURE__ */ jsx89(AttachmentChip, { state: "attached", account }) : /* @__PURE__ */ jsx89(Badge, { variant: "status", children: "In use" });
+        controls = account ? /* @__PURE__ */ jsx88(AttachmentChip, { state: "attached", account }) : /* @__PURE__ */ jsx88(Badge, { variant: "status", children: "In use" });
       }
     }
-    return /* @__PURE__ */ jsxs58(
+    return /* @__PURE__ */ jsxs57(
       "div",
       {
         ref,
@@ -5628,7 +5595,7 @@ var RequestRow = React76.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx89(
+          /* @__PURE__ */ jsx88(
             "div",
             {
               "aria-hidden": "true",
@@ -5636,11 +5603,11 @@ var RequestRow = React76.forwardRef(
               children: glyph ?? monogram2(name)
             }
           ),
-          /* @__PURE__ */ jsxs58("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsx89("p", { className: "truncate text-sm font-semibold text-text-primary", children: name }),
-            subtitle && /* @__PURE__ */ jsx89("p", { className: "truncate text-xs text-text-tertiary", children: subtitle })
+          /* @__PURE__ */ jsxs57("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx88("p", { className: "truncate text-sm font-semibold text-text-primary", children: name }),
+            subtitle && /* @__PURE__ */ jsx88("p", { className: "truncate text-xs text-text-tertiary", children: subtitle })
           ] }),
-          /* @__PURE__ */ jsx89("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: controls })
+          /* @__PURE__ */ jsx88("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: controls })
         ]
       }
     );
@@ -5649,9 +5616,9 @@ var RequestRow = React76.forwardRef(
 RequestRow.displayName = "RequestRow";
 
 // src/components/feedback-button.tsx
-import * as React77 from "react";
+import * as React76 from "react";
 import { MessageSquare, Loader2 as Loader23, CheckCircle2 } from "lucide-react";
-import { jsx as jsx90, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs58 } from "react/jsx-runtime";
 var TITLE_MAX = 256;
 var DETAILS_MAX = 65536;
 var DEFAULT_LABELS = {
@@ -5665,15 +5632,15 @@ var DEFAULT_LABELS = {
 };
 function FeedbackButton({ onSubmit, labels, className }) {
   const l = { ...DEFAULT_LABELS, ...labels };
-  const uid = React77.useId();
+  const uid = React76.useId();
   const titleId = `${uid}-title`;
   const detailsId = `${uid}-details`;
   const titleErrId = `${uid}-title-error`;
   const detailsErrId = `${uid}-details-error`;
-  const [open, setOpen] = React77.useState(false);
-  const [status, setStatus] = React77.useState("idle");
-  const [title, setTitle] = React77.useState("");
-  const [details, setDetails] = React77.useState("");
+  const [open, setOpen] = React76.useState(false);
+  const [status, setStatus] = React76.useState("idle");
+  const [title, setTitle] = React76.useState("");
+  const [details, setDetails] = React76.useState("");
   const titleTooLong = title.length > TITLE_MAX;
   const detailsTooLong = details.length > DETAILS_MAX;
   const titleEmpty = title.trim().length === 0;
@@ -5698,20 +5665,20 @@ function FeedbackButton({ onSubmit, labels, className }) {
       setStatus("error");
     }
   };
-  return /* @__PURE__ */ jsxs59(Popover, { open, onOpenChange: changeOpen, children: [
-    /* @__PURE__ */ jsx90(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs59(Button, { variant: "ghost", size: "sm", "aria-label": l.trigger, className, children: [
-      /* @__PURE__ */ jsx90(MessageSquare, { className: "size-4", "aria-hidden": "true" }),
+  return /* @__PURE__ */ jsxs58(Popover, { open, onOpenChange: changeOpen, children: [
+    /* @__PURE__ */ jsx89(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs58(Button, { variant: "ghost", size: "sm", "aria-label": l.trigger, className, children: [
+      /* @__PURE__ */ jsx89(MessageSquare, { className: "size-4", "aria-hidden": "true" }),
       l.trigger
     ] }) }),
-    /* @__PURE__ */ jsx90(PopoverContent, { align: "end", side: "bottom", className: "w-80", children: status === "success" ? /* @__PURE__ */ jsxs59("div", { className: "flex flex-col items-center gap-3 py-2 text-center", children: [
-      /* @__PURE__ */ jsx90(CheckCircle2, { className: "size-8 text-text-success", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx90("p", { role: "status", className: "text-sm text-text-primary", children: l.success }),
-      /* @__PURE__ */ jsx90(Button, { variant: "outline", size: "sm", onClick: () => changeOpen(false), children: "Close" })
-    ] }) : /* @__PURE__ */ jsxs59("form", { onSubmit: handleSubmit, className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsx90("p", { className: "text-sm font-medium text-text-primary", children: l.title }),
-      /* @__PURE__ */ jsxs59("div", { className: "flex flex-col gap-1.5", children: [
-        /* @__PURE__ */ jsx90(Label2, { htmlFor: titleId, children: l.titleField }),
-        /* @__PURE__ */ jsx90(
+    /* @__PURE__ */ jsx89(PopoverContent, { align: "end", side: "bottom", className: "w-80", children: status === "success" ? /* @__PURE__ */ jsxs58("div", { className: "flex flex-col items-center gap-3 py-2 text-center", children: [
+      /* @__PURE__ */ jsx89(CheckCircle2, { className: "size-8 text-text-success", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx89("p", { role: "status", className: "text-sm text-text-primary", children: l.success }),
+      /* @__PURE__ */ jsx89(Button, { variant: "outline", size: "sm", onClick: () => changeOpen(false), children: "Close" })
+    ] }) : /* @__PURE__ */ jsxs58("form", { onSubmit: handleSubmit, className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx89("p", { className: "text-sm font-medium text-text-primary", children: l.title }),
+      /* @__PURE__ */ jsxs58("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsx89(Label2, { htmlFor: titleId, children: l.titleField }),
+        /* @__PURE__ */ jsx89(
           Input,
           {
             id: titleId,
@@ -5722,16 +5689,16 @@ function FeedbackButton({ onSubmit, labels, className }) {
             "aria-describedby": titleTooLong ? titleErrId : void 0
           }
         ),
-        titleTooLong && /* @__PURE__ */ jsxs59("p", { id: titleErrId, className: "text-xs text-text-danger", children: [
+        titleTooLong && /* @__PURE__ */ jsxs58("p", { id: titleErrId, className: "text-xs text-text-danger", children: [
           l.titleField,
           " must be ",
           TITLE_MAX,
           " characters or fewer."
         ] })
       ] }),
-      /* @__PURE__ */ jsxs59("div", { className: "flex flex-col gap-1.5", children: [
-        /* @__PURE__ */ jsx90(Label2, { htmlFor: detailsId, children: l.detailsField }),
-        /* @__PURE__ */ jsx90(
+      /* @__PURE__ */ jsxs58("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsx89(Label2, { htmlFor: detailsId, children: l.detailsField }),
+        /* @__PURE__ */ jsx89(
           Textarea,
           {
             id: detailsId,
@@ -5742,16 +5709,16 @@ function FeedbackButton({ onSubmit, labels, className }) {
             "aria-describedby": detailsTooLong ? detailsErrId : void 0
           }
         ),
-        detailsTooLong && /* @__PURE__ */ jsxs59("p", { id: detailsErrId, className: "text-xs text-text-danger", children: [
+        detailsTooLong && /* @__PURE__ */ jsxs58("p", { id: detailsErrId, className: "text-xs text-text-danger", children: [
           l.detailsField,
           " must be ",
           DETAILS_MAX,
           " characters or fewer."
         ] })
       ] }),
-      status === "error" && /* @__PURE__ */ jsx90(InlineError, { children: l.error }),
-      /* @__PURE__ */ jsxs59(Button, { type: "submit", disabled: !valid || submitting, children: [
-        submitting && /* @__PURE__ */ jsx90(Loader23, { className: "size-4 animate-spin", "aria-hidden": "true" }),
+      status === "error" && /* @__PURE__ */ jsx89(InlineError, { children: l.error }),
+      /* @__PURE__ */ jsxs58(Button, { type: "submit", disabled: !valid || submitting, children: [
+        submitting && /* @__PURE__ */ jsx89(Loader23, { className: "size-4 animate-spin", "aria-hidden": "true" }),
         l.submit
       ] })
     ] }) })
@@ -5807,27 +5774,27 @@ function isNotificationSettled(item) {
 }
 
 // src/components/notification-bell.tsx
-import * as React79 from "react";
+import * as React78 from "react";
 import { BellRing, Settings } from "lucide-react";
 
 // src/components/notification-row.tsx
-import * as React78 from "react";
+import * as React77 from "react";
 
 // src/components/notification-parts.tsx
 import { Check as Check10 } from "lucide-react";
-import { jsx as jsx91 } from "react/jsx-runtime";
+import { jsx as jsx90 } from "react/jsx-runtime";
 var rowControlHitArea = "relative after:absolute after:-inset-x-2 after:-top-1.5 after:-bottom-2.5";
 function rowControlName(label, title) {
   return `${label} "${title}"`;
 }
 function MarkReadButton({ title, onClick }) {
   const label = `Mark "${title}" as read`;
-  return /* @__PURE__ */ jsx91(
+  return /* @__PURE__ */ jsx90(
     Button,
     {
       variant: "ghost",
       size: "xs",
-      icon: /* @__PURE__ */ jsx91(Check10, {}),
+      icon: /* @__PURE__ */ jsx90(Check10, {}),
       "aria-label": label,
       onClick,
       className: "relative text-text-secondary after:absolute after:-inset-3 hover:text-text-primary"
@@ -5841,12 +5808,12 @@ function DeepLinkControl({
   onClick
 }) {
   const name = rowControlName(link.label, title);
-  return link.href ? /* @__PURE__ */ jsx91("a", { href: link.href, "aria-label": name, onClick, className, children: link.label }) : /* @__PURE__ */ jsx91("button", { type: "button", "aria-label": name, onClick, className: cn("cursor-pointer", className), children: link.label });
+  return link.href ? /* @__PURE__ */ jsx90("a", { href: link.href, "aria-label": name, onClick, className, children: link.label }) : /* @__PURE__ */ jsx90("button", { type: "button", "aria-label": name, onClick, className: cn("cursor-pointer", className), children: link.label });
 }
 
 // src/components/notification-row.tsx
-import { jsx as jsx92, jsxs as jsxs60 } from "react/jsx-runtime";
-var NotificationRow = React78.forwardRef(
+import { jsx as jsx91, jsxs as jsxs59 } from "react/jsx-runtime";
+var NotificationRow = React77.forwardRef(
   ({ item, onItemClick, onActionClick, onMarkRead, formatAge, className, ...props }, ref) => {
     const settled = isNotificationSettled(item);
     const unread = !settled && !item.read;
@@ -5858,20 +5825,20 @@ var NotificationRow = React78.forwardRef(
       // Three steps of one ladder, and every one of them a token a reader can read:
       // unread is the loudest, read is quieter, settled is quietest. An opacity is
       // not a step — it drags the text under the contrast floor with the row.
-      /* @__PURE__ */ jsxs60(
+      /* @__PURE__ */ jsxs59(
         "div",
         {
           ref,
           className: cn("group rounded-lg bg-bg-surface px-3 py-2.5", className),
           ...props,
           children: [
-            /* @__PURE__ */ jsxs60("div", { className: "flex items-start gap-2.5", children: [
-              /* @__PURE__ */ jsxs60("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsxs60("p", { className: "truncate text-xs text-text-tertiary", children: [
-                  /* @__PURE__ */ jsx92("span", { className: "font-semibold", children: item.source }),
+            /* @__PURE__ */ jsxs59("div", { className: "flex items-start gap-2.5", children: [
+              /* @__PURE__ */ jsxs59("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsxs59("p", { className: "truncate text-xs text-text-tertiary", children: [
+                  /* @__PURE__ */ jsx91("span", { className: "font-semibold", children: item.source }),
                   item.receipt ? `, ${item.receipt}` : ""
                 ] }),
-                /* @__PURE__ */ jsx92(
+                /* @__PURE__ */ jsx91(
                   "button",
                   {
                     type: "button",
@@ -5883,7 +5850,7 @@ var NotificationRow = React78.forwardRef(
                     children: item.title
                   }
                 ),
-                item.body && /* @__PURE__ */ jsx92(
+                item.body && /* @__PURE__ */ jsx91(
                   "p",
                   {
                     className: cn(
@@ -5894,15 +5861,15 @@ var NotificationRow = React78.forwardRef(
                   }
                 )
               ] }),
-              (age || markable) && /* @__PURE__ */ jsxs60("div", { className: "mt-px flex shrink-0 items-center gap-1", children: [
-                stamp && age && /* @__PURE__ */ jsx92("time", { dateTime: toDateTimeAttribute(stamp), className: "text-xs text-text-tertiary", children: age }),
-                markable && /* @__PURE__ */ jsx92(MarkReadButton, { title: item.title, onClick: () => onMarkRead(item.id) })
+              (age || markable) && /* @__PURE__ */ jsxs59("div", { className: "mt-px flex shrink-0 items-center gap-1", children: [
+                stamp && age && /* @__PURE__ */ jsx91("time", { dateTime: toDateTimeAttribute(stamp), className: "text-xs text-text-tertiary", children: age }),
+                markable && /* @__PURE__ */ jsx91(MarkReadButton, { title: item.title, onClick: () => onMarkRead(item.id) })
               ] })
             ] }),
-            (actions.length > 0 || item.deepLink) && /* @__PURE__ */ jsxs60("div", { className: "mt-2 flex flex-wrap items-center gap-x-4 gap-y-2", children: [
+            (actions.length > 0 || item.deepLink) && /* @__PURE__ */ jsxs59("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__ */ jsx92(
+                return /* @__PURE__ */ jsx91(
                   "button",
                   {
                     type: "button",
@@ -5920,7 +5887,7 @@ var NotificationRow = React78.forwardRef(
                   action.id
                 );
               }),
-              item.deepLink && /* @__PURE__ */ jsx92(
+              item.deepLink && /* @__PURE__ */ jsx91(
                 DeepLinkControl,
                 {
                   link: item.deepLink,
@@ -5942,8 +5909,8 @@ var NotificationRow = React78.forwardRef(
 NotificationRow.displayName = "NotificationRow";
 
 // src/components/notification-bell.tsx
-import { jsx as jsx93, jsxs as jsxs61 } from "react/jsx-runtime";
-var NotificationBell = React79.forwardRef(
+import { jsx as jsx92, jsxs as jsxs60 } from "react/jsx-runtime";
+var NotificationBell = React78.forwardRef(
   ({
     items,
     unreadCount,
@@ -5963,8 +5930,8 @@ var NotificationBell = React79.forwardRef(
     const unread = unreadCount ?? items.filter((n) => !n.read && n.cls !== "ephemeral").length;
     const rows = items.slice(0, maxItems);
     const hidden = items.length - rows.length;
-    return /* @__PURE__ */ jsxs61(Popover, { open, onOpenChange, children: [
-      /* @__PURE__ */ jsx93(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs61(
+    return /* @__PURE__ */ jsxs60(Popover, { open, onOpenChange, children: [
+      /* @__PURE__ */ jsx92(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs60(
         "button",
         {
           ref,
@@ -5976,12 +5943,12 @@ var NotificationBell = React79.forwardRef(
             className
           ),
           children: [
-            /* @__PURE__ */ jsx93(BellRing, { "aria-hidden": "true" }),
-            unread > 0 && /* @__PURE__ */ jsx93("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__ */ jsx92(BellRing, { "aria-hidden": "true" }),
+            unread > 0 && /* @__PURE__ */ jsx92("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__ */ jsxs61(
+      /* @__PURE__ */ jsxs60(
         PopoverContent,
         {
           align: "end",
@@ -5992,10 +5959,10 @@ var NotificationBell = React79.forwardRef(
           },
           className: "flex w-[380px] flex-col overflow-hidden p-0",
           children: [
-            /* @__PURE__ */ jsxs61("div", { className: "flex shrink-0 items-center justify-between px-5 py-3", children: [
-              /* @__PURE__ */ jsx93("span", { className: "text-sm font-bold text-text-primary", children: "Notification center" }),
-              /* @__PURE__ */ jsxs61("div", { className: "flex items-center gap-3", children: [
-                unread === 0 ? /* @__PURE__ */ jsx93("span", { className: "text-sm font-medium text-text-tertiary", children: "All read" }) : /* @__PURE__ */ jsx93(
+            /* @__PURE__ */ jsxs60("div", { className: "flex shrink-0 items-center justify-between px-5 py-3", children: [
+              /* @__PURE__ */ jsx92("span", { className: "text-sm font-bold text-text-primary", children: "Notification center" }),
+              /* @__PURE__ */ jsxs60("div", { className: "flex items-center gap-3", children: [
+                unread === 0 ? /* @__PURE__ */ jsx92("span", { className: "text-sm font-medium text-text-tertiary", children: "All read" }) : /* @__PURE__ */ jsx92(
                   "button",
                   {
                     type: "button",
@@ -6004,19 +5971,19 @@ var NotificationBell = React79.forwardRef(
                     children: "Mark all read"
                   }
                 ),
-                onOpenSettings && /* @__PURE__ */ jsx93(
+                onOpenSettings && /* @__PURE__ */ jsx92(
                   "button",
                   {
                     type: "button",
                     "aria-label": "Notification settings",
                     onClick: () => onOpenSettings(),
                     className: "flex size-6 cursor-pointer items-center justify-center rounded-md text-text-tertiary transition-colors duration-fast hover:bg-bg-surface hover:text-text-primary",
-                    children: /* @__PURE__ */ jsx93(Settings, { className: "size-[15px]", "aria-hidden": "true" })
+                    children: /* @__PURE__ */ jsx92(Settings, { className: "size-[15px]", "aria-hidden": "true" })
                   }
                 )
               ] })
             ] }),
-            /* @__PURE__ */ jsx93("div", { className: "min-h-0 flex-1 space-y-1.5 overflow-y-auto px-2 pb-2", children: rows.length === 0 ? /* @__PURE__ */ jsx93("p", { className: "px-3 py-12 text-center text-xs leading-relaxed text-text-tertiary", children: "Nothing yet. Everything addressed to you lands here." }) : rows.map((item) => /* @__PURE__ */ jsx93(
+            /* @__PURE__ */ jsx92("div", { className: "min-h-0 flex-1 space-y-1.5 overflow-y-auto px-2 pb-2", children: rows.length === 0 ? /* @__PURE__ */ jsx92("p", { className: "px-3 py-12 text-center text-xs leading-relaxed text-text-tertiary", children: "Nothing yet. Everything addressed to you lands here." }) : rows.map((item) => /* @__PURE__ */ jsx92(
               NotificationRow,
               {
                 item,
@@ -6027,8 +5994,8 @@ var NotificationBell = React79.forwardRef(
               },
               item.id
             )) }),
-            footer != null && /* @__PURE__ */ jsx93("div", { className: "shrink-0 px-5 py-2.5 text-xs text-text-tertiary", children: footer }),
-            items.length > 0 && onOpenArchive && /* @__PURE__ */ jsx93(
+            footer != null && /* @__PURE__ */ jsx92("div", { className: "shrink-0 px-5 py-2.5 text-xs text-text-tertiary", children: footer }),
+            items.length > 0 && onOpenArchive && /* @__PURE__ */ jsx92(
               "button",
               {
                 type: "button",
@@ -6046,9 +6013,9 @@ var NotificationBell = React79.forwardRef(
 NotificationBell.displayName = "NotificationBell";
 
 // src/components/notification-center.tsx
-import * as React80 from "react";
+import * as React79 from "react";
 import { Check as Check11, Search as Search4 } from "lucide-react";
-import { jsx as jsx94, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx93, jsxs as jsxs61 } from "react/jsx-runtime";
 var chipBase = "cursor-pointer rounded-md px-3 py-1.5 text-sm font-medium transition-colors duration-fast";
 var chipOn = "bg-bg-sunken font-semibold text-text-primary";
 var chipOff = "bg-bg-elevated text-text-secondary hover:text-text-primary";
@@ -6063,12 +6030,12 @@ function CenterRow({
   const markable = Boolean(onMarkRead) && unread && item.cls !== "ephemeral";
   const stamp = item.createdAt ? item.createdAt instanceof Date ? item.createdAt : new Date(item.createdAt) : null;
   const age = stamp ? formatAge(stamp) : null;
-  return /* @__PURE__ */ jsxs62("article", { className: "group rounded-lg bg-bg-elevated px-4 py-3", children: [
-    /* @__PURE__ */ jsxs62("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx94("span", { className: "text-xs font-semibold text-text-tertiary", children: item.source }),
-      /* @__PURE__ */ jsx94(Badge, { variant: severityBadgeVariant(item.severity), children: severityLabels[item.severity] }),
-      (age || markable) && /* @__PURE__ */ jsxs62("div", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: [
-        stamp && age && /* @__PURE__ */ jsx94(
+  return /* @__PURE__ */ jsxs61("article", { className: "group rounded-lg bg-bg-elevated px-4 py-3", children: [
+    /* @__PURE__ */ jsxs61("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx93("span", { className: "text-xs font-semibold text-text-tertiary", children: item.source }),
+      /* @__PURE__ */ jsx93(Badge, { variant: severityBadgeVariant(item.severity), children: severityLabels[item.severity] }),
+      (age || markable) && /* @__PURE__ */ jsxs61("div", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: [
+        stamp && age && /* @__PURE__ */ jsx93(
           "time",
           {
             dateTime: toDateTimeAttribute(stamp),
@@ -6076,10 +6043,10 @@ function CenterRow({
             children: age
           }
         ),
-        markable && /* @__PURE__ */ jsx94(MarkReadButton, { title: item.title, onClick: () => onMarkRead(item.id) })
+        markable && /* @__PURE__ */ jsx93(MarkReadButton, { title: item.title, onClick: () => onMarkRead(item.id) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx94(
+    /* @__PURE__ */ jsx93(
       "button",
       {
         type: "button",
@@ -6091,13 +6058,13 @@ function CenterRow({
         children: item.title
       }
     ),
-    item.body && /* @__PURE__ */ jsx94("p", { className: "mt-0.5 text-sm leading-snug text-text-secondary", children: item.body }),
-    (item.receipt || item.deepLink) && /* @__PURE__ */ jsxs62("div", { className: "mt-2 flex flex-wrap items-center gap-x-4 gap-y-1.5", children: [
-      item.receipt && /* @__PURE__ */ jsxs62("span", { className: "inline-flex items-center gap-1.5 text-sm text-text-tertiary", children: [
-        /* @__PURE__ */ jsx94(Check11, { className: "size-3 shrink-0 text-text-success", "aria-hidden": "true" }),
+    item.body && /* @__PURE__ */ jsx93("p", { className: "mt-0.5 text-sm leading-snug text-text-secondary", children: item.body }),
+    (item.receipt || item.deepLink) && /* @__PURE__ */ jsxs61("div", { className: "mt-2 flex flex-wrap items-center gap-x-4 gap-y-1.5", children: [
+      item.receipt && /* @__PURE__ */ jsxs61("span", { className: "inline-flex items-center gap-1.5 text-sm text-text-tertiary", children: [
+        /* @__PURE__ */ jsx93(Check11, { className: "size-3 shrink-0 text-text-success", "aria-hidden": "true" }),
         item.receipt
       ] }),
-      item.deepLink && /* @__PURE__ */ jsx94(
+      item.deepLink && /* @__PURE__ */ jsx93(
         DeepLinkControl,
         {
           link: item.deepLink,
@@ -6112,7 +6079,7 @@ function CenterRow({
     ] })
   ] });
 }
-var NotificationCenter = React80.forwardRef(
+var NotificationCenter = React79.forwardRef(
   ({
     items,
     header = true,
@@ -6129,16 +6096,16 @@ var NotificationCenter = React80.forwardRef(
     formatAge,
     className
   }, ref) => {
-    const [status, setStatus] = React80.useState("all");
-    const [source, setSource] = React80.useState("all");
-    const [product, setProduct] = React80.useState("all");
-    const [query, setQuery] = React80.useState("");
-    const [limit, setLimit] = React80.useState(pageSize);
-    const age = React80.useCallback(
+    const [status, setStatus] = React79.useState("all");
+    const [source, setSource] = React79.useState("all");
+    const [product, setProduct] = React79.useState("all");
+    const [query, setQuery] = React79.useState("");
+    const [limit, setLimit] = React79.useState(pageSize);
+    const age = React79.useCallback(
       (createdAt) => formatAge ? formatAge(createdAt) : formatRelativeAge(createdAt),
       [formatAge]
     );
-    const sourceChips = React80.useMemo(
+    const sourceChips = React79.useMemo(
       () => sources ?? Array.from(new Set(items.map((n) => n.source))),
       [sources, items]
     );
@@ -6149,13 +6116,13 @@ var NotificationCenter = React80.forwardRef(
     const shown = matched.slice(0, limit);
     const remaining = matched.length - shown.length;
     const filtering = q !== "" || status !== "all" || source !== "all" || product !== "all";
-    return /* @__PURE__ */ jsxs62("div", { ref, className: cn("mx-auto max-w-[560px]", className), children: [
-      (header || onMarkAllRead) && /* @__PURE__ */ jsxs62("div", { className: cn("mb-4 flex items-start gap-4", !header && "justify-end"), children: [
-        header && /* @__PURE__ */ jsxs62("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx94("h1", { className: "mb-1.5 text-2xl font-semibold tracking-tight text-text-primary", children: title }),
-          description && /* @__PURE__ */ jsx94("p", { className: "text-sm text-text-tertiary", children: description })
+    return /* @__PURE__ */ jsxs61("div", { ref, className: cn("mx-auto max-w-[560px]", className), children: [
+      (header || onMarkAllRead) && /* @__PURE__ */ jsxs61("div", { className: cn("mb-4 flex items-start gap-4", !header && "justify-end"), children: [
+        header && /* @__PURE__ */ jsxs61("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx93("h1", { className: "mb-1.5 text-2xl font-semibold tracking-tight text-text-primary", children: title }),
+          description && /* @__PURE__ */ jsx93("p", { className: "text-sm text-text-tertiary", children: description })
         ] }),
-        onMarkAllRead && /* @__PURE__ */ jsx94(
+        onMarkAllRead && /* @__PURE__ */ jsx93(
           "button",
           {
             type: "button",
@@ -6165,9 +6132,9 @@ var NotificationCenter = React80.forwardRef(
           }
         )
       ] }),
-      searchable && /* @__PURE__ */ jsxs62("div", { className: "mb-3 flex items-center gap-2 rounded-lg bg-bg-elevated px-3 py-2", children: [
-        /* @__PURE__ */ jsx94(Search4, { className: "size-4 shrink-0 text-text-tertiary", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx94(
+      searchable && /* @__PURE__ */ jsxs61("div", { className: "mb-3 flex items-center gap-2 rounded-lg bg-bg-elevated px-3 py-2", children: [
+        /* @__PURE__ */ jsx93(Search4, { className: "size-4 shrink-0 text-text-tertiary", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx93(
           "input",
           {
             type: "text",
@@ -6178,8 +6145,8 @@ var NotificationCenter = React80.forwardRef(
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs62("div", { className: "mb-2 flex flex-wrap gap-1.5", children: [
-        /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsxs61("div", { className: "mb-2 flex flex-wrap gap-1.5", children: [
+        /* @__PURE__ */ jsx93(
           "button",
           {
             type: "button",
@@ -6188,7 +6155,7 @@ var NotificationCenter = React80.forwardRef(
             children: "All"
           }
         ),
-        /* @__PURE__ */ jsx94(
+        /* @__PURE__ */ jsx93(
           "button",
           {
             type: "button",
@@ -6198,8 +6165,8 @@ var NotificationCenter = React80.forwardRef(
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs62("div", { className: "mb-2 flex flex-wrap gap-1.5", children: [
-        /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsxs61("div", { className: "mb-2 flex flex-wrap gap-1.5", children: [
+        /* @__PURE__ */ jsx93(
           "button",
           {
             type: "button",
@@ -6208,7 +6175,7 @@ var NotificationCenter = React80.forwardRef(
             children: "All sources"
           }
         ),
-        sourceChips.map((s) => /* @__PURE__ */ jsx94(
+        sourceChips.map((s) => /* @__PURE__ */ jsx93(
           "button",
           {
             type: "button",
@@ -6219,8 +6186,8 @@ var NotificationCenter = React80.forwardRef(
           s
         ))
       ] }),
-      products && products.length > 0 && /* @__PURE__ */ jsxs62("div", { className: "mb-4 flex flex-wrap gap-1.5", children: [
-        /* @__PURE__ */ jsx94(
+      products && products.length > 0 && /* @__PURE__ */ jsxs61("div", { className: "mb-4 flex flex-wrap gap-1.5", children: [
+        /* @__PURE__ */ jsx93(
           "button",
           {
             type: "button",
@@ -6229,7 +6196,7 @@ var NotificationCenter = React80.forwardRef(
             children: "All products"
           }
         ),
-        products.map((p) => /* @__PURE__ */ jsx94(
+        products.map((p) => /* @__PURE__ */ jsx93(
           "button",
           {
             type: "button",
@@ -6240,8 +6207,8 @@ var NotificationCenter = React80.forwardRef(
           p.id
         ))
       ] }),
-      shown.length === 0 ? /* @__PURE__ */ jsx94("p", { className: "rounded-xl bg-bg-elevated px-4 py-10 text-center text-sm leading-relaxed text-text-tertiary", children: filtering ? "Nothing matches." : "Nothing here yet. Everything addressed to you lands here." }) : /* @__PURE__ */ jsxs62("div", { className: "flex flex-col gap-1.5", children: [
-        shown.map((item) => /* @__PURE__ */ jsx94(
+      shown.length === 0 ? /* @__PURE__ */ jsx93("p", { className: "rounded-xl bg-bg-elevated px-4 py-10 text-center text-sm leading-relaxed text-text-tertiary", children: filtering ? "Nothing matches." : "Nothing here yet. Everything addressed to you lands here." }) : /* @__PURE__ */ jsxs61("div", { className: "flex flex-col gap-1.5", children: [
+        shown.map((item) => /* @__PURE__ */ jsx93(
           CenterRow,
           {
             item,
@@ -6252,7 +6219,7 @@ var NotificationCenter = React80.forwardRef(
           },
           item.id
         )),
-        remaining > 0 && /* @__PURE__ */ jsxs62(
+        remaining > 0 && /* @__PURE__ */ jsxs61(
           "button",
           {
             type: "button",
@@ -6272,9 +6239,9 @@ var NotificationCenter = React80.forwardRef(
 NotificationCenter.displayName = "NotificationCenter";
 
 // src/components/notification-settings.tsx
-import * as React81 from "react";
+import * as React80 from "react";
 import { Moon as Moon2, Plus as Plus3, Volume2 } from "lucide-react";
-import { Fragment as Fragment11, jsx as jsx95, jsxs as jsxs63 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx94, jsxs as jsxs62 } from "react/jsx-runtime";
 var THRESHOLDS = [
   ["everything", "Everything"],
   ["important", "Important"],
@@ -6286,7 +6253,7 @@ function ThresholdControl({
   value,
   onChange
 }) {
-  return /* @__PURE__ */ jsx95(
+  return /* @__PURE__ */ jsx94(
     ToggleGroup,
     {
       type: "single",
@@ -6295,11 +6262,11 @@ function ThresholdControl({
       value,
       onValueChange: (next) => next && onChange(next),
       className: "shrink-0",
-      children: THRESHOLDS.map(([threshold, text]) => /* @__PURE__ */ jsx95(ToggleGroupItem, { value: threshold, children: text }, threshold))
+      children: THRESHOLDS.map(([threshold, text]) => /* @__PURE__ */ jsx94(ToggleGroupItem, { value: threshold, children: text }, threshold))
     }
   );
 }
-var NotificationSettings = React81.forwardRef(
+var NotificationSettings = React80.forwardRef(
   ({
     subscriptions,
     value,
@@ -6312,7 +6279,7 @@ var NotificationSettings = React81.forwardRef(
     pushSlot,
     className
   }, ref) => {
-    const [tab, setTab] = React81.useState(DEFAULT_KEY);
+    const [tab, setTab] = React80.useState(DEFAULT_KEY);
     const isDefault = tab === DEFAULT_KEY;
     const defaults = value[DEFAULT_KEY] ?? { thresholds: {} };
     const customized = !isDefault && Object.prototype.hasOwnProperty.call(value, tab);
@@ -6332,15 +6299,15 @@ var NotificationSettings = React81.forwardRef(
     const scopeGroup = (scope) => {
       const rows = subscriptions.filter((s) => s.scope === scope);
       if (rows.length === 0) return null;
-      return /* @__PURE__ */ jsxs63("div", { children: [
-        /* @__PURE__ */ jsx95("p", { className: "mb-1.5 px-0.5 text-xs font-medium text-text-tertiary", children: scope === "product" ? "This product" : "Organization" }),
-        /* @__PURE__ */ jsx95("div", { className: "space-y-2", children: rows.map((sub) => /* @__PURE__ */ jsxs63(
+      return /* @__PURE__ */ jsxs62("div", { children: [
+        /* @__PURE__ */ jsx94("p", { className: "mb-1.5 px-0.5 text-xs font-medium text-text-tertiary", children: scope === "product" ? "This product" : "Organization" }),
+        /* @__PURE__ */ jsx94("div", { className: "space-y-2", children: rows.map((sub) => /* @__PURE__ */ jsxs62(
           "div",
           {
             className: "flex items-center gap-4 rounded-xl bg-bg-elevated px-4 py-3",
             children: [
-              /* @__PURE__ */ jsx95("p", { className: "min-w-0 flex-1 text-sm font-semibold text-text-primary", children: sub.name }),
-              /* @__PURE__ */ jsx95(
+              /* @__PURE__ */ jsx94("p", { className: "min-w-0 flex-1 text-sm font-semibold text-text-primary", children: sub.name }),
+              /* @__PURE__ */ jsx94(
                 ThresholdControl,
                 {
                   label: sub.name,
@@ -6354,10 +6321,10 @@ var NotificationSettings = React81.forwardRef(
         )) })
       ] }, scope);
     };
-    return /* @__PURE__ */ jsxs63("div", { ref, className: cn("space-y-5", className), children: [
-      products && products.length > 0 && /* @__PURE__ */ jsxs63("div", { children: [
-        /* @__PURE__ */ jsx95("p", { className: "mb-2 px-0.5 text-xs font-medium text-text-tertiary", children: "Preferences for" }),
-        /* @__PURE__ */ jsx95(
+    return /* @__PURE__ */ jsxs62("div", { ref, className: cn("space-y-5", className), children: [
+      products && products.length > 0 && /* @__PURE__ */ jsxs62("div", { children: [
+        /* @__PURE__ */ jsx94("p", { className: "mb-2 px-0.5 text-xs font-medium text-text-tertiary", children: "Preferences for" }),
+        /* @__PURE__ */ jsx94(
           ToggleGroup,
           {
             type: "single",
@@ -6366,30 +6333,30 @@ var NotificationSettings = React81.forwardRef(
             value: tab,
             onValueChange: (next) => next && setTab(next),
             className: "flex-wrap",
-            children: [{ id: DEFAULT_KEY, label: "Default" }, ...products].map((t) => /* @__PURE__ */ jsx95(ToggleGroupItem, { value: t.id, children: t.label }, t.id))
+            children: [{ id: DEFAULT_KEY, label: "Default" }, ...products].map((t) => /* @__PURE__ */ jsx94(ToggleGroupItem, { value: t.id, children: t.label }, t.id))
           }
         )
       ] }),
-      isDefault ? /* @__PURE__ */ jsxs63(Fragment11, { children: [
-        /* @__PURE__ */ jsx95("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__ */ jsxs63(Card, { className: "border-none bg-bg-elevated p-5", children: [
-          /* @__PURE__ */ jsx95(CardTitle, { as: "p", className: "mb-1.5", children: "Push to" }),
-          /* @__PURE__ */ jsx95("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__ */ jsx95("div", { className: "rounded-lg bg-bg-surface px-4 py-6 text-center", children: /* @__PURE__ */ jsx95("p", { className: "text-sm text-text-tertiary", children: "No integrations connected." }) })
+      isDefault ? /* @__PURE__ */ jsxs62(Fragment11, { children: [
+        /* @__PURE__ */ jsx94("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__ */ jsxs62(Card, { className: "border-none bg-bg-elevated p-5", children: [
+          /* @__PURE__ */ jsx94(CardTitle, { as: "p", className: "mb-1.5", children: "Push to" }),
+          /* @__PURE__ */ jsx94("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__ */ jsx94("div", { className: "rounded-lg bg-bg-surface px-4 py-6 text-center", children: /* @__PURE__ */ jsx94("p", { className: "text-sm text-text-tertiary", children: "No integrations connected." }) })
         ] }),
-        mutes.length > 0 && /* @__PURE__ */ jsxs63("div", { children: [
-          /* @__PURE__ */ jsx95("p", { className: "mb-1.5 px-0.5 text-xs font-medium text-text-tertiary", children: "Muted" }),
-          /* @__PURE__ */ jsx95(Card, { className: "border-none bg-bg-elevated p-2", children: mutes.map((m) => /* @__PURE__ */ jsxs63("div", { className: "flex items-center gap-3 rounded-lg px-3 py-2.5", children: [
-            /* @__PURE__ */ jsx95(Moon2, { className: "size-4 shrink-0 text-text-tertiary", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsxs63("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsx95("p", { className: "text-sm font-medium text-text-primary", children: m.source }),
-              /* @__PURE__ */ jsxs63("p", { className: "text-sm text-text-tertiary", children: [
+        mutes.length > 0 && /* @__PURE__ */ jsxs62("div", { children: [
+          /* @__PURE__ */ jsx94("p", { className: "mb-1.5 px-0.5 text-xs font-medium text-text-tertiary", children: "Muted" }),
+          /* @__PURE__ */ jsx94(Card, { className: "border-none bg-bg-elevated p-2", children: mutes.map((m) => /* @__PURE__ */ jsxs62("div", { className: "flex items-center gap-3 rounded-lg px-3 py-2.5", children: [
+            /* @__PURE__ */ jsx94(Moon2, { className: "size-4 shrink-0 text-text-tertiary", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsxs62("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx94("p", { className: "text-sm font-medium text-text-primary", children: m.source }),
+              /* @__PURE__ */ jsxs62("p", { className: "text-sm text-text-tertiary", children: [
                 "Muted, ",
                 m.label,
                 ". Critical still comes through."
               ] })
             ] }),
-            /* @__PURE__ */ jsx95(
+            /* @__PURE__ */ jsx94(
               "button",
               {
                 type: "button",
@@ -6402,13 +6369,13 @@ var NotificationSettings = React81.forwardRef(
         ] }),
         scopeGroup("product"),
         scopeGroup("org"),
-        onSoundEnabledChange && /* @__PURE__ */ jsx95(Card, { className: "border-none bg-bg-elevated p-4", children: /* @__PURE__ */ jsxs63("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx95(Volume2, { className: "size-4 text-text-tertiary", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsxs63("div", { className: "flex-1", children: [
-            /* @__PURE__ */ jsx95("p", { className: "text-sm font-medium text-text-primary", children: "Notification sound" }),
-            /* @__PURE__ */ jsx95("p", { className: "text-sm text-text-tertiary", children: "Play a tone when a notification arrives. Critical always chimes." })
+        onSoundEnabledChange && /* @__PURE__ */ jsx94(Card, { className: "border-none bg-bg-elevated p-4", children: /* @__PURE__ */ jsxs62("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx94(Volume2, { className: "size-4 text-text-tertiary", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxs62("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsx94("p", { className: "text-sm font-medium text-text-primary", children: "Notification sound" }),
+            /* @__PURE__ */ jsx94("p", { className: "text-sm text-text-tertiary", children: "Play a tone when a notification arrives. Critical always chimes." })
           ] }),
-          /* @__PURE__ */ jsx95(
+          /* @__PURE__ */ jsx94(
             Switch,
             {
               checked: soundEnabled ?? false,
@@ -6417,35 +6384,35 @@ var NotificationSettings = React81.forwardRef(
             }
           )
         ] }) })
-      ] }) : !customized ? /* @__PURE__ */ jsxs63(Card, { className: "border-none bg-bg-elevated p-8 text-center", children: [
-        /* @__PURE__ */ jsxs63("p", { className: "text-sm font-semibold text-text-primary", children: [
+      ] }) : !customized ? /* @__PURE__ */ jsxs62(Card, { className: "border-none bg-bg-elevated p-8 text-center", children: [
+        /* @__PURE__ */ jsxs62("p", { className: "text-sm font-semibold text-text-primary", children: [
           productLabel,
           " follows your Default preferences."
         ] }),
-        /* @__PURE__ */ jsx95("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__ */ jsxs63(
+        /* @__PURE__ */ jsx94("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__ */ jsxs62(
           "button",
           {
             type: "button",
             onClick: customize,
             className: "mt-5 inline-flex cursor-pointer 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 duration-fast hover:bg-bg-brand-hover",
             children: [
-              /* @__PURE__ */ jsx95(Plus3, { className: "size-4", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx94(Plus3, { className: "size-4", "aria-hidden": "true" }),
               " Customize for ",
               productLabel
             ]
           }
         )
-      ] }) : /* @__PURE__ */ jsxs63(Fragment11, { children: [
-        /* @__PURE__ */ jsx95(Card, { className: "border-none bg-bg-brand-subtle p-3.5", children: /* @__PURE__ */ jsxs63("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsxs63("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsxs63("p", { className: "text-sm font-semibold text-text-brand", children: [
+      ] }) : /* @__PURE__ */ jsxs62(Fragment11, { children: [
+        /* @__PURE__ */ jsx94(Card, { className: "border-none bg-bg-brand-subtle p-3.5", children: /* @__PURE__ */ jsxs62("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxs62("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxs62("p", { className: "text-sm font-semibold text-text-brand", children: [
               "Custom preferences for ",
               productLabel
             ] }),
-            /* @__PURE__ */ jsx95("p", { className: "text-sm leading-relaxed text-text-secondary", children: "Only the interrupt thresholds below differ. Sound and forwarding follow Default." })
+            /* @__PURE__ */ jsx94("p", { className: "text-sm leading-relaxed text-text-secondary", children: "Only the interrupt thresholds below differ. Sound and forwarding follow Default." })
           ] }),
-          /* @__PURE__ */ jsx95(
+          /* @__PURE__ */ jsx94(
             "button",
             {
               type: "button",
@@ -6463,14 +6430,14 @@ var NotificationSettings = React81.forwardRef(
 NotificationSettings.displayName = "NotificationSettings";
 
 // src/components/notification-toast.tsx
-import * as React82 from "react";
+import * as React81 from "react";
 import { X as X4 } from "lucide-react";
-import { jsx as jsx96, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx95, jsxs as jsxs63 } from "react/jsx-runtime";
 var chipBase2 = "cursor-pointer rounded-lg px-2.5 py-1 text-sm font-medium transition-colors duration-fast";
 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 = "cursor-pointer text-sm font-semibold text-text-brand transition-colors duration-fast hover:text-text-primary";
-var NotificationToast = React82.forwardRef(
+var NotificationToast = React81.forwardRef(
   ({
     item,
     showSource = true,
@@ -6487,9 +6454,9 @@ var NotificationToast = React82.forwardRef(
     const actions = item.actions ?? [];
     const percent = progress === void 0 || !Number.isFinite(progress) ? void 0 : Math.min(100, Math.max(0, progress));
     const progressLine = progressLabel === void 0 && percent !== void 0 ? `live, ${Math.round(percent)}%` : progressLabel;
-    const barId = React82.useId();
+    const barId = React81.useId();
     const hasProgressLine = progressLine !== null && progressLine !== void 0;
-    return /* @__PURE__ */ jsxs64(
+    return /* @__PURE__ */ jsxs63(
       "div",
       {
         ref,
@@ -6500,24 +6467,24 @@ var NotificationToast = React82.forwardRef(
           className
         ),
         children: [
-          /* @__PURE__ */ jsxs64("div", { className: "flex items-center gap-2", children: [
-            showSource && /* @__PURE__ */ jsx96("span", { className: "text-xs font-semibold text-text-tertiary", children: item.source }),
-            /* @__PURE__ */ jsx96(Badge, { variant: severityBadgeVariant(item.severity), children: severityLabels[item.severity] }),
-            (overflow || onDismiss) && /* @__PURE__ */ jsxs64("span", { className: "-mr-1 ml-auto flex shrink-0 items-center gap-1", children: [
+          /* @__PURE__ */ jsxs63("div", { className: "flex items-center gap-2", children: [
+            showSource && /* @__PURE__ */ jsx95("span", { className: "text-xs font-semibold text-text-tertiary", children: item.source }),
+            /* @__PURE__ */ jsx95(Badge, { variant: severityBadgeVariant(item.severity), children: severityLabels[item.severity] }),
+            (overflow || onDismiss) && /* @__PURE__ */ jsxs63("span", { className: "-mr-1 ml-auto flex shrink-0 items-center gap-1", children: [
               overflow,
-              onDismiss && /* @__PURE__ */ jsx96(
+              onDismiss && /* @__PURE__ */ jsx95(
                 "button",
                 {
                   type: "button",
                   "aria-label": dismissLabel,
                   onClick: () => onDismiss(item),
                   className: "flex size-5 shrink-0 cursor-pointer items-center justify-center rounded-md text-text-tertiary transition-colors duration-fast hover:bg-bg-surface hover:text-text-primary",
-                  children: /* @__PURE__ */ jsx96(X4, { className: "size-3.5", "aria-hidden": "true" })
+                  children: /* @__PURE__ */ jsx95(X4, { className: "size-3.5", "aria-hidden": "true" })
                 }
               )
             ] })
           ] }),
-          onItemClick ? /* @__PURE__ */ jsx96(
+          onItemClick ? /* @__PURE__ */ jsx95(
             "button",
             {
               type: "button",
@@ -6525,15 +6492,15 @@ var NotificationToast = React82.forwardRef(
               className: "mt-1 block cursor-pointer text-left text-sm font-semibold leading-snug text-text-primary underline-offset-2 hover:underline",
               children: item.title
             }
-          ) : /* @__PURE__ */ jsx96("p", { className: "mt-1 text-sm font-semibold leading-snug text-text-primary", children: item.title }),
-          item.body && /* @__PURE__ */ jsx96("p", { className: "mt-0.5 text-sm leading-snug text-text-secondary", children: item.body }),
-          note && /* @__PURE__ */ jsx96("p", { className: "mt-1.5 text-xs font-medium text-text-warning", children: note }),
+          ) : /* @__PURE__ */ jsx95("p", { className: "mt-1 text-sm font-semibold leading-snug text-text-primary", children: item.title }),
+          item.body && /* @__PURE__ */ jsx95("p", { className: "mt-0.5 text-sm leading-snug text-text-secondary", children: item.body }),
+          note && /* @__PURE__ */ jsx95("p", { className: "mt-1.5 text-xs font-medium text-text-warning", children: note }),
           percent !== void 0 && // The card is a `role="status"`, which implies `aria-atomic` — every tick of the bar would
           // otherwise re-announce the whole card. `aria-live="off"` on the subtree that moves is the
           // one cheap mitigation: the bar stays in the accessibility tree to be read on demand, it
           // just stops interrupting.
-          /* @__PURE__ */ jsxs64("div", { className: "mt-2", "aria-live": "off", children: [
-            /* @__PURE__ */ jsx96(
+          /* @__PURE__ */ jsxs63("div", { className: "mt-2", "aria-live": "off", children: [
+            /* @__PURE__ */ jsx95(
               Progress,
               {
                 value: percent,
@@ -6542,11 +6509,11 @@ var NotificationToast = React82.forwardRef(
                 "aria-label": hasProgressLine ? void 0 : "Progress"
               }
             ),
-            hasProgressLine && /* @__PURE__ */ jsx96("p", { id: barId, className: "mt-0.5 text-xs text-text-secondary", children: progressLine })
+            hasProgressLine && /* @__PURE__ */ jsx95("p", { id: barId, className: "mt-0.5 text-xs text-text-secondary", children: progressLine })
           ] }),
-          actions.length > 0 && /* @__PURE__ */ jsx96("div", { className: "mt-2.5 flex flex-wrap items-center gap-2", children: actions.map((action) => {
+          actions.length > 0 && /* @__PURE__ */ jsx95("div", { className: "mt-2.5 flex flex-wrap items-center gap-2", children: actions.map((action) => {
             const variant = action.variant ?? "link";
-            return /* @__PURE__ */ jsx96(
+            return /* @__PURE__ */ jsx95(
               "button",
               {
                 type: "button",
@@ -6565,15 +6532,15 @@ var NotificationToast = React82.forwardRef(
 NotificationToast.displayName = "NotificationToast";
 
 // src/components/notification-toaster.tsx
-import * as React83 from "react";
-import { jsx as jsx97 } from "react/jsx-runtime";
+import * as React82 from "react";
+import { jsx as jsx96 } 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 = React83.forwardRef(
+var NotificationToaster = React82.forwardRef(
   ({
     items,
     dwell,
@@ -6590,15 +6557,15 @@ var NotificationToaster = React83.forwardRef(
     className
   }, ref) => {
     const shown = items.slice(0, max);
-    const [paused, setPaused] = React83.useState(false);
-    const onDismissRef = React83.useRef(onDismiss);
+    const [paused, setPaused] = React82.useState(false);
+    const onDismissRef = React82.useRef(onDismiss);
     onDismissRef.current = onDismiss;
     const fyiDwell = dwell?.fyi;
     const importantDwell = dwell?.important;
     const criticalDwell = dwell?.critical;
-    const remaining = React83.useRef(/* @__PURE__ */ new Map());
+    const remaining = React82.useRef(/* @__PURE__ */ new Map());
     const liveIds = shown.map((item) => `${item.id}:${item.severity}`).join(" ");
-    React83.useEffect(() => {
+    React82.useEffect(() => {
       const owedById = remaining.current;
       const dwellSeconds = {
         fyi: fyiDwell ?? TOAST_DWELL.fyi,
@@ -6639,7 +6606,7 @@ var NotificationToaster = React83.forwardRef(
       };
     }, [liveIds, paused, fyiDwell, importantDwell, criticalDwell]);
     if (shown.length === 0) return null;
-    return /* @__PURE__ */ jsx97(
+    return /* @__PURE__ */ jsx96(
       "div",
       {
         ref,
@@ -6652,7 +6619,7 @@ var NotificationToaster = React83.forwardRef(
           positions[position],
           className
         ),
-        children: shown.map((item, i) => /* @__PURE__ */ jsx97("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx97(
+        children: shown.map((item, i) => /* @__PURE__ */ jsx96("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx96(
           NotificationToast,
           {
             item,
@@ -6926,7 +6893,7 @@ var COUNTRY_OPTIONS = [
 ];
 
 // src/components/organization-onboarding-form.tsx
-import * as React84 from "react";
+import * as React83 from "react";
 
 // src/lib/auth-surface.ts
 var AUTH_FILLED_BUTTON = "flex h-[46px] w-full items-center justify-center gap-[11px] rounded-[10px] border border-transparent bg-text-primary px-[14px] text-[14.5px] font-semibold tracking-[-0.005em] text-bg-sunken transition-opacity duration-fast hover:opacity-[0.92] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-text-brand active:translate-y-px disabled:cursor-not-allowed disabled:opacity-[0.55]";
@@ -6934,7 +6901,7 @@ var AUTH_QUIET_BUTTON = "flex h-[46px] w-full items-center justify-center gap-[1
 var AUTH_BUTTON_SHADOW = "var(--auth-btn-shadow)";
 
 // src/components/organization-onboarding-form.tsx
-import { jsx as jsx98, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs64 } from "react/jsx-runtime";
 var CONTROLLER_SHARE_PCT = 50;
 var MAX_BENEFICIAL_OWNERS = 50;
 var REQUIRED_FIELD_LABELS = {
@@ -6949,7 +6916,7 @@ function isOwnershipViolation(violation) {
   return /ownership[_\s-]?confirmed/i.test(violation);
 }
 function RequiredMark() {
-  return /* @__PURE__ */ jsx98("span", { className: "text-text-danger", children: " *" });
+  return /* @__PURE__ */ jsx97("span", { className: "text-text-danger", children: " *" });
 }
 function parseShare(raw) {
   if (!/^\d{1,3}$/.test(raw.trim())) return null;
@@ -6978,23 +6945,23 @@ function OrganizationOnboardingForm({
   onCancel,
   className
 }) {
-  const [name, setName] = React84.useState(defaultValues?.name ?? "");
-  const [legalName, setLegalName] = React84.useState(defaultValues?.legal_name ?? "");
-  const [ownerName, setOwnerName] = React84.useState(defaultValues?.owner_name ?? "");
-  const [countryOfIncorporation, setCountryOfIncorporation] = React84.useState(
+  const [name, setName] = React83.useState(defaultValues?.name ?? "");
+  const [legalName, setLegalName] = React83.useState(defaultValues?.legal_name ?? "");
+  const [ownerName, setOwnerName] = React83.useState(defaultValues?.owner_name ?? "");
+  const [countryOfIncorporation, setCountryOfIncorporation] = React83.useState(
     defaultValues?.country_of_incorporation ?? ""
   );
-  const [residencyCountry, setResidencyCountry] = React84.useState(
+  const [residencyCountry, setResidencyCountry] = React83.useState(
     defaultValues?.residency_country ?? ""
   );
-  const [owners, setOwners] = React84.useState(
+  const [owners, setOwners] = React83.useState(
     () => initialRows(defaultValues?.beneficial_owners)
   );
-  const [ownershipConfirmed, setOwnershipConfirmed] = React84.useState(false);
-  const [confirmationAttempted, setConfirmationAttempted] = React84.useState(false);
-  const [requiredAttempted, setRequiredAttempted] = React84.useState(false);
-  const nextKeyRef = React84.useRef(owners.length);
-  const submittingRef = React84.useRef(false);
+  const [ownershipConfirmed, setOwnershipConfirmed] = React83.useState(false);
+  const [confirmationAttempted, setConfirmationAttempted] = React83.useState(false);
+  const [requiredAttempted, setRequiredAttempted] = React83.useState(false);
+  const nextKeyRef = React83.useRef(owners.length);
+  const submittingRef = React83.useRef(false);
   const trimmed = name.trim();
   const filledOwners = owners.filter((row) => !isRowBlank(row));
   const ownerShares = filledOwners.map((row) => parseShare(row.share));
@@ -7056,7 +7023,7 @@ function OrganizationOnboardingForm({
       ...needsOwnershipConfirmation ? { ownership_confirmed: ownershipConfirmed } : {}
     });
   };
-  React84.useEffect(() => {
+  React83.useEffect(() => {
     submittingRef.current = false;
   }, [
     name,
@@ -7069,12 +7036,12 @@ function OrganizationOnboardingForm({
     submitting,
     serverError
   ]);
-  const countryField = (params) => /* @__PURE__ */ jsxs65("div", { className: "space-y-1.5", children: [
-    /* @__PURE__ */ jsxs65(Label2, { htmlFor: params.id, children: [
+  const countryField = (params) => /* @__PURE__ */ jsxs64("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs64(Label2, { htmlFor: params.id, children: [
       params.label,
-      /* @__PURE__ */ jsx98(RequiredMark, {})
+      /* @__PURE__ */ jsx97(RequiredMark, {})
     ] }),
-    /* @__PURE__ */ jsx98(
+    /* @__PURE__ */ jsx97(
       Select,
       {
         id: params.id,
@@ -7087,13 +7054,13 @@ function OrganizationOnboardingForm({
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs65("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsxs65("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsxs65(Label2, { htmlFor: "create-org-name", children: [
+  return /* @__PURE__ */ jsxs64("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxs64("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsxs64(Label2, { htmlFor: "create-org-name", children: [
         REQUIRED_FIELD_LABELS.name,
-        /* @__PURE__ */ jsx98(RequiredMark, {})
+        /* @__PURE__ */ jsx97(RequiredMark, {})
       ] }),
-      /* @__PURE__ */ jsx98(
+      /* @__PURE__ */ jsx97(
         Input,
         {
           id: "create-org-name",
@@ -7104,12 +7071,12 @@ function OrganizationOnboardingForm({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs65("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsxs65(Label2, { htmlFor: "create-org-legal-name", children: [
+    /* @__PURE__ */ jsxs64("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsxs64(Label2, { htmlFor: "create-org-legal-name", children: [
         REQUIRED_FIELD_LABELS.legalName,
-        /* @__PURE__ */ jsx98(RequiredMark, {})
+        /* @__PURE__ */ jsx97(RequiredMark, {})
       ] }),
-      /* @__PURE__ */ jsx98(
+      /* @__PURE__ */ jsx97(
         Input,
         {
           id: "create-org-legal-name",
@@ -7120,12 +7087,12 @@ function OrganizationOnboardingForm({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs65("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsxs65(Label2, { htmlFor: "create-org-owner-name", children: [
+    /* @__PURE__ */ jsxs64("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsxs64(Label2, { htmlFor: "create-org-owner-name", children: [
         REQUIRED_FIELD_LABELS.ownerName,
-        /* @__PURE__ */ jsx98(RequiredMark, {})
+        /* @__PURE__ */ jsx97(RequiredMark, {})
       ] }),
-      /* @__PURE__ */ jsx98(
+      /* @__PURE__ */ jsx97(
         Input,
         {
           id: "create-org-owner-name",
@@ -7148,10 +7115,10 @@ function OrganizationOnboardingForm({
       value: residencyCountry,
       onChange: setResidencyCountry
     }),
-    /* @__PURE__ */ jsxs65("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs65("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx98(Label2, { children: "Beneficial owners" }),
-        /* @__PURE__ */ jsx98(
+    /* @__PURE__ */ jsxs64("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs64("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx97(Label2, { children: "Beneficial owners" }),
+        /* @__PURE__ */ jsx97(
           Button,
           {
             type: "button",
@@ -7164,16 +7131,16 @@ function OrganizationOnboardingForm({
           }
         )
       ] }),
-      owners.length === 0 && /* @__PURE__ */ jsx98("p", { className: "text-xs text-text-tertiary", children: "List the natural persons who ultimately own or control the organization." }),
-      owners.map((row) => /* @__PURE__ */ jsxs65(
+      owners.length === 0 && /* @__PURE__ */ jsx97("p", { className: "text-xs text-text-tertiary", children: "List the natural persons who ultimately own or control the organization." }),
+      owners.map((row) => /* @__PURE__ */ jsxs64(
         "div",
         {
           "data-testid": `beneficial-owner-row-${row.key}`,
           className: "flex items-end gap-2",
           children: [
-            /* @__PURE__ */ jsxs65("div", { className: "flex-1 space-y-1", children: [
-              /* @__PURE__ */ jsx98(Label2, { htmlFor: `bo-name-${row.key}`, className: "text-xs", children: "Name" }),
-              /* @__PURE__ */ jsx98(
+            /* @__PURE__ */ jsxs64("div", { className: "flex-1 space-y-1", children: [
+              /* @__PURE__ */ jsx97(Label2, { htmlFor: `bo-name-${row.key}`, className: "text-xs", children: "Name" }),
+              /* @__PURE__ */ jsx97(
                 Input,
                 {
                   id: `bo-name-${row.key}`,
@@ -7183,9 +7150,9 @@ function OrganizationOnboardingForm({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs65("div", { className: "w-40 space-y-1", children: [
-              /* @__PURE__ */ jsx98(Label2, { htmlFor: `bo-country-${row.key}`, className: "text-xs", children: "Country" }),
-              /* @__PURE__ */ jsx98(
+            /* @__PURE__ */ jsxs64("div", { className: "w-40 space-y-1", children: [
+              /* @__PURE__ */ jsx97(Label2, { htmlFor: `bo-country-${row.key}`, className: "text-xs", children: "Country" }),
+              /* @__PURE__ */ jsx97(
                 Select,
                 {
                   id: `bo-country-${row.key}`,
@@ -7198,9 +7165,9 @@ function OrganizationOnboardingForm({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs65("div", { className: "w-24 space-y-1", children: [
-              /* @__PURE__ */ jsx98(Label2, { htmlFor: `bo-share-${row.key}`, className: "text-xs", children: "Share %" }),
-              /* @__PURE__ */ jsx98(
+            /* @__PURE__ */ jsxs64("div", { className: "w-24 space-y-1", children: [
+              /* @__PURE__ */ jsx97(Label2, { htmlFor: `bo-share-${row.key}`, className: "text-xs", children: "Share %" }),
+              /* @__PURE__ */ jsx97(
                 Input,
                 {
                   id: `bo-share-${row.key}`,
@@ -7211,7 +7178,7 @@ function OrganizationOnboardingForm({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx98(
+            /* @__PURE__ */ jsx97(
               Button,
               {
                 type: "button",
@@ -7226,16 +7193,16 @@ function OrganizationOnboardingForm({
         },
         row.key
       )),
-      !ownersValid && /* @__PURE__ */ jsx98("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__ */ jsxs65("p", { "data-testid": "beneficial-owners-sum-warning", className: "text-xs text-text-warning", children: [
+      !ownersValid && /* @__PURE__ */ jsx97("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__ */ jsxs64("p", { "data-testid": "beneficial-owners-sum-warning", className: "text-xs text-text-warning", children: [
         "The listed shares add up to ",
         shareSum,
         "%, which is more than 100%."
       ] })
     ] }),
-    needsOwnershipConfirmation && /* @__PURE__ */ jsxs65("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsxs65("div", { className: "flex items-start gap-2", children: [
-        /* @__PURE__ */ jsx98(
+    needsOwnershipConfirmation && /* @__PURE__ */ jsxs64("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsxs64("div", { className: "flex items-start gap-2", children: [
+        /* @__PURE__ */ jsx97(
           Checkbox,
           {
             id: "create-org-ownership-confirmed",
@@ -7245,19 +7212,19 @@ function OrganizationOnboardingForm({
             onCheckedChange: (value) => setOwnershipConfirmed(value === true)
           }
         ),
-        /* @__PURE__ */ jsxs65(
+        /* @__PURE__ */ jsxs64(
           Label2,
           {
             htmlFor: "create-org-ownership-confirmed",
             className: "text-xs font-regular leading-snug",
             children: [
               "I confirm the ownership structure above is complete and correct",
-              /* @__PURE__ */ jsx98(RequiredMark, {})
+              /* @__PURE__ */ jsx97(RequiredMark, {})
             ]
           }
         )
       ] }),
-      showConfirmationError && /* @__PURE__ */ jsx98(
+      showConfirmationError && /* @__PURE__ */ jsx97(
         "p",
         {
           id: "create-org-ownership-error",
@@ -7267,13 +7234,13 @@ function OrganizationOnboardingForm({
         }
       )
     ] }),
-    showRequiredError && /* @__PURE__ */ jsx98(InlineError, { "data-testid": "create-org-required-error", children: missingRequired.length === 1 ? `${missingRequired[0]} is required` : `These fields are required: ${missingRequired.join(", ")}` }),
-    (serverError || otherViolations.length > 0) && /* @__PURE__ */ jsxs65(InlineError, { "data-testid": "create-org-server-error", children: [
+    showRequiredError && /* @__PURE__ */ jsx97(InlineError, { "data-testid": "create-org-required-error", children: missingRequired.length === 1 ? `${missingRequired[0]} is required` : `These fields are required: ${missingRequired.join(", ")}` }),
+    (serverError || otherViolations.length > 0) && /* @__PURE__ */ jsxs64(InlineError, { "data-testid": "create-org-server-error", children: [
       serverError,
-      otherViolations.length > 0 && /* @__PURE__ */ jsx98("ul", { "data-testid": "create-org-violations", className: "mt-1 list-disc pl-4", children: otherViolations.map((violation) => /* @__PURE__ */ jsx98("li", { children: violation }, violation)) })
+      otherViolations.length > 0 && /* @__PURE__ */ jsx97("ul", { "data-testid": "create-org-violations", className: "mt-1 list-disc pl-4", children: otherViolations.map((violation) => /* @__PURE__ */ jsx97("li", { children: violation }, violation)) })
     ] }),
-    /* @__PURE__ */ jsxs65("div", { className: "space-y-2 pt-1", children: [
-      /* @__PURE__ */ jsx98(
+    /* @__PURE__ */ jsxs64("div", { className: "space-y-2 pt-1", children: [
+      /* @__PURE__ */ jsx97(
         "button",
         {
           type: "submit",
@@ -7284,14 +7251,14 @@ function OrganizationOnboardingForm({
           children: submitting ? "Creating\u2026" : submitLabel
         }
       ),
-      onCancel && /* @__PURE__ */ jsx98("button", { type: "button", onClick: onCancel, className: cn("cursor-pointer", AUTH_QUIET_BUTTON), children: "Cancel" })
+      onCancel && /* @__PURE__ */ jsx97("button", { type: "button", onClick: onCancel, className: cn("cursor-pointer", AUTH_QUIET_BUTTON), children: "Cancel" })
     ] })
   ] });
 }
 
 // src/components/list-columns.tsx
-import * as React85 from "react";
-import { jsx as jsx99, jsxs as jsxs66 } from "react/jsx-runtime";
+import * as React84 from "react";
+import { jsx as jsx98, jsxs as jsxs65 } from "react/jsx-runtime";
 var CELL_WIDTH = { 20: "w-20", 24: "w-24", 28: "w-28", 32: "w-32" };
 var headerClass = "flex items-center gap-3 border-b border-border-subtle bg-bg-secondary px-4 py-1.5 text-xs text-text-tertiary";
 var cellsClass = "flex shrink-0 items-center gap-3";
@@ -7309,13 +7276,13 @@ function warnDuplicateKeys(columns, where) {
     seen.add(c.key);
   }
 }
-var ListHeader = React85.forwardRef(function ListHeader2({ lead, columns, mark = true, trailing = true, className, ...props }, ref) {
+var ListHeader = React84.forwardRef(function ListHeader2({ lead, columns, mark = true, trailing = true, className, ...props }, ref) {
   warnDuplicateKeys(columns, "ListHeader");
-  return /* @__PURE__ */ jsxs66("div", { ref, className: cn(headerClass, className), ...props, children: [
-    mark && /* @__PURE__ */ jsx99("span", { className: "size-8 shrink-0", "aria-hidden": true }),
-    /* @__PURE__ */ jsx99("span", { className: "min-w-0 flex-1 truncate", children: lead }),
-    /* @__PURE__ */ jsx99("span", { className: cellsClass, children: columns.map((c) => /* @__PURE__ */ jsx99("span", { className: cn(CELL_WIDTH[c.width], cellClass), children: c.label }, c.key)) }),
-    trailing && /* @__PURE__ */ jsx99("span", { className: "size-4 shrink-0", "aria-hidden": true })
+  return /* @__PURE__ */ jsxs65("div", { ref, className: cn(headerClass, className), ...props, children: [
+    mark && /* @__PURE__ */ jsx98("span", { className: "size-8 shrink-0", "aria-hidden": true }),
+    /* @__PURE__ */ jsx98("span", { className: "min-w-0 flex-1 truncate", children: lead }),
+    /* @__PURE__ */ jsx98("span", { className: cellsClass, children: columns.map((c) => /* @__PURE__ */ jsx98("span", { className: cn(CELL_WIDTH[c.width], cellClass), children: c.label }, c.key)) }),
+    trailing && /* @__PURE__ */ jsx98("span", { className: "size-4 shrink-0", "aria-hidden": true })
   ] });
 });
 function cellValue(values, column) {
@@ -7323,9 +7290,9 @@ function cellValue(values, column) {
   const value = values[column.key];
   return value === void 0 || value === null || value === "" ? column.fallback : value;
 }
-var ListCells = React85.forwardRef(function ListCells2({ columns, values, className, ...props }, ref) {
+var ListCells = React84.forwardRef(function ListCells2({ columns, values, className, ...props }, ref) {
   warnDuplicateKeys(columns, "ListCells");
-  return /* @__PURE__ */ jsx99("span", { ref, className: cn(cellsClass, className), ...props, children: columns.map((c) => /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsx98("span", { ref, className: cn(cellsClass, className), ...props, children: columns.map((c) => /* @__PURE__ */ jsx98(
     "span",
     {
       className: cn(CELL_WIDTH[c.width], cellClass, c.quiet && "text-text-tertiary"),
@@ -7338,9 +7305,9 @@ ListHeader.displayName = "ListHeader";
 ListCells.displayName = "ListCells";
 
 // src/components/theme-picker.tsx
-import * as React86 from "react";
+import * as React85 from "react";
 import { Check as Check12 } from "lucide-react";
-import { jsx as jsx100, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs66 } from "react/jsx-runtime";
 var THEME_SWATCHES = {
   //        --bg-surface  --bg-sunken   --bg-overlay  --border-default  --text-tertiary
   light: { canvas: "#f2f3f4", rail: "#e1e2e4", body: "#ffffff", quiet: "#bbbec7", strong: "#535a6e" },
@@ -7354,13 +7321,13 @@ var OPTIONS = [
   { value: "system", label: "Auto", name: "Auto, follows your device theme" }
 ];
 function Panels({ palette }) {
-  return /* @__PURE__ */ jsxs67("span", { className: "flex h-full gap-1.5 p-1.5", style: { background: palette.canvas }, children: [
-    /* @__PURE__ */ jsx100(
+  return /* @__PURE__ */ jsxs66("span", { className: "flex h-full gap-1.5 p-1.5", style: { background: palette.canvas }, children: [
+    /* @__PURE__ */ jsx99(
       "span",
       {
         className: "flex flex-col gap-1.5 p-1.5",
         style: { width: "28%", borderRadius: 5, background: palette.rail },
-        children: RAIL_BARS.map((w, i) => /* @__PURE__ */ jsx100(
+        children: RAIL_BARS.map((w, i) => /* @__PURE__ */ jsx99(
           "span",
           {
             className: "rounded-full",
@@ -7370,12 +7337,12 @@ function Panels({ palette }) {
         ))
       }
     ),
-    /* @__PURE__ */ jsx100(
+    /* @__PURE__ */ jsx99(
       "span",
       {
         className: "flex flex-1 flex-col gap-1.5 border p-2",
         style: { borderRadius: 5, background: palette.body, borderColor: palette.quiet },
-        children: BODY_BARS.map((w, i) => /* @__PURE__ */ jsx100(
+        children: BODY_BARS.map((w, i) => /* @__PURE__ */ jsx99(
           "span",
           {
             className: "rounded-full",
@@ -7389,21 +7356,21 @@ function Panels({ palette }) {
 }
 var CUT = "polygon(0 0, -8px 0, -8px calc(100% + 8px), calc(100% + 8px) calc(100% + 8px), calc(100% + 8px) calc(100% - 16px), 100% calc(100% - 16px))";
 function AutoPanels() {
-  return /* @__PURE__ */ jsxs67("span", { className: "relative block h-full", children: [
-    /* @__PURE__ */ jsx100("span", { className: "absolute inset-0", children: /* @__PURE__ */ jsx100(Panels, { palette: THEME_SWATCHES.light }) }),
-    /* @__PURE__ */ jsx100("span", { className: "absolute inset-0", style: { clipPath: CUT }, children: /* @__PURE__ */ jsx100(Panels, { palette: THEME_SWATCHES.dark }) })
+  return /* @__PURE__ */ jsxs66("span", { className: "relative block h-full", children: [
+    /* @__PURE__ */ jsx99("span", { className: "absolute inset-0", children: /* @__PURE__ */ jsx99(Panels, { palette: THEME_SWATCHES.light }) }),
+    /* @__PURE__ */ jsx99("span", { className: "absolute inset-0", style: { clipPath: CUT }, children: /* @__PURE__ */ jsx99(Panels, { palette: THEME_SWATCHES.dark }) })
   ] });
 }
 var previewClass = "block h-28 overflow-hidden rounded-lg border border-border-default";
 var cardClass = "grid cursor-pointer gap-2 rounded-lg p-1.5 text-left transition-colors duration-fast hover:bg-[var(--hov-bg)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus";
 var TRACK = { gridTemplateColumns: "repeat(auto-fit, minmax(8rem, 1fr))" };
-var Picker = React86.forwardRef(function Picker2({ value, onValueChange, className, ...props }, ref) {
-  return /* @__PURE__ */ jsx100("div", { role: "group", "aria-label": "Theme", ...props, ref, className: cn("grid gap-4", className), style: { ...TRACK, ...props.style }, children: OPTIONS.map((o) => {
+var Picker = React85.forwardRef(function Picker2({ value, onValueChange, className, ...props }, ref) {
+  return /* @__PURE__ */ jsx99("div", { role: "group", "aria-label": "Theme", ...props, ref, className: cn("grid gap-4", className), style: { ...TRACK, ...props.style }, children: OPTIONS.map((o) => {
     const selected = o.value === value;
     return (
       // Not a `Button` (Guidelines/When it isn't a Button): the preview is the control, and
       // `aria-pressed` is what says which one is on.
-      /* @__PURE__ */ jsxs67(
+      /* @__PURE__ */ jsxs66(
         "button",
         {
           type: "button",
@@ -7412,8 +7379,8 @@ var Picker = React86.forwardRef(function Picker2({ value, onValueChange, classNa
           onClick: () => onValueChange(o.value),
           className: cardClass,
           children: [
-            /* @__PURE__ */ jsx100("span", { className: cn(previewClass, selected && "border-border-strong"), "aria-hidden": true, children: o.value === "system" ? /* @__PURE__ */ jsx100(AutoPanels, {}) : /* @__PURE__ */ jsx100(Panels, { palette: THEME_SWATCHES[o.value] }) }),
-            /* @__PURE__ */ jsxs67(
+            /* @__PURE__ */ jsx99("span", { className: cn(previewClass, selected && "border-border-strong"), "aria-hidden": true, children: o.value === "system" ? /* @__PURE__ */ jsx99(AutoPanels, {}) : /* @__PURE__ */ jsx99(Panels, { palette: THEME_SWATCHES[o.value] }) }),
+            /* @__PURE__ */ jsxs66(
               "span",
               {
                 className: cn(
@@ -7421,7 +7388,7 @@ var Picker = React86.forwardRef(function Picker2({ value, onValueChange, classNa
                   selected ? "font-semibold text-text-primary" : "text-text-secondary"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx100(Check12, { className: cn("size-4 shrink-0", !selected && "invisible"), "aria-hidden": true }),
+                  /* @__PURE__ */ jsx99(Check12, { className: cn("size-4 shrink-0", !selected && "invisible"), "aria-hidden": true }),
                   o.label
                 ]
               }
@@ -7433,9 +7400,9 @@ var Picker = React86.forwardRef(function Picker2({ value, onValueChange, classNa
     );
   }) });
 });
-var WiredPicker = React86.forwardRef(function WiredPicker2({ onValueChange, ...props }, ref) {
+var WiredPicker = React85.forwardRef(function WiredPicker2({ onValueChange, ...props }, ref) {
   const { theme, setTheme } = useTheme();
-  return /* @__PURE__ */ jsx100(
+  return /* @__PURE__ */ jsx99(
     Picker,
     {
       ...props,
@@ -7448,22 +7415,22 @@ var WiredPicker = React86.forwardRef(function WiredPicker2({ onValueChange, ...p
     }
   );
 });
-var ThemePicker = React86.forwardRef(function ThemePicker2({ value, onValueChange, ...props }, ref) {
-  const controlled = React86.useRef(value !== void 0);
+var ThemePicker = React85.forwardRef(function ThemePicker2({ value, onValueChange, ...props }, ref) {
+  const controlled = React85.useRef(value !== void 0);
   if (process.env.NODE_ENV !== "production" && controlled.current !== (value !== void 0)) {
     console.warn(
       "[ThemePicker] `value` went from " + (controlled.current ? "set to missing" : "missing to set") + " after mount. The picker stays " + (controlled.current ? "controlled" : "wired to the console theme") + " for its whole life: render it once its value is known, or leave `value` off entirely."
     );
   }
-  return controlled.current ? /* @__PURE__ */ jsx100(Picker, { ...props, ref, value: value ?? "system", onValueChange: onValueChange ?? (() => {
-  }) }) : /* @__PURE__ */ jsx100(WiredPicker, { ...props, ref, onValueChange });
+  return controlled.current ? /* @__PURE__ */ jsx99(Picker, { ...props, ref, value: value ?? "system", onValueChange: onValueChange ?? (() => {
+  }) }) : /* @__PURE__ */ jsx99(WiredPicker, { ...props, ref, onValueChange });
 });
 ThemePicker.displayName = "ThemePicker";
 
 // src/components/secret-reveal.tsx
-import * as React87 from "react";
+import * as React86 from "react";
 import { Copy as Copy2, Download } from "lucide-react";
-import { jsx as jsx101, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx100, jsxs as jsxs67 } from "react/jsx-runtime";
 var asText = (value) => Array.isArray(value) ? value.join("\n") : value;
 var REVEALED = "A secret is on screen and will not be shown again.";
 var REFUSED = "The browser refused the clipboard. Select the value to copy it.";
@@ -7471,15 +7438,15 @@ function SecretValue({ value }) {
   if (Array.isArray(value)) {
     const half = Math.ceil(value.length / 2);
     const columns = [value.slice(0, half), value.slice(half)].filter((column) => column.length > 0);
-    return /* @__PURE__ */ jsx101("div", { className: "flex w-fit gap-x-12", children: columns.map((column, index) => (
+    return /* @__PURE__ */ jsx100("div", { className: "flex w-fit gap-x-12", children: columns.map((column, index) => (
       // Neither the columns nor the values inside one are ever reordered, and two identical
       // values in a list are legal, so the index is the key and the value is not.
-      /* @__PURE__ */ jsx101("div", { className: "grid gap-y-1.5", children: column.map((line, row) => /* @__PURE__ */ jsx101("code", { className: "font-mono text-sm font-medium tabular-nums text-text-primary", children: line }, row)) }, index)
+      /* @__PURE__ */ jsx100("div", { className: "grid gap-y-1.5", children: column.map((line, row) => /* @__PURE__ */ jsx100("code", { className: "font-mono text-sm font-medium tabular-nums text-text-primary", children: line }, row)) }, index)
     )) });
   }
-  return /* @__PURE__ */ jsx101("code", { className: "block break-all font-mono text-sm font-medium text-text-primary", children: value });
+  return /* @__PURE__ */ jsx100("code", { className: "block break-all font-mono text-sm font-medium text-text-primary", children: value });
 }
-var SecretReveal = React87.forwardRef(
+var SecretReveal = React86.forwardRef(
   ({
     value,
     caption,
@@ -7496,18 +7463,18 @@ var SecretReveal = React87.forwardRef(
     className,
     ...props
   }, ref) => {
-    const [takenText, setTakenText] = React87.useState(null);
-    const [refusedText, setRefusedText] = React87.useState(null);
-    const [announcedFor, setAnnouncedFor] = React87.useState(null);
-    const copyRef = React87.useRef(null);
-    const captionId = React87.useId();
+    const [takenText, setTakenText] = React86.useState(null);
+    const [refusedText, setRefusedText] = React86.useState(null);
+    const [announcedFor, setAnnouncedFor] = React86.useState(null);
+    const copyRef = React86.useRef(null);
+    const captionId = React86.useId();
     const text = asText(value);
     const empty = text.length === 0;
     const taken = takenText === text;
     const refused = refusedText === text;
-    React87.useEffect(() => setAnnouncedFor(text), [text]);
+    React86.useEffect(() => setAnnouncedFor(text), [text]);
     const announced = announcedFor === text ? REVEALED : "";
-    React87.useEffect(() => {
+    React86.useEffect(() => {
       if (autoFocus) copyRef.current?.focus();
     }, [autoFocus]);
     const reportTaken = () => {
@@ -7533,12 +7500,12 @@ var SecretReveal = React87.forwardRef(
       reportTaken();
       onDownload?.();
     };
-    return /* @__PURE__ */ jsx101("div", { ref, className: cn("overflow-hidden rounded-lg bg-bg-sunken", className), ...props, children: /* @__PURE__ */ jsx101("div", { className: highlightClassName, ref: highlightRef, children: /* @__PURE__ */ jsxs68("div", { className: "grid gap-3 rounded-lg border border-border-strong px-4 py-3", children: [
-      /* @__PURE__ */ jsx101("span", { role: "status", className: "sr-only", children: announced }),
-      /* @__PURE__ */ jsx101("div", { id: captionId, className: "text-sm text-text-secondary", children: caption }),
-      /* @__PURE__ */ jsx101(SecretValue, { value }),
-      /* @__PURE__ */ jsxs68("div", { className: "flex flex-wrap items-center gap-2", children: [
-        /* @__PURE__ */ jsx101(
+    return /* @__PURE__ */ jsx100("div", { ref, className: cn("overflow-hidden rounded-lg bg-bg-sunken", className), ...props, children: /* @__PURE__ */ jsx100("div", { className: highlightClassName, ref: highlightRef, children: /* @__PURE__ */ jsxs67("div", { className: "grid gap-3 rounded-lg border border-border-strong px-4 py-3", children: [
+      /* @__PURE__ */ jsx100("span", { role: "status", className: "sr-only", children: announced }),
+      /* @__PURE__ */ jsx100("div", { id: captionId, className: "text-sm text-text-secondary", children: caption }),
+      /* @__PURE__ */ jsx100(SecretValue, { value }),
+      /* @__PURE__ */ jsxs67("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ jsx100(
           Button,
           {
             ref: copyRef,
@@ -7546,12 +7513,12 @@ var SecretReveal = React87.forwardRef(
             "aria-describedby": captionId,
             variant: "outline",
             size: "sm",
-            icon: /* @__PURE__ */ jsx101(Copy2, {}),
+            icon: /* @__PURE__ */ jsx100(Copy2, {}),
             children: copyLabel ?? (Array.isArray(value) ? "Copy all" : "Copy")
           }
         ),
-        onDownload && /* @__PURE__ */ jsx101(Button, { onClick: download, "aria-describedby": captionId, variant: "outline", size: "sm", icon: /* @__PURE__ */ jsx101(Download, {}), children: downloadLabel }),
-        /* @__PURE__ */ jsx101(
+        onDownload && /* @__PURE__ */ jsx100(Button, { onClick: download, "aria-describedby": captionId, variant: "outline", size: "sm", icon: /* @__PURE__ */ jsx100(Download, {}), children: downloadLabel }),
+        /* @__PURE__ */ jsx100(
           Button,
           {
             onClick: onConfirm,
@@ -7562,17 +7529,17 @@ var SecretReveal = React87.forwardRef(
           }
         )
       ] }),
-      refused && /* @__PURE__ */ jsx101("div", { role: "status", className: "text-xs text-text-tertiary", children: REFUSED })
+      refused && /* @__PURE__ */ jsx100("div", { role: "status", className: "text-xs text-text-tertiary", children: REFUSED })
     ] }) }) });
   }
 );
 SecretReveal.displayName = "SecretReveal";
 
 // src/components/star-rating.tsx
-import * as React88 from "react";
+import * as React87 from "react";
 import * as RadioGroupPrimitive2 from "@radix-ui/react-radio-group";
 import { Star } from "lucide-react";
-import { jsx as jsx102 } from "react/jsx-runtime";
+import { jsx as jsx101 } from "react/jsx-runtime";
 var STAR_BOX = {
   sm: "size-4",
   md: "size-5",
@@ -7584,7 +7551,7 @@ var ROW_GAP = {
   lg: "gap-1.5"
 };
 var defaultItemLabel = (value, max) => `${value} out of ${max} stars`;
-var StarGlyph = ({ filled, size }) => /* @__PURE__ */ jsx102(
+var StarGlyph = ({ filled, size }) => /* @__PURE__ */ jsx101(
   Star,
   {
     "aria-hidden": "true",
@@ -7595,7 +7562,7 @@ var StarGlyph = ({ filled, size }) => /* @__PURE__ */ jsx102(
     )
   }
 );
-var StarRating = React88.forwardRef(
+var StarRating = React87.forwardRef(
   ({
     className,
     value,
@@ -7610,27 +7577,27 @@ var StarRating = React88.forwardRef(
     ...props
   }, ref) => {
     const stars = Array.from({ length: max }, (_, index) => index + 1);
-    const [mirror, setMirror] = React88.useState(defaultValue ?? 0);
+    const [mirror, setMirror] = React87.useState(defaultValue ?? 0);
     const selected = value ?? mirror;
-    const [preview, setPreview] = React88.useState(null);
+    const [preview, setPreview] = React87.useState(null);
     const shown = preview ?? selected;
     const commit = (next) => {
       setMirror(next);
       onValueChange?.(next);
     };
     if (readOnly) {
-      return /* @__PURE__ */ jsx102(
+      return /* @__PURE__ */ jsx101(
         "div",
         {
           ref,
           role: "img",
           "aria-label": props["aria-label"] ?? itemLabel(selected, max),
           className: cn("inline-flex items-center", ROW_GAP[size], className),
-          children: stars.map((star) => /* @__PURE__ */ jsx102(StarGlyph, { filled: star <= selected, size }, star))
+          children: stars.map((star) => /* @__PURE__ */ jsx101(StarGlyph, { filled: star <= selected, size }, star))
         }
       );
     }
-    return /* @__PURE__ */ jsx102(
+    return /* @__PURE__ */ jsx101(
       RadioGroupPrimitive2.Root,
       {
         ref,
@@ -7647,7 +7614,7 @@ var StarRating = React88.forwardRef(
         orientation: "horizontal",
         loop: false,
         className: cn("inline-flex items-center", ROW_GAP[size], className),
-        children: stars.map((star) => /* @__PURE__ */ jsx102(
+        children: stars.map((star) => /* @__PURE__ */ jsx101(
           RadioGroupPrimitive2.Item,
           {
             value: String(star),
@@ -7663,7 +7630,7 @@ var StarRating = React88.forwardRef(
               "rounded-md p-0.5 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus",
               "disabled:pointer-events-none disabled:opacity-50"
             ),
-            children: /* @__PURE__ */ jsx102(StarGlyph, { filled: star <= shown, size })
+            children: /* @__PURE__ */ jsx101(StarGlyph, { filled: star <= shown, size })
           },
           star
         ))
@@ -7674,16 +7641,16 @@ var StarRating = React88.forwardRef(
 StarRating.displayName = "StarRating";
 
 // src/components/rating-scale.tsx
-import * as React89 from "react";
+import * as React88 from "react";
 import * as RadioGroupPrimitive3 from "@radix-ui/react-radio-group";
-import { jsx as jsx103, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx102, jsxs as jsxs68 } from "react/jsx-runtime";
 var SLOT_BOX = {
   sm: "h-8 min-w-8 px-2 text-xs",
   md: "h-9 min-w-9 px-2 text-sm",
   lg: "h-11 min-w-11 px-3 text-base"
 };
 var defaultItemLabel2 = (value, _min, max) => `${value} out of ${max}`;
-var RatingScale = React89.forwardRef(
+var RatingScale = React88.forwardRef(
   ({
     className,
     value,
@@ -7699,9 +7666,9 @@ var RatingScale = React89.forwardRef(
     ...props
   }, ref) => {
     const slots = Array.from({ length: Math.max(0, max - min + 1) }, (_, index) => min + index);
-    const [mirror, setMirror] = React89.useState(defaultValue);
+    const [mirror, setMirror] = React88.useState(defaultValue);
     const selected = value ?? mirror;
-    const row = /* @__PURE__ */ jsx103("div", { className: cn("flex flex-wrap items-center gap-1.5", !endLabels && className), children: slots.map((slot) => {
+    const row = /* @__PURE__ */ jsx102("div", { className: cn("flex flex-wrap items-center gap-1.5", !endLabels && className), children: slots.map((slot) => {
       const isSelected = slot === selected;
       const box = cn(
         "inline-flex items-center justify-center rounded-md border tabular-nums transition-colors duration-fast",
@@ -7709,9 +7676,9 @@ var RatingScale = React89.forwardRef(
         isSelected ? "border-border-strong font-semibold text-text-primary" : "border-field-border font-medium text-text-secondary"
       );
       if (readOnly) {
-        return /* @__PURE__ */ jsx103("span", { className: box, "aria-hidden": "true", children: slot }, slot);
+        return /* @__PURE__ */ jsx102("span", { className: box, "aria-hidden": "true", children: slot }, slot);
       }
-      return /* @__PURE__ */ jsx103(
+      return /* @__PURE__ */ jsx102(
         RadioGroupPrimitive3.Item,
         {
           value: String(slot),
@@ -7730,12 +7697,12 @@ var RatingScale = React89.forwardRef(
         slot
       );
     }) });
-    const ends = endLabels ? /* @__PURE__ */ jsxs69("div", { className: "flex items-center justify-between text-xs text-text-tertiary", children: [
-      /* @__PURE__ */ jsx103("span", { children: endLabels.low }),
-      /* @__PURE__ */ jsx103("span", { children: endLabels.high })
+    const ends = endLabels ? /* @__PURE__ */ jsxs68("div", { className: "flex items-center justify-between text-xs text-text-tertiary", children: [
+      /* @__PURE__ */ jsx102("span", { children: endLabels.low }),
+      /* @__PURE__ */ jsx102("span", { children: endLabels.high })
     ] }) : null;
     if (readOnly) {
-      return /* @__PURE__ */ jsxs69(
+      return /* @__PURE__ */ jsxs68(
         "div",
         {
           ref,
@@ -7749,7 +7716,7 @@ var RatingScale = React89.forwardRef(
         }
       );
     }
-    const group = /* @__PURE__ */ jsx103(
+    const group = /* @__PURE__ */ jsx102(
       RadioGroupPrimitive3.Root,
       {
         ref,
@@ -7768,7 +7735,7 @@ var RatingScale = React89.forwardRef(
       }
     );
     if (!endLabels) return group;
-    return /* @__PURE__ */ jsxs69("div", { className: cn("flex flex-col gap-1.5", className), children: [
+    return /* @__PURE__ */ jsxs68("div", { className: cn("flex flex-col gap-1.5", className), children: [
       group,
       ends
     ] });