@truefoundry/trueforge-ui 0.3.0 → 0.3.1

package/dist/{chunk-KZK2PQ4A.js → chunk-XR4S7B2K.js}

@@ -3,7 +3,7 @@ import {
   replaceScheduleShareSearch,
   searchAllAgents,
   useSearchAgentsList
-} from "./chunk-UN7WPTTK.js";
+} from "./chunk-AO23SZBG.js";
 import {
   Icon,
   PageHeader,
@@ -14,7 +14,7 @@ import {
   sidebarRailButtonClassName,
   useCompactLayout,
   useDraftCatalog
-} from "./chunk-KDCVFHPZ.js";
+} from "./chunk-4OZFQVSR.js";
 import {
   SESSION_CUSTOM_RANGE_MAX_DAYS,
   SESSION_SHARE_CHANGE_EVENT,
@@ -43,13 +43,13 @@ import {
   useServer,
   useServerCapabilities,
   useShellMode
-} from "./chunk-U7WONUMR.js";
+} from "./chunk-2XT2VUT4.js";
 import {
   useAuiState
 } from "./chunk-M6MHLVSO.js";
 import {
   OpenUiFenceBlock
-} from "./chunk-WFIA627Q.js";
+} from "./chunk-QKFMAQ7O.js";
 import {
   ThemeContext,
   ThemeProvider,
@@ -57,7 +57,7 @@ import {
   useOptionalContentClassNames,
   useOptionalThemeMode,
   useOptionalThemePreset
-} from "./chunk-NXK4XW4U.js";
+} from "./chunk-6UACSIIY.js";
 
 // src/theme/brand.tsx
 import { useContext } from "react";
@@ -471,7 +471,7 @@ function LightTooltip({
 }
 
 // src/theme/SlotsProvider.tsx
-import { createContext as createContext8, useContext as useContext9, useMemo as useMemo19 } from "react";
+import { createContext as createContext8, useContext as useContext9, useMemo as useMemo18 } from "react";
 
 // src/theme/defaultSlots.ts
 import { lazy } from "react";
@@ -704,6 +704,8 @@ import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
 var DEFAULT_TITLE = "MCP Authentication Required";
 function McpAuthPrompt({
   servers,
+  connectedServerIds,
+  continueLoading = false,
   onConnect,
   onContinue,
   readOnly = false,
@@ -726,12 +728,27 @@ function McpAuthPrompt({
               /* @__PURE__ */ jsx10("span", { className: "shrink-0 text-xs font-semibold text-text-secondary", children: ":" }),
               /* @__PURE__ */ jsx10("span", { className: "truncate font-sans font-medium text-text-primary", children: server.name })
             ] }),
-            /* @__PURE__ */ jsxs6(Button.Primary, { size: "small", disabled: readOnly, onClick: () => onConnect(server.id), className: "shrink-0", children: [
-              "Connect",
-              /* @__PURE__ */ jsx10(Icon, { name: "external-link", size: "0.75em", className: "ml-1" })
-            ] })
+            connectedServerIds?.has(server.id) ? /* @__PURE__ */ jsxs6("span", { className: "inline-flex shrink-0 items-center gap-1 text-xs text-success-bg", children: [
+              /* @__PURE__ */ jsx10(Icon, { name: "check", size: "0.875rem" }),
+              "Connected"
+            ] }) : /* @__PURE__ */ jsxs6(
+              Button.Primary,
+              {
+                size: "small",
+                disabled: readOnly,
+                onClick: () => onConnect(server.id),
+                className: "shrink-0",
+                children: [
+                  "Connect",
+                  /* @__PURE__ */ jsx10(Icon, { name: "external-link", size: "0.75em", className: "ml-1" })
+                ]
+              }
+            )
           ] }, server.id)),
-          onContinue && /* @__PURE__ */ jsx10("div", { className: "flex justify-end border-t border-border pt-2", children: /* @__PURE__ */ jsx10(Button.Primary, { size: "small", disabled: readOnly, onClick: onContinue, children: "Continue" }) })
+          onContinue && /* @__PURE__ */ jsx10("div", { className: "flex justify-end border-t border-border pt-2", children: /* @__PURE__ */ jsxs6(Button.Primary, { size: "small", disabled: readOnly || continueLoading, onClick: onContinue, children: [
+            continueLoading ? /* @__PURE__ */ jsx10(Icon, { name: "loader", className: "animate-spin" }) : null,
+            "Continue"
+          ] }) })
         ] })
       ]
     }
@@ -2532,7 +2549,20 @@ function AgentSessionDetailHeader({
   ] });
 }
 
+// src/atoms/lib/dateFormat.ts
+function formatAbsoluteDateTime(date) {
+  return new Intl.DateTimeFormat(void 0, {
+    month: "short",
+    day: "numeric",
+    year: "numeric",
+    hour: "numeric",
+    minute: "2-digit",
+    hour12: true
+  }).format(date);
+}
+
 // src/atoms/lib/threadListMeta.ts
+var MAX_SESSION_TITLE_LENGTH = 50;
 function formatRelativeShort(date, now = /* @__PURE__ */ new Date()) {
   const diffMs = Math.max(0, now.getTime() - date.getTime());
   const minutes = Math.floor(diffMs / 6e4);
@@ -2602,7 +2632,9 @@ function AgentSessionListRow({
   canDelete = true
 }) {
   const PermissionGuard2 = useSlot("PermissionGuard");
-  const relative = formatRelativeShort(new Date(lastActivityAt));
+  const activityAt = new Date(lastActivityAt);
+  const relative = formatRelativeShort(activityAt);
+  const absolute = formatAbsoluteDateTime(activityAt);
   return /* @__PURE__ */ jsxs22(
     "div",
     {
@@ -2673,7 +2705,7 @@ function AgentSessionListRow({
                   /* @__PURE__ */ jsx32("span", { className: "truncate", children: agentName }),
                   /* @__PURE__ */ jsx32("span", { "aria-hidden": "true", children: "\xB7" })
                 ] }) : null,
-                /* @__PURE__ */ jsx32("span", { children: relative })
+                /* @__PURE__ */ jsx32(Tooltip, { content: absolute, side: "bottom", children: /* @__PURE__ */ jsx32("span", { children: relative }) })
               ] }),
               /* @__PURE__ */ jsx32("span", { className: "shrink-0 tabular-nums", children: formatSessionListMetrics(metrics) })
             ]
@@ -5826,7 +5858,7 @@ function DraftModelCatalogPanel({
         id: listboxId,
         role: "listbox",
         "aria-label": "Select model",
-        className: "flex min-h-0 flex-1 flex-col overflow-y-auto p-1",
+        className: "flex min-h-0 flex-auto flex-col overflow-y-auto p-1",
         children: filtered.length === 0 ? /* @__PURE__ */ jsx62(
           DraftCatalogEmptyState,
           {
@@ -6828,7 +6860,7 @@ function AgentInstructionsDrawer({
 import { useEffect as useEffect16, useRef as useRef11, useState as useState28 } from "react";
 
 // src/hooks/useMcpAuth.ts
-import { useCallback as useCallback9, useEffect as useEffect15, useMemo as useMemo6, useRef as useRef10, useState as useState27 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect15, useRef as useRef10, useState as useState27 } from "react";
 var MCP_AUTH_POPUP_CHANNEL = "truefoundry-mcp-auth-popup";
 var generatePopupUid = () => `mcp-oauth-${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;
 var isPopupMessage = (value) => {
@@ -6838,47 +6870,96 @@ var isPopupMessage = (value) => {
 };
 var useMCPAuth = ({ callbackPath } = {}) => {
   const { connectorCatalog } = useCatalogServer();
+  const server = useOptionalServer();
   const toaster = useToasterOptional();
-  const [isOAuthLoading, setIsOAuthLoading] = useState27(false);
-  const popupUid = useMemo6(() => generatePopupUid(), []);
-  const listenerCleanupRef = useRef10(null);
-  const clearPopupListener = useCallback9(() => {
-    listenerCleanupRef.current?.();
-    listenerCleanupRef.current = null;
+  const [loadingCount, setLoadingCount] = useState27(0);
+  const activeAttemptsRef = useRef10(/* @__PURE__ */ new Set());
+  const popupCleanupRef = useRef10(/* @__PURE__ */ new Set());
+  useEffect15(() => {
+    const activeAttempts = activeAttemptsRef.current;
+    const popupCleanups = popupCleanupRef.current;
+    return () => {
+      activeAttempts.clear();
+      for (const cleanup of popupCleanups) cleanup();
+      popupCleanups.clear();
+    };
   }, []);
-  useEffect15(() => clearPopupListener, [clearPopupListener]);
+  const loadConnector = useCallback9(
+    async (integrationId) => {
+      if (server?.getMcpConnector !== void 0) {
+        return server.getMcpConnector({ connectorId: integrationId });
+      }
+      return connectorCatalog.getConnector({ id: integrationId });
+    },
+    [connectorCatalog, server]
+  );
+  const reportVerifiedSuccess = useCallback9(
+    async ({
+      integrationId,
+      callback,
+      attempt
+    }) => {
+      try {
+        const connector = await loadConnector(integrationId);
+        if (!activeAttemptsRef.current.has(attempt)) return;
+        if (!connector.authenticated) {
+          throw new Error("The MCP server is not authenticated yet. Please try again.");
+        }
+        callback(true);
+      } catch (error) {
+        if (!activeAttemptsRef.current.has(attempt)) return;
+        toaster?.showError(error);
+        callback(false);
+      }
+    },
+    [loadConnector, toaster]
+  );
   const openAuthPopup = useCallback9(
-    (authorizationEndpoint, callback) => {
-      clearPopupListener();
+    ({
+      authorizationEndpoint,
+      integrationId,
+      callback,
+      attempt,
+      popupUid
+    }) => {
       const channel = new BroadcastChannel(MCP_AUTH_POPUP_CHANNEL);
       let popup = null;
       const cleanup = () => {
         channel.close();
         popup?.close();
+        popupCleanupRef.current.delete(cleanup);
       };
       channel.onmessage = (event) => {
         if (!isPopupMessage(event.data) || event.data.popupUid !== popupUid) return;
-        try {
-          callback(event.data.isSuccess);
-        } finally {
-          clearPopupListener();
+        const { isSuccess } = event.data;
+        cleanup();
+        if (!isSuccess) {
+          if (activeAttemptsRef.current.delete(attempt)) callback(false);
+          return;
         }
+        void reportVerifiedSuccess({ integrationId, callback, attempt }).finally(() => {
+          activeAttemptsRef.current.delete(attempt);
+        });
       };
-      listenerCleanupRef.current = cleanup;
+      popupCleanupRef.current.add(cleanup);
       popup = window.open(authorizationEndpoint, "_blank", "popup=true");
       if (!popup) {
-        clearPopupListener();
+        cleanup();
         throw new Error("Popup blocked. Please allow pop-ups to authorize the MCP server.");
       }
       popup.focus();
     },
-    [clearPopupListener, popupUid]
+    [reportVerifiedSuccess]
   );
   const handleAuthorize = useCallback9(
     async (integrationId, callback) => {
       if (!integrationId) return;
+      const attempt = {};
+      const popupUid = generatePopupUid();
+      activeAttemptsRef.current.add(attempt);
+      setLoadingCount((count) => count + 1);
+      let popupOpened = false;
       try {
-        setIsOAuthLoading(true);
         const callbackUrl = callbackPath ? new URL(callbackPath, window.location.origin) : new URL(window.location.href);
         callbackUrl.searchParams.set("screenType", "mcp-auth");
         callbackUrl.searchParams.set("integrationId", integrationId);
@@ -6887,27 +6968,31 @@ var useMCPAuth = ({ callbackPath } = {}) => {
           id: integrationId,
           returnTo: `${callbackUrl.pathname}${callbackUrl.search}`
         });
+        if (!activeAttemptsRef.current.has(attempt)) return;
         if ("status" in result && result.status?.toUpperCase() === "AUTHENTICATED" || "authenticated" in result && result.authenticated) {
-          callback(true);
+          await reportVerifiedSuccess({ integrationId, callback, attempt });
           return;
         }
         const authorizationEndpoint = "authorization_endpoint" in result ? result.authorization_endpoint : void 0;
         if (!authorizationEndpoint) {
           throw new Error("The MCP server did not return an authorization URL.");
         }
-        openAuthPopup(authorizationEndpoint, callback);
+        openAuthPopup({ authorizationEndpoint, integrationId, callback, attempt, popupUid });
+        popupOpened = true;
       } catch (error) {
+        if (!activeAttemptsRef.current.has(attempt)) return;
         toaster?.showError(error);
         callback(false);
       } finally {
-        setIsOAuthLoading(false);
+        if (activeAttemptsRef.current.has(attempt)) setLoadingCount((count) => count - 1);
+        if (!popupOpened) activeAttemptsRef.current.delete(attempt);
       }
     },
-    [callbackPath, connectorCatalog, openAuthPopup, popupUid, toaster]
+    [callbackPath, connectorCatalog, openAuthPopup, reportVerifiedSuccess, toaster]
   );
   return {
     handleAuthorize,
-    isOAuthLoading
+    isOAuthLoading: loadingCount > 0
   };
 };
 
@@ -7583,7 +7668,7 @@ function AgentMcpEditorContent({
 }
 
 // src/atoms/draft/AgentModelConfigModal.tsx
-import { useMemo as useMemo7 } from "react";
+import { useMemo as useMemo6 } from "react";
 
 // src/atoms/primitives/CenteredModal.tsx
 import { useEffect as useEffect17, useId as useId7, useRef as useRef12 } from "react";
@@ -7664,7 +7749,7 @@ function CenteredModal({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx70("div", { className: "flex min-h-0 flex-1 flex-col overflow-x-hidden overflow-y-auto", children }),
+        /* @__PURE__ */ jsx70("div", { className: "flex min-h-0 flex-auto flex-col overflow-x-hidden overflow-y-auto", children }),
         footer ? /* @__PURE__ */ jsx70("div", { className: "shrink-0 border-t border-border px-5 py-3", children: footer }) : null
       ]
     }
@@ -7686,7 +7771,7 @@ function AgentModelConfigModal({
 }) {
   const AgentModelEditorContent2 = useSlot("AgentModelEditorContent");
   const AgentModelSettingsContent2 = useSlot("AgentModelSettingsContent");
-  const model = useMemo7(() => models.find((item) => item.name === spec.model.name), [models, spec.model.name]);
+  const model = useMemo6(() => models.find((item) => item.name === spec.model.name), [models, spec.model.name]);
   const selectingModel = editor === "model";
   return /* @__PURE__ */ jsx71(
     CenteredModal,
@@ -7714,7 +7799,7 @@ function AgentModelConfigModal({
 }
 
 // src/atoms/draft/AgentModelEditorContent.tsx
-import { useCallback as useCallback10, useId as useId8, useMemo as useMemo8, useState as useState29 } from "react";
+import { useCallback as useCallback10, useId as useId8, useMemo as useMemo7, useState as useState29 } from "react";
 
 // src/atoms/draft/reasoningEffort.ts
 function hasReasoningEfforts(efforts) {
@@ -7759,12 +7844,12 @@ function AgentModelEditorContent({
 }) {
   const listboxId = useId8();
   const compact = useCompactLayout();
-  const selectedModel = useMemo8(() => models.find((model) => model.name === spec.model.name), [models, spec.model.name]);
-  const providers = useMemo8(() => Array.from(new Set(models.map((model) => model.provider.name))), [models]);
+  const selectedModel = useMemo7(() => models.find((model) => model.name === spec.model.name), [models, spec.model.name]);
+  const providers = useMemo7(() => Array.from(new Set(models.map((model) => model.provider.name))), [models]);
   const [provider, setProvider] = useState29(selectedModel?.provider.name ?? providers[0] ?? "");
   const [compactProvider, setCompactProvider] = useState29(null);
   const needle = normalizeModelSearchText(query);
-  const matchingProviders = useMemo8(
+  const matchingProviders = useMemo7(
     () => providers.map((name) => {
       const providerModels = models.filter((model) => model.provider.name === name);
       return {
@@ -7774,16 +7859,16 @@ function AgentModelEditorContent({
     }).filter((item) => item.models.length > 0),
     [models, needle, providers]
   );
-  const visibleProviders = useMemo8(() => matchingProviders.map((item) => item.name), [matchingProviders]);
-  const effectiveProvider = useMemo8(
+  const visibleProviders = useMemo7(() => matchingProviders.map((item) => item.name), [matchingProviders]);
+  const effectiveProvider = useMemo7(
     () => visibleProviders.includes(provider) ? provider : selectedModel && visibleProviders.includes(selectedModel.provider.name) ? selectedModel.provider.name : visibleProviders[0] ?? "",
     [provider, selectedModel, visibleProviders]
   );
-  const visibleModels = useMemo8(
+  const visibleModels = useMemo7(
     () => matchingProviders.find((item) => item.name === effectiveProvider)?.models ?? [],
     [effectiveProvider, matchingProviders]
   );
-  const compactModels = useMemo8(() => {
+  const compactModels = useMemo7(() => {
     if (compactProvider === null) return [];
     const providerModels = models.filter((model) => model.provider.name === compactProvider);
     return needle ? providerModels.filter((model) => modelMatchesQuery({ model, needle })) : providerModels;
@@ -7814,13 +7899,13 @@ function AgentModelEditorContent({
   ] });
   if (compact) {
     if (compactProvider === null) {
-      return /* @__PURE__ */ jsxs56("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+      return /* @__PURE__ */ jsxs56("div", { className: "flex min-h-0 flex-auto flex-col", children: [
         /* @__PURE__ */ jsxs56("div", { className: "shrink-0 border-b border-border px-3 py-2", children: [
           /* @__PURE__ */ jsx72("p", { className: "text-text-primary mb-2 text-base font-medium", children: "Select provider" }),
           search
         ] }),
         error ? /* @__PURE__ */ jsx72("p", { className: "text-failure-bg px-3 pt-3 text-sm", children: error }) : null,
-        /* @__PURE__ */ jsx72("div", { className: "min-h-0 flex-1 overflow-y-auto p-2", children: visibleProviders.length === 0 ? /* @__PURE__ */ jsx72("p", { className: "text-text-secondary px-2 py-6 text-center text-sm", role: "status", children: loading ? "Loading\u2026" : "No providers" }) : visibleProviders.map((name) => {
+        /* @__PURE__ */ jsx72("div", { className: "min-h-0 flex-auto overflow-y-auto p-2", children: visibleProviders.length === 0 ? /* @__PURE__ */ jsx72("p", { className: "text-text-secondary px-2 py-6 text-center text-sm", role: "status", children: loading ? "Loading\u2026" : "No providers" }) : visibleProviders.map((name) => {
           const providerModel = models.find((model) => model.provider.name === name);
           return /* @__PURE__ */ jsxs56(
             "button",
@@ -7839,7 +7924,7 @@ function AgentModelEditorContent({
         }) })
       ] });
     }
-    return /* @__PURE__ */ jsxs56("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+    return /* @__PURE__ */ jsxs56("div", { className: "flex min-h-0 flex-auto flex-col", children: [
       /* @__PURE__ */ jsxs56("div", { className: "shrink-0 border-b border-border px-3 py-2", children: [
         /* @__PURE__ */ jsxs56("div", { className: "mb-2 flex items-center gap-1", children: [
           /* @__PURE__ */ jsx72(
@@ -8908,7 +8993,7 @@ function DraftComposerRightSection({ disabled, isRunning }) {
 
 // src/atoms/draft/DraftCompositeSelector.tsx
 import { useTrueFoundryAgentSpec as useTrueFoundryAgentSpec3, useTrueFoundryUpdateAgentSpec as useTrueFoundryUpdateAgentSpec2 } from "@truefoundry/assistant-ui-runtime";
-import { useCallback as useCallback11, useEffect as useEffect19, useId as useId10, useMemo as useMemo9, useRef as useRef15, useState as useState33 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect19, useId as useId10, useMemo as useMemo8, useRef as useRef15, useState as useState33 } from "react";
 import { Fragment as Fragment14, jsx as jsx85, jsxs as jsxs65 } from "react/jsx-runtime";
 function draftMountsFromSpec(value) {
   if (!Array.isArray(value)) return [];
@@ -9117,14 +9202,14 @@ function DraftCompositeSelector({ disabled, isRunning, onAttach }) {
   const canConfigureConnectors = settingsEnabled && settingsCatalog?.connectorCatalog != null;
   const canConfigureSkills = settingsEnabled && settingsCatalog?.skillCatalog != null;
   const canConfigureSandbox = settingsEnabled && settingsCatalog?.sandboxCatalog != null;
-  const specMcp = useMemo9(() => draftMountsFromSpec(agentSpec?.mcpServers), [agentSpec?.mcpServers]);
-  const specSkills = useMemo9(() => draftMountsFromSpec(agentSpec?.skills), [agentSpec?.skills]);
+  const specMcp = useMemo8(() => draftMountsFromSpec(agentSpec?.mcpServers), [agentSpec?.mcpServers]);
+  const specSkills = useMemo8(() => draftMountsFromSpec(agentSpec?.skills), [agentSpec?.skills]);
   const selectedMcp = open ? localMcp : specMcp;
   const selectedSkills = open ? localSkills : specSkills;
-  const selectedMcpIds = useMemo9(() => new Set(selectedMcp.map((m) => m.id)), [selectedMcp]);
+  const selectedMcpIds = useMemo8(() => new Set(selectedMcp.map((m) => m.id)), [selectedMcp]);
   const hasValidModel = Boolean(agentSpec?.model?.name.trim());
   const toolsCount = selectedMcp.length + selectedSkills.length;
-  const toolsTooltip = useMemo9(() => {
+  const toolsTooltip = useMemo8(() => {
     const formatNames = (items) => {
       const names = items.map((item) => item.name);
       if (names.length <= 4) return names.join(", ");
@@ -9191,11 +9276,11 @@ function DraftCompositeSelector({ disabled, isRunning, onAttach }) {
     };
   }, [open, setOpenAndFlush]);
   useEffect19(() => () => clearFlushTimer(), [clearFlushTimer]);
-  const catalogConnectors = useMemo9(
+  const catalogConnectors = useMemo8(
     () => connectorsWithSelectedStubs({ connectors, selected: selectedMcp }),
     [connectors, selectedMcp]
   );
-  const filteredConnectors = useMemo9(() => {
+  const filteredConnectors = useMemo8(() => {
     const needle = query.trim().toLowerCase();
     const matches = needle ? catalogConnectors.filter(
       (c) => c.name.toLowerCase().includes(needle) || (c.description?.toLowerCase().includes(needle) ?? false)
@@ -9204,26 +9289,26 @@ function DraftCompositeSelector({ disabled, isRunning, onAttach }) {
       (left, right) => Number(isUnauthenticatedDcrConnector(left)) - Number(isUnauthenticatedDcrConnector(right))
     );
   }, [catalogConnectors, query]);
-  const filteredSkills = useMemo9(() => {
+  const filteredSkills = useMemo8(() => {
     const needle = query.trim().toLowerCase();
     if (!needle) return skills;
     return skills.filter(
       (skill) => skill.name.toLowerCase().includes(needle) || (skillRepoName(skill)?.toLowerCase().includes(needle) ?? false) || (skill.description?.toLowerCase().includes(needle) ?? false)
     );
   }, [skills, query]);
-  const pinnedSelectedConnectors = useMemo9(
+  const pinnedSelectedConnectors = useMemo8(
     () => filteredConnectors.filter((c) => pinnedMcpIds.has(c.id)),
     [filteredConnectors, pinnedMcpIds]
   );
-  const pinnedAvailableConnectors = useMemo9(
+  const pinnedAvailableConnectors = useMemo8(
     () => filteredConnectors.filter((c) => !pinnedMcpIds.has(c.id)),
     [filteredConnectors, pinnedMcpIds]
   );
-  const pinnedSelectedSkills = useMemo9(
+  const pinnedSelectedSkills = useMemo8(
     () => filteredSkills.filter((s) => pinnedSkillIds.has(skillFamilyId(s.id))),
     [filteredSkills, pinnedSkillIds]
   );
-  const pinnedAvailableSkills = useMemo9(
+  const pinnedAvailableSkills = useMemo8(
     () => filteredSkills.filter((s) => !pinnedSkillIds.has(skillFamilyId(s.id))),
     [filteredSkills, pinnedSkillIds]
   );
@@ -9585,12 +9670,12 @@ var HistoryLoader = forwardRef(
 HistoryLoader.displayName = "HistoryLoader";
 
 // src/atoms/Markdown.tsx
-import { useMemo as useMemo10, useRef as useRef17 } from "react";
+import { useMemo as useMemo9, useRef as useRef17 } from "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import { Fragment as Fragment15, jsx as jsx88 } from "react/jsx-runtime";
 function preloadMarkdownOpenUI() {
-  return import("./OpenUiFenceBlock-F3YVDKAG.js");
+  return import("./OpenUiFenceBlock-BZPFNXWZ.js");
 }
 var LARGE_STREAMING_FENCE_CHARS = 8 * 1024;
 function getActiveStreamingFenceCode(content) {
@@ -9691,7 +9776,7 @@ function Markdown({
   const SyntaxHighlighter2 = useSlot("SyntaxHighlighter");
   const activeFenceCodeRef = useRef17(null);
   activeFenceCodeRef.current = isStreaming === true ? getActiveStreamingFenceCode(content) : null;
-  const components = useMemo10(
+  const components = useMemo9(
     () => makeComponents({
       isStreaming,
       getActiveFenceCode: () => activeFenceCodeRef.current,
@@ -9795,22 +9880,12 @@ function formatTime(date) {
     hour12: true
   }).format(date);
 }
-function formatFullDate(date) {
-  return new Intl.DateTimeFormat(void 0, {
-    month: "short",
-    day: "numeric",
-    year: "numeric",
-    hour: "numeric",
-    minute: "2-digit",
-    hour12: true
-  }).format(date);
-}
 function MessageTimestamp({ createdAt, className }) {
   const date = toDate(createdAt);
   if (date == null) {
     return null;
   }
-  return /* @__PURE__ */ jsx92(LightTooltip, { title: formatFullDate(date), size: "fit", side: "bottom", children: /* @__PURE__ */ jsx92("span", { className: cn("text-xs font-medium cursor-pointer leading-normal shrink-0 text-text-secondary", className), children: formatTime(date) }) });
+  return /* @__PURE__ */ jsx92(LightTooltip, { title: formatAbsoluteDateTime(date), size: "fit", side: "bottom", children: /* @__PURE__ */ jsx92("span", { className: cn("text-xs font-medium cursor-pointer leading-normal shrink-0 text-text-secondary", className), children: formatTime(date) }) });
 }
 
 // src/atoms/MonacoEditorCore.tsx
@@ -10038,7 +10113,7 @@ function PermissionGuard({
 }
 
 // src/atoms/SandboxArtifactDownload.tsx
-import { useMemo as useMemo11 } from "react";
+import { useMemo as useMemo10 } from "react";
 import { jsx as jsx95 } from "react/jsx-runtime";
 var PREFIX = "sandbox_artifacts";
 var PAIR_RE = /\[([^\]]*)\]\(([^)]*)\)/g;
@@ -10073,7 +10148,7 @@ function SandboxArtifactDownload({
   sandboxDownloadReadOnlyTooltip
 }) {
   const ChatFileDownload2 = useSlot("ChatFileDownload");
-  const artifacts = useMemo11(() => parseSandboxArtifacts(code), [code]);
+  const artifacts = useMemo10(() => parseSandboxArtifacts(code), [code]);
   if (artifacts.length === 0) return null;
   return /* @__PURE__ */ jsx95(
     ChatFileDownload2,
@@ -10299,7 +10374,7 @@ import { useRef as useRef20, useState as useState37 } from "react";
 
 // src/atoms/draft/AgentConfigInstructionsContext.tsx
 import { useTrueFoundryAgentSpec as useTrueFoundryAgentSpec5, useTrueFoundryUpdateAgentSpec as useTrueFoundryUpdateAgentSpec4 } from "@truefoundry/assistant-ui-runtime";
-import { createContext as createContext5, useCallback as useCallback13, useContext as useContext6, useMemo as useMemo12 } from "react";
+import { createContext as createContext5, useCallback as useCallback13, useContext as useContext6, useMemo as useMemo11 } from "react";
 
 // src/hooks/useDebouncedAgentInstructions.ts
 import { useCallback as useCallback12, useEffect as useEffect22, useRef as useRef19, useState as useState36 } from "react";
@@ -10366,7 +10441,7 @@ function AgentConfigInstructionsProvider({ children }) {
     value: agentSpec?.instructions ?? "",
     onCommit: commit
   });
-  const value = useMemo12(() => ({ draft, onChange, flush }), [draft, flush, onChange]);
+  const value = useMemo11(() => ({ draft, onChange, flush }), [draft, flush, onChange]);
   return /* @__PURE__ */ jsx97(AgentConfigInstructionsContext.Provider, { value, children });
 }
 function useAgentConfigInstructions() {
@@ -10832,7 +10907,7 @@ import {
   isValidElement as isValidElement2,
   memo,
   useCallback as useCallback14,
-  useMemo as useMemo13,
+  useMemo as useMemo12,
   useState as useState38
 } from "react";
 import { Prism as PrismHighlighter } from "react-syntax-highlighter";
@@ -11849,7 +11924,7 @@ function SyntaxHighlighterImpl({ code, language, darkTheme, className, showLineN
   const classNames = useOptionalContentClassNames();
   const style = darkTheme ? one_dark_default : one_light_default;
   const [copied, setCopied] = useState38(false);
-  const displayCode = useMemo13(() => stripTrailingNewline(code), [code]);
+  const displayCode = useMemo12(() => stripTrailingNewline(code), [code]);
   const handleCopy = useCallback14(() => {
     void navigator.clipboard.writeText(code).then(() => {
       setCopied(true);
@@ -11962,6 +12037,12 @@ function ThreadListShell({ header, children, className }) {
 
 // src/atoms/ThreadListRow.tsx
 import { jsx as jsx108, jsxs as jsxs79 } from "react/jsx-runtime";
+function ThreadListAgentName({ agentName }) {
+  return /* @__PURE__ */ jsxs79("span", { className: "mt-0.5 flex min-w-0 items-center gap-1 text-[0.75rem] text-text-secondary", children: [
+    /* @__PURE__ */ jsx108(Icon, { name: "bot", className: "shrink-0" }),
+    /* @__PURE__ */ jsx108("span", { className: "truncate", children: agentName })
+  ] });
+}
 function ThreadListRow({
   title,
   active,
@@ -12000,10 +12081,7 @@ function ThreadListRow({
             }),
             children: /* @__PURE__ */ jsxs79("span", { className: "min-w-0 flex-1", children: [
               /* @__PURE__ */ jsx108("span", { className: "block truncate text-sm font-normal text-text-primary", children: title }),
-              agentName != null ? /* @__PURE__ */ jsxs79("span", { className: "mt-0.5 flex min-w-0 items-center gap-1 text-[0.75rem] text-text-secondary", children: [
-                /* @__PURE__ */ jsx108(Icon, { name: "bot", className: "shrink-0" }),
-                /* @__PURE__ */ jsx108("span", { className: "truncate", children: agentName })
-              ] }) : null
+              agentName != null ? /* @__PURE__ */ jsx108(ThreadListAgentName, { agentName }) : null
             ] })
           }
         ),
@@ -12363,7 +12441,7 @@ import {
   useCallback as useCallback16,
   useContext as useContext7,
   useEffect as useEffect24,
-  useMemo as useMemo14,
+  useMemo as useMemo13,
   useRef as useRef22,
   useState as useState40
 } from "react";
@@ -12373,7 +12451,7 @@ import { parse as parsePartialJson } from "partial-json";
 var SUB_AGENT_TOOL_NAME = "create_sub_agent";
 var ASK_USER_TOOL_NAME = "ask_user_question";
 var SANDBOX_TOOL_NAMES = /* @__PURE__ */ new Set(["exec", "sandbox_exec"]);
-var MCP_META_TOOLS = /* @__PURE__ */ new Set(["call_tool", "list_tools", "get_tool_info"]);
+var MCP_META_TOOLS = /* @__PURE__ */ new Set(["call_tool", "list_tools", "get_tool_info", "get_tool_output_schema"]);
 var APPROVAL_OPTION_DEFAULT_LABELS = {
   "allow-once": "Allow",
   "allow-always": "Always allow",
@@ -12541,11 +12619,14 @@ function resolveSubAgentMeta(part) {
   };
 }
 function mcpDisplayName(toolName, mcpServer, innerToolName) {
+  if (toolName === "list_tools" && mcpServer) {
+    return `list_tools (${mcpServer})`;
+  }
   if (toolName === "call_tool" && innerToolName) {
     return mcpServer ? `call_tool: ${innerToolName} (${mcpServer})` : `call_tool: ${innerToolName}`;
   }
-  if (toolName === "get_tool_info" && innerToolName && mcpServer) {
-    return `get_tool_info: ${innerToolName} (${mcpServer})`;
+  if ((toolName === "get_tool_info" || toolName === "get_tool_output_schema") && innerToolName && mcpServer) {
+    return `${toolName}: ${innerToolName} (${mcpServer})`;
   }
   return toolName;
 }
@@ -12654,7 +12735,7 @@ function ApprovalFocusProvider({ children }) {
     },
     [messages, startFlash]
   );
-  const api = useMemo14(
+  const api = useMemo13(
     () => ({
       registerTarget,
       registerExpand,
@@ -13215,7 +13296,7 @@ function AgentMetricsContainer({
 // src/containers/AgentSessionTimelineContainer.tsx
 import { ThreadPrimitive } from "@assistant-ui/react";
 import { convertTurnsToThreadMessages } from "@truefoundry/assistant-ui-runtime";
-import { Suspense as Suspense3, useCallback as useCallback22, useEffect as useEffect30, useMemo as useMemo18, useRef as useRef29, useState as useState51 } from "react";
+import { Suspense as Suspense3, useCallback as useCallback22, useEffect as useEffect30, useMemo as useMemo17, useRef as useRef29, useState as useState51 } from "react";
 
 // src/utils/buildSessionMetrics.ts
 function segmentDurationMs(segment) {
@@ -13607,11 +13688,15 @@ function getSubAgentDescription(event) {
 function toolCallDescription(toolCall) {
   const fn = isRecord2(toolCall.function) ? toolCall.function : void 0;
   const name = typeof fn?.name === "string" ? fn.name : "";
+  const argumentsJson = typeof fn?.arguments === "string" ? fn.arguments : void 0;
   if (SANDBOX_TOOL_NAMES.has(name) || name === "code_sandbox") {
-    const argumentsJson = typeof fn?.arguments === "string" ? fn.arguments : void 0;
     const intent = parseSandboxArgs(argumentsJson).intent?.trim();
     return intent != null && intent.length > 0 ? intent : name;
   }
+  if (MCP_META_TOOLS.has(name)) {
+    const { mcpServer, innerToolName } = parseMcpToolArgs(argumentsJson);
+    return mcpDisplayName(name, mcpServer, innerToolName);
+  }
   return name;
 }
 
@@ -14058,7 +14143,7 @@ import {
   useSmooth
 } from "@assistant-ui/react";
 import { useTrueFoundryDownloadSandboxFile } from "@truefoundry/assistant-ui-runtime";
-import { useCallback as useCallback17, useMemo as useMemo15, useRef as useRef26 } from "react";
+import { useCallback as useCallback17, useMemo as useMemo14, useRef as useRef26 } from "react";
 
 // src/hooks/useThrottledMarkdownText.ts
 import { useEffect as useEffect27, useRef as useRef25, useState as useState44 } from "react";
@@ -14169,7 +14254,7 @@ function AssistantTextContainer() {
       }
     }
   }, []);
-  return useMemo15(
+  return useMemo14(
     () => /* @__PURE__ */ jsx122(Markdown2, { content: text, isStreaming, onDownloadArtifact: handleDownloadArtifact }),
     [Markdown2, text, isStreaming, handleDownloadArtifact]
   );
@@ -14276,12 +14361,12 @@ function useNestedApprovalBridge() {
 }
 
 // src/containers/SandboxToolCallContainer.tsx
-import { useMemo as useMemo16, useState as useState46 } from "react";
+import { useMemo as useMemo15, useState as useState46 } from "react";
 import { jsx as jsx125 } from "react/jsx-runtime";
 function SandboxToolCallContainer(props) {
   const SandboxToolCallCard2 = useSlot("SandboxToolCallCard");
   const [viewMode, setViewMode] = useState46("terminal");
-  const hasContent = useMemo16(() => {
+  const hasContent = useMemo15(() => {
     if (viewMode === "code") return Boolean(props.argsJson || props.resultJson);
     return Boolean(props.command || props.resultText || props.resultJson);
   }, [props.argsJson, props.command, props.resultJson, props.resultText, viewMode]);
@@ -14289,7 +14374,7 @@ function SandboxToolCallContainer(props) {
 }
 
 // src/containers/ToolApprovalContainer.tsx
-import { useCallback as useCallback19, useMemo as useMemo17, useState as useState47 } from "react";
+import { useCallback as useCallback19, useMemo as useMemo16, useState as useState47 } from "react";
 import { jsx as jsx126 } from "react/jsx-runtime";
 function ToolApprovalContainer({
   toolName = "",
@@ -14304,7 +14389,7 @@ function ToolApprovalContainer({
   const [selectedDenyOptionId, setSelectedDenyOptionId] = useState47(null);
   const [denialReason, setDenialReason] = useState47("");
   const [showReasonError, setShowReasonError] = useState47(false);
-  const approveOptions = useMemo17(
+  const approveOptions = useMemo16(
     () => options.filter((option) => option.isAllow).map((option, index) => ({
       ...option,
       variant: index === 0 ? "primary" : "secondary",
@@ -14312,7 +14397,7 @@ function ToolApprovalContainer({
     })),
     [options]
   );
-  const denyOptions = useMemo17(
+  const denyOptions = useMemo16(
     () => options.filter((option) => !option.isAllow).map((option) => ({
       ...option,
       variant: "secondary",
@@ -14911,7 +14996,7 @@ function UserMessageContainer() {
 }
 
 // src/containers/AgentSessionTimelineContainer.tsx
-import { Fragment as Fragment22, jsx as jsx133, jsxs as jsxs89 } from "react/jsx-runtime";
+import { jsx as jsx133, jsxs as jsxs89 } from "react/jsx-runtime";
 function ReadOnlyMarkdown(props) {
   return /* @__PURE__ */ jsx133(
     Markdown,
@@ -14923,9 +15008,11 @@ function ReadOnlyMarkdown(props) {
     }
   );
 }
+function ReadOnlyUserMessageActionBar({ isCopied, onCopy, createdAt, className }) {
+  return /* @__PURE__ */ jsx133(MessageActionBar, { isCopied, onCopy, createdAt, className });
+}
 var READ_ONLY_SLOT_OVERRIDES = {
-  UserMessageActionBar: () => /* @__PURE__ */ jsx133(Fragment22, {}),
-  MessageActionBar: () => /* @__PURE__ */ jsx133(Fragment22, {}),
+  UserMessageActionBar: ReadOnlyUserMessageActionBar,
   Markdown: ReadOnlyMarkdown
 };
 function turnIdFromMessage(message) {
@@ -15000,10 +15087,10 @@ function AgentSessionTimelineContainer({ sessionId, events, listMetrics }) {
   const [messages, setMessages] = useState51();
   const [loadFailed, setLoadFailed] = useState51(false);
   const sectionRefs = useRef29(/* @__PURE__ */ new Map());
-  const turnViews = useMemo18(() => buildSessionTurnViews(events), [events]);
-  const projectionEvents = useMemo18(() => buildProjectionEvents(events, turnViews), [events, turnViews]);
-  const timelineSegments = useMemo18(() => buildSessionTimelineSegments(turnViews), [turnViews]);
-  const sessionMetrics = useMemo18(
+  const turnViews = useMemo17(() => buildSessionTurnViews(events), [events]);
+  const projectionEvents = useMemo17(() => buildProjectionEvents(events, turnViews), [events, turnViews]);
+  const timelineSegments = useMemo17(() => buildSessionTimelineSegments(turnViews), [turnViews]);
+  const sessionMetrics = useMemo17(
     () => buildSessionMetrics({ turns: turnViews, segments: timelineSegments, listMetrics }),
     [listMetrics, timelineSegments, turnViews]
   );
@@ -15085,28 +15172,28 @@ function SessionTurnSection({
 }
 
 // src/theme/defaultSlots.ts
-var AgentOverview = lazy(() => import("./AgentOverview-5UPMYHT2.js"));
+var AgentOverview = lazy(() => import("./AgentOverview-5JIVYXPX.js"));
 var AgentSessions = lazy(async () => {
-  const mod = await import("./AgentSessions-WNYVVB6Q.js");
+  const mod = await import("./AgentSessions-NSN4LIGJ.js");
   return { default: mod.AgentSessions };
 });
 var AgentCodeSnippets = lazy(
-  () => import("./AgentCodeSnippets-EK7KMIY2.js")
+  () => import("./AgentCodeSnippets-DAZWEBJS.js")
 );
 var SchedulesPage = lazy(async () => {
-  const mod = await import("./SchedulesPage-FS2QZ5KB.js");
+  const mod = await import("./SchedulesPage-TIS3BH67.js");
   return { default: mod.SchedulesPage };
 });
 var AgentSessionEventTimeline = lazy(async () => {
-  const mod = await import("./AgentSessionEventTimeline-V6NPCYMW.js");
+  const mod = await import("./AgentSessionEventTimeline-WELJSS6O.js");
   return { default: mod.AgentSessionEventTimeline };
 });
 var AgentSessionEventTimelineChart = lazy(async () => {
-  const mod = await import("./AgentSessionEventTimelineChart-YQWZBQCG.js");
+  const mod = await import("./AgentSessionEventTimelineChart-ADB3KICM.js");
   return { default: mod.AgentSessionEventTimelineChart };
 });
 var AgentMetricChart = lazy(async () => {
-  const mod = await import("./AgentMetricChart-UZCYOC4M.js");
+  const mod = await import("./AgentMetricChart-VDIE3S2P.js");
   return { default: mod.AgentMetricChart };
 });
 var defaultSlots = {
@@ -15237,7 +15324,7 @@ function SlotsProvider({
 }) {
   const parentSlots = useContext9(SlotsContext);
   const inheritedTheme = useContext9(ThemeModeContext);
-  const resolved = useMemo19(() => ({ ...parentSlots, ...overrides }), [parentSlots, overrides]);
+  const resolved = useMemo18(() => ({ ...parentSlots, ...overrides }), [parentSlots, overrides]);
   const slotsTree = /* @__PURE__ */ jsx134(SlotsProviderContents, { slots: resolved, inheritedTheme, theme, children });
   const hasParentTheme = inheritedTheme !== void 0;
   if (theme !== void 0 || !hasParentTheme) {
@@ -15317,6 +15404,8 @@ export {
   AgentMetricStatistics,
   AgentMetricsView,
   AgentOverviewCard,
+  formatAbsoluteDateTime,
+  MAX_SESSION_TITLE_LENGTH,
   threadListIndicesByRecency,
   readThreadAgentName,
   threadListItemIsMutable,
@@ -15489,4 +15578,4 @@ export {
   UserMessageContainer,
   defaultSlots
 };
-//# sourceMappingURL=chunk-KZK2PQ4A.js.map
+//# sourceMappingURL=chunk-XR4S7B2K.js.map