langgraph-ui-components 0.0.25 → 0.0.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +412 -51
- package/dist/_virtual/index.cjs6.js +1 -1
- package/dist/_virtual/index.cjs8.js +1 -1
- package/dist/_virtual/index.es6.js +2 -2
- package/dist/_virtual/index.es8.js +2 -2
- package/dist/assets/langgraph-ui-components.css +1 -1
- package/dist/components/ChatBody.cjs.js +2 -2
- package/dist/components/ChatBody.cjs.js.map +1 -1
- package/dist/components/ChatBody.d.ts.map +1 -1
- package/dist/components/ChatBody.es.js +137 -98
- package/dist/components/ChatBody.es.js.map +1 -1
- package/dist/components/messages/AgentMessage.cjs.js +3 -1
- package/dist/components/messages/AgentMessage.cjs.js.map +1 -1
- package/dist/components/messages/AgentMessage.d.ts +3 -1
- package/dist/components/messages/AgentMessage.d.ts.map +1 -1
- package/dist/components/messages/AgentMessage.es.js +197 -112
- package/dist/components/messages/AgentMessage.es.js.map +1 -1
- package/dist/entries/components.cjs.js +1 -1
- package/dist/entries/components.d.ts.map +1 -1
- package/dist/entries/components.es.js +4 -5
- package/dist/entries/components.es.js.map +1 -1
- package/dist/entries/hooks.cjs.js +1 -1
- package/dist/entries/hooks.d.ts.map +1 -1
- package/dist/entries/hooks.es.js +5 -6
- package/dist/entries/hooks.es.js.map +1 -1
- package/dist/entries/providers.cjs.js +1 -1
- package/dist/entries/providers.d.ts +1 -1
- package/dist/entries/providers.d.ts.map +1 -1
- package/dist/entries/providers.es.js +18 -19
- package/dist/entries/providers.es.js.map +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.js +28 -29
- package/dist/index.es.js.map +1 -1
- package/dist/node_modules/.pnpm/eventemitter3@4.0.7/node_modules/eventemitter3/index.cjs.js +1 -1
- package/dist/node_modules/.pnpm/eventemitter3@4.0.7/node_modules/eventemitter3/index.es.js +1 -1
- package/dist/node_modules/.pnpm/p-timeout@3.2.0/node_modules/p-timeout/index.cjs.js +1 -1
- package/dist/node_modules/.pnpm/p-timeout@3.2.0/node_modules/p-timeout/index.es.js +1 -1
- package/dist/node_modules/.pnpm/react-syntax-highlighter@16.1.0_react@19.2.3/node_modules/react-syntax-highlighter/dist/cjs/styles/prism/index.cjs.js +1 -1
- package/dist/node_modules/.pnpm/react-syntax-highlighter@16.1.0_react@19.2.3/node_modules/react-syntax-highlighter/dist/cjs/styles/prism/index.es.js +1 -1
- package/dist/providers/ChatProvider.cjs.js +1 -1
- package/dist/providers/ChatProvider.cjs.js.map +1 -1
- package/dist/providers/ChatProvider.d.ts +17 -1
- package/dist/providers/ChatProvider.d.ts.map +1 -1
- package/dist/providers/ChatProvider.es.js +18 -17
- package/dist/providers/ChatProvider.es.js.map +1 -1
- package/dist/providers/ChatRuntime.es.js +4 -4
- package/dist/providers/CustomComponentProvider.cjs.js +1 -1
- package/dist/providers/CustomComponentProvider.cjs.js.map +1 -1
- package/dist/providers/CustomComponentProvider.d.ts +11 -0
- package/dist/providers/CustomComponentProvider.d.ts.map +1 -1
- package/dist/providers/CustomComponentProvider.es.js +51 -35
- package/dist/providers/CustomComponentProvider.es.js.map +1 -1
- package/dist/providers/Stream.cjs.js +1 -1
- package/dist/providers/Stream.cjs.js.map +1 -1
- package/dist/providers/Stream.d.ts.map +1 -1
- package/dist/providers/Stream.es.js +113 -94
- package/dist/providers/Stream.es.js.map +1 -1
- package/dist/providers/Thread.cjs.js +1 -1
- package/dist/providers/Thread.cjs.js.map +1 -1
- package/dist/providers/Thread.d.ts +2 -1
- package/dist/providers/Thread.d.ts.map +1 -1
- package/dist/providers/Thread.es.js +19 -19
- package/dist/providers/Thread.es.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
- package/src/components/ChatBody.tsx +88 -28
- package/src/components/messages/AgentMessage.tsx +281 -81
- package/src/entries/components.ts +0 -2
- package/src/entries/hooks.ts +0 -2
- package/src/entries/providers.ts +1 -3
- package/src/index.css +2 -2
- package/src/index.ts +1 -3
- package/src/providers/ChatProvider.tsx +18 -1
- package/src/providers/CustomComponentProvider.tsx +41 -0
- package/src/providers/Stream.tsx +34 -15
- package/src/providers/Thread.tsx +2 -2
- package/dist/components/ToolCallFunctions.cjs.js +0 -2
- package/dist/components/ToolCallFunctions.cjs.js.map +0 -1
- package/dist/components/ToolCallFunctions.es.js +0 -75
- package/dist/components/ToolCallFunctions.es.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stream.es.js","sources":["../../src/providers/Stream.tsx"],"sourcesContent":["/* @refresh reset */\nimport { useChatRuntime } from \"@/providers/ChatRuntime\";\nimport { logger } from \"@/utils/logger\";\nimport { type AIMessage, type Message } from \"@langchain/langgraph-sdk\";\n\n// Derive the tool-call types from AIMessage since the SDK doesn't re-export them\ntype ToolCall = NonNullable<AIMessage[\"tool_calls\"]>[number];\ntype InvalidToolCall = NonNullable<AIMessage[\"invalid_tool_calls\"]>[number];\nimport { useStream, type UseStream } from \"@langchain/langgraph-sdk/react\";\nimport {\n isRemoveUIMessage,\n isUIMessage,\n type RemoveUIMessage,\n type UIMessage,\n uiMessageReducer,\n} from \"@langchain/langgraph-sdk/react-ui\";\nimport {\n createContext,\n type ReactNode,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useState,\n} from \"react\";\nimport { toast } from \"sonner\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport { useThread } from \"./Thread\";\n\nexport type StateType = {\n messages: Message[];\n ui?: UIMessage[];\n suggestions?: string[];\n};\n\nconst useTypedStream = useStream<\n StateType,\n {\n UpdateType: {\n messages?: Message[] | Message | string;\n ui?: (UIMessage | RemoveUIMessage)[] | UIMessage | RemoveUIMessage;\n };\n CustomEventType: UIMessage | RemoveUIMessage;\n }\n>;\n\ntype StreamContextType = UseStream<StateType, {\n UpdateType: {\n\n messages?: Message[] | Message | string;\n ui?: (UIMessage | RemoveUIMessage)[] | UIMessage | RemoveUIMessage;\n };\n CustomEventType: UIMessage | RemoveUIMessage;\n}> & {\n sendMessage: (\n message: Message | string,\n options?: {\n /** If true, message is meant for agent only (not user-visible) */\n type?: Message[\"type\"];\n /** Name field required for function/tool messages */\n name?: string;\n /** If true, message is hidden from user UI */\n hidden?: boolean;\n /** Tool calls associated with this message */\n tool_calls?: ToolCall[];\n /** Invalid tool calls associated with this message */\n invalid_tool_calls?: InvalidToolCall[];\n /** If provided, use this ID for the message instead of generating one */\n tool_call_id?: string;\n /** Additional kwargs to attach to the message */\n additional_kwargs?: Record<string, unknown>;\n /** UI components to display alongside the message */\n ui?: UIMessage[];\n /** Custom ID for the message (will also be used for UI components) */\n id?: string;\n /** Custom context to override/merge with identity */\n context?: Record<string, unknown>;\n }\n ) => Promise<void>;\n submitMessage: (\n message: Message,\n options?: {\n streamMode?: (\"values\" | \"updates\" | \"messages\" | \"custom\" | \"debug\")[];\n streamSubgraphs?: boolean;\n streamResumable?: boolean;\n contextValues?: Record<string, unknown>;\n }\n ) => Promise<void>;\n regenerateMessage: (messageId: string) => Promise<void>;\n fetchCatalog: () => Promise<unknown>;\n};\n\nconst StreamContext = createContext<StreamContextType | undefined>(undefined);\n\nasync function checkGraphStatus(apiUrl: string, authToken: string | null | undefined) {\n try {\n const res = await fetch(`${apiUrl}/info`, {\n headers: authToken ? { Authorization: `Bearer ${authToken}` } : undefined,\n });\n return res.ok;\n } catch {\n logger.error(\"Failed to initialize LangGraph Agent\");\n }\n}\n\nasync function fetchCatalog(apiUrl: string, authToken: string | null | undefined) {\n try {\n const res = await fetch(`${apiUrl}/agents/catalog`, {\n headers: authToken ? { Authorization: `Bearer ${authToken}` } : undefined,\n });\n if (res.ok) {\n const data = await res.json();\n return data;\n }\n return null;\n }\n catch {\n logger.error(\"Failed to fetch LangGraph Catalog\");\n return null;\n }\n}\n\nasync function sleep(ms = 6000) {\n return new Promise((resolve) => setTimeout(resolve, ms));\n}\n\nconst StreamSession = ({ children }: { children: ReactNode }) => {\n const { apiUrl, assistantId, identity } = useChatRuntime();\n const { mode, threadId, setThreadId, getThreads, setThreads, configuration } = useThread();\n\n // Store local-only AI messages that shouldn't trigger backend calls\n const [localMessages, setLocalMessages] = useState<Message[]>([]);\n // Store local-only UI components\n const [localUI, setLocalUI] = useState<UIMessage[]>([]);\n // Track if catalog has been fetched to prevent duplicate calls\n const [catalogFetched, setCatalogFetched] = useState(false);\n const [catalogCache, setCatalogCache] = useState<unknown>(null);\n\n const streamValue = useTypedStream({\n apiUrl,\n assistantId,\n threadId: mode === \"multi\" ? threadId : null,\n defaultHeaders: identity?.authToken\n ? { Authorization: `Bearer ${identity?.authToken}` }\n : undefined,\n fetchStateHistory: true,\n onUpdateEvent: (data, options) => {\n // Scan update data (potentially nested by node name) for AI messages\n // with reasoning_content. Inject them into state early so they're\n // visible during streaming of the final text response.\n const reasoningMessages: Message[] = [];\n\n const scan = (obj: unknown) => {\n if (!obj || typeof obj !== \"object\") return;\n const o = obj as Record<string, unknown>;\n if (Array.isArray(o.messages)) {\n for (const m of o.messages as Message[]) {\n const ak = (m as Record<string, unknown>).additional_kwargs as Record<string, unknown> | undefined;\n if (\n m?.type === \"ai\" &&\n m.id &&\n typeof ak?.reasoning_content === \"string\" &&\n ak.reasoning_content.length > 0\n ) {\n reasoningMessages.push(m);\n }\n }\n }\n for (const val of Object.values(o)) {\n if (val && typeof val === \"object\" && !Array.isArray(val)) {\n scan(val);\n }\n }\n };\n\n scan(data);\n\n if (reasoningMessages.length > 0) {\n options.mutate((prev) => {\n const prevMessages = (prev.messages ?? []) as Message[];\n const prevIds = new Set(prevMessages.map((m) => m.id).filter(Boolean));\n const newMessages = reasoningMessages.filter((m) => !prevIds.has(m.id!));\n if (newMessages.length === 0) return prev;\n return { ...prev, messages: [...prevMessages, ...newMessages] };\n });\n }\n },\n onCustomEvent: (event, options) => {\n if (isUIMessage(event) || isRemoveUIMessage(event)) {\n options.mutate((prev) => {\n logger.debug(\"UI Event received in StreamProvider:\", event);\n const ui = uiMessageReducer(prev.ui ?? [], event);\n return { ...prev, ui };\n });\n }\n },\n\n onThreadId: (id) => {\n if (!id) return;\n if (mode === \"single\") {\n // lock once\n if (!threadId) setThreadId(id);\n } else {\n // switch freely\n setThreadId(id);\n // Refetch threads list when thread ID changes.\n // Wait for some seconds before fetching so we're able to get the new thread that was created.\n sleep().then(() => getThreads().then(setThreads).catch((err) => logger.error(\"Failed to refresh threads:\", err)));\n }\n },\n });\n\n /**\n * Send a message to the agent programmatically\n * Useful for triggering agent actions without user-visible messages\n * e.g., \"login completed\", \"card clicked: {id}\"\n */\n const sendMessage = useCallback(\n async (\n message: Message | string,\n options?: {\n type?: Message[\"type\"];\n name?: string;\n hidden?: boolean;\n tool_calls?: ToolCall[];\n invalid_tool_calls?: InvalidToolCall[];\n tool_call_id?: string;\n additional_kwargs?: Record<string, unknown>;\n ui?: UIMessage[];\n id?: string; // Allow passing custom ID\n context?: Record<string, unknown>; // Allow passing custom context to override identity\n }\n ) => {\n // Use provided ID or generate new one\n const messageId = options?.id || uuidv4();\n\n const messageObj: Message =\n typeof message === \"string\"\n ? ({\n id: messageId, // Use the determined ID\n type: options?.type ?? \"human\",\n content: message,\n ...(options?.name && { name: options.name }),\n ...(options?.tool_calls && { tool_calls: options.tool_calls }),\n ...(options?.invalid_tool_calls && { invalid_tool_calls: options.invalid_tool_calls }),\n ...(options?.tool_call_id && { tool_call_id: options.tool_call_id }),\n ...((options?.additional_kwargs || options?.hidden) && {\n additional_kwargs: {\n ...(options?.hidden && { hidden: true }),\n ...(options?.additional_kwargs ?? {}),\n }\n }),\n } as Message)\n : {\n ...message,\n id: messageId, // Override with determined ID\n // Allow overriding message fields with options\n ...(options?.tool_calls && { tool_calls: options.tool_calls }),\n ...(options?.additional_kwargs && {\n additional_kwargs: {\n ...message.additional_kwargs,\n ...options.additional_kwargs,\n }\n }),\n };\n\n // console.log(\"Sending message via sendMessage:\", messageObj); → converted to debug log\n logger.debug(\"Sending message via sendMessage:\", messageObj);\n\n // If message type is \"ai\", just append to local state without submitting to agent\n // This is useful for injecting initial messages or system messages that don't need agent processing\n if (options?.type === \"ai\") {\n setLocalMessages((prev) => [...prev, messageObj]);\n logger.debug(\"Appended AI message to localMessages:\", options?.ui);\n // Also store any UI components, linking them to the message id\n if (options.ui && options.ui.length > 0) {\n const uiWithMessageId = options.ui.map((ui, index) => ({\n ...ui,\n id: messageId, // Link to the message ID so CustomComponentRender can find it\n // Ensure each UI component has a unique identifier for React keys\n _key: (ui as UIMessage & { _key?: string })._key || `${messageId}-ui-${index}`,\n })) as UIMessage[];\n setLocalUI((prev) => [...prev, ...uiWithMessageId]);\n }\n return;\n }\n\n // For non-AI messages, submit to the agent\n const currentMessages = streamValue.messages || [];\n // Merge identity with custom context, custom context takes precedence\n const mergedContext = options?.context\n ? { ...identity, ...options.context, ...configuration }\n : identity || {};\n\n await streamValue.submit(\n { messages: [...currentMessages, messageObj] },\n {\n context: mergedContext,\n streamMode: [\"values\", \"messages-tuple\", \"updates\", \"custom\"],\n }\n );\n },\n [streamValue, identity, configuration, setLocalMessages, setLocalUI]\n );\n\n // Combine stream messages with local AI messages, deduplicating by ID\n const combinedMessages = useMemo(() => {\n const allMessages = [...localMessages, ...(streamValue.messages || [])];\n // Deduplicate by message ID, keeping the first occurrence\n const seen = new Set<string>();\n return allMessages.filter(msg => {\n if (!msg.id) return true; // Keep messages without IDs\n if (seen.has(msg.id)) return false;\n seen.add(msg.id);\n return true;\n });\n }, [localMessages, streamValue.messages]);\n\n // Combine local UI with stream UI, deduplicating by unique key\n const combinedUI = useMemo(() => {\n logger.debug(\"Combining local UI with stream UI:\", localUI, streamValue.values?.ui);\n const allUI = [...localUI, ...(streamValue.values?.ui || [])];\n // Deduplicate by _key or id+name combination\n const seen = new Set<string>();\n return allUI.filter(ui => {\n const key = (ui as UIMessage & { _key?: string })._key || `${ui.id}-${ui.name}`;\n if (seen.has(key)) return false;\n seen.add(key);\n return true;\n });\n }, [localUI, streamValue.values?.ui]);\n\n const submitMessage = useCallback(\n async (\n message: Message,\n options?: {\n streamMode?: (\"values\" | \"updates\" | \"messages\" | \"custom\" | \"debug\")[];\n streamSubgraphs?: boolean;\n streamResumable?: boolean;\n contextValues?: Record<string, unknown>;\n }\n ) => {\n // Get ALL current messages (including local AI messages)\n const allCurrentMessages = combinedMessages || [];\n\n await streamValue.submit(\n { messages: [...allCurrentMessages, message] },\n {\n context: { ...identity, ...options?.contextValues },\n streamMode: options?.streamMode || [\"values\", \"messages-tuple\", \"updates\", \"custom\"],\n streamSubgraphs: options?.streamSubgraphs ?? true,\n streamResumable: options?.streamResumable ?? true,\n optimisticValues: (prev) => ({\n ...prev,\n messages: [...allCurrentMessages, message],\n }),\n }\n );\n },\n [streamValue, identity, combinedMessages]\n );\n\n /**\n * Regenerate an AI response by finding the last human message before the specified AI message\n * and resubmitting from that point\n */\n const regenerateMessage = useCallback(\n async (messageId: string) => {\n const allMessages = combinedMessages || [];\n const messageIndex = allMessages.findIndex((msg) => msg.id === messageId);\n\n if (messageIndex === -1) {\n logger.error(\"Message not found for regeneration:\", messageId);\n return;\n }\n\n // Find the last human message before this AI message\n let lastHumanIndex = messageIndex - 1;\n while (lastHumanIndex >= 0 && allMessages[lastHumanIndex].type !== \"human\") {\n lastHumanIndex--;\n }\n\n if (lastHumanIndex === -1) {\n logger.error(\"No human message found before AI message:\", messageId);\n return;\n }\n\n // Get all messages up to and including the last human message\n const messagesToKeep = allMessages.slice(0, lastHumanIndex + 1);\n\n // Remove the last human message from the list since we'll resubmit it\n const messagesBeforeHuman = messagesToKeep.slice(0, -1);\n const humanMessage = messagesToKeep[messagesToKeep.length - 1];\n\n // Clear local messages that came after the human message\n setLocalMessages((prev) =>\n prev.filter((msg) => {\n const msgIndex = allMessages.findIndex((m) => m.id === msg.id);\n return msgIndex < lastHumanIndex;\n })\n );\n\n // Clear local UI that came after the human message \n setLocalUI((prev) =>\n prev.filter((ui) => {\n const msgIndex = allMessages.findIndex((m) => m.id === ui.id);\n return msgIndex < lastHumanIndex;\n })\n );\n\n // Resubmit from the human message\n await streamValue.submit(\n { messages: [...messagesBeforeHuman, humanMessage] },\n {\n streamMode: [\"values\"],\n streamSubgraphs: true,\n streamResumable: true,\n }\n );\n },\n [combinedMessages, streamValue, identity, configuration, setLocalMessages, setLocalUI]\n );\n\n useEffect(() => {\n checkGraphStatus(apiUrl, identity?.authToken).then((ok) => {\n if (!ok) {\n toast.error(\"Failed to connect to LangGraph server\", {\n description: `Unable to reach ${apiUrl}`,\n duration: 10000,\n });\n }\n });\n }, [apiUrl, identity?.authToken]);\n\n const fetchCatalogMemoized = useCallback(async () => {\n // Return cached data if already fetched\n if (catalogFetched && catalogCache !== null) {\n return catalogCache;\n }\n\n // Fetch catalog only once\n if (!catalogFetched) {\n setCatalogFetched(true);\n const data = await fetchCatalog(apiUrl, identity?.authToken);\n setCatalogCache(data);\n return data;\n }\n\n return catalogCache;\n }, [apiUrl, identity?.authToken, catalogFetched, catalogCache]);\n\n const value = useMemo(\n () => ({\n ...streamValue,\n messages: combinedMessages, // Override with combined messages\n values: {\n ...streamValue.values,\n ui: combinedUI, // Override with combined UI\n },\n sendMessage,\n submitMessage,\n regenerateMessage,\n fetchCatalog: fetchCatalogMemoized,\n }),\n [streamValue, combinedMessages, combinedUI, sendMessage, submitMessage, regenerateMessage, fetchCatalogMemoized]\n );\n\n return (\n <StreamContext.Provider value={value}>{children}</StreamContext.Provider>\n );\n};\n\n/**\n * Provides streaming message functionality for real-time AI responses.\n * Manages message state, handles streaming updates, and provides submit/sendMessage functions.\n * \n * @example\n * ```tsx\n * <StreamProvider>\n * <ChatInterface />\n * </StreamProvider>\n * ```\n */\nexport function StreamProvider({ children }: { children: ReactNode }) {\n return <StreamSession>{children}</StreamSession>;\n}\n\n/**\n * Hook to access the streaming context.\n * Provides access to messages, loading state, and functions to submit messages.\n * \n * @throws {Error} If used outside of StreamProvider\n * \n * @example\n * ```tsx\n * const { messages, isLoading, submit, sendMessage } = useStreamContext();\n * ```\n */\nexport function useStreamContext(): StreamContextType {\n const ctx = useContext(StreamContext);\n if (!ctx) {\n throw new Error(\"useStreamContext must be used within StreamProvider\");\n }\n return ctx;\n}"],"names":["useTypedStream","useStream","StreamContext","createContext","checkGraphStatus","apiUrl","authToken","logger","fetchCatalog","res","sleep","ms","resolve","StreamSession","children","assistantId","identity","useChatRuntime","mode","threadId","setThreadId","getThreads","setThreads","configuration","useThread","localMessages","setLocalMessages","useState","localUI","setLocalUI","catalogFetched","setCatalogFetched","catalogCache","setCatalogCache","streamValue","data","options","reasoningMessages","scan","obj","o","m","ak","val","prev","prevMessages","prevIds","newMessages","event","isUIMessage","isRemoveUIMessage","ui","uiMessageReducer","id","err","sendMessage","useCallback","message","messageId","uuidv4","messageObj","uiWithMessageId","index","currentMessages","mergedContext","combinedMessages","useMemo","allMessages","seen","msg","combinedUI","allUI","key","submitMessage","allCurrentMessages","regenerateMessage","messageIndex","lastHumanIndex","messagesToKeep","messagesBeforeHuman","humanMessage","useEffect","ok","toast","fetchCatalogMemoized","value","jsx","StreamProvider","useStreamContext","ctx","useContext"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Stream.es.js","sources":["../../src/providers/Stream.tsx"],"sourcesContent":["/* @refresh reset */\nimport { useChatRuntime } from \"@/providers/ChatRuntime\";\nimport { logger } from \"@/utils/logger\";\nimport { type AIMessage, type Message } from \"@langchain/langgraph-sdk\";\n\n// Derive the tool-call types from AIMessage since the SDK doesn't re-export them\ntype ToolCall = NonNullable<AIMessage[\"tool_calls\"]>[number];\ntype InvalidToolCall = NonNullable<AIMessage[\"invalid_tool_calls\"]>[number];\nimport { useStream, type UseStream } from \"@langchain/langgraph-sdk/react\";\nimport {\n isRemoveUIMessage,\n isUIMessage,\n type RemoveUIMessage,\n type UIMessage,\n uiMessageReducer,\n} from \"@langchain/langgraph-sdk/react-ui\";\nimport {\n createContext,\n type ReactNode,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useState,\n} from \"react\";\nimport { toast } from \"sonner\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport { useThread } from \"./Thread\";\n\nexport type StateType = {\n messages: Message[];\n ui?: UIMessage[];\n suggestions?: string[];\n};\n\nconst useTypedStream = useStream<\n StateType,\n {\n UpdateType: {\n messages?: Message[] | Message | string;\n ui?: (UIMessage | RemoveUIMessage)[] | UIMessage | RemoveUIMessage;\n };\n CustomEventType: UIMessage | RemoveUIMessage;\n }\n>;\n\ntype StreamContextType = UseStream<StateType, {\n UpdateType: {\n\n messages?: Message[] | Message | string;\n ui?: (UIMessage | RemoveUIMessage)[] | UIMessage | RemoveUIMessage;\n };\n CustomEventType: UIMessage | RemoveUIMessage;\n}> & {\n sendMessage: (\n message: Message | string,\n options?: {\n /** If true, message is meant for agent only (not user-visible) */\n type?: Message[\"type\"];\n /** Name field required for function/tool messages */\n name?: string;\n /** If true, message is hidden from user UI */\n hidden?: boolean;\n /** Tool calls associated with this message */\n tool_calls?: ToolCall[];\n /** Invalid tool calls associated with this message */\n invalid_tool_calls?: InvalidToolCall[];\n /** If provided, use this ID for the message instead of generating one */\n tool_call_id?: string;\n /** Additional kwargs to attach to the message */\n additional_kwargs?: Record<string, unknown>;\n /** UI components to display alongside the message */\n ui?: UIMessage[];\n /** Custom ID for the message (will also be used for UI components) */\n id?: string;\n /** Custom context to override/merge with identity */\n context?: Record<string, unknown>;\n }\n ) => Promise<void>;\n submitMessage: (\n message: Message,\n options?: {\n streamMode?: (\"values\" | \"updates\" | \"messages\" | \"custom\" | \"debug\")[];\n streamSubgraphs?: boolean;\n streamResumable?: boolean;\n contextValues?: Record<string, unknown>;\n }\n ) => Promise<void>;\n regenerateMessage: (messageId: string) => Promise<void>;\n fetchCatalog: () => Promise<unknown>;\n};\n\nconst StreamContext = createContext<StreamContextType | undefined>(undefined);\n\nasync function checkGraphStatus(apiUrl: string, authToken: string | null | undefined) {\n try {\n const res = await fetch(`${apiUrl}/info`, {\n headers: authToken ? { Authorization: `Bearer ${authToken}` } : undefined,\n });\n return res.ok;\n } catch {\n logger.error(\"Failed to initialize LangGraph Agent\");\n }\n}\n\nasync function fetchCatalog(apiUrl: string, authToken: string | null | undefined) {\n try {\n const res = await fetch(`${apiUrl}/agents/catalog`, {\n headers: authToken ? { Authorization: `Bearer ${authToken}` } : undefined,\n });\n if (res.ok) {\n const data = await res.json();\n return data;\n }\n return null;\n }\n catch {\n logger.error(\"Failed to fetch LangGraph Catalog\");\n return null;\n }\n}\n\nasync function sleep(ms = 6000) {\n return new Promise((resolve) => setTimeout(resolve, ms));\n}\n\nconst StreamSession = ({ children }: { children: ReactNode }) => {\n const { apiUrl, assistantId, identity } = useChatRuntime();\n const { mode, threadId, setThreadId, getThreads, setThreads, configuration } = useThread();\n\n // Store local-only AI messages that shouldn't trigger backend calls\n const [localMessages, setLocalMessages] = useState<Message[]>([]);\n // Store local-only UI components\n const [localUI, setLocalUI] = useState<UIMessage[]>([]);\n // Track if catalog has been fetched to prevent duplicate calls\n const [catalogFetched, setCatalogFetched] = useState(false);\n const [catalogCache, setCatalogCache] = useState<unknown>(null);\n\n const streamValue = useTypedStream({\n apiUrl,\n assistantId,\n threadId: mode === \"multi\" ? threadId : null,\n defaultHeaders: identity?.authToken\n ? { Authorization: `Bearer ${identity?.authToken}` }\n : undefined,\n fetchStateHistory: true,\n onUpdateEvent: (data, options) => {\n // Scan update data (potentially nested by node name) for AI messages\n // with reasoning_content or tool_status in additional_kwargs.\n // Merge these into existing messages so they're available during streaming.\n const enrichedMessages: Message[] = [];\n\n const scan = (obj: unknown) => {\n if (!obj || typeof obj !== \"object\") return;\n const o = obj as Record<string, unknown>;\n if (Array.isArray(o.messages)) {\n for (const m of o.messages as Message[]) {\n const ak = (m as Record<string, unknown>).additional_kwargs as Record<string, unknown> | undefined;\n if (m?.type === \"ai\" && m.id && ak) {\n const hasReasoning = typeof ak.reasoning_content === \"string\" && ak.reasoning_content.length > 0;\n const hasToolStatus = Array.isArray(ak.tool_status) && (ak.tool_status as unknown[]).length > 0;\n if (hasReasoning || hasToolStatus) {\n enrichedMessages.push(m);\n }\n }\n }\n }\n for (const val of Object.values(o)) {\n if (val && typeof val === \"object\" && !Array.isArray(val)) {\n scan(val);\n }\n }\n };\n\n scan(data);\n\n if (enrichedMessages.length > 0) {\n options.mutate((prev) => {\n const prevMessages = (prev.messages ?? []) as Message[];\n const enrichedById = new Map<string, Message>();\n for (const m of enrichedMessages) {\n if (m.id) enrichedById.set(m.id, m);\n }\n\n let changed = false;\n const updatedMessages = prevMessages.map((m) => {\n if (!m.id || !enrichedById.has(m.id)) return m;\n const enriched = enrichedById.get(m.id)!;\n enrichedById.delete(m.id);\n changed = true;\n const enrichedKwargs = (enriched as Record<string, unknown>).additional_kwargs as Record<string, unknown> | undefined;\n return {\n ...m,\n additional_kwargs: {\n ...(m.additional_kwargs ?? {}),\n ...(enrichedKwargs ?? {}),\n },\n };\n });\n\n if (!changed) return prev;\n\n return { ...prev, messages: updatedMessages };\n });\n }\n },\n onCustomEvent: (event, options) => {\n if (isUIMessage(event) || isRemoveUIMessage(event)) {\n options.mutate((prev) => {\n logger.debug(\"UI Event received in StreamProvider:\", event);\n const ui = uiMessageReducer(prev.ui ?? [], event);\n return { ...prev, ui };\n });\n }\n },\n\n onThreadId: (id) => {\n if (!id) return;\n if (mode === \"single\") {\n // lock once\n if (!threadId) setThreadId(id);\n } else {\n // switch freely\n setThreadId(id);\n // Refetch threads list when thread ID changes.\n // Wait for some seconds before fetching so we're able to get the new thread that was created.\n sleep().then(() => getThreads().then(setThreads).catch((err) => logger.error(\"Failed to refresh threads:\", err)));\n }\n },\n });\n\n /**\n * Send a message to the agent programmatically\n * Useful for triggering agent actions without user-visible messages\n * e.g., \"login completed\", \"card clicked: {id}\"\n */\n const sendMessage = useCallback(\n async (\n message: Message | string,\n options?: {\n type?: Message[\"type\"];\n name?: string;\n hidden?: boolean;\n tool_calls?: ToolCall[];\n invalid_tool_calls?: InvalidToolCall[];\n tool_call_id?: string;\n additional_kwargs?: Record<string, unknown>;\n ui?: UIMessage[];\n id?: string; // Allow passing custom ID\n context?: Record<string, unknown>; // Allow passing custom context to override identity\n }\n ) => {\n // Use provided ID or generate new one\n const messageId = options?.id || uuidv4();\n\n const messageObj: Message =\n typeof message === \"string\"\n ? ({\n id: messageId, // Use the determined ID\n type: options?.type ?? \"human\",\n content: message,\n ...(options?.name && { name: options.name }),\n ...(options?.tool_calls && { tool_calls: options.tool_calls }),\n ...(options?.invalid_tool_calls && { invalid_tool_calls: options.invalid_tool_calls }),\n ...(options?.tool_call_id && { tool_call_id: options.tool_call_id }),\n ...((options?.additional_kwargs || options?.hidden) && {\n additional_kwargs: {\n ...(options?.hidden && { hidden: true }),\n ...(options?.additional_kwargs ?? {}),\n }\n }),\n } as Message)\n : {\n ...message,\n id: messageId, // Override with determined ID\n // Allow overriding message fields with options\n ...(options?.tool_calls && { tool_calls: options.tool_calls }),\n ...(options?.additional_kwargs && {\n additional_kwargs: {\n ...message.additional_kwargs,\n ...options.additional_kwargs,\n }\n }),\n };\n\n // console.log(\"Sending message via sendMessage:\", messageObj); → converted to debug log\n logger.debug(\"Sending message via sendMessage:\", messageObj);\n\n // If message type is \"ai\", just append to local state without submitting to agent\n // This is useful for injecting initial messages or system messages that don't need agent processing\n if (options?.type === \"ai\") {\n setLocalMessages((prev) => [...prev, messageObj]);\n logger.debug(\"Appended AI message to localMessages:\", options?.ui);\n // Also store any UI components, linking them to the message id\n if (options.ui && options.ui.length > 0) {\n const uiWithMessageId = options.ui.map((ui, index) => ({\n ...ui,\n id: messageId, // Link to the message ID so CustomComponentRender can find it\n // Ensure each UI component has a unique identifier for React keys\n _key: (ui as UIMessage & { _key?: string })._key || `${messageId}-ui-${index}`,\n })) as UIMessage[];\n setLocalUI((prev) => [...prev, ...uiWithMessageId]);\n }\n return;\n }\n\n // For non-AI messages, submit to the agent\n const currentMessages = streamValue.messages || [];\n // Merge identity with custom context, custom context takes precedence\n const mergedContext = options?.context\n ? { ...identity, ...options.context, ...configuration }\n : identity || {};\n\n await streamValue.submit(\n { messages: [...currentMessages, messageObj] },\n {\n context: mergedContext,\n streamMode: [\"values\", \"messages-tuple\", \"updates\", \"custom\"],\n }\n );\n },\n [streamValue, identity, configuration, setLocalMessages, setLocalUI]\n );\n\n // Combine stream messages with local AI messages, deduplicating by ID\n const combinedMessages = useMemo(() => {\n const allMessages = [...localMessages, ...(streamValue.messages || [])];\n // Deduplicate by message ID, keeping the first occurrence\n const seen = new Set<string>();\n return allMessages.filter(msg => {\n if (!msg.id) return true; // Keep messages without IDs\n if (seen.has(msg.id)) return false;\n seen.add(msg.id);\n return true;\n });\n }, [localMessages, streamValue.messages]);\n\n // Combine local UI with stream UI, deduplicating by unique key\n const combinedUI = useMemo(() => {\n logger.debug(\"Combining local UI with stream UI:\", localUI, streamValue.values?.ui);\n const allUI = [...localUI, ...(streamValue.values?.ui || [])];\n // Deduplicate by _key or id+name combination\n const seen = new Set<string>();\n return allUI.filter(ui => {\n const key = (ui as UIMessage & { _key?: string })._key || `${ui.id}-${ui.name}`;\n if (seen.has(key)) return false;\n seen.add(key);\n return true;\n });\n }, [localUI, streamValue.values?.ui]);\n\n const submitMessage = useCallback(\n async (\n message: Message,\n options?: {\n streamMode?: (\"values\" | \"updates\" | \"messages\" | \"custom\" | \"debug\")[];\n streamSubgraphs?: boolean;\n streamResumable?: boolean;\n contextValues?: Record<string, unknown>;\n }\n ) => {\n // Get ALL current messages (including local AI messages)\n const allCurrentMessages = combinedMessages || [];\n\n await streamValue.submit(\n { messages: [...allCurrentMessages, message] },\n {\n context: { ...identity, ...options?.contextValues },\n streamMode: options?.streamMode || [\"values\", \"messages-tuple\", \"updates\", \"custom\"],\n streamSubgraphs: options?.streamSubgraphs ?? true,\n streamResumable: options?.streamResumable ?? true,\n optimisticValues: (prev) => ({\n ...prev,\n messages: [...allCurrentMessages, message],\n }),\n }\n );\n },\n [streamValue, identity, combinedMessages]\n );\n\n /**\n * Regenerate an AI response by finding the last human message before the specified AI message\n * and resubmitting from that point\n */\n const regenerateMessage = useCallback(\n async (messageId: string) => {\n const allMessages = combinedMessages || [];\n const messageIndex = allMessages.findIndex((msg) => msg.id === messageId);\n\n if (messageIndex === -1) {\n logger.error(\"Message not found for regeneration:\", messageId);\n return;\n }\n\n // Find the last human message before this AI message\n let lastHumanIndex = messageIndex - 1;\n while (lastHumanIndex >= 0 && allMessages[lastHumanIndex].type !== \"human\") {\n lastHumanIndex--;\n }\n\n if (lastHumanIndex === -1) {\n logger.error(\"No human message found before AI message:\", messageId);\n return;\n }\n\n // Get all messages up to and including the last human message\n const messagesToKeep = allMessages.slice(0, lastHumanIndex + 1);\n\n // Remove the last human message from the list since we'll resubmit it\n const messagesBeforeHuman = messagesToKeep.slice(0, -1);\n const humanMessage = messagesToKeep[messagesToKeep.length - 1];\n\n // Clear local messages that came after the human message\n setLocalMessages((prev) =>\n prev.filter((msg) => {\n const msgIndex = allMessages.findIndex((m) => m.id === msg.id);\n return msgIndex < lastHumanIndex;\n })\n );\n\n // Clear local UI that came after the human message \n setLocalUI((prev) =>\n prev.filter((ui) => {\n const msgIndex = allMessages.findIndex((m) => m.id === ui.id);\n return msgIndex < lastHumanIndex;\n })\n );\n\n // Resubmit from the human message\n await streamValue.submit(\n { messages: [...messagesBeforeHuman, humanMessage] },\n {\n streamMode: [\"values\"],\n streamSubgraphs: true,\n streamResumable: true,\n }\n );\n },\n [combinedMessages, streamValue, identity, configuration, setLocalMessages, setLocalUI]\n );\n\n useEffect(() => {\n checkGraphStatus(apiUrl, identity?.authToken).then((ok) => {\n if (!ok) {\n toast.error(\"Failed to connect to LangGraph server\", {\n description: `Unable to reach ${apiUrl}`,\n duration: 10000,\n });\n }\n });\n }, [apiUrl, identity?.authToken]);\n\n const fetchCatalogMemoized = useCallback(async () => {\n // Return cached data if already fetched\n if (catalogFetched && catalogCache !== null) {\n return catalogCache;\n }\n\n // Fetch catalog only once\n if (!catalogFetched) {\n setCatalogFetched(true);\n const data = await fetchCatalog(apiUrl, identity?.authToken);\n setCatalogCache(data);\n return data;\n }\n\n return catalogCache;\n }, [apiUrl, identity?.authToken, catalogFetched, catalogCache]);\n\n const value = useMemo(\n () => ({\n ...streamValue,\n messages: combinedMessages, // Override with combined messages\n values: {\n ...streamValue.values,\n ui: combinedUI, // Override with combined UI\n },\n sendMessage,\n submitMessage,\n regenerateMessage,\n fetchCatalog: fetchCatalogMemoized,\n }),\n [streamValue, combinedMessages, combinedUI, sendMessage, submitMessage, regenerateMessage, fetchCatalogMemoized]\n );\n\n return (\n <StreamContext.Provider value={value}>{children}</StreamContext.Provider>\n );\n};\n\n/**\n * Provides streaming message functionality for real-time AI responses.\n * Manages message state, handles streaming updates, and provides submit/sendMessage functions.\n * \n * @example\n * ```tsx\n * <StreamProvider>\n * <ChatInterface />\n * </StreamProvider>\n * ```\n */\nexport function StreamProvider({ children }: { children: ReactNode }) {\n return <StreamSession>{children}</StreamSession>;\n}\n\n/**\n * Hook to access the streaming context.\n * Provides access to messages, loading state, and functions to submit messages.\n * \n * @throws {Error} If used outside of StreamProvider\n * \n * @example\n * ```tsx\n * const { messages, isLoading, submit, sendMessage } = useStreamContext();\n * ```\n */\nexport function useStreamContext(): StreamContextType {\n const ctx = useContext(StreamContext);\n if (!ctx) {\n throw new Error(\"useStreamContext must be used within StreamProvider\");\n }\n return ctx;\n}"],"names":["useTypedStream","useStream","StreamContext","createContext","checkGraphStatus","apiUrl","authToken","logger","fetchCatalog","res","sleep","ms","resolve","StreamSession","children","assistantId","identity","useChatRuntime","mode","threadId","setThreadId","getThreads","setThreads","configuration","useThread","localMessages","setLocalMessages","useState","localUI","setLocalUI","catalogFetched","setCatalogFetched","catalogCache","setCatalogCache","streamValue","data","options","enrichedMessages","scan","obj","o","m","ak","hasReasoning","hasToolStatus","val","prev","prevMessages","enrichedById","changed","updatedMessages","enriched","enrichedKwargs","event","isUIMessage","isRemoveUIMessage","ui","uiMessageReducer","id","err","sendMessage","useCallback","message","messageId","uuidv4","messageObj","uiWithMessageId","index","currentMessages","mergedContext","combinedMessages","useMemo","allMessages","seen","msg","combinedUI","allUI","key","submitMessage","allCurrentMessages","regenerateMessage","messageIndex","lastHumanIndex","messagesToKeep","messagesBeforeHuman","humanMessage","useEffect","ok","toast","fetchCatalogMemoized","value","jsx","StreamProvider","useStreamContext","ctx","useContext"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react/jsx-runtime");require("@langchain/langgraph-sdk");const e=require("react"),x=require("./ChatRuntime.cjs.js"),l=require("./client.cjs.js"),T=require("../utils/logger.cjs.js"),$=require("../node_modules/.pnpm/uuid@13.0.0/node_modules/uuid/dist/validate.cjs.js"),g=e.createContext(void 0);function R(a){return $(a)?{assistant_id:a}:{graph_id:a}}function j({children:a,initialMode:v="single"}){const{apiUrl:t,assistantId:s,identity:r}=x.useChatRuntime(),[k,i]=e.useState([]),[m,C]=e.useState(!1),[u,c]=e.useState(null),[w,b]=e.useState(),[S,y]=e.useState(v);e.useEffect(()=>{const n=new URLSearchParams(window.location.search).get("thread");n&&c(n)},[]);const d=e.useCallback(async()=>{if(!t||!s)return[];if(!r?.authToken)return T.logger.error("No authToken available for getThreads"),[];const n=await l.createClient(t,r?.authToken??void 0).threads.search({metadata:{...R(s)},limit:100});return Array.isArray(n)?n:[]},[t,s,r]),P=e.useCallback(async o=>{if(!t)return;if(!r?.authToken){T.logger.error("No authToken available for deleteThread");return}await l.createClient(t,r?.authToken??void 0).threads.delete(o),i(f=>f.filter(h=>h.thread_id!==o)),u===o&&c(null)},[t,u,r]),p=e.useCallback(async(o,n)=>{if(!t)return;if(!r?.authToken){T.logger.error("No authToken available for updateThread");return}await l.createClient(t,r?.authToken??void 0).threads.update(o,{metadata:n});const h=await d();i(h)},[t,d,r]);return q.jsx(g.Provider,{value:{mode:S,setMode:y,threadId:u,setThreadId:c,getThreads:d,threads:k,setThreads:i,configuration:w,setConfiguration:b,threadsLoading:m,setThreadsLoading:C,deleteThread:P,updateThread:p},children:a})}function L(){const a=e.useContext(g);if(!a)throw new Error("useThread must be used within a ThreadProvider");return a}exports.ThreadProvider=j;exports.useThread=L;
|
|
2
2
|
//# sourceMappingURL=Thread.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Thread.cjs.js","sources":["../../src/providers/Thread.tsx"],"sourcesContent":["import { type Thread } from \"@langchain/langgraph-sdk\";\nimport { createContext, useCallback, useContext, useEffect, useState, type Dispatch, type ReactNode, type SetStateAction } from \"react\";\nimport { validate } from \"uuid\";\nimport { useChatRuntime } from \"./ChatRuntime\";\nimport { createClient } from \"./client\";\nimport { logger } from \"@/utils/logger\";\n\n/**\n * Thread context manages the current conversation thread ID and configuration.\n * A thread represents a single conversation session with the AI.\n */\n\nexport type ThreadMode = \"single\" | \"multi\";\n\n/**\n * Typed configuration object passed to the LangGraph API on each stream call.\n * Use `Record<string, unknown>` instead of `any` so consumers are forced to\n * narrow values before using them, preventing silent runtime errors.\n */\nexport type ThreadConfiguration = Record<string, unknown>;\n\nexport interface ThreadContextType {\n /** Current thread ID, null if no thread exists yet */\n threadId: string | null;\n /** Set or update the current thread ID */\n setThreadId: (id: string | null) => void;\n /** List of existing threads */\n threads: Thread[];\n /** Function to fetch existing threads from the API */\n getThreads: () => Promise<Thread[]>;\n /** Function to update the list of threads */\n setThreads: Dispatch<SetStateAction<Thread[]>>;\n /** Thread-specific configuration passed to the LangGraph API */\n configuration: ThreadConfiguration | undefined;\n /** Update thread configuration */\n setConfiguration: (config: ThreadConfiguration) => void;\n /** Whether threads are currently being loaded */\n threadsLoading: boolean;\n /** Set the loading state for threads */\n setThreadsLoading: Dispatch<SetStateAction<boolean>>;\n\n mode: ThreadMode;\n setMode: Dispatch<SetStateAction<ThreadMode>>;\n /** Delete a thread by ID */\n deleteThread: (threadId: string) => Promise<void>;\n /** Update thread metadata */\n updateThread: (threadId: string, metadata: Record<string, unknown>) => Promise<void>;\n}\n\n\nconst ThreadContext = createContext<ThreadContextType | undefined>(undefined);\n\nfunction getThreadSearchMetadata(\n assistantId: string,\n): { graph_id: string } | { assistant_id: string } {\n if (validate(assistantId)) {\n return { assistant_id: assistantId };\n } else {\n return { graph_id: assistantId };\n }\n}\n\n/**\n * Provides thread management for chat conversations.\n * Stores the current thread ID and configuration.\n * \n * @example\n * ```tsx\n * <ThreadProvider>\n * <YourChatComponent />\n * </ThreadProvider>\n * ```\n */\nexport function ThreadProvider({ children }: { children: ReactNode }) {\n\n const { apiUrl, assistantId, identity } = useChatRuntime();\n const [threads, setThreads] = useState<Thread[]>([]);\n const [threadsLoading, setThreadsLoading] = useState(false);\n\n const [threadId, setThreadId] = useState<string | null>(null);\n const [configuration, setConfiguration] = useState<ThreadConfiguration | undefined>();\n\n const [mode, setMode] = useState<ThreadMode>(
|
|
1
|
+
{"version":3,"file":"Thread.cjs.js","sources":["../../src/providers/Thread.tsx"],"sourcesContent":["import { type Thread } from \"@langchain/langgraph-sdk\";\nimport { createContext, useCallback, useContext, useEffect, useState, type Dispatch, type ReactNode, type SetStateAction } from \"react\";\nimport { validate } from \"uuid\";\nimport { useChatRuntime } from \"./ChatRuntime\";\nimport { createClient } from \"./client\";\nimport { logger } from \"@/utils/logger\";\n\n/**\n * Thread context manages the current conversation thread ID and configuration.\n * A thread represents a single conversation session with the AI.\n */\n\nexport type ThreadMode = \"single\" | \"multi\";\n\n/**\n * Typed configuration object passed to the LangGraph API on each stream call.\n * Use `Record<string, unknown>` instead of `any` so consumers are forced to\n * narrow values before using them, preventing silent runtime errors.\n */\nexport type ThreadConfiguration = Record<string, unknown>;\n\nexport interface ThreadContextType {\n /** Current thread ID, null if no thread exists yet */\n threadId: string | null;\n /** Set or update the current thread ID */\n setThreadId: (id: string | null) => void;\n /** List of existing threads */\n threads: Thread[];\n /** Function to fetch existing threads from the API */\n getThreads: () => Promise<Thread[]>;\n /** Function to update the list of threads */\n setThreads: Dispatch<SetStateAction<Thread[]>>;\n /** Thread-specific configuration passed to the LangGraph API */\n configuration: ThreadConfiguration | undefined;\n /** Update thread configuration */\n setConfiguration: (config: ThreadConfiguration) => void;\n /** Whether threads are currently being loaded */\n threadsLoading: boolean;\n /** Set the loading state for threads */\n setThreadsLoading: Dispatch<SetStateAction<boolean>>;\n\n mode: ThreadMode;\n setMode: Dispatch<SetStateAction<ThreadMode>>;\n /** Delete a thread by ID */\n deleteThread: (threadId: string) => Promise<void>;\n /** Update thread metadata */\n updateThread: (threadId: string, metadata: Record<string, unknown>) => Promise<void>;\n}\n\n\nconst ThreadContext = createContext<ThreadContextType | undefined>(undefined);\n\nfunction getThreadSearchMetadata(\n assistantId: string,\n): { graph_id: string } | { assistant_id: string } {\n if (validate(assistantId)) {\n return { assistant_id: assistantId };\n } else {\n return { graph_id: assistantId };\n }\n}\n\n/**\n * Provides thread management for chat conversations.\n * Stores the current thread ID and configuration.\n * \n * @example\n * ```tsx\n * <ThreadProvider>\n * <YourChatComponent />\n * </ThreadProvider>\n * ```\n */\nexport function ThreadProvider({ children, initialMode = \"single\" }: { children: ReactNode; initialMode?: ThreadMode }) {\n\n const { apiUrl, assistantId, identity } = useChatRuntime();\n const [threads, setThreads] = useState<Thread[]>([]);\n const [threadsLoading, setThreadsLoading] = useState(false);\n\n const [threadId, setThreadId] = useState<string | null>(null);\n const [configuration, setConfiguration] = useState<ThreadConfiguration | undefined>();\n\n const [mode, setMode] = useState<ThreadMode>(initialMode);\n\n // Extract thread ID from URL query parameter on component mount\n useEffect(() => {\n const searchParams = new URLSearchParams(window.location.search);\n const threadFromUrl = searchParams.get(\"thread\");\n if (threadFromUrl) {\n setThreadId(threadFromUrl);\n }\n }, []);\n\n\n const getThreads = useCallback(async (): Promise<Thread[]> => {\n if (!apiUrl || !assistantId) return [];\n if (!identity?.authToken) {\n logger.error(\"No authToken available for getThreads\");\n return [];\n }\n const client = createClient(apiUrl, identity?.authToken ?? undefined);\n\n const threads = await client.threads.search({\n metadata: {\n ...getThreadSearchMetadata(assistantId),\n },\n limit: 100,\n });\n\n return Array.isArray(threads) ? threads : [];\n }, [apiUrl, assistantId, identity]);\n\n const deleteThread = useCallback(async (threadIdToDelete: string) => {\n if (!apiUrl) return;\n if (!identity?.authToken) {\n logger.error(\"No authToken available for deleteThread\");\n return;\n }\n const client = createClient(apiUrl, identity?.authToken ?? undefined);\n\n await client.threads.delete(threadIdToDelete);\n\n // Update local state\n setThreads(prev => prev.filter(t => t.thread_id !== threadIdToDelete));\n\n // Clear current thread if it was deleted\n if (threadId === threadIdToDelete) {\n setThreadId(null);\n }\n }, [apiUrl, threadId, identity]);\n\n const updateThread = useCallback(async (threadIdToUpdate: string, metadata: Record<string, unknown>) => {\n if (!apiUrl) return;\n if (!identity?.authToken) {\n logger.error(\"No authToken available for updateThread\");\n return;\n }\n const client = createClient(apiUrl, identity?.authToken ?? undefined);\n\n await client.threads.update(threadIdToUpdate, { metadata });\n\n // Refresh threads to get updated data\n const updatedThreads = await getThreads();\n setThreads(updatedThreads);\n }, [apiUrl, getThreads, identity]);\n\n return (\n <ThreadContext.Provider\n value={{ mode, setMode, threadId, setThreadId, getThreads, threads, setThreads, configuration, setConfiguration, threadsLoading, setThreadsLoading, deleteThread, updateThread }}\n >\n {children}\n </ThreadContext.Provider>\n );\n}\n\n/**\n * Hook to access the current thread context.\n * Use this to get or set the thread ID and configuration.\n * \n * @throws {Error} If used outside of ThreadProvider\n * \n * @example\n * ```tsx\n * const { threadId, setThreadId, configuration, setConfiguration } = useThread();\n * ```\n */\nexport function useThread() {\n const context = useContext(ThreadContext);\n if (!context) {\n throw new Error(\"useThread must be used within a ThreadProvider\");\n }\n return context;\n}"],"names":["ThreadContext","createContext","getThreadSearchMetadata","assistantId","validate","ThreadProvider","children","initialMode","apiUrl","identity","useChatRuntime","threads","setThreads","useState","threadsLoading","setThreadsLoading","threadId","setThreadId","configuration","setConfiguration","mode","setMode","useEffect","threadFromUrl","getThreads","useCallback","logger","createClient","deleteThread","threadIdToDelete","prev","t","updateThread","threadIdToUpdate","metadata","updatedThreads","jsx","useThread","context","useContext"],"mappings":"2WAkDMA,EAAgBC,EAAAA,cAA6C,MAAS,EAE5E,SAASC,EACPC,EACiD,CACjD,OAAIC,EAASD,CAAW,EACf,CAAE,aAAcA,CAAA,EAEhB,CAAE,SAAUA,CAAA,CAEvB,CAaO,SAASE,EAAe,CAAE,SAAAC,EAAU,YAAAC,EAAc,UAA+D,CAEtH,KAAM,CAAE,OAAAC,EAAQ,YAAAL,EAAa,SAAAM,CAAA,EAAaC,EAAAA,eAAA,EACpC,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAmB,CAAA,CAAE,EAC7C,CAACC,EAAgBC,CAAiB,EAAIF,EAAAA,SAAS,EAAK,EAEpD,CAACG,EAAUC,CAAW,EAAIJ,EAAAA,SAAwB,IAAI,EACtD,CAACK,EAAeC,CAAgB,EAAIN,WAAA,EAEpC,CAACO,EAAMC,CAAO,EAAIR,EAAAA,SAAqBN,CAAW,EAGxDe,EAAAA,UAAU,IAAM,CAEd,MAAMC,EADe,IAAI,gBAAgB,OAAO,SAAS,MAAM,EAC5B,IAAI,QAAQ,EAC3CA,GACFN,EAAYM,CAAa,CAE7B,EAAG,CAAA,CAAE,EAGL,MAAMC,EAAaC,EAAAA,YAAY,SAA+B,CAC5D,GAAI,CAACjB,GAAU,CAACL,QAAoB,CAAA,EACpC,GAAI,CAACM,GAAU,UACbiB,OAAAA,EAAAA,OAAO,MAAM,uCAAuC,EAC7C,CAAA,EAIT,MAAMf,EAAU,MAFDgB,EAAAA,aAAanB,EAAQC,GAAU,WAAa,MAAS,EAEvC,QAAQ,OAAO,CAC1C,SAAU,CACR,GAAGP,EAAwBC,CAAW,CAAA,EAExC,MAAO,GAAA,CACR,EAED,OAAO,MAAM,QAAQQ,CAAO,EAAIA,EAAU,CAAA,CAC5C,EAAG,CAACH,EAAQL,EAAaM,CAAQ,CAAC,EAE5BmB,EAAeH,cAAY,MAAOI,GAA6B,CACnE,GAAI,CAACrB,EAAQ,OACb,GAAI,CAACC,GAAU,UAAW,CACxBiB,EAAAA,OAAO,MAAM,yCAAyC,EACtD,MACF,CAGA,MAFeC,EAAAA,aAAanB,EAAQC,GAAU,WAAa,MAAS,EAEvD,QAAQ,OAAOoB,CAAgB,EAG5CjB,KAAmBkB,EAAK,UAAYC,EAAE,YAAcF,CAAgB,CAAC,EAGjEb,IAAaa,GACfZ,EAAY,IAAI,CAEpB,EAAG,CAACT,EAAQQ,EAAUP,CAAQ,CAAC,EAEzBuB,EAAeP,EAAAA,YAAY,MAAOQ,EAA0BC,IAAsC,CACtG,GAAI,CAAC1B,EAAQ,OACb,GAAI,CAACC,GAAU,UAAW,CACxBiB,EAAAA,OAAO,MAAM,yCAAyC,EACtD,MACF,CAGA,MAFeC,EAAAA,aAAanB,EAAQC,GAAU,WAAa,MAAS,EAEvD,QAAQ,OAAOwB,EAAkB,CAAE,SAAAC,EAAU,EAG1D,MAAMC,EAAiB,MAAMX,EAAA,EAC7BZ,EAAWuB,CAAc,CAC3B,EAAG,CAAC3B,EAAQgB,EAAYf,CAAQ,CAAC,EAEjC,OACE2B,EAAAA,IAACpC,EAAc,SAAd,CACC,MAAO,CAAE,KAAAoB,EAAM,QAAAC,EAAS,SAAAL,EAAU,YAAAC,EAAa,WAAAO,EAAY,QAAAb,EAAS,WAAAC,EAAY,cAAAM,EAAe,iBAAAC,EAAkB,eAAAL,EAAgB,kBAAAC,EAAmB,aAAAa,EAAc,aAAAI,CAAA,EAEjK,SAAA1B,CAAA,CAAA,CAGP,CAaO,SAAS+B,GAAY,CAC1B,MAAMC,EAAUC,EAAAA,WAAWvC,CAAa,EACxC,GAAI,CAACsC,EACH,MAAM,IAAI,MAAM,gDAAgD,EAElE,OAAOA,CACT"}
|
|
@@ -48,8 +48,9 @@ export interface ThreadContextType {
|
|
|
48
48
|
* </ThreadProvider>
|
|
49
49
|
* ```
|
|
50
50
|
*/
|
|
51
|
-
export declare function ThreadProvider({ children }: {
|
|
51
|
+
export declare function ThreadProvider({ children, initialMode }: {
|
|
52
52
|
children: ReactNode;
|
|
53
|
+
initialMode?: ThreadMode;
|
|
53
54
|
}): import("react/jsx-runtime").JSX.Element;
|
|
54
55
|
/**
|
|
55
56
|
* Hook to access the current thread context.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Thread.d.ts","sourceRoot":"","sources":["../../src/providers/Thread.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAA+D,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAMxI;;;GAGG;AAEH,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE5C;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE1D,MAAM,WAAW,iBAAiB;IAChC,sDAAsD;IACtD,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,0CAA0C;IAC1C,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,+BAA+B;IAC/B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,sDAAsD;IACtD,UAAU,EAAE,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IACpC,6CAA6C;IAC7C,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAC/C,gEAAgE;IAChE,aAAa,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAC/C,kCAAkC;IAClC,gBAAgB,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACxD,iDAAiD;IACjD,cAAc,EAAE,OAAO,CAAC;IACxB,wCAAwC;IACxC,iBAAiB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAErD,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC;IAC9C,4BAA4B;IAC5B,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,6BAA6B;IAC7B,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACtF;AAeD;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,
|
|
1
|
+
{"version":3,"file":"Thread.d.ts","sourceRoot":"","sources":["../../src/providers/Thread.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAA+D,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAMxI;;;GAGG;AAEH,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE5C;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE1D,MAAM,WAAW,iBAAiB;IAChC,sDAAsD;IACtD,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,0CAA0C;IAC1C,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,+BAA+B;IAC/B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,sDAAsD;IACtD,UAAU,EAAE,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IACpC,6CAA6C;IAC7C,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAC/C,gEAAgE;IAChE,aAAa,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAC/C,kCAAkC;IAClC,gBAAgB,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACxD,iDAAiD;IACjD,cAAc,EAAE,OAAO,CAAC;IACxB,wCAAwC;IACxC,iBAAiB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAErD,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC;IAC9C,4BAA4B;IAC5B,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,6BAA6B;IAC7B,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACtF;AAeD;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,WAAsB,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,WAAW,CAAC,EAAE,UAAU,CAAA;CAAE,2CAgFrH;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,sBAMxB"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as N } from "react/jsx-runtime";
|
|
2
2
|
import "@langchain/langgraph-sdk";
|
|
3
|
-
import { useContext as
|
|
4
|
-
import { useChatRuntime as
|
|
3
|
+
import { useContext as S, createContext as U, useState as n, useEffect as _, useCallback as l } from "react";
|
|
4
|
+
import { useChatRuntime as A } from "./ChatRuntime.es.js";
|
|
5
5
|
import { createClient as f } from "./client.es.js";
|
|
6
6
|
import { logger as T } from "../utils/logger.es.js";
|
|
7
|
-
import
|
|
8
|
-
const p =
|
|
9
|
-
function
|
|
10
|
-
return
|
|
7
|
+
import E from "../node_modules/.pnpm/uuid@13.0.0/node_modules/uuid/dist/validate.es.js";
|
|
8
|
+
const p = U(void 0);
|
|
9
|
+
function M(r) {
|
|
10
|
+
return E(r) ? { assistant_id: r } : { graph_id: r };
|
|
11
11
|
}
|
|
12
|
-
function
|
|
13
|
-
const { apiUrl: e, assistantId: i, identity: t } =
|
|
14
|
-
|
|
12
|
+
function H({ children: r, initialMode: g = "single" }) {
|
|
13
|
+
const { apiUrl: e, assistantId: i, identity: t } = A(), [v, s] = n([]), [k, w] = n(!1), [d, c] = n(null), [C, x] = n(), [y, P] = n(g);
|
|
14
|
+
_(() => {
|
|
15
15
|
const a = new URLSearchParams(window.location.search).get("thread");
|
|
16
16
|
a && c(a);
|
|
17
17
|
}, []);
|
|
@@ -21,19 +21,19 @@ function G({ children: r }) {
|
|
|
21
21
|
return T.error("No authToken available for getThreads"), [];
|
|
22
22
|
const a = await f(e, t?.authToken ?? void 0).threads.search({
|
|
23
23
|
metadata: {
|
|
24
|
-
...
|
|
24
|
+
...M(i)
|
|
25
25
|
},
|
|
26
26
|
limit: 100
|
|
27
27
|
});
|
|
28
28
|
return Array.isArray(a) ? a : [];
|
|
29
|
-
}, [e, i, t]),
|
|
29
|
+
}, [e, i, t]), b = l(async (o) => {
|
|
30
30
|
if (!e) return;
|
|
31
31
|
if (!t?.authToken) {
|
|
32
32
|
T.error("No authToken available for deleteThread");
|
|
33
33
|
return;
|
|
34
34
|
}
|
|
35
35
|
await f(e, t?.authToken ?? void 0).threads.delete(o), s((m) => m.filter((u) => u.thread_id !== o)), d === o && c(null);
|
|
36
|
-
}, [e, d, t]),
|
|
36
|
+
}, [e, d, t]), L = l(async (o, a) => {
|
|
37
37
|
if (!e) return;
|
|
38
38
|
if (!t?.authToken) {
|
|
39
39
|
T.error("No authToken available for updateThread");
|
|
@@ -43,22 +43,22 @@ function G({ children: r }) {
|
|
|
43
43
|
const u = await h();
|
|
44
44
|
s(u);
|
|
45
45
|
}, [e, h, t]);
|
|
46
|
-
return /* @__PURE__ */
|
|
46
|
+
return /* @__PURE__ */ N(
|
|
47
47
|
p.Provider,
|
|
48
48
|
{
|
|
49
|
-
value: { mode:
|
|
49
|
+
value: { mode: y, setMode: P, threadId: d, setThreadId: c, getThreads: h, threads: v, setThreads: s, configuration: C, setConfiguration: x, threadsLoading: k, setThreadsLoading: w, deleteThread: b, updateThread: L },
|
|
50
50
|
children: r
|
|
51
51
|
}
|
|
52
52
|
);
|
|
53
53
|
}
|
|
54
|
-
function
|
|
55
|
-
const r =
|
|
54
|
+
function J() {
|
|
55
|
+
const r = S(p);
|
|
56
56
|
if (!r)
|
|
57
57
|
throw new Error("useThread must be used within a ThreadProvider");
|
|
58
58
|
return r;
|
|
59
59
|
}
|
|
60
60
|
export {
|
|
61
|
-
|
|
62
|
-
|
|
61
|
+
H as ThreadProvider,
|
|
62
|
+
J as useThread
|
|
63
63
|
};
|
|
64
64
|
//# sourceMappingURL=Thread.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Thread.es.js","sources":["../../src/providers/Thread.tsx"],"sourcesContent":["import { type Thread } from \"@langchain/langgraph-sdk\";\nimport { createContext, useCallback, useContext, useEffect, useState, type Dispatch, type ReactNode, type SetStateAction } from \"react\";\nimport { validate } from \"uuid\";\nimport { useChatRuntime } from \"./ChatRuntime\";\nimport { createClient } from \"./client\";\nimport { logger } from \"@/utils/logger\";\n\n/**\n * Thread context manages the current conversation thread ID and configuration.\n * A thread represents a single conversation session with the AI.\n */\n\nexport type ThreadMode = \"single\" | \"multi\";\n\n/**\n * Typed configuration object passed to the LangGraph API on each stream call.\n * Use `Record<string, unknown>` instead of `any` so consumers are forced to\n * narrow values before using them, preventing silent runtime errors.\n */\nexport type ThreadConfiguration = Record<string, unknown>;\n\nexport interface ThreadContextType {\n /** Current thread ID, null if no thread exists yet */\n threadId: string | null;\n /** Set or update the current thread ID */\n setThreadId: (id: string | null) => void;\n /** List of existing threads */\n threads: Thread[];\n /** Function to fetch existing threads from the API */\n getThreads: () => Promise<Thread[]>;\n /** Function to update the list of threads */\n setThreads: Dispatch<SetStateAction<Thread[]>>;\n /** Thread-specific configuration passed to the LangGraph API */\n configuration: ThreadConfiguration | undefined;\n /** Update thread configuration */\n setConfiguration: (config: ThreadConfiguration) => void;\n /** Whether threads are currently being loaded */\n threadsLoading: boolean;\n /** Set the loading state for threads */\n setThreadsLoading: Dispatch<SetStateAction<boolean>>;\n\n mode: ThreadMode;\n setMode: Dispatch<SetStateAction<ThreadMode>>;\n /** Delete a thread by ID */\n deleteThread: (threadId: string) => Promise<void>;\n /** Update thread metadata */\n updateThread: (threadId: string, metadata: Record<string, unknown>) => Promise<void>;\n}\n\n\nconst ThreadContext = createContext<ThreadContextType | undefined>(undefined);\n\nfunction getThreadSearchMetadata(\n assistantId: string,\n): { graph_id: string } | { assistant_id: string } {\n if (validate(assistantId)) {\n return { assistant_id: assistantId };\n } else {\n return { graph_id: assistantId };\n }\n}\n\n/**\n * Provides thread management for chat conversations.\n * Stores the current thread ID and configuration.\n * \n * @example\n * ```tsx\n * <ThreadProvider>\n * <YourChatComponent />\n * </ThreadProvider>\n * ```\n */\nexport function ThreadProvider({ children }: { children: ReactNode }) {\n\n const { apiUrl, assistantId, identity } = useChatRuntime();\n const [threads, setThreads] = useState<Thread[]>([]);\n const [threadsLoading, setThreadsLoading] = useState(false);\n\n const [threadId, setThreadId] = useState<string | null>(null);\n const [configuration, setConfiguration] = useState<ThreadConfiguration | undefined>();\n\n const [mode, setMode] = useState<ThreadMode>(
|
|
1
|
+
{"version":3,"file":"Thread.es.js","sources":["../../src/providers/Thread.tsx"],"sourcesContent":["import { type Thread } from \"@langchain/langgraph-sdk\";\nimport { createContext, useCallback, useContext, useEffect, useState, type Dispatch, type ReactNode, type SetStateAction } from \"react\";\nimport { validate } from \"uuid\";\nimport { useChatRuntime } from \"./ChatRuntime\";\nimport { createClient } from \"./client\";\nimport { logger } from \"@/utils/logger\";\n\n/**\n * Thread context manages the current conversation thread ID and configuration.\n * A thread represents a single conversation session with the AI.\n */\n\nexport type ThreadMode = \"single\" | \"multi\";\n\n/**\n * Typed configuration object passed to the LangGraph API on each stream call.\n * Use `Record<string, unknown>` instead of `any` so consumers are forced to\n * narrow values before using them, preventing silent runtime errors.\n */\nexport type ThreadConfiguration = Record<string, unknown>;\n\nexport interface ThreadContextType {\n /** Current thread ID, null if no thread exists yet */\n threadId: string | null;\n /** Set or update the current thread ID */\n setThreadId: (id: string | null) => void;\n /** List of existing threads */\n threads: Thread[];\n /** Function to fetch existing threads from the API */\n getThreads: () => Promise<Thread[]>;\n /** Function to update the list of threads */\n setThreads: Dispatch<SetStateAction<Thread[]>>;\n /** Thread-specific configuration passed to the LangGraph API */\n configuration: ThreadConfiguration | undefined;\n /** Update thread configuration */\n setConfiguration: (config: ThreadConfiguration) => void;\n /** Whether threads are currently being loaded */\n threadsLoading: boolean;\n /** Set the loading state for threads */\n setThreadsLoading: Dispatch<SetStateAction<boolean>>;\n\n mode: ThreadMode;\n setMode: Dispatch<SetStateAction<ThreadMode>>;\n /** Delete a thread by ID */\n deleteThread: (threadId: string) => Promise<void>;\n /** Update thread metadata */\n updateThread: (threadId: string, metadata: Record<string, unknown>) => Promise<void>;\n}\n\n\nconst ThreadContext = createContext<ThreadContextType | undefined>(undefined);\n\nfunction getThreadSearchMetadata(\n assistantId: string,\n): { graph_id: string } | { assistant_id: string } {\n if (validate(assistantId)) {\n return { assistant_id: assistantId };\n } else {\n return { graph_id: assistantId };\n }\n}\n\n/**\n * Provides thread management for chat conversations.\n * Stores the current thread ID and configuration.\n * \n * @example\n * ```tsx\n * <ThreadProvider>\n * <YourChatComponent />\n * </ThreadProvider>\n * ```\n */\nexport function ThreadProvider({ children, initialMode = \"single\" }: { children: ReactNode; initialMode?: ThreadMode }) {\n\n const { apiUrl, assistantId, identity } = useChatRuntime();\n const [threads, setThreads] = useState<Thread[]>([]);\n const [threadsLoading, setThreadsLoading] = useState(false);\n\n const [threadId, setThreadId] = useState<string | null>(null);\n const [configuration, setConfiguration] = useState<ThreadConfiguration | undefined>();\n\n const [mode, setMode] = useState<ThreadMode>(initialMode);\n\n // Extract thread ID from URL query parameter on component mount\n useEffect(() => {\n const searchParams = new URLSearchParams(window.location.search);\n const threadFromUrl = searchParams.get(\"thread\");\n if (threadFromUrl) {\n setThreadId(threadFromUrl);\n }\n }, []);\n\n\n const getThreads = useCallback(async (): Promise<Thread[]> => {\n if (!apiUrl || !assistantId) return [];\n if (!identity?.authToken) {\n logger.error(\"No authToken available for getThreads\");\n return [];\n }\n const client = createClient(apiUrl, identity?.authToken ?? undefined);\n\n const threads = await client.threads.search({\n metadata: {\n ...getThreadSearchMetadata(assistantId),\n },\n limit: 100,\n });\n\n return Array.isArray(threads) ? threads : [];\n }, [apiUrl, assistantId, identity]);\n\n const deleteThread = useCallback(async (threadIdToDelete: string) => {\n if (!apiUrl) return;\n if (!identity?.authToken) {\n logger.error(\"No authToken available for deleteThread\");\n return;\n }\n const client = createClient(apiUrl, identity?.authToken ?? undefined);\n\n await client.threads.delete(threadIdToDelete);\n\n // Update local state\n setThreads(prev => prev.filter(t => t.thread_id !== threadIdToDelete));\n\n // Clear current thread if it was deleted\n if (threadId === threadIdToDelete) {\n setThreadId(null);\n }\n }, [apiUrl, threadId, identity]);\n\n const updateThread = useCallback(async (threadIdToUpdate: string, metadata: Record<string, unknown>) => {\n if (!apiUrl) return;\n if (!identity?.authToken) {\n logger.error(\"No authToken available for updateThread\");\n return;\n }\n const client = createClient(apiUrl, identity?.authToken ?? undefined);\n\n await client.threads.update(threadIdToUpdate, { metadata });\n\n // Refresh threads to get updated data\n const updatedThreads = await getThreads();\n setThreads(updatedThreads);\n }, [apiUrl, getThreads, identity]);\n\n return (\n <ThreadContext.Provider\n value={{ mode, setMode, threadId, setThreadId, getThreads, threads, setThreads, configuration, setConfiguration, threadsLoading, setThreadsLoading, deleteThread, updateThread }}\n >\n {children}\n </ThreadContext.Provider>\n );\n}\n\n/**\n * Hook to access the current thread context.\n * Use this to get or set the thread ID and configuration.\n * \n * @throws {Error} If used outside of ThreadProvider\n * \n * @example\n * ```tsx\n * const { threadId, setThreadId, configuration, setConfiguration } = useThread();\n * ```\n */\nexport function useThread() {\n const context = useContext(ThreadContext);\n if (!context) {\n throw new Error(\"useThread must be used within a ThreadProvider\");\n }\n return context;\n}"],"names":["ThreadContext","createContext","getThreadSearchMetadata","assistantId","validate","ThreadProvider","children","initialMode","apiUrl","identity","useChatRuntime","threads","setThreads","useState","threadsLoading","setThreadsLoading","threadId","setThreadId","configuration","setConfiguration","mode","setMode","useEffect","threadFromUrl","getThreads","useCallback","logger","createClient","deleteThread","threadIdToDelete","prev","t","updateThread","threadIdToUpdate","metadata","updatedThreads","jsx","useThread","context","useContext"],"mappings":";;;;;;;AAkDA,MAAMA,IAAgBC,EAA6C,MAAS;AAE5E,SAASC,EACPC,GACiD;AACjD,SAAIC,EAASD,CAAW,IACf,EAAE,cAAcA,EAAA,IAEhB,EAAE,UAAUA,EAAA;AAEvB;AAaO,SAASE,EAAe,EAAE,UAAAC,GAAU,aAAAC,IAAc,YAA+D;AAEtH,QAAM,EAAE,QAAAC,GAAQ,aAAAL,GAAa,UAAAM,EAAA,IAAaC,EAAA,GACpC,CAACC,GAASC,CAAU,IAAIC,EAAmB,CAAA,CAAE,GAC7C,CAACC,GAAgBC,CAAiB,IAAIF,EAAS,EAAK,GAEpD,CAACG,GAAUC,CAAW,IAAIJ,EAAwB,IAAI,GACtD,CAACK,GAAeC,CAAgB,IAAIN,EAAA,GAEpC,CAACO,GAAMC,CAAO,IAAIR,EAAqBN,CAAW;AAGxD,EAAAe,EAAU,MAAM;AAEd,UAAMC,IADe,IAAI,gBAAgB,OAAO,SAAS,MAAM,EAC5B,IAAI,QAAQ;AAC/C,IAAIA,KACFN,EAAYM,CAAa;AAAA,EAE7B,GAAG,CAAA,CAAE;AAGL,QAAMC,IAAaC,EAAY,YAA+B;AAC5D,QAAI,CAACjB,KAAU,CAACL,UAAoB,CAAA;AACpC,QAAI,CAACM,GAAU;AACb,aAAAiB,EAAO,MAAM,uCAAuC,GAC7C,CAAA;AAIT,UAAMf,IAAU,MAFDgB,EAAanB,GAAQC,GAAU,aAAa,MAAS,EAEvC,QAAQ,OAAO;AAAA,MAC1C,UAAU;AAAA,QACR,GAAGP,EAAwBC,CAAW;AAAA,MAAA;AAAA,MAExC,OAAO;AAAA,IAAA,CACR;AAED,WAAO,MAAM,QAAQQ,CAAO,IAAIA,IAAU,CAAA;AAAA,EAC5C,GAAG,CAACH,GAAQL,GAAaM,CAAQ,CAAC,GAE5BmB,IAAeH,EAAY,OAAOI,MAA6B;AACnE,QAAI,CAACrB,EAAQ;AACb,QAAI,CAACC,GAAU,WAAW;AACxB,MAAAiB,EAAO,MAAM,yCAAyC;AACtD;AAAA,IACF;AAGA,UAFeC,EAAanB,GAAQC,GAAU,aAAa,MAAS,EAEvD,QAAQ,OAAOoB,CAAgB,GAG5CjB,EAAW,OAAQkB,EAAK,OAAO,OAAKC,EAAE,cAAcF,CAAgB,CAAC,GAGjEb,MAAaa,KACfZ,EAAY,IAAI;AAAA,EAEpB,GAAG,CAACT,GAAQQ,GAAUP,CAAQ,CAAC,GAEzBuB,IAAeP,EAAY,OAAOQ,GAA0BC,MAAsC;AACtG,QAAI,CAAC1B,EAAQ;AACb,QAAI,CAACC,GAAU,WAAW;AACxB,MAAAiB,EAAO,MAAM,yCAAyC;AACtD;AAAA,IACF;AAGA,UAFeC,EAAanB,GAAQC,GAAU,aAAa,MAAS,EAEvD,QAAQ,OAAOwB,GAAkB,EAAE,UAAAC,GAAU;AAG1D,UAAMC,IAAiB,MAAMX,EAAA;AAC7B,IAAAZ,EAAWuB,CAAc;AAAA,EAC3B,GAAG,CAAC3B,GAAQgB,GAAYf,CAAQ,CAAC;AAEjC,SACE,gBAAA2B;AAAA,IAACpC,EAAc;AAAA,IAAd;AAAA,MACC,OAAO,EAAE,MAAAoB,GAAM,SAAAC,GAAS,UAAAL,GAAU,aAAAC,GAAa,YAAAO,GAAY,SAAAb,GAAS,YAAAC,GAAY,eAAAM,GAAe,kBAAAC,GAAkB,gBAAAL,GAAgB,mBAAAC,GAAmB,cAAAa,GAAc,cAAAI,EAAA;AAAA,MAEjK,UAAA1B;AAAA,IAAA;AAAA,EAAA;AAGP;AAaO,SAAS+B,IAAY;AAC1B,QAAMC,IAAUC,EAAWvC,CAAa;AACxC,MAAI,CAACsC;AACH,UAAM,IAAI,MAAM,gDAAgD;AAElE,SAAOA;AACT;"}
|