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

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

@@ -1,9 +1,3 @@
-import {
-  SEARCH_AGENTS_PAGE_SIZE,
-  replaceScheduleShareSearch,
-  searchAllAgents,
-  useSearchAgentsList
-} from "./chunk-UN7WPTTK.js";
 import {
   Icon,
   PageHeader,
@@ -14,7 +8,13 @@ import {
   sidebarRailButtonClassName,
   useCompactLayout,
   useDraftCatalog
-} from "./chunk-KDCVFHPZ.js";
+} from "./chunk-TX6PB3DY.js";
+import {
+  SEARCH_AGENTS_PAGE_SIZE,
+  replaceScheduleShareSearch,
+  searchAllAgents,
+  useSearchAgentsList
+} from "./chunk-ZYJ2SBF7.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-7S7A3PNP.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) })
             ]
@@ -2841,7 +2873,7 @@ function AgentSessionMetricsStrip({ metrics }) {
         metrics.totalCostUsd == null ? "@min-[48rem]:grid-cols-7" : "@min-[48rem]:grid-cols-8"
       ),
       children: [
-        /* @__PURE__ */ jsx34(SessionMetricTile, { id: "turns", label: "Turns", value: metrics.totalTurns }),
+        /* @__PURE__ */ jsx34(SessionMetricTile, { id: "turns", label: metrics.totalTurns > 1 ? "Turns" : "Turn", value: metrics.totalTurns }),
         /* @__PURE__ */ jsx34(
           SessionMetricTile,
           {
@@ -4712,7 +4744,7 @@ function ChatFileDownload({
 }
 
 // src/hooks/useChatChromeActionsVisible.ts
-import { useTrueFoundryAgentSpec } from "@truefoundry/assistant-ui-runtime";
+import { useTrueForgeAgentSpec } from "@truefoundry/trueforge-assistant-ui-runtime";
 
 // src/utils/isNewChatView.ts
 var isNewChatView = (s) => s.thread.messages.length === 0 && (!s.thread.isLoading || s.threads.isLoading) && s.threadListItem.remoteId == null;
@@ -4743,7 +4775,7 @@ function useNamedAgentHeaderVisible() {
 }
 function useSaveAgentVisible() {
   const shell = useOptionalShellMode();
-  const { agentSpec } = useTrueFoundryAgentSpec();
+  const { agentSpec } = useTrueForgeAgentSpec();
   if (shell == null || shell.mode.status !== "active" || !shell.mode.isMutable || !shell.mode.isCreateAgent) {
     return false;
   }
@@ -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,99 @@ 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 = () => {
+      const cleanupChannel = () => {
         channel.close();
+        popupCleanupRef.current.delete(cleanupWithPopup);
+      };
+      const cleanupWithPopup = () => {
+        cleanupChannel();
         popup?.close();
       };
       channel.onmessage = (event) => {
         if (!isPopupMessage(event.data) || event.data.popupUid !== popupUid) return;
-        try {
-          callback(event.data.isSuccess);
-        } finally {
-          clearPopupListener();
+        const { isSuccess } = event.data;
+        cleanupChannel();
+        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(cleanupWithPopup);
       popup = window.open(authorizationEndpoint, "_blank", "popup=true");
       if (!popup) {
-        clearPopupListener();
+        cleanupWithPopup();
         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 +6971,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 +7671,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 +7752,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 +7774,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 +7802,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 +7847,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 +7862,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 +7902,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 +7927,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(
@@ -8739,13 +8827,13 @@ function useIsMobile() {
 }
 
 // src/atoms/draft/DraftReasoningEffortSelector.tsx
-import { useTrueFoundryAgentSpec as useTrueFoundryAgentSpec2, useTrueFoundryUpdateAgentSpec } from "@truefoundry/assistant-ui-runtime";
+import { useTrueForgeAgentSpec as useTrueForgeAgentSpec2, useTrueForgeUpdateAgentSpec } from "@truefoundry/trueforge-assistant-ui-runtime";
 import { useEffect as useEffect18, useId as useId9, useRef as useRef14, useState as useState32 } from "react";
 import { Fragment as Fragment13, jsx as jsx83, jsxs as jsxs63 } from "react/jsx-runtime";
 function DraftReasoningEffortSelector({ disabled, isRunning }) {
   const { models, ensureLoaded } = useDraftCatalog();
-  const { agentSpec } = useTrueFoundryAgentSpec2();
-  const updateAgentSpec = useTrueFoundryUpdateAgentSpec();
+  const { agentSpec } = useTrueForgeAgentSpec2();
+  const updateAgentSpec = useTrueForgeUpdateAgentSpec();
   const [open, setOpen] = useState32(false);
   const containerRef = useRef14(null);
   const clearedStickyEffortForModelRef = useRef14(null);
@@ -8907,8 +8995,8 @@ 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 { useTrueForgeAgentSpec as useTrueForgeAgentSpec3, useTrueForgeUpdateAgentSpec as useTrueForgeUpdateAgentSpec2 } from "@truefoundry/trueforge-assistant-ui-runtime";
+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 [];
@@ -9091,8 +9179,8 @@ function DraftCompositeSelector({ disabled, isRunning, onAttach }) {
   const capabilities = useServerCapabilities();
   const settingsCatalog = useOptionalCatalogServer();
   const shell = useOptionalShellMode();
-  const { agentSpec } = useTrueFoundryAgentSpec3();
-  const updateAgentSpec = useTrueFoundryUpdateAgentSpec2();
+  const { agentSpec } = useTrueForgeAgentSpec3();
+  const updateAgentSpec = useTrueForgeUpdateAgentSpec2();
   const [open, setOpen] = useState33(false);
   const [tab, setTab] = useState33("connectors");
   const [query, setQuery] = useState33("");
@@ -9117,14 +9205,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 +9279,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 +9292,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]
   );
@@ -9461,13 +9549,13 @@ function DraftCompositeSelector({ disabled, isRunning, onAttach }) {
 }
 
 // src/atoms/draft/DraftModelSelector.tsx
-import { useTrueFoundryAgentSpec as useTrueFoundryAgentSpec4, useTrueFoundryUpdateAgentSpec as useTrueFoundryUpdateAgentSpec3 } from "@truefoundry/assistant-ui-runtime";
+import { useTrueForgeAgentSpec as useTrueForgeAgentSpec4, useTrueForgeUpdateAgentSpec as useTrueForgeUpdateAgentSpec3 } from "@truefoundry/trueforge-assistant-ui-runtime";
 import { useEffect as useEffect20, useId as useId11, useRef as useRef16, useState as useState34 } from "react";
 import { jsx as jsx86, jsxs as jsxs66 } from "react/jsx-runtime";
 function DraftModelSelector({ disabled, isRunning }) {
   const { models, loading, ensureLoaded } = useDraftCatalog();
-  const { agentSpec } = useTrueFoundryAgentSpec4();
-  const updateAgentSpec = useTrueFoundryUpdateAgentSpec3();
+  const { agentSpec } = useTrueForgeAgentSpec4();
+  const updateAgentSpec = useTrueForgeUpdateAgentSpec3();
   const catalog = useOptionalCatalogServer();
   const shell = useOptionalShellMode();
   const [open, setOpen] = useState34(false);
@@ -9585,12 +9673,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 +9779,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 +9883,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 +10116,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 +10151,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,
@@ -10291,15 +10369,15 @@ function SandboxToolCallCard({
 
 // src/atoms/SaveAgentButton.tsx
 import {
-  useTrueFoundryAdoptAgentSpec,
-  useTrueFoundryAgentSpec as useTrueFoundryAgentSpec6,
-  useTrueFoundryFlushAgentSpec
-} from "@truefoundry/assistant-ui-runtime";
+  useTrueForgeAdoptAgentSpec,
+  useTrueForgeAgentSpec as useTrueForgeAgentSpec6,
+  useTrueForgeFlushAgentSpec
+} from "@truefoundry/trueforge-assistant-ui-runtime";
 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 { useTrueForgeAgentSpec as useTrueForgeAgentSpec5, useTrueForgeUpdateAgentSpec as useTrueForgeUpdateAgentSpec4 } from "@truefoundry/trueforge-assistant-ui-runtime";
+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";
@@ -10359,14 +10437,14 @@ function useDebouncedAgentInstructions({
 import { jsx as jsx97 } from "react/jsx-runtime";
 var AgentConfigInstructionsContext = createContext5(null);
 function AgentConfigInstructionsProvider({ children }) {
-  const { agentSpec } = useTrueFoundryAgentSpec5();
-  const updateAgentSpec = useTrueFoundryUpdateAgentSpec4();
+  const { agentSpec } = useTrueForgeAgentSpec5();
+  const updateAgentSpec = useTrueForgeUpdateAgentSpec4();
   const commit = useCallback13((instructions) => updateAgentSpec?.({ instructions }), [updateAgentSpec]);
   const { draft, onChange, flush } = useDebouncedAgentInstructions({
     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() {
@@ -10397,11 +10475,11 @@ function SaveAgentButtonContent({
   children,
   instructionsOverride
 }) {
-  const { agentSpec, draftSessionId } = useTrueFoundryAgentSpec6();
+  const { agentSpec, draftSessionId } = useTrueForgeAgentSpec6();
   const agentSpecRef = useRef20(agentSpec);
   agentSpecRef.current = agentSpec;
-  const flushAgentSpec = useTrueFoundryFlushAgentSpec();
-  const adoptAgentSpec = useTrueFoundryAdoptAgentSpec();
+  const flushAgentSpec = useTrueForgeFlushAgentSpec();
+  const adoptAgentSpec = useTrueForgeAdoptAgentSpec();
   const builder = useOptionalServer();
   const shell = useOptionalShellMode();
   const agentId = shell?.mode.status === "active" ? shell.mode.agentId : void 0;
@@ -10832,7 +10910,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 +11927,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 +12040,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 +12084,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 +12444,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 +12454,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 +12622,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 +12738,7 @@ function ApprovalFocusProvider({ children }) {
     },
     [messages, startFlash]
   );
-  const api = useMemo14(
+  const api = useMemo13(
     () => ({
       registerTarget,
       registerExpand,
@@ -13214,8 +13298,8 @@ 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 { convertTurnsToThreadMessages } from "@truefoundry/trueforge-assistant-ui-runtime";
+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 +13691,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;
 }
 
@@ -13977,7 +14065,7 @@ function buildSessionTurnViews(itemsAsc) {
 // src/containers/AssistantMessageContainer.tsx
 import { useActionBarCopy, useMessageError, useThreadIsRunning } from "@assistant-ui/core/react";
 import { MessagePrimitive as MessagePrimitive2, useAuiState as useAuiState6 } from "@assistant-ui/react";
-import { useTrueFoundryResumeUnavailable } from "@truefoundry/assistant-ui-runtime";
+import { useTrueForgeResumeUnavailable } from "@truefoundry/trueforge-assistant-ui-runtime";
 
 // src/utils/computeAgentStepsSplit.ts
 function computeAgentStepsSplit(parts, isRunning) {
@@ -14057,8 +14145,8 @@ import {
   useAuiState as useAuiState3,
   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 { useTrueForgeDownloadSandboxFile } from "@truefoundry/trueforge-assistant-ui-runtime";
+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";
@@ -14131,7 +14219,7 @@ function triggerBrowserDownload(blob, filename) {
 function AssistantTextContainer() {
   const Markdown2 = useSlot("Markdown");
   const toaster = useToasterOptional();
-  const downloadSandboxFile = useTrueFoundryDownloadSandboxFile();
+  const downloadSandboxFile = useTrueForgeDownloadSandboxFile();
   const downloadRef = useRef26({ downloadSandboxFile, toaster });
   downloadRef.current = { downloadSandboxFile, toaster };
   const partState = useAuiState3((s) => s.part);
@@ -14169,7 +14257,7 @@ function AssistantTextContainer() {
       }
     }
   }, []);
-  return useMemo15(
+  return useMemo14(
     () => /* @__PURE__ */ jsx122(Markdown2, { content: text, isStreaming, onDownloadArtifact: handleDownloadArtifact }),
     [Markdown2, text, isStreaming, handleDownloadArtifact]
   );
@@ -14265,7 +14353,7 @@ import {
   MessagePrimitive,
   useToolCallElapsed
 } from "@assistant-ui/react";
-import { useTrueFoundryRespondToToolApproval } from "@truefoundry/assistant-ui-runtime";
+import { useTrueForgeRespondToToolApproval } from "@truefoundry/trueforge-assistant-ui-runtime";
 import { useCallback as useCallback21, useState as useState49 } from "react";
 
 // src/containers/nestedApprovalBridge.ts
@@ -14276,12 +14364,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 +14377,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 +14392,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 +14400,7 @@ function ToolApprovalContainer({
     })),
     [options]
   );
-  const denyOptions = useMemo17(
+  const denyOptions = useMemo16(
     () => options.filter((option) => !option.isAllow).map((option) => ({
       ...option,
       variant: "secondary",
@@ -14447,7 +14535,7 @@ function NestedSubAgentAssistantMessage() {
 }
 function ToolApprovalSlot({ part }) {
   const isNestedReadonly = useNestedApprovalBridge();
-  const respondToNestedApproval = useTrueFoundryRespondToToolApproval();
+  const respondToNestedApproval = useTrueForgeRespondToToolApproval();
   const respond = (response) => {
     if (!isNestedReadonly) {
       part.respondToApproval(response);
@@ -14691,7 +14779,7 @@ function AssistantMessageContainer() {
   const MessageErrorBanner2 = useSlot("MessageErrorBanner");
   const MessageIndicator2 = useSlot("MessageIndicator");
   const isThreadRunning = useThreadIsRunning();
-  const resumeUnavailable = useTrueFoundryResumeUnavailable();
+  const resumeUnavailable = useTrueForgeResumeUnavailable();
   const error = useMessageError();
   const createdAt = useAuiState6((s) => s.message.createdAt);
   const isMessageRunning = useAuiState6((s) => s.message.status?.type === "running");
@@ -14911,7 +14999,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 +15011,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 +15090,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 +15175,28 @@ function SessionTurnSection({
 }
 
 // src/theme/defaultSlots.ts
-var AgentOverview = lazy(() => import("./AgentOverview-5UPMYHT2.js"));
+var AgentOverview = lazy(() => import("./AgentOverview-BFU7EO4Y.js"));
 var AgentSessions = lazy(async () => {
-  const mod = await import("./AgentSessions-WNYVVB6Q.js");
+  const mod = await import("./AgentSessions-GDLBXFIK.js");
   return { default: mod.AgentSessions };
 });
 var AgentCodeSnippets = lazy(
-  () => import("./AgentCodeSnippets-EK7KMIY2.js")
+  () => import("./AgentCodeSnippets-BPC6TD7K.js")
 );
 var SchedulesPage = lazy(async () => {
-  const mod = await import("./SchedulesPage-FS2QZ5KB.js");
+  const mod = await import("./SchedulesPage-ZO3PJY4J.js");
   return { default: mod.SchedulesPage };
 });
 var AgentSessionEventTimeline = lazy(async () => {
-  const mod = await import("./AgentSessionEventTimeline-V6NPCYMW.js");
+  const mod = await import("./AgentSessionEventTimeline-ATVBTYDF.js");
   return { default: mod.AgentSessionEventTimeline };
 });
 var AgentSessionEventTimelineChart = lazy(async () => {
-  const mod = await import("./AgentSessionEventTimelineChart-YQWZBQCG.js");
+  const mod = await import("./AgentSessionEventTimelineChart-H577STKW.js");
   return { default: mod.AgentSessionEventTimelineChart };
 });
 var AgentMetricChart = lazy(async () => {
-  const mod = await import("./AgentMetricChart-UZCYOC4M.js");
+  const mod = await import("./AgentMetricChart-T6DZZ37Y.js");
   return { default: mod.AgentMetricChart };
 });
 var defaultSlots = {
@@ -15237,7 +15327,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 +15407,8 @@ export {
   AgentMetricStatistics,
   AgentMetricsView,
   AgentOverviewCard,
+  formatAbsoluteDateTime,
+  MAX_SESSION_TITLE_LENGTH,
   threadListIndicesByRecency,
   readThreadAgentName,
   threadListItemIsMutable,
@@ -15489,4 +15581,4 @@ export {
   UserMessageContainer,
   defaultSlots
 };
-//# sourceMappingURL=chunk-KZK2PQ4A.js.map
+//# sourceMappingURL=chunk-MLMR26WQ.js.map