@iota-uz/sdk 0.1.0

package/dist/bichat/index.cjs

@@ -0,0 +1,3033 @@
+'use strict';
+
+var ReactMarkdown = require('react-markdown');
+var remarkGfm = require('remark-gfm');
+var rehypeSanitize = require('rehype-sanitize');
+var reactSyntaxHighlighter = require('react-syntax-highlighter');
+var prism = require('react-syntax-highlighter/dist/esm/styles/prism');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var react$1 = require('@phosphor-icons/react');
+var dateFns = require('date-fns');
+var recharts = require('recharts');
+var framerMotion = require('framer-motion');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
+var remarkGfm__default = /*#__PURE__*/_interopDefault(remarkGfm);
+var rehypeSanitize__default = /*#__PURE__*/_interopDefault(rehypeSanitize);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// ui/src/bichat/components/MarkdownRenderer.tsx
+var MarkdownRenderer_exports = {};
+__export(MarkdownRenderer_exports, {
+  MarkdownRenderer: () => MarkdownRenderer
+});
+function MarkdownRenderer({ content }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-sm max-w-none", children: /* @__PURE__ */ jsxRuntime.jsx(
+    ReactMarkdown__default.default,
+    {
+      remarkPlugins: [remarkGfm__default.default],
+      rehypePlugins: [rehypeSanitize__default.default],
+      components: {
+        code({ className, children, ...props }) {
+          const match = /language-(\w+)/.exec(className || "");
+          const isInline = !match;
+          return !isInline && match ? /* @__PURE__ */ jsxRuntime.jsx(
+            reactSyntaxHighlighter.Prism,
+            {
+              style: prism.tomorrow,
+              language: match[1],
+              PreTag: "div",
+              children: String(children).replace(/\n$/, "")
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("code", { className, ...props, children });
+        }
+      },
+      children: content
+    }
+  ) });
+}
+var init_MarkdownRenderer = __esm({
+  "ui/src/bichat/components/MarkdownRenderer.tsx"() {
+  }
+});
+
+// ui/src/bichat/types/index.ts
+var MessageRole = /* @__PURE__ */ ((MessageRole2) => {
+  MessageRole2["User"] = "user";
+  MessageRole2["Assistant"] = "assistant";
+  MessageRole2["System"] = "system";
+  MessageRole2["Tool"] = "tool";
+  return MessageRole2;
+})(MessageRole || {});
+
+// ui/src/bichat/utils/RateLimiter.ts
+var RateLimiter = class {
+  constructor(config) {
+    this.timestamps = [];
+    this.maxRequests = config.maxRequests;
+    this.windowMs = config.windowMs;
+  }
+  /**
+   * Check if a request can be made
+   * Updates internal state if request is allowed
+   */
+  canMakeRequest() {
+    const now = Date.now();
+    this.timestamps = this.timestamps.filter((t) => now - t < this.windowMs);
+    if (this.timestamps.length >= this.maxRequests) {
+      return false;
+    }
+    this.timestamps.push(now);
+    return true;
+  }
+  /**
+   * Get milliseconds until next request is allowed
+   * Returns 0 if request can be made immediately
+   */
+  getTimeUntilNextRequest() {
+    if (this.timestamps.length < this.maxRequests) {
+      return 0;
+    }
+    const now = Date.now();
+    const oldestTimestamp = this.timestamps[0];
+    const timeElapsed = now - oldestTimestamp;
+    const timeRemaining = this.windowMs - timeElapsed;
+    return Math.max(0, timeRemaining);
+  }
+  /**
+   * Reset the rate limiter state
+   */
+  reset() {
+    this.timestamps = [];
+  }
+};
+var ChatSessionContext = react.createContext(null);
+var DEFAULT_RATE_LIMIT_CONFIG = {
+  maxRequests: 20,
+  windowMs: 6e4
+  // 1 minute
+};
+function ChatSessionProvider({
+  dataSource,
+  sessionId,
+  rateLimiter: externalRateLimiter,
+  children
+}) {
+  const [message, setMessage] = react.useState("");
+  const [messages, setMessages] = react.useState([]);
+  const [loading, setLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const [currentSessionId, setCurrentSessionId] = react.useState(sessionId);
+  const [session, setSession] = react.useState(null);
+  const [fetching, setFetching] = react.useState(false);
+  const [pendingQuestion, setPendingQuestion] = react.useState(null);
+  const [streamingContent, setStreamingContent] = react.useState("");
+  const [isStreaming, setIsStreaming] = react.useState(false);
+  const abortControllerRef = react.useRef(null);
+  const [messageQueue, setMessageQueue] = react.useState([]);
+  const [codeOutputs, setCodeOutputs] = react.useState([]);
+  const rateLimiterRef = react.useRef(
+    externalRateLimiter || new RateLimiter(DEFAULT_RATE_LIMIT_CONFIG)
+  );
+  react.useEffect(() => {
+    setCurrentSessionId(sessionId);
+  }, [sessionId]);
+  react.useEffect(() => {
+    if (!currentSessionId || currentSessionId === "new") {
+      setSession(null);
+      setMessages([]);
+      setPendingQuestion(null);
+      setFetching(false);
+      return;
+    }
+    let cancelled = false;
+    setFetching(true);
+    setError(null);
+    dataSource.fetchSession(currentSessionId).then((state) => {
+      if (cancelled) return;
+      if (state) {
+        setSession(state.session);
+        setMessages(state.messages);
+        setPendingQuestion(state.pendingQuestion || null);
+      } else {
+        setError("Session not found");
+      }
+      setFetching(false);
+    }).catch((err) => {
+      if (cancelled) return;
+      setError(err.message || "Failed to load session");
+      setFetching(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [dataSource, currentSessionId]);
+  const handleCopy = react.useCallback(async (text) => {
+    await navigator.clipboard.writeText(text);
+  }, []);
+  const sendMessageDirect = react.useCallback(
+    async (content, attachments = []) => {
+      if (!content.trim() || loading) return;
+      if (!rateLimiterRef.current.canMakeRequest()) {
+        const timeUntilNext = rateLimiterRef.current.getTimeUntilNextRequest();
+        const seconds = Math.ceil(timeUntilNext / 1e3);
+        setError(`Rate limit exceeded. Please wait ${seconds} seconds before sending another message.`);
+        setTimeout(() => setError(null), 5e3);
+        return;
+      }
+      setMessage("");
+      setLoading(true);
+      setError(null);
+      setStreamingContent("");
+      abortControllerRef.current = new AbortController();
+      const tempUserMessage = {
+        id: `temp-user-${Date.now()}`,
+        sessionId: currentSessionId || "new",
+        role: "user" /* User */,
+        content,
+        createdAt: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      setMessages((prev) => [...prev, tempUserMessage]);
+      try {
+        let activeSessionId = currentSessionId;
+        let shouldNavigateAfter = false;
+        if (!activeSessionId || activeSessionId === "new") {
+          const result = await dataSource.createSession();
+          if (result) {
+            activeSessionId = result.id;
+            setCurrentSessionId(activeSessionId);
+            shouldNavigateAfter = true;
+          }
+        }
+        let accumulatedContent = "";
+        let createdSessionId;
+        setIsStreaming(true);
+        for await (const chunk of dataSource.sendMessage(
+          activeSessionId || "new",
+          content,
+          attachments,
+          abortControllerRef.current?.signal
+        )) {
+          if (abortControllerRef.current?.signal.aborted) {
+            break;
+          }
+          if (chunk.type === "chunk" && chunk.content) {
+            accumulatedContent += chunk.content;
+            setStreamingContent(accumulatedContent);
+          } else if (chunk.type === "error") {
+            throw new Error(chunk.error || "Stream error");
+          } else if (chunk.type === "done") {
+            if (chunk.sessionId) {
+              createdSessionId = chunk.sessionId;
+            }
+            const finalSessionId = createdSessionId || activeSessionId;
+            if (finalSessionId && finalSessionId !== "new") {
+              const state = await dataSource.fetchSession(finalSessionId);
+              if (state) {
+                setSession(state.session);
+                setMessages(state.messages);
+                setPendingQuestion(state.pendingQuestion || null);
+              }
+            }
+          } else if (chunk.type === "user_message" && chunk.sessionId) {
+            createdSessionId = chunk.sessionId;
+          }
+        }
+        const targetSessionId = createdSessionId || activeSessionId;
+        if (shouldNavigateAfter && targetSessionId && targetSessionId !== "new") {
+          dataSource.navigateToSession?.(targetSessionId);
+        }
+      } catch (err) {
+        if (err instanceof Error && err.name === "AbortError") {
+          setMessage(content);
+          return;
+        }
+        setMessages((prev) => prev.filter((m) => m.id !== tempUserMessage.id));
+        const errorMessage = err instanceof Error ? err.message : "Failed to send message";
+        setError(errorMessage);
+        console.error("Send message error:", err);
+      } finally {
+        setLoading(false);
+        setStreamingContent("");
+        setIsStreaming(false);
+        abortControllerRef.current = null;
+      }
+    },
+    [currentSessionId, loading, dataSource]
+  );
+  const cancelStream = react.useCallback(() => {
+    if (abortControllerRef.current) {
+      abortControllerRef.current.abort();
+      abortControllerRef.current = null;
+      setIsStreaming(false);
+      setLoading(false);
+    }
+  }, []);
+  const handleSubmit = react.useCallback(
+    (e, attachments = []) => {
+      e.preventDefault();
+      if (!message.trim() && attachments.length === 0) return;
+      const convertedAttachments = attachments.map((att) => ({
+        id: "",
+        // Will be assigned by backend
+        filename: att.filename,
+        mimeType: att.mimeType,
+        sizeBytes: att.sizeBytes,
+        base64Data: att.base64Data
+      }));
+      sendMessageDirect(message, convertedAttachments);
+    },
+    [message, sendMessageDirect]
+  );
+  const handleUnqueue = react.useCallback(() => {
+    if (messageQueue.length === 0) {
+      return null;
+    }
+    const lastQueued = messageQueue[messageQueue.length - 1];
+    setMessageQueue((prev) => prev.slice(0, -1));
+    return {
+      content: lastQueued.content,
+      attachments: lastQueued.attachments
+    };
+  }, [messageQueue]);
+  const handleRegenerate = react.useCallback(
+    async (messageId) => {
+      if (!currentSessionId || currentSessionId === "new") return;
+      const messageIndex = messages.findIndex((m) => m.id === messageId);
+      if (messageIndex <= 0) return;
+      setLoading(true);
+      setError(null);
+      try {
+        const userMessage = messages[messageIndex - 1];
+        if (userMessage && userMessage.role === "user" /* User */) {
+          await sendMessageDirect(userMessage.content, []);
+        }
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to regenerate message";
+        setError(errorMessage);
+        console.error("Regenerate error:", err);
+      } finally {
+        setLoading(false);
+      }
+    },
+    [messages, currentSessionId, sendMessageDirect]
+  );
+  const handleEdit = react.useCallback(
+    async (messageId, newContent) => {
+      if (!currentSessionId || currentSessionId === "new") {
+        setMessage(newContent);
+        setMessages((prev) => prev.filter((m) => m.id !== messageId));
+        return;
+      }
+      setLoading(true);
+      setError(null);
+      try {
+        await sendMessageDirect(newContent, []);
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to edit message";
+        setError(errorMessage);
+        console.error("Edit error:", err);
+      } finally {
+        setLoading(false);
+      }
+    },
+    [currentSessionId, sendMessageDirect]
+  );
+  const handleSubmitQuestionAnswers = react.useCallback(
+    (answers) => {
+      if (!currentSessionId || !pendingQuestion) return;
+      setLoading(true);
+      setError(null);
+      const previousPendingQuestion = pendingQuestion;
+      setPendingQuestion(null);
+      (async () => {
+        try {
+          const result = await dataSource.submitQuestionAnswers(
+            currentSessionId,
+            previousPendingQuestion.id,
+            answers
+          );
+          if (result.success) {
+            if (currentSessionId !== "new") {
+              try {
+                const state = await dataSource.fetchSession(currentSessionId);
+                if (state) {
+                  setMessages(state.messages);
+                  setPendingQuestion(state.pendingQuestion || null);
+                } else {
+                  setPendingQuestion(previousPendingQuestion);
+                  setError("Failed to load updated session");
+                }
+              } catch (fetchErr) {
+                setPendingQuestion(previousPendingQuestion);
+                const errorMessage = fetchErr instanceof Error ? fetchErr.message : "Failed to load updated session";
+                setError(errorMessage);
+              }
+            }
+          } else {
+            setPendingQuestion(previousPendingQuestion);
+            setError(result.error || "Failed to submit answers");
+          }
+        } catch (err) {
+          setPendingQuestion(previousPendingQuestion);
+          const errorMessage = err instanceof Error ? err.message : "Failed to submit answers";
+          setError(errorMessage);
+        } finally {
+          setLoading(false);
+        }
+      })();
+    },
+    [currentSessionId, pendingQuestion, dataSource]
+  );
+  const handleCancelPendingQuestion = react.useCallback(async () => {
+    if (!currentSessionId || !pendingQuestion) return;
+    try {
+      const result = await dataSource.cancelPendingQuestion(pendingQuestion.id);
+      if (result.success) {
+        setPendingQuestion(null);
+      } else {
+        setError(result.error || "Failed to cancel question");
+      }
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : "Failed to cancel question";
+      setError(errorMessage);
+    }
+  }, [currentSessionId, pendingQuestion, dataSource]);
+  const value = {
+    // State
+    message,
+    messages,
+    loading,
+    error,
+    currentSessionId,
+    pendingQuestion,
+    session,
+    fetching,
+    streamingContent,
+    isStreaming,
+    messageQueue,
+    codeOutputs,
+    // Setters
+    setMessage,
+    setError,
+    setCodeOutputs,
+    // Handlers
+    handleCopy,
+    handleRegenerate,
+    handleEdit,
+    handleSubmit,
+    handleSubmitQuestionAnswers,
+    handleCancelPendingQuestion,
+    handleUnqueue,
+    sendMessage: sendMessageDirect,
+    cancel: cancelStream
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ChatSessionContext.Provider, { value, children });
+}
+function useChat() {
+  const context = react.useContext(ChatSessionContext);
+  if (!context) {
+    throw new Error("useChat must be used within ChatSessionProvider");
+  }
+  return context;
+}
+var IotaContext = react.createContext(null);
+function IotaContextProvider({ children }) {
+  const initialContext = window.__BICHAT_CONTEXT__;
+  if (!initialContext) {
+    throw new Error("BICHAT_CONTEXT not found. Ensure server injected context into window object.");
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(IotaContext.Provider, { value: initialContext, children });
+}
+function useIotaContext() {
+  const context = react.useContext(IotaContext);
+  if (!context) {
+    throw new Error("useIotaContext must be used within IotaContextProvider");
+  }
+  return context;
+}
+function hasPermission(permission) {
+  const context = window.__BICHAT_CONTEXT__;
+  if (!context) {
+    return false;
+  }
+  return context.user.permissions.includes(permission);
+}
+
+// ui/src/bichat/locales/defaults.ts
+var defaultTranslations = {
+  // Welcome screen
+  "welcome.title": "Welcome to BiChat",
+  "welcome.description": "Your intelligent business analytics assistant. Ask questions about your data, generate reports, or explore insights.",
+  "welcome.tryAsking": "Try asking",
+  // Chat header
+  "chat.newChat": "New Chat",
+  "chat.archived": "Archived",
+  "chat.pinned": "Pinned",
+  "chat.goBack": "Go back",
+  // Message input
+  "input.placeholder": "Type a message...",
+  "input.attachFiles": "Attach files",
+  "input.attachImages": "Attach images",
+  "input.dropImages": "Drop images here",
+  "input.sendMessage": "Send message",
+  "input.aiThinking": "AI is thinking...",
+  "input.processing": "Processing...",
+  "input.messagesQueued": "{count} message(s) queued",
+  "input.dismissError": "Dismiss error",
+  // Message actions
+  "message.copy": "Copy",
+  "message.copied": "Copied!",
+  "message.regenerate": "Regenerate",
+  "message.edit": "Edit",
+  "message.save": "Save",
+  "message.cancel": "Cancel",
+  // Assistant turn
+  "assistant.thinking": "Thinking...",
+  "assistant.toolCall": "Using tool: {name}",
+  "assistant.generating": "Generating response...",
+  // Question form
+  "question.submit": "Submit",
+  "question.selectOne": "Select one option",
+  "question.selectMulti": "Select one or more options",
+  "question.required": "This field is required",
+  "question.other": "Other",
+  "question.specifyOther": "Please specify",
+  // Errors
+  "error.generic": "Something went wrong",
+  "error.networkError": "Network error. Please try again.",
+  "error.sessionExpired": "Session expired. Please refresh.",
+  "error.fileTooLarge": "File is too large",
+  "error.invalidFile": "Invalid file type",
+  "error.maxFiles": "Maximum {max} files allowed",
+  // Empty states
+  "empty.noMessages": "No messages yet",
+  "empty.noSessions": "No chat sessions",
+  "empty.startChat": "Start a new chat to begin",
+  // Sources panel
+  "sources.title": "Sources",
+  "sources.viewMore": "View more",
+  "sources.citations": "{count} citation(s)",
+  // Code outputs
+  "codeOutputs.title": "Code Outputs",
+  "codeOutputs.download": "Download",
+  "codeOutputs.expand": "Expand",
+  "codeOutputs.collapse": "Collapse",
+  // Charts
+  "chart.download": "Download chart",
+  "chart.fullscreen": "View fullscreen",
+  "chart.noData": "No data available",
+  // Example prompt categories
+  "category.analysis": "Data Analysis",
+  "category.reports": "Reports",
+  "category.insights": "Insights"
+};
+
+// ui/src/bichat/hooks/useTranslation.ts
+function useTranslation() {
+  const { locale } = useIotaContext();
+  const t = (key, params) => {
+    let text = locale.translations[key] || defaultTranslations[key] || key;
+    if (params) {
+      Object.keys(params).forEach((paramKey) => {
+        const value = params[paramKey];
+        text = text.replace(new RegExp(`{{${paramKey}}}`, "g"), String(value));
+      });
+    }
+    return text;
+  };
+  return {
+    t,
+    locale: locale.language
+  };
+}
+var defaultExamplePrompts = [
+  {
+    category: "Data Analysis",
+    text: "Show me sales trends for the last quarter",
+    icon: "chart-bar"
+  },
+  {
+    category: "Reports",
+    text: "Generate a summary of recent activity",
+    icon: "file-text"
+  },
+  {
+    category: "Insights",
+    text: "What are the top performing items?",
+    icon: "lightbulb"
+  }
+];
+function useBranding() {
+  const context = useIotaContext();
+  const { t } = useTranslation();
+  const branding = react.useMemo(() => {
+    const customBranding = context.extensions?.branding || {};
+    let examplePrompts = customBranding.welcome?.examplePrompts;
+    if (!examplePrompts || examplePrompts.length === 0) {
+      examplePrompts = defaultExamplePrompts.map((p) => ({
+        ...p,
+        category: t(`category.${p.category.toLowerCase().replace(/\s+/g, "")}`) || p.category
+      }));
+    }
+    return {
+      appName: customBranding.appName || "BiChat",
+      logoUrl: customBranding.logoUrl,
+      welcome: {
+        title: customBranding.welcome?.title || t("welcome.title"),
+        description: customBranding.welcome?.description || t("welcome.description"),
+        examplePrompts
+      },
+      theme: customBranding.theme
+    };
+  }, [context.extensions?.branding, t]);
+  return branding;
+}
+function ChatHeader({ session, onBack, logoSlot, actionsSlot }) {
+  const { t } = useTranslation();
+  const branding = useBranding();
+  const BackButton = onBack ? /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      onClick: onBack,
+      className: "p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors",
+      "aria-label": t("chat.goBack"),
+      children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
+    }
+  ) : null;
+  const Logo = logoSlot || (branding.logoUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: branding.logoUrl, alt: branding.appName, className: "h-6 w-auto" }) : null);
+  if (!session) {
+    return /* @__PURE__ */ jsxRuntime.jsx("header", { className: "bichat-header border-b border-[var(--bichat-border)] px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+        BackButton,
+        Logo,
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-lg font-semibold text-[var(--bichat-text)]", children: t("chat.newChat") })
+      ] }),
+      actionsSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: actionsSlot })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("header", { className: "bichat-header border-b border-[var(--bichat-border)] px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+      BackButton,
+      Logo,
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-lg font-semibold text-[var(--bichat-text)]", children: session.title }),
+      session.pinned && /* @__PURE__ */ jsxRuntime.jsx(
+        "svg",
+        {
+          className: "w-4 h-4 text-[var(--bichat-primary)]",
+          fill: "currentColor",
+          viewBox: "0 0 20 20",
+          "aria-label": t("chat.pinned"),
+          children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 2a1 1 0 011 1v1.323l3.954 1.582 1.599-.8a1 1 0 01.894 1.79l-1.233.616 1.738 5.42a1 1 0 01-.285 1.05A3.989 3.989 0 0115 15a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.715-5.349L11 6.477V16h2a1 1 0 110 2H7a1 1 0 110-2h2V6.477L6.237 7.582l1.715 5.349a1 1 0 01-.285 1.05A3.989 3.989 0 015 15a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.738-5.42-1.233-.617a1 1 0 01.894-1.788l1.599.799L9 4.323V3a1 1 0 011-1z" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      session.status === "archived" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-2 py-1 text-xs bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300 rounded", children: t("chat.archived") }),
+      actionsSlot
+    ] })
+  ] }) });
+}
+
+// ui/src/bichat/utils/fileUtils.ts
+var MAX_FILE_SIZE_BYTES = 20 * 1024 * 1024;
+var ALLOWED_IMAGE_TYPES = ["image/png", "image/jpeg", "image/webp", "image/gif"];
+function validateImageFile(file, maxSizeBytes = MAX_FILE_SIZE_BYTES) {
+  if (!ALLOWED_IMAGE_TYPES.includes(file.type)) {
+    throw new Error(`Invalid file type: ${file.type}. Only PNG, JPEG, WebP, and GIF are allowed.`);
+  }
+  if (file.size > maxSizeBytes) {
+    const sizeMB = (file.size / 1024 / 1024).toFixed(1);
+    const maxSizeMB = (maxSizeBytes / 1024 / 1024).toFixed(0);
+    throw new Error(`File too large: ${sizeMB}MB exceeds ${maxSizeMB}MB limit`);
+  }
+}
+async function convertToBase64(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => {
+      const result = reader.result;
+      const base64 = result.split(",")[1];
+      resolve(base64);
+    };
+    reader.onerror = () => reject(new Error("Failed to read file"));
+    reader.readAsDataURL(file);
+  });
+}
+function createDataUrl(base64, mimeType) {
+  return `data:${mimeType};base64,${base64}`;
+}
+function formatFileSize(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+}
+function validateFileCount(currentCount, newCount, maxCount = 10) {
+  const total = currentCount + newCount;
+  if (total > maxCount) {
+    throw new Error(`Cannot attach more than ${maxCount} files (attempting to add ${total})`);
+  }
+}
+function AttachmentGrid({
+  attachments,
+  onRemove,
+  onView,
+  className = ""
+}) {
+  if (attachments.length === 0) return null;
+  const isEditable = !!onRemove;
+  const isViewable = !!onView;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2 ${className}`, children: attachments.map((attachment, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative group", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: attachment.preview,
+        alt: attachment.filename,
+        className: `w-full h-24 object-cover rounded-lg border border-gray-200 dark:border-gray-700 ${isViewable ? "cursor-pointer hover:opacity-80 transition-opacity" : ""}`,
+        onClick: () => isViewable && onView(index),
+        role: isViewable ? "button" : void 0,
+        tabIndex: isViewable ? 0 : void 0,
+        onKeyDown: (e) => {
+          if (isViewable && (e.key === "Enter" || e.key === " ")) {
+            e.preventDefault();
+            onView(index);
+          }
+        }
+      }
+    ),
+    isEditable && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: (e) => {
+          e.stopPropagation();
+          onRemove(index);
+        },
+        className: "absolute top-1 right-1 p-1 bg-red-500 hover:bg-red-600 text-white rounded-full opacity-0 group-hover:opacity-100 transition-opacity shadow-md",
+        "aria-label": `Remove ${attachment.filename}`,
+        children: /* @__PURE__ */ jsxRuntime.jsx(react$1.X, { size: 16, weight: "bold" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 px-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-gray-600 dark:text-gray-400 truncate", title: attachment.filename, children: attachment.filename.length > 20 ? `${attachment.filename.substring(0, 20)}...` : attachment.filename }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-gray-500 dark:text-gray-500", children: formatFileSize(attachment.sizeBytes) })
+    ] })
+  ] }, index)) });
+}
+function ImageModal({ images, initialIndex, onClose }) {
+  const [currentIndex, setCurrentIndex] = react.useState(initialIndex);
+  const handlePrevious = () => {
+    setCurrentIndex((prev) => prev > 0 ? prev - 1 : images.length - 1);
+  };
+  const handleNext = () => {
+    setCurrentIndex((prev) => prev < images.length - 1 ? prev + 1 : 0);
+  };
+  react.useEffect(() => {
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") {
+        onClose();
+      } else if (e.key === "ArrowLeft") {
+        handlePrevious();
+      } else if (e.key === "ArrowRight") {
+        handleNext();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [onClose]);
+  react.useEffect(() => {
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = "";
+    };
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "fixed inset-0 z-50 bg-black/90 flex items-center justify-center",
+      onClick: onClose,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": "Image viewer",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: onClose,
+            className: "absolute top-4 right-4 p-2 text-white hover:bg-white/10 rounded-lg transition-colors",
+            "aria-label": "Close image viewer",
+            children: /* @__PURE__ */ jsxRuntime.jsx(react$1.X, { size: 24, weight: "bold" })
+          }
+        ),
+        images.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                handlePrevious();
+              },
+              className: "absolute left-4 p-2 text-white hover:bg-white/10 rounded-lg transition-colors",
+              "aria-label": "Previous image",
+              children: /* @__PURE__ */ jsxRuntime.jsx(react$1.CaretLeft, { size: 32, weight: "bold" })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                handleNext();
+              },
+              className: "absolute right-4 p-2 text-white hover:bg-white/10 rounded-lg transition-colors",
+              "aria-label": "Next image",
+              children: /* @__PURE__ */ jsxRuntime.jsx(react$1.CaretRight, { size: 32, weight: "bold" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: images[currentIndex].preview,
+            alt: images[currentIndex].filename,
+            className: "max-w-[90vw] max-h-[90vh] object-contain",
+            onClick: (e) => e.stopPropagation()
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "absolute bottom-4 left-1/2 transform -translate-x-1/2 text-white text-sm bg-black/50 px-4 py-2 rounded-lg backdrop-blur",
+            onClick: (e) => e.stopPropagation(),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center font-medium mb-1", children: images[currentIndex].filename }),
+              images.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center text-xs opacity-80", children: [
+                currentIndex + 1,
+                " / ",
+                images.length
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function UserTurnView({ message }) {
+  const { handleEdit, handleCopy } = useChat();
+  const [selectedImageIndex, setSelectedImageIndex] = react.useState(null);
+  const handleCopyClick = async () => {
+    if (handleCopy) {
+      await handleCopy(message.content);
+    } else {
+      try {
+        await navigator.clipboard.writeText(message.content);
+      } catch (err) {
+        console.error("Failed to copy:", err);
+      }
+    }
+  };
+  const handleEditClick = () => {
+    if (handleEdit) {
+      const newContent = prompt("Edit message:", message.content);
+      if (newContent && newContent !== message.content) {
+        handleEdit(message.id, newContent);
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3 justify-end group", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col items-end max-w-[75%]", children: [
+      message.attachments && message.attachments.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 w-full", children: /* @__PURE__ */ jsxRuntime.jsx(
+        AttachmentGrid,
+        {
+          attachments: message.attachments,
+          onView: (index) => setSelectedImageIndex(index)
+        }
+      ) }),
+      message.content && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-primary-600 text-white rounded-2xl rounded-br-sm px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[15px] whitespace-pre-wrap break-words leading-relaxed", children: message.content }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 mt-2 opacity-0 group-hover:opacity-100 transition-opacity duration-150", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-400 dark:text-gray-500 mr-1", children: dateFns.formatDistanceToNow(new Date(message.createdAt), { addSuffix: true }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: handleCopyClick,
+            className: "p-1.5 text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition-colors duration-150",
+            "aria-label": "Copy message",
+            title: "Copy",
+            children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Copy, { size: 14, weight: "regular" })
+          }
+        ),
+        handleEdit && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: handleEditClick,
+            className: "p-1.5 text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition-colors duration-150",
+            "aria-label": "Edit message",
+            title: "Edit",
+            children: /* @__PURE__ */ jsxRuntime.jsx(react$1.PencilSimple, { size: 14, weight: "regular" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 w-8 h-8 rounded-full bg-primary-600 flex items-center justify-center text-white font-medium text-sm", children: "U" }),
+    selectedImageIndex !== null && message.attachments && /* @__PURE__ */ jsxRuntime.jsx(
+      ImageModal,
+      {
+        images: message.attachments,
+        initialIndex: selectedImageIndex,
+        onClose: () => setSelectedImageIndex(null)
+      }
+    )
+  ] });
+}
+function CodeOutputsPanel({ outputs }) {
+  if (!outputs || outputs.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 p-3 bg-gray-50 dark:bg-gray-900/50 rounded-lg border border-gray-200 dark:border-gray-700", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold text-gray-600 dark:text-gray-400 mb-2", children: "Code Output" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: outputs.map((output, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      output.type === "image" && /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: output.content.preview,
+          alt: "Code output",
+          className: "max-w-full rounded border border-gray-300 dark:border-gray-600"
+        }
+      ),
+      output.type === "text" && /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "text-xs bg-white dark:bg-gray-800 p-2 rounded overflow-x-auto border border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ jsxRuntime.jsx("code", { className: "text-gray-900 dark:text-gray-100", children: output.content }) }),
+      output.type === "error" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20 p-2 rounded border border-red-200 dark:border-red-800", children: output.content })
+    ] }, index)) })
+  ] });
+}
+function StreamingCursor() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: "inline-block w-1.5 h-4 ml-0.5 bg-primary-600 dark:bg-primary-500 animate-pulse",
+      "aria-label": "AI is typing"
+    }
+  );
+}
+var COLORS = ["#3b82f6", "#10b981", "#f59e0b", "#ef4444", "#8b5cf6", "#ec4899"];
+function ChartCard({ chartData }) {
+  const { type, title, data, xAxisKey = "name", yAxisKey = "value" } = chartData;
+  const renderChart = () => {
+    switch (type) {
+      case "bar":
+        return /* @__PURE__ */ jsxRuntime.jsxs(recharts.BarChart, { data, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3" }),
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.XAxis, { dataKey: xAxisKey }),
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.YAxis, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.Bar, { dataKey: yAxisKey, fill: "#3b82f6" })
+        ] });
+      case "line":
+        return /* @__PURE__ */ jsxRuntime.jsxs(recharts.LineChart, { data, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3" }),
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.XAxis, { dataKey: xAxisKey }),
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.YAxis, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.Line, { type: "monotone", dataKey: yAxisKey, stroke: "#3b82f6" })
+        ] });
+      case "pie":
+        return /* @__PURE__ */ jsxRuntime.jsxs(recharts.PieChart, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            recharts.Pie,
+            {
+              data,
+              dataKey: yAxisKey,
+              nameKey: xAxisKey,
+              cx: "50%",
+              cy: "50%",
+              outerRadius: 80,
+              label: true,
+              children: data.map((_entry, index) => /* @__PURE__ */ jsxRuntime.jsx(recharts.Cell, { fill: COLORS[index % COLORS.length] }, `cell-${index}`))
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, {})
+        ] });
+      case "area":
+        return /* @__PURE__ */ jsxRuntime.jsxs(recharts.AreaChart, { data, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3" }),
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.XAxis, { dataKey: xAxisKey }),
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.YAxis, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.Area, { type: "monotone", dataKey: yAxisKey, stroke: "#3b82f6", fill: "#3b82f6" })
+        ] });
+      default:
+        return /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Unsupported chart type" });
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border border-[var(--bichat-border)] rounded-lg p-4 bg-white", children: [
+    title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold mb-4", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: 300, children: renderChart() })
+  ] });
+}
+function SourcesPanel({ citations }) {
+  const [expanded, setExpanded] = react.useState(false);
+  if (!citations || citations.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 border-t border-[var(--bichat-border)] pt-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setExpanded(!expanded),
+        className: "flex items-center gap-2 text-sm text-gray-600 hover:text-gray-800 transition-colors",
+        "aria-expanded": expanded,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "svg",
+            {
+              className: `w-4 h-4 transition-transform ${expanded ? "rotate-90" : ""}`,
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M9 5l7 7-7 7"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            citations.length,
+            " ",
+            citations.length === 1 ? "source" : "sources"
+          ] })
+        ]
+      }
+    ),
+    expanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 space-y-2", children: citations.map((citation, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "p-3 bg-gray-50 rounded-lg text-sm",
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0 w-5 h-5 bg-[var(--bichat-primary)] text-white rounded-full flex items-center justify-center text-xs", children: index + 1 }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-gray-900", children: citation.source }),
+            citation.url && /* @__PURE__ */ jsxRuntime.jsx(
+              "a",
+              {
+                href: citation.url,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "text-[var(--bichat-primary)] hover:underline",
+                children: citation.url
+              }
+            ),
+            citation.excerpt && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 text-gray-600 italic", children: [
+              '"',
+              citation.excerpt,
+              '"'
+            ] })
+          ] })
+        ] })
+      },
+      citation.id
+    )) })
+  ] });
+}
+function DownloadCard({ artifact }) {
+  const { type, filename, url, sizeReadable, rowCount, description } = artifact;
+  const icon = type === "excel" ? /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "w-8 h-8 text-green-600", fill: "currentColor", viewBox: "0 0 20 20", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 2a2 2 0 00-2 2v8a2 2 0 002 2h6a2 2 0 002-2V6.414A2 2 0 0016.414 5L14 2.586A2 2 0 0012.586 2H9z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 8a2 2 0 012-2v10h8a2 2 0 01-2 2H5a2 2 0 01-2-2V8z" })
+  ] }) : /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-8 h-8 text-red-600", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      d: "M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z",
+      clipRule: "evenodd"
+    }
+  ) });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "a",
+    {
+      href: url,
+      download: filename,
+      className: "flex items-center gap-3 p-4 border border-[var(--bichat-border)] rounded-lg hover:bg-gray-50 transition-colors",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { children: icon }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-gray-900 truncate", children: filename }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm text-gray-600", children: [
+            sizeReadable && /* @__PURE__ */ jsxRuntime.jsx("span", { children: sizeReadable }),
+            rowCount !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u2022" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                rowCount,
+                " rows"
+              ] })
+            ] })
+          ] }),
+          description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-gray-600 mt-1", children: description })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            className: "w-5 h-5 text-gray-400",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function InlineQuestionForm({ pendingQuestion }) {
+  const { handleSubmitQuestionAnswers, handleCancelPendingQuestion } = useChat();
+  const [answers, setAnswers] = react.useState({});
+  const [textInput, setTextInput] = react.useState("");
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (pendingQuestion.type === "MULTIPLE_CHOICE" && !answers.choice) {
+      return;
+    }
+    if (pendingQuestion.type === "FREE_TEXT" && !textInput.trim()) {
+      return;
+    }
+    const finalAnswers = pendingQuestion.type === "MULTIPLE_CHOICE" ? answers : { answer: textInput };
+    handleSubmitQuestionAnswers(finalAnswers);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border border-[var(--bichat-border)] rounded-lg p-4 bg-yellow-50", children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 mb-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "svg",
+        {
+          className: "w-5 h-5 text-yellow-600 flex-shrink-0 mt-0.5",
+          fill: "currentColor",
+          viewBox: "0 0 20 20",
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              fillRule: "evenodd",
+              d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z",
+              clipRule: "evenodd"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-medium text-gray-900 mb-2", children: "Question from AI" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-700", children: pendingQuestion.question })
+      ] })
+    ] }),
+    pendingQuestion.type === "MULTIPLE_CHOICE" && pendingQuestion.options && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2 mb-4", children: pendingQuestion.options.map((option, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "label",
+      {
+        className: "flex items-center gap-2 p-2 hover:bg-yellow-100 rounded cursor-pointer",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "radio",
+              name: "choice",
+              value: option,
+              checked: answers.choice === option,
+              onChange: (e) => setAnswers({ ...answers, choice: e.target.value }),
+              className: "w-4 h-4 text-[var(--bichat-primary)]"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-900", children: option })
+        ]
+      },
+      index
+    )) }),
+    pendingQuestion.type === "FREE_TEXT" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "textarea",
+      {
+        value: textInput,
+        onChange: (e) => setTextInput(e.target.value),
+        placeholder: "Type your answer...",
+        className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[var(--bichat-primary)] focus:border-transparent resize-none",
+        rows: 3
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "submit",
+          className: "px-4 py-2 bg-[var(--bichat-primary)] text-white rounded-lg hover:opacity-90 transition-opacity",
+          children: "Submit Answer"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleCancelPendingQuestion,
+          className: "px-4 py-2 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors",
+          children: "Cancel"
+        }
+      )
+    ] })
+  ] }) });
+}
+var MarkdownRenderer2 = react.lazy(
+  () => Promise.resolve().then(() => (init_MarkdownRenderer(), MarkdownRenderer_exports)).then((module) => ({ default: module.MarkdownRenderer }))
+);
+function AssistantTurnView({ message }) {
+  const { handleCopy, handleRegenerate, pendingQuestion } = useChat();
+  const [explanationExpanded, setExplanationExpanded] = react.useState(false);
+  const hasContent = message.content?.trim().length > 0;
+  const hasExplanation = !!message.explanation?.trim();
+  const hasPendingQuestion = !!pendingQuestion && pendingQuestion.status === "PENDING" && pendingQuestion.turnId === message.id;
+  const handleCopyClick = async () => {
+    if (handleCopy) {
+      await handleCopy(message.content);
+    } else {
+      try {
+        await navigator.clipboard.writeText(message.content);
+      } catch (err) {
+        console.error("Failed to copy:", err);
+      }
+    }
+  };
+  const handleRegenerateClick = async () => {
+    if (handleRegenerate) {
+      await handleRegenerate(message.id);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3 group", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 w-8 h-8 rounded-full bg-primary-600 flex items-center justify-center text-white font-medium text-xs", children: "AI" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col gap-3 max-w-[85%]", children: [
+      message.codeOutputs && message.codeOutputs.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(CodeOutputsPanel, { outputs: message.codeOutputs }),
+      message.chartData && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1 w-full", children: /* @__PURE__ */ jsxRuntime.jsx(ChartCard, { chartData: message.chartData }) }),
+      message.artifacts && message.artifacts.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1 flex flex-wrap gap-2", children: message.artifacts.map((artifact, index) => /* @__PURE__ */ jsxRuntime.jsx(DownloadCard, { artifact }, `${artifact.filename}-${index}`)) }),
+      hasContent && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-2xl rounded-bl-sm px-4 py-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          react.Suspense,
+          {
+            fallback: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm text-gray-400 dark:text-gray-500", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-4 h-4 border-2 border-gray-300 dark:border-gray-600 border-t-transparent rounded-full animate-spin" }),
+              "Loading..."
+            ] }),
+            children: /* @__PURE__ */ jsxRuntime.jsx(MarkdownRenderer2, { content: message.content, citations: message.citations })
+          }
+        ),
+        message.isStreaming && /* @__PURE__ */ jsxRuntime.jsx(StreamingCursor, {}),
+        message.citations && message.citations.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(SourcesPanel, { citations: message.citations }),
+        hasExplanation && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 border-t border-gray-100 dark:border-gray-700 pt-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => setExplanationExpanded(!explanationExpanded),
+              className: "flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 transition-colors",
+              "aria-expanded": explanationExpanded,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "svg",
+                  {
+                    className: `w-4 h-4 transition-transform duration-150 ${explanationExpanded ? "rotate-90" : ""}`,
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: 2,
+                        d: "M9 5l7 7-7 7"
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "How I arrived at this" })
+              ]
+            }
+          ),
+          explanationExpanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-3 text-sm text-gray-600 dark:text-gray-400", children: /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Loading..." }), children: /* @__PURE__ */ jsxRuntime.jsx(MarkdownRenderer2, { content: message.explanation }) }) })
+        ] })
+      ] }),
+      hasPendingQuestion && /* @__PURE__ */ jsxRuntime.jsx(InlineQuestionForm, { pendingQuestion }),
+      hasContent && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity duration-150", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-400 dark:text-gray-500 mr-1", children: dateFns.formatDistanceToNow(new Date(message.createdAt), { addSuffix: true }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: handleCopyClick,
+            className: "p-1.5 text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition-colors duration-150",
+            "aria-label": "Copy message",
+            title: "Copy",
+            children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Copy, { size: 14, weight: "regular" })
+          }
+        ),
+        handleRegenerate && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: handleRegenerateClick,
+            className: "p-1.5 text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition-colors duration-150",
+            "aria-label": "Regenerate message",
+            title: "Regenerate",
+            children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ArrowsClockwise, { size: 14, weight: "regular" })
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function TurnBubble({
+  message,
+  renderUserMessage,
+  renderAssistantMessage
+}) {
+  if (message.role === "user" /* User */) {
+    if (renderUserMessage) {
+      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderUserMessage(message) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(UserTurnView, { message });
+  }
+  if (message.role === "assistant" /* Assistant */) {
+    if (renderAssistantMessage) {
+      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderAssistantMessage(message) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(AssistantTurnView, { message });
+  }
+  return null;
+}
+function ScrollToBottomButton({
+  show,
+  onClick,
+  unreadCount = 0
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: show && /* @__PURE__ */ jsxRuntime.jsx(
+    framerMotion.motion.button,
+    {
+      initial: { opacity: 0, y: 10 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: 10 },
+      transition: { duration: 0.2 },
+      onClick,
+      className: "absolute bottom-24 right-8 p-3 bg-white dark:bg-gray-800 rounded-full shadow-lg border border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors z-10",
+      "aria-label": "Scroll to bottom",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(react$1.ArrowDown, { size: 20, weight: "bold", className: "text-gray-700 dark:text-gray-300" }),
+        unreadCount > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -top-2 -right-2 min-w-[18px] h-[18px] bg-primary-600 dark:bg-primary-500 text-white text-xs font-semibold rounded-full flex items-center justify-center px-1", children: unreadCount > 99 ? "99+" : unreadCount })
+      ] })
+    }
+  ) });
+}
+function MessageList({ renderUserMessage, renderAssistantMessage }) {
+  const { messages, streamingContent, isStreaming } = useChat();
+  const messagesEndRef = react.useRef(null);
+  const containerRef = react.useRef(null);
+  const [showScrollButton, setShowScrollButton] = react.useState(false);
+  react.useEffect(() => {
+    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+  }, [messages.length, streamingContent]);
+  react.useEffect(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    const handleScroll = () => {
+      const { scrollTop, scrollHeight, clientHeight } = container;
+      const isNearBottom = scrollHeight - scrollTop - clientHeight < 100;
+      setShowScrollButton(!isNearBottom);
+    };
+    container.addEventListener("scroll", handleScroll);
+    return () => container.removeEventListener("scroll", handleScroll);
+  }, []);
+  const scrollToBottom = () => {
+    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 min-h-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: containerRef, className: "h-full overflow-y-auto px-4 py-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-4xl mx-auto space-y-6", children: [
+      messages.map((message) => /* @__PURE__ */ jsxRuntime.jsx(
+        TurnBubble,
+        {
+          message,
+          renderUserMessage,
+          renderAssistantMessage
+        },
+        message.id
+      )),
+      isStreaming && streamingContent && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 w-8 h-8 rounded-full bg-primary-600 flex items-center justify-center text-white", children: "AI" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 max-w-[80%] rounded-2xl px-4 py-3 bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-gray-100 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "prose prose-sm max-w-none dark:prose-invert", children: [
+          streamingContent,
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block w-2 h-4 ml-1 bg-primary-600 animate-pulse" })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { ref: messagesEndRef })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ScrollToBottomButton, { show: showScrollButton, onClick: scrollToBottom })
+  ] });
+}
+var MAX_FILES_DEFAULT = 10;
+var MAX_FILE_SIZE_DEFAULT = 20 * 1024 * 1024;
+var MAX_HEIGHT = 192;
+var MessageInput = react.forwardRef(
+  ({
+    message,
+    loading,
+    fetching = false,
+    disabled = false,
+    messageQueue = [],
+    onMessageChange,
+    onSubmit,
+    onUnqueue,
+    placeholder: placeholderOverride,
+    maxFiles = MAX_FILES_DEFAULT,
+    maxFileSize = MAX_FILE_SIZE_DEFAULT,
+    containerClassName
+  }, ref) => {
+    const { t } = useTranslation();
+    const [attachments, setAttachments] = react.useState([]);
+    const [isDragging, setIsDragging] = react.useState(false);
+    const [error, setError] = react.useState(null);
+    const [isFocused, setIsFocused] = react.useState(false);
+    const placeholder = placeholderOverride || t("input.placeholder");
+    const textareaRef = react.useRef(null);
+    const fileInputRef = react.useRef(null);
+    const containerRef = react.useRef(null);
+    react.useImperativeHandle(ref, () => ({
+      focus: () => textareaRef.current?.focus(),
+      clear: () => {
+        onMessageChange("");
+        setAttachments([]);
+        setError(null);
+      }
+    }));
+    react.useEffect(() => {
+      const textarea = textareaRef.current;
+      if (!textarea) return;
+      textarea.style.height = "auto";
+      const newHeight = Math.min(textarea.scrollHeight, MAX_HEIGHT);
+      textarea.style.height = `${newHeight}px`;
+    }, [message]);
+    react.useEffect(() => {
+      if (!error) return;
+      const timer = setTimeout(() => setError(null), 5e3);
+      return () => clearTimeout(timer);
+    }, [error]);
+    const handleFileSelect = async (files) => {
+      if (!files || files.length === 0) return;
+      try {
+        validateFileCount(attachments.length, files.length, maxFiles);
+        const newAttachments = [];
+        for (let i = 0; i < files.length; i++) {
+          const file = files[i];
+          validateImageFile(file, maxFileSize);
+          const base64Data = await convertToBase64(file);
+          const preview = createDataUrl(base64Data, file.type);
+          newAttachments.push({
+            filename: file.name,
+            mimeType: file.type,
+            sizeBytes: file.size,
+            base64Data,
+            preview
+          });
+        }
+        setAttachments((prev) => [...prev, ...newAttachments]);
+        setError(null);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : "Failed to process files");
+      }
+    };
+    const handleFileInputChange = (e) => {
+      handleFileSelect(e.target.files);
+      e.target.value = "";
+    };
+    const handleRemoveAttachment = (index) => {
+      setAttachments((prev) => prev.filter((_, i) => i !== index));
+      setError(null);
+    };
+    const handleDragOver = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setIsDragging(true);
+    };
+    const handleDragLeave = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setIsDragging(false);
+    };
+    const handleDrop = async (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setIsDragging(false);
+      await handleFileSelect(e.dataTransfer.files);
+    };
+    const handleKeyDown = (e) => {
+      if (e.key === "Enter" && !e.shiftKey) {
+        e.preventDefault();
+        if (!loading && (message.trim() || attachments.length > 0)) {
+          handleFormSubmit(e);
+        }
+      }
+      if (e.key === "Escape") {
+        onMessageChange("");
+        setAttachments([]);
+        setError(null);
+      }
+      if (e.key === "ArrowUp" && !message.trim() && onUnqueue) {
+        const unqueued = onUnqueue();
+        if (unqueued) {
+          onMessageChange(unqueued.content);
+          setAttachments(unqueued.attachments);
+        }
+      }
+    };
+    const handleFormSubmit = (e) => {
+      e.preventDefault();
+      if (loading || disabled || !message.trim() && attachments.length === 0) {
+        return;
+      }
+      onSubmit(e, attachments);
+      setAttachments([]);
+      setError(null);
+    };
+    const canSubmit = !loading && !disabled && (message.trim() || attachments.length > 0);
+    const defaultContainerClassName = "shrink-0 p-4 pb-6";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: containerRef,
+        className: containerClassName ?? defaultContainerClassName,
+        children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleFormSubmit, className: "max-w-4xl mx-auto", children: [
+          error && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3 p-3 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg text-sm text-red-600 dark:text-red-400 flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: error }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setError(null),
+                className: "ml-2 p-1 hover:bg-red-100 dark:hover:bg-red-800 rounded transition-colors",
+                "aria-label": t("input.dismissError"),
+                children: /* @__PURE__ */ jsxRuntime.jsx(react$1.X, { size: 14 })
+              }
+            )
+          ] }),
+          messageQueue.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 text-xs text-gray-500 dark:text-gray-400", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-2.5 py-1 bg-primary-50 dark:bg-primary-900/30 text-primary-600 dark:text-primary-400 rounded font-medium", children: t("input.messagesQueued", { count: messageQueue.length }) }) }),
+          attachments.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsxRuntime.jsx(AttachmentGrid, { attachments, onRemove: handleRemoveAttachment }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "relative",
+              onDragOver: handleDragOver,
+              onDragLeave: handleDragLeave,
+              onDrop: handleDrop,
+              children: [
+                isDragging && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 z-10 bg-primary-50/95 dark:bg-primary-900/90 border-2 border-dashed border-primary-400 rounded-2xl flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-10 h-10 rounded-full bg-primary-100 dark:bg-primary-800 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Paperclip, { size: 20, className: "text-primary-600 dark:text-primary-400" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-primary-700 dark:text-primary-300 font-medium", children: t("input.dropImages") })
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    className: `flex items-center gap-2 rounded-2xl p-2.5 bg-white dark:bg-gray-800 border shadow-sm transition-all duration-150 ${isFocused ? "border-primary-400 dark:border-primary-500 ring-3 ring-primary-500/10 dark:ring-primary-500/15" : "border-gray-200 dark:border-gray-700"}`,
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => fileInputRef.current?.click(),
+                          disabled: loading || disabled || attachments.length >= maxFiles,
+                          className: "flex-shrink-0 self-center p-2 text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
+                          "aria-label": t("input.attachFiles"),
+                          title: t("input.attachImages"),
+                          children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Paperclip, { size: 18 })
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "input",
+                        {
+                          ref: fileInputRef,
+                          type: "file",
+                          accept: "image/png,image/jpeg,image/webp,image/gif",
+                          multiple: true,
+                          onChange: handleFileInputChange,
+                          className: "hidden",
+                          "aria-label": "File input"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 self-stretch flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+                        "textarea",
+                        {
+                          ref: textareaRef,
+                          value: message,
+                          onChange: (e) => onMessageChange(e.target.value),
+                          onKeyDown: handleKeyDown,
+                          onFocus: () => setIsFocused(true),
+                          onBlur: () => setIsFocused(false),
+                          placeholder,
+                          className: "resize-none bg-transparent border-none outline-none px-1 py-2 w-full text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-gray-500 text-[15px] leading-relaxed",
+                          style: { maxHeight: `${MAX_HEIGHT}px` },
+                          rows: 1,
+                          disabled: loading || disabled,
+                          "aria-label": "Message input"
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "button",
+                        {
+                          type: "submit",
+                          disabled: !canSubmit,
+                          className: "flex-shrink-0 self-center p-2 rounded-lg bg-primary-600 hover:bg-primary-700 active:bg-primary-800 text-white shadow-sm transition-colors disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:bg-primary-600",
+                          "aria-label": t("input.sendMessage"),
+                          children: loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[18px] h-[18px] border-2 border-white/60 border-t-transparent rounded-full animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(react$1.PaperPlaneRight, { size: 18, weight: "fill" })
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          (loading || fetching) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 flex items-center justify-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-1.5 h-1.5 bg-gray-400 dark:bg-gray-500 rounded-full animate-pulse" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-1.5 h-1.5 bg-gray-400 dark:bg-gray-500 rounded-full animate-pulse", style: { animationDelay: "0.15s" } }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-1.5 h-1.5 bg-gray-400 dark:bg-gray-500 rounded-full animate-pulse", style: { animationDelay: "0.3s" } })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-gray-500 dark:text-gray-400", children: loading ? t("input.aiThinking") : t("input.processing") })
+          ] })
+        ] })
+      }
+    );
+  }
+);
+MessageInput.displayName = "MessageInput";
+var EXAMPLE_PROMPTS = [
+  {
+    category: "Data Analysis",
+    icon: react$1.ChartBar,
+    text: "Show me sales trends for the last quarter"
+  },
+  {
+    category: "Reports",
+    icon: react$1.FileText,
+    text: "Generate a summary of customer feedback"
+  },
+  {
+    category: "Insights",
+    icon: react$1.Lightbulb,
+    text: "What are the top performing products?"
+  }
+];
+var containerVariants = {
+  hidden: { opacity: 0 },
+  visible: {
+    opacity: 1,
+    transition: {
+      staggerChildren: 0.08,
+      delayChildren: 0.05
+    }
+  }
+};
+var itemVariants = {
+  hidden: { opacity: 0, y: 12 },
+  visible: {
+    opacity: 1,
+    y: 0,
+    transition: {
+      duration: 0.3,
+      ease: [0.4, 0, 0.2, 1]
+    }
+  }
+};
+function WelcomeContent({
+  onPromptSelect,
+  title = "Welcome to BiChat",
+  description = "Your intelligent business analytics assistant. Ask questions about your data, generate reports, or explore insights.",
+  disabled = false
+}) {
+  const handlePromptClick = (prompt2) => {
+    if (onPromptSelect && !disabled) {
+      onPromptSelect(prompt2);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    framerMotion.motion.div,
+    {
+      className: "w-full max-w-3xl mx-auto px-6 py-12 text-center",
+      variants: containerVariants,
+      initial: "hidden",
+      animate: "visible",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.h1,
+          {
+            className: "text-3xl sm:text-4xl font-semibold text-gray-900 dark:text-white mb-4",
+            variants: itemVariants,
+            children: title
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.p,
+          {
+            className: "text-base text-gray-500 dark:text-gray-400 mb-12 max-w-xl mx-auto leading-relaxed",
+            variants: itemVariants,
+            children: description
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(framerMotion.motion.div, { variants: itemVariants, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-gray-400 dark:text-gray-500 uppercase tracking-wide mb-4", children: "Try asking" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3", children: EXAMPLE_PROMPTS.map((prompt2, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+            framerMotion.motion.button,
+            {
+              onClick: () => handlePromptClick(prompt2.text),
+              disabled,
+              className: "group flex flex-col items-start text-left p-5 rounded-xl bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 shadow-sm hover:shadow-md hover:border-gray-300 dark:hover:border-gray-600 transition-all duration-150 focus:outline-none focus:ring-2 focus:ring-primary-500/50 focus:ring-offset-2 dark:focus:ring-offset-gray-900 disabled:opacity-50 disabled:cursor-not-allowed",
+              variants: itemVariants,
+              whileHover: disabled ? {} : { y: -2 },
+              whileTap: disabled ? {} : { scale: 0.98 },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-9 h-9 rounded-lg bg-gray-100 dark:bg-gray-700 flex items-center justify-center mb-3", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  prompt2.icon,
+                  {
+                    size: 18,
+                    weight: "regular",
+                    className: "text-gray-600 dark:text-gray-300"
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-gray-400 dark:text-gray-500 mb-1.5", children: prompt2.category }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-700 dark:text-gray-200 leading-relaxed", children: prompt2.text })
+              ]
+            },
+            index
+          )) })
+        ] })
+      ]
+    }
+  );
+}
+function ChatSessionCore({
+  isReadOnly,
+  renderUserMessage,
+  renderAssistantMessage,
+  className = "",
+  headerSlot,
+  welcomeSlot,
+  logoSlot,
+  actionsSlot,
+  onBack
+}) {
+  const { t } = useTranslation();
+  const {
+    session,
+    messages,
+    fetching,
+    error,
+    message,
+    setMessage,
+    loading,
+    handleSubmit,
+    messageQueue,
+    handleUnqueue
+  } = useChat();
+  if (fetching) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-gray-500 dark:text-gray-400", children: t("input.processing") }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-red-500 dark:text-red-400", children: [
+      t("error.generic"),
+      ": ",
+      error
+    ] }) });
+  }
+  const showWelcome = !session && messages.length === 0;
+  const handlePromptSelect = (prompt2) => {
+    setMessage(prompt2);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "main",
+    {
+      className: `flex-1 flex flex-col overflow-hidden min-h-0 bg-gray-50 dark:bg-gray-900 ${className}`,
+      children: [
+        headerSlot || /* @__PURE__ */ jsxRuntime.jsx(ChatHeader, { session, onBack, logoSlot, actionsSlot }),
+        showWelcome ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex items-center justify-center overflow-auto", children: welcomeSlot || /* @__PURE__ */ jsxRuntime.jsx(WelcomeContent, { onPromptSelect: handlePromptSelect, disabled: loading }) }) : /* @__PURE__ */ jsxRuntime.jsx(
+          MessageList,
+          {
+            renderUserMessage,
+            renderAssistantMessage
+          }
+        ),
+        !isReadOnly && /* @__PURE__ */ jsxRuntime.jsx(
+          MessageInput,
+          {
+            message,
+            loading,
+            fetching,
+            onMessageChange: setMessage,
+            onSubmit: handleSubmit,
+            messageQueue,
+            onUnqueue: handleUnqueue
+          }
+        )
+      ]
+    }
+  );
+}
+function ChatSession(props) {
+  const { dataSource, sessionId, ...coreProps } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(ChatSessionProvider, { dataSource, sessionId, children: /* @__PURE__ */ jsxRuntime.jsx(ChatSessionCore, { ...coreProps }) });
+}
+
+// ui/src/bichat/index.ts
+init_MarkdownRenderer();
+
+// ui/src/bichat/animations/variants.ts
+var prefersReducedMotion = () => {
+  if (typeof window === "undefined") return false;
+  return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+};
+var fadeInVariants = {
+  initial: { opacity: 0 },
+  animate: {
+    opacity: 1,
+    transition: {
+      duration: prefersReducedMotion() ? 0 : 0.2
+    }
+  },
+  exit: {
+    opacity: 0,
+    transition: {
+      duration: prefersReducedMotion() ? 0 : 0.15
+    }
+  }
+};
+var fadeInUpVariants = {
+  initial: { opacity: 0, y: 8 },
+  animate: {
+    opacity: 1,
+    y: 0,
+    transition: {
+      duration: prefersReducedMotion() ? 0 : 0.2,
+      ease: [0.4, 0, 0.2, 1]
+    }
+  },
+  exit: {
+    opacity: 0,
+    y: 8,
+    transition: {
+      duration: prefersReducedMotion() ? 0 : 0.15
+    }
+  }
+};
+var scaleFadeVariants = {
+  initial: { opacity: 0, scale: 0.98 },
+  animate: {
+    opacity: 1,
+    scale: 1,
+    transition: {
+      duration: prefersReducedMotion() ? 0 : 0.15
+    }
+  },
+  exit: {
+    opacity: 0,
+    scale: 0.98,
+    transition: {
+      duration: prefersReducedMotion() ? 0 : 0.1
+    }
+  }
+};
+var backdropVariants = {
+  initial: { opacity: 0 },
+  animate: {
+    opacity: 1,
+    transition: {
+      duration: prefersReducedMotion() ? 0 : 0.15
+    }
+  },
+  exit: {
+    opacity: 0,
+    transition: {
+      duration: 0.15
+    }
+  }
+};
+var buttonVariants = {
+  tap: {
+    scale: 0.98
+  }
+};
+var staggerContainerVariants = {
+  hidden: { opacity: 0 },
+  visible: {
+    opacity: 1,
+    transition: {
+      staggerChildren: 0.03,
+      delayChildren: 0.05
+    }
+  }
+};
+var listItemVariants = {
+  initial: { opacity: 0, x: -8 },
+  animate: {
+    opacity: 1,
+    x: 0,
+    transition: { duration: 0.2 }
+  },
+  exit: {
+    opacity: 0,
+    x: -8,
+    transition: { duration: 0.15 }
+  }
+};
+var messageVariants = {
+  initial: {
+    opacity: 0,
+    y: 8
+  },
+  animate: {
+    opacity: 1,
+    y: 0,
+    transition: {
+      duration: prefersReducedMotion() ? 0 : 0.2,
+      ease: [0.4, 0, 0.2, 1]
+    }
+  },
+  exit: {
+    opacity: 0,
+    transition: {
+      duration: prefersReducedMotion() ? 0 : 0.15
+    }
+  }
+};
+var messageContainerVariants = {
+  initial: { opacity: 0 },
+  animate: {
+    opacity: 1,
+    transition: {
+      staggerChildren: 0.05,
+      delayChildren: 0.05
+    }
+  }
+};
+var typingDotVariants = {
+  initial: { opacity: 0.4 },
+  animate: {
+    opacity: [0.4, 1, 0.4],
+    transition: {
+      duration: prefersReducedMotion() ? 0 : 1,
+      repeat: Infinity,
+      ease: "easeInOut"
+    }
+  }
+};
+var floatingButtonVariants = {
+  initial: {
+    opacity: 0,
+    scale: 0.9
+  },
+  animate: {
+    opacity: 1,
+    scale: 1,
+    transition: {
+      duration: prefersReducedMotion() ? 0 : 0.2
+    }
+  },
+  exit: {
+    opacity: 0,
+    scale: 0.9,
+    transition: {
+      duration: prefersReducedMotion() ? 0 : 0.15
+    }
+  }
+};
+var dropdownVariants = {
+  initial: { opacity: 0, y: -4 },
+  animate: {
+    opacity: 1,
+    y: 0,
+    transition: { duration: prefersReducedMotion() ? 0 : 0.15 }
+  },
+  exit: {
+    opacity: 0,
+    y: -4,
+    transition: { duration: 0.1 }
+  }
+};
+var toastVariants = {
+  initial: { opacity: 0, y: -8 },
+  animate: {
+    opacity: 1,
+    y: 0,
+    transition: {
+      duration: prefersReducedMotion() ? 0 : 0.2
+    }
+  },
+  exit: {
+    opacity: 0,
+    y: -8,
+    transition: {
+      duration: prefersReducedMotion() ? 0 : 0.15
+    }
+  }
+};
+var sizeClasses = {
+  sm: {
+    container: "py-6 px-3",
+    title: "text-sm",
+    description: "text-xs"
+  },
+  md: {
+    container: "py-8 px-4",
+    title: "text-base",
+    description: "text-sm"
+  },
+  lg: {
+    container: "py-12 px-6",
+    title: "text-lg",
+    description: "text-base"
+  }
+};
+function EmptyState({
+  icon,
+  title,
+  description,
+  action,
+  className = "",
+  size = "md"
+}) {
+  const sizes = sizeClasses[size];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    framerMotion.motion.div,
+    {
+      className: `flex items-center justify-center ${sizes.container} ${className}`,
+      variants: fadeInVariants,
+      initial: "initial",
+      animate: "animate",
+      exit: "exit",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center max-w-md", children: [
+        icon && /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.div,
+          {
+            className: "mb-4 flex justify-center",
+            initial: { opacity: 0, scale: 0.8 },
+            animate: { opacity: 1, scale: 1 },
+            transition: { duration: 0.4, delay: 0.1 },
+            children: icon
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.h3,
+          {
+            className: `${sizes.title} font-medium text-gray-900 dark:text-white mb-2`,
+            initial: { opacity: 0, y: 10 },
+            animate: { opacity: 1, y: 0 },
+            transition: { duration: 0.4, delay: 0.2 },
+            children: title
+          }
+        ),
+        description && /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.p,
+          {
+            className: `${sizes.description} text-gray-500 dark:text-gray-400 mb-4`,
+            initial: { opacity: 0, y: 10 },
+            animate: { opacity: 1, y: 0 },
+            transition: { duration: 0.4, delay: 0.3 },
+            children: description
+          }
+        ),
+        action && /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.div,
+          {
+            initial: { opacity: 0, y: 10 },
+            animate: { opacity: 1, y: 0 },
+            transition: { duration: 0.4, delay: 0.4 },
+            children: action
+          }
+        )
+      ] })
+    }
+  );
+}
+var EmptyState_default = react.memo(EmptyState);
+var sizeClasses2 = {
+  sm: "text-sm",
+  md: "text-base",
+  lg: "text-lg"
+};
+var EditableText = react.forwardRef(
+  ({
+    value,
+    onSave,
+    maxLength = 100,
+    isLoading = false,
+    placeholder = "Untitled",
+    className = "",
+    inputClassName = "",
+    size = "sm"
+  }, ref) => {
+    const [isEditing, setIsEditing] = react.useState(false);
+    const [editValue, setEditValue] = react.useState(value);
+    const inputRef = react.useRef(null);
+    react.useImperativeHandle(ref, () => ({
+      startEditing: () => {
+        if (!isLoading) {
+          setIsEditing(true);
+        }
+      },
+      cancelEditing: () => {
+        setEditValue(value);
+        setIsEditing(false);
+      }
+    }));
+    react.useEffect(() => {
+      setEditValue(value);
+    }, [value]);
+    react.useEffect(() => {
+      if (isEditing && inputRef.current) {
+        inputRef.current.focus();
+        inputRef.current.select();
+      }
+    }, [isEditing]);
+    const handleSave = () => {
+      const trimmed = editValue.trim();
+      if (!trimmed) {
+        setEditValue(value);
+        setIsEditing(false);
+        return;
+      }
+      if (trimmed !== value) {
+        onSave(trimmed);
+      }
+      setIsEditing(false);
+    };
+    const handleCancel = () => {
+      setEditValue(value);
+      setIsEditing(false);
+    };
+    const handleKeyDown = (e) => {
+      if (e.key === "Enter") {
+        e.preventDefault();
+        handleSave();
+      } else if (e.key === "Escape") {
+        e.preventDefault();
+        handleCancel();
+      }
+    };
+    const handleDoubleClick = () => {
+      if (!isLoading) {
+        setIsEditing(true);
+      }
+    };
+    const handleBlur = () => {
+      handleSave();
+    };
+    const sizeClass = sizeClasses2[size];
+    if (isEditing) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "flex items-center gap-2 flex-1",
+          onClick: (e) => e.preventDefault(),
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref: inputRef,
+              type: "text",
+              value: editValue,
+              onChange: (e) => setEditValue(e.target.value),
+              onKeyDown: handleKeyDown,
+              onBlur: handleBlur,
+              maxLength,
+              placeholder,
+              className: `flex-1 px-2 py-1 ${sizeClass} bg-white dark:bg-gray-700 border border-primary-500 dark:border-primary-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500/30 dark:focus:ring-primary-600/30 text-gray-900 dark:text-white ${inputClassName}`,
+              "aria-label": "Edit text. Press Enter to save, Escape to cancel"
+            }
+          )
+        }
+      );
+    }
+    const displayValue = value || placeholder;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        onDoubleClick: handleDoubleClick,
+        className: `${sizeClass} font-medium truncate flex-1 cursor-pointer select-none hover:text-primary-600 dark:hover:text-primary-400 transition-colors ${className}`,
+        title: "Double-click to edit",
+        role: "button",
+        tabIndex: 0,
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            handleDoubleClick();
+          }
+        },
+        children: isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-2 text-gray-400 dark:text-gray-500", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(react$1.CircleNotch, { size: 12, className: "animate-spin" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "italic", children: displayValue })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: !value ? "text-gray-400 dark:text-gray-500 italic" : "", children: displayValue })
+      }
+    );
+  }
+);
+EditableText.displayName = "EditableText";
+var EditableText_default = react.memo(EditableText);
+var sizeClasses3 = {
+  sm: {
+    container: "py-1.5 pl-8 pr-8 text-xs",
+    icon: 14,
+    clearBtn: "p-1"
+  },
+  md: {
+    container: "py-2.5 pl-10 pr-10 text-sm",
+    icon: 16,
+    clearBtn: "p-1.5"
+  },
+  lg: {
+    container: "py-3 pl-12 pr-12 text-base",
+    icon: 18,
+    clearBtn: "p-2"
+  }
+};
+function SearchInput({
+  value,
+  onChange,
+  placeholder = "Search...",
+  autoFocus = false,
+  onSubmit,
+  onEscape,
+  className = "",
+  size = "md",
+  disabled = false,
+  ariaLabel = "Search"
+}) {
+  const inputRef = react.useRef(null);
+  const sizes = sizeClasses3[size];
+  react.useEffect(() => {
+    if (autoFocus && inputRef.current) {
+      inputRef.current.focus();
+    }
+  }, [autoFocus]);
+  const handleClear = () => {
+    onChange("");
+    inputRef.current?.focus();
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && onSubmit) {
+      e.preventDefault();
+      onSubmit(value);
+    } else if (e.key === "Escape") {
+      e.preventDefault();
+      if (value && !onEscape) {
+        handleClear();
+      } else if (onEscape) {
+        onEscape();
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `relative w-full ${className}`, role: "search", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-y-0 left-3 flex items-center pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsx(
+      react$1.MagnifyingGlass,
+      {
+        size: sizes.icon,
+        weight: "bold",
+        className: "text-gray-400 dark:text-gray-500",
+        "aria-hidden": "true"
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        ref: inputRef,
+        type: "search",
+        value,
+        onChange: (e) => onChange(e.target.value),
+        onKeyDown: handleKeyDown,
+        placeholder,
+        disabled,
+        className: `w-full ${sizes.container} bg-gray-50 dark:bg-gray-800/50 border border-gray-200 dark:border-gray-700/50 rounded-xl focus:outline-none focus:ring-2 focus:ring-primary-500/30 dark:focus:ring-primary-500/20 focus:border-primary-400 dark:focus:border-primary-600 text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-gray-500 transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed`,
+        "aria-label": ariaLabel
+      }
+    ),
+    value && !disabled && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: handleClear,
+        className: `absolute inset-y-0 right-2 flex items-center ${sizes.clearBtn} rounded-lg hover:bg-gray-200 dark:hover:bg-gray-700 transition-all duration-200 text-gray-400 dark:text-gray-500 hover:text-gray-600 dark:hover:text-gray-300`,
+        "aria-label": "Clear search",
+        title: "Clear search",
+        children: /* @__PURE__ */ jsxRuntime.jsx(react$1.X, { size: sizes.icon - 2, weight: "bold" })
+      }
+    )
+  ] });
+}
+var SearchInput_default = react.memo(SearchInput);
+var variantClasses = {
+  text: "rounded",
+  circular: "rounded-full",
+  rectangular: "rounded-none",
+  rounded: "rounded-lg"
+};
+var gapClasses = {
+  sm: "space-y-1",
+  md: "space-y-2",
+  lg: "space-y-3"
+};
+function Skeleton({
+  variant = "text",
+  width,
+  height,
+  className = "",
+  animate = true
+}) {
+  const variantClass = variantClasses[variant];
+  const style = {
+    width: typeof width === "number" ? `${width}px` : width,
+    height: typeof height === "number" ? `${height}px` : height
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: `bg-gray-200 dark:bg-gray-700 ${variantClass} ${animate ? "animate-pulse" : ""} ${className}`,
+      style,
+      "aria-hidden": "true"
+    }
+  );
+}
+function SkeletonGroup({
+  count = 3,
+  gap = "md",
+  className = "",
+  children
+}) {
+  const gapClass = gapClasses[gap];
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${gapClass} ${className}`, "aria-hidden": "true", children: Array.from({ length: count }).map(
+    (_, index) => children ? /* @__PURE__ */ jsxRuntime.jsx("div", { children: children(index) }, index) : /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { variant: "text", height: 16 }, index)
+  ) });
+}
+function SkeletonText({
+  lines = 1,
+  className = ""
+}) {
+  const widths = ["100%", "90%", "80%", "95%", "85%"];
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `space-y-2 ${className}`, "aria-hidden": "true", children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+    Skeleton,
+    {
+      variant: "text",
+      width: widths[index % widths.length],
+      height: 14
+    },
+    index
+  )) });
+}
+function SkeletonAvatar({
+  size = 40,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Skeleton,
+    {
+      variant: "circular",
+      width: size,
+      height: size,
+      className
+    }
+  );
+}
+function SkeletonCard({
+  width,
+  height = 120,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Skeleton,
+    {
+      variant: "rounded",
+      width,
+      height,
+      className
+    }
+  );
+}
+function ListItemSkeleton({ className = "" }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-3 px-3 py-2 ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { variant: "rounded", width: 20, height: 20 }),
+    /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { variant: "text", height: 16, className: "flex-1" })
+  ] });
+}
+var Skeleton_default = react.memo(Skeleton);
+var ConfigContext = react.createContext(null);
+function ConfigProvider({ config, useGlobalConfig = false, children }) {
+  let resolvedConfig = null;
+  if (config) {
+    resolvedConfig = config;
+  } else if (useGlobalConfig && typeof window !== "undefined") {
+    const globalContext = window.__BICHAT_CONTEXT__;
+    const globalCSRF = window.__CSRF_TOKEN__;
+    if (globalContext) {
+      resolvedConfig = {
+        user: {
+          id: String(globalContext.user?.id || ""),
+          email: globalContext.user?.email || "",
+          firstName: globalContext.user?.firstName || "",
+          lastName: globalContext.user?.lastName || "",
+          permissions: globalContext.user?.permissions || []
+        },
+        tenant: {
+          id: globalContext.tenant?.id || "",
+          name: globalContext.tenant?.name || ""
+        },
+        locale: {
+          language: globalContext.locale?.language || "en",
+          translations: globalContext.locale?.translations || {}
+        },
+        endpoints: {
+          graphQL: globalContext.config?.graphQLEndpoint || "/graphql",
+          stream: globalContext.config?.streamEndpoint || "/stream"
+        },
+        csrfToken: globalCSRF
+      };
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(ConfigContext.Provider, { value: resolvedConfig, children });
+}
+function useConfig() {
+  return react.useContext(ConfigContext);
+}
+function useRequiredConfig() {
+  const config = react.useContext(ConfigContext);
+  if (!config) {
+    throw new Error(
+      "BiChat configuration not found. Wrap your app with <ConfigProvider config={...}> or use useGlobalConfig={true}."
+    );
+  }
+  return config;
+}
+function hasPermission2(config, permission) {
+  if (!config) {
+    return false;
+  }
+  return config.user.permissions.includes(permission);
+}
+function useStreaming(options = {}) {
+  const [content, setContent] = react.useState("");
+  const [isStreaming, setIsStreaming] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const abortControllerRef = react.useRef(null);
+  const processStream = react.useCallback(
+    async (stream, signal) => {
+      setIsStreaming(true);
+      setError(null);
+      setContent("");
+      abortControllerRef.current = new AbortController();
+      if (signal) {
+        signal.addEventListener("abort", () => {
+          abortControllerRef.current?.abort();
+        });
+      }
+      try {
+        for await (const chunk of stream) {
+          if (abortControllerRef.current?.signal.aborted) {
+            break;
+          }
+          if (chunk.type === "chunk" && chunk.content) {
+            setContent((prev) => {
+              const newContent = prev + chunk.content;
+              options.onChunk?.(newContent);
+              return newContent;
+            });
+          } else if (chunk.type === "error") {
+            const errorMsg = chunk.error || "Stream error";
+            const err = new Error(errorMsg);
+            setError(err);
+            options.onError?.(errorMsg);
+            break;
+          } else if (chunk.type === "done") {
+            options.onDone?.();
+            break;
+          }
+        }
+      } catch (err) {
+        if (err instanceof Error && err.name === "AbortError") {
+          return;
+        }
+        const errorObj = err instanceof Error ? err : new Error("Unknown error");
+        setError(errorObj);
+        options.onError?.(errorObj.message);
+      } finally {
+        setIsStreaming(false);
+        abortControllerRef.current = null;
+      }
+    },
+    [options]
+  );
+  const cancel = react.useCallback(() => {
+    if (abortControllerRef.current) {
+      abortControllerRef.current.abort();
+      abortControllerRef.current = null;
+      setIsStreaming(false);
+    }
+  }, []);
+  const reset = react.useCallback(() => {
+    setContent("");
+    setError(null);
+    setIsStreaming(false);
+  }, []);
+  return {
+    content,
+    isStreaming,
+    error,
+    processStream,
+    cancel,
+    reset
+  };
+}
+
+// ui/src/bichat/theme/themes.ts
+var lightTheme = {
+  name: "light",
+  colors: {
+    background: "#ffffff",
+    surface: "#f9fafb",
+    primary: "#3b82f6",
+    secondary: "#6b7280",
+    text: "#111827",
+    textMuted: "#6b7280",
+    border: "#e5e7eb",
+    error: "#ef4444",
+    success: "#10b981",
+    warning: "#f59e0b",
+    userBubble: "#3b82f6",
+    assistantBubble: "#f3f4f6",
+    userText: "#ffffff",
+    assistantText: "#111827"
+  },
+  spacing: {
+    xs: "0.25rem",
+    sm: "0.5rem",
+    md: "1rem",
+    lg: "1.5rem",
+    xl: "2rem"
+  },
+  borderRadius: {
+    sm: "0.25rem",
+    md: "0.5rem",
+    lg: "0.75rem",
+    full: "9999px"
+  }
+};
+var darkTheme = {
+  name: "dark",
+  colors: {
+    background: "#111827",
+    surface: "#1f2937",
+    primary: "#60a5fa",
+    secondary: "#9ca3af",
+    text: "#f9fafb",
+    textMuted: "#9ca3af",
+    border: "#374151",
+    error: "#f87171",
+    success: "#34d399",
+    warning: "#fbbf24",
+    userBubble: "#2563eb",
+    assistantBubble: "#1f2937",
+    userText: "#f9fafb",
+    assistantText: "#f9fafb"
+  },
+  spacing: {
+    xs: "0.25rem",
+    sm: "0.5rem",
+    md: "1rem",
+    lg: "1.5rem",
+    xl: "2rem"
+  },
+  borderRadius: {
+    sm: "0.25rem",
+    md: "0.5rem",
+    lg: "0.75rem",
+    full: "9999px"
+  }
+};
+var ThemeContext = react.createContext(null);
+function getSystemTheme() {
+  if (typeof window === "undefined") {
+    return lightTheme;
+  }
+  const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+  return prefersDark ? darkTheme : lightTheme;
+}
+function resolveTheme(themeProp) {
+  if (typeof themeProp === "object") {
+    return themeProp;
+  }
+  switch (themeProp) {
+    case "light":
+      return lightTheme;
+    case "dark":
+      return darkTheme;
+    case "system":
+      return getSystemTheme();
+    default:
+      return lightTheme;
+  }
+}
+function applyThemeVariables(theme) {
+  if (typeof document === "undefined") {
+    return;
+  }
+  const root = document.documentElement;
+  Object.entries(theme.colors).forEach(([key, value]) => {
+    root.style.setProperty(`--bichat-${key}`, value);
+  });
+  Object.entries(theme.spacing).forEach(([key, value]) => {
+    root.style.setProperty(`--bichat-spacing-${key}`, value);
+  });
+  Object.entries(theme.borderRadius).forEach(([key, value]) => {
+    root.style.setProperty(`--bichat-radius-${key}`, value);
+  });
+}
+function ThemeProvider({ theme = "system", children }) {
+  const resolvedTheme = react.useMemo(() => resolveTheme(theme), [theme]);
+  react.useEffect(() => {
+    applyThemeVariables(resolvedTheme);
+  }, [resolvedTheme]);
+  react.useEffect(() => {
+    if (theme !== "system") {
+      return;
+    }
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const handleChange = () => {
+      const newTheme = getSystemTheme();
+      applyThemeVariables(newTheme);
+    };
+    mediaQuery.addEventListener("change", handleChange);
+    return () => {
+      mediaQuery.removeEventListener("change", handleChange);
+    };
+  }, [theme]);
+  const value = {
+    theme: resolvedTheme
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value, children });
+}
+function useTheme() {
+  const context = react.useContext(ThemeContext);
+  if (!context) {
+    throw new Error("useTheme must be used within ThemeProvider");
+  }
+  return context.theme;
+}
+
+// ui/src/bichat/api/csrf.ts
+function getCSRFToken() {
+  const token = window.__CSRF_TOKEN__;
+  if (!token) {
+    console.warn("CSRF token not found in window object");
+    return "";
+  }
+  return token;
+}
+function addCSRFHeader(headers) {
+  const token = getCSRFToken();
+  if (token) {
+    headers.set("X-CSRF-Token", token);
+  }
+  return headers;
+}
+function createHeadersWithCSRF(init) {
+  const headers = new Headers(init);
+  return addCSRFHeader(headers);
+}
+
+// ui/src/bichat/data/HttpDataSource.ts
+var HttpDataSource = class {
+  constructor(config) {
+    this.abortController = null;
+    this.config = {
+      graphQLEndpoint: "/graphql",
+      streamEndpoint: "/stream",
+      timeout: 3e4,
+      ...config
+    };
+  }
+  /**
+   * Get CSRF token from config
+   */
+  getCSRFToken() {
+    if (!this.config.csrfToken) {
+      return "";
+    }
+    return typeof this.config.csrfToken === "function" ? this.config.csrfToken() : this.config.csrfToken;
+  }
+  /**
+   * Create headers for HTTP requests
+   */
+  createHeaders(additionalHeaders) {
+    const headers = new Headers({
+      "Content-Type": "application/json",
+      ...this.config.headers,
+      ...additionalHeaders
+    });
+    const csrfToken = this.getCSRFToken();
+    if (csrfToken) {
+      headers.set("X-CSRF-Token", csrfToken);
+    }
+    return headers;
+  }
+  /**
+   * Execute GraphQL query
+   */
+  async graphql(query, variables) {
+    const url = `${this.config.baseUrl}${this.config.graphQLEndpoint}`;
+    const response = await fetch(url, {
+      method: "POST",
+      headers: this.createHeaders(),
+      body: JSON.stringify({ query, variables }),
+      signal: this.abortController?.signal
+    });
+    if (!response.ok) {
+      throw new Error(`GraphQL request failed: ${response.statusText}`);
+    }
+    const result = await response.json();
+    if (result.errors && result.errors.length > 0) {
+      throw new Error(result.errors[0].message || "GraphQL error");
+    }
+    return result.data;
+  }
+  /**
+   * Create a new chat session
+   */
+  async createSession() {
+    const query = `
+      mutation CreateChatSession {
+        createChatSession {
+          id
+          title
+          status
+          pinned
+          createdAt
+          updatedAt
+        }
+      }
+    `;
+    const data = await this.graphql(query);
+    return data.createChatSession;
+  }
+  /**
+   * Fetch an existing session with messages
+   */
+  async fetchSession(id) {
+    const query = `
+      query GetChatSession($id: ID!) {
+        chatSession(id: $id) {
+          session {
+            id
+            title
+            status
+            pinned
+            createdAt
+            updatedAt
+          }
+          messages {
+            id
+            sessionId
+            role
+            content
+            createdAt
+            toolCalls {
+              id
+              name
+              arguments
+            }
+            citations {
+              id
+              source
+              url
+              excerpt
+            }
+            chartData {
+              type
+              title
+              data
+              xAxisKey
+              yAxisKey
+            }
+            artifacts {
+              type
+              filename
+              url
+              sizeReadable
+              rowCount
+              description
+            }
+            explanation
+          }
+          pendingQuestion {
+            id
+            turnId
+            question
+            type
+            options
+            status
+          }
+        }
+      }
+    `;
+    try {
+      const data = await this.graphql(query, { id });
+      return data.chatSession;
+    } catch (err) {
+      console.error("Failed to fetch session:", err);
+      return null;
+    }
+  }
+  /**
+   * Send a message and stream the response using SSE
+   */
+  async *sendMessage(sessionId, content, attachments = [], signal) {
+    this.abortController = new AbortController();
+    if (signal) {
+      signal.addEventListener("abort", () => {
+        this.abortController?.abort();
+      });
+    }
+    const url = `${this.config.baseUrl}${this.config.streamEndpoint}`;
+    const payload = {
+      sessionId,
+      content,
+      attachments: attachments.map((a) => ({
+        id: a.id,
+        filename: a.filename,
+        mimeType: a.mimeType,
+        sizeBytes: a.sizeBytes,
+        base64Data: a.base64Data
+      }))
+    };
+    try {
+      const response = await fetch(url, {
+        method: "POST",
+        headers: this.createHeaders(),
+        body: JSON.stringify(payload),
+        signal: this.abortController.signal
+      });
+      if (!response.ok) {
+        throw new Error(`Stream request failed: ${response.statusText}`);
+      }
+      if (!response.body) {
+        throw new Error("Response body is null");
+      }
+      const reader = response.body.getReader();
+      const decoder = new TextDecoder();
+      let buffer = "";
+      try {
+        while (true) {
+          const { done, value } = await reader.read();
+          if (done) {
+            break;
+          }
+          buffer += decoder.decode(value, { stream: true });
+          const lines = buffer.split("\n");
+          buffer = lines.pop() || "";
+          for (const line of lines) {
+            if (!line.trim() || line.startsWith(":")) {
+              continue;
+            }
+            if (line.startsWith("data: ")) {
+              const data = line.slice(6);
+              try {
+                const chunk = JSON.parse(data);
+                yield chunk;
+                if (chunk.type === "done" || chunk.type === "error") {
+                  return;
+                }
+              } catch (parseErr) {
+                console.error("Failed to parse SSE data:", parseErr);
+                yield {
+                  type: "error",
+                  error: "Failed to parse stream data"
+                };
+                return;
+              }
+            }
+          }
+        }
+      } finally {
+        reader.releaseLock();
+      }
+    } catch (err) {
+      if (err instanceof Error) {
+        if (err.name === "AbortError") {
+          yield {
+            type: "error",
+            error: "Stream cancelled"
+          };
+        } else {
+          yield {
+            type: "error",
+            error: err.message
+          };
+        }
+      } else {
+        yield {
+          type: "error",
+          error: "Unknown error"
+        };
+      }
+    } finally {
+      this.abortController = null;
+    }
+  }
+  /**
+   * Cancel ongoing stream
+   */
+  cancelStream() {
+    if (this.abortController) {
+      this.abortController.abort();
+      this.abortController = null;
+    }
+  }
+  /**
+   * Submit answers to a pending question
+   */
+  async submitQuestionAnswers(sessionId, questionId, answers) {
+    const query = `
+      mutation SubmitQuestionAnswers($sessionId: ID!, $questionId: ID!, $answers: JSON!) {
+        submitQuestionAnswers(sessionId: $sessionId, questionId: $questionId, answers: $answers) {
+          success
+          error
+        }
+      }
+    `;
+    try {
+      const data = await this.graphql(query, { sessionId, questionId, answers });
+      return data.submitQuestionAnswers;
+    } catch (err) {
+      return {
+        success: false,
+        error: err instanceof Error ? err.message : "Failed to submit answers"
+      };
+    }
+  }
+  /**
+   * Cancel a pending question
+   */
+  async cancelPendingQuestion(questionId) {
+    const query = `
+      mutation CancelPendingQuestion($questionId: ID!) {
+        cancelPendingQuestion(questionId: $questionId) {
+          success
+          error
+        }
+      }
+    `;
+    try {
+      const data = await this.graphql(query, { questionId });
+      return data.cancelPendingQuestion;
+    } catch (err) {
+      return {
+        success: false,
+        error: err instanceof Error ? err.message : "Failed to cancel question"
+      };
+    }
+  }
+  /**
+   * Navigate to a session (optional, for SPA routing)
+   */
+  navigateToSession(sessionId) {
+    if (typeof window !== "undefined") {
+      window.location.href = `/chat/${sessionId}`;
+    }
+  }
+};
+function createHttpDataSource(config) {
+  return new HttpDataSource(config);
+}
+
+exports.AssistantTurnView = AssistantTurnView;
+exports.AttachmentGrid = AttachmentGrid;
+exports.ChartCard = ChartCard;
+exports.ChatHeader = ChatHeader;
+exports.ChatSession = ChatSession;
+exports.ChatSessionProvider = ChatSessionProvider;
+exports.CodeOutputsPanel = CodeOutputsPanel;
+exports.ConfigProvider = ConfigProvider;
+exports.DownloadCard = DownloadCard;
+exports.EditableText = EditableText_default;
+exports.EmptyState = EmptyState_default;
+exports.HttpDataSource = HttpDataSource;
+exports.ImageModal = ImageModal;
+exports.InlineQuestionForm = InlineQuestionForm;
+exports.IotaContextProvider = IotaContextProvider;
+exports.ListItemSkeleton = ListItemSkeleton;
+exports.MarkdownRenderer = MarkdownRenderer;
+exports.MessageInput = MessageInput;
+exports.MessageList = MessageList;
+exports.MessageRole = MessageRole;
+exports.RateLimiter = RateLimiter;
+exports.ScrollToBottomButton = ScrollToBottomButton;
+exports.SearchInput = SearchInput_default;
+exports.Skeleton = Skeleton_default;
+exports.SkeletonAvatar = SkeletonAvatar;
+exports.SkeletonCard = SkeletonCard;
+exports.SkeletonGroup = SkeletonGroup;
+exports.SkeletonText = SkeletonText;
+exports.SourcesPanel = SourcesPanel;
+exports.StreamingCursor = StreamingCursor;
+exports.ThemeProvider = ThemeProvider;
+exports.TurnBubble = TurnBubble;
+exports.UserTurnView = UserTurnView;
+exports.WelcomeContent = WelcomeContent;
+exports.addCSRFHeader = addCSRFHeader;
+exports.backdropVariants = backdropVariants;
+exports.buttonVariants = buttonVariants;
+exports.convertToBase64 = convertToBase64;
+exports.createDataUrl = createDataUrl;
+exports.createHeadersWithCSRF = createHeadersWithCSRF;
+exports.createHttpDataSource = createHttpDataSource;
+exports.darkTheme = darkTheme;
+exports.dropdownVariants = dropdownVariants;
+exports.fadeInUpVariants = fadeInUpVariants;
+exports.fadeInVariants = fadeInVariants;
+exports.floatingButtonVariants = floatingButtonVariants;
+exports.formatFileSize = formatFileSize;
+exports.getCSRFToken = getCSRFToken;
+exports.hasConfigPermission = hasPermission2;
+exports.hasPermission = hasPermission;
+exports.lightTheme = lightTheme;
+exports.listItemVariants = listItemVariants;
+exports.messageContainerVariants = messageContainerVariants;
+exports.messageVariants = messageVariants;
+exports.scaleFadeVariants = scaleFadeVariants;
+exports.staggerContainerVariants = staggerContainerVariants;
+exports.toastVariants = toastVariants;
+exports.typingDotVariants = typingDotVariants;
+exports.useChat = useChat;
+exports.useConfig = useConfig;
+exports.useIotaContext = useIotaContext;
+exports.useRequiredConfig = useRequiredConfig;
+exports.useStreaming = useStreaming;
+exports.useTheme = useTheme;
+exports.useTranslation = useTranslation;
+exports.validateFileCount = validateFileCount;
+exports.validateImageFile = validateImageFile;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map