veryfront 0.0.49 → 0.0.50

package/dist/ai/components.js

@@ -40,7 +40,7 @@ function cn(...classes) {
 }
 
 // src/ai/react/components/chat.tsx
-import * as React6 from "react";
+import * as React7 from "react";
 
 // src/ai/react/primitives/chat-container.tsx
 import * as React from "react";
@@ -128,7 +128,7 @@ MessageContent.displayName = "MessageContent";
 
 // src/ai/react/primitives/input-box.tsx
 import * as React3 from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var InputBox = React3.forwardRef(({ className, value, onChange, onSubmit, multiline, ...props }, ref) => {
   const handleKeyDown = (e) => {
     if (e.key === "Enter" && !e.shiftKey && onSubmit) {
@@ -167,19 +167,64 @@ var InputBox = React3.forwardRef(({ className, value, onChange, onSubmit, multil
   );
 });
 InputBox.displayName = "InputBox";
-var SubmitButton = React3.forwardRef(({ className, isLoading, disabled, children, ...props }, ref) => {
+var SubmitIcon = () => /* @__PURE__ */ jsx3("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx3("path", { d: "M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" }) });
+var StopIcon = () => /* @__PURE__ */ jsx3("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx3("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2" }) });
+var VoiceIcon = () => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ jsx3("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" }),
+      /* @__PURE__ */ jsx3("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
+      /* @__PURE__ */ jsx3("line", { x1: "12", x2: "12", y1: "19", y2: "22" })
+    ]
+  }
+);
+var SubmitButton = React3.forwardRef(({ className, isLoading, hasInput, onStop, onVoice, icons, disabled, children, ...props }, ref) => {
+  const showStop = isLoading;
+  const showVoice = !isLoading && !hasInput && onVoice;
+  const handleClick = (e) => {
+    if (showStop && onStop) {
+      e.preventDefault();
+      onStop();
+    } else if (showVoice && onVoice) {
+      e.preventDefault();
+      onVoice();
+    }
+  };
+  let icon;
+  let ariaLabel;
+  if (showStop) {
+    icon = icons?.stop || /* @__PURE__ */ jsx3(StopIcon, {});
+    ariaLabel = "Stop generating";
+  } else if (showVoice) {
+    icon = icons?.voice || /* @__PURE__ */ jsx3(VoiceIcon, {});
+    ariaLabel = "Voice input";
+  } else {
+    icon = icons?.submit || /* @__PURE__ */ jsx3(SubmitIcon, {});
+    ariaLabel = "Send message";
+  }
   return /* @__PURE__ */ jsx3(
     "button",
     {
       ref,
-      type: "submit",
+      type: showStop || showVoice ? "button" : "submit",
       className,
-      disabled: disabled || isLoading,
+      disabled: disabled && !showStop,
+      onClick: handleClick,
       "data-submit-button": "",
+      "data-state": showStop ? "stop" : showVoice ? "voice" : "submit",
       "data-loading": isLoading,
-      "aria-label": "Submit message",
+      "aria-label": ariaLabel,
       ...props,
-      children: children || "Send"
+      children: children || icon
     }
   );
 });
@@ -270,9 +315,9 @@ function formatStatus(status) {
 
 // src/ai/react/primitives/tool-primitives.tsx
 import * as React5 from "react";
-import { jsx as jsx5, jsxs } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 var ToolInvocation = React5.forwardRef(({ className, name, args, status, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(
     "div",
     {
       ref,
@@ -282,9 +327,9 @@ var ToolInvocation = React5.forwardRef(({ className, name, args, status, childre
       "data-status": status,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs("div", { "data-tool-header": "", children: [
+        /* @__PURE__ */ jsxs2("div", { "data-tool-header": "", children: [
           /* @__PURE__ */ jsx5("span", { "data-tool-name": "", children: name }),
-          status && /* @__PURE__ */ jsxs("span", { "data-tool-status": "", children: [
+          status && /* @__PURE__ */ jsxs2("span", { "data-tool-status": "", children: [
             "(",
             status,
             ")"
@@ -340,9 +385,147 @@ var ToolList = React5.forwardRef(
 );
 ToolList.displayName = "ToolList";
 
+// src/ai/react/hooks/use-voice-input.ts
+import * as React6 from "react";
+function useVoiceInput(options = {}) {
+  const {
+    language,
+    continuous = false,
+    interimResults = true,
+    onTranscript,
+    onError,
+    onStart,
+    onEnd
+  } = options;
+  const [isListening, setIsListening] = React6.useState(false);
+  const [transcript, setTranscript] = React6.useState("");
+  const [error, setError] = React6.useState(null);
+  const recognitionRef = React6.useRef(null);
+  const isSupported = React6.useMemo(() => {
+    if (typeof globalThis === "undefined")
+      return false;
+    const g = globalThis;
+    return !!(g.SpeechRecognition || g.webkitSpeechRecognition);
+  }, []);
+  React6.useEffect(() => {
+    if (!isSupported)
+      return;
+    const g = globalThis;
+    const SpeechRecognitionAPI = g.SpeechRecognition || g.webkitSpeechRecognition;
+    if (!SpeechRecognitionAPI)
+      return;
+    const recognition = new SpeechRecognitionAPI();
+    recognition.continuous = continuous;
+    recognition.interimResults = interimResults;
+    if (language) {
+      recognition.lang = language;
+    }
+    recognition.onresult = (event) => {
+      let finalTranscript = "";
+      let interimTranscript = "";
+      for (let i = event.resultIndex; i < event.results.length; i++) {
+        const result = event.results[i];
+        if (!result || !result[0])
+          continue;
+        if (result.isFinal) {
+          finalTranscript += result[0].transcript;
+        } else {
+          interimTranscript += result[0].transcript;
+        }
+      }
+      const currentTranscript = finalTranscript || interimTranscript;
+      setTranscript(currentTranscript);
+      if (onTranscript) {
+        onTranscript(currentTranscript, !!finalTranscript);
+      }
+    };
+    recognition.onerror = (event) => {
+      const errorMessage = getErrorMessage(event.error);
+      setError(errorMessage);
+      setIsListening(false);
+      if (onError) {
+        onError(errorMessage);
+      }
+    };
+    recognition.onstart = () => {
+      setIsListening(true);
+      setError(null);
+      if (onStart) {
+        onStart();
+      }
+    };
+    recognition.onend = () => {
+      setIsListening(false);
+      if (onEnd) {
+        onEnd();
+      }
+    };
+    recognitionRef.current = recognition;
+    return () => {
+      recognition.abort();
+    };
+  }, [isSupported, language, continuous, interimResults, onTranscript, onError, onStart, onEnd]);
+  const start = React6.useCallback(() => {
+    if (!recognitionRef.current || isListening)
+      return;
+    setTranscript("");
+    setError(null);
+    try {
+      recognitionRef.current.start();
+    } catch {
+      console.warn("Speech recognition already started");
+    }
+  }, [isListening]);
+  const stop = React6.useCallback(() => {
+    if (!recognitionRef.current || !isListening)
+      return;
+    recognitionRef.current.stop();
+  }, [isListening]);
+  const toggle = React6.useCallback(() => {
+    if (isListening) {
+      stop();
+    } else {
+      start();
+    }
+  }, [isListening, start, stop]);
+  const clear = React6.useCallback(() => {
+    setTranscript("");
+  }, []);
+  return {
+    isSupported,
+    isListening,
+    transcript,
+    start,
+    stop,
+    toggle,
+    clear,
+    error
+  };
+}
+function getErrorMessage(error) {
+  switch (error) {
+    case "no-speech":
+      return "No speech detected. Please try again.";
+    case "audio-capture":
+      return "No microphone found. Please check your device.";
+    case "not-allowed":
+      return "Microphone permission denied. Please allow access.";
+    case "network":
+      return "Network error. Please check your connection.";
+    case "aborted":
+      return "Speech recognition was aborted.";
+    case "language-not-supported":
+      return "Language not supported.";
+    case "service-not-allowed":
+      return "Speech recognition service not allowed.";
+    default:
+      return `Speech recognition error: ${error}`;
+  }
+}
+
 // src/ai/react/components/chat.tsx
-import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
-var Chat = React6.forwardRef(
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+var Chat = React7.forwardRef(
   ({
     messages,
     input,
@@ -350,6 +533,10 @@ var Chat = React6.forwardRef(
     handleInputChange,
     onSubmit,
     handleSubmit,
+    stop,
+    enableVoice = false,
+    onVoice,
+    setInput,
     isLoading,
     error,
     placeholder = "Type a message...",
@@ -361,23 +548,38 @@ var Chat = React6.forwardRef(
     multiline = false
   }, ref) => {
     const theme = mergeThemes(defaultChatTheme, userTheme);
-    const messagesEndRef = React6.useRef(null);
+    const messagesEndRef = React7.useRef(null);
     const inputChangeHandler = onChange || handleInputChange || (() => {
     });
     const submitHandler = onSubmit || handleSubmit;
-    React6.useEffect(() => {
+    const voice = useVoiceInput({
+      onTranscript: (transcript, isFinal) => {
+        if (setInput && isFinal) {
+          setInput(transcript);
+        }
+      }
+    });
+    const voiceHandler = React7.useMemo(() => {
+      if (onVoice)
+        return onVoice;
+      if (enableVoice && voice.isSupported && setInput) {
+        return voice.toggle;
+      }
+      return void 0;
+    }, [onVoice, enableVoice, voice.isSupported, voice.toggle, setInput]);
+    React7.useEffect(() => {
       messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
     }, [messages]);
-    return /* @__PURE__ */ jsxs2(
+    return /* @__PURE__ */ jsxs3(
       ChatContainer,
       {
         ref,
         className: cn(theme.container, className),
         style: { maxHeight },
         children: [
-          /* @__PURE__ */ jsx6(MessageList, { className: "flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ jsxs2("div", { className: "max-w-2xl mx-auto px-4 py-4 space-y-2", children: [
+          /* @__PURE__ */ jsx6(MessageList, { className: "flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ jsxs3("div", { className: "max-w-2xl mx-auto px-4 py-4 space-y-2", children: [
             messages.map(
-              (msg) => renderMessage ? /* @__PURE__ */ jsx6(React6.Fragment, { children: renderMessage(msg) }, msg.id) : /* @__PURE__ */ jsx6(
+              (msg) => renderMessage ? /* @__PURE__ */ jsx6(React7.Fragment, { children: renderMessage(msg) }, msg.id) : /* @__PURE__ */ jsx6(
                 MessageItem,
                 {
                   role: msg.role,
@@ -390,7 +592,7 @@ var Chat = React6.forwardRef(
                 msg.id
               )
             ),
-            isLoading && /* @__PURE__ */ jsx6("div", { className: "flex justify-start", children: /* @__PURE__ */ jsx6("div", { className: "bg-neutral-100 dark:bg-neutral-800 rounded-[20px] rounded-bl-[4px] px-4 py-3", children: /* @__PURE__ */ jsxs2("div", { className: "flex gap-1.5 items-center", children: [
+            isLoading && /* @__PURE__ */ jsx6("div", { className: "flex justify-start", children: /* @__PURE__ */ jsx6("div", { className: "bg-neutral-100 dark:bg-neutral-800 rounded-[20px] rounded-bl-[4px] px-4 py-3", children: /* @__PURE__ */ jsxs3("div", { className: "flex gap-1.5 items-center", children: [
               /* @__PURE__ */ jsx6("span", { className: cn(theme.loading) }),
               /* @__PURE__ */ jsx6("span", { className: cn(theme.loading), style: { animationDelay: "0.15s" } }),
               /* @__PURE__ */ jsx6("span", { className: cn(theme.loading), style: { animationDelay: "0.3s" } })
@@ -403,14 +605,14 @@ var Chat = React6.forwardRef(
             {
               onSubmit: submitHandler,
               className: "max-w-2xl mx-auto px-4 py-3",
-              children: /* @__PURE__ */ jsxs2("div", { className: "flex gap-2 items-center", children: [
+              children: /* @__PURE__ */ jsxs3("div", { className: "flex gap-2 items-center", children: [
                 /* @__PURE__ */ jsx6(
                   InputBox,
                   {
-                    value: input,
+                    value: voice.isListening ? voice.transcript || input : input,
                     onChange: inputChangeHandler,
-                    placeholder,
-                    disabled: isLoading,
+                    placeholder: voice.isListening ? "Listening..." : placeholder,
+                    disabled: isLoading || voice.isListening,
                     multiline,
                     className: theme.input
                   }
@@ -418,10 +620,12 @@ var Chat = React6.forwardRef(
                 /* @__PURE__ */ jsx6(
                   SubmitButton,
                   {
-                    isLoading,
-                    disabled: !input.trim() || isLoading,
-                    className: theme.button,
-                    children: /* @__PURE__ */ jsx6("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx6("path", { d: "M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" }) })
+                    isLoading: isLoading || voice.isListening,
+                    hasInput: !!input.trim(),
+                    onStop: voice.isListening ? voice.stop : stop,
+                    onVoice: voiceHandler,
+                    disabled: !input.trim(),
+                    className: theme.button
                   }
                 )
               ] })
@@ -433,7 +637,7 @@ var Chat = React6.forwardRef(
   }
 );
 Chat.displayName = "Chat";
-var ChatHeader = React6.forwardRef(({ className, children, ...props }, ref) => {
+var ChatHeader = React7.forwardRef(({ className, children, ...props }, ref) => {
   return /* @__PURE__ */ jsx6(
     "div",
     {
@@ -450,7 +654,7 @@ var ChatHeader = React6.forwardRef(({ className, children, ...props }, ref) => {
 ChatHeader.displayName = "ChatHeader";
 var ChatMessages = MessageList;
 ChatMessages.displayName = "ChatMessages";
-var ChatInput = React6.forwardRef(({ className, ...props }, ref) => {
+var ChatInput = React7.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx6("div", { className: "border-t border-gray-200 dark:border-gray-800 p-4", children: /* @__PURE__ */ jsx6("div", { className: "flex gap-2", children: /* @__PURE__ */ jsx6(
     InputBox,
     {
@@ -461,7 +665,7 @@ var ChatInput = React6.forwardRef(({ className, ...props }, ref) => {
   ) }) });
 });
 ChatInput.displayName = "ChatInput";
-var ChatFooter = React6.forwardRef(({ className, children, ...props }, ref) => {
+var ChatFooter = React7.forwardRef(({ className, children, ...props }, ref) => {
   return /* @__PURE__ */ jsx6(
     "div",
     {
@@ -484,9 +688,9 @@ var ChatComponents = Object.assign(Chat, {
 });
 
 // src/ai/react/components/agent-card.tsx
-import * as React7 from "react";
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
-var AgentCard = React7.forwardRef(
+import * as React8 from "react";
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+var AgentCard = React8.forwardRef(
   ({
     messages,
     toolCalls = [],
@@ -497,7 +701,7 @@ var AgentCard = React7.forwardRef(
     renderTool
   }, ref) => {
     const theme = mergeThemes(defaultAgentTheme, userTheme);
-    return /* @__PURE__ */ jsxs3(AgentContainer, { ref, className: cn(theme.container, className), children: [
+    return /* @__PURE__ */ jsxs4(AgentContainer, { ref, className: cn(theme.container, className), children: [
       /* @__PURE__ */ jsx7(
         AgentStatus,
         {
@@ -505,18 +709,18 @@ var AgentCard = React7.forwardRef(
           className: cn(theme.status, getStatusColor(status))
         }
       ),
-      thinking && /* @__PURE__ */ jsxs3(ThinkingIndicator, { className: theme.thinking, children: [
+      thinking && /* @__PURE__ */ jsxs4(ThinkingIndicator, { className: theme.thinking, children: [
         /* @__PURE__ */ jsx7("span", { className: "font-semibold", children: "Thinking:" }),
         thinking
       ] }),
-      toolCalls.length > 0 && /* @__PURE__ */ jsxs3("div", { className: "space-y-3", children: [
+      toolCalls.length > 0 && /* @__PURE__ */ jsxs4("div", { className: "space-y-3", children: [
         /* @__PURE__ */ jsx7("h3", { className: "text-sm font-semibold text-neutral-700 dark:text-neutral-300", children: "Tool Calls" }),
         /* @__PURE__ */ jsx7(
           ToolList,
           {
             toolCalls,
             className: "space-y-3",
-            renderTool: renderTool || ((tool) => /* @__PURE__ */ jsxs3(
+            renderTool: renderTool || ((tool) => /* @__PURE__ */ jsxs4(
               ToolInvocation,
               {
                 name: tool.name,
@@ -525,7 +729,7 @@ var AgentCard = React7.forwardRef(
                 className: theme.tool,
                 children: [
                   tool.result !== void 0 && /* @__PURE__ */ jsx7(ToolResult, { result: tool.result, className: theme.toolResult }),
-                  tool.error && /* @__PURE__ */ jsxs3("div", { className: "mt-2 p-3 bg-red-50 dark:bg-red-900/20 text-red-900 dark:text-red-100 rounded-xl text-sm border border-red-200 dark:border-red-800", children: [
+                  tool.error && /* @__PURE__ */ jsxs4("div", { className: "mt-2 p-3 bg-red-50 dark:bg-red-900/20 text-red-900 dark:text-red-100 rounded-xl text-sm border border-red-200 dark:border-red-800", children: [
                     "Error: ",
                     tool.error
                   ] })
@@ -535,18 +739,18 @@ var AgentCard = React7.forwardRef(
           }
         )
       ] }),
-      messages && messages.length > 0 && /* @__PURE__ */ jsxs3("div", { className: "space-y-3", children: [
+      messages && messages.length > 0 && /* @__PURE__ */ jsxs4("div", { className: "space-y-3", children: [
         /* @__PURE__ */ jsx7("h3", { className: "text-sm font-semibold text-neutral-700 dark:text-neutral-300", children: "Messages" }),
-        /* @__PURE__ */ jsx7("div", { className: "space-y-2 max-h-96 overflow-y-auto", children: messages.map((msg) => /* @__PURE__ */ jsxs3(
+        /* @__PURE__ */ jsx7("div", { className: "space-y-2 max-h-96 overflow-y-auto", children: messages.map((msg) => /* @__PURE__ */ jsxs4(
           "div",
           {
             className: "text-sm p-3 rounded-xl bg-neutral-50 dark:bg-neutral-800",
             children: [
-              /* @__PURE__ */ jsxs3("span", { className: "font-semibold capitalize text-neutral-900 dark:text-neutral-100", children: [
+              /* @__PURE__ */ jsxs4("span", { className: "font-semibold capitalize text-neutral-900 dark:text-neutral-100", children: [
                 msg.role,
                 ":"
               ] }),
-              /* @__PURE__ */ jsxs3("span", { className: "text-neutral-600 dark:text-neutral-400 ml-1", children: [
+              /* @__PURE__ */ jsxs4("span", { className: "text-neutral-600 dark:text-neutral-400 ml-1", children: [
                 msg.content.substring(0, 200),
                 "..."
               ] })
@@ -579,9 +783,9 @@ function getStatusColor(status) {
 }
 
 // src/ai/react/components/message.tsx
-import * as React8 from "react";
-import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
-var Message = React8.forwardRef(
+import * as React9 from "react";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+var Message = React9.forwardRef(
   ({ message, className, theme: userTheme, showRole = false, showTimestamp = false }, ref) => {
     const theme = mergeThemes(defaultChatTheme, userTheme);
     return /* @__PURE__ */ jsx8(
@@ -594,7 +798,7 @@ var Message = React8.forwardRef(
           message.role === "user" ? "justify-end" : "justify-start",
           className
         ),
-        children: /* @__PURE__ */ jsxs4("div", { className: theme.message?.[message.role] || theme.message?.assistant, children: [
+        children: /* @__PURE__ */ jsxs5("div", { className: theme.message?.[message.role] || theme.message?.assistant, children: [
           showRole && /* @__PURE__ */ jsx8(MessageRole, { className: "block text-xs font-semibold mb-1 opacity-75 uppercase", children: message.role }),
           /* @__PURE__ */ jsx8(MessageContent, { children: message.content }),
           showTimestamp && message.timestamp && /* @__PURE__ */ jsx8("div", { className: "text-xs opacity-60 mt-1", children: new Date(message.timestamp).toLocaleTimeString() })
@@ -604,7 +808,7 @@ var Message = React8.forwardRef(
   }
 );
 Message.displayName = "Message";
-var StreamingMessage = React8.forwardRef(({ content, showCursor = true, className, theme: userTheme }, ref) => {
+var StreamingMessage = React9.forwardRef(({ content, showCursor = true, className, theme: userTheme }, ref) => {
   const theme = mergeThemes(defaultChatTheme, userTheme);
   return /* @__PURE__ */ jsx8(
     MessageItem,
@@ -612,7 +816,7 @@ var StreamingMessage = React8.forwardRef(({ content, showCursor = true, classNam
       ref,
       role: "assistant",
       className: cn("flex justify-start", className),
-      children: /* @__PURE__ */ jsx8("div", { className: theme.message?.assistant, children: /* @__PURE__ */ jsxs4(MessageContent, { children: [
+      children: /* @__PURE__ */ jsx8("div", { className: theme.message?.assistant, children: /* @__PURE__ */ jsxs5(MessageContent, { children: [
         content,
         showCursor && /* @__PURE__ */ jsx8("span", { className: "inline-block w-1 h-4 bg-current ml-1 animate-pulse" })
       ] }) })
@@ -622,9 +826,9 @@ var StreamingMessage = React8.forwardRef(({ content, showCursor = true, classNam
 StreamingMessage.displayName = "StreamingMessage";
 
 // src/ai/react/components/error-boundary.tsx
-import * as React9 from "react";
-import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
-var AIErrorBoundary = class extends React9.Component {
+import * as React10 from "react";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+var AIErrorBoundary = class extends React10.Component {
   constructor(props) {
     super(props);
     this.reset = () => {
@@ -654,7 +858,7 @@ var AIErrorBoundary = class extends React9.Component {
         {
           className: "border border-red-200 dark:border-red-800 bg-red-50 dark:bg-red-900/20 rounded-2xl p-6",
           role: "alert",
-          children: /* @__PURE__ */ jsxs5("div", { className: "flex items-start gap-4", children: [
+          children: /* @__PURE__ */ jsxs6("div", { className: "flex items-start gap-4", children: [
             /* @__PURE__ */ jsx9("div", { className: "w-10 h-10 rounded-full bg-red-100 dark:bg-red-900/40 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx9(
               "svg",
               {
@@ -673,7 +877,7 @@ var AIErrorBoundary = class extends React9.Component {
                 )
               }
             ) }),
-            /* @__PURE__ */ jsxs5("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsxs6("div", { className: "flex-1 min-w-0", children: [
               /* @__PURE__ */ jsx9("h3", { className: "text-base font-semibold text-red-900 dark:text-red-100", children: this.props.errorMessage || "An error occurred in the AI component" }),
               /* @__PURE__ */ jsx9("p", { className: "mt-1.5 text-sm text-red-700 dark:text-red-300 leading-relaxed", children: this.state.error.message }),
               /* @__PURE__ */ jsx9(
@@ -694,12 +898,12 @@ var AIErrorBoundary = class extends React9.Component {
   }
 };
 function useAIErrorHandler() {
-  const [error, setError] = React9.useState(null);
-  const handleError = React9.useCallback((error2) => {
+  const [error, setError] = React10.useState(null);
+  const handleError = React10.useCallback((error2) => {
     console.error("[useAIErrorHandler] Error:", error2);
     setError(error2);
   }, []);
-  const clearError = React9.useCallback(() => {
+  const clearError = React10.useCallback(() => {
     setError(null);
   }, []);
   return {