@chatsdk-dev/elements 0.1.3 → 0.2.0

package/dist/provider-Cps0PPXa.js

@@ -0,0 +1,383 @@
+import { createElementContext } from "./features/element/element-provider.js";
+import { useMergeElementConfig } from "./features/element/use-element-config.js";
+import { LoggingProvider, useLogger } from "./features/logging/logger-provider.js";
+import { chatQueryKeys } from "./features/chat/queries/query-keys.js";
+import { getInitialMessagesFromStrings } from "./features/chat/utils.js";
+import { useCreateChatStore } from "./features/chat/provider/use-create-chat-store.js";
+import { useStore } from "zustand";
+import { createContext, use, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { jsx } from "react/jsx-runtime";
+import { getClient } from "@chatsdk-dev/api-client";
+import { useChat } from "@ai-sdk/react";
+import { createAgent, parseAppError } from "@chatsdk-dev/agent";
+//#region src/features/data-fetching/use-api-client.ts
+function useApiClient() {
+	const { api } = useElementConfig();
+	return getClient(api ?? {});
+}
+//#endregion
+//#region src/features/chat/queries/use-get-conversation-query.ts
+async function getConversation({ client, agentId, actorId, conversationId }) {
+	if (!conversationId) {
+		const { data: newConversation, error } = await client.agents.conversations.create({
+			path: { agentId },
+			body: { actorId }
+		});
+		if (error) throw new Error("error" in error ? error.error : "Failed to create conversation");
+		return newConversation;
+	}
+	const { data, error } = await client.agents.conversations.get({ path: {
+		agentId,
+		conversationId
+	} });
+	if (error) throw new Error("error" in error ? error.error : "Failed to fetch conversation");
+	return data;
+}
+function getConversationQueryConfig({ agentId, conversationId, client, actorId }) {
+	return {
+		queryKey: chatQueryKeys.conversation(agentId, conversationId),
+		queryFn: () => getConversation({
+			client,
+			agentId,
+			conversationId,
+			actorId
+		})
+	};
+}
+function useGetConversationQuery({ agentId, conversationId }) {
+	const client = useApiClient();
+	const { context } = useElementConfig();
+	return useQuery({
+		...getConversationQueryConfig({
+			agentId,
+			conversationId,
+			client,
+			actorId: context?.actor?.id ?? ""
+		}),
+		enabled: !!agentId,
+		staleTime: 200
+	});
+}
+//#endregion
+//#region src/features/chat/queries/use-record-feedback-mutation.ts
+const recordFeedbackMutationKey = ["record-feedback"];
+function useRecordFeedbackMutation({ agentId }) {
+	const client = useApiClient();
+	const queryClient = useQueryClient();
+	return useMutation({
+		mutationKey: recordFeedbackMutationKey,
+		mutationFn: async ({ conversationId, messageId, sentiment, reason }) => {
+			const { data, error } = await client.agents.conversations.recordFeedback({
+				path: {
+					agentId,
+					conversationId,
+					messageId
+				},
+				body: {
+					sentiment,
+					reason
+				}
+			});
+			if (error) throw new Error("error" in error ? error.error : "Failed to record feedback");
+			return data;
+		},
+		onMutate: async ({ conversationId, messageId, sentiment }) => {
+			const queryKey = chatQueryKeys.conversation(agentId, conversationId);
+			await queryClient.cancelQueries({ queryKey });
+			const previous = queryClient.getQueryData(queryKey);
+			queryClient.setQueryData(queryKey, (prev) => {
+				if (!prev) return prev;
+				const feedback = { ...prev.feedback };
+				if (feedback[messageId] === sentiment) delete feedback[messageId];
+				else feedback[messageId] = sentiment;
+				return {
+					...prev,
+					feedback
+				};
+			});
+			return {
+				queryKey,
+				previous
+			};
+		},
+		onError: (_error, _vars, context) => {
+			if (context) queryClient.setQueryData(context.queryKey, context.previous);
+		},
+		onSettled: (_data, _error, _vars, context) => {
+			if (!context) return;
+			if (queryClient.isMutating({ mutationKey: recordFeedbackMutationKey }) === 1) queryClient.invalidateQueries({ queryKey: context.queryKey });
+		}
+	});
+}
+//#endregion
+//#region src/features/chat/queries/use-get-agent-query.ts
+function useGetAgentQuery({ agentId }) {
+	const client = useApiClient();
+	return useQuery({
+		queryKey: chatQueryKeys.get(agentId),
+		queryFn: async () => {
+			const { data, error } = await client.agents.get({ path: { agentId } });
+			if (error) throw new Error("error" in error ? error.error : "Failed to fetch agent");
+			return data;
+		},
+		enabled: !!agentId
+	});
+}
+//#endregion
+//#region src/features/chat/provider/use-ai-sdk-chat.tsx
+function useKeyedSession(key, create) {
+	const [state, setState] = useState(() => ({
+		key,
+		session: create()
+	}));
+	if (state.key !== key) {
+		const session = create();
+		setState({
+			key,
+			session
+		});
+		return session;
+	}
+	return state.session;
+}
+function useInitialMessages({ selectedConversationId }) {
+	const { agentId } = useElementComponent();
+	const { data } = useGetAgentQuery({ agentId });
+	const { data: conversation } = useGetConversationQuery({
+		agentId,
+		conversationId: selectedConversationId
+	});
+	const conversationMessages = useMemo(() => {
+		if (!selectedConversationId) return void 0;
+		return conversation?.messages ?? [];
+	}, [conversation, selectedConversationId]);
+	return useMemo(() => {
+		if (selectedConversationId) return conversationMessages ?? [];
+		return getInitialMessagesFromStrings(data?.agentSettingsSurface?.initialChatMessages ?? []);
+	}, [
+		selectedConversationId,
+		data?.agentSettingsSurface?.initialChatMessages,
+		conversationMessages
+	]);
+}
+function useAiSdkChat({ selectedConversationId, conversationType }) {
+	const queryClient = useQueryClient();
+	const { config, component } = useElement();
+	const { agentId } = useElementComponent();
+	const logger = useLogger();
+	const initialMessages = useInitialMessages({ selectedConversationId });
+	const sessionKey = conversationType === "history" ? selectedConversationId : void 0;
+	const session = useKeyedSession(`${agentId}::${config.api?.baseUrl ?? ""}::${sessionKey ?? "new"}`, () => createAgent({
+		agentId,
+		tools: component.clientTools,
+		logger,
+		transport: {
+			...config.api?.baseUrl ? { baseUrl: config.api.baseUrl } : {},
+			...config.api?.headers ? { headers: config.api.headers } : {},
+			...config.api?.credentials ? { credentials: config.api.credentials } : {},
+			...config.api?.fetch ? { fetch: config.api.fetch } : {}
+		}
+	}).session({
+		conversationId: sessionKey,
+		actorId: config.context?.actor?.id ?? "",
+		messages: initialMessages
+	}));
+	const useChatResult = useChat({
+		chat: session,
+		resume: conversationType === "history" && Boolean(selectedConversationId)
+	});
+	const prevStatus = useRef(useChatResult.status);
+	useEffect(() => {
+		const settledThisRender = (prevStatus.current === "streaming" || prevStatus.current === "submitted") && useChatResult.status === "ready";
+		prevStatus.current = useChatResult.status;
+		if (!settledThisRender) return;
+		queryClient.invalidateQueries({ queryKey: chatQueryKeys.listConversations(agentId) });
+		const conversationId = session.conversationId ?? selectedConversationId;
+		if (conversationId) queryClient.invalidateQueries({ queryKey: chatQueryKeys.conversation(agentId, conversationId) });
+	}, [
+		useChatResult.status,
+		queryClient,
+		agentId,
+		session,
+		selectedConversationId
+	]);
+	useEffect(() => {
+		if (useChatResult.status === "streaming" || useChatResult.status === "submitted") return;
+		if (conversationType === "history" || !selectedConversationId) useChatResult.setMessages(initialMessages);
+	}, [
+		conversationType,
+		selectedConversationId,
+		initialMessages
+	]);
+	const resetChat = useCallback(() => {
+		session.reset(initialMessages);
+	}, [session, initialMessages]);
+	const appError = useMemo(() => useChatResult.error ? parseAppError(useChatResult.error) : void 0, [useChatResult.error]);
+	return {
+		...useChatResult,
+		resetChat,
+		session,
+		appError
+	};
+}
+//#endregion
+//#region src/features/chat/provider/provider.tsx
+const defaultChatProps = {
+	agentId: "",
+	withAvatar: false,
+	withTools: false,
+	withReasoning: false,
+	persistConversation: false,
+	autoScrollWhileStreaming: false
+};
+const { ElementProvider, useElement, useElementConfig, useElementCallbacks, useElementComponent } = createElementContext({ name: "ChatSDK.Chat" });
+const ChatStateContext = createContext(null);
+/**
+* Prepares the immutable chat state for the provider, to be used by the `useChat` hook.
+* @param param0
+*
+* @returns
+*/
+function useProvideChat({ store }) {
+	const queryClient = useQueryClient();
+	const conversationType = useStore(store, (s) => s.conversationType);
+	const setSelectedConversationId = useStore(store, (s) => s.setSelectedConversationId);
+	const selectedConversationId = useStore(store, (s) => s.selectedConversationId);
+	const { agentId } = useElementComponent();
+	const promptInputRef = useRef(null);
+	const { data: conversation } = useGetConversationQuery({
+		agentId,
+		conversationId: selectedConversationId
+	});
+	const { messages, sendMessage, status, stop, session, appError, regenerate, clearError, resetChat: resetChatMessages } = useAiSdkChat({
+		selectedConversationId,
+		conversationType
+	});
+	const sessionConversationId = session.conversationId;
+	useEffect(() => {
+		if (sessionConversationId && sessionConversationId !== selectedConversationId) {
+			setSelectedConversationId(sessionConversationId);
+			queryClient.invalidateQueries({ queryKey: chatQueryKeys.listConversations(agentId) });
+		}
+	}, [
+		sessionConversationId,
+		selectedConversationId,
+		setSelectedConversationId,
+		queryClient,
+		agentId
+	]);
+	const retryLastMessage = useCallback(() => {
+		clearError();
+		regenerate();
+	}, [clearError, regenerate]);
+	const dismissError = useCallback(() => {
+		clearError();
+	}, [clearError]);
+	useEffect(() => {
+		promptInputRef.current?.focus();
+	}, [selectedConversationId]);
+	const handleSubmit = useCallback((message) => {
+		sendMessage({ text: message.text });
+	}, [sendMessage]);
+	const respondToToolApproval = useCallback((params) => {
+		session.addToolApprovalResponse({
+			id: params.approvalId,
+			approved: params.approved,
+			reason: params.reason
+		});
+	}, [session]);
+	const { mutate: recordFeedback } = useRecordFeedbackMutation({ agentId });
+	return {
+		agentId,
+		messages,
+		handleSubmit,
+		sendMessage,
+		respondToToolApproval,
+		recordMessageFeedback: useCallback((params) => {
+			const conversationId = session.conversationId ?? selectedConversationId;
+			if (!conversationId) return;
+			recordFeedback({
+				conversationId,
+				...params
+			});
+		}, [
+			recordFeedback,
+			session,
+			selectedConversationId
+		]),
+		toolTitles: conversation?.toolTitles,
+		conversation,
+		status,
+		stop,
+		appError,
+		retryLastMessage,
+		dismissError,
+		resetChat: resetChatMessages,
+		promptInputRef
+	};
+}
+function useChat$1() {
+	const v = use(ChatStateContext);
+	if (!v) throw new Error("useChat must be used within a Chat.Provider");
+	return v;
+}
+/**
+* Allows access to a mutable global chat state via zustand store
+*
+* @example
+* const { tab, setTab } = useChatStore((s) => s.tab);
+*
+* @param selector - A function that returns a subset of the chat state.
+* @returns The selected subset of the chat state.
+*/
+function useChatStore(selector) {
+	const chat = use(ChatStateContext);
+	if (!chat) throw new Error("useChatStore must be used within a Chat.Provider");
+	return useStore(chat.store, selector);
+}
+function ChatStateProvider({ children }) {
+	const { agentId, persistConversation = true } = useElementComponent();
+	const store = useCreateChatStore(agentId, persistConversation);
+	const chatState = useProvideChat({ store });
+	useEffect(() => {
+		store.persist.rehydrate();
+	}, [store]);
+	return /* @__PURE__ */ jsx(ChatStateContext.Provider, {
+		value: {
+			...chatState,
+			store
+		},
+		children
+	});
+}
+function Provider({ children, ...rest }) {
+	const { config, callbacks, ...componentProps } = useMergeElementConfig({
+		props: {
+			...rest,
+			defaultProps: defaultChatProps
+		},
+		name: "ChatSDK.Chat"
+	});
+	if (!componentProps.agentId) {
+		config.logger.error({
+			event: "missing_agent_id",
+			element: "ChatSDK.Chat",
+			message: "Missing Agent Id"
+		});
+		return null;
+	}
+	return /* @__PURE__ */ jsx(LoggingProvider, {
+		logger: config.logger,
+		children: /* @__PURE__ */ jsx(ElementProvider, {
+			config,
+			component: componentProps,
+			callbacks,
+			children: /* @__PURE__ */ jsx(ChatStateProvider, { children }, componentProps.agentId)
+		})
+	});
+}
+//#endregion
+export { useApiClient as _, useChatStore as a, useElementComponent as c, useInitialMessages as d, useGetAgentQuery as f, useGetConversationQuery as g, getConversationQueryConfig as h, useChat$1 as i, useElementConfig as l, useRecordFeedbackMutation as m, Provider as n, useElement as o, recordFeedbackMutationKey as p, defaultChatProps as r, useElementCallbacks as s, ElementProvider as t, useAiSdkChat as u };
+
+//# sourceMappingURL=provider-Cps0PPXa.js.map

package/dist/provider-Cps0PPXa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider-Cps0PPXa.js","names":["useAiChat","useChat"],"sources":["../src/features/data-fetching/use-api-client.ts","../src/features/chat/queries/use-get-conversation-query.ts","../src/features/chat/queries/use-record-feedback-mutation.ts","../src/features/chat/queries/use-get-agent-query.ts","../src/features/chat/provider/use-ai-sdk-chat.tsx","../src/features/chat/provider/provider.tsx"],"sourcesContent":["import { getClient } from \"@chatsdk-dev/api-client\";\n\nimport { useElementConfig } from \"../chat/provider/provider\";\n\nexport function useApiClient() {\n  const { api } = useElementConfig();\n  return getClient(api ?? {});\n}\n","import { useQuery } from \"@tanstack/react-query\";\n\nimport { ChatSDK } from \"@chatsdk-dev/api-client\";\n\nimport { useApiClient } from \"../../data-fetching/use-api-client\";\nimport { useElementConfig } from \"../provider/provider\";\nimport { chatQueryKeys } from \"./query-keys\";\n\ninterface GetConversationParams {\n  client: ChatSDK;\n  agentId: string;\n  actorId: string;\n  conversationId?: string;\n}\n\nasync function getConversation({\n  client,\n  agentId,\n  actorId,\n  conversationId,\n}: GetConversationParams) {\n  // create conversation if no conversation id is provided (conversation doesn't exist yet)\n  if (!conversationId) {\n    const { data: newConversation, error } =\n      await client.agents.conversations.create({\n        path: { agentId: agentId! },\n        body: { actorId },\n      });\n    if (error) {\n      throw new Error(\n        \"error\" in error ? error.error : \"Failed to create conversation\",\n      );\n    }\n    return newConversation;\n  }\n\n  const { data, error } = await client.agents.conversations.get({\n    path: { agentId, conversationId },\n  });\n\n  if (error) {\n    throw new Error(\n      \"error\" in error ? error.error : \"Failed to fetch conversation\",\n    );\n  }\n\n  return data;\n}\n\ninterface GetConversationQueryConfigParams {\n  agentId: string;\n  conversationId?: string;\n  actorId: string;\n  client: ChatSDK;\n}\n\nexport function getConversationQueryConfig({\n  agentId,\n  conversationId,\n  client,\n  actorId,\n}: GetConversationQueryConfigParams) {\n  return {\n    queryKey: chatQueryKeys.conversation(agentId, conversationId),\n    queryFn: () =>\n      getConversation({ client, agentId, conversationId, actorId }),\n  };\n}\n\ninterface UseGetConversationQueryProps {\n  agentId?: string;\n  conversationId?: string | null;\n}\n\nexport function useGetConversationQuery({\n  agentId,\n  conversationId,\n}: UseGetConversationQueryProps) {\n  const client = useApiClient();\n  const { context } = useElementConfig();\n\n  return useQuery({\n    ...getConversationQueryConfig({\n      agentId: agentId!,\n      conversationId: conversationId!,\n      client,\n      actorId: context?.actor?.id ?? \"\",\n    }),\n    enabled: !!agentId,\n    staleTime: 200,\n  });\n}\n","import { useMutation, useQueryClient } from \"@tanstack/react-query\";\n\nimport type { AgentsConversationsGetResponse } from \"@chatsdk-dev/api-client\";\n\nimport { useApiClient } from \"../../data-fetching/use-api-client\";\nimport { chatQueryKeys } from \"./query-keys\";\n\n// Shared key so the settle handler can count in-flight feedback mutations and\n// only refetch once the last one resolves.\nexport const recordFeedbackMutationKey = [\"record-feedback\"];\n\ninterface UseRecordFeedbackMutationProps {\n  agentId?: string;\n}\n\ninterface RecordFeedbackParams {\n  conversationId: string;\n  messageId: string;\n  sentiment: \"positive\" | \"negative\";\n  reason?: string;\n}\n\ninterface FeedbackContext {\n  queryKey: ReturnType<typeof chatQueryKeys.conversation>;\n  previous: AgentsConversationsGetResponse | undefined;\n}\n\nexport function useRecordFeedbackMutation({\n  agentId,\n}: UseRecordFeedbackMutationProps) {\n  const client = useApiClient();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationKey: recordFeedbackMutationKey,\n    mutationFn: async ({\n      conversationId,\n      messageId,\n      sentiment,\n      reason,\n    }: RecordFeedbackParams) => {\n      const { data, error } = await client.agents.conversations.recordFeedback({\n        path: { agentId: agentId!, conversationId, messageId },\n        body: { sentiment, reason },\n      });\n\n      if (error) {\n        throw new Error(\n          \"error\" in error ? error.error : \"Failed to record feedback\",\n        );\n      }\n\n      return data;\n    },\n    // Optimistically toggle the feedback map on the conversation cache (the\n    // server-seeded source of truth). Cancel in-flight refetches first so a\n    // settling sibling click can't clobber it; snapshot for rollback.\n    onMutate: async ({\n      conversationId,\n      messageId,\n      sentiment,\n    }): Promise<FeedbackContext> => {\n      const queryKey = chatQueryKeys.conversation(agentId, conversationId);\n      await queryClient.cancelQueries({ queryKey });\n      const previous =\n        queryClient.getQueryData<AgentsConversationsGetResponse>(queryKey);\n\n      queryClient.setQueryData<AgentsConversationsGetResponse>(\n        queryKey,\n        (prev) => {\n          if (!prev) return prev;\n          const feedback = { ...prev.feedback };\n          if (feedback[messageId] === sentiment) {\n            delete feedback[messageId];\n          } else {\n            feedback[messageId] = sentiment;\n          }\n          return { ...prev, feedback };\n        },\n      );\n\n      return { queryKey, previous };\n    },\n    onError: (_error, _vars, context) => {\n      if (context) {\n        queryClient.setQueryData(context.queryKey, context.previous);\n      }\n    },\n    // Only the last in-flight feedback mutation refetches — otherwise an earlier\n    // click's refetch snaps the UI back to stale server state.\n    onSettled: (_data, _error, _vars, context) => {\n      if (!context) return;\n      if (\n        queryClient.isMutating({ mutationKey: recordFeedbackMutationKey }) === 1\n      ) {\n        queryClient.invalidateQueries({ queryKey: context.queryKey });\n      }\n    },\n  });\n}\n","import { useQuery } from \"@tanstack/react-query\";\n\nimport { useApiClient } from \"../../data-fetching/use-api-client\";\nimport { chatQueryKeys } from \"./query-keys\";\n\ninterface UseGetAgentQueryProps {\n  agentId?: string;\n}\n\nexport function useGetAgentQuery({ agentId }: UseGetAgentQueryProps) {\n  const client = useApiClient();\n\n  return useQuery({\n    queryKey: chatQueryKeys.get(agentId),\n    queryFn: async () => {\n      const { data, error } = await client.agents.get({\n        path: { agentId: agentId! },\n      });\n\n      if (error) {\n        throw new Error(\n          \"error\" in error ? error.error : \"Failed to fetch agent\",\n        );\n      }\n\n      return data;\n    },\n    enabled: !!agentId,\n  });\n}\n","\"use client\";\n\nimport {\n  useChat as useAiChat,\n  type Chat,\n  type UseChatHelpers,\n} from \"@ai-sdk/react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport {\n  createAgent,\n  parseAppError,\n  type AppError,\n  type ConversationMessage,\n  type Session,\n} from \"@chatsdk-dev/agent\";\n\nimport { useLogger } from \"../../logging/logger-provider\";\nimport { useElement, useElementComponent } from \"../provider/provider\";\nimport { chatQueryKeys } from \"../queries/query-keys\";\nimport { useGetAgentQuery } from \"../queries/use-get-agent-query\";\nimport { useGetConversationQuery } from \"../queries/use-get-conversation-query\";\nimport { getInitialMessagesFromStrings } from \"../utils\";\n\n// Session held in keyed state, not useMemo: memo identity is a hint React may\n// drop, and a session recreated mid-stream abandons the live turn. A hook\n// can't use a `key` prop, so the reset-on-key-change lives here.\nfunction useKeyedSession(key: string, create: () => Session): Session {\n  const [state, setState] = useState(() => ({ key, session: create() }));\n  if (state.key !== key) {\n    const session = create();\n    setState({ key, session });\n    return session;\n  }\n  return state.session;\n}\n\ninterface UseInitialMessagesProps {\n  selectedConversationId?: string;\n}\n\nexport function useInitialMessages({\n  selectedConversationId,\n}: UseInitialMessagesProps) {\n  const { agentId } = useElementComponent();\n  const { data } = useGetAgentQuery({ agentId });\n  const { data: conversation } = useGetConversationQuery({\n    agentId,\n    conversationId: selectedConversationId,\n  });\n\n  const conversationMessages = useMemo(() => {\n    if (!selectedConversationId) return undefined;\n\n    const conversationMessages: ConversationMessage[] =\n      conversation?.messages ?? [];\n\n    return conversationMessages;\n  }, [conversation, selectedConversationId]);\n\n  const initialMessages = useMemo(() => {\n    // The backend saves the greeting into the conversation when it's created.\n    // So for a saved conversation, its messages already include the greeting;\n    // only a brand-new chat builds greeting messages from the config.\n    if (selectedConversationId) return conversationMessages ?? [];\n\n    return getInitialMessagesFromStrings(\n      data?.agentSettingsSurface?.initialChatMessages ?? [],\n    );\n  }, [\n    selectedConversationId,\n    data?.agentSettingsSurface?.initialChatMessages,\n    conversationMessages,\n  ]);\n\n  return initialMessages;\n}\n\ninterface UseAiSdkChatProps {\n  selectedConversationId?: string;\n  conversationType: \"new\" | \"history\";\n}\n\ntype UseAiSdkChatResult = UseChatHelpers<ConversationMessage> & {\n  resetChat: () => void;\n  /** The bound agent session (the chat instance behind useChat). */\n  session: Session;\n  /** Stream error reconstructed as a typed `AppError` (undefined when none). */\n  appError?: AppError;\n};\n\nexport function useAiSdkChat({\n  selectedConversationId,\n  conversationType,\n}: UseAiSdkChatProps): UseAiSdkChatResult {\n  const queryClient = useQueryClient();\n  const { config, component } = useElement();\n  const { agentId } = useElementComponent();\n  const logger = useLogger();\n\n  const initialMessages = useInitialMessages({ selectedConversationId });\n\n  // The headless @chatsdk-dev/agent client owns the transport AND the whole\n  // client-tool loop (onToolCall → addToolOutput → auto-resubmit, resume,\n  // lazy conversation creation). We just bind its session to useChat — the\n  // session IS the chat (subclasses AbstractChat), so all of that lives in one\n  // place instead of being re-implemented here. The host's `clientTools` are\n  // passed straight through (executed in the browser, sent as declarations).\n  //\n  // History keys by id; a new chat is one stable \"new\"-keyed session that\n  // resetChat() clears.\n  const sessionKey =\n    conversationType === \"history\" ? selectedConversationId : undefined;\n  const session = useKeyedSession(\n    `${agentId}::${config.api?.baseUrl ?? \"\"}::${sessionKey ?? \"new\"}`,\n    () =>\n      createAgent({\n        agentId,\n        tools: component.clientTools,\n        logger,\n        transport: {\n          ...(config.api?.baseUrl ? { baseUrl: config.api.baseUrl } : {}),\n          ...(config.api?.headers ? { headers: config.api.headers } : {}),\n          ...(config.api?.credentials\n            ? { credentials: config.api.credentials }\n            : {}),\n          ...(config.api?.fetch ? { fetch: config.api.fetch } : {}),\n        },\n      }).session({\n        conversationId: sessionKey,\n        actorId: config.context?.actor?.id ?? \"\",\n        messages: initialMessages,\n      }),\n  );\n\n  const useChatResult = useAiChat<ConversationMessage>({\n    // The session IS the chat. One nominal cast: @ai-sdk/react types `chat` as\n    // its own concrete `Chat` subclass (private field), so a foreign\n    // AbstractChat subclass isn't structurally assignable.\n    chat: session as unknown as Chat<ConversationMessage>,\n    // Resume an in-flight stream only when reopening history; a new chat's POST\n    // stream is already live, so there is nothing to reconnect to. Backend\n    // returns 204 when there's nothing to resume, which AI SDK treats as a no-op.\n    resume: conversationType === \"history\" && Boolean(selectedConversationId),\n  });\n\n  // Replaces useChat's `onFinish`: invalidate the conversation + list on the\n  // streaming→ready edge (useChat re-renders on every status change). Reads the\n  // session's own conversationId so a just-minted new chat invalidates correctly.\n  const prevStatus = useRef(useChatResult.status);\n  useEffect(() => {\n    const settledThisRender =\n      (prevStatus.current === \"streaming\" ||\n        prevStatus.current === \"submitted\") &&\n      useChatResult.status === \"ready\";\n    prevStatus.current = useChatResult.status;\n    if (!settledThisRender) return;\n\n    queryClient.invalidateQueries({\n      queryKey: chatQueryKeys.listConversations(agentId),\n    });\n    const conversationId = session.conversationId ?? selectedConversationId;\n    if (conversationId) {\n      queryClient.invalidateQueries({\n        queryKey: chatQueryKeys.conversation(agentId, conversationId),\n      });\n    }\n  }, [\n    useChatResult.status,\n    queryClient,\n    agentId,\n    session,\n    selectedConversationId,\n  ]);\n\n  // Re-seed messages when the initial set loads late (history) or on reset to a\n  // new chat — but never mid-stream. The session is seeded at creation too;\n  // this catches the async-loaded history case without recreating it.\n  useEffect(() => {\n    const streaming =\n      useChatResult.status === \"streaming\" ||\n      useChatResult.status === \"submitted\";\n    if (streaming) return;\n    if (conversationType === \"history\" || !selectedConversationId) {\n      useChatResult.setMessages(initialMessages);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [conversationType, selectedConversationId, initialMessages]);\n\n  // Start a fresh conversation on the same session instance.\n  const resetChat = useCallback(() => {\n    session.reset(initialMessages);\n  }, [session, initialMessages]);\n\n  // The backend JSON-encodes the AppError envelope into the stream error text;\n  // parseAppError reconstructs the typed instance (public fields only).\n  const appError = useMemo(\n    () =>\n      useChatResult.error ? parseAppError(useChatResult.error) : undefined,\n    [useChatResult.error],\n  );\n\n  return { ...useChatResult, resetChat, session, appError };\n}\n","\"use client\";\n\nimport type { UseChatHelpers } from \"@ai-sdk/react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport React, {\n  createContext,\n  use,\n  useCallback,\n  useEffect,\n  useRef,\n} from \"react\";\nimport { StoreApi, useStore } from \"zustand\";\n\nimport type { AppError } from \"@chatsdk-dev/agent\";\nimport {\n  type ClientTool,\n  type ConversationMessage,\n} from \"@chatsdk-dev/api-client\";\nimport type { PromptInputMessage } from \"@chatsdk-dev/ui/molecules/ai/prompt-input\";\n\nimport { createElementContext } from \"../../element/element-provider\";\nimport type { ElementConfig } from \"../../element/types/config\";\nimport { useMergeElementConfig } from \"../../element/use-element-config\";\nimport { LoggingProvider } from \"../../logging/logger-provider\";\nimport { chatQueryKeys } from \"../queries/query-keys\";\nimport { useGetConversationQuery } from \"../queries/use-get-conversation-query\";\nimport { useRecordFeedbackMutation } from \"../queries/use-record-feedback-mutation\";\nimport { useAiSdkChat } from \"./use-ai-sdk-chat\";\nimport { useCreateChatStore, type ChatStore } from \"./use-create-chat-store\";\n\n// A client-side tool the host app declares so the agent can request its\n// execution. Declaration shape (description / inputSchema / outputSchema) is\n// pulled from api-client codegen — single source of truth with the backend\n// Zod schema. The SDK adds `execute` and drops `name`: in the SDK record the\n// name is the key (e.g. `clientTools: { searchWiki: { description, … } }`);\n// `use-ai-sdk-chat` lifts it back into the wire payload on send.\nexport type ClientToolDefinition<TInput = unknown, TOutput = unknown> = Omit<\n  ClientTool,\n  \"name\"\n> & {\n  execute: (input: TInput) => TOutput | Promise<TOutput>;\n};\n\nexport type ChatProps = {\n  agentId: string;\n  withTools?: boolean;\n  withAvatar?: boolean;\n  withReasoning?: boolean;\n  clientTools?: Record<string, ClientToolDefinition>;\n  // Persist the active conversation so a reload reopens it (default true).\n  persistConversation?: boolean;\n  // Follow the live edge while the assistant streams (chases new tokens). Off by\n  // default: streaming text is faster than reading, so the view stays put.\n  autoScrollWhileStreaming?: boolean;\n};\nexport type ChatData = { agentId: string };\nexport type ChatElementProps = ElementConfig<ChatProps, ChatData>;\n\nexport const defaultChatProps: ChatProps = {\n  agentId: \"\",\n  withAvatar: false,\n  withTools: false,\n  withReasoning: false,\n  persistConversation: false,\n  autoScrollWhileStreaming: false,\n};\n\nexport const {\n  ElementProvider,\n  useElement,\n  useElementConfig,\n  useElementCallbacks,\n  useElementComponent,\n} = createElementContext<ChatProps, ChatData>({\n  name: \"ChatSDK.Chat\",\n});\n\ninterface ChatStateValue {\n  agentId: string;\n  messages: ConversationMessage[];\n  status: UseChatHelpers<ConversationMessage>[\"status\"];\n  sendMessage: UseChatHelpers<ConversationMessage>[\"sendMessage\"];\n  stop: UseChatHelpers<ConversationMessage>[\"stop\"];\n  respondToToolApproval: (params: {\n    approvalId: string;\n    approved: boolean;\n    reason?: string;\n  }) => void;\n  /** Record thumbs up/down; re-sending the active sentiment clears it. */\n  recordMessageFeedback: (params: {\n    messageId: string;\n    sentiment: \"positive\" | \"negative\";\n  }) => void;\n  /** Active conversation (messages, feedback map, toolTitles); undefined for a\n   * brand-new chat before its first send. */\n  conversation: ReturnType<typeof useGetConversationQuery>[\"data\"];\n  toolTitles: Record<string, string> | undefined;\n  /** Stream/transport error as a typed `AppError` (undefined when none). */\n  appError?: AppError;\n  /** Re-run the last turn after a failure (clears the error first). */\n  retryLastMessage: () => void;\n  /** Clear the current error without retrying. */\n  dismissError: () => void;\n  promptInputRef: React.RefObject<HTMLTextAreaElement | null>;\n  handleSubmit: (\n    message: PromptInputMessage,\n    event: React.SubmitEvent<HTMLFormElement>,\n  ) => void;\n  resetChat: () => void;\n  store: StoreApi<ChatStore>;\n}\n\nconst ChatStateContext = createContext<ChatStateValue | null>(null);\n\n/**\n * Prepares the immutable chat state for the provider, to be used by the `useChat` hook.\n * @param param0\n *\n * @returns\n */\nfunction useProvideChat({ store }: UseProvideChatProps) {\n  const queryClient = useQueryClient();\n  const conversationType = useStore(store, (s) => s.conversationType);\n  const setSelectedConversationId = useStore(\n    store,\n    (s) => s.setSelectedConversationId,\n  );\n  const selectedConversationId = useStore(\n    store,\n    (s) => s.selectedConversationId,\n  );\n  const { agentId } = useElementComponent();\n\n  const promptInputRef = useRef<HTMLTextAreaElement>(null);\n  const { data: conversation } = useGetConversationQuery({\n    agentId,\n    conversationId: selectedConversationId,\n  });\n  const {\n    messages,\n    sendMessage,\n    status,\n    stop,\n    session,\n    appError,\n    regenerate,\n    clearError,\n    resetChat: resetChatMessages,\n  } = useAiSdkChat({\n    selectedConversationId,\n    conversationType,\n  });\n\n  // The session mints its conversation lazily on the first send. Reflect that\n  // id back into the store (so history/URL follow) and refresh the list. The\n  // session keys on a stable view, so this does NOT recreate it mid-stream.\n  const sessionConversationId = session.conversationId;\n  useEffect(() => {\n    if (\n      sessionConversationId &&\n      sessionConversationId !== selectedConversationId\n    ) {\n      setSelectedConversationId(sessionConversationId);\n      queryClient.invalidateQueries({\n        queryKey: chatQueryKeys.listConversations(agentId),\n      });\n    }\n  }, [\n    sessionConversationId,\n    selectedConversationId,\n    setSelectedConversationId,\n    queryClient,\n    agentId,\n  ]);\n  // Retry re-runs the last turn (the optimistic user message survives the\n  // failure); clear the error first so the banner hides while it reconnects.\n  const retryLastMessage = useCallback(() => {\n    clearError();\n    void regenerate();\n  }, [clearError, regenerate]);\n  const dismissError = useCallback(() => {\n    clearError();\n  }, [clearError]);\n\n  useEffect(() => {\n    promptInputRef.current?.focus();\n  }, [selectedConversationId]);\n\n  const handleSubmit = useCallback(\n    (message: PromptInputMessage) => {\n      // The session owns its conversation — it's minted lazily on this first\n      // send and reflected back into the store by the effect above.\n      sendMessage({ text: message.text });\n    },\n    [sendMessage],\n  );\n\n  // Adapt the UI's `{ approvalId }` shape to the session's native\n  // `addToolApprovalResponse({ id })`.\n  const respondToToolApproval = useCallback(\n    (params: { approvalId: string; approved: boolean; reason?: string }) => {\n      void session.addToolApprovalResponse({\n        id: params.approvalId,\n        approved: params.approved,\n        reason: params.reason,\n      });\n    },\n    [session],\n  );\n\n  // Thumbs up/down. The optimistic update, rollback, and reconcile live in the\n  // mutation hook; here we only resolve which conversation to target.\n  const { mutate: recordFeedback } = useRecordFeedbackMutation({ agentId });\n  const recordMessageFeedback = useCallback(\n    (params: { messageId: string; sentiment: \"positive\" | \"negative\" }) => {\n      const conversationId = session.conversationId ?? selectedConversationId;\n      if (!conversationId) return;\n      recordFeedback({ conversationId, ...params });\n    },\n    [recordFeedback, session, selectedConversationId],\n  );\n\n  return {\n    agentId,\n    messages,\n    handleSubmit,\n    sendMessage,\n    respondToToolApproval,\n    recordMessageFeedback,\n    toolTitles: conversation?.toolTitles,\n    conversation,\n    status,\n    stop,\n    appError,\n    retryLastMessage,\n    dismissError,\n    resetChat: resetChatMessages,\n    promptInputRef,\n  };\n}\n\n// contains immutable global chat state\nexport function useChat() {\n  const v = use(ChatStateContext);\n  if (!v) {\n    throw new Error(\"useChat must be used within a Chat.Provider\");\n  }\n  return v;\n}\n\ninterface UseProvideChatProps {\n  store: ReturnType<typeof useCreateChatStore>;\n}\n\n/**\n * Allows access to a mutable global chat state via zustand store\n *\n * @example\n * const { tab, setTab } = useChatStore((s) => s.tab);\n *\n * @param selector - A function that returns a subset of the chat state.\n * @returns The selected subset of the chat state.\n */\nexport function useChatStore<T>(selector: (state: ChatStore) => T) {\n  const chat = use(ChatStateContext);\n  if (!chat) {\n    throw new Error(\"useChatStore must be used within a Chat.Provider\");\n  }\n  return useStore<StoreApi<ChatStore>, T>(chat.store, selector);\n}\n\nfunction ChatStateProvider({ children }: { children: React.ReactNode }) {\n  const { agentId, persistConversation = true } = useElementComponent();\n  const store = useCreateChatStore(agentId, persistConversation);\n  const chatState = useProvideChat({ store });\n\n  // WARN: effect — zustand persist (skipHydration) must rehydrate post-mount so\n  // SSR markup stays stable; no render-time equivalent. Keyed per agentId, so a\n  // chat switch remounts and rehydrates that chat's last conversation.\n  useEffect(() => {\n    void store.persist.rehydrate();\n  }, [store]);\n\n  return (\n    <ChatStateContext.Provider value={{ ...chatState, store }}>\n      {children}\n    </ChatStateContext.Provider>\n  );\n}\n\ninterface ChatProviderProps extends ChatElementProps {\n  children: React.ReactNode;\n}\n\nexport function Provider({ children, ...rest }: ChatProviderProps) {\n  const { config, callbacks, ...componentProps } = useMergeElementConfig({\n    props: { ...rest, defaultProps: defaultChatProps },\n    name: \"ChatSDK.Chat\",\n  });\n\n  if (!componentProps.agentId) {\n    config.logger.error({\n      event: \"missing_agent_id\",\n      element: \"ChatSDK.Chat\",\n      message: \"Missing Agent Id\",\n    });\n    return null;\n  }\n\n  return (\n    <LoggingProvider logger={config.logger}>\n      <ElementProvider\n        config={config}\n        component={componentProps}\n        callbacks={callbacks}\n      >\n        {/* Keyed on agentId: a chat switch remounts, resetting all per-chat state\n            (store identity, refs, pin) and rehydrating that chat's persistence. */}\n        <ChatStateProvider key={componentProps.agentId}>\n          {children}\n        </ChatStateProvider>\n      </ElementProvider>\n    </LoggingProvider>\n  );\n}\n"],"mappings":"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"}

package/dist/reasoning-BRNu_n6T.d.ts

@@ -0,0 +1,5 @@
+//#region src/features/chat/conversation/message/reasoning.d.ts
+declare function MessageReasoning(): import("react").JSX.Element | null;
+//#endregion
+export { MessageReasoning as t };
+//# sourceMappingURL=reasoning-BRNu_n6T.d.ts.map

package/dist/reasoning-BRNu_n6T.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reasoning-BRNu_n6T.d.ts","names":[],"sources":["../src/features/chat/conversation/message/reasoning.tsx"],"mappings":";iBAYgB,gBAAA,oBAAgB,GAAA,CAAA,OAAA"}

package/dist/rolldown-runtime-D7D4PA-g.js

@@ -0,0 +1,13 @@
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+//#endregion
+export { __exportAll as t };

package/dist/sources-BXoSxNYc.d.ts

@@ -0,0 +1,5 @@
+//#region src/features/chat/conversation/message/sources.d.ts
+declare function MessageSources(): false | import("react").JSX.Element;
+//#endregion
+export { MessageSources as t };
+//# sourceMappingURL=sources-BXoSxNYc.d.ts.map

package/dist/sources-BXoSxNYc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sources-BXoSxNYc.d.ts","names":[],"sources":["../src/features/chat/conversation/message/sources.tsx"],"mappings":";iBAMgB,cAAA,4BAAc,GAAA,CAAA,OAAA"}

package/dist/{store-CGX9oRlE.d.ts → store-CkswgmIQ.d.ts}

@@ -1,6 +1,4 @@
-import { r as RootConfig } from "./config-CqihvSgz.js";
-import * as zustand from "zustand";
-import * as zustand_middleware0 from "zustand/middleware";
+import { r as RootConfig } from "./config-BGIY5Hkg.js";
 
 //#region src/features/element/store.d.ts
 interface ChatSDKStore extends RootConfig {
@@ -15,32 +13,32 @@ interface ChatSDKStore extends RootConfig {
   reset: (config?: Partial<RootConfig>) => void;
 }
 declare const defaultInitialState: Omit<ChatSDKStore, "setContext" | "setTheme" | "setApi" | "setLocale" | "setOptions" | "setLogger" | "setConfig" | "reset">;
-declare const createChatSDKStore: (customInitialState?: Partial<typeof defaultInitialState>) => zustand.UseBoundStore<Omit<zustand.StoreApi<ChatSDKStore>, "setState" | "persist"> & {
+declare const createChatSDKStore: (customInitialState?: Partial<typeof defaultInitialState>) => import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<ChatSDKStore>, "setState" | "persist"> & {
   setState(partial: ChatSDKStore | Partial<ChatSDKStore> | ((state: ChatSDKStore) => ChatSDKStore | Partial<ChatSDKStore>), replace?: false | undefined): unknown;
   setState(state: ChatSDKStore | ((state: ChatSDKStore) => ChatSDKStore), replace: true): unknown;
   persist: {
-    setOptions: (options: Partial<zustand_middleware0.PersistOptions<ChatSDKStore, unknown, unknown>>) => void;
+    setOptions: (options: Partial<import("zustand/middleware").PersistOptions<ChatSDKStore, unknown, unknown>>) => void;
     clearStorage: () => void;
     rehydrate: () => Promise<void> | void;
     hasHydrated: () => boolean;
     onHydrate: (fn: (state: ChatSDKStore) => void) => () => void;
     onFinishHydration: (fn: (state: ChatSDKStore) => void) => () => void;
-    getOptions: () => Partial<zustand_middleware0.PersistOptions<ChatSDKStore, unknown, unknown>>;
+    getOptions: () => Partial<import("zustand/middleware").PersistOptions<ChatSDKStore, unknown, unknown>>;
   };
 }>;
-declare const useChatSDKStore: zustand.UseBoundStore<Omit<zustand.StoreApi<ChatSDKStore>, "setState" | "persist"> & {
+declare const useChatSDKStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<ChatSDKStore>, "setState" | "persist"> & {
   setState(partial: ChatSDKStore | Partial<ChatSDKStore> | ((state: ChatSDKStore) => ChatSDKStore | Partial<ChatSDKStore>), replace?: false | undefined): unknown;
   setState(state: ChatSDKStore | ((state: ChatSDKStore) => ChatSDKStore), replace: true): unknown;
   persist: {
-    setOptions: (options: Partial<zustand_middleware0.PersistOptions<ChatSDKStore, unknown, unknown>>) => void;
+    setOptions: (options: Partial<import("zustand/middleware").PersistOptions<ChatSDKStore, unknown, unknown>>) => void;
     clearStorage: () => void;
     rehydrate: () => Promise<void> | void;
     hasHydrated: () => boolean;
     onHydrate: (fn: (state: ChatSDKStore) => void) => () => void;
     onFinishHydration: (fn: (state: ChatSDKStore) => void) => () => void;
-    getOptions: () => Partial<zustand_middleware0.PersistOptions<ChatSDKStore, unknown, unknown>>;
+    getOptions: () => Partial<import("zustand/middleware").PersistOptions<ChatSDKStore, unknown, unknown>>;
   };
 }>;
 //#endregion
 export { createChatSDKStore as n, useChatSDKStore as r, ChatSDKStore as t };
-//# sourceMappingURL=store-CGX9oRlE.d.ts.map
+//# sourceMappingURL=store-CkswgmIQ.d.ts.map

package/dist/store-CkswgmIQ.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store-CkswgmIQ.d.ts","names":[],"sources":["../src/features/element/store.ts"],"mappings":";;;UAOiB,YAAA,SAAqB,UAAA;EACpC,UAAA,GAAa,OAAA,EAAS,UAAA;EACtB,QAAA,GAAW,KAAA,EAAO,UAAA;EAClB,MAAA,GAAS,GAAA,EAAK,UAAA;EACd,SAAA,GAAY,MAAA,EAAQ,UAAA;EACpB,eAAA,IAAmB,YAAA,EAAc,UAAA;EACjC,UAAA,GAAa,OAAA,EAAS,UAAA;EACtB,SAAA,GAAY,MAAA,EAAQ,UAAA;EAEpB,SAAA,GAAY,MAAA,EAAQ,OAAA,CAAQ,UAAA,GAAa,KAAA;EACzC,KAAA,GAAQ,MAAA,GAAS,OAAA,CAAQ,UAAA;AAAA;AAAA,cAGrB,mBAAA,EAAqB,IAAI,CAC7B,YAAA;AAAA,cAoBW,kBAAA,GACX,kBAAA,GAAqB,OAAA,QAAe,mBAAA,wBAAoB,aAAA,CAAA,IAAA,mBAAA,QAAA,CAAA,YAAA;;;;;;;;;;;;;cA0E7C,eAAA,oBAAe,aAAA,CAAA,IAAA,mBAAA,QAAA,CAAA,YAAA"}