@keboola/design 11.6.0 → 11.9.0

package/dist/{AIKit-BExvt9pt.js → AIKit-ELIsegJz.js}

@@ -1,23 +1,23 @@
 import { cn } from "./classNames-BzrkDnOD.js";
-import { Tooltip, TooltipProvider } from "./utils-DSvrhU8E.js";
-import { AlertCircle, ChevronDown, ChevronLeft, ChevronRight, CircleCheck, CirclePause, CircleX, Loader2, Maximize2, Minimize2, Play, Send, Sparkles, ThumbsDown, ThumbsUp, TriangleAlert, X, XCircle } from "./icons-Cek151jC.js";
+import { Tooltip, TooltipProvider } from "./utils-BW4AE8VP.js";
+import { AlertCircle, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Ban, BarChart3, Bell, Bug, Calendar, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle, CircleAlert, CircleCheck, CircleHelp, CirclePause, CirclePlay, CirclePlus, CircleStop, CircleX, Clock, Cog, Copy, Database, Download, Ellipsis, ExternalLink, Eye, File, FilePen, FileText, Flag, Folder, Gauge, GitBranch, GitMerge, GitPullRequest, Globe, Hand, History, Hourglass, Info, Key, Layers, LineChart, Link, List, ListChecks, Loader2, Lock, Mail, Maximize2, Minimize2, Minus, Pencil, Play, Plus, RefreshCw, Rocket, RotateCcw, RotateCw, Save, Search, Send, Settings, Sparkles, Star, Table, ThumbsDown, ThumbsUp, Trash2, TriangleAlert, Upload, User, Users, WandSparkles, Warehouse, Workflow, X, XCircle, Zap } from "./icons-Cek151jC.js";
 import { Button } from "./Button-DsRrU5F1.js";
 import { ButtonGroup } from "./internal/components/ButtonGroup.js";
-import { ClipboardButton } from "./ClipboardButton-CwZJdRaz.js";
+import { ClipboardButton } from "./ClipboardButton-KHQnPEh_.js";
 import { FullScreenModal, FullScreenModalBody, FullScreenModalHeader } from "./FullScreenModal-CN9nAs72.js";
 import { Truncated } from "./internal/components/Truncated.js";
 import { HoverCard } from "./HoverCard-B9ZMJxjn.js";
-import { Command } from "./Command-Bfa1kpbt.js";
-import { TextInput } from "./TextInput-DH5SkbsE.js";
-import { Checkbox } from "./Checkbox-CUIn2jap.js";
-import { Badge } from "./Badge-D0pXdekt.js";
+import { Command } from "./Command-BDU3C1gg.js";
+import { TextInput } from "./TextInput-CFTf4Cz1.js";
+import { Checkbox } from "./Checkbox-Dq5fPNrO.js";
+import { Badge } from "./Badge-o5jURtpB.js";
 import { Textarea } from "./internal/blocks/Textarea.js";
-import { Table } from "./Table-CvYuTuNU.js";
+import { Table as Table$1 } from "./Table-CvYuTuNU.js";
 import { DiagramSkeleton } from "./internal/blocks/DiagramShared/DiagramSkeleton.js";
 import { DiagramSource } from "./DiagramSource-C5_d8Gdj.js";
 import { Progress } from "./internal/components/Progress.js";
 import { Slot } from "@radix-ui/react-slot";
-import { isValidElement, useCallback, useEffect, useId, useRef, useState } from "react";
+import { createContext, isValidElement, use, useCallback, useEffect, useId, useRef, useState } from "react";
 import { cva } from "class-variance-authority";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import TextareaAutosize from "react-textarea-autosize";
@@ -26,13 +26,26 @@ import remarkGfm from "remark-gfm";
 //#region src/blocks/AIKit/AnswerActions.tsx
 const VOTE_BUTTONS = [{
 	vote: "up",
-	label: "Good answer",
 	icon: /* @__PURE__ */ jsx(ThumbsUp, { className: "tw:size-4" })
 }, {
 	vote: "down",
-	label: "Bad answer",
 	icon: /* @__PURE__ */ jsx(ThumbsDown, { className: "tw:size-4" })
 }];
+const DEFAULT_LABELS = {
+	up: "Good answer",
+	down: "Bad answer"
+};
+/** Roomier for a panel a reader sits in; the compact one suits a row inside a dense transcript. */
+const SIZES = {
+	small: {
+		button: "icon-xs",
+		gap: "extra-small"
+	},
+	medium: {
+		button: "icon-sm",
+		gap: "little-small"
+	}
+};
 /**
 * What a reader can do with a finished answer: take it away, and say whether it was any good.
 *
@@ -45,31 +58,58 @@ const VOTE_BUTTONS = [{
 * - The recorded vote and the write are the caller's: the two chats vote against different
 *   endpoints, and only the caller knows whether a turn is finished enough to rate.
 */
-const AnswerActions = ({ copyText, vote, onVote }) => {
+const AnswerActions = ({ copyText, vote, onVote, onCopy, actions, labels = DEFAULT_LABELS, confirmation, size = "small", layout = "inline" }) => {
+	const { button, gap } = SIZES[size];
+	const votes = VOTE_BUTTONS.map(({ vote: candidate, icon }) => {
+		const isRecorded = vote === candidate;
+		const label = labels[candidate];
+		return /* @__PURE__ */ jsx(Tooltip, {
+			tooltip: label,
+			placement: "top",
+			triggerAsChild: true,
+			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"),
+				"aria-label": label,
+				"aria-pressed": isRecorded,
+				onClick: () => onVote(candidate),
+				children: icon
+			})
+		}, candidate);
+	});
+	const copy = copyText ? /* @__PURE__ */ jsx(ClipboardButton, {
+		text: copyText,
+		tooltip: "Copy answer",
+		size: button,
+		variant: "invisible",
+		onClick: onCopy
+	}) : null;
+	const said = confirmation ? /* @__PURE__ */ jsx("span", {
+		"aria-live": "polite",
+		className: "tw:ml-1 tw:text-xs tw:font-medium tw:text-foreground tw:empty:hidden tw:animate-in tw:fade-in tw:slide-in-from-left-1 tw:duration-300",
+		children: vote ? confirmation[vote] : ""
+	}) : null;
+	if (layout === "split") return /* @__PURE__ */ jsxs("div", {
+		className: "tw:flex tw:w-full tw:items-center tw:justify-between tw:gap-2",
+		children: [/* @__PURE__ */ jsxs(ButtonGroup, {
+			space: gap,
+			"aria-label": "Answer actions",
+			children: [votes, said]
+		}), /* @__PURE__ */ jsxs(ButtonGroup, {
+			space: gap,
+			children: [actions, copy]
+		})]
+	});
 	return /* @__PURE__ */ jsxs(ButtonGroup, {
-		space: "extra-small",
+		space: gap,
 		"aria-label": "Answer actions",
-		children: [copyText ? /* @__PURE__ */ jsx(ClipboardButton, {
-			text: copyText,
-			tooltip: "Copy answer",
-			size: "icon-xs",
-			variant: "invisible"
-		}) : null, VOTE_BUTTONS.map(({ vote: candidate, label, icon }) => {
-			const isRecorded = vote === candidate;
-			return /* @__PURE__ */ jsx(Tooltip, {
-				tooltip: label,
-				placement: "top",
-				triggerAsChild: true,
-				children: /* @__PURE__ */ jsx(Button, {
-					size: "icon-xs",
-					variant: isRecorded ? "secondary" : "invisible",
-					"aria-label": label,
-					"aria-pressed": isRecorded,
-					onClick: () => onVote(candidate),
-					children: icon
-				})
-			}, candidate);
-		})]
+		children: [
+			copy,
+			votes,
+			actions,
+			said
+		]
 	});
 };
 //#endregion
@@ -98,6 +138,12 @@ const variantClasses = {
 	dismissed: "tw:text-muted-foreground tw:focus-visible:outline-ring tw:not-disabled:hover:text-foreground"
 };
 const iconClasses = "tw:size-3.5 tw:shrink-0 tw:basis-3.5 tw:opacity-70";
+const variantStatus = {
+	success: "finished",
+	error: "failed",
+	processing: "running",
+	dismissed: "not run"
+};
 const renderVariantIcon$1 = (variant) => {
 	if (variant === "processing") return /* @__PURE__ */ jsx(Loader2, { className: cn(iconClasses, "tw:animate-spin") });
 	if (variant === "error" || variant === "dismissed") return /* @__PURE__ */ jsx(XCircle, { className: iconClasses });
@@ -108,13 +154,21 @@ const CollapsibleStepHeader = ({ isExpanded, onToggle, label, variant = "success
 		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", {
 			className: "tw:min-w-0",
-			children: [label, /* @__PURE__ */ jsxs("span", {
-				className: "tw:whitespace-nowrap",
-				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") })]
-			})]
+			children: [
+				label,
+				/* @__PURE__ */ jsx("span", {
+					className: "tw:sr-only",
+					children: ` (${variantStatus[variant]})`
+				}),
+				/* @__PURE__ */ jsxs("span", {
+					className: "tw:whitespace-nowrap",
+					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") })]
+				})
+			]
 		})]
 	});
 };
@@ -189,6 +243,250 @@ const AnswerSummary = ({ items, variant = "success", noAnswerLabel = "No answer"
 	});
 };
 //#endregion
+//#region src/blocks/AIKit/ChatInlineIcon.tsx
+/**
+* The Lucide component each `icon:<name>` token draws.
+*
+* - The names are FontAwesome-solid ones: kai-agent's prompt teaches that vocabulary, and
+*   `@keboola/agent-vocabulary` publishes it as `CHAT_INLINE_ICON_NAMES`.
+* - `satisfies Record<ChatInlineIconName, LucideIcon>` is the drift guard — a name the prompt
+*   teaches and this map lacks is a compile error, not a token that silently disappears from an
+*   answer.
+* - Several names map to one component on purpose: FA distinguishes `gear` from `cog` and
+*   `warning` from `triangle-exclamation`; Lucide draws each pair with one icon.
+* - Read through `Object.hasOwn`, never by plain index: a model-emitted `icon:constructor`
+*   otherwise answers with an `Object.prototype` member and React tries to render it.
+*/
+const ICON_REGISTRY = {
+	"alert-circle": AlertCircle,
+	"arrow-down": ArrowDown,
+	"arrow-left": ArrowLeft,
+	"arrow-right": ArrowRight,
+	"arrow-rotate-back": RotateCcw,
+	"arrow-rotate-left": RotateCcw,
+	"arrow-rotate-right": RotateCw,
+	"arrow-up": ArrowUp,
+	"arrow-up-right-from-square": ExternalLink,
+	"arrows-rotate": RefreshCw,
+	analytics: BarChart3,
+	ban: Ban,
+	bell: Bell,
+	bug: Bug,
+	calendar: Calendar,
+	changes: FilePen,
+	"chart-line": LineChart,
+	check: Check,
+	"check-circle": CircleCheck,
+	"chevron-down": ChevronDown,
+	"chevron-left": ChevronLeft,
+	"chevron-right": ChevronRight,
+	"chevron-up": ChevronUp,
+	circle: Circle,
+	"circle-check": CircleCheck,
+	"circle-exclamation": CircleAlert,
+	"circle-info": Info,
+	"circle-pause": CirclePause,
+	"circle-play": CirclePlay,
+	"circle-plus": CirclePlus,
+	"circle-question": CircleHelp,
+	"circle-stop": CircleStop,
+	"circle-xmark": CircleX,
+	clock: Clock,
+	"clock-rotate-left": History,
+	"code-branch": GitBranch,
+	"code-merge": GitMerge,
+	"code-pull-request": GitPullRequest,
+	cog: Cog,
+	configuration: Settings,
+	copy: Copy,
+	database: Database,
+	"diagram-project": Workflow,
+	download: Download,
+	ellipsis: Ellipsis,
+	envelope: Mail,
+	"exclamation-circle": CircleAlert,
+	"exclamation-triangle": TriangleAlert,
+	eye: Eye,
+	file: File,
+	"file-lines": FileText,
+	flag: Flag,
+	folder: Folder,
+	gauge: Gauge,
+	gear: Settings,
+	globe: Globe,
+	hand: Hand,
+	"hourglass-half": Hourglass,
+	"info-circle": Info,
+	key: Key,
+	"layer-group": Layers,
+	link: Link,
+	"list-check": ListChecks,
+	"list-ul": List,
+	lock: Lock,
+	"magnifying-glass": Search,
+	minus: Minus,
+	"paper-plane-top": Send,
+	pen: Pencil,
+	play: Play,
+	plus: Plus,
+	refresh: RefreshCw,
+	rocket: Rocket,
+	save: Save,
+	"save-changes": Save,
+	search: Search,
+	spinner: Loader2,
+	sparkles: Sparkles,
+	star: Star,
+	stop: CircleStop,
+	table: Table,
+	"thumbs-down": ThumbsDown,
+	"thumbs-up": ThumbsUp,
+	transformation: WandSparkles,
+	trash: Trash2,
+	"triangle-exclamation": TriangleAlert,
+	upload: Upload,
+	user: User,
+	"user-group": Users,
+	warning: TriangleAlert,
+	warehouse: Warehouse,
+	xmark: X,
+	zap: Zap
+};
+/**
+* Extra classes a single name needs on top of the shared list.
+*
+* - `spinner` is the only one: `MAINTAINING.md` maps it to `Loader2` *plus* `tw:animate-spin`,
+*   because Lucide draws the arc and leaves the motion to the caller. A still `Loader2` reads as
+*   a damaged ring, not as waiting.
+* - Read through `Object.hasOwn`, for the same reason the registry is.
+*/
+const ICON_CLASSES = { spinner: "tw:animate-spin" };
+/**
+* A whole `icon:<name>` token and nothing else.
+*
+* - Anchored at both ends, and over the same name shape `remarkIconSyntax` (in
+*   `@keboola/kai-chat`) matches when it turns bare text into an `inlineCode` node. The two
+*   have to agree: a looser reader here accepts inline code the plugin never produced.
+* - That is what keeps ordinary inline code ordinary. A prefix test alone claims
+*   `` `icon: database` ``, `` `icon:` `` and a fence body starting `icon:` — text the plugin
+*   never turned into a token, and none of it is an icon the author asked for.
+*/
+const TOKEN = /^icon:([a-z][a-z0-9-]*)$/;
+/** Built once: an answer is re-parsed per streamed chunk, so `isArriving` runs per code node. */
+const ICON_NAMES = Object.keys(ICON_REGISTRY);
+/**
+* Whether a name is only ever the start of one this registry draws.
+*
+* - Strictly shorter, so a whole name is never read as an unfinished one.
+* - `tabl` → `true` (`table`); `unicorn` and `table-name` → `false`.
+*/
+const isArriving = (name) => ICON_NAMES.some((key) => key.length > name.length && key.startsWith(name));
+/**
+* The icon name in a code node's text, if the text is a token — drawn, or still arriving.
+*
+* - `icon:table` → `table`; anything else, including `icon: table`, `icon:Table` and
+*   `icon:unicorn` → `undefined`.
+* - A name the registry lacks answers `undefined` on purpose, so every call site's own `<code>`
+*   fall-through keeps the text its author typed. `icon:` is an ordinary way to name a property,
+*   and this renderer draws vendor descriptions and dashboard text as well as agent answers.
+* - A name that only starts one it draws is a token still arriving, answered with so that
+*   `<ChatInlineIcon />` draws nothing: an answer streams `icon:t`, `icon:ta`, `icon:tab` before
+*   the name lands, and each of those as code is a chip that reflows the line for a frame.
+* - A name that is both — `save`, the start of `save-changes` — is drawn now; waiting would leave
+*   a finished token blank for the rest of the answer.
+* - The token reaches a renderer as inline code either because the model wrote it in backticks
+*   or because a remark plugin turned the bare text into an `inlineCode` node. Parsing the
+*   token is the vocabulary's; producing it is the app's, since the plugin is workspace-internal.
+*/
+const getChatInlineIconName = (text) => {
+	const name = TOKEN.exec(text)?.[1];
+	if (name === void 0) return void 0;
+	return Object.hasOwn(ICON_REGISTRY, name) || isArriving(name) ? name : void 0;
+};
+/**
+* One inline `icon:<name>` token, drawn at the size of the text it leads.
+*
+* - An unknown name renders nothing, which is how a token still arriving (`icon:tabl`) stays
+*   blank instead of flashing as a code chip. A name `getChatInlineIconName` withholds keeps its
+*   text at the call site's own `<code>` fall-through and never reaches here.
+* - `size-[1em]` tracks the font size, so the icon matches a heading instead of sitting small
+*   beside it, and `align-[-0.125em]` on an inline-block optically centres it against the
+*   baseline.
+* - `mr` tops up the single source space, which is a word gap and reads as cramped between a
+*   glyph and the phrase it labels.
+* - A heavier stroke so an outline icon holds its own next to the bold weight a heading carries.
+* - `spinner` also spins; the mapping owns that, not the caller. See `ICON_CLASSES`.
+* - `aria-hidden`, because the glyph is decorative: the token's text is removed from the answer and
+*   nothing replaces it as a label, so a reader that announces unnamed inline SVGs would read an
+*   unlabelled graphic before every phrase the agent decorates.
+*/
+const ChatInlineIcon = ({ name }) => {
+	const Icon = Object.hasOwn(ICON_REGISTRY, name) ? ICON_REGISTRY[name] : void 0;
+	if (Icon === void 0) return null;
+	return /* @__PURE__ */ jsx(Icon, {
+		"aria-hidden": true,
+		className: cn("tw:mr-[0.15em] tw:inline-block tw:size-[1em] tw:shrink-0 tw:align-[-0.125em] tw:text-muted-foreground", Object.hasOwn(ICON_CLASSES, name) ? ICON_CLASSES[name] : void 0),
+		strokeWidth: 2.25
+	});
+};
+//#endregion
+//#region src/blocks/AIKit/InlineStepGroup.tsx
+/**
+* The surface colour, as the custom property the step icons mask against.
+*
+* - Annotated rather than asserted: `CSSProperties` admits no custom property of its own, and
+*   an intersection with the one this sets keeps the value type-checked at the assignment.
+*/
+const surfaceStyle = (surface) => ({ "--inline-step-surface": surface });
+/**
+* A run of steps an agent took, behind one line that says how far along it is.
+*
+* - The frame only. What a step *says* is the host's — one product names buckets and tables,
+*   another must never put those words on screen — so the rows arrive as children and this
+*   supplies the header, the collapse, the connector and the rhythm they share.
+* - One rule behind the whole run at the icon centre line: the list's `pl-5` plus half a
+*   `size-5` icon box. Drawn once rather than per row, so it does not vanish beside a row that
+*   happens to have no icon.
+* - `grid-template-rows` rather than height, because the rows are text of unknown length and a
+*   transition needs a number at both ends. The children stay mounted while closed: a group the
+*   reader reopens must not re-run whatever mounting a row costs. A closed group is `inert` and
+*   `aria-hidden`, so staying mounted does not mean staying reachable.
+* - Expansion is the caller's state. Whether a group opens itself while work is happening, and
+*   whether a reader's own toggle outranks that, is a transcript-level decision.
+* - `role="group"` rather than the `<section>`'s own landmark semantics: a transcript draws one
+*   of these per run of steps, so a long conversation would hand a screen reader a landmark
+*   list of dozens of identically named `region`s and drown the page's real landmarks in it.
+*   The name still reads — a named `group` is announced by it — and it is the role the
+*   grounding panel already gives its repeated named answer sections.
+*/
+const InlineStepGroup = ({ label, variant = "success", isExpanded, onToggle, surface = "rgb(var(--background))", "aria-label": ariaLabel, "data-testid": testId, className, children }) => /* @__PURE__ */ jsxs("section", {
+	role: "group",
+	className: cn("tw:flex tw:flex-col", className),
+	"aria-label": ariaLabel,
+	"data-testid": testId,
+	children: [/* @__PURE__ */ jsx(CollapsibleStepHeader, {
+		isExpanded,
+		onToggle,
+		label,
+		variant
+	}), /* @__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", {
+			className: "tw:min-h-0 tw:overflow-hidden",
+			inert: !isExpanded,
+			"aria-hidden": isExpanded ? void 0 : true,
+			children: /* @__PURE__ */ jsxs("div", {
+				style: surfaceStyle(surface),
+				className: "tw:relative tw:flex tw:flex-col tw:gap-4 tw:pt-4 tw:pl-5",
+				children: [/* @__PURE__ */ jsx("span", {
+					"aria-hidden": "true",
+					className: "tw:pointer-events-none tw:absolute tw:top-4 tw:bottom-0 tw:left-[30px] tw:w-px tw:bg-border"
+				}), children]
+			})
+		})
+	})]
+});
+//#endregion
 //#region src/blocks/AIKit/DiagramBlock.tsx
 /**
 * One diagram block: a skeleton while its chunk loads, the fence source plus a retry if it fails.
@@ -318,6 +616,41 @@ const DIAGRAM_CHUNKS = {
 *   every other app in the same bundle holds a fence back.
 */
 const DIAGRAM_LANGUAGES = Object.freeze(Object.keys(DIAGRAM_CHUNKS));
+/**
+* Whether the `code` being rendered sits inside a fenced block.
+*
+* - A fence with no info string reaches `code` with no `language-…` class, exactly like inline
+*   code, so the class cannot tell the two apart — `pre` is the only boundary that can.
+* - Set by the `pre` renderer, read by `code`: React renders `pre` before its children, so the
+*   value is in place by the time the `code` inside it renders.
+*/
+const CodeBlockContext = createContext(false);
+/**
+* The `code` renderer: an `icon:<name>` token becomes the icon it names, anything else stays code.
+*
+* - Only inline code is a candidate: a fenced block's body is code the reader asked to see, and
+*   swapping it for a glyph would drop it. `CodeBlockContext` is what separates the two — a fence
+*   with no info string carries no `language-…` class either, so the class cannot.
+* - The token reaches here as inline code because `remarkIconSyntax` (in `@keboola/kai-chat`)
+*   turned the bare text into one, or because the model wrote the backticks itself. Producing the
+*   token is the app's, drawing it is this package's.
+* - A name no icon answers to stays code: `getChatInlineIconName` answers only for names the
+*   registry can draw or is still receiving, and this renderer draws vendor descriptions and
+*   dashboard text too, where `icon:` is an ordinary way to name a property.
+* - A name still arriving draws nothing, so a streamed `icon:tabl` is blank for a frame rather
+*   than a code chip that reflows the line.
+* - A component rather than an inline renderer so it can read the context.
+*/
+const MarkdownCode = ({ children, className, ...props }) => {
+	const { node: _node, ...rest } = props;
+	const name = use(CodeBlockContext) ? void 0 : getChatInlineIconName(getText(children));
+	if (name !== void 0) return /* @__PURE__ */ jsx(ChatInlineIcon, { name });
+	return /* @__PURE__ */ jsx("code", {
+		className,
+		...rest,
+		children
+	});
+};
 const baseComponents = {
 	pre({ children, ...props }) {
 		const child = Array.isArray(children) ? children[0] : children;
@@ -344,10 +677,14 @@ const baseComponents = {
 				})
 			}), /* @__PURE__ */ jsx("pre", {
 				...rest,
-				children
+				children: /* @__PURE__ */ jsx(CodeBlockContext, {
+					value: true,
+					children
+				})
 			})]
 		});
 	},
+	code: MarkdownCode,
 	a({ children, href, ...props }) {
 		const { node: _node, ...rest } = props;
 		const isExternal = !!href && /^https?:\/\//.test(href);
@@ -365,7 +702,7 @@ const baseComponents = {
 		const { node: _node, ...rest } = props;
 		return /* @__PURE__ */ jsx("div", {
 			className: "tw:not-prose tw:my-4",
-			children: /* @__PURE__ */ jsx(Table, {
+			children: /* @__PURE__ */ jsx(Table$1, {
 				bordered: true,
 				className: cn("tw:!mb-0", className),
 				...rest
@@ -374,23 +711,23 @@ const baseComponents = {
 	},
 	thead(props) {
 		const { node: _node, ...rest } = props;
-		return /* @__PURE__ */ jsx(Table.Header, { ...rest });
+		return /* @__PURE__ */ jsx(Table$1.Header, { ...rest });
 	},
 	tbody(props) {
 		const { node: _node, ...rest } = props;
-		return /* @__PURE__ */ jsx(Table.Body, { ...rest });
+		return /* @__PURE__ */ jsx(Table$1.Body, { ...rest });
 	},
 	tr(props) {
 		const { node: _node, ...rest } = props;
-		return /* @__PURE__ */ jsx(Table.Row, { ...rest });
+		return /* @__PURE__ */ jsx(Table$1.Row, { ...rest });
 	},
 	th(props) {
 		const { node: _node, ...rest } = props;
-		return /* @__PURE__ */ jsx(Table.Head, { ...rest });
+		return /* @__PURE__ */ jsx(Table$1.Head, { ...rest });
 	},
 	td(props) {
 		const { node: _node, ...rest } = props;
-		return /* @__PURE__ */ jsx(Table.Cell, { ...rest });
+		return /* @__PURE__ */ jsx(Table$1.Cell, { ...rest });
 	}
 };
 /**
@@ -910,8 +1247,45 @@ const PromptInputAction = ({ ref, onMouseDown, ...rest }) => {
 };
 //#endregion
 //#region src/blocks/AIKit/PromptInputCommands.tsx
-const PromptInputCommands = ({ items, open, onSelect, filterValue, children }) => {
+/** What the menu needs above or below the composer before it will open on that side. */
+const MENU_HEIGHT = 440;
+const PromptInputCommands = ({ items, open, onSelect, filterValue, emptyText = "No commands found", onClose, children }) => {
 	const filtered = filterValue ? items.filter((item) => item.label.toLowerCase().includes(filterValue.toLowerCase()) || item.value.toLowerCase().includes(filterValue.toLowerCase())) : items;
+	const [highlighted, setHighlighted] = useState();
+	/**
+	* Which side the menu opens on.
+	*
+	* - Above by default: a composer usually sits at the foot of its panel.
+	* - Below when there is not room above and there is room below — the dashboard composer sits
+	*   near the top of the page, where opening upward clipped the list against the header.
+	* - Re-measured while it is open: the composer grows as the message does, and the transcript
+	*   above it moves, so the side that fit on open may not fit a moment later.
+	*/
+	const rootRef = useRef(null);
+	const [below, setBelow] = useState(false);
+	const measure = useCallback(() => {
+		const box = rootRef.current?.getBoundingClientRect();
+		if (!box) return;
+		setBelow(box.top < MENU_HEIGHT && window.innerHeight - box.bottom > MENU_HEIGHT);
+	}, []);
+	const attachRoot = useCallback((node) => {
+		rootRef.current = node;
+		if (node) measure();
+	}, [measure]);
+	useEffect(() => {
+		if (!open) return;
+		const node = rootRef.current;
+		const observer = typeof ResizeObserver !== "undefined" ? new ResizeObserver(measure) : null;
+		if (node) observer?.observe(node);
+		window.addEventListener("resize", measure);
+		window.addEventListener("scroll", measure, true);
+		return () => {
+			observer?.disconnect();
+			window.removeEventListener("resize", measure);
+			window.removeEventListener("scroll", measure, true);
+		};
+	}, [open, measure]);
+	const highlightedValue = filtered.some((item) => item.value === highlighted) ? highlighted : filtered[0]?.value;
 	const groups = filtered.reduce((acc, item) => {
 		const group = acc[item.group] ?? [];
 		group.push(item);
@@ -919,22 +1293,36 @@ const PromptInputCommands = ({ items, open, onSelect, filterValue, children }) =
 		return acc;
 	}, {});
 	return /* @__PURE__ */ jsxs(Command, {
+		ref: attachRoot,
 		loop: true,
 		className: "tw:relative",
 		shouldFilter: false,
-		children: [open && /* @__PURE__ */ jsx("div", {
-			className: cn("tw:absolute tw:bottom-full tw:left-0 tw:right-0 tw:z-50 tw:mb-1", "tw:rounded-md tw:border tw:border-border tw:bg-popover tw:text-popover-foreground tw:shadow-lg"),
-			children: filtered.length === 0 ? /* @__PURE__ */ jsx("div", {
+		value: highlightedValue ?? "",
+		onValueChange: setHighlighted,
+		children: [open && /* @__PURE__ */ jsxs("div", {
+			className: cn("tw:absolute tw:left-0 tw:z-50 tw:w-full tw:max-w-lg", below ? "tw:top-full tw:mt-1" : "tw:bottom-full tw:mb-1", "tw:rounded-[14px] tw:border tw:border-border tw:bg-popover tw:text-popover-foreground tw:shadow-lg", "tw:p-1"),
+			children: [onClose && /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				size: "icon-xs",
+				variant: "invisible",
+				"aria-label": "Close",
+				className: "tw:absolute tw:right-2 tw:top-2 tw:z-10",
+				onMouseDown: (event) => event.preventDefault(),
+				onClick: onClose,
+				children: /* @__PURE__ */ jsx(X, {})
+			}), filtered.length === 0 ? /* @__PURE__ */ jsx("div", {
 				className: "tw:px-4 tw:py-3 tw:text-center tw:text-sm tw:text-muted-foreground",
-				children: "No commands found"
+				children: emptyText
 			}) : /* @__PURE__ */ jsx(Command.List, {
-				viewPortClassName: "tw:max-h-80",
-				children: Object.entries(groups).map(([groupName, groupItems]) => /* @__PURE__ */ jsx(Command.Group, {
+				className: "tw:group-data-[variant=argo]/command:px-1 tw:group-data-[variant=argo]/command:pb-1",
+				viewPortClassName: "tw:max-h-[26rem]",
+				children: Object.entries(groups).map(([groupName, groupItems], index) => /* @__PURE__ */ jsx(Command.Group, {
 					heading: groupName,
+					className: cn("tw:[&_[cmdk-group-heading]]:normal-case", "tw:[&_[cmdk-group-heading]]:tracking-normal", "tw:[&_[cmdk-group-heading]]:border-b-0", "tw:[&_[cmdk-group-heading]]:!py-0", "tw:[&_[cmdk-group-heading]]:mt-2", "tw:[&_[cmdk-group-heading]]:mb-1", "tw:[&_[cmdk-group-heading]]:pl-2", "tw:[&_[cmdk-group-heading]]:pr-9", "tw:[&_[cmdk-group-heading]]:text-xs", index > 0 && "tw:mt-3"),
 					children: groupItems.map((item) => /* @__PURE__ */ jsx(Command.Item, {
 						value: item.value,
-						icon: item.icon,
-						onSelect: () => onSelect(item.value),
+						className: "tw:rounded-md",
+						onSelect: () => onSelect(item),
 						children: /* @__PURE__ */ jsxs("div", {
 							className: "tw:flex tw:min-w-0 tw:flex-1 tw:flex-col",
 							children: [/* @__PURE__ */ jsx("span", { children: item.label }), item.description && /* @__PURE__ */ jsx(Truncated, {
@@ -945,11 +1333,32 @@ const PromptInputCommands = ({ items, open, onSelect, filterValue, children }) =
 						})
 					}, item.value))
 				}, groupName))
-			})
+			})]
 		}), children]
 	});
 };
 //#endregion
+//#region src/blocks/AIKit/PromptInputMenuTrigger.tsx
+/**
+* The composer's "add to message" button.
+*
+* - One glyph for both states: a plus rotated 45° reads as a close cross, so nothing swaps.
+* - `aria-expanded` mirrors `open`; the accessible name changes with it.
+* - Wrapped in `PromptInputAction` so a click does not hand focus to the textarea.
+*/
+const PromptInputMenuTrigger = ({ open = false, large = false, className, ref, ...props }) => /* @__PURE__ */ jsx(PromptInputAction, { children: /* @__PURE__ */ jsx(Button, {
+	ref,
+	type: "button",
+	size: large ? "icon" : "icon-sm",
+	variant: "invisible",
+	"aria-expanded": open,
+	"aria-label": open ? "Close menu" : "Add to message",
+	"data-testid": "prompt-input-menu-trigger",
+	className: cn("tw:rounded-full", "tw:hover:not-disabled:bg-muted tw:hover:not-disabled:text-foreground tw:hover:not-disabled:border-transparent", "tw:aria-expanded:bg-muted", className),
+	...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
 const ARIA_LABEL_BY_STATUS = {
 	ready: "Send message",
@@ -1024,11 +1433,7 @@ const promptInputVariants = cva([
 			"tw:pt-3",
 			"tw:pb-2"
 		],
-		inline: [
-			"tw:flex-row",
-			"tw:py-3",
-			"tw:items-center"
-		]
+		inline: ["tw:flex-col", "tw:py-3"]
 	} }
 });
 const wrapperVariants = cva(null, {
@@ -1038,7 +1443,7 @@ const wrapperVariants = cva(null, {
 		inline: ""
 	} }
 });
-const PromptInput = ({ onSend, onAbort, onContinue, prefix, variant, suffix, disabled, disableSubmit, value = "", onValueChange, status = "ready", maxRows = 6, minRows, commands, autoFocus, textareaRef: publishedRef, ...textareaProps }) => {
+const PromptInput = ({ onSend, onAbort, onContinue, prefix, variant, suffix, attachments, className, disabled, disableSubmit, value = "", onValueChange, status = "ready", maxRows = 6, minRows, commands, autoFocus, textareaRef: publishedRef, ...textareaProps }) => {
 	const defaultMinRows = variant === "inline" ? 1 : 2;
 	const isDisabled = (disabled || disableSubmit || !value.trim()) && status !== "streaming" && status !== "interrupted";
 	const textareaId = useId();
@@ -1053,10 +1458,11 @@ const PromptInput = ({ onSend, onAbort, onContinue, prefix, variant, suffix, dis
 		if (autoFocusRef.current) textareaRef.current?.focus({ preventScroll: true });
 	}, []);
 	if (dismissedValue !== null && value !== dismissedValue) setDismissedValue(null);
-	const hasCommands = !!commands && commands.length > 0;
+	const hasMenus = !!commands && commands.length > 0;
 	const valueLooksLikeSlashCommand = value.startsWith("/") && !/\s/.test(value);
-	const commandsOpen = hasCommands && valueLooksLikeSlashCommand && value !== dismissedValue;
-	const slashFilter = commandsOpen ? value.slice(1) : "";
+	const menuOpen = hasMenus && valueLooksLikeSlashCommand && value !== dismissedValue;
+	const menuItems = commands ?? [];
+	const menuFilter = value.slice(1);
 	const handleSubmit = () => {
 		if (isDisabled) return;
 		if (status === "streaming") onAbort?.();
@@ -1070,19 +1476,19 @@ const PromptInput = ({ onSend, onAbort, onContinue, prefix, variant, suffix, dis
 	const handleOnChange = (event) => {
 		onValueChange?.(event.target.value);
 	};
-	const handleCommandSelect = (commandValue) => {
-		onValueChange?.(commandValue + " ");
+	const handleMenuSelect = (item) => {
+		onValueChange?.(item.value + " ");
 		textareaRef.current?.focus();
 	};
 	const handleOnKeyDown = (event) => {
-		if (commandsOpen) {
+		if (menuOpen) {
 			if (event.key === "Escape") {
 				event.preventDefault();
 				setDismissedValue(value);
 				return;
 			}
 			if (event.key === "ArrowUp" || event.key === "ArrowDown" || event.key === "Enter") return;
-		} else if (hasCommands && CMDK_HIJACKED_KEYS.has(event.key) && isCmdkNavigation(event)) event.stopPropagation();
+		} else if (hasMenus && CMDK_HIJACKED_KEYS.has(event.key) && isCmdkNavigation(event)) event.stopPropagation();
 		if (event.key === "Enter" && !event.shiftKey && !event.ctrlKey && !event.metaKey) {
 			event.preventDefault();
 			if (status !== "streaming") handleSubmit();
@@ -1100,48 +1506,63 @@ const PromptInput = ({ onSend, onAbort, onContinue, prefix, variant, suffix, dis
 			"data-status": status,
 			onMouseDown: handleOnMouseDown,
 			onSubmit: handleOnSubmit,
-			className: cn(promptInputVariants({ variant }), disabled && "tw:bg-none tw:border-border tw:shadow-[inset_0_100vw_rgb(var(--muted))] tw:cursor-default"),
+			className: cn(promptInputVariants({ variant }), disabled && "tw:bg-none tw:border-border tw:shadow-[inset_0_100vw_rgb(var(--muted))] tw:cursor-default", className),
 			children: [
-				prefix && /* @__PURE__ */ jsx("div", {
-					className: "tw:flex tw:items-center",
-					children: prefix
+				attachments && /* @__PURE__ */ jsx("div", {
+					className: "tw:flex tw:flex-col tw:gap-2 tw:pb-2",
+					children: attachments
 				}),
 				/* @__PURE__ */ jsx("label", {
 					htmlFor: textareaId,
 					className: "tw:sr-only",
 					children: "Prompt Input"
 				}),
-				/* @__PURE__ */ jsx(TextareaAutosize, {
-					...textareaProps,
-					disabled,
-					minRows: minRows ?? defaultMinRows,
-					maxRows,
-					id: textareaId,
-					ref: setTextareaNode,
-					value,
-					onChange: handleOnChange,
-					onKeyDown: handleOnKeyDown,
-					className: cn("tw:resize-none", "tw:outline-hidden", "tw:w-full", "tw:px-2", "tw:bg-transparent", disabled ? "tw:text-muted-foreground" : "tw:text-foreground", "tw:text-sm", "tw:font-sans", "tw:transition-[width]", "tw:delay-75", "tw:ease-linear", "tw:overflow-auto")
-				}),
 				/* @__PURE__ */ jsxs("div", {
-					className: cn("tw:flex tw:items-center tw:gap-4", variant === "inline" ? "tw:items-end" : "tw:items-center"),
-					children: [suffix, /* @__PURE__ */ jsx(PromptInputSubmit, {
-						disabled: isDisabled,
-						status
-					})]
+					className: cn("tw:flex tw:min-w-0 tw:gap-2", variant === "inline" ? "tw:flex-row tw:items-center" : "tw:flex-col"),
+					children: [
+						prefix && /* @__PURE__ */ jsx("div", {
+							className: "tw:flex tw:shrink-0 tw:items-center",
+							children: prefix
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "tw:flex tw:min-w-0 tw:flex-1 tw:items-center",
+							children: /* @__PURE__ */ jsx(TextareaAutosize, {
+								...textareaProps,
+								disabled,
+								minRows: minRows ?? defaultMinRows,
+								maxRows,
+								id: textareaId,
+								ref: setTextareaNode,
+								value,
+								onChange: handleOnChange,
+								onKeyDown: handleOnKeyDown,
+								className: cn("tw:resize-none", "tw:outline-hidden", "tw:min-w-32 tw:flex-1", variant === "inline" ? "tw:px-0" : "tw:pl-2 tw:pr-0", "tw:bg-transparent", disabled ? "tw:text-muted-foreground" : "tw:text-foreground", "tw:text-sm", "tw:font-sans", "tw:transition-[width]", "tw:delay-75", "tw:ease-linear", "tw:overflow-auto")
+							})
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: cn("tw:flex tw:shrink-0 tw:items-center tw:gap-1", "tw:[&>*:last-child]:ml-1", variant === "inline" && "tw:pr-2.5"),
+							children: [suffix, /* @__PURE__ */ jsx(PromptInputSubmit, {
+								disabled: isDisabled,
+								status
+							})]
+						})
+					]
 				})
 			]
 		})
 	});
-	return /* @__PURE__ */ jsx(TooltipProvider, { children: hasCommands ? /* @__PURE__ */ jsx(PromptInputCommands, {
-		items: commands ?? [],
-		open: commandsOpen,
-		onSelect: handleCommandSelect,
-		filterValue: slashFilter,
+	return /* @__PURE__ */ jsx(TooltipProvider, { children: hasMenus ? /* @__PURE__ */ jsx(PromptInputCommands, {
+		items: menuItems,
+		open: menuOpen,
+		onSelect: handleMenuSelect,
+		filterValue: menuFilter,
+		emptyText: "No commands found",
+		onClose: () => setDismissedValue(value),
 		children: formEl
 	}) : formEl });
 };
 PromptInput.Action = PromptInputAction;
+PromptInput.MenuTrigger = PromptInputMenuTrigger;
 //#endregion
 //#region src/blocks/AIKit/Question.tsx
 const handleKeyDown = (callback) => (e) => {
@@ -1154,6 +1575,10 @@ const Question = ({ question, header, options, multiSelect = true, selectedOptio
 	const [isCustomExpanded, setIsCustomExpanded] = useState(false);
 	const isCustomSelected = isCustomExpanded || customAnswer.length > 0;
 	const hasSteps = currentStep != null && totalSteps != null;
+	const showStepControls = hasSteps && totalSteps > 1;
+	const showSkipButton = showSkip && onSkip != null;
+	const showSubmitButton = multiSelect || isCustomSelected;
+	const showFooter = showStepControls || showSkipButton || showSubmitButton;
 	const progressValue = hasSteps ? currentStep / totalSteps * 100 : 0;
 	const isFirstStep = currentStep === 1;
 	const isLastStep = hasSteps && currentStep === totalSteps;
@@ -1280,14 +1705,14 @@ const Question = ({ question, header, options, multiSelect = true, selectedOptio
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "tw:flex tw:flex-col",
-				children: [hasSteps && /* @__PURE__ */ jsx(Progress, {
+				children: [showStepControls && /* @__PURE__ */ jsx(Progress, {
 					size: "sm",
 					value: progressValue,
 					className: "tw:rounded-none"
-				}), /* @__PURE__ */ jsxs("div", {
-					className: cn("tw:flex tw:items-center tw:justify-end tw:gap-4 tw:px-4 tw:py-3", !hasSteps && "tw:border-0 tw:border-t tw:border-solid tw:border-border"),
+				}), showFooter && /* @__PURE__ */ jsxs("div", {
+					className: cn("tw:flex tw:items-center tw:justify-end tw:gap-4 tw:px-4 tw:py-3", !showStepControls && "tw:border-0 tw:border-t tw:border-solid tw:border-border"),
 					children: [
-						hasSteps && /* @__PURE__ */ jsxs("div", {
+						showStepControls && /* @__PURE__ */ jsxs("div", {
 							className: "tw:flex tw:items-center tw:gap-2",
 							children: [
 								/* @__PURE__ */ jsx("button", {
@@ -1316,14 +1741,14 @@ const Question = ({ question, header, options, multiSelect = true, selectedOptio
 								})
 							]
 						}),
-						showSkip && onSkip && /* @__PURE__ */ jsx(Button, {
+						showSkipButton && /* @__PURE__ */ jsx(Button, {
 							variant: "outline",
 							size: "small",
 							onClick: onSkip,
 							"data-testid": "question-skip-button",
 							children: "Skip"
 						}),
-						(multiSelect || isCustomSelected) && (submitTooltip ? /* @__PURE__ */ jsx(Tooltip, {
+						showSubmitButton && (submitTooltip ? /* @__PURE__ */ jsx(Tooltip, {
 							tooltip: submitTooltip,
 							placement: "top",
 							triggerAsChild: true,
@@ -1656,6 +2081,27 @@ const formatPercentage = (value) => {
 	return `${value < 100 ? Math.min(rounded, 99) : rounded}%`;
 };
 //#endregion
+//#region src/blocks/AIKit/UsageBar.tsx
+/**
+* One budget, as a labelled row over a bar.
+*
+* - The label and the figure sit on one baseline at either end of the row; the bar spans both.
+* - `value` over 100 or `NaN` is clamped by `clampPercentage` — `Progress`'s indicator is
+*   unclamped and would otherwise slide off the row.
+*/
+const UsageBar = ({ value, label, variant, className, ...props }) => /* @__PURE__ */ jsxs("span", {
+	...props,
+	className: cn("tw:flex tw:flex-col tw:gap-1.5 tw:text-xs tw:text-muted-foreground", className),
+	children: [/* @__PURE__ */ jsxs("span", {
+		className: "tw:flex tw:items-baseline tw:justify-between tw:gap-2",
+		children: [/* @__PURE__ */ jsx("span", { children: label }), /* @__PURE__ */ jsx("span", { children: `${formatPercentage(Math.max(0, 100 - value))} left` })]
+	}), /* @__PURE__ */ jsx(Progress, {
+		size: "sm",
+		variant,
+		value: clampPercentage(value)
+	})]
+});
+//#endregion
 //#region src/blocks/AIKit/UsageStatsRing.tsx
 const UsageStatsRing = ({ value, size = 16, strokeWidth = 2.5, className }) => {
 	const radius = Math.max(0, (size - strokeWidth) / 2 - 1);
@@ -1698,9 +2144,10 @@ const UsageStats = ({ value, alert = false, children, className, ariaLabel, alig
 		onOpenChange,
 		children: [/* @__PURE__ */ jsx(HoverCard.Trigger, {
 			asChild: true,
-			children: /* @__PURE__ */ jsxs("span", {
+			children: /* @__PURE__ */ jsxs("button", {
+				type: "button",
 				"aria-label": ariaLabel ?? defaultLabel,
-				className: cn("tw:relative tw:inline-flex tw:size-8 tw:items-center tw:justify-center", className),
+				className: cn("tw:relative tw:inline-flex tw:size-8 tw:shrink-0 tw:items-center tw:justify-center", "tw:cursor-pointer tw:rounded-full tw:border-0 tw:bg-transparent tw:p-0", "tw:transition-colors tw:hover:bg-muted", "tw:focus-visible:outline-hidden tw:focus-visible:ring-2 tw:focus-visible:ring-ring/50", className),
 				children: [/* @__PURE__ */ jsx(UsageStatsRing, { value }), hasAlert && /* @__PURE__ */ jsx(AlertCircle, {
 					"data-testid": "usage-stats-alert",
 					className: cn("tw:absolute tw:-right-0.5 tw:-top-0.5 tw:size-3", isWarning ? "tw:text-warning-500" : "tw:text-error-500")
@@ -1715,6 +2162,6 @@ const UsageStats = ({ value, alert = false, children, className, ariaLabel, alig
 	});
 };
 //#endregion
-export { AnswerActions, AnswerSummary, CollapsibleStepHeader, DIAGRAM_LANGUAGES, InlineStepDetail, InlineStepLabel, Markdown, MarkdownTable, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageStats, UsageStatsRing, clampPercentage, formatPercentage };
+export { AnswerActions, AnswerSummary, ChatInlineIcon, CollapsibleStepHeader, DIAGRAM_LANGUAGES, InlineStepDetail, InlineStepGroup, InlineStepLabel, Markdown, MarkdownTable, MessageBubble, PlanApproval, PlanRewritingIndicator, PromptInput, Question, QuestionBlock, SuggestedPrompt, ThinkingIndicator, ToolCallApproval, ToolCallChip, ToolCallStatusHeader, UsageBar, UsageStats, UsageStatsRing, clampPercentage, formatPercentage, getChatInlineIconName };
 
-//# sourceMappingURL=AIKit-BExvt9pt.js.map
+//# sourceMappingURL=AIKit-ELIsegJz.js.map