@mcp-use/inspector 2.2.0-canary.2 → 2.2.0-canary.4

package/dist/client/index.js

@@ -5177,7 +5177,7 @@ var init_module = __esm({
   }
 });
 
-// ../mcp-use/dist/chunk-KPIFWECU.js
+// ../mcp-use/dist/chunk-CT5P3B7U.js
 import { RESOURCE_MIME_TYPE } from "@modelcontextprotocol/ext-apps";
 import {
   CreateMessageRequestSchema,
@@ -5345,12 +5345,12 @@ function setTelemetrySource(source) {
   Tel.getInstance().setSource(source);
 }
 var VERSION, _a3, BaseTelemetryEvent, _a4, MCPAgentExecutionEvent, _a5, ServerRunEvent, _a6, ServerInitializeEvent, _a7, ServerToolCallEvent, _a8, ServerResourceCallEvent, _a9, ServerPromptCallEvent, _a10, ServerContextEvent, _a11, MCPClientInitEvent, _a12, ConnectorInitEvent, _a13, ClientAddServerEvent, _a14, ClientRemoveServerEvent, USER_ID_STORAGE_KEY, cachedEnvironment, _a15, Telemetry2, Tel, _a16, BaseConnector, _a17, ConnectionManager;
-var init_chunk_KPIFWECU = __esm({
-  "../mcp-use/dist/chunk-KPIFWECU.js"() {
+var init_chunk_CT5P3B7U = __esm({
+  "../mcp-use/dist/chunk-CT5P3B7U.js"() {
     "use strict";
     init_chunk_QWQYAQCK();
     init_chunk_3GQAWCBQ();
-    VERSION = "1.24.2-canary.2";
+    VERSION = "1.24.2-canary.4";
     __name(getPackageVersion2, "getPackageVersion");
     BaseTelemetryEvent = (_a3 = class {
     }, __name(_a3, "BaseTelemetryEvent"), _a3);
@@ -6620,7 +6620,7 @@ var init_chunk_KPIFWECU = __esm({
   }
 });
 
-// ../mcp-use/dist/chunk-VDUR5PXK.js
+// ../mcp-use/dist/chunk-2KALGUHZ.js
 import {
   Client
 } from "@modelcontextprotocol/sdk/client/index.js";
@@ -6685,10 +6685,10 @@ function createConnectorFromConfig(serverConfig, connectorOptions) {
   throw new Error("Cannot determine connector type from config");
 }
 var _a18, SseConnectionManager, _a19, HttpConnector, _a20, MCPSession, _a21, BaseMCPClient;
-var init_chunk_VDUR5PXK = __esm({
-  "../mcp-use/dist/chunk-VDUR5PXK.js"() {
+var init_chunk_2KALGUHZ = __esm({
+  "../mcp-use/dist/chunk-2KALGUHZ.js"() {
     "use strict";
-    init_chunk_KPIFWECU();
+    init_chunk_CT5P3B7U();
     init_chunk_QWQYAQCK();
     init_chunk_3GQAWCBQ();
     SseConnectionManager = (_a18 = class extends ConnectionManager {
@@ -7947,7 +7947,7 @@ var init_chunk_VDUR5PXK = __esm({
   }
 });
 
-// ../mcp-use/dist/chunk-GEOH7R4G.js
+// ../mcp-use/dist/chunk-2ATSIYOF.js
 import {
   discoverOAuthProtectedResourceMetadata,
   discoverAuthorizationServerMetadata,
@@ -8257,11 +8257,11 @@ async function onMcpAuthorization() {
   }
 }
 var _a22, BrowserMCPClient, _a23, BrowserOAuthClientProvider;
-var init_chunk_GEOH7R4G = __esm({
-  "../mcp-use/dist/chunk-GEOH7R4G.js"() {
+var init_chunk_2ATSIYOF = __esm({
+  "../mcp-use/dist/chunk-2ATSIYOF.js"() {
     "use strict";
-    init_chunk_VDUR5PXK();
-    init_chunk_KPIFWECU();
+    init_chunk_2KALGUHZ();
+    init_chunk_CT5P3B7U();
     init_chunk_QWQYAQCK();
     init_chunk_3GQAWCBQ();
     __name(trackBrowserClientInit, "trackBrowserClientInit");
@@ -27978,18 +27978,18 @@ var init_stdio_transport = __esm({
   }
 });
 
-// ../mcp-use/dist/stdio-CWIMXSHX.js
-var stdio_CWIMXSHX_exports = {};
-__export(stdio_CWIMXSHX_exports, {
+// ../mcp-use/dist/stdio-5Y3QCAX6.js
+var stdio_5Y3QCAX6_exports = {};
+__export(stdio_5Y3QCAX6_exports, {
   StdioConnector: () => StdioConnector
 });
 import { Client as Client2 } from "@modelcontextprotocol/sdk/client/index.js";
 import process2 from "process";
 var _a38, StdioConnectionManager, _a39, StdioConnector;
-var init_stdio_CWIMXSHX = __esm({
-  "../mcp-use/dist/stdio-CWIMXSHX.js"() {
+var init_stdio_5Y3QCAX6 = __esm({
+  "../mcp-use/dist/stdio-5Y3QCAX6.js"() {
     "use strict";
-    init_chunk_KPIFWECU();
+    init_chunk_CT5P3B7U();
     init_chunk_QWQYAQCK();
     init_chunk_3GQAWCBQ();
     init_stdio_transport();
@@ -28133,9 +28133,9 @@ var init_stdio_CWIMXSHX = __esm({
   }
 });
 
-// ../mcp-use/dist/client-J4HPCNHM.js
-var client_J4HPCNHM_exports = {};
-__export(client_J4HPCNHM_exports, {
+// ../mcp-use/dist/client-QBNSMKSM.js
+var client_QBNSMKSM_exports = {};
+__export(client_QBNSMKSM_exports, {
   BaseCodeExecutor: () => BaseCodeExecutor,
   E2BCodeExecutor: () => E2BCodeExecutor,
   MCPClient: () => MCPClient,
@@ -28275,12 +28275,12 @@ function trackNodeClientInit(config, codeMode, callbacks) {
   }).catch((e2) => logger.debug(`Failed to track MCPClient init: ${e2}`));
 }
 var _a40, BaseCodeExecutor, _a41, E2BCodeExecutor, vm, vmCheckAttempted, _a42, VMCodeExecutor, _a43, CodeModeConnector, _a44, MCPClient;
-var init_client_J4HPCNHM = __esm({
-  "../mcp-use/dist/client-J4HPCNHM.js"() {
+var init_client_QBNSMKSM = __esm({
+  "../mcp-use/dist/client-QBNSMKSM.js"() {
     "use strict";
     init_chunk_LG5NSHEL();
-    init_chunk_VDUR5PXK();
-    init_chunk_KPIFWECU();
+    init_chunk_2KALGUHZ();
+    init_chunk_CT5P3B7U();
     init_chunk_QWQYAQCK();
     init_chunk_3GQAWCBQ();
     init_fs();
@@ -29217,7 +29217,7 @@ ${shim}
           clientInfo: serverConfig.clientInfo ?? this.config.clientInfo
         };
         if ("command" in merged && "args" in merged) {
-          const { StdioConnector: StdioConnector2 } = await Promise.resolve().then(() => (init_stdio_CWIMXSHX(), stdio_CWIMXSHX_exports));
+          const { StdioConnector: StdioConnector2 } = await Promise.resolve().then(() => (init_stdio_5Y3QCAX6(), stdio_5Y3QCAX6_exports));
           const stdioConfig = merged;
           return new StdioConnector2({
             command: stdioConfig.command,
@@ -74896,11 +74896,11 @@ var _a45, BaseAdapter, _a46, LangChainAdapter, _a47, MCPServerTool, PresentActiv
 var init_browser = __esm({
   "../mcp-use/dist/src/browser.js"() {
     "use strict";
-    init_chunk_GEOH7R4G();
+    init_chunk_2ATSIYOF();
     init_chunk_UJPHRNQP();
     init_chunk_LG5NSHEL();
-    init_chunk_VDUR5PXK();
-    init_chunk_KPIFWECU();
+    init_chunk_2KALGUHZ();
+    init_chunk_CT5P3B7U();
     init_chunk_QWQYAQCK();
     init_chunk_3GQAWCBQ();
     init_dist3();
@@ -76247,7 +76247,7 @@ Raw error: ${result}`
             logger.debug(
               `Creating MCPClient with ${Object.keys(this.mcpServersConfig).length} server(s)...`
             );
-            const { MCPClient: MCPClient2 } = await Promise.resolve().then(() => (init_client_J4HPCNHM(), client_J4HPCNHM_exports));
+            const { MCPClient: MCPClient2 } = await Promise.resolve().then(() => (init_client_QBNSMKSM(), client_QBNSMKSM_exports));
             this.client = new MCPClient2({ mcpServers: this.mcpServersConfig });
             logger.debug("\u2705 MCPClient created successfully");
           }
@@ -80698,7 +80698,7 @@ var levelFilterColors = {
   trace: "text-gray-500"
 };
 function IframeConsole({
-  iframeId,
+  iframeId: _iframeId,
   enabled = true
 }) {
   const [proxyToPageConsole, setProxyToPageConsole] = useState6(() => {
@@ -86569,6 +86569,7 @@ var InspectorContext = createContext3(
   void 0
 );
 function InspectorProvider({ children }) {
+  const hostedChatUrl = typeof import.meta !== "undefined" ? import.meta.env?.VITE_MANUFACT_CHAT_URL : void 0;
   const [state, setState] = useState14({
     selectedServerId: null,
     activeTab: "tools",
@@ -86580,7 +86581,13 @@ function InspectorProvider({ children }) {
     tunnelUrl: null,
     isTunnelStarting: false,
     isEmbedded: false,
-    embeddedConfig: {}
+    embeddedConfig: hostedChatUrl ? {
+      chatApiUrl: hostedChatUrl,
+      chatStreamProtocol: "data-stream",
+      // Include cookies so the backend can recognise authenticated users
+      // (session cookie shared across subdomains via COOKIE_DOMAIN).
+      chatCredentials: "include"
+    } : {}
   });
   const setSelectedServerId = useCallback12((serverId) => {
     setState((prev) => ({ ...prev, selectedServerId: serverId }));
@@ -90539,7 +90546,7 @@ function SavedPromptsList({
   savedPrompts,
   selectedPrompt,
   onLoadPrompt,
-  onDeletePrompt,
+  onDeletePrompt: _onDeletePrompt,
   focusedIndex
 }) {
   if (savedPrompts.length === 0) {
@@ -90901,11 +90908,11 @@ function extractErrorMessage3(result) {
 function PromptResultDisplay({
   results,
   copiedResult,
-  previewMode = true,
+  previewMode: _previewMode = true,
   onCopy,
   onDelete,
   onFullscreen,
-  onTogglePreview,
+  onTogglePreview: _onTogglePreview,
   onMaximize,
   isMaximized = false
 }) {
@@ -91725,11 +91732,11 @@ PromptsTab.displayName = "PromptsTab";
 
 // src/client/components/ChatTab.tsx
 import {
-  useCallback as useCallback23,
+  useCallback as useCallback24,
   useEffect as useEffect27,
   useMemo as useMemo19,
   useRef as useRef21,
-  useState as useState33
+  useState as useState34
 } from "react";
 import { toast as toast7 } from "sonner";
 
@@ -91906,7 +91913,8 @@ function ConfigurationDialog({
   onSave,
   onClear,
   showClearButton = false,
-  buttonLabel: _buttonLabel = "Configure API Key"
+  buttonLabel: _buttonLabel = "Configure API Key",
+  freeTierInfo
 }) {
   const [models, setModels] = useState28([]);
   const [isLoadingModels, setIsLoadingModels] = useState28(false);
@@ -91961,10 +91969,22 @@ function ConfigurationDialog({
   };
   return /* @__PURE__ */ jsx68(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs43(DialogContent, { className: "max-w-md", "data-testid": "chat-config-dialog", children: [
     /* @__PURE__ */ jsxs43(DialogHeader, { children: [
-      /* @__PURE__ */ jsx68(DialogTitle, { children: "LLM Provider Configuration" }),
-      /* @__PURE__ */ jsx68(DialogDescription, { children: "Configure your LLM provider and API key to start chatting with the MCP server" })
+      /* @__PURE__ */ jsx68(DialogTitle, { children: freeTierInfo ? "Model & usage" : "LLM Provider Configuration" }),
+      /* @__PURE__ */ jsx68(DialogDescription, { children: freeTierInfo ? "You're using Manufact's free tier. Sign in to increase your limits, or bring your own key to pick any model." : "Configure your LLM provider and API key to start chatting with the MCP server" })
     ] }),
     /* @__PURE__ */ jsxs43("div", { className: "space-y-4", children: [
+      freeTierInfo && /* @__PURE__ */ jsx68("div", { className: "rounded-md border bg-muted/40 p-3 space-y-2", children: /* @__PURE__ */ jsxs43("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ jsxs43("div", { className: "text-sm", children: [
+          /* @__PURE__ */ jsx68("div", { className: "font-medium", children: "Manufact free tier" }),
+          /* @__PURE__ */ jsx68("div", { className: "text-xs text-muted-foreground", children: "Sign in for increased generous limits." })
+        ] }),
+        /* @__PURE__ */ jsx68(Button, { size: "sm", onClick: freeTierInfo.onLoginClick, children: "Sign in" })
+      ] }) }),
+      freeTierInfo && /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx68("div", { className: "h-px flex-1 bg-border" }),
+        /* @__PURE__ */ jsx68("span", { children: "or use your own API key" }),
+        /* @__PURE__ */ jsx68("div", { className: "h-px flex-1 bg-border" })
+      ] }),
       /* @__PURE__ */ jsxs43("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsx68(Label2, { children: "Provider" }),
         /* @__PURE__ */ jsxs43(
@@ -92137,7 +92157,7 @@ function ConfigurationDialog({
 }
 
 // src/client/components/chat/ChatHeader.tsx
-import { Fragment as Fragment17, jsx as jsx69, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs44 } from "react/jsx-runtime";
 function ChatHeader({
   llmConfig,
   hasMessages,
@@ -92153,6 +92173,7 @@ function ChatHeader({
   onSaveConfig,
   onClearConfig,
   hideConfigButton,
+  freeTierInfo,
   clearButtonLabel,
   hideTitle,
   clearButtonHideIcon,
@@ -92165,7 +92186,7 @@ function ChatHeader({
   return /* @__PURE__ */ jsxs44("div", { className: "flex flex-row absolute top-0 right-0 z-10 w-full items-center justify-between p-1 pt-2 gap-2", children: [
     /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-2 rounded-full p-2 px-2 sm:px-4", children: [
       !hideTitle && /* @__PURE__ */ jsx69("h3", { className: "text-xl sm:text-3xl font-base", children: "Chat" }),
-      llmConfig && !hideConfigButton && /* @__PURE__ */ jsx69(Fragment17, { children: /* @__PURE__ */ jsxs44(Tooltip, { children: [
+      llmConfig && (!hideConfigButton || freeTierInfo) && /* @__PURE__ */ jsxs44(Tooltip, { children: [
         /* @__PURE__ */ jsx69(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs44(
           Badge,
           {
@@ -92187,11 +92208,11 @@ function ChatHeader({
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx69(TooltipContent, { children: /* @__PURE__ */ jsx69("p", { children: "Change API Key" }) })
-      ] }) })
+        /* @__PURE__ */ jsx69(TooltipContent, { children: /* @__PURE__ */ jsx69("p", { children: freeTierInfo ? "Change model / upgrade" : "Change API Key" }) })
+      ] })
     ] }),
     /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-2 pr-2 sm:pr-3 pt-0 sm:pt-2 shrink-0", children: [
-      llmConfig && !hideConfigButton && /* @__PURE__ */ jsxs44(Tooltip, { children: [
+      llmConfig && (!hideConfigButton || freeTierInfo) && /* @__PURE__ */ jsxs44(Tooltip, { children: [
         /* @__PURE__ */ jsx69(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx69(
           Button,
           {
@@ -92278,7 +92299,7 @@ function ChatHeader({
           /* @__PURE__ */ jsx69(TooltipContent, { children: /* @__PURE__ */ jsx69("p", { children: clearButtonLabel ?? "New Chat" }) })
         ] })
       ] }),
-      !hideConfigButton && /* @__PURE__ */ jsx69(
+      (!hideConfigButton || freeTierInfo) && /* @__PURE__ */ jsx69(
         ConfigurationDialog,
         {
           open: configDialogOpen,
@@ -92291,8 +92312,9 @@ function ChatHeader({
           onApiKeyChange,
           onSave: onSaveConfig,
           onClear: onClearConfig,
-          showClearButton: !!llmConfig,
-          buttonLabel: llmConfig ? "Change API Key" : "Configure API Key"
+          showClearButton: !!llmConfig && !freeTierInfo,
+          buttonLabel: llmConfig ? "Change API Key" : "Configure API Key",
+          freeTierInfo
         }
       )
     ] })
@@ -92898,7 +92920,8 @@ function ChatLandingForm({
   hideModelBadge,
   hideServerUrl,
   quickQuestions = [],
-  onQuickQuestionSelect
+  onQuickQuestionSelect,
+  freeTierInfo
 }) {
   const canSend = inputValue.trim() || promptResults.length > 0 || attachments.length > 0;
   return /* @__PURE__ */ jsx77(AuroraBackground, { children: /* @__PURE__ */ jsxs51(BlurFade, { className: "w-full max-w-4xl mx-auto px-2 sm:px-4", children: [
@@ -92985,7 +93008,7 @@ function ChatLandingForm({
         },
         question
       )) }),
-      llmConfig && !hideModelBadge && /* @__PURE__ */ jsx77("div", { className: "flex justify-center mt-4", children: /* @__PURE__ */ jsxs51(Tooltip, { children: [
+      llmConfig && (!hideModelBadge || freeTierInfo) && /* @__PURE__ */ jsx77("div", { className: "flex justify-center mt-4", children: /* @__PURE__ */ jsxs51(Tooltip, { children: [
         /* @__PURE__ */ jsx77(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs51(
           Badge,
           {
@@ -93007,7 +93030,7 @@ function ChatLandingForm({
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx77(TooltipContent, { children: /* @__PURE__ */ jsx77("p", { children: "Change API Key" }) })
+        /* @__PURE__ */ jsx77(TooltipContent, { children: /* @__PURE__ */ jsx77("p", { children: freeTierInfo ? "Change model / upgrade" : "Change API Key" }) })
       ] }) })
     ] })
   ] }) });
@@ -93317,7 +93340,7 @@ function UserMessage({
 }
 
 // src/client/components/chat/MessageList.tsx
-import { Fragment as Fragment18, jsx as jsx82, jsxs as jsxs56 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx82, jsxs as jsxs56 } from "react/jsx-runtime";
 var MessageList = memo4(
   ({
     messages,
@@ -93452,7 +93475,7 @@ var MessageList = memo4(
               ] }, partKey);
             }
             return null;
-          }) : /* @__PURE__ */ jsxs56(Fragment18, { children: [
+          }) : /* @__PURE__ */ jsxs56(Fragment17, { children: [
             /* @__PURE__ */ jsx82(
               AssistantMessage,
               {
@@ -93659,6 +93682,7 @@ function useChatMessages({
   const [messages, setMessages] = useState31(initialMessages ?? []);
   const [isLoading, setIsLoading] = useState31(false);
   const [attachments, setAttachments] = useState31([]);
+  const [rateLimitInfo, setRateLimitInfo] = useState31(null);
   const abortControllerRef = useRef19(null);
   const sendMessage = useCallback21(
     async (userInput, promptResults, extraAttachments) => {
@@ -93754,6 +93778,16 @@ ${parts2.join("\n")}`
           )
         });
         if (!response.ok) {
+          if (response.status === 429) {
+            const errBody = await response.json().catch(() => null);
+            if (errBody?.loginRequired && errBody?.loginUrl) {
+              setRateLimitInfo({ loginUrl: errBody.loginUrl });
+            }
+            setMessages(
+              (prev) => prev.filter((m2) => m2.id !== `assistant-${Date.now()}`)
+            );
+            return;
+          }
           throw new Error(`HTTP error! status: ${response.status}`);
         }
         const assistantMessageId = `assistant-${Date.now()}`;
@@ -93999,6 +94033,10 @@ ${parts2.join("\n")}`
   );
   const clearMessages = useCallback21(() => {
     setMessages([]);
+    setRateLimitInfo(null);
+  }, []);
+  const clearRateLimitInfo = useCallback21(() => {
+    setRateLimitInfo(null);
   }, []);
   const stop = useCallback21(() => {
     if (abortControllerRef.current) {
@@ -94034,8 +94072,10 @@ ${parts2.join("\n")}`
     messages,
     isLoading,
     attachments,
+    rateLimitInfo,
     sendMessage,
     clearMessages,
+    clearRateLimitInfo,
     setMessages,
     stop,
     addAttachment,
@@ -94592,8 +94632,321 @@ ${parts2.join("\n")}`,
   };
 }
 
+// src/client/components/LoginModal.tsx
+import { useCallback as useCallback23, useState as useState33 } from "react";
+import { AlertCircle, Eye as Eye2, EyeOff as EyeOff2 } from "lucide-react";
+import { Fragment as Fragment18, jsx as jsx83, jsxs as jsxs57 } from "react/jsx-runtime";
+function GoogleIcon({ className }) {
+  return /* @__PURE__ */ jsxs57(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      className,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx83(
+          "path",
+          {
+            d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z",
+            fill: "#4285F4"
+          }
+        ),
+        /* @__PURE__ */ jsx83(
+          "path",
+          {
+            d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",
+            fill: "#34A853"
+          }
+        ),
+        /* @__PURE__ */ jsx83(
+          "path",
+          {
+            d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z",
+            fill: "#FBBC05"
+          }
+        ),
+        /* @__PURE__ */ jsx83(
+          "path",
+          {
+            d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",
+            fill: "#EA4335"
+          }
+        )
+      ]
+    }
+  );
+}
+function GitHubIcon({ className }) {
+  return /* @__PURE__ */ jsx83(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      className,
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx83("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" })
+    }
+  );
+}
+function Divider({ text }) {
+  return /* @__PURE__ */ jsxs57("div", { className: "relative flex items-center", children: [
+    /* @__PURE__ */ jsx83("div", { className: "flex-grow border-t border-border" }),
+    /* @__PURE__ */ jsx83("span", { className: "mx-3 flex-shrink text-xs text-muted-foreground", children: text }),
+    /* @__PURE__ */ jsx83("div", { className: "flex-grow border-t border-border" })
+  ] });
+}
+function LoginModal({
+  authOrigin,
+  onDismiss,
+  onUseApiKey
+}) {
+  const [email, setEmail] = useState33("");
+  const [password, setPassword] = useState33("");
+  const [showPassword, setShowPassword] = useState33(false);
+  const [error, setError] = useState33(null);
+  const [loading, setLoading] = useState33(
+    null
+  );
+  const handleSuccess = useCallback23(() => {
+    window.dispatchEvent(new CustomEvent("manufact:session-changed"));
+    onDismiss();
+  }, [onDismiss]);
+  const handleEmailSignIn = async (e2) => {
+    e2.preventDefault();
+    setError(null);
+    setLoading("email");
+    try {
+      const res = await fetch(`${authOrigin}/api/auth/sign-in/email`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        credentials: "include",
+        body: JSON.stringify({ email, password, rememberMe: true })
+      });
+      if (!res.ok) {
+        const body = await res.json().catch(() => ({}));
+        throw new Error(
+          body.message || "Incorrect email or password."
+        );
+      }
+      handleSuccess();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Sign in failed.");
+    } finally {
+      setLoading(null);
+    }
+  };
+  const handleOAuth = (provider) => {
+    setError(null);
+    setLoading(provider);
+    const callbackURL = `${window.location.origin}/inspector/oauth-popup-closed.html`;
+    fetch(`${authOrigin}/api/auth/sign-in/social`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      credentials: "include",
+      body: JSON.stringify({ provider, callbackURL })
+    }).then((res) => res.json()).then((data) => {
+      if (!data.url) throw new Error("No redirect URL returned");
+      const popup = window.open(
+        data.url,
+        "manufact-oauth",
+        "width=500,height=650"
+      );
+      const onMessage = (ev) => {
+        if (ev.data?.type !== "manufact:oauth-complete") return;
+        window.removeEventListener("message", onMessage);
+        clearInterval(poll);
+        setLoading(null);
+        try {
+          popup?.close();
+        } catch {
+        }
+        handleSuccess();
+      };
+      window.addEventListener("message", onMessage);
+      const poll = setInterval(async () => {
+        const closed = !popup || popup.closed;
+        try {
+          const sr2 = await fetch(`${authOrigin}/api/auth/get-session`, {
+            credentials: "include"
+          });
+          const sd = await sr2.json().catch(() => null);
+          if (sd?.user) {
+            clearInterval(poll);
+            window.removeEventListener("message", onMessage);
+            setLoading(null);
+            if (!closed) {
+              try {
+                popup?.close();
+              } catch {
+              }
+            }
+            handleSuccess();
+            return;
+          }
+        } catch {
+        }
+        if (closed) {
+          clearInterval(poll);
+          window.removeEventListener("message", onMessage);
+          setLoading(null);
+        }
+      }, 2e3);
+    }).catch((err) => {
+      setError(err instanceof Error ? err.message : "OAuth failed.");
+      setLoading(null);
+    });
+  };
+  const isLoading = loading !== null;
+  return /* @__PURE__ */ jsx83(
+    Dialog,
+    {
+      open: true,
+      onOpenChange: (open) => {
+        if (!open) onDismiss();
+      },
+      children: /* @__PURE__ */ jsxs57(DialogContent, { className: "max-w-sm", children: [
+        /* @__PURE__ */ jsxs57(DialogHeader, { children: [
+          /* @__PURE__ */ jsx83(DialogTitle, { children: "Sign in to Manufact" }),
+          /* @__PURE__ */ jsx83(DialogDescription, { children: "Sign in to unlock generous usage limits on the Manufact free tier." })
+        ] }),
+        /* @__PURE__ */ jsxs57("form", { onSubmit: handleEmailSignIn, className: "space-y-3", children: [
+          /* @__PURE__ */ jsxs57("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx83(Label2, { htmlFor: "lm-email", children: "Email" }),
+            /* @__PURE__ */ jsx83(
+              Input,
+              {
+                id: "lm-email",
+                type: "email",
+                placeholder: "you@example.com",
+                value: email,
+                onChange: (e2) => {
+                  setEmail(e2.target.value);
+                  setError(null);
+                },
+                disabled: isLoading,
+                required: true,
+                autoComplete: "email"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs57("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx83(Label2, { htmlFor: "lm-password", children: "Password" }),
+            /* @__PURE__ */ jsxs57("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx83(
+                Input,
+                {
+                  id: "lm-password",
+                  type: showPassword ? "text" : "password",
+                  placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+                  value: password,
+                  onChange: (e2) => {
+                    setPassword(e2.target.value);
+                    setError(null);
+                  },
+                  disabled: isLoading,
+                  required: true,
+                  autoComplete: "current-password",
+                  className: "pr-10"
+                }
+              ),
+              /* @__PURE__ */ jsx83(
+                "button",
+                {
+                  type: "button",
+                  className: "absolute inset-y-0 right-0 pr-3 flex items-center text-muted-foreground hover:text-foreground",
+                  onClick: () => setShowPassword((v2) => !v2),
+                  "aria-label": showPassword ? "Hide password" : "Show password",
+                  tabIndex: -1,
+                  children: showPassword ? /* @__PURE__ */ jsx83(EyeOff2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx83(Eye2, { className: "h-4 w-4" })
+                }
+              )
+            ] })
+          ] }),
+          error && /* @__PURE__ */ jsxs57("p", { className: "text-sm text-destructive flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx83(AlertCircle, { className: "h-4 w-4 shrink-0" }),
+            error
+          ] }),
+          /* @__PURE__ */ jsx83(Button, { type: "submit", disabled: isLoading, className: "w-full", children: loading === "email" ? /* @__PURE__ */ jsxs57(Fragment18, { children: [
+            /* @__PURE__ */ jsx83(Spinner, { className: "mr-2" }),
+            "Signing in\u2026"
+          ] }) : "Sign in" })
+        ] }),
+        /* @__PURE__ */ jsx83(Divider, { text: "Or continue with" }),
+        /* @__PURE__ */ jsxs57("div", { className: "grid grid-cols-2 gap-2", children: [
+          /* @__PURE__ */ jsxs57(
+            Button,
+            {
+              variant: "outline",
+              type: "button",
+              disabled: isLoading,
+              onClick: () => handleOAuth("google"),
+              children: [
+                loading === "google" ? /* @__PURE__ */ jsx83(Spinner, { className: "mr-2" }) : /* @__PURE__ */ jsx83(GoogleIcon, { className: cn("mr-2 h-4 w-4") }),
+                "Google"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs57(
+            Button,
+            {
+              variant: "outline",
+              type: "button",
+              disabled: isLoading,
+              onClick: () => handleOAuth("github"),
+              children: [
+                loading === "github" ? /* @__PURE__ */ jsx83(Spinner, { className: "mr-2" }) : /* @__PURE__ */ jsx83(GitHubIcon, { className: cn("mr-2 h-4 w-4") }),
+                "GitHub"
+              ]
+            }
+          )
+        ] }),
+        onUseApiKey && /* @__PURE__ */ jsxs57(Fragment18, { children: [
+          /* @__PURE__ */ jsx83(Divider, { text: "or" }),
+          /* @__PURE__ */ jsx83(
+            "button",
+            {
+              type: "button",
+              disabled: isLoading,
+              onClick: onUseApiKey,
+              className: "w-full text-sm text-muted-foreground hover:text-foreground transition-colors text-center",
+              children: "Use your own API key"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs57("p", { className: "text-xs text-center text-muted-foreground pt-1", children: [
+          "By signing in you agree to our",
+          " ",
+          /* @__PURE__ */ jsx83(
+            "a",
+            {
+              href: "https://manufact.com/terms",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "underline hover:text-foreground",
+              children: "Terms"
+            }
+          ),
+          " ",
+          "and",
+          " ",
+          /* @__PURE__ */ jsx83(
+            "a",
+            {
+              href: "https://manufact.com/privacy",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "underline hover:text-foreground",
+              children: "Privacy Policy"
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+
 // src/client/components/ChatTab.tsx
-import { jsx as jsx83, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs58 } from "react/jsx-runtime";
 var PROMPT_TRIGGER_REGEX = /(?:^\/$|\s+\/$)/;
 var PROMPT_ARROW_KEYS = ["ArrowDown", "ArrowUp", "Escape", "Enter"];
 function ChatTab({
@@ -94625,12 +94978,12 @@ function ChatTab({
   extraHeaders,
   body
 }) {
-  const [inputValue, setInputValue] = useState33("");
-  const [promptsDropdownOpen, setPromptsDropdownOpen] = useState33(false);
-  const [promptFocusedIndex, setPromptFocusedIndex] = useState33(-1);
-  const [quickQuestions, setQuickQuestions] = useState33(chatQuickQuestions);
-  const [followups, setFollowups] = useState33(chatFollowups);
-  const [disabledTools, setDisabledTools] = useState33(/* @__PURE__ */ new Set());
+  const [inputValue, setInputValue] = useState34("");
+  const [promptsDropdownOpen, setPromptsDropdownOpen] = useState34(false);
+  const [promptFocusedIndex, setPromptFocusedIndex] = useState34(-1);
+  const [quickQuestions, setQuickQuestions] = useState34(chatQuickQuestions);
+  const [followups, setFollowups] = useState34(chatFollowups);
+  const [disabledTools, setDisabledTools] = useState34(/* @__PURE__ */ new Set());
   const textareaRef = useRef21(null);
   const messagesAreaRef = useRef21(null);
   const triggerSpanRef = useRef21(null);
@@ -94655,8 +95008,12 @@ function ChatTab({
     saveLLMConfig,
     clearConfig
   } = useConfig({ mcpServerUrl: connection.url });
-  const llmConfig = managedLlmConfig ?? localLlmConfig;
-  const isManaged = !!managedLlmConfig;
+  const [forceClientSide, setForceClientSide] = useState34(
+    () => !!localLlmConfig
+  );
+  const effectiveClientSide = useClientSide || forceClientSide || !!localLlmConfig;
+  const llmConfig = effectiveClientSide ? localLlmConfig : managedLlmConfig ?? localLlmConfig;
+  const isManaged = !effectiveClientSide && !!managedLlmConfig;
   const { getAllModelContexts } = useWidgetDebug();
   const widgetModelContexts = getAllModelContexts();
   const chatHookParams = {
@@ -94693,7 +95050,20 @@ function ChatTab({
     stop,
     addAttachment,
     removeAttachment
-  } = useClientSide ? clientSideChat : serverSideChat;
+  } = effectiveClientSide ? clientSideChat : serverSideChat;
+  const rateLimitInfo = effectiveClientSide ? null : serverSideChat.rateLimitInfo ?? null;
+  const clearRateLimitInfo = effectiveClientSide ? void 0 : serverSideChat.clearRateLimitInfo;
+  const handleUseApiKey = useCallback24(() => {
+    clearRateLimitInfo?.();
+    setForceClientSide(true);
+    setConfigDialogOpen(true);
+  }, [clearRateLimitInfo, setConfigDialogOpen]);
+  const [showLoginModal, setShowLoginModal] = useState34(false);
+  const handleOpenLogin = useCallback24(() => {
+    setConfigDialogOpen(false);
+    setShowLoginModal(true);
+  }, [setConfigDialogOpen]);
+  const freeTierInfo = isManaged ? { onLoginClick: handleOpenLogin } : void 0;
   const {
     filteredPrompts,
     setSelectedPrompt,
@@ -94708,11 +95078,11 @@ function ChatTab({
     callPrompt,
     serverId
   });
-  const sanitizeStringList = useCallback23((input) => {
+  const sanitizeStringList = useCallback24((input) => {
     if (!Array.isArray(input)) return [];
     return input.filter((item) => typeof item === "string").map((item) => item.trim()).filter(Boolean).slice(0, 8);
   }, []);
-  const serializeMessageContent = useCallback23((message) => {
+  const serializeMessageContent = useCallback24((message) => {
     if (typeof message.content === "string" && message.content.trim()) {
       return message.content;
     }
@@ -94727,7 +95097,7 @@ function ChatTab({
     }
     return "";
   }, []);
-  const serializeToolResult2 = useCallback23((result) => {
+  const serializeToolResult2 = useCallback24((result) => {
     if (result === null || result === void 0) return "No result";
     if (typeof result === "string") {
       try {
@@ -94760,7 +95130,7 @@ function ChatTab({
     }
     return JSON.stringify(result, null, 2);
   }, []);
-  const getSerializedMessages = useCallback23(() => {
+  const getSerializedMessages = useCallback24(() => {
     return messages.map((message) => {
       const textContent = serializeMessageContent(message);
       const toolInvocations = message.parts?.filter((p2) => p2.type === "tool-invocation" && p2.toolInvocation).map((p2) => ({
@@ -94779,7 +95149,7 @@ function ChatTab({
       };
     });
   }, [messages, serializeMessageContent]);
-  const postBridgeEvent = useCallback23(
+  const postBridgeEvent = useCallback24(
     (type, payload = {}) => {
       if (typeof window === "undefined" || window.parent === window) return;
       window.parent.postMessage(
@@ -95049,12 +95419,12 @@ function ChatTab({
   useKeyboardShortcuts(
     enableKeyboardShortcuts ? { onNewChat: clearMessages } : {}
   );
-  const clearPromptsUIState = useCallback23(() => {
+  const clearPromptsUIState = useCallback24(() => {
     setPromptFocusedIndex(-1);
     setPromptsDropdownOpen(false);
     triggerSpanRef.current = null;
   }, []);
-  const updatePromptsDropdownState = useCallback23(() => {
+  const updatePromptsDropdownState = useCallback24(() => {
     if (!textareaRef.current) {
       return;
     }
@@ -95085,12 +95455,12 @@ function ChatTab({
     }
     updatePromptsDropdownState();
   }, [inputValue, updatePromptsDropdownState]);
-  const clearPromptsState = useCallback23(() => {
+  const clearPromptsState = useCallback24(() => {
     setSelectedPrompt(null);
     setPromptArgs({});
     clearPromptsUIState();
   }, [clearPromptsUIState]);
-  const handlePromptSelect = useCallback23(
+  const handlePromptSelect = useCallback24(
     async (prompt) => {
       setSelectedPrompt(prompt);
       if (prompt.arguments && prompt.arguments.length > 0) {
@@ -95120,7 +95490,7 @@ function ChatTab({
     },
     [executePrompt, clearPromptsState, inputValue]
   );
-  const handleSendMessage = useCallback23(() => {
+  const handleSendMessage = useCallback24(() => {
     const hasContent = inputValue.trim() || results.length > 0 || attachments.length > 0;
     if (!hasContent) {
       return;
@@ -95129,7 +95499,7 @@ function ChatTab({
     setInputValue("");
     clearPromptResults();
   }, [inputValue, results, sendMessage, clearPromptResults, attachments]);
-  const handlePromptKeyDown = useCallback23(
+  const handlePromptKeyDown = useCallback24(
     (e2) => {
       if (e2.key === "ArrowDown") {
         setPromptFocusedIndex((prev) => {
@@ -95158,7 +95528,7 @@ function ChatTab({
       clearPromptsUIState
     ]
   );
-  const handleKeyDown = useCallback23(
+  const handleKeyDown = useCallback24(
     (e2) => {
       if (PROMPT_ARROW_KEYS.includes(e2.key) && promptsDropdownOpen) {
         e2.preventDefault();
@@ -95170,7 +95540,7 @@ function ChatTab({
     },
     [handleSendMessage, handlePromptKeyDown, promptsDropdownOpen]
   );
-  const handleKeyUp = useCallback23(
+  const handleKeyUp = useCallback24(
     (e2) => {
       if (e2.key === "ArrowLeft" || e2.key === "ArrowRight") {
         updatePromptsDropdownState();
@@ -95178,7 +95548,7 @@ function ChatTab({
     },
     [updatePromptsDropdownState]
   );
-  const formatMessagesAsMarkdown = useCallback23(
+  const formatMessagesAsMarkdown = useCallback24(
     (messages2) => {
       let content = `# Chat Export - ${(/* @__PURE__ */ new Date()).toLocaleString()}
 
@@ -95218,14 +95588,14 @@ ${sections.join("\n\n")}`;
     },
     [serializeMessageContent, serializeToolResult2]
   );
-  const handleCopyChat = useCallback23(() => {
+  const handleCopyChat = useCallback24(() => {
     const formattedMessages = formatMessagesAsMarkdown(messages);
     copyToClipboard(formattedMessages).then(
       () => toast7.success("Chat copied to clipboard"),
       () => toast7.error("Failed to copy chat")
     );
   }, [messages, formatMessagesAsMarkdown]);
-  const handleExportChat = useCallback23(
+  const handleExportChat = useCallback24(
     (format2) => {
       const dateStr = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
       const filename = `chat-export-${dateStr}`;
@@ -95258,11 +95628,11 @@ ${sections.join("\n\n")}`;
     },
     [messages, formatMessagesAsMarkdown, serializeMessageContent]
   );
-  const handleClearConfig = useCallback23(() => {
+  const handleClearConfig = useCallback24(() => {
     clearConfig();
     clearMessages();
   }, [clearConfig, clearMessages]);
-  const handleQuickQuestionSelect = useCallback23(
+  const handleQuickQuestionSelect = useCallback24(
     (question) => {
       if (!question.trim()) return;
       if (!llmConfig || !isConnected) return;
@@ -95275,7 +95645,7 @@ ${sections.join("\n\n")}`;
     },
     [postBridgeEvent, sendMessage, llmConfig, isConnected]
   );
-  const handleFollowupSelect = useCallback23(
+  const handleFollowupSelect = useCallback24(
     (followup) => {
       if (!followup.trim()) return;
       if (!llmConfig || !isConnected) return;
@@ -95288,9 +95658,20 @@ ${sections.join("\n\n")}`;
     },
     [postBridgeEvent, sendMessage, llmConfig, isConnected]
   );
+  const loginModalNode = (rateLimitInfo || showLoginModal) && chatApiUrl ? /* @__PURE__ */ jsx84(
+    LoginModal,
+    {
+      authOrigin: new URL(chatApiUrl).origin,
+      onDismiss: () => {
+        clearRateLimitInfo?.();
+        setShowLoginModal(false);
+      },
+      onUseApiKey: handleUseApiKey
+    }
+  ) : null;
   if (llmConfig && messages.length === 0) {
-    return /* @__PURE__ */ jsxs57("div", { className: "flex flex-col h-full", children: [
-      !isManaged && /* @__PURE__ */ jsx83("div", { className: "absolute top-4 right-4 z-10", children: /* @__PURE__ */ jsx83(
+    return /* @__PURE__ */ jsxs58("div", { className: "flex flex-col h-full", children: [
+      /* @__PURE__ */ jsx84("div", { className: "absolute top-4 right-4 z-10", children: /* @__PURE__ */ jsx84(
         ConfigurationDialog,
         {
           open: configDialogOpen,
@@ -95303,11 +95684,12 @@ ${sections.join("\n\n")}`;
           onApiKeyChange: setTempApiKey,
           onSave: saveLLMConfig,
           onClear: handleClearConfig,
-          showClearButton: true,
-          buttonLabel: "Change API Key"
+          showClearButton: !isManaged,
+          buttonLabel: "Change API Key",
+          freeTierInfo
         }
       ) }),
-      /* @__PURE__ */ jsx83(
+      /* @__PURE__ */ jsx84(
         ChatLandingForm,
         {
           mcpServerUrl: connection.url,
@@ -95338,23 +95720,30 @@ ${sections.join("\n\n")}`;
           onConfigDialogOpenChange: setConfigDialogOpen,
           onAttachmentAdd: addAttachment,
           onAttachmentRemove: removeAttachment,
-          hideModelBadge,
+          hideModelBadge: (
+            // In hosted mode the host default is `hideModelBadge=true`, but
+            // once the user has supplied their own API key (client-side mode)
+            // we want the provider/model badge back so they can see and
+            // change what they're using.
+            hideModelBadge && !effectiveClientSide
+          ),
           hideServerUrl,
           quickQuestions,
-          onQuickQuestionSelect: handleQuickQuestionSelect
+          onQuickQuestionSelect: handleQuickQuestionSelect,
+          freeTierInfo
         }
-      )
+      ),
+      loginModalNode
     ] });
   }
-  return /* @__PURE__ */ jsxs57("div", { className: "flex flex-col h-full relative", children: [
-    /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsxs58("div", { className: "flex flex-col h-full relative", children: [
+    /* @__PURE__ */ jsx84(
       ChatHeader,
       {
         llmConfig,
         hasMessages: messages.length > 0,
-        configDialogOpen: isManaged ? false : configDialogOpen,
-        onConfigDialogOpenChange: isManaged ? () => {
-        } : setConfigDialogOpen,
+        configDialogOpen,
+        onConfigDialogOpenChange: setConfigDialogOpen,
         onClearChat: clearMessages,
         tempProvider,
         tempModel,
@@ -95364,9 +95753,10 @@ ${sections.join("\n\n")}`;
         onApiKeyChange: setTempApiKey,
         onSaveConfig: saveLLMConfig,
         onClearConfig: handleClearConfig,
+        hideConfigButton: isManaged && !freeTierInfo,
+        freeTierInfo,
         onCopyChat: handleCopyChat,
         onExportChat: handleExportChat,
-        hideConfigButton: isManaged,
         clearButtonLabel,
         hideTitle,
         clearButtonHideIcon,
@@ -95375,17 +95765,17 @@ ${sections.join("\n\n")}`;
         hideClearButton
       }
     ),
-    /* @__PURE__ */ jsx83(
+    /* @__PURE__ */ jsx84(
       "div",
       {
         ref: messagesAreaRef,
         className: "flex-1 overflow-y-auto p-2 sm:p-4 pt-[80px] sm:pt-[100px]",
-        children: !llmConfig ? /* @__PURE__ */ jsx83(
+        children: !llmConfig ? /* @__PURE__ */ jsx84(
           ConfigureEmptyState,
           {
             onConfigureClick: () => setConfigDialogOpen(true)
           }
-        ) : /* @__PURE__ */ jsx83(
+        ) : /* @__PURE__ */ jsx84(
           MessageList,
           {
             messages,
@@ -95399,11 +95789,12 @@ ${sections.join("\n\n")}`;
         )
       }
     ),
-    llmConfig && /* @__PURE__ */ jsx83(
+    loginModalNode,
+    llmConfig && /* @__PURE__ */ jsx84(
       ChatInputArea,
       {
         inputValue,
-        isConnected,
+        isConnected: isConnected && !rateLimitInfo,
         isLoading,
         textareaRef,
         promptsDropdownOpen,