@trading-game/design-intelligence-layer 1.0.7 → 1.2.0

package/dist/index.cjs

@@ -139,6 +139,7 @@ __export(index_exports, {
   ContextMenuSubContent: () => ContextMenuSubContent,
   ContextMenuSubTrigger: () => ContextMenuSubTrigger,
   ContextMenuTrigger: () => ContextMenuTrigger,
+  DateWheelPicker: () => DateWheelPicker,
   Dialog: () => Dialog,
   DialogClose: () => DialogClose,
   DialogContent: () => DialogContent,
@@ -1269,9 +1270,11 @@ var badgeVariants = (0, import_class_variance_authority4.cva)(
         "solid-fail": "bg-background-error-solid text-text-on-status-static",
         "solid-warning": "bg-background-warning-solid text-text-on-status-static",
         // Tint — the Section Message surface tokens, coloured foreground.
-        // Brand tint = the static brand-container recipe (layered value,
-        // so it paints via `background`, not a bg-* utility).
-        tint: "[background:var(--background-brand-container)] border-transparent text-text-brand-container-static",
+        // Brand tint rides `brand-selected`, the theme-aware selection
+        // family, for the same reason Calendar's range band does: the
+        // static `brand-container` is one value in both themes and sits
+        // near-white on a dark surface.
+        tint: "bg-background-brand-selected border-transparent text-text-brand-selected",
         "tint-demo": "bg-background-demo-default border-transparent text-text-demo-default",
         "tint-neutral": "bg-background-secondary-surface border-transparent text-text-prominent-default",
         "tint-success": "bg-background-success-default border-transparent text-text-success-default",
@@ -1282,7 +1285,18 @@ var badgeVariants = (0, import_class_variance_authority4.cva)(
         xs: "type-badge-xs h-5 px-2 py-0.5",
         sm: "type-badge-sm h-6 px-2.5 py-0.5",
         md: "type-badge-md h-8 px-3 py-1",
-        lg: "type-badge-lg h-10 px-4 py-1.5"
+        lg: "type-badge-lg h-10 px-4 py-1.5",
+        /* `count` is a shape, not a step on the xs/sm/md/lg rail: an
+           18px disc that grows into a pill as digits are added. The
+           padding is deliberately tight (`px-1`): one digit then
+           measures under the 18px min-width, so min-width wins and the
+           disc is a true circle. Widen the padding and a single digit
+           overshoots 18px, turning it back into an oval. `tabular-nums` keeps every digit
+           the same width, so a ticking count only resizes when the
+           digit count changes, not on every update. Callers that pin
+           it over other chrome add their own knockout ring — Badge
+           cannot know what sits behind it. */
+        count: "type-badge-xs min-w-[1.125rem] h-[1.125rem] px-1 tabular-nums"
       }
     },
     defaultVariants: {
@@ -3336,25 +3350,297 @@ function ContextMenuShortcut(_a) {
   );
 }
 
+// components/ui/date-wheel-picker.tsx
+var React7 = __toESM(require("react"), 1);
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var ROW = 40;
+var VISIBLE_ROWS = 5;
+var SETTLE_MS = 120;
+var toParts = (date) => ({
+  y: date.getFullYear(),
+  m: date.getMonth(),
+  d: date.getDate()
+});
+var toDate = ({ y, m, d }) => new Date(y, m, d);
+var daysIn = (y, m) => new Date(y, m + 1, 0).getDate();
+var dayStart = (date) => new Date(date.getFullYear(), date.getMonth(), date.getDate());
+function clamp(parts, min, max) {
+  const d = Math.min(parts.d, daysIn(parts.y, parts.m));
+  const date = toDate(__spreadProps(__spreadValues({}, parts), { d }));
+  if (date < min) return toParts(min);
+  if (date > max) return toParts(max);
+  return __spreadProps(__spreadValues({}, parts), { d });
+}
+function Wheel({ items, index, onIndexChange, label, className }) {
+  var _a;
+  const ref = React7.useRef(null);
+  const settleTimer = React7.useRef(null);
+  const mounted = React7.useRef(false);
+  const [live, setLive] = React7.useState(index);
+  const scrollToIndex = React7.useCallback((i, smooth) => {
+    var _a2;
+    const el = ref.current;
+    if (!el) return;
+    const reduce = (_a2 = window.matchMedia) == null ? void 0 : _a2.call(window, "(prefers-reduced-motion: reduce)").matches;
+    el.scrollTo({ top: i * ROW, behavior: smooth && !reduce ? "smooth" : "auto" });
+  }, []);
+  React7.useEffect(() => {
+    setLive(index);
+    const el = ref.current;
+    if (el && Math.round(el.scrollTop / ROW) !== index) {
+      scrollToIndex(index, mounted.current);
+    }
+    mounted.current = true;
+  }, [index, items.length, scrollToIndex]);
+  React7.useEffect(
+    () => () => {
+      if (settleTimer.current) clearTimeout(settleTimer.current);
+    },
+    []
+  );
+  const nearestEnabled = (i) => {
+    var _a2;
+    if (!((_a2 = items[i]) == null ? void 0 : _a2.disabled)) return i;
+    for (let step2 = 1; step2 < items.length; step2++) {
+      if (items[i - step2] && !items[i - step2].disabled) return i - step2;
+      if (items[i + step2] && !items[i + step2].disabled) return i + step2;
+    }
+    return i;
+  };
+  const onScroll = () => {
+    var _a2;
+    const el = ref.current;
+    if (!el) return;
+    const i = Math.max(0, Math.min(items.length - 1, Math.round(el.scrollTop / ROW)));
+    if (i !== live) {
+      setLive(i);
+      (_a2 = navigator.vibrate) == null ? void 0 : _a2.call(navigator, 4);
+    }
+    if (settleTimer.current) clearTimeout(settleTimer.current);
+    settleTimer.current = setTimeout(() => {
+      const target = nearestEnabled(i);
+      if (target !== i) {
+        setLive(target);
+        scrollToIndex(target, true);
+        if (target !== index) onIndexChange(target);
+      } else if (target !== index) onIndexChange(target);
+    }, SETTLE_MS);
+  };
+  const step = (from, delta) => {
+    var _a2;
+    let i = from;
+    for (let n = Math.abs(delta); n > 0; n--) {
+      let next = i + Math.sign(delta);
+      while ((_a2 = items[next]) == null ? void 0 : _a2.disabled) next += Math.sign(delta);
+      if (!items[next]) break;
+      i = next;
+    }
+    return i;
+  };
+  const onKeyDown = (e) => {
+    const last = items.length - 1;
+    let next = null;
+    if (e.key === "ArrowDown") next = step(index, 1);
+    else if (e.key === "ArrowUp") next = step(index, -1);
+    else if (e.key === "PageDown") next = step(index, 5);
+    else if (e.key === "PageUp") next = step(index, -5);
+    else if (e.key === "Home") next = nearestEnabled(0);
+    else if (e.key === "End") next = nearestEnabled(last);
+    if (next === null) return;
+    e.preventDefault();
+    if (next !== index) onIndexChange(next);
+  };
+  const enabled = items.filter((it) => !it.disabled);
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    "div",
+    {
+      ref,
+      "data-slot": "date-wheel-picker-wheel",
+      role: "spinbutton",
+      tabIndex: 0,
+      "aria-label": label,
+      "aria-valuenow": index,
+      "aria-valuetext": (_a = items[index]) == null ? void 0 : _a.label,
+      "aria-valuemin": items.indexOf(enabled[0]),
+      "aria-valuemax": items.indexOf(enabled[enabled.length - 1]),
+      onScroll,
+      onKeyDown,
+      className: cn(
+        "relative z-10 h-50 min-w-0 snap-y snap-mandatory overflow-y-scroll rounded-md outline-none",
+        "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+        // Rows fade toward the edges so the wheel reads as a drum.
+        "[mask-image:linear-gradient(to_bottom,transparent,black_32%,black_68%,transparent)]",
+        "focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { "aria-hidden": true, className: "h-20" }),
+        items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          "div",
+          {
+            "aria-hidden": true,
+            "data-selected": i === live ? "" : void 0,
+            "data-disabled": item.disabled ? "" : void 0,
+            onClick: () => !item.disabled && scrollToIndex(i, true),
+            className: cn(
+              "type-date-wheel-picker-item flex h-10 cursor-pointer snap-center items-center justify-center whitespace-nowrap tabular-nums select-none",
+              "text-text-subtle-default transition-[color,transform] duration-fast ease-standard motion-reduce:transition-none",
+              "data-selected:scale-[1.04] data-selected:text-text-brand-selected",
+              "data-disabled:cursor-default data-disabled:text-text-disabled-default"
+            ),
+            children: item.label
+          },
+          i
+        )),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { "aria-hidden": true, className: "h-20" })
+      ]
+    }
+  );
+}
+function DateWheelPicker(_a) {
+  var _b = _a, {
+    value,
+    defaultValue,
+    onValueChange,
+    min: minProp,
+    max: maxProp,
+    order = "dmy",
+    monthFormat = "long",
+    locale,
+    className
+  } = _b, props = __objRest(_b, [
+    "value",
+    "defaultValue",
+    "onValueChange",
+    "min",
+    "max",
+    "order",
+    "monthFormat",
+    "locale",
+    "className"
+  ]);
+  const min = React7.useMemo(
+    () => dayStart(minProp != null ? minProp : new Date(1900, 0, 1)),
+    [minProp]
+  );
+  const max = React7.useMemo(
+    () => dayStart(maxProp != null ? maxProp : new Date((/* @__PURE__ */ new Date()).getFullYear() + 10, 11, 31)),
+    [maxProp]
+  );
+  const [inner, setInner] = React7.useState(
+    () => clamp(toParts(defaultValue != null ? defaultValue : /* @__PURE__ */ new Date()), min, max)
+  );
+  const parts = value ? clamp(toParts(value), min, max) : clamp(inner, min, max);
+  const commit = (next) => {
+    const c = clamp(next, min, max);
+    if (!value) setInner(c);
+    if (c.y !== parts.y || c.m !== parts.m || c.d !== parts.d) {
+      onValueChange == null ? void 0 : onValueChange(toDate(c));
+    }
+  };
+  const monthNames = React7.useMemo(() => {
+    const fmt = new Intl.DateTimeFormat(locale, {
+      month: monthFormat === "numeric" ? "2-digit" : monthFormat
+    });
+    return Array.from({ length: 12 }, (_, m) => fmt.format(new Date(2e3, m, 1)));
+  }, [locale, monthFormat]);
+  const years = React7.useMemo(() => {
+    const list = [];
+    for (let y = min.getFullYear(); y <= max.getFullYear(); y++) list.push(y);
+    return list;
+  }, [min, max]);
+  const inRange = (y, m, d) => {
+    const date = new Date(y, m, d);
+    return date >= min && date <= max;
+  };
+  const dayItems = Array.from({ length: daysIn(parts.y, parts.m) }, (_, i) => ({
+    label: String(i + 1).padStart(2, "0"),
+    disabled: !inRange(parts.y, parts.m, i + 1)
+  }));
+  const monthItems = monthNames.map((label, m) => ({
+    label,
+    // A month is off only when none of its days are in range.
+    disabled: new Date(parts.y, m, daysIn(parts.y, m)) < min || new Date(parts.y, m, 1) > max
+  }));
+  const yearItems = years.map((y) => ({ label: String(y), disabled: false }));
+  const wheels = {
+    d: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      Wheel,
+      {
+        label: "Day",
+        items: dayItems,
+        index: parts.d - 1,
+        onIndexChange: (i) => commit(__spreadProps(__spreadValues({}, parts), { d: i + 1 })),
+        className: "flex-[0.8]"
+      },
+      "d"
+    ),
+    m: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      Wheel,
+      {
+        label: "Month",
+        items: monthItems,
+        index: parts.m,
+        onIndexChange: (i) => commit(__spreadProps(__spreadValues({}, parts), { m: i })),
+        className: monthFormat === "long" ? "flex-[1.5]" : "flex-1"
+      },
+      "m"
+    ),
+    y: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      Wheel,
+      {
+        label: "Year",
+        items: yearItems,
+        index: parts.y - years[0],
+        onIndexChange: (i) => commit(__spreadProps(__spreadValues({}, parts), { y: years[i] })),
+        className: "flex-1"
+      },
+      "y"
+    )
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "date-wheel-picker",
+      role: "group",
+      "aria-label": "Date",
+      className: cn("relative flex w-full gap-1", className),
+      style: { height: ROW * VISIBLE_ROWS }
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          "div",
+          {
+            "aria-hidden": true,
+            "data-slot": "date-wheel-picker-band",
+            className: "pointer-events-none absolute inset-x-0 top-20 h-10 rounded-md bg-background-brand-selected"
+          }
+        ),
+        order.split("").map((k) => wheels[k])
+      ]
+    })
+  );
+}
+
 // components/ui/drawer.tsx
 var import_lucide_react14 = require("lucide-react");
 var import_vaul = require("vaul");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function Drawer(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_vaul.Drawer.Root, __spreadValues({ "data-slot": "drawer" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_vaul.Drawer.Root, __spreadValues({ "data-slot": "drawer" }, props));
 }
 function DrawerTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_vaul.Drawer.Trigger, __spreadValues({ "data-slot": "drawer-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_vaul.Drawer.Trigger, __spreadValues({ "data-slot": "drawer-trigger" }, props));
 }
 function DrawerPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_vaul.Drawer.Portal, __spreadValues({ "data-slot": "drawer-portal" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_vaul.Drawer.Portal, __spreadValues({ "data-slot": "drawer-portal" }, props));
 }
 function DrawerClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_vaul.Drawer.Close, __spreadValues({ "data-slot": "drawer-close" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_vaul.Drawer.Close, __spreadValues({ "data-slot": "drawer-close" }, props));
 }
 function DrawerOverlay(_a) {
   var _b = _a, {
@@ -3362,7 +3648,7 @@ function DrawerOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     import_vaul.Drawer.Overlay,
     __spreadValues({
       "data-slot": "drawer-overlay",
@@ -3383,9 +3669,9 @@ function DrawerContent(_a) {
     "children",
     "dismiss"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(DrawerPortal, { "data-slot": "drawer-portal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DrawerOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(DrawerPortal, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DrawerOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
       import_vaul.Drawer.Content,
       __spreadProps(__spreadValues({
         "data-slot": "drawer-content",
@@ -3399,13 +3685,13 @@ function DrawerContent(_a) {
         )
       }, props), {
         children: [
-          dismiss === "handle" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-border-default-default group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex shrink-0 justify-end p-4 pb-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_vaul.Drawer.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          dismiss === "handle" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-border-default-default group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex shrink-0 justify-end p-4 pb-0", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_vaul.Drawer.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             NavigationButton,
             {
               "data-slot": "drawer-close",
               size: "sm",
               "aria-label": "Close",
-              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react14.XIcon, { className: "size-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react14.XIcon, { className: "size-4" })
             }
           ) }) }),
           children
@@ -3416,7 +3702,7 @@ function DrawerContent(_a) {
 }
 function DrawerHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "div",
     __spreadValues({
       "data-slot": "drawer-header",
@@ -3429,7 +3715,7 @@ function DrawerHeader(_a) {
 }
 function DrawerFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "div",
     __spreadValues({
       "data-slot": "drawer-footer",
@@ -3443,7 +3729,7 @@ function DrawerTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     import_vaul.Drawer.Title,
     __spreadValues({
       "data-slot": "drawer-title",
@@ -3457,7 +3743,7 @@ function DrawerDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     import_vaul.Drawer.Description,
     __spreadValues({
       "data-slot": "drawer-description",
@@ -3469,18 +3755,18 @@ function DrawerDescription(_a) {
 // components/ui/dropdown-menu.tsx
 var import_lucide_react15 = require("lucide-react");
 var import_radix_ui14 = require("radix-ui");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function DropdownMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_radix_ui14.DropdownMenu.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_radix_ui14.DropdownMenu.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
 }
 function DropdownMenuPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_radix_ui14.DropdownMenu.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_radix_ui14.DropdownMenu.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
 }
 function DropdownMenuTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     import_radix_ui14.DropdownMenu.Trigger,
     __spreadValues({
       "data-slot": "dropdown-menu-trigger"
@@ -3495,7 +3781,7 @@ function DropdownMenuContent(_a) {
     "className",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_radix_ui14.DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_radix_ui14.DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     import_radix_ui14.DropdownMenu.Content,
     __spreadValues({
       "data-slot": "dropdown-menu-content",
@@ -3509,7 +3795,7 @@ function DropdownMenuContent(_a) {
 }
 function DropdownMenuGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_radix_ui14.DropdownMenu.Group, __spreadValues({ "data-slot": "dropdown-menu-group" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_radix_ui14.DropdownMenu.Group, __spreadValues({ "data-slot": "dropdown-menu-group" }, props));
 }
 function DropdownMenuItem(_a) {
   var _b = _a, {
@@ -3521,7 +3807,7 @@ function DropdownMenuItem(_a) {
     "inset",
     "variant"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     import_radix_ui14.DropdownMenu.Item,
     __spreadValues({
       "data-slot": "dropdown-menu-item",
@@ -3544,7 +3830,7 @@ function DropdownMenuCheckboxItem(_a) {
     "children",
     "checked"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     import_radix_ui14.DropdownMenu.CheckboxItem,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-checkbox-item",
@@ -3555,7 +3841,7 @@ function DropdownMenuCheckboxItem(_a) {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_radix_ui14.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react15.CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_radix_ui14.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react15.CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -3563,7 +3849,7 @@ function DropdownMenuCheckboxItem(_a) {
 }
 function DropdownMenuRadioGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     import_radix_ui14.DropdownMenu.RadioGroup,
     __spreadValues({
       "data-slot": "dropdown-menu-radio-group"
@@ -3578,7 +3864,7 @@ function DropdownMenuRadioItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     import_radix_ui14.DropdownMenu.RadioItem,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-radio-item",
@@ -3588,7 +3874,7 @@ function DropdownMenuRadioItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_radix_ui14.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react15.CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_radix_ui14.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react15.CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -3602,7 +3888,7 @@ function DropdownMenuLabel(_a) {
     "className",
     "inset"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     import_radix_ui14.DropdownMenu.Label,
     __spreadValues({
       "data-slot": "dropdown-menu-label",
@@ -3620,7 +3906,7 @@ function DropdownMenuSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     import_radix_ui14.DropdownMenu.Separator,
     __spreadValues({
       "data-slot": "dropdown-menu-separator",
@@ -3634,7 +3920,7 @@ function DropdownMenuShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "span",
     __spreadValues({
       "data-slot": "dropdown-menu-shortcut",
@@ -3647,7 +3933,7 @@ function DropdownMenuShortcut(_a) {
 }
 function DropdownMenuSub(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_radix_ui14.DropdownMenu.Sub, __spreadValues({ "data-slot": "dropdown-menu-sub" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_radix_ui14.DropdownMenu.Sub, __spreadValues({ "data-slot": "dropdown-menu-sub" }, props));
 }
 function DropdownMenuSubTrigger(_a) {
   var _b = _a, {
@@ -3659,7 +3945,7 @@ function DropdownMenuSubTrigger(_a) {
     "inset",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     import_radix_ui14.DropdownMenu.SubTrigger,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-sub-trigger",
@@ -3671,7 +3957,7 @@ function DropdownMenuSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react15.ChevronRightIcon, { className: "ml-auto size-4" })
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react15.ChevronRightIcon, { className: "ml-auto size-4" })
       ]
     })
   );
@@ -3682,7 +3968,7 @@ function DropdownMenuSubContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     import_radix_ui14.DropdownMenu.SubContent,
     __spreadValues({
       "data-slot": "dropdown-menu-sub-content",
@@ -3696,10 +3982,10 @@ function DropdownMenuSubContent(_a) {
 
 // components/ui/empty.tsx
 var import_class_variance_authority6 = require("class-variance-authority");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function Empty(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     __spreadValues({
       "data-slot": "empty",
@@ -3712,7 +3998,7 @@ function Empty(_a) {
 }
 function EmptyHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     __spreadValues({
       "data-slot": "empty-header",
@@ -3745,7 +4031,7 @@ function EmptyMedia(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     __spreadValues({
       "data-slot": "empty-icon",
@@ -3756,7 +4042,7 @@ function EmptyMedia(_a) {
 }
 function EmptyTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     __spreadValues({
       "data-slot": "empty-title",
@@ -3766,7 +4052,7 @@ function EmptyTitle(_a) {
 }
 function EmptyDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     __spreadValues({
       "data-slot": "empty-description",
@@ -3779,7 +4065,7 @@ function EmptyDescription(_a) {
 }
 function EmptyContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     __spreadValues({
       "data-slot": "empty-content",
@@ -3792,20 +4078,20 @@ function EmptyContent(_a) {
 }
 
 // components/ui/field.tsx
-var React7 = __toESM(require("react"), 1);
+var React8 = __toESM(require("react"), 1);
 var import_react = require("react");
 var import_class_variance_authority7 = require("class-variance-authority");
 
 // components/ui/label.tsx
 var import_radix_ui15 = require("radix-ui");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function Label(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     import_radix_ui15.Label.Root,
     __spreadValues({
       "data-slot": "label",
@@ -3821,7 +4107,7 @@ function Label(_a) {
 
 // components/ui/separator.tsx
 var import_radix_ui16 = require("radix-ui");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function Separator(_a) {
   var _b = _a, {
     className,
@@ -3832,7 +4118,7 @@ function Separator(_a) {
     "orientation",
     "decorative"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     import_radix_ui16.Separator.Root,
     __spreadValues({
       "data-slot": "separator",
@@ -3847,10 +4133,10 @@ function Separator(_a) {
 }
 
 // components/ui/field.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var FieldSizeContext = React7.createContext("md");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var FieldSizeContext = React8.createContext("md");
 function useFieldSize() {
-  return React7.useContext(FieldSizeContext);
+  return React8.useContext(FieldSizeContext);
 }
 var fieldLabelType = {
   sm: "type-field-label-sm",
@@ -3859,7 +4145,7 @@ var fieldLabelType = {
 };
 function FieldSet(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "fieldset",
     __spreadValues({
       "data-slot": "field-set",
@@ -3879,7 +4165,7 @@ function FieldLegend(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "legend",
     __spreadValues({
       "data-slot": "field-legend",
@@ -3896,7 +4182,7 @@ function FieldLegend(_a) {
 }
 function FieldGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "div",
     __spreadValues({
       "data-slot": "field-group",
@@ -3946,7 +4232,7 @@ function Field(_a) {
     "orientation",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FieldSizeContext.Provider, { value: size != null ? size : "md", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(FieldSizeContext.Provider, { value: size != null ? size : "md", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "div",
     __spreadValues({
       role: "group",
@@ -3959,7 +4245,7 @@ function Field(_a) {
 }
 function FieldContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "div",
     __spreadValues({
       "data-slot": "field-content",
@@ -3977,7 +4263,7 @@ function FieldLabel(_a) {
     "className"
   ]);
   const size = useFieldSize();
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     Label,
     __spreadValues({
       "data-slot": "field-label",
@@ -3994,7 +4280,7 @@ function FieldLabel(_a) {
 function FieldTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const size = useFieldSize();
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "div",
     __spreadValues({
       "data-slot": "field-label",
@@ -4008,7 +4294,7 @@ function FieldTitle(_a) {
 }
 function FieldDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "p",
     __spreadValues({
       "data-slot": "field-description",
@@ -4029,7 +4315,7 @@ function FieldSeparator(_a) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "field-separator",
@@ -4040,8 +4326,8 @@ function FieldSeparator(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Separator, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "span",
           {
             className: "relative mx-auto block w-fit bg-background-primary-surface px-2 text-text-subtle-default",
@@ -4077,14 +4363,14 @@ function FieldError(_a) {
     if ((uniqueErrors == null ? void 0 : uniqueErrors.length) == 1) {
       return (_a2 = uniqueErrors[0]) == null ? void 0 : _a2.message;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
-      (error, index) => (error == null ? void 0 : error.message) && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("li", { children: error.message }, index)
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
+      (error, index) => (error == null ? void 0 : error.message) && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("li", { children: error.message }, index)
     ) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "div",
     __spreadProps(__spreadValues({
       role: "alert",
@@ -4098,14 +4384,14 @@ function FieldError(_a) {
 
 // components/ui/hover-card.tsx
 var import_radix_ui17 = require("radix-ui");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function HoverCard(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_radix_ui17.HoverCard.Root, __spreadValues({ "data-slot": "hover-card" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_radix_ui17.HoverCard.Root, __spreadValues({ "data-slot": "hover-card" }, props));
 }
 function HoverCardTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_radix_ui17.HoverCard.Trigger, __spreadValues({ "data-slot": "hover-card-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_radix_ui17.HoverCard.Trigger, __spreadValues({ "data-slot": "hover-card-trigger" }, props));
 }
 function HoverCardContent(_a) {
   var _b = _a, {
@@ -4117,7 +4403,7 @@ function HoverCardContent(_a) {
     "align",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_radix_ui17.HoverCard.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_radix_ui17.HoverCard.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     import_radix_ui17.HoverCard.Content,
     __spreadValues({
       "data-slot": "hover-card-content",
@@ -4133,7 +4419,7 @@ function HoverCardContent(_a) {
 
 // components/ui/input.tsx
 var import_class_variance_authority8 = require("class-variance-authority");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var inputVariants = (0, import_class_variance_authority8.cva)(
   [
     "w-full min-w-0 rounded-xs border font-body transition-[color,box-shadow] outline-none",
@@ -4204,7 +4490,7 @@ function Input(_a) {
   ]);
   const fieldSize = useFieldSize();
   const resolvedSize = size != null ? size : fieldSize;
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "input",
     __spreadValues({
       type,
@@ -4217,14 +4503,14 @@ function Input(_a) {
 }
 
 // components/ui/input-group.tsx
-var React8 = __toESM(require("react"), 1);
+var React9 = __toESM(require("react"), 1);
 var import_class_variance_authority9 = require("class-variance-authority");
 
 // components/ui/textarea.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function Textarea(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "textarea",
     __spreadValues({
       "data-slot": "textarea",
@@ -4237,9 +4523,9 @@ function Textarea(_a) {
 }
 
 // components/ui/input-group.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var InputGroupSizeContext = React8.createContext("md");
-var InputGroupVariantContext = React8.createContext("default");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var InputGroupSizeContext = React9.createContext("md");
+var InputGroupVariantContext = React9.createContext("default");
 var inputGroupVariants = (0, import_class_variance_authority9.cva)(
   [
     "group/input-group relative flex w-full items-center rounded-xs border",
@@ -4298,11 +4584,11 @@ function InputGroup(_a) {
   ]);
   const fieldSize = useFieldSize();
   const resolvedSize = size != null ? size : fieldSize;
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     InputGroupVariantContext.Provider,
     {
       value: variant,
-      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(InputGroupSizeContext.Provider, { value: resolvedSize, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(InputGroupSizeContext.Provider, { value: resolvedSize, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         "div",
         __spreadValues({
           "data-slot": "input-group",
@@ -4357,7 +4643,7 @@ function InputGroupAddon(_a) {
     "className",
     "align"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "div",
     __spreadValues({
       role: "group",
@@ -4404,7 +4690,7 @@ function InputGroupButton(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     Button,
     __spreadValues({
       type,
@@ -4417,7 +4703,7 @@ function InputGroupButton(_a) {
 }
 function InputGroupText(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "span",
     __spreadValues({
       className: cn(
@@ -4446,11 +4732,11 @@ function InputGroupInput(_a) {
     "size",
     "variant"
   ]);
-  const groupSize = React8.useContext(InputGroupSizeContext);
-  const groupVariant = React8.useContext(InputGroupVariantContext);
+  const groupSize = React9.useContext(InputGroupSizeContext);
+  const groupVariant = React9.useContext(InputGroupVariantContext);
   const size = sizeProp != null ? sizeProp : groupSize;
   const variant = variantProp != null ? variantProp : groupVariant;
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     Input,
     __spreadValues({
       "data-slot": "input-group-control",
@@ -4469,7 +4755,7 @@ function InputGroupTextarea(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     Textarea,
     __spreadValues({
       "data-slot": "input-group-control",
@@ -4482,10 +4768,10 @@ function InputGroupTextarea(_a) {
 }
 
 // components/ui/input-otp.tsx
-var React9 = __toESM(require("react"), 1);
+var React10 = __toESM(require("react"), 1);
 var import_input_otp = require("input-otp");
 var import_lucide_react16 = require("lucide-react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function InputOTP(_a) {
   var _b = _a, {
     className,
@@ -4494,7 +4780,7 @@ function InputOTP(_a) {
     "className",
     "containerClassName"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     import_input_otp.OTPInput,
     __spreadValues({
       "data-slot": "input-otp",
@@ -4508,7 +4794,7 @@ function InputOTP(_a) {
 }
 function InputOTPGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     __spreadValues({
       "data-slot": "input-otp-group",
@@ -4525,9 +4811,9 @@ function InputOTPSlot(_a) {
     "className"
   ]);
   var _a2;
-  const inputOTPContext = React9.useContext(import_input_otp.OTPInputContext);
+  const inputOTPContext = React10.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = (_a2 = inputOTPContext == null ? void 0 : inputOTPContext.slots[index]) != null ? _a2 : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "input-otp-slot",
@@ -4539,20 +4825,20 @@ function InputOTPSlot(_a) {
     }, props), {
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-text-prominent-default duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-text-prominent-default duration-1000" }) })
       ]
     })
   );
 }
 function InputOTPSeparator(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", __spreadProps(__spreadValues({ "data-slot": "input-otp-separator", role: "separator" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react16.MinusIcon, {}) }));
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", __spreadProps(__spreadValues({ "data-slot": "input-otp-separator", role: "separator" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react16.MinusIcon, {}) }));
 }
 
 // components/ui/item.tsx
 var import_class_variance_authority10 = require("class-variance-authority");
 var import_radix_ui18 = require("radix-ui");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function ItemGroup(_a) {
   var _b = _a, {
     className,
@@ -4561,7 +4847,7 @@ function ItemGroup(_a) {
     "className",
     "divider"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     __spreadValues({
       role: "list",
@@ -4594,7 +4880,7 @@ function ItemSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     Separator,
     __spreadValues({
       "data-slot": "item-separator",
@@ -4604,12 +4890,21 @@ function ItemSeparator(_a) {
   );
 }
 var itemVariants = (0, import_class_variance_authority10.cva)(
-  "group/item type-item-description flex flex-wrap items-center rounded-md border border-transparent transition-colors duration-instant outline-none focus-visible:border-ring-focus-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong [a]:transition-colors [a]:hover:bg-background-hover-default",
+  "group/item type-item-description flex flex-wrap items-center rounded-2xl border border-transparent transition-colors duration-instant outline-none focus-visible:border-ring-focus-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong [a]:transition-colors [a]:hover:bg-background-hover-default",
   {
     variants: {
       variant: {
         default: "bg-transparent",
         outline: "border-border-default-default text-text-prominent-default hover:bg-background-hover-default",
+        /* `fill` is `outline` plus a solid surface: a bordered card that reads
+           as its own plane on the page canvas, the wallet-ledger pattern.
+           Its hover steps primary -> secondary surface like the default Chip,
+           because the shared `background-hover-default` glaze is translucent —
+           laid over a filled row it would let the canvas show through instead
+           of darkening the fill. The `[a]:` rule repeats for the same reason:
+           the base link hover is that same glaze and outranks a plain
+           `hover:` on an anchor. */
+        fill: "bg-background-primary-surface border-border-default-default text-text-prominent-default hover:bg-background-secondary-surface [a]:hover:bg-background-secondary-surface",
         muted: "bg-background-secondary-surface"
       },
       size: {
@@ -4636,7 +4931,7 @@ function Item(_a) {
     "asChild"
   ]);
   const Comp = asChild ? import_radix_ui18.Slot.Root : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     Comp,
     __spreadValues({
       "data-slot": "item",
@@ -4669,7 +4964,7 @@ function ItemMedia(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     __spreadValues({
       "data-slot": "item-media",
@@ -4680,7 +4975,7 @@ function ItemMedia(_a) {
 }
 function ItemContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     __spreadValues({
       "data-slot": "item-content",
@@ -4693,7 +4988,7 @@ function ItemContent(_a) {
 }
 function ItemTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     __spreadValues({
       "data-slot": "item-title",
@@ -4706,7 +5001,7 @@ function ItemTitle(_a) {
 }
 function ItemDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "p",
     __spreadValues({
       "data-slot": "item-description",
@@ -4720,7 +5015,7 @@ function ItemDescription(_a) {
 }
 function ItemActions(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     __spreadValues({
       "data-slot": "item-actions",
@@ -4730,7 +5025,7 @@ function ItemActions(_a) {
 }
 function ItemHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     __spreadValues({
       "data-slot": "item-header",
@@ -4743,7 +5038,7 @@ function ItemHeader(_a) {
 }
 function ItemFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     __spreadValues({
       "data-slot": "item-footer",
@@ -4758,7 +5053,7 @@ function ItemFooter(_a) {
 // components/ui/link.tsx
 var import_class_variance_authority11 = require("class-variance-authority");
 var import_radix_ui19 = require("radix-ui");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var linkVariants = (0, import_class_variance_authority11.cva)(
   [
     "inline-flex shrink-0 items-center gap-1.5 whitespace-nowrap transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong active:opacity-60 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:inline font-display normal-case",
@@ -4800,7 +5095,7 @@ function Link(_a) {
     "asChild"
   ]);
   const Comp = asChild ? import_radix_ui19.Slot.Root : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     Comp,
     __spreadValues({
       "data-slot": "link",
@@ -4814,14 +5109,14 @@ function Link(_a) {
 // components/ui/menubar.tsx
 var import_lucide_react17 = require("lucide-react");
 var import_radix_ui20 = require("radix-ui");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function Menubar(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_radix_ui20.Menubar.Root,
     __spreadValues({
       "data-slot": "menubar",
@@ -4834,19 +5129,19 @@ function Menubar(_a) {
 }
 function MenubarMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_radix_ui20.Menubar.Menu, __spreadValues({ "data-slot": "menubar-menu" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_radix_ui20.Menubar.Menu, __spreadValues({ "data-slot": "menubar-menu" }, props));
 }
 function MenubarGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_radix_ui20.Menubar.Group, __spreadValues({ "data-slot": "menubar-group" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_radix_ui20.Menubar.Group, __spreadValues({ "data-slot": "menubar-group" }, props));
 }
 function MenubarPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_radix_ui20.Menubar.Portal, __spreadValues({ "data-slot": "menubar-portal" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_radix_ui20.Menubar.Portal, __spreadValues({ "data-slot": "menubar-portal" }, props));
 }
 function MenubarRadioGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_radix_ui20.Menubar.RadioGroup, __spreadValues({ "data-slot": "menubar-radio-group" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_radix_ui20.Menubar.RadioGroup, __spreadValues({ "data-slot": "menubar-radio-group" }, props));
 }
 function MenubarTrigger(_a) {
   var _b = _a, {
@@ -4854,7 +5149,7 @@ function MenubarTrigger(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_radix_ui20.Menubar.Trigger,
     __spreadValues({
       "data-slot": "menubar-trigger",
@@ -4877,7 +5172,7 @@ function MenubarContent(_a) {
     "alignOffset",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(MenubarPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(MenubarPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_radix_ui20.Menubar.Content,
     __spreadValues({
       "data-slot": "menubar-content",
@@ -4901,7 +5196,7 @@ function MenubarItem(_a) {
     "inset",
     "variant"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_radix_ui20.Menubar.Item,
     __spreadValues({
       "data-slot": "menubar-item",
@@ -4924,7 +5219,7 @@ function MenubarCheckboxItem(_a) {
     "children",
     "checked"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
     import_radix_ui20.Menubar.CheckboxItem,
     __spreadProps(__spreadValues({
       "data-slot": "menubar-checkbox-item",
@@ -4935,7 +5230,7 @@ function MenubarCheckboxItem(_a) {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_radix_ui20.Menubar.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react17.CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_radix_ui20.Menubar.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react17.CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -4949,7 +5244,7 @@ function MenubarRadioItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
     import_radix_ui20.Menubar.RadioItem,
     __spreadProps(__spreadValues({
       "data-slot": "menubar-radio-item",
@@ -4959,7 +5254,7 @@ function MenubarRadioItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_radix_ui20.Menubar.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react17.CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_radix_ui20.Menubar.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react17.CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -4973,7 +5268,7 @@ function MenubarLabel(_a) {
     "className",
     "inset"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_radix_ui20.Menubar.Label,
     __spreadValues({
       "data-slot": "menubar-label",
@@ -4991,7 +5286,7 @@ function MenubarSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_radix_ui20.Menubar.Separator,
     __spreadValues({
       "data-slot": "menubar-separator",
@@ -5005,7 +5300,7 @@ function MenubarShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "span",
     __spreadValues({
       "data-slot": "menubar-shortcut",
@@ -5018,7 +5313,7 @@ function MenubarShortcut(_a) {
 }
 function MenubarSub(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_radix_ui20.Menubar.Sub, __spreadValues({ "data-slot": "menubar-sub" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_radix_ui20.Menubar.Sub, __spreadValues({ "data-slot": "menubar-sub" }, props));
 }
 function MenubarSubTrigger(_a) {
   var _b = _a, {
@@ -5030,7 +5325,7 @@ function MenubarSubTrigger(_a) {
     "inset",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
     import_radix_ui20.Menubar.SubTrigger,
     __spreadProps(__spreadValues({
       "data-slot": "menubar-sub-trigger",
@@ -5042,7 +5337,7 @@ function MenubarSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react17.ChevronRightIcon, { className: "ml-auto" })
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react17.ChevronRightIcon, { className: "ml-auto" })
       ]
     })
   );
@@ -5053,7 +5348,7 @@ function MenubarSubContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_radix_ui20.Menubar.SubContent,
     __spreadValues({
       "data-slot": "menubar-sub-content",
@@ -5067,7 +5362,7 @@ function MenubarSubContent(_a) {
 
 // components/ui/native-select.tsx
 var import_lucide_react18 = require("lucide-react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var sizeClasses = {
   sm: "type-native-select-sm h-8 py-1",
   md: "type-native-select-md h-10 py-2",
@@ -5083,13 +5378,13 @@ function NativeSelect(_a) {
   ]);
   const fieldSize = useFieldSize();
   const resolvedSize = size === "default" || size == null ? size == null ? fieldSize : "md" : size;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     "div",
     {
       className: "group/native-select relative w-fit has-[select:disabled]:text-text-disabled-default",
       "data-slot": "native-select-wrapper",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           "select",
           __spreadValues({
             "data-slot": "native-select",
@@ -5102,7 +5397,7 @@ function NativeSelect(_a) {
             )
           }, props)
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           import_lucide_react18.ChevronDownIcon,
           {
             className: "pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 text-icon-subtle-default select-none group-has-[select:disabled]/native-select:text-icon-disabled-default",
@@ -5116,7 +5411,7 @@ function NativeSelect(_a) {
 }
 function NativeSelectOption(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("option", __spreadValues({ "data-slot": "native-select-option" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("option", __spreadValues({ "data-slot": "native-select-option" }, props));
 }
 function NativeSelectOptGroup(_a) {
   var _b = _a, {
@@ -5124,7 +5419,7 @@ function NativeSelectOptGroup(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "optgroup",
     __spreadValues({
       "data-slot": "native-select-optgroup",
@@ -5137,7 +5432,7 @@ function NativeSelectOptGroup(_a) {
 var import_class_variance_authority12 = require("class-variance-authority");
 var import_lucide_react19 = require("lucide-react");
 var import_radix_ui21 = require("radix-ui");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function NavigationMenu(_a) {
   var _b = _a, {
     className,
@@ -5148,7 +5443,7 @@ function NavigationMenu(_a) {
     "children",
     "viewport"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
     import_radix_ui21.NavigationMenu.Root,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu",
@@ -5160,7 +5455,7 @@ function NavigationMenu(_a) {
     }, props), {
       children: [
         children,
-        viewport && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(NavigationMenuViewport, {})
+        viewport && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(NavigationMenuViewport, {})
       ]
     })
   );
@@ -5171,7 +5466,7 @@ function NavigationMenuList(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     import_radix_ui21.NavigationMenu.List,
     __spreadValues({
       "data-slot": "navigation-menu-list",
@@ -5188,7 +5483,7 @@ function NavigationMenuItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     import_radix_ui21.NavigationMenu.Item,
     __spreadValues({
       "data-slot": "navigation-menu-item",
@@ -5207,7 +5502,7 @@ function NavigationMenuTrigger(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
     import_radix_ui21.NavigationMenu.Trigger,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu-trigger",
@@ -5216,7 +5511,7 @@ function NavigationMenuTrigger(_a) {
       children: [
         children,
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           import_lucide_react19.ChevronDownIcon,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-slow group-data-[state=open]:rotate-180",
@@ -5233,7 +5528,7 @@ function NavigationMenuContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     import_radix_ui21.NavigationMenu.Content,
     __spreadValues({
       "data-slot": "navigation-menu-content",
@@ -5251,13 +5546,13 @@ function NavigationMenuViewport(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "div",
     {
       className: cn(
         "absolute top-full left-0 isolate z-50 flex justify-center"
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         import_radix_ui21.NavigationMenu.Viewport,
         __spreadValues({
           "data-slot": "navigation-menu-viewport",
@@ -5276,7 +5571,7 @@ function NavigationMenuLink(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     import_radix_ui21.NavigationMenu.Link,
     __spreadValues({
       "data-slot": "navigation-menu-link",
@@ -5293,7 +5588,7 @@ function NavigationMenuIndicator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     import_radix_ui21.NavigationMenu.Indicator,
     __spreadProps(__spreadValues({
       "data-slot": "navigation-menu-indicator",
@@ -5302,15 +5597,15 @@ function NavigationMenuIndicator(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border-default-default" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border-default-default" })
     })
   );
 }
 
 // components/ui/numpad.tsx
-var React10 = __toESM(require("react"), 1);
+var React11 = __toESM(require("react"), 1);
 var import_lucide_react20 = require("lucide-react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var LONG_PRESS_MS = 600;
 function Numpad(_a) {
   var _b = _a, {
@@ -5326,8 +5621,8 @@ function Numpad(_a) {
     "decimal",
     "disabled"
   ]);
-  const holdTimer = React10.useRef(null);
-  const longPressFired = React10.useRef(false);
+  const holdTimer = React11.useRef(null);
+  const longPressFired = React11.useRef(false);
   const startHold = () => {
     longPressFired.current = false;
     holdTimer.current = setTimeout(() => {
@@ -5339,7 +5634,7 @@ function Numpad(_a) {
     if (holdTimer.current) clearTimeout(holdTimer.current);
     holdTimer.current = null;
   };
-  React10.useEffect(() => cancelHold, []);
+  React11.useEffect(() => cancelHold, []);
   const keys = [
     "1",
     "2",
@@ -5354,7 +5649,7 @@ function Numpad(_a) {
     "0",
     "backspace"
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "numpad",
@@ -5367,7 +5662,7 @@ function Numpad(_a) {
       )
     }, props), {
       children: keys.map(
-        (key, i) => key === null ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { "aria-hidden": true }, `empty-${i}`) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        (key, i) => key === null ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { "aria-hidden": true }, `empty-${i}`) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "button",
           {
             type: "button",
@@ -5392,7 +5687,7 @@ function Numpad(_a) {
               }
               onKeyPress == null ? void 0 : onKeyPress(key);
             },
-            children: key === "backspace" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react20.Delete, { className: "size-5.5" }) : key
+            children: key === "backspace" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react20.Delete, { className: "size-5.5" }) : key
           },
           key
         )
@@ -5403,14 +5698,14 @@ function Numpad(_a) {
 
 // components/ui/popover.tsx
 var import_radix_ui22 = require("radix-ui");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function Popover(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_radix_ui22.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_radix_ui22.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
 }
 function PopoverTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_radix_ui22.Popover.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_radix_ui22.Popover.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
 }
 function PopoverContent(_a) {
   var _b = _a, {
@@ -5422,7 +5717,7 @@ function PopoverContent(_a) {
     "align",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_radix_ui22.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_radix_ui22.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     import_radix_ui22.Popover.Content,
     __spreadValues({
       "data-slot": "popover-content",
@@ -5437,11 +5732,11 @@ function PopoverContent(_a) {
 }
 function PopoverAnchor(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_radix_ui22.Popover.Anchor, __spreadValues({ "data-slot": "popover-anchor" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_radix_ui22.Popover.Anchor, __spreadValues({ "data-slot": "popover-anchor" }, props));
 }
 function PopoverHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "div",
     __spreadValues({
       "data-slot": "popover-header",
@@ -5451,7 +5746,7 @@ function PopoverHeader(_a) {
 }
 function PopoverTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "div",
     __spreadValues({
       "data-slot": "popover-title",
@@ -5465,7 +5760,7 @@ function PopoverDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "p",
     __spreadValues({
       "data-slot": "popover-description",
@@ -5475,9 +5770,9 @@ function PopoverDescription(_a) {
 }
 
 // components/ui/progress.tsx
-var React11 = __toESM(require("react"), 1);
+var React12 = __toESM(require("react"), 1);
 var import_radix_ui23 = require("radix-ui");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var BAR_HEIGHTS = {
   sm: "h-1",
   md: "h-2",
@@ -5520,11 +5815,11 @@ function Progress(_a) {
     "onTimerEnd",
     "children"
   ]);
-  const [timerPct, setTimerPct] = React11.useState(
+  const [timerPct, setTimerPct] = React12.useState(
     timer != null ? direction === "up" ? 0 : 100 : null
   );
-  const endedRef = React11.useRef(false);
-  React11.useEffect(() => {
+  const endedRef = React12.useRef(false);
+  React12.useEffect(() => {
     if (timer == null) {
       setTimerPct(null);
       return;
@@ -5550,7 +5845,7 @@ function Progress(_a) {
   const content = typeof children === "function" ? children(pct) : children;
   if (variant === "dots") {
     const filled = Math.round(pct / 100 * segments);
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       "div",
       __spreadProps(__spreadValues({
         "data-slot": "progress",
@@ -5561,7 +5856,7 @@ function Progress(_a) {
         "aria-valuenow": pct,
         className: cn("flex items-center gap-1", className)
       }, props), {
-        children: Array.from({ length: segments }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        children: Array.from({ length: segments }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "span",
           {
             "data-slot": "progress-dot",
@@ -5580,7 +5875,7 @@ function Progress(_a) {
   if (variant === "ring") {
     const { box, r, stroke } = RINGS[size in RINGS ? size : "md"];
     const circumference = 2 * Math.PI * r;
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
       "div",
       __spreadProps(__spreadValues({
         "data-slot": "progress",
@@ -5593,14 +5888,14 @@ function Progress(_a) {
         style: { width: box, height: box }
       }, props), {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
             "svg",
             {
               viewBox: `0 0 ${box} ${box}`,
               className: "absolute inset-0 -rotate-90",
               "aria-hidden": true,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                   "circle",
                   {
                     cx: box / 2,
@@ -5611,7 +5906,7 @@ function Progress(_a) {
                     strokeWidth: stroke
                   }
                 ),
-                pct > 0 && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                pct > 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                   "circle",
                   {
                     "data-slot": "progress-ring-fill",
@@ -5632,12 +5927,12 @@ function Progress(_a) {
               ]
             }
           ),
-          content != null && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "type-progress-value relative text-text-prominent-default", children: content })
+          content != null && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "type-progress-value relative text-text-prominent-default", children: content })
         ]
       })
     );
   }
-  const bar = /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  const bar = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     import_radix_ui23.Progress.Root,
     __spreadProps(__spreadValues({
       "data-slot": "progress",
@@ -5651,7 +5946,7 @@ function Progress(_a) {
         label == null && valueLabel == null && className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         import_radix_ui23.Progress.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -5665,10 +5960,10 @@ function Progress(_a) {
     })
   );
   if (label == null && valueLabel == null) return bar;
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { "data-slot": "progress-meter", className: cn("flex w-full flex-col gap-1.5", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-baseline justify-between gap-3", children: [
-      label != null && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "type-progress-label text-text-prominent-default", children: label }),
-      valueLabel != null && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "type-progress-label ml-auto text-text-subtle-default tabular-nums", children: valueLabel })
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { "data-slot": "progress-meter", className: cn("flex w-full flex-col gap-1.5", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-baseline justify-between gap-3", children: [
+      label != null && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "type-progress-label text-text-prominent-default", children: label }),
+      valueLabel != null && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "type-progress-label ml-auto text-text-subtle-default tabular-nums", children: valueLabel })
     ] }),
     bar
   ] });
@@ -5676,7 +5971,7 @@ function Progress(_a) {
 
 // components/ui/profile-photo.tsx
 var import_lucide_react21 = require("lucide-react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var BOX = 112;
 var PHOTO = 96;
 var STROKE = 5;
@@ -5703,7 +5998,7 @@ function ProfilePhoto(_a) {
   ]);
   const pct = Math.min(100, Math.max(0, progress));
   const complete = pct >= 100;
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "profile-photo",
@@ -5713,14 +6008,14 @@ function ProfilePhoto(_a) {
       style: { width: BOX, height: BOX }
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
           "svg",
           {
             viewBox: `0 0 ${BOX} ${BOX}`,
             "aria-hidden": "true",
             className: "absolute inset-0 size-full rotate-90",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                 "circle",
                 {
                   cx: BOX / 2,
@@ -5731,7 +6026,7 @@ function ProfilePhoto(_a) {
                   strokeWidth: STROKE
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                 "circle",
                 {
                   "data-slot": "profile-photo-ring",
@@ -5750,19 +6045,19 @@ function ProfilePhoto(_a) {
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
           "div",
           {
             "data-slot": "profile-photo-image",
             className: "absolute flex items-center justify-center overflow-hidden rounded-full bg-background-secondary-surface",
             style: { inset: INSET },
-            children: src ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("img", { src, alt, className: "size-full object-cover" }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react21.User, { className: "size-10 text-icon-subtle-default", strokeWidth: 1.5, "aria-hidden": "true" })
+            children: src ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { src, alt, className: "size-full object-cover" }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react21.User, { className: "size-10 text-icon-subtle-default", strokeWidth: 1.5, "aria-hidden": "true" })
           }
         ),
         onPhotoChange ? (
           // 24px keeps the chip subordinate to the photo; the ::after extends the
           // hit area to ~44px so it still meets the touch-target minimum.
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             Button,
             {
               variant: "primary",
@@ -5771,11 +6066,11 @@ function ProfilePhoto(_a) {
               onClick: onPhotoChange,
               "data-slot": "profile-photo-camera",
               className: "absolute right-0.5 bottom-5 rounded-full border-2 border-prominent after:absolute after:-inset-2.5 after:content-['']",
-              children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react21.Camera, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react21.Camera, {})
             }
           )
         ) : null,
-        status ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        status ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
           "div",
           {
             "data-slot": "profile-photo-status",
@@ -5791,14 +6086,14 @@ function ProfilePhoto(_a) {
 // components/ui/radio-group.tsx
 var import_lucide_react22 = require("lucide-react");
 var import_radix_ui24 = require("radix-ui");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function RadioGroup(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     import_radix_ui24.RadioGroup.Root,
     __spreadValues({
       "data-slot": "radio-group",
@@ -5812,7 +6107,7 @@ function RadioGroupItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     import_radix_ui24.RadioGroup.Item,
     __spreadProps(__spreadValues({
       "data-slot": "radio-group-item",
@@ -5821,12 +6116,12 @@ function RadioGroupItem(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         import_radix_ui24.RadioGroup.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react22.CircleIcon, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-text-brand-selected text-background-brand-default" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react22.CircleIcon, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-text-brand-selected text-background-brand-default" })
         }
       )
     })
@@ -5836,14 +6131,14 @@ function RadioGroupItem(_a) {
 // components/ui/resizable.tsx
 var import_lucide_react23 = require("lucide-react");
 var ResizablePrimitive = __toESM(require("react-resizable-panels"), 1);
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function ResizablePanelGroup(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     ResizablePrimitive.Group,
     __spreadValues({
       "data-slot": "resizable-panel-group",
@@ -5856,7 +6151,7 @@ function ResizablePanelGroup(_a) {
 }
 function ResizablePanel(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ResizablePrimitive.Panel, __spreadValues({ "data-slot": "resizable-panel" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ResizablePrimitive.Panel, __spreadValues({ "data-slot": "resizable-panel" }, props));
 }
 function ResizableHandle(_a) {
   var _b = _a, {
@@ -5866,7 +6161,7 @@ function ResizableHandle(_a) {
     "withHandle",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     ResizablePrimitive.Separator,
     __spreadProps(__spreadValues({
       "data-slot": "resizable-handle",
@@ -5875,14 +6170,14 @@ function ResizableHandle(_a) {
         className
       )
     }, props), {
-      children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border border-border-default-default bg-border-default-default text-icon-subtle-default", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react23.GripVerticalIcon, { className: "size-2.5" }) })
+      children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border border-border-default-default bg-border-default-default text-icon-subtle-default", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react23.GripVerticalIcon, { className: "size-2.5" }) })
     })
   );
 }
 
 // components/ui/scroll-area.tsx
 var import_radix_ui25 = require("radix-ui");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function ScrollArea(_a) {
   var _b = _a, {
     className,
@@ -5891,14 +6186,14 @@ function ScrollArea(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     import_radix_ui25.ScrollArea.Root,
     __spreadProps(__spreadValues({
       "data-slot": "scroll-area",
       className: cn("relative", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           import_radix_ui25.ScrollArea.Viewport,
           {
             "data-slot": "scroll-area-viewport",
@@ -5906,8 +6201,8 @@ function ScrollArea(_a) {
             children
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ScrollBar, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_radix_ui25.ScrollArea.Corner, {})
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ScrollBar, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui25.ScrollArea.Corner, {})
       ]
     })
   );
@@ -5920,7 +6215,7 @@ function ScrollBar(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     import_radix_ui25.ScrollArea.ScrollAreaScrollbar,
     __spreadProps(__spreadValues({
       "data-slot": "scroll-area-scrollbar",
@@ -5932,7 +6227,7 @@ function ScrollBar(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         import_radix_ui25.ScrollArea.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -5946,22 +6241,22 @@ function ScrollBar(_a) {
 // components/ui/sheet.tsx
 var import_lucide_react24 = require("lucide-react");
 var import_radix_ui26 = require("radix-ui");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function Sheet(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui26.Dialog.Root, __spreadValues({ "data-slot": "sheet" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_radix_ui26.Dialog.Root, __spreadValues({ "data-slot": "sheet" }, props));
 }
 function SheetTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui26.Dialog.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_radix_ui26.Dialog.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
 }
 function SheetClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui26.Dialog.Close, __spreadValues({ "data-slot": "sheet-close" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_radix_ui26.Dialog.Close, __spreadValues({ "data-slot": "sheet-close" }, props));
 }
 function SheetPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui26.Dialog.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_radix_ui26.Dialog.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
 }
 function SheetOverlay(_a) {
   var _b = _a, {
@@ -5969,7 +6264,7 @@ function SheetOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     import_radix_ui26.Dialog.Overlay,
     __spreadValues({
       "data-slot": "sheet-overlay",
@@ -5992,9 +6287,9 @@ function SheetContent(_a) {
     "side",
     "showCloseButton"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(SheetPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SheetOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(SheetPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
       import_radix_ui26.Dialog.Content,
       __spreadProps(__spreadValues({
         "data-slot": "sheet-content",
@@ -6009,14 +6304,14 @@ function SheetContent(_a) {
       }, props), {
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui26.Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_radix_ui26.Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
             NavigationButton,
             {
               "data-slot": "sheet-close",
               size: "sm",
               "aria-label": "Close",
               className: "absolute top-4 right-4",
-              children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react24.XIcon, { className: "size-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react24.XIcon, { className: "size-4" })
             }
           ) })
         ]
@@ -6026,7 +6321,7 @@ function SheetContent(_a) {
 }
 function SheetHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sheet-header",
@@ -6036,7 +6331,7 @@ function SheetHeader(_a) {
 }
 function SheetFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sheet-footer",
@@ -6050,7 +6345,7 @@ function SheetTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     import_radix_ui26.Dialog.Title,
     __spreadValues({
       "data-slot": "sheet-title",
@@ -6064,7 +6359,7 @@ function SheetDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     import_radix_ui26.Dialog.Description,
     __spreadValues({
       "data-slot": "sheet-description",
@@ -6074,17 +6369,17 @@ function SheetDescription(_a) {
 }
 
 // components/ui/sidebar.tsx
-var React14 = __toESM(require("react"), 1);
+var React15 = __toESM(require("react"), 1);
 var import_class_variance_authority13 = require("class-variance-authority");
 var import_lucide_react25 = require("lucide-react");
 var import_radix_ui28 = require("radix-ui");
 
 // hooks/use-mobile.ts
-var React12 = __toESM(require("react"), 1);
+var React13 = __toESM(require("react"), 1);
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React12.useState(void 0);
-  React12.useEffect(() => {
+  const [isMobile, setIsMobile] = React13.useState(void 0);
+  React13.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -6097,10 +6392,10 @@ function useIsMobile() {
 }
 
 // components/ui/skeleton.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function Skeleton(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "div",
     __spreadValues({
       "data-slot": "skeleton",
@@ -6114,17 +6409,17 @@ function Skeleton(_a) {
 }
 
 // components/ui/tooltip.tsx
-var React13 = __toESM(require("react"), 1);
+var React14 = __toESM(require("react"), 1);
 var import_radix_ui27 = require("radix-ui");
-var import_jsx_runtime48 = require("react/jsx-runtime");
-var TooltipModeContext = React13.createContext("tooltip");
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var TooltipModeContext = React14.createContext("tooltip");
 function TooltipProvider(_a) {
   var _b = _a, {
     delayDuration = 0
   } = _b, props = __objRest(_b, [
     "delayDuration"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     import_radix_ui27.Tooltip.Provider,
     __spreadValues({
       "data-slot": "tooltip-provider",
@@ -6141,9 +6436,9 @@ function Tooltip(_a) {
   const isMobile = useIsMobile();
   const mode = isMobile ? "drawer" : "tooltip";
   if (mode === "drawer") {
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(TooltipModeContext.Provider, { value: "drawer", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Drawer, { children }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TooltipModeContext.Provider, { value: "drawer", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Drawer, { children }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(TooltipModeContext.Provider, { value: "tooltip", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_radix_ui27.Tooltip.Root, __spreadProps(__spreadValues({ "data-slot": "tooltip" }, props), { children })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TooltipModeContext.Provider, { value: "tooltip", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_radix_ui27.Tooltip.Root, __spreadProps(__spreadValues({ "data-slot": "tooltip" }, props), { children })) });
 }
 function TooltipTrigger(_a) {
   var _b = _a, {
@@ -6151,11 +6446,11 @@ function TooltipTrigger(_a) {
   } = _b, props = __objRest(_b, [
     "children"
   ]);
-  const mode = React13.useContext(TooltipModeContext);
+  const mode = React14.useContext(TooltipModeContext);
   if (mode === "drawer") {
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DrawerTrigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DrawerTrigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_radix_ui27.Tooltip.Trigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_radix_ui27.Tooltip.Trigger, __spreadProps(__spreadValues({ "data-slot": "tooltip-trigger" }, props), { children }));
 }
 function TooltipContent(_a) {
   var _b = _a, {
@@ -6173,17 +6468,17 @@ function TooltipContent(_a) {
     "closeLabel",
     "children"
   ]);
-  const mode = React13.useContext(TooltipModeContext);
+  const mode = React14.useContext(TooltipModeContext);
   if (mode === "drawer") {
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(DrawerContent, { "data-slot": "tooltip-content", "data-variant": variant, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DrawerHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DrawerTitle, { children: title }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: cn("type-drawer-description p-4 text-text-subtle-default", className), children }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DrawerFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DrawerClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Button, { variant: "primary", size: "md", children: closeLabel }) }) })
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DrawerContent, { "data-slot": "tooltip-content", "data-variant": variant, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DrawerHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DrawerTitle, { children: title }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: cn("type-drawer-description p-4 text-text-subtle-default", className), children }),
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DrawerFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DrawerClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Button, { variant: "primary", size: "md", children: closeLabel }) }) })
     ] });
   }
   const surfaceClasses = variant === "inverse" ? "border border-border-default-default bg-background-primary-surface text-text-prominent-default" : "bg-background-inverse-surface text-text-prominent-inverse";
   const arrowClasses = variant === "inverse" ? "fill-background-primary-surface" : "fill-background-inverse-surface";
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_radix_ui27.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_radix_ui27.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
     import_radix_ui27.Tooltip.Content,
     __spreadProps(__spreadValues({
       "data-slot": "tooltip-content",
@@ -6197,23 +6492,23 @@ function TooltipContent(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_radix_ui27.Tooltip.Arrow, { className: arrowClasses })
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_radix_ui27.Tooltip.Arrow, { className: arrowClasses })
       ]
     })
   ) });
 }
 
 // components/ui/sidebar.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React14.createContext(null);
+var SidebarContext = React15.createContext(null);
 function useSidebar() {
-  const context = React14.useContext(SidebarContext);
+  const context = React15.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -6236,10 +6531,10 @@ function SidebarProvider(_a) {
     "children"
   ]);
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React14.useState(false);
-  const [_open, _setOpen] = React14.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React15.useState(false);
+  const [_open, _setOpen] = React15.useState(defaultOpen);
   const open = openProp != null ? openProp : _open;
-  const setOpen = React14.useCallback(
+  const setOpen = React15.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -6251,10 +6546,10 @@ function SidebarProvider(_a) {
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React14.useCallback(() => {
+  const toggleSidebar = React15.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -6265,7 +6560,7 @@ function SidebarProvider(_a) {
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React14.useMemo(
+  const contextValue = React15.useMemo(
     () => ({
       state,
       open,
@@ -6277,7 +6572,7 @@ function SidebarProvider(_a) {
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "sidebar-wrapper",
@@ -6310,7 +6605,7 @@ function Sidebar(_a) {
   ]);
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       "div",
       __spreadProps(__spreadValues({
         "data-slot": "sidebar",
@@ -6324,7 +6619,7 @@ function Sidebar(_a) {
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -6336,16 +6631,16 @@ function Sidebar(_a) {
         },
         side,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) }));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     "div",
     {
       className: "group peer hidden text-text-prominent-default md:block",
@@ -6355,7 +6650,7 @@ function Sidebar(_a) {
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -6367,7 +6662,7 @@ function Sidebar(_a) {
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           "div",
           __spreadProps(__spreadValues({
             "data-slot": "sidebar-container",
@@ -6379,7 +6674,7 @@ function Sidebar(_a) {
               className
             )
           }, props), {
-            children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -6403,7 +6698,7 @@ function SidebarTrigger(_a) {
     "onClick"
   ]);
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     Button,
     __spreadProps(__spreadValues({
       "data-sidebar": "trigger",
@@ -6417,8 +6712,8 @@ function SidebarTrigger(_a) {
       }
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react25.PanelLeftIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react25.PanelLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     })
   );
@@ -6426,7 +6721,7 @@ function SidebarTrigger(_a) {
 function SidebarRail(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "button",
     __spreadValues({
       "data-sidebar": "rail",
@@ -6449,7 +6744,7 @@ function SidebarRail(_a) {
 }
 function SidebarInset(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "main",
     __spreadValues({
       "data-slot": "sidebar-inset",
@@ -6467,7 +6762,7 @@ function SidebarInput(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     Input,
     __spreadValues({
       "data-slot": "sidebar-input",
@@ -6478,7 +6773,7 @@ function SidebarInput(_a) {
 }
 function SidebarHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sidebar-header",
@@ -6492,7 +6787,7 @@ function SidebarHeader(_a) {
 }
 function SidebarFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sidebar-footer",
@@ -6510,7 +6805,7 @@ function SidebarSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     Separator,
     __spreadValues({
       "data-slot": "sidebar-separator",
@@ -6521,7 +6816,7 @@ function SidebarSeparator(_a) {
 }
 function SidebarContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sidebar-content",
@@ -6535,7 +6830,7 @@ function SidebarContent(_a) {
 }
 function SidebarGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sidebar-group",
@@ -6556,7 +6851,7 @@ function SidebarGroupLabel(_a) {
     "asChild"
   ]);
   const Comp = asChild ? import_radix_ui28.Slot.Root : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-group-label",
@@ -6578,7 +6873,7 @@ function SidebarGroupAction(_a) {
     "asChild"
   ]);
   const Comp = asChild ? import_radix_ui28.Slot.Root : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-group-action",
@@ -6599,7 +6894,7 @@ function SidebarGroupContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sidebar-group-content",
@@ -6610,7 +6905,7 @@ function SidebarGroupContent(_a) {
 }
 function SidebarMenu(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu",
@@ -6621,7 +6916,7 @@ function SidebarMenu(_a) {
 }
 function SidebarMenuItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-item",
@@ -6668,7 +6963,7 @@ function SidebarMenuButton(_a) {
   ]);
   const Comp = asChild ? import_radix_ui28.Slot.Root : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  const button = /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-button",
@@ -6686,9 +6981,9 @@ function SidebarMenuButton(_a) {
       children: tooltip
     };
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       TooltipContent,
       __spreadValues({
         side: "right",
@@ -6709,7 +7004,7 @@ function SidebarMenuAction(_a) {
     "showOnHover"
   ]);
   const Comp = asChild ? import_radix_ui28.Slot.Root : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-action",
@@ -6734,7 +7029,7 @@ function SidebarMenuBadge(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "div",
     __spreadValues({
       "data-slot": "sidebar-menu-badge",
@@ -6760,7 +7055,7 @@ function SidebarMenuSkeleton(_a) {
     "showIcon"
   ]);
   const width = "70%";
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "sidebar-menu-skeleton",
@@ -6768,14 +7063,14 @@ function SidebarMenuSkeleton(_a) {
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className)
     }, props), {
       children: [
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           Skeleton,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           Skeleton,
           {
             className: "h-4 max-w-(--skeleton-width) flex-1",
@@ -6791,7 +7086,7 @@ function SidebarMenuSkeleton(_a) {
 }
 function SidebarMenuSub(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu-sub",
@@ -6810,7 +7105,7 @@ function SidebarMenuSubItem(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-sub-item",
@@ -6832,7 +7127,7 @@ function SidebarMenuSubButton(_a) {
     "className"
   ]);
   const Comp = asChild ? import_radix_ui28.Slot.Root : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     Comp,
     __spreadValues({
       "data-slot": "sidebar-menu-sub-button",
@@ -6852,9 +7147,9 @@ function SidebarMenuSubButton(_a) {
 }
 
 // components/ui/slider.tsx
-var React15 = __toESM(require("react"), 1);
+var React16 = __toESM(require("react"), 1);
 var import_radix_ui29 = require("radix-ui");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function Slider(_a) {
   var _b = _a, {
     className,
@@ -6869,11 +7164,11 @@ function Slider(_a) {
     "min",
     "max"
   ]);
-  const _values = React15.useMemo(
+  const _values = React16.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
     import_radix_ui29.Slider.Root,
     __spreadProps(__spreadValues({
       "data-slot": "slider",
@@ -6887,7 +7182,7 @@ function Slider(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           import_radix_ui29.Slider.Track,
           {
             "data-slot": "slider-track",
@@ -6896,7 +7191,7 @@ function Slider(_a) {
               // surface, solid brand fill.
               "relative grow overflow-hidden rounded-full bg-background-secondary-surface data-[orientation=horizontal]:h-2 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
               import_radix_ui29.Slider.Range,
               {
                 "data-slot": "slider-range",
@@ -6907,7 +7202,7 @@ function Slider(_a) {
             )
           }
         ),
-        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           import_radix_ui29.Slider.Thumb,
           {
             "data-slot": "slider-thumb",
@@ -6921,29 +7216,27 @@ function Slider(_a) {
 }
 
 // components/ui/toast.tsx
-var React16 = __toESM(require("react"), 1);
+var React17 = __toESM(require("react"), 1);
 var import_lucide_react26 = require("lucide-react");
-var import_next_themes = require("next-themes");
 var import_sonner = require("sonner");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var Toaster = (_a) => {
   var props = __objRest(_a, []);
-  const { theme = "system" } = (0, import_next_themes.useTheme)();
   const isMobile = useIsMobile();
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     import_sonner.Toaster,
     __spreadValues({
-      theme,
+      theme: "system",
       className: "toaster group",
       position: isMobile ? "top-center" : "bottom-right",
       visibleToasts: isMobile ? 1 : 3,
       duration: 4e3,
       icons: {
-        success: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react26.CircleCheckIcon, { className: "size-4" }),
-        info: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react26.InfoIcon, { className: "size-4" }),
-        warning: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react26.TriangleAlertIcon, { className: "size-4" }),
-        error: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react26.OctagonXIcon, { className: "size-4" }),
-        loading: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react26.Loader2Icon, { className: "size-4 animate-spin" })
+        success: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react26.CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react26.InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react26.TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react26.OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react26.Loader2Icon, { className: "size-4 animate-spin" })
       },
       toastOptions: {
         classNames: {
@@ -6993,30 +7286,30 @@ function ResultSnackbar(_a) {
     "className"
   ]);
   const isWin = outcome === "win";
-  const [leaving, setLeaving] = React16.useState(false);
+  const [leaving, setLeaving] = React17.useState(false);
   const reduced = usePrefersReducedMotion();
-  const onDismissRef = React16.useRef(onDismiss);
-  React16.useEffect(() => {
+  const onDismissRef = React17.useRef(onDismiss);
+  React17.useEffect(() => {
     onDismissRef.current = onDismiss;
   }, [onDismiss]);
-  const firedRef = React16.useRef(false);
-  const finish = React16.useCallback(() => {
+  const firedRef = React17.useRef(false);
+  const finish = React17.useCallback(() => {
     var _a2;
     if (firedRef.current) return;
     firedRef.current = true;
     (_a2 = onDismissRef.current) == null ? void 0 : _a2.call(onDismissRef);
   }, []);
-  React16.useEffect(() => {
+  React17.useEffect(() => {
     const leave = window.setTimeout(() => setLeaving(true), durationMs);
     return () => window.clearTimeout(leave);
   }, [durationMs]);
-  React16.useEffect(() => {
+  React17.useEffect(() => {
     if (!leaving) return;
     const done = window.setTimeout(finish, reduced ? 0 : RESULT_SNACKBAR_EXIT_MS);
     return () => window.clearTimeout(done);
   }, [leaving, finish, reduced]);
-  const [display, setDisplay] = React16.useState(null);
-  React16.useEffect(() => {
+  const [display, setDisplay] = React17.useState(null);
+  React17.useEffect(() => {
     if (amountValue === void 0 || reduced || !Number.isFinite(amountValue)) {
       setDisplay(null);
       return;
@@ -7041,7 +7334,7 @@ function ResultSnackbar(_a) {
   const spoken = announcement != null ? announcement : `${isWin ? "Won" : "Lost"} ${amount} ${currency}. ${contractLabel}, ${duration}.`;
   const enterOut = leaving ? "out" : "in";
   const motionName = `result-snackbar-${enterOut}-${placement}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       role: "status",
@@ -7065,8 +7358,8 @@ function ResultSnackbar(_a) {
       }
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "sr-only", children: spoken }),
-        icon ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "sr-only", children: spoken }),
+        icon ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           "span",
           {
             "data-slot": "result-snackbar-icon",
@@ -7077,8 +7370,8 @@ function ResultSnackbar(_a) {
             children: icon
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { "aria-hidden": true, className: "flex min-w-max flex-col gap-0.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { "aria-hidden": true, className: "flex min-w-max flex-col gap-0.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
             "span",
             {
               className: cn(
@@ -7088,17 +7381,17 @@ function ResultSnackbar(_a) {
               children: [
                 display != null ? display : amount,
                 " ",
-                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "type-result-snackbar-currency", children: currency })
+                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "type-result-snackbar-currency", children: currency })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "type-result-snackbar-terms min-w-max text-text-subtle-default", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "type-result-snackbar-terms min-w-max text-text-subtle-default", children: [
             contractLabel,
             " \xB7 ",
             duration
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           "span",
           {
             "aria-hidden": true,
@@ -7117,8 +7410,8 @@ function ResultSnackbar(_a) {
   );
 }
 function usePrefersReducedMotion() {
-  const [reduced, setReduced] = React16.useState(false);
-  React16.useEffect(() => {
+  const [reduced, setReduced] = React17.useState(false);
+  React17.useEffect(() => {
     const query = window.matchMedia("(prefers-reduced-motion: reduce)");
     setReduced(query.matches);
     const onChange = (event) => setReduced(event.matches);
@@ -7129,9 +7422,9 @@ function usePrefersReducedMotion() {
 }
 
 // components/ui/slide-to-confirm.tsx
-var React17 = __toESM(require("react"), 1);
+var React18 = __toESM(require("react"), 1);
 var import_lucide_react27 = require("lucide-react");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var CONFIRM_AT = 0.9;
 var HANDLE = 46;
 var INSET2 = 5;
@@ -7151,21 +7444,21 @@ function SlideToConfirm(_a) {
     "confirmed",
     "className"
   ]);
-  const trackRef = React17.useRef(null);
-  const [dragX, setDragX] = React17.useState(0);
-  const [dragging, setDragging] = React17.useState(false);
-  const [trackWidth, setTrackWidth] = React17.useState(0);
-  const [internalConfirmed, setInternalConfirmed] = React17.useState(false);
+  const trackRef = React18.useRef(null);
+  const [dragX, setDragX] = React18.useState(0);
+  const [dragging, setDragging] = React18.useState(false);
+  const [trackWidth, setTrackWidth] = React18.useState(0);
+  const [internalConfirmed, setInternalConfirmed] = React18.useState(false);
   const confirmed = controlledConfirmed != null ? controlledConfirmed : internalConfirmed;
-  const firedRef = React17.useRef(false);
-  React17.useEffect(() => {
+  const firedRef = React18.useRef(false);
+  React18.useEffect(() => {
     if (controlledConfirmed === false) {
       setInternalConfirmed(false);
       setDragX(0);
       firedRef.current = false;
     }
   }, [controlledConfirmed]);
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     const track = trackRef.current;
     if (!track) return;
     const ro = new ResizeObserver(() => setTrackWidth(track.clientWidth));
@@ -7214,7 +7507,7 @@ function SlideToConfirm(_a) {
   const fillWidth = dragX === 0 ? 0 : dragX + HANDLE;
   const revealWidth = INSET2 + dragX + HANDLE / 2;
   const spring = "duration-slow ease-(--primitive-ease-spring)";
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       ref: trackRef,
@@ -7233,8 +7526,8 @@ function SlideToConfirm(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "absolute inset-0 grid place-items-center", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "type-slide-to-confirm text-text-subtle-default", children: label }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "absolute inset-0 grid place-items-center", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "type-slide-to-confirm text-text-subtle-default", children: label }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           "span",
           {
             "aria-hidden": true,
@@ -7252,7 +7545,7 @@ function SlideToConfirm(_a) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           "span",
           {
             "aria-hidden": true,
@@ -7264,10 +7557,10 @@ function SlideToConfirm(_a) {
             style: {
               clipPath: confirmed ? "inset(0 round 9999px)" : `inset(0 calc(100% - ${revealWidth}px) 0 0 round 9999px)`
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "type-slide-to-confirm flex items-center gap-2 text-text-on-brand-static", children: confirmed ? confirmedLabel : label })
+            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "type-slide-to-confirm flex items-center gap-2 text-text-on-brand-static", children: confirmed ? confirmedLabel : label })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           "span",
           {
             "data-slot": "slide-to-confirm-handle",
@@ -7296,7 +7589,7 @@ function SlideToConfirm(_a) {
               // the keyboard, where dragX never moved.
               translate: `${confirmed ? maxTravel : dragX}px -50%`
             },
-            children: confirmed ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react27.Check, { className: "size-4.5 [animation:slide-confirm-pop_var(--motion-pop)_var(--primitive-ease-overshoot)]" }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react27.ArrowRight, { className: "size-4.5" })
+            children: confirmed ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react27.Check, { className: "size-4.5 [animation:slide-confirm-pop_var(--motion-pop)_var(--primitive-ease-overshoot)]" }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react27.ArrowRight, { className: "size-4.5" })
           }
         )
       ]
@@ -7305,10 +7598,10 @@ function SlideToConfirm(_a) {
 }
 
 // components/ui/stepper.tsx
-var React18 = __toESM(require("react"), 1);
+var React19 = __toESM(require("react"), 1);
 var import_lucide_react28 = require("lucide-react");
-var import_jsx_runtime53 = require("react/jsx-runtime");
-function clamp(value, min, max) {
+var import_jsx_runtime54 = require("react/jsx-runtime");
+function clamp2(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
 function getDecimalPlaces(n) {
@@ -7335,16 +7628,16 @@ function Stepper({
   "aria-label": ariaLabel
 }) {
   const isControlled = controlledValue !== void 0;
-  const [internalValue, setInternalValue] = React18.useState(
-    clamp(defaultValue, min, max)
+  const [internalValue, setInternalValue] = React19.useState(
+    clamp2(defaultValue, min, max)
   );
   const currentValue = isControlled ? controlledValue : internalValue;
   const decimalPlaces = getDecimalPlaces(step);
-  const [displayString, setDisplayString] = React18.useState(
+  const [displayString, setDisplayString] = React19.useState(
     formatValue(currentValue, decimalPlaces)
   );
-  const [isFocused, setIsFocused] = React18.useState(false);
-  React18.useEffect(() => {
+  const [isFocused, setIsFocused] = React19.useState(false);
+  React19.useEffect(() => {
     if (!isFocused) {
       setDisplayString(formatValue(currentValue, decimalPlaces));
     }
@@ -7357,7 +7650,7 @@ function Stepper({
       committed = max;
     } else {
       const rounded = decimalPlaces > 0 ? parseFloat(next.toFixed(decimalPlaces)) : Math.round(next);
-      committed = clamp(rounded, min, max);
+      committed = clamp2(rounded, min, max);
     }
     if (!isControlled) setInternalValue(committed);
     setDisplayString(formatValue(committed, decimalPlaces));
@@ -7401,7 +7694,7 @@ function Stepper({
       }
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     "div",
     {
       "data-slot": "stepper",
@@ -7420,7 +7713,7 @@ function Stepper({
         className
       ),
       children: [
-        label != null && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        label != null && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           "span",
           {
             "data-slot": "stepper-label",
@@ -7431,13 +7724,13 @@ function Stepper({
             children: label
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
           "div",
           {
             "data-slot": "stepper-row",
             className: "flex w-full items-center justify-between gap-4",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                 Button,
                 {
                   type: "button",
@@ -7446,10 +7739,10 @@ function Stepper({
                   onClick: handleDecrement,
                   disabled: disabled || currentValue <= min,
                   "aria-label": "Decrease value",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react28.Minus, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react28.Minus, {})
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                 "input",
                 {
                   type: "text",
@@ -7473,7 +7766,7 @@ function Stepper({
                   className: "type-stepper-stake-amount min-w-0 flex-1 border-0 bg-transparent text-center text-text-prominent-default outline-none disabled:text-text-disabled-default [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                 Button,
                 {
                   type: "button",
@@ -7482,7 +7775,7 @@ function Stepper({
                   onClick: handleIncrement,
                   disabled: disabled || currentValue >= max,
                   "aria-label": "Increase value",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react28.Plus, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react28.Plus, {})
                 }
               )
             ]
@@ -7494,10 +7787,10 @@ function Stepper({
 }
 
 // components/ui/steps.tsx
-var React19 = __toESM(require("react"), 1);
+var React20 = __toESM(require("react"), 1);
 var import_lucide_react29 = require("lucide-react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
-var StepsContext = React19.createContext({ shape: "circle", orientation: "horizontal", size: "md" });
+var import_jsx_runtime55 = require("react/jsx-runtime");
+var StepsContext = React20.createContext({ shape: "circle", orientation: "horizontal", size: "md" });
 function Steps(_a) {
   var _b = _a, {
     shape = "circle",
@@ -7512,8 +7805,8 @@ function Steps(_a) {
     "className",
     "children"
   ]);
-  const steps = React19.Children.toArray(children);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(StepsContext.Provider, { value: { shape, orientation, size }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  const steps = React20.Children.toArray(children);
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(StepsContext.Provider, { value: { shape, orientation, size }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "ol",
     __spreadProps(__spreadValues({
       "data-slot": "steps",
@@ -7527,7 +7820,7 @@ function Steps(_a) {
       )
     }, props), {
       children: steps.map(
-        (child, index) => React19.isValidElement(child) ? React19.cloneElement(child, {
+        (child, index) => React20.isValidElement(child) ? React20.cloneElement(child, {
           index: index + 1,
           isFirst: index === 0,
           isLast: index === steps.length - 1
@@ -7558,10 +7851,10 @@ function Step(_a) {
     "isLast",
     "className"
   ]);
-  const { shape, orientation, size } = React19.useContext(StepsContext);
+  const { shape, orientation, size } = React20.useContext(StepsContext);
   const horizontal = orientation === "horizontal";
   const sm = size === "sm";
-  const indicator = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  const indicator = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "span",
     {
       "data-slot": "step-indicator",
@@ -7575,11 +7868,11 @@ function Step(_a) {
         "[&_svg]:pointer-events-none [&_svg]:shrink-0",
         sm ? "[&_svg:not([class*='size-'])]:size-3.5" : "[&_svg:not([class*='size-'])]:size-4"
       ),
-      children: state === "done" ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react29.Check, {}) : icon != null ? icon : index
+      children: state === "done" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react29.Check, {}) : icon != null ? icon : index
     }
   );
   if (horizontal) {
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
       "li",
       __spreadProps(__spreadValues({
         "data-slot": "step",
@@ -7588,8 +7881,8 @@ function Step(_a) {
         className: cn("flex min-w-0 flex-1 flex-col items-center", className)
       }, props), {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex w-full items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex w-full items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
               "span",
               {
                 "aria-hidden": true,
@@ -7597,10 +7890,10 @@ function Step(_a) {
                 className: cn("h-px flex-1", !isFirst && "bg-border-neutral-default")
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: cn(!isFirst && "w-1", "shrink-0") }),
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: cn(!isFirst && "w-1", "shrink-0") }),
             indicator,
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: cn(!isLast && "w-1", "shrink-0") }),
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: cn(!isLast && "w-1", "shrink-0") }),
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
               "span",
               {
                 "aria-hidden": true,
@@ -7609,7 +7902,7 @@ function Step(_a) {
               }
             )
           ] }),
-          (title != null || description != null) && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+          (title != null || description != null) && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
             "div",
             {
               "data-slot": "step-body",
@@ -7618,7 +7911,7 @@ function Step(_a) {
                 sm ? "mt-1" : "mt-1.5"
               ),
               children: [
-                title != null && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                title != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                   "span",
                   {
                     className: cn(
@@ -7628,8 +7921,8 @@ function Step(_a) {
                     children: title
                   }
                 ),
-                tag != null && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "type-steps-tag whitespace-nowrap text-text-brand-selected", children: tag }),
-                description != null && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "type-steps-description text-text-subtle-default", children: description })
+                tag != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "type-steps-tag whitespace-nowrap text-text-brand-selected", children: tag }),
+                description != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "type-steps-description text-text-subtle-default", children: description })
               ]
             }
           )
@@ -7638,7 +7931,7 @@ function Step(_a) {
     );
   }
   const hasBody = title != null || description != null;
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
     "li",
     __spreadProps(__spreadValues({
       "data-slot": "step",
@@ -7655,9 +7948,9 @@ function Step(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex flex-col items-center self-stretch", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex flex-col items-center self-stretch", children: [
           indicator,
-          !isLast && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+          !isLast && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
             "span",
             {
               "aria-hidden": true,
@@ -7666,13 +7959,13 @@ function Step(_a) {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
           "div",
           {
             "data-slot": "step-body",
             className: cn("flex min-w-0 flex-col", !isLast && (sm ? "pb-4" : "pb-6")),
             children: [
-              title != null && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+              title != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
                 "span",
                 {
                   className: cn(
@@ -7681,12 +7974,12 @@ function Step(_a) {
                   ),
                   children: [
                     title,
-                    tag != null && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "type-steps-tag ml-2 whitespace-nowrap text-text-brand-selected", children: tag })
+                    tag != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "type-steps-tag ml-2 whitespace-nowrap text-text-brand-selected", children: tag })
                   ]
                 }
               ),
-              description != null && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "type-steps-description text-text-subtle-default", children: description }),
-              !hasBody && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "sr-only", children: [
+              description != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "type-steps-description text-text-subtle-default", children: description }),
+              !hasBody && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "sr-only", children: [
                 "Step ",
                 index
               ] })
@@ -7700,7 +7993,7 @@ function Step(_a) {
 
 // components/ui/switch.tsx
 var import_radix_ui30 = require("radix-ui");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function Switch(_a) {
   var _b = _a, {
     className,
@@ -7709,7 +8002,7 @@ function Switch(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     import_radix_ui30.Switch.Root,
     __spreadProps(__spreadValues({
       "data-slot": "switch",
@@ -7719,7 +8012,7 @@ function Switch(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         import_radix_ui30.Switch.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -7733,15 +8026,15 @@ function Switch(_a) {
 }
 
 // components/ui/table.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function Table(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         "table",
         __spreadValues({
           "data-slot": "table",
@@ -7753,7 +8046,7 @@ function Table(_a) {
 }
 function TableHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     "thead",
     __spreadValues({
       "data-slot": "table-header",
@@ -7763,7 +8056,7 @@ function TableHeader(_a) {
 }
 function TableBody(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     "tbody",
     __spreadValues({
       "data-slot": "table-body",
@@ -7773,7 +8066,7 @@ function TableBody(_a) {
 }
 function TableFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     "tfoot",
     __spreadValues({
       "data-slot": "table-footer",
@@ -7786,7 +8079,7 @@ function TableFooter(_a) {
 }
 function TableRow(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     "tr",
     __spreadValues({
       "data-slot": "table-row",
@@ -7799,7 +8092,7 @@ function TableRow(_a) {
 }
 function TableHead(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     "th",
     __spreadValues({
       "data-slot": "table-head",
@@ -7812,7 +8105,7 @@ function TableHead(_a) {
 }
 function TableCell(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     "td",
     __spreadValues({
       "data-slot": "table-cell",
@@ -7829,7 +8122,7 @@ function TableCaption(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     "caption",
     __spreadValues({
       "data-slot": "table-caption",
@@ -7841,7 +8134,7 @@ function TableCaption(_a) {
 // components/ui/tabs.tsx
 var import_class_variance_authority14 = require("class-variance-authority");
 var import_radix_ui31 = require("radix-ui");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 function Tabs(_a) {
   var _b = _a, {
     className,
@@ -7850,7 +8143,7 @@ function Tabs(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     import_radix_ui31.Tabs.Root,
     __spreadValues({
       "data-slot": "tabs",
@@ -7893,7 +8186,7 @@ function TabsList(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     import_radix_ui31.Tabs.List,
     __spreadValues({
       "data-slot": "tabs-list",
@@ -7911,7 +8204,7 @@ function TabsTrigger(_a) {
     "className",
     "iconPosition"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     import_radix_ui31.Tabs.Trigger,
     __spreadValues({
       "data-slot": "tabs-trigger",
@@ -7937,7 +8230,7 @@ function TabsContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     import_radix_ui31.Tabs.Content,
     __spreadValues({
       "data-slot": "tabs-content",
@@ -7949,7 +8242,7 @@ function TabsContent(_a) {
 // components/ui/toggle.tsx
 var import_class_variance_authority15 = require("class-variance-authority");
 var import_radix_ui32 = require("radix-ui");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var toggleVariants = (0, import_class_variance_authority15.cva)(
   "type-toggle inline-flex items-center justify-center gap-2 rounded-md border border-border-default-default bg-background-primary-surface text-text-prominent-default whitespace-nowrap transition-[color,background-color,border-color,box-shadow] outline-none hover:bg-background-secondary-surface active:bg-background-secondary-wash focus-visible:border-ring-focus-default focus-visible:ring-[3px] focus-visible:ring-ring-focus-strong disabled:pointer-events-none disabled:opacity-(--opacity-disabled) aria-invalid:border-border-error-default aria-invalid:ring-ring-error-soft data-[state=on]:border-transparent data-[state=on]:bg-background-brand-default data-[state=on]:text-text-on-brand-static [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
@@ -7973,7 +8266,7 @@ function Toggle(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     import_radix_ui32.Toggle.Root,
     __spreadValues({
       "data-slot": "toggle",
@@ -7983,10 +8276,10 @@ function Toggle(_a) {
 }
 
 // components/ui/toggle-group.tsx
-var React20 = __toESM(require("react"), 1);
+var React21 = __toESM(require("react"), 1);
 var import_radix_ui33 = require("radix-ui");
-var import_jsx_runtime59 = require("react/jsx-runtime");
-var ToggleGroupContext = React20.createContext({
+var import_jsx_runtime60 = require("react/jsx-runtime");
+var ToggleGroupContext = React21.createContext({
   size: "default",
   spacing: 0
 });
@@ -8002,7 +8295,7 @@ function ToggleGroup(_a) {
     "spacing",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     import_radix_ui33.ToggleGroup.Root,
     __spreadProps(__spreadValues({
       "data-slot": "toggle-group",
@@ -8014,7 +8307,7 @@ function ToggleGroup(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ToggleGroupContext.Provider, { value: { size, spacing }, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ToggleGroupContext.Provider, { value: { size, spacing }, children })
     })
   );
 }
@@ -8028,8 +8321,8 @@ function ToggleGroupItem(_a) {
     "children",
     "size"
   ]);
-  const context = React20.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  const context = React21.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     import_radix_ui33.ToggleGroup.Item,
     __spreadProps(__spreadValues({
       "data-slot": "toggle-group-item",
@@ -8052,7 +8345,7 @@ function ToggleGroupItem(_a) {
 }
 
 // components/blocks/result-block.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var THUMBS_UP_DATA_URL = "data:image/webp;base64,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";
 var THUMBS_DOWN_DATA_URL = "data:image/webp;base64,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";
 function ResultBlock({
@@ -8069,9 +8362,9 @@ function ResultBlock({
   const signedAmount = isWin ? `+${amount}` : `\u2212${amount}`;
   const amountColorClass = isWin ? "text-semantic-win" : "text-semantic-loss";
   const haloBgClass = isWin ? "bg-semantic-win" : "bg-semantic-loss";
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-5 items-center gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "relative flex items-center justify-center py-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-5 items-center gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "relative flex items-center justify-center py-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
         "span",
         {
           "aria-hidden": true,
@@ -8079,7 +8372,7 @@ function ResultBlock({
           className: `absolute size-24 rounded-full blur-2xl opacity-20 ${haloBgClass}`
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
         "img",
         {
           "data-results-motion": isWin ? "icon-win" : "icon-loss",
@@ -8089,28 +8382,28 @@ function ResultBlock({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-lg font-semibold text-on-prominent", children: titleText }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("p", { className: `flex items-baseline gap-1.5 ${amountColorClass}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "font-display text-4xl font-semibold tabular-nums tracking-tight", children: signedAmount }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "text-lg font-semibold", children: currency })
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-lg font-semibold text-on-prominent", children: titleText }),
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("p", { className: `flex items-baseline gap-1.5 ${amountColorClass}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "font-display text-4xl font-semibold tabular-nums tracking-tight", children: signedAmount }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-lg font-semibold", children: currency })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(Badge, { variant: "tint-neutral", size: "sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Badge, { variant: "tint-neutral", size: "sm", children: [
         contractLabel,
-        pickedDigit !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { "aria-hidden": true, className: "h-3 w-px bg-border-prominent/40 mx-1" }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "tabular-nums", children: pickedDigit })
+        pickedDigit !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { "aria-hidden": true, className: "h-3 w-px bg-border-prominent/40 mx-1" }),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "tabular-nums", children: pickedDigit })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Badge, { variant: "tint-neutral", size: "sm", children: duration })
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Badge, { variant: "tint-neutral", size: "sm", children: duration })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "w-full pt-2", children: [
-      ctaMode === "next-round" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { className: "w-full", children: "Next round" }),
-      ctaMode === "go-again" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { className: "w-full", children: "Go again" }),
-      ctaMode === "conversion" && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "w-full flex flex-col gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-center text-base font-semibold text-on-prominent", children: "Ready to play for real?" }),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { className: "w-full", children: "Deposit now" }),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { variant: "secondary", className: "w-full", children: "Stay in demo" })
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "w-full pt-2", children: [
+      ctaMode === "next-round" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Button, { className: "w-full", children: "Next round" }),
+      ctaMode === "go-again" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Button, { className: "w-full", children: "Go again" }),
+      ctaMode === "conversion" && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "w-full flex flex-col gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-center text-base font-semibold text-on-prominent", children: "Ready to play for real?" }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Button, { className: "w-full", children: "Deposit now" }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Button, { variant: "secondary", className: "w-full", children: "Stay in demo" })
       ] })
     ] })
   ] });
@@ -8121,21 +8414,21 @@ function ResultDialog({
   primaryLabel,
   secondaryLabel
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-6 items-center gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex flex-col items-center gap-2 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-lg font-semibold text-on-prominent", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-sm text-on-subtle", children: body })
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Card, { className: "w-80 shrink-0 overflow-hidden rounded-md shadow-sm px-5 py-6 items-center gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-col items-center gap-2 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-lg font-semibold text-on-prominent", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-sm text-on-subtle", children: body })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "w-full flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { className: "w-full", children: primaryLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { variant: "secondary", className: "w-full", children: secondaryLabel })
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "w-full flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Button, { className: "w-full", children: primaryLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Button, { variant: "secondary", className: "w-full", children: secondaryLabel })
     ] })
   ] });
 }
 
 // components/blocks/header-navigation-block.tsx
 var import_lucide_react30 = require("lucide-react");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function HeaderNavigationBlock({
   onBack,
   badge,
@@ -8144,15 +8437,15 @@ function HeaderNavigationBlock({
   actions
 }) {
   var _a;
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "w-full min-w-80 max-w-layout-diagram-small rounded-md overflow-hidden bg-prominent", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("header", { className: "flex items-center gap-2 border-b border-border-subtle bg-prominent px-layout-margin-inline py-3", children: [
-    onBack && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(NavigationButton, { type: "button", size: "md", "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react30.ArrowLeft, { className: "size-5" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex min-w-0 flex-1 items-center justify-center gap-2", children: [
-      badge && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Badge, { variant: (_a = badge.variant) != null ? _a : "tint-warning", size: "sm", children: badge.label }),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "font-display font-semibold tabular-nums text-on-prominent", children: balance.amount }),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-sm text-on-subtle", children: balance.currency })
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "w-full min-w-80 max-w-layout-diagram-small rounded-md overflow-hidden bg-prominent", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("header", { className: "flex items-center gap-2 border-b border-border-subtle bg-prominent px-layout-margin-inline py-3", children: [
+    onBack && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(NavigationButton, { type: "button", size: "md", "aria-label": "Back", onClick: onBack, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react30.ArrowLeft, { className: "size-5" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex min-w-0 flex-1 items-center justify-center gap-2", children: [
+      badge && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Badge, { variant: (_a = badge.variant) != null ? _a : "tint-warning", size: "sm", children: badge.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "font-display font-semibold tabular-nums text-on-prominent", children: balance.amount }),
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "text-sm text-on-subtle", children: balance.currency })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex shrink-0 items-center gap-1", children: [
-      history && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(HistoryButton, __spreadValues({}, history)),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex shrink-0 items-center gap-1", children: [
+      history && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(HistoryButton, __spreadValues({}, history)),
       actions
     ] })
   ] }) });
@@ -8165,13 +8458,14 @@ function HistoryButton({
   const show = typeof count === "number" && count > 0;
   const label = show ? count > 99 ? "99+" : String(count) : null;
   const ariaLabel = ariaLabelOverride != null ? ariaLabelOverride : show ? `Open history, ${count} new` : "Open history";
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "relative inline-flex", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(NavigationButton, { type: "button", size: "md", "aria-label": ariaLabel, onClick, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react30.History, { className: "size-5" }) }),
-    show && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-      "span",
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "relative inline-flex", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(NavigationButton, { type: "button", size: "md", "aria-label": ariaLabel, onClick, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react30.History, { className: "size-5" }) }),
+    show && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+      Badge,
       {
         "aria-hidden": true,
-        className: "pointer-events-none absolute -top-0.5 -right-0.5 min-w-[1.125rem] h-[1.125rem] px-1 rounded-full bg-primary text-on-primary text-[10px] leading-none font-semibold tabular-nums inline-flex items-center justify-center ring-2 ring-prominent",
+        size: "count",
+        className: "pointer-events-none absolute -top-0.5 -right-0.5 ring-2 ring-background-primary-canvas",
         children: label
       }
     )
@@ -8181,7 +8475,7 @@ function HistoryButton({
 // components/blocks/faq-block.tsx
 var import_lucide_react31 = require("lucide-react");
 var import_radix_ui34 = require("radix-ui");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 function FAQBlock({
   eyebrow = "FAQ",
   title = "Frequently asked questions",
@@ -8193,34 +8487,34 @@ function FAQBlock({
 }) {
   var _a, _b;
   if (layout === "two-column") {
-    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "@container w-full", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex flex-col @[600px]:flex-row gap-8 @[600px]:gap-12", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex flex-col gap-4 flex-1 @[600px]:max-w-xs", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "text-xs font-body font-semibold tracking-widest uppercase text-on-subtle", children: eyebrow }),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("h2", { className: "text-4xl @[600px]:text-6xl font-semibold font-display text-on-prominent tracking-tight", children: title }),
-        intro && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "text-base font-body text-on-subtle", children: intro })
+    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "@container w-full", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col @[600px]:flex-row gap-8 @[600px]:gap-12", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col gap-4 flex-1 @[600px]:max-w-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-xs font-body font-semibold tracking-widest uppercase text-on-subtle", children: eyebrow }),
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("h2", { className: "text-4xl @[600px]:text-6xl font-semibold font-display text-on-prominent tracking-tight", children: title }),
+        intro && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "text-base font-body text-on-subtle", children: intro })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
         Accordion,
         {
           type: "single",
           collapsible: true,
           defaultValue: defaultValue != null ? defaultValue : (_a = items[0]) == null ? void 0 : _a.value,
           className: "w-full",
-          children: items.map(({ value, question, answer }, i) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(AccordionItem, { value, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_radix_ui34.Accordion.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+          children: items.map(({ value, question, answer }, i) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(AccordionItem, { value, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_radix_ui34.Accordion.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
               import_radix_ui34.Accordion.Trigger,
               {
                 className: "group flex flex-1 items-center justify-between gap-4 py-5 text-left outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { className: "flex items-baseline gap-4", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "text-sm font-body text-on-subtle shrink-0 w-6", children: String(i + 1).padStart(2, "0") }),
-                    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "text-lg @[600px]:text-xl font-semibold font-display text-on-prominent", children: question })
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "flex items-baseline gap-4", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-sm font-body text-on-subtle shrink-0 w-6", children: String(i + 1).padStart(2, "0") }),
+                    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-lg @[600px]:text-xl font-semibold font-display text-on-prominent", children: question })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: cn(
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: cn(
                     "shrink-0 size-7 flex items-center justify-center rounded-sm border transition-all duration-200",
                     "group-data-[state=open]:bg-primary group-data-[state=open]:border-primary",
                     "group-data-[state=closed]:bg-transparent group-data-[state=closed]:border-border-subtle"
-                  ), children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react31.Plus, { className: cn(
+                  ), children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react31.Plus, { className: cn(
                     "size-4 transition-all duration-200",
                     "group-data-[state=open]:rotate-45 group-data-[state=open]:text-on-primary",
                     "group-data-[state=closed]:text-on-prominent"
@@ -8228,7 +8522,7 @@ function FAQBlock({
                 ]
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(AccordionContent, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "text-base font-body text-on-subtle pl-10 pb-4", children: answer }) })
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(AccordionContent, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "text-base font-body text-on-subtle pl-10 pb-4", children: answer }) })
           ] }, value))
         }
       ) })
@@ -8239,38 +8533,38 @@ function FAQBlock({
   const helpCardPaddingClass = layout === "desktop" ? "p-8" : "p-6";
   const gapClass = layout === "desktop" ? "gap-12" : "gap-10";
   const headerGapClass = layout === "desktop" ? "gap-5" : "gap-4";
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: `w-full flex flex-col ${gapClass}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: `flex flex-col ${headerGapClass} items-center w-full`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "text-sm text-on-subtle font-body", children: eyebrow }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("h2", { className: headingClass, children: title }),
-      intro && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "text-lg text-on-subtle font-body text-center", children: intro })
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: `w-full flex flex-col ${gapClass}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: `flex flex-col ${headerGapClass} items-center w-full`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-sm text-on-subtle font-body", children: eyebrow }),
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("h2", { className: headingClass, children: title }),
+      intro && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "text-lg text-on-subtle font-body text-center", children: intro })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       Accordion,
       {
         type: "single",
         collapsible: true,
         defaultValue: defaultValue != null ? defaultValue : (_b = items[0]) == null ? void 0 : _b.value,
         className: "w-full",
-        children: items.map(({ value, question, answer }) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(AccordionItem, { value, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(AccordionTrigger, { className: "text-base font-medium font-body text-on-prominent hover:no-underline", children: question }),
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(AccordionContent, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "text-sm text-on-subtle font-body pb-4", children: answer }) })
+        children: items.map(({ value, question, answer }) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(AccordionItem, { value, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(AccordionTrigger, { className: "text-base font-medium font-body text-on-prominent hover:no-underline", children: question }),
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(AccordionContent, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "text-sm text-on-subtle font-body pb-4", children: answer }) })
         ] }, value))
       }
     ),
-    helpCard && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: `flex flex-col gap-6 items-center w-full bg-subtle rounded-xl ${helpCardPaddingClass}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("h3", { className: helpTitleClass, children: helpCard.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "text-base text-on-subtle font-body", children: helpCard.body })
+    helpCard && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: `flex flex-col gap-6 items-center w-full bg-subtle rounded-xl ${helpCardPaddingClass}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("h3", { className: helpTitleClass, children: helpCard.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "text-base text-on-subtle font-body", children: helpCard.body })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Button, { size: "sm", onClick: helpCard.onCtaClick, children: helpCard.ctaLabel })
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Button, { size: "sm", onClick: helpCard.onCtaClick, children: helpCard.ctaLabel })
     ] })
   ] });
 }
 
 // components/blocks/hero-block.tsx
 var import_lucide_react32 = require("lucide-react");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function HeroBlock({
   layout = "centered",
   tagline,
@@ -8281,31 +8575,31 @@ function HeroBlock({
   image
 }) {
   if (layout === "centered") {
-    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col items-center justify-center gap-8 px-layout-margin-inline py-24 max-w-2xl mx-auto text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col items-center gap-6 w-full", children: [
-        tagline && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(TaglinePill, __spreadValues({}, tagline)),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("h1", { className: "text-5xl font-semibold font-display tracking-tight text-on-prominent text-center", children: heading }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "text-lg font-body text-on-subtle text-center", children: body })
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-col items-center justify-center gap-8 px-layout-margin-inline py-24 max-w-2xl mx-auto text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-col items-center gap-6 w-full", children: [
+        tagline && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(TaglinePill, __spreadValues({}, tagline)),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("h1", { className: "text-5xl font-semibold font-display tracking-tight text-on-prominent text-center", children: heading }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "text-lg font-body text-on-subtle text-center", children: body })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Button, { size: "sm", onClick: primaryCta.onClick, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Button, { size: "sm", onClick: primaryCta.onClick, children: [
         primaryCta.label,
-        primaryCta.trailingArrow !== false && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react32.ArrowRight, { className: "size-4" })
+        primaryCta.trailingArrow !== false && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react32.ArrowRight, { className: "size-4" })
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col min-[600px]:flex-row items-center gap-layout-gutter px-layout-margin-inline py-16 min-[600px]:py-24 max-w-5xl mx-auto", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col gap-6 min-[600px]:gap-8 flex-1 min-w-0 items-center min-[600px]:items-start text-center min-[600px]:text-left w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col gap-5 min-[600px]:gap-6 items-center min-[600px]:items-start w-full", children: [
-        tagline && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(TaglinePill, __spreadProps(__spreadValues({}, tagline), { responsive: true })),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("h1", { className: "text-4xl min-[600px]:text-5xl font-semibold font-display tracking-tight text-on-prominent", children: heading }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "text-lg font-body text-on-subtle", children: body })
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "w-full border border-border-subtle rounded-xl overflow-hidden bg-prominent", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-col min-[600px]:flex-row items-center gap-layout-gutter px-layout-margin-inline py-16 min-[600px]:py-24 max-w-5xl mx-auto", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-col gap-6 min-[600px]:gap-8 flex-1 min-w-0 items-center min-[600px]:items-start text-center min-[600px]:text-left w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-col gap-5 min-[600px]:gap-6 items-center min-[600px]:items-start w-full", children: [
+        tagline && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(TaglinePill, __spreadProps(__spreadValues({}, tagline), { responsive: true })),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("h1", { className: "text-4xl min-[600px]:text-5xl font-semibold font-display tracking-tight text-on-prominent", children: heading }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "text-lg font-body text-on-subtle", children: body })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex items-center justify-center min-[600px]:justify-start gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Button, { size: "sm", onClick: primaryCta.onClick, children: primaryCta.label }),
-        secondaryCta && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Button, { variant: "secondary", size: "sm", onClick: secondaryCta.onClick, children: secondaryCta.label })
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center justify-center min-[600px]:justify-start gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Button, { size: "sm", onClick: primaryCta.onClick, children: primaryCta.label }),
+        secondaryCta && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Button, { variant: "secondary", size: "sm", onClick: secondaryCta.onClick, children: secondaryCta.label })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "w-full min-[600px]:flex-1 min-[600px]:min-w-0 aspect-square rounded-xl bg-subtle shrink-0", "aria-hidden": "true", children: image })
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "w-full min-[600px]:flex-1 min-[600px]:min-w-0 aspect-square rounded-xl bg-subtle shrink-0", "aria-hidden": "true", children: image })
   ] }) });
 }
 function TaglinePill({
@@ -8313,25 +8607,25 @@ function TaglinePill({
   suffix,
   responsive
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "inline-flex items-center gap-1.5 h-7 px-3 rounded-full border border-border-subtle bg-prominent shadow-sm shrink-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "size-1.5 rounded-full bg-semantic-win shrink-0", "aria-hidden": "true" }),
-    responsive && suffix ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "hidden min-[600px]:inline", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "inline-flex items-center gap-1.5 h-7 px-3 rounded-full border border-border-subtle bg-prominent shadow-sm shrink-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "size-1.5 rounded-full bg-semantic-win shrink-0", "aria-hidden": "true" }),
+    responsive && suffix ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "hidden min-[600px]:inline", children: [
         label,
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-on-subtle", children: " \xB7 " })
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-on-subtle", children: " \xB7 " })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-on-subtle min-[600px]:text-on-prominent", children: suffix })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-on-subtle min-[600px]:text-on-prominent", children: suffix })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "text-sm font-body text-on-prominent whitespace-nowrap", children: [
       label,
-      suffix && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-on-subtle", children: ` \xB7 ${suffix}` })
+      suffix && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-on-subtle", children: ` \xB7 ${suffix}` })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react32.ArrowUpRight, { className: "size-4 text-on-subtle shrink-0", "aria-hidden": "true" })
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react32.ArrowUpRight, { className: "size-4 text-on-subtle shrink-0", "aria-hidden": "true" })
   ] });
 }
 
 // components/blocks/auth-block.tsx
-var React21 = __toESM(require("react"), 1);
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var React22 = __toESM(require("react"), 1);
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function AuthBlock({
   mode,
   logoSrc,
@@ -8346,20 +8640,20 @@ function AuthBlock({
   const ctaText = mode === "sign-in" ? "Sign in" : "Sign up";
   const footerPrompt = mode === "sign-in" ? "Don't have an account?" : "Already have an account?";
   const footerLinkLabel = mode === "sign-in" ? "Sign up" : "Log in";
-  const [email, setEmail] = React21.useState("");
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-col items-center gap-6 w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("img", { src: logoSrc, alt: wordmark, className: "size-8 object-contain" }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "font-display font-semibold text-base text-on-prominent tracking-tight", children: wordmark })
+  const [email, setEmail] = React22.useState("");
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-col items-center gap-6 w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("img", { src: logoSrc, alt: wordmark, className: "size-8 object-contain" }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "font-display font-semibold text-base text-on-prominent tracking-tight", children: wordmark })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("h2", { className: "text-3xl font-semibold font-display text-on-prominent text-center", children: headingText }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "flex flex-col gap-3 w-full", children: providers.map((p) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ProviderButton, { provider: p }, p)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center gap-3 w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "flex-1 h-px bg-border-subtle" }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-sm text-on-subtle font-body", children: "or" }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "flex-1 h-px bg-border-subtle" })
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("h2", { className: "text-3xl font-semibold font-display text-on-prominent text-center", children: headingText }),
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex flex-col gap-3 w-full", children: providers.map((p) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ProviderButton, { provider: p }, p)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center gap-3 w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex-1 h-px bg-border-subtle" }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm text-on-subtle font-body", children: "or" }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex-1 h-px bg-border-subtle" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "flex items-center gap-2 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex items-center gap-2 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
       Input,
       {
         id: `${idPrefix}-email`,
@@ -8370,60 +8664,60 @@ function AuthBlock({
         onChange: (e) => setEmail(e.target.value)
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("p", { className: "text-sm text-on-subtle font-body text-left w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("p", { className: "text-sm text-on-subtle font-body text-left w-full", children: [
       termsText,
       ", you agree to our",
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Link, { size: "sm", href: "#", children: "Terms & Conditions" })
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Link, { size: "sm", href: "#", children: "Terms & Conditions" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Button, { size: "md", className: "w-full", onClick: () => onSubmit == null ? void 0 : onSubmit({ email }), children: ctaText }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("p", { className: "text-sm text-on-subtle font-body text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Button, { size: "md", className: "w-full", onClick: () => onSubmit == null ? void 0 : onSubmit({ email }), children: ctaText }),
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("p", { className: "text-sm text-on-subtle font-body text-center", children: [
       footerPrompt,
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Link, { size: "sm", href: crossLinkHref, children: footerLinkLabel })
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Link, { size: "sm", href: crossLinkHref, children: footerLinkLabel })
     ] })
   ] });
 }
 function ProviderButton({ provider }) {
   switch (provider) {
     case "google":
-      return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { d: "M17.64 9.205c0-.639-.057-1.252-.164-1.841H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615Z", fill: "#4285F4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { d: "M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18Z", fill: "#34A853" }),
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { d: "M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332Z", fill: "#FBBC05" }),
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { d: "M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58Z", fill: "#EA4335" })
+      return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("path", { d: "M17.64 9.205c0-.639-.057-1.252-.164-1.841H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615Z", fill: "#4285F4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("path", { d: "M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18Z", fill: "#34A853" }),
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("path", { d: "M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332Z", fill: "#FBBC05" }),
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("path", { d: "M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58Z", fill: "#EA4335" })
         ] }),
         "Continue with Google"
       ] });
     case "telegram":
-      return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("circle", { cx: "9", cy: "9", r: "9", fill: "#29B6F6" }),
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { d: "M13.5 5.25 11.25 13.5l-2.25-3-3 1.5 1.5-5.25 6-1.5Z", fill: "white", opacity: "0.3" }),
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { d: "m4.5 8.625 7.5-3-1.125 7.125-2.625-2.25-1.5 1.5.375-3.375Z", fill: "white" })
+      return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "none", className: "shrink-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("circle", { cx: "9", cy: "9", r: "9", fill: "#29B6F6" }),
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("path", { d: "M13.5 5.25 11.25 13.5l-2.25-3-3 1.5 1.5-5.25 6-1.5Z", fill: "white", opacity: "0.3" }),
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("path", { d: "m4.5 8.625 7.5-3-1.125 7.125-2.625-2.25-1.5 1.5.375-3.375Z", fill: "white" })
         ] }),
         "Continue with Telegram"
       ] });
     case "x":
-      return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "currentColor", className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { d: "M13.955 2.25h2.423L10.977 8.28 17.25 15.75h-4.812l-3.913-5.116-4.477 5.116H1.645l5.703-6.52L1.125 2.25h4.934l3.538 4.678 4.358-4.678Zm-.85 12.105h1.343L5.025 3.627H3.579l9.526 10.728Z" }) }),
+      return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(Button, { variant: "secondary", size: "lg", className: "w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", fill: "currentColor", className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("path", { d: "M13.955 2.25h2.423L10.977 8.28 17.25 15.75h-4.812l-3.913-5.116-4.477 5.116H1.645l5.703-6.52L1.125 2.25h4.934l3.538 4.678 4.358-4.678Zm-.85 12.105h1.343L5.025 3.627H3.579l9.526 10.728Z" }) }),
         "Continue with X (Twitter)"
       ] });
   }
 }
 
 // components/blocks/navbar-block.tsx
-var React22 = __toESM(require("react"), 1);
+var React23 = __toESM(require("react"), 1);
 var import_lucide_react33 = require("lucide-react");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function NavBarBlock({ brand, links, signIn, signUp }) {
   var _a, _b, _c, _d;
-  const [mobileMenuOpen, setMobileMenuOpen] = React22.useState(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "w-full border border-border-subtle rounded-md overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("nav", { className: "bg-prominent", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center justify-between px-layout-margin-inline py-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center gap-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  const [mobileMenuOpen, setMobileMenuOpen] = React23.useState(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "w-full border border-border-subtle rounded-md overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("nav", { className: "bg-prominent", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex items-center justify-between px-layout-margin-inline py-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex items-center gap-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
           "img",
           {
             src: brand.fullLogoSrc,
@@ -8431,7 +8725,7 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
             className: "hidden min-[600px]:block h-7 w-auto shrink-0 object-contain object-left"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
           "img",
           {
             src: brand.iconLogoSrc,
@@ -8439,13 +8733,13 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
             className: "min-[600px]:hidden size-7 shrink-0 object-contain"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "hidden min-[600px]:flex items-center gap-1", children: links.map((l) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Button, { variant: "tertiary", size: "sm", onClick: l.onClick, children: l.label }, l.label)) })
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "hidden min-[600px]:flex items-center gap-1", children: links.map((l) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { variant: "tertiary", size: "sm", onClick: l.onClick, children: l.label }, l.label)) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "hidden min-[600px]:flex items-center gap-2", children: [
-        signIn && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Button, { variant: "tertiary", size: "sm", onClick: signIn.onClick, children: (_a = signIn.label) != null ? _a : "Sign in" }),
-        signUp && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Button, { size: "sm", onClick: signUp.onClick, children: (_b = signUp.label) != null ? _b : "Sign up" })
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "hidden min-[600px]:flex items-center gap-2", children: [
+        signIn && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { variant: "tertiary", size: "sm", onClick: signIn.onClick, children: (_a = signIn.label) != null ? _a : "Sign in" }),
+        signUp && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { size: "sm", onClick: signUp.onClick, children: (_b = signUp.label) != null ? _b : "Sign up" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
         Button,
         {
           variant: "tertiary",
@@ -8454,12 +8748,12 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
           "aria-expanded": mobileMenuOpen,
           className: "min-[600px]:hidden",
           onClick: () => setMobileMenuOpen((prev) => !prev),
-          children: mobileMenuOpen ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react33.X, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react33.Menu, { className: "size-4" })
+          children: mobileMenuOpen ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react33.X, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react33.Menu, { className: "size-4" })
         }
       )
     ] }),
-    mobileMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "min-[600px]:hidden flex flex-col border-t border-border-subtle px-layout-margin-inline py-3 gap-1", children: [
-      links.map((l) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    mobileMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "min-[600px]:hidden flex flex-col border-t border-border-subtle px-layout-margin-inline py-3 gap-1", children: [
+      links.map((l) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
         Button,
         {
           variant: "tertiary",
@@ -8470,9 +8764,9 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
         },
         l.label
       )),
-      (signIn || signUp) && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-col gap-2 pt-3 mt-2 border-t border-border-subtle", children: [
-        signIn && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Button, { variant: "secondary", size: "sm", className: "w-full", onClick: signIn.onClick, children: (_c = signIn.label) != null ? _c : "Sign in" }),
-        signUp && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Button, { size: "sm", className: "w-full", onClick: signUp.onClick, children: (_d = signUp.label) != null ? _d : "Sign up" })
+      (signIn || signUp) && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex flex-col gap-2 pt-3 mt-2 border-t border-border-subtle", children: [
+        signIn && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { variant: "secondary", size: "sm", className: "w-full", onClick: signIn.onClick, children: (_c = signIn.label) != null ? _c : "Sign in" }),
+        signUp && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { size: "sm", className: "w-full", onClick: signUp.onClick, children: (_d = signUp.label) != null ? _d : "Sign up" })
       ] })
     ] })
   ] }) });
@@ -8480,7 +8774,7 @@ function NavBarBlock({ brand, links, signIn, signUp }) {
 
 // components/blocks/open-positions-block.tsx
 var import_lucide_react34 = require("lucide-react");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 function OpenPositionsBlock({
   trigger,
   sheetTitle = "Positions",
@@ -8489,28 +8783,28 @@ function OpenPositionsBlock({
   emptyState
 }) {
   const isMobile = useIsMobile();
-  const body = positions.length === 0 ? emptyState != null ? emptyState : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DefaultEmptyState, { onViewHistory }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PositionsList, { positions, onViewHistory });
+  const body = positions.length === 0 ? emptyState != null ? emptyState : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(DefaultEmptyState, { onViewHistory }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(PositionsList, { positions, onViewHistory });
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Drawer, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DrawerTrigger, { asChild: true, children: trigger }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(DrawerContent, { className: "p-0 flex flex-col", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(DrawerHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0 text-left", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DrawerTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DrawerClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react34.X, {}) }) })
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Drawer, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(DrawerTrigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(DrawerContent, { className: "p-0 flex flex-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(DrawerHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0 text-left", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(DrawerTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(DrawerClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react34.X, {}) }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Separator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Separator, {}),
         body
       ] })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Sheet, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SheetTrigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(SheetContent, { side: "right", showCloseButton: false, className: "p-0 flex flex-col w-80 sm:max-w-xs", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(SheetHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SheetTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SheetClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react34.X, {}) }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Sheet, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SheetTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(SheetContent, { side: "right", showCloseButton: false, className: "p-0 flex flex-col w-80 sm:max-w-xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(SheetHeader, { className: "flex-row items-center justify-between px-4 py-3 shrink-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SheetTitle, { className: "text-base font-semibold font-display text-on-prominent", children: sheetTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SheetClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(NavigationButton, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react34.X, {}) }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Separator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Separator, {}),
       body
     ] })
   ] });
@@ -8519,23 +8813,23 @@ function PositionsList({
   positions,
   onViewHistory
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex flex-col flex-1 min-h-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ItemGroup, { className: "min-h-0 overflow-y-auto", children: positions.map((pos, i) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PositionRow, { position: pos }, i)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Separator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "shrink-0 flex justify-center py-4", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View trade history" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex flex-col flex-1 min-h-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ItemGroup, { className: "min-h-0 overflow-y-auto", children: positions.map((pos, i) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(PositionRow, { position: pos }, i)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Separator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "shrink-0 flex justify-center py-4", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View trade history" }) })
   ] });
 }
 function PositionRow({ position }) {
   const { label, suffix } = positionTitleParts(position);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Item, { size: "sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(ItemContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(ItemTitle, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-on-prominent", children: label }),
-        suffix && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-on-subtle", children: ` ${suffix}` })
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Item, { size: "sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(ItemContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(ItemTitle, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "text-on-prominent", children: label }),
+        suffix && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "text-on-subtle", children: ` ${suffix}` })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(MetaNote, { market: position.market, duration: position.duration })
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(MetaNote, { market: position.market, duration: position.duration })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ItemActions, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PnlMeta, { pnl: position.pnl, win: position.win, stake: position.stake }) })
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ItemActions, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(PnlMeta, { pnl: position.pnl, win: position.win, stake: position.stake }) })
   ] });
 }
 var DIGITS_TYPE_LABEL = {
@@ -8561,29 +8855,29 @@ function positionTitleParts(p) {
   }
 }
 function MetaNote({ market, duration }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { className: "text-xs text-on-subtle whitespace-nowrap", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { className: "text-xs text-on-subtle whitespace-nowrap", children: [
     market,
     " \xB7 ",
     duration
   ] });
 }
 function PnlMeta({ pnl, win, stake }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex flex-col items-end gap-0.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: `font-display font-semibold tabular-nums text-base ${win ? "text-semantic-win" : "text-semantic-loss"}`, children: pnl }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "tabular-nums text-xs text-on-subtle", children: stake })
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex flex-col items-end gap-0.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: `font-display font-semibold tabular-nums text-base ${win ? "text-semantic-win" : "text-semantic-loss"}`, children: pnl }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "tabular-nums text-xs text-on-subtle", children: stake })
   ] });
 }
 function DefaultEmptyState({ onViewHistory }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Empty, { className: "flex min-h-0 flex-1 flex-col justify-center border-none rounded-none p-6 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(EmptyHeader, { className: "gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(EmptyMedia, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react34.History, { className: "size-8 text-on-subtle" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(EmptyTitle, { className: "h6 text-on-subtle", children: "No trades yet." }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View trade history" })
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Empty, { className: "flex min-h-0 flex-1 flex-col justify-center border-none rounded-none p-6 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(EmptyHeader, { className: "gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(EmptyMedia, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react34.History, { className: "size-8 text-on-subtle" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(EmptyTitle, { className: "h6 text-on-subtle", children: "No trades yet." }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Button, { variant: "tertiary", size: "md", onClick: onViewHistory, children: "View trade history" })
   ] }) });
 }
 
 // components/blocks/game-loading-block.tsx
-var React23 = __toESM(require("react"), 1);
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var React24 = __toESM(require("react"), 1);
+var import_jsx_runtime68 = require("react/jsx-runtime");
 function useSmoothProgress({
   checkpoints,
   reached,
@@ -8593,19 +8887,19 @@ function useSmoothProgress({
   readyLabel = "Ready"
 }) {
   var _a, _b;
-  const [progress, setProgress] = React23.useState(0);
-  const [delayed, setDelayed] = React23.useState(false);
-  const checkpointsRef = React23.useRef(checkpoints);
-  const reachedRef = React23.useRef(reached);
-  const doneRef = React23.useRef(done);
-  React23.useEffect(() => {
+  const [progress, setProgress] = React24.useState(0);
+  const [delayed, setDelayed] = React24.useState(false);
+  const checkpointsRef = React24.useRef(checkpoints);
+  const reachedRef = React24.useRef(reached);
+  const doneRef = React24.useRef(done);
+  React24.useEffect(() => {
     checkpointsRef.current = checkpoints;
     reachedRef.current = reached;
     doneRef.current = done;
   });
-  const progressRef = React23.useRef(0);
-  const lastAdvanceRef = React23.useRef(0);
-  React23.useEffect(() => {
+  const progressRef = React24.useRef(0);
+  const lastAdvanceRef = React24.useRef(0);
+  React24.useEffect(() => {
     let raf = 0;
     let last = 0;
     const tick = (ts) => {
@@ -8659,14 +8953,14 @@ function GameLoadingBlock({
   backgroundImageUrl,
   className
 }) {
-  const [go, setGo] = React23.useState(false);
-  const [reduced, setReduced] = React23.useState(false);
-  React23.useEffect(() => {
+  const [go, setGo] = React24.useState(false);
+  const [reduced, setReduced] = React24.useState(false);
+  React24.useEffect(() => {
     if (typeof window !== "undefined" && typeof window.matchMedia === "function") {
       setReduced(window.matchMedia("(prefers-reduced-motion: reduce)").matches);
     }
   }, []);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     if (!exiting) return;
     const raf = requestAnimationFrame(() => setGo(true));
     const timer = setTimeout(() => onExitEnd == null ? void 0 : onExitEnd(), reduced ? 240 : 700);
@@ -8678,7 +8972,7 @@ function GameLoadingBlock({
   const isAbsolute = exiting || contained;
   const punched = Boolean(logoSrc);
   const animate = exiting && go && !reduced;
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
     "div",
     {
       role: "status",
@@ -8694,7 +8988,7 @@ function GameLoadingBlock({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
           "div",
           {
             "aria-hidden": "true",
@@ -8712,7 +9006,7 @@ function GameLoadingBlock({
             } : null)
           }
         ),
-        logoSrc && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+        logoSrc && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
           "img",
           {
             src: logoSrc,
@@ -8721,16 +9015,16 @@ function GameLoadingBlock({
             className: cn("game-loader-mark", animate && "game-loader-mark-exit")
           }
         ),
-        !exiting && /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "absolute bottom-10 left-1/2 flex w-[200px] -translate-x-1/2 flex-col items-start gap-3.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "relative h-2 w-full overflow-hidden rounded-xs bg-background-secondary-surface", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+        !exiting && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "absolute bottom-10 left-1/2 flex w-[200px] -translate-x-1/2 flex-col items-start gap-3.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "relative h-2 w-full overflow-hidden rounded-xs bg-background-secondary-surface", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
             "div",
             {
               className: "absolute inset-y-0 left-0 overflow-hidden rounded-xs bg-background-brand-default",
               style: { width: `${progress}%` },
-              children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { "aria-hidden": "true", className: "game-loader-shimmer absolute inset-y-0 left-[-60%] w-[60%]" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { "aria-hidden": "true", className: "game-loader-shimmer absolute inset-y-0 left-[-60%] w-[60%]" })
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "caption text-text-subtle-default", children: delayed ? "Taking longer than usual\u2026" : label })
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "caption text-text-subtle-default", children: delayed ? "Taking longer than usual\u2026" : label })
         ] })
       ]
     }
@@ -8817,6 +9111,7 @@ function GameLoadingBlock({
   ContextMenuSubContent,
   ContextMenuSubTrigger,
   ContextMenuTrigger,
+  DateWheelPicker,
   Dialog,
   DialogClose,
   DialogContent,