@logicplanes/kaeso-ui 0.4.2 → 0.4.4

package/dist/components/kaeso.js

@@ -1,38 +1,42 @@
 "use client";
 import { t as e } from "../chunks/cn-Dj6sRgkF.js";
 import { i as t, r as n } from "../chunks/context-BELWW79w.js";
-import { r } from "../chunks/tooltip-BMQ9BtPp.js";
-import { a as i, o as a, s as o } from "../chunks/field-TviMvYa2.js";
-import { a as s } from "../chunks/radio-Yl0nO-Sj.js";
-import { r as c } from "../chunks/select-x4XVsdCI.js";
-import { t as l } from "../chunks/command-list-0RR4DpUe.js";
-import { i as u, r as d } from "../chunks/picker-popover-DShea4b8.js";
-import { t as f } from "../chunks/badge-C2KtxCLB.js";
-import { a as p, c as m, i as h, l as g, n as _, o as v, r as y, s as b, t as x, u as S } from "../chunks/identity-DPuTkMsa.js";
-import { EnvironmentSnippet as C, KAESO_MOMENTS_DEFAULT_VARIANTS as w, KAESO_MOMENTS_VARIANTS as T, SecretReveal as E, sdkSnippets as D } from "./kaeso/moments.js";
-import { KAESO_USAGE_DEFAULT_VARIANTS as O, KAESO_USAGE_VARIANTS as k, LimitMeter as A, UsageBreakdown as j } from "./kaeso/usage.js";
-import { ConversationView as M, KAESO_CONVERSATION_DEFAULT_VARIANTS as N, KAESO_CONVERSATION_VARIANTS as P } from "./kaeso/conversation.js";
-import { a as F, i as I, n as L, r as R, t as z } from "../chunks/rights-BlQx9C_j.js";
-import { Fragment as B, forwardRef as V, useId as H, useMemo as U, useState as ee } from "react";
+import { t as r } from "../chunks/icon-D7ja-_Yk.js";
+import { r as i } from "../chunks/tooltip-OcwO0VUT.js";
+import { a, o, s } from "../chunks/field-TviMvYa2.js";
+import { o as c } from "../chunks/input-2VJuj_M4.js";
+import { a as l } from "../chunks/radio-CDDFpdtL.js";
+import { r as u } from "../chunks/select-x4XVsdCI.js";
+import { t as d } from "../chunks/command-list-C2Y7V_lt.js";
+import { i as f, r as p } from "../chunks/picker-popover-BxyU1U9F.js";
+import { t as m } from "../chunks/badge-C2KtxCLB.js";
+import { a as h, c as g, d as _, f as v, i as y, l as b, n as x, o as S, r as C, s as w, t as T, u as E } from "../chunks/identity-BmhQ6BQ-.js";
+import { EnvironmentSnippet as D, KAESO_MOMENTS_DEFAULT_VARIANTS as O, KAESO_MOMENTS_VARIANTS as k, SecretReveal as A, sdkSnippets as j } from "./kaeso/moments.js";
+import { KAESO_USAGE_BREAKDOWN_DEFAULT_VARIANTS as M, KAESO_USAGE_BREAKDOWN_VARIANTS as N, KAESO_USAGE_DEFAULT_VARIANTS as P, KAESO_USAGE_VARIANTS as ee, LimitMeter as F, UsageBreakdown as I } from "./kaeso/usage.js";
+import { ConversationView as L, KAESO_CONVERSATION_DEFAULT_VARIANTS as R, KAESO_CONVERSATION_VARIANTS as z } from "./kaeso/conversation.js";
+import { a as B, i as te, n as ne, r as re, t as ie } from "../chunks/rights-Cyp0Pzp-.js";
+import { Fragment as V, forwardRef as H, useId as ae, useMemo as oe, useState as U } from "react";
 import { jsx as W, jsxs as G } from "react/jsx-runtime";
-import { RadioGroup as te } from "@base-ui/react/radio-group";
+import { Tick02Icon as se } from "@hugeicons/core-free-icons";
+import { Radio as ce } from "@base-ui/react/radio";
+import { RadioGroup as K } from "@base-ui/react/radio-group";
 //#region src/components/kaeso/role-picker.tsx
-var K = { appearance: {
+var q = { appearance: {
 	list: { classes: "flex flex-col gap-16" },
 	select: { classes: "" }
-} }, ne = { appearance: "list" }, q = /* @__PURE__ */ V(function({ roles: n, value: i, onValueChange: a, appearance: o = "list", disabled: l, name: u, label: d, "aria-label": f, fullWidth: p, size: m = "md", className: h }, g) {
-	let _ = t(), v = H(), y = _("rolePicker.builtInRoles", "Built-in roles"), b = _("rolePicker.customRoles", "Custom roles"), x = n.some((e) => e.custom);
+} }, le = { appearance: "list" }, J = /* @__PURE__ */ H(function({ roles: n, value: r, onValueChange: a, appearance: o = "list", disabled: s, name: c, label: d, "aria-label": f, fullWidth: p, size: m = "md", className: h }, g) {
+	let _ = t(), v = ae(), y = _("rolePicker.builtInRoles", "Built-in roles"), b = _("rolePicker.customRoles", "Custom roles"), x = n.some((e) => e.custom);
 	if (o === "select") return /* @__PURE__ */ W("div", {
 		ref: g,
 		className: e("min-w-0", p && "w-full", h),
-		children: /* @__PURE__ */ W(c, {
+		children: /* @__PURE__ */ W(u, {
 			...d ? { label: d } : {},
 			...f ? { "aria-label": f } : {},
-			...u ? { name: u } : {},
-			...l === void 0 ? {} : { disabled: l },
+			...c ? { name: c } : {},
+			...s === void 0 ? {} : { disabled: s },
 			...p ? { fullWidth: p } : {},
 			size: m,
-			value: i ?? null,
+			value: r ?? null,
 			...a ? { onValueChange: a } : {},
 			options: [...n.filter((e) => !e.custom), ...n.filter((e) => e.custom)].map((e) => ({
 				value: e.value,
@@ -54,23 +58,23 @@ var K = { appearance: {
 		caption: void 0,
 		items: n
 	}];
-	return /* @__PURE__ */ W(te, {
+	return /* @__PURE__ */ W(K, {
 		ref: g,
-		...i == null ? {} : { value: i },
+		...r == null ? {} : { value: r },
 		...a ? { onValueChange: (e) => a(String(e)) } : {},
-		...l === void 0 ? {} : { disabled: l },
-		...u ? { name: u } : {},
+		...s === void 0 ? {} : { disabled: s },
+		...c ? { name: c } : {},
 		"aria-label": f ?? d ?? _("rolePicker.role", "Role"),
-		className: e(K.appearance.list.classes, h),
-		children: S.filter((e) => e.items.length > 0).map((t, n) => /* @__PURE__ */ W(B, { children: /* @__PURE__ */ G("div", {
+		className: e(q.appearance.list.classes, h),
+		children: S.filter((e) => e.items.length > 0).map((t, n) => /* @__PURE__ */ W(V, { children: /* @__PURE__ */ G("div", {
 			className: "flex flex-col gap-8",
 			children: [t.caption && /* @__PURE__ */ W("span", {
 				className: "px-4 text-caption font-medium text-fg-secondary",
 				children: t.caption
 			}), /* @__PURE__ */ W("div", {
 				className: "flex flex-col overflow-hidden rounded-group bg-raised shadow-xs",
-				children: t.items.map((t, i) => {
-					let a = `${v}-${n}-${i}`, o = l || t.disabled, c = /* @__PURE__ */ G("label", {
+				children: t.items.map((t, r) => {
+					let a = `${v}-${n}-${r}`, o = s || t.disabled, c = /* @__PURE__ */ G("label", {
 						htmlFor: a,
 						className: e("flex min-h-56 cursor-pointer items-center gap-16 px-16 py-12 transition-control hover:bg-fill-1 not-first:hairline-t", o && "cursor-not-allowed hover:bg-transparent"),
 						children: [/* @__PURE__ */ G("span", {
@@ -97,7 +101,7 @@ var K = { appearance: {
 									children: t.disabledReason
 								})
 							]
-						}), /* @__PURE__ */ W(s, {
+						}), /* @__PURE__ */ W(l, {
 							id: a,
 							value: t.value,
 							...t.disabled ? { disabled: !0 } : {},
@@ -105,19 +109,19 @@ var K = { appearance: {
 							...t.description ? { "aria-describedby": `${a}-desc` } : {}
 						})]
 					});
-					return t.disabled && t.disabledReason ? /* @__PURE__ */ W(r, {
+					return t.disabled && t.disabledReason ? /* @__PURE__ */ W(i, {
 						content: t.disabledReason,
 						children: c
-					}, t.value) : /* @__PURE__ */ W(B, { children: c }, t.value);
+					}, t.value) : /* @__PURE__ */ W(V, { children: c }, t.value);
 				})
 			})]
 		}) }, t.caption ?? "all"))
 	});
 });
-process.env.NODE_ENV !== "production" && (q.displayName = "RolePicker");
+process.env.NODE_ENV !== "production" && (J.displayName = "RolePicker");
 //#endregion
 //#region src/components/kaeso/effective-access.tsx
-var J = { layout: { rows: { classes: "flex flex-col @auth:grid @auth:grid-cols-term @auth:gap-x-16" } } }, re = { layout: "rows" }, Y = /* @__PURE__ */ V(function({ groups: n, sources: i, action: a, "aria-label": o, className: s }, c) {
+var Y = { layout: { rows: { classes: "flex flex-col @auth:grid @auth:grid-cols-term @auth:gap-x-16" } } }, ue = { layout: "rows" }, X = /* @__PURE__ */ H(function({ groups: n, sources: r, action: a, "aria-label": o, className: s }, c) {
 	let l = t(), u = n.filter((e) => !e.rights.some((e) => e.granted));
 	return /* @__PURE__ */ G("div", {
 		ref: c,
@@ -125,25 +129,25 @@ var J = { layout: { rows: { classes: "flex flex-col @auth:grid @auth:grid-cols-t
 		"aria-label": o ?? l("effectiveAccess.access", "Access"),
 		className: e("@container flex min-w-0 flex-col gap-12", s),
 		children: [
-			!!i?.length && /* @__PURE__ */ G("span", {
+			!!r?.length && /* @__PURE__ */ G("span", {
 				className: "flex flex-wrap items-center gap-4",
 				children: [/* @__PURE__ */ W("span", {
 					className: "mr-4 text-small text-fg-secondary",
 					children: l("effectiveAccess.from", "From")
-				}), i.map((e) => e.detail ? /* @__PURE__ */ W(r, {
+				}), r.map((e) => e.detail ? /* @__PURE__ */ W(i, {
 					content: e.detail,
-					children: /* @__PURE__ */ W(f, {
+					children: /* @__PURE__ */ W(m, {
 						tabIndex: 0,
 						className: "focus-ring",
 						children: e.label
 					})
-				}, e.label) : /* @__PURE__ */ W(f, { children: e.label }, e.label))]
+				}, e.label) : /* @__PURE__ */ W(m, { children: e.label }, e.label))]
 			}),
 			/* @__PURE__ */ G("dl", {
-				className: J.layout.rows.classes,
+				className: Y.layout.rows.classes,
 				children: [n.filter((e) => e.rights.some((e) => e.granted)).map((e) => {
 					let t = e.rights.filter((e) => e.granted), n = t.length === e.rights.length ? l("effectiveAccess.everyRight", "Every right") : t.map((e) => e.label ?? e.code).join(l("effectiveAccess.listSeparator", ", "));
-					return /* @__PURE__ */ W(X, {
+					return /* @__PURE__ */ W(de, {
 						term: e.label,
 						count: l("effectiveAccess.grantedOfTotal", "{granted} of {total}", {
 							granted: t.length,
@@ -151,7 +155,7 @@ var J = { layout: { rows: { classes: "flex flex-col @auth:grid @auth:grid-cols-t
 						}),
 						children: n
 					}, e.label);
-				}), u.length > 0 && /* @__PURE__ */ W(X, {
+				}), u.length > 0 && /* @__PURE__ */ W(de, {
 					term: u.length === n.length ? l("effectiveAccess.noRights", "No rights") : l("effectiveAccess.noRightsIn", "No rights in"),
 					quiet: !0,
 					children: u.map((e) => e.label).join(l("effectiveAccess.listSeparator", ", "))
@@ -164,8 +168,8 @@ var J = { layout: { rows: { classes: "flex flex-col @auth:grid @auth:grid-cols-t
 		]
 	});
 });
-process.env.NODE_ENV !== "production" && (Y.displayName = "EffectiveAccess");
-function X({ term: t, count: n, quiet: r, children: i }) {
+process.env.NODE_ENV !== "production" && (X.displayName = "EffectiveAccess");
+function de({ term: t, count: n, quiet: r, children: i }) {
 	return /* @__PURE__ */ G("div", {
 		className: "flex min-h-40 flex-col gap-2 py-8 not-first:hairline-t @auth:col-span-2 @auth:grid @auth:grid-cols-subgrid @auth:items-baseline @auth:gap-16",
 		children: [/* @__PURE__ */ W("dt", {
@@ -185,21 +189,101 @@ function X({ term: t, count: n, quiet: r, children: i }) {
 }
 //#endregion
 //#region src/components/kaeso/provider-picker.tsx
-var ie = { appearance: {
+var fe = { appearance: {
 	list: { classes: "" },
-	select: { classes: "" }
-} }, ae = { appearance: "list" }, Z = "";
-function Q(e, r) {
+	select: { classes: "" },
+	grid: { classes: "" }
+} }, pe = { appearance: "list" }, Z = "", me = 9;
+function he({ providers: r, value: i, onValueChange: a, onChoose: o, autoFocus: s, label: l, className: u }) {
+	let d = t(), f = n(), [p, m] = U(""), h = p.trim().toLowerCase(), _ = (e) => v(e.id, e.name), y = (e, t) => _(e).localeCompare(_(t), f, { sensitivity: "base" }), b = r.filter((e) => !h || [
+		e.id,
+		_(e),
+		...e.keywords ?? []
+	].some((e) => e.toLowerCase().includes(h))), x = b.filter((e) => e.connected).sort(y), S = b.filter((e) => !e.connected).sort(y), C = x.length && S.length ? [{
+		id: "connected",
+		label: d("providerPicker.connected", "Connected"),
+		items: x
+	}, {
+		id: "other",
+		label: d("providerPicker.other", "Other providers"),
+		items: S
+	}] : [{
+		id: "providers",
+		label: void 0,
+		items: [...x, ...S]
+	}], w = r.length > me;
+	return /* @__PURE__ */ G("div", {
+		className: e("flex min-w-0 flex-col gap-16", u),
+		children: [w && /* @__PURE__ */ W(c, {
+			"aria-label": d("providerPicker.search", "Search providers"),
+			placeholder: d("providerPicker.search", "Search providers"),
+			value: p,
+			onChange: (e) => m(e.target.value),
+			...s ? { autoFocus: !0 } : {}
+		}), b.length === 0 ? /* @__PURE__ */ W("p", {
+			className: "py-24 text-center text-body text-fg-secondary",
+			children: d("providerPicker.noMatch", "No providers match")
+		}) : /* @__PURE__ */ W(K, {
+			"aria-label": l,
+			value: i ?? null,
+			onValueChange: (e) => a?.(e ? String(e) : null),
+			className: "flex flex-col gap-20",
+			children: C.map((t, n) => /* @__PURE__ */ G("div", {
+				...t.label ? {
+					role: "group",
+					"aria-label": t.label
+				} : {},
+				className: "flex flex-col gap-8",
+				children: [t.label && /* @__PURE__ */ G("div", {
+					"aria-hidden": !0,
+					className: "flex items-center justify-between text-caption font-medium text-fg-secondary",
+					children: [/* @__PURE__ */ W("span", { children: t.label }), /* @__PURE__ */ W("span", {
+						className: "font-regular text-fg-tertiary tabular",
+						children: t.items.length
+					})]
+				}), /* @__PURE__ */ W("div", {
+					className: "grid grid-cols-2 gap-8 sm:grid-cols-3",
+					children: t.items.map((t, r) => /* @__PURE__ */ G(ce.Root, {
+						value: t.id,
+						...t.disabled ? { disabled: !0 } : {},
+						...s && !w && n === 0 && r === 0 && !i ? { autoFocus: !0 } : {},
+						onClick: () => o?.(t.id),
+						className: e("group/tile flex min-h-64 min-w-0 cursor-pointer items-center gap-10 rounded-group bg-raised px-10 py-12 sm:gap-12 sm:px-12 text-left shadow-control transition-control focus-ring", "hover:shadow-control-hover data-checked:ring-step data-checked:bg-fill-1 data-disabled:cursor-not-allowed data-disabled:opacity-50"),
+						children: [/* @__PURE__ */ W("span", {
+							"aria-hidden": !0,
+							className: "flex",
+							children: /* @__PURE__ */ W(g, {
+								provider: t.id,
+								name: t.name,
+								size: "lg"
+							})
+						}), /* @__PURE__ */ G("span", {
+							className: "flex min-w-0 flex-1 flex-col",
+							children: [/* @__PURE__ */ W("span", {
+								className: "truncate text-body font-medium text-fg",
+								children: _(t)
+							}), t.hint !== void 0 && /* @__PURE__ */ W("span", {
+								className: "truncate text-small text-fg-secondary",
+								children: t.hint
+							})]
+						})]
+					}, t.id))
+				})]
+			}, t.id))
+		})]
+	});
+}
+function ge(e, r) {
 	let i = t(), a = n();
-	return U(() => {
-		let t = (e) => S(e.id, e.name), n = (e, n) => t(e).localeCompare(t(n), a, { sensitivity: "base" }), o = (e) => ({
+	return oe(() => {
+		let t = (e) => v(e.id, e.name), n = (e, n) => t(e).localeCompare(t(n), a, { sensitivity: "base" }), o = (e) => ({
 			value: e.id,
 			label: t(e),
 			keywords: [e.id, ...e.keywords ?? []],
 			leading: /* @__PURE__ */ W("span", {
 				"aria-hidden": !0,
 				className: "flex",
-				children: /* @__PURE__ */ W(v, {
+				children: /* @__PURE__ */ W(g, {
 					provider: e.id,
 					name: e.name
 				})
@@ -234,81 +318,165 @@ function Q(e, r) {
 		a
 	]);
 }
-var $ = /* @__PURE__ */ V(function(e, n) {
-	let { providers: r, value: s, onValueChange: c, appearance: f = "list", allLabel: p, placeholder: m, size: h = "md", disabled: g, autoFocus: _, "aria-label": y, className: b, "data-force": x, label: C, description: w, error: T, optional: E, required: D, layout: O } = e, k = t(), A = i(), j = a(e), [M, N] = ee(!1), P = Q(r, f === "select" ? p : void 0), F = y ?? (typeof C == "string" ? C : k("providerPicker.providers", "Providers")), I = m ?? k("providerPicker.search", "Search providers"), L = k("providerPicker.noMatch", "No providers match"), R = (e) => /* @__PURE__ */ W(l, {
-		groups: P,
+var Q = /* @__PURE__ */ H(function(e, n) {
+	let { providers: r, value: i, onValueChange: c, onChoose: l, appearance: u = "list", allLabel: m, placeholder: h, size: _ = "md", disabled: y, autoFocus: b, "aria-label": x, className: S, "data-force": C, label: w, description: T, error: E, optional: D, required: O, layout: k } = e, A = t(), j = a(), M = o(e), [N, P] = U(!1), ee = ge(r, u === "select" ? m : void 0), F = x ?? (typeof w == "string" ? w : A("providerPicker.providers", "Providers")), I = h ?? A("providerPicker.search", "Search providers"), L = A("providerPicker.noMatch", "No providers match"), R = (e) => /* @__PURE__ */ W(d, {
+		groups: ee,
 		"aria-label": F,
-		value: s ?? (p ? Z : null),
+		value: i ?? (m ? Z : null),
 		onSelect: (e) => {
-			c?.(e === Z ? null : e), N(!1);
+			c?.(e === Z ? null : e), P(!1);
 		},
 		placeholder: I,
 		emptyText: L,
 		...e ? { height: e } : {},
-		..._ || f === "select" ? { autoFocus: !0 } : {},
-		...e && x ? { "data-force": x } : {},
-		...e && b && !(C || w || T) ? { className: b } : {},
+		...b || u === "select" ? { autoFocus: !0 } : {},
+		...e && C ? { "data-force": C } : {},
+		...e && S && !(w || T || E) ? { className: S } : {},
 		...e ? { ref: n } : {}
 	});
-	if (f === "list") {
+	if (u === "grid") {
+		let e = /* @__PURE__ */ W(he, {
+			providers: r,
+			value: i,
+			onValueChange: c,
+			onChoose: l,
+			autoFocus: b,
+			label: F,
+			className: w || T || E ? void 0 : S
+		});
+		return j ? e : s({
+			label: w,
+			description: T,
+			error: E,
+			optional: D,
+			required: O,
+			layout: k,
+			id: M.wrapId,
+			disabled: y,
+			className: S
+		}, e);
+	}
+	if (u === "list") {
 		let e = R("inline");
-		return A ? e : o({
-			label: C,
-			description: w,
-			error: T,
-			optional: E,
-			required: D,
-			layout: O,
-			id: j.wrapId,
-			disabled: g,
-			className: b
+		return j ? e : s({
+			label: w,
+			description: T,
+			error: E,
+			optional: D,
+			required: O,
+			layout: k,
+			id: M.wrapId,
+			disabled: y,
+			className: S
 		}, e);
 	}
-	let z = r.find((e) => e.id === s), B = /* @__PURE__ */ W(d, {
+	let z = r.find((e) => e.id === i), B = /* @__PURE__ */ W(p, {
 		title: F,
 		width: "sm",
-		open: M,
-		onOpenChange: N,
-		trigger: /* @__PURE__ */ W(u, {
+		open: N,
+		onOpenChange: P,
+		trigger: /* @__PURE__ */ W(f, {
 			ref: n,
-			size: h === "sm" ? "sm" : "md",
-			...j.controlProps,
-			...y ? { "aria-label": y } : {},
-			...g ? { disabled: g } : {},
-			...x ? { "data-force": x } : {},
-			placeholder: m ?? k("providerPicker.choose", "Choose a provider"),
-			...!(C || w || T) && b ? { className: b } : {},
+			size: _ === "sm" ? "sm" : "md",
+			...M.controlProps,
+			...x ? { "aria-label": x } : {},
+			...y ? { disabled: y } : {},
+			...C ? { "data-force": C } : {},
+			placeholder: h ?? A("providerPicker.choose", "Choose a provider"),
+			...!(w || T || E) && S ? { className: S } : {},
 			children: z ? /* @__PURE__ */ G("span", {
 				className: "flex min-w-0 items-center gap-8",
 				children: [/* @__PURE__ */ W("span", {
 					"aria-hidden": !0,
 					className: "flex",
-					children: /* @__PURE__ */ W(v, {
+					children: /* @__PURE__ */ W(g, {
 						provider: z.id,
 						name: z.name
 					})
 				}), /* @__PURE__ */ W("span", {
 					className: "truncate",
-					children: S(z.id, z.name)
+					children: v(z.id, z.name)
 				})]
-			}) : p
+			}) : m
 		}),
 		children: R()
 	});
-	return A ? B : o({
-		label: C,
-		description: w,
-		error: T,
-		optional: E,
-		required: D,
-		layout: O,
-		id: j.wrapId,
-		disabled: g,
-		className: b
+	return j ? B : s({
+		label: w,
+		description: T,
+		error: E,
+		optional: D,
+		required: O,
+		layout: k,
+		id: M.wrapId,
+		disabled: y,
+		className: S
 	}, B);
 });
-process.env.NODE_ENV !== "production" && ($.displayName = "ProviderPicker");
+process.env.NODE_ENV !== "production" && (Q.displayName = "ProviderPicker");
+//#endregion
+//#region src/components/kaeso/grant-summary.tsx
+var _e = {}, ve = {}, ye = /* @__PURE__ */ H(function({ items: t, footer: n, action: i, "aria-label": a, className: o }, s) {
+	return /* @__PURE__ */ G("div", {
+		ref: s,
+		className: e("flex flex-col gap-16 rounded-group bg-raised p-16 shadow-xs", o),
+		children: [/* @__PURE__ */ W("ul", {
+			"aria-label": a,
+			className: "flex flex-col gap-10",
+			children: t.map((e, t) => /* @__PURE__ */ G("li", {
+				className: "flex items-start gap-10 text-body text-fg",
+				children: [/* @__PURE__ */ W(r, {
+					icon: se,
+					size: "sm",
+					className: "mt-2 text-success-text"
+				}), /* @__PURE__ */ W("span", {
+					className: "min-w-0 text-pretty",
+					children: e
+				})]
+			}, t))
+		}), (n || i) && /* @__PURE__ */ G("div", {
+			className: "flex items-center justify-between gap-12 pt-12 hairline-t",
+			children: [/* @__PURE__ */ W("p", {
+				className: "min-w-0 text-small text-fg-tertiary text-pretty",
+				children: n
+			}), i && /* @__PURE__ */ W("div", {
+				className: "shrink-0",
+				children: i
+			})]
+		})]
+	});
+});
+process.env.NODE_ENV !== "production" && (ye.displayName = "GrantSummary");
+//#endregion
+//#region src/components/kaeso/client-button.tsx
+var be = {}, xe = {}, Se = {
+	claude: "m4.7144 15.9555 4.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608 1.5179.1032 2.2767.1578 1.6514.0972 2.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973 9.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686 1.9064 1.4754 2.4893 1.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335 6.6997 0l.9957.1336.419.3642.6192 1.4147 1.0018 2.2282 1.5543 3.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853 1.8517-.5586 2.9021-.3643 1.9429h.2125l.2429-.2429.9835-1.3053 1.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759 1.1293-.34 1.1657-1.0625 1.3478-.8804 1.1414-1.2628 1.7-.7893 1.36.0729.1093.1882-.0183 2.8535-.607 1.5421-.2794 1.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607 1.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929 1.0686 2.0035 1.8092 2.5075 2.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496 2.3436 3.5214.1214 1.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38 17.959l-1.1414-1.9428-.1397.079-.674 7.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.0182-1.4328 1.9672-2.1796 2.9446-1.7243 1.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889 2.386-3.0357 1.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385 4.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429 1.9064-1.3114Z",
+	cursor: "M11.503.131 1.891 5.678a.84.84 0 0 0-.42.726v11.188c0 .3.162.575.42.724l9.609 5.55a1 1 0 0 0 .998 0l9.61-5.55a.84.84 0 0 0 .42-.724V6.404a.84.84 0 0 0-.42-.726L12.497.131a1.01 1.01 0 0 0-.996 0M2.657 6.338h18.55c.263 0 .43.287.297.515L12.23 22.918c-.062.107-.229.064-.229-.06V12.335a.59.59 0 0 0-.295-.51l-9.11-5.257c-.109-.063-.064-.23.061-.23",
+	"github-copilot": "M23.922 16.997C23.061 18.492 18.063 22.02 12 22.02 5.937 22.02.939 18.492.078 16.997A.641.641 0 0 1 0 16.741v-2.869a.883.883 0 0 1 .053-.22c.372-.935 1.347-2.292 2.605-2.656.167-.429.414-1.055.644-1.517a10.098 10.098 0 0 1-.052-1.086c0-1.331.282-2.499 1.132-3.368.397-.406.89-.717 1.474-.952C7.255 2.937 9.248 1.98 11.978 1.98c2.731 0 4.767.957 6.166 2.093.584.235 1.077.546 1.474.952.85.869 1.132 2.037 1.132 3.368 0 .368-.014.733-.052 1.086.23.462.477 1.088.644 1.517 1.258.364 2.233 1.721 2.605 2.656a.841.841 0 0 1 .053.22v2.869a.641.641 0 0 1-.078.256Zm-11.75-5.992h-.344a4.359 4.359 0 0 1-.355.508c-.77.947-1.918 1.492-3.508 1.492-1.725 0-2.989-.359-3.782-1.259a2.137 2.137 0 0 1-.085-.104L4 11.746v6.585c1.435.779 4.514 2.179 8 2.179 3.486 0 6.565-1.4 8-2.179v-6.585l-.098-.104s-.033.045-.085.104c-.793.9-2.057 1.259-3.782 1.259-1.59 0-2.738-.545-3.508-1.492a4.359 4.359 0 0 1-.355-.508Zm2.328 3.25c.549 0 1 .451 1 1v2c0 .549-.451 1-1 1-.549 0-1-.451-1-1v-2c0-.549.451-1 1-1Zm-5 0c.549 0 1 .451 1 1v2c0 .549-.451 1-1 1-.549 0-1-.451-1-1v-2c0-.549.451-1 1-1Zm3.313-6.185c.136 1.057.403 1.913.878 2.497.442.544 1.134.938 2.344.938 1.573 0 2.292-.337 2.657-.751.384-.435.558-1.15.558-2.361 0-1.14-.243-1.847-.705-2.319-.477-.488-1.319-.862-2.824-1.025-1.487-.161-2.192.138-2.533.529-.269.307-.437.808-.438 1.578v.021c0 .265.021.562.063.893Zm-1.626 0c.042-.331.063-.628.063-.894v-.02c-.001-.77-.169-1.271-.438-1.578-.341-.391-1.046-.69-2.533-.529-1.505.163-2.347.537-2.824 1.025-.462.472-.705 1.179-.705 2.319 0 1.211.175 1.926.558 2.361.365.414 1.084.751 2.657.751 1.21 0 1.902-.394 2.344-.938.475-.584.742-1.44.878-2.497Z"
+}, $ = /* @__PURE__ */ H(function({ client: t, "aria-label": n, onClick: r, className: a }, o) {
+	return /* @__PURE__ */ W(i, {
+		content: n,
+		children: /* @__PURE__ */ W("button", {
+			ref: o,
+			type: "button",
+			"aria-label": n,
+			"data-client": t,
+			onClick: r,
+			className: e("inline-flex size-32 shrink-0 items-center justify-center rounded-org text-fg material-secondary transition-control focus-ring", a),
+			children: /* @__PURE__ */ W("svg", {
+				viewBox: "0 0 24 24",
+				fill: "currentColor",
+				fillRule: "evenodd",
+				"aria-hidden": !0,
+				focusable: "false",
+				className: "size-16",
+				children: /* @__PURE__ */ W("path", { d: Se[t] })
+			})
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && ($.displayName = "ClientButton");
 //#endregion
-export { x as CapabilityIcons, M as ConversationView, Y as EffectiveAccess, C as EnvironmentSnippet, N as KAESO_CONVERSATION_DEFAULT_VARIANTS, P as KAESO_CONVERSATION_VARIANTS, re as KAESO_EFFECTIVE_ACCESS_DEFAULT_VARIANTS, J as KAESO_EFFECTIVE_ACCESS_VARIANTS, _ as KAESO_IDENTITY_DEFAULT_VARIANTS, y as KAESO_IDENTITY_VARIANTS, w as KAESO_MOMENTS_DEFAULT_VARIANTS, T as KAESO_MOMENTS_VARIANTS, ae as KAESO_PROVIDER_PICKER_DEFAULT_VARIANTS, ie as KAESO_PROVIDER_PICKER_VARIANTS, z as KAESO_RIGHTS_MATRIX_DEFAULT_VARIANTS, L as KAESO_RIGHTS_MATRIX_VARIANTS, ne as KAESO_ROLE_PICKER_DEFAULT_VARIANTS, K as KAESO_ROLE_PICKER_VARIANTS, O as KAESO_USAGE_DEFAULT_VARIANTS, k as KAESO_USAGE_VARIANTS, h as KeyDisplay, A as LimitMeter, p as ModelLabel, v as ProviderBadge, b as ProviderCard, $ as ProviderPicker, m as RequestTimeline, R as RightsMatrix, q as RolePicker, E as SecretReveal, g as StatusCode, j as UsageBreakdown, I as groupCascade, S as providerName, F as rightsCascade, D as sdkSnippets, Q as useProviderGroups };
+export { Se as CLIENT_MARKS, T as CapabilityIcons, $ as ClientButton, L as ConversationView, X as EffectiveAccess, D as EnvironmentSnippet, ye as GrantSummary, xe as KAESO_CLIENT_BUTTON_DEFAULT_VARIANTS, be as KAESO_CLIENT_BUTTON_VARIANTS, R as KAESO_CONVERSATION_DEFAULT_VARIANTS, z as KAESO_CONVERSATION_VARIANTS, ue as KAESO_EFFECTIVE_ACCESS_DEFAULT_VARIANTS, Y as KAESO_EFFECTIVE_ACCESS_VARIANTS, ve as KAESO_GRANT_SUMMARY_DEFAULT_VARIANTS, _e as KAESO_GRANT_SUMMARY_VARIANTS, x as KAESO_IDENTITY_DEFAULT_VARIANTS, C as KAESO_IDENTITY_VARIANTS, y as KAESO_KEY_DISPLAY_DEFAULT_VARIANTS, h as KAESO_KEY_DISPLAY_VARIANTS, O as KAESO_MOMENTS_DEFAULT_VARIANTS, k as KAESO_MOMENTS_VARIANTS, pe as KAESO_PROVIDER_PICKER_DEFAULT_VARIANTS, fe as KAESO_PROVIDER_PICKER_VARIANTS, ie as KAESO_RIGHTS_MATRIX_DEFAULT_VARIANTS, ne as KAESO_RIGHTS_MATRIX_VARIANTS, le as KAESO_ROLE_PICKER_DEFAULT_VARIANTS, q as KAESO_ROLE_PICKER_VARIANTS, M as KAESO_USAGE_BREAKDOWN_DEFAULT_VARIANTS, N as KAESO_USAGE_BREAKDOWN_VARIANTS, P as KAESO_USAGE_DEFAULT_VARIANTS, ee as KAESO_USAGE_VARIANTS, S as KeyDisplay, F as LimitMeter, w as ModelLabel, g as ProviderBadge, b as ProviderCard, Q as ProviderPicker, E as RequestTimeline, re as RightsMatrix, J as RolePicker, A as SecretReveal, _ as StatusCode, I as UsageBreakdown, te as groupCascade, v as providerName, B as rightsCascade, j as sdkSnippets, ge as useProviderGroups };
 
 //# sourceMappingURL=kaeso.js.map