themelia-ui 1.0.0

package/dist/features/ai-chat.js

@@ -0,0 +1,1670 @@
+"use client";
+import "../core.css";
+import "../css/ai-chat.css";
+import { t as e } from "../cx--CBrhWH0.js";
+import { o as t, r as n } from "../typography-vC_wwEBm.js";
+import { p as r } from "../feedback-DHdvxang.js";
+import { c as i } from "../buttons-CabBjPap.js";
+import { n as a } from "../copyable-BCzl5xJE.js";
+import { u as o } from "../display-DTWjv_bB.js";
+import { B as s, H as c, w as l, x as u } from "../primitives-D-cyAv5O.js";
+import { t as d } from "../badge-DwsR_WXN.js";
+import { y as f } from "../upload-4YDU7od8.js";
+import { t as p } from "../strings-Co9_qArR.js";
+import { c as m } from "../text-inputs-BMW3hP0R.js";
+import { AlertCircleIcon as h, ArchiveIcon as g, ArrowDownIcon as _, ArrowUpIcon as v, AudioLinesIcon as y, BotIcon as b, BrainIcon as x, CheckIcon as S, ChevronDownIcon as C, CircleDotIcon as w, CircleIcon as T, CopyIcon as E, DownloadIcon as D, ExternalLinkIcon as O, FileCodeIcon as k, FileTextIcon as A, GlobeIcon as j, ImageIcon as ee, Loader2Icon as M, MinusCircleIcon as te, PaperclipIcon as ne, RotateCcwIcon as re, ShieldCheckIcon as ie, SparklesIcon as ae, SquareIcon as oe, UserIcon as se, VideoIcon as ce, WrenchIcon as le, XCircleIcon as ue, XIcon as N } from "lucide-react";
+import { useCallback as P, useEffect as F, useMemo as de, useRef as I, useState as L } from "react";
+import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
+//#region src/components/features/ai-chat/ai-chat.strings.ts
+var V = {
+	copyAria: "Copy message",
+	copied: "Copied",
+	regenerateAria: "Regenerate response"
+}, H = {
+	thinking: "Thinking…",
+	thoughtFor: "Thought for {{duration}}",
+	thoughtDone: "Reasoning complete",
+	expandAria: "Expand reasoning",
+	collapseAria: "Collapse reasoning"
+}, fe = {
+	title: "Reasoning",
+	streamingHint: "Working through the steps…"
+}, pe = {
+	pending: "Queued",
+	running: "Running",
+	success: "Success",
+	error: "Failed",
+	expand: "Show details",
+	collapse: "Hide details",
+	args: "Arguments",
+	result: "Result",
+	durationLabel: "Took"
+}, me = {
+	statusLabels: {
+		queued: "Queued",
+		running: "Running",
+		completed: "Done",
+		failed: "Failed",
+		cancelled: "Cancelled",
+		skipped: "Skipped"
+	},
+	collapseSubtasks: "Collapse subtasks",
+	expandSubtasks: "Expand subtasks"
+}, he = { statusLabels: {
+	idle: "Idle",
+	thinking: "Thinking",
+	working: "Working",
+	done: "Done",
+	error: "Error",
+	offline: "Offline"
+} }, ge = {
+	approve: "Approve",
+	reject: "Reject",
+	pending: "Awaiting your approval",
+	approved: "Approved",
+	rejected: "Rejected",
+	detailsLabel: "Details"
+}, _e = {
+	copy: "Copy",
+	copied: "Copied",
+	copyAria: "Copy code",
+	defaultLanguageLabel: "Code"
+}, ve = {
+	openAria: "Open artifact",
+	copy: "Copy",
+	copied: "Copied",
+	copyAria: "Copy artifact",
+	downloadAria: "Download artifact"
+}, ye = {
+	title: "{{count}} sources",
+	expand: "Show all sources",
+	collapse: "Hide sources",
+	visit: "Visit source"
+}, be = {
+	removeAria: "Remove attachment",
+	openAria: "Open attachment",
+	uploadProgressAria: "Upload progress"
+}, U = {
+	placeholder: "Ask anything…",
+	attachAria: "Attach files",
+	submitAria: "Send message",
+	stopAria: "Stop generating",
+	hint: "Press {{submitKey}} to send · {{newlineKey}} for a newline"
+}, W = {
+	transcriptAria: "Conversation messages",
+	empty: "No messages yet.",
+	scrollToBottom: "Jump to latest",
+	scrollToBottomAria: "Scroll to the newest message"
+}, G = {
+	header: "In queue",
+	cancelAria: "Remove from the queue",
+	queuedLabel: "Queued",
+	runningLabel: "Running"
+}, K = { header: "Try" }, q = { pending: "Thinking…" }, xe = {
+	prompt: U,
+	conversation: W,
+	queue: G,
+	suggestions: K,
+	message: q,
+	emptyTitle: "Start a conversation",
+	emptyDescription: "Ask a question, share context, or attach a file to get going."
+}, J = {
+	light: "ai-chat-module__light___fRv-k",
+	dark: "ai-chat-module__dark___YcUt3",
+	grow: "ai-chat-module__grow___q-ntL",
+	numeric: "ai-chat-module__numeric___FSub1",
+	preWrap: "ai-chat-module__preWrap___mB1kG",
+	copiedIcon: "ai-chat-module__copiedIcon___hZ42t",
+	shimmer: "ai-chat-module__shimmer___SL5w3",
+	shimmerSweep: "ai-chat-module__shimmer-sweep___sSaJf",
+	turn: "ai-chat-module__turn___Zoxg8",
+	avatar: "ai-chat-module__avatar___89PLl",
+	turnBody: "ai-chat-module__turnBody___c5YL5",
+	turnMeta: "ai-chat-module__turnMeta___1YRCT",
+	turnActions: "ai-chat-module__turnActions___z3vt5",
+	bubble: "ai-chat-module__bubble___XEXuf",
+	bubbleParts: "ai-chat-module__bubbleParts___Y8eXK",
+	disclosure: "ai-chat-module__disclosure___IYA57",
+	tool: "ai-chat-module__tool___7rIbi",
+	sources: "ai-chat-module__sources___tOU4l",
+	chain: "ai-chat-module__chain___SaQzN",
+	artifact: "ai-chat-module__artifact___tWHnT",
+	code: "ai-chat-module__code___J3Ggl",
+	task: "ai-chat-module__task___Y3t-b",
+	disclosureTrigger: "ai-chat-module__disclosureTrigger___jl59B",
+	disclosureIcon: "ai-chat-module__disclosureIcon___bN9K3",
+	disclosureChevron: "ai-chat-module__disclosureChevron___1MNIf",
+	disclosureBody: "ai-chat-module__disclosureBody___TzOK2",
+	chainHeader: "ai-chat-module__chainHeader___oiEvR",
+	chainHint: "ai-chat-module__chainHint___YFjdc",
+	chainSteps: "ai-chat-module__chainSteps___vqAuW",
+	chainStep: "ai-chat-module__chainStep___Ay-Kr",
+	chainMarker: "ai-chat-module__chainMarker___4lHQD",
+	chainStepBody: "ai-chat-module__chainStepBody___F8CBN",
+	chainStepExtra: "ai-chat-module__chainStepExtra___95eNv",
+	toolHeader: "ai-chat-module__toolHeader___Yfjlq",
+	toolName: "ai-chat-module__toolName___HWgZS",
+	toolMeta: "ai-chat-module__toolMeta___gNyWN",
+	toolDuration: "ai-chat-module__toolDuration___EcHSr",
+	toolBody: "ai-chat-module__toolBody___Hcq5K",
+	toolDetail: "ai-chat-module__toolDetail___5ChWu",
+	pre: "ai-chat-module__pre___bckau",
+	taskRow: "ai-chat-module__taskRow___-0r-A",
+	taskToggle: "ai-chat-module__taskToggle___2nd-2",
+	taskToggleSpacer: "ai-chat-module__taskToggleSpacer___yO291",
+	taskIcon: "ai-chat-module__taskIcon___Y6YKC",
+	taskBody: "ai-chat-module__taskBody___FOvMM",
+	taskTitleRow: "ai-chat-module__taskTitleRow___OahB4",
+	taskTitle: "ai-chat-module__taskTitle___8EM1u",
+	taskExtra: "ai-chat-module__taskExtra___FAuEr",
+	agent: "ai-chat-module__agent___L-m-o",
+	agentText: "ai-chat-module__agentText___ibEvi",
+	agentNameRow: "ai-chat-module__agentNameRow___1vO4-",
+	agentTrailing: "ai-chat-module__agentTrailing___WwsJy",
+	statusDot: "ai-chat-module__statusDot___F5m-O",
+	confirmation: "ai-chat-module__confirmation___pj2tT",
+	confirmationHeader: "ai-chat-module__confirmationHeader___oIqO-",
+	confirmationText: "ai-chat-module__confirmationText___k8FDH",
+	confirmationDetails: "ai-chat-module__confirmationDetails___XsymH",
+	confirmationFooter: "ai-chat-module__confirmationFooter___n9UJr",
+	confirmationActions: "ai-chat-module__confirmationActions___GMsvl",
+	outcome: "ai-chat-module__outcome___j5hxN",
+	codeHeader: "ai-chat-module__codeHeader___ssKii",
+	codeLabel: "ai-chat-module__codeLabel___nGLMJ",
+	codeLanguage: "ai-chat-module__codeLanguage___FUvd1",
+	codeActions: "ai-chat-module__codeActions___eSeZq",
+	codeScroll: "ai-chat-module__codeScroll___XgH-1",
+	codePlain: "ai-chat-module__codePlain___N401J",
+	codeNumbered: "ai-chat-module__codeNumbered___6nyH5",
+	codeGutter: "ai-chat-module__codeGutter___r6u6n",
+	codeLine: "ai-chat-module__codeLine___Rk-7D",
+	artifactHeader: "ai-chat-module__artifactHeader___BZKY8",
+	artifactText: "ai-chat-module__artifactText___trSTw",
+	artifactActions: "ai-chat-module__artifactActions___YYlNA",
+	artifactBody: "ai-chat-module__artifactBody___RMjHR",
+	sourceStrip: "ai-chat-module__sourceStrip___feKd2",
+	sourceStack: "ai-chat-module__sourceStack___A2AoL",
+	sourceFace: "ai-chat-module__sourceFace___RV-t8",
+	sourceFaceButton: "ai-chat-module__sourceFaceButton___MZn0L",
+	sourceImage: "ai-chat-module__sourceImage___zZfmD",
+	sourceGlobe: "ai-chat-module__sourceGlobe___hhVQ9",
+	sourceList: "ai-chat-module__sourceList___mSEYR",
+	sourceRow: "ai-chat-module__sourceRow___mL1w8",
+	sourceIndex: "ai-chat-module__sourceIndex___dqRP9",
+	sourceText: "ai-chat-module__sourceText___Eyla-",
+	sourceExternal: "ai-chat-module__sourceExternal___0zhDq",
+	sourceSnippet: "ai-chat-module__sourceSnippet___1ioN6",
+	attachment: "ai-chat-module__attachment___YLcAN",
+	attachmentOpen: "ai-chat-module__attachmentOpen___fU-fe",
+	attachmentThumb: "ai-chat-module__attachmentThumb___4mqW8",
+	attachmentIcon: "ai-chat-module__attachmentIcon___duYQV",
+	attachmentText: "ai-chat-module__attachmentText___sbN7-",
+	attachmentTrack: "ai-chat-module__attachmentTrack___e6UaO",
+	attachmentBar: "ai-chat-module__attachmentBar___PF3eY",
+	attachmentRemove: "ai-chat-module__attachmentRemove___tg-Fi",
+	chat: "ai-chat-module__chat___K8OSA",
+	header: "ai-chat-module__header___tIc-A",
+	headerActions: "ai-chat-module__headerActions___h8Vap",
+	conversation: "ai-chat-module__conversation___owoGM",
+	transcript: "ai-chat-module__transcript___ZSJrn",
+	transcriptIntro: "ai-chat-module__transcriptIntro___7kAwP",
+	transcriptFooter: "ai-chat-module__transcriptFooter___30B9-",
+	messages: "ai-chat-module__messages___SUKFY",
+	sentinel: "ai-chat-module__sentinel___0OeNW",
+	jump: "ai-chat-module__jump___CW8TT",
+	message: "ai-chat-module__message___4xN32",
+	messageBelow: "ai-chat-module__messageBelow___Hud47",
+	emptyState: "ai-chat-module__emptyState___5h-dI",
+	emptyBelow: "ai-chat-module__emptyBelow___3XxOt",
+	footer: "ai-chat-module__footer___g5czZ",
+	strip: "ai-chat-module__strip___6F7an",
+	queue: "ai-chat-module__queue___fP82n",
+	queueList: "ai-chat-module__queueList___EMUnW",
+	queueRow: "ai-chat-module__queueRow___qkAH2",
+	queueSpinner: "ai-chat-module__queueSpinner___Ot3n2",
+	queueDot: "ai-chat-module__queueDot___XQosS",
+	suggestions: "ai-chat-module__suggestions___wLoUW",
+	suggestionsHeader: "ai-chat-module__suggestionsHeader___yQ-b3",
+	suggestionsScroll: "ai-chat-module__suggestionsScroll___wAqxm",
+	suggestion: "ai-chat-module__suggestion___jOBmO",
+	composer: "ai-chat-module__composer___VCPCf",
+	composerAttachments: "ai-chat-module__composerAttachments___ZNPld",
+	composerField: "ai-chat-module__composerField___UB941",
+	composerBar: "ai-chat-module__composerBar___BZyfJ",
+	composerBarEnd: "ai-chat-module__composerBarEnd___btkXc",
+	stopGlyph: "ai-chat-module__stopGlyph___bF8VQ",
+	composerHint: "ai-chat-module__composerHint___xzPL5"
+}, Se = 1500;
+function Ce({ code: t, language: n, filename: r, showLineNumbers: o = !1, highlightLines: c, hideHeader: l = !1, maxHeight: u, headerActions: d, onCopy: f, className: p, strings: m }) {
+	let h = {
+		..._e,
+		...m
+	}, { copied: g, copy: _ } = a({
+		confirmMs: Se,
+		onCopy: f
+	}), v = de(() => t.split("\n"), [t]), y = de(() => new Set(c ?? []), [c]);
+	return /* @__PURE__ */ B("div", {
+		className: e("ai-code-block--component", J.code, p),
+		children: [!l && /* @__PURE__ */ B("div", {
+			className: J.codeHeader,
+			children: [
+				/* @__PURE__ */ z(s, {
+					size: "xs",
+					"data-caps": !r || void 0,
+					className: J.codeLabel,
+					children: r || n || h.defaultLanguageLabel
+				}),
+				!!r && !!n && /* @__PURE__ */ z(s, {
+					size: "xs",
+					type: "secondary",
+					className: J.codeLanguage,
+					children: n
+				}),
+				/* @__PURE__ */ B("div", {
+					className: J.codeActions,
+					children: [d, /* @__PURE__ */ z(i, {
+						type: "button",
+						tone: "neutral",
+						buttonStyle: "ghost",
+						iconOnly: !0,
+						"aria-label": h.copyAria,
+						onClick: () => void _(t),
+						children: g ? /* @__PURE__ */ z(S, { className: J.copiedIcon }) : /* @__PURE__ */ z(E, {})
+					})]
+				})
+			]
+		}), /* @__PURE__ */ z("div", {
+			tabIndex: 0,
+			style: u === void 0 ? void 0 : { maxHeight: typeof u == "number" ? `${u}px` : u },
+			className: J.codeScroll,
+			children: o ? /* @__PURE__ */ z("pre", {
+				className: J.codeNumbered,
+				children: v.map((e, t) => {
+					let n = t + 1;
+					return /* @__PURE__ */ B("span", {
+						"data-highlight": y.has(n) || void 0,
+						children: [/* @__PURE__ */ z("span", {
+							"aria-hidden": !0,
+							className: J.codeGutter,
+							children: n
+						}), /* @__PURE__ */ z("span", {
+							className: J.codeLine,
+							children: e || " "
+						})]
+					}, t);
+				})
+			}) : /* @__PURE__ */ z("pre", {
+				className: J.codePlain,
+				children: /* @__PURE__ */ z("code", { children: t })
+			})
+		})]
+	});
+}
+function we({ title: n, subtitle: r, icon: s = A, copyText: c, children: l, collapsed: u = !1, onOpen: d, actions: f, onDownload: p, className: m, strings: h }) {
+	let g = {
+		...ve,
+		...h
+	}, { copied: _, copy: v } = a({ confirmMs: Se });
+	return /* @__PURE__ */ B("div", {
+		className: e("ai-artifact--component", J.artifact, m),
+		children: [/* @__PURE__ */ B("div", {
+			className: J.artifactHeader,
+			children: [
+				/* @__PURE__ */ z(o, {
+					icon: s,
+					tone: "neutral",
+					shape: "rounded"
+				}),
+				/* @__PURE__ */ B("div", {
+					className: J.artifactText,
+					children: [/* @__PURE__ */ z(t, {
+						weight: "semibold",
+						truncate: !0,
+						children: n
+					}), !!r && /* @__PURE__ */ z(t, {
+						size: "xs",
+						type: "secondary",
+						truncate: !0,
+						children: r
+					})]
+				}),
+				/* @__PURE__ */ B("div", {
+					className: J.artifactActions,
+					children: [
+						f?.map((e) => {
+							let t = e.icon;
+							return /* @__PURE__ */ B(i, {
+								type: "button",
+								tone: "neutral",
+								buttonStyle: "ghost",
+								onClick: e.onSelect,
+								children: [!!t && /* @__PURE__ */ z(t, {}), e.label]
+							}, e.id);
+						}),
+						!!c && /* @__PURE__ */ z(i, {
+							type: "button",
+							tone: "neutral",
+							buttonStyle: "ghost",
+							iconOnly: !0,
+							"aria-label": g.copyAria,
+							onClick: () => void v(c),
+							children: _ ? /* @__PURE__ */ z(S, { className: J.copiedIcon }) : /* @__PURE__ */ z(E, {})
+						}),
+						!!p && /* @__PURE__ */ z(i, {
+							type: "button",
+							tone: "neutral",
+							buttonStyle: "ghost",
+							iconOnly: !0,
+							"aria-label": g.downloadAria,
+							onClick: p,
+							children: /* @__PURE__ */ z(D, {})
+						}),
+						!!d && /* @__PURE__ */ z(i, {
+							type: "button",
+							tone: "neutral",
+							buttonStyle: "ghost",
+							iconOnly: !0,
+							"aria-label": g.openAria,
+							onClick: d,
+							children: /* @__PURE__ */ z(O, {})
+						})
+					]
+				})
+			]
+		}), !u && !!l && /* @__PURE__ */ z("div", {
+			className: J.artifactBody,
+			children: l
+		})]
+	});
+}
+function Te({ src: e }) {
+	let t = /* @__PURE__ */ z(j, {
+		"aria-hidden": !0,
+		className: J.sourceGlobe
+	});
+	return e ? /* @__PURE__ */ z(f, {
+		src: e,
+		fallback: t,
+		className: J.sourceImage
+	}) : t;
+}
+function Ee({ sources: e, onSelect: t }) {
+	return /* @__PURE__ */ z("span", {
+		"aria-hidden": !0,
+		className: J.sourceStack,
+		children: e.map((e, n) => {
+			let r = /* @__PURE__ */ z("span", {
+				title: typeof e.title == "string" ? e.title : void 0,
+				className: J.sourceFace,
+				children: /* @__PURE__ */ z(Te, { src: e.faviconUrl })
+			});
+			return t ? /* @__PURE__ */ z("button", {
+				type: "button",
+				onClick: () => t(e, n),
+				className: J.sourceFaceButton,
+				children: r
+			}, e.id) : /* @__PURE__ */ z("span", { children: r }, e.id);
+		})
+	});
+}
+function De({ source: e, index: r, onSelect: i, visitLabel: a }) {
+	let o = /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(l, {
+		value: r,
+		size: "xs",
+		weight: "semibold",
+		type: "secondary",
+		className: J.sourceIndex
+	}), /* @__PURE__ */ B("span", {
+		className: J.sourceText,
+		children: [
+			/* @__PURE__ */ B(t, {
+				tag: "span",
+				weight: "medium",
+				truncate: !0,
+				children: [e.title, !!e.url && /* @__PURE__ */ z(O, {
+					"aria-hidden": !0,
+					className: J.sourceExternal
+				})]
+			}),
+			!!e.publisher && /* @__PURE__ */ z(t, {
+				tag: "span",
+				size: "xs",
+				type: "secondary",
+				truncate: !0,
+				children: e.publisher
+			}),
+			!!e.snippet && /* @__PURE__ */ z(t, {
+				tag: "span",
+				size: "xs",
+				type: "secondary",
+				className: J.sourceSnippet,
+				children: e.snippet
+			})
+		]
+	})] });
+	return /* @__PURE__ */ z("li", { children: i ? /* @__PURE__ */ z("button", {
+		type: "button",
+		onClick: i,
+		className: J.sourceRow,
+		children: o
+	}) : e.url ? /* @__PURE__ */ z(n, {
+		href: e.url,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		"aria-label": a,
+		className: J.sourceRow,
+		children: o
+	}) : /* @__PURE__ */ z("div", {
+		className: J.sourceRow,
+		children: o
+	}) });
+}
+function Oe({ sources: n, variant: r = "list", maxAvatars: i = 5, expanded: a, defaultExpanded: o = !1, onExpandedChange: s, onSelect: u, className: d, strings: f }) {
+	let p = {
+		...ye,
+		...f
+	}, [m, h] = L(o), g = a ?? m, _ = (e) => {
+		a === void 0 && h(e), s?.(e);
+	}, v = p.title.replace(/\{\{\s*count\s*\}\}/g, String(n.length));
+	if (r === "avatars") {
+		let r = n.slice(0, i), a = n.length - r.length;
+		return /* @__PURE__ */ B("div", {
+			className: e("ai-sources--component", J.sourceStrip, d),
+			children: [
+				/* @__PURE__ */ z(Ee, {
+					sources: r,
+					onSelect: u
+				}),
+				/* @__PURE__ */ z(t, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					children: v
+				}),
+				a > 0 && /* @__PURE__ */ B(c, {
+					size: "xs",
+					className: J.numeric,
+					children: ["+", /* @__PURE__ */ z(l, {
+						value: a,
+						size: "xs",
+						type: "secondary"
+					})]
+				})
+			]
+		});
+	}
+	return /* @__PURE__ */ B("div", {
+		className: e("ai-sources--component", J.sources, d),
+		children: [/* @__PURE__ */ B("button", {
+			type: "button",
+			"aria-expanded": g,
+			"aria-label": g ? p.collapse : p.expand,
+			onClick: () => _(!g),
+			className: J.disclosureTrigger,
+			children: [
+				/* @__PURE__ */ z(Ee, { sources: n.slice(0, 4) }),
+				/* @__PURE__ */ z(t, {
+					tag: "span",
+					weight: "medium",
+					className: J.grow,
+					children: v
+				}),
+				/* @__PURE__ */ z(C, {
+					"aria-hidden": !0,
+					"data-expanded": g || void 0,
+					className: J.disclosureChevron
+				})
+			]
+		}), g && /* @__PURE__ */ z("ol", {
+			className: J.sourceList,
+			children: n.map((e, t) => /* @__PURE__ */ z(De, {
+				source: e,
+				index: t + 1,
+				visitLabel: p.visit,
+				onSelect: u ? () => u(e, t) : void 0
+			}, e.id))
+		})]
+	});
+}
+var ke = {
+	image: ee,
+	document: A,
+	audio: y,
+	video: ce,
+	code: k,
+	archive: g,
+	generic: A
+};
+function Ae({ name: n, meta: r, kind: a = "generic", icon: o, thumbnailUrl: s, progress: l, errored: u = !1, onOpen: d, onRemove: f, className: p, strings: m }) {
+	let g = {
+		...be,
+		...m
+	}, _ = o ?? ke[a], v = !u && typeof l == "number" && l >= 0 && l < 1, y = Math.round((l ?? 0) * 100), b = /* @__PURE__ */ B(R, { children: [s ? /* @__PURE__ */ z("span", {
+		"aria-hidden": !0,
+		style: { backgroundImage: `url(${s})` },
+		className: J.attachmentThumb
+	}) : /* @__PURE__ */ z("span", {
+		"aria-hidden": !0,
+		"data-errored": u || void 0,
+		className: J.attachmentIcon,
+		children: z(u ? h : _, {})
+	}), /* @__PURE__ */ B("span", {
+		className: J.attachmentText,
+		children: [
+			/* @__PURE__ */ z(t, {
+				tag: "span",
+				weight: "medium",
+				truncate: !0,
+				children: n
+			}),
+			!!r && /* @__PURE__ */ z(c, {
+				size: "xs",
+				truncate: !0,
+				className: J.numeric,
+				children: r
+			}),
+			v && /* @__PURE__ */ z("span", {
+				role: "progressbar",
+				"aria-label": g.uploadProgressAria,
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				"aria-valuenow": y,
+				className: J.attachmentTrack,
+				children: /* @__PURE__ */ z("span", {
+					style: { "--ai-progress": `${y}%` },
+					className: J.attachmentBar
+				})
+			})
+		]
+	})] });
+	return /* @__PURE__ */ B("div", {
+		"data-errored": u || void 0,
+		className: e("ai-attachment--component", J.attachment, p),
+		children: [d ? /* @__PURE__ */ z("button", {
+			type: "button",
+			"aria-label": g.openAria,
+			onClick: d,
+			className: J.attachmentOpen,
+			children: b
+		}) : /* @__PURE__ */ z("span", {
+			className: J.attachmentOpen,
+			children: b
+		}), !!f && /* @__PURE__ */ z(i, {
+			type: "button",
+			tone: "neutral",
+			buttonStyle: "ghost",
+			iconOnly: !0,
+			"aria-label": g.removeAria,
+			onClick: f,
+			className: J.attachmentRemove,
+			children: /* @__PURE__ */ z(N, {})
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/ai-chat/ai-message-surfaces.tsx
+var je = 1500;
+function Y({ children: n = "Thinking…", paused: r = !1, duration: i, className: a }) {
+	if (r) return /* @__PURE__ */ z(t, {
+		tag: "span",
+		type: "secondary",
+		weight: "medium",
+		className: a,
+		children: n
+	});
+	let o = i === void 0 ? {} : { "--ai-shimmer-duration": `${i}s` };
+	return /* @__PURE__ */ z(t, {
+		tag: "span",
+		weight: "medium",
+		role: "status",
+		"aria-live": "polite",
+		style: o,
+		className: e("ai-shimmer--component", J.shimmer, a),
+		children: n
+	});
+}
+var Me = {
+	assistant: b,
+	user: se,
+	system: b
+};
+function Ne({ role: n = "assistant", avatar: r, avatarLabel: o, authorName: s, timestamp: l, children: u, plainText: d, loading: f = !1, onCopy: p, onRegenerate: m, className: h, strings: g }) {
+	let _ = {
+		...V,
+		...g
+	}, { copied: v, copy: y } = a({
+		confirmMs: je,
+		onCopy: p
+	}), b = Me[n], x = d ?? (typeof u == "string" ? u : ""), S = p !== void 0 || !!x, C = n === "assistant" && (S || !!m);
+	return /* @__PURE__ */ B("div", {
+		"data-role": n,
+		className: e("ai-message-bubble--component", J.turn, h),
+		children: [r ?? /* @__PURE__ */ z("span", {
+			"aria-label": o,
+			"data-role": n,
+			className: J.avatar,
+			children: /* @__PURE__ */ z(b, { "aria-hidden": !0 })
+		}), /* @__PURE__ */ B("div", {
+			className: J.turnBody,
+			children: [
+				(!!s || !!l) && /* @__PURE__ */ B("div", {
+					className: J.turnMeta,
+					children: [!!s && /* @__PURE__ */ z(t, {
+						tag: "span",
+						weight: "medium",
+						children: s
+					}), !!l && /* @__PURE__ */ z(c, {
+						size: "xs",
+						className: J.numeric,
+						children: l
+					})]
+				}),
+				/* @__PURE__ */ z("div", {
+					"data-role": n,
+					"data-loading": f || void 0,
+					className: J.bubble,
+					children: typeof u == "string" || typeof u == "number" ? /* @__PURE__ */ z(t, {
+						type: "inherit",
+						lineHeight: "relaxed",
+						children: u
+					}) : u
+				}),
+				C && /* @__PURE__ */ B("div", {
+					className: J.turnActions,
+					children: [
+						S && /* @__PURE__ */ z(i, {
+							type: "button",
+							tone: "neutral",
+							buttonStyle: "ghost",
+							iconOnly: !0,
+							"aria-label": _.copyAria,
+							onClick: () => void y(x),
+							children: /* @__PURE__ */ z(E, {})
+						}),
+						v && /* @__PURE__ */ z(t, {
+							size: "xs",
+							type: "success",
+							children: _.copied
+						}),
+						!!m && /* @__PURE__ */ z(i, {
+							type: "button",
+							tone: "neutral",
+							buttonStyle: "ghost",
+							iconOnly: !0,
+							"aria-label": _.regenerateAria,
+							onClick: m,
+							children: /* @__PURE__ */ z(re, {})
+						})
+					]
+				})
+			]
+		})]
+	});
+}
+function Pe(e, t) {
+	let n = e.split(/\{\{\s*duration\s*\}\}/);
+	return n.length === 1 ? e : /* @__PURE__ */ B(R, { children: [
+		n[0],
+		/* @__PURE__ */ z(u, {
+			value: t,
+			maxParts: 1
+		}),
+		n.slice(1).join("{{duration}}")
+	] });
+}
+function Fe({ children: n, streaming: r = !1, durationSeconds: i, expandWhileStreaming: a = !0, defaultExpanded: o = !1, expanded: s, onExpandedChange: c, className: l, strings: u }) {
+	let d = {
+		...H,
+		...u
+	}, [f, p] = L(() => o || r && a), m = s ?? f, h = (e) => {
+		s === void 0 && p(e), c?.(e);
+	}, [g, _] = L(r);
+	g !== r && (_(r), a && s === void 0 && (r ? p(!0) : o || p(!1)));
+	let v = r ? /* @__PURE__ */ z(Y, {
+		className: J.grow,
+		children: d.thinking
+	}) : /* @__PURE__ */ z(t, {
+		tag: "span",
+		weight: "medium",
+		className: J.grow,
+		children: i === void 0 ? d.thoughtDone : Pe(d.thoughtFor, i)
+	});
+	return /* @__PURE__ */ B("div", {
+		className: e("ai-reasoning--component", J.disclosure, l),
+		children: [/* @__PURE__ */ B("button", {
+			type: "button",
+			"aria-expanded": m,
+			"aria-label": m ? d.collapseAria : d.expandAria,
+			onClick: () => h(!m),
+			className: J.disclosureTrigger,
+			children: [
+				/* @__PURE__ */ z(x, {
+					"aria-hidden": !0,
+					className: J.disclosureIcon
+				}),
+				v,
+				/* @__PURE__ */ z(C, {
+					"aria-hidden": !0,
+					"data-expanded": m || void 0,
+					className: J.disclosureChevron
+				})
+			]
+		}), m && /* @__PURE__ */ z("div", {
+			className: J.disclosureBody,
+			children: typeof n == "string" ? /* @__PURE__ */ z(t, {
+				type: "secondary",
+				lineHeight: "relaxed",
+				className: J.preWrap,
+				children: n
+			}) : /* @__PURE__ */ z("div", {
+				className: J.preWrap,
+				children: n
+			})
+		})]
+	});
+}
+var Ie = {
+	pending: T,
+	active: M,
+	completed: S,
+	failed: h
+};
+function Le({ steps: n, hideHeader: r = !1, streaming: i = !1, className: a, strings: o }) {
+	let s = {
+		...fe,
+		...o
+	};
+	return /* @__PURE__ */ B("div", {
+		className: e("ai-chain-of-thought--component", J.chain, a),
+		children: [!r && /* @__PURE__ */ B("div", {
+			className: J.chainHeader,
+			children: [/* @__PURE__ */ z(t, {
+				tag: "span",
+				size: "xs",
+				type: "discrete",
+				children: s.title
+			}), i && /* @__PURE__ */ z(Y, {
+				className: J.chainHint,
+				children: s.streamingHint
+			})]
+		}), /* @__PURE__ */ z("ol", {
+			className: J.chainSteps,
+			children: n.map((e) => {
+				let n = e.status ?? "pending", r = e.icon ?? Ie[n];
+				return /* @__PURE__ */ B("li", {
+					"data-status": n,
+					className: J.chainStep,
+					children: [/* @__PURE__ */ z("span", {
+						"aria-hidden": !0,
+						"data-status": n,
+						className: J.chainMarker,
+						children: /* @__PURE__ */ z(r, { "data-spin": n === "active" || void 0 })
+					}), /* @__PURE__ */ B("div", {
+						className: J.chainStepBody,
+						children: [
+							/* @__PURE__ */ z(t, {
+								weight: n === "active" ? "semibold" : "medium",
+								type: n === "pending" ? "secondary" : "main",
+								children: e.title
+							}),
+							!!e.description && /* @__PURE__ */ z(t, {
+								size: "xs",
+								type: "secondary",
+								children: e.description
+							}),
+							!!e.body && /* @__PURE__ */ z("div", {
+								className: J.chainStepExtra,
+								children: e.body
+							})
+						]
+					})]
+				}, e.id);
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/ai-chat/ai-work-surfaces.tsx
+var Re = {
+	pending: {
+		tone: "neutral",
+		icon: w
+	},
+	running: {
+		tone: "primary",
+		icon: M
+	},
+	success: {
+		tone: "success",
+		icon: S
+	},
+	error: {
+		tone: "destructive",
+		icon: h
+	}
+};
+function ze({ label: e, ms: t }) {
+	return /* @__PURE__ */ B("span", {
+		className: J.toolDuration,
+		children: [/* @__PURE__ */ z(c, {
+			size: "xs",
+			children: e
+		}), /* @__PURE__ */ z(u, {
+			value: t,
+			from: "milliseconds",
+			maxParts: 1,
+			size: "xs",
+			type: "secondary",
+			maximumFractionDigits: +(t < 1e4)
+		})]
+	});
+}
+function X({ label: e, tone: n, children: r }) {
+	return /* @__PURE__ */ B("div", {
+		className: J.toolDetail,
+		children: [/* @__PURE__ */ z(t, {
+			tag: "span",
+			size: "xs",
+			type: "discrete",
+			children: e
+		}), /* @__PURE__ */ z("pre", {
+			tabIndex: 0,
+			"data-tone": n,
+			className: J.pre,
+			children: r
+		})]
+	});
+}
+function Z({ name: t, status: n, icon: r = le, args: i, result: a, error: c, durationMs: l, expanded: u, defaultExpanded: f = !1, onExpandedChange: p, className: m, strings: h }) {
+	let g = {
+		...pe,
+		...h
+	}, [_, v] = L(f), y = u ?? _, b = (e) => {
+		u === void 0 && v(e), p?.(e);
+	}, x = {
+		pending: g.pending,
+		running: g.running,
+		success: g.success,
+		error: g.error
+	}, S = Re[n].icon, w = !!(i || a || c), T = /* @__PURE__ */ B(R, { children: [
+		/* @__PURE__ */ z(o, {
+			icon: r,
+			tone: "neutral",
+			shape: "rounded"
+		}),
+		/* @__PURE__ */ z(s, {
+			className: J.toolName,
+			children: t
+		}),
+		/* @__PURE__ */ B("span", {
+			className: J.toolMeta,
+			children: [/* @__PURE__ */ B(d, {
+				tone: Re[n].tone,
+				children: [/* @__PURE__ */ z(S, {
+					"aria-hidden": !0,
+					"data-spin": n === "running" || void 0
+				}), x[n]]
+			}), !!l && /* @__PURE__ */ z(ze, {
+				label: g.durationLabel,
+				ms: l
+			})]
+		}),
+		w && /* @__PURE__ */ z(C, {
+			"aria-hidden": !0,
+			"data-expanded": y || void 0,
+			className: J.disclosureChevron
+		})
+	] });
+	return /* @__PURE__ */ B("div", {
+		"data-status": n,
+		className: e("ai-tool-call--component", J.tool, m),
+		children: [w ? /* @__PURE__ */ z("button", {
+			type: "button",
+			"aria-expanded": y,
+			"aria-label": y ? g.collapse : g.expand,
+			onClick: () => b(!y),
+			className: J.toolHeader,
+			children: T
+		}) : /* @__PURE__ */ z("div", {
+			className: J.toolHeader,
+			children: T
+		}), y && w && /* @__PURE__ */ B("div", {
+			className: J.toolBody,
+			children: [!!i && /* @__PURE__ */ z(X, {
+				label: g.args,
+				children: i
+			}), n === "error" && c ? /* @__PURE__ */ z(X, {
+				label: g.error,
+				tone: "destructive",
+				children: c
+			}) : !!a && /* @__PURE__ */ z(X, {
+				label: g.result,
+				children: a
+			})]
+		})]
+	});
+}
+var Be = {
+	queued: {
+		icon: T,
+		tone: "neutral"
+	},
+	running: {
+		icon: M,
+		tone: "primary"
+	},
+	completed: {
+		icon: S,
+		tone: "success"
+	},
+	failed: {
+		icon: h,
+		tone: "destructive"
+	},
+	cancelled: {
+		icon: ue,
+		tone: "neutral"
+	},
+	skipped: {
+		icon: te,
+		tone: "neutral"
+	}
+};
+function Ve({ item: e, depth: n, density: r, indent: a, copy: o }) {
+	let s = e.status ?? "queued", l = e.icon ?? Be[s].icon, u = !!e.children?.length, [f, p] = L(r === "expanded" || n === 0);
+	return /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ B("div", {
+		"data-nested": n > 0 || void 0,
+		style: { "--ai-task-depth": n * a },
+		className: J.taskRow,
+		children: [
+			u ? /* @__PURE__ */ z(i, {
+				type: "button",
+				tone: "neutral",
+				buttonStyle: "ghost",
+				iconOnly: !0,
+				"aria-expanded": f,
+				"aria-label": f ? o.collapseSubtasks : o.expandSubtasks,
+				onClick: () => p((e) => !e),
+				className: J.taskToggle,
+				children: /* @__PURE__ */ z(C, { "data-expanded": f || void 0 })
+			}) : /* @__PURE__ */ z("span", {
+				"aria-hidden": !0,
+				className: J.taskToggleSpacer
+			}),
+			/* @__PURE__ */ z(l, {
+				"aria-hidden": !0,
+				"data-status": s,
+				"data-spin": s === "running" || void 0,
+				className: J.taskIcon
+			}),
+			/* @__PURE__ */ B("div", {
+				className: J.taskBody,
+				children: [/* @__PURE__ */ B("div", {
+					className: J.taskTitleRow,
+					children: [
+						/* @__PURE__ */ z(t, {
+							weight: s === "running" ? "semibold" : "medium",
+							type: s === "queued" || s === "cancelled" ? "secondary" : "main",
+							"data-status": s,
+							className: J.taskTitle,
+							children: e.title
+						}),
+						/* @__PURE__ */ z(d, {
+							tone: Be[s].tone,
+							children: o.statusLabels[s]
+						}),
+						!!e.rightSlot && /* @__PURE__ */ z(c, {
+							size: "xs",
+							className: J.numeric,
+							children: e.rightSlot
+						})
+					]
+				}), !!e.body && /* @__PURE__ */ z("div", {
+					className: J.taskExtra,
+					children: e.body
+				})]
+			})
+		]
+	}), u && f && e.children?.map((e) => /* @__PURE__ */ z(Ve, {
+		item: e,
+		depth: n + 1,
+		density: r,
+		indent: a,
+		copy: o
+	}, e.id))] });
+}
+function He({ task: t, density: n = "compact", indent: r = 1.125, className: i, strings: a }) {
+	let o = p(me, a);
+	return /* @__PURE__ */ z("div", {
+		className: e("ai-task--component", J.task, i),
+		children: /* @__PURE__ */ z(Ve, {
+			item: t,
+			depth: 0,
+			density: n,
+			indent: r,
+			copy: o
+		})
+	});
+}
+var Ue = {
+	idle: "neutral",
+	thinking: "primary",
+	working: "primary",
+	done: "success",
+	error: "destructive",
+	offline: "neutral"
+};
+function We({ name: n, icon: r, avatar: i, subtitle: a, tone: o = "primary", status: s, variant: c = "inline", trailing: l, className: u, strings: f }) {
+	let m = p(he, f), h = r ?? b, g = i ?? /* @__PURE__ */ z("span", {
+		"aria-hidden": !0,
+		"data-tone": o,
+		"data-variant": c,
+		className: J.avatar,
+		children: /* @__PURE__ */ z(h, {})
+	}), _ = !!s && /* @__PURE__ */ B(d, {
+		tone: Ue[s],
+		children: [/* @__PURE__ */ z("span", {
+			"aria-hidden": !0,
+			"data-live": s === "thinking" || s === "working" || void 0,
+			className: J.statusDot
+		}), m.statusLabels[s]]
+	});
+	return /* @__PURE__ */ B("div", {
+		"data-variant": c,
+		className: e("ai-agent--component", J.agent, u),
+		children: [
+			g,
+			/* @__PURE__ */ B("div", {
+				className: J.agentText,
+				children: [/* @__PURE__ */ B("div", {
+					className: J.agentNameRow,
+					children: [/* @__PURE__ */ z(t, {
+						tag: "span",
+						weight: c === "card" ? "semibold" : "medium",
+						truncate: !0,
+						children: n
+					}), c === "card" && _]
+				}), !!a && /* @__PURE__ */ z(t, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					truncate: !0,
+					children: a
+				})]
+			}),
+			c === "inline" && _,
+			!!l && /* @__PURE__ */ z("div", {
+				className: J.agentTrailing,
+				children: l
+			})
+		]
+	});
+}
+function Ge({ title: n, description: r, icon: a = ie, tone: s = "neutral", status: c = "pending", onApprove: l, onReject: u, approveLabel: d, rejectLabel: f, details: p, className: m, strings: h }) {
+	let g = {
+		...ge,
+		...h
+	};
+	return /* @__PURE__ */ B("div", {
+		role: "region",
+		"aria-live": "polite",
+		"data-tone": s,
+		className: e("ai-confirmation--component", J.confirmation, m),
+		children: [/* @__PURE__ */ B("div", {
+			className: J.confirmationHeader,
+			children: [/* @__PURE__ */ z(o, {
+				icon: a,
+				tone: s,
+				shape: "rounded"
+			}), /* @__PURE__ */ B("div", {
+				className: J.confirmationText,
+				children: [
+					/* @__PURE__ */ z(t, {
+						weight: "semibold",
+						children: n
+					}),
+					!!r && /* @__PURE__ */ z(t, {
+						type: "secondary",
+						children: r
+					}),
+					!!p && /* @__PURE__ */ z("div", {
+						role: "group",
+						"aria-label": g.detailsLabel,
+						className: J.confirmationDetails,
+						children: p
+					})
+				]
+			})]
+		}), /* @__PURE__ */ z("div", {
+			className: J.confirmationFooter,
+			children: c === "pending" ? /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(t, {
+				size: "xs",
+				type: "secondary",
+				children: g.pending
+			}), /* @__PURE__ */ B("div", {
+				className: J.confirmationActions,
+				children: [/* @__PURE__ */ B(i, {
+					type: "button",
+					tone: "neutral",
+					buttonStyle: "ghost",
+					onClick: u,
+					children: [/* @__PURE__ */ z(N, {}), f ?? g.reject]
+				}), /* @__PURE__ */ B(i, {
+					type: "button",
+					tone: s === "destructive" ? "destructive" : "primary",
+					onClick: l,
+					children: [/* @__PURE__ */ z(S, {}), d ?? g.approve]
+				})]
+			})] }) : c === "approved" ? /* @__PURE__ */ B(t, {
+				size: "xs",
+				type: "success",
+				weight: "medium",
+				className: J.outcome,
+				children: [/* @__PURE__ */ z(S, { "aria-hidden": !0 }), g.approved]
+			}) : /* @__PURE__ */ B(t, {
+				size: "xs",
+				type: "secondary",
+				weight: "medium",
+				className: J.outcome,
+				children: [/* @__PURE__ */ z(N, { "aria-hidden": !0 }), g.rejected]
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/ai-chat/use-ai-chat-scroll.ts
+function Ke({ threshold: e = 80, dependency: t, disableAutoScroll: n = !1 } = {}) {
+	let r = I(null), i = I(null), [a, o] = L(!0), s = P((e = "smooth") => {
+		let t = r.current;
+		t && t.scrollTo({
+			top: t.scrollHeight,
+			behavior: e
+		});
+	}, []);
+	F(() => {
+		let t = r.current;
+		if (!t) return;
+		let n = () => {
+			let n = t.scrollHeight - t.clientHeight - t.scrollTop;
+			o(n <= e);
+		};
+		return n(), t.addEventListener("scroll", n, { passive: !0 }), () => t.removeEventListener("scroll", n);
+	}, [e]);
+	let c = I(a);
+	return F(() => {
+		c.current = a;
+	}, [a]), F(() => {
+		if (n || !c.current) return;
+		let e = requestAnimationFrame(() => s("auto"));
+		return () => cancelAnimationFrame(e);
+	}, [
+		t,
+		n,
+		s
+	]), {
+		containerRef: r,
+		endRef: i,
+		isAtBottom: a,
+		scrollToBottom: s
+	};
+}
+//#endregion
+//#region src/components/features/ai-chat/ai-chat-parts.tsx
+function Q({ attachments: t, onRemove: n, onOpen: r, className: i }) {
+	return t.length === 0 ? null : /* @__PURE__ */ z("div", {
+		className: e("ai-chat-attachments-strip--component", J.strip, i),
+		children: t.map((e) => /* @__PURE__ */ z(Ae, {
+			name: e.name,
+			meta: e.meta,
+			kind: e.kind,
+			icon: e.icon,
+			thumbnailUrl: e.thumbnailUrl,
+			progress: e.progress,
+			errored: e.errored,
+			onOpen: r ? () => r(e) : void 0,
+			onRemove: n ? () => n(e.id) : void 0
+		}, e.id))
+	});
+}
+function qe(e) {
+	return typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(qe).join("") : "";
+}
+function Je({ part: e, onAttachmentOpen: n }) {
+	switch (e.type) {
+		case "text": return /* @__PURE__ */ z(t, {
+			lineHeight: "relaxed",
+			children: e.content
+		});
+		case "reasoning": return /* @__PURE__ */ z(Fe, {
+			streaming: e.streaming,
+			durationSeconds: e.durationSeconds,
+			children: e.content
+		});
+		case "chain-of-thought": return /* @__PURE__ */ z(Le, {
+			steps: e.steps,
+			streaming: e.streaming
+		});
+		case "tool": return /* @__PURE__ */ z(Z, {
+			name: e.name,
+			status: e.status,
+			icon: e.icon,
+			args: e.args,
+			result: e.result,
+			error: e.error,
+			durationMs: e.durationMs,
+			defaultExpanded: e.defaultExpanded
+		});
+		case "code": return /* @__PURE__ */ z(Ce, {
+			code: e.code,
+			language: e.language,
+			filename: e.filename,
+			showLineNumbers: e.showLineNumbers,
+			highlightLines: e.highlightLines
+		});
+		case "attachments": return /* @__PURE__ */ z(Q, {
+			attachments: e.items,
+			onOpen: n ? (e) => n(e.id) : void 0
+		});
+		case "sources": return /* @__PURE__ */ z(Oe, {
+			sources: e.items,
+			variant: e.variant,
+			defaultExpanded: e.defaultExpanded
+		});
+		case "task": return /* @__PURE__ */ z(He, { task: e.task });
+		case "artifact": return /* @__PURE__ */ z(we, {
+			title: e.title,
+			subtitle: e.subtitle,
+			icon: e.icon,
+			copyText: e.copyText,
+			actions: e.actions,
+			onOpen: e.onOpen,
+			onDownload: e.onDownload,
+			children: e.body
+		});
+		case "confirmation": return /* @__PURE__ */ z(Ge, {
+			title: e.title,
+			description: e.description,
+			tone: e.tone,
+			status: e.status,
+			details: e.details,
+			onApprove: e.onApprove,
+			onReject: e.onReject
+		});
+		case "custom": return /* @__PURE__ */ z(R, { children: e.render() });
+	}
+}
+function Ye({ message: t, onCopy: n, onRegenerate: r, onAttachmentOpen: i, className: a, strings: o }) {
+	let s = {
+		...q,
+		...o
+	}, c = t.parts.findIndex((e) => e.type === "text"), l = c;
+	for (; l >= 0 && t.parts[l + 1]?.type === "text";) l += 1;
+	let u = c < 0 ? [] : t.parts.slice(0, c), d = c < 0 ? [] : t.parts.slice(c, l + 1), f = c < 0 ? [...t.parts] : t.parts.slice(l + 1), p = d.map((e) => e.type === "text" ? e.plain ?? qe(e.content) : "").filter(Boolean).join("\n") || void 0, m = t.pending ? /* @__PURE__ */ z(Y, { children: s.pending }) : d.length === 0 ? null : /* @__PURE__ */ z("div", {
+		className: J.bubbleParts,
+		children: d.map((e, t) => /* @__PURE__ */ z("div", {
+			className: J.preWrap,
+			children: e.type === "text" ? e.content : null
+		}, t))
+	});
+	return /* @__PURE__ */ B("div", {
+		"data-role": t.role,
+		className: e("ai-chat-message--component", J.message, a),
+		children: [
+			u.length > 0 && /* @__PURE__ */ z("div", {
+				className: J.messageBelow,
+				children: u.map((e, t) => /* @__PURE__ */ z(Je, {
+					part: e,
+					onAttachmentOpen: i
+				}, t))
+			}),
+			(m !== null || t.pending) && /* @__PURE__ */ z(Ne, {
+				role: t.role,
+				avatar: t.avatar,
+				authorName: t.authorName,
+				timestamp: t.timestamp,
+				plainText: p,
+				loading: t.loading,
+				onCopy: p ? n ?? (() => void 0) : void 0,
+				onRegenerate: t.pending ? void 0 : r,
+				children: m
+			}),
+			f.length > 0 && /* @__PURE__ */ z("div", {
+				className: J.messageBelow,
+				children: f.map((e, t) => /* @__PURE__ */ z(Je, {
+					part: e,
+					onAttachmentOpen: i
+				}, t))
+			}),
+			!!t.trailing && /* @__PURE__ */ z("div", {
+				className: J.messageBelow,
+				children: t.trailing
+			})
+		]
+	});
+}
+function Xe({ messages: n, renderMessage: r, intro: a, footer: o, empty: s, disableAutoScroll: c, className: l, strings: u }) {
+	let d = {
+		...W,
+		...u
+	}, { containerRef: f, endRef: p, isAtBottom: m, scrollToBottom: h } = Ke({
+		dependency: n.length,
+		disableAutoScroll: c
+	}), g = n.length === 0 && !a;
+	return /* @__PURE__ */ B("div", {
+		className: e("ai-chat-conversation--component", J.conversation, l),
+		children: [/* @__PURE__ */ B("div", {
+			ref: f,
+			tabIndex: 0,
+			"aria-label": d.transcriptAria,
+			className: J.transcript,
+			children: [
+				!!a && /* @__PURE__ */ z("div", {
+					className: J.transcriptIntro,
+					children: a
+				}),
+				g ? s ?? /* @__PURE__ */ z(t, {
+					type: "secondary",
+					children: d.empty
+				}) : /* @__PURE__ */ z("ol", {
+					className: J.messages,
+					children: n.map((e, t) => /* @__PURE__ */ z("li", { children: r(e, {
+						index: t,
+						isLast: t === n.length - 1
+					}) }, e.id))
+				}),
+				!!o && /* @__PURE__ */ z("div", {
+					className: J.transcriptFooter,
+					children: o
+				}),
+				/* @__PURE__ */ z("div", {
+					ref: p,
+					"aria-hidden": !0,
+					className: J.sentinel
+				})
+			]
+		}), !m && /* @__PURE__ */ z("div", {
+			className: J.jump,
+			children: /* @__PURE__ */ B(i, {
+				type: "button",
+				tone: "neutral",
+				buttonStyle: "outline",
+				"aria-label": d.scrollToBottomAria,
+				onClick: () => h("smooth"),
+				children: [/* @__PURE__ */ z(_, {}), d.scrollToBottom]
+			})
+		})]
+	});
+}
+function Ze({ title: t, description: n, icon: i = /* @__PURE__ */ z(ae, {}), below: a, className: o }) {
+	return /* @__PURE__ */ B("div", {
+		className: e("ai-chat-empty-state--component", J.emptyState, o),
+		children: [/* @__PURE__ */ z(r, {
+			media: i,
+			mediaVariant: "icon-soft",
+			title: t,
+			description: n ?? !1,
+			padding: "md"
+		}), !!a && /* @__PURE__ */ z("div", {
+			className: J.emptyBelow,
+			children: a
+		})]
+	});
+}
+function Qe({ items: n, hideHeader: r = !1, onCancel: a, className: o, strings: s }) {
+	let c = {
+		...G,
+		...s
+	};
+	return n.length === 0 ? null : /* @__PURE__ */ B("div", {
+		className: e("ai-chat-queue--component", J.queue, o),
+		children: [!r && /* @__PURE__ */ B(t, {
+			tag: "span",
+			size: "xs",
+			type: "discrete",
+			children: [
+				c.header,
+				" · ",
+				n.length
+			]
+		}), /* @__PURE__ */ z("ul", {
+			className: J.queueList,
+			children: n.map((e) => {
+				let n = e.status ?? "queued";
+				return /* @__PURE__ */ B("li", {
+					className: J.queueRow,
+					children: [
+						n === "running" ? /* @__PURE__ */ z(M, {
+							"aria-hidden": !0,
+							"data-spin": !0,
+							className: J.queueSpinner
+						}) : /* @__PURE__ */ z("span", {
+							"aria-hidden": !0,
+							className: J.queueDot
+						}),
+						/* @__PURE__ */ z(t, {
+							truncate: !0,
+							className: J.grow,
+							children: e.label
+						}),
+						/* @__PURE__ */ z(d, {
+							tone: n === "running" ? "primary" : "neutral",
+							children: n === "running" ? c.runningLabel : c.queuedLabel
+						}),
+						(!!e.onCancel || !!a) && /* @__PURE__ */ z(i, {
+							type: "button",
+							tone: "neutral",
+							buttonStyle: "ghost",
+							iconOnly: !0,
+							"aria-label": c.cancelAria,
+							onClick: () => {
+								e.onCancel?.(), a?.(e.id);
+							},
+							children: /* @__PURE__ */ z(N, {})
+						})
+					]
+				}, e.id);
+			})
+		})]
+	});
+}
+function $e({ suggestions: n, onPick: r, hideHeader: i = !1, className: a, strings: o }) {
+	let s = {
+		...K,
+		...o
+	};
+	return n.length === 0 ? null : /* @__PURE__ */ B("div", {
+		className: e("ai-chat-suggestions-row--component", J.suggestions, a),
+		children: [!i && /* @__PURE__ */ B("span", {
+			className: J.suggestionsHeader,
+			children: [/* @__PURE__ */ z(ae, { "aria-hidden": !0 }), /* @__PURE__ */ z(t, {
+				tag: "span",
+				size: "xs",
+				type: "discrete",
+				children: s.header
+			})]
+		}), /* @__PURE__ */ z("div", {
+			className: J.suggestionsScroll,
+			children: n.map((e) => {
+				let n = e.icon;
+				return /* @__PURE__ */ B("button", {
+					type: "button",
+					onClick: () => r?.(e),
+					className: J.suggestion,
+					children: [!!n && /* @__PURE__ */ z(n, { "aria-hidden": !0 }), /* @__PURE__ */ z(t, {
+						tag: "span",
+						size: "sm",
+						weight: "medium",
+						children: e.label
+					})]
+				}, e.id);
+			})
+		})]
+	});
+}
+function $({ value: n, onValueChange: r, onSubmit: a, onStop: o, streaming: s = !1, disabled: c = !1, attachments: l = [], onRemoveAttachment: u, onAttach: d, showAttach: f, leadingActions: p, trailingActions: h, hideHint: g = !1, minRows: _ = 1, maxRows: y = 8, autoFocus: b = !1, submitKeyLabel: x = "↩", className: S, strings: C }) {
+	let w = {
+		...U,
+		...C
+	}, T = I(null), E = !s && !c && (n.trim().length > 0 || l.length > 0), D = P(() => {
+		E && a?.({
+			text: n,
+			attachments: l
+		});
+	}, [
+		l,
+		E,
+		a,
+		n
+	]), O = P((e) => {
+		e.key !== "Enter" || e.shiftKey || e.nativeEvent.isComposing || (e.preventDefault(), D());
+	}, [D]), k = w.hint.replace(/\{\{\s*submitKey\s*\}\}/g, x).replace(/\{\{\s*newlineKey\s*\}\}/g, "⇧↩");
+	return /* @__PURE__ */ B("div", {
+		"data-disabled": c || void 0,
+		className: e("ai-chat-prompt-input--component", J.composer, S),
+		children: [
+			l.length > 0 && /* @__PURE__ */ z("div", {
+				className: J.composerAttachments,
+				children: /* @__PURE__ */ z(Q, {
+					attachments: l,
+					onRemove: u
+				})
+			}),
+			/* @__PURE__ */ z(m, {
+				ref: T,
+				value: n,
+				placeholder: w.placeholder,
+				minRows: _,
+				maxRows: y,
+				autoFocus: b,
+				disabled: c,
+				onChange: (e) => r(e.target.value),
+				onKeyDown: O,
+				className: J.composerField
+			}),
+			/* @__PURE__ */ B("div", {
+				className: J.composerBar,
+				children: [
+					p,
+					(f ?? !!d) && /* @__PURE__ */ z(i, {
+						type: "button",
+						tone: "neutral",
+						buttonStyle: "ghost",
+						iconOnly: !0,
+						"aria-label": w.attachAria,
+						disabled: c,
+						onClick: d,
+						children: /* @__PURE__ */ z(ne, {})
+					}),
+					/* @__PURE__ */ B("div", {
+						className: J.composerBarEnd,
+						children: [h, s ? /* @__PURE__ */ z(i, {
+							type: "button",
+							tone: "neutral",
+							iconOnly: !0,
+							"aria-label": w.stopAria,
+							onClick: o,
+							children: /* @__PURE__ */ z(oe, { className: J.stopGlyph })
+						}) : /* @__PURE__ */ z(i, {
+							type: "button",
+							iconOnly: !0,
+							"aria-label": w.submitAria,
+							disabled: !E,
+							onClick: D,
+							children: /* @__PURE__ */ z(v, {})
+						})]
+					})
+				]
+			}),
+			!g && /* @__PURE__ */ z("div", {
+				className: J.composerHint,
+				children: /* @__PURE__ */ z(t, {
+					size: "xs",
+					type: "discrete",
+					children: k
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/features/ai-chat/ai-chat.tsx
+function et({ messages: t, inputValue: n, onInputChange: r, onSubmit: i, onStop: a, streaming: o = !1, disabled: s = !1, attachments: c = [], onRemoveAttachment: l, onAttach: u, showAttach: d, agent: f, headerActions: p, queue: m = [], onCancelQueueItem: h, suggestions: g = [], onPickSuggestion: _, onMessageCopy: v, onMessageRegenerate: y, onAttachmentOpen: b, disableAutoScroll: x, slots: S, strings: C, className: w }) {
+	let T = {
+		...xe,
+		...C
+	}, E = P((e, t) => S?.renderMessage ? S.renderMessage(e, t) : /* @__PURE__ */ z(Ye, {
+		message: e,
+		strings: T.message,
+		onCopy: v ? () => v(e) : void 0,
+		onRegenerate: y ? () => y(e) : void 0,
+		onAttachmentOpen: b ? (t) => b(e.id, t) : void 0
+	}), [
+		T.message,
+		b,
+		v,
+		y,
+		S
+	]), D = S?.header ?? (f ? /* @__PURE__ */ B("div", {
+		className: J.header,
+		children: [/* @__PURE__ */ z(We, {
+			name: f.name,
+			icon: f.icon,
+			avatar: f.avatar,
+			subtitle: f.subtitle,
+			tone: f.tone,
+			status: f.status,
+			variant: "inline"
+		}), !!p && /* @__PURE__ */ z("div", {
+			className: J.headerActions,
+			children: p
+		})]
+	}) : null), O = S?.empty ?? (t.length === 0 ? /* @__PURE__ */ z(Ze, {
+		title: T.emptyTitle,
+		description: T.emptyDescription
+	}) : null), k = S?.queue ?? (m.length > 0 ? /* @__PURE__ */ z(Qe, {
+		items: m,
+		onCancel: h,
+		strings: T.queue
+	}) : null), A = S?.suggestions ?? (g.length > 0 ? /* @__PURE__ */ z($e, {
+		suggestions: g,
+		onPick: _,
+		strings: T.suggestions
+	}) : null), j = S?.input ?? /* @__PURE__ */ z($, {
+		value: n,
+		onValueChange: r,
+		onSubmit: i,
+		onStop: a,
+		streaming: o,
+		disabled: s,
+		attachments: c,
+		onRemoveAttachment: l,
+		onAttach: u,
+		showAttach: d,
+		strings: T.prompt
+	});
+	return /* @__PURE__ */ B("div", {
+		className: e("ai-chat--component", J.chat, w),
+		children: [
+			D,
+			/* @__PURE__ */ z(Xe, {
+				messages: t,
+				renderMessage: E,
+				intro: S?.intro,
+				footer: S?.belowMessages,
+				empty: O,
+				disableAutoScroll: x,
+				strings: T.conversation
+			}),
+			(!!k || !!A || !!j) && /* @__PURE__ */ B("div", {
+				className: J.footer,
+				children: [
+					k,
+					A,
+					j
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { We as AiAgent, we as AiArtifact, Ae as AiAttachment, Le as AiChainOfThought, et as AiChat, Q as AiChatAttachmentsStrip, Xe as AiChatConversation, Ze as AiChatEmptyState, Ye as AiChatMessage, $ as AiChatPromptInput, Qe as AiChatQueue, $e as AiChatSuggestionsRow, Ce as AiCodeBlock, Ge as AiConfirmation, Ne as AiMessageBubble, Fe as AiReasoning, Y as AiShimmer, Oe as AiSources, He as AiTask, Z as AiToolCall, he as defaultAiAgentStrings, ve as defaultAiArtifactStrings, be as defaultAiAttachmentStrings, fe as defaultAiChainOfThoughtStrings, W as defaultAiChatConversationStrings, q as defaultAiChatMessageStrings, U as defaultAiChatPromptInputStrings, G as defaultAiChatQueueStrings, xe as defaultAiChatStrings, K as defaultAiChatSuggestionsStrings, _e as defaultAiCodeBlockStrings, ge as defaultAiConfirmationStrings, V as defaultAiMessageBubbleStrings, H as defaultAiReasoningStrings, ye as defaultAiSourcesStrings, me as defaultAiTaskStrings, pe as defaultAiToolCallStrings, Ke as useAiChatScroll };