admin-ui-starter-kit 0.1.4 → 0.4.2

package/dist/components/composed/ai/index.js

@@ -1,18 +1,18 @@
 import { mergeStrings as e, useStrings as t } from "../../../lib/strings.js";
 import { cn as n } from "../../../lib/utils.js";
-import { t as r } from "../../../_shared/text-qsEg5GdP.js";
+import { n as r } from "../../../_shared/heading-HeP06nXG.js";
 import { t as i } from "../../../_shared/icon-badge-zTBVtgt9.js";
-import { t as a } from "../../../_shared/badge-BK5VvEgg.js";
-import { t as o } from "../../../_shared/button-cnkCF8q8.js";
-import { t as s } from "../../../_shared/smart-card-eBfUvQ9r.js";
-import { t as c } from "../../../_shared/textarea-Bfv1KxBm.js";
+import { t as a } from "../../../_shared/badge-yGlx9trX.js";
+import { t as o } from "../../../_shared/button-SuocMQFT.js";
+import { t as s } from "../../../_shared/smart-card-DYZGY_Su.js";
+import { t as c } from "../../../_shared/textarea-CsMkelmp.js";
 import { t as l } from "../../../_shared/separator-B8FBp-7E.js";
-import { i as u } from "../../../_shared/display-Cuj4td-V.js";
-import { a as d, c as f, i as p, n as m, o as h, r as g, t as _, u as v } from "../../../_shared/item-BxlP5TO3.js";
-import { C as ee, S as te, _ as y, a as ne, b as re, c as ie, d as ae, f as oe, g as b, 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 "../../../_shared/ai-artifact--MqIfP-8.js";
+import { i as u } from "../../../_shared/display-C4n0uuxl.js";
+import { a as d, c as f, i as p, n as m, o as h, r as g, t as _, u as v } from "../../../_shared/item-DAjqQhhj.js";
+import { C as ee, S as te, _ as ne, a as y, b as re, c as ie, d as ae, f as oe, g as b, 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 "../../../_shared/ai-artifact-DdlK_l56.js";
 import { useState as x } from "react";
 import { Fragment as xe, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { BrainCircuit as w, ChevronDown as T, ChevronRight as E, Code2 as D, Cpu as O, ExternalLink as k, File as A, FileCode as j, FileText as M, Folder as Se, FolderOpen as Ce, Globe as we, Package as N, Quote as Te, RefreshCw as Ee, Sparkles as P, ThumbsDown as De, ThumbsUp as F } from "lucide-react";
+import { BrainCircuit as w, ChevronDown as T, ChevronRight as E, Code2 as D, Cpu as O, ExternalLink as k, File as A, FileCode as j, FileText as M, Folder as Se, FolderOpen as Ce, Globe as we, Package as Te, Quote as N, RefreshCw as Ee, Sparkles as P, ThumbsDown as De, ThumbsUp as F } from "lucide-react";
 //#region src/components/composed/ai/ai.strings.ts
 var Oe = {
 	title: "AI Summary",
@@ -263,7 +263,7 @@ function L({ score: e, model: i, factors: o, className: c, strings: l }) {
 						strokeDasharray: h,
 						strokeDashoffset: g,
 						transform: "rotate(-90 32 32)",
-						className: n(m === "success" && "text-success", m === "warning" && "text-success", m === "error" && "text-destructive")
+						className: n(m === "success" && "text-success", m === "warning" && "text-warning", m === "error" && "text-destructive")
 					})]
 				}), /* @__PURE__ */ S("div", {
 					className: "absolute inset-0 flex flex-col items-center justify-center",
@@ -320,37 +320,32 @@ var R = {
 };
 //#endregion
 //#region src/components/composed/ai/ai-prompt-suggestions/ai-prompt-suggestions.tsx
-function z({ suggestions: e, onPick: a, className: o, strings: c }) {
-	let l = t(R, c);
+function z({ suggestions: e, onPick: r, className: a, strings: o }) {
+	let c = t(R, o);
 	return /* @__PURE__ */ S(s, {
 		icon: /* @__PURE__ */ S(P, { className: "size-4" }),
-		title: l.title,
-		description: l.hint,
-		className: n("ai-prompt-suggestions--component", o),
+		title: c.title,
+		description: c.hint,
+		className: n("ai-prompt-suggestions--component", a),
 		children: /* @__PURE__ */ S("div", {
-			className: "grid grid-cols-1 gap-2 sm:grid-cols-2",
+			className: "grid grid-cols-[repeat(auto-fit,minmax(min(15rem,100%),1fr))] gap-2",
 			children: e.map((e) => {
 				let t = e.icon;
-				return /* @__PURE__ */ C("button", {
-					type: "button",
-					onClick: () => a?.(e),
-					className: n("flex items-start gap-3 rounded-lg border border-border bg-card p-3 text-left transition-[border-color,background] duration-150", "hover:border-foreground/20 hover:bg-muted/40 focus-visible:ring-2 focus-visible:ring-ring/40 focus-visible:outline-none"),
-					children: [!!t && /* @__PURE__ */ S(i, {
+				return /* @__PURE__ */ C(_, {
+					variant: "outline",
+					render: /* @__PURE__ */ S("button", {
+						type: "button",
+						onClick: () => r?.(e)
+					}),
+					className: n("ai-prompt-suggestions--item h-full items-start transition-[border-color,background] duration-150", "hover:border-foreground/20 hover:bg-muted/40"),
+					children: [!!t && /* @__PURE__ */ S(f, { children: /* @__PURE__ */ S(i, {
 						icon: t,
 						tone: "primary",
 						size: "sm",
 						shape: "square"
-					}), /* @__PURE__ */ C("div", {
+					}) }), /* @__PURE__ */ C(g, {
 						className: "min-w-0",
-						children: [/* @__PURE__ */ S(r, {
-							weight: "semibold",
-							children: e.label
-						}), !!e.description && /* @__PURE__ */ S(r, {
-							size: "xs",
-							type: "secondary",
-							className: "mt-0.5 line-clamp-2",
-							children: e.description
-						})]
+						children: [/* @__PURE__ */ S(v, { children: e.label }), !!e.description && /* @__PURE__ */ S(p, { children: e.description })]
 					})]
 				}, e.id);
 			})
@@ -531,39 +526,42 @@ var W = {
 };
 //#endregion
 //#region src/components/composed/ai/ai-citation/ai-citation.tsx
-function G({ sources: t, defaultExpanded: i = !1, maxCollapsedRows: a = 0, className: o, strings: s }) {
-	let c = e(W, s), [l, u] = x(i), d = l ? t : t.slice(0, Math.max(0, a)), f = t.length - d.length;
+function G({ sources: t, defaultExpanded: i = !1, maxCollapsedRows: a = 0, className: s, strings: c }) {
+	let l = e(W, c), [u, d] = x(i), f = u ? t : t.slice(0, Math.max(0, a)), p = t.length - f.length;
 	return /* @__PURE__ */ C("div", {
-		className: n("ai-citation--component", "space-y-2", o),
-		children: [/* @__PURE__ */ C("button", {
+		className: n("ai-citation--component", "space-y-2", s),
+		children: [/* @__PURE__ */ C(o, {
 			type: "button",
-			onClick: () => u((e) => !e),
-			className: n("inline-flex items-center gap-1.5 rounded-md px-2 py-1 -mx-2", "text-muted-foreground hover:text-foreground hover:bg-muted/40", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40"),
-			"aria-expanded": l,
-			"aria-label": l ? c.collapse : c.expand,
+			variant: "secondary",
+			buttonStyle: "ghost",
+			size: "xs",
+			onClick: () => d((e) => !e),
+			className: n("ai-citation--trigger h-auto -mx-2 justify-start gap-1.5 rounded-md px-2 py-1", "text-muted-foreground hover:text-foreground hover:bg-muted/40"),
+			"aria-expanded": u,
+			"aria-label": u ? l.collapse : l.expand,
 			children: [
-				/* @__PURE__ */ S(Te, { className: "size-3.5" }),
+				/* @__PURE__ */ S(N, { className: "size-3.5" }),
 				/* @__PURE__ */ C(r, {
 					size: "xs",
 					weight: "medium",
 					children: [
-						c.title,
+						l.title,
 						" · ",
-						c.sourceCount(t.length)
+						l.sourceCount(t.length)
 					]
 				}),
-				S(l ? T : E, { className: "size-3.5" })
+				S(u ? T : E, { className: "size-3.5" })
 			]
-		}), (l || a > 0) && /* @__PURE__ */ C(h, { children: [d.map((e, t) => /* @__PURE__ */ S(Fe, {
+		}), (u || a > 0) && /* @__PURE__ */ C(h, { children: [f.map((e, t) => /* @__PURE__ */ S(Fe, {
 			source: e,
 			index: t + 1,
-			strings: c
-		}, e.id)), !l && f > 0 && /* @__PURE__ */ C(r, {
+			strings: l
+		}, e.id)), !u && p > 0 && /* @__PURE__ */ C(r, {
 			size: "xxs",
 			type: "secondary",
 			children: [
 				"+",
-				f,
+				p,
 				" more"
 			]
 		})] })]
@@ -654,18 +652,18 @@ function Ie(e, t) {
 		return r === void 0 ? e : String(r);
 	});
 }
-function q({ index: t, title: i, url: a, onSelect: o, className: s, strings: c }) {
-	let l = e(K, c), u = Ie(l.openAria, {
+function q({ index: t, title: i, url: a, onSelect: s, className: c, strings: l }) {
+	let u = e(K, l), d = Ie(u.openAria, {
 		n: t,
 		title: i ?? ""
-	}), d = i ? `${l.sourcePrefix} ${t}: ${i}` : `${l.sourcePrefix} ${t}`, f = n("inline-flex h-[1.25em] min-w-[1.25em] -translate-y-px items-center justify-center rounded px-1", "align-middle text-[0.75em] font-medium tabular-nums", "bg-muted text-muted-foreground", "hover:bg-primary/10 hover:text-primary", "transition-colors duration-150", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40", s);
+	}), f = i ? `${u.sourcePrefix} ${t}: ${i}` : `${u.sourcePrefix} ${t}`, p = n("inline-flex h-[1.25em] min-w-[1.25em] -translate-y-px items-center justify-center rounded px-1", "align-middle text-[0.75em] font-medium tabular-nums", "bg-muted text-muted-foreground", "hover:bg-primary/10 hover:text-primary", "transition-colors duration-150", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40", c);
 	return a ? /* @__PURE__ */ S("a", {
 		href: a,
 		target: "_blank",
 		rel: "noopener noreferrer",
-		title: d,
-		"aria-label": u,
-		className: n("ai-inline-citation--component", f),
+		title: f,
+		"aria-label": d,
+		className: n("ai-inline-citation--component", p),
 		children: /* @__PURE__ */ S(r, {
 			tag: "span",
 			size: "xxs",
@@ -673,12 +671,15 @@ function q({ index: t, title: i, url: a, onSelect: o, className: s, strings: c }
 			className: "leading-none",
 			children: t
 		})
-	}) : o ? /* @__PURE__ */ S("button", {
+	}) : s ? /* @__PURE__ */ S(o, {
 		type: "button",
-		onClick: o,
-		title: d,
-		"aria-label": u,
-		className: n("ai-inline-citation--component", f),
+		variant: "secondary",
+		buttonStyle: "ghost",
+		size: "xs",
+		onClick: s,
+		title: f,
+		"aria-label": d,
+		className: n("ai-inline-citation--component", p),
 		children: /* @__PURE__ */ S(r, {
 			tag: "span",
 			size: "xxs",
@@ -687,9 +688,9 @@ function q({ index: t, title: i, url: a, onSelect: o, className: s, strings: c }
 			children: t
 		})
 	}) : /* @__PURE__ */ S("span", {
-		title: d,
-		"aria-label": u,
-		className: n("ai-inline-citation--component", f),
+		title: f,
+		"aria-label": d,
+		className: n("ai-inline-citation--component", p),
 		children: /* @__PURE__ */ S(r, {
 			tag: "span",
 			size: "xxs",
@@ -725,7 +726,7 @@ function Y({ name: e, version: i, description: o, license: s, publishedAt: c, ho
 			children: [/* @__PURE__ */ S("span", {
 				"aria-hidden": !0,
 				className: "inline-flex size-9 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground",
-				children: /* @__PURE__ */ S(N, { className: "size-4" })
+				children: /* @__PURE__ */ S(Te, { className: "size-4" })
 			}), /* @__PURE__ */ C("div", {
 				className: "min-w-0 flex-1",
 				children: [
@@ -906,12 +907,12 @@ function Q({ nodes: e, selectedId: r, onSelect: i, hideStatusLabels: a = !1, ind
 	});
 }
 Q.displayName = "AiFileTree";
-function $({ node: e, depth: t, selectedId: i, onSelect: a, hideStatusLabels: o, indent: s, strings: c }) {
-	let [l, u] = x(e.defaultExpanded ?? t < 1), d = e.kind === "directory", f = i === e.id, p = e.status, m = p ? Le[p] : void 0, h = e.icon ?? (d ? l ? Ce : Se : Re(e.name)), g = () => {
-		d ? u((e) => !e) : a?.(e);
-	}, _ = /* @__PURE__ */ C(xe, { children: [!!p && !o && /* @__PURE__ */ S("span", {
-		className: n("inline-flex size-4 shrink-0 items-center justify-center rounded", "text-[length:var(--text-xxs)] font-bold leading-none uppercase", m?.pill),
-		children: c.statusLabels[p]
+function $({ node: e, depth: t, selectedId: i, onSelect: a, hideStatusLabels: s, indent: c, strings: l }) {
+	let [u, d] = x(e.defaultExpanded ?? t < 1), f = e.kind === "directory", p = i === e.id, m = e.status, h = m ? Le[m] : void 0, g = e.icon ?? (f ? u ? Ce : Se : Re(e.name)), _ = () => {
+		f ? d((e) => !e) : a?.(e);
+	}, v = /* @__PURE__ */ C(xe, { children: [!!m && !s && /* @__PURE__ */ S("span", {
+		className: n("inline-flex size-4 shrink-0 items-center justify-center rounded", "text-[length:var(--text-xxs)] font-bold leading-none uppercase", h?.pill),
+		children: l.statusLabels[m]
 	}), !!e.trailing && /* @__PURE__ */ S(r, {
 		tag: "span",
 		size: "xxs",
@@ -919,39 +920,42 @@ function $({ node: e, depth: t, selectedId: i, onSelect: a, hideStatusLabels: o,
 		className: "tabular-nums",
 		children: e.trailing
 	})] });
-	return /* @__PURE__ */ C("li", { children: [/* @__PURE__ */ C("button", {
+	return /* @__PURE__ */ C("li", { children: [/* @__PURE__ */ C(o, {
 		type: "button",
-		onClick: g,
-		"aria-expanded": d ? l : void 0,
-		"aria-label": d ? l ? c.collapseAria : c.expandAria : void 0,
-		className: n("group relative flex w-full items-center gap-1.5 px-2 py-1 text-left", "hover:bg-muted/40", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring/40", f && "bg-primary/10", !!p && "before:absolute before:left-0 before:top-0 before:h-full before:w-0.5", m?.row, p === "removed" && "text-muted-foreground/80"),
-		style: { paddingLeft: 8 + t * s },
+		variant: "secondary",
+		buttonStyle: "ghost",
+		size: "xs",
+		onClick: _,
+		"aria-expanded": f ? u : void 0,
+		"aria-label": f ? u ? l.collapseAria : l.expandAria : void 0,
+		className: n("ai-file-tree--row group relative h-auto w-full justify-start gap-1.5 rounded-none px-2 py-1 text-left font-mono text-xs", "hover:bg-muted/40", "focus-visible:ring-inset", p && "bg-primary/10", !!m && "before:absolute before:left-0 before:top-0 before:h-full before:w-0.5", h?.row, m === "removed" && "text-muted-foreground/80"),
+		style: { paddingLeft: 8 + t * c },
 		children: [
-			d ? S(l ? T : E, { className: "size-3.5 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ S("span", {
+			f ? S(u ? T : E, { className: "size-3.5 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ S("span", {
 				"aria-hidden": !0,
 				className: "size-3.5 shrink-0"
 			}),
-			/* @__PURE__ */ S(h, { className: n("size-3.5 shrink-0", d ? "text-muted-foreground" : "text-muted-foreground/80") }),
+			/* @__PURE__ */ S(g, { className: n("size-3.5 shrink-0", f ? "text-muted-foreground" : "text-muted-foreground/80") }),
 			/* @__PURE__ */ S("span", {
-				className: n("flex-1 truncate", p === "removed" && "line-through"),
+				className: n("flex-1 truncate", m === "removed" && "line-through"),
 				children: e.name
 			}),
 			/* @__PURE__ */ S("span", {
 				className: "ml-auto flex items-center gap-1.5",
-				children: _
+				children: v
 			})
 		]
-	}), d && l && !!e.children?.length && /* @__PURE__ */ S("ul", { children: e.children.map((e) => /* @__PURE__ */ S($, {
+	}), f && u && !!e.children?.length && /* @__PURE__ */ S("ul", { children: e.children.map((e) => /* @__PURE__ */ S($, {
 		node: e,
 		depth: t + 1,
 		selectedId: i,
 		onSelect: a,
-		hideStatusLabels: o,
-		indent: s,
-		strings: c
+		hideStatusLabels: s,
+		indent: c,
+		strings: l
 	}, e.id)) })] });
 }
 //#endregion
-export { pe as AiAgent, ge as AiArtifact, se as AiAttachment, ne as AiChainOfThought, G as AiCitation, Ne as AiClassificationPanel, y as AiCodeBlock, L as AiConfidenceCard, ae as AiConfirmation, U as AiFeedback, Q as AiFileTree, q as AiInlineCitation, te as AiMessageBubble, Y as AiPackageInfo, z as AiPromptSuggestions, he as AiReasoning, be as AiShimmer, le as AiSources, Me as AiSummaryBlock, me as AiTask, V as AiTokenUsageCard, re as AiToolCall, ue as defaultAiAgentStrings, de as defaultAiArtifactStrings, b as defaultAiAttachmentStrings, fe as defaultAiChainOfThoughtStrings, W as defaultAiCitationStrings, ve as defaultAiCodeBlockStrings, I as defaultAiConfidenceCardStrings, oe as defaultAiConfirmationStrings, H as defaultAiFeedbackStrings, Z as defaultAiFileTreeStrings, K as defaultAiInlineCitationStrings, ee as defaultAiMessageBubbleStrings, J as defaultAiPackageInfoStrings, R as defaultAiPromptSuggestionsStrings, ie as defaultAiReasoningStrings, _e as defaultAiSourcesStrings, ce as defaultAiTaskStrings, B as defaultAiTokenUsageStrings, ye as defaultAiToolCallStrings };
+export { pe as AiAgent, ge as AiArtifact, se as AiAttachment, y as AiChainOfThought, G as AiCitation, Ne as AiClassificationPanel, ne as AiCodeBlock, L as AiConfidenceCard, ae as AiConfirmation, U as AiFeedback, Q as AiFileTree, q as AiInlineCitation, te as AiMessageBubble, Y as AiPackageInfo, z as AiPromptSuggestions, he as AiReasoning, be as AiShimmer, le as AiSources, Me as AiSummaryBlock, me as AiTask, V as AiTokenUsageCard, re as AiToolCall, ue as defaultAiAgentStrings, de as defaultAiArtifactStrings, b as defaultAiAttachmentStrings, fe as defaultAiChainOfThoughtStrings, W as defaultAiCitationStrings, ve as defaultAiCodeBlockStrings, I as defaultAiConfidenceCardStrings, oe as defaultAiConfirmationStrings, H as defaultAiFeedbackStrings, Z as defaultAiFileTreeStrings, K as defaultAiInlineCitationStrings, ee as defaultAiMessageBubbleStrings, J as defaultAiPackageInfoStrings, R as defaultAiPromptSuggestionsStrings, ie as defaultAiReasoningStrings, _e as defaultAiSourcesStrings, ce as defaultAiTaskStrings, B as defaultAiTokenUsageStrings, ye as defaultAiToolCallStrings };
 
 //# sourceMappingURL=index.js.map