mcp-use 2.0.0-beta.4 → 2.0.0-beta.41

package/dist/react/index.js

@@ -158,7 +158,7 @@ var ToolError = class extends Error {
 };
 
 // src/react/runtime/model-context-store.ts
-var EMPTY_SERIALIZED = JSON.stringify({ content: [] });
+var UI_CONTEXT_KEY = "_uiContext";
 var warnedModelContextUnsupported = false;
 function markModelContextUnsupportedWarned() {
   if (warnedModelContextUnsupported) {
@@ -167,63 +167,119 @@ function markModelContextUnsupportedWarned() {
   warnedModelContextUnsupported = true;
   return true;
 }
+function getChatGptWidgetApi() {
+  if (typeof window === "undefined") return void 0;
+  const api = window.openai;
+  return typeof api?.setWidgetState === "function" ? api : void 0;
+}
+function filterUiContext(state) {
+  const { [UI_CONTEXT_KEY]: _, ...viewState } = state;
+  return viewState;
+}
+function assertValidViewState(state) {
+  if (state === null || Array.isArray(state) || typeof state !== "object") {
+    throw new TypeError("useViewState state must be a plain object");
+  }
+  if (Object.prototype.hasOwnProperty.call(state, UI_CONTEXT_KEY)) {
+    throw new TypeError(
+      `useViewState state cannot contain the reserved key "${UI_CONTEXT_KEY}"`
+    );
+  }
+  try {
+    const serialized = JSON.stringify(state);
+    if (serialized === void 0) {
+      throw new TypeError("serialization returned undefined");
+    }
+    return serialized;
+  } catch (error) {
+    const reason = error instanceof Error ? `: ${error.message}` : "";
+    throw new TypeError(
+      `useViewState state must be JSON-serializable${reason}`
+    );
+  }
+}
 var ModelContextStore = class {
   #host;
   #nodes = /* @__PURE__ */ new Map();
+  #viewStateListeners = /* @__PURE__ */ new Set();
   #nextOrder = 0;
+  #viewState = null;
+  #firstDefaultSerialized = null;
   #flushScheduled = false;
   #disposed = false;
   /** Bumped on {@link dispose} so late in-flight completions are ignored. */
   #epoch = 0;
-  /**
-   * Serialized form of the latest tree. Starts empty so views that never
-   * register context are not dirty.
-   */
-  #desiredSerialized = EMPTY_SERIALIZED;
-  /**
-   * Last successfully delivered payload. Starts empty so an empty push is
-   * sent only as a clear after non-empty context existed.
-   */
-  #acknowledgedSerialized = EMPTY_SERIALIZED;
+  /** Latest complete payload, or null until state/context is first registered. */
+  #desiredSerialized = null;
+  /** Last successfully delivered payload. */
+  #acknowledgedSerialized = null;
   #inFlight = null;
-  /**
-   * @param host - Runtime bridge used to `connect` and send updates.
-   */
+  #removeOpenAiListener = null;
+  /** Create a store backed by the owning view runtime's host connection. */
   constructor(host) {
     this.#host = host;
+    this.#hydrateFromChatGpt();
   }
+  /** Stable external-store subscription used by `useViewState`. */
+  subscribeViewState = (listener) => {
+    this.#viewStateListeners.add(listener);
+    return () => {
+      this.#viewStateListeners.delete(listener);
+    };
+  };
+  /** Current canonical view state, excluding the reserved UI-context field. */
+  getViewStateSnapshot = () => this.#viewState;
   /**
-   * Register or replace a node and schedule a flush.
-   *
-   * @param node - Node identity, parent link, and text content.
+   * Initialize view state from a hook default when ChatGPT restored no state.
+   * The first hook default wins; later conflicting defaults warn in development.
    */
+  initializeViewState(defaultState) {
+    if (this.#disposed) return;
+    const serializedDefault = assertValidViewState(defaultState);
+    if (this.#firstDefaultSerialized === null) {
+      this.#firstDefaultSerialized = serializedDefault;
+    } else if (this.#firstDefaultSerialized !== serializedDefault && (typeof process === "undefined" || true)) {
+      console.warn(
+        "[useViewState] Multiple components supplied conflicting defaults; the first initialized default wins."
+      );
+    }
+    if (this.#viewState === null) {
+      this.#viewState = defaultState;
+      this.#emitViewState();
+      this.#updateDesiredAndSchedule();
+      return;
+    }
+    this.#updateDesiredAndSchedule();
+  }
+  /** Resolve and apply a `useState`-style update synchronously. */
+  updateViewState(updater) {
+    if (this.#disposed) return;
+    const nextState = updater(this.#viewState);
+    assertValidViewState(nextState);
+    this.#viewState = nextState;
+    this.#emitViewState();
+    this.#updateDesiredAndSchedule();
+  }
+  /** Register or replace a model-context node and schedule a merged flush. */
   setNode(node) {
     if (this.#disposed) return;
     const order = this.#nodes.get(node.id)?.order ?? this.#nextOrder++;
     this.#nodes.set(node.id, { ...node, order });
     this.#updateDesiredAndSchedule();
   }
-  /**
-   * Remove a node by id and schedule a flush.
-   *
-   * @param id - Node id previously passed to {@link setNode}.
-   */
+  /** Remove a model-context node and schedule a merged flush. */
   removeNode(id) {
     if (this.#disposed) return;
     if (!this.#nodes.delete(id)) return;
     this.#updateDesiredAndSchedule();
   }
-  /** Remove every node and schedule a flush (empty clear when previously non-empty). */
+  /** Remove every model-context node. */
   clear() {
-    if (this.#disposed) return;
-    if (this.#nodes.size === 0) return;
+    if (this.#disposed || this.#nodes.size === 0) return;
     this.#nodes.clear();
     this.#updateDesiredAndSchedule();
   }
-  /**
-   * Invalidate the store: ignore late in-flight completions and reject further
-   * mutations. Does not send a final clear — the runtime is going away.
-   */
+  /** Invalidate the store and ignore late in-flight completions. */
   dispose() {
     if (this.#disposed) return;
     this.#disposed = true;
@@ -231,15 +287,16 @@ var ModelContextStore = class {
     this.#flushScheduled = false;
     this.#inFlight = null;
     this.#nodes.clear();
+    this.#viewStateListeners.clear();
+    this.#removeOpenAiListener?.();
+    this.#removeOpenAiListener = null;
     this.#nextOrder = 0;
-    this.#desiredSerialized = EMPTY_SERIALIZED;
-    this.#acknowledgedSerialized = EMPTY_SERIALIZED;
+    this.#viewState = null;
+    this.#firstDefaultSerialized = null;
+    this.#desiredSerialized = null;
+    this.#acknowledgedSerialized = null;
   }
-  /**
-   * Serialize the registered tree into an indented markdown-like string.
-   *
-   * @returns Description text, or `""` when nothing is registered.
-   */
+  /** Serialize registered context nodes into an indented markdown list. */
   buildDescriptionString() {
     const byParent = /* @__PURE__ */ new Map();
     for (const node of this.#nodes.values()) {
@@ -268,41 +325,76 @@ var ModelContextStore = class {
     traverseTree(null, 0);
     return lines.join("\n");
   }
-  /**
-   * Build the `ui/update-model-context` params from the current tree.
-   *
-   * @returns Empty `content` when nothing is registered; otherwise one text block.
-   */
+  /** Build the complete merged payload sent through either host transport. */
   buildModelContextParams() {
-    const description = this.buildDescriptionString();
-    if (description.length === 0) {
-      return { content: [] };
-    }
-    return { content: [{ type: "text", text: description }] };
+    const structuredContent = {
+      ...this.#viewState ?? {},
+      [UI_CONTEXT_KEY]: this.buildDescriptionString()
+    };
+    return {
+      structuredContent,
+      content: [{ type: "text", text: JSON.stringify(structuredContent) }]
+    };
   }
-  /**
-   * @internal Clear nodes and pump state between tests without disposing the
-   * owning runtime (warn-once flag is reset separately).
-   */
+  /** Clear state between tests without disposing the owning runtime. */
   resetForTesting() {
     this.#nodes.clear();
     this.#nextOrder = 0;
+    this.#viewState = null;
+    this.#firstDefaultSerialized = null;
     this.#flushScheduled = false;
     this.#inFlight = null;
-    this.#desiredSerialized = EMPTY_SERIALIZED;
-    this.#acknowledgedSerialized = EMPTY_SERIALIZED;
+    this.#desiredSerialized = null;
+    this.#acknowledgedSerialized = null;
   }
-  /** @internal Serialized tree for tests. */
+  /** Internal serialized tree for tests. */
   getDescriptionForTesting() {
     return this.buildDescriptionString();
   }
+  #emitViewState() {
+    for (const listener of this.#viewStateListeners) {
+      listener();
+    }
+  }
+  #hydrateFromChatGpt() {
+    const api = getChatGptWidgetApi();
+    if (!api) return;
+    const applyWidgetState = (widgetState, scheduleMergedWrite) => {
+      const modelContent = widgetState?.modelContent;
+      if (modelContent === null || Array.isArray(modelContent) || typeof modelContent !== "object") {
+        return;
+      }
+      const nextViewState = filterUiContext(modelContent);
+      try {
+        assertValidViewState(nextViewState);
+      } catch {
+        return;
+      }
+      this.#viewState = nextViewState;
+      this.#emitViewState();
+      if (scheduleMergedWrite) {
+        this.#updateDesiredAndSchedule();
+      }
+    };
+    applyWidgetState(api.widgetState, false);
+    const handleSetGlobals = (event) => {
+      if (this.#disposed) return;
+      const widgetState = event.detail?.globals?.widgetState;
+      if (widgetState !== void 0) {
+        applyWidgetState(widgetState, true);
+      }
+    };
+    window.addEventListener("openai:set_globals", handleSetGlobals);
+    this.#removeOpenAiListener = () => {
+      window.removeEventListener("openai:set_globals", handleSetGlobals);
+    };
+  }
   #updateDesiredAndSchedule() {
     this.#desiredSerialized = JSON.stringify(this.buildModelContextParams());
     this.#schedulePump();
   }
   #schedulePump() {
-    if (this.#disposed) return;
-    if (this.#flushScheduled) return;
+    if (this.#disposed || this.#flushScheduled) return;
     this.#flushScheduled = true;
     queueMicrotask(() => {
       this.#flushScheduled = false;
@@ -310,39 +402,47 @@ var ModelContextStore = class {
     });
   }
   #pump() {
-    if (this.#disposed) return;
-    if (this.#inFlight) return;
-    if (this.#desiredSerialized === this.#acknowledgedSerialized) return;
+    if (this.#disposed || this.#inFlight) return;
+    if (this.#desiredSerialized === null || this.#desiredSerialized === this.#acknowledgedSerialized) {
+      return;
+    }
     const params = this.buildModelContextParams();
     const serialized = JSON.stringify(params);
     this.#desiredSerialized = serialized;
     if (serialized === this.#acknowledgedSerialized) return;
     const sendEpoch = this.#epoch;
-    let sendSucceeded = false;
     this.#inFlight = (async () => {
       try {
-        const app = await this.#host.connect();
-        if (this.#disposed || sendEpoch !== this.#epoch) return;
-        if (app.getHostCapabilities()?.updateModelContext === void 0) {
-          if (markModelContextUnsupportedWarned()) {
-            console.warn(
-              "[ModelContext] Host does not declare the updateModelContext capability; model-context updates are not sent."
-            );
+        const chatGptApi = getChatGptWidgetApi();
+        if (chatGptApi) {
+          await chatGptApi.setWidgetState({
+            privateContent: {},
+            ...chatGptApi.widgetState,
+            modelContent: params.structuredContent
+          });
+        } else {
+          const app = await this.#host.connect();
+          if (this.#disposed || sendEpoch !== this.#epoch) return;
+          if (app.getHostCapabilities()?.updateModelContext === void 0) {
+            if (markModelContextUnsupportedWarned()) {
+              console.warn(
+                "[ModelContext] Host does not declare the updateModelContext capability; model-context updates are not sent."
+              );
+            }
+            return;
           }
-          return;
+          await app.updateModelContext(
+            params
+          );
         }
-        await app.updateModelContext(
-          params
-        );
         if (this.#disposed || sendEpoch !== this.#epoch) return;
         this.#acknowledgedSerialized = serialized;
-        sendSucceeded = true;
       } catch (error) {
         if (this.#disposed || sendEpoch !== this.#epoch) return;
-        console.warn("[ModelContext] Failed to update model context:", error);
+        console.warn("[mcp-use] Failed to update model context:", error);
       } finally {
         this.#inFlight = null;
-        if (!this.#disposed && sendEpoch === this.#epoch && sendSucceeded && this.#desiredSerialized !== this.#acknowledgedSerialized) {
+        if (!this.#disposed && sendEpoch === this.#epoch && this.#desiredSerialized !== serialized) {
           this.#pump();
         }
       }
@@ -365,6 +465,19 @@ var defaultHostSnapshot = {
   isConnected: false,
   connectionError: void 0
 };
+var defaultFilesSnapshot = {
+  isSupported: false
+};
+function getChatGptFilesApi() {
+  if (typeof window === "undefined") return void 0;
+  return window.openai;
+}
+function resolveFilesSnapshot() {
+  const api = getChatGptFilesApi();
+  return {
+    isSupported: typeof api?.uploadFile === "function" && typeof api.getFileDownloadUrl === "function"
+  };
+}
 function resolveDisplayMode(hostContext) {
   return hostContext?.displayMode === "fullscreen" || hostContext?.displayMode === "pip" ? hostContext.displayMode : "inline";
 }
@@ -434,10 +547,12 @@ function createMcpAppRuntime(config, options) {
     displayMode: "inline",
     availableDisplayModes: ["inline"]
   };
+  let filesSnapshot = resolveFilesSnapshot();
   const toolChannel = createChannelStore();
   const hostChannel = createChannelStore();
   const themeChannel = createChannelStore();
   const displayChannel = createChannelStore();
+  const filesChannel = createChannelStore();
   function patchTool(patch) {
     if (!toolSnapshotChanged(toolSnapshot, patch)) {
       return;
@@ -613,6 +728,7 @@ function createMcpAppRuntime(config, options) {
     hostChannel.clear();
     themeChannel.clear();
     displayChannel.clear();
+    filesChannel.clear();
     toolSnapshot = { ...defaultToolSnapshot };
     hostSnapshot = { ...defaultHostSnapshot };
     themeSnapshot = "light";
@@ -620,6 +736,7 @@ function createMcpAppRuntime(config, options) {
       displayMode: "inline",
       availableDisplayModes: ["inline"]
     };
+    filesSnapshot = { ...defaultFilesSnapshot };
     if (activeRuntime === runtime) {
       activeRuntime = null;
     }
@@ -669,6 +786,30 @@ function createMcpAppRuntime(config, options) {
     const app2 = await connect();
     await app2.sendSizeChanged(params);
   }
+  async function uploadFile(file) {
+    if (disposed) {
+      throw new Error("View runtime has been disposed");
+    }
+    const api = getChatGptFilesApi();
+    if (!filesSnapshot.isSupported || typeof api?.uploadFile !== "function") {
+      throw new Error(
+        "[useFiles] File upload is not supported in this host. Check `isSupported` before calling `upload`. File operations are only available in the ChatGPT Apps SDK environment."
+      );
+    }
+    return api.uploadFile(file);
+  }
+  async function getFileDownloadUrl(file) {
+    if (disposed) {
+      throw new Error("View runtime has been disposed");
+    }
+    const api = getChatGptFilesApi();
+    if (!filesSnapshot.isSupported || typeof api?.getFileDownloadUrl !== "function") {
+      throw new Error(
+        "[useFiles] File download is not supported in this host. Check `isSupported` before calling `getDownloadUrl`. File operations are only available in the ChatGPT Apps SDK environment."
+      );
+    }
+    return api.getFileDownloadUrl(file);
+  }
   const runtime = {
     config,
     modelContextStore,
@@ -682,12 +823,16 @@ function createMcpAppRuntime(config, options) {
     getThemeSnapshot: () => themeSnapshot,
     subscribeDisplay: displayChannel.subscribe,
     getDisplaySnapshot: () => displaySnapshot,
+    subscribeFiles: filesChannel.subscribe,
+    getFilesSnapshot: () => filesSnapshot,
     getApp: () => disposed ? null : app,
     callServerTool,
     sendMessage,
     openLink,
     requestDisplayMode,
     sendSizeChanged,
+    uploadFile,
+    getFileDownloadUrl,
     registerViewTool
   };
   return runtime;
@@ -906,7 +1051,54 @@ import {
 } from "@modelcontextprotocol/ext-apps";
 import React2, { useLayoutEffect, useState } from "react";
 import { Fragment, jsx as jsx6 } from "react/jsx-runtime";
-var ThemeProvider = ({ children, colorScheme = true }) => {
+function applyTransparentIframeCanvas() {
+  document.documentElement.style.background = "transparent";
+  document.body.style.background = "transparent";
+  const root = document.getElementById("root");
+  if (root) root.style.background = "transparent";
+}
+var FILL_HOST_WRAPPER_STYLE = {
+  position: "relative",
+  height: "100%",
+  minHeight: "100%",
+  display: "flex",
+  flexDirection: "column"
+};
+function useFillHostDocument(fillHost) {
+  useLayoutEffect(() => {
+    if (!fillHost || typeof document === "undefined") return;
+    const html = document.documentElement;
+    const body = document.body;
+    const root = document.getElementById("root");
+    const prev = {
+      htmlH: html.style.height,
+      bodyH: body.style.height,
+      htmlMin: html.style.minHeight,
+      bodyMin: body.style.minHeight,
+      rootH: root?.style.height ?? "",
+      rootMin: root?.style.minHeight ?? ""
+    };
+    for (const el of [html, body]) {
+      el.style.height = "100%";
+      el.style.minHeight = "100%";
+    }
+    if (root) {
+      root.style.height = "100%";
+      root.style.minHeight = "100%";
+    }
+    return () => {
+      html.style.height = prev.htmlH;
+      body.style.height = prev.bodyH;
+      html.style.minHeight = prev.htmlMin;
+      body.style.minHeight = prev.bodyMin;
+      if (root) {
+        root.style.height = prev.rootH;
+        root.style.minHeight = prev.rootMin;
+      }
+    };
+  }, [fillHost]);
+}
+var ThemeProvider = ({ children, colorScheme = false }) => {
   const hostContext = useHostContextSubscription();
   const [systemPreference, setSystemPreference] = useState(
     () => {
@@ -925,9 +1117,12 @@ var ThemeProvider = ({ children, colorScheme = true }) => {
   }, []);
   const hostTheme = hostContext?.theme === "dark" || hostContext?.theme === "light" ? hostContext.theme : void 0;
   const effectiveTheme = hostTheme ?? systemPreference;
+  const fillHost = hostContext?.displayMode === "fullscreen" || hostContext?.displayMode === "pip";
+  useFillHostDocument(fillHost);
   useLayoutEffect(() => {
     if (typeof document === "undefined") return;
     applyDocumentTheme(effectiveTheme);
+    applyTransparentIframeCanvas();
     if (colorScheme) {
       document.documentElement.style.colorScheme = effectiveTheme === "dark" ? "dark" : "light";
     } else {
@@ -944,6 +1139,9 @@ var ThemeProvider = ({ children, colorScheme = true }) => {
       applyHostFonts(fonts);
     }
   }, [hostContext]);
+  if (fillHost) {
+    return /* @__PURE__ */ jsx6("div", { style: FILL_HOST_WRAPPER_STYLE, children });
+  }
   return /* @__PURE__ */ jsx6(Fragment, { children });
 };
 
@@ -994,6 +1192,9 @@ function readMaxWidth(hostContext) {
 function resolveDisplayMode2(hostContext) {
   return hostContext?.displayMode === "fullscreen" || hostContext?.displayMode === "pip" ? hostContext.displayMode : "inline";
 }
+function resolvePlatform(hostContext) {
+  return hostContext?.platform === "mobile" ? "mobile" : "web";
+}
 function useHostContext() {
   const runtime = useViewRuntime();
   const { hostContext, isConnected } = useSyncExternalStore3(
@@ -1006,6 +1207,7 @@ function useHostContext() {
     locale: typeof hostContext?.locale === "string" ? hostContext.locale : "en-US",
     timeZone: typeof hostContext?.timeZone === "string" ? hostContext.timeZone : typeof Intl !== "undefined" ? Intl.DateTimeFormat().resolvedOptions().timeZone : "UTC",
     userAgent: typeof hostContext?.userAgent === "string" ? hostContext.userAgent : typeof navigator !== "undefined" ? navigator.userAgent : "",
+    platform: resolvePlatform(hostContext),
     displayMode: resolveDisplayMode2(hostContext),
     safeArea: hostContext?.safeAreaInsets ?? DEFAULT_SAFE_AREA,
     maxHeight: readMaxHeight(hostContext),
@@ -1216,6 +1418,12 @@ function ViewControls({
 // src/react/hooks/use-call-tool.ts
 import { useCallback, useRef as useRef2, useState as useState3 } from "react";
 function useCallTool(nameOrRef) {
+  return useToolCall(nameOrRef);
+}
+function useDynamicTool(name) {
+  return useToolCall(name);
+}
+function useToolCall(nameOrRef) {
   const toolName = typeof nameOrRef === "string" ? nameOrRef : nameOrRef.name;
   const runtime = useViewRuntime();
   const [data, setData] = useState3(
@@ -1257,6 +1465,24 @@ function useCallTool(nameOrRef) {
   return { callTool, data, error, isPending };
 }
 
+// src/react/hooks/use-files.ts
+import { useMemo, useSyncExternalStore as useSyncExternalStore5 } from "react";
+function useFiles() {
+  const runtime = useViewRuntime();
+  const { isSupported } = useSyncExternalStore5(
+    runtime.subscribeFiles,
+    runtime.getFilesSnapshot
+  );
+  return useMemo(
+    () => ({
+      isSupported,
+      upload: runtime.uploadFile,
+      getDownloadUrl: runtime.getFileDownloadUrl
+    }),
+    [runtime, isSupported]
+  );
+}
+
 // src/react/hooks/use-open-external.ts
 import { useCallback as useCallback2 } from "react";
 function useOpenExternal() {
@@ -1291,14 +1517,47 @@ function useSendSizeChanged() {
 }
 
 // src/react/hooks/use-view-theme.ts
-import { useSyncExternalStore as useSyncExternalStore5 } from "react";
+import { useSyncExternalStore as useSyncExternalStore6 } from "react";
 function useViewTheme() {
   const runtime = useViewRuntime();
-  return useSyncExternalStore5(runtime.subscribeTheme, runtime.getThemeSnapshot);
+  return useSyncExternalStore6(runtime.subscribeTheme, runtime.getThemeSnapshot);
+}
+
+// src/react/hooks/use-view-state.ts
+import {
+  useCallback as useCallback4,
+  useEffect as useEffect2,
+  useRef as useRef3,
+  useSyncExternalStore as useSyncExternalStore7
+} from "react";
+function useViewState(defaultState) {
+  const runtime = useViewRuntime();
+  const store = runtime.modelContextStore;
+  const defaultRef = useRef3(null);
+  if (defaultRef.current === null) {
+    defaultRef.current = typeof defaultState === "function" ? defaultState() : defaultState;
+  }
+  const storedState = useSyncExternalStore7(
+    store.subscribeViewState,
+    store.getViewStateSnapshot
+  );
+  useEffect2(() => {
+    store.initializeViewState(defaultRef.current);
+  }, [store]);
+  const setViewState = useCallback4(
+    (action) => {
+      store.updateViewState((previous) => {
+        const current = previous ?? defaultRef.current;
+        return typeof action === "function" ? action(current) : action;
+      });
+    },
+    [store]
+  );
+  return [storedState ?? defaultRef.current, setViewState];
 }
 
 // src/react/hooks/use-view-tool.ts
-import { useEffect as useEffect2, useRef as useRef3 } from "react";
+import { useEffect as useEffect3, useRef as useRef4 } from "react";
 
 // src/tools.ts
 function resolveToolInputSchema(definition) {
@@ -1308,15 +1567,15 @@ function resolveToolInputSchema(definition) {
 // src/react/hooks/use-view-tool.ts
 function useViewTool(definition, handler) {
   const runtime = useViewRuntime();
-  const handlerRef = useRef3(handler);
+  const handlerRef = useRef4(handler);
   handlerRef.current = handler;
-  const definitionRef = useRef3(definition);
+  const definitionRef = useRef4(definition);
   definitionRef.current = definition;
-  const registeredRef = useRef3(null);
-  const registeredMetadataRef = useRef3(null);
+  const registeredRef = useRef4(null);
+  const registeredMetadataRef = useRef4(null);
   const { name, title, description, enabled = true } = definition;
   const annotationsJson = definition.annotations === void 0 ? void 0 : JSON.stringify(definition.annotations);
-  useEffect2(() => {
+  useEffect3(() => {
     const def = definitionRef.current;
     const config = {};
     if (def.title !== void 0) config.title = def.title;
@@ -1363,7 +1622,7 @@ function useViewTool(definition, handler) {
       }
     };
   }, [runtime, name]);
-  useEffect2(() => {
+  useEffect3(() => {
     const registered = registeredRef.current;
     if (!registered) return;
     const applied = registeredMetadataRef.current;
@@ -1383,7 +1642,7 @@ function useViewTool(definition, handler) {
       annotationsJson: def.annotations === void 0 ? void 0 : JSON.stringify(def.annotations)
     };
   }, [title, description, annotationsJson]);
-  useEffect2(() => {
+  useEffect3(() => {
     const registered = registeredRef.current;
     if (!registered || registered.enabled === enabled) return;
     if (enabled) {
@@ -1406,12 +1665,14 @@ export {
   toolResultText,
   useCallTool,
   useDisplayMode,
+  useDynamicTool,
+  useFiles,
   useHostContext,
   useOpenExternal,
   useSendFollowUp,
   useSendSizeChanged,
   useToolContext,
+  useViewState,
   useViewTheme,
   useViewTool
 };
-//# sourceMappingURL=index.js.map

package/dist/react/public-assets.d.ts

@@ -47,4 +47,3 @@ export declare function getPublicBase(): string;
  * @internal
  */
 export declare function publicAsset(path: string): string;
-//# sourceMappingURL=public-assets.d.ts.map

package/dist/react/runtime/bootstrap-view.d.ts

@@ -76,4 +76,3 @@ export declare function disposeView(): Promise<void>;
  * @internal Clear the document mount via {@link disposeView} between tests.
  */
 export declare function _resetBootstrapRootsForTesting(): void;
-//# sourceMappingURL=bootstrap-view.d.ts.map