admin-ui-starter-kit 0.4.3 → 0.4.4

package/dist/components/features/activities/index.js

@@ -1,10 +1,10 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { a as t } from "../../../_shared/ui-provider-C8Ot88lS.js";
 import { cn as n } from "../../../lib/utils.js";
-import { n as r } from "../../../_shared/heading-HeP06nXG.js";
-import { t as i } from "../../../_shared/badge-yGlx9trX.js";
-import { t as a } from "../../../_shared/button-SuocMQFT.js";
-import { t as o } from "../../../_shared/smart-card-DYZGY_Su.js";
+import { t as r } from "../../../_shared/button-BGKY8UY0.js";
+import { n as i } from "../../../_shared/heading-HeP06nXG.js";
+import { t as a } from "../../../_shared/badge-6WYAMJwA.js";
+import { t as o } from "../../../_shared/smart-card-thLb85Ih.js";
 import { a as s, g as c, r as l, t as u } from "../../../_shared/dropdown-menu-CoWmrjYX.js";
 import { Fragment as d, useCallback as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
 import { isToday as _, isYesterday as v } from "date-fns";
@@ -335,14 +335,14 @@ function K({ resources: e, onResourcesChange: t } = {}) {
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-actions-menu.tsx
-function q({ activity: e, actions: t, onAction: n, label: r }) {
-	return t.length === 0 ? null : /* @__PURE__ */ x(u, { children: [/* @__PURE__ */ b(c, { render: (e) => /* @__PURE__ */ b(a, {
+function q({ activity: e, actions: t, onAction: n, label: i }) {
+	return t.length === 0 ? null : /* @__PURE__ */ x(u, { children: [/* @__PURE__ */ b(c, { render: (e) => /* @__PURE__ */ b(r, {
 		...e,
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
 		size: "icon-sm",
-		"aria-label": r,
+		"aria-label": i,
 		className: "h-7 w-7 text-muted-foreground",
 		children: /* @__PURE__ */ b(L, { className: "size-4" })
 	}) }), /* @__PURE__ */ b(l, {
@@ -366,28 +366,28 @@ function q({ activity: e, actions: t, onAction: n, label: r }) {
 //#region src/components/features/activities/partials/activity-changes.tsx
 function ue({ change: e }) {
 	let t = e.old !== null && e.old !== void 0, n = e.new !== null && e.new !== void 0;
-	return !t && !n ? /* @__PURE__ */ b(r, {
+	return !t && !n ? /* @__PURE__ */ b(i, {
 		size: "xs",
 		tag: "span",
 		children: e.description
-	}) : /* @__PURE__ */ x(r, {
+	}) : /* @__PURE__ */ x(i, {
 		tag: "span",
 		size: "xs",
 		className: "inline-flex flex-wrap items-baseline gap-1",
 		children: [
-			!!t && /* @__PURE__ */ b(r, {
+			!!t && /* @__PURE__ */ b(i, {
 				tag: "span",
 				size: "xs",
 				className: "rounded bg-destructive/10 text-destructive line-through px-1 py-px",
 				children: e.old
 			}),
-			t && n && /* @__PURE__ */ b(r, {
+			t && n && /* @__PURE__ */ b(i, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
 				children: "→"
 			}),
-			!!n && /* @__PURE__ */ b(r, {
+			!!n && /* @__PURE__ */ b(i, {
 				tag: "span",
 				size: "xs",
 				className: "rounded bg-success/15 text-success px-1 py-px",
@@ -401,7 +401,7 @@ function J({ changes: e, className: t }) {
 		className: n("space-y-1.5 rounded-lg border border-border/60 bg-muted/30 px-3 py-2", t),
 		children: e.map((e) => /* @__PURE__ */ x("div", {
 			className: "flex items-baseline gap-2",
-			children: [/* @__PURE__ */ b(r, {
+			children: [/* @__PURE__ */ b(i, {
 				size: "xs",
 				type: "secondary",
 				weight: "medium",
@@ -413,30 +413,30 @@ function J({ changes: e, className: t }) {
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-date-label.tsx
-function de({ label: e, isFirst: t, className: i }) {
-	return e === "" ? null : /* @__PURE__ */ b(r, {
+function de({ label: e, isFirst: t, className: r }) {
+	return e === "" ? null : /* @__PURE__ */ b(i, {
 		size: "xxs",
 		type: "secondary",
 		weight: "medium",
-		className: n("uppercase tracking-wider", !t && "mt-5", i),
+		className: n("uppercase tracking-wider", !t && "mt-5", r),
 		children: e
 	});
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-empty-state.tsx
-function fe({ title: e, hint: t, className: i }) {
+function fe({ title: e, hint: t, className: r }) {
 	return /* @__PURE__ */ x("div", {
-		className: n("flex flex-col items-center justify-center gap-2 px-6 py-10 text-center", i),
+		className: n("flex flex-col items-center justify-center gap-2 px-6 py-10 text-center", r),
 		children: [
 			/* @__PURE__ */ b("span", {
 				className: "flex size-9 items-center justify-center rounded-full bg-muted text-muted-foreground",
 				children: /* @__PURE__ */ b(S, { className: "size-4" })
 			}),
-			/* @__PURE__ */ b(r, {
+			/* @__PURE__ */ b(i, {
 				weight: "medium",
 				children: e
 			}),
-			!!t && /* @__PURE__ */ b(r, {
+			!!t && /* @__PURE__ */ b(i, {
 				size: "xs",
 				type: "secondary",
 				children: t
@@ -508,28 +508,28 @@ var Y = {
 function Z({ resource: e, config: t, fallbackText: o, onClick: s }) {
 	let c = Y[t?.tone ?? "neutral"], l = t?.icon ?? D, u = t?.label ?? o ?? e.label ?? e.key, d = typeof s == "function", f = /* @__PURE__ */ x(y, { children: [
 		/* @__PURE__ */ b(l, { className: n("size-3 shrink-0", c.fg) }),
-		/* @__PURE__ */ b(r, {
+		/* @__PURE__ */ b(i, {
 			tag: "span",
 			size: "xs",
 			weight: "medium",
 			className: c.chipFg,
 			children: u
 		}),
-		!!t?.tags && t.tags.length > 0 && /* @__PURE__ */ b(r, {
+		!!t?.tags && t.tags.length > 0 && /* @__PURE__ */ b(i, {
 			tag: "span",
 			size: "xxs",
 			type: "secondary",
 			className: "border-l border-current/20 pl-1.5 ml-0.5",
 			children: t.tags.join(" · ")
 		}),
-		!!t?.badge && /* @__PURE__ */ b(i, {
+		!!t?.badge && /* @__PURE__ */ b(a, {
 			inline: !0,
 			variant: X[t.badge.tone ?? "neutral"],
 			className: "ml-1",
 			children: t.badge.label
 		})
 	] }), p = n("inline-flex items-center gap-1 rounded-full px-2 py-0.5 align-baseline", "border border-border/60", c.chipBg, d && "cursor-pointer transition-colors hover:bg-foreground/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring");
-	return d ? /* @__PURE__ */ b(a, {
+	return d ? /* @__PURE__ */ b(r, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
@@ -548,29 +548,29 @@ function Z({ resource: e, config: t, fallbackText: o, onClick: s }) {
 }
 //#endregion
 //#region src/components/features/activities/partials/activity-headline.tsx
-function Q({ actorId: e, text: t, href: n, activity: i, youLabel: o, currentUserId: s, onActorClick: c }) {
-	let l = s !== void 0 && e !== void 0 && s === e ? o : t, u = i.actor ?? {
+function Q({ actorId: e, text: t, href: n, activity: a, youLabel: o, currentUserId: s, onActorClick: c }) {
+	let l = s !== void 0 && e !== void 0 && s === e ? o : t, u = a.actor ?? {
 		id: e,
 		name: t
 	};
 	return n ? /* @__PURE__ */ b("a", {
 		href: n,
 		onClick: (e) => {
-			c && (e.preventDefault(), e.stopPropagation(), c(u, i));
+			c && (e.preventDefault(), e.stopPropagation(), c(u, a));
 		},
 		className: "font-semibold text-foreground underline-offset-2 hover:underline",
 		children: l
-	}) : c ? /* @__PURE__ */ b(a, {
+	}) : c ? /* @__PURE__ */ b(r, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
 		size: "xs",
 		onClick: (e) => {
-			e.stopPropagation(), c(u, i);
+			e.stopPropagation(), c(u, a);
 		},
 		className: "h-auto rounded px-0 py-0 font-semibold text-foreground underline-offset-2 hover:underline",
 		children: l
-	}) : /* @__PURE__ */ b(r, {
+	}) : /* @__PURE__ */ b(i, {
 		tag: "span",
 		weight: "semibold",
 		children: l
@@ -578,7 +578,7 @@ function Q({ actorId: e, text: t, href: n, activity: i, youLabel: o, currentUser
 }
 function pe(e, t) {
 	return e.map((e, n) => {
-		let a = `seg-${n}-${e.type}`;
+		let r = `seg-${n}-${e.type}`;
 		switch (e.type) {
 			case "actor": return /* @__PURE__ */ x(d, { children: [/* @__PURE__ */ b(Q, {
 				actorId: e.actorId,
@@ -588,18 +588,18 @@ function pe(e, t) {
 				youLabel: t.youLabel,
 				currentUserId: t.currentUserId,
 				onActorClick: t.onActorClick
-			}), " "] }, a);
+			}), " "] }, r);
 			case "field":
-			case "value": return /* @__PURE__ */ x(d, { children: [/* @__PURE__ */ b(r, {
+			case "value": return /* @__PURE__ */ x(d, { children: [/* @__PURE__ */ b(i, {
 				tag: "span",
 				weight: "semibold",
 				children: e.text
-			}), " "] }, a);
-			case "status": return /* @__PURE__ */ x(d, { children: [/* @__PURE__ */ b(i, {
+			}), " "] }, r);
+			case "status": return /* @__PURE__ */ x(d, { children: [/* @__PURE__ */ b(a, {
 				inline: !0,
 				variant: X[e.tone ?? "neutral"],
 				children: e.text
-			}), " "] }, a);
+			}), " "] }, r);
 			case "resource": {
 				let n = t.getResourceConfig?.(e.resource);
 				return /* @__PURE__ */ x(d, { children: [/* @__PURE__ */ b(Z, {
@@ -607,39 +607,39 @@ function pe(e, t) {
 					config: n,
 					fallbackText: e.text,
 					onClick: t.onResourceClick ? () => t.onResourceClick?.(e.resource, n, t.activity) : void 0
-				}), " "] }, a);
+				}), " "] }, r);
 			}
-			default: return /* @__PURE__ */ x(d, { children: [/* @__PURE__ */ b(r, {
+			default: return /* @__PURE__ */ x(d, { children: [/* @__PURE__ */ b(i, {
 				tag: "span",
 				children: e.text
-			}), " "] }, a);
+			}), " "] }, r);
 		}
 	});
 }
 function me(e) {
-	let { activity: t } = e, n = t.headline ?? t.event, i = t.actor?.name;
-	if (!i || !n.includes(i)) return /* @__PURE__ */ b(r, {
+	let { activity: t } = e, n = t.headline ?? t.event, r = t.actor?.name;
+	if (!r || !n.includes(r)) return /* @__PURE__ */ b(i, {
 		tag: "span",
 		children: n
 	});
-	let [a, ...o] = n.split(i);
+	let [a, ...o] = n.split(r);
 	return /* @__PURE__ */ x(y, { children: [
-		!!a && /* @__PURE__ */ b(r, {
+		!!a && /* @__PURE__ */ b(i, {
 			tag: "span",
 			children: a
 		}),
 		/* @__PURE__ */ b(Q, {
 			actorId: t.actor?.id,
-			text: i,
+			text: r,
 			href: t.actor?.href,
 			activity: t,
 			youLabel: e.youLabel,
 			currentUserId: e.currentUserId,
 			onActorClick: e.onActorClick
 		}),
-		o.length > 0 && /* @__PURE__ */ b(r, {
+		o.length > 0 && /* @__PURE__ */ b(i, {
 			tag: "span",
-			children: o.join(i)
+			children: o.join(r)
 		})
 	] });
 }
@@ -718,17 +718,17 @@ function _e(e) {
 					children: [/* @__PURE__ */ x("div", {
 						className: "flex min-w-0 flex-wrap items-center gap-x-1.5 gap-y-1",
 						children: [
-							/* @__PURE__ */ b(r, {
+							/* @__PURE__ */ b(i, {
 								tag: "span",
 								lineHeight: "snug",
 								children: L
 							}),
-							!!m && /* @__PURE__ */ b(i, {
+							!!m && /* @__PURE__ */ b(a, {
 								inline: !0,
 								variant: "secondary",
 								children: m
 							}),
-							I && j && /* @__PURE__ */ b(a, {
+							I && j && /* @__PURE__ */ b(r, {
 								type: "button",
 								size: "icon-xs",
 								variant: "secondary",
@@ -745,7 +745,7 @@ function _e(e) {
 						]
 					}), /* @__PURE__ */ x("div", {
 						className: "flex shrink-0 items-center gap-1",
-						children: [!!f && /* @__PURE__ */ b(r, {
+						children: [!!f && /* @__PURE__ */ b(i, {
 							size: "xs",
 							type: "secondary",
 							className: "whitespace-nowrap tabular-nums pt-0.5",
@@ -759,7 +759,7 @@ function _e(e) {
 						})]
 					})]
 				}),
-				!!F && P && /* @__PURE__ */ b(r, {
+				!!F && P && /* @__PURE__ */ b(i, {
 					tag: "div",
 					size: "xs",
 					type: "secondary",
@@ -768,10 +768,10 @@ function _e(e) {
 				}),
 				!!I && M && t.metadata && /* @__PURE__ */ b("div", {
 					className: "mt-2 flex flex-wrap gap-x-3 gap-y-1",
-					children: t.metadata.map((e) => /* @__PURE__ */ x(r, {
+					children: t.metadata.map((e) => /* @__PURE__ */ x(i, {
 						size: "xs",
 						type: "secondary",
-						children: [/* @__PURE__ */ x(r, {
+						children: [/* @__PURE__ */ x(i, {
 							tag: "span",
 							size: "xs",
 							type: "discrete",
@@ -817,8 +817,8 @@ function ve(e, t) {
 function ye(e, t) {
 	return e.toneOverride ?? t;
 }
-function $(i) {
-	let { activities: a = [], density: o = "default", groupByDate: s = !0, expandedByDefault: c = !1, currentUserId: l, loading: u = !1, eventConfig: d, strings: f, slots: p, className: h, locale: g, formatRelativeTime: _, formatAbsoluteTime: v, formatDateGroupLabel: y, getEventLabel: S, getSourceLabel: C, actionsForActivity: w, onActivityClick: T, onActorClick: E, onResourceClick: ee, onAction: te, resources: D, onResourcesChange: O } = i, k = e(W, f), A = m(() => ({
+function $(r) {
+	let { activities: a = [], density: o = "default", groupByDate: s = !0, expandedByDefault: c = !1, currentUserId: l, loading: u = !1, eventConfig: d, strings: f, slots: p, className: h, locale: g, formatRelativeTime: _, formatAbsoluteTime: v, formatDateGroupLabel: y, getEventLabel: S, getSourceLabel: C, actionsForActivity: w, onActivityClick: T, onActorClick: E, onResourceClick: ee, onAction: te, resources: D, onResourcesChange: O } = r, k = e(W, f), A = m(() => ({
 		...H,
 		...d
 	}), [d]), j = K({
@@ -834,7 +834,7 @@ function $(i) {
 	}), { formatRelativeTime: N } = t(), P = _ ?? N ?? ((e) => e), F = v ?? ((e) => ve(e, g));
 	if (u) return /* @__PURE__ */ b("div", {
 		className: n("activities-feed--component", "px-2 py-4", h),
-		children: p?.loading ?? /* @__PURE__ */ b(r, {
+		children: p?.loading ?? /* @__PURE__ */ b(i, {
 			type: "secondary",
 			align: "center",
 			children: k.loading

package/dist/components/features/ai-chat/index.cjs

@@ -1,3 +1,3 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/heading-0DYCOrgC.cjs"),r=require("../../../_shared/icon-badge-BAWl1oOe.cjs"),i=require("../../../_shared/badge--o9wFHB_.cjs"),a=require("../../../_shared/button-C1qc97U1.cjs"),o=require("../../../_shared/textarea-C4SOrh0z.cjs"),s=require("../../../_shared/ai-artifact-CY1Jf9gM.cjs");let c=require("react"),l=require("react/jsx-runtime"),u=require("lucide-react");var d={placeholder:`Ask anything…`,attachAria:`Attach files`,submitAria:`Send message`,stopAria:`Stop generating`,modelPickerAria:`Choose model`,hint:`Press {{submitKey}} to send · {{newlineKey}} for newline`},f={scrollToBottom:`Jump to latest`,scrollToBottomAria:`Scroll to bottom`},p={header:`In queue`,cancelAria:`Remove from queue`,queuedLabel:`Queued`,runningLabel:`Running`},m={header:`Try`},h={pending:`Thinking…`},g={prompt:d,conversation:f,queue:p,suggestions:m,message:h,emptyTitle:`Start a conversation`,emptyDescription:`Ask a question, share context, or attach a file to get going.`};function _(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function v({attachments:e,onRemove:n,onOpen:r,className:i}){return e.length===0?null:(0,l.jsx)(`div`,{className:t.cn(`flex flex-wrap gap-2`,i),children:e.map(e=>(0,l.jsx)(s.h,{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))})}v.displayName=`AiChatAttachmentsStrip`;function y({threshold:e=80,dependency:t,disableAutoScroll:n=!1}={}){let r=(0,c.useRef)(null),i=(0,c.useRef)(null),[a,o]=(0,c.useState)(!0),s=(0,c.useCallback)((e=`smooth`)=>{i.current?.scrollIntoView({behavior:e,block:`end`})},[]);return(0,c.useEffect)(()=>{let t=r.current;if(!t)return;let n=()=>{o(t.scrollHeight-t.clientHeight-t.scrollTop<=e)};return n(),t.addEventListener(`scroll`,n,{passive:!0}),()=>t.removeEventListener(`scroll`,n)},[e]),(0,c.useEffect)(()=>{if(n||!a)return;let e=window.requestAnimationFrame(()=>s(`auto`));return()=>window.cancelAnimationFrame(e)},[t,n]),{containerRef:r,endRef:i,isAtBottom:a,scrollToBottom:s}}function b({messages:r,renderMessage:i,intro:o,footer:s,empty:c,disableAutoScroll:d,className:p,strings:m}){let h=e.useStrings(f,m),{containerRef:g,endRef:_,isAtBottom:v,scrollToBottom:b}=y({dependency:r.length,disableAutoScroll:d}),x=r.length===0&&!o;return(0,l.jsxs)(`div`,{className:t.cn(`relative flex h-full min-h-0 flex-col`,p),children:[(0,l.jsxs)(`div`,{ref:g,className:`flex-1 overflow-y-auto px-3 py-4 sm:px-4`,children:[!!o&&(0,l.jsx)(`div`,{className:`mb-4`,children:o}),x?c??(0,l.jsx)(`div`,{className:`flex h-full items-center justify-center px-6 py-12`,children:(0,l.jsx)(n.n,{type:`secondary`,children:`No messages yet.`})}):(0,l.jsx)(`ol`,{className:`space-y-4`,children:r.map((e,t)=>(0,l.jsx)(`li`,{children:i(e,{isLast:t===r.length-1,index:t})},e.id))}),!!s&&(0,l.jsx)(`div`,{className:`mt-4`,children:s}),(0,l.jsx)(`div`,{ref:_,"aria-hidden":!0,className:`h-px`})]}),!v&&(0,l.jsx)(`div`,{className:`pointer-events-none absolute bottom-3 left-1/2 -translate-x-1/2`,children:(0,l.jsxs)(a.t,{type:`button`,variant:`secondary`,buttonStyle:`solid`,"aria-label":h.scrollToBottomAria,onClick:()=>b(`smooth`),className:t.cn(`pointer-events-auto rounded-full shadow-md`,`border border-border/60`),children:[(0,l.jsx)(u.ArrowDown,{className:`size-3.5`}),h.scrollToBottom]})})]})}b.displayName=`AiChatConversation`;function x({title:e=`Start a conversation`,description:i,icon:a=u.Sparkles,below:o,className:s}){return(0,l.jsxs)(`div`,{className:t.cn(`flex h-full flex-col items-center justify-center gap-3 px-4 py-10 text-center`,s),children:[(0,l.jsx)(r.t,{icon:a,tone:`primary`,size:`md`,shape:`square`}),(0,l.jsxs)(`div`,{className:`max-w-md space-y-1`,children:[(0,l.jsx)(n.t,{tag:`h4`,children:e}),!!i&&(0,l.jsx)(n.n,{type:`secondary`,children:i})]}),!!o&&(0,l.jsx)(`div`,{className:`mt-4 w-full max-w-2xl`,children:o})]})}x.displayName=`AiChatEmptyState`;function S({message:n,onCopy:r,onRegenerate:i,onAttachmentOpen:a,className:o,strings:c}){let u=e.useStrings(h,c),d=[],f=[];for(let e of n.parts)e.type===`text`?d.push(e):f.push(e);let p=d.map(e=>e.type===`text`?e.plain??w(e.content):``).filter(Boolean).join(`
-`)||void 0,m=n.pending?(0,l.jsx)(s.y,{children:u.pending}):d.length===0&&f.length>0?null:(0,l.jsx)(`div`,{className:`space-y-2`,children:d.map((e,t)=>e.type===`text`?(0,l.jsx)(`div`,{className:`whitespace-pre-wrap`,children:e.content},t):null)});return(0,l.jsxs)(`div`,{className:t.cn(`space-y-2`,o),children:[(m!==null||n.pending)&&(0,l.jsx)(s.S,{role:n.role,avatar:n.avatar,authorName:n.authorName,timestamp:n.timestamp,plainText:p,loading:n.loading,onCopy:p?r??(()=>void 0):void 0,onRegenerate:i,children:m}),f.length>0&&(0,l.jsx)(`div`,{className:t.cn(`space-y-2`,n.role===`user`?`pr-9 sm:pl-12`:`pl-9 sm:pr-12`),children:f.map((e,t)=>(0,l.jsx)(C,{part:e,onAttachmentOpen:a},t))}),!!n.trailing&&(0,l.jsx)(`div`,{className:t.cn(n.role===`user`?`pr-9 sm:pl-12`:`pl-9 sm:pr-12`),children:n.trailing})]})}S.displayName=`AiChatMessage`;function C({part:e,onAttachmentOpen:t}){switch(e.type){case`text`:return(0,l.jsx)(n.n,{children:e.content});case`reasoning`:return(0,l.jsx)(s.s,{streaming:e.streaming,durationSeconds:e.durationSeconds,children:e.content});case`chain-of-thought`:return(0,l.jsx)(s.a,{steps:e.steps,streaming:e.streaming});case`tool`:return(0,l.jsx)(s.b,{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(0,l.jsx)(s._,{code:e.code,language:e.language,filename:e.filename,showLineNumbers:e.showLineNumbers,highlightLines:e.highlightLines});case`attachments`:return(0,l.jsx)(v,{attachments:e.items,onOpen:t?e=>t(e.id):void 0});case`sources`:return(0,l.jsx)(s.l,{sources:e.items,variant:e.variant,defaultExpanded:e.defaultExpanded});case`task`:return(0,l.jsx)(s.r,{task:e.task});case`artifact`:return(0,l.jsx)(s.t,{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(0,l.jsx)(s.d,{title:e.title,description:e.description,tone:e.tone,status:e.status,details:e.details,onApprove:e.onApprove,onReject:e.onReject});case`custom`:return(0,l.jsx)(l.Fragment,{children:e.render()});default:return null}}function w(e){return typeof e==`string`||typeof e==`number`?String(e):Array.isArray(e)?e.map(w).join(``):``}function T({value:r,onChange:i,onSubmit:s,onStop:f,streaming:p=!1,disabled:m=!1,attachments:h=[],onRemoveAttachment:g,onAttach:y,showAttach:b,leadingActions:x,trailingActions:S,hideHint:C=!1,minRows:w=1,maxRows:T=8,autoFocus:E=!1,className:D,strings:O}){let k=e.useStrings(d,O),A=(0,c.useRef)(null),j=!p&&!m&&(r.trim().length>0||h.length>0),M=(0,c.useCallback)(()=>{j&&s?.({text:r,attachments:h})},[j,s,r,h]),N=(0,c.useCallback)(e=>{e.key===`Enter`&&!e.shiftKey&&!e.nativeEvent.isComposing&&(e.preventDefault(),M())},[M]),P=b??!!y,F=typeof navigator<`u`&&navigator.platform?.toLowerCase().includes(`mac`)?`⌘↩`:`↩`;return(0,l.jsxs)(`div`,{className:t.cn(`rounded-xl border border-border bg-card transition-colors duration-150`,`focus-within:border-foreground/20 focus-within:ring-2 focus-within:ring-ring/30`,m&&`opacity-60 pointer-events-none`,D),children:[h.length>0&&(0,l.jsx)(`div`,{className:`border-b border-border/60 p-2`,children:(0,l.jsx)(v,{attachments:h,onRemove:g})}),(0,l.jsx)(o.t,{ref:A,value:r,onChange:e=>i(e.target.value),onKeyDown:N,placeholder:k.placeholder,autoResize:!0,minRows:w,maxRows:T,autoFocus:E,disabled:m,className:t.cn(`!border-0 !bg-transparent !shadow-none focus-visible:!ring-0 resize-none px-3 py-2.5`)}),(0,l.jsxs)(`div`,{className:`flex items-center gap-1 border-t border-border/60 px-2 py-1.5`,children:[x,P&&(0,l.jsx)(a.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-sm`,"aria-label":k.attachAria,onClick:y,disabled:m,children:(0,l.jsx)(u.Paperclip,{className:`size-4`})}),(0,l.jsxs)(`div`,{className:`ml-auto flex items-center gap-1`,children:[S,p?(0,l.jsx)(a.t,{type:`button`,variant:`secondary`,buttonStyle:`solid`,size:`icon-sm`,"aria-label":k.stopAria,onClick:f,children:(0,l.jsx)(u.Square,{className:`size-3.5 fill-current`})}):(0,l.jsx)(a.t,{type:`button`,variant:`primary`,buttonStyle:`solid`,size:`icon-sm`,"aria-label":k.submitAria,onClick:M,disabled:!j,children:(0,l.jsx)(u.ArrowUp,{className:`size-4`})})]})]}),!C&&(0,l.jsx)(`div`,{className:`px-3 pb-2`,children:(0,l.jsx)(n.n,{size:`xxs`,type:`discrete`,children:_(k.hint,{submitKey:F,newlineKey:`⇧↩`})})})]})}T.displayName=`AiChatPromptInput`;function E({items:r,hideHeader:o=!1,onCancel:s,className:c,strings:d}){let f=e.useStrings(p,d);return r.length===0?null:(0,l.jsxs)(`div`,{className:t.cn(`rounded-lg border border-border/60 bg-muted/20 px-2.5 py-2`,c),children:[!o&&(0,l.jsxs)(n.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`mb-1.5 px-1 uppercase tracking-wider`,children:[f.header,` · `,r.length]}),(0,l.jsx)(`ul`,{className:`space-y-1`,children:r.map(e=>{let t=e.status??`queued`;return(0,l.jsxs)(`li`,{className:`flex items-center gap-2 rounded-md bg-card px-2 py-1.5`,children:[t===`running`?(0,l.jsx)(u.Loader2,{className:`size-3.5 shrink-0 animate-spin text-primary`}):(0,l.jsx)(`span`,{"aria-hidden":!0,className:`size-2 shrink-0 rounded-full bg-muted-foreground/50`}),(0,l.jsx)(n.n,{size:`xs`,className:`flex-1 truncate`,children:e.label}),(0,l.jsx)(i.t,{variant:t===`running`?`primary`:`secondary`,children:t===`running`?f.runningLabel:f.queuedLabel}),(!!e.onCancel||!!s)&&(0,l.jsx)(a.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":f.cancelAria,onClick:()=>{e.onCancel?.(),s?.(e.id)},children:(0,l.jsx)(u.X,{className:`size-3.5`})})]},e.id)})})]})}E.displayName=`AiChatQueue`;function D({suggestions:r,onPick:i,hideHeader:o=!1,className:s,strings:c}){let d=e.useStrings(m,c);return r.length===0?null:(0,l.jsxs)(`div`,{className:t.cn(`flex items-center gap-2`,s),children:[!o&&(0,l.jsxs)(`div`,{className:`inline-flex shrink-0 items-center gap-1.5`,children:[(0,l.jsx)(u.Sparkles,{className:`size-3.5 text-muted-foreground`}),(0,l.jsx)(n.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:d.header})]}),(0,l.jsx)(`div`,{className:`-mx-1 flex flex-1 items-center gap-1.5 overflow-x-auto px-1 py-0.5 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`,children:r.map(e=>{let r=e.icon;return(0,l.jsxs)(a.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:()=>i?.(e),className:t.cn(`h-auto shrink-0 gap-1.5 rounded-full border border-border/60 bg-card px-2.5 py-1`,`transition-[border-color,background] duration-150`,`hover:border-foreground/20 hover:bg-muted/40`),children:[!!r&&(0,l.jsx)(r,{className:`size-3 text-muted-foreground`}),(0,l.jsx)(n.n,{tag:`span`,size:`xs`,weight:`medium`,children:e.label})]},e.id)})})]})}D.displayName=`AiChatSuggestionsRow`;function O({messages:r,inputValue:i,onInputChange:a,onSubmit:o,onStop:u,streaming:d=!1,disabled:f=!1,attachments:p=[],onRemoveAttachment:m,onAttach:h,showAttach:_,agent:v,headerActions:y,queue:C=[],onCancelQueueItem:w,suggestions:O=[],onPickSuggestion:k,onMessageCopy:A,onMessageRegenerate:j,onAttachmentOpen:M,disableAutoScroll:N,slots:P,strings:F,className:I}){let L=e.useStrings(g,F),[,R]=(0,c.useState)(0),z=(0,c.useCallback)((e,t)=>P?.renderMessage?P.renderMessage(e,t):(0,l.jsx)(S,{className:`ai-chat-message--component`,message:e,strings:L.message,onCopy:A?()=>A(e):void 0,onRegenerate:j?()=>j(e):void 0,onAttachmentOpen:M?t=>M(e.id,t):void 0}),[M,A,j,P,L.message]),B=P?.header??(v?(0,l.jsxs)(`div`,{className:`flex items-center gap-3 border-b border-border bg-card px-3 py-2 sm:px-4`,children:[(0,l.jsx)(s.p,{name:v.name,icon:v.icon,avatar:v.avatar,subtitle:v.subtitle,tone:v.tone,status:v.status,variant:`inline`}),!!y&&(0,l.jsx)(`div`,{className:`ml-auto flex items-center gap-1`,children:y})]}):null),V=P?.empty??(r.length===0?(0,l.jsx)(x,{title:L.emptyTitle,description:L.emptyDescription}):null),H=P?.queue??(C.length>0?(0,l.jsx)(E,{items:C,onCancel:w,strings:L.queue}):null),U=P?.suggestions??(O.length>0?(0,l.jsx)(D,{suggestions:O,onPick:k,strings:L.suggestions}):null),W=P?.input??(0,l.jsx)(T,{value:i,onChange:a,onSubmit:e=>{o?.(e),R(e=>e+1)},onStop:u,streaming:d,disabled:f,attachments:p,onRemoveAttachment:m,onAttach:h,showAttach:_,strings:L.prompt});return(0,l.jsxs)(`div`,{className:t.cn(`ai-chat--component flex h-full flex-col overflow-hidden rounded-xl border border-border bg-background`,I),children:[B,(0,l.jsx)(b,{messages:r,renderMessage:z,intro:P?.intro,footer:P?.belowMessages,empty:V,disableAutoScroll:N,strings:L.conversation}),(H||U||W)&&(0,l.jsxs)(`div`,{className:`border-t border-border bg-card/60`,children:[H&&(0,l.jsx)(`div`,{className:`px-3 pb-2 pt-3 sm:px-4`,children:H}),U&&(0,l.jsx)(`div`,{className:t.cn(`px-3 sm:px-4`,!H&&`pt-3`,`pb-2`),children:U}),W&&(0,l.jsx)(`div`,{className:`px-3 pb-3 pt-2 sm:px-4 sm:pb-4`,children:W})]}),f&&(0,l.jsx)(n.n,{className:`sr-only`,"aria-live":`polite`,children:`Chat is disabled`})]})}O.displayName=`AiChat`,exports.AiChat=O,exports.AiChatAttachmentsStrip=v,exports.AiChatConversation=b,exports.AiChatEmptyState=x,exports.AiChatMessageView=S,exports.AiChatPromptInput=T,exports.AiChatQueue=E,exports.AiChatSuggestionsRow=D,exports.defaultAiChatConversationStrings=f,exports.defaultAiChatMessageStrings=h,exports.defaultAiChatPromptInputStrings=d,exports.defaultAiChatQueueStrings=p,exports.defaultAiChatStrings=g,exports.defaultAiChatSuggestionsStrings=m,exports.interpolateString=_,exports.useAiChatScroll=y;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-BI347RlM.cjs"),r=require("../../../_shared/heading-0DYCOrgC.cjs"),i=require("../../../_shared/icon-badge-BAWl1oOe.cjs"),a=require("../../../_shared/badge-CBof1rbF.cjs"),o=require("../../../_shared/textarea-C4SOrh0z.cjs"),s=require("../../../_shared/ai-artifact-D4EjKoq6.cjs");let c=require("react"),l=require("react/jsx-runtime"),u=require("lucide-react");var d={placeholder:`Ask anything…`,attachAria:`Attach files`,submitAria:`Send message`,stopAria:`Stop generating`,modelPickerAria:`Choose model`,hint:`Press {{submitKey}} to send · {{newlineKey}} for newline`},f={scrollToBottom:`Jump to latest`,scrollToBottomAria:`Scroll to bottom`},p={header:`In queue`,cancelAria:`Remove from queue`,queuedLabel:`Queued`,runningLabel:`Running`},m={header:`Try`},h={pending:`Thinking…`},g={prompt:d,conversation:f,queue:p,suggestions:m,message:h,emptyTitle:`Start a conversation`,emptyDescription:`Ask a question, share context, or attach a file to get going.`};function _(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function v({attachments:e,onRemove:n,onOpen:r,className:i}){return e.length===0?null:(0,l.jsx)(`div`,{className:t.cn(`flex flex-wrap gap-2`,i),children:e.map(e=>(0,l.jsx)(s.h,{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))})}v.displayName=`AiChatAttachmentsStrip`;function y({threshold:e=80,dependency:t,disableAutoScroll:n=!1}={}){let r=(0,c.useRef)(null),i=(0,c.useRef)(null),[a,o]=(0,c.useState)(!0),s=(0,c.useCallback)((e=`smooth`)=>{i.current?.scrollIntoView({behavior:e,block:`end`})},[]);return(0,c.useEffect)(()=>{let t=r.current;if(!t)return;let n=()=>{o(t.scrollHeight-t.clientHeight-t.scrollTop<=e)};return n(),t.addEventListener(`scroll`,n,{passive:!0}),()=>t.removeEventListener(`scroll`,n)},[e]),(0,c.useEffect)(()=>{if(n||!a)return;let e=window.requestAnimationFrame(()=>s(`auto`));return()=>window.cancelAnimationFrame(e)},[t,n]),{containerRef:r,endRef:i,isAtBottom:a,scrollToBottom:s}}function b({messages:i,renderMessage:a,intro:o,footer:s,empty:c,disableAutoScroll:d,className:p,strings:m}){let h=e.useStrings(f,m),{containerRef:g,endRef:_,isAtBottom:v,scrollToBottom:b}=y({dependency:i.length,disableAutoScroll:d}),x=i.length===0&&!o;return(0,l.jsxs)(`div`,{className:t.cn(`relative flex h-full min-h-0 flex-col`,p),children:[(0,l.jsxs)(`div`,{ref:g,className:`flex-1 overflow-y-auto px-3 py-4 sm:px-4`,children:[!!o&&(0,l.jsx)(`div`,{className:`mb-4`,children:o}),x?c??(0,l.jsx)(`div`,{className:`flex h-full items-center justify-center px-6 py-12`,children:(0,l.jsx)(r.n,{type:`secondary`,children:`No messages yet.`})}):(0,l.jsx)(`ol`,{className:`space-y-4`,children:i.map((e,t)=>(0,l.jsx)(`li`,{children:a(e,{isLast:t===i.length-1,index:t})},e.id))}),!!s&&(0,l.jsx)(`div`,{className:`mt-4`,children:s}),(0,l.jsx)(`div`,{ref:_,"aria-hidden":!0,className:`h-px`})]}),!v&&(0,l.jsx)(`div`,{className:`pointer-events-none absolute bottom-3 left-1/2 -translate-x-1/2`,children:(0,l.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`solid`,"aria-label":h.scrollToBottomAria,onClick:()=>b(`smooth`),className:t.cn(`pointer-events-auto rounded-full shadow-md`,`border border-border/60`),children:[(0,l.jsx)(u.ArrowDown,{className:`size-3.5`}),h.scrollToBottom]})})]})}b.displayName=`AiChatConversation`;function x({title:e=`Start a conversation`,description:n,icon:a=u.Sparkles,below:o,className:s}){return(0,l.jsxs)(`div`,{className:t.cn(`flex h-full flex-col items-center justify-center gap-3 px-4 py-10 text-center`,s),children:[(0,l.jsx)(i.t,{icon:a,tone:`primary`,size:`md`,shape:`square`}),(0,l.jsxs)(`div`,{className:`max-w-md space-y-1`,children:[(0,l.jsx)(r.t,{tag:`h4`,children:e}),!!n&&(0,l.jsx)(r.n,{type:`secondary`,children:n})]}),!!o&&(0,l.jsx)(`div`,{className:`mt-4 w-full max-w-2xl`,children:o})]})}x.displayName=`AiChatEmptyState`;function S({message:n,onCopy:r,onRegenerate:i,onAttachmentOpen:a,className:o,strings:c}){let u=e.useStrings(h,c),d=[],f=[];for(let e of n.parts)e.type===`text`?d.push(e):f.push(e);let p=d.map(e=>e.type===`text`?e.plain??w(e.content):``).filter(Boolean).join(`
+`)||void 0,m=n.pending?(0,l.jsx)(s.y,{children:u.pending}):d.length===0&&f.length>0?null:(0,l.jsx)(`div`,{className:`space-y-2`,children:d.map((e,t)=>e.type===`text`?(0,l.jsx)(`div`,{className:`whitespace-pre-wrap`,children:e.content},t):null)});return(0,l.jsxs)(`div`,{className:t.cn(`space-y-2`,o),children:[(m!==null||n.pending)&&(0,l.jsx)(s.S,{role:n.role,avatar:n.avatar,authorName:n.authorName,timestamp:n.timestamp,plainText:p,loading:n.loading,onCopy:p?r??(()=>void 0):void 0,onRegenerate:i,children:m}),f.length>0&&(0,l.jsx)(`div`,{className:t.cn(`space-y-2`,n.role===`user`?`pr-9 sm:pl-12`:`pl-9 sm:pr-12`),children:f.map((e,t)=>(0,l.jsx)(C,{part:e,onAttachmentOpen:a},t))}),!!n.trailing&&(0,l.jsx)(`div`,{className:t.cn(n.role===`user`?`pr-9 sm:pl-12`:`pl-9 sm:pr-12`),children:n.trailing})]})}S.displayName=`AiChatMessage`;function C({part:e,onAttachmentOpen:t}){switch(e.type){case`text`:return(0,l.jsx)(r.n,{children:e.content});case`reasoning`:return(0,l.jsx)(s.s,{streaming:e.streaming,durationSeconds:e.durationSeconds,children:e.content});case`chain-of-thought`:return(0,l.jsx)(s.a,{steps:e.steps,streaming:e.streaming});case`tool`:return(0,l.jsx)(s.b,{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(0,l.jsx)(s._,{code:e.code,language:e.language,filename:e.filename,showLineNumbers:e.showLineNumbers,highlightLines:e.highlightLines});case`attachments`:return(0,l.jsx)(v,{attachments:e.items,onOpen:t?e=>t(e.id):void 0});case`sources`:return(0,l.jsx)(s.l,{sources:e.items,variant:e.variant,defaultExpanded:e.defaultExpanded});case`task`:return(0,l.jsx)(s.r,{task:e.task});case`artifact`:return(0,l.jsx)(s.t,{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(0,l.jsx)(s.d,{title:e.title,description:e.description,tone:e.tone,status:e.status,details:e.details,onApprove:e.onApprove,onReject:e.onReject});case`custom`:return(0,l.jsx)(l.Fragment,{children:e.render()});default:return null}}function w(e){return typeof e==`string`||typeof e==`number`?String(e):Array.isArray(e)?e.map(w).join(``):``}function T({value:i,onChange:a,onSubmit:s,onStop:f,streaming:p=!1,disabled:m=!1,attachments:h=[],onRemoveAttachment:g,onAttach:y,showAttach:b,leadingActions:x,trailingActions:S,hideHint:C=!1,minRows:w=1,maxRows:T=8,autoFocus:E=!1,className:D,strings:O}){let k=e.useStrings(d,O),A=(0,c.useRef)(null),j=!p&&!m&&(i.trim().length>0||h.length>0),M=(0,c.useCallback)(()=>{j&&s?.({text:i,attachments:h})},[j,s,i,h]),N=(0,c.useCallback)(e=>{e.key===`Enter`&&!e.shiftKey&&!e.nativeEvent.isComposing&&(e.preventDefault(),M())},[M]),P=b??!!y,F=typeof navigator<`u`&&navigator.platform?.toLowerCase().includes(`mac`)?`⌘↩`:`↩`;return(0,l.jsxs)(`div`,{className:t.cn(`rounded-xl border border-border bg-card transition-colors duration-150`,`focus-within:border-foreground/20 focus-within:ring-2 focus-within:ring-ring/30`,m&&`opacity-60 pointer-events-none`,D),children:[h.length>0&&(0,l.jsx)(`div`,{className:`border-b border-border/60 p-2`,children:(0,l.jsx)(v,{attachments:h,onRemove:g})}),(0,l.jsx)(o.t,{ref:A,value:i,onChange:e=>a(e.target.value),onKeyDown:N,placeholder:k.placeholder,autoResize:!0,minRows:w,maxRows:T,autoFocus:E,disabled:m,className:t.cn(`!border-0 !bg-transparent !shadow-none focus-visible:!ring-0 resize-none px-3 py-2.5`)}),(0,l.jsxs)(`div`,{className:`flex items-center gap-1 border-t border-border/60 px-2 py-1.5`,children:[x,P&&(0,l.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-sm`,"aria-label":k.attachAria,onClick:y,disabled:m,children:(0,l.jsx)(u.Paperclip,{className:`size-4`})}),(0,l.jsxs)(`div`,{className:`ml-auto flex items-center gap-1`,children:[S,p?(0,l.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`solid`,size:`icon-sm`,"aria-label":k.stopAria,onClick:f,children:(0,l.jsx)(u.Square,{className:`size-3.5 fill-current`})}):(0,l.jsx)(n.t,{type:`button`,variant:`primary`,buttonStyle:`solid`,size:`icon-sm`,"aria-label":k.submitAria,onClick:M,disabled:!j,children:(0,l.jsx)(u.ArrowUp,{className:`size-4`})})]})]}),!C&&(0,l.jsx)(`div`,{className:`px-3 pb-2`,children:(0,l.jsx)(r.n,{size:`xxs`,type:`discrete`,children:_(k.hint,{submitKey:F,newlineKey:`⇧↩`})})})]})}T.displayName=`AiChatPromptInput`;function E({items:i,hideHeader:o=!1,onCancel:s,className:c,strings:d}){let f=e.useStrings(p,d);return i.length===0?null:(0,l.jsxs)(`div`,{className:t.cn(`rounded-lg border border-border/60 bg-muted/20 px-2.5 py-2`,c),children:[!o&&(0,l.jsxs)(r.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`mb-1.5 px-1 uppercase tracking-wider`,children:[f.header,` · `,i.length]}),(0,l.jsx)(`ul`,{className:`space-y-1`,children:i.map(e=>{let t=e.status??`queued`;return(0,l.jsxs)(`li`,{className:`flex items-center gap-2 rounded-md bg-card px-2 py-1.5`,children:[t===`running`?(0,l.jsx)(u.Loader2,{className:`size-3.5 shrink-0 animate-spin text-primary`}):(0,l.jsx)(`span`,{"aria-hidden":!0,className:`size-2 shrink-0 rounded-full bg-muted-foreground/50`}),(0,l.jsx)(r.n,{size:`xs`,className:`flex-1 truncate`,children:e.label}),(0,l.jsx)(a.t,{variant:t===`running`?`primary`:`secondary`,children:t===`running`?f.runningLabel:f.queuedLabel}),(!!e.onCancel||!!s)&&(0,l.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":f.cancelAria,onClick:()=>{e.onCancel?.(),s?.(e.id)},children:(0,l.jsx)(u.X,{className:`size-3.5`})})]},e.id)})})]})}E.displayName=`AiChatQueue`;function D({suggestions:i,onPick:a,hideHeader:o=!1,className:s,strings:c}){let d=e.useStrings(m,c);return i.length===0?null:(0,l.jsxs)(`div`,{className:t.cn(`flex items-center gap-2`,s),children:[!o&&(0,l.jsxs)(`div`,{className:`inline-flex shrink-0 items-center gap-1.5`,children:[(0,l.jsx)(u.Sparkles,{className:`size-3.5 text-muted-foreground`}),(0,l.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:d.header})]}),(0,l.jsx)(`div`,{className:`-mx-1 flex flex-1 items-center gap-1.5 overflow-x-auto px-1 py-0.5 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`,children:i.map(e=>{let i=e.icon;return(0,l.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:()=>a?.(e),className:t.cn(`h-auto shrink-0 gap-1.5 rounded-full border border-border/60 bg-card px-2.5 py-1`,`transition-[border-color,background] duration-150`,`hover:border-foreground/20 hover:bg-muted/40`),children:[!!i&&(0,l.jsx)(i,{className:`size-3 text-muted-foreground`}),(0,l.jsx)(r.n,{tag:`span`,size:`xs`,weight:`medium`,children:e.label})]},e.id)})})]})}D.displayName=`AiChatSuggestionsRow`;function O({messages:n,inputValue:i,onInputChange:a,onSubmit:o,onStop:u,streaming:d=!1,disabled:f=!1,attachments:p=[],onRemoveAttachment:m,onAttach:h,showAttach:_,agent:v,headerActions:y,queue:C=[],onCancelQueueItem:w,suggestions:O=[],onPickSuggestion:k,onMessageCopy:A,onMessageRegenerate:j,onAttachmentOpen:M,disableAutoScroll:N,slots:P,strings:F,className:I}){let L=e.useStrings(g,F),[,R]=(0,c.useState)(0),z=(0,c.useCallback)((e,t)=>P?.renderMessage?P.renderMessage(e,t):(0,l.jsx)(S,{className:`ai-chat-message--component`,message:e,strings:L.message,onCopy:A?()=>A(e):void 0,onRegenerate:j?()=>j(e):void 0,onAttachmentOpen:M?t=>M(e.id,t):void 0}),[M,A,j,P,L.message]),B=P?.header??(v?(0,l.jsxs)(`div`,{className:`flex items-center gap-3 border-b border-border bg-card px-3 py-2 sm:px-4`,children:[(0,l.jsx)(s.p,{name:v.name,icon:v.icon,avatar:v.avatar,subtitle:v.subtitle,tone:v.tone,status:v.status,variant:`inline`}),!!y&&(0,l.jsx)(`div`,{className:`ml-auto flex items-center gap-1`,children:y})]}):null),V=P?.empty??(n.length===0?(0,l.jsx)(x,{title:L.emptyTitle,description:L.emptyDescription}):null),H=P?.queue??(C.length>0?(0,l.jsx)(E,{items:C,onCancel:w,strings:L.queue}):null),U=P?.suggestions??(O.length>0?(0,l.jsx)(D,{suggestions:O,onPick:k,strings:L.suggestions}):null),W=P?.input??(0,l.jsx)(T,{value:i,onChange:a,onSubmit:e=>{o?.(e),R(e=>e+1)},onStop:u,streaming:d,disabled:f,attachments:p,onRemoveAttachment:m,onAttach:h,showAttach:_,strings:L.prompt});return(0,l.jsxs)(`div`,{className:t.cn(`ai-chat--component flex h-full flex-col overflow-hidden rounded-xl border border-border bg-background`,I),children:[B,(0,l.jsx)(b,{messages:n,renderMessage:z,intro:P?.intro,footer:P?.belowMessages,empty:V,disableAutoScroll:N,strings:L.conversation}),(H||U||W)&&(0,l.jsxs)(`div`,{className:`border-t border-border bg-card/60`,children:[H&&(0,l.jsx)(`div`,{className:`px-3 pb-2 pt-3 sm:px-4`,children:H}),U&&(0,l.jsx)(`div`,{className:t.cn(`px-3 sm:px-4`,!H&&`pt-3`,`pb-2`),children:U}),W&&(0,l.jsx)(`div`,{className:`px-3 pb-3 pt-2 sm:px-4 sm:pb-4`,children:W})]}),f&&(0,l.jsx)(r.n,{className:`sr-only`,"aria-live":`polite`,children:`Chat is disabled`})]})}O.displayName=`AiChat`,exports.AiChat=O,exports.AiChatAttachmentsStrip=v,exports.AiChatConversation=b,exports.AiChatEmptyState=x,exports.AiChatMessageView=S,exports.AiChatPromptInput=T,exports.AiChatQueue=E,exports.AiChatSuggestionsRow=D,exports.defaultAiChatConversationStrings=f,exports.defaultAiChatMessageStrings=h,exports.defaultAiChatPromptInputStrings=d,exports.defaultAiChatQueueStrings=p,exports.defaultAiChatStrings=g,exports.defaultAiChatSuggestionsStrings=m,exports.interpolateString=_,exports.useAiChatScroll=y;
 //# sourceMappingURL=index.cjs.map