@copilotkitnext/react 0.0.22-alpha.1 → 0.0.22-alpha.3

package/dist/hooks/index.js

@@ -0,0 +1,691 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/index.ts
+var hooks_exports = {};
+__export(hooks_exports, {
+  useAgent: () => useAgent,
+  useAgentContext: () => useAgentContext,
+  useConfigureSuggestions: () => useConfigureSuggestions,
+  useFrontendTool: () => useFrontendTool,
+  useHumanInTheLoop: () => useHumanInTheLoop,
+  useRenderActivityMessage: () => useRenderActivityMessage,
+  useRenderCustomMessages: () => useRenderCustomMessages,
+  useRenderToolCall: () => useRenderToolCall,
+  useSuggestions: () => useSuggestions
+});
+module.exports = __toCommonJS(hooks_exports);
+
+// src/hooks/use-render-tool-call.tsx
+var import_react4 = require("react");
+var import_core2 = require("@copilotkitnext/core");
+
+// src/providers/CopilotKitProvider.tsx
+var import_react2 = require("react");
+var import_zod = require("zod");
+
+// src/lib/react-core.ts
+var import_core = require("@copilotkitnext/core");
+
+// src/components/CopilotKitInspector.tsx
+var React = __toESM(require("react"));
+var import_react = require("@lit-labs/react");
+var import_web_inspector = require("@copilotkitnext/web-inspector");
+var import_jsx_runtime = require("react/jsx-runtime");
+(0, import_web_inspector.defineWebInspector)();
+var CopilotKitInspectorBase = (0, import_react.createComponent)({
+  tagName: import_web_inspector.WEB_INSPECTOR_TAG,
+  elementClass: import_web_inspector.WebInspectorElement,
+  react: React
+});
+var CopilotKitInspector = React.forwardRef(
+  ({ core, ...rest }, ref) => {
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => innerRef.current, []);
+    React.useEffect(() => {
+      if (innerRef.current) {
+        innerRef.current.core = core ?? null;
+      }
+    }, [core]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      CopilotKitInspectorBase,
+      {
+        ...rest,
+        ref: innerRef
+      }
+    );
+  }
+);
+CopilotKitInspector.displayName = "CopilotKitInspector";
+
+// src/providers/CopilotKitProvider.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var CopilotKitContext = (0, import_react2.createContext)({
+  copilotkit: null
+});
+var useCopilotKit = () => {
+  const context = (0, import_react2.useContext)(CopilotKitContext);
+  const [, forceUpdate] = (0, import_react2.useReducer)((x) => x + 1, 0);
+  if (!context) {
+    throw new Error("useCopilotKit must be used within CopilotKitProvider");
+  }
+  (0, import_react2.useEffect)(() => {
+    const unsubscribe = context.copilotkit.subscribe({
+      onRuntimeConnectionStatusChanged: () => {
+        forceUpdate();
+      }
+    });
+    return () => {
+      unsubscribe();
+    };
+  }, []);
+  return context;
+};
+
+// src/providers/CopilotChatConfigurationProvider.tsx
+var import_react3 = require("react");
+var import_shared = require("@copilotkitnext/shared");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var CopilotChatConfiguration = (0, import_react3.createContext)(null);
+var useCopilotChatConfiguration = () => {
+  const configuration = (0, import_react3.useContext)(CopilotChatConfiguration);
+  return configuration;
+};
+
+// src/hooks/use-render-tool-call.tsx
+var import_shared2 = require("@copilotkitnext/shared");
+var import_shared3 = require("@copilotkitnext/shared");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function useRenderToolCall() {
+  const { copilotkit } = useCopilotKit();
+  const config = useCopilotChatConfiguration();
+  const agentId = config?.agentId ?? import_shared2.DEFAULT_AGENT_ID;
+  const [executingToolCallIds, setExecutingToolCallIds] = (0, import_react4.useState)(() => /* @__PURE__ */ new Set());
+  const renderToolCalls = (0, import_react4.useSyncExternalStore)(
+    (callback) => {
+      return copilotkit.subscribe({
+        onRenderToolCallsChanged: callback
+      });
+    },
+    () => copilotkit.renderToolCalls,
+    () => copilotkit.renderToolCalls
+  );
+  (0, import_react4.useEffect)(() => {
+    const unsubscribe = copilotkit.subscribe({
+      onToolExecutionStart: ({ toolCallId }) => {
+        setExecutingToolCallIds((prev) => {
+          if (prev.has(toolCallId)) return prev;
+          const next = new Set(prev);
+          next.add(toolCallId);
+          return next;
+        });
+      },
+      onToolExecutionEnd: ({ toolCallId }) => {
+        setExecutingToolCallIds((prev) => {
+          if (!prev.has(toolCallId)) return prev;
+          const next = new Set(prev);
+          next.delete(toolCallId);
+          return next;
+        });
+      }
+    });
+    return () => unsubscribe();
+  }, [copilotkit]);
+  const renderToolCall = (0, import_react4.useCallback)(
+    ({
+      toolCall,
+      toolMessage
+    }) => {
+      const exactMatches = renderToolCalls.filter(
+        (rc) => rc.name === toolCall.function.name
+      );
+      const renderConfig = exactMatches.find((rc) => rc.agentId === agentId) || exactMatches.find((rc) => !rc.agentId) || exactMatches[0] || renderToolCalls.find((rc) => rc.name === "*");
+      if (!renderConfig) {
+        return null;
+      }
+      const RenderComponent = renderConfig.render;
+      const args = (0, import_shared3.partialJSONParse)(toolCall.function.arguments);
+      const toolName = toolCall.function.name;
+      if (toolMessage) {
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          RenderComponent,
+          {
+            name: toolName,
+            args,
+            status: import_core2.ToolCallStatus.Complete,
+            result: toolMessage.content
+          },
+          toolCall.id
+        );
+      } else if (executingToolCallIds.has(toolCall.id)) {
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          RenderComponent,
+          {
+            name: toolName,
+            args,
+            status: import_core2.ToolCallStatus.Executing,
+            result: void 0
+          },
+          toolCall.id
+        );
+      } else {
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          RenderComponent,
+          {
+            name: toolName,
+            args,
+            status: import_core2.ToolCallStatus.InProgress,
+            result: void 0
+          },
+          toolCall.id
+        );
+      }
+    },
+    [renderToolCalls, executingToolCallIds, agentId]
+  );
+  return renderToolCall;
+}
+
+// src/hooks/use-render-custom-messages.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function useRenderCustomMessages() {
+  const { copilotkit } = useCopilotKit();
+  const config = useCopilotChatConfiguration();
+  if (!config) {
+    return null;
+  }
+  const { agentId, threadId } = config;
+  const customMessageRenderers = copilotkit.renderCustomMessages.filter((renderer) => renderer.agentId === void 0 || renderer.agentId === agentId).sort((a, b) => {
+    const aHasAgent = a.agentId !== void 0;
+    const bHasAgent = b.agentId !== void 0;
+    if (aHasAgent === bHasAgent) return 0;
+    return aHasAgent ? -1 : 1;
+  });
+  return function(params) {
+    if (!customMessageRenderers.length) {
+      return null;
+    }
+    const { message, position } = params;
+    const runId = copilotkit.getRunIdForMessage(agentId, threadId, message.id);
+    const agent = copilotkit.getAgent(agentId);
+    if (!agent) {
+      throw new Error("Agent not found");
+    }
+    const messagesIdsInRun = agent.messages.filter((msg) => copilotkit.getRunIdForMessage(agentId, threadId, msg.id) === runId).map((msg) => msg.id);
+    const messageIndex = agent.messages.findIndex((msg) => msg.id === message.id) ?? 0;
+    const messageIndexInRun = Math.min(messagesIdsInRun.indexOf(message.id), 0);
+    const numberOfMessagesInRun = messagesIdsInRun.length;
+    const stateSnapshot = copilotkit.getStateByRun(agentId, threadId, runId);
+    let result = null;
+    for (const renderer of customMessageRenderers) {
+      if (!renderer.render) {
+        continue;
+      }
+      const Component = renderer.render;
+      result = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        Component,
+        {
+          message,
+          position,
+          runId,
+          messageIndex,
+          messageIndexInRun,
+          numberOfMessagesInRun,
+          agentId,
+          stateSnapshot
+        },
+        `${runId}-${message.id}-${position}`
+      );
+      if (result) {
+        break;
+      }
+    }
+    return result;
+  };
+}
+
+// src/hooks/use-render-activity-message.tsx
+var import_shared4 = require("@copilotkitnext/shared");
+var import_react5 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function useRenderActivityMessage() {
+  const { copilotkit } = useCopilotKit();
+  const config = useCopilotChatConfiguration();
+  const agentId = config?.agentId ?? import_shared4.DEFAULT_AGENT_ID;
+  const renderers = copilotkit.renderActivityMessages;
+  return (0, import_react5.useCallback)(
+    (message) => {
+      if (!renderers.length) {
+        return null;
+      }
+      const matches = renderers.filter(
+        (renderer2) => renderer2.activityType === message.activityType
+      );
+      const renderer = matches.find((candidate) => candidate.agentId === agentId) ?? matches.find((candidate) => candidate.agentId === void 0) ?? renderers.find((candidate) => candidate.activityType === "*");
+      if (!renderer) {
+        return null;
+      }
+      const parseResult = renderer.content.safeParse(message.content);
+      if (!parseResult.success) {
+        console.warn(
+          `Failed to parse content for activity message '${message.activityType}':`,
+          parseResult.error
+        );
+        return null;
+      }
+      const Component = renderer.render;
+      const agent = copilotkit.getAgent(agentId);
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        Component,
+        {
+          activityType: message.activityType,
+          content: parseResult.data,
+          message,
+          agent
+        },
+        message.id
+      );
+    },
+    [agentId, copilotkit, renderers]
+  );
+}
+
+// src/hooks/use-frontend-tool.tsx
+var import_react6 = require("react");
+function useFrontendTool(tool) {
+  const { copilotkit } = useCopilotKit();
+  (0, import_react6.useEffect)(() => {
+    const name = tool.name;
+    if (copilotkit.getTool({ toolName: name, agentId: tool.agentId })) {
+      console.warn(
+        `Tool '${name}' already exists for agent '${tool.agentId || "global"}'. Overriding with latest registration.`
+      );
+      copilotkit.removeTool(name, tool.agentId);
+    }
+    copilotkit.addTool(tool);
+    if (tool.render) {
+      const keyOf = (rc) => `${rc.agentId ?? ""}:${rc.name}`;
+      const currentRenderToolCalls = copilotkit.renderToolCalls;
+      const mergedMap = /* @__PURE__ */ new Map();
+      for (const rc of currentRenderToolCalls) {
+        mergedMap.set(keyOf(rc), rc);
+      }
+      const newEntry = {
+        name,
+        args: tool.parameters,
+        agentId: tool.agentId,
+        render: tool.render
+      };
+      mergedMap.set(keyOf(newEntry), newEntry);
+      copilotkit.setRenderToolCalls(Array.from(mergedMap.values()));
+    }
+    return () => {
+      copilotkit.removeTool(name, tool.agentId);
+    };
+  }, [tool.name, copilotkit]);
+}
+
+// src/hooks/use-human-in-the-loop.tsx
+var import_react7 = require("react");
+var import_react8 = __toESM(require("react"));
+function useHumanInTheLoop(tool) {
+  const { copilotkit } = useCopilotKit();
+  const resolvePromiseRef = (0, import_react7.useRef)(null);
+  const respond = (0, import_react7.useCallback)(async (result) => {
+    if (resolvePromiseRef.current) {
+      resolvePromiseRef.current(result);
+      resolvePromiseRef.current = null;
+    }
+  }, []);
+  const handler = (0, import_react7.useCallback)(async () => {
+    return new Promise((resolve) => {
+      resolvePromiseRef.current = resolve;
+    });
+  }, []);
+  const RenderComponent = (0, import_react7.useCallback)(
+    (props) => {
+      const ToolComponent = tool.render;
+      if (props.status === "inProgress") {
+        const enhancedProps = {
+          ...props,
+          name: tool.name,
+          description: tool.description || "",
+          respond: void 0
+        };
+        return import_react8.default.createElement(ToolComponent, enhancedProps);
+      } else if (props.status === "executing") {
+        const enhancedProps = {
+          ...props,
+          name: tool.name,
+          description: tool.description || "",
+          respond
+        };
+        return import_react8.default.createElement(ToolComponent, enhancedProps);
+      } else if (props.status === "complete") {
+        const enhancedProps = {
+          ...props,
+          name: tool.name,
+          description: tool.description || "",
+          respond: void 0
+        };
+        return import_react8.default.createElement(ToolComponent, enhancedProps);
+      }
+      return import_react8.default.createElement(ToolComponent, props);
+    },
+    [tool.render, tool.name, tool.description, respond]
+  );
+  const frontendTool = {
+    ...tool,
+    handler,
+    render: RenderComponent
+  };
+  useFrontendTool(frontendTool);
+  (0, import_react7.useEffect)(() => {
+    return () => {
+      const keyOf = (rc) => `${rc.agentId ?? ""}:${rc.name}`;
+      const currentRenderToolCalls = copilotkit.renderToolCalls;
+      const filtered = currentRenderToolCalls.filter(
+        (rc) => keyOf(rc) !== keyOf({ name: tool.name, agentId: tool.agentId })
+      );
+      copilotkit.setRenderToolCalls(filtered);
+    };
+  }, [copilotkit, tool.name, tool.agentId]);
+}
+
+// src/hooks/use-agent.tsx
+var import_react9 = require("react");
+var import_shared5 = require("@copilotkitnext/shared");
+var ALL_UPDATES = [
+  "OnMessagesChanged" /* OnMessagesChanged */,
+  "OnStateChanged" /* OnStateChanged */,
+  "OnRunStatusChanged" /* OnRunStatusChanged */
+];
+function useAgent({ agentId, updates } = {}) {
+  agentId ??= import_shared5.DEFAULT_AGENT_ID;
+  const { copilotkit } = useCopilotKit();
+  const [, forceUpdate] = (0, import_react9.useReducer)((x) => x + 1, 0);
+  const updateFlags = (0, import_react9.useMemo)(
+    () => updates ?? ALL_UPDATES,
+    [JSON.stringify(updates)]
+  );
+  const agent = (0, import_react9.useMemo)(() => {
+    return copilotkit.getAgent(agentId);
+  }, [
+    agentId,
+    copilotkit.agents,
+    copilotkit.runtimeConnectionStatus,
+    copilotkit
+  ]);
+  (0, import_react9.useEffect)(() => {
+    if (!agent) {
+      return;
+    }
+    if (updateFlags.length === 0) {
+      return;
+    }
+    const handlers = {};
+    if (updateFlags.includes("OnMessagesChanged" /* OnMessagesChanged */)) {
+      handlers.onMessagesChanged = () => {
+        forceUpdate();
+      };
+    }
+    if (updateFlags.includes("OnStateChanged" /* OnStateChanged */)) {
+      handlers.onStateChanged = () => {
+        forceUpdate();
+      };
+    }
+    if (updateFlags.includes("OnRunStatusChanged" /* OnRunStatusChanged */)) {
+      handlers.onRunInitialized = () => {
+        forceUpdate();
+      };
+      handlers.onRunFinalized = () => {
+        forceUpdate();
+      };
+      handlers.onRunFailed = () => {
+        forceUpdate();
+      };
+    }
+    const subscription = agent.subscribe(handlers);
+    return () => subscription.unsubscribe();
+  }, [agent, forceUpdate, JSON.stringify(updateFlags)]);
+  return {
+    agent
+  };
+}
+
+// src/hooks/use-agent-context.tsx
+var import_react10 = require("react");
+function useAgentContext(context) {
+  const { description, value } = context;
+  const { copilotkit } = useCopilotKit();
+  (0, import_react10.useEffect)(() => {
+    if (!copilotkit) return;
+    const id = copilotkit.addContext(context);
+    return () => {
+      copilotkit.removeContext(id);
+    };
+  }, [description, value, copilotkit]);
+}
+
+// src/hooks/use-suggestions.tsx
+var import_react11 = require("react");
+var import_shared6 = require("@copilotkitnext/shared");
+function useSuggestions({ agentId } = {}) {
+  const { copilotkit } = useCopilotKit();
+  const config = useCopilotChatConfiguration();
+  const resolvedAgentId = (0, import_react11.useMemo)(() => agentId ?? config?.agentId ?? import_shared6.DEFAULT_AGENT_ID, [agentId, config?.agentId]);
+  const [suggestions, setSuggestions] = (0, import_react11.useState)(() => {
+    const result = copilotkit.getSuggestions(resolvedAgentId);
+    return result.suggestions;
+  });
+  const [isLoading, setIsLoading] = (0, import_react11.useState)(() => {
+    const result = copilotkit.getSuggestions(resolvedAgentId);
+    return result.isLoading;
+  });
+  (0, import_react11.useEffect)(() => {
+    const result = copilotkit.getSuggestions(resolvedAgentId);
+    setSuggestions(result.suggestions);
+    setIsLoading(result.isLoading);
+  }, [copilotkit, resolvedAgentId]);
+  (0, import_react11.useEffect)(() => {
+    const unsubscribe = copilotkit.subscribe({
+      onSuggestionsChanged: ({ agentId: changedAgentId, suggestions: suggestions2 }) => {
+        if (changedAgentId !== resolvedAgentId) {
+          return;
+        }
+        setSuggestions(suggestions2);
+      },
+      onSuggestionsStartedLoading: ({ agentId: changedAgentId }) => {
+        if (changedAgentId !== resolvedAgentId) {
+          return;
+        }
+        setIsLoading(true);
+      },
+      onSuggestionsFinishedLoading: ({ agentId: changedAgentId }) => {
+        if (changedAgentId !== resolvedAgentId) {
+          return;
+        }
+        setIsLoading(false);
+      },
+      onSuggestionsConfigChanged: () => {
+        const result = copilotkit.getSuggestions(resolvedAgentId);
+        setSuggestions(result.suggestions);
+        setIsLoading(result.isLoading);
+      }
+    });
+    return () => {
+      unsubscribe();
+    };
+  }, [copilotkit, resolvedAgentId]);
+  const reloadSuggestions = (0, import_react11.useCallback)(() => {
+    copilotkit.reloadSuggestions(resolvedAgentId);
+  }, [copilotkit, resolvedAgentId]);
+  const clearSuggestions = (0, import_react11.useCallback)(() => {
+    copilotkit.clearSuggestions(resolvedAgentId);
+  }, [copilotkit, resolvedAgentId]);
+  return {
+    suggestions,
+    reloadSuggestions,
+    clearSuggestions,
+    isLoading
+  };
+}
+
+// src/hooks/use-configure-suggestions.tsx
+var import_react12 = require("react");
+var import_shared7 = require("@copilotkitnext/shared");
+var EMPTY_DEPS = [];
+function useConfigureSuggestions(config, options) {
+  const { copilotkit } = useCopilotKit();
+  const chatConfig = useCopilotChatConfiguration();
+  const extraDeps = options?.deps ?? EMPTY_DEPS;
+  const resolvedConsumerAgentId = (0, import_react12.useMemo)(() => chatConfig?.agentId ?? import_shared7.DEFAULT_AGENT_ID, [chatConfig?.agentId]);
+  const rawConsumerAgentId = (0, import_react12.useMemo)(() => config ? config.consumerAgentId : void 0, [config]);
+  const normalizationCacheRef = (0, import_react12.useRef)({
+    serialized: null,
+    config: null
+  });
+  const { normalizedConfig, serializedConfig } = (0, import_react12.useMemo)(() => {
+    if (!config) {
+      normalizationCacheRef.current = { serialized: null, config: null };
+      return { normalizedConfig: null, serializedConfig: null };
+    }
+    if (config.available === "disabled") {
+      normalizationCacheRef.current = { serialized: null, config: null };
+      return { normalizedConfig: null, serializedConfig: null };
+    }
+    let built;
+    if (isDynamicConfig(config)) {
+      built = {
+        ...config
+      };
+    } else {
+      const normalizedSuggestions = normalizeStaticSuggestions(config.suggestions);
+      const baseConfig = {
+        ...config,
+        suggestions: normalizedSuggestions
+      };
+      built = baseConfig;
+    }
+    const serialized = JSON.stringify(built);
+    const cache = normalizationCacheRef.current;
+    if (cache.serialized === serialized && cache.config) {
+      return { normalizedConfig: cache.config, serializedConfig: serialized };
+    }
+    normalizationCacheRef.current = { serialized, config: built };
+    return { normalizedConfig: built, serializedConfig: serialized };
+  }, [config, resolvedConsumerAgentId, ...extraDeps]);
+  const latestConfigRef = (0, import_react12.useRef)(null);
+  latestConfigRef.current = normalizedConfig;
+  const previousSerializedConfigRef = (0, import_react12.useRef)(null);
+  const targetAgentId = (0, import_react12.useMemo)(() => {
+    if (!normalizedConfig) {
+      return resolvedConsumerAgentId;
+    }
+    const consumer = normalizedConfig.consumerAgentId;
+    if (!consumer || consumer === "*") {
+      return resolvedConsumerAgentId;
+    }
+    return consumer;
+  }, [normalizedConfig, resolvedConsumerAgentId]);
+  const isGlobalConfig = rawConsumerAgentId === void 0 || rawConsumerAgentId === "*";
+  const requestReload = (0, import_react12.useCallback)(() => {
+    if (!normalizedConfig) {
+      return;
+    }
+    if (isGlobalConfig) {
+      const agents = Object.values(copilotkit.agents ?? {});
+      for (const entry of agents) {
+        const agentId = entry.agentId;
+        if (!agentId) {
+          continue;
+        }
+        if (!entry.isRunning) {
+          copilotkit.reloadSuggestions(agentId);
+        }
+      }
+      return;
+    }
+    if (!targetAgentId) {
+      return;
+    }
+    copilotkit.reloadSuggestions(targetAgentId);
+  }, [copilotkit, isGlobalConfig, normalizedConfig, targetAgentId]);
+  (0, import_react12.useEffect)(() => {
+    if (!serializedConfig || !latestConfigRef.current) {
+      return;
+    }
+    const id = copilotkit.addSuggestionsConfig(latestConfigRef.current);
+    requestReload();
+    return () => {
+      copilotkit.removeSuggestionsConfig(id);
+    };
+  }, [copilotkit, serializedConfig, requestReload]);
+  (0, import_react12.useEffect)(() => {
+    if (!normalizedConfig) {
+      previousSerializedConfigRef.current = null;
+      return;
+    }
+    if (serializedConfig && previousSerializedConfigRef.current === serializedConfig) {
+      return;
+    }
+    if (serializedConfig) {
+      previousSerializedConfigRef.current = serializedConfig;
+    }
+    requestReload();
+  }, [normalizedConfig, requestReload, serializedConfig]);
+  (0, import_react12.useEffect)(() => {
+    if (!normalizedConfig || extraDeps.length === 0) {
+      return;
+    }
+    requestReload();
+  }, [extraDeps.length, normalizedConfig, requestReload, ...extraDeps]);
+}
+function isDynamicConfig(config) {
+  return "instructions" in config;
+}
+function normalizeStaticSuggestions(suggestions) {
+  return suggestions.map((suggestion) => ({
+    ...suggestion,
+    isLoading: suggestion.isLoading ?? false
+  }));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useAgent,
+  useAgentContext,
+  useConfigureSuggestions,
+  useFrontendTool,
+  useHumanInTheLoop,
+  useRenderActivityMessage,
+  useRenderCustomMessages,
+  useRenderToolCall,
+  useSuggestions
+});
+//# sourceMappingURL=index.js.map