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

package/dist/index.mjs

@@ -2,10 +2,10 @@ import Cookies2 from 'js-cookie';
 import OSS from 'ali-oss';
 import { create } from 'zustand';
 import { devtools } from 'zustand/middleware';
-import * as React21 from 'react';
-import React21__default, { memo, useState, useMemo, useEffect, createContext, useCallback, useRef, useImperativeHandle, useContext } from 'react';
-import ReactMarkdown from 'react-markdown';
+import * as React20 from 'react';
+import React20__default, { memo, useState, useMemo, useEffect, createContext, useCallback, useRef, useImperativeHandle, useContext } from 'react';
 import { Loader2, Check, AlertCircle, ChevronUp, ChevronDown, ExternalLink, Download, Bot, Users, X, Copy, Image, Maximize2, Clock, Sparkles, AlertTriangle, Play, Pencil, Square, RotateCcw, SkipForward, FileText, Code2, FileJson, FileCode, CheckCheck, Eye, Zap, ChevronRight, Lightbulb, RefreshCw, Trash2, ImageIcon, GripVertical, Minimize2, Smartphone, Tablet, Monitor, Globe, PanelLeft, ArrowLeft, Settings, CheckCircle2, Brain, UserCheck, Shield, User, Plus, PanelLeftClose, Search, MessageSquare, ImagePlus, Send, HelpCircle, Lock, Calendar, Link, Share2, Wand2, LayoutGrid, Mic, CheckCircle, ListOrdered, Ban, Pause, Save, Tag, Folder, EyeOff, FileEdit, BookOpen, Edit, XCircle, ArrowRight } from 'lucide-react';
+import ReactMarkdown from 'react-markdown';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useShallow } from 'zustand/react/shallow';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
@@ -6499,75 +6499,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", {
@@ -6933,6 +6864,76 @@ var MultiAgentThoughts = 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 = "";
@@ -7302,7 +7303,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);
@@ -9969,7 +9970,7 @@ var StepResultRenderer = memo(function StepResultRenderer2({
           className: "relative group/plan-img cursor-zoom-in",
           onClick: () => setPreviewImage(item.hdUrl),
           children: [
-            !imgLoaded[i] && !imgError[i] && /* @__PURE__ */ jsx("div", { className: "w-20 h-20 rounded-lg bg-zinc-800 flex items-center justify-center", children: /* @__PURE__ */ jsx(Loader2, { className: "w-4 h-4 text-zinc-600 animate-spin" }) }),
+            !imgLoaded[i] && !imgError[i] && /* @__PURE__ */ jsx("div", { className: "w-20 h-20 rounded-lg bg-zinc-800 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-[#d8ff00]" }) }),
             imgError[i] && /* @__PURE__ */ jsx("div", { className: "w-20 h-20 rounded-lg bg-zinc-800 flex items-center justify-center border border-zinc-700", children: /* @__PURE__ */ jsx(Image, { className: "w-5 h-5 text-zinc-600" }) }),
             /* @__PURE__ */ jsx(
               "img",
@@ -10503,7 +10504,7 @@ var MessageImageInternal = memo(function MessageImageInternal2({ src, alt, class
   const cachedStatus = imageLoadedCache.get(src);
   const [loaded, setLoaded] = useState(cachedStatus === "loaded");
   const [error, setError] = useState(cachedStatus === "error");
-  const imgRef = React21__default.useRef(null);
+  const imgRef = React20__default.useRef(null);
   const [previewUrl, setPreviewUrl] = useState(null);
   const ImagePreviewComp = useComponent("ImagePreview") || ImagePreviewInternal;
   useEffect(() => {
@@ -11833,13 +11834,13 @@ var ContentPreviewModal = memo(function ContentPreviewModal2({
     } catch {
     }
   }, [parsed.content]);
-  React21__default.useEffect(() => {
+  React20__default.useEffect(() => {
     document.body.style.overflow = "hidden";
     return () => {
       document.body.style.overflow = "";
     };
   }, []);
-  React21__default.useEffect(() => {
+  React20__default.useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
         onClose();
@@ -11938,13 +11939,13 @@ var ContentPreviewRenderer = memo(function ContentPreviewRenderer2({
   return /* @__PURE__ */ jsx(SourceCodeViewer, { content: parsed.content, language: parsed.language || parsed.type });
 });
 var HtmlPreview = memo(function HtmlPreview2({ content }) {
-  const iframeRef = React21__default.useRef(null);
+  const iframeRef = React20__default.useRef(null);
   const [scale, setScale] = useState(0.5);
   const blobUrl = useMemo(() => {
     const blob = new Blob([content], { type: "text/html" });
     return URL.createObjectURL(blob);
   }, [content]);
-  React21__default.useEffect(() => {
+  React20__default.useEffect(() => {
     return () => {
       URL.revokeObjectURL(blobUrl);
     };
@@ -12300,7 +12301,7 @@ var ToolResultRenderer = memo(function ToolResultRenderer2({
           }
         ) }, `video-${i}`)) }),
         imageUrls.length > 0 && /* @__PURE__ */ jsx("div", { children: imageUrls.map((img, i) => /* @__PURE__ */ jsxs("div", { className: `relative group/img overflow-hidden ${imageUrls.length > 1 ? "aspect-square bg-black" : ""}`, children: [
-          !imgLoaded[i] && /* @__PURE__ */ jsx("div", { className: `bg-zinc-800 animate-pulse flex items-center justify-center`, children: /* @__PURE__ */ jsx(Loader2, { className: "w-5 h-5 text-zinc-600 animate-spin" }) }),
+          !imgLoaded[i] && /* @__PURE__ */ jsx("div", { className: `bg-zinc-800 animate-pulse flex items-center justify-center`, children: /* @__PURE__ */ jsx("div", { className: "animate-spin rounded-full h-5 w-5 border-b-2 border-[#d8ff00]" }) }),
           /* @__PURE__ */ jsx(
             "img",
             {
@@ -12366,7 +12367,7 @@ var SkillLoadCard = memo(function SkillLoadCard2({ toolCall }) {
   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__ */ 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__ */ jsx(Loader2, { size: 14, className: "text-violet-400 animate-spin" }) : isSuccess ? /* @__PURE__ */ jsx(Zap, { size: 14, className: "text-violet-400" }) : /* @__PURE__ */ jsx(Zap, { size: 14, className: "text-red-400" }),
+    isPending ? /* @__PURE__ */ jsx("div", { className: "animate-spin rounded-full h-3.5 w-3.5 border-b-2 border-violet-400" }) : isSuccess ? /* @__PURE__ */ jsx(Zap, { size: 14, className: "text-violet-400" }) : /* @__PURE__ */ jsx(Zap, { size: 14, className: "text-red-400" }),
     /* @__PURE__ */ jsx("span", { className: "text-zinc-300", children: isPending ? `\u6B63\u5728${actionText}` : isSuccess ? `\u5DF2${actionText}` : `${actionText}\u5931\u8D25` }),
     /* @__PURE__ */ jsx("span", { className: "font-medium text-violet-300", children: skillName }),
     isSuccess && /* @__PURE__ */ jsx("span", { className: "text-zinc-500", children: "\u6280\u80FD" })
@@ -12450,7 +12451,7 @@ var ToolCallCard3 = memo(function ToolCallCard4({
           className: "flex items-center justify-between cursor-pointer",
           onClick: () => setHeaderExpanded(!headerExpanded),
           children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ 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__ */ jsx(Loader2, { size: 12, className: "text-amber-400 animate-spin" }) : isSuccess ? /* @__PURE__ */ jsx(Check, { size: 12, className: "text-green-400" }) : /* @__PURE__ */ jsx(Zap, { size: 12, className: "text-red-400" }) }),
+            /* @__PURE__ */ 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__ */ jsx("div", { className: "animate-spin rounded-full h-3 w-3 border-b-2 border-amber-400" }) : isSuccess ? /* @__PURE__ */ jsx(Check, { size: 12, className: "text-green-400" }) : /* @__PURE__ */ jsx(Zap, { size: 12, className: "text-red-400" }) }),
             /* @__PURE__ */ jsx("span", { className: "agent-toolcall-title text-xs text-zinc-400", children: toolDisplayName }),
             /* @__PURE__ */ 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__ */ jsx(ChevronDown, { size: 14, className: "text-zinc-500" }) : /* @__PURE__ */ jsx(ChevronRight, { size: 14, className: "text-zinc-500" })
@@ -12536,7 +12537,7 @@ var StreamingToolCard = memo(function StreamingToolCard2({ toolCall }) {
   const errorMessage = toolCall.result?.error || toolCall.error;
   return /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ 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__ */ jsx(Loader2, { size: 12, className: "text-amber-400 animate-spin" }) : isSuccess ? /* @__PURE__ */ jsx(Check, { size: 12, className: "text-green-400" }) : /* @__PURE__ */ jsx(Zap, { size: 12, className: "text-red-400" }) }),
+      /* @__PURE__ */ 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__ */ jsx("div", { className: "animate-spin rounded-full h-3 w-3 border-b-2 border-[#d8ff00]" }) : isSuccess ? /* @__PURE__ */ jsx(Check, { size: 12, className: "text-green-400" }) : /* @__PURE__ */ jsx(Zap, { size: 12, className: "text-red-400" }) }),
       /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-300 truncate flex-1", children: toolName }),
       /* @__PURE__ */ 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" })
     ] }),
@@ -14282,274 +14283,7 @@ var EmptyState = memo(function EmptyState2() {
   ] }) });
 });
 var LoadingState = memo(function LoadingState2() {
-  return /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center h-full", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-    /* @__PURE__ */ jsx(Loader2, { className: "w-8 h-8 text-[#d8ff00] animate-spin mx-auto mb-3" }),
-    /* @__PURE__ */ jsx("p", { className: "text-zinc-500 text-sm", children: "\u52A0\u8F7D\u6D88\u606F\u4E2D..." })
-  ] }) });
-});
-var CodeBlock3 = memo(function CodeBlock4({ children, className }) {
-  const [copied, setCopied] = useState(false);
-  const language = className?.replace("language-", "") || "text";
-  const handleCopy = async () => {
-    await navigator.clipboard.writeText(children);
-    setCopied(true);
-    setTimeout(() => setCopied(false), 2e3);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "relative group my-2 rounded-lg overflow-hidden bg-zinc-900 border border-zinc-800", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-3 py-1.5 bg-zinc-800/50 border-b border-zinc-800", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-500 font-mono", children: language }),
-      /* @__PURE__ */ jsxs("button", { onClick: handleCopy, className: "flex items-center gap-1 text-xs text-zinc-500 hover:text-zinc-300 transition-colors", children: [
-        copied ? /* @__PURE__ */ jsx(Check, { size: 12, className: "text-green-400" }) : /* @__PURE__ */ jsx(Copy, { size: 12 }),
-        copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx("pre", { className: "p-3 overflow-x-auto text-xs", children: /* @__PURE__ */ jsx("code", { className: `${className} text-zinc-300`, children }) })
-  ] });
-});
-var ResolvedMarkdownMedia3 = memo(function ResolvedMarkdownMedia4({
-  src,
-  alt,
-  config
-}) {
-  const [media, setMedia] = useState(null);
-  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__ */ jsx(
-      "video",
-      {
-        src: media.url,
-        controls: true,
-        className: "max-w-full rounded-lg max-h-[320px] w-full my-2",
-        preload: "metadata"
-      }
-    );
-  }
-  return /* @__PURE__ */ 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 = memo(function MarkdownContent4({ content, config }) {
-  return /* @__PURE__ */ jsx(
-    ReactMarkdown,
-    {
-      remarkPlugins: [remarkGfm],
-      components: {
-        code({ className, children, ...props }) {
-          const codeString = String(children).replace(/\n$/, "");
-          const isBlock = className || codeString.includes("\n");
-          if (isBlock) return /* @__PURE__ */ jsx(CodeBlock3, { className, children: codeString });
-          return /* @__PURE__ */ jsx("code", { className: "px-1 py-0.5 bg-zinc-800 rounded text-[#d8ff00] text-xs font-mono", ...props, children });
-        },
-        p: ({ children }) => /* @__PURE__ */ jsx("p", { className: "mb-2 last:mb-0 leading-relaxed", children }),
-        h1: ({ children }) => /* @__PURE__ */ jsx("h1", { className: "text-base font-bold mb-2 mt-3 first:mt-0", children }),
-        h2: ({ children }) => /* @__PURE__ */ jsx("h2", { className: "text-sm font-bold mb-2 mt-3 first:mt-0", children }),
-        h3: ({ children }) => /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold mb-1 mt-2 first:mt-0", children }),
-        ul: ({ children }) => /* @__PURE__ */ jsx("ul", { className: "list-disc list-inside mb-2 space-y-0.5", children }),
-        ol: ({ children }) => /* @__PURE__ */ jsx("ol", { className: "list-decimal list-inside mb-2 space-y-0.5", children }),
-        li: ({ children }) => /* @__PURE__ */ jsx("li", { className: "leading-relaxed", children }),
-        blockquote: ({ children }) => /* @__PURE__ */ jsx("blockquote", { className: "border-l-2 border-[#d8ff00]/50 pl-2 my-2 text-zinc-400 italic", children }),
-        img: ({ src, alt }) => /* @__PURE__ */ 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__ */ jsx(ResolvedMarkdownMedia3, { src: link2, alt: typeof children === "string" ? children : void 0, config });
-          }
-          return /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noopener noreferrer", className: "text-[#d8ff00] hover:underline", children });
-        },
-        strong: ({ children }) => /* @__PURE__ */ jsx("strong", { className: "font-semibold text-white", children }),
-        em: ({ children }) => /* @__PURE__ */ jsx("em", { className: "italic", children })
-      },
-      children: content
-    }
-  );
-});
-var ToolCallCard5 = memo(function ToolCallCard6({ toolCall }) {
-  const [expanded, setExpanded] = 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__ */ 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__ */ jsx(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__ */ jsx(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__ */ jsx(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__ */ jsx(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__ */ jsx(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__ */ jsxs("div", { className: `rounded-lg border ${statusConfig.borderColor} overflow-hidden bg-zinc-900/60`, children: [
-    /* @__PURE__ */ 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__ */ jsx("div", { className: `w-5 h-5 rounded flex items-center justify-center ${statusConfig.bgColor}`, children: statusConfig.icon }),
-          /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-300 truncate flex-1 text-left", children: toolCall.displayName || toolCall.name?.replace("comfy_", "") || "Tool" }),
-          /* @__PURE__ */ jsx("span", { className: `text-[10px] px-1.5 py-0.5 rounded ${statusConfig.bgColor} ${statusConfig.textColor}`, children: statusConfig.label }),
-          canExpand && (expanded ? /* @__PURE__ */ jsx(ChevronUp, { size: 12, className: "text-zinc-500" }) : /* @__PURE__ */ jsx(ChevronDown, { size: 12, className: "text-zinc-500" }))
-        ]
-      }
-    ),
-    expanded && /* @__PURE__ */ jsxs("div", { className: "border-t border-zinc-700/50 px-3 py-2 space-y-2", children: [
-      hasArguments && /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("div", { className: "text-[10px] text-zinc-500 uppercase tracking-wide mb-1", children: "\u53C2\u6570" }),
-        /* @__PURE__ */ 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__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("div", { className: "text-[10px] text-zinc-500 uppercase tracking-wide mb-1", children: "\u7ED3\u679C" }),
-        /* @__PURE__ */ 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__ */ jsxs("pre", { className: "font-mono whitespace-pre-wrap break-words", children: [
-          toolCall.result.slice(0, 500),
-          "..."
-        ] }) : /* @__PURE__ */ jsx("pre", { className: "font-mono whitespace-pre-wrap break-words", children: toolCall.result }) : /* @__PURE__ */ jsx("pre", { className: "font-mono", children: JSON.stringify(toolCall.result, null, 2) }) })
-      ] }),
-      toolCall.error && /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("div", { className: "text-[10px] text-red-400 uppercase tracking-wide mb-1", children: "\u9519\u8BEF" }),
-        /* @__PURE__ */ jsx("div", { className: "text-[11px] text-red-300 bg-red-500/10 rounded p-2 overflow-x-auto", children: toolCall.error })
-      ] })
-    ] })
-  ] });
-});
-var ThinkingBubble = memo(function ThinkingBubble2({
-  thoughts,
-  pendingToolCalls = [],
-  config
-}) {
-  const [expanded, setExpanded] = useState(true);
-  const { content: thinkingContent, toolCalls: thoughtToolCalls, isThinking } = useMemo(
-    () => parseThoughts(thoughts),
-    [thoughts]
-  );
-  const toolCalls = 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__ */ jsxs("div", { className: "flex gap-3", children: [
-    /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded-lg bg-[#d8ff00] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx(Bot, { size: 16, className: "text-black" }) }),
-    /* @__PURE__ */ jsx("div", { className: "flex flex-col items-start max-w-[75%] min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "bg-zinc-800/80 text-zinc-100 rounded-2xl rounded-tl-sm overflow-hidden w-full", children: [
-      /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Loader2, { size: 16, className: "text-[#d8ff00] animate-spin" }),
-          /* @__PURE__ */ jsx("span", { className: "text-sm text-zinc-200", children: "\u6B63\u5728\u601D\u8003..." }),
-          toolCalls.length > 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-zinc-500", children: [
-            toolCalls.length,
-            " \u6B21\u5DE5\u5177\u8C03\u7528"
-          ] })
-        ] }),
-        expanded ? /* @__PURE__ */ jsx(ChevronUp, { size: 14, className: "text-zinc-500" }) : /* @__PURE__ */ jsx(ChevronDown, { size: 14, className: "text-zinc-500" })
-      ] }),
-      expanded && /* @__PURE__ */ jsxs("div", { className: "px-4 pb-4 space-y-3 border-t border-zinc-700/50 overflow-hidden", children: [
-        thinkingContent ? /* @__PURE__ */ jsxs("div", { className: "text-sm text-zinc-400 leading-relaxed pt-3 prose prose-invert prose-sm max-w-none [&_*]:break-words", children: [
-          /* @__PURE__ */ jsx(MarkdownContent3, { content: thinkingContent, config }),
-          isThinking && /* @__PURE__ */ jsx("span", { className: "inline-block w-0.5 h-4 bg-[#d8ff00] animate-pulse ml-1 align-middle" })
-        ] }) : isThinking && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-zinc-500 pt-3", children: [
-          /* @__PURE__ */ jsxs("span", { className: "flex gap-1", children: [
-            /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 bg-[#d8ff00] rounded-full animate-bounce", style: { animationDelay: "0ms" } }),
-            /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 bg-[#d8ff00] rounded-full animate-bounce", style: { animationDelay: "150ms" } }),
-            /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 bg-[#d8ff00] rounded-full animate-bounce", style: { animationDelay: "300ms" } })
-          ] }),
-          /* @__PURE__ */ jsx("span", { children: "\u6B63\u5728\u5206\u6790..." })
-        ] }),
-        toolCalls.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-2 pt-2", children: toolCalls.map((tc) => /* @__PURE__ */ jsx(ToolCallCard5, { toolCall: tc }, tc.id)) })
-      ] })
-    ] }) })
-  ] });
+  return /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center h-full", children: /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-[#d8ff00]" }) }) });
 });
 function ChatWindow({
   sessionId,
@@ -14775,7 +14509,6 @@ function ChatWindow({
             message.messageId
           );
         }),
-        isThinking && isCurrentSessionStreaming && !streamingMessage && (sessionCurrentThoughts.length > 0 || sessionPendingToolCalls.length > 0) && /* @__PURE__ */ jsx(ThinkingBubble, { thoughts: sessionCurrentThoughts, pendingToolCalls: sessionPendingToolCalls, config }),
         isThinking && isCurrentSessionStreaming && !streamingMessage && sessionCurrentThoughts.length === 0 && sessionPendingToolCalls.length === 0 && /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
           /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded-lg bg-[#d8ff00] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx(Bot, { size: 16, className: "text-black" }) }),
           /* @__PURE__ */ jsx("div", { className: "bg-zinc-800/80 rounded-2xl rounded-tl-sm px-4 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-zinc-400 text-sm", children: [
@@ -15052,7 +14785,7 @@ function CompactThinking({ thoughts }) {
     toolCalls.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-1.5 pt-1", children: toolCalls.map((tc, i) => /* @__PURE__ */ jsx(ToolCallCardCompact, { toolCall: tc, isStreaming: isThinking }, tc.id || i)) })
   ] });
 }
-function ToolCallCard7({ toolCall }) {
+function ToolCallCard5({ toolCall }) {
   const [showDetails, setShowDetails] = useState(false);
   const isPending = !toolCall.result && toolCall.status !== "completed";
   toolCall.status === "completed" || toolCall.result;
@@ -15119,7 +14852,7 @@ function FullThinking({ thoughts }) {
           " \u6B21"
         ] })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "space-y-2", children: toolCalls.map((tc, i) => /* @__PURE__ */ jsx(ToolCallCard7, { toolCall: tc }, tc.id || i)) })
+      /* @__PURE__ */ jsx("div", { className: "space-y-2", children: toolCalls.map((tc, i) => /* @__PURE__ */ jsx(ToolCallCard5, { toolCall: tc }, tc.id || i)) })
     ] }),
     errorThought && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 p-3 bg-red-500/10 border border-red-500/20 rounded-lg", children: [
       /* @__PURE__ */ jsx(AlertCircle, { size: 16, className: "text-red-400 mt-0.5 flex-shrink-0" }),
@@ -15329,7 +15062,7 @@ function ToolConfirmDialog({ toolCall }) {
 }
 var Dialog = DialogPrimitive.Root;
 var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogOverlay = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -15341,7 +15074,7 @@ var DialogOverlay = React21.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+var DialogContent = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxs(
     DialogPrimitive.Content,
@@ -15391,7 +15124,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -15403,7 +15136,7 @@ var DialogTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogDescription = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -15479,7 +15212,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React21.forwardRef(
+var Button = React20.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsx(
@@ -15496,7 +15229,7 @@ Button.displayName = "Button";
 var Badge = ({ children, className }) => {
   return /* @__PURE__ */ 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.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Card = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -15508,7 +15241,7 @@ var Card = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardHeader = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -15517,7 +15250,7 @@ var CardHeader = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h3",
   {
     ref,
@@ -15529,7 +15262,7 @@ var CardTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardDescription = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "p",
   {
     ref,
@@ -15538,9 +15271,9 @@ var CardDescription = React21.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -15562,7 +15295,7 @@ var Separator = ({ className, orientation = "horizontal", decorative = true }) =
     }
   );
 };
-var ScrollArea = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ScrollArea = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   ScrollAreaPrimitive.Root,
   {
     ref,
@@ -15576,7 +15309,7 @@ var ScrollArea = React21.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React21.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+var ScrollBar = React20.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -15870,7 +15603,7 @@ var PlanProgressPanel = ({
   ] });
 };
 var PlanProgressPanel_default = PlanProgressPanel;
-var Textarea = React21.forwardRef(
+var Textarea = React20.forwardRef(
   ({ className, theme, ...props }, ref) => {
     const themeClass = theme === "dark" ? "bg-gray-800 text-white" : "bg-white text-black";
     return /* @__PURE__ */ jsx(
@@ -16144,7 +15877,7 @@ var Observer = class {
           "resolve",
           response
         ];
-        const isReactElementResponse = React21__default.isValidElement(response);
+        const isReactElementResponse = React20__default.isValidElement(response);
         if (isReactElementResponse) {
           shouldDismiss = false;
           this.create({
@@ -16156,7 +15889,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__default.isValidElement(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !React20__default.isValidElement(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData
           };
@@ -16170,7 +15903,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__default.isValidElement(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !React20__default.isValidElement(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData
           };
@@ -16184,7 +15917,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__default.isValidElement(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !React20__default.isValidElement(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData
           };
@@ -16204,7 +15937,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__default.isValidElement(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !React20__default.isValidElement(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData
           };
@@ -17699,6 +17432,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 });
@@ -17714,6 +17455,7 @@ var createWebSpeechProvider = (config) => {
       }
       const SpeechRecognition = getSpeechRecognition();
       recognition = new SpeechRecognition();
+      let hasResult = false;
       recognition.lang = language;
       recognition.continuous = continuous;
       recognition.interimResults = interimResults;
@@ -17743,6 +17485,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,
@@ -17802,6 +17546,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();
@@ -18717,7 +18470,7 @@ var ToolbarButton = memo(function ToolbarButton2({
     }
   );
 });
-var CodeBlock5 = memo(function CodeBlock6({
+var CodeBlock3 = memo(function CodeBlock4({
   code: code3,
   language,
   showLineNumbers = true
@@ -19003,7 +18756,7 @@ memo(function JsonPreview2({ content }) {
       /* @__PURE__ */ jsx("pre", { className: "mt-2 text-xs text-zinc-500 agent-sdk-light:text-zinc-600 whitespace-pre-wrap", children: content })
     ] }) }) });
   }
-  return /* @__PURE__ */ jsx(CodeBlock5, { code: formattedJson, language: "json" });
+  return /* @__PURE__ */ jsx(CodeBlock3, { code: formattedJson, language: "json" });
 });
 var artifactTypeConfig = {
   html: {
@@ -19063,7 +18816,7 @@ var ArtifactViewer = memo(function ArtifactViewer2({
   const renderContent = () => {
     if (viewMode === "code" || !canPreview) {
       return /* @__PURE__ */ jsx(
-        CodeBlock5,
+        CodeBlock3,
         {
           code: artifact.content,
           language: artifact.language || artifact.type
@@ -19077,7 +18830,7 @@ var ArtifactViewer = memo(function ArtifactViewer2({
         return /* @__PURE__ */ jsx(MarkdownPreview, { content: artifact.content, config });
       default:
         return /* @__PURE__ */ jsx(
-          CodeBlock5,
+          CodeBlock3,
           {
             code: artifact.content,
             language: artifact.language || artifact.type
@@ -19198,7 +18951,7 @@ function InformationSupplement({
   referenceImage,
   qrCode
 }) {
-  const [open, setOpen] = React21__default.useState(!confirmed);
+  const [open, setOpen] = React20__default.useState(!confirmed);
   const resolvedMain = main_image || mainImage;
   const resolvedRef = reference_image || referenceImage;
   const resolvedQr = qrcode || qrCode;
@@ -19430,7 +19183,7 @@ function Sidebar({
   ] });
 }
 function WelcomePage({ agentName, welcomeMessage, tools, onNew, onPrompt }) {
-  const quickPrompts = React21__default.useMemo(() => {
+  const quickPrompts = React20__default.useMemo(() => {
     const prompts = [];
     const hasImageTool = tools?.some(
       (t) => t.name?.toLowerCase().includes("image") || t.name?.toLowerCase().includes("\u56FE\u7247") || t.type === "COMFY_APP"
@@ -19717,7 +19470,7 @@ function ChatInputArea({
     ] })
   ] }) });
 }
-var DragHandle = React21__default.memo(function DragHandle2({
+var DragHandle = React20__default.memo(function DragHandle2({
   artifactPanelWidth,
   isDragging,
   onMouseDown
@@ -19757,7 +19510,7 @@ var DragHandle = React21__default.memo(function DragHandle2({
     }
   );
 });
-var AgentChat = React21__default.forwardRef(({
+var AgentChat = React20__default.forwardRef(({
   agentId,
   projectId,
   agentName,
@@ -19785,7 +19538,7 @@ var AgentChat = React21__default.forwardRef(({
   const showSidebar = !embedded && !hideSidebar;
   const showHeader = !embedded && !hideHeader;
   const outerComponents = useComponents();
-  const mergedComponents = React21__default.useMemo(() => {
+  const mergedComponents = React20__default.useMemo(() => {
     const configComponents = config?.components || {};
     const mergedRegistry = {
       InformationSupplement,
@@ -20267,7 +20020,7 @@ var AgentChat = React21__default.forwardRef(({
     }
   }, [handleAbortMessage, abort]);
   if (loading) {
-    return /* @__PURE__ */ jsx("div", { className: `agent-sdk-theme h-screen flex items-center justify-center bg-black ${themeClass} ${className || ""}`, children: /* @__PURE__ */ jsx(Loader2, { className: "w-6 h-6 text-[#d8ff00] animate-spin" }) });
+    return /* @__PURE__ */ jsx("div", { className: `agent-sdk-theme h-screen flex items-center justify-center bg-black ${themeClass} ${className || ""}`, children: /* @__PURE__ */ jsx("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-[#d8ff00]" }) });
   }
   return /* @__PURE__ */ jsx(ComponentProvider, { components: mergedComponents, children: /* @__PURE__ */ jsxs(
     "div",