@copilotkitnext/react 1.54.1-next.5 → 1.54.1

package/dist/components/chat/CopilotChat.cjs

@@ -13,7 +13,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 let ts_deepmerge = require("ts-deepmerge");
 
 //#region src/components/chat/CopilotChat.tsx
-function CopilotChat({ agentId, threadId, labels, chatView, onError, ...props }) {
+function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen, onError, ...props }) {
 	const existingConfig = require_CopilotChatConfigurationProvider.useCopilotChatConfiguration();
 	const resolvedAgentId = agentId ?? existingConfig?.agentId ?? _copilotkitnext_shared.DEFAULT_AGENT_ID;
 	const resolvedThreadId = (0, react.useMemo)(() => threadId ?? existingConfig?.threadId ?? (0, _copilotkitnext_shared.randomUUID)(), [threadId, existingConfig?.threadId]);
@@ -61,7 +61,7 @@ function CopilotChat({ agentId, threadId, labels, chatView, onError, ...props })
 		return () => {
 			detached = true;
 			connectAbortController.abort();
-			agent.detachActiveRun();
+			agent.detachActiveRun().catch(() => {});
 		};
 	}, [
 		resolvedThreadId,
@@ -196,6 +196,7 @@ function CopilotChat({ agentId, threadId, labels, chatView, onError, ...props })
 		agentId: resolvedAgentId,
 		threadId: resolvedThreadId,
 		labels,
+		isModalDefaultOpen,
 		children: [transcriptionError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			style: {
 				position: "absolute",

package/dist/components/chat/CopilotChat.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotChat.cjs","names":["useCopilotChatConfiguration","DEFAULT_AGENT_ID","useAgent","useCopilotKit","useSuggestions","HttpAgent","transcribeAudio","TranscriptionError","TranscriptionErrorCode","renderSlot","CopilotChatView","CopilotChatConfigurationProvider"],"sources":["../../../src/components/chat/CopilotChat.tsx"],"sourcesContent":["import { useAgent } from \"@/hooks/use-agent\";\nimport { useSuggestions } from \"@/hooks/use-suggestions\";\nimport { CopilotChatView, CopilotChatViewProps } from \"./CopilotChatView\";\nimport { CopilotChatInputMode } from \"./CopilotChatInput\";\nimport {\n  CopilotChatConfigurationProvider,\n  CopilotChatLabels,\n  useCopilotChatConfiguration,\n} from \"@/providers/CopilotChatConfigurationProvider\";\nimport {\n  DEFAULT_AGENT_ID,\n  randomUUID,\n  TranscriptionErrorCode,\n} from \"@copilotkitnext/shared\";\nimport { Suggestion, CopilotKitCoreErrorCode } from \"@copilotkitnext/core\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { merge } from \"ts-deepmerge\";\nimport { useCopilotKit } from \"@/providers/CopilotKitProvider\";\nimport { AbstractAgent, HttpAgent } from \"@ag-ui/client\";\nimport { renderSlot, SlotValue } from \"@/lib/slots\";\nimport {\n  transcribeAudio,\n  TranscriptionError,\n} from \"@/lib/transcription-client\";\n\nexport type CopilotChatProps = Omit<\n  CopilotChatViewProps,\n  | \"messages\"\n  | \"isRunning\"\n  | \"suggestions\"\n  | \"suggestionLoadingIndexes\"\n  | \"onSelectSuggestion\"\n> & {\n  agentId?: string;\n  threadId?: string;\n  labels?: Partial<CopilotChatLabels>;\n  chatView?: SlotValue<typeof CopilotChatView>;\n  /**\n   * Error handler scoped to this chat's agent. Fires in addition to the\n   * provider-level onError (does not suppress it). Receives only errors\n   * whose context.agentId matches this chat's agent.\n   */\n  onError?: (event: {\n    error: Error;\n    code: CopilotKitCoreErrorCode;\n    context: Record<string, any>;\n  }) => void | Promise<void>;\n};\nexport function CopilotChat({\n  agentId,\n  threadId,\n  labels,\n  chatView,\n  onError,\n  ...props\n}: CopilotChatProps) {\n  // Check for existing configuration provider\n  const existingConfig = useCopilotChatConfiguration();\n\n  // Apply priority: props > existing config > defaults\n  const resolvedAgentId =\n    agentId ?? existingConfig?.agentId ?? DEFAULT_AGENT_ID;\n  const resolvedThreadId = useMemo(\n    () => threadId ?? existingConfig?.threadId ?? randomUUID(),\n    [threadId, existingConfig?.threadId],\n  );\n\n  const { agent } = useAgent({ agentId: resolvedAgentId });\n  const { copilotkit } = useCopilotKit();\n  const { suggestions: autoSuggestions } = useSuggestions({\n    agentId: resolvedAgentId,\n  });\n\n  // onError subscription — forward core errors scoped to this chat's agent\n  const onErrorRef = useRef(onError);\n  useEffect(() => {\n    onErrorRef.current = onError;\n  }, [onError]);\n\n  useEffect(() => {\n    if (!onErrorRef.current) return;\n\n    const subscription = copilotkit.subscribe({\n      onError: (event) => {\n        // Only forward errors that match this chat's agent\n        if (\n          event.context?.agentId === resolvedAgentId ||\n          !event.context?.agentId\n        ) {\n          onErrorRef.current?.({\n            error: event.error,\n            code: event.code,\n            context: event.context,\n          });\n        }\n      },\n    });\n\n    return () => {\n      subscription.unsubscribe();\n    };\n  }, [copilotkit, resolvedAgentId]);\n\n  // Transcription state\n  const [transcribeMode, setTranscribeMode] =\n    useState<CopilotChatInputMode>(\"input\");\n  const [inputValue, setInputValue] = useState(\"\");\n  const [transcriptionError, setTranscriptionError] = useState<string | null>(\n    null,\n  );\n  const [isTranscribing, setIsTranscribing] = useState(false);\n\n  // Check if transcription is enabled\n  const isTranscriptionEnabled = copilotkit.audioFileTranscriptionEnabled;\n\n  // Check if browser supports MediaRecorder\n  const isMediaRecorderSupported =\n    typeof window !== \"undefined\" && typeof MediaRecorder !== \"undefined\";\n\n  const {\n    messageView: providedMessageView,\n    suggestionView: providedSuggestionView,\n    onStop: providedStopHandler,\n    ...restProps\n  } = props;\n\n  useEffect(() => {\n    let detached = false;\n\n    // Create a fresh AbortController so we can cancel the HTTP request on cleanup.\n    // HttpAgent (parent of ProxiedCopilotRuntimeAgent) uses this.abortController.signal\n    // in its fetch config. Unlike runAgent(), connectAgent() does NOT create a new\n    // AbortController automatically, so we must set one before connecting.\n    const connectAbortController = new AbortController();\n    if (agent instanceof HttpAgent) {\n      agent.abortController = connectAbortController;\n    }\n\n    const connect = async (agent: AbstractAgent) => {\n      try {\n        await copilotkit.connectAgent({ agent });\n      } catch (error) {\n        // Ignore errors from aborted connections (e.g., React StrictMode cleanup)\n        if (detached) return;\n        // connectAgent already emits via the subscriber system, but catch\n        // here to prevent unhandled rejections from unexpected errors.\n        console.error(\"CopilotChat: connectAgent failed\", error);\n      }\n    };\n    agent.threadId = resolvedThreadId;\n    connect(agent);\n    return () => {\n      // Abort the HTTP request and detach the active run.\n      // This is critical for React StrictMode which unmounts+remounts in dev,\n      // preventing duplicate /connect requests from reaching the server.\n      detached = true;\n      connectAbortController.abort();\n      agent.detachActiveRun();\n    };\n    // copilotkit is intentionally excluded — it is a stable ref that never changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [resolvedThreadId, agent, resolvedAgentId]);\n\n  const onSubmitInput = useCallback(\n    async (value: string) => {\n      agent.addMessage({\n        id: randomUUID(),\n        role: \"user\",\n        content: value,\n      });\n      // Clear input after submitting\n      setInputValue(\"\");\n      try {\n        await copilotkit.runAgent({ agent });\n      } catch (error) {\n        console.error(\"CopilotChat: runAgent failed\", error);\n      }\n    },\n    // copilotkit is intentionally excluded — it is a stable ref that never changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [agent],\n  );\n\n  const handleSelectSuggestion = useCallback(\n    async (suggestion: Suggestion) => {\n      agent.addMessage({\n        id: randomUUID(),\n        role: \"user\",\n        content: suggestion.message,\n      });\n\n      try {\n        await copilotkit.runAgent({ agent });\n      } catch (error) {\n        console.error(\n          \"CopilotChat: runAgent failed after selecting suggestion\",\n          error,\n        );\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [agent],\n  );\n\n  const stopCurrentRun = useCallback(() => {\n    try {\n      copilotkit.stopAgent({ agent });\n    } catch (error) {\n      console.error(\"CopilotChat: stopAgent failed\", error);\n      try {\n        agent.abortRun();\n      } catch (abortError) {\n        console.error(\"CopilotChat: abortRun fallback failed\", abortError);\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [agent]);\n\n  // Transcription handlers\n  const handleStartTranscribe = useCallback(() => {\n    setTranscriptionError(null);\n    setTranscribeMode(\"transcribe\");\n  }, []);\n\n  const handleCancelTranscribe = useCallback(() => {\n    setTranscriptionError(null);\n    setTranscribeMode(\"input\");\n  }, []);\n\n  const handleFinishTranscribe = useCallback(() => {\n    setTranscribeMode(\"input\");\n  }, []);\n\n  // Handle audio blob from CopilotChatInput and transcribe it\n  const handleFinishTranscribeWithAudio = useCallback(\n    async (audioBlob: Blob) => {\n      setIsTranscribing(true);\n      try {\n        setTranscriptionError(null);\n\n        // Send to transcription endpoint\n        const result = await transcribeAudio(copilotkit, audioBlob);\n\n        // Insert transcribed text into input\n        setInputValue((prev) => {\n          const trimmedPrev = prev.trim();\n          if (trimmedPrev) {\n            return `${trimmedPrev} ${result.text}`;\n          }\n          return result.text;\n        });\n      } catch (error) {\n        console.error(\"CopilotChat: Transcription failed\", error);\n\n        // Show contextual error message based on error type\n        if (error instanceof TranscriptionError) {\n          const { code, retryable, message } = error.info;\n          switch (code) {\n            case TranscriptionErrorCode.RATE_LIMITED:\n              setTranscriptionError(\"Too many requests. Please wait a moment.\");\n              break;\n            case TranscriptionErrorCode.AUTH_FAILED:\n              setTranscriptionError(\n                \"Authentication error. Please check your configuration.\",\n              );\n              break;\n            case TranscriptionErrorCode.AUDIO_TOO_LONG:\n              setTranscriptionError(\n                \"Recording is too long. Please try a shorter recording.\",\n              );\n              break;\n            case TranscriptionErrorCode.AUDIO_TOO_SHORT:\n              setTranscriptionError(\n                \"Recording is too short. Please try again.\",\n              );\n              break;\n            case TranscriptionErrorCode.INVALID_AUDIO_FORMAT:\n              setTranscriptionError(\"Audio format not supported.\");\n              break;\n            case TranscriptionErrorCode.SERVICE_NOT_CONFIGURED:\n              setTranscriptionError(\"Transcription service is not available.\");\n              break;\n            case TranscriptionErrorCode.NETWORK_ERROR:\n              setTranscriptionError(\n                \"Network error. Please check your connection.\",\n              );\n              break;\n            default:\n              // For retryable errors, show more helpful message\n              setTranscriptionError(\n                retryable ? \"Transcription failed. Please try again.\" : message,\n              );\n          }\n        } else {\n          // Fallback for unexpected errors\n          setTranscriptionError(\"Transcription failed. Please try again.\");\n        }\n      } finally {\n        setIsTranscribing(false);\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  // Clear transcription error after a delay\n  useEffect(() => {\n    if (transcriptionError) {\n      const timer = setTimeout(() => {\n        setTranscriptionError(null);\n      }, 5000);\n      return () => clearTimeout(timer);\n    }\n  }, [transcriptionError]);\n\n  const mergedProps = merge(\n    {\n      isRunning: agent.isRunning,\n      suggestions: autoSuggestions,\n      onSelectSuggestion: handleSelectSuggestion,\n      suggestionView: providedSuggestionView,\n    },\n    {\n      ...restProps,\n      ...(typeof providedMessageView === \"string\"\n        ? { messageView: { className: providedMessageView } }\n        : providedMessageView !== undefined\n          ? { messageView: providedMessageView }\n          : {}),\n    },\n  );\n\n  const hasMessages = agent.messages.length > 0;\n  const shouldAllowStop = agent.isRunning && hasMessages;\n  const effectiveStopHandler = shouldAllowStop\n    ? (providedStopHandler ?? stopCurrentRun)\n    : providedStopHandler;\n\n  // Determine if transcription feature should be available\n  const showTranscription = isTranscriptionEnabled && isMediaRecorderSupported;\n\n  // Determine mode: transcribing takes priority, then transcribe mode, then default to input\n  const effectiveMode: CopilotChatInputMode = isTranscribing\n    ? \"processing\"\n    : transcribeMode;\n\n  // Memoize messages array - only create new reference when content actually changes\n  // (agent.messages is mutated in place, so we need a new reference for React to detect changes)\n\n  const messages = useMemo(\n    () => [...agent.messages],\n    [JSON.stringify(agent.messages)],\n  );\n\n  const finalProps = merge(mergedProps, {\n    messages,\n    // Input behavior props\n    onSubmitMessage: onSubmitInput,\n    onStop: effectiveStopHandler,\n    inputMode: effectiveMode,\n    inputValue,\n    onInputChange: setInputValue,\n    // Only provide transcription handlers if feature is available\n    onStartTranscribe: showTranscription ? handleStartTranscribe : undefined,\n    onCancelTranscribe: showTranscription ? handleCancelTranscribe : undefined,\n    onFinishTranscribe: showTranscription ? handleFinishTranscribe : undefined,\n    onFinishTranscribeWithAudio: showTranscription\n      ? handleFinishTranscribeWithAudio\n      : undefined,\n  }) as CopilotChatViewProps;\n\n  // Always create a provider with merged values\n  // This ensures priority: props > existing config > defaults\n  const RenderedChatView = renderSlot(chatView, CopilotChatView, finalProps);\n\n  return (\n    <CopilotChatConfigurationProvider\n      agentId={resolvedAgentId}\n      threadId={resolvedThreadId}\n      labels={labels}\n    >\n      {transcriptionError && (\n        <div\n          style={{\n            position: \"absolute\",\n            bottom: \"100px\",\n            left: \"50%\",\n            transform: \"translateX(-50%)\",\n            backgroundColor: \"#ef4444\",\n            color: \"white\",\n            padding: \"8px 16px\",\n            borderRadius: \"8px\",\n            fontSize: \"14px\",\n            zIndex: 50,\n          }}\n        >\n          {transcriptionError}\n        </div>\n      )}\n      {RenderedChatView}\n    </CopilotChatConfigurationProvider>\n  );\n}\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nexport namespace CopilotChat {\n  export const View = CopilotChatView;\n}\n"],"mappings":"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"}
+{"version":3,"file":"CopilotChat.cjs","names":["useCopilotChatConfiguration","DEFAULT_AGENT_ID","useAgent","useCopilotKit","useSuggestions","HttpAgent","transcribeAudio","TranscriptionError","TranscriptionErrorCode","renderSlot","CopilotChatView","CopilotChatConfigurationProvider"],"sources":["../../../src/components/chat/CopilotChat.tsx"],"sourcesContent":["import { useAgent } from \"@/hooks/use-agent\";\nimport { useSuggestions } from \"@/hooks/use-suggestions\";\nimport { CopilotChatView, CopilotChatViewProps } from \"./CopilotChatView\";\nimport { CopilotChatInputMode } from \"./CopilotChatInput\";\nimport {\n  CopilotChatConfigurationProvider,\n  CopilotChatLabels,\n  useCopilotChatConfiguration,\n} from \"@/providers/CopilotChatConfigurationProvider\";\nimport {\n  DEFAULT_AGENT_ID,\n  randomUUID,\n  TranscriptionErrorCode,\n} from \"@copilotkitnext/shared\";\nimport { Suggestion, CopilotKitCoreErrorCode } from \"@copilotkitnext/core\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { merge } from \"ts-deepmerge\";\nimport { useCopilotKit } from \"@/providers/CopilotKitProvider\";\nimport { AbstractAgent, HttpAgent } from \"@ag-ui/client\";\nimport { renderSlot, SlotValue } from \"@/lib/slots\";\nimport {\n  transcribeAudio,\n  TranscriptionError,\n} from \"@/lib/transcription-client\";\n\nexport type CopilotChatProps = Omit<\n  CopilotChatViewProps,\n  | \"messages\"\n  | \"isRunning\"\n  | \"suggestions\"\n  | \"suggestionLoadingIndexes\"\n  | \"onSelectSuggestion\"\n> & {\n  agentId?: string;\n  threadId?: string;\n  labels?: Partial<CopilotChatLabels>;\n  chatView?: SlotValue<typeof CopilotChatView>;\n  isModalDefaultOpen?: boolean;\n  /**\n   * Error handler scoped to this chat's agent. Fires in addition to the\n   * provider-level onError (does not suppress it). Receives only errors\n   * whose context.agentId matches this chat's agent.\n   */\n  onError?: (event: {\n    error: Error;\n    code: CopilotKitCoreErrorCode;\n    context: Record<string, any>;\n  }) => void | Promise<void>;\n};\nexport function CopilotChat({\n  agentId,\n  threadId,\n  labels,\n  chatView,\n  isModalDefaultOpen,\n  onError,\n  ...props\n}: CopilotChatProps) {\n  // Check for existing configuration provider\n  const existingConfig = useCopilotChatConfiguration();\n\n  // Apply priority: props > existing config > defaults\n  const resolvedAgentId =\n    agentId ?? existingConfig?.agentId ?? DEFAULT_AGENT_ID;\n  const resolvedThreadId = useMemo(\n    () => threadId ?? existingConfig?.threadId ?? randomUUID(),\n    [threadId, existingConfig?.threadId],\n  );\n\n  const { agent } = useAgent({ agentId: resolvedAgentId });\n  const { copilotkit } = useCopilotKit();\n  const { suggestions: autoSuggestions } = useSuggestions({\n    agentId: resolvedAgentId,\n  });\n\n  // onError subscription — forward core errors scoped to this chat's agent\n  const onErrorRef = useRef(onError);\n  useEffect(() => {\n    onErrorRef.current = onError;\n  }, [onError]);\n\n  useEffect(() => {\n    if (!onErrorRef.current) return;\n\n    const subscription = copilotkit.subscribe({\n      onError: (event) => {\n        // Only forward errors that match this chat's agent\n        if (\n          event.context?.agentId === resolvedAgentId ||\n          !event.context?.agentId\n        ) {\n          onErrorRef.current?.({\n            error: event.error,\n            code: event.code,\n            context: event.context,\n          });\n        }\n      },\n    });\n\n    return () => {\n      subscription.unsubscribe();\n    };\n  }, [copilotkit, resolvedAgentId]);\n\n  // Transcription state\n  const [transcribeMode, setTranscribeMode] =\n    useState<CopilotChatInputMode>(\"input\");\n  const [inputValue, setInputValue] = useState(\"\");\n  const [transcriptionError, setTranscriptionError] = useState<string | null>(\n    null,\n  );\n  const [isTranscribing, setIsTranscribing] = useState(false);\n\n  // Check if transcription is enabled\n  const isTranscriptionEnabled = copilotkit.audioFileTranscriptionEnabled;\n\n  // Check if browser supports MediaRecorder\n  const isMediaRecorderSupported =\n    typeof window !== \"undefined\" && typeof MediaRecorder !== \"undefined\";\n\n  const {\n    messageView: providedMessageView,\n    suggestionView: providedSuggestionView,\n    onStop: providedStopHandler,\n    ...restProps\n  } = props;\n\n  useEffect(() => {\n    let detached = false;\n\n    // Create a fresh AbortController so we can cancel the HTTP request on cleanup.\n    // HttpAgent (parent of ProxiedCopilotRuntimeAgent) uses this.abortController.signal\n    // in its fetch config. Unlike runAgent(), connectAgent() does NOT create a new\n    // AbortController automatically, so we must set one before connecting.\n    const connectAbortController = new AbortController();\n    if (agent instanceof HttpAgent) {\n      agent.abortController = connectAbortController;\n    }\n\n    const connect = async (agent: AbstractAgent) => {\n      try {\n        await copilotkit.connectAgent({ agent });\n      } catch (error) {\n        // Ignore errors from aborted connections (e.g., React StrictMode cleanup)\n        if (detached) return;\n        // connectAgent already emits via the subscriber system, but catch\n        // here to prevent unhandled rejections from unexpected errors.\n        console.error(\"CopilotChat: connectAgent failed\", error);\n      }\n    };\n    agent.threadId = resolvedThreadId;\n    connect(agent);\n    return () => {\n      // Abort the HTTP request and detach the active run.\n      // This is critical for React StrictMode which unmounts+remounts in dev,\n      // preventing duplicate /connect requests from reaching the server.\n      detached = true;\n      connectAbortController.abort();\n      // The .catch() is required to prevent a false-positive \"Uncaught (in promise)\n      // AbortError\" in browser devtools. detachActiveRun() itself does not reject,\n      // but without an attached handler V8 flags the promise chain as unhandled\n      // when the abort signal propagates through connected promises internally.\n      void agent.detachActiveRun().catch(() => {});\n    };\n    // copilotkit is intentionally excluded — it is a stable ref that never changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [resolvedThreadId, agent, resolvedAgentId]);\n\n  const onSubmitInput = useCallback(\n    async (value: string) => {\n      agent.addMessage({\n        id: randomUUID(),\n        role: \"user\",\n        content: value,\n      });\n      // Clear input after submitting\n      setInputValue(\"\");\n      try {\n        await copilotkit.runAgent({ agent });\n      } catch (error) {\n        console.error(\"CopilotChat: runAgent failed\", error);\n      }\n    },\n    // copilotkit is intentionally excluded — it is a stable ref that never changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [agent],\n  );\n\n  const handleSelectSuggestion = useCallback(\n    async (suggestion: Suggestion) => {\n      agent.addMessage({\n        id: randomUUID(),\n        role: \"user\",\n        content: suggestion.message,\n      });\n\n      try {\n        await copilotkit.runAgent({ agent });\n      } catch (error) {\n        console.error(\n          \"CopilotChat: runAgent failed after selecting suggestion\",\n          error,\n        );\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [agent],\n  );\n\n  const stopCurrentRun = useCallback(() => {\n    try {\n      copilotkit.stopAgent({ agent });\n    } catch (error) {\n      console.error(\"CopilotChat: stopAgent failed\", error);\n      try {\n        agent.abortRun();\n      } catch (abortError) {\n        console.error(\"CopilotChat: abortRun fallback failed\", abortError);\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [agent]);\n\n  // Transcription handlers\n  const handleStartTranscribe = useCallback(() => {\n    setTranscriptionError(null);\n    setTranscribeMode(\"transcribe\");\n  }, []);\n\n  const handleCancelTranscribe = useCallback(() => {\n    setTranscriptionError(null);\n    setTranscribeMode(\"input\");\n  }, []);\n\n  const handleFinishTranscribe = useCallback(() => {\n    setTranscribeMode(\"input\");\n  }, []);\n\n  // Handle audio blob from CopilotChatInput and transcribe it\n  const handleFinishTranscribeWithAudio = useCallback(\n    async (audioBlob: Blob) => {\n      setIsTranscribing(true);\n      try {\n        setTranscriptionError(null);\n\n        // Send to transcription endpoint\n        const result = await transcribeAudio(copilotkit, audioBlob);\n\n        // Insert transcribed text into input\n        setInputValue((prev) => {\n          const trimmedPrev = prev.trim();\n          if (trimmedPrev) {\n            return `${trimmedPrev} ${result.text}`;\n          }\n          return result.text;\n        });\n      } catch (error) {\n        console.error(\"CopilotChat: Transcription failed\", error);\n\n        // Show contextual error message based on error type\n        if (error instanceof TranscriptionError) {\n          const { code, retryable, message } = error.info;\n          switch (code) {\n            case TranscriptionErrorCode.RATE_LIMITED:\n              setTranscriptionError(\"Too many requests. Please wait a moment.\");\n              break;\n            case TranscriptionErrorCode.AUTH_FAILED:\n              setTranscriptionError(\n                \"Authentication error. Please check your configuration.\",\n              );\n              break;\n            case TranscriptionErrorCode.AUDIO_TOO_LONG:\n              setTranscriptionError(\n                \"Recording is too long. Please try a shorter recording.\",\n              );\n              break;\n            case TranscriptionErrorCode.AUDIO_TOO_SHORT:\n              setTranscriptionError(\n                \"Recording is too short. Please try again.\",\n              );\n              break;\n            case TranscriptionErrorCode.INVALID_AUDIO_FORMAT:\n              setTranscriptionError(\"Audio format not supported.\");\n              break;\n            case TranscriptionErrorCode.SERVICE_NOT_CONFIGURED:\n              setTranscriptionError(\"Transcription service is not available.\");\n              break;\n            case TranscriptionErrorCode.NETWORK_ERROR:\n              setTranscriptionError(\n                \"Network error. Please check your connection.\",\n              );\n              break;\n            default:\n              // For retryable errors, show more helpful message\n              setTranscriptionError(\n                retryable ? \"Transcription failed. Please try again.\" : message,\n              );\n          }\n        } else {\n          // Fallback for unexpected errors\n          setTranscriptionError(\"Transcription failed. Please try again.\");\n        }\n      } finally {\n        setIsTranscribing(false);\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  // Clear transcription error after a delay\n  useEffect(() => {\n    if (transcriptionError) {\n      const timer = setTimeout(() => {\n        setTranscriptionError(null);\n      }, 5000);\n      return () => clearTimeout(timer);\n    }\n  }, [transcriptionError]);\n\n  const mergedProps = merge(\n    {\n      isRunning: agent.isRunning,\n      suggestions: autoSuggestions,\n      onSelectSuggestion: handleSelectSuggestion,\n      suggestionView: providedSuggestionView,\n    },\n    {\n      ...restProps,\n      ...(typeof providedMessageView === \"string\"\n        ? { messageView: { className: providedMessageView } }\n        : providedMessageView !== undefined\n          ? { messageView: providedMessageView }\n          : {}),\n    },\n  );\n\n  const hasMessages = agent.messages.length > 0;\n  const shouldAllowStop = agent.isRunning && hasMessages;\n  const effectiveStopHandler = shouldAllowStop\n    ? (providedStopHandler ?? stopCurrentRun)\n    : providedStopHandler;\n\n  // Determine if transcription feature should be available\n  const showTranscription = isTranscriptionEnabled && isMediaRecorderSupported;\n\n  // Determine mode: transcribing takes priority, then transcribe mode, then default to input\n  const effectiveMode: CopilotChatInputMode = isTranscribing\n    ? \"processing\"\n    : transcribeMode;\n\n  // Memoize messages array - only create new reference when content actually changes\n  // (agent.messages is mutated in place, so we need a new reference for React to detect changes)\n\n  const messages = useMemo(\n    () => [...agent.messages],\n    [JSON.stringify(agent.messages)],\n  );\n\n  const finalProps = merge(mergedProps, {\n    messages,\n    // Input behavior props\n    onSubmitMessage: onSubmitInput,\n    onStop: effectiveStopHandler,\n    inputMode: effectiveMode,\n    inputValue,\n    onInputChange: setInputValue,\n    // Only provide transcription handlers if feature is available\n    onStartTranscribe: showTranscription ? handleStartTranscribe : undefined,\n    onCancelTranscribe: showTranscription ? handleCancelTranscribe : undefined,\n    onFinishTranscribe: showTranscription ? handleFinishTranscribe : undefined,\n    onFinishTranscribeWithAudio: showTranscription\n      ? handleFinishTranscribeWithAudio\n      : undefined,\n  }) as CopilotChatViewProps;\n\n  // Always create a provider with merged values\n  // This ensures priority: props > existing config > defaults\n  const RenderedChatView = renderSlot(chatView, CopilotChatView, finalProps);\n\n  return (\n    <CopilotChatConfigurationProvider\n      agentId={resolvedAgentId}\n      threadId={resolvedThreadId}\n      labels={labels}\n      isModalDefaultOpen={isModalDefaultOpen}\n    >\n      {transcriptionError && (\n        <div\n          style={{\n            position: \"absolute\",\n            bottom: \"100px\",\n            left: \"50%\",\n            transform: \"translateX(-50%)\",\n            backgroundColor: \"#ef4444\",\n            color: \"white\",\n            padding: \"8px 16px\",\n            borderRadius: \"8px\",\n            fontSize: \"14px\",\n            zIndex: 50,\n          }}\n        >\n          {transcriptionError}\n        </div>\n      )}\n      {RenderedChatView}\n    </CopilotChatConfigurationProvider>\n  );\n}\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nexport namespace CopilotChat {\n  export const View = CopilotChatView;\n}\n"],"mappings":"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"}

package/dist/components/chat/CopilotChat.d.cts

@@ -10,6 +10,7 @@ type CopilotChatProps = Omit<CopilotChatViewProps, "messages" | "isRunning" | "s
   threadId?: string;
   labels?: Partial<CopilotChatLabels>;
   chatView?: SlotValue<typeof CopilotChatView>;
+  isModalDefaultOpen?: boolean;
   /**
    * Error handler scoped to this chat's agent. Fires in addition to the
    * provider-level onError (does not suppress it). Receives only errors
@@ -26,6 +27,7 @@ declare function CopilotChat({
   threadId,
   labels,
   chatView,
+  isModalDefaultOpen,
   onError,
   ...props
 }: CopilotChatProps): react_jsx_runtime0.JSX.Element;

package/dist/components/chat/CopilotChat.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotChat.d.cts","names":[],"sources":["../../../src/components/chat/CopilotChat.tsx"],"mappings":";;;;;;;KAyBY,gBAAA,GAAmB,IAAA,CAC7B,oBAAA;EAOA,OAAA;EACA,QAAA;EACA,MAAA,GAAS,OAAA,CAAQ,iBAAA;EACjB,QAAA,GAAW,SAAA,QAAiB,eAAA;;;;;;EAM5B,OAAA,IAAW,KAAA;IACT,KAAA,EAAO,KAAA;IACP,IAAA,EAAM,uBAAA;IACN,OAAA,EAAS,MAAA;EAAA,aACE,OAAA;AAAA;AAAA,iBAEC,WAAA,CAAA;EACd,OAAA;EACA,QAAA;EACA,MAAA;EACA,QAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBA8VF,WAAA;EAAA,MACF,IAAA,SAAI,eAAA;AAAA"}
+{"version":3,"file":"CopilotChat.d.cts","names":[],"sources":["../../../src/components/chat/CopilotChat.tsx"],"mappings":";;;;;;;KAyBY,gBAAA,GAAmB,IAAA,CAC7B,oBAAA;EAOA,OAAA;EACA,QAAA;EACA,MAAA,GAAS,OAAA,CAAQ,iBAAA;EACjB,QAAA,GAAW,SAAA,QAAiB,eAAA;EAC5B,kBAAA;EAXA;;;;;EAiBA,OAAA,IAAW,KAAA;IACT,KAAA,EAAO,KAAA;IACP,IAAA,EAAM,uBAAA;IACN,OAAA,EAAS,MAAA;EAAA,aACE,OAAA;AAAA;AAAA,iBAEC,WAAA,CAAA;EACd,OAAA;EACA,QAAA;EACA,MAAA;EACA,QAAA;EACA,kBAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAmWF,WAAA;EAAA,MACF,IAAA,SAAI,eAAA;AAAA"}

package/dist/components/chat/CopilotChat.d.mts

@@ -10,6 +10,7 @@ type CopilotChatProps = Omit<CopilotChatViewProps, "messages" | "isRunning" | "s
   threadId?: string;
   labels?: Partial<CopilotChatLabels>;
   chatView?: SlotValue<typeof CopilotChatView>;
+  isModalDefaultOpen?: boolean;
   /**
    * Error handler scoped to this chat's agent. Fires in addition to the
    * provider-level onError (does not suppress it). Receives only errors
@@ -26,6 +27,7 @@ declare function CopilotChat({
   threadId,
   labels,
   chatView,
+  isModalDefaultOpen,
   onError,
   ...props
 }: CopilotChatProps): react_jsx_runtime0.JSX.Element;

package/dist/components/chat/CopilotChat.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotChat.d.mts","names":[],"sources":["../../../src/components/chat/CopilotChat.tsx"],"mappings":";;;;;;;KAyBY,gBAAA,GAAmB,IAAA,CAC7B,oBAAA;EAOA,OAAA;EACA,QAAA;EACA,MAAA,GAAS,OAAA,CAAQ,iBAAA;EACjB,QAAA,GAAW,SAAA,QAAiB,eAAA;;;;;;EAM5B,OAAA,IAAW,KAAA;IACT,KAAA,EAAO,KAAA;IACP,IAAA,EAAM,uBAAA;IACN,OAAA,EAAS,MAAA;EAAA,aACE,OAAA;AAAA;AAAA,iBAEC,WAAA,CAAA;EACd,OAAA;EACA,QAAA;EACA,MAAA;EACA,QAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBA8VF,WAAA;EAAA,MACF,IAAA,SAAI,eAAA;AAAA"}
+{"version":3,"file":"CopilotChat.d.mts","names":[],"sources":["../../../src/components/chat/CopilotChat.tsx"],"mappings":";;;;;;;KAyBY,gBAAA,GAAmB,IAAA,CAC7B,oBAAA;EAOA,OAAA;EACA,QAAA;EACA,MAAA,GAAS,OAAA,CAAQ,iBAAA;EACjB,QAAA,GAAW,SAAA,QAAiB,eAAA;EAC5B,kBAAA;EAXA;;;;;EAiBA,OAAA,IAAW,KAAA;IACT,KAAA,EAAO,KAAA;IACP,IAAA,EAAM,uBAAA;IACN,OAAA,EAAS,MAAA;EAAA,aACE,OAAA;AAAA;AAAA,iBAEC,WAAA,CAAA;EACd,OAAA;EACA,QAAA;EACA,MAAA;EACA,QAAA;EACA,kBAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAmWF,WAAA;EAAA,MACF,IAAA,SAAI,eAAA;AAAA"}

package/dist/components/chat/CopilotChat.mjs

@@ -12,7 +12,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { merge } from "ts-deepmerge";
 
 //#region src/components/chat/CopilotChat.tsx
-function CopilotChat({ agentId, threadId, labels, chatView, onError, ...props }) {
+function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen, onError, ...props }) {
 	const existingConfig = useCopilotChatConfiguration();
 	const resolvedAgentId = agentId ?? existingConfig?.agentId ?? DEFAULT_AGENT_ID;
 	const resolvedThreadId = useMemo(() => threadId ?? existingConfig?.threadId ?? randomUUID(), [threadId, existingConfig?.threadId]);
@@ -60,7 +60,7 @@ function CopilotChat({ agentId, threadId, labels, chatView, onError, ...props })
 		return () => {
 			detached = true;
 			connectAbortController.abort();
-			agent.detachActiveRun();
+			agent.detachActiveRun().catch(() => {});
 		};
 	}, [
 		resolvedThreadId,
@@ -195,6 +195,7 @@ function CopilotChat({ agentId, threadId, labels, chatView, onError, ...props })
 		agentId: resolvedAgentId,
 		threadId: resolvedThreadId,
 		labels,
+		isModalDefaultOpen,
 		children: [transcriptionError && /* @__PURE__ */ jsx("div", {
 			style: {
 				position: "absolute",

package/dist/components/chat/CopilotChat.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotChat.mjs","names":[],"sources":["../../../src/components/chat/CopilotChat.tsx"],"sourcesContent":["import { useAgent } from \"@/hooks/use-agent\";\nimport { useSuggestions } from \"@/hooks/use-suggestions\";\nimport { CopilotChatView, CopilotChatViewProps } from \"./CopilotChatView\";\nimport { CopilotChatInputMode } from \"./CopilotChatInput\";\nimport {\n  CopilotChatConfigurationProvider,\n  CopilotChatLabels,\n  useCopilotChatConfiguration,\n} from \"@/providers/CopilotChatConfigurationProvider\";\nimport {\n  DEFAULT_AGENT_ID,\n  randomUUID,\n  TranscriptionErrorCode,\n} from \"@copilotkitnext/shared\";\nimport { Suggestion, CopilotKitCoreErrorCode } from \"@copilotkitnext/core\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { merge } from \"ts-deepmerge\";\nimport { useCopilotKit } from \"@/providers/CopilotKitProvider\";\nimport { AbstractAgent, HttpAgent } from \"@ag-ui/client\";\nimport { renderSlot, SlotValue } from \"@/lib/slots\";\nimport {\n  transcribeAudio,\n  TranscriptionError,\n} from \"@/lib/transcription-client\";\n\nexport type CopilotChatProps = Omit<\n  CopilotChatViewProps,\n  | \"messages\"\n  | \"isRunning\"\n  | \"suggestions\"\n  | \"suggestionLoadingIndexes\"\n  | \"onSelectSuggestion\"\n> & {\n  agentId?: string;\n  threadId?: string;\n  labels?: Partial<CopilotChatLabels>;\n  chatView?: SlotValue<typeof CopilotChatView>;\n  /**\n   * Error handler scoped to this chat's agent. Fires in addition to the\n   * provider-level onError (does not suppress it). Receives only errors\n   * whose context.agentId matches this chat's agent.\n   */\n  onError?: (event: {\n    error: Error;\n    code: CopilotKitCoreErrorCode;\n    context: Record<string, any>;\n  }) => void | Promise<void>;\n};\nexport function CopilotChat({\n  agentId,\n  threadId,\n  labels,\n  chatView,\n  onError,\n  ...props\n}: CopilotChatProps) {\n  // Check for existing configuration provider\n  const existingConfig = useCopilotChatConfiguration();\n\n  // Apply priority: props > existing config > defaults\n  const resolvedAgentId =\n    agentId ?? existingConfig?.agentId ?? DEFAULT_AGENT_ID;\n  const resolvedThreadId = useMemo(\n    () => threadId ?? existingConfig?.threadId ?? randomUUID(),\n    [threadId, existingConfig?.threadId],\n  );\n\n  const { agent } = useAgent({ agentId: resolvedAgentId });\n  const { copilotkit } = useCopilotKit();\n  const { suggestions: autoSuggestions } = useSuggestions({\n    agentId: resolvedAgentId,\n  });\n\n  // onError subscription — forward core errors scoped to this chat's agent\n  const onErrorRef = useRef(onError);\n  useEffect(() => {\n    onErrorRef.current = onError;\n  }, [onError]);\n\n  useEffect(() => {\n    if (!onErrorRef.current) return;\n\n    const subscription = copilotkit.subscribe({\n      onError: (event) => {\n        // Only forward errors that match this chat's agent\n        if (\n          event.context?.agentId === resolvedAgentId ||\n          !event.context?.agentId\n        ) {\n          onErrorRef.current?.({\n            error: event.error,\n            code: event.code,\n            context: event.context,\n          });\n        }\n      },\n    });\n\n    return () => {\n      subscription.unsubscribe();\n    };\n  }, [copilotkit, resolvedAgentId]);\n\n  // Transcription state\n  const [transcribeMode, setTranscribeMode] =\n    useState<CopilotChatInputMode>(\"input\");\n  const [inputValue, setInputValue] = useState(\"\");\n  const [transcriptionError, setTranscriptionError] = useState<string | null>(\n    null,\n  );\n  const [isTranscribing, setIsTranscribing] = useState(false);\n\n  // Check if transcription is enabled\n  const isTranscriptionEnabled = copilotkit.audioFileTranscriptionEnabled;\n\n  // Check if browser supports MediaRecorder\n  const isMediaRecorderSupported =\n    typeof window !== \"undefined\" && typeof MediaRecorder !== \"undefined\";\n\n  const {\n    messageView: providedMessageView,\n    suggestionView: providedSuggestionView,\n    onStop: providedStopHandler,\n    ...restProps\n  } = props;\n\n  useEffect(() => {\n    let detached = false;\n\n    // Create a fresh AbortController so we can cancel the HTTP request on cleanup.\n    // HttpAgent (parent of ProxiedCopilotRuntimeAgent) uses this.abortController.signal\n    // in its fetch config. Unlike runAgent(), connectAgent() does NOT create a new\n    // AbortController automatically, so we must set one before connecting.\n    const connectAbortController = new AbortController();\n    if (agent instanceof HttpAgent) {\n      agent.abortController = connectAbortController;\n    }\n\n    const connect = async (agent: AbstractAgent) => {\n      try {\n        await copilotkit.connectAgent({ agent });\n      } catch (error) {\n        // Ignore errors from aborted connections (e.g., React StrictMode cleanup)\n        if (detached) return;\n        // connectAgent already emits via the subscriber system, but catch\n        // here to prevent unhandled rejections from unexpected errors.\n        console.error(\"CopilotChat: connectAgent failed\", error);\n      }\n    };\n    agent.threadId = resolvedThreadId;\n    connect(agent);\n    return () => {\n      // Abort the HTTP request and detach the active run.\n      // This is critical for React StrictMode which unmounts+remounts in dev,\n      // preventing duplicate /connect requests from reaching the server.\n      detached = true;\n      connectAbortController.abort();\n      agent.detachActiveRun();\n    };\n    // copilotkit is intentionally excluded — it is a stable ref that never changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [resolvedThreadId, agent, resolvedAgentId]);\n\n  const onSubmitInput = useCallback(\n    async (value: string) => {\n      agent.addMessage({\n        id: randomUUID(),\n        role: \"user\",\n        content: value,\n      });\n      // Clear input after submitting\n      setInputValue(\"\");\n      try {\n        await copilotkit.runAgent({ agent });\n      } catch (error) {\n        console.error(\"CopilotChat: runAgent failed\", error);\n      }\n    },\n    // copilotkit is intentionally excluded — it is a stable ref that never changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [agent],\n  );\n\n  const handleSelectSuggestion = useCallback(\n    async (suggestion: Suggestion) => {\n      agent.addMessage({\n        id: randomUUID(),\n        role: \"user\",\n        content: suggestion.message,\n      });\n\n      try {\n        await copilotkit.runAgent({ agent });\n      } catch (error) {\n        console.error(\n          \"CopilotChat: runAgent failed after selecting suggestion\",\n          error,\n        );\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [agent],\n  );\n\n  const stopCurrentRun = useCallback(() => {\n    try {\n      copilotkit.stopAgent({ agent });\n    } catch (error) {\n      console.error(\"CopilotChat: stopAgent failed\", error);\n      try {\n        agent.abortRun();\n      } catch (abortError) {\n        console.error(\"CopilotChat: abortRun fallback failed\", abortError);\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [agent]);\n\n  // Transcription handlers\n  const handleStartTranscribe = useCallback(() => {\n    setTranscriptionError(null);\n    setTranscribeMode(\"transcribe\");\n  }, []);\n\n  const handleCancelTranscribe = useCallback(() => {\n    setTranscriptionError(null);\n    setTranscribeMode(\"input\");\n  }, []);\n\n  const handleFinishTranscribe = useCallback(() => {\n    setTranscribeMode(\"input\");\n  }, []);\n\n  // Handle audio blob from CopilotChatInput and transcribe it\n  const handleFinishTranscribeWithAudio = useCallback(\n    async (audioBlob: Blob) => {\n      setIsTranscribing(true);\n      try {\n        setTranscriptionError(null);\n\n        // Send to transcription endpoint\n        const result = await transcribeAudio(copilotkit, audioBlob);\n\n        // Insert transcribed text into input\n        setInputValue((prev) => {\n          const trimmedPrev = prev.trim();\n          if (trimmedPrev) {\n            return `${trimmedPrev} ${result.text}`;\n          }\n          return result.text;\n        });\n      } catch (error) {\n        console.error(\"CopilotChat: Transcription failed\", error);\n\n        // Show contextual error message based on error type\n        if (error instanceof TranscriptionError) {\n          const { code, retryable, message } = error.info;\n          switch (code) {\n            case TranscriptionErrorCode.RATE_LIMITED:\n              setTranscriptionError(\"Too many requests. Please wait a moment.\");\n              break;\n            case TranscriptionErrorCode.AUTH_FAILED:\n              setTranscriptionError(\n                \"Authentication error. Please check your configuration.\",\n              );\n              break;\n            case TranscriptionErrorCode.AUDIO_TOO_LONG:\n              setTranscriptionError(\n                \"Recording is too long. Please try a shorter recording.\",\n              );\n              break;\n            case TranscriptionErrorCode.AUDIO_TOO_SHORT:\n              setTranscriptionError(\n                \"Recording is too short. Please try again.\",\n              );\n              break;\n            case TranscriptionErrorCode.INVALID_AUDIO_FORMAT:\n              setTranscriptionError(\"Audio format not supported.\");\n              break;\n            case TranscriptionErrorCode.SERVICE_NOT_CONFIGURED:\n              setTranscriptionError(\"Transcription service is not available.\");\n              break;\n            case TranscriptionErrorCode.NETWORK_ERROR:\n              setTranscriptionError(\n                \"Network error. Please check your connection.\",\n              );\n              break;\n            default:\n              // For retryable errors, show more helpful message\n              setTranscriptionError(\n                retryable ? \"Transcription failed. Please try again.\" : message,\n              );\n          }\n        } else {\n          // Fallback for unexpected errors\n          setTranscriptionError(\"Transcription failed. Please try again.\");\n        }\n      } finally {\n        setIsTranscribing(false);\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  // Clear transcription error after a delay\n  useEffect(() => {\n    if (transcriptionError) {\n      const timer = setTimeout(() => {\n        setTranscriptionError(null);\n      }, 5000);\n      return () => clearTimeout(timer);\n    }\n  }, [transcriptionError]);\n\n  const mergedProps = merge(\n    {\n      isRunning: agent.isRunning,\n      suggestions: autoSuggestions,\n      onSelectSuggestion: handleSelectSuggestion,\n      suggestionView: providedSuggestionView,\n    },\n    {\n      ...restProps,\n      ...(typeof providedMessageView === \"string\"\n        ? { messageView: { className: providedMessageView } }\n        : providedMessageView !== undefined\n          ? { messageView: providedMessageView }\n          : {}),\n    },\n  );\n\n  const hasMessages = agent.messages.length > 0;\n  const shouldAllowStop = agent.isRunning && hasMessages;\n  const effectiveStopHandler = shouldAllowStop\n    ? (providedStopHandler ?? stopCurrentRun)\n    : providedStopHandler;\n\n  // Determine if transcription feature should be available\n  const showTranscription = isTranscriptionEnabled && isMediaRecorderSupported;\n\n  // Determine mode: transcribing takes priority, then transcribe mode, then default to input\n  const effectiveMode: CopilotChatInputMode = isTranscribing\n    ? \"processing\"\n    : transcribeMode;\n\n  // Memoize messages array - only create new reference when content actually changes\n  // (agent.messages is mutated in place, so we need a new reference for React to detect changes)\n\n  const messages = useMemo(\n    () => [...agent.messages],\n    [JSON.stringify(agent.messages)],\n  );\n\n  const finalProps = merge(mergedProps, {\n    messages,\n    // Input behavior props\n    onSubmitMessage: onSubmitInput,\n    onStop: effectiveStopHandler,\n    inputMode: effectiveMode,\n    inputValue,\n    onInputChange: setInputValue,\n    // Only provide transcription handlers if feature is available\n    onStartTranscribe: showTranscription ? handleStartTranscribe : undefined,\n    onCancelTranscribe: showTranscription ? handleCancelTranscribe : undefined,\n    onFinishTranscribe: showTranscription ? handleFinishTranscribe : undefined,\n    onFinishTranscribeWithAudio: showTranscription\n      ? handleFinishTranscribeWithAudio\n      : undefined,\n  }) as CopilotChatViewProps;\n\n  // Always create a provider with merged values\n  // This ensures priority: props > existing config > defaults\n  const RenderedChatView = renderSlot(chatView, CopilotChatView, finalProps);\n\n  return (\n    <CopilotChatConfigurationProvider\n      agentId={resolvedAgentId}\n      threadId={resolvedThreadId}\n      labels={labels}\n    >\n      {transcriptionError && (\n        <div\n          style={{\n            position: \"absolute\",\n            bottom: \"100px\",\n            left: \"50%\",\n            transform: \"translateX(-50%)\",\n            backgroundColor: \"#ef4444\",\n            color: \"white\",\n            padding: \"8px 16px\",\n            borderRadius: \"8px\",\n            fontSize: \"14px\",\n            zIndex: 50,\n          }}\n        >\n          {transcriptionError}\n        </div>\n      )}\n      {RenderedChatView}\n    </CopilotChatConfigurationProvider>\n  );\n}\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nexport namespace CopilotChat {\n  export const View = CopilotChatView;\n}\n"],"mappings":"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"}
+{"version":3,"file":"CopilotChat.mjs","names":[],"sources":["../../../src/components/chat/CopilotChat.tsx"],"sourcesContent":["import { useAgent } from \"@/hooks/use-agent\";\nimport { useSuggestions } from \"@/hooks/use-suggestions\";\nimport { CopilotChatView, CopilotChatViewProps } from \"./CopilotChatView\";\nimport { CopilotChatInputMode } from \"./CopilotChatInput\";\nimport {\n  CopilotChatConfigurationProvider,\n  CopilotChatLabels,\n  useCopilotChatConfiguration,\n} from \"@/providers/CopilotChatConfigurationProvider\";\nimport {\n  DEFAULT_AGENT_ID,\n  randomUUID,\n  TranscriptionErrorCode,\n} from \"@copilotkitnext/shared\";\nimport { Suggestion, CopilotKitCoreErrorCode } from \"@copilotkitnext/core\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { merge } from \"ts-deepmerge\";\nimport { useCopilotKit } from \"@/providers/CopilotKitProvider\";\nimport { AbstractAgent, HttpAgent } from \"@ag-ui/client\";\nimport { renderSlot, SlotValue } from \"@/lib/slots\";\nimport {\n  transcribeAudio,\n  TranscriptionError,\n} from \"@/lib/transcription-client\";\n\nexport type CopilotChatProps = Omit<\n  CopilotChatViewProps,\n  | \"messages\"\n  | \"isRunning\"\n  | \"suggestions\"\n  | \"suggestionLoadingIndexes\"\n  | \"onSelectSuggestion\"\n> & {\n  agentId?: string;\n  threadId?: string;\n  labels?: Partial<CopilotChatLabels>;\n  chatView?: SlotValue<typeof CopilotChatView>;\n  isModalDefaultOpen?: boolean;\n  /**\n   * Error handler scoped to this chat's agent. Fires in addition to the\n   * provider-level onError (does not suppress it). Receives only errors\n   * whose context.agentId matches this chat's agent.\n   */\n  onError?: (event: {\n    error: Error;\n    code: CopilotKitCoreErrorCode;\n    context: Record<string, any>;\n  }) => void | Promise<void>;\n};\nexport function CopilotChat({\n  agentId,\n  threadId,\n  labels,\n  chatView,\n  isModalDefaultOpen,\n  onError,\n  ...props\n}: CopilotChatProps) {\n  // Check for existing configuration provider\n  const existingConfig = useCopilotChatConfiguration();\n\n  // Apply priority: props > existing config > defaults\n  const resolvedAgentId =\n    agentId ?? existingConfig?.agentId ?? DEFAULT_AGENT_ID;\n  const resolvedThreadId = useMemo(\n    () => threadId ?? existingConfig?.threadId ?? randomUUID(),\n    [threadId, existingConfig?.threadId],\n  );\n\n  const { agent } = useAgent({ agentId: resolvedAgentId });\n  const { copilotkit } = useCopilotKit();\n  const { suggestions: autoSuggestions } = useSuggestions({\n    agentId: resolvedAgentId,\n  });\n\n  // onError subscription — forward core errors scoped to this chat's agent\n  const onErrorRef = useRef(onError);\n  useEffect(() => {\n    onErrorRef.current = onError;\n  }, [onError]);\n\n  useEffect(() => {\n    if (!onErrorRef.current) return;\n\n    const subscription = copilotkit.subscribe({\n      onError: (event) => {\n        // Only forward errors that match this chat's agent\n        if (\n          event.context?.agentId === resolvedAgentId ||\n          !event.context?.agentId\n        ) {\n          onErrorRef.current?.({\n            error: event.error,\n            code: event.code,\n            context: event.context,\n          });\n        }\n      },\n    });\n\n    return () => {\n      subscription.unsubscribe();\n    };\n  }, [copilotkit, resolvedAgentId]);\n\n  // Transcription state\n  const [transcribeMode, setTranscribeMode] =\n    useState<CopilotChatInputMode>(\"input\");\n  const [inputValue, setInputValue] = useState(\"\");\n  const [transcriptionError, setTranscriptionError] = useState<string | null>(\n    null,\n  );\n  const [isTranscribing, setIsTranscribing] = useState(false);\n\n  // Check if transcription is enabled\n  const isTranscriptionEnabled = copilotkit.audioFileTranscriptionEnabled;\n\n  // Check if browser supports MediaRecorder\n  const isMediaRecorderSupported =\n    typeof window !== \"undefined\" && typeof MediaRecorder !== \"undefined\";\n\n  const {\n    messageView: providedMessageView,\n    suggestionView: providedSuggestionView,\n    onStop: providedStopHandler,\n    ...restProps\n  } = props;\n\n  useEffect(() => {\n    let detached = false;\n\n    // Create a fresh AbortController so we can cancel the HTTP request on cleanup.\n    // HttpAgent (parent of ProxiedCopilotRuntimeAgent) uses this.abortController.signal\n    // in its fetch config. Unlike runAgent(), connectAgent() does NOT create a new\n    // AbortController automatically, so we must set one before connecting.\n    const connectAbortController = new AbortController();\n    if (agent instanceof HttpAgent) {\n      agent.abortController = connectAbortController;\n    }\n\n    const connect = async (agent: AbstractAgent) => {\n      try {\n        await copilotkit.connectAgent({ agent });\n      } catch (error) {\n        // Ignore errors from aborted connections (e.g., React StrictMode cleanup)\n        if (detached) return;\n        // connectAgent already emits via the subscriber system, but catch\n        // here to prevent unhandled rejections from unexpected errors.\n        console.error(\"CopilotChat: connectAgent failed\", error);\n      }\n    };\n    agent.threadId = resolvedThreadId;\n    connect(agent);\n    return () => {\n      // Abort the HTTP request and detach the active run.\n      // This is critical for React StrictMode which unmounts+remounts in dev,\n      // preventing duplicate /connect requests from reaching the server.\n      detached = true;\n      connectAbortController.abort();\n      // The .catch() is required to prevent a false-positive \"Uncaught (in promise)\n      // AbortError\" in browser devtools. detachActiveRun() itself does not reject,\n      // but without an attached handler V8 flags the promise chain as unhandled\n      // when the abort signal propagates through connected promises internally.\n      void agent.detachActiveRun().catch(() => {});\n    };\n    // copilotkit is intentionally excluded — it is a stable ref that never changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [resolvedThreadId, agent, resolvedAgentId]);\n\n  const onSubmitInput = useCallback(\n    async (value: string) => {\n      agent.addMessage({\n        id: randomUUID(),\n        role: \"user\",\n        content: value,\n      });\n      // Clear input after submitting\n      setInputValue(\"\");\n      try {\n        await copilotkit.runAgent({ agent });\n      } catch (error) {\n        console.error(\"CopilotChat: runAgent failed\", error);\n      }\n    },\n    // copilotkit is intentionally excluded — it is a stable ref that never changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [agent],\n  );\n\n  const handleSelectSuggestion = useCallback(\n    async (suggestion: Suggestion) => {\n      agent.addMessage({\n        id: randomUUID(),\n        role: \"user\",\n        content: suggestion.message,\n      });\n\n      try {\n        await copilotkit.runAgent({ agent });\n      } catch (error) {\n        console.error(\n          \"CopilotChat: runAgent failed after selecting suggestion\",\n          error,\n        );\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [agent],\n  );\n\n  const stopCurrentRun = useCallback(() => {\n    try {\n      copilotkit.stopAgent({ agent });\n    } catch (error) {\n      console.error(\"CopilotChat: stopAgent failed\", error);\n      try {\n        agent.abortRun();\n      } catch (abortError) {\n        console.error(\"CopilotChat: abortRun fallback failed\", abortError);\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [agent]);\n\n  // Transcription handlers\n  const handleStartTranscribe = useCallback(() => {\n    setTranscriptionError(null);\n    setTranscribeMode(\"transcribe\");\n  }, []);\n\n  const handleCancelTranscribe = useCallback(() => {\n    setTranscriptionError(null);\n    setTranscribeMode(\"input\");\n  }, []);\n\n  const handleFinishTranscribe = useCallback(() => {\n    setTranscribeMode(\"input\");\n  }, []);\n\n  // Handle audio blob from CopilotChatInput and transcribe it\n  const handleFinishTranscribeWithAudio = useCallback(\n    async (audioBlob: Blob) => {\n      setIsTranscribing(true);\n      try {\n        setTranscriptionError(null);\n\n        // Send to transcription endpoint\n        const result = await transcribeAudio(copilotkit, audioBlob);\n\n        // Insert transcribed text into input\n        setInputValue((prev) => {\n          const trimmedPrev = prev.trim();\n          if (trimmedPrev) {\n            return `${trimmedPrev} ${result.text}`;\n          }\n          return result.text;\n        });\n      } catch (error) {\n        console.error(\"CopilotChat: Transcription failed\", error);\n\n        // Show contextual error message based on error type\n        if (error instanceof TranscriptionError) {\n          const { code, retryable, message } = error.info;\n          switch (code) {\n            case TranscriptionErrorCode.RATE_LIMITED:\n              setTranscriptionError(\"Too many requests. Please wait a moment.\");\n              break;\n            case TranscriptionErrorCode.AUTH_FAILED:\n              setTranscriptionError(\n                \"Authentication error. Please check your configuration.\",\n              );\n              break;\n            case TranscriptionErrorCode.AUDIO_TOO_LONG:\n              setTranscriptionError(\n                \"Recording is too long. Please try a shorter recording.\",\n              );\n              break;\n            case TranscriptionErrorCode.AUDIO_TOO_SHORT:\n              setTranscriptionError(\n                \"Recording is too short. Please try again.\",\n              );\n              break;\n            case TranscriptionErrorCode.INVALID_AUDIO_FORMAT:\n              setTranscriptionError(\"Audio format not supported.\");\n              break;\n            case TranscriptionErrorCode.SERVICE_NOT_CONFIGURED:\n              setTranscriptionError(\"Transcription service is not available.\");\n              break;\n            case TranscriptionErrorCode.NETWORK_ERROR:\n              setTranscriptionError(\n                \"Network error. Please check your connection.\",\n              );\n              break;\n            default:\n              // For retryable errors, show more helpful message\n              setTranscriptionError(\n                retryable ? \"Transcription failed. Please try again.\" : message,\n              );\n          }\n        } else {\n          // Fallback for unexpected errors\n          setTranscriptionError(\"Transcription failed. Please try again.\");\n        }\n      } finally {\n        setIsTranscribing(false);\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  // Clear transcription error after a delay\n  useEffect(() => {\n    if (transcriptionError) {\n      const timer = setTimeout(() => {\n        setTranscriptionError(null);\n      }, 5000);\n      return () => clearTimeout(timer);\n    }\n  }, [transcriptionError]);\n\n  const mergedProps = merge(\n    {\n      isRunning: agent.isRunning,\n      suggestions: autoSuggestions,\n      onSelectSuggestion: handleSelectSuggestion,\n      suggestionView: providedSuggestionView,\n    },\n    {\n      ...restProps,\n      ...(typeof providedMessageView === \"string\"\n        ? { messageView: { className: providedMessageView } }\n        : providedMessageView !== undefined\n          ? { messageView: providedMessageView }\n          : {}),\n    },\n  );\n\n  const hasMessages = agent.messages.length > 0;\n  const shouldAllowStop = agent.isRunning && hasMessages;\n  const effectiveStopHandler = shouldAllowStop\n    ? (providedStopHandler ?? stopCurrentRun)\n    : providedStopHandler;\n\n  // Determine if transcription feature should be available\n  const showTranscription = isTranscriptionEnabled && isMediaRecorderSupported;\n\n  // Determine mode: transcribing takes priority, then transcribe mode, then default to input\n  const effectiveMode: CopilotChatInputMode = isTranscribing\n    ? \"processing\"\n    : transcribeMode;\n\n  // Memoize messages array - only create new reference when content actually changes\n  // (agent.messages is mutated in place, so we need a new reference for React to detect changes)\n\n  const messages = useMemo(\n    () => [...agent.messages],\n    [JSON.stringify(agent.messages)],\n  );\n\n  const finalProps = merge(mergedProps, {\n    messages,\n    // Input behavior props\n    onSubmitMessage: onSubmitInput,\n    onStop: effectiveStopHandler,\n    inputMode: effectiveMode,\n    inputValue,\n    onInputChange: setInputValue,\n    // Only provide transcription handlers if feature is available\n    onStartTranscribe: showTranscription ? handleStartTranscribe : undefined,\n    onCancelTranscribe: showTranscription ? handleCancelTranscribe : undefined,\n    onFinishTranscribe: showTranscription ? handleFinishTranscribe : undefined,\n    onFinishTranscribeWithAudio: showTranscription\n      ? handleFinishTranscribeWithAudio\n      : undefined,\n  }) as CopilotChatViewProps;\n\n  // Always create a provider with merged values\n  // This ensures priority: props > existing config > defaults\n  const RenderedChatView = renderSlot(chatView, CopilotChatView, finalProps);\n\n  return (\n    <CopilotChatConfigurationProvider\n      agentId={resolvedAgentId}\n      threadId={resolvedThreadId}\n      labels={labels}\n      isModalDefaultOpen={isModalDefaultOpen}\n    >\n      {transcriptionError && (\n        <div\n          style={{\n            position: \"absolute\",\n            bottom: \"100px\",\n            left: \"50%\",\n            transform: \"translateX(-50%)\",\n            backgroundColor: \"#ef4444\",\n            color: \"white\",\n            padding: \"8px 16px\",\n            borderRadius: \"8px\",\n            fontSize: \"14px\",\n            zIndex: 50,\n          }}\n        >\n          {transcriptionError}\n        </div>\n      )}\n      {RenderedChatView}\n    </CopilotChatConfigurationProvider>\n  );\n}\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nexport namespace CopilotChat {\n  export const View = CopilotChatView;\n}\n"],"mappings":"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"}

package/dist/components/chat/CopilotPopup.cjs

@@ -33,6 +33,7 @@ function CopilotPopup({ header, toggleButton, defaultOpen, width, height, clickO
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CopilotChat.CopilotChat, {
 		welcomeScreen: require_CopilotPopupView.default.WelcomeScreen,
 		...chatProps,
+		isModalDefaultOpen: defaultOpen,
 		chatView: PopupViewOverride
 	});
 }

package/dist/components/chat/CopilotPopup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotPopup.cjs","names":["CopilotPopupView","CopilotChatView","CopilotChat"],"sources":["../../../src/components/chat/CopilotPopup.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { CopilotChat, CopilotChatProps } from \"./CopilotChat\";\nimport CopilotChatView, { CopilotChatViewProps } from \"./CopilotChatView\";\nimport CopilotPopupView, { CopilotPopupViewProps } from \"./CopilotPopupView\";\n\nexport type CopilotPopupProps = Omit<CopilotChatProps, \"chatView\"> & {\n  header?: CopilotPopupViewProps[\"header\"];\n  toggleButton?: CopilotPopupViewProps[\"toggleButton\"];\n  defaultOpen?: boolean;\n  width?: CopilotPopupViewProps[\"width\"];\n  height?: CopilotPopupViewProps[\"height\"];\n  clickOutsideToClose?: CopilotPopupViewProps[\"clickOutsideToClose\"];\n};\n\nexport function CopilotPopup({\n  header,\n  toggleButton,\n  defaultOpen,\n  width,\n  height,\n  clickOutsideToClose,\n  ...chatProps\n}: CopilotPopupProps) {\n  const PopupViewOverride = useMemo(() => {\n    const Component: React.FC<CopilotChatViewProps> = (viewProps) => {\n      const {\n        header: viewHeader,\n        toggleButton: viewToggleButton,\n        width: viewWidth,\n        height: viewHeight,\n        clickOutsideToClose: viewClickOutsideToClose,\n        defaultOpen: viewDefaultOpen,\n        ...restProps\n      } = viewProps as CopilotPopupViewProps;\n\n      return (\n        <CopilotPopupView\n          {...(restProps as CopilotPopupViewProps)}\n          header={header ?? viewHeader}\n          toggleButton={toggleButton ?? viewToggleButton}\n          width={width ?? viewWidth}\n          height={height ?? viewHeight}\n          clickOutsideToClose={clickOutsideToClose ?? viewClickOutsideToClose}\n          defaultOpen={defaultOpen ?? viewDefaultOpen}\n        />\n      );\n    };\n\n    return Object.assign(Component, CopilotChatView);\n  }, [clickOutsideToClose, header, toggleButton, height, width, defaultOpen]);\n\n  return (\n    <CopilotChat\n      welcomeScreen={CopilotPopupView.WelcomeScreen}\n      {...chatProps}\n      chatView={PopupViewOverride}\n    />\n  );\n}\n\nCopilotPopup.displayName = \"CopilotPopup\";\n\nexport default CopilotPopup;\n"],"mappings":";;;;;;;;;AAeA,SAAgB,aAAa,EAC3B,QACA,cACA,aACA,OACA,QACA,qBACA,GAAG,aACiB;CACpB,MAAM,6CAAkC;EACtC,MAAM,aAA6C,cAAc;GAC/D,MAAM,EACJ,QAAQ,YACR,cAAc,kBACd,OAAO,WACP,QAAQ,YACR,qBAAqB,yBACrB,aAAa,iBACb,GAAG,cACD;AAEJ,UACE,2CAACA;IACC,GAAK;IACL,QAAQ,UAAU;IAClB,cAAc,gBAAgB;IAC9B,OAAO,SAAS;IAChB,QAAQ,UAAU;IAClB,qBAAqB,uBAAuB;IAC5C,aAAa,eAAe;KAC5B;;AAIN,SAAO,OAAO,OAAO,WAAWC,gCAAgB;IAC/C;EAAC;EAAqB;EAAQ;EAAc;EAAQ;EAAO;EAAY,CAAC;AAE3E,QACE,2CAACC;EACC,eAAeF,iCAAiB;EAChC,GAAI;EACJ,UAAU;GACV;;AAIN,aAAa,cAAc"}
+{"version":3,"file":"CopilotPopup.cjs","names":["CopilotPopupView","CopilotChatView","CopilotChat"],"sources":["../../../src/components/chat/CopilotPopup.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { CopilotChat, CopilotChatProps } from \"./CopilotChat\";\nimport CopilotChatView, { CopilotChatViewProps } from \"./CopilotChatView\";\nimport CopilotPopupView, { CopilotPopupViewProps } from \"./CopilotPopupView\";\n\nexport type CopilotPopupProps = Omit<CopilotChatProps, \"chatView\"> & {\n  header?: CopilotPopupViewProps[\"header\"];\n  toggleButton?: CopilotPopupViewProps[\"toggleButton\"];\n  defaultOpen?: boolean;\n  width?: CopilotPopupViewProps[\"width\"];\n  height?: CopilotPopupViewProps[\"height\"];\n  clickOutsideToClose?: CopilotPopupViewProps[\"clickOutsideToClose\"];\n};\n\nexport function CopilotPopup({\n  header,\n  toggleButton,\n  defaultOpen,\n  width,\n  height,\n  clickOutsideToClose,\n  ...chatProps\n}: CopilotPopupProps) {\n  const PopupViewOverride = useMemo(() => {\n    const Component: React.FC<CopilotChatViewProps> = (viewProps) => {\n      const {\n        header: viewHeader,\n        toggleButton: viewToggleButton,\n        width: viewWidth,\n        height: viewHeight,\n        clickOutsideToClose: viewClickOutsideToClose,\n        defaultOpen: viewDefaultOpen,\n        ...restProps\n      } = viewProps as CopilotPopupViewProps;\n\n      return (\n        <CopilotPopupView\n          {...(restProps as CopilotPopupViewProps)}\n          header={header ?? viewHeader}\n          toggleButton={toggleButton ?? viewToggleButton}\n          width={width ?? viewWidth}\n          height={height ?? viewHeight}\n          clickOutsideToClose={clickOutsideToClose ?? viewClickOutsideToClose}\n          defaultOpen={defaultOpen ?? viewDefaultOpen}\n        />\n      );\n    };\n\n    return Object.assign(Component, CopilotChatView);\n  }, [clickOutsideToClose, header, toggleButton, height, width, defaultOpen]);\n\n  return (\n    <CopilotChat\n      welcomeScreen={CopilotPopupView.WelcomeScreen}\n      {...chatProps}\n      isModalDefaultOpen={defaultOpen}\n      chatView={PopupViewOverride}\n    />\n  );\n}\n\nCopilotPopup.displayName = \"CopilotPopup\";\n\nexport default CopilotPopup;\n"],"mappings":";;;;;;;;;AAeA,SAAgB,aAAa,EAC3B,QACA,cACA,aACA,OACA,QACA,qBACA,GAAG,aACiB;CACpB,MAAM,6CAAkC;EACtC,MAAM,aAA6C,cAAc;GAC/D,MAAM,EACJ,QAAQ,YACR,cAAc,kBACd,OAAO,WACP,QAAQ,YACR,qBAAqB,yBACrB,aAAa,iBACb,GAAG,cACD;AAEJ,UACE,2CAACA;IACC,GAAK;IACL,QAAQ,UAAU;IAClB,cAAc,gBAAgB;IAC9B,OAAO,SAAS;IAChB,QAAQ,UAAU;IAClB,qBAAqB,uBAAuB;IAC5C,aAAa,eAAe;KAC5B;;AAIN,SAAO,OAAO,OAAO,WAAWC,gCAAgB;IAC/C;EAAC;EAAqB;EAAQ;EAAc;EAAQ;EAAO;EAAY,CAAC;AAE3E,QACE,2CAACC;EACC,eAAeF,iCAAiB;EAChC,GAAI;EACJ,oBAAoB;EACpB,UAAU;GACV;;AAIN,aAAa,cAAc"}

package/dist/components/chat/CopilotPopup.mjs

@@ -31,6 +31,7 @@ function CopilotPopup({ header, toggleButton, defaultOpen, width, height, clickO
 	return /* @__PURE__ */ jsx(CopilotChat, {
 		welcomeScreen: CopilotPopupView_default.WelcomeScreen,
 		...chatProps,
+		isModalDefaultOpen: defaultOpen,
 		chatView: PopupViewOverride
 	});
 }

package/dist/components/chat/CopilotPopup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotPopup.mjs","names":["CopilotPopupView","CopilotChatView"],"sources":["../../../src/components/chat/CopilotPopup.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { CopilotChat, CopilotChatProps } from \"./CopilotChat\";\nimport CopilotChatView, { CopilotChatViewProps } from \"./CopilotChatView\";\nimport CopilotPopupView, { CopilotPopupViewProps } from \"./CopilotPopupView\";\n\nexport type CopilotPopupProps = Omit<CopilotChatProps, \"chatView\"> & {\n  header?: CopilotPopupViewProps[\"header\"];\n  toggleButton?: CopilotPopupViewProps[\"toggleButton\"];\n  defaultOpen?: boolean;\n  width?: CopilotPopupViewProps[\"width\"];\n  height?: CopilotPopupViewProps[\"height\"];\n  clickOutsideToClose?: CopilotPopupViewProps[\"clickOutsideToClose\"];\n};\n\nexport function CopilotPopup({\n  header,\n  toggleButton,\n  defaultOpen,\n  width,\n  height,\n  clickOutsideToClose,\n  ...chatProps\n}: CopilotPopupProps) {\n  const PopupViewOverride = useMemo(() => {\n    const Component: React.FC<CopilotChatViewProps> = (viewProps) => {\n      const {\n        header: viewHeader,\n        toggleButton: viewToggleButton,\n        width: viewWidth,\n        height: viewHeight,\n        clickOutsideToClose: viewClickOutsideToClose,\n        defaultOpen: viewDefaultOpen,\n        ...restProps\n      } = viewProps as CopilotPopupViewProps;\n\n      return (\n        <CopilotPopupView\n          {...(restProps as CopilotPopupViewProps)}\n          header={header ?? viewHeader}\n          toggleButton={toggleButton ?? viewToggleButton}\n          width={width ?? viewWidth}\n          height={height ?? viewHeight}\n          clickOutsideToClose={clickOutsideToClose ?? viewClickOutsideToClose}\n          defaultOpen={defaultOpen ?? viewDefaultOpen}\n        />\n      );\n    };\n\n    return Object.assign(Component, CopilotChatView);\n  }, [clickOutsideToClose, header, toggleButton, height, width, defaultOpen]);\n\n  return (\n    <CopilotChat\n      welcomeScreen={CopilotPopupView.WelcomeScreen}\n      {...chatProps}\n      chatView={PopupViewOverride}\n    />\n  );\n}\n\nCopilotPopup.displayName = \"CopilotPopup\";\n\nexport default CopilotPopup;\n"],"mappings":";;;;;;;AAeA,SAAgB,aAAa,EAC3B,QACA,cACA,aACA,OACA,QACA,qBACA,GAAG,aACiB;CACpB,MAAM,oBAAoB,cAAc;EACtC,MAAM,aAA6C,cAAc;GAC/D,MAAM,EACJ,QAAQ,YACR,cAAc,kBACd,OAAO,WACP,QAAQ,YACR,qBAAqB,yBACrB,aAAa,iBACb,GAAG,cACD;AAEJ,UACE,oBAACA;IACC,GAAK;IACL,QAAQ,UAAU;IAClB,cAAc,gBAAgB;IAC9B,OAAO,SAAS;IAChB,QAAQ,UAAU;IAClB,qBAAqB,uBAAuB;IAC5C,aAAa,eAAe;KAC5B;;AAIN,SAAO,OAAO,OAAO,WAAWC,wBAAgB;IAC/C;EAAC;EAAqB;EAAQ;EAAc;EAAQ;EAAO;EAAY,CAAC;AAE3E,QACE,oBAAC;EACC,eAAeD,yBAAiB;EAChC,GAAI;EACJ,UAAU;GACV;;AAIN,aAAa,cAAc"}
+{"version":3,"file":"CopilotPopup.mjs","names":["CopilotPopupView","CopilotChatView"],"sources":["../../../src/components/chat/CopilotPopup.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { CopilotChat, CopilotChatProps } from \"./CopilotChat\";\nimport CopilotChatView, { CopilotChatViewProps } from \"./CopilotChatView\";\nimport CopilotPopupView, { CopilotPopupViewProps } from \"./CopilotPopupView\";\n\nexport type CopilotPopupProps = Omit<CopilotChatProps, \"chatView\"> & {\n  header?: CopilotPopupViewProps[\"header\"];\n  toggleButton?: CopilotPopupViewProps[\"toggleButton\"];\n  defaultOpen?: boolean;\n  width?: CopilotPopupViewProps[\"width\"];\n  height?: CopilotPopupViewProps[\"height\"];\n  clickOutsideToClose?: CopilotPopupViewProps[\"clickOutsideToClose\"];\n};\n\nexport function CopilotPopup({\n  header,\n  toggleButton,\n  defaultOpen,\n  width,\n  height,\n  clickOutsideToClose,\n  ...chatProps\n}: CopilotPopupProps) {\n  const PopupViewOverride = useMemo(() => {\n    const Component: React.FC<CopilotChatViewProps> = (viewProps) => {\n      const {\n        header: viewHeader,\n        toggleButton: viewToggleButton,\n        width: viewWidth,\n        height: viewHeight,\n        clickOutsideToClose: viewClickOutsideToClose,\n        defaultOpen: viewDefaultOpen,\n        ...restProps\n      } = viewProps as CopilotPopupViewProps;\n\n      return (\n        <CopilotPopupView\n          {...(restProps as CopilotPopupViewProps)}\n          header={header ?? viewHeader}\n          toggleButton={toggleButton ?? viewToggleButton}\n          width={width ?? viewWidth}\n          height={height ?? viewHeight}\n          clickOutsideToClose={clickOutsideToClose ?? viewClickOutsideToClose}\n          defaultOpen={defaultOpen ?? viewDefaultOpen}\n        />\n      );\n    };\n\n    return Object.assign(Component, CopilotChatView);\n  }, [clickOutsideToClose, header, toggleButton, height, width, defaultOpen]);\n\n  return (\n    <CopilotChat\n      welcomeScreen={CopilotPopupView.WelcomeScreen}\n      {...chatProps}\n      isModalDefaultOpen={defaultOpen}\n      chatView={PopupViewOverride}\n    />\n  );\n}\n\nCopilotPopup.displayName = \"CopilotPopup\";\n\nexport default CopilotPopup;\n"],"mappings":";;;;;;;AAeA,SAAgB,aAAa,EAC3B,QACA,cACA,aACA,OACA,QACA,qBACA,GAAG,aACiB;CACpB,MAAM,oBAAoB,cAAc;EACtC,MAAM,aAA6C,cAAc;GAC/D,MAAM,EACJ,QAAQ,YACR,cAAc,kBACd,OAAO,WACP,QAAQ,YACR,qBAAqB,yBACrB,aAAa,iBACb,GAAG,cACD;AAEJ,UACE,oBAACA;IACC,GAAK;IACL,QAAQ,UAAU;IAClB,cAAc,gBAAgB;IAC9B,OAAO,SAAS;IAChB,QAAQ,UAAU;IAClB,qBAAqB,uBAAuB;IAC5C,aAAa,eAAe;KAC5B;;AAIN,SAAO,OAAO,OAAO,WAAWC,wBAAgB;IAC/C;EAAC;EAAqB;EAAQ;EAAc;EAAQ;EAAO;EAAY,CAAC;AAE3E,QACE,oBAAC;EACC,eAAeD,yBAAiB;EAChC,GAAI;EACJ,oBAAoB;EACpB,UAAU;GACV;;AAIN,aAAa,cAAc"}

package/dist/components/chat/CopilotSidebar.cjs

@@ -29,6 +29,7 @@ function CopilotSidebar({ header, toggleButton, defaultOpen, width, ...chatProps
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CopilotChat.CopilotChat, {
 		welcomeScreen: require_CopilotSidebarView.CopilotSidebarView.WelcomeScreen,
 		...chatProps,
+		isModalDefaultOpen: defaultOpen,
 		chatView: SidebarViewOverride
 	});
 }

package/dist/components/chat/CopilotSidebar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotSidebar.cjs","names":["CopilotSidebarView","CopilotChatView","CopilotChat"],"sources":["../../../src/components/chat/CopilotSidebar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { CopilotChat, CopilotChatProps } from \"./CopilotChat\";\nimport CopilotChatView, { CopilotChatViewProps } from \"./CopilotChatView\";\nimport {\n  CopilotSidebarView,\n  CopilotSidebarViewProps,\n} from \"./CopilotSidebarView\";\n\nexport type CopilotSidebarProps = Omit<CopilotChatProps, \"chatView\"> & {\n  header?: CopilotSidebarViewProps[\"header\"];\n  toggleButton?: CopilotSidebarViewProps[\"toggleButton\"];\n  defaultOpen?: boolean;\n  width?: number | string;\n};\n\nexport function CopilotSidebar({\n  header,\n  toggleButton,\n  defaultOpen,\n  width,\n  ...chatProps\n}: CopilotSidebarProps) {\n  const SidebarViewOverride = useMemo(() => {\n    const Component: React.FC<CopilotChatViewProps> = (viewProps) => {\n      const {\n        header: viewHeader,\n        toggleButton: viewToggleButton,\n        width: viewWidth,\n        defaultOpen: viewDefaultOpen,\n        ...restProps\n      } = viewProps as CopilotSidebarViewProps;\n\n      return (\n        <CopilotSidebarView\n          {...(restProps as CopilotSidebarViewProps)}\n          header={header ?? viewHeader}\n          toggleButton={toggleButton ?? viewToggleButton}\n          width={width ?? viewWidth}\n          defaultOpen={defaultOpen ?? viewDefaultOpen}\n        />\n      );\n    };\n\n    return Object.assign(Component, CopilotChatView);\n  }, [header, toggleButton, width, defaultOpen]);\n\n  return (\n    <CopilotChat\n      welcomeScreen={CopilotSidebarView.WelcomeScreen}\n      {...chatProps}\n      chatView={SidebarViewOverride}\n    />\n  );\n}\n\nCopilotSidebar.displayName = \"CopilotSidebar\";\n\nexport default CopilotSidebar;\n"],"mappings":";;;;;;;;;AAgBA,SAAgB,eAAe,EAC7B,QACA,cACA,aACA,OACA,GAAG,aACmB;CACtB,MAAM,+CAAoC;EACxC,MAAM,aAA6C,cAAc;GAC/D,MAAM,EACJ,QAAQ,YACR,cAAc,kBACd,OAAO,WACP,aAAa,iBACb,GAAG,cACD;AAEJ,UACE,2CAACA;IACC,GAAK;IACL,QAAQ,UAAU;IAClB,cAAc,gBAAgB;IAC9B,OAAO,SAAS;IAChB,aAAa,eAAe;KAC5B;;AAIN,SAAO,OAAO,OAAO,WAAWC,gCAAgB;IAC/C;EAAC;EAAQ;EAAc;EAAO;EAAY,CAAC;AAE9C,QACE,2CAACC;EACC,eAAeF,8CAAmB;EAClC,GAAI;EACJ,UAAU;GACV;;AAIN,eAAe,cAAc"}
+{"version":3,"file":"CopilotSidebar.cjs","names":["CopilotSidebarView","CopilotChatView","CopilotChat"],"sources":["../../../src/components/chat/CopilotSidebar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { CopilotChat, CopilotChatProps } from \"./CopilotChat\";\nimport CopilotChatView, { CopilotChatViewProps } from \"./CopilotChatView\";\nimport {\n  CopilotSidebarView,\n  CopilotSidebarViewProps,\n} from \"./CopilotSidebarView\";\n\nexport type CopilotSidebarProps = Omit<CopilotChatProps, \"chatView\"> & {\n  header?: CopilotSidebarViewProps[\"header\"];\n  toggleButton?: CopilotSidebarViewProps[\"toggleButton\"];\n  defaultOpen?: boolean;\n  width?: number | string;\n};\n\nexport function CopilotSidebar({\n  header,\n  toggleButton,\n  defaultOpen,\n  width,\n  ...chatProps\n}: CopilotSidebarProps) {\n  const SidebarViewOverride = useMemo(() => {\n    const Component: React.FC<CopilotChatViewProps> = (viewProps) => {\n      const {\n        header: viewHeader,\n        toggleButton: viewToggleButton,\n        width: viewWidth,\n        defaultOpen: viewDefaultOpen,\n        ...restProps\n      } = viewProps as CopilotSidebarViewProps;\n\n      return (\n        <CopilotSidebarView\n          {...(restProps as CopilotSidebarViewProps)}\n          header={header ?? viewHeader}\n          toggleButton={toggleButton ?? viewToggleButton}\n          width={width ?? viewWidth}\n          defaultOpen={defaultOpen ?? viewDefaultOpen}\n        />\n      );\n    };\n\n    return Object.assign(Component, CopilotChatView);\n  }, [header, toggleButton, width, defaultOpen]);\n\n  return (\n    <CopilotChat\n      welcomeScreen={CopilotSidebarView.WelcomeScreen}\n      {...chatProps}\n      isModalDefaultOpen={defaultOpen}\n      chatView={SidebarViewOverride}\n    />\n  );\n}\n\nCopilotSidebar.displayName = \"CopilotSidebar\";\n\nexport default CopilotSidebar;\n"],"mappings":";;;;;;;;;AAgBA,SAAgB,eAAe,EAC7B,QACA,cACA,aACA,OACA,GAAG,aACmB;CACtB,MAAM,+CAAoC;EACxC,MAAM,aAA6C,cAAc;GAC/D,MAAM,EACJ,QAAQ,YACR,cAAc,kBACd,OAAO,WACP,aAAa,iBACb,GAAG,cACD;AAEJ,UACE,2CAACA;IACC,GAAK;IACL,QAAQ,UAAU;IAClB,cAAc,gBAAgB;IAC9B,OAAO,SAAS;IAChB,aAAa,eAAe;KAC5B;;AAIN,SAAO,OAAO,OAAO,WAAWC,gCAAgB;IAC/C;EAAC;EAAQ;EAAc;EAAO;EAAY,CAAC;AAE9C,QACE,2CAACC;EACC,eAAeF,8CAAmB;EAClC,GAAI;EACJ,oBAAoB;EACpB,UAAU;GACV;;AAIN,eAAe,cAAc"}

package/dist/components/chat/CopilotSidebar.mjs

@@ -27,6 +27,7 @@ function CopilotSidebar({ header, toggleButton, defaultOpen, width, ...chatProps
 	return /* @__PURE__ */ jsx(CopilotChat, {
 		welcomeScreen: CopilotSidebarView.WelcomeScreen,
 		...chatProps,
+		isModalDefaultOpen: defaultOpen,
 		chatView: SidebarViewOverride
 	});
 }

package/dist/components/chat/CopilotSidebar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotSidebar.mjs","names":["CopilotChatView"],"sources":["../../../src/components/chat/CopilotSidebar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { CopilotChat, CopilotChatProps } from \"./CopilotChat\";\nimport CopilotChatView, { CopilotChatViewProps } from \"./CopilotChatView\";\nimport {\n  CopilotSidebarView,\n  CopilotSidebarViewProps,\n} from \"./CopilotSidebarView\";\n\nexport type CopilotSidebarProps = Omit<CopilotChatProps, \"chatView\"> & {\n  header?: CopilotSidebarViewProps[\"header\"];\n  toggleButton?: CopilotSidebarViewProps[\"toggleButton\"];\n  defaultOpen?: boolean;\n  width?: number | string;\n};\n\nexport function CopilotSidebar({\n  header,\n  toggleButton,\n  defaultOpen,\n  width,\n  ...chatProps\n}: CopilotSidebarProps) {\n  const SidebarViewOverride = useMemo(() => {\n    const Component: React.FC<CopilotChatViewProps> = (viewProps) => {\n      const {\n        header: viewHeader,\n        toggleButton: viewToggleButton,\n        width: viewWidth,\n        defaultOpen: viewDefaultOpen,\n        ...restProps\n      } = viewProps as CopilotSidebarViewProps;\n\n      return (\n        <CopilotSidebarView\n          {...(restProps as CopilotSidebarViewProps)}\n          header={header ?? viewHeader}\n          toggleButton={toggleButton ?? viewToggleButton}\n          width={width ?? viewWidth}\n          defaultOpen={defaultOpen ?? viewDefaultOpen}\n        />\n      );\n    };\n\n    return Object.assign(Component, CopilotChatView);\n  }, [header, toggleButton, width, defaultOpen]);\n\n  return (\n    <CopilotChat\n      welcomeScreen={CopilotSidebarView.WelcomeScreen}\n      {...chatProps}\n      chatView={SidebarViewOverride}\n    />\n  );\n}\n\nCopilotSidebar.displayName = \"CopilotSidebar\";\n\nexport default CopilotSidebar;\n"],"mappings":";;;;;;;AAgBA,SAAgB,eAAe,EAC7B,QACA,cACA,aACA,OACA,GAAG,aACmB;CACtB,MAAM,sBAAsB,cAAc;EACxC,MAAM,aAA6C,cAAc;GAC/D,MAAM,EACJ,QAAQ,YACR,cAAc,kBACd,OAAO,WACP,aAAa,iBACb,GAAG,cACD;AAEJ,UACE,oBAAC;IACC,GAAK;IACL,QAAQ,UAAU;IAClB,cAAc,gBAAgB;IAC9B,OAAO,SAAS;IAChB,aAAa,eAAe;KAC5B;;AAIN,SAAO,OAAO,OAAO,WAAWA,wBAAgB;IAC/C;EAAC;EAAQ;EAAc;EAAO;EAAY,CAAC;AAE9C,QACE,oBAAC;EACC,eAAe,mBAAmB;EAClC,GAAI;EACJ,UAAU;GACV;;AAIN,eAAe,cAAc"}
+{"version":3,"file":"CopilotSidebar.mjs","names":["CopilotChatView"],"sources":["../../../src/components/chat/CopilotSidebar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { CopilotChat, CopilotChatProps } from \"./CopilotChat\";\nimport CopilotChatView, { CopilotChatViewProps } from \"./CopilotChatView\";\nimport {\n  CopilotSidebarView,\n  CopilotSidebarViewProps,\n} from \"./CopilotSidebarView\";\n\nexport type CopilotSidebarProps = Omit<CopilotChatProps, \"chatView\"> & {\n  header?: CopilotSidebarViewProps[\"header\"];\n  toggleButton?: CopilotSidebarViewProps[\"toggleButton\"];\n  defaultOpen?: boolean;\n  width?: number | string;\n};\n\nexport function CopilotSidebar({\n  header,\n  toggleButton,\n  defaultOpen,\n  width,\n  ...chatProps\n}: CopilotSidebarProps) {\n  const SidebarViewOverride = useMemo(() => {\n    const Component: React.FC<CopilotChatViewProps> = (viewProps) => {\n      const {\n        header: viewHeader,\n        toggleButton: viewToggleButton,\n        width: viewWidth,\n        defaultOpen: viewDefaultOpen,\n        ...restProps\n      } = viewProps as CopilotSidebarViewProps;\n\n      return (\n        <CopilotSidebarView\n          {...(restProps as CopilotSidebarViewProps)}\n          header={header ?? viewHeader}\n          toggleButton={toggleButton ?? viewToggleButton}\n          width={width ?? viewWidth}\n          defaultOpen={defaultOpen ?? viewDefaultOpen}\n        />\n      );\n    };\n\n    return Object.assign(Component, CopilotChatView);\n  }, [header, toggleButton, width, defaultOpen]);\n\n  return (\n    <CopilotChat\n      welcomeScreen={CopilotSidebarView.WelcomeScreen}\n      {...chatProps}\n      isModalDefaultOpen={defaultOpen}\n      chatView={SidebarViewOverride}\n    />\n  );\n}\n\nCopilotSidebar.displayName = \"CopilotSidebar\";\n\nexport default CopilotSidebar;\n"],"mappings":";;;;;;;AAgBA,SAAgB,eAAe,EAC7B,QACA,cACA,aACA,OACA,GAAG,aACmB;CACtB,MAAM,sBAAsB,cAAc;EACxC,MAAM,aAA6C,cAAc;GAC/D,MAAM,EACJ,QAAQ,YACR,cAAc,kBACd,OAAO,WACP,aAAa,iBACb,GAAG,cACD;AAEJ,UACE,oBAAC;IACC,GAAK;IACL,QAAQ,UAAU;IAClB,cAAc,gBAAgB;IAC9B,OAAO,SAAS;IAChB,aAAa,eAAe;KAC5B;;AAIN,SAAO,OAAO,OAAO,WAAWA,wBAAgB;IAC/C;EAAC;EAAQ;EAAc;EAAO;EAAY,CAAC;AAE9C,QACE,oBAAC;EACC,eAAe,mBAAmB;EAClC,GAAI;EACJ,oBAAoB;EACpB,UAAU;GACV;;AAIN,eAAe,cAAc"}

package/dist/hooks/use-interrupt.cjs

@@ -72,6 +72,8 @@ function useInterrupt(config) {
 	const { copilotkit } = require_CopilotKitProvider.useCopilotKit();
 	const { agent } = require_use_agent.useAgent({ agentId: config.agentId });
 	const [pendingEvent, setPendingEvent] = (0, react.useState)(null);
+	const pendingEventRef = (0, react.useRef)(pendingEvent);
+	pendingEventRef.current = pendingEvent;
 	const [handlerResult, setHandlerResult] = (0, react.useState)(null);
 	(0, react.useEffect)(() => {
 		let localInterrupt = null;
@@ -102,7 +104,10 @@ function useInterrupt(config) {
 		setPendingEvent(null);
 		copilotkit.runAgent({
 			agent,
-			forwardedProps: { command: { resume: response } }
+			forwardedProps: { command: {
+				resume: response,
+				interruptEvent: pendingEventRef.current?.value
+			} }
 		});
 	}, [agent, copilotkit]);
 	(0, react.useEffect)(() => {

package/dist/hooks/use-interrupt.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-interrupt.cjs","names":["useCopilotKit","useAgent"],"sources":["../../src/hooks/use-interrupt.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useMemo } from \"react\";\nimport { useCopilotKit } from \"@/providers/CopilotKitProvider\";\nimport { useAgent } from \"./use-agent\";\nimport type {\n  InterruptEvent,\n  InterruptRenderProps,\n  InterruptHandlerProps,\n} from \"../types/interrupt\";\n\nexport type { InterruptEvent, InterruptRenderProps, InterruptHandlerProps };\n\nconst INTERRUPT_EVENT_NAME = \"on_interrupt\";\n\ntype InterruptHandlerFn<TValue, TResult> = (\n  props: InterruptHandlerProps<TValue>,\n) => TResult | PromiseLike<TResult>;\n\ntype InterruptResultFromHandler<THandler> = THandler extends (\n  ...args: never[]\n) => infer TResult\n  ? TResult extends PromiseLike<infer TResolved>\n    ? TResolved | null\n    : TResult | null\n  : null;\n\ntype InterruptResult<TValue, TResult> = InterruptResultFromHandler<\n  InterruptHandlerFn<TValue, TResult>\n>;\n\ntype InterruptRenderInChat = boolean | undefined;\n\ntype UseInterruptReturn<TRenderInChat extends InterruptRenderInChat> =\n  TRenderInChat extends false\n    ? React.ReactElement | null\n    : TRenderInChat extends true | undefined\n      ? void\n      : React.ReactElement | null | void;\n\nexport function isPromiseLike<TValue>(\n  value: TValue | PromiseLike<TValue>,\n): value is PromiseLike<TValue> {\n  return (\n    (typeof value === \"object\" || typeof value === \"function\") &&\n    value !== null &&\n    typeof Reflect.get(value, \"then\") === \"function\"\n  );\n}\n\n/**\n * Configuration options for `useInterrupt`.\n */\ninterface UseInterruptConfigBase<TValue = unknown, TResult = never> {\n  /**\n   * Render function for the interrupt UI.\n   *\n   * This is called once an interrupt is finalized and accepted by `enabled` (if provided).\n   * Use `resolve` from render props to resume the agent run with user input.\n   */\n  render: (\n    props: InterruptRenderProps<TValue, InterruptResult<TValue, TResult>>,\n  ) => React.ReactElement;\n  /**\n   * Optional pre-render handler invoked when an interrupt is received.\n   *\n   * Return either a sync value or an async value to pass into `render` as `result`.\n   * Rejecting/throwing falls back to `result = null`.\n   */\n  handler?: InterruptHandlerFn<TValue, TResult>;\n  /**\n   * Optional predicate to filter which interrupts should be handled by this hook.\n   * Return `false` to ignore an interrupt.\n   */\n  enabled?: (event: InterruptEvent<TValue>) => boolean;\n  /** Optional agent id. Defaults to the current configured chat agent. */\n  agentId?: string;\n}\n\nexport interface UseInterruptInChatConfig<\n  TValue = unknown,\n  TResult = never,\n> extends UseInterruptConfigBase<TValue, TResult> {\n  /** When true (default), the interrupt UI renders inside `<CopilotChat>` automatically. Set to false to render it yourself. */\n  renderInChat?: true;\n}\n\nexport interface UseInterruptExternalConfig<\n  TValue = unknown,\n  TResult = never,\n> extends UseInterruptConfigBase<TValue, TResult> {\n  /** When true (default), the interrupt UI renders inside `<CopilotChat>` automatically. Set to false to render it yourself. */\n  renderInChat: false;\n}\n\nexport interface UseInterruptDynamicConfig<\n  TValue = unknown,\n  TResult = never,\n> extends UseInterruptConfigBase<TValue, TResult> {\n  /** Dynamic boolean mode. When non-literal, return type is a union. */\n  renderInChat: boolean;\n}\n\nexport type UseInterruptConfig<\n  TValue = unknown,\n  TResult = never,\n  TRenderInChat extends InterruptRenderInChat = undefined,\n> = UseInterruptConfigBase<TValue, TResult> & {\n  /** When true (default), the interrupt UI renders inside `<CopilotChat>` automatically. Set to false to render it yourself. */\n  renderInChat?: TRenderInChat;\n};\n\n/**\n * Handles agent interrupts (`on_interrupt`) with optional filtering, preprocessing, and resume behavior.\n *\n * The hook listens to custom events on the active agent, stores interrupt payloads per run,\n * and surfaces a render callback once the run finalizes. Call `resolve` from your UI to resume\n * execution with user-provided data.\n *\n * - `renderInChat: true` (default): the element is published into `<CopilotChat>` and this hook returns `void`.\n * - `renderInChat: false`: the hook returns the interrupt element so you can place it anywhere in your component tree.\n *\n * `event.value` is typed as `any` since the interrupt payload shape depends on your agent.\n * Type-narrow it in your callbacks (e.g. `handler`, `enabled`, `render`) as needed.\n *\n * @typeParam TResult - Inferred from `handler` return type. Exposed as `result` in `render`.\n * @param config - Interrupt configuration (renderer, optional handler/filter, and render mode).\n * @returns When `renderInChat` is `false`, returns the interrupt element (or `null` when idle).\n * Otherwise returns `void` and publishes the element into chat. In `render`, `result` is always\n * either the handler's resolved return value or `null` (including when no handler is provided,\n * when filtering skips the interrupt, or when handler execution fails).\n *\n * @example\n * ```tsx\n * import { useInterrupt } from \"@copilotkitnext/react\";\n *\n * function InterruptUI() {\n *   useInterrupt({\n *     render: ({ event, resolve }) => (\n *       <div>\n *         <p>{event.value.question}</p>\n *         <button onClick={() => resolve({ approved: true })}>Approve</button>\n *         <button onClick={() => resolve({ approved: false })}>Reject</button>\n *       </div>\n *     ),\n *   });\n *\n *   return null;\n * }\n * ```\n *\n * @example\n * ```tsx\n * import { useInterrupt } from \"@copilotkitnext/react\";\n *\n * function CustomPanel() {\n *   const interruptElement = useInterrupt({\n *     renderInChat: false,\n *     enabled: (event) => event.value.startsWith(\"approval:\"),\n *     handler: async ({ event }) => ({ label: event.value.toUpperCase() }),\n *     render: ({ event, result, resolve }) => (\n *       <aside>\n *         <strong>{result?.label ?? \"\"}</strong>\n *         <button onClick={() => resolve({ value: event.value })}>Continue</button>\n *       </aside>\n *     ),\n *   });\n *\n *   return <>{interruptElement}</>;\n * }\n * ```\n */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport function useInterrupt<\n  TResult = never,\n  TRenderInChat extends InterruptRenderInChat = undefined,\n>(\n  config: UseInterruptConfig<any, TResult, TRenderInChat>,\n): UseInterruptReturn<TRenderInChat> {\n  /* eslint-enable @typescript-eslint/no-explicit-any */\n  const { copilotkit } = useCopilotKit();\n  const { agent } = useAgent({ agentId: config.agentId });\n  const [pendingEvent, setPendingEvent] = useState<InterruptEvent | null>(null);\n  const [handlerResult, setHandlerResult] =\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useState<InterruptResult<any, TResult>>(null);\n\n  useEffect(() => {\n    let localInterrupt: InterruptEvent | null = null;\n\n    const subscription = agent.subscribe({\n      onCustomEvent: ({ event }) => {\n        if (event.name === INTERRUPT_EVENT_NAME) {\n          localInterrupt = { name: event.name, value: event.value };\n        }\n      },\n      onRunStartedEvent: () => {\n        localInterrupt = null;\n        setPendingEvent(null);\n      },\n      onRunFinalized: () => {\n        if (localInterrupt) {\n          setPendingEvent(localInterrupt);\n          localInterrupt = null;\n        }\n      },\n      onRunFailed: () => {\n        localInterrupt = null;\n      },\n    });\n\n    return () => subscription.unsubscribe();\n  }, [agent]);\n\n  const resolve = useCallback(\n    (response: unknown) => {\n      setPendingEvent(null);\n      copilotkit.runAgent({\n        agent,\n        forwardedProps: { command: { resume: response } },\n      });\n    },\n    [agent, copilotkit],\n  );\n\n  useEffect(() => {\n    // No interrupt to process — reset any stale handler result from a previous interrupt\n    if (!pendingEvent) {\n      setHandlerResult(null);\n      return;\n    }\n    // Interrupt exists but the consumer's filter rejects it — treat as no-op\n    if (config.enabled && !config.enabled(pendingEvent)) {\n      setHandlerResult(null);\n      return;\n    }\n    const handler = config.handler;\n    // No handler provided — skip straight to rendering with a null result\n    if (!handler) {\n      setHandlerResult(null);\n      return;\n    }\n\n    let cancelled = false;\n    const maybePromise = handler({\n      event: pendingEvent,\n      resolve,\n    });\n\n    // If the handler returns a promise/thenable, wait for resolution before setting result.\n    if (isPromiseLike(maybePromise)) {\n      Promise.resolve(maybePromise)\n        .then((resolved) => {\n          if (!cancelled) setHandlerResult(resolved);\n        })\n        .catch(() => {\n          if (!cancelled) setHandlerResult(null);\n        });\n    } else {\n      setHandlerResult(maybePromise);\n    }\n\n    return () => {\n      cancelled = true;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [pendingEvent, config.enabled, config.handler, resolve]);\n\n  const element = useMemo(() => {\n    if (!pendingEvent) return null;\n    if (config.enabled && !config.enabled(pendingEvent)) return null;\n\n    return config.render({\n      event: pendingEvent,\n      result: handlerResult,\n      resolve,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [pendingEvent, handlerResult, config.enabled, config.render, resolve]);\n\n  // Publish to core for in-chat rendering\n  useEffect(() => {\n    if (config.renderInChat === false) return;\n    copilotkit.setInterruptElement(element);\n    return () => copilotkit.setInterruptElement(null);\n  }, [element, config.renderInChat, copilotkit]);\n\n  // Only return element when rendering outside chat\n  if (config.renderInChat === false) {\n    return element as UseInterruptReturn<TRenderInChat>;\n  }\n\n  return undefined as UseInterruptReturn<TRenderInChat>;\n}\n"],"mappings":";;;;;;AAWA,MAAM,uBAAuB;AA2B7B,SAAgB,cACd,OAC8B;AAC9B,SACG,OAAO,UAAU,YAAY,OAAO,UAAU,eAC/C,UAAU,QACV,OAAO,QAAQ,IAAI,OAAO,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+H1C,SAAgB,aAId,QACmC;CAEnC,MAAM,EAAE,eAAeA,0CAAe;CACtC,MAAM,EAAE,UAAUC,2BAAS,EAAE,SAAS,OAAO,SAAS,CAAC;CACvD,MAAM,CAAC,cAAc,uCAAmD,KAAK;CAC7E,MAAM,CAAC,eAAe,wCAEoB,KAAK;AAE/C,4BAAgB;EACd,IAAI,iBAAwC;EAE5C,MAAM,eAAe,MAAM,UAAU;GACnC,gBAAgB,EAAE,YAAY;AAC5B,QAAI,MAAM,SAAS,qBACjB,kBAAiB;KAAE,MAAM,MAAM;KAAM,OAAO,MAAM;KAAO;;GAG7D,yBAAyB;AACvB,qBAAiB;AACjB,oBAAgB,KAAK;;GAEvB,sBAAsB;AACpB,QAAI,gBAAgB;AAClB,qBAAgB,eAAe;AAC/B,sBAAiB;;;GAGrB,mBAAmB;AACjB,qBAAiB;;GAEpB,CAAC;AAEF,eAAa,aAAa,aAAa;IACtC,CAAC,MAAM,CAAC;CAEX,MAAM,kCACH,aAAsB;AACrB,kBAAgB,KAAK;AACrB,aAAW,SAAS;GAClB;GACA,gBAAgB,EAAE,SAAS,EAAE,QAAQ,UAAU,EAAE;GAClD,CAAC;IAEJ,CAAC,OAAO,WAAW,CACpB;AAED,4BAAgB;AAEd,MAAI,CAAC,cAAc;AACjB,oBAAiB,KAAK;AACtB;;AAGF,MAAI,OAAO,WAAW,CAAC,OAAO,QAAQ,aAAa,EAAE;AACnD,oBAAiB,KAAK;AACtB;;EAEF,MAAM,UAAU,OAAO;AAEvB,MAAI,CAAC,SAAS;AACZ,oBAAiB,KAAK;AACtB;;EAGF,IAAI,YAAY;EAChB,MAAM,eAAe,QAAQ;GAC3B,OAAO;GACP;GACD,CAAC;AAGF,MAAI,cAAc,aAAa,CAC7B,SAAQ,QAAQ,aAAa,CAC1B,MAAM,aAAa;AAClB,OAAI,CAAC,UAAW,kBAAiB,SAAS;IAC1C,CACD,YAAY;AACX,OAAI,CAAC,UAAW,kBAAiB,KAAK;IACtC;MAEJ,kBAAiB,aAAa;AAGhC,eAAa;AACX,eAAY;;IAGb;EAAC;EAAc,OAAO;EAAS,OAAO;EAAS;EAAQ,CAAC;CAE3D,MAAM,mCAAwB;AAC5B,MAAI,CAAC,aAAc,QAAO;AAC1B,MAAI,OAAO,WAAW,CAAC,OAAO,QAAQ,aAAa,CAAE,QAAO;AAE5D,SAAO,OAAO,OAAO;GACnB,OAAO;GACP,QAAQ;GACR;GACD,CAAC;IAED;EAAC;EAAc;EAAe,OAAO;EAAS,OAAO;EAAQ;EAAQ,CAAC;AAGzE,4BAAgB;AACd,MAAI,OAAO,iBAAiB,MAAO;AACnC,aAAW,oBAAoB,QAAQ;AACvC,eAAa,WAAW,oBAAoB,KAAK;IAChD;EAAC;EAAS,OAAO;EAAc;EAAW,CAAC;AAG9C,KAAI,OAAO,iBAAiB,MAC1B,QAAO"}
+{"version":3,"file":"use-interrupt.cjs","names":["useCopilotKit","useAgent"],"sources":["../../src/hooks/use-interrupt.tsx"],"sourcesContent":["import React, {\n  useState,\n  useEffect,\n  useCallback,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { useCopilotKit } from \"@/providers/CopilotKitProvider\";\nimport { useAgent } from \"./use-agent\";\nimport type {\n  InterruptEvent,\n  InterruptRenderProps,\n  InterruptHandlerProps,\n} from \"../types/interrupt\";\n\nexport type { InterruptEvent, InterruptRenderProps, InterruptHandlerProps };\n\nconst INTERRUPT_EVENT_NAME = \"on_interrupt\";\n\ntype InterruptHandlerFn<TValue, TResult> = (\n  props: InterruptHandlerProps<TValue>,\n) => TResult | PromiseLike<TResult>;\n\ntype InterruptResultFromHandler<THandler> = THandler extends (\n  ...args: never[]\n) => infer TResult\n  ? TResult extends PromiseLike<infer TResolved>\n    ? TResolved | null\n    : TResult | null\n  : null;\n\ntype InterruptResult<TValue, TResult> = InterruptResultFromHandler<\n  InterruptHandlerFn<TValue, TResult>\n>;\n\ntype InterruptRenderInChat = boolean | undefined;\n\ntype UseInterruptReturn<TRenderInChat extends InterruptRenderInChat> =\n  TRenderInChat extends false\n    ? React.ReactElement | null\n    : TRenderInChat extends true | undefined\n      ? void\n      : React.ReactElement | null | void;\n\nexport function isPromiseLike<TValue>(\n  value: TValue | PromiseLike<TValue>,\n): value is PromiseLike<TValue> {\n  return (\n    (typeof value === \"object\" || typeof value === \"function\") &&\n    value !== null &&\n    typeof Reflect.get(value, \"then\") === \"function\"\n  );\n}\n\n/**\n * Configuration options for `useInterrupt`.\n */\ninterface UseInterruptConfigBase<TValue = unknown, TResult = never> {\n  /**\n   * Render function for the interrupt UI.\n   *\n   * This is called once an interrupt is finalized and accepted by `enabled` (if provided).\n   * Use `resolve` from render props to resume the agent run with user input.\n   */\n  render: (\n    props: InterruptRenderProps<TValue, InterruptResult<TValue, TResult>>,\n  ) => React.ReactElement;\n  /**\n   * Optional pre-render handler invoked when an interrupt is received.\n   *\n   * Return either a sync value or an async value to pass into `render` as `result`.\n   * Rejecting/throwing falls back to `result = null`.\n   */\n  handler?: InterruptHandlerFn<TValue, TResult>;\n  /**\n   * Optional predicate to filter which interrupts should be handled by this hook.\n   * Return `false` to ignore an interrupt.\n   */\n  enabled?: (event: InterruptEvent<TValue>) => boolean;\n  /** Optional agent id. Defaults to the current configured chat agent. */\n  agentId?: string;\n}\n\nexport interface UseInterruptInChatConfig<\n  TValue = unknown,\n  TResult = never,\n> extends UseInterruptConfigBase<TValue, TResult> {\n  /** When true (default), the interrupt UI renders inside `<CopilotChat>` automatically. Set to false to render it yourself. */\n  renderInChat?: true;\n}\n\nexport interface UseInterruptExternalConfig<\n  TValue = unknown,\n  TResult = never,\n> extends UseInterruptConfigBase<TValue, TResult> {\n  /** When true (default), the interrupt UI renders inside `<CopilotChat>` automatically. Set to false to render it yourself. */\n  renderInChat: false;\n}\n\nexport interface UseInterruptDynamicConfig<\n  TValue = unknown,\n  TResult = never,\n> extends UseInterruptConfigBase<TValue, TResult> {\n  /** Dynamic boolean mode. When non-literal, return type is a union. */\n  renderInChat: boolean;\n}\n\nexport type UseInterruptConfig<\n  TValue = unknown,\n  TResult = never,\n  TRenderInChat extends InterruptRenderInChat = undefined,\n> = UseInterruptConfigBase<TValue, TResult> & {\n  /** When true (default), the interrupt UI renders inside `<CopilotChat>` automatically. Set to false to render it yourself. */\n  renderInChat?: TRenderInChat;\n};\n\n/**\n * Handles agent interrupts (`on_interrupt`) with optional filtering, preprocessing, and resume behavior.\n *\n * The hook listens to custom events on the active agent, stores interrupt payloads per run,\n * and surfaces a render callback once the run finalizes. Call `resolve` from your UI to resume\n * execution with user-provided data.\n *\n * - `renderInChat: true` (default): the element is published into `<CopilotChat>` and this hook returns `void`.\n * - `renderInChat: false`: the hook returns the interrupt element so you can place it anywhere in your component tree.\n *\n * `event.value` is typed as `any` since the interrupt payload shape depends on your agent.\n * Type-narrow it in your callbacks (e.g. `handler`, `enabled`, `render`) as needed.\n *\n * @typeParam TResult - Inferred from `handler` return type. Exposed as `result` in `render`.\n * @param config - Interrupt configuration (renderer, optional handler/filter, and render mode).\n * @returns When `renderInChat` is `false`, returns the interrupt element (or `null` when idle).\n * Otherwise returns `void` and publishes the element into chat. In `render`, `result` is always\n * either the handler's resolved return value or `null` (including when no handler is provided,\n * when filtering skips the interrupt, or when handler execution fails).\n *\n * @example\n * ```tsx\n * import { useInterrupt } from \"@copilotkitnext/react\";\n *\n * function InterruptUI() {\n *   useInterrupt({\n *     render: ({ event, resolve }) => (\n *       <div>\n *         <p>{event.value.question}</p>\n *         <button onClick={() => resolve({ approved: true })}>Approve</button>\n *         <button onClick={() => resolve({ approved: false })}>Reject</button>\n *       </div>\n *     ),\n *   });\n *\n *   return null;\n * }\n * ```\n *\n * @example\n * ```tsx\n * import { useInterrupt } from \"@copilotkitnext/react\";\n *\n * function CustomPanel() {\n *   const interruptElement = useInterrupt({\n *     renderInChat: false,\n *     enabled: (event) => event.value.startsWith(\"approval:\"),\n *     handler: async ({ event }) => ({ label: event.value.toUpperCase() }),\n *     render: ({ event, result, resolve }) => (\n *       <aside>\n *         <strong>{result?.label ?? \"\"}</strong>\n *         <button onClick={() => resolve({ value: event.value })}>Continue</button>\n *       </aside>\n *     ),\n *   });\n *\n *   return <>{interruptElement}</>;\n * }\n * ```\n */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport function useInterrupt<\n  TResult = never,\n  TRenderInChat extends InterruptRenderInChat = undefined,\n>(\n  config: UseInterruptConfig<any, TResult, TRenderInChat>,\n): UseInterruptReturn<TRenderInChat> {\n  /* eslint-enable @typescript-eslint/no-explicit-any */\n  const { copilotkit } = useCopilotKit();\n  const { agent } = useAgent({ agentId: config.agentId });\n  const [pendingEvent, setPendingEvent] = useState<InterruptEvent | null>(null);\n  const pendingEventRef = useRef(pendingEvent);\n  pendingEventRef.current = pendingEvent;\n  const [handlerResult, setHandlerResult] =\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useState<InterruptResult<any, TResult>>(null);\n\n  useEffect(() => {\n    let localInterrupt: InterruptEvent | null = null;\n\n    const subscription = agent.subscribe({\n      onCustomEvent: ({ event }) => {\n        if (event.name === INTERRUPT_EVENT_NAME) {\n          localInterrupt = { name: event.name, value: event.value };\n        }\n      },\n      onRunStartedEvent: () => {\n        localInterrupt = null;\n        setPendingEvent(null);\n      },\n      onRunFinalized: () => {\n        if (localInterrupt) {\n          setPendingEvent(localInterrupt);\n          localInterrupt = null;\n        }\n      },\n      onRunFailed: () => {\n        localInterrupt = null;\n      },\n    });\n\n    return () => subscription.unsubscribe();\n  }, [agent]);\n\n  const resolve = useCallback(\n    (response: unknown) => {\n      setPendingEvent(null);\n      copilotkit.runAgent({\n        agent,\n        forwardedProps: {\n          command: {\n            resume: response,\n            interruptEvent: pendingEventRef.current?.value,\n          },\n        },\n      });\n    },\n    [agent, copilotkit],\n  );\n\n  useEffect(() => {\n    // No interrupt to process — reset any stale handler result from a previous interrupt\n    if (!pendingEvent) {\n      setHandlerResult(null);\n      return;\n    }\n    // Interrupt exists but the consumer's filter rejects it — treat as no-op\n    if (config.enabled && !config.enabled(pendingEvent)) {\n      setHandlerResult(null);\n      return;\n    }\n    const handler = config.handler;\n    // No handler provided — skip straight to rendering with a null result\n    if (!handler) {\n      setHandlerResult(null);\n      return;\n    }\n\n    let cancelled = false;\n    const maybePromise = handler({\n      event: pendingEvent,\n      resolve,\n    });\n\n    // If the handler returns a promise/thenable, wait for resolution before setting result.\n    if (isPromiseLike(maybePromise)) {\n      Promise.resolve(maybePromise)\n        .then((resolved) => {\n          if (!cancelled) setHandlerResult(resolved);\n        })\n        .catch(() => {\n          if (!cancelled) setHandlerResult(null);\n        });\n    } else {\n      setHandlerResult(maybePromise);\n    }\n\n    return () => {\n      cancelled = true;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [pendingEvent, config.enabled, config.handler, resolve]);\n\n  const element = useMemo(() => {\n    if (!pendingEvent) return null;\n    if (config.enabled && !config.enabled(pendingEvent)) return null;\n\n    return config.render({\n      event: pendingEvent,\n      result: handlerResult,\n      resolve,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [pendingEvent, handlerResult, config.enabled, config.render, resolve]);\n\n  // Publish to core for in-chat rendering\n  useEffect(() => {\n    if (config.renderInChat === false) return;\n    copilotkit.setInterruptElement(element);\n    return () => copilotkit.setInterruptElement(null);\n  }, [element, config.renderInChat, copilotkit]);\n\n  // Only return element when rendering outside chat\n  if (config.renderInChat === false) {\n    return element as UseInterruptReturn<TRenderInChat>;\n  }\n\n  return undefined as UseInterruptReturn<TRenderInChat>;\n}\n"],"mappings":";;;;;;AAiBA,MAAM,uBAAuB;AA2B7B,SAAgB,cACd,OAC8B;AAC9B,SACG,OAAO,UAAU,YAAY,OAAO,UAAU,eAC/C,UAAU,QACV,OAAO,QAAQ,IAAI,OAAO,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+H1C,SAAgB,aAId,QACmC;CAEnC,MAAM,EAAE,eAAeA,0CAAe;CACtC,MAAM,EAAE,UAAUC,2BAAS,EAAE,SAAS,OAAO,SAAS,CAAC;CACvD,MAAM,CAAC,cAAc,uCAAmD,KAAK;CAC7E,MAAM,oCAAyB,aAAa;AAC5C,iBAAgB,UAAU;CAC1B,MAAM,CAAC,eAAe,wCAEoB,KAAK;AAE/C,4BAAgB;EACd,IAAI,iBAAwC;EAE5C,MAAM,eAAe,MAAM,UAAU;GACnC,gBAAgB,EAAE,YAAY;AAC5B,QAAI,MAAM,SAAS,qBACjB,kBAAiB;KAAE,MAAM,MAAM;KAAM,OAAO,MAAM;KAAO;;GAG7D,yBAAyB;AACvB,qBAAiB;AACjB,oBAAgB,KAAK;;GAEvB,sBAAsB;AACpB,QAAI,gBAAgB;AAClB,qBAAgB,eAAe;AAC/B,sBAAiB;;;GAGrB,mBAAmB;AACjB,qBAAiB;;GAEpB,CAAC;AAEF,eAAa,aAAa,aAAa;IACtC,CAAC,MAAM,CAAC;CAEX,MAAM,kCACH,aAAsB;AACrB,kBAAgB,KAAK;AACrB,aAAW,SAAS;GAClB;GACA,gBAAgB,EACd,SAAS;IACP,QAAQ;IACR,gBAAgB,gBAAgB,SAAS;IAC1C,EACF;GACF,CAAC;IAEJ,CAAC,OAAO,WAAW,CACpB;AAED,4BAAgB;AAEd,MAAI,CAAC,cAAc;AACjB,oBAAiB,KAAK;AACtB;;AAGF,MAAI,OAAO,WAAW,CAAC,OAAO,QAAQ,aAAa,EAAE;AACnD,oBAAiB,KAAK;AACtB;;EAEF,MAAM,UAAU,OAAO;AAEvB,MAAI,CAAC,SAAS;AACZ,oBAAiB,KAAK;AACtB;;EAGF,IAAI,YAAY;EAChB,MAAM,eAAe,QAAQ;GAC3B,OAAO;GACP;GACD,CAAC;AAGF,MAAI,cAAc,aAAa,CAC7B,SAAQ,QAAQ,aAAa,CAC1B,MAAM,aAAa;AAClB,OAAI,CAAC,UAAW,kBAAiB,SAAS;IAC1C,CACD,YAAY;AACX,OAAI,CAAC,UAAW,kBAAiB,KAAK;IACtC;MAEJ,kBAAiB,aAAa;AAGhC,eAAa;AACX,eAAY;;IAGb;EAAC;EAAc,OAAO;EAAS,OAAO;EAAS;EAAQ,CAAC;CAE3D,MAAM,mCAAwB;AAC5B,MAAI,CAAC,aAAc,QAAO;AAC1B,MAAI,OAAO,WAAW,CAAC,OAAO,QAAQ,aAAa,CAAE,QAAO;AAE5D,SAAO,OAAO,OAAO;GACnB,OAAO;GACP,QAAQ;GACR;GACD,CAAC;IAED;EAAC;EAAc;EAAe,OAAO;EAAS,OAAO;EAAQ;EAAQ,CAAC;AAGzE,4BAAgB;AACd,MAAI,OAAO,iBAAiB,MAAO;AACnC,aAAW,oBAAoB,QAAQ;AACvC,eAAa,WAAW,oBAAoB,KAAK;IAChD;EAAC;EAAS,OAAO;EAAc;EAAW,CAAC;AAG9C,KAAI,OAAO,iBAAiB,MAC1B,QAAO"}

package/dist/hooks/use-interrupt.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"use-interrupt.d.cts","names":[],"sources":["../../src/hooks/use-interrupt.tsx"],"mappings":";;;;KAaK,kBAAA,qBACH,KAAA,EAAO,qBAAA,CAAsB,MAAA,MAC1B,OAAA,GAAU,WAAA,CAAY,OAAA;AAAA,KAEtB,0BAAA,aAAuC,QAAA,cACvC,IAAA,+BAED,OAAA,SAAgB,WAAA,oBACd,SAAA,UACA,OAAA;AAAA,KAGD,eAAA,oBAAmC,0BAAA,CACtC,kBAAA,CAAmB,MAAA,EAAQ,OAAA;AAAA,KAGxB,qBAAA;AAAA,KAEA,kBAAA,uBAAyC,qBAAA,IAC5C,aAAA,iBACI,KAAA,CAAM,YAAA,UACN,aAAA,mCAEE,KAAA,CAAM,YAAA;;;;UAeJ,sBAAA;EApCgB;;;;;;EA2CxB,MAAA,GACE,KAAA,EAAO,oBAAA,CAAqB,MAAA,EAAQ,eAAA,CAAgB,MAAA,EAAQ,OAAA,OACzD,KAAA,CAAM,YAAA;EA7CE;;;;AAAmB;;EAoDhC,OAAA,GAAU,kBAAA,CAAmB,MAAA,EAAQ,OAAA;EAlDK;;;;EAuD1C,OAAA,IAAW,KAAA,EAAO,cAAA,CAAe,MAAA;EAlDtB;EAoDX,OAAA;AAAA;AAAA,KA2BU,kBAAA,0DAGY,qBAAA,gBACpB,sBAAA,CAAuB,MAAA,EAAQ,OAAA;EA/EN,8HAiF3B,YAAA,GAAe,aAAA;AAAA;;;;;;;;;;;AAjFmB;;;;;AAGV;;;;;;;;;;;;;;;;;;;;AAiBzB;;;;;;;;;;;;;;;;;;;;;;;;;iBA6He,YAAA,wCAEQ,qBAAA,aAAA,CAEtB,MAAA,EAAQ,kBAAA,MAAwB,OAAA,EAAS,aAAA,IACxC,kBAAA,CAAmB,aAAA"}
+{"version":3,"file":"use-interrupt.d.cts","names":[],"sources":["../../src/hooks/use-interrupt.tsx"],"mappings":";;;;KAmBK,kBAAA,qBACH,KAAA,EAAO,qBAAA,CAAsB,MAAA,MAC1B,OAAA,GAAU,WAAA,CAAY,OAAA;AAAA,KAEtB,0BAAA,aAAuC,QAAA,cACvC,IAAA,+BAED,OAAA,SAAgB,WAAA,oBACd,SAAA,UACA,OAAA;AAAA,KAGD,eAAA,oBAAmC,0BAAA,CACtC,kBAAA,CAAmB,MAAA,EAAQ,OAAA;AAAA,KAGxB,qBAAA;AAAA,KAEA,kBAAA,uBAAyC,qBAAA,IAC5C,aAAA,iBACI,KAAA,CAAM,YAAA,UACN,aAAA,mCAEE,KAAA,CAAM,YAAA;;;;UAeJ,sBAAA;EApCgB;;;;;;EA2CxB,MAAA,GACE,KAAA,EAAO,oBAAA,CAAqB,MAAA,EAAQ,eAAA,CAAgB,MAAA,EAAQ,OAAA,OACzD,KAAA,CAAM,YAAA;EA7CE;;;;AAAmB;;EAoDhC,OAAA,GAAU,kBAAA,CAAmB,MAAA,EAAQ,OAAA;EAlDK;;;;EAuD1C,OAAA,IAAW,KAAA,EAAO,cAAA,CAAe,MAAA;EAlDtB;EAoDX,OAAA;AAAA;AAAA,KA2BU,kBAAA,0DAGY,qBAAA,gBACpB,sBAAA,CAAuB,MAAA,EAAQ,OAAA;EA/EN,8HAiF3B,YAAA,GAAe,aAAA;AAAA;;;;;;;;;;;AAjFmB;;;;;AAGV;;;;;;;;;;;;;;;;;;;;AAiBzB;;;;;;;;;;;;;;;;;;;;;;;;;iBA6He,YAAA,wCAEQ,qBAAA,aAAA,CAEtB,MAAA,EAAQ,kBAAA,MAAwB,OAAA,EAAS,aAAA,IACxC,kBAAA,CAAmB,aAAA"}

package/dist/hooks/use-interrupt.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"use-interrupt.d.mts","names":[],"sources":["../../src/hooks/use-interrupt.tsx"],"mappings":";;;;KAaK,kBAAA,qBACH,KAAA,EAAO,qBAAA,CAAsB,MAAA,MAC1B,OAAA,GAAU,WAAA,CAAY,OAAA;AAAA,KAEtB,0BAAA,aAAuC,QAAA,cACvC,IAAA,+BAED,OAAA,SAAgB,WAAA,oBACd,SAAA,UACA,OAAA;AAAA,KAGD,eAAA,oBAAmC,0BAAA,CACtC,kBAAA,CAAmB,MAAA,EAAQ,OAAA;AAAA,KAGxB,qBAAA;AAAA,KAEA,kBAAA,uBAAyC,qBAAA,IAC5C,aAAA,iBACI,KAAA,CAAM,YAAA,UACN,aAAA,mCAEE,KAAA,CAAM,YAAA;;;;UAeJ,sBAAA;EApCgB;;;;;;EA2CxB,MAAA,GACE,KAAA,EAAO,oBAAA,CAAqB,MAAA,EAAQ,eAAA,CAAgB,MAAA,EAAQ,OAAA,OACzD,KAAA,CAAM,YAAA;EA7CE;;;;AAAmB;;EAoDhC,OAAA,GAAU,kBAAA,CAAmB,MAAA,EAAQ,OAAA;EAlDK;;;;EAuD1C,OAAA,IAAW,KAAA,EAAO,cAAA,CAAe,MAAA;EAlDtB;EAoDX,OAAA;AAAA;AAAA,KA2BU,kBAAA,0DAGY,qBAAA,gBACpB,sBAAA,CAAuB,MAAA,EAAQ,OAAA;EA/EN,8HAiF3B,YAAA,GAAe,aAAA;AAAA;;;;;;;;;;;AAjFmB;;;;;AAGV;;;;;;;;;;;;;;;;;;;;AAiBzB;;;;;;;;;;;;;;;;;;;;;;;;;iBA6He,YAAA,wCAEQ,qBAAA,aAAA,CAEtB,MAAA,EAAQ,kBAAA,MAAwB,OAAA,EAAS,aAAA,IACxC,kBAAA,CAAmB,aAAA"}
+{"version":3,"file":"use-interrupt.d.mts","names":[],"sources":["../../src/hooks/use-interrupt.tsx"],"mappings":";;;;KAmBK,kBAAA,qBACH,KAAA,EAAO,qBAAA,CAAsB,MAAA,MAC1B,OAAA,GAAU,WAAA,CAAY,OAAA;AAAA,KAEtB,0BAAA,aAAuC,QAAA,cACvC,IAAA,+BAED,OAAA,SAAgB,WAAA,oBACd,SAAA,UACA,OAAA;AAAA,KAGD,eAAA,oBAAmC,0BAAA,CACtC,kBAAA,CAAmB,MAAA,EAAQ,OAAA;AAAA,KAGxB,qBAAA;AAAA,KAEA,kBAAA,uBAAyC,qBAAA,IAC5C,aAAA,iBACI,KAAA,CAAM,YAAA,UACN,aAAA,mCAEE,KAAA,CAAM,YAAA;;;;UAeJ,sBAAA;EApCgB;;;;;;EA2CxB,MAAA,GACE,KAAA,EAAO,oBAAA,CAAqB,MAAA,EAAQ,eAAA,CAAgB,MAAA,EAAQ,OAAA,OACzD,KAAA,CAAM,YAAA;EA7CE;;;;AAAmB;;EAoDhC,OAAA,GAAU,kBAAA,CAAmB,MAAA,EAAQ,OAAA;EAlDK;;;;EAuD1C,OAAA,IAAW,KAAA,EAAO,cAAA,CAAe,MAAA;EAlDtB;EAoDX,OAAA;AAAA;AAAA,KA2BU,kBAAA,0DAGY,qBAAA,gBACpB,sBAAA,CAAuB,MAAA,EAAQ,OAAA;EA/EN,8HAiF3B,YAAA,GAAe,aAAA;AAAA;;;;;;;;;;;AAjFmB;;;;;AAGV;;;;;;;;;;;;;;;;;;;;AAiBzB;;;;;;;;;;;;;;;;;;;;;;;;;iBA6He,YAAA,wCAEQ,qBAAA,aAAA,CAEtB,MAAA,EAAQ,kBAAA,MAAwB,OAAA,EAAS,aAAA,IACxC,kBAAA,CAAmB,aAAA"}

package/dist/hooks/use-interrupt.mjs

@@ -1,6 +1,6 @@
 import { useCopilotKit } from "../providers/CopilotKitProvider.mjs";
 import { useAgent } from "./use-agent.mjs";
-import { useCallback, useEffect, useMemo, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 
 //#region src/hooks/use-interrupt.tsx
 const INTERRUPT_EVENT_NAME = "on_interrupt";
@@ -71,6 +71,8 @@ function useInterrupt(config) {
 	const { copilotkit } = useCopilotKit();
 	const { agent } = useAgent({ agentId: config.agentId });
 	const [pendingEvent, setPendingEvent] = useState(null);
+	const pendingEventRef = useRef(pendingEvent);
+	pendingEventRef.current = pendingEvent;
 	const [handlerResult, setHandlerResult] = useState(null);
 	useEffect(() => {
 		let localInterrupt = null;
@@ -101,7 +103,10 @@ function useInterrupt(config) {
 		setPendingEvent(null);
 		copilotkit.runAgent({
 			agent,
-			forwardedProps: { command: { resume: response } }
+			forwardedProps: { command: {
+				resume: response,
+				interruptEvent: pendingEventRef.current?.value
+			} }
 		});
 	}, [agent, copilotkit]);
 	useEffect(() => {

package/dist/hooks/use-interrupt.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-interrupt.mjs","names":[],"sources":["../../src/hooks/use-interrupt.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useMemo } from \"react\";\nimport { useCopilotKit } from \"@/providers/CopilotKitProvider\";\nimport { useAgent } from \"./use-agent\";\nimport type {\n  InterruptEvent,\n  InterruptRenderProps,\n  InterruptHandlerProps,\n} from \"../types/interrupt\";\n\nexport type { InterruptEvent, InterruptRenderProps, InterruptHandlerProps };\n\nconst INTERRUPT_EVENT_NAME = \"on_interrupt\";\n\ntype InterruptHandlerFn<TValue, TResult> = (\n  props: InterruptHandlerProps<TValue>,\n) => TResult | PromiseLike<TResult>;\n\ntype InterruptResultFromHandler<THandler> = THandler extends (\n  ...args: never[]\n) => infer TResult\n  ? TResult extends PromiseLike<infer TResolved>\n    ? TResolved | null\n    : TResult | null\n  : null;\n\ntype InterruptResult<TValue, TResult> = InterruptResultFromHandler<\n  InterruptHandlerFn<TValue, TResult>\n>;\n\ntype InterruptRenderInChat = boolean | undefined;\n\ntype UseInterruptReturn<TRenderInChat extends InterruptRenderInChat> =\n  TRenderInChat extends false\n    ? React.ReactElement | null\n    : TRenderInChat extends true | undefined\n      ? void\n      : React.ReactElement | null | void;\n\nexport function isPromiseLike<TValue>(\n  value: TValue | PromiseLike<TValue>,\n): value is PromiseLike<TValue> {\n  return (\n    (typeof value === \"object\" || typeof value === \"function\") &&\n    value !== null &&\n    typeof Reflect.get(value, \"then\") === \"function\"\n  );\n}\n\n/**\n * Configuration options for `useInterrupt`.\n */\ninterface UseInterruptConfigBase<TValue = unknown, TResult = never> {\n  /**\n   * Render function for the interrupt UI.\n   *\n   * This is called once an interrupt is finalized and accepted by `enabled` (if provided).\n   * Use `resolve` from render props to resume the agent run with user input.\n   */\n  render: (\n    props: InterruptRenderProps<TValue, InterruptResult<TValue, TResult>>,\n  ) => React.ReactElement;\n  /**\n   * Optional pre-render handler invoked when an interrupt is received.\n   *\n   * Return either a sync value or an async value to pass into `render` as `result`.\n   * Rejecting/throwing falls back to `result = null`.\n   */\n  handler?: InterruptHandlerFn<TValue, TResult>;\n  /**\n   * Optional predicate to filter which interrupts should be handled by this hook.\n   * Return `false` to ignore an interrupt.\n   */\n  enabled?: (event: InterruptEvent<TValue>) => boolean;\n  /** Optional agent id. Defaults to the current configured chat agent. */\n  agentId?: string;\n}\n\nexport interface UseInterruptInChatConfig<\n  TValue = unknown,\n  TResult = never,\n> extends UseInterruptConfigBase<TValue, TResult> {\n  /** When true (default), the interrupt UI renders inside `<CopilotChat>` automatically. Set to false to render it yourself. */\n  renderInChat?: true;\n}\n\nexport interface UseInterruptExternalConfig<\n  TValue = unknown,\n  TResult = never,\n> extends UseInterruptConfigBase<TValue, TResult> {\n  /** When true (default), the interrupt UI renders inside `<CopilotChat>` automatically. Set to false to render it yourself. */\n  renderInChat: false;\n}\n\nexport interface UseInterruptDynamicConfig<\n  TValue = unknown,\n  TResult = never,\n> extends UseInterruptConfigBase<TValue, TResult> {\n  /** Dynamic boolean mode. When non-literal, return type is a union. */\n  renderInChat: boolean;\n}\n\nexport type UseInterruptConfig<\n  TValue = unknown,\n  TResult = never,\n  TRenderInChat extends InterruptRenderInChat = undefined,\n> = UseInterruptConfigBase<TValue, TResult> & {\n  /** When true (default), the interrupt UI renders inside `<CopilotChat>` automatically. Set to false to render it yourself. */\n  renderInChat?: TRenderInChat;\n};\n\n/**\n * Handles agent interrupts (`on_interrupt`) with optional filtering, preprocessing, and resume behavior.\n *\n * The hook listens to custom events on the active agent, stores interrupt payloads per run,\n * and surfaces a render callback once the run finalizes. Call `resolve` from your UI to resume\n * execution with user-provided data.\n *\n * - `renderInChat: true` (default): the element is published into `<CopilotChat>` and this hook returns `void`.\n * - `renderInChat: false`: the hook returns the interrupt element so you can place it anywhere in your component tree.\n *\n * `event.value` is typed as `any` since the interrupt payload shape depends on your agent.\n * Type-narrow it in your callbacks (e.g. `handler`, `enabled`, `render`) as needed.\n *\n * @typeParam TResult - Inferred from `handler` return type. Exposed as `result` in `render`.\n * @param config - Interrupt configuration (renderer, optional handler/filter, and render mode).\n * @returns When `renderInChat` is `false`, returns the interrupt element (or `null` when idle).\n * Otherwise returns `void` and publishes the element into chat. In `render`, `result` is always\n * either the handler's resolved return value or `null` (including when no handler is provided,\n * when filtering skips the interrupt, or when handler execution fails).\n *\n * @example\n * ```tsx\n * import { useInterrupt } from \"@copilotkitnext/react\";\n *\n * function InterruptUI() {\n *   useInterrupt({\n *     render: ({ event, resolve }) => (\n *       <div>\n *         <p>{event.value.question}</p>\n *         <button onClick={() => resolve({ approved: true })}>Approve</button>\n *         <button onClick={() => resolve({ approved: false })}>Reject</button>\n *       </div>\n *     ),\n *   });\n *\n *   return null;\n * }\n * ```\n *\n * @example\n * ```tsx\n * import { useInterrupt } from \"@copilotkitnext/react\";\n *\n * function CustomPanel() {\n *   const interruptElement = useInterrupt({\n *     renderInChat: false,\n *     enabled: (event) => event.value.startsWith(\"approval:\"),\n *     handler: async ({ event }) => ({ label: event.value.toUpperCase() }),\n *     render: ({ event, result, resolve }) => (\n *       <aside>\n *         <strong>{result?.label ?? \"\"}</strong>\n *         <button onClick={() => resolve({ value: event.value })}>Continue</button>\n *       </aside>\n *     ),\n *   });\n *\n *   return <>{interruptElement}</>;\n * }\n * ```\n */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport function useInterrupt<\n  TResult = never,\n  TRenderInChat extends InterruptRenderInChat = undefined,\n>(\n  config: UseInterruptConfig<any, TResult, TRenderInChat>,\n): UseInterruptReturn<TRenderInChat> {\n  /* eslint-enable @typescript-eslint/no-explicit-any */\n  const { copilotkit } = useCopilotKit();\n  const { agent } = useAgent({ agentId: config.agentId });\n  const [pendingEvent, setPendingEvent] = useState<InterruptEvent | null>(null);\n  const [handlerResult, setHandlerResult] =\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useState<InterruptResult<any, TResult>>(null);\n\n  useEffect(() => {\n    let localInterrupt: InterruptEvent | null = null;\n\n    const subscription = agent.subscribe({\n      onCustomEvent: ({ event }) => {\n        if (event.name === INTERRUPT_EVENT_NAME) {\n          localInterrupt = { name: event.name, value: event.value };\n        }\n      },\n      onRunStartedEvent: () => {\n        localInterrupt = null;\n        setPendingEvent(null);\n      },\n      onRunFinalized: () => {\n        if (localInterrupt) {\n          setPendingEvent(localInterrupt);\n          localInterrupt = null;\n        }\n      },\n      onRunFailed: () => {\n        localInterrupt = null;\n      },\n    });\n\n    return () => subscription.unsubscribe();\n  }, [agent]);\n\n  const resolve = useCallback(\n    (response: unknown) => {\n      setPendingEvent(null);\n      copilotkit.runAgent({\n        agent,\n        forwardedProps: { command: { resume: response } },\n      });\n    },\n    [agent, copilotkit],\n  );\n\n  useEffect(() => {\n    // No interrupt to process — reset any stale handler result from a previous interrupt\n    if (!pendingEvent) {\n      setHandlerResult(null);\n      return;\n    }\n    // Interrupt exists but the consumer's filter rejects it — treat as no-op\n    if (config.enabled && !config.enabled(pendingEvent)) {\n      setHandlerResult(null);\n      return;\n    }\n    const handler = config.handler;\n    // No handler provided — skip straight to rendering with a null result\n    if (!handler) {\n      setHandlerResult(null);\n      return;\n    }\n\n    let cancelled = false;\n    const maybePromise = handler({\n      event: pendingEvent,\n      resolve,\n    });\n\n    // If the handler returns a promise/thenable, wait for resolution before setting result.\n    if (isPromiseLike(maybePromise)) {\n      Promise.resolve(maybePromise)\n        .then((resolved) => {\n          if (!cancelled) setHandlerResult(resolved);\n        })\n        .catch(() => {\n          if (!cancelled) setHandlerResult(null);\n        });\n    } else {\n      setHandlerResult(maybePromise);\n    }\n\n    return () => {\n      cancelled = true;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [pendingEvent, config.enabled, config.handler, resolve]);\n\n  const element = useMemo(() => {\n    if (!pendingEvent) return null;\n    if (config.enabled && !config.enabled(pendingEvent)) return null;\n\n    return config.render({\n      event: pendingEvent,\n      result: handlerResult,\n      resolve,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [pendingEvent, handlerResult, config.enabled, config.render, resolve]);\n\n  // Publish to core for in-chat rendering\n  useEffect(() => {\n    if (config.renderInChat === false) return;\n    copilotkit.setInterruptElement(element);\n    return () => copilotkit.setInterruptElement(null);\n  }, [element, config.renderInChat, copilotkit]);\n\n  // Only return element when rendering outside chat\n  if (config.renderInChat === false) {\n    return element as UseInterruptReturn<TRenderInChat>;\n  }\n\n  return undefined as UseInterruptReturn<TRenderInChat>;\n}\n"],"mappings":";;;;;AAWA,MAAM,uBAAuB;AA2B7B,SAAgB,cACd,OAC8B;AAC9B,SACG,OAAO,UAAU,YAAY,OAAO,UAAU,eAC/C,UAAU,QACV,OAAO,QAAQ,IAAI,OAAO,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+H1C,SAAgB,aAId,QACmC;CAEnC,MAAM,EAAE,eAAe,eAAe;CACtC,MAAM,EAAE,UAAU,SAAS,EAAE,SAAS,OAAO,SAAS,CAAC;CACvD,MAAM,CAAC,cAAc,mBAAmB,SAAgC,KAAK;CAC7E,MAAM,CAAC,eAAe,oBAEpB,SAAwC,KAAK;AAE/C,iBAAgB;EACd,IAAI,iBAAwC;EAE5C,MAAM,eAAe,MAAM,UAAU;GACnC,gBAAgB,EAAE,YAAY;AAC5B,QAAI,MAAM,SAAS,qBACjB,kBAAiB;KAAE,MAAM,MAAM;KAAM,OAAO,MAAM;KAAO;;GAG7D,yBAAyB;AACvB,qBAAiB;AACjB,oBAAgB,KAAK;;GAEvB,sBAAsB;AACpB,QAAI,gBAAgB;AAClB,qBAAgB,eAAe;AAC/B,sBAAiB;;;GAGrB,mBAAmB;AACjB,qBAAiB;;GAEpB,CAAC;AAEF,eAAa,aAAa,aAAa;IACtC,CAAC,MAAM,CAAC;CAEX,MAAM,UAAU,aACb,aAAsB;AACrB,kBAAgB,KAAK;AACrB,aAAW,SAAS;GAClB;GACA,gBAAgB,EAAE,SAAS,EAAE,QAAQ,UAAU,EAAE;GAClD,CAAC;IAEJ,CAAC,OAAO,WAAW,CACpB;AAED,iBAAgB;AAEd,MAAI,CAAC,cAAc;AACjB,oBAAiB,KAAK;AACtB;;AAGF,MAAI,OAAO,WAAW,CAAC,OAAO,QAAQ,aAAa,EAAE;AACnD,oBAAiB,KAAK;AACtB;;EAEF,MAAM,UAAU,OAAO;AAEvB,MAAI,CAAC,SAAS;AACZ,oBAAiB,KAAK;AACtB;;EAGF,IAAI,YAAY;EAChB,MAAM,eAAe,QAAQ;GAC3B,OAAO;GACP;GACD,CAAC;AAGF,MAAI,cAAc,aAAa,CAC7B,SAAQ,QAAQ,aAAa,CAC1B,MAAM,aAAa;AAClB,OAAI,CAAC,UAAW,kBAAiB,SAAS;IAC1C,CACD,YAAY;AACX,OAAI,CAAC,UAAW,kBAAiB,KAAK;IACtC;MAEJ,kBAAiB,aAAa;AAGhC,eAAa;AACX,eAAY;;IAGb;EAAC;EAAc,OAAO;EAAS,OAAO;EAAS;EAAQ,CAAC;CAE3D,MAAM,UAAU,cAAc;AAC5B,MAAI,CAAC,aAAc,QAAO;AAC1B,MAAI,OAAO,WAAW,CAAC,OAAO,QAAQ,aAAa,CAAE,QAAO;AAE5D,SAAO,OAAO,OAAO;GACnB,OAAO;GACP,QAAQ;GACR;GACD,CAAC;IAED;EAAC;EAAc;EAAe,OAAO;EAAS,OAAO;EAAQ;EAAQ,CAAC;AAGzE,iBAAgB;AACd,MAAI,OAAO,iBAAiB,MAAO;AACnC,aAAW,oBAAoB,QAAQ;AACvC,eAAa,WAAW,oBAAoB,KAAK;IAChD;EAAC;EAAS,OAAO;EAAc;EAAW,CAAC;AAG9C,KAAI,OAAO,iBAAiB,MAC1B,QAAO"}
+{"version":3,"file":"use-interrupt.mjs","names":[],"sources":["../../src/hooks/use-interrupt.tsx"],"sourcesContent":["import React, {\n  useState,\n  useEffect,\n  useCallback,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { useCopilotKit } from \"@/providers/CopilotKitProvider\";\nimport { useAgent } from \"./use-agent\";\nimport type {\n  InterruptEvent,\n  InterruptRenderProps,\n  InterruptHandlerProps,\n} from \"../types/interrupt\";\n\nexport type { InterruptEvent, InterruptRenderProps, InterruptHandlerProps };\n\nconst INTERRUPT_EVENT_NAME = \"on_interrupt\";\n\ntype InterruptHandlerFn<TValue, TResult> = (\n  props: InterruptHandlerProps<TValue>,\n) => TResult | PromiseLike<TResult>;\n\ntype InterruptResultFromHandler<THandler> = THandler extends (\n  ...args: never[]\n) => infer TResult\n  ? TResult extends PromiseLike<infer TResolved>\n    ? TResolved | null\n    : TResult | null\n  : null;\n\ntype InterruptResult<TValue, TResult> = InterruptResultFromHandler<\n  InterruptHandlerFn<TValue, TResult>\n>;\n\ntype InterruptRenderInChat = boolean | undefined;\n\ntype UseInterruptReturn<TRenderInChat extends InterruptRenderInChat> =\n  TRenderInChat extends false\n    ? React.ReactElement | null\n    : TRenderInChat extends true | undefined\n      ? void\n      : React.ReactElement | null | void;\n\nexport function isPromiseLike<TValue>(\n  value: TValue | PromiseLike<TValue>,\n): value is PromiseLike<TValue> {\n  return (\n    (typeof value === \"object\" || typeof value === \"function\") &&\n    value !== null &&\n    typeof Reflect.get(value, \"then\") === \"function\"\n  );\n}\n\n/**\n * Configuration options for `useInterrupt`.\n */\ninterface UseInterruptConfigBase<TValue = unknown, TResult = never> {\n  /**\n   * Render function for the interrupt UI.\n   *\n   * This is called once an interrupt is finalized and accepted by `enabled` (if provided).\n   * Use `resolve` from render props to resume the agent run with user input.\n   */\n  render: (\n    props: InterruptRenderProps<TValue, InterruptResult<TValue, TResult>>,\n  ) => React.ReactElement;\n  /**\n   * Optional pre-render handler invoked when an interrupt is received.\n   *\n   * Return either a sync value or an async value to pass into `render` as `result`.\n   * Rejecting/throwing falls back to `result = null`.\n   */\n  handler?: InterruptHandlerFn<TValue, TResult>;\n  /**\n   * Optional predicate to filter which interrupts should be handled by this hook.\n   * Return `false` to ignore an interrupt.\n   */\n  enabled?: (event: InterruptEvent<TValue>) => boolean;\n  /** Optional agent id. Defaults to the current configured chat agent. */\n  agentId?: string;\n}\n\nexport interface UseInterruptInChatConfig<\n  TValue = unknown,\n  TResult = never,\n> extends UseInterruptConfigBase<TValue, TResult> {\n  /** When true (default), the interrupt UI renders inside `<CopilotChat>` automatically. Set to false to render it yourself. */\n  renderInChat?: true;\n}\n\nexport interface UseInterruptExternalConfig<\n  TValue = unknown,\n  TResult = never,\n> extends UseInterruptConfigBase<TValue, TResult> {\n  /** When true (default), the interrupt UI renders inside `<CopilotChat>` automatically. Set to false to render it yourself. */\n  renderInChat: false;\n}\n\nexport interface UseInterruptDynamicConfig<\n  TValue = unknown,\n  TResult = never,\n> extends UseInterruptConfigBase<TValue, TResult> {\n  /** Dynamic boolean mode. When non-literal, return type is a union. */\n  renderInChat: boolean;\n}\n\nexport type UseInterruptConfig<\n  TValue = unknown,\n  TResult = never,\n  TRenderInChat extends InterruptRenderInChat = undefined,\n> = UseInterruptConfigBase<TValue, TResult> & {\n  /** When true (default), the interrupt UI renders inside `<CopilotChat>` automatically. Set to false to render it yourself. */\n  renderInChat?: TRenderInChat;\n};\n\n/**\n * Handles agent interrupts (`on_interrupt`) with optional filtering, preprocessing, and resume behavior.\n *\n * The hook listens to custom events on the active agent, stores interrupt payloads per run,\n * and surfaces a render callback once the run finalizes. Call `resolve` from your UI to resume\n * execution with user-provided data.\n *\n * - `renderInChat: true` (default): the element is published into `<CopilotChat>` and this hook returns `void`.\n * - `renderInChat: false`: the hook returns the interrupt element so you can place it anywhere in your component tree.\n *\n * `event.value` is typed as `any` since the interrupt payload shape depends on your agent.\n * Type-narrow it in your callbacks (e.g. `handler`, `enabled`, `render`) as needed.\n *\n * @typeParam TResult - Inferred from `handler` return type. Exposed as `result` in `render`.\n * @param config - Interrupt configuration (renderer, optional handler/filter, and render mode).\n * @returns When `renderInChat` is `false`, returns the interrupt element (or `null` when idle).\n * Otherwise returns `void` and publishes the element into chat. In `render`, `result` is always\n * either the handler's resolved return value or `null` (including when no handler is provided,\n * when filtering skips the interrupt, or when handler execution fails).\n *\n * @example\n * ```tsx\n * import { useInterrupt } from \"@copilotkitnext/react\";\n *\n * function InterruptUI() {\n *   useInterrupt({\n *     render: ({ event, resolve }) => (\n *       <div>\n *         <p>{event.value.question}</p>\n *         <button onClick={() => resolve({ approved: true })}>Approve</button>\n *         <button onClick={() => resolve({ approved: false })}>Reject</button>\n *       </div>\n *     ),\n *   });\n *\n *   return null;\n * }\n * ```\n *\n * @example\n * ```tsx\n * import { useInterrupt } from \"@copilotkitnext/react\";\n *\n * function CustomPanel() {\n *   const interruptElement = useInterrupt({\n *     renderInChat: false,\n *     enabled: (event) => event.value.startsWith(\"approval:\"),\n *     handler: async ({ event }) => ({ label: event.value.toUpperCase() }),\n *     render: ({ event, result, resolve }) => (\n *       <aside>\n *         <strong>{result?.label ?? \"\"}</strong>\n *         <button onClick={() => resolve({ value: event.value })}>Continue</button>\n *       </aside>\n *     ),\n *   });\n *\n *   return <>{interruptElement}</>;\n * }\n * ```\n */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport function useInterrupt<\n  TResult = never,\n  TRenderInChat extends InterruptRenderInChat = undefined,\n>(\n  config: UseInterruptConfig<any, TResult, TRenderInChat>,\n): UseInterruptReturn<TRenderInChat> {\n  /* eslint-enable @typescript-eslint/no-explicit-any */\n  const { copilotkit } = useCopilotKit();\n  const { agent } = useAgent({ agentId: config.agentId });\n  const [pendingEvent, setPendingEvent] = useState<InterruptEvent | null>(null);\n  const pendingEventRef = useRef(pendingEvent);\n  pendingEventRef.current = pendingEvent;\n  const [handlerResult, setHandlerResult] =\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useState<InterruptResult<any, TResult>>(null);\n\n  useEffect(() => {\n    let localInterrupt: InterruptEvent | null = null;\n\n    const subscription = agent.subscribe({\n      onCustomEvent: ({ event }) => {\n        if (event.name === INTERRUPT_EVENT_NAME) {\n          localInterrupt = { name: event.name, value: event.value };\n        }\n      },\n      onRunStartedEvent: () => {\n        localInterrupt = null;\n        setPendingEvent(null);\n      },\n      onRunFinalized: () => {\n        if (localInterrupt) {\n          setPendingEvent(localInterrupt);\n          localInterrupt = null;\n        }\n      },\n      onRunFailed: () => {\n        localInterrupt = null;\n      },\n    });\n\n    return () => subscription.unsubscribe();\n  }, [agent]);\n\n  const resolve = useCallback(\n    (response: unknown) => {\n      setPendingEvent(null);\n      copilotkit.runAgent({\n        agent,\n        forwardedProps: {\n          command: {\n            resume: response,\n            interruptEvent: pendingEventRef.current?.value,\n          },\n        },\n      });\n    },\n    [agent, copilotkit],\n  );\n\n  useEffect(() => {\n    // No interrupt to process — reset any stale handler result from a previous interrupt\n    if (!pendingEvent) {\n      setHandlerResult(null);\n      return;\n    }\n    // Interrupt exists but the consumer's filter rejects it — treat as no-op\n    if (config.enabled && !config.enabled(pendingEvent)) {\n      setHandlerResult(null);\n      return;\n    }\n    const handler = config.handler;\n    // No handler provided — skip straight to rendering with a null result\n    if (!handler) {\n      setHandlerResult(null);\n      return;\n    }\n\n    let cancelled = false;\n    const maybePromise = handler({\n      event: pendingEvent,\n      resolve,\n    });\n\n    // If the handler returns a promise/thenable, wait for resolution before setting result.\n    if (isPromiseLike(maybePromise)) {\n      Promise.resolve(maybePromise)\n        .then((resolved) => {\n          if (!cancelled) setHandlerResult(resolved);\n        })\n        .catch(() => {\n          if (!cancelled) setHandlerResult(null);\n        });\n    } else {\n      setHandlerResult(maybePromise);\n    }\n\n    return () => {\n      cancelled = true;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [pendingEvent, config.enabled, config.handler, resolve]);\n\n  const element = useMemo(() => {\n    if (!pendingEvent) return null;\n    if (config.enabled && !config.enabled(pendingEvent)) return null;\n\n    return config.render({\n      event: pendingEvent,\n      result: handlerResult,\n      resolve,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [pendingEvent, handlerResult, config.enabled, config.render, resolve]);\n\n  // Publish to core for in-chat rendering\n  useEffect(() => {\n    if (config.renderInChat === false) return;\n    copilotkit.setInterruptElement(element);\n    return () => copilotkit.setInterruptElement(null);\n  }, [element, config.renderInChat, copilotkit]);\n\n  // Only return element when rendering outside chat\n  if (config.renderInChat === false) {\n    return element as UseInterruptReturn<TRenderInChat>;\n  }\n\n  return undefined as UseInterruptReturn<TRenderInChat>;\n}\n"],"mappings":";;;;;AAiBA,MAAM,uBAAuB;AA2B7B,SAAgB,cACd,OAC8B;AAC9B,SACG,OAAO,UAAU,YAAY,OAAO,UAAU,eAC/C,UAAU,QACV,OAAO,QAAQ,IAAI,OAAO,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+H1C,SAAgB,aAId,QACmC;CAEnC,MAAM,EAAE,eAAe,eAAe;CACtC,MAAM,EAAE,UAAU,SAAS,EAAE,SAAS,OAAO,SAAS,CAAC;CACvD,MAAM,CAAC,cAAc,mBAAmB,SAAgC,KAAK;CAC7E,MAAM,kBAAkB,OAAO,aAAa;AAC5C,iBAAgB,UAAU;CAC1B,MAAM,CAAC,eAAe,oBAEpB,SAAwC,KAAK;AAE/C,iBAAgB;EACd,IAAI,iBAAwC;EAE5C,MAAM,eAAe,MAAM,UAAU;GACnC,gBAAgB,EAAE,YAAY;AAC5B,QAAI,MAAM,SAAS,qBACjB,kBAAiB;KAAE,MAAM,MAAM;KAAM,OAAO,MAAM;KAAO;;GAG7D,yBAAyB;AACvB,qBAAiB;AACjB,oBAAgB,KAAK;;GAEvB,sBAAsB;AACpB,QAAI,gBAAgB;AAClB,qBAAgB,eAAe;AAC/B,sBAAiB;;;GAGrB,mBAAmB;AACjB,qBAAiB;;GAEpB,CAAC;AAEF,eAAa,aAAa,aAAa;IACtC,CAAC,MAAM,CAAC;CAEX,MAAM,UAAU,aACb,aAAsB;AACrB,kBAAgB,KAAK;AACrB,aAAW,SAAS;GAClB;GACA,gBAAgB,EACd,SAAS;IACP,QAAQ;IACR,gBAAgB,gBAAgB,SAAS;IAC1C,EACF;GACF,CAAC;IAEJ,CAAC,OAAO,WAAW,CACpB;AAED,iBAAgB;AAEd,MAAI,CAAC,cAAc;AACjB,oBAAiB,KAAK;AACtB;;AAGF,MAAI,OAAO,WAAW,CAAC,OAAO,QAAQ,aAAa,EAAE;AACnD,oBAAiB,KAAK;AACtB;;EAEF,MAAM,UAAU,OAAO;AAEvB,MAAI,CAAC,SAAS;AACZ,oBAAiB,KAAK;AACtB;;EAGF,IAAI,YAAY;EAChB,MAAM,eAAe,QAAQ;GAC3B,OAAO;GACP;GACD,CAAC;AAGF,MAAI,cAAc,aAAa,CAC7B,SAAQ,QAAQ,aAAa,CAC1B,MAAM,aAAa;AAClB,OAAI,CAAC,UAAW,kBAAiB,SAAS;IAC1C,CACD,YAAY;AACX,OAAI,CAAC,UAAW,kBAAiB,KAAK;IACtC;MAEJ,kBAAiB,aAAa;AAGhC,eAAa;AACX,eAAY;;IAGb;EAAC;EAAc,OAAO;EAAS,OAAO;EAAS;EAAQ,CAAC;CAE3D,MAAM,UAAU,cAAc;AAC5B,MAAI,CAAC,aAAc,QAAO;AAC1B,MAAI,OAAO,WAAW,CAAC,OAAO,QAAQ,aAAa,CAAE,QAAO;AAE5D,SAAO,OAAO,OAAO;GACnB,OAAO;GACP,QAAQ;GACR;GACD,CAAC;IAED;EAAC;EAAc;EAAe,OAAO;EAAS,OAAO;EAAQ;EAAQ,CAAC;AAGzE,iBAAgB;AACd,MAAI,OAAO,iBAAiB,MAAO;AACnC,aAAW,oBAAoB,QAAQ;AACvC,eAAa,WAAW,oBAAoB,KAAK;IAChD;EAAC;EAAS,OAAO;EAAc;EAAW,CAAC;AAG9C,KAAI,OAAO,iBAAiB,MAC1B,QAAO"}