themelia-react-ui 0.0.0-stage → 1.0.0

package/dist/blocks/ai.js

@@ -0,0 +1,1021 @@
+"use client";
+import { mergeStrings as e, useStrings as t } from "../lib/strings.js";
+import { t as n } from "../utils-C2EKeIw3.js";
+import { n as r } from "../buttons-Co6GavvM.js";
+import { a as i, r as a, t as o } from "../typography-Cv8MT-82.js";
+import { i as s, t as c } from "../structure-BvW4vG4H.js";
+import { r as l } from "../feedback-a9j9J-9A.js";
+import { g as u, m as d } from "../primitives-DKPOGVpj.js";
+import { n as f, t as p } from "../number-BNT_BIzJ.js";
+import { t as m } from "../icon-badge-Dv0RYQwj.js";
+import { t as h } from "../badge-BZXZT9wd.js";
+import { t as g } from "../separator-Gk_WXH-l.js";
+import { d as _ } from "../text-inputs-BhOcedTo.js";
+import { a as v, c as y, i as b, n as x, o as S, r as C, t as w, u as T } from "../item-pJ0GsOiJ.js";
+import { g as E } from "../data-display-b3d1TfL4.js";
+import { C as ee, S as te, _ as D, a as O, b as ne, c as re, d as ie, f as ae, g as oe, h as se, i as ce, l as le, m as ue, n as de, o as fe, p as pe, r as me, s as he, t as ge, u as _e, v as ve, x as ye, y as be } from "../ai-artifact-DkOArd3-.js";
+import { t as xe } from "../tree-COD9BGdU.js";
+import { useMemo as Se, useState as k } from "react";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { ChevronDown as Ce, ChevronRight as we, Code2 as Te, ExternalLink as N, File as Ee, FileCode as De, FileText as Oe, Folder as ke, FolderOpen as Ae, Globe as je, Package as P, Quote as Me, RefreshCw as Ne, ThumbsDown as Pe, ThumbsUp as F } from "lucide-react";
+//#region src/components/blocks/ai/ai.strings.ts
+var Fe = {
+	regenerate: "Regenerate",
+	confidenceLevels: {
+		low: "low",
+		medium: "medium",
+		high: "high"
+	}
+}, Ie = {
+	title: "Classification",
+	complexityLabel: "Complexity",
+	flagsLabel: "Flags",
+	nextStepLabel: "Next Step",
+	confidencePrefix: "Confidence",
+	confidenceBands: {
+		low: "Low",
+		medium: "Medium",
+		high: "High"
+	}
+}, Le = {
+	low: 1,
+	medium: 2,
+	high: 3
+};
+function Re({ level: e, label: t }) {
+	let r = Le[e];
+	return /* @__PURE__ */ M("div", {
+		className: "ai-summary--confidence flex items-center gap-space-sm",
+		children: [/* @__PURE__ */ j("div", {
+			className: "flex items-center gap-space-2xs",
+			"aria-hidden": "true",
+			children: Array.from({ length: 3 }, (e, t) => /* @__PURE__ */ j("div", { className: n("h-2.5 w-1 rounded-radius-sm", t < r ? "bg-foreground/60" : "bg-muted-foreground/20") }, `bar-${String(t)}`))
+		}), /* @__PURE__ */ j(i, {
+			size: "xs",
+			type: "secondary",
+			tag: "span",
+			className: "capitalize",
+			children: t
+		})]
+	});
+}
+function ze({ data: e, children: a, metadata: o, actions: s, footer: l, className: d, strings: f }) {
+	let p = t(Fe, f), m = /* @__PURE__ */ M("div", {
+		className: "ai-summary--metadata flex min-w-0 flex-wrap items-center gap-x-space-md gap-y-space-xs",
+		children: [!!e.generatedAt && /* @__PURE__ */ j(u, {
+			size: "xs",
+			className: "min-w-0",
+			children: e.generatedAt
+		}), !!e.model && /* @__PURE__ */ j(u, {
+			size: "xs",
+			className: "min-w-0 truncate",
+			children: e.model
+		})]
+	}), g = e.onRegenerate ? /* @__PURE__ */ M(r, {
+		tone: "secondary",
+		buttonStyle: "ghost",
+		onClick: e.onRegenerate,
+		children: [/* @__PURE__ */ j(Ne, { className: "mr-1 h-3 w-3" }), p.regenerate]
+	}) : null, _ = o === void 0 ? m : o, v = s === void 0 ? g : s, y = l === void 0 ? (_ || v) && /* @__PURE__ */ M(A, { children: [_, v] }) : l;
+	return /* @__PURE__ */ M(c, {
+		"data-component": "ai-summary",
+		"data-slot": "ai-summary",
+		className: n("ai-summary--component", d),
+		children: [
+			/* @__PURE__ */ j(i, {
+				lineHeight: "relaxed",
+				children: e.summary
+			}),
+			e.entities.length > 0 && /* @__PURE__ */ j(c, {
+				direction: "horizontal",
+				wrap: !0,
+				gap: "sm",
+				className: "ai-summary--entities min-w-0",
+				children: e.entities.map((e) => /* @__PURE__ */ j(h, {
+					tone: "secondary",
+					children: e
+				}, e))
+			}),
+			/* @__PURE__ */ j(Re, {
+				level: e.confidence,
+				label: p.confidenceLevels[e.confidence]
+			}),
+			a,
+			!!y && /* @__PURE__ */ j(c, {
+				direction: {
+					base: "vertical",
+					sm: "horizontal"
+				},
+				gap: "md",
+				justify: { sm: "between" },
+				className: "ai-summary--footer pt-space-xs",
+				children: y
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/blocks/ai/ai-classification/ai-classification.tsx
+function Be({ data: e, children: r, className: a, strings: o }) {
+	let s = t(Ie, o), l = e.confidence >= .9 ? s.confidenceBands.high : e.confidence >= .7 ? s.confidenceBands.medium : s.confidenceBands.low;
+	return /* @__PURE__ */ M(c, {
+		"data-component": "ai-classification",
+		"data-slot": "ai-classification",
+		className: n("ai-classification--component", a),
+		children: [
+			/* @__PURE__ */ M(c, {
+				direction: "horizontal",
+				wrap: !0,
+				align: "center",
+				gap: "sm",
+				children: [
+					/* @__PURE__ */ j(h, {
+						tone: "primary",
+						children: e.requestType
+					}),
+					/* @__PURE__ */ j(h, {
+						tone: e.urgencyTone,
+						children: e.urgency
+					}),
+					/* @__PURE__ */ j(h, {
+						tone: e.sentimentTone,
+						dot: !0,
+						children: e.tone
+					})
+				]
+			}),
+			/* @__PURE__ */ j(E, {
+				label: s.complexityLabel,
+				labelClassName: "text-sm font-medium text-foreground",
+				value: /* @__PURE__ */ M("span", {
+					className: "flex items-center gap-space-xs",
+					children: [Array.from({ length: 5 }, (t, r) => /* @__PURE__ */ j("span", { className: n("h-1.5 w-3 rounded-radius-sm", r < e.complexityScore ? "bg-foreground/60" : "bg-muted") }, `cx-${String(r)}`)), /* @__PURE__ */ M(i, {
+						tag: "span",
+						size: "xs",
+						type: "secondary",
+						className: "ml-1",
+						children: [String(e.complexityScore), "/5"]
+					})]
+				})
+			}),
+			e.flags.length > 0 && /* @__PURE__ */ j(E, {
+				label: s.flagsLabel,
+				labelClassName: "text-sm font-medium text-foreground",
+				value: /* @__PURE__ */ j("span", {
+					className: "flex gap-space-xs",
+					children: e.flags.map((e) => /* @__PURE__ */ j(h, {
+						tone: "warning",
+						children: e
+					}, e))
+				})
+			}),
+			/* @__PURE__ */ j(E, {
+				label: s.nextStepLabel,
+				labelClassName: "text-sm font-medium text-foreground",
+				value: /* @__PURE__ */ j(h, {
+					tone: "info",
+					children: e.suggestedAction
+				})
+			}),
+			/* @__PURE__ */ j(i, {
+				lineHeight: "relaxed",
+				type: "secondary",
+				children: e.summary
+			}),
+			/* @__PURE__ */ j(g, {}),
+			/* @__PURE__ */ M("div", {
+				className: "flex items-center gap-space-md",
+				children: [/* @__PURE__ */ M(h, {
+					tone: "secondary",
+					children: [
+						s.confidencePrefix,
+						": ",
+						l
+					]
+				}), /* @__PURE__ */ j(i, {
+					size: "xs",
+					type: "discrete",
+					tag: "span",
+					children: e.model
+				})]
+			}),
+			r
+		]
+	});
+}
+//#endregion
+//#region src/components/blocks/ai/ai-confidence/types.ts
+var I = {
+	title: "AI Confidence",
+	confidenceLabel: "Overall",
+	factorsLabel: "Contributing factors",
+	levelHigh: "High",
+	levelMedium: "Medium",
+	levelLow: "Low"
+};
+//#endregion
+//#region src/components/blocks/ai/ai-confidence/ai-confidence.tsx
+function Ve(e) {
+	return e >= .85 ? "success" : e >= .6 ? "warning" : "destructive";
+}
+function L({ score: e, model: r, factors: o, className: s, strings: u }) {
+	let d = t(I, u), p = Math.round(e * 100), m = Ve(e), g = m === "success" ? d.levelHigh : m === "warning" ? d.levelMedium : d.levelLow, _ = 2 * Math.PI * 24, v = _ - p / 100 * _;
+	return /* @__PURE__ */ M(c, {
+		"data-component": "ai-confidence",
+		"data-slot": "ai-confidence",
+		gap: "xl",
+		className: n("ai-confidence--component @container/ai-confidence", s),
+		"aria-label": d.title,
+		children: [/* @__PURE__ */ M("div", {
+			className: "grid gap-space-xl @md/ai-confidence:grid-cols-[auto_minmax(0,1fr)] @md/ai-confidence:items-center",
+			children: [/* @__PURE__ */ M("div", {
+				className: "relative shrink-0",
+				children: [/* @__PURE__ */ M("svg", {
+					width: "56",
+					height: "56",
+					viewBox: "0 0 64 64",
+					"aria-hidden": "true",
+					children: [/* @__PURE__ */ j("circle", {
+						cx: "32",
+						cy: "32",
+						r: "24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "5",
+						className: "text-muted/60"
+					}), /* @__PURE__ */ j("circle", {
+						cx: "32",
+						cy: "32",
+						r: "24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "5",
+						strokeLinecap: "round",
+						strokeDasharray: _,
+						strokeDashoffset: v,
+						transform: "rotate(-90 32 32)",
+						className: n(m === "success" && "text-success", m === "warning" && "text-warning", m === "destructive" && "text-destructive")
+					})]
+				}), /* @__PURE__ */ j("div", {
+					className: "absolute inset-0 flex flex-col items-center justify-center",
+					children: /* @__PURE__ */ j(f, {
+						value: p,
+						scaled: !0,
+						weight: "semibold",
+						className: "leading-none"
+					})
+				})]
+			}), /* @__PURE__ */ M(c, {
+				gap: "sm",
+				children: [/* @__PURE__ */ j(a, { children: d.confidenceLabel }), /* @__PURE__ */ M(c, {
+					direction: "horizontal",
+					gap: "sm",
+					children: [/* @__PURE__ */ j(h, {
+						tone: m,
+						children: g
+					}), !!r && /* @__PURE__ */ j(i, {
+						size: "xs",
+						type: "secondary",
+						className: "truncate",
+						children: r
+					})]
+				})]
+			})]
+		}), !!o && o.length > 0 && /* @__PURE__ */ M(c, {
+			gap: "md",
+			className: "mt-space-xl",
+			children: [/* @__PURE__ */ j(a, { children: d.factorsLabel }), o.map((e) => /* @__PURE__ */ M(c, {
+				gap: "sm",
+				children: [/* @__PURE__ */ j(E, {
+					label: e.label,
+					value: /* @__PURE__ */ j(f, {
+						value: e.score,
+						size: "xs",
+						weight: "semibold"
+					}),
+					mono: !0
+				}), /* @__PURE__ */ j(l, {
+					value: Math.round(e.score * 100),
+					"aria-label": e.label
+				})]
+			}, e.label))]
+		})]
+	});
+}
+L.displayName = "AiConfidence";
+//#endregion
+//#region src/components/blocks/ai/ai-prompt-suggestions/types.ts
+var R = {
+	title: "Try asking",
+	hint: "Tap a prompt to start"
+};
+//#endregion
+//#region src/components/blocks/ai/ai-prompt-suggestions/ai-prompt-suggestions.tsx
+function z({ suggestions: e, onPick: r, className: i, strings: a }) {
+	let o = t(R, a);
+	return /* @__PURE__ */ M(c, {
+		"data-component": "ai-prompt-suggestions",
+		"data-slot": "ai-prompt-suggestions",
+		className: n("ai-prompt-suggestions--component", i),
+		children: [/* @__PURE__ */ M(c, {
+			gap: "normal",
+			className: "ai-prompt-suggestions--intro",
+			children: [/* @__PURE__ */ j(T, { children: o.title }), /* @__PURE__ */ j(b, { children: o.hint })]
+		}), /* @__PURE__ */ j("div", {
+			className: "grid grid-cols-[repeat(auto-fit,minmax(min(15rem,100%),1fr))] gap-space-xl",
+			children: e.map((e) => {
+				let t = e.icon;
+				return /* @__PURE__ */ M(w, {
+					variant: "outline",
+					render: /* @__PURE__ */ j("button", {
+						type: "button",
+						onClick: () => r?.(e)
+					}),
+					className: n("ai-prompt-suggestions--item h-full items-start gap-space-lg p-surface transition-[border-color,background] duration-150", "hover:border-foreground/20 hover:bg-muted/40"),
+					children: [!!t && /* @__PURE__ */ j(y, { children: /* @__PURE__ */ j(m, {
+						icon: t,
+						tone: "primary",
+						size: "md",
+						shape: "square"
+					}) }), /* @__PURE__ */ M(C, {
+						className: "min-w-0 gap-space-sm",
+						children: [/* @__PURE__ */ j(T, { children: e.label }), !!e.description && /* @__PURE__ */ j(b, { children: e.description })]
+					})]
+				}, e.id);
+			})
+		})]
+	});
+}
+z.displayName = "AiPromptSuggestions";
+//#endregion
+//#region src/components/blocks/ai/ai-token-usage/types.ts
+var B = {
+	title: "Token usage",
+	input: "Input",
+	output: "Output",
+	total: "Total",
+	cost: "Estimated cost"
+};
+//#endregion
+//#region src/components/blocks/ai/ai-token-usage/ai-token-usage.tsx
+function V({ model: e, inputTokens: r, outputTokens: o, cost: l, maxTokens: u, className: d, strings: m }) {
+	let g = t(B, m), _ = r + o, v = u ? Math.min(100, Math.round(_ / u * 100)) : 0;
+	return /* @__PURE__ */ M(c, {
+		"data-component": "ai-token-usage",
+		"data-slot": "ai-token-usage",
+		className: n("ai-token-usage--component", d),
+		children: [
+			!!e && /* @__PURE__ */ j("div", {
+				className: "ai-token-usage--metadata flex min-w-0 justify-start",
+				children: /* @__PURE__ */ j(h, {
+					tone: "secondary",
+					children: e
+				})
+			}),
+			/* @__PURE__ */ j(s, {
+				minColumnWidth: "sm",
+				gap: "md",
+				children: [
+					{
+						label: g.input,
+						value: r
+					},
+					{
+						label: g.output,
+						value: o
+					},
+					{
+						label: g.total,
+						value: _
+					}
+				].map((e) => /* @__PURE__ */ j("div", {
+					className: "rounded-radius-md bg-muted/40 p-surface-xs",
+					children: /* @__PURE__ */ M(c, {
+						gap: "2xs",
+						children: [/* @__PURE__ */ j(a, { children: e.label }), /* @__PURE__ */ j(p, {
+							value: e.value,
+							weight: "semibold",
+							align: "left"
+						})]
+					})
+				}, e.label))
+			}),
+			!!u && /* @__PURE__ */ M("div", {
+				className: "mt-space-lg",
+				children: [/* @__PURE__ */ j(E, {
+					label: /* @__PURE__ */ M("span", {
+						className: "inline-flex items-center gap-space-xs",
+						children: [
+							/* @__PURE__ */ j(p, {
+								value: _,
+								size: "xs",
+								align: "left"
+							}),
+							/* @__PURE__ */ j(i, {
+								tag: "span",
+								size: "xs",
+								"aria-hidden": !0,
+								children: "/"
+							}),
+							/* @__PURE__ */ j(p, {
+								value: u,
+								size: "xs",
+								align: "left"
+							})
+						]
+					}),
+					value: /* @__PURE__ */ j(f, {
+						value: v,
+						scaled: !0,
+						size: "xs",
+						weight: "semibold",
+						align: "right"
+					}),
+					mono: !0,
+					valueClassName: "text-xs font-semibold"
+				}), /* @__PURE__ */ j("div", {
+					className: "mt-1 h-1.5 w-full overflow-hidden rounded-full bg-muted",
+					children: /* @__PURE__ */ j("div", {
+						className: "h-full rounded-full bg-primary",
+						style: { width: `${v}%` }
+					})
+				})]
+			}),
+			!!l && /* @__PURE__ */ j(E, {
+				className: "mt-space-lg rounded-radius-md bg-primary/5 p-surface-xs",
+				label: /* @__PURE__ */ j(i, {
+					tag: "span",
+					size: "xs",
+					weight: "medium",
+					lineHeight: "tight",
+					children: g.cost
+				}),
+				value: l,
+				mono: !0,
+				valueClassName: "text-sm font-bold"
+			})
+		]
+	});
+}
+V.displayName = "AiTokenUsage";
+//#endregion
+//#region src/components/blocks/ai/ai-feedback/types.ts
+var H = {
+	prompt: "Was this helpful?",
+	thumbsUpAria: "Mark as helpful",
+	thumbsDownAria: "Mark as not helpful",
+	commentPlaceholder: "Tell us more (optional)",
+	submit: "Send feedback",
+	thanks: "Thanks for your feedback."
+};
+//#endregion
+//#region src/components/blocks/ai/ai-feedback/ai-feedback.tsx
+function U({ value: e, onVote: a, onSubmitComment: o, allowComment: s = !0, submitted: l = !1, className: u, strings: d }) {
+	let f = t(H, d), [p, m] = k(null), [h, g] = k(""), v = e ?? p, y = (t) => {
+		let n = v === t ? null : t;
+		e === void 0 && m(n), a?.(n);
+	};
+	return l ? /* @__PURE__ */ M("div", {
+		className: n("ai-feedback--component", "inline-flex items-center gap-space-md rounded-full bg-success/10 px-space-lg py-space-sm", u),
+		children: [/* @__PURE__ */ j(F, { className: "size-icon-md text-success" }), /* @__PURE__ */ j(i, {
+			size: "xs",
+			type: "success",
+			weight: "medium",
+			children: f.thanks
+		})]
+	}) : /* @__PURE__ */ M("div", {
+		className: n("ai-feedback--component inline-flex flex-col gap-space-md", u),
+		children: [/* @__PURE__ */ M("div", {
+			className: "flex items-center gap-space-md",
+			children: [
+				/* @__PURE__ */ j(i, {
+					size: "xs",
+					type: "secondary",
+					children: f.prompt
+				}),
+				/* @__PURE__ */ j(r, {
+					type: "button",
+					tone: "secondary",
+					buttonStyle: v === "up" ? "solid" : "ghost",
+					size: "sm",
+					iconOnly: !0,
+					"aria-label": f.thumbsUpAria,
+					"aria-pressed": v === "up",
+					onClick: () => y("up"),
+					className: n(v === "up" && "text-success bg-success/15 hover:bg-success/20"),
+					children: /* @__PURE__ */ j(F, { className: "size-icon-md" })
+				}),
+				/* @__PURE__ */ j(r, {
+					type: "button",
+					tone: "secondary",
+					buttonStyle: v === "down" ? "solid" : "ghost",
+					size: "sm",
+					iconOnly: !0,
+					"aria-label": f.thumbsDownAria,
+					"aria-pressed": v === "down",
+					onClick: () => y("down"),
+					className: n(v === "down" && "text-destructive bg-destructive/15 hover:bg-destructive/20"),
+					children: /* @__PURE__ */ j(Pe, { className: "size-icon-md" })
+				})
+			]
+		}), !!s && !!v && /* @__PURE__ */ M(c, {
+			gap: "md",
+			children: [/* @__PURE__ */ j(_, {
+				value: h,
+				onChange: (e) => g(e.target.value),
+				placeholder: f.commentPlaceholder,
+				minRows: 2
+			}), /* @__PURE__ */ j(c, {
+				direction: "horizontal",
+				gap: "none",
+				justify: "end",
+				children: /* @__PURE__ */ j(r, {
+					type: "button",
+					onClick: () => {
+						o?.(h, v), g("");
+					},
+					disabled: !h.trim(),
+					children: f.submit
+				})
+			})]
+		})]
+	});
+}
+U.displayName = "AiFeedback";
+//#endregion
+//#region src/components/blocks/ai/ai-citation/types.ts
+var W = {
+	title: "Sources",
+	sourceCount: (e) => e === 1 ? "1 source" : `${e} sources`,
+	hiddenCount: (e) => e === 1 ? "+1 more" : `+${e} more`,
+	expand: "Show sources",
+	collapse: "Hide sources",
+	visit: "Visit",
+	relevance: "Relevance"
+};
+//#endregion
+//#region src/components/blocks/ai/ai-citation/ai-citation.tsx
+function G({ sources: t, expanded: a, defaultExpanded: o = !1, onExpandedChange: s, maxCollapsedRows: l = 0, className: u, strings: d }) {
+	let f = e(W, d), [p, m] = k(o), h = a ?? p, g = (e) => {
+		a === void 0 && m(e), s?.(e);
+	}, _ = h ? t : t.slice(0, Math.max(0, l)), v = t.length - _.length;
+	return /* @__PURE__ */ j("div", {
+		className: n("ai-citation--component", "rounded-radius border border-border bg-card px-surface-xs py-surface-xs shadow-xs", u),
+		children: /* @__PURE__ */ M(c, {
+			gap: "lg",
+			children: [/* @__PURE__ */ M(r, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				size: "sm",
+				onClick: () => g(!h),
+				className: n("ai-citation--trigger h-auto justify-start gap-space-sm rounded-radius-md px-control py-row-y", "text-muted-foreground hover:text-foreground hover:bg-muted/40"),
+				"aria-expanded": h,
+				"aria-label": h ? f.collapse : f.expand,
+				children: [
+					/* @__PURE__ */ j(Me, { className: "size-icon-md" }),
+					/* @__PURE__ */ M(i, {
+						weight: "medium",
+						children: [
+							f.title,
+							" · ",
+							f.sourceCount(t.length)
+						]
+					}),
+					j(h ? Ce : we, { className: "size-icon-md" })
+				]
+			}), (h || l > 0) && /* @__PURE__ */ M(S, { children: [_.map((e, t) => /* @__PURE__ */ j(He, {
+				source: e,
+				index: t + 1,
+				strings: f
+			}, e.id)), !h && v > 0 && /* @__PURE__ */ j(i, {
+				size: "xs",
+				type: "secondary",
+				children: f.hiddenCount(v)
+			})] })]
+		})
+	});
+}
+G.displayName = "AiCitation";
+function He({ source: e, index: t, strings: r }) {
+	let a = typeof e.relevance == "number" ? Math.round(Math.max(0, Math.min(1, e.relevance)) * 100) : null, o = e.url ? "a" : "span", s = e.url ? {
+		href: e.url,
+		target: "_blank",
+		rel: "noopener noreferrer"
+	} : {};
+	return /* @__PURE__ */ M(w, {
+		variant: "outline",
+		size: "sm",
+		className: "items-start px-surface-xs py-surface-xs",
+		children: [
+			/* @__PURE__ */ j(y, { children: /* @__PURE__ */ j(p, {
+				value: t,
+				size: "xs",
+				weight: "semibold",
+				type: "secondary",
+				align: "center",
+				className: "inline-flex size-icon-lg shrink-0 items-center justify-center rounded-full bg-muted"
+			}) }),
+			/* @__PURE__ */ M(C, { children: [
+				/* @__PURE__ */ j(T, {
+					className: "truncate",
+					children: /* @__PURE__ */ M(o, {
+						...s,
+						className: n("truncate", e.url && "hover:text-primary-accent hover:underline"),
+						children: [e.title, !!e.url && /* @__PURE__ */ j(N, { className: "ml-1 inline size-icon-sm align-baseline" })]
+					})
+				}),
+				!!e.snippet && /* @__PURE__ */ j(b, {
+					clamp: 2,
+					children: e.snippet
+				}),
+				(e.publisher || e.publishedAt) && /* @__PURE__ */ M(v, {
+					className: "mt-1 justify-start gap-space-sm",
+					children: [
+						!!e.publisher && /* @__PURE__ */ j(i, {
+							size: "xs",
+							type: "discrete",
+							children: e.publisher
+						}),
+						!!e.publisher && !!e.publishedAt && /* @__PURE__ */ j(i, {
+							size: "xs",
+							type: "discrete",
+							children: "·"
+						}),
+						!!e.publishedAt && /* @__PURE__ */ j(u, {
+							size: "xs",
+							className: "tabular-nums opacity-80",
+							children: e.publishedAt
+						})
+					]
+				})
+			] }),
+			a !== null && /* @__PURE__ */ M(x, {
+				className: "w-16 flex-col items-end gap-space-2xs",
+				children: [/* @__PURE__ */ j(f, {
+					value: a,
+					scaled: !0,
+					size: "xs",
+					type: "secondary",
+					weight: "medium"
+				}), /* @__PURE__ */ j("div", {
+					className: "h-1 w-full overflow-hidden rounded-full bg-muted",
+					role: "progressbar",
+					"aria-label": r.relevance,
+					"aria-valuemin": 0,
+					"aria-valuemax": 100,
+					"aria-valuenow": a,
+					children: /* @__PURE__ */ j("div", {
+						className: "h-full rounded-full bg-primary",
+						style: { width: `${a}%` }
+					})
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/blocks/ai/ai-inline-citation/types.ts
+var K = {
+	sourcePrefix: "Source",
+	openAria: "Open source {{n}}: {{title}}"
+};
+//#endregion
+//#region src/components/blocks/ai/ai-inline-citation/ai-inline-citation.tsx
+function Ue(e, t) {
+	return e.replace(/\{\{\s*(\w+)\s*\}\}/g, (e, n) => {
+		let r = t[n];
+		return r === void 0 ? e : String(r);
+	});
+}
+function q({ index: t, title: a, url: s, onSelect: c, className: l, strings: u }) {
+	let d = e(K, u), f = Ue(d.openAria, {
+		n: t,
+		title: a ?? ""
+	}), p = a ? `${d.sourcePrefix} ${t}: ${a}` : `${d.sourcePrefix} ${t}`, m = n("inline-flex h-5 min-w-5 -translate-y-px active:not-aria-[haspopup]:-translate-y-px items-center justify-center rounded px-space-xs", "align-middle tabular-nums", "bg-muted text-muted-foreground", "hover:bg-primary/10 hover:text-primary-accent", "transition-colors duration-150", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40", l);
+	return s ? /* @__PURE__ */ j(o, {
+		href: s,
+		size: "inherit",
+		underline: !1,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		title: p,
+		"aria-label": f,
+		className: n("ai-inline-citation--component", m),
+		children: /* @__PURE__ */ j(i, {
+			tag: "span",
+			size: "xs",
+			weight: "medium",
+			className: "leading-none",
+			children: t
+		})
+	}) : c ? /* @__PURE__ */ j(r, {
+		type: "button",
+		tone: "secondary",
+		buttonStyle: "ghost",
+		size: "sm",
+		onClick: c,
+		title: p,
+		"aria-label": f,
+		className: n("ai-inline-citation--component", m),
+		children: /* @__PURE__ */ j(i, {
+			tag: "span",
+			size: "xs",
+			weight: "medium",
+			className: "leading-none",
+			children: t
+		})
+	}) : /* @__PURE__ */ j("span", {
+		title: p,
+		"aria-label": f,
+		className: n("ai-inline-citation--component", m),
+		children: /* @__PURE__ */ j(i, {
+			tag: "span",
+			size: "xs",
+			weight: "medium",
+			className: "leading-none",
+			children: t
+		})
+	});
+}
+q.displayName = "AiInlineCitation";
+//#endregion
+//#region src/components/blocks/ai/ai-package-info/types.ts
+var J = {
+	versionLabel: "Version",
+	licenseLabel: "License",
+	publishedLabel: "Published",
+	homepageAria: "Open homepage",
+	homepageLabel: "Homepage",
+	repositoryAria: "Open repository",
+	repositoryLabel: "Repository",
+	weeklyDownloadsLabel: "Weekly downloads"
+};
+//#endregion
+//#region src/components/blocks/ai/ai-package-info/ai-package-info.tsx
+function Y({ name: e, version: a, description: s, license: l, publishedAt: u, homepage: f, repository: p, weeklyDownloads: m, keywords: g, onSelect: _, className: v, strings: y }) {
+	let b = t(J, y), x = /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j("span", {
+		"aria-hidden": !0,
+		className: "inline-flex size-9 shrink-0 items-center justify-center rounded-radius-md bg-muted text-muted-foreground",
+		children: /* @__PURE__ */ j(P, { className: "size-icon" })
+	}), /* @__PURE__ */ M("div", {
+		className: "min-w-0 flex-1",
+		children: [
+			/* @__PURE__ */ M("div", {
+				className: "flex items-center gap-space-md",
+				children: [/* @__PURE__ */ j(d, {
+					weight: "semibold",
+					className: "truncate",
+					children: e
+				}), !!a && /* @__PURE__ */ j(h, {
+					tone: "secondary",
+					children: /* @__PURE__ */ M(d, {
+						size: "xs",
+						className: "text-inherit",
+						children: ["v", a.replace(/^v/, "")]
+					})
+				})]
+			}),
+			!!s && /* @__PURE__ */ j(i, {
+				size: "xs",
+				type: "secondary",
+				className: "mt-1 line-clamp-2",
+				children: s
+			}),
+			(l || u || m !== void 0) && /* @__PURE__ */ M("div", {
+				className: "mt-space-md flex flex-wrap items-center gap-x-space-lg gap-y-space-xs",
+				children: [
+					!!l && /* @__PURE__ */ j(X, {
+						label: b.licenseLabel,
+						value: l
+					}),
+					!!u && /* @__PURE__ */ j(X, {
+						label: b.publishedLabel,
+						value: u
+					}),
+					m !== void 0 && /* @__PURE__ */ j(X, {
+						label: b.weeklyDownloadsLabel,
+						value: String(m)
+					})
+				]
+			}),
+			!!g?.length && /* @__PURE__ */ j("div", {
+				className: "mt-space-md flex flex-wrap gap-space-xs",
+				children: g.slice(0, 6).map((e) => /* @__PURE__ */ j(h, {
+					tone: "secondary",
+					children: e
+				}, e))
+			})
+		]
+	})] }), S = "ai-package-info--body flex w-full items-start gap-space-lg p-surface-xs text-left";
+	return /* @__PURE__ */ M("div", {
+		className: n("ai-package-info--component block w-full overflow-hidden rounded-radius border border-border/60 bg-card", v),
+		children: [_ ? /* @__PURE__ */ j(r, {
+			type: "button",
+			tone: "secondary",
+			buttonStyle: "ghost",
+			onClick: _,
+			className: n(S, "h-auto justify-start rounded-none whitespace-normal transition-colors hover:bg-muted/40"),
+			children: x
+		}) : /* @__PURE__ */ j("div", {
+			className: S,
+			children: x
+		}), (f || p) && /* @__PURE__ */ j("div", {
+			className: "ai-package-info--footer border-t border-border/60 bg-muted/20 px-surface-xs py-row-y",
+			children: /* @__PURE__ */ M(c, {
+				direction: "horizontal",
+				align: "center",
+				gap: "md",
+				children: [
+					!!f && /* @__PURE__ */ M(o, {
+						href: f,
+						size: "inherit",
+						underline: !1,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						onClick: (e) => e.stopPropagation(),
+						"aria-label": b.homepageAria,
+						className: "inline-flex items-center gap-space-xs rounded text-muted-foreground hover:text-foreground",
+						children: [
+							/* @__PURE__ */ j(je, { className: "size-icon-sm" }),
+							/* @__PURE__ */ j(i, {
+								tag: "span",
+								weight: "medium",
+								children: b.homepageLabel
+							}),
+							/* @__PURE__ */ j(N, { className: "size-icon-sm" })
+						]
+					}),
+					!!f && !!p && /* @__PURE__ */ j(i, {
+						tag: "span",
+						size: "xs",
+						type: "secondary",
+						className: "opacity-40",
+						"aria-hidden": !0,
+						children: "·"
+					}),
+					!!p && /* @__PURE__ */ M(o, {
+						href: p,
+						size: "inherit",
+						underline: !1,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						onClick: (e) => e.stopPropagation(),
+						"aria-label": b.repositoryAria,
+						className: "inline-flex items-center gap-space-xs rounded text-muted-foreground hover:text-foreground",
+						children: [
+							/* @__PURE__ */ j(Te, { className: "size-icon-sm" }),
+							/* @__PURE__ */ j(i, {
+								tag: "span",
+								weight: "medium",
+								children: b.repositoryLabel
+							}),
+							/* @__PURE__ */ j(N, { className: "size-icon-sm" })
+						]
+					})
+				]
+			})
+		})]
+	});
+}
+Y.displayName = "AiPackageInfo";
+function X({ label: e, value: t }) {
+	return /* @__PURE__ */ M("div", {
+		className: "inline-flex items-baseline gap-space-xs",
+		children: [/* @__PURE__ */ j(i, {
+			size: "xs",
+			type: "discrete",
+			children: e
+		}), /* @__PURE__ */ j(u, {
+			size: "xs",
+			weight: "medium",
+			className: "tabular-nums",
+			children: t
+		})]
+	});
+}
+//#endregion
+//#region src/components/blocks/ai/ai-file-tree/types.ts
+var Z = {
+	treeAria: "Files",
+	expandAria: "Expand directory",
+	collapseAria: "Collapse directory",
+	statusLabels: {
+		added: "A",
+		modified: "M",
+		removed: "D",
+		renamed: "R"
+	}
+}, We = {
+	added: "success",
+	modified: "warning",
+	removed: "destructive",
+	renamed: "info"
+}, Ge = {
+	added: "text-success",
+	modified: "text-warning-accent",
+	removed: "text-destructive",
+	renamed: "text-info"
+};
+function Ke(e) {
+	let t = e.split(".").pop()?.toLowerCase() ?? "";
+	return [
+		"ts",
+		"tsx",
+		"js",
+		"jsx",
+		"mjs",
+		"cjs",
+		"json",
+		"css",
+		"scss",
+		"html",
+		"sh",
+		"py",
+		"rs",
+		"go"
+	].includes(t) ? De : [
+		"md",
+		"mdx",
+		"txt"
+	].includes(t) ? Oe : Ee;
+}
+function Q(e, t = 0) {
+	return e.flatMap((e) => [...e.kind === "directory" && (e.defaultExpanded ?? t < 1) ? [e.id] : [], ...Q(e.children ?? [], t + 1)]);
+}
+function $({ nodes: e, selectedId: r, onSelect: i, hideStatusLabels: a = !1, indent: o, density: s = "compact", disabled: l, expandedIds: f, defaultExpandedIds: p, onExpandedIdsChange: m, className: g, strings: _, ...v }) {
+	let y = t(Z, _), [b, x] = k(() => p ?? Q(e)), S = f ?? b, C = Se(() => {
+		function t(e) {
+			return e.map((e) => {
+				let r = e.kind === "directory", i = e.icon ?? (r ? S.includes(e.id) ? Ae : ke : Ke(e.name));
+				return {
+					value: e.id,
+					label: e.name,
+					data: e,
+					disabled: e.disabled,
+					hasChildren: r,
+					children: r ? t(e.children ?? []) : void 0,
+					icon: /* @__PURE__ */ j(i, {
+						"aria-hidden": "true",
+						className: n("size-icon", e.status && Ge[e.status])
+					}),
+					trailing: /* @__PURE__ */ M(c, {
+						direction: "horizontal",
+						gap: "xs",
+						align: "center",
+						className: "shrink-0",
+						children: [e.status && !a && /* @__PURE__ */ j(h, {
+							tone: We[e.status],
+							size: "sm",
+							title: e.status,
+							children: y.statusLabels[e.status]
+						}), e.trailing != null && /* @__PURE__ */ j(u, {
+							size: "xs",
+							className: "tabular-nums",
+							children: e.trailing
+						})]
+					})
+				};
+			});
+		}
+		return t(e);
+	}, [
+		e,
+		S,
+		a,
+		y.statusLabels
+	]);
+	return /* @__PURE__ */ j(xe, {
+		...v,
+		"aria-label": v["aria-label"] ?? y.treeAria,
+		items: C,
+		selectedValues: r === void 0 ? [] : [r],
+		expandedValues: S,
+		branchActivation: "toggle",
+		density: s,
+		disabled: l,
+		indent: o,
+		strings: {
+			expand: (e) => `${y.expandAria}: ${e}`,
+			collapse: (e) => `${y.collapseAria}: ${e}`
+		},
+		onExpandedValuesChange: (e, t) => {
+			f === void 0 && x(e), m?.(e, t.data);
+		},
+		onSelectedValuesChange: (e, t) => {
+			t.data?.kind === "file" && i?.(t.data);
+		},
+		renderLabel: (e) => /* @__PURE__ */ j(d, {
+			size: "inherit",
+			weight: "regular",
+			className: n("ai-file-tree--name text-inherit wrap-anywhere", e.data?.status === "removed" && "line-through"),
+			children: e.label
+		}),
+		className: n("ai-file-tree--component", g)
+	});
+}
+$.displayName = "AiFileTree";
+//#endregion
+export { pe as AiAgent, ge as AiArtifact, se as AiAttachment, O as AiChainOfThought, G as AiCitation, Be as AiClassificationPanel, D as AiCodeBlock, L as AiConfidence, ie as AiConfirmation, U as AiFeedback, $ as AiFileTree, q as AiInlineCitation, te as AiMessageBubble, Y as AiPackageInfo, z as AiPromptSuggestions, he as AiReasoning, be as AiShimmer, le as AiSources, ze as AiSummaryBlock, me as AiTask, V as AiTokenUsage, ne as AiToolCall, ue as defaultAiAgentStrings, de as defaultAiArtifactStrings, oe as defaultAiAttachmentStrings, fe as defaultAiChainOfThoughtStrings, W as defaultAiCitationStrings, ve as defaultAiCodeBlockStrings, I as defaultAiConfidenceStrings, ae as defaultAiConfirmationStrings, H as defaultAiFeedbackStrings, Z as defaultAiFileTreeStrings, K as defaultAiInlineCitationStrings, ee as defaultAiMessageBubbleStrings, J as defaultAiPackageInfoStrings, R as defaultAiPromptSuggestionsStrings, re as defaultAiReasoningStrings, _e as defaultAiSourcesStrings, ce as defaultAiTaskStrings, B as defaultAiTokenUsageStrings, ye as defaultAiToolCallStrings };
+
+//# sourceMappingURL=ai.js.map