@proteos/ui 0.56.0 → 0.57.1

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkMWAXK66H_cjs = require('./chunk-MWAXK66H.cjs');
+var chunkNWGG5WFL_cjs = require('./chunk-NWGG5WFL.cjs');
 var lucideReact = require('lucide-react');
 var tailwindVariants = require('tailwind-variants');
 var reactAriaComponents = require('react-aria-components');
@@ -33,11 +33,11 @@ function PopoverContent({
       offset,
       placement,
       ...props,
-      className: (renderProps) => chunkMWAXK66H_cjs.cn(
+      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
         "rounded-md border border-rule bg-surface",
         "shadow-[var(--shadow-float)]",
-        "entering:animate-in entering:fade-in-0 entering:slide-in-from-top-1",
-        "exiting:animate-out exiting:fade-out-0 exiting:slide-out-to-top-1",
+        "entering:animate-enter-slide-down",
+        "exiting:animate-exit-slide-up",
         panelClassName,
         typeof className === "function" ? className(renderProps) : className
       ),
@@ -52,7 +52,7 @@ function PopoverPanelHeader({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_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: chunkMWAXK66H_cjs.cn("p-2", className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNWGG5WFL_cjs.cn("p-2", className), children });
 }
 function PopoverPanelFooter({
   className,
@@ -74,7 +74,7 @@ function PopoverPanelFooter({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_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: chunkMWAXK66H_cjs.cn("text-ink-4", className), children: "\u2014" });
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNWGG5WFL_cjs.cn("text-ink-4", className), children: "\u2014" });
     }
     if (isUploading) {
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkMWAXK66H_cjs.cn(dropZoneStyles({ isInvalid }), className), children: [
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_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(chunkMWAXK66H_cjs.Button, { variant: "ghost", size: "sm", children: "Browse" })
+                children: /* @__PURE__ */ jsxRuntime.jsx(chunkNWGG5WFL_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(
-        chunkMWAXK66H_cjs.Button,
+        chunkNWGG5WFL_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: chunkMWAXK66H_cjs.cn("mt-0.5 size-5 shrink-0 text-ink-3", isUploading && "animate-spin"),
+                className: chunkNWGG5WFL_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(
-          chunkMWAXK66H_cjs.Button,
+          chunkNWGG5WFL_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(chunkMWAXK66H_cjs.Button, { variant: "ghost", size: "sm", onPress: close, children: "Cancel" }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkNWGG5WFL_cjs.Button, { variant: "ghost", size: "sm", onPress: close, children: "Cancel" }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkMWAXK66H_cjs.Button,
+              chunkNWGG5WFL_cjs.Button,
               {
                 variant: "primary",
                 size: "sm",
-                className: chunkMWAXK66H_cjs.cn("bg-danger border-danger", "hover:bg-danger hover:border-danger"),
+                className: chunkNWGG5WFL_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: chunkMWAXK66H_cjs.cn("size-3.5 shrink-0 text-ink-3", status === "uploading" && "animate-spin"),
+        className: chunkNWGG5WFL_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: chunkMWAXK66H_cjs.cn("shrink-0", status !== "error" && "text-ink-4"), children: meta }) : null
+    meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNWGG5WFL_cjs.cn("shrink-0", status !== "error" && "text-ink-4"), children: meta }) : null
   ] });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "span",
     {
-      className: chunkMWAXK66H_cjs.cn(attachmentChipStyles({ status, isInteractive: Boolean(onPress) }), className),
+      className: chunkNWGG5WFL_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: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_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,7 +396,7 @@ function AttributeTypeIcon({
     {
       "aria-hidden": true,
       strokeWidth: strokeWidth ?? 1.6,
-      className: chunkMWAXK66H_cjs.cn("size-3.5", className),
+      className: chunkNWGG5WFL_cjs.cn("size-3.5", className),
       ...props
     }
   );
@@ -404,7 +404,7 @@ function AttributeTypeIcon({
 var avatarStyles = tailwindVariants.tv({
   base: [
     "inline-grid place-items-center shrink-0 select-none overflow-hidden",
-    "rounded-full border",
+    "border",
     "font-mono font-medium tracking-[-0.005em]"
   ],
   variants: {
@@ -416,17 +416,22 @@ var avatarStyles = tailwindVariants.tv({
     },
     tone: {
       paper: "bg-surface-3 text-ink border-rule",
-      indigo: "bg-accent text-[#f0efe8] border-transparent",
-      moss: "bg-[#5b7052] text-[#f0efe8] border-transparent",
-      terra: "bg-[#8a5a3f] text-[#f0efe8] border-transparent",
-      slate: "bg-ink text-surface border-transparent"
+      indigo: "bg-tile-indigo text-tile-fg border-transparent",
+      moss: "bg-tile-moss text-tile-fg border-transparent",
+      terra: "bg-tile-terra text-tile-fg border-transparent",
+      slate: "bg-tile-slate text-tile-fg border-transparent"
+    },
+    shape: {
+      circle: "rounded-full",
+      square: "rounded-md"
     }
   },
-  defaultVariants: { size: "md", tone: "paper" }
+  defaultVariants: { size: "md", tone: "paper", shape: "circle" }
 });
 function Avatar({
   size,
   tone,
+  shape,
   initials,
   src,
   alt = "",
@@ -436,7 +441,7 @@ function Avatar({
 }) {
   const [failedSrc, setFailedSrc] = react.useState(null);
   const showsImage = Boolean(src) && failedSrc !== src;
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, className: chunkMWAXK66H_cjs.cn(avatarStyles({ size, tone }), className), children: showsImage ? /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, className: chunkNWGG5WFL_cjs.cn(avatarStyles({ size, tone, shape }), className), children: showsImage ? /* @__PURE__ */ jsxRuntime.jsx(
     "img",
     {
       src: src ?? void 0,
@@ -466,7 +471,7 @@ function AvatarGroup({
 }) {
   const shown = avatars.slice(0, max);
   const overflow = avatars.length - shown.length;
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { ...props, className: chunkMWAXK66H_cjs.cn(avatarGroupStyles({ size }), className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { ...props, className: chunkNWGG5WFL_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,
       {
@@ -642,7 +647,7 @@ function IconPicker({
     open(false);
     triggerRef.current?.focus();
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkMWAXK66H_cjs.cn("grid grid-cols-1 gap-1.5", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn("grid grid-cols-1 gap-1.5", className), children: [
     label ? /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Label, { className: fieldLabelStyles, children: label }) : null,
     compact ? /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -656,7 +661,7 @@ function IconPicker({
         disabled: isDisabled,
         onClick: () => open(!isOpen),
         "data-invalid": isInvalid || void 0,
-        className: chunkMWAXK66H_cjs.cn(
+        className: chunkNWGG5WFL_cjs.cn(
           styles4.box(),
           "flex shrink-0 items-center justify-center cursor-pointer",
           appearance === "cell" ? "size-[29px]" : COMPACT_SIZE[size],
@@ -675,7 +680,7 @@ function IconPicker({
         disabled: isDisabled,
         onClick: () => open(!isOpen),
         "data-invalid": isInvalid || void 0,
-        className: chunkMWAXK66H_cjs.cn(
+        className: chunkNWGG5WFL_cjs.cn(
           // box carries no padding by contract — content is what gives a
           // single-element control its interior (padding, font, text-size).
           styles4.box(),
@@ -685,7 +690,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: chunkMWAXK66H_cjs.cn("min-w-0 flex-1 truncate", selectedName ? "text-ink" : "text-ink-4"), children: selectedName ?? placeholder }),
+          /* @__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(FieldCaret, {})
         ]
       }
@@ -700,18 +705,18 @@ function IconPicker({
         triggerRef,
         offset: 6,
         placement: "bottom start",
-        className: chunkMWAXK66H_cjs.cn(
+        className: chunkNWGG5WFL_cjs.cn(
           "w-[316px] rounded-md border border-rule bg-surface p-2",
           "shadow-[var(--shadow-raised)]",
-          "entering:animate-in entering:fade-in-0 entering:slide-in-from-top-1",
-          "exiting:animate-out exiting:fade-out-0 exiting:slide-out-to-top-1"
+          "entering:animate-enter-slide-down",
+          "exiting:animate-exit-slide-up"
         ),
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 pb-2", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
               {
-                className: chunkMWAXK66H_cjs.cn(
+                className: chunkNWGG5WFL_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)]"
@@ -726,7 +731,7 @@ function IconPicker({
                       value: query,
                       onChange: (event) => search(event.target.value),
                       placeholder: "Search icons\u2026",
-                      className: chunkMWAXK66H_cjs.cn(
+                      className: chunkNWGG5WFL_cjs.cn(
                         "min-w-0 flex-1 bg-transparent font-sans outline-none",
                         "text-ink placeholder:text-ink-4",
                         fieldTextStyles.sm
@@ -741,7 +746,7 @@ function IconPicker({
               {
                 type: "button",
                 onClick: () => pick(null),
-                className: chunkMWAXK66H_cjs.cn(
+                className: chunkNWGG5WFL_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",
@@ -772,7 +777,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: chunkMWAXK66H_cjs.cn("col-span-8 px-2 py-3 text-center", fieldHintStyles), children: "No icons match" }),
+                  renderEmptyState: () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNWGG5WFL_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(
@@ -781,7 +786,7 @@ function IconPicker({
                         id: name,
                         textValue: name,
                         "aria-label": name,
-                        className: chunkMWAXK66H_cjs.cn(
+                        className: chunkNWGG5WFL_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",
@@ -798,7 +803,7 @@ function IconPicker({
               )
             }
           ),
-          hiddenCount > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: chunkMWAXK66H_cjs.cn("px-1 pt-2", fieldHintStyles), children: [
+          hiddenCount > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: chunkNWGG5WFL_cjs.cn("px-1 pt-2", fieldHintStyles), children: [
             hiddenCount.toLocaleString(),
             " more \u2014 keep scrolling, or search."
           ] }) : null
@@ -888,13 +893,13 @@ function Badge({
     {
       ...props,
       style: mergedStyle,
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_cjs.cn(
         badgeStyles({ variant: register2, shape, hasDot }),
         showDot ? null : "before:hidden",
         className
       ),
       children: [
-        Icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { "aria-hidden": true, className: chunkMWAXK66H_cjs.cn("size-3 shrink-0", ICON_TONE[register2]) }) : null,
+        Icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { "aria-hidden": true, className: chunkNWGG5WFL_cjs.cn("size-3 shrink-0", ICON_TONE[register2]) }) : null,
         children,
         actions ? (
           // Pulled flush with the trailing edge so the chip still reads
@@ -916,7 +921,7 @@ function BadgeAction({ label, onPress, isDisabled = false, children }) {
         event.stopPropagation();
         onPress();
       },
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_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",
@@ -949,13 +954,13 @@ function Tooltip({ className, offset = 6, ...props }) {
     {
       ...props,
       offset,
-      className: (renderProps) => chunkMWAXK66H_cjs.cn(
+      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
         "z-50 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",
-        "entering:animate-in entering:fade-in-0 entering:slide-in-from-top-1 entering:duration-150",
-        "exiting:animate-out exiting:fade-out-0 exiting:duration-100",
+        "entering:animate-enter-slide-down",
+        "exiting:animate-exit-fade",
         typeof className === "function" ? className(renderProps) : className
       )
     }
@@ -1056,7 +1061,7 @@ function BadgeGroup({ children, className, ...props }) {
     {
       ...props,
       ref: rootRef,
-      className: chunkMWAXK66H_cjs.cn(badgeGroupStyles({ isMeasuring: measuring }), className),
+      className: chunkNWGG5WFL_cjs.cn(badgeGroupStyles({ isMeasuring: measuring }), className),
       children: [
         shown.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
           "span",
@@ -1225,7 +1230,7 @@ function BadgeMultiSelect({
       setIsOpen(false);
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkMWAXK66H_cjs.cn("grid grid-cols-1 gap-1.5", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn("grid grid-cols-1 gap-1.5", className), children: [
     label ? /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Label, { className: fieldLabelStyles, children: label }) : null,
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -1242,7 +1247,7 @@ function BadgeMultiSelect({
         onKeyDown: onTriggerKeyDown,
         "data-invalid": isInvalid || void 0,
         "data-disabled": isDisabled || void 0,
-        className: chunkMWAXK66H_cjs.cn(
+        className: chunkNWGG5WFL_cjs.cn(
           styles4.box(),
           "flex items-stretch cursor-pointer",
           // Cell editor: one table row (29px under a 32px row) while the chips
@@ -1257,7 +1262,7 @@ function BadgeMultiSelect({
             "div",
             {
               ref: chipsRef,
-              className: chunkMWAXK66H_cjs.cn(
+              className: chunkNWGG5WFL_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")
               ),
@@ -1265,7 +1270,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: chunkMWAXK66H_cjs.cn("text-ink-4 font-sans px-1", fieldTextStyles[size]), children: placeholder })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNWGG5WFL_cjs.cn("text-ink-4 font-sans px-1", fieldTextStyles[size]), children: placeholder })
               ) : selectedOptions.map((o) => /* @__PURE__ */ jsxRuntime.jsx(
                 Badge,
                 {
@@ -1301,7 +1306,7 @@ function BadgeMultiSelect({
         placement: "bottom start",
         isNonModal: true,
         shouldCloseOnInteractOutside: (element) => !triggerRef.current?.contains(element),
-        className: chunkMWAXK66H_cjs.cn(
+        className: chunkNWGG5WFL_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))]",
@@ -1311,8 +1316,8 @@ function BadgeMultiSelect({
           // (defaultOpen) — no browser outline around the whole panel.
           "outline-none rounded-md border border-rule bg-surface p-1",
           "shadow-[var(--shadow-raised)]",
-          "entering:animate-in entering:fade-in-0 entering:slide-in-from-top-1",
-          "exiting:animate-out exiting:fade-out-0 exiting:slide-out-to-top-1"
+          "entering:animate-enter-slide-down",
+          "exiting:animate-exit-slide-up"
         ),
         children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: popoverRef, children: /* @__PURE__ */ jsxRuntime.jsx(
           reactAriaComponents.ListBox,
@@ -1330,14 +1335,14 @@ function BadgeMultiSelect({
             },
             autoFocus: "first",
             className: "outline-none max-h-72 overflow-auto",
-            renderEmptyState: () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkMWAXK66H_cjs.cn("px-3 py-2", fieldHintStyles), children: "All options selected" }),
+            renderEmptyState: () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNWGG5WFL_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: chunkMWAXK66H_cjs.cn(
+                className: chunkNWGG5WFL_cjs.cn(
                   "group flex items-center gap-2.5",
                   "rounded-[6px] px-2.5 py-1.5",
                   "cursor-pointer outline-none select-none",
@@ -1364,7 +1369,7 @@ function Breadcrumbs({ items, separator = "/", className, ...props }) {
     reactAriaComponents.Breadcrumbs,
     {
       ...props,
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_cjs.cn(
         "flex items-center gap-2",
         "font-mono text-[12px] text-ink-3",
         // RAC renders Breadcrumbs as <ol> — neutralise list defaults.
@@ -1383,7 +1388,7 @@ function Breadcrumbs({ items, separator = "/", className, ...props }) {
                 reactAriaComponents.Link,
                 {
                   href: item.href,
-                  className: chunkMWAXK66H_cjs.cn(
+                  className: chunkNWGG5WFL_cjs.cn(
                     "rounded-sm outline-none cursor-pointer",
                     "transition-colors duration-150",
                     "hover:text-ink",
@@ -1395,7 +1400,7 @@ function Breadcrumbs({ items, separator = "/", className, ...props }) {
               ) : /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
                 {
-                  className: chunkMWAXK66H_cjs.cn(isLast && "text-ink font-semibold"),
+                  className: chunkNWGG5WFL_cjs.cn(isLast && "text-ink font-semibold"),
                   "aria-current": isLast ? "page" : void 0,
                   children: item.label
                 }
@@ -1433,7 +1438,7 @@ var cardStyles2 = tailwindVariants.tv({
   }
 });
 function Card({ variant, className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunkMWAXK66H_cjs.cn(cardStyles2({ variant }), className) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunkNWGG5WFL_cjs.cn(cardStyles2({ variant }), className) });
 }
 var pressableCardStyles = tailwindVariants.tv({
   extend: cardStyles2,
@@ -1451,7 +1456,7 @@ function PressableCard({ variant, className, ...props }) {
     reactAriaComponents.Button,
     {
       ...props,
-      className: (renderProps) => chunkMWAXK66H_cjs.cn(
+      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
         pressableCardStyles({ variant }),
         typeof className === "function" ? className(renderProps) : className
       )
@@ -1463,7 +1468,7 @@ function CardHeader({ className, ...props }) {
     "div",
     {
       ...props,
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_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))]",
@@ -1474,14 +1479,14 @@ function CardHeader({ className, ...props }) {
   );
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunkMWAXK66H_cjs.cn("flex flex-col gap-3 p-5", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunkNWGG5WFL_cjs.cn("flex flex-col gap-3 p-5", className) });
 }
 function CardFooter({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       ...props,
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_cjs.cn(
         "mt-auto flex justify-between items-center",
         "px-5 py-4",
         "font-mono text-[11.5px] text-ink-4",
@@ -1495,7 +1500,7 @@ function CardEyebrow({ className, ...props }) {
     "div",
     {
       ...props,
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_cjs.cn(
         "flex justify-between items-center",
         "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4",
         className
@@ -1508,7 +1513,7 @@ function CardTitle({ className, ...props }) {
     "h3",
     {
       ...props,
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_cjs.cn(
         "font-sans font-medium text-[20px] leading-[1.25] tracking-[-0.015em] text-ink",
         className
       )
@@ -1520,7 +1525,7 @@ function CardFeatureTitle({ className, ...props }) {
     "h3",
     {
       ...props,
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_cjs.cn(
         "font-sans font-medium text-[26px] leading-[1.2] tracking-[-0.02em] text-ink",
         className
       )
@@ -1528,7 +1533,7 @@ function CardFeatureTitle({ className, ...props }) {
   );
 }
 function CardBody({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunkMWAXK66H_cjs.cn("text-[14px] leading-[1.55] text-ink-3", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunkNWGG5WFL_cjs.cn("text-[14px] leading-[1.55] text-ink-3", className) });
 }
 var CHANNEL_ICONS = {
   slack: lucideReact.Hash,
@@ -1552,14 +1557,14 @@ function channelIcon(channel) {
 }
 function ChannelIcon({ channel, className, label }) {
   const Icon = channelIcon(channel);
-  return label !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: chunkMWAXK66H_cjs.cn("size-4", className), role: "img", "aria-label": label }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: chunkMWAXK66H_cjs.cn("size-4", className), "aria-hidden": true });
+  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 });
 }
 function Checkbox({ children, className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     reactAriaComponents.Checkbox,
     {
       ...props,
-      className: (renderProps) => chunkMWAXK66H_cjs.cn(
+      className: (renderProps) => chunkNWGG5WFL_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
@@ -1577,7 +1582,7 @@ function Checkbox({ children, className, ...props }) {
           "span",
           {
             "aria-hidden": true,
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_cjs.cn(
               "relative inline-flex items-center justify-center shrink-0",
               "size-[18px] rounded-[4px] border bg-surface",
               "border-ink-4",
@@ -1594,7 +1599,7 @@ function Checkbox({ children, className, ...props }) {
               "svg",
               {
                 viewBox: "0 0 12 12",
-                className: chunkMWAXK66H_cjs.cn(
+                className: chunkNWGG5WFL_cjs.cn(
                   "size-3 text-surface transition-opacity duration-150",
                   renderProps.isSelected ? "opacity-100" : "opacity-0"
                 ),
@@ -1631,7 +1636,7 @@ function CheckboxGroup({
     reactAriaComponents.CheckboxGroup,
     {
       ...props,
-      className: (renderProps) => chunkMWAXK66H_cjs.cn("grid gap-2", typeof className === "function" ? className(renderProps) : className),
+      className: (renderProps) => chunkNWGG5WFL_cjs.cn("grid gap-2", typeof className === "function" ? className(renderProps) : className),
       children: [
         label ? /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Label, { className: fieldLabelStyles, children: label }) : null,
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-3", children }),
@@ -1710,14 +1715,14 @@ function ColorInput({
       isInvalid: invalid,
       onBlur: settle,
       ...ariaLabel ? { "aria-label": ariaLabel } : {},
-      className: chunkMWAXK66H_cjs.cn("grid grid-cols-1 gap-1.5", className),
+      className: chunkNWGG5WFL_cjs.cn("grid grid-cols-1 gap-1.5", className),
       children: [
         label ? /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Label, { className: fieldLabelStyles, children: label }) : null,
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             "data-disabled": isDisabled || void 0,
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_cjs.cn(
               styles4.box(),
               "flex items-center gap-2",
               size === "sm" ? "pl-2" : "pl-2.5",
@@ -1731,7 +1736,7 @@ function ColorInput({
                   "aria-label": "Pick color",
                   disabled: isDisabled,
                   onClick: () => nativeRef.current?.click(),
-                  className: chunkMWAXK66H_cjs.cn(
+                  className: chunkNWGG5WFL_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)]",
@@ -1764,7 +1769,7 @@ function ColorInput({
                   placeholder,
                   spellCheck: false,
                   autoComplete: "off",
-                  className: chunkMWAXK66H_cjs.cn(
+                  className: chunkNWGG5WFL_cjs.cn(
                     styles4.content(),
                     "min-w-0 flex-1 bg-transparent font-mono outline-none",
                     "pl-0",
@@ -1805,7 +1810,7 @@ function Combobox({
     {
       ...props,
       allowsEmptyCollection,
-      className: (renderProps) => chunkMWAXK66H_cjs.cn(
+      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
         "grid grid-cols-1 gap-1.5",
         typeof className === "function" ? className(renderProps) : className
       ),
@@ -1814,7 +1819,7 @@ function Combobox({
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_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(),
@@ -1827,7 +1832,7 @@ function Combobox({
                 reactAriaComponents.Input,
                 {
                   placeholder,
-                  className: chunkMWAXK66H_cjs.cn(
+                  className: chunkNWGG5WFL_cjs.cn(
                     "flex-1 min-w-0 bg-transparent outline-none",
                     styles4.content(),
                     inputClassName
@@ -1837,7 +1842,7 @@ function Combobox({
               /* @__PURE__ */ jsxRuntime.jsx(
                 reactAriaComponents.Button,
                 {
-                  className: chunkMWAXK66H_cjs.cn(
+                  className: chunkNWGG5WFL_cjs.cn(
                     "shrink-0 flex items-center justify-center",
                     "size-7 rounded-pill",
                     "text-ink-3 hover:text-ink outline-none cursor-pointer"
@@ -1854,18 +1859,18 @@ function Combobox({
           reactAriaComponents.Popover,
           {
             offset: 6,
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_cjs.cn(
               "min-w-[var(--trigger-width)]",
               "rounded-md border border-rule bg-surface p-1",
               "shadow-[var(--shadow-raised)]",
-              "entering:animate-in entering:fade-in-0 entering:slide-in-from-top-1",
-              "exiting:animate-out exiting:fade-out-0 exiting:slide-out-to-top-1"
+              "entering:animate-enter-slide-down",
+              "exiting:animate-exit-slide-up"
             ),
             children: /* @__PURE__ */ jsxRuntime.jsx(
               reactAriaComponents.ListBox,
               {
                 className: "outline-none max-h-72 overflow-auto",
-                renderEmptyState: () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkMWAXK66H_cjs.cn("px-3 py-2", fieldHintStyles), children: emptyMessage }),
+                renderEmptyState: () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNWGG5WFL_cjs.cn("px-3 py-2", fieldHintStyles), children: emptyMessage }),
                 children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
                   ComboboxItem,
                   {
@@ -1893,7 +1898,7 @@ function TrailingSlot({ children }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_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.
@@ -1919,7 +1924,7 @@ function ComboboxItem(props) {
     reactAriaComponents.ListBoxItem,
     {
       ...props,
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_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",
@@ -2151,7 +2156,7 @@ function Kbd({ className, children, ...props }) {
     "kbd",
     {
       ...props,
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_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]",
@@ -2171,7 +2176,7 @@ function CommandHint({ combo, tone = "subtle", className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     Kbd,
     {
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_cjs.cn(
         tone === "prominent" && "bg-ink text-surface border-transparent",
         className
       ),
@@ -2192,7 +2197,7 @@ function Command({ combo, target, className, children }) {
     const el = target ? root.querySelector(target) : root.firstElementChild;
     el?.click();
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: wrapperRef, className: chunkMWAXK66H_cjs.cn("relative inline-block", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: wrapperRef, className: chunkNWGG5WFL_cjs.cn("relative inline-block", className), children: [
     children,
     discoveryActive ? /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -2277,7 +2282,7 @@ function ConversationBriefCard({
   isOpenDisabled = false,
   className
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkMWAXK66H_cjs.cn(styles.root(), className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_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 }),
@@ -2315,7 +2320,7 @@ function Select({
     reactAriaComponents.Select,
     {
       ...props,
-      className: (renderProps) => chunkMWAXK66H_cjs.cn(
+      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
         "grid grid-cols-1 gap-1.5",
         typeof className === "function" ? className(renderProps) : className
       ),
@@ -2324,7 +2329,7 @@ function Select({
         /* @__PURE__ */ jsxRuntime.jsxs(
           reactAriaComponents.Button,
           {
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_cjs.cn(
               styles4.box(),
               styles4.content(),
               "flex items-center justify-between gap-3 text-left cursor-pointer",
@@ -2342,7 +2347,7 @@ function Select({
           reactAriaComponents.Popover,
           {
             offset: 6,
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_cjs.cn(
               // Match the trigger width exactly (RAC exposes --trigger-width on
               // the Popover when anchored to a Select button).
               "w-[var(--trigger-width)]",
@@ -2351,8 +2356,8 @@ function Select({
               "z-[1300]",
               "rounded-md border border-rule bg-surface p-1",
               "shadow-[var(--shadow-raised)]",
-              "entering:animate-in entering:fade-in-0 entering:slide-in-from-top-1",
-              "exiting:animate-out exiting:fade-out-0 exiting:slide-out-to-top-1",
+              "entering:animate-enter-slide-down",
+              "exiting:animate-exit-slide-up",
               popoverClassName
             ),
             children: [
@@ -2366,7 +2371,7 @@ function Select({
                 },
                 option.id
               )) }),
-              options.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkMWAXK66H_cjs.cn("px-3 py-2", fieldHintStyles), children: placeholder }) : null
+              options.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNWGG5WFL_cjs.cn("px-3 py-2", fieldHintStyles), children: placeholder }) : null
             ]
           }
         )
@@ -2379,7 +2384,7 @@ function SelectItem(props) {
     reactAriaComponents.ListBoxItem,
     {
       ...props,
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_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",
@@ -2436,7 +2441,7 @@ function ConversationBriefPreview({
   react.useEffect(() => {
     onSelectionChangeRef.current?.(contact, phoneNumber);
   }, [contact, phoneNumber]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkMWAXK66H_cjs.cn("flex flex-col gap-3", className), children: [
+  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: [
       /* @__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: [
@@ -2450,7 +2455,7 @@ function ConversationBriefPreview({
       /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: chunkMWAXK66H_cjs.cn(
+          className: chunkNWGG5WFL_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]",
             renderContent ? null : "whitespace-pre-wrap",
@@ -2464,7 +2469,7 @@ function ConversationBriefPreview({
         {
           "aria-label": "Edit brief",
           onPress: onEdit,
-          className: chunkMWAXK66H_cjs.cn(
+          className: chunkNWGG5WFL_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",
@@ -2500,7 +2505,7 @@ function ConversationBriefPreview({
       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(
-        chunkMWAXK66H_cjs.Button,
+        chunkNWGG5WFL_cjs.Button,
         {
           isDisabled: isCallDisabled || !isOpen || phoneNumber === "" || !contact,
           onPress: () => contact && onCall(contact, phoneNumber),
@@ -2520,7 +2525,9 @@ function ModalContent({
   children,
   className,
   modalClassName,
+  dialogClassName,
   isDismissable = true,
+  "aria-label": ariaLabel,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2528,18 +2535,18 @@ function ModalContent({
     {
       isDismissable,
       ...props,
-      className: (renderProps) => chunkMWAXK66H_cjs.cn(
+      className: (renderProps) => chunkNWGG5WFL_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)]",
-        "entering:animate-in entering:fade-in-0 entering:duration-150",
-        "exiting:animate-out exiting:fade-out-0 exiting:duration-100",
+        "entering:animate-enter-fade",
+        "exiting:animate-exit-fade",
         typeof className === "function" ? className(renderProps) : className
       ),
       children: /* @__PURE__ */ jsxRuntime.jsx(
         reactAriaComponents.Modal,
         {
-          className: chunkMWAXK66H_cjs.cn(
+          className: chunkNWGG5WFL_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
@@ -2547,18 +2554,25 @@ function ModalContent({
             "flex flex-col max-h-[calc(100dvh-2rem)]",
             "bg-surface border border-rule rounded-lg",
             "shadow-[var(--shadow-float)]",
-            "entering:animate-in entering:zoom-in-95 entering:slide-in-from-top-2 entering:duration-150",
-            "exiting:animate-out exiting:zoom-out-95 exiting:duration-100",
+            "entering:animate-enter-zoom",
+            "exiting:animate-exit-zoom",
             modalClassName
           ),
-          children: /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Dialog, { className: "outline-none flex flex-col min-h-0 overflow-hidden", children })
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            reactAriaComponents.Dialog,
+            {
+              className: chunkNWGG5WFL_cjs.cn("outline-none flex flex-col min-h-0 overflow-hidden", dialogClassName),
+              ...ariaLabel !== void 0 ? { "aria-label": ariaLabel } : {},
+              children
+            }
+          )
         }
       )
     }
   );
 }
 function ModalHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunkMWAXK66H_cjs.cn("shrink-0 px-5 pt-5 pb-3 flex flex-col gap-1.5", className) });
+  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) });
 }
 function ModalTitle({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2566,7 +2580,7 @@ function ModalTitle({ className, ...props }) {
     {
       slot: "title",
       ...props,
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_cjs.cn(
         "font-sans font-medium text-[20px] leading-[1.25] tracking-[-0.015em] text-ink",
         className
       )
@@ -2574,14 +2588,14 @@ function ModalTitle({ className, ...props }) {
   );
 }
 function ModalDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("p", { ...props, className: chunkMWAXK66H_cjs.cn("text-[14px] leading-[1.55] text-ink-3", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { ...props, className: chunkNWGG5WFL_cjs.cn("text-[14px] leading-[1.55] text-ink-3", className) });
 }
 function ModalBody({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       ...props,
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_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",
@@ -2595,7 +2609,7 @@ function ModalFooter({ className, ...props }) {
     "div",
     {
       ...props,
-      className: chunkMWAXK66H_cjs.cn("shrink-0 flex justify-end items-center gap-2", "px-5 pt-3 pb-5", className)
+      className: chunkNWGG5WFL_cjs.cn("shrink-0 flex justify-end items-center gap-2", "px-5 pt-3 pb-5", className)
     }
   );
 }
@@ -2757,12 +2771,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: chunkMWAXK66H_cjs.cn("grid grid-cols-1 gap-1.5", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkMWAXK66H_cjs.cn(styles4.box(), "flex items-center gap-1 pr-1", focusWithin), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn("grid grid-cols-1 gap-1.5", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn(styles4.box(), "flex items-center gap-1 pr-1", focusWithin), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
-          className: chunkMWAXK66H_cjs.cn(
+          className: chunkNWGG5WFL_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
@@ -2803,7 +2817,7 @@ function CurrencyInput({
             /* @__PURE__ */ jsxRuntime.jsxs(
               reactAriaComponents.Button,
               {
-                className: chunkMWAXK66H_cjs.cn(
+                className: chunkNWGG5WFL_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)]",
@@ -2819,18 +2833,18 @@ function CurrencyInput({
               reactAriaComponents.Popover,
               {
                 offset: 6,
-                className: chunkMWAXK66H_cjs.cn(
+                className: chunkNWGG5WFL_cjs.cn(
                   "min-w-[9rem] rounded-md border border-rule bg-surface p-1",
                   "shadow-[var(--shadow-raised)]",
-                  "entering:animate-in entering:fade-in-0 entering:slide-in-from-top-1",
-                  "exiting:animate-out exiting:fade-out-0 exiting:slide-out-to-top-1"
+                  "entering:animate-enter-slide-down",
+                  "exiting:animate-exit-slide-up"
                 ),
                 children: /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.ListBox, { className: "max-h-72 overflow-auto outline-none", children: currencyOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
                   reactAriaComponents.ListBoxItem,
                   {
                     id: option.code,
                     textValue: `${option.symbol ?? ""} ${option.code}`,
-                    className: chunkMWAXK66H_cjs.cn(
+                    className: chunkNWGG5WFL_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",
@@ -2892,12 +2906,12 @@ function DateTimeCell({
 }
 function BooleanCell({ value, className }) {
   if (value === true) {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-label": "true", className: chunkMWAXK66H_cjs.cn("text-success", className), children: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, {}) });
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-label": "true", className: chunkNWGG5WFL_cjs.cn("text-success", className), children: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, {}) });
   }
   if (value === false) {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-label": "false", className: chunkMWAXK66H_cjs.cn("text-ink-4", className), children: /* @__PURE__ */ jsxRuntime.jsx(MinusIcon, {}) });
+    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", { className: chunkMWAXK66H_cjs.cn("text-ink-4", className), children: "\u2014" });
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNWGG5WFL_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(
@@ -2916,7 +2930,7 @@ function MinusIcon() {
 }
 function TruncateCell({ value, title, className }) {
   const tooltip = title ?? (typeof value === "string" ? value : void 0);
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkMWAXK66H_cjs.cn("truncate min-w-0", className), title: tooltip, children: value ?? "\u2014" });
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNWGG5WFL_cjs.cn("truncate min-w-0", className), title: tooltip, children: value ?? "\u2014" });
 }
 function LinkCell({ children, onClick, className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2927,7 +2941,7 @@ function LinkCell({ children, onClick, className, ...props }) {
         e.stopPropagation();
         onClick?.(e);
       },
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_cjs.cn(
         "text-ink underline decoration-rule underline-offset-2 hover:decoration-ink",
         className
       ),
@@ -2948,7 +2962,7 @@ var tableStyles = tailwindVariants.tv({
   defaultVariants: { variant: "panel" }
 });
 function Table({ variant, className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "grid", ...props, className: chunkMWAXK66H_cjs.cn(tableStyles({ variant }), className) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "grid", ...props, className: chunkNWGG5WFL_cjs.cn(tableStyles({ variant }), className) });
 }
 var tableHeaderStyles = tailwindVariants.tv({
   base: [
@@ -2964,7 +2978,7 @@ var tableHeaderStyles = tailwindVariants.tv({
   defaultVariants: { sticky: false }
 });
 function TableHeader({ sticky, className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "row", ...props, className: chunkMWAXK66H_cjs.cn(tableHeaderStyles({ sticky }), className) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "row", ...props, className: chunkNWGG5WFL_cjs.cn(tableHeaderStyles({ sticky }), className) });
 }
 var tableHeaderCellStyles = tailwindVariants.tv({
   base: [
@@ -3141,7 +3155,7 @@ function TableHeaderCell({
       style: { ...widthStyle, ...style },
       onClick: handleClick,
       onKeyDown: handleKeyDown,
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_cjs.cn(
         tableHeaderCellStyles({ align, interactive: isSortable, active, sticky }),
         "group/header",
         dragState.kind === "dragging" ? "opacity-40" : "",
@@ -3154,7 +3168,7 @@ function TableHeaderCell({
             ref: handleRef,
             "data-dnd-handle": "true",
             "aria-hidden": "true",
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_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"
@@ -3165,7 +3179,7 @@ function TableHeaderCell({
         /* @__PURE__ */ jsxRuntime.jsxs(
           "span",
           {
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_cjs.cn(
               "flex items-center gap-[7px] min-w-0 flex-1",
               align === "right" ? "justify-end" : align === "center" ? "justify-center" : "justify-start"
             ),
@@ -3185,7 +3199,7 @@ function TableHeaderCell({
               e.stopPropagation();
               onRemove();
             },
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_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",
@@ -3198,7 +3212,7 @@ function TableHeaderCell({
           "div",
           {
             "aria-hidden": "true",
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_cjs.cn(
               "pointer-events-none absolute inset-y-0 z-10 w-0.5 bg-accent",
               dragState.edge === "left" ? "-left-px" : "-right-px"
             )
@@ -3223,7 +3237,7 @@ function TableHeaderCell({
               onPointerDown: startResize,
               onKeyDown: resizeByKey,
               onClick: (e) => e.stopPropagation(),
-              className: chunkMWAXK66H_cjs.cn(
+              className: chunkNWGG5WFL_cjs.cn(
                 "group/resize absolute inset-y-0 -right-1 z-10 w-2 cursor-col-resize outline-none",
                 "flex justify-center"
               ),
@@ -3231,7 +3245,7 @@ function TableHeaderCell({
                 "span",
                 {
                   "aria-hidden": "true",
-                  className: chunkMWAXK66H_cjs.cn(
+                  className: chunkNWGG5WFL_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"
                   )
@@ -3252,7 +3266,7 @@ function SortIcon({ dir, active }) {
       height: "11",
       viewBox: "0 0 8 11",
       "aria-hidden": "true",
-      className: chunkMWAXK66H_cjs.cn("shrink-0", active ? "text-accent" : "text-ink-4"),
+      className: chunkNWGG5WFL_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 })
@@ -3266,7 +3280,7 @@ function TableHeaderSpacer({ className, ...props }) {
     {
       "aria-hidden": "true",
       ...props,
-      className: chunkMWAXK66H_cjs.cn("flex-1 h-[36px] border-r-0", "bg-transparent pointer-events-none", className)
+      className: chunkNWGG5WFL_cjs.cn("flex-1 h-[36px] border-r-0", "bg-transparent pointer-events-none", className)
     }
   );
 }
@@ -3286,7 +3300,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: chunkMWAXK66H_cjs.cn(tableBodyStyles(), className) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "rowgroup", ref, ...props, className: chunkNWGG5WFL_cjs.cn(tableBodyStyles(), className) });
 }
 var tableScrollerStyles = tailwindVariants.tv({
   base: ["relative flex-1 min-h-0 overflow-auto", ...scrollbarChrome]
@@ -3298,7 +3312,7 @@ function TableScroller({ className, ref, ...props }) {
       role: "presentation",
       ref,
       ...props,
-      className: chunkMWAXK66H_cjs.cn(tableScrollerStyles(), className)
+      className: chunkNWGG5WFL_cjs.cn(tableScrollerStyles(), className)
     }
   );
 }
@@ -3350,7 +3364,7 @@ function TableRow({
         onClick?.(e);
         onRowClick?.(e);
       },
-      className: chunkMWAXK66H_cjs.cn(tableRowStyles({ alt, interactive, absolute }), className)
+      className: chunkNWGG5WFL_cjs.cn(tableRowStyles({ alt, interactive, absolute }), className)
     }
   );
 }
@@ -3404,7 +3418,7 @@ function TableCell({
       role: "gridcell",
       ...props,
       style: { ...widthStyle, ...style },
-      className: chunkMWAXK66H_cjs.cn(tableCellStyles({ align, mono, ink, sticky }), className)
+      className: chunkNWGG5WFL_cjs.cn(tableCellStyles({ align, mono, ink, sticky }), className)
     }
   );
 }
@@ -3419,7 +3433,7 @@ function DataTableEmpty({
     "div",
     {
       role: "status",
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_cjs.cn(
         "flex flex-col items-center justify-center gap-2",
         "px-5 py-16 text-center",
         "font-sans text-[13px] text-ink-3",
@@ -3439,7 +3453,7 @@ function DataTableError({ error, onRetry, className }) {
     "div",
     {
       role: "alert",
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_cjs.cn(
         "flex flex-col items-center justify-center gap-3",
         "px-5 py-16 text-center",
         "font-sans text-[13px] text-ink-3",
@@ -3448,7 +3462,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(chunkMWAXK66H_cjs.Button, { variant: "ghost", size: "sm", onPress: onRetry, children: "Retry" }) : null
+        onRetry ? /* @__PURE__ */ jsxRuntime.jsx(chunkNWGG5WFL_cjs.Button, { variant: "ghost", size: "sm", onPress: onRetry, children: "Retry" }) : null
       ]
     }
   );
@@ -3467,7 +3481,7 @@ function DataTableSkeleton({
         TableCell,
         {
           width: w,
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunkMWAXK66H_cjs.Skeleton, { shape: "text", className: "h-3 max-w-[60%]" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkNWGG5WFL_cjs.Skeleton, { shape: "text", className: "h-3 max-w-[60%]" })
         },
         colIdx
       ))
@@ -3746,12 +3760,12 @@ function DataTable({
     {
       ...ariaLabel !== void 0 ? { "aria-label": ariaLabel } : {},
       variant,
-      className: chunkMWAXK66H_cjs.cn("flex-1 min-h-0", className),
+      className: chunkNWGG5WFL_cjs.cn("flex-1 min-h-0", className),
       children: /* @__PURE__ */ jsxRuntime.jsx(
         TableScroller,
         {
           ref: scrollerRef,
-          className: chunkMWAXK66H_cjs.cn("scroll-pt-[36px]", bodyAfter ? "scroll-pb-8" : void 0),
+          className: chunkNWGG5WFL_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) => {
@@ -3838,7 +3852,7 @@ function DataTable({
               /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
-                  className: chunkMWAXK66H_cjs.cn(
+                  className: chunkNWGG5WFL_cjs.cn(
                     "sticky bottom-0 z-[4] flex items-center h-8 px-0.5",
                     "border-t border-rule-2 bg-bg"
                   ),
@@ -3858,7 +3872,7 @@ function GroupHeaderRow({ style, children }) {
     {
       absolute: true,
       style,
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_cjs.cn(
         "bg-surface-2 border-b border-rule",
         "font-mono text-[11px] uppercase tracking-[0.06em] text-ink-3"
       ),
@@ -3880,7 +3894,7 @@ function DataRow({
   const cells = row.getVisibleCells().map((cell) => {
     const meta = cell.column.columnDef.meta;
     const cellSize = cell.column.getSize() || void 0;
-    const cellClassName = chunkMWAXK66H_cjs.cn(
+    const cellClassName = chunkNWGG5WFL_cjs.cn(
       columnBorders ? "border-r border-rule-2" : void 0,
       meta?.cellClassName
     );
@@ -3923,7 +3937,7 @@ function LoaderRow() {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_cjs.cn(
         "flex items-center justify-center gap-3",
         "h-8 font-mono text-[11px] tracking-[0.04em]",
         "text-ink-4"
@@ -4015,7 +4029,7 @@ function CalendarSurface() {
         {
           slot: "previous",
           "aria-label": "Previous month",
-          className: chunkMWAXK66H_cjs.cn(
+          className: chunkNWGG5WFL_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)]"
@@ -4029,7 +4043,7 @@ function CalendarSurface() {
         {
           slot: "next",
           "aria-label": "Next month",
-          className: chunkMWAXK66H_cjs.cn(
+          className: chunkNWGG5WFL_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)]"
@@ -4042,7 +4056,7 @@ function CalendarSurface() {
       /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.CalendarGridHeader, { children: (day) => /* @__PURE__ */ jsxRuntime.jsx(
         reactAriaComponents.CalendarHeaderCell,
         {
-          className: chunkMWAXK66H_cjs.cn(
+          className: chunkNWGG5WFL_cjs.cn(
             "font-mono text-[10.5px] uppercase tracking-[0.08em] text-ink-4",
             "pb-2 text-center"
           ),
@@ -4053,7 +4067,7 @@ function CalendarSurface() {
         reactAriaComponents.CalendarCell,
         {
           date,
-          className: chunkMWAXK66H_cjs.cn(
+          className: chunkNWGG5WFL_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",
@@ -4062,7 +4076,7 @@ function CalendarSurface() {
             "data-[outside-month]:text-ink-4",
             "data-[hovered]:bg-surface-2 data-[hovered]:text-ink",
             "data-[focus-visible]:shadow-[var(--shadow-focus)]",
-            "data-[selected]:bg-accent data-[selected]:text-[#f0efe8]",
+            "data-[selected]:bg-accent data-[selected]:text-tile-fg",
             "data-[selected]:data-[hovered]:bg-accent-2",
             "data-[disabled]:opacity-30 data-[disabled]:cursor-not-allowed",
             "data-[unavailable]:line-through data-[unavailable]:text-ink-4"
@@ -4087,7 +4101,7 @@ function DatePicker({
     reactAriaComponents.DatePicker,
     {
       ...props,
-      className: (renderProps) => chunkMWAXK66H_cjs.cn(
+      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
         "grid grid-cols-1 gap-1.5",
         typeof className === "function" ? className(renderProps) : className
       ),
@@ -4096,7 +4110,7 @@ function DatePicker({
         /* @__PURE__ */ jsxRuntime.jsxs(
           reactAriaComponents.Group,
           {
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_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(),
@@ -4107,7 +4121,7 @@ function DatePicker({
               /* @__PURE__ */ jsxRuntime.jsx(
                 reactAriaComponents.DateInput,
                 {
-                  className: chunkMWAXK66H_cjs.cn(
+                  className: chunkNWGG5WFL_cjs.cn(
                     "flex-1 flex items-center min-w-0 text-ink",
                     styles4.content(),
                     // Tabular alignment for date segments — overrides content's
@@ -4118,12 +4132,12 @@ function DatePicker({
                     reactAriaComponents.DateSegment,
                     {
                       segment,
-                      className: chunkMWAXK66H_cjs.cn(
+                      className: chunkNWGG5WFL_cjs.cn(
                         "px-px tabular-nums outline-none select-none",
                         "data-[placeholder]:text-ink-4",
                         "data-[type=literal]:text-ink-4",
                         // segment focus treatment: indigo fill, paper text
-                        "data-[focused]:bg-accent data-[focused]:text-[#f0efe8] data-[focused]:rounded-[3px]",
+                        "data-[focused]:bg-accent data-[focused]:text-tile-fg data-[focused]:rounded-[3px]",
                         "data-[disabled]:cursor-not-allowed"
                       )
                     }
@@ -4133,7 +4147,7 @@ function DatePicker({
               /* @__PURE__ */ jsxRuntime.jsx(
                 reactAriaComponents.Button,
                 {
-                  className: chunkMWAXK66H_cjs.cn(
+                  className: chunkNWGG5WFL_cjs.cn(
                     "shrink-0 inline-flex items-center justify-center",
                     "size-7 rounded-md",
                     "text-ink-3 hover:text-ink hover:bg-surface-2",
@@ -4153,7 +4167,7 @@ function DatePicker({
           reactAriaComponents.Popover,
           {
             offset: 6,
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_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
@@ -4162,8 +4176,8 @@ function DatePicker({
               "w-[var(--trigger-width)] min-w-[18rem] max-w-[500px]",
               "rounded-md border border-rule bg-surface p-4",
               "shadow-[var(--shadow-raised)]",
-              "entering:animate-in entering:fade-in-0 entering:slide-in-from-top-1",
-              "exiting:animate-out exiting:fade-out-0 exiting:slide-out-to-top-1"
+              "entering:animate-enter-slide-down",
+              "exiting:animate-exit-slide-up"
             ),
             children: /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Dialog, { className: "outline-none", children: /* @__PURE__ */ jsxRuntime.jsx(CalendarSurface, {}) })
           }
@@ -4172,12 +4186,12 @@ function DatePicker({
     }
   );
 }
-var segmentStyles = chunkMWAXK66H_cjs.cn(
+var segmentStyles = chunkNWGG5WFL_cjs.cn(
   "px-px tabular-nums outline-none select-none",
   "data-[placeholder]:text-ink-4",
   "data-[type=literal]:text-ink-4",
   // segment focus treatment: indigo fill, paper text
-  "data-[focused]:bg-accent data-[focused]:text-[#f0efe8] data-[focused]:rounded-[3px]",
+  "data-[focused]:bg-accent data-[focused]:text-tile-fg data-[focused]:rounded-[3px]",
   "data-[disabled]:cursor-not-allowed"
 );
 function PopoverTimeField({
@@ -4203,7 +4217,7 @@ function PopoverTimeField({
         children: /* @__PURE__ */ jsxRuntime.jsx(
           reactAriaComponents.DateInput,
           {
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_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)]",
@@ -4242,7 +4256,7 @@ function DateTimePicker({
       granularity,
       hideTimeZone,
       shouldCloseOnSelect,
-      className: (renderProps) => chunkMWAXK66H_cjs.cn(
+      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
         "grid grid-cols-1 gap-1.5",
         typeof className === "function" ? className(renderProps) : className
       ),
@@ -4251,7 +4265,7 @@ function DateTimePicker({
         /* @__PURE__ */ jsxRuntime.jsxs(
           reactAriaComponents.Group,
           {
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_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(),
@@ -4262,7 +4276,7 @@ function DateTimePicker({
               /* @__PURE__ */ jsxRuntime.jsx(
                 reactAriaComponents.DateInput,
                 {
-                  className: chunkMWAXK66H_cjs.cn(
+                  className: chunkNWGG5WFL_cjs.cn(
                     "flex-1 flex items-center min-w-0 text-ink",
                     styles4.content(),
                     // Tabular alignment for date/time segments — overrides content's
@@ -4275,7 +4289,7 @@ function DateTimePicker({
               /* @__PURE__ */ jsxRuntime.jsx(
                 reactAriaComponents.Button,
                 {
-                  className: chunkMWAXK66H_cjs.cn(
+                  className: chunkNWGG5WFL_cjs.cn(
                     "shrink-0 inline-flex items-center justify-center",
                     "size-7 rounded-md",
                     "text-ink-3 hover:text-ink hover:bg-surface-2",
@@ -4295,7 +4309,7 @@ function DateTimePicker({
           reactAriaComponents.Popover,
           {
             offset: 6,
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_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
@@ -4304,8 +4318,8 @@ function DateTimePicker({
               "w-[var(--trigger-width)] min-w-[18rem] max-w-[500px]",
               "rounded-md border border-rule bg-surface p-4",
               "shadow-[var(--shadow-raised)]",
-              "entering:animate-in entering:fade-in-0 entering:slide-in-from-top-1",
-              "exiting:animate-out exiting:fade-out-0 exiting:slide-out-to-top-1"
+              "entering:animate-enter-slide-down",
+              "exiting:animate-exit-slide-up"
             ),
             children: /* @__PURE__ */ jsxRuntime.jsxs(reactAriaComponents.Dialog, { className: "outline-none", children: [
               /* @__PURE__ */ jsxRuntime.jsx(CalendarSurface, {}),
@@ -4365,7 +4379,7 @@ function DraftMessageCard({
   isPreviewDisabled = false,
   className
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkMWAXK66H_cjs.cn(styles2.root(), className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_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 }),
@@ -4486,7 +4500,7 @@ function MultiSelect({
       openPopover(true);
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkMWAXK66H_cjs.cn("grid grid-cols-1 gap-1.5", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn("grid grid-cols-1 gap-1.5", className), children: [
     label ? /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Label, { className: fieldLabelStyles, children: label }) : null,
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -4502,7 +4516,7 @@ function MultiSelect({
         onKeyDown: onTriggerKeyDown,
         "data-invalid": isInvalid || void 0,
         "data-disabled": isDisabled || void 0,
-        className: chunkMWAXK66H_cjs.cn(
+        className: chunkNWGG5WFL_cjs.cn(
           styles4.box(),
           "flex flex-wrap items-center gap-1.5 cursor-pointer",
           minHeight,
@@ -4517,7 +4531,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: chunkMWAXK66H_cjs.cn("text-ink-4 font-sans px-1", fieldTextStyles[size]), children: placeholder })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNWGG5WFL_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, {}) })
         ]
@@ -4533,14 +4547,14 @@ function MultiSelect({
         triggerRef,
         offset: 6,
         placement: "bottom start",
-        className: chunkMWAXK66H_cjs.cn(
+        className: chunkNWGG5WFL_cjs.cn(
           "w-[var(--trigger-width)]",
           // The popover element itself takes focus when opened programmatically
           // (defaultOpen) — no browser outline around the whole panel.
           "outline-none rounded-md border border-rule bg-surface p-1",
           "shadow-[var(--shadow-raised)]",
-          "entering:animate-in entering:fade-in-0 entering:slide-in-from-top-1",
-          "exiting:animate-out exiting:fade-out-0 exiting:slide-out-to-top-1"
+          "entering:animate-enter-slide-down",
+          "exiting:animate-exit-slide-up"
         ),
         children: [
           isSearchable ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-rule-2 px-1 pb-1 mb-1", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -4551,7 +4565,7 @@ function MultiSelect({
               onChange: (e) => updateSearch(e.target.value),
               placeholder: "Search\u2026",
               "aria-label": "Search options",
-              className: chunkMWAXK66H_cjs.cn(
+              className: chunkNWGG5WFL_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"
               )
@@ -4572,14 +4586,14 @@ function MultiSelect({
                 onSelectionChange(keys);
               },
               className: "outline-none max-h-72 overflow-auto",
-              renderEmptyState: () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkMWAXK66H_cjs.cn("px-3 py-2", fieldHintStyles), children: needle !== "" ? "No matches" : "All options selected" }),
+              renderEmptyState: () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNWGG5WFL_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: chunkMWAXK66H_cjs.cn(
+                  className: chunkNWGG5WFL_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",
@@ -4609,7 +4623,7 @@ function Chip({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "span",
     {
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_cjs.cn(
         "inline-flex items-center gap-1.5",
         "pl-2 pr-1 py-0.5 rounded-[6px]",
         "bg-surface-2 border border-rule",
@@ -4627,7 +4641,7 @@ function Chip({
               e.stopPropagation();
               onRemove();
             },
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_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",
@@ -4807,7 +4821,7 @@ function MessageComposer({
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-[18px] py-3", children: /* @__PURE__ */ jsxRuntime.jsx(
       "p",
       {
-        className: chunkMWAXK66H_cjs.cn(
+        className: chunkNWGG5WFL_cjs.cn(
           "rounded-[10px] border border-rule bg-surface-2 px-3.5 py-2.5",
           "text-[12.5px] text-ink-3 text-center"
         ),
@@ -4832,7 +4846,7 @@ function MessageComposer({
     }
   ) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-[18px] pb-3.5 pt-1", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkMWAXK66H_cjs.cn(messageComposerStyles(), className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_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(
@@ -4936,7 +4950,7 @@ function MessageComposer({
             rows: 1,
             onChange: (event) => onValueChange({ ...value, text: event.target.value }),
             onKeyDown: onKeyDown2,
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_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
@@ -4953,7 +4967,7 @@ function MessageComposer({
                 if (files) onAddFiles(Array.from(files));
               },
               children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkMWAXK66H_cjs.Button,
+                chunkNWGG5WFL_cjs.Button,
                 {
                   variant: "subtle",
                   size: "icon-md",
@@ -4972,7 +4986,7 @@ function MessageComposer({
                 "aria-label": "Send",
                 isDisabled: !canSend || isSending,
                 onPress: () => void submit(),
-                className: chunkMWAXK66H_cjs.cn(
+                className: chunkNWGG5WFL_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",
@@ -5287,10 +5301,10 @@ function DraftMessageComposer({
     [message?.attachments]
   );
   if (phase === "loading") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkMWAXK66H_cjs.cn(styles3.root(), className), children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles3.terminal(), children: "Loading draft\u2026" }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNWGG5WFL_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: chunkMWAXK66H_cjs.cn(styles3.root(), className), children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: styles3.terminal(), children: [
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNWGG5WFL_cjs.cn(styles3.root(), className), children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: styles3.terminal(), children: [
       loadError ?? "Loading the draft failed.",
       " ",
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -5305,9 +5319,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: chunkMWAXK66H_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: chunkNWGG5WFL_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: chunkMWAXK66H_cjs.cn(styles3.root(), className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_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: [
@@ -5349,7 +5363,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(
-          chunkMWAXK66H_cjs.Button,
+          chunkNWGG5WFL_cjs.Button,
           {
             size: "sm",
             variant: "ghost",
@@ -5358,9 +5372,9 @@ function DraftMessageComposer({
             children: "Confirm reject"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkMWAXK66H_cjs.Button, { size: "sm", variant: "subtle", onPress: () => setIsConfirmingReject(false), children: "Cancel" })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkNWGG5WFL_cjs.Button, { size: "sm", variant: "subtle", onPress: () => setIsConfirmingReject(false), children: "Cancel" })
       ] }) : /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMWAXK66H_cjs.Button,
+        chunkNWGG5WFL_cjs.Button,
         {
           size: "sm",
           variant: "ghost",
@@ -5370,7 +5384,7 @@ function DraftMessageComposer({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMWAXK66H_cjs.Button,
+        chunkNWGG5WFL_cjs.Button,
         {
           size: "sm",
           variant: "subtle",
@@ -5528,7 +5542,7 @@ function EmptyState({
   className
 }) {
   const styles4 = emptyStateStyles({ size });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkMWAXK66H_cjs.cn(styles4.root(), className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_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,
@@ -5540,7 +5554,7 @@ function ErrorAnimation({ className }) {
     "div",
     {
       "aria-hidden": true,
-      className: chunkMWAXK66H_cjs.cn("size-24 text-danger motion-safe:animate-status-pop", className),
+      className: chunkNWGG5WFL_cjs.cn("size-24 text-danger motion-safe:animate-status-pop", className),
       children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleX, { className: "size-full", strokeWidth: 1.5 })
     }
   );
@@ -5563,13 +5577,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: chunkMWAXK66H_cjs.cn(fileViewerFallbackCardStyles(), className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_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(chunkMWAXK66H_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(chunkNWGG5WFL_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({
@@ -5577,8 +5591,8 @@ var imageLightboxStyles = tailwindVariants.tv({
     "fixed inset-0 z-50 flex items-center justify-center p-4",
     // Deeper scrim than Modal's 40% — the image needs the page fully dimmed.
     "bg-[color-mix(in_oklab,var(--color-ink)_72%,transparent)]",
-    "entering:animate-in entering:fade-in-0 entering:duration-150",
-    "exiting:animate-out exiting:fade-out-0 exiting:duration-100"
+    "entering:animate-enter-fade",
+    "exiting:animate-exit-fade"
   ]
 });
 function ImageLightbox({ isOpen, onOpenChange, src, name, onDownload }) {
@@ -5606,7 +5620,7 @@ function ImageLightbox({ isOpen, onOpenChange, src, name, onDownload }) {
             /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
               {
-                className: chunkMWAXK66H_cjs.cn(
+                className: chunkNWGG5WFL_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)]"
@@ -5614,7 +5628,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(
-                    chunkMWAXK66H_cjs.Button,
+                    chunkNWGG5WFL_cjs.Button,
                     {
                       variant: "ghost",
                       size: "icon-sm",
@@ -5623,7 +5637,7 @@ function ImageLightbox({ isOpen, onOpenChange, src, name, onDownload }) {
                       children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { "aria-hidden": true })
                     }
                   ) : null,
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkMWAXK66H_cjs.Button, { slot: "close", variant: "ghost", size: "icon-sm", "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { "aria-hidden": true }) })
+                  /* @__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 }) })
                 ]
               }
             )
@@ -5663,7 +5677,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-K4MMVHVY.cjs'));
+var PdfView = react.lazy(() => import('./pdf-view-RRMAUK3L.cjs'));
 var fileViewerStyles = tailwindVariants.tv({
   base: [
     "relative flex w-full flex-col overflow-hidden",
@@ -5703,8 +5717,8 @@ function FileViewer({
     }
   );
   if (kind === "none" || errorMessage || isOversized) return fallback;
-  const skeleton = /* @__PURE__ */ jsxRuntime.jsx(chunkMWAXK66H_cjs.Skeleton, { "aria-label": `Loading preview of ${name}`, className: "h-full w-full rounded-none" });
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkMWAXK66H_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(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 } : {} }) }) });
 }
 var imageAttachmentStyles = tailwindVariants.tv({
   base: [
@@ -5727,7 +5741,7 @@ function ImageAttachment({
     {
       "aria-label": `Preview ${name}`,
       ...onPress ? { onPress } : {},
-      className: chunkMWAXK66H_cjs.cn(imageAttachmentStyles(), className),
+      className: chunkNWGG5WFL_cjs.cn(imageAttachmentStyles(), className),
       children: [
         src ? (
           // Kept in the DOM (invisible) while loading so onLoad still fires
@@ -5740,14 +5754,14 @@ function ImageAttachment({
               loading: "lazy",
               onLoad: () => setLoadedSrc(src),
               onError: () => onLoadError?.(),
-              className: chunkMWAXK66H_cjs.cn(
+              className: chunkNWGG5WFL_cjs.cn(
                 "block max-h-[220px] max-w-[280px] object-contain",
                 !isLoaded && "invisible absolute inset-0"
               )
             }
           )
         ) : null,
-        !isLoaded ? /* @__PURE__ */ jsxRuntime.jsx(chunkMWAXK66H_cjs.Skeleton, { className: "h-[140px] w-[200px]" }) : null
+        !isLoaded ? /* @__PURE__ */ jsxRuntime.jsx(chunkNWGG5WFL_cjs.Skeleton, { className: "h-[140px] w-[200px]" }) : null
       ]
     }
   );
@@ -5778,7 +5792,7 @@ function Input({
     reactAriaComponents.TextField,
     {
       ...props,
-      className: (renderProps) => chunkMWAXK66H_cjs.cn(
+      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
         "grid grid-cols-1 gap-1.5",
         typeof className === "function" ? className(renderProps) : className
       ),
@@ -5789,7 +5803,7 @@ function Input({
           {
             ...inputProps,
             placeholder: placeholder ?? "",
-            className: chunkMWAXK66H_cjs.cn(styles4.box(), styles4.content(), inputClassName)
+            className: chunkNWGG5WFL_cjs.cn(styles4.box(), styles4.content(), inputClassName)
           }
         ),
         description ? /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Text, { slot: "description", className: fieldHintStyles, children: description }) : null,
@@ -5807,11 +5821,11 @@ function MenuPopover({ className, offset = 4, placement = "bottom start", ...pro
       offset,
       placement,
       ...props,
-      className: (renderProps) => chunkMWAXK66H_cjs.cn(
+      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
         "min-w-[200px] p-1 bg-surface border border-rule rounded-md",
         "shadow-[var(--shadow-float)] outline-none z-[1200]",
-        "entering:animate-in entering:fade-in-0 entering:zoom-in-95",
-        "exiting:animate-out exiting:fade-out-0 exiting:zoom-out-95",
+        "entering:animate-enter-zoom",
+        "exiting:animate-exit-zoom",
         typeof className === "function" ? className(renderProps) : className
       )
     }
@@ -5822,14 +5836,14 @@ function Menu({ className, ...props }) {
     reactAriaComponents.Menu,
     {
       ...props,
-      className: (renderProps) => chunkMWAXK66H_cjs.cn(
+      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
         "flex flex-col gap-px outline-none",
         typeof className === "function" ? className(renderProps) : className
       )
     }
   );
 }
-var menuItemStyles = chunkMWAXK66H_cjs.cn(
+var menuItemStyles = chunkNWGG5WFL_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",
@@ -5843,7 +5857,7 @@ function MenuItem({ icon, hasSubmenu, children, className, ...props }) {
     reactAriaComponents.MenuItem,
     {
       ...props,
-      className: (renderProps) => chunkMWAXK66H_cjs.cn(menuItemStyles, typeof className === "function" ? className(renderProps) : className),
+      className: (renderProps) => chunkNWGG5WFL_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 }),
@@ -5865,7 +5879,7 @@ function NavSection({
   "data-testid": dataTestid
 }) {
   const hasHead = label !== void 0 || count !== void 0 || action !== void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkMWAXK66H_cjs.cn("mt-[18px] first:mt-1", className), "data-testid": dataTestid, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_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: [
@@ -5920,7 +5934,7 @@ function NavItem({ icon, badge, isActive, className, children, ...props }) {
     reactAriaComponents.Button,
     {
       ...props,
-      className: (renderProps) => chunkMWAXK66H_cjs.cn(
+      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
         navItemStyles({ isActive, isNested }),
         typeof className === "function" ? className(renderProps) : className
       ),
@@ -5929,7 +5943,7 @@ function NavItem({ icon, badge, isActive, className, children, ...props }) {
           "span",
           {
             "aria-hidden": true,
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_cjs.cn(
               "grid place-items-center shrink-0 size-4",
               isActive ? "text-accent" : "text-ink-3",
               "[&>svg]:size-4"
@@ -5944,12 +5958,12 @@ function NavItem({ icon, badge, isActive, className, children, ...props }) {
   );
 }
 function NavGroup({ icon, label, children, className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(reactAriaComponents.Disclosure, { ...props, className: chunkMWAXK66H_cjs.cn("group/nav-group my-px", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactAriaComponents.Disclosure, { ...props, className: chunkNWGG5WFL_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: chunkMWAXK66H_cjs.cn(
+        className: chunkNWGG5WFL_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",
@@ -5993,7 +6007,7 @@ function NavGroup({ icon, label, children, className, ...props }) {
     /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.DisclosurePanel, { children: /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: chunkMWAXK66H_cjs.cn(
+        className: chunkNWGG5WFL_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).
@@ -6017,7 +6031,7 @@ function Orb({ size = "sm", state = "solving", speed, theme, className, label })
       size: design,
       ...speed !== void 0 ? { speed } : {},
       ...theme !== void 0 ? { theme } : {},
-      className: chunkMWAXK66H_cjs.cn("inline-block shrink-0", className),
+      className: chunkNWGG5WFL_cjs.cn("inline-block shrink-0", className),
       ...px !== design ? { style: { width: px, height: px } } : {},
       ...label ? { "aria-label": label } : { "aria-hidden": true }
     }
@@ -6038,10 +6052,10 @@ var progressBarStyles = tailwindVariants.tv({
 });
 function ProgressBar({ size, className, ...props }) {
   const { track, fill } = progressBarStyles({ size });
-  return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.ProgressBar, { ...props, className: chunkMWAXK66H_cjs.cn("block", className), children: ({ percentage, isIndeterminate }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: track(), children: isIndeterminate ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkMWAXK66H_cjs.cn(fill(), "absolute w-[35%] animate-indeterminate-progress") }) : /* @__PURE__ */ jsxRuntime.jsx(
+  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(
     "div",
     {
-      className: chunkMWAXK66H_cjs.cn(fill(), "transition-[width] duration-150"),
+      className: chunkNWGG5WFL_cjs.cn(fill(), "transition-[width] duration-150"),
       style: { width: `${percentage ?? 0}%` }
     }
   ) }) });
@@ -6060,13 +6074,13 @@ function RadioGroup({
     {
       ...props,
       orientation,
-      className: (renderProps) => chunkMWAXK66H_cjs.cn("grid gap-2", typeof className === "function" ? className(renderProps) : className),
+      className: (renderProps) => chunkNWGG5WFL_cjs.cn("grid gap-2", typeof className === "function" ? className(renderProps) : className),
       children: [
         label ? /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Label, { className: fieldLabelStyles, children: label }) : null,
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_cjs.cn(
               orientation === "horizontal" ? "flex flex-wrap items-center gap-x-4 gap-y-2" : "grid gap-3"
             ),
             children
@@ -6083,7 +6097,7 @@ function Radio({ children, className, ...props }) {
     reactAriaComponents.Radio,
     {
       ...props,
-      className: (renderProps) => chunkMWAXK66H_cjs.cn(
+      className: (renderProps) => chunkNWGG5WFL_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
@@ -6098,7 +6112,7 @@ function Radio({ children, className, ...props }) {
           "span",
           {
             "aria-hidden": true,
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_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",
@@ -6109,7 +6123,7 @@ function Radio({ children, className, ...props }) {
             children: /* @__PURE__ */ jsxRuntime.jsx(
               "span",
               {
-                className: chunkMWAXK66H_cjs.cn(
+                className: chunkNWGG5WFL_cjs.cn(
                   "block size-[10px] rounded-full bg-accent",
                   "transition-opacity duration-150 opacity-0",
                   "group-data-[selected]:opacity-100"
@@ -6153,7 +6167,7 @@ function AttributePicker({
       autoFocus,
       size,
       ...isDisabled !== void 0 ? { isDisabled } : {},
-      className: chunkMWAXK66H_cjs.cn("w-full", className)
+      className: chunkNWGG5WFL_cjs.cn("w-full", className)
     }
   );
 }
@@ -6422,7 +6436,7 @@ function ChipItem({
       }
     );
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkMWAXK66H_cjs.cn("font-mono text-[12px] text-ink max-w-[10rem] truncate"), children: formatValue(field, operator, value) });
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNWGG5WFL_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 });
@@ -6459,53 +6473,62 @@ var segmentedControlStyles = tailwindVariants.tv({
     // stretching parent (e.g. a `flex flex-col` card body, whose default
     // align-items:stretch would otherwise pull it to full width). Consumers
     // can still opt into full width by passing `w-full` via className.
-    group: "inline-flex w-fit rounded-sm border border-rule-strong bg-surface p-0.5 gap-0.5",
+    group: "inline-flex w-fit gap-px p-0.5 rounded-chip bg-surface-2 border border-rule",
     segment: [
-      "inline-flex items-center justify-center cursor-pointer",
-      "font-mono tracking-[0.04em] rounded-[3px] outline-none select-none",
-      "transition-[background-color,color] duration-150",
-      "data-[hovered]:text-ink",
-      "data-[selected]:bg-ink data-[selected]:text-surface",
+      "inline-flex items-center justify-center gap-1 cursor-pointer select-none",
+      "font-sans font-medium tracking-[-0.005em] rounded-sm outline-none text-ink-3",
+      "transition-[background-color,color,box-shadow] duration-150",
+      // Unselected: hover/press tint into the track colour. `selected` is
+      // declared after `hovered` in styles.css, so the pill wins over these.
+      "hovered:text-ink hovered:bg-[color-mix(in_oklab,var(--color-ink)_6%,var(--color-surface-2))]",
+      "pressed:bg-[color-mix(in_oklab,var(--color-ink)_10%,var(--color-surface-2))]",
+      // Selected: lifted white pill, static.
+      "selected:bg-surface selected:text-ink selected:shadow-[var(--shadow-rest)]",
       "data-[focus-visible]:shadow-[var(--shadow-focus)]",
+      "selected:data-[focus-visible]:shadow-[var(--shadow-focus),var(--shadow-rest)]",
       "data-[disabled]:opacity-45 data-[disabled]:cursor-not-allowed"
     ]
   },
   variants: {
     size: {
-      sm: { segment: "px-2 py-0.5 text-[10.5px] tracking-[0.08em]" },
-      md: { segment: "px-2.5 py-1 text-[12px]" }
+      sm: { segment: "px-2 py-0.5 text-[11.5px] min-h-[22px]" },
+      md: { segment: "px-2.5 py-1 text-[12.5px] min-h-[26px]" }
     },
-    tone: {
-      // Default: ink fill on selected.
-      default: { segment: "text-ink-3" }
+    // Dense flow-wrapping register (designer inspector): the group becomes a
+    // wrapping flex row and every segment grows to share the line.
+    wrap: {
+      true: { group: "flex flex-wrap w-auto", segment: "flex-1 min-w-7 px-1.5" },
+      false: {}
     }
   },
-  defaultVariants: { size: "sm", tone: "default" }
+  defaultVariants: { size: "sm", wrap: false }
 });
 function SegmentedControl({
   options,
   value,
   onChange,
   size,
+  wrap = false,
   autoFocus = false,
   className,
   orientation = "horizontal",
   ...props
 }) {
-  const styles4 = segmentedControlStyles({ size });
+  const styles4 = segmentedControlStyles({ size, wrap });
   return /* @__PURE__ */ jsxRuntime.jsx(
     reactAriaComponents.RadioGroup,
     {
       ...props,
       orientation,
-      value: String(value),
+      value: value === null ? null : String(value),
       onChange: (next) => onChange(next),
-      className: chunkMWAXK66H_cjs.cn(styles4.group(), className),
+      className: chunkNWGG5WFL_cjs.cn(styles4.group(), className),
       children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
         reactAriaComponents.Radio,
         {
           value: String(option.id),
           ...option.isDisabled ? { isDisabled: true } : {},
+          ...option["aria-label"] !== void 0 ? { "aria-label": option["aria-label"] } : {},
           ...autoFocus && option.id === value ? { autoFocus: true } : {},
           className: styles4.segment(),
           children: option.label
@@ -6574,14 +6597,14 @@ function TagInput({
       onChange(value.slice(0, -1));
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkMWAXK66H_cjs.cn("grid grid-cols-1 gap-1.5", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn("grid grid-cols-1 gap-1.5", 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: chunkMWAXK66H_cjs.cn(
+        className: chunkNWGG5WFL_cjs.cn(
           styles4.box(),
           "flex",
           // Cell editor: one table row (29px under a 32px row) while the chips
@@ -6595,7 +6618,7 @@ function TagInput({
           "div",
           {
             ref: chipsRef,
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_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")
             ),
@@ -6634,7 +6657,7 @@ function TagInput({
                   onBlur: commit,
                   disabled: isDisabled,
                   placeholder: value.length === 0 ? placeholder : "",
-                  className: chunkMWAXK66H_cjs.cn(
+                  className: chunkNWGG5WFL_cjs.cn(
                     "flex-1 min-w-[6rem] bg-transparent outline-none",
                     "font-sans text-ink placeholder:text-ink-4",
                     fieldTextStyles[size],
@@ -6767,7 +6790,7 @@ function FilterValueInput({
           onChange: (next) => onChange(next ? next.toString() : ""),
           autoFocus,
           ...isDisabled !== void 0 ? { isDisabled } : {},
-          className: chunkMWAXK66H_cjs.cn("w-full", className)
+          className: chunkNWGG5WFL_cjs.cn("w-full", className)
         }
       );
     }
@@ -6784,7 +6807,7 @@ function FilterValueInput({
           ...autoFocus ? { autoFocus: true } : {}
         },
         ...isDisabled !== void 0 ? { isDisabled } : {},
-        className: chunkMWAXK66H_cjs.cn("w-full", className)
+        className: chunkNWGG5WFL_cjs.cn("w-full", className)
       }
     );
   })();
@@ -6824,7 +6847,7 @@ function EnumSingleValue({
       },
       ...isDisabled !== void 0 ? { isDisabled } : {},
       ...autoFocus ? { autoFocus: true } : {},
-      className: chunkMWAXK66H_cjs.cn("w-full", className)
+      className: chunkNWGG5WFL_cjs.cn("w-full", className)
     }
   );
 }
@@ -6853,7 +6876,7 @@ function EnumMultiValue({
       placeholder: "Select values\u2026",
       ...isDisabled !== void 0 ? { isDisabled } : {},
       ...autoFocus ? { autoFocus: true } : {},
-      className: chunkMWAXK66H_cjs.cn("w-full", className)
+      className: chunkNWGG5WFL_cjs.cn("w-full", className)
     }
   );
 }
@@ -6911,7 +6934,7 @@ function OperatorPicker({
       size,
       ...isDisabled !== void 0 ? { isDisabled } : {},
       ...autoFocus ? { autoFocus: true } : {},
-      className: chunkMWAXK66H_cjs.cn("w-full", className),
+      className: chunkNWGG5WFL_cjs.cn("w-full", className),
       triggerClassName: "min-w-0"
     }
   );
@@ -6941,7 +6964,7 @@ function FilterRow({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_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))]"
       ),
@@ -6949,7 +6972,7 @@ function FilterRow({
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-12 shrink-0 inline-flex justify-end pr-1", children: /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_cjs.cn(
               "font-mono text-[10.5px] tracking-[0.08em]",
               index === 0 ? "text-ink-4" : "text-accent-ink"
             ),
@@ -7017,7 +7040,7 @@ function FilterRow({
             onClick: onWrap,
             "aria-label": "Wrap in group",
             title: "Wrap in a group with the opposite operator",
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_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"
@@ -7044,7 +7067,7 @@ function FilterRow({
             type: "button",
             onClick: onRemove,
             "aria-label": field ? "Remove filter" : "Cancel",
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_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"
@@ -7173,7 +7196,7 @@ function GroupAddControls({
       {
         type: "button",
         onClick: onAddFilter,
-        className: chunkMWAXK66H_cjs.cn(
+        className: chunkNWGG5WFL_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"
         ),
@@ -7201,7 +7224,7 @@ function GroupAddControls({
         type: "button",
         onClick: onAddGroup,
         title: "Add a nested group with its own logical operator",
-        className: chunkMWAXK66H_cjs.cn(
+        className: chunkNWGG5WFL_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"
         ),
@@ -7247,7 +7270,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: chunkMWAXK66H_cjs.cn(
+        className: chunkNWGG5WFL_cjs.cn(
           "font-mono text-[10.5px] tracking-[0.08em]",
           index === 0 ? "text-ink-4" : "text-accent-ink"
         ),
@@ -7257,7 +7280,7 @@ function NestedGroup({
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: chunkMWAXK66H_cjs.cn(
+        className: chunkNWGG5WFL_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))]"
         ),
@@ -7270,8 +7293,8 @@ function NestedGroup({
                 {
                   "aria-label": "Group joiner",
                   options: [
-                    { id: "and", label: "AND" },
-                    { id: "or", label: "OR" }
+                    { id: "and", label: "and" },
+                    { id: "or", label: "or" }
                   ],
                   value: group.logicalOperator,
                   onChange: (next) => onChange({ ...group, logicalOperator: next })
@@ -7284,7 +7307,7 @@ function NestedGroup({
                 type: "button",
                 onClick: onRemove,
                 "aria-label": "Remove group",
-                className: chunkMWAXK66H_cjs.cn(
+                className: chunkNWGG5WFL_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"
                 ),
@@ -7507,8 +7530,8 @@ function RecordFilterBuilderPanel({
             {
               "aria-label": "Joiner",
               options: [
-                { id: "and", label: "AND" },
-                { id: "or", label: "OR" }
+                { id: "and", label: "and" },
+                { id: "or", label: "or" }
               ],
               value: filter.logicalOperator,
               onChange: setJoiner2
@@ -7527,7 +7550,7 @@ function RecordFilterBuilderPanel({
                 type: "button",
                 onClick: onExpand,
                 title: "Show filter chips inline above the table",
-                className: chunkMWAXK66H_cjs.cn(
+                className: chunkNWGG5WFL_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"
@@ -7557,7 +7580,7 @@ function RecordFilterBuilderPanel({
                 type: "button",
                 onClick: onClose,
                 "aria-label": "Close",
-                className: chunkMWAXK66H_cjs.cn(
+                className: chunkNWGG5WFL_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"
                 ),
@@ -7592,7 +7615,7 @@ function RecordFilterBuilderPanel({
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_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))]"
             ),
@@ -7603,7 +7626,7 @@ function RecordFilterBuilderPanel({
                   type: "button",
                   onClick: clearAll,
                   disabled: totalChildren === 0,
-                  className: chunkMWAXK66H_cjs.cn(
+                  className: chunkNWGG5WFL_cjs.cn(
                     "font-mono text-[11.5px] text-ink-3 hover:text-ink",
                     "disabled:opacity-40 disabled:pointer-events-none",
                     "outline-none cursor-pointer"
@@ -7613,17 +7636,12 @@ function RecordFilterBuilderPanel({
               ),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
                 onSaveView ? /* @__PURE__ */ jsxRuntime.jsxs(
-                  "button",
+                  chunkNWGG5WFL_cjs.Button,
                   {
-                    type: "button",
-                    onClick: onSaveView,
-                    disabled: totalChildren === 0,
-                    className: chunkMWAXK66H_cjs.cn(
-                      "inline-flex items-center gap-1.5 px-2.5 py-1.5 rounded-sm",
-                      "font-sans text-[13px] text-ink-2 hover:bg-surface-2 hover:text-ink",
-                      "disabled:opacity-40 disabled:pointer-events-none",
-                      "outline-none cursor-pointer"
-                    ),
+                    variant: "ghost",
+                    size: "sm",
+                    onPress: onSaveView,
+                    isDisabled: totalChildren === 0,
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsxs(
                         "svg",
@@ -7646,19 +7664,7 @@ function RecordFilterBuilderPanel({
                     ]
                   }
                 ) : null,
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: onClose,
-                    className: chunkMWAXK66H_cjs.cn(
-                      "inline-flex items-center gap-1.5 px-3 py-1.5 rounded-sm",
-                      "bg-ink text-surface font-mono text-[12px]",
-                      "hover:bg-accent-ink outline-none cursor-pointer"
-                    ),
-                    children: "Done"
-                  }
-                )
+                /* @__PURE__ */ jsxRuntime.jsx(chunkNWGG5WFL_cjs.Button, { variant: "cta", size: "sm", onPress: onClose, children: "Done" })
               ] })
             ]
           }
@@ -7732,11 +7738,11 @@ function RecordFilterButton({
         type: "button",
         "data-filter-trigger": "collapsed",
         onClick: () => setOpen((v) => !v),
-        className: chunkMWAXK66H_cjs.cn(
+        className: chunkNWGG5WFL_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 ? chunkMWAXK66H_cjs.cn(
+          hasFilters ? chunkNWGG5WFL_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"
@@ -7835,7 +7841,7 @@ function RecordFilterChips({
                     logicalOperator: filter.logicalOperator === "and" ? "or" : "and"
                   }),
                   title: "Toggle joiner",
-                  className: chunkMWAXK66H_cjs.cn(
+                  className: chunkNWGG5WFL_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"
@@ -7908,7 +7914,7 @@ function RecordFilterChips({
                           elements: elements.filter((_, idx) => idx !== i)
                         });
                       },
-                      className: chunkMWAXK66H_cjs.cn(
+                      className: chunkNWGG5WFL_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"
                       ),
@@ -7953,7 +7959,7 @@ function GroupPill({ group }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "span",
     {
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_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))]"
       ),
@@ -7991,7 +7997,7 @@ function CollapseToggle({ onClick }) {
     {
       type: "button",
       onClick,
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_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"
@@ -8051,7 +8057,7 @@ function Chip2({
             setEditing((v) => !v);
           }
         },
-        className: chunkMWAXK66H_cjs.cn(
+        className: chunkNWGG5WFL_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"
         ),
@@ -8084,7 +8090,7 @@ function Chip2({
                 onRemove();
                 if (editing) setEditing(false);
               },
-              className: chunkMWAXK66H_cjs.cn(
+              className: chunkNWGG5WFL_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"
               ),
@@ -8165,19 +8171,7 @@ function ChipMiniEditor({
             onChange: onChangeValue
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "submit",
-            className: chunkMWAXK66H_cjs.cn(
-              "shrink-0 inline-flex items-center px-2.5 py-1.5 rounded-md",
-              "bg-ink text-surface font-mono text-[12px]",
-              "hover:bg-accent-ink cursor-pointer outline-none",
-              "focus-visible:shadow-[var(--shadow-focus)]"
-            ),
-            children: "Save"
-          }
-        )
+        /* @__PURE__ */ jsxRuntime.jsx(chunkNWGG5WFL_cjs.Button, { type: "submit", variant: "cta", size: "sm", className: "shrink-0", children: "Save" })
       ]
     }
   );
@@ -8189,7 +8183,7 @@ function InlineAddFilter({ onClick }) {
       type: "button",
       "data-filter-trigger": "expanded",
       onClick,
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_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"
       ),
@@ -8240,7 +8234,7 @@ function Separator({
     {
       ...props,
       orientation,
-      className: chunkMWAXK66H_cjs.cn(separatorStyles({ orientation, variant }), className)
+      className: chunkNWGG5WFL_cjs.cn(separatorStyles({ orientation, variant }), className)
     }
   );
 }
@@ -8249,7 +8243,7 @@ function SuccessAnimation({ className }) {
     "div",
     {
       "aria-hidden": true,
-      className: chunkMWAXK66H_cjs.cn("size-24 text-success motion-safe:animate-status-pop", className),
+      className: chunkNWGG5WFL_cjs.cn("size-24 text-success motion-safe:animate-status-pop", className),
       children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleCheck, { className: "size-full", strokeWidth: 1.5 })
     }
   );
@@ -8259,7 +8253,7 @@ function Switch({ children, labelPlacement = "end", className, ...props }) {
     reactAriaComponents.Switch,
     {
       ...props,
-      className: (renderProps) => chunkMWAXK66H_cjs.cn(
+      className: (renderProps) => chunkNWGG5WFL_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
@@ -8275,7 +8269,7 @@ function Switch({ children, labelPlacement = "end", className, ...props }) {
           "span",
           {
             "aria-hidden": true,
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_cjs.cn(
               "relative inline-block shrink-0",
               "w-[38px] h-[22px] rounded-pill border",
               "bg-surface-3 border-rule",
@@ -8286,7 +8280,7 @@ function Switch({ children, labelPlacement = "end", className, ...props }) {
             children: /* @__PURE__ */ jsxRuntime.jsx(
               "span",
               {
-                className: chunkMWAXK66H_cjs.cn(
+                className: chunkNWGG5WFL_cjs.cn(
                   "absolute top-[1px] left-[1px]",
                   "block size-[18px] rounded-full bg-surface",
                   "transition-transform duration-200",
@@ -8336,7 +8330,7 @@ function Root({ size, className, children, ...props }) {
     reactAriaComponents.Tabs,
     {
       ...props,
-      className: (rp) => chunkMWAXK66H_cjs.cn(styles4.root(), typeof className === "function" ? className(rp) : className),
+      className: (rp) => chunkNWGG5WFL_cjs.cn(styles4.root(), typeof className === "function" ? className(rp) : className),
       children
     }
   );
@@ -8347,7 +8341,7 @@ function List({ size, className, children, ...props }) {
     reactAriaComponents.TabList,
     {
       ...props,
-      className: (rp) => chunkMWAXK66H_cjs.cn(styles4.list(), typeof className === "function" ? className(rp) : className),
+      className: (rp) => chunkNWGG5WFL_cjs.cn(styles4.list(), typeof className === "function" ? className(rp) : className),
       children
     }
   );
@@ -8358,7 +8352,7 @@ function Trigger({ size, className, children, ...props }) {
     reactAriaComponents.Tab,
     {
       ...props,
-      className: (rp) => chunkMWAXK66H_cjs.cn(styles4.trigger(), typeof className === "function" ? className(rp) : className),
+      className: (rp) => chunkNWGG5WFL_cjs.cn(styles4.trigger(), typeof className === "function" ? className(rp) : className),
       children
     }
   );
@@ -8369,7 +8363,7 @@ function Panel({ className, children, ...props }) {
     reactAriaComponents.TabPanel,
     {
       ...props,
-      className: (rp) => chunkMWAXK66H_cjs.cn(styles4.panel(), typeof className === "function" ? className(rp) : className),
+      className: (rp) => chunkNWGG5WFL_cjs.cn(styles4.panel(), typeof className === "function" ? className(rp) : className),
       children
     }
   );
@@ -8398,7 +8392,7 @@ function Textarea({
     reactAriaComponents.TextField,
     {
       ...props,
-      className: (renderProps) => chunkMWAXK66H_cjs.cn(
+      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
         "grid grid-cols-1 gap-1.5",
         typeof className === "function" ? className(renderProps) : className
       ),
@@ -8410,7 +8404,7 @@ function Textarea({
             ...textareaProps,
             rows,
             placeholder: placeholder ?? "",
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_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(),
@@ -8441,7 +8435,7 @@ function TimeField({
     reactAriaComponents.TimeField,
     {
       ...props,
-      className: (renderProps) => chunkMWAXK66H_cjs.cn(
+      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
         "grid grid-cols-1 gap-1.5",
         typeof className === "function" ? className(renderProps) : className
       ),
@@ -8450,7 +8444,7 @@ function TimeField({
         /* @__PURE__ */ jsxRuntime.jsx(
           reactAriaComponents.DateInput,
           {
-            className: chunkMWAXK66H_cjs.cn(
+            className: chunkNWGG5WFL_cjs.cn(
               styles4.box(),
               styles4.content(),
               "flex items-center min-w-0 text-ink",
@@ -8463,12 +8457,12 @@ function TimeField({
               reactAriaComponents.DateSegment,
               {
                 segment,
-                className: chunkMWAXK66H_cjs.cn(
+                className: chunkNWGG5WFL_cjs.cn(
                   "px-px tabular-nums outline-none select-none",
                   "data-[placeholder]:text-ink-4",
                   "data-[type=literal]:text-ink-4",
                   // segment focus treatment: indigo fill, paper text
-                  "data-[focused]:bg-accent data-[focused]:text-[#f0efe8] data-[focused]:rounded-[3px]",
+                  "data-[focused]:bg-accent data-[focused]:text-tile-fg data-[focused]:rounded-[3px]",
                   "data-[disabled]:cursor-not-allowed"
                 )
               }
@@ -8491,8 +8485,8 @@ var toastStyles = tailwindVariants.tv({
       "rounded-lg border border-rule bg-surface shadow-float",
       "px-3.5 py-3 outline-none",
       "focus-visible:shadow-focus",
-      "entering:animate-in entering:fade-in-0 entering:slide-in-from-bottom-2 entering:duration-200",
-      "exiting:animate-out exiting:fade-out-0 exiting:duration-150"
+      "entering:animate-enter-slide-up",
+      "exiting:animate-exit-fade"
     ],
     icon: "size-4 shrink-0 mt-0.5",
     title: "font-sans text-[13px] font-medium leading-[1.4] text-ink",
@@ -8517,7 +8511,7 @@ function ToastRegion({ queue, className }) {
     reactAriaComponents.UNSTABLE_ToastRegion,
     {
       queue,
-      className: chunkMWAXK66H_cjs.cn(
+      className: chunkNWGG5WFL_cjs.cn(
         "fixed bottom-4 right-4 z-[1300] flex flex-col-reverse gap-2 outline-none",
         className
       ),
@@ -8536,7 +8530,7 @@ function ToastRegion({ queue, className }) {
             {
               slot: "close",
               "aria-label": "Dismiss",
-              className: chunkMWAXK66H_cjs.cn(
+              className: chunkNWGG5WFL_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"
@@ -8552,23 +8546,23 @@ function ToastRegion({ queue, className }) {
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkMWAXK66H_cjs.Button; }
+  get: function () { return chunkNWGG5WFL_cjs.Button; }
 });
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
-  get: function () { return chunkMWAXK66H_cjs.Skeleton; }
+  get: function () { return chunkNWGG5WFL_cjs.Skeleton; }
 });
 Object.defineProperty(exports, "buttonStyles", {
   enumerable: true,
-  get: function () { return chunkMWAXK66H_cjs.buttonStyles; }
+  get: function () { return chunkNWGG5WFL_cjs.buttonStyles; }
 });
 Object.defineProperty(exports, "cn", {
   enumerable: true,
-  get: function () { return chunkMWAXK66H_cjs.cn; }
+  get: function () { return chunkNWGG5WFL_cjs.cn; }
 });
 Object.defineProperty(exports, "skeletonStyles", {
   enumerable: true,
-  get: function () { return chunkMWAXK66H_cjs.skeletonStyles; }
+  get: function () { return chunkNWGG5WFL_cjs.skeletonStyles; }
 });
 exports.ATTRIBUTE_TYPES = ATTRIBUTE_TYPES;
 exports.ATTRIBUTE_TYPE_ICONS = ATTRIBUTE_TYPE_ICONS;