@copilotkit/react-core 1.50.0-beta.8 → 1.50.0

package/dist/hooks/index.js

@@ -81,13 +81,13 @@ var hooks_exports = {};
 __export(hooks_exports, {
   useCoAgent: () => useCoAgent,
   useCoAgentStateRender: () => useCoAgentStateRender,
-  useConfigureChatSuggestions: () => useConfigureChatSuggestions,
   useCopilotAction: () => useCopilotAction,
   useCopilotAdditionalInstructions: () => useCopilotAdditionalInstructions,
   useCopilotAuthenticatedAction_c: () => useCopilotAuthenticatedAction_c,
   useCopilotChat: () => useCopilotChat,
   useCopilotChatHeadless_c: () => useCopilotChatHeadless_c,
   useCopilotChatInternal: () => useCopilotChatInternal,
+  useCopilotChatSuggestions: () => useCopilotChatSuggestions,
   useCopilotReadable: () => useCopilotReadable,
   useCopilotRuntimeClient: () => useCopilotRuntimeClient,
   useDefaultTool: () => useDefaultTool,
@@ -102,7 +102,7 @@ __export(hooks_exports, {
 module.exports = __toCommonJS(hooks_exports);
 
 // src/hooks/use-copilot-chat_internal.ts
-var import_react15 = require("react");
+var import_react13 = require("react");
 
 // src/context/copilot-context.tsx
 var import_react = __toESM(require("react"));
@@ -491,7 +491,7 @@ function useLangGraphInterruptRender(agent) {
 }
 
 // src/hooks/use-copilot-chat_internal.ts
-var import_react16 = require("@copilotkitnext/react");
+var import_react14 = require("@copilotkitnext/react");
 
 // src/hooks/use-lazy-tool-renderer.tsx
 var import_react9 = require("@copilotkitnext/react");
@@ -518,448 +518,12 @@ function useLazyToolRenderer() {
   );
 }
 
-// src/hooks/use-configure-chat-suggestions.tsx
-var import_react11 = require("@copilotkitnext/react");
-var import_react12 = require("react");
-function useConfigureChatSuggestions(config, dependencies = []) {
-  var _a;
-  const existingConfig = (0, import_react11.useCopilotChatConfiguration)();
-  const resolvedAgentId = (_a = existingConfig == null ? void 0 : existingConfig.agentId) != null ? _a : "default";
-  const { copilotkit } = (0, import_react11.useCopilotKit)();
-  const available = config.available === "enabled" ? "always" : config.available;
-  const finalSuggestionConfig = __spreadProps(__spreadValues({}, config), {
-    available,
-    consumerAgentId: resolvedAgentId
-    // Use chatConfig.agentId here
-  });
-  (0, import_react11.useConfigureSuggestions)(finalSuggestionConfig, dependencies);
-  const result = (0, import_react11.useSuggestions)({ agentId: resolvedAgentId });
-  (0, import_react12.useEffect)(() => {
-    if (finalSuggestionConfig.available === "disabled")
-      return;
-    const subscription = copilotkit.subscribe({
-      onAgentsChanged: () => {
-        const agent = copilotkit.getAgent(resolvedAgentId);
-        if (agent && !agent.isRunning && !result.suggestions.length) {
-          copilotkit.reloadSuggestions(resolvedAgentId);
-        }
-      }
-    });
-    return () => {
-      subscription.unsubscribe();
-    };
-  }, [resolvedAgentId]);
-  return result;
-}
-
-// ../../node_modules/.pnpm/@ag-ui+core@0.0.42/node_modules/@ag-ui/core/dist/index.mjs
-var import_zod = require("zod");
-var import_zod2 = require("zod");
-var FunctionCallSchema = import_zod.z.object({
-  name: import_zod.z.string(),
-  arguments: import_zod.z.string()
-});
-var ToolCallSchema = import_zod.z.object({
-  id: import_zod.z.string(),
-  type: import_zod.z.literal("function"),
-  function: FunctionCallSchema
-});
-var BaseMessageSchema = import_zod.z.object({
-  id: import_zod.z.string(),
-  role: import_zod.z.string(),
-  content: import_zod.z.string().optional(),
-  name: import_zod.z.string().optional()
-});
-var TextInputContentSchema = import_zod.z.object({
-  type: import_zod.z.literal("text"),
-  text: import_zod.z.string()
-});
-var BinaryInputContentObjectSchema = import_zod.z.object({
-  type: import_zod.z.literal("binary"),
-  mimeType: import_zod.z.string(),
-  id: import_zod.z.string().optional(),
-  url: import_zod.z.string().optional(),
-  data: import_zod.z.string().optional(),
-  filename: import_zod.z.string().optional()
-});
-var ensureBinaryPayload = (value, ctx) => {
-  if (!value.id && !value.url && !value.data) {
-    ctx.addIssue({
-      code: import_zod.z.ZodIssueCode.custom,
-      message: "BinaryInputContent requires at least one of id, url, or data.",
-      path: ["id"]
-    });
-  }
-};
-var BinaryInputContentSchema = BinaryInputContentObjectSchema.superRefine((value, ctx) => {
-  ensureBinaryPayload(value, ctx);
-});
-var InputContentBaseSchema = import_zod.z.discriminatedUnion("type", [
-  TextInputContentSchema,
-  BinaryInputContentObjectSchema
-]);
-var InputContentSchema = InputContentBaseSchema.superRefine((value, ctx) => {
-  if (value.type === "binary") {
-    ensureBinaryPayload(value, ctx);
-  }
-});
-var DeveloperMessageSchema = BaseMessageSchema.extend({
-  role: import_zod.z.literal("developer"),
-  content: import_zod.z.string()
-});
-var SystemMessageSchema = BaseMessageSchema.extend({
-  role: import_zod.z.literal("system"),
-  content: import_zod.z.string()
-});
-var AssistantMessageSchema = BaseMessageSchema.extend({
-  role: import_zod.z.literal("assistant"),
-  content: import_zod.z.string().optional(),
-  toolCalls: import_zod.z.array(ToolCallSchema).optional()
-});
-var UserMessageSchema = BaseMessageSchema.extend({
-  role: import_zod.z.literal("user"),
-  content: import_zod.z.union([import_zod.z.string(), import_zod.z.array(InputContentSchema)])
-});
-var ToolMessageSchema = import_zod.z.object({
-  id: import_zod.z.string(),
-  content: import_zod.z.string(),
-  role: import_zod.z.literal("tool"),
-  toolCallId: import_zod.z.string(),
-  error: import_zod.z.string().optional()
-});
-var ActivityMessageSchema = import_zod.z.object({
-  id: import_zod.z.string(),
-  role: import_zod.z.literal("activity"),
-  activityType: import_zod.z.string(),
-  content: import_zod.z.record(import_zod.z.any())
-});
-var MessageSchema = import_zod.z.discriminatedUnion("role", [
-  DeveloperMessageSchema,
-  SystemMessageSchema,
-  AssistantMessageSchema,
-  UserMessageSchema,
-  ToolMessageSchema,
-  ActivityMessageSchema
-]);
-var RoleSchema = import_zod.z.union([
-  import_zod.z.literal("developer"),
-  import_zod.z.literal("system"),
-  import_zod.z.literal("assistant"),
-  import_zod.z.literal("user"),
-  import_zod.z.literal("tool"),
-  import_zod.z.literal("activity")
-]);
-var ContextSchema = import_zod.z.object({
-  description: import_zod.z.string(),
-  value: import_zod.z.string()
-});
-var ToolSchema = import_zod.z.object({
-  name: import_zod.z.string(),
-  description: import_zod.z.string(),
-  parameters: import_zod.z.any()
-  // JSON Schema for the tool parameters
-});
-var RunAgentInputSchema = import_zod.z.object({
-  threadId: import_zod.z.string(),
-  runId: import_zod.z.string(),
-  parentRunId: import_zod.z.string().optional(),
-  state: import_zod.z.any(),
-  messages: import_zod.z.array(MessageSchema),
-  tools: import_zod.z.array(ToolSchema),
-  context: import_zod.z.array(ContextSchema),
-  forwardedProps: import_zod.z.any()
-});
-var StateSchema = import_zod.z.any();
-var AGUIError = class extends Error {
-  constructor(message) {
-    super(message);
-  }
-};
-var AGUIConnectNotImplementedError = class extends AGUIError {
-  constructor() {
-    super("Connect not implemented. This method is not supported by the current agent.");
-  }
-};
-var TextMessageRoleSchema = import_zod2.z.union([
-  import_zod2.z.literal("developer"),
-  import_zod2.z.literal("system"),
-  import_zod2.z.literal("assistant"),
-  import_zod2.z.literal("user")
-]);
-var EventType = /* @__PURE__ */ ((EventType2) => {
-  EventType2["TEXT_MESSAGE_START"] = "TEXT_MESSAGE_START";
-  EventType2["TEXT_MESSAGE_CONTENT"] = "TEXT_MESSAGE_CONTENT";
-  EventType2["TEXT_MESSAGE_END"] = "TEXT_MESSAGE_END";
-  EventType2["TEXT_MESSAGE_CHUNK"] = "TEXT_MESSAGE_CHUNK";
-  EventType2["THINKING_TEXT_MESSAGE_START"] = "THINKING_TEXT_MESSAGE_START";
-  EventType2["THINKING_TEXT_MESSAGE_CONTENT"] = "THINKING_TEXT_MESSAGE_CONTENT";
-  EventType2["THINKING_TEXT_MESSAGE_END"] = "THINKING_TEXT_MESSAGE_END";
-  EventType2["TOOL_CALL_START"] = "TOOL_CALL_START";
-  EventType2["TOOL_CALL_ARGS"] = "TOOL_CALL_ARGS";
-  EventType2["TOOL_CALL_END"] = "TOOL_CALL_END";
-  EventType2["TOOL_CALL_CHUNK"] = "TOOL_CALL_CHUNK";
-  EventType2["TOOL_CALL_RESULT"] = "TOOL_CALL_RESULT";
-  EventType2["THINKING_START"] = "THINKING_START";
-  EventType2["THINKING_END"] = "THINKING_END";
-  EventType2["STATE_SNAPSHOT"] = "STATE_SNAPSHOT";
-  EventType2["STATE_DELTA"] = "STATE_DELTA";
-  EventType2["MESSAGES_SNAPSHOT"] = "MESSAGES_SNAPSHOT";
-  EventType2["ACTIVITY_SNAPSHOT"] = "ACTIVITY_SNAPSHOT";
-  EventType2["ACTIVITY_DELTA"] = "ACTIVITY_DELTA";
-  EventType2["RAW"] = "RAW";
-  EventType2["CUSTOM"] = "CUSTOM";
-  EventType2["RUN_STARTED"] = "RUN_STARTED";
-  EventType2["RUN_FINISHED"] = "RUN_FINISHED";
-  EventType2["RUN_ERROR"] = "RUN_ERROR";
-  EventType2["STEP_STARTED"] = "STEP_STARTED";
-  EventType2["STEP_FINISHED"] = "STEP_FINISHED";
-  return EventType2;
-})(EventType || {});
-var BaseEventSchema = import_zod2.z.object({
-  type: import_zod2.z.nativeEnum(EventType),
-  timestamp: import_zod2.z.number().optional(),
-  rawEvent: import_zod2.z.any().optional()
-});
-var TextMessageStartEventSchema = BaseEventSchema.extend({
-  type: import_zod2.z.literal(
-    "TEXT_MESSAGE_START"
-    /* TEXT_MESSAGE_START */
-  ),
-  messageId: import_zod2.z.string(),
-  role: TextMessageRoleSchema.default("assistant")
-});
-var TextMessageContentEventSchema = BaseEventSchema.extend({
-  type: import_zod2.z.literal(
-    "TEXT_MESSAGE_CONTENT"
-    /* TEXT_MESSAGE_CONTENT */
-  ),
-  messageId: import_zod2.z.string(),
-  delta: import_zod2.z.string().refine((s) => s.length > 0, "Delta must not be an empty string")
-});
-var TextMessageEndEventSchema = BaseEventSchema.extend({
-  type: import_zod2.z.literal(
-    "TEXT_MESSAGE_END"
-    /* TEXT_MESSAGE_END */
-  ),
-  messageId: import_zod2.z.string()
-});
-var TextMessageChunkEventSchema = BaseEventSchema.extend({
-  type: import_zod2.z.literal(
-    "TEXT_MESSAGE_CHUNK"
-    /* TEXT_MESSAGE_CHUNK */
-  ),
-  messageId: import_zod2.z.string().optional(),
-  role: TextMessageRoleSchema.optional(),
-  delta: import_zod2.z.string().optional()
-});
-var ThinkingTextMessageStartEventSchema = BaseEventSchema.extend({
-  type: import_zod2.z.literal(
-    "THINKING_TEXT_MESSAGE_START"
-    /* THINKING_TEXT_MESSAGE_START */
-  )
-});
-var ThinkingTextMessageContentEventSchema = TextMessageContentEventSchema.omit({
-  messageId: true,
-  type: true
-}).extend({
-  type: import_zod2.z.literal(
-    "THINKING_TEXT_MESSAGE_CONTENT"
-    /* THINKING_TEXT_MESSAGE_CONTENT */
-  )
-});
-var ThinkingTextMessageEndEventSchema = BaseEventSchema.extend({
-  type: import_zod2.z.literal(
-    "THINKING_TEXT_MESSAGE_END"
-    /* THINKING_TEXT_MESSAGE_END */
-  )
-});
-var ToolCallStartEventSchema = BaseEventSchema.extend({
-  type: import_zod2.z.literal(
-    "TOOL_CALL_START"
-    /* TOOL_CALL_START */
-  ),
-  toolCallId: import_zod2.z.string(),
-  toolCallName: import_zod2.z.string(),
-  parentMessageId: import_zod2.z.string().optional()
-});
-var ToolCallArgsEventSchema = BaseEventSchema.extend({
-  type: import_zod2.z.literal(
-    "TOOL_CALL_ARGS"
-    /* TOOL_CALL_ARGS */
-  ),
-  toolCallId: import_zod2.z.string(),
-  delta: import_zod2.z.string()
-});
-var ToolCallEndEventSchema = BaseEventSchema.extend({
-  type: import_zod2.z.literal(
-    "TOOL_CALL_END"
-    /* TOOL_CALL_END */
-  ),
-  toolCallId: import_zod2.z.string()
-});
-var ToolCallResultEventSchema = BaseEventSchema.extend({
-  messageId: import_zod2.z.string(),
-  type: import_zod2.z.literal(
-    "TOOL_CALL_RESULT"
-    /* TOOL_CALL_RESULT */
-  ),
-  toolCallId: import_zod2.z.string(),
-  content: import_zod2.z.string(),
-  role: import_zod2.z.literal("tool").optional()
-});
-var ToolCallChunkEventSchema = BaseEventSchema.extend({
-  type: import_zod2.z.literal(
-    "TOOL_CALL_CHUNK"
-    /* TOOL_CALL_CHUNK */
-  ),
-  toolCallId: import_zod2.z.string().optional(),
-  toolCallName: import_zod2.z.string().optional(),
-  parentMessageId: import_zod2.z.string().optional(),
-  delta: import_zod2.z.string().optional()
-});
-var ThinkingStartEventSchema = BaseEventSchema.extend({
-  type: import_zod2.z.literal(
-    "THINKING_START"
-    /* THINKING_START */
-  ),
-  title: import_zod2.z.string().optional()
-});
-var ThinkingEndEventSchema = BaseEventSchema.extend({
-  type: import_zod2.z.literal(
-    "THINKING_END"
-    /* THINKING_END */
-  )
-});
-var StateSnapshotEventSchema = BaseEventSchema.extend({
-  type: import_zod2.z.literal(
-    "STATE_SNAPSHOT"
-    /* STATE_SNAPSHOT */
-  ),
-  snapshot: StateSchema
-});
-var StateDeltaEventSchema = BaseEventSchema.extend({
-  type: import_zod2.z.literal(
-    "STATE_DELTA"
-    /* STATE_DELTA */
-  ),
-  delta: import_zod2.z.array(import_zod2.z.any())
-  // JSON Patch (RFC 6902)
-});
-var MessagesSnapshotEventSchema = BaseEventSchema.extend({
-  type: import_zod2.z.literal(
-    "MESSAGES_SNAPSHOT"
-    /* MESSAGES_SNAPSHOT */
-  ),
-  messages: import_zod2.z.array(MessageSchema)
-});
-var ActivitySnapshotEventSchema = BaseEventSchema.extend({
-  type: import_zod2.z.literal(
-    "ACTIVITY_SNAPSHOT"
-    /* ACTIVITY_SNAPSHOT */
-  ),
-  messageId: import_zod2.z.string(),
-  activityType: import_zod2.z.string(),
-  content: import_zod2.z.record(import_zod2.z.any()),
-  replace: import_zod2.z.boolean().optional().default(true)
-});
-var ActivityDeltaEventSchema = BaseEventSchema.extend({
-  type: import_zod2.z.literal(
-    "ACTIVITY_DELTA"
-    /* ACTIVITY_DELTA */
-  ),
-  messageId: import_zod2.z.string(),
-  activityType: import_zod2.z.string(),
-  patch: import_zod2.z.array(import_zod2.z.any())
-});
-var RawEventSchema = BaseEventSchema.extend({
-  type: import_zod2.z.literal(
-    "RAW"
-    /* RAW */
-  ),
-  event: import_zod2.z.any(),
-  source: import_zod2.z.string().optional()
-});
-var CustomEventSchema = BaseEventSchema.extend({
-  type: import_zod2.z.literal(
-    "CUSTOM"
-    /* CUSTOM */
-  ),
-  name: import_zod2.z.string(),
-  value: import_zod2.z.any()
-});
-var RunStartedEventSchema = BaseEventSchema.extend({
-  type: import_zod2.z.literal(
-    "RUN_STARTED"
-    /* RUN_STARTED */
-  ),
-  threadId: import_zod2.z.string(),
-  runId: import_zod2.z.string(),
-  parentRunId: import_zod2.z.string().optional(),
-  input: RunAgentInputSchema.optional()
-});
-var RunFinishedEventSchema = BaseEventSchema.extend({
-  type: import_zod2.z.literal(
-    "RUN_FINISHED"
-    /* RUN_FINISHED */
-  ),
-  threadId: import_zod2.z.string(),
-  runId: import_zod2.z.string(),
-  result: import_zod2.z.any().optional()
-});
-var RunErrorEventSchema = BaseEventSchema.extend({
-  type: import_zod2.z.literal(
-    "RUN_ERROR"
-    /* RUN_ERROR */
-  ),
-  message: import_zod2.z.string(),
-  code: import_zod2.z.string().optional()
-});
-var StepStartedEventSchema = BaseEventSchema.extend({
-  type: import_zod2.z.literal(
-    "STEP_STARTED"
-    /* STEP_STARTED */
-  ),
-  stepName: import_zod2.z.string()
-});
-var StepFinishedEventSchema = BaseEventSchema.extend({
-  type: import_zod2.z.literal(
-    "STEP_FINISHED"
-    /* STEP_FINISHED */
-  ),
-  stepName: import_zod2.z.string()
-});
-var EventSchemas = import_zod2.z.discriminatedUnion("type", [
-  TextMessageStartEventSchema,
-  TextMessageContentEventSchema,
-  TextMessageEndEventSchema,
-  TextMessageChunkEventSchema,
-  ThinkingStartEventSchema,
-  ThinkingEndEventSchema,
-  ThinkingTextMessageStartEventSchema,
-  ThinkingTextMessageContentEventSchema,
-  ThinkingTextMessageEndEventSchema,
-  ToolCallStartEventSchema,
-  ToolCallArgsEventSchema,
-  ToolCallEndEventSchema,
-  ToolCallChunkEventSchema,
-  ToolCallResultEventSchema,
-  StateSnapshotEventSchema,
-  StateDeltaEventSchema,
-  MessagesSnapshotEventSchema,
-  ActivitySnapshotEventSchema,
-  ActivityDeltaEventSchema,
-  RawEventSchema,
-  CustomEventSchema,
-  RunStartedEventSchema,
-  RunFinishedEventSchema,
-  RunErrorEventSchema,
-  StepStartedEventSchema,
-  StepFinishedEventSchema
-]);
+// src/hooks/use-copilot-chat_internal.ts
+var import_client = require("@ag-ui/client");
 
 // src/hooks/use-coagent-state-render-bridge.tsx
-var import_react13 = require("@copilotkitnext/react");
-var import_react14 = require("react");
+var import_react11 = require("@copilotkitnext/react");
+var import_react12 = require("react");
 var import_shared3 = require("@copilotkit/shared");
 function getStateWithoutConstantKeys(state) {
   if (!state)
@@ -986,11 +550,11 @@ function useCoagentStateRenderBridge(agentId, props) {
   var _a;
   const { stateSnapshot, messageIndexInRun, message } = props;
   const { coAgentStateRenders, claimsRef } = useCoAgentStateRenders();
-  const { agent } = (0, import_react13.useAgent)({ agentId });
-  const [nodeName, setNodeName] = (0, import_react14.useState)(void 0);
+  const { agent } = (0, import_react11.useAgent)({ agentId });
+  const [nodeName, setNodeName] = (0, import_react12.useState)(void 0);
   const runId = (_a = props.runId) != null ? _a : message.runId;
   const effectiveRunId = runId || "pending";
-  (0, import_react14.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!agent)
       return;
     const subscriber = {
@@ -1010,7 +574,7 @@ function useCoagentStateRenderBridge(agentId, props) {
       unsubscribe();
     };
   }, [agentId, nodeName]);
-  const getStateRender = (0, import_react14.useCallback)(
+  const getStateRender = (0, import_react12.useCallback)(
     (messageId) => {
       return Object.entries(coAgentStateRenders).find(([stateRenderId, stateRender]) => {
         if (claimsRef.current[messageId]) {
@@ -1052,7 +616,7 @@ function useCoagentStateRenderBridge(agentId, props) {
     claimsRef.current[messageId] = { stateRenderId, runId: runId2 };
     return true;
   };
-  return (0, import_react14.useMemo)(() => {
+  return (0, import_react12.useMemo)(() => {
     var _a2, _b, _c;
     if (messageIndexInRun !== 0) {
       return null;
@@ -1112,42 +676,24 @@ function CoAgentStateRenderBridge(props) {
 }
 
 // src/hooks/use-copilot-chat_internal.ts
-function useConfigureSuggestions2(suggestions) {
-  let suggestionsConfig;
-  if (Array.isArray(suggestions)) {
-    suggestionsConfig = {
-      suggestions,
-      available: "always"
-    };
-  } else if (suggestions === "auto") {
-    suggestionsConfig = {
-      available: suggestions === "auto" ? "always" : "disabled",
-      instructions: "Suggest what the user could say next. Provide clear, highly relevant suggestions. Do not literally suggest function calls."
-    };
-  } else {
-    suggestionsConfig = { available: "disabled" };
-  }
-  useConfigureChatSuggestions(suggestionsConfig);
-}
 function useCopilotChatInternal({
   suggestions
 } = {}) {
   var _a, _b, _c;
-  const { copilotkit } = (0, import_react16.useCopilotKit)();
+  const { copilotkit } = (0, import_react14.useCopilotKit)();
   const { threadId, agentSession } = useCopilotContext();
-  const existingConfig = (0, import_react16.useCopilotChatConfiguration)();
-  const [agentAvailable, setAgentAvailable] = (0, import_react15.useState)(false);
-  useConfigureSuggestions2(suggestions);
+  const existingConfig = (0, import_react14.useCopilotChatConfiguration)();
+  const [agentAvailable, setAgentAvailable] = (0, import_react13.useState)(false);
   const resolvedAgentId = (_a = existingConfig == null ? void 0 : existingConfig.agentId) != null ? _a : "default";
-  const { agent } = (0, import_react16.useAgent)({ agentId: resolvedAgentId });
-  (0, import_react15.useEffect)(() => {
+  const { agent } = (0, import_react14.useAgent)({ agentId: resolvedAgentId });
+  (0, import_react13.useEffect)(() => {
     const connect = (agent2) => __async(this, null, function* () {
       setAgentAvailable(false);
       try {
         yield copilotkit.connectAgent({ agent: agent2 });
         setAgentAvailable(true);
       } catch (error) {
-        if (error instanceof AGUIConnectNotImplementedError) {
+        if (error instanceof import_client.AGUIConnectNotImplementedError) {
         } else {
           throw error;
         }
@@ -1165,7 +711,7 @@ function useCopilotChatInternal({
     agent == null ? void 0 : agent.setMessages([]);
     agent == null ? void 0 : agent.setState(null);
   };
-  const deleteMessage = (0, import_react15.useCallback)(
+  const deleteMessage = (0, import_react13.useCallback)(
     (messageId) => {
       var _a2;
       const filteredMessages = ((_a2 = agent == null ? void 0 : agent.messages) != null ? _a2 : []).filter(
@@ -1176,13 +722,13 @@ function useCopilotChatInternal({
     [agent == null ? void 0 : agent.setMessages, agent == null ? void 0 : agent.messages]
   );
   const latestDelete = useUpdatedRef(deleteMessage);
-  const latestDeleteFunc = (0, import_react15.useCallback)(
+  const latestDeleteFunc = (0, import_react13.useCallback)(
     (messageId) => {
       return latestDelete.current(messageId);
     },
     [latestDelete]
   );
-  const currentSuggestions = (0, import_react16.useSuggestions)({ agentId: resolvedAgentId });
+  const currentSuggestions = (0, import_react14.useSuggestions)({ agentId: resolvedAgentId });
   const reload = useAsyncCallback(
     (reloadMessageId) => __async(this, null, function* () {
       var _a2;
@@ -1249,7 +795,7 @@ function useCopilotChatInternal({
     }),
     [latestSendMessageFunc]
   );
-  const latestSetMessagesFunc = (0, import_react15.useCallback)(
+  const latestSetMessagesFunc = (0, import_react13.useCallback)(
     (messages) => {
       var _a2, _b2;
       if (messages.every((message) => message instanceof import_runtime_client_gql2.Message)) {
@@ -1266,16 +812,16 @@ function useCopilotChatInternal({
     }),
     [latestReload]
   );
-  const latestStopFunc = (0, import_react15.useCallback)(() => {
+  const latestStopFunc = (0, import_react13.useCallback)(() => {
     var _a2;
     return (_a2 = agent == null ? void 0 : agent.abortRun) == null ? void 0 : _a2.call(agent);
   }, [agent == null ? void 0 : agent.abortRun]);
   const latestReset = useUpdatedRef(reset);
-  const latestResetFunc = (0, import_react15.useCallback)(() => {
+  const latestResetFunc = (0, import_react13.useCallback)(() => {
     return latestReset.current();
   }, [latestReset]);
   const lazyToolRendered = useLazyToolRenderer();
-  const renderCustomMessage = (0, import_react16.useRenderCustomMessages)();
+  const renderCustomMessage = (0, import_react14.useRenderCustomMessages)();
   const legacyCustomMessageRenderer = useLegacyCoagentRenderer({
     copilotkit,
     agent,
@@ -1283,7 +829,7 @@ function useCopilotChatInternal({
     threadId: (_b = existingConfig == null ? void 0 : existingConfig.threadId) != null ? _b : threadId
   });
   const allMessages = (_c = agent == null ? void 0 : agent.messages) != null ? _c : [];
-  const resolvedMessages = (0, import_react15.useMemo)(() => {
+  const resolvedMessages = (0, import_react13.useMemo)(() => {
     let processedMessages = allMessages.map((message) => {
       if (message.role !== "assistant") {
         return message;
@@ -1320,6 +866,15 @@ function useCopilotChatInternal({
     // legacyCustomMessageRenderer,
     resolvedAgentId
   ]);
+  const renderedSuggestions = (0, import_react13.useMemo)(() => {
+    if (Array.isArray(suggestions)) {
+      return {
+        suggestions: suggestions.map((s) => __spreadProps(__spreadValues({}, s), { isLoading: false })),
+        isLoading: false
+      };
+    }
+    return currentSuggestions;
+  }, [suggestions, currentSuggestions]);
   return {
     messages: resolvedMessages,
     sendMessage: latestSendMessageFunc,
@@ -1333,21 +888,21 @@ function useCopilotChatInternal({
     isLoading: Boolean(agent == null ? void 0 : agent.isRunning),
     // mcpServers,
     // setMcpServers,
-    suggestions: currentSuggestions.suggestions,
+    suggestions: renderedSuggestions.suggestions,
     setSuggestions: (suggestions2) => copilotkit.addSuggestionsConfig({ suggestions: suggestions2 }),
     generateSuggestions: () => __async(this, null, function* () {
       return copilotkit.reloadSuggestions(resolvedAgentId);
     }),
     resetSuggestions: () => copilotkit.clearSuggestions(resolvedAgentId),
-    isLoadingSuggestions: currentSuggestions.isLoading,
+    isLoadingSuggestions: renderedSuggestions.isLoading,
     interrupt,
     agent,
     threadId
   };
 }
 function useUpdatedRef(value) {
-  const ref = (0, import_react15.useRef)(value);
-  (0, import_react15.useEffect)(() => {
+  const ref = (0, import_react13.useRef)(value);
+  (0, import_react13.useEffect)(() => {
     ref.current = value;
   }, [value]);
   return ref;
@@ -1358,7 +913,7 @@ function useLegacyCoagentRenderer({
   agentId,
   threadId
 }) {
-  return (0, import_react15.useMemo)(() => {
+  return (0, import_react13.useMemo)(() => {
     if (!copilotkit || !agent) {
       return null;
     }
@@ -1381,7 +936,7 @@ function useLegacyCoagentRenderer({
         agentId,
         stateSnapshot: message.state
       };
-      return (0, import_react15.createElement)(CoAgentStateRenderBridge, bridgeProps);
+      return (0, import_react13.createElement)(CoAgentStateRenderBridge, bridgeProps);
     };
   }, [agent, agentId, copilotkit, threadId]);
 }
@@ -1415,7 +970,7 @@ function useCopilotChat(options = {}) {
 }
 
 // src/hooks/use-copilot-chat-headless_c.ts
-var import_react17 = require("react");
+var import_react15 = require("react");
 var import_shared4 = require("@copilotkit/shared");
 var createNonFunctionalReturn = () => ({
   visibleMessages: [],
@@ -1456,7 +1011,7 @@ function useCopilotChatHeadless_c(options = {}) {
   const { copilotApiConfig, setBannerError } = useCopilotContext();
   const hasPublicApiKey = Boolean(copilotApiConfig.publicApiKey);
   const internalResult = useCopilotChatInternal(options);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!hasPublicApiKey) {
       setBannerError(
         new import_shared4.CopilotKitError({
@@ -1481,13 +1036,13 @@ function useCopilotChatHeadless_c(options = {}) {
 }
 
 // src/hooks/use-copilot-action.ts
-var import_react24 = require("react");
+var import_react22 = require("react");
 
 // src/hooks/use-frontend-tool.ts
-var import_react18 = __toESM(require("react"));
+var import_react16 = __toESM(require("react"));
 var import_shared5 = require("@copilotkit/shared");
 var import_shared6 = require("@copilotkit/shared");
-var import_react19 = require("@copilotkitnext/react");
+var import_react17 = require("@copilotkitnext/react");
 function useFrontendTool(tool, dependencies) {
   const { name, description, parameters, render, followUp } = tool;
   const zodParameters = (0, import_shared5.getZodParameters)(parameters);
@@ -1497,8 +1052,8 @@ function useFrontendTool(tool, dependencies) {
     }
     if (typeof render === "string") {
       const staticRender = render;
-      return () => import_react18.default.createElement(
-        import_react18.default.Fragment,
+      return () => import_react16.default.createElement(
+        import_react16.default.Fragment,
         null,
         staticRender
       );
@@ -1509,12 +1064,12 @@ function useFrontendTool(tool, dependencies) {
       });
       const rendered = render(renderArgs);
       if (typeof rendered === "string") {
-        return import_react18.default.createElement(import_react18.default.Fragment, null, rendered);
+        return import_react16.default.createElement(import_react16.default.Fragment, null, rendered);
       }
       return rendered != null ? rendered : null;
     };
   })();
-  (0, import_react19.useFrontendTool)({
+  (0, import_react17.useFrontendTool)({
     name,
     description,
     parameters: zodParameters,
@@ -1526,23 +1081,23 @@ function useFrontendTool(tool, dependencies) {
 
 // src/hooks/use-render-tool-call.ts
 var import_shared7 = require("@copilotkit/shared");
-var import_react20 = require("react");
-var import_react21 = require("@copilotkitnext/react");
+var import_react18 = require("react");
+var import_react19 = require("@copilotkitnext/react");
 var import_shared8 = require("@copilotkit/shared");
 function useRenderToolCall2(tool, dependencies) {
-  const { copilotkit } = (0, import_react21.useCopilotKit)();
-  const hasAddedRef = (0, import_react20.useRef)(false);
-  (0, import_react20.useEffect)(() => {
+  const { copilotkit } = (0, import_react19.useCopilotKit)();
+  const hasAddedRef = (0, import_react18.useRef)(false);
+  (0, import_react18.useEffect)(() => {
     const { name, parameters, render } = tool;
     const zodParameters = (0, import_shared7.getZodParameters)(parameters);
-    const renderToolCall = name === "*" ? (0, import_react21.defineToolCallRenderer)({
+    const renderToolCall = name === "*" ? (0, import_react19.defineToolCallRenderer)({
       name: "*",
       render: (args) => {
         return render(__spreadProps(__spreadValues({}, args), {
           result: args.result ? (0, import_shared8.parseJson)(args.result, args.result) : args.result
         }));
       }
-    }) : (0, import_react21.defineToolCallRenderer)({
+    }) : (0, import_react19.defineToolCallRenderer)({
       name,
       args: zodParameters,
       render: (args) => {
@@ -1571,18 +1126,18 @@ function useRenderToolCall2(tool, dependencies) {
 
 // src/hooks/use-human-in-the-loop.ts
 var import_shared9 = require("@copilotkit/shared");
-var import_react22 = require("@copilotkitnext/react");
+var import_react20 = require("@copilotkitnext/react");
 var import_core = require("@copilotkitnext/core");
-var import_react23 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 function useHumanInTheLoop(tool, dependencies) {
   const _a = tool, { render } = _a, toolRest = __objRest(_a, ["render"]);
   const { name, description, parameters, followUp } = toolRest;
   const zodParameters = (0, import_shared9.getZodParameters)(parameters);
-  const renderRef = (0, import_react23.useRef)(null);
-  (0, import_react23.useEffect)(() => {
+  const renderRef = (0, import_react21.useRef)(null);
+  (0, import_react21.useEffect)(() => {
     renderRef.current = (args) => {
       if (typeof render === "string") {
-        return import_react23.default.createElement(import_react23.default.Fragment, null, render);
+        return import_react21.default.createElement(import_react21.default.Fragment, null, render);
       }
       if (!render) {
         return null;
@@ -1622,12 +1177,12 @@ function useHumanInTheLoop(tool, dependencies) {
       })();
       const rendered = render(renderProps);
       if (typeof rendered === "string") {
-        return import_react23.default.createElement(import_react23.default.Fragment, null, rendered);
+        return import_react21.default.createElement(import_react21.default.Fragment, null, rendered);
       }
       return rendered != null ? rendered : null;
     };
   }, [render, ...dependencies != null ? dependencies : []]);
-  (0, import_react22.useHumanInTheLoop)({
+  (0, import_react20.useHumanInTheLoop)({
     name,
     description,
     followUp,
@@ -1683,7 +1238,7 @@ function getActionConfig(action) {
   throw new Error("Invalid action configuration");
 }
 function useCopilotAction(action, dependencies) {
-  const [initialActionConfig] = (0, import_react24.useState)(getActionConfig(action));
+  const [initialActionConfig] = (0, import_react22.useState)(getActionConfig(action));
   const currentActionConfig = getActionConfig(action);
   if (initialActionConfig.type !== currentActionConfig.type) {
     throw new Error("Action configuration changed between renders");
@@ -1701,14 +1256,14 @@ function useCopilotAction(action, dependencies) {
 }
 
 // src/hooks/use-coagent-state-render.ts
-var import_react25 = require("react");
+var import_react23 = require("react");
 var import_shared10 = require("@copilotkit/shared");
 function useCoAgentStateRender(action, dependencies) {
-  const { chatComponentsCache, availableAgents } = (0, import_react25.useContext)(CopilotContext);
+  const { chatComponentsCache, availableAgents } = (0, import_react23.useContext)(CopilotContext);
   const { setCoAgentStateRender, removeCoAgentStateRender, coAgentStateRenders } = useCoAgentStateRenders();
-  const idRef = (0, import_react25.useRef)((0, import_shared10.randomId)());
+  const idRef = (0, import_react23.useRef)((0, import_shared10.randomId)());
   const { setBannerError, addToast } = useToast();
-  (0, import_react25.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if ((availableAgents == null ? void 0 : availableAgents.length) && !availableAgents.some((a) => a.name === action.name)) {
       const message = `(useCoAgentStateRender): Agent "${action.name}" not found. Make sure the agent exists and is properly configured.`;
       const agentError = new import_shared10.CopilotKitAgentDiscoveryError({
@@ -1729,7 +1284,7 @@ function useCoAgentStateRender(action, dependencies) {
       }
     }
   }
-  (0, import_react25.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const currentId = idRef.current;
     const hasDuplicate = Object.entries(coAgentStateRenders).some(([id, otherAction]) => {
       if (id === currentId)
@@ -1753,7 +1308,7 @@ function useCoAgentStateRender(action, dependencies) {
       });
     }
   }, [coAgentStateRenders]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     setCoAgentStateRender(idRef.current, action);
     if (chatComponentsCache.current !== null && action.render !== void 0) {
       chatComponentsCache.current.coAgentStateRenders[key] = action.render;
@@ -1773,11 +1328,11 @@ function useCoAgentStateRender(action, dependencies) {
 }
 
 // src/hooks/use-make-copilot-document-readable.ts
-var import_react26 = require("react");
+var import_react24 = require("react");
 function useMakeCopilotDocumentReadable(document, categories, dependencies = []) {
   const { addDocumentContext, removeDocumentContext } = useCopilotContext();
-  const idRef = (0, import_react26.useRef)(void 0);
-  (0, import_react26.useEffect)(() => {
+  const idRef = (0, import_react24.useRef)(void 0);
+  (0, import_react24.useEffect)(() => {
     const id = addDocumentContext(document, categories);
     idRef.current = id;
     return () => {
@@ -1788,12 +1343,12 @@ function useMakeCopilotDocumentReadable(document, categories, dependencies = [])
 }
 
 // src/hooks/use-copilot-readable.ts
-var import_react27 = require("@copilotkitnext/react");
-var import_react28 = require("react");
+var import_react25 = require("@copilotkitnext/react");
+var import_react26 = require("react");
 function useCopilotReadable({ description, value, convert, available }, dependencies) {
-  const { copilotkit } = (0, import_react27.useCopilotKit)();
-  const ctxIdRef = (0, import_react28.useRef)(void 0);
-  (0, import_react28.useEffect)(() => {
+  const { copilotkit } = (0, import_react25.useCopilotKit)();
+  const ctxIdRef = (0, import_react26.useRef)(void 0);
+  (0, import_react26.useEffect)(() => {
     if (!copilotkit)
       return;
     const found = Object.entries(copilotkit.context).find(([id, ctxItem]) => {
@@ -1821,13 +1376,13 @@ function useCopilotReadable({ description, value, convert, available }, dependen
 }
 
 // src/hooks/use-coagent.ts
-var import_react29 = require("react");
-var import_react30 = require("@copilotkitnext/react");
+var import_react27 = require("react");
+var import_react28 = require("@copilotkitnext/react");
 function useCoAgent(options) {
-  const { agent } = (0, import_react30.useAgent)({ agentId: options.name });
-  const { copilotkit } = (0, import_react30.useCopilotKit)();
+  const { agent } = (0, import_react28.useAgent)({ agentId: options.name });
+  const { copilotkit } = (0, import_react28.useCopilotKit)();
   const nodeName = useAgentNodeName(options.name);
-  const handleStateUpdate = (0, import_react29.useCallback)(
+  const handleStateUpdate = (0, import_react27.useCallback)(
     (newState) => {
       if (!agent)
         return;
@@ -1840,7 +1395,7 @@ function useCoAgent(options) {
     },
     [agent == null ? void 0 : agent.state, agent == null ? void 0 : agent.setState]
   );
-  (0, import_react29.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     var _a;
     if (!options.config && !options.configurable)
       return;
@@ -1852,22 +1407,22 @@ function useCoAgent(options) {
     }
     copilotkit.setProperties(config);
   }, [options.config, options.configurable]);
-  const externalStateStr = (0, import_react29.useMemo)(
+  const externalStateStr = (0, import_react27.useMemo)(
     () => isExternalStateManagement(options) ? JSON.stringify(options.state) : void 0,
     [isExternalStateManagement(options) ? JSON.stringify(options.state) : void 0]
   );
-  (0, import_react29.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     if ((agent == null ? void 0 : agent.state) && isExternalStateManagement(options) && JSON.stringify(options.state) !== JSON.stringify(agent.state)) {
       handleStateUpdate(options.state);
     }
   }, [agent, externalStateStr, handleStateUpdate]);
-  const hasStateValues = (0, import_react29.useCallback)((value) => {
+  const hasStateValues = (0, import_react27.useCallback)((value) => {
     return Boolean(value && Object.keys(value).length);
   }, []);
-  const initialStateRef = (0, import_react29.useRef)(
+  const initialStateRef = (0, import_react27.useRef)(
     isExternalStateManagement(options) ? options.state : "initialState" in options ? options.initialState : void 0
   );
-  (0, import_react29.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     if (isExternalStateManagement(options)) {
       initialStateRef.current = options.state;
     } else if ("initialState" in options) {
@@ -1876,7 +1431,7 @@ function useCoAgent(options) {
   }, [
     isExternalStateManagement(options) ? JSON.stringify(options.state) : "initialState" in options ? JSON.stringify(options.initialState) : void 0
   ]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     if (!agent)
       return;
     const subscriber = {
@@ -1904,7 +1459,7 @@ function useCoAgent(options) {
       subscription.unsubscribe();
     };
   }, [agent, handleStateUpdate, hasStateValues]);
-  return (0, import_react29.useMemo)(() => {
+  return (0, import_react27.useMemo)(() => {
     var _a, _b, _c;
     if (!agent) {
       const noop = () => {
@@ -1960,12 +1515,12 @@ var isExternalStateManagement = (options) => {
 
 // src/hooks/use-copilot-runtime-client.ts
 var import_runtime_client_gql3 = require("@copilotkit/runtime-client-gql");
-var import_react31 = require("react");
+var import_react29 = require("react");
 var import_shared11 = require("@copilotkit/shared");
 var useCopilotRuntimeClient = (options) => {
   const { setBannerError } = useToast();
   const _a = options, { showDevConsole, onError } = _a, runtimeOptions = __objRest(_a, ["showDevConsole", "onError"]);
-  const lastStructuredErrorRef = (0, import_react31.useRef)(null);
+  const lastStructuredErrorRef = (0, import_react29.useRef)(null);
   const traceUIError = (error, originalError) => __async(void 0, null, function* () {
     try {
       const errorEvent = {
@@ -1991,7 +1546,7 @@ var useCopilotRuntimeClient = (options) => {
       console.error("Error in onError handler:", error2);
     }
   });
-  const runtimeClient = (0, import_react31.useMemo)(() => {
+  const runtimeClient = (0, import_react29.useMemo)(() => {
     return new import_runtime_client_gql3.CopilotRuntimeClient(__spreadProps(__spreadValues({}, runtimeOptions), {
       handleGQLErrors: (error) => {
         var _a2;
@@ -2070,28 +1625,28 @@ function createStructuredError(gqlError) {
 }
 
 // src/hooks/use-copilot-authenticated-action.ts
-var import_react32 = require("react");
-var import_react33 = __toESM(require("react"));
+var import_react30 = require("react");
+var import_react31 = __toESM(require("react"));
 function useCopilotAuthenticatedAction_c(action, dependencies) {
   const { authConfig_c, authStates_c, setAuthStates_c } = useCopilotContext();
-  const pendingActionRef = (0, import_react32.useRef)(null);
-  const executeAction = (0, import_react32.useCallback)(
+  const pendingActionRef = (0, import_react30.useRef)(null);
+  const executeAction = (0, import_react30.useCallback)(
     (props) => {
       if (typeof action.render === "function") {
         return action.render(props);
       }
-      return action.render || import_react33.default.createElement(import_react32.Fragment);
+      return action.render || import_react31.default.createElement(import_react30.Fragment);
     },
     [action]
   );
-  const wrappedRender = (0, import_react32.useCallback)(
+  const wrappedRender = (0, import_react30.useCallback)(
     (props) => {
       const isAuthenticated = Object.values(authStates_c || {}).some(
         (state) => state.status === "authenticated"
       );
       if (!isAuthenticated) {
         pendingActionRef.current = props;
-        return (authConfig_c == null ? void 0 : authConfig_c.SignInComponent) ? import_react33.default.createElement(authConfig_c.SignInComponent, {
+        return (authConfig_c == null ? void 0 : authConfig_c.SignInComponent) ? import_react31.default.createElement(authConfig_c.SignInComponent, {
           onSignInComplete: (authState) => {
             setAuthStates_c == null ? void 0 : setAuthStates_c((prev) => __spreadProps(__spreadValues({}, prev), { [action.name]: authState }));
             if (pendingActionRef.current) {
@@ -2099,7 +1654,7 @@ function useCopilotAuthenticatedAction_c(action, dependencies) {
               pendingActionRef.current = null;
             }
           }
-        }) : import_react33.default.createElement(import_react32.Fragment);
+        }) : import_react31.default.createElement(import_react30.Fragment);
       }
       return executeAction(props);
     },
@@ -2114,13 +1669,13 @@ function useCopilotAuthenticatedAction_c(action, dependencies) {
 }
 
 // src/hooks/use-langgraph-interrupt.ts
-var import_react34 = require("react");
+var import_react32 = require("react");
 var import_shared12 = require("@copilotkit/shared");
 function useLangGraphInterrupt(action, dependencies) {
-  const { setInterruptAction, removeInterruptAction, interruptActions, threadId } = (0, import_react34.useContext)(CopilotContext);
+  const { setInterruptAction, removeInterruptAction, interruptActions, threadId } = (0, import_react32.useContext)(CopilotContext);
   const { addToast } = useToast();
   const actionId = (0, import_shared12.dataToUUID)(action, "lgAction");
-  (0, import_react34.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (!action)
       return;
     setInterruptAction(__spreadProps(__spreadValues({}, action), { id: actionId }));
@@ -2131,10 +1686,10 @@ function useLangGraphInterrupt(action, dependencies) {
 }
 
 // src/hooks/use-copilot-additional-instructions.ts
-var import_react35 = require("react");
+var import_react33 = require("react");
 function useCopilotAdditionalInstructions({ instructions, available = "enabled" }, dependencies) {
   const { setAdditionalInstructions } = useCopilotContext();
-  (0, import_react35.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (available === "disabled")
       return;
     setAdditionalInstructions((prevInstructions) => [...prevInstructions || [], instructions]);
@@ -2150,17 +1705,32 @@ function useCopilotAdditionalInstructions({ instructions, available = "enabled"
 function useDefaultTool(tool, dependencies) {
   useCopilotAction(__spreadProps(__spreadValues({}, tool), { name: "*" }), dependencies);
 }
+
+// src/hooks/use-copilot-chat-suggestions.tsx
+var import_react34 = require("@copilotkitnext/react");
+function useCopilotChatSuggestions(config, dependencies = []) {
+  var _a, _b;
+  const existingConfig = (0, import_react34.useCopilotChatConfiguration)();
+  const resolvedAgentId = (_a = existingConfig == null ? void 0 : existingConfig.agentId) != null ? _a : "default";
+  const available = (_b = config.available === "enabled" ? "always" : config.available) != null ? _b : "before-first-message";
+  const finalSuggestionConfig = __spreadProps(__spreadValues({}, config), {
+    available,
+    consumerAgentId: resolvedAgentId
+    // Use chatConfig.agentId here
+  });
+  (0, import_react34.useConfigureSuggestions)(finalSuggestionConfig, dependencies);
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   useCoAgent,
   useCoAgentStateRender,
-  useConfigureChatSuggestions,
   useCopilotAction,
   useCopilotAdditionalInstructions,
   useCopilotAuthenticatedAction_c,
   useCopilotChat,
   useCopilotChatHeadless_c,
   useCopilotChatInternal,
+  useCopilotChatSuggestions,
   useCopilotReadable,
   useCopilotRuntimeClient,
   useDefaultTool,