@aigentyc/chat-sdk 0.4.0 → 0.5.1

package/dist/{chunk-RAQVW2D7.js → chunk-UTEGHMBN.js}

@@ -1,10 +1,10 @@
 "use client";
-import { useIsMobile, useLiveChat, usePreviewEmbed } from './chunk-5F3O3ZJH.js';
-import { useTheme } from './chunk-IU7Q7O5G.js';
-import { Conversation, ConversationContent, ConversationEmptyState, Sources, SourcesTrigger, SourcesContent, Source, MessageFeedback, Loader } from './chunk-B27JIQ4Z.js';
-import { useI18n } from './chunk-QYCEHFAB.js';
-import { ToolRenderer } from './chunk-6ZZTTD5E.js';
-import { useChatContext, useSlots, renderSlot } from './chunk-3EN3DMUL.js';
+import { useAutoResize, useIsMobile, useLiveChat, usePreviewEmbed } from './chunk-P7UR37HP.js';
+import { useTheme } from './chunk-VQPOUMBC.js';
+import { Conversation, ConversationContent, ConversationEmptyState, MessageAttachments, MessageAttachment, Sources, SourcesTrigger, SourcesContent, Source, MessageFeedback, Loader } from './chunk-CNGIOCLR.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';
@@ -161,23 +161,30 @@ var ChatInput = memo(function ChatInput2({
   placeholder
 }) {
   const [isFocused, setIsFocused] = useState(false);
+  const [isComposing, setIsComposing] = useState(false);
   const { t, direction } = useI18n();
+  const { ref: textareaRef } = 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__ */ 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)",
@@ -187,7 +194,7 @@ var ChatInput = memo(function ChatInput2({
         /* @__PURE__ */ 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__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
               /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
@@ -196,18 +203,21 @@ var ChatInput = memo(function ChatInput2({
           }
         ),
         /* @__PURE__ */ 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)" }
           }
         ),
@@ -220,7 +230,7 @@ var ChatInput = 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
@@ -783,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) {
@@ -882,7 +957,7 @@ function DefaultUserMessage({ text }) {
   return /* @__PURE__ */ 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)"
@@ -893,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();
@@ -915,12 +990,12 @@ function ChatInterface(props) {
     if (messages.length === 0 && !showWelcome) setShowWelcome(true);
   }, [messages.length, showWelcome]);
   const handleSubmit = 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]
   );
@@ -1023,12 +1098,36 @@ function ChatInterface(props) {
           {
             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__ */ 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}`
+                  ))
+                }
+              ),
+              (() => {
+                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}`);
@@ -1103,7 +1202,17 @@ function ChatInterface(props) {
         );
         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") })
+      })() && /* @__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(
@@ -1118,7 +1227,7 @@ function ChatInterface(props) {
       /* @__PURE__ */ jsxs("div", { className: "mx-auto z-40 w-full flex items-end gap-2", children: [
         /* @__PURE__ */ jsx("div", { className: "flex-1", children: renderSlot(
           "input",
-          { value: input, onChange: setInput, onSubmit: () => handleSubmit(input), isProcessing },
+          { value: input, onChange: setInput, onSubmit: handleSubmit, isProcessing },
           ChatInput,
           slots
         ) }),
@@ -1771,6 +1880,6 @@ function PreviewEmbedPanel({ isOpen, isRightSide, zIndex }) {
   );
 }
 
-export { CartDrawer, ChatErrorBoundary, ChatFooter, ChatHeader, ChatInput, ChatInterface, FloatingButton, LiveChatPanel, MobileLiveChatDrawer, PreviewEmbedPanel, QuickQuestions, SystemMessage, WelcomePage };
-//# sourceMappingURL=chunk-RAQVW2D7.js.map
-//# sourceMappingURL=chunk-RAQVW2D7.js.map
+export { CartDrawer, ChatError, ChatErrorBoundary, ChatFooter, ChatHeader, ChatInput, ChatInterface, FloatingButton, LiveChatPanel, MobileLiveChatDrawer, PreviewEmbedPanel, QuickQuestions, SystemMessage, WelcomePage };
+//# sourceMappingURL=chunk-UTEGHMBN.js.map
+//# sourceMappingURL=chunk-UTEGHMBN.js.map