@keboola/design 15.1.0 → 16.0.0

package/dist/{AIKit-BR6jfsdI.js → AIKit-Cf5plya2.js}

@@ -1,24 +1,24 @@
-import { cn } from "./classNames-DcGnTh2N.js";
-import { Tooltip, TooltipProvider, isMac } from "./utils-DwC9u0tM.js";
-import { AlertCircle, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Ban, BarChart3, Bell, BookOpen, Bookmark, Box, Bug, Calendar, ChartBar, ChartPie, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle, CircleAlert, CircleCheck, CircleHelp, CirclePause, CirclePlay, CirclePlus, CircleStop, CircleX, Clock, Cloud, Cog, Copy, Database, Download, Ellipsis, ExternalLink, Eye, File, FilePen, FileText, Filter, Flag, Folder, Gauge, GitBranch, GitMerge, GitPullRequest, Globe, Hand, HardDrive, History, Hourglass, Info, Key, Layers, Lightbulb, LineChart, Link, List, ListChecks, Loader2, LoaderCircle, Lock, Mail, Maximize2, Minimize2, Minus, Package, Pause, Pencil, Pin, Play, Plus, Quote, RefreshCw, Rocket, RotateCcw, RotateCw, Save, Search, Send, Server, Settings, Shield, Sparkles, Star, Table, ThumbsDown, ThumbsUp, Trash2, TrendingDown, TrendingUp, TriangleAlert, Upload, User, Users, WandSparkles, Warehouse, Workflow, Wrench, X, XCircle, Zap } from "./icons-ZIeZXXS7.js";
-import { Button } from "./Button-BNkyYU8u.js";
+import { cn } from "./classNames-DkX30VJU.js";
+import { Tooltip, TooltipProvider, isMac } from "./utils-DjFceY3H.js";
+import { AlertCircle, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Ban, BarChart3, Bell, BookOpen, Bookmark, Box, Bug, Calendar, ChartBar, ChartPie, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle, CircleAlert, CircleCheck, CircleHelp, CirclePause, CirclePlay, CirclePlus, CircleStop, CircleX, Clock, Cloud, Cog, Copy, Database, Download, Ellipsis, ExternalLink, Eye, File, FilePen, FileText, Filter, Flag, Folder, Gauge, GitBranch, GitMerge, GitPullRequest, Globe, Hand, HardDrive, History, Hourglass, Info, Key, Layers, Lightbulb, LineChart, Link, List, ListChecks, Loader2, LoaderCircle, Lock, Mail, Maximize2, Minimize2, Minus, Package, Pause, Pencil, Pin, Play, Plus, Quote, RefreshCw, Rocket, RotateCcw, RotateCw, Save, Search, Send, Server, Settings, Shield, Sparkles, Star, Table, ThumbsDown, ThumbsUp, Trash2, TrendingDown, TrendingUp, TriangleAlert, Upload, User, Users, WandSparkles, Warehouse, Workflow, Wrench, X, XCircle, Zap } from "./icons-DDR9dFSr.js";
+import { Button } from "./Button-DbvGzEDb.js";
 import { ButtonGroup } from "./internal/components/ButtonGroup.js";
-import { ClipboardButton } from "./ClipboardButton-B1Hr_n_Z.js";
-import { FullScreenModal, FullScreenModalBody, FullScreenModalHeader } from "./FullScreenModal-DAvvlGOz.js";
+import { ClipboardButton } from "./ClipboardButton-71Ugbl8c.js";
+import { FullScreenModal, FullScreenModalBody, FullScreenModalHeader } from "./FullScreenModal-RzY5XxiG.js";
 import { Truncated } from "./internal/components/Truncated.js";
 import { useStableCallback } from "./internal/hooks/useStableCallback.js";
-import { HoverCard } from "./HoverCard-Cf9iYyaW.js";
-import { Command } from "./Command-DhXmqFLT.js";
-import { TextInput } from "./TextInput-CR0_USaY.js";
-import { Badge } from "./Badge-CqlOE5A2.js";
+import { HoverCard } from "./HoverCard-OGWKRXJ7.js";
+import { Command } from "./Command-BcTb6GsR.js";
+import { TextInput } from "./TextInput--1CfZybC.js";
+import { Badge } from "./Badge-CFRhducL.js";
 import { Textarea } from "./internal/blocks/Textarea.js";
-import { Kbd, keys } from "./Kbd-CflKthfu.js";
-import { Collapsible } from "./Collapsible-DD4xTL75.js";
-import { Alert } from "./Alert-Chz6KZ7e.js";
-import { Table as Table$1, tableAriaSort } from "./Table-CilEvpMq.js";
+import { Kbd, keys } from "./Kbd-BprYCICe.js";
+import { Collapsible } from "./Collapsible-zsXk4Vpp.js";
+import { Alert } from "./Alert-DziS8n1H.js";
+import { Table as Table$1, tableAriaSort } from "./Table-BwgBm3hJ.js";
 import { DiagramSkeleton } from "./internal/blocks/DiagramShared/DiagramSkeleton.js";
-import { DiagramSource, makeResponsive } from "./svgTransforms-Hnvev3Vs.js";
-import { ZoomableSvg, toSvgFileContent } from "./ZoomableSvg-CxXKanUR.js";
+import { DiagramSource, makeResponsive } from "./svgTransforms-BBxxO9T6.js";
+import { ZoomableSvg, toSvgFileContent } from "./ZoomableSvg-BRPGgaWJ.js";
 import { Progress } from "./internal/components/Progress.js";
 import { digitFromKeyCode, useAltDigitHotkey } from "./internal/hooks/useAltDigitHotkey.js";
 import { createContext, isValidElement, use, useCallback, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
@@ -29,7 +29,7 @@ import TextareaAutosize from "react-textarea-autosize";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import DOMPurify from "dompurify";
-//#region src/blocks/AIKit/AnswerCommentInput.tsx
+// src/blocks/AIKit/AnswerCommentInput.tsx
 const MAX_COMMENT_LENGTH = 2e3;
 /**
 * One-line follow-up to a thumbs-down.
@@ -62,8 +62,7 @@ const AnswerCommentInput = ({ placeholder, onSubmit }) => {
 		className: "tw:w-64 tw:max-w-full tw:[&_input]:text-ellipsis"
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/AnswerActions.tsx
+// src/blocks/AIKit/AnswerActions.tsx
 const VOTE_BUTTONS = [{
 	vote: "up",
 	icon: /* @__PURE__ */ jsx(ThumbsUp, { className: "tw:size-4" })
@@ -75,6 +74,16 @@ const DEFAULT_LABELS = {
 	up: "Good answer",
 	down: "Bad answer"
 };
+const RECORDED_VOTE_CLASSES = {
+	tinted: {
+		up: "tw:bg-success/10 tw:text-success tw:hover:not-disabled:bg-success/20 tw:hover:not-disabled:text-success",
+		down: "tw:bg-destructive/10 tw:text-destructive tw:hover:not-disabled:bg-destructive/20 tw:hover:not-disabled:text-destructive"
+	},
+	quiet: {
+		up: "tw:text-primary tw:hover:not-disabled:text-primary",
+		down: "tw:text-primary tw:hover:not-disabled:text-primary"
+	}
+};
 /** Roomier for a panel; compact for a dense transcript. */
 const SIZES = {
 	small: {
@@ -93,7 +102,7 @@ const SIZES = {
 * - A vote can be changed but not withdrawn; pressing the pressed one re-sends it.
 * - The caller owns the recorded vote and the write.
 */
-const AnswerActions = ({ copyText, vote, onVote, onCopy, actions, extraActions = [], labels = DEFAULT_LABELS, confirmation, size = "small", layout = "inline", onDownComment, commentPlaceholder = "What was wrong? (optional)", onRegenerate, regenerateLabel = "Ask again" }) => {
+const AnswerActions = ({ copyText, vote, onVote, onCopy, actions, extraActions = [], labels = DEFAULT_LABELS, confirmation, size = "small", layout = "inline", onDownComment, commentPlaceholder = "What was wrong? (optional)", onRegenerate, regenerateLabel = "Ask again", groupDivider = false, timestamp, voteStyle = "tinted" }) => {
 	const { button, gap } = SIZES[size];
 	const votes = VOTE_BUTTONS.map(({ vote: candidate, icon }) => {
 		const isRecorded = vote === candidate;
@@ -105,7 +114,7 @@ const AnswerActions = ({ copyText, vote, onVote, onCopy, actions, extraActions =
 			children: /* @__PURE__ */ jsx(Button, {
 				size: button,
 				variant: "invisible",
-				className: cn(isRecorded && candidate === "up" && "tw:bg-success/10 tw:text-success tw:hover:not-disabled:bg-success/20 tw:hover:not-disabled:text-success", isRecorded && candidate === "down" && "tw:bg-destructive/10 tw:text-destructive tw:hover:not-disabled:bg-destructive/20 tw:hover:not-disabled:text-destructive"),
+				className: cn(isRecorded && RECORDED_VOTE_CLASSES[voteStyle][candidate]),
 				"aria-label": label,
 				"aria-pressed": isRecorded,
 				onClick: () => onVote(candidate),
@@ -145,6 +154,22 @@ const AnswerActions = ({ copyText, vote, onVote, onCopy, actions, extraActions =
 			children: icon
 		})
 	}, id));
+	const time = timestamp ? /* @__PURE__ */ jsx(Tooltip, {
+		tooltip: timestamp,
+		placement: "top",
+		triggerAsChild: true,
+		children: /* @__PURE__ */ jsx(Button, {
+			size: button,
+			variant: "invisible",
+			"aria-label": timestamp,
+			className: "tw:cursor-default tw:text-muted-foreground",
+			children: /* @__PURE__ */ jsx(Clock, { className: "tw:size-3.5" })
+		})
+	}) : null;
+	const divider = groupDivider && (regenerate || actions) ? /* @__PURE__ */ jsx("span", {
+		"aria-hidden": true,
+		className: "tw:mx-1 tw:h-4 tw:w-px tw:bg-border"
+	}) : null;
 	const comment = onDownComment && vote === "down" ? /* @__PURE__ */ jsx(AnswerCommentInput, {
 		placeholder: commentPlaceholder,
 		onSubmit: onDownComment
@@ -169,7 +194,8 @@ const AnswerActions = ({ copyText, vote, onVote, onCopy, actions, extraActions =
 					actions,
 					regenerate,
 					copy,
-					extras
+					extras,
+					time
 				]
 			})
 		]
@@ -181,9 +207,11 @@ const AnswerActions = ({ copyText, vote, onVote, onCopy, actions, extraActions =
 			copy,
 			extras,
 			votes,
+			divider,
 			regenerate,
 			actions,
-			said
+			said,
+			time
 		]
 	});
 	if (!comment) return group;
@@ -192,8 +220,7 @@ const AnswerActions = ({ copyText, vote, onVote, onCopy, actions, extraActions =
 		children: [group, comment]
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/SourceChip.tsx
+// src/blocks/AIKit/SourceChip.tsx
 const STATE_CLASSES = {
 	verified: "tw:border-solid tw:border-success/30 tw:bg-success/10 tw:text-foreground",
 	unverified: "tw:border-dashed tw:border-warning/60 tw:bg-warning/10 tw:text-foreground",
@@ -212,8 +239,8 @@ const accessibleName = ({ kind, label, state = "neutral" }) => [[kind, label].fi
 * - A plain left click goes to `onClick`; modified clicks keep the link's own behaviour.
 */
 const SourceChip = (props) => {
-	const { label, state = "neutral", icon, href, external, onClick, title, className } = props;
-	const classes = cn("tailwindcss-preflight tw:inline-flex tw:h-6 tw:max-w-64 tw:min-w-0 tw:items-center tw:gap-1 tw:rounded-md tw:border tw:px-2 tw:text-xs tw:no-underline", STATE_CLASSES[state], (href || onClick) && "tw:cursor-pointer tw:hover:bg-hover tw:focus-visible:outline-none tw:focus-visible:ring-2 tw:focus-visible:ring-ring", className);
+	const { label, state = "neutral", verifiedStyle = "tinted", icon, href, external, onClick, title, className } = props;
+	const classes = cn("tailwindcss-preflight tw:inline-flex tw:h-6 tw:max-w-64 tw:min-w-0 tw:items-center tw:gap-1 tw:rounded-md tw:border tw:px-2 tw:text-xs tw:no-underline", STATE_CLASSES[state === "verified" && verifiedStyle === "quiet" ? "neutral" : state], (href || onClick) && "tw:cursor-pointer tw:hover:bg-hover tw:focus-visible:outline-none tw:focus-visible:ring-2 tw:focus-visible:ring-ring", className);
 	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [icon && /* @__PURE__ */ jsx("span", {
 		"aria-hidden": true,
 		className: "tw:inline-flex tw:shrink-0 tw:[&_svg]:size-3.5",
@@ -254,8 +281,7 @@ const SourceChip = (props) => {
 		children: content
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/AnswerSources.tsx
+// src/blocks/AIKit/AnswerSources.tsx
 const ANSWER_SOURCES_VISIBLE = 6;
 /**
 * The provenance row under an answer: where its figures came from.
@@ -264,7 +290,7 @@ const ANSWER_SOURCES_VISIBLE = 6;
 * - Collapses past `visibleCount` behind a "+N more" toggle.
 * - Empty `sources` states that none were declared, which is itself information.
 */
-const AnswerSources = ({ sources, label = "Sources", emptyLabel = "none declared", visibleCount = 6, footnote, className }) => {
+const AnswerSources = ({ sources, label = "Sources", emptyLabel = "none declared", visibleCount = 6, footnote, trailing, verifiedStyle, className }) => {
 	const [isExpanded, setIsExpanded] = useState(false);
 	const isCollapsible = sources.length > visibleCount;
 	const shown = isCollapsible && !isExpanded ? sources.slice(0, visibleCount) : sources;
@@ -282,7 +308,10 @@ const AnswerSources = ({ sources, label = "Sources", emptyLabel = "none declared
 					className: "tw:text-muted-foreground",
 					children: emptyLabel
 				}),
-				shown.map(({ id, ...chip }) => /* @__PURE__ */ jsx(SourceChip, { ...chip }, id)),
+				shown.map(({ id, ...chip }) => /* @__PURE__ */ jsx(SourceChip, {
+					verifiedStyle,
+					...chip
+				}, id)),
 				isCollapsible && /* @__PURE__ */ jsx("button", {
 					type: "button",
 					"aria-expanded": isExpanded,
@@ -301,13 +330,16 @@ const AnswerSources = ({ sources, label = "Sources", emptyLabel = "none declared
 						unverifiedCount,
 						" unverified"
 					]
+				}),
+				trailing && /* @__PURE__ */ jsx("span", {
+					className: "tw:inline-flex tw:shrink-0 tw:items-center tw:gap-1.5",
+					children: trailing
 				})
 			]
 		}), footnote]
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/CollapsibleBody.tsx
+// src/blocks/AIKit/CollapsibleBody.tsx
 const CollapsibleBody = ({ isExpanded, isClosing, onClosed, children }) => {
 	const handleTransitionEnd = (event) => {
 		if (event.target !== event.currentTarget) return;
@@ -323,8 +355,7 @@ const CollapsibleBody = ({ isExpanded, isClosing, onClosed, children }) => {
 		})
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/CollapsibleStepHeader.tsx
+// src/blocks/AIKit/CollapsibleStepHeader.tsx
 const variantClasses = {
 	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",
@@ -343,14 +374,14 @@ const renderVariantIcon$1 = (variant) => {
 	if (variant === "error" || variant === "dismissed") return /* @__PURE__ */ jsx(XCircle, { className: iconClasses });
 	return /* @__PURE__ */ jsx(CircleCheck, { className: iconClasses });
 };
-const CollapsibleStepHeader = ({ isExpanded, onToggle, label, variant = "success" }) => {
+const CollapsibleStepHeader = ({ isExpanded, onToggle, label, variant = "success", statusMark = true }) => {
 	return /* @__PURE__ */ jsxs("button", {
 		type: "button",
 		"aria-expanded": isExpanded,
 		onClick: onToggle,
 		"data-variant": 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", {
+		children: [statusMark && renderVariantIcon$1(variant), /* @__PURE__ */ jsxs("span", {
 			className: "tw:min-w-0",
 			children: [
 				label,
@@ -366,34 +397,47 @@ const CollapsibleStepHeader = ({ isExpanded, onToggle, label, variant = "success
 		})]
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/hasMotion.ts
+// src/blocks/AIKit/hasMotion.ts
 const hasMotion = () => typeof window.matchMedia === "function" && !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-//#endregion
-//#region src/blocks/AIKit/InlineStepDetail.tsx
+// 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-border tw:pl-3 tw:text-xs tw:text-muted-foreground",
 	children
 });
-//#endregion
-//#region src/blocks/AIKit/InlineStepLabel.tsx
+// src/blocks/AIKit/InlineStepLabel.tsx
+const STATUS_WORD = {
+	processing: "running",
+	success: "finished",
+	error: "failed",
+	dismissed: "not run"
+};
+const isQuietOutcome = (variant) => variant === "error" || variant === "dismissed";
 const renderVariantIcon = (variant) => {
 	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, meta, detail, defaultExpanded = false }) => {
+const InlineStepLabel = ({ variant, children, meta, detail, defaultExpanded = false, icon }) => {
 	const [isExpanded, setIsExpanded] = useState(defaultExpanded);
+	const mark = icon ? /* @__PURE__ */ jsx("span", {
+		"aria-hidden": true,
+		className: cn("tw:inline-flex tw:text-muted-foreground tw:[&_svg]:size-3.5", isQuietOutcome(variant) && "tw:opacity-50"),
+		children: icon
+	}) : renderVariantIcon(variant);
 	const row = /* @__PURE__ */ jsxs("div", {
 		className: "tw:flex tw:min-w-0 tw:items-center tw:gap-1",
 		children: [/* @__PURE__ */ jsx("div", {
 			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)
+			children: mark
 		}), /* @__PURE__ */ jsxs("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-xs tw:font-medium tw:text-muted-foreground",
+			className: cn("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", icon && isQuietOutcome(variant) && "tw:text-muted-foreground/70"),
 			children: [
 				children,
+				icon && /* @__PURE__ */ jsx("span", {
+					className: "tw:sr-only",
+					children: ` (${STATUS_WORD[variant]})`
+				}),
 				meta && /* @__PURE__ */ jsx("span", {
 					className: "tw:font-normal tw:text-muted-foreground",
 					children: meta
@@ -418,8 +462,7 @@ const InlineStepLabel = ({ variant, children, meta, detail, defaultExpanded = fa
 		})]
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/AnswerSummary.tsx
+// src/blocks/AIKit/AnswerSummary.tsx
 const SECTION_LABELS = {
 	success: "Answered questions",
 	dismissed: "Dismissed questions",
@@ -480,8 +523,7 @@ const AnswerSummary = ({ items, variant = "success", statusLabel = DEFAULT_STATU
 		})]
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/AttachmentChip.tsx
+// src/blocks/AIKit/AttachmentChip.tsx
 const Lead = ({ status, thumbnailUrl, lead }) => {
 	if (status === "uploading") return /* @__PURE__ */ jsx(LoaderCircle, {
 		"aria-hidden": true,
@@ -540,8 +582,7 @@ const AttachmentChip = ({ name, thumbnailUrl, lead, label, status, error, onRemo
 		children: chip
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/ChatInlineIcon.tsx
+// src/blocks/AIKit/ChatInlineIcon.tsx
 /** Every drawable name; read through `Object.hasOwn`, or `icon:constructor` hits `Object.prototype`. */
 const ICON_REGISTRY = {
 	"book-open": BookOpen,
@@ -723,8 +764,7 @@ const ChatInlineIcon = ({ name }) => {
 		strokeWidth: 2.25
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/useCountdown.ts
+// src/blocks/AIKit/useCountdown.ts
 const TICK_MS = 1e3;
 /** Whole seconds left of a countdown that starts at `seconds`; `undefined` when there is none. */
 const useCountdown = (seconds) => {
@@ -746,8 +786,7 @@ const useCountdown = (seconds) => {
 	const elapsed = ticks.start === seconds ? ticks.elapsed : 0;
 	return Math.max(seconds - elapsed, 0);
 };
-//#endregion
-//#region src/blocks/AIKit/ChatNotice.tsx
+// src/blocks/AIKit/ChatNotice.tsx
 const ALERT_VARIANT = {
 	error: "error",
 	warn: "warning",
@@ -761,12 +800,12 @@ const countdownLabel = (remaining) => remaining > 0 ? `Try again in ${remaining}
 * - `details` stays collapsed so a stack trace never crowds the message.
 * - `retryAfter` appends a live countdown; `action` is always rendered, so the host decides whether to gate it.
 */
-const ChatNotice = ({ tone, children, action, details, retryAfter, className }) => {
+const ChatNotice = ({ tone, children, action, details, retryAfter, bordered = true, className }) => {
 	const remaining = useCountdown(retryAfter);
 	return /* @__PURE__ */ jsx(Alert, {
 		variant: ALERT_VARIANT[tone],
 		role: "status",
-		className,
+		className: cn(!bordered && "tw:border-0!", className),
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "tw:flex tw:flex-wrap tw:items-start tw:gap-x-3 tw:gap-y-2",
 			children: [/* @__PURE__ */ jsxs("div", {
@@ -796,8 +835,7 @@ const ChatNotice = ({ tone, children, action, details, retryAfter, className })
 		})
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/ContextChip.tsx
+// src/blocks/AIKit/ContextChip.tsx
 const CONTEXT_CHIP_EXPANDABLE_LENGTH = 120;
 /**
 * A quote or reference attached to a message being composed.
@@ -857,8 +895,7 @@ const ContextChip = ({ label, excerpt = "", images = [], number, onRemove, class
 		]
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/FileDownloadChip.tsx
+// src/blocks/AIKit/FileDownloadChip.tsx
 /**
 * A file the agent wrote, offered inside its own answer.
 *
@@ -923,8 +960,7 @@ const FileDownloadChip = ({ fileName, filePath, size, isPending = false, onDownl
 		]
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/FileGalleryTile.tsx
+// src/blocks/AIKit/FileGalleryTile.tsx
 const VISIBLE_MARGIN = "200px";
 /**
 * One image in a `FileGallery`.
@@ -989,8 +1025,7 @@ const FileGalleryTile = ({ image, onOpen, onRetry, onVisible }) => {
 		]
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/FileGallery.tsx
+// src/blocks/AIKit/FileGallery.tsx
 const DEFAULT_MAX_TILES = 12;
 /**
 * Image files the agent wrote, as a grid of thumbnails.
@@ -1024,8 +1059,7 @@ const FileGallery = ({ images, onOpen, onRetry, onImageVisible, maxTiles = DEFAU
 		})]
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/InlineStepGroup.tsx
+// src/blocks/AIKit/InlineStepGroup.tsx
 /** The surface colour, as the custom property the step icons mask against. */
 const surfaceStyle = (surface) => ({ "--inline-step-surface": surface });
 /**
@@ -1036,7 +1070,7 @@ const surfaceStyle = (surface) => ({ "--inline-step-surface": surface });
 * - Animates `grid-template-rows`; children stay mounted while closed.
 * - `role="group"`, not a `region` landmark: dozens per transcript would drown real landmarks.
 */
-const InlineStepGroup = ({ label, variant = "success", isExpanded, onToggle, surface = "rgb(var(--background))", "aria-label": ariaLabel, "data-testid": testId, className, footer, children }) => /* @__PURE__ */ jsxs("section", {
+const InlineStepGroup = ({ label, variant = "success", statusMark = true, isExpanded, onToggle, surface = "rgb(var(--background))", "aria-label": ariaLabel, "data-testid": testId, className, footer, children }) => /* @__PURE__ */ jsxs("section", {
 	role: "group",
 	className: cn("tw:flex tw:flex-col", className),
 	"aria-label": ariaLabel,
@@ -1045,7 +1079,8 @@ const InlineStepGroup = ({ label, variant = "success", isExpanded, onToggle, sur
 		isExpanded,
 		onToggle,
 		label,
-		variant
+		variant,
+		statusMark
 	}), /* @__PURE__ */ jsx("div", {
 		className: cn("tw:grid tw:transition-[grid-template-rows] tw:duration-200 tw:ease-out tw:motion-reduce:transition-none", isExpanded ? "tw:grid-rows-[1fr]" : "tw:grid-rows-[0fr]"),
 		children: /* @__PURE__ */ jsx("div", {
@@ -1070,8 +1105,7 @@ const InlineStepGroup = ({ label, variant = "success", isExpanded, onToggle, sur
 		})
 	})]
 });
-//#endregion
-//#region src/blocks/AIKit/JumpToLatest.tsx
+// src/blocks/AIKit/JumpToLatest.tsx
 /**
 * Scrolls a transcript back to its newest message.
 *
@@ -1097,8 +1131,7 @@ const JumpToLatest = ({ visible, working = false, onClick, label, tooltip, class
 		children: button
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/DiagramBlock.tsx
+// src/blocks/AIKit/DiagramBlock.tsx
 /**
 * One diagram block: a skeleton while its chunk loads, the fence source plus a retry if it fails.
 *
@@ -1144,8 +1177,7 @@ const DiagramBlock = ({ load, code, renderActions }) => {
 	})] });
 	return /* @__PURE__ */ jsx(DiagramSkeleton, {});
 };
-//#endregion
-//#region src/blocks/AIKit/diagramChunk.ts
+// src/blocks/AIKit/diagramChunk.ts
 /**
 * An on-demand diagram chunk, shared between mounts and retryable.
 *
@@ -1165,8 +1197,7 @@ const diagramChunk = (name, load) => {
 		return pending;
 	};
 };
-//#endregion
-//#region src/blocks/AIKit/downloadSvgFile.ts
+// src/blocks/AIKit/downloadSvgFile.ts
 /** How long the object URL outlives the click; the download has started by then. */
 const REVOKE_DELAY_MS = 1e3;
 /** Saves sanitized SVG markup as a standalone `.svg` file. */
@@ -1181,8 +1212,7 @@ const downloadSvgFile = (svg, filename = "diagram.svg") => {
 	anchor.remove();
 	setTimeout(() => URL.revokeObjectURL(url), REVOKE_DELAY_MS);
 };
-//#endregion
-//#region src/blocks/AIKit/DiagramDownloadButton.tsx
+// src/blocks/AIKit/DiagramDownloadButton.tsx
 /** A diagram toolbar action that saves the drawn diagram as an SVG file. */
 const DiagramDownloadButton = ({ safeSvg }) => /* @__PURE__ */ jsx(Tooltip, {
 	tooltip: "Download SVG",
@@ -1196,8 +1226,7 @@ const DiagramDownloadButton = ({ safeSvg }) => /* @__PURE__ */ jsx(Tooltip, {
 		children: /* @__PURE__ */ jsx(Download, { className: "tw:size-4" })
 	})
 });
-//#endregion
-//#region src/blocks/AIKit/highlightChunk.ts
+// src/blocks/AIKit/highlightChunk.ts
 let pending = null;
 /**
 * The syntax highlighter, loaded on first use and shared between blocks.
@@ -1206,15 +1235,14 @@ let pending = null;
 * - A failed import is logged and resolves `null`; the next block retries.
 */
 const loadHighlighter = () => {
-	pending ??= import("./highlightCode-D354tCXO.js").then((module) => module.highlightCode, (error) => {
+	pending ??= import("./highlightCode-2spZP7ZA.js").then((module) => module.highlightCode, (error) => {
 		console.error("[AIKit] failed to load the syntax highlighter chunk", error);
 		pending = null;
 		return null;
 	});
 	return pending;
 };
-//#endregion
-//#region src/blocks/AIKit/HighlightedCode.tsx
+// src/blocks/AIKit/HighlightedCode.tsx
 /**
 * A fenced block's `<code>`, coloured once the highlighter chunk loads.
 *
@@ -1245,8 +1273,7 @@ const HighlightedCode = ({ code, grammar, className, children }) => {
 		}, index) : token.text)
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/highlightLanguages.ts
+// src/blocks/AIKit/highlightLanguages.ts
 /**
 * Fence language → the grammar that highlights it.
 *
@@ -1277,15 +1304,13 @@ const getHighlightGrammar = (language) => {
 	const key = language?.toLowerCase();
 	return key !== void 0 && Object.hasOwn(HIGHLIGHT_GRAMMARS, key) ? HIGHLIGHT_GRAMMARS[key] : void 0;
 };
-//#endregion
-//#region src/blocks/AIKit/markdownOptions.ts
+// src/blocks/AIKit/markdownOptions.ts
 const MarkdownOptionsContext = createContext({
 	highlight: false,
 	sortable: false,
 	renderDiagramActions: void 0
 });
-//#endregion
-//#region src/blocks/AIKit/tableSort.ts
+// src/blocks/AIKit/tableSort.ts
 /** Characters a number cell carries for the reader: grouping, currency, percent, sign, spaces. */
 const NUMBER_NOISE = /[\s,_%$€£¥+]/g;
 /** A trailing magnitude: `142k`, `1.2M`, `3B`. */
@@ -1346,14 +1371,12 @@ const getRowCellText = (row, column) => {
 	const cell = getRowCells(row)[column];
 	return cell ? getHastText(cell) : "";
 };
-//#endregion
-//#region src/blocks/AIKit/tableSortContext.ts
+// src/blocks/AIKit/tableSortContext.ts
 /** The sort of the table being rendered; `null` outside a sortable table. */
 const TableSortContext = createContext(null);
 /** The hast cells of the row being rendered; a cell finds its column by identity. */
 const RowCellsContext = createContext([]);
-//#endregion
-//#region src/blocks/AIKit/TableSortProvider.tsx
+// src/blocks/AIKit/TableSortProvider.tsx
 /** Holds one table's sort; the `Markdown` header, row and body renderers read it. */
 const TableSortProvider = ({ children }) => {
 	const [sort, setSort] = useState(null);
@@ -1366,8 +1389,7 @@ const TableSortProvider = ({ children }) => {
 		children
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/MarkdownGrid.tsx
+// src/blocks/AIKit/MarkdownGrid.tsx
 /** The `table` renderer; a sortable block gives each table its own sort. */
 const MarkdownGrid = (props) => {
 	const { className, node: _node, ...rest } = props;
@@ -1382,8 +1404,7 @@ const MarkdownGrid = (props) => {
 	});
 	return sortable ? /* @__PURE__ */ jsx(TableSortProvider, { children: grid }) : grid;
 };
-//#endregion
-//#region src/blocks/AIKit/MarkdownTableBody.tsx
+// src/blocks/AIKit/MarkdownTableBody.tsx
 /**
 * The body of an answer's table, in the order its sorted column puts the rows.
 *
@@ -1404,8 +1425,7 @@ const MarkdownTableBody = (props) => {
 		children: order.map((index) => rows[index])
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/MarkdownTableHead.tsx
+// src/blocks/AIKit/MarkdownTableHead.tsx
 /**
 * A header cell in an answer's table; a sort control inside a sortable table.
 *
@@ -1431,8 +1451,7 @@ const MarkdownTableHead = (props) => {
 		})
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/MarkdownTableRow.tsx
+// src/blocks/AIKit/MarkdownTableRow.tsx
 /** A row in an answer's table; inside a sortable table its cells can find their column. */
 const MarkdownTableRow = (props) => {
 	const { node, ...rest } = props;
@@ -1443,8 +1462,105 @@ const MarkdownTableRow = (props) => {
 		children: row
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/svgFence.ts
+// src/blocks/AIKit/remarkCitations.ts
+const CITATION_TAG = "citation-marker";
+const CITATION = /\[(\d+)\]/g;
+const OPAQUE = /* @__PURE__ */ new Set([
+	"code",
+	"inlineCode",
+	"link",
+	"linkReference",
+	"definition"
+]);
+const split = (text) => {
+	const parts = [];
+	let last = 0;
+	for (const match of text.matchAll(CITATION)) {
+		if (match.index > last) parts.push({
+			type: "text",
+			value: text.slice(last, match.index)
+		});
+		parts.push({
+			type: "citation",
+			data: {
+				hName: CITATION_TAG,
+				hProperties: { id: match[1] ?? "" }
+			}
+		});
+		last = match.index + match[0].length;
+	}
+	if (last < text.length) parts.push({
+		type: "text",
+		value: text.slice(last)
+	});
+	return parts;
+};
+const rewrite = (node) => {
+	if (OPAQUE.has(node.type) || !node.children) return;
+	node.children = node.children.flatMap((child) => {
+		if (child.type === "text" && child.value !== void 0) return split(child.value);
+		rewrite(child);
+		return [child];
+	});
+};
+/**
+* Turns `[n]` in running text into a `citation-marker` element carrying `id`.
+*
+* - Code, inline code and links are left alone.
+* - Draws nothing itself: `Markdown` maps the element to the host's `renderCitation`.
+*/
+const remarkCitations = () => (tree) => {
+	rewrite(tree);
+};
+// src/blocks/AIKit/remarkStreamingCaret.ts
+const CARET_TAG = "streaming-caret";
+const caretNode = () => ({
+	type: "streamingCaret",
+	data: { hName: CARET_TAG }
+});
+const PHRASING_BLOCKS = /* @__PURE__ */ new Set([
+	"paragraph",
+	"heading",
+	"tableCell"
+]);
+const CONTAINERS = /* @__PURE__ */ new Set([
+	"list",
+	"listItem",
+	"blockquote",
+	"table",
+	"tableRow"
+]);
+const lastBlockOf = (node) => {
+	const last = node.children?.at(-1);
+	if (!last) return void 0;
+	if (PHRASING_BLOCKS.has(last.type)) return last;
+	if (CONTAINERS.has(last.type)) return lastBlockOf(last);
+};
+/**
+* Puts a `streaming-caret` element where the next words of a streamed answer land.
+*
+* - Inside the last paragraph, heading or table cell, descending through lists, quotes and tables.
+* - After the block when the answer ends in something else, e.g. a code fence.
+* - Draws nothing itself: `Markdown` maps the element to its caret.
+*/
+const remarkStreamingCaret = () => (tree) => {
+	const target = lastBlockOf(tree) ?? tree;
+	target.children = [...target.children ?? [], caretNode()];
+};
+// src/blocks/AIKit/StreamingCaret.tsx
+/** The mark at the end of a streamed answer; still under reduced motion. */
+const StreamingCaret = ({ moment, finishingLabel }) => /* @__PURE__ */ jsxs("span", {
+	"data-streaming-caret": moment,
+	className: "tw:whitespace-nowrap",
+	children: [/* @__PURE__ */ jsx("span", {
+		"aria-hidden": true,
+		className: cn("tw:ml-0.5 tw:inline-block tw:h-[1em] tw:w-0.5 tw:translate-y-[0.15em] tw:rounded-full tw:bg-foreground", moment === "writing" && "tw:animate-pulse tw:motion-reduce:animate-none")
+	}), moment === "finishing" && /* @__PURE__ */ jsx("span", {
+		className: "tw:ml-1.5 tw:text-sm tw:text-muted-foreground",
+		children: finishingLabel
+	})]
+});
+// src/blocks/AIKit/svgFence.ts
 /** Fence languages whose body may be a single SVG document. */
 const SVG_FENCE_LANGUAGES = [
 	"svg",
@@ -1528,8 +1644,7 @@ const svgFenceDocument = (language, body) => {
 	if (!SVG_ROOT.test(text.slice(at, at + 5))) return null;
 	return svgEndTagEnd(text, at) === text.length ? text.slice(at) : null;
 };
-//#endregion
-//#region src/blocks/AIKit/scopeSvgReferences.ts
+// src/blocks/AIKit/scopeSvgReferences.ts
 /** More cloned nodes than any honest chart needs; matplotlib's glyphs stay well under it. */
 const MAX_CLONED_NODES = 2e4;
 const LINK_ATTRIBUTES = ["href", "xlink:href"];
@@ -1626,8 +1741,7 @@ const scopeSvgReferences = (root) => {
 		}
 	}
 };
-//#endregion
-//#region src/blocks/AIKit/filterSvgStyle.ts
+// src/blocks/AIKit/filterSvgStyle.ts
 /** The CSS properties a fenced chart may set inline: nothing that loads a URL or leaves the box. */
 const SAFE_PROPERTIES = /* @__PURE__ */ new Set([
 	"alignment-baseline",
@@ -1697,8 +1811,7 @@ const filterSvgStyle = (style) => style.split(";").flatMap((declaration) => {
 	const value = declaration.slice(colon + 1).trim();
 	return isSafeDeclaration(property, value) ? [`${property}: ${value}`] : [];
 }).join("; ");
-//#endregion
-//#region src/blocks/AIKit/sanitizeSvgFence.ts
+// src/blocks/AIKit/sanitizeSvgFence.ts
 /**
 * Elements a fenced chart never keeps.
 *
@@ -1752,12 +1865,10 @@ const sanitizeSvgFence = (svg) => {
 	scopeSvgReferences(template.content);
 	return template.innerHTML;
 };
-//#endregion
-//#region src/blocks/AIKit/SvgFencesContext.ts
+// src/blocks/AIKit/SvgFencesContext.ts
 /** Whether the `Markdown.Block` being rendered draws ```svg fences; off by default. */
 const SvgFencesContext = createContext(false);
-//#endregion
-//#region src/blocks/AIKit/SvgFenceChart.tsx
+// src/blocks/AIKit/SvgFenceChart.tsx
 /** A fenced SVG chart, sanitized and drawn responsive, in a block that opted in. */
 const SvgFenceChart = ({ svg, source, children }) => {
 	const allowed = use(SvgFencesContext);
@@ -1770,25 +1881,28 @@ const SvgFenceChart = ({ svg, source, children }) => {
 		allowUse: true
 	});
 };
-/**
-* The fence languages `Markdown` draws instead of printing.
-*
-* - Streaming callers hold an open fence back as plain code, or every keystroke fetches the chunk.
-* - Frozen: it is shared across every app in the bundle.
-*/
-const DIAGRAM_LANGUAGES = Object.freeze([...[
-	"mermaid",
-	"flint",
-	"flint-chart"
-]]);
-//#endregion
-//#region src/blocks/AIKit/Markdown.tsx
+// src/blocks/AIKit/Markdown.tsx
 const loadMermaid = diagramChunk("MermaidDiagram", () => import("@keboola/design/mermaid").then((module) => module.MermaidDiagram));
 const loadFlint = diagramChunk("FlintChart", () => import("@keboola/design/flint").then((module) => module.FlintChart));
 const PROSE_CLASS = {
 	answer: "tw:prose tw:prose-answer tw:prose-code-chip tw:break-words",
 	chrome: "tw:prose tw:prose-sm tw:prose-code-chip tw:break-words"
 };
+/**
+* How large an answer's headings run.
+*
+* - `default`: the prose scale.
+* - `compact`: answer-sized, so a heading in a chat bubble does not outweigh the reply around it.
+* - Utilities carry `!`: `tw:prose-answer` rules sit above any plain utility.
+*/
+const HEADING_CLASS = {
+	default: void 0,
+	compact: [
+		"tw:[&_h1]:text-lg! tw:[&_h2]:text-base! tw:[&_h3]:text-[0.9375rem]! tw:[&_h4]:text-sm!",
+		"tw:[&_:is(h1,h2,h3,h4)]:mt-4! tw:[&_:is(h1,h2,h3,h4)]:mb-1.5! tw:[&_:is(h1,h2,h3,h4)]:leading-snug!",
+		"tw:[&_:is(h1,h2,h3,h4):first-child]:mt-0!"
+	].join(" ")
+};
 const getText = (node) => {
 	if (typeof node === "string") return node;
 	if (typeof node === "number") return String(node);
@@ -1928,9 +2042,10 @@ const baseComponents = {
 * - `data-prose` is `MessageBubble`'s colour hook; Tailwind can't target `tw:prose` directly.
 * - Spacing overrides need `!`: `tw:prose-answer` rules are `(0,2,1)`, above `[&_p]:mb-1`.
 */
-const MarkdownRoot = ({ children, className, rhythm = "answer" }) => /* @__PURE__ */ jsx("div", {
+const MarkdownRoot = ({ children, className, rhythm = "answer", headingScale = "default" }) => /* @__PURE__ */ jsx("div", {
 	"data-prose": true,
-	className: cn(PROSE_CLASS[rhythm], className),
+	"data-heading-scale": headingScale,
+	className: cn(PROSE_CLASS[rhythm], HEADING_CLASS[headingScale], className),
 	children
 });
 /** The diagram toolbar a block asks for: the caller's actions, then the built-in download. */
@@ -1939,7 +2054,7 @@ const composeDiagramActions = (diagramActions, diagramDownload) => {
 	return (safeSvg) => /* @__PURE__ */ jsxs(Fragment$1, { children: [diagramActions?.(safeSvg), /* @__PURE__ */ jsx(DiagramDownloadButton, { safeSvg })] });
 };
 /** One parsed piece of an answer, with no surface of its own; memoise at the call site. */
-const MarkdownBlock = ({ children, remarkPlugins, components: componentOverrides, highlight = false, sortable = false, diagramActions, diagramDownload = false, allowSvgFences = false }) => {
+const MarkdownBlock = ({ children, remarkPlugins, components: componentOverrides, highlight = false, sortable = false, diagramActions, diagramDownload = false, allowSvgFences = false, renderCitation, caret, finishingLabel = "Finishing…" }) => {
 	const options = useMemo(() => ({
 		highlight,
 		sortable,
@@ -1950,16 +2065,37 @@ const MarkdownBlock = ({ children, remarkPlugins, components: componentOverrides
 		diagramActions,
 		diagramDownload
 	]);
+	const plugins = useMemo(() => [
+		...baseRemarkPlugins,
+		...renderCitation ? [remarkCitations] : [],
+		...remarkPlugins ?? [],
+		...caret ? [remarkStreamingCaret] : []
+	], [
+		renderCitation,
+		remarkPlugins,
+		caret
+	]);
+	const components = useMemo(() => ({
+		...baseComponents,
+		...renderCitation && { ["citation-marker"]: ({ id }) => renderCitation(id ?? "") },
+		...caret && { ["streaming-caret"]: () => /* @__PURE__ */ jsx(StreamingCaret, {
+			moment: caret,
+			finishingLabel
+		}) },
+		...componentOverrides
+	}), [
+		renderCitation,
+		componentOverrides,
+		caret,
+		finishingLabel
+	]);
 	return /* @__PURE__ */ jsx(MarkdownOptionsContext, {
 		value: options,
 		children: /* @__PURE__ */ jsx(SvgFencesContext, {
 			value: allowSvgFences,
 			children: /* @__PURE__ */ jsx(ReactMarkdown, {
-				remarkPlugins: remarkPlugins === void 0 ? baseRemarkPlugins : [...baseRemarkPlugins, ...remarkPlugins],
-				components: componentOverrides === void 0 ? baseComponents : {
-					...baseComponents,
-					...componentOverrides
-				},
+				remarkPlugins: plugins,
+				components,
 				children
 			})
 		})
@@ -1970,16 +2106,17 @@ const MarkdownBlock = ({ children, remarkPlugins, components: componentOverrides
 *
 * - Needs a `TooltipProvider` at the app root (code copy button).
 * - Pass `rhythm="chrome"` for content a model did not write.
+* - Pass `headingScale="compact"` for headings sized to a chat answer.
 */
-const Markdown = ({ className, rhythm, ...blockProps }) => /* @__PURE__ */ jsx(MarkdownRoot, {
+const Markdown = ({ className, rhythm, headingScale, ...blockProps }) => /* @__PURE__ */ jsx(MarkdownRoot, {
 	className,
 	rhythm,
+	headingScale,
 	children: /* @__PURE__ */ jsx(MarkdownBlock, { ...blockProps })
 });
 Markdown.Root = MarkdownRoot;
 Markdown.Block = MarkdownBlock;
-//#endregion
-//#region src/blocks/AIKit/MarkdownTable.tsx
+// src/blocks/AIKit/MarkdownTable.tsx
 /** How much wider than its column a table has to be before the column is the wrong surface. */
 const EXPAND_RATIO = 1.5;
 /**
@@ -2058,8 +2195,7 @@ const MarkdownTable = ({ children, actions, onExpand, surface = "card", sortable
 		})]
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/CollapsedMessageBody.tsx
+// src/blocks/AIKit/CollapsedMessageBody.tsx
 /**
 * Clips tall content at `maxHeight` behind a fade, with a Show more / Show less toggle.
 *
@@ -2100,8 +2236,7 @@ const CollapsedMessageBody = ({ maxHeight, fadeClassName, children }) => {
 		})]
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/MessageDeliveryStatus.tsx
+// src/blocks/AIKit/MessageDeliveryStatus.tsx
 /**
 * Where a sent message stands, until it is delivered.
 *
@@ -2125,8 +2260,7 @@ const MessageDeliveryStatus = ({ status, onRetry }) => {
 		})]
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/MessageTimestamp.tsx
+// src/blocks/AIKit/MessageTimestamp.tsx
 const TIME_FORMAT = {
 	hour: "2-digit",
 	minute: "2-digit"
@@ -2147,8 +2281,7 @@ const MessageTimestamp = ({ createdAt }) => {
 		children: date.toLocaleTimeString([], TIME_FORMAT)
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/MessageBubble.tsx
+// src/blocks/AIKit/MessageBubble.tsx
 const containerClasses = cva([
 	"tw:flex",
 	"tw:max-w-full",
@@ -2202,7 +2335,7 @@ const contentClasses = cva([
 	} },
 	defaultVariants: { variant: "assistant" }
 });
-const MessageBubble = ({ variant, children, actions, createdAt, timestamp = "tooltip", quote, status, onRetry, author, collapseAfterPx, avatar }) => {
+const MessageBubble = ({ variant, children, actions, createdAt, timestamp = "tooltip", quote, status, onRetry, author, collapseAfterPx, footer, avatar }) => {
 	const isTimestampVisible = timestamp === "visible" && createdAt !== void 0;
 	const isSending = variant === "user" && status === "sending";
 	const deliveryStatus = variant === "user" && status ? /* @__PURE__ */ jsx(MessageDeliveryStatus, {
@@ -2235,6 +2368,7 @@ const MessageBubble = ({ variant, children, actions, createdAt, timestamp = "too
 							children: quote
 						}), body]
 					}),
+					footer,
 					hasActionsRow ? /* @__PURE__ */ jsxs("div", {
 						className: "tw:flex tw:items-center tw:gap-2",
 						children: [
@@ -2249,8 +2383,7 @@ const MessageBubble = ({ variant, children, actions, createdAt, timestamp = "too
 		]
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/ModeChip.tsx
+// src/blocks/AIKit/ModeChip.tsx
 /**
 * A removable pill naming a mode the composer is in.
 *
@@ -2285,8 +2418,7 @@ const ModeChip = ({ children, visible = true, tooltip, removeLabel, color = "amb
 		})
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/PlanApproval.tsx
+// src/blocks/AIKit/PlanApproval.tsx
 const defaultStepCountLabel = (count) => `${count} step${count === 1 ? "" : "s"}`;
 const STATUS_PILL_COLOR = {
 	pending: "green",
@@ -2594,8 +2726,7 @@ const PlanApproval = ({ status, statusLabel, statusMessage, title, summary, step
 		]
 	})] });
 };
-//#endregion
-//#region src/blocks/AIKit/PlanRewritingIndicator.tsx
+// src/blocks/AIKit/PlanRewritingIndicator.tsx
 const PlanRewritingIndicator = ({ label = "Rewriting the plan..." }) => /* @__PURE__ */ jsxs("div", {
 	className: "tw:flex tw:items-center tw:gap-2",
 	role: "status",
@@ -2605,8 +2736,7 @@ const PlanRewritingIndicator = ({ label = "Rewriting the plan..." }) => /* @__PU
 		children: label
 	})]
 });
-//#endregion
-//#region src/blocks/AIKit/constants.ts
+// src/blocks/AIKit/constants.ts
 /**
 * Names the container query `PromptInput`'s `inline` row reads to fold into the stacked layout.
 *
@@ -2615,8 +2745,7 @@ const PlanRewritingIndicator = ({ label = "Rewriting the plan..." }) => /* @__PU
 * never names it keeps the one-line row at every width.
 */
 const PROMPT_INPUT_CONTAINER = "tw:@container/composer";
-//#endregion
-//#region src/blocks/AIKit/AnimatedHeight.tsx
+// src/blocks/AIKit/AnimatedHeight.tsx
 /**
 * A box whose height eases to whatever its content measures.
 *
@@ -2657,8 +2786,7 @@ const AnimatedHeight = ({ children, className }) => {
 		})
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/PromptInputAction.tsx
+// src/blocks/AIKit/PromptInputAction.tsx
 const PromptInputAction = ({ ref, onMouseDown, ...rest }) => {
 	const handleOnMouseDown = (event) => {
 		event.stopPropagation();
@@ -2670,8 +2798,7 @@ const PromptInputAction = ({ ref, onMouseDown, ...rest }) => {
 		onMouseDown: handleOnMouseDown
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/PromptInputCommands.tsx
+// src/blocks/AIKit/PromptInputCommands.tsx
 /** What the menu needs above or below the composer before it will open on that side. */
 const MENU_HEIGHT = 440;
 /** As tall as the list ever gets, however much room there is. */
@@ -2834,8 +2961,7 @@ const PromptInputCommands = ({ items, open, onSelect, filterValue, tabPicks = fa
 		}), children]
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/PromptInputMenuTrigger.tsx
+// src/blocks/AIKit/PromptInputMenuTrigger.tsx
 /**
 * The composer's "add to message" button.
 *
@@ -2855,18 +2981,18 @@ const PromptInputMenuTrigger = ({ open = false, large = false, className, ref, .
 	...props,
 	children: /* @__PURE__ */ jsx(Plus, { className: cn(large ? "tw:size-5" : "tw:size-4", "tw:transition-transform tw:duration-300 tw:ease-out tw:motion-reduce:transition-none", open && "tw:rotate-135") })
 }) });
-//#endregion
-//#region src/blocks/AIKit/PromptInputSubmit.tsx
+// src/blocks/AIKit/PromptInputSubmit.tsx
 const ARIA_LABEL_BY_STATUS = {
 	ready: "Send message",
 	streaming: "Stop",
 	interrupted: "Continue",
 	submitted: "Sending…"
 };
-const PromptInputSubmit = ({ ref, disabled, status = "ready" }) => {
+const PromptInputSubmit = ({ ref, disabled, status = "ready", sendIcon = "plane" }) => {
 	const icon = (() => {
 		if (status === "streaming") return /* @__PURE__ */ jsx(CirclePause, { className: "tw:size-4" });
 		if (status === "interrupted") return /* @__PURE__ */ jsx(Play, { className: "tw:size-4" });
+		if (sendIcon === "arrow-up") return /* @__PURE__ */ jsx(ArrowUp, { className: "tw:size-4" });
 		return /* @__PURE__ */ jsx(Send, { className: "tw:size-4 tw:translate-x-[-1px] tw:translate-y-[1px]" });
 	})();
 	const getTooltipText = () => {
@@ -2892,8 +3018,7 @@ const PromptInputSubmit = ({ ref, disabled, status = "ready" }) => {
 		children: getTooltipText()
 	})] });
 };
-//#endregion
-//#region src/blocks/AIKit/usePromptHistory.ts
+// src/blocks/AIKit/usePromptHistory.ts
 /** The prompts ↑ steps through: blanks dropped, a prompt sent twice in a row kept once. */
 const toRecallStack = (history) => history.reduce((stack, prompt) => {
 	if (prompt.trim() && stack.at(-1) !== prompt) stack.push(prompt);
@@ -2954,8 +3079,7 @@ const usePromptHistory = ({ history, value, onRecall }) => {
 		stop
 	};
 };
-//#endregion
-//#region src/blocks/AIKit/PromptInput.tsx
+// src/blocks/AIKit/PromptInput.tsx
 const CMDK_HIJACKED_KEYS = /* @__PURE__ */ new Set([
 	"ArrowUp",
 	"ArrowDown",
@@ -3044,7 +3168,7 @@ const wrapperVariants = cva(null, {
 		inline: ""
 	} }
 });
-const PromptInput = ({ onSend, onAbort, onContinue, prefix, variant, suffix, attachments, className, shellClassName, onFocusChange, disabled, disableSubmit, busy = false, blurOnEscape = false, onKeyDown, onPasteFiles, canSubmitEmpty = false, allowSendWhileBusy = false, canAbort = true, value = "", onValueChange, status = "ready", maxRows = 6, minRows, commands, commandsEmptyText = "No commands found", commandsLoading = false, slashTrigger = "value", commandsGroupAction, panel, mentions, onMentionSelect, mentionInsert, mentionsEmptyText = "Nothing to attach", mentionsGroupHeading, mentionsMultiple = false, history, autoFocus, textareaRef: publishedRef, ...textareaProps }) => {
+const PromptInput = ({ onSend, onAbort, onContinue, prefix, variant, suffix, attachments, className, shellClassName, onFocusChange, disabled, disableSubmit, busy = false, blurOnEscape = false, onKeyDown, onPasteFiles, canSubmitEmpty = false, allowSendWhileBusy = false, canAbort = true, value = "", onValueChange, status = "ready", sendIcon, maxRows = 6, minRows, commands, commandsEmptyText = "No commands found", commandsLoading = false, slashTrigger = "value", commandsGroupAction, panel, mentions, onMentionSelect, mentionInsert, mentionsEmptyText = "Nothing to attach", mentionsGroupHeading, mentionsMultiple = false, history, autoFocus, textareaRef: publishedRef, ...textareaProps }) => {
 	const defaultMinRows = variant === "inline" ? 1 : 2;
 	const canSendWhileBusy = allowSendWhileBusy && (status === "streaming" || status === "submitted") && !busy && !disabled && !disableSubmit && value.trim() !== "";
 	const showSeparateStop = allowSendWhileBusy && canAbort && (canSendWhileBusy || status === "submitted");
@@ -3287,7 +3411,8 @@ const PromptInput = ({ onSend, onAbort, onContinue, prefix, variant, suffix, att
 								})] }),
 								/* @__PURE__ */ jsx(PromptInputSubmit, {
 									disabled: isDisabled,
-									status: canSendWhileBusy ? "ready" : status
+									status: canSendWhileBusy ? "ready" : status,
+									sendIcon
 								})
 							]
 						})
@@ -3311,8 +3436,7 @@ const PromptInput = ({ onSend, onAbort, onContinue, prefix, variant, suffix, att
 };
 PromptInput.Action = PromptInputAction;
 PromptInput.MenuTrigger = PromptInputMenuTrigger;
-//#endregion
-//#region src/blocks/AIKit/Question.tsx
+// src/blocks/AIKit/Question.tsx
 const isEditableTarget$1 = (target) => target instanceof HTMLElement && (target.isContentEditable || [
 	"INPUT",
 	"TEXTAREA",
@@ -3726,8 +3850,7 @@ const Question = ({ question, header, options, multiSelect = true, selectedOptio
 		]
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/QuestionBlock.tsx
+// src/blocks/AIKit/QuestionBlock.tsx
 const QuestionBlock = ({ steps, showSkip = true, onSubmit, onClose, renderPreview, className }) => {
 	const [currentStep, setCurrentStep] = useState(1);
 	const [selections, setSelections] = useState({});
@@ -3770,8 +3893,18 @@ const QuestionBlock = ({ steps, showSkip = true, onSubmit, onClose, renderPrevie
 		className
 	}, currentStep);
 };
-//#endregion
-//#region src/blocks/AIKit/streamingMarkdown.ts
+/**
+* The fence languages `Markdown` draws instead of printing.
+*
+* - Streaming callers hold an open fence back as plain code, or every keystroke fetches the chunk.
+* - Frozen: it is shared across every app in the bundle.
+*/
+const DIAGRAM_LANGUAGES = Object.freeze([...[
+	"mermaid",
+	"flint",
+	"flint-chart"
+]]);
+// src/blocks/AIKit/streamingMarkdown.ts
 /** A fence delimiter line: up to three spaces, then three or more backticks or tildes. */
 const FENCE_LINE = /^ {0,3}(`{3,}|~{3,})/;
 /** A list-item marker: a bullet or a `1.`/`1)` ordinal, then a space or the line end. */
@@ -3922,8 +4055,7 @@ const withholdOpenTail = (text, { diagram = false, tableHead = false } = {}) =>
 	if (visible === null) return text;
 	return tableHead ? withholdTableHead(visible) : visible;
 };
-//#endregion
-//#region src/blocks/AIKit/SuggestedPrompt.tsx
+// src/blocks/AIKit/SuggestedPrompt.tsx
 const SuggestedPrompt = ({ label, disabled, onClick, icon, description, trailing, "aria-label": ariaLabel, variant = "row", className }) => {
 	return /* @__PURE__ */ jsxs("button", {
 		type: "button",
@@ -3955,8 +4087,7 @@ const SuggestedPrompt = ({ label, disabled, onClick, icon, description, trailing
 		]
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/ThinkingIndicator.tsx
+// src/blocks/AIKit/ThinkingIndicator.tsx
 /**
 * The agent's turn is in flight and has nothing to show yet.
 *
@@ -3980,8 +4111,7 @@ const ThinkingIndicator = ({ label = "Thinking..." }) => {
 		})]
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/ToolCall/ToolCallApprovalActions.tsx
+// src/blocks/AIKit/ToolCall/ToolCallApprovalActions.tsx
 const ShortcutHint = ({ shortcutKey }) => /* @__PURE__ */ jsxs(Kbd.Group, {
 	separator: "+",
 	children: [shortcutKey === "mod-enter" && /* @__PURE__ */ jsx(Kbd, {
@@ -4037,8 +4167,7 @@ const ToolCallApprovalActions = ({ onApprove, onReject, extraAction, approveLabe
 		]
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/ToolCall/ToolCallApprovalNotice.tsx
+// src/blocks/AIKit/ToolCall/ToolCallApprovalNotice.tsx
 const TONE = {
 	warning: {
 		icon: TriangleAlert,
@@ -4068,8 +4197,7 @@ const ToolCallApprovalNotice = ({ tone, content, icon }) => {
 		})]
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/ToolCall/ToolCallApprovalRecord.tsx
+// src/blocks/AIKit/ToolCall/ToolCallApprovalRecord.tsx
 const ToolCallApprovalRecord = ({ status, label, subject, resolvedBy, resolvedAt, className }) => {
 	const isApproved = status === "approved";
 	const Icon = isApproved ? CircleCheck : CircleX;
@@ -4101,8 +4229,7 @@ const ToolCallApprovalRecord = ({ status, label, subject, resolvedBy, resolvedAt
 		})]
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/ToolCall/toolCallApprovalStatus.ts
+// src/blocks/AIKit/ToolCall/toolCallApprovalStatus.ts
 const STATUS_BADGE = {
 	pending: {
 		label: "Needs approval",
@@ -4133,8 +4260,7 @@ const STATUS_BADGE = {
 		color: "gray"
 	}
 };
-//#endregion
-//#region src/blocks/AIKit/ToolCall/useApprovalShortcut.ts
+// src/blocks/AIKit/ToolCall/useApprovalShortcut.ts
 const isEditableTarget = (target) => target instanceof HTMLElement && (target.isContentEditable || target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.tagName === "SELECT");
 const isModPressed = (event) => isMac ? event.metaKey : event.ctrlKey;
 const matchesShortcut = (event, shortcutKey) => {
@@ -4165,8 +4291,7 @@ const useApprovalShortcut = ({ shortcutKey, isEnabled, onApprove }) => {
 		onApprove
 	]);
 };
-//#endregion
-//#region src/blocks/AIKit/ToolCall/ToolCallApproval.tsx
+// src/blocks/AIKit/ToolCall/ToolCallApproval.tsx
 /**
 * Per-tool-call approve/reject frame — the granular sibling of `PlanApproval`.
 *
@@ -4269,8 +4394,7 @@ const ToolCallApproval = ({ status, statusLabel, statusMessage, density = "card"
 		})]
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/ToolCall/ToolCallChip.tsx
+// src/blocks/AIKit/ToolCall/ToolCallChip.tsx
 const chipClasses = cva(["tw:inline-flex tw:items-center tw:gap-1.5 tw:rounded-md tw:border tw:border-solid", "tw:border-border tw:bg-muted tw:px-2 tw:py-1 tw:text-xs tw:text-foreground"], {
 	variants: { interactive: {
 		true: "tw:cursor-pointer tw:focus-visible:outline-hidden tw:focus-visible:ring-2 tw:focus-visible:ring-ring tw:not-disabled:hover:bg-hover",
@@ -4315,8 +4439,7 @@ const ToolCallChip = ({ label, state, icon, trailing, onClick, className }) => {
 		children: content
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/ToolCallStatusHeader.tsx
+// 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",
@@ -4372,8 +4495,7 @@ const ToolCallStatusHeader = ({ icon: IconComponent, iconSpin, status, text, nee
 		})]
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/usageStatsHelpers.ts
+// src/blocks/AIKit/usageStatsHelpers.ts
 /**
 * Clamp a percentage to 0–100 and normalize non-finite input to 0.
 *
@@ -4395,8 +4517,7 @@ const formatPercentage = (value) => {
 	const rounded = Math.round(value);
 	return `${value < 100 ? Math.min(rounded, 99) : rounded}%`;
 };
-//#endregion
-//#region src/blocks/AIKit/UsageBar.tsx
+// src/blocks/AIKit/UsageBar.tsx
 /**
 * One budget, as a labelled row over a bar.
 *
@@ -4414,8 +4535,7 @@ const UsageBar = ({ value, label, variant, className, ...props }) => /* @__PURE_
 		value: clampPercentage(value)
 	})]
 });
-//#endregion
-//#region src/blocks/AIKit/UsageStatsRing.tsx
+// src/blocks/AIKit/UsageStatsRing.tsx
 const UsageStatsRing = ({ value, size = 16, strokeWidth = 2.5, className }) => {
 	const radius = Math.max(0, (size - strokeWidth) / 2 - 1);
 	const circumference = 2 * Math.PI * radius;
@@ -4446,8 +4566,7 @@ const UsageStatsRing = ({ value, size = 16, strokeWidth = 2.5, className }) => {
 		})]
 	});
 };
-//#endregion
-//#region src/blocks/AIKit/UsageStats.tsx
+// src/blocks/AIKit/UsageStats.tsx
 const UsageStats = ({ value, alert = false, children, className, ariaLabel, align = "end", side = "top", sideOffset = 8, open, onOpenChange }) => {
 	const hasAlert = Boolean(alert);
 	const isWarning = alert === "warning";
@@ -4474,7 +4593,6 @@ const UsageStats = ({ value, alert = false, children, className, ariaLabel, alig
 		})]
 	});
 };
-//#endregion
-export { ANSWER_SOURCES_VISIBLE, AnswerActions, AnswerSources, AnswerSummary, AttachmentChip, CONTEXT_CHIP_EXPANDABLE_LENGTH, ChatInlineIcon, ChatNotice, CollapsibleStepHeader, ContextChip, DIAGRAM_LANGUAGES, FileDownloadChip, FileGallery, InlineStepDetail, InlineStepGroup, InlineStepLabel, JumpToLatest, Markdown, MarkdownTable, MessageBubble, ModeChip, PROMPT_INPUT_CONTAINER, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SourceChip, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageBar, UsageStats, UsageStatsRing, clampPercentage, findMentionToken, findSlashToken, formatPercentage, getChatInlineIconName, splitSealedBlocks, withholdOpenTail };
+export { ANSWER_SOURCES_VISIBLE, AnswerActions, AnswerSources, AnswerSummary, AttachmentChip, CONTEXT_CHIP_EXPANDABLE_LENGTH, ChatInlineIcon, ChatNotice, CollapsibleStepHeader, ContextChip, FileDownloadChip, FileGallery, InlineStepDetail, InlineStepGroup, InlineStepLabel, JumpToLatest, Markdown, MarkdownTable, MessageBubble, ModeChip, PROMPT_INPUT_CONTAINER, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SourceChip, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageBar, UsageStats, clampPercentage, findMentionToken, findSlashToken, formatPercentage, getChatInlineIconName, splitSealedBlocks, withholdOpenTail };
 
-//# sourceMappingURL=AIKit-BR6jfsdI.js.map
+//# sourceMappingURL=AIKit-Cf5plya2.js.map