@mcp-use/inspector 7.0.0-canary.19 → 7.0.0-canary.21

package/dist/client/index.js

@@ -16919,10 +16919,10 @@ function ConfigureEmptyState({
 // src/client/components/chat/MessageList.tsx
 import { memo as memo4, useCallback as useCallback21, useEffect as useEffect26, useRef as useRef17 } from "react";
 
-// src/client/components/chat/AssistantMessage.tsx
+// src/client/components/chat/CopyButton.tsx
 import { Check as Check10, Copy as Copy13 } from "lucide-react";
 import { useState as useState29 } from "react";
-import { jsx as jsx79, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx79 } from "react/jsx-runtime";
 function CopyButton({ text }) {
   const [isCopied, setIsCopied] = useState29(false);
   const handleCopy = async () => {
@@ -16936,10 +16936,14 @@ function CopyButton({ text }) {
       className: "opacity-0 group-hover/message:opacity-100 transition-opacity text-muted-foreground hover:text-foreground text-xs flex items-center gap-1",
       onClick: handleCopy,
       title: "Copy message content",
+      "data-testid": "copy-button",
       children: isCopied ? /* @__PURE__ */ jsx79(Check10, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx79(Copy13, { className: "h-3.5 w-3.5" })
     }
   );
 }
+
+// src/client/components/chat/AssistantMessage.tsx
+import { jsx as jsx80, jsxs as jsxs52 } from "react/jsx-runtime";
 function AssistantMessage({
   content,
   timestamp,
@@ -16948,23 +16952,23 @@ function AssistantMessage({
   if (!content || content.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx79(
+  return /* @__PURE__ */ jsx80(
     "div",
     {
       className: "flex items-start gap-6 group/message relative",
       "data-testid": "chat-message-assistant",
       children: /* @__PURE__ */ jsxs52("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsx79("div", { className: "wrap-break-word", children: /* @__PURE__ */ jsx79(
+        /* @__PURE__ */ jsx80("div", { className: "wrap-break-word", children: /* @__PURE__ */ jsx80(
           "div",
           {
             className: "text-base leading-7 font-sans text-start wrap-break-word transition-all duration-300 ease-in-out",
             "data-testid": "chat-message-content",
-            children: /* @__PURE__ */ jsx79(MarkdownRenderer, { content })
+            children: /* @__PURE__ */ jsx80(MarkdownRenderer, { content })
           }
         ) }),
         timestamp && /* @__PURE__ */ jsxs52("div", { className: "flex items-center justify-between mt-2", children: [
-          /* @__PURE__ */ jsx79("span", { className: "text-xs text-muted-foreground", children: new Date(timestamp).toLocaleTimeString() }),
-          /* @__PURE__ */ jsx79(CopyButton, { text: content })
+          /* @__PURE__ */ jsx80("span", { className: "text-xs text-muted-foreground", children: new Date(timestamp).toLocaleTimeString() }),
+          /* @__PURE__ */ jsx80(CopyButton, { text: content })
         ] })
       ] })
     }
@@ -16973,7 +16977,7 @@ function AssistantMessage({
 
 // src/client/components/chat/ToolCallDisplay.tsx
 import { Check as Check11, Copy as Copy14, Loader2 as Loader24, Wrench as Wrench4, X as X8 } from "lucide-react";
-import { jsx as jsx80, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs53 } from "react/jsx-runtime";
 function ToolCallDisplay({
   toolName,
   args,
@@ -16985,13 +16989,13 @@ function ToolCallDisplay({
   const getStatusIcon = () => {
     switch (state) {
       case "call":
-        return /* @__PURE__ */ jsx80(Loader24, { className: "h-4 w-4 animate-spin text-blue-500 dark:text-blue-400" });
+        return /* @__PURE__ */ jsx81(Loader24, { className: "h-4 w-4 animate-spin text-blue-500 dark:text-blue-400" });
       case "result":
-        return /* @__PURE__ */ jsx80(Check11, { className: "h-4 w-4 text-emerald-800 dark:text-emerald-400" });
+        return /* @__PURE__ */ jsx81(Check11, { className: "h-4 w-4 text-emerald-800 dark:text-emerald-400" });
       case "error":
-        return /* @__PURE__ */ jsx80(X8, { className: "h-4 w-4 text-red-500 dark:text-red-400" });
+        return /* @__PURE__ */ jsx81(X8, { className: "h-4 w-4 text-red-500 dark:text-red-400" });
       default:
-        return /* @__PURE__ */ jsx80(Check11, { className: "h-4 w-4 text-emerald-800 dark:text-emerald-400" });
+        return /* @__PURE__ */ jsx81(Check11, { className: "h-4 w-4 text-emerald-800 dark:text-emerald-400" });
     }
   };
   const getStatusBg = () => {
@@ -17014,14 +17018,14 @@ function ToolCallDisplay({
     return String(content);
   };
   return /* @__PURE__ */ jsxs53(Sheet, { children: [
-    /* @__PURE__ */ jsx80(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxs53(
+    /* @__PURE__ */ jsx81(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxs53(
       "div",
       {
         className: "flex max-w-min items-center gap-3 p-1 rounded-full border bg-card hover:bg-accent/50 transition-colors cursor-pointer my-4",
         "data-testid": `chat-tool-call-${toolName}`,
         children: [
-          /* @__PURE__ */ jsx80("div", { className: "w-8 h-8 rounded-full bg-zinc-100 dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx80(Wrench4, { className: "size-4 text-muted-foreground" }) }),
-          /* @__PURE__ */ jsx80("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx80("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs53("span", { className: "text-sm font-medium truncate", children: [
+          /* @__PURE__ */ jsx81("div", { className: "w-8 h-8 rounded-full bg-zinc-100 dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx81(Wrench4, { className: "size-4 text-muted-foreground" }) }),
+          /* @__PURE__ */ jsx81("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx81("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs53("span", { className: "text-sm font-medium truncate", children: [
             toolName,
             "(",
             Object.keys(displayArgs).length > 0 ? /* @__PURE__ */ jsxs53("span", { className: "bg-muted-foreground/20 rounded-full px-1.5 mx-1 py-0.5 text-xs", children: [
@@ -17030,7 +17034,7 @@ function ToolCallDisplay({
             ] }) : "",
             ")"
           ] }) }) }),
-          /* @__PURE__ */ jsx80(
+          /* @__PURE__ */ jsx81(
             "div",
             {
               className: cn(
@@ -17053,7 +17057,7 @@ function ToolCallDisplay({
         children: [
           /* @__PURE__ */ jsxs53(SheetHeader, { children: [
             /* @__PURE__ */ jsxs53(SheetTitle, { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx80(Wrench4, { className: "h-5 w-5" }),
+              /* @__PURE__ */ jsx81(Wrench4, { className: "h-5 w-5" }),
               "Tool Call Details"
             ] }),
             /* @__PURE__ */ jsxs53(SheetDescription, { className: "flex items-center gap-2", children: [
@@ -17061,17 +17065,17 @@ function ToolCallDisplay({
               " \u2014 ",
               state,
               state === "call" && /* @__PURE__ */ jsxs53("span", { className: "flex items-center gap-1 text-blue-500 dark:text-blue-400", children: [
-                /* @__PURE__ */ jsx80(Loader24, { className: "h-3 w-3 animate-spin" }),
+                /* @__PURE__ */ jsx81(Loader24, { className: "h-3 w-3 animate-spin" }),
                 "streaming\u2026"
               ] })
             ] })
           ] }),
           /* @__PURE__ */ jsxs53("div", { className: "flex flex-col gap-6 py-4", children: [
             /* @__PURE__ */ jsxs53("div", { children: [
-              /* @__PURE__ */ jsx80("h3", { className: "text-sm font-medium mb-2", children: "Arguments" }),
+              /* @__PURE__ */ jsx81("h3", { className: "text-sm font-medium mb-2", children: "Arguments" }),
               /* @__PURE__ */ jsxs53("div", { className: "relative", "data-testid": "chat-tool-drawer-args", children: [
-                /* @__PURE__ */ jsx80("pre", { className: "text-xs bg-muted/50 rounded-lg p-3 overflow-x-auto border font-mono leading-relaxed max-h-48 whitespace-pre-wrap break-words", children: formatContent(displayArgs) }),
-                /* @__PURE__ */ jsx80(
+                /* @__PURE__ */ jsx81("pre", { className: "text-xs bg-muted/50 rounded-lg p-3 overflow-x-auto border font-mono leading-relaxed max-h-48 whitespace-pre-wrap break-words", children: formatContent(displayArgs) }),
+                /* @__PURE__ */ jsx81(
                   Button,
                   {
                     variant: "ghost",
@@ -17079,14 +17083,14 @@ function ToolCallDisplay({
                     onClick: () => copyToClipboard(formatContent(displayArgs)),
                     className: "absolute top-2 right-2 h-6 w-6 p-0 opacity-70 hover:opacity-100",
                     title: "Copy arguments",
-                    children: /* @__PURE__ */ jsx80(Copy14, { className: "h-3 w-3" })
+                    children: /* @__PURE__ */ jsx81(Copy14, { className: "h-3 w-3" })
                   }
                 )
               ] })
             ] }),
             result && /* @__PURE__ */ jsxs53("div", { children: [
-              /* @__PURE__ */ jsx80("h3", { className: "text-sm font-medium mb-2", children: "Result" }),
-              /* @__PURE__ */ jsx80("div", { className: "relative", "data-testid": "chat-tool-drawer-result", children: typeof result === "string" ? /* @__PURE__ */ jsxs53(
+              /* @__PURE__ */ jsx81("h3", { className: "text-sm font-medium mb-2", children: "Result" }),
+              /* @__PURE__ */ jsx81("div", { className: "relative", "data-testid": "chat-tool-drawer-result", children: typeof result === "string" ? /* @__PURE__ */ jsxs53(
                 "div",
                 {
                   className: cn(
@@ -17095,10 +17099,10 @@ function ToolCallDisplay({
                   ),
                   children: [
                     result.startsWith("Error") ? /* @__PURE__ */ jsxs53("div", { className: "font-mono", children: [
-                      /* @__PURE__ */ jsx80("div", { className: "font-semibold text-destructive mb-1", children: "Error:" }),
-                      /* @__PURE__ */ jsx80("div", { className: "whitespace-pre-wrap break-words", children: result.replace(/^Error:\s*/, "") })
-                    ] }) : /* @__PURE__ */ jsx80("div", { className: "whitespace-pre-wrap font-mono break-words", children: result }),
-                    /* @__PURE__ */ jsx80(
+                      /* @__PURE__ */ jsx81("div", { className: "font-semibold text-destructive mb-1", children: "Error:" }),
+                      /* @__PURE__ */ jsx81("div", { className: "whitespace-pre-wrap break-words", children: result.replace(/^Error:\s*/, "") })
+                    ] }) : /* @__PURE__ */ jsx81("div", { className: "whitespace-pre-wrap font-mono break-words", children: result }),
+                    /* @__PURE__ */ jsx81(
                       Button,
                       {
                         variant: "ghost",
@@ -17106,7 +17110,7 @@ function ToolCallDisplay({
                         onClick: () => copyToClipboard(result),
                         className: "absolute top-2 right-2 h-6 w-6 p-0 opacity-70 hover:opacity-100",
                         title: "Copy result",
-                        children: /* @__PURE__ */ jsx80(Copy14, { className: "h-3 w-3" })
+                        children: /* @__PURE__ */ jsx81(Copy14, { className: "h-3 w-3" })
                       }
                     )
                   ]
@@ -17119,14 +17123,14 @@ function ToolCallDisplay({
                     state === "error" ? "bg-destructive/10 border-destructive/20 text-destructive-foreground" : "bg-muted/30 border-border"
                   ),
                   children: [
-                    /* @__PURE__ */ jsx80(
+                    /* @__PURE__ */ jsx81(
                       JSONDisplay,
                       {
                         data: result,
                         filename: `tool-call-${toolName}-result-${Date.now()}.json`
                       }
                     ),
-                    /* @__PURE__ */ jsx80(
+                    /* @__PURE__ */ jsx81(
                       Button,
                       {
                         variant: "ghost",
@@ -17134,7 +17138,7 @@ function ToolCallDisplay({
                         onClick: () => copyToClipboard(JSON.stringify(result, null, 2)),
                         className: "absolute top-2 right-2 h-6 w-6 p-0 opacity-70 hover:opacity-100",
                         title: "Copy result",
-                        children: /* @__PURE__ */ jsx80(Copy14, { className: "h-3 w-3" })
+                        children: /* @__PURE__ */ jsx81(Copy14, { className: "h-3 w-3" })
                       }
                     )
                   ]
@@ -17149,7 +17153,7 @@ function ToolCallDisplay({
 }
 
 // src/client/components/chat/UserMessage.tsx
-import { jsx as jsx81, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs54 } from "react/jsx-runtime";
 function UserMessage({
   content,
   timestamp,
@@ -17158,7 +17162,7 @@ function UserMessage({
   if ((!content || content.length === 0) && (!attachments || attachments.length === 0)) {
     return null;
   }
-  return /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsx82(
     "div",
     {
       className: "flex items-start gap-3 justify-end group/user-message",
@@ -17170,11 +17174,11 @@ function UserMessage({
             className: "bg-zinc-200 dark:bg-zinc-800 text-primary rounded-3xl px-4 py-2 max-w-[80%] break-words",
             "data-testid": "chat-message-content",
             children: [
-              attachments && attachments.length > 0 && /* @__PURE__ */ jsx81("div", { className: "flex flex-wrap gap-2 mb-2", children: attachments.map((attachment, index) => /* @__PURE__ */ jsx81(
+              attachments && attachments.length > 0 && /* @__PURE__ */ jsx82("div", { className: "flex flex-wrap gap-2 mb-2", children: attachments.map((attachment, index) => /* @__PURE__ */ jsx82(
                 "div",
                 {
                   className: "rounded-lg overflow-hidden border border-zinc-300 dark:border-zinc-700",
-                  children: /* @__PURE__ */ jsx81(
+                  children: /* @__PURE__ */ jsx82(
                     "img",
                     {
                       src: `data:${attachment.mimeType};base64,${attachment.data}`,
@@ -17185,11 +17189,14 @@ function UserMessage({
                 },
                 index
               )) }),
-              content && content.length > 0 && /* @__PURE__ */ jsx81("p", { className: "text-base leading-7 font-sans text-start break-words", children: content })
+              content && content.length > 0 && /* @__PURE__ */ jsx82("p", { className: "text-base leading-7 font-sans text-start break-words", children: content })
             ]
           }
         ),
-        timestamp && /* @__PURE__ */ jsx81("span", { className: "text-xs text-muted-foreground mt-1", children: new Date(timestamp).toLocaleTimeString() })
+        timestamp && /* @__PURE__ */ jsxs54("div", { className: "flex items-center gap-2 mt-2", children: [
+          /* @__PURE__ */ jsx82(CopyButton, { text: content }),
+          /* @__PURE__ */ jsx82("span", { className: "text-xs text-muted-foreground", children: new Date(timestamp).toLocaleTimeString() })
+        ] })
       ] })
     }
   );
@@ -17222,7 +17229,7 @@ function getMultiSelectChoices(field) {
 }
 
 // src/client/components/elicitation/shared/ElicitationFormFields.tsx
-import { Fragment as Fragment16, jsx as jsx82, jsxs as jsxs55 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx83, jsxs as jsxs55 } from "react/jsx-runtime";
 function ElicitationFormFields({
   request,
   formData,
@@ -17238,11 +17245,11 @@ function ElicitationFormFields({
     if (!("requestedSchema" in request.request)) return null;
     const schema = request.request.requestedSchema;
     if (!schema || schema.type !== "object" || !schema.properties) {
-      return emptyFallback ?? /* @__PURE__ */ jsx82("p", { className: "text-sm text-muted-foreground", children: "No form schema available" });
+      return emptyFallback ?? /* @__PURE__ */ jsx83("p", { className: "text-sm text-muted-foreground", children: "No form schema available" });
     }
     const properties = schema.properties;
     const required = schema.required || [];
-    return /* @__PURE__ */ jsx82("div", { className: "space-y-4", children: Object.entries(properties).map(([fieldName, fieldSchema]) => {
+    return /* @__PURE__ */ jsx83("div", { className: "space-y-4", children: Object.entries(properties).map(([fieldName, fieldSchema]) => {
       const field = fieldSchema;
       const isRequired = required.includes(fieldName);
       const fieldType = field.type || "string";
@@ -17261,11 +17268,11 @@ function ElicitationFormFields({
       return /* @__PURE__ */ jsxs55("div", { className: fieldContainerClassName, children: [
         showTopLabel && /* @__PURE__ */ jsxs55(Label2, { htmlFor: inputId, children: [
           fieldLabel,
-          isRequired && /* @__PURE__ */ jsx82("span", { className: "text-red-500 ml-1", children: "*" })
+          isRequired && /* @__PURE__ */ jsx83("span", { className: "text-red-500 ml-1", children: "*" })
         ] }),
-        fieldDescription && /* @__PURE__ */ jsx82("p", { className: "text-xs text-muted-foreground", children: fieldDescription }),
+        fieldDescription && /* @__PURE__ */ jsx83("p", { className: "text-xs text-muted-foreground", children: fieldDescription }),
         fieldType === "boolean" ? /* @__PURE__ */ jsxs55("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ jsx82(
+          /* @__PURE__ */ jsx83(
             Checkbox,
             {
               id: inputId,
@@ -17281,11 +17288,11 @@ function ElicitationFormFields({
               className: "text-sm font-normal cursor-pointer",
               children: [
                 fieldLabel,
-                !showOuterLabelForBoolean && isRequired && /* @__PURE__ */ jsx82("span", { className: "text-red-500 ml-1", children: "*" })
+                !showOuterLabelForBoolean && isRequired && /* @__PURE__ */ jsx83("span", { className: "text-red-500 ml-1", children: "*" })
               ]
             }
           )
-        ] }) : fieldType === "number" || fieldType === "integer" ? /* @__PURE__ */ jsx82(
+        ] }) : fieldType === "number" || fieldType === "integer" ? /* @__PURE__ */ jsx83(
           Input,
           {
             id: inputId,
@@ -17307,8 +17314,8 @@ function ElicitationFormFields({
             onChange: (e) => onFieldChange(fieldName, e.target.value),
             className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
             children: [
-              /* @__PURE__ */ jsx82("option", { value: "", children: "Select..." }),
-              singleSelectChoices.map((choice) => /* @__PURE__ */ jsx82("option", { value: choice.const, children: choice.title || choice.const }, choice.const))
+              /* @__PURE__ */ jsx83("option", { value: "", children: "Select..." }),
+              singleSelectChoices.map((choice) => /* @__PURE__ */ jsx83("option", { value: choice.const, children: choice.title || choice.const }, choice.const))
             ]
           }
         ) : isEnumField ? /* @__PURE__ */ jsxs55(
@@ -17320,15 +17327,15 @@ function ElicitationFormFields({
             onChange: (e) => onFieldChange(fieldName, e.target.value),
             className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
             children: [
-              /* @__PURE__ */ jsx82("option", { value: "", children: "Select..." }),
-              field.enum.map((option, index) => /* @__PURE__ */ jsx82("option", { value: option, children: field.enumNames?.[index] || option }, option))
+              /* @__PURE__ */ jsx83("option", { value: "", children: "Select..." }),
+              field.enum.map((option, index) => /* @__PURE__ */ jsx83("option", { value: option, children: field.enumNames?.[index] || option }, option))
             ]
           }
-        ) : isUntitledMultiSelectField ? /* @__PURE__ */ jsx82("div", { className: "space-y-2", "data-testid": testId, children: field.items.enum.map((option) => {
+        ) : isUntitledMultiSelectField ? /* @__PURE__ */ jsx83("div", { className: "space-y-2", "data-testid": testId, children: field.items.enum.map((option) => {
           const checkboxId = `${inputId}-${option}`;
           const checked = selectedMultiValues.includes(option);
           return /* @__PURE__ */ jsxs55("div", { className: "flex items-center space-x-2", children: [
-            /* @__PURE__ */ jsx82(
+            /* @__PURE__ */ jsx83(
               Checkbox,
               {
                 id: checkboxId,
@@ -17341,7 +17348,7 @@ function ElicitationFormFields({
                 }
               }
             ),
-            /* @__PURE__ */ jsx82(
+            /* @__PURE__ */ jsx83(
               Label2,
               {
                 htmlFor: checkboxId,
@@ -17350,7 +17357,7 @@ function ElicitationFormFields({
               }
             )
           ] }, option);
-        }) }) : isTitledMultiSelectField ? /* @__PURE__ */ jsx82("div", { className: "space-y-2", "data-testid": testId, children: multiSelectChoices.map((choice) => {
+        }) }) : isTitledMultiSelectField ? /* @__PURE__ */ jsx83("div", { className: "space-y-2", "data-testid": testId, children: multiSelectChoices.map((choice) => {
           const checkboxId = `${inputId}-${choice.const}`;
           const checked = selectedMultiValues.includes(choice.const);
           return /* @__PURE__ */ jsxs55(
@@ -17358,7 +17365,7 @@ function ElicitationFormFields({
             {
               className: "flex items-center space-x-2",
               children: [
-                /* @__PURE__ */ jsx82(
+                /* @__PURE__ */ jsx83(
                   Checkbox,
                   {
                     id: checkboxId,
@@ -17371,7 +17378,7 @@ function ElicitationFormFields({
                     }
                   }
                 ),
-                /* @__PURE__ */ jsx82(
+                /* @__PURE__ */ jsx83(
                   Label2,
                   {
                     htmlFor: checkboxId,
@@ -17383,7 +17390,7 @@ function ElicitationFormFields({
             },
             choice.const
           );
-        }) }) : fieldType === "string" && (field.format === "textarea" || field.maxLength > 100) ? /* @__PURE__ */ jsx82(
+        }) }) : fieldType === "string" && (field.format === "textarea" || field.maxLength > 100) ? /* @__PURE__ */ jsx83(
           Textarea,
           {
             id: inputId,
@@ -17393,7 +17400,7 @@ function ElicitationFormFields({
             placeholder: field.default || "",
             rows: textareaRows
           }
-        ) : /* @__PURE__ */ jsx82(
+        ) : /* @__PURE__ */ jsx83(
           Input,
           {
             id: inputId,
@@ -17417,7 +17424,7 @@ function ElicitationFormFields({
     showOuterLabelForBoolean,
     emptyFallback
   ]);
-  return /* @__PURE__ */ jsx82(Fragment16, { children: rendered });
+  return /* @__PURE__ */ jsx83(Fragment16, { children: rendered });
 }
 
 // src/client/components/elicitation/shared/useElicitationForm.ts
@@ -17480,7 +17487,7 @@ function useElicitationForm(request) {
 }
 
 // src/client/components/chat/InlineElicitationCard.tsx
-import { jsx as jsx83, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs56 } from "react/jsx-runtime";
 function InlineElicitationCard({
   request,
   onApprove,
@@ -17539,8 +17546,8 @@ function InlineElicitationCard({
   }
   return /* @__PURE__ */ jsxs56("div", { className: "rounded-lg border bg-card shadow-sm p-4 space-y-4 max-w-2xl", children: [
     /* @__PURE__ */ jsxs56("div", { className: "flex items-center gap-2 flex-wrap", children: [
-      /* @__PURE__ */ jsx83("span", { className: "font-medium text-sm text-card-foreground", children: "Elicitation Request" }),
-      /* @__PURE__ */ jsx83(
+      /* @__PURE__ */ jsx84("span", { className: "font-medium text-sm text-card-foreground", children: "Elicitation Request" }),
+      /* @__PURE__ */ jsx84(
         Badge,
         {
           variant: "outline",
@@ -17548,12 +17555,12 @@ function InlineElicitationCard({
           children: mode
         }
       ),
-      /* @__PURE__ */ jsx83("span", { className: "text-xs text-muted-foreground", children: request.serverName })
+      /* @__PURE__ */ jsx84("span", { className: "text-xs text-muted-foreground", children: request.serverName })
     ] }),
-    /* @__PURE__ */ jsx83("p", { className: "text-sm text-card-foreground", children: request.request.message }),
+    /* @__PURE__ */ jsx84("p", { className: "text-sm text-card-foreground", children: request.request.message }),
     isUrlMode && "url" in request.request && /* @__PURE__ */ jsxs56("div", { className: "space-y-3", children: [
       /* @__PURE__ */ jsxs56("div", { className: "flex items-center gap-2 p-2 bg-muted rounded border", children: [
-        /* @__PURE__ */ jsx83("code", { className: "flex-1 text-xs font-mono break-all", children: urlModeUrl }),
+        /* @__PURE__ */ jsx84("code", { className: "flex-1 text-xs font-mono break-all", children: urlModeUrl }),
         /* @__PURE__ */ jsxs56(
           Button,
           {
@@ -17564,14 +17571,14 @@ function InlineElicitationCard({
               setUrlCompleted(true);
             },
             children: [
-              /* @__PURE__ */ jsx83(ExternalLink, { className: "h-3 w-3 mr-1" }),
+              /* @__PURE__ */ jsx84(ExternalLink, { className: "h-3 w-3 mr-1" }),
               "Open"
             ]
           }
         )
       ] }),
       /* @__PURE__ */ jsxs56("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ jsx83(
+        /* @__PURE__ */ jsx84(
           Checkbox,
           {
             id: `inline-url-done-${request.id}`,
@@ -17579,7 +17586,7 @@ function InlineElicitationCard({
             onCheckedChange: (c) => setUrlCompleted(!!c)
           }
         ),
-        /* @__PURE__ */ jsx83(
+        /* @__PURE__ */ jsx84(
           Label2,
           {
             htmlFor: `inline-url-done-${request.id}`,
@@ -17589,7 +17596,7 @@ function InlineElicitationCard({
         )
       ] })
     ] }),
-    isFormMode && /* @__PURE__ */ jsx83(
+    isFormMode && /* @__PURE__ */ jsx84(
       ElicitationFormFields,
       {
         request,
@@ -17600,11 +17607,11 @@ function InlineElicitationCard({
         fieldContainerClassName: "space-y-1.5",
         textareaRows: 3,
         showOuterLabelForBoolean: false,
-        emptyFallback: /* @__PURE__ */ jsx83("p", { className: "text-sm text-muted-foreground", children: "No form schema provided." })
+        emptyFallback: /* @__PURE__ */ jsx84("p", { className: "text-sm text-muted-foreground", children: "No form schema provided." })
       }
     ),
     /* @__PURE__ */ jsxs56("div", { className: "flex gap-2 pt-1", children: [
-      /* @__PURE__ */ jsx83(
+      /* @__PURE__ */ jsx84(
         Button,
         {
           size: "sm",
@@ -17614,7 +17621,7 @@ function InlineElicitationCard({
           children: "Accept"
         }
       ),
-      /* @__PURE__ */ jsx83(
+      /* @__PURE__ */ jsx84(
         Button,
         {
           size: "sm",
@@ -17624,7 +17631,7 @@ function InlineElicitationCard({
           children: "Decline"
         }
       ),
-      /* @__PURE__ */ jsx83(
+      /* @__PURE__ */ jsx84(
         Button,
         {
           size: "sm",
@@ -17639,7 +17646,7 @@ function InlineElicitationCard({
 }
 
 // src/client/components/chat/MessageList.tsx
-import { Fragment as Fragment17, jsx as jsx84, jsxs as jsxs57 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx85, jsxs as jsxs57 } from "react/jsx-runtime";
 var MessageList = memo4(
   ({
     messages,
@@ -17716,7 +17723,7 @@ var MessageList = memo4(
           (item) => typeof item === "string" ? item : item.text || JSON.stringify(item)
         ).join("") : JSON.stringify(message.content);
         if (message.role === "user") {
-          return /* @__PURE__ */ jsx84(
+          return /* @__PURE__ */ jsx85(
             UserMessage,
             {
               content: contentStr,
@@ -17727,10 +17734,10 @@ var MessageList = memo4(
           );
         }
         if (message.role === "assistant") {
-          return /* @__PURE__ */ jsx84("div", { className: "space-y-4", children: message.parts && message.parts.length > 0 ? message.parts.map((part, partIndex) => {
+          return /* @__PURE__ */ jsx85("div", { className: "space-y-4", children: message.parts && message.parts.length > 0 ? message.parts.map((part, partIndex) => {
             const partKey = part.type === "text" ? `${message.id}-text-${partIndex}-${part.text?.slice(0, 20)}` : `${message.id}-tool-${part.toolInvocation?.toolName}-${partIndex}`;
             if (part.type === "text") {
-              return /* @__PURE__ */ jsx84(
+              return /* @__PURE__ */ jsx85(
                 AssistantMessage,
                 {
                   content: part.text || "",
@@ -17741,7 +17748,7 @@ var MessageList = memo4(
               );
             } else if (part.type === "tool-invocation" && part.toolInvocation) {
               return /* @__PURE__ */ jsxs57("div", { children: [
-                /* @__PURE__ */ jsx84(
+                /* @__PURE__ */ jsx85(
                   ToolCallDisplay,
                   {
                     toolName: part.toolInvocation.toolName,
@@ -17751,11 +17758,11 @@ var MessageList = memo4(
                     partialArgs: part.toolInvocation.partialArgs
                   }
                 ),
-                (part.toolInvocation.result || part.toolInvocation.state === "streaming" || isWidgetTool(part.toolInvocation.toolName)) && /* @__PURE__ */ jsx84(
+                (part.toolInvocation.result || part.toolInvocation.state === "streaming" || isWidgetTool(part.toolInvocation.toolName)) && /* @__PURE__ */ jsx85(
                   "div",
                   {
                     "data-tool-call-id": `${message.id}-${part.toolInvocation.toolName}-${partIndex}`,
-                    children: /* @__PURE__ */ jsx84(
+                    children: /* @__PURE__ */ jsx85(
                       ToolResultRenderer,
                       {
                         toolName: part.toolInvocation.toolName,
@@ -17778,7 +17785,7 @@ var MessageList = memo4(
             }
             return null;
           }) : /* @__PURE__ */ jsxs57(Fragment17, { children: [
-            /* @__PURE__ */ jsx84(
+            /* @__PURE__ */ jsx85(
               AssistantMessage,
               {
                 content: contentStr,
@@ -17786,10 +17793,10 @@ var MessageList = memo4(
                 _isStreaming: isMessageStreaming(message)
               }
             ),
-            message.toolCalls && message.toolCalls.length > 0 && /* @__PURE__ */ jsx84("div", { className: "space-y-2", children: message.toolCalls.map((toolCall) => {
+            message.toolCalls && message.toolCalls.length > 0 && /* @__PURE__ */ jsx85("div", { className: "space-y-2", children: message.toolCalls.map((toolCall) => {
               const toolCallKey = `${message.id}-${toolCall.toolName}-${JSON.stringify(toolCall.args).slice(0, 50)}`;
               return /* @__PURE__ */ jsxs57("div", { children: [
-                /* @__PURE__ */ jsx84(
+                /* @__PURE__ */ jsx85(
                   ToolCallDisplay,
                   {
                     toolName: toolCall.toolName,
@@ -17798,7 +17805,7 @@ var MessageList = memo4(
                     state: toolCall.result ? "result" : "call"
                   }
                 ),
-                (toolCall.result || isWidgetTool(toolCall.toolName)) && /* @__PURE__ */ jsx84("div", { "data-tool-call-id": toolCallKey, children: /* @__PURE__ */ jsx84(
+                (toolCall.result || isWidgetTool(toolCall.toolName)) && /* @__PURE__ */ jsx85("div", { "data-tool-call-id": toolCallKey, children: /* @__PURE__ */ jsx85(
                   ToolResultRenderer,
                   {
                     toolName: toolCall.toolName,
@@ -17817,7 +17824,7 @@ var MessageList = memo4(
         }
         return null;
       }),
-      pendingElicitationRequests && pendingElicitationRequests.length > 0 && onApproveElicitation && onRejectElicitation && /* @__PURE__ */ jsx84("div", { className: "space-y-3", children: pendingElicitationRequests.map((req) => /* @__PURE__ */ jsx84(
+      pendingElicitationRequests && pendingElicitationRequests.length > 0 && onApproveElicitation && onRejectElicitation && /* @__PURE__ */ jsx85("div", { className: "space-y-3", children: pendingElicitationRequests.map((req) => /* @__PURE__ */ jsx85(
         InlineElicitationCard,
         {
           request: req,
@@ -17826,8 +17833,8 @@ var MessageList = memo4(
         },
         req.id
       )) }),
-      isThinking && /* @__PURE__ */ jsx84("div", { className: "flex items-start gap-3", children: /* @__PURE__ */ jsx84("div", { className: "flex-1", children: /* @__PURE__ */ jsx84("div", { className: "rounded-lg p-4 max-w-fit", children: /* @__PURE__ */ jsx84("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx84("span", { className: "text-sm", children: /* @__PURE__ */ jsx84(TextShimmer, { duration: 2, spread: 1, children: "Thinking..." }) }) }) }) }) }),
-      /* @__PURE__ */ jsx84("div", { ref: messagesEndRef })
+      isThinking && /* @__PURE__ */ jsx85("div", { className: "flex items-start gap-3", children: /* @__PURE__ */ jsx85("div", { className: "flex-1", children: /* @__PURE__ */ jsx85("div", { className: "rounded-lg p-4 max-w-fit", children: /* @__PURE__ */ jsx85("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx85("span", { className: "text-sm", children: /* @__PURE__ */ jsx85(TextShimmer, { duration: 2, spread: 1, children: "Thinking..." }) }) }) }) }) }),
+      /* @__PURE__ */ jsx85("div", { ref: messagesEndRef })
     ] });
   }
 );
@@ -18830,7 +18837,7 @@ ${widgetParts.join("\n")}`,
 // src/client/components/chat/McpReconnectBanner.tsx
 import { AlertCircle, RefreshCw as RefreshCw3 } from "lucide-react";
 import { useCallback as useCallback24, useState as useState34 } from "react";
-import { jsx as jsx85, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs58 } from "react/jsx-runtime";
 function McpReconnectBanner({
   serverName,
   serverUrl,
@@ -18855,19 +18862,19 @@ function McpReconnectBanner({
       label = serverUrl;
     }
   }
-  return /* @__PURE__ */ jsx85("div", { className: "w-full flex justify-center items-center px-2 sm:px-4 mb-2", children: /* @__PURE__ */ jsxs58(
+  return /* @__PURE__ */ jsx86("div", { className: "w-full flex justify-center items-center px-2 sm:px-4 mb-2", children: /* @__PURE__ */ jsxs58(
     "div",
     {
       role: "alert",
       className: "w-full max-w-3xl flex items-start gap-3 rounded-md border border-amber-300/60 bg-amber-50 px-3 py-2 text-sm text-amber-900 dark:border-amber-500/40 dark:bg-amber-950/40 dark:text-amber-100",
       children: [
-        /* @__PURE__ */ jsx85(AlertCircle, { className: "mt-0.5 size-4 shrink-0", "aria-hidden": true }),
+        /* @__PURE__ */ jsx86(AlertCircle, { className: "mt-0.5 size-4 shrink-0", "aria-hidden": true }),
         /* @__PURE__ */ jsxs58("div", { className: "flex-1 min-w-0", children: [
           /* @__PURE__ */ jsxs58("div", { className: "font-medium", children: [
             "Reconnect to ",
-            /* @__PURE__ */ jsx85("span", { className: "font-semibold", children: label })
+            /* @__PURE__ */ jsx86("span", { className: "font-semibold", children: label })
           ] }),
-          /* @__PURE__ */ jsx85("div", { className: "text-xs opacity-90", children: message ?? "The MCP server rejected your credentials. Reconnect to refresh them." })
+          /* @__PURE__ */ jsx86("div", { className: "text-xs opacity-90", children: message ?? "The MCP server rejected your credentials. Reconnect to refresh them." })
         ] }),
         /* @__PURE__ */ jsxs58("div", { className: "flex items-center gap-1", children: [
           /* @__PURE__ */ jsxs58(
@@ -18878,7 +18885,7 @@ function McpReconnectBanner({
               onClick: handleClick,
               disabled: isReconnecting,
               children: [
-                /* @__PURE__ */ jsx85(
+                /* @__PURE__ */ jsx86(
                   RefreshCw3,
                   {
                     className: `size-3.5 ${isReconnecting ? "animate-spin" : ""}`,
@@ -18889,7 +18896,7 @@ function McpReconnectBanner({
               ]
             }
           ),
-          onDismiss && /* @__PURE__ */ jsx85(
+          onDismiss && /* @__PURE__ */ jsx86(
             Button,
             {
               size: "sm",
@@ -18908,7 +18915,7 @@ function McpReconnectBanner({
 // src/client/components/LoginModal.tsx
 import { useCallback as useCallback25, useState as useState35 } from "react";
 import { AlertCircle as AlertCircle2, Eye as Eye2, EyeOff as EyeOff2 } from "lucide-react";
-import { Fragment as Fragment18, jsx as jsx86, jsxs as jsxs59 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx87, jsxs as jsxs59 } from "react/jsx-runtime";
 function GoogleIcon({ className }) {
   return /* @__PURE__ */ jsxs59(
     "svg",
@@ -18917,28 +18924,28 @@ function GoogleIcon({ className }) {
       className,
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx86(
+        /* @__PURE__ */ jsx87(
           "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__ */ jsx86(
+        /* @__PURE__ */ jsx87(
           "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__ */ jsx86(
+        /* @__PURE__ */ jsx87(
           "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__ */ jsx86(
+        /* @__PURE__ */ jsx87(
           "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",
@@ -18950,22 +18957,22 @@ function GoogleIcon({ className }) {
   );
 }
 function GitHubIcon({ className }) {
-  return /* @__PURE__ */ jsx86(
+  return /* @__PURE__ */ jsx87(
     "svg",
     {
       viewBox: "0 0 24 24",
       className,
       fill: "currentColor",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ jsx86("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" })
+      children: /* @__PURE__ */ jsx87("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__ */ jsxs59("div", { className: "relative flex items-center", children: [
-    /* @__PURE__ */ jsx86("div", { className: "flex-grow border-t border-border" }),
-    /* @__PURE__ */ jsx86("span", { className: "mx-3 flex-shrink text-xs text-muted-foreground", children: text }),
-    /* @__PURE__ */ jsx86("div", { className: "flex-grow border-t border-border" })
+    /* @__PURE__ */ jsx87("div", { className: "flex-grow border-t border-border" }),
+    /* @__PURE__ */ jsx87("span", { className: "mx-3 flex-shrink text-xs text-muted-foreground", children: text }),
+    /* @__PURE__ */ jsx87("div", { className: "flex-grow border-t border-border" })
   ] });
 }
 function LoginModal({
@@ -19070,7 +19077,7 @@ function LoginModal({
     });
   };
   const isLoading = loading !== null;
-  return /* @__PURE__ */ jsx86(
+  return /* @__PURE__ */ jsx87(
     Dialog,
     {
       open: true,
@@ -19079,13 +19086,13 @@ function LoginModal({
       },
       children: /* @__PURE__ */ jsxs59(DialogContent, { className: "max-w-sm", children: [
         /* @__PURE__ */ jsxs59(DialogHeader, { children: [
-          /* @__PURE__ */ jsx86(DialogTitle, { children: "Sign in to Manufact" }),
-          /* @__PURE__ */ jsx86(DialogDescription, { children: "Sign in to unlock generous usage limits on the Manufact free tier." })
+          /* @__PURE__ */ jsx87(DialogTitle, { children: "Sign in to Manufact" }),
+          /* @__PURE__ */ jsx87(DialogDescription, { children: "Sign in to unlock generous usage limits on the Manufact free tier." })
         ] }),
         /* @__PURE__ */ jsxs59("form", { onSubmit: handleEmailSignIn, className: "space-y-3", children: [
           /* @__PURE__ */ jsxs59("div", { className: "space-y-1.5", children: [
-            /* @__PURE__ */ jsx86(Label2, { htmlFor: "lm-email", children: "Email" }),
-            /* @__PURE__ */ jsx86(
+            /* @__PURE__ */ jsx87(Label2, { htmlFor: "lm-email", children: "Email" }),
+            /* @__PURE__ */ jsx87(
               Input,
               {
                 id: "lm-email",
@@ -19103,9 +19110,9 @@ function LoginModal({
             )
           ] }),
           /* @__PURE__ */ jsxs59("div", { className: "space-y-1.5", children: [
-            /* @__PURE__ */ jsx86(Label2, { htmlFor: "lm-password", children: "Password" }),
+            /* @__PURE__ */ jsx87(Label2, { htmlFor: "lm-password", children: "Password" }),
             /* @__PURE__ */ jsxs59("div", { className: "relative", children: [
-              /* @__PURE__ */ jsx86(
+              /* @__PURE__ */ jsx87(
                 Input,
                 {
                   id: "lm-password",
@@ -19122,7 +19129,7 @@ function LoginModal({
                   className: "pr-10"
                 }
               ),
-              /* @__PURE__ */ jsx86(
+              /* @__PURE__ */ jsx87(
                 "button",
                 {
                   type: "button",
@@ -19130,21 +19137,21 @@ function LoginModal({
                   onClick: () => setShowPassword((v) => !v),
                   "aria-label": showPassword ? "Hide password" : "Show password",
                   tabIndex: -1,
-                  children: showPassword ? /* @__PURE__ */ jsx86(EyeOff2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx86(Eye2, { className: "h-4 w-4" })
+                  children: showPassword ? /* @__PURE__ */ jsx87(EyeOff2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx87(Eye2, { className: "h-4 w-4" })
                 }
               )
             ] })
           ] }),
           error && /* @__PURE__ */ jsxs59("p", { className: "text-sm text-destructive flex items-center gap-1.5", children: [
-            /* @__PURE__ */ jsx86(AlertCircle2, { className: "h-4 w-4 shrink-0" }),
+            /* @__PURE__ */ jsx87(AlertCircle2, { className: "h-4 w-4 shrink-0" }),
             error
           ] }),
-          /* @__PURE__ */ jsx86(Button, { type: "submit", disabled: isLoading, className: "w-full", children: loading === "email" ? /* @__PURE__ */ jsxs59(Fragment18, { children: [
-            /* @__PURE__ */ jsx86(Spinner, { className: "mr-2" }),
+          /* @__PURE__ */ jsx87(Button, { type: "submit", disabled: isLoading, className: "w-full", children: loading === "email" ? /* @__PURE__ */ jsxs59(Fragment18, { children: [
+            /* @__PURE__ */ jsx87(Spinner, { className: "mr-2" }),
             "Signing in\u2026"
           ] }) : "Sign in" })
         ] }),
-        /* @__PURE__ */ jsx86(Divider, { text: "Or continue with" }),
+        /* @__PURE__ */ jsx87(Divider, { text: "Or continue with" }),
         /* @__PURE__ */ jsxs59("div", { className: "grid grid-cols-2 gap-2", children: [
           /* @__PURE__ */ jsxs59(
             Button,
@@ -19154,7 +19161,7 @@ function LoginModal({
               disabled: isLoading,
               onClick: () => handleOAuth("google"),
               children: [
-                loading === "google" ? /* @__PURE__ */ jsx86(Spinner, { className: "mr-2" }) : /* @__PURE__ */ jsx86(GoogleIcon, { className: cn("mr-2 h-4 w-4") }),
+                loading === "google" ? /* @__PURE__ */ jsx87(Spinner, { className: "mr-2" }) : /* @__PURE__ */ jsx87(GoogleIcon, { className: cn("mr-2 h-4 w-4") }),
                 "Google"
               ]
             }
@@ -19167,15 +19174,15 @@ function LoginModal({
               disabled: isLoading,
               onClick: () => handleOAuth("github"),
               children: [
-                loading === "github" ? /* @__PURE__ */ jsx86(Spinner, { className: "mr-2" }) : /* @__PURE__ */ jsx86(GitHubIcon, { className: cn("mr-2 h-4 w-4") }),
+                loading === "github" ? /* @__PURE__ */ jsx87(Spinner, { className: "mr-2" }) : /* @__PURE__ */ jsx87(GitHubIcon, { className: cn("mr-2 h-4 w-4") }),
                 "GitHub"
               ]
             }
           )
         ] }),
         onUseApiKey && /* @__PURE__ */ jsxs59(Fragment18, { children: [
-          /* @__PURE__ */ jsx86(Divider, { text: "or" }),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx87(Divider, { text: "or" }),
+          /* @__PURE__ */ jsx87(
             "button",
             {
               type: "button",
@@ -19189,7 +19196,7 @@ function LoginModal({
         /* @__PURE__ */ jsxs59("p", { className: "text-xs text-center text-muted-foreground pt-1", children: [
           "By signing in you agree to our",
           " ",
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx87(
             "a",
             {
               href: "https://manufact.com/terms",
@@ -19202,7 +19209,7 @@ function LoginModal({
           " ",
           "and",
           " ",
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx87(
             "a",
             {
               href: "https://manufact.com/privacy",
@@ -19219,7 +19226,7 @@ function LoginModal({
 }
 
 // src/client/components/ChatTab.tsx
-import { jsx as jsx87, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs60 } from "react/jsx-runtime";
 var PROMPT_TRIGGER_REGEX = /(?:^\/$|\s+\/$)/;
 var PROMPT_ARROW_KEYS = ["ArrowDown", "ArrowUp", "Escape", "Enter"];
 function ChatTab({
@@ -19344,7 +19351,7 @@ function ChatTab({
     }
     clearMcpServerAuthRequired?.();
   }, [connection, clearMcpServerAuthRequired]);
-  const reconnectBannerNode = mcpServerAuthRequired ? /* @__PURE__ */ jsx87(
+  const reconnectBannerNode = mcpServerAuthRequired ? /* @__PURE__ */ jsx88(
     McpReconnectBanner,
     {
       serverName: connection.name,
@@ -19961,7 +19968,7 @@ ${sections.join("\n\n")}`;
     },
     [postBridgeEvent, sendMessage, llmConfig, isConnected]
   );
-  const loginModalNode = (rateLimitInfo || showLoginModal) && chatApiUrl ? /* @__PURE__ */ jsx87(
+  const loginModalNode = (rateLimitInfo || showLoginModal) && chatApiUrl ? /* @__PURE__ */ jsx88(
     LoginModal,
     {
       authOrigin: new URL(chatApiUrl).origin,
@@ -19974,7 +19981,7 @@ ${sections.join("\n\n")}`;
   ) : null;
   if (llmConfig && messages.length === 0) {
     return /* @__PURE__ */ jsxs60("div", { className: "flex flex-col h-full", children: [
-      /* @__PURE__ */ jsx87("div", { className: "absolute top-4 right-4 z-10", children: /* @__PURE__ */ jsx87(
+      /* @__PURE__ */ jsx88("div", { className: "absolute top-4 right-4 z-10", children: /* @__PURE__ */ jsx88(
         ConfigurationDialog,
         {
           open: configDialogOpen,
@@ -19994,7 +20001,7 @@ ${sections.join("\n\n")}`;
           freeTierInfo
         }
       ) }),
-      /* @__PURE__ */ jsx87(
+      /* @__PURE__ */ jsx88(
         ChatLandingForm,
         {
           mcpServerUrl: connection.url,
@@ -20037,7 +20044,7 @@ ${sections.join("\n\n")}`;
     ] });
   }
   return /* @__PURE__ */ jsxs60("div", { className: "flex flex-col h-full relative", children: [
-    /* @__PURE__ */ jsx87(
+    /* @__PURE__ */ jsx88(
       ChatHeader,
       {
         llmConfig,
@@ -20067,17 +20074,17 @@ ${sections.join("\n\n")}`;
         hideClearButton
       }
     ),
-    /* @__PURE__ */ jsx87(
+    /* @__PURE__ */ jsx88(
       "div",
       {
         ref: messagesAreaRef,
         className: "flex-1 overflow-y-auto p-2 sm:p-4 pt-[80px] sm:pt-[100px]",
-        children: !llmConfig ? /* @__PURE__ */ jsx87(
+        children: !llmConfig ? /* @__PURE__ */ jsx88(
           ConfigureEmptyState,
           {
             onConfigureClick: () => setConfigDialogOpen(true)
           }
-        ) : /* @__PURE__ */ jsx87(
+        ) : /* @__PURE__ */ jsx88(
           MessageList,
           {
             messages,
@@ -20096,7 +20103,7 @@ ${sections.join("\n\n")}`;
     ),
     loginModalNode,
     reconnectBannerNode,
-    llmConfig && /* @__PURE__ */ jsx87(
+    llmConfig && /* @__PURE__ */ jsx88(
       ChatInputArea,
       {
         inputValue,