@kvman/kvcoder 0.1.11 → 0.1.12

package/dist/web/components/model.js

@@ -1,35 +1,35 @@
-import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, guardReactiveProps as c, h as l, inject as u, nextTick as d, normalizeProps as f, onBeforeUnmount as p, onMounted as m, openBlock as h, ref as g, renderList as _, shallowRef as v, toDisplayString as y, unref as b, useTemplateRef as x, vModelText as S, watch as C, withDirectives as w, withKeys as T, withModifiers as E } from "vue";
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, guardReactiveProps as c, h as l, inject as u, nextTick as d, normalizeProps as f, onBeforeUnmount as p, onMounted as m, openBlock as h, ref as g, renderList as _, resolveDynamicComponent as v, shallowRef as y, toDisplayString as b, unref as x, useTemplateRef as S, vModelText as C, watch as w, withDirectives as T, withKeys as E, withModifiers as D } from "vue";
 //#region web/src/kvman.ts
-function D() {
+function O() {
 	let e = u("kvman");
 	if (e === void 0) throw Error("kvcoder components run inside kvwebui, which provides kvman.");
 	return e;
 }
-function O(e) {
+function k(e) {
 	return typeof e == "object" && e && !Array.isArray(e) ? Object.fromEntries(Object.entries(e)) : {};
 }
-function k(e) {
+function A(e) {
 	let t = e.indexOf("/");
 	return t < 0 ? `kernel.errors.${e}` : `${e.slice(0, t)}.errors.${e.slice(t + 1)}`;
 }
-function A(e) {
+function j(e) {
 	if (!(e instanceof Error) || !("problem" in e)) return;
 	let t = e.problem;
 	if (typeof t == "object" && t && "code" in t && typeof t.code == "string") return {
 		code: t.code,
-		params: j("params" in t ? t.params : void 0)
+		params: M("params" in t ? t.params : void 0)
 	};
 }
-function j(e) {
-	return Object.fromEntries(Object.entries(O(e)).map(([e, t]) => [e, typeof t == "string" ? t : JSON.stringify(t)]));
+function M(e) {
+	return Object.fromEntries(Object.entries(k(e)).map(([e, t]) => [e, typeof t == "string" ? t : JSON.stringify(t)]));
 }
-function M(e, t) {
-	let n = A(t);
-	e.toast(n === void 0 ? "kvcoder.ui.failed" : k(n.code), n?.params ?? {}, "error");
+function N(e, t) {
+	let n = j(t);
+	e.toast(n === void 0 ? "kvcoder.ui.failed" : A(n.code), n?.params ?? {}, "error");
 }
 //#endregion
 //#region web/src/model-groups.ts
-function N(e, t, n) {
+function P(e, t, n) {
 	let r = new Map(e.map((e) => [e.id, e.title])), i = new Set(e.filter((e) => e.status !== "needsKey").map((e) => e.id)), a = t.filter((e) => i.has(e.provider) || e.id === n), o = /* @__PURE__ */ new Map();
 	for (let e of a) {
 		let t = o.get(e.provider) ?? {
@@ -58,7 +58,7 @@ function ee(e, t) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/@lucide+vue@1.49.0_vue@3.5.43_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/shared/src/build/defaultAttributes.mjs
-var P = {
+var F = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -68,25 +68,25 @@ var P = {
 	"stroke-width": 2,
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, F = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim();
+}, I = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim();
 //#endregion
 //#region ../../node_modules/.pnpm/@lucide+vue@1.49.0_vue@3.5.43_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/shared/src/build/buildLucideIconNode.mjs
-function I(e) {
+function L(e) {
 	return e != null;
 }
-function L(e, t = {}) {
-	let n = t.attributeNames ?? {}, r = (e) => n[e] ?? e, i = e.size ?? e.width ?? P.width, a = e.size ?? e.height ?? P.height, o = e.aliases?.filter((e) => typeof e == "string" && e.trim() !== "").map((e) => `lucide-${e}`) ?? [], s = [...e.name ? [`lucide-${e.name}`] : [], ...o], c = t.className?.split(" ").filter(Boolean) ?? [], l = t.includeDefaultClasses === !1 ? F(...c) : F("lucide", ...s, ...c), u = t.absoluteStrokeWidth ? Number(t.strokeWidth ?? P["stroke-width"]) * Number(e.size ?? e.width ?? P.width) / Number(t.size ?? t.width ?? P.width) : t.strokeWidth ?? P["stroke-width"];
+function R(e, t = {}) {
+	let n = t.attributeNames ?? {}, r = (e) => n[e] ?? e, i = e.size ?? e.width ?? F.width, a = e.size ?? e.height ?? F.height, o = e.aliases?.filter((e) => typeof e == "string" && e.trim() !== "").map((e) => `lucide-${e}`) ?? [], s = [...e.name ? [`lucide-${e.name}`] : [], ...o], c = t.className?.split(" ").filter(Boolean) ?? [], l = t.includeDefaultClasses === !1 ? I(...c) : I("lucide", ...s, ...c), u = t.absoluteStrokeWidth ? Number(t.strokeWidth ?? F["stroke-width"]) * Number(e.size ?? e.width ?? F.width) / Number(t.size ?? t.width ?? F.width) : t.strokeWidth ?? F["stroke-width"];
 	return [
 		"svg",
 		{
-			...Object.entries(P).reduce((e, [t, n]) => (e[r(t)] = n, e), {}),
+			...Object.entries(F).reduce((e, [t, n]) => (e[r(t)] = n, e), {}),
 			..."color" in t && t.color && { [r("stroke")]: t.color },
-			..."size" in t && I(t.size) && {
+			..."size" in t && L(t.size) && {
 				[r("width")]: t.size,
 				[r("height")]: t.size
 			},
-			..."width" in t && I(t.width) && { [r("width")]: t.width },
-			..."height" in t && I(t.height) && { [r("height")]: t.height },
+			..."width" in t && L(t.width) && { [r("width")]: t.width },
+			..."height" in t && L(t.height) && { [r("height")]: t.height },
 			[r("stroke-width")]: u,
 			...l && { [r("class")]: l },
 			[r("viewBox")]: `0 0 ${i} ${a}`,
@@ -108,24 +108,24 @@ function L(e, t = {}) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/@lucide+vue@1.49.0_vue@3.5.43_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/shared/src/utils/hasA11yProp.mjs
-var R = (e) => {
+var z = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, z = (e) => e === "", B = (e) => e?.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), V = /* @__PURE__ */ Symbol("lucide-icons");
-function H() {
-	return u(V, {});
+}, B = (e) => e === "", V = (e) => e?.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), H = /* @__PURE__ */ Symbol("lucide-icons");
+function U() {
+	return u(H, {});
 }
 //#endregion
 //#region ../../node_modules/.pnpm/@lucide+vue@1.49.0_vue@3.5.43_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/Icon.mjs
-var U = ({ name: e, iconNode: t, "icon-node": n, icon: r = {
-	name: e && B(e),
+var W = ({ name: e, iconNode: t, "icon-node": n, icon: r = {
+	name: e && V(e),
 	node: t ?? n ?? [],
 	size: 24,
 	aliases: []
 }, absoluteStrokeWidth: i, "absolute-stroke-width": a, nonScalingStroke: o, "non-scaling-stroke": s, strokeWidth: c, "stroke-width": u, size: d, width: f = d, height: p = d, color: m, ...h }, { slots: g }) => {
-	let { size: _, color: v, strokeWidth: y = 2, absoluteStrokeWidth: b = !1, nonScalingStroke: x = !1, class: S = "" } = H(), C = z(i) || z(a) || i === !0 || a === !0 || b === !0, w = z(o) || z(s) || o === !0 || s === !0 || x === !0;
+	let { size: _, color: v, strokeWidth: y = 2, absoluteStrokeWidth: b = !1, nonScalingStroke: x = !1, class: S = "" } = U(), C = B(i) || B(a) || i === !0 || a === !0 || b === !0, w = B(o) || B(s) || o === !0 || s === !0 || x === !0;
 	delete h.class;
-	let T = g.default?.(), [, E, D = []] = L(r, {
+	let T = g.default?.(), [, E, D = []] = R(r, {
 		color: m ?? v,
 		width: f ?? d ?? _,
 		height: p ?? d ?? _,
@@ -133,38 +133,38 @@ var U = ({ name: e, iconNode: t, "icon-node": n, icon: r = {
 		absoluteStrokeWidth: C,
 		nonScalingStroke: w,
 		className: S,
-		hasA11yProp: T != null && T.length > 0 || R(h),
+		hasA11yProp: T != null && T.length > 0 || z(h),
 		attributes: h
 	});
 	return l("svg", E, [...D.map(([e, t]) => l(e, t)), ...T ?? []]);
 };
 //#endregion
 //#region ../../node_modules/.pnpm/@lucide+vue@1.49.0_vue@3.5.43_typescript@6.0.3_/node_modules/@lucide/vue/dist/esm/createLucideIcon.mjs
-function W(e, t = []) {
+function G(e, t = []) {
 	let n = typeof e == "string" ? {
 		name: e,
 		node: t
 	} : e;
-	return (e, { slots: t }) => l(U, {
+	return (e, { slots: t }) => l(W, {
 		...e,
 		icon: n
 	}, t.default ? { default: t.default } : void 0);
 }
-var G = W({
+var K = G({
 	name: "check",
 	size: 24,
 	node: [["path", {
 		d: "M20 6 9 17l-5-5",
 		key: "1gmf2c"
 	}]]
-}), te = W({
+}), te = G({
 	name: "chevron-down",
 	size: 24,
 	node: [["path", {
 		d: "m6 9 6 6 6-6",
 		key: "qrunsl"
 	}]]
-}), ne = W({
+}), ne = G({
 	name: "search",
 	size: 24,
 	node: [["path", {
@@ -179,7 +179,8 @@ var G = W({
 }), re = { class: "kvc-picker" }, ie = [
 	"aria-expanded",
 	"aria-label",
-	"disabled"
+	"disabled",
+	"title"
 ], ae = { class: "kvc-picker-label" }, oe = ["onKeydown"], se = { class: "kvc-search" }, ce = [
 	"placeholder",
 	"aria-label",
@@ -201,148 +202,159 @@ var G = W({
 }, ge = {
 	class: "kvc-muted kvc-count",
 	"data-test": "model-count"
-}, K = 24, q = /* @__PURE__ */ s({
+}, q = 24, J = /* @__PURE__ */ s({
 	__name: "ModelPicker",
 	props: {
 		groups: {},
 		current: {},
 		empty: {},
 		none: {},
-		disabled: { type: Boolean }
+		disabled: { type: Boolean },
+		icon: {}
 	},
 	emits: ["pick", "none"],
 	setup(s, { emit: c }) {
-		let l = s, u = c, f = D(), m = g(!1), v = g(""), O = g(0), k = x("trigger"), A = x("search"), j = x("panel"), M = t(() => ee(l.groups, v.value)), N = t(() => M.value.groups.flatMap((e) => e.models)), P = t(() => l.groups.flatMap((e) => e.models).find((e) => e.id === l.current)?.name ?? l.current ?? l.empty ?? ""), F = t(() => l.none !== void 0 && v.value.trim() === ""), I = t(() => +!!F.value), L = t(() => N.value.length + I.value), R = (e) => {
-			let t = N.value.findIndex((t) => t.id === e);
-			return t < 0 ? -1 : t + I.value;
+		let l = s, u = c, f = O(), m = g(!1), y = g(""), k = g(0), A = S("trigger"), j = S("search"), M = S("panel"), N = t(() => ee(l.groups, y.value)), P = t(() => N.value.groups.flatMap((e) => e.models)), F = t(() => l.groups.flatMap((e) => e.models).find((e) => e.id === l.current)?.name ?? l.current ?? l.empty ?? ""), I = t(() => l.none !== void 0 && y.value.trim() === ""), L = t(() => +!!I.value), R = t(() => P.value.length + L.value), z = (e) => {
+			let t = P.value.findIndex((t) => t.id === e);
+			return t < 0 ? -1 : t + L.value;
 		};
-		function z() {
-			m.value = !1, k.value?.focus();
-		}
-		async function B() {
-			v.value = "", O.value = Math.max(R(l.current ?? ""), 0), V = 0, m.value = !0, await d(), U(), A.value?.focus(), q();
+		function B() {
+			m.value = !1, A.value?.focus();
 		}
-		let V = 0, H = 0;
-		function U() {
-			let e = j.value, t = k.value?.closest(".kvc-conversation")?.getBoundingClientRect();
-			if (e === null || t === void 0) return;
-			let n = e.getBoundingClientRect(), r = t.left + K - (n.left - V), i = t.right - K - (n.right - V), a = r > 0 ? r : i < 0 ? i : 0;
-			a !== V && (V = a, e.style.translate = `${a}px 0`);
+		async function V() {
+			y.value = "", k.value = Math.max(z(l.current ?? ""), 0), H = 0, m.value = !0, await d(), W(), j.value?.focus(), J();
 		}
+		let H = 0, U = 0;
 		function W() {
-			U(), H = requestAnimationFrame(W);
+			let e = M.value, t = A.value?.closest(".kvc-conversation")?.getBoundingClientRect();
+			if (e === null || t === void 0) return;
+			let n = e.getBoundingClientRect(), r = t.left + q - (n.left - H), i = t.right - q - (n.right - H), a = r > 0 ? r : i < 0 ? i : 0;
+			a !== H && (H = a, e.style.translate = `${a}px 0`);
 		}
-		function q() {
-			j.value?.querySelector("[data-active=\"true\"]")?.scrollIntoView?.({ block: "nearest" });
+		function G() {
+			W(), U = requestAnimationFrame(G);
 		}
-		async function J(e) {
-			L.value !== 0 && (O.value = (O.value + e + L.value) % L.value, await d(), q());
+		function J() {
+			M.value?.querySelector("[data-active=\"true\"]")?.scrollIntoView?.({ block: "nearest" });
 		}
-		function Y(e) {
-			e !== void 0 && (u("pick", e), z());
+		async function Y(e) {
+			R.value !== 0 && (k.value = (k.value + e + R.value) % R.value, await d(), J());
 		}
-		function X() {
-			u("none"), z();
+		function X(e) {
+			e !== void 0 && (u("pick", e), B());
 		}
 		function Z() {
-			F.value && O.value === 0 ? X() : Y(N.value[O.value - I.value]?.id);
+			u("none"), B();
 		}
-		function Q(e) {
-			e.target instanceof Node && !k.value?.parentElement?.contains(e.target) && (m.value = !1);
+		function Q() {
+			I.value && k.value === 0 ? Z() : X(P.value[k.value - L.value]?.id);
 		}
-		return C(v, () => O.value = 0), C(m, (e) => {
-			e ? (document.addEventListener("pointerdown", Q), H = requestAnimationFrame(W)) : (document.removeEventListener("pointerdown", Q), cancelAnimationFrame(H));
+		function $(e) {
+			e.target instanceof Node && !A.value?.parentElement?.contains(e.target) && (m.value = !1);
+		}
+		return w(y, () => k.value = 0), w(m, (e) => {
+			e ? (document.addEventListener("pointerdown", $), U = requestAnimationFrame(G)) : (document.removeEventListener("pointerdown", $), cancelAnimationFrame(U));
 		}), p(() => {
-			document.removeEventListener("pointerdown", Q), cancelAnimationFrame(H);
+			document.removeEventListener("pointerdown", $), cancelAnimationFrame(U);
 		}), (t, s) => (h(), i("div", re, [a("button", {
 			ref_key: "trigger",
-			ref: k,
+			ref: A,
 			type: "button",
 			class: "kvc-button",
 			"aria-haspopup": "listbox",
 			"aria-expanded": m.value,
-			"aria-label": `${b(f).t("kvcoder.ui.model")}: ${P.value}`,
+			"aria-label": `${x(f).t("kvcoder.ui.model")}: ${F.value}`,
 			disabled: l.disabled,
+			title: F.value,
 			"data-test": "model-picker",
-			onClick: s[0] ||= (e) => m.value ? z() : B()
-		}, [a("span", ae, y(P.value), 1), o(b(te), {
-			size: 16,
-			"aria-hidden": "true"
-		})], 8, ie), m.value ? (h(), i("div", {
+			onClick: s[0] ||= (e) => m.value ? B() : V()
+		}, [
+			l.icon ? (h(), n(v(l.icon), {
+				key: 0,
+				size: 16,
+				class: "kvc-picker-icon",
+				"aria-hidden": "true"
+			})) : r("v-if", !0),
+			a("span", ae, b(F.value), 1),
+			o(x(te), {
+				size: 16,
+				"aria-hidden": "true"
+			})
+		], 8, ie), m.value ? (h(), i("div", {
 			key: 0,
 			ref_key: "panel",
-			ref: j,
+			ref: M,
 			class: "kvc-popover",
 			"data-test": "model-popover",
-			onKeydown: T(E(z, ["stop"]), ["esc"])
+			onKeydown: E(D(B, ["stop"]), ["esc"])
 		}, [
-			a("label", se, [o(b(ne), {
+			a("label", se, [o(x(ne), {
 				size: 16,
 				"aria-hidden": "true"
-			}), w(a("input", {
+			}), T(a("input", {
 				ref_key: "search",
-				ref: A,
-				"onUpdate:modelValue": s[1] ||= (e) => v.value = e,
+				ref: j,
+				"onUpdate:modelValue": s[1] ||= (e) => y.value = e,
 				type: "search",
 				role: "combobox",
 				"aria-expanded": "true",
 				"aria-controls": "kvc-models",
-				placeholder: b(f).t("kvcoder.ui.searchModels"),
-				"aria-label": b(f).t("kvcoder.ui.searchModels"),
+				placeholder: x(f).t("kvcoder.ui.searchModels"),
+				"aria-label": x(f).t("kvcoder.ui.searchModels"),
 				"data-test": "model-search",
 				onKeydown: [
-					s[2] ||= T(E((e) => J(1), ["prevent"]), ["down"]),
-					s[3] ||= T(E((e) => J(-1), ["prevent"]), ["up"]),
-					T(E(Z, ["prevent"]), ["enter"])
+					s[2] ||= E(D((e) => Y(1), ["prevent"]), ["down"]),
+					s[3] ||= E(D((e) => Y(-1), ["prevent"]), ["up"]),
+					E(D(Q, ["prevent"]), ["enter"])
 				]
-			}, null, 40, ce), [[S, v.value]])]),
+			}, null, 40, ce), [[C, y.value]])]),
 			a("div", {
 				id: "kvc-models",
 				class: "kvc-options",
 				role: "listbox",
-				"aria-label": b(f).t("kvcoder.ui.model")
+				"aria-label": x(f).t("kvcoder.ui.model")
 			}, [
-				F.value ? (h(), i("div", {
+				I.value ? (h(), i("div", {
 					key: 0,
 					class: "kvc-model",
 					role: "option",
 					"aria-selected": l.current === null,
-					"data-active": O.value === 0,
+					"data-active": k.value === 0,
 					"data-test": "model-none-entry",
-					onClick: X,
-					onMousemove: s[4] ||= (e) => O.value = 0
-				}, [a("span", de, y(l.none), 1), l.current === null ? (h(), n(b(G), {
+					onClick: Z,
+					onMousemove: s[4] ||= (e) => k.value = 0
+				}, [a("span", de, b(l.none), 1), l.current === null ? (h(), n(x(K), {
 					key: 0,
 					size: 16,
 					"aria-hidden": "true"
 				})) : r("v-if", !0)], 40, ue)) : r("v-if", !0),
-				(h(!0), i(e, null, _(M.value.groups, (t) => (h(), i(e, { key: t.provider }, [a("div", fe, y(t.title), 1), (h(!0), i(e, null, _(t.models, (e) => (h(), i("div", {
+				(h(!0), i(e, null, _(N.value.groups, (t) => (h(), i(e, { key: t.provider }, [a("div", fe, b(t.title), 1), (h(!0), i(e, null, _(t.models, (e) => (h(), i("div", {
 					key: e.id,
 					class: "kvc-model",
 					role: "option",
 					"aria-selected": e.id === l.current,
-					"data-active": R(e.id) === O.value,
+					"data-active": z(e.id) === k.value,
 					"data-test": `model-${e.id}`,
-					onClick: (t) => Y(e.id),
-					onMousemove: (t) => O.value = R(e.id)
-				}, [a("span", me, y(e.name), 1), e.id === l.current ? (h(), n(b(G), {
+					onClick: (t) => X(e.id),
+					onMousemove: (t) => k.value = z(e.id)
+				}, [a("span", me, b(e.name), 1), e.id === l.current ? (h(), n(x(K), {
 					key: 0,
 					size: 16,
 					"aria-hidden": "true"
 				})) : r("v-if", !0)], 40, pe))), 128))], 64))), 128)),
-				M.value.shown === 0 ? (h(), i("p", he, y(b(f).t("kvcoder.ui.noModels")), 1)) : r("v-if", !0)
+				N.value.shown === 0 ? (h(), i("p", he, b(x(f).t("kvcoder.ui.noModels")), 1)) : r("v-if", !0)
 			], 8, le),
-			a("p", ge, y(b(f).t("kvcoder.ui.modelsCount", {
-				shown: M.value.shown,
-				total: M.value.total
+			a("p", ge, b(x(f).t("kvcoder.ui.modelsCount", {
+				shown: N.value.shown,
+				total: N.value.total
 			})), 1)
 		], 40, oe)) : r("v-if", !0)]));
 	}
 });
 //#endregion
 //#region web/src/use-setting.ts
-function J(e, n) {
-	let r = v(null), i = g("default"), a = g(!1), o = async () => {
+function Y(e, n) {
+	let r = y(null), i = g("default"), a = g(!1), o = async () => {
 		let t = (await e.exec("kernel.settings.list", {})).find((e) => e.key === n);
 		r.value = t?.value ?? null, i.value = t?.source ?? "default";
 	}, s = async (t) => {
@@ -350,12 +362,12 @@ function J(e, n) {
 		try {
 			return await t(), await o(), !0;
 		} catch (t) {
-			return M(e, t), !1;
+			return N(e, t), !1;
 		} finally {
 			a.value = !1;
 		}
 	};
-	return m(o), C(() => [e.scope.value, e.workspace.value.id], o), {
+	return m(o), w(() => [e.scope.value, e.workspace.value.id], o), {
 		value: r,
 		saving: a,
 		locked: t(() => e.scope.value === "global" && i.value === "workspace"),
@@ -373,27 +385,27 @@ function J(e, n) {
 }
 //#endregion
 //#region web/src/ModelSetting.vue?vue&type=script&setup=true&lang.ts
-var Y = ["data-setting"], X = { class: "kvc-setting-text" }, Z = {
+var X = ["data-setting"], Z = { class: "kvc-setting-text" }, Q = {
 	class: "kvc-setting-title",
 	"data-test": "model-setting-title"
-}, Q = {
+}, $ = {
 	class: "kvc-muted",
 	"data-test": "model-setting-description"
-}, $ = { class: "kvc-setting-control" }, _e = {
+}, _e = { class: "kvc-setting-control" }, ve = {
 	key: 0,
 	class: "kvc-muted",
 	"data-test": "model-own-value"
-}, ve = {
+}, ye = {
 	key: 1,
 	class: "kvc-connectors-state"
-}, ye = {
+}, be = {
 	class: "kvc-chip",
 	"data-test": "model-changed"
-}, be = ["disabled"], xe = /* @__PURE__ */ s({
+}, xe = ["disabled"], Se = /* @__PURE__ */ s({
 	__name: "ModelSetting",
 	props: { setting: { default: "kvcoder.model" } },
 	setup(e) {
-		let n = e, s = D(), c = t(() => n.setting === "kvcoder.delegate.model"), l = J(s, n.setting), u = g([]), d = g([]), f = g(null);
+		let n = e, s = O(), c = t(() => n.setting === "kvcoder.delegate.model"), l = Y(s, n.setting), u = g([]), d = g([]), f = g(null);
 		m(async () => {
 			try {
 				let [e, t, n] = await Promise.all([
@@ -403,43 +415,43 @@ var Y = ["data-setting"], X = { class: "kvc-setting-text" }, Z = {
 				]);
 				u.value = e, d.value = t, f.value = n.name ?? n.id;
 			} catch (e) {
-				M(s, e);
+				N(s, e);
 			}
 		});
-		let p = t(() => typeof l.value.value == "string" ? l.value.value : null), _ = t(() => N(u.value, d.value, p.value)), v = t(() => c.value ? s.t("kvcoder.config.model.chatModel") : f.value === null ? s.t("kvcoder.config.model.defaultUnset") : s.t("kvcoder.config.model.default", { name: f.value })), x = (e) => s.t(`${e}.${s.scope.value}`, { name: s.workspace.value.name });
+		let p = t(() => typeof l.value.value == "string" ? l.value.value : null), _ = t(() => P(u.value, d.value, p.value)), v = t(() => c.value ? s.t("kvcoder.config.model.chatModel") : f.value === null ? s.t("kvcoder.config.model.defaultUnset") : s.t("kvcoder.config.model.default", { name: f.value })), y = (e) => s.t(`${e}.${s.scope.value}`, { name: s.workspace.value.name });
 		return (e, t) => (h(), i("div", {
 			class: "kvc-setting",
 			"data-test": "model-setting",
 			"data-setting": n.setting
-		}, [a("span", X, [a("span", Z, y(b(s).t(`${n.setting}.title`)), 1), a("span", Q, y(b(s).t(`${n.setting}.description`)), 1)]), a("span", $, [o(q, {
+		}, [a("span", Z, [a("span", Q, b(x(s).t(`${n.setting}.title`)), 1), a("span", $, b(x(s).t(`${n.setting}.description`)), 1)]), a("span", _e, [o(J, {
 			groups: _.value,
 			current: p.value,
 			empty: v.value,
-			none: b(s).t(c.value ? "kvcoder.config.model.useChatModel" : "kvcoder.config.model.useDefault"),
-			disabled: b(l).locked.value || b(l).saving.value,
-			onPick: t[0] ||= (e) => b(l).set(e),
-			onNone: t[1] ||= (e) => b(l).set(null)
+			none: x(s).t(c.value ? "kvcoder.config.model.useChatModel" : "kvcoder.config.model.useDefault"),
+			disabled: x(l).locked.value || x(l).saving.value,
+			onPick: t[0] ||= (e) => x(l).set(e),
+			onNone: t[1] ||= (e) => x(l).set(null)
 		}, null, 8, [
 			"groups",
 			"current",
 			"empty",
 			"none",
 			"disabled"
-		]), b(l).locked.value ? (h(), i("span", _e, y(b(s).t("kvcoder.config.model.ownValue", { name: b(s).workspace.value.name })), 1)) : b(l).changed.value ? (h(), i("span", ve, [a("span", ye, y(x("kvcoder.config.model.changed")), 1), a("button", {
+		]), x(l).locked.value ? (h(), i("span", ve, b(x(s).t("kvcoder.config.model.ownValue", { name: x(s).workspace.value.name })), 1)) : x(l).changed.value ? (h(), i("span", ye, [a("span", be, b(y("kvcoder.config.model.changed")), 1), a("button", {
 			type: "button",
 			class: "kvc-text-button",
-			disabled: b(l).saving.value,
+			disabled: x(l).saving.value,
 			"data-test": "model-reset",
-			onClick: t[2] ||= (...e) => b(l).reset && b(l).reset(...e)
-		}, y(x("kvcoder.config.model.reset")), 9, be)])) : r("v-if", !0)])], 8, Y));
+			onClick: t[2] ||= (...e) => x(l).reset && x(l).reset(...e)
+		}, b(y("kvcoder.config.model.reset")), 9, xe)])) : r("v-if", !0)])], 8, X));
 	}
-}), Se = /* @__PURE__ */ s({
+}), Ce = /* @__PURE__ */ s({
 	__name: "model",
 	props: { setting: {} },
 	setup(e) {
 		let t = e;
-		return (e, r) => (h(), n(xe, f(c(t.setting === void 0 ? {} : { setting: t.setting })), null, 16));
+		return (e, r) => (h(), n(Se, f(c(t.setting === void 0 ? {} : { setting: t.setting })), null, 16));
 	}
 });
 //#endregion
-export { Se as default };
+export { Ce as default };

package/dist/web/components/preferences.css

@@ -0,0 +1,2 @@
+.kvc-workspace{flex-direction:column;flex:1 1 0;align-self:stretch;block-size:100%;min-block-size:24rem;min-inline-size:min(100%,30rem);display:flex;position:relative;container:kvc-workspace/inline-size}.kvc-stage{flex:1 1 0;min-block-size:0;display:flex;position:relative}.kvc-workspace>.kvc-header{background:var(--kv-color-surface);color:var(--kv-color-text)}.kvc-conversation{background:var(--kv-color-surface);min-inline-size:0;color:var(--kv-color-text);flex-direction:column;flex:1 1 0;display:flex}.kvc-artifact-panel{background:var(--kv-color-surface);border-inline-start:1px solid var(--kv-color-border);flex-direction:column;flex:0 0 min(40%,32rem);min-inline-size:0;display:flex;position:relative;container-type:inline-size}.kvc-artifact-panel[data-sized=true]{flex-basis:clamp(20rem, var(--kvc-panel-width), 70%)}.kvc-panel-resizer{z-index:6;cursor:col-resize;touch-action:none;inline-size:8px;position:absolute;inset-block:0;inset-inline-start:-4px}.kvc-panel-resizer:hover,.kvc-panel-resizer:focus-visible,.kvc-panel-resizer[data-dragging=true]{background:color-mix(in srgb, var(--kv-color-primary) 35%, transparent);outline:none}.kvc-artifact-head{align-items:center;gap:var(--kv-space-sm);padding-block:12px;padding-inline:var(--kv-space-lg);border-block-end:1px solid var(--kv-color-border);display:flex}.kvc-artifact-name .kvc-picker{min-inline-size:0}.kvc-artifact-name .kvc-picker>.kvc-button{justify-content:space-between;max-inline-size:100%}.kvc-artifact-name .kvc-picker-label{min-inline-size:0;max-inline-size:none;font-size:15px;font-weight:600}.kvc-artifact-title{font-size:15px;font-weight:600}.kvc-artifact-name{flex-direction:column;flex:1 1 0;gap:2px;min-inline-size:0;display:flex}.kvc-artifact-name>.kvc-muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kvc-tab-icon{display:none}@container (inline-size<=30rem){.kvc-artifact-head{padding-inline:var(--kv-space-md)}.kvc-artifact-actions .kvc-tab{align-items:center;padding-inline:8px;display:flex}.kvc-artifact-actions .kvc-tab-icon{display:block}.kvc-artifact-actions .kvc-tab-text{display:none}}.kvc-artifact-actions{flex:none;align-items:center;gap:6px;margin-inline-start:auto;display:flex}.kvc-button.kvc-icon-button{box-sizing:border-box;flex:none;inline-size:36px;padding-inline:0}.kvc-artifact-body{min-block-size:0;padding-block:var(--kv-space-md);padding-inline:var(--kv-space-lg);flex:auto;overflow:auto}.kvc-artifact-source{font-family:var(--kv-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:12px}.kvc-artifact-frame{background:#fff;border:0;block-size:100%;inline-size:100%}@container (inline-size<=48rem){.kvc-artifact-panel{z-index:5;inline-size:min(100%,32rem);position:absolute;inset-block:0;inset-inline-end:0;box-shadow:0 12px 32px #00000024}}@container kvc-workspace (inline-size<=48rem){.kvc-panel-resizer{display:none}}.kvc-header{align-items:center;gap:var(--kv-space-sm);padding-block:4px;padding-inline:var(--kv-space-lg);border-block-end:1px solid var(--kv-color-border);flex-wrap:wrap;display:flex;position:relative}.kvc-title{flex-wrap:wrap;flex:auto;align-items:baseline;column-gap:12px;min-inline-size:0;display:flex}.kvc-header-stats{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kvc-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.kvc-muted{color:var(--kv-color-muted);font-size:12.5px}.kvc-tabs{border:1px solid var(--kv-color-border);border-radius:10px;gap:2px;padding:3px;display:flex}.kvc-tab{color:var(--kv-color-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding-block:4px;padding-inline:12px}.kvc-tab[aria-selected=true],.kvc-tab[aria-pressed=true]{background:var(--kv-color-background);color:var(--kv-color-text);font-weight:500}.kvc-scrollport{flex-direction:column;flex:auto;min-block-size:0;display:flex;position:relative}.kvc-scroll{flex:auto;min-block-size:0;position:relative;overflow-y:auto}.kvc-jump{inline-size:max-content;margin-inline:auto;position:absolute;inset-block-end:12px;inset-inline:0;box-shadow:0 4px 16px #00000029}.kvc-column{box-sizing:border-box;inline-size:100%;max-inline-size:800px;padding:var(--kv-space-md) var(--kv-space-lg);gap:var(--kv-space-md);overflow-wrap:anywhere;flex-direction:column;margin-inline:auto;display:flex}.kvc-user{background:var(--kv-color-background);border-radius:16px;white-space:pre-wrap;border-end-end-radius:4px;align-self:flex-end;max-inline-size:80%;padding-block:10px;padding-inline:14px}.kvc-queued{border:1px dashed var(--kv-color-border);background:0 0}.kvc-answer{gap:var(--kv-space-sm);flex-direction:column;display:flex}.kvc-card{border:1px solid var(--kv-color-border);border-radius:var(--kv-radius);background:var(--kv-color-background);overflow:hidden}.kvc-card-row{align-items:center;gap:10px;padding-block:9px;padding-inline:12px;display:flex}.kvc-card-body{border-block-start:1px solid var(--kv-color-border);gap:var(--kv-space-sm);flex-direction:column;padding-block:10px;padding-inline:14px;display:flex}.kvc-lines{text-align:start;flex-direction:column;flex:auto;gap:2px;min-inline-size:0;display:flex}.kvc-failed{border-color:var(--kv-color-danger)}.kvc-mono{font-family:var(--kv-font-mono);overflow-wrap:anywhere;direction:ltr;unicode-bidi:isolate;font-size:12.5px}.kvc-card-row>.kvc-muted,.kvc-card-row>.kvc-chip{white-space:nowrap;flex:none}.kvc-card-row>svg{flex:none}.kvc-output{background:var(--kv-color-surface);color:var(--kv-color-text);font-family:var(--kv-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;max-block-size:320px;margin:0;padding:10px 14px;font-size:12px;overflow-y:auto}.kvc-output+.kvc-output{border-block-start:1px solid var(--kv-color-border)}.kvc-output-block>.kvc-output{max-block-size:none;overflow-y:visible}.kvc-output .kvc-link{color:inherit;text-underline-offset:2px;text-decoration:underline}.kvc-chip{white-space:nowrap;border:1px solid var(--kv-color-border);border-radius:999px;align-items:center;gap:4px;padding-block:2px;padding-inline:8px;font-size:12px;font-weight:500;display:inline-flex}.kvc-ok{color:var(--kv-color-success)}.kvc-warn{color:var(--kv-color-warning)}.kvc-sign-in-failed,.kvc-danger{color:var(--kv-color-danger)}.kvc-notice{align-items:center;gap:var(--kv-space-sm);color:var(--kv-color-muted);font-size:13px;display:flex}.kvc-notice:before,.kvc-notice:after{content:"";background:var(--kv-color-border);flex:auto;block-size:1px}.kvc-ask{border-color:var(--kv-color-warning)}.kvc-option{border:1px solid var(--kv-color-border);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.kvc-option:has(input:checked){border-color:var(--kv-color-primary);background:color-mix(in srgb, var(--kv-color-primary) 8%, var(--kv-color-surface))}.kvc-answered-option{color:var(--kv-color-muted);align-items:flex-start;gap:10px;display:flex}.kvc-answered-option[data-chosen=true]{color:var(--kv-color-text);font-weight:500}.kvc-answered-option>svg{flex:none;margin-block-start:3px}.kvc-answered-gap{flex:0 0 16px}.kvc-sr{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.kvc-button{border:1px solid var(--kv-color-border);background:var(--kv-color-surface);min-block-size:36px;color:var(--kv-color-text);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding-inline:14px;font-weight:500;display:inline-flex}a.kvc-button{color:inherit;text-decoration:none}.kvc-button:disabled{opacity:.5;cursor:default}.kvc-primary,.kvc-decide[aria-pressed=true]{background:var(--kv-color-primary);border-color:var(--kv-color-primary);color:var(--kv-color-on-primary)}.kvc-ghost{background:0 0;border-color:#0000}.kvc-actions{gap:var(--kv-space-sm);flex-wrap:wrap;justify-content:flex-end;display:flex}.kvc-actions>.kvc-button{white-space:nowrap;flex:none}.kvc-composer{z-index:2;background:var(--kv-color-surface);padding-block:12px 18px;padding-inline:var(--kv-space-lg);position:sticky;inset-block-end:0}.kvc-box{box-sizing:border-box;border:1px solid var(--kv-color-border);background:var(--kv-color-surface);gap:var(--kv-space-sm);border-radius:16px;flex-direction:column;max-inline-size:760px;margin-inline:auto;padding:10px 12px;display:flex}.kvc-field{box-sizing:border-box;border:1px solid var(--kv-color-border);background:var(--kv-color-surface);inline-size:100%;color:inherit;font:inherit;border-radius:10px;padding-block:8px;padding-inline:12px}.kvc-field:disabled{opacity:.6;cursor:not-allowed}.kvc-box textarea{resize:none;color:inherit;font:inherit;background:0 0;border:0;outline:none;min-block-size:44px}.kvc-start{justify-content:safe center;gap:var(--kv-space-lg);min-height:0;padding:var(--kv-space-lg);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.kvc-start-note{text-align:center;margin:0}.kvc-link-button{color:var(--kv-color-primary);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.kvc-start h1{text-align:center;margin:0;font-size:26px;font-weight:600}.kvc-sessions{box-sizing:border-box;border-inline-end:1px solid var(--kv-color-border);flex-direction:column;flex:none;align-self:stretch;gap:2px;max-block-size:100%;inline-size:272px;padding:14px 12px;display:flex;overflow-y:auto}.kvc-session{min-block-size:44px;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding-inline:10px;display:flex}.kvc-session[aria-current=page]{background:color-mix(in srgb, var(--kv-color-primary) 16%, var(--kv-color-surface));font-weight:600}.kvc-session .kvc-muted,.kvc-session .kvc-chip{white-space:nowrap;flex:none}.kvc-session span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.kvc-group{color:var(--kv-color-muted);padding-block:12px 4px;padding-inline:10px;font-size:12px;font-weight:600}.kvc-spin{border:2px solid var(--kv-color-border);border-block-start-color:var(--kv-color-primary);border-radius:50%;flex:none;block-size:14px;inline-size:14px;animation:.9s linear infinite kvc-spin}.kvc-menu{z-index:10;border:1px solid var(--kv-color-border);background:var(--kv-color-surface);border-radius:12px;flex-direction:column;min-inline-size:220px;padding:6px;display:flex;position:absolute;inset-block-start:100%;inset-inline-end:0;box-shadow:0 12px 32px #00000024}.kvc-menu button{text-align:start;justify-content:flex-start}.kvc-prompt{padding:var(--kv-space-md);border:1px solid var(--kv-color-border);border-radius:var(--kv-radius);background:var(--kv-color-background);font-family:var(--kv-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:12px}.kvc-activity{border:1px solid var(--kv-color-border);border-radius:var(--kv-radius);background:var(--kv-color-background);align-items:center;gap:10px;padding-block:8px;padding-inline:12px;font-size:13.5px;display:flex}.kvc-activity-text{flex-direction:column;flex:auto;gap:6px;min-inline-size:0;display:flex}.kvc-activity-call{flex-direction:column;gap:2px;display:flex}.kvc-oneline{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kvc-picker{position:relative}.kvc-picker-label{text-overflow:ellipsis;white-space:nowrap;max-inline-size:16rem;overflow:hidden}.kvc-popover{z-index:20;box-sizing:border-box;inline-size:min(26rem, calc(100cqw - 2 * var(--kv-space-lg)));border:1px solid var(--kv-color-border);background:var(--kv-color-surface);border-radius:12px;flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;inset-block-start:calc(100% + 6px);inset-inline-start:0;box-shadow:0 12px 32px #00000024}.kvc-choices{inline-size:max-content;min-inline-size:10rem;max-inline-size:min(22rem, calc(100cqw - 2 * var(--kv-space-md)));gap:2px;max-block-size:18rem;overflow-y:auto}.kvc-choices>.kvc-model{flex:none}.kvc-recovery{align-items:center;gap:var(--kv-space-sm);flex-wrap:wrap;display:flex}.kvc-recovery .kvc-popover{inset-block:auto calc(100% + 6px)}.kvc-search{border:1px solid var(--kv-color-border);border-radius:10px;align-items:center;gap:8px;padding-inline:10px;display:flex}.kvc-search input{min-inline-size:0;color:inherit;font:inherit;background:0 0;border:0;outline:none;flex:auto;padding-block:8px}.kvc-options{flex-direction:column;max-block-size:18rem;display:flex;overflow-y:auto}.kvc-model{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding-block:7px;padding-inline:10px;display:flex}.kvc-model[data-active=true]{background:var(--kv-color-background)}.kvc-model[aria-selected=true]{font-weight:600}.kvc-model-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kvc-none,.kvc-count{margin:0;padding-inline:10px}@keyframes kvc-spin{to{transform:rotate(360deg)}}.kvc-dot{background:var(--kv-color-success);border-radius:50%;flex:none;block-size:8px;inline-size:8px}.kvc-jobs-panel{max-block-size:70vh;inline-size:min(32rem,100%);inset-inline:auto 0;overflow-y:auto}.kvc-job{border:1px solid var(--kv-color-border);border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.kvc-job-head{justify-content:space-between;align-items:center;gap:8px;min-inline-size:0;display:flex}.kvc-job-title{flex:auto;min-inline-size:0;font-weight:600}.kvc-job-head>.kvc-muted,.kvc-job-head>.kvc-chip{white-space:nowrap;flex:none}.kvc-job-links{flex-wrap:wrap;gap:4px 12px;display:flex}.kvc-job-links .kvc-link{color:var(--kv-color-primary);text-underline-offset:2px;text-decoration:underline}.kvc-job .kvc-output{background:var(--kv-color-background);border-radius:8px}.kvc-connectors{flex-direction:column;display:flex}.kvc-connectors-state{flex-wrap:wrap;align-items:center;gap:10px;padding-block-end:8px;display:flex}.kvc-text-button{color:var(--kv-color-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:500}.kvc-text-button:disabled{opacity:.5;cursor:default}.kvc-connector{border-block-end:1px solid var(--kv-color-border);align-items:center;gap:16px;padding-block:12px;display:flex}.kvc-connector:last-child{border-block-end:0}.kvc-connector-text{flex-direction:column;flex:1;gap:2px;min-inline-size:0;display:flex}.kvc-connector-name{font-size:13.5px;font-weight:600}.kvc-switch{background:var(--kv-color-border);cursor:pointer;border:0;border-radius:999px;flex:none;align-items:center;block-size:24px;inline-size:40px;padding:2px;transition:background-color .12s;display:flex}.kvc-switch[aria-checked=true]{background:var(--kv-color-primary)}.kvc-switch:disabled{opacity:.5;cursor:default}.kvc-switch-knob{background:var(--kv-color-surface);border-radius:999px;block-size:20px;inline-size:20px;transition:margin-inline-start .12s}.kvc-switch[aria-checked=true] .kvc-switch-knob{margin-inline-start:16px}.kvc-setting{border-block-end:1px solid var(--kv-color-border);flex-wrap:wrap;align-items:flex-start;gap:24px;padding-block:16px;display:flex}.kvc-setting-text{flex-direction:column;flex:20rem;gap:4px;min-inline-size:15rem;display:flex}.kvc-setting-title{font-weight:600}.kvc-setting-control{flex-direction:column;gap:8px;inline-size:22.5rem;max-inline-size:100%;display:flex}.kvc-setting .kvc-picker>.kvc-button{justify-content:space-between;inline-size:100%}.kvc-setting .kvc-picker-label{max-inline-size:none}.kvc-setting .kvc-popover{inline-size:100%}.kvc-setting .kvc-connectors-state{padding-block-end:0}.kvc-connector-actions{flex:none;align-items:center;gap:8px;display:flex}.kvc-dialog-backdrop{z-index:40;padding:var(--kv-space-md);background:#00000059;place-items:center;display:grid;position:fixed;inset:0}.kvc-dialog{box-sizing:border-box;gap:var(--kv-space-sm);inline-size:100%;max-inline-size:44rem;max-block-size:calc(100dvh - 2 * var(--kv-space-md));background:var(--kv-color-surface);color:var(--kv-color-text);padding:var(--kv-space-lg);border-radius:16px;outline:none;flex-direction:column;display:flex;overflow-y:auto;box-shadow:0 20px 50px #00000040}.kvc-dialog-head{align-items:flex-start;gap:12px;display:flex}.kvc-dialog-title{font-size:16px;font-weight:600}.kvc-dialog-rows{flex-direction:column;display:flex}.kvc-dialog-rows>.kvc-setting:last-child{border-block-end:0;padding-block-end:0}.kvc-server{align-items:flex-start}.kvc-server-state{flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.kvc-server-state[data-status=ready]{color:var(--kv-color-success)}.kvc-server-state[data-status=failed],.kvc-server-state[data-status=signInNeeded]{color:var(--kv-color-warning)}.kvc-server-state[data-status=checking]{color:var(--kv-color-muted)}.kvc-server-reason{overflow-wrap:anywhere;white-space:pre-wrap}.kvc-server-sign-in{align-self:flex-start;margin-block-start:6px}.kvc-sign-in{max-inline-size:32rem;padding:var(--kv-space-lg);text-align:center;flex-direction:column;align-items:center;gap:8px;margin-inline:auto;display:flex}.kvc-sign-in-done{color:var(--kv-color-success)}.kvc-sign-in-failed{color:var(--kv-color-danger)}.kvc-danger{background:var(--kv-color-danger);border-color:var(--kv-color-danger);color:var(--kv-color-on-primary)}.kvc-form{gap:var(--kv-space-md);flex-direction:column;padding-block-start:var(--kv-space-sm);display:flex}.kvc-form-field{flex-direction:column;gap:6px;display:flex}.kvc-form-label{padding:0;font-weight:600}.kvc-confirm{border:1px solid var(--kv-color-danger);border-radius:var(--kv-radius);flex-direction:column;gap:8px;padding:12px;display:flex}.kvc-preferences{resize:vertical;min-block-size:6rem;inline-size:100%}.kvc-remember{margin-block-start:4px;display:block}.kvc-fold-body{border-block-start:1px solid var(--kv-color-border);flex-direction:column;gap:6px;padding:6px 8px 8px;display:flex}.kvc-final{border-inline-start:3px solid var(--kv-color-primary);padding-inline-start:12px}.kvc-changes{flex-direction:column;gap:8px;display:flex}.kvc-change-head{text-align:start;flex:auto;align-items:center;gap:8px;min-inline-size:0;display:flex}.kvc-diff>[data-kind=added]{color:var(--kv-color-success,inherit);background:color-mix(in srgb, var(--kv-color-success,green) 12%, transparent)}.kvc-diff>[data-kind=removed]{color:var(--kv-color-danger);background:color-mix(in srgb, var(--kv-color-danger) 12%, transparent)}.kvc-diff>[data-kind=hunk],.kvc-diff>[data-kind=head]{color:var(--kv-color-muted,inherit)}.kvc-picker-icon{flex:none;display:none}.kvc-artifact-name .kvc-picker>.kvc-button{min-block-size:0;padding-block:2px}.kvc-decide{white-space:nowrap}@container kvc-workspace (inline-size<=30rem){.kvc-composer-row .kvc-picker-icon{display:block}.kvc-composer-row .kvc-picker-label{display:none}}.kvc-chats-bar{display:none}@media (width<=60rem){.kvc-sessions{display:none}.kvc-drawer .kvc-sessions{border-inline-end:0;inline-size:100%;display:flex}.kvc-chats-bar{padding-block:4px;padding-inline:var(--kv-space-md);border-block-end:1px solid var(--kv-color-border);display:flex}}.kvc-drawer-backdrop{z-index:40;background:#00000059;position:fixed;inset:0}.kvc-drawer{background:var(--kv-color-surface);inline-size:min(85vw,20rem);position:absolute;inset-block:0;inset-inline-start:0;overflow-y:auto;box-shadow:0 12px 32px #0003}.kvc-rules{flex-direction:column;gap:6px;margin-block-start:8px;display:flex}.kvc-rule{justify-content:space-between;align-items:center;gap:12px;display:flex}.kvc-form-error{color:var(--kv-color-danger);font-size:12.5px}.kvc-form-choice{gap:var(--kv-space-md);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.kvc-form-choice>legend{margin-block-end:6px}.kvc-form-radio{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.kvc-form-value{grid-template-columns:minmax(0,2fr) minmax(0,3fr) auto;align-items:center;gap:8px;display:grid}.kvc-form-set{align-items:center;gap:10px;display:flex}.kvc-form-add{align-self:flex-start;align-items:center;gap:4px;display:inline-flex}.kvc-form textarea.kvc-field{resize:vertical}.kvc-box{position:relative}.kvc-composer-row{align-items:center;gap:8px;display:flex}.kvc-composer-hint{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-inline-size:0;overflow:hidden}.kvc-composer-row .kvc-picker{flex:0 auto;min-inline-size:0}.kvc-composer-row .kvc-picker>.kvc-button{max-inline-size:100%}.kvc-composer-row .kvc-picker-label{min-inline-size:0}.kvc-composer .kvc-popover{inset-block:auto calc(100% + 6px)}.kvc-slash{z-index:20;border:1px solid var(--kv-color-border);background:var(--kv-color-surface);border-radius:12px;flex-direction:column;padding:6px;display:flex;position:absolute;inset-block-end:calc(100% + 6px);inset-inline:0;box-shadow:0 12px 32px #00000024}.kvc-slash-row{cursor:pointer;border-radius:8px;align-items:baseline;gap:12px;padding-block:7px;padding-inline:10px;display:flex}.kvc-slash-row[data-active=true]{background:var(--kv-color-background)}.kvc-slash-name{flex:0 0 9rem}.kvc-slash-row .kvc-mono{font-size:13px;font-weight:600}.kvc-call-parts{border-block-start:1px solid var(--kv-color-border);margin:0;padding-block:8px;padding-inline:14px}.kvc-summary{flex-wrap:wrap;align-items:baseline;column-gap:8px;min-inline-size:0;font-size:13px;display:flex}.kvc-summary>.kvc-mono{min-inline-size:0}.kvc-block{border-block-start:1px solid var(--kv-color-border);margin:0;padding-block:8px;font-size:13px}.kvc-block:not(.kvc-code-lines){padding-inline:14px}.kvc-code-lines{font-family:var(--kv-font-mono);font-size:12px;line-height:1.55}.kvc-code-line{gap:8px;min-block-size:1.55em;padding-inline:14px;display:flex}.kvc-code-line[data-kind=removed]{background:color-mix(in srgb, var(--kv-color-danger) 14%, transparent)}.kvc-code-line[data-kind=added]{background:color-mix(in srgb, var(--kv-color-success) 14%, transparent)}.kvc-line-number{text-align:end;min-inline-size:3ch;color:var(--kv-color-muted);-webkit-user-select:none;user-select:none;flex:none}.kvc-line-mark{color:var(--kv-color-muted);-webkit-user-select:none;user-select:none;flex:0 0 1ch}.kvc-line-text{white-space:pre-wrap;overflow-wrap:anywhere;flex:auto;min-inline-size:0}.kvc-code-lines .kvc-link,.kvc-fields .kvc-link,.kvc-error .kvc-link{color:var(--kv-color-primary);text-underline-offset:2px;text-decoration:underline}.kvc-prose-lines{font-family:inherit;font-size:13px}.kvc-fold{margin-block-start:6px;margin-inline:14px;display:block}.kvc-output-block{border-block-start:1px solid var(--kv-color-border)}.kvc-output-block>.kvc-fold{margin-block:6px}.kvc-error{color:var(--kv-color-danger);white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit}.kvc-entries{flex-direction:column;gap:2px;display:flex}.kvc-entry{align-items:center;gap:8px;display:flex}.kvc-entry>.kvc-mono{flex:auto;min-inline-size:0}.kvc-file-path{padding-block-end:4px;font-weight:600}.kvc-block>.kvc-code-lines>.kvc-code-line{padding-inline:0}.kvc-block>.kvc-code-lines>.kvc-fold{margin-inline:0}.kvc-fields{grid-template-columns:minmax(6rem,max-content) minmax(0,1fr);gap:4px 12px;margin:0;display:grid}.kvc-field-row{display:contents}.kvc-steps{gap:6px;padding-inline-start:0;list-style:none;display:grid}.kvc-step-arguments{padding-block-start:2px;padding-inline-start:1.5rem}.kvc-field-row>dt{font-family:var(--kv-font-mono);font-size:12px}.kvc-field-row>dd{overflow-wrap:anywhere;min-inline-size:0;margin:0}.kvc-field-block>.kvc-code-line,.kvc-field-block>.kvc-fold{margin-inline:0;padding-inline:0}.kvc-field-table{overflow-x:auto}.kvc-field-table table{border-collapse:collapse;font-size:12.5px}.kvc-field-table th,.kvc-field-table td{text-align:start;vertical-align:top;padding-block:3px;padding-inline:0 14px}.kvc-field-table th{color:var(--kv-color-muted);font-weight:500;font-family:var(--kv-font-mono);font-size:12px}.kvc-field-items{flex-direction:column;gap:2px;display:flex}.kvc-approval{border-block-start:1px solid var(--kv-color-border)}.kvc-approval>.kvc-actions{padding-block-start:0}.kvc-always>.kvc-link-button{margin-inline-end:auto}.kvc-reason,.kvc-always{flex-wrap:wrap;align-items:center;padding-block-start:0}.kvc-reason>textarea{flex:16rem}.kvc-always>input{flex:0 14rem;min-inline-size:8rem}.kvc-run-row{align-items:baseline;gap:10px;display:flex}.kvc-run-row>.kvc-run-call{flex:auto;min-inline-size:0}.kvc-run-row>.kvc-chip,.kvc-run-row>.kvc-muted{white-space:nowrap;flex:none}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .kvc-flip{transform:scaleX(-1)}.kvc-slash-row[aria-disabled=true]{opacity:.55;cursor:default}.kvc-button:focus-visible,.kvc-text-button:focus-visible,.kvc-link-button:focus-visible,.kvc-session:focus-visible,.kvc-switch:focus-visible,.kvc-chip-remove:focus-visible{outline:2px solid var(--kv-color-primary);outline-offset:2px}.kvc-box:focus-within,.kvc-search:focus-within{outline:2px solid var(--kv-color-primary);outline-offset:1px}.kvc-chip-remove{min-block-size:20px;padding:0}@media (pointer:coarse){.kvc-button{min-block-size:44px}.kvc-button.kvc-icon-button{inline-size:44px}.kvc-text-button,.kvc-link-button{align-items:center;min-block-size:44px;display:inline-flex}.kvc-chip-remove{min-block-size:44px;min-inline-size:44px}.kvc-switch{position:relative}.kvc-switch:after{content:"";position:absolute;inset-block:-10px;inset-inline:-2px}}
+/*$vite$:1*/