@flamingo-stack/openframe-frontend-core 0.0.340 → 0.0.341-snapshot.20260630022404

package/dist/{chunk-NDHQG4I4.js → chunk-M4JER3ZJ.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,
@@ -10985,7 +11014,7 @@ function OnboardingGuideCard({
 }
 
 // src/components/chat/entity-cards/roadmap-card.tsx
-import { useState as useState97 } from "react";
+import { useState as useState98 } from "react";
 import { ThumbsUp, ThumbsDown } from "lucide-react";
 
 // src/components/chat/entity-cards/roadmap-vote-button.tsx
@@ -11026,7 +11055,7 @@ function RoadmapVoteButton({
 init_button();
 
 // src/components/ui/image-gallery-modal.tsx
-import { useState as useState96, useEffect as useEffect73 } from "react";
+import { useState as useState97, useEffect as useEffect74 } from "react";
 
 // src/components/ui/allowed-domains-input.tsx
 init_cn();
@@ -35140,7 +35169,7 @@ var ListLoader = (props) => /* @__PURE__ */ jsx274(ContentLoader, { ...props, va
 
 // src/components/ui/table/table.tsx
 init_cn();
-import { useEffect as useEffect66, useRef as useRef48 } from "react";
+import { useEffect as useEffect67, useRef as useRef48 } from "react";
 init_pagination();
 init_button2();
 
@@ -35653,9 +35682,14 @@ function TableRow({
   compact,
   selectable,
   selected,
-  onSelect
+  onSelect,
+  animateRowReorder,
+  motionDiv
 }) {
   const isLinkMode = Boolean(href) && !onClick;
+  const animate = Boolean(animateRowReorder && motionDiv);
+  const Row = animate ? motionDiv : "div";
+  const motionProps = animate ? { layout: "position", transition: { layout: { duration: 0.35, ease: [0.22, 1, 0.36, 1] } } } : {};
   const handleRowClick = (e) => {
     const target = e.target;
     if (target.closest("[data-no-row-click]")) {
@@ -35691,8 +35725,9 @@ function TableRow({
     return String(value);
   };
   return /* @__PURE__ */ jsxs226(
-    "div",
+    Row,
     {
+      ...motionProps,
       className: cn(
         "relative rounded-[6px] bg-ods-card border border-ods-border overflow-hidden",
         (onClick || isLinkMode) && "cursor-pointer hover:bg-ods-bg-active transition-colors",
@@ -35744,6 +35779,24 @@ function TableRow({
   );
 }
 
+// src/components/ui/table/use-table-motion.ts
+import { useEffect as useEffect66, useState as useState85 } from "react";
+function useTableMotion(enabled) {
+  const [runtime, setRuntime] = useState85(null);
+  useEffect66(() => {
+    if (!enabled || runtime) return;
+    let active = true;
+    import("framer-motion").then((m) => {
+      if (active) setRuntime({ motionDiv: m.motion.div, LayoutGroup: m.LayoutGroup });
+    }).catch(() => {
+    });
+    return () => {
+      active = false;
+    };
+  }, [enabled, runtime]);
+  return enabled ? runtime : null;
+}
+
 // src/components/ui/table/table.tsx
 import { Fragment as Fragment50, jsx as jsx283, jsxs as jsxs227 } from "react/jsx-runtime";
 function injectSyntheticColumns(columns, rowActions, renderRowActions, rowHref) {
@@ -35829,8 +35882,10 @@ function Table({
   paginationClassName,
   infiniteScroll,
   stickyHeader,
-  stickyHeaderOffset
+  stickyHeaderOffset,
+  animateRowReorder
 }) {
+  const tableMotion = useTableMotion(Boolean(animateRowReorder));
   const columnsWithActions = injectSyntheticColumns(columns, rowActions, renderRowActions, rowHref);
   const getRowHref = (item) => {
     if (onRowClick || !rowHref) return void 0;
@@ -35877,7 +35932,7 @@ function Table({
   const sentinelRef = useRef48(null);
   const onLoadMoreRef = useRef48(infiniteScroll?.onLoadMore);
   onLoadMoreRef.current = infiniteScroll?.onLoadMore;
-  useEffect66(() => {
+  useEffect67(() => {
     if (!infiniteScroll?.hasNextPage || infiniteScroll.isFetchingNextPage) return;
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -35946,22 +36001,28 @@ function Table({
         hasChevron: Boolean(rowHref)
       }
     ) : data.length === 0 ? /* @__PURE__ */ jsx283(TableEmptyState, { message: emptyMessage }) : /* @__PURE__ */ jsxs227(Fragment50, { children: [
-      data.map((item, index) => /* @__PURE__ */ jsx283(
-        TableRow,
-        {
-          item,
-          columns: columnsWithActions,
-          onClick: onRowClick,
-          href: getRowHref(item),
-          className: getRowClassName(item, index),
-          index,
-          compact,
-          selectable,
-          selected: isRowSelected(item),
-          onSelect: handleSelectRow
-        },
-        getRowKey(item, index)
-      )),
+      (() => {
+        const rows = data.map((item, index) => /* @__PURE__ */ jsx283(
+          TableRow,
+          {
+            item,
+            columns: columnsWithActions,
+            onClick: onRowClick,
+            href: getRowHref(item),
+            className: getRowClassName(item, index),
+            index,
+            compact,
+            selectable,
+            selected: isRowSelected(item),
+            onSelect: handleSelectRow,
+            animateRowReorder,
+            motionDiv: tableMotion?.motionDiv
+          },
+          getRowKey(item, index)
+        ));
+        const LayoutGroup = tableMotion?.LayoutGroup;
+        return animateRowReorder && LayoutGroup ? /* @__PURE__ */ jsx283(LayoutGroup, { children: rows }) : rows;
+      })(),
       infiniteScroll?.isFetchingNextPage && /* @__PURE__ */ jsx283(
         TableCardSkeleton,
         {
@@ -36089,7 +36150,7 @@ import { useMemo as useMemo34 } from "react";
 
 // src/components/ui/query-report-table/query-report-table-header.tsx
 init_cn();
-import { useRef as useRef49, useState as useState85, useCallback as useCallback38 } from "react";
+import { useRef as useRef49, useState as useState86, useCallback as useCallback38 } from "react";
 import { jsx as jsx286, jsxs as jsxs229 } from "react/jsx-runtime";
 function QueryReportTableHeader({
   columns,
@@ -36119,7 +36180,7 @@ function QueryReportTableHeader({
 }
 function TruncatedHeaderCell({ value, width }) {
   const textRef = useRef49(null);
-  const [isTruncated, setIsTruncated] = useState85(false);
+  const [isTruncated, setIsTruncated] = useState86(false);
   const checkTruncation = useCallback38(() => {
     const el = textRef.current;
     if (el) {
@@ -36148,7 +36209,7 @@ function TruncatedHeaderCell({ value, width }) {
 
 // src/components/ui/query-report-table/query-report-table-row.tsx
 init_cn();
-import { useRef as useRef50, useState as useState86, useCallback as useCallback39 } from "react";
+import { useRef as useRef50, useState as useState87, useCallback as useCallback39 } from "react";
 import { jsx as jsx287, jsxs as jsxs230 } from "react/jsx-runtime";
 function QueryReportTableRow({
   row,
@@ -36195,7 +36256,7 @@ function QueryReportTableRow({
 }
 function TruncatedCell({ value, className }) {
   const textRef = useRef50(null);
-  const [isTruncated, setIsTruncated] = useState86(false);
+  const [isTruncated, setIsTruncated] = useState87(false);
   const checkTruncation = useCallback39(() => {
     const el = textRef.current;
     if (el) {
@@ -36944,7 +37005,7 @@ function DataTableBody({
 }
 
 // src/components/ui/data-table/data-table-infinite-footer.tsx
-import { useEffect as useEffect67, useRef as useRef52 } from "react";
+import { useEffect as useEffect68, useRef as useRef52 } from "react";
 import { Fragment as Fragment54, jsx as jsx297, jsxs as jsxs238 } from "react/jsx-runtime";
 function DataTableInfiniteFooter({
   hasNextPage,
@@ -36956,7 +37017,7 @@ function DataTableInfiniteFooter({
   const sentinelRef = useRef52(null);
   const onLoadMoreRef = useRef52(onLoadMore);
   onLoadMoreRef.current = onLoadMore;
-  useEffect67(() => {
+  useEffect68(() => {
     if (!hasNextPage || isFetchingNextPage) return;
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -37590,9 +37651,9 @@ function FilterList({
 
 // src/components/ui/tag-search-input.tsx
 import {
-  useEffect as useEffect69,
+  useEffect as useEffect70,
   useRef as useRef54,
-  useState as useState88
+  useState as useState89
 } from "react";
 init_cn();
 import { jsx as jsx301, jsxs as jsxs242 } from "react/jsx-runtime";
@@ -37629,8 +37690,8 @@ function TagSearchInput({
   const wrapperRef = useRef54(null);
   const hiddenTagsRef = useRef54(null);
   const hiddenTagsPopupRef = useRef54(null);
-  const [showHiddenTags, setShowHiddenTags] = useState88(false);
-  useEffect69(() => {
+  const [showHiddenTags, setShowHiddenTags] = useState89(false);
+  useEffect70(() => {
     if (!showHiddenTags) return;
     const handleClick = (e) => {
       const target = e.target;
@@ -37785,7 +37846,7 @@ function TagSearchInput({
 }
 
 // src/components/ui/markdown-editor.tsx
-import { useRef as useRef55, useCallback as useCallback42, useState as useState89, useEffect as useEffect70 } from "react";
+import { useRef as useRef55, useCallback as useCallback42, useState as useState90, useEffect as useEffect71 } from "react";
 init_cn();
 import { Loader2 as Loader29, Upload as Upload8 } from "lucide-react";
 import { jsx as jsx302, jsxs as jsxs243 } from "react/jsx-runtime";
@@ -37816,7 +37877,7 @@ body .w-md-editor .w-md-editor-bar::after { content: '' !important; display: blo
 body .w-md-editor .w-md-editor-bar:hover::after { border-color: var(--color-text-secondary) !important; }
 `;
 function MarkdownEditorStyles() {
-  useEffect70(() => {
+  useEffect71(() => {
     if (document.getElementById(MARKDOWN_EDITOR_STYLE_ID)) return;
     const style = document.createElement("style");
     style.id = MARKDOWN_EDITOR_STYLE_ID;
@@ -37841,10 +37902,10 @@ function MarkdownEditor({
   renderPreview
 }) {
   const fileInputRef = useRef55(null);
-  const [isUploading, setIsUploading] = useState89(false);
-  const [uploadProgress, setUploadProgress] = useState89("");
-  const [defaultExtraCommands, setDefaultExtraCommands] = useState89([]);
-  useEffect70(() => {
+  const [isUploading, setIsUploading] = useState90(false);
+  const [uploadProgress, setUploadProgress] = useState90("");
+  const [defaultExtraCommands, setDefaultExtraCommands] = useState90([]);
+  useEffect71(() => {
     import("@uiw/react-md-editor").then((mod) => {
       if (mod.commands?.getExtraCommands) {
         setDefaultExtraCommands(mod.commands.getExtraCommands());
@@ -37967,7 +38028,7 @@ function MarkdownEditor({
     }
     rafRef.current = requestAnimationFrame(scrollLoop);
   }, []);
-  useEffect70(() => {
+  useEffect71(() => {
     const wrapper = wrapperRef.current;
     if (!wrapper) return;
     const onMouseMove = (e) => {
@@ -39449,8 +39510,8 @@ function ImageGalleryModal({
   onClose,
   initialIndex = 0
 }) {
-  const [selectedImageIndex, setSelectedImageIndex] = useState96(initialIndex);
-  useEffect73(() => {
+  const [selectedImageIndex, setSelectedImageIndex] = useState97(initialIndex);
+  useEffect74(() => {
     if (isOpen) {
       setSelectedImageIndex(initialIndex);
     }
@@ -39465,7 +39526,7 @@ function ImageGalleryModal({
       setSelectedImageIndex(selectedImageIndex + 1);
     }
   };
-  useEffect73(() => {
+  useEffect74(() => {
     const handleKeyPress = (event) => {
       if (!isOpen) return;
       switch (event.key) {
@@ -39668,7 +39729,7 @@ function RoadmapCard({
   onVote,
   isVoting = false
 }) {
-  const [showScreenshots, setShowScreenshots] = useState97(false);
+  const [showScreenshots, setShowScreenshots] = useState98(false);
   const logoUrl = item.icon && item.icon.startsWith("http") ? item.icon : null;
   const iconSrc = logoUrl ? getProxiedImageUrl(logoUrl, { directHttps: true }) || logoUrl : null;
   if (size === "sm") {
@@ -40304,7 +40365,7 @@ function DataRoomDocCardSkeleton({ className }) {
 }
 
 // src/components/chat/entity-cards/program-card.tsx
-import { useState as useState98 } from "react";
+import { useState as useState99 } from "react";
 
 // node_modules/date-fns/toDate.mjs
 function toDate(argument) {
@@ -41941,8 +42002,8 @@ function getHosts(hosts) {
   return [];
 }
 function MediaGallery({ images, title }) {
-  const [selectedImageIndex, setSelectedImageIndex] = useState98(null);
-  const [isModalOpen, setIsModalOpen] = useState98(false);
+  const [selectedImageIndex, setSelectedImageIndex] = useState99(null);
+  const [isModalOpen, setIsModalOpen] = useState99(false);
   const openImageModal = (index, event) => {
     if (event) event.stopPropagation();
     setSelectedImageIndex(index);
@@ -43727,7 +43788,7 @@ function useChunkCatchup({
 }
 
 // src/components/chat/hooks/use-jetstream-dialog-subscription.ts
-import { useEffect as useEffect74, useRef as useRef60, useState as useState99 } from "react";
+import { useEffect as useEffect75, useRef as useRef60, useState as useState100 } from "react";
 var DEFAULT_INACTIVE_THRESHOLD_MS = 5 * 6e4;
 var DEFAULT_STREAM_NAME = "CHAT_CHUNKS";
 function useJetStreamDialogSubscription({
@@ -43746,57 +43807,57 @@ function useJetStreamDialogSubscription({
   reconnectionBackoff,
   inactiveThresholdMs
 }) {
-  const [isConnected, setIsConnected] = useState99(false);
-  const [isSubscribed, setIsSubscribed] = useState99(false);
-  const [reconnectionCount, setReconnectionCount] = useState99(0);
-  const [currentStreamSeq, setCurrentStreamSeq] = useState99(null);
+  const [isConnected, setIsConnected] = useState100(false);
+  const [isSubscribed, setIsSubscribed] = useState100(false);
+  const [reconnectionCount, setReconnectionCount] = useState100(0);
+  const [currentStreamSeq, setCurrentStreamSeq] = useState100(null);
   const clientRef = useRef60(null);
   const subscriptionRef = useRef60(null);
   const highestStreamSeqRef = useRef60(null);
   const onEventRef = useRef60(onEvent);
-  useEffect74(() => {
+  useEffect75(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
   const onConnectRef = useRef60(onConnect);
-  useEffect74(() => {
+  useEffect75(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
   const onDisconnectRef = useRef60(onDisconnect);
-  useEffect74(() => {
+  useEffect75(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
   const onSubscribedRef = useRef60(onSubscribed);
-  useEffect74(() => {
+  useEffect75(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
   const onBeforeReconnectRef = useRef60(onBeforeReconnect);
-  useEffect74(() => {
+  useEffect75(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
   const getNatsWsUrlRef = useRef60(getNatsWsUrl);
-  useEffect74(() => {
+  useEffect75(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
   const reconnectionBackoffRef = useRef60(reconnectionBackoff);
-  useEffect74(() => {
+  useEffect75(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
   const optStartSeqRef = useRef60(optStartSeq);
-  useEffect74(() => {
+  useEffect75(() => {
     optStartSeqRef.current = optStartSeq;
   }, [optStartSeq]);
   const inactiveThresholdRef = useRef60(inactiveThresholdMs);
-  useEffect74(() => {
+  useEffect75(() => {
     inactiveThresholdRef.current = inactiveThresholdMs;
   }, [inactiveThresholdMs]);
   const hadConnectionBeforeRef = useRef60(false);
   const clientConfigRef = useRef60(clientConfig);
-  useEffect74(() => {
+  useEffect75(() => {
     clientConfigRef.current = clientConfig;
   }, [clientConfig]);
   const currentWsUrlRef = useRef60("");
   const wsUrl = getNatsWsUrl();
-  useEffect74(() => {
+  useEffect75(() => {
     if (!enabled || !wsUrl) {
       if (currentWsUrlRef.current && clientRef.current) {
         releaseClient(currentWsUrlRef.current);
@@ -43877,7 +43938,7 @@ function useJetStreamDialogSubscription({
       }
     };
   }, [enabled, wsUrl]);
-  useEffect74(() => {
+  useEffect75(() => {
     if (!enabled || !dialogId || !isConnected) {
       if (subscriptionRef.current) {
         try {
@@ -43960,7 +44021,7 @@ function useJetStreamDialogSubscription({
       setIsSubscribed(false);
     };
   }, [enabled, dialogId, isConnected, streamName, topic, reconnectionCount]);
-  useEffect74(() => {
+  useEffect75(() => {
     highestStreamSeqRef.current = null;
     setCurrentStreamSeq(null);
   }, [dialogId]);
@@ -43968,7 +44029,7 @@ function useJetStreamDialogSubscription({
 }
 
 // src/components/chat/hooks/use-nats-dialog-subscription.ts
-import { useEffect as useEffect75, useRef as useRef61, useState as useState100 } from "react";
+import { useEffect as useEffect76, useRef as useRef61, useState as useState101 } from "react";
 function useNatsDialogSubscription({
   enabled,
   dialogId,
@@ -43982,47 +44043,47 @@ function useNatsDialogSubscription({
   clientConfig = {},
   reconnectionBackoff
 }) {
-  const [isConnected, setIsConnected] = useState100(false);
-  const [isSubscribed, setIsSubscribed] = useState100(false);
-  const [reconnectionCount, setReconnectionCount] = useState100(0);
+  const [isConnected, setIsConnected] = useState101(false);
+  const [isSubscribed, setIsSubscribed] = useState101(false);
+  const [reconnectionCount, setReconnectionCount] = useState101(0);
   const clientRef = useRef61(null);
   const subscriptionRefs = useRef61(/* @__PURE__ */ new Map());
   const onEventRef = useRef61(onEvent);
-  useEffect75(() => {
+  useEffect76(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
   const onConnectRef = useRef61(onConnect);
-  useEffect75(() => {
+  useEffect76(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
   const onDisconnectRef = useRef61(onDisconnect);
-  useEffect75(() => {
+  useEffect76(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
   const onSubscribedRef = useRef61(onSubscribed);
-  useEffect75(() => {
+  useEffect76(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
   const onBeforeReconnectRef = useRef61(onBeforeReconnect);
-  useEffect75(() => {
+  useEffect76(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
   const hadConnectionBeforeRef = useRef61(false);
   const getNatsWsUrlRef = useRef61(getNatsWsUrl);
-  useEffect75(() => {
+  useEffect76(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
   const reconnectionBackoffRef = useRef61(reconnectionBackoff);
-  useEffect75(() => {
+  useEffect76(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
   const clientConfigRef = useRef61(clientConfig);
-  useEffect75(() => {
+  useEffect76(() => {
     clientConfigRef.current = clientConfig;
   }, [clientConfig]);
   const currentWsUrlRef = useRef61("");
   const wsUrl = getNatsWsUrl();
-  useEffect75(() => {
+  useEffect76(() => {
     if (!enabled || !wsUrl) {
       if (currentWsUrlRef.current && clientRef.current) {
         releaseClient(currentWsUrlRef.current);
@@ -44106,12 +44167,12 @@ function useNatsDialogSubscription({
   const topicsKey = topics.join(",");
   const lastSubscribedDialogIdRef = useRef61(null);
   const isConnectedRef = useRef61(isConnected);
-  useEffect75(() => {
+  useEffect76(() => {
     isConnectedRef.current = isConnected;
   }, [isConnected]);
   const currentDialogIdRef = useRef61(null);
   const abortControllerRef = useRef61(null);
-  useEffect75(() => {
+  useEffect76(() => {
     currentDialogIdRef.current = dialogId;
     if (!enabled || !dialogId) {
       if (subscriptionRefs.current.size > 0) {
@@ -44192,7 +44253,7 @@ function useNatsDialogSubscription({
       abortControllerRef.current = null;
     };
   }, [enabled, dialogId, topicsKey, topics]);
-  useEffect75(() => {
+  useEffect76(() => {
     if (!enabled || !currentDialogIdRef.current || !isConnected) {
       return;
     }
@@ -44242,7 +44303,7 @@ function buildNatsWsUrl(apiBaseUrl, options) {
 }
 
 // src/components/chat/hooks/use-realtime-chunk-processor.ts
-import { useCallback as useCallback45, useRef as useRef62, useEffect as useEffect76 } from "react";
+import { useCallback as useCallback45, useRef as useRef62, useEffect as useEffect77 } from "react";
 
 // src/components/chat/utils/chunk-parser.ts
 function normalizeToolCalls(raw) {
@@ -44900,7 +44961,7 @@ function useRealtimeChunkProcessor(options) {
     })
   );
   const hasInitializedWithData = useRef62(false);
-  useEffect76(() => {
+  useEffect77(() => {
     if (initialState && !hasInitializedWithData.current) {
       accumulatorRef.current.initializeWithState(initialState);
       if (initialState.escalatedApprovals) {
@@ -44917,7 +44978,7 @@ function useRealtimeChunkProcessor(options) {
   const hasEverStreamedRef = useRef62(false);
   const directModeFlagRef = useRef62(isDirectMode);
   const sawDirectMessageRef = useRef62(false);
-  useEffect76(() => {
+  useEffect77(() => {
     directModeFlagRef.current = isDirectMode;
   }, [isDirectMode]);
   const pendingEscalatedRef = useRef62(/* @__PURE__ */ new Map());
@@ -45178,7 +45239,7 @@ function useRealtimeChunkProcessor(options) {
 }
 
 // src/components/chat/hooks/use-slash-commands.ts
-import { useEffect as useEffect77, useState as useState101 } from "react";
+import { useEffect as useEffect78, useState as useState102 } from "react";
 import { useQuery as useQuery2 } from "@tanstack/react-query";
 async function fetchSlashCommands(prefix, signal, commandsUrl) {
   try {
@@ -45195,9 +45256,9 @@ async function fetchSlashCommands(prefix, signal, commandsUrl) {
   }
 }
 function useSlashCommands(prefix, commandsUrl) {
-  const [commands, setCommands] = useState101([]);
-  const [loading, setLoading] = useState101(false);
-  useEffect77(() => {
+  const [commands, setCommands] = useState102([]);
+  const [loading, setLoading] = useState102(false);
+  useEffect78(() => {
     if (prefix == null) {
       setCommands([]);
       return;
@@ -45297,7 +45358,7 @@ function useEmptyStateConfig(emptyStateUrl, options) {
 }
 
 // src/components/chat/hooks/use-chat-attachments.ts
-import { useCallback as useCallback46, useMemo as useMemo38, useRef as useRef63, useState as useState102 } from "react";
+import { useCallback as useCallback46, useMemo as useMemo38, useRef as useRef63, useState as useState103 } from "react";
 import { fileTypeFromBlob } from "file-type";
 var CHAT_ATTACHMENTS_BUCKET = "chat-attachments";
 var CHAT_ATTACHMENTS_FOLDER = "chat";
@@ -45373,7 +45434,7 @@ function uploadWithProgress(url, file, token, onProgress, signal) {
 function useChatAttachments() {
   const runtime = useRequiredChatRuntime();
   const uploadUrlEndpoint = runtime.endpoints.attachmentUploadUrl;
-  const [attachments, setAttachments] = useState102([]);
+  const [attachments, setAttachments] = useState103([]);
   const controllersRef = useRef63(/* @__PURE__ */ new Map());
   const updateOne = useCallback46((id, patch) => {
     setAttachments((prev) => prev.map((a) => a.id === id ? { ...a, ...patch } : a));
@@ -45540,16 +45601,16 @@ function useChatAttachments() {
 }
 
 // src/components/chat/hooks/use-chat-attachment-image-gallery.tsx
-import { useCallback as useCallback47, useEffect as useEffect78, useRef as useRef64, useState as useState103 } from "react";
+import { useCallback as useCallback47, useEffect as useEffect79, useRef as useRef64, useState as useState104 } from "react";
 import { jsx as jsx326 } from "react/jsx-runtime";
 var CLOSED = { isOpen: false, images: [], initialIndex: 0 };
 function useChatAttachmentImageGallery() {
   const runtime = useRequiredChatRuntime();
   const viewUrlPrefix = runtime.endpoints.attachmentViewUrlPrefix;
   const panelRef = useRef64(null);
-  const [state, setState] = useState103(CLOSED);
+  const [state, setState] = useState104(CLOSED);
   const handleClose = useCallback47(() => setState(CLOSED), []);
-  useEffect78(() => {
+  useEffect79(() => {
     const root = panelRef.current;
     if (!root) return;
     const onClick = (ev) => {
@@ -45595,7 +45656,7 @@ function absolutize(prefix) {
 }
 
 // src/components/chat/hooks/use-chat-identity.ts
-import { createContext as createContext12, createElement as createElement2, useContext as useContext12, useEffect as useEffect79, useState as useState104 } from "react";
+import { createContext as createContext12, createElement as createElement2, useContext as useContext12, useEffect as useEffect80, useState as useState105 } from "react";
 var ANON_DEFAULTS = {
   authTier: "anon",
   source: null,
@@ -45606,9 +45667,9 @@ function useResolveChatIdentity(enabled) {
   const runtime = useRequiredChatRuntime();
   const url = runtime.endpoints.identityUrl;
   const proxyEmail = getEmbedProxyAuth()?.email ?? null;
-  const [data, setData] = useState104(ANON_DEFAULTS);
-  const [isLoading, setIsLoading] = useState104(enabled);
-  useEffect79(() => {
+  const [data, setData] = useState105(ANON_DEFAULTS);
+  const [isLoading, setIsLoading] = useState105(enabled);
+  useEffect80(() => {
     if (!enabled) return;
     let cancelled = false;
     const ctrl = new AbortController();
@@ -45650,11 +45711,11 @@ function useChatIdentity() {
 }
 
 // src/components/chat/hooks/use-close-on-navigation.ts
-import { useEffect as useEffect80, useRef as useRef65 } from "react";
+import { useEffect as useEffect81, useRef as useRef65 } from "react";
 function useCloseOnNavigation(close, pathname) {
   const prevPathnameRef = useRef65(null);
   const initializedRef = useRef65(false);
-  useEffect80(() => {
+  useEffect81(() => {
     if (!initializedRef.current) {
       initializedRef.current = true;
       prevPathnameRef.current = pathname;
@@ -45668,13 +45729,13 @@ function useCloseOnNavigation(close, pathname) {
 }
 
 // src/components/chat/hooks/use-chat.ts
-import { useState as useState106, useCallback as useCallback49, useEffect as useEffect81, useRef as useRef67 } from "react";
+import { useState as useState107, useCallback as useCallback49, useEffect as useEffect82, useRef as useRef67 } from "react";
 
 // src/components/chat/hooks/use-sse.ts
-import { useState as useState105, useCallback as useCallback48, useRef as useRef66 } from "react";
+import { useState as useState106, useCallback as useCallback48, useRef as useRef66 } from "react";
 function useSSE({ useMock = true, debugMode = false, streamFn } = {}) {
-  const [isStreaming, setIsStreaming] = useState105(false);
-  const [error, setError] = useState105(null);
+  const [isStreaming, setIsStreaming] = useState106(false);
+  const [error, setError] = useState106(null);
   const abortControllerRef = useRef66(null);
   const fallbackStream = useCallback48(async function* () {
     throw new Error(
@@ -45741,12 +45802,12 @@ function useChat({
   initialMessages,
   onMessagesChange
 } = {}) {
-  const [messages, setMessages] = useState106(() => initialMessages ?? []);
-  const [isTyping, setIsTyping] = useState106(false);
+  const [messages, setMessages] = useState107(() => initialMessages ?? []);
+  const [isTyping, setIsTyping] = useState107(false);
   const currentAssistantSegmentsRef = useRef67([]);
   const onMessagesChangeRef = useRef67(onMessagesChange);
   onMessagesChangeRef.current = onMessagesChange;
-  useEffect81(() => {
+  useEffect82(() => {
     onMessagesChangeRef.current?.(messages);
   }, [messages]);
   const {
@@ -46035,7 +46096,7 @@ function useChat({
 }
 
 // src/components/chat/hooks/use-sse-chat-adapter.ts
-import { useState as useState107, useEffect as useEffect82, useCallback as useCallback50, useMemo as useMemo39, useRef as useRef68 } from "react";
+import { useState as useState108, useEffect as useEffect83, useCallback as useCallback50, useMemo as useMemo39, useRef as useRef68 } from "react";
 function createEmptyTurnMeta() {
   return {
     provider: null,
@@ -46370,8 +46431,8 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
   const metaMapRef = useRef68(/* @__PURE__ */ new Map());
   const messagesRef = useRef68(persistedRef.current.messages);
   const sendCountRef = useRef68(persistedRef.current.sendCount);
-  const [streamingPhase, setStreamingPhase] = useState107("idle");
-  const [metaTick, setMetaTick] = useState107(0);
+  const [streamingPhase, setStreamingPhase] = useState108("idle");
+  const [metaTick, setMetaTick] = useState108(0);
   const bumpMetaTick = useCallback50(() => setMetaTick((t) => t + 1), []);
   const streamFn = useMemo39(
     () => createDocStreamFn(
@@ -46559,7 +46620,7 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
       }
     }
   }, [chatClearMessages, source, bumpMetaTick]);
-  useEffect82(() => {
+  useEffect83(() => {
     if (!isTyping && !isStreaming && streamingPhase !== "idle") {
       setStreamingPhase("idle");
     }
@@ -46641,10 +46702,10 @@ var noopRejectRequest = async (_id, _reason) => {
 // src/components/chat/hooks/use-nats-chat-adapter.ts
 import {
   useCallback as useCallback51,
-  useEffect as useEffect83,
+  useEffect as useEffect84,
   useMemo as useMemo40,
   useRef as useRef69,
-  useState as useState108
+  useState as useState109
 } from "react";
 
 // src/components/chat/utils/process-historical-messages.ts
@@ -47134,23 +47195,23 @@ function useNatsChatAdapter(config, options = {}) {
     modelLabel = null
   } = config;
   const isManagedMode = fetchDialogs !== void 0;
-  const [internalDialogId, setInternalDialogId] = useState108(null);
+  const [internalDialogId, setInternalDialogId] = useState109(null);
   const dialogId = isManagedMode ? internalDialogId : controlledDialogId !== void 0 ? controlledDialogId : null;
-  const [messages, setMessages] = useState108([]);
-  const [streamingPhase, setStreamingPhase] = useState108("idle");
-  const [approvalStatuses, setApprovalStatuses] = useState108({});
-  const [dialogs, setDialogs] = useState108([]);
-  const [dialogsNextCursor, setDialogsNextCursor] = useState108(null);
-  const [isDialogsLoading, setIsDialogsLoading] = useState108(false);
-  const [dialogsError, setDialogsError] = useState108(false);
-  const [isCreatingDialog, setIsCreatingDialog] = useState108(false);
-  const [messagesNextCursor, setMessagesNextCursor] = useState108(null);
-  const [isMessagesLoading, setIsMessagesLoading] = useState108(false);
-  const [dialogTokenUsage, setDialogTokenUsage] = useState108(
+  const [messages, setMessages] = useState109([]);
+  const [streamingPhase, setStreamingPhase] = useState109("idle");
+  const [approvalStatuses, setApprovalStatuses] = useState109({});
+  const [dialogs, setDialogs] = useState109([]);
+  const [dialogsNextCursor, setDialogsNextCursor] = useState109(null);
+  const [isDialogsLoading, setIsDialogsLoading] = useState109(false);
+  const [dialogsError, setDialogsError] = useState109(false);
+  const [isCreatingDialog, setIsCreatingDialog] = useState109(false);
+  const [messagesNextCursor, setMessagesNextCursor] = useState109(null);
+  const [isMessagesLoading, setIsMessagesLoading] = useState109(false);
+  const [dialogTokenUsage, setDialogTokenUsage] = useState109(
     null
   );
-  const [liveModel, setLiveModel] = useState108(null);
-  const [connectionState, setConnectionState] = useState108("connecting");
+  const [liveModel, setLiveModel] = useState109(null);
+  const [connectionState, setConnectionState] = useState109("connecting");
   const handleApprove = useCallback51(
     async (requestId) => {
       if (!approveRequestCallback) return;
@@ -47291,7 +47352,7 @@ function useNatsChatAdapter(config, options = {}) {
     ]
   );
   const prevDialogIdRef = useRef69(void 0);
-  useEffect83(() => {
+  useEffect84(() => {
     if (prevDialogIdRef.current === dialogId) return;
     prevDialogIdRef.current = dialogId;
     historyLoadSeqRef.current += 1;
@@ -47305,7 +47366,7 @@ function useNatsChatAdapter(config, options = {}) {
     if (!active || !dialogId) return;
     void loadDialogHistory(dialogId);
   }, [active, dialogId, loadDialogHistory, resetAccumulator]);
-  useEffect83(() => {
+  useEffect84(() => {
     if (!active || !dialogId) return;
     resetChunkTracking();
     startInitialBuffering();
@@ -47327,7 +47388,7 @@ function useNatsChatAdapter(config, options = {}) {
       setConnectionState("connected");
     }
   });
-  useEffect83(() => {
+  useEffect84(() => {
     if (!active || !dialogId) {
       setConnectionState("connected");
       return;
@@ -47366,7 +47427,7 @@ function useNatsChatAdapter(config, options = {}) {
   const reloadDialogs = useCallback51(() => {
     void loadDialogsPage();
   }, [loadDialogsPage]);
-  useEffect83(() => {
+  useEffect84(() => {
     if (!fetchDialogs) return;
     if (!active) return;
     if (initialDialogsLoadedRef.current) return;
@@ -47946,7 +48007,7 @@ function chatChipClass({ tone, density = "chip", extra }) {
 }
 
 // src/components/chat/embeddable-chat.tsx
-import { useCallback as useCallback54, useEffect as useEffect84, useMemo as useMemo43, useRef as useRef71, useState as useState110 } from "react";
+import { useCallback as useCallback54, useEffect as useEffect85, useMemo as useMemo43, useRef as useRef71, useState as useState111 } from "react";
 import * as DialogPrimitive4 from "@radix-ui/react-dialog";
 import { usePreventScroll } from "@react-aria/overlays";
 import { isIOS } from "@react-aria/utils";
@@ -48027,7 +48088,7 @@ init_button2();
 import { FileText as FileText8, MessageSquare as MessageSquare3 } from "lucide-react";
 
 // src/components/chat/hooks/use-chat-dialog-manager.ts
-import { useCallback as useCallback53, useMemo as useMemo42, useState as useState109 } from "react";
+import { useCallback as useCallback53, useMemo as useMemo42, useState as useState110 } from "react";
 function useChatDialogManager({
   dialogs,
   activeDialogId,
@@ -48038,8 +48099,8 @@ function useChatDialogManager({
   fetchArchivedDialogs,
   unarchiveDialog
 }) {
-  const [renameTarget, setRenameTarget] = useState109(null);
-  const [archiveTarget, setArchiveTarget] = useState109(null);
+  const [renameTarget, setRenameTarget] = useState110(null);
+  const [archiveTarget, setArchiveTarget] = useState110(null);
   const handleConfirmRename = useCallback53(
     (name) => {
       if (renameTarget) void renameDialog(renameTarget.id, name);
@@ -48062,10 +48123,10 @@ function useChatDialogManager({
     }
     setArchiveTarget(null);
   }, [archiveTarget, archiveDialog, activeDialogId, clearMessages]);
-  const [archiveOpen, setArchiveOpen] = useState109(false);
-  const [archivedDialogs, setArchivedDialogs] = useState109([]);
-  const [archivedCursor, setArchivedCursor] = useState109(null);
-  const [archivedLoading, setArchivedLoading] = useState109(false);
+  const [archiveOpen, setArchiveOpen] = useState110(false);
+  const [archivedDialogs, setArchivedDialogs] = useState110([]);
+  const [archivedCursor, setArchivedCursor] = useState110(null);
+  const [archivedLoading, setArchivedLoading] = useState110(false);
   const loadArchivedPage = useCallback53(
     async (cursor) => {
       if (!fetchArchivedDialogs) return;
@@ -48091,10 +48152,10 @@ function useChatDialogManager({
     void loadArchivedPage();
   }, [loadArchivedPage]);
   const closeArchive = useCallback53(() => setArchiveOpen(false), []);
-  const [viewingArchivedId, setViewingArchivedId] = useState109(
+  const [viewingArchivedId, setViewingArchivedId] = useState110(
     null
   );
-  const [openingDialogId, setOpeningDialogId] = useState109(null);
+  const [openingDialogId, setOpeningDialogId] = useState110(null);
   const handleSelectDialog = useCallback53(
     (id) => {
       setViewingArchivedId(null);
@@ -48113,7 +48174,7 @@ function useChatDialogManager({
     },
     [selectDialog]
   );
-  const [restoreTarget, setRestoreTarget] = useState109(null);
+  const [restoreTarget, setRestoreTarget] = useState110(null);
   const handleConfirmRestore = useCallback53(async () => {
     if (restoreTarget) {
       try {
@@ -48364,7 +48425,7 @@ function SourceChips({
   onClose,
   onDiscuss
 }) {
-  const [expanded, setExpanded] = useState110(false);
+  const [expanded, setExpanded] = useState111(false);
   if (cited.length === 0) {
     const fallback = uncited.slice(0, FALLBACK_TOP_RETRIEVED);
     if (fallback.length === 0) return null;
@@ -48463,7 +48524,7 @@ function EmbeddableChatInner({
   const commandsUrl = runtime.endpoints.commandsUrl;
   const { attachmentsEnabled, user: identityUser } = useChatIdentity();
   const viewUrlPrefix = runtime.endpoints.attachmentViewUrlPrefix;
-  useEffect84(() => {
+  useEffect85(() => {
     if (process.env.NODE_ENV !== "production") {
       const hasOpen = open !== void 0;
       const hasHandler = onOpenChange !== void 0;
@@ -48479,13 +48540,13 @@ function EmbeddableChatInner({
     defaultProp: defaultOpen ?? false,
     onChange: onOpenChange
   });
-  const [autoFocusInput] = useState110(() => {
+  const [autoFocusInput] = useState111(() => {
     if (typeof window === "undefined") return false;
     return !window.matchMedia("(pointer: coarse)").matches;
   });
   usePreventScroll({ isDisabled: !isOpen || shellLess });
   const navigatingAwayRef = useRef71(false);
-  useEffect84(() => {
+  useEffect85(() => {
     if (!isOpen) return;
     if (shellLess) return;
     if (typeof window === "undefined") return;
@@ -48512,7 +48573,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),
@@ -48555,7 +48616,7 @@ function EmbeddableChatInner({
   }, [mingoState, mingoDialogCapabilities, effectiveModes]);
   const hasMingoMode = !!effectiveModes.mingo || !!mingoState;
   const initialActiveMode = controlledActiveMode ?? defaultActiveMode ?? (effectiveModes.guide ? "guide" : "mingo");
-  const [uncontrolledActiveMode, setUncontrolledActiveMode] = useState110(initialActiveMode);
+  const [uncontrolledActiveMode, setUncontrolledActiveMode] = useState111(initialActiveMode);
   const activeMode = controlledActiveMode ?? uncontrolledActiveMode;
   const handleActiveModeChange = useCallback54(
     (next) => {
@@ -48618,15 +48679,15 @@ function EmbeddableChatInner({
   const { panelRef: galleryPanelRef, modal: galleryModal } = useChatAttachmentImageGallery();
   const contextMaxItems = contextPicker?.maxItems ?? 10;
   const contextPickerForMode = activeMode === "mingo" ? contextPicker : void 0;
-  const [contextItems, setContextItems] = useState110([]);
-  const [contextPickerOpen, setContextPickerOpen] = useState110(false);
-  const [mentionQuery, setMentionQuery] = useState110(null);
+  const [contextItems, setContextItems] = useState111([]);
+  const [contextPickerOpen, setContextPickerOpen] = useState111(false);
+  const [mentionQuery, setMentionQuery] = useState111(null);
   const mentionActiveRef = useRef71(false);
-  useEffect84(() => {
+  useEffect85(() => {
     mentionActiveRef.current = mentionQuery !== null;
   }, [mentionQuery]);
   const mentionKeysRef = useRef71(/* @__PURE__ */ new Set());
-  useEffect84(() => {
+  useEffect85(() => {
     setContextItems([]);
     setMentionQuery(null);
     mentionKeysRef.current.clear();
@@ -48830,7 +48891,7 @@ function EmbeddableChatInner({
   });
   const handleOpen = useCallback54(() => setIsOpen(true), [setIsOpen]);
   useCloseOnNavigation(handleNavigationClose, null);
-  useEffect84(() => {
+  useEffect85(() => {
     const handler = (e) => {
       const detail = e.detail;
       if (!detail || detail.source !== source) return;
@@ -48847,6 +48908,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(
@@ -48886,7 +48950,7 @@ function EmbeddableChatInner({
     const uncited = sources.filter((s) => !seenOrder.has(s.index));
     return { cited, uncited };
   }, [lastAssistantMsg, chatLoading]);
-  const [portalHost, setPortalHost] = useState110(null);
+  const [portalHost, setPortalHost] = useState111(null);
   const body = /* @__PURE__ */ jsxs265(PortalContainerContext.Provider, { value: portalHost, children: [
     /* @__PURE__ */ jsx329(
       "div",
@@ -49041,22 +49105,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,
@@ -49120,6 +49173,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,
@@ -50130,4 +50184,4 @@ export {
   FAE_AVATAR_DATA_URI,
   assets
 };
-//# sourceMappingURL=chunk-NDHQG4I4.js.map
+//# sourceMappingURL=chunk-M4JER3ZJ.js.map