@aigentyc/chat-sdk 0.5.0 → 0.5.2

package/dist/{chunk-BWWN5LSE.js → chunk-PNUHUUA3.js}

@@ -1,10 +1,10 @@
 "use client";
 import { useAutoResize, useIsMobile, useLiveChat, usePreviewEmbed } from './chunk-P7UR37HP.js';
-import { useTheme } from './chunk-IU7Q7O5G.js';
-import { Conversation, ConversationContent, ConversationEmptyState, MessageAttachments, MessageAttachment, Sources, SourcesTrigger, SourcesContent, Source, MessageFeedback, Loader } from './chunk-5XF3NEFB.js';
-import { useI18n } from './chunk-QYCEHFAB.js';
-import { ToolRenderer } from './chunk-FJZL33KP.js';
-import { useChatContext, useSlots, renderSlot } from './chunk-D75TDRBH.js';
+import { useTheme } from './chunk-VQPOUMBC.js';
+import { Conversation, anchorToLatestTurn, FollowLatestTurn, ConversationContent, ConversationEmptyState, MessageAttachments, MessageAttachment, Sources, SourcesTrigger, SourcesContent, Source, MessageFeedback, LATEST_TURN_ATTR, Loader } from './chunk-O5TPHZRP.js';
+import { useI18n } from './chunk-LDQVDUUJ.js';
+import { ToolRenderer } from './chunk-CW6LCVNC.js';
+import { useChatContext, useSlots, renderSlot } from './chunk-JAEXKKSE.js';
 import { cn } from './chunk-3RW7O444.js';
 import { memo, useState, useRef, useEffect, useCallback, Component, useMemo } from 'react';
 import { X, ArrowLeft, ShoppingCart, Plus, Ticket, FerrisWheel, Flag, Building, Heart, Star, Calendar, MapPin, Hotel, Coffee, Utensils, Settings, Users, FileText, HelpCircle, Search, Zap, MessageSquare, Shield, Minus, Trash2, Headset, Send, ThumbsUp, ThumbsDown, ExternalLink, SparklesIcon } from 'lucide-react';
@@ -793,6 +793,71 @@ function SystemMessage({ message, type }) {
   const displayMessage = translateMessage(message, type);
   return /* @__PURE__ */ jsx("div", { className: "flex justify-center my-3", children: /* @__PURE__ */ 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 } = useI18n();
+  const terminal = isTerminal(error);
+  const detail = serverMessage(error);
+  return /* @__PURE__ */ 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__ */ jsx("p", { className: "font-medium", children: terminal ? t("conversationTooLong") : t("somethingWentWrong") }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 opacity-80", children: detail ?? (terminal ? t("conversationTooLongDesc") : t("somethingWentWrongDesc")) }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap gap-2", children: [
+          onRetry && !terminal && /* @__PURE__ */ 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__ */ 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 Component {
   state = { error: null };
   static getDerivedStateFromError(error) {
@@ -903,7 +968,7 @@ function DefaultUserMessage({ text }) {
 }
 function ChatInterface(props) {
   const { showSources = false } = props;
-  const { messages, status, sendMessage, sessionId, config, newConversation: ctxNewConversation } = useChatContext();
+  const { messages, status, error, sendMessage, sessionId, config, retryLastTurn, newConversation: ctxNewConversation } = useChatContext();
   const { t, direction } = useI18n();
   useTheme();
   const slots = useSlots();
@@ -920,6 +985,16 @@ function ChatInterface(props) {
   const [cartOpen, setCartOpen] = useState(false);
   const [storeOrigin, _setStoreOrigin] = useState(null);
   const isProcessing = status === "streaming";
+  const anchorLatestTurn = props.scrollAnchor !== "bottom";
+  const latestUserId = useMemo(() => {
+    for (let i = messages.length - 1; i >= 0; i--) {
+      const m = messages[i];
+      if (m.role !== "user") continue;
+      if (hideFirstUserMessage && i === 0) continue;
+      return m.id;
+    }
+    return void 0;
+  }, [messages, hideFirstUserMessage]);
   useEffect(() => {
     if (messages.length > 0 && showWelcome) setShowWelcome(false);
     if (messages.length === 0 && !showWelcome) setShowWelcome(true);
@@ -1021,124 +1096,146 @@ function ChatInterface(props) {
         onCartUpdate: (count) => setCartCount(count)
       }
     ),
-    /* @__PURE__ */ jsx(Conversation, { className: "flex-1", children: /* @__PURE__ */ jsxs(ConversationContent, { className: "px-[15px] md:px-[40px] py-6 sm:py-8 w-full space-y-6", children: [
-      messages.length === 0 && renderSlot("emptyState", {}, ConversationEmptyState, slots),
-      messages.map((message, messageIndex) => {
-        if (hideFirstUserMessage && messageIndex === 0 && message.role === "user") return null;
-        if (message.role === "system") {
-          return /* @__PURE__ */ jsx("div", { children: renderSlot("systemMessage", { message: message.content }, SystemMessage, slots) }, message.id);
-        }
-        return /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: `group ${message.role === "assistant" ? "is-assistant" : "is-user"}`,
-            children: [
-              /* @__PURE__ */ jsx(
-                MessageAttachments,
+    /* @__PURE__ */ jsxs(
+      Conversation,
+      {
+        className: "flex-1",
+        targetScrollTop: anchorLatestTurn ? anchorToLatestTurn : void 0,
+        ...anchorLatestTurn ? { initial: "instant", resize: "instant" } : {},
+        children: [
+          anchorLatestTurn && /* @__PURE__ */ jsx(FollowLatestTurn, { turnKey: latestUserId }),
+          /* @__PURE__ */ jsxs(ConversationContent, { className: "px-[15px] md:px-[40px] py-6 sm:py-8 w-full space-y-6", children: [
+            messages.length === 0 && renderSlot("emptyState", {}, ConversationEmptyState, slots),
+            messages.map((message, messageIndex) => {
+              if (hideFirstUserMessage && messageIndex === 0 && message.role === "user") return null;
+              if (message.role === "system") {
+                return /* @__PURE__ */ jsx("div", { children: renderSlot("systemMessage", { message: message.content }, SystemMessage, slots) }, message.id);
+              }
+              return /* @__PURE__ */ jsxs(
+                "div",
                 {
-                  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__ */ jsx(
-                    MessageAttachment,
-                    {
-                      className: "size-32",
-                      data: {
-                        type: "file",
-                        url: p.url,
-                        mediaType: p.mediaType ?? "",
-                        filename: p.filename
+                  className: `group ${message.role === "assistant" ? "is-assistant" : "is-user"}`,
+                  ...message.id === latestUserId ? { [LATEST_TURN_ATTR]: "" } : {},
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      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__ */ jsx(
+                          MessageAttachment,
+                          {
+                            className: "size-32",
+                            data: {
+                              type: "file",
+                              url: p.url,
+                              mediaType: p.mediaType ?? "",
+                              filename: p.filename
+                            }
+                          },
+                          `${message.id}-file-${i}`
+                        ))
                       }
-                    },
-                    `${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__ */ jsx("div", { children: renderSlot("assistantMessage", { message, partIndex: i, text: part.text || "" }, DefaultAssistantMessage, slots) }, `${message.id}-${i}`);
-                  }
-                  return /* @__PURE__ */ jsx("div", { children: renderSlot("userMessage", { message, partIndex: i, text: part.text || "" }, DefaultUserMessage, slots) }, `${message.id}-${i}`);
-                }
-                if (part.type.startsWith("tool-")) {
-                  const toolName = part.type.replace("tool-", "");
-                  if (toolName === "requestHumanChat") return null;
-                  let output = part.output;
-                  if (typeof output === "string") {
-                    try {
-                      output = JSON.parse(output);
-                    } catch {
-                    }
-                  }
-                  const result = output && typeof output === "object" && !Array.isArray(output) && ("data" in output || "uiRenderMode" in output) ? output : { data: output };
-                  return /* @__PURE__ */ jsx(
-                    ChatErrorBoundary,
-                    {
-                      label: `tool "${toolName}"`,
-                      children: /* @__PURE__ */ jsx(
-                        ToolRenderer,
-                        {
-                          toolName,
-                          state: part.state ?? "output-available",
-                          args: part.input ?? {},
-                          result,
-                          onSendMessage: handleSubmit,
-                          isProcessing
+                    ),
+                    (() => {
+                      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__ */ jsx("div", { children: renderSlot("assistantMessage", { message, partIndex: i, text: part.text || "" }, DefaultAssistantMessage, slots) }, `${message.id}-${i}`);
                         }
-                      )
-                    },
-                    `${message.id}-tool-${i}`
-                  );
-                }
-                return null;
-              }),
-              showSources && message.role === "assistant" && (() => {
-                const kbSources = extractKbSources(message.parts);
-                if (kbSources.length === 0) return null;
-                return /* @__PURE__ */ jsxs(Sources, { children: [
-                  /* @__PURE__ */ jsx(SourcesTrigger, { count: kbSources.length }),
-                  /* @__PURE__ */ jsx(SourcesContent, { children: kbSources.map((s, idx) => /* @__PURE__ */ jsx(
-                    Source,
-                    {
-                      href: s.sourceUrl ?? "#",
-                      title: s.documentName || s.pageTitle || `Source ${idx + 1}`
-                    },
-                    `${message.id}-src-${idx}`
-                  )) })
-                ] });
-              })(),
-              message.role === "assistant" && 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 : "")
-              }, MessageFeedback, slots)
-            ]
-          },
-          message.id
-        );
-      }),
-      status === "streaming" && (() => {
-        const lastMessage = messages[messages.length - 1];
-        if (!lastMessage || lastMessage.role !== "assistant") return true;
-        const hasText = (lastMessage.parts || []).some(
-          (p) => p.type === "text" && (p.text || "").trim()
-        );
-        const allToolsComplete = (lastMessage.parts || []).filter((p) => p.type.startsWith("tool-")).every((p) => p.state === "output-available");
-        return allToolsComplete && !hasText;
-      })() && /* @__PURE__ */ jsx(Loader, { text: t("thinking") })
-    ] }) }),
+                        return /* @__PURE__ */ jsx("div", { children: renderSlot("userMessage", { message, partIndex: i, text: part.text || "" }, DefaultUserMessage, slots) }, `${message.id}-${i}`);
+                      }
+                      if (part.type.startsWith("tool-")) {
+                        const toolName = part.type.replace("tool-", "");
+                        if (toolName === "requestHumanChat") return null;
+                        let output = part.output;
+                        if (typeof output === "string") {
+                          try {
+                            output = JSON.parse(output);
+                          } catch {
+                          }
+                        }
+                        const result = output && typeof output === "object" && !Array.isArray(output) && ("data" in output || "uiRenderMode" in output) ? output : { data: output };
+                        return /* @__PURE__ */ jsx(
+                          ChatErrorBoundary,
+                          {
+                            label: `tool "${toolName}"`,
+                            children: /* @__PURE__ */ jsx(
+                              ToolRenderer,
+                              {
+                                toolName,
+                                state: part.state ?? "output-available",
+                                args: part.input ?? {},
+                                result,
+                                onSendMessage: handleSubmit,
+                                isProcessing
+                              }
+                            )
+                          },
+                          `${message.id}-tool-${i}`
+                        );
+                      }
+                      return null;
+                    }),
+                    showSources && message.role === "assistant" && (() => {
+                      const kbSources = extractKbSources(message.parts);
+                      if (kbSources.length === 0) return null;
+                      return /* @__PURE__ */ jsxs(Sources, { children: [
+                        /* @__PURE__ */ jsx(SourcesTrigger, { count: kbSources.length }),
+                        /* @__PURE__ */ jsx(SourcesContent, { children: kbSources.map((s, idx) => /* @__PURE__ */ jsx(
+                          Source,
+                          {
+                            href: s.sourceUrl ?? "#",
+                            title: s.documentName || s.pageTitle || `Source ${idx + 1}`
+                          },
+                          `${message.id}-src-${idx}`
+                        )) })
+                      ] });
+                    })(),
+                    message.role === "assistant" && 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 : "")
+                    }, MessageFeedback, slots)
+                  ]
+                },
+                message.id
+              );
+            }),
+            status === "streaming" && (() => {
+              const lastMessage = messages[messages.length - 1];
+              if (!lastMessage || lastMessage.role !== "assistant") return true;
+              const hasText = (lastMessage.parts || []).some(
+                (p) => p.type === "text" && (p.text || "").trim()
+              );
+              const allToolsComplete = (lastMessage.parts || []).filter((p) => p.type.startsWith("tool-")).every((p) => p.state === "output-available");
+              return allToolsComplete && !hasText;
+            })() && /* @__PURE__ */ jsx(Loader, { text: t("thinking") }),
+            status === "error" && renderSlot(
+              "error",
+              {
+                error,
+                onRetry: retryLastTurn,
+                onNewConversation: handleNewConversation
+              },
+              ChatError,
+              slots
+            )
+          ] })
+        ]
+      }
+    ),
     /* @__PURE__ */ 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__ */ jsx(
         QuickQuestions,
@@ -1805,6 +1902,6 @@ function PreviewEmbedPanel({ isOpen, isRightSide, zIndex }) {
   );
 }
 
-export { CartDrawer, ChatErrorBoundary, ChatFooter, ChatHeader, ChatInput, ChatInterface, FloatingButton, LiveChatPanel, MobileLiveChatDrawer, PreviewEmbedPanel, QuickQuestions, SystemMessage, WelcomePage };
-//# sourceMappingURL=chunk-BWWN5LSE.js.map
-//# sourceMappingURL=chunk-BWWN5LSE.js.map
+export { CartDrawer, ChatError, ChatErrorBoundary, ChatFooter, ChatHeader, ChatInput, ChatInterface, FloatingButton, LiveChatPanel, MobileLiveChatDrawer, PreviewEmbedPanel, QuickQuestions, SystemMessage, WelcomePage };
+//# sourceMappingURL=chunk-PNUHUUA3.js.map
+//# sourceMappingURL=chunk-PNUHUUA3.js.map