@truefoundry/trueforge-ui 0.3.0-rc.1 → 0.3.0-rc.10

package/dist/index.js

@@ -1,5 +1,9 @@
 "use client";
 import {
+  ThreadListContainer
+} from "./chunk-DPPOEFBD.js";
+import {
+  ApprovalNavContainer,
   AskUserContainer,
   ComposerContainer,
   CustomActionContainer,
@@ -10,13 +14,14 @@ import {
   ThreadContainer,
   UserEditComposerContainer,
   threadHasPendingMcpAuth,
+  useApprovalNav,
   useComposerPauseView
-} from "./chunk-M62XY4NC.js";
+} from "./chunk-JKEBMGLH.js";
 import {
   ServerInitLoader,
   TrueForgeUIShell,
   TrueFoundryChatProvider
-} from "./chunk-CYHJDKFB.js";
+} from "./chunk-PCI6VMB5.js";
 import "./chunk-DJUFS2BW.js";
 import {
   ComposerBusyProvider,
@@ -26,19 +31,10 @@ import {
 } from "./chunk-BSIPI3KV.js";
 import {
   AgentMetricChart
-} from "./chunk-ZKNUMH2M.js";
-import {
-  ScheduleFormDrawer,
-  ScheduleFormFields,
-  ScheduleLastRunsCell,
-  ScheduleRunChip,
-  ScheduleStatusBadge,
-  SchedulesPage,
-  TestScheduleScreen
-} from "./chunk-6O6FWUDW.js";
+} from "./chunk-PQ7VWBQQ.js";
 import {
   createTrueFoundryServer
-} from "./chunk-QC42MLAK.js";
+} from "./chunk-7AAO4UDQ.js";
 import "./chunk-Y6S4OVVQ.js";
 import {
   IS_CREATE_AGENT_METADATA_KEY,
@@ -46,11 +42,21 @@ import {
   readSessionIsCreateAgent,
   sessionIsCreateAgent
 } from "./chunk-RDXBMTP5.js";
+import {
+  ScheduleFormDrawer,
+  ScheduleFormFields,
+  ScheduleLastRunsCell,
+  ScheduleRunChip,
+  ScheduleStatusBadge,
+  SchedulesPage,
+  TestScheduleScreen
+} from "./chunk-EPAL2HD5.js";
 import {
   AgentCodeBlock,
   AgentConfigEditors,
   AgentConfigPanel,
   AgentConfigSection,
+  AgentCustomParametersEditor,
   AgentDetailsHeader,
   AgentDetailsPage,
   AgentDetailsTabs,
@@ -58,6 +64,7 @@ import {
   AgentInstructionsDrawer,
   AgentMcpEditorContent,
   AgentMetricCard,
+  AgentMetricStatistics,
   AgentMetricsContainer,
   AgentMetricsTimeRangeFilter,
   AgentMetricsView,
@@ -67,8 +74,8 @@ import {
   AgentOverviewCard,
   AgentResourceConfigModal,
   AgentResourceEditorContent,
+  AgentRuntimeConfigDrawer,
   AgentRuntimeConfigFields,
-  AgentRuntimeConfigModal,
   AgentRuntimeEditorContent,
   AgentSessionsFilters,
   AgentSkillsEditorContent,
@@ -76,6 +83,7 @@ import {
   AgentStepsContainer,
   AgentsLibrary,
   AgentsLibraryButton,
+  ApprovalNavBanner,
   AssistantMessageBubble,
   AssistantMessageContainer,
   AssistantTextContainer,
@@ -87,6 +95,7 @@ import {
   AvatarImage,
   BottomSheet,
   BrandLogo,
+  Button,
   CenteredModal,
   ChatFileDownload,
   ClearChatButton,
@@ -100,11 +109,11 @@ import {
   DEFAULT_TABLE_PAGE_SIZE,
   DraftAgentConfigTrigger,
   DraftCapabilitiesPanel,
+  DraftComposerActionsMenu,
   DraftComposerLeftSection,
   DraftComposerRightSection,
   DraftCompositeSelector,
   DraftModelSelector,
-  DropdownMenuItem,
   HistoryLoader,
   MCP_AUTH_POPUP_CHANNEL,
   Markdown,
@@ -116,17 +125,17 @@ import {
   MessageListSkeleton,
   MessageTimestamp,
   MonacoEditorCore,
+  PermissionGuard,
   PopoverSelect,
   ReasoningContainer,
+  ResponsiveDropdownMenu,
   ResumeUnavailable,
   SandboxArtifactDownload,
   SandboxToolCallCard,
   SaveAgentButton,
   SaveAgentForm,
-  SaveAgentFormFields,
   SchedulesButton,
   ScrollToBottomButton,
-  SearchInput_default,
   SelectAgentEmptyState,
   SessionsBrowserButton,
   SessionsPage,
@@ -164,43 +173,39 @@ import {
   ToolCallContentBlockContainer,
   ToolGroupCard,
   USER_MESSAGE_ATTACHMENT_PREVIEW_REM,
+  UserAvatar,
   UserMessageActionBar,
   UserMessageBubble,
   UserMessageContainer,
   UserMessageEdit,
   WelcomeScreen,
-  canReuseMutableShell,
   computeAgentStepsSplit,
   defaultSlots,
+  findSubAgentAncestorsForApproval,
   preloadMarkdownOpenUI,
-  readThreadAgentName,
   resolveBrandChrome,
-  themePortalRoot,
-  threadListIndicesByRecency,
-  threadListItemIsMutable,
   useBrandName,
-  useIsMobile,
+  useCanCreateAgent,
   useMCPAuth,
-  useSearchAgentsList,
+  useOptionalCurrentUser,
+  useResourcePermissions,
   useSlot,
   useThemeMode,
   useToaster,
   useToasterOptional
-} from "./chunk-ZTMKFZQ3.js";
-import "./chunk-2XPPBEYF.js";
+} from "./chunk-GG23N2GW.js";
+import "./chunk-T6QQV5LK.js";
 import {
   DraftCatalogProvider,
   Icon,
-  auiButtonClass,
-  getErrorMessage,
   registerIcons,
-  useCompactLayout,
   useDraftCatalog
-} from "./chunk-XAU7QFG3.js";
+} from "./chunk-3ZW74FHC.js";
 import {
   DEFAULT_AGENT_CONFIG,
   ServerProvider,
   ShellModeProvider,
+  getErrorMessage,
   libraryAgentId,
   shellIsCreateAgent,
   shellIsMutable,
@@ -210,6 +215,7 @@ import {
   useOptionalAgentMetricsServer,
   useOptionalAgentSessionsServer,
   useOptionalCatalogServer,
+  useOptionalPermissionsServer,
   useOptionalScheduleServer,
   useOptionalServer,
   useOptionalShellMode,
@@ -217,25 +223,24 @@ import {
   useServer,
   useServerCapabilities,
   useShellMode
-} from "./chunk-U7KURWW3.js";
+} from "./chunk-2GIZY3JJ.js";
 import {
   useAui,
   useAuiState
 } from "./chunk-M6MHLVSO.js";
 import {
   OpenUiFenceBlock
-} from "./chunk-MPNSO7E6.js";
+} from "./chunk-CG75X77Q.js";
 import {
   PRESETS,
   ThemeProvider,
-  cn,
   resolvePresetTokens,
   useBrand,
   useContentClassNames,
   useOptionalContentClassNames,
   useTheme,
   useThemeIcons
-} from "./chunk-7Z2C2K7F.js";
+} from "./chunk-JCL3Q7RW.js";
 
 // src/icons/agent-2.svg
 import * as React from "react";
@@ -399,454 +404,14 @@ var PostMcpOauthScreen = () => {
 };
 var PostMcpOauthScreen_default = PostMcpOauthScreen;
 
-// src/containers/ThreadListContainer.tsx
-import {
-  ThreadListItemByIndexProvider,
-  ThreadListItemMorePrimitive,
-  ThreadListItemPrimitive,
-  ThreadListPrimitive,
-  useAui as useAui2,
-  useAuiState as useAuiState2
-} from "@assistant-ui/react";
-import { useCallback, useEffect as useEffect3, useMemo, useRef as useRef2, useState as useState3 } from "react";
-
-// src/atoms/AgentHistoryFilterButton.tsx
-import { useEffect as useEffect2, useId, useLayoutEffect, useRef, useState as useState2 } from "react";
-import { createPortal } from "react-dom";
-import { Fragment, jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
-function AgentHistoryFilterButton() {
-  const shell = useOptionalShellMode();
-  const server = useOptionalServer();
-  const isMobile = useIsMobile();
-  const compact = useCompactLayout();
-  const useSheet = isMobile || compact;
-  const [open, setOpen] = useState2(false);
-  const [query, setQuery] = useState2("");
-  const [menuPos, setMenuPos] = useState2(null);
-  const buttonRef = useRef(null);
-  const menuRef = useRef(null);
-  const menuId = useId();
-  const enabled = shell?.isLibraryEnabled === true && server != null;
-  const selected = shell?.historyAgentFilter ?? null;
-  useEffect2(() => {
-    if (!open) setQuery("");
-  }, [open]);
-  const { agents, isInitialLoading, isSearching, loadingMore, hasMore, listRef, sentinelRef } = useSearchAgentsList({
-    enabled: open && enabled,
-    query
-  });
-  useLayoutEffect(() => {
-    if (!open || useSheet) {
-      setMenuPos(null);
-      return;
-    }
-    const update = () => {
-      const rect = buttonRef.current?.getBoundingClientRect();
-      if (!rect) return;
-      setMenuPos({ top: rect.top, left: rect.right + 4 });
-    };
-    update();
-    window.addEventListener("resize", update);
-    window.addEventListener("scroll", update, true);
-    return () => {
-      window.removeEventListener("resize", update);
-      window.removeEventListener("scroll", update, true);
-    };
-  }, [open, useSheet]);
-  useEffect2(() => {
-    if (!open || useSheet) return;
-    const handler = (e) => {
-      const target = e.target;
-      if (buttonRef.current?.contains(target) || menuRef.current?.contains(target)) return;
-      setOpen(false);
-    };
-    document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
-  }, [open, useSheet]);
-  if (!enabled) return null;
-  const pick = (agentId) => {
-    shell?.setHistoryAgentFilter(agentId);
-    setOpen(false);
-  };
-  const filterBody = /* @__PURE__ */ jsxs7(Fragment, { children: [
-    /* @__PURE__ */ jsxs7("div", { className: "p-1", onMouseDown: (e) => e.stopPropagation(), children: [
-      /* @__PURE__ */ jsx11(SearchInput_default, { query, setQuery, placeholder: "Search agents" }),
-      isSearching ? /* @__PURE__ */ jsx11("p", { className: "text-text-secondary px-1 pt-1 text-[11px]", role: "status", children: "Searching\u2026" }) : null
-    ] }),
-    /* @__PURE__ */ jsxs7(
-      "div",
-      {
-        ref: listRef,
-        className: cn("mt-1 overflow-y-auto", useSheet ? "min-h-0 flex-1 px-1 pb-2" : "min-h-48 max-h-64"),
-        children: [
-          query.trim() === "" ? /* @__PURE__ */ jsxs7(
-            DropdownMenuItem,
-            {
-              className: cn(
-                "justify-between",
-                selected == null && "bg-dropdown-selected-item-bg text-dropdown-selected-item-text"
-              ),
-              onClick: () => pick(null),
-              children: [
-                "All chats",
-                selected == null ? /* @__PURE__ */ jsx11(Icon, { name: "check", className: "size-3.5 shrink-0" }) : null
-              ]
-            }
-          ) : null,
-          isInitialLoading ? /* @__PURE__ */ jsx11("p", { className: "px-2 py-3 text-center text-xs text-text-secondary", children: "Loading\u2026" }) : agents.length === 0 ? /* @__PURE__ */ jsx11("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__ */ jsxs7(Fragment, { children: [
-            agents.map((agent) => {
-              const id = libraryAgentId(agent);
-              const active = selected === id;
-              return /* @__PURE__ */ jsxs7(
-                DropdownMenuItem,
-                {
-                  className: cn(
-                    "justify-between gap-2 text-left",
-                    active && "bg-dropdown-selected-item-bg text-dropdown-selected-item-text"
-                  ),
-                  onClick: () => pick(id),
-                  children: [
-                    /* @__PURE__ */ jsx11("span", { className: "min-w-0 truncate", children: agent.name }),
-                    active ? /* @__PURE__ */ jsx11(Icon, { name: "check", className: "size-3.5 shrink-0" }) : null
-                  ]
-                },
-                id
-              );
-            }),
-            hasMore ? /* @__PURE__ */ jsx11("div", { ref: sentinelRef, className: "flex h-6 shrink-0 items-center justify-center", "aria-hidden": true, children: loadingMore ? /* @__PURE__ */ jsx11("span", { className: "text-text-secondary text-[11px]", role: "status", children: "Loading more\u2026" }) : null }) : null
-          ] })
-        ]
-      }
-    )
-  ] });
-  return /* @__PURE__ */ jsxs7("div", { className: "relative shrink-0", children: [
-    /* @__PURE__ */ jsxs7(
-      "button",
-      {
-        ref: buttonRef,
-        type: "button",
-        "aria-label": selected != null ? `Filter chat history by agent (${selected})` : "Filter chat history by agent",
-        "aria-haspopup": useSheet ? "dialog" : "menu",
-        "aria-expanded": open,
-        "aria-controls": open ? menuId : void 0,
-        title: "Filter by agent",
-        className: auiButtonClass({
-          variant: "ghost",
-          size: "icon",
-          className: cn(
-            "relative size-7 shrink-0 text-text-secondary hover:bg-ghost-button-hover hover:text-ghost-button-text",
-            selected != null && "text-text-primary"
-          )
-        }),
-        onClick: () => setOpen((v) => !v),
-        children: [
-          /* @__PURE__ */ jsx11(Icon, { name: "funnel", className: "size-3.5" }),
-          selected != null ? /* @__PURE__ */ jsx11(
-            "span",
-            {
-              className: "bg-primary-button-bg absolute top-1 right-1 size-1.5 rounded-full",
-              "aria-hidden": true,
-              "data-testid": "history-filter-active-dot"
-            }
-          ) : null
-        ]
-      }
-    ),
-    useSheet && open ? /* @__PURE__ */ jsx11(BottomSheet, { open: true, onOpenChange: setOpen, id: menuId, "aria-label": "Filter agents", children: /* @__PURE__ */ jsx11("div", { className: "flex min-h-0 flex-1 flex-col p-2", role: "menu", children: filterBody }) }) : null,
-    !useSheet && open && menuPos != null ? createPortal(
-      /* @__PURE__ */ jsx11(
-        "div",
-        {
-          ref: menuRef,
-          id: menuId,
-          role: "menu",
-          "aria-label": "Filter agents",
-          style: { top: menuPos.top, left: menuPos.left },
-          className: "font-sans-flex fixed z-50 w-56 rounded-md border border-border bg-card-bg p-1 text-text-primary shadow-md",
-          children: filterBody
-        }
-      ),
-      themePortalRoot(buttonRef.current)
-    ) : null
-  ] });
-}
-
-// src/containers/ThreadListContainer.tsx
-import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs8 } 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] = useState3(false);
-  const [portalContainer, setPortalContainer] = useState3();
-  const useSheet = isMobile || compact;
-  const setTriggerElement = useCallback((element) => {
-    const themeRoot = element?.closest(".aui-theme-root");
-    setPortalContainer(themeRoot instanceof HTMLElement ? themeRoot : void 0);
-  }, []);
-  const moreButtonClass = auiButtonClass({
-    variant: "ghost",
-    size: "icon",
-    className: "size-7 shrink-0 text-text-secondary hover:bg-transparent hover:text-text-primary"
-  });
-  if (useSheet) {
-    return /* @__PURE__ */ jsxs8(Fragment2, { children: [
-      /* @__PURE__ */ jsx12(
-        "button",
-        {
-          type: "button",
-          "aria-label": "Session actions",
-          title: "Session actions",
-          "aria-haspopup": "dialog",
-          "aria-expanded": sheetOpen,
-          className: moreButtonClass,
-          onClick: () => setSheetOpen(true),
-          children: /* @__PURE__ */ jsx12(Icon, { name: "ellipsis", className: "size-3.5" })
-        }
-      ),
-      sheetOpen ? /* @__PURE__ */ jsx12(BottomSheet, { open: true, onOpenChange: setSheetOpen, "aria-label": "Session actions", children: /* @__PURE__ */ jsx12("div", { className: "flex flex-col gap-1 p-2", role: "menu", children: /* @__PURE__ */ jsxs8(ThreadListItemPrimitive.Delete, { className: deleteItemClass, onClick: () => setSheetOpen(false), children: [
-        /* @__PURE__ */ jsx12(Icon, { name: "trash", className: "size-3.5" }),
-        "Delete"
-      ] }) }) }) : null
-    ] });
-  }
-  return /* @__PURE__ */ jsxs8(ThreadListItemMorePrimitive.Root, { sharedFocusGroup: true, children: [
-    /* @__PURE__ */ jsx12(
-      ThreadListItemMorePrimitive.Trigger,
-      {
-        ref: setTriggerElement,
-        "aria-label": "Session actions",
-        title: "Session actions",
-        className: moreButtonClass,
-        children: /* @__PURE__ */ jsx12(Icon, { name: "ellipsis", className: "size-3.5" })
-      }
-    ),
-    /* @__PURE__ */ jsx12(
-      ThreadListItemMorePrimitive.Content,
-      {
-        portalProps: { container: portalContainer },
-        align: "end",
-        sideOffset: 4,
-        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__ */ jsx12(ThreadListItemPrimitive.Delete, { asChild: true, children: /* @__PURE__ */ jsxs8(ThreadListItemMorePrimitive.Item, { className: deleteItemClass, children: [
-          /* @__PURE__ */ jsx12(Icon, { name: "trash", className: "size-3.5" }),
-          "Delete"
-        ] }) })
-      }
-    )
-  ] });
-}
-function ThreadListItemRow({
-  onThreadOpen,
-  canDeleteSession
-}) {
-  const aui = useAui2();
-  const shell = useOptionalShellMode();
-  const ThreadListRow2 = useSlot("ThreadListRow");
-  const id = useAuiState2((s) => s.threadListItem.id);
-  const remoteId = useAuiState2((s) => s.threadListItem.remoteId);
-  const title = useAuiState2((s) => s.threadListItem.title);
-  const lastMessageAt = useAuiState2((s) => s.threadListItem.lastMessageAt);
-  const custom = useAuiState2((s) => s.threadListItem.custom);
-  const mainThreadId = useAuiState2((s) => s.threads.mainThreadId);
-  const agentName = readThreadAgentName(custom);
-  const showDelete = canDeleteSession && remoteId != null;
-  const sidebarNavOpen = shell?.libraryOpen === true || shell?.sessionsOpen === true || shell?.schedulesOpen === true;
-  return /* @__PURE__ */ jsx12(ThreadListItemPrimitive.Root, { className: "min-w-0", children: /* @__PURE__ */ jsx12(
-    ThreadListRow2,
-    {
-      title: title ?? "New Chat",
-      active: id === mainThreadId && !sidebarNavOpen,
-      agentName,
-      lastMessageAt,
-      onSelect: () => {
-        onThreadOpen?.();
-        shell?.setSettingsOpen(false);
-        shell?.setLibraryOpen(false);
-        shell?.setSessionsOpen(false);
-        shell?.setSchedulesOpen(false);
-        const sessionMutable = threadListItemIsMutable(custom);
-        const sameImmutable = !sessionMutable && shell?.mode.status === "active" && !shell.mode.isMutable && (agentName == null ? shell.mode.agentName == null && shell.mode.agentId == null : shell.mode.agentName === agentName || shell.mode.agentId === agentName);
-        const sameMutable = canReuseMutableShell({
-          sessionMutable,
-          shellMutable: shell?.mode.status === "active" && shell.mode.isMutable,
-          ...shell?.mode.status === "active" && shell.mode.isMutable ? { shellAgentName: shell.mode.agentName, shellAgentId: shell.mode.agentId } : {},
-          remoteId,
-          pendingSessionId: shell?.pendingSessionId
-        });
-        if ((sameImmutable || sameMutable) && remoteId != null) {
-          void Promise.resolve(aui.threads().switchToThread(id)).catch(() => void 0);
-          return;
-        }
-        if (remoteId != null) {
-          shell?.openHistorySession({
-            sessionId: remoteId,
-            isMutable: sessionMutable,
-            ...agentName != null ? { agentName } : {}
-          });
-          return;
-        }
-        void Promise.resolve(aui.threads().switchToThread(id)).catch(() => void 0);
-      },
-      actions: showDelete ? /* @__PURE__ */ jsx12(ThreadListItemDeleteMenu, {}) : void 0
-    }
-  ) });
-}
-function useThreadListIndicesByRecency() {
-  const threadIds = useAuiState2((s) => s.threads.threadIds);
-  const threadItems = useAuiState2((s) => s.threads.threadItems);
-  return useMemo(() => threadListIndicesByRecency({ threadIds, threadItems }), [threadIds, threadItems]);
-}
-function ThreadListItemsByRecency({
-  onThreadOpen,
-  canDeleteSession
-}) {
-  const indices = useThreadListIndicesByRecency();
-  const threadIds = useAuiState2((s) => s.threads.threadIds);
-  return /* @__PURE__ */ jsx12(Fragment2, { children: indices.map((index) => {
-    const key = threadIds[index] ?? String(index);
-    return /* @__PURE__ */ jsx12(ThreadListItemByIndexProvider, { index, archived: false, children: /* @__PURE__ */ jsx12(ThreadListItemRow, { onThreadOpen, canDeleteSession }) }, key);
-  }) });
-}
-var THREAD_LIST_VIEWPORT_SLOT = "aui_thread-list-viewport";
-var LOAD_MORE_BOTTOM_PX = 80;
-function ChatHistorySection({ children, viewportRef }) {
-  const [expanded, setExpanded] = useState3(true);
-  const shell = useOptionalShellMode();
-  const showFilter = shell?.isLibraryEnabled === true;
-  return /* @__PURE__ */ jsxs8("div", { className: "flex min-h-0 flex-1 flex-col", children: [
-    /* @__PURE__ */ jsxs8("div", { className: "flex shrink-0 items-center gap-1 px-1 py-1", children: [
-      /* @__PURE__ */ jsxs8(
-        "button",
-        {
-          type: "button",
-          "aria-expanded": expanded,
-          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__ */ jsx12("span", { className: "truncate", children: "Chat History" }),
-            /* @__PURE__ */ jsx12(
-              Icon,
-              {
-                name: "chevron-down",
-                className: cn("size-3.5 shrink-0 transition-transform", !expanded && "-rotate-90")
-              }
-            )
-          ]
-        }
-      ),
-      showFilter ? /* @__PURE__ */ jsx12(AgentHistoryFilterButton, {}) : null
-    ] }),
-    expanded ? /* @__PURE__ */ jsx12(
-      "div",
-      {
-        ref: viewportRef,
-        "data-slot": THREAD_LIST_VIEWPORT_SLOT,
-        className: "flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto",
-        children
-      }
-    ) : null
-  ] });
-}
-function ThreadListContainer({ onThreadOpen } = {}) {
-  const aui = useAui2();
-  const server = useOptionalServer();
-  const isLoading = useAuiState2((s) => s.threads.isLoading);
-  const isLoadingMore = useAuiState2((s) => s.threads.isLoadingMore);
-  const hasMore = useAuiState2((s) => s.threads.hasMore);
-  const threadIds = useAuiState2((s) => s.threads.threadIds);
-  const shell = useOptionalShellMode();
-  const ThreadListShell2 = useSlot("ThreadListShell");
-  const ThreadListNewButton2 = useSlot("ThreadListNewButton");
-  const AgentsLibraryButton2 = useSlot("AgentsLibraryButton");
-  const SessionsBrowserButton2 = useSlot("SessionsBrowserButton");
-  const SchedulesButton2 = useSlot("SchedulesButton");
-  const ThreadListRowSkeleton2 = useSlot("ThreadListRowSkeleton");
-  const ThreadListEmptyState2 = useSlot("ThreadListEmptyState");
-  const viewportRef = useRef2(null);
-  const hasMoreRef = useRef2(hasMore);
-  const auiRef = useRef2(aui);
-  hasMoreRef.current = hasMore;
-  auiRef.current = aui;
-  const showNewChat = shell?.isNewChatEnabled !== false;
-  const isIdle = shell?.mode.status === "idle";
-  const canDeleteSession = typeof server?.deleteSession === "function";
-  useEffect3(() => {
-    if (isIdle || isLoading || isLoadingMore) return;
-    const viewport = viewportRef.current;
-    if (!viewport) return;
-    let cancelled = false;
-    const tryLoadMore = () => {
-      if (cancelled || !hasMoreRef.current) return;
-      if (viewport.clientHeight <= 0) return;
-      const remaining = viewport.scrollHeight - viewport.scrollTop - viewport.clientHeight;
-      if (viewport.scrollHeight > viewport.clientHeight && remaining > LOAD_MORE_BOTTOM_PX) return;
-      void auiRef.current.threads().loadMore();
-    };
-    viewport.addEventListener("scroll", tryLoadMore, { passive: true });
-    const resizeObserver = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(() => tryLoadMore());
-    if (resizeObserver) {
-      resizeObserver.observe(viewport);
-    } else {
-      window.addEventListener("resize", tryLoadMore);
-    }
-    tryLoadMore();
-    return () => {
-      cancelled = true;
-      viewport.removeEventListener("scroll", tryLoadMore);
-      resizeObserver?.disconnect();
-      if (!resizeObserver) {
-        window.removeEventListener("resize", tryLoadMore);
-      }
-    };
-  }, [hasMore, isIdle, isLoading, isLoadingMore, threadIds.length]);
-  const handleNewChat = () => {
-    onThreadOpen?.();
-    shell?.setLibraryOpen(false);
-    shell?.setSessionsOpen(false);
-    if (shell?.isComposerEnabled) {
-      shell.openDraft();
-      return;
-    }
-    shell?.setSettingsOpen(false);
-    shell?.setSchedulesOpen(false);
-    void Promise.resolve(aui.threads().switchToNewThread()).catch(() => void 0);
-  };
-  let listBody;
-  if (isIdle) {
-    listBody = /* @__PURE__ */ jsx12(ThreadListEmptyState2, {});
-  } else if (isLoading) {
-    listBody = /* @__PURE__ */ jsx12(ThreadListRowSkeleton2, {});
-  } else if (threadIds.length === 0) {
-    listBody = /* @__PURE__ */ jsx12(ThreadListEmptyState2, {});
-  } else {
-    listBody = /* @__PURE__ */ jsx12(ThreadListPrimitive.Root, { className: "flex min-h-0 flex-col gap-0.5", children: /* @__PURE__ */ jsx12(ThreadListItemsByRecency, { onThreadOpen, canDeleteSession }) });
-  }
-  return /* @__PURE__ */ jsx12(
-    ThreadListShell2,
-    {
-      header: /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-1", children: [
-        showNewChat ? /* @__PURE__ */ jsx12(ThreadListNewButton2, { onClick: handleNewChat }) : null,
-        /* @__PURE__ */ jsx12(AgentsLibraryButton2, {}),
-        /* @__PURE__ */ jsx12(SessionsBrowserButton2, {}),
-        /* @__PURE__ */ jsx12(SchedulesButton2, {})
-      ] }),
-      children: /* @__PURE__ */ jsxs8(ChatHistorySection, { viewportRef, children: [
-        listBody,
-        !isIdle && hasMore ? /* @__PURE__ */ jsx12("div", { className: "h-4 shrink-0", "aria-hidden": true }) : null
-      ] })
-    }
-  );
-}
-
 // src/containers/ToolGroupContainer.tsx
-import { useAuiState as useAuiState3 } from "@assistant-ui/react";
-import { useState as useState4 } from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { useAuiState as useAuiState2 } from "@assistant-ui/react";
+import { useState as useState2 } from "react";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function ToolGroupContainer({ children, group }) {
   const ToolGroupCard2 = useSlot("ToolGroupCard");
   const toolCallCount = group.indices.length;
-  const active = useAuiState3((s) => {
+  const active = useAuiState2((s) => {
     if (s.message.status?.type !== "running") return false;
     const lastIndex = s.message.parts.length - 1;
     if (lastIndex < 0) return false;
@@ -854,13 +419,13 @@ function ToolGroupContainer({ children, group }) {
     const lastGroupIndex = group.indices[group.indices.length - 1];
     return lastGroupIndex !== void 0 && lastIndex >= group.indices[0] && lastIndex <= lastGroupIndex;
   });
-  const [expanded, setExpanded] = useState4(true);
-  const [prevActive, setPrevActive] = useState4(active);
+  const [expanded, setExpanded] = useState2(true);
+  const [prevActive, setPrevActive] = useState2(active);
   if (active !== prevActive) {
     setPrevActive(active);
     if (active) setExpanded(true);
   }
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx11(
     ToolGroupCard2,
     {
       toolCallCount,
@@ -874,20 +439,20 @@ function ToolGroupContainer({ children, group }) {
 
 // src/containers/TrueForgeUI.tsx
 import { lazy, Suspense } from "react";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var TrueForgeUIWithRouter = lazy(
-  () => import("./TrueForgeUIWithRouter-MZVJWJMB.js").then((m) => ({ default: m.TrueForgeUIWithRouter }))
+  () => import("./TrueForgeUIWithRouter-LKG4XLW6.js").then((m) => ({ default: m.TrueForgeUIWithRouter }))
 );
 function TrueForgeUI(props) {
   const isMcpAuthScreen = typeof window !== "undefined" && new URLSearchParams(window.location.search).get("screenType") === "mcp-auth";
   if (isMcpAuthScreen) {
-    return /* @__PURE__ */ jsx14(SlotsProvider, { overrides: props.overrides, theme: props.theme, children: /* @__PURE__ */ jsx14(PostMcpOauthScreen_default, {}) });
+    return /* @__PURE__ */ jsx12(SlotsProvider, { overrides: props.overrides, theme: props.theme, children: /* @__PURE__ */ jsx12(PostMcpOauthScreen_default, {}) });
   }
   const { withRouter, ...rest } = props;
   if (withRouter) {
-    return /* @__PURE__ */ jsx14(Suspense, { fallback: /* @__PURE__ */ jsx14(ServerInitLoader, { className: props.className }), children: /* @__PURE__ */ jsx14(TrueForgeUIWithRouter, { ...rest }) });
+    return /* @__PURE__ */ jsx12(Suspense, { fallback: /* @__PURE__ */ jsx12(ServerInitLoader, { className: props.className }), children: /* @__PURE__ */ jsx12(TrueForgeUIWithRouter, { ...rest }) });
   }
-  return /* @__PURE__ */ jsx14(TrueForgeUIShell, { ...rest });
+  return /* @__PURE__ */ jsx12(TrueForgeUIShell, { ...rest });
 }
 
 // src/index.ts
@@ -896,6 +461,7 @@ import {
   trueFoundryAttachmentAdapter,
   useTrueFoundryAgentRuntime,
   useTrueFoundryAgentSpec,
+  useTrueFoundryApprovals,
   useTrueFoundryCancel,
   useTrueFoundryDownloadSandboxFile,
   useTrueFoundryHistoryPagination,
@@ -910,6 +476,7 @@ export {
   AgentConfigEditors,
   AgentConfigPanel,
   AgentConfigSection,
+  AgentCustomParametersEditor,
   AgentDetailsHeader,
   AgentDetailsPage,
   AgentDetailsTabs,
@@ -918,6 +485,7 @@ export {
   AgentMcpEditorContent,
   AgentMetricCard,
   AgentMetricChart,
+  AgentMetricStatistics,
   AgentMetricsContainer,
   AgentMetricsTimeRangeFilter,
   AgentMetricsView,
@@ -927,8 +495,8 @@ export {
   AgentOverviewCard,
   AgentResourceConfigModal,
   AgentResourceEditorContent,
+  AgentRuntimeConfigDrawer,
   AgentRuntimeConfigFields,
-  AgentRuntimeConfigModal,
   AgentRuntimeEditorContent,
   AgentSessionsFilters,
   AgentSkillsEditorContent,
@@ -936,6 +504,8 @@ export {
   AgentStepsContainer,
   AgentsLibrary,
   AgentsLibraryButton,
+  ApprovalNavBanner,
+  ApprovalNavContainer,
   AskUserContainer,
   AssistantMessageBubble,
   AssistantMessageContainer,
@@ -948,6 +518,7 @@ export {
   AvatarImage,
   BottomSheet,
   BrandLogo,
+  Button,
   CenteredModal,
   ChatFileDownload,
   ClearChatButton,
@@ -967,6 +538,7 @@ export {
   DraftAgentConfigTrigger,
   DraftCapabilitiesPanel,
   DraftCatalogProvider,
+  DraftComposerActionsMenu,
   DraftComposerLeftSection,
   DraftComposerRightSection,
   DraftCompositeSelector,
@@ -988,16 +560,17 @@ export {
   MonacoEditorCore,
   OpenUiFenceBlock,
   PRESETS,
+  PermissionGuard,
   PopoverSelect,
   PostMcpOauthScreen_default as PostMcpOauthScreen,
   ReasoningContainer,
+  ResponsiveDropdownMenu,
   ResumeUnavailable,
   ResumeUnavailableContainer,
   SandboxArtifactDownload,
   SandboxToolCallCard,
   SaveAgentButton,
   SaveAgentForm,
-  SaveAgentFormFields,
   ScheduleFormDrawer,
   ScheduleFormFields,
   ScheduleLastRunsCell,
@@ -1053,6 +626,7 @@ export {
   TrueForgeUI,
   TrueFoundryChatProvider,
   USER_MESSAGE_ATTACHMENT_PREVIEW_REM,
+  UserAvatar,
   UserEditComposerContainer,
   UserMessageActionBar,
   UserMessageBubble,
@@ -1062,6 +636,7 @@ export {
   computeAgentStepsSplit,
   createTrueFoundryServer,
   defaultSlots,
+  findSubAgentAncestorsForApproval,
   getErrorMessage,
   isCreateAgentMetadataValue,
   libraryAgentId,
@@ -1077,10 +652,12 @@ export {
   trueFoundryAttachmentAdapter,
   useAgentMetricsServer,
   useAgentSessionsServer,
+  useApprovalNav,
   useAui,
   useAuiState,
   useBrand,
   useBrandName,
+  useCanCreateAgent,
   useCatalogServer,
   useComposerBusyState,
   useComposerPauseView,
@@ -1091,10 +668,13 @@ export {
   useOptionalAgentSessionsServer,
   useOptionalCatalogServer,
   useOptionalContentClassNames,
+  useOptionalCurrentUser,
   useOptionalCustomActionRenderers,
+  useOptionalPermissionsServer,
   useOptionalScheduleServer,
   useOptionalServer,
   useOptionalShellMode,
+  useResourcePermissions,
   useScheduleServer,
   useServer,
   useServerCapabilities,
@@ -1107,6 +687,7 @@ export {
   useToasterOptional,
   useTrueFoundryAgentRuntime,
   useTrueFoundryAgentSpec,
+  useTrueFoundryApprovals,
   useTrueFoundryCancel,
   useTrueFoundryDownloadSandboxFile,
   useTrueFoundryHistoryPagination,