@truefoundry/trueforge-ui 0.1.0-rc.0 → 0.1.0-rc.1

package/dist/{SettingsBuilder-64Y33NP3.js → SettingsBuilder-3JOLC56Z.js}

@@ -4,20 +4,22 @@ import {
   Spinner,
   auiButtonClass,
   useCompactLayout,
+  useDraftCatalog,
   useOptionalCatalogServer,
+  useOptionalRefreshServerCapabilities,
   useShellMode
-} from "./chunk-UHGSHDBM.js";
+} from "./chunk-U5GBGEGN.js";
 import {
   cn
-} from "./chunk-UBOFEI77.js";
+} from "./chunk-WMRZSULD.js";
 
 // src/containers/SettingsBuilder/index.tsx
-import { lazy, Suspense, useEffect, useMemo, useState } from "react";
+import { lazy, Suspense, useCallback, useEffect, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var ModelSettings = lazy(() => import("./ModelSettings-IJ55QJQO.js"));
-var ConnectorSettings = lazy(() => import("./ConnectorSettings-CLBEWGQJ.js"));
-var SkillSettings = lazy(() => import("./SkillSettings-MXK4ZEI7.js"));
-var SandboxSettings = lazy(() => import("./SandboxSettings-S5XGZWOL.js"));
+var ModelSettings = lazy(() => import("./ModelSettings-LKFJVUYQ.js"));
+var ConnectorSettings = lazy(() => import("./ConnectorSettings-ADACLWQI.js"));
+var SkillSettings = lazy(() => import("./SkillSettings-4VB42CVG.js"));
+var SandboxSettings = lazy(() => import("./SandboxSettings-H5MDAE47.js"));
 function SettingsSectionFallback() {
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center justify-center py-8", role: "status", "aria-live": "polite", "aria-busy": "true", children: [
     /* @__PURE__ */ jsx(Spinner, { size: 20, className: "text-text-secondary" }),
@@ -25,30 +27,36 @@ function SettingsSectionFallback() {
   ] });
 }
 var TruefoundrySettingsBuilder = () => {
-  const { settingsOpen, setSettingsOpen } = useShellMode();
+  const { settingsOpen, settingsSection: section, setSettingsOpen } = useShellMode();
   const catalog = useOptionalCatalogServer();
+  const refreshServerCapabilities = useOptionalRefreshServerCapabilities();
+  const { refresh: refreshDraftCatalog } = useDraftCatalog();
   const compact = useCompactLayout();
-  const [section, setSection] = useState("models");
   const hasSkills = catalog?.skillCatalog != null;
   const hasSandbox = catalog?.sandboxCatalog != null;
+  const closeSettings = useCallback(() => {
+    setSettingsOpen(false);
+    refreshDraftCatalog();
+    refreshServerCapabilities?.();
+  }, [refreshDraftCatalog, refreshServerCapabilities, setSettingsOpen]);
   useEffect(() => {
     if (!hasSkills && section === "skills") {
-      setSection("models");
+      setSettingsOpen(settingsOpen, "models");
     }
     if (!hasSandbox && section === "sandbox") {
-      setSection("models");
+      setSettingsOpen(settingsOpen, "models");
     }
-  }, [hasSkills, hasSandbox, section]);
+  }, [hasSkills, hasSandbox, section, settingsOpen, setSettingsOpen]);
   useEffect(() => {
     if (!settingsOpen) return;
     const onKeyDown = (event) => {
       if (event.key !== "Escape") return;
       event.stopImmediatePropagation();
-      setSettingsOpen(false);
+      closeSettings();
     };
     window.addEventListener("keydown", onKeyDown, true);
     return () => window.removeEventListener("keydown", onKeyDown, true);
-  }, [settingsOpen, setSettingsOpen]);
+  }, [closeSettings, settingsOpen]);
   const sections = useMemo(() => {
     const baseSections = [
       { id: "models", label: "Models", icon: "cpu" },
@@ -72,7 +80,7 @@ var TruefoundrySettingsBuilder = () => {
           "aria-label": "Back",
           title: "Back",
           className: auiButtonClass({ variant: "ghost", size: "icon" }),
-          onClick: () => setSettingsOpen(false),
+          onClick: closeSettings,
           children: /* @__PURE__ */ jsx(Icon, { name: "arrow-left" })
         }
       ),
@@ -101,7 +109,7 @@ var TruefoundrySettingsBuilder = () => {
                 section === item.id ? "bg-primary-button-bg text-primary-button-text" : "text-text-secondary hover:bg-ghost-button-hover/60 hover:text-text-primary"
               ),
               onClick: () => {
-                setSection(item.id);
+                setSettingsOpen(true, item.id);
               },
               children: [
                 /* @__PURE__ */ jsx(Icon, { name: item.icon, className: "h-4 w-4 shrink-0" }),
@@ -125,4 +133,4 @@ var SettingsBuilder_default = TruefoundrySettingsBuilder;
 export {
   SettingsBuilder_default as default
 };
-//# sourceMappingURL=SettingsBuilder-64Y33NP3.js.map
+//# sourceMappingURL=SettingsBuilder-3JOLC56Z.js.map

package/dist/SettingsBuilder-3JOLC56Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/containers/SettingsBuilder/index.tsx"],"sourcesContent":["'use client';\n\nimport { lazy, Suspense, useCallback, useEffect, useMemo } from 'react';\n\nimport { useDraftCatalog } from '@/atoms/draft/DraftCatalogProvider.js';\nimport { auiButtonClass } from '@/atoms/lib/buttonClasses.js';\nimport { cn } from '@/atoms/lib/cn.js';\nimport { useCompactLayout } from '@/atoms/lib/CompactLayoutContext.js';\nimport { Spinner } from '@/atoms/primitives/Spinner.js';\nimport { Icon } from '@/icons/Icon.js';\nimport { useOptionalCatalogServer, useOptionalRefreshServerCapabilities } from '@/server/ServerContext.js';\nimport { useShellMode, type SettingsSection } from '@/server/ShellModeContext.js';\n\n// Section modules (and their list/catalog APIs) load only when that tab mounts.\nconst ModelSettings = lazy(() => import('./ModelSettings.js'));\nconst ConnectorSettings = lazy(() => import('./ConnectorSettings.js'));\nconst SkillSettings = lazy(() => import('./SkillSettings.js'));\nconst SandboxSettings = lazy(() => import('./SandboxSettings.js'));\n\nfunction SettingsSectionFallback() {\n  return (\n    <div className=\"flex flex-1 items-center justify-center py-8\" role=\"status\" aria-live=\"polite\" aria-busy=\"true\">\n      <Spinner size={20} className=\"text-text-secondary\" />\n      <span className=\"sr-only\">Loading</span>\n    </div>\n  );\n}\n\nconst TruefoundrySettingsBuilder = () => {\n  const { settingsOpen, settingsSection: section, setSettingsOpen } = useShellMode();\n  const catalog = useOptionalCatalogServer();\n  const refreshServerCapabilities = useOptionalRefreshServerCapabilities();\n  const { refresh: refreshDraftCatalog } = useDraftCatalog();\n  // dock/widget panels are ~mobile width even on a wide viewport — keep Settings stacked.\n  const compact = useCompactLayout();\n  const hasSkills = catalog?.skillCatalog != null;\n  const hasSandbox = catalog?.sandboxCatalog != null;\n\n  const closeSettings = useCallback(() => {\n    setSettingsOpen(false);\n    refreshDraftCatalog();\n    refreshServerCapabilities?.();\n  }, [refreshDraftCatalog, refreshServerCapabilities, setSettingsOpen]);\n\n  useEffect(() => {\n    if (!hasSkills && section === 'skills') {\n      setSettingsOpen(settingsOpen, 'models');\n    }\n    if (!hasSandbox && section === 'sandbox') {\n      setSettingsOpen(settingsOpen, 'models');\n    }\n  }, [hasSkills, hasSandbox, section, settingsOpen, setSettingsOpen]);\n\n  useEffect(() => {\n    if (!settingsOpen) return;\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape') return;\n      event.stopImmediatePropagation();\n      closeSettings();\n    };\n    // Capture so layout Escape handlers (sessions drawer / widget) do not also fire.\n    window.addEventListener('keydown', onKeyDown, true);\n    return () => window.removeEventListener('keydown', onKeyDown, true);\n  }, [closeSettings, settingsOpen]);\n\n  const sections = useMemo<\n    Array<{\n      id: SettingsSection;\n      label: string;\n      icon: 'cpu' | 'plug' | 'lightbulb' | 'cube';\n    }>\n  >(() => {\n    const baseSections: Array<{\n      id: SettingsSection;\n      label: string;\n      icon: 'cpu' | 'plug' | 'lightbulb' | 'cube';\n    }> = [\n      { id: 'models', label: 'Models', icon: 'cpu' },\n      { id: 'connectors', label: 'Connectors', icon: 'plug' },\n    ];\n    if (hasSkills) {\n      baseSections.push({ id: 'skills', label: 'Skills', icon: 'lightbulb' });\n    }\n    if (hasSandbox) {\n      baseSections.push({ id: 'sandbox', label: 'Sandbox providers', icon: 'cube' });\n    }\n    return baseSections;\n  }, [hasSkills, hasSandbox]);\n\n  if (!settingsOpen || !catalog) return null;\n\n  return (\n    <div className=\"flex h-full min-h-0 w-full flex-col bg-primary-bg\">\n      <header className=\"flex shrink-0 items-center gap-2 border-b border-border px-2 py-1.5\">\n        <button\n          type=\"button\"\n          aria-label=\"Back\"\n          title=\"Back\"\n          className={auiButtonClass({ variant: 'ghost', size: 'icon' })}\n          onClick={closeSettings}\n        >\n          <Icon name=\"arrow-left\" />\n        </button>\n        <h1 className=\"text-lg font-semibold tracking-tight text-text-primary\">Settings</h1>\n      </header>\n\n      <div className={cn('flex min-h-0 flex-1 flex-col', !compact && 'md:flex-row')}>\n        <nav\n          aria-label=\"Settings sections\"\n          className={cn(\n            'flex w-full gap-1 border-b border-border bg-secondary-bg/40 p-2',\n            compact ? 'min-w-0' : 'justify-center md:w-48 md:flex-col md:justify-start md:border-b-0 md:border-r',\n          )}\n        >\n          {sections.map(item => (\n            <button\n              key={item.id}\n              type=\"button\"\n              aria-current={section === item.id ? 'page' : undefined}\n              {...(compact ? { title: item.label } : {})}\n              className={cn(\n                'flex min-h-9 items-center gap-2 rounded-md px-3 text-sm font-medium transition-colors',\n                'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focus-ring',\n                // Narrow panels cannot fit fixed-width tabs, so tabs split the row instead.\n                compact ? 'min-w-0 flex-1 justify-center gap-1.5 px-1.5' : 'shrink-0',\n                section === item.id\n                  ? 'bg-primary-button-bg text-primary-button-text'\n                  : 'text-text-secondary hover:bg-ghost-button-hover/60 hover:text-text-primary',\n              )}\n              onClick={() => {\n                setSettingsOpen(true, item.id);\n              }}\n            >\n              <Icon name={item.icon} className=\"h-4 w-4 shrink-0\" />\n              {compact ? <span className=\"truncate\">{item.label}</span> : item.label}\n            </button>\n          ))}\n        </nav>\n\n        <section className=\"flex flex-col h-full flex-1 overflow-y-hidden px-6 py-4\">\n          <div className=\"w-full max-w-210 h-full min-h-0 flex flex-col mx-auto\">\n            <Suspense fallback={<SettingsSectionFallback />}>\n              {section === 'models' ? <ModelSettings /> : null}\n              {section === 'connectors' ? <ConnectorSettings /> : null}\n              {section === 'skills' && hasSkills ? <SkillSettings /> : null}\n              {section === 'sandbox' && hasSandbox ? <SandboxSettings /> : null}\n            </Suspense>\n          </div>\n        </section>\n      </div>\n    </div>\n  );\n};\n\nexport default TruefoundrySettingsBuilder;\n"],"mappings":"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","names":[]}

package/dist/{SidebarLayout-M7HEOZVK.js → SidebarLayout-G6BGD7EY.js}

@@ -2,11 +2,11 @@
 import {
   NamedAgentHeaderLabel,
   ShellActions
-} from "./chunk-WFC3W4C3.js";
+} from "./chunk-VJTCFZNM.js";
 import {
   Thread,
   ThreadListContainer
-} from "./chunk-UXZOL5GO.js";
+} from "./chunk-3PTFNAQK.js";
 import {
   useAui
 } from "./chunk-M6MHLVSO.js";
@@ -14,22 +14,22 @@ import {
   useBrandName,
   useChatHeaderContentVisible,
   useSlot
-} from "./chunk-XSHXH6EI.js";
+} from "./chunk-Z27F4LBZ.js";
 import {
   Icon,
   Spinner,
   auiButtonClass,
   useOptionalShellMode
-} from "./chunk-UHGSHDBM.js";
-import "./chunk-42GF723P.js";
+} from "./chunk-U5GBGEGN.js";
+import "./chunk-FDBJNXH2.js";
 import {
   cn
-} from "./chunk-UBOFEI77.js";
+} from "./chunk-WMRZSULD.js";
 
 // src/layouts/SidebarLayout.tsx
 import { lazy, Suspense, useEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var TruefoundrySettingsBuilder = lazy(() => import("./SettingsBuilder-64Y33NP3.js"));
+var TruefoundrySettingsBuilder = lazy(() => import("./SettingsBuilder-3JOLC56Z.js"));
 var desktopCollapsed = false;
 function SidebarLayout({ className }) {
   const aui = useAui();
@@ -233,4 +233,4 @@ function SidebarLayout({ className }) {
 export {
   SidebarLayout
 };
-//# sourceMappingURL=SidebarLayout-M7HEOZVK.js.map
+//# sourceMappingURL=SidebarLayout-G6BGD7EY.js.map

package/dist/{SkillSettings-MXK4ZEI7.js → SkillSettings-4VB42CVG.js}

@@ -4,15 +4,15 @@ import {
   CenteredModal,
   SearchInput_default,
   auiInputClass,
-  getErrorMessage,
   useToasterOptional
-} from "./chunk-XSHXH6EI.js";
+} from "./chunk-Z27F4LBZ.js";
 import {
   Icon,
+  getErrorMessage,
   useCatalogServer
-} from "./chunk-UHGSHDBM.js";
-import "./chunk-42GF723P.js";
-import "./chunk-UBOFEI77.js";
+} from "./chunk-U5GBGEGN.js";
+import "./chunk-FDBJNXH2.js";
+import "./chunk-WMRZSULD.js";
 
 // src/containers/SettingsBuilder/SkillSettings.tsx
 import { useCallback, useEffect, useMemo, useState as useState2 } from "react";
@@ -386,4 +386,4 @@ var SkillSettings_default = SkillSettings;
 export {
   SkillSettings_default as default
 };
-//# sourceMappingURL=SkillSettings-MXK4ZEI7.js.map
+//# sourceMappingURL=SkillSettings-4VB42CVG.js.map

package/dist/{WidgetLayout-7MDOKLHU.js → WidgetLayout-ABSXZUSQ.js}

@@ -1,22 +1,22 @@
 "use client";
 import {
   StackChatPanel
-} from "./chunk-NBMP2XNL.js";
-import "./chunk-WFC3W4C3.js";
-import "./chunk-UXZOL5GO.js";
+} from "./chunk-EFGSH3MO.js";
+import "./chunk-VJTCFZNM.js";
+import "./chunk-3PTFNAQK.js";
 import "./chunk-M6MHLVSO.js";
 import {
   useSlot
-} from "./chunk-XSHXH6EI.js";
+} from "./chunk-Z27F4LBZ.js";
 import {
   CompactLayoutProvider,
   Icon,
   auiButtonClass
-} from "./chunk-UHGSHDBM.js";
-import "./chunk-42GF723P.js";
+} from "./chunk-U5GBGEGN.js";
+import "./chunk-FDBJNXH2.js";
 import {
   cn
-} from "./chunk-UBOFEI77.js";
+} from "./chunk-WMRZSULD.js";
 
 // src/layouts/WidgetLayout.tsx
 import { useEffect, useRef, useState } from "react";
@@ -98,4 +98,4 @@ function WidgetLayout({ className }) {
 export {
   WidgetLayout
 };
-//# sourceMappingURL=WidgetLayout-7MDOKLHU.js.map
+//# sourceMappingURL=WidgetLayout-ABSXZUSQ.js.map

package/dist/{chunk-UXZOL5GO.js → chunk-3PTFNAQK.js}

@@ -6,7 +6,6 @@ import {
   ASK_USER_CUSTOM_OPTION,
   BottomSheet,
   Button,
-  DraftCatalogProvider,
   SearchInput_default,
   SlotsProvider,
   USER_MESSAGE_ATTACHMENT_PREVIEW_REM,
@@ -20,18 +19,19 @@ import {
   useSlot,
   useSlotIsDefault,
   useToasterOptional
-} from "./chunk-XSHXH6EI.js";
+} from "./chunk-Z27F4LBZ.js";
 import {
+  DraftCatalogProvider,
   Icon,
   auiButtonClass,
   libraryAgentId,
   useCompactLayout,
   useOptionalServer,
   useOptionalShellMode
-} from "./chunk-UHGSHDBM.js";
+} from "./chunk-U5GBGEGN.js";
 import {
   cn
-} from "./chunk-UBOFEI77.js";
+} from "./chunk-WMRZSULD.js";
 
 // src/containers/AgentStepsContainer.tsx
 import { useEffect, useRef, useState } from "react";
@@ -2085,4 +2085,4 @@ export {
   Thread,
   ThreadListContainer
 };
-//# sourceMappingURL=chunk-UXZOL5GO.js.map
+//# sourceMappingURL=chunk-3PTFNAQK.js.map

package/dist/{chunk-NBMP2XNL.js → chunk-EFGSH3MO.js}

@@ -1,31 +1,31 @@
 import {
   NamedAgentHeaderLabel,
   ShellActions
-} from "./chunk-WFC3W4C3.js";
+} from "./chunk-VJTCFZNM.js";
 import {
   Thread,
   ThreadListContainer
-} from "./chunk-UXZOL5GO.js";
+} from "./chunk-3PTFNAQK.js";
 import {
   useAui
 } from "./chunk-M6MHLVSO.js";
 import {
   useSlot
-} from "./chunk-XSHXH6EI.js";
+} from "./chunk-Z27F4LBZ.js";
 import {
   Icon,
   Spinner,
   auiButtonClass,
   useOptionalShellMode
-} from "./chunk-UHGSHDBM.js";
+} from "./chunk-U5GBGEGN.js";
 import {
   cn
-} from "./chunk-UBOFEI77.js";
+} from "./chunk-WMRZSULD.js";
 
 // src/layouts/StackChatPanel.tsx
 import { lazy, Suspense, useEffect, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var TruefoundrySettingsBuilder = lazy(() => import("./SettingsBuilder-64Y33NP3.js"));
+var TruefoundrySettingsBuilder = lazy(() => import("./SettingsBuilder-3JOLC56Z.js"));
 function StackChatPanel({ className, threadHeaderEnd }) {
   const [view, setView] = useState("thread");
   const aui = useAui();
@@ -86,4 +86,4 @@ function StackChatPanel({ className, threadHeaderEnd }) {
 export {
   StackChatPanel
 };
-//# sourceMappingURL=chunk-NBMP2XNL.js.map
+//# sourceMappingURL=chunk-EFGSH3MO.js.map

package/dist/{chunk-42GF723P.js → chunk-FDBJNXH2.js}

@@ -1,7 +1,7 @@
 import {
   cn,
   useOptionalContentClassNames
-} from "./chunk-UBOFEI77.js";
+} from "./chunk-WMRZSULD.js";
 
 // src/atoms/OpenUiFenceBlock.tsx
 import { Renderer } from "@openuidev/react-lang";
@@ -21,4 +21,4 @@ function OpenUiFenceBlock({ content, isStreaming, darkTheme }) {
 export {
   OpenUiFenceBlock
 };
-//# sourceMappingURL=chunk-42GF723P.js.map
+//# sourceMappingURL=chunk-FDBJNXH2.js.map

package/dist/{chunk-UHGSHDBM.js → chunk-U5GBGEGN.js}

@@ -1,7 +1,7 @@
 import {
   ThemeContext,
   cn
-} from "./chunk-UBOFEI77.js";
+} from "./chunk-WMRZSULD.js";
 
 // src/icons/Icon.tsx
 import { createElement, isValidElement, useContext } from "react";
@@ -379,12 +379,16 @@ function ShellModeProvider({
   const [clearEpoch, setClearEpoch] = useState2(0);
   const [agentsListEpoch, setAgentsListEpoch] = useState2(0);
   const [settingsOpenState, setSettingsOpenState] = useState2(initialSettingsOpen);
+  const [settingsSection, setSettingsSection] = useState2("models");
   const [historyAgentFilter, setHistoryAgentFilter] = useState2(null);
   const [pendingSessionId, setPendingSessionId] = useState2(void 0);
   const settingsEnabled = capabilities?.settings?.enabled !== false;
   const settingsOpen = settingsEnabled && settingsOpenState;
   const setSettingsOpen = useCallback2(
-    (open) => {
+    (open, section) => {
+      if (section !== void 0) {
+        setSettingsSection(section);
+      }
       setSettingsOpenState(settingsEnabled && open);
     },
     [settingsEnabled]
@@ -546,6 +550,7 @@ function ShellModeProvider({
       isComposerEnabled,
       isNewChatEnabled,
       settingsOpen,
+      settingsSection,
       setSettingsOpen,
       selectLibraryAgent,
       bindMutableAgent,
@@ -568,6 +573,7 @@ function ShellModeProvider({
       isComposerEnabled,
       isNewChatEnabled,
       settingsOpen,
+      settingsSection,
       setSettingsOpen,
       selectLibraryAgent,
       bindMutableAgent,
@@ -599,6 +605,57 @@ function shellIsMutable(mode) {
   return mode.status === "active" && mode.isMutable;
 }
 
+// src/utils/getErrorMessage.ts
+function isRecord(value) {
+  return value != null && typeof value === "object";
+}
+function readNonEmptyString(value) {
+  return typeof value === "string" && value.trim() !== "" ? value : void 0;
+}
+function messageFromErrorShaped(value) {
+  if (!isRecord(value)) return void 0;
+  const direct = readNonEmptyString(value.message);
+  if (direct != null) return direct;
+  if (isRecord(value.error)) {
+    return readNonEmptyString(value.error.message);
+  }
+  return void 0;
+}
+function stringifyError(error) {
+  if (typeof error === "string") return error;
+  if (isRecord(error)) {
+    try {
+      return JSON.stringify(error);
+    } catch {
+      return Object.prototype.toString.call(error);
+    }
+  }
+  return String(error);
+}
+function getErrorMessage(error, fallback) {
+  if (typeof error === "string") {
+    const trimmed = error.trim();
+    if (trimmed !== "") return error;
+    return fallback ?? error;
+  }
+  if (isRecord(error) && "body" in error) {
+    const fromBody = messageFromErrorShaped(error.body);
+    if (fromBody != null) return fromBody;
+    if (error.body != null) {
+      if (typeof error.body === "string") {
+        const trimmed = error.body.trim();
+        if (trimmed !== "") return error.body;
+      } else {
+        return stringifyError(error.body);
+      }
+    }
+  }
+  const fromShape = messageFromErrorShaped(error);
+  if (fromShape != null) return fromShape;
+  if (fallback != null) return fallback;
+  return stringifyError(error);
+}
+
 // src/atoms/lib/CompactLayoutContext.tsx
 import { createContext as createContext3, useContext as useContext4 } from "react";
 import { jsx as jsx6 } from "react/jsx-runtime";
@@ -610,6 +667,100 @@ function useCompactLayout() {
   return useContext4(CompactLayoutContext);
 }
 
+// src/atoms/draft/DraftCatalogProvider.tsx
+import { createContext as createContext4, useCallback as useCallback3, useContext as useContext5, useEffect as useEffect3, useMemo as useMemo3, useState as useState3 } from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var DraftCatalogContext = createContext4(null);
+var IDLE_ENSURE = () => void 0;
+var IDLE_REFRESH = async () => void 0;
+function DraftCatalogProvider({ children }) {
+  const server = useOptionalServer();
+  const existing = useContext5(DraftCatalogContext);
+  if (existing?.server === server) {
+    return children;
+  }
+  return /* @__PURE__ */ jsx7(DraftCatalogStore, { server, children });
+}
+function DraftCatalogStore({ server, children }) {
+  const [requestEpoch, setRequestEpoch] = useState3(null);
+  const [models, setModels] = useState3([]);
+  const [skills, setSkills] = useState3([]);
+  const [connectors, setConnectors] = useState3([]);
+  const [loading, setLoading] = useState3(false);
+  const [error, setError] = useState3(null);
+  const ensureLoaded = useCallback3(() => {
+    setRequestEpoch((current) => current ?? 0);
+  }, []);
+  const refresh = useCallback3(() => {
+    setRequestEpoch((current) => (current ?? -1) + 1);
+  }, []);
+  const refreshConnectors = useCallback3(async () => {
+    if (!server) return;
+    setLoading(true);
+    setError(null);
+    try {
+      const nextConnectors = await server.getMcp();
+      setConnectors(nextConnectors);
+    } catch (reason) {
+      setError(getErrorMessage(reason, "Failed to load connectors."));
+    } finally {
+      setLoading(false);
+    }
+  }, [server]);
+  useEffect3(() => {
+    if (requestEpoch === null || !server) return;
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    void Promise.allSettled([server.getModels(), server.getSkills(), server.getMcp()]).then(([modelsResult, skillsResult, mcpResult]) => {
+      if (cancelled) return;
+      const errors = [];
+      if (modelsResult.status === "fulfilled") {
+        setModels(modelsResult.value);
+      } else {
+        errors.push(getErrorMessage(modelsResult.reason, "Failed to load models."));
+      }
+      if (skillsResult.status === "fulfilled") {
+        setSkills(skillsResult.value);
+      } else {
+        errors.push(getErrorMessage(skillsResult.reason, "Failed to load skills."));
+      }
+      if (mcpResult.status === "fulfilled") {
+        setConnectors(mcpResult.value);
+      } else {
+        errors.push(getErrorMessage(mcpResult.reason, "Failed to load connectors."));
+      }
+      setError(errors[0] ?? null);
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [requestEpoch, server]);
+  const value = useMemo3(
+    () => ({ server, models, skills, connectors, loading, error, ensureLoaded, refresh, refreshConnectors }),
+    [server, models, skills, connectors, loading, error, ensureLoaded, refresh, refreshConnectors]
+  );
+  return /* @__PURE__ */ jsx7(DraftCatalogContext.Provider, { value, children });
+}
+function useDraftCatalog() {
+  const ctx = useContext5(DraftCatalogContext);
+  if (ctx == null) {
+    return {
+      models: [],
+      skills: [],
+      connectors: [],
+      loading: false,
+      error: null,
+      ensureLoaded: IDLE_ENSURE,
+      refresh: IDLE_ENSURE,
+      refreshConnectors: IDLE_REFRESH
+    };
+  }
+  return ctx;
+}
+
 export {
   registerIcons,
   Icon,
@@ -619,6 +770,7 @@ export {
   useServer,
   useOptionalServer,
   useServerCapabilities,
+  useOptionalRefreshServerCapabilities,
   useCatalogServer,
   useOptionalCatalogServer,
   DEFAULT_AGENT_CONFIG,
@@ -627,7 +779,10 @@ export {
   useShellMode,
   useOptionalShellMode,
   shellIsMutable,
+  getErrorMessage,
   CompactLayoutProvider,
-  useCompactLayout
+  useCompactLayout,
+  DraftCatalogProvider,
+  useDraftCatalog
 };
-//# sourceMappingURL=chunk-UHGSHDBM.js.map
+//# sourceMappingURL=chunk-U5GBGEGN.js.map