@flamingo-stack/openframe-frontend-core 0.0.339 → 0.0.340-snapshot.20260630012353

package/dist/{chunk-I54DGTLP.js → chunk-AZ3DTQU5.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",
@@ -10977,7 +10985,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
@@ -11018,7 +11026,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();
@@ -35132,7 +35140,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();
 
@@ -35645,9 +35653,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]")) {
@@ -35683,8 +35696,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",
@@ -35736,6 +35750,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) {
@@ -35821,8 +35853,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;
@@ -35869,7 +35903,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;
@@ -35938,22 +35972,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,
         {
@@ -36081,7 +36121,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,
@@ -36111,7 +36151,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) {
@@ -36140,7 +36180,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,
@@ -36187,7 +36227,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) {
@@ -36936,7 +36976,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,
@@ -36948,7 +36988,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;
@@ -37582,9 +37622,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";
@@ -37621,8 +37661,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;
@@ -37777,7 +37817,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";
@@ -37808,7 +37848,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;
@@ -37833,10 +37873,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());
@@ -37959,7 +37999,7 @@ function MarkdownEditor({
     }
     rafRef.current = requestAnimationFrame(scrollLoop);
   }, []);
-  useEffect70(() => {
+  useEffect71(() => {
     const wrapper = wrapperRef.current;
     if (!wrapper) return;
     const onMouseMove = (e) => {
@@ -39441,8 +39481,8 @@ function ImageGalleryModal({
   onClose,
   initialIndex = 0
 }) {
-  const [selectedImageIndex, setSelectedImageIndex] = useState96(initialIndex);
-  useEffect73(() => {
+  const [selectedImageIndex, setSelectedImageIndex] = useState97(initialIndex);
+  useEffect74(() => {
     if (isOpen) {
       setSelectedImageIndex(initialIndex);
     }
@@ -39457,7 +39497,7 @@ function ImageGalleryModal({
       setSelectedImageIndex(selectedImageIndex + 1);
     }
   };
-  useEffect73(() => {
+  useEffect74(() => {
     const handleKeyPress = (event) => {
       if (!isOpen) return;
       switch (event.key) {
@@ -39660,7 +39700,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") {
@@ -40296,7 +40336,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) {
@@ -41933,8 +41973,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);
@@ -43719,7 +43759,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({
@@ -43738,57 +43778,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);
@@ -43869,7 +43909,7 @@ function useJetStreamDialogSubscription({
       }
     };
   }, [enabled, wsUrl]);
-  useEffect74(() => {
+  useEffect75(() => {
     if (!enabled || !dialogId || !isConnected) {
       if (subscriptionRef.current) {
         try {
@@ -43952,7 +43992,7 @@ function useJetStreamDialogSubscription({
       setIsSubscribed(false);
     };
   }, [enabled, dialogId, isConnected, streamName, topic, reconnectionCount]);
-  useEffect74(() => {
+  useEffect75(() => {
     highestStreamSeqRef.current = null;
     setCurrentStreamSeq(null);
   }, [dialogId]);
@@ -43960,7 +44000,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,
@@ -43974,47 +44014,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);
@@ -44098,12 +44138,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) {
@@ -44184,7 +44224,7 @@ function useNatsDialogSubscription({
       abortControllerRef.current = null;
     };
   }, [enabled, dialogId, topicsKey, topics]);
-  useEffect75(() => {
+  useEffect76(() => {
     if (!enabled || !currentDialogIdRef.current || !isConnected) {
       return;
     }
@@ -44234,7 +44274,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) {
@@ -44892,7 +44932,7 @@ function useRealtimeChunkProcessor(options) {
     })
   );
   const hasInitializedWithData = useRef62(false);
-  useEffect76(() => {
+  useEffect77(() => {
     if (initialState && !hasInitializedWithData.current) {
       accumulatorRef.current.initializeWithState(initialState);
       if (initialState.escalatedApprovals) {
@@ -44909,7 +44949,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());
@@ -45170,7 +45210,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 {
@@ -45187,9 +45227,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;
@@ -45289,7 +45329,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";
@@ -45365,7 +45405,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));
@@ -45532,16 +45572,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) => {
@@ -45587,7 +45627,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,
@@ -45598,9 +45638,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();
@@ -45642,11 +45682,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;
@@ -45660,13 +45700,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(
@@ -45733,12 +45773,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 {
@@ -46027,7 +46067,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,
@@ -46362,8 +46402,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(
@@ -46551,7 +46591,7 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
       }
     }
   }, [chatClearMessages, source, bumpMetaTick]);
-  useEffect82(() => {
+  useEffect83(() => {
     if (!isTyping && !isStreaming && streamingPhase !== "idle") {
       setStreamingPhase("idle");
     }
@@ -46633,10 +46673,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
@@ -47126,23 +47166,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;
@@ -47283,7 +47323,7 @@ function useNatsChatAdapter(config, options = {}) {
     ]
   );
   const prevDialogIdRef = useRef69(void 0);
-  useEffect83(() => {
+  useEffect84(() => {
     if (prevDialogIdRef.current === dialogId) return;
     prevDialogIdRef.current = dialogId;
     historyLoadSeqRef.current += 1;
@@ -47297,7 +47337,7 @@ function useNatsChatAdapter(config, options = {}) {
     if (!active || !dialogId) return;
     void loadDialogHistory(dialogId);
   }, [active, dialogId, loadDialogHistory, resetAccumulator]);
-  useEffect83(() => {
+  useEffect84(() => {
     if (!active || !dialogId) return;
     resetChunkTracking();
     startInitialBuffering();
@@ -47319,7 +47359,7 @@ function useNatsChatAdapter(config, options = {}) {
       setConnectionState("connected");
     }
   });
-  useEffect83(() => {
+  useEffect84(() => {
     if (!active || !dialogId) {
       setConnectionState("connected");
       return;
@@ -47358,7 +47398,7 @@ function useNatsChatAdapter(config, options = {}) {
   const reloadDialogs = useCallback51(() => {
     void loadDialogsPage();
   }, [loadDialogsPage]);
-  useEffect83(() => {
+  useEffect84(() => {
     if (!fetchDialogs) return;
     if (!active) return;
     if (initialDialogsLoadedRef.current) return;
@@ -47938,7 +47978,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";
@@ -48019,7 +48059,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,
@@ -48030,8 +48070,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);
@@ -48054,10 +48094,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;
@@ -48083,10 +48123,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);
@@ -48105,7 +48145,7 @@ function useChatDialogManager({
     },
     [selectDialog]
   );
-  const [restoreTarget, setRestoreTarget] = useState109(null);
+  const [restoreTarget, setRestoreTarget] = useState110(null);
   const handleConfirmRestore = useCallback53(async () => {
     if (restoreTarget) {
       try {
@@ -48356,7 +48396,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;
@@ -48455,7 +48495,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;
@@ -48471,13 +48511,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;
@@ -48504,6 +48544,7 @@ function EmbeddableChatInner({
     };
   }, [isOpen, shellLess]);
   const chatInputRef = useRef71(null);
+  const quickActionDraftRef = useRef71(null);
   const slashCommandsProp = useMemo43(
     () => ({
       fetchCommands: (prefix, signal) => fetchSlashCommands(prefix, signal, commandsUrl),
@@ -48546,7 +48587,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) => {
@@ -48609,15 +48650,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();
@@ -48821,7 +48862,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;
@@ -48877,7 +48918,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",
@@ -49032,8 +49073,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,
@@ -50107,4 +50162,4 @@ export {
   FAE_AVATAR_DATA_URI,
   assets
 };
-//# sourceMappingURL=chunk-I54DGTLP.js.map
+//# sourceMappingURL=chunk-AZ3DTQU5.js.map