@flamingo-stack/openframe-frontend-core 0.0.773 → 0.0.775

package/dist/{chunk-5V7BIUGA.cjs → chunk-Y3EBUFX4.cjs}

@@ -49,7 +49,7 @@ var _chunk3LW5TD54cjs = require('./chunk-3LW5TD54.cjs');
 
 
 
-var _chunkCW3ML76Ucjs = require('./chunk-CW3ML76U.cjs');
+var _chunkNTPX5GXIcjs = require('./chunk-NTPX5GXI.cjs');
 
 
 var _chunkVFZFCRALcjs = require('./chunk-VFZFCRAL.cjs');
@@ -305,12 +305,13 @@ function ImageGalleryModal({ images, isOpen, onClose, initialIndex = 0 }) {
 
 
 
+
 var filePlayer = null;
 var filePlayerLoad = null;
 var filePlayerListeners = /* @__PURE__ */ new Set();
 function loadFilePlayer() {
   if (filePlayer || filePlayerLoad) return;
-  filePlayerLoad = Promise.resolve().then(() => _interopRequireWildcard(require("./video-file-player-COXRF4M5.cjs"))).then((module) => {
+  filePlayerLoad = Promise.resolve().then(() => _interopRequireWildcard(require("./video-file-player-4TXA7BZF.cjs"))).then((module) => {
     filePlayer = module.default;
     for (const listener of filePlayerListeners) listener();
   }).catch(() => void 0).finally(() => {
@@ -326,24 +327,70 @@ function subscribeToFilePlayer(listener) {
 }
 var loadedFilePlayer = () => filePlayer;
 var noFilePlayer = () => null;
-function FilePlayerFallback({ poster, className }) {
+var PosterBox = _react.forwardRef.call(void 0, function PosterBoxView({ poster, className, priority, fill }, ref) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
+      ref,
       "aria-hidden": "true",
-      className,
-      style: {
-        width: "100%",
-        height: "100%",
-        ...poster ? { backgroundImage: `url(${poster})`, backgroundSize: "cover", backgroundPosition: "center" } : {}
-      }
+      className: _chunk65VVJSQZcjs.cn.call(void 0, "relative overflow-hidden", className),
+      style: fill ? { width: "100%", height: "100%" } : void 0,
+      children: poster ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE76ONBKFcjs.next_image_default, { src: poster, alt: "", fill: true, sizes: "100vw", priority, unoptimized: true, className: "object-cover" }) : null
     }
   );
+});
+function FilePlayerFallback({
+  poster,
+  className,
+  priority
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PosterBox, { poster, className, priority, fill: true });
+}
+function waitsForPlay(props) {
+  return !props.autoPlay && !props.autoPlayUnmuted && !props.playOnHover && props.playWhenHovered === void 0 && props.startTime === void 0 && !props.playerHandleRef && !props.chromeless;
+}
+function FilePlayer({
+  title,
+  priority,
+  ...props
+}) {
+  const [facade] = _react.useState.call(void 0, () => waitsForPlay(props));
+  const [pressed, setPressed] = _react.useState.call(void 0, false);
+  if (facade && !pressed) {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "relative", props.className), style: { width: "100%", height: "100%" }, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilePlayerFallback, { poster: props.poster, className: "absolute inset-0", priority }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkTF5D5MNOcjs.Button,
+        {
+          type: "button",
+          variant: "glyph",
+          size: "wrap",
+          "aria-label": title ? `Play: ${title}` : "Play video",
+          onPointerEnter: loadFilePlayer,
+          onFocus: loadFilePlayer,
+          onTouchStart: loadFilePlayer,
+          onClick: () => {
+            loadFilePlayer();
+            setPressed(true);
+          },
+          className: "group absolute inset-0 rounded-none",
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkSETFUCZAcjs.VideoPlayBadge,
+            {
+              size: "lg",
+              className: "transition-transform duration-200 group-hover:scale-110 group-hover:text-ods-accent"
+            }
+          )
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadedFilePlayer, { ...props, priority, ...facade ? { autoPlayUnmuted: true } : {} });
 }
-function FilePlayer(props) {
+function LoadedFilePlayer({ priority, ...props }) {
   const arrived = _react.useSyncExternalStore.call(void 0, subscribeToFilePlayer, loadedFilePlayer, noFilePlayer);
   if (arrived) return _react.createElement.call(void 0, arrived, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilePlayerFallback, { poster: props.poster, className: props.className });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilePlayerFallback, { poster: props.poster, className: props.className, priority });
 }
 var YT_HOSTS = /* @__PURE__ */ new Set([
   "youtube.com",
@@ -381,22 +428,22 @@ function extractYouTubeId(url) {
   return m ? m[1] : null;
 }
 function Video(props) {
-  const { ref: nearRef, isNear } = _chunkCW3ML76Ucjs.useNearViewport.call(void 0, );
+  const { ref: nearRef, isNear } = _chunkNTPX5GXIcjs.useNearViewport.call(void 0, );
   const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
   const url = props.url;
   const layout = _nullishCoalesce(props.layout, () => ( "native"));
   if (loading && !url) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, VideoSkeleton, { layout, className: props.className });
   if (!url) return null;
   const effectiveKind = resolveKind(props, url);
-  if (props.lazy && !isNear) {
+  if ((_nullishCoalesce(props.lazy, () => ( true))) && !isNear) {
     return wrapWithLayout(
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "div",
+        PosterBox,
         {
           ref: nearRef,
+          poster: props.poster,
           className: props.className,
-          style: props.poster ? { backgroundImage: `url(${props.poster})`, backgroundSize: "cover", backgroundPosition: "center" } : void 0,
-          "aria-hidden": "true"
+          priority: "priority" in props ? props.priority : void 0
         }
       ),
       layout
@@ -426,6 +473,8 @@ function Video(props) {
     {
       url,
       poster: props.poster,
+      title: props.title,
+      priority: props.priority,
       muted: props.muted,
       ..._chunkSETFUCZAcjs.pickFilePlayback.call(void 0, props),
       className: props.className
@@ -1668,6 +1717,7 @@ function EntityPortraitCard({
   title,
   titleClassName,
   person,
+  priority,
   className
 }) {
   const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
@@ -1696,6 +1746,7 @@ function EntityPortraitCard({
             className: _chunk65VVJSQZcjs.cn.call(void 0, "h-full w-full", isWide === false ? "object-contain" : "object-cover"),
             sizes: "(min-width: 800px) 400px, 100vw",
             fill: true,
+            priority,
             unoptimized: true,
             onLoad: onMediaLoad,
             onError: onMediaError
@@ -2192,12 +2243,15 @@ function VideoHoverPreviewSurface({
     const el = rootElRef.current;
     if (!el || typeof IntersectionObserver === "undefined") return void 0;
     const io = new IntersectionObserver((entries) => setIsNear(_nullishCoalesce(_optionalChain([entries, 'access', _48 => _48[0], 'optionalAccess', _49 => _49.isIntersecting]), () => ( false))), {
-      rootMargin: _chunkCW3ML76Ucjs.NEAR_VIEWPORT_ROOT_MARGIN
+      rootMargin: _chunkNTPX5GXIcjs.NEAR_VIEWPORT_ROOT_MARGIN
     });
     io.observe(el);
     return () => io.disconnect();
   }, [gateControlled]);
   const showMedia = continuation || (gateControlled ? playerMounted : isNear);
+  const [engaged, setEngaged] = _react.useState.call(void 0, false);
+  if ((active || continuation) && !engaged) setEngaged(true);
+  const showPlayer = continuation || engaged;
   const { src: posterSrc, onError: onPosterError } = useCoverImageFallback(posterUrl);
   const facadeSkipped = preload === "none" && !posterSrc;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: rootElRef, className: _chunk65VVJSQZcjs.cn.call(void 0, "absolute inset-0", className), inert: isClone || void 0, children: showMedia ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
@@ -2215,7 +2269,7 @@ function VideoHoverPreviewSurface({
       }
     ) : facadeSkipped ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-ods-card" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Video, { kind: "file", url: previewUrl, firstFrameOnly: true, layout: "fill", fit }),
     badge === "play" && !active && !continuation && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.VideoPlayBadge, { className: "absolute inset-0 z-10 m-auto" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    showPlayer ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
         className: "absolute inset-0",
@@ -2245,7 +2299,7 @@ function VideoHoverPreviewSurface({
           continuation ? "continuation" : "preview"
         )
       }
-    )
+    ) : null
   ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-ods-card" }) });
 }
 
@@ -4046,6 +4100,7 @@ function ProgramEditorialCard({
   typeMeta,
   profile,
   playable,
+  priority,
   className
 }) {
   const edgeColor = _chunk3LW5TD54cjs.useImageEdgeColor.call(void 0, feature ? cover : null, "transparent");
@@ -4059,7 +4114,7 @@ function ProgramEditorialCard({
   if (!feature) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ContentCardFrame, { as: "a", href, target, rel, className: _chunk65VVJSQZcjs.cn.call(void 0, EDITORIAL_ROW_GRID, className), children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, EDITORIAL_ROW_THUMB, "bg-ods-bg"), children: [
-        cover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE76ONBKFcjs.next_image_default, { src: cover, alt: "", fill: true, sizes: "120px", className: "object-cover", unoptimized: true }),
+        cover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE76ONBKFcjs.next_image_default, { src: cover, alt: "", fill: true, sizes: "120px", className: "object-cover", priority, unoptimized: true }),
         playable && cover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.CardHoverPlay, { size: "md" })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: EDITORIAL_ROW_TEXT, children: [
@@ -4084,6 +4139,7 @@ function ProgramEditorialCard({
               fill: true,
               sizes: "(min-width: 1024px) 640px, 100vw",
               className: "object-contain",
+              priority,
               unoptimized: true
             }
           ),
@@ -4132,6 +4188,7 @@ function ProgramCard({
   wholeCardClickable = false,
   eyebrow,
   tags = [],
+  priority,
   className
 }) {
   const { target, rel } = useEntityCardLink({
@@ -4188,6 +4245,7 @@ function ProgramCard({
         imageAlt: item.title,
         title: item.title,
         titleClassName: "font-['Azeret_Mono'] font-semibold text-lg leading-6",
+        priority,
         person: profile ? { name: profile.name, avatarUrl: profile.avatarUrl, subtitle: profile.subtitle || dateMeta } : { name: config.labels.singular, subtitle: dateMeta },
         className
       }
@@ -4209,6 +4267,7 @@ function ProgramCard({
         typeMeta: compactTypeMetaValue,
         profile: programItemToStripProfile(item),
         playable: isPlayable,
+        priority,
         className
       }
     );
@@ -4222,7 +4281,18 @@ function ProgramCard({
     );
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunk65VVJSQZcjs.cn.call(void 0, COMPACT_CARD_OUTER, "group", className), children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_IMAGE_SLOT, children: [
-        compactCover ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE76ONBKFcjs.next_image_default, { src: compactCover, alt: item.title, fill: true, sizes: "56px", className: "object-contain", unoptimized: true }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-full w-full items-center justify-center text-ods-accent", children: config.type === "podcast" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Play, { className: "h-4 w-4" }) : config.type === "webinar" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Video, { className: "h-4 w-4" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Clock, { className: "h-4 w-4" }) }),
+        compactCover ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkE76ONBKFcjs.next_image_default,
+          {
+            src: compactCover,
+            alt: item.title,
+            fill: true,
+            sizes: "56px",
+            className: "object-contain",
+            priority,
+            unoptimized: true
+          }
+        ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-full w-full items-center justify-center text-ods-accent", children: config.type === "podcast" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Play, { className: "h-4 w-4" }) : config.type === "webinar" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Video, { className: "h-4 w-4" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Clock, { className: "h-4 w-4" }) }),
         isPlayable && compactCover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.CardHoverPlay, { size: "sm" })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_TEXT_COL, children: [
@@ -4275,6 +4345,7 @@ function ProgramCard({
           fill: true,
           sizes: "(min-width: 1280px) 400px, (min-width: 768px) 320px, 100vw",
           className: "object-cover",
+          priority,
           unoptimized: true
         }
       ),

package/dist/{cloud-tenants-EE5ULFOK.cjs → cloud-tenants-ISGAMTJD.cjs}

@@ -9,23 +9,23 @@ var _chunkSTEJZPIOcjs = require('./chunk-STEJZPIO.cjs');
 var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
-var _chunk7P2QXBWEcjs = require('./chunk-7P2QXBWE.cjs');
+var _chunk42JGOJCBcjs = require('./chunk-42JGOJCB.cjs');
 require('./chunk-LJT2KRE2.cjs');
 require('./chunk-RB7VLVMD.cjs');
 require('./chunk-V3W56L2D.cjs');
 require('./chunk-HQQE74RO.cjs');
 require('./chunk-DEY6XXGO.cjs');
-require('./chunk-XVFM6SJA.cjs');
+require('./chunk-E64HPPRH.cjs');
 require('./chunk-2JRSYWFP.cjs');
 require('./chunk-24I6RFVU.cjs');
 require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
-require('./chunk-KSCEAIBS.cjs');
+require('./chunk-TOPGBOCN.cjs');
 require('./chunk-C42WIUH6.cjs');
-require('./chunk-BPAYT72L.cjs');
-require('./chunk-ILZEXCJH.cjs');
+require('./chunk-BTVO676B.cjs');
+require('./chunk-KWZ62LPZ.cjs');
 require('./chunk-EHJE3UWZ.cjs');
-require('./chunk-RNLRS4ID.cjs');
+require('./chunk-KKAY6GPU.cjs');
 require('./chunk-5QP3K2CE.cjs');
 require('./chunk-LELS4XMX.cjs');
 require('./chunk-ZOZR3QI2.cjs');
@@ -1816,7 +1816,7 @@ require('./chunk-LMBYZITR.cjs');
 require('./chunk-TMVC7S2R.cjs');
 require('./chunk-IYHH5EIO.cjs');
 require('./chunk-XIBCMGBW.cjs');
-require('./chunk-TZ4GKUO2.cjs');
+require('./chunk-CZIMISAR.cjs');
 require('./chunk-XXJL5GY3.cjs');
 require('./chunk-57B5RUYD.cjs');
 require('./chunk-JKX2C3I2.cjs');
@@ -1824,8 +1824,8 @@ require('./chunk-7DNL734S.cjs');
 require('./chunk-WWUSFOJ7.cjs');
 require('./chunk-SKI6NKOE.cjs');
 require('./chunk-EWPR7662.cjs');
-require('./chunk-FPCGKH5K.cjs');
-require('./chunk-5V7BIUGA.cjs');
+require('./chunk-TUXPFF4P.cjs');
+require('./chunk-Y3EBUFX4.cjs');
 require('./chunk-R3JX4MXD.cjs');
 require('./chunk-SETFUCZA.cjs');
 require('./chunk-VFUMM6JC.cjs');
@@ -1840,7 +1840,7 @@ require('./chunk-RUHKTWGB.cjs');
 require('./chunk-BLH2SFOO.cjs');
 require('./chunk-3LW5TD54.cjs');
 require('./chunk-ASMNNSUQ.cjs');
-require('./chunk-CW3ML76U.cjs');
+require('./chunk-NTPX5GXI.cjs');
 require('./chunk-VFZFCRAL.cjs');
 require('./chunk-5P4TDV7V.cjs');
 require('./chunk-DGFDBPO7.cjs');
@@ -1916,7 +1916,7 @@ var getHref = () => "#";
 function CloudTenantsScreen(_props) {
   const cast = _chunkSTEJZPIOcjs.useProductDemoCast.call(void 0, );
   const fixture = _react.useMemo.call(void 0, () => buildCloudTenantsFixture(cast), [cast]);
-  const table = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7P2QXBWEcjs.TenantsTableView, { rows: fixture.rows, getHref, now: fixture.now });
+  const table = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.TenantsTableView, { rows: fixture.rows, getHref, now: fixture.now });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full bg-ods-bg p-[var(--spacing-system-l)]", children: table });
 }
 

package/dist/components/authors/author-detail-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"author-detail-view.d.ts","sourceRoot":"","sources":["../../../src/components/authors/author-detail-view.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAU/D,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,aAAa,CAAC;IACtB,uEAAuE;IACvE,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAcD,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,qBAAqB,qBA+FrG"}
+{"version":3,"file":"author-detail-view.d.ts","sourceRoot":"","sources":["../../../src/components/authors/author-detail-view.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAU/D,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,aAAa,CAAC;IACtB,uEAAuE;IACvE,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAcD,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,qBAAqB,qBAuGrG"}

package/dist/components/authors/author-detail-view.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Image from "../../embed-shims/next-image.js";
-import { AVATAR_SIZE } from "../../styles/component-sizes.js";
+import { AVATAR_SIZE, AVATAR_SIZE_PX } from "../../styles/component-sizes.js";
 import { cn } from "../../utils/cn.js";
 import { formatBioText } from "../../utils/format.js";
 import { useProxiedImageUrl } from "../chat/hooks/use-proxied-image-url.js";
@@ -29,7 +29,17 @@ function AuthorDetailView({ author, proxyImageUrl, children, className }) {
       /* @__PURE__ */ jsx("div", { className: AVATAR_BOX_CLASS, children: loading ? (
         // The avatar in its scope draws its own skeleton, the round box of this frame.
         /* @__PURE__ */ jsx(SquareAvatar, { variant: "round", alt: "", className: "h-full w-full" })
-      ) : /* @__PURE__ */ jsx("div", { className: "relative h-full w-full overflow-hidden rounded-full border border-ods-border bg-ods-bg-surface", children: proxiedAvatar ? /* @__PURE__ */ jsx(Image, { src: proxiedAvatar, alt: author.fullName, fill: true, className: "object-cover", unoptimized: true }) : /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center text-ods-text-secondary text-h2", children: author.fullName.charAt(0).toUpperCase() }) }) }),
+      ) : /* @__PURE__ */ jsx("div", { className: "relative h-full w-full overflow-hidden rounded-full border border-ods-border bg-ods-bg-surface", children: proxiedAvatar ? /* @__PURE__ */ jsx(
+        Image,
+        {
+          src: proxiedAvatar,
+          alt: author.fullName,
+          fill: true,
+          sizes: `${AVATAR_SIZE_PX.profile}px`,
+          className: "object-cover",
+          unoptimized: true
+        }
+      ) : /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center text-ods-text-secondary text-h2", children: author.fullName.charAt(0).toUpperCase() }) }) }),
       /* @__PURE__ */ jsxs("div", { className: cn(IDENTITY_TEXT_CLASS, loading && "w-full"), children: [
         /* @__PURE__ */ jsx("p", { className: NAME_CLASS, children: loading ? (
           // A typical name's width (about 282px at the name's `text-h2`).

package/dist/components/case-studies/index.cjs

@@ -4,33 +4,33 @@
 var _chunkDTKGIG4Acjs = require('../../chunk-DTKGIG4A.cjs');
 
 
-var _chunkVW2QQKQ6cjs = require('../../chunk-VW2QQKQ6.cjs');
+var _chunk36GYLB3Zcjs = require('../../chunk-36GYLB3Z.cjs');
 
 
 
 
 
 
-var _chunk7P2QXBWEcjs = require('../../chunk-7P2QXBWE.cjs');
+var _chunk42JGOJCBcjs = require('../../chunk-42JGOJCB.cjs');
 require('../../chunk-LJT2KRE2.cjs');
 require('../../chunk-RB7VLVMD.cjs');
 require('../../chunk-V3W56L2D.cjs');
 require('../../chunk-HQQE74RO.cjs');
 require('../../chunk-DEY6XXGO.cjs');
-require('../../chunk-XVFM6SJA.cjs');
+require('../../chunk-E64HPPRH.cjs');
 require('../../chunk-2JRSYWFP.cjs');
 require('../../chunk-24I6RFVU.cjs');
 require('../../chunk-A6P6DHEZ.cjs');
 require('../../chunk-MZ4KBSH7.cjs');
-require('../../chunk-KSCEAIBS.cjs');
+require('../../chunk-TOPGBOCN.cjs');
 require('../../chunk-C42WIUH6.cjs');
-require('../../chunk-BPAYT72L.cjs');
+require('../../chunk-BTVO676B.cjs');
 
 
 
-var _chunkILZEXCJHcjs = require('../../chunk-ILZEXCJH.cjs');
+var _chunkKWZ62LPZcjs = require('../../chunk-KWZ62LPZ.cjs');
 require('../../chunk-EHJE3UWZ.cjs');
-require('../../chunk-RNLRS4ID.cjs');
+require('../../chunk-KKAY6GPU.cjs');
 require('../../chunk-5QP3K2CE.cjs');
 require('../../chunk-LELS4XMX.cjs');
 require('../../chunk-ZOZR3QI2.cjs');
@@ -1831,7 +1831,7 @@ require('../../chunk-IYHH5EIO.cjs');
 require('../../chunk-XIBCMGBW.cjs');
 
 
-var _chunkTZ4GKUO2cjs = require('../../chunk-TZ4GKUO2.cjs');
+var _chunkCZIMISARcjs = require('../../chunk-CZIMISAR.cjs');
 require('../../chunk-XXJL5GY3.cjs');
 require('../../chunk-57B5RUYD.cjs');
 require('../../chunk-JKX2C3I2.cjs');
@@ -1839,12 +1839,12 @@ require('../../chunk-7DNL734S.cjs');
 require('../../chunk-WWUSFOJ7.cjs');
 require('../../chunk-SKI6NKOE.cjs');
 require('../../chunk-EWPR7662.cjs');
-require('../../chunk-FPCGKH5K.cjs');
+require('../../chunk-TUXPFF4P.cjs');
 
 
 
 
-var _chunk5V7BIUGAcjs = require('../../chunk-5V7BIUGA.cjs');
+var _chunkY3EBUFX4cjs = require('../../chunk-Y3EBUFX4.cjs');
 require('../../chunk-R3JX4MXD.cjs');
 require('../../chunk-SETFUCZA.cjs');
 require('../../chunk-VFUMM6JC.cjs');
@@ -1859,7 +1859,7 @@ require('../../chunk-RUHKTWGB.cjs');
 require('../../chunk-BLH2SFOO.cjs');
 require('../../chunk-3LW5TD54.cjs');
 require('../../chunk-ASMNNSUQ.cjs');
-require('../../chunk-CW3ML76U.cjs');
+require('../../chunk-NTPX5GXI.cjs');
 require('../../chunk-VFZFCRAL.cjs');
 require('../../chunk-5P4TDV7V.cjs');
 require('../../chunk-DGFDBPO7.cjs');
@@ -1886,7 +1886,7 @@ require('../../chunk-KHKPLOU4.cjs');
 
 // src/components/case-studies/share-experience-section.tsx
 var _jsxruntime = require('react/jsx-runtime');
-var DEFAULT_TITLE = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5V7BIUGAcjs.HeadingLines, { children: [
+var DEFAULT_TITLE = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY3EBUFX4cjs.HeadingLines, { children: [
   "Share Your Experience",
   /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     "with Fellow MSPs",
@@ -1911,7 +1911,7 @@ var DEFAULT_CONTACT_FORM_PROPS = {
   buttonVariant: "outline",
   buttonClassName: "w-full",
   successToastMessage: "Thank you! We'll reach out to schedule your case study.",
-  rescue: _chunkTZ4GKUO2cjs.RESCUE_FORMS.caseStudyPitch
+  rescue: _chunkCZIMISARcjs.RESCUE_FORMS.caseStudyPitch
 };
 function ShareExperienceSection({
   title = DEFAULT_TITLE,
@@ -1923,7 +1923,7 @@ function ShareExperienceSection({
 } = {}) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { className: `flex flex-col gap-10${className ? ` ${className}` : ""}`, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-ods-text-primary", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-ods-text-primary text-h1", children: _chunk5V7BIUGAcjs.accentSentenceMarks.call(void 0, title) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-ods-text-primary text-h1", children: _chunkY3EBUFX4cjs.accentSentenceMarks.call(void 0, title) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mt-6 max-w-[765px] text-h4", children: subtitle })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-md border border-ods-border bg-ods-bg p-10", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-10", children: [
@@ -1931,9 +1931,9 @@ function ShareExperienceSection({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-h2", children: howItWorksTitle }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h4", children: howItWorksBody })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7P2QXBWEcjs.BenefitCardGrid, { columns: 4, children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk42JGOJCBcjs.BenefitCardGrid, { columns: 4, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk7P2QXBWEcjs.BenefitCard,
+          _chunk42JGOJCBcjs.BenefitCard,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMJQLBIZMcjs.G2Icon, { color: "var(--social-g2)", size: 24 }) }),
             title: "G2",
@@ -1942,7 +1942,7 @@ function ShareExperienceSection({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk7P2QXBWEcjs.BenefitCard,
+          _chunk42JGOJCBcjs.BenefitCard,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA2VKPXOBcjs.CapterraIcon, { size: 24 }) }),
             title: "Capterra",
@@ -1951,7 +1951,7 @@ function ShareExperienceSection({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk7P2QXBWEcjs.BenefitCard,
+          _chunk42JGOJCBcjs.BenefitCard,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTLKSZG3Dcjs.TrustpilotIcon, { size: 24 }) }),
             title: "TrustPilot",
@@ -1960,7 +1960,7 @@ function ShareExperienceSection({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk7P2QXBWEcjs.BenefitCard,
+          _chunk42JGOJCBcjs.BenefitCard,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-md border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILYW6BQNcjs.GetappIcon, { size: 24 }) }),
             title: "GetApp",
@@ -1969,7 +1969,7 @@ function ShareExperienceSection({
           }
         )
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVW2QQKQ6cjs.ContactForm, { ...DEFAULT_CONTACT_FORM_PROPS, ...contactFormProps })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk36GYLB3Zcjs.ContactForm, { ...DEFAULT_CONTACT_FORM_PROPS, ...contactFormProps })
     ] }) })
   ] });
 }
@@ -1987,7 +1987,7 @@ function EntityQuotesPanel({ quotes, className }) {
     // Optional per record, so the loading state draws none: the gate leaves the loaded panel out of its comparison.
     // A plain block around the one panel, so the parent's spacing applies to it as it did to the panel.
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-loading-optional": true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk7P2QXBWEcjs.StackedRowsPanel,
+      _chunk42JGOJCBcjs.StackedRowsPanel,
       {
         className,
         title: `${_chunkDTKGIG4Acjs.ENTITY_QUOTES_TITLE} \xB7 ${quotes.length}`,
@@ -2013,7 +2013,7 @@ function EntityQuotesPanel({ quotes, className }) {
 }
 function EntityQuotesPanelSkeleton({ className }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk7P2QXBWEcjs.StackedRowsPanel,
+    _chunk42JGOJCBcjs.StackedRowsPanel,
     {
       className,
       title: _chunkDTKGIG4Acjs.ENTITY_QUOTES_TITLE,
@@ -2038,26 +2038,26 @@ function EntityQuotesPanelSkeleton({ className }) {
 var QUOTE_CARD_CLASS = "relative p-[var(--spacing-system-sf)]";
 function QuoteCardTile({ quote, decorative, className, ...props }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunk5V7BIUGAcjs.Card,
+    _chunkY3EBUFX4cjs.Card,
     {
       variant: "panel",
       "aria-hidden": decorative || void 0,
       className: _chunk65VVJSQZcjs.cn.call(void 0, QUOTE_CARD_CLASS, "hover:border-ods-border-hover", className),
       ...props,
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7P2QXBWEcjs.PersonCell, { size: "lg", name: `"${quote.text}"`, secondary: quote.attribution, avatarUrl: quote.logoUrl }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILZEXCJHcjs.CardHitLayer, { href: quote.href, label: `${quote.text}, ${quote.attribution}`, decorative })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.PersonCell, { size: "lg", name: `"${quote.text}"`, secondary: quote.attribution, avatarUrl: quote.logoUrl }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKWZ62LPZcjs.CardHitLayer, { href: quote.href, label: `${quote.text}, ${quote.attribution}`, decorative })
       ]
     }
   );
 }
 function QuoteCardTileSkeleton({ className }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5V7BIUGAcjs.Card, { variant: "panel", className: _chunk65VVJSQZcjs.cn.call(void 0, QUOTE_CARD_CLASS, className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading a customer story", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7P2QXBWEcjs.PersonCellSkeleton, { size: "lg" }) }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY3EBUFX4cjs.Card, { variant: "panel", className: _chunk65VVJSQZcjs.cn.call(void 0, QUOTE_CARD_CLASS, className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading a customer story", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.PersonCellSkeleton, { size: "lg" }) }) });
 }
 var QUOTE_STRIP_SKELETON_CARDS = 4;
 function QuoteCardsStripSkeleton({ count, className }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkILZEXCJHcjs.CardsStrip,
+    _chunkKWZ62LPZcjs.CardsStrip,
     {
       className,
       showTitle: false,
@@ -2076,7 +2076,7 @@ function QuoteCardsStrip({ quotes, loading = false, skeletonCount, fold, classNa
   }
   if (quotes.length === 0) return null;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkILZEXCJHcjs.CardsStrip,
+    _chunkKWZ62LPZcjs.CardsStrip,
     {
       className,
       showTitle: false,

package/dist/components/chat/ask-prompts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ask-prompts.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ask-prompts.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,EAAkD,KAAK,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/G,gGAAgG;AAChG,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,GAAG,mBAAmB,CAAC;CACxC;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,SAAS,SAAS,EAAE,CAAC;IAC9B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sFAAsF;IACtF,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB,gFAAgF;IAChF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;mDAC+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAChD,4CAA4C;IAC5C,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,qHAAqH;IACrH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoFD;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,KAAK,EAAE,SAAS,EAChB,OAAe,EACf,KAAe,EACf,MAAM,EACN,KAAK,EACL,IAAI,EACJ,MAAM,EACN,KAAK,EACL,SAAS,EACT,SAAS,GACV,EAAE,eAAe,sCAuBjB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,WAAW,GAAG,OAAO,CAAC;IAC1F,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,gIAAgI;IAChI,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,WAAW,EACX,OAAO,EACP,KAAK,EAAE,SAAS,EAChB,OAAe,EACf,MAAM,EACN,KAAK,EACL,IAAI,EACJ,MAAM,EACN,KAAK,EACL,YAAmB,EACnB,SAAS,GACV,EAAE,YAAY,+BAsCd"}
+{"version":3,"file":"ask-prompts.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ask-prompts.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,EAAkD,KAAK,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAG/G,gGAAgG;AAChG,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,GAAG,mBAAmB,CAAC;CACxC;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,SAAS,SAAS,EAAE,CAAC;IAC9B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sFAAsF;IACtF,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB,gFAAgF;IAChF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;mDAC+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAChD,4CAA4C;IAC5C,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,qHAAqH;IACrH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwFD;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,KAAK,EAAE,SAAS,EAChB,OAAe,EACf,KAAe,EACf,MAAM,EACN,KAAK,EACL,IAAI,EACJ,MAAM,EACN,KAAK,EACL,SAAS,EACT,SAAS,GACV,EAAE,eAAe,sCAuBjB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,WAAW,GAAG,OAAO,CAAC;IAC1F,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,gIAAgI;IAChI,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,WAAW,EACX,OAAO,EACP,KAAK,EAAE,SAAS,EAChB,OAAe,EACf,MAAM,EACN,KAAK,EACL,IAAI,EACJ,MAAM,EACN,KAAK,EACL,YAAmB,EACnB,SAAS,GACV,EAAE,YAAY,+BAsCd"}

package/dist/components/chat/ask-prompts.js

@@ -5,6 +5,7 @@ import { AgentMark } from "../agent-mark.js";
 import { MingoAiButton, openAskAi } from "../navigation/mingo-ai-button.js";
 import { ScrollShadow } from "../ui/scroll-fade.js";
 import { QuickActionChipButton, QuickActionChipSkeleton } from "./quick-action-chip.js";
+import { ASK_AI_TRIGGER_ATTRIBUTE } from "./utils/ask-ai-events.js";
 function AssistantGlyph({ icon, className }) {
   return /* @__PURE__ */ jsx("span", { className: cn("inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full", className), children: icon ?? /* @__PURE__ */ jsx(AgentMark, { agent: "mingo", className: "size-full" }) });
 }
@@ -25,26 +26,34 @@ function QuestionChips({
 }) {
   return /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: count }, (_, slot) => {
     const prompt = loading ? void 0 : prompts[slot];
-    return /* @__PURE__ */ jsx("span", { className: slotClassName ?? CHIP_SLOT_CLASS, children: loading ? /* @__PURE__ */ jsx(
-      QuickActionChipSkeleton,
+    return /* @__PURE__ */ jsx(
+      "span",
       {
-        variant: "question",
-        labelCh: SKELETON_LABEL_CH[slot % SKELETON_LABEL_CH.length]
-      }
-    ) : prompt ? /* @__PURE__ */ jsx(
-      QuickActionChipButton,
-      {
-        variant: "question",
-        label: prompt.label,
-        icon: prompt.icon,
-        onSelect: () => {
-          const request = { prompt: prompt.prompt ?? prompt.label };
-          if (onOpen) onOpen(request);
-          else openAskAi(source, request);
-          onAsk?.(prompt);
-        }
-      }
-    ) : null }, prompt?.id ?? `slot-${slot}`);
+        className: slotClassName ?? CHIP_SLOT_CLASS,
+        ...prompt ? { [ASK_AI_TRIGGER_ATTRIBUTE]: "" } : {},
+        children: loading ? /* @__PURE__ */ jsx(
+          QuickActionChipSkeleton,
+          {
+            variant: "question",
+            labelCh: SKELETON_LABEL_CH[slot % SKELETON_LABEL_CH.length]
+          }
+        ) : prompt ? /* @__PURE__ */ jsx(
+          QuickActionChipButton,
+          {
+            variant: "question",
+            label: prompt.label,
+            icon: prompt.icon,
+            onSelect: () => {
+              const request = { prompt: prompt.prompt ?? prompt.label };
+              if (onOpen) onOpen(request);
+              else openAskAi(source, request);
+              onAsk?.(prompt);
+            }
+          }
+        ) : null
+      },
+      prompt?.id ?? `slot-${slot}`
+    );
   }) });
 }
 function AskPrompts({