veryfront 0.0.58 → 0.0.59

package/dist/ai/components.js

@@ -1,929 +0,0 @@
-// src/ai/react/components/theme.ts
-var defaultChatTheme = {
-  container: "flex flex-col h-full overflow-hidden bg-white dark:bg-neutral-900",
-  message: {
-    user: "bg-blue-500 text-white rounded-[20px] rounded-br-[4px] px-4 py-2.5 max-w-[75%]",
-    assistant: "bg-neutral-100 dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 rounded-[20px] rounded-bl-[4px] px-4 py-2.5 max-w-[75%]",
-    system: "bg-neutral-100 dark:bg-neutral-800 text-neutral-500 dark:text-neutral-400 rounded-2xl px-4 py-2 text-sm mx-auto text-center",
-    tool: "bg-neutral-50 dark:bg-neutral-800 text-neutral-600 dark:text-neutral-300 rounded-xl px-3 py-2 text-sm font-mono border border-neutral-200 dark:border-neutral-700"
-  },
-  input: "flex-1 px-4 py-2.5 bg-neutral-100 dark:bg-neutral-800 border-0 rounded-full focus:outline-none focus:ring-2 focus:ring-blue-500/30 dark:text-neutral-100 placeholder-neutral-400 dark:placeholder-neutral-500 text-[15px]",
-  button: "w-9 h-9 flex items-center justify-center bg-blue-500 hover:bg-blue-600 active:scale-95 text-white rounded-full transition-all disabled:opacity-30 disabled:cursor-not-allowed disabled:hover:bg-blue-500 disabled:active:scale-100",
-  loading: "w-1.5 h-1.5 bg-neutral-400 rounded-full animate-bounce"
-};
-var defaultAgentTheme = {
-  container: "border border-neutral-200 dark:border-neutral-800 rounded-2xl p-6 space-y-4 bg-white dark:bg-neutral-900",
-  status: "inline-flex items-center px-3 py-1.5 rounded-full text-sm font-medium",
-  thinking: "bg-amber-50 dark:bg-amber-900/20 rounded-xl px-4 py-3 italic text-neutral-700 dark:text-neutral-300 border border-amber-200 dark:border-amber-800",
-  tool: "rounded-xl px-4 py-3 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800",
-  toolResult: "mt-2 p-3 bg-neutral-100 dark:bg-neutral-800 rounded-xl font-mono text-sm overflow-x-auto"
-};
-function mergeThemes(defaultTheme, userTheme) {
-  if (!userTheme)
-    return defaultTheme;
-  const merged = { ...defaultTheme };
-  for (const key in userTheme) {
-    const value = userTheme[key];
-    if (value === void 0) {
-      continue;
-    }
-    if (typeof value === "object" && !Array.isArray(value)) {
-      merged[key] = { ...defaultTheme[key], ...value };
-    } else {
-      merged[key] = value;
-    }
-  }
-  return merged;
-}
-function cn(...classes) {
-  return classes.filter(Boolean).join(" ");
-}
-
-// src/ai/react/components/chat.tsx
-import * as React7 from "react";
-
-// src/ai/react/primitives/chat-container.tsx
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var ChatContainer = React.forwardRef(
-  ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className,
-        "data-chat-container": "",
-        ...props,
-        children
-      }
-    );
-  }
-);
-ChatContainer.displayName = "ChatContainer";
-
-// src/ai/react/primitives/message-list.tsx
-import * as React2 from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var MessageList = React2.forwardRef(
-  ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx2(
-      "div",
-      {
-        ref,
-        className,
-        "data-message-list": "",
-        role: "log",
-        "aria-live": "polite",
-        ...props,
-        children
-      }
-    );
-  }
-);
-MessageList.displayName = "MessageList";
-var MessageItem = React2.forwardRef(
-  ({ className, role, content, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx2(
-      "div",
-      {
-        ref,
-        className,
-        "data-message-item": "",
-        "data-role": role,
-        ...props,
-        children: children || content
-      }
-    );
-  }
-);
-MessageItem.displayName = "MessageItem";
-var MessageRole = React2.forwardRef(
-  ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx2(
-      "span",
-      {
-        ref,
-        className,
-        "data-message-role": "",
-        ...props,
-        children
-      }
-    );
-  }
-);
-MessageRole.displayName = "MessageRole";
-var MessageContent = React2.forwardRef(({ className, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx2(
-    "div",
-    {
-      ref,
-      className,
-      "data-message-content": "",
-      ...props,
-      children
-    }
-  );
-});
-MessageContent.displayName = "MessageContent";
-
-// src/ai/react/primitives/input-box.tsx
-import * as React3 from "react";
-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) {
-      e.preventDefault();
-      onSubmit();
-    }
-  };
-  if (multiline) {
-    return /* @__PURE__ */ jsx3(
-      "textarea",
-      {
-        ref,
-        className,
-        value,
-        onChange,
-        onKeyDown: handleKeyDown,
-        "data-input-box": "",
-        "data-multiline": "true",
-        rows: 3,
-        ...props
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx3(
-    "input",
-    {
-      ref,
-      type: "text",
-      className,
-      value,
-      onChange,
-      onKeyDown: handleKeyDown,
-      "data-input-box": "",
-      ...props
-    }
-  );
-});
-InputBox.displayName = "InputBox";
-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: showStop || showVoice ? "button" : "submit",
-      className,
-      disabled: disabled && !showStop,
-      onClick: handleClick,
-      "data-submit-button": "",
-      "data-state": showStop ? "stop" : showVoice ? "voice" : "submit",
-      "data-loading": isLoading,
-      "aria-label": ariaLabel,
-      ...props,
-      children: children || icon
-    }
-  );
-});
-SubmitButton.displayName = "SubmitButton";
-var LoadingIndicator = React3.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx3(
-    "div",
-    {
-      ref,
-      className,
-      "data-loading-indicator": "",
-      role: "status",
-      "aria-label": "Loading",
-      ...props
-    }
-  );
-});
-LoadingIndicator.displayName = "LoadingIndicator";
-
-// src/ai/react/primitives/agent-primitives.tsx
-import * as React4 from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var AgentContainer = React4.forwardRef(({ className, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx4(
-    "div",
-    {
-      ref,
-      className,
-      "data-agent-container": "",
-      ...props,
-      children
-    }
-  );
-});
-AgentContainer.displayName = "AgentContainer";
-var AgentStatus = React4.forwardRef(
-  ({ className, status, label, ...props }, ref) => {
-    const displayLabel = label || formatStatus(status);
-    return /* @__PURE__ */ jsx4(
-      "div",
-      {
-        ref,
-        className,
-        "data-agent-status": "",
-        "data-status": status,
-        role: "status",
-        "aria-label": `Agent status: ${displayLabel}`,
-        ...props,
-        children: displayLabel
-      }
-    );
-  }
-);
-AgentStatus.displayName = "AgentStatus";
-var ThinkingIndicator = React4.forwardRef(({ className, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx4(
-    "div",
-    {
-      ref,
-      className,
-      "data-thinking-indicator": "",
-      role: "status",
-      "aria-live": "polite",
-      ...props,
-      children
-    }
-  );
-});
-ThinkingIndicator.displayName = "ThinkingIndicator";
-function formatStatus(status) {
-  switch (status) {
-    case "idle":
-      return "Idle";
-    case "thinking":
-      return "Thinking...";
-    case "tool_execution":
-      return "Using tools...";
-    case "streaming":
-      return "Responding...";
-    case "completed":
-      return "Completed";
-    case "error":
-      return "Error";
-    default:
-      return String(status);
-  }
-}
-
-// src/ai/react/primitives/tool-primitives.tsx
-import * as React5 from "react";
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
-var ToolInvocation = React5.forwardRef(({ className, name, args, status, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxs2(
-    "div",
-    {
-      ref,
-      className,
-      "data-tool-invocation": "",
-      "data-tool-name": name,
-      "data-status": status,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs2("div", { "data-tool-header": "", children: [
-          /* @__PURE__ */ jsx5("span", { "data-tool-name": "", children: name }),
-          status && /* @__PURE__ */ jsxs2("span", { "data-tool-status": "", children: [
-            "(",
-            status,
-            ")"
-          ] })
-        ] }),
-        args && /* @__PURE__ */ jsx5("div", { "data-tool-args": "", children: /* @__PURE__ */ jsx5("pre", { children: JSON.stringify(args, null, 2) }) }),
-        children
-      ]
-    }
-  );
-});
-ToolInvocation.displayName = "ToolInvocation";
-var ToolResult = React5.forwardRef(
-  ({ className, result, renderResult, ...props }, ref) => {
-    const content = renderResult ? renderResult(result) : JSON.stringify(result, null, 2);
-    return /* @__PURE__ */ jsx5(
-      "div",
-      {
-        ref,
-        className,
-        "data-tool-result": "",
-        ...props,
-        children: typeof content === "string" ? /* @__PURE__ */ jsx5("pre", { children: content }) : content
-      }
-    );
-  }
-);
-ToolResult.displayName = "ToolResult";
-var ToolList = React5.forwardRef(
-  ({ className, toolCalls, renderTool, ...props }, ref) => {
-    return /* @__PURE__ */ jsx5(
-      "div",
-      {
-        ref,
-        className,
-        "data-tool-list": "",
-        ...props,
-        children: toolCalls.map(
-          (tool) => renderTool ? /* @__PURE__ */ jsx5(React5.Fragment, { children: renderTool(tool) }, tool.id) : /* @__PURE__ */ jsx5(
-            ToolInvocation,
-            {
-              name: tool.name,
-              args: tool.args,
-              status: tool.status,
-              children: tool.result !== void 0 && /* @__PURE__ */ jsx5(ToolResult, { result: tool.result })
-            },
-            tool.id
-          )
-        )
-      }
-    );
-  }
-);
-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 jsxs3 } from "react/jsx-runtime";
-var Chat = React7.forwardRef(
-  ({
-    messages,
-    input,
-    onChange,
-    handleInputChange,
-    onSubmit,
-    handleSubmit,
-    stop,
-    enableVoice = false,
-    onVoice,
-    setInput,
-    isLoading,
-    error,
-    placeholder = "Type a message...",
-    maxHeight = "100%",
-    className,
-    theme: userTheme,
-    renderMessage,
-    renderTool: _renderTool,
-    multiline = false
-  }, ref) => {
-    const theme = mergeThemes(defaultChatTheme, userTheme);
-    const messagesEndRef = React7.useRef(null);
-    const inputChangeHandler = onChange || handleInputChange || (() => {
-    });
-    const submitHandler = onSubmit || handleSubmit;
-    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__ */ 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__ */ jsxs3("div", { className: "max-w-2xl mx-auto px-4 py-4 space-y-2", children: [
-            messages.map(
-              (msg) => renderMessage ? /* @__PURE__ */ jsx6(React7.Fragment, { children: renderMessage(msg) }, msg.id) : /* @__PURE__ */ jsx6(
-                MessageItem,
-                {
-                  role: msg.role,
-                  className: cn(
-                    "flex",
-                    msg.role === "user" ? "justify-end" : "justify-start"
-                  ),
-                  children: /* @__PURE__ */ jsx6("div", { className: theme.message?.[msg.role] || theme.message?.assistant, children: /* @__PURE__ */ jsx6("p", { className: "whitespace-pre-wrap text-[15px] leading-relaxed", children: msg.content }) })
-                },
-                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__ */ 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" } })
-            ] }) }) }),
-            /* @__PURE__ */ jsx6("div", { ref: messagesEndRef })
-          ] }) }),
-          error && /* @__PURE__ */ jsx6("div", { className: "mx-4 mb-2 px-4 py-3 bg-red-50 dark:bg-red-900/20 rounded-2xl text-red-600 dark:text-red-400 text-sm", children: error.message }),
-          /* @__PURE__ */ jsx6("div", { className: "flex-shrink-0 bg-white dark:bg-neutral-900 border-t border-neutral-200 dark:border-neutral-800", children: /* @__PURE__ */ jsx6(
-            "form",
-            {
-              onSubmit: submitHandler,
-              className: "max-w-2xl mx-auto px-4 py-3",
-              children: /* @__PURE__ */ jsxs3("div", { className: "flex gap-2 items-center", children: [
-                /* @__PURE__ */ jsx6(
-                  InputBox,
-                  {
-                    value: voice.isListening ? voice.transcript || input : input,
-                    onChange: inputChangeHandler,
-                    placeholder: voice.isListening ? "Listening..." : placeholder,
-                    disabled: isLoading || voice.isListening,
-                    multiline,
-                    className: theme.input
-                  }
-                ),
-                /* @__PURE__ */ jsx6(
-                  SubmitButton,
-                  {
-                    isLoading: isLoading || voice.isListening,
-                    hasInput: !!input.trim(),
-                    onStop: voice.isListening ? voice.stop : stop,
-                    onVoice: voiceHandler,
-                    disabled: !input.trim(),
-                    className: theme.button
-                  }
-                )
-              ] })
-            }
-          ) })
-        ]
-      }
-    );
-  }
-);
-Chat.displayName = "Chat";
-var ChatHeader = React7.forwardRef(({ className, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx6(
-    "div",
-    {
-      ref,
-      className: cn(
-        "border-b border-gray-200 dark:border-gray-800 p-4 bg-gray-50 dark:bg-gray-900",
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-});
-ChatHeader.displayName = "ChatHeader";
-var ChatMessages = MessageList;
-ChatMessages.displayName = "ChatMessages";
-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,
-    {
-      ref,
-      className: cn(defaultChatTheme.input, className),
-      ...props
-    }
-  ) }) });
-});
-ChatInput.displayName = "ChatInput";
-var ChatFooter = React7.forwardRef(({ className, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx6(
-    "div",
-    {
-      ref,
-      className: cn(
-        "border-t border-gray-200 dark:border-gray-800 p-4 text-sm text-gray-500",
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-});
-ChatFooter.displayName = "ChatFooter";
-var ChatComponents = Object.assign(Chat, {
-  Header: ChatHeader,
-  Messages: ChatMessages,
-  Input: ChatInput,
-  Footer: ChatFooter
-});
-
-// src/ai/react/components/agent-card.tsx
-import * as React8 from "react";
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
-var AgentCard = React8.forwardRef(
-  ({
-    messages,
-    toolCalls = [],
-    status,
-    thinking,
-    className,
-    theme: userTheme,
-    renderTool
-  }, ref) => {
-    const theme = mergeThemes(defaultAgentTheme, userTheme);
-    return /* @__PURE__ */ jsxs4(AgentContainer, { ref, className: cn(theme.container, className), children: [
-      /* @__PURE__ */ jsx7(
-        AgentStatus,
-        {
-          status,
-          className: cn(theme.status, getStatusColor(status))
-        }
-      ),
-      thinking && /* @__PURE__ */ jsxs4(ThinkingIndicator, { className: theme.thinking, children: [
-        /* @__PURE__ */ jsx7("span", { className: "font-semibold", children: "Thinking:" }),
-        thinking
-      ] }),
-      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__ */ jsxs4(
-              ToolInvocation,
-              {
-                name: tool.name,
-                args: tool.args,
-                status: tool.status,
-                className: theme.tool,
-                children: [
-                  tool.result !== void 0 && /* @__PURE__ */ jsx7(ToolResult, { result: tool.result, className: theme.toolResult }),
-                  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
-                  ] })
-                ]
-              }
-            ))
-          }
-        )
-      ] }),
-      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__ */ jsxs4(
-          "div",
-          {
-            className: "text-sm p-3 rounded-xl bg-neutral-50 dark:bg-neutral-800",
-            children: [
-              /* @__PURE__ */ jsxs4("span", { className: "font-semibold capitalize text-neutral-900 dark:text-neutral-100", children: [
-                msg.role,
-                ":"
-              ] }),
-              /* @__PURE__ */ jsxs4("span", { className: "text-neutral-600 dark:text-neutral-400 ml-1", children: [
-                msg.content.substring(0, 200),
-                "..."
-              ] })
-            ]
-          },
-          msg.id
-        )) })
-      ] })
-    ] });
-  }
-);
-AgentCard.displayName = "AgentCard";
-function getStatusColor(status) {
-  switch (status) {
-    case "idle":
-      return "bg-neutral-100 text-neutral-700 dark:bg-neutral-800 dark:text-neutral-300";
-    case "thinking":
-      return "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300";
-    case "tool_execution":
-      return "bg-violet-100 text-violet-700 dark:bg-violet-900/30 dark:text-violet-300";
-    case "streaming":
-      return "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-300";
-    case "completed":
-      return "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-300";
-    case "error":
-      return "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-300";
-    default:
-      return "bg-neutral-100 text-neutral-700 dark:bg-neutral-800 dark:text-neutral-300";
-  }
-}
-
-// src/ai/react/components/message.tsx
-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(
-      MessageItem,
-      {
-        ref,
-        role: message.role,
-        className: cn(
-          "flex",
-          message.role === "user" ? "justify-end" : "justify-start",
-          className
-        ),
-        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() })
-        ] })
-      }
-    );
-  }
-);
-Message.displayName = "Message";
-var StreamingMessage = React9.forwardRef(({ content, showCursor = true, className, theme: userTheme }, ref) => {
-  const theme = mergeThemes(defaultChatTheme, userTheme);
-  return /* @__PURE__ */ jsx8(
-    MessageItem,
-    {
-      ref,
-      role: "assistant",
-      className: cn("flex justify-start", className),
-      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" })
-      ] }) })
-    }
-  );
-});
-StreamingMessage.displayName = "StreamingMessage";
-
-// src/ai/react/components/error-boundary.tsx
-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 = () => {
-      this.setState({ hasError: false, error: null });
-    };
-    this.state = { hasError: false, error: null };
-  }
-  static getDerivedStateFromError(error) {
-    return { hasError: true, error };
-  }
-  componentDidCatch(error, errorInfo) {
-    console.error("[AIErrorBoundary] Caught error:", error, errorInfo);
-    if (this.props.onError) {
-      this.props.onError(error, errorInfo);
-    }
-  }
-  render() {
-    if (this.state.hasError && this.state.error) {
-      if (this.props.fallback) {
-        if (typeof this.props.fallback === "function") {
-          return this.props.fallback(this.state.error, this.reset);
-        }
-        return this.props.fallback;
-      }
-      return /* @__PURE__ */ jsx9(
-        "div",
-        {
-          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__ */ 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",
-              {
-                className: "w-5 h-5 text-red-600 dark:text-red-400",
-                fill: "none",
-                viewBox: "0 0 24 24",
-                stroke: "currentColor",
-                children: /* @__PURE__ */ jsx9(
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-                  }
-                )
-              }
-            ) }),
-            /* @__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(
-                "button",
-                {
-                  type: "button",
-                  onClick: this.reset,
-                  className: "mt-4 px-5 py-2.5 text-sm font-medium text-white bg-red-500 hover:bg-red-600 active:scale-[0.98] rounded-full transition-all",
-                  children: "Try Again"
-                }
-              )
-            ] })
-          ] })
-        }
-      );
-    }
-    return this.props.children;
-  }
-};
-function useAIErrorHandler() {
-  const [error, setError] = React10.useState(null);
-  const handleError = React10.useCallback((error2) => {
-    console.error("[useAIErrorHandler] Error:", error2);
-    setError(error2);
-  }, []);
-  const clearError = React10.useCallback(() => {
-    setError(null);
-  }, []);
-  return {
-    error,
-    handleError,
-    clearError,
-    hasError: error !== null
-  };
-}
-export {
-  AIErrorBoundary,
-  AgentCard,
-  Chat,
-  ChatComponents,
-  Message,
-  StreamingMessage,
-  cn,
-  defaultAgentTheme,
-  defaultChatTheme,
-  mergeThemes,
-  useAIErrorHandler
-};
-//# sourceMappingURL=components.js.map