@malette/agent-sdk 0.1.0 → 0.1.1-alpha.0

package/dist/index.js

@@ -4,9 +4,9 @@ var Cookies2 = require('js-cookie');
 var OSS = require('ali-oss');
 var zustand = require('zustand');
 var middleware = require('zustand/middleware');
-var React21 = require('react');
-var ReactMarkdown = require('react-markdown');
+var React20 = require('react');
 var lucideReact = require('lucide-react');
+var ReactMarkdown = require('react-markdown');
 var jsxRuntime = require('react/jsx-runtime');
 var shallow = require('zustand/react/shallow');
 var DialogPrimitive = require('@radix-ui/react-dialog');
@@ -36,7 +36,7 @@ function _interopNamespace(e) {
 
 var Cookies2__default = /*#__PURE__*/_interopDefault(Cookies2);
 var OSS__default = /*#__PURE__*/_interopDefault(OSS);
-var React21__namespace = /*#__PURE__*/_interopNamespace(React21);
+var React20__namespace = /*#__PURE__*/_interopNamespace(React20);
 var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
 var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
 var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
@@ -1369,15 +1369,15 @@ async function fetchBackendExtraData(localMessageId, backendMessageId, updateMes
   }
 }
 function useSSE(options) {
-  const abortControllerRef = React21.useRef(null);
-  const currentMessageIdRef = React21.useRef(null);
-  const [isConnected, setIsConnected] = React21.useState(false);
-  const heartbeatTimeoutRef = React21.useRef(null);
-  const reconnectAttemptsRef = React21.useRef(0);
-  const lastActivityTimeRef = React21.useRef(Date.now());
-  const isReconnectingRef = React21.useRef(false);
-  const currentSessionIdRef = React21.useRef(null);
-  const currentLocalMessageIdRef = React21.useRef(null);
+  const abortControllerRef = React20.useRef(null);
+  const currentMessageIdRef = React20.useRef(null);
+  const [isConnected, setIsConnected] = React20.useState(false);
+  const heartbeatTimeoutRef = React20.useRef(null);
+  const reconnectAttemptsRef = React20.useRef(0);
+  const lastActivityTimeRef = React20.useRef(Date.now());
+  const isReconnectingRef = React20.useRef(false);
+  const currentSessionIdRef = React20.useRef(null);
+  const currentLocalMessageIdRef = React20.useRef(null);
   const {
     addMessage,
     updateMessage,
@@ -1407,13 +1407,13 @@ function useSSE(options) {
     setWaitingStepId,
     clearPlanState
   } = useAgentStore();
-  const clearHeartbeatTimeout = React21.useCallback(() => {
+  const clearHeartbeatTimeout = React20.useCallback(() => {
     if (heartbeatTimeoutRef.current) {
       clearTimeout(heartbeatTimeoutRef.current);
       heartbeatTimeoutRef.current = null;
     }
   }, []);
-  const resetHeartbeatTimeout = React21.useCallback((onTimeout) => {
+  const resetHeartbeatTimeout = React20.useCallback((onTimeout) => {
     lastActivityTimeRef.current = Date.now();
     clearHeartbeatTimeout();
     heartbeatTimeoutRef.current = setTimeout(() => {
@@ -1421,17 +1421,17 @@ function useSSE(options) {
       onTimeout();
     }, SSE_HEARTBEAT_TIMEOUT);
   }, [clearHeartbeatTimeout]);
-  const getReconnectDelay = React21.useCallback(() => {
+  const getReconnectDelay = React20.useCallback(() => {
     const attempt = reconnectAttemptsRef.current;
     const delay = RECONNECT_BASE_DELAY * Math.pow(2, attempt);
     return Math.min(delay, 8e3);
   }, []);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     return () => {
       clearHeartbeatTimeout();
     };
   }, [clearHeartbeatTimeout]);
-  const handleFinalEvent = React21.useCallback(async (data, localMessageId) => {
+  const handleFinalEvent = React20.useCallback(async (data, localMessageId) => {
     setIsStreaming(false);
     setIsThinking(false);
     clearStreamingContent();
@@ -1490,7 +1490,7 @@ function useSSE(options) {
     }
     options?.onComplete?.(data.content);
   }, [setIsStreaming, setIsThinking, clearStreamingContent, updateMessage, clearThoughts, options]);
-  const normalizeToolCalls2 = React21.useCallback((toolCalls) => {
+  const normalizeToolCalls2 = React20.useCallback((toolCalls) => {
     if (!Array.isArray(toolCalls)) return [];
     return toolCalls.map((tc) => ({
       id: tc.id || tc.toolCallId || generateId(),
@@ -1504,7 +1504,7 @@ function useSSE(options) {
       endTime: tc.endTime
     }));
   }, []);
-  const handleThoughtEvent = React21.useCallback((eventType, data, localMessageId) => {
+  const handleThoughtEvent = React20.useCallback((eventType, data, localMessageId) => {
     if (eventType === "reasoning_error") {
       const errorContent = data.content || data.error || data.message || "\u53D1\u751F\u9519\u8BEF";
       setIsStreaming(false);
@@ -2188,7 +2188,7 @@ function useSSE(options) {
     clearPlanState,
     options
   ]);
-  const processSSEStream = React21.useCallback(async (response, localMessageId, onMessageStart) => {
+  const processSSEStream = React20.useCallback(async (response, localMessageId, onMessageStart) => {
     const reader = response.body?.getReader();
     const decoder = new TextDecoder();
     let buffer = "";
@@ -2270,7 +2270,7 @@ function useSSE(options) {
       }
     }
   }, [handleThoughtEvent, resetHeartbeatTimeout, clearHeartbeatTimeout, getReconnectDelay, setChatError]);
-  const sendMessage = React21.useCallback(async (sessionId, content, sendOptions) => {
+  const sendMessage = React20.useCallback(async (sessionId, content, sendOptions) => {
     abortControllerRef.current?.abort();
     abortControllerRef.current = new AbortController();
     clearThoughts();
@@ -2397,7 +2397,7 @@ function useSSE(options) {
     processSSEStream,
     options
   ]);
-  const reconnect = React21.useCallback(async (messageId) => {
+  const reconnect = React20.useCallback(async (messageId) => {
     abortControllerRef.current?.abort();
     abortControllerRef.current = new AbortController();
     clearThoughts();
@@ -2421,7 +2421,7 @@ function useSSE(options) {
       currentMessageIdRef.current = null;
     }
   }, [clearThoughts, clearStreamingContent, clearPendingToolCalls, setIsThinking, setIsStreaming, processSSEStream, options]);
-  const abort = React21.useCallback(async () => {
+  const abort = React20.useCallback(async () => {
     clearHeartbeatTimeout();
     reconnectAttemptsRef.current = 0;
     isReconnectingRef.current = false;
@@ -6527,75 +6527,6 @@ function remarkGfm(options) {
   fromMarkdownExtensions.push(gfmFromMarkdown());
   toMarkdownExtensions.push(gfmToMarkdown(settings));
 }
-
-// src/utils/asset.ts
-var isHttpUrl = (value) => {
-  if (!value) return false;
-  try {
-    const url = new URL(value);
-    return url.protocol === "http:" || url.protocol === "https:";
-  } catch {
-    return false;
-  }
-};
-var isVideoUrl = (url) => {
-  if (!url) return false;
-  try {
-    const urlObj = new URL(url, "http://dummy");
-    const pathname = urlObj.pathname.toLowerCase();
-    return /\.(mp4|mov|webm|avi|mkv|m4v)$/i.test(pathname);
-  } catch {
-    const lower = url.toLowerCase();
-    return /\.(mp4|mov|webm|avi|mkv|m4v)(\?|#|$)/i.test(lower);
-  }
-};
-var inferAssetTypeFromFile = (file) => {
-  if (!file) return "file";
-  if (file.type?.startsWith("video/")) return "video";
-  if (file.type?.startsWith("image/")) return "image";
-  return "file";
-};
-var inferAssetTypeFromUrl = (url) => {
-  if (!url) return "file";
-  return isVideoUrl(url) ? "video" : "image";
-};
-var createAssetFromSource = (options) => {
-  const { fileId, fileUrl, type } = options;
-  if (!fileId && !fileUrl) return null;
-  const url = fileUrl && isHttpUrl(fileUrl) ? fileUrl : void 0;
-  const inferredFileId = fileId || (!url && fileUrl ? fileUrl : void 0);
-  const assetType = type || (url ? inferAssetTypeFromUrl(url) : "image");
-  return {
-    type: assetType,
-    fileId: inferredFileId,
-    url
-  };
-};
-var resolveAssetForDisplay = async (asset, config) => {
-  let working = asset;
-  const strategy = config?.asset;
-  if (strategy?.resolve && !working.url) {
-    working = await strategy.resolve(working);
-  }
-  if (strategy?.transform) {
-    working = strategy.transform(working);
-  }
-  if (strategy?.render) {
-    return strategy.render(working);
-  }
-  if (working.url) {
-    return {
-      url: working.url,
-      hdUrl: working.url,
-      isVideo: working.type === "video" || inferAssetTypeFromUrl(working.url) === "video"
-    };
-  }
-  if (working.fileId) {
-    const resolved = resolveMediaUrl({ fileId: working.fileId });
-    if (resolved) return resolved;
-  }
-  return null;
-};
 function formatTime(timestamp) {
   const date = new Date(timestamp);
   return date.toLocaleTimeString("zh-CN", {
@@ -6653,8 +6584,8 @@ function getStepTypeInfo(type) {
       };
   }
 }
-var ToolCallCard = React21.memo(function ToolCallCard2({ toolCall }) {
-  const [expanded, setExpanded] = React21.useState(false);
+var ToolCallCard = React20.memo(function ToolCallCard2({ toolCall }) {
+  const [expanded, setExpanded] = React20.useState(false);
   const status = toolCall.status?.toUpperCase?.() || "PENDING";
   const isPending = status === "PENDING";
   const isSuccess = status === "SUCCESS" || status === "COMPLETED";
@@ -6753,7 +6684,7 @@ var ToolCallCard = React21.memo(function ToolCallCard2({ toolCall }) {
     ] })
   ] });
 });
-var ThoughtStepCard = React21.memo(function ThoughtStepCard2({
+var ThoughtStepCard = React20.memo(function ThoughtStepCard2({
   step,
   isSubAgent,
   isStreaming
@@ -6825,7 +6756,7 @@ var ThoughtStepCard = React21.memo(function ThoughtStepCard2({
     ] })
   ] });
 });
-var SubAgentsSummary = React21.memo(function SubAgentsSummary2({
+var SubAgentsSummary = React20.memo(function SubAgentsSummary2({
   subAgents
 }) {
   if (subAgents.length === 0) return null;
@@ -6906,11 +6837,11 @@ function mergeConsecutiveSteps(steps) {
   }
   return merged;
 }
-var MultiAgentThoughts = React21.memo(function MultiAgentThoughts2({
+var MultiAgentThoughts = React20.memo(function MultiAgentThoughts2({
   thoughts,
   isStreaming
 }) {
-  const { sortedSteps, subAgents, isMultiAgent } = React21.useMemo(() => {
+  const { sortedSteps, subAgents, isMultiAgent } = React20.useMemo(() => {
     const rawSteps = thoughts.map((t) => ({
       id: t.id,
       type: t.type,
@@ -6961,6 +6892,76 @@ var MultiAgentThoughts = React21.memo(function MultiAgentThoughts2({
 });
 var MultiAgentThoughts_default = MultiAgentThoughts;
 
+// src/utils/asset.ts
+var isHttpUrl = (value) => {
+  if (!value) return false;
+  try {
+    const url = new URL(value);
+    return url.protocol === "http:" || url.protocol === "https:";
+  } catch {
+    return false;
+  }
+};
+var isVideoUrl = (url) => {
+  if (!url) return false;
+  try {
+    const urlObj = new URL(url, "http://dummy");
+    const pathname = urlObj.pathname.toLowerCase();
+    return /\.(mp4|mov|webm|avi|mkv|m4v)$/i.test(pathname);
+  } catch {
+    const lower = url.toLowerCase();
+    return /\.(mp4|mov|webm|avi|mkv|m4v)(\?|#|$)/i.test(lower);
+  }
+};
+var inferAssetTypeFromFile = (file) => {
+  if (!file) return "file";
+  if (file.type?.startsWith("video/")) return "video";
+  if (file.type?.startsWith("image/")) return "image";
+  return "file";
+};
+var inferAssetTypeFromUrl = (url) => {
+  if (!url) return "file";
+  return isVideoUrl(url) ? "video" : "image";
+};
+var createAssetFromSource = (options) => {
+  const { fileId, fileUrl, type } = options;
+  if (!fileId && !fileUrl) return null;
+  const url = fileUrl && isHttpUrl(fileUrl) ? fileUrl : void 0;
+  const inferredFileId = fileId || (!url && fileUrl ? fileUrl : void 0);
+  const assetType = type || (url ? inferAssetTypeFromUrl(url) : "image");
+  return {
+    type: assetType,
+    fileId: inferredFileId,
+    url
+  };
+};
+var resolveAssetForDisplay = async (asset, config) => {
+  let working = asset;
+  const strategy = config?.asset;
+  console.log("Resolving asset for display:", asset, "with strategy:", strategy);
+  if (strategy?.resolve && !working.url) {
+    working = await strategy.resolve(working);
+  }
+  if (strategy?.transform) {
+    working = strategy.transform(working);
+  }
+  if (strategy?.render) {
+    return strategy.render(working);
+  }
+  if (working.fileId) {
+    const resolved = resolveMediaUrl({ fileId: working.fileId });
+    if (resolved) return resolved;
+  }
+  if (working.url) {
+    return {
+      url: working.url,
+      hdUrl: working.url,
+      isVideo: working.type === "video" || inferAssetTypeFromUrl(working.url) === "video"
+    };
+  }
+  return null;
+};
+
 // ../../node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
@@ -7330,7 +7331,7 @@ var fractionRegex = /^\d+\/\d+$/;
 var stringLengths = /* @__PURE__ */ new Set(["px", "full", "screen"]);
 var tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
 var lengthUnitRegex = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/;
-var colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/;
+var colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/;
 var shadowRegex = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
 var imageRegex = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
 var isLength = (value) => isNumber(value) || stringLengths.has(value) || fractionRegex.test(value);
@@ -9627,12 +9628,12 @@ function highlightJson(content) {
   }
   return tokens;
 }
-var StreamingJsonDisplay = React21.memo(function StreamingJsonDisplay2({
+var StreamingJsonDisplay = React20.memo(function StreamingJsonDisplay2({
   content,
   className
 }) {
-  const jsonContent = React21.useMemo(() => extractJsonContent(content), [content]);
-  const formattedContent = React21.useMemo(() => {
+  const jsonContent = React20.useMemo(() => extractJsonContent(content), [content]);
+  const formattedContent = React20.useMemo(() => {
     try {
       const parsed = JSON.parse(jsonContent);
       return JSON.stringify(parsed, null, 2);
@@ -9640,7 +9641,7 @@ var StreamingJsonDisplay = React21.memo(function StreamingJsonDisplay2({
       return formatPartialJson(jsonContent);
     }
   }, [jsonContent]);
-  const highlightedTokens = React21.useMemo(() => {
+  const highlightedTokens = React20.useMemo(() => {
     return highlightJson(formattedContent);
   }, [formattedContent]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(
@@ -9756,7 +9757,7 @@ var collectMediaAssetsFromResult = (result) => {
   }
   return assets;
 };
-var PlanMarkdownContent = React21.memo(function PlanMarkdownContent2({
+var PlanMarkdownContent = React20.memo(function PlanMarkdownContent2({
   content,
   className = ""
 }) {
@@ -9813,12 +9814,12 @@ var PlanMarkdownContent = React21.memo(function PlanMarkdownContent2({
     }
   ) });
 });
-var ImagePreviewModal = React21.memo(function ImagePreviewModal2({
+var ImagePreviewModal = React20.memo(function ImagePreviewModal2({
   src,
   onClose,
   config
 }) {
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape") onClose();
     };
@@ -9877,22 +9878,22 @@ var ImagePreviewModal = React21.memo(function ImagePreviewModal2({
     }
   );
 });
-var StepResultRenderer = React21.memo(function StepResultRenderer2({
+var StepResultRenderer = React20.memo(function StepResultRenderer2({
   result,
   stepType,
   toolInput,
   stepStatus,
   config
 }) {
-  const [showDetails, setShowDetails] = React21.useState(false);
-  const [showPlannedParams, setShowPlannedParams] = React21.useState(false);
-  const [copied, setCopied] = React21.useState(false);
-  const [previewImage, setPreviewImage] = React21.useState(null);
-  const [imgLoaded, setImgLoaded] = React21.useState({});
-  const [imgError, setImgError] = React21.useState({});
-  const [media, setMedia] = React21.useState([]);
-  const text3 = React21.useMemo(() => extractTextContent(result), [result]);
-  React21.useEffect(() => {
+  const [showDetails, setShowDetails] = React20.useState(false);
+  const [showPlannedParams, setShowPlannedParams] = React20.useState(false);
+  const [copied, setCopied] = React20.useState(false);
+  const [previewImage, setPreviewImage] = React20.useState(null);
+  const [imgLoaded, setImgLoaded] = React20.useState({});
+  const [imgError, setImgError] = React20.useState({});
+  const [media, setMedia] = React20.useState([]);
+  const text3 = React20.useMemo(() => extractTextContent(result), [result]);
+  React20.useEffect(() => {
     let active = true;
     const loadMedia = async () => {
       const assets = collectMediaAssetsFromResult(result);
@@ -9922,11 +9923,11 @@ var StepResultRenderer = React21.memo(function StepResultRenderer2({
   }, [result, config]);
   const isToolCall = stepType === "TOOL_CALL";
   const isCompleted = stepStatus === "COMPLETED";
-  const actualParams = React21.useMemo(() => {
+  const actualParams = React20.useMemo(() => {
     if (!result || typeof result !== "object") return null;
     return result.actualArguments || result.executedArguments || result.input || null;
   }, [result]);
-  const paramsChanged = React21.useMemo(() => {
+  const paramsChanged = React20.useMemo(() => {
     if (!toolInput || !actualParams) return false;
     return JSON.stringify(toolInput) !== JSON.stringify(actualParams);
   }, [toolInput, actualParams]);
@@ -9997,7 +9998,7 @@ var StepResultRenderer = React21.memo(function StepResultRenderer2({
           className: "relative group/plan-img cursor-zoom-in",
           onClick: () => setPreviewImage(item.hdUrl),
           children: [
-            !imgLoaded[i] && !imgError[i] && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-20 h-20 rounded-lg bg-zinc-800 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-4 h-4 text-zinc-600 animate-spin" }) }),
+            !imgLoaded[i] && !imgError[i] && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-20 h-20 rounded-lg bg-zinc-800 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-[#d8ff00]" }) }),
             imgError[i] && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-20 h-20 rounded-lg bg-zinc-800 flex items-center justify-center border border-zinc-700", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Image, { className: "w-5 h-5 text-zinc-600" }) }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "img",
@@ -10060,7 +10061,7 @@ var StepResultRenderer = React21.memo(function StepResultRenderer2({
     ] })
   ] });
 });
-var StepItem = React21.memo(function StepItem2({
+var StepItem = React20.memo(function StepItem2({
   step,
   index,
   isWaitingInput,
@@ -10068,8 +10069,8 @@ var StepItem = React21.memo(function StepItem2({
   streamingContent,
   onHumanInput
 }) {
-  const [inputValue, setInputValue] = React21.useState("");
-  const [submitting, setSubmitting] = React21.useState(false);
+  const [inputValue, setInputValue] = React20.useState("");
+  const [submitting, setSubmitting] = React20.useState(false);
   const style = getStepStatusStyle(step.status);
   const isRunning = step.status === "RUNNING" || isCurrentStep && step.status !== "COMPLETED" && step.status !== "FAILED";
   const handleSubmit = async () => {
@@ -10079,7 +10080,7 @@ var StepItem = React21.memo(function StepItem2({
     setSubmitting(false);
     setInputValue("");
   };
-  const executionTime = React21.useMemo(() => {
+  const executionTime = React20.useMemo(() => {
     const s = step;
     if (s.startTime && s.endTime) {
       const duration = s.endTime - s.startTime;
@@ -10177,7 +10178,7 @@ var StepItem = React21.memo(function StepItem2({
     ] }) })
   ] });
 });
-var PlanCard = React21.memo(function PlanCard2({
+var PlanCard = React20.memo(function PlanCard2({
   plan = {},
   isProcessing = false,
   waitingStepId,
@@ -10192,10 +10193,10 @@ var PlanCard = React21.memo(function PlanCard2({
   onSkip,
   onCancel
 }) {
-  const [expanded, setExpanded] = React21.useState(true);
+  const [expanded, setExpanded] = React20.useState(true);
   const rawSteps = Array.isArray(plan?.steps) ? plan?.steps : plan?.steps?.steps || [];
   const validSteps = rawSteps.filter((step) => step && step.type && !("$ref" in step)) || [];
-  React21.useEffect(() => {
+  React20.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)");
@@ -10211,7 +10212,7 @@ var PlanCard = React21.memo(function PlanCard2({
   const isPaused = plan.status === "PAUSED";
   const isCancelled = plan.status === "CANCELLED";
   const hasError = isPaused && !!plan.errorMessage;
-  React21.useMemo(() => {
+  React20.useMemo(() => {
     if (hasError) {
       const failedIndex = plan.failedStepIndex;
       if (failedIndex !== void 0 && failedIndex >= 0) {
@@ -10221,21 +10222,21 @@ var PlanCard = React21.memo(function PlanCard2({
     }
     return null;
   }, [hasError, plan, validSteps]);
-  const completedCount = React21.useMemo(() => {
+  const completedCount = React20.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 = React21.useMemo(() => {
+  const allStepsCompleted = React20.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 = React21.useMemo(() => {
+  const waitingStep = React20.useMemo(() => {
     if (waitingStepId) {
       return validSteps.find((s) => {
         const stepId = s.publicId || s.id;
@@ -10247,7 +10248,7 @@ var PlanCard = React21.memo(function PlanCard2({
     }
     return null;
   }, [waitingStepId, validSteps, isExecuting]);
-  const isIntelligentSummary = React21.useMemo(() => {
+  const isIntelligentSummary = React20.useMemo(() => {
     if (!plan.summary) return false;
     return !isMechanicalSummary(plan.summary);
   }, [plan.summary]);
@@ -10457,7 +10458,7 @@ var PlanCard = React21.memo(function PlanCard2({
   ] });
 });
 var PlanCard_default = PlanCard;
-var ComponentContext = React21.createContext(void 0);
+var ComponentContext = React20.createContext(void 0);
 var ComponentProvider = ({
   components = {},
   children
@@ -10465,7 +10466,7 @@ var ComponentProvider = ({
   return /* @__PURE__ */ jsxRuntime.jsx(ComponentContext.Provider, { value: components, children });
 };
 var useComponents = () => {
-  const context = React21.useContext(ComponentContext);
+  const context = React20.useContext(ComponentContext);
   if (!context) {
     return {};
   }
@@ -10513,7 +10514,7 @@ function MessageTimeline({
   renderMessage
 }) {
   if (!items || items.length === 0) return null;
-  const thoughtItems = React21.useMemo(() => items.filter((item) => item.kind === "thought"), [items]);
+  const thoughtItems = React20.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") {
@@ -10527,14 +10528,14 @@ function MessageTimeline({
   }) });
 }
 var imageLoadedCache = /* @__PURE__ */ new Map();
-var MessageImageInternal = React21.memo(function MessageImageInternal2({ src, alt, className }) {
+var MessageImageInternal = React20.memo(function MessageImageInternal2({ src, alt, className }) {
   const cachedStatus = imageLoadedCache.get(src);
-  const [loaded, setLoaded] = React21.useState(cachedStatus === "loaded");
-  const [error, setError] = React21.useState(cachedStatus === "error");
-  const imgRef = React21__namespace.default.useRef(null);
-  const [previewUrl, setPreviewUrl] = React21.useState(null);
+  const [loaded, setLoaded] = React20.useState(cachedStatus === "loaded");
+  const [error, setError] = React20.useState(cachedStatus === "error");
+  const imgRef = React20__namespace.default.useRef(null);
+  const [previewUrl, setPreviewUrl] = React20.useState(null);
   const ImagePreviewComp = useComponent("ImagePreview") || ImagePreviewInternal;
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     const status = imageLoadedCache.get(src);
     if (status === "loaded") {
       setLoaded(true);
@@ -10548,7 +10549,7 @@ var MessageImageInternal = React21.memo(function MessageImageInternal2({ src, al
       setError(false);
     }
   }, [src]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     const img = imgRef.current;
     if (!img) return;
     if (img.complete && img.naturalWidth > 0) {
@@ -10594,7 +10595,7 @@ var MessageImageInternal = React21.memo(function MessageImageInternal2({ src, al
     )
   ] });
 });
-var MessageVideoInternal = React21.memo(function MessageVideoInternal2({ src, className }) {
+var MessageVideoInternal = React20.memo(function MessageVideoInternal2({ src, className }) {
   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",
     {
@@ -10606,12 +10607,12 @@ var MessageVideoInternal = React21.memo(function MessageVideoInternal2({ src, cl
     }
   ) });
 });
-var ImagePreviewInternal = React21.memo(function ImagePreviewInternal2({
+var ImagePreviewInternal = React20.memo(function ImagePreviewInternal2({
   src,
   alt,
   onClose
 }) {
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
         onClose();
@@ -10664,11 +10665,11 @@ var ImagePreviewInternal = React21.memo(function ImagePreviewInternal2({
     }
   );
 });
-var VideoPreviewInternal = React21.memo(function VideoPreviewInternal2({
+var VideoPreviewInternal = React20.memo(function VideoPreviewInternal2({
   src,
   onClose
 }) {
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
         onClose();
@@ -10705,7 +10706,7 @@ var VideoPreviewInternal = React21.memo(function VideoPreviewInternal2({
   );
 });
 var mediaResolveCache = /* @__PURE__ */ new Map();
-var ResolvedMarkdownMedia = React21.memo(function ResolvedMarkdownMedia2({
+var ResolvedMarkdownMedia = React20.memo(function ResolvedMarkdownMedia2({
   src,
   alt,
   skipImages,
@@ -10713,8 +10714,8 @@ var ResolvedMarkdownMedia = React21.memo(function ResolvedMarkdownMedia2({
 }) {
   const cacheKey = src || "";
   const cachedMedia = mediaResolveCache.get(cacheKey);
-  const [media, setMedia] = React21.useState(cachedMedia ?? null);
-  React21.useEffect(() => {
+  const [media, setMedia] = React20.useState(cachedMedia ?? null);
+  React20.useEffect(() => {
     let active = true;
     const load = async () => {
       if (!src) {
@@ -10948,8 +10949,8 @@ function getToolCallStatus(tc) {
   if (tc.error) return "failed";
   return "success";
 }
-var CodeBlock = React21.memo(function CodeBlock2({ children, className }) {
-  const [copied, setCopied] = React21.useState(false);
+var CodeBlock = React20.memo(function CodeBlock2({ children, className }) {
+  const [copied, setCopied] = React20.useState(false);
   const language = className?.replace("language-", "") || "text";
   const handleCopy = async () => {
     await navigator.clipboard.writeText(children);
@@ -10974,7 +10975,7 @@ var CodeBlock = React21.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 = React21.memo(function MarkdownContent2({ content, skipImages = false, config, variant = "default" }) {
+var MarkdownContent = React20.memo(function MarkdownContent2({ content, skipImages = false, config, variant = "default" }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     ReactMarkdown__default.default,
     {
@@ -11158,7 +11159,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 = React21.memo(function ParamRow2({
+var ParamRow = React20.memo(function ParamRow2({
   name,
   value,
   isExpanded,
@@ -11190,8 +11191,8 @@ var ParamRow = React21.memo(function ParamRow2({
     ] }) : value })
   ] });
 });
-var JsonView = React21.memo(function JsonView2({ data }) {
-  const [copied, setCopied] = React21.useState(false);
+var JsonView = React20.memo(function JsonView2({ data }) {
+  const [copied, setCopied] = React20.useState(false);
   const json = JSON.stringify(data, null, 2);
   const handleCopy = async () => {
     await navigator.clipboard.writeText(json);
@@ -11218,10 +11219,10 @@ function ParameterDisplay({
   compact = false,
   maxCompactItems = 3
 }) {
-  const [showJson, setShowJson] = React21.useState(false);
-  const [expandedTech, setExpandedTech] = React21.useState(defaultExpanded);
-  const [expandedValues, setExpandedValues] = React21.useState(/* @__PURE__ */ new Set());
-  const { mainParams, techParams } = React21.useMemo(() => {
+  const [showJson, setShowJson] = React20.useState(false);
+  const [expandedTech, setExpandedTech] = React20.useState(defaultExpanded);
+  const [expandedValues, setExpandedValues] = React20.useState(/* @__PURE__ */ new Set());
+  const { mainParams, techParams } = React20.useMemo(() => {
     if (!parameters || typeof parameters !== "object") {
       return { mainParams: [], techParams: [] };
     }
@@ -11338,19 +11339,19 @@ function ParameterDisplay({
 }
 function ToolConfirmCard({ toolCall, compact = false }) {
   const { removePendingToolCall, updatePendingToolCall } = useAgentStore();
-  const [expanded, setExpanded] = React21.useState(false);
-  const [isEditing, setIsEditing] = React21.useState(false);
-  const [editedArguments, setEditedArguments] = React21.useState("");
-  const [loading, setLoading] = React21.useState(null);
-  const [error, setError] = React21.useState("");
-  const toolDisplayName = React21.useMemo(() => {
+  const [expanded, setExpanded] = React20.useState(false);
+  const [isEditing, setIsEditing] = React20.useState(false);
+  const [editedArguments, setEditedArguments] = React20.useState("");
+  const [loading, setLoading] = React20.useState(null);
+  const [error, setError] = React20.useState("");
+  const toolDisplayName = React20.useMemo(() => {
     if (toolCall.displayName) return toolCall.displayName;
     return toolCall.name.replace(/^comfy_/, "").replace(/_/g, " ").replace(/\b\w/g, (l) => l.toUpperCase());
   }, [toolCall]);
-  const toolDescription = React21.useMemo(() => {
+  const toolDescription = React20.useMemo(() => {
     return generateToolCallDescription(toolCall.name, toolCall.arguments || {});
   }, [toolCall.name, toolCall.arguments]);
-  React21.useMemo(() => {
+  React20.useMemo(() => {
     return getParamsSummary(toolCall.arguments || {}, 2);
   }, [toolCall.arguments]);
   const hasParams = Object.keys(toolCall.arguments || {}).length > 0;
@@ -11702,17 +11703,17 @@ var contentTypeConfig = {
     bgColor: "bg-zinc-500/10"
   }
 };
-var ContentPreviewCard = React21.memo(function ContentPreviewCard2({
+var ContentPreviewCard = React20.memo(function ContentPreviewCard2({
   parsed,
   index = 0,
   config,
   onOpenArtifact
 }) {
-  const [isModalOpen, setIsModalOpen] = React21.useState(false);
-  const [copied, setCopied] = React21.useState(false);
+  const [isModalOpen, setIsModalOpen] = React20.useState(false);
+  const [copied, setCopied] = React20.useState(false);
   const typeConfig = contentTypeConfig[parsed.type];
   const Icon = typeConfig.icon;
-  const handleCopy = React21.useCallback(async (e) => {
+  const handleCopy = React20.useCallback(async (e) => {
     e.stopPropagation();
     try {
       await navigator.clipboard.writeText(parsed.content);
@@ -11721,7 +11722,7 @@ var ContentPreviewCard = React21.memo(function ContentPreviewCard2({
     } catch {
     }
   }, [parsed.content]);
-  const handleOpenPreview = React21.useCallback(() => {
+  const handleOpenPreview = React20.useCallback(() => {
     console.log("[ContentPreviewCard] Open preview:", onOpenArtifact);
     if (onOpenArtifact) {
       onOpenArtifact({
@@ -11734,10 +11735,10 @@ var ContentPreviewCard = React21.memo(function ContentPreviewCard2({
       setIsModalOpen(true);
     }
   }, [onOpenArtifact, parsed]);
-  const handleCloseModal = React21.useCallback(() => {
+  const handleCloseModal = React20.useCallback(() => {
     setIsModalOpen(false);
   }, []);
-  const preview = React21.useMemo(() => {
+  const preview = React20.useMemo(() => {
     const content = parsed.content;
     if (parsed.type === "html") {
       const title = parsed.title || "HTML Document";
@@ -11845,15 +11846,15 @@ var ContentPreviewCard = React21.memo(function ContentPreviewCard2({
     )
   ] });
 });
-var ContentPreviewModal = React21.memo(function ContentPreviewModal2({
+var ContentPreviewModal = React20.memo(function ContentPreviewModal2({
   parsed,
   onClose,
   config
 }) {
-  const [viewMode, setViewMode] = React21.useState("preview");
-  const [copied, setCopied] = React21.useState(false);
+  const [viewMode, setViewMode] = React20.useState("preview");
+  const [copied, setCopied] = React20.useState(false);
   const typeConfig = contentTypeConfig[parsed.type];
-  const handleCopy = React21.useCallback(async () => {
+  const handleCopy = React20.useCallback(async () => {
     try {
       await navigator.clipboard.writeText(parsed.content);
       setCopied(true);
@@ -11861,13 +11862,13 @@ var ContentPreviewModal = React21.memo(function ContentPreviewModal2({
     } catch {
     }
   }, [parsed.content]);
-  React21__namespace.default.useEffect(() => {
+  React20__namespace.default.useEffect(() => {
     document.body.style.overflow = "hidden";
     return () => {
       document.body.style.overflow = "";
     };
   }, []);
-  React21__namespace.default.useEffect(() => {
+  React20__namespace.default.useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
         onClose();
@@ -11953,7 +11954,7 @@ var ContentPreviewModal = React21.memo(function ContentPreviewModal2({
     }
   );
 });
-var ContentPreviewRenderer = React21.memo(function ContentPreviewRenderer2({
+var ContentPreviewRenderer = React20.memo(function ContentPreviewRenderer2({
   parsed,
   config
 }) {
@@ -11965,14 +11966,14 @@ var ContentPreviewRenderer = React21.memo(function ContentPreviewRenderer2({
   }
   return /* @__PURE__ */ jsxRuntime.jsx(SourceCodeViewer, { content: parsed.content, language: parsed.language || parsed.type });
 });
-var HtmlPreview = React21.memo(function HtmlPreview2({ content }) {
-  const iframeRef = React21__namespace.default.useRef(null);
-  const [scale, setScale] = React21.useState(0.5);
-  const blobUrl = React21.useMemo(() => {
+var HtmlPreview = React20.memo(function HtmlPreview2({ content }) {
+  const iframeRef = React20__namespace.default.useRef(null);
+  const [scale, setScale] = React20.useState(0.5);
+  const blobUrl = React20.useMemo(() => {
     const blob = new Blob([content], { type: "text/html" });
     return URL.createObjectURL(blob);
   }, [content]);
-  React21__namespace.default.useEffect(() => {
+  React20__namespace.default.useEffect(() => {
     return () => {
       URL.revokeObjectURL(blobUrl);
     };
@@ -12034,7 +12035,7 @@ var HtmlPreview = React21.memo(function HtmlPreview2({ content }) {
     ) })
   ] });
 });
-var SourceCodeViewer = React21.memo(function SourceCodeViewer2({
+var SourceCodeViewer = React20.memo(function SourceCodeViewer2({
   content,
   language
 }) {
@@ -12044,12 +12045,12 @@ var SourceCodeViewer = React21.memo(function SourceCodeViewer2({
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-zinc-300 whitespace-pre-wrap break-all", children: line || " " })
   ] }, i)) }) }) });
 });
-React21.memo(function CustomResponseRenderer2({
+React20.memo(function CustomResponseRenderer2({
   result,
   config,
   onOpenArtifact
 }) {
-  const parsedContents = React21.useMemo(() => extractCustomResponses(result), [result]);
+  const parsedContents = React20.useMemo(() => extractCustomResponses(result), [result]);
   if (parsedContents.length === 0) {
     return null;
   }
@@ -12064,8 +12065,8 @@ React21.memo(function CustomResponseRenderer2({
     index
   )) });
 });
-var JsonValue = React21.memo(function JsonValue2({ value, depth = 0, isLast = true }) {
-  const [collapsed, setCollapsed] = React21.useState(depth > 1);
+var JsonValue = React20.memo(function JsonValue2({ value, depth = 0, isLast = true }) {
+  const [collapsed, setCollapsed] = React20.useState(depth > 1);
   const indent2 = depth * 16;
   if (value === null) {
     return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-zinc-500", children: "null" });
@@ -12193,13 +12194,13 @@ var JsonValue = React21.memo(function JsonValue2({ value, depth = 0, isLast = tr
   }
   return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-zinc-400", children: String(value) });
 });
-var ElegantJsonRenderer = React21.memo(function ElegantJsonRenderer2({
+var ElegantJsonRenderer = React20.memo(function ElegantJsonRenderer2({
   data,
   title,
   defaultExpanded = false
 }) {
-  const [expanded, setExpanded] = React21.useState(defaultExpanded);
-  const [copied, setCopied] = React21.useState(false);
+  const [expanded, setExpanded] = React20.useState(defaultExpanded);
+  const [copied, setCopied] = React20.useState(false);
   const handleCopy = async (e) => {
     e.stopPropagation();
     try {
@@ -12246,14 +12247,14 @@ var ElegantJsonRenderer = React21.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 = React21.memo(function ToolResultRenderer2({
+var ToolResultRenderer = React20.memo(function ToolResultRenderer2({
   result,
   mediaUrls,
   config,
   onOpenArtifact
 }) {
-  const [imgLoaded, setImgLoaded] = React21.useState({});
-  const [previewUrl, setPreviewUrl] = React21.useState(null);
+  const [imgLoaded, setImgLoaded] = React20.useState({});
+  const [previewUrl, setPreviewUrl] = React20.useState(null);
   const extracted = extractCustomResponses(result);
   const customResult = extracted?.map?.((data, index) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -12271,9 +12272,9 @@ var ToolResultRenderer = React21.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 = React21.useMemo(() => extractCustomResponses(result), [result]);
+  const customResponses = React20.useMemo(() => extractCustomResponses(result), [result]);
   const hasCustomResponses = customResponses.length > 0;
-  const filteredResult = React21.useMemo(() => {
+  const filteredResult = React20.useMemo(() => {
     if (!result || typeof result !== "object") return result;
     const mediaUrlSet = new Set(mediaUrls.map((m) => m.url));
     mediaUrls.forEach((m) => {
@@ -12328,7 +12329,7 @@ var ToolResultRenderer = React21.memo(function ToolResultRenderer2({
           }
         ) }, `video-${i}`)) }),
         imageUrls.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { children: imageUrls.map((img, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `relative group/img overflow-hidden ${imageUrls.length > 1 ? "aspect-square bg-black" : ""}`, children: [
-          !imgLoaded[i] && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `bg-zinc-800 animate-pulse flex items-center justify-center`, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-5 h-5 text-zinc-600 animate-spin" }) }),
+          !imgLoaded[i] && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `bg-zinc-800 animate-pulse flex items-center justify-center`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin rounded-full h-5 w-5 border-b-2 border-[#d8ff00]" }) }),
           /* @__PURE__ */ jsxRuntime.jsx(
             "img",
             {
@@ -12387,26 +12388,26 @@ var collectMediaAssetsFromResult2 = (result) => {
   return assets;
 };
 var INTERNAL_SYSTEM_TOOLS = ["load_skill", "switch_skill", "unload_skill"];
-var SkillLoadCard = React21.memo(function SkillLoadCard2({ toolCall }) {
+var SkillLoadCard = React20.memo(function SkillLoadCard2({ toolCall }) {
   const status = getToolCallStatus(toolCall);
   const isPending = status === "pending" || status === "confirmed";
   const isSuccess = status === "success";
   const skillName = toolCall.arguments?.skill_name || "\u6280\u80FD";
   const actionText = toolCall.name === "load_skill" ? "\u542F\u7528" : toolCall.name === "unload_skill" ? "\u505C\u7528" : toolCall.name === "switch_skill" ? "\u5207\u6362" : "\u52A0\u8F7D";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-2 px-3 py-1.5 bg-gradient-to-r from-violet-500/10 to-purple-500/10 border border-violet-500/20 rounded-full text-sm", children: [
-    isPending ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { size: 14, className: "text-violet-400 animate-spin" }) : isSuccess ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Zap, { size: 14, className: "text-violet-400" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Zap, { size: 14, className: "text-red-400" }),
+    isPending ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin rounded-full h-3.5 w-3.5 border-b-2 border-violet-400" }) : isSuccess ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Zap, { size: 14, className: "text-violet-400" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Zap, { size: 14, className: "text-red-400" }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-zinc-300", children: isPending ? `\u6B63\u5728${actionText}` : isSuccess ? `\u5DF2${actionText}` : `${actionText}\u5931\u8D25` }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-violet-300", children: skillName }),
     isSuccess && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-zinc-500", children: "\u6280\u80FD" })
   ] });
 });
-var ToolCallCard3 = React21.memo(function ToolCallCard4({
+var ToolCallCard3 = React20.memo(function ToolCallCard4({
   toolCall,
   config,
   onOpenArtifact
 }) {
-  const [headerExpanded, setHeaderExpanded] = React21.useState(false);
-  const [mediaUrls, setMediaUrls] = React21.useState([]);
+  const [headerExpanded, setHeaderExpanded] = React20.useState(false);
+  const [mediaUrls, setMediaUrls] = React20.useState([]);
   const status = getToolCallStatus(toolCall);
   const isPending = status === "pending" || status === "confirmed";
   const isSuccess = status === "success";
@@ -12416,7 +12417,7 @@ var ToolCallCard3 = React21.memo(function ToolCallCard4({
   if (INTERNAL_SYSTEM_TOOLS.includes(toolCall.name)) {
     return /* @__PURE__ */ jsxRuntime.jsx(SkillLoadCard, { toolCall });
   }
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     if (status === "waiting_confirmation") {
       setMediaUrls([]);
       return;
@@ -12478,7 +12479,7 @@ var ToolCallCard3 = React21.memo(function ToolCallCard4({
           className: "flex items-center justify-between cursor-pointer",
           onClick: () => setHeaderExpanded(!headerExpanded),
           children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-5 h-5 rounded flex items-center justify-center ${isPending ? "bg-amber-500/20" : isSuccess ? "bg-green-500/20" : "bg-red-500/20"}`, children: isPending ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { size: 12, className: "text-amber-400 animate-spin" }) : isSuccess ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { size: 12, className: "text-green-400" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Zap, { size: 12, className: "text-red-400" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-5 h-5 rounded flex items-center justify-center ${isPending ? "bg-amber-500/20" : isSuccess ? "bg-green-500/20" : "bg-red-500/20"}`, children: isPending ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin rounded-full h-3 w-3 border-b-2 border-amber-400" }) : isSuccess ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { size: 12, className: "text-green-400" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Zap, { size: 12, className: "text-red-400" }) }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "agent-toolcall-title text-xs text-zinc-400", children: toolDisplayName }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-[10px] px-1.5 py-0.5 rounded ${isPending ? "bg-amber-500/10 text-amber-400" : isSuccess ? "bg-green-500/10 text-green-400" : "bg-red-500/10 text-red-400"}`, children: isPending ? "\u6267\u884C\u4E2D" : isSuccess ? "\u5DF2\u5B8C\u6210" : "\u5931\u8D25" }),
             headerExpanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { size: 14, className: "text-zinc-500" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { size: 14, className: "text-zinc-500" })
@@ -12522,12 +12523,12 @@ function getFinalStatusPriority(status) {
       return 0;
   }
 }
-React21.memo(function ToolCallResults2({
+React20.memo(function ToolCallResults2({
   toolCalls,
   config,
   onOpenArtifact
 }) {
-  const calls = React21.useMemo(() => {
+  const calls = React20.useMemo(() => {
     if (!toolCalls || toolCalls.length === 0) return [];
     const uniqueCalls = toolCalls.reduce((acc, tc) => {
       const existing = acc.get(tc.id);
@@ -12545,7 +12546,7 @@ React21.memo(function ToolCallResults2({
   if (calls.length === 0) return null;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 space-y-2 min-w-0 w-full", children: calls.map((tc) => /* @__PURE__ */ jsxRuntime.jsx(ToolCallCard3, { toolCall: tc, config, onOpenArtifact }, tc.id)) });
 });
-var StreamingToolCard = React21.memo(function StreamingToolCard2({ toolCall }) {
+var StreamingToolCard = React20.memo(function StreamingToolCard2({ toolCall }) {
   const status = getToolCallStatus(toolCall);
   if (status === "waiting_confirmation") {
     const toolCallForCard = {
@@ -12564,7 +12565,7 @@ var StreamingToolCard = React21.memo(function StreamingToolCard2({ toolCall }) {
   const errorMessage = toolCall.result?.error || toolCall.error;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 px-3 py-2 bg-zinc-900/60 rounded-lg border border-zinc-700/40", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-5 h-5 rounded flex items-center justify-center ${isPending ? "bg-amber-500/20" : isSuccess ? "bg-green-500/20" : "bg-red-500/20"}`, children: isPending ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { size: 12, className: "text-amber-400 animate-spin" }) : isSuccess ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { size: 12, className: "text-green-400" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Zap, { size: 12, className: "text-red-400" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-5 h-5 rounded flex items-center justify-center ${isPending ? "bg-amber-500/20" : isSuccess ? "bg-green-500/20" : "bg-red-500/20"}`, children: isPending ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin rounded-full h-3 w-3 border-b-2 border-[#d8ff00]" }) : isSuccess ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { size: 12, className: "text-green-400" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Zap, { size: 12, className: "text-red-400" }) }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-300 truncate flex-1", children: toolName }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-[10px] px-1.5 py-0.5 rounded ${isPending ? "bg-amber-500/10 text-amber-400" : isSuccess ? "bg-green-500/10 text-green-400" : "bg-red-500/10 text-red-400"}`, children: isPending ? "\u6267\u884C\u4E2D" : isSuccess ? "\u5B8C\u6210" : "\u5931\u8D25" })
     ] }),
@@ -12572,15 +12573,15 @@ var StreamingToolCard = React21.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 = React21.memo(function ComponentPendingCard2({
+var ComponentPendingCard = React20.memo(function ComponentPendingCard2({
   component,
   onResolved
 }) {
   const { showItemTime } = useAgentStore();
-  const [loading, setLoading] = React21.useState(null);
-  const [error, setError] = React21.useState("");
-  const [collapsed, setCollapsed] = React21.useState(false);
-  const [jsonValue, setJsonValue] = React21.useState(() => {
+  const [loading, setLoading] = React20.useState(null);
+  const [error, setError] = React20.useState("");
+  const [collapsed, setCollapsed] = React20.useState(false);
+  const [jsonValue, setJsonValue] = React20.useState(() => {
     const initialPayload = component.props || component.content || {};
     return typeof initialPayload === "string" ? initialPayload : JSON.stringify(initialPayload, null, 2);
   });
@@ -12589,7 +12590,7 @@ var ComponentPendingCard = React21.memo(function ComponentPendingCard2({
   const components = useComponents();
   const registry = components.ComponentRegistry || {};
   const normalizeName = (value) => (value || "").toLowerCase().replace(/[^a-z0-9]/g, "");
-  const registryMap = React21.useMemo(() => {
+  const registryMap = React20.useMemo(() => {
     const map3 = /* @__PURE__ */ new Map();
     Object.entries(registry).forEach(([key, Comp]) => {
       map3.set(key, Comp);
@@ -12608,7 +12609,7 @@ var ComponentPendingCard = React21.memo(function ComponentPendingCard2({
     }
     return void 0;
   })();
-  const resolvedProps = React21.useMemo(() => {
+  const resolvedProps = React20.useMemo(() => {
     const raw = component.props ?? component.content ?? {};
     if (typeof raw === "string") {
       try {
@@ -12627,8 +12628,8 @@ var ComponentPendingCard = React21.memo(function ComponentPendingCard2({
   }, [component]);
   console.log("Resolved Props:", resolvedProps);
   console.log("Component gmtCreate:", component.gmtCreate, typeof component.gmtCreate);
-  const [localConfirmed, setLocalConfirmed] = React21.useState(false);
-  const [localCancelled, setLocalCancelled] = React21.useState(false);
+  const [localConfirmed, setLocalConfirmed] = React20.useState(false);
+  const [localCancelled, setLocalCancelled] = React20.useState(false);
   const isActionDisabled = isReadonly || localConfirmed || localCancelled;
   const handleConfirm = async () => {
     if (isActionDisabled) return;
@@ -12675,7 +12676,7 @@ var ComponentPendingCard = React21.memo(function ComponentPendingCard2({
       setLoading(null);
     }
   };
-  React21.useEffect(() => {
+  React20.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") {
@@ -12737,8 +12738,8 @@ var ComponentPendingCard = React21.memo(function ComponentPendingCard2({
     })() })
   ] });
 });
-var ThoughtTimelineCard = React21.memo(function ThoughtTimelineCard2({ thought, config, isLoading = false }) {
-  const [expanded, setExpanded] = React21.useState(true);
+var ThoughtTimelineCard = React20.memo(function ThoughtTimelineCard2({ thought, config, isLoading = false }) {
+  const [expanded, setExpanded] = React20.useState(true);
   const { showItemTime } = useAgentStore();
   const thoughtType = thought?.type || "";
   const excludedTypes = [
@@ -12800,7 +12801,7 @@ function useMessageContent({
   isUser,
   hasToolCallImages
 }) {
-  const displayContent = React21.useMemo(() => {
+  const displayContent = React20.useMemo(() => {
     const isInvalidContent = (content2) => {
       if (!content2) return true;
       if (typeof content2 !== "string") return false;
@@ -12853,7 +12854,7 @@ function useMessageContent({
     }
     return typeof content === "string" ? content : String(content ?? "");
   }, [isStreaming, streamingContent, message]);
-  const markdownMedia = React21.useMemo(() => {
+  const markdownMedia = React20.useMemo(() => {
     if (!isUser || !displayContent) {
       return { media: [], content: displayContent };
     }
@@ -12868,7 +12869,7 @@ function useMessageContent({
     const cleaned = displayContent.replace(mediaRegex, "").replace(/\n{3,}/g, "\n\n").trim();
     return { media, content: cleaned };
   }, [displayContent, isUser]);
-  const effectiveDisplayContent = React21.useMemo(() => {
+  const effectiveDisplayContent = React20.useMemo(() => {
     const baseContent = isUser ? markdownMedia.content || "" : displayContent || "";
     if (!baseContent) return "";
     if (isUser) return baseContent;
@@ -12880,7 +12881,7 @@ function useMessageContent({
     }
     return baseContent;
   }, [displayContent, hasToolCallImages, isUser, markdownMedia.content]);
-  const sanitizedDisplayContent = React21.useMemo(
+  const sanitizedDisplayContent = React20.useMemo(
     () => sanitizeMarkdownContent(effectiveDisplayContent),
     [effectiveDisplayContent]
   );
@@ -12927,7 +12928,7 @@ function useToolCalls({
   thoughts,
   pendingToolCalls = []
 }) {
-  const toolCalls = React21.useMemo(() => {
+  const toolCalls = React20.useMemo(() => {
     const toolCallMap = /* @__PURE__ */ new Map();
     const normalizeId = (value) => {
       if (value === void 0 || value === null) return "";
@@ -13046,7 +13047,7 @@ function useToolCalls({
     }
     return Array.from(toolCallMap.values());
   }, [message, isStreaming, thoughts, pendingToolCalls]);
-  const dedupedToolCalls = React21.useMemo(() => {
+  const dedupedToolCalls = React20.useMemo(() => {
     if (!toolCalls || toolCalls.length === 0) return [];
     const uniqueCalls = toolCalls.reduce((acc, tc) => {
       const id = String(tc.id);
@@ -13071,9 +13072,9 @@ function useComponents2({
   thoughts,
   isStreaming
 }) {
-  const [componentDetailMap, setComponentDetailMap] = React21.useState({});
-  const componentDetailRequestedRef = React21.useRef(/* @__PURE__ */ new Set());
-  const componentsToRender = React21.useMemo(() => {
+  const [componentDetailMap, setComponentDetailMap] = React20.useState({});
+  const componentDetailRequestedRef = React20.useRef(/* @__PURE__ */ new Set());
+  const componentsToRender = React20.useMemo(() => {
     const extraComponents = message.extraData?.components || [];
     const backendId = message.metadata?.backendId;
     const messageStatus = (message.status || "").toUpperCase();
@@ -13186,7 +13187,7 @@ function useComponents2({
     }
     return enrichedPendingComponents.filter((c) => c.messageId === backendId);
   }, [message, pendingComponents, pendingComponentsSessionId, thoughts, isStreaming]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     if (!componentsToRender || componentsToRender.length === 0) return;
     componentsToRender.forEach((component) => {
       if (!component?.id) return;
@@ -13213,7 +13214,7 @@ function useComponents2({
       });
     });
   }, [componentsToRender]);
-  const effectiveComponents = React21.useMemo(() => {
+  const effectiveComponents = React20.useMemo(() => {
     if (!componentsToRender || componentsToRender.length === 0) return [];
     return componentsToRender.map((component) => {
       const detail = componentDetailMap[component.id];
@@ -13230,7 +13231,7 @@ function useComponents2({
   return { effectiveComponents };
 }
 function usePlanState({ message, thoughts }) {
-  const planFromThoughts = React21.useMemo(() => {
+  const planFromThoughts = React20.useMemo(() => {
     const extraPlan = message.extraData?.plan;
     if (extraPlan && extraPlan.steps && Array.isArray(extraPlan.steps) && extraPlan.steps.length > 0) {
       return null;
@@ -13307,10 +13308,10 @@ function usePlanState({ message, thoughts }) {
     return plan;
   }, [message, thoughts]);
   const effectivePlan = message.extraData?.plan || planFromThoughts;
-  const [fullPlan, setFullPlan] = React21.useState(null);
-  const [planLoading, setPlanLoading] = React21.useState(false);
-  const [loadedPlanId, setLoadedPlanId] = React21.useState(null);
-  React21.useEffect(() => {
+  const [fullPlan, setFullPlan] = React20.useState(null);
+  const [planLoading, setPlanLoading] = React20.useState(false);
+  const [loadedPlanId, setLoadedPlanId] = React20.useState(null);
+  React20.useEffect(() => {
     if (!effectivePlan) {
       setFullPlan(null);
       setLoadedPlanId(null);
@@ -13364,7 +13365,7 @@ var COMPONENT_TAGS_TO_STRIP2 = [
   "ComponentPreview"
 ];
 function useThinkingContent({ message, thoughts, isStreaming, messageContent }) {
-  return React21.useMemo(() => {
+  return React20.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);
@@ -13529,7 +13530,7 @@ function useTimelineItems({
   messageTs,
   thoughtMergeWindowMs = 0
 }) {
-  return React21.useMemo(() => {
+  return React20.useMemo(() => {
     if (isUser) return [];
     const extra = message.extraData || {};
     const extraToolCalls = extra.tool_calls || [];
@@ -13778,12 +13779,12 @@ ${m.content}`;
     }).map((item, index) => ({ ...item, id: `${item.kind}-${item.id}-${index}` }));
   }, [message, isUser, toolCalls, components, plan, thoughts, includeThoughts, includeMessage, messageContent, messageTs, thoughtMergeWindowMs]);
 }
-var ThoughtBlockItem = React21.memo(function ThoughtBlockItem2({
+var ThoughtBlockItem = React20.memo(function ThoughtBlockItem2({
   content,
   config
 }) {
-  const [expanded, setExpanded] = React21.useState(false);
-  const lineCount = React21.useMemo(() => content.split("\n").length, [content]);
+  const [expanded, setExpanded] = React20.useState(false);
+  const lineCount = React20.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(
@@ -13807,7 +13808,7 @@ var ThoughtBlockItem = React21.memo(function ThoughtBlockItem2({
     )
   ] });
 });
-var MessageBubble = React21.memo(function MessageBubble2({
+var MessageBubble = React20.memo(function MessageBubble2({
   message,
   isStreaming = false,
   streamingContent,
@@ -13833,11 +13834,11 @@ var MessageBubble = React21.memo(function MessageBubble2({
   const MessageImageComp = useComponent("MessageImage") || MessageImageInternal;
   const MessageVideoComp = useComponent("MessageVideo") || MessageVideoInternal;
   const ImagePreviewComp = useComponent("ImagePreview") || ImagePreviewInternal;
-  const [copied, setCopied] = React21.useState(false);
-  const [showThoughts, setShowThoughts] = React21.useState(false);
-  const [showDeleteConfirm, setShowDeleteConfirm] = React21.useState(false);
-  const [isDeleting, setIsDeleting] = React21.useState(false);
-  const [previewMedia, setPreviewMedia] = React21.useState(null);
+  const [copied, setCopied] = React20.useState(false);
+  const [showThoughts, setShowThoughts] = React20.useState(false);
+  const [showDeleteConfirm, setShowDeleteConfirm] = React20.useState(false);
+  const [isDeleting, setIsDeleting] = React20.useState(false);
+  const [previewMedia, setPreviewMedia] = React20.useState(null);
   const pendingComponents = useAgentStore((state) => state.chatUI.pendingComponents);
   const pendingComponentsSessionId = useAgentStore((state) => state.chatUI.pendingComponentsSessionId);
   const isUser = message.role === "user";
@@ -13849,7 +13850,7 @@ var MessageBubble = React21.memo(function MessageBubble2({
     thoughts,
     pendingToolCalls
   });
-  const hasToolCallImages = React21.useMemo(() => {
+  const hasToolCallImages = React20.useMemo(() => {
     return toolCalls.some((tc) => {
       if (tc.result?.works?.some((w) => w.fileUrl || w.fileId)) return true;
       if (tc.result?.outputs?.images) return true;
@@ -13863,13 +13864,13 @@ var MessageBubble = React21.memo(function MessageBubble2({
     isUser,
     hasToolCallImages
   });
-  const handleCopy = React21.useCallback(async () => {
+  const handleCopy = React20.useCallback(async () => {
     if (!displayContent) return;
     await navigator.clipboard.writeText(displayContent);
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   }, [displayContent]);
-  const handleDelete2 = React21.useCallback(async () => {
+  const handleDelete2 = React20.useCallback(async () => {
     if (!onDelete || !message.messageId) return;
     setIsDeleting(true);
     try {
@@ -13881,7 +13882,7 @@ var MessageBubble = React21.memo(function MessageBubble2({
       setIsDeleting(false);
     }
   }, [onDelete, message.messageId]);
-  const attachments = React21.useMemo(() => {
+  const attachments = React20.useMemo(() => {
     const rawAttachments = message.attachments || [];
     const assetStrategy = config?.asset;
     const processedAttachments = rawAttachments.map((att) => {
@@ -13907,8 +13908,8 @@ var MessageBubble = React21.memo(function MessageBubble2({
     thoughts,
     isStreaming
   });
-  const [stickyComponents, setStickyComponents] = React21.useState([]);
-  const mergedComponents = React21.useMemo(() => {
+  const [stickyComponents, setStickyComponents] = React20.useState([]);
+  const mergedComponents = React20.useMemo(() => {
     const map3 = /* @__PURE__ */ new Map();
     effectiveComponents.forEach((c) => {
       if (c?.id) map3.set(String(c.id), c);
@@ -13931,7 +13932,7 @@ var MessageBubble = React21.memo(function MessageBubble2({
   const hasOtherContent = hasPlan || hasToolCalls || hasComponents;
   const hasAttachmentOnly = isUser && attachments.length > 0 && !hasValidContent;
   const showThoughtsInTimeline = (config?.chatLayout?.showThoughtsInTimeline ?? true) && !hasPlan;
-  const allCustomResponses = React21.useMemo(() => {
+  const allCustomResponses = React20.useMemo(() => {
     const responses = [];
     dedupedToolCalls.forEach((tc) => {
       if (tc.result) {
@@ -14303,281 +14304,14 @@ var MessageBubble = React21.memo(function MessageBubble2({
   ] });
 });
 var MessageBubble_default = MessageBubble;
-var EmptyState = React21.memo(function EmptyState2() {
+var EmptyState = React20.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 = React21.memo(function LoadingState2() {
-  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(lucideReact.Loader2, { className: "w-8 h-8 text-[#d8ff00] animate-spin mx-auto mb-3" }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-zinc-500 text-sm", children: "\u52A0\u8F7D\u6D88\u606F\u4E2D..." })
-  ] }) });
-});
-var CodeBlock3 = React21.memo(function CodeBlock4({ children, className }) {
-  const [copied, setCopied] = React21.useState(false);
-  const language = className?.replace("language-", "") || "text";
-  const handleCopy = async () => {
-    await navigator.clipboard.writeText(children);
-    setCopied(true);
-    setTimeout(() => setCopied(false), 2e3);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative group my-2 rounded-lg overflow-hidden bg-zinc-900 border border-zinc-800", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-3 py-1.5 bg-zinc-800/50 border-b border-zinc-800", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-500 font-mono", children: language }),
-      /* @__PURE__ */ jsxRuntime.jsxs("button", { onClick: handleCopy, className: "flex items-center gap-1 text-xs text-zinc-500 hover:text-zinc-300 transition-colors", children: [
-        copied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { size: 12, className: "text-green-400" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { size: 12 }),
-        copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "p-3 overflow-x-auto text-xs", children: /* @__PURE__ */ jsxRuntime.jsx("code", { className: `${className} text-zinc-300`, children }) })
-  ] });
-});
-var ResolvedMarkdownMedia3 = React21.memo(function ResolvedMarkdownMedia4({
-  src,
-  alt,
-  config
-}) {
-  const [media, setMedia] = React21.useState(null);
-  React21.useEffect(() => {
-    let active = true;
-    const load = async () => {
-      if (!src) {
-        if (active) setMedia(null);
-        return;
-      }
-      const asset = createAssetFromSource({
-        fileUrl: src,
-        fileId: isHttpUrl(src) ? void 0 : src,
-        type: inferAssetTypeFromUrl(src)
-      });
-      if (!asset) {
-        if (active) setMedia(null);
-        return;
-      }
-      const resolved = await resolveAssetForDisplay(asset, config);
-      if (active) setMedia(resolved);
-    };
-    load();
-    return () => {
-      active = false;
-    };
-  }, [src, config]);
-  if (!media) return null;
-  if (media.isVideo) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "video",
-      {
-        src: media.url,
-        controls: true,
-        className: "max-w-full rounded-lg max-h-[320px] w-full my-2",
-        preload: "metadata"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "img",
-    {
-      src: media.url,
-      alt: alt || "image",
-      className: "max-w-full rounded-lg max-h-[320px] w-full my-2 object-contain"
-    }
-  );
-});
-var MarkdownContent3 = React21.memo(function MarkdownContent4({ content, config }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ReactMarkdown__default.default,
-    {
-      remarkPlugins: [remarkGfm],
-      components: {
-        code({ className, children, ...props }) {
-          const codeString = String(children).replace(/\n$/, "");
-          const isBlock = className || codeString.includes("\n");
-          if (isBlock) return /* @__PURE__ */ jsxRuntime.jsx(CodeBlock3, { className, children: codeString });
-          return /* @__PURE__ */ jsxRuntime.jsx("code", { className: "px-1 py-0.5 bg-zinc-800 rounded text-[#d8ff00] text-xs font-mono", ...props, children });
-        },
-        p: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 last:mb-0 leading-relaxed", children }),
-        h1: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-base font-bold mb-2 mt-3 first:mt-0", children }),
-        h2: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-bold mb-2 mt-3 first:mt-0", children }),
-        h3: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold mb-1 mt-2 first:mt-0", children }),
-        ul: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "list-disc list-inside mb-2 space-y-0.5", children }),
-        ol: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "list-decimal list-inside mb-2 space-y-0.5", children }),
-        li: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "leading-relaxed", children }),
-        blockquote: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("blockquote", { className: "border-l-2 border-[#d8ff00]/50 pl-2 my-2 text-zinc-400 italic", children }),
-        img: ({ src, alt }) => /* @__PURE__ */ jsxRuntime.jsx(ResolvedMarkdownMedia3, { src, alt, config }),
-        a: ({ href, children }) => {
-          const link2 = href || "";
-          const isMediaLink = /\.(jpg|jpeg|png|gif|webp|bmp|svg)$/i.test(link2) || isVideoUrl(link2);
-          if (isMediaLink) {
-            return /* @__PURE__ */ jsxRuntime.jsx(ResolvedMarkdownMedia3, { src: link2, alt: typeof children === "string" ? children : void 0, config });
-          }
-          return /* @__PURE__ */ jsxRuntime.jsx("a", { href, target: "_blank", rel: "noopener noreferrer", className: "text-[#d8ff00] hover:underline", children });
-        },
-        strong: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "font-semibold text-white", children }),
-        em: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("em", { className: "italic", children })
-      },
-      children: content
-    }
-  );
-});
-var ToolCallCard5 = React21.memo(function ToolCallCard6({ toolCall }) {
-  const [expanded, setExpanded] = React21.useState(false);
-  console.log("[UI] \u{1F527} ToolCallCard \u6536\u5230 toolCall:", { id: toolCall.id, status: toolCall.status });
-  if (toolCall.status === "waiting_confirmation") {
-    console.log("[UI] \u2705 \u6E32\u67D3 ToolConfirmCard (waiting_confirmation)");
-    return /* @__PURE__ */ jsxRuntime.jsx(ToolConfirmCard, { toolCall, compact: true });
-  }
-  console.log("[UI] \u26A0\uFE0F \u6E32\u67D3\u666E\u901A\u5361\u7247\uFF0Cstatus =", toolCall.status);
-  const getStatusConfig = () => {
-    switch (toolCall.status) {
-      case "completed":
-        return {
-          bgColor: "bg-green-500/20",
-          textColor: "text-green-400",
-          borderColor: "border-green-500/30",
-          icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { size: 12, className: "text-green-400" }),
-          label: "\u5B8C\u6210"
-        };
-      case "failed":
-        return {
-          bgColor: "bg-red-500/20",
-          textColor: "text-red-400",
-          borderColor: "border-red-500/30",
-          icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lightbulb, { size: 12, className: "text-red-400" }),
-          label: "\u5931\u8D25"
-        };
-      case "rejected":
-        return {
-          bgColor: "bg-zinc-500/20",
-          textColor: "text-zinc-400",
-          borderColor: "border-zinc-500/30",
-          icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lightbulb, { size: 12, className: "text-zinc-400" }),
-          label: "\u5DF2\u62D2\u7EDD"
-        };
-      case "confirmed":
-      case "executing":
-        return {
-          bgColor: "bg-blue-500/20",
-          textColor: "text-blue-400",
-          borderColor: "border-blue-500/30",
-          icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { size: 12, className: "text-blue-400 animate-spin" }),
-          label: "\u6267\u884C\u4E2D"
-        };
-      default:
-        return {
-          bgColor: "bg-amber-500/20",
-          textColor: "text-amber-400",
-          borderColor: "border-amber-500/30",
-          icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { size: 12, className: "text-amber-400 animate-spin" }),
-          label: "\u6267\u884C\u4E2D"
-        };
-    }
-  };
-  const statusConfig = getStatusConfig();
-  const hasArguments = toolCall.arguments && Object.keys(toolCall.arguments).length > 0;
-  const hasResult = toolCall.result || toolCall.error;
-  const canExpand = hasArguments || hasResult;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `rounded-lg border ${statusConfig.borderColor} overflow-hidden bg-zinc-900/60`, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        onClick: () => canExpand && setExpanded(!expanded),
-        disabled: !canExpand,
-        className: `w-full flex items-center gap-2 px-3 py-2 ${canExpand ? "hover:bg-zinc-800/50 cursor-pointer" : "cursor-default"} transition-colors`,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-5 h-5 rounded flex items-center justify-center ${statusConfig.bgColor}`, children: statusConfig.icon }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-300 truncate flex-1 text-left", children: toolCall.displayName || toolCall.name?.replace("comfy_", "") || "Tool" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-[10px] px-1.5 py-0.5 rounded ${statusConfig.bgColor} ${statusConfig.textColor}`, children: statusConfig.label }),
-          canExpand && (expanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { size: 12, className: "text-zinc-500" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { size: 12, className: "text-zinc-500" }))
-        ]
-      }
-    ),
-    expanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-zinc-700/50 px-3 py-2 space-y-2", children: [
-      hasArguments && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] text-zinc-500 uppercase tracking-wide mb-1", children: "\u53C2\u6570" }),
-        /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "text-[11px] text-zinc-400 bg-zinc-800/50 rounded p-2 overflow-x-auto font-mono", children: JSON.stringify(toolCall.arguments, null, 2) })
-      ] }),
-      toolCall.result && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] text-zinc-500 uppercase tracking-wide mb-1", children: "\u7ED3\u679C" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[11px] text-zinc-300 bg-zinc-800/50 rounded p-2 overflow-x-auto max-h-40 overflow-y-auto", children: typeof toolCall.result === "string" ? toolCall.result.length > 500 ? /* @__PURE__ */ jsxRuntime.jsxs("pre", { className: "font-mono whitespace-pre-wrap break-words", children: [
-          toolCall.result.slice(0, 500),
-          "..."
-        ] }) : /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "font-mono whitespace-pre-wrap break-words", children: toolCall.result }) : /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "font-mono", children: JSON.stringify(toolCall.result, null, 2) }) })
-      ] }),
-      toolCall.error && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] text-red-400 uppercase tracking-wide mb-1", children: "\u9519\u8BEF" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[11px] text-red-300 bg-red-500/10 rounded p-2 overflow-x-auto", children: toolCall.error })
-      ] })
-    ] })
-  ] });
-});
-var ThinkingBubble = React21.memo(function ThinkingBubble2({
-  thoughts,
-  pendingToolCalls = [],
-  config
-}) {
-  const [expanded, setExpanded] = React21.useState(true);
-  const { content: thinkingContent, toolCalls: thoughtToolCalls, isThinking } = React21.useMemo(
-    () => parseThoughts(thoughts),
-    [thoughts]
-  );
-  const toolCalls = React21.useMemo(() => {
-    const toolCallMap = /* @__PURE__ */ new Map();
-    thoughtToolCalls.forEach((tc) => {
-      toolCallMap.set(tc.id, tc);
-    });
-    console.log("[UI] \u{1F3A8} thoughtToolCalls:", thoughtToolCalls.map((tc) => ({ id: tc.id, status: tc.status })));
-    console.log("[UI] \u{1F3A8} pendingToolCalls:", pendingToolCalls.map((tc) => ({ id: tc.id, status: tc.status })));
-    pendingToolCalls.forEach((tc) => {
-      const existing = toolCallMap.get(tc.id);
-      if (existing) {
-        const existingPriority = getToolCallStatusPriority(existing.status);
-        const tcPriority = getToolCallStatusPriority(tc.status);
-        console.log(`[UI] \u{1F3A8} \u5408\u5E76 id=${tc.id}: existing.status=${existing.status}(${existingPriority}), pending.status=${tc.status}(${tcPriority})`);
-        if (tcPriority >= existingPriority) {
-          toolCallMap.set(tc.id, { ...existing, ...tc });
-        } else {
-          toolCallMap.set(tc.id, { ...tc, ...existing });
-        }
-      } else {
-        toolCallMap.set(tc.id, tc);
-      }
-    });
-    const result = Array.from(toolCallMap.values());
-    console.log("[UI] \u{1F3A8} \u6700\u7EC8 toolCalls:", result.map((tc) => ({ id: tc.id, status: tc.status })));
-    return result;
-  }, [thoughtToolCalls, pendingToolCalls]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 h-8 rounded-lg bg-[#d8ff00] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bot, { size: 16, className: "text-black" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-start max-w-[75%] min-w-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-zinc-800/80 text-zinc-100 rounded-2xl rounded-tl-sm overflow-hidden w-full", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("button", { onClick: () => setExpanded(!expanded), className: "w-full flex items-center justify-between px-4 py-3 hover:bg-zinc-700/30 transition-colors", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { size: 16, className: "text-[#d8ff00] animate-spin" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-zinc-200", children: "\u6B63\u5728\u601D\u8003..." }),
-          toolCalls.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-zinc-500", children: [
-            toolCalls.length,
-            " \u6B21\u5DE5\u5177\u8C03\u7528"
-          ] })
-        ] }),
-        expanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { size: 14, className: "text-zinc-500" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { size: 14, className: "text-zinc-500" })
-      ] }),
-      expanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 pb-4 space-y-3 border-t border-zinc-700/50 overflow-hidden", children: [
-        thinkingContent ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm text-zinc-400 leading-relaxed pt-3 prose prose-invert prose-sm max-w-none [&_*]:break-words", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(MarkdownContent3, { content: thinkingContent, config }),
-          isThinking && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block w-0.5 h-4 bg-[#d8ff00] animate-pulse ml-1 align-middle" })
-        ] }) : isThinking && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm text-zinc-500 pt-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex gap-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-1.5 h-1.5 bg-[#d8ff00] rounded-full animate-bounce", style: { animationDelay: "0ms" } }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-1.5 h-1.5 bg-[#d8ff00] rounded-full animate-bounce", style: { animationDelay: "150ms" } }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-1.5 h-1.5 bg-[#d8ff00] rounded-full animate-bounce", style: { animationDelay: "300ms" } })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u6B63\u5728\u5206\u6790..." })
-        ] }),
-        toolCalls.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2 pt-2", children: toolCalls.map((tc) => /* @__PURE__ */ jsxRuntime.jsx(ToolCallCard5, { toolCall: tc }, tc.id)) })
-      ] })
-    ] }) })
-  ] });
+var LoadingState = React20.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({
   sessionId,
@@ -14610,42 +14344,42 @@ function ChatWindow({
       currentThoughtsSessionId: state.chatUI.currentThoughtsSessionId
     }))
   );
-  const sessionPendingToolCalls = React21.useMemo(
+  const sessionPendingToolCalls = React20.useMemo(
     () => pendingToolCallsSessionId === sessionId ? pendingToolCalls : [],
     [pendingToolCalls, pendingToolCallsSessionId, sessionId]
   );
-  const sessionCurrentThoughts = React21.useMemo(
+  const sessionCurrentThoughts = React20.useMemo(
     () => currentThoughtsSessionId === sessionId ? currentThoughts : [],
     [currentThoughts, currentThoughtsSessionId, sessionId]
   );
   const isCurrentSessionStreaming = streamingSessionId === sessionId;
-  const containerRef = React21.useRef(null);
-  const messagesEndRef = React21.useRef(null);
-  const [showScrollButton, setShowScrollButton] = React21.useState(false);
-  const sessionMessages = React21.useMemo(
+  const containerRef = React20.useRef(null);
+  const messagesEndRef = React20.useRef(null);
+  const [showScrollButton, setShowScrollButton] = React20.useState(false);
+  const sessionMessages = React20.useMemo(
     () => messages.filter((m) => m.sessionId === sessionId),
     [messages, sessionId]
   );
-  const streamingMessage = React21.useMemo(
+  const streamingMessage = React20.useMemo(
     () => sessionMessages.find((m) => m.status === "streaming"),
     [sessionMessages]
   );
-  const shouldAutoScrollRef = React21.useRef(true);
-  const isNearBottom = React21.useCallback((threshold = 150) => {
+  const shouldAutoScrollRef = React20.useRef(true);
+  const isNearBottom = React20.useCallback((threshold = 150) => {
     const container = containerRef.current;
     if (!container) return true;
     const { scrollTop, scrollHeight, clientHeight } = container;
     return scrollHeight - scrollTop - clientHeight < threshold;
   }, []);
-  const scrollToBottom = React21.useCallback((behavior = "smooth") => {
+  const scrollToBottom = React20.useCallback((behavior = "smooth") => {
     messagesEndRef.current?.scrollIntoView({ behavior, block: "end" });
   }, []);
-  const autoScrollIfNeeded = React21.useCallback(() => {
+  const autoScrollIfNeeded = React20.useCallback(() => {
     if (shouldAutoScrollRef.current) {
       scrollToBottom("smooth");
     }
   }, [scrollToBottom]);
-  const getScrollMetrics = React21.useCallback(() => {
+  const getScrollMetrics = React20.useCallback(() => {
     const container = containerRef.current;
     if (container && container.scrollHeight - container.clientHeight > 1) {
       return {
@@ -14661,7 +14395,7 @@ function ChatWindow({
       clientHeight: doc.clientHeight
     };
   }, []);
-  const updateScrollState = React21.useCallback(() => {
+  const updateScrollState = React20.useCallback(() => {
     const { scrollTop, scrollHeight, clientHeight } = getScrollMetrics();
     const distanceFromBottom = scrollHeight - scrollTop - clientHeight;
     setShowScrollButton(distanceFromBottom > 200);
@@ -14669,8 +14403,8 @@ function ChatWindow({
       shouldAutoScrollRef.current = true;
     }
   }, [getScrollMetrics]);
-  const lastScrollTopRef = React21.useRef(0);
-  React21.useEffect(() => {
+  const lastScrollTopRef = React20.useRef(0);
+  React20.useEffect(() => {
     const handleScroll = () => {
       const container2 = containerRef.current;
       if (!container2) return;
@@ -14725,14 +14459,14 @@ function ChatWindow({
       window.removeEventListener("wheel", handleWheel);
     };
   }, [isNearBottom, updateScrollState]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     if (!loading && sessionMessages.length > 0) {
       shouldAutoScrollRef.current = true;
       scrollToBottom("instant");
     }
   }, [loading, sessionId, scrollToBottom]);
-  const prevMessageCountRef = React21.useRef(sessionMessages.length);
-  React21.useEffect(() => {
+  const prevMessageCountRef = React20.useRef(sessionMessages.length);
+  React20.useEffect(() => {
     const prevCount = prevMessageCountRef.current;
     const currentCount = sessionMessages.length;
     prevMessageCountRef.current = currentCount;
@@ -14747,17 +14481,17 @@ function ChatWindow({
     }
     updateScrollState();
   }, [sessionMessages.length, sessionMessages, scrollToBottom, autoScrollIfNeeded, updateScrollState]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     if (streamingContent) {
       autoScrollIfNeeded();
     }
   }, [streamingContent, autoScrollIfNeeded]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     if (isThinking && isCurrentSessionStreaming && sessionCurrentThoughts.length > 0) {
       autoScrollIfNeeded();
     }
   }, [isThinking, isCurrentSessionStreaming, sessionCurrentThoughts.length, autoScrollIfNeeded]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     if (!isCurrentSessionStreaming) return;
     if (sessionPendingToolCalls.length > 0) {
       setTimeout(() => autoScrollIfNeeded(), 50);
@@ -14803,7 +14537,6 @@ function ChatWindow({
             message.messageId
           );
         }),
-        isThinking && isCurrentSessionStreaming && !streamingMessage && (sessionCurrentThoughts.length > 0 || sessionPendingToolCalls.length > 0) && /* @__PURE__ */ jsxRuntime.jsx(ThinkingBubble, { thoughts: sessionCurrentThoughts, pendingToolCalls: sessionPendingToolCalls, config }),
         isThinking && isCurrentSessionStreaming && !streamingMessage && sessionCurrentThoughts.length === 0 && sessionPendingToolCalls.length === 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 h-8 rounded-lg bg-[#d8ff00] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bot, { size: 16, className: "text-black" }) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-zinc-800/80 rounded-2xl rounded-tl-sm px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-zinc-400 text-sm", children: [
@@ -14839,10 +14572,10 @@ function ChatWindow({
     chatError && /* @__PURE__ */ jsxRuntime.jsx(ChatErrorBanner, { error: chatError })
   ] });
 }
-var ChatErrorBanner = React21.memo(function ChatErrorBanner2({ error }) {
-  const [visible, setVisible] = React21.useState(true);
+var ChatErrorBanner = React20.memo(function ChatErrorBanner2({ error }) {
+  const [visible, setVisible] = React20.useState(true);
   const { setChatError } = useAgentStore();
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     const timer = setTimeout(() => {
       setVisible(false);
       setChatError(void 0);
@@ -14865,10 +14598,10 @@ var ChatErrorBanner = React21.memo(function ChatErrorBanner2({ error }) {
     )
   ] }) });
 });
-var ChatWindow_default = React21.memo(ChatWindow);
-var MessageImage = React21.memo(function MessageImage2({ src, alt }) {
-  const [loaded, setLoaded] = React21.useState(false);
-  const [error, setError] = React21.useState(false);
+var ChatWindow_default = React20.memo(ChatWindow);
+var MessageImage = React20.memo(function MessageImage2({ src, alt }) {
+  const [loaded, setLoaded] = React20.useState(false);
+  const [error, setError] = React20.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 }),
@@ -14890,7 +14623,7 @@ var MessageImage = React21.memo(function MessageImage2({ src, alt }) {
     )
   ] });
 });
-var MessageVideo = React21.memo(function MessageVideo2({ src }) {
+var MessageVideo = React20.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",
     {
@@ -14902,12 +14635,12 @@ var MessageVideo = React21.memo(function MessageVideo2({ src }) {
     }
   ) });
 });
-var ImagePreview = React21.memo(function ImagePreview2({
+var ImagePreview = React20.memo(function ImagePreview2({
   src,
   alt,
   onClose
 }) {
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
         onClose();
@@ -14916,7 +14649,7 @@ var ImagePreview = React21.memo(function ImagePreview2({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [onClose]);
-  const handleDownload = React21.useCallback((e) => {
+  const handleDownload = React20.useCallback((e) => {
     e.stopPropagation();
     const link2 = document.createElement("a");
     link2.href = src;
@@ -15080,8 +14813,8 @@ function CompactThinking({ thoughts }) {
     toolCalls.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5 pt-1", children: toolCalls.map((tc, i) => /* @__PURE__ */ jsxRuntime.jsx(ToolCallCardCompact, { toolCall: tc, isStreaming: isThinking }, tc.id || i)) })
   ] });
 }
-function ToolCallCard7({ toolCall }) {
-  const [showDetails, setShowDetails] = React21.useState(false);
+function ToolCallCard5({ toolCall }) {
+  const [showDetails, setShowDetails] = React20.useState(false);
   const isPending = !toolCall.result && toolCall.status !== "completed";
   toolCall.status === "completed" || toolCall.result;
   const toolName = toolCall.displayName || toolCall.name?.replace("comfy_", "Workflow ") || "Tool";
@@ -15147,7 +14880,7 @@ function FullThinking({ thoughts }) {
           " \u6B21"
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: toolCalls.map((tc, i) => /* @__PURE__ */ jsxRuntime.jsx(ToolCallCard7, { toolCall: tc }, tc.id || i)) })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: toolCalls.map((tc, i) => /* @__PURE__ */ jsxRuntime.jsx(ToolCallCard5, { toolCall: tc }, tc.id || i)) })
     ] }),
     errorThought && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 p-3 bg-red-500/10 border border-red-500/20 rounded-lg", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { size: 16, className: "text-red-400 mt-0.5 flex-shrink-0" }),
@@ -15156,7 +14889,7 @@ function FullThinking({ thoughts }) {
   ] });
 }
 function ThinkingProcess({ thoughts, collapsed = false, compact = false }) {
-  const [expanded, setExpanded] = React21.useState(!collapsed);
+  const [expanded, setExpanded] = React20.useState(!collapsed);
   if (thoughts.length === 0) return null;
   if (compact) {
     return /* @__PURE__ */ jsxRuntime.jsx(CompactThinking, { thoughts });
@@ -15189,14 +14922,14 @@ function ThinkingProcess({ thoughts, collapsed = false, compact = false }) {
 }
 function ToolConfirmDialog({ toolCall }) {
   const { removePendingToolCall } = useAgentStore();
-  const [isEditing, setIsEditing] = React21.useState(false);
-  const [editedArguments, setEditedArguments] = React21.useState(
+  const [isEditing, setIsEditing] = React20.useState(false);
+  const [editedArguments, setEditedArguments] = React20.useState(
     JSON.stringify(toolCall.arguments, null, 2)
   );
-  const [rejectReason, setRejectReason] = React21.useState("");
-  const [loading, setLoading] = React21.useState(false);
-  const [showRejectInput, setShowRejectInput] = React21.useState(false);
-  const [error, setError] = React21.useState("");
+  const [rejectReason, setRejectReason] = React20.useState("");
+  const [loading, setLoading] = React20.useState(false);
+  const [showRejectInput, setShowRejectInput] = React20.useState(false);
+  const [error, setError] = React20.useState("");
   const handleConfirm = async () => {
     setLoading(true);
     setError("");
@@ -15357,7 +15090,7 @@ function ToolConfirmDialog({ toolCall }) {
 }
 var Dialog = DialogPrimitive__namespace.Root;
 var DialogPortal = DialogPrimitive__namespace.Portal;
-var DialogOverlay = React21__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogOverlay = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     ref,
@@ -15369,7 +15102,7 @@ var DialogOverlay = React21__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-var DialogContent = React21__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
+var DialogContent = React20__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsxs(
     DialogPrimitive__namespace.Content,
@@ -15419,7 +15152,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React21__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogTitle = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -15431,7 +15164,7 @@ var DialogTitle = React21__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var DialogDescription = React21__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogDescription = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -15507,7 +15240,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React21__namespace.forwardRef(
+var Button = React20__namespace.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -15524,7 +15257,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 = React21__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Card = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -15536,7 +15269,7 @@ var Card = React21__namespace.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React21__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardHeader = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -15545,7 +15278,7 @@ var CardHeader = React21__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React21__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardTitle = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "h3",
   {
     ref,
@@ -15557,7 +15290,7 @@ var CardTitle = React21__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React21__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardDescription = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "p",
   {
     ref,
@@ -15566,9 +15299,9 @@ var CardDescription = React21__namespace.forwardRef(({ className, ...props }, re
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React21__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React21__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardFooter = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -15590,7 +15323,7 @@ var Separator = ({ className, orientation = "horizontal", decorative = true }) =
     }
   );
 };
-var ScrollArea = React21__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var ScrollArea = React20__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   ScrollAreaPrimitive__namespace.Root,
   {
     ref,
@@ -15604,7 +15337,7 @@ var ScrollArea = React21__namespace.forwardRef(({ className, children, ...props
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive__namespace.Root.displayName;
-var ScrollBar = React21__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ScrollBar = React20__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
   {
     ref,
@@ -15898,7 +15631,7 @@ var PlanProgressPanel = ({
   ] });
 };
 var PlanProgressPanel_default = PlanProgressPanel;
-var Textarea = React21__namespace.forwardRef(
+var Textarea = React20__namespace.forwardRef(
   ({ className, theme, ...props }, ref) => {
     const themeClass = theme === "dark" ? "bg-gray-800 text-white" : "bg-white text-black";
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -15922,8 +15655,8 @@ var HumanInputDialog = ({
   onSubmit,
   onCancel
 }) => {
-  const [input, setInput] = React21.useState("");
-  const [error, setError] = React21.useState(null);
+  const [input, setInput] = React20.useState("");
+  const [error, setError] = React20.useState(null);
   const handleSubmit = () => {
     if (!input.trim()) {
       setError("\u8BF7\u8F93\u5165\u5185\u5BB9");
@@ -16172,7 +15905,7 @@ var Observer = class {
           "resolve",
           response
         ];
-        const isReactElementResponse = React21__namespace.default.isValidElement(response);
+        const isReactElementResponse = React20__namespace.default.isValidElement(response);
         if (isReactElementResponse) {
           shouldDismiss = false;
           this.create({
@@ -16184,7 +15917,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" && !React21__namespace.default.isValidElement(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !React20__namespace.default.isValidElement(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData
           };
@@ -16198,7 +15931,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" && !React21__namespace.default.isValidElement(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !React20__namespace.default.isValidElement(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData
           };
@@ -16212,7 +15945,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" && !React21__namespace.default.isValidElement(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !React20__namespace.default.isValidElement(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData
           };
@@ -16232,7 +15965,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" && !React21__namespace.default.isValidElement(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !React20__namespace.default.isValidElement(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData
           };
@@ -16310,22 +16043,22 @@ var toast = Object.assign(basicToast, {
 });
 __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%)}");
 function ShareModal({ sessionId, sessionTitle, isOpen, onClose }) {
-  const [loading, setLoading] = React21.useState(true);
-  const [creating, setCreating] = React21.useState(false);
-  const [shares, setShares] = React21.useState([]);
-  const [copied, setCopied] = React21.useState(null);
-  const [showCreateForm, setShowCreateForm] = React21.useState(false);
-  const [title, setTitle] = React21.useState("");
-  const [hasPassword, setHasPassword] = React21.useState(false);
-  const [password, setPassword] = React21.useState("");
-  const [expireDays, setExpireDays] = React21.useState(30);
-  const [editingShare, setEditingShare] = React21.useState(null);
-  const [editTitle, setEditTitle] = React21.useState("");
-  const [editHasPassword, setEditHasPassword] = React21.useState(false);
-  const [editPassword, setEditPassword] = React21.useState("");
-  const [editEnabled, setEditEnabled] = React21.useState(true);
-  const [updating, setUpdating] = React21.useState(false);
-  React21.useEffect(() => {
+  const [loading, setLoading] = React20.useState(true);
+  const [creating, setCreating] = React20.useState(false);
+  const [shares, setShares] = React20.useState([]);
+  const [copied, setCopied] = React20.useState(null);
+  const [showCreateForm, setShowCreateForm] = React20.useState(false);
+  const [title, setTitle] = React20.useState("");
+  const [hasPassword, setHasPassword] = React20.useState(false);
+  const [password, setPassword] = React20.useState("");
+  const [expireDays, setExpireDays] = React20.useState(30);
+  const [editingShare, setEditingShare] = React20.useState(null);
+  const [editTitle, setEditTitle] = React20.useState("");
+  const [editHasPassword, setEditHasPassword] = React20.useState(false);
+  const [editPassword, setEditPassword] = React20.useState("");
+  const [editEnabled, setEditEnabled] = React20.useState(true);
+  const [updating, setUpdating] = React20.useState(false);
+  React20.useEffect(() => {
     if (!isOpen || !sessionId) return;
     async function loadShares() {
       try {
@@ -16729,17 +16462,17 @@ var SaveTemplateDialog = ({
   onCancel,
   isSaving = false
 }) => {
-  const [name, setName] = React21.useState("");
-  const [description, setDescription] = React21.useState("");
-  const [content, setContent] = React21.useState(originalContent);
-  const [category, setCategory] = React21.useState("\u5176\u4ED6");
-  const [visibility, setVisibility] = React21.useState("PRIVATE");
-  const [variables, setVariables] = React21.useState([]);
-  const [error, setError] = React21.useState(null);
-  React21.useEffect(() => {
+  const [name, setName] = React20.useState("");
+  const [description, setDescription] = React20.useState("");
+  const [content, setContent] = React20.useState(originalContent);
+  const [category, setCategory] = React20.useState("\u5176\u4ED6");
+  const [visibility, setVisibility] = React20.useState("PRIVATE");
+  const [variables, setVariables] = React20.useState([]);
+  const [error, setError] = React20.useState(null);
+  React20.useEffect(() => {
     setContent(originalContent);
   }, [originalContent]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     const detectedVars = extractVariables(content);
     setVariables(detectedVars);
   }, [content]);
@@ -16932,8 +16665,8 @@ var UpdateTemplateDialog = ({
   onCancel,
   isUpdating = false
 }) => {
-  const [changeDescription, setChangeDescription] = React21.useState("");
-  const [error, setError] = React21.useState(null);
+  const [changeDescription, setChangeDescription] = React20.useState("");
+  const [error, setError] = React20.useState(null);
   const handleUpdate = () => {
     if (!changeDescription.trim()) {
       setError("\u8BF7\u8F93\u5165\u53D8\u66F4\u8BF4\u660E");
@@ -17072,7 +16805,7 @@ var TemplateSourceBadge = ({
   onUpdateTemplate,
   onSaveAsNewTemplate
 }) => {
-  const [isExpanded, setIsExpanded] = React21.useState(false);
+  const [isExpanded, setIsExpanded] = React20.useState(false);
   if (!template) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -17129,12 +16862,12 @@ var TemplateSourceBadge = ({
 };
 var TemplateSourceBadge_default = TemplateSourceBadge;
 var TemplateSelector = ({ isOpen, onClose, onSelectTemplate }) => {
-  const [activeTab, setActiveTab] = React21.useState("recent");
-  const [searchKeyword, setSearchKeyword] = React21.useState("");
-  const [selectedCategory, setSelectedCategory] = React21.useState("");
-  const [loading, setLoading] = React21.useState(false);
-  const [templates, setTemplates] = React21.useState([]);
-  const [categories, setCategories] = React21.useState([]);
+  const [activeTab, setActiveTab] = React20.useState("recent");
+  const [searchKeyword, setSearchKeyword] = React20.useState("");
+  const [selectedCategory, setSelectedCategory] = React20.useState("");
+  const [loading, setLoading] = React20.useState(false);
+  const [templates, setTemplates] = React20.useState([]);
+  const [categories, setCategories] = React20.useState([]);
   const loadTemplates = async () => {
     try {
       setLoading(true);
@@ -17189,14 +16922,14 @@ var TemplateSelector = ({ isOpen, onClose, onSelectTemplate }) => {
       setLoading(false);
     }
   };
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     if (isOpen) {
       setSearchKeyword("");
       setSelectedCategory("");
       loadTemplates();
     }
   }, [isOpen, activeTab]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     const timer = setTimeout(() => {
       if (searchKeyword.trim()) {
         searchTemplates();
@@ -17345,11 +17078,11 @@ var TemplateVariableDialog = ({
   onSend,
   onClose
 }) => {
-  const [formValues, setFormValues] = React21.useState({});
-  const [formErrors, setFormErrors] = React21.useState({});
-  const [isSending, setIsSending] = React21.useState(false);
-  const [showPreview, setShowPreview] = React21.useState(true);
-  React21.useEffect(() => {
+  const [formValues, setFormValues] = React20.useState({});
+  const [formErrors, setFormErrors] = React20.useState({});
+  const [isSending, setIsSending] = React20.useState(false);
+  const [showPreview, setShowPreview] = React20.useState(true);
+  React20.useEffect(() => {
     if (template && template.variables) {
       const initialValues = {};
       template.variables.forEach((variable) => {
@@ -17727,6 +17460,14 @@ var createWebSpeechProvider = (config) => {
       if (!checkBrowserSupport()) {
         throw new Error("Browser does not support speech recognition");
       }
+      if (typeof window !== "undefined" && !window.isSecureContext && location.protocol !== "https:") {
+        handleError({
+          code: "INSECURE_CONTEXT",
+          message: "\u8BED\u97F3\u8BC6\u522B\u9700\u8981 HTTPS \u6216 localhost \u73AF\u5883",
+          type: "permission"
+        });
+        return;
+      }
       setStatus("requesting");
       try {
         const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
@@ -17742,6 +17483,7 @@ var createWebSpeechProvider = (config) => {
       }
       const SpeechRecognition = getSpeechRecognition();
       recognition = new SpeechRecognition();
+      let hasResult = false;
       recognition.lang = language;
       recognition.continuous = continuous;
       recognition.interimResults = interimResults;
@@ -17771,6 +17513,8 @@ var createWebSpeechProvider = (config) => {
         const fullText = accumulatedFinalText + interimTranscript;
         const hasNewFinal = !!newFinalTranscript;
         const confidence = event.results[event.results.length - 1]?.[0]?.confidence || 0;
+        hasResult = true;
+        setStatus("recognizing");
         resultCallback?.({
           text: fullText,
           isFinal: hasNewFinal && !interimTranscript,
@@ -17830,6 +17574,15 @@ var createWebSpeechProvider = (config) => {
       };
       recognition.onend = () => {
         clearTimers();
+        if (!hasResult) {
+          errorCallback?.({
+            code: "NO_SPEECH",
+            message: "\u672A\u68C0\u6D4B\u5230\u6709\u6548\u8BED\u97F3\uFF0C\u8BF7\u91CD\u8BD5",
+            type: "unknown"
+          });
+          setStatus("error");
+          return;
+        }
         setStatus("completed");
       };
       recognition.start();
@@ -17872,12 +17625,12 @@ var useVoiceRecognition = (config = {}) => {
     engine = "webspeech",
     customProvider
   } = config;
-  const [status, setStatus] = React21.useState("idle");
-  const [result, setResult] = React21.useState(null);
-  const [error, setError] = React21.useState(null);
-  const [isSupported, setIsSupported] = React21.useState(true);
-  const providerRef = React21.useRef(null);
-  React21.useEffect(() => {
+  const [status, setStatus] = React20.useState("idle");
+  const [result, setResult] = React20.useState(null);
+  const [error, setError] = React20.useState(null);
+  const [isSupported, setIsSupported] = React20.useState(true);
+  const providerRef = React20.useRef(null);
+  React20.useEffect(() => {
     if (engine === "webspeech") {
       providerRef.current = createWebSpeechProvider(config);
     } else if (engine === "custom" && customProvider) {
@@ -17901,7 +17654,7 @@ var useVoiceRecognition = (config = {}) => {
       providerRef.current = null;
     };
   }, [engine, customProvider, config.language, config.maxDuration, config.autoStopSilence]);
-  const startRecording = React21.useCallback(async () => {
+  const startRecording = React20.useCallback(async () => {
     setError(null);
     setResult(null);
     setStatus("requesting");
@@ -17916,7 +17669,7 @@ var useVoiceRecognition = (config = {}) => {
       setStatus("error");
     }
   }, []);
-  const stopRecording = React21.useCallback(() => {
+  const stopRecording = React20.useCallback(() => {
     providerRef.current?.stop();
   }, []);
   return {
@@ -17934,14 +17687,14 @@ var VoiceWaveform = ({
   className = "",
   color: color2 = "#d8ff00"
 }) => {
-  const canvasRef = React21.useRef(null);
-  const animationRef = React21.useRef();
-  const audioContextRef = React21.useRef(null);
-  const analyserRef = React21.useRef(null);
-  const dataArrayRef = React21.useRef(null);
-  const sourceRef = React21.useRef(null);
-  const streamRef = React21.useRef(null);
-  const draw = React21.useCallback(() => {
+  const canvasRef = React20.useRef(null);
+  const animationRef = React20.useRef();
+  const audioContextRef = React20.useRef(null);
+  const analyserRef = React20.useRef(null);
+  const dataArrayRef = React20.useRef(null);
+  const sourceRef = React20.useRef(null);
+  const streamRef = React20.useRef(null);
+  const draw = React20.useCallback(() => {
     const canvas = canvasRef.current;
     const ctx = canvas?.getContext("2d");
     const analyser = analyserRef.current;
@@ -17989,7 +17742,7 @@ var VoiceWaveform = ({
     }
     animationRef.current = requestAnimationFrame(draw);
   }, [color2]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     if (!isRecording) {
       if (animationRef.current) {
         cancelAnimationFrame(animationRef.current);
@@ -18061,10 +17814,10 @@ var VoiceInput = ({
   className = ""
 }) => {
   const { enabled = true } = config;
-  const resultHandledRef = React21.useRef(false);
-  const lastResultRef = React21.useRef(null);
-  const [isExpanded, setIsExpanded] = React21.useState(false);
-  const [showResult, setShowResult] = React21.useState(false);
+  const resultHandledRef = React20.useRef(false);
+  const lastResultRef = React20.useRef(null);
+  const [isExpanded, setIsExpanded] = React20.useState(false);
+  const [showResult, setShowResult] = React20.useState(false);
   const {
     status,
     result,
@@ -18078,34 +17831,34 @@ var VoiceInput = ({
   const isRecognizing = status === "recognizing";
   const isCompleted = status === "completed";
   const hasError = status === "error";
-  const handleStart = React21.useCallback(async () => {
+  const handleStart = React20.useCallback(async () => {
     if (!isSupported || disabled) return;
     resultHandledRef.current = false;
     setIsExpanded(true);
     await startRecording();
   }, [isSupported, disabled, startRecording]);
-  const handleStop = React21.useCallback(() => {
+  const handleStop = React20.useCallback(() => {
     stopRecording();
   }, [stopRecording]);
-  const handleConfirm = React21.useCallback((text3) => {
+  const handleConfirm = React20.useCallback((text3) => {
     onResult(text3);
     setIsExpanded(false);
     setShowResult(false);
     lastResultRef.current = null;
   }, [onResult]);
-  const handleCancel = React21.useCallback(() => {
+  const handleCancel = React20.useCallback(() => {
     stopRecording();
     setIsExpanded(false);
     setShowResult(false);
     resultHandledRef.current = false;
     lastResultRef.current = null;
   }, [stopRecording]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     if (result?.text) {
       lastResultRef.current = result;
     }
   }, [result]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     if (isCompleted && !resultHandledRef.current) {
       resultHandledRef.current = true;
       const finalText = lastResultRef.current?.text || result?.text;
@@ -18122,14 +17875,14 @@ var VoiceInput = ({
       }
     }
   }, [isCompleted, result, config.autoConfirm, handleConfirm]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     if (isRecording) {
       resultHandledRef.current = false;
       lastResultRef.current = null;
       setShowResult(false);
     }
   }, [isRecording]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     if (error && onError) {
       onError(error);
       setTimeout(() => {
@@ -18232,9 +17985,9 @@ var VoiceButton = ({
   onStart,
   onStop
 }) => {
-  const buttonRef = React21.useRef(null);
+  const buttonRef = React20.useRef(null);
   const isTouchDevice = typeof window !== "undefined" && ("ontouchstart" in window || navigator.maxTouchPoints > 0);
-  const handleClick = React21.useCallback(() => {
+  const handleClick = React20.useCallback(() => {
     if (disabled) return;
     if (isRecording) {
       onStop();
@@ -18242,10 +17995,10 @@ var VoiceButton = ({
       onStart();
     }
   }, [disabled, isRecording, onStart, onStop]);
-  const pressTimerRef = React21.useRef(null);
-  const longPressRef = React21.useRef(false);
+  const pressTimerRef = React20.useRef(null);
+  const longPressRef = React20.useRef(false);
   const LONG_PRESS_DURATION = 300;
-  const handleTouchStart = React21.useCallback((e) => {
+  const handleTouchStart = React20.useCallback((e) => {
     e.preventDefault();
     if (disabled) return;
     longPressRef.current = false;
@@ -18254,7 +18007,7 @@ var VoiceButton = ({
       onStart();
     }, LONG_PRESS_DURATION);
   }, [disabled, onStart]);
-  const handleTouchEnd = React21.useCallback((e) => {
+  const handleTouchEnd = React20.useCallback((e) => {
     e.preventDefault();
     if (pressTimerRef.current) {
       clearTimeout(pressTimerRef.current);
@@ -18308,12 +18061,12 @@ var VoiceRecordingModal = ({
   const isRecognizing = status === "recognizing";
   const isCompleted = status === "completed";
   const hasError = status === "error";
-  const hasConfirmedRef = React21.useRef(false);
-  const onConfirmRef = React21.useRef(onConfirm);
-  React21.useEffect(() => {
+  const hasConfirmedRef = React20.useRef(false);
+  const onConfirmRef = React20.useRef(onConfirm);
+  React20.useEffect(() => {
     onConfirmRef.current = onConfirm;
   }, [onConfirm]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     if (isCompleted && result?.isFinal && result.text && !hasConfirmedRef.current) {
       hasConfirmedRef.current = true;
       const timer = setTimeout(() => {
@@ -18322,7 +18075,7 @@ var VoiceRecordingModal = ({
       return () => clearTimeout(timer);
     }
   }, [isCompleted, result]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     if (!visible) {
       hasConfirmedRef.current = false;
     }
@@ -18453,8 +18206,8 @@ var VoiceInputButton = ({
   style
 }) => {
   const { enabled = true } = config;
-  const [modalVisible, setModalVisible] = React21.useState(false);
-  const [hasPermission, setHasPermission] = React21.useState(null);
+  const [modalVisible, setModalVisible] = React20.useState(false);
+  const [hasPermission, setHasPermission] = React20.useState(null);
   const {
     status,
     result,
@@ -18463,7 +18216,7 @@ var VoiceInputButton = ({
     startRecording,
     stopRecording
   } = useVoiceRecognition(config);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     if (typeof navigator === "undefined") return;
     navigator.permissions?.query({ name: "microphone" }).then((permissionStatus) => {
       setHasPermission(permissionStatus.state === "granted");
@@ -18473,7 +18226,7 @@ var VoiceInputButton = ({
     }).catch(() => {
     });
   }, []);
-  const handleOpenModal = React21.useCallback(() => {
+  const handleOpenModal = React20.useCallback(() => {
     if (!isSupported) {
       onError?.({
         code: "NOT_SUPPORTED",
@@ -18484,17 +18237,17 @@ var VoiceInputButton = ({
     }
     setModalVisible(true);
   }, [isSupported, onError]);
-  const handleCloseModal = React21.useCallback(() => {
+  const handleCloseModal = React20.useCallback(() => {
     if (status === "recording") {
       stopRecording();
     }
     setModalVisible(false);
   }, [status, stopRecording]);
-  const handleConfirm = React21.useCallback((text3) => {
+  const handleConfirm = React20.useCallback((text3) => {
     onResult(text3);
     setModalVisible(false);
   }, [onResult]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     if (error && onError) {
       onError(error);
     }
@@ -18542,10 +18295,10 @@ function cn2(...inputs) {
   return twMerge(clsx(inputs));
 }
 function useResizablePanel(defaultWidth, minWidth, maxWidth, onWidthChange) {
-  const [width, setWidth] = React21.useState(defaultWidth);
-  const [isResizing, setIsResizing] = React21.useState(false);
-  const containerRef = React21.useRef(null);
-  const startResize = React21.useCallback((e) => {
+  const [width, setWidth] = React20.useState(defaultWidth);
+  const [isResizing, setIsResizing] = React20.useState(false);
+  const containerRef = React20.useRef(null);
+  const startResize = React20.useCallback((e) => {
     e.preventDefault();
     setIsResizing(true);
     const startX = e.clientX;
@@ -18571,7 +18324,7 @@ function useResizablePanel(defaultWidth, minWidth, maxWidth, onWidthChange) {
   }, [width, minWidth, maxWidth, onWidthChange]);
   return { width, isResizing, startResize, containerRef };
 }
-var SidePanel = React21.memo(function SidePanel2({
+var SidePanel = React20.memo(function SidePanel2({
   isOpen,
   onClose,
   title,
@@ -18594,7 +18347,7 @@ var SidePanel = React21.memo(function SidePanel2({
     minWidth,
     maxWidth
   );
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape" && isOpen) {
         onClose();
@@ -18603,7 +18356,7 @@ var SidePanel = React21.memo(function SidePanel2({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [isOpen, onClose]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     if (isOpen) {
       const originalOverflow = document.body.style.overflow;
       document.body.style.overflow = "hidden";
@@ -18705,7 +18458,7 @@ var SidePanel = React21.memo(function SidePanel2({
     isResizing && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-[60]" })
   ] });
 });
-var ViewTabs = React21.memo(function ViewTabs2({
+var ViewTabs = React20.memo(function ViewTabs2({
   activeView,
   onViewChange,
   views
@@ -18726,7 +18479,7 @@ var ViewTabs = React21.memo(function ViewTabs2({
     view.id
   )) });
 });
-var ToolbarButton = React21.memo(function ToolbarButton2({
+var ToolbarButton = React20.memo(function ToolbarButton2({
   onClick,
   title,
   children,
@@ -18745,14 +18498,14 @@ var ToolbarButton = React21.memo(function ToolbarButton2({
     }
   );
 });
-var CodeBlock5 = React21.memo(function CodeBlock6({
+var CodeBlock3 = React20.memo(function CodeBlock4({
   code: code3,
   language,
   showLineNumbers = true
 }) {
   const lines = code3.split("\n");
-  const [copied, setCopied] = React21.useState(false);
-  const handleCopy = React21.useCallback(async () => {
+  const [copied, setCopied] = React20.useState(false);
+  const handleCopy = React20.useCallback(async () => {
     try {
       await navigator.clipboard.writeText(code3);
       setCopied(true);
@@ -18787,14 +18540,14 @@ var CodeBlock5 = React21.memo(function CodeBlock6({
     ] }, i)) }) }) })
   ] });
 });
-var HtmlPreview3 = React21.memo(function HtmlPreview4({ content }) {
-  const [scale, setScale] = React21.useState(1);
-  const [deviceMode, setDeviceMode] = React21.useState("responsive");
-  const [isLoading, setIsLoading] = React21.useState(true);
-  const [iframeHeight, setIframeHeight] = React21.useState(600);
-  const iframeRef = React21.useRef(null);
-  const containerRef = React21.useRef(null);
-  const blobUrl = React21.useMemo(() => {
+var HtmlPreview3 = React20.memo(function HtmlPreview4({ content }) {
+  const [scale, setScale] = React20.useState(1);
+  const [deviceMode, setDeviceMode] = React20.useState("responsive");
+  const [isLoading, setIsLoading] = React20.useState(true);
+  const [iframeHeight, setIframeHeight] = React20.useState(600);
+  const iframeRef = React20.useRef(null);
+  const containerRef = React20.useRef(null);
+  const blobUrl = React20.useMemo(() => {
     const styleInjection = `
 <style>
   html, body {
@@ -18822,7 +18575,7 @@ var HtmlPreview3 = React21.memo(function HtmlPreview4({ content }) {
     const blob = new Blob([modifiedContent], { type: "text/html" });
     return URL.createObjectURL(blob);
   }, [content]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     return () => {
       URL.revokeObjectURL(blobUrl);
     };
@@ -18834,7 +18587,7 @@ var HtmlPreview3 = React21.memo(function HtmlPreview4({ content }) {
     responsive: { width: "100%", height: 600, icon: lucideReact.Maximize2, label: "Responsive" }
   };
   const currentDevice = deviceConfig[deviceMode];
-  const adjustIframeHeight = React21.useCallback(() => {
+  const adjustIframeHeight = React20.useCallback(() => {
     if (deviceMode === "responsive" && containerRef.current) {
       const containerHeight = containerRef.current.clientHeight - 32;
       setIframeHeight(Math.max(containerHeight, 400));
@@ -18842,12 +18595,12 @@ var HtmlPreview3 = React21.memo(function HtmlPreview4({ content }) {
       setIframeHeight(currentDevice.height);
     }
   }, [deviceMode, currentDevice.height]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     adjustIframeHeight();
     window.addEventListener("resize", adjustIframeHeight);
     return () => window.removeEventListener("resize", adjustIframeHeight);
   }, [adjustIframeHeight]);
-  const handleIframeLoad = React21.useCallback(() => {
+  const handleIframeLoad = React20.useCallback(() => {
     setIsLoading(false);
     try {
       const iframe = iframeRef.current;
@@ -18868,13 +18621,13 @@ var HtmlPreview3 = React21.memo(function HtmlPreview4({ content }) {
     } catch {
     }
   }, [deviceMode]);
-  const handleRefresh = React21.useCallback(() => {
+  const handleRefresh = React20.useCallback(() => {
     setIsLoading(true);
     if (iframeRef.current) {
       iframeRef.current.src = blobUrl;
     }
   }, [blobUrl]);
-  const handleDownload = React21.useCallback(() => {
+  const handleDownload = React20.useCallback(() => {
     const link2 = document.createElement("a");
     link2.href = blobUrl;
     link2.download = `artifact-${Date.now()}.html`;
@@ -18882,7 +18635,7 @@ var HtmlPreview3 = React21.memo(function HtmlPreview4({ content }) {
     link2.click();
     document.body.removeChild(link2);
   }, [blobUrl]);
-  const handleOpenNewTab = React21.useCallback(() => {
+  const handleOpenNewTab = React20.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: [
@@ -19003,21 +18756,21 @@ var HtmlPreview3 = React21.memo(function HtmlPreview4({ content }) {
     )
   ] });
 });
-var MarkdownPreview = React21.memo(function MarkdownPreview2({
+var MarkdownPreview = React20.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 }) }) }) });
 });
-React21.memo(function JsonPreview2({ content }) {
-  const parsedData = React21.useMemo(() => {
+React20.memo(function JsonPreview2({ content }) {
+  const parsedData = React20.useMemo(() => {
     try {
       return JSON.parse(content);
     } catch {
       return null;
     }
   }, [content]);
-  const formattedJson = React21.useMemo(() => {
+  const formattedJson = React20.useMemo(() => {
     if (parsedData === null) return content;
     try {
       return JSON.stringify(parsedData, null, 2);
@@ -19031,7 +18784,7 @@ React21.memo(function JsonPreview2({ content }) {
       /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "mt-2 text-xs text-zinc-500 agent-sdk-light:text-zinc-600 whitespace-pre-wrap", children: content })
     ] }) }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(CodeBlock5, { code: formattedJson, language: "json" });
+  return /* @__PURE__ */ jsxRuntime.jsx(CodeBlock3, { code: formattedJson, language: "json" });
 });
 var artifactTypeConfig = {
   html: {
@@ -19065,7 +18818,7 @@ var artifactTypeConfig = {
     bgColor: "bg-zinc-500/10"
   }
 };
-var ArtifactViewer = React21.memo(function ArtifactViewer2({
+var ArtifactViewer = React20.memo(function ArtifactViewer2({
   artifact,
   isOpen,
   onClose,
@@ -19075,8 +18828,8 @@ var ArtifactViewer = React21.memo(function ArtifactViewer2({
   onFullscreenToggle,
   embedded = false
 }) {
-  const [viewMode, setViewMode] = React21.useState(defaultView);
-  React21.useEffect(() => {
+  const [viewMode, setViewMode] = React20.useState(defaultView);
+  React20.useEffect(() => {
     if (artifact) {
       if (artifact.type === "html" || artifact.type === "markdown") {
         setViewMode("preview");
@@ -19091,7 +18844,7 @@ var ArtifactViewer = React21.memo(function ArtifactViewer2({
   const renderContent = () => {
     if (viewMode === "code" || !canPreview) {
       return /* @__PURE__ */ jsxRuntime.jsx(
-        CodeBlock5,
+        CodeBlock3,
         {
           code: artifact.content,
           language: artifact.language || artifact.type
@@ -19105,7 +18858,7 @@ var ArtifactViewer = React21.memo(function ArtifactViewer2({
         return /* @__PURE__ */ jsxRuntime.jsx(MarkdownPreview, { content: artifact.content, config });
       default:
         return /* @__PURE__ */ jsxRuntime.jsx(
-          CodeBlock5,
+          CodeBlock3,
           {
             code: artifact.content,
             language: artifact.language || artifact.type
@@ -19226,7 +18979,7 @@ function InformationSupplement({
   referenceImage,
   qrCode
 }) {
-  const [open, setOpen] = React21__namespace.default.useState(!confirmed);
+  const [open, setOpen] = React20__namespace.default.useState(!confirmed);
   const resolvedMain = main_image || mainImage;
   const resolvedRef = reference_image || referenceImage;
   const resolvedQr = qrcode || qrCode;
@@ -19274,8 +19027,8 @@ function InformationSupplement({
   ] });
 }
 function BriefReview({ content, confirmed }) {
-  const [open, setOpen] = React21.useState(!confirmed);
-  const sanitizedContent = React21.useMemo(() => sanitizeMarkdownContent(content || ""), [content]);
+  const [open, setOpen] = React20.useState(!confirmed);
+  const sanitizedContent = React20.useMemo(() => sanitizeMarkdownContent(content || ""), [content]);
   if (!sanitizedContent) {
     return null;
   }
@@ -19307,8 +19060,8 @@ function SessionItem({
   onReplay,
   onShare
 }) {
-  const [editing, setEditing] = React21.useState(false);
-  const [title, setTitle] = React21.useState("");
+  const [editing, setEditing] = React20.useState(false);
+  const [title, setTitle] = React20.useState("");
   const startEdit = (e) => {
     e.stopPropagation();
     setTitle(session.title || "\u65B0\u5BF9\u8BDD");
@@ -19383,7 +19136,7 @@ function Sidebar({
   collapsed,
   onToggle
 }) {
-  const [search, setSearch] = React21.useState("");
+  const [search, setSearch] = React20.useState("");
   const filtered = sessions.filter(
     (s) => !search || (s.title || "").toLowerCase().includes(search.toLowerCase())
   );
@@ -19458,7 +19211,7 @@ function Sidebar({
   ] });
 }
 function WelcomePage({ agentName, welcomeMessage, tools, onNew, onPrompt }) {
-  const quickPrompts = React21__namespace.default.useMemo(() => {
+  const quickPrompts = React20__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"
@@ -19542,8 +19295,8 @@ function ChatInputArea({
   isStreaming,
   config
 }) {
-  const textareaRef = React21.useRef(null);
-  const fileInputRef = React21.useRef(null);
+  const textareaRef = React20.useRef(null);
+  const fileInputRef = React20.useRef(null);
   const removeImage = (index) => {
     setImages((prev) => {
       const newImages = [...prev];
@@ -19745,13 +19498,13 @@ function ChatInputArea({
     ] })
   ] }) });
 }
-var DragHandle = React21__namespace.default.memo(function DragHandle2({
+var DragHandle = React20__namespace.default.memo(function DragHandle2({
   artifactPanelWidth,
   isDragging,
   onMouseDown
 }) {
-  const [isHovered, setIsHovered] = React21.useState(false);
-  React21.useEffect(() => {
+  const [isHovered, setIsHovered] = React20.useState(false);
+  React20.useEffect(() => {
     if (isHovered || isDragging) {
       document.body.style.cursor = "col-resize";
     } else {
@@ -19785,7 +19538,7 @@ var DragHandle = React21__namespace.default.memo(function DragHandle2({
     }
   );
 });
-var AgentChat = React21__namespace.default.forwardRef(({
+var AgentChat = React20__namespace.default.forwardRef(({
   agentId,
   projectId,
   agentName,
@@ -19813,7 +19566,7 @@ var AgentChat = React21__namespace.default.forwardRef(({
   const showSidebar = !embedded && !hideSidebar;
   const showHeader = !embedded && !hideHeader;
   const outerComponents = useComponents();
-  const mergedComponents = React21__namespace.default.useMemo(() => {
+  const mergedComponents = React20__namespace.default.useMemo(() => {
     const configComponents = config?.components || {};
     const mergedRegistry = {
       InformationSupplement,
@@ -19828,24 +19581,24 @@ var AgentChat = React21__namespace.default.forwardRef(({
     };
   }, [config?.components, outerComponents]);
   const { sessions, setSessions, currentSession, setCurrentSession, addSession, removeSession, tools: _tools, setTools, setSkills, setShowItemTime } = useAgentStore();
-  const [loading, setLoading] = React21.useState(true);
-  const [messagesLoading, setMessagesLoading] = React21.useState(false);
-  const [collapsed, setCollapsed] = React21.useState(false);
-  const [mobileOpen, setMobileOpen] = React21.useState(false);
-  const [input, setInput] = React21.useState("");
-  const [images, setImages] = React21.useState([]);
-  const textareaRef = React21.useRef(null);
-  React21.useRef(null);
-  const lastUserMessageRef = React21.useRef("");
-  const [shareModalOpen, setShareModalOpen] = React21.useState(false);
-  const [shareSession, setShareSession] = React21.useState(null);
-  const [currentArtifact, setCurrentArtifact] = React21.useState(null);
-  const [isArtifactFullscreen, setIsArtifactFullscreen] = React21.useState(false);
-  const [artifactPanelWidth, setArtifactPanelWidth] = React21.useState(50);
-  const [isDragging, setIsDragging] = React21.useState(false);
-  const dragStartRef = React21.useRef(null);
-  const containerRef = React21.useRef(null);
-  const handleDragMouseDown = React21.useCallback((e) => {
+  const [loading, setLoading] = React20.useState(true);
+  const [messagesLoading, setMessagesLoading] = React20.useState(false);
+  const [collapsed, setCollapsed] = React20.useState(false);
+  const [mobileOpen, setMobileOpen] = React20.useState(false);
+  const [input, setInput] = React20.useState("");
+  const [images, setImages] = React20.useState([]);
+  const textareaRef = React20.useRef(null);
+  React20.useRef(null);
+  const lastUserMessageRef = React20.useRef("");
+  const [shareModalOpen, setShareModalOpen] = React20.useState(false);
+  const [shareSession, setShareSession] = React20.useState(null);
+  const [currentArtifact, setCurrentArtifact] = React20.useState(null);
+  const [isArtifactFullscreen, setIsArtifactFullscreen] = React20.useState(false);
+  const [artifactPanelWidth, setArtifactPanelWidth] = React20.useState(50);
+  const [isDragging, setIsDragging] = React20.useState(false);
+  const dragStartRef = React20.useRef(null);
+  const containerRef = React20.useRef(null);
+  const handleDragMouseDown = React20.useCallback((e) => {
     e.preventDefault();
     e.stopPropagation();
     dragStartRef.current = {
@@ -19856,7 +19609,7 @@ var AgentChat = React21__namespace.default.forwardRef(({
     document.body.style.cursor = "col-resize";
     document.body.style.userSelect = "none";
   }, [artifactPanelWidth]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     if (!isDragging) return;
     const handleMouseMove = (e) => {
       if (!dragStartRef.current || !containerRef.current) return;
@@ -19883,10 +19636,10 @@ var AgentChat = React21__namespace.default.forwardRef(({
       document.body.style.userSelect = "";
     };
   }, [isDragging]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     setShowItemTime(showItemTime);
   }, [showItemTime]);
-  const handleOpenArtifact = React21.useCallback((data) => {
+  const handleOpenArtifact = React20.useCallback((data) => {
     if (currentArtifact && currentArtifact.content === data.content && currentArtifact.type === data.type) {
       setCurrentArtifact(null);
       setIsArtifactFullscreen(false);
@@ -19902,11 +19655,11 @@ var AgentChat = React21__namespace.default.forwardRef(({
     };
     setCurrentArtifact(artifact);
   }, [currentArtifact]);
-  const handleCloseArtifact = React21.useCallback(() => {
+  const handleCloseArtifact = React20.useCallback(() => {
     setCurrentArtifact(null);
     setIsArtifactFullscreen(false);
   }, []);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape" && currentArtifact) {
         if (isArtifactFullscreen) {
@@ -19919,7 +19672,7 @@ var AgentChat = React21__namespace.default.forwardRef(({
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [currentArtifact, isArtifactFullscreen]);
-  const handleToggleArtifactFullscreen = React21.useCallback(() => {
+  const handleToggleArtifactFullscreen = React20.useCallback(() => {
     setIsArtifactFullscreen((prev) => !prev);
   }, []);
   const { sendMessage, reconnect, abort } = useSSE({
@@ -19954,8 +19707,8 @@ var AgentChat = React21__namespace.default.forwardRef(({
   const setShowPlanConfirmDialog = useAgentStore((state) => state.setShowPlanConfirmDialog);
   const setShowHumanInputDialog = useAgentStore((state) => state.setShowHumanInputDialog);
   const clearPlanState = useAgentStore((state) => state.clearPlanState);
-  const [planProcessing, setPlanProcessing] = React21.useState(false);
-  React21.useEffect(() => {
+  const [planProcessing, setPlanProcessing] = React20.useState(false);
+  React20.useEffect(() => {
     if (initialSessionId) {
       console.log("sessions: ", sessions, initialSessionId);
       const session = sessions.find((s) => s.sessionId === initialSessionId);
@@ -19965,7 +19718,7 @@ var AgentChat = React21__namespace.default.forwardRef(({
       }
     }
   }, [initialSessionId, setCurrentSession, sessions]);
-  const handlePlanConfirm = React21.useCallback(async () => {
+  const handlePlanConfirm = React20.useCallback(async () => {
     if (!currentPlan?.publicId) return;
     setPlanProcessing(true);
     try {
@@ -19978,7 +19731,7 @@ var AgentChat = React21__namespace.default.forwardRef(({
       setPlanProcessing(false);
     }
   }, [currentPlan, setShowPlanConfirmDialog]);
-  const handlePlanReject = React21.useCallback(async () => {
+  const handlePlanReject = React20.useCallback(async () => {
     if (!currentPlan?.publicId) return;
     setPlanProcessing(true);
     try {
@@ -19992,7 +19745,7 @@ var AgentChat = React21__namespace.default.forwardRef(({
       setPlanProcessing(false);
     }
   }, [currentPlan, clearPlanState]);
-  const handlePlanPause = React21.useCallback(async () => {
+  const handlePlanPause = React20.useCallback(async () => {
     if (!currentPlan?.publicId) return;
     try {
       await planService.pause(currentPlan.publicId);
@@ -20001,7 +19754,7 @@ var AgentChat = React21__namespace.default.forwardRef(({
       toast.error("\u6682\u505C\u8BA1\u5212\u5931\u8D25");
     }
   }, [currentPlan]);
-  const handlePlanResume = React21.useCallback(async () => {
+  const handlePlanResume = React20.useCallback(async () => {
     if (!currentPlan?.publicId) return;
     try {
       await planService.resume(currentPlan.publicId);
@@ -20010,7 +19763,7 @@ var AgentChat = React21__namespace.default.forwardRef(({
       toast.error("\u6062\u590D\u8BA1\u5212\u5931\u8D25");
     }
   }, [currentPlan]);
-  const handlePlanCancel = React21.useCallback(async () => {
+  const handlePlanCancel = React20.useCallback(async () => {
     if (!currentPlan?.publicId) return;
     try {
       await planService.cancel(currentPlan.publicId);
@@ -20020,7 +19773,7 @@ var AgentChat = React21__namespace.default.forwardRef(({
       toast.error("\u53D6\u6D88\u8BA1\u5212\u5931\u8D25");
     }
   }, [currentPlan, clearPlanState]);
-  const handlePlanRetry = React21.useCallback(async () => {
+  const handlePlanRetry = React20.useCallback(async () => {
     if (!currentPlan?.publicId) return;
     setPlanProcessing(true);
     try {
@@ -20033,7 +19786,7 @@ var AgentChat = React21__namespace.default.forwardRef(({
       setPlanProcessing(false);
     }
   }, [currentPlan]);
-  const handlePlanSkip = React21.useCallback(async () => {
+  const handlePlanSkip = React20.useCallback(async () => {
     if (!currentPlan?.publicId) return;
     setPlanProcessing(true);
     try {
@@ -20046,7 +19799,7 @@ var AgentChat = React21__namespace.default.forwardRef(({
       setPlanProcessing(false);
     }
   }, [currentPlan]);
-  const handleHumanInputSubmit = React21.useCallback(async (stepId, input2) => {
+  const handleHumanInputSubmit = React20.useCallback(async (stepId, input2) => {
     if (!stepId || !currentPlan?.publicId) return;
     try {
       await planService.provideHumanInput(currentPlan.publicId, stepId, { input: input2 });
@@ -20056,10 +19809,10 @@ var AgentChat = React21__namespace.default.forwardRef(({
       toast.error("\u63D0\u4EA4\u8F93\u5165\u5931\u8D25");
     }
   }, [currentPlan, setShowHumanInputDialog]);
-  React21.useCallback(() => {
+  React20.useCallback(() => {
     setShowHumanInputDialog(false);
   }, [setShowHumanInputDialog]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     sessionService.list({ projectId, agentId, pageSize: 100 }).then(async (res) => {
       if (res.success && res.data) {
         const list2 = res.data.list.map((s) => ({ ...s, sessionId: s.publicId || s.session_id || s.id }));
@@ -20114,7 +19867,7 @@ var AgentChat = React21__namespace.default.forwardRef(({
       }
     }
   };
-  const handleNew = React21.useCallback(async () => {
+  const handleNew = React20.useCallback(async () => {
     const s = await createAndStartSession(projectId, agentId, "\u65B0\u5BF9\u8BDD");
     if (s?.sessionId) {
       addSession(s);
@@ -20122,12 +19875,12 @@ var AgentChat = React21__namespace.default.forwardRef(({
       useAgentStore.getState().setMessages([]);
     }
   }, [projectId, agentId]);
-  const handlePrompt = React21.useCallback(async (p) => {
+  const handlePrompt = React20.useCallback(async (p) => {
     await handleNew();
     setInput(p);
     setTimeout(() => textareaRef.current?.focus(), 100);
   }, [handleNew]);
-  const handleSelect = React21.useCallback(async (s) => {
+  const handleSelect = React20.useCallback(async (s) => {
     setCurrentSession(s);
     onSessionIdChange?.(s.sessionId);
     setMobileOpen(false);
@@ -20136,7 +19889,7 @@ var AgentChat = React21__namespace.default.forwardRef(({
     await loadMessages(s.sessionId);
     setMessagesLoading(false);
   }, []);
-  const handleDelete2 = React21.useCallback(async (id) => {
+  const handleDelete2 = React20.useCallback(async (id) => {
     toast("\u5220\u9664\u6B64\u5BF9\u8BDD\uFF1F", {
       action: {
         label: "\u786E\u8BA4\u5220\u9664",
@@ -20161,11 +19914,11 @@ var AgentChat = React21__namespace.default.forwardRef(({
       }
     });
   }, [currentSession, sessions, removeSession]);
-  const handleRename = React21.useCallback(async (id, title) => {
+  const handleRename = React20.useCallback(async (id, title) => {
     const res = await sessionService.updateTitle(id, title);
     if (res.success) useAgentStore.getState().updateSession(id, { title });
   }, []);
-  const handleDeleteMessage = React21.useCallback(async (messageId) => {
+  const handleDeleteMessage = React20.useCallback(async (messageId) => {
     try {
       const res = await messageService.delete(messageId);
       if (res.success) {
@@ -20182,7 +19935,7 @@ var AgentChat = React21__namespace.default.forwardRef(({
       return false;
     }
   }, []);
-  const handleSend = React21.useCallback(async () => {
+  const handleSend = React20.useCallback(async () => {
     if (!input.trim() && images.length === 0) return;
     if (!currentSession) return;
     let messageContent = input.trim();
@@ -20233,20 +19986,20 @@ var AgentChat = React21__namespace.default.forwardRef(({
     setImages([]);
     await sendMessage(currentSession.sessionId, messageContent);
   }, [input, images, currentSession, sendMessage, config]);
-  const sendTextMessage = React21.useCallback(async (content) => {
+  const sendTextMessage = React20.useCallback(async (content) => {
     if (!content.trim()) return;
     if (!currentSession) return;
     lastUserMessageRef.current = content.trim();
     await sendMessage(currentSession.sessionId, content.trim());
   }, [currentSession, sendMessage]);
-  const abortStreaming = React21.useCallback(async () => {
+  const abortStreaming = React20.useCallback(async () => {
     await abort();
   }, [abort]);
-  React21.useImperativeHandle(ref, () => ({
+  React20.useImperativeHandle(ref, () => ({
     sendTextMessage,
     abortStreaming
   }), [sendTextMessage, abortStreaming]);
-  const handleAbortMessage = React21.useCallback(async (messageId) => {
+  const handleAbortMessage = React20.useCallback(async (messageId) => {
     const { messages, updateMessage } = useAgentStore.getState();
     const target = messages.find((m) => m.messageId === messageId);
     const backendId = target?.metadata?.backendId || target?.messageId || messageId;
@@ -20263,7 +20016,7 @@ var AgentChat = React21__namespace.default.forwardRef(({
       console.error("[AgentChat] Cancel message failed:", err);
     }
   }, [abort]);
-  React21.useCallback(async (assets) => {
+  React20.useCallback(async (assets) => {
     const previews = await Promise.all(
       assets.map(async (asset) => {
         if (asset.file instanceof File) {
@@ -20286,7 +20039,7 @@ var AgentChat = React21__namespace.default.forwardRef(({
       setImages((prev) => [...prev, ...validPreviews]);
     }
   }, [config]);
-  const handleStop = React21.useCallback(() => {
+  const handleStop = React20.useCallback(() => {
     const streamingMsg = useAgentStore.getState().messages.find((m) => m.status === "streaming");
     if (streamingMsg) {
       handleAbortMessage(streamingMsg.messageId);
@@ -20295,7 +20048,7 @@ var AgentChat = React21__namespace.default.forwardRef(({
     }
   }, [handleAbortMessage, abort]);
   if (loading) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `agent-sdk-theme h-screen flex items-center justify-center bg-black ${themeClass} ${className || ""}`, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-6 h-6 text-[#d8ff00] animate-spin" }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `agent-sdk-theme h-screen flex items-center justify-center bg-black ${themeClass} ${className || ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-[#d8ff00]" }) });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(ComponentProvider, { components: mergedComponents, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -20489,26 +20242,26 @@ var SPEED_OPTIONS = [
   { value: 20, label: "20x" }
 ];
 function ShareReplayPage({ shareId, onNavigateBack }) {
-  const [pageState, setPageState] = React21.useState("loading");
-  const [error, setError] = React21.useState(null);
-  const [password, setPassword] = React21.useState("");
-  const [verifying, setVerifying] = React21.useState(false);
-  const [shareToken, setShareToken] = React21.useState(null);
-  const [sharedData, setSharedData] = React21.useState(null);
-  const [allMessages, setAllMessages] = React21.useState([]);
-  const [playState, setPlayState] = React21.useState("idle");
-  const [currentIndex, setCurrentIndex] = React21.useState(0);
-  const [displayedMessages, setDisplayedMessages] = React21.useState([]);
-  const [speed, setSpeed] = React21.useState(2);
-  const [isTyping, setIsTyping] = React21.useState(false);
-  const [typingContent, setTypingContent] = React21.useState("");
-  const timerRef = React21.useRef(null);
-  const messagesEndRef = React21.useRef(null);
-  const playStateRef = React21.useRef("idle");
-  const currentIndexRef = React21.useRef(0);
-  const isTypingRef = React21.useRef(false);
-  const typingStartTimeRef = React21.useRef("");
-  const typingMessage = React21.useMemo(() => {
+  const [pageState, setPageState] = React20.useState("loading");
+  const [error, setError] = React20.useState(null);
+  const [password, setPassword] = React20.useState("");
+  const [verifying, setVerifying] = React20.useState(false);
+  const [shareToken, setShareToken] = React20.useState(null);
+  const [sharedData, setSharedData] = React20.useState(null);
+  const [allMessages, setAllMessages] = React20.useState([]);
+  const [playState, setPlayState] = React20.useState("idle");
+  const [currentIndex, setCurrentIndex] = React20.useState(0);
+  const [displayedMessages, setDisplayedMessages] = React20.useState([]);
+  const [speed, setSpeed] = React20.useState(2);
+  const [isTyping, setIsTyping] = React20.useState(false);
+  const [typingContent, setTypingContent] = React20.useState("");
+  const timerRef = React20.useRef(null);
+  const messagesEndRef = React20.useRef(null);
+  const playStateRef = React20.useRef("idle");
+  const currentIndexRef = React20.useRef(0);
+  const isTypingRef = React20.useRef(false);
+  const typingStartTimeRef = React20.useRef("");
+  const typingMessage = React20.useMemo(() => {
     const sessionIdValue = sharedData?.session?.sessionId || shareId;
     if (!sessionIdValue) return null;
     return {
@@ -20521,7 +20274,7 @@ function ShareReplayPage({ shareId, onNavigateBack }) {
     };
   }, [sharedData?.session?.sessionId, shareId]);
   const getTokenStorageKey = (id) => `share_token_${id}`;
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     async function checkShare() {
       if (!shareId) {
         setError("\u5206\u4EAB ID \u65E0\u6548");
@@ -20588,29 +20341,29 @@ function ShareReplayPage({ shareId, onNavigateBack }) {
       setVerifying(false);
     }
   };
-  const scrollToBottom = React21.useCallback(() => {
+  const scrollToBottom = React20.useCallback(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, []);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     scrollToBottom();
   }, [displayedMessages, typingContent, scrollToBottom]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     return () => {
       if (timerRef.current) {
         clearTimeout(timerRef.current);
       }
     };
   }, []);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     playStateRef.current = playState;
   }, [playState]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     currentIndexRef.current = currentIndex;
   }, [currentIndex]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     isTypingRef.current = isTyping;
   }, [isTyping]);
-  const scheduleNext = React21.useCallback(() => {
+  const scheduleNext = React20.useCallback(() => {
     if (playStateRef.current !== "playing") return;
     const idx = currentIndexRef.current;
     if (idx >= allMessages.length) {
@@ -20660,7 +20413,7 @@ function ShareReplayPage({ shareId, onNavigateBack }) {
     };
     typeChar();
   }, [allMessages, speed]);
-  const handlePlay = React21.useCallback(() => {
+  const handlePlay = React20.useCallback(() => {
     if (timerRef.current) {
       clearTimeout(timerRef.current);
     }
@@ -20690,14 +20443,14 @@ function ShareReplayPage({ shareId, onNavigateBack }) {
       scheduleNext();
     }, 100);
   }, [playState, allMessages, scheduleNext]);
-  const handlePause = React21.useCallback(() => {
+  const handlePause = React20.useCallback(() => {
     if (timerRef.current) {
       clearTimeout(timerRef.current);
     }
     setPlayState("paused");
     playStateRef.current = "paused";
   }, []);
-  const handleReset = React21.useCallback(() => {
+  const handleReset = React20.useCallback(() => {
     if (timerRef.current) {
       clearTimeout(timerRef.current);
     }
@@ -20710,7 +20463,7 @@ function ShareReplayPage({ shareId, onNavigateBack }) {
     isTypingRef.current = false;
     setTypingContent("");
   }, []);
-  const handleSkip = React21.useCallback(() => {
+  const handleSkip = React20.useCallback(() => {
     if (timerRef.current) {
       clearTimeout(timerRef.current);
     }
@@ -20728,12 +20481,12 @@ function ShareReplayPage({ shareId, onNavigateBack }) {
       }
     }
   }, [allMessages, scheduleNext]);
-  const handleShare = React21.useCallback(() => {
+  const handleShare = React20.useCallback(() => {
     const url = window.location.href;
     navigator.clipboard.writeText(url);
     toast.success("\u94FE\u63A5\u5DF2\u590D\u5236\u5230\u526A\u8D34\u677F");
   }, []);
-  const handleShowAll = React21.useCallback(() => {
+  const handleShowAll = React20.useCallback(() => {
     if (timerRef.current) {
       clearTimeout(timerRef.current);
     }