@flamingo-stack/openframe-frontend-core 0.0.781 → 0.0.783

package/dist/{chunk-AKCBLZAO.cjs → chunk-E2ZZOYSM.cjs}

@@ -10,30 +10,30 @@ var _chunkUYHKZN5Dcjs = require('./chunk-UYHKZN5D.cjs');
 var _chunkWWUSFOJ7cjs = require('./chunk-WWUSFOJ7.cjs');
 
 
-var _chunkRYIWADIBcjs = require('./chunk-RYIWADIB.cjs');
+var _chunkXAA5LUHCcjs = require('./chunk-XAA5LUHC.cjs');
 
 
 
 
-var _chunkAFJEUBDScjs = require('./chunk-AFJEUBDS.cjs');
+var _chunkZJS45HQZcjs = require('./chunk-ZJS45HQZ.cjs');
 
 
 var _chunkAQXKXZWBcjs = require('./chunk-AQXKXZWB.cjs');
 
 
-var _chunkIYU2ZH2Jcjs = require('./chunk-IYU2ZH2J.cjs');
+var _chunkCS5SZJFVcjs = require('./chunk-CS5SZJFV.cjs');
 
 
 
-var _chunkL4XOCV7Scjs = require('./chunk-L4XOCV7S.cjs');
+var _chunk4DQ4CNAGcjs = require('./chunk-4DQ4CNAG.cjs');
 
 
 
 
-var _chunkYNDH72VUcjs = require('./chunk-YNDH72VU.cjs');
+var _chunkNNNRN4OFcjs = require('./chunk-NNNRN4OF.cjs');
 
 
-var _chunkCDBFQVPAcjs = require('./chunk-CDBFQVPA.cjs');
+var _chunkFLS6DZENcjs = require('./chunk-FLS6DZEN.cjs');
 
 
 
@@ -41,7 +41,7 @@ var _chunkCDBFQVPAcjs = require('./chunk-CDBFQVPA.cjs');
 
 
 
-var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.cjs');
+var _chunkMGEUZRNQcjs = require('./chunk-MGEUZRNQ.cjs');
 
 // src/components/ui/scroll-fade.tsx
 var _react = require('react');
@@ -102,7 +102,7 @@ function ScrollFadeOverlay({ edge, visible, color = "var(--color-bg)", className
     "div",
     {
       "aria-hidden": true,
-      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+      className: _chunkMGEUZRNQcjs.cn.call(void 0, 
         "pointer-events-none absolute transition-opacity duration-150",
         isVertical ? "inset-x-0 h-16" : "inset-y-0 w-10",
         edge === "top" && "top-0",
@@ -130,13 +130,13 @@ function ScrollShadow({
   const { scrollRef, fadeTop, fadeBottom, fadeLeft, fadeRight, update } = useScrollFade(axis);
   const vertical = axis !== "horizontal";
   const horizontal = axis !== "vertical";
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "relative", className), ...rest, children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "relative", className), ...rest, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
         ref: scrollRef,
         onScroll: update,
-        className: _chunkN6YCOBLKcjs.cn.call(void 0, horizontal && "overflow-x-auto", vertical && "overflow-y-auto", scrollClassName),
+        className: _chunkMGEUZRNQcjs.cn.call(void 0, horizontal && "overflow-x-auto", vertical && "overflow-y-auto", scrollClassName),
         children
       }
     ),
@@ -271,7 +271,7 @@ var Modal = _react.forwardRef.call(void 0,
               "div",
               {
                 "data-state": state,
-                className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+                className: _chunkMGEUZRNQcjs.cn.call(void 0, 
                   "absolute inset-0 bg-ods-overlay backdrop-blur-[2px] md:backdrop-blur-none",
                   "duration-200 fill-mode-forwards",
                   "data-[state=open]:animate-in data-[state=open]:fade-in-0",
@@ -295,7 +295,7 @@ var Modal = _react.forwardRef.call(void 0,
                 },
                 tabIndex: -1,
                 "data-state": state,
-                className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+                className: _chunkMGEUZRNQcjs.cn.call(void 0, 
                   // A single base utility per size (not md:max-w-*) so consumer
                   // max-w-* overrides via className still win at every breakpoint.
                   "relative z-10 flex w-full min-w-0 flex-col",
@@ -336,7 +336,7 @@ var Modal = _react.forwardRef.call(void 0,
                 ),
                 role: "dialog",
                 "aria-modal": "true",
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalContext.Provider, { value: { onClose }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL4XOCV7Scjs.PortalContainerContext.Provider, { value: portalHost, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL4XOCV7Scjs.CollisionBoundaryContext.Provider, { value: null, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAQXKXZWBcjs.ViewportBreakpoints, { children }) }) }) })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalContext.Provider, { value: { onClose }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4DQ4CNAGcjs.PortalContainerContext.Provider, { value: portalHost, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4DQ4CNAGcjs.CollisionBoundaryContext.Provider, { value: null, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAQXKXZWBcjs.ViewportBreakpoints, { children }) }) }) })
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: setPortalHost, className: "contents" })
@@ -347,21 +347,21 @@ var Modal = _react.forwardRef.call(void 0,
   }
 );
 Modal.displayName = "ModalV2";
-var ModalContent = _react.forwardRef.call(void 0, ({ children, className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkN6YCOBLKcjs.cn.call(void 0, "min-h-0 flex-1 overflow-y-auto", className), children }));
+var ModalContent = _react.forwardRef.call(void 0, ({ children, className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkMGEUZRNQcjs.cn.call(void 0, "min-h-0 flex-1 overflow-y-auto", className), children }));
 ModalContent.displayName = "ModalV2Content";
-var ModalTwoColumn = _react.forwardRef.call(void 0, ({ left, right, className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkN6YCOBLKcjs.cn.call(void 0, "min-h-0 flex-1 overflow-y-auto lg:overflow-hidden", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 gap-[var(--spacing-system-xl)] lg:h-full lg:min-h-0 lg:grid-cols-2 lg:grid-rows-[minmax(0,1fr)]", children: [
+var ModalTwoColumn = _react.forwardRef.call(void 0, ({ left, right, className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkMGEUZRNQcjs.cn.call(void 0, "min-h-0 flex-1 overflow-y-auto lg:overflow-hidden", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 gap-[var(--spacing-system-xl)] lg:h-full lg:min-h-0 lg:grid-cols-2 lg:grid-rows-[minmax(0,1fr)]", children: [
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-0 space-y-[var(--spacing-system-lf)] lg:overflow-y-auto lg:pr-[var(--spacing-system-sf)]", children: left }),
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-0 space-y-[var(--spacing-system-lf)] lg:overflow-y-auto lg:pr-[var(--spacing-system-sf)]", children: right })
 ] }) }));
 ModalTwoColumn.displayName = "ModalV2TwoColumn";
 var ModalHeader = _react.forwardRef.call(void 0, ({ children, className }, ref) => {
   const { onClose } = _react.useContext.call(void 0, ModalContext);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex items-center gap-[var(--spacing-system-sf)]", className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, className: _chunkMGEUZRNQcjs.cn.call(void 0, "flex items-center gap-[var(--spacing-system-sf)]", className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col", children }),
     onClose && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkCDBFQVPAcjs.Button,
+      _chunkFLS6DZENcjs.Button,
       {
-        variant: "transparent",
+        variant: "bare",
         size: "icon-sm",
         type: "button",
         onClick: onClose,
@@ -373,9 +373,9 @@ var ModalHeader = _react.forwardRef.call(void 0, ({ children, className }, ref)
   ] });
 });
 ModalHeader.displayName = "ModalV2Header";
-var ModalTitle = _react.forwardRef.call(void 0, ({ children, className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { ref, className: _chunkN6YCOBLKcjs.cn.call(void 0, "text-ods-text-primary text-h2", className), children }));
+var ModalTitle = _react.forwardRef.call(void 0, ({ children, className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { ref, className: _chunkMGEUZRNQcjs.cn.call(void 0, "text-ods-text-primary text-h2", className), children }));
 ModalTitle.displayName = "ModalV2Title";
-var ModalFooter = _react.forwardRef.call(void 0, ({ children, className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex gap-4", className), children }));
+var ModalFooter = _react.forwardRef.call(void 0, ({ children, className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkMGEUZRNQcjs.cn.call(void 0, "flex gap-4", className), children }));
 ModalFooter.displayName = "ModalV2Footer";
 
 // src/components/chat/types/chat.types.ts
@@ -452,13 +452,13 @@ var ChatTypingIndicator = _react.forwardRef.call(void 0,
       md: "h-6",
       lg: "h-8"
     };
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex items-center gap-2", className), ...props, children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, className: _chunkMGEUZRNQcjs.cn.call(void 0, "flex items-center gap-2", className), ...props, children: [
       showText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-secondary text-h6", children: "Assistant is typing" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "inline-flex items-center justify-center gap-1", containerSizeClasses[size]), children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "inline-flex items-center justify-center gap-1", containerSizeClasses[size]), children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "div",
           {
-            className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+            className: _chunkMGEUZRNQcjs.cn.call(void 0, 
               dotSizeClasses[size],
               "animate-dot-pulse rounded-full",
               dotClassName || "bg-ods-text-primary"
@@ -469,7 +469,7 @@ var ChatTypingIndicator = _react.forwardRef.call(void 0,
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "div",
           {
-            className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+            className: _chunkMGEUZRNQcjs.cn.call(void 0, 
               dotSizeClasses[size],
               "animate-dot-pulse rounded-full",
               dotClassName || "bg-ods-text-primary"
@@ -480,7 +480,7 @@ var ChatTypingIndicator = _react.forwardRef.call(void 0,
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "div",
           {
-            className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+            className: _chunkMGEUZRNQcjs.cn.call(void 0, 
               dotSizeClasses[size],
               "animate-dot-pulse rounded-full",
               dotClassName || "bg-ods-text-primary"
@@ -504,7 +504,7 @@ var ChatNavSidebar = _react.forwardRef.call(void 0,
       "aside",
       {
         ref,
-        className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex h-full w-[296px] shrink-0 flex-col border-r border-ods-border bg-ods-bg", className),
+        className: _chunkMGEUZRNQcjs.cn.call(void 0, "flex h-full w-[296px] shrink-0 flex-col border-r border-ods-border bg-ods-bg", className),
         ...props,
         children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-h-0 flex-1 flex-col gap-[var(--spacing-system-m)] px-[var(--spacing-system-xs)] pt-[var(--spacing-system-mf)]", children: [
@@ -540,16 +540,17 @@ var ChatNavSidebar = _react.forwardRef.call(void 0,
 ChatNavSidebar.displayName = "ChatNavSidebar";
 function ChatNavSidebarButton({ icon, active, className, children, ...props }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkCDBFQVPAcjs.Button,
+    _chunkFLS6DZENcjs.Button,
     {
       variant: "row",
       type: "button",
       "aria-current": active ? "page" : void 0,
       "data-state": active ? "active" : void 0,
+      "data-tone": "link",
       className,
       ...props,
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex shrink-0 [&_svg]:size-6", active ? "text-ods-accent" : "text-ods-text-secondary"), children: icon }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "flex shrink-0 [&_svg]:size-6", active ? "text-ods-accent" : "text-ods-text-secondary"), children: icon }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 flex-1 truncate", children })
       ]
     }
@@ -557,39 +558,49 @@ function ChatNavSidebarButton({ icon, active, className, children, ...props }) {
 }
 var SKELETON_TITLE_WIDTHS = ["w-3/5", "w-4/5", "w-2/5", "w-3/4", "w-1/2", "w-2/3"];
 var TRAILING_CLASS = "flex shrink-0 items-center [&_svg]:size-6";
-var CHAT_LIST_ITEM_CLASS = _chunkN6YCOBLKcjs.cn.call(void 0, _chunkN6YCOBLKcjs.BUTTON_KIND_CLASS.row, "shrink-0");
+var CHAT_LIST_ITEM_CLASS = _chunkMGEUZRNQcjs.cn.call(void 0, _chunkMGEUZRNQcjs.BUTTON_KIND_CLASS.row, "shrink-0");
 var ChatListItem = _react.forwardRef.call(void 0, 
   ({ className, title, subtitle, leading, trailing, active, loading: loadingProp = false, index = 0, ...props }, ref) => {
-    const loading = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || loadingProp;
+    const loading = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || loadingProp;
     const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 flex-1 flex-col", children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xxs)]", children: [
           leading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex shrink-0 items-center [&_svg]:size-4", children: leading }),
-          loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h4", className: SKELETON_TITLE_WIDTHS[index % SKELETON_TITLE_WIDTHS.length] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h4", className: SKELETON_TITLE_WIDTHS[index % SKELETON_TITLE_WIDTHS.length] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "span",
             {
-              className: _chunkN6YCOBLKcjs.cn.call(void 0, "min-w-0 flex-1 truncate text-h4", active ? "text-ods-accent" : "text-ods-text-primary"),
+              className: _chunkMGEUZRNQcjs.cn.call(void 0, "min-w-0 flex-1 truncate text-h4", active ? "text-ods-accent" : "text-ods-text-primary"),
               children: title
             }
           )
         ] }),
-        subtitle != null && (loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h6", className: "w-1/3" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "truncate text-h6", active ? "text-ods-text-primary" : "text-ods-text-secondary"), children: subtitle }))
+        subtitle != null && (loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", className: "w-1/3" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "truncate text-h6", active ? "text-ods-text-primary" : "text-ods-text-secondary"), children: subtitle }))
       ] }),
       loading ? trailing != null && // The status glyph's 24px box (`MediaSkeleton.Icon` md), the loaded glyph's size.
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: TRAILING_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.MediaSkeleton.Icon, { size: "md" }) }) : trailing && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: TRAILING_CLASS, children: trailing })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: TRAILING_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.MediaSkeleton.Icon, { size: "md" }) }) : trailing && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: TRAILING_CLASS, children: trailing })
     ] });
     if (loading) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "aria-hidden": true, className: _chunkN6YCOBLKcjs.cn.call(void 0, CHAT_LIST_ITEM_CLASS, className), ..._chunkN6YCOBLKcjs.loadingItemProps.call(void 0, props), children: content });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "div",
+        {
+          "aria-hidden": true,
+          "data-tone": "accent",
+          className: _chunkMGEUZRNQcjs.cn.call(void 0, CHAT_LIST_ITEM_CLASS, className),
+          ..._chunkMGEUZRNQcjs.loadingItemProps.call(void 0, props),
+          children: content
+        }
+      );
     }
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkCDBFQVPAcjs.Button,
+      _chunkFLS6DZENcjs.Button,
       {
         variant: "row",
         ref,
         type: "button",
         "aria-current": active ? "true" : void 0,
         "data-state": active ? "active" : void 0,
-        className: _chunkN6YCOBLKcjs.cn.call(void 0, "shrink-0", className),
+        "data-tone": "accent",
+        className: _chunkMGEUZRNQcjs.cn.call(void 0, "shrink-0", className),
         ...props,
         children: content
       }
@@ -602,7 +613,7 @@ function ChatListItemLoadingPage({
   subtitle = false,
   trailing = false
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN6YCOBLKcjs.LoadingItems, { count, children: (index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMGEUZRNQcjs.LoadingItems, { count, children: (index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     ChatListItem,
     {
       loading: true,
@@ -643,13 +654,13 @@ function MingoOnboardingCard({
   className,
   ...props
 }) {
-  const loading = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || loadingProp;
+  const loading = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || loadingProp;
   const hasActions = !!actions && actions.length > 0;
-  const itemProps = _chunkN6YCOBLKcjs.loadingItemProps.call(void 0, props);
+  const itemProps = _chunkMGEUZRNQcjs.loadingItemProps.call(void 0, props);
   const variant = ROW_VARIANTS[skeletonIndex % ROW_VARIANTS.length];
   const isInteractive = !loading && !hasActions && !!onClick;
   const actionButtons = hasActions ? actions.map((action) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkCDBFQVPAcjs.Button,
+    _chunkFLS6DZENcjs.Button,
     {
       "data-loading-item": true,
       type: "button",
@@ -665,7 +676,7 @@ function MingoOnboardingCard({
   )) : null;
   const body = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CARD_BODY_CLASS, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CARD_TITLE_ROW_CLASS, children: [
-      loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: CARD_ICON_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.MediaSkeleton.Icon, { size: "sm" }) }) : icon ? (
+      loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: CARD_ICON_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.MediaSkeleton.Icon, { size: "sm" }) }) : icon ? (
         // Icon slot — monochrome `ods-text-secondary` (≈ #888) so
         // consumers can drop any `icons-v2-generated` glyph (they use
         // `currentColor`) without per-card styling. Brand multi-color
@@ -674,28 +685,28 @@ function MingoOnboardingCard({
       ) : null,
       loading ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 flex-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkYNDH72VUcjs.TextLineSkeleton,
+          _chunkNNNRN4OFcjs.TextLineSkeleton,
           {
             type: "h6",
             className: SKELETON_TITLE_WIDTHS[skeletonIndex % SKELETON_TITLE_WIDTHS.length]
           }
         ) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h6", className: _chunkN6YCOBLKcjs.cn.call(void 0, "shrink-0", variant.slashWidth) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", className: _chunkMGEUZRNQcjs.cn.call(void 0, "shrink-0", variant.slashWidth) })
       ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 flex-1 truncate text-ods-text-primary text-h6", children: title }),
         slashCommand ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "whitespace-nowrap text-ods-text-secondary text-h6", children: slashCommand }) : null
       ] })
     ] }),
-    loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h6", lines: variant.descriptionLines, className: "w-full" }) : description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "w-full text-ods-text-secondary text-h6", children: description }) : null,
+    loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", lines: variant.descriptionLines, className: "w-full" }) : description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "w-full text-ods-text-secondary text-h6", children: description }) : null,
     loading && actions === void 0 ? (
       // The commands are not read yet: the typical card's three action chips.
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CARD_ACTIONS_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN6YCOBLKcjs.LoadingItems, { count: MINGO_ONBOARDING_CARD_SKELETON_ACTIONS, children: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.InteractiveSkeleton.Button, { "data-loading-item": true, size: "small", className: "w-16" }) }) })
-    ) : hasActions ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CARD_ACTIONS_CLASS, children: loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN6YCOBLKcjs.InertWhileLoading, { className: "contents", children: actionButtons }) : actionButtons }) : null
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CARD_ACTIONS_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMGEUZRNQcjs.LoadingItems, { count: MINGO_ONBOARDING_CARD_SKELETON_ACTIONS, children: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.InteractiveSkeleton.Button, { "data-loading-item": true, size: "small", className: "w-16" }) }) })
+    ) : hasActions ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CARD_ACTIONS_CLASS, children: loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMGEUZRNQcjs.InertWhileLoading, { className: "contents", children: actionButtons }) : actionButtons }) : null
   ] });
   const rowCard = !!onClick && !hasActions;
-  const baseClass = _chunkN6YCOBLKcjs.cn.call(void 0, rowCard ? _chunkN6YCOBLKcjs.BUTTON_KIND_CLASS.row : CARD_BASE_CLASS, className);
+  const baseClass = _chunkMGEUZRNQcjs.cn.call(void 0, rowCard ? _chunkMGEUZRNQcjs.BUTTON_KIND_CLASS.row : CARD_BASE_CLASS, className);
   if (isInteractive) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "row", type: "button", onClick, className, ...itemProps, children: body });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFLS6DZENcjs.Button, { variant: "row", type: "button", onClick, className, ...itemProps, children: body });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: baseClass, "aria-hidden": loading || void 0, ...itemProps, children: body });
 }
@@ -718,13 +729,13 @@ function SlashCommandSuggestions({
     {
       role: "menu",
       "aria-label": "Slash command suggestions",
-      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+      className: _chunkMGEUZRNQcjs.cn.call(void 0, 
         "absolute bottom-full left-0 right-0 z-50 mb-2 max-h-96 overflow-y-auto overscroll-contain",
         "rounded-md border border-ods-border bg-ods-card shadow-lg",
         className
       ),
       children: commands.map((cmd, idx) => {
-        const Icon = _chunkIYU2ZH2Jcjs.resolveIcon.call(void 0, cmd.iconName);
+        const Icon = _chunkCS5SZJFVcjs.resolveIcon.call(void 0, cmd.iconName);
         const legacyMeta = !cmd.iconName && cmd.primarySourceId && resolveSourceIcon ? resolveSourceIcon(cmd.primarySourceId) : void 0;
         const LegacyIcon = _optionalChain([legacyMeta, 'optionalAccess', _4 => _4.Icon]);
         const title = _nullishCoalesce(_nullishCoalesce(cmd.label, () => ( _optionalChain([legacyMeta, 'optionalAccess', _5 => _5.label]))), () => ( cmd.id));
@@ -761,7 +772,7 @@ function SlashCommandSuggestions({
                 slashCommand: slashLabel,
                 description: cmd.description,
                 actions: cardActions,
-                className: _chunkN6YCOBLKcjs.cn.call(void 0, "transition-colors", isHighlighted && "bg-ods-bg-hover")
+                className: _chunkMGEUZRNQcjs.cn.call(void 0, "transition-colors", isHighlighted && "bg-ods-bg-hover")
               }
             )
           },
@@ -820,7 +831,7 @@ function buildChipEl(token, label, icon) {
   span.className = "mx-0.5 inline-flex h-9 items-center select-none align-top";
   span.innerHTML = _server.renderToStaticMarkup.call(void 0, 
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkAFJEUBDScjs.Tag,
+      _chunkZJS45HQZcjs.Tag,
       {
         as: "span",
         variant: "badge",
@@ -1190,7 +1201,7 @@ var ChatInput = _react.forwardRef.call(void 0, (allProps, ref) => {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
-      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+      className: _chunkMGEUZRNQcjs.cn.call(void 0, 
         fullWidth ? "w-full flex-shrink-0" : "mx-auto w-full max-w-ods-content-narrow flex-shrink-0",
         className
       ),
@@ -1208,7 +1219,7 @@ var ChatInput = _react.forwardRef.call(void 0, (allProps, ref) => {
             className: "flex min-h-11 w-full items-center justify-center gap-[var(--spacing-system-xs)] rounded-md border border-ods-border bg-ods-bg p-[var(--spacing-system-sf)] md:min-h-12",
             children: [
               awaitingTeam && awaitingTeam.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkRYIWADIBcjs.AvatarStack,
+                _chunkXAA5LUHCcjs.AvatarStack,
                 {
                   people: awaitingTeam,
                   total: awaitingTeamCount,
@@ -1243,7 +1254,7 @@ var ChatInput = _react.forwardRef.call(void 0, (allProps, ref) => {
                 focusEditor();
               }
             },
-            className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+            className: _chunkMGEUZRNQcjs.cn.call(void 0, 
               // `items-center` keeps the empty single-line text AND a mention chip
               // vertically centered the same way. With a chip in the box, `py-1.5`
               // (6px) pairs with the editor's `leading-9` (36px) → that row is
@@ -1265,7 +1276,7 @@ var ChatInput = _react.forwardRef.call(void 0, (allProps, ref) => {
                   "span",
                   {
                     "data-editor-ghost": true,
-                    className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+                    className: _chunkMGEUZRNQcjs.cn.call(void 0, 
                       // One line, clipped with an ellipsis (Figma 954:28455): the
                       // disabled copy is a sentence, and the panel's narrowest
                       // width does not fit it — wrapped, it ran under the row.
@@ -1281,7 +1292,7 @@ var ChatInput = _react.forwardRef.call(void 0, (allProps, ref) => {
                   "p",
                   {
                     "data-editor-ghost": true,
-                    className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+                    className: _chunkMGEUZRNQcjs.cn.call(void 0, 
                       "pointer-events-none absolute inset-x-0 top-0 m-0 select-none truncate text-ods-text-secondary text-h4",
                       hasChips && "!leading-9"
                     ),
@@ -1312,7 +1323,7 @@ var ChatInput = _react.forwardRef.call(void 0, (allProps, ref) => {
                     },
                     onFocus: () => setFocused(true),
                     onBlur: () => setFocused(false),
-                    className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+                    className: _chunkMGEUZRNQcjs.cn.call(void 0, 
                       "max-h-[160px] overflow-y-auto overscroll-contain whitespace-pre-wrap break-words outline-none",
                       // While a ghost preview shows, the editor stays IN FLOW (it
                       // alone drives the row height, which must NOT change on hover —
@@ -1343,12 +1354,13 @@ var ChatInput = _react.forwardRef.call(void 0, (allProps, ref) => {
                 )
               ] }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkCDBFQVPAcjs.Button,
+                _chunkFLS6DZENcjs.Button,
                 {
-                  variant: "transparent",
+                  variant: "bare",
                   size: "icon-sm",
                   type: "button",
                   "aria-label": isStopMode ? "Stop generation" : "Send message",
+                  "data-state": focused && !isStopMode ? "active" : void 0,
                   onClick: isStopMode ? handleStop : handleSubmit,
                   disabled: isStopMode ? isStopping : sendDisabled,
                   className: "shrink-0",
@@ -1366,7 +1378,7 @@ ChatInput.displayName = "ChatInput";
 
 // src/utils/format-date.ts
 var INVALID_DATE_PLACEHOLDER = "\u2014";
-var render = (input, fields) => _chunkAFJEUBDScjs.formatDateWithTimezone.call(void 0, input, _chunkAFJEUBDScjs.VIEWER_TIMEZONE, fields, { viewerLocale: true }) || INVALID_DATE_PLACEHOLDER;
+var render = (input, fields) => _chunkZJS45HQZcjs.formatDateWithTimezone.call(void 0, input, _chunkZJS45HQZcjs.VIEWER_TIMEZONE, fields, { viewerLocale: true }) || INVALID_DATE_PLACEHOLDER;
 var formatDate = (input) => render(input, { dateStyle: "short" });
 var formatTime = (input) => render(input, { timeStyle: "short" });
 

package/dist/{chunk-57NE7SHG.cjs → chunk-EFCWHAYC.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkZPYFPLPDcjs = require('./chunk-ZPYFPLPD.cjs');
+var _chunkYXZOP726cjs = require('./chunk-YXZOP726.cjs');
 
 
 
-var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.cjs');
+var _chunkMGEUZRNQcjs = require('./chunk-MGEUZRNQ.cjs');
 
 // src/components/persistent-pagination.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -21,7 +21,7 @@ function PersistentPagination({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
-      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+      className: _chunkMGEUZRNQcjs.cn.call(void 0, 
         "relative transition-all ease-in-out",
         "flex items-center justify-center",
         isLoading && "pointer-events-none",
@@ -45,7 +45,7 @@ function PersistentPagination({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "div",
           {
-            className: _chunkN6YCOBLKcjs.cn.call(void 0, "relative transition-all ease-in-out", isLoading && "cursor-not-allowed"),
+            className: _chunkMGEUZRNQcjs.cn.call(void 0, "relative transition-all ease-in-out", isLoading && "cursor-not-allowed"),
             style: {
               transitionDuration: `${transitionDuration}ms`
             },
@@ -84,7 +84,7 @@ function PersistentPaginationWrapper({
   onPageChange,
   className
 }) {
-  const inScope = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, );
+  const inScope = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, );
   const hasResults = totalPages > 0;
   const displayTotalPages = hasResults ? totalPages : 1;
   const displayCurrentPage = hasResults ? currentPage : 1;
@@ -93,7 +93,7 @@ function PersistentPaginationWrapper({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
-      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+      className: _chunkMGEUZRNQcjs.cn.call(void 0, 
         "relative flex items-center justify-center transition-all ease-in-out",
         (isPaginationDisabled || hasNoResults) && "pointer-events-none",
         className
@@ -112,13 +112,13 @@ function PersistentPaginationWrapper({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "div",
           {
-            className: _chunkN6YCOBLKcjs.cn.call(void 0, "relative transition-all ease-in-out", isPaginationDisabled && "cursor-not-allowed"),
+            className: _chunkMGEUZRNQcjs.cn.call(void 0, "relative transition-all ease-in-out", isPaginationDisabled && "cursor-not-allowed"),
             style: {
               transitionDuration: "300ms"
             },
             "aria-hidden": isPaginationDisabled,
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkZPYFPLPDcjs.UnifiedPagination,
+              _chunkYXZOP726cjs.UnifiedPagination,
               {
                 currentPage: displayCurrentPage,
                 totalPages: displayTotalPages,

package/dist/{chunk-KWV23THO.cjs → chunk-EHQ2UGT4.cjs}

@@ -1,22 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkT4ZVKEDPcjs = require('./chunk-T4ZVKEDP.cjs');
+var _chunkOMTH355Icjs = require('./chunk-OMTH355I.cjs');
 
 
 
 
 
-var _chunkYNDH72VUcjs = require('./chunk-YNDH72VU.cjs');
+var _chunkNNNRN4OFcjs = require('./chunk-NNNRN4OF.cjs');
 
 
 
-var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.cjs');
+var _chunkMGEUZRNQcjs = require('./chunk-MGEUZRNQ.cjs');
 
 // src/components/ui/field-value-skeleton.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function FieldValueSkeleton() {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h4", className: _chunkYNDH72VUcjs.FIELD_VALUE_SKELETON_CLASS });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h4", className: _chunkNNNRN4OFcjs.FIELD_VALUE_SKELETON_CLASS });
 }
 
 // src/components/ui/required-mark.tsx
@@ -48,14 +48,14 @@ var FieldWrapper = _react.forwardRef.call(void 0,
     children
   }, ref) => {
     const hasChrome = label != null || error != null || errorSlot;
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, className: _chunkN6YCOBLKcjs.cn.call(void 0, hasChrome ? "relative flex w-full flex-col" : "contents", className), children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, className: _chunkMGEUZRNQcjs.cn.call(void 0, hasChrome ? "relative flex w-full flex-col" : "contents", className), children: [
       label && // Default is text-h6, NOT text-h4: `Field` (ui/field.tsx) renders its label via
       // `Label variant="small"` = text-h6, and every form that mixes
       // Field-wrapped controls with `label=`-prop controls showed two label
       // sizes side by side — the exact inconsistency the admin editors kept
       // reporting. One label scale, owned here and in Field together.
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        _chunkT4ZVKEDPcjs.Label,
+        _chunkOMTH355Icjs.Label,
         {
           id: htmlFor ? fieldLabelId(htmlFor) : void 0,
           className: "mb-1",
@@ -71,7 +71,7 @@ var FieldWrapper = _react.forwardRef.call(void 0,
       error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "p",
         {
-          className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+          className: _chunkMGEUZRNQcjs.cn.call(void 0, 
             "absolute bottom-0 left-0 right-0 translate-y-full truncate text-h6",
             errorVariantClasses[errorVariant]
           ),
@@ -112,13 +112,13 @@ var Input = _react.forwardRef.call(void 0, (allProps, ref) => {
   const errorSlot = "error" in allProps;
   const variantIsInvalid = errorVariant === "error" || errorVariant === "warning";
   const isInvalid = invalid || !!error && variantIsInvalid;
-  const inScope = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) && !userValue;
+  const inScope = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) && !userValue;
   if (type === "range") {
     const rangeInput = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "input",
       {
         type: "range",
-        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+        className: _chunkMGEUZRNQcjs.cn.call(void 0, 
           "h-1 w-full cursor-pointer appearance-none rounded-full bg-white/30",
           // Webkit (Chrome/Safari) thumb
           "[&::-webkit-slider-thumb]:appearance-none",
@@ -152,15 +152,15 @@ var Input = _react.forwardRef.call(void 0, (allProps, ref) => {
     ) : rangeInput;
   }
   const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkT4ZVKEDPcjs.Label,
+    _chunkOMTH355Icjs.Label,
     {
       variant: "surface",
       "data-invalid": isInvalid || void 0,
-      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+      className: _chunkMGEUZRNQcjs.cn.call(void 0, 
         // Layout & spacing
         "flex w-full cursor-text items-center gap-2 border px-3",
-        _chunkYNDH72VUcjs.INPUT_HEIGHT_CLASS,
-        _chunkYNDH72VUcjs.INPUT_RADIUS_CLASS,
+        _chunkNNNRN4OFcjs.INPUT_HEIGHT_CLASS,
+        _chunkNNNRN4OFcjs.INPUT_RADIUS_CLASS,
         // Focus-within states
         "has-[:focus-visible]:outline-none",
         "group",
@@ -191,7 +191,7 @@ var Input = _react.forwardRef.call(void 0, (allProps, ref) => {
           {
             type,
             hidden: inScope || props.hidden,
-            className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+            className: _chunkMGEUZRNQcjs.cn.call(void 0, 
               // Layout
               "min-w-0 flex-1 border-none bg-transparent outline-none",
               // Typography

package/dist/{chunk-DJTPDK3W.cjs → chunk-F2FFJWOQ.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunk3VINTJPEcjs = require('./chunk-3VINTJPE.cjs');
+var _chunk5WMRVMXHcjs = require('./chunk-5WMRVMXH.cjs');
 
 
 var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
 
 
-var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.cjs');
+var _chunkMGEUZRNQcjs = require('./chunk-MGEUZRNQ.cjs');
 
 // src/hooks/ui/use-image-edge-color.ts
 var _react = require('react');
@@ -67,7 +67,7 @@ function extractEdgeColor(img) {
   return `rgb(${r}, ${g}, ${b})`;
 }
 function useImageEdgeColor(givenUrl, fallback = "#000000") {
-  const imageUrl = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) ? null : givenUrl;
+  const imageUrl = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) ? null : givenUrl;
   const [color, setColor] = _react.useState.call(void 0, fallback);
   const [resetFor, setResetFor] = _react.useState.call(void 0, { imageUrl, fallback });
   if (resetFor.imageUrl !== imageUrl || resetFor.fallback !== fallback) {
@@ -87,7 +87,7 @@ function useImageEdgeColor(givenUrl, fallback = "#000000") {
         setColor(fallback);
       }
     };
-    const sampleUrl = _chunk3VINTJPEcjs.resizedImageUrl.call(void 0, imageUrl, EDGE_SAMPLE_WIDTH_PX);
+    const sampleUrl = _chunk5WMRVMXHcjs.resizedImageUrl.call(void 0, imageUrl, EDGE_SAMPLE_WIDTH_PX);
     let triedOriginal = sampleUrl === imageUrl;
     img.onerror = () => {
       if (cancelled) return;