@apollo/client-ai-apps 0.3.2 → 0.4.0

package/dist/index.js

@@ -1,279 +1,16 @@
-// src/types/openai.ts
-var SET_GLOBALS_EVENT_TYPE = "openai:set_globals";
-var SetGlobalsEvent = class extends CustomEvent {
-  type = SET_GLOBALS_EVENT_TYPE;
-};
-
-// src/react/context/ToolUseContext.tsx
-import React, { createContext, useContext, useState } from "react";
-var ToolUseContext = createContext(null);
-function ToolUseProvider({ children, appName }) {
-  const [hasNavigated, setHasNavigated] = useState(false);
-  return /* @__PURE__ */ React.createElement(ToolUseContext.Provider, { value: { hasNavigated, setHasNavigated, appName } }, children);
-}
-function useToolUseState() {
-  return useContext(ToolUseContext);
-}
-
-// src/react/hooks/useOpenAiGlobal.ts
-import { useSyncExternalStore, useCallback } from "react";
-function useOpenAiGlobal(key) {
-  return useSyncExternalStore(
-    useCallback((onChange) => {
-      const handleSetGlobal = (event) => {
-        const value = event.detail.globals[key];
-        if (value === void 0) {
-          return;
-        }
-        onChange();
-      };
-      window.addEventListener(SET_GLOBALS_EVENT_TYPE, handleSetGlobal, {
-        passive: true
-      });
-      return () => {
-        window.removeEventListener(SET_GLOBALS_EVENT_TYPE, handleSetGlobal);
-      };
-    }, []),
-    () => window.openai[key]
-  );
-}
-
-// src/react/hooks/useToolName.ts
-var useToolName = () => {
-  const toolResponseMetadata = useOpenAiGlobal("toolResponseMetadata");
-  return toolResponseMetadata?.toolName;
-};
-
-// src/react/hooks/useToolInput.ts
-var useToolInput = () => {
-  const toolInput = useOpenAiGlobal("toolInput");
-  return toolInput;
-};
-
-// src/react/hooks/useSendFollowUpMessage.ts
-var useSendFollowUpMessage = () => {
-  return async (prompt) => {
-    await window.openai?.sendFollowUpMessage({
-      prompt
-    });
-  };
-};
-
-// src/react/hooks/useRequestDisplayMode.ts
-var useRequestDisplayMode = () => {
-  return async (args) => {
-    return await window.openai?.requestDisplayMode(args);
-  };
-};
-
-// src/react/hooks/useToolEffect.tsx
-import { useEffect } from "react";
-var useToolEffect = (toolName, effect, deps = []) => {
-  const ctx = useToolUseState();
-  const fullToolName = useToolName();
-  const toolInput = useToolInput();
-  if (!ctx)
-    throw new Error("useToolEffect must be used within ToolUseProvider");
-  const toolNames = Array.isArray(toolName) ? toolName : [toolName];
-  useEffect(() => {
-    const matches = toolNames.some(
-      (name) => fullToolName === `${ctx.appName}--${name}`
-    );
-    if (!ctx.hasNavigated && matches) {
-      effect(toolInput);
-      ctx.setHasNavigated(true);
-    }
-  }, [
-    ctx.hasNavigated,
-    ctx.setHasNavigated,
-    ctx.appName,
-    toolNames,
-    fullToolName,
-    toolInput,
-    ...deps
-  ]);
-};
-
-// src/react/hooks/useOpenExternal.ts
-import { useCallback as useCallback2 } from "react";
-function useOpenExternal() {
-  return useCallback2(
-    (...args) => window.openai.openExternal(...args),
-    []
-  );
-}
-
-// src/react/hooks/useToolOutput.ts
-function useToolOutput() {
-  return useOpenAiGlobal("toolOutput") ?? null;
-}
-
-// src/react/hooks/useToolResponseMetadata.ts
-function useToolResponseMetadata() {
-  return useOpenAiGlobal("toolResponseMetadata") ?? null;
-}
-
-// src/react/hooks/useWidgetState.ts
-import { useCallback as useCallback3, useState as useState2 } from "react";
-function useWidgetState(defaultState) {
-  const widgetStateFromWindow = useOpenAiGlobal("widgetState");
-  const [previousWidgetStateFromWindow, setPreviousWidgetStateFromWindow] = useState2(widgetStateFromWindow);
-  let [widgetState, _setWidgetState] = useState2(() => {
-    if (widgetStateFromWindow != null) {
-      return widgetStateFromWindow;
-    }
-    return typeof defaultState === "function" ? defaultState() : defaultState ?? null;
-  });
-  if (previousWidgetStateFromWindow !== widgetStateFromWindow) {
-    _setWidgetState(widgetState = widgetStateFromWindow);
-    setPreviousWidgetStateFromWindow(widgetStateFromWindow);
-  }
-  const setWidgetState = useCallback3((state) => {
-    _setWidgetState((prevState) => {
-      const newState = typeof state === "function" ? state(prevState) : state;
-      if (newState != null && typeof window !== "undefined") {
-        void window.openai?.setWidgetState?.(newState);
-      }
-      return newState;
-    });
-  }, []);
-  return [widgetState, setWidgetState];
-}
-
-// src/index.ts
-export * from "@apollo/client";
-
-// src/core/ApolloClient.ts
-import { ApolloClient as BaseApolloClient } from "@apollo/client";
-import { DocumentTransform } from "@apollo/client";
-import { removeDirectivesFromDocument } from "@apollo/client/utilities/internal";
-import { parse } from "graphql";
-import { __DEV__ } from "@apollo/client/utilities/environment";
-
-// src/link/ToolCallLink.ts
-import { ApolloLink } from "@apollo/client";
-import { from, map } from "rxjs";
-import {
-  fallbackHttpConfig,
-  selectHttpOptionsAndBody
-} from "@apollo/client/link/http";
-var ToolCallLink = class extends ApolloLink {
-  request(operation) {
-    const context = operation.getContext();
-    const contextConfig = {
-      http: context.http,
-      options: context.fetchOptions,
-      credentials: context.credentials,
-      headers: context.headers
-    };
-    const { query, variables } = selectHttpOptionsAndBody(
-      operation,
-      fallbackHttpConfig,
-      contextConfig
-    ).body;
-    return from(window.openai.callTool("execute", { query, variables })).pipe(
-      map((result) => ({ data: result.structuredContent.data }))
-    );
-  }
-};
-
-// src/core/ApolloClient.ts
-var ApolloClient = class extends BaseApolloClient {
-  manifest;
-  constructor(options) {
-    const link = options.link ?? new ToolCallLink();
-    if (__DEV__) {
-      validateTerminatingLink(link);
-    }
-    super({
-      ...options,
-      link,
-      // Strip out the prefetch/tool directives so they don't get sent with the operation to the server
-      documentTransform: new DocumentTransform((document) => {
-        return removeDirectivesFromDocument(
-          [{ name: "prefetch" }, { name: "tool" }],
-          document
-        );
-      })
-    });
-    this.manifest = options.manifest;
-  }
-  async prefetchData() {
-    this.manifest.operations.forEach((operation) => {
-      if (operation.prefetch && operation.prefetchID && window.openai.toolOutput?.prefetch?.[operation.prefetchID]) {
-        this.writeQuery({
-          query: parse(operation.body),
-          data: window.openai.toolOutput.prefetch[operation.prefetchID].data
-        });
-      }
-      if (operation.tools?.find(
-        (tool) => `${this.manifest.name}--${tool.name}` === window.openai.toolResponseMetadata?.toolName
-      )) {
-        const variables = Object.keys(window.openai.toolInput).reduce(
-          (obj, key) => operation.variables?.[key] ? { ...obj, [key]: window.openai.toolInput[key] } : obj,
-          {}
-        );
-        if (window.openai.toolOutput) {
-          this.writeQuery({
-            query: parse(operation.body),
-            data: window.openai.toolOutput.result.data,
-            variables
-          });
-        }
-      }
-    });
-  }
-};
-function validateTerminatingLink(link) {
-  let terminatingLink = link;
-  while (terminatingLink.right) {
-    terminatingLink = terminatingLink.right;
-  }
-  if (terminatingLink.constructor.name !== "ToolCallLink") {
-    throw new Error(
-      "The terminating link must be a `ToolCallLink`. If you are using a `split` link, ensure the `right` branch uses a `ToolCallLink` as the terminating link."
-    );
-  }
-}
-
-// src/react/ApolloProvider.tsx
-import React3, { useEffect as useEffect2, useState as useState3 } from "react";
-import { ApolloProvider as BaseApolloProvider } from "@apollo/client/react";
-var ApolloProvider = ({ children, client }) => {
-  const [hasPreloaded, setHasPreloaded] = useState3(false);
-  useEffect2(() => {
-    const prefetchData = async () => {
-      await client.prefetchData();
-      setHasPreloaded(true);
-      window.removeEventListener(SET_GLOBALS_EVENT_TYPE, prefetchData);
-    };
-    window.addEventListener(SET_GLOBALS_EVENT_TYPE, prefetchData, {
-      passive: true
-    });
-    if (window.openai?.toolOutput) {
-      window.dispatchEvent(new CustomEvent(SET_GLOBALS_EVENT_TYPE));
-    }
-    return () => {
-      window.removeEventListener(SET_GLOBALS_EVENT_TYPE, prefetchData);
-    };
-  }, []);
-  return hasPreloaded ? /* @__PURE__ */ React3.createElement(BaseApolloProvider, { client }, children) : null;
-};
-export {
-  ApolloClient,
-  ApolloProvider,
-  SET_GLOBALS_EVENT_TYPE,
-  SetGlobalsEvent,
-  ToolCallLink,
-  ToolUseProvider,
-  useOpenAiGlobal,
-  useOpenExternal,
-  useRequestDisplayMode,
-  useSendFollowUpMessage,
-  useToolEffect,
-  useToolInput,
-  useToolName,
-  useToolOutput,
-  useToolResponseMetadata,
-  useWidgetState
-};
+export { SET_GLOBALS_EVENT_TYPE, SetGlobalsEvent } from "./types/openai.js";
+export { ToolUseProvider } from "./react/context/ToolUseContext.js";
+export { useOpenAiGlobal } from "./react/hooks/useOpenAiGlobal.js";
+export { useToolName } from "./react/hooks/useToolName.js";
+export { useToolInput } from "./react/hooks/useToolInput.js";
+export { useSendFollowUpMessage } from "./react/hooks/useSendFollowUpMessage.js";
+export { useRequestDisplayMode } from "./react/hooks/useRequestDisplayMode.js";
+export { useToolEffect } from "./react/hooks/useToolEffect.js";
+export { useOpenExternal } from "./react/hooks/useOpenExternal.js";
+export { useToolOutput } from "./react/hooks/useToolOutput.js";
+export { useToolResponseMetadata } from "./react/hooks/useToolResponseMetadata.js";
+export { useWidgetState } from "./react/hooks/useWidgetState.js";
+export { ApolloClient } from "./core/ApolloClient.js";
+export { ApolloProvider } from "./react/ApolloProvider.js";
+export { ToolCallLink } from "./link/ToolCallLink.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAY5E,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AACjF,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC","sourcesContent":["export type {\n  API,\n  CallTool,\n  DeviceType,\n  DisplayMode,\n  OpenAiGlobals,\n  SafeArea,\n  SafeAreaInsets,\n  Theme,\n  UserAgent,\n  UnknownObject,\n} from \"./types/openai.js\";\nexport { SET_GLOBALS_EVENT_TYPE, SetGlobalsEvent } from \"./types/openai.js\";\n\nexport type {\n  ApplicationManifest,\n  ManifestOperation,\n  ManifestTool,\n  ManifestExtraInput,\n  ManifestCsp,\n  ManifestLabels,\n  ManifestWidgetSettings,\n} from \"./types/application-manifest.js\";\n\nexport { ToolUseProvider } from \"./react/context/ToolUseContext.js\";\nexport { useOpenAiGlobal } from \"./react/hooks/useOpenAiGlobal.js\";\nexport { useToolName } from \"./react/hooks/useToolName.js\";\nexport { useToolInput } from \"./react/hooks/useToolInput.js\";\nexport { useSendFollowUpMessage } from \"./react/hooks/useSendFollowUpMessage.js\";\nexport { useRequestDisplayMode } from \"./react/hooks/useRequestDisplayMode.js\";\nexport { useToolEffect } from \"./react/hooks/useToolEffect.js\";\nexport { useOpenExternal } from \"./react/hooks/useOpenExternal.js\";\nexport { useToolOutput } from \"./react/hooks/useToolOutput.js\";\nexport { useToolResponseMetadata } from \"./react/hooks/useToolResponseMetadata.js\";\nexport { useWidgetState } from \"./react/hooks/useWidgetState.js\";\n\nexport { ApolloClient } from \"./core/ApolloClient.js\";\nexport { ApolloProvider } from \"./react/ApolloProvider.js\";\nexport { ToolCallLink } from \"./link/ToolCallLink.js\";\n"]}

package/dist/link/ToolCallLink.d.ts

@@ -24,3 +24,4 @@ import { ApolloLink, Observable } from "@apollo/client";
 export declare class ToolCallLink extends ApolloLink {
     request(operation: ApolloLink.Operation): Observable<ApolloLink.Result>;
 }
+//# sourceMappingURL=ToolCallLink.d.ts.map

package/dist/link/ToolCallLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolCallLink.d.ts","sourceRoot":"","sources":["../../src/link/ToolCallLink.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAOxD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAAa,YAAa,SAAQ,UAAU;IAC1C,OAAO,CAAC,SAAS,EAAE,UAAU,CAAC,SAAS,GAAG,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC;CAkBxE"}

package/dist/link/ToolCallLink.js

@@ -0,0 +1,39 @@
+import { ApolloLink, Observable } from "@apollo/client";
+import { from, map } from "rxjs";
+import { fallbackHttpConfig, selectHttpOptionsAndBody, } from "@apollo/client/link/http";
+/**
+ * A terminating link that sends a GraphQL request through an agent tool call.
+ * When providing a custom link chain to `ApolloClient`, `ApolloClient` will
+ * validate that the terminating link is an instance of this link.
+ *
+ * @example Provding a custom link chain
+ *
+ * ```ts
+ * import { ApolloLink } from "@apollo/client";
+ * import { ApolloClient, ToolCallLink } from "@apollo/client-ai-apps";
+ *
+ * const link = ApolloLink.from([
+ *   ...otherLinks,
+ *   new ToolCallLink()
+ * ]);
+ *
+ * const client = new ApolloClient({
+ *   link,
+ *   // ...
+ * });
+ * ```
+ */
+export class ToolCallLink extends ApolloLink {
+    request(operation) {
+        const context = operation.getContext();
+        const contextConfig = {
+            http: context.http,
+            options: context.fetchOptions,
+            credentials: context.credentials,
+            headers: context.headers,
+        };
+        const { query, variables } = selectHttpOptionsAndBody(operation, fallbackHttpConfig, contextConfig).body;
+        return from(window.openai.callTool("execute", { query, variables })).pipe(map((result) => ({ data: result.structuredContent.data })));
+    }
+}
+//# sourceMappingURL=ToolCallLink.js.map

package/dist/link/ToolCallLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolCallLink.js","sourceRoot":"","sources":["../../src/link/ToolCallLink.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,MAAM,CAAC;AACjC,OAAO,EACL,kBAAkB,EAClB,wBAAwB,GACzB,MAAM,0BAA0B,CAAC;AAElC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,OAAO,YAAa,SAAQ,UAAU;IAC1C,OAAO,CAAC,SAA+B;QACrC,MAAM,OAAO,GAAG,SAAS,CAAC,UAAU,EAAE,CAAC;QACvC,MAAM,aAAa,GAAG;YACpB,IAAI,EAAE,OAAO,CAAC,IAAI;YAClB,OAAO,EAAE,OAAO,CAAC,YAAY;YAC7B,WAAW,EAAE,OAAO,CAAC,WAAW;YAChC,OAAO,EAAE,OAAO,CAAC,OAAO;SACzB,CAAC;QACF,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,wBAAwB,CACnD,SAAS,EACT,kBAAkB,EAClB,aAAa,CACd,CAAC,IAAI,CAAC;QAEP,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CACvE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC,CAAC,CAC3D,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { ApolloLink, Observable } from \"@apollo/client\";\nimport { from, map } from \"rxjs\";\nimport {\n  fallbackHttpConfig,\n  selectHttpOptionsAndBody,\n} from \"@apollo/client/link/http\";\n\n/**\n * A terminating link that sends a GraphQL request through an agent tool call.\n * When providing a custom link chain to `ApolloClient`, `ApolloClient` will\n * validate that the terminating link is an instance of this link.\n *\n * @example Provding a custom link chain\n *\n * ```ts\n * import { ApolloLink } from \"@apollo/client\";\n * import { ApolloClient, ToolCallLink } from \"@apollo/client-ai-apps\";\n *\n * const link = ApolloLink.from([\n *   ...otherLinks,\n *   new ToolCallLink()\n * ]);\n *\n * const client = new ApolloClient({\n *   link,\n *   // ...\n * });\n * ```\n */\nexport class ToolCallLink extends ApolloLink {\n  request(operation: ApolloLink.Operation): Observable<ApolloLink.Result> {\n    const context = operation.getContext();\n    const contextConfig = {\n      http: context.http,\n      options: context.fetchOptions,\n      credentials: context.credentials,\n      headers: context.headers,\n    };\n    const { query, variables } = selectHttpOptionsAndBody(\n      operation,\n      fallbackHttpConfig,\n      contextConfig\n    ).body;\n\n    return from(window.openai.callTool(\"execute\", { query, variables })).pipe(\n      map((result) => ({ data: result.structuredContent.data }))\n    );\n  }\n}\n"]}

package/dist/react/ApolloProvider.d.ts

@@ -1,9 +1,10 @@
-import React, { ReactNode } from "react";
-import { ApolloClient } from "../core/ApolloClient";
+import type { ReactNode } from "react";
+import type { ApolloClient } from "../core/ApolloClient.js";
 export declare namespace ApolloProvider {
     interface Props {
         children?: ReactNode;
         client: ApolloClient;
     }
 }
-export declare const ApolloProvider: ({ children, client }: ApolloProvider.Props) => React.JSX.Element;
+export declare const ApolloProvider: ({ children, client }: ApolloProvider.Props) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ApolloProvider.d.ts.map

package/dist/react/ApolloProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApolloProvider.d.ts","sourceRoot":"","sources":["../../src/react/ApolloProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG5D,MAAM,CAAC,OAAO,WAAW,cAAc,CAAC;IACtC,UAAiB,KAAK;QACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;QACrB,MAAM,EAAE,YAAY,CAAC;KACtB;CACF;AAED,eAAO,MAAM,cAAc,GAAI,sBAAsB,cAAc,CAAC,KAAK,mDA6BxE,CAAC"}

package/dist/react/ApolloProvider.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { ApolloProvider as BaseApolloProvider } from "@apollo/client/react";
+import { SET_GLOBALS_EVENT_TYPE } from "../types/openai.js";
+export const ApolloProvider = ({ children, client }) => {
+    const [hasPreloaded, setHasPreloaded] = useState(false);
+    // This is to prevent against a race condition. We don't know if window.openai will be available when this loads or if it will become available shortly after.
+    // So... we create the event listener and whenever it is available, then we can process the prefetch/tool data.
+    // In practice, this should be pretty much instant
+    useEffect(() => {
+        const prefetchData = async () => {
+            await client.prefetchData();
+            setHasPreloaded(true);
+            window.removeEventListener(SET_GLOBALS_EVENT_TYPE, prefetchData);
+        };
+        window.addEventListener(SET_GLOBALS_EVENT_TYPE, prefetchData, {
+            passive: true,
+        });
+        if (window.openai?.toolOutput) {
+            window.dispatchEvent(new CustomEvent(SET_GLOBALS_EVENT_TYPE));
+        }
+        return () => {
+            window.removeEventListener(SET_GLOBALS_EVENT_TYPE, prefetchData);
+        };
+    }, []);
+    return hasPreloaded ?
+        _jsx(BaseApolloProvider, { client: client, children: children })
+        : null;
+};
+//# sourceMappingURL=ApolloProvider.js.map

package/dist/react/ApolloProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApolloProvider.js","sourceRoot":"","sources":["../../src/react/ApolloProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAS5D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAwB,EAAE,EAAE;IAC3E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,8JAA8J;IAC9J,+GAA+G;IAC/G,kDAAkD;IAClD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,KAAK,IAAI,EAAE;YAC9B,MAAM,MAAM,CAAC,YAAY,EAAE,CAAC;YAC5B,eAAe,CAAC,IAAI,CAAC,CAAC;YACtB,MAAM,CAAC,mBAAmB,CAAC,sBAAsB,EAAE,YAAY,CAAC,CAAC;QACnE,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,sBAAsB,EAAE,YAAY,EAAE;YAC5D,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;QAEH,IAAI,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC;YAC9B,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,sBAAsB,CAAC,CAAC,CAAC;QAChE,CAAC;QAED,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,sBAAsB,EAAE,YAAY,CAAC,CAAC;QACnE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,YAAY,CAAC,CAAC;QACjB,KAAC,kBAAkB,IAAC,MAAM,EAAE,MAAM,YAAG,QAAQ,GAAsB;QACrE,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC","sourcesContent":["import type { ReactNode } from \"react\";\nimport { useEffect, useState } from \"react\";\nimport { ApolloProvider as BaseApolloProvider } from \"@apollo/client/react\";\nimport type { ApolloClient } from \"../core/ApolloClient.js\";\nimport { SET_GLOBALS_EVENT_TYPE } from \"../types/openai.js\";\n\nexport declare namespace ApolloProvider {\n  export interface Props {\n    children?: ReactNode;\n    client: ApolloClient;\n  }\n}\n\nexport const ApolloProvider = ({ children, client }: ApolloProvider.Props) => {\n  const [hasPreloaded, setHasPreloaded] = useState(false);\n\n  // This is to prevent against a race condition. We don't know if window.openai will be available when this loads or if it will become available shortly after.\n  // So... we create the event listener and whenever it is available, then we can process the prefetch/tool data.\n  // In practice, this should be pretty much instant\n  useEffect(() => {\n    const prefetchData = async () => {\n      await client.prefetchData();\n      setHasPreloaded(true);\n      window.removeEventListener(SET_GLOBALS_EVENT_TYPE, prefetchData);\n    };\n\n    window.addEventListener(SET_GLOBALS_EVENT_TYPE, prefetchData, {\n      passive: true,\n    });\n\n    if (window.openai?.toolOutput) {\n      window.dispatchEvent(new CustomEvent(SET_GLOBALS_EVENT_TYPE));\n    }\n\n    return () => {\n      window.removeEventListener(SET_GLOBALS_EVENT_TYPE, prefetchData);\n    };\n  }, []);\n\n  return hasPreloaded ?\n      <BaseApolloProvider client={client}>{children}</BaseApolloProvider>\n    : null;\n};\n"]}

package/dist/react/context/ToolUseContext.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import type { ReactNode } from "react";
 interface ToolUseState {
     appName: string;
     hasNavigated: boolean;
@@ -10,6 +10,7 @@ export declare namespace ToolUseProvider {
         appName: string;
     }
 }
-export declare function ToolUseProvider({ children, appName }: ToolUseProvider.Props): React.JSX.Element;
-export declare function useToolUseState(): ToolUseState;
+export declare function ToolUseProvider({ children, appName }: ToolUseProvider.Props): import("react/jsx-runtime").JSX.Element;
+export declare function useToolUseState(): ToolUseState | null;
 export {};
+//# sourceMappingURL=ToolUseContext.d.ts.map

package/dist/react/context/ToolUseContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolUseContext.d.ts","sourceRoot":"","sources":["../../../src/react/context/ToolUseContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,YAAY;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAID,MAAM,CAAC,OAAO,WAAW,eAAe,CAAC;IACvC,UAAiB,KAAK;QACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;QACrB,OAAO,EAAE,MAAM,CAAC;KACjB;CACF;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,eAAe,CAAC,KAAK,2CAQ3E;AAED,wBAAgB,eAAe,wBAE9B"}

package/dist/react/context/ToolUseContext.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState } from "react";
+const ToolUseContext = createContext(null);
+export function ToolUseProvider({ children, appName }) {
+    const [hasNavigated, setHasNavigated] = useState(false);
+    return (_jsx(ToolUseContext.Provider, { value: { hasNavigated, setHasNavigated, appName }, children: children }));
+}
+export function useToolUseState() {
+    return useContext(ToolUseContext);
+}
+//# sourceMappingURL=ToolUseContext.js.map

package/dist/react/context/ToolUseContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolUseContext.js","sourceRoot":"","sources":["../../../src/react/context/ToolUseContext.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQ5D,MAAM,cAAc,GAAG,aAAa,CAAsB,IAAI,CAAC,CAAC;AAShE,MAAM,UAAU,eAAe,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAyB;IAC1E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,OAAO,CACL,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,eAAe,EAAE,OAAO,EAAE,YACvE,QAAQ,GACe,CAC3B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,eAAe;IAC7B,OAAO,UAAU,CAAC,cAAc,CAAC,CAAC;AACpC,CAAC","sourcesContent":["import type { ReactNode } from \"react\";\nimport { createContext, useContext, useState } from \"react\";\n\ninterface ToolUseState {\n  appName: string;\n  hasNavigated: boolean;\n  setHasNavigated: (v: boolean) => void;\n}\n\nconst ToolUseContext = createContext<ToolUseState | null>(null);\n\nexport declare namespace ToolUseProvider {\n  export interface Props {\n    children?: ReactNode;\n    appName: string;\n  }\n}\n\nexport function ToolUseProvider({ children, appName }: ToolUseProvider.Props) {\n  const [hasNavigated, setHasNavigated] = useState(false);\n\n  return (\n    <ToolUseContext.Provider value={{ hasNavigated, setHasNavigated, appName }}>\n      {children}\n    </ToolUseContext.Provider>\n  );\n}\n\nexport function useToolUseState() {\n  return useContext(ToolUseContext);\n}\n"]}

package/dist/react/hooks/useCallTool.d.ts

@@ -0,0 +1,4 @@
+type UseCallToolResult = <K>(toolId: string, variables?: Record<string, unknown> | undefined) => Promise<K>;
+export declare const useCallTool: () => UseCallToolResult;
+export {};
+//# sourceMappingURL=useCallTool.d.ts.map

package/dist/react/hooks/useCallTool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCallTool.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/useCallTool.ts"],"names":[],"mappings":"AAAA,KAAK,iBAAiB,GAAG,CAAC,CAAC,EACzB,MAAM,EAAE,MAAM,EACd,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,KAC5C,OAAO,CAAC,CAAC,CAAC,CAAC;AAEhB,eAAO,MAAM,WAAW,QAAO,iBAO9B,CAAC"}

package/dist/react/hooks/useCallTool.js

@@ -0,0 +1,5 @@
+export const useCallTool = () => {
+    const callTool = async (toolId, variables = {}) => await window.openai?.callTool(toolId, variables);
+    return callTool;
+};
+//# sourceMappingURL=useCallTool.js.map

package/dist/react/hooks/useCallTool.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCallTool.js","sourceRoot":"","sources":["../../../src/react/hooks/useCallTool.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,WAAW,GAAG,GAAsB,EAAE;IACjD,MAAM,QAAQ,GAAG,KAAK,EACpB,MAAc,EACd,YAAiD,EAAE,EACnD,EAAE,CAAC,MAAM,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAEtD,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC","sourcesContent":["type UseCallToolResult = <K>(\n  toolId: string,\n  variables?: Record<string, unknown> | undefined\n) => Promise<K>;\n\nexport const useCallTool = (): UseCallToolResult => {\n  const callTool = async (\n    toolId: string,\n    variables: Record<string, unknown> | undefined = {}\n  ) => await window.openai?.callTool(toolId, variables);\n\n  return callTool;\n};\n"]}

package/dist/react/hooks/useOpenAiGlobal.d.ts

@@ -1,2 +1,3 @@
-import { OpenAiGlobals } from "../../types/openai";
+import type { OpenAiGlobals } from "../../types/openai.js";
 export declare function useOpenAiGlobal<K extends keyof OpenAiGlobals>(key: K): OpenAiGlobals[K];
+//# sourceMappingURL=useOpenAiGlobal.d.ts.map

package/dist/react/hooks/useOpenAiGlobal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOpenAiGlobal.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/useOpenAiGlobal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAG5E,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,aAAa,EAC3D,GAAG,EAAE,CAAC,GACL,aAAa,CAAC,CAAC,CAAC,CAsBlB"}

package/dist/react/hooks/useOpenAiGlobal.js

@@ -0,0 +1,20 @@
+import { useSyncExternalStore, useCallback } from "react";
+import { SET_GLOBALS_EVENT_TYPE } from "../../types/openai.js";
+export function useOpenAiGlobal(key) {
+    return useSyncExternalStore(useCallback((onChange) => {
+        const handleSetGlobal = (event) => {
+            const value = event.detail.globals[key];
+            if (value === undefined) {
+                return;
+            }
+            onChange();
+        };
+        window.addEventListener(SET_GLOBALS_EVENT_TYPE, handleSetGlobal, {
+            passive: true,
+        });
+        return () => {
+            window.removeEventListener(SET_GLOBALS_EVENT_TYPE, handleSetGlobal);
+        };
+    }, []), () => window.openai[key]);
+}
+//# sourceMappingURL=useOpenAiGlobal.js.map

package/dist/react/hooks/useOpenAiGlobal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOpenAiGlobal.js","sourceRoot":"","sources":["../../../src/react/hooks/useOpenAiGlobal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,MAAM,UAAU,eAAe,CAC7B,GAAM;IAEN,OAAO,oBAAoB,CACzB,WAAW,CAAC,CAAC,QAAQ,EAAE,EAAE;QACvB,MAAM,eAAe,GAAG,CAAC,KAAsB,EAAE,EAAE;YACjD,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;YACxC,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;gBACxB,OAAO;YACT,CAAC;YAED,QAAQ,EAAE,CAAC;QACb,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,sBAAsB,EAAE,eAAe,EAAE;YAC/D,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,sBAAsB,EAAE,eAAe,CAAC,CAAC;QACtE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,EACN,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CACzB,CAAC;AACJ,CAAC","sourcesContent":["import { useSyncExternalStore, useCallback } from \"react\";\nimport type { SetGlobalsEvent, OpenAiGlobals } from \"../../types/openai.js\";\nimport { SET_GLOBALS_EVENT_TYPE } from \"../../types/openai.js\";\n\nexport function useOpenAiGlobal<K extends keyof OpenAiGlobals>(\n  key: K\n): OpenAiGlobals[K] {\n  return useSyncExternalStore(\n    useCallback((onChange) => {\n      const handleSetGlobal = (event: SetGlobalsEvent) => {\n        const value = event.detail.globals[key];\n        if (value === undefined) {\n          return;\n        }\n\n        onChange();\n      };\n\n      window.addEventListener(SET_GLOBALS_EVENT_TYPE, handleSetGlobal, {\n        passive: true,\n      });\n\n      return () => {\n        window.removeEventListener(SET_GLOBALS_EVENT_TYPE, handleSetGlobal);\n      };\n    }, []),\n    () => window.openai[key]\n  );\n}\n"]}

package/dist/react/hooks/useOpenExternal.d.ts

@@ -1,3 +1,4 @@
 export declare function useOpenExternal(): (payload: {
     href: string;
 }) => void;
+//# sourceMappingURL=useOpenExternal.d.ts.map

package/dist/react/hooks/useOpenExternal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOpenExternal.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/useOpenExternal.ts"],"names":[],"mappings":"AAKA,wBAAgB,eAAe;;WAK9B"}

package/dist/react/hooks/useOpenExternal.js

@@ -0,0 +1,5 @@
+import { useCallback } from "react";
+export function useOpenExternal() {
+    return useCallback((...args) => window.openai.openExternal(...args), []);
+}
+//# sourceMappingURL=useOpenExternal.js.map

package/dist/react/hooks/useOpenExternal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOpenExternal.js","sourceRoot":"","sources":["../../../src/react/hooks/useOpenExternal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAKpC,MAAM,UAAU,eAAe;IAC7B,OAAO,WAAW,CAChB,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,EAChD,EAAE,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { useCallback } from \"react\";\nimport type { API } from \"../../types/openai.js\";\n\ntype OpenExternalFn = API<any>[\"openExternal\"];\n\nexport function useOpenExternal() {\n  return useCallback<OpenExternalFn>(\n    (...args) => window.openai.openExternal(...args),\n    []\n  );\n}\n"]}

package/dist/react/hooks/useRequestDisplayMode.d.ts

@@ -1,6 +1,7 @@
-import { DisplayMode } from "../../types/openai";
+import type { DisplayMode } from "../../types/openai.js";
 export declare const useRequestDisplayMode: () => (args: {
     mode: DisplayMode;
 }) => Promise<{
     mode: DisplayMode;
 }>;
+//# sourceMappingURL=useRequestDisplayMode.d.ts.map

package/dist/react/hooks/useRequestDisplayMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRequestDisplayMode.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/useRequestDisplayMode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,eAAO,MAAM,qBAAqB,SAClB,MAAM;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE;;EAG1C,CAAC"}

package/dist/react/hooks/useRequestDisplayMode.js

@@ -0,0 +1,6 @@
+export const useRequestDisplayMode = () => {
+    return async (args) => {
+        return await window.openai?.requestDisplayMode(args);
+    };
+};
+//# sourceMappingURL=useRequestDisplayMode.js.map

package/dist/react/hooks/useRequestDisplayMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRequestDisplayMode.js","sourceRoot":"","sources":["../../../src/react/hooks/useRequestDisplayMode.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,OAAO,KAAK,EAAE,IAA2B,EAAE,EAAE;QAC3C,OAAO,MAAM,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IACvD,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { DisplayMode } from \"../../types/openai.js\";\n\nexport const useRequestDisplayMode = () => {\n  return async (args: { mode: DisplayMode }) => {\n    return await window.openai?.requestDisplayMode(args);\n  };\n};\n"]}

package/dist/react/hooks/useSendFollowUpMessage.d.ts

@@ -1 +1,2 @@
 export declare const useSendFollowUpMessage: () => (prompt: string) => Promise<void>;
+//# sourceMappingURL=useSendFollowUpMessage.d.ts.map

package/dist/react/hooks/useSendFollowUpMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSendFollowUpMessage.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/useSendFollowUpMessage.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,SACnB,QAAQ,MAAM,kBAK7B,CAAC"}

package/dist/react/hooks/useSendFollowUpMessage.js

@@ -0,0 +1,8 @@
+export const useSendFollowUpMessage = () => {
+    return async (prompt) => {
+        await window.openai?.sendFollowUpMessage({
+            prompt,
+        });
+    };
+};
+//# sourceMappingURL=useSendFollowUpMessage.js.map

package/dist/react/hooks/useSendFollowUpMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSendFollowUpMessage.js","sourceRoot":"","sources":["../../../src/react/hooks/useSendFollowUpMessage.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,OAAO,KAAK,EAAE,MAAc,EAAE,EAAE;QAC9B,MAAM,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC;YACvC,MAAM;SACP,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["export const useSendFollowUpMessage = () => {\n  return async (prompt: string) => {\n    await window.openai?.sendFollowUpMessage({\n      prompt,\n    });\n  };\n};\n"]}

package/dist/react/hooks/useToolEffect.d.ts

@@ -1,2 +1,3 @@
 import React from "react";
 export declare const useToolEffect: (toolName: string | string[], effect: (toolInput: any) => void, deps?: React.DependencyList) => void;
+//# sourceMappingURL=useToolEffect.d.ts.map

package/dist/react/hooks/useToolEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolEffect.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/useToolEffect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAKzC,eAAO,MAAM,aAAa,GACxB,UAAU,MAAM,GAAG,MAAM,EAAE,EAC3B,QAAQ,CAAC,SAAS,EAAE,GAAG,KAAK,IAAI,EAChC,OAAM,KAAK,CAAC,cAAmB,SA4BhC,CAAC"}

package/dist/react/hooks/useToolEffect.js

@@ -0,0 +1,28 @@
+import React, { useEffect } from "react";
+import { useToolName } from "./useToolName.js";
+import { useToolInput } from "./useToolInput.js";
+import { useToolUseState } from "../context/ToolUseContext.js";
+export const useToolEffect = (toolName, effect, deps = []) => {
+    const ctx = useToolUseState();
+    const fullToolName = useToolName();
+    const toolInput = useToolInput();
+    if (!ctx)
+        throw new Error("useToolEffect must be used within ToolUseProvider");
+    const toolNames = Array.isArray(toolName) ? toolName : [toolName];
+    useEffect(() => {
+        const matches = toolNames.some((name) => fullToolName === `${ctx.appName}--${name}`);
+        if (!ctx.hasNavigated && matches) {
+            effect(toolInput);
+            ctx.setHasNavigated(true);
+        }
+    }, [
+        ctx.hasNavigated,
+        ctx.setHasNavigated,
+        ctx.appName,
+        toolNames,
+        fullToolName,
+        toolInput,
+        ...deps,
+    ]);
+};
+//# sourceMappingURL=useToolEffect.js.map

package/dist/react/hooks/useToolEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolEffect.js","sourceRoot":"","sources":["../../../src/react/hooks/useToolEffect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,QAA2B,EAC3B,MAAgC,EAChC,OAA6B,EAAE,EAC/B,EAAE;IACF,MAAM,GAAG,GAAG,eAAe,EAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,WAAW,EAAE,CAAC;IACnC,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,IAAI,CAAC,GAAG;QACN,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;IAEvE,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAElE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,SAAS,CAAC,IAAI,CAC5B,CAAC,IAAI,EAAE,EAAE,CAAC,YAAY,KAAK,GAAG,GAAG,CAAC,OAAO,KAAK,IAAI,EAAE,CACrD,CAAC;QAEF,IAAI,CAAC,GAAG,CAAC,YAAY,IAAI,OAAO,EAAE,CAAC;YACjC,MAAM,CAAC,SAAS,CAAC,CAAC;YAClB,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,EAAE;QACD,GAAG,CAAC,YAAY;QAChB,GAAG,CAAC,eAAe;QACnB,GAAG,CAAC,OAAO;QACX,SAAS;QACT,YAAY;QACZ,SAAS;QACT,GAAG,IAAI;KACR,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["import React, { useEffect } from \"react\";\nimport { useToolName } from \"./useToolName.js\";\nimport { useToolInput } from \"./useToolInput.js\";\nimport { useToolUseState } from \"../context/ToolUseContext.js\";\n\nexport const useToolEffect = (\n  toolName: string | string[],\n  effect: (toolInput: any) => void,\n  deps: React.DependencyList = []\n) => {\n  const ctx = useToolUseState();\n  const fullToolName = useToolName();\n  const toolInput = useToolInput();\n  if (!ctx)\n    throw new Error(\"useToolEffect must be used within ToolUseProvider\");\n\n  const toolNames = Array.isArray(toolName) ? toolName : [toolName];\n\n  useEffect(() => {\n    const matches = toolNames.some(\n      (name) => fullToolName === `${ctx.appName}--${name}`\n    );\n\n    if (!ctx.hasNavigated && matches) {\n      effect(toolInput);\n      ctx.setHasNavigated(true);\n    }\n  }, [\n    ctx.hasNavigated,\n    ctx.setHasNavigated,\n    ctx.appName,\n    toolNames,\n    fullToolName,\n    toolInput,\n    ...deps,\n  ]);\n};\n"]}

package/dist/react/hooks/useToolInput.d.ts

@@ -1 +1,2 @@
 export declare const useToolInput: () => any;
+//# sourceMappingURL=useToolInput.d.ts.map