@flamingo-stack/openframe-frontend-core 0.0.338 → 0.0.339-snapshot.20260630004216

package/dist/{chunk-HKBV4OJK.js → chunk-MNLQMAY3.js}

@@ -11,7 +11,7 @@ import {
   TASK_TYPE_TEXT_COLORS,
   getStatusColorScheme,
   init_pagination
-} from "./chunk-BG44XQB2.js";
+} from "./chunk-NDHQG4I4.js";
 import {
   init_next_navigation,
   usePathname,
@@ -459,4 +459,4 @@ export {
   DevCardRowSkeletonList,
   DeliveryRow
 };
-//# sourceMappingURL=chunk-HKBV4OJK.js.map
+//# sourceMappingURL=chunk-MNLQMAY3.js.map

package/dist/{chunk-3BWH262F.js → chunk-NC3DJLP5.js}

@@ -2,11 +2,11 @@
 import {
   ArticleAuthorByline,
   DetailPageSkeleton
-} from "./chunk-N7MH2OSW.js";
+} from "./chunk-OVN265XQ.js";
 import {
   DocSearchBar,
   useDocSearch
-} from "./chunk-IOEGV4DP.js";
+} from "./chunk-W7J46YKF.js";
 import {
   useSelfFetch
 } from "./chunk-65VXW6GZ.js";
@@ -25,7 +25,7 @@ import {
   getCaptionsUrl,
   resolveContentHref,
   useVideoWarmup
-} from "./chunk-BG44XQB2.js";
+} from "./chunk-NDHQG4I4.js";
 import {
   buildOgPlaceholderUrl
 } from "./chunk-SWGXCGQ3.js";
@@ -391,4 +391,4 @@ export {
   useOnboardingGuide,
   useOnboardingGuideSections
 };
-//# sourceMappingURL=chunk-3BWH262F.js.map
+//# sourceMappingURL=chunk-NC3DJLP5.js.map

package/dist/{chunk-BG44XQB2.js → chunk-NDHQG4I4.js}

@@ -5672,6 +5672,10 @@ function ChipButton({ chip }) {
     {
       type: "button",
       onClick: chip.onSelect,
+      onMouseEnter: chip.onHoverStart,
+      onMouseLeave: chip.onHoverEnd,
+      onFocus: chip.onHoverStart,
+      onBlur: chip.onHoverEnd,
       className: "shrink-0 rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent",
       children: /* @__PURE__ */ jsx30(Tag, { variant: chip.variant ?? "outline", icon: chip.icon, label: chip.label })
     }
@@ -6577,6 +6581,8 @@ function GuideWelcome({
   subtitleLoading = false,
   quickActions = [],
   onQuickAction,
+  onQuickActionHover,
+  onQuickActionHoverEnd,
   children,
   className
 }) {
@@ -6603,9 +6609,11 @@ function GuideWelcome({
     () => quickActions.map((action) => ({
       id: action.id,
       label: action.label,
-      onSelect: () => onQuickAction?.(action)
+      onSelect: () => onQuickAction?.(action),
+      onHoverStart: () => onQuickActionHover?.(action),
+      onHoverEnd: () => onQuickActionHoverEnd?.()
     })),
-    [quickActions, onQuickAction]
+    [quickActions, onQuickAction, onQuickActionHover, onQuickActionHoverEnd]
   );
   return /* @__PURE__ */ jsxs32(
     "div",
@@ -13078,36 +13086,43 @@ function InfoCard({ data, className = "" }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs72("div", { className: "p-[var(--spacing-system-m)] flex flex-col gap-[var(--spacing-system-s)] items-start w-full", children: [
-          data.title && /* @__PURE__ */ jsxs72("div", { className: "flex items-center gap-[var(--spacing-system-xsf)] self-stretch h-6", children: [
-            /* @__PURE__ */ jsx91("span", { className: "text-h4 text-ods-text-primary truncate", title: data.title, children: data.title }),
-            data.icon
+        /* @__PURE__ */ jsxs72("div", { className: "p-[var(--spacing-system-m)] flex flex-col gap-[var(--spacing-system-l)] items-start w-full", children: [
+          (data.title || data.subtitle) && /* @__PURE__ */ jsxs72("div", { className: "flex flex-col items-start self-stretch w-full", children: [
+            data.title && /* @__PURE__ */ jsxs72("div", { className: "flex items-center gap-[var(--spacing-system-xsf)] self-stretch", children: [
+              /* @__PURE__ */ jsx91("span", { className: "text-h4 text-ods-text-primary truncate min-w-0", title: data.title, children: data.title }),
+              data.icon
+            ] }),
+            data.subtitle && /* @__PURE__ */ jsxs72("div", { className: "flex items-center gap-[var(--spacing-system-xsf)] self-stretch", children: [
+              /* @__PURE__ */ jsx91("span", { className: "text-h4 text-ods-text-secondary truncate min-w-0", title: data.subtitle, children: data.subtitle }),
+              !data.title && data.icon
+            ] })
           ] }),
-          data.subtitle && /* @__PURE__ */ jsx91("div", { className: "text-h4 text-ods-text-secondary truncate self-stretch", title: data.subtitle, children: data.subtitle }),
-          data.items.map((item, index) => {
-            const values = Array.isArray(item.value) ? item.value : [item.value];
-            return /* @__PURE__ */ jsx91(React40.Fragment, { children: values.map((val, valIndex) => /* @__PURE__ */ jsx91(
-              InfoCardValueRow,
+          (data.items.length > 0 || data.progress) && /* @__PURE__ */ jsxs72("div", { className: "flex flex-col gap-[var(--spacing-system-xs)] items-start self-stretch w-full", children: [
+            data.items.map((item, index) => {
+              const values = Array.isArray(item.value) ? item.value : [item.value];
+              return /* @__PURE__ */ jsx91(React40.Fragment, { children: values.map((val, valIndex) => /* @__PURE__ */ jsx91(
+                InfoCardValueRow,
+                {
+                  label: item.label,
+                  value: val,
+                  showLabel: valIndex === 0,
+                  copyable: item.copyable,
+                  icon: valIndex === 0 ? item.icon : void 0,
+                  copyAriaLabel: `Copy ${item.label ?? "value"} ${valIndex + 1}`
+                },
+                `${index}-${valIndex}`
+              )) }, index);
+            }),
+            data.progress && /* @__PURE__ */ jsx91(
+              ProgressBar,
               {
-                label: item.label,
-                value: val,
-                showLabel: valIndex === 0,
-                copyable: item.copyable,
-                icon: valIndex === 0 ? item.icon : void 0,
-                copyAriaLabel: `Copy ${item.label ?? "value"} ${valIndex + 1}`
-              },
-              `${index}-${valIndex}`
-            )) }, index);
-          }),
-          data.progress && /* @__PURE__ */ jsx91(
-            ProgressBar,
-            {
-              progress: data.progress.value,
-              warningThreshold: data.progress.warningThreshold,
-              criticalThreshold: data.progress.criticalThreshold,
-              inverted: data.progress.inverted
-            }
-          )
+                progress: data.progress.value,
+                warningThreshold: data.progress.warningThreshold,
+                criticalThreshold: data.progress.criticalThreshold,
+                inverted: data.progress.inverted
+              }
+            )
+          ] })
         ] }),
         data.footer && /* @__PURE__ */ jsx91(InfoCardFooter, { footer: data.footer })
       ]
@@ -19983,6 +19998,15 @@ function EntityImage({ src, alt, fallbackText, className }) {
 // src/components/layout/title-block.tsx
 import { jsx as jsx146, jsxs as jsxs118 } from "react/jsx-runtime";
 var TITLE_BLOCK_MIN_HEIGHT = "min-h-11 md:min-h-12";
+function TitleTextSkeleton({ widthClass, heightClass }) {
+  return /* @__PURE__ */ jsx146(
+    "span",
+    {
+      "aria-hidden": true,
+      className: cn("inline-block max-w-full rounded-md bg-ods-border animate-pulse", widthClass, heightClass)
+    }
+  );
+}
 function TitleBlock({
   title,
   subtitle,
@@ -19994,7 +20018,9 @@ function TitleBlock({
   selector,
   variant = "plain",
   className,
-  titleSize = "h2"
+  titleSize = "h2",
+  titleAdornment,
+  loading
 }) {
   const hasActions = actions && actions.length > 0;
   const hasMenuActions = !!menuActions && menuActions.some((g) => g.items.length > 0);
@@ -20025,7 +20051,7 @@ function TitleBlock({
               className: "hidden md:inline-flex"
             }
           ),
-          image || subtitle ? /* @__PURE__ */ jsxs118("div", { className: "flex items-center gap-[var(--spacing-system-m)] min-w-0 w-full", children: [
+          image || subtitle || loading ? /* @__PURE__ */ jsxs118("div", { className: "flex items-center gap-[var(--spacing-system-m)] min-w-0 w-full", children: [
             image && /* @__PURE__ */ jsx146(
               EntityImage,
               {
@@ -20035,10 +20061,16 @@ function TitleBlock({
               }
             ),
             /* @__PURE__ */ jsxs118("div", { className: "flex flex-col justify-center min-w-0 flex-1", children: [
-              title && /* @__PURE__ */ jsx146("h1", { className: cn(titleClass, "text-ods-text-primary truncate"), title, children: title }),
-              subtitle && /* @__PURE__ */ jsx146("p", { className: "text-h6 text-ods-text-secondary truncate", title: subtitle, children: subtitle })
+              (loading || title) && (titleAdornment ? /* @__PURE__ */ jsxs118("div", { className: "flex items-center gap-[var(--spacing-system-m)] min-w-0 w-full", children: [
+                /* @__PURE__ */ jsx146("h1", { className: cn(titleClass, "text-ods-text-primary truncate min-w-0"), title, children: loading ? /* @__PURE__ */ jsx146(TitleTextSkeleton, { widthClass: "w-48 md:w-72", heightClass: "h-4 md:h-6" }) : title }),
+                /* @__PURE__ */ jsx146("span", { className: "shrink-0", children: titleAdornment })
+              ] }) : /* @__PURE__ */ jsx146("h1", { className: cn(titleClass, "text-ods-text-primary truncate"), title, children: loading ? /* @__PURE__ */ jsx146(TitleTextSkeleton, { widthClass: "w-48 md:w-72", heightClass: "h-4 md:h-6" }) : title })),
+              subtitle && /* @__PURE__ */ jsx146("p", { className: "text-h6 text-ods-text-secondary truncate", title: subtitle, children: loading ? /* @__PURE__ */ jsx146(TitleTextSkeleton, { widthClass: "w-28 md:w-36", heightClass: "h-2.5 md:h-3" }) : subtitle })
             ] })
-          ] }) : title && /* @__PURE__ */ jsx146("h1", { className: cn(titleClass, "text-ods-text-primary"), children: title })
+          ] }) : title && (titleAdornment ? /* @__PURE__ */ jsxs118("div", { className: "flex items-center gap-[var(--spacing-system-m)] min-w-0 w-full", children: [
+            /* @__PURE__ */ jsx146("h1", { className: cn(titleClass, "text-ods-text-primary truncate min-w-0"), title, children: title }),
+            /* @__PURE__ */ jsx146("span", { className: "shrink-0", children: titleAdornment })
+          ] }) : /* @__PURE__ */ jsx146("h1", { className: cn(titleClass, "text-ods-text-primary"), children: title }))
         ] }),
         (hasActions || hasMenuActions || selector) && /* @__PURE__ */ jsx146("div", { className: "flex gap-2 items-center shrink-0", children: /* @__PURE__ */ jsx146(
           PageActions,
@@ -20070,11 +20102,13 @@ function PageLayout({
   className,
   contentClassName,
   showHeader = true,
-  titleSize
+  titleSize,
+  titleAdornment,
+  loading
 }) {
   const hasActions = actions && actions.length > 0;
   const needsBottomPadding = hasActions && actionsVariant === "primary-buttons";
-  const hasHeader = showHeader && (title || subtitle || image || backButton || hasActions || selector);
+  const hasHeader = showHeader && (title || subtitle || image || backButton || hasActions || selector || loading);
   return /* @__PURE__ */ jsxs119("div", { className: cn("flex flex-col w-full", className), children: [
     hasHeader && /* @__PURE__ */ jsx147(
       TitleBlock,
@@ -20088,7 +20122,9 @@ function PageLayout({
         menuActions,
         selector,
         variant: headerVariant,
-        titleSize
+        titleSize,
+        titleAdornment,
+        loading
       }
     ),
     /* @__PURE__ */ jsx147("div", { className: cn("flex flex-col flex-1 gap-[var(--spacing-system-l)]", needsBottomPadding && "pb-28 md:pb-0", contentClassName), children })
@@ -48476,6 +48512,7 @@ function EmbeddableChatInner({
     };
   }, [isOpen, shellLess]);
   const chatInputRef = useRef71(null);
+  const quickActionDraftRef = useRef71(null);
   const slashCommandsProp = useMemo43(
     () => ({
       fetchCommands: (prefix, signal) => fetchSlashCommands(prefix, signal, commandsUrl),
@@ -49004,8 +49041,22 @@ function EmbeddableChatInner({
                               ...guideWelcome,
                               quickActions: guideWelcome?.quickActions ?? guideSuggestedActions,
                               onQuickAction: (action) => {
+                                quickActionDraftRef.current = null;
+                                chatInputRef.current?.setValue("");
                                 handleSend(action.prompt ?? action.label);
                               },
+                              onQuickActionHover: (action) => {
+                                if (quickActionDraftRef.current === null) {
+                                  quickActionDraftRef.current = chatInputRef.current?.getValue() ?? "";
+                                }
+                                chatInputRef.current?.setValue(action.prompt ?? action.label);
+                              },
+                              onQuickActionHoverEnd: () => {
+                                if (quickActionDraftRef.current !== null) {
+                                  chatInputRef.current?.setValue(quickActionDraftRef.current);
+                                  quickActionDraftRef.current = null;
+                                }
+                              },
                               children: (chipCommands.length > 0 || !commandsLoaded) && /* @__PURE__ */ jsxs265("div", { className: "shrink-0 overflow-hidden rounded-md border border-ods-border", children: [
                                 !commandsLoaded && chipCommands.length === 0 && SKELETON_ROW_VARIANTS.map((variant, i) => /* @__PURE__ */ jsx329(
                                   MingoOnboardingCardSkeleton,
@@ -50079,4 +50130,4 @@ export {
   FAE_AVATAR_DATA_URI,
   assets
 };
-//# sourceMappingURL=chunk-BG44XQB2.js.map
+//# sourceMappingURL=chunk-NDHQG4I4.js.map