@malette/agent-sdk 0.1.3-beta.6 → 0.1.3-beta.8

package/dist/index.js

@@ -4,11 +4,11 @@ var Cookies2 = require('js-cookie');
 var OSS = require('ali-oss');
 var zustand = require('zustand');
 var middleware = require('zustand/middleware');
-var React24 = require('react');
+var React16 = require('react');
 var lucideReact = require('lucide-react');
 var ReactMarkdown = require('react-markdown');
 var jsxRuntime = require('react/jsx-runtime');
-require('react-dom');
+var ReactDOM = require('react-dom');
 var shallow = require('zustand/react/shallow');
 var DialogPrimitive = require('@radix-ui/react-dialog');
 var reactSlot = require('@radix-ui/react-slot');
@@ -37,8 +37,9 @@ function _interopNamespace(e) {
 
 var Cookies2__default = /*#__PURE__*/_interopDefault(Cookies2);
 var OSS__default = /*#__PURE__*/_interopDefault(OSS);
-var React24__namespace = /*#__PURE__*/_interopNamespace(React24);
+var React16__namespace = /*#__PURE__*/_interopNamespace(React16);
 var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
+var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
 var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
 var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
 
@@ -889,7 +890,7 @@ function getCacheKey(text3) {
   return text3.slice(0, 200);
 }
 async function submitGenerateTask(text3) {
-  const response = await fetch("/api/v1/ai/design/generate", {
+  const response = await fetcher("/api/v1/ai/design/generate", {
     method: "POST",
     headers: { "content-type": "application/json" },
     credentials: "include",
@@ -903,11 +904,10 @@ async function submitGenerateTask(text3) {
       version: "0.1.0"
     })
   });
-  if (!response.ok) {
+  if (!response.success) {
     throw new Error(`TTS generate request failed: ${response.status}`);
   }
-  const result = await response.json();
-  const data = result.data ?? result;
+  const data = response.data;
   console.log("[TTS] Generate task submitted:", data);
   const publicId = data?.publicId || data?.recordVO?.publicId || (typeof data === "string" ? data : null);
   if (!publicId) {
@@ -1606,6 +1606,7 @@ var useAgentStore = zustand.create()(
               ...state.artifacts,
               [artifactId]: {
                 ...existing,
+                source,
                 currentContent: content,
                 version: existing.version + 1,
                 gmtModified: (/* @__PURE__ */ new Date()).toISOString()
@@ -5210,7 +5211,7 @@ function remarkGfm(options) {
   toMarkdownExtensions.push(gfmToMarkdown(settings));
 }
 
-// node_modules/clsx/dist/clsx.mjs
+// ../../node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
   if ("string" == typeof e || "number" == typeof e) n += e;
@@ -7761,7 +7762,7 @@ var resolveAssetForDisplay = async (asset, config) => {
   }
   return null;
 };
-var ComponentContext = React24.createContext(void 0);
+var ComponentContext = React16.createContext(void 0);
 var ComponentProvider = ({
   components = {},
   children
@@ -7769,7 +7770,7 @@ var ComponentProvider = ({
   return /* @__PURE__ */ jsxRuntime.jsx(ComponentContext.Provider, { value: components, children });
 };
 var useComponents = () => {
-  const context = React24.useContext(ComponentContext);
+  const context = React16.useContext(ComponentContext);
   if (!context) {
     return {};
   }
@@ -7780,14 +7781,14 @@ function useComponent(componentName) {
   return components[componentName];
 }
 var imageLoadedCache = /* @__PURE__ */ new Map();
-var MessageImageInternal = React24.memo(function MessageImageInternal2({ src, alt, className }) {
+var MessageImageInternal = React16.memo(function MessageImageInternal2({ src, alt, className }) {
   const cachedStatus = imageLoadedCache.get(src);
-  const [loaded, setLoaded] = React24.useState(cachedStatus === "loaded");
-  const [error, setError] = React24.useState(cachedStatus === "error");
-  const imgRef = React24__namespace.default.useRef(null);
-  const [previewUrl, setPreviewUrl] = React24.useState(null);
+  const [loaded, setLoaded] = React16.useState(cachedStatus === "loaded");
+  const [error, setError] = React16.useState(cachedStatus === "error");
+  const imgRef = React16__namespace.default.useRef(null);
+  const [previewUrl, setPreviewUrl] = React16.useState(null);
   const ImagePreviewComp = useComponent("ImagePreview") || ImagePreviewInternal;
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     const status = imageLoadedCache.get(src);
     if (status === "loaded") {
       setLoaded(true);
@@ -7801,7 +7802,7 @@ var MessageImageInternal = React24.memo(function MessageImageInternal2({ src, al
       setError(false);
     }
   }, [src]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     const img = imgRef.current;
     if (!img) return;
     if (img.complete && img.naturalWidth > 0) {
@@ -7851,20 +7852,20 @@ var MessageImageInternal = React24.memo(function MessageImageInternal2({ src, al
     )
   ] });
 });
-var MessageVideoInternal = React24.memo(function MessageVideoInternal2({ src, className }) {
-  const videoRef = React24__namespace.default.useRef(null);
-  const canvasRef = React24__namespace.default.useRef(null);
-  const [posterUrl, setPosterUrl] = React24.useState(null);
-  const [isHovering, setIsHovering] = React24.useState(false);
-  const [isPlaying, setIsPlaying] = React24.useState(false);
-  const [isMuted, setIsMuted] = React24.useState(true);
-  const [duration, setDuration] = React24.useState(0);
-  const [currentTime, setCurrentTime] = React24.useState(0);
-  const [isFullPlaying, setIsFullPlaying] = React24.useState(false);
-  const hoverTimerRef = React24__namespace.default.useRef(null);
+var MessageVideoInternal = React16.memo(function MessageVideoInternal2({ src, className }) {
+  const videoRef = React16__namespace.default.useRef(null);
+  const canvasRef = React16__namespace.default.useRef(null);
+  const [posterUrl, setPosterUrl] = React16.useState(null);
+  const [isHovering, setIsHovering] = React16.useState(false);
+  const [isPlaying, setIsPlaying] = React16.useState(false);
+  const [isMuted, setIsMuted] = React16.useState(true);
+  const [duration, setDuration] = React16.useState(0);
+  const [currentTime, setCurrentTime] = React16.useState(0);
+  const [isFullPlaying, setIsFullPlaying] = React16.useState(false);
+  const hoverTimerRef = React16__namespace.default.useRef(null);
   const VideoPreviewComp = useComponent("VideoPreview") || VideoPreviewInternal;
-  const [showPreview, setShowPreview] = React24.useState(false);
-  React24.useEffect(() => {
+  const [showPreview, setShowPreview] = React16.useState(false);
+  React16.useEffect(() => {
     const video = document.createElement("video");
     video.crossOrigin = "anonymous";
     video.preload = "metadata";
@@ -8121,12 +8122,12 @@ var MessageVideoInternal = React24.memo(function MessageVideoInternal2({ src, cl
     )
   ] });
 });
-var ImagePreviewInternal = React24.memo(function ImagePreviewInternal2({
+var ImagePreviewInternal = React16.memo(function ImagePreviewInternal2({
   src,
   alt,
   onClose
 }) {
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
         onClose();
@@ -8179,11 +8180,11 @@ var ImagePreviewInternal = React24.memo(function ImagePreviewInternal2({
     }
   );
 });
-var VideoPreviewInternal = React24.memo(function VideoPreviewInternal2({
+var VideoPreviewInternal = React16.memo(function VideoPreviewInternal2({
   src,
   onClose
 }) {
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
         onClose();
@@ -8220,7 +8221,7 @@ var VideoPreviewInternal = React24.memo(function VideoPreviewInternal2({
   );
 });
 var mediaResolveCache = /* @__PURE__ */ new Map();
-var ResolvedMarkdownMedia = React24.memo(function ResolvedMarkdownMedia2({
+var ResolvedMarkdownMedia = React16.memo(function ResolvedMarkdownMedia2({
   src,
   alt,
   skipImages,
@@ -8228,8 +8229,8 @@ var ResolvedMarkdownMedia = React24.memo(function ResolvedMarkdownMedia2({
 }) {
   const cacheKey = src || "";
   const cachedMedia = mediaResolveCache.get(cacheKey);
-  const [media, setMedia] = React24.useState(cachedMedia ?? null);
-  React24.useEffect(() => {
+  const [media, setMedia] = React16.useState(cachedMedia ?? null);
+  React16.useEffect(() => {
     let active = true;
     const load = async () => {
       if (!src) {
@@ -8467,8 +8468,8 @@ function getToolCallStatus(tc) {
   if (tc.error) return "failed";
   return "success";
 }
-var CodeBlock = React24.memo(function CodeBlock2({ children, className }) {
-  const [copied, setCopied] = React24.useState(false);
+var CodeBlock = React16.memo(function CodeBlock2({ children, className }) {
+  const [copied, setCopied] = React16.useState(false);
   const language = className?.replace("language-", "") || "text";
   const handleCopy = async () => {
     await navigator.clipboard.writeText(children);
@@ -8493,7 +8494,7 @@ var CodeBlock = React24.memo(function CodeBlock2({ children, className }) {
     /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "p-4 overflow-x-auto text-sm whitespace-pre-wrap break-all", children: /* @__PURE__ */ jsxRuntime.jsx("code", { className: `${className} text-zinc-300`, children }) })
   ] });
 });
-var MarkdownContent = React24.memo(function MarkdownContent2({ content, skipImages = false, config, variant = "default" }) {
+var MarkdownContent = React16.memo(function MarkdownContent2({ content, skipImages = false, config, variant = "default" }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     ReactMarkdown__default.default,
     {
@@ -8707,17 +8708,17 @@ var contentTypeConfig = {
     bgColor: "bg-zinc-500/10"
   }
 };
-var ContentPreviewCard = React24.memo(function ContentPreviewCard2({
+var ContentPreviewCard = React16.memo(function ContentPreviewCard2({
   parsed,
   index = 0,
   config,
   onOpenArtifact
 }) {
-  const [isModalOpen, setIsModalOpen] = React24.useState(false);
-  const [copied, setCopied] = React24.useState(false);
+  const [isModalOpen, setIsModalOpen] = React16.useState(false);
+  const [copied, setCopied] = React16.useState(false);
   const typeConfig = contentTypeConfig[parsed.type];
   const Icon = typeConfig.icon;
-  const handleCopy = React24.useCallback(async (e) => {
+  const handleCopy = React16.useCallback(async (e) => {
     e.stopPropagation();
     try {
       await navigator.clipboard.writeText(parsed.content);
@@ -8726,7 +8727,7 @@ var ContentPreviewCard = React24.memo(function ContentPreviewCard2({
     } catch {
     }
   }, [parsed.content]);
-  const handleOpenPreview = React24.useCallback(() => {
+  const handleOpenPreview = React16.useCallback(() => {
     console.log("[ContentPreviewCard] Open preview:", onOpenArtifact);
     if (onOpenArtifact) {
       onOpenArtifact({
@@ -8739,10 +8740,10 @@ var ContentPreviewCard = React24.memo(function ContentPreviewCard2({
       setIsModalOpen(true);
     }
   }, [onOpenArtifact, parsed]);
-  const handleCloseModal = React24.useCallback(() => {
+  const handleCloseModal = React16.useCallback(() => {
     setIsModalOpen(false);
   }, []);
-  const preview = React24.useMemo(() => {
+  const preview = React16.useMemo(() => {
     const content = parsed.content;
     if (parsed.type === "html") {
       const title = parsed.title || "HTML Document";
@@ -8850,15 +8851,15 @@ var ContentPreviewCard = React24.memo(function ContentPreviewCard2({
     )
   ] });
 });
-var ContentPreviewModal = React24.memo(function ContentPreviewModal2({
+var ContentPreviewModal = React16.memo(function ContentPreviewModal2({
   parsed,
   onClose,
   config
 }) {
-  const [viewMode, setViewMode] = React24.useState("preview");
-  const [copied, setCopied] = React24.useState(false);
+  const [viewMode, setViewMode] = React16.useState("preview");
+  const [copied, setCopied] = React16.useState(false);
   const typeConfig = contentTypeConfig[parsed.type];
-  const handleCopy = React24.useCallback(async () => {
+  const handleCopy = React16.useCallback(async () => {
     try {
       await navigator.clipboard.writeText(parsed.content);
       setCopied(true);
@@ -8866,13 +8867,13 @@ var ContentPreviewModal = React24.memo(function ContentPreviewModal2({
     } catch {
     }
   }, [parsed.content]);
-  React24__namespace.default.useEffect(() => {
+  React16__namespace.default.useEffect(() => {
     document.body.style.overflow = "hidden";
     return () => {
       document.body.style.overflow = "";
     };
   }, []);
-  React24__namespace.default.useEffect(() => {
+  React16__namespace.default.useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
         onClose();
@@ -8958,7 +8959,7 @@ var ContentPreviewModal = React24.memo(function ContentPreviewModal2({
     }
   );
 });
-var ContentPreviewRenderer = React24.memo(function ContentPreviewRenderer2({
+var ContentPreviewRenderer = React16.memo(function ContentPreviewRenderer2({
   parsed,
   config
 }) {
@@ -8970,14 +8971,14 @@ var ContentPreviewRenderer = React24.memo(function ContentPreviewRenderer2({
   }
   return /* @__PURE__ */ jsxRuntime.jsx(SourceCodeViewer, { content: parsed.content, language: parsed.language || parsed.type });
 });
-var HtmlPreview = React24.memo(function HtmlPreview2({ content }) {
-  const iframeRef = React24__namespace.default.useRef(null);
-  const [scale, setScale] = React24.useState(0.5);
-  const blobUrl = React24.useMemo(() => {
+var HtmlPreview = React16.memo(function HtmlPreview2({ content }) {
+  const iframeRef = React16__namespace.default.useRef(null);
+  const [scale, setScale] = React16.useState(0.5);
+  const blobUrl = React16.useMemo(() => {
     const blob = new Blob([content], { type: "text/html" });
     return URL.createObjectURL(blob);
   }, [content]);
-  React24__namespace.default.useEffect(() => {
+  React16__namespace.default.useEffect(() => {
     return () => {
       URL.revokeObjectURL(blobUrl);
     };
@@ -9039,7 +9040,7 @@ var HtmlPreview = React24.memo(function HtmlPreview2({ content }) {
     ) })
   ] });
 });
-var SourceCodeViewer = React24.memo(function SourceCodeViewer2({
+var SourceCodeViewer = React16.memo(function SourceCodeViewer2({
   content,
   language
 }) {
@@ -9049,12 +9050,12 @@ var SourceCodeViewer = React24.memo(function SourceCodeViewer2({
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-zinc-300 whitespace-pre-wrap break-all", children: line || " " })
   ] }, i)) }) }) });
 });
-React24.memo(function CustomResponseRenderer2({
+React16.memo(function CustomResponseRenderer2({
   result,
   config,
   onOpenArtifact
 }) {
-  const parsedContents = React24.useMemo(() => extractCustomResponses(result), [result]);
+  const parsedContents = React16.useMemo(() => extractCustomResponses(result), [result]);
   if (parsedContents.length === 0) {
     return null;
   }
@@ -10152,15 +10153,15 @@ async function fetchBackendExtraData(localMessageId, backendMessageId, updateMes
   }
 }
 function useSSE(options) {
-  const abortControllerRef = React24.useRef(null);
-  const currentMessageIdRef = React24.useRef(null);
-  const [isConnected, setIsConnected] = React24.useState(false);
-  const heartbeatTimeoutRef = React24.useRef(null);
-  const reconnectAttemptsRef = React24.useRef(0);
-  const lastActivityTimeRef = React24.useRef(Date.now());
-  const isReconnectingRef = React24.useRef(false);
-  const currentSessionIdRef = React24.useRef(null);
-  const currentLocalMessageIdRef = React24.useRef(null);
+  const abortControllerRef = React16.useRef(null);
+  const currentMessageIdRef = React16.useRef(null);
+  const [isConnected, setIsConnected] = React16.useState(false);
+  const heartbeatTimeoutRef = React16.useRef(null);
+  const reconnectAttemptsRef = React16.useRef(0);
+  const lastActivityTimeRef = React16.useRef(Date.now());
+  const isReconnectingRef = React16.useRef(false);
+  const currentSessionIdRef = React16.useRef(null);
+  const currentLocalMessageIdRef = React16.useRef(null);
   const {
     addMessage,
     updateMessage,
@@ -10198,13 +10199,13 @@ function useSSE(options) {
     setOrchestrating,
     clearMultiAgentState
   } = useAgentStore();
-  const clearHeartbeatTimeout = React24.useCallback(() => {
+  const clearHeartbeatTimeout = React16.useCallback(() => {
     if (heartbeatTimeoutRef.current) {
       clearTimeout(heartbeatTimeoutRef.current);
       heartbeatTimeoutRef.current = null;
     }
   }, []);
-  const resetHeartbeatTimeout = React24.useCallback((onTimeout) => {
+  const resetHeartbeatTimeout = React16.useCallback((onTimeout) => {
     lastActivityTimeRef.current = Date.now();
     clearHeartbeatTimeout();
     heartbeatTimeoutRef.current = setTimeout(() => {
@@ -10212,17 +10213,17 @@ function useSSE(options) {
       onTimeout();
     }, SSE_HEARTBEAT_TIMEOUT);
   }, [clearHeartbeatTimeout]);
-  const getReconnectDelay = React24.useCallback(() => {
+  const getReconnectDelay = React16.useCallback(() => {
     const attempt = reconnectAttemptsRef.current;
     const delay = RECONNECT_BASE_DELAY * Math.pow(2, attempt);
     return Math.min(delay, 8e3);
   }, []);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     return () => {
       clearHeartbeatTimeout();
     };
   }, [clearHeartbeatTimeout]);
-  const handleFinalEvent = React24.useCallback(async (data, localMessageId) => {
+  const handleFinalEvent = React16.useCallback(async (data, localMessageId) => {
     setIsStreaming(false);
     setIsThinking(false);
     clearStreamingContent();
@@ -10301,7 +10302,7 @@ function useSSE(options) {
     upsertArtifact,
     options
   ]);
-  const persistPartialExtraData = React24.useCallback((localMessageId) => {
+  const persistPartialExtraData = React16.useCallback((localMessageId) => {
     const state = useAgentStore.getState();
     const currentThoughts = state.chatUI.currentThoughts;
     const pendingToolCalls = state.chatUI.pendingToolCalls;
@@ -10318,13 +10319,13 @@ function useSSE(options) {
       }
     });
   }, [updateMessage]);
-  const normalizeToolCalls2 = React24.useCallback((toolCalls) => {
+  const normalizeToolCalls2 = React16.useCallback((toolCalls) => {
     return normalizeToolCallsData(toolCalls, generateId);
   }, []);
-  const buildTerminalExtraData = React24.useCallback((toolCallStatus) => {
+  const buildTerminalExtraData = React16.useCallback((toolCallStatus) => {
     return buildTerminalExtraDataFromState(useAgentStore.getState(), toolCallStatus);
   }, []);
-  const handlePlanEvent = React24.useCallback(createPlanEventHandler({
+  const handlePlanEvent = React16.useCallback(createPlanEventHandler({
     setIsThinking,
     setIsStreaming,
     appendStreamingContent,
@@ -10350,7 +10351,7 @@ function useSSE(options) {
     clearPlanState,
     options
   ]);
-  const handleThoughtEvent = React24.useCallback(createThoughtEventHandler({
+  const handleThoughtEvent = React16.useCallback(createThoughtEventHandler({
     onThought: options?.onThought,
     onFrontendToolCall: options?.onFrontendToolCall,
     onComponentPending: options?.onComponentPending,
@@ -10421,7 +10422,7 @@ function useSSE(options) {
     handleFinalEvent,
     handlePlanEvent
   ]);
-  const processSSEStream = React24.useCallback(async (response, localMessageId, onMessageStart) => {
+  const processSSEStream = React16.useCallback(async (response, localMessageId, onMessageStart) => {
     const reader = response.body?.getReader();
     const decoder = new TextDecoder();
     let buffer = "";
@@ -10525,7 +10526,7 @@ function useSSE(options) {
       }
     }
   }, [handleThoughtEvent, resetHeartbeatTimeout, clearHeartbeatTimeout, getReconnectDelay, setChatError]);
-  const sendMessage = React24.useCallback(async (sessionId, content, sendOptions) => {
+  const sendMessage = React16.useCallback(async (sessionId, content, sendOptions) => {
     abortControllerRef.current?.abort();
     abortControllerRef.current = new AbortController();
     clearThoughts();
@@ -10671,7 +10672,7 @@ function useSSE(options) {
     options,
     persistPartialExtraData
   ]);
-  const reconnect = React24.useCallback(async (messageId) => {
+  const reconnect = React16.useCallback(async (messageId) => {
     abortControllerRef.current?.abort();
     abortControllerRef.current = new AbortController();
     clearThoughts();
@@ -10706,7 +10707,7 @@ function useSSE(options) {
       currentMessageIdRef.current = null;
     }
   }, [clearThoughts, clearStreamingContent, clearPendingToolCalls, addPendingToolCall, setIsThinking, setIsStreaming, processSSEStream, options]);
-  const abort = React24.useCallback(async () => {
+  const abort = React16.useCallback(async () => {
     clearHeartbeatTimeout();
     reconnectAttemptsRef.current = 0;
     isReconnectingRef.current = false;
@@ -10756,9 +10757,9 @@ function useCanvasBridge(options = {}) {
     onArtifactSelected,
     onArtifactContentChanged
   } = options;
-  const optionsRef = React24.useRef(options);
+  const optionsRef = React16.useRef(options);
   optionsRef.current = options;
-  const postToCanvas = React24.useCallback((type, payload) => {
+  const postToCanvas = React16.useCallback((type, payload) => {
     const iframe = canvasIframeRef?.current;
     if (!iframe?.contentWindow) {
       console.warn("[CanvasBridge] Canvas iframe not available");
@@ -10775,7 +10776,7 @@ function useCanvasBridge(options = {}) {
     iframe.contentWindow.postMessage(envelope, targetOrigin);
     console.log("[CanvasBridge] Sent:", type, payload.artifactId || payload.artifact?.id);
   }, [canvasIframeRef, targetOrigin]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     if (!enabled) return;
     const handleMessage = (event) => {
       if (targetOrigin !== "*" && event.origin !== targetOrigin) return;
@@ -10809,19 +10810,19 @@ function useCanvasBridge(options = {}) {
     window.addEventListener("message", handleMessage);
     return () => window.removeEventListener("message", handleMessage);
   }, [enabled, targetOrigin]);
-  const notifyArtifactCreated = React24.useCallback((artifact) => {
+  const notifyArtifactCreated = React16.useCallback((artifact) => {
     if (!enabled) return;
     postToCanvas("artifact_created", { artifact });
   }, [enabled, postToCanvas]);
-  const notifyArtifactUpdated = React24.useCallback((artifact) => {
+  const notifyArtifactUpdated = React16.useCallback((artifact) => {
     if (!enabled) return;
     postToCanvas("artifact_updated", { artifact });
   }, [enabled, postToCanvas]);
-  const notifyArtifactDeleted = React24.useCallback((artifactId) => {
+  const notifyArtifactDeleted = React16.useCallback((artifactId) => {
     if (!enabled) return;
     postToCanvas("artifact_deleted", { artifactId });
   }, [enabled, postToCanvas]);
-  const syncAllArtifacts = React24.useCallback(() => {
+  const syncAllArtifacts = React16.useCallback(() => {
     if (!enabled) return;
     const artifacts = Object.values(useAgentStore.getState().artifacts);
     postToCanvas("artifacts_sync", { artifacts });
@@ -11657,12 +11658,12 @@ function highlightJson(content) {
   }
   return tokens;
 }
-var StreamingJsonDisplay = React24.memo(function StreamingJsonDisplay2({
+var StreamingJsonDisplay = React16.memo(function StreamingJsonDisplay2({
   content,
   className
 }) {
-  const jsonContent = React24.useMemo(() => extractJsonContent(content), [content]);
-  const formattedContent = React24.useMemo(() => {
+  const jsonContent = React16.useMemo(() => extractJsonContent(content), [content]);
+  const formattedContent = React16.useMemo(() => {
     try {
       const parsed = JSON.parse(jsonContent);
       return JSON.stringify(parsed, null, 2);
@@ -11670,7 +11671,7 @@ var StreamingJsonDisplay = React24.memo(function StreamingJsonDisplay2({
       return formatPartialJson(jsonContent);
     }
   }, [jsonContent]);
-  const highlightedTokens = React24.useMemo(() => {
+  const highlightedTokens = React16.useMemo(() => {
     return highlightJson(formattedContent);
   }, [formattedContent]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(
@@ -11786,7 +11787,7 @@ var collectMediaAssetsFromResult = (result) => {
   }
   return assets;
 };
-var PlanMarkdownContent = React24.memo(function PlanMarkdownContent2({
+var PlanMarkdownContent = React16.memo(function PlanMarkdownContent2({
   content,
   className = ""
 }) {
@@ -11843,12 +11844,12 @@ var PlanMarkdownContent = React24.memo(function PlanMarkdownContent2({
     }
   ) });
 });
-var ImagePreviewModal = React24.memo(function ImagePreviewModal2({
+var ImagePreviewModal = React16.memo(function ImagePreviewModal2({
   src,
   onClose,
   config
 }) {
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape") onClose();
     };
@@ -11907,22 +11908,22 @@ var ImagePreviewModal = React24.memo(function ImagePreviewModal2({
     }
   );
 });
-var StepResultRenderer = React24.memo(function StepResultRenderer2({
+var StepResultRenderer = React16.memo(function StepResultRenderer2({
   result,
   stepType,
   toolInput,
   stepStatus,
   config
 }) {
-  const [showDetails, setShowDetails] = React24.useState(false);
-  const [showPlannedParams, setShowPlannedParams] = React24.useState(false);
-  const [copied, setCopied] = React24.useState(false);
-  const [previewImage, setPreviewImage] = React24.useState(null);
-  const [imgLoaded, setImgLoaded] = React24.useState({});
-  const [imgError, setImgError] = React24.useState({});
-  const [media, setMedia] = React24.useState([]);
-  const text3 = React24.useMemo(() => extractTextContent(result), [result]);
-  React24.useEffect(() => {
+  const [showDetails, setShowDetails] = React16.useState(false);
+  const [showPlannedParams, setShowPlannedParams] = React16.useState(false);
+  const [copied, setCopied] = React16.useState(false);
+  const [previewImage, setPreviewImage] = React16.useState(null);
+  const [imgLoaded, setImgLoaded] = React16.useState({});
+  const [imgError, setImgError] = React16.useState({});
+  const [media, setMedia] = React16.useState([]);
+  const text3 = React16.useMemo(() => extractTextContent(result), [result]);
+  React16.useEffect(() => {
     let active = true;
     const loadMedia = async () => {
       const assets = collectMediaAssetsFromResult(result);
@@ -11952,11 +11953,11 @@ var StepResultRenderer = React24.memo(function StepResultRenderer2({
   }, [result, config]);
   const isToolCall = stepType === "TOOL_CALL";
   const isCompleted = stepStatus === "COMPLETED";
-  const actualParams = React24.useMemo(() => {
+  const actualParams = React16.useMemo(() => {
     if (!result || typeof result !== "object") return null;
     return result.actualArguments || result.executedArguments || result.input || null;
   }, [result]);
-  const paramsChanged = React24.useMemo(() => {
+  const paramsChanged = React16.useMemo(() => {
     if (!toolInput || !actualParams) return false;
     return JSON.stringify(toolInput) !== JSON.stringify(actualParams);
   }, [toolInput, actualParams]);
@@ -12090,7 +12091,7 @@ var StepResultRenderer = React24.memo(function StepResultRenderer2({
     ] })
   ] });
 });
-var StepItem = React24.memo(function StepItem2({
+var StepItem = React16.memo(function StepItem2({
   step,
   index,
   isWaitingInput,
@@ -12098,8 +12099,8 @@ var StepItem = React24.memo(function StepItem2({
   streamingContent,
   onHumanInput
 }) {
-  const [inputValue, setInputValue] = React24.useState("");
-  const [submitting, setSubmitting] = React24.useState(false);
+  const [inputValue, setInputValue] = React16.useState("");
+  const [submitting, setSubmitting] = React16.useState(false);
   const style = getStepStatusStyle(step.status);
   const isRunning = step.status === "RUNNING" || isCurrentStep && step.status !== "COMPLETED" && step.status !== "FAILED";
   const handleSubmit = async () => {
@@ -12109,7 +12110,7 @@ var StepItem = React24.memo(function StepItem2({
     setSubmitting(false);
     setInputValue("");
   };
-  const executionTime = React24.useMemo(() => {
+  const executionTime = React16.useMemo(() => {
     const s = step;
     if (s.startTime && s.endTime) {
       const duration = s.endTime - s.startTime;
@@ -12207,7 +12208,7 @@ var StepItem = React24.memo(function StepItem2({
     ] }) })
   ] });
 });
-var PlanCard = React24.memo(function PlanCard2({
+var PlanCard = React16.memo(function PlanCard2({
   plan = {},
   isProcessing = false,
   waitingStepId,
@@ -12222,10 +12223,10 @@ var PlanCard = React24.memo(function PlanCard2({
   onSkip,
   onCancel
 }) {
-  const [expanded, setExpanded] = React24.useState(true);
+  const [expanded, setExpanded] = React16.useState(true);
   const rawSteps = Array.isArray(plan?.steps) ? plan?.steps : plan?.steps?.steps || [];
   const validSteps = rawSteps.filter((step) => step && step.type && !("$ref" in step)) || [];
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     console.log("[PlanCard] ===== \u6570\u636E\u8BCA\u65AD =====");
     console.log("[PlanCard] plan.status:", plan.status);
     console.log("[PlanCard] \u540E\u7AEF completedSteps:", plan.completedSteps, "(\u6CE8\u610F: \u540E\u7AEF\u6709bug\uFF0C\u53EF\u80FD\u591A1)");
@@ -12241,7 +12242,7 @@ var PlanCard = React24.memo(function PlanCard2({
   const isPaused = plan.status === "PAUSED";
   const isCancelled = plan.status === "CANCELLED";
   const hasError = isPaused && !!plan.errorMessage;
-  React24.useMemo(() => {
+  React16.useMemo(() => {
     if (hasError) {
       const failedIndex = plan.failedStepIndex;
       if (failedIndex !== void 0 && failedIndex >= 0) {
@@ -12251,21 +12252,21 @@ var PlanCard = React24.memo(function PlanCard2({
     }
     return null;
   }, [hasError, plan, validSteps]);
-  const completedCount = React24.useMemo(() => {
+  const completedCount = React16.useMemo(() => {
     const count = validSteps.filter((s) => {
       const status = (s.status || "").toUpperCase();
       return status === "COMPLETED" || status === "SUCCESS" || status === "DONE";
     }).length;
     return Math.min(count, validSteps.length);
   }, [validSteps]);
-  const allStepsCompleted = React24.useMemo(() => {
+  const allStepsCompleted = React16.useMemo(() => {
     if (validSteps.length === 0) return false;
     return validSteps.every((s) => {
       const status = (s.status || "").toUpperCase();
       return status === "COMPLETED" || status === "SKIPPED" || status === "SUCCESS" || status === "DONE";
     });
   }, [validSteps]);
-  const waitingStep = React24.useMemo(() => {
+  const waitingStep = React16.useMemo(() => {
     if (waitingStepId) {
       return validSteps.find((s) => {
         const stepId = s.publicId || s.id;
@@ -12277,7 +12278,7 @@ var PlanCard = React24.memo(function PlanCard2({
     }
     return null;
   }, [waitingStepId, validSteps, isExecuting]);
-  const isIntelligentSummary = React24.useMemo(() => {
+  const isIntelligentSummary = React16.useMemo(() => {
     if (!plan.summary) return false;
     return !isMechanicalSummary(plan.summary);
   }, [plan.summary]);
@@ -12527,7 +12528,7 @@ function MessageTimeline({
   renderParallel
 }) {
   if (!items || items.length === 0) return null;
-  const thoughtItems = React24.useMemo(() => items.filter((item) => item.kind === "thought"), [items]);
+  const thoughtItems = React16.useMemo(() => items.filter((item) => item.kind === "thought"), [items]);
   let thoughtIndex = 0;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: className || "mt-3 space-y-3 w-full", children: items.map((item) => {
     if (item.kind === "thought") {
@@ -12661,7 +12662,7 @@ function getDisplayName(key) {
   if (PARAM_NAMES[key]) return PARAM_NAMES[key];
   return key.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/_/g, " ");
 }
-var ParamRow = React24.memo(function ParamRow2({
+var ParamRow = React16.memo(function ParamRow2({
   name,
   value,
   isExpanded,
@@ -12693,8 +12694,8 @@ var ParamRow = React24.memo(function ParamRow2({
     ] }) : value })
   ] });
 });
-var JsonView = React24.memo(function JsonView2({ data }) {
-  const [copied, setCopied] = React24.useState(false);
+var JsonView = React16.memo(function JsonView2({ data }) {
+  const [copied, setCopied] = React16.useState(false);
   const json = JSON.stringify(data, null, 2);
   const handleCopy = async () => {
     await navigator.clipboard.writeText(json);
@@ -12721,10 +12722,10 @@ function ParameterDisplay({
   compact = false,
   maxCompactItems = 3
 }) {
-  const [showJson, setShowJson] = React24.useState(false);
-  const [expandedTech, setExpandedTech] = React24.useState(defaultExpanded);
-  const [expandedValues, setExpandedValues] = React24.useState(/* @__PURE__ */ new Set());
-  const { mainParams, techParams } = React24.useMemo(() => {
+  const [showJson, setShowJson] = React16.useState(false);
+  const [expandedTech, setExpandedTech] = React16.useState(defaultExpanded);
+  const [expandedValues, setExpandedValues] = React16.useState(/* @__PURE__ */ new Set());
+  const { mainParams, techParams } = React16.useMemo(() => {
     if (!parameters || typeof parameters !== "object") {
       return { mainParams: [], techParams: [] };
     }
@@ -12841,7 +12842,7 @@ function ParameterDisplay({
 }
 function ToolConfirmCard({ toolCall, compact = false }) {
   const { removePendingToolCall, updatePendingToolCall, updateMessage, messages, tools } = useAgentStore();
-  const updateToolCallInMessage = React24.useCallback((toolCallId, newStatus) => {
+  const updateToolCallInMessage = React16.useCallback((toolCallId, newStatus) => {
     const msg = messages.find((m) => {
       const tcs = m.extraData?.tool_calls || [];
       return tcs.some((tc) => tc.id === toolCallId);
@@ -12855,18 +12856,18 @@ function ToolConfirmCard({ toolCall, compact = false }) {
       });
     }
   }, [messages, updateMessage]);
-  const [expanded, setExpanded] = React24.useState(false);
-  const [isEditing, setIsEditing] = React24.useState(false);
-  const [editedArguments, setEditedArguments] = React24.useState("");
-  const [loading, setLoading] = React24.useState(null);
-  const [error, setError] = React24.useState("");
-  const toolDisplayName = React24.useMemo(() => {
+  const [expanded, setExpanded] = React16.useState(false);
+  const [isEditing, setIsEditing] = React16.useState(false);
+  const [editedArguments, setEditedArguments] = React16.useState("");
+  const [loading, setLoading] = React16.useState(null);
+  const [error, setError] = React16.useState("");
+  const toolDisplayName = React16.useMemo(() => {
     const toolName = tools?.find((t) => t.name === toolCall.name)?.displayName;
     if (toolName) return toolName;
     if (toolCall.displayName) return toolCall.displayName;
     return toolCall.name.replace(/^comfy_/, "").replace(/_/g, " ").replace(/\b\w/g, (l) => l.toUpperCase());
   }, [toolCall]);
-  const toolDescription = React24.useMemo(() => {
+  const toolDescription = React16.useMemo(() => {
     return generateToolCallDescription(toolCall.name, toolCall.arguments || {});
   }, [toolCall.name, toolCall.arguments]);
   const hasParams = Object.keys(toolCall.arguments || {}).length > 0;
@@ -13101,8 +13102,8 @@ function ToolConfirmCard({ toolCall, compact = false }) {
     ] })
   ] });
 }
-var JsonValue = React24.memo(function JsonValue2({ value, depth = 0, isLast = true }) {
-  const [collapsed, setCollapsed] = React24.useState(depth > 1);
+var JsonValue = React16.memo(function JsonValue2({ value, depth = 0, isLast = true }) {
+  const [collapsed, setCollapsed] = React16.useState(depth > 1);
   const indent2 = depth * 16;
   if (value === null) {
     return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-zinc-500", children: "null" });
@@ -13230,13 +13231,13 @@ var JsonValue = React24.memo(function JsonValue2({ value, depth = 0, isLast = tr
   }
   return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-zinc-400", children: String(value) });
 });
-var ElegantJsonRenderer = React24.memo(function ElegantJsonRenderer2({
+var ElegantJsonRenderer = React16.memo(function ElegantJsonRenderer2({
   data,
   title,
   defaultExpanded = false
 }) {
-  const [expanded, setExpanded] = React24.useState(defaultExpanded);
-  const [copied, setCopied] = React24.useState(false);
+  const [expanded, setExpanded] = React16.useState(defaultExpanded);
+  const [copied, setCopied] = React16.useState(false);
   const handleCopy = async (e) => {
     e.stopPropagation();
     try {
@@ -13283,15 +13284,15 @@ var ElegantJsonRenderer = React24.memo(function ElegantJsonRenderer2({
     expanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 bg-zinc-900/30 text-xs font-mono overflow-x-auto max-h-80 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(JsonValue, { value: data, depth: 0 }) })
   ] });
 });
-var ToolResultRenderer = React24.memo(function ToolResultRenderer2({
+var ToolResultRenderer = React16.memo(function ToolResultRenderer2({
   result,
   mediaUrls,
   config,
   toolCallData,
   onOpenArtifact
 }) {
-  const [imgLoaded, setImgLoaded] = React24.useState({});
-  const [previewUrl, setPreviewUrl] = React24.useState(null);
+  const [imgLoaded, setImgLoaded] = React16.useState({});
+  const [previewUrl, setPreviewUrl] = React16.useState(null);
   const extracted = extractCustomResponses(result);
   const customResult = extracted?.map?.((data, index) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -13309,9 +13310,9 @@ var ToolResultRenderer = React24.memo(function ToolResultRenderer2({
   const imageUrls = mediaUrls.filter((m) => !m.isVideo);
   const videoUrls = mediaUrls.filter((m) => m.isVideo);
   const hasMedia = imageUrls.length > 0 || videoUrls.length > 0;
-  const customResponses = React24.useMemo(() => extractCustomResponses(result), [result]);
+  const customResponses = React16.useMemo(() => extractCustomResponses(result), [result]);
   const hasCustomResponses = customResponses.length > 0;
-  const filteredResult = React24.useMemo(() => {
+  const filteredResult = React16.useMemo(() => {
     if (!result || typeof result !== "object") return result;
     const mediaUrlSet = new Set(mediaUrls.map((m) => m.url));
     mediaUrls.forEach((m) => {
@@ -13361,8 +13362,7 @@ var ToolResultRenderer = React24.memo(function ToolResultRenderer2({
           if (!toolCallData) return void 0;
           const resultAny = toolCallData.result;
           const metadata = {};
-          if (toolCallData.name) metadata.toolName = toolCallData.name;
-          if (resultAny?.relation?.toolName) metadata.toolName = resultAny.relation.toolName;
+          metadata.toolName = toolCallData?.displayName || toolCallData?.name || "\u5DE5\u5177\u8C03\u7528";
           if (toolCallData.arguments) metadata.generationParams = toolCallData.arguments;
           if (resultAny?.relation) metadata.relation = resultAny.relation;
           if (resultAny?.taskId) metadata.taskId = resultAny.taskId;
@@ -13392,8 +13392,7 @@ var ToolResultRenderer = React24.memo(function ToolResultRenderer2({
                     {
                       onClick: (e) => {
                         e.stopPropagation();
-                        const resultAny = toolCallData?.result;
-                        const displayName = resultAny?.relation?.toolName || toolCallData?.name || "\u89C6\u9891\u751F\u6210";
+                        const displayName = toolCallData?.displayName || "\u89C6\u9891\u751F\u6210";
                         onOpenArtifact({
                           type: "video",
                           title: `${displayName} #${i + 1}`,
@@ -13447,8 +13446,7 @@ var ToolResultRenderer = React24.memo(function ToolResultRenderer2({
                     {
                       onClick: (e) => {
                         e.stopPropagation();
-                        const resultAny = toolCallData?.result;
-                        const displayName = resultAny?.relation?.toolName || toolCallData?.name || "\u56FE\u7247\u751F\u6210";
+                        const displayName = toolCallData?.displayName || "\u56FE\u7247\u751F\u6210";
                         onOpenArtifact({
                           type: "image",
                           title: `${displayName} #${i + 1}`,
@@ -13527,7 +13525,7 @@ var collectMediaAssetsFromResult2 = (result) => {
   return assets;
 };
 var INTERNAL_SYSTEM_TOOLS = ["load_skill", "switch_skill", "unload_skill", "call_agent"];
-var SkillLoadCard = React24.memo(function SkillLoadCard2({ toolCall }) {
+var SkillLoadCard = React16.memo(function SkillLoadCard2({ toolCall }) {
   const status = getToolCallStatus(toolCall);
   const isPending = status === "pending" || status === "confirmed";
   const isSuccess = status === "success";
@@ -13540,13 +13538,13 @@ var SkillLoadCard = React24.memo(function SkillLoadCard2({ toolCall }) {
     isSuccess && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-zinc-500", children: "\u6280\u80FD" })
   ] });
 });
-var ToolCallCard = React24.memo(function ToolCallCard2({
+var ToolCallCard = React16.memo(function ToolCallCard2({
   toolCall,
   config,
   onOpenArtifact
 }) {
-  const [headerExpanded, setHeaderExpanded] = React24.useState(false);
-  const [mediaUrls, setMediaUrls] = React24.useState([]);
+  const [headerExpanded, setHeaderExpanded] = React16.useState(false);
+  const [mediaUrls, setMediaUrls] = React16.useState([]);
   const status = getToolCallStatus(toolCall);
   const isPending = status === "pending" || status === "confirmed";
   const isSuccess = status === "success";
@@ -13566,7 +13564,7 @@ var ToolCallCard = React24.memo(function ToolCallCard2({
     if (toolCall.name === "call_agent") return null;
     return /* @__PURE__ */ jsxRuntime.jsx(SkillLoadCard, { toolCall });
   }
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     if (status === "waiting_confirmation") {
       setMediaUrls([]);
       return;
@@ -13617,7 +13615,10 @@ var ToolCallCard = React24.memo(function ToolCallCard2({
         result: toolCall.result,
         mediaUrls,
         config,
-        toolCallData: toolCall,
+        toolCallData: {
+          ...toolCall,
+          displayName: toolDisplayName
+        },
         defaultExpanded: false,
         onOpenArtifact
       }
@@ -13645,7 +13646,7 @@ var ToolCallCard = React24.memo(function ToolCallCard2({
     ] })
   ] });
 });
-var StreamingToolCard = React24.memo(function StreamingToolCard2({ toolCall }) {
+var StreamingToolCard = React16.memo(function StreamingToolCard2({ toolCall }) {
   const status = getToolCallStatus(toolCall);
   if (status === "waiting_confirmation") {
     const toolCallForCard = {
@@ -13672,15 +13673,15 @@ var StreamingToolCard = React24.memo(function StreamingToolCard2({ toolCall }) {
     toolCall.gmtCreate && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-zinc-500 mt-1", children: new Date(toolCall.gmtCreate).toLocaleTimeString("zh-CN", { hour: "2-digit", minute: "2-digit", second: "2-digit" }) })
   ] });
 });
-var ComponentPendingCard = React24.memo(function ComponentPendingCard2({
+var ComponentPendingCard = React16.memo(function ComponentPendingCard2({
   component,
   onResolved
 }) {
   const { showItemTime } = useAgentStore();
-  const [loading, setLoading] = React24.useState(null);
-  const [error, setError] = React24.useState("");
-  const [collapsed, setCollapsed] = React24.useState(false);
-  const [jsonValue, setJsonValue] = React24.useState(() => {
+  const [loading, setLoading] = React16.useState(null);
+  const [error, setError] = React16.useState("");
+  const [collapsed, setCollapsed] = React16.useState(false);
+  const [jsonValue, setJsonValue] = React16.useState(() => {
     const initialPayload = component.props || component.content || {};
     return typeof initialPayload === "string" ? initialPayload : JSON.stringify(initialPayload, null, 2);
   });
@@ -13689,7 +13690,7 @@ var ComponentPendingCard = React24.memo(function ComponentPendingCard2({
   const components = useComponents();
   const registry = components.ComponentRegistry || {};
   const normalizeName = (value) => (value || "").toLowerCase().replace(/[^a-z0-9]/g, "");
-  const registryMap = React24.useMemo(() => {
+  const registryMap = React16.useMemo(() => {
     const map3 = /* @__PURE__ */ new Map();
     Object.entries(registry).forEach(([key, Comp]) => {
       map3.set(key, Comp);
@@ -13708,7 +13709,7 @@ var ComponentPendingCard = React24.memo(function ComponentPendingCard2({
     }
     return void 0;
   })();
-  const resolvedProps = React24.useMemo(() => {
+  const resolvedProps = React16.useMemo(() => {
     const raw = component.props ?? component.content ?? {};
     if (typeof raw === "string") {
       try {
@@ -13727,8 +13728,8 @@ var ComponentPendingCard = React24.memo(function ComponentPendingCard2({
   }, [component]);
   console.log("Resolved Props:", resolvedProps);
   console.log("Component gmtCreate:", component.gmtCreate, typeof component.gmtCreate);
-  const [localConfirmed, setLocalConfirmed] = React24.useState(false);
-  const [localCancelled, setLocalCancelled] = React24.useState(false);
+  const [localConfirmed, setLocalConfirmed] = React16.useState(false);
+  const [localCancelled, setLocalCancelled] = React16.useState(false);
   const isActionDisabled = isReadonly || localConfirmed || localCancelled;
   const handleConfirm = async () => {
     if (isActionDisabled) return;
@@ -13775,7 +13776,7 @@ var ComponentPendingCard = React24.memo(function ComponentPendingCard2({
       setLoading(null);
     }
   };
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     const initialPayload = component.props || component.content || {};
     setJsonValue(typeof initialPayload === "string" ? initialPayload : JSON.stringify(initialPayload, null, 2));
     if (statusUpper === "SUBMITTED" || statusUpper === "CONFIRMED" || statusUpper === "COMPLETED" || statusUpper === "DONE") {
@@ -13844,8 +13845,8 @@ function extractHtmlTitleSimple(html2) {
   if (h1Match) return h1Match[1].trim();
   return void 0;
 }
-var ThoughtTimelineCard = React24.memo(function ThoughtTimelineCard2({ thought, config, isLoading = false, skipImages = false }) {
-  const [expanded, setExpanded] = React24.useState(true);
+var ThoughtTimelineCard = React16.memo(function ThoughtTimelineCard2({ thought, config, isLoading = false, skipImages = false }) {
+  const [expanded, setExpanded] = React16.useState(true);
   const { showItemTime } = useAgentStore();
   const thoughtType = thought?.type || "";
   const excludedTypes = [
@@ -13868,9 +13869,9 @@ var ThoughtTimelineCard = React24.memo(function ThoughtTimelineCard2({ thought,
     return null;
   }
   if (thought?.raw && Array.isArray(thought.raw)) {
-    const hasConfirmationEvent = thought.raw.some((r3) => {
-      const type = r3?.type || "";
-      return excludedTypes.includes(type) || r3?.content && (r3.content.includes('"type":"tool_confirmed"') || r3.content.includes('"type":"component_submitted"') || r3.content.includes("\u7528\u6237\u786E\u8BA4\u6267\u884C\u5DE5\u5177\u8C03\u7528"));
+    const hasConfirmationEvent = thought.raw.some((r2) => {
+      const type = r2?.type || "";
+      return excludedTypes.includes(type) || r2?.content && (r2.content.includes('"type":"tool_confirmed"') || r2.content.includes('"type":"component_submitted"') || r2.content.includes("\u7528\u6237\u786E\u8BA4\u6267\u884C\u5DE5\u5177\u8C03\u7528"));
     });
     if (hasConfirmationEvent) {
       return null;
@@ -13880,8 +13881,8 @@ var ThoughtTimelineCard = React24.memo(function ThoughtTimelineCard2({ thought,
   const withoutJsonImages = removeJsonImageUrls(withoutTags);
   const cleaned = sanitizeMarkdownContent(parseThinkingContent(withoutJsonImages));
   if (!cleaned || !cleaned.trim()) return null;
-  const lineCount = React24.useMemo(() => cleaned.split("\n").length, [cleaned]);
-  React24__namespace.default.useEffect(() => {
+  const lineCount = React16.useMemo(() => cleaned.split("\n").length, [cleaned]);
+  React16__namespace.default.useEffect(() => {
     if (isLoading) {
       setExpanded(true);
     } else {
@@ -14053,7 +14054,7 @@ function AgentIdentity({ agentId, agentName, agentIcon }) {
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-zinc-300", children: agentName })
   ] });
 }
-var HandoffDivider = React24.memo(function HandoffDivider2({
+var HandoffDivider = React16.memo(function HandoffDivider2({
   data
 }) {
   const { agentId, agentName, agentIcon, type, duration, nextAgentName, nextAgentId } = data;
@@ -14297,8 +14298,8 @@ function getStatusConfig(status, retryCount) {
       };
   }
 }
-var ToolCallMiniCard = React24.memo(function ToolCallMiniCard2({ toolCall }) {
-  const [expanded, setExpanded] = React24.useState(false);
+var ToolCallMiniCard = React16.memo(function ToolCallMiniCard2({ toolCall }) {
+  const [expanded, setExpanded] = React16.useState(false);
   const statusLower = (toolCall.status || "pending").toLowerCase();
   const isPending = statusLower === "pending" || statusLower === "executing";
   const isSuccess = statusLower === "completed";
@@ -14369,30 +14370,30 @@ var ToolCallMiniCard = React24.memo(function ToolCallMiniCard2({ toolCall }) {
     ] })
   ] });
 });
-var SubAgentPanelCard = React24.memo(function SubAgentPanelCard2({
+var SubAgentPanelCard = React16.memo(function SubAgentPanelCard2({
   panel,
   onToggleExpand,
   isStreaming
 }) {
-  const [localExpanded, setLocalExpanded] = React24.useState(panel.isExpanded);
+  const [localExpanded, setLocalExpanded] = React16.useState(panel.isExpanded);
   const isExpanded = onToggleExpand ? panel.isExpanded : localExpanded;
   const statusConfig = getStatusConfig(panel.status, panel.retryCount);
-  const handleToggle = React24.useCallback(() => {
+  const handleToggle = React16.useCallback(() => {
     if (onToggleExpand) {
       onToggleExpand();
     } else {
       setLocalExpanded((prev) => !prev);
     }
   }, [onToggleExpand]);
-  const filteredThoughts = React24.useMemo(
+  const filteredThoughts = React16.useMemo(
     () => panel.thoughts.filter((t) => !META_EVENT_TYPES.has(t.type)),
     [panel.thoughts]
   );
-  const thinkingContent = React24.useMemo(
+  const thinkingContent = React16.useMemo(
     () => extractThinkingFromThoughts(filteredThoughts),
     [filteredThoughts]
   );
-  const toolCalls = React24.useMemo(
+  const toolCalls = React16.useMemo(
     () => extractToolCallsFromThoughts(filteredThoughts),
     [filteredThoughts]
   );
@@ -14473,7 +14474,7 @@ var SubAgentPanelCard = React24.memo(function SubAgentPanelCard2({
     ] })
   ] });
 });
-var ParallelAgentContainer = React24.memo(function ParallelAgentContainer2({
+var ParallelAgentContainer = React16.memo(function ParallelAgentContainer2({
   panels,
   parallelSummary,
   isStreaming,
@@ -14524,7 +14525,7 @@ var ParallelAgentContainer = React24.memo(function ParallelAgentContainer2({
     ] }) })
   ] });
 });
-var MultiAgentThoughts = React24.memo(function MultiAgentThoughts2({
+var MultiAgentThoughts = React16.memo(function MultiAgentThoughts2({
   thoughts,
   isStreaming,
   useStorePanels
@@ -14535,13 +14536,13 @@ var MultiAgentThoughts = React24.memo(function MultiAgentThoughts2({
   const toggleSubAgentExpanded = useAgentStore((state) => state.toggleSubAgentExpanded);
   const storeHasPanels = Object.keys(storePanels).length > 0;
   const shouldUseStore = useStorePanels !== void 0 ? useStorePanels : storeHasPanels;
-  const thoughtBasedPanels = React24.useMemo(() => {
+  const thoughtBasedPanels = React16.useMemo(() => {
     if (shouldUseStore) return {};
     return buildPanelsFromThoughts(thoughts);
   }, [shouldUseStore, thoughts]);
   const activePanels = shouldUseStore ? storePanels : thoughtBasedPanels;
-  const panelList = React24.useMemo(() => Object.values(activePanels), [activePanels]);
-  const handleToggleExpand = React24.useCallback((agentId) => {
+  const panelList = React16.useMemo(() => Object.values(activePanels), [activePanels]);
+  const handleToggleExpand = React16.useCallback((agentId) => {
     if (shouldUseStore) {
       toggleSubAgentExpanded(agentId);
     }
@@ -14572,14 +14573,14 @@ var MultiAgentThoughts = React24.memo(function MultiAgentThoughts2({
   )) });
 });
 var MultiAgentThoughts_default = MultiAgentThoughts;
-var ParallelTimelineBlock = React24.memo(function ParallelTimelineBlock2({
+var ParallelTimelineBlock = React16.memo(function ParallelTimelineBlock2({
   data
 }) {
   const { thoughts, isStreaming } = data;
   const subAgents = useAgentStore((state) => state.subAgents);
   const subAgentPanels = useAgentStore((state) => state.multiAgent.subAgentPanels);
   const subAgentConfigs = useAgentStore((state) => state.subAgentConfigs);
-  const panels = React24.useMemo(() => {
+  const panels = React16.useMemo(() => {
     const resolveAgentName = (agentId, fallbackName) => {
       const fromConfig = subAgentConfigs.find((c) => c.publicId === agentId);
       if (fromConfig?.name) return fromConfig.name;
@@ -14618,7 +14619,7 @@ function useMessageContent({
   isUser,
   hasToolCallImages
 }) {
-  const displayContent = React24.useMemo(() => {
+  const displayContent = React16.useMemo(() => {
     const isInvalidContent = (content2) => {
       if (!content2) return true;
       if (typeof content2 !== "string") return false;
@@ -14671,7 +14672,7 @@ function useMessageContent({
     }
     return typeof content === "string" ? content : String(content ?? "");
   }, [isStreaming, streamingContent, message]);
-  const markdownMedia = React24.useMemo(() => {
+  const markdownMedia = React16.useMemo(() => {
     if (!isUser || !displayContent) {
       return { media: [], content: displayContent };
     }
@@ -14686,7 +14687,7 @@ function useMessageContent({
     const cleaned = displayContent.replace(mediaRegex, "").replace(/\n{3,}/g, "\n\n").trim();
     return { media, content: cleaned };
   }, [displayContent, isUser]);
-  const effectiveDisplayContent = React24.useMemo(() => {
+  const effectiveDisplayContent = React16.useMemo(() => {
     const baseContent = isUser ? markdownMedia.content || "" : displayContent || "";
     if (!baseContent) return "";
     if (isUser) return baseContent;
@@ -14698,7 +14699,7 @@ function useMessageContent({
     }
     return baseContent;
   }, [displayContent, hasToolCallImages, isUser, markdownMedia.content]);
-  const sanitizedDisplayContent = React24.useMemo(
+  const sanitizedDisplayContent = React16.useMemo(
     () => sanitizeMarkdownContent(effectiveDisplayContent),
     [effectiveDisplayContent]
   );
@@ -14749,7 +14750,7 @@ function useToolCalls({
   thoughts,
   pendingToolCalls = []
 }) {
-  const toolCalls = React24.useMemo(() => {
+  const toolCalls = React16.useMemo(() => {
     const toolCallMap = /* @__PURE__ */ new Map();
     const normalizeId = (value) => {
       if (value === void 0 || value === null) return "";
@@ -14877,7 +14878,7 @@ function useToolCalls({
     });
     return toolCalls2;
   }, [message, isStreaming, thoughts, pendingToolCalls]);
-  const dedupedToolCalls = React24.useMemo(() => {
+  const dedupedToolCalls = React16.useMemo(() => {
     if (!toolCalls || toolCalls.length === 0) return [];
     const uniqueCalls = toolCalls.reduce((acc, tc) => {
       const id = String(tc.id);
@@ -14902,9 +14903,9 @@ function useComponents2({
   thoughts,
   isStreaming
 }) {
-  const [componentDetailMap, setComponentDetailMap] = React24.useState({});
-  const componentDetailRequestedRef = React24.useRef(/* @__PURE__ */ new Set());
-  const componentsToRender = React24.useMemo(() => {
+  const [componentDetailMap, setComponentDetailMap] = React16.useState({});
+  const componentDetailRequestedRef = React16.useRef(/* @__PURE__ */ new Set());
+  const componentsToRender = React16.useMemo(() => {
     const extraComponents = message.extraData?.components || [];
     const backendId = message.metadata?.backendId;
     const messageStatus = (message.status || "").toUpperCase();
@@ -15017,7 +15018,7 @@ function useComponents2({
     }
     return enrichedPendingComponents.filter((c) => c.messageId === backendId);
   }, [message, pendingComponents, pendingComponentsSessionId, thoughts, isStreaming]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     if (!componentsToRender || componentsToRender.length === 0) return;
     componentsToRender.forEach((component) => {
       if (!component?.id) return;
@@ -15044,7 +15045,7 @@ function useComponents2({
       });
     });
   }, [componentsToRender]);
-  const effectiveComponents = React24.useMemo(() => {
+  const effectiveComponents = React16.useMemo(() => {
     if (!componentsToRender || componentsToRender.length === 0) return [];
     return componentsToRender.map((component) => {
       const detail = componentDetailMap[component.id];
@@ -15061,7 +15062,7 @@ function useComponents2({
   return { effectiveComponents };
 }
 function usePlanState({ message, thoughts }) {
-  const planFromThoughts = React24.useMemo(() => {
+  const planFromThoughts = React16.useMemo(() => {
     const extraPlan = message.extraData?.plan;
     if (extraPlan && extraPlan.steps && Array.isArray(extraPlan.steps) && extraPlan.steps.length > 0) {
       return null;
@@ -15138,10 +15139,10 @@ function usePlanState({ message, thoughts }) {
     return plan;
   }, [message, thoughts]);
   const effectivePlan = message.extraData?.plan || planFromThoughts;
-  const [fullPlan, setFullPlan] = React24.useState(null);
-  const [planLoading, setPlanLoading] = React24.useState(false);
-  const [loadedPlanId, setLoadedPlanId] = React24.useState(null);
-  React24.useEffect(() => {
+  const [fullPlan, setFullPlan] = React16.useState(null);
+  const [planLoading, setPlanLoading] = React16.useState(false);
+  const [loadedPlanId, setLoadedPlanId] = React16.useState(null);
+  React16.useEffect(() => {
     if (!effectivePlan) {
       setFullPlan(null);
       setLoadedPlanId(null);
@@ -15195,7 +15196,7 @@ var COMPONENT_TAGS_TO_STRIP2 = [
   "ComponentPreview"
 ];
 function useThinkingContent({ message, thoughts, isStreaming, messageContent }) {
-  return React24.useMemo(() => {
+  return React16.useMemo(() => {
     const historyThoughts = message.extraData?.thoughts || [];
     const allThoughts = thoughts && thoughts.length > 0 ? thoughts : historyThoughts;
     const hasSubAgents = allThoughts.some((t) => t.agent_id || t.agentId || t.agent_name || t.agentName);
@@ -15383,7 +15384,7 @@ function useTimelineItems({
   const mainAgentPublicId = useAgentStore((state) => state.mainAgentPublicId);
   const mainAgentName = useAgentStore((state) => state.mainAgentName);
   const mainAgentIcon = useAgentStore((state) => state.mainAgentIcon);
-  return React24.useMemo(() => {
+  return React16.useMemo(() => {
     if (isUser) return [];
     const resolveAgentName = (agentId, fallbackName) => {
       if (!agentId) return mainAgentName || "Assistant";
@@ -15799,7 +15800,111 @@ function __insertCSS(code3) {
   head.appendChild(style);
   style.styleSheet ? style.styleSheet.cssText = code3 : style.appendChild(document.createTextNode(code3));
 }
-Array(12).fill(0);
+var getAsset = (type) => {
+  switch (type) {
+    case "success":
+      return SuccessIcon;
+    case "info":
+      return InfoIcon;
+    case "warning":
+      return WarningIcon;
+    case "error":
+      return ErrorIcon;
+    default:
+      return null;
+  }
+};
+var bars = Array(12).fill(0);
+var Loader = ({ visible, className }) => {
+  return /* @__PURE__ */ React16__namespace.default.createElement("div", {
+    className: [
+      "sonner-loading-wrapper",
+      className
+    ].filter(Boolean).join(" "),
+    "data-visible": visible
+  }, /* @__PURE__ */ React16__namespace.default.createElement("div", {
+    className: "sonner-spinner"
+  }, bars.map((_, i) => /* @__PURE__ */ React16__namespace.default.createElement("div", {
+    className: "sonner-loading-bar",
+    key: `spinner-bar-${i}`
+  }))));
+};
+var SuccessIcon = /* @__PURE__ */ React16__namespace.default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 20 20",
+  fill: "currentColor",
+  height: "20",
+  width: "20"
+}, /* @__PURE__ */ React16__namespace.default.createElement("path", {
+  fillRule: "evenodd",
+  d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",
+  clipRule: "evenodd"
+}));
+var WarningIcon = /* @__PURE__ */ React16__namespace.default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "currentColor",
+  height: "20",
+  width: "20"
+}, /* @__PURE__ */ React16__namespace.default.createElement("path", {
+  fillRule: "evenodd",
+  d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",
+  clipRule: "evenodd"
+}));
+var InfoIcon = /* @__PURE__ */ React16__namespace.default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 20 20",
+  fill: "currentColor",
+  height: "20",
+  width: "20"
+}, /* @__PURE__ */ React16__namespace.default.createElement("path", {
+  fillRule: "evenodd",
+  d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",
+  clipRule: "evenodd"
+}));
+var ErrorIcon = /* @__PURE__ */ React16__namespace.default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 20 20",
+  fill: "currentColor",
+  height: "20",
+  width: "20"
+}, /* @__PURE__ */ React16__namespace.default.createElement("path", {
+  fillRule: "evenodd",
+  d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",
+  clipRule: "evenodd"
+}));
+var CloseIcon = /* @__PURE__ */ React16__namespace.default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "12",
+  height: "12",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: "1.5",
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+}, /* @__PURE__ */ React16__namespace.default.createElement("line", {
+  x1: "18",
+  y1: "6",
+  x2: "6",
+  y2: "18"
+}), /* @__PURE__ */ React16__namespace.default.createElement("line", {
+  x1: "6",
+  y1: "6",
+  x2: "18",
+  y2: "18"
+}));
+var useIsDocumentHidden = () => {
+  const [isDocumentHidden, setIsDocumentHidden] = React16__namespace.default.useState(document.hidden);
+  React16__namespace.default.useEffect(() => {
+    const callback = () => {
+      setIsDocumentHidden(document.hidden);
+    };
+    document.addEventListener("visibilitychange", callback);
+    return () => window.removeEventListener("visibilitychange", callback);
+  }, []);
+  return isDocumentHidden;
+};
 var toastsCounter = 1;
 var Observer = class {
   constructor() {
@@ -15940,7 +16045,7 @@ var Observer = class {
           "resolve",
           response
         ];
-        const isReactElementResponse = React24__namespace.default.isValidElement(response);
+        const isReactElementResponse = React16__namespace.default.isValidElement(response);
         if (isReactElementResponse) {
           shouldDismiss = false;
           this.create({
@@ -15952,7 +16057,7 @@ var Observer = class {
           shouldDismiss = false;
           const promiseData = typeof data.error === "function" ? await data.error(`HTTP error! status: ${response.status}`) : data.error;
           const description = typeof data.description === "function" ? await data.description(`HTTP error! status: ${response.status}`) : data.description;
-          const isExtendedResult = typeof promiseData === "object" && !React24__namespace.default.isValidElement(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !React16__namespace.default.isValidElement(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData
           };
@@ -15966,7 +16071,7 @@ var Observer = class {
           shouldDismiss = false;
           const promiseData = typeof data.error === "function" ? await data.error(response) : data.error;
           const description = typeof data.description === "function" ? await data.description(response) : data.description;
-          const isExtendedResult = typeof promiseData === "object" && !React24__namespace.default.isValidElement(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !React16__namespace.default.isValidElement(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData
           };
@@ -15980,7 +16085,7 @@ var Observer = class {
           shouldDismiss = false;
           const promiseData = typeof data.success === "function" ? await data.success(response) : data.success;
           const description = typeof data.description === "function" ? await data.description(response) : data.description;
-          const isExtendedResult = typeof promiseData === "object" && !React24__namespace.default.isValidElement(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !React16__namespace.default.isValidElement(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData
           };
@@ -16000,7 +16105,7 @@ var Observer = class {
           shouldDismiss = false;
           const promiseData = typeof data.error === "function" ? await data.error(error) : data.error;
           const description = typeof data.description === "function" ? await data.description(error) : data.description;
-          const isExtendedResult = typeof promiseData === "object" && !React24__namespace.default.isValidElement(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !React16__namespace.default.isValidElement(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData
           };
@@ -16029,10 +16134,10 @@ var Observer = class {
         });
       }
     };
-    this.custom = (jsx62, data) => {
+    this.custom = (jsx63, data) => {
       const id = (data == null ? void 0 : data.id) || toastsCounter++;
       this.create({
-        jsx: jsx62(id),
+        jsx: jsx63(id),
         id,
         ...data
       });
@@ -16077,20 +16182,710 @@ var toast = Object.assign(basicToast, {
   getToasts
 });
 __insertCSS("[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]::before{content:'';position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]::before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]::before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]::after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]::before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}");
-var TTSButton = React24.memo(function TTSButton2({
+function isAction(action) {
+  return action.label !== void 0;
+}
+var VISIBLE_TOASTS_AMOUNT = 3;
+var VIEWPORT_OFFSET = "24px";
+var MOBILE_VIEWPORT_OFFSET = "16px";
+var TOAST_LIFETIME = 4e3;
+var TOAST_WIDTH = 356;
+var GAP = 14;
+var SWIPE_THRESHOLD = 45;
+var TIME_BEFORE_UNMOUNT = 200;
+function cn2(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+function getDefaultSwipeDirections(position) {
+  const [y, x] = position.split("-");
+  const directions = [];
+  if (y) {
+    directions.push(y);
+  }
+  if (x) {
+    directions.push(x);
+  }
+  return directions;
+}
+var Toast = (props) => {
+  var _toast_classNames, _toast_classNames1, _toast_classNames2, _toast_classNames3, _toast_classNames4, _toast_classNames5, _toast_classNames6, _toast_classNames7, _toast_classNames8;
+  const { invert: ToasterInvert, toast: toast2, unstyled, interacting, setHeights, visibleToasts, heights, index, toasts, expanded, removeToast, defaultRichColors, closeButton: closeButtonFromToaster, style, cancelButtonStyle, actionButtonStyle, className = "", descriptionClassName = "", duration: durationFromToaster, position, gap, expandByDefault, classNames, icons, closeButtonAriaLabel = "Close toast" } = props;
+  const [swipeDirection, setSwipeDirection] = React16__namespace.default.useState(null);
+  const [swipeOutDirection, setSwipeOutDirection] = React16__namespace.default.useState(null);
+  const [mounted, setMounted] = React16__namespace.default.useState(false);
+  const [removed, setRemoved] = React16__namespace.default.useState(false);
+  const [swiping, setSwiping] = React16__namespace.default.useState(false);
+  const [swipeOut, setSwipeOut] = React16__namespace.default.useState(false);
+  const [isSwiped, setIsSwiped] = React16__namespace.default.useState(false);
+  const [offsetBeforeRemove, setOffsetBeforeRemove] = React16__namespace.default.useState(0);
+  const [initialHeight, setInitialHeight] = React16__namespace.default.useState(0);
+  const remainingTime = React16__namespace.default.useRef(toast2.duration || durationFromToaster || TOAST_LIFETIME);
+  const dragStartTime = React16__namespace.default.useRef(null);
+  const toastRef = React16__namespace.default.useRef(null);
+  const isFront = index === 0;
+  const isVisible = index + 1 <= visibleToasts;
+  const toastType = toast2.type;
+  const dismissible = toast2.dismissible !== false;
+  const toastClassname = toast2.className || "";
+  const toastDescriptionClassname = toast2.descriptionClassName || "";
+  const heightIndex = React16__namespace.default.useMemo(() => heights.findIndex((height) => height.toastId === toast2.id) || 0, [
+    heights,
+    toast2.id
+  ]);
+  const closeButton = React16__namespace.default.useMemo(() => {
+    var _toast_closeButton;
+    return (_toast_closeButton = toast2.closeButton) != null ? _toast_closeButton : closeButtonFromToaster;
+  }, [
+    toast2.closeButton,
+    closeButtonFromToaster
+  ]);
+  const duration = React16__namespace.default.useMemo(() => toast2.duration || durationFromToaster || TOAST_LIFETIME, [
+    toast2.duration,
+    durationFromToaster
+  ]);
+  const closeTimerStartTimeRef = React16__namespace.default.useRef(0);
+  const offset = React16__namespace.default.useRef(0);
+  const lastCloseTimerStartTimeRef = React16__namespace.default.useRef(0);
+  const pointerStartRef = React16__namespace.default.useRef(null);
+  const [y, x] = position.split("-");
+  const toastsHeightBefore = React16__namespace.default.useMemo(() => {
+    return heights.reduce((prev, curr, reducerIndex) => {
+      if (reducerIndex >= heightIndex) {
+        return prev;
+      }
+      return prev + curr.height;
+    }, 0);
+  }, [
+    heights,
+    heightIndex
+  ]);
+  const isDocumentHidden = useIsDocumentHidden();
+  const invert = toast2.invert || ToasterInvert;
+  const disabled = toastType === "loading";
+  offset.current = React16__namespace.default.useMemo(() => heightIndex * gap + toastsHeightBefore, [
+    heightIndex,
+    toastsHeightBefore
+  ]);
+  React16__namespace.default.useEffect(() => {
+    remainingTime.current = duration;
+  }, [
+    duration
+  ]);
+  React16__namespace.default.useEffect(() => {
+    setMounted(true);
+  }, []);
+  React16__namespace.default.useEffect(() => {
+    const toastNode = toastRef.current;
+    if (toastNode) {
+      const height = toastNode.getBoundingClientRect().height;
+      setInitialHeight(height);
+      setHeights((h) => [
+        {
+          toastId: toast2.id,
+          height,
+          position: toast2.position
+        },
+        ...h
+      ]);
+      return () => setHeights((h) => h.filter((height2) => height2.toastId !== toast2.id));
+    }
+  }, [
+    setHeights,
+    toast2.id
+  ]);
+  React16__namespace.default.useLayoutEffect(() => {
+    if (!mounted) return;
+    const toastNode = toastRef.current;
+    const originalHeight = toastNode.style.height;
+    toastNode.style.height = "auto";
+    const newHeight = toastNode.getBoundingClientRect().height;
+    toastNode.style.height = originalHeight;
+    setInitialHeight(newHeight);
+    setHeights((heights2) => {
+      const alreadyExists = heights2.find((height) => height.toastId === toast2.id);
+      if (!alreadyExists) {
+        return [
+          {
+            toastId: toast2.id,
+            height: newHeight,
+            position: toast2.position
+          },
+          ...heights2
+        ];
+      } else {
+        return heights2.map((height) => height.toastId === toast2.id ? {
+          ...height,
+          height: newHeight
+        } : height);
+      }
+    });
+  }, [
+    mounted,
+    toast2.title,
+    toast2.description,
+    setHeights,
+    toast2.id,
+    toast2.jsx,
+    toast2.action,
+    toast2.cancel
+  ]);
+  const deleteToast = React16__namespace.default.useCallback(() => {
+    setRemoved(true);
+    setOffsetBeforeRemove(offset.current);
+    setHeights((h) => h.filter((height) => height.toastId !== toast2.id));
+    setTimeout(() => {
+      removeToast(toast2);
+    }, TIME_BEFORE_UNMOUNT);
+  }, [
+    toast2,
+    removeToast,
+    setHeights,
+    offset
+  ]);
+  React16__namespace.default.useEffect(() => {
+    if (toast2.promise && toastType === "loading" || toast2.duration === Infinity || toast2.type === "loading") return;
+    let timeoutId;
+    const pauseTimer = () => {
+      if (lastCloseTimerStartTimeRef.current < closeTimerStartTimeRef.current) {
+        const elapsedTime = (/* @__PURE__ */ new Date()).getTime() - closeTimerStartTimeRef.current;
+        remainingTime.current = remainingTime.current - elapsedTime;
+      }
+      lastCloseTimerStartTimeRef.current = (/* @__PURE__ */ new Date()).getTime();
+    };
+    const startTimer = () => {
+      if (remainingTime.current === Infinity) return;
+      closeTimerStartTimeRef.current = (/* @__PURE__ */ new Date()).getTime();
+      timeoutId = setTimeout(() => {
+        toast2.onAutoClose == null ? void 0 : toast2.onAutoClose.call(toast2, toast2);
+        deleteToast();
+      }, remainingTime.current);
+    };
+    if (expanded || interacting || isDocumentHidden) {
+      pauseTimer();
+    } else {
+      startTimer();
+    }
+    return () => clearTimeout(timeoutId);
+  }, [
+    expanded,
+    interacting,
+    toast2,
+    toastType,
+    isDocumentHidden,
+    deleteToast
+  ]);
+  React16__namespace.default.useEffect(() => {
+    if (toast2.delete) {
+      deleteToast();
+      toast2.onDismiss == null ? void 0 : toast2.onDismiss.call(toast2, toast2);
+    }
+  }, [
+    deleteToast,
+    toast2.delete
+  ]);
+  function getLoadingIcon() {
+    var _toast_classNames9;
+    if (icons == null ? void 0 : icons.loading) {
+      var _toast_classNames12;
+      return /* @__PURE__ */ React16__namespace.default.createElement("div", {
+        className: cn2(classNames == null ? void 0 : classNames.loader, toast2 == null ? void 0 : (_toast_classNames12 = toast2.classNames) == null ? void 0 : _toast_classNames12.loader, "sonner-loader"),
+        "data-visible": toastType === "loading"
+      }, icons.loading);
+    }
+    return /* @__PURE__ */ React16__namespace.default.createElement(Loader, {
+      className: cn2(classNames == null ? void 0 : classNames.loader, toast2 == null ? void 0 : (_toast_classNames9 = toast2.classNames) == null ? void 0 : _toast_classNames9.loader),
+      visible: toastType === "loading"
+    });
+  }
+  const icon = toast2.icon || (icons == null ? void 0 : icons[toastType]) || getAsset(toastType);
+  var _toast_richColors, _icons_close;
+  return /* @__PURE__ */ React16__namespace.default.createElement("li", {
+    tabIndex: 0,
+    ref: toastRef,
+    className: cn2(className, toastClassname, classNames == null ? void 0 : classNames.toast, toast2 == null ? void 0 : (_toast_classNames = toast2.classNames) == null ? void 0 : _toast_classNames.toast, classNames == null ? void 0 : classNames.default, classNames == null ? void 0 : classNames[toastType], toast2 == null ? void 0 : (_toast_classNames1 = toast2.classNames) == null ? void 0 : _toast_classNames1[toastType]),
+    "data-sonner-toast": "",
+    "data-rich-colors": (_toast_richColors = toast2.richColors) != null ? _toast_richColors : defaultRichColors,
+    "data-styled": !Boolean(toast2.jsx || toast2.unstyled || unstyled),
+    "data-mounted": mounted,
+    "data-promise": Boolean(toast2.promise),
+    "data-swiped": isSwiped,
+    "data-removed": removed,
+    "data-visible": isVisible,
+    "data-y-position": y,
+    "data-x-position": x,
+    "data-index": index,
+    "data-front": isFront,
+    "data-swiping": swiping,
+    "data-dismissible": dismissible,
+    "data-type": toastType,
+    "data-invert": invert,
+    "data-swipe-out": swipeOut,
+    "data-swipe-direction": swipeOutDirection,
+    "data-expanded": Boolean(expanded || expandByDefault && mounted),
+    "data-testid": toast2.testId,
+    style: {
+      "--index": index,
+      "--toasts-before": index,
+      "--z-index": toasts.length - index,
+      "--offset": `${removed ? offsetBeforeRemove : offset.current}px`,
+      "--initial-height": expandByDefault ? "auto" : `${initialHeight}px`,
+      ...style,
+      ...toast2.style
+    },
+    onDragEnd: () => {
+      setSwiping(false);
+      setSwipeDirection(null);
+      pointerStartRef.current = null;
+    },
+    onPointerDown: (event) => {
+      if (event.button === 2) return;
+      if (disabled || !dismissible) return;
+      dragStartTime.current = /* @__PURE__ */ new Date();
+      setOffsetBeforeRemove(offset.current);
+      event.target.setPointerCapture(event.pointerId);
+      if (event.target.tagName === "BUTTON") return;
+      setSwiping(true);
+      pointerStartRef.current = {
+        x: event.clientX,
+        y: event.clientY
+      };
+    },
+    onPointerUp: () => {
+      var _toastRef_current, _toastRef_current1, _dragStartTime_current;
+      if (swipeOut || !dismissible) return;
+      pointerStartRef.current = null;
+      const swipeAmountX = Number(((_toastRef_current = toastRef.current) == null ? void 0 : _toastRef_current.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0);
+      const swipeAmountY = Number(((_toastRef_current1 = toastRef.current) == null ? void 0 : _toastRef_current1.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0);
+      const timeTaken = (/* @__PURE__ */ new Date()).getTime() - ((_dragStartTime_current = dragStartTime.current) == null ? void 0 : _dragStartTime_current.getTime());
+      const swipeAmount = swipeDirection === "x" ? swipeAmountX : swipeAmountY;
+      const velocity = Math.abs(swipeAmount) / timeTaken;
+      if (Math.abs(swipeAmount) >= SWIPE_THRESHOLD || velocity > 0.11) {
+        setOffsetBeforeRemove(offset.current);
+        toast2.onDismiss == null ? void 0 : toast2.onDismiss.call(toast2, toast2);
+        if (swipeDirection === "x") {
+          setSwipeOutDirection(swipeAmountX > 0 ? "right" : "left");
+        } else {
+          setSwipeOutDirection(swipeAmountY > 0 ? "down" : "up");
+        }
+        deleteToast();
+        setSwipeOut(true);
+        return;
+      } else {
+        var _toastRef_current2, _toastRef_current3;
+        (_toastRef_current2 = toastRef.current) == null ? void 0 : _toastRef_current2.style.setProperty("--swipe-amount-x", `0px`);
+        (_toastRef_current3 = toastRef.current) == null ? void 0 : _toastRef_current3.style.setProperty("--swipe-amount-y", `0px`);
+      }
+      setIsSwiped(false);
+      setSwiping(false);
+      setSwipeDirection(null);
+    },
+    onPointerMove: (event) => {
+      var _window_getSelection, _toastRef_current, _toastRef_current1;
+      if (!pointerStartRef.current || !dismissible) return;
+      const isHighlighted = ((_window_getSelection = window.getSelection()) == null ? void 0 : _window_getSelection.toString().length) > 0;
+      if (isHighlighted) return;
+      const yDelta = event.clientY - pointerStartRef.current.y;
+      const xDelta = event.clientX - pointerStartRef.current.x;
+      var _props_swipeDirections;
+      const swipeDirections = (_props_swipeDirections = props.swipeDirections) != null ? _props_swipeDirections : getDefaultSwipeDirections(position);
+      if (!swipeDirection && (Math.abs(xDelta) > 1 || Math.abs(yDelta) > 1)) {
+        setSwipeDirection(Math.abs(xDelta) > Math.abs(yDelta) ? "x" : "y");
+      }
+      let swipeAmount = {
+        x: 0,
+        y: 0
+      };
+      const getDampening = (delta) => {
+        const factor = Math.abs(delta) / 20;
+        return 1 / (1.5 + factor);
+      };
+      if (swipeDirection === "y") {
+        if (swipeDirections.includes("top") || swipeDirections.includes("bottom")) {
+          if (swipeDirections.includes("top") && yDelta < 0 || swipeDirections.includes("bottom") && yDelta > 0) {
+            swipeAmount.y = yDelta;
+          } else {
+            const dampenedDelta = yDelta * getDampening(yDelta);
+            swipeAmount.y = Math.abs(dampenedDelta) < Math.abs(yDelta) ? dampenedDelta : yDelta;
+          }
+        }
+      } else if (swipeDirection === "x") {
+        if (swipeDirections.includes("left") || swipeDirections.includes("right")) {
+          if (swipeDirections.includes("left") && xDelta < 0 || swipeDirections.includes("right") && xDelta > 0) {
+            swipeAmount.x = xDelta;
+          } else {
+            const dampenedDelta = xDelta * getDampening(xDelta);
+            swipeAmount.x = Math.abs(dampenedDelta) < Math.abs(xDelta) ? dampenedDelta : xDelta;
+          }
+        }
+      }
+      if (Math.abs(swipeAmount.x) > 0 || Math.abs(swipeAmount.y) > 0) {
+        setIsSwiped(true);
+      }
+      (_toastRef_current = toastRef.current) == null ? void 0 : _toastRef_current.style.setProperty("--swipe-amount-x", `${swipeAmount.x}px`);
+      (_toastRef_current1 = toastRef.current) == null ? void 0 : _toastRef_current1.style.setProperty("--swipe-amount-y", `${swipeAmount.y}px`);
+    }
+  }, closeButton && !toast2.jsx && toastType !== "loading" ? /* @__PURE__ */ React16__namespace.default.createElement("button", {
+    "aria-label": closeButtonAriaLabel,
+    "data-disabled": disabled,
+    "data-close-button": true,
+    onClick: disabled || !dismissible ? () => {
+    } : () => {
+      deleteToast();
+      toast2.onDismiss == null ? void 0 : toast2.onDismiss.call(toast2, toast2);
+    },
+    className: cn2(classNames == null ? void 0 : classNames.closeButton, toast2 == null ? void 0 : (_toast_classNames2 = toast2.classNames) == null ? void 0 : _toast_classNames2.closeButton)
+  }, (_icons_close = icons == null ? void 0 : icons.close) != null ? _icons_close : CloseIcon) : null, (toastType || toast2.icon || toast2.promise) && toast2.icon !== null && ((icons == null ? void 0 : icons[toastType]) !== null || toast2.icon) ? /* @__PURE__ */ React16__namespace.default.createElement("div", {
+    "data-icon": "",
+    className: cn2(classNames == null ? void 0 : classNames.icon, toast2 == null ? void 0 : (_toast_classNames3 = toast2.classNames) == null ? void 0 : _toast_classNames3.icon)
+  }, toast2.promise || toast2.type === "loading" && !toast2.icon ? toast2.icon || getLoadingIcon() : null, toast2.type !== "loading" ? icon : null) : null, /* @__PURE__ */ React16__namespace.default.createElement("div", {
+    "data-content": "",
+    className: cn2(classNames == null ? void 0 : classNames.content, toast2 == null ? void 0 : (_toast_classNames4 = toast2.classNames) == null ? void 0 : _toast_classNames4.content)
+  }, /* @__PURE__ */ React16__namespace.default.createElement("div", {
+    "data-title": "",
+    className: cn2(classNames == null ? void 0 : classNames.title, toast2 == null ? void 0 : (_toast_classNames5 = toast2.classNames) == null ? void 0 : _toast_classNames5.title)
+  }, toast2.jsx ? toast2.jsx : typeof toast2.title === "function" ? toast2.title() : toast2.title), toast2.description ? /* @__PURE__ */ React16__namespace.default.createElement("div", {
+    "data-description": "",
+    className: cn2(descriptionClassName, toastDescriptionClassname, classNames == null ? void 0 : classNames.description, toast2 == null ? void 0 : (_toast_classNames6 = toast2.classNames) == null ? void 0 : _toast_classNames6.description)
+  }, typeof toast2.description === "function" ? toast2.description() : toast2.description) : null), /* @__PURE__ */ React16__namespace.default.isValidElement(toast2.cancel) ? toast2.cancel : toast2.cancel && isAction(toast2.cancel) ? /* @__PURE__ */ React16__namespace.default.createElement("button", {
+    "data-button": true,
+    "data-cancel": true,
+    style: toast2.cancelButtonStyle || cancelButtonStyle,
+    onClick: (event) => {
+      if (!isAction(toast2.cancel)) return;
+      if (!dismissible) return;
+      toast2.cancel.onClick == null ? void 0 : toast2.cancel.onClick.call(toast2.cancel, event);
+      deleteToast();
+    },
+    className: cn2(classNames == null ? void 0 : classNames.cancelButton, toast2 == null ? void 0 : (_toast_classNames7 = toast2.classNames) == null ? void 0 : _toast_classNames7.cancelButton)
+  }, toast2.cancel.label) : null, /* @__PURE__ */ React16__namespace.default.isValidElement(toast2.action) ? toast2.action : toast2.action && isAction(toast2.action) ? /* @__PURE__ */ React16__namespace.default.createElement("button", {
+    "data-button": true,
+    "data-action": true,
+    style: toast2.actionButtonStyle || actionButtonStyle,
+    onClick: (event) => {
+      if (!isAction(toast2.action)) return;
+      toast2.action.onClick == null ? void 0 : toast2.action.onClick.call(toast2.action, event);
+      if (event.defaultPrevented) return;
+      deleteToast();
+    },
+    className: cn2(classNames == null ? void 0 : classNames.actionButton, toast2 == null ? void 0 : (_toast_classNames8 = toast2.classNames) == null ? void 0 : _toast_classNames8.actionButton)
+  }, toast2.action.label) : null);
+};
+function getDocumentDirection() {
+  if (typeof window === "undefined") return "ltr";
+  if (typeof document === "undefined") return "ltr";
+  const dirAttribute = document.documentElement.getAttribute("dir");
+  if (dirAttribute === "auto" || !dirAttribute) {
+    return window.getComputedStyle(document.documentElement).direction;
+  }
+  return dirAttribute;
+}
+function assignOffset(defaultOffset, mobileOffset) {
+  const styles = {};
+  [
+    defaultOffset,
+    mobileOffset
+  ].forEach((offset, index) => {
+    const isMobile = index === 1;
+    const prefix = isMobile ? "--mobile-offset" : "--offset";
+    const defaultValue = isMobile ? MOBILE_VIEWPORT_OFFSET : VIEWPORT_OFFSET;
+    function assignAll(offset2) {
+      [
+        "top",
+        "right",
+        "bottom",
+        "left"
+      ].forEach((key) => {
+        styles[`${prefix}-${key}`] = typeof offset2 === "number" ? `${offset2}px` : offset2;
+      });
+    }
+    if (typeof offset === "number" || typeof offset === "string") {
+      assignAll(offset);
+    } else if (typeof offset === "object") {
+      [
+        "top",
+        "right",
+        "bottom",
+        "left"
+      ].forEach((key) => {
+        if (offset[key] === void 0) {
+          styles[`${prefix}-${key}`] = defaultValue;
+        } else {
+          styles[`${prefix}-${key}`] = typeof offset[key] === "number" ? `${offset[key]}px` : offset[key];
+        }
+      });
+    } else {
+      assignAll(defaultValue);
+    }
+  });
+  return styles;
+}
+var Toaster = /* @__PURE__ */ React16__namespace.default.forwardRef(function Toaster2(props, ref) {
+  const { id, invert, position = "bottom-right", hotkey = [
+    "altKey",
+    "KeyT"
+  ], expand, closeButton, className, offset, mobileOffset, theme = "light", richColors, duration, style, visibleToasts = VISIBLE_TOASTS_AMOUNT, toastOptions, dir = getDocumentDirection(), gap = GAP, icons, containerAriaLabel = "Notifications" } = props;
+  const [toasts, setToasts] = React16__namespace.default.useState([]);
+  const filteredToasts = React16__namespace.default.useMemo(() => {
+    if (id) {
+      return toasts.filter((toast2) => toast2.toasterId === id);
+    }
+    return toasts.filter((toast2) => !toast2.toasterId);
+  }, [
+    toasts,
+    id
+  ]);
+  const possiblePositions = React16__namespace.default.useMemo(() => {
+    return Array.from(new Set([
+      position
+    ].concat(filteredToasts.filter((toast2) => toast2.position).map((toast2) => toast2.position))));
+  }, [
+    filteredToasts,
+    position
+  ]);
+  const [heights, setHeights] = React16__namespace.default.useState([]);
+  const [expanded, setExpanded] = React16__namespace.default.useState(false);
+  const [interacting, setInteracting] = React16__namespace.default.useState(false);
+  const [actualTheme, setActualTheme] = React16__namespace.default.useState(theme !== "system" ? theme : typeof window !== "undefined" ? window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : "light");
+  const listRef = React16__namespace.default.useRef(null);
+  const hotkeyLabel = hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, "");
+  const lastFocusedElementRef = React16__namespace.default.useRef(null);
+  const isFocusWithinRef = React16__namespace.default.useRef(false);
+  const removeToast = React16__namespace.default.useCallback((toastToRemove) => {
+    setToasts((toasts2) => {
+      var _toasts_find;
+      if (!((_toasts_find = toasts2.find((toast2) => toast2.id === toastToRemove.id)) == null ? void 0 : _toasts_find.delete)) {
+        ToastState.dismiss(toastToRemove.id);
+      }
+      return toasts2.filter(({ id: id2 }) => id2 !== toastToRemove.id);
+    });
+  }, []);
+  React16__namespace.default.useEffect(() => {
+    return ToastState.subscribe((toast2) => {
+      if (toast2.dismiss) {
+        requestAnimationFrame(() => {
+          setToasts((toasts2) => toasts2.map((t) => t.id === toast2.id ? {
+            ...t,
+            delete: true
+          } : t));
+        });
+        return;
+      }
+      setTimeout(() => {
+        ReactDOM__default.default.flushSync(() => {
+          setToasts((toasts2) => {
+            const indexOfExistingToast = toasts2.findIndex((t) => t.id === toast2.id);
+            if (indexOfExistingToast !== -1) {
+              return [
+                ...toasts2.slice(0, indexOfExistingToast),
+                {
+                  ...toasts2[indexOfExistingToast],
+                  ...toast2
+                },
+                ...toasts2.slice(indexOfExistingToast + 1)
+              ];
+            }
+            return [
+              toast2,
+              ...toasts2
+            ];
+          });
+        });
+      });
+    });
+  }, [
+    toasts
+  ]);
+  React16__namespace.default.useEffect(() => {
+    if (theme !== "system") {
+      setActualTheme(theme);
+      return;
+    }
+    if (theme === "system") {
+      if (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) {
+        setActualTheme("dark");
+      } else {
+        setActualTheme("light");
+      }
+    }
+    if (typeof window === "undefined") return;
+    const darkMediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    try {
+      darkMediaQuery.addEventListener("change", ({ matches }) => {
+        if (matches) {
+          setActualTheme("dark");
+        } else {
+          setActualTheme("light");
+        }
+      });
+    } catch (error) {
+      darkMediaQuery.addListener(({ matches }) => {
+        try {
+          if (matches) {
+            setActualTheme("dark");
+          } else {
+            setActualTheme("light");
+          }
+        } catch (e) {
+          console.error(e);
+        }
+      });
+    }
+  }, [
+    theme
+  ]);
+  React16__namespace.default.useEffect(() => {
+    if (toasts.length <= 1) {
+      setExpanded(false);
+    }
+  }, [
+    toasts
+  ]);
+  React16__namespace.default.useEffect(() => {
+    const handleKeyDown = (event) => {
+      var _listRef_current;
+      const isHotkeyPressed = hotkey.every((key) => event[key] || event.code === key);
+      if (isHotkeyPressed) {
+        var _listRef_current1;
+        setExpanded(true);
+        (_listRef_current1 = listRef.current) == null ? void 0 : _listRef_current1.focus();
+      }
+      if (event.code === "Escape" && (document.activeElement === listRef.current || ((_listRef_current = listRef.current) == null ? void 0 : _listRef_current.contains(document.activeElement)))) {
+        setExpanded(false);
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [
+    hotkey
+  ]);
+  React16__namespace.default.useEffect(() => {
+    if (listRef.current) {
+      return () => {
+        if (lastFocusedElementRef.current) {
+          lastFocusedElementRef.current.focus({
+            preventScroll: true
+          });
+          lastFocusedElementRef.current = null;
+          isFocusWithinRef.current = false;
+        }
+      };
+    }
+  }, [
+    listRef.current
+  ]);
+  return (
+    // Remove item from normal navigation flow, only available via hotkey
+    /* @__PURE__ */ React16__namespace.default.createElement("section", {
+      ref,
+      "aria-label": `${containerAriaLabel} ${hotkeyLabel}`,
+      tabIndex: -1,
+      "aria-live": "polite",
+      "aria-relevant": "additions text",
+      "aria-atomic": "false",
+      suppressHydrationWarning: true
+    }, possiblePositions.map((position2, index) => {
+      var _heights_;
+      const [y, x] = position2.split("-");
+      if (!filteredToasts.length) return null;
+      return /* @__PURE__ */ React16__namespace.default.createElement("ol", {
+        key: position2,
+        dir: dir === "auto" ? getDocumentDirection() : dir,
+        tabIndex: -1,
+        ref: listRef,
+        className,
+        "data-sonner-toaster": true,
+        "data-sonner-theme": actualTheme,
+        "data-y-position": y,
+        "data-x-position": x,
+        style: {
+          "--front-toast-height": `${((_heights_ = heights[0]) == null ? void 0 : _heights_.height) || 0}px`,
+          "--width": `${TOAST_WIDTH}px`,
+          "--gap": `${gap}px`,
+          ...style,
+          ...assignOffset(offset, mobileOffset)
+        },
+        onBlur: (event) => {
+          if (isFocusWithinRef.current && !event.currentTarget.contains(event.relatedTarget)) {
+            isFocusWithinRef.current = false;
+            if (lastFocusedElementRef.current) {
+              lastFocusedElementRef.current.focus({
+                preventScroll: true
+              });
+              lastFocusedElementRef.current = null;
+            }
+          }
+        },
+        onFocus: (event) => {
+          const isNotDismissible = event.target instanceof HTMLElement && event.target.dataset.dismissible === "false";
+          if (isNotDismissible) return;
+          if (!isFocusWithinRef.current) {
+            isFocusWithinRef.current = true;
+            lastFocusedElementRef.current = event.relatedTarget;
+          }
+        },
+        onMouseEnter: () => setExpanded(true),
+        onMouseMove: () => setExpanded(true),
+        onMouseLeave: () => {
+          if (!interacting) {
+            setExpanded(false);
+          }
+        },
+        onDragEnd: () => setExpanded(false),
+        onPointerDown: (event) => {
+          const isNotDismissible = event.target instanceof HTMLElement && event.target.dataset.dismissible === "false";
+          if (isNotDismissible) return;
+          setInteracting(true);
+        },
+        onPointerUp: () => setInteracting(false)
+      }, filteredToasts.filter((toast2) => !toast2.position && index === 0 || toast2.position === position2).map((toast2, index2) => {
+        var _toastOptions_duration, _toastOptions_closeButton;
+        return /* @__PURE__ */ React16__namespace.default.createElement(Toast, {
+          key: toast2.id,
+          icons,
+          index: index2,
+          toast: toast2,
+          defaultRichColors: richColors,
+          duration: (_toastOptions_duration = toastOptions == null ? void 0 : toastOptions.duration) != null ? _toastOptions_duration : duration,
+          className: toastOptions == null ? void 0 : toastOptions.className,
+          descriptionClassName: toastOptions == null ? void 0 : toastOptions.descriptionClassName,
+          invert,
+          visibleToasts,
+          closeButton: (_toastOptions_closeButton = toastOptions == null ? void 0 : toastOptions.closeButton) != null ? _toastOptions_closeButton : closeButton,
+          interacting,
+          position: position2,
+          style: toastOptions == null ? void 0 : toastOptions.style,
+          unstyled: toastOptions == null ? void 0 : toastOptions.unstyled,
+          classNames: toastOptions == null ? void 0 : toastOptions.classNames,
+          cancelButtonStyle: toastOptions == null ? void 0 : toastOptions.cancelButtonStyle,
+          actionButtonStyle: toastOptions == null ? void 0 : toastOptions.actionButtonStyle,
+          closeButtonAriaLabel: toastOptions == null ? void 0 : toastOptions.closeButtonAriaLabel,
+          removeToast,
+          toasts: filteredToasts.filter((t) => t.position == toast2.position),
+          heights: heights.filter((h) => h.position == toast2.position),
+          setHeights,
+          expandByDefault: expand,
+          gap,
+          expanded,
+          swipeDirections: props.swipeDirections
+        });
+      }));
+    }))
+  );
+});
+var TTSButton = React16.memo(function TTSButton2({
   text: text3,
   onActiveChange,
   className
 }) {
-  const [state, setState] = React24.useState("idle");
-  const [progress, setProgress] = React24.useState(0);
-  const audioRef = React24.useRef(null);
-  const progressIntervalRef = React24.useRef(null);
-  React24.useEffect(() => {
+  const [state, setState] = React16.useState("idle");
+  const [progress, setProgress] = React16.useState(0);
+  const audioRef = React16.useRef(null);
+  const progressIntervalRef = React16.useRef(null);
+  React16.useEffect(() => {
     const active = state !== "idle" && state !== "error";
     onActiveChange?.(active);
   }, [state, onActiveChange]);
-  const cleanup = React24.useCallback(() => {
+  const cleanup = React16.useCallback(() => {
     if (progressIntervalRef.current) {
       clearInterval(progressIntervalRef.current);
       progressIntervalRef.current = null;
@@ -16102,8 +16897,8 @@ var TTSButton = React24.memo(function TTSButton2({
     }
     setProgress(0);
   }, []);
-  React24.useEffect(() => cleanup, [cleanup]);
-  const startProgressTracking = React24.useCallback((audio) => {
+  React16.useEffect(() => cleanup, [cleanup]);
+  const startProgressTracking = React16.useCallback((audio) => {
     if (progressIntervalRef.current) {
       clearInterval(progressIntervalRef.current);
     }
@@ -16113,7 +16908,7 @@ var TTSButton = React24.memo(function TTSButton2({
       }
     }, 100);
   }, []);
-  const handleClick = React24.useCallback(async () => {
+  const handleClick = React16.useCallback(async () => {
     if (state === "playing") {
       audioRef.current?.pause();
       if (progressIntervalRef.current) {
@@ -16161,7 +16956,7 @@ var TTSButton = React24.memo(function TTSButton2({
       setTimeout(() => setState("idle"), 2e3);
     }
   }, [state, text3, cleanup, startProgressTracking]);
-  const handleStop = React24.useCallback((e) => {
+  const handleStop = React16.useCallback((e) => {
     e.stopPropagation();
     if (state === "playing" || state === "paused") {
       cleanup();
@@ -16225,13 +17020,13 @@ var TTSButton = React24.memo(function TTSButton2({
     }
   ) });
 });
-var ThoughtBlockItem = React24.memo(function ThoughtBlockItem2({
+var ThoughtBlockItem = React16.memo(function ThoughtBlockItem2({
   content,
   config,
   skipImages = false
 }) {
-  const [expanded, setExpanded] = React24.useState(false);
-  const lineCount = React24.useMemo(() => content.split("\n").length, [content]);
+  const [expanded, setExpanded] = React16.useState(false);
+  const lineCount = React16.useMemo(() => content.split("\n").length, [content]);
   const shouldToggle = lineCount > 2 || content.length > 120;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -16255,7 +17050,7 @@ var ThoughtBlockItem = React24.memo(function ThoughtBlockItem2({
     )
   ] });
 });
-var MessageBubble = React24.memo(function MessageBubble2({
+var MessageBubble = React16.memo(function MessageBubble2({
   message,
   isStreaming = false,
   streamingContent,
@@ -16283,12 +17078,12 @@ var MessageBubble = React24.memo(function MessageBubble2({
   const MessageImageComp = useComponent("MessageImage") || MessageImageInternal;
   const MessageVideoComp = useComponent("MessageVideo") || MessageVideoInternal;
   const ImagePreviewComp = useComponent("ImagePreview") || ImagePreviewInternal;
-  const [copied, setCopied] = React24.useState(false);
-  const [showThoughts, setShowThoughts] = React24.useState(false);
-  const [showDeleteConfirm, setShowDeleteConfirm] = React24.useState(false);
-  const [isDeleting, setIsDeleting] = React24.useState(false);
-  const [previewMedia, setPreviewMedia] = React24.useState(null);
-  const [ttsActive, setTtsActive] = React24.useState(false);
+  const [copied, setCopied] = React16.useState(false);
+  const [showThoughts, setShowThoughts] = React16.useState(false);
+  const [showDeleteConfirm, setShowDeleteConfirm] = React16.useState(false);
+  const [isDeleting, setIsDeleting] = React16.useState(false);
+  const [previewMedia, setPreviewMedia] = React16.useState(null);
+  const [ttsActive, setTtsActive] = React16.useState(false);
   const pendingComponents = useAgentStore((state) => state.chatUI.pendingComponents);
   const pendingComponentsSessionId = useAgentStore((state) => state.chatUI.pendingComponentsSessionId);
   const isUser = message.role === "user";
@@ -16301,7 +17096,7 @@ var MessageBubble = React24.memo(function MessageBubble2({
     thoughts,
     pendingToolCalls
   });
-  const hasToolCallImages = React24.useMemo(() => {
+  const hasToolCallImages = React16.useMemo(() => {
     return toolCalls.some((tc) => {
       if (tc.result?.works?.some((w) => w.fileUrl || w.fileId)) return true;
       if (tc.result?.outputs?.images) return true;
@@ -16315,13 +17110,13 @@ var MessageBubble = React24.memo(function MessageBubble2({
     isUser,
     hasToolCallImages
   });
-  const handleCopy = React24.useCallback(async () => {
+  const handleCopy = React16.useCallback(async () => {
     if (!displayContent) return;
     await navigator.clipboard.writeText(displayContent);
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   }, [displayContent]);
-  const handleDelete2 = React24.useCallback(async () => {
+  const handleDelete2 = React16.useCallback(async () => {
     if (!onDelete || !message.messageId) return;
     setIsDeleting(true);
     try {
@@ -16333,7 +17128,7 @@ var MessageBubble = React24.memo(function MessageBubble2({
       setIsDeleting(false);
     }
   }, [onDelete, message.messageId]);
-  const attachments = React24.useMemo(() => {
+  const attachments = React16.useMemo(() => {
     const rawAttachments = message.attachments || message.extraData?.attachments || [];
     const assetStrategy = config?.asset;
     const processedAttachments = rawAttachments.map((att) => {
@@ -16368,8 +17163,8 @@ var MessageBubble = React24.memo(function MessageBubble2({
     thoughts,
     isStreaming
   });
-  const [stickyComponents, setStickyComponents] = React24.useState([]);
-  const mergedComponents = React24.useMemo(() => {
+  const [stickyComponents, setStickyComponents] = React16.useState([]);
+  const mergedComponents = React16.useMemo(() => {
     const map3 = /* @__PURE__ */ new Map();
     effectiveComponents.forEach((c) => {
       if (c?.id) map3.set(String(c.id), c);
@@ -16393,7 +17188,7 @@ var MessageBubble = React24.memo(function MessageBubble2({
   const hasAttachmentOnly = isUser && attachments.length > 0 && !hasValidContent;
   const showThoughtsInTimeline = (config?.chatLayout?.showThoughtsInTimeline ?? true) && !hasPlan;
   const includeMessageInTimeline = !isUser && showThoughtsInTimeline && !isStreaming && !!sanitizedDisplayContent;
-  const messageArtifactParsed = React24.useMemo(() => {
+  const messageArtifactParsed = React16.useMemo(() => {
     if (!message.content || isUser || isStreaming) return null;
     const rawContent = typeof message.content === "string" ? message.content : "";
     if (!rawContent.trim()) return null;
@@ -16847,13 +17642,13 @@ var MessageBubble = React24.memo(function MessageBubble2({
   ] });
 });
 var MessageBubble_default = MessageBubble;
-var EmptyState = React24.memo(function EmptyState2() {
+var EmptyState = React16.memo(function EmptyState2() {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex items-center justify-center h-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 rounded-xl bg-zinc-800/50 flex items-center justify-center mx-auto mb-3", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { size: 24, className: "text-zinc-600" }) }),
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-zinc-600 text-sm", children: "\u5F00\u59CB\u5BF9\u8BDD\u5427" })
   ] }) });
 });
-var LoadingState = React24.memo(function LoadingState2() {
+var LoadingState = React16.memo(function LoadingState2() {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex items-center justify-center h-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-[#d8ff00]" }) }) });
 });
 function ChatWindow({
@@ -16889,42 +17684,42 @@ function ChatWindow({
       currentThoughtsSessionId: state.chatUI.currentThoughtsSessionId
     }))
   );
-  const sessionPendingToolCalls = React24.useMemo(
+  const sessionPendingToolCalls = React16.useMemo(
     () => pendingToolCallsSessionId === sessionId ? pendingToolCalls : [],
     [pendingToolCalls, pendingToolCallsSessionId, sessionId]
   );
-  const sessionCurrentThoughts = React24.useMemo(
+  const sessionCurrentThoughts = React16.useMemo(
     () => currentThoughtsSessionId === sessionId ? currentThoughts : [],
     [currentThoughts, currentThoughtsSessionId, sessionId]
   );
   const isCurrentSessionStreaming = streamingSessionId === sessionId;
-  const containerRef = React24.useRef(null);
-  const messagesEndRef = React24.useRef(null);
-  const [showScrollButton, setShowScrollButton] = React24.useState(false);
-  const sessionMessages = React24.useMemo(
+  const containerRef = React16.useRef(null);
+  const messagesEndRef = React16.useRef(null);
+  const [showScrollButton, setShowScrollButton] = React16.useState(false);
+  const sessionMessages = React16.useMemo(
     () => messages.filter((m) => m.sessionId === sessionId),
     [messages, sessionId]
   );
-  const streamingMessage = React24.useMemo(
+  const streamingMessage = React16.useMemo(
     () => sessionMessages.find((m) => m.status === "streaming"),
     [sessionMessages]
   );
-  const shouldAutoScrollRef = React24.useRef(true);
-  const isNearBottom = React24.useCallback((threshold = 150) => {
+  const shouldAutoScrollRef = React16.useRef(true);
+  const isNearBottom = React16.useCallback((threshold = 150) => {
     const container = containerRef.current;
     if (!container) return true;
     const { scrollTop, scrollHeight, clientHeight } = container;
     return scrollHeight - scrollTop - clientHeight < threshold;
   }, []);
-  const scrollToBottom = React24.useCallback((behavior = "smooth") => {
+  const scrollToBottom = React16.useCallback((behavior = "smooth") => {
     messagesEndRef.current?.scrollIntoView({ behavior, block: "end" });
   }, []);
-  const autoScrollIfNeeded = React24.useCallback(() => {
+  const autoScrollIfNeeded = React16.useCallback(() => {
     if (shouldAutoScrollRef.current) {
       scrollToBottom("smooth");
     }
   }, [scrollToBottom]);
-  const getScrollMetrics = React24.useCallback(() => {
+  const getScrollMetrics = React16.useCallback(() => {
     const container = containerRef.current;
     if (container && container.scrollHeight - container.clientHeight > 1) {
       return {
@@ -16940,7 +17735,7 @@ function ChatWindow({
       clientHeight: doc.clientHeight
     };
   }, []);
-  const updateScrollState = React24.useCallback(() => {
+  const updateScrollState = React16.useCallback(() => {
     const { scrollTop, scrollHeight, clientHeight } = getScrollMetrics();
     const distanceFromBottom = scrollHeight - scrollTop - clientHeight;
     setShowScrollButton(distanceFromBottom > 200);
@@ -16948,8 +17743,8 @@ function ChatWindow({
       shouldAutoScrollRef.current = true;
     }
   }, [getScrollMetrics]);
-  const lastScrollTopRef = React24.useRef(0);
-  React24.useEffect(() => {
+  const lastScrollTopRef = React16.useRef(0);
+  React16.useEffect(() => {
     const handleScroll = () => {
       const container2 = containerRef.current;
       if (!container2) return;
@@ -17004,14 +17799,14 @@ function ChatWindow({
       window.removeEventListener("wheel", handleWheel);
     };
   }, [isNearBottom, updateScrollState]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     if (!loading && sessionMessages.length > 0) {
       shouldAutoScrollRef.current = true;
       scrollToBottom("instant");
     }
   }, [loading, sessionId, scrollToBottom]);
-  const prevMessageCountRef = React24.useRef(sessionMessages.length);
-  React24.useEffect(() => {
+  const prevMessageCountRef = React16.useRef(sessionMessages.length);
+  React16.useEffect(() => {
     const prevCount = prevMessageCountRef.current;
     const currentCount = sessionMessages.length;
     prevMessageCountRef.current = currentCount;
@@ -17026,17 +17821,17 @@ function ChatWindow({
     }
     updateScrollState();
   }, [sessionMessages.length, sessionMessages, scrollToBottom, autoScrollIfNeeded, updateScrollState]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     if (streamingContent) {
       autoScrollIfNeeded();
     }
   }, [streamingContent, autoScrollIfNeeded]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     if (isThinking && isCurrentSessionStreaming && sessionCurrentThoughts.length > 0) {
       autoScrollIfNeeded();
     }
   }, [isThinking, isCurrentSessionStreaming, sessionCurrentThoughts.length, autoScrollIfNeeded]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     if (!isCurrentSessionStreaming) return;
     if (sessionPendingToolCalls.length > 0) {
       setTimeout(() => autoScrollIfNeeded(), 50);
@@ -17119,10 +17914,10 @@ function ChatWindow({
     chatError && /* @__PURE__ */ jsxRuntime.jsx(ChatErrorBanner, { error: chatError })
   ] });
 }
-var ChatErrorBanner = React24.memo(function ChatErrorBanner2({ error }) {
-  const [visible, setVisible] = React24.useState(true);
+var ChatErrorBanner = React16.memo(function ChatErrorBanner2({ error }) {
+  const [visible, setVisible] = React16.useState(true);
   const { setChatError } = useAgentStore();
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     const timer = setTimeout(() => {
       setVisible(false);
       setChatError(void 0);
@@ -17145,10 +17940,10 @@ var ChatErrorBanner = React24.memo(function ChatErrorBanner2({ error }) {
     )
   ] }) });
 });
-var ChatWindow_default = React24.memo(ChatWindow);
-var MessageImage = React24.memo(function MessageImage2({ src, alt }) {
-  const [loaded, setLoaded] = React24.useState(false);
-  const [error, setError] = React24.useState(false);
+var ChatWindow_default = React16.memo(ChatWindow);
+var MessageImage = React16.memo(function MessageImage2({ src, alt }) {
+  const [loaded, setLoaded] = React16.useState(false);
+  const [error, setError] = React16.useState(false);
   if (error) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 p-3 bg-zinc-800/50 rounded-lg text-zinc-500 text-sm", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ImageIcon, { size: 16 }),
@@ -17170,7 +17965,7 @@ var MessageImage = React24.memo(function MessageImage2({ src, alt }) {
     )
   ] });
 });
-var MessageVideo = React24.memo(function MessageVideo2({ src }) {
+var MessageVideo = React16.memo(function MessageVideo2({ src }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-2 relative rounded-lg overflow-hidden bg-zinc-900 border border-zinc-800", children: /* @__PURE__ */ jsxRuntime.jsx(
     "video",
     {
@@ -17182,12 +17977,12 @@ var MessageVideo = React24.memo(function MessageVideo2({ src }) {
     }
   ) });
 });
-var ImagePreview = React24.memo(function ImagePreview2({
+var ImagePreview = React16.memo(function ImagePreview2({
   src,
   alt,
   onClose
 }) {
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
         onClose();
@@ -17196,7 +17991,7 @@ var ImagePreview = React24.memo(function ImagePreview2({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [onClose]);
-  const handleDownload = React24.useCallback((e) => {
+  const handleDownload = React16.useCallback((e) => {
     e.stopPropagation();
     const link2 = document.createElement("a");
     link2.href = src;
@@ -17361,7 +18156,7 @@ function CompactThinking({ thoughts }) {
   ] });
 }
 function ToolCallCard3({ toolCall }) {
-  const [showDetails, setShowDetails] = React24.useState(false);
+  const [showDetails, setShowDetails] = React16.useState(false);
   const isPending = !toolCall.result && toolCall.status !== "completed";
   toolCall.status === "completed" || toolCall.result;
   const toolName = toolCall.displayName || toolCall.name?.replace("comfy_", "Workflow ") || "Tool";
@@ -17436,7 +18231,7 @@ function FullThinking({ thoughts }) {
   ] });
 }
 function ThinkingProcess({ thoughts, collapsed = false, compact = false }) {
-  const [expanded, setExpanded] = React24.useState(!collapsed);
+  const [expanded, setExpanded] = React16.useState(!collapsed);
   if (thoughts.length === 0) return null;
   if (compact) {
     return /* @__PURE__ */ jsxRuntime.jsx(CompactThinking, { thoughts });
@@ -17469,14 +18264,14 @@ function ThinkingProcess({ thoughts, collapsed = false, compact = false }) {
 }
 function ToolConfirmDialog({ toolCall }) {
   const { removePendingToolCall } = useAgentStore();
-  const [isEditing, setIsEditing] = React24.useState(false);
-  const [editedArguments, setEditedArguments] = React24.useState(
+  const [isEditing, setIsEditing] = React16.useState(false);
+  const [editedArguments, setEditedArguments] = React16.useState(
     JSON.stringify(toolCall.arguments, null, 2)
   );
-  const [rejectReason, setRejectReason] = React24.useState("");
-  const [loading, setLoading] = React24.useState(false);
-  const [showRejectInput, setShowRejectInput] = React24.useState(false);
-  const [error, setError] = React24.useState("");
+  const [rejectReason, setRejectReason] = React16.useState("");
+  const [loading, setLoading] = React16.useState(false);
+  const [showRejectInput, setShowRejectInput] = React16.useState(false);
+  const [error, setError] = React16.useState("");
   const handleConfirm = async () => {
     setLoading(true);
     setError("");
@@ -17637,7 +18432,7 @@ function ToolConfirmDialog({ toolCall }) {
 }
 var Dialog = DialogPrimitive__namespace.Root;
 var DialogPortal = DialogPrimitive__namespace.Portal;
-var DialogOverlay = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogOverlay = React16__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     ref,
@@ -17649,7 +18444,7 @@ var DialogOverlay = React24__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-var DialogContent = React24__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
+var DialogContent = React16__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsxs(
     DialogPrimitive__namespace.Content,
@@ -17699,7 +18494,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogTitle = React16__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -17711,7 +18506,7 @@ var DialogTitle = React24__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var DialogDescription = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogDescription = React16__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -17721,24 +18516,9 @@ var DialogDescription = React24__namespace.forwardRef(({ className, ...props },
 ));
 DialogDescription.displayName = DialogPrimitive__namespace.Description.displayName;
 
-// ../../node_modules/clsx/dist/clsx.mjs
-function r2(e) {
-  var t, f, n = "";
-  if ("string" == typeof e || "number" == typeof e) n += e;
-  else if ("object" == typeof e) if (Array.isArray(e)) {
-    var o = e.length;
-    for (t = 0; t < o; t++) e[t] && (f = r2(e[t])) && (n && (n += " "), n += f);
-  } else for (f in e) e[f] && (n && (n += " "), n += f);
-  return n;
-}
-function clsx2() {
-  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r2(e)) && (n && (n += " "), n += t);
-  return n;
-}
-
 // ../../node_modules/class-variance-authority/dist/index.mjs
 var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
-var cx = clsx2;
+var cx = clsx;
 var cva = (base, config) => (props) => {
   var _config_compoundVariants;
   if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
@@ -17802,7 +18582,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React24__namespace.forwardRef(
+var Button = React16__namespace.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -17819,7 +18599,7 @@ Button.displayName = "Button";
 var Badge = ({ children, className }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("inline-flex items-center rounded-md bg-muted px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", className), children });
 };
-var Card = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Card = React16__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -17831,7 +18611,7 @@ var Card = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardHeader = React16__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -17840,7 +18620,7 @@ var CardHeader = React24__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardTitle = React16__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "h3",
   {
     ref,
@@ -17852,7 +18632,7 @@ var CardTitle = React24__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardDescription = React16__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "p",
   {
     ref,
@@ -17861,9 +18641,9 @@ var CardDescription = React24__namespace.forwardRef(({ className, ...props }, re
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = React16__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardFooter = React16__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -17885,7 +18665,7 @@ var Separator = ({ className, orientation = "horizontal", decorative = true }) =
     }
   );
 };
-var ScrollArea = React24__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var ScrollArea = React16__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   ScrollAreaPrimitive__namespace.Root,
   {
     ref,
@@ -17899,7 +18679,7 @@ var ScrollArea = React24__namespace.forwardRef(({ className, children, ...props
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive__namespace.Root.displayName;
-var ScrollBar = React24__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ScrollBar = React16__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
   {
     ref,
@@ -18193,7 +18973,7 @@ var PlanProgressPanel = ({
   ] });
 };
 var PlanProgressPanel_default = PlanProgressPanel;
-var Textarea = React24__namespace.forwardRef(
+var Textarea = React16__namespace.forwardRef(
   ({ className, theme, ...props }, ref) => {
     const themeClass = theme === "dark" ? "bg-gray-800 text-white" : "bg-white text-black";
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -18217,8 +18997,8 @@ var HumanInputDialog = ({
   onSubmit,
   onCancel
 }) => {
-  const [input, setInput] = React24.useState("");
-  const [error, setError] = React24.useState(null);
+  const [input, setInput] = React16.useState("");
+  const [error, setError] = React16.useState(null);
   const handleSubmit = () => {
     if (!input.trim()) {
       setError("\u8BF7\u8F93\u5165\u5185\u5BB9");
@@ -18319,22 +19099,22 @@ var HumanInputDialog = ({
 };
 var HumanInputDialog_default = HumanInputDialog;
 function ShareModal({ sessionId, sessionTitle, isOpen, onClose }) {
-  const [loading, setLoading] = React24.useState(true);
-  const [creating, setCreating] = React24.useState(false);
-  const [shares, setShares] = React24.useState([]);
-  const [copied, setCopied] = React24.useState(null);
-  const [showCreateForm, setShowCreateForm] = React24.useState(false);
-  const [title, setTitle] = React24.useState("");
-  const [hasPassword, setHasPassword] = React24.useState(false);
-  const [password, setPassword] = React24.useState("");
-  const [expireDays, setExpireDays] = React24.useState(30);
-  const [editingShare, setEditingShare] = React24.useState(null);
-  const [editTitle, setEditTitle] = React24.useState("");
-  const [editHasPassword, setEditHasPassword] = React24.useState(false);
-  const [editPassword, setEditPassword] = React24.useState("");
-  const [editEnabled, setEditEnabled] = React24.useState(true);
-  const [updating, setUpdating] = React24.useState(false);
-  React24.useEffect(() => {
+  const [loading, setLoading] = React16.useState(true);
+  const [creating, setCreating] = React16.useState(false);
+  const [shares, setShares] = React16.useState([]);
+  const [copied, setCopied] = React16.useState(null);
+  const [showCreateForm, setShowCreateForm] = React16.useState(false);
+  const [title, setTitle] = React16.useState("");
+  const [hasPassword, setHasPassword] = React16.useState(false);
+  const [password, setPassword] = React16.useState("");
+  const [expireDays, setExpireDays] = React16.useState(30);
+  const [editingShare, setEditingShare] = React16.useState(null);
+  const [editTitle, setEditTitle] = React16.useState("");
+  const [editHasPassword, setEditHasPassword] = React16.useState(false);
+  const [editPassword, setEditPassword] = React16.useState("");
+  const [editEnabled, setEditEnabled] = React16.useState(true);
+  const [updating, setUpdating] = React16.useState(false);
+  React16.useEffect(() => {
     if (!isOpen || !sessionId) return;
     async function loadShares() {
       try {
@@ -18738,17 +19518,17 @@ var SaveTemplateDialog = ({
   onCancel,
   isSaving = false
 }) => {
-  const [name, setName] = React24.useState("");
-  const [description, setDescription] = React24.useState("");
-  const [content, setContent] = React24.useState(originalContent);
-  const [category, setCategory] = React24.useState("\u5176\u4ED6");
-  const [visibility, setVisibility] = React24.useState("PRIVATE");
-  const [variables, setVariables] = React24.useState([]);
-  const [error, setError] = React24.useState(null);
-  React24.useEffect(() => {
+  const [name, setName] = React16.useState("");
+  const [description, setDescription] = React16.useState("");
+  const [content, setContent] = React16.useState(originalContent);
+  const [category, setCategory] = React16.useState("\u5176\u4ED6");
+  const [visibility, setVisibility] = React16.useState("PRIVATE");
+  const [variables, setVariables] = React16.useState([]);
+  const [error, setError] = React16.useState(null);
+  React16.useEffect(() => {
     setContent(originalContent);
   }, [originalContent]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     const detectedVars = extractVariables(content);
     setVariables(detectedVars);
   }, [content]);
@@ -18941,8 +19721,8 @@ var UpdateTemplateDialog = ({
   onCancel,
   isUpdating = false
 }) => {
-  const [changeDescription, setChangeDescription] = React24.useState("");
-  const [error, setError] = React24.useState(null);
+  const [changeDescription, setChangeDescription] = React16.useState("");
+  const [error, setError] = React16.useState(null);
   const handleUpdate = () => {
     if (!changeDescription.trim()) {
       setError("\u8BF7\u8F93\u5165\u53D8\u66F4\u8BF4\u660E");
@@ -19081,7 +19861,7 @@ var TemplateSourceBadge = ({
   onUpdateTemplate,
   onSaveAsNewTemplate
 }) => {
-  const [isExpanded, setIsExpanded] = React24.useState(false);
+  const [isExpanded, setIsExpanded] = React16.useState(false);
   if (!template) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -19138,12 +19918,12 @@ var TemplateSourceBadge = ({
 };
 var TemplateSourceBadge_default = TemplateSourceBadge;
 var TemplateSelector = ({ isOpen, onClose, onSelectTemplate }) => {
-  const [activeTab, setActiveTab] = React24.useState("recent");
-  const [searchKeyword, setSearchKeyword] = React24.useState("");
-  const [selectedCategory, setSelectedCategory] = React24.useState("");
-  const [loading, setLoading] = React24.useState(false);
-  const [templates, setTemplates] = React24.useState([]);
-  const [categories, setCategories] = React24.useState([]);
+  const [activeTab, setActiveTab] = React16.useState("recent");
+  const [searchKeyword, setSearchKeyword] = React16.useState("");
+  const [selectedCategory, setSelectedCategory] = React16.useState("");
+  const [loading, setLoading] = React16.useState(false);
+  const [templates, setTemplates] = React16.useState([]);
+  const [categories, setCategories] = React16.useState([]);
   const loadTemplates = async () => {
     try {
       setLoading(true);
@@ -19198,14 +19978,14 @@ var TemplateSelector = ({ isOpen, onClose, onSelectTemplate }) => {
       setLoading(false);
     }
   };
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     if (isOpen) {
       setSearchKeyword("");
       setSelectedCategory("");
       loadTemplates();
     }
   }, [isOpen, activeTab]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     const timer = setTimeout(() => {
       if (searchKeyword.trim()) {
         searchTemplates();
@@ -19354,11 +20134,11 @@ var TemplateVariableDialog = ({
   onSend,
   onClose
 }) => {
-  const [formValues, setFormValues] = React24.useState({});
-  const [formErrors, setFormErrors] = React24.useState({});
-  const [isSending, setIsSending] = React24.useState(false);
-  const [showPreview, setShowPreview] = React24.useState(true);
-  React24.useEffect(() => {
+  const [formValues, setFormValues] = React16.useState({});
+  const [formErrors, setFormErrors] = React16.useState({});
+  const [isSending, setIsSending] = React16.useState(false);
+  const [showPreview, setShowPreview] = React16.useState(true);
+  React16.useEffect(() => {
     if (template && template.variables) {
       const initialValues = {};
       template.variables.forEach((variable) => {
@@ -19901,12 +20681,12 @@ var useVoiceRecognition = (config = {}) => {
     engine = "webspeech",
     customProvider: customProvider2
   } = config;
-  const [status, setStatus] = React24.useState("idle");
-  const [result, setResult] = React24.useState(null);
-  const [error, setError] = React24.useState(null);
-  const [isSupported, setIsSupported] = React24.useState(true);
-  const providerRef = React24.useRef(null);
-  React24.useEffect(() => {
+  const [status, setStatus] = React16.useState("idle");
+  const [result, setResult] = React16.useState(null);
+  const [error, setError] = React16.useState(null);
+  const [isSupported, setIsSupported] = React16.useState(true);
+  const providerRef = React16.useRef(null);
+  React16.useEffect(() => {
     if (engine === "webspeech") {
       providerRef.current = createWebSpeechProvider(config);
     } else if (engine === "custom" && customProvider2) {
@@ -19930,7 +20710,7 @@ var useVoiceRecognition = (config = {}) => {
       providerRef.current = null;
     };
   }, [engine, customProvider2, config.language, config.maxDuration, config.autoStopSilence]);
-  const startRecording = React24.useCallback(async () => {
+  const startRecording = React16.useCallback(async () => {
     setError(null);
     setResult(null);
     setStatus("requesting");
@@ -19945,7 +20725,7 @@ var useVoiceRecognition = (config = {}) => {
       setStatus("error");
     }
   }, []);
-  const stopRecording = React24.useCallback(() => {
+  const stopRecording = React16.useCallback(() => {
     providerRef.current?.stop();
   }, []);
   return {
@@ -19963,14 +20743,14 @@ var VoiceWaveform = ({
   className = "",
   color: color2 = "#d8ff00"
 }) => {
-  const canvasRef = React24.useRef(null);
-  const animationRef = React24.useRef();
-  const audioContextRef = React24.useRef(null);
-  const analyserRef = React24.useRef(null);
-  const dataArrayRef = React24.useRef(null);
-  const sourceRef = React24.useRef(null);
-  const streamRef = React24.useRef(null);
-  const draw = React24.useCallback(() => {
+  const canvasRef = React16.useRef(null);
+  const animationRef = React16.useRef();
+  const audioContextRef = React16.useRef(null);
+  const analyserRef = React16.useRef(null);
+  const dataArrayRef = React16.useRef(null);
+  const sourceRef = React16.useRef(null);
+  const streamRef = React16.useRef(null);
+  const draw = React16.useCallback(() => {
     const canvas = canvasRef.current;
     const ctx = canvas?.getContext("2d");
     const analyser = analyserRef.current;
@@ -20018,7 +20798,7 @@ var VoiceWaveform = ({
     }
     animationRef.current = requestAnimationFrame(draw);
   }, [color2]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     if (!isRecording) {
       if (animationRef.current) {
         cancelAnimationFrame(animationRef.current);
@@ -20090,10 +20870,10 @@ var VoiceInput = ({
   className = ""
 }) => {
   const { enabled = true } = config;
-  const resultHandledRef = React24.useRef(false);
-  const lastResultRef = React24.useRef(null);
-  const [isExpanded, setIsExpanded] = React24.useState(false);
-  const [showResult, setShowResult] = React24.useState(false);
+  const resultHandledRef = React16.useRef(false);
+  const lastResultRef = React16.useRef(null);
+  const [isExpanded, setIsExpanded] = React16.useState(false);
+  const [showResult, setShowResult] = React16.useState(false);
   const {
     status,
     result,
@@ -20107,34 +20887,34 @@ var VoiceInput = ({
   const isRecognizing = status === "recognizing";
   const isCompleted = status === "completed";
   const hasError = status === "error";
-  const handleStart = React24.useCallback(async () => {
+  const handleStart = React16.useCallback(async () => {
     if (!isSupported || disabled) return;
     resultHandledRef.current = false;
     setIsExpanded(true);
     await startRecording();
   }, [isSupported, disabled, startRecording]);
-  const handleStop = React24.useCallback(() => {
+  const handleStop = React16.useCallback(() => {
     stopRecording();
   }, [stopRecording]);
-  const handleConfirm = React24.useCallback((text3) => {
+  const handleConfirm = React16.useCallback((text3) => {
     onResult(text3);
     setIsExpanded(false);
     setShowResult(false);
     lastResultRef.current = null;
   }, [onResult]);
-  const handleCancel = React24.useCallback(() => {
+  const handleCancel = React16.useCallback(() => {
     stopRecording();
     setIsExpanded(false);
     setShowResult(false);
     resultHandledRef.current = false;
     lastResultRef.current = null;
   }, [stopRecording]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     if (result?.text) {
       lastResultRef.current = result;
     }
   }, [result]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     if (isCompleted && !resultHandledRef.current) {
       resultHandledRef.current = true;
       const finalText = lastResultRef.current?.text || result?.text;
@@ -20151,14 +20931,14 @@ var VoiceInput = ({
       }
     }
   }, [isCompleted, result, config.autoConfirm, handleConfirm]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     if (isRecording) {
       resultHandledRef.current = false;
       lastResultRef.current = null;
       setShowResult(false);
     }
   }, [isRecording]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     if (error && onError) {
       onError(error);
       setTimeout(() => {
@@ -20261,9 +21041,9 @@ var VoiceButton = ({
   onStart,
   onStop
 }) => {
-  const buttonRef = React24.useRef(null);
+  const buttonRef = React16.useRef(null);
   const isTouchDevice = typeof window !== "undefined" && ("ontouchstart" in window || navigator.maxTouchPoints > 0);
-  const handleClick = React24.useCallback(() => {
+  const handleClick = React16.useCallback(() => {
     if (disabled) return;
     if (isRecording) {
       onStop();
@@ -20271,10 +21051,10 @@ var VoiceButton = ({
       onStart();
     }
   }, [disabled, isRecording, onStart, onStop]);
-  const pressTimerRef = React24.useRef(null);
-  const longPressRef = React24.useRef(false);
+  const pressTimerRef = React16.useRef(null);
+  const longPressRef = React16.useRef(false);
   const LONG_PRESS_DURATION = 300;
-  const handleTouchStart = React24.useCallback((e) => {
+  const handleTouchStart = React16.useCallback((e) => {
     e.preventDefault();
     if (disabled) return;
     longPressRef.current = false;
@@ -20283,7 +21063,7 @@ var VoiceButton = ({
       onStart();
     }, LONG_PRESS_DURATION);
   }, [disabled, onStart]);
-  const handleTouchEnd = React24.useCallback((e) => {
+  const handleTouchEnd = React16.useCallback((e) => {
     e.preventDefault();
     if (pressTimerRef.current) {
       clearTimeout(pressTimerRef.current);
@@ -20337,12 +21117,12 @@ var VoiceRecordingModal = ({
   const isRecognizing = status === "recognizing";
   const isCompleted = status === "completed";
   const hasError = status === "error";
-  const hasConfirmedRef = React24.useRef(false);
-  const onConfirmRef = React24.useRef(onConfirm);
-  React24.useEffect(() => {
+  const hasConfirmedRef = React16.useRef(false);
+  const onConfirmRef = React16.useRef(onConfirm);
+  React16.useEffect(() => {
     onConfirmRef.current = onConfirm;
   }, [onConfirm]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     if (isCompleted && result?.isFinal && result.text && !hasConfirmedRef.current) {
       hasConfirmedRef.current = true;
       const timer = setTimeout(() => {
@@ -20351,7 +21131,7 @@ var VoiceRecordingModal = ({
       return () => clearTimeout(timer);
     }
   }, [isCompleted, result]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     if (!visible) {
       hasConfirmedRef.current = false;
     }
@@ -20482,8 +21262,8 @@ var VoiceInputButton = ({
   style
 }) => {
   const { enabled = true } = config;
-  const [modalVisible, setModalVisible] = React24.useState(false);
-  const [hasPermission, setHasPermission] = React24.useState(null);
+  const [modalVisible, setModalVisible] = React16.useState(false);
+  const [hasPermission, setHasPermission] = React16.useState(null);
   const {
     status,
     result,
@@ -20492,7 +21272,7 @@ var VoiceInputButton = ({
     startRecording,
     stopRecording
   } = useVoiceRecognition(config);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     if (typeof navigator === "undefined") return;
     navigator.permissions?.query({ name: "microphone" }).then((permissionStatus) => {
       setHasPermission(permissionStatus.state === "granted");
@@ -20502,7 +21282,7 @@ var VoiceInputButton = ({
     }).catch(() => {
     });
   }, []);
-  const handleOpenModal = React24.useCallback(() => {
+  const handleOpenModal = React16.useCallback(() => {
     if (!isSupported) {
       onError?.({
         code: "NOT_SUPPORTED",
@@ -20513,17 +21293,17 @@ var VoiceInputButton = ({
     }
     setModalVisible(true);
   }, [isSupported, onError]);
-  const handleCloseModal = React24.useCallback(() => {
+  const handleCloseModal = React16.useCallback(() => {
     if (status === "recording") {
       stopRecording();
     }
     setModalVisible(false);
   }, [status, stopRecording]);
-  const handleConfirm = React24.useCallback((text3) => {
+  const handleConfirm = React16.useCallback((text3) => {
     onResult(text3);
     setModalVisible(false);
   }, [onResult]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     if (error && onError) {
       onError(error);
     }
@@ -20567,14 +21347,14 @@ var VoiceInputButton = ({
 };
 
 // src/utils/cn.ts
-function cn2(...inputs) {
+function cn3(...inputs) {
   return twMerge(clsx(inputs));
 }
 function useResizablePanel(defaultWidth, minWidth, maxWidth, onWidthChange) {
-  const [width, setWidth] = React24.useState(defaultWidth);
-  const [isResizing, setIsResizing] = React24.useState(false);
-  const containerRef = React24.useRef(null);
-  const startResize = React24.useCallback((e) => {
+  const [width, setWidth] = React16.useState(defaultWidth);
+  const [isResizing, setIsResizing] = React16.useState(false);
+  const containerRef = React16.useRef(null);
+  const startResize = React16.useCallback((e) => {
     e.preventDefault();
     setIsResizing(true);
     const startX = e.clientX;
@@ -20600,7 +21380,7 @@ function useResizablePanel(defaultWidth, minWidth, maxWidth, onWidthChange) {
   }, [width, minWidth, maxWidth, onWidthChange]);
   return { width, isResizing, startResize, containerRef };
 }
-var SidePanel = React24.memo(function SidePanel2({
+var SidePanel = React16.memo(function SidePanel2({
   isOpen,
   onClose,
   title,
@@ -20623,7 +21403,7 @@ var SidePanel = React24.memo(function SidePanel2({
     minWidth,
     maxWidth
   );
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape" && isOpen) {
         onClose();
@@ -20632,7 +21412,7 @@ var SidePanel = React24.memo(function SidePanel2({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [isOpen, onClose]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     if (isOpen) {
       const originalOverflow = document.body.style.overflow;
       document.body.style.overflow = "hidden";
@@ -20654,7 +21434,7 @@ var SidePanel = React24.memo(function SidePanel2({
       "div",
       {
         ref: containerRef,
-        className: cn2(
+        className: cn3(
           "fixed right-0 top-0 h-full z-50 flex flex-col",
           "bg-zinc-950 border-l border-zinc-800/50",
           "shadow-2xl shadow-black/50",
@@ -20669,7 +21449,7 @@ var SidePanel = React24.memo(function SidePanel2({
           resizable && !isFullscreen && /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
-              className: cn2(
+              className: cn3(
                 "absolute left-0 top-0 bottom-0 w-4 -translate-x-1/2",
                 "cursor-col-resize z-10 flex items-center justify-center",
                 "group hover:bg-zinc-800/50 transition-colors",
@@ -20677,7 +21457,7 @@ var SidePanel = React24.memo(function SidePanel2({
               ),
               onMouseDown: startResize,
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn2(
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn3(
                   "w-1 h-12 rounded-full bg-zinc-700",
                   "group-hover:bg-zinc-500 transition-colors",
                   isResizing && "bg-zinc-400"
@@ -20686,7 +21466,7 @@ var SidePanel = React24.memo(function SidePanel2({
                   lucideReact.GripVertical,
                   {
                     size: 14,
-                    className: cn2(
+                    className: cn3(
                       "absolute text-zinc-600 opacity-0",
                       "group-hover:opacity-100 transition-opacity",
                       isResizing && "opacity-100 text-zinc-400"
@@ -20723,7 +21503,7 @@ var SidePanel = React24.memo(function SidePanel2({
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn2(
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn3(
             "flex-1 overflow-hidden flex flex-col",
             contentClassName
           ), children }),
@@ -20734,7 +21514,7 @@ var SidePanel = React24.memo(function SidePanel2({
     isResizing && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-[60]" })
   ] });
 });
-var ViewTabs = React24.memo(function ViewTabs2({
+var ViewTabs = React16.memo(function ViewTabs2({
   activeView,
   onViewChange,
   views
@@ -20743,7 +21523,7 @@ var ViewTabs = React24.memo(function ViewTabs2({
     "button",
     {
       onClick: () => onViewChange(view.id),
-      className: cn2(
+      className: cn3(
         "flex items-center gap-1.5 px-3 py-1.5 text-xs rounded-md transition-colors",
         activeView === view.id ? "bg-zinc-700 text-zinc-200" : "text-zinc-400 hover:text-zinc-300"
       ),
@@ -20755,7 +21535,7 @@ var ViewTabs = React24.memo(function ViewTabs2({
     view.id
   )) });
 });
-var ToolbarButton = React24.memo(function ToolbarButton2({
+var ToolbarButton = React16.memo(function ToolbarButton2({
   onClick,
   title,
   children,
@@ -20766,7 +21546,7 @@ var ToolbarButton = React24.memo(function ToolbarButton2({
     {
       onClick,
       title,
-      className: cn2(
+      className: cn3(
         "p-2 rounded-lg hover:bg-zinc-800/50 text-zinc-400 hover:text-zinc-200 transition-colors",
         className
       ),
@@ -20824,14 +21604,14 @@ var artifactTypeConfig = {
     bgColor: "bg-pink-500/10"
   }
 };
-var CodeBlock3 = React24.memo(function CodeBlock4({
+var CodeBlock3 = React16.memo(function CodeBlock4({
   code: code3,
   language,
   showLineNumbers = true
 }) {
   const lines = code3.split("\n");
-  const [copied, setCopied] = React24.useState(false);
-  const handleCopy = React24.useCallback(async () => {
+  const [copied, setCopied] = React16.useState(false);
+  const handleCopy = React16.useCallback(async () => {
     try {
       await navigator.clipboard.writeText(code3);
       setCopied(true);
@@ -20866,14 +21646,14 @@ var CodeBlock3 = React24.memo(function CodeBlock4({
     ] }, i)) }) }) })
   ] });
 });
-var HtmlPreview3 = React24.memo(function HtmlPreview4({ content }) {
-  const [scale, setScale] = React24.useState(1);
-  const [deviceMode, setDeviceMode] = React24.useState("responsive");
-  const [isLoading, setIsLoading] = React24.useState(true);
-  const [iframeHeight, setIframeHeight] = React24.useState(600);
-  const iframeRef = React24.useRef(null);
-  const containerRef = React24.useRef(null);
-  const blobUrl = React24.useMemo(() => {
+var HtmlPreview3 = React16.memo(function HtmlPreview4({ content }) {
+  const [scale, setScale] = React16.useState(1);
+  const [deviceMode, setDeviceMode] = React16.useState("responsive");
+  const [isLoading, setIsLoading] = React16.useState(true);
+  const [iframeHeight, setIframeHeight] = React16.useState(600);
+  const iframeRef = React16.useRef(null);
+  const containerRef = React16.useRef(null);
+  const blobUrl = React16.useMemo(() => {
     const styleInjection = `
 <style>
   html, body {
@@ -20901,7 +21681,7 @@ var HtmlPreview3 = React24.memo(function HtmlPreview4({ content }) {
     const blob = new Blob([modifiedContent], { type: "text/html" });
     return URL.createObjectURL(blob);
   }, [content]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     return () => {
       URL.revokeObjectURL(blobUrl);
     };
@@ -20913,7 +21693,7 @@ var HtmlPreview3 = React24.memo(function HtmlPreview4({ content }) {
     responsive: { width: "100%", height: 600, icon: lucideReact.Maximize2, label: "Responsive" }
   };
   const currentDevice = deviceConfig[deviceMode];
-  const adjustIframeHeight = React24.useCallback(() => {
+  const adjustIframeHeight = React16.useCallback(() => {
     if (deviceMode === "responsive" && containerRef.current) {
       const containerHeight = containerRef.current.clientHeight - 32;
       setIframeHeight(Math.max(containerHeight, 400));
@@ -20921,12 +21701,12 @@ var HtmlPreview3 = React24.memo(function HtmlPreview4({ content }) {
       setIframeHeight(currentDevice.height);
     }
   }, [deviceMode, currentDevice.height]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     adjustIframeHeight();
     window.addEventListener("resize", adjustIframeHeight);
     return () => window.removeEventListener("resize", adjustIframeHeight);
   }, [adjustIframeHeight]);
-  const handleIframeLoad = React24.useCallback(() => {
+  const handleIframeLoad = React16.useCallback(() => {
     setIsLoading(false);
     try {
       const iframe = iframeRef.current;
@@ -20947,13 +21727,13 @@ var HtmlPreview3 = React24.memo(function HtmlPreview4({ content }) {
     } catch {
     }
   }, [deviceMode]);
-  const handleRefresh = React24.useCallback(() => {
+  const handleRefresh = React16.useCallback(() => {
     setIsLoading(true);
     if (iframeRef.current) {
       iframeRef.current.src = blobUrl;
     }
   }, [blobUrl]);
-  const handleDownload = React24.useCallback(() => {
+  const handleDownload = React16.useCallback(() => {
     const link2 = document.createElement("a");
     link2.href = blobUrl;
     link2.download = `artifact-${Date.now()}.html`;
@@ -20961,7 +21741,7 @@ var HtmlPreview3 = React24.memo(function HtmlPreview4({ content }) {
     link2.click();
     document.body.removeChild(link2);
   }, [blobUrl]);
-  const handleOpenNewTab = React24.useCallback(() => {
+  const handleOpenNewTab = React16.useCallback(() => {
     window.open(blobUrl, "_blank");
   }, [blobUrl]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-full flex flex-col bg-zinc-950 agent-sdk-light:bg-white", children: [
@@ -20975,7 +21755,7 @@ var HtmlPreview3 = React24.memo(function HtmlPreview4({ content }) {
               setDeviceMode(mode);
               setScale(1);
             },
-            className: cn2(
+            className: cn3(
               "flex items-center gap-1.5 px-2.5 py-1.5 text-xs rounded-md transition-all",
               deviceMode === mode ? "bg-zinc-700 text-zinc-200 agent-sdk-light:bg-zinc-200 agent-sdk-light:text-zinc-900" : "text-zinc-500 agent-sdk-light:text-zinc-600 hover:text-zinc-300 agent-sdk-light:hover:text-zinc-900 hover:bg-zinc-800/50 agent-sdk-light:hover:bg-zinc-200/50"
             ),
@@ -20994,7 +21774,7 @@ var HtmlPreview3 = React24.memo(function HtmlPreview4({ content }) {
           "button",
           {
             onClick: () => setScale(s),
-            className: cn2(
+            className: cn3(
               "px-2 py-1 text-[10px] rounded transition-colors",
               scale === s ? "bg-zinc-700 text-zinc-200 agent-sdk-light:bg-zinc-300 agent-sdk-light:text-zinc-900" : "text-zinc-500 agent-sdk-light:text-zinc-600 hover:text-zinc-300 agent-sdk-light:hover:text-zinc-900"
             ),
@@ -21046,7 +21826,7 @@ var HtmlPreview3 = React24.memo(function HtmlPreview4({ content }) {
           /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
-              className: cn2(
+              className: cn3(
                 "bg-white rounded-lg shadow-2xl overflow-hidden transition-all duration-300 relative",
                 deviceMode !== "responsive" && "border-4 border-zinc-800 agent-sdk-light:border-zinc-300 rounded-xl"
               ),
@@ -21082,21 +21862,21 @@ var HtmlPreview3 = React24.memo(function HtmlPreview4({ content }) {
     )
   ] });
 });
-var MarkdownPreview = React24.memo(function MarkdownPreview2({
+var MarkdownPreview = React16.memo(function MarkdownPreview2({
   content,
   config
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full overflow-auto bg-zinc-950 agent-sdk-light:bg-white", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-3xl mx-auto p-8", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-invert prose-zinc agent-sdk-light:prose max-w-none", children: /* @__PURE__ */ jsxRuntime.jsx(MarkdownContent, { content, config }) }) }) });
 });
-React24.memo(function JsonPreview2({ content }) {
-  const parsedData = React24.useMemo(() => {
+React16.memo(function JsonPreview2({ content }) {
+  const parsedData = React16.useMemo(() => {
     try {
       return JSON.parse(content);
     } catch {
       return null;
     }
   }, [content]);
-  const formattedJson = React24.useMemo(() => {
+  const formattedJson = React16.useMemo(() => {
     if (parsedData === null) return content;
     try {
       return JSON.stringify(parsedData, null, 2);
@@ -21112,13 +21892,13 @@ React24.memo(function JsonPreview2({ content }) {
   }
   return /* @__PURE__ */ jsxRuntime.jsx(CodeBlock3, { code: formattedJson, language: "json" });
 });
-var CodeEditor = React24.memo(function CodeEditor2({
+var CodeEditor = React16.memo(function CodeEditor2({
   code: code3,
   language,
   onChange
 }) {
-  const textareaRef = React24.useRef(null);
-  const handleKeyDown = React24.useCallback((e) => {
+  const textareaRef = React16.useRef(null);
+  const handleKeyDown = React16.useCallback((e) => {
     if (e.key === "Tab") {
       e.preventDefault();
       const textarea = e.currentTarget;
@@ -21155,10 +21935,10 @@ var CodeEditor = React24.memo(function CodeEditor2({
 });
 function useResolvedMediaUrl(content, options) {
   const { fileId, type = "image", config } = options || {};
-  const [resolvedUrl, setResolvedUrl] = React24.useState(content);
-  const [resolvedHdUrl, setResolvedHdUrl] = React24.useState(content);
-  const [isLoading, setIsLoading] = React24.useState(true);
-  React24.useEffect(() => {
+  const [resolvedUrl, setResolvedUrl] = React16.useState(content);
+  const [resolvedHdUrl, setResolvedHdUrl] = React16.useState(content);
+  const [isLoading, setIsLoading] = React16.useState(true);
+  React16.useEffect(() => {
     let active = true;
     setIsLoading(true);
     const resolve = async () => {
@@ -21196,8 +21976,8 @@ function useResolvedMediaUrl(content, options) {
 }
 function useResolvedThumbnailUrl(content, options) {
   const { fileId, type = "image", config, enabled = true } = options || {};
-  const [url, setUrl] = React24.useState(null);
-  React24.useEffect(() => {
+  const [url, setUrl] = React16.useState(null);
+  React16.useEffect(() => {
     if (!enabled || !content) {
       setUrl(null);
       return;
@@ -21229,15 +22009,15 @@ function useResolvedThumbnailUrl(content, options) {
   }, [content, fileId, type, config, enabled]);
   return url;
 }
-var ImageArtifactPreview = React24.memo(function ImageArtifactPreview2({
+var ImageArtifactPreview = React16.memo(function ImageArtifactPreview2({
   content,
   metadata,
   config
 }) {
-  const [isZoomed, setIsZoomed] = React24.useState(false);
-  const [showInfo, setShowInfo] = React24.useState(true);
-  const [imgNaturalSize, setImgNaturalSize] = React24.useState(null);
-  const [copied, setCopied] = React24.useState(null);
+  const [isZoomed, setIsZoomed] = React16.useState(false);
+  const [showInfo, setShowInfo] = React16.useState(true);
+  const [imgNaturalSize, setImgNaturalSize] = React16.useState(null);
+  const [copied, setCopied] = React16.useState(null);
   const { hdUrl: resolvedHdUrl } = useResolvedMediaUrl(content, {
     fileId: metadata?.fileId,
     type: "image",
@@ -21246,7 +22026,7 @@ var ImageArtifactPreview = React24.memo(function ImageArtifactPreview2({
   const generationParams = metadata?.generationParams;
   const toolName = metadata?.toolName;
   const relation = metadata?.relation;
-  const handleCopy = React24.useCallback(async (text3, label) => {
+  const handleCopy = React16.useCallback(async (text3, label) => {
     try {
       await navigator.clipboard.writeText(text3);
       setCopied(label);
@@ -21254,7 +22034,7 @@ var ImageArtifactPreview = React24.memo(function ImageArtifactPreview2({
     } catch {
     }
   }, []);
-  const handleDownload = React24.useCallback(() => {
+  const handleDownload = React16.useCallback(() => {
     const link2 = document.createElement("a");
     link2.href = resolvedHdUrl;
     link2.download = `generated-${Date.now()}.png`;
@@ -21292,7 +22072,7 @@ var ImageArtifactPreview = React24.memo(function ImageArtifactPreview2({
       /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: cn2(
+          className: cn3(
             "relative transition-transform duration-300 cursor-zoom-in z-10",
             isZoomed && "cursor-zoom-out scale-[2] z-50"
           ),
@@ -21317,7 +22097,7 @@ var ImageArtifactPreview = React24.memo(function ImageArtifactPreview2({
           "button",
           {
             onClick: () => setShowInfo((prev) => !prev),
-            className: cn2(
+            className: cn3(
               "p-2 rounded-lg backdrop-blur-sm transition-colors",
               showInfo ? "bg-[#d8ff00]/20 text-[#d8ff00]" : "bg-black/30 text-white/70 hover:text-white hover:bg-black/50"
             ),
@@ -21409,7 +22189,7 @@ var ImageArtifactPreview = React24.memo(function ImageArtifactPreview2({
     ] }) })
   ] });
 });
-var VideoArtifactPreview = React24.memo(function VideoArtifactPreview2({
+var VideoArtifactPreview = React16.memo(function VideoArtifactPreview2({
   content,
   metadata,
   config
@@ -21419,20 +22199,20 @@ var VideoArtifactPreview = React24.memo(function VideoArtifactPreview2({
     type: "video",
     config
   });
-  const videoRef = React24.useRef(null);
-  const progressRef = React24.useRef(null);
-  const [isPlaying, setIsPlaying] = React24.useState(false);
-  const [isMuted, setIsMuted] = React24.useState(false);
-  const [duration, setDuration] = React24.useState(0);
-  const [currentTime, setCurrentTime] = React24.useState(0);
-  const [volume, setVolume] = React24.useState(1);
-  const [isLoaded, setIsLoaded] = React24.useState(false);
-  const [showVolumeSlider, setShowVolumeSlider] = React24.useState(false);
-  const [posterUrl, setPosterUrl] = React24.useState(null);
-  const [isDraggingProgress, setIsDraggingProgress] = React24.useState(false);
+  const videoRef = React16.useRef(null);
+  const progressRef = React16.useRef(null);
+  const [isPlaying, setIsPlaying] = React16.useState(false);
+  const [isMuted, setIsMuted] = React16.useState(false);
+  const [duration, setDuration] = React16.useState(0);
+  const [currentTime, setCurrentTime] = React16.useState(0);
+  const [volume, setVolume] = React16.useState(1);
+  const [isLoaded, setIsLoaded] = React16.useState(false);
+  const [showVolumeSlider, setShowVolumeSlider] = React16.useState(false);
+  const [posterUrl, setPosterUrl] = React16.useState(null);
+  const [isDraggingProgress, setIsDraggingProgress] = React16.useState(false);
   const generationParams = metadata?.generationParams;
   const toolName = metadata?.toolName;
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     const video = document.createElement("video");
     video.crossOrigin = "anonymous";
     video.preload = "metadata";
@@ -21473,7 +22253,7 @@ var VideoArtifactPreview = React24.memo(function VideoArtifactPreview2({
       setCurrentTime(videoRef.current.currentTime);
     }
   };
-  const togglePlay = React24.useCallback(() => {
+  const togglePlay = React16.useCallback(() => {
     const video = videoRef.current;
     if (!video) return;
     if (isPlaying) {
@@ -21484,14 +22264,14 @@ var VideoArtifactPreview = React24.memo(function VideoArtifactPreview2({
       });
     }
   }, [isPlaying]);
-  const toggleMute = React24.useCallback(() => {
+  const toggleMute = React16.useCallback(() => {
     const video = videoRef.current;
     if (video) {
       video.muted = !isMuted;
       setIsMuted(!isMuted);
     }
   }, [isMuted]);
-  const handleVolumeChange = React24.useCallback((e) => {
+  const handleVolumeChange = React16.useCallback((e) => {
     const newVolume = parseFloat(e.target.value);
     setVolume(newVolume);
     if (videoRef.current) {
@@ -21505,7 +22285,7 @@ var VideoArtifactPreview = React24.memo(function VideoArtifactPreview2({
       }
     }
   }, [isMuted]);
-  const handleProgressClick = React24.useCallback((e) => {
+  const handleProgressClick = React16.useCallback((e) => {
     const video = videoRef.current;
     const bar = progressRef.current;
     if (!video || !bar || !duration) return;
@@ -21514,7 +22294,7 @@ var VideoArtifactPreview = React24.memo(function VideoArtifactPreview2({
     video.currentTime = ratio * duration;
     setCurrentTime(ratio * duration);
   }, [duration]);
-  const handleProgressDrag = React24.useCallback((e) => {
+  const handleProgressDrag = React16.useCallback((e) => {
     if (!isDraggingProgress) return;
     const bar = progressRef.current;
     if (!bar || !duration) return;
@@ -21522,13 +22302,13 @@ var VideoArtifactPreview = React24.memo(function VideoArtifactPreview2({
     const ratio = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));
     setCurrentTime(ratio * duration);
   }, [isDraggingProgress, duration]);
-  const handleProgressDragEnd = React24.useCallback(() => {
+  const handleProgressDragEnd = React16.useCallback(() => {
     if (isDraggingProgress && videoRef.current) {
       videoRef.current.currentTime = currentTime;
     }
     setIsDraggingProgress(false);
   }, [isDraggingProgress, currentTime]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     if (!isDraggingProgress) return;
     const handleMouseUp = () => handleProgressDragEnd();
     const handleMouseMove = (e) => {
@@ -21545,7 +22325,7 @@ var VideoArtifactPreview = React24.memo(function VideoArtifactPreview2({
       window.removeEventListener("mousemove", handleMouseMove);
     };
   }, [isDraggingProgress, duration, handleProgressDragEnd]);
-  const handleDownload = React24.useCallback(() => {
+  const handleDownload = React16.useCallback(() => {
     const link2 = document.createElement("a");
     link2.href = resolvedUrl;
     link2.download = `video-${Date.now()}.mp4`;
@@ -21581,7 +22361,7 @@ var VideoArtifactPreview = React24.memo(function VideoArtifactPreview2({
           onTimeUpdate: handleTimeUpdate,
           onEnded: () => setIsPlaying(false),
           onClick: togglePlay,
-          className: cn2(
+          className: cn3(
             "max-w-full max-h-full object-contain cursor-pointer",
             !isPlaying && posterUrl && !currentTime && "opacity-0"
           )
@@ -21592,7 +22372,7 @@ var VideoArtifactPreview = React24.memo(function VideoArtifactPreview2({
         {
           className: "absolute inset-0 z-[2] flex items-center justify-center cursor-pointer",
           onClick: togglePlay,
-          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn2(
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn3(
             "w-16 h-16 rounded-full bg-white/15 backdrop-blur-md",
             "flex items-center justify-center",
             "transition-all duration-200",
@@ -21601,7 +22381,7 @@ var VideoArtifactPreview = React24.memo(function VideoArtifactPreview2({
           ), children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "26", height: "26", viewBox: "0 0 24 24", fill: "white", className: "ml-1", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 5v14l11-7z" }) }) })
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn2(
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn3(
         "absolute bottom-0 left-0 right-0 z-[3]",
         "bg-gradient-to-t from-black/90 via-black/50 to-transparent",
         "px-4 pb-3 pt-10",
@@ -21870,7 +22650,7 @@ ${codeContent.trim()}
       rows.push(cells);
     });
     if (rows.length === 0) return "";
-    const colCount = Math.max(...rows.map((r3) => r3.length));
+    const colCount = Math.max(...rows.map((r2) => r2.length));
     const colWidths = Array(colCount).fill(3);
     rows.forEach((row) => {
       row.forEach((cell, i) => {
@@ -21898,20 +22678,20 @@ ${codeContent.trim()}
   });
   return lines.join("").replace(/\n{3,}/g, "\n\n").trim() + "\n";
 }
-var MarkdownEditor = React24.memo(function MarkdownEditor2({
+var MarkdownEditor = React16.memo(function MarkdownEditor2({
   content,
   onChange,
   config
 }) {
-  const editorRef = React24.useRef(null);
-  const textareaRef = React24.useRef(null);
-  const [isSourceMode, setIsSourceMode] = React24.useState(false);
-  const isInternalUpdate = React24.useRef(false);
-  const lastMarkdownRef = React24.useRef(content);
-  const contentToHtml = React24.useCallback((markdown) => {
+  const editorRef = React16.useRef(null);
+  const textareaRef = React16.useRef(null);
+  const [isSourceMode, setIsSourceMode] = React16.useState(false);
+  const isInternalUpdate = React16.useRef(false);
+  const lastMarkdownRef = React16.useRef(content);
+  const contentToHtml = React16.useCallback((markdown) => {
     return marked.marked.parse(markdown, { breaks: true, gfm: true });
   }, []);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     if (isSourceMode) return;
     if (isInternalUpdate.current) {
       isInternalUpdate.current = false;
@@ -21923,31 +22703,31 @@ var MarkdownEditor = React24.memo(function MarkdownEditor2({
       lastMarkdownRef.current = content;
     }
   }, [content, isSourceMode, contentToHtml]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     if (editorRef.current && !isSourceMode) {
       const html2 = contentToHtml(content);
       editorRef.current.innerHTML = html2;
     }
   }, []);
-  const handleInput = React24.useCallback(() => {
+  const handleInput = React16.useCallback(() => {
     if (!editorRef.current) return;
     const markdown = htmlToMarkdown(editorRef.current);
     lastMarkdownRef.current = markdown;
     isInternalUpdate.current = true;
     onChange(markdown);
   }, [onChange]);
-  const execCommand = React24.useCallback((command, value) => {
+  const execCommand = React16.useCallback((command, value) => {
     editorRef.current?.focus();
     document.execCommand(command, false, value);
     requestAnimationFrame(() => handleInput());
   }, [handleInput]);
-  const formatBlock = React24.useCallback((tag) => {
+  const formatBlock = React16.useCallback((tag) => {
     execCommand("formatBlock", tag);
   }, [execCommand]);
-  const insertHorizontalRule = React24.useCallback(() => {
+  const insertHorizontalRule = React16.useCallback(() => {
     execCommand("insertHorizontalRule");
   }, [execCommand]);
-  const insertLink = React24.useCallback(() => {
+  const insertLink = React16.useCallback(() => {
     const selection = window.getSelection();
     const selectedText = selection?.toString() || "\u94FE\u63A5\u6587\u672C";
     const url = prompt("\u8BF7\u8F93\u5165\u94FE\u63A5\u5730\u5740:", "https://");
@@ -21967,13 +22747,13 @@ var MarkdownEditor = React24.memo(function MarkdownEditor2({
       requestAnimationFrame(() => handleInput());
     }
   }, [handleInput]);
-  const insertImage = React24.useCallback(() => {
+  const insertImage = React16.useCallback(() => {
     const url = prompt("\u8BF7\u8F93\u5165\u56FE\u7247\u5730\u5740:", "https://");
     if (url) {
       execCommand("insertImage", url);
     }
   }, [execCommand]);
-  const insertCodeBlock = React24.useCallback(() => {
+  const insertCodeBlock = React16.useCallback(() => {
     const editor = editorRef.current;
     if (!editor) return;
     const selection = window.getSelection();
@@ -21995,7 +22775,7 @@ var MarkdownEditor = React24.memo(function MarkdownEditor2({
     }
     requestAnimationFrame(() => handleInput());
   }, [handleInput]);
-  const handleKeyDown = React24.useCallback((e) => {
+  const handleKeyDown = React16.useCallback((e) => {
     const isMod = e.metaKey || e.ctrlKey;
     if (isMod && e.key === "b") {
       e.preventDefault();
@@ -22018,7 +22798,7 @@ var MarkdownEditor = React24.memo(function MarkdownEditor2({
       execCommand("insertHTML", "&nbsp;&nbsp;&nbsp;&nbsp;");
     }
   }, [execCommand]);
-  const handleSourceKeyDown = React24.useCallback((e) => {
+  const handleSourceKeyDown = React16.useCallback((e) => {
     if (e.key === "Tab") {
       e.preventDefault();
       const textarea = e.currentTarget;
@@ -22031,7 +22811,7 @@ var MarkdownEditor = React24.memo(function MarkdownEditor2({
       });
     }
   }, [content, onChange]);
-  const toggleSourceMode = React24.useCallback(() => {
+  const toggleSourceMode = React16.useCallback(() => {
     if (isSourceMode) {
       setIsSourceMode(false);
       requestAnimationFrame(() => {
@@ -22051,7 +22831,7 @@ var MarkdownEditor = React24.memo(function MarkdownEditor2({
       setIsSourceMode(true);
     }
   }, [isSourceMode, content, contentToHtml, onChange]);
-  const toolbarGroups = React24.useMemo(() => [
+  const toolbarGroups = React16.useMemo(() => [
     {
       items: [
         { icon: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold text-[11px]", children: "B" }), label: "\u52A0\u7C97 (\u2318B)", onClick: () => execCommand("bold") },
@@ -22094,7 +22874,7 @@ var MarkdownEditor = React24.memo(function MarkdownEditor2({
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] text-[#d8ff00] font-medium whitespace-nowrap", children: isSourceMode ? "Markdown \u6E90\u7801" : "\u5BCC\u6587\u672C\u7F16\u8F91" })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-px bg-zinc-700/50 agent-sdk-light:bg-zinc-300 mx-1" }),
-      !isSourceMode && toolbarGroups.map((group, groupIndex) => /* @__PURE__ */ jsxRuntime.jsxs(React24__namespace.default.Fragment, { children: [
+      !isSourceMode && toolbarGroups.map((group, groupIndex) => /* @__PURE__ */ jsxRuntime.jsxs(React16__namespace.default.Fragment, { children: [
         group.items.map((action, actionIndex) => /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
@@ -22112,7 +22892,7 @@ var MarkdownEditor = React24.memo(function MarkdownEditor2({
         "button",
         {
           onClick: toggleSourceMode,
-          className: cn2(
+          className: cn3(
             "p-1.5 flex items-center gap-1 text-[11px] rounded transition-colors whitespace-nowrap",
             isSourceMode ? "bg-[#d8ff00]/10 text-[#d8ff00]" : "text-zinc-400 agent-sdk-light:text-zinc-600 hover:text-zinc-100 agent-sdk-light:hover:text-zinc-900 hover:bg-zinc-700/50 agent-sdk-light:hover:bg-zinc-200"
           ),
@@ -22159,7 +22939,7 @@ var MarkdownEditor = React24.memo(function MarkdownEditor2({
     ) })
   ] });
 });
-var ArtifactThumbnail = React24.memo(function ArtifactThumbnail2({
+var ArtifactThumbnail = React16.memo(function ArtifactThumbnail2({
   artifact,
   config
 }) {
@@ -22186,9 +22966,9 @@ var ArtifactThumbnail = React24.memo(function ArtifactThumbnail2({
       }
     );
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn2("w-6 h-6 rounded flex items-center justify-center flex-shrink-0", typeConf.bgColor), children: /* @__PURE__ */ jsxRuntime.jsx(TypeIcon, { size: 12, className: typeConf.color }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn3("w-6 h-6 rounded flex items-center justify-center flex-shrink-0", typeConf.bgColor), children: /* @__PURE__ */ jsxRuntime.jsx(TypeIcon, { size: 12, className: typeConf.color }) });
 });
-var ArtifactTabs = React24.memo(function ArtifactTabs2({
+var ArtifactTabs = React16.memo(function ArtifactTabs2({
   artifacts,
   activeId,
   onSwitch,
@@ -22196,19 +22976,19 @@ var ArtifactTabs = React24.memo(function ArtifactTabs2({
   onReorder,
   config
 }) {
-  const scrollContainerRef = React24.useRef(null);
-  const [canScrollLeft, setCanScrollLeft] = React24.useState(false);
-  const [canScrollRight, setCanScrollRight] = React24.useState(false);
-  const [showAllPanel, setShowAllPanel] = React24.useState(false);
-  const allPanelRef = React24.useRef(null);
-  const [dragState, setDragState] = React24.useState({ draggingId: null, dragOverId: null, dragStartX: 0, isDragging: false });
-  const checkScrollState = React24.useCallback(() => {
+  const scrollContainerRef = React16.useRef(null);
+  const [canScrollLeft, setCanScrollLeft] = React16.useState(false);
+  const [canScrollRight, setCanScrollRight] = React16.useState(false);
+  const [showAllPanel, setShowAllPanel] = React16.useState(false);
+  const allPanelRef = React16.useRef(null);
+  const [dragState, setDragState] = React16.useState({ draggingId: null, dragOverId: null, dragStartX: 0, isDragging: false });
+  const checkScrollState = React16.useCallback(() => {
     const container = scrollContainerRef.current;
     if (!container) return;
     setCanScrollLeft(container.scrollLeft > 2);
     setCanScrollRight(container.scrollLeft < container.scrollWidth - container.clientWidth - 2);
   }, []);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     checkScrollState();
     const container = scrollContainerRef.current;
     if (!container) return;
@@ -22220,7 +23000,7 @@ var ArtifactTabs = React24.memo(function ArtifactTabs2({
       resizeObserver.disconnect();
     };
   }, [checkScrollState, artifacts.length]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     if (!showAllPanel) return;
     const handleClickOutside = (e) => {
       if (allPanelRef.current && !allPanelRef.current.contains(e.target)) {
@@ -22230,7 +23010,7 @@ var ArtifactTabs = React24.memo(function ArtifactTabs2({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [showAllPanel]);
-  const scrollBy = React24.useCallback((direction) => {
+  const scrollBy = React16.useCallback((direction) => {
     const container = scrollContainerRef.current;
     if (!container) return;
     const scrollAmount = 200;
@@ -22239,20 +23019,20 @@ var ArtifactTabs = React24.memo(function ArtifactTabs2({
       behavior: "smooth"
     });
   }, []);
-  const handleDragStart = React24.useCallback((e, artifactId) => {
+  const handleDragStart = React16.useCallback((e, artifactId) => {
     e.dataTransfer.effectAllowed = "move";
     e.dataTransfer.setData("text/plain", artifactId);
     setDragState((prev) => ({ ...prev, draggingId: artifactId, dragStartX: e.clientX, isDragging: true }));
   }, []);
-  const handleDragOver = React24.useCallback((e, artifactId) => {
+  const handleDragOver = React16.useCallback((e, artifactId) => {
     e.preventDefault();
     e.dataTransfer.dropEffect = "move";
     setDragState((prev) => ({ ...prev, dragOverId: artifactId }));
   }, []);
-  const handleDragEnd = React24.useCallback(() => {
+  const handleDragEnd = React16.useCallback(() => {
     setDragState({ draggingId: null, dragOverId: null, dragStartX: 0, isDragging: false });
   }, []);
-  const handleDrop = React24.useCallback((e, targetId) => {
+  const handleDrop = React16.useCallback((e, targetId) => {
     e.preventDefault();
     const sourceId = e.dataTransfer.getData("text/plain");
     if (!sourceId || sourceId === targetId || !onReorder) {
@@ -22266,7 +23046,7 @@ var ArtifactTabs = React24.memo(function ArtifactTabs2({
     }
     handleDragEnd();
   }, [artifacts, onReorder, handleDragEnd]);
-  const handleCloseTab = React24.useCallback((e, artifactId) => {
+  const handleCloseTab = React16.useCallback((e, artifactId) => {
     e.stopPropagation();
     if (!onClose) return;
     if (artifactId === activeId && artifacts.length > 1) {
@@ -22309,7 +23089,7 @@ var ArtifactTabs = React24.memo(function ArtifactTabs2({
               onDragEnd: handleDragEnd,
               onDrop: (e) => handleDrop(e, artifact.id),
               onClick: () => onSwitch(artifact.id),
-              className: cn2(
+              className: cn3(
                 "group/tab flex items-center gap-1 pl-2.5 pr-1 py-1 text-xs rounded-md transition-all whitespace-nowrap flex-shrink-0 cursor-pointer select-none",
                 isActive ? "bg-zinc-800 text-zinc-100 agent-sdk-light:bg-zinc-200 agent-sdk-light:text-zinc-900" : "text-zinc-500 agent-sdk-light:text-zinc-600 hover:text-zinc-300 agent-sdk-light:hover:text-zinc-900 hover:bg-zinc-800/50 agent-sdk-light:hover:bg-zinc-200/50",
                 isDragging && "opacity-40",
@@ -22318,13 +23098,13 @@ var ArtifactTabs = React24.memo(function ArtifactTabs2({
               ),
               title: artifact.title,
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(TypeIcon, { size: 12, className: cn2("flex-shrink-0", isActive ? typeConf.color : "") }),
+                /* @__PURE__ */ jsxRuntime.jsx(TypeIcon, { size: 12, className: cn3("flex-shrink-0", isActive ? typeConf.color : "") }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-[120px] truncate", children: artifact.title }),
                 onClose && /* @__PURE__ */ jsxRuntime.jsx(
                   "button",
                   {
                     onClick: (e) => handleCloseTab(e, artifact.id),
-                    className: cn2(
+                    className: cn3(
                       "ml-0.5 p-0.5 rounded transition-colors flex-shrink-0",
                       isActive ? "text-zinc-400 hover:text-zinc-100 hover:bg-zinc-700" : "text-transparent group-hover/tab:text-zinc-500 hover:!text-zinc-300 hover:!bg-zinc-700"
                     ),
@@ -22352,7 +23132,7 @@ var ArtifactTabs = React24.memo(function ArtifactTabs2({
         "button",
         {
           onClick: () => setShowAllPanel((prev) => !prev),
-          className: cn2(
+          className: cn3(
             "p-1.5 mr-1 text-zinc-500 hover:text-zinc-300 hover:bg-zinc-800/50 rounded transition-colors",
             showAllPanel && "bg-zinc-800 text-zinc-300"
           ),
@@ -22377,7 +23157,7 @@ var ArtifactTabs = React24.memo(function ArtifactTabs2({
                 onSwitch(artifact.id);
                 setShowAllPanel(false);
               },
-              className: cn2(
+              className: cn3(
                 "flex items-center gap-2.5 px-2.5 py-2 text-xs rounded-md transition-all w-full text-left",
                 isActive ? "bg-zinc-800 text-zinc-100 agent-sdk-light:bg-zinc-100 agent-sdk-light:text-zinc-900" : "text-zinc-400 agent-sdk-light:text-zinc-600 hover:text-zinc-200 agent-sdk-light:hover:text-zinc-900 hover:bg-zinc-800/50 agent-sdk-light:hover:bg-zinc-100"
               ),
@@ -22411,7 +23191,7 @@ var ArtifactTabs = React24.memo(function ArtifactTabs2({
     ] })
   ] });
 });
-var ArtifactViewer = React24.memo(function ArtifactViewer2({
+var ArtifactViewer = React16.memo(function ArtifactViewer2({
   artifact,
   isOpen,
   onClose,
@@ -22428,12 +23208,12 @@ var ArtifactViewer = React24.memo(function ArtifactViewer2({
   onContentChange,
   onSave
 }) {
-  const [viewMode, setViewMode] = React24.useState(defaultView);
-  const [isEditing, setIsEditing] = React24.useState(false);
-  const [editContent, setEditContent] = React24.useState("");
-  const [undoStack, setUndoStack] = React24.useState([]);
-  const [redoStack, setRedoStack] = React24.useState([]);
-  React24.useEffect(() => {
+  const [viewMode, setViewMode] = React16.useState(defaultView);
+  const [isEditing, setIsEditing] = React16.useState(false);
+  const [editContent, setEditContent] = React16.useState("");
+  const [undoStack, setUndoStack] = React16.useState([]);
+  const [redoStack, setRedoStack] = React16.useState([]);
+  React16.useEffect(() => {
     if (artifact) {
       if (artifact.type === "html" || artifact.type === "markdown" || artifact.type === "svg") {
         setViewMode("preview");
@@ -22446,7 +23226,7 @@ var ArtifactViewer = React24.memo(function ArtifactViewer2({
       setRedoStack([]);
     }
   }, [artifact?.id]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     if (artifact && !isEditing) {
       setEditContent(artifact.content);
     }
@@ -22721,7 +23501,7 @@ function InformationSupplement({
   referenceImage,
   qrCode
 }) {
-  const [open, setOpen] = React24__namespace.default.useState(!confirmed);
+  const [open, setOpen] = React16__namespace.default.useState(!confirmed);
   const resolvedMain = main_image || mainImage;
   const resolvedRef = reference_image || referenceImage;
   const resolvedQr = qrcode || qrCode;
@@ -22769,8 +23549,8 @@ function InformationSupplement({
   ] });
 }
 function BriefReview({ content, confirmed }) {
-  const [open, setOpen] = React24.useState(!confirmed);
-  const sanitizedContent = React24.useMemo(() => sanitizeMarkdownContent(content || ""), [content]);
+  const [open, setOpen] = React16.useState(!confirmed);
+  const sanitizedContent = React16.useMemo(() => sanitizeMarkdownContent(content || ""), [content]);
   if (!sanitizedContent) {
     return null;
   }
@@ -22802,8 +23582,8 @@ function SessionItem({
   onReplay,
   onShare
 }) {
-  const [editing, setEditing] = React24.useState(false);
-  const [title, setTitle] = React24.useState("");
+  const [editing, setEditing] = React16.useState(false);
+  const [title, setTitle] = React16.useState("");
   const startEdit = (e) => {
     e.stopPropagation();
     setTitle(session.title || "\u65B0\u5BF9\u8BDD");
@@ -22875,10 +23655,11 @@ function Sidebar({
   onNew,
   agentName,
   agentType,
+  agentIcon,
   collapsed,
   onToggle
 }) {
-  const [search, setSearch] = React24.useState("");
+  const [search, setSearch] = React16.useState("");
   const filtered = sessions.filter(
     (s) => !search || (s.title || "").toLowerCase().includes(search.toLowerCase())
   );
@@ -22898,7 +23679,7 @@ function Sidebar({
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 border-b border-zinc-800/50", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-3", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-7 h-7 rounded-lg bg-[#d8ff00]/10 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bot, { size: 14, className: "text-[#d8ff00]" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-7 h-7 rounded-lg bg-[#d8ff00]/10 flex items-center justify-center flex-shrink-0", children: agentIcon ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: getImageUrl(agentIcon), alt: "Agent Icon", className: "w-7 h-7 rounded-lg" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bot, { size: 14, className: "text-[#d8ff00]" }) }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-white truncate", children: agentName || "Agent" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-0.5", children: /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onToggle, className: "p-1.5 text-zinc-500 hover:text-zinc-300 hover:bg-zinc-800 rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelLeftClose, { size: 14 }) }) })
@@ -22953,7 +23734,7 @@ function Sidebar({
   ] });
 }
 function WelcomePage({ agentName, welcomeMessage, tools, onNew, onPrompt }) {
-  const quickPrompts = React24__namespace.default.useMemo(() => {
+  const quickPrompts = React16__namespace.default.useMemo(() => {
     const prompts = [];
     const hasImageTool = tools?.some(
       (t) => t.name?.toLowerCase().includes("image") || t.name?.toLowerCase().includes("\u56FE\u7247") || t.type === "COMFY_APP"
@@ -23041,8 +23822,8 @@ function ChatInputArea({
   onDetachArtifact,
   onOpenTemplates
 }) {
-  const textareaRef = React24.useRef(null);
-  const fileInputRef = React24.useRef(null);
+  const textareaRef = React16.useRef(null);
+  const fileInputRef = React16.useRef(null);
   const removeImage = (index) => {
     setImages((prev) => {
       const newImages = [...prev];
@@ -23272,13 +24053,13 @@ function ChatInputArea({
     ] })
   ] }) });
 }
-var DragHandle = React24__namespace.default.memo(function DragHandle2({
+var DragHandle = React16__namespace.default.memo(function DragHandle2({
   artifactPanelWidth,
   isDragging,
   onMouseDown
 }) {
-  const [isHovered, setIsHovered] = React24.useState(false);
-  React24.useEffect(() => {
+  const [isHovered, setIsHovered] = React16.useState(false);
+  React16.useEffect(() => {
     if (isHovered || isDragging) {
       document.body.style.cursor = "col-resize";
     } else {
@@ -23299,7 +24080,7 @@ var DragHandle = React24__namespace.default.memo(function DragHandle2({
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: cn2(
+          className: cn3(
             "absolute left-1/2 top-0 bottom-0 -translate-x-1/2",
             "transition-all duration-100"
           ),
@@ -23322,7 +24103,7 @@ var artifactTypeIconMap = {
   image: lucideReact.FileImage,
   video: lucideReact.Video
 };
-var ArtifactBarItemThumbnail = React24.memo(function ArtifactBarItemThumbnail2({
+var ArtifactBarItemThumbnail = React16.memo(function ArtifactBarItemThumbnail2({
   artifact,
   config
 }) {
@@ -23350,7 +24131,7 @@ var ArtifactBarItemThumbnail = React24.memo(function ArtifactBarItemThumbnail2({
   }
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-10 h-10 rounded-lg bg-zinc-800/50 agent-sdk-light:bg-zinc-100 flex items-center justify-center flex-shrink-0 border border-zinc-700/30 agent-sdk-light:border-zinc-300", children: /* @__PURE__ */ jsxRuntime.jsx(TypeIcon, { size: 18, className: "text-zinc-400 agent-sdk-light:text-zinc-500" }) });
 });
-var ArtifactBarMiniThumbnail = React24.memo(function ArtifactBarMiniThumbnail2({
+var ArtifactBarMiniThumbnail = React16.memo(function ArtifactBarMiniThumbnail2({
   artifact,
   config
 }) {
@@ -23378,14 +24159,14 @@ var ArtifactBarMiniThumbnail = React24.memo(function ArtifactBarMiniThumbnail2({
   }
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-6 h-6 rounded border border-zinc-700 agent-sdk-light:border-zinc-300 bg-zinc-800 agent-sdk-light:bg-zinc-200 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(TypeIcon, { size: 10, className: "text-zinc-400" }) });
 });
-var ArtifactBar = React24__namespace.default.memo(function ArtifactBar2({
+var ArtifactBar = React16__namespace.default.memo(function ArtifactBar2({
   artifacts,
   onOpenArtifact,
   config
 }) {
-  const [expanded, setExpanded] = React24.useState(false);
-  const barRef = React24.useRef(null);
-  React24.useEffect(() => {
+  const [expanded, setExpanded] = React16.useState(false);
+  const barRef = React16.useRef(null);
+  React16.useEffect(() => {
     if (!expanded) return;
     const handleClickOutside = (e) => {
       if (barRef.current && !barRef.current.contains(e.target)) {
@@ -23485,7 +24266,7 @@ var ArtifactBar = React24__namespace.default.memo(function ArtifactBar2({
               artifacts.length - 4
             ] }) })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { size: 14, className: cn2(
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { size: 14, className: cn3(
             "text-zinc-500 transition-transform flex-shrink-0",
             expanded && "rotate-180"
           ) })
@@ -23507,12 +24288,12 @@ function useArtifactPanel({ currentSessionId }) {
     reorderArtifacts,
     updateArtifactContent
   } = useAgentStore();
-  const [isArtifactFullscreen, setIsArtifactFullscreen] = React24.useState(false);
-  const [artifactPanelWidth, setArtifactPanelWidth] = React24.useState(50);
-  const [isDragging, setIsDragging] = React24.useState(false);
-  const dragStartRef = React24.useRef(null);
-  const containerRef = React24.useRef(null);
-  const artifactList = React24__namespace.default.useMemo(() => {
+  const [isArtifactFullscreen, setIsArtifactFullscreen] = React16.useState(false);
+  const [artifactPanelWidth, setArtifactPanelWidth] = React16.useState(50);
+  const [isDragging, setIsDragging] = React16.useState(false);
+  const dragStartRef = React16.useRef(null);
+  const containerRef = React16.useRef(null);
+  const artifactList = React16__namespace.default.useMemo(() => {
     const ordered = artifactOrder.map((id) => artifacts[id]).filter(Boolean);
     const unordered = Object.values(artifacts).filter(
       (a) => !artifactOrder.includes(a.id)
@@ -23520,7 +24301,7 @@ function useArtifactPanel({ currentSessionId }) {
     return [...ordered, ...unordered];
   }, [artifacts, artifactOrder]);
   const activeArtifact = activeArtifactId ? artifacts[activeArtifactId] ?? null : null;
-  const handleDragMouseDown = React24.useCallback((e) => {
+  const handleDragMouseDown = React16.useCallback((e) => {
     e.preventDefault();
     e.stopPropagation();
     dragStartRef.current = {
@@ -23531,7 +24312,7 @@ function useArtifactPanel({ currentSessionId }) {
     document.body.style.cursor = "col-resize";
     document.body.style.userSelect = "none";
   }, [artifactPanelWidth]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     if (!isDragging) return;
     const handleMouseMove = (e) => {
       if (!dragStartRef.current || !containerRef.current) return;
@@ -23562,7 +24343,7 @@ function useArtifactPanel({ currentSessionId }) {
       document.body.style.userSelect = "";
     };
   }, [isDragging]);
-  const handleOpenArtifact = React24.useCallback((data) => {
+  const handleOpenArtifact = React16.useCallback((data) => {
     const currentArtifact = activeArtifactId ? artifacts[activeArtifactId] : null;
     if (currentArtifact && currentArtifact.currentContent === data.content && currentArtifact.type === data.type) {
       setActiveArtifact(null);
@@ -23570,7 +24351,11 @@ function useArtifactPanel({ currentSessionId }) {
       return;
     }
     const existingArtifact = Object.values(artifacts).find(
-      (a) => a.currentContent === data.content && a.type === data.type
+      (a) => {
+        const sameContent = a.currentContent === data.content && a.type === data.type;
+        const sameId = a?.metadata?.workId === data.metadata?.workId;
+        return sameContent || sameId;
+      }
     );
     if (existingArtifact) {
       setActiveArtifact(existingArtifact.id);
@@ -23592,11 +24377,11 @@ function useArtifactPanel({ currentSessionId }) {
       setActiveArtifact(newArtifactEntry.id);
     }
   }, [activeArtifactId, artifacts, currentSessionId, upsertArtifact, setActiveArtifact]);
-  const handleCloseArtifact = React24.useCallback(() => {
+  const handleCloseArtifact = React16.useCallback(() => {
     setActiveArtifact(null);
     setIsArtifactFullscreen(false);
   }, [setActiveArtifact]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape" && activeArtifactId) {
         if (isArtifactFullscreen) {
@@ -23609,7 +24394,7 @@ function useArtifactPanel({ currentSessionId }) {
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [activeArtifactId, isArtifactFullscreen, setActiveArtifact]);
-  const handleToggleArtifactFullscreen = React24.useCallback(() => {
+  const handleToggleArtifactFullscreen = React16.useCallback(() => {
     setIsArtifactFullscreen((prev) => !prev);
   }, []);
   return {
@@ -23826,8 +24611,8 @@ function useSessionManager({
   onSessionIdChange,
   reconnect
 }) {
-  const [loading, setLoading] = React24.useState(true);
-  const [messagesLoading, setMessagesLoading] = React24.useState(false);
+  const [loading, setLoading] = React16.useState(true);
+  const [messagesLoading, setMessagesLoading] = React16.useState(false);
   const {
     sessions,
     setSessions,
@@ -23840,7 +24625,7 @@ function useSessionManager({
     upsertArtifact,
     setMessages
   } = useAgentStore();
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     setCurrentSession(null);
     setMessages([]);
     clearArtifacts();
@@ -23855,7 +24640,7 @@ function useSessionManager({
       }
     }).finally(() => setLoading(false));
   }, [projectId, agentId, setSessions, setCurrentSession, setMessages, clearArtifacts]);
-  const loadMessages = React24.useCallback(async (sessionId) => {
+  const loadMessages = React16.useCallback(async (sessionId) => {
     const res = await sessionService.getMessages(sessionId, { pageNo: 1, pageSize: 100 });
     if (res.success && res.data?.list) {
       const msgs = res.data.list.map((m) => {
@@ -23896,7 +24681,7 @@ function useSessionManager({
       }
     }
   }, [setMessages, reconnect]);
-  const handleNew = React24.useCallback(async () => {
+  const handleNew = React16.useCallback(async () => {
     const s = await createAndStartSession(projectId, agentId, "\u65B0\u5BF9\u8BDD");
     if (s?.sessionId) {
       addSession(s);
@@ -23906,7 +24691,7 @@ function useSessionManager({
       clearArtifacts();
     }
   }, [projectId, agentId, addSession, setCurrentSession, onSessionIdChange, setMessages, clearArtifacts]);
-  const handleSelect = React24.useCallback(async (s) => {
+  const handleSelect = React16.useCallback(async (s) => {
     setCurrentSession(s);
     onSessionIdChange?.(s.sessionId);
     setMessages([]);
@@ -23933,7 +24718,7 @@ function useSessionManager({
     }
     setMessagesLoading(false);
   }, [setCurrentSession, onSessionIdChange, setMessages, clearArtifacts, setArtifacts, loadMessages, upsertArtifact]);
-  const handleDelete2 = React24.useCallback((id) => {
+  const handleDelete2 = React16.useCallback((id) => {
     toast("\u5220\u9664\u6B64\u5BF9\u8BDD\uFF1F", {
       action: {
         label: "\u786E\u8BA4\u5220\u9664",
@@ -23958,7 +24743,7 @@ function useSessionManager({
       }
     });
   }, [currentSession, sessions, removeSession, setCurrentSession]);
-  const handleRename = React24.useCallback(async (id, title) => {
+  const handleRename = React16.useCallback(async (id, title) => {
     const res = await sessionService.updateTitle(id, title);
     if (res.success) {
       useAgentStore.getState().updateSession(id, { title });
@@ -23986,14 +24771,14 @@ function useMessageSender({
   activeArtifactId,
   artifacts
 }) {
-  const [input, setInput] = React24.useState("");
-  const [images, setImages] = React24.useState([]);
-  const [isSending, setIsSending] = React24.useState(false);
-  const textareaRef = React24.useRef(null);
-  const fileInputRef = React24.useRef(null);
-  const lastUserMessageRef = React24.useRef("");
+  const [input, setInput] = React16.useState("");
+  const [images, setImages] = React16.useState([]);
+  const [isSending, setIsSending] = React16.useState(false);
+  const textareaRef = React16.useRef(null);
+  const fileInputRef = React16.useRef(null);
+  const lastUserMessageRef = React16.useRef("");
   const { addMessage, updateMessage } = useAgentStore();
-  const handleSend = React24.useCallback(async () => {
+  const handleSend = React16.useCallback(async () => {
     if (!input.trim() && images.length === 0) return;
     if (!currentSessionId) return;
     if (isSending) return;
@@ -24102,13 +24887,13 @@ function useMessageSender({
       setIsSending(false);
     }
   }, [input, images, currentSessionId, sendMessage, config, activeArtifactId, artifacts, isSending, addMessage, updateMessage]);
-  const sendTextMessage = React24.useCallback(async (content) => {
+  const sendTextMessage = React16.useCallback(async (content) => {
     if (!content.trim()) return;
     if (!currentSessionId) return;
     lastUserMessageRef.current = content.trim();
     await sendMessage(currentSessionId, content.trim());
   }, [currentSessionId, sendMessage]);
-  const addAssetsWithPreview = React24.useCallback(async (assets) => {
+  const addAssetsWithPreview = React16.useCallback(async (assets) => {
     const previews = await Promise.all(
       assets.map(async (asset) => {
         if (asset.file instanceof File) {
@@ -24204,15 +24989,15 @@ function useTemplateManager({
   onTemplateSend,
   setInput
 } = {}) {
-  const [showTemplateSelector, setShowTemplateSelector] = React24.useState(false);
-  const [selectedTemplate, setSelectedTemplate] = React24.useState(null);
-  const [showSaveTemplate, setShowSaveTemplate] = React24.useState(false);
-  const [saveTemplateContent, setSaveTemplateContent] = React24.useState("");
-  const [isSavingTemplate, setIsSavingTemplate] = React24.useState(false);
-  const handleOpenTemplates = React24.useCallback(() => {
+  const [showTemplateSelector, setShowTemplateSelector] = React16.useState(false);
+  const [selectedTemplate, setSelectedTemplate] = React16.useState(null);
+  const [showSaveTemplate, setShowSaveTemplate] = React16.useState(false);
+  const [saveTemplateContent, setSaveTemplateContent] = React16.useState("");
+  const [isSavingTemplate, setIsSavingTemplate] = React16.useState(false);
+  const handleOpenTemplates = React16.useCallback(() => {
     setShowTemplateSelector(true);
   }, []);
-  const handleSelectTemplate = React24.useCallback((template) => {
+  const handleSelectTemplate = React16.useCallback((template) => {
     setShowTemplateSelector(false);
     if (template.variables && template.variables.length > 0) {
       setSelectedTemplate(template);
@@ -24220,15 +25005,15 @@ function useTemplateManager({
       setInput?.(template.content);
     }
   }, [setInput]);
-  const handleTemplateSend = React24.useCallback((content) => {
+  const handleTemplateSend = React16.useCallback((content) => {
     setSelectedTemplate(null);
     onTemplateSend?.(content);
   }, [onTemplateSend]);
-  const handleSaveAsTemplate = React24.useCallback((content) => {
+  const handleSaveAsTemplate = React16.useCallback((content) => {
     setSaveTemplateContent(content);
     setShowSaveTemplate(true);
   }, []);
-  const handleSaveTemplate = React24.useCallback(async (templateData) => {
+  const handleSaveTemplate = React16.useCallback(async (templateData) => {
     setIsSavingTemplate(true);
     try {
       await templateService.create(templateData);
@@ -24241,7 +25026,7 @@ function useTemplateManager({
       setIsSavingTemplate(false);
     }
   }, []);
-  const handleCancelSaveTemplate = React24.useCallback(() => {
+  const handleCancelSaveTemplate = React16.useCallback(() => {
     setShowSaveTemplate(false);
     setSaveTemplateContent("");
   }, []);
@@ -24261,13 +25046,13 @@ function useTemplateManager({
   };
 }
 function usePlanMode() {
-  const [planProcessing, setPlanProcessing] = React24.useState(false);
+  const [planProcessing, setPlanProcessing] = React16.useState(false);
   const currentPlan = useAgentStore((state) => state.chatUI.currentPlan);
   const waitingStepId = useAgentStore((state) => state.chatUI.waitingStepId);
   const setShowPlanConfirmDialog = useAgentStore((state) => state.setShowPlanConfirmDialog);
   const setShowHumanInputDialog = useAgentStore((state) => state.setShowHumanInputDialog);
   const clearPlanState = useAgentStore((state) => state.clearPlanState);
-  const handlePlanConfirm = React24.useCallback(async () => {
+  const handlePlanConfirm = React16.useCallback(async () => {
     if (!currentPlan?.publicId) return;
     setPlanProcessing(true);
     try {
@@ -24280,7 +25065,7 @@ function usePlanMode() {
       setPlanProcessing(false);
     }
   }, [currentPlan, setShowPlanConfirmDialog]);
-  const handlePlanReject = React24.useCallback(async () => {
+  const handlePlanReject = React16.useCallback(async () => {
     if (!currentPlan?.publicId) return;
     setPlanProcessing(true);
     try {
@@ -24294,7 +25079,7 @@ function usePlanMode() {
       setPlanProcessing(false);
     }
   }, [currentPlan, clearPlanState]);
-  const handlePlanPause = React24.useCallback(async () => {
+  const handlePlanPause = React16.useCallback(async () => {
     if (!currentPlan?.publicId) return;
     try {
       await planService.pause(currentPlan.publicId);
@@ -24303,7 +25088,7 @@ function usePlanMode() {
       toast.error("\u6682\u505C\u8BA1\u5212\u5931\u8D25");
     }
   }, [currentPlan]);
-  const handlePlanResume = React24.useCallback(async () => {
+  const handlePlanResume = React16.useCallback(async () => {
     if (!currentPlan?.publicId) return;
     try {
       await planService.resume(currentPlan.publicId);
@@ -24312,7 +25097,7 @@ function usePlanMode() {
       toast.error("\u6062\u590D\u8BA1\u5212\u5931\u8D25");
     }
   }, [currentPlan]);
-  const handlePlanCancel = React24.useCallback(async () => {
+  const handlePlanCancel = React16.useCallback(async () => {
     if (!currentPlan?.publicId) return;
     try {
       await planService.cancel(currentPlan.publicId);
@@ -24322,7 +25107,7 @@ function usePlanMode() {
       toast.error("\u53D6\u6D88\u8BA1\u5212\u5931\u8D25");
     }
   }, [currentPlan, clearPlanState]);
-  const handlePlanRetry = React24.useCallback(async () => {
+  const handlePlanRetry = React16.useCallback(async () => {
     if (!currentPlan?.publicId) return;
     setPlanProcessing(true);
     try {
@@ -24335,7 +25120,7 @@ function usePlanMode() {
       setPlanProcessing(false);
     }
   }, [currentPlan]);
-  const handlePlanSkip = React24.useCallback(async () => {
+  const handlePlanSkip = React16.useCallback(async () => {
     if (!currentPlan?.publicId) return;
     setPlanProcessing(true);
     try {
@@ -24348,7 +25133,7 @@ function usePlanMode() {
       setPlanProcessing(false);
     }
   }, [currentPlan]);
-  const handleHumanInput = React24.useCallback(async (stepId, input) => {
+  const handleHumanInput = React16.useCallback(async (stepId, input) => {
     if (!stepId || !currentPlan?.publicId) return;
     try {
       await planService.provideHumanInput(currentPlan.publicId, stepId, { input });
@@ -24372,7 +25157,7 @@ function usePlanMode() {
     handleHumanInput
   };
 }
-var AgentChat = React24__namespace.default.forwardRef(({
+var AgentChat = React16__namespace.default.forwardRef(({
   agentId,
   projectId,
   agentName,
@@ -24400,7 +25185,7 @@ var AgentChat = React24__namespace.default.forwardRef(({
   const showSidebar = !embedded && !hideSidebar;
   const showHeader = !embedded && !hideHeader;
   const outerComponents = useComponents();
-  const mergedComponents = React24__namespace.default.useMemo(() => {
+  const mergedComponents = React16__namespace.default.useMemo(() => {
     const configComponents = config?.components || {};
     const mergedRegistry = {
       InformationSupplement,
@@ -24418,6 +25203,7 @@ var AgentChat = React24__namespace.default.forwardRef(({
     tools: _tools,
     setTools,
     setSkills,
+    mainAgentIcon,
     setShowItemTime,
     setSubAgentConfigs,
     setMainAgentPublicId,
@@ -24425,11 +25211,11 @@ var AgentChat = React24__namespace.default.forwardRef(({
     setMainAgentIcon,
     setSubAgents
   } = useAgentStore();
-  const [mobileOpen, setMobileOpen] = React24.useState(false);
-  const [collapsed, setCollapsed] = React24.useState(false);
-  const [shareModalOpen, setShareModalOpen] = React24.useState(false);
-  const [shareSession, setShareSession] = React24.useState(null);
-  const [selectedTemplate, setSelectedTemplate] = React24.useState(null);
+  const [mobileOpen, setMobileOpen] = React16.useState(false);
+  const [collapsed, setCollapsed] = React16.useState(false);
+  const [shareModalOpen, setShareModalOpen] = React16.useState(false);
+  const [shareSession, setShareSession] = React16.useState(null);
+  const [selectedTemplate, setSelectedTemplate] = React16.useState(null);
   const {
     artifactList,
     activeArtifact,
@@ -24446,8 +25232,8 @@ var AgentChat = React24__namespace.default.forwardRef(({
     reorderArtifacts,
     updateArtifactContent
   } = useArtifactPanel({ currentSessionId: useAgentStore((state) => state.currentSession?.sessionId) });
-  const reconnectRef = React24.useRef(null);
-  const reconnectWrapper = React24.useCallback(async (messageId) => {
+  const reconnectRef = React16.useRef(null);
+  const reconnectWrapper = React16.useCallback(async (messageId) => {
     if (reconnectRef.current) {
       await reconnectRef.current(messageId);
     }
@@ -24493,14 +25279,14 @@ var AgentChat = React24__namespace.default.forwardRef(({
       }
     }
   });
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     reconnectRef.current = reconnect;
   }, [reconnect]);
   const isStreaming = useAgentStore((state) => state.chatUI.isStreaming);
   const streamingSessionId = useAgentStore((state) => state.chatUI.streamingSessionId);
   const isCurrentSessionStreaming = isStreaming && streamingSessionId === currentSession?.sessionId;
   const messages = useAgentStore((state) => state.messages);
-  const hasWaitingToolConfirmation = React24.useMemo(() => {
+  const hasWaitingToolConfirmation = React16.useMemo(() => {
     if (!currentSession?.sessionId) return false;
     return messages.some((m) => {
       if (m.sessionId !== currentSession.sessionId) return false;
@@ -24556,10 +25342,10 @@ var AgentChat = React24__namespace.default.forwardRef(({
     handlePlanSkip,
     handleHumanInput
   } = usePlanMode();
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     setShowItemTime(showItemTime);
   }, [showItemTime]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     agentToolService.list(agentId).then((res) => {
       res?.data?.length && setTools(res.data);
     });
@@ -24584,7 +25370,7 @@ var AgentChat = React24__namespace.default.forwardRef(({
       }
     });
   }, [agentId]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     if (initialSessionId && sessions.length > 0) {
       const session = sessions.find((s) => s.sessionId === initialSessionId);
       if (session) {
@@ -24592,7 +25378,7 @@ var AgentChat = React24__namespace.default.forwardRef(({
       }
     }
   }, [initialSessionId, sessions]);
-  const handleDeleteMessage = React24.useCallback(async (messageId) => {
+  const handleDeleteMessage = React16.useCallback(async (messageId) => {
     try {
       const { messages: messages2, updateMessage } = useAgentStore.getState();
       const target = messages2.find((m) => m.messageId === messageId);
@@ -24616,7 +25402,7 @@ var AgentChat = React24__namespace.default.forwardRef(({
       return false;
     }
   }, []);
-  const handleAbortMessage = React24.useCallback(async (messageId) => {
+  const handleAbortMessage = React16.useCallback(async (messageId) => {
     const { messages: messages2, updateMessage, clearPendingToolCalls, clearPendingFrontendToolCalls, clearPendingComponents } = useAgentStore.getState();
     const target = messages2.find((m) => m.messageId === messageId);
     const activeStreaming = messages2.find((m) => m.status === "streaming");
@@ -24654,7 +25440,7 @@ var AgentChat = React24__namespace.default.forwardRef(({
       }
     }
   }, [abort, messageService]);
-  const handleStop = React24.useCallback(() => {
+  const handleStop = React16.useCallback(() => {
     const storeState = useAgentStore.getState();
     const streamingMsg = storeState.messages.find((m) => m.status === "streaming");
     if (streamingMsg) {
@@ -24671,7 +25457,7 @@ var AgentChat = React24__namespace.default.forwardRef(({
     }
     abort();
   }, [handleAbortMessage, abort]);
-  React24.useImperativeHandle(ref, () => ({
+  React16.useImperativeHandle(ref, () => ({
     sendTextMessage,
     abortStreaming: async () => abort()
   }), [sendTextMessage, abort]);
@@ -24710,6 +25496,7 @@ var AgentChat = React24__namespace.default.forwardRef(({
             onNew: handleNew,
             agentName,
             agentType,
+            agentIcon: mainAgentIcon,
             collapsed,
             onToggle: () => setCollapsed(!collapsed)
           }
@@ -24751,21 +25538,21 @@ var AgentChat = React24__namespace.default.forwardRef(({
               /* @__PURE__ */ jsxRuntime.jsxs(
                 "div",
                 {
-                  className: cn2(
+                  className: cn3(
                     "flex flex-col min-h-0 overflow-hidden",
                     !isDragging && "transition-[width,opacity,transform] duration-300 ease-out",
                     isArtifactFullscreen ? "w-0 min-w-0 opacity-0 -translate-x-4" : currentArtifact ? "min-w-[350px]" : "w-full"
                   ),
                   style: currentArtifact && !isArtifactFullscreen ? { width: `${100 - artifactPanelWidth}%` } : void 0,
                   children: [
-                    showHeader && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 h-12 px-3 border-b border-zinc-800/50 bg-zinc-950/80 backdrop-blur-sm flex-shrink-0", children: [
+                    showHeader ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 h-12 px-3 border-b border-zinc-800/50 bg-zinc-950/80 backdrop-blur-sm flex-shrink-0", children: [
                       /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setMobileOpen(true), className: "lg:hidden p-1.5 text-zinc-500 hover:text-zinc-300 hover:bg-zinc-800 rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelLeft, { size: 18 }) }),
                       onNavigateBack && /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onNavigateBack, className: "p-1.5 text-zinc-500 hover:text-zinc-300 hover:bg-zinc-800 rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { size: 18 }) }),
                       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-px bg-zinc-800 mx-1" }),
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-zinc-300 font-medium", children: agentName || "Agent" }),
                       agentType && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-zinc-600 bg-zinc-800/50 px-1.5 py-0.5 rounded", children: agentType === "BUILTIN" ? "\u5185\u7F6E" : agentType === "EXTERNAL" ? "\u5916\u90E8" : "\u591AAgent" }),
                       onNavigateToSettings && /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onNavigateToSettings, className: "ml-auto p-1.5 text-zinc-500 hover:text-zinc-300 hover:bg-zinc-800 rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { size: 18 }) })
-                    ] }),
+                    ] }) : /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setMobileOpen(true), className: "lg:hidden p-1.5 text-zinc-500 hover:text-zinc-300 hover:bg-zinc-800 rounded-lg w-8", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelLeft, { size: 18 }) }),
                     /* @__PURE__ */ jsxRuntime.jsx(
                       ChatWindow_default,
                       {
@@ -24842,7 +25629,7 @@ var AgentChat = React24__namespace.default.forwardRef(({
               /* @__PURE__ */ jsxRuntime.jsxs(
                 "div",
                 {
-                  className: cn2(
+                  className: cn3(
                     "flex-shrink-0 overflow-hidden h-full relative",
                     !isDragging && "transition-[width,opacity] duration-300 ease-out",
                     currentArtifact ? isArtifactFullscreen ? "w-full min-w-0 border-l-0" : "min-w-[400px]" : "w-0 min-w-0 opacity-0"
@@ -24875,21 +25662,18 @@ var AgentChat = React24__namespace.default.forwardRef(({
                           }
                         },
                         onReorderArtifacts: (fromIndex, toIndex) => {
-                          const newOrder = [...artifactList.map((a) => a.id)];
-                          const [moved] = newOrder.splice(fromIndex, 1);
-                          newOrder.splice(toIndex, 0, moved);
-                          reorderArtifacts(newOrder);
+                          reorderArtifacts(fromIndex, toIndex);
                         },
                         onContentChange: (content) => {
                           if (activeArtifact) {
-                            updateArtifactContent(activeArtifact.id, content);
+                            updateArtifactContent(activeArtifact.id, content, "user");
                           }
                         },
                         onSave: async (artifactId, content) => {
                           try {
                             const res = await artifactService.updateContent(artifactId, content);
                             if (res.success) {
-                              updateArtifactContent(artifactId, content);
+                              updateArtifactContent(artifactId, content, "user");
                               toast.success("\u4EA7\u7269\u5DF2\u4FDD\u5B58");
                             } else {
                               toast.error("\u4FDD\u5B58\u5931\u8D25");
@@ -24982,26 +25766,26 @@ var SPEED_OPTIONS = [
   { value: 20, label: "20x" }
 ];
 function ShareReplayPage({ shareId, onNavigateBack }) {
-  const [pageState, setPageState] = React24.useState("loading");
-  const [error, setError] = React24.useState(null);
-  const [password, setPassword] = React24.useState("");
-  const [verifying, setVerifying] = React24.useState(false);
-  const [shareToken, setShareToken] = React24.useState(null);
-  const [sharedData, setSharedData] = React24.useState(null);
-  const [allMessages, setAllMessages] = React24.useState([]);
-  const [playState, setPlayState] = React24.useState("idle");
-  const [currentIndex, setCurrentIndex] = React24.useState(0);
-  const [displayedMessages, setDisplayedMessages] = React24.useState([]);
-  const [speed, setSpeed] = React24.useState(2);
-  const [isTyping, setIsTyping] = React24.useState(false);
-  const [typingContent, setTypingContent] = React24.useState("");
-  const timerRef = React24.useRef(null);
-  const messagesEndRef = React24.useRef(null);
-  const playStateRef = React24.useRef("idle");
-  const currentIndexRef = React24.useRef(0);
-  const isTypingRef = React24.useRef(false);
-  const typingStartTimeRef = React24.useRef("");
-  const typingMessage = React24.useMemo(() => {
+  const [pageState, setPageState] = React16.useState("loading");
+  const [error, setError] = React16.useState(null);
+  const [password, setPassword] = React16.useState("");
+  const [verifying, setVerifying] = React16.useState(false);
+  const [shareToken, setShareToken] = React16.useState(null);
+  const [sharedData, setSharedData] = React16.useState(null);
+  const [allMessages, setAllMessages] = React16.useState([]);
+  const [playState, setPlayState] = React16.useState("idle");
+  const [currentIndex, setCurrentIndex] = React16.useState(0);
+  const [displayedMessages, setDisplayedMessages] = React16.useState([]);
+  const [speed, setSpeed] = React16.useState(2);
+  const [isTyping, setIsTyping] = React16.useState(false);
+  const [typingContent, setTypingContent] = React16.useState("");
+  const timerRef = React16.useRef(null);
+  const messagesEndRef = React16.useRef(null);
+  const playStateRef = React16.useRef("idle");
+  const currentIndexRef = React16.useRef(0);
+  const isTypingRef = React16.useRef(false);
+  const typingStartTimeRef = React16.useRef("");
+  const typingMessage = React16.useMemo(() => {
     const sessionIdValue = sharedData?.session?.sessionId || shareId;
     if (!sessionIdValue) return null;
     return {
@@ -25014,7 +25798,7 @@ function ShareReplayPage({ shareId, onNavigateBack }) {
     };
   }, [sharedData?.session?.sessionId, shareId]);
   const getTokenStorageKey = (id) => `share_token_${id}`;
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     async function checkShare() {
       if (!shareId) {
         setError("\u5206\u4EAB ID \u65E0\u6548");
@@ -25081,29 +25865,29 @@ function ShareReplayPage({ shareId, onNavigateBack }) {
       setVerifying(false);
     }
   };
-  const scrollToBottom = React24.useCallback(() => {
+  const scrollToBottom = React16.useCallback(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, []);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     scrollToBottom();
   }, [displayedMessages, typingContent, scrollToBottom]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     return () => {
       if (timerRef.current) {
         clearTimeout(timerRef.current);
       }
     };
   }, []);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     playStateRef.current = playState;
   }, [playState]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     currentIndexRef.current = currentIndex;
   }, [currentIndex]);
-  React24.useEffect(() => {
+  React16.useEffect(() => {
     isTypingRef.current = isTyping;
   }, [isTyping]);
-  const scheduleNext = React24.useCallback(() => {
+  const scheduleNext = React16.useCallback(() => {
     if (playStateRef.current !== "playing") return;
     const idx = currentIndexRef.current;
     if (idx >= allMessages.length) {
@@ -25153,7 +25937,7 @@ function ShareReplayPage({ shareId, onNavigateBack }) {
     };
     typeChar();
   }, [allMessages, speed]);
-  const handlePlay = React24.useCallback(() => {
+  const handlePlay = React16.useCallback(() => {
     if (timerRef.current) {
       clearTimeout(timerRef.current);
     }
@@ -25183,14 +25967,14 @@ function ShareReplayPage({ shareId, onNavigateBack }) {
       scheduleNext();
     }, 100);
   }, [playState, allMessages, scheduleNext]);
-  const handlePause = React24.useCallback(() => {
+  const handlePause = React16.useCallback(() => {
     if (timerRef.current) {
       clearTimeout(timerRef.current);
     }
     setPlayState("paused");
     playStateRef.current = "paused";
   }, []);
-  const handleReset = React24.useCallback(() => {
+  const handleReset = React16.useCallback(() => {
     if (timerRef.current) {
       clearTimeout(timerRef.current);
     }
@@ -25203,7 +25987,7 @@ function ShareReplayPage({ shareId, onNavigateBack }) {
     isTypingRef.current = false;
     setTypingContent("");
   }, []);
-  const handleSkip = React24.useCallback(() => {
+  const handleSkip = React16.useCallback(() => {
     if (timerRef.current) {
       clearTimeout(timerRef.current);
     }
@@ -25221,12 +26005,12 @@ function ShareReplayPage({ shareId, onNavigateBack }) {
       }
     }
   }, [allMessages, scheduleNext]);
-  const handleShare = React24.useCallback(() => {
+  const handleShare = React16.useCallback(() => {
     const url = window.location.href;
     navigator.clipboard.writeText(url);
     toast.success("\u94FE\u63A5\u5DF2\u590D\u5236\u5230\u526A\u8D34\u677F");
   }, []);
-  const handleShowAll = React24.useCallback(() => {
+  const handleShowAll = React16.useCallback(() => {
     if (timerRef.current) {
       clearTimeout(timerRef.current);
     }
@@ -25414,8 +26198,36 @@ function ShareReplayPage({ shareId, onNavigateBack }) {
     ] }) })
   ] });
 }
+var AgentSDKProvider = ({
+  children,
+  toasterOptions,
+  components
+}) => {
+  const defaultToastOptions = {
+    position: "top-center",
+    toastOptions: {
+      style: {
+        background: "#27272a",
+        border: "1px solid #3f3f46",
+        color: "#fff"
+      }
+    }
+  };
+  const mergedOptions = toasterOptions ? { ...defaultToastOptions, ...toasterOptions } : defaultToastOptions;
+  return /* @__PURE__ */ jsxRuntime.jsxs(ComponentProvider, { components, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Toaster,
+      {
+        position: mergedOptions.position,
+        toastOptions: mergedOptions.toastOptions
+      }
+    )
+  ] });
+};
 
 exports.AgentChat = AgentChat_default;
+exports.AgentSDKProvider = AgentSDKProvider;
 exports.ChatWindow = ChatWindow_default;
 exports.ComponentProvider = ComponentProvider;
 exports.HumanInputDialog = HumanInputDialog_default;