@databricks/appkit-ui 0.11.1 → 0.12.0

package/dist/react/genie/genie-chat-message.js

@@ -0,0 +1,71 @@
+import { cn } from "../lib/utils.js";
+import { Avatar, AvatarFallback } from "../ui/avatar.js";
+import { Card } from "../ui/card.js";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { marked } from "marked";
+
+//#region src/react/genie/genie-chat-message.tsx
+/**
+* Using `marked` instead of `react-markdown` because `react-markdown` depends on
+* `micromark-util-symbol` which has broken ESM exports with `rolldown-vite`.
+* Content comes from our own Genie API so `dangerouslySetInnerHTML` is safe.
+*/
+marked.setOptions({
+	breaks: true,
+	gfm: true
+});
+const markdownStyles = cn("text-sm", "[&_p]:my-1 [&_ul]:my-1 [&_ol]:my-1 [&_li]:my-0", "[&_pre]:bg-background/50 [&_pre]:p-2 [&_pre]:rounded [&_pre]:text-xs [&_pre]:overflow-x-auto", "[&_code]:text-xs [&_code]:bg-background/50 [&_code]:px-1 [&_code]:rounded", "[&_table]:text-xs [&_th]:px-2 [&_th]:py-1 [&_td]:px-2 [&_td]:py-1", "[&_table]:border-collapse [&_th]:border [&_td]:border", "[&_th]:border-border [&_td]:border-border", "[&_a]:underline");
+function isQueryAttachment(att) {
+	return !!(att.query?.title || att.query?.query);
+}
+/** Renders a single Genie message bubble with optional expandable SQL query attachments. */
+function GenieChatMessage({ message, className }) {
+	const isUser = message.role === "user";
+	const queryAttachments = message.attachments.filter(isQueryAttachment);
+	const html = useMemo(() => message.content ? marked.parse(message.content) : "", [message.content]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex gap-3", isUser ? "flex-row-reverse" : "flex-row", className),
+		children: [/* @__PURE__ */ jsx(Avatar, {
+			className: "h-8 w-8 shrink-0 mt-1",
+			children: /* @__PURE__ */ jsx(AvatarFallback, {
+				className: cn("text-xs font-medium", isUser ? "bg-primary text-primary-foreground" : "bg-muted"),
+				children: isUser ? "You" : "AI"
+			})
+		}), /* @__PURE__ */ jsxs("div", {
+			className: cn("flex flex-col gap-2 max-w-[80%] min-w-0 overflow-hidden", isUser ? "items-end" : "items-start"),
+			children: [/* @__PURE__ */ jsxs(Card, {
+				className: cn("px-4 py-3 max-w-full overflow-hidden", isUser ? "bg-primary text-primary-foreground" : "bg-muted"),
+				children: [html && /* @__PURE__ */ jsx("div", {
+					className: markdownStyles,
+					dangerouslySetInnerHTML: { __html: html }
+				}), message.error && /* @__PURE__ */ jsx("p", {
+					className: "text-sm text-destructive mt-1",
+					children: message.error
+				})]
+			}), queryAttachments.length > 0 && /* @__PURE__ */ jsx("div", {
+				className: "flex flex-col gap-2 w-full min-w-0",
+				children: queryAttachments.map((att) => /* @__PURE__ */ jsx(Card, {
+					className: "px-4 py-3 text-xs overflow-hidden shadow-none",
+					children: /* @__PURE__ */ jsxs("details", { children: [/* @__PURE__ */ jsx("summary", {
+						className: "cursor-pointer select-none font-medium",
+						children: att.query?.title ?? "SQL Query"
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "mt-2 flex flex-col gap-1",
+						children: [att.query?.description && /* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground",
+							children: att.query.description
+						}), att.query?.query && /* @__PURE__ */ jsx("pre", {
+							className: "mt-1 p-2 rounded bg-background text-[11px] whitespace-pre-wrap break-all",
+							children: att.query.query
+						})]
+					})] })
+				}, att.attachmentId ?? "query"))
+			})]
+		})]
+	});
+}
+
+//#endregion
+export { GenieChatMessage };
+//# sourceMappingURL=genie-chat-message.js.map

package/dist/react/genie/genie-chat-message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"genie-chat-message.js","names":[],"sources":["../../../src/react/genie/genie-chat-message.tsx"],"sourcesContent":["import { marked } from \"marked\";\nimport { useMemo } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Avatar, AvatarFallback } from \"../ui/avatar\";\nimport { Card } from \"../ui/card\";\nimport type { GenieAttachmentResponse, GenieMessageItem } from \"./types\";\n\n/**\n * Using `marked` instead of `react-markdown` because `react-markdown` depends on\n * `micromark-util-symbol` which has broken ESM exports with `rolldown-vite`.\n * Content comes from our own Genie API so `dangerouslySetInnerHTML` is safe.\n */\nmarked.setOptions({ breaks: true, gfm: true });\n\nconst markdownStyles = cn(\n  \"text-sm\",\n  \"[&_p]:my-1 [&_ul]:my-1 [&_ol]:my-1 [&_li]:my-0\",\n  \"[&_pre]:bg-background/50 [&_pre]:p-2 [&_pre]:rounded [&_pre]:text-xs [&_pre]:overflow-x-auto\",\n  \"[&_code]:text-xs [&_code]:bg-background/50 [&_code]:px-1 [&_code]:rounded\",\n  \"[&_table]:text-xs [&_th]:px-2 [&_th]:py-1 [&_td]:px-2 [&_td]:py-1\",\n  \"[&_table]:border-collapse [&_th]:border [&_td]:border\",\n  \"[&_th]:border-border [&_td]:border-border\",\n  \"[&_a]:underline\",\n);\n\nexport interface GenieChatMessageProps {\n  /** The message object to render */\n  message: GenieMessageItem;\n  /** Additional CSS class */\n  className?: string;\n}\n\nfunction isQueryAttachment(att: GenieAttachmentResponse): boolean {\n  return !!(att.query?.title || att.query?.query);\n}\n\n/** Renders a single Genie message bubble with optional expandable SQL query attachments. */\nexport function GenieChatMessage({\n  message,\n  className,\n}: GenieChatMessageProps) {\n  const isUser = message.role === \"user\";\n  const queryAttachments = message.attachments.filter(isQueryAttachment);\n  const html = useMemo(\n    () => (message.content ? (marked.parse(message.content) as string) : \"\"),\n    [message.content],\n  );\n\n  return (\n    <div\n      className={cn(\n        \"flex gap-3\",\n        isUser ? \"flex-row-reverse\" : \"flex-row\",\n        className,\n      )}\n    >\n      <Avatar className=\"h-8 w-8 shrink-0 mt-1\">\n        <AvatarFallback\n          className={cn(\n            \"text-xs font-medium\",\n            isUser ? \"bg-primary text-primary-foreground\" : \"bg-muted\",\n          )}\n        >\n          {isUser ? \"You\" : \"AI\"}\n        </AvatarFallback>\n      </Avatar>\n\n      <div\n        className={cn(\n          \"flex flex-col gap-2 max-w-[80%] min-w-0 overflow-hidden\",\n          isUser ? \"items-end\" : \"items-start\",\n        )}\n      >\n        <Card\n          className={cn(\n            \"px-4 py-3 max-w-full overflow-hidden\",\n            isUser ? \"bg-primary text-primary-foreground\" : \"bg-muted\",\n          )}\n        >\n          {html && (\n            <div\n              className={markdownStyles}\n              dangerouslySetInnerHTML={{ __html: html }}\n            />\n          )}\n\n          {message.error && (\n            <p className=\"text-sm text-destructive mt-1\">{message.error}</p>\n          )}\n        </Card>\n\n        {queryAttachments.length > 0 && (\n          <div className=\"flex flex-col gap-2 w-full min-w-0\">\n            {queryAttachments.map((att) => (\n              <Card\n                key={att.attachmentId ?? \"query\"}\n                className=\"px-4 py-3 text-xs overflow-hidden shadow-none\"\n              >\n                <details>\n                  <summary className=\"cursor-pointer select-none font-medium\">\n                    {att.query?.title ?? \"SQL Query\"}\n                  </summary>\n                  <div className=\"mt-2 flex flex-col gap-1\">\n                    {att.query?.description && (\n                      <span className=\"text-muted-foreground\">\n                        {att.query.description}\n                      </span>\n                    )}\n                    {att.query?.query && (\n                      <pre className=\"mt-1 p-2 rounded bg-background text-[11px] whitespace-pre-wrap break-all\">\n                        {att.query.query}\n                      </pre>\n                    )}\n                  </div>\n                </details>\n              </Card>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,OAAO,WAAW;CAAE,QAAQ;CAAM,KAAK;CAAM,CAAC;AAE9C,MAAM,iBAAiB,GACrB,WACA,kDACA,gGACA,6EACA,qEACA,yDACA,6CACA,kBACD;AASD,SAAS,kBAAkB,KAAuC;AAChE,QAAO,CAAC,EAAE,IAAI,OAAO,SAAS,IAAI,OAAO;;;AAI3C,SAAgB,iBAAiB,EAC/B,SACA,aACwB;CACxB,MAAM,SAAS,QAAQ,SAAS;CAChC,MAAM,mBAAmB,QAAQ,YAAY,OAAO,kBAAkB;CACtE,MAAM,OAAO,cACJ,QAAQ,UAAW,OAAO,MAAM,QAAQ,QAAQ,GAAc,IACrE,CAAC,QAAQ,QAAQ,CAClB;AAED,QACE,qBAAC,OAAD;EACE,WAAW,GACT,cACA,SAAS,qBAAqB,YAC9B,UACD;YALH,CAOE,oBAAC,QAAD;GAAQ,WAAU;aAChB,oBAAC,gBAAD;IACE,WAAW,GACT,uBACA,SAAS,uCAAuC,WACjD;cAEA,SAAS,QAAQ;IACH;GACV,GAET,qBAAC,OAAD;GACE,WAAW,GACT,2DACA,SAAS,cAAc,cACxB;aAJH,CAME,qBAAC,MAAD;IACE,WAAW,GACT,wCACA,SAAS,uCAAuC,WACjD;cAJH,CAMG,QACC,oBAAC,OAAD;KACE,WAAW;KACX,yBAAyB,EAAE,QAAQ,MAAM;KACzC,GAGH,QAAQ,SACP,oBAAC,KAAD;KAAG,WAAU;eAAiC,QAAQ;KAAU,EAE7D;OAEN,iBAAiB,SAAS,KACzB,oBAAC,OAAD;IAAK,WAAU;cACZ,iBAAiB,KAAK,QACrB,oBAAC,MAAD;KAEE,WAAU;eAEV,qBAAC,WAAD,aACE,oBAAC,WAAD;MAAS,WAAU;gBAChB,IAAI,OAAO,SAAS;MACb,GACV,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,IAAI,OAAO,eACV,oBAAC,QAAD;OAAM,WAAU;iBACb,IAAI,MAAM;OACN,GAER,IAAI,OAAO,SACV,oBAAC,OAAD;OAAK,WAAU;iBACZ,IAAI,MAAM;OACP,EAEJ;QACE;KACL,EApBA,IAAI,gBAAgB,QAoBpB,CACP;IACE,EAEJ;KACF"}

package/dist/react/genie/genie-chat.d.ts

@@ -0,0 +1,14 @@
+import { GenieChatProps } from "./types.js";
+import * as react_jsx_runtime286 from "react/jsx-runtime";
+
+//#region src/react/genie/genie-chat.d.ts
+/** Full-featured chat interface for a single Databricks AI/BI Genie space. Handles message streaming, conversation history, and auto-reconnection via SSE. */
+declare function GenieChat({
+  alias,
+  basePath,
+  placeholder,
+  className
+}: GenieChatProps): react_jsx_runtime286.JSX.Element;
+//#endregion
+export { GenieChat };
+//# sourceMappingURL=genie-chat.d.ts.map

package/dist/react/genie/genie-chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"genie-chat.d.ts","names":[],"sources":["../../../src/react/genie/genie-chat.tsx"],"sourcesContent":[],"mappings":";;;;;iBAQgB,SAAA;;;;;GAKb,iBAAc,oBAAA,CAAA,GAAA,CAAA"}

package/dist/react/genie/genie-chat.js

@@ -0,0 +1,47 @@
+import { cn } from "../lib/utils.js";
+import { Button } from "../ui/button.js";
+import { GenieChatInput } from "./genie-chat-input.js";
+import { GenieChatMessageList } from "./genie-chat-message-list.js";
+import { useGenieChat } from "./use-genie-chat.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/react/genie/genie-chat.tsx
+/** Full-featured chat interface for a single Databricks AI/BI Genie space. Handles message streaming, conversation history, and auto-reconnection via SSE. */
+function GenieChat({ alias, basePath, placeholder, className }) {
+	const { messages, status, error, sendMessage, reset } = useGenieChat({
+		alias,
+		basePath
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col h-full overflow-hidden", className),
+		children: [
+			messages.length > 0 && /* @__PURE__ */ jsx("div", {
+				className: "shrink-0 flex justify-end px-4 pt-3 pb-1",
+				children: /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					size: "sm",
+					onClick: reset,
+					className: "text-xs text-muted-foreground",
+					children: "New conversation"
+				})
+			}),
+			/* @__PURE__ */ jsx(GenieChatMessageList, {
+				messages,
+				status
+			}),
+			error && /* @__PURE__ */ jsx("div", {
+				className: "shrink-0 px-4 py-2 text-sm text-destructive bg-destructive/10 border-t",
+				children: error
+			}),
+			/* @__PURE__ */ jsx(GenieChatInput, {
+				onSend: sendMessage,
+				disabled: status === "streaming" || status === "loading-history",
+				placeholder
+			})
+		]
+	});
+}
+
+//#endregion
+export { GenieChat };
+//# sourceMappingURL=genie-chat.js.map

package/dist/react/genie/genie-chat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"genie-chat.js","names":[],"sources":["../../../src/react/genie/genie-chat.tsx"],"sourcesContent":["import { cn } from \"../lib/utils\";\nimport { Button } from \"../ui/button\";\nimport { GenieChatInput } from \"./genie-chat-input\";\nimport { GenieChatMessageList } from \"./genie-chat-message-list\";\nimport type { GenieChatProps } from \"./types\";\nimport { useGenieChat } from \"./use-genie-chat\";\n\n/** Full-featured chat interface for a single Databricks AI/BI Genie space. Handles message streaming, conversation history, and auto-reconnection via SSE. */\nexport function GenieChat({\n  alias,\n  basePath,\n  placeholder,\n  className,\n}: GenieChatProps) {\n  const { messages, status, error, sendMessage, reset } = useGenieChat({\n    alias,\n    basePath,\n  });\n\n  return (\n    <div className={cn(\"flex flex-col h-full overflow-hidden\", className)}>\n      {messages.length > 0 && (\n        <div className=\"shrink-0 flex justify-end px-4 pt-3 pb-1\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={reset}\n            className=\"text-xs text-muted-foreground\"\n          >\n            New conversation\n          </Button>\n        </div>\n      )}\n\n      <GenieChatMessageList messages={messages} status={status} />\n\n      {error && (\n        <div className=\"shrink-0 px-4 py-2 text-sm text-destructive bg-destructive/10 border-t\">\n          {error}\n        </div>\n      )}\n\n      <GenieChatInput\n        onSend={sendMessage}\n        disabled={status === \"streaming\" || status === \"loading-history\"}\n        placeholder={placeholder}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAQA,SAAgB,UAAU,EACxB,OACA,UACA,aACA,aACiB;CACjB,MAAM,EAAE,UAAU,QAAQ,OAAO,aAAa,UAAU,aAAa;EACnE;EACA;EACD,CAAC;AAEF,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,wCAAwC,UAAU;YAArE;GACG,SAAS,SAAS,KACjB,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,QAAD;KACE,SAAQ;KACR,MAAK;KACL,SAAS;KACT,WAAU;eACX;KAEQ;IACL;GAGR,oBAAC,sBAAD;IAAgC;IAAkB;IAAU;GAE3D,SACC,oBAAC,OAAD;IAAK,WAAU;cACZ;IACG;GAGR,oBAAC,gBAAD;IACE,QAAQ;IACR,UAAU,WAAW,eAAe,WAAW;IAClC;IACb;GACE"}

package/dist/react/genie/index.js

@@ -0,0 +1,5 @@
+import { GenieChatInput } from "./genie-chat-input.js";
+import { GenieChatMessage } from "./genie-chat-message.js";
+import { GenieChatMessageList } from "./genie-chat-message-list.js";
+import { useGenieChat } from "./use-genie-chat.js";
+import { GenieChat } from "./genie-chat.js";

package/dist/react/genie/types.d.ts

@@ -0,0 +1,44 @@
+import { GenieAttachmentResponse, GenieMessageResponse, GenieStreamEvent } from "../../shared/src/genie.js";
+
+//#region src/react/genie/types.d.ts
+type GenieChatStatus = "idle" | "loading-history" | "streaming" | "error";
+interface GenieMessageItem {
+  id: string;
+  role: "user" | "assistant";
+  content: string;
+  status: string;
+  attachments: GenieAttachmentResponse[];
+  queryResults: Map<string, unknown>;
+  error?: string;
+}
+interface UseGenieChatOptions {
+  /** Genie space alias (maps to backend route param) */
+  alias: string;
+  /** Base API path. Default: "/api/genie" */
+  basePath?: string;
+  /** Read/write conversationId from URL search params. Default: true */
+  persistInUrl?: boolean;
+  /** URL search param name. Default: "conversationId" */
+  urlParamName?: string;
+}
+interface UseGenieChatReturn {
+  messages: GenieMessageItem[];
+  status: GenieChatStatus;
+  conversationId: string | null;
+  error: string | null;
+  sendMessage: (content: string) => void;
+  reset: () => void;
+}
+interface GenieChatProps {
+  /** Genie space alias (must match a key registered with the genie plugin on the server) */
+  alias: string;
+  /** Base API path */
+  basePath?: string;
+  /** Placeholder text for the input */
+  placeholder?: string;
+  /** Additional CSS class for the root container */
+  className?: string;
+}
+//#endregion
+export { GenieChatProps, GenieChatStatus, GenieMessageItem, UseGenieChatOptions, UseGenieChatReturn };
+//# sourceMappingURL=types.d.ts.map

package/dist/react/genie/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/react/genie/types.ts"],"sourcesContent":[],"mappings":";;;KAQY,eAAA;AAAA,UAMK,gBAAA,CANU;EAMV,EAAA,EAAA,MAAA;EAAgB,IAAA,EAAA,MAAA,GAAA,WAAA;SAKlB,EAAA,MAAA;QACC,EAAA,MAAA;EAAG,WAAA,EADJ,uBACI,EAAA;EAIF,YAAA,EAJD,GAIC,CAAA,MAAmB,EAAA,OAAA,CAAA;EAWnB,KAAA,CAAA,EAAA,MAAA;;AACL,UAZK,mBAAA,CAYL;;EACa,KAAA,EAAA,MAAA;EAOR;;;;;;;UATA,kBAAA;YACL;UACF;;;;;;UAOO,cAAA"}

package/dist/react/genie/use-genie-chat.d.ts

@@ -0,0 +1,17 @@
+import { UseGenieChatOptions, UseGenieChatReturn } from "./types.js";
+
+//#region src/react/genie/use-genie-chat.d.ts
+
+/**
+ * Manages the full Genie chat lifecycle:
+ * SSE streaming, conversation persistence via URL, and history replay.
+ *
+ * @example
+ * ```tsx
+ * const { messages, status, sendMessage, reset } = useGenieChat({ alias: "demo" });
+ * ```
+ */
+declare function useGenieChat(options: UseGenieChatOptions): UseGenieChatReturn;
+//#endregion
+export { useGenieChat };
+//# sourceMappingURL=use-genie-chat.d.ts.map

package/dist/react/genie/use-genie-chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-genie-chat.d.ts","names":[],"sources":["../../../src/react/genie/use-genie-chat.ts"],"sourcesContent":[],"mappings":";;;;;;AAoFA;;;;;;;iBAAgB,YAAA,UAAsB,sBAAsB"}

package/dist/react/genie/use-genie-chat.js

@@ -0,0 +1,254 @@
+import { connectSSE } from "../../js/sse/connect-sse.js";
+import "../../js/index.js";
+import { useCallback, useEffect, useRef, useState } from "react";
+
+//#region src/react/genie/use-genie-chat.ts
+function getUrlParam(name) {
+	return new URLSearchParams(window.location.search).get(name);
+}
+function setUrlParam(name, value) {
+	const url = new URL(window.location.href);
+	url.searchParams.set(name, value);
+	window.history.replaceState({}, "", url.toString());
+}
+function removeUrlParam(name) {
+	const url = new URL(window.location.href);
+	url.searchParams.delete(name);
+	window.history.replaceState({}, "", url.toString());
+}
+/**
+* The Genie API puts the user's question in `message.content` and the
+* actual AI answer in text attachments. Extract the text attachment
+* content so we display the real answer, not the question echo.
+*/
+function extractAssistantContent(msg) {
+	const textParts = (msg.attachments ?? []).map((att) => att.text?.content).filter(Boolean);
+	return textParts.length > 0 ? textParts.join("\n\n") : msg.content;
+}
+function makeUserItem(msg, idSuffix = "") {
+	return {
+		id: `${msg.messageId}${idSuffix}`,
+		role: "user",
+		content: msg.content,
+		status: msg.status,
+		attachments: [],
+		queryResults: /* @__PURE__ */ new Map()
+	};
+}
+function makeAssistantItem(msg) {
+	return {
+		id: msg.messageId,
+		role: "assistant",
+		content: extractAssistantContent(msg),
+		status: msg.status,
+		attachments: msg.attachments ?? [],
+		queryResults: /* @__PURE__ */ new Map(),
+		error: msg.error
+	};
+}
+/**
+* The API bundles user question (content) and AI answer (attachments) in one message.
+* Split into separate user + assistant items for display.
+*/
+function messageResultToItems(msg) {
+	if (!((msg.attachments?.length ?? 0) > 0)) return [makeUserItem(msg)];
+	return [makeUserItem(msg, "-user"), makeAssistantItem(msg)];
+}
+/**
+* Manages the full Genie chat lifecycle:
+* SSE streaming, conversation persistence via URL, and history replay.
+*
+* @example
+* ```tsx
+* const { messages, status, sendMessage, reset } = useGenieChat({ alias: "demo" });
+* ```
+*/
+function useGenieChat(options) {
+	const { alias, basePath = "/api/genie", persistInUrl = true, urlParamName = "conversationId" } = options;
+	const [messages, setMessages] = useState([]);
+	const [status, setStatus] = useState("idle");
+	const [conversationId, setConversationId] = useState(null);
+	const [error, setError] = useState(null);
+	const abortControllerRef = useRef(null);
+	const conversationIdRef = useRef(null);
+	useEffect(() => {
+		conversationIdRef.current = conversationId;
+	}, [conversationId]);
+	const processEvent = useCallback((event, isHistory) => {
+		switch (event.type) {
+			case "message_start":
+				setConversationId(event.conversationId);
+				if (persistInUrl) setUrlParam(urlParamName, event.conversationId);
+				break;
+			case "status":
+				setMessages((prev) => {
+					const last = prev[prev.length - 1];
+					if (last?.role === "assistant") return [...prev.slice(0, -1), {
+						...last,
+						status: event.status
+					}];
+					return prev;
+				});
+				break;
+			case "message_result": {
+				const msg = event.message;
+				const hasAttachments = (msg.attachments?.length ?? 0) > 0;
+				if (isHistory) {
+					const items = messageResultToItems(msg);
+					setMessages((prev) => [...prev, ...items]);
+				} else if (hasAttachments) {
+					const item = makeAssistantItem(msg);
+					setMessages((prev) => {
+						const last = prev[prev.length - 1];
+						if (last?.role === "assistant" && last.id === "") return [...prev.slice(0, -1), item];
+						return [...prev, item];
+					});
+				}
+				break;
+			}
+			case "query_result":
+				setMessages((prev) => {
+					const updated = [...prev];
+					for (let i = updated.length - 1; i >= 0; i--) {
+						const msg = updated[i];
+						if (msg.attachments.some((a) => a.attachmentId === event.attachmentId)) {
+							const queryResults = new Map(msg.queryResults);
+							queryResults.set(event.attachmentId, event.data);
+							updated[i] = {
+								...msg,
+								queryResults
+							};
+							break;
+						}
+					}
+					return updated;
+				});
+				break;
+			case "error":
+				setError(event.error);
+				setStatus("error");
+				break;
+		}
+	}, [persistInUrl, urlParamName]);
+	const sendMessage = useCallback((content) => {
+		const trimmed = content.trim();
+		if (!trimmed) return;
+		abortControllerRef.current?.abort();
+		setError(null);
+		setStatus("streaming");
+		const userMessage = {
+			id: crypto.randomUUID(),
+			role: "user",
+			content: trimmed,
+			status: "COMPLETED",
+			attachments: [],
+			queryResults: /* @__PURE__ */ new Map()
+		};
+		const assistantPlaceholder = {
+			id: "",
+			role: "assistant",
+			content: "",
+			status: "ASKING_AI",
+			attachments: [],
+			queryResults: /* @__PURE__ */ new Map()
+		};
+		setMessages((prev) => [
+			...prev,
+			userMessage,
+			assistantPlaceholder
+		]);
+		const abortController = new AbortController();
+		abortControllerRef.current = abortController;
+		const requestId = crypto.randomUUID();
+		connectSSE({
+			url: `${basePath}/${encodeURIComponent(alias)}/messages?requestId=${encodeURIComponent(requestId)}`,
+			payload: {
+				content: trimmed,
+				conversationId: conversationIdRef.current ?? void 0
+			},
+			signal: abortController.signal,
+			onMessage: async (message) => {
+				try {
+					processEvent(JSON.parse(message.data), false);
+				} catch {}
+			},
+			onError: (err) => {
+				if (abortController.signal.aborted) return;
+				setError(err instanceof Error ? err.message : "Connection error. Please try again.");
+				setStatus("error");
+				setMessages((prev) => {
+					const last = prev[prev.length - 1];
+					return last?.role === "assistant" && last.id === "" ? prev.slice(0, -1) : prev;
+				});
+			}
+		}).then(() => {
+			if (!abortController.signal.aborted) setStatus((prev) => prev === "error" ? "error" : "idle");
+		});
+	}, [
+		alias,
+		basePath,
+		processEvent
+	]);
+	const loadHistory = useCallback((convId) => {
+		abortControllerRef.current?.abort();
+		setStatus("loading-history");
+		setError(null);
+		setMessages([]);
+		setConversationId(convId);
+		const abortController = new AbortController();
+		abortControllerRef.current = abortController;
+		const requestId = crypto.randomUUID();
+		connectSSE({
+			url: `${basePath}/${encodeURIComponent(alias)}/conversations/${encodeURIComponent(convId)}?requestId=${encodeURIComponent(requestId)}`,
+			signal: abortController.signal,
+			onMessage: async (message) => {
+				try {
+					processEvent(JSON.parse(message.data), true);
+				} catch {}
+			},
+			onError: (err) => {
+				if (abortController.signal.aborted) return;
+				setError(err instanceof Error ? err.message : "Failed to load conversation history.");
+				setStatus("error");
+			}
+		}).then(() => {
+			if (!abortController.signal.aborted) setStatus((prev) => prev === "error" ? "error" : "idle");
+		});
+	}, [
+		alias,
+		basePath,
+		processEvent
+	]);
+	const reset = useCallback(() => {
+		abortControllerRef.current?.abort();
+		setMessages([]);
+		setConversationId(null);
+		setError(null);
+		setStatus("idle");
+		if (persistInUrl) removeUrlParam(urlParamName);
+	}, [persistInUrl, urlParamName]);
+	useEffect(() => {
+		if (!persistInUrl) return;
+		const existingId = getUrlParam(urlParamName);
+		if (existingId) loadHistory(existingId);
+		return () => {
+			abortControllerRef.current?.abort();
+		};
+	}, [
+		persistInUrl,
+		urlParamName,
+		loadHistory
+	]);
+	return {
+		messages,
+		status,
+		conversationId,
+		error,
+		sendMessage,
+		reset
+	};
+}
+
+//#endregion
+export { useGenieChat };
+//# sourceMappingURL=use-genie-chat.js.map

package/dist/react/genie/use-genie-chat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-genie-chat.js","names":[],"sources":["../../../src/react/genie/use-genie-chat.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { connectSSE } from \"@/js\";\nimport type {\n  GenieChatStatus,\n  GenieMessageItem,\n  GenieMessageResponse,\n  GenieStreamEvent,\n  UseGenieChatOptions,\n  UseGenieChatReturn,\n} from \"./types\";\n\nfunction getUrlParam(name: string): string | null {\n  return new URLSearchParams(window.location.search).get(name);\n}\n\nfunction setUrlParam(name: string, value: string): void {\n  const url = new URL(window.location.href);\n  url.searchParams.set(name, value);\n  window.history.replaceState({}, \"\", url.toString());\n}\n\nfunction removeUrlParam(name: string): void {\n  const url = new URL(window.location.href);\n  url.searchParams.delete(name);\n  window.history.replaceState({}, \"\", url.toString());\n}\n\n/**\n * The Genie API puts the user's question in `message.content` and the\n * actual AI answer in text attachments. Extract the text attachment\n * content so we display the real answer, not the question echo.\n */\nfunction extractAssistantContent(msg: GenieMessageResponse): string {\n  const textParts = (msg.attachments ?? [])\n    .map((att) => att.text?.content)\n    .filter(Boolean) as string[];\n  return textParts.length > 0 ? textParts.join(\"\\n\\n\") : msg.content;\n}\n\nfunction makeUserItem(\n  msg: GenieMessageResponse,\n  idSuffix = \"\",\n): GenieMessageItem {\n  return {\n    id: `${msg.messageId}${idSuffix}`,\n    role: \"user\",\n    content: msg.content,\n    status: msg.status,\n    attachments: [],\n    queryResults: new Map(),\n  };\n}\n\nfunction makeAssistantItem(msg: GenieMessageResponse): GenieMessageItem {\n  return {\n    id: msg.messageId,\n    role: \"assistant\",\n    content: extractAssistantContent(msg),\n    status: msg.status,\n    attachments: msg.attachments ?? [],\n    queryResults: new Map(),\n    error: msg.error,\n  };\n}\n\n/**\n * The API bundles user question (content) and AI answer (attachments) in one message.\n * Split into separate user + assistant items for display.\n */\nfunction messageResultToItems(msg: GenieMessageResponse): GenieMessageItem[] {\n  const hasAttachments = (msg.attachments?.length ?? 0) > 0;\n  if (!hasAttachments) return [makeUserItem(msg)];\n  return [makeUserItem(msg, \"-user\"), makeAssistantItem(msg)];\n}\n\n/**\n * Manages the full Genie chat lifecycle:\n * SSE streaming, conversation persistence via URL, and history replay.\n *\n * @example\n * ```tsx\n * const { messages, status, sendMessage, reset } = useGenieChat({ alias: \"demo\" });\n * ```\n */\nexport function useGenieChat(options: UseGenieChatOptions): UseGenieChatReturn {\n  const {\n    alias,\n    basePath = \"/api/genie\",\n    persistInUrl = true,\n    urlParamName = \"conversationId\",\n  } = options;\n\n  const [messages, setMessages] = useState<GenieMessageItem[]>([]);\n  const [status, setStatus] = useState<GenieChatStatus>(\"idle\");\n  const [conversationId, setConversationId] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  const abortControllerRef = useRef<AbortController | null>(null);\n  const conversationIdRef = useRef<string | null>(null);\n\n  useEffect(() => {\n    conversationIdRef.current = conversationId;\n  }, [conversationId]);\n\n  const processEvent = useCallback(\n    (event: GenieStreamEvent, isHistory: boolean) => {\n      switch (event.type) {\n        case \"message_start\": {\n          setConversationId(event.conversationId);\n          if (persistInUrl) {\n            setUrlParam(urlParamName, event.conversationId);\n          }\n          break;\n        }\n\n        case \"status\": {\n          setMessages((prev) => {\n            const last = prev[prev.length - 1];\n            if (last?.role === \"assistant\") {\n              return [...prev.slice(0, -1), { ...last, status: event.status }];\n            }\n            return prev;\n          });\n          break;\n        }\n\n        case \"message_result\": {\n          const msg = event.message;\n          const hasAttachments = (msg.attachments?.length ?? 0) > 0;\n\n          if (isHistory) {\n            const items = messageResultToItems(msg);\n            setMessages((prev) => [...prev, ...items]);\n          } else if (hasAttachments) {\n            // During streaming we already appended the user message locally,\n            // so only handle assistant results. Messages without attachments\n            // are the user-message echo from the API — skip those.\n            const item = makeAssistantItem(msg);\n            setMessages((prev) => {\n              const last = prev[prev.length - 1];\n              if (last?.role === \"assistant\" && last.id === \"\") {\n                return [...prev.slice(0, -1), item];\n              }\n              return [...prev, item];\n            });\n          }\n          break;\n        }\n\n        case \"query_result\": {\n          setMessages((prev) => {\n            const updated = [...prev];\n            for (let i = updated.length - 1; i >= 0; i--) {\n              const msg = updated[i];\n              if (\n                msg.attachments.some(\n                  (a) => a.attachmentId === event.attachmentId,\n                )\n              ) {\n                const queryResults = new Map(msg.queryResults);\n                queryResults.set(event.attachmentId, event.data);\n                updated[i] = { ...msg, queryResults };\n                break;\n              }\n            }\n            return updated;\n          });\n          break;\n        }\n\n        case \"error\": {\n          setError(event.error);\n          setStatus(\"error\");\n          break;\n        }\n      }\n    },\n    [persistInUrl, urlParamName],\n  );\n\n  const sendMessage = useCallback(\n    (content: string) => {\n      const trimmed = content.trim();\n      if (!trimmed) return;\n\n      abortControllerRef.current?.abort();\n      setError(null);\n      setStatus(\"streaming\");\n\n      const userMessage: GenieMessageItem = {\n        id: crypto.randomUUID(),\n        role: \"user\",\n        content: trimmed,\n        status: \"COMPLETED\",\n        attachments: [],\n        queryResults: new Map(),\n      };\n\n      const assistantPlaceholder: GenieMessageItem = {\n        id: \"\",\n        role: \"assistant\",\n        content: \"\",\n        status: \"ASKING_AI\",\n        attachments: [],\n        queryResults: new Map(),\n      };\n\n      setMessages((prev) => [...prev, userMessage, assistantPlaceholder]);\n\n      const abortController = new AbortController();\n      abortControllerRef.current = abortController;\n\n      const requestId = crypto.randomUUID();\n\n      connectSSE({\n        url: `${basePath}/${encodeURIComponent(alias)}/messages?requestId=${encodeURIComponent(requestId)}`,\n        payload: {\n          content: trimmed,\n          conversationId: conversationIdRef.current ?? undefined,\n        },\n        signal: abortController.signal,\n        onMessage: async (message) => {\n          try {\n            processEvent(JSON.parse(message.data) as GenieStreamEvent, false);\n          } catch {\n            // Malformed SSE data\n          }\n        },\n        onError: (err) => {\n          if (abortController.signal.aborted) return;\n          setError(\n            err instanceof Error\n              ? err.message\n              : \"Connection error. Please try again.\",\n          );\n          setStatus(\"error\");\n          setMessages((prev) => {\n            const last = prev[prev.length - 1];\n            return last?.role === \"assistant\" && last.id === \"\"\n              ? prev.slice(0, -1)\n              : prev;\n          });\n        },\n      }).then(() => {\n        if (!abortController.signal.aborted) {\n          setStatus((prev) => (prev === \"error\" ? \"error\" : \"idle\"));\n        }\n      });\n    },\n    [alias, basePath, processEvent],\n  );\n\n  const loadHistory = useCallback(\n    (convId: string) => {\n      abortControllerRef.current?.abort();\n      setStatus(\"loading-history\");\n      setError(null);\n      setMessages([]);\n      setConversationId(convId);\n\n      const abortController = new AbortController();\n      abortControllerRef.current = abortController;\n\n      const requestId = crypto.randomUUID();\n\n      connectSSE({\n        url: `${basePath}/${encodeURIComponent(alias)}/conversations/${encodeURIComponent(convId)}?requestId=${encodeURIComponent(requestId)}`,\n        signal: abortController.signal,\n        onMessage: async (message) => {\n          try {\n            processEvent(JSON.parse(message.data) as GenieStreamEvent, true);\n          } catch {\n            // Malformed SSE data\n          }\n        },\n        onError: (err) => {\n          if (abortController.signal.aborted) return;\n          setError(\n            err instanceof Error\n              ? err.message\n              : \"Failed to load conversation history.\",\n          );\n          setStatus(\"error\");\n        },\n      }).then(() => {\n        if (!abortController.signal.aborted) {\n          setStatus((prev) => (prev === \"error\" ? \"error\" : \"idle\"));\n        }\n      });\n    },\n    [alias, basePath, processEvent],\n  );\n\n  const reset = useCallback(() => {\n    abortControllerRef.current?.abort();\n    setMessages([]);\n    setConversationId(null);\n    setError(null);\n    setStatus(\"idle\");\n    if (persistInUrl) {\n      removeUrlParam(urlParamName);\n    }\n  }, [persistInUrl, urlParamName]);\n\n  useEffect(() => {\n    if (!persistInUrl) return;\n    const existingId = getUrlParam(urlParamName);\n    if (existingId) {\n      loadHistory(existingId);\n    }\n    return () => {\n      abortControllerRef.current?.abort();\n    };\n  }, [persistInUrl, urlParamName, loadHistory]);\n\n  return { messages, status, conversationId, error, sendMessage, reset };\n}\n"],"mappings":"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"}

package/dist/react/index.d.ts

@@ -1,3 +1,4 @@
+import { GenieAttachmentResponse, GenieMessageResponse, GenieStreamEvent } from "../shared/src/genie.js";
 import { DATE_FIELD_PATTERNS, METADATA_DATE_PATTERNS, NAME_FIELD_PATTERNS } from "../js/constants.js";
 import { AreaChartProps, AreaChartSpecificProps, BarChartProps, BarChartSpecificProps, ChartBaseProps, ChartColorPalette, ChartData, ChartType, DataFormat, DataProps, DonutChartProps, HeatmapChartProps, HeatmapChartSpecificProps, LineChartProps, LineChartSpecificProps, NormalizedChartData, NormalizedChartDataBase, Orientation, PieChartProps, PieChartSpecificProps, QueryProps, RadarChartProps, RadarChartSpecificProps, ScatterChartProps, ScatterChartSpecificProps, UnifiedChartProps, isArrowTable, isDataProps, isQueryProps } from "./charts/types.js";
 import { AreaChart } from "./charts/area/index.js";
@@ -16,6 +17,12 @@ import { CHART_COLOR_VARS, CHART_COLOR_VARS_CATEGORICAL, CHART_COLOR_VARS_DIVERG
 import { useAllThemeColors, useThemeColors } from "./charts/theme.js";
 import { createTimeSeriesData, formatLabel, sortTimeSeriesAscending, toChartArray, toChartValue, truncateLabel } from "./charts/utils.js";
 import { CartesianContext, HeatmapContext, OptionBuilderContext, buildCartesianOption, buildHeatmapOption, buildHorizontalBarOption, buildPieOption, buildRadarOption } from "./charts/options.js";
+import { GenieChatProps, GenieChatStatus, GenieMessageItem, UseGenieChatOptions, UseGenieChatReturn } from "./genie/types.js";
+import { GenieChat } from "./genie/genie-chat.js";
+import { GenieChatInput } from "./genie/genie-chat-input.js";
+import { GenieChatMessage } from "./genie/genie-chat-message.js";
+import { GenieChatMessageList } from "./genie/genie-chat-message-list.js";
+import { useGenieChat } from "./genie/use-genie-chat.js";
 import { AnalyticsFormat, InferResultByFormat, InferRowType, PluginRegistry, QueryRegistry, TypedArrowTable, UseAnalyticsQueryOptions, UseAnalyticsQueryResult } from "./hooks/types.js";
 import { useAnalyticsQuery } from "./hooks/use-analytics-query.js";
 import { cn } from "./lib/utils.js";
@@ -74,4 +81,4 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs.js";
 import { Textarea } from "./ui/textarea.js";
 import { Toggle, toggleVariants } from "./ui/toggle.js";
 import { ToggleGroup, ToggleGroupItem } from "./ui/toggle-group.js";
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnalyticsFormat, AreaChart, AreaChartProps, AreaChartSpecificProps, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BarChart, BarChartProps, BarChartSpecificProps, BaseChart, BaseChartProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CHART_COLOR_VARS, CHART_COLOR_VARS_CATEGORICAL, CHART_COLOR_VARS_DIVERGING, CHART_COLOR_VARS_SEQUENTIAL, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CartesianContext, ChartBaseProps, ChartColorPalette, ChartConfig, ChartContainer, ChartData, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, ChartType, ChartWrapper, ChartWrapperProps, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DATE_FIELD_PATTERNS, DataFormat, DataProps, DataTable, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DonutChart, DonutChartProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FALLBACK_COLORS, FALLBACK_COLORS_CATEGORICAL, FALLBACK_COLORS_DIVERGING, FALLBACK_COLORS_SEQUENTIAL, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HeatmapChart, HeatmapChartProps, HeatmapChartSpecificProps, HeatmapContext, HoverCard, HoverCardContent, HoverCardTrigger, InferResultByFormat, InferRowType, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, LineChart, LineChartProps, LineChartSpecificProps, METADATA_DATE_PATTERNS, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NAME_FIELD_PATTERNS, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NormalizedChartData, NormalizedChartDataBase, NormalizedHeatmapData, OptionBuilderContext, Orientation, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PieChart, PieChartProps, PieChartSpecificProps, PluginRegistry, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerContext, PortalContainerProvider, Progress, QueryProps, QueryRegistry, RadarChart, RadarChartProps, RadarChartSpecificProps, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScatterChart, ScatterChartProps, ScatterChartSpecificProps, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TypedArrowTable, UnifiedChartProps, UseAnalyticsQueryOptions, UseAnalyticsQueryResult, UseChartDataOptions, UseChartDataResult, badgeVariants, buildCartesianOption, buildHeatmapOption, buildHorizontalBarOption, buildPieOption, buildRadarOption, buttonGroupVariants, buttonVariants, cn, createChart, createTimeSeriesData, formatLabel, isArrowTable, isDataProps, isQueryProps, navigationMenuTriggerStyle, normalizeChartData, normalizeHeatmapData, sortTimeSeriesAscending, toChartArray, toChartValue, toggleVariants, truncateLabel, useAllThemeColors, useAnalyticsQuery, useChartData, useFormField, usePortalContainer, useResolvedPortalContainer, useSidebar, useThemeColors };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnalyticsFormat, AreaChart, AreaChartProps, AreaChartSpecificProps, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BarChart, BarChartProps, BarChartSpecificProps, BaseChart, BaseChartProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CHART_COLOR_VARS, CHART_COLOR_VARS_CATEGORICAL, CHART_COLOR_VARS_DIVERGING, CHART_COLOR_VARS_SEQUENTIAL, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CartesianContext, ChartBaseProps, ChartColorPalette, ChartConfig, ChartContainer, ChartData, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, ChartType, ChartWrapper, ChartWrapperProps, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DATE_FIELD_PATTERNS, DataFormat, DataProps, DataTable, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DonutChart, DonutChartProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FALLBACK_COLORS, FALLBACK_COLORS_CATEGORICAL, FALLBACK_COLORS_DIVERGING, FALLBACK_COLORS_SEQUENTIAL, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GenieAttachmentResponse, GenieChat, GenieChatInput, GenieChatMessage, GenieChatMessageList, GenieChatProps, GenieChatStatus, GenieMessageItem, GenieMessageResponse, GenieStreamEvent, HeatmapChart, HeatmapChartProps, HeatmapChartSpecificProps, HeatmapContext, HoverCard, HoverCardContent, HoverCardTrigger, InferResultByFormat, InferRowType, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, LineChart, LineChartProps, LineChartSpecificProps, METADATA_DATE_PATTERNS, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NAME_FIELD_PATTERNS, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NormalizedChartData, NormalizedChartDataBase, NormalizedHeatmapData, OptionBuilderContext, Orientation, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PieChart, PieChartProps, PieChartSpecificProps, PluginRegistry, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerContext, PortalContainerProvider, Progress, QueryProps, QueryRegistry, RadarChart, RadarChartProps, RadarChartSpecificProps, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScatterChart, ScatterChartProps, ScatterChartSpecificProps, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TypedArrowTable, UnifiedChartProps, UseAnalyticsQueryOptions, UseAnalyticsQueryResult, UseChartDataOptions, UseChartDataResult, UseGenieChatOptions, UseGenieChatReturn, badgeVariants, buildCartesianOption, buildHeatmapOption, buildHorizontalBarOption, buildPieOption, buildRadarOption, buttonGroupVariants, buttonVariants, cn, createChart, createTimeSeriesData, formatLabel, isArrowTable, isDataProps, isQueryProps, navigationMenuTriggerStyle, normalizeChartData, normalizeHeatmapData, sortTimeSeriesAscending, toChartArray, toChartValue, toggleVariants, truncateLabel, useAllThemeColors, useAnalyticsQuery, useChartData, useFormField, useGenieChat, usePortalContainer, useResolvedPortalContainer, useSidebar, useThemeColors };