@aigentyc/chat-sdk 0.5.0 → 0.5.1

package/dist/{chunk-7ESWDFF5.cjs → chunk-DTOOWY2S.cjs}

@@ -2,11 +2,11 @@
 'use strict';
 
 var chunkDVWX2UGY_cjs = require('./chunk-DVWX2UGY.cjs');
-var chunkP3RPAI4F_cjs = require('./chunk-P3RPAI4F.cjs');
-var chunkKTYYLZN7_cjs = require('./chunk-KTYYLZN7.cjs');
-var chunk3MP2EGEJ_cjs = require('./chunk-3MP2EGEJ.cjs');
-var chunkQ3UJEIBN_cjs = require('./chunk-Q3UJEIBN.cjs');
-var chunk52ZHMTAA_cjs = require('./chunk-52ZHMTAA.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 = chunk52ZHMTAA_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) {
@@ -164,7 +164,7 @@ var ChatInput = react.memo(function ChatInput2({
 }) {
   const [isFocused, setIsFocused] = react.useState(false);
   const [isComposing, setIsComposing] = react.useState(false);
-  const { t, direction } = chunk3MP2EGEJ_cjs.useI18n();
+  const { t, direction } = chunk72QJ2ORD_cjs.useI18n();
   const { ref: textareaRef } = chunkDVWX2UGY_cjs.useAutoResize(value, {
     minHeight: 24,
     maxHeight: 160
@@ -265,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",
     {
@@ -331,7 +331,7 @@ function WelcomePage({
   questionsLayoutMobile
 }) {
   const isMobile = chunkDVWX2UGY_cjs.useIsMobile();
-  const { t } = chunk3MP2EGEJ_cjs.useI18n();
+  const { t } = chunk72QJ2ORD_cjs.useI18n();
   const layout = isMobile && questionsLayoutMobile ? questionsLayoutMobile : questionsLayout;
   const isHorizontal = layout === "horizontal";
   const [shouldAnimate, setShouldAnimate] = react.useState(false);
@@ -495,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);
@@ -592,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());
@@ -795,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) {
@@ -905,10 +970,10 @@ function DefaultUserMessage({ text }) {
 }
 function ChatInterface(props) {
   const { showSources = false } = props;
-  const { messages, status, sendMessage, sessionId, config, newConversation: ctxNewConversation } = chunk52ZHMTAA_cjs.useChatContext();
-  const { t, direction } = chunk3MP2EGEJ_cjs.useI18n();
-  chunkP3RPAI4F_cjs.useTheme();
-  const slots = chunk52ZHMTAA_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 = chunkDVWX2UGY_cjs.useLiveChat();
@@ -982,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 && chunk52ZHMTAA_cjs.renderSlot("header", headerProps, ChatHeader, slots),
-      chunk52ZHMTAA_cjs.renderSlot(
+      !props.hideHeader && chunkUXVOUC2A_cjs.renderSlot("header", headerProps, ChatHeader, slots),
+      chunkUXVOUC2A_cjs.renderSlot(
         "welcomePage",
         {
           onSelectCategory: handleSelectCategory,
@@ -1002,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: chunk52ZHMTAA_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
         ) }),
-        chunk52ZHMTAA_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 && chunk52ZHMTAA_cjs.renderSlot("header", headerProps, ChatHeader, slots),
+    !props.hideHeader && chunkUXVOUC2A_cjs.renderSlot("header", headerProps, ChatHeader, slots),
     storeOrigin && /* @__PURE__ */ jsxRuntime.jsx(
       CartDrawer,
       {
@@ -1023,12 +1088,12 @@ function ChatInterface(props) {
         onCartUpdate: (count) => setCartCount(count)
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkKTYYLZN7_cjs.Conversation, { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs(chunkKTYYLZN7_cjs.ConversationContent, { className: "px-[15px] md:px-[40px] py-6 sm:py-8 w-full space-y-6", children: [
-      messages.length === 0 && chunk52ZHMTAA_cjs.renderSlot("emptyState", {}, chunkKTYYLZN7_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: chunk52ZHMTAA_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",
@@ -1036,11 +1101,11 @@ function ChatInterface(props) {
             className: `group ${message.role === "assistant" ? "is-assistant" : "is-user"}`,
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkKTYYLZN7_cjs.MessageAttachments,
+                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(
-                    chunkKTYYLZN7_cjs.MessageAttachment,
+                    chunk6CVBJ4EI_cjs.MessageAttachment,
                     {
                       className: "size-32",
                       data: {
@@ -1067,9 +1132,9 @@ function ChatInterface(props) {
               })().map((part, i) => {
                 if (part.type === "text") {
                   if (message.role === "assistant") {
-                    return /* @__PURE__ */ jsxRuntime.jsx("div", { children: chunk52ZHMTAA_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: chunk52ZHMTAA_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-", "");
@@ -1087,7 +1152,7 @@ function ChatInterface(props) {
                     {
                       label: `tool "${toolName}"`,
                       children: /* @__PURE__ */ jsxRuntime.jsx(
-                        chunkQ3UJEIBN_cjs.ToolRenderer,
+                        chunkJEK2V5I3_cjs.ToolRenderer,
                         {
                           toolName,
                           state: part.state ?? "output-available",
@@ -1106,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(chunkKTYYLZN7_cjs.Sources, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkKTYYLZN7_cjs.SourcesTrigger, { count: kbSources.length }),
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkKTYYLZN7_cjs.SourcesContent, { children: kbSources.map((s, idx) => /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkKTYYLZN7_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}`
@@ -1118,14 +1183,14 @@ function ChatInterface(props) {
                   )) })
                 ] });
               })(),
-              message.role === "assistant" && chunk52ZHMTAA_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 : "")
-              }, chunkKTYYLZN7_cjs.MessageFeedback, slots)
+              }, chunk6CVBJ4EI_cjs.MessageFeedback, slots)
             ]
           },
           message.id
@@ -1139,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(chunkKTYYLZN7_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(
@@ -1152,7 +1227,7 @@ 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: chunk52ZHMTAA_cjs.renderSlot(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: chunkUXVOUC2A_cjs.renderSlot(
           "input",
           { value: input, onChange: setInput, onSubmit: handleSubmit, isProcessing },
           ChatInput,
@@ -1169,7 +1244,7 @@ function ChatInterface(props) {
           }
         )
       ] }),
-      chunk52ZHMTAA_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" })
   ] });
@@ -1202,7 +1277,7 @@ 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);
@@ -1375,7 +1450,7 @@ function LiveChatPanel({ isWidgetOpen, isRightSide, zIndex }) {
 }
 function MobileLiveChatDrawer() {
   const lc = chunkDVWX2UGY_cjs.useLiveChat();
-  const { t } = chunk3MP2EGEJ_cjs.useI18n();
+  const { t } = chunk72QJ2ORD_cjs.useI18n();
   if (!lc) return null;
   const isActive = lc.state !== "ai" || lc.showIdentityForm;
   const [minimized, setMinimized] = react.useState(false);
@@ -1456,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 || "");
@@ -1534,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" }),
@@ -1553,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";
@@ -1660,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);
@@ -1808,6 +1883,7 @@ function PreviewEmbedPanel({ isOpen, isRightSide, zIndex }) {
 }
 
 exports.CartDrawer = CartDrawer;
+exports.ChatError = ChatError;
 exports.ChatErrorBoundary = ChatErrorBoundary;
 exports.ChatFooter = ChatFooter;
 exports.ChatHeader = ChatHeader;
@@ -1820,5 +1896,5 @@ exports.PreviewEmbedPanel = PreviewEmbedPanel;
 exports.QuickQuestions = QuickQuestions;
 exports.SystemMessage = SystemMessage;
 exports.WelcomePage = WelcomePage;
-//# sourceMappingURL=chunk-7ESWDFF5.cjs.map
-//# sourceMappingURL=chunk-7ESWDFF5.cjs.map
+//# sourceMappingURL=chunk-DTOOWY2S.cjs.map
+//# sourceMappingURL=chunk-DTOOWY2S.cjs.map