@keboola/design 11.3.0 → 11.4.0

package/dist/{AIKit-DaFT7p92.js → AIKit-DDg5DBCG.js}

@@ -1,19 +1,18 @@
 import { cn } from "./classNames-BzrkDnOD.js";
-import { Tooltip, TooltipProvider } from "./utils-B-g7d_Jb.js";
-import { AlertCircle, ChevronDown, ChevronLeft, ChevronRight, CircleCheck, CirclePause, CircleX, FileText, Loader2, Maximize2, Minimize2, Play, Send, X, XCircle } from "./icons-Cek151jC.js";
-import { Button } from "./Button-CPsEQuTN.js";
-import { ClipboardButton } from "./ClipboardButton-CQ6Aewpg.js";
-import { FullScreenModal, FullScreenModalBody, FullScreenModalHeader } from "./FullScreenModal-j-M4aPFd.js";
+import { Tooltip, TooltipProvider } from "./utils-B5Z52hYs.js";
+import { AlertCircle, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, CircleCheck, CirclePause, CircleX, Loader2, Maximize2, Minimize2, Play, Send, Sparkles, TriangleAlert, X, XCircle } from "./icons-Cek151jC.js";
+import { Button } from "./Button-DsRrU5F1.js";
+import { ClipboardButton } from "./ClipboardButton-D9pDjgkB.js";
+import { FullScreenModal, FullScreenModalBody, FullScreenModalHeader } from "./FullScreenModal-BvPuYibe.js";
 import { Truncated } from "./internal/components/Truncated.js";
-import { HoverCard } from "./HoverCard-yQq-O49c.js";
-import { Command } from "./Command-Ds68v2rX.js";
-import { TextInput } from "./TextInput-DhdRk8qm.js";
-import { Checkbox } from "./Checkbox-5VNCcV7E.js";
+import { HoverCard } from "./HoverCard-B9ZMJxjn.js";
+import { Command } from "./Command-B7ML9YMv.js";
+import { TextInput } from "./TextInput-DHM6dHmn.js";
+import { Checkbox } from "./Checkbox-fC0BuO2B.js";
 import { Badge } from "./Badge-Ch26CXoP.js";
 import { Textarea } from "./internal/blocks/Textarea.js";
 import { Table } from "./Table-CvYuTuNU.js";
 import { DiagramSkeleton } from "./internal/blocks/DiagramShared/DiagramSkeleton.js";
-import { Avatar } from "./internal/components/Avatar.js";
 import { Progress } from "./internal/components/Progress.js";
 import { Slot } from "@radix-ui/react-slot";
 import { Suspense, isValidElement, lazy, useEffect, useId, useRef, useState } from "react";
@@ -24,12 +23,12 @@ import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 //#region src/blocks/AIKit/CollapsibleStepHeader.tsx
 const variantClasses = {
-	success: "tw:text-secondary-500 tw:focus-visible:outline-ring tw:not-disabled:hover:text-secondary-600",
-	error: "tw:text-error-500 tw:focus-visible:outline-error-500 tw:not-disabled:hover:text-error-600",
-	processing: "tw:text-secondary-500 tw:focus-visible:outline-ring tw:not-disabled:hover:text-secondary-600",
-	dismissed: "tw:text-neutral-700 tw:focus-visible:outline-neutral-500 tw:not-disabled:hover:text-neutral-800"
+	success: "tw:text-muted-foreground tw:focus-visible:outline-ring tw:not-disabled:hover:text-foreground",
+	error: "tw:text-destructive tw:focus-visible:outline-destructive tw:not-disabled:hover:text-destructive",
+	processing: "tw:text-muted-foreground tw:focus-visible:outline-ring tw:not-disabled:hover:text-foreground",
+	dismissed: "tw:text-muted-foreground tw:focus-visible:outline-ring tw:not-disabled:hover:text-foreground"
 };
-const iconClasses = "tw:size-4 tw:shrink-0 tw:basis-4";
+const iconClasses = "tw:size-3.5 tw:shrink-0 tw:basis-3.5 tw:opacity-70";
 const renderVariantIcon$1 = (variant) => {
 	if (variant === "processing") return /* @__PURE__ */ jsx(Loader2, { className: cn(iconClasses, "tw:animate-spin") });
 	if (variant === "error") return /* @__PURE__ */ jsx(XCircle, { className: iconClasses });
@@ -41,12 +40,12 @@ const CollapsibleStepHeader = ({ isExpanded, onToggle, label, variant = "success
 		type: "button",
 		"aria-expanded": isExpanded,
 		onClick: onToggle,
-		className: cn("tw:flex tw:w-fit tw:items-start tw:gap-2 tw:text-left tw:text-sm tw:font-medium tw:italic tw:transition-colors tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-offset-2 tw:disabled:opacity-40", variantClasses[variant]),
+		className: cn("tw:flex tw:w-fit tw:items-center tw:gap-1.5 tw:text-left tw:text-xs tw:font-medium tw:transition-colors tw:focus-visible:outline tw:focus-visible:outline-2 tw:focus-visible:outline-offset-2 tw:disabled:opacity-40", variantClasses[variant]),
 		children: [renderVariantIcon$1(variant), /* @__PURE__ */ jsxs("span", {
 			className: "tw:min-w-0",
 			children: [label, /* @__PURE__ */ jsxs("span", {
 				className: "tw:whitespace-nowrap",
-				children: ["⁠", /* @__PURE__ */ jsx(ChevronDown, { className: cn("tw:ml-2 tw:inline-block tw:size-4 tw:align-middle tw:transition-transform", isExpanded && "tw:rotate-180") })]
+				children: ["⁠", /* @__PURE__ */ jsx(ChevronDown, { className: cn("tw:ml-1.5 tw:inline-block tw:size-3.5 tw:align-middle tw:transition-transform", isExpanded && "tw:rotate-180") })]
 			})]
 		})]
 	});
@@ -54,24 +53,24 @@ const CollapsibleStepHeader = ({ isExpanded, onToggle, label, variant = "success
 //#endregion
 //#region src/blocks/AIKit/InlineStepDetail.tsx
 const InlineStepDetail = ({ children }) => /* @__PURE__ */ jsx("div", {
-	className: "tw:ml-2.5 tw:whitespace-pre-wrap tw:border-l tw:border-neutral-200 tw:pl-3 tw:text-xs tw:text-neutral-400",
+	className: "tw:ml-2.5 tw:whitespace-pre-wrap tw:border-l tw:border-border tw:pl-3 tw:text-xs tw:text-muted-foreground",
 	children
 });
 //#endregion
 //#region src/blocks/AIKit/InlineStepLabel.tsx
 const renderVariantIcon = (variant) => {
-	if (variant === "processing") return /* @__PURE__ */ jsx(Loader2, { className: "tw:size-4 tw:animate-spin tw:text-neutral-200" });
-	if (variant === "error") return /* @__PURE__ */ jsx(XCircle, { className: "tw:size-4 tw:text-error-500" });
-	if (variant === "dismissed") return /* @__PURE__ */ jsx(XCircle, { className: "tw:size-4 tw:text-neutral-200" });
-	return /* @__PURE__ */ jsx(CircleCheck, { className: "tw:size-4 tw:text-neutral-200" });
+	if (variant === "processing") return /* @__PURE__ */ jsx(Loader2, { className: "tw:size-3.5 tw:animate-spin tw:text-muted-foreground" });
+	if (variant === "error") return /* @__PURE__ */ jsx(XCircle, { className: "tw:size-3.5 tw:text-destructive" });
+	if (variant === "dismissed") return /* @__PURE__ */ jsx(XCircle, { className: "tw:size-3.5 tw:text-muted-foreground/50" });
+	return /* @__PURE__ */ jsx(CircleCheck, { className: "tw:size-3.5 tw:text-muted-foreground/50" });
 };
 const InlineStepLabel = ({ variant, children }) => /* @__PURE__ */ jsxs("div", {
 	className: "tw:flex tw:min-w-0 tw:items-center tw:gap-1",
 	children: [/* @__PURE__ */ jsx("div", {
-		className: "tw:flex tw:size-5 tw:shrink-0 tw:items-center tw:justify-center",
+		className: "tw:relative tw:flex tw:size-5 tw:shrink-0 tw:items-center tw:justify-center tw:[background:var(--inline-step-surface,transparent)]",
 		children: renderVariantIcon(variant)
 	}), /* @__PURE__ */ jsx("div", {
-		className: "tw:flex tw:min-w-0 tw:flex-wrap tw:items-center tw:gap-x-1.5 tw:gap-y-1 tw:text-sm tw:font-medium tw:italic tw:text-neutral-800",
+		className: "tw:flex tw:min-w-0 tw:flex-wrap tw:items-center tw:gap-x-1.5 tw:gap-y-1 tw:text-xs tw:font-medium tw:text-muted-foreground",
 		children
 	})]
 });
@@ -128,7 +127,15 @@ const getLanguage = (element) => {
 	if (typeof props.className !== "string") return void 0;
 	return props.className.match(/language-(\S+)/)?.[1];
 };
-const components = {
+/**
+* The plugins this renderer always runs.
+*
+* - GFM is part of its contract: tables route through the design `Table`, and autolinks and
+*   task lists are what an assistant answer is written in.
+* - A caller's own plugins are appended to these, never substituted for them.
+*/
+const baseRemarkPlugins = [remarkGfm];
+const baseComponents = {
 	pre({ children, ...props }) {
 		const child = Array.isArray(children) ? children[0] : children;
 		if (getLanguage(child) === "mermaid") {
@@ -207,13 +214,16 @@ const components = {
 * `MessageBubble` to render an assistant message body. Code blocks expose a
 * copy button, so mount a `TooltipProvider` once at the app root.
 */
-const Markdown = ({ children, className }) => {
+const Markdown = ({ children, className, remarkPlugins, components: componentOverrides }) => {
 	return /* @__PURE__ */ jsx("div", {
 		"data-prose": true,
 		className: cn(proseClass, className),
 		children: /* @__PURE__ */ jsx(ReactMarkdown, {
-			remarkPlugins: [remarkGfm],
-			components,
+			remarkPlugins: remarkPlugins === void 0 ? baseRemarkPlugins : [...baseRemarkPlugins, ...remarkPlugins],
+			components: componentOverrides === void 0 ? baseComponents : {
+				...baseComponents,
+				...componentOverrides
+			},
 			children
 		})
 	});
@@ -223,22 +233,31 @@ const Markdown = ({ children, className }) => {
 const containerClasses = cva([
 	"tw:flex",
 	"tw:max-w-full",
-	"tw:gap-4"
+	"tw:gap-3"
 ], {
 	variants: { variant: {
-		user: ["tw:justify-self-end", "tw:flex-row-reverse"],
-		assistant: [
-			"tw:justify-self-start",
-			"tw:w-full",
-			"tw:gap-3"
-		]
+		user: ["tw:justify-end"],
+		assistant: ["tw:justify-start", "tw:w-full"]
+	} },
+	defaultVariants: { variant: "assistant" }
+});
+const stackClasses = cva([
+	"tw:flex",
+	"tw:min-w-0",
+	"tw:flex-1",
+	"tw:flex-col",
+	"tw:gap-2"
+], {
+	variants: { variant: {
+		user: ["tw:items-end"],
+		assistant: []
 	} },
 	defaultVariants: { variant: "assistant" }
 });
 const contentClasses = cva([
 	"tw:flex",
 	"tw:flex-col",
-	"tw:gap-4",
+	"tw:gap-3",
 	"tw:break-words",
 	"tw:leading-relaxed",
 	"tw:text-foreground",
@@ -252,33 +271,30 @@ const contentClasses = cva([
 			"tw:[&>*]:min-w-0"
 		],
 		user: [
-			"tw:max-w-screen-sm",
+			"tw:max-w-[min(85%,40rem)]",
 			"tw:w-fit",
 			"tw:bg-muted",
-			"tw:p-3",
-			"tw:rounded-2xl",
-			"tw:ml-6",
+			"tw:px-3",
+			"tw:py-2",
+			"tw:rounded-xl",
 			"tw:overflow-hidden",
 			"tw:break-anywhere"
 		]
 	} },
 	defaultVariants: { variant: "assistant" }
 });
-const MessageBubble = ({ variant, children, user, actions, createdAt }) => {
-	return /* @__PURE__ */ jsxs("div", {
+const MessageBubble = ({ variant, children, actions, createdAt }) => {
+	return /* @__PURE__ */ jsx("div", {
 		className: containerClasses({ variant }),
 		"data-testid": `chat-message-${variant}`,
-		children: [variant === "user" && /* @__PURE__ */ jsx(Avatar, {
-			user,
-			size: 30,
-			title: createdAt
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "tw:flex tw:min-w-0 tw:flex-1 tw:flex-col tw:gap-2",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: stackClasses({ variant }),
 			children: [/* @__PURE__ */ jsx("div", {
 				className: contentClasses({ variant }),
+				title: variant === "user" ? createdAt : void 0,
 				children
 			}), actions]
-		})]
+		})
 	});
 };
 //#endregion
@@ -665,7 +681,7 @@ const PromptInputSubmit = ({ ref, disabled, status = "ready" }) => {
 	const icon = (() => {
 		if (status === "streaming") return /* @__PURE__ */ jsx(CirclePause, { className: "tw:size-4" });
 		if (status === "interrupted") return /* @__PURE__ */ jsx(Play, { className: "tw:size-4" });
-		return /* @__PURE__ */ jsx(Send, { className: "tw:size-4" });
+		return /* @__PURE__ */ jsx(Send, { className: "tw:size-4 tw:translate-x-[-1px] tw:translate-y-[1px]" });
 	})();
 	const getTooltipText = () => {
 		if (status === "streaming") return "Stop";
@@ -679,9 +695,9 @@ const PromptInputSubmit = ({ ref, disabled, status = "ready" }) => {
 			disabled,
 			"aria-label": ARIA_LABEL_BY_STATUS[status],
 			size: "icon-sm",
-			variant: "invisible",
+			variant: "primary",
 			isLoading: status === "submitted",
-			className: "tw:ml-auto tw:flex tw:items-center tw:rounded-lg tw:[&_svg]:text-secondary-500 tw:not-disabled:hover:[&_svg]:text-secondary-600",
+			className: cn("tw:ml-auto tw:flex tw:items-center tw:rounded-full", "tw:bg-gradient-to-br tw:from-[#61E4FF] tw:via-[#1F8FFF] tw:to-[#7C5CFF]", "tw:hover:not-disabled:brightness-110"),
 			children: status !== "submitted" && icon
 		}) })
 	}), getTooltipText() && /* @__PURE__ */ jsx(Tooltip.Content, {
@@ -742,12 +758,16 @@ const wrapperVariants = cva(null, {
 		inline: ""
 	} }
 });
-const PromptInput = ({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value = "", onValueChange, status = "ready", maxRows = 6, minRows, commands, ...textareaProps }) => {
+const PromptInput = ({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value = "", onValueChange, status = "ready", maxRows = 6, minRows, commands, autoFocus, ...textareaProps }) => {
 	const defaultMinRows = variant === "inline" ? 1 : 2;
 	const isDisabled = (disabled || disableSubmit || !value.trim()) && status !== "streaming" && status !== "interrupted";
 	const textareaId = useId();
 	const textareaRef = useRef(null);
 	const [dismissedValue, setDismissedValue] = useState(null);
+	const autoFocusRef = useRef(autoFocus);
+	useEffect(() => {
+		if (autoFocusRef.current) textareaRef.current?.focus({ preventScroll: true });
+	}, []);
 	if (dismissedValue !== null && value !== dismissedValue) setDismissedValue(null);
 	const hasCommands = !!commands && commands.length > 0;
 	const valueLooksLikeSlashCommand = value.startsWith("/") && !/\s/.test(value);
@@ -1093,9 +1113,9 @@ const SuggestedPrompt = ({ label, disabled, onClick, icon, className }) => {
 	return /* @__PURE__ */ jsxs("button", {
 		type: "button",
 		disabled,
-		className: cn("tailwindcss-preflight tw:flex tw:items-center tw:justify-start tw:gap-2 tw:whitespace-nowrap tw:rounded-lg tw:p-2 tw:text-left tw:text-sm tw:font-medium tw:text-foreground tw:transition-colors tw:not-disabled:hover:bg-muted tw:disabled:cursor-not-allowed tw:disabled:opacity-50", className),
+		className: cn("tailwindcss-preflight tw:flex tw:items-center tw:justify-start tw:gap-2.5 tw:whitespace-nowrap", "tw:rounded-lg tw:px-3 tw:py-2", "tw:text-left tw:text-sm tw:font-medium tw:text-foreground", "tw:transition-colors tw:not-disabled:hover:bg-accent", "tw:focus-visible:outline-none tw:focus-visible:ring-2 tw:focus-visible:ring-ring tw:focus-visible:ring-offset-1", "tw:disabled:cursor-not-allowed tw:disabled:opacity-50", className),
 		onClick,
-		children: [icon ?? /* @__PURE__ */ jsx(FileText, { className: "tw:size-4 tw:shrink-0 tw:basis-4 tw:[&_*]:stroke-aigradient-600" }), /* @__PURE__ */ jsx("div", {
+		children: [icon ?? /* @__PURE__ */ jsx(Sparkles, { className: "tw:size-4 tw:shrink-0 tw:basis-4 tw:[&_*]:stroke-aigradient-600" }), /* @__PURE__ */ jsx("div", {
 			className: "tw:whitespace-normal tw:text-left",
 			children: label
 		})]
@@ -1105,10 +1125,10 @@ const SuggestedPrompt = ({ label, disabled, onClick, icon, className }) => {
 //#region src/blocks/AIKit/ThinkingIndicator.tsx
 const ThinkingIndicator = ({ label = "Thinking..." }) => {
 	return /* @__PURE__ */ jsxs("div", {
-		className: "tw:flex tw:items-center tw:gap-2",
+		className: "tw:flex tw:items-center tw:gap-1.5",
 		"data-testid": "chat-thinking-indicator",
-		children: [/* @__PURE__ */ jsx(Loader2, { className: "tw:size-4 tw:animate-spin tw:text-secondary-500" }), /* @__PURE__ */ jsx("span", {
-			className: "tw:text-sm tw:italic tw:text-secondary-500",
+		children: [/* @__PURE__ */ jsx(Loader2, { className: "tw:size-3.5 tw:animate-spin tw:text-muted-foreground" }), /* @__PURE__ */ jsx("span", {
+			className: "tw:text-xs tw:font-medium tw:text-muted-foreground",
 			children: label
 		})]
 	});
@@ -1259,6 +1279,63 @@ const ToolCallChip = ({ label, state, icon, trailing, onClick, className }) => {
 	});
 };
 //#endregion
+//#region src/blocks/AIKit/ToolCallStatusHeader.tsx
+const headerVariants = cva("tw:flex tw:items-center tw:justify-between tw:gap-2 tw:px-2.5 tw:py-1.5", {
+	variants: { status: {
+		processing: "tw:border-b tw:border-border/60",
+		warning: "tw:bg-warning/10",
+		success: "tw:border-b tw:border-border/60",
+		error: "tw:bg-destructive/10"
+	} },
+	defaultVariants: { status: "success" }
+});
+const statusInk = {
+	processing: "tw:text-muted-foreground",
+	warning: "tw:text-warning",
+	success: "tw:text-muted-foreground",
+	error: "tw:text-destructive"
+};
+const statusIconInk = {
+	processing: "tw:text-muted-foreground",
+	warning: "tw:text-warning",
+	success: "tw:text-success/70",
+	error: "tw:text-destructive"
+};
+const ToolCallStatusHeader = ({ icon: IconComponent, iconSpin, status, text, needsConfirmation, isCollapsible, isCollapsed, onToggleCollapse }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		role: isCollapsible ? "button" : void 0,
+		tabIndex: isCollapsible ? 0 : void 0,
+		"aria-expanded": isCollapsible ? !isCollapsed : void 0,
+		"data-status": status,
+		className: cn(headerVariants({ status }), isCollapsible && "tw:cursor-pointer"),
+		onClick: isCollapsible ? onToggleCollapse : void 0,
+		onKeyDown: isCollapsible ? (e) => {
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault();
+				onToggleCollapse?.();
+			}
+		} : void 0,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "tw:flex tw:min-w-0 tw:flex-1 tw:items-center tw:gap-1.5",
+			children: [/* @__PURE__ */ jsx(IconComponent, { className: cn("tw:size-3.5 tw:shrink-0", statusIconInk[status], iconSpin && "tw:animate-spin") }), /* @__PURE__ */ jsx("span", {
+				"data-testid": "tool-status-text",
+				className: cn("tw:truncate tw:pr-0.5 tw:text-xs tw:font-medium", statusInk[status]),
+				children: text
+			})]
+		}), (needsConfirmation || isCollapsible) && /* @__PURE__ */ jsxs("div", {
+			className: "tw:flex tw:shrink-0 tw:items-center tw:gap-2",
+			children: [needsConfirmation && /* @__PURE__ */ jsxs("div", {
+				className: "tw:flex tw:items-center tw:gap-1",
+				children: [/* @__PURE__ */ jsx("span", {
+					"data-testid": "tool-confirmation-required",
+					className: "tw:text-xs tw:font-medium tw:text-warning",
+					children: "Confirmation required"
+				}), /* @__PURE__ */ jsx(TriangleAlert, { className: "tw:size-3.5 tw:text-warning" })]
+			}), isCollapsible && (isCollapsed ? /* @__PURE__ */ jsx(ChevronDown, { className: "tw:size-3.5 tw:shrink-0 tw:text-muted-foreground" }) : /* @__PURE__ */ jsx(ChevronUp, { className: "tw:size-3.5 tw:shrink-0 tw:text-muted-foreground" }))]
+		})]
+	});
+};
+//#endregion
 //#region src/blocks/AIKit/usageStatsHelpers.ts
 /** Clamp a percentage to 0–100 and normalize non-finite input to 0. */
 const clampPercentage = (value) => Number.isFinite(value) ? Math.min(100, Math.max(0, value)) : 0;
@@ -1297,15 +1374,17 @@ const UsageStatsRing = ({ value, size = 16, strokeWidth = 2.5, className }) => {
 //#endregion
 //#region src/blocks/AIKit/UsageStats.tsx
 const UsageStats = ({ value, alert = false, children, className, ariaLabel, align = "end", side = "top", sideOffset = 8 }) => {
-	const defaultLabel = `Usage: ${Math.round(clampPercentage(value))}%${alert ? " (usage alert)" : ""}`;
+	const hasAlert = Boolean(alert);
+	const isWarning = alert === "warning";
+	const defaultLabel = `Usage: ${Math.round(clampPercentage(value))}%${hasAlert ? " (usage alert)" : ""}`;
 	return /* @__PURE__ */ jsxs(HoverCard, { children: [/* @__PURE__ */ jsx(HoverCard.Trigger, {
 		asChild: true,
 		children: /* @__PURE__ */ jsxs("span", {
 			"aria-label": ariaLabel ?? defaultLabel,
 			className: cn("tw:relative tw:inline-flex tw:size-8 tw:items-center tw:justify-center", className),
-			children: [/* @__PURE__ */ jsx(UsageStatsRing, { value }), alert && /* @__PURE__ */ jsx(AlertCircle, {
+			children: [/* @__PURE__ */ jsx(UsageStatsRing, { value }), hasAlert && /* @__PURE__ */ jsx(AlertCircle, {
 				"data-testid": "usage-stats-alert",
-				className: "tw:absolute tw:-right-0.5 tw:-top-0.5 tw:size-3 tw:text-error-500"
+				className: cn("tw:absolute tw:-right-0.5 tw:-top-0.5 tw:size-3", isWarning ? "tw:text-warning-500" : "tw:text-error-500")
 			})]
 		})
 	}), /* @__PURE__ */ jsx(HoverCard.Content, {
@@ -1316,6 +1395,6 @@ const UsageStats = ({ value, alert = false, children, className, ariaLabel, alig
 	})] });
 };
 //#endregion
-export { AnswerSummary, CollapsibleStepHeader, InlineStepDetail, InlineStepLabel, Markdown, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, UsageStats, UsageStatsRing };
+export { AnswerSummary, CollapsibleStepHeader, InlineStepDetail, InlineStepLabel, Markdown, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageStats, UsageStatsRing };
 
-//# sourceMappingURL=AIKit-DaFT7p92.js.map
+//# sourceMappingURL=AIKit-DDg5DBCG.js.map