@aigentyc/chat-sdk 0.4.0 → 0.5.1

package/dist/chunk-DDATCJ3O.cjs

@@ -0,0 +1,75 @@
+"use client";
+'use strict';
+
+var react = require('react');
+
+// src/hooks/use-keyboard-language.ts
+var LATIN = "latin";
+var SCRIPT_RANGES = [
+  { test: /[֐-׿]/, lang: "he-IL" },
+  { test: /[؀-ۿݐ-ݿ]/, lang: "ar-SA" },
+  { test: /[Ѐ-ӿ]/, lang: "ru-RU" },
+  { test: /[Ͱ-Ͽ]/, lang: "el-GR" },
+  { test: /[一-鿿]/, lang: "zh-CN" },
+  { test: /[぀-ヿ]/, lang: "ja-JP" },
+  { test: /[가-힯]/, lang: "ko-KR" },
+  // Latin identifies a script but not a language — English, Spanish and German
+  // are indistinguishable from a character — so it reports the sentinel and the
+  // caller says which Latin language it means.
+  { test: /[A-Za-z]/, lang: LATIN }
+];
+function scriptLanguageOf(char) {
+  for (const { test, lang } of SCRIPT_RANGES) {
+    if (test.test(char)) return lang;
+  }
+  return null;
+}
+function detectLanguage(text) {
+  for (let i = text.length - 1; i >= 0; i--) {
+    const lang = scriptLanguageOf(text[i]);
+    if (lang) return lang;
+  }
+  return null;
+}
+function browserLanguage() {
+  if (typeof navigator === "undefined") return "en-US";
+  return navigator.language || "en-US";
+}
+function useKeyboardLanguage({
+  fallback,
+  supported,
+  latin = "en-US"
+} = {}) {
+  const initial = fallback ?? browserLanguage();
+  const [lang, setLang] = react.useState(initial);
+  const lastTextRef = react.useRef("");
+  const isSupported = react.useCallback(
+    (candidate) => {
+      if (!supported || supported.length === 0) return true;
+      return supported.includes(candidate);
+    },
+    [supported]
+  );
+  const observe = react.useCallback(
+    (text) => {
+      const previous = lastTextRef.current;
+      lastTextRef.current = text;
+      if (text.length <= previous.length) return;
+      const added = text.startsWith(previous) ? text.slice(previous.length) : text;
+      const detected = detectLanguage(added);
+      if (detected === null) return;
+      const next = detected === LATIN ? latin : detected;
+      if (!isSupported(next)) return;
+      setLang((current) => current === next ? current : next);
+    },
+    [isSupported, latin]
+  );
+  return { lang, setLang, observe };
+}
+
+exports.LATIN = LATIN;
+exports.detectLanguage = detectLanguage;
+exports.scriptLanguageOf = scriptLanguageOf;
+exports.useKeyboardLanguage = useKeyboardLanguage;
+//# sourceMappingURL=chunk-DDATCJ3O.cjs.map
+//# sourceMappingURL=chunk-DDATCJ3O.cjs.map

package/dist/chunk-DDATCJ3O.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-keyboard-language.ts"],"names":["useState","useRef","useCallback"],"mappings":"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","file":"chunk-DDATCJ3O.cjs","sourcesContent":["\"use client\";\n\nimport { useCallback, useRef, useState } from \"react\";\n\n/**\n * The scripts we can tell apart from a single character, mapped to the BCP-47\n * tag a speech recogniser wants.\n *\n * Deliberately short. A script the visitor is not typing in cannot be guessed\n * from their text, and a wrong guess is worse than the fallback — dictation in\n * the wrong language produces confident nonsense rather than an obvious failure.\n */\n/** Reported for Latin script, which pins a keyboard but not a language. */\nexport const LATIN = \"latin\";\n\nconst SCRIPT_RANGES: Array<{ test: RegExp; lang: string }> = [\n  { test: /[֐-׿]/, lang: \"he-IL\" },\n  { test: /[؀-ۿݐ-ݿ]/, lang: \"ar-SA\" },\n  { test: /[Ѐ-ӿ]/, lang: \"ru-RU\" },\n  { test: /[Ͱ-Ͽ]/, lang: \"el-GR\" },\n  { test: /[一-鿿]/, lang: \"zh-CN\" },\n  { test: /[぀-ヿ]/, lang: \"ja-JP\" },\n  { test: /[가-힯]/, lang: \"ko-KR\" },\n  // Latin identifies a script but not a language — English, Spanish and German\n  // are indistinguishable from a character — so it reports the sentinel and the\n  // caller says which Latin language it means.\n  { test: /[A-Za-z]/, lang: LATIN },\n];\n\n/**\n * The BCP-47 tag implied by a character's script, {@link LATIN} when the script\n * is Latin, or null when the character says nothing (digits, punctuation,\n * whitespace, emoji).\n */\nexport function scriptLanguageOf(char: string): string | null {\n  for (const { test, lang } of SCRIPT_RANGES) {\n    if (test.test(char)) return lang;\n  }\n  return null;\n}\n\n/**\n * The language of the last character in `text` whose script is identifiable.\n *\n * Read from the end because that is what the visitor is typing now: a Hebrew\n * question that opens with an English part number is still a Hebrew question.\n */\nexport function detectLanguage(text: string): string | null {\n  for (let i = text.length - 1; i >= 0; i--) {\n    const lang = scriptLanguageOf(text[i]);\n    if (lang) return lang;\n  }\n  return null;\n}\n\nexport interface KeyboardLanguageOptions {\n  /**\n   * Used until the visitor has typed something identifiable. Defaults to the\n   * browser's own language.\n   */\n  fallback?: string;\n  /**\n   * Tags this consumer can actually act on, e.g. the languages a recogniser is\n   * configured for. A detection outside the list is ignored rather than\n   * switching to something unsupported.\n   */\n  supported?: string[];\n  /** Latin text is ambiguous; this is which Latin language to call it. */\n  latin?: string;\n}\n\nfunction browserLanguage(): string {\n  if (typeof navigator === \"undefined\") return \"en-US\";\n  return navigator.language || \"en-US\";\n}\n\n/**\n * Tracks which keyboard the visitor is typing on, by the script of what they type.\n *\n * The web exposes no keyboard-layout API, so the characters themselves are the\n * signal — and they are a good one: a visitor typing Hebrew has a Hebrew\n * keyboard active, which is exactly what dictation should follow. The answer is\n * sticky, so clearing the box or dictating into it does not reset the language\n * back to a default the visitor never chose.\n *\n * Feed it every value the composer sees via `observe`.\n */\nexport function useKeyboardLanguage({\n  fallback,\n  supported,\n  latin = \"en-US\",\n}: KeyboardLanguageOptions = {}) {\n  const initial = fallback ?? browserLanguage();\n  const [lang, setLang] = useState(initial);\n  // The last text observed, so `observe` can look only at what was added rather\n  // than re-reading the whole box on every keystroke.\n  const lastTextRef = useRef(\"\");\n\n  const isSupported = useCallback(\n    (candidate: string) => {\n      if (!supported || supported.length === 0) return true;\n      return supported.includes(candidate);\n    },\n    [supported],\n  );\n\n  const observe = useCallback(\n    (text: string) => {\n      const previous = lastTextRef.current;\n      lastTextRef.current = text;\n      // Only additions carry a keyboard signal. Deleting back through Hebrew\n      // does not mean the visitor switched to English.\n      if (text.length <= previous.length) return;\n      const added = text.startsWith(previous) ? text.slice(previous.length) : text;\n      const detected = detectLanguage(added);\n      if (detected === null) return;\n      const next = detected === LATIN ? latin : detected;\n      if (!isSupported(next)) return;\n      setLang((current) => (current === next ? current : next));\n    },\n    [isSupported, latin],\n  );\n\n  return { lang, setLang, observe };\n}\n"]}

package/dist/{chunk-LVWSWTI3.cjs → chunk-DTOOWY2S.cjs}

@@ -1,12 +1,12 @@
 "use client";
 'use strict';
 
-var chunkNYQSM3EB_cjs = require('./chunk-NYQSM3EB.cjs');
-var chunkP3RPAI4F_cjs = require('./chunk-P3RPAI4F.cjs');
-var chunk4WOBNRRB_cjs = require('./chunk-4WOBNRRB.cjs');
-var chunk3MP2EGEJ_cjs = require('./chunk-3MP2EGEJ.cjs');
-var chunkOEEDYJTV_cjs = require('./chunk-OEEDYJTV.cjs');
-var chunk46MUOYPR_cjs = require('./chunk-46MUOYPR.cjs');
+var chunkDVWX2UGY_cjs = require('./chunk-DVWX2UGY.cjs');
+var chunkBYX6IOGX_cjs = require('./chunk-BYX6IOGX.cjs');
+var chunk6CVBJ4EI_cjs = require('./chunk-6CVBJ4EI.cjs');
+var chunk72QJ2ORD_cjs = require('./chunk-72QJ2ORD.cjs');
+var chunkJEK2V5I3_cjs = require('./chunk-JEK2V5I3.cjs');
+var chunkUXVOUC2A_cjs = require('./chunk-UXVOUC2A.cjs');
 var chunk525KS5HM_cjs = require('./chunk-525KS5HM.cjs');
 var react = require('react');
 var lucideReact = require('lucide-react');
@@ -30,8 +30,8 @@ var ChatHeader = react.memo(function ChatHeader2({
   cartCount,
   onCartClick
 }) {
-  const { t, direction } = chunk3MP2EGEJ_cjs.useI18n();
-  const ctx = chunk46MUOYPR_cjs.useChatContext();
+  const { t, direction } = chunk72QJ2ORD_cjs.useI18n();
+  const ctx = chunkUXVOUC2A_cjs.useChatContext();
   const displayName = clientName || ctx.config.clientName || "AI Assistant";
   const LogoOrIcon = () => {
     if (logoUrl) {
@@ -163,23 +163,30 @@ var ChatInput = react.memo(function ChatInput2({
   placeholder
 }) {
   const [isFocused, setIsFocused] = react.useState(false);
-  const { t, direction } = chunk3MP2EGEJ_cjs.useI18n();
+  const [isComposing, setIsComposing] = react.useState(false);
+  const { t, direction } = chunk72QJ2ORD_cjs.useI18n();
+  const { ref: textareaRef } = chunkDVWX2UGY_cjs.useAutoResize(value, {
+    minHeight: 24,
+    maxHeight: 160
+  });
   const handleKeyDown = (e) => {
-    if (e.key === "Enter" && value.trim() && !isProcessing) {
-      e.preventDefault();
-      onSubmit(value);
-    }
+    if (e.key !== "Enter") return;
+    if (isComposing || e.nativeEvent.isComposing) return;
+    if (e.shiftKey) return;
+    e.preventDefault();
+    if (!value.trim() || isProcessing) return;
+    onSubmit(value);
   };
   const hasValue = value.trim().length > 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       className: `
-				relative flex items-center gap-3
+				relative flex items-end gap-3
 				rounded-2xl
 				border-2 transition-all duration-300
 				${isFocused ? "shadow-lg" : "shadow-md hover:shadow-lg"}
-				ps-4 md:ps-5 pe-1.5 md:pe-2
+				ps-4 md:ps-5 pe-1.5 md:pe-2 py-1.5 md:py-2
 			`,
       style: {
         backgroundColor: "var(--ac-background)",
@@ -189,7 +196,7 @@ var ChatInput = react.memo(function ChatInput2({
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: "shrink-0 transition-colors duration-300",
+            className: "shrink-0 transition-colors duration-300 self-center",
             style: { color: isFocused ? "var(--ac-primary)" : "#a0a0a0" },
             children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
               /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "11", cy: "11", r: "8" }),
@@ -198,18 +205,21 @@ var ChatInput = react.memo(function ChatInput2({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
+          "textarea",
           {
+            ref: textareaRef,
             dir: direction,
-            type: "text",
+            rows: 1,
             value,
             onChange: (e) => onChange(e.target.value),
             onKeyDown: handleKeyDown,
+            onCompositionStart: () => setIsComposing(true),
+            onCompositionEnd: () => setIsComposing(false),
             onFocus: () => setIsFocused(true),
             onBlur: () => setIsFocused(false),
             disabled: isProcessing,
             placeholder: placeholder || t("typeMessage"),
-            className: "\n					flex-1 bg-transparent text-start\n					outline-none text-base\n					min-h-[52px] md:min-h-[60px]\n					disabled:opacity-50\n				",
+            className: "\n					flex-1 bg-transparent text-start\n					outline-none text-base resize-none\n					py-[14px] md:py-[17px]\n					disabled:opacity-50\n				",
             style: { color: "var(--ac-text)" }
           }
         ),
@@ -222,7 +232,7 @@ var ChatInput = react.memo(function ChatInput2({
             className: `
 					group relative flex items-center justify-center
 					w-10 h-10 md:w-12 md:h-12
-					rounded-xl shrink-0
+					rounded-xl shrink-0 self-end mb-1
 					transition-all duration-300 overflow-hidden
 					${hasValue && !isProcessing ? "shadow-md hover:shadow-lg hover:scale-105" : "cursor-not-allowed"}
 					disabled:hover:scale-100
@@ -255,7 +265,7 @@ var ChatInput = react.memo(function ChatInput2({
   );
 });
 function ChatFooter({ footerText }) {
-  const { t } = chunk3MP2EGEJ_cjs.useI18n();
+  const { t } = chunk72QJ2ORD_cjs.useI18n();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -320,8 +330,8 @@ function WelcomePage({
   questionsLayout = "vertical",
   questionsLayoutMobile
 }) {
-  const isMobile = chunkNYQSM3EB_cjs.useIsMobile();
-  const { t } = chunk3MP2EGEJ_cjs.useI18n();
+  const isMobile = chunkDVWX2UGY_cjs.useIsMobile();
+  const { t } = chunk72QJ2ORD_cjs.useI18n();
   const layout = isMobile && questionsLayoutMobile ? questionsLayoutMobile : questionsLayout;
   const isHorizontal = layout === "horizontal";
   const [shouldAnimate, setShouldAnimate] = react.useState(false);
@@ -485,7 +495,7 @@ function QuickQuestions({ questions, onSelect, isProcessing = false, pageKey })
   const [dismissed, setDismissed] = react.useState(false);
   const prevPageKeyRef = react.useRef(pageKey);
   const scrollRef = react.useRef(null);
-  const { direction } = chunk3MP2EGEJ_cjs.useI18n();
+  const { direction } = chunk72QJ2ORD_cjs.useI18n();
   react.useEffect(() => {
     if (prevPageKeyRef.current !== pageKey) {
       setDismissed(false);
@@ -582,7 +592,7 @@ function decodeHtmlEntities(text) {
   return text.replace(/&#(\d+);/g, (_, code) => String.fromCharCode(Number(code))).replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&ndash;/g, "\u2013").replace(/&mdash;/g, "\u2014").replace(/&laquo;/g, "\xAB").replace(/&raquo;/g, "\xBB");
 }
 function CartDrawer({ storeOrigin, isOpen, onClose, onCartUpdate }) {
-  const { t } = chunk3MP2EGEJ_cjs.useI18n();
+  const { t } = chunk72QJ2ORD_cjs.useI18n();
   const [cart, setCart] = react.useState(null);
   const [loading, setLoading] = react.useState(false);
   const [updatingKeys, setUpdatingKeys] = react.useState(/* @__PURE__ */ new Set());
@@ -785,6 +795,71 @@ function SystemMessage({ message, type }) {
   const displayMessage = translateMessage(message, type);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center my-3", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] text-muted-foreground bg-muted px-4 py-1.5 rounded-full border border-border/50", children: displayMessage }) });
 }
+function serverMessage(error) {
+  const raw = error?.message?.trim();
+  if (!raw || !raw.startsWith("{")) return null;
+  try {
+    const parsed = JSON.parse(raw);
+    const message = typeof parsed.error === "string" ? parsed.error.trim() : "";
+    return message || null;
+  } catch {
+    return null;
+  }
+}
+function isTerminal(error) {
+  const raw = error?.message ?? "";
+  if (/too_many_messages|message_too_long|request_too_large/.test(raw)) {
+    return true;
+  }
+  return /conversation too long|request too large|message too long/i.test(raw);
+}
+function ChatError({ error, onRetry, onNewConversation }) {
+  const { t, direction } = chunk72QJ2ORD_cjs.useI18n();
+  const terminal = isTerminal(error);
+  const detail = serverMessage(error);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "alert",
+      dir: direction,
+      className: "mx-auto w-full max-w-[520px] rounded-xl border px-4 py-3 text-sm",
+      style: {
+        borderColor: "var(--ac-error-border, rgba(220, 38, 38, 0.25))",
+        backgroundColor: "var(--ac-error-background, rgba(220, 38, 38, 0.06))",
+        color: "var(--ac-foreground, inherit)"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium", children: terminal ? t("conversationTooLong") : t("somethingWentWrong") }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 opacity-80", children: detail ?? (terminal ? t("conversationTooLongDesc") : t("somethingWentWrongDesc")) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 flex flex-wrap gap-2", children: [
+          onRetry && !terminal && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onRetry,
+              className: "rounded-lg px-3 py-1.5 text-sm font-medium",
+              style: {
+                backgroundColor: "var(--ac-primary, #111827)",
+                color: "var(--ac-primary-foreground, #ffffff)"
+              },
+              children: t("tryAgain")
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onNewConversation,
+              className: "rounded-lg border px-3 py-1.5 text-sm font-medium",
+              style: { borderColor: "var(--ac-border, rgba(0, 0, 0, 0.15))" },
+              children: t("startNewConversation")
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
 var ChatErrorBoundary = class extends react.Component {
   state = { error: null };
   static getDerivedStateFromError(error) {
@@ -884,7 +959,7 @@ function DefaultUserMessage({ text }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: "inline-block rounded-2xl px-3 py-2 max-w-[85%]",
+      className: "inline-block rounded-2xl px-3 py-2 max-w-[85%] whitespace-pre-wrap break-words",
       style: {
         backgroundColor: "var(--ac-user-bubble-bg, var(--ac-primary))",
         color: "var(--ac-primary-foreground, #fff)"
@@ -895,13 +970,13 @@ function DefaultUserMessage({ text }) {
 }
 function ChatInterface(props) {
   const { showSources = false } = props;
-  const { messages, status, sendMessage, sessionId, config, newConversation: ctxNewConversation } = chunk46MUOYPR_cjs.useChatContext();
-  const { t, direction } = chunk3MP2EGEJ_cjs.useI18n();
-  chunkP3RPAI4F_cjs.useTheme();
-  const slots = chunk46MUOYPR_cjs.useSlots();
+  const { messages, status, error, sendMessage, sessionId, config, retryLastTurn, newConversation: ctxNewConversation } = chunkUXVOUC2A_cjs.useChatContext();
+  const { t, direction } = chunk72QJ2ORD_cjs.useI18n();
+  chunkBYX6IOGX_cjs.useTheme();
+  const slots = chunkUXVOUC2A_cjs.useSlots();
   let liveChat = null;
   try {
-    liveChat = chunkNYQSM3EB_cjs.useLiveChat();
+    liveChat = chunkDVWX2UGY_cjs.useLiveChat();
   } catch {
     liveChat = null;
   }
@@ -917,12 +992,12 @@ function ChatInterface(props) {
     if (messages.length === 0 && !showWelcome) setShowWelcome(true);
   }, [messages.length, showWelcome]);
   const handleSubmit = react.useCallback(
-    (text) => {
-      if (!text.trim() || isProcessing) return;
+    (text, files) => {
+      if (!text.trim() && !files?.length || isProcessing) return;
       if (liveChat?.state === "live") return;
       setShowWelcome(false);
       setInput("");
-      sendMessage(text);
+      sendMessage(text, files);
     },
     [isProcessing, sendMessage, liveChat]
   );
@@ -972,8 +1047,8 @@ function ChatInterface(props) {
   );
   if (showWelcome && messages.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col", dir: direction, style: { backgroundColor: "var(--ac-background)" }, children: [
-      !props.hideHeader && chunk46MUOYPR_cjs.renderSlot("header", headerProps, ChatHeader, slots),
-      chunk46MUOYPR_cjs.renderSlot(
+      !props.hideHeader && chunkUXVOUC2A_cjs.renderSlot("header", headerProps, ChatHeader, slots),
+      chunkUXVOUC2A_cjs.renderSlot(
         "welcomePage",
         {
           onSelectCategory: handleSelectCategory,
@@ -992,18 +1067,18 @@ function ChatInterface(props) {
         slots
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 px-[15px] md:px-[40px]", style: { backgroundColor: "var(--ac-background)" }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto z-40 w-full", children: chunk46MUOYPR_cjs.renderSlot(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto z-40 w-full", children: chunkUXVOUC2A_cjs.renderSlot(
           "input",
           { value: input, onChange: setInput, onSubmit: handleSubmit, isProcessing },
           ChatInput,
           slots
         ) }),
-        chunk46MUOYPR_cjs.renderSlot("footer", { footerText: props.footerText }, ChatFooter, slots)
+        chunkUXVOUC2A_cjs.renderSlot("footer", { footerText: props.footerText }, ChatFooter, slots)
       ] })
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col", dir: direction, style: { backgroundColor: "var(--ac-background)" }, children: [
-    !props.hideHeader && chunk46MUOYPR_cjs.renderSlot("header", headerProps, ChatHeader, slots),
+    !props.hideHeader && chunkUXVOUC2A_cjs.renderSlot("header", headerProps, ChatHeader, slots),
     storeOrigin && /* @__PURE__ */ jsxRuntime.jsx(
       CartDrawer,
       {
@@ -1013,29 +1088,53 @@ function ChatInterface(props) {
         onCartUpdate: (count) => setCartCount(count)
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(chunk4WOBNRRB_cjs.Conversation, { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs(chunk4WOBNRRB_cjs.ConversationContent, { className: "px-[15px] md:px-[40px] py-6 sm:py-8 w-full space-y-6", children: [
-      messages.length === 0 && chunk46MUOYPR_cjs.renderSlot("emptyState", {}, chunk4WOBNRRB_cjs.ConversationEmptyState, slots),
+    /* @__PURE__ */ jsxRuntime.jsx(chunk6CVBJ4EI_cjs.Conversation, { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs(chunk6CVBJ4EI_cjs.ConversationContent, { className: "px-[15px] md:px-[40px] py-6 sm:py-8 w-full space-y-6", children: [
+      messages.length === 0 && chunkUXVOUC2A_cjs.renderSlot("emptyState", {}, chunk6CVBJ4EI_cjs.ConversationEmptyState, slots),
       messages.map((message, messageIndex) => {
         if (hideFirstUserMessage && messageIndex === 0 && message.role === "user") return null;
         if (message.role === "system") {
-          return /* @__PURE__ */ jsxRuntime.jsx("div", { children: chunk46MUOYPR_cjs.renderSlot("systemMessage", { message: message.content }, SystemMessage, slots) }, message.id);
+          return /* @__PURE__ */ jsxRuntime.jsx("div", { children: chunkUXVOUC2A_cjs.renderSlot("systemMessage", { message: message.content }, SystemMessage, slots) }, message.id);
         }
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             className: `group ${message.role === "assistant" ? "is-assistant" : "is-user"}`,
             children: [
-              (props.messagePartOrder === "stream-order" ? message.parts || [] : [...message.parts || []].sort((a, b) => {
-                const textFirst = props.messagePartOrder !== "tools-first";
-                if (a.type === "text" && b.type !== "text") return textFirst ? -1 : 1;
-                if (a.type !== "text" && b.type === "text") return textFirst ? 1 : -1;
-                return 0;
-              })).map((part, i) => {
+              /* @__PURE__ */ jsxRuntime.jsx(
+                chunk6CVBJ4EI_cjs.MessageAttachments,
+                {
+                  className: message.role === "user" ? "mb-2" : "mr-auto ml-0 mb-2",
+                  children: (message.parts || []).filter((p) => p.type === "file" && p.url).map((p, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                    chunk6CVBJ4EI_cjs.MessageAttachment,
+                    {
+                      className: "size-32",
+                      data: {
+                        type: "file",
+                        url: p.url,
+                        mediaType: p.mediaType ?? "",
+                        filename: p.filename
+                      }
+                    },
+                    `${message.id}-file-${i}`
+                  ))
+                }
+              ),
+              (() => {
+                const parts = (message.parts || []).filter(
+                  (p) => p.type !== "file" && !(p.type === "text" && !(p.text || "").trim())
+                );
+                return props.messagePartOrder === "stream-order" ? parts : [...parts].sort((a, b) => {
+                  const textFirst = props.messagePartOrder !== "tools-first";
+                  if (a.type === "text" && b.type !== "text") return textFirst ? -1 : 1;
+                  if (a.type !== "text" && b.type === "text") return textFirst ? 1 : -1;
+                  return 0;
+                });
+              })().map((part, i) => {
                 if (part.type === "text") {
                   if (message.role === "assistant") {
-                    return /* @__PURE__ */ jsxRuntime.jsx("div", { children: chunk46MUOYPR_cjs.renderSlot("assistantMessage", { message, partIndex: i, text: part.text || "" }, DefaultAssistantMessage, slots) }, `${message.id}-${i}`);
+                    return /* @__PURE__ */ jsxRuntime.jsx("div", { children: chunkUXVOUC2A_cjs.renderSlot("assistantMessage", { message, partIndex: i, text: part.text || "" }, DefaultAssistantMessage, slots) }, `${message.id}-${i}`);
                   }
-                  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: chunk46MUOYPR_cjs.renderSlot("userMessage", { message, partIndex: i, text: part.text || "" }, DefaultUserMessage, slots) }, `${message.id}-${i}`);
+                  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: chunkUXVOUC2A_cjs.renderSlot("userMessage", { message, partIndex: i, text: part.text || "" }, DefaultUserMessage, slots) }, `${message.id}-${i}`);
                 }
                 if (part.type.startsWith("tool-")) {
                   const toolName = part.type.replace("tool-", "");
@@ -1053,7 +1152,7 @@ function ChatInterface(props) {
                     {
                       label: `tool "${toolName}"`,
                       children: /* @__PURE__ */ jsxRuntime.jsx(
-                        chunkOEEDYJTV_cjs.ToolRenderer,
+                        chunkJEK2V5I3_cjs.ToolRenderer,
                         {
                           toolName,
                           state: part.state ?? "output-available",
@@ -1072,10 +1171,10 @@ function ChatInterface(props) {
               showSources && message.role === "assistant" && (() => {
                 const kbSources = extractKbSources(message.parts);
                 if (kbSources.length === 0) return null;
-                return /* @__PURE__ */ jsxRuntime.jsxs(chunk4WOBNRRB_cjs.Sources, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(chunk4WOBNRRB_cjs.SourcesTrigger, { count: kbSources.length }),
-                  /* @__PURE__ */ jsxRuntime.jsx(chunk4WOBNRRB_cjs.SourcesContent, { children: kbSources.map((s, idx) => /* @__PURE__ */ jsxRuntime.jsx(
-                    chunk4WOBNRRB_cjs.Source,
+                return /* @__PURE__ */ jsxRuntime.jsxs(chunk6CVBJ4EI_cjs.Sources, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(chunk6CVBJ4EI_cjs.SourcesTrigger, { count: kbSources.length }),
+                  /* @__PURE__ */ jsxRuntime.jsx(chunk6CVBJ4EI_cjs.SourcesContent, { children: kbSources.map((s, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+                    chunk6CVBJ4EI_cjs.Source,
                     {
                       href: s.sourceUrl ?? "#",
                       title: s.documentName || s.pageTitle || `Source ${idx + 1}`
@@ -1084,14 +1183,14 @@ function ChatInterface(props) {
                   )) })
                 ] });
               })(),
-              message.role === "assistant" && chunk46MUOYPR_cjs.renderSlot("feedback", {
+              message.role === "assistant" && chunkUXVOUC2A_cjs.renderSlot("feedback", {
                 messageId: message.id,
                 projectId: config.projectId,
                 sessionId,
                 apiKey: config.apiKey,
                 apiEndpoint: config.apiEndpoint,
                 textContent: (message.parts || []).filter((p) => p.type === "text").map((p) => p.text || "").join("\n") || (typeof message.content === "string" ? message.content : "")
-              }, chunk4WOBNRRB_cjs.MessageFeedback, slots)
+              }, chunk6CVBJ4EI_cjs.MessageFeedback, slots)
             ]
           },
           message.id
@@ -1105,7 +1204,17 @@ function ChatInterface(props) {
         );
         const allToolsComplete = (lastMessage.parts || []).filter((p) => p.type.startsWith("tool-")).every((p) => p.state === "output-available");
         return allToolsComplete && !hasText;
-      })() && /* @__PURE__ */ jsxRuntime.jsx(chunk4WOBNRRB_cjs.Loader, { text: t("thinking") })
+      })() && /* @__PURE__ */ jsxRuntime.jsx(chunk6CVBJ4EI_cjs.Loader, { text: t("thinking") }),
+      status === "error" && chunkUXVOUC2A_cjs.renderSlot(
+        "error",
+        {
+          error,
+          onRetry: retryLastTurn,
+          onNewConversation: handleNewConversation
+        },
+        ChatError,
+        slots
+      )
     ] }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 px-[15px] md:px-[40px] pb-2", style: { backgroundColor: "var(--ac-background)" }, children: [
       props.pageQuestions && props.pageQuestions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
@@ -1118,9 +1227,9 @@ function ChatInterface(props) {
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto z-40 w-full flex items-end gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: chunk46MUOYPR_cjs.renderSlot(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: chunkUXVOUC2A_cjs.renderSlot(
           "input",
-          { value: input, onChange: setInput, onSubmit: () => handleSubmit(input), isProcessing },
+          { value: input, onChange: setInput, onSubmit: handleSubmit, isProcessing },
           ChatInput,
           slots
         ) }),
@@ -1135,7 +1244,7 @@ function ChatInterface(props) {
           }
         )
       ] }),
-      chunk46MUOYPR_cjs.renderSlot("footer", { footerText: props.footerText }, ChatFooter, slots)
+      chunkUXVOUC2A_cjs.renderSlot("footer", { footerText: props.footerText }, ChatFooter, slots)
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { "data-session-id": sessionId, className: "hidden" })
   ] });
@@ -1168,11 +1277,11 @@ function FloatingButton({
   hideGreeting = false
 }) {
   const [showGreeting, setShowGreeting] = react.useState(false);
-  const { t, direction } = chunk3MP2EGEJ_cjs.useI18n();
+  const { t, direction } = chunk72QJ2ORD_cjs.useI18n();
   const isRtl = direction === "rtl";
   const effectiveGreeting = greeting || t("greeting");
   const [greetingDismissed, setGreetingDismissed] = react.useState(false);
-  const isMobile = chunkNYQSM3EB_cjs.useIsMobile();
+  const isMobile = chunkDVWX2UGY_cjs.useIsMobile();
   const effectivePosition = isMobile && positionMobile ? positionMobile : position;
   const isRightSide = effectivePosition === "bottom-right" || effectivePosition === "top-right";
   const isBottom = effectivePosition === "bottom-right" || effectivePosition === "bottom-left";
@@ -1299,12 +1408,12 @@ function FloatingButton({
   );
 }
 function useLiveChatOrThrow() {
-  const ctx = chunkNYQSM3EB_cjs.useLiveChat();
+  const ctx = chunkDVWX2UGY_cjs.useLiveChat();
   if (!ctx) throw new Error("LiveChat sub-view rendered outside LiveChatProvider \u2014 this should never happen");
   return ctx;
 }
 function LiveChatPanel({ isWidgetOpen, isRightSide, zIndex }) {
-  const lc = chunkNYQSM3EB_cjs.useLiveChat();
+  const lc = chunkDVWX2UGY_cjs.useLiveChat();
   if (!lc) return null;
   const isActive = lc.state !== "ai" || lc.showIdentityForm;
   const showPanel = isWidgetOpen && isActive;
@@ -1340,8 +1449,8 @@ function LiveChatPanel({ isWidgetOpen, isRightSide, zIndex }) {
   );
 }
 function MobileLiveChatDrawer() {
-  const lc = chunkNYQSM3EB_cjs.useLiveChat();
-  const { t } = chunk3MP2EGEJ_cjs.useI18n();
+  const lc = chunkDVWX2UGY_cjs.useLiveChat();
+  const { t } = chunk72QJ2ORD_cjs.useI18n();
   if (!lc) return null;
   const isActive = lc.state !== "ai" || lc.showIdentityForm;
   const [minimized, setMinimized] = react.useState(false);
@@ -1422,7 +1531,7 @@ function isValidEmail(email) {
 }
 function IdentityView() {
   const lc = useLiveChatOrThrow();
-  const { t, direction } = chunk3MP2EGEJ_cjs.useI18n();
+  const { t, direction } = chunk72QJ2ORD_cjs.useI18n();
   const userInfo = lc.userInfo;
   const [name, setName] = react.useState(userInfo?.name || "");
   const [email, setEmail] = react.useState(userInfo?.email || "");
@@ -1500,7 +1609,7 @@ function IdentityView() {
 }
 function QueueView() {
   const lc = useLiveChatOrThrow();
-  const { t, direction } = chunk3MP2EGEJ_cjs.useI18n();
+  const { t, direction } = chunk72QJ2ORD_cjs.useI18n();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col items-center justify-center p-8 text-center", dir: direction, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-16 w-16 rounded-2xl bg-blue-50 flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Headset, { className: "h-8 w-8 text-blue-500" }) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-2 w-2 rounded-full bg-blue-500 animate-pulse mb-4" }),
@@ -1519,7 +1628,7 @@ function QueueView() {
 }
 function ChatView() {
   const lc = useLiveChatOrThrow();
-  const { t, language, direction } = chunk3MP2EGEJ_cjs.useI18n();
+  const { t, language, direction } = chunk72QJ2ORD_cjs.useI18n();
   const [input, setInput] = react.useState("");
   const messagesEndRef = react.useRef(null);
   const isRTL = direction === "rtl";
@@ -1626,7 +1735,7 @@ function ChatView() {
 }
 function EndedView() {
   const lc = useLiveChatOrThrow();
-  const { t, direction } = chunk3MP2EGEJ_cjs.useI18n();
+  const { t, direction } = chunk72QJ2ORD_cjs.useI18n();
   const [selected, setSelected] = react.useState(null);
   const [comment, setComment] = react.useState("");
   const [submitted, setSubmitted] = react.useState(false);
@@ -1718,7 +1827,7 @@ function EndedView() {
   ] });
 }
 function PreviewEmbedPanel({ isOpen, isRightSide, zIndex }) {
-  const previewEmbed = chunkNYQSM3EB_cjs.usePreviewEmbed();
+  const previewEmbed = chunkDVWX2UGY_cjs.usePreviewEmbed();
   if (!previewEmbed) return null;
   const { preview, closePreview } = previewEmbed;
   const showPanel = isOpen && !!preview;
@@ -1774,6 +1883,7 @@ function PreviewEmbedPanel({ isOpen, isRightSide, zIndex }) {
 }
 
 exports.CartDrawer = CartDrawer;
+exports.ChatError = ChatError;
 exports.ChatErrorBoundary = ChatErrorBoundary;
 exports.ChatFooter = ChatFooter;
 exports.ChatHeader = ChatHeader;
@@ -1786,5 +1896,5 @@ exports.PreviewEmbedPanel = PreviewEmbedPanel;
 exports.QuickQuestions = QuickQuestions;
 exports.SystemMessage = SystemMessage;
 exports.WelcomePage = WelcomePage;
-//# sourceMappingURL=chunk-LVWSWTI3.cjs.map
-//# sourceMappingURL=chunk-LVWSWTI3.cjs.map
+//# sourceMappingURL=chunk-DTOOWY2S.cjs.map
+//# sourceMappingURL=chunk-DTOOWY2S.cjs.map