@chatsdk-dev/elements 0.1.3 → 0.2.0

package/dist/features/chat/{chat-history/chat-history-empty.js → history/history-empty.js}

@@ -1,12 +1,12 @@
-import { FolderCode } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FolderCode } from "lucide-react";
 import { Empty, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "@chatsdk-dev/ui/atoms/empty";
-//#region src/features/chat/chat-history/chat-history-empty.tsx
-function ChatHistoryEmpty() {
-	const { t } = useTranslation("chat", { keyPrefix: "history.empty" });
+//#region src/features/chat/history/history-empty.tsx
+function HistoryEmpty() {
+	const { t } = useTranslation("chatsdk_elements", { keyPrefix: "history.empty" });
 	return /* @__PURE__ */ jsx(Empty, {
-		className: "w-full h-full hover:bg-blue pb-32",
+		className: "w-full h-full hover:bg-blue",
 		children: /* @__PURE__ */ jsxs(EmptyHeader, { children: [
 			/* @__PURE__ */ jsx(EmptyMedia, {
 				className: "size-8",
@@ -18,7 +18,8 @@ function ChatHistoryEmpty() {
 		] })
 	});
 }
+HistoryEmpty.displayName = "ChatHistoryEmpty";
 //#endregion
-export { ChatHistoryEmpty };
+export { HistoryEmpty };
 
-//# sourceMappingURL=chat-history-empty.js.map
+//# sourceMappingURL=history-empty.js.map

package/dist/features/chat/history/history-empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"history-empty.js","names":[],"sources":["../../../../src/features/chat/history/history-empty.tsx"],"sourcesContent":["import { FolderCode } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  Empty,\n  EmptyDescription,\n  EmptyHeader,\n  EmptyMedia,\n  EmptyTitle,\n} from \"@chatsdk-dev/ui/atoms/empty\";\n\nexport function HistoryEmpty() {\n  const { t } = useTranslation(\"chatsdk_elements\", {\n    keyPrefix: \"history.empty\",\n  });\n\n  return (\n    <Empty className=\"w-full h-full hover:bg-blue\">\n      <EmptyHeader>\n        <EmptyMedia className=\"size-8\" variant=\"icon\">\n          <FolderCode className=\"size-4.5\" />\n        </EmptyMedia>\n        <EmptyTitle>{t(\"title\")}</EmptyTitle>\n        <EmptyDescription>{t(\"description\")}</EmptyDescription>\n      </EmptyHeader>\n    </Empty>\n  );\n}\n\nHistoryEmpty.displayName = \"ChatHistoryEmpty\";\n"],"mappings":";;;;;AAWA,SAAgB,eAAe;CAC7B,MAAM,EAAE,MAAM,eAAe,oBAAoB,EAC/C,WAAW,gBACb,CAAC;CAED,OACE,oBAAC,OAAD;EAAO,WAAU;YACf,qBAAC,aAAD,EAAA,UAAA;GACE,oBAAC,YAAD;IAAY,WAAU;IAAS,SAAQ;cACrC,oBAAC,YAAD,EAAY,WAAU,WAAY,CAAA;GACxB,CAAA;GACZ,oBAAC,YAAD,EAAA,UAAa,EAAE,OAAO,EAAc,CAAA;GACpC,oBAAC,kBAAD,EAAA,UAAmB,EAAE,aAAa,EAAoB,CAAA;EAC3C,EAAA,CAAA;CACR,CAAA;AAEX;AAEA,aAAa,cAAc"}

package/dist/features/chat/history/history.d.ts

@@ -0,0 +1,2 @@
+import { t as History } from "../../../history-DDUj4LMJ.js";
+export { History };

package/dist/features/chat/history/history.js

@@ -0,0 +1,65 @@
+import { a as useChatStore } from "../../../provider-Cps0PPXa.js";
+import { useHistory } from "./use-history.js";
+import { useCreateNewChat } from "../main/use-create-new-chat.js";
+import { HistoryEmpty } from "./history-empty.js";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Plus } from "lucide-react";
+import { Button } from "@chatsdk-dev/ui/atoms/button";
+import { DotsLoader } from "@chatsdk-dev/ui/atoms/dots-loader";
+import { Text } from "@chatsdk-dev/ui/atoms/typography/text";
+import { renderRelativeTime } from "@chatsdk-dev/ui/lib/utils";
+//#region src/features/chat/history/history.tsx
+function History() {
+	const { t, i18n } = useTranslation("chatsdk_elements");
+	const tab = useChatStore((s) => s.tab);
+	const { onSelectConversation, history, isLoading } = useHistory();
+	const { createNewChat } = useCreateNewChat();
+	if (tab !== "history") return null;
+	if (isLoading) return /* @__PURE__ */ jsx("div", {
+		className: "flex-1 flex items-center justify-center",
+		children: /* @__PURE__ */ jsx(DotsLoader, {})
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex-1 min-h-0 flex flex-col gap-1 overflow-y-auto p-2",
+		children: [history?.length === 0 ? /* @__PURE__ */ jsx(HistoryEmpty, {}) : history?.map((conversation, index) => /* @__PURE__ */ jsxs(Button, {
+			variant: "ghost",
+			className: "flex flex-col items-start justify-center gap-2 px-3 py-2 h-auto text-left",
+			onClick: () => onSelectConversation(conversation._id),
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "self-stretch flex justify-between gap-1",
+				children: [/* @__PURE__ */ jsxs(Text, {
+					className: "truncate text-sm",
+					children: [
+						history.length - index,
+						":",
+						" ",
+						conversation.title ?? t("history.unitled-conversation")
+					]
+				}), /* @__PURE__ */ jsx(Text, {
+					variant: "tiny",
+					color: "muted",
+					children: renderRelativeTime({
+						date: new Date(conversation._creationTime),
+						nowLabel: t("just-now"),
+						locale: i18n.language
+					})
+				})]
+			}), /* @__PURE__ */ jsx(Text, {
+				className: "flex-1 min-w-0 max-w-full truncate",
+				variant: "paragraph2",
+				color: "muted",
+				children: conversation.summary
+			})]
+		}, conversation._id)), /* @__PURE__ */ jsxs(Button, {
+			className: "absolute bottom-6 left-1/2 -translate-x-1/2",
+			onClick: createNewChat,
+			children: [/* @__PURE__ */ jsx(Plus, { className: "size-4" }), t("history.new-conversation")]
+		})]
+	});
+}
+History.displayName = "ChatHistory";
+//#endregion
+export { History };
+
+//# sourceMappingURL=history.js.map

package/dist/features/chat/history/history.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"history.js","names":[],"sources":["../../../../src/features/chat/history/history.tsx"],"sourcesContent":["import { Plus } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Button } from \"@chatsdk-dev/ui/atoms/button\";\nimport { DotsLoader } from \"@chatsdk-dev/ui/atoms/dots-loader\";\nimport { Text } from \"@chatsdk-dev/ui/atoms/typography/text\";\nimport { renderRelativeTime } from \"@chatsdk-dev/ui/lib/utils\";\n\nimport { useCreateNewChat } from \"../main/use-create-new-chat\";\nimport { useChatStore } from \"../provider/provider\";\nimport { HistoryEmpty } from \"./history-empty\";\nimport { useHistory } from \"./use-history\";\n\nexport function History() {\n  const { t, i18n } = useTranslation(\"chatsdk_elements\");\n  const tab = useChatStore((s) => s.tab);\n  const { onSelectConversation, history, isLoading } = useHistory();\n  const { createNewChat } = useCreateNewChat();\n\n  if (tab !== \"history\") return null;\n\n  if (isLoading) {\n    return (\n      <div className=\"flex-1 flex items-center justify-center\">\n        <DotsLoader />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex-1 min-h-0 flex flex-col gap-1 overflow-y-auto p-2\">\n      {history?.length === 0 ? (\n        <HistoryEmpty />\n      ) : (\n        history?.map((conversation, index) => (\n          <Button\n            key={conversation._id}\n            variant=\"ghost\"\n            className=\"flex flex-col items-start justify-center gap-2 px-3 py-2 h-auto text-left\"\n            onClick={() => onSelectConversation(conversation._id)}\n          >\n            <div className=\"self-stretch flex justify-between gap-1\">\n              <Text className=\"truncate text-sm\">\n                {history.length - index}:{\" \"}\n                {conversation.title ?? t(\"history.unitled-conversation\")}\n              </Text>\n              <Text variant=\"tiny\" color=\"muted\">\n                {renderRelativeTime({\n                  date: new Date(conversation._creationTime),\n                  nowLabel: t(\"just-now\"),\n                  locale: i18n.language,\n                })}\n              </Text>\n            </div>\n            <Text\n              className=\"flex-1 min-w-0 max-w-full truncate\"\n              variant=\"paragraph2\"\n              color=\"muted\"\n            >\n              {conversation.summary}\n            </Text>\n          </Button>\n        ))\n      )}\n      <Button\n        className=\"absolute bottom-6 left-1/2 -translate-x-1/2\"\n        onClick={createNewChat}\n      >\n        <Plus className=\"size-4\" />\n        {t(\"history.new-conversation\")}\n      </Button>\n    </div>\n  );\n}\n\nHistory.displayName = \"ChatHistory\";\n"],"mappings":";;;;;;;;;;;;AAaA,SAAgB,UAAU;CACxB,MAAM,EAAE,GAAG,SAAS,eAAe,kBAAkB;CACrD,MAAM,MAAM,cAAc,MAAM,EAAE,GAAG;CACrC,MAAM,EAAE,sBAAsB,SAAS,cAAc,WAAW;CAChE,MAAM,EAAE,kBAAkB,iBAAiB;CAE3C,IAAI,QAAQ,WAAW,OAAO;CAE9B,IAAI,WACF,OACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,YAAD,CAAa,CAAA;CACV,CAAA;CAIT,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACG,SAAS,WAAW,IACnB,oBAAC,cAAD,CAAe,CAAA,IAEf,SAAS,KAAK,cAAc,UAC1B,qBAAC,QAAD;GAEE,SAAQ;GACR,WAAU;GACV,eAAe,qBAAqB,aAAa,GAAG;aAJtD,CAME,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,qBAAC,MAAD;KAAM,WAAU;eAAhB;MACG,QAAQ,SAAS;MAAM;MAAE;MACzB,aAAa,SAAS,EAAE,8BAA8B;KACnD;QACN,oBAAC,MAAD;KAAM,SAAQ;KAAO,OAAM;eACxB,mBAAmB;MAClB,MAAM,IAAI,KAAK,aAAa,aAAa;MACzC,UAAU,EAAE,UAAU;MACtB,QAAQ,KAAK;KACf,CAAC;IACG,CAAA,CACH;OACL,oBAAC,MAAD;IACE,WAAU;IACV,SAAQ;IACR,OAAM;cAEL,aAAa;GACV,CAAA,CACA;KAzBD,aAAa,GAyBZ,CACT,GAEH,qBAAC,QAAD;GACE,WAAU;GACV,SAAS;aAFX,CAIE,oBAAC,MAAD,EAAM,WAAU,SAAU,CAAA,GACzB,EAAE,0BAA0B,CACvB;IACL;;AAET;AAEA,QAAQ,cAAc"}

package/dist/features/chat/history/use-history.d.ts

@@ -0,0 +1,2 @@
+import { t as useHistory } from "../../../use-history-DH2KkVDP.js";
+export { useHistory };

package/dist/features/chat/history/use-history.js

@@ -0,0 +1,30 @@
+import { chatQueryKeys } from "../queries/query-keys.js";
+import { a as useChatStore, c as useElementComponent } from "../../../provider-Cps0PPXa.js";
+import { useListConversationsQuery } from "../queries/use-list-conversations-query.js";
+import { useQueryClient } from "@tanstack/react-query";
+//#region src/features/chat/history/use-history.tsx
+function useHistory() {
+	const queryClient = useQueryClient();
+	const { agentId } = useElementComponent();
+	const { data, isLoading } = useListConversationsQuery({ agentId });
+	const setSelectedConversationId = useChatStore((s) => s.setSelectedConversationId);
+	const setTab = useChatStore((s) => s.setTab);
+	const setConversationType = useChatStore((s) => s.setConversationType);
+	const onSelectConversation = (conversationId) => {
+		queryClient.invalidateQueries({ queryKey: chatQueryKeys.conversation(agentId, conversationId) });
+		setSelectedConversationId(conversationId);
+		setTab("chat");
+		setConversationType("history");
+	};
+	return {
+		agentId,
+		history: data,
+		isLoading,
+		onSelectConversation,
+		setSelectedConversationId
+	};
+}
+//#endregion
+export { useHistory };
+
+//# sourceMappingURL=use-history.js.map

package/dist/features/chat/history/use-history.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-history.js","names":[],"sources":["../../../../src/features/chat/history/use-history.tsx"],"sourcesContent":["import { useQueryClient } from \"@tanstack/react-query\";\nimport { useChatStore, useElementComponent } from \"../provider/provider\";\nimport { chatQueryKeys } from \"../queries/query-keys\";\nimport { useListConversationsQuery } from \"../queries/use-list-conversations-query\";\n\nexport function useHistory() {\n  const queryClient = useQueryClient();\n  const { agentId } = useElementComponent();\n  const { data, isLoading } = useListConversationsQuery({ agentId });\n  const setSelectedConversationId = useChatStore(\n    (s) => s.setSelectedConversationId,\n  );\n  const setTab = useChatStore((s) => s.setTab);\n  const setConversationType = useChatStore((s) => s.setConversationType);\n\n  const onSelectConversation = (conversationId: string) => {\n    // invalidate the conversation query to make sure last conversation messages are loaded\n    queryClient.invalidateQueries({\n      queryKey: chatQueryKeys.conversation(agentId, conversationId),\n    });\n    setSelectedConversationId(conversationId);\n    setTab(\"chat\");\n    setConversationType(\"history\");\n  };\n\n  return {\n    agentId,\n\n    history: data,\n    isLoading,\n\n    onSelectConversation,\n    setSelectedConversationId,\n  };\n}\n"],"mappings":";;;;;AAKA,SAAgB,aAAa;CAC3B,MAAM,cAAc,eAAe;CACnC,MAAM,EAAE,YAAY,oBAAoB;CACxC,MAAM,EAAE,MAAM,cAAc,0BAA0B,EAAE,QAAQ,CAAC;CACjE,MAAM,4BAA4B,cAC/B,MAAM,EAAE,yBACX;CACA,MAAM,SAAS,cAAc,MAAM,EAAE,MAAM;CAC3C,MAAM,sBAAsB,cAAc,MAAM,EAAE,mBAAmB;CAErE,MAAM,wBAAwB,mBAA2B;EAEvD,YAAY,kBAAkB,EAC5B,UAAU,cAAc,aAAa,SAAS,cAAc,EAC9D,CAAC;EACD,0BAA0B,cAAc;EACxC,OAAO,MAAM;EACb,oBAAoB,SAAS;CAC/B;CAEA,OAAO;EACL;EAEA,SAAS;EACT;EAEA;EACA;CACF;AACF"}

package/dist/features/chat/index.d.ts

@@ -1,2 +1,2 @@
-import { a as useElementComponent, i as useElementCallbacks, n as ElementProvider, o as useElementConfig, r as useElement, t as ChatElement } from "../../chat-element-CSpa62Te.js";
-export { ChatElement, ElementProvider, useElement, useElementCallbacks, useElementComponent, useElementConfig };
+import { S as index_parts_d_exports, r as ChatElementProps, t as ChatElement } from "../../chat-element-BbBl5CDM.js";
+export { index_parts_d_exports as Chat, ChatElement, type ChatElementProps };

package/dist/features/chat/index.js

@@ -1,2 +1,29 @@
-import { a as useElementComponent, i as useElementCallbacks, n as ElementProvider, o as useElementConfig, r as useElement, t as ChatElement } from "../../chat-element-CCsDDFif.js";
-export { ChatElement, ElementProvider, useElement, useElementCallbacks, useElementComponent, useElementConfig };
+import { n as Provider } from "../../provider-Cps0PPXa.js";
+import { Frame } from "./frame/frame.js";
+import { Header } from "./frame/header.js";
+import { History } from "./history/history.js";
+import { Main } from "./main/main.js";
+import { PromptInput } from "./main/prompt-input.js";
+import { Conversation } from "./conversation/conversation.js";
+import { Error } from "./error/chat-error.js";
+import { t as index_parts_exports } from "./index.parts.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/features/chat/chat-element.tsx
+function ChatElement(props) {
+	return /* @__PURE__ */ jsx(Provider, {
+		...props,
+		children: /* @__PURE__ */ jsxs(Frame, { children: [
+			/* @__PURE__ */ jsx(Header, {}),
+			/* @__PURE__ */ jsxs(Main, { children: [
+				/* @__PURE__ */ jsx(Conversation, {}),
+				/* @__PURE__ */ jsx(Error, {}),
+				/* @__PURE__ */ jsx(PromptInput, {})
+			] }),
+			/* @__PURE__ */ jsx(History, {})
+		] })
+	});
+}
+//#endregion
+export { index_parts_exports as Chat, ChatElement };
+
+//# sourceMappingURL=index.js.map

package/dist/features/chat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Chat.Provider","Chat.Frame","Chat.Header","Chat.Main","Chat.Conversation","Chat.Error","Chat.PromptInput","Chat.History"],"sources":["../../../src/features/chat/chat-element.tsx"],"sourcesContent":["import { Chat } from \"./index\";\nimport { ChatElementProps } from \"./provider/provider\";\n\nexport function ChatElement(props: ChatElementProps) {\n  return (\n    <Chat.Provider {...props}>\n      <Chat.Frame>\n        <Chat.Header />\n        <Chat.Main>\n          <Chat.Conversation />\n          <Chat.Error />\n          <Chat.PromptInput />\n        </Chat.Main>\n        <Chat.History />\n      </Chat.Frame>\n    </Chat.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAGA,SAAgB,YAAY,OAAyB;CACnD,OACE,oBAACA,UAAD;EAAe,GAAI;YACjB,qBAACC,OAAD,EAAA,UAAA;GACE,oBAACC,QAAD,CAAc,CAAA;GACd,qBAACC,MAAD,EAAA,UAAA;IACE,oBAACC,cAAD,CAAoB,CAAA;IACpB,oBAACC,OAAD,CAAa,CAAA;IACb,oBAACC,aAAD,CAAmB,CAAA;GACV,EAAA,CAAA;GACX,oBAACC,SAAD,CAAe,CAAA;EACL,EAAA,CAAA;CACC,CAAA;AAEnB"}

package/dist/features/chat/index.parts.d.ts

@@ -0,0 +1,9 @@
+import { s as Provider } from "../../chat-element-BbBl5CDM.js";
+import { t as Frame } from "../../frame-BCN71hMj.js";
+import { t as Header } from "../../header-BDGB3zKD.js";
+import { t as History } from "../../history-DDUj4LMJ.js";
+import { t as Main } from "../../main-D8VgMjmL.js";
+import { t as PromptInput } from "../../prompt-input-bclKhGu3.js";
+import { t as Conversation } from "../../conversation-CtpcctHL.js";
+import { t as Error } from "../../chat-error-CST-PRdq.js";
+export { Conversation, Error, Frame, Header, History, Main, PromptInput, Provider };

package/dist/features/chat/index.parts.js

@@ -0,0 +1,24 @@
+import { t as __exportAll } from "../../rolldown-runtime-D7D4PA-g.js";
+import { n as Provider } from "../../provider-Cps0PPXa.js";
+import { Frame } from "./frame/frame.js";
+import { Header } from "./frame/header.js";
+import { History } from "./history/history.js";
+import { Main } from "./main/main.js";
+import { PromptInput } from "./main/prompt-input.js";
+import { Conversation } from "./conversation/conversation.js";
+import { Error } from "./error/chat-error.js";
+//#region src/features/chat/index.parts.ts
+var index_parts_exports = /* @__PURE__ */ __exportAll({
+	Conversation: () => Conversation,
+	Error: () => Error,
+	Frame: () => Frame,
+	Header: () => Header,
+	History: () => History,
+	Main: () => Main,
+	PromptInput: () => PromptInput,
+	Provider: () => Provider
+});
+//#endregion
+export { Conversation, Error, Frame, Header, History, Main, PromptInput, Provider, index_parts_exports as t };
+
+//# sourceMappingURL=index.parts.js.map

package/dist/features/chat/index.parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../src/features/chat/index.parts.ts"],"sourcesContent":["export { Frame } from \"./frame/frame\";\nexport { Header } from \"./frame/header\";\nexport { History } from \"./history/history\";\nexport { Main } from \"./main/main\";\nexport { PromptInput } from \"./main/prompt-input\";\nexport { Provider } from \"./provider/provider\";\nexport { Conversation } from \"./conversation/conversation\";\nexport { Error } from \"./error/chat-error\";\n"],"mappings":""}

package/dist/features/chat/main/main.d.ts

@@ -0,0 +1,2 @@
+import { t as Main } from "../../../main-D8VgMjmL.js";
+export { Main };

package/dist/features/chat/main/main.js

@@ -0,0 +1,40 @@
+import { a as useChatStore, c as useElementComponent, f as useGetAgentQuery, g as useGetConversationQuery } from "../../../provider-Cps0PPXa.js";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+import { DotsLoader } from "@chatsdk-dev/ui/atoms/dots-loader";
+import { Text } from "@chatsdk-dev/ui/atoms/typography/text";
+//#region src/features/chat/main/main.tsx
+function Main({ children, fallback }) {
+	const { t } = useTranslation();
+	const { agentId } = useElementComponent();
+	const tab = useChatStore((s) => s.tab);
+	const conversationType = useChatStore((s) => s.conversationType);
+	const selectedConversationId = useChatStore((s) => s.selectedConversationId);
+	const { data: chat } = useGetAgentQuery({ agentId });
+	const { isLoading: isConversationLoading } = useGetConversationQuery({
+		agentId,
+		conversationId: selectedConversationId
+	});
+	const canCreateMessage = (chat?.agentSettingsCore?.allowedModels?.length ?? 0) > 0;
+	if (conversationType === "history" && isConversationLoading) return /* @__PURE__ */ jsx("div", {
+		className: "flex-1 flex items-center justify-center z-10 bg-card rounded-lg",
+		children: /* @__PURE__ */ jsx(DotsLoader, {})
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: tab !== "chat" ? "hidden" : "flex flex-col flex-1 min-h-0",
+		children: canCreateMessage ? children : fallback ?? /* @__PURE__ */ jsx("div", {
+			className: "m-4 h-full flex items-center justify-center",
+			children: /* @__PURE__ */ jsx(Text, {
+				variant: "paragraph1",
+				color: "muted",
+				className: "text-center font-light italic",
+				children: t("chat-card.insufficient-credits-error")
+			})
+		})
+	});
+}
+Main.displayName = "ChatMain";
+//#endregion
+export { Main };
+
+//# sourceMappingURL=main.js.map

package/dist/features/chat/main/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","names":[],"sources":["../../../../src/features/chat/main/main.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\n\nimport { DotsLoader } from \"@chatsdk-dev/ui/atoms/dots-loader\";\nimport { Text } from \"@chatsdk-dev/ui/atoms/typography/text\";\n\nimport { useElementComponent } from \"../provider/provider\";\nimport { useGetAgentQuery } from \"../queries/use-get-agent-query\";\nimport { useGetConversationQuery } from \"../queries/use-get-conversation-query\";\nimport { useChatStore } from \"../provider/provider\";\n\ninterface MainProps {\n  children: React.ReactNode;\n  fallback?: React.ReactNode;\n}\n\nexport function Main({ children, fallback }: MainProps) {\n  const { t } = useTranslation();\n  const { agentId } = useElementComponent();\n  const tab = useChatStore((s) => s.tab);\n  const conversationType = useChatStore((s) => s.conversationType);\n  const selectedConversationId = useChatStore((s) => s.selectedConversationId);\n\n  const { data: chat } = useGetAgentQuery({ agentId });\n  const { isLoading: isConversationLoading } = useGetConversationQuery({\n    agentId,\n    conversationId: selectedConversationId,\n  });\n\n  const canCreateMessage =\n    (chat?.agentSettingsCore?.allowedModels?.length ?? 0) > 0;\n\n  if (conversationType === \"history\" && isConversationLoading) {\n    return (\n      <div className=\"flex-1 flex items-center justify-center z-10 bg-card rounded-lg\">\n        <DotsLoader />\n      </div>\n    );\n  }\n\n  return (\n    <div className={tab !== \"chat\" ? \"hidden\" : \"flex flex-col flex-1 min-h-0\"}>\n      {canCreateMessage\n        ? children\n        : (fallback ?? (\n            <div className=\"m-4 h-full flex items-center justify-center\">\n              <Text\n                variant=\"paragraph1\"\n                color=\"muted\"\n                className=\"text-center font-light italic\"\n              >\n                {t(\"chat-card.insufficient-credits-error\")}\n              </Text>\n            </div>\n          ))}\n    </div>\n  );\n}\n\nMain.displayName = \"ChatMain\";\n"],"mappings":";;;;;;AAeA,SAAgB,KAAK,EAAE,UAAU,YAAuB;CACtD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,YAAY,oBAAoB;CACxC,MAAM,MAAM,cAAc,MAAM,EAAE,GAAG;CACrC,MAAM,mBAAmB,cAAc,MAAM,EAAE,gBAAgB;CAC/D,MAAM,yBAAyB,cAAc,MAAM,EAAE,sBAAsB;CAE3E,MAAM,EAAE,MAAM,SAAS,iBAAiB,EAAE,QAAQ,CAAC;CACnD,MAAM,EAAE,WAAW,0BAA0B,wBAAwB;EACnE;EACA,gBAAgB;CAClB,CAAC;CAED,MAAM,oBACH,MAAM,mBAAmB,eAAe,UAAU,KAAK;CAE1D,IAAI,qBAAqB,aAAa,uBACpC,OACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,YAAD,CAAa,CAAA;CACV,CAAA;CAIT,OACE,oBAAC,OAAD;EAAK,WAAW,QAAQ,SAAS,WAAW;YACzC,mBACG,WACC,YACC,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,MAAD;IACE,SAAQ;IACR,OAAM;IACN,WAAU;cAET,EAAE,sCAAsC;GACrC,CAAA;EACH,CAAA;CAER,CAAA;AAET;AAEA,KAAK,cAAc"}

package/dist/features/chat/main/prompt-input.d.ts

@@ -0,0 +1,2 @@
+import { t as PromptInput } from "../../../prompt-input-bclKhGu3.js";
+export { PromptInput };

package/dist/features/chat/main/prompt-input.js

@@ -0,0 +1,70 @@
+"use client";
+import { usePromptInput } from "./use-prompt-input.js";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, GlobeIcon } from "lucide-react";
+import { ModelSelector, ModelSelectorContent, ModelSelectorEmpty, ModelSelectorGroup, ModelSelectorInput, ModelSelectorItem, ModelSelectorList, ModelSelectorLogo, ModelSelectorLogoGroup, ModelSelectorName, ModelSelectorTrigger } from "@chatsdk-dev/ui/molecules/ai/model-selector";
+import { PromptInput as PromptInput$1, PromptInputButton, PromptInputSubmit, PromptInputTextarea, PromptInputTools } from "@chatsdk-dev/ui/molecules/ai/prompt-input";
+//#region src/features/chat/main/prompt-input.tsx
+function PromptInput({ onModelChange }) {
+	const { t } = useTranslation("chatsdk_elements");
+	const { agent, promptInputRef, status, onStop, onSubmit, defaultModel, allowedModels, modelGroups, hasMultipleModels, hasActions } = usePromptInput();
+	const [input, setInput] = useState("");
+	const [model, setModel] = useState(defaultModel?.name);
+	const [modelSelectorOpen, setModelSelectorOpen] = useState(false);
+	const [webSearch, setWebSearch] = useState(false);
+	const selectedModel = allowedModels?.find((m) => m.name === model);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-1 mx-4 mb-3",
+		children: [/* @__PURE__ */ jsxs(PromptInput$1, {
+			onSubmit: (message, event) => {
+				onSubmit(message, event);
+				setInput("");
+			},
+			children: [/* @__PURE__ */ jsx(PromptInputTextarea, {
+				ref: promptInputRef,
+				placeholder: agent?.agentSettingsSurface?.inputPlaceholder,
+				onChange: (e) => setInput(e.target.value),
+				value: input
+			}), /* @__PURE__ */ jsx(PromptInputSubmit, {
+				className: "m-1.5 self-end",
+				disabled: !input || status !== "ready",
+				status,
+				onStop
+			})]
+		}), hasActions && /* @__PURE__ */ jsxs(PromptInputTools, { children: [/* @__PURE__ */ jsxs(PromptInputButton, {
+			variant: webSearch ? "primary" : "ghost",
+			onClick: () => setWebSearch(!webSearch),
+			children: [/* @__PURE__ */ jsx(GlobeIcon, { size: 16 }), /* @__PURE__ */ jsx("span", { children: t("conversation.web-search") })]
+		}), hasMultipleModels && /* @__PURE__ */ jsxs(ModelSelector, {
+			onOpenChange: setModelSelectorOpen,
+			open: modelSelectorOpen,
+			children: [/* @__PURE__ */ jsx(ModelSelectorTrigger, { children: /* @__PURE__ */ jsxs(PromptInputButton, { children: [selectedModel?.chefSlug && /* @__PURE__ */ jsx(ModelSelectorLogo, { provider: selectedModel.chefSlug }), /* @__PURE__ */ jsx(ModelSelectorName, { children: selectedModel?.name })] }) }), /* @__PURE__ */ jsxs(ModelSelectorContent, {
+				title: t("conversation.model-selector.title"),
+				children: [/* @__PURE__ */ jsx(ModelSelectorInput, { placeholder: t("conversation.model-selector.search-placeholder") }), /* @__PURE__ */ jsxs(ModelSelectorList, { children: [/* @__PURE__ */ jsx(ModelSelectorEmpty, { children: t("conversation.model-selector.empty") }), modelGroups?.map((chef) => /* @__PURE__ */ jsx(ModelSelectorGroup, {
+					heading: chef,
+					children: allowedModels.filter((m) => m.chef === chef).map((m) => /* @__PURE__ */ jsxs(ModelSelectorItem, {
+						onSelect: () => {
+							setModel(m.name);
+							onModelChange?.(m);
+							setModelSelectorOpen(false);
+						},
+						value: m.name,
+						children: [
+							/* @__PURE__ */ jsx(ModelSelectorLogo, { provider: m.chefSlug }),
+							/* @__PURE__ */ jsx(ModelSelectorName, { children: m.name }),
+							/* @__PURE__ */ jsx(ModelSelectorLogoGroup, { children: /* @__PURE__ */ jsx(ModelSelectorLogo, { provider: m.provider }, m.provider) }),
+							selectedModel?.name === m.name ? /* @__PURE__ */ jsx(CheckIcon, { className: "ml-auto size-4" }) : /* @__PURE__ */ jsx("div", { className: "ml-auto size-4" })
+						]
+					}, m.name))
+				}, chef))] })]
+			})]
+		})] })]
+	});
+}
+PromptInput.displayName = "ChatPromptInput";
+//#endregion
+export { PromptInput };
+
+//# sourceMappingURL=prompt-input.js.map

package/dist/features/chat/main/prompt-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prompt-input.js","names":["PromptInputUI"],"sources":["../../../../src/features/chat/main/prompt-input.tsx"],"sourcesContent":["\"use client\";\n\nimport { CheckIcon, GlobeIcon } from \"lucide-react\";\nimport { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport type { AgentSettingsCore } from \"@chatsdk-dev/api-client\";\nimport {\n  ModelSelector,\n  ModelSelectorContent,\n  ModelSelectorEmpty,\n  ModelSelectorGroup,\n  ModelSelectorInput,\n  ModelSelectorItem,\n  ModelSelectorList,\n  ModelSelectorLogo,\n  ModelSelectorLogoGroup,\n  ModelSelectorName,\n  ModelSelectorTrigger,\n} from \"@chatsdk-dev/ui/molecules/ai/model-selector\";\nimport {\n  PromptInputButton,\n  PromptInputSubmit,\n  PromptInputTextarea,\n  PromptInputTools,\n  PromptInput as PromptInputUI,\n} from \"@chatsdk-dev/ui/molecules/ai/prompt-input\";\n\nimport { usePromptInput } from \"./use-prompt-input\";\n\ninterface ChatPromptInputProps {\n  onModelChange?: (model: AgentSettingsCore[\"defaultModel\"]) => void;\n}\n\nexport function PromptInput({ onModelChange }: ChatPromptInputProps) {\n  const { t } = useTranslation(\"chatsdk_elements\");\n  const {\n    agent,\n    promptInputRef,\n    status,\n    onStop,\n    onSubmit,\n    defaultModel,\n    allowedModels,\n    modelGroups,\n    hasMultipleModels,\n    hasActions,\n  } = usePromptInput();\n\n  const [input, setInput] = useState(\"\");\n  const [model, setModel] = useState<string | undefined>(defaultModel?.name);\n  const [modelSelectorOpen, setModelSelectorOpen] = useState(false);\n  const [webSearch, setWebSearch] = useState(false);\n  const selectedModel = allowedModels?.find((m) => m.name === model);\n\n  return (\n    <div className=\"flex flex-col gap-1 mx-4 mb-3\">\n      <PromptInputUI\n        onSubmit={(message, event) => {\n          onSubmit(message, event as React.SubmitEvent<HTMLFormElement>);\n          setInput(\"\");\n        }}\n      >\n        <PromptInputTextarea\n          ref={promptInputRef}\n          placeholder={agent?.agentSettingsSurface?.inputPlaceholder}\n          onChange={(e) => setInput(e.target.value)}\n          value={input}\n        />\n        <PromptInputSubmit\n          className=\"m-1.5 self-end\"\n          disabled={!input || status !== \"ready\"}\n          status={status}\n          onStop={onStop}\n        />\n      </PromptInputUI>\n\n      {/* Actions row below the border */}\n      {hasActions && (\n        <PromptInputTools>\n          <PromptInputButton\n            variant={webSearch ? \"primary\" : \"ghost\"}\n            onClick={() => setWebSearch(!webSearch)}\n          >\n            <GlobeIcon size={16} />\n            <span>{t(\"conversation.web-search\")}</span>\n          </PromptInputButton>\n          {hasMultipleModels && (\n            <ModelSelector\n              onOpenChange={setModelSelectorOpen}\n              open={modelSelectorOpen}\n            >\n              <ModelSelectorTrigger>\n                <PromptInputButton>\n                  {selectedModel?.chefSlug && (\n                    <ModelSelectorLogo provider={selectedModel.chefSlug} />\n                  )}\n                  <ModelSelectorName>{selectedModel?.name}</ModelSelectorName>\n                </PromptInputButton>\n              </ModelSelectorTrigger>\n              <ModelSelectorContent\n                title={t(\"conversation.model-selector.title\")}\n              >\n                <ModelSelectorInput\n                  placeholder={t(\n                    \"conversation.model-selector.search-placeholder\",\n                  )}\n                />\n                <ModelSelectorList>\n                  <ModelSelectorEmpty>\n                    {t(\"conversation.model-selector.empty\")}\n                  </ModelSelectorEmpty>\n                  {modelGroups?.map((chef) => (\n                    <ModelSelectorGroup key={chef} heading={chef}>\n                      {allowedModels\n                        .filter((m) => m.chef === chef)\n                        .map((m) => (\n                          <ModelSelectorItem\n                            key={m.name}\n                            onSelect={() => {\n                              setModel(m.name);\n                              onModelChange?.(m);\n                              setModelSelectorOpen(false);\n                            }}\n                            value={m.name}\n                          >\n                            <ModelSelectorLogo provider={m.chefSlug} />\n                            <ModelSelectorName>{m.name}</ModelSelectorName>\n                            <ModelSelectorLogoGroup>\n                              <ModelSelectorLogo\n                                key={m.provider}\n                                provider={m.provider}\n                              />\n                            </ModelSelectorLogoGroup>\n                            {selectedModel?.name === m.name ? (\n                              <CheckIcon className=\"ml-auto size-4\" />\n                            ) : (\n                              <div className=\"ml-auto size-4\" />\n                            )}\n                          </ModelSelectorItem>\n                        ))}\n                    </ModelSelectorGroup>\n                  ))}\n                </ModelSelectorList>\n              </ModelSelectorContent>\n            </ModelSelector>\n          )}\n        </PromptInputTools>\n      )}\n    </div>\n  );\n}\n\nPromptInput.displayName = \"ChatPromptInput\";\n"],"mappings":";;;;;;;;;AAkCA,SAAgB,YAAY,EAAE,iBAAuC;CACnE,MAAM,EAAE,MAAM,eAAe,kBAAkB;CAC/C,MAAM,EACJ,OACA,gBACA,QACA,QACA,UACA,cACA,eACA,aACA,mBACA,eACE,eAAe;CAEnB,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CACrC,MAAM,CAAC,OAAO,YAAY,SAA6B,cAAc,IAAI;CACzE,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,KAAK;CAChE,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAChD,MAAM,gBAAgB,eAAe,MAAM,MAAM,EAAE,SAAS,KAAK;CAEjE,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,qBAACA,eAAD;GACE,WAAW,SAAS,UAAU;IAC5B,SAAS,SAAS,KAA2C;IAC7D,SAAS,EAAE;GACb;aAJF,CAME,oBAAC,qBAAD;IACE,KAAK;IACL,aAAa,OAAO,sBAAsB;IAC1C,WAAW,MAAM,SAAS,EAAE,OAAO,KAAK;IACxC,OAAO;GACR,CAAA,GACD,oBAAC,mBAAD;IACE,WAAU;IACV,UAAU,CAAC,SAAS,WAAW;IACvB;IACA;GACT,CAAA,CACY;MAGd,cACC,qBAAC,kBAAD,EAAA,UAAA,CACE,qBAAC,mBAAD;GACE,SAAS,YAAY,YAAY;GACjC,eAAe,aAAa,CAAC,SAAS;aAFxC,CAIE,oBAAC,WAAD,EAAW,MAAM,GAAK,CAAA,GACtB,oBAAC,QAAD,EAAA,UAAO,EAAE,yBAAyB,EAAQ,CAAA,CACzB;MAClB,qBACC,qBAAC,eAAD;GACE,cAAc;GACd,MAAM;aAFR,CAIE,oBAAC,sBAAD,EAAA,UACE,qBAAC,mBAAD,EAAA,UAAA,CACG,eAAe,YACd,oBAAC,mBAAD,EAAmB,UAAU,cAAc,SAAW,CAAA,GAExD,oBAAC,mBAAD,EAAA,UAAoB,eAAe,KAAwB,CAAA,CAC1C,EAAA,CAAA,EACC,CAAA,GACtB,qBAAC,sBAAD;IACE,OAAO,EAAE,mCAAmC;cAD9C,CAGE,oBAAC,oBAAD,EACE,aAAa,EACX,gDACF,EACD,CAAA,GACD,qBAAC,mBAAD,EAAA,UAAA,CACE,oBAAC,oBAAD,EAAA,UACG,EAAE,mCAAmC,EACpB,CAAA,GACnB,aAAa,KAAK,SACjB,oBAAC,oBAAD;KAA+B,SAAS;eACrC,cACE,QAAQ,MAAM,EAAE,SAAS,IAAI,CAAC,CAC9B,KAAK,MACJ,qBAAC,mBAAD;MAEE,gBAAgB;OACd,SAAS,EAAE,IAAI;OACf,gBAAgB,CAAC;OACjB,qBAAqB,KAAK;MAC5B;MACA,OAAO,EAAE;gBAPX;OASE,oBAAC,mBAAD,EAAmB,UAAU,EAAE,SAAW,CAAA;OAC1C,oBAAC,mBAAD,EAAA,UAAoB,EAAE,KAAwB,CAAA;OAC9C,oBAAC,wBAAD,EAAA,UACE,oBAAC,mBAAD,EAEE,UAAU,EAAE,SACb,GAFM,EAAE,QAER,EACqB,CAAA;OACvB,eAAe,SAAS,EAAE,OACzB,oBAAC,WAAD,EAAW,WAAU,iBAAkB,CAAA,IAEvC,oBAAC,OAAD,EAAK,WAAU,iBAAkB,CAAA;MAElB;QArBZ,EAAE,IAqBU,CACpB;IACe,GA5BK,IA4BL,CACrB,CACgB,EAAA,CAAA,CACC;KACT;IAED,EAAA,CAAA,CAEjB;;AAET;AAEA,YAAY,cAAc"}

package/dist/features/chat/main/use-create-new-chat.d.ts

@@ -0,0 +1,2 @@
+import { t as useCreateNewChat } from "../../../use-create-new-chat-H4kM3hPt.js";
+export { useCreateNewChat };

package/dist/features/chat/main/use-create-new-chat.js

@@ -0,0 +1,24 @@
+import { a as useChatStore, i as useChat } from "../../../provider-Cps0PPXa.js";
+import { useCallback } from "react";
+//#region src/features/chat/main/use-create-new-chat.tsx
+function useCreateNewChat() {
+	const setTab = useChatStore((s) => s.setTab);
+	const setConversationType = useChatStore((s) => s.setConversationType);
+	const setSelectedConversationId = useChatStore((s) => s.setSelectedConversationId);
+	const { resetChat } = useChat();
+	return { createNewChat: useCallback(() => {
+		setConversationType("new");
+		setSelectedConversationId();
+		setTab("chat");
+		resetChat();
+	}, [
+		setConversationType,
+		setSelectedConversationId,
+		setTab,
+		resetChat
+	]) };
+}
+//#endregion
+export { useCreateNewChat };
+
+//# sourceMappingURL=use-create-new-chat.js.map

package/dist/features/chat/main/use-create-new-chat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-create-new-chat.js","names":[],"sources":["../../../../src/features/chat/main/use-create-new-chat.tsx"],"sourcesContent":["import { useCallback } from \"react\";\n\nimport { useChat, useChatStore } from \"../provider/provider\";\n\nexport function useCreateNewChat() {\n  const setTab = useChatStore((s) => s.setTab);\n  const setConversationType = useChatStore((s) => s.setConversationType);\n  const setSelectedConversationId = useChatStore(\n    (s) => s.setSelectedConversationId,\n  );\n  const { resetChat } = useChat();\n\n  const createNewChat = useCallback(() => {\n    setConversationType(\"new\");\n    setSelectedConversationId();\n    setTab(\"chat\");\n    resetChat();\n  }, [setConversationType, setSelectedConversationId, setTab, resetChat]);\n\n  return { createNewChat };\n}\n"],"mappings":";;;AAIA,SAAgB,mBAAmB;CACjC,MAAM,SAAS,cAAc,MAAM,EAAE,MAAM;CAC3C,MAAM,sBAAsB,cAAc,MAAM,EAAE,mBAAmB;CACrE,MAAM,4BAA4B,cAC/B,MAAM,EAAE,yBACX;CACA,MAAM,EAAE,cAAc,QAAQ;CAS9B,OAAO,EAAE,eAPa,kBAAkB;EACtC,oBAAoB,KAAK;EACzB,0BAA0B;EAC1B,OAAO,MAAM;EACb,UAAU;CACZ,GAAG;EAAC;EAAqB;EAA2B;EAAQ;CAAS,CAEhD,EAAE;AACzB"}

package/dist/features/chat/main/use-prompt-input.d.ts

@@ -0,0 +1,2 @@
+import { C as UsePromptInputResult, w as usePromptInput } from "../../../chat-element-BbBl5CDM.js";
+export { UsePromptInputResult, usePromptInput };

package/dist/features/chat/main/use-prompt-input.js

@@ -0,0 +1,27 @@
+import { c as useElementComponent, f as useGetAgentQuery, i as useChat } from "../../../provider-Cps0PPXa.js";
+//#region src/features/chat/main/use-prompt-input.tsx
+function usePromptInput() {
+	const { agentId } = useElementComponent();
+	const { promptInputRef: ref, status, stop: onStop, handleSubmit: onSubmit } = useChat();
+	const { data: agent } = useGetAgentQuery({ agentId });
+	const defaultModel = agent?.agentSettingsCore?.defaultModel;
+	const allowedModels = agent?.agentSettingsCore?.allowedModels;
+	const modelGroups = allowedModels?.map((m) => m.chef);
+	const hasMultipleModels = allowedModels && allowedModels.length > 1;
+	return {
+		status,
+		agent,
+		allowedModels: allowedModels || [],
+		defaultModel,
+		modelGroups,
+		hasMultipleModels,
+		hasActions: hasMultipleModels || false,
+		promptInputRef: ref,
+		onSubmit,
+		onStop
+	};
+}
+//#endregion
+export { usePromptInput };
+
+//# sourceMappingURL=use-prompt-input.js.map

package/dist/features/chat/main/use-prompt-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-prompt-input.js","names":[],"sources":["../../../../src/features/chat/main/use-prompt-input.tsx"],"sourcesContent":["import type { ChatStatus } from \"ai\";\n\nimport type { Agent, AgentSettingsCore } from \"@chatsdk-dev/api-client\";\nimport { useChat, useElementComponent } from \"../provider/provider\";\nimport { useGetAgentQuery } from \"../queries/use-get-agent-query\";\n\nexport type UsePromptInputResult = {\n  status: ChatStatus;\n  agent: Agent | undefined;\n  allowedModels: AgentSettingsCore[\"allowedModels\"];\n  defaultModel?: AgentSettingsCore[\"defaultModel\"];\n  modelGroups?: AgentSettingsCore[\"allowedModels\"][number][\"chef\"][];\n  hasMultipleModels: boolean | undefined;\n  hasActions: boolean;\n  promptInputRef: ReturnType<typeof useChat>[\"promptInputRef\"];\n  onSubmit: ReturnType<typeof useChat>[\"handleSubmit\"];\n  onStop: ReturnType<typeof useChat>[\"stop\"];\n};\n\nexport function usePromptInput(): UsePromptInputResult {\n  const { agentId } = useElementComponent();\n  const {\n    promptInputRef: ref,\n    status,\n    stop: onStop,\n    handleSubmit: onSubmit,\n  } = useChat();\n  const { data: agent } = useGetAgentQuery({ agentId });\n  const defaultModel = agent?.agentSettingsCore?.defaultModel;\n  const allowedModels = agent?.agentSettingsCore?.allowedModels;\n\n  const modelGroups = allowedModels?.map((m) => m.chef);\n\n  const hasMultipleModels = allowedModels && allowedModels.length > 1;\n  const hasActions = hasMultipleModels || false;\n\n  return {\n    status,\n\n    agent,\n    allowedModels: allowedModels || [],\n    defaultModel,\n    modelGroups,\n    hasMultipleModels,\n    hasActions,\n\n    promptInputRef: ref,\n    onSubmit,\n    onStop,\n  };\n}\n"],"mappings":";;AAmBA,SAAgB,iBAAuC;CACrD,MAAM,EAAE,YAAY,oBAAoB;CACxC,MAAM,EACJ,gBAAgB,KAChB,QACA,MAAM,QACN,cAAc,aACZ,QAAQ;CACZ,MAAM,EAAE,MAAM,UAAU,iBAAiB,EAAE,QAAQ,CAAC;CACpD,MAAM,eAAe,OAAO,mBAAmB;CAC/C,MAAM,gBAAgB,OAAO,mBAAmB;CAEhD,MAAM,cAAc,eAAe,KAAK,MAAM,EAAE,IAAI;CAEpD,MAAM,oBAAoB,iBAAiB,cAAc,SAAS;CAGlE,OAAO;EACL;EAEA;EACA,eAAe,iBAAiB,CAAC;EACjC;EACA;EACA;EACA,YAViB,qBAAqB;EAYtC,gBAAgB;EAChB;EACA;CACF;AACF"}

package/dist/features/chat/provider/provider.d.ts

@@ -0,0 +1,2 @@
+import { a as ClientToolDefinition, c as defaultChatProps, d as useElement, f as useElementCallbacks, i as ChatProps, l as useChat, m as useElementConfig, n as ChatData, o as ElementProvider, p as useElementComponent, r as ChatElementProps, s as Provider, u as useChatStore } from "../../../chat-element-BbBl5CDM.js";
+export { ChatData, ChatElementProps, ChatProps, ClientToolDefinition, ElementProvider, Provider, defaultChatProps, useChat, useChatStore, useElement, useElementCallbacks, useElementComponent, useElementConfig };

package/dist/features/chat/provider/provider.js

@@ -0,0 +1,3 @@
+"use client";
+import { a as useChatStore, c as useElementComponent, i as useChat, l as useElementConfig, n as Provider, o as useElement, r as defaultChatProps, s as useElementCallbacks, t as ElementProvider } from "../../../provider-Cps0PPXa.js";
+export { ElementProvider, Provider, defaultChatProps, useChat, useChatStore, useElement, useElementCallbacks, useElementComponent, useElementConfig };

package/dist/features/chat/provider/use-ai-sdk-chat.d.ts

@@ -0,0 +1,26 @@
+import { UseChatHelpers } from "@ai-sdk/react";
+import { AppError, ConversationMessage, Session } from "@chatsdk-dev/agent";
+
+//#region src/features/chat/provider/use-ai-sdk-chat.d.ts
+interface UseInitialMessagesProps {
+  selectedConversationId?: string;
+}
+declare function useInitialMessages({
+  selectedConversationId
+}: UseInitialMessagesProps): ConversationMessage[];
+interface UseAiSdkChatProps {
+  selectedConversationId?: string;
+  conversationType: "new" | "history";
+}
+type UseAiSdkChatResult = UseChatHelpers<ConversationMessage> & {
+  resetChat: () => void; /** The bound agent session (the chat instance behind useChat). */
+  session: Session; /** Stream error reconstructed as a typed `AppError` (undefined when none). */
+  appError?: AppError;
+};
+declare function useAiSdkChat({
+  selectedConversationId,
+  conversationType
+}: UseAiSdkChatProps): UseAiSdkChatResult;
+//#endregion
+export { useAiSdkChat, useInitialMessages };
+//# sourceMappingURL=use-ai-sdk-chat.d.ts.map

package/dist/features/chat/provider/use-ai-sdk-chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-ai-sdk-chat.d.ts","names":[],"sources":["../../../../src/features/chat/provider/use-ai-sdk-chat.tsx"],"mappings":";;;;UAsCU,uBAAA;EACR,sBAAsB;AAAA;AAAA,iBAGR,kBAAA;EACd;AAAA,GACC,uBAAA,GAAuB,mBAAA;AAAA,UAmChB,iBAAA;EACR,sBAAA;EACA,gBAAgB;AAAA;AAAA,KAGb,kBAAA,GAAqB,cAAA,CAAe,mBAAA;EACvC,SAAA,cA1CA;EA4CA,OAAA,EAAS,OAAA,EA3Ce;EA6CxB,QAAA,GAAW,QAAA;AAAA;AAAA,iBAGG,YAAA;EACd,sBAAA;EACA;AAAA,GACC,iBAAA,GAAoB,kBAAA"}

package/dist/features/chat/provider/use-ai-sdk-chat.js

@@ -0,0 +1,3 @@
+"use client";
+import { d as useInitialMessages, u as useAiSdkChat } from "../../../provider-Cps0PPXa.js";
+export { useAiSdkChat, useInitialMessages };

package/dist/features/chat/provider/use-create-chat-store.d.ts

@@ -0,0 +1,2 @@
+import { n as useCreateChatStore, t as ChatStore } from "../../../use-create-chat-store-Ccd5tvho.js";
+export { ChatStore, useCreateChatStore };

package/dist/features/chat/provider/use-create-chat-store.js

@@ -0,0 +1,42 @@
+import { create } from "zustand";
+import { createJSONStorage, persist } from "zustand/middleware";
+import { useState } from "react";
+//#region src/features/chat/provider/use-create-chat-store.ts
+const noopStorage = {
+	getItem: () => null,
+	setItem: () => {},
+	removeItem: () => {}
+};
+const DEFAULT_STATE = {
+	tab: "chat",
+	conversationType: "new",
+	selectedConversationId: void 0
+};
+const createChatStore = (agentId, persistConversation) => create()(persist((set) => ({
+	...DEFAULT_STATE,
+	setTab: (tab) => set({ tab }),
+	setSelectedConversationId: (id) => set({ selectedConversationId: id }),
+	setConversationType: (type) => set({ conversationType: type }),
+	reset: () => set({ ...DEFAULT_STATE })
+}), {
+	name: `chatsdk:chat:${agentId}`,
+	skipHydration: true,
+	storage: createJSONStorage(() => persistConversation && typeof window !== "undefined" ? window.localStorage : noopStorage),
+	partialize: (s) => ({ selectedConversationId: s.selectedConversationId }),
+	merge: (persisted, current) => {
+		const id = persisted?.selectedConversationId;
+		return {
+			...current,
+			selectedConversationId: id,
+			conversationType: id ? "history" : current.conversationType
+		};
+	}
+}));
+function useCreateChatStore(agentId, persistConversation = true) {
+	const [store] = useState(() => createChatStore(agentId, persistConversation));
+	return store;
+}
+//#endregion
+export { useCreateChatStore };
+
+//# sourceMappingURL=use-create-chat-store.js.map

package/dist/features/chat/provider/use-create-chat-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-create-chat-store.js","names":[],"sources":["../../../../src/features/chat/provider/use-create-chat-store.ts"],"sourcesContent":["import { useState } from \"react\";\nimport { create } from \"zustand\";\nimport {\n  createJSONStorage,\n  persist,\n  type StateStorage,\n} from \"zustand/middleware\";\n\n// No-op storage for SSR / when persistence is disabled (createJSONStorage's\n// getter must return a storage, not undefined).\nconst noopStorage: StateStorage = {\n  getItem: () => null,\n  setItem: () => {},\n  removeItem: () => {},\n};\n\nconst DEFAULT_STATE = {\n  tab: \"chat\",\n  conversationType: \"new\",\n  selectedConversationId: undefined,\n} as const;\n\nexport interface ChatStore {\n  tab: \"chat\" | \"history\";\n  selectedConversationId?: string;\n  conversationType: \"new\" | \"history\";\n  setTab: (tab: \"chat\" | \"history\") => void;\n  setSelectedConversationId: (id?: string) => void;\n  setConversationType: (type: \"new\" | \"history\") => void;\n  reset: () => void;\n}\n\n// Persists the active conversation per chat so a reload reopens it (and resume\n// reconnects). Only `selectedConversationId` is stored; a restored id is treated\n// as an existing conversation. skipHydration + a post-mount rehydrate (in the\n// provider) keeps SSR markup stable.\nconst createChatStore = (agentId: string, persistConversation: boolean) =>\n  create<ChatStore>()(\n    persist(\n      (set) => ({\n        ...DEFAULT_STATE,\n        setTab: (tab) => set({ tab }),\n        setSelectedConversationId: (id) => set({ selectedConversationId: id }),\n        setConversationType: (type) => set({ conversationType: type }),\n        reset: () => set({ ...DEFAULT_STATE }),\n      }),\n      {\n        name: `chatsdk:chat:${agentId}`,\n        skipHydration: true,\n        storage: createJSONStorage(() =>\n          persistConversation && typeof window !== \"undefined\"\n            ? window.localStorage\n            : noopStorage,\n        ),\n        partialize: (s) => ({\n          selectedConversationId: s.selectedConversationId,\n        }),\n        merge: (persisted, current) => {\n          const id = (\n            persisted as { selectedConversationId?: string } | undefined\n          )?.selectedConversationId;\n          return {\n            ...current,\n            selectedConversationId: id,\n            conversationType: id ? \"history\" : current.conversationType,\n          };\n        },\n      },\n    ),\n  );\n\nexport function useCreateChatStore(\n  agentId: string,\n  persistConversation = true,\n) {\n  const [store] = useState(() => createChatStore(agentId, persistConversation));\n  return store;\n}\n"],"mappings":";;;;AAUA,MAAM,cAA4B;CAChC,eAAe;CACf,eAAe,CAAC;CAChB,kBAAkB,CAAC;AACrB;AAEA,MAAM,gBAAgB;CACpB,KAAK;CACL,kBAAkB;CAClB,wBAAwB,KAAA;AAC1B;AAgBA,MAAM,mBAAmB,SAAiB,wBACxC,OAAkB,CAAC,CACjB,SACG,SAAS;CACR,GAAG;CACH,SAAS,QAAQ,IAAI,EAAE,IAAI,CAAC;CAC5B,4BAA4B,OAAO,IAAI,EAAE,wBAAwB,GAAG,CAAC;CACrE,sBAAsB,SAAS,IAAI,EAAE,kBAAkB,KAAK,CAAC;CAC7D,aAAa,IAAI,EAAE,GAAG,cAAc,CAAC;AACvC,IACA;CACE,MAAM,gBAAgB;CACtB,eAAe;CACf,SAAS,wBACP,uBAAuB,OAAO,WAAW,cACrC,OAAO,eACP,WACN;CACA,aAAa,OAAO,EAClB,wBAAwB,EAAE,uBAC5B;CACA,QAAQ,WAAW,YAAY;EAC7B,MAAM,KACJ,WACC;EACH,OAAO;GACL,GAAG;GACH,wBAAwB;GACxB,kBAAkB,KAAK,YAAY,QAAQ;EAC7C;CACF;AACF,CACF,CACF;AAEF,SAAgB,mBACd,SACA,sBAAsB,MACtB;CACA,MAAM,CAAC,SAAS,eAAe,gBAAgB,SAAS,mBAAmB,CAAC;CAC5E,OAAO;AACT"}

package/dist/features/chat/provider/use-visible-messages.d.ts

@@ -0,0 +1,13 @@
+import { UIMessage } from "ai";
+
+//#region src/features/chat/provider/use-visible-messages.d.ts
+declare function messageHasVisibleContent(message: UIMessage, opts: {
+  withTools?: boolean;
+  withReasoning?: boolean;
+}): boolean;
+declare function useVisibleMessages(): {
+  visibleMessages: import("@chatsdk-dev/api-client").ConversationMessage[];
+};
+//#endregion
+export { messageHasVisibleContent, useVisibleMessages };
+//# sourceMappingURL=use-visible-messages.d.ts.map

package/dist/features/chat/provider/use-visible-messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-visible-messages.d.ts","names":[],"sources":["../../../../src/features/chat/provider/use-visible-messages.ts"],"mappings":";;;iBAMgB,wBAAA,CACd,OAAA,EAAS,SAAS,EAClB,IAAA;EAAQ,SAAA;EAAqB,aAAA;AAAA;AAAA,iBAOf,kBAAA;EAAkB,eAAA,oCAAA,mBAAA;AAAA"}

package/dist/features/chat/provider/use-visible-messages.js

@@ -0,0 +1,23 @@
+import { c as useElementComponent, i as useChat } from "../../../provider-Cps0PPXa.js";
+import { isMessagePartVisible } from "../utils.js";
+import { useMemo } from "react";
+//#region src/features/chat/provider/use-visible-messages.ts
+function messageHasVisibleContent(message, opts) {
+	return message.parts.some((part) => isMessagePartVisible(part, opts));
+}
+function useVisibleMessages() {
+	const { messages } = useChat();
+	const { withTools, withReasoning } = useElementComponent();
+	return useMemo(() => ({ visibleMessages: messages.filter((message) => messageHasVisibleContent(message, {
+		withTools,
+		withReasoning
+	})) }), [
+		messages,
+		withTools,
+		withReasoning
+	]);
+}
+//#endregion
+export { messageHasVisibleContent, useVisibleMessages };
+
+//# sourceMappingURL=use-visible-messages.js.map