@proteos/ui 0.61.0 → 0.76.0

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkNWGG5WFL_cjs = require('./chunk-NWGG5WFL.cjs');
+var chunk4ACELYEP_cjs = require('./chunk-4ACELYEP.cjs');
 var lucideReact = require('lucide-react');
 var tailwindVariants = require('tailwind-variants');
 var reactAriaComponents = require('react-aria-components');
@@ -33,7 +33,7 @@ function PopoverContent({
       offset,
       placement,
       ...props,
-      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
+      className: (renderProps) => chunk4ACELYEP_cjs.cn(
         "rounded-md border border-rule bg-surface",
         "shadow-[var(--shadow-float)]",
         "entering:animate-enter-slide-down",
@@ -52,7 +52,7 @@ function PopoverPanelHeader({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         "flex items-center justify-between gap-2",
         "px-3.5 py-2.5 border-b border-rule",
         className
@@ -65,7 +65,7 @@ function PopoverPanelBody({
   className,
   children
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNWGG5WFL_cjs.cn("p-2", className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk4ACELYEP_cjs.cn("p-2", className), children });
 }
 function PopoverPanelFooter({
   className,
@@ -74,7 +74,7 @@ function PopoverPanelFooter({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         "flex items-center justify-between gap-2",
         "px-3.5 py-2.5 border-t border-rule",
         "bg-[color-mix(in_oklab,var(--color-surface-2)_60%,var(--color-surface))]",
@@ -157,10 +157,10 @@ function FileField({
   };
   if (!value) {
     if (isReadOnly) {
-      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNWGG5WFL_cjs.cn("text-ink-4", className), children: "\u2014" });
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunk4ACELYEP_cjs.cn("text-ink-4", className), children: "\u2014" });
     }
     if (isUploading) {
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn(dropZoneStyles({ isInvalid }), className), children: [
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk4ACELYEP_cjs.cn(dropZoneStyles({ isInvalid }), className), children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-3.5 animate-spin", "aria-hidden": true }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-sans text-[12.5px]", children: "Uploading\u2026" })
       ] });
@@ -180,7 +180,7 @@ function FileField({
               {
                 onSelect: handleSelect,
                 ...acceptedFileTypes ? { acceptedFileTypes } : {},
-                children: /* @__PURE__ */ jsxRuntime.jsx(chunkNWGG5WFL_cjs.Button, { variant: "ghost", size: "sm", children: "Browse" })
+                children: /* @__PURE__ */ jsxRuntime.jsx(chunk4ACELYEP_cjs.Button, { variant: "ghost", size: "sm", children: "Browse" })
               }
             )
           ]
@@ -194,7 +194,7 @@ function FileField({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cardStyles({ isClickable }), children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkNWGG5WFL_cjs.Button,
+        chunk4ACELYEP_cjs.Button,
         {
           variant: "subtle",
           className: "m-0 flex min-w-0 flex-1 items-start gap-3 border-0 bg-transparent p-0 text-left hover:bg-transparent",
@@ -204,7 +204,7 @@ function FileField({
             /* @__PURE__ */ jsxRuntime.jsx(
               Icon,
               {
-                className: chunkNWGG5WFL_cjs.cn("mt-0.5 size-5 shrink-0 text-ink-3", isUploading && "animate-spin"),
+                className: chunk4ACELYEP_cjs.cn("mt-0.5 size-5 shrink-0 text-ink-3", isUploading && "animate-spin"),
                 "aria-hidden": true,
                 strokeWidth: 1.6
               }
@@ -218,7 +218,7 @@ function FileField({
       ),
       !isReadOnly && onDelete && !isUploading ? /* @__PURE__ */ jsxRuntime.jsxs(Popover, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkNWGG5WFL_cjs.Button,
+          chunk4ACELYEP_cjs.Button,
           {
             "aria-label": "Remove file",
             size: "icon-sm",
@@ -238,13 +238,13 @@ function FileField({
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(PopoverPanelBody, { className: "px-3.5 py-3", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "m-0 font-sans text-[12px] leading-snug text-ink-2", children: "This removes the attachment from this record." }) }),
           /* @__PURE__ */ jsxRuntime.jsxs(PopoverPanelFooter, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkNWGG5WFL_cjs.Button, { variant: "ghost", size: "sm", onPress: close, children: "Cancel" }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunk4ACELYEP_cjs.Button, { variant: "ghost", size: "sm", onPress: close, children: "Cancel" }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkNWGG5WFL_cjs.Button,
+              chunk4ACELYEP_cjs.Button,
               {
                 variant: "primary",
                 size: "sm",
-                className: chunkNWGG5WFL_cjs.cn("bg-danger border-danger", "hover:bg-danger hover:border-danger"),
+                className: chunk4ACELYEP_cjs.cn("bg-danger border-danger", "hover:bg-danger hover:border-danger"),
                 onPress: () => {
                   onDelete();
                   close();
@@ -294,17 +294,17 @@ function AttachmentChip({
     /* @__PURE__ */ jsxRuntime.jsx(
       Icon,
       {
-        className: chunkNWGG5WFL_cjs.cn("size-3.5 shrink-0 text-ink-3", status === "uploading" && "animate-spin"),
+        className: chunk4ACELYEP_cjs.cn("size-3.5 shrink-0 text-ink-3", status === "uploading" && "animate-spin"),
         "aria-hidden": true
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: name }),
-    meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNWGG5WFL_cjs.cn("shrink-0", status !== "error" && "text-ink-4"), children: meta }) : null
+    meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunk4ACELYEP_cjs.cn("shrink-0", status !== "error" && "text-ink-4"), children: meta }) : null
   ] });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "span",
     {
-      className: chunkNWGG5WFL_cjs.cn(attachmentChipStyles({ status, isInteractive: Boolean(onPress) }), className),
+      className: chunk4ACELYEP_cjs.cn(attachmentChipStyles({ status, isInteractive: Boolean(onPress) }), className),
       title: errorMessage ?? name,
       children: [
         onPress ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -325,7 +325,7 @@ function AttachmentChip({
               event.stopPropagation();
               onRemove();
             },
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               "inline-flex shrink-0 items-center justify-center",
               "size-4 rounded-[3px]",
               "cursor-pointer text-ink-3 hover:bg-surface-3 hover:text-ink",
@@ -396,11 +396,113 @@ function AttributeTypeIcon({
     {
       "aria-hidden": true,
       strokeWidth: strokeWidth ?? 1.6,
-      className: chunkNWGG5WFL_cjs.cn("size-3.5", className),
+      className: chunk4ACELYEP_cjs.cn("size-3.5", className),
       ...props
     }
   );
 }
+var availabilityCalendarStyles = tailwindVariants.tv({
+  slots: {
+    root: "flex flex-col",
+    header: "flex items-center justify-between mb-3.5",
+    heading: "font-sans text-[15px] text-ink tracking-[-0.01em]",
+    headingYear: "ml-1 text-ink-3",
+    nav: "flex gap-1",
+    navButton: [
+      "size-7 rounded-md inline-flex items-center justify-center cursor-pointer outline-none",
+      "text-ink-3 hovered:text-ink hovered:bg-surface-3 pressed:bg-surface-4",
+      "data-[focus-visible]:shadow-[var(--shadow-focus)]",
+      "data-[disabled]:opacity-40 data-[disabled]:cursor-default data-[disabled]:hover:bg-transparent"
+    ],
+    grid: "w-full border-separate border-spacing-1 table-fixed -m-1",
+    weekday: "font-mono text-[11px] font-medium uppercase tracking-[0.08em] text-ink-3 pb-2 text-center",
+    cell: [
+      "relative aspect-square flex items-center justify-center cursor-pointer outline-none",
+      "font-sans text-[14px] font-medium rounded-sm border border-transparent",
+      "transition-[background-color,color,border-color] duration-150",
+      // Available (the default when neither unavailable nor disabled).
+      "bg-surface-2 text-ink",
+      "data-[hovered]:bg-surface-3 data-[hovered]:border-rule-strong",
+      "data-[focus-visible]:shadow-[var(--shadow-focus)]",
+      // Selected: the one ink fill on the page.
+      "data-[selected]:bg-ink data-[selected]:text-surface data-[selected]:border-ink",
+      "data-[selected]:data-[hovered]:bg-ink data-[selected]:data-[hovered]:border-ink",
+      // Unavailable / past: quiet text, no fill, no hover.
+      "data-[unavailable]:bg-transparent data-[unavailable]:text-ink-4 data-[unavailable]:font-normal data-[unavailable]:cursor-default",
+      "data-[unavailable]:data-[hovered]:bg-transparent data-[unavailable]:data-[hovered]:border-transparent",
+      "data-[disabled]:bg-transparent data-[disabled]:text-ink-4 data-[disabled]:font-normal data-[disabled]:cursor-default",
+      "data-[disabled]:data-[hovered]:bg-transparent data-[disabled]:data-[hovered]:border-transparent",
+      // Days of the neighbouring months are blank in a month-aligned grid.
+      "data-[outside-month]:invisible"
+    ],
+    dot: "absolute bottom-1.5 left-1/2 -translate-x-1/2 size-1 rounded-full bg-current",
+    cellSkeleton: "absolute inset-0 rounded-sm"
+  },
+  variants: {
+    isLoading: {
+      true: { cell: "bg-transparent cursor-default" },
+      false: {}
+    }
+  },
+  defaultVariants: { isLoading: false }
+});
+function AvailabilityCalendar({
+  value,
+  onChange,
+  isLoading = false,
+  className,
+  isDateUnavailable,
+  weekdayStyle = "short",
+  ...props
+}) {
+  const styles4 = availabilityCalendarStyles({ isLoading });
+  const unavailable = isLoading ? () => true : isDateUnavailable;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    reactAriaComponents.Calendar,
+    {
+      ...props,
+      value,
+      onChange: (next) => onChange(next),
+      ...unavailable ? { isDateUnavailable: unavailable } : {},
+      visibleDuration: { months: 1 },
+      className: chunk4ACELYEP_cjs.cn(styles4.root(), className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("header", { className: styles4.header(), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Heading, { className: styles4.heading(), children: /* @__PURE__ */ jsxRuntime.jsx(MonthHeading, { yearClassName: styles4.headingYear() }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles4.nav(), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Button, { slot: "previous", "aria-label": "Previous month", className: styles4.navButton(), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "size-4", "aria-hidden": "true" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Button, { slot: "next", "aria-label": "Next month", className: styles4.navButton(), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-4", "aria-hidden": "true" }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-busy": isLoading, children: /* @__PURE__ */ jsxRuntime.jsxs(reactAriaComponents.CalendarGrid, { weekdayStyle, className: styles4.grid(), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.CalendarGridHeader, { children: (day) => /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.CalendarHeaderCell, { className: styles4.weekday(), children: day }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.CalendarGridBody, { children: (date) => /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.CalendarCell, { date, className: styles4.cell(), children: ({ formattedDate, isToday, isOutsideMonth }) => isLoading && !isOutsideMonth ? /* @__PURE__ */ jsxRuntime.jsx(chunk4ACELYEP_cjs.Skeleton, { className: styles4.cellSkeleton() }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            formattedDate,
+            isToday && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles4.dot(), "aria-hidden": "true" })
+          ] }) }) })
+        ] }) })
+      ]
+    }
+  );
+}
+function MonthHeading({ yearClassName }) {
+  const state = react.useContext(reactAriaComponents.CalendarStateContext);
+  if (!state) return null;
+  const start = state.visibleRange.start;
+  const date = start.toDate(state.timeZone);
+  const month = new Intl.DateTimeFormat(void 0, {
+    month: "long",
+    timeZone: state.timeZone
+  }).format(date);
+  const year = new Intl.DateTimeFormat(void 0, {
+    year: "numeric",
+    timeZone: state.timeZone
+  }).format(date);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: month }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: yearClassName, children: year })
+  ] });
+}
 var avatarStyles = tailwindVariants.tv({
   base: [
     "inline-grid place-items-center shrink-0 select-none overflow-hidden",
@@ -441,7 +543,7 @@ function Avatar({
 }) {
   const [failedSrc, setFailedSrc] = react.useState(null);
   const showsImage = Boolean(src) && failedSrc !== src;
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, className: chunkNWGG5WFL_cjs.cn(avatarStyles({ size, tone, shape }), className), children: showsImage ? /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, className: chunk4ACELYEP_cjs.cn(avatarStyles({ size, tone, shape }), className), children: showsImage ? /* @__PURE__ */ jsxRuntime.jsx(
     "img",
     {
       src: src ?? void 0,
@@ -471,7 +573,7 @@ function AvatarGroup({
 }) {
   const shown = avatars.slice(0, max);
   const overflow = avatars.length - shown.length;
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { ...props, className: chunkNWGG5WFL_cjs.cn(avatarGroupStyles({ size }), className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { ...props, className: chunk4ACELYEP_cjs.cn(avatarGroupStyles({ size }), className), children: [
     shown.map((avatar, index) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full ring-[1.5px] ring-surface", children: /* @__PURE__ */ jsxRuntime.jsx(
       Avatar,
       {
@@ -647,7 +749,7 @@ function IconPicker({
     open(false);
     triggerRef.current?.focus();
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn("grid grid-cols-1 gap-1.5 content-start", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk4ACELYEP_cjs.cn("grid grid-cols-1 gap-1.5 content-start", className), children: [
     label ? /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Label, { className: fieldLabelStyles, children: label }) : null,
     compact ? /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -661,7 +763,7 @@ function IconPicker({
         disabled: isDisabled,
         onClick: () => open(!isOpen),
         "data-invalid": isInvalid || void 0,
-        className: chunkNWGG5WFL_cjs.cn(
+        className: chunk4ACELYEP_cjs.cn(
           styles4.box(),
           "flex shrink-0 items-center justify-center cursor-pointer",
           appearance === "cell" ? "size-[29px]" : COMPACT_SIZE[size],
@@ -680,7 +782,7 @@ function IconPicker({
         disabled: isDisabled,
         onClick: () => open(!isOpen),
         "data-invalid": isInvalid || void 0,
-        className: chunkNWGG5WFL_cjs.cn(
+        className: chunk4ACELYEP_cjs.cn(
           // box carries no padding by contract — content is what gives a
           // single-element control its interior (padding, font, text-size).
           styles4.box(),
@@ -690,7 +792,7 @@ function IconPicker({
         ),
         children: [
           SelectedIcon ? /* @__PURE__ */ jsxRuntime.jsx(SelectedIcon, { "aria-hidden": true, className: "size-4 shrink-0 text-ink-2" }) : null,
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNWGG5WFL_cjs.cn("min-w-0 flex-1 truncate", selectedName ? "text-ink" : "text-ink-4"), children: selectedName ?? placeholder }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunk4ACELYEP_cjs.cn("min-w-0 flex-1 truncate", selectedName ? "text-ink" : "text-ink-4"), children: selectedName ?? placeholder }),
           /* @__PURE__ */ jsxRuntime.jsx(FieldCaret, {})
         ]
       }
@@ -705,7 +807,7 @@ function IconPicker({
         triggerRef,
         offset: 6,
         placement: "bottom start",
-        className: chunkNWGG5WFL_cjs.cn(
+        className: chunk4ACELYEP_cjs.cn(
           "w-[316px] rounded-md border border-rule bg-surface p-2",
           "shadow-[var(--shadow-raised)]",
           "entering:animate-enter-slide-down",
@@ -716,7 +818,7 @@ function IconPicker({
             /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
               {
-                className: chunkNWGG5WFL_cjs.cn(
+                className: chunk4ACELYEP_cjs.cn(
                   fieldControlStyles({ size: "sm" }).box(),
                   "flex min-w-0 flex-1 items-center gap-1.5 px-2.5 py-1.5",
                   "focus-within:border-accent focus-within:shadow-[var(--shadow-focus)]"
@@ -731,7 +833,7 @@ function IconPicker({
                       value: query,
                       onChange: (event) => search(event.target.value),
                       placeholder: "Search icons\u2026",
-                      className: chunkNWGG5WFL_cjs.cn(
+                      className: chunk4ACELYEP_cjs.cn(
                         "min-w-0 flex-1 bg-transparent font-sans outline-none",
                         "text-ink placeholder:text-ink-4",
                         fieldTextStyles.sm
@@ -746,7 +848,7 @@ function IconPicker({
               {
                 type: "button",
                 onClick: () => pick(null),
-                className: chunkNWGG5WFL_cjs.cn(
+                className: chunk4ACELYEP_cjs.cn(
                   "flex shrink-0 items-center gap-1 rounded-[6px] px-2 py-1.5 cursor-pointer",
                   "font-sans text-[12px] text-ink-3 transition-colors",
                   "hover:bg-surface-2 hover:text-ink",
@@ -777,7 +879,7 @@ function IconPicker({
                     if (next !== void 0) pick(next);
                   },
                   className: "grid grid-cols-8 gap-0.5 outline-none",
-                  renderEmptyState: () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNWGG5WFL_cjs.cn("col-span-8 px-2 py-3 text-center", fieldHintStyles), children: "No icons match" }),
+                  renderEmptyState: () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk4ACELYEP_cjs.cn("col-span-8 px-2 py-3 text-center", fieldHintStyles), children: "No icons match" }),
                   children: visible.map((name) => {
                     const Icon = lucideReact.icons[name];
                     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -786,7 +888,7 @@ function IconPicker({
                         id: name,
                         textValue: name,
                         "aria-label": name,
-                        className: chunkNWGG5WFL_cjs.cn(
+                        className: chunk4ACELYEP_cjs.cn(
                           "flex size-[34px] items-center justify-center rounded-[6px]",
                           "cursor-pointer outline-none",
                           "data-[hovered]:bg-surface-2 data-[focused]:bg-surface-2",
@@ -803,7 +905,7 @@ function IconPicker({
               )
             }
           ),
-          hiddenCount > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: chunkNWGG5WFL_cjs.cn("px-1 pt-2", fieldHintStyles), children: [
+          hiddenCount > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: chunk4ACELYEP_cjs.cn("px-1 pt-2", fieldHintStyles), children: [
             hiddenCount.toLocaleString(),
             " more \u2014 keep scrolling, or search."
           ] }) : null
@@ -893,13 +995,13 @@ function Badge({
     {
       ...props,
       style: mergedStyle,
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         badgeStyles({ variant: register2, shape, hasDot }),
         showDot ? null : "before:hidden",
         className
       ),
       children: [
-        Icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { "aria-hidden": true, className: chunkNWGG5WFL_cjs.cn("size-3 shrink-0", ICON_TONE[register2]) }) : null,
+        Icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { "aria-hidden": true, className: chunk4ACELYEP_cjs.cn("size-3 shrink-0", ICON_TONE[register2]) }) : null,
         children,
         actions ? (
           // Pulled flush with the trailing edge so the chip still reads
@@ -921,7 +1023,7 @@ function BadgeAction({ label, onPress, isDisabled = false, children }) {
         event.stopPropagation();
         onPress();
       },
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         "inline-flex items-center justify-center shrink-0",
         "size-3.5 rounded-full",
         "text-current/70 hover:text-current hover:bg-current/10",
@@ -954,8 +1056,11 @@ function Tooltip({ className, offset = 6, ...props }) {
     {
       ...props,
       offset,
-      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
-        "z-50 max-w-xs",
+      className: (renderProps) => chunk4ACELYEP_cjs.cn(
+        // Above the floating chat / softphone windows (1100 / 1200) and their
+        // full-screen workspace, like Select and Toast — a page inside the
+        // window keeps its tooltips.
+        "z-[1300] max-w-xs",
         "rounded-md border border-rule bg-surface shadow-[var(--shadow-raised)]",
         "px-2.5 py-1.5",
         "font-mono text-[11.5px] text-ink-2",
@@ -1061,7 +1166,7 @@ function BadgeGroup({ children, className, ...props }) {
     {
       ...props,
       ref: rootRef,
-      className: chunkNWGG5WFL_cjs.cn(badgeGroupStyles({ isMeasuring: measuring }), className),
+      className: chunk4ACELYEP_cjs.cn(badgeGroupStyles({ isMeasuring: measuring }), className),
       children: [
         shown.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
           "span",
@@ -1230,7 +1335,7 @@ function BadgeMultiSelect({
       setIsOpen(false);
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn("grid grid-cols-1 gap-1.5 content-start", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk4ACELYEP_cjs.cn("grid grid-cols-1 gap-1.5 content-start", className), children: [
     label ? /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Label, { className: fieldLabelStyles, children: label }) : null,
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -1247,7 +1352,7 @@ function BadgeMultiSelect({
         onKeyDown: onTriggerKeyDown,
         "data-invalid": isInvalid || void 0,
         "data-disabled": isDisabled || void 0,
-        className: chunkNWGG5WFL_cjs.cn(
+        className: chunk4ACELYEP_cjs.cn(
           styles4.box(),
           "flex items-stretch cursor-pointer",
           // Cell editor: one table row (29px under a 32px row) while the chips
@@ -1262,7 +1367,7 @@ function BadgeMultiSelect({
             "div",
             {
               ref: chipsRef,
-              className: chunkNWGG5WFL_cjs.cn(
+              className: chunk4ACELYEP_cjs.cn(
                 "flex flex-1 flex-wrap items-center gap-1.5 min-w-0",
                 isCell && (hasWrapped ? "content-start overflow-y-auto" : "content-center overflow-hidden")
               ),
@@ -1270,7 +1375,7 @@ function BadgeMultiSelect({
                 // No vertical padding — wrapper's p-1.5 + min-h-[size] govern the
                 // overall height so it matches the Input/Select trigger at the same
                 // size.
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNWGG5WFL_cjs.cn("text-ink-4 font-sans px-1", fieldTextStyles[size]), children: placeholder })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunk4ACELYEP_cjs.cn("text-ink-4 font-sans px-1", fieldTextStyles[size]), children: placeholder })
               ) : selectedOptions.map((o) => /* @__PURE__ */ jsxRuntime.jsx(
                 Badge,
                 {
@@ -1306,7 +1411,7 @@ function BadgeMultiSelect({
         placement: "bottom start",
         isNonModal: true,
         shouldCloseOnInteractOutside: (element) => !triggerRef.current?.contains(element),
-        className: chunkNWGG5WFL_cjs.cn(
+        className: chunk4ACELYEP_cjs.cn(
           // At least as wide as the trigger, wider when a badge needs it —
           // a narrow table column must not clip its own options.
           "min-w-[var(--trigger-width)] w-max max-w-[min(28rem,calc(100vw-2rem))]",
@@ -1335,14 +1440,14 @@ function BadgeMultiSelect({
             },
             autoFocus: "first",
             className: "outline-none max-h-72 overflow-auto",
-            renderEmptyState: () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNWGG5WFL_cjs.cn("px-3 py-2", fieldHintStyles), children: "All options selected" }),
+            renderEmptyState: () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk4ACELYEP_cjs.cn("px-3 py-2", fieldHintStyles), children: "All options selected" }),
             children: listboxOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
               reactAriaComponents.ListBoxItem,
               {
                 id: option.id,
                 textValue: option.label,
                 ...option.isDisabled ? { isDisabled: true } : {},
-                className: chunkNWGG5WFL_cjs.cn(
+                className: chunk4ACELYEP_cjs.cn(
                   "group flex items-center gap-2.5",
                   "rounded-[6px] px-2.5 py-1.5",
                   "cursor-pointer outline-none select-none",
@@ -1369,7 +1474,7 @@ function Breadcrumbs({ items, separator = "/", className, ...props }) {
     reactAriaComponents.Breadcrumbs,
     {
       ...props,
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         "flex items-center gap-2",
         "font-mono text-[12px] text-ink-3",
         // RAC renders Breadcrumbs as <ol> — neutralise list defaults.
@@ -1388,7 +1493,7 @@ function Breadcrumbs({ items, separator = "/", className, ...props }) {
                 reactAriaComponents.Link,
                 {
                   href: item.href,
-                  className: chunkNWGG5WFL_cjs.cn(
+                  className: chunk4ACELYEP_cjs.cn(
                     "rounded-sm outline-none cursor-pointer",
                     "transition-colors duration-150",
                     "hover:text-ink",
@@ -1400,7 +1505,7 @@ function Breadcrumbs({ items, separator = "/", className, ...props }) {
               ) : /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
                 {
-                  className: chunkNWGG5WFL_cjs.cn(isLast && "text-ink font-semibold"),
+                  className: chunk4ACELYEP_cjs.cn(isLast && "text-ink font-semibold"),
                   "aria-current": isLast ? "page" : void 0,
                   children: item.label
                 }
@@ -1438,7 +1543,7 @@ var cardStyles2 = tailwindVariants.tv({
   }
 });
 function Card({ variant, className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunkNWGG5WFL_cjs.cn(cardStyles2({ variant }), className) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunk4ACELYEP_cjs.cn(cardStyles2({ variant }), className) });
 }
 var pressableCardStyles = tailwindVariants.tv({
   extend: cardStyles2,
@@ -1456,7 +1561,7 @@ function PressableCard({ variant, className, ...props }) {
     reactAriaComponents.Button,
     {
       ...props,
-      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
+      className: (renderProps) => chunk4ACELYEP_cjs.cn(
         pressableCardStyles({ variant }),
         typeof className === "function" ? className(renderProps) : className
       )
@@ -1468,7 +1573,7 @@ function CardHeader({ className, ...props }) {
     "div",
     {
       ...props,
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         "flex justify-between items-center",
         "px-5 py-3 border-b border-rule",
         "bg-[color-mix(in_oklab,var(--color-surface-2)_60%,var(--color-surface))]",
@@ -1479,14 +1584,14 @@ function CardHeader({ className, ...props }) {
   );
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunkNWGG5WFL_cjs.cn("flex flex-col gap-3 p-5", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunk4ACELYEP_cjs.cn("flex flex-col gap-3 p-5", className) });
 }
 function CardFooter({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       ...props,
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         "mt-auto flex justify-between items-center",
         "px-5 py-4",
         "font-mono text-[11.5px] text-ink-4",
@@ -1500,7 +1605,7 @@ function CardEyebrow({ className, ...props }) {
     "div",
     {
       ...props,
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         "flex justify-between items-center",
         "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4",
         className
@@ -1513,7 +1618,7 @@ function CardTitle({ className, ...props }) {
     "h3",
     {
       ...props,
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         "font-sans font-medium text-[20px] leading-[1.25] tracking-[-0.015em] text-ink",
         className
       )
@@ -1525,7 +1630,7 @@ function CardFeatureTitle({ className, ...props }) {
     "h3",
     {
       ...props,
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         "font-sans font-medium text-[26px] leading-[1.2] tracking-[-0.02em] text-ink",
         className
       )
@@ -1533,7 +1638,7 @@ function CardFeatureTitle({ className, ...props }) {
   );
 }
 function CardBody({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunkNWGG5WFL_cjs.cn("text-[14px] leading-[1.55] text-ink-3", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunk4ACELYEP_cjs.cn("text-[14px] leading-[1.55] text-ink-3", className) });
 }
 var CHANNEL_ICONS = {
   slack: lucideReact.Hash,
@@ -1557,14 +1662,14 @@ function channelIcon(channel) {
 }
 function ChannelIcon({ channel, className, label }) {
   const Icon = channelIcon(channel);
-  return label !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: chunkNWGG5WFL_cjs.cn("size-4", className), role: "img", "aria-label": label }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: chunkNWGG5WFL_cjs.cn("size-4", className), "aria-hidden": true });
+  return label !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: chunk4ACELYEP_cjs.cn("size-4", className), role: "img", "aria-label": label }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: chunk4ACELYEP_cjs.cn("size-4", className), "aria-hidden": true });
 }
 function Checkbox({ children, className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     reactAriaComponents.Checkbox,
     {
       ...props,
-      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
+      className: (renderProps) => chunk4ACELYEP_cjs.cn(
         // `relative` so RAC's visually-hidden <input> — which is absolutely
         // positioned and is the element that actually receives focus — is
         // laid out against THIS checkbox. Without a positioned ancestor here
@@ -1582,7 +1687,7 @@ function Checkbox({ children, className, ...props }) {
           "span",
           {
             "aria-hidden": true,
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               "relative inline-flex items-center justify-center shrink-0",
               "size-[18px] rounded-[4px] border bg-surface",
               "border-ink-4",
@@ -1599,7 +1704,7 @@ function Checkbox({ children, className, ...props }) {
               "svg",
               {
                 viewBox: "0 0 12 12",
-                className: chunkNWGG5WFL_cjs.cn(
+                className: chunk4ACELYEP_cjs.cn(
                   "size-3 text-surface transition-opacity duration-150",
                   renderProps.isSelected ? "opacity-100" : "opacity-0"
                 ),
@@ -1636,7 +1741,7 @@ function CheckboxGroup({
     reactAriaComponents.CheckboxGroup,
     {
       ...props,
-      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
+      className: (renderProps) => chunk4ACELYEP_cjs.cn(
         "grid gap-2 content-start",
         typeof className === "function" ? className(renderProps) : className
       ),
@@ -1718,14 +1823,14 @@ function ColorInput({
       isInvalid: invalid,
       onBlur: settle,
       ...ariaLabel ? { "aria-label": ariaLabel } : {},
-      className: chunkNWGG5WFL_cjs.cn("grid grid-cols-1 gap-1.5 content-start", className),
+      className: chunk4ACELYEP_cjs.cn("grid grid-cols-1 gap-1.5 content-start", className),
       children: [
         label ? /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Label, { className: fieldLabelStyles, children: label }) : null,
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             "data-disabled": isDisabled || void 0,
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               styles4.box(),
               "flex items-center gap-2",
               size === "sm" ? "pl-2" : "pl-2.5",
@@ -1739,7 +1844,7 @@ function ColorInput({
                   "aria-label": "Pick color",
                   disabled: isDisabled,
                   onClick: () => nativeRef.current?.click(),
-                  className: chunkNWGG5WFL_cjs.cn(
+                  className: chunk4ACELYEP_cjs.cn(
                     "relative flex shrink-0 items-center justify-center rounded-sm border border-rule",
                     "cursor-pointer outline-none",
                     "focus-visible:ring-2 focus-visible:ring-[var(--color-accent)]",
@@ -1772,7 +1877,7 @@ function ColorInput({
                   placeholder,
                   spellCheck: false,
                   autoComplete: "off",
-                  className: chunkNWGG5WFL_cjs.cn(
+                  className: chunk4ACELYEP_cjs.cn(
                     styles4.content(),
                     "min-w-0 flex-1 bg-transparent font-mono outline-none",
                     "pl-0",
@@ -1813,7 +1918,7 @@ function Combobox({
     {
       ...props,
       allowsEmptyCollection,
-      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
+      className: (renderProps) => chunk4ACELYEP_cjs.cn(
         "grid grid-cols-1 gap-1.5 content-start",
         typeof className === "function" ? className(renderProps) : className
       ),
@@ -1822,7 +1927,7 @@ function Combobox({
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               // Box chrome on the wrapper; the inner <input> carries the padding
               // + font so the chevron button sits inside the same border + ring.
               styles4.box(),
@@ -1835,7 +1940,7 @@ function Combobox({
                 reactAriaComponents.Input,
                 {
                   placeholder,
-                  className: chunkNWGG5WFL_cjs.cn(
+                  className: chunk4ACELYEP_cjs.cn(
                     "flex-1 min-w-0 bg-transparent outline-none",
                     styles4.content(),
                     inputClassName
@@ -1845,7 +1950,7 @@ function Combobox({
               /* @__PURE__ */ jsxRuntime.jsx(
                 reactAriaComponents.Button,
                 {
-                  className: chunkNWGG5WFL_cjs.cn(
+                  className: chunk4ACELYEP_cjs.cn(
                     "shrink-0 flex items-center justify-center",
                     "size-7 rounded-pill",
                     "text-ink-3 hover:text-ink outline-none cursor-pointer"
@@ -1862,7 +1967,7 @@ function Combobox({
           reactAriaComponents.Popover,
           {
             offset: 6,
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               "min-w-[var(--trigger-width)]",
               "rounded-md border border-rule bg-surface p-1",
               "shadow-[var(--shadow-raised)]",
@@ -1873,7 +1978,7 @@ function Combobox({
               reactAriaComponents.ListBox,
               {
                 className: "outline-none max-h-72 overflow-auto",
-                renderEmptyState: () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNWGG5WFL_cjs.cn("px-3 py-2", fieldHintStyles), children: emptyMessage }),
+                renderEmptyState: () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk4ACELYEP_cjs.cn("px-3 py-2", fieldHintStyles), children: emptyMessage }),
                 children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
                   ComboboxItem,
                   {
@@ -1901,7 +2006,7 @@ function TrailingSlot({ children }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         "ml-auto pl-2 shrink-0 inline-flex items-center",
         // Hidden by default; revealed when the row is hovered or
         // keyboard-focused. `group/combobox-item` is set on ComboboxItem.
@@ -1927,7 +2032,7 @@ function ComboboxItem(props) {
     reactAriaComponents.ListBoxItem,
     {
       ...props,
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         // `group/combobox-item` exposes hover/focus state to the trailing
         // slot so it can reveal itself only when the row is engaged.
         "group/combobox-item",
@@ -2255,7 +2360,7 @@ function Kbd({ className, children, ...props }) {
     "kbd",
     {
       ...props,
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         "inline-flex items-center justify-center",
         "font-mono text-[10.5px] leading-none text-ink-4",
         "bg-surface-2 border border-rule rounded-[4px]",
@@ -2275,7 +2380,7 @@ function CommandHint({ combo, tone = "subtle", className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     Kbd,
     {
-      className: chunkNWGG5WFL_cjs.cn(tone === "prominent" && "bg-ink text-surface border-transparent", className),
+      className: chunk4ACELYEP_cjs.cn(tone === "prominent" && "bg-ink text-surface border-transparent", className),
       children: label
     }
   );
@@ -2299,7 +2404,7 @@ function Command({ combo, target, className, label, children }) {
     },
     { label: () => label ?? accessibleName(resolveTarget()) }
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: wrapperRef, className: chunkNWGG5WFL_cjs.cn("relative inline-block", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: wrapperRef, className: chunk4ACELYEP_cjs.cn("relative inline-block", className), children: [
     children,
     discoveryActive ? /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -2374,7 +2479,7 @@ function ConversationBriefCard({
   isOpenDisabled = false,
   className
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn(styles.root(), className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk4ACELYEP_cjs.cn(styles.root(), className), children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.icon(), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Phone, { className: "size-4", "aria-hidden": true }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.body(), children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles.eyebrow(), children: eyebrow }),
@@ -2412,7 +2517,7 @@ function Select({
     reactAriaComponents.Select,
     {
       ...props,
-      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
+      className: (renderProps) => chunk4ACELYEP_cjs.cn(
         "grid grid-cols-1 gap-1.5 content-start",
         typeof className === "function" ? className(renderProps) : className
       ),
@@ -2421,7 +2526,7 @@ function Select({
         /* @__PURE__ */ jsxRuntime.jsxs(
           reactAriaComponents.Button,
           {
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               styles4.box(),
               styles4.content(),
               "flex items-center justify-between gap-3 text-left cursor-pointer",
@@ -2439,7 +2544,7 @@ function Select({
           reactAriaComponents.Popover,
           {
             offset: 6,
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               // Match the trigger width exactly (RAC exposes --trigger-width on
               // the Popover when anchored to a Select button).
               "w-[var(--trigger-width)]",
@@ -2463,7 +2568,7 @@ function Select({
                 },
                 option.id
               )) }),
-              options.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNWGG5WFL_cjs.cn("px-3 py-2", fieldHintStyles), children: placeholder }) : null
+              options.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk4ACELYEP_cjs.cn("px-3 py-2", fieldHintStyles), children: placeholder }) : null
             ]
           }
         )
@@ -2476,7 +2581,7 @@ function SelectItem(props) {
     reactAriaComponents.ListBoxItem,
     {
       ...props,
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         "flex items-center justify-between gap-3",
         "rounded-[6px] px-3 py-2 text-[14px] text-ink-2",
         "cursor-pointer outline-none select-none",
@@ -2519,9 +2624,13 @@ function ConversationBriefPreview({
   contentClassName,
   renderContent,
   onEdit,
-  editor
+  editor,
+  aside,
+  isMetaHidden = false,
+  isSubjectHidden = false
 }) {
   const [pickedContactId, setPickedContactId] = react.useState("");
+  const [isPickingTarget, setIsPickingTarget] = react.useState(false);
   const contact = contacts.find((entry) => entry.id === pickedContactId) ?? contacts[0] ?? null;
   const numbers = react.useMemo(() => contactPhoneNumbers(contact), [contact]);
   const [pickedNumber, setPickedNumber] = react.useState("");
@@ -2533,23 +2642,26 @@ function ConversationBriefPreview({
   react.useEffect(() => {
     onSelectionChangeRef.current?.(contact, phoneNumber);
   }, [contact, phoneNumber]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn("flex flex-col gap-3", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk4ACELYEP_cjs.cn("flex flex-col gap-3", className), children: [
+    isSubjectHidden ? null : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-[14px] font-semibold text-ink", children: brief.subject || names || "Prepared conversation" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-mono text-[10.5px] text-ink-4", children: [
+      isMetaHidden ? null : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-mono text-[10.5px] text-ink-4", children: [
         brief.subject ? names : "",
         brief.channel ? `Channel ${brief.channel}` : "Any channel",
         brief.type_key ? `Type ${brief.type_key}` : "",
         brief.status === "prepared" ? "Prepared" : brief.status === "used" ? "Call held" : "Discarded"
       ].filter(Boolean).join(" \xB7 ") })
     ] }),
-    editor ?? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group/brief-content relative", children: [
+    editor ?? // A flex column of its own so a host that gives the box `flex-1`
+    // (the call window) gets a scrolling box that fills the remaining
+    // height; in an unconstrained host (a modal) it just wraps.
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group/brief-content relative flex min-h-0 flex-1 flex-col", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: chunkNWGG5WFL_cjs.cn(
+          className: chunk4ACELYEP_cjs.cn(
             "rounded-md border border-rule-2 bg-surface-2/60 px-3 py-2.5",
-            "text-[13px] leading-relaxed text-ink-2 overflow-y-auto [scrollbar-width:thin]",
+            "min-h-0 text-[13px] leading-relaxed text-ink-2 overflow-y-auto [scrollbar-width:thin]",
             renderContent ? null : "whitespace-pre-wrap",
             contentClassName
           ),
@@ -2561,7 +2673,7 @@ function ConversationBriefPreview({
         {
           "aria-label": "Edit brief",
           onPress: onEdit,
-          className: chunkNWGG5WFL_cjs.cn(
+          className: chunk4ACELYEP_cjs.cn(
             "absolute right-1.5 top-1.5 inline-flex size-7 cursor-pointer items-center justify-center",
             "rounded-md bg-surface/80 text-ink-3 outline-none transition-opacity",
             "opacity-0 group-hover/brief-content:opacity-100 focus-visible:opacity-100",
@@ -2573,31 +2685,124 @@ function ConversationBriefPreview({
       ) : null
     ] }),
     onCall ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 border-t border-rule-2 pt-3", children: [
-      contacts.length > 1 ? /* @__PURE__ */ jsxRuntime.jsx(
-        Select,
-        {
-          "aria-label": "Who to call",
-          selectedKey: contact?.id ?? "",
-          onSelectionChange: (key) => {
-            setPickedContactId(String(key));
-            setPickedNumber("");
-          },
-          options: contacts.map((entry) => ({ id: entry.id, label: entry.name || entry.id }))
-        }
-      ) : null,
-      numbers.length > 1 ? /* @__PURE__ */ jsxRuntime.jsx(
-        Select,
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
         {
-          "aria-label": "Number to call",
-          selectedKey: phoneNumber,
-          onSelectionChange: (key) => setPickedNumber(String(key)),
-          options: numbers.map((number) => ({ id: number, label: number }))
+          className: chunk4ACELYEP_cjs.cn(
+            "grid gap-3",
+            aside ? "grid-cols-[minmax(0,1fr)_minmax(0,1fr)]" : "grid-cols-1"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-2", children: [
+              isPickingTarget && (contacts.length > 1 || numbers.length > 1) ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-mono text-[10px] uppercase tracking-[0.08em] text-ink-4", children: "Calling" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-start gap-1.5", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
+                    contacts.length > 1 ? /* @__PURE__ */ jsxRuntime.jsx(
+                      Select,
+                      {
+                        "aria-label": "Who to call",
+                        size: "sm",
+                        autoFocus: true,
+                        selectedKey: contact?.id ?? "",
+                        onSelectionChange: (key) => {
+                          setPickedContactId(String(key));
+                          setPickedNumber("");
+                          const picked = contacts.find((entry) => entry.id === String(key));
+                          if (contactPhoneNumbers(picked).length <= 1) setIsPickingTarget(false);
+                        },
+                        options: contacts.map((entry) => ({
+                          id: entry.id,
+                          label: entry.name || entry.id
+                        }))
+                      }
+                    ) : null,
+                    numbers.length > 1 ? /* @__PURE__ */ jsxRuntime.jsx(
+                      Select,
+                      {
+                        "aria-label": "Number to dial",
+                        size: "sm",
+                        ...contacts.length > 1 ? {} : { autoFocus: true },
+                        selectedKey: phoneNumber,
+                        onSelectionChange: (key) => {
+                          if (key !== null) setPickedNumber(String(key));
+                          setIsPickingTarget(false);
+                        },
+                        options: numbers.map((number) => ({ id: number, label: number }))
+                      }
+                    ) : null
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    chunk4ACELYEP_cjs.Button,
+                    {
+                      variant: "ghost",
+                      size: "icon-sm",
+                      "aria-label": "Keep the current number",
+                      onPress: () => setIsPickingTarget(false),
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { "aria-hidden": true })
+                    }
+                  )
+                ] })
+              ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group/dial flex min-w-0 flex-col gap-1", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-mono text-[10px] uppercase tracking-[0.08em] text-ink-4", children: "Calling" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-9 min-w-0 items-center gap-2", children: [
+                  (() => {
+                    const hasChoice = contacts.length > 1 || numbers.length > 1;
+                    const valueText = phoneNumber ? contacts.length > 1 ? `${contact?.name || contact?.id} \xB7 ${phoneNumber}` : phoneNumber : contact ? `${contacts.length > 1 ? `${contact.name || contact.id} \xB7 ` : ""}no phone number on file` : "No contact to call.";
+                    const valueClassName = chunk4ACELYEP_cjs.cn(
+                      "min-w-0 truncate text-[12px] tabular-nums",
+                      phoneNumber ? "text-ink-2" : "text-warning"
+                    );
+                    const icon = /* @__PURE__ */ jsxRuntime.jsx(
+                      lucideReact.Phone,
+                      {
+                        className: chunk4ACELYEP_cjs.cn(
+                          "size-3 shrink-0",
+                          phoneNumber ? "text-ink-4" : "text-warning"
+                        ),
+                        "aria-hidden": true
+                      }
+                    );
+                    return hasChoice ? /* @__PURE__ */ jsxRuntime.jsxs(
+                      reactAriaComponents.Button,
+                      {
+                        className: chunk4ACELYEP_cjs.cn(
+                          "flex min-w-0 cursor-pointer items-center gap-2 rounded-sm text-left outline-none",
+                          "hover:text-ink focus-visible:shadow-[var(--shadow-focus)]"
+                        ),
+                        onPress: () => setIsPickingTarget(true),
+                        children: [
+                          icon,
+                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: valueClassName, title: phoneNumber, children: valueText })
+                        ]
+                      }
+                    ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                      icon,
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: valueClassName, title: phoneNumber, children: valueText })
+                    ] });
+                  })(),
+                  contacts.length > 1 || numbers.length > 1 ? /* @__PURE__ */ jsxRuntime.jsx(
+                    chunk4ACELYEP_cjs.Button,
+                    {
+                      variant: "ghost",
+                      size: "icon-sm",
+                      "aria-label": "Change the number to dial",
+                      className: "opacity-0 transition-opacity group-hover/dial:opacity-100 focus-visible:opacity-100",
+                      onPress: () => setIsPickingTarget(true),
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { "aria-hidden": true })
+                    }
+                  ) : null
+                ] })
+              ] }),
+              controls
+            ] }),
+            aside ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 min-w-0", children: aside }) : null
+          ]
         }
-      ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-mono text-[12px] text-ink-3", children: phoneNumber || (contact ? "This contact has no phone number on file." : "No contact to call.") }),
-      controls,
+      ),
       callDisabledReason ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[12px] text-warning", children: callDisabledReason }) : null,
       isCallButtonHidden ? null : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkNWGG5WFL_cjs.Button,
+        chunk4ACELYEP_cjs.Button,
         {
           isDisabled: isCallDisabled || !isOpen || phoneNumber === "" || !contact,
           onPress: () => contact && onCall(contact, phoneNumber),
@@ -2627,7 +2832,7 @@ function ModalContent({
     {
       isDismissable,
       ...props,
-      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
+      className: (renderProps) => chunk4ACELYEP_cjs.cn(
         "fixed inset-0 z-50 flex items-center justify-center p-4",
         // Warm ink scrim — stays in the Proteos palette (no pure black).
         "bg-[color-mix(in_oklab,var(--color-ink)_40%,transparent)]",
@@ -2638,7 +2843,7 @@ function ModalContent({
       children: /* @__PURE__ */ jsxRuntime.jsx(
         reactAriaComponents.Modal,
         {
-          className: chunkNWGG5WFL_cjs.cn(
+          className: chunk4ACELYEP_cjs.cn(
             "w-full max-w-lg",
             // Cap the panel at the viewport (minus the overlay's p-4) and lay it
             // out as a column so a tall body scrolls instead of overflowing the
@@ -2653,7 +2858,7 @@ function ModalContent({
           children: /* @__PURE__ */ jsxRuntime.jsx(
             reactAriaComponents.Dialog,
             {
-              className: chunkNWGG5WFL_cjs.cn("outline-none flex flex-col min-h-0 overflow-hidden", dialogClassName),
+              className: chunk4ACELYEP_cjs.cn("outline-none flex flex-col min-h-0 overflow-hidden", dialogClassName),
               ...ariaLabel !== void 0 ? { "aria-label": ariaLabel } : {},
               children
             }
@@ -2664,7 +2869,7 @@ function ModalContent({
   );
 }
 function ModalHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunkNWGG5WFL_cjs.cn("shrink-0 px-5 pt-5 pb-3 flex flex-col gap-1.5", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunk4ACELYEP_cjs.cn("shrink-0 px-5 pt-5 pb-3 flex flex-col gap-1.5", className) });
 }
 function ModalTitle({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2672,7 +2877,7 @@ function ModalTitle({ className, ...props }) {
     {
       slot: "title",
       ...props,
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         "font-sans font-medium text-[20px] leading-[1.25] tracking-[-0.015em] text-ink",
         className
       )
@@ -2680,14 +2885,14 @@ function ModalTitle({ className, ...props }) {
   );
 }
 function ModalDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("p", { ...props, className: chunkNWGG5WFL_cjs.cn("text-[14px] leading-[1.55] text-ink-3", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { ...props, className: chunk4ACELYEP_cjs.cn("text-[14px] leading-[1.55] text-ink-3", className) });
 }
 function ModalBody({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       ...props,
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         // The scroll region: caps at the panel's spare height and scrolls when
         // the content is taller, leaving header + footer pinned.
         "min-h-0 overflow-y-auto px-5 py-3 flex flex-col gap-3 text-[14px] text-ink-2",
@@ -2701,7 +2906,7 @@ function ModalFooter({ className, ...props }) {
     "div",
     {
       ...props,
-      className: chunkNWGG5WFL_cjs.cn("shrink-0 flex justify-end items-center gap-2", "px-5 pt-3 pb-5", className)
+      className: chunk4ACELYEP_cjs.cn("shrink-0 flex justify-end items-center gap-2", "px-5 pt-3 pb-5", className)
     }
   );
 }
@@ -2863,12 +3068,12 @@ function CurrencyInput({
   const selectedSymbol = currencyOptions.find((option) => option.code === code)?.symbol ?? code;
   const styles4 = fieldControlStyles({ size, appearance, ...isInvalid ? { invalid: true } : {} });
   const focusWithin = appearance === "cell" ? "focus-within:border-accent focus-within:shadow-none" : "focus-within:border-accent focus-within:shadow-[var(--shadow-focus)]";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn("grid grid-cols-1 gap-1.5 content-start", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn(styles4.box(), "flex items-center gap-1 pr-1", focusWithin), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk4ACELYEP_cjs.cn("grid grid-cols-1 gap-1.5 content-start", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk4ACELYEP_cjs.cn(styles4.box(), "flex items-center gap-1 pr-1", focusWithin), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
-          className: chunkNWGG5WFL_cjs.cn(
+          className: chunk4ACELYEP_cjs.cn(
             "min-w-0 flex-1 bg-transparent text-ink outline-none tabular-nums",
             styles4.content(),
             // Sit a touch lower than a standard field by trimming the vertical
@@ -2909,7 +3114,7 @@ function CurrencyInput({
             /* @__PURE__ */ jsxRuntime.jsxs(
               reactAriaComponents.Button,
               {
-                className: chunkNWGG5WFL_cjs.cn(
+                className: chunk4ACELYEP_cjs.cn(
                   "inline-flex h-6 shrink-0 items-center gap-0.5 rounded-md px-1.5",
                   "text-ink-2 outline-none hover:bg-surface-2 hover:text-ink",
                   "cursor-pointer focus-visible:shadow-[var(--shadow-focus)]",
@@ -2925,7 +3130,7 @@ function CurrencyInput({
               reactAriaComponents.Popover,
               {
                 offset: 6,
-                className: chunkNWGG5WFL_cjs.cn(
+                className: chunk4ACELYEP_cjs.cn(
                   "min-w-[9rem] rounded-md border border-rule bg-surface p-1",
                   "shadow-[var(--shadow-raised)]",
                   "entering:animate-enter-slide-down",
@@ -2936,7 +3141,7 @@ function CurrencyInput({
                   {
                     id: option.code,
                     textValue: `${option.symbol ?? ""} ${option.code}`,
-                    className: chunkNWGG5WFL_cjs.cn(
+                    className: chunk4ACELYEP_cjs.cn(
                       "flex items-center gap-2 rounded-[6px] px-2.5 py-1.5 text-[14px] text-ink-2",
                       "cursor-pointer select-none outline-none",
                       "data-[hovered]:bg-surface-2 data-[hovered]:text-ink",
@@ -2998,12 +3203,12 @@ function DateTimeCell({
 }
 function BooleanCell({ value, className }) {
   if (value === true) {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-label": "true", className: chunkNWGG5WFL_cjs.cn("text-success", className), children: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, {}) });
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-label": "true", className: chunk4ACELYEP_cjs.cn("text-success", className), children: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, {}) });
   }
   if (value === false) {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-label": "false", className: chunkNWGG5WFL_cjs.cn("text-ink-4", className), children: /* @__PURE__ */ jsxRuntime.jsx(MinusIcon, {}) });
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-label": "false", className: chunk4ACELYEP_cjs.cn("text-ink-4", className), children: /* @__PURE__ */ jsxRuntime.jsx(MinusIcon, {}) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNWGG5WFL_cjs.cn("text-ink-4", className), children: "\u2014" });
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunk4ACELYEP_cjs.cn("text-ink-4", className), children: "\u2014" });
 }
 function CheckIcon() {
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -3022,7 +3227,7 @@ function MinusIcon() {
 }
 function TruncateCell({ value, title, className }) {
   const tooltip = title ?? (typeof value === "string" ? value : void 0);
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNWGG5WFL_cjs.cn("truncate min-w-0", className), title: tooltip, children: value ?? "\u2014" });
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunk4ACELYEP_cjs.cn("truncate min-w-0", className), title: tooltip, children: value ?? "\u2014" });
 }
 function LinkCell({ children, onClick, className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -3033,7 +3238,7 @@ function LinkCell({ children, onClick, className, ...props }) {
         e.stopPropagation();
         onClick?.(e);
       },
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         "text-ink underline decoration-rule underline-offset-2 hover:decoration-ink",
         className
       ),
@@ -3054,7 +3259,7 @@ var tableStyles = tailwindVariants.tv({
   defaultVariants: { variant: "panel" }
 });
 function Table({ variant, className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "grid", ...props, className: chunkNWGG5WFL_cjs.cn(tableStyles({ variant }), className) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "grid", ...props, className: chunk4ACELYEP_cjs.cn(tableStyles({ variant }), className) });
 }
 var tableHeaderStyles = tailwindVariants.tv({
   base: [
@@ -3070,7 +3275,7 @@ var tableHeaderStyles = tailwindVariants.tv({
   defaultVariants: { sticky: false }
 });
 function TableHeader({ sticky, className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "row", ...props, className: chunkNWGG5WFL_cjs.cn(tableHeaderStyles({ sticky }), className) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "row", ...props, className: chunk4ACELYEP_cjs.cn(tableHeaderStyles({ sticky }), className) });
 }
 var tableHeaderCellStyles = tailwindVariants.tv({
   base: [
@@ -3247,7 +3452,7 @@ function TableHeaderCell({
       style: { ...widthStyle, ...style },
       onClick: handleClick,
       onKeyDown: handleKeyDown,
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         tableHeaderCellStyles({ align, interactive: isSortable, active, sticky }),
         "group/header",
         dragState.kind === "dragging" ? "opacity-40" : "",
@@ -3260,7 +3465,7 @@ function TableHeaderCell({
             ref: handleRef,
             "data-dnd-handle": "true",
             "aria-hidden": "true",
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               "inline-flex items-center justify-center shrink-0 -ml-1.5",
               "cursor-grab active:cursor-grabbing text-ink-4",
               "opacity-0 group-hover/header:opacity-100 transition-opacity"
@@ -3271,7 +3476,7 @@ function TableHeaderCell({
         /* @__PURE__ */ jsxRuntime.jsxs(
           "span",
           {
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               "flex items-center gap-[7px] min-w-0 flex-1",
               align === "right" ? "justify-end" : align === "center" ? "justify-center" : "justify-start"
             ),
@@ -3291,7 +3496,7 @@ function TableHeaderCell({
               e.stopPropagation();
               onRemove();
             },
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               "inline-flex items-center justify-center shrink-0 size-4 rounded",
               "text-ink-4 hover:text-ink hover:bg-surface-2",
               "opacity-0 group-hover/header:opacity-100 focus-visible:opacity-100",
@@ -3304,7 +3509,7 @@ function TableHeaderCell({
           "div",
           {
             "aria-hidden": "true",
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               "pointer-events-none absolute inset-y-0 z-10 w-0.5 bg-accent",
               dragState.edge === "left" ? "-left-px" : "-right-px"
             )
@@ -3329,7 +3534,7 @@ function TableHeaderCell({
               onPointerDown: startResize,
               onKeyDown: resizeByKey,
               onClick: (e) => e.stopPropagation(),
-              className: chunkNWGG5WFL_cjs.cn(
+              className: chunk4ACELYEP_cjs.cn(
                 "group/resize absolute inset-y-0 -right-1 z-10 w-2 cursor-col-resize outline-none",
                 "flex justify-center"
               ),
@@ -3337,7 +3542,7 @@ function TableHeaderCell({
                 "span",
                 {
                   "aria-hidden": "true",
-                  className: chunkNWGG5WFL_cjs.cn(
+                  className: chunk4ACELYEP_cjs.cn(
                     "h-full w-0.5 transition-colors",
                     isResizing ? "bg-accent" : "bg-transparent group-hover/resize:bg-accent group-focus-visible/resize:bg-accent"
                   )
@@ -3358,7 +3563,7 @@ function SortIcon({ dir, active }) {
       height: "11",
       viewBox: "0 0 8 11",
       "aria-hidden": "true",
-      className: chunkNWGG5WFL_cjs.cn("shrink-0", active ? "text-accent" : "text-ink-4"),
+      className: chunk4ACELYEP_cjs.cn("shrink-0", active ? "text-accent" : "text-ink-4"),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 0.5 L7.5 4 L0.5 4 Z", fill: "currentColor", opacity: dir === "asc" ? 1 : 0.22 }),
         /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 10.5 L0.5 7 L7.5 7 Z", fill: "currentColor", opacity: dir === "desc" ? 1 : 0.22 })
@@ -3372,7 +3577,7 @@ function TableHeaderSpacer({ className, ...props }) {
     {
       "aria-hidden": "true",
       ...props,
-      className: chunkNWGG5WFL_cjs.cn("flex-1 h-[36px] border-r-0", "bg-transparent pointer-events-none", className)
+      className: chunk4ACELYEP_cjs.cn("flex-1 h-[36px] border-r-0", "bg-transparent pointer-events-none", className)
     }
   );
 }
@@ -3392,7 +3597,7 @@ var tableBodyStyles = tailwindVariants.tv({
   base: ["flex-1 min-h-0 overflow-auto relative", ...scrollbarChrome]
 });
 function TableBody({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "rowgroup", ref, ...props, className: chunkNWGG5WFL_cjs.cn(tableBodyStyles(), className) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "rowgroup", ref, ...props, className: chunk4ACELYEP_cjs.cn(tableBodyStyles(), className) });
 }
 var tableScrollerStyles = tailwindVariants.tv({
   base: ["relative flex-1 min-h-0 overflow-auto", ...scrollbarChrome]
@@ -3404,7 +3609,7 @@ function TableScroller({ className, ref, ...props }) {
       role: "presentation",
       ref,
       ...props,
-      className: chunkNWGG5WFL_cjs.cn(tableScrollerStyles(), className)
+      className: chunk4ACELYEP_cjs.cn(tableScrollerStyles(), className)
     }
   );
 }
@@ -3456,7 +3661,7 @@ function TableRow({
         onClick?.(e);
         onRowClick?.(e);
       },
-      className: chunkNWGG5WFL_cjs.cn(tableRowStyles({ alt, interactive, absolute }), className)
+      className: chunk4ACELYEP_cjs.cn(tableRowStyles({ alt, interactive, absolute }), className)
     }
   );
 }
@@ -3510,7 +3715,7 @@ function TableCell({
       role: "gridcell",
       ...props,
       style: { ...widthStyle, ...style },
-      className: chunkNWGG5WFL_cjs.cn(tableCellStyles({ align, mono, ink, sticky }), className)
+      className: chunk4ACELYEP_cjs.cn(tableCellStyles({ align, mono, ink, sticky }), className)
     }
   );
 }
@@ -3525,7 +3730,7 @@ function DataTableEmpty({
     "div",
     {
       role: "status",
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         "flex flex-col items-center justify-center gap-2",
         "px-5 py-16 text-center",
         "font-sans text-[13px] text-ink-3",
@@ -3545,7 +3750,7 @@ function DataTableError({ error, onRetry, className }) {
     "div",
     {
       role: "alert",
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         "flex flex-col items-center justify-center gap-3",
         "px-5 py-16 text-center",
         "font-sans text-[13px] text-ink-3",
@@ -3554,7 +3759,7 @@ function DataTableError({ error, onRetry, className }) {
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-danger text-[14px]", children: "Something went wrong" }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ink-3 max-w-[48ch] font-mono text-[12px]", children: error.message }),
-        onRetry ? /* @__PURE__ */ jsxRuntime.jsx(chunkNWGG5WFL_cjs.Button, { variant: "ghost", size: "sm", onPress: onRetry, children: "Retry" }) : null
+        onRetry ? /* @__PURE__ */ jsxRuntime.jsx(chunk4ACELYEP_cjs.Button, { variant: "ghost", size: "sm", onPress: onRetry, children: "Retry" }) : null
       ]
     }
   );
@@ -3573,7 +3778,7 @@ function DataTableSkeleton({
         TableCell,
         {
           width: w,
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunkNWGG5WFL_cjs.Skeleton, { shape: "text", className: "h-3 max-w-[60%]" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunk4ACELYEP_cjs.Skeleton, { shape: "text", className: "h-3 max-w-[60%]" })
         },
         colIdx
       ))
@@ -3616,6 +3821,8 @@ function DataTable({
   onSortingChange,
   rowHeight = DEFAULT_ROW_HEIGHT,
   overscan = 8,
+  scrollRestorationId,
+  initialScrollOffset,
   onRowClick,
   zebra = true,
   emptyState,
@@ -3778,7 +3985,10 @@ function DataTable({
     return items;
   }, [tableRows, groupBy]);
   const scrollerRef = react.useRef(null);
+  const mountedSorting = react.useRef(sorting);
   react.useEffect(() => {
+    if (sorting === mountedSorting.current) return;
+    mountedSorting.current = sorting;
     scrollerRef.current?.scrollTo({ top: 0 });
   }, [sorting]);
   const listRef = react.useRef(null);
@@ -3793,7 +4003,8 @@ function DataTable({
     getScrollElement: () => scrollerRef.current,
     estimateSize: (index) => listItems[index]?.kind === "group" ? headingHeight : rowHeight,
     overscan,
-    scrollMargin: listOffset
+    scrollMargin: listOffset,
+    ...initialScrollOffset !== void 0 ? { initialOffset: initialScrollOffset } : {}
   });
   const sentinelRef = useInfiniteScrollSentinel({
     onIntersect: () => {
@@ -3852,12 +4063,13 @@ function DataTable({
     {
       ...ariaLabel !== void 0 ? { "aria-label": ariaLabel } : {},
       variant,
-      className: chunkNWGG5WFL_cjs.cn("flex-1 min-h-0", className),
+      className: chunk4ACELYEP_cjs.cn("flex-1 min-h-0", className),
       children: /* @__PURE__ */ jsxRuntime.jsx(
         TableScroller,
         {
           ref: scrollerRef,
-          className: chunkNWGG5WFL_cjs.cn("scroll-pt-[36px]", bodyAfter ? "scroll-pb-8" : void 0),
+          ...scrollRestorationId !== void 0 ? { "data-scroll-restoration-id": scrollRestorationId } : {},
+          className: chunk4ACELYEP_cjs.cn("scroll-pt-[36px]", bodyAfter ? "scroll-pb-8" : void 0),
           children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", style: { minWidth: minPanelWidth }, children: [
             headerGroups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs(TableHeader, { sticky: true, children: [
               group.headers.map((header) => {
@@ -3903,6 +4115,11 @@ function DataTable({
                 {
                   ref: listRef,
                   role: "presentation",
+                  "aria-busy": query.isPlaceholderData ? true : void 0,
+                  className: chunk4ACELYEP_cjs.cn(
+                    "transition-opacity duration-150 motion-reduce:transition-none",
+                    query.isPlaceholderData && "opacity-50"
+                  ),
                   style: { height: totalSize, position: "relative", width: "100%" },
                   children: virtualItems.map((vRow) => {
                     const item = listItems[vRow.index];
@@ -3944,7 +4161,7 @@ function DataTable({
               /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
-                  className: chunkNWGG5WFL_cjs.cn(
+                  className: chunk4ACELYEP_cjs.cn(
                     "sticky bottom-0 z-[4] flex items-center h-8 px-0.5",
                     "border-t border-rule-2 bg-bg"
                   ),
@@ -3964,7 +4181,7 @@ function GroupHeaderRow({ style, children }) {
     {
       absolute: true,
       style,
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         "bg-surface-2 border-b border-rule",
         "font-mono text-[11px] uppercase tracking-[0.06em] text-ink-3"
       ),
@@ -3986,7 +4203,7 @@ function DataRow({
   const cells = row.getVisibleCells().map((cell) => {
     const meta = cell.column.columnDef.meta;
     const cellSize = cell.column.getSize() || void 0;
-    const cellClassName = chunkNWGG5WFL_cjs.cn(
+    const cellClassName = chunk4ACELYEP_cjs.cn(
       columnBorders ? "border-r border-rule-2" : void 0,
       meta?.cellClassName
     );
@@ -4029,7 +4246,7 @@ function LoaderRow() {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         "flex items-center justify-center gap-3",
         "h-8 font-mono text-[11px] tracking-[0.04em]",
         "text-ink-4"
@@ -4089,7 +4306,7 @@ function CalendarGlyph() {
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5.5 2V5M10.5 2V5", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" })
   ] });
 }
-function ChevronLeft() {
+function ChevronLeft2() {
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { "aria-hidden": true, viewBox: "0 0 12 12", className: "size-3", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
     "path",
     {
@@ -4101,7 +4318,7 @@ function ChevronLeft() {
     }
   ) });
 }
-function ChevronRight() {
+function ChevronRight2() {
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { "aria-hidden": true, viewBox: "0 0 12 12", className: "size-3", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
     "path",
     {
@@ -4121,12 +4338,12 @@ function CalendarSurface() {
         {
           slot: "previous",
           "aria-label": "Previous month",
-          className: chunkNWGG5WFL_cjs.cn(
+          className: chunk4ACELYEP_cjs.cn(
             "size-7 rounded-md inline-flex items-center justify-center",
             "text-ink-3 hover:text-ink hover:bg-surface-2 cursor-pointer outline-none",
             "focus-visible:shadow-[var(--shadow-focus)]"
           ),
-          children: /* @__PURE__ */ jsxRuntime.jsx(ChevronLeft, {})
+          children: /* @__PURE__ */ jsxRuntime.jsx(ChevronLeft2, {})
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Heading, { className: "font-sans font-medium text-[14px] text-ink tracking-[-0.01em]" }),
@@ -4135,12 +4352,12 @@ function CalendarSurface() {
         {
           slot: "next",
           "aria-label": "Next month",
-          className: chunkNWGG5WFL_cjs.cn(
+          className: chunk4ACELYEP_cjs.cn(
             "size-7 rounded-md inline-flex items-center justify-center",
             "text-ink-3 hover:text-ink hover:bg-surface-2 cursor-pointer outline-none",
             "focus-visible:shadow-[var(--shadow-focus)]"
           ),
-          children: /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, {})
+          children: /* @__PURE__ */ jsxRuntime.jsx(ChevronRight2, {})
         }
       )
     ] }),
@@ -4148,7 +4365,7 @@ function CalendarSurface() {
       /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.CalendarGridHeader, { children: (day) => /* @__PURE__ */ jsxRuntime.jsx(
         reactAriaComponents.CalendarHeaderCell,
         {
-          className: chunkNWGG5WFL_cjs.cn(
+          className: chunk4ACELYEP_cjs.cn(
             "font-mono text-[10.5px] uppercase tracking-[0.08em] text-ink-4",
             "pb-2 text-center"
           ),
@@ -4159,7 +4376,7 @@ function CalendarSurface() {
         reactAriaComponents.CalendarCell,
         {
           date,
-          className: chunkNWGG5WFL_cjs.cn(
+          className: chunk4ACELYEP_cjs.cn(
             // aspect-square + table-fixed makes each cell a perfect
             // square that scales with popover width.
             "aspect-square flex items-center justify-center cursor-pointer",
@@ -4193,7 +4410,7 @@ function DatePicker({
     reactAriaComponents.DatePicker,
     {
       ...props,
-      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
+      className: (renderProps) => chunk4ACELYEP_cjs.cn(
         "grid grid-cols-1 gap-1.5 content-start",
         typeof className === "function" ? className(renderProps) : className
       ),
@@ -4202,7 +4419,7 @@ function DatePicker({
         /* @__PURE__ */ jsxRuntime.jsxs(
           reactAriaComponents.Group,
           {
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               // Box chrome on the wrapper; the DateInput inside carries padding +
               // font so the calendar trigger sits inside the same border + ring.
               styles4.box(),
@@ -4213,7 +4430,7 @@ function DatePicker({
               /* @__PURE__ */ jsxRuntime.jsx(
                 reactAriaComponents.DateInput,
                 {
-                  className: chunkNWGG5WFL_cjs.cn(
+                  className: chunk4ACELYEP_cjs.cn(
                     "flex-1 flex items-center min-w-0 text-ink",
                     styles4.content(),
                     // Tabular alignment for date segments — overrides content's
@@ -4224,7 +4441,7 @@ function DatePicker({
                     reactAriaComponents.DateSegment,
                     {
                       segment,
-                      className: chunkNWGG5WFL_cjs.cn(
+                      className: chunk4ACELYEP_cjs.cn(
                         "px-px tabular-nums outline-none select-none",
                         "data-[placeholder]:text-ink-4",
                         "data-[type=literal]:text-ink-4",
@@ -4239,7 +4456,7 @@ function DatePicker({
               /* @__PURE__ */ jsxRuntime.jsx(
                 reactAriaComponents.Button,
                 {
-                  className: chunkNWGG5WFL_cjs.cn(
+                  className: chunk4ACELYEP_cjs.cn(
                     "shrink-0 inline-flex items-center justify-center",
                     "size-7 rounded-md",
                     "text-ink-3 hover:text-ink hover:bg-surface-2",
@@ -4259,7 +4476,7 @@ function DatePicker({
           reactAriaComponents.Popover,
           {
             offset: 6,
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               // Match the anchoring field's width exactly. `--trigger-width` is
               // set by RAC on the Popover when it's inside a DatePicker. Floor at
               // 18rem so the calendar stays legible when the input is unusually
@@ -4278,7 +4495,7 @@ function DatePicker({
     }
   );
 }
-var segmentStyles = chunkNWGG5WFL_cjs.cn(
+var segmentStyles = chunk4ACELYEP_cjs.cn(
   "px-px tabular-nums outline-none select-none",
   "data-[placeholder]:text-ink-4",
   "data-[type=literal]:text-ink-4",
@@ -4309,7 +4526,7 @@ function PopoverTimeField({
         children: /* @__PURE__ */ jsxRuntime.jsx(
           reactAriaComponents.DateInput,
           {
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               "inline-flex items-center rounded-md border border-rule bg-surface px-2.5 py-1.5",
               "font-mono text-[13px] text-ink",
               "focus-within:border-accent focus-within:shadow-[var(--shadow-focus)]",
@@ -4348,7 +4565,7 @@ function DateTimePicker({
       granularity,
       hideTimeZone,
       shouldCloseOnSelect,
-      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
+      className: (renderProps) => chunk4ACELYEP_cjs.cn(
         "grid grid-cols-1 gap-1.5 content-start",
         typeof className === "function" ? className(renderProps) : className
       ),
@@ -4357,7 +4574,7 @@ function DateTimePicker({
         /* @__PURE__ */ jsxRuntime.jsxs(
           reactAriaComponents.Group,
           {
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               // Box chrome on the wrapper; the DateInput inside carries padding +
               // font so the calendar trigger sits inside the same border + ring.
               styles4.box(),
@@ -4368,7 +4585,7 @@ function DateTimePicker({
               /* @__PURE__ */ jsxRuntime.jsx(
                 reactAriaComponents.DateInput,
                 {
-                  className: chunkNWGG5WFL_cjs.cn(
+                  className: chunk4ACELYEP_cjs.cn(
                     "flex-1 flex items-center min-w-0 text-ink",
                     styles4.content(),
                     // Tabular alignment for date/time segments — overrides content's
@@ -4381,7 +4598,7 @@ function DateTimePicker({
               /* @__PURE__ */ jsxRuntime.jsx(
                 reactAriaComponents.Button,
                 {
-                  className: chunkNWGG5WFL_cjs.cn(
+                  className: chunk4ACELYEP_cjs.cn(
                     "shrink-0 inline-flex items-center justify-center",
                     "size-7 rounded-md",
                     "text-ink-3 hover:text-ink hover:bg-surface-2",
@@ -4401,7 +4618,7 @@ function DateTimePicker({
           reactAriaComponents.Popover,
           {
             offset: 6,
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               // Match the anchoring field's width exactly. `--trigger-width` is
               // set by RAC on the Popover when it's inside a DatePicker. Floor at
               // 18rem so the calendar stays legible when the input is unusually
@@ -4471,7 +4688,7 @@ function DraftMessageCard({
   isPreviewDisabled = false,
   className
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn(styles2.root(), className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk4ACELYEP_cjs.cn(styles2.root(), className), children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.icon(), children: /* @__PURE__ */ jsxRuntime.jsx(ChannelIcon, { channel }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles2.body(), children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles2.eyebrow(), children: eyebrow }),
@@ -4592,7 +4809,7 @@ function MultiSelect({
       openPopover(true);
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn("grid grid-cols-1 gap-1.5 content-start", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk4ACELYEP_cjs.cn("grid grid-cols-1 gap-1.5 content-start", className), children: [
     label ? /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Label, { className: fieldLabelStyles, children: label }) : null,
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -4608,7 +4825,7 @@ function MultiSelect({
         onKeyDown: onTriggerKeyDown,
         "data-invalid": isInvalid || void 0,
         "data-disabled": isDisabled || void 0,
-        className: chunkNWGG5WFL_cjs.cn(
+        className: chunk4ACELYEP_cjs.cn(
           styles4.box(),
           "flex flex-wrap items-center gap-1.5 cursor-pointer",
           minHeight,
@@ -4623,7 +4840,7 @@ function MultiSelect({
             // No vertical padding — wrapper's p-1.5 + min-h-[size] govern the
             // overall height so it matches the Input/Select trigger at the same
             // size.
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNWGG5WFL_cjs.cn("text-ink-4 font-sans px-1", fieldTextStyles[size]), children: placeholder })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunk4ACELYEP_cjs.cn("text-ink-4 font-sans px-1", fieldTextStyles[size]), children: placeholder })
           ) : selectedOptions.map((o) => /* @__PURE__ */ jsxRuntime.jsx(Chip, { onRemove: () => remove(o.id), isDisabled, children: o.content ?? o.label }, o.id)),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto pr-1", children: /* @__PURE__ */ jsxRuntime.jsx(FieldCaret, {}) })
         ]
@@ -4639,7 +4856,7 @@ function MultiSelect({
         triggerRef,
         offset: 6,
         placement: "bottom start",
-        className: chunkNWGG5WFL_cjs.cn(
+        className: chunk4ACELYEP_cjs.cn(
           "w-[var(--trigger-width)]",
           // The popover element itself takes focus when opened programmatically
           // (defaultOpen) — no browser outline around the whole panel.
@@ -4657,7 +4874,7 @@ function MultiSelect({
               onChange: (e) => updateSearch(e.target.value),
               placeholder: "Search\u2026",
               "aria-label": "Search options",
-              className: chunkNWGG5WFL_cjs.cn(
+              className: chunk4ACELYEP_cjs.cn(
                 "w-full bg-transparent outline-none rounded-[6px] px-2 py-1.5",
                 "font-sans text-[13px] text-ink placeholder:text-ink-4"
               )
@@ -4678,14 +4895,14 @@ function MultiSelect({
                 onSelectionChange(keys);
               },
               className: "outline-none max-h-72 overflow-auto",
-              renderEmptyState: () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNWGG5WFL_cjs.cn("px-3 py-2", fieldHintStyles), children: needle !== "" ? "No matches" : "All options selected" }),
+              renderEmptyState: () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk4ACELYEP_cjs.cn("px-3 py-2", fieldHintStyles), children: needle !== "" ? "No matches" : "All options selected" }),
               children: listboxOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
                 reactAriaComponents.ListBoxItem,
                 {
                   id: option.id,
                   textValue: option.label,
                   ...option.isDisabled ? { isDisabled: true } : {},
-                  className: chunkNWGG5WFL_cjs.cn(
+                  className: chunk4ACELYEP_cjs.cn(
                     "group flex items-center gap-2.5",
                     "rounded-[6px] px-3 py-2 text-[14px] text-ink-2",
                     "cursor-pointer outline-none select-none",
@@ -4715,7 +4932,7 @@ function Chip({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "span",
     {
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         "inline-flex items-center gap-1.5",
         "pl-2 pr-1 py-0.5 rounded-[6px]",
         "bg-surface-2 border border-rule",
@@ -4733,7 +4950,7 @@ function Chip({
               e.stopPropagation();
               onRemove();
             },
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               "inline-flex items-center justify-center shrink-0",
               "size-4 rounded-[3px]",
               "text-ink-3 hover:text-ink hover:bg-surface-3 cursor-pointer",
@@ -4913,7 +5130,7 @@ function MessageComposer({
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-[18px] py-3", children: /* @__PURE__ */ jsxRuntime.jsx(
       "p",
       {
-        className: chunkNWGG5WFL_cjs.cn(
+        className: chunk4ACELYEP_cjs.cn(
           "rounded-[10px] border border-rule bg-surface-2 px-3.5 py-2.5",
           "text-[12.5px] text-ink-3 text-center"
         ),
@@ -4938,7 +5155,7 @@ function MessageComposer({
     }
   ) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-[18px] pb-3.5 pt-1", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn(messageComposerStyles(), className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk4ACELYEP_cjs.cn(messageComposerStyles(), className), children: [
       connectionPicker ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 border-b border-rule-2 px-3.5 py-1.5", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: ROW_LABEL, children: "Via" }),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -5042,7 +5259,7 @@ function MessageComposer({
             rows: 1,
             onChange: (event) => onValueChange({ ...value, text: event.target.value }),
             onKeyDown: onKeyDown2,
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               "w-full resize-none bg-transparent outline-none",
               "min-h-[40px] max-h-48 text-[14px] leading-[1.5] text-ink placeholder:text-ink-4",
               bodyClassName
@@ -5059,7 +5276,7 @@ function MessageComposer({
                 if (files) onAddFiles(Array.from(files));
               },
               children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkNWGG5WFL_cjs.Button,
+                chunk4ACELYEP_cjs.Button,
                 {
                   variant: "subtle",
                   size: "icon-md",
@@ -5078,7 +5295,7 @@ function MessageComposer({
                 "aria-label": "Send",
                 isDisabled: !canSend || isSending,
                 onPress: () => void submit(),
-                className: chunkNWGG5WFL_cjs.cn(
+                className: chunk4ACELYEP_cjs.cn(
                   "grid place-items-center size-8 rounded-[8px] cursor-pointer",
                   "bg-accent text-tile-fg transition-opacity duration-150",
                   "disabled:opacity-40 disabled:cursor-default",
@@ -5393,10 +5610,10 @@ function DraftMessageComposer({
     [message?.attachments]
   );
   if (phase === "loading") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNWGG5WFL_cjs.cn(styles3.root(), className), children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles3.terminal(), children: "Loading draft\u2026" }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk4ACELYEP_cjs.cn(styles3.root(), className), children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles3.terminal(), children: "Loading draft\u2026" }) });
   }
   if (phase === "load-error") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNWGG5WFL_cjs.cn(styles3.root(), className), children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: styles3.terminal(), children: [
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk4ACELYEP_cjs.cn(styles3.root(), className), children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: styles3.terminal(), children: [
       loadError ?? "Loading the draft failed.",
       " ",
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -5411,9 +5628,9 @@ function DraftMessageComposer({
   }
   if (phase === "terminal" || !message) {
     const line = terminalKind === "sent" ? "This draft was sent." : terminalKind === "rejected" ? "This draft was rejected." : terminalKind === "failed" ? `Sending failed${message?.error ? ` \u2014 ${message.error}` : ""}.` : "This message is not a reviewable draft.";
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNWGG5WFL_cjs.cn(styles3.root(), className), "data-draft-terminal": terminalKind, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles3.terminal(), children: line }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk4ACELYEP_cjs.cn(styles3.root(), className), "data-draft-terminal": terminalKind, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles3.terminal(), children: line }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn(styles3.root(), className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk4ACELYEP_cjs.cn(styles3.root(), className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles3.header(), children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles3.badge(), children: "Draft \xB7 awaiting review" }),
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles3.sender(), children: [
@@ -5455,7 +5672,7 @@ function DraftMessageComposer({
       isConfirmingReject ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[12.5px] text-ink-3", children: "Reject draft?" }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkNWGG5WFL_cjs.Button,
+          chunk4ACELYEP_cjs.Button,
           {
             size: "sm",
             variant: "ghost",
@@ -5464,9 +5681,9 @@ function DraftMessageComposer({
             children: "Confirm reject"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkNWGG5WFL_cjs.Button, { size: "sm", variant: "subtle", onPress: () => setIsConfirmingReject(false), children: "Cancel" })
+        /* @__PURE__ */ jsxRuntime.jsx(chunk4ACELYEP_cjs.Button, { size: "sm", variant: "subtle", onPress: () => setIsConfirmingReject(false), children: "Cancel" })
       ] }) : /* @__PURE__ */ jsxRuntime.jsx(
-        chunkNWGG5WFL_cjs.Button,
+        chunk4ACELYEP_cjs.Button,
         {
           size: "sm",
           variant: "ghost",
@@ -5476,7 +5693,7 @@ function DraftMessageComposer({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkNWGG5WFL_cjs.Button,
+        chunk4ACELYEP_cjs.Button,
         {
           size: "sm",
           variant: "subtle",
@@ -5634,7 +5851,7 @@ function EmptyState({
   className
 }) {
   const styles4 = emptyStateStyles({ size });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn(styles4.root(), className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk4ACELYEP_cjs.cn(styles4.root(), className), children: [
     icon ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles4.art(), children: icon }) : null,
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles4.title(), children: title }),
     description ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles4.description(), children: description }) : null,
@@ -5646,7 +5863,7 @@ function ErrorAnimation({ className }) {
     "div",
     {
       "aria-hidden": true,
-      className: chunkNWGG5WFL_cjs.cn("size-24 text-danger motion-safe:animate-status-pop", className),
+      className: chunk4ACELYEP_cjs.cn("size-24 text-danger motion-safe:animate-status-pop", className),
       children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleX, { className: "size-full", strokeWidth: 1.5 })
     }
   );
@@ -5669,13 +5886,13 @@ function FileViewerFallbackCard({
   const Icon = iconForContentType(contentType);
   const size = formatFileSize(sizeInBytes);
   const meta = [size, note].filter(Boolean).join(" \xB7 ");
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn(fileViewerFallbackCardStyles(), className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk4ACELYEP_cjs.cn(fileViewerFallbackCardStyles(), className), children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-0.5 flex size-8 shrink-0 items-center justify-center rounded-md bg-surface-2 text-ink-3", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { "aria-hidden": true, className: "size-4" }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-sans text-[13px] font-medium text-ink", children: name }),
       errorMessage ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-sans text-[12px] text-danger", children: errorMessage }) : meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-sans text-[12px] text-ink-3", children: meta }) : null
     ] }),
-    onDownload ? /* @__PURE__ */ jsxRuntime.jsx(chunkNWGG5WFL_cjs.Button, { variant: "ghost", size: "icon-sm", "aria-label": `Download ${name}`, onPress: onDownload, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { "aria-hidden": true }) }) : null
+    onDownload ? /* @__PURE__ */ jsxRuntime.jsx(chunk4ACELYEP_cjs.Button, { variant: "ghost", size: "icon-sm", "aria-label": `Download ${name}`, onPress: onDownload, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { "aria-hidden": true }) }) : null
   ] });
 }
 var imageLightboxStyles = tailwindVariants.tv({
@@ -5712,7 +5929,7 @@ function ImageLightbox({ isOpen, onOpenChange, src, name, onDownload }) {
             /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
               {
-                className: chunkNWGG5WFL_cjs.cn(
+                className: chunk4ACELYEP_cjs.cn(
                   "flex items-center gap-1.5",
                   "rounded-[8px] border border-rule bg-surface py-1 pl-3 pr-1",
                   "shadow-[var(--shadow-float)]"
@@ -5720,7 +5937,7 @@ function ImageLightbox({ isOpen, onOpenChange, src, name, onDownload }) {
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-[320px] truncate font-sans text-[12.5px] text-ink", children: name }),
                   onDownload ? /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkNWGG5WFL_cjs.Button,
+                    chunk4ACELYEP_cjs.Button,
                     {
                       variant: "ghost",
                       size: "icon-sm",
@@ -5729,7 +5946,7 @@ function ImageLightbox({ isOpen, onOpenChange, src, name, onDownload }) {
                       children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { "aria-hidden": true })
                     }
                   ) : null,
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkNWGG5WFL_cjs.Button, { slot: "close", variant: "ghost", size: "icon-sm", "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { "aria-hidden": true }) })
+                  /* @__PURE__ */ jsxRuntime.jsx(chunk4ACELYEP_cjs.Button, { slot: "close", variant: "ghost", size: "icon-sm", "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { "aria-hidden": true }) })
                 ]
               }
             )
@@ -5769,7 +5986,7 @@ function VideoView({ name, src }) {
     /* @__PURE__ */ jsxRuntime.jsx("video", { controls: true, src, "aria-label": name, className: "h-full w-full object-contain" })
   );
 }
-var PdfView = react.lazy(() => import('./pdf-view-RRMAUK3L.cjs'));
+var PdfView = react.lazy(() => import('./pdf-view-2DSARHNQ.cjs'));
 var fileViewerStyles = tailwindVariants.tv({
   base: [
     "relative flex w-full flex-col overflow-hidden",
@@ -5809,8 +6026,120 @@ function FileViewer({
     }
   );
   if (kind === "none" || errorMessage || isOversized) return fallback;
-  const skeleton = /* @__PURE__ */ jsxRuntime.jsx(chunkNWGG5WFL_cjs.Skeleton, { "aria-label": `Loading preview of ${name}`, className: "h-full w-full rounded-none" });
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNWGG5WFL_cjs.cn(fileViewerStyles(), className), style: { height: heightPx }, children: !src ? skeleton : kind === "image" ? /* @__PURE__ */ jsxRuntime.jsx(ImageView, { name, src, ...onDownload ? { onDownload } : {} }) : kind === "video" ? /* @__PURE__ */ jsxRuntime.jsx(VideoView, { name, src }) : /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback: skeleton, children: /* @__PURE__ */ jsxRuntime.jsx(PdfView, { name, src, ...onDownload ? { onDownload } : {} }) }) });
+  const skeleton = /* @__PURE__ */ jsxRuntime.jsx(chunk4ACELYEP_cjs.Skeleton, { "aria-label": `Loading preview of ${name}`, className: "h-full w-full rounded-none" });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk4ACELYEP_cjs.cn(fileViewerStyles(), className), style: { height: heightPx }, children: !src ? skeleton : kind === "image" ? /* @__PURE__ */ jsxRuntime.jsx(ImageView, { name, src, ...onDownload ? { onDownload } : {} }) : kind === "video" ? /* @__PURE__ */ jsxRuntime.jsx(VideoView, { name, src }) : /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback: skeleton, children: /* @__PURE__ */ jsxRuntime.jsx(PdfView, { name, src, ...onDownload ? { onDownload } : {} }) }) });
+}
+var glowFrameStyles = tailwindVariants.tv({
+  slots: {
+    room: "glow-room flex min-h-0 flex-col",
+    frame: "glow-frame flex min-h-0 flex-1 flex-col"
+  }
+});
+var FADE_MS = 700;
+var FLASH_MS = 900;
+var REROLL_MS = 250;
+var HUES = [1, 2, 3, 4, 5, 6];
+function GlowFrame({ status, className, children }) {
+  const isWorking = status === "working";
+  const { run, isResting } = useBeams(isWorking);
+  const flash = useFlash(status);
+  const strokesRef = useReroll(flash);
+  const styles4 = glowFrameStyles();
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk4ACELYEP_cjs.cn(styles4.room(), className), children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: styles4.frame(),
+      "data-status": status,
+      "data-working": isWorking ? "true" : "false",
+      "data-flashing": flash !== 0 ? "true" : "false",
+      children: [
+        children,
+        isResting ? null : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "glow-fx", "aria-hidden": "true", "data-glow": "beams", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "glow-orb", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "glow-dot glow-a" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "glow-orb", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "glow-dot glow-b" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "glow-beams", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "glow-blob glow-tail glow-a" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "glow-blob glow-lead glow-a" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "glow-blob glow-tail glow-b" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "glow-blob glow-lead glow-b" })
+          ] })
+        ] }, `beams-${run}`),
+        flash !== 0 ? /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            ref: strokesRef,
+            className: "glow-flash",
+            "aria-hidden": "true",
+            "data-glow": "flash",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "glow-ring glow-ring-1" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "glow-stroke glow-stroke-2", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "glow-ring glow-ring-2" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "glow-stroke glow-stroke-3", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "glow-ring glow-ring-3" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "glow-stroke glow-stroke-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "glow-ring glow-ring-4" }) })
+            ]
+          },
+          `flash-${flash}`
+        ) : null
+      ]
+    }
+  ) });
+}
+function useBeams(isWorking) {
+  const [run, setRun] = react.useState(0);
+  const [isResting, setIsResting] = react.useState(!isWorking);
+  const wasWorking = react.useRef(isWorking);
+  react.useEffect(() => {
+    if (isWorking) {
+      if (!wasWorking.current) setRun((n) => n + 1);
+      wasWorking.current = true;
+      setIsResting(false);
+      return;
+    }
+    wasWorking.current = false;
+    const timer = window.setTimeout(() => setIsResting(true), FADE_MS + 50);
+    return () => window.clearTimeout(timer);
+  }, [isWorking]);
+  return { run, isResting };
+}
+function useFlash(status) {
+  const [flash, setFlash] = react.useState(0);
+  const previous = react.useRef(status);
+  react.useEffect(() => {
+    const was = previous.current;
+    previous.current = status;
+    if (!(was === "working" && status === "ready")) return;
+    setFlash((n) => n + 1);
+  }, [status]);
+  react.useEffect(() => {
+    if (flash === 0) return;
+    const timer = window.setTimeout(() => setFlash(0), FLASH_MS);
+    return () => window.clearTimeout(timer);
+  }, [flash]);
+  return flash;
+}
+function useReroll(flash) {
+  const ref = react.useRef(null);
+  react.useEffect(() => {
+    if (flash === 0) return;
+    if (window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) return;
+    const reroll = () => {
+      const rings = ref.current?.querySelectorAll(".glow-ring");
+      if (!rings) return;
+      const stops = HUES.map((hue) => ({ hue, at: Math.random() * 100 })).sort(
+        (a, b) => a.at - b.at
+      );
+      for (const ring of rings) {
+        stops.forEach((stop, i) => {
+          ring.style.setProperty(`--glow-p${i + 1}`, `${stop.at.toFixed(2)}%`);
+          ring.style.setProperty(`--glow-k${i + 1}`, `var(--color-glow-${stop.hue})`);
+        });
+      }
+    };
+    reroll();
+    const timer = window.setInterval(reroll, REROLL_MS);
+    return () => window.clearInterval(timer);
+  }, [flash]);
+  return ref;
 }
 var imageAttachmentStyles = tailwindVariants.tv({
   base: [
@@ -5833,7 +6162,7 @@ function ImageAttachment({
     {
       "aria-label": `Preview ${name}`,
       ...onPress ? { onPress } : {},
-      className: chunkNWGG5WFL_cjs.cn(imageAttachmentStyles(), className),
+      className: chunk4ACELYEP_cjs.cn(imageAttachmentStyles(), className),
       children: [
         src ? (
           // Kept in the DOM (invisible) while loading so onLoad still fires
@@ -5846,14 +6175,14 @@ function ImageAttachment({
               loading: "lazy",
               onLoad: () => setLoadedSrc(src),
               onError: () => onLoadError?.(),
-              className: chunkNWGG5WFL_cjs.cn(
+              className: chunk4ACELYEP_cjs.cn(
                 "block max-h-[220px] max-w-[280px] object-contain",
                 !isLoaded && "invisible absolute inset-0"
               )
             }
           )
         ) : null,
-        !isLoaded ? /* @__PURE__ */ jsxRuntime.jsx(chunkNWGG5WFL_cjs.Skeleton, { className: "h-[140px] w-[200px]" }) : null
+        !isLoaded ? /* @__PURE__ */ jsxRuntime.jsx(chunk4ACELYEP_cjs.Skeleton, { className: "h-[140px] w-[200px]" }) : null
       ]
     }
   );
@@ -5884,7 +6213,7 @@ function Input({
     reactAriaComponents.TextField,
     {
       ...props,
-      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
+      className: (renderProps) => chunk4ACELYEP_cjs.cn(
         "grid grid-cols-1 gap-1.5 content-start",
         typeof className === "function" ? className(renderProps) : className
       ),
@@ -5895,7 +6224,7 @@ function Input({
           {
             ...inputProps,
             placeholder: placeholder ?? "",
-            className: chunkNWGG5WFL_cjs.cn(styles4.box(), styles4.content(), inputClassName)
+            className: chunk4ACELYEP_cjs.cn(styles4.box(), styles4.content(), inputClassName)
           }
         ),
         description ? /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Text, { slot: "description", className: fieldHintStyles, children: description }) : null,
@@ -5913,7 +6242,7 @@ function MenuPopover({ className, offset = 4, placement = "bottom start", ...pro
       offset,
       placement,
       ...props,
-      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
+      className: (renderProps) => chunk4ACELYEP_cjs.cn(
         "min-w-[200px] p-1 bg-surface border border-rule rounded-md",
         "shadow-[var(--shadow-float)] outline-none z-[1200]",
         "entering:animate-enter-zoom",
@@ -5928,14 +6257,14 @@ function Menu({ className, ...props }) {
     reactAriaComponents.Menu,
     {
       ...props,
-      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
+      className: (renderProps) => chunk4ACELYEP_cjs.cn(
         "flex flex-col gap-px outline-none",
         typeof className === "function" ? className(renderProps) : className
       )
     }
   );
 }
-var menuItemStyles = chunkNWGG5WFL_cjs.cn(
+var menuItemStyles = chunk4ACELYEP_cjs.cn(
   "flex items-center gap-2.5 px-2.5 py-1.5 rounded-md cursor-pointer outline-none",
   "font-sans text-[13px] text-ink-2 select-none",
   "hover:bg-surface-2 hover:text-ink focus:bg-surface-2 focus:text-ink",
@@ -5949,7 +6278,7 @@ function MenuItem({ icon, hasSubmenu, children, className, ...props }) {
     reactAriaComponents.MenuItem,
     {
       ...props,
-      className: (renderProps) => chunkNWGG5WFL_cjs.cn(menuItemStyles, typeof className === "function" ? className(renderProps) : className),
+      className: (renderProps) => chunk4ACELYEP_cjs.cn(menuItemStyles, typeof className === "function" ? className(renderProps) : className),
       children: [
         icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 items-center", children: icon }) : null,
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate", children }),
@@ -5971,7 +6300,7 @@ function NavSection({
   "data-testid": dataTestid
 }) {
   const hasHead = label !== void 0 || count !== void 0 || action !== void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn("mt-[18px] first:mt-1", className), "data-testid": dataTestid, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk4ACELYEP_cjs.cn("mt-[18px] first:mt-1", className), "data-testid": dataTestid, children: [
     hasHead ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-2 pt-1 pb-2", children: [
       label !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-[10.5px] uppercase tracking-[0.08em] text-ink-4", children: label }) : /* @__PURE__ */ jsxRuntime.jsx("span", {}),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -6026,7 +6355,7 @@ function NavItem({ icon, badge, isActive, className, children, ...props }) {
     reactAriaComponents.Button,
     {
       ...props,
-      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
+      className: (renderProps) => chunk4ACELYEP_cjs.cn(
         navItemStyles({ isActive, isNested }),
         typeof className === "function" ? className(renderProps) : className
       ),
@@ -6035,7 +6364,7 @@ function NavItem({ icon, badge, isActive, className, children, ...props }) {
           "span",
           {
             "aria-hidden": true,
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               "grid place-items-center shrink-0 size-4",
               isActive ? "text-accent" : "text-ink-3",
               "[&>svg]:size-4"
@@ -6050,12 +6379,12 @@ function NavItem({ icon, badge, isActive, className, children, ...props }) {
   );
 }
 function NavGroup({ icon, label, children, className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(reactAriaComponents.Disclosure, { ...props, className: chunkNWGG5WFL_cjs.cn("group/nav-group my-px", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactAriaComponents.Disclosure, { ...props, className: chunk4ACELYEP_cjs.cn("group/nav-group my-px", className), children: [
     /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Heading, { className: "m-0", children: /* @__PURE__ */ jsxRuntime.jsxs(
       reactAriaComponents.Button,
       {
         slot: "trigger",
-        className: chunkNWGG5WFL_cjs.cn(
+        className: chunk4ACELYEP_cjs.cn(
           "flex w-full items-center gap-2.5",
           "px-2 py-[7px] rounded-[7px]",
           "text-[13.5px] tracking-[-0.005em] text-ink-2 text-left",
@@ -6099,7 +6428,7 @@ function NavGroup({ icon, label, children, className, ...props }) {
     /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.DisclosurePanel, { children: /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: chunkNWGG5WFL_cjs.cn(
+        className: chunk4ACELYEP_cjs.cn(
           "relative pl-[22px] py-px",
           // Vertical guide rule — sits under where the parent's icon center
           // would be (14px from the panel's left edge).
@@ -6123,7 +6452,7 @@ function Orb({ size = "sm", state = "solving", speed, theme, className, label })
       size: design,
       ...speed !== void 0 ? { speed } : {},
       ...theme !== void 0 ? { theme } : {},
-      className: chunkNWGG5WFL_cjs.cn("inline-block shrink-0", className),
+      className: chunk4ACELYEP_cjs.cn("inline-block shrink-0", className),
       ...px !== design ? { style: { width: px, height: px } } : {},
       ...label ? { "aria-label": label } : { "aria-hidden": true }
     }
@@ -6146,10 +6475,10 @@ var progressBarStyles = tailwindVariants.tv({
 });
 function ProgressBar({ size, className, ...props }) {
   const { track, fill } = progressBarStyles({ size });
-  return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.ProgressBar, { ...props, className: chunkNWGG5WFL_cjs.cn("block", className), children: ({ percentage, isIndeterminate }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: track(), children: isIndeterminate ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNWGG5WFL_cjs.cn(fill(), "absolute w-[35%] animate-indeterminate-progress") }) : /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.ProgressBar, { ...props, className: chunk4ACELYEP_cjs.cn("block", className), children: ({ percentage, isIndeterminate }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: track(), children: isIndeterminate ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk4ACELYEP_cjs.cn(fill(), "absolute w-[35%] animate-indeterminate-progress") }) : /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunkNWGG5WFL_cjs.cn(fill(), "transition-[width] duration-150"),
+      className: chunk4ACELYEP_cjs.cn(fill(), "transition-[width] duration-150"),
       style: { width: `${percentage ?? 0}%` }
     }
   ) }) });
@@ -6199,7 +6528,7 @@ function ProgressRing({ size, className, ...props }) {
   const { box, stroke } = GEOMETRY[resolvedSize];
   const center = box / 2;
   const radius = (box - stroke) / 2;
-  return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.ProgressBar, { ...props, className: chunkNWGG5WFL_cjs.cn(root(), className), children: ({ percentage, valueText, isIndeterminate }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.ProgressBar, { ...props, className: chunk4ACELYEP_cjs.cn(root(), className), children: ({ percentage, valueText, isIndeterminate }) => {
     const shown = isIndeterminate ? 25 : Math.max(0, Math.min(100, percentage ?? 0));
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
@@ -6207,7 +6536,7 @@ function ProgressRing({ size, className, ...props }) {
         {
           "aria-hidden": true,
           viewBox: `0 0 ${box} ${box}`,
-          className: chunkNWGG5WFL_cjs.cn(svg(), isIndeterminate && "animate-spin"),
+          className: chunk4ACELYEP_cjs.cn(svg(), isIndeterminate && "animate-spin"),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: center, cy: center, r: radius, strokeWidth: stroke, className: track() }),
             shown > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -6244,7 +6573,7 @@ function RadioGroup({
     {
       ...props,
       orientation,
-      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
+      className: (renderProps) => chunk4ACELYEP_cjs.cn(
         "grid gap-2 content-start",
         typeof className === "function" ? className(renderProps) : className
       ),
@@ -6253,7 +6582,7 @@ function RadioGroup({
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               orientation === "horizontal" ? "flex flex-wrap items-center gap-x-4 gap-y-2" : "grid gap-3"
             ),
             children
@@ -6270,7 +6599,7 @@ function Radio({ children, className, ...props }) {
     reactAriaComponents.Radio,
     {
       ...props,
-      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
+      className: (renderProps) => chunk4ACELYEP_cjs.cn(
         // `relative` for the same reason as Checkbox / Switch: RAC's
         // visually-hidden <input> is absolutely positioned and must resolve
         // against this radio, not a far-away shell, or focusing it scrolls
@@ -6285,7 +6614,7 @@ function Radio({ children, className, ...props }) {
           "span",
           {
             "aria-hidden": true,
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               "relative inline-flex items-center justify-center shrink-0",
               "size-[18px] rounded-full border bg-surface border-ink-4",
               "transition-[border-color,box-shadow] duration-150",
@@ -6296,7 +6625,7 @@ function Radio({ children, className, ...props }) {
             children: /* @__PURE__ */ jsxRuntime.jsx(
               "span",
               {
-                className: chunkNWGG5WFL_cjs.cn(
+                className: chunk4ACELYEP_cjs.cn(
                   "block size-[10px] rounded-full bg-accent",
                   "transition-opacity duration-150 opacity-0",
                   "group-data-[selected]:opacity-100"
@@ -6340,7 +6669,7 @@ function AttributePicker({
       autoFocus,
       size,
       ...isDisabled !== void 0 ? { isDisabled } : {},
-      className: chunkNWGG5WFL_cjs.cn("w-full", className)
+      className: chunk4ACELYEP_cjs.cn("w-full", className)
     }
   );
 }
@@ -6609,7 +6938,7 @@ function ChipItem({
       }
     );
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNWGG5WFL_cjs.cn("font-mono text-[12px] text-ink max-w-[10rem] truncate"), children: formatValue(field, operator, value) });
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunk4ACELYEP_cjs.cn("font-mono text-[12px] text-ink max-w-[10rem] truncate"), children: formatValue(field, operator, value) });
 }
 function Em({ children }) {
   return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-[12px] text-ink-4", children });
@@ -6695,7 +7024,7 @@ function SegmentedControl({
       orientation,
       value: value === null ? null : String(value),
       onChange: (next) => onChange(next),
-      className: chunkNWGG5WFL_cjs.cn(styles4.group(), className),
+      className: chunk4ACELYEP_cjs.cn(styles4.group(), className),
       children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
         reactAriaComponents.Radio,
         {
@@ -6770,14 +7099,14 @@ function TagInput({
       onChange(value.slice(0, -1));
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn("grid grid-cols-1 gap-1.5 content-start", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk4ACELYEP_cjs.cn("grid grid-cols-1 gap-1.5 content-start", className), children: [
     label ? /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: inputId, className: fieldLabelStyles, children: label }) : null,
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         "data-invalid": isInvalid || void 0,
         "data-disabled": isDisabled || void 0,
-        className: chunkNWGG5WFL_cjs.cn(
+        className: chunk4ACELYEP_cjs.cn(
           styles4.box(),
           "flex",
           // Cell editor: one table row (29px under a 32px row) while the chips
@@ -6791,7 +7120,7 @@ function TagInput({
           "div",
           {
             ref: chipsRef,
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               "flex flex-1 flex-wrap items-center gap-1.5 min-w-0",
               isCell && (hasWrapped ? "content-start overflow-y-auto" : "content-center overflow-hidden")
             ),
@@ -6830,7 +7159,7 @@ function TagInput({
                   onBlur: commit,
                   disabled: isDisabled,
                   placeholder: value.length === 0 ? placeholder : "",
-                  className: chunkNWGG5WFL_cjs.cn(
+                  className: chunk4ACELYEP_cjs.cn(
                     "flex-1 min-w-[6rem] bg-transparent outline-none",
                     "font-sans text-ink placeholder:text-ink-4",
                     fieldTextStyles[size],
@@ -6963,7 +7292,7 @@ function FilterValueInput({
           onChange: (next) => onChange(next ? next.toString() : ""),
           autoFocus,
           ...isDisabled !== void 0 ? { isDisabled } : {},
-          className: chunkNWGG5WFL_cjs.cn("w-full", className)
+          className: chunk4ACELYEP_cjs.cn("w-full", className)
         }
       );
     }
@@ -6980,7 +7309,7 @@ function FilterValueInput({
           ...autoFocus ? { autoFocus: true } : {}
         },
         ...isDisabled !== void 0 ? { isDisabled } : {},
-        className: chunkNWGG5WFL_cjs.cn("w-full", className)
+        className: chunk4ACELYEP_cjs.cn("w-full", className)
       }
     );
   })();
@@ -7020,7 +7349,7 @@ function EnumSingleValue({
       },
       ...isDisabled !== void 0 ? { isDisabled } : {},
       ...autoFocus ? { autoFocus: true } : {},
-      className: chunkNWGG5WFL_cjs.cn("w-full", className)
+      className: chunk4ACELYEP_cjs.cn("w-full", className)
     }
   );
 }
@@ -7049,7 +7378,7 @@ function EnumMultiValue({
       placeholder: "Select values\u2026",
       ...isDisabled !== void 0 ? { isDisabled } : {},
       ...autoFocus ? { autoFocus: true } : {},
-      className: chunkNWGG5WFL_cjs.cn("w-full", className)
+      className: chunk4ACELYEP_cjs.cn("w-full", className)
     }
   );
 }
@@ -7107,7 +7436,7 @@ function OperatorPicker({
       size,
       ...isDisabled !== void 0 ? { isDisabled } : {},
       ...autoFocus ? { autoFocus: true } : {},
-      className: chunkNWGG5WFL_cjs.cn("w-full", className),
+      className: chunk4ACELYEP_cjs.cn("w-full", className),
       triggerClassName: "min-w-0"
     }
   );
@@ -7137,7 +7466,7 @@ function FilterRow({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         "group flex items-center gap-2 px-1.5 py-1 rounded-sm",
         "hover:bg-[color-mix(in_oklab,var(--color-surface-2)_50%,var(--color-surface))]"
       ),
@@ -7145,7 +7474,7 @@ function FilterRow({
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-12 shrink-0 inline-flex justify-end pr-1", children: /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               "font-mono text-[10.5px] tracking-[0.08em]",
               index === 0 ? "text-ink-4" : "text-accent-ink"
             ),
@@ -7213,7 +7542,7 @@ function FilterRow({
             onClick: onWrap,
             "aria-label": "Wrap in group",
             title: "Wrap in a group with the opposite operator",
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               "shrink-0 size-6 inline-flex items-center justify-center rounded-sm",
               "text-ink-4 hover:text-ink hover:bg-surface-2 cursor-pointer outline-none",
               "opacity-0 group-hover:opacity-100 focus-visible:opacity-100"
@@ -7240,7 +7569,7 @@ function FilterRow({
             type: "button",
             onClick: onRemove,
             "aria-label": field ? "Remove filter" : "Cancel",
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               "shrink-0 size-6 inline-flex items-center justify-center rounded-sm",
               "text-ink-4 hover:text-danger hover:bg-surface-2 cursor-pointer outline-none",
               field ? "opacity-0 group-hover:opacity-100 focus-visible:opacity-100" : "opacity-100"
@@ -7369,7 +7698,7 @@ function GroupAddControls({
       {
         type: "button",
         onClick: onAddFilter,
-        className: chunkNWGG5WFL_cjs.cn(
+        className: chunk4ACELYEP_cjs.cn(
           "inline-flex items-center gap-1.5 px-2 py-1 rounded-sm",
           "text-ink-2 hover:bg-surface-2 hover:text-ink cursor-pointer outline-none"
         ),
@@ -7397,7 +7726,7 @@ function GroupAddControls({
         type: "button",
         onClick: onAddGroup,
         title: "Add a nested group with its own logical operator",
-        className: chunkNWGG5WFL_cjs.cn(
+        className: chunk4ACELYEP_cjs.cn(
           "inline-flex items-center gap-1.5 px-2 py-1 rounded-sm",
           "text-ink-2 hover:bg-surface-2 hover:text-ink cursor-pointer outline-none"
         ),
@@ -7443,7 +7772,7 @@ function NestedGroup({
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-12 shrink-0 inline-flex justify-end pr-1 pt-2", children: /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
-        className: chunkNWGG5WFL_cjs.cn(
+        className: chunk4ACELYEP_cjs.cn(
           "font-mono text-[10.5px] tracking-[0.08em]",
           index === 0 ? "text-ink-4" : "text-accent-ink"
         ),
@@ -7453,7 +7782,7 @@ function NestedGroup({
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: chunkNWGG5WFL_cjs.cn(
+        className: chunk4ACELYEP_cjs.cn(
           "flex-1 min-w-0 rounded-sm border border-rule",
           "bg-[color-mix(in_oklab,var(--color-surface-2)_60%,var(--color-surface))]"
         ),
@@ -7480,7 +7809,7 @@ function NestedGroup({
                 type: "button",
                 onClick: onRemove,
                 "aria-label": "Remove group",
-                className: chunkNWGG5WFL_cjs.cn(
+                className: chunk4ACELYEP_cjs.cn(
                   "size-6 inline-flex items-center justify-center rounded-sm",
                   "text-ink-4 hover:text-danger hover:bg-surface cursor-pointer outline-none"
                 ),
@@ -7723,7 +8052,7 @@ function RecordFilterBuilderPanel({
                 type: "button",
                 onClick: onExpand,
                 title: "Show filter chips inline above the table",
-                className: chunkNWGG5WFL_cjs.cn(
+                className: chunk4ACELYEP_cjs.cn(
                   "inline-flex items-center gap-1 px-2 py-1 rounded-sm",
                   "font-mono text-[11.5px] text-ink-3 hover:text-ink hover:bg-surface-2",
                   "cursor-pointer outline-none"
@@ -7753,7 +8082,7 @@ function RecordFilterBuilderPanel({
                 type: "button",
                 onClick: onClose,
                 "aria-label": "Close",
-                className: chunkNWGG5WFL_cjs.cn(
+                className: chunk4ACELYEP_cjs.cn(
                   "size-6 inline-flex items-center justify-center rounded-sm",
                   "text-ink-3 hover:text-ink hover:bg-surface-2 cursor-pointer outline-none"
                 ),
@@ -7788,7 +8117,7 @@ function RecordFilterBuilderPanel({
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               "flex items-center justify-between px-3.5 py-2.5 border-t border-rule rounded-b-md",
               "bg-[color-mix(in_oklab,var(--color-surface-2)_60%,var(--color-surface))]"
             ),
@@ -7799,7 +8128,7 @@ function RecordFilterBuilderPanel({
                   type: "button",
                   onClick: clearAll,
                   disabled: totalChildren === 0,
-                  className: chunkNWGG5WFL_cjs.cn(
+                  className: chunk4ACELYEP_cjs.cn(
                     "font-mono text-[11.5px] text-ink-3 hover:text-ink",
                     "disabled:opacity-40 disabled:pointer-events-none",
                     "outline-none cursor-pointer"
@@ -7809,7 +8138,7 @@ function RecordFilterBuilderPanel({
               ),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
                 onSaveView ? /* @__PURE__ */ jsxRuntime.jsxs(
-                  chunkNWGG5WFL_cjs.Button,
+                  chunk4ACELYEP_cjs.Button,
                   {
                     variant: "ghost",
                     size: "sm",
@@ -7837,7 +8166,7 @@ function RecordFilterBuilderPanel({
                     ]
                   }
                 ) : null,
-                /* @__PURE__ */ jsxRuntime.jsx(chunkNWGG5WFL_cjs.Button, { variant: "cta", size: "sm", onPress: onClose, children: "Done" })
+                /* @__PURE__ */ jsxRuntime.jsx(chunk4ACELYEP_cjs.Button, { variant: "cta", size: "sm", onPress: onClose, children: "Done" })
               ] })
             ]
           }
@@ -7911,11 +8240,11 @@ function RecordFilterButton({
         type: "button",
         "data-filter-trigger": "collapsed",
         onClick: () => setOpen((v) => !v),
-        className: chunkNWGG5WFL_cjs.cn(
+        className: chunk4ACELYEP_cjs.cn(
           "inline-flex items-center gap-1.5 px-3 py-1.5 rounded-md border",
           "font-mono text-[12px] cursor-pointer outline-none",
           "focus-visible:shadow-[var(--shadow-focus)]",
-          hasFilters ? chunkNWGG5WFL_cjs.cn(
+          hasFilters ? chunk4ACELYEP_cjs.cn(
             "border-[color-mix(in_oklab,var(--color-accent)_35%,var(--color-rule))]",
             "bg-[color-mix(in_oklab,var(--color-accent)_8%,var(--color-surface))]",
             "text-accent-ink"
@@ -8014,7 +8343,7 @@ function RecordFilterChips({
                     logicalOperator: filter.logicalOperator === "and" ? "or" : "and"
                   }),
                   title: "Toggle joiner",
-                  className: chunkNWGG5WFL_cjs.cn(
+                  className: chunk4ACELYEP_cjs.cn(
                     "inline-flex items-center px-1.5 py-0.5 rounded-sm border border-dashed border-rule",
                     "font-mono text-[10.5px] tracking-[0.08em] text-ink-3",
                     "hover:text-ink hover:border-ink-4 cursor-pointer outline-none"
@@ -8087,7 +8416,7 @@ function RecordFilterChips({
                           elements: elements.filter((_, idx) => idx !== i)
                         });
                       },
-                      className: chunkNWGG5WFL_cjs.cn(
+                      className: chunk4ACELYEP_cjs.cn(
                         "size-5 inline-flex items-center justify-center rounded-[3px]",
                         "text-ink-4 hover:text-ink hover:bg-surface-2 cursor-pointer outline-none"
                       ),
@@ -8132,7 +8461,7 @@ function GroupPill({ group }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "span",
     {
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         "inline-flex items-center gap-1.5 px-2 py-1 rounded-sm border border-dashed border-rule",
         "bg-[color-mix(in_oklab,var(--color-surface-2)_60%,var(--color-surface))]"
       ),
@@ -8170,7 +8499,7 @@ function CollapseToggle({ onClick }) {
     {
       type: "button",
       onClick,
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         "inline-flex items-center gap-1",
         "font-mono text-[11px] uppercase tracking-[0.08em]",
         "text-ink-3 hover:text-ink cursor-pointer outline-none"
@@ -8230,7 +8559,7 @@ function Chip2({
             setEditing((v) => !v);
           }
         },
-        className: chunkNWGG5WFL_cjs.cn(
+        className: chunk4ACELYEP_cjs.cn(
           "group inline-flex items-center gap-1.5 pl-2 pr-1 py-1 rounded-sm border cursor-pointer",
           editing ? "border-accent shadow-[var(--shadow-focus)] bg-surface" : "border-rule bg-surface hover:border-ink-4"
         ),
@@ -8263,7 +8592,7 @@ function Chip2({
                 onRemove();
                 if (editing) setEditing(false);
               },
-              className: chunkNWGG5WFL_cjs.cn(
+              className: chunk4ACELYEP_cjs.cn(
                 "ml-0.5 size-4 inline-flex items-center justify-center rounded-[3px]",
                 "text-ink-4 hover:text-ink hover:bg-surface-2 cursor-pointer outline-none"
               ),
@@ -8344,7 +8673,7 @@ function ChipMiniEditor({
             onChange: onChangeValue
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkNWGG5WFL_cjs.Button, { type: "submit", variant: "cta", size: "sm", className: "shrink-0", children: "Save" })
+        /* @__PURE__ */ jsxRuntime.jsx(chunk4ACELYEP_cjs.Button, { type: "submit", variant: "cta", size: "sm", className: "shrink-0", children: "Save" })
       ]
     }
   );
@@ -8356,7 +8685,7 @@ function InlineAddFilter({ onClick }) {
       type: "button",
       "data-filter-trigger": "expanded",
       onClick,
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         "inline-flex items-center gap-1 px-2 py-1 rounded-sm",
         "text-ink-3 hover:bg-surface-2 hover:text-ink cursor-pointer outline-none"
       ),
@@ -8423,25 +8752,25 @@ var recordUpdateRowStyles = tailwindVariants.tv({
   defaultVariants: { state: "changed" }
 });
 function RecordUpdate({ className, children, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunkNWGG5WFL_cjs.cn(recordUpdateStyles().root(), className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunk4ACELYEP_cjs.cn(recordUpdateStyles().root(), className), children });
 }
 function RecordUpdateSummary({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("p", { ...props, className: chunkNWGG5WFL_cjs.cn(recordUpdateStyles().summary(), className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { ...props, className: chunk4ACELYEP_cjs.cn(recordUpdateStyles().summary(), className), children });
 }
 function RecordUpdateRows({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunkNWGG5WFL_cjs.cn(recordUpdateStyles().rows(), className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunk4ACELYEP_cjs.cn(recordUpdateStyles().rows(), className), children });
 }
 function RecordUpdateErrors({ errors, className, ...props }) {
   if (errors.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...props, role: "alert", className: chunkNWGG5WFL_cjs.cn(recordUpdateStyles().errors(), className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...props, role: "alert", className: chunk4ACELYEP_cjs.cn(recordUpdateStyles().errors(), className), children: [
     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "size-4 shrink-0 mt-px", "aria-hidden": true }),
     /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-1 min-w-0", children: errors.map((error) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: error }, error)) })
   ] });
@@ -8451,7 +8780,7 @@ function RecordUpdateFooter({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunkNWGG5WFL_cjs.cn(recordUpdateStyles().footer(), className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunk4ACELYEP_cjs.cn(recordUpdateStyles().footer(), className), children });
 }
 function RecordUpdateRow({
   label,
@@ -8478,14 +8807,14 @@ function RecordUpdateRow({
       ...props,
       "data-state": state,
       ...errorMessage ? { "aria-invalid": true } : {},
-      className: chunkNWGG5WFL_cjs.cn(styles4.root(), className),
+      className: chunk4ACELYEP_cjs.cn(styles4.root(), className),
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles4.labelRow(), children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: label }),
           state === "unresolved" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles4.tag(), children: unresolvedLabel }) : null,
           state === "rejected" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles4.tag(), children: rejectedLabel }) : null,
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto flex items-center", children: isRemoved ? onRestore && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkNWGG5WFL_cjs.Button,
+            chunk4ACELYEP_cjs.Button,
             {
               variant: "ghost",
               size: "icon-sm",
@@ -8493,7 +8822,7 @@ function RecordUpdateRow({
               onPress: onRestore,
               children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Undo2, {})
             }
-          ) : onRemove && /* @__PURE__ */ jsxRuntime.jsx(chunkNWGG5WFL_cjs.Button, { variant: "ghost", size: "icon-sm", "aria-label": removeLabel, onPress: onRemove, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}) }) })
+          ) : onRemove && /* @__PURE__ */ jsxRuntime.jsx(chunk4ACELYEP_cjs.Button, { variant: "ghost", size: "icon-sm", "aria-label": removeLabel, onPress: onRemove, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}) }) })
         ] }),
         isRemoved ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles4.removed(), children: removedText }) : from === void 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles4.to(), children: to }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles4.cells(), children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles4.from(), children: from }),
@@ -8534,16 +8863,91 @@ function Separator({
     {
       ...props,
       orientation,
-      className: chunkNWGG5WFL_cjs.cn(separatorStyles({ orientation, variant }), className)
+      className: chunk4ACELYEP_cjs.cn(separatorStyles({ orientation, variant }), className)
     }
   );
 }
+var stepperStyles = tailwindVariants.tv({
+  slots: {
+    root: "flex min-w-0 flex-wrap items-center gap-y-2 m-0 list-none p-0",
+    item: "flex items-center",
+    trigger: [
+      "inline-flex items-center gap-[7px] rounded-sm border-0 bg-transparent p-0",
+      "cursor-pointer select-none outline-none",
+      "transition-colors duration-150",
+      "data-[focus-visible]:shadow-[var(--shadow-focus)]",
+      "data-[disabled]:cursor-default"
+    ],
+    marker: [
+      "grid size-[18px] shrink-0 place-items-center rounded-pill border-[1.5px]",
+      "font-mono text-[10px] font-medium leading-none",
+      "transition-[background-color,border-color,color] duration-150",
+      "[&_svg]:size-[11px]"
+    ],
+    label: "whitespace-nowrap text-[13px]",
+    connector: "mx-2.5 h-px w-6 shrink-0 bg-rule"
+  },
+  variants: {
+    orientation: {
+      horizontal: {},
+      vertical: {
+        root: "flex-col flex-nowrap items-stretch gap-y-0",
+        item: "flex-col items-start",
+        // Centered under the 18px marker (9px in, minus half the line).
+        connector: "mx-0 my-1 ml-[8.5px] h-4 w-px"
+      }
+    },
+    state: {
+      completed: {
+        marker: "border-accent bg-accent text-surface",
+        label: "text-ink-2 group-data-[hovered]:text-ink"
+      },
+      current: {
+        marker: "border-accent bg-accent text-surface",
+        label: "font-medium text-accent"
+      },
+      upcoming: {
+        marker: "border-rule-strong bg-transparent text-ink-3",
+        label: "text-ink-3 group-data-[hovered]:text-ink"
+      }
+    },
+    isSelected: {
+      true: { label: "underline decoration-accent/40 underline-offset-4" },
+      false: {}
+    }
+  },
+  defaultVariants: { orientation: "horizontal", state: "upcoming", isSelected: false }
+});
+function Stepper({ orientation, className, ...props }) {
+  const { root } = stepperStyles({ orientation });
+  return /* @__PURE__ */ jsxRuntime.jsx("ol", { ...props, className: chunk4ACELYEP_cjs.cn(root(), className) });
+}
+function StepperStep({
+  state,
+  orientation,
+  index,
+  icon,
+  isSelected = false,
+  isLast = false,
+  children,
+  className,
+  ...props
+}) {
+  const styles4 = stepperStyles({ orientation, state, isSelected });
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", { "aria-current": state === "current" ? "step" : void 0, className: styles4.item(), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(reactAriaComponents.Button, { ...props, className: chunk4ACELYEP_cjs.cn("group", styles4.trigger(), className), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: styles4.marker(), children: state === "completed" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { strokeWidth: 2.5 }) : icon ?? index + 1 }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles4.label(), children })
+    ] }),
+    !isLast && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: styles4.connector() })
+  ] });
+}
 function SuccessAnimation({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       "aria-hidden": true,
-      className: chunkNWGG5WFL_cjs.cn("size-24 text-success motion-safe:animate-status-pop", className),
+      className: chunk4ACELYEP_cjs.cn("size-24 text-success motion-safe:animate-status-pop", className),
       children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleCheck, { className: "size-full", strokeWidth: 1.5 })
     }
   );
@@ -8562,7 +8966,7 @@ function Switch({
     {
       ...props,
       ...describedBy ? { "aria-describedby": describedBy } : {},
-      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
+      className: (renderProps) => chunk4ACELYEP_cjs.cn(
         // `relative`: RAC's visually-hidden <input> is absolutely positioned;
         // without a positioned label it escapes an overflow-auto ancestor and
         // its containing block becomes the page shell, so focusing it (any
@@ -8578,7 +8982,7 @@ function Switch({
           "span",
           {
             "aria-hidden": true,
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               "relative inline-block shrink-0",
               "w-[38px] h-[22px] rounded-pill border",
               "bg-surface-3 border-rule",
@@ -8589,7 +8993,7 @@ function Switch({
             children: /* @__PURE__ */ jsxRuntime.jsx(
               "span",
               {
-                className: chunkNWGG5WFL_cjs.cn(
+                className: chunk4ACELYEP_cjs.cn(
                   "absolute top-[1px] left-[1px]",
                   "block size-[18px] rounded-full bg-surface",
                   "transition-transform duration-200",
@@ -8610,7 +9014,7 @@ function Switch({
       "span",
       {
         id: descriptionId,
-        className: chunkNWGG5WFL_cjs.cn(
+        className: chunk4ACELYEP_cjs.cn(
           fieldHintStyles,
           "leading-[1.45]",
           // Track (38px) + gap-3 (12px): the copy starts under the label text.
@@ -8657,7 +9061,7 @@ function Root({ size, className, children, ...props }) {
     reactAriaComponents.Tabs,
     {
       ...props,
-      className: (rp) => chunkNWGG5WFL_cjs.cn(styles4.root(), typeof className === "function" ? className(rp) : className),
+      className: (rp) => chunk4ACELYEP_cjs.cn(styles4.root(), typeof className === "function" ? className(rp) : className),
       children
     }
   );
@@ -8668,7 +9072,7 @@ function List({ size, className, children, ...props }) {
     reactAriaComponents.TabList,
     {
       ...props,
-      className: (rp) => chunkNWGG5WFL_cjs.cn(styles4.list(), typeof className === "function" ? className(rp) : className),
+      className: (rp) => chunk4ACELYEP_cjs.cn(styles4.list(), typeof className === "function" ? className(rp) : className),
       children
     }
   );
@@ -8679,7 +9083,7 @@ function Trigger({ size, className, children, ...props }) {
     reactAriaComponents.Tab,
     {
       ...props,
-      className: (rp) => chunkNWGG5WFL_cjs.cn(styles4.trigger(), typeof className === "function" ? className(rp) : className),
+      className: (rp) => chunk4ACELYEP_cjs.cn(styles4.trigger(), typeof className === "function" ? className(rp) : className),
       children
     }
   );
@@ -8690,7 +9094,7 @@ function Panel({ className, children, ...props }) {
     reactAriaComponents.TabPanel,
     {
       ...props,
-      className: (rp) => chunkNWGG5WFL_cjs.cn(styles4.panel(), typeof className === "function" ? className(rp) : className),
+      className: (rp) => chunk4ACELYEP_cjs.cn(styles4.panel(), typeof className === "function" ? className(rp) : className),
       children
     }
   );
@@ -8718,7 +9122,7 @@ var textShimmerStyles = tailwindVariants.tv({
   defaultVariants: { tone: "muted" }
 });
 function TextShimmer({ tone, className, children, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, className: chunkNWGG5WFL_cjs.cn(textShimmerStyles({ tone }), className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, className: chunk4ACELYEP_cjs.cn(textShimmerStyles({ tone }), className), children });
 }
 function Textarea({
   label,
@@ -8738,7 +9142,7 @@ function Textarea({
     reactAriaComponents.TextField,
     {
       ...props,
-      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
+      className: (renderProps) => chunk4ACELYEP_cjs.cn(
         "grid grid-cols-1 gap-1.5 content-start",
         typeof className === "function" ? className(renderProps) : className
       ),
@@ -8750,7 +9154,7 @@ function Textarea({
             ...textareaProps,
             rows,
             placeholder: placeholder ?? "",
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               // Same hairline chrome as Input, but allow vertical resize and set a
               // sensible minimum height so short content doesn't collapse.
               styles4.box(),
@@ -8781,7 +9185,7 @@ function TimeField({
     reactAriaComponents.TimeField,
     {
       ...props,
-      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
+      className: (renderProps) => chunk4ACELYEP_cjs.cn(
         "grid grid-cols-1 gap-1.5 content-start",
         typeof className === "function" ? className(renderProps) : className
       ),
@@ -8790,7 +9194,7 @@ function TimeField({
         /* @__PURE__ */ jsxRuntime.jsx(
           reactAriaComponents.DateInput,
           {
-            className: chunkNWGG5WFL_cjs.cn(
+            className: chunk4ACELYEP_cjs.cn(
               styles4.box(),
               styles4.content(),
               "flex items-center min-w-0 text-ink",
@@ -8803,7 +9207,7 @@ function TimeField({
               reactAriaComponents.DateSegment,
               {
                 segment,
-                className: chunkNWGG5WFL_cjs.cn(
+                className: chunk4ACELYEP_cjs.cn(
                   "px-px tabular-nums outline-none select-none",
                   "data-[placeholder]:text-ink-4",
                   "data-[type=literal]:text-ink-4",
@@ -8821,6 +9225,100 @@ function TimeField({
     }
   );
 }
+var timeSlotListStyles = tailwindVariants.tv({
+  slots: {
+    group: "flex flex-col gap-2",
+    row: "flex gap-2 min-w-0",
+    item: [
+      "flex-1 min-h-9 px-3 inline-flex items-center justify-center cursor-pointer outline-none",
+      "font-sans text-[13.5px] font-medium text-ink rounded-md",
+      "bg-surface border border-rule-strong",
+      "transition-[background-color,color,border-color,box-shadow] duration-150",
+      "hovered:bg-surface-2 hovered:border-ink-3",
+      "pressed:bg-surface-3",
+      "selected:border-ink selected:bg-surface selected:shadow-[inset_0_0_0_1px_var(--color-ink)]",
+      "selected:hovered:bg-surface",
+      "data-[focus-visible]:shadow-[var(--shadow-focus)]",
+      "selected:data-[focus-visible]:shadow-[var(--shadow-focus),inset_0_0_0_1px_var(--color-ink)]",
+      // Taken while you looked: dashed and quiet.
+      "data-[disabled]:border-dashed data-[disabled]:border-rule data-[disabled]:text-ink-4",
+      "data-[disabled]:cursor-default data-[disabled]:bg-transparent"
+    ],
+    confirm: "flex-1 min-h-9",
+    empty: [
+      "rounded-md border border-rule-2 bg-surface-2 px-4 py-5 text-center",
+      "font-sans text-[13px] text-ink-3"
+    ]
+  },
+  variants: {
+    columns: {
+      1: { group: "grid grid-cols-1" },
+      2: { group: "grid grid-cols-2" }
+    }
+  },
+  defaultVariants: { columns: 1 }
+});
+function TimeSlotList({
+  items,
+  selectedId,
+  onSelect,
+  confirmLabel,
+  onConfirm,
+  emptyMessage = "Nothing available.",
+  columns,
+  autoFocus = false,
+  isDisabled = false,
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  const styles4 = timeSlotListStyles({ columns });
+  if (items.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "status", className: chunk4ACELYEP_cjs.cn(styles4.empty(), className), children: emptyMessage });
+  }
+  const focusTarget = selectedId ?? items.find((item) => !item.isDisabled)?.id ?? null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactAriaComponents.ToggleButtonGroup,
+    {
+      ...props,
+      orientation,
+      selectionMode: "single",
+      disallowEmptySelection: true,
+      isDisabled,
+      selectedKeys: selectedId === null ? /* @__PURE__ */ new Set() : /* @__PURE__ */ new Set([selectedId]),
+      onSelectionChange: (keys) => {
+        const [next] = Array.from(keys);
+        if (next !== void 0) onSelect(next);
+      },
+      className: chunk4ACELYEP_cjs.cn(styles4.group(), className),
+      children: items.map((item) => {
+        const isSelected = item.id === selectedId;
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles4.row(), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            reactAriaComponents.ToggleButton,
+            {
+              id: item.id,
+              ...item.isDisabled ? { isDisabled: true } : {},
+              ...autoFocus && item.id === focusTarget ? { autoFocus: true } : {},
+              className: styles4.item(),
+              children: item.label
+            }
+          ),
+          isSelected && confirmLabel && /* @__PURE__ */ jsxRuntime.jsx(
+            chunk4ACELYEP_cjs.Button,
+            {
+              variant: "cta",
+              className: styles4.confirm(),
+              isDisabled,
+              onPress: () => onConfirm?.(item.id),
+              children: confirmLabel
+            }
+          )
+        ] }, String(item.id));
+      })
+    }
+  );
+}
 function createToastQueue(options = {}) {
   return new reactAriaComponents.UNSTABLE_ToastQueue({ maxVisibleToasts: options.maxVisibleToasts ?? 3 });
 }
@@ -8857,7 +9355,7 @@ function ToastRegion({ queue, className }) {
     reactAriaComponents.UNSTABLE_ToastRegion,
     {
       queue,
-      className: chunkNWGG5WFL_cjs.cn(
+      className: chunk4ACELYEP_cjs.cn(
         "fixed bottom-4 right-4 z-[1300] flex flex-col-reverse gap-2 outline-none",
         className
       ),
@@ -8876,7 +9374,7 @@ function ToastRegion({ queue, className }) {
             {
               slot: "close",
               "aria-label": "Dismiss",
-              className: chunkNWGG5WFL_cjs.cn(
+              className: chunk4ACELYEP_cjs.cn(
                 "shrink-0 inline-flex items-center justify-center size-6 rounded-md",
                 "text-ink-4 hover:text-ink hover:bg-surface-2 cursor-pointer outline-none",
                 "focus-visible:shadow-focus"
@@ -8892,23 +9390,23 @@ function ToastRegion({ queue, className }) {
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkNWGG5WFL_cjs.Button; }
+  get: function () { return chunk4ACELYEP_cjs.Button; }
 });
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
-  get: function () { return chunkNWGG5WFL_cjs.Skeleton; }
+  get: function () { return chunk4ACELYEP_cjs.Skeleton; }
 });
 Object.defineProperty(exports, "buttonStyles", {
   enumerable: true,
-  get: function () { return chunkNWGG5WFL_cjs.buttonStyles; }
+  get: function () { return chunk4ACELYEP_cjs.buttonStyles; }
 });
 Object.defineProperty(exports, "cn", {
   enumerable: true,
-  get: function () { return chunkNWGG5WFL_cjs.cn; }
+  get: function () { return chunk4ACELYEP_cjs.cn; }
 });
 Object.defineProperty(exports, "skeletonStyles", {
   enumerable: true,
-  get: function () { return chunkNWGG5WFL_cjs.skeletonStyles; }
+  get: function () { return chunk4ACELYEP_cjs.skeletonStyles; }
 });
 exports.ATTRIBUTE_TYPES = ATTRIBUTE_TYPES;
 exports.ATTRIBUTE_TYPE_ICONS = ATTRIBUTE_TYPE_ICONS;
@@ -8916,6 +9414,7 @@ exports.AttachmentChip = AttachmentChip;
 exports.AttributePicker = AttributePicker;
 exports.AttributeType = AttributeType;
 exports.AttributeTypeIcon = AttributeTypeIcon;
+exports.AvailabilityCalendar = AvailabilityCalendar;
 exports.Avatar = Avatar;
 exports.AvatarGroup = AvatarGroup;
 exports.Badge = Badge;
@@ -8967,6 +9466,7 @@ exports.FileViewer = FileViewer;
 exports.FileViewerFallbackCard = FileViewerFallbackCard;
 exports.FilterRow = FilterRow;
 exports.FilterValueInput = FilterValueInput;
+exports.GlowFrame = GlowFrame;
 exports.IconPicker = IconPicker;
 exports.ImageAttachment = ImageAttachment;
 exports.ImageLightbox = ImageLightbox;
@@ -9021,6 +9521,8 @@ exports.SELECTION_COLUMN_ID = SELECTION_COLUMN_ID;
 exports.SegmentedControl = SegmentedControl;
 exports.Select = Select;
 exports.Separator = Separator;
+exports.Stepper = Stepper;
+exports.StepperStep = StepperStep;
 exports.SubmenuTrigger = SubmenuTrigger;
 exports.SuccessAnimation = SuccessAnimation;
 exports.Switch = Switch;
@@ -9037,6 +9539,7 @@ exports.TagInput = TagInput;
 exports.TextShimmer = TextShimmer;
 exports.Textarea = Textarea;
 exports.TimeField = TimeField;
+exports.TimeSlotList = TimeSlotList;
 exports.ToastRegion = ToastRegion;
 exports.Tooltip = Tooltip;
 exports.TooltipTrigger = TooltipTrigger;
@@ -9048,6 +9551,7 @@ exports.addPendingLeaf = addPendingLeaf;
 exports.addSubgroup = addSubgroup;
 exports.arityOf = arityOf;
 exports.attachmentChipStyles = attachmentChipStyles;
+exports.availabilityCalendarStyles = availabilityCalendarStyles;
 exports.avatarGroupStyles = avatarGroupStyles;
 exports.avatarStyles = avatarStyles;
 exports.badgeGroupOverflowStyles = badgeGroupOverflowStyles;
@@ -9077,6 +9581,7 @@ exports.fitBadgeCount = fitBadgeCount;
 exports.formatFileSize = formatFileSize;
 exports.formatValue = formatValue;
 exports.getPlatform = getPlatform;
+exports.glowFrameStyles = glowFrameStyles;
 exports.iconForContentType = iconForContentType;
 exports.imageAttachmentStyles = imageAttachmentStyles;
 exports.imageLightboxStyles = imageLightboxStyles;
@@ -9109,6 +9614,7 @@ exports.resolveLucideIcon = resolveLucideIcon;
 exports.resolveLucideIconName = resolveLucideIconName;
 exports.segmentedControlStyles = segmentedControlStyles;
 exports.setJoiner = setJoiner;
+exports.stepperStyles = stepperStyles;
 exports.subscribeDraftMessageOutcome = subscribeDraftMessageOutcome;
 exports.summaryFor = summaryFor;
 exports.tableCellStyles = tableCellStyles;
@@ -9116,6 +9622,7 @@ exports.tableHeaderCellStyles = tableHeaderCellStyles;
 exports.tabsStyles = tabsStyles;
 exports.terminalKindFor = terminalKindFor;
 exports.textShimmerStyles = textShimmerStyles;
+exports.timeSlotListStyles = timeSlotListStyles;
 exports.toastStyles = toastStyles;
 exports.updateLeaf = updateLeaf;
 exports.updateSubgroup = updateSubgroup;