@truefoundry/trueforge-ui 0.2.3 → 0.3.0-rc.0

package/dist/{chunk-HVSUPYX2.js → chunk-3S6KHO7H.js}

@@ -1,7 +1,8 @@
 import {
   ComposerBusyProvider,
-  useComposerBusyState
-} from "./chunk-FXCYLEFB.js";
+  useComposerBusyState,
+  useOptionalCustomActionRenderers
+} from "./chunk-BSIPI3KV.js";
 import {
   useAui,
   useAuiState
@@ -19,25 +20,28 @@ import {
   threadListIndicesByRecency,
   threadListItemIsMutable,
   useIsMobile,
+  useMCPAuth,
   useSearchAgentsList,
   useSlot,
   useSlotIsDefault,
   useToasterOptional
-} from "./chunk-XRTTKGKN.js";
+} from "./chunk-OSV3HI5M.js";
 import {
   DraftCatalogProvider,
   Icon,
   auiButtonClass,
-  useCompactLayout
-} from "./chunk-IFLE7OMM.js";
+  useCompactLayout,
+  useDraftCatalog
+} from "./chunk-FJ5RSSMA.js";
 import {
   libraryAgentId,
+  useOptionalCatalogServer,
   useOptionalServer,
   useOptionalShellMode
 } from "./chunk-WQULF5AT.js";
 import {
   cn
-} from "./chunk-72LC2M3R.js";
+} from "./chunk-36KOSC2J.js";
 
 // src/containers/AgentStepsContainer.tsx
 import { useEffect, useRef, useState } from "react";
@@ -378,137 +382,6 @@ function ReasoningContainer({ group }) {
 
 // src/containers/ToolApprovalContainer.tsx
 import { useCallback as useCallback4, useMemo as useMemo3, useState as useState5 } from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-function ToolApprovalContainer({ toolName = "", options, onSelectOption }) {
-  const ToolApprovalBar = useSlot("ToolApprovalBar");
-  const [selectedDenyOptionId, setSelectedDenyOptionId] = useState5(null);
-  const [denialReason, setDenialReason] = useState5("");
-  const [showReasonError, setShowReasonError] = useState5(false);
-  const approveOptions = useMemo3(
-    () => options.filter((option) => option.isAllow).map((option, index) => ({
-      ...option,
-      variant: index === 0 ? "primary" : "secondary",
-      requiresReason: false
-    })),
-    [options]
-  );
-  const denyOptions = useMemo3(
-    () => options.filter((option) => !option.isAllow).map((option) => ({
-      ...option,
-      variant: "secondary",
-      requiresReason: option.confirm != null
-    })),
-    [options]
-  );
-  const selectedDenyOption = denyOptions.find((option) => option.id === selectedDenyOptionId);
-  const onDenyOptionChange = useCallback4((optionId) => {
-    setSelectedDenyOptionId(optionId);
-    setDenialReason("");
-    setShowReasonError(false);
-  }, []);
-  const onDenialReasonChange = useCallback4((reason) => {
-    setDenialReason(reason);
-    setShowReasonError(false);
-  }, []);
-  const onReasonSubmit = useCallback4(() => {
-    const reason = denialReason.trim();
-    if (!reason) {
-      setShowReasonError(true);
-      return;
-    }
-    if (selectedDenyOptionId) {
-      onSelectOption(selectedDenyOptionId, reason);
-      onDenyOptionChange(null);
-    }
-  }, [denialReason, onDenyOptionChange, onSelectOption, selectedDenyOptionId]);
-  return /* @__PURE__ */ jsx5(
-    ToolApprovalBar,
-    {
-      toolName,
-      approveOptions: approveOptions.length > 0 ? approveOptions : void 0,
-      denyOptions: denyOptions.length > 0 ? denyOptions : void 0,
-      selectedDenyOption,
-      denialReason,
-      showReasonError,
-      onSelect: onSelectOption,
-      onDenyOptionChange,
-      onDenialReasonChange,
-      onReasonSubmit
-    }
-  );
-}
-
-// src/containers/ToolCallContentBlockContainer.tsx
-import { useCallback as useCallback5, useEffect as useEffect4, useRef as useRef5, useState as useState6 } from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
-function ToolCallContentBlockContainer(props) {
-  const ToolCallContentBlock = useSlot("ToolCallContentBlock");
-  const { isJson, onContentHeightChange: notifyContentHeightChange, resizable } = props;
-  const [fullscreen, setFullscreen] = useState6(false);
-  const [contentHeightRem, setContentHeightRem] = useState6();
-  const observerRef = useRef5(null);
-  const contentNodeRef = useRef5(null);
-  const hasMeasuredRef = useRef5(false);
-  const contentRef = useCallback5(
-    (node) => {
-      observerRef.current?.disconnect();
-      observerRef.current = null;
-      contentNodeRef.current = node;
-      hasMeasuredRef.current = false;
-      if (node == null) return;
-      setContentHeightRem(void 0);
-      if (!resizable) return;
-      const updateHeight = () => {
-        if (!hasMeasuredRef.current && isJson !== false) return;
-        const renderedHeight = node.getBoundingClientRect().height;
-        const height = hasMeasuredRef.current && renderedHeight > 0 ? renderedHeight : node.scrollHeight;
-        hasMeasuredRef.current = true;
-        setContentHeightRem(height / 16);
-      };
-      updateHeight();
-      observerRef.current = new ResizeObserver(updateHeight);
-      observerRef.current.observe(node);
-    },
-    [isJson, resizable]
-  );
-  const onContentHeightChange = useCallback5(
-    (height) => {
-      const node = contentNodeRef.current;
-      if (node == null) return;
-      const renderedHeight = node.getBoundingClientRect().height;
-      hasMeasuredRef.current = true;
-      setContentHeightRem((renderedHeight > 0 ? renderedHeight : Math.max(height, node.scrollHeight)) / 16);
-      notifyContentHeightChange?.(height);
-    },
-    [notifyContentHeightChange]
-  );
-  useEffect4(
-    () => () => {
-      observerRef.current?.disconnect();
-    },
-    []
-  );
-  return /* @__PURE__ */ jsx6(
-    ToolCallContentBlock,
-    {
-      ...props,
-      fullscreen,
-      onFullscreenChange: setFullscreen,
-      contentHeightRem,
-      contentRef,
-      onContentHeightChange
-    }
-  );
-}
-
-// src/containers/ToolCallContainer.tsx
-import {
-  MessagePartPrimitive,
-  MessagePrimitive,
-  useToolCallElapsed
-} from "@assistant-ui/react";
-import { useTrueFoundryRespondToToolApproval } from "@truefoundry/assistant-ui-runtime";
-import { useState as useState8 } from "react";
 
 // src/utils/toolCallParsing.ts
 import { parse as parsePartialJson } from "partial-json";
@@ -692,6 +565,146 @@ function mcpDisplayName(toolName, mcpServer, innerToolName) {
   return toolName;
 }
 
+// src/containers/ToolApprovalContainer.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+function ToolApprovalContainer({
+  toolName = "",
+  argsText,
+  options,
+  onSelectOption
+}) {
+  const ToolApprovalBar = useSlot("ToolApprovalBar");
+  const { mcpServer, innerToolName } = parseMcpToolArgs(argsText);
+  const displayToolName = innerToolName && mcpServer ? `${innerToolName} (${mcpServer})` : toolName;
+  const [selectedDenyOptionId, setSelectedDenyOptionId] = useState5(null);
+  const [denialReason, setDenialReason] = useState5("");
+  const [showReasonError, setShowReasonError] = useState5(false);
+  const approveOptions = useMemo3(
+    () => options.filter((option) => option.isAllow).map((option, index) => ({
+      ...option,
+      variant: index === 0 ? "primary" : "secondary",
+      requiresReason: false
+    })),
+    [options]
+  );
+  const denyOptions = useMemo3(
+    () => options.filter((option) => !option.isAllow).map((option) => ({
+      ...option,
+      variant: "secondary",
+      requiresReason: option.confirm != null
+    })),
+    [options]
+  );
+  const selectedDenyOption = denyOptions.find((option) => option.id === selectedDenyOptionId);
+  const onDenyOptionChange = useCallback4((optionId) => {
+    setSelectedDenyOptionId(optionId);
+    setDenialReason("");
+    setShowReasonError(false);
+  }, []);
+  const onDenialReasonChange = useCallback4((reason) => {
+    setDenialReason(reason);
+    setShowReasonError(false);
+  }, []);
+  const onReasonSubmit = useCallback4(() => {
+    const reason = denialReason.trim();
+    if (!reason) {
+      setShowReasonError(true);
+      return;
+    }
+    if (selectedDenyOptionId) {
+      onSelectOption(selectedDenyOptionId, reason);
+      onDenyOptionChange(null);
+    }
+  }, [denialReason, onDenyOptionChange, onSelectOption, selectedDenyOptionId]);
+  return /* @__PURE__ */ jsx5(
+    ToolApprovalBar,
+    {
+      toolName: displayToolName,
+      approveOptions: approveOptions.length > 0 ? approveOptions : void 0,
+      denyOptions: denyOptions.length > 0 ? denyOptions : void 0,
+      selectedDenyOption,
+      denialReason,
+      showReasonError,
+      onSelect: onSelectOption,
+      onDenyOptionChange,
+      onDenialReasonChange,
+      onReasonSubmit
+    }
+  );
+}
+
+// src/containers/ToolCallContentBlockContainer.tsx
+import { useCallback as useCallback5, useEffect as useEffect4, useRef as useRef5, useState as useState6 } from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+function ToolCallContentBlockContainer(props) {
+  const ToolCallContentBlock = useSlot("ToolCallContentBlock");
+  const { isJson, onContentHeightChange: notifyContentHeightChange, resizable } = props;
+  const [fullscreen, setFullscreen] = useState6(false);
+  const [contentHeightRem, setContentHeightRem] = useState6();
+  const observerRef = useRef5(null);
+  const contentNodeRef = useRef5(null);
+  const hasMeasuredRef = useRef5(false);
+  const contentRef = useCallback5(
+    (node) => {
+      observerRef.current?.disconnect();
+      observerRef.current = null;
+      contentNodeRef.current = node;
+      hasMeasuredRef.current = false;
+      if (node == null) return;
+      setContentHeightRem(void 0);
+      if (!resizable) return;
+      const updateHeight = () => {
+        if (!hasMeasuredRef.current && isJson !== false) return;
+        const renderedHeight = node.getBoundingClientRect().height;
+        const height = hasMeasuredRef.current && renderedHeight > 0 ? renderedHeight : node.scrollHeight;
+        hasMeasuredRef.current = true;
+        setContentHeightRem(height / 16);
+      };
+      updateHeight();
+      observerRef.current = new ResizeObserver(updateHeight);
+      observerRef.current.observe(node);
+    },
+    [isJson, resizable]
+  );
+  const onContentHeightChange = useCallback5(
+    (height) => {
+      const node = contentNodeRef.current;
+      if (node == null) return;
+      const renderedHeight = node.getBoundingClientRect().height;
+      hasMeasuredRef.current = true;
+      setContentHeightRem((renderedHeight > 0 ? renderedHeight : Math.max(height, node.scrollHeight)) / 16);
+      notifyContentHeightChange?.(height);
+    },
+    [notifyContentHeightChange]
+  );
+  useEffect4(
+    () => () => {
+      observerRef.current?.disconnect();
+    },
+    []
+  );
+  return /* @__PURE__ */ jsx6(
+    ToolCallContentBlock,
+    {
+      ...props,
+      fullscreen,
+      onFullscreenChange: setFullscreen,
+      contentHeightRem,
+      contentRef,
+      onContentHeightChange
+    }
+  );
+}
+
+// src/containers/ToolCallContainer.tsx
+import {
+  MessagePartPrimitive,
+  MessagePrimitive,
+  useToolCallElapsed
+} from "@assistant-ui/react";
+import { useTrueFoundryRespondToToolApproval } from "@truefoundry/assistant-ui-runtime";
+import { useState as useState8 } from "react";
+
 // src/containers/nestedApprovalBridge.ts
 import { createContext, useContext } from "react";
 var NestedApprovalBridgeContext = createContext(false);
@@ -763,6 +776,7 @@ function ToolApprovalSlot({ part }) {
     ToolApprovalContainer,
     {
       toolName: part.toolName,
+      argsText: part.argsText,
       options: buildApprovalOptions(part.approval?.options),
       onSelectOption
     }
@@ -1158,31 +1172,79 @@ function threadHasPendingMcpAuth(s) {
 function useComposerPauseView() {
   const mcpPending = useAuiState8(threadHasPendingMcpAuth);
   const { pending: toolResponsesPending } = useTrueFoundryToolResponses2();
+  const customActionRenderers = useOptionalCustomActionRenderers();
   if (mcpPending) {
     return { kind: "mcp" };
   }
-  if (toolResponsesPending.length > 0) {
+  const firstPending = toolResponsesPending[0];
+  if (firstPending != null) {
+    const toolName = firstPending.toolName;
+    if (toolName != null && customActionRenderers?.[toolName] != null) {
+      return { kind: "custom", toolName };
+    }
     return { kind: "ask-user" };
   }
   return { kind: "compose" };
 }
 
-// src/containers/McpAuthContainer.tsx
+// src/containers/CustomActionContainer.tsx
 import { useThreadIsRunning as useThreadIsRunning3 } from "@assistant-ui/core/react";
-import { useTrueFoundryMcpAuth } from "@truefoundry/assistant-ui-runtime";
+import { useTrueFoundryToolResponses as useTrueFoundryToolResponses3 } from "@truefoundry/assistant-ui-runtime";
+import { useCallback as useCallback6 } from "react";
 import { jsx as jsx12 } from "react/jsx-runtime";
+function CustomActionContainer() {
+  const renderers = useOptionalCustomActionRenderers();
+  const { pending, respond } = useTrueFoundryToolResponses3();
+  const isRunning = useThreadIsRunning3();
+  const item = pending[0];
+  const onSubmit = useCallback6(
+    (content) => {
+      if (item == null) return;
+      const trimmed = content.trim();
+      if (!trimmed) return;
+      respond({ toolCallId: item.toolCallId, content: trimmed });
+    },
+    [item, respond]
+  );
+  if (item == null || item.toolName == null) return null;
+  const Renderer = renderers?.[item.toolName];
+  if (Renderer == null) return null;
+  return /* @__PURE__ */ jsx12(Renderer, { args: item.args ?? {}, disabled: isRunning, onSubmit });
+}
+
+// src/containers/McpAuthContainer.tsx
+import { useThreadIsRunning as useThreadIsRunning4 } from "@assistant-ui/core/react";
+import { useTrueFoundryMcpAuth } from "@truefoundry/assistant-ui-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
+function CatalogMcpAuthPrompt({ servers, onContinue, readOnly }) {
+  const McpAuthPrompt = useSlot("McpAuthPrompt");
+  const { handleAuthorize } = useMCPAuth();
+  const { refreshConnectors } = useDraftCatalog();
+  const handleConnect = (serverId) => {
+    void handleAuthorize(serverId, (isSuccess) => {
+      if (isSuccess) {
+        void refreshConnectors();
+      }
+    });
+  };
+  return /* @__PURE__ */ jsx13(McpAuthPrompt, { servers, onConnect: handleConnect, onContinue, readOnly });
+}
 function McpAuthContainer() {
   const McpAuthPrompt = useSlot("McpAuthPrompt");
   const { pending, resume } = useTrueFoundryMcpAuth();
-  const isRunning = useThreadIsRunning3();
+  const isRunning = useThreadIsRunning4();
+  const catalog = useOptionalCatalogServer();
   if (!pending) return null;
+  if (catalog) {
+    return /* @__PURE__ */ jsx13(CatalogMcpAuthPrompt, { servers: pending.mcpServers, onContinue: () => void resume(), readOnly: isRunning });
+  }
   const handleConnect = (serverId) => {
     const server = pending.mcpServers.find((s) => s.id === serverId);
     if (server?.authUrl) {
       window.open(server.authUrl, "_blank", "noopener,noreferrer");
     }
   };
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     McpAuthPrompt,
     {
       servers: pending.mcpServers,
@@ -1197,7 +1259,7 @@ function McpAuthContainer() {
 import { ComposerPrimitive as ComposerPrimitive2, useAui as useAui3, useAuiState as useAuiState9 } from "@assistant-ui/react";
 import { useTrueFoundryAgentSpec, useTrueFoundryCancel } from "@truefoundry/assistant-ui-runtime";
 import { useRef as useRef6 } from "react";
-import { Fragment, jsx as jsx13, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx14, jsxs } from "react/jsx-runtime";
 function ComposerBody({ placeholder }) {
   const ComposerShell = useSlot("ComposerShell");
   const aui = useAui3();
@@ -1215,7 +1277,7 @@ function ComposerBody({ placeholder }) {
     send(() => aui.composer().send());
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       "input",
       {
         ref: fileInputRef,
@@ -1233,13 +1295,13 @@ function ComposerBody({ placeholder }) {
         }
       }
     ),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       ComposerPrimitive2.AttachmentDropzone,
       {
         disabled: isBusy,
         "data-slot": "aui_composer-attachment-dropzone",
         className: "w-full rounded-[var(--composer-radius,1.5rem)] transition-[box-shadow] data-[dragging=true]:ring-focus-ring/20 data-[dragging=true]:ring-3",
-        children: /* @__PURE__ */ jsx13(
+        children: /* @__PURE__ */ jsx14(
           ComposerPrimitive2.Root,
           {
             "data-slot": "aui_composer-root",
@@ -1248,11 +1310,11 @@ function ComposerBody({ placeholder }) {
               event.preventDefault();
               submit();
             },
-            children: /* @__PURE__ */ jsx13(
+            children: /* @__PURE__ */ jsx14(
               ComposerShell,
               {
-                attachments: /* @__PURE__ */ jsx13(ComposerAttachmentsContainer, {}),
-                input: /* @__PURE__ */ jsx13(
+                attachments: /* @__PURE__ */ jsx14(ComposerAttachmentsContainer, {}),
+                input: /* @__PURE__ */ jsx14(
                   ComposerPrimitive2.Input,
                   {
                     "data-slot": "aui_composer-input",
@@ -1293,30 +1355,33 @@ function ComposerContainer({
   const DraftComposerRightSection = useSlot("DraftComposerRightSection");
   const canMutateSpec = shell?.mode.status === "active" && shell.mode.isMutable;
   if (pauseView.kind === "mcp") {
-    return /* @__PURE__ */ jsx13(McpAuthContainer, {});
+    return /* @__PURE__ */ jsx14(McpAuthContainer, {});
+  }
+  if (pauseView.kind === "custom") {
+    return /* @__PURE__ */ jsx14(CustomActionContainer, {});
   }
   if (pauseView.kind === "ask-user") {
-    return /* @__PURE__ */ jsx13(AskUserContainer, {});
+    return /* @__PURE__ */ jsx14(AskUserContainer, {});
   }
   if (canMutateSpec) {
-    return /* @__PURE__ */ jsx13(DraftCatalogProvider, { children: /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(DraftCatalogProvider, { children: /* @__PURE__ */ jsx14(
       SlotsProvider,
       {
         overrides: {
           ComposerLeftSection: usesDefaultLeftSection ? DraftComposerLeftSection : parentLeftSection,
           ComposerRightSection: usesDefaultRightSection ? DraftComposerRightSection : parentRightSection
         },
-        children: /* @__PURE__ */ jsx13(ComposerBody, { placeholder })
+        children: /* @__PURE__ */ jsx14(ComposerBody, { placeholder })
       }
     ) });
   }
-  return /* @__PURE__ */ jsx13(ComposerBody, { placeholder });
+  return /* @__PURE__ */ jsx14(ComposerBody, { placeholder });
 }
 
 // src/containers/HistoryLoaderContainer.tsx
 import { useTrueFoundryHistoryPagination } from "@truefoundry/assistant-ui-runtime";
-import { useCallback as useCallback6, useEffect as useEffect6, useRef as useRef7, useState as useState10 } from "react";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { useCallback as useCallback7, useEffect as useEffect6, useRef as useRef7, useState as useState10 } from "react";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var TOP_THRESHOLD_PX = 200;
 var VIEWPORT_SELECTOR = '[data-slot="aui_thread-viewport"]';
 function HistoryLoaderContainer() {
@@ -1324,7 +1389,7 @@ function HistoryLoaderContainer() {
   const { hasOlderHistory, isLoadingOlderHistory, loadOlderHistory } = useTrueFoundryHistoryPagination();
   const [sentinel, setSentinel] = useState10(null);
   const inflightRef = useRef7(false);
-  const maybeLoadOlder = useCallback6(async () => {
+  const maybeLoadOlder = useCallback7(async () => {
     if (inflightRef.current) return;
     inflightRef.current = true;
     const viewport = sentinel?.closest(VIEWPORT_SELECTOR) ?? null;
@@ -1359,48 +1424,48 @@ function HistoryLoaderContainer() {
     return () => observer.disconnect();
   }, [sentinel, hasOlderHistory, maybeLoadOlder]);
   if (!hasOlderHistory) return null;
-  return /* @__PURE__ */ jsx14(HistoryLoader, { ref: setSentinel, isLoading: isLoadingOlderHistory });
+  return /* @__PURE__ */ jsx15(HistoryLoader, { ref: setSentinel, isLoading: isLoadingOlderHistory });
 }
 
 // src/containers/ResumeUnavailableContainer.tsx
 import { useTrueFoundryResumeUnavailable as useTrueFoundryResumeUnavailable2 } from "@truefoundry/assistant-ui-runtime";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function ResumeUnavailableContainer() {
   const ResumeUnavailable = useSlot("ResumeUnavailable");
   const resumeUnavailable = useTrueFoundryResumeUnavailable2();
   if (!resumeUnavailable) return null;
-  return /* @__PURE__ */ jsx15(ResumeUnavailable, {});
+  return /* @__PURE__ */ jsx16(ResumeUnavailable, {});
 }
 
 // src/containers/UserEditComposerContainer.tsx
-import { useComposerCancel, useComposerSend, useThreadIsRunning as useThreadIsRunning4 } from "@assistant-ui/core/react";
+import { useComposerCancel, useComposerSend, useThreadIsRunning as useThreadIsRunning5 } from "@assistant-ui/core/react";
 import { ComposerPrimitive as ComposerPrimitive3, MessagePrimitive as MessagePrimitive4, useAuiState as useAuiState10 } from "@assistant-ui/react";
-import { jsx as jsx16, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs2 } from "react/jsx-runtime";
 function ReadOnlyMessageAttachments() {
   const hasAttachments = useAuiState10((s) => (s.message.attachments?.length ?? 0) > 0);
   if (!hasAttachments) {
     return null;
   }
-  return /* @__PURE__ */ jsx16("div", { className: "pointer-events-none mb-2 opacity-90", children: /* @__PURE__ */ jsx16(MessageAttachmentsContainer, {}) });
+  return /* @__PURE__ */ jsx17("div", { className: "pointer-events-none mb-2 opacity-90", children: /* @__PURE__ */ jsx17(MessageAttachmentsContainer, {}) });
 }
 function UserEditComposerContainer() {
   const UserMessageEdit = useSlot("UserMessageEdit");
   const MessageTimestamp = useSlot("MessageTimestamp");
-  const isRunning = useThreadIsRunning4();
+  const isRunning = useThreadIsRunning5();
   const createdAt = useAuiState10((s) => s.message.createdAt);
   const { cancel, disabled: cancelDisabled } = useComposerCancel();
   const { disabled: sendDisabled } = useComposerSend();
-  return /* @__PURE__ */ jsx16(MessagePrimitive4.Root, { "data-role": "user", children: /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(MessagePrimitive4.Root, { "data-role": "user", children: /* @__PURE__ */ jsx17(
     ComposerPrimitive3.Root,
     {
       "data-slot": "aui_user-edit-composer-root",
       className: "fade-in slide-in-from-bottom-1 animate-in flex w-full justify-end px-2 duration-150",
-      children: /* @__PURE__ */ jsx16(
+      children: /* @__PURE__ */ jsx17(
         UserMessageEdit,
         {
-          timestamp: /* @__PURE__ */ jsx16(MessageTimestamp, { createdAt }),
-          attachments: /* @__PURE__ */ jsx16(ReadOnlyMessageAttachments, {}),
-          input: /* @__PURE__ */ jsx16("div", { className: "mt-1 rounded border border-border bg-secondary-bg p-2 text-text-primary", children: /* @__PURE__ */ jsx16(
+          timestamp: /* @__PURE__ */ jsx17(MessageTimestamp, { createdAt }),
+          attachments: /* @__PURE__ */ jsx17(ReadOnlyMessageAttachments, {}),
+          input: /* @__PURE__ */ jsx17("div", { className: "mt-1 rounded border border-border bg-secondary-bg p-2 text-text-primary", children: /* @__PURE__ */ jsx17(
             ComposerPrimitive3.Input,
             {
               "data-slot": "aui_user-edit-input",
@@ -1411,8 +1476,8 @@ function UserEditComposerContainer() {
             }
           ) }),
           footer: /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-end gap-2", children: [
-            /* @__PURE__ */ jsx16(Button, { variant: "secondary", type: "button", disabled: cancelDisabled, onClick: cancel, children: "Cancel" }),
-            /* @__PURE__ */ jsx16(ComposerPrimitive3.Send, { asChild: true, children: /* @__PURE__ */ jsx16(Button, { type: "submit", disabled: sendDisabled || isRunning, children: "Save & Rerun" }) })
+            /* @__PURE__ */ jsx17(Button, { variant: "secondary", type: "button", disabled: cancelDisabled, onClick: cancel, children: "Cancel" }),
+            /* @__PURE__ */ jsx17(ComposerPrimitive3.Send, { asChild: true, children: /* @__PURE__ */ jsx17(Button, { type: "submit", disabled: sendDisabled || isRunning, children: "Save & Rerun" }) })
           ] })
         }
       )
@@ -1421,13 +1486,13 @@ function UserEditComposerContainer() {
 }
 
 // src/containers/UserMessageContainer.tsx
-import { useActionBarCopy as useActionBarCopy2, useActionBarEdit, useThreadIsRunning as useThreadIsRunning5 } from "@assistant-ui/core/react";
+import { useActionBarCopy as useActionBarCopy2, useActionBarEdit, useThreadIsRunning as useThreadIsRunning6 } from "@assistant-ui/core/react";
 import { MessagePrimitive as MessagePrimitive5, useAui as useAui4, useAuiState as useAuiState11 } from "@assistant-ui/react";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function UserMessageContainer() {
   const UserMessageBubble = useSlot("UserMessageBubble");
   const UserMessageActionBar = useSlot("UserMessageActionBar");
-  const isRunning = useThreadIsRunning5();
+  const isRunning = useThreadIsRunning6();
   const aui = useAui4();
   const createdAt = useAuiState11((s) => s.message.createdAt);
   const text = useAuiState11(
@@ -1437,12 +1502,12 @@ function UserMessageContainer() {
   const { copy, isCopied } = useActionBarCopy2({
     copyToClipboard: (value) => navigator.clipboard.writeText(value)
   });
-  return /* @__PURE__ */ jsx17(MessagePrimitive5.Root, { "data-role": "user", children: /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(MessagePrimitive5.Root, { "data-role": "user", children: /* @__PURE__ */ jsx18(
     UserMessageBubble,
     {
       text,
-      attachments: /* @__PURE__ */ jsx17(MessageAttachmentsContainer, {}),
-      editAction: !isRunning ? /* @__PURE__ */ jsx17(
+      attachments: /* @__PURE__ */ jsx18(MessageAttachmentsContainer, {}),
+      editAction: !isRunning ? /* @__PURE__ */ jsx18(
         UserMessageActionBar,
         {
           isCopied,
@@ -1465,14 +1530,14 @@ import { ThreadPrimitive, useAuiState as useAuiState12 } from "@assistant-ui/rea
 import { useEffect as useEffect8 } from "react";
 
 // src/hooks/useSyncSessionTitle.ts
-import { useThreadIsRunning as useThreadIsRunning6 } from "@assistant-ui/core/react";
+import { useThreadIsRunning as useThreadIsRunning7 } from "@assistant-ui/core/react";
 import { useEffect as useEffect7, useRef as useRef8 } from "react";
 function useSyncSessionTitle() {
   const server = useOptionalServer();
   const aui = useAui();
   const remoteId = useAuiState((s) => s.threadListItem.remoteId);
   const title = useAuiState((s) => s.threadListItem.title);
-  const isRunning = useThreadIsRunning6();
+  const isRunning = useThreadIsRunning7();
   const wasRunningRef = useRef8(false);
   const syncedRemoteIdRef = useRef8(void 0);
   useEffect7(() => {
@@ -1509,19 +1574,19 @@ function useSyncSessionTitle() {
 var isNewChatView = (s) => s.thread.messages.length === 0 && (!s.thread.isLoading || s.threads.isLoading) && s.threadListItem.remoteId == null;
 
 // src/containers/ThreadContainer.tsx
-import { Fragment as Fragment2, jsx as jsx18, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx19, jsxs as jsxs3 } from "react/jsx-runtime";
 function AnimatedMessageShell({ children }) {
-  return /* @__PURE__ */ jsx18("div", { className: "animate-in fade-in slide-in-from-bottom-1 fill-mode-both duration-200", children });
+  return /* @__PURE__ */ jsx19("div", { className: "animate-in fade-in slide-in-from-bottom-1 fill-mode-both duration-200", children });
 }
 function ThreadMessage({ isEditing }) {
   const role = useAuiState12((s) => s.message.role);
   if (role === "user") {
     if (isEditing) {
-      return /* @__PURE__ */ jsx18(UserEditComposerContainer, {});
+      return /* @__PURE__ */ jsx19(UserEditComposerContainer, {});
     }
-    return /* @__PURE__ */ jsx18(UserMessageContainer, {});
+    return /* @__PURE__ */ jsx19(UserMessageContainer, {});
   }
-  return /* @__PURE__ */ jsx18(AssistantMessageContainer, {});
+  return /* @__PURE__ */ jsx19(AssistantMessageContainer, {});
 }
 function ThreadContainer({ composer }) {
   useEffect8(() => {
@@ -1539,29 +1604,29 @@ function ThreadContainer({ composer }) {
   const isEmpty = useAuiState12(isNewChatView);
   const isLoading = useAuiState12((s) => s.thread.isLoading);
   const welcomeHeading = shell?.mode.status === "active" ? shell.mode.agentName : void 0;
-  return /* @__PURE__ */ jsx18(ComposerBusyProvider, { children: /* @__PURE__ */ jsx18(ThreadPrimitive.Root, { asChild: true, children: /* @__PURE__ */ jsxs3(ThreadRootShell, { children: [
-    /* @__PURE__ */ jsx18(ThreadPrimitive.Viewport, { asChild: true, autoScroll: true, children: /* @__PURE__ */ jsxs3(ThreadViewportShell, { isEmpty, children: [
-      isEmpty && /* @__PURE__ */ jsx18(WelcomeScreen, { heading: welcomeHeading }),
+  return /* @__PURE__ */ jsx19(ComposerBusyProvider, { children: /* @__PURE__ */ jsx19(ThreadPrimitive.Root, { asChild: true, children: /* @__PURE__ */ jsxs3(ThreadRootShell, { children: [
+    /* @__PURE__ */ jsx19(ThreadPrimitive.Viewport, { asChild: true, autoScroll: true, children: /* @__PURE__ */ jsxs3(ThreadViewportShell, { isEmpty, children: [
+      isEmpty && /* @__PURE__ */ jsx19(WelcomeScreen, { heading: welcomeHeading }),
       isEmpty && !isLoading && composer,
-      isLoading ? /* @__PURE__ */ jsx18(MessageListSkeleton, {}) : !isEmpty && /* @__PURE__ */ jsxs3(Fragment2, { children: [
-        /* @__PURE__ */ jsx18(HistoryLoaderContainer, {}),
+      isLoading ? /* @__PURE__ */ jsx19(MessageListSkeleton, {}) : !isEmpty && /* @__PURE__ */ jsxs3(Fragment2, { children: [
+        /* @__PURE__ */ jsx19(HistoryLoaderContainer, {}),
         /* @__PURE__ */ jsxs3(MessageGroup, { children: [
-          /* @__PURE__ */ jsx18(ThreadPrimitive.Messages, { children: ({ message }) => /* @__PURE__ */ jsx18(AnimatedMessageShell, { children: /* @__PURE__ */ jsx18(ThreadMessage, { isEditing: message.role === "user" && message.composer.isEditing }) }) }),
-          /* @__PURE__ */ jsx18(ResumeUnavailableContainer, {})
+          /* @__PURE__ */ jsx19(ThreadPrimitive.Messages, { children: ({ message }) => /* @__PURE__ */ jsx19(AnimatedMessageShell, { children: /* @__PURE__ */ jsx19(ThreadMessage, { isEditing: message.role === "user" && message.composer.isEditing }) }) }),
+          /* @__PURE__ */ jsx19(ResumeUnavailableContainer, {})
         ] })
       ] })
     ] }) }),
     !isLoading && !isEmpty && /* @__PURE__ */ jsxs3(ThreadComposerAreaShell, { isEmpty, children: [
-      /* @__PURE__ */ jsx18(ThreadPrimitive.ScrollToBottom, { asChild: true, children: /* @__PURE__ */ jsx18(ScrollToBottomButton, {}) }),
+      /* @__PURE__ */ jsx19(ThreadPrimitive.ScrollToBottom, { asChild: true, children: /* @__PURE__ */ jsx19(ScrollToBottomButton, {}) }),
       composer
     ] })
   ] }) }) });
 }
 
 // src/containers/Thread.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function Thread() {
-  return /* @__PURE__ */ jsx19(ThreadContainer, { composer: /* @__PURE__ */ jsx19(ComposerContainer, {}) });
+  return /* @__PURE__ */ jsx20(ThreadContainer, { composer: /* @__PURE__ */ jsx20(ComposerContainer, {}) });
 }
 
 // src/containers/ThreadListContainer.tsx
@@ -1573,7 +1638,7 @@ import {
   useAui as useAui5,
   useAuiState as useAuiState13
 } from "@assistant-ui/react";
-import { useEffect as useEffect11, useMemo as useMemo5, useRef as useRef11, useState as useState13 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect11, useMemo as useMemo5, useRef as useRef11, useState as useState13 } from "react";
 
 // src/atoms/AgentHistoryFilterButton.tsx
 import { useEffect as useEffect10, useId as useId2, useLayoutEffect, useRef as useRef10, useState as useState12 } from "react";
@@ -1581,9 +1646,9 @@ import { createPortal } from "react-dom";
 
 // src/atoms/primitives/DropdownMenu.tsx
 import React, { useEffect as useEffect9, useId, useRef as useRef9, useState as useState11 } from "react";
-import { jsx as jsx20, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs4 } from "react/jsx-runtime";
 function DropdownMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "button",
     {
       role: "menuitem",
@@ -1602,7 +1667,7 @@ function DropdownMenuItem({ className, ...props }) {
 }
 
 // src/atoms/AgentHistoryFilterButton.tsx
-import { Fragment as Fragment3, jsx as jsx21, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx22, jsxs as jsxs5 } from "react/jsx-runtime";
 function themePortalRoot(from) {
   return from?.closest(".aui-theme-root") ?? document.body;
 }
@@ -1662,8 +1727,8 @@ function AgentHistoryFilterButton() {
   };
   const filterBody = /* @__PURE__ */ jsxs5(Fragment3, { children: [
     /* @__PURE__ */ jsxs5("div", { className: "p-1", onMouseDown: (e) => e.stopPropagation(), children: [
-      /* @__PURE__ */ jsx21(SearchInput_default, { query, setQuery, placeholder: "Search agents" }),
-      isSearching ? /* @__PURE__ */ jsx21("p", { className: "text-text-secondary px-1 pt-1 text-[11px]", role: "status", children: "Searching\u2026" }) : null
+      /* @__PURE__ */ jsx22(SearchInput_default, { query, setQuery, placeholder: "Search agents" }),
+      isSearching ? /* @__PURE__ */ jsx22("p", { className: "text-text-secondary px-1 pt-1 text-[11px]", role: "status", children: "Searching\u2026" }) : null
     ] }),
     /* @__PURE__ */ jsxs5(
       "div",
@@ -1681,11 +1746,11 @@ function AgentHistoryFilterButton() {
               onClick: () => pick(null),
               children: [
                 "All chats",
-                selected == null ? /* @__PURE__ */ jsx21(Icon, { name: "check", className: "size-3.5 shrink-0" }) : null
+                selected == null ? /* @__PURE__ */ jsx22(Icon, { name: "check", className: "size-3.5 shrink-0" }) : null
               ]
             }
           ) : null,
-          isInitialLoading ? /* @__PURE__ */ jsx21("p", { className: "px-2 py-3 text-center text-xs text-text-secondary", children: "Loading\u2026" }) : agents.length === 0 ? /* @__PURE__ */ jsx21("p", { className: "text-text-secondary px-2 py-6 text-center text-xs", role: "status", children: query.trim() ? `No agents match "${query.trim()}".` : "No agents yet." }) : /* @__PURE__ */ jsxs5(Fragment3, { children: [
+          isInitialLoading ? /* @__PURE__ */ jsx22("p", { className: "px-2 py-3 text-center text-xs text-text-secondary", children: "Loading\u2026" }) : agents.length === 0 ? /* @__PURE__ */ jsx22("p", { className: "text-text-secondary px-2 py-6 text-center text-xs", role: "status", children: query.trim() ? `No agents match "${query.trim()}".` : "No agents yet." }) : /* @__PURE__ */ jsxs5(Fragment3, { children: [
             agents.map((agent) => {
               const id = libraryAgentId(agent);
               const active = selected === id;
@@ -1698,14 +1763,14 @@ function AgentHistoryFilterButton() {
                   ),
                   onClick: () => pick(id),
                   children: [
-                    /* @__PURE__ */ jsx21("span", { className: "min-w-0 truncate", children: agent.name }),
-                    active ? /* @__PURE__ */ jsx21(Icon, { name: "check", className: "size-3.5 shrink-0" }) : null
+                    /* @__PURE__ */ jsx22("span", { className: "min-w-0 truncate", children: agent.name }),
+                    active ? /* @__PURE__ */ jsx22(Icon, { name: "check", className: "size-3.5 shrink-0" }) : null
                   ]
                 },
                 id
               );
             }),
-            hasMore ? /* @__PURE__ */ jsx21("div", { ref: sentinelRef, className: "flex h-6 shrink-0 items-center justify-center", "aria-hidden": true, children: loadingMore ? /* @__PURE__ */ jsx21("span", { className: "text-text-secondary text-[11px]", role: "status", children: "Loading more\u2026" }) : null }) : null
+            hasMore ? /* @__PURE__ */ jsx22("div", { ref: sentinelRef, className: "flex h-6 shrink-0 items-center justify-center", "aria-hidden": true, children: loadingMore ? /* @__PURE__ */ jsx22("span", { className: "text-text-secondary text-[11px]", role: "status", children: "Loading more\u2026" }) : null }) : null
           ] })
         ]
       }
@@ -1732,8 +1797,8 @@ function AgentHistoryFilterButton() {
         }),
         onClick: () => setOpen((v) => !v),
         children: [
-          /* @__PURE__ */ jsx21(Icon, { name: "funnel", className: "size-3.5" }),
-          selected != null ? /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx22(Icon, { name: "funnel", className: "size-3.5" }),
+          selected != null ? /* @__PURE__ */ jsx22(
             "span",
             {
               className: "bg-primary-button-bg absolute top-1 right-1 size-1.5 rounded-full",
@@ -1744,9 +1809,9 @@ function AgentHistoryFilterButton() {
         ]
       }
     ),
-    useSheet && open ? /* @__PURE__ */ jsx21(BottomSheet, { open: true, onOpenChange: setOpen, id: menuId, "aria-label": "Filter agents", children: /* @__PURE__ */ jsx21("div", { className: "flex min-h-0 flex-1 flex-col p-2", role: "menu", children: filterBody }) }) : null,
+    useSheet && open ? /* @__PURE__ */ jsx22(BottomSheet, { open: true, onOpenChange: setOpen, id: menuId, "aria-label": "Filter agents", children: /* @__PURE__ */ jsx22("div", { className: "flex min-h-0 flex-1 flex-col p-2", role: "menu", children: filterBody }) }) : null,
     !useSheet && open && menuPos != null ? createPortal(
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx22(
         "div",
         {
           ref: menuRef,
@@ -1764,13 +1829,18 @@ function AgentHistoryFilterButton() {
 }
 
 // src/containers/ThreadListContainer.tsx
-import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs6 } from "react/jsx-runtime";
-var deleteItemClass = "flex w-full cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none text-failure-bg hover:bg-ghost-button-hover hover:text-failure-bg focus:bg-ghost-button-hover focus:text-failure-bg data-[highlighted]:bg-ghost-button-hover data-[highlighted]:text-failure-bg";
+import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs6 } from "react/jsx-runtime";
+var deleteItemClass = "flex w-full cursor-pointer select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm font-medium text-failure-bg outline-none transition-colors hover:bg-failure-bg/12 hover:text-failure-bg focus:bg-failure-bg/12 focus:text-failure-bg data-[highlighted]:bg-failure-bg/12 data-[highlighted]:text-failure-bg";
 function ThreadListItemDeleteMenu() {
   const compact = useCompactLayout();
   const isMobile = useIsMobile();
   const [sheetOpen, setSheetOpen] = useState13(false);
+  const [portalContainer, setPortalContainer] = useState13();
   const useSheet = isMobile || compact;
+  const setTriggerElement = useCallback8((element) => {
+    const themeRoot = element?.closest(".aui-theme-root");
+    setPortalContainer(themeRoot instanceof HTMLElement ? themeRoot : void 0);
+  }, []);
   const moreButtonClass = auiButtonClass({
     variant: "ghost",
     size: "icon",
@@ -1778,7 +1848,7 @@ function ThreadListItemDeleteMenu() {
   });
   if (useSheet) {
     return /* @__PURE__ */ jsxs6(Fragment4, { children: [
-      /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx23(
         "button",
         {
           type: "button",
@@ -1788,33 +1858,35 @@ function ThreadListItemDeleteMenu() {
           "aria-expanded": sheetOpen,
           className: moreButtonClass,
           onClick: () => setSheetOpen(true),
-          children: /* @__PURE__ */ jsx22(Icon, { name: "ellipsis", className: "size-3.5" })
+          children: /* @__PURE__ */ jsx23(Icon, { name: "ellipsis", className: "size-3.5" })
         }
       ),
-      sheetOpen ? /* @__PURE__ */ jsx22(BottomSheet, { open: true, onOpenChange: setSheetOpen, "aria-label": "Session actions", children: /* @__PURE__ */ jsx22("div", { className: "flex flex-col gap-1 p-2", role: "menu", children: /* @__PURE__ */ jsxs6(ThreadListItemPrimitive.Delete, { className: deleteItemClass, onClick: () => setSheetOpen(false), children: [
-        /* @__PURE__ */ jsx22(Icon, { name: "trash", className: "size-3.5" }),
+      sheetOpen ? /* @__PURE__ */ jsx23(BottomSheet, { open: true, onOpenChange: setSheetOpen, "aria-label": "Session actions", children: /* @__PURE__ */ jsx23("div", { className: "flex flex-col gap-1 p-2", role: "menu", children: /* @__PURE__ */ jsxs6(ThreadListItemPrimitive.Delete, { className: deleteItemClass, onClick: () => setSheetOpen(false), children: [
+        /* @__PURE__ */ jsx23(Icon, { name: "trash", className: "size-3.5" }),
         "Delete"
       ] }) }) }) : null
     ] });
   }
   return /* @__PURE__ */ jsxs6(ThreadListItemMorePrimitive.Root, { sharedFocusGroup: true, children: [
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
       ThreadListItemMorePrimitive.Trigger,
       {
+        ref: setTriggerElement,
         "aria-label": "Session actions",
         title: "Session actions",
         className: moreButtonClass,
-        children: /* @__PURE__ */ jsx22(Icon, { name: "ellipsis", className: "size-3.5" })
+        children: /* @__PURE__ */ jsx23(Icon, { name: "ellipsis", className: "size-3.5" })
       }
     ),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
       ThreadListItemMorePrimitive.Content,
       {
+        portalProps: { container: portalContainer },
         align: "end",
         sideOffset: 4,
-        className: "z-50 min-w-[8rem] rounded-md border border-border bg-card-bg p-1 text-text-primary shadow-md",
-        children: /* @__PURE__ */ jsx22(ThreadListItemPrimitive.Delete, { asChild: true, children: /* @__PURE__ */ jsxs6(ThreadListItemMorePrimitive.Item, { className: deleteItemClass, children: [
-          /* @__PURE__ */ jsx22(Icon, { name: "trash", className: "size-3.5" }),
+        className: "font-sans-flex z-50 min-w-[8rem] rounded-md border border-border bg-card-bg p-1 text-text-primary shadow-md",
+        children: /* @__PURE__ */ jsx23(ThreadListItemPrimitive.Delete, { asChild: true, children: /* @__PURE__ */ jsxs6(ThreadListItemMorePrimitive.Item, { className: deleteItemClass, children: [
+          /* @__PURE__ */ jsx23(Icon, { name: "trash", className: "size-3.5" }),
           "Delete"
         ] }) })
       }
@@ -1836,7 +1908,7 @@ function ThreadListItemRow({
   const mainThreadId = useAuiState13((s) => s.threads.mainThreadId);
   const agentName = readThreadAgentName(custom);
   const showDelete = canDeleteSession && remoteId != null;
-  return /* @__PURE__ */ jsx22(ThreadListItemPrimitive.Root, { className: "min-w-0", children: /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(ThreadListItemPrimitive.Root, { className: "min-w-0", children: /* @__PURE__ */ jsx23(
     ThreadListRow,
     {
       title: title ?? "New Chat",
@@ -1869,7 +1941,7 @@ function ThreadListItemRow({
         }
         void Promise.resolve(aui.threads().switchToThread(id)).catch(() => void 0);
       },
-      actions: showDelete ? /* @__PURE__ */ jsx22(ThreadListItemDeleteMenu, {}) : void 0
+      actions: showDelete ? /* @__PURE__ */ jsx23(ThreadListItemDeleteMenu, {}) : void 0
     }
   ) });
 }
@@ -1884,9 +1956,9 @@ function ThreadListItemsByRecency({
 }) {
   const indices = useThreadListIndicesByRecency();
   const threadIds = useAuiState13((s) => s.threads.threadIds);
-  return /* @__PURE__ */ jsx22(Fragment4, { children: indices.map((index) => {
+  return /* @__PURE__ */ jsx23(Fragment4, { children: indices.map((index) => {
     const key = threadIds[index] ?? String(index);
-    return /* @__PURE__ */ jsx22(ThreadListItemByIndexProvider, { index, archived: false, children: /* @__PURE__ */ jsx22(ThreadListItemRow, { onThreadOpen, canDeleteSession }) }, key);
+    return /* @__PURE__ */ jsx23(ThreadListItemByIndexProvider, { index, archived: false, children: /* @__PURE__ */ jsx23(ThreadListItemRow, { onThreadOpen, canDeleteSession }) }, key);
   }) });
 }
 var THREAD_LIST_VIEWPORT_SLOT = "aui_thread-list-viewport";
@@ -1905,8 +1977,8 @@ function ChatHistorySection({ children, viewportRef }) {
           className: "flex min-w-0 flex-1 items-center gap-1 rounded-md px-1.5 py-1 text-left text-sm font-medium text-text-secondary hover:bg-ghost-button-hover hover:text-text-primary",
           onClick: () => setExpanded((v) => !v),
           children: [
-            /* @__PURE__ */ jsx22("span", { className: "truncate", children: "Chat History" }),
-            /* @__PURE__ */ jsx22(
+            /* @__PURE__ */ jsx23("span", { className: "truncate", children: "Chat History" }),
+            /* @__PURE__ */ jsx23(
               Icon,
               {
                 name: "chevron-down",
@@ -1916,9 +1988,9 @@ function ChatHistorySection({ children, viewportRef }) {
           ]
         }
       ),
-      showFilter ? /* @__PURE__ */ jsx22(AgentHistoryFilterButton, {}) : null
+      showFilter ? /* @__PURE__ */ jsx23(AgentHistoryFilterButton, {}) : null
     ] }),
-    expanded ? /* @__PURE__ */ jsx22(
+    expanded ? /* @__PURE__ */ jsx23(
       "div",
       {
         ref: viewportRef,
@@ -1990,20 +2062,20 @@ function ThreadListContainer({ onThreadOpen } = {}) {
   };
   let listBody;
   if (isIdle) {
-    listBody = /* @__PURE__ */ jsx22(ThreadListEmptyState, {});
+    listBody = /* @__PURE__ */ jsx23(ThreadListEmptyState, {});
   } else if (isLoading) {
-    listBody = /* @__PURE__ */ jsx22(ThreadListRowSkeleton, {});
+    listBody = /* @__PURE__ */ jsx23(ThreadListRowSkeleton, {});
   } else if (threadIds.length === 0) {
-    listBody = /* @__PURE__ */ jsx22(ThreadListEmptyState, {});
+    listBody = /* @__PURE__ */ jsx23(ThreadListEmptyState, {});
   } else {
-    listBody = /* @__PURE__ */ jsx22(ThreadListPrimitive.Root, { className: "flex min-h-0 flex-col gap-0.5", children: /* @__PURE__ */ jsx22(ThreadListItemsByRecency, { onThreadOpen, canDeleteSession }) });
+    listBody = /* @__PURE__ */ jsx23(ThreadListPrimitive.Root, { className: "flex min-h-0 flex-col gap-0.5", children: /* @__PURE__ */ jsx23(ThreadListItemsByRecency, { onThreadOpen, canDeleteSession }) });
   }
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     ThreadListShell,
     {
       header: /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-1", children: [
-        showNewChat ? /* @__PURE__ */ jsx22(ThreadListNewButton, { onClick: handleNewChat }) : null,
-        /* @__PURE__ */ jsx22(
+        showNewChat ? /* @__PURE__ */ jsx23(ThreadListNewButton, { onClick: handleNewChat }) : null,
+        /* @__PURE__ */ jsx23(
           AgentsLibraryButton,
           {
             onSelectAgent: () => {
@@ -2014,7 +2086,7 @@ function ThreadListContainer({ onThreadOpen } = {}) {
       ] }),
       children: /* @__PURE__ */ jsxs6(ChatHistorySection, { viewportRef, children: [
         listBody,
-        !isIdle && hasMore ? /* @__PURE__ */ jsx22("div", { className: "h-4 shrink-0", "aria-hidden": true }) : null
+        !isIdle && hasMore ? /* @__PURE__ */ jsx23("div", { className: "h-4 shrink-0", "aria-hidden": true }) : null
       ] })
     }
   );
@@ -2035,6 +2107,7 @@ export {
   ComposerAttachmentPickerContainer,
   threadHasPendingMcpAuth,
   useComposerPauseView,
+  CustomActionContainer,
   McpAuthContainer,
   ComposerContainer,
   HistoryLoaderContainer,
@@ -2045,4 +2118,4 @@ export {
   Thread,
   ThreadListContainer
 };
-//# sourceMappingURL=chunk-HVSUPYX2.js.map
+//# sourceMappingURL=chunk-3S6KHO7H.js.map