@hef2024/llmasaservice-ui 0.19.1 → 0.20.1

package/dist/index.js

@@ -273,6 +273,7 @@ var ChatPanel = ({
   const [alwaysApprovedTools, setAlwaysApprovedTools] = (0, import_react3.useState)([]);
   const [thinkingBlocks, setThinkingBlocks] = (0, import_react3.useState)([]);
   const [currentThinkingIndex, setCurrentThinkingIndex] = (0, import_react3.useState)(0);
+  const [error, setError] = (0, import_react3.useState)(null);
   const [userResizedHeight, setUserResizedHeight] = (0, import_react3.useState)(null);
   const [pendingButtonAttachments, setPendingButtonAttachments] = (0, import_react3.useState)([]);
   const actionMatchRegistry = (0, import_react3.useRef)(/* @__PURE__ */ new Map());
@@ -574,10 +575,10 @@ var ChatPanel = ({
         const allTools = results.flat();
         setToolList(allTools);
         setToolsFetchError(false);
-      } catch (error) {
+      } catch (error2) {
         console.error(
           "An error occurred while processing tool fetches:",
-          error
+          error2
         );
         setToolList([]);
         setToolsFetchError(true);
@@ -587,7 +588,7 @@ var ChatPanel = ({
     });
     fetchAndSetTools();
   }, [mcpServers, publicAPIUrl]);
-  const { send, response, idle, stop, lastCallId, setResponse } = (0, import_llmasaservice_client.useLLM)({
+  const llmResult = (0, import_llmasaservice_client.useLLM)({
     project_id,
     customer: currentCustomer,
     url,
@@ -600,6 +601,41 @@ var ChatPanel = ({
       };
     })
   });
+  const { send, response, idle, stop, lastCallId, setResponse, error: llmError } = llmResult;
+  const handleError = (0, import_react3.useCallback)((errorMessage, historyKey) => {
+    console.log("[ChatPanel] Error detected:", errorMessage);
+    if (errorMessage.includes("413") || errorMessage.toLowerCase().includes("content too large")) {
+      setError({
+        message: "The context is too large to process. Please start a new conversation or reduce the amount of context.",
+        code: "413"
+      });
+    } else if (errorMessage.toLowerCase().includes("network error") || errorMessage.toLowerCase().includes("fetch")) {
+      setError({
+        message: "Network error. Please check your connection and try again.",
+        code: "NETWORK_ERROR"
+      });
+    } else {
+      setError({
+        message: errorMessage,
+        code: "UNKNOWN_ERROR"
+      });
+    }
+    setIsLoading(false);
+    const keyToUse = historyKey || lastKey;
+    if (keyToUse) {
+      setHistory((prev) => __spreadProps(__spreadValues({}, prev), {
+        [keyToUse]: {
+          content: `Error: ${errorMessage}`,
+          callId: lastCallId || ""
+        }
+      }));
+    }
+  }, [lastKey, lastCallId]);
+  (0, import_react3.useEffect)(() => {
+    if (llmError && llmError.trim()) {
+      handleError(llmError);
+    }
+  }, [llmError, handleError]);
   const processActionsOnContent = (0, import_react3.useCallback)((content, context) => {
     let workingContent = content;
     const buttonAttachments = [];
@@ -936,8 +972,8 @@ var ChatPanel = ({
             return action;
           }
         }).filter(Boolean);
-      } catch (error) {
-        console.error("Error parsing actions string:", error);
+      } catch (error2) {
+        console.error("Error parsing actions string:", error2);
         actions2 = [];
       }
     }
@@ -1125,8 +1161,8 @@ var ChatPanel = ({
             console.error(`No content returned from tool ${req.toolName}`);
             return null;
           }
-        } catch (error) {
-          console.error(`Error processing tool ${req.toolName}:`, error);
+        } catch (error2) {
+          console.error(`Error processing tool ${req.toolName}:`, error2);
           return null;
         }
       }));
@@ -1168,10 +1204,14 @@ var ChatPanel = ({
         true,
         service,
         currentConversation,
-        lastController
+        lastController,
+        void 0,
+        // onComplete
+        (errorMsg) => handleError(errorMsg)
+        // onError
       );
-    } catch (error) {
-      console.error("Error in processing all tools:", error);
+    } catch (error2) {
+      console.error("Error in processing all tools:", error2);
       setIsLoading(false);
     }
   });
@@ -1303,8 +1343,8 @@ var ChatPanel = ({
                   if (typeof interactionClicked === "function") {
                     interactionClicked(lastCallId, "action");
                   }
-                } catch (error) {
-                  console.error("Error executing clickCode:", error);
+                } catch (error2) {
+                  console.error("Error executing clickCode:", error2);
                 }
               }
             };
@@ -1399,10 +1439,10 @@ var ChatPanel = ({
                 if (typeof interactionClicked === "function") {
                   interactionClicked(lastCallId, "action");
                 }
-              } catch (error) {
+              } catch (error2) {
                 console.error(
                   "Error executing clickCode via delegation:",
-                  error
+                  error2
                 );
               }
             }
@@ -1514,7 +1554,11 @@ var ChatPanel = ({
             true,
             service,
             convId,
-            controller
+            controller,
+            void 0,
+            // onComplete
+            (errorMsg) => handleError(errorMsg)
+            // onError
           );
           setLastPrompt(initialPrompt);
           setLastMessages(messages);
@@ -1610,8 +1654,8 @@ var ChatPanel = ({
           return newConvo.id;
         }
         return "";
-      }).catch((error) => {
-        console.error("Error creating new conversation", error);
+      }).catch((error2) => {
+        console.error("Error creating new conversation", error2);
         return "";
       });
     }
@@ -1660,7 +1704,7 @@ var ChatPanel = ({
               customerEmail: updatedValues.customer_user_email
             })
           }).catch(
-            (error) => console.error("Failed to update conversation:", error)
+            (error2) => console.error("Failed to update conversation:", error2)
           );
         }
       });
@@ -1670,6 +1714,7 @@ var ChatPanel = ({
   const continueChat = (suggestion) => {
     setThinkingBlocks([]);
     setCurrentThinkingIndex(0);
+    setError(null);
     setResponse("");
     if (emailInput && isEmailAddress(emailInput) && !emailInputSet) {
       const newId = (currentCustomer == null ? void 0 : currentCustomer.customer_id) && currentCustomer.customer_id !== "" && currentCustomer.customer_id !== (currentCustomer == null ? void 0 : currentCustomer.customer_user_email) ? currentCustomer.customer_id : emailInput;
@@ -1765,7 +1810,11 @@ var ChatPanel = ({
           true,
           service,
           convId,
-          controller
+          controller,
+          void 0,
+          // onComplete
+          (errorMsg) => handleError(errorMsg)
+          // onError
         );
         setLastPrompt(nextPromptToSend);
         setLastMessages(messagesAndHistory);
@@ -1855,16 +1904,16 @@ var ChatPanel = ({
     return /* @__PURE__ */ import_react3.default.createElement("a", __spreadValues({ href, target: "_blank", rel: "noopener noreferrer" }, props), children);
   };
   const convertMarkdownToHTML = (markdown) => {
+    const markdownContent = /* @__PURE__ */ import_react3.default.createElement(
+      import_react_markdown.default,
+      {
+        remarkPlugins: [import_remark_gfm.default],
+        rehypePlugins: [import_rehype_raw.default]
+      },
+      markdown
+    );
     const html = import_server.default.renderToStaticMarkup(
-      /* @__PURE__ */ import_react3.default.createElement(
-        import_react_markdown.default,
-        {
-          className: markdownClass,
-          remarkPlugins: [import_remark_gfm.default],
-          rehypePlugins: [import_rehype_raw.default]
-        },
-        markdown
-      )
+      markdownClass ? /* @__PURE__ */ import_react3.default.createElement("div", { className: markdownClass }, markdownContent) : markdownContent
     );
     return html;
   };
@@ -2084,10 +2133,25 @@ var ChatPanel = ({
       className: "llm-panel" + (theme === "light" ? "" : " dark-theme")
     },
     title && title !== "" ? /* @__PURE__ */ import_react3.default.createElement("div", { className: "title" }, title) : null,
-    /* @__PURE__ */ import_react3.default.createElement("div", { className: "responseArea", ref: responseAreaRef }, initialMessage && initialMessage !== "" ? /* @__PURE__ */ import_react3.default.createElement("div", { className: "history-entry" }, /* @__PURE__ */ import_react3.default.createElement("div", { className: "response" }, /* @__PURE__ */ import_react3.default.createElement(
+    error && /* @__PURE__ */ import_react3.default.createElement("div", { className: "error-banner" }, /* @__PURE__ */ import_react3.default.createElement("div", { className: "error-banner__icon" }, /* @__PURE__ */ import_react3.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react3.default.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ import_react3.default.createElement("line", { x1: "12", x2: "12", y1: "8", y2: "12" }), /* @__PURE__ */ import_react3.default.createElement("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" }))), /* @__PURE__ */ import_react3.default.createElement("div", { className: "error-banner__content" }, /* @__PURE__ */ import_react3.default.createElement("div", { className: "error-banner__message" }, error.message), error.code === "413" && /* @__PURE__ */ import_react3.default.createElement("div", { className: "error-banner__hint" }, "Try starting a new conversation or reducing the amount of information being sent.")), /* @__PURE__ */ import_react3.default.createElement(
+      "button",
+      {
+        className: "error-banner__close",
+        onClick: () => setError(null),
+        "aria-label": "Dismiss error"
+      },
+      /* @__PURE__ */ import_react3.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react3.default.createElement("line", { x1: "18", x2: "6", y1: "6", y2: "18" }), /* @__PURE__ */ import_react3.default.createElement("line", { x1: "6", x2: "18", y1: "6", y2: "18" }))
+    )),
+    /* @__PURE__ */ import_react3.default.createElement("div", { className: "responseArea", ref: responseAreaRef }, initialMessage && initialMessage !== "" ? /* @__PURE__ */ import_react3.default.createElement("div", { className: "history-entry" }, /* @__PURE__ */ import_react3.default.createElement("div", { className: "response" }, markdownClass ? /* @__PURE__ */ import_react3.default.createElement("div", { className: markdownClass }, /* @__PURE__ */ import_react3.default.createElement(
+      import_react_markdown.default,
+      {
+        remarkPlugins: [import_remark_gfm.default],
+        rehypePlugins: [import_rehype_raw.default]
+      },
+      initialMessage
+    )) : /* @__PURE__ */ import_react3.default.createElement(
       import_react_markdown.default,
       {
-        className: markdownClass,
         remarkPlugins: [import_remark_gfm.default],
         rehypePlugins: [import_rehype_raw.default]
       },
@@ -2112,10 +2176,9 @@ var ChatPanel = ({
         return null;
       })(), (() => {
         if (lastKey && history[lastKey] && history[lastKey].content) {
-          return /* @__PURE__ */ import_react3.default.createElement(
+          const content = /* @__PURE__ */ import_react3.default.createElement(
             import_react_markdown.default,
             {
-              className: markdownClass,
               remarkPlugins: [import_remark_gfm.default],
               rehypePlugins: [import_rehype_raw.default],
               components: {
@@ -2125,27 +2188,41 @@ var ChatPanel = ({
             },
             history[lastKey].content
           );
+          return markdownClass ? /* @__PURE__ */ import_react3.default.createElement("div", { className: markdownClass }, content) : content;
         }
         const { cleanedText } = processThinkingTags(
           response || ""
         );
-        return cleanedText && cleanedText.length > 0 ? /* @__PURE__ */ import_react3.default.createElement(
-          import_react_markdown.default,
-          {
-            className: markdownClass,
-            remarkPlugins: [import_remark_gfm.default],
-            rehypePlugins: [import_rehype_raw.default],
-            components: {
-              /*a: CustomLink,*/
-              code: CodeBlock
-            }
-          },
-          cleanedText
-        ) : null;
-      })()) : /* @__PURE__ */ import_react3.default.createElement("div", null, isLastEntry && thinkingBlocks.length > 0 && renderThinkingBlocks(), /* @__PURE__ */ import_react3.default.createElement(
+        if (cleanedText && cleanedText.length > 0) {
+          const content = /* @__PURE__ */ import_react3.default.createElement(
+            import_react_markdown.default,
+            {
+              remarkPlugins: [import_remark_gfm.default],
+              rehypePlugins: [import_rehype_raw.default],
+              components: {
+                /*a: CustomLink,*/
+                code: CodeBlock
+              }
+            },
+            cleanedText
+          );
+          return markdownClass ? /* @__PURE__ */ import_react3.default.createElement("div", { className: markdownClass }, content) : content;
+        }
+        return null;
+      })()) : /* @__PURE__ */ import_react3.default.createElement("div", null, isLastEntry && thinkingBlocks.length > 0 && renderThinkingBlocks(), markdownClass ? /* @__PURE__ */ import_react3.default.createElement("div", { className: markdownClass }, /* @__PURE__ */ import_react3.default.createElement(
+        import_react_markdown.default,
+        {
+          remarkPlugins: [import_remark_gfm.default],
+          rehypePlugins: [import_rehype_raw.default],
+          components: {
+            /*a: CustomLink,*/
+            code: CodeBlock
+          }
+        },
+        processThinkingTags(historyEntry.content).cleanedText
+      )) : /* @__PURE__ */ import_react3.default.createElement(
         import_react_markdown.default,
         {
-          className: markdownClass,
           remarkPlugins: [import_remark_gfm.default],
           rehypePlugins: [import_rehype_raw.default],
           components: {
@@ -2393,6 +2470,7 @@ var ChatPanel = ({
             setIsToolInfoModalOpen(false);
             setToolInfoData(null);
             setJustReset(true);
+            setError(null);
             setLastController(new AbortController());
             buttonActionRegistry.current.clear();
             setTimeout(() => {
@@ -2892,7 +2970,7 @@ var AgentPanel = ({
   (0, import_react4.useEffect)(() => {
     const fetchAgentData = () => __async(void 0, null, function* () {
       try {
-        const fetchUrl = `https://api.llmasaservice.io/agents/${agent}`;
+        const fetchUrl = url.endsWith("dev") ? `https://8ftw8droff.execute-api.us-east-1.amazonaws.com/dev/agents/${agent}` : `https://api.llmasaservice.io/agents/${agent}`;
         const response = yield fetch(fetchUrl, {
           method: "GET",
           headers: {
@@ -3000,10 +3078,11 @@ var AgentPanel = ({
 var AgentPanel_default = AgentPanel;
 
 // src/AIAgentPanel.tsx
-var import_react13 = __toESM(require("react"));
+var import_react14 = __toESM(require("react"));
 
 // src/AIChatPanel.tsx
-var import_react11 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
+var import_server2 = __toESM(require("react-dom/server"));
 var import_llmasaservice_client2 = require("llmasaservice-client");
 var import_react_markdown2 = __toESM(require("react-markdown"));
 var import_remark_gfm2 = __toESM(require("remark-gfm"));
@@ -3345,20 +3424,69 @@ var DialogFooter = ({
   return /* @__PURE__ */ import_react10.default.createElement("div", { className: `ai-dialog-footer ${className}` }, children);
 };
 
+// src/components/ui/ToolInfoModal.tsx
+var import_react11 = __toESM(require("react"));
+var ToolInfoModal2 = ({
+  isOpen,
+  onClose,
+  data
+}) => {
+  if (!isOpen || !data) return null;
+  return /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-modal-overlay", onClick: onClose }, /* @__PURE__ */ import_react11.default.createElement(
+    "div",
+    {
+      className: "ai-chat-modal-content ai-chat-tool-info-modal",
+      onClick: (e) => e.stopPropagation()
+    },
+    /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-modal-header" }, /* @__PURE__ */ import_react11.default.createElement("h3", null, "Tool Information"), /* @__PURE__ */ import_react11.default.createElement(
+      "button",
+      {
+        className: "ai-chat-modal-close",
+        onClick: onClose,
+        "aria-label": "Close"
+      },
+      "\xD7"
+    )),
+    /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-modal-body ai-chat-tool-info-container" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-tool-info-section" }, /* @__PURE__ */ import_react11.default.createElement("h4", null, "Tool Calls"), /* @__PURE__ */ import_react11.default.createElement(
+      "textarea",
+      {
+        className: "ai-chat-tool-info-json",
+        readOnly: true,
+        value: JSON.stringify(data.calls, null, 2)
+      }
+    )), /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-tool-info-section" }, /* @__PURE__ */ import_react11.default.createElement("h4", null, "Tool Responses"), /* @__PURE__ */ import_react11.default.createElement(
+      "textarea",
+      {
+        className: "ai-chat-tool-info-json",
+        readOnly: true,
+        value: JSON.stringify(data.responses, null, 2)
+      }
+    ))),
+    /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-modal-footer" }, /* @__PURE__ */ import_react11.default.createElement(
+      "button",
+      {
+        className: "ai-chat-modal-button ai-chat-modal-button--primary",
+        onClick: onClose
+      },
+      "Close"
+    ))
+  ));
+};
+var ToolInfoModal_default2 = ToolInfoModal2;
+
 // src/AIChatPanel.tsx
-var ArrowUpIcon = () => /* @__PURE__ */ import_react11.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ai-chat-icon-sm" }, /* @__PURE__ */ import_react11.default.createElement("path", { d: "M12 19V5M5 12l7-7 7 7" }));
-var StopIcon = () => /* @__PURE__ */ import_react11.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", className: "ai-chat-icon" }, /* @__PURE__ */ import_react11.default.createElement("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2" }));
-var CopyIcon = () => /* @__PURE__ */ import_react11.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ai-chat-icon-sm" }, /* @__PURE__ */ import_react11.default.createElement("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }));
-var ThumbsUpIcon = () => /* @__PURE__ */ import_react11.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ai-chat-icon-sm" }, /* @__PURE__ */ import_react11.default.createElement("path", { d: "M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3" }));
-var ThumbsDownIcon = () => /* @__PURE__ */ import_react11.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ai-chat-icon-sm" }, /* @__PURE__ */ import_react11.default.createElement("path", { d: "M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17" }));
-var ChevronDownIcon = () => /* @__PURE__ */ import_react11.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ai-chat-icon-sm" }, /* @__PURE__ */ import_react11.default.createElement("path", { d: "m6 9 6 6 6-6" }));
-var ChevronUpIcon = () => /* @__PURE__ */ import_react11.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ai-chat-icon-sm" }, /* @__PURE__ */ import_react11.default.createElement("path", { d: "m18 15-6-6-6 6" }));
-var AgentIcon = () => /* @__PURE__ */ import_react11.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ai-chat-icon-sm" }, /* @__PURE__ */ import_react11.default.createElement("path", { d: "M12 8V4H8" }), /* @__PURE__ */ import_react11.default.createElement("rect", { width: "16", height: "12", x: "4", y: "8", rx: "2" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M2 14h2" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M20 14h2" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M15 13v2" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M9 13v2" }));
-var CheckIcon = () => /* @__PURE__ */ import_react11.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ai-chat-icon-sm" }, /* @__PURE__ */ import_react11.default.createElement("polyline", { points: "20 6 9 17 4 12" }));
-var BrainIcon = () => /* @__PURE__ */ import_react11.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ai-chat-icon-sm" }, /* @__PURE__ */ import_react11.default.createElement("path", { d: "M9.5 2A2.5 2.5 0 0 1 12 4.5v15a2.5 2.5 0 0 1-4.96.44 2.5 2.5 0 0 1-2.96-3.08 3 3 0 0 1-.34-5.58 2.5 2.5 0 0 1 1.32-4.24 2.5 2.5 0 0 1 1.98-3A2.5 2.5 0 0 1 9.5 2Z" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M14.5 2A2.5 2.5 0 0 0 12 4.5v15a2.5 2.5 0 0 0 4.96.44 2.5 2.5 0 0 0 2.96-3.08 3 3 0 0 0 .34-5.58 2.5 2.5 0 0 0-1.32-4.24 2.5 2.5 0 0 0-1.98-3A2.5 2.5 0 0 0 14.5 2Z" }));
-var SearchIcon = () => /* @__PURE__ */ import_react11.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ai-chat-icon-sm" }, /* @__PURE__ */ import_react11.default.createElement("circle", { cx: "11", cy: "11", r: "8" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "m21 21-4.3-4.3" }));
-var LLMAsAServiceLogo = () => /* @__PURE__ */ import_react11.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 72 72", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react11.default.createElement("ellipse", { cx: "14.0868", cy: "59.2146", rx: "7.8261", ry: "7.7854", fill: "#2487D8" }), /* @__PURE__ */ import_react11.default.createElement("ellipse", { cx: "24.9013", cy: "43.0776", rx: "6.11858", ry: "6.08676", fill: "#2487D8" }), /* @__PURE__ */ import_react11.default.createElement("ellipse", { cx: "45.391", cy: "43.0776", rx: "6.11858", ry: "6.08676", fill: "#2487D8" }), /* @__PURE__ */ import_react11.default.createElement("ellipse", { cx: "65.8813", cy: "43.0776", rx: "6.11858", ry: "6.08676", fill: "#2487D8" }), /* @__PURE__ */ import_react11.default.createElement("ellipse", { cx: "35.1461", cy: "26.5327", rx: "4.41103", ry: "4.3878", fill: "#2487D8" }), /* @__PURE__ */ import_react11.default.createElement("ellipse", { cx: "55.6364", cy: "26.5327", rx: "4.41103", ry: "4.3878", fill: "#2487D8" }), /* @__PURE__ */ import_react11.default.createElement("ellipse", { cx: "45.391", cy: "10.3959", rx: "2.70351", ry: "2.68919", fill: "#2487D8" }));
-var ChatInput = import_react11.default.memo(({
+var ArrowUpIcon = () => /* @__PURE__ */ import_react12.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ai-chat-icon-sm" }, /* @__PURE__ */ import_react12.default.createElement("path", { d: "M12 19V5M5 12l7-7 7 7" }));
+var StopIcon = () => /* @__PURE__ */ import_react12.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", className: "ai-chat-icon" }, /* @__PURE__ */ import_react12.default.createElement("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2" }));
+var ChevronDownIcon = () => /* @__PURE__ */ import_react12.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ai-chat-icon-sm" }, /* @__PURE__ */ import_react12.default.createElement("path", { d: "m6 9 6 6 6-6" }));
+var ChevronUpIcon = () => /* @__PURE__ */ import_react12.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ai-chat-icon-sm" }, /* @__PURE__ */ import_react12.default.createElement("path", { d: "m18 15-6-6-6 6" }));
+var AgentIcon = () => /* @__PURE__ */ import_react12.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ai-chat-icon-sm" }, /* @__PURE__ */ import_react12.default.createElement("path", { d: "M12 8V4H8" }), /* @__PURE__ */ import_react12.default.createElement("rect", { width: "16", height: "12", x: "4", y: "8", rx: "2" }), /* @__PURE__ */ import_react12.default.createElement("path", { d: "M2 14h2" }), /* @__PURE__ */ import_react12.default.createElement("path", { d: "M20 14h2" }), /* @__PURE__ */ import_react12.default.createElement("path", { d: "M15 13v2" }), /* @__PURE__ */ import_react12.default.createElement("path", { d: "M9 13v2" }));
+var CheckIcon = () => /* @__PURE__ */ import_react12.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ai-chat-icon-sm" }, /* @__PURE__ */ import_react12.default.createElement("polyline", { points: "20 6 9 17 4 12" }));
+var BrainIcon = () => /* @__PURE__ */ import_react12.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ai-chat-icon-sm" }, /* @__PURE__ */ import_react12.default.createElement("path", { d: "M9.5 2A2.5 2.5 0 0 1 12 4.5v15a2.5 2.5 0 0 1-4.96.44 2.5 2.5 0 0 1-2.96-3.08 3 3 0 0 1-.34-5.58 2.5 2.5 0 0 1 1.32-4.24 2.5 2.5 0 0 1 1.98-3A2.5 2.5 0 0 1 9.5 2Z" }), /* @__PURE__ */ import_react12.default.createElement("path", { d: "M14.5 2A2.5 2.5 0 0 0 12 4.5v15a2.5 2.5 0 0 0 4.96.44 2.5 2.5 0 0 0 2.96-3.08 3 3 0 0 0 .34-5.58 2.5 2.5 0 0 0-1.32-4.24 2.5 2.5 0 0 0-1.98-3A2.5 2.5 0 0 0 14.5 2Z" }));
+var SearchIcon = () => /* @__PURE__ */ import_react12.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ai-chat-icon-sm" }, /* @__PURE__ */ import_react12.default.createElement("circle", { cx: "11", cy: "11", r: "8" }), /* @__PURE__ */ import_react12.default.createElement("path", { d: "m21 21-4.3-4.3" }));
+var LLMAsAServiceLogo = () => /* @__PURE__ */ import_react12.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 72 72", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react12.default.createElement("ellipse", { cx: "14.0868", cy: "59.2146", rx: "7.8261", ry: "7.7854", fill: "#2487D8" }), /* @__PURE__ */ import_react12.default.createElement("ellipse", { cx: "24.9013", cy: "43.0776", rx: "6.11858", ry: "6.08676", fill: "#2487D8" }), /* @__PURE__ */ import_react12.default.createElement("ellipse", { cx: "45.391", cy: "43.0776", rx: "6.11858", ry: "6.08676", fill: "#2487D8" }), /* @__PURE__ */ import_react12.default.createElement("ellipse", { cx: "65.8813", cy: "43.0776", rx: "6.11858", ry: "6.08676", fill: "#2487D8" }), /* @__PURE__ */ import_react12.default.createElement("ellipse", { cx: "35.1461", cy: "26.5327", rx: "4.41103", ry: "4.3878", fill: "#2487D8" }), /* @__PURE__ */ import_react12.default.createElement("ellipse", { cx: "55.6364", cy: "26.5327", rx: "4.41103", ry: "4.3878", fill: "#2487D8" }), /* @__PURE__ */ import_react12.default.createElement("ellipse", { cx: "45.391", cy: "10.3959", rx: "2.70351", ry: "2.68919", fill: "#2487D8" }));
+var AlertCircleIcon = () => /* @__PURE__ */ import_react12.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ai-chat-icon-sm" }, /* @__PURE__ */ import_react12.default.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ import_react12.default.createElement("line", { x1: "12", x2: "12", y1: "8", y2: "12" }), /* @__PURE__ */ import_react12.default.createElement("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" }));
+var CloseIcon = () => /* @__PURE__ */ import_react12.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ai-chat-icon-sm" }, /* @__PURE__ */ import_react12.default.createElement("line", { x1: "18", x2: "6", y1: "6", y2: "18" }), /* @__PURE__ */ import_react12.default.createElement("line", { x1: "6", x2: "18", y1: "6", y2: "18" }));
+var ChatInput = import_react12.default.memo(({
   placeholder,
   idle,
   onSubmit,
@@ -3374,21 +3502,21 @@ var ChatInput = import_react11.default.memo(({
   maxContextTokens = 8e3,
   enableContextDetailView = false
 }) => {
-  const [inputValue, setInputValue] = (0, import_react11.useState)("");
-  const [dropdownOpen, setDropdownOpen] = (0, import_react11.useState)(false);
-  const [contextViewerOpen, setContextViewerOpen] = (0, import_react11.useState)(false);
-  const [contextViewMode, setContextViewMode] = (0, import_react11.useState)("summary");
-  const textareaRef = (0, import_react11.useRef)(null);
-  const containerRef = (0, import_react11.useRef)(null);
-  const contextPopoverRef = (0, import_react11.useRef)(null);
-  const autoResize = (0, import_react11.useCallback)(() => {
+  const [inputValue, setInputValue] = (0, import_react12.useState)("");
+  const [dropdownOpen, setDropdownOpen] = (0, import_react12.useState)(false);
+  const [contextViewerOpen, setContextViewerOpen] = (0, import_react12.useState)(false);
+  const [contextViewMode, setContextViewMode] = (0, import_react12.useState)("summary");
+  const textareaRef = (0, import_react12.useRef)(null);
+  const containerRef = (0, import_react12.useRef)(null);
+  const contextPopoverRef = (0, import_react12.useRef)(null);
+  const autoResize = (0, import_react12.useCallback)(() => {
     const textarea = textareaRef.current;
     if (textarea) {
       textarea.style.height = "auto";
       textarea.style.height = `${Math.min(textarea.scrollHeight, 200)}px`;
     }
   }, []);
-  const handleSubmit = (0, import_react11.useCallback)(() => {
+  const handleSubmit = (0, import_react12.useCallback)(() => {
     const trimmed = inputValue.trim();
     if (trimmed && idle) {
       onSubmit(trimmed);
@@ -3398,7 +3526,7 @@ var ChatInput = import_react11.default.memo(({
       }
     }
   }, [inputValue, idle, onSubmit]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
         setDropdownOpen(false);
@@ -3409,7 +3537,7 @@ var ChatInput = import_react11.default.memo(({
       return () => document.removeEventListener("mousedown", handleClickOutside);
     }
   }, [dropdownOpen]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (contextPopoverRef.current && !contextPopoverRef.current.contains(event.target)) {
         setContextViewerOpen(false);
@@ -3441,13 +3569,13 @@ var ChatInput = import_react11.default.memo(({
     if (typeof data === "string") return data;
     return JSON.stringify(data, null, 2);
   };
-  return /* @__PURE__ */ import_react11.default.createElement(
+  return /* @__PURE__ */ import_react12.default.createElement(
     "div",
     {
       className: `ai-chat-panel__input-container ${dropdownOpen ? "ai-chat-panel__input-container--dropdown-open" : ""}`,
       ref: containerRef
     },
-    /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-panel__input" }, /* @__PURE__ */ import_react11.default.createElement(
+    /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-panel__input" }, /* @__PURE__ */ import_react12.default.createElement(
       "textarea",
       {
         ref: textareaRef,
@@ -3467,24 +3595,24 @@ var ChatInput = import_react11.default.memo(({
         rows: 1
       }
     )),
-    /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-panel__input-footer" }, agentOptions.length > 0 ? /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-agent-selector" }, /* @__PURE__ */ import_react11.default.createElement(
+    /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-panel__input-footer" }, agentOptions.length > 0 ? /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-agent-selector" }, /* @__PURE__ */ import_react12.default.createElement(
       "button",
       {
         className: "ai-chat-agent-selector__trigger",
         onClick: () => setDropdownOpen(!dropdownOpen),
         disabled: agentsLoading
       },
-      currentAgentAvatarUrl ? /* @__PURE__ */ import_react11.default.createElement(
+      currentAgentAvatarUrl ? /* @__PURE__ */ import_react12.default.createElement(
         "img",
         {
           src: currentAgentAvatarUrl,
           alt: currentAgentLabel || "Agent",
           className: "ai-chat-agent-selector__avatar"
         }
-      ) : /* @__PURE__ */ import_react11.default.createElement(AgentIcon, null),
-      /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-agent-selector__label" }, agentsLoading ? "Loading..." : currentAgentLabel || "Select agent"),
-      dropdownOpen ? /* @__PURE__ */ import_react11.default.createElement(ChevronUpIcon, null) : /* @__PURE__ */ import_react11.default.createElement(ChevronDownIcon, null)
-    )) : /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-panel__input-footer-spacer" }), contextSections.length > 0 && /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-context-pill-wrapper" }, /* @__PURE__ */ import_react11.default.createElement(
+      ) : /* @__PURE__ */ import_react12.default.createElement(AgentIcon, null),
+      /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-agent-selector__label" }, agentsLoading ? "Loading..." : currentAgentLabel || "Select agent"),
+      dropdownOpen ? /* @__PURE__ */ import_react12.default.createElement(ChevronUpIcon, null) : /* @__PURE__ */ import_react12.default.createElement(ChevronDownIcon, null)
+    )) : /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-panel__input-footer-spacer" }), contextSections.length > 0 && /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-context-pill-wrapper" }, /* @__PURE__ */ import_react12.default.createElement(
       "button",
       {
         className: `ai-chat-context-pill ${contextViewerOpen ? "ai-chat-context-pill--active" : ""} ${isOverLimit ? "ai-chat-context-pill--warning" : ""}`,
@@ -3500,15 +3628,15 @@ var ChatInput = import_react11.default.memo(({
         type: "button",
         title: "View context"
       },
-      /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-context-pill__label" }, "context: ", contextSections.length, " ", contextSections.length === 1 ? "section" : "sections")
-    ), contextViewerOpen && /* @__PURE__ */ import_react11.default.createElement(
+      /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-context-pill__label" }, "context: ", contextSections.length, " ", contextSections.length === 1 ? "section" : "sections")
+    ), contextViewerOpen && /* @__PURE__ */ import_react12.default.createElement(
       "div",
       {
         className: `ai-chat-context-popover ${contextViewMode === "detail" ? "ai-chat-context-popover--detail" : ""}`,
         ref: contextPopoverRef,
         onClick: (e) => e.stopPropagation()
       },
-      contextViewMode === "summary" && /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-context-popover__summary" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-context-popover__header" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-context-popover__title" }, "Context"), /* @__PURE__ */ import_react11.default.createElement(
+      contextViewMode === "summary" && /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-context-popover__summary" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-context-popover__header" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-context-popover__title" }, "Context"), /* @__PURE__ */ import_react12.default.createElement(
         "button",
         {
           className: "ai-chat-context-popover__close",
@@ -3516,13 +3644,13 @@ var ChatInput = import_react11.default.memo(({
           type: "button"
         },
         "\xD7"
-      )), /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-context-popover__token-bar" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-context-popover__token-info" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: isOverLimit ? "ai-chat-context-popover__tokens--warning" : "" }, formatTokens(totalContextTokens), " tokens"), /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-context-popover__token-limit" }, "/ ", formatTokens(maxContextTokens), " limit")), /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-context-popover__progress" }, /* @__PURE__ */ import_react11.default.createElement(
+      )), /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-context-popover__token-bar" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-context-popover__token-info" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: isOverLimit ? "ai-chat-context-popover__tokens--warning" : "" }, formatTokens(totalContextTokens), " tokens"), /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-context-popover__token-limit" }, "/ ", formatTokens(maxContextTokens), " limit")), /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-context-popover__progress" }, /* @__PURE__ */ import_react12.default.createElement(
         "div",
         {
           className: `ai-chat-context-popover__progress-bar ${isOverLimit ? "ai-chat-context-popover__progress-bar--warning" : ""}`,
           style: { width: `${Math.min(tokenPercentage, 100)}%` }
         }
-      ))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-context-popover__sections" }, contextSections.map((section) => /* @__PURE__ */ import_react11.default.createElement(
+      ))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-context-popover__sections" }, contextSections.map((section) => /* @__PURE__ */ import_react12.default.createElement(
         "div",
         {
           key: section.id,
@@ -3533,10 +3661,10 @@ var ChatInput = import_react11.default.memo(({
             }
           }
         },
-        /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-context-popover__section-icon" }, "\u{1F4C4}"),
-        /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-context-popover__section-title" }, section.title),
-        /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-context-popover__section-tokens" }, section.tokens || Math.ceil(JSON.stringify(section.data).length / 4))
-      ))), enableContextDetailView && /* @__PURE__ */ import_react11.default.createElement(
+        /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-context-popover__section-icon" }, "\u{1F4C4}"),
+        /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-context-popover__section-title" }, section.title),
+        /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-context-popover__section-tokens" }, section.tokens || Math.ceil(JSON.stringify(section.data).length / 4))
+      ))), enableContextDetailView && /* @__PURE__ */ import_react12.default.createElement(
         "button",
         {
           className: "ai-chat-context-popover__expand-btn",
@@ -3545,7 +3673,7 @@ var ChatInput = import_react11.default.memo(({
         },
         "View details \u2192"
       )),
-      contextViewMode === "detail" && enableContextDetailView && /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-context-popover__detail" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-context-popover__header" }, /* @__PURE__ */ import_react11.default.createElement(
+      contextViewMode === "detail" && enableContextDetailView && /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-context-popover__detail" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-context-popover__header" }, /* @__PURE__ */ import_react12.default.createElement(
         "button",
         {
           className: "ai-chat-context-popover__back",
@@ -3553,7 +3681,7 @@ var ChatInput = import_react11.default.memo(({
           type: "button"
         },
         "\u2190 Back"
-      ), /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-context-popover__title" }, "Context Details"), /* @__PURE__ */ import_react11.default.createElement(
+      ), /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-context-popover__title" }, "Context Details"), /* @__PURE__ */ import_react12.default.createElement(
         "button",
         {
           className: "ai-chat-context-popover__close",
@@ -3561,26 +3689,26 @@ var ChatInput = import_react11.default.memo(({
           type: "button"
         },
         "\xD7"
-      )), /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-context-popover__token-bar" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-context-popover__token-info" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: isOverLimit ? "ai-chat-context-popover__tokens--warning" : "" }, formatTokens(totalContextTokens), " tokens"), /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-context-popover__token-limit" }, "/ ", formatTokens(maxContextTokens), " limit")), /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-context-popover__progress" }, /* @__PURE__ */ import_react11.default.createElement(
+      )), /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-context-popover__token-bar" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-context-popover__token-info" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: isOverLimit ? "ai-chat-context-popover__tokens--warning" : "" }, formatTokens(totalContextTokens), " tokens"), /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-context-popover__token-limit" }, "/ ", formatTokens(maxContextTokens), " limit")), /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-context-popover__progress" }, /* @__PURE__ */ import_react12.default.createElement(
         "div",
         {
           className: `ai-chat-context-popover__progress-bar ${isOverLimit ? "ai-chat-context-popover__progress-bar--warning" : ""}`,
           style: { width: `${Math.min(tokenPercentage, 100)}%` }
         }
-      ))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-context-popover__detail-sections" }, contextSections.map((section) => {
+      ))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-context-popover__detail-sections" }, contextSections.map((section) => {
         const format = detectFormat(section.data);
-        return /* @__PURE__ */ import_react11.default.createElement("details", { key: section.id, className: "ai-chat-context-popover__detail-section", open: true }, /* @__PURE__ */ import_react11.default.createElement("summary", { className: "ai-chat-context-popover__detail-section-header" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-context-popover__detail-section-title" }, section.title), /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-context-popover__detail-section-meta" }, /* @__PURE__ */ import_react11.default.createElement("code", null, `{{${section.id}}}`), /* @__PURE__ */ import_react11.default.createElement("span", null, "~", section.tokens || Math.ceil(JSON.stringify(section.data).length / 4)))), /* @__PURE__ */ import_react11.default.createElement("pre", { className: "ai-chat-context-popover__detail-content" }, /* @__PURE__ */ import_react11.default.createElement("code", null, formatContent(section.data, format))));
+        return /* @__PURE__ */ import_react12.default.createElement("details", { key: section.id, className: "ai-chat-context-popover__detail-section", open: true }, /* @__PURE__ */ import_react12.default.createElement("summary", { className: "ai-chat-context-popover__detail-section-header" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-context-popover__detail-section-title" }, section.title), /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-context-popover__detail-section-meta" }, /* @__PURE__ */ import_react12.default.createElement("code", null, `{{${section.id}}}`), /* @__PURE__ */ import_react12.default.createElement("span", null, "~", section.tokens || Math.ceil(JSON.stringify(section.data).length / 4)))), /* @__PURE__ */ import_react12.default.createElement("pre", { className: "ai-chat-context-popover__detail-content" }, /* @__PURE__ */ import_react12.default.createElement("code", null, formatContent(section.data, format))));
       })))
-    )), /* @__PURE__ */ import_react11.default.createElement(
+    )), /* @__PURE__ */ import_react12.default.createElement(
       "button",
       {
         className: `ai-chat-send-button ${idle && !inputValue.trim() ? "ai-chat-send-button--disabled" : ""} ${!idle ? "ai-chat-send-button--stop" : ""}`,
         onClick: () => idle ? handleSubmit() : onStop(),
         disabled: idle && !inputValue.trim()
       },
-      idle ? /* @__PURE__ */ import_react11.default.createElement(ArrowUpIcon, null) : /* @__PURE__ */ import_react11.default.createElement(StopIcon, null)
+      idle ? /* @__PURE__ */ import_react12.default.createElement(ArrowUpIcon, null) : /* @__PURE__ */ import_react12.default.createElement(StopIcon, null)
     )),
-    agentOptions.length > 0 && dropdownOpen && /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-agent-selector__dropdown-inside" }, agentOptions.map((option) => /* @__PURE__ */ import_react11.default.createElement(
+    agentOptions.length > 0 && dropdownOpen && /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-agent-selector__dropdown-inside" }, agentOptions.map((option) => /* @__PURE__ */ import_react12.default.createElement(
       "button",
       {
         key: option.value,
@@ -3592,16 +3720,16 @@ var ChatInput = import_react11.default.memo(({
           setDropdownOpen(false);
         }
       },
-      option.avatarUrl ? /* @__PURE__ */ import_react11.default.createElement(
+      option.avatarUrl ? /* @__PURE__ */ import_react12.default.createElement(
         "img",
         {
           src: option.avatarUrl,
           alt: option.label,
           className: "ai-chat-agent-selector__option-avatar"
         }
-      ) : option.icon ? /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-agent-selector__option-icon" }, option.icon) : null,
-      /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-agent-selector__option-content" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-agent-selector__option-label" }, option.label), option.description && /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-agent-selector__option-description" }, option.description)),
-      option.value === currentAgentId && /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-agent-selector__option-check" }, /* @__PURE__ */ import_react11.default.createElement(CheckIcon, null))
+      ) : option.icon ? /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-agent-selector__option-icon" }, option.icon) : null,
+      /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-agent-selector__option-content" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-agent-selector__option-label" }, option.label), option.description && /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-agent-selector__option-description" }, option.description)),
+      option.value === currentAgentId && /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-agent-selector__option-check" }, /* @__PURE__ */ import_react12.default.createElement(CheckIcon, null))
     )))
   );
 });
@@ -3645,33 +3773,77 @@ var AIChatPanel = ({
   totalContextTokens = 0,
   maxContextTokens = 8e3,
   enableContextDetailView = false,
-  onConversationCreated
+  onConversationCreated,
+  // UI Customization Props
+  cssUrl,
+  markdownClass,
+  width,
+  height,
+  scrollToEnd = false,
+  prismStyle,
+  // Email & Save Props
+  showSaveButton = true,
+  showEmailButton = true,
+  messages = [],
+  // Call-to-Action Props
+  showCallToAction = false,
+  callToActionButtonText = "Submit",
+  callToActionEmailAddress = "",
+  callToActionEmailSubject = "Agent CTA submitted",
+  // Customer Email Capture Props
+  customerEmailCaptureMode = "HIDE",
+  customerEmailCapturePlaceholder = "Please enter your email..."
 }) => {
+  var _a;
   const publicAPIUrl = "https://api.llmasaservice.io";
-  const [lastController, setLastController] = (0, import_react11.useState)(new AbortController());
-  const [lastMessages, setLastMessages] = (0, import_react11.useState)([]);
-  const [history, setHistory] = (0, import_react11.useState)(initialHistory);
-  const [isLoading, setIsLoading] = (0, import_react11.useState)(false);
-  const [lastPrompt, setLastPrompt] = (0, import_react11.useState)(null);
-  const [lastKey, setLastKey] = (0, import_react11.useState)(null);
-  const [currentConversation, setCurrentConversation] = (0, import_react11.useState)(conversation);
-  const [followOnQuestionsState, setFollowOnQuestionsState] = (0, import_react11.useState)(followOnQuestions);
-  const [thinkingBlocks, setThinkingBlocks] = (0, import_react11.useState)([]);
-  const [currentThinkingIndex, setCurrentThinkingIndex] = (0, import_react11.useState)(0);
-  const [newConversationConfirm, setNewConversationConfirm] = (0, import_react11.useState)(false);
-  const [justReset, setJustReset] = (0, import_react11.useState)(false);
-  const [copiedCallId, setCopiedCallId] = (0, import_react11.useState)(null);
-  const bottomRef = (0, import_react11.useRef)(null);
-  const responseAreaRef = (0, import_react11.useRef)(null);
-  const [userHasScrolled, setUserHasScrolled] = (0, import_react11.useState)(false);
-  const lastScrollTopRef = (0, import_react11.useRef)(0);
-  const scrollRAFRef = (0, import_react11.useRef)(null);
-  const lastScrollTimeRef = (0, import_react11.useRef)(0);
-  const prevIdleRef = (0, import_react11.useRef)(true);
-  const hasNotifiedCompletionRef = (0, import_react11.useRef)(true);
-  const latestHistoryRef = (0, import_react11.useRef)(initialHistory);
-  const initialPromptSentRef = (0, import_react11.useRef)(false);
-  (0, import_react11.useEffect)(() => {
+  const [lastController, setLastController] = (0, import_react12.useState)(new AbortController());
+  const [lastMessages, setLastMessages] = (0, import_react12.useState)([]);
+  const [history, setHistory] = (0, import_react12.useState)(initialHistory);
+  const [isLoading, setIsLoading] = (0, import_react12.useState)(false);
+  const [lastPrompt, setLastPrompt] = (0, import_react12.useState)(null);
+  const [lastKey, setLastKey] = (0, import_react12.useState)(null);
+  const [currentConversation, setCurrentConversation] = (0, import_react12.useState)(conversation);
+  const [followOnQuestionsState, setFollowOnQuestionsState] = (0, import_react12.useState)(followOnQuestions);
+  const [thinkingBlocks, setThinkingBlocks] = (0, import_react12.useState)([]);
+  const [currentThinkingIndex, setCurrentThinkingIndex] = (0, import_react12.useState)(0);
+  const [newConversationConfirm, setNewConversationConfirm] = (0, import_react12.useState)(false);
+  const [justReset, setJustReset] = (0, import_react12.useState)(false);
+  const [copiedCallId, setCopiedCallId] = (0, import_react12.useState)(null);
+  const [feedbackCallId, setFeedbackCallId] = (0, import_react12.useState)(null);
+  const [error, setError] = (0, import_react12.useState)(null);
+  const [emailSent, setEmailSent] = (0, import_react12.useState)(false);
+  const [isToolInfoModalOpen, setIsToolInfoModalOpen] = (0, import_react12.useState)(false);
+  const [toolInfoData, setToolInfoData] = (0, import_react12.useState)(null);
+  const [callToActionSent, setCallToActionSent] = (0, import_react12.useState)(false);
+  const [CTAClickedButNoEmail, setCTAClickedButNoEmail] = (0, import_react12.useState)(false);
+  const [emailInput, setEmailInput] = (0, import_react12.useState)((_a = customer == null ? void 0 : customer.customer_user_email) != null ? _a : "");
+  const [emailInputSet, setEmailInputSet] = (0, import_react12.useState)(false);
+  const [emailValid, setEmailValid] = (0, import_react12.useState)(true);
+  const [showEmailPanel, setShowEmailPanel] = (0, import_react12.useState)(customerEmailCaptureMode !== "HIDE");
+  const [emailClickedButNoEmail, setEmailClickedButNoEmail] = (0, import_react12.useState)(false);
+  const [pendingToolRequests, setPendingToolRequests] = (0, import_react12.useState)([]);
+  const [sessionApprovedTools, setSessionApprovedTools] = (0, import_react12.useState)([]);
+  const [alwaysApprovedTools, setAlwaysApprovedTools] = (0, import_react12.useState)([]);
+  (0, import_react12.useEffect)(() => {
+    setShowEmailPanel(customerEmailCaptureMode !== "HIDE");
+    if (customerEmailCaptureMode === "REQUIRED") {
+      if (!isEmailAddress(emailInput)) {
+        setEmailValid(false);
+      }
+    }
+  }, [customerEmailCaptureMode, emailInput]);
+  const bottomRef = (0, import_react12.useRef)(null);
+  const responseAreaRef = (0, import_react12.useRef)(null);
+  const [userHasScrolled, setUserHasScrolled] = (0, import_react12.useState)(false);
+  const lastScrollTopRef = (0, import_react12.useRef)(0);
+  const scrollRAFRef = (0, import_react12.useRef)(null);
+  const lastScrollTimeRef = (0, import_react12.useRef)(0);
+  const prevIdleRef = (0, import_react12.useRef)(true);
+  const hasNotifiedCompletionRef = (0, import_react12.useRef)(true);
+  const latestHistoryRef = (0, import_react12.useRef)(initialHistory);
+  const initialPromptSentRef = (0, import_react12.useRef)(false);
+  const lastFollowOnPromptRef = (0, import_react12.useRef)("");
+  (0, import_react12.useEffect)(() => {
     if (!initialHistory) return;
     setHistory((prev) => {
       const currentKeys = Object.keys(prev);
@@ -3699,28 +3871,29 @@ var AIChatPanel = ({
     idle,
     lastCallId,
     stop,
-    setResponse
+    setResponse,
+    error: llmError
   } = llmResult;
   const toolList = llmResult.toolList || [];
   const toolsLoading = llmResult.toolsLoading || false;
   const toolsFetchError = llmResult.toolsFetchError || null;
-  const historyCallbackRef = (0, import_react11.useRef)(historyChangedCallback);
-  const responseCompleteCallbackRef = (0, import_react11.useRef)(responseCompleteCallback);
-  const responseRef = (0, import_react11.useRef)(response);
-  const lastKeyRef = (0, import_react11.useRef)(lastKey);
-  const lastCallIdRef = (0, import_react11.useRef)(lastCallId);
-  const lastPromptRef = (0, import_react11.useRef)(lastPrompt);
+  const historyCallbackRef = (0, import_react12.useRef)(historyChangedCallback);
+  const responseCompleteCallbackRef = (0, import_react12.useRef)(responseCompleteCallback);
+  const responseRef = (0, import_react12.useRef)(response);
+  const lastKeyRef = (0, import_react12.useRef)(lastKey);
+  const lastCallIdRef = (0, import_react12.useRef)(lastCallId);
+  const lastPromptRef = (0, import_react12.useRef)(lastPrompt);
   historyCallbackRef.current = historyChangedCallback;
   responseCompleteCallbackRef.current = responseCompleteCallback;
   responseRef.current = response;
   lastKeyRef.current = lastKey;
   lastCallIdRef.current = lastCallId;
   lastPromptRef.current = lastPrompt;
-  const prismStyle = (0, import_react11.useMemo)(
-    () => theme === "light" ? import_material_light3.default : import_material_dark3.default,
-    [theme]
+  const effectivePrismStyle = (0, import_react12.useMemo)(
+    () => prismStyle != null ? prismStyle : theme === "light" ? import_material_light3.default : import_material_dark3.default,
+    [prismStyle, theme]
   );
-  const browserInfo = (0, import_react11.useMemo)(() => {
+  const browserInfo = (0, import_react12.useMemo)(() => {
     if (typeof window === "undefined") return null;
     return {
       currentTimeUTC: (/* @__PURE__ */ new Date()).toISOString(),
@@ -3728,8 +3901,8 @@ var AIChatPanel = ({
       userLanguage: navigator.language
     };
   }, []);
-  const ensureConversation = (0, import_react11.useCallback)(() => {
-    var _a, _b;
+  const ensureConversation = (0, import_react12.useCallback)(() => {
+    var _a2, _b;
     console.log("ensureConversation - called with:", {
       currentConversation,
       createConversationOnFirstChat,
@@ -3744,7 +3917,7 @@ var AIChatPanel = ({
       const requestBody = {
         project_id,
         agentId: agent,
-        customerId: (_a = customer == null ? void 0 : customer.customer_id) != null ? _a : null,
+        customerId: (_a2 = customer == null ? void 0 : customer.customer_id) != null ? _a2 : null,
         customerEmail: (_b = customer == null ? void 0 : customer.customer_user_email) != null ? _b : null,
         timezone: browserInfo == null ? void 0 : browserInfo.userTimezone,
         language: browserInfo == null ? void 0 : browserInfo.userLanguage
@@ -3774,19 +3947,19 @@ var AIChatPanel = ({
         }
         console.warn("ensureConversation - No ID in response");
         return "";
-      }).catch((error) => {
-        console.error("Error creating new conversation", error);
+      }).catch((error2) => {
+        console.error("Error creating new conversation", error2);
         return "";
       });
     }
     console.log("ensureConversation - using existing conversation:", currentConversation);
     return Promise.resolve(currentConversation);
   }, [currentConversation, createConversationOnFirstChat, publicAPIUrl, project_id, agent, customer, browserInfo]);
-  const dataWithExtras = (0, import_react11.useCallback)(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+  const dataWithExtras = (0, import_react12.useCallback)(() => {
+    var _a2, _b, _c, _d, _e, _f, _g, _h;
     return [
       ...data,
-      { key: "--customer_id", data: (_a = customer == null ? void 0 : customer.customer_id) != null ? _a : "" },
+      { key: "--customer_id", data: (_a2 = customer == null ? void 0 : customer.customer_id) != null ? _a2 : "" },
       { key: "--customer_name", data: (_b = customer == null ? void 0 : customer.customer_name) != null ? _b : "" },
       { key: "--customer_user_id", data: (_c = customer == null ? void 0 : customer.customer_user_id) != null ? _c : "" },
       { key: "--customer_user_name", data: (_d = customer == null ? void 0 : customer.customer_user_name) != null ? _d : "" },
@@ -3796,7 +3969,7 @@ var AIChatPanel = ({
       { key: "--userLanguage", data: (_h = browserInfo == null ? void 0 : browserInfo.userLanguage) != null ? _h : "" }
     ];
   }, [data, customer, browserInfo]);
-  const currentAgentInfo = (0, import_react11.useMemo)(() => {
+  const currentAgentInfo = (0, import_react12.useMemo)(() => {
     if (!currentAgentId || agentOptions.length === 0) return { label: null, avatarUrl: null };
     const currentAgent = agentOptions.find((a) => a.value === currentAgentId);
     return {
@@ -3806,21 +3979,191 @@ var AIChatPanel = ({
   }, [currentAgentId, agentOptions]);
   const currentAgentLabel = currentAgentInfo.label;
   const currentAgentAvatarUrl = currentAgentInfo.avatarUrl;
-  const cleanContentForDisplay = (0, import_react11.useCallback)((content) => {
+  const isEmailAddress = (email) => {
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    return emailRegex.test(email);
+  };
+  const convertMarkdownToHTML = (markdown) => {
+    const html = import_server2.default.renderToStaticMarkup(
+      /* @__PURE__ */ import_react12.default.createElement("div", { className: markdownClass }, /* @__PURE__ */ import_react12.default.createElement(
+        import_react_markdown2.default,
+        {
+          remarkPlugins: [import_remark_gfm2.default],
+          rehypePlugins: [import_rehype_raw2.default]
+        },
+        markdown
+      ))
+    );
+    return html;
+  };
+  const convertHistoryToHTML = (history2) => {
+    const stylesheet = `
+        <style>
+      .conversation-history {
+        font-family: Arial, sans-serif;
+        line-height: 1.5;
+      }
+      .history-entry {
+        margin-bottom: 15px;
+      }
+      .prompt-container, .response-container {
+        margin-bottom: 10px;
+      }
+      .prompt, .response {
+        display: block;
+        margin: 5px 0;
+        padding: 10px;
+        border-radius: 5px;
+        max-width: 80%;
+      }
+      .prompt {
+        background-color: #efefef;
+        margin-left: 0;
+      }
+      .response {
+        background-color: #f0fcfd;
+        margin-left: 25px;
+      }
+    </style>
+`;
+    let html = `
+    <html>
+      <head>
+        ${stylesheet}
+      </head>
+      <body>
+        <h1>Conversation History (${(/* @__PURE__ */ new Date()).toLocaleString()})</h1>
+        <div class="conversation-history">
+  `;
+    Object.entries(history2).forEach(([prompt, response2], index) => {
+      if (hideInitialPrompt && index === 0) {
+        html += `
+        <div class="history-entry">
+          <div class="response-container">
+            <div class="response">${convertMarkdownToHTML(response2.content)}</div>
+          </div>
+        </div>
+      `;
+      } else {
+        html += `
+      <div class="history-entry">
+        <div class="prompt-container">
+          <div class="prompt">${convertMarkdownToHTML(
+          formatPromptForDisplay(prompt)
+        )}</div>
+        </div>
+        <div class="response-container">
+          <div class="response">${convertMarkdownToHTML(response2.content)}</div>
+        </div>
+      </div>
+    `;
+      }
+    });
+    html += `
+        </div>
+      </body>
+    </html>
+  `;
+    return html;
+  };
+  const saveHTMLToFile = (html, filename) => {
+    const blob = new Blob([html], { type: "text/html" });
+    const link = document.createElement("a");
+    link.href = URL.createObjectURL(blob);
+    link.download = filename;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+  };
+  const saveAsHTMLFile = (0, import_react12.useCallback)(() => {
+    saveHTMLToFile(
+      convertHistoryToHTML(history),
+      `conversation-${(/* @__PURE__ */ new Date()).toISOString()}.html`
+    );
+    interactionClicked(lastCallId || "", "save");
+  }, [history, lastCallId]);
+  const handleSendEmail = (to, from) => {
+    sendConversationsViaEmail(to, `Conversation History from ${title}`, from);
+    interactionClicked(lastCallId || "", "email", to);
+    setEmailSent(true);
+  };
+  const sendConversationsViaEmail = (_0, ..._1) => __async(void 0, [_0, ..._1], function* (to, subject = `Conversation History from ${title}`, from = "") {
+    fetch(`${publicAPIUrl}/share/email`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({
+        to,
+        from,
+        subject,
+        html: convertHistoryToHTML(history),
+        project_id: project_id != null ? project_id : "",
+        customer,
+        history,
+        title
+      })
+    });
+    yield interactionClicked(lastCallId || "", "email", from);
+  });
+  const sendCallToActionEmail = (0, import_react12.useCallback)((from) => __async(void 0, null, function* () {
+    try {
+      yield fetch(`${publicAPIUrl}/share/email`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          to: callToActionEmailAddress,
+          from,
+          subject: `${callToActionEmailSubject} from ${from}`,
+          html: convertHistoryToHTML(history),
+          project_id: project_id != null ? project_id : "",
+          customer,
+          history,
+          title
+        })
+      });
+      yield interactionClicked(lastCallId || "", "cta", from);
+      setCallToActionSent(true);
+    } catch (err) {
+      console.error("[AIChatPanel] Failed to send CTA email:", err);
+    }
+  }), [history, title, project_id, customer, lastCallId, publicAPIUrl, callToActionEmailAddress, callToActionEmailSubject]);
+  const isDisabledDueToNoEmail = (0, import_react12.useCallback)(() => {
+    if (customerEmailCaptureMode === "REQUIRED" && !emailInputSet) {
+      return true;
+    }
+    return false;
+  }, [customerEmailCaptureMode, emailInputSet]);
+  const handleToolApproval = (0, import_react12.useCallback)((toolName, scope) => {
+    if (scope === "session" || scope === "always") {
+      setSessionApprovedTools((prev) => Array.from(/* @__PURE__ */ new Set([...prev, toolName])));
+    }
+    if (scope === "always") {
+      setAlwaysApprovedTools((prev) => Array.from(/* @__PURE__ */ new Set([...prev, toolName])));
+    }
+    setPendingToolRequests((prev) => prev.filter((r) => r.toolName !== toolName));
+    console.log(`[AIChatPanel] Tool "${toolName}" approved with scope: ${scope}`);
+  }, []);
+  const getUniqueToolNames = (0, import_react12.useCallback)(() => {
+    return Array.from(new Set(pendingToolRequests.map((r) => r.toolName)));
+  }, [pendingToolRequests]);
+  const cleanContentForDisplay = (0, import_react12.useCallback)((content) => {
     let cleaned = content.replace(/\*\*(.*?)\*\*/g, "$1").replace(/\*(.*?)\*/g, "$1").replace(/\n+/g, " ").replace(/\s+/g, " ").trim();
     if (cleaned.length > 100) {
       cleaned = cleaned.substring(0, 100) + "...";
     }
     return cleaned || "Thinking";
   }, []);
-  const processThinkingTags = (0, import_react11.useCallback)((text) => {
-    var _a, _b;
+  const processThinkingTags = (0, import_react12.useCallback)((text) => {
+    var _a2, _b;
     const blocks = [];
     let index = 0;
     const reasoningRegex = /<reasoning>([\s\S]*?)<\/reasoning>/gi;
     let match;
     while ((match = reasoningRegex.exec(text)) !== null) {
-      blocks.push({ type: "reasoning", content: (_a = match[1]) != null ? _a : "", index: index++ });
+      blocks.push({ type: "reasoning", content: (_a2 = match[1]) != null ? _a2 : "", index: index++ });
     }
     const searchingRegex = /<searching>([\s\S]*?)<\/searching>/gi;
     while ((match = searchingRegex.exec(text)) !== null) {
@@ -3834,7 +4177,7 @@ var AIChatPanel = ({
     pattern: "\\[SUGGEST_AGENT:([^|\\]]+)\\|([^|\\]]+)\\|([^\\]]+)\\]",
     markdown: '<agent-suggestion data-agent-id="$1" data-agent-name="$2" data-reason="$3"></agent-suggestion>'
   };
-  const processActions = (0, import_react11.useCallback)((content) => {
+  const processActions = (0, import_react12.useCallback)((content) => {
     const allActions = [AGENT_SUGGESTION_ACTION, ...actions || []];
     let processed = content;
     allActions.forEach((action) => {
@@ -3849,7 +4192,7 @@ var AIChatPanel = ({
     });
     return processed;
   }, [actions]);
-  const formatPromptForDisplay = (0, import_react11.useCallback)((prompt) => {
+  const formatPromptForDisplay = (0, import_react12.useCallback)((prompt) => {
     let displayPrompt = prompt;
     const isoTimestampRegex = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}\.\d{3}Z:/;
     if (isoTimestampRegex.test(displayPrompt)) {
@@ -3867,37 +4210,81 @@ var AIChatPanel = ({
     }
     return displayPrompt;
   }, [hideRagContextInPrompt]);
-  const copyToClipboard = (0, import_react11.useCallback)((text, callId) => __async(void 0, null, function* () {
+  const interactionClicked = (0, import_react12.useCallback)((callId, action, emailaddress = "", comment = "") => __async(void 0, null, function* () {
+    var _a2, _b;
+    console.log(`[AIChatPanel] Interaction: ${action} for callId: ${callId}`);
+    const convId = currentConversation || (yield ensureConversation());
+    const finalCallId = callId || convId;
+    const isEmailAddress2 = (str) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(str);
+    const email = emailaddress && emailaddress !== "" ? emailaddress : isEmailAddress2((_a2 = customer == null ? void 0 : customer.customer_user_email) != null ? _a2 : "") ? customer == null ? void 0 : customer.customer_user_email : isEmailAddress2((_b = customer == null ? void 0 : customer.customer_id) != null ? _b : "") ? customer == null ? void 0 : customer.customer_id : "";
     try {
-      const cleanText = text.replace(/<[^>]*>/g, "").replace(/\*\*(.*?)\*\*/g, "$1").replace(/\*(.*?)\*/g, "$1").replace(/#{1,6}\s/g, "").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1");
-      yield navigator.clipboard.writeText(cleanText);
-      setCopiedCallId(callId);
-      setTimeout(() => setCopiedCallId(null), 2e3);
-    } catch (err) {
-      console.error("Failed to copy:", err);
-    }
-  }), []);
-  const scrollToBottom = (0, import_react11.useCallback)(() => {
-    var _a;
+      yield fetch(`${publicAPIUrl}/feedback/${finalCallId}/${action}`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          project_id: project_id != null ? project_id : "",
+          conversation_id: convId != null ? convId : "",
+          email,
+          comment
+        })
+      });
+    } catch (err) {
+      console.error("[AIChatPanel] Failed to send feedback:", err);
+    }
+  }), [currentConversation, ensureConversation, customer, project_id, publicAPIUrl]);
+  const copyToClipboard = (0, import_react12.useCallback)((text, callId) => __async(void 0, null, function* () {
+    try {
+      const cleanText = text.replace(/<[^>]*>/g, "").replace(/\*\*(.*?)\*\*/g, "$1").replace(/\*(.*?)\*/g, "$1").replace(/#{1,6}\s/g, "").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1");
+      yield navigator.clipboard.writeText(cleanText);
+      setCopiedCallId(callId);
+      setTimeout(() => setCopiedCallId(null), 2e3);
+      yield interactionClicked(callId, "copy");
+    } catch (err) {
+      console.error("Failed to copy:", err);
+    }
+  }), [interactionClicked]);
+  const handleThumbsUp = (0, import_react12.useCallback)((callId) => __async(void 0, null, function* () {
+    console.log("[AIChatPanel] Thumbs up clicked:", callId);
+    setFeedbackCallId({ callId, type: "up" });
+    setTimeout(() => setFeedbackCallId(null), 2e3);
+    yield interactionClicked(callId, "thumbsup");
+    if (thumbsUpClick) {
+      thumbsUpClick(callId);
+    }
+  }), [thumbsUpClick, interactionClicked]);
+  const handleThumbsDown = (0, import_react12.useCallback)((callId) => __async(void 0, null, function* () {
+    console.log("[AIChatPanel] Thumbs down clicked:", callId);
+    setFeedbackCallId({ callId, type: "down" });
+    setTimeout(() => setFeedbackCallId(null), 2e3);
+    yield interactionClicked(callId, "thumbsdown");
+    if (thumbsDownClick) {
+      thumbsDownClick(callId);
+    }
+  }), [thumbsDownClick, interactionClicked]);
+  const scrollToBottom = (0, import_react12.useCallback)(() => {
+    var _a2;
     if (scrollRAFRef.current) {
       cancelAnimationFrame(scrollRAFRef.current);
     }
     const now = Date.now();
     if (now - lastScrollTimeRef.current < 100) {
       scrollRAFRef.current = requestAnimationFrame(() => {
-        var _a2;
-        (_a2 = bottomRef.current) == null ? void 0 : _a2.scrollIntoView({ behavior: "auto" });
+        var _a3;
+        (_a3 = bottomRef.current) == null ? void 0 : _a3.scrollIntoView({ behavior: "auto" });
         lastScrollTimeRef.current = Date.now();
       });
       return;
     }
-    (_a = bottomRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "auto" });
+    (_a2 = bottomRef.current) == null ? void 0 : _a2.scrollIntoView({ behavior: "auto" });
     lastScrollTimeRef.current = now;
   }, []);
-  const continueChat = (0, import_react11.useCallback)((promptText) => {
+  const continueChat = (0, import_react12.useCallback)((promptText) => {
     console.log("AIChatPanel.continueChat called with:", promptText);
     setThinkingBlocks([]);
     setCurrentThinkingIndex(0);
+    setError(null);
     setUserHasScrolled(false);
     setResponse("");
     if (!idle) {
@@ -3948,11 +4335,6 @@ var AIChatPanel = ({
       if (messagesAndHistory.length === 0 && promptTemplate) {
         fullPromptToSend = promptTemplate.replace("{{prompt}}", fullPromptToSend);
       }
-      if (followOnPrompt) {
-        fullPromptToSend += `
-
-${followOnPrompt}`;
-      }
       const newController = new AbortController();
       setLastController(newController);
       send(
@@ -3970,7 +4352,37 @@ ${followOnPrompt}`;
         // group_id from agent config
         convId,
         // Use the conversation ID from ensureConversation
-        newController
+        newController,
+        void 0,
+        // onComplete
+        (errorMsg) => {
+          console.log("[AIChatPanel] Error callback triggered:", errorMsg);
+          if (errorMsg.includes("413") || errorMsg.toLowerCase().includes("content too large")) {
+            setError({
+              message: "The context is too large to process. Please start a new conversation or reduce the amount of context.",
+              code: "413"
+            });
+          } else if (errorMsg.toLowerCase().includes("network error") || errorMsg.toLowerCase().includes("fetch")) {
+            setError({
+              message: "Network error. Please check your connection and try again.",
+              code: "NETWORK_ERROR"
+            });
+          } else {
+            setError({
+              message: errorMsg,
+              code: "UNKNOWN_ERROR"
+            });
+          }
+          setIsLoading(false);
+          if (promptKey) {
+            setHistory((prev) => __spreadProps(__spreadValues({}, prev), {
+              [promptKey]: {
+                content: `Error: ${errorMsg}`,
+                callId: lastCallId || ""
+              }
+            }));
+          }
+        }
       );
       setLastMessages(messagesAndHistory);
       if (convId && onConversationCreated) {
@@ -3990,7 +4402,6 @@ ${followOnPrompt}`;
     clearFollowOnQuestionsNextPrompt,
     history,
     promptTemplate,
-    followOnPrompt,
     send,
     service,
     ensureConversation,
@@ -3999,13 +4410,13 @@ ${followOnPrompt}`;
     onConversationCreated,
     setResponse
   ]);
-  const handleSuggestionClick = (0, import_react11.useCallback)((question) => {
+  const handleSuggestionClick = (0, import_react12.useCallback)((question) => {
     continueChat(question);
   }, [continueChat]);
-  const handleStop = (0, import_react11.useCallback)(() => {
+  const handleStop = (0, import_react12.useCallback)(() => {
     stop(lastController);
   }, [stop, lastController]);
-  const handleNewConversation = (0, import_react11.useCallback)(() => {
+  const handleNewConversation = (0, import_react12.useCallback)(() => {
     if (!newConversationConfirm) {
       setNewConversationConfirm(true);
       setTimeout(() => setNewConversationConfirm(false), 3e3);
@@ -4030,13 +4441,14 @@ ${followOnPrompt}`;
     setJustReset(true);
     setLastController(new AbortController());
     setUserHasScrolled(false);
+    setError(null);
     setTimeout(() => {
-      var _a;
+      var _a2;
       setJustReset(false);
-      (_a = responseAreaRef.current) == null ? void 0 : _a.scrollTo({ top: 0, behavior: "smooth" });
+      (_a2 = responseAreaRef.current) == null ? void 0 : _a2.scrollTo({ top: 0, behavior: "smooth" });
     }, 100);
   }, [newConversationConfirm, idle, stop, lastController, setResponse, followOnQuestions]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!response || !lastKey || justReset) return;
     const { cleanedText, blocks } = processThinkingTags(response);
     setThinkingBlocks(blocks);
@@ -4051,12 +4463,13 @@ ${followOnPrompt}`;
       return newHistory;
     });
   }, [response, lastKey, lastCallId, processThinkingTags, justReset]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const wasStreaming = !prevIdleRef.current;
     const isNowIdle = idle;
     prevIdleRef.current = idle;
     if (wasStreaming && isNowIdle && !hasNotifiedCompletionRef.current) {
       hasNotifiedCompletionRef.current = true;
+      setIsLoading(false);
       const currentHistory = latestHistoryRef.current;
       const currentLastKey = lastKeyRef.current;
       const currentLastCallId = lastCallIdRef.current;
@@ -4075,16 +4488,17 @@ ${followOnPrompt}`;
       hasNotifiedCompletionRef.current = false;
     }
   }, [idle]);
-  (0, import_react11.useEffect)(() => {
-    if (!idle && !userHasScrolled && response) {
+  (0, import_react12.useEffect)(() => {
+    const shouldAutoScroll = scrollToEnd || !userHasScrolled;
+    if (!idle && shouldAutoScroll && response) {
       scrollToBottom();
     }
-  }, [response, scrollToBottom, idle, userHasScrolled]);
-  const idleRef = (0, import_react11.useRef)(idle);
+  }, [response, scrollToBottom, idle, userHasScrolled, scrollToEnd]);
+  const idleRef = (0, import_react12.useRef)(idle);
   idleRef.current = idle;
-  const userHasScrolledRef = (0, import_react11.useRef)(userHasScrolled);
+  const userHasScrolledRef = (0, import_react12.useRef)(userHasScrolled);
   userHasScrolledRef.current = userHasScrolled;
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const scrollArea = responseAreaRef.current;
     if (!scrollArea) return;
     const scrollViewport = scrollArea.querySelector("[data-radix-scroll-area-viewport]");
@@ -4103,16 +4517,16 @@ ${followOnPrompt}`;
     scrollElement.addEventListener("scroll", handleScroll, { passive: true });
     return () => scrollElement.removeEventListener("scroll", handleScroll);
   }, []);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     setFollowOnQuestionsState(followOnQuestions);
   }, [followOnQuestions]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const currentlyLoading = isLoading || !idle;
     if (onLoadingChange) {
       onLoadingChange(currentlyLoading);
     }
   }, [isLoading, idle, onLoadingChange]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     return () => {
       if (scrollRAFRef.current) {
         cancelAnimationFrame(scrollRAFRef.current);
@@ -4132,26 +4546,115 @@ ${followOnPrompt}`;
       }
     };
   }, []);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (initialPrompt && initialPrompt !== "" && !initialPromptSentRef.current) {
       initialPromptSentRef.current = true;
       continueChat(initialPrompt);
     }
   }, [initialPrompt, continueChat]);
-  const CodeBlock = (0, import_react11.useCallback)((_a) => {
-    var _b = _a, { node, inline, className, children } = _b, props = __objRest(_b, ["node", "inline", "className", "children"]);
+  (0, import_react12.useEffect)(() => {
+    if (followOnPrompt && followOnPrompt !== "" && followOnPrompt !== lastFollowOnPromptRef.current) {
+      lastFollowOnPromptRef.current = followOnPrompt;
+      continueChat(followOnPrompt);
+    }
+  }, [followOnPrompt, continueChat]);
+  (0, import_react12.useEffect)(() => {
+    if (llmError && llmError.trim()) {
+      console.log("[AIChatPanel] Error detected:", llmError);
+      const errorMessage = llmError;
+      if (errorMessage.includes("413") || errorMessage.toLowerCase().includes("content too large")) {
+        setError({
+          message: "The context is too large to process. Please start a new conversation or reduce the amount of context.",
+          code: "413"
+        });
+      } else if (errorMessage.toLowerCase().includes("network error") || errorMessage.toLowerCase().includes("fetch")) {
+        setError({
+          message: "Network error. Please check your connection and try again.",
+          code: "NETWORK_ERROR"
+        });
+      } else {
+        setError({
+          message: errorMessage,
+          code: "UNKNOWN_ERROR"
+        });
+      }
+      setIsLoading(false);
+      if (lastKey) {
+        setHistory((prev) => __spreadProps(__spreadValues({}, prev), {
+          [lastKey]: {
+            content: `Error: ${errorMessage}`,
+            callId: lastCallId || ""
+          }
+        }));
+      }
+    }
+  }, [llmError, lastKey, lastCallId]);
+  (0, import_react12.useEffect)(() => {
+    const existingLinks = document.querySelectorAll(
+      'link[data-source="ai-chat-panel"]'
+    );
+    existingLinks.forEach((link) => {
+      var _a2;
+      return (_a2 = link.parentNode) == null ? void 0 : _a2.removeChild(link);
+    });
+    const existingStyles = document.querySelectorAll(
+      'style[data-source="ai-chat-panel"]'
+    );
+    existingStyles.forEach((style) => {
+      var _a2;
+      return (_a2 = style.parentNode) == null ? void 0 : _a2.removeChild(style);
+    });
+    if (cssUrl) {
+      if (cssUrl.startsWith("http://") || cssUrl.startsWith("https://")) {
+        const link = document.createElement("link");
+        link.href = cssUrl;
+        link.rel = "stylesheet";
+        link.setAttribute("data-source", "ai-chat-panel");
+        document.head.appendChild(link);
+      } else {
+        const style = document.createElement("style");
+        style.textContent = cssUrl;
+        style.setAttribute("data-source", "ai-chat-panel");
+        document.head.appendChild(style);
+      }
+    }
+    return () => {
+      const links = document.querySelectorAll(
+        'link[data-source="ai-chat-panel"]'
+      );
+      links.forEach((link) => {
+        var _a2;
+        return (_a2 = link.parentNode) == null ? void 0 : _a2.removeChild(link);
+      });
+      const styles = document.querySelectorAll(
+        'style[data-source="ai-chat-panel"]'
+      );
+      styles.forEach((style) => {
+        var _a2;
+        return (_a2 = style.parentNode) == null ? void 0 : _a2.removeChild(style);
+      });
+    };
+  }, [cssUrl]);
+  const CodeBlock = (0, import_react12.useCallback)((_b) => {
+    var _c = _b, { node, inline, className, children } = _c, props = __objRest(_c, ["node", "inline", "className", "children"]);
     const match = /language-(\w+)/.exec(className || "");
-    return !inline && match ? /* @__PURE__ */ import_react11.default.createElement(
+    return !inline && match ? /* @__PURE__ */ import_react12.default.createElement(
       import_react_syntax_highlighter2.Prism,
       __spreadValues({
-        style: prismStyle,
+        style: effectivePrismStyle,
         language: match[1],
         PreTag: "div"
       }, props),
       String(children).replace(/\n$/, "")
-    ) : /* @__PURE__ */ import_react11.default.createElement("code", __spreadValues({ className }, props), children);
-  }, [prismStyle]);
-  const AgentSuggestionCard = (0, import_react11.useCallback)(({ agentId, agentName, reason }) => {
+    ) : /* @__PURE__ */ import_react12.default.createElement("code", __spreadValues({ className }, props), children);
+  }, [effectivePrismStyle]);
+  const AgentSuggestionCard = import_react12.default.memo(({ agentId, agentName, reason }) => {
+    (0, import_react12.useEffect)(() => {
+      const timer = setTimeout(() => {
+        scrollToBottom();
+      }, 100);
+      return () => clearTimeout(timer);
+    }, []);
     if (!agentId || !onAgentChange) return null;
     const isValidUUID = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(agentId);
     const agentOption = agentOptions.find((opt) => opt.value === agentId);
@@ -4160,33 +4663,33 @@ ${followOnPrompt}`;
     const avatarUrl = agentOption == null ? void 0 : agentOption.avatarUrl;
     const isCurrentAgent = currentAgentId === agentId;
     if (!isValidAgent || agentId.includes("{") || agentId.includes("$")) {
-      return /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-agent-suggestion ai-chat-agent-suggestion--invalid" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-agent-suggestion__content" }, avatarUrl ? /* @__PURE__ */ import_react11.default.createElement(
+      return /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-agent-suggestion ai-chat-agent-suggestion--invalid" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-agent-suggestion__content" }, avatarUrl ? /* @__PURE__ */ import_react12.default.createElement(
         "img",
         {
           src: avatarUrl,
           alt: agentName,
           className: "ai-chat-agent-suggestion__avatar"
         }
-      ) : /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-agent-suggestion__icon" }, /* @__PURE__ */ import_react11.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react11.default.createElement("path", { d: "M12 8V4H8" }), /* @__PURE__ */ import_react11.default.createElement("rect", { width: "16", height: "12", x: "4", y: "8", rx: "2" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M2 14h2" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M20 14h2" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M15 13v2" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M9 13v2" }))), /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-agent-suggestion__text" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-agent-suggestion__label" }, "Suggested: ", agentName), reason && /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-agent-suggestion__reason" }, reason))), /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-agent-suggestion__unavailable" }, "Agent unavailable"));
+      ) : /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-agent-suggestion__icon" }, /* @__PURE__ */ import_react12.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react12.default.createElement("path", { d: "M12 8V4H8" }), /* @__PURE__ */ import_react12.default.createElement("rect", { width: "16", height: "12", x: "4", y: "8", rx: "2" }), /* @__PURE__ */ import_react12.default.createElement("path", { d: "M2 14h2" }), /* @__PURE__ */ import_react12.default.createElement("path", { d: "M20 14h2" }), /* @__PURE__ */ import_react12.default.createElement("path", { d: "M15 13v2" }), /* @__PURE__ */ import_react12.default.createElement("path", { d: "M9 13v2" }))), /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-agent-suggestion__text" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-agent-suggestion__label" }, "Suggested: ", agentName), reason && /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-agent-suggestion__reason" }, reason))), /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-agent-suggestion__unavailable" }, "Agent unavailable"));
     }
     if (isCurrentAgent) {
-      return /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-agent-suggestion ai-chat-agent-suggestion--switched" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-agent-suggestion__content" }, avatarUrl ? /* @__PURE__ */ import_react11.default.createElement(
+      return /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-agent-suggestion ai-chat-agent-suggestion--switched" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-agent-suggestion__content" }, avatarUrl ? /* @__PURE__ */ import_react12.default.createElement(
         "img",
         {
           src: avatarUrl,
           alt: agentName,
           className: "ai-chat-agent-suggestion__avatar"
         }
-      ) : /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-agent-suggestion__icon ai-chat-agent-suggestion__icon--switched" }, /* @__PURE__ */ import_react11.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react11.default.createElement("polyline", { points: "20 6 9 17 4 12" }))), /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-agent-suggestion__text" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-agent-suggestion__label" }, "Switched to ", agentName), reason && /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-agent-suggestion__reason" }, reason))), /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-agent-suggestion__switched-badge" }, /* @__PURE__ */ import_react11.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react11.default.createElement("polyline", { points: "20 6 9 17 4 12" })), "Active"));
+      ) : /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-agent-suggestion__icon ai-chat-agent-suggestion__icon--switched" }, /* @__PURE__ */ import_react12.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react12.default.createElement("polyline", { points: "20 6 9 17 4 12" }))), /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-agent-suggestion__text" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-agent-suggestion__label" }, "Switched to ", agentName), reason && /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-agent-suggestion__reason" }, reason))), /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-agent-suggestion__switched-badge" }, /* @__PURE__ */ import_react12.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react12.default.createElement("polyline", { points: "20 6 9 17 4 12" })), "Active"));
     }
-    return /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-agent-suggestion" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-agent-suggestion__content" }, avatarUrl ? /* @__PURE__ */ import_react11.default.createElement(
+    return /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-agent-suggestion" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-agent-suggestion__content" }, avatarUrl ? /* @__PURE__ */ import_react12.default.createElement(
       "img",
       {
         src: avatarUrl,
         alt: agentName,
         className: "ai-chat-agent-suggestion__avatar"
       }
-    ) : /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-agent-suggestion__icon" }, /* @__PURE__ */ import_react11.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react11.default.createElement("path", { d: "M12 8V4H8" }), /* @__PURE__ */ import_react11.default.createElement("rect", { width: "16", height: "12", x: "4", y: "8", rx: "2" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M2 14h2" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M20 14h2" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M15 13v2" }), /* @__PURE__ */ import_react11.default.createElement("path", { d: "M9 13v2" }))), /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-agent-suggestion__text" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-agent-suggestion__label" }, "Suggested: ", agentName), reason && /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-agent-suggestion__reason" }, reason))), /* @__PURE__ */ import_react11.default.createElement(
+    ) : /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-agent-suggestion__icon" }, /* @__PURE__ */ import_react12.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react12.default.createElement("path", { d: "M12 8V4H8" }), /* @__PURE__ */ import_react12.default.createElement("rect", { width: "16", height: "12", x: "4", y: "8", rx: "2" }), /* @__PURE__ */ import_react12.default.createElement("path", { d: "M2 14h2" }), /* @__PURE__ */ import_react12.default.createElement("path", { d: "M20 14h2" }), /* @__PURE__ */ import_react12.default.createElement("path", { d: "M15 13v2" }), /* @__PURE__ */ import_react12.default.createElement("path", { d: "M9 13v2" }))), /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-agent-suggestion__text" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-agent-suggestion__label" }, "Suggested: ", agentName), reason && /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-agent-suggestion__reason" }, reason))), /* @__PURE__ */ import_react12.default.createElement(
       Button,
       {
         variant: "default",
@@ -4195,23 +4698,22 @@ ${followOnPrompt}`;
         onClick: () => {
           onAgentChange(agentId);
           setTimeout(() => {
-            var _a;
-            (_a = bottomRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "auto" });
-          }, 50);
+            scrollToBottom();
+          }, 100);
         }
       },
       "Switch"
     ));
-  }, [onAgentChange, agentOptions, currentAgentId]);
-  const markdownComponents = (0, import_react11.useMemo)(() => ({
+  });
+  const markdownComponents = (0, import_react12.useMemo)(() => ({
     code: CodeBlock,
-    "agent-suggestion": (_a) => {
-      var _b = _a, { node } = _b, props = __objRest(_b, ["node"]);
+    "agent-suggestion": (_a2) => {
+      var _b = _a2, { node } = _b, props = __objRest(_b, ["node"]);
       const agentId = props["data-agent-id"];
       const agentName = props["data-agent-name"];
       const reason = props["data-reason"];
       if (!agentId) return null;
-      return /* @__PURE__ */ import_react11.default.createElement(
+      return /* @__PURE__ */ import_react12.default.createElement(
         AgentSuggestionCard,
         {
           agentId,
@@ -4221,135 +4723,358 @@ ${followOnPrompt}`;
       );
     }
   }), [CodeBlock, AgentSuggestionCard]);
-  const renderThinkingBlocks = (0, import_react11.useCallback)(() => {
+  const renderThinkingBlocks = (0, import_react12.useCallback)(() => {
     if (thinkingBlocks.length === 0) return null;
     const currentBlock = thinkingBlocks[currentThinkingIndex];
     if (!currentBlock) return null;
     const isReasoning = currentBlock.type === "reasoning";
-    const icon = isReasoning ? /* @__PURE__ */ import_react11.default.createElement(BrainIcon, null) : /* @__PURE__ */ import_react11.default.createElement(SearchIcon, null);
+    const icon = isReasoning ? /* @__PURE__ */ import_react12.default.createElement(BrainIcon, null) : /* @__PURE__ */ import_react12.default.createElement(SearchIcon, null);
     const title2 = isReasoning ? "Reasoning" : "Searching";
-    return /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-thinking" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-thinking__header" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-thinking__icon" }, icon), /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-thinking__title" }, title2), thinkingBlocks.length > 1 && /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-thinking__nav" }, /* @__PURE__ */ import_react11.default.createElement(
+    return /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-thinking" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-thinking__header" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-thinking__icon" }, icon), /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-thinking__title" }, title2), thinkingBlocks.length > 1 && /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-thinking__nav" }, /* @__PURE__ */ import_react12.default.createElement(
       "button",
       {
         onClick: () => setCurrentThinkingIndex(Math.max(0, currentThinkingIndex - 1)),
         disabled: currentThinkingIndex === 0
       },
       "\u2039"
-    ), /* @__PURE__ */ import_react11.default.createElement("span", null, currentThinkingIndex + 1, " / ", thinkingBlocks.length), /* @__PURE__ */ import_react11.default.createElement(
+    ), /* @__PURE__ */ import_react12.default.createElement("span", null, currentThinkingIndex + 1, " / ", thinkingBlocks.length), /* @__PURE__ */ import_react12.default.createElement(
       "button",
       {
         onClick: () => setCurrentThinkingIndex(Math.min(thinkingBlocks.length - 1, currentThinkingIndex + 1)),
         disabled: currentThinkingIndex === thinkingBlocks.length - 1
       },
       "\u203A"
-    ))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-thinking__content" }, cleanContentForDisplay(currentBlock.content)));
+    ))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-thinking__content" }, cleanContentForDisplay(currentBlock.content)));
   }, [thinkingBlocks, currentThinkingIndex, cleanContentForDisplay]);
   const panelClasses = ["ai-chat-panel", theme === "dark" ? "dark-theme" : ""].filter(Boolean).join(" ");
-  return /* @__PURE__ */ import_react11.default.createElement("div", { className: panelClasses }, title && /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-panel__title" }, title), /* @__PURE__ */ import_react11.default.createElement(ScrollArea, { className: "ai-chat-panel__messages", ref: responseAreaRef }, initialMessage && /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-message ai-chat-message--assistant" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-message__content" }, /* @__PURE__ */ import_react11.default.createElement(import_react_markdown2.default, { remarkPlugins: [import_remark_gfm2.default], rehypePlugins: [import_rehype_raw2.default] }, initialMessage))), Object.entries(history).map(([prompt, entry], index, entries) => {
-    const isLastEntry = index === entries.length - 1;
-    const isSystemMessage = prompt.startsWith("__system__:");
-    const { cleanedText } = processThinkingTags(entry.content);
-    const processedContent = processActions(cleanedText);
-    return /* @__PURE__ */ import_react11.default.createElement("div", { key: index, className: "ai-chat-entry" }, !(hideInitialPrompt && index === 0) && !isSystemMessage && /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-message ai-chat-message--user" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-message__content" }, formatPromptForDisplay(prompt))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-message ai-chat-message--assistant" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-message__content" }, isLastEntry && (isLoading || !idle) && !justReset ? /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-streaming" }, thinkingBlocks.length > 0 && renderThinkingBlocks(), processedContent ? /* @__PURE__ */ import_react11.default.createElement(
+  return /* @__PURE__ */ import_react12.default.createElement(
+    "div",
+    {
+      className: panelClasses,
+      style: __spreadValues(__spreadValues({}, width && { width }), height && { height })
+    },
+    title && /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-panel__title" }, title),
+    error && /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-error-banner" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-error-banner__icon" }, /* @__PURE__ */ import_react12.default.createElement(AlertCircleIcon, null)), /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-error-banner__content" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-error-banner__message" }, error.message), error.code === "413" && /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-error-banner__hint" }, "Try starting a new conversation or reducing the amount of information being sent.")), /* @__PURE__ */ import_react12.default.createElement(
+      "button",
+      {
+        className: "ai-chat-error-banner__close",
+        onClick: () => setError(null),
+        "aria-label": "Dismiss error"
+      },
+      /* @__PURE__ */ import_react12.default.createElement(CloseIcon, null)
+    )),
+    /* @__PURE__ */ import_react12.default.createElement(ScrollArea, { className: "ai-chat-panel__messages", ref: responseAreaRef }, initialMessage && /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-message ai-chat-message--assistant" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-message__content" }, markdownClass ? /* @__PURE__ */ import_react12.default.createElement("div", { className: markdownClass }, /* @__PURE__ */ import_react12.default.createElement(
       import_react_markdown2.default,
       {
         remarkPlugins: [import_remark_gfm2.default],
-        rehypePlugins: [import_rehype_raw2.default],
-        components: markdownComponents
+        rehypePlugins: [import_rehype_raw2.default]
       },
-      processedContent
-    ) : /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-loading" }, /* @__PURE__ */ import_react11.default.createElement("span", null, "Thinking"), /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-loading__dots" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-loading__dot" }), /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-loading__dot" }), /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-loading__dot" })))) : /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, isLastEntry && thinkingBlocks.length > 0 && renderThinkingBlocks(), /* @__PURE__ */ import_react11.default.createElement(
+      initialMessage
+    )) : /* @__PURE__ */ import_react12.default.createElement(
       import_react_markdown2.default,
       {
         remarkPlugins: [import_remark_gfm2.default],
-        rehypePlugins: [import_rehype_raw2.default],
-        components: markdownComponents
+        rehypePlugins: [import_rehype_raw2.default]
       },
-      processedContent
-    ))), idle && !isLoading && /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-message__actions" }, /* @__PURE__ */ import_react11.default.createElement(Tooltip, { content: copiedCallId === entry.callId ? "Copied!" : "Copy" }, /* @__PURE__ */ import_react11.default.createElement(
+      initialMessage
+    ))), Object.entries(history).map(([prompt, entry], index, entries) => {
+      const isLastEntry = index === entries.length - 1;
+      const isSystemMessage = prompt.startsWith("__system__:");
+      const { cleanedText } = processThinkingTags(entry.content);
+      const processedContent = processActions(cleanedText);
+      return /* @__PURE__ */ import_react12.default.createElement("div", { key: index, className: "ai-chat-entry" }, !(hideInitialPrompt && index === 0) && !isSystemMessage && /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-message ai-chat-message--user" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-message__content" }, formatPromptForDisplay(prompt))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-message ai-chat-message--assistant" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-message__content" }, isLastEntry && (isLoading || !idle) && !justReset ? /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-streaming" }, thinkingBlocks.length > 0 && renderThinkingBlocks(), processedContent ? markdownClass ? /* @__PURE__ */ import_react12.default.createElement("div", { className: markdownClass }, /* @__PURE__ */ import_react12.default.createElement(
+        import_react_markdown2.default,
+        {
+          remarkPlugins: [import_remark_gfm2.default],
+          rehypePlugins: [import_rehype_raw2.default],
+          components: markdownComponents
+        },
+        processedContent
+      )) : /* @__PURE__ */ import_react12.default.createElement(
+        import_react_markdown2.default,
+        {
+          remarkPlugins: [import_remark_gfm2.default],
+          rehypePlugins: [import_rehype_raw2.default],
+          components: markdownComponents
+        },
+        processedContent
+      ) : /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-loading" }, /* @__PURE__ */ import_react12.default.createElement("span", null, "Thinking"), /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-loading__dots" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-loading__dot" }), /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-loading__dot" }), /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-loading__dot" })))) : /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, isLastEntry && thinkingBlocks.length > 0 && renderThinkingBlocks(), markdownClass ? /* @__PURE__ */ import_react12.default.createElement("div", { className: markdownClass }, /* @__PURE__ */ import_react12.default.createElement(
+        import_react_markdown2.default,
+        {
+          remarkPlugins: [import_remark_gfm2.default],
+          rehypePlugins: [import_rehype_raw2.default],
+          components: markdownComponents
+        },
+        processedContent
+      )) : /* @__PURE__ */ import_react12.default.createElement(
+        import_react_markdown2.default,
+        {
+          remarkPlugins: [import_remark_gfm2.default],
+          rehypePlugins: [import_rehype_raw2.default],
+          components: markdownComponents
+        },
+        processedContent
+      ))), (!isLastEntry || !isLoading) && /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-message__actions" }, /* @__PURE__ */ import_react12.default.createElement(
+        "button",
+        {
+          className: "ai-chat-action-button",
+          onClick: () => copyToClipboard(entry.content, entry.callId),
+          title: copiedCallId === entry.callId ? "Copied!" : "Copy"
+        },
+        copiedCallId === entry.callId ? /* @__PURE__ */ import_react12.default.createElement("span", { style: { fontSize: "11px", fontWeight: 500 } }, "Copied!") : /* @__PURE__ */ import_react12.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ai-chat-icon-sm" }, /* @__PURE__ */ import_react12.default.createElement("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), /* @__PURE__ */ import_react12.default.createElement("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }))
+      ), /* @__PURE__ */ import_react12.default.createElement(
+        "button",
+        {
+          className: "ai-chat-action-button",
+          onClick: () => handleThumbsUp(entry.callId),
+          title: (feedbackCallId == null ? void 0 : feedbackCallId.callId) === entry.callId && (feedbackCallId == null ? void 0 : feedbackCallId.type) === "up" ? "Thanks!" : "Good response",
+          style: (feedbackCallId == null ? void 0 : feedbackCallId.callId) === entry.callId && (feedbackCallId == null ? void 0 : feedbackCallId.type) === "up" ? { color: "#22c55e" } : void 0
+        },
+        (feedbackCallId == null ? void 0 : feedbackCallId.callId) === entry.callId && (feedbackCallId == null ? void 0 : feedbackCallId.type) === "up" ? /* @__PURE__ */ import_react12.default.createElement("span", { style: { fontSize: "11px", fontWeight: 500 } }, "Thanks!") : /* @__PURE__ */ import_react12.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ai-chat-icon-sm" }, /* @__PURE__ */ import_react12.default.createElement("path", { d: "M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3" }))
+      ), /* @__PURE__ */ import_react12.default.createElement(
+        "button",
+        {
+          className: "ai-chat-action-button",
+          onClick: () => handleThumbsDown(entry.callId),
+          title: (feedbackCallId == null ? void 0 : feedbackCallId.callId) === entry.callId && (feedbackCallId == null ? void 0 : feedbackCallId.type) === "down" ? "Thanks!" : "Poor response",
+          style: (feedbackCallId == null ? void 0 : feedbackCallId.callId) === entry.callId && (feedbackCallId == null ? void 0 : feedbackCallId.type) === "down" ? { color: "#ef4444" } : void 0
+        },
+        (feedbackCallId == null ? void 0 : feedbackCallId.callId) === entry.callId && (feedbackCallId == null ? void 0 : feedbackCallId.type) === "down" ? /* @__PURE__ */ import_react12.default.createElement("span", { style: { fontSize: "11px", fontWeight: 500 } }, "Thanks!") : /* @__PURE__ */ import_react12.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ai-chat-icon-sm" }, /* @__PURE__ */ import_react12.default.createElement("path", { d: "M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17" }))
+      ), (entry.toolCalls || entry.toolResponses) && /* @__PURE__ */ import_react12.default.createElement(
+        "button",
+        {
+          className: "ai-chat-action-button",
+          onClick: () => {
+            setToolInfoData({
+              calls: entry.toolCalls || [],
+              responses: entry.toolResponses || []
+            });
+            setIsToolInfoModalOpen(true);
+          },
+          title: "View tool information"
+        },
+        /* @__PURE__ */ import_react12.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ai-chat-icon-sm" }, /* @__PURE__ */ import_react12.default.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ import_react12.default.createElement("line", { x1: "12", x2: "12", y1: "16", y2: "12" }), /* @__PURE__ */ import_react12.default.createElement("line", { x1: "12", x2: "12.01", y1: "8", y2: "8" }))
+      ))));
+    }), followOnQuestionsState.length > 0 && idle && !isLoading && /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-suggestions" }, followOnQuestionsState.map((question, index) => /* @__PURE__ */ import_react12.default.createElement(
       Button,
       {
-        variant: "ghost",
-        size: "icon",
-        onClick: () => copyToClipboard(entry.content, entry.callId)
+        key: index,
+        variant: "outline",
+        size: "sm",
+        onClick: () => handleSuggestionClick(question),
+        className: "ai-chat-suggestions__button"
       },
-      /* @__PURE__ */ import_react11.default.createElement(CopyIcon, null)
-    )), thumbsUpClick && /* @__PURE__ */ import_react11.default.createElement(Tooltip, { content: "Good response" }, /* @__PURE__ */ import_react11.default.createElement(
+      question
+    ))), /* @__PURE__ */ import_react12.default.createElement("div", { ref: bottomRef })),
+    pendingToolRequests.length > 0 && /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-approve-tools-panel" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-approve-tools-header" }, "Tool Approval Required"), /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-approve-tools-description" }, "The AI wants to use the following tools:"), getUniqueToolNames().map((toolName) => /* @__PURE__ */ import_react12.default.createElement("div", { key: toolName, className: "ai-chat-approve-tool-item" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-approve-tool-name" }, toolName), /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-approve-tools-buttons" }, /* @__PURE__ */ import_react12.default.createElement(
       Button,
       {
-        variant: "ghost",
-        size: "icon",
-        onClick: () => thumbsUpClick(entry.callId)
+        size: "sm",
+        variant: "outline",
+        className: "ai-chat-approve-tools-button",
+        onClick: () => handleToolApproval(toolName, "once")
       },
-      /* @__PURE__ */ import_react11.default.createElement(ThumbsUpIcon, null)
-    )), thumbsDownClick && /* @__PURE__ */ import_react11.default.createElement(Tooltip, { content: "Poor response" }, /* @__PURE__ */ import_react11.default.createElement(
+      "Once"
+    ), /* @__PURE__ */ import_react12.default.createElement(
       Button,
       {
-        variant: "ghost",
-        size: "icon",
-        onClick: () => thumbsDownClick(entry.callId)
+        size: "sm",
+        variant: "outline",
+        className: "ai-chat-approve-tools-button",
+        onClick: () => handleToolApproval(toolName, "session")
       },
-      /* @__PURE__ */ import_react11.default.createElement(ThumbsDownIcon, null)
-    )))));
-  }), followOnQuestionsState.length > 0 && idle && !isLoading && /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-suggestions" }, followOnQuestionsState.map((question, index) => /* @__PURE__ */ import_react11.default.createElement(
-    Button,
-    {
-      key: index,
-      variant: "outline",
-      size: "sm",
-      onClick: () => handleSuggestionClick(question),
-      className: "ai-chat-suggestions__button"
-    },
-    question
-  ))), /* @__PURE__ */ import_react11.default.createElement("div", { ref: bottomRef })), showNewConversationButton && /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-panel__new-conversation" }, /* @__PURE__ */ import_react11.default.createElement(
-    Button,
-    {
-      variant: newConversationConfirm ? "destructive" : "outline",
-      size: "sm",
-      onClick: handleNewConversation,
-      className: "ai-chat-new-conversation"
-    },
-    newConversationConfirm ? "Click to Confirm" : "New Conversation"
-  )), /* @__PURE__ */ import_react11.default.createElement(
-    ChatInput,
-    {
-      placeholder,
-      idle,
-      onSubmit: continueChat,
-      onStop: handleStop,
-      agentOptions,
-      currentAgentId,
-      onAgentChange,
-      agentsLoading,
-      currentAgentLabel: currentAgentLabel || void 0,
-      currentAgentAvatarUrl: currentAgentAvatarUrl || void 0,
-      contextSections,
-      totalContextTokens,
-      maxContextTokens,
-      enableContextDetailView
-    }
-  ), showPoweredBy && /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-panel__footer" }, mcpServers && mcpServers.length > 0 && /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-tools-status" }, /* @__PURE__ */ import_react11.default.createElement(
-    "span",
-    {
-      className: `ai-chat-tools-status__dot ${toolsLoading ? "loading" : toolsFetchError ? "error" : "ready"}`
-    }
-  ), /* @__PURE__ */ import_react11.default.createElement("span", { className: "ai-chat-tools-status__text" }, toolsLoading ? "tools loading..." : toolsFetchError ? "tool fetch failed" : toolList.length > 0 ? `${toolList.length} tools ready` : "no tools found")), /* @__PURE__ */ import_react11.default.createElement("div", { className: "ai-chat-powered-by" }, /* @__PURE__ */ import_react11.default.createElement("span", null, "brought to you by"), /* @__PURE__ */ import_react11.default.createElement("a", { href: "https://llmasaservice.io", target: "_blank", rel: "noopener noreferrer" }, /* @__PURE__ */ import_react11.default.createElement(LLMAsAServiceLogo, null), /* @__PURE__ */ import_react11.default.createElement("span", null, "llmasaservice.io")))));
+      "This Session"
+    ), /* @__PURE__ */ import_react12.default.createElement(
+      Button,
+      {
+        size: "sm",
+        variant: "default",
+        className: "ai-chat-approve-tools-button",
+        onClick: () => handleToolApproval(toolName, "always")
+      },
+      "Always"
+    ))))),
+    (showSaveButton || showEmailButton || showCallToAction) && /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-button-container" }, showSaveButton && /* @__PURE__ */ import_react12.default.createElement(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        onClick: saveAsHTMLFile,
+        disabled: Object.keys(history).length === 0,
+        className: "ai-chat-save-button"
+      },
+      "\u{1F4BE} Save"
+    ), showEmailButton && /* @__PURE__ */ import_react12.default.createElement(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        onClick: () => {
+          if (isEmailAddress(emailInput)) {
+            setEmailInputSet(true);
+            setEmailValid(true);
+            handleSendEmail(emailInput, emailInput);
+            setEmailClickedButNoEmail(false);
+          } else {
+            setShowEmailPanel(true);
+            setEmailValid(false);
+            setEmailClickedButNoEmail(true);
+          }
+        },
+        disabled: Object.keys(history).length === 0 || isDisabledDueToNoEmail(),
+        className: "ai-chat-email-button"
+      },
+      "\u{1F4E7} Email Conversation",
+      emailSent ? " \u2713" : ""
+    ), showCallToAction && /* @__PURE__ */ import_react12.default.createElement(
+      Button,
+      {
+        variant: callToActionSent ? "outline" : "default",
+        size: "sm",
+        onClick: () => {
+          if (customerEmailCaptureMode !== "HIDE" && !emailInputSet) {
+            setCTAClickedButNoEmail(true);
+            setTimeout(() => setCTAClickedButNoEmail(false), 3e3);
+            return;
+          }
+          const fromEmail = emailInput || (customer == null ? void 0 : customer.customer_user_email) || "";
+          sendCallToActionEmail(fromEmail);
+        },
+        disabled: callToActionSent || Object.keys(history).length === 0,
+        className: "ai-chat-cta-button"
+      },
+      callToActionSent ? "\u2713 Submitted" : callToActionButtonText
+    )),
+    showNewConversationButton && /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-panel__new-conversation" }, /* @__PURE__ */ import_react12.default.createElement(
+      Button,
+      {
+        variant: newConversationConfirm ? "destructive" : "outline",
+        size: "sm",
+        onClick: handleNewConversation,
+        className: "ai-chat-new-conversation"
+      },
+      newConversationConfirm ? "Click to Confirm" : "New Conversation"
+    )),
+    showEmailPanel && /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, !emailValid && /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-email-input-message" }, isDisabledDueToNoEmail() ? "Let's get started - please enter your email" : CTAClickedButNoEmail || emailClickedButNoEmail ? "Sure, we just need an email address to contact you" : "Email address is invalid"), /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-email-input-container" }, /* @__PURE__ */ import_react12.default.createElement(
+      "input",
+      {
+        type: "email",
+        name: "email",
+        id: "email",
+        className: emailValid ? emailInputSet ? "ai-chat-email-input-set" : "ai-chat-email-input" : "ai-chat-email-input-invalid",
+        placeholder: customerEmailCapturePlaceholder,
+        value: emailInput,
+        onChange: (e) => {
+          const newEmail = e.target.value;
+          setEmailInput(newEmail);
+          if (!emailInputSet) {
+            if (customerEmailCaptureMode === "REQUIRED" && newEmail !== "") {
+              setEmailValid(isEmailAddress(newEmail));
+            } else {
+              setEmailValid(true);
+            }
+          }
+        },
+        onBlur: () => {
+          if (emailInput && isEmailAddress(emailInput) && !emailInputSet) {
+            setEmailInputSet(true);
+            setEmailValid(true);
+            interactionClicked("", "emailcapture", emailInput);
+            if (CTAClickedButNoEmail) {
+              sendCallToActionEmail(emailInput);
+              setCTAClickedButNoEmail(false);
+            }
+            if (emailClickedButNoEmail) {
+              handleSendEmail(emailInput, emailInput);
+              setEmailClickedButNoEmail(false);
+            }
+          } else if (customerEmailCaptureMode === "REQUIRED" && emailInput !== "") {
+            setEmailValid(isEmailAddress(emailInput));
+          }
+        },
+        onKeyDown: (e) => {
+          if (e.key === "Enter") {
+            if (isEmailAddress(emailInput)) {
+              setEmailInputSet(true);
+              setEmailValid(true);
+              interactionClicked("", "emailcapture", emailInput);
+              if (CTAClickedButNoEmail) {
+                sendCallToActionEmail(emailInput);
+                setCTAClickedButNoEmail(false);
+              }
+              if (emailClickedButNoEmail) {
+                handleSendEmail(emailInput, emailInput);
+                setEmailClickedButNoEmail(false);
+              }
+            } else {
+              setEmailValid(false);
+            }
+          }
+        },
+        disabled: false
+      }
+    ), emailInputSet && /* @__PURE__ */ import_react12.default.createElement(
+      "button",
+      {
+        className: "ai-chat-email-edit-button",
+        onClick: () => {
+          setEmailInputSet(false);
+          setEmailValid(true);
+        },
+        title: "Edit email"
+      },
+      "\u270E"
+    ))),
+    /* @__PURE__ */ import_react12.default.createElement(
+      ChatInput,
+      {
+        placeholder,
+        idle,
+        onSubmit: continueChat,
+        onStop: handleStop,
+        agentOptions,
+        currentAgentId,
+        onAgentChange,
+        agentsLoading,
+        currentAgentLabel: currentAgentLabel || void 0,
+        currentAgentAvatarUrl: currentAgentAvatarUrl || void 0,
+        contextSections,
+        totalContextTokens,
+        maxContextTokens,
+        enableContextDetailView
+      }
+    ),
+    showPoweredBy && /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-panel__footer" }, mcpServers && mcpServers.length > 0 && /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-tools-status" }, /* @__PURE__ */ import_react12.default.createElement(
+      "span",
+      {
+        className: `ai-chat-tools-status__dot ${toolsLoading ? "loading" : toolsFetchError ? "error" : "ready"}`
+      }
+    ), /* @__PURE__ */ import_react12.default.createElement("span", { className: "ai-chat-tools-status__text" }, toolsLoading ? "tools loading..." : toolsFetchError ? "tool fetch failed" : toolList.length > 0 ? `${toolList.length} tools ready` : "no tools found")), /* @__PURE__ */ import_react12.default.createElement("div", { className: "ai-chat-powered-by" }, /* @__PURE__ */ import_react12.default.createElement("span", null, "brought to you by"), /* @__PURE__ */ import_react12.default.createElement("a", { href: "https://llmasaservice.io", target: "_blank", rel: "noopener noreferrer" }, /* @__PURE__ */ import_react12.default.createElement(LLMAsAServiceLogo, null), /* @__PURE__ */ import_react12.default.createElement("span", null, "llmasaservice.io")))),
+    /* @__PURE__ */ import_react12.default.createElement(
+      ToolInfoModal_default2,
+      {
+        isOpen: isToolInfoModalOpen,
+        onClose: () => setIsToolInfoModalOpen(false),
+        data: toolInfoData
+      }
+    )
+  );
 };
-var AIChatPanel_default = import_react11.default.memo(AIChatPanel);
+var AIChatPanel_default = import_react12.default.memo(AIChatPanel);
 
 // src/hooks/useAgentRegistry.ts
-var import_react12 = require("react");
+var import_react13 = require("react");
 var resolveApiEndpoint = (baseUrl, agentId) => {
   return `https://api.llmasaservice.io/agents/${agentId}`;
 };
 function useAgentRegistry(agentIds, options = {}) {
   const { url = "https://chat.llmasaservice.io", autoFetch = true, localOverrides = {} } = options;
-  const [state, setState] = (0, import_react12.useState)({
+  const [state, setState] = (0, import_react13.useState)({
     agents: {},
     isLoading: false,
     error: null
   });
-  const fetchAgentMetadata = (0, import_react12.useCallback)(
+  const fetchAgentMetadata = (0, import_react13.useCallback)(
     (agentId, signal) => __async(this, null, function* () {
       const endpoint = resolveApiEndpoint(url, agentId);
       try {
@@ -4400,7 +5125,7 @@ function useAgentRegistry(agentIds, options = {}) {
     }),
     [url]
   );
-  const fetchAllAgents = (0, import_react12.useCallback)(() => __async(this, null, function* () {
+  const fetchAllAgents = (0, import_react13.useCallback)(() => __async(this, null, function* () {
     if (agentIds.length === 0) return;
     setState((prev) => __spreadProps(__spreadValues({}, prev), { isLoading: true, error: null }));
     const controller = new AbortController();
@@ -4427,7 +5152,7 @@ function useAgentRegistry(agentIds, options = {}) {
     });
     return () => controller.abort();
   }), [agentIds, fetchAgentMetadata]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!autoFetch) return;
     const abortController = new AbortController();
     const agentsToFetch = agentIds.filter(
@@ -4437,20 +5162,20 @@ function useAgentRegistry(agentIds, options = {}) {
     fetchAllAgents();
     return () => abortController.abort();
   }, [agentIds.join(","), autoFetch]);
-  const getAgent = (0, import_react12.useCallback)(
+  const getAgent = (0, import_react13.useCallback)(
     (agentId) => {
       return state.agents[agentId];
     },
     [state.agents]
   );
-  const isAgentReady = (0, import_react12.useCallback)(
+  const isAgentReady = (0, import_react13.useCallback)(
     (agentId) => {
       var _a;
       return ((_a = state.agents[agentId]) == null ? void 0 : _a.status) === "ready";
     },
     [state.agents]
   );
-  const buildAgentAwarenessInstructions = (0, import_react12.useCallback)(
+  const buildAgentAwarenessInstructions = (0, import_react13.useCallback)(
     (currentAgentId) => {
       const otherAgents = agentIds.filter((id) => id !== currentAgentId).map((id) => {
         const profile = state.agents[id];
@@ -4482,13 +5207,13 @@ Example: "I think ${(exampleAgent == null ? void 0 : exampleAgent.name) || "anot
     },
     [agentIds, state.agents, localOverrides]
   );
-  const readyAgents = (0, import_react12.useMemo)(() => {
+  const readyAgents = (0, import_react13.useMemo)(() => {
     return agentIds.filter((id) => {
       var _a;
       return ((_a = state.agents[id]) == null ? void 0 : _a.status) === "ready";
     });
   }, [agentIds, state.agents]);
-  const agentList = (0, import_react12.useMemo)(() => {
+  const agentList = (0, import_react13.useMemo)(() => {
     return agentIds.map((id) => {
       const profile = state.agents[id];
       const metadata = profile == null ? void 0 : profile.metadata;
@@ -4537,15 +5262,15 @@ function extractAgentNameFromMessage(message) {
 }
 
 // src/AIAgentPanel.tsx
-var SearchIcon2 = () => /* @__PURE__ */ import_react13.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react13.default.createElement("path", { d: "M7.333 12.667A5.333 5.333 0 1 0 7.333 2a5.333 5.333 0 0 0 0 10.667ZM14 14l-2.9-2.9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }));
-var PlusIcon = () => /* @__PURE__ */ import_react13.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react13.default.createElement("path", { d: "M8 3.333v9.334M3.333 8h9.334", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }));
-var ChevronLeftIcon = () => /* @__PURE__ */ import_react13.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react13.default.createElement("path", { d: "M10 12L6 8l4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }));
-var ChevronRightIcon = () => /* @__PURE__ */ import_react13.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react13.default.createElement("path", { d: "M6 12l4-4-4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }));
-var MessageIcon = () => /* @__PURE__ */ import_react13.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react13.default.createElement("path", { d: "M14 10a1.333 1.333 0 0 1-1.333 1.333H4L2 14V3.333A1.333 1.333 0 0 1 3.333 2h9.334A1.333 1.333 0 0 1 14 3.333V10Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }));
-var CloseIcon = () => /* @__PURE__ */ import_react13.default.createElement("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react13.default.createElement("path", { d: "M9 3L3 9M3 3l6 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }));
-var LoadingDotIcon = () => /* @__PURE__ */ import_react13.default.createElement("span", { className: "ai-agent-panel__loading-dot" });
-var SidebarIcon = () => /* @__PURE__ */ import_react13.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react13.default.createElement("rect", { x: "2", y: "2", width: "12", height: "12", rx: "2", stroke: "currentColor", strokeWidth: "1.5" }), /* @__PURE__ */ import_react13.default.createElement("path", { d: "M6 2v12", stroke: "currentColor", strokeWidth: "1.5" }));
-var SparkleIcon = () => /* @__PURE__ */ import_react13.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react13.default.createElement("path", { d: "M8 1v3M8 12v3M3 8H0M16 8h-3M12.95 3.05l-2.12 2.12M5.17 10.83l-2.12 2.12M12.95 12.95l-2.12-2.12M5.17 5.17L3.05 3.05", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }), /* @__PURE__ */ import_react13.default.createElement("circle", { cx: "8", cy: "8", r: "2", fill: "currentColor" }));
+var SearchIcon2 = () => /* @__PURE__ */ import_react14.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react14.default.createElement("path", { d: "M7.333 12.667A5.333 5.333 0 1 0 7.333 2a5.333 5.333 0 0 0 0 10.667ZM14 14l-2.9-2.9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }));
+var PlusIcon = () => /* @__PURE__ */ import_react14.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react14.default.createElement("path", { d: "M8 3.333v9.334M3.333 8h9.334", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }));
+var ChevronLeftIcon = () => /* @__PURE__ */ import_react14.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react14.default.createElement("path", { d: "M10 12L6 8l4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }));
+var ChevronRightIcon = () => /* @__PURE__ */ import_react14.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react14.default.createElement("path", { d: "M6 12l4-4-4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }));
+var MessageIcon = () => /* @__PURE__ */ import_react14.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react14.default.createElement("path", { d: "M14 10a1.333 1.333 0 0 1-1.333 1.333H4L2 14V3.333A1.333 1.333 0 0 1 3.333 2h9.334A1.333 1.333 0 0 1 14 3.333V10Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }));
+var CloseIcon2 = () => /* @__PURE__ */ import_react14.default.createElement("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react14.default.createElement("path", { d: "M9 3L3 9M3 3l6 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }));
+var LoadingDotIcon = () => /* @__PURE__ */ import_react14.default.createElement("span", { className: "ai-agent-panel__loading-dot" });
+var SidebarIcon = () => /* @__PURE__ */ import_react14.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react14.default.createElement("rect", { x: "2", y: "2", width: "12", height: "12", rx: "2", stroke: "currentColor", strokeWidth: "1.5" }), /* @__PURE__ */ import_react14.default.createElement("path", { d: "M6 2v12", stroke: "currentColor", strokeWidth: "1.5" }));
+var SparkleIcon = () => /* @__PURE__ */ import_react14.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react14.default.createElement("path", { d: "M8 1v3M8 12v3M3 8H0M16 8h-3M12.95 3.05l-2.12 2.12M5.17 10.83l-2.12 2.12M12.95 12.95l-2.12-2.12M5.17 5.17L3.05 3.05", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }), /* @__PURE__ */ import_react14.default.createElement("circle", { cx: "8", cy: "8", r: "2", fill: "currentColor" }));
 var normalizeConversationListPayload = (payload) => {
   if (!payload) return [];
   const conversations = Array.isArray(payload) ? payload : payload.conversations || [];
@@ -4668,25 +5393,41 @@ var ChatPanelWrapper = ({
   maxContextTokens,
   enableContextDetailView,
   onConversationCreated,
-  conversationInitialPrompt
+  conversationInitialPrompt,
+  // New props from ChatPanel port
+  cssUrl,
+  markdownClass,
+  width,
+  height,
+  scrollToEnd,
+  prismStyle,
+  showSaveButton,
+  showEmailButton,
+  messages,
+  showCallToAction,
+  callToActionButtonText,
+  callToActionEmailAddress,
+  callToActionEmailSubject,
+  customerEmailCaptureMode,
+  customerEmailCapturePlaceholder
 }) => {
-  var _a, _b;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const convAgentProfile = getAgent(activeConv.agentId);
   const convAgentMetadata = convAgentProfile == null ? void 0 : convAgentProfile.metadata;
   const isVisible = currentConversationId === activeConv.conversationId;
-  const historyCallback = (0, import_react13.useCallback)(
+  const historyCallback = (0, import_react14.useCallback)(
     (history) => {
       handleHistoryChanged(history, activeConv.conversationId);
     },
     [handleHistoryChanged, activeConv.conversationId]
   );
-  const loadingCallback = (0, import_react13.useCallback)(
+  const loadingCallback = (0, import_react14.useCallback)(
     (loading) => {
       handleLoadingChange(loading, activeConv.conversationId);
     },
     [handleLoadingChange, activeConv.conversationId]
   );
-  const conversationCreatedCallback = (0, import_react13.useCallback)(
+  const conversationCreatedCallback = (0, import_react14.useCallback)(
     (realConversationId) => {
       onConversationCreated(activeConv.conversationId, realConversationId);
     },
@@ -4701,18 +5442,18 @@ var ChatPanelWrapper = ({
     const prompts = promptsString ? promptsString.split("|").filter((p) => p.trim()) : [];
     effectiveFollowOnQuestions = [...prompts];
   }
-  const mcpServers = (0, import_react13.useMemo)(() => {
+  const mcpServers = (0, import_react14.useMemo)(() => {
     return (convAgentProfile == null ? void 0 : convAgentProfile.mcpServers) || EMPTY_ARRAY;
   }, [convAgentProfile == null ? void 0 : convAgentProfile.mcpServers]);
   const effectiveInitialPrompt = conversationInitialPrompt || initialPrompt;
   if (!convAgentMetadata) return null;
-  return /* @__PURE__ */ import_react13.default.createElement(
+  return /* @__PURE__ */ import_react14.default.createElement(
     "div",
     {
       className: "ai-agent-panel__chat-wrapper",
       style: { display: isVisible ? "flex" : "none" }
     },
-    /* @__PURE__ */ import_react13.default.createElement(
+    /* @__PURE__ */ import_react14.default.createElement(
       AIChatPanel_default,
       {
         project_id: convAgentMetadata.projectId,
@@ -4737,7 +5478,7 @@ var ChatPanelWrapper = ({
         customer: effectiveCustomer,
         showPoweredBy,
         showNewConversationButton: false,
-        createConversationOnFirstChat: (_b = convAgentMetadata.createConversationOnFirstChat) != null ? _b : true,
+        createConversationOnFirstChat: (_b = convAgentProfile == null ? void 0 : convAgentProfile.createConversationOnFirstChat) != null ? _b : true,
         mcpServers,
         actions,
         followOnQuestions: effectiveFollowOnQuestions,
@@ -4752,13 +5493,28 @@ var ChatPanelWrapper = ({
         totalContextTokens,
         maxContextTokens,
         enableContextDetailView,
-        onConversationCreated: conversationCreatedCallback
+        onConversationCreated: conversationCreatedCallback,
+        cssUrl,
+        markdownClass,
+        width,
+        height,
+        scrollToEnd: scrollToEnd != null ? scrollToEnd : convAgentMetadata.displayAutoScroll,
+        prismStyle,
+        showSaveButton: (_c = showSaveButton != null ? showSaveButton : convAgentMetadata.displayShowSaveButton) != null ? _c : true,
+        showEmailButton: (_d = showEmailButton != null ? showEmailButton : convAgentMetadata.displayShowEmailButton) != null ? _d : true,
+        messages,
+        showCallToAction: (_e = showCallToAction != null ? showCallToAction : convAgentMetadata.displayShowCallToAction) != null ? _e : false,
+        callToActionButtonText: (_f = callToActionButtonText != null ? callToActionButtonText : convAgentMetadata.displayCallToActionButtonText) != null ? _f : "Submit",
+        callToActionEmailAddress: (_g = callToActionEmailAddress != null ? callToActionEmailAddress : convAgentMetadata.displayCallToActionEmailAddress) != null ? _g : "",
+        callToActionEmailSubject: (_h = callToActionEmailSubject != null ? callToActionEmailSubject : convAgentMetadata.displayCallToActionEmailSubject) != null ? _h : "Agent CTA submitted",
+        customerEmailCaptureMode: (_i = customerEmailCaptureMode != null ? customerEmailCaptureMode : convAgentMetadata == null ? void 0 : convAgentMetadata.customerEmailCaptureMode) != null ? _i : "HIDE",
+        customerEmailCapturePlaceholder: (_j = customerEmailCapturePlaceholder != null ? customerEmailCapturePlaceholder : convAgentMetadata == null ? void 0 : convAgentMetadata.customerEmailCapturePlaceholder) != null ? _j : "Please enter your email..."
       }
     )
   );
 };
 ChatPanelWrapper.displayName = "ChatPanelWrapper";
-var AIAgentPanel = import_react13.default.forwardRef(({
+var AIAgentPanel = import_react14.default.forwardRef(({
   agents,
   defaultAgent,
   customerId,
@@ -4797,37 +5553,53 @@ var AIAgentPanel = import_react13.default.forwardRef(({
   followOnQuestions = [],
   followOnPrompt = "",
   historyListLimit = 50,
-  showConversationHistory = true
+  showConversationHistory = true,
+  // New props from ChatPanel port
+  cssUrl,
+  markdownClass,
+  width,
+  height,
+  scrollToEnd,
+  prismStyle,
+  showSaveButton,
+  showEmailButton,
+  messages,
+  showCallToAction,
+  callToActionButtonText,
+  callToActionEmailAddress,
+  callToActionEmailSubject,
+  customerEmailCaptureMode,
+  customerEmailCapturePlaceholder
 }, ref) => {
   var _a, _b, _c, _d;
-  const [isCollapsed, setIsCollapsed] = (0, import_react13.useState)(collapsible && defaultCollapsed);
-  const [isHistoryCollapsed, setIsHistoryCollapsed] = (0, import_react13.useState)(() => {
+  const [isCollapsed, setIsCollapsed] = (0, import_react14.useState)(collapsible && defaultCollapsed);
+  const [isHistoryCollapsed, setIsHistoryCollapsed] = (0, import_react14.useState)(() => {
     if (typeof window !== "undefined") {
       const saved = localStorage.getItem("ai-agent-panel-history-collapsed");
       return saved === "true";
     }
     return false;
   });
-  const [panelWidth, setPanelWidth] = (0, import_react13.useState)(() => {
+  const [panelWidth, setPanelWidth] = (0, import_react14.useState)(() => {
     if (typeof window !== "undefined") {
       const savedWidth = localStorage.getItem("ai-agent-panel-width");
       if (savedWidth) {
-        const width = parseInt(savedWidth, 10);
-        if (width >= minWidth && width <= maxWidth) {
-          return width;
+        const width2 = parseInt(savedWidth, 10);
+        if (width2 >= minWidth && width2 <= maxWidth) {
+          return width2;
         }
       }
     }
     return defaultWidth;
   });
-  const [isResizing, setIsResizing] = (0, import_react13.useState)(false);
-  const [showSearch, setShowSearch] = (0, import_react13.useState)(false);
-  const [showHandoffDialog, setShowHandoffDialog] = (0, import_react13.useState)(false);
-  const [suggestedAgent, setSuggestedAgent] = (0, import_react13.useState)(null);
-  const [handoffSource, setHandoffSource] = (0, import_react13.useState)("agent");
-  const panelRef = (0, import_react13.useRef)(null);
-  const resizeRef = (0, import_react13.useRef)(null);
-  const { agentIds, localOverrides } = (0, import_react13.useMemo)(() => {
+  const [isResizing, setIsResizing] = (0, import_react14.useState)(false);
+  const [showSearch, setShowSearch] = (0, import_react14.useState)(false);
+  const [showHandoffDialog, setShowHandoffDialog] = (0, import_react14.useState)(false);
+  const [suggestedAgent, setSuggestedAgent] = (0, import_react14.useState)(null);
+  const [handoffSource, setHandoffSource] = (0, import_react14.useState)("agent");
+  const panelRef = (0, import_react14.useRef)(null);
+  const resizeRef = (0, import_react14.useRef)(null);
+  const { agentIds, localOverrides } = (0, import_react14.useMemo)(() => {
     const ids = [];
     const overrides = {};
     for (const agent of agents) {
@@ -4845,19 +5617,19 @@ var AIAgentPanel = import_react13.default.forwardRef(({
     }
     return { agentIds: ids, localOverrides: overrides };
   }, [agents]);
-  const [currentAgentId, setCurrentAgentId] = (0, import_react13.useState)(
+  const [currentAgentId, setCurrentAgentId] = (0, import_react14.useState)(
     defaultAgent || agentIds[0] || ""
   );
-  const [apiConversations, setApiConversations] = (0, import_react13.useState)([]);
-  const [conversationsLoading, setConversationsLoading] = (0, import_react13.useState)(false);
-  const [conversationsError, setConversationsError] = (0, import_react13.useState)(null);
-  const [searchQuery, setSearchQuery] = (0, import_react13.useState)("");
-  const [activeConversations, setActiveConversations] = (0, import_react13.useState)(/* @__PURE__ */ new Map());
-  const [currentConversationId, setCurrentConversationId] = (0, import_react13.useState)(conversation || null);
-  const [conversationFirstPrompts, setConversationFirstPrompts] = (0, import_react13.useState)({});
-  const [loadingPrompts, setLoadingPrompts] = (0, import_react13.useState)(/* @__PURE__ */ new Set());
-  const [loadingConversationId, setLoadingConversationId] = (0, import_react13.useState)(null);
-  const [expandedSections, setExpandedSections] = (0, import_react13.useState)({
+  const [apiConversations, setApiConversations] = (0, import_react14.useState)([]);
+  const [conversationsLoading, setConversationsLoading] = (0, import_react14.useState)(false);
+  const [conversationsError, setConversationsError] = (0, import_react14.useState)(null);
+  const [searchQuery, setSearchQuery] = (0, import_react14.useState)("");
+  const [activeConversations, setActiveConversations] = (0, import_react14.useState)(/* @__PURE__ */ new Map());
+  const [currentConversationId, setCurrentConversationId] = (0, import_react14.useState)(conversation || null);
+  const [conversationFirstPrompts, setConversationFirstPrompts] = (0, import_react14.useState)({});
+  const [loadingPrompts, setLoadingPrompts] = (0, import_react14.useState)(/* @__PURE__ */ new Set());
+  const [loadingConversationId, setLoadingConversationId] = (0, import_react14.useState)(null);
+  const [expandedSections, setExpandedSections] = (0, import_react14.useState)({
     "Today": true,
     "Yesterday": true,
     "This Week": false,
@@ -4871,16 +5643,16 @@ var AIAgentPanel = import_react13.default.forwardRef(({
     buildAgentAwarenessInstructions,
     agentList
   } = useAgentRegistry(agentIds, { url, localOverrides });
-  const fetchInProgressRef = (0, import_react13.useRef)(false);
-  const lastFetchedAgentRef = (0, import_react13.useRef)(null);
-  const checkedPromptsRef = (0, import_react13.useRef)(/* @__PURE__ */ new Set());
-  const fetchingPromptsRef = (0, import_react13.useRef)(/* @__PURE__ */ new Set());
-  const failedPromptsRef = (0, import_react13.useRef)(/* @__PURE__ */ new Map());
-  const activeConversationsRef = (0, import_react13.useRef)(activeConversations);
+  const fetchInProgressRef = (0, import_react14.useRef)(false);
+  const lastFetchedAgentRef = (0, import_react14.useRef)(null);
+  const checkedPromptsRef = (0, import_react14.useRef)(/* @__PURE__ */ new Set());
+  const fetchingPromptsRef = (0, import_react14.useRef)(/* @__PURE__ */ new Set());
+  const failedPromptsRef = (0, import_react14.useRef)(/* @__PURE__ */ new Map());
+  const activeConversationsRef = (0, import_react14.useRef)(activeConversations);
   activeConversationsRef.current = activeConversations;
-  const currentConversationIdRef = (0, import_react13.useRef)(currentConversationId);
+  const currentConversationIdRef = (0, import_react14.useRef)(currentConversationId);
   currentConversationIdRef.current = currentConversationId;
-  import_react13.default.useImperativeHandle(ref, () => ({
+  import_react14.default.useImperativeHandle(ref, () => ({
     startNewConversation: (prompt, agent) => {
       const targetAgent = agent || currentAgentId;
       const tempId = `new-${Date.now()}`;
@@ -4903,11 +5675,11 @@ var AIAgentPanel = import_react13.default.forwardRef(({
       }
     }
   }), [currentAgentId, onConversationChange]);
-  const [showContextNotification, setShowContextNotification] = (0, import_react13.useState)(false);
-  const prevContextRef = (0, import_react13.useRef)(null);
-  const contextNotificationTimeoutRef = (0, import_react13.useRef)(null);
-  const prevDefaultAgentRef = (0, import_react13.useRef)(null);
-  const fetchFirstPrompt = (0, import_react13.useCallback)((conversationId, agentIdForConversation) => __async(void 0, null, function* () {
+  const [showContextNotification, setShowContextNotification] = (0, import_react14.useState)(false);
+  const prevContextRef = (0, import_react14.useRef)(null);
+  const contextNotificationTimeoutRef = (0, import_react14.useRef)(null);
+  const prevDefaultAgentRef = (0, import_react14.useRef)(null);
+  const fetchFirstPrompt = (0, import_react14.useCallback)((conversationId, agentIdForConversation) => __async(void 0, null, function* () {
     var _a2, _b2;
     if (checkedPromptsRef.current.has(conversationId)) {
       return;
@@ -4993,7 +5765,7 @@ var AIAgentPanel = import_react13.default.forwardRef(({
       });
     }
   }), [apiKey, currentAgentId, getAgent]);
-  const fetchConversations = (0, import_react13.useCallback)((agentId, signal) => __async(void 0, null, function* () {
+  const fetchConversations = (0, import_react14.useCallback)((agentId, signal) => __async(void 0, null, function* () {
     var _a2;
     const agentProfile = getAgent(agentId);
     const projectId = (_a2 = agentProfile == null ? void 0 : agentProfile.metadata) == null ? void 0 : _a2.projectId;
@@ -5049,7 +5821,7 @@ var AIAgentPanel = import_react13.default.forwardRef(({
       }
     }
   }), [apiKey, customerId, getAgent, fetchFirstPrompt]);
-  const stripContextFromPrompt = (0, import_react13.useCallback)((prompt) => {
+  const stripContextFromPrompt = (0, import_react14.useCallback)((prompt) => {
     let cleanPrompt = prompt;
     const contextIndex = cleanPrompt.indexOf("---context---");
     if (contextIndex !== -1) {
@@ -5065,7 +5837,7 @@ var AIAgentPanel = import_react13.default.forwardRef(({
     }
     return cleanPrompt.trim();
   }, []);
-  const loadConversationTranscript = (0, import_react13.useCallback)((conversationId, agentIdForConversation, title) => __async(void 0, null, function* () {
+  const loadConversationTranscript = (0, import_react14.useCallback)((conversationId, agentIdForConversation, title) => __async(void 0, null, function* () {
     var _a2;
     const existingActive = activeConversationsRef.current.get(conversationId);
     if (existingActive) {
@@ -5149,10 +5921,10 @@ var AIAgentPanel = import_react13.default.forwardRef(({
       setLoadingConversationId(null);
     }
   }), [apiKey, currentAgentId, getAgent, onConversationChange, stripContextFromPrompt]);
-  const handleRefreshConversations = (0, import_react13.useCallback)(() => {
+  const handleRefreshConversations = (0, import_react14.useCallback)(() => {
     fetchConversations(currentAgentId);
   }, [currentAgentId, fetchConversations]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     var _a2;
     if (!showConversationHistory) return;
     if (!agentsLoading && currentAgentId && apiKey) {
@@ -5164,7 +5936,7 @@ var AIAgentPanel = import_react13.default.forwardRef(({
       }
     }
   }, [agentsLoading, currentAgentId, apiKey, fetchConversations, getAgent, showConversationHistory]);
-  const handleNewConversation = (0, import_react13.useCallback)(() => {
+  const handleNewConversation = (0, import_react14.useCallback)(() => {
     const tempId = `new-${Date.now()}`;
     setActiveConversations((prev) => {
       const next = new Map(prev);
@@ -5181,7 +5953,7 @@ var AIAgentPanel = import_react13.default.forwardRef(({
     });
     setCurrentConversationId(tempId);
   }, [currentAgentId]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     var _a2;
     const agentProfile = getAgent(currentAgentId);
     const isAgentReady = (_a2 = agentProfile == null ? void 0 : agentProfile.metadata) == null ? void 0 : _a2.projectId;
@@ -5189,7 +5961,7 @@ var AIAgentPanel = import_react13.default.forwardRef(({
       handleNewConversation();
     }
   }, [currentAgentId, agentsLoading, activeConversations.size, getAgent, handleNewConversation]);
-  const handleCloseConversation = (0, import_react13.useCallback)((conversationId, e) => {
+  const handleCloseConversation = (0, import_react14.useCallback)((conversationId, e) => {
     var _a2;
     if (e) {
       e.stopPropagation();
@@ -5205,10 +5977,10 @@ var AIAgentPanel = import_react13.default.forwardRef(({
       setCurrentConversationId(nextId);
     }
   }, []);
-  const handleSelectConversation = (0, import_react13.useCallback)((conversationId) => {
+  const handleSelectConversation = (0, import_react14.useCallback)((conversationId) => {
     loadConversationTranscript(conversationId);
   }, [loadConversationTranscript]);
-  const toggleSection = (0, import_react13.useCallback)((sectionLabel) => {
+  const toggleSection = (0, import_react14.useCallback)((sectionLabel) => {
     setExpandedSections((prev) => {
       const isExpanding = !prev[sectionLabel];
       if (isExpanding) {
@@ -5242,7 +6014,7 @@ var AIAgentPanel = import_react13.default.forwardRef(({
       });
     });
   }, [apiConversations, fetchFirstPrompt]);
-  const groupedConversations = (0, import_react13.useMemo)(() => {
+  const groupedConversations = (0, import_react14.useMemo)(() => {
     let filtered = apiConversations;
     if (searchQuery) {
       const query = searchQuery.toLowerCase();
@@ -5257,12 +6029,12 @@ var AIAgentPanel = import_react13.default.forwardRef(({
     }
     return groupConversationsByTime(filtered, true);
   }, [apiConversations, searchQuery, conversationFirstPrompts]);
-  const effectiveCustomer = (0, import_react13.useMemo)(() => {
+  const effectiveCustomer = (0, import_react14.useMemo)(() => {
     return __spreadProps(__spreadValues({}, customer), {
       customer_id: customerId
     });
   }, [customer, customerId]);
-  const handleResizeStart = (0, import_react13.useCallback)((e) => {
+  const handleResizeStart = (0, import_react14.useCallback)((e) => {
     e.preventDefault();
     setIsResizing(true);
     let currentWidth = panelWidth;
@@ -5282,18 +6054,18 @@ var AIAgentPanel = import_react13.default.forwardRef(({
     document.addEventListener("mousemove", handleMouseMove);
     document.addEventListener("mouseup", handleMouseUp);
   }, [panelWidth, minWidth, maxWidth, position]);
-  const currentAgentProfile = (0, import_react13.useMemo)(() => {
+  const currentAgentProfile = (0, import_react14.useMemo)(() => {
     return getAgent(currentAgentId);
   }, [currentAgentId, getAgent]);
   const currentAgentMetadata = currentAgentProfile == null ? void 0 : currentAgentProfile.metadata;
-  const currentActiveConversation = (0, import_react13.useMemo)(() => {
+  const currentActiveConversation = (0, import_react14.useMemo)(() => {
     if (!currentConversationId) return null;
     return activeConversations.get(currentConversationId) || null;
   }, [currentConversationId, activeConversations]);
-  const activeConversationsList = (0, import_react13.useMemo)(() => {
+  const activeConversationsList = (0, import_react14.useMemo)(() => {
     return Array.from(activeConversations.values());
   }, [activeConversations]);
-  const agentOptions = (0, import_react13.useMemo)(() => {
+  const agentOptions = (0, import_react14.useMemo)(() => {
     return agentList.map((agent) => ({
       value: agent.id,
       label: agent.name,
@@ -5301,7 +6073,7 @@ var AIAgentPanel = import_react13.default.forwardRef(({
       avatarUrl: agent.avatarUrl
     }));
   }, [agentList]);
-  const mergedContext = (0, import_react13.useMemo)(() => {
+  const mergedContext = (0, import_react14.useMemo)(() => {
     const sections = [
       ...sharedContextSections,
       ...pageContextSections,
@@ -5323,7 +6095,7 @@ var AIAgentPanel = import_react13.default.forwardRef(({
       totalTokens
     };
   }, [context, sharedContextSections, pageContextSections, contextDataSources]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const contextString = JSON.stringify(mergedContext.sections.map((s) => ({ id: s.id, data: s.data })));
     if (prevContextRef.current === null) {
       prevContextRef.current = contextString;
@@ -5343,14 +6115,14 @@ var AIAgentPanel = import_react13.default.forwardRef(({
       }, 3e3);
     }
   }, [mergedContext.sections]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     return () => {
       if (contextNotificationTimeoutRef.current) {
         clearTimeout(contextNotificationTimeoutRef.current);
       }
     };
   }, []);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     var _a2, _b2;
     let foundDefaultAgent = null;
     for (const section of pageContextSections) {
@@ -5397,7 +6169,7 @@ var AIAgentPanel = import_react13.default.forwardRef(({
       });
     }
   }, [pageContextSections, currentAgentId, agentIds, getAgent, localOverrides]);
-  const chatPanelData = (0, import_react13.useMemo)(() => {
+  const chatPanelData = (0, import_react14.useMemo)(() => {
     const contextData = mergedContext.sections.map((section) => ({
       key: section.id,
       data: JSON.stringify(section.data)
@@ -5413,7 +6185,7 @@ var AIAgentPanel = import_react13.default.forwardRef(({
     }
     return [...data, ...contextData];
   }, [data, mergedContext.sections, buildAgentAwarenessInstructions, currentAgentId, enableAgentSuggestions]);
-  const handleAgentSwitch = (0, import_react13.useCallback)(
+  const handleAgentSwitch = (0, import_react14.useCallback)(
     (newAgentId) => {
       const oldAgentId = currentAgentId;
       setCurrentAgentId(newAgentId);
@@ -5436,7 +6208,7 @@ var AIAgentPanel = import_react13.default.forwardRef(({
     },
     [currentAgentId, onAgentSwitch]
   );
-  const handleConversationSelect = (0, import_react13.useCallback)(
+  const handleConversationSelect = (0, import_react14.useCallback)(
     (conv) => {
       let agentIdToUse = conv.agentId || currentAgentId;
       const targetAgent = getAgent(agentIdToUse);
@@ -5462,7 +6234,7 @@ var AIAgentPanel = import_react13.default.forwardRef(({
     },
     [currentAgentId, loadConversationTranscript, getAgent, agentList, conversationFirstPrompts]
   );
-  const handleHistoryChanged = (0, import_react13.useCallback)(
+  const handleHistoryChanged = (0, import_react14.useCallback)(
     (history, conversationId) => {
       const targetConversationId = conversationId || currentConversationIdRef.current;
       if (targetConversationId) {
@@ -5514,7 +6286,7 @@ var AIAgentPanel = import_react13.default.forwardRef(({
       agents
     ]
   );
-  const handleLoadingChange = (0, import_react13.useCallback)((isLoading, conversationId) => {
+  const handleLoadingChange = (0, import_react14.useCallback)((isLoading, conversationId) => {
     const targetConversationId = conversationId || currentConversationIdRef.current;
     if (targetConversationId) {
       setActiveConversations((prev) => {
@@ -5530,7 +6302,7 @@ var AIAgentPanel = import_react13.default.forwardRef(({
       });
     }
   }, []);
-  const handleHandoffConfirm = (0, import_react13.useCallback)(() => {
+  const handleHandoffConfirm = (0, import_react14.useCallback)(() => {
     if (suggestedAgent) {
       handleAgentSwitch(suggestedAgent);
     }
@@ -5538,12 +6310,12 @@ var AIAgentPanel = import_react13.default.forwardRef(({
     setSuggestedAgent(null);
     setHandoffSource("agent");
   }, [suggestedAgent, handleAgentSwitch]);
-  const handleHandoffCancel = (0, import_react13.useCallback)(() => {
+  const handleHandoffCancel = (0, import_react14.useCallback)(() => {
     setShowHandoffDialog(false);
     setSuggestedAgent(null);
     setHandoffSource("agent");
   }, []);
-  const handleConversationCreated = (0, import_react13.useCallback)((tempId, realId) => {
+  const handleConversationCreated = (0, import_react14.useCallback)((tempId, realId) => {
     console.log("Conversation created:", tempId, "->", realId);
     setActiveConversations((prev) => {
       const existing = prev.get(tempId);
@@ -5564,11 +6336,11 @@ var AIAgentPanel = import_react13.default.forwardRef(({
       }
     }
   }, [onConversationChange]);
-  const toggleCollapse = (0, import_react13.useCallback)(() => {
+  const toggleCollapse = (0, import_react14.useCallback)(() => {
     if (!collapsible) return;
     setIsCollapsed((prev) => !prev);
   }, [collapsible]);
-  const toggleHistoryCollapse = (0, import_react13.useCallback)(() => {
+  const toggleHistoryCollapse = (0, import_react14.useCallback)(() => {
     setIsHistoryCollapsed((prev) => {
       const next = !prev;
       localStorage.setItem("ai-agent-panel-history-collapsed", String(next));
@@ -5584,7 +6356,7 @@ var AIAgentPanel = import_react13.default.forwardRef(({
     !showConversationHistory ? "ai-agent-panel--no-history" : ""
   ].filter(Boolean).join(" ");
   if (collapsible && isCollapsed) {
-    return /* @__PURE__ */ import_react13.default.createElement("div", { className: panelClasses, ref: panelRef }, /* @__PURE__ */ import_react13.default.createElement(
+    return /* @__PURE__ */ import_react14.default.createElement("div", { className: panelClasses, ref: panelRef }, /* @__PURE__ */ import_react14.default.createElement(
       "div",
       {
         className: "ai-agent-panel__collapsed-bar",
@@ -5595,9 +6367,9 @@ var AIAgentPanel = import_react13.default.forwardRef(({
         },
         title: "Click to expand"
       },
-      /* @__PURE__ */ import_react13.default.createElement(Tooltip, { content: "Expand Panel", side: "left" }, /* @__PURE__ */ import_react13.default.createElement(Button, { variant: "ghost", size: "icon", onClick: toggleCollapse }, position === "right" ? /* @__PURE__ */ import_react13.default.createElement(ChevronLeftIcon, null) : /* @__PURE__ */ import_react13.default.createElement(ChevronRightIcon, null))),
-      /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__collapsed-divider" }),
-      showConversationHistory && /* @__PURE__ */ import_react13.default.createElement(Tooltip, { content: "Search", side: "left" }, /* @__PURE__ */ import_react13.default.createElement(
+      /* @__PURE__ */ import_react14.default.createElement(Tooltip, { content: "Expand Panel", side: "left" }, /* @__PURE__ */ import_react14.default.createElement(Button, { variant: "ghost", size: "icon", onClick: toggleCollapse }, position === "right" ? /* @__PURE__ */ import_react14.default.createElement(ChevronLeftIcon, null) : /* @__PURE__ */ import_react14.default.createElement(ChevronRightIcon, null))),
+      /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__collapsed-divider" }),
+      showConversationHistory && /* @__PURE__ */ import_react14.default.createElement(Tooltip, { content: "Search", side: "left" }, /* @__PURE__ */ import_react14.default.createElement(
         Button,
         {
           variant: "ghost",
@@ -5607,9 +6379,9 @@ var AIAgentPanel = import_react13.default.forwardRef(({
             setShowSearch(true);
           }
         },
-        /* @__PURE__ */ import_react13.default.createElement(SearchIcon2, null)
+        /* @__PURE__ */ import_react14.default.createElement(SearchIcon2, null)
       )),
-      /* @__PURE__ */ import_react13.default.createElement(Tooltip, { content: "New Chat", side: "left" }, /* @__PURE__ */ import_react13.default.createElement(
+      /* @__PURE__ */ import_react14.default.createElement(Tooltip, { content: "New Chat", side: "left" }, /* @__PURE__ */ import_react14.default.createElement(
         Button,
         {
           variant: "ghost",
@@ -5619,15 +6391,15 @@ var AIAgentPanel = import_react13.default.forwardRef(({
             handleNewConversation();
           }
         },
-        /* @__PURE__ */ import_react13.default.createElement(PlusIcon, null)
+        /* @__PURE__ */ import_react14.default.createElement(PlusIcon, null)
       )),
-      /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__collapsed-divider" }),
+      /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__collapsed-divider" }),
       agentList.map((agent) => {
         const activeConvForAgent = activeConversationsList.find(
           (conv) => conv.agentId === agent.id
         );
         const hasActiveConversation = !!activeConvForAgent;
-        return /* @__PURE__ */ import_react13.default.createElement(Tooltip, { key: agent.id, content: agent.name, side: "left" }, /* @__PURE__ */ import_react13.default.createElement(
+        return /* @__PURE__ */ import_react14.default.createElement(Tooltip, { key: agent.id, content: agent.name, side: "left" }, /* @__PURE__ */ import_react14.default.createElement(
           Button,
           {
             variant: agent.id === currentAgentId ? "secondary" : "ghost",
@@ -5661,7 +6433,7 @@ var AIAgentPanel = import_react13.default.forwardRef(({
             },
             className: `ai-agent-panel__agent-icon ${hasActiveConversation ? "ai-agent-panel__agent-icon--active" : ""}`
           },
-          agent.avatarUrl ? /* @__PURE__ */ import_react13.default.createElement(
+          agent.avatarUrl ? /* @__PURE__ */ import_react14.default.createElement(
             "img",
             {
               src: agent.avatarUrl,
@@ -5669,20 +6441,20 @@ var AIAgentPanel = import_react13.default.forwardRef(({
               className: "ai-agent-panel__agent-avatar"
             }
           ) : agent.name.charAt(0).toUpperCase(),
-          hasActiveConversation && /* @__PURE__ */ import_react13.default.createElement("span", { className: "ai-agent-panel__agent-active-indicator" })
+          hasActiveConversation && /* @__PURE__ */ import_react14.default.createElement("span", { className: "ai-agent-panel__agent-active-indicator" })
         ));
       }),
-      /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__collapsed-spacer" })
+      /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__collapsed-spacer" })
     ));
   }
-  return /* @__PURE__ */ import_react13.default.createElement(
+  return /* @__PURE__ */ import_react14.default.createElement(
     "div",
     {
       className: panelClasses,
       ref: panelRef,
       style: { width: `${panelWidth}px` }
     },
-    /* @__PURE__ */ import_react13.default.createElement(
+    /* @__PURE__ */ import_react14.default.createElement(
       "div",
       {
         ref: resizeRef,
@@ -5694,9 +6466,9 @@ var AIAgentPanel = import_react13.default.forwardRef(({
         tabIndex: 0
       }
     ),
-    showConversationHistory && /* @__PURE__ */ import_react13.default.createElement("div", { className: `ai-agent-panel__sidebar ${isHistoryCollapsed ? "ai-agent-panel__sidebar--collapsed" : ""}` }, isHistoryCollapsed ? (
+    showConversationHistory && /* @__PURE__ */ import_react14.default.createElement("div", { className: `ai-agent-panel__sidebar ${isHistoryCollapsed ? "ai-agent-panel__sidebar--collapsed" : ""}` }, isHistoryCollapsed ? (
       // Collapsed history bar
-      /* @__PURE__ */ import_react13.default.createElement(
+      /* @__PURE__ */ import_react14.default.createElement(
         "div",
         {
           className: "ai-agent-panel__history-collapsed-bar",
@@ -5707,32 +6479,32 @@ var AIAgentPanel = import_react13.default.forwardRef(({
           },
           title: "Click to expand history"
         },
-        /* @__PURE__ */ import_react13.default.createElement(Tooltip, { content: "Expand History", side: sidebarPosition === "left" ? "right" : "left" }, /* @__PURE__ */ import_react13.default.createElement(
+        /* @__PURE__ */ import_react14.default.createElement(Tooltip, { content: "Expand History", side: sidebarPosition === "left" ? "right" : "left" }, /* @__PURE__ */ import_react14.default.createElement(
           Button,
           {
             variant: "ghost",
             size: "icon",
             onClick: toggleHistoryCollapse
           },
-          /* @__PURE__ */ import_react13.default.createElement(ChevronRightIcon, null)
+          /* @__PURE__ */ import_react14.default.createElement(ChevronRightIcon, null)
         )),
-        /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__collapsed-divider" }),
-        /* @__PURE__ */ import_react13.default.createElement(Tooltip, { content: "New Chat", side: sidebarPosition === "left" ? "right" : "left" }, /* @__PURE__ */ import_react13.default.createElement(
+        /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__collapsed-divider" }),
+        /* @__PURE__ */ import_react14.default.createElement(Tooltip, { content: "New Chat", side: sidebarPosition === "left" ? "right" : "left" }, /* @__PURE__ */ import_react14.default.createElement(
           Button,
           {
             variant: "ghost",
             size: "icon",
             onClick: handleNewConversation
           },
-          /* @__PURE__ */ import_react13.default.createElement(PlusIcon, null)
+          /* @__PURE__ */ import_react14.default.createElement(PlusIcon, null)
         )),
-        /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__collapsed-divider" }),
+        /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__collapsed-divider" }),
         agentList.map((agent) => {
           const activeConvForAgent = activeConversationsList.find(
             (conv) => conv.agentId === agent.id
           );
           const hasActiveConversation = !!activeConvForAgent;
-          return /* @__PURE__ */ import_react13.default.createElement(Tooltip, { key: agent.id, content: agent.name, side: sidebarPosition === "left" ? "right" : "left" }, /* @__PURE__ */ import_react13.default.createElement(
+          return /* @__PURE__ */ import_react14.default.createElement(Tooltip, { key: agent.id, content: agent.name, side: sidebarPosition === "left" ? "right" : "left" }, /* @__PURE__ */ import_react14.default.createElement(
             Button,
             {
               variant: agent.id === currentAgentId ? "secondary" : "ghost",
@@ -5765,7 +6537,7 @@ var AIAgentPanel = import_react13.default.forwardRef(({
               },
               className: `ai-agent-panel__agent-icon ${hasActiveConversation ? "ai-agent-panel__agent-icon--active" : ""}`
             },
-            agent.avatarUrl ? /* @__PURE__ */ import_react13.default.createElement(
+            agent.avatarUrl ? /* @__PURE__ */ import_react14.default.createElement(
               "img",
               {
                 src: agent.avatarUrl,
@@ -5773,40 +6545,40 @@ var AIAgentPanel = import_react13.default.forwardRef(({
                 className: "ai-agent-panel__agent-avatar"
               }
             ) : agent.name.charAt(0).toUpperCase(),
-            hasActiveConversation && /* @__PURE__ */ import_react13.default.createElement("span", { className: "ai-agent-panel__agent-active-indicator" })
+            hasActiveConversation && /* @__PURE__ */ import_react14.default.createElement("span", { className: "ai-agent-panel__agent-active-indicator" })
           ));
         }),
-        /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__history-collapsed-spacer" })
+        /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__history-collapsed-spacer" })
       )
-    ) : /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__header" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__header-actions" }, showSearch ? /* @__PURE__ */ import_react13.default.createElement(
+    ) : /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__header" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__header-actions" }, showSearch ? /* @__PURE__ */ import_react14.default.createElement(
       Input,
       {
         placeholder: "Search conversations...",
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.target.value),
-        icon: /* @__PURE__ */ import_react13.default.createElement(SearchIcon2, null),
+        icon: /* @__PURE__ */ import_react14.default.createElement(SearchIcon2, null),
         autoFocus: true,
         onBlur: () => {
           if (!searchQuery) setShowSearch(false);
         }
       }
-    ) : /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement(
+    ) : /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(
       Button,
       {
         variant: "ghost",
         size: "icon",
         onClick: () => setShowSearch(true)
       },
-      /* @__PURE__ */ import_react13.default.createElement(SearchIcon2, null)
-    ), /* @__PURE__ */ import_react13.default.createElement(
+      /* @__PURE__ */ import_react14.default.createElement(SearchIcon2, null)
+    ), /* @__PURE__ */ import_react14.default.createElement(
       Button,
       {
         variant: "ghost",
         size: "icon",
         onClick: handleNewConversation
       },
-      /* @__PURE__ */ import_react13.default.createElement(PlusIcon, null)
-    ))), /* @__PURE__ */ import_react13.default.createElement(Tooltip, { content: "Collapse History", side: "bottom" }, /* @__PURE__ */ import_react13.default.createElement(Button, { variant: "ghost", size: "icon", onClick: toggleHistoryCollapse }, /* @__PURE__ */ import_react13.default.createElement(SidebarIcon, null))), collapsible && /* @__PURE__ */ import_react13.default.createElement(Button, { variant: "ghost", size: "icon", onClick: toggleCollapse }, position === "right" ? /* @__PURE__ */ import_react13.default.createElement(ChevronRightIcon, null) : /* @__PURE__ */ import_react13.default.createElement(ChevronLeftIcon, null))), /* @__PURE__ */ import_react13.default.createElement(ScrollArea, { className: "ai-agent-panel__conversations" }, activeConversationsList.length > 0 && /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__group ai-agent-panel__group--active" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__group-label" }, /* @__PURE__ */ import_react13.default.createElement("span", null, "Active (", activeConversationsList.length, ")")), activeConversationsList.map((activeConv) => /* @__PURE__ */ import_react13.default.createElement(
+      /* @__PURE__ */ import_react14.default.createElement(PlusIcon, null)
+    ))), /* @__PURE__ */ import_react14.default.createElement(Tooltip, { content: "Collapse History", side: "bottom" }, /* @__PURE__ */ import_react14.default.createElement(Button, { variant: "ghost", size: "icon", onClick: toggleHistoryCollapse }, /* @__PURE__ */ import_react14.default.createElement(SidebarIcon, null))), collapsible && /* @__PURE__ */ import_react14.default.createElement(Button, { variant: "ghost", size: "icon", onClick: toggleCollapse }, position === "right" ? /* @__PURE__ */ import_react14.default.createElement(ChevronRightIcon, null) : /* @__PURE__ */ import_react14.default.createElement(ChevronLeftIcon, null))), /* @__PURE__ */ import_react14.default.createElement(ScrollArea, { className: "ai-agent-panel__conversations" }, activeConversationsList.length > 0 && /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__group ai-agent-panel__group--active" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__group-label" }, /* @__PURE__ */ import_react14.default.createElement("span", null, "Active (", activeConversationsList.length, ")")), activeConversationsList.map((activeConv) => /* @__PURE__ */ import_react14.default.createElement(
       "div",
       {
         key: activeConv.stableKey,
@@ -5818,37 +6590,37 @@ var AIAgentPanel = import_react13.default.forwardRef(({
           }
         }
       },
-      /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__conversation-content" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__conversation-title" }, activeConv.isLoading && /* @__PURE__ */ import_react13.default.createElement(LoadingDotIcon, null), /* @__PURE__ */ import_react13.default.createElement("span", null, activeConv.title))),
-      /* @__PURE__ */ import_react13.default.createElement(
+      /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__conversation-content" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__conversation-title" }, activeConv.isLoading && /* @__PURE__ */ import_react14.default.createElement(LoadingDotIcon, null), /* @__PURE__ */ import_react14.default.createElement("span", null, activeConv.title))),
+      /* @__PURE__ */ import_react14.default.createElement(
         "button",
         {
           className: "ai-agent-panel__conversation-close",
           onClick: (e) => handleCloseConversation(activeConv.conversationId, e),
           title: "Close conversation"
         },
-        /* @__PURE__ */ import_react13.default.createElement(CloseIcon, null)
+        /* @__PURE__ */ import_react14.default.createElement(CloseIcon2, null)
       )
-    ))), conversationsLoading ? /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__loading" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__loading-spinner" }), /* @__PURE__ */ import_react13.default.createElement("span", null, "Loading conversations...")) : conversationsError ? /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__empty" }, /* @__PURE__ */ import_react13.default.createElement("p", null, "Error: ", conversationsError), /* @__PURE__ */ import_react13.default.createElement(Button, { variant: "secondary", size: "sm", onClick: handleRefreshConversations }, "Retry")) : groupedConversations.length === 0 && activeConversationsList.length === 0 ? /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__empty" }, /* @__PURE__ */ import_react13.default.createElement(MessageIcon, null), /* @__PURE__ */ import_react13.default.createElement("p", null, "No conversations yet"), /* @__PURE__ */ import_react13.default.createElement("p", { className: "ai-agent-panel__empty-hint" }, "Start chatting to create your first conversation")) : /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, activeConversationsList.length > 0 && groupedConversations.some((g) => g.count > 0) && /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__group-divider" }), groupedConversations.map((group) => /* @__PURE__ */ import_react13.default.createElement("div", { key: group.label, className: "ai-agent-panel__group" }, /* @__PURE__ */ import_react13.default.createElement(
+    ))), conversationsLoading ? /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__loading" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__loading-spinner" }), /* @__PURE__ */ import_react14.default.createElement("span", null, "Loading conversations...")) : conversationsError ? /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__empty" }, /* @__PURE__ */ import_react14.default.createElement("p", null, "Error: ", conversationsError), /* @__PURE__ */ import_react14.default.createElement(Button, { variant: "secondary", size: "sm", onClick: handleRefreshConversations }, "Retry")) : groupedConversations.length === 0 && activeConversationsList.length === 0 ? /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__empty" }, /* @__PURE__ */ import_react14.default.createElement(MessageIcon, null), /* @__PURE__ */ import_react14.default.createElement("p", null, "No conversations yet"), /* @__PURE__ */ import_react14.default.createElement("p", { className: "ai-agent-panel__empty-hint" }, "Start chatting to create your first conversation")) : /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, activeConversationsList.length > 0 && groupedConversations.some((g) => g.count > 0) && /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__group-divider" }), groupedConversations.map((group) => /* @__PURE__ */ import_react14.default.createElement("div", { key: group.label, className: "ai-agent-panel__group" }, /* @__PURE__ */ import_react14.default.createElement(
       "div",
       {
         className: "ai-agent-panel__group-label ai-agent-panel__group-label--clickable",
         onClick: () => toggleSection(group.label)
       },
-      /* @__PURE__ */ import_react13.default.createElement("span", null, group.label, " ", group.count > 0 && `(${group.count})`),
-      /* @__PURE__ */ import_react13.default.createElement("span", { className: "ai-agent-panel__group-chevron" }, expandedSections[group.label] ? "\u25BC" : "\u25B6")
+      /* @__PURE__ */ import_react14.default.createElement("span", null, group.label, " ", group.count > 0 && `(${group.count})`),
+      /* @__PURE__ */ import_react14.default.createElement("span", { className: "ai-agent-panel__group-chevron" }, expandedSections[group.label] ? "\u25BC" : "\u25B6")
     ), expandedSections[group.label] && group.conversations.length > 0 && group.conversations.map((conv) => {
       const isActive = activeConversations.has(conv.conversationId);
-      return /* @__PURE__ */ import_react13.default.createElement(
+      return /* @__PURE__ */ import_react14.default.createElement(
         "div",
         {
           key: conv.conversationId,
           className: `ai-agent-panel__conversation ${currentConversationId === conv.conversationId ? "ai-agent-panel__conversation--current" : ""} ${isActive ? "ai-agent-panel__conversation--in-active" : ""}`,
           onClick: () => handleConversationSelect(conv)
         },
-        /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__conversation-content" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__conversation-title" }, isActive && /* @__PURE__ */ import_react13.default.createElement("span", { className: "ai-agent-panel__active-badge" }, "\u25CF"), conversationFirstPrompts[conv.conversationId] || conv.title))
+        /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__conversation-content" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__conversation-title" }, isActive && /* @__PURE__ */ import_react14.default.createElement("span", { className: "ai-agent-panel__active-badge" }, "\u25CF"), conversationFirstPrompts[conv.conversationId] || conv.title))
       );
     }))))))),
-    /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__chat" }, !showConversationHistory && collapsible && /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__chat-header" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__chat-header-spacer" }), /* @__PURE__ */ import_react13.default.createElement(Tooltip, { content: "Collapse Panel", side: position === "right" ? "left" : "right" }, /* @__PURE__ */ import_react13.default.createElement(Button, { variant: "ghost", size: "icon", onClick: toggleCollapse }, position === "right" ? /* @__PURE__ */ import_react13.default.createElement(ChevronRightIcon, null) : /* @__PURE__ */ import_react13.default.createElement(ChevronLeftIcon, null)))), showContextNotification && /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__context-notification" }, /* @__PURE__ */ import_react13.default.createElement(SparkleIcon, null), /* @__PURE__ */ import_react13.default.createElement("span", null, "Agent now has new context")), activeConversationsList.map((activeConv) => /* @__PURE__ */ import_react13.default.createElement(
+    /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__chat" }, !showConversationHistory && collapsible && /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__chat-header" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__chat-header-spacer" }), /* @__PURE__ */ import_react14.default.createElement(Tooltip, { content: "Collapse Panel", side: position === "right" ? "left" : "right" }, /* @__PURE__ */ import_react14.default.createElement(Button, { variant: "ghost", size: "icon", onClick: toggleCollapse }, position === "right" ? /* @__PURE__ */ import_react14.default.createElement(ChevronRightIcon, null) : /* @__PURE__ */ import_react14.default.createElement(ChevronLeftIcon, null)))), showContextNotification && /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__context-notification" }, /* @__PURE__ */ import_react14.default.createElement(SparkleIcon, null), /* @__PURE__ */ import_react14.default.createElement("span", null, "Agent now has new context")), activeConversationsList.map((activeConv) => /* @__PURE__ */ import_react14.default.createElement(
       ChatPanelWrapper,
       {
         key: `${activeConv.stableKey}-${activeConv.agentId}`,
@@ -5880,10 +6652,25 @@ var AIAgentPanel = import_react13.default.forwardRef(({
         maxContextTokens,
         enableContextDetailView,
         onConversationCreated: handleConversationCreated,
-        conversationInitialPrompt: activeConv.conversationInitialPrompt
+        conversationInitialPrompt: activeConv.conversationInitialPrompt,
+        cssUrl,
+        markdownClass,
+        width,
+        height,
+        scrollToEnd,
+        prismStyle,
+        showSaveButton,
+        showEmailButton,
+        messages,
+        showCallToAction,
+        callToActionButtonText,
+        callToActionEmailAddress,
+        callToActionEmailSubject,
+        customerEmailCaptureMode,
+        customerEmailCapturePlaceholder
       }
-    )), loadingConversationId && /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__conversation-loading-overlay" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__loading-spinner" }), /* @__PURE__ */ import_react13.default.createElement("p", null, "Loading conversation...")), currentAgentMetadata && activeConversationsList.length === 0 && !loadingConversationId && /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__empty-chat" }, /* @__PURE__ */ import_react13.default.createElement(MessageIcon, null), /* @__PURE__ */ import_react13.default.createElement("p", null, "Select a conversation or start a new one"), /* @__PURE__ */ import_react13.default.createElement(Button, { variant: "default", size: "sm", onClick: handleNewConversation }, "New Conversation")), agentsLoading && !currentAgentMetadata && /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__loading" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "ai-agent-panel__loading-spinner" }), /* @__PURE__ */ import_react13.default.createElement("p", null, "Loading agent..."))),
-    /* @__PURE__ */ import_react13.default.createElement(
+    )), loadingConversationId && /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__conversation-loading-overlay" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__loading-spinner" }), /* @__PURE__ */ import_react14.default.createElement("p", null, "Loading conversation...")), currentAgentMetadata && activeConversationsList.length === 0 && !loadingConversationId && /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__empty-chat" }, /* @__PURE__ */ import_react14.default.createElement(MessageIcon, null), /* @__PURE__ */ import_react14.default.createElement("p", null, "Select a conversation or start a new one"), /* @__PURE__ */ import_react14.default.createElement(Button, { variant: "default", size: "sm", onClick: handleNewConversation }, "New Conversation")), agentsLoading && !currentAgentMetadata && /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__loading" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "ai-agent-panel__loading-spinner" }), /* @__PURE__ */ import_react14.default.createElement("p", null, "Loading agent..."))),
+    /* @__PURE__ */ import_react14.default.createElement(
       Dialog,
       {
         isOpen: showHandoffDialog,
@@ -5891,7 +6678,7 @@ var AIAgentPanel = import_react13.default.forwardRef(({
         title: "Switch Agent?",
         description: handoffSource === "page" ? `This page has a recommended agent: ${suggestedAgent ? ((_b = (_a = getAgent(suggestedAgent)) == null ? void 0 : _a.metadata) == null ? void 0 : _b.displayTitle) || suggestedAgent : "another agent"}. Would you like to switch?` : `The current agent suggests transferring this conversation to ${suggestedAgent ? ((_d = (_c = getAgent(suggestedAgent)) == null ? void 0 : _c.metadata) == null ? void 0 : _d.displayTitle) || suggestedAgent : "another agent"}.`
       },
-      /* @__PURE__ */ import_react13.default.createElement(DialogFooter, null, /* @__PURE__ */ import_react13.default.createElement(Button, { variant: "outline", onClick: handleHandoffCancel }, "Stay with current agent"), /* @__PURE__ */ import_react13.default.createElement(Button, { onClick: handleHandoffConfirm }, "Switch agent"))
+      /* @__PURE__ */ import_react14.default.createElement(DialogFooter, null, /* @__PURE__ */ import_react14.default.createElement(Button, { variant: "outline", onClick: handleHandoffCancel }, "Stay with current agent"), /* @__PURE__ */ import_react14.default.createElement(Button, { onClick: handleHandoffConfirm }, "Switch agent"))
     )
   );
 });
@@ -5899,7 +6686,7 @@ AIAgentPanel.displayName = "AIAgentPanel";
 var AIAgentPanel_default = AIAgentPanel;
 
 // src/hooks/useConversationStore.ts
-var import_react14 = require("react");
+var import_react15 = require("react");
 var STORAGE_VERSION = "v1";
 var generateId = () => {
   if (typeof crypto !== "undefined" && "randomUUID" in crypto) {
@@ -5992,25 +6779,25 @@ function useConversationStore(options = {}) {
     maxConversations = 50,
     autoPersist = true
   } = options;
-  const [conversations, setConversations] = (0, import_react14.useState)(
+  const [conversations, setConversations] = (0, import_react15.useState)(
     () => readFromStorage(namespace)
   );
-  const [activeConversationId, setActiveConversationId] = (0, import_react14.useState)(null);
-  const [searchQuery, setSearchQuery] = (0, import_react14.useState)("");
-  (0, import_react14.useEffect)(() => {
+  const [activeConversationId, setActiveConversationId] = (0, import_react15.useState)(null);
+  const [searchQuery, setSearchQuery] = (0, import_react15.useState)("");
+  (0, import_react15.useEffect)(() => {
     if (autoPersist) {
       writeToStorage(namespace, conversations);
     }
   }, [conversations, namespace, autoPersist]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     setConversations(readFromStorage(namespace));
     setActiveConversationId(null);
   }, [namespace]);
-  const activeConversation = (0, import_react14.useMemo)(() => {
+  const activeConversation = (0, import_react15.useMemo)(() => {
     if (!activeConversationId) return null;
     return conversations.find((c) => c.id === activeConversationId) || null;
   }, [conversations, activeConversationId]);
-  const filteredConversations = (0, import_react14.useMemo)(() => {
+  const filteredConversations = (0, import_react15.useMemo)(() => {
     if (!searchQuery.trim()) return conversations;
     const query = searchQuery.toLowerCase().trim();
     return conversations.filter((conv) => {
@@ -6018,13 +6805,13 @@ function useConversationStore(options = {}) {
       return searchable.includes(query);
     });
   }, [conversations, searchQuery]);
-  const groupedConversations = (0, import_react14.useMemo)(() => {
+  const groupedConversations = (0, import_react15.useMemo)(() => {
     const sorted = [...filteredConversations].sort(
       (a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime()
     );
     return groupByTimePeriod(sorted);
   }, [filteredConversations]);
-  const createConversation = (0, import_react14.useCallback)(
+  const createConversation = (0, import_react15.useCallback)(
     (agentId, initialHistory) => {
       const now = (/* @__PURE__ */ new Date()).toISOString();
       const history = initialHistory || {};
@@ -6046,7 +6833,7 @@ function useConversationStore(options = {}) {
     },
     [maxConversations]
   );
-  const updateConversationHistory = (0, import_react14.useCallback)(
+  const updateConversationHistory = (0, import_react15.useCallback)(
     (conversationId, history) => {
       setConversations(
         (prev) => prev.map((conv) => {
@@ -6062,26 +6849,26 @@ function useConversationStore(options = {}) {
     },
     []
   );
-  const deleteConversation = (0, import_react14.useCallback)((conversationId) => {
+  const deleteConversation = (0, import_react15.useCallback)((conversationId) => {
     setConversations((prev) => prev.filter((c) => c.id !== conversationId));
     if (activeConversationId === conversationId) {
       setActiveConversationId(null);
     }
   }, [activeConversationId]);
-  const selectConversation = (0, import_react14.useCallback)((conversationId) => {
+  const selectConversation = (0, import_react15.useCallback)((conversationId) => {
     setActiveConversationId(conversationId);
   }, []);
-  const getConversationsForAgent = (0, import_react14.useCallback)(
+  const getConversationsForAgent = (0, import_react15.useCallback)(
     (agentId) => {
       return conversations.filter((c) => c.agentId === agentId);
     },
     [conversations]
   );
-  const clearAllConversations = (0, import_react14.useCallback)(() => {
+  const clearAllConversations = (0, import_react15.useCallback)(() => {
     setConversations([]);
     setActiveConversationId(null);
   }, []);
-  const startNewConversation = (0, import_react14.useCallback)(() => {
+  const startNewConversation = (0, import_react15.useCallback)(() => {
     setActiveConversationId(null);
   }, []);
   return {