@aigentyc/chat-sdk 0.5.2 → 0.5.4

package/dist/{chunk-KHQYSEYN.cjs → chunk-CPWM6NNE.cjs}

@@ -3,7 +3,7 @@
 
 var chunkDVWX2UGY_cjs = require('./chunk-DVWX2UGY.cjs');
 var chunkBYX6IOGX_cjs = require('./chunk-BYX6IOGX.cjs');
-var chunkB277MAUK_cjs = require('./chunk-B277MAUK.cjs');
+var chunk7LJMBYHC_cjs = require('./chunk-7LJMBYHC.cjs');
 var chunk72QJ2ORD_cjs = require('./chunk-72QJ2ORD.cjs');
 var chunkJEK2V5I3_cjs = require('./chunk-JEK2V5I3.cjs');
 var chunkUXVOUC2A_cjs = require('./chunk-UXVOUC2A.cjs');
@@ -1099,15 +1099,15 @@ function ChatInterface(props) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkB277MAUK_cjs.Conversation,
+      chunk7LJMBYHC_cjs.Conversation,
       {
         className: "flex-1",
-        targetScrollTop: anchorLatestTurn ? chunkB277MAUK_cjs.anchorToLatestTurn : void 0,
+        targetScrollTop: anchorLatestTurn ? chunk7LJMBYHC_cjs.anchorToLatestTurn : void 0,
         ...anchorLatestTurn ? { initial: "instant", resize: "instant" } : {},
         children: [
-          anchorLatestTurn && /* @__PURE__ */ jsxRuntime.jsx(chunkB277MAUK_cjs.FollowLatestTurn, { turnKey: latestUserId }),
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkB277MAUK_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", {}, chunkB277MAUK_cjs.ConversationEmptyState, slots),
+          anchorLatestTurn && /* @__PURE__ */ jsxRuntime.jsx(chunk7LJMBYHC_cjs.FollowLatestTurn, { turnKey: latestUserId }),
+          /* @__PURE__ */ jsxRuntime.jsxs(chunk7LJMBYHC_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", {}, chunk7LJMBYHC_cjs.ConversationEmptyState, slots),
             messages.map((message, messageIndex) => {
               if (hideFirstUserMessage && messageIndex === 0 && message.role === "user") return null;
               if (message.role === "system") {
@@ -1117,14 +1117,14 @@ function ChatInterface(props) {
                 "div",
                 {
                   className: `group ${message.role === "assistant" ? "is-assistant" : "is-user"}`,
-                  ...message.id === latestUserId ? { [chunkB277MAUK_cjs.LATEST_TURN_ATTR]: "" } : {},
+                  ...message.id === latestUserId ? { [chunk7LJMBYHC_cjs.LATEST_TURN_ATTR]: "" } : {},
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(
-                      chunkB277MAUK_cjs.MessageAttachments,
+                      chunk7LJMBYHC_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(
-                          chunkB277MAUK_cjs.MessageAttachment,
+                          chunk7LJMBYHC_cjs.MessageAttachment,
                           {
                             className: "size-32",
                             data: {
@@ -1190,10 +1190,10 @@ function ChatInterface(props) {
                     showSources && message.role === "assistant" && (() => {
                       const kbSources = extractKbSources(message.parts);
                       if (kbSources.length === 0) return null;
-                      return /* @__PURE__ */ jsxRuntime.jsxs(chunkB277MAUK_cjs.Sources, { children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(chunkB277MAUK_cjs.SourcesTrigger, { count: kbSources.length }),
-                        /* @__PURE__ */ jsxRuntime.jsx(chunkB277MAUK_cjs.SourcesContent, { children: kbSources.map((s, idx) => /* @__PURE__ */ jsxRuntime.jsx(
-                          chunkB277MAUK_cjs.Source,
+                      return /* @__PURE__ */ jsxRuntime.jsxs(chunk7LJMBYHC_cjs.Sources, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(chunk7LJMBYHC_cjs.SourcesTrigger, { count: kbSources.length }),
+                        /* @__PURE__ */ jsxRuntime.jsx(chunk7LJMBYHC_cjs.SourcesContent, { children: kbSources.map((s, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+                          chunk7LJMBYHC_cjs.Source,
                           {
                             href: s.sourceUrl ?? "#",
                             title: s.documentName || s.pageTitle || `Source ${idx + 1}`
@@ -1209,7 +1209,7 @@ function ChatInterface(props) {
                       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 : "")
-                    }, chunkB277MAUK_cjs.MessageFeedback, slots)
+                    }, chunk7LJMBYHC_cjs.MessageFeedback, slots)
                   ]
                 },
                 message.id
@@ -1223,7 +1223,7 @@ 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(chunkB277MAUK_cjs.Loader, { text: t("thinking") }),
+            })() && /* @__PURE__ */ jsxRuntime.jsx(chunk7LJMBYHC_cjs.Loader, { text: t("thinking") }),
             status === "error" && chunkUXVOUC2A_cjs.renderSlot(
               "error",
               {
@@ -1271,6 +1271,35 @@ function ChatInterface(props) {
     /* @__PURE__ */ jsxRuntime.jsx("span", { "data-session-id": sessionId, className: "hidden" })
   ] });
 }
+
+// src/core/panel-width.ts
+var DEFAULT_PANEL_WIDTH = 780;
+var MIN_PANEL_WIDTH = 320;
+var SIDE_PANEL_GAP_PX = 10;
+function panelMaxWidth(width) {
+  if (typeof width === "number") {
+    if (!Number.isFinite(width) || width <= 0) return `${DEFAULT_PANEL_WIDTH}px`;
+    return `${Math.max(MIN_PANEL_WIDTH, Math.round(width))}px`;
+  }
+  if (typeof width === "string") {
+    const value = width.trim();
+    if (value && isValidLength(value)) return value;
+  }
+  return `${DEFAULT_PANEL_WIDTH}px`;
+}
+function panelRenderedWidth(width) {
+  return `min(100vw, ${panelMaxWidth(width)})`;
+}
+function sidePanelOffset(width) {
+  return `calc(${panelRenderedWidth(width)} + ${SIDE_PANEL_GAP_PX}px)`;
+}
+function sidePanelWidth(preferredPx, width) {
+  return `min(${preferredPx}px, calc(100vw - ${panelRenderedWidth(width)} - ${SIDE_PANEL_GAP_PX * 2}px))`;
+}
+function isValidLength(value) {
+  if (typeof CSS === "undefined" || typeof CSS.supports !== "function") return true;
+  return CSS.supports("max-width", value);
+}
 function FloatingButton({
   onClick,
   position,
@@ -1434,7 +1463,7 @@ function useLiveChatOrThrow() {
   if (!ctx) throw new Error("LiveChat sub-view rendered outside LiveChatProvider \u2014 this should never happen");
   return ctx;
 }
-function LiveChatPanel({ isWidgetOpen, isRightSide, zIndex }) {
+function LiveChatPanel({ isWidgetOpen, isRightSide, zIndex, panelWidth }) {
   const lc = chunkDVWX2UGY_cjs.useLiveChat();
   if (!lc) return null;
   const isActive = lc.state !== "ai" || lc.showIdentityForm;
@@ -1458,9 +1487,9 @@ function LiveChatPanel({ isWidgetOpen, isRightSide, zIndex }) {
         backgroundColor: "var(--ac-background)",
         borderColor: "var(--ac-border)",
         zIndex,
-        width: "min(420px, calc(100vw - 800px))",
+        width: sidePanelWidth(420, panelWidth),
         height: "75vh",
-        ...isRightSide ? { right: "790px" } : { left: "790px" },
+        ...isRightSide ? { right: sidePanelOffset(panelWidth) } : { left: sidePanelOffset(panelWidth) },
         transform: showPanel ? "translateY(-50%) translateX(0)" : `translateY(-50%) ${isRightSide ? "translateX(20px)" : "translateX(-20px)"}`,
         opacity: showPanel ? 1 : 0,
         pointerEvents: showPanel ? "auto" : "none",
@@ -1848,7 +1877,7 @@ function EndedView() {
     )
   ] });
 }
-function PreviewEmbedPanel({ isOpen, isRightSide, zIndex }) {
+function PreviewEmbedPanel({ isOpen, isRightSide, zIndex, panelWidth }) {
   const previewEmbed = chunkDVWX2UGY_cjs.usePreviewEmbed();
   if (!previewEmbed) return null;
   const { preview, closePreview } = previewEmbed;
@@ -1861,9 +1890,9 @@ function PreviewEmbedPanel({ isOpen, isRightSide, zIndex }) {
         backgroundColor: "var(--ac-background)",
         borderColor: "var(--ac-border)",
         zIndex,
-        width: "min(560px, calc(100vw - 800px))",
+        width: sidePanelWidth(560, panelWidth),
         height: "70vh",
-        ...isRightSide ? { right: "790px" } : { left: "790px" },
+        ...isRightSide ? { right: sidePanelOffset(panelWidth) } : { left: sidePanelOffset(panelWidth) },
         transform: showPanel ? "translateY(-50%) translateX(0)" : `translateY(-50%) ${isRightSide ? "translateX(20px)" : "translateX(-20px)"}`,
         opacity: showPanel ? 1 : 0,
         pointerEvents: showPanel ? "auto" : "none",
@@ -1911,6 +1940,7 @@ exports.ChatFooter = ChatFooter;
 exports.ChatHeader = ChatHeader;
 exports.ChatInput = ChatInput;
 exports.ChatInterface = ChatInterface;
+exports.DEFAULT_PANEL_WIDTH = DEFAULT_PANEL_WIDTH;
 exports.FloatingButton = FloatingButton;
 exports.LiveChatPanel = LiveChatPanel;
 exports.MobileLiveChatDrawer = MobileLiveChatDrawer;
@@ -1918,5 +1948,6 @@ exports.PreviewEmbedPanel = PreviewEmbedPanel;
 exports.QuickQuestions = QuickQuestions;
 exports.SystemMessage = SystemMessage;
 exports.WelcomePage = WelcomePage;
-//# sourceMappingURL=chunk-KHQYSEYN.cjs.map
-//# sourceMappingURL=chunk-KHQYSEYN.cjs.map
+exports.panelMaxWidth = panelMaxWidth;
+//# sourceMappingURL=chunk-CPWM6NNE.cjs.map
+//# sourceMappingURL=chunk-CPWM6NNE.cjs.map