@flamingo-stack/openframe-frontend-core 0.0.341 → 0.0.342-snapshot.20260630065631

package/dist/{chunk-AZ3DTQU5.js → chunk-DOSYUPZS.js}

@@ -3730,13 +3730,15 @@ var ChatInput = forwardRef9((allProps, ref) => {
     onMentionQueryChange,
     onValueChange,
     startIcon,
-    hideBorder
+    hideBorder,
+    previewText
     // Remaining textarea-only attrs are intentionally dropped — the editor is a
     // contenteditable div, not a <textarea>, so spreading them would warn.
   } = rest;
   const [value, setValue] = useState8("");
   const [focused, setFocused] = useState8(false);
   const [isStopping, setIsStopping] = useState8(false);
+  const [previewDismissed, setPreviewDismissed] = useState8(false);
   const editorRef = useRef4(null);
   const shouldRefocusRef = useRef4(false);
   const prevSendingRef = useRef4(sending);
@@ -3755,6 +3757,12 @@ var ChatInput = forwardRef9((allProps, ref) => {
   useEffect4(() => {
     onValueChange?.(value);
   }, [value, onValueChange]);
+  useEffect4(() => {
+    setPreviewDismissed(false);
+  }, [previewText]);
+  useEffect4(() => {
+    if (previewText) setPreviewDismissed(true);
+  }, [value]);
   const applyValue = useCallback4((next, caret = "end") => {
     const el = editorRef.current;
     if (el) {
@@ -3977,6 +3985,7 @@ var ChatInput = forwardRef9((allProps, ref) => {
   const sendDisabled = sending || disabled || !hasContent;
   const isEmpty = value.length === 0;
   const isDisabled = sending || disabled;
+  const showPreview = !isDisabled && !!previewText && !previewDismissed;
   return /* @__PURE__ */ jsx20(
     "div",
     {
@@ -4025,7 +4034,8 @@ var ChatInput = forwardRef9((allProps, ref) => {
             children: [
               startIcon && /* @__PURE__ */ jsx20("span", { className: "flex h-6 shrink-0 items-center", children: startIcon }),
               /* @__PURE__ */ jsxs16("div", { className: "relative flex-1 min-w-0", children: [
-                isEmpty && /* @__PURE__ */ jsx20("span", { className: "pointer-events-none absolute left-0 top-0 select-none text-h4 !leading-9 text-ods-text-secondary", children: disabled ? "Connection lost. Waiting to reconnect..." : placeholder }),
+                isEmpty && !showPreview && /* @__PURE__ */ jsx20("span", { className: "pointer-events-none absolute left-0 top-0 select-none text-h4 !leading-9 text-ods-text-secondary", children: disabled ? "Connection lost. Waiting to reconnect..." : placeholder }),
+                showPreview && /* @__PURE__ */ jsx20("p", { className: "pointer-events-none m-0 select-none whitespace-pre-wrap break-words text-h4 !leading-9 text-ods-text-secondary", children: previewText }),
                 /* @__PURE__ */ jsx20(
                   "div",
                   {
@@ -4052,6 +4062,9 @@ var ChatInput = forwardRef9((allProps, ref) => {
                     onBlur: () => setFocused(false),
                     className: cn(
                       "max-h-[160px] overflow-y-auto whitespace-pre-wrap break-words outline-none",
+                      // While a ghost preview shows, the editor is empty — collapse it
+                      // out of flow + transparent so the in-flow preview drives height.
+                      showPreview && "absolute inset-0 opacity-0",
                       // `leading-9` (36px) sits just above the 32px chip's line-box need
                       // (~35.5px incl. vertical-align overhead): the LINE drives row
                       // height (deterministic 48px, no overflow) AND the near-zero slack
@@ -5684,6 +5697,7 @@ function ChipButton({ chip }) {
 function ChatQuickActionRow({
   leading,
   chips,
+  wrap = false,
   className
 }) {
   const auto = useAutoLimitTags({
@@ -5693,6 +5707,12 @@ function ChatQuickActionRow({
   const visibleChips = chips.slice(0, auto.visibleCount);
   const hiddenChips = chips.slice(auto.visibleCount);
   if (!leading && chips.length === 0) return null;
+  if (wrap) {
+    return /* @__PURE__ */ jsxs26("div", { className: cn("flex shrink-0 flex-wrap items-center gap-1", className), children: [
+      leading,
+      chips.map((chip) => /* @__PURE__ */ jsx30(ChipButton, { chip }, chip.id))
+    ] });
+  }
   return /* @__PURE__ */ jsxs26(
     "div",
     {
@@ -6677,7 +6697,14 @@ function GuideWelcome({
             }
           )
         ] }),
-        quickActions.length > 0 && /* @__PURE__ */ jsx36(ChatQuickActionRow, { chips: chipItems })
+        quickActions.length > 0 && /* @__PURE__ */ jsx36(
+          ChatQuickActionRow,
+          {
+            wrap: true,
+            chips: chipItems,
+            className: "max-h-28 overflow-y-auto scrollbar-thin scrollbar-track-transparent scrollbar-thumb-ods-border/30"
+          }
+        )
       ]
     }
   );
@@ -7678,7 +7705,8 @@ function ChatComposer({
   onCloseContextPicker,
   mentionQuery = null,
   onMentionQueryChange,
-  onValueChange
+  onValueChange,
+  previewText
 }) {
   const contextEnabled = !!contextPicker && !archived;
   const selected = selectedContextItems ?? [];
@@ -7700,6 +7728,7 @@ function ChatComposer({
       onStop,
       sending,
       placeholder,
+      previewText,
       fullWidth: true,
       className: "px-0",
       reserveAvatarOffset: false,
@@ -22749,26 +22778,31 @@ function DashboardInfoCard({
     if (typeof progressSize === "number") {
       return /* @__PURE__ */ jsx159(CircularProgress, { ...common, size: progressSize, strokeWidth: strokeFor(progressSize) });
     }
-    return /* @__PURE__ */ jsxs127(Fragment31, { children: [
-      /* @__PURE__ */ jsx159(
-        CircularProgress,
-        {
-          ...common,
-          size: progressSize.base,
-          strokeWidth: strokeFor(progressSize.base),
-          className: "lg:hidden"
-        }
-      ),
-      /* @__PURE__ */ jsx159(
-        CircularProgress,
-        {
-          ...common,
-          size: progressSize.lg,
-          strokeWidth: strokeFor(progressSize.lg),
-          className: "hidden lg:block"
-        }
-      )
-    ] });
+    const { base, md, lg } = progressSize;
+    const rings = [];
+    if (md !== void 0 && lg !== void 0) {
+      rings.push({ key: "base", size: base, className: "md:hidden" });
+      rings.push({ key: "md", size: md, className: "hidden md:block lg:hidden" });
+      rings.push({ key: "lg", size: lg, className: "hidden lg:block" });
+    } else if (md !== void 0) {
+      rings.push({ key: "base", size: base, className: "md:hidden" });
+      rings.push({ key: "md", size: md, className: "hidden md:block" });
+    } else if (lg !== void 0) {
+      rings.push({ key: "base", size: base, className: "lg:hidden" });
+      rings.push({ key: "lg", size: lg, className: "hidden lg:block" });
+    } else {
+      rings.push({ key: "base", size: base, className: "" });
+    }
+    return /* @__PURE__ */ jsx159(Fragment31, { children: rings.map((ring) => /* @__PURE__ */ jsx159(
+      CircularProgress,
+      {
+        ...common,
+        size: ring.size,
+        strokeWidth: strokeFor(ring.size),
+        className: ring.className
+      },
+      ring.key
+    )) });
   };
   const cardContent = /* @__PURE__ */ jsxs127(Fragment31, { children: [
     /* @__PURE__ */ jsxs127("div", { className: "flex-1 flex flex-col", children: [
@@ -48544,7 +48578,7 @@ function EmbeddableChatInner({
     };
   }, [isOpen, shellLess]);
   const chatInputRef = useRef71(null);
-  const quickActionDraftRef = useRef71(null);
+  const [quickActionPreview, setQuickActionPreview] = useState111(null);
   const slashCommandsProp = useMemo43(
     () => ({
       fetchCommands: (prefix, signal) => fetchSlashCommands(prefix, signal, commandsUrl),
@@ -48879,6 +48913,9 @@ function EmbeddableChatInner({
   const messagesInitialLoading = isMessagesLoading && !hasMessages;
   const contentViewKey = hasConversation ? "conversation" : activeMode;
   const isGuideEmpty = !hasConversation && activeMode === "guide";
+  useEffect85(() => {
+    if (!isGuideEmpty) setQuickActionPreview(null);
+  }, [isGuideEmpty]);
   const guideCanReturnToMingo = isGuideEmpty && hasMingoMode;
   const sourceLabel = source === "flamingo" ? "Knowledge Base" : "Data Room";
   const enabledSet = useMemo43(
@@ -49073,22 +49110,11 @@ function EmbeddableChatInner({
                               ...guideWelcome,
                               quickActions: guideWelcome?.quickActions ?? guideSuggestedActions,
                               onQuickAction: (action) => {
-                                quickActionDraftRef.current = null;
-                                chatInputRef.current?.setValue("");
+                                setQuickActionPreview(null);
                                 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;
-                                }
-                              },
+                              onQuickActionHover: (action) => setQuickActionPreview(action.prompt ?? action.label),
+                              onQuickActionHoverEnd: () => setQuickActionPreview(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,
@@ -49152,6 +49178,7 @@ function EmbeddableChatInner({
                     placeholder: hasInflightUploads ? "Waiting for uploads to finish\u2026" : "Ask a question...",
                     autoFocus: autoFocusInput,
                     slashCommands: slashCommandsProp,
+                    previewText: quickActionPreview ?? void 0,
                     showAttachmentButton: attachmentsEnabled && activeMode === "guide",
                     attachmentsCount: stagedAttachments.length,
                     onAddFiles: addAttachmentFiles,
@@ -50162,4 +50189,4 @@ export {
   FAE_AVATAR_DATA_URI,
   assets
 };
-//# sourceMappingURL=chunk-AZ3DTQU5.js.map
+//# sourceMappingURL=chunk-DOSYUPZS.js.map