@hef2024/llmasaservice-ui 0.22.5 → 0.22.6

package/dist/index.js

@@ -4777,12 +4777,6 @@ var AIChatPanel = ({
     ) : /* @__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(true);
-      }, 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);
@@ -4825,9 +4819,6 @@ var AIChatPanel = ({
         className: "ai-chat-agent-suggestion__button",
         onClick: () => {
           onAgentChange(agentId);
-          setTimeout(() => {
-            scrollToBottom(true);
-          }, 100);
         }
       },
       "Switch"

package/dist/index.mjs

@@ -4744,12 +4744,6 @@ var AIChatPanel = ({
     ) : /* @__PURE__ */ React12.createElement("code", __spreadValues({ className }, props), children);
   }, [effectivePrismStyle]);
   const AgentSuggestionCard = React12.memo(({ agentId, agentName, reason }) => {
-    useEffect7(() => {
-      const timer = setTimeout(() => {
-        scrollToBottom(true);
-      }, 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);
@@ -4792,9 +4786,6 @@ var AIChatPanel = ({
         className: "ai-chat-agent-suggestion__button",
         onClick: () => {
           onAgentChange(agentId);
-          setTimeout(() => {
-            scrollToBottom(true);
-          }, 100);
         }
       },
       "Switch"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hef2024/llmasaservice-ui",
-  "version": "0.22.5",
+  "version": "0.22.6",
   "description": "Prebuilt UI components for LLMAsAService.io",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/AIChatPanel.tsx

@@ -2112,15 +2112,8 @@ const AIChatPanel: React.FC<AIChatPanelProps> = ({
     agentName: string; 
     reason: string;
   }) => {
-    // Auto-scroll when the agent suggestion card appears
-    useEffect(() => {
-      // Small delay to ensure the card is fully rendered in the DOM
-      // Force scroll since this is new content being added
-      const timer = setTimeout(() => {
-        scrollToBottom(true);
-      }, 100);
-      return () => clearTimeout(timer);
-    }, []); // Empty deps - only run on mount
+    // Note: Removed auto-scroll on card appearance - it was causing unwanted scrolling
+    // The card appears as part of streaming response, which handles its own scrolling
     
     if (!agentId || !onAgentChange) return null;
     
@@ -2236,11 +2229,7 @@ const AIChatPanel: React.FC<AIChatPanelProps> = ({
           className="ai-chat-agent-suggestion__button"
           onClick={() => {
             onAgentChange(agentId);
-            // Scroll to bottom after a brief delay to let React re-render
-            // Force scroll since this is a user-initiated action
-            setTimeout(() => {
-              scrollToBottom(true);
-            }, 100);
+            // Note: Removed forced scroll - switching agents shouldn't scroll the chat
           }}
         >
           Switch