@kvman/kvcoder 0.1.0

package/dist/web/components/model.js

@@ -0,0 +1,545 @@
+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, h as c, inject as l, nextTick as u, onBeforeUnmount as d, onMounted as f, openBlock as p, ref as m, renderList as h, shallowRef as g, toDisplayString as _, useTemplateRef as v, vModelText as y, watch as b, withDirectives as x, withKeys as S, withModifiers as C } from "vue";
+//#region web/src/kvman.ts
+function w() {
+	let e = l("kvman");
+	if (e === void 0) throw Error("kvcoder components run inside kvwebui, which provides kvman.");
+	return e;
+}
+function T(e) {
+	return typeof e == "object" && e && !Array.isArray(e) ? Object.fromEntries(Object.entries(e)) : {};
+}
+function E(e) {
+	let t = e.indexOf("/");
+	return t < 0 ? `kernel.errors.${e}` : `${e.slice(0, t)}.errors.${e.slice(t + 1)}`;
+}
+function D(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: O("params" in t ? t.params : void 0)
+	};
+}
+function O(e) {
+	return Object.fromEntries(Object.entries(T(e)).map(([e, t]) => [e, typeof t == "string" ? t : JSON.stringify(t)]));
+}
+function k(e, t) {
+	let n = D(t);
+	e.toast(n === void 0 ? "kvcoder.ui.failed" : E(n.code), n?.params ?? {}, "error");
+}
+//#endregion
+//#region web/src/model-groups.ts
+function A(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) ?? {
+			provider: e.provider,
+			title: r.get(e.provider) ?? e.provider,
+			models: []
+		};
+		t.models.push({
+			id: e.id,
+			name: e.name
+		}), o.set(e.provider, t);
+	}
+	return [...o.values()].sort((e, t) => e.title.localeCompare(t.title));
+}
+function ee(e, t) {
+	let n = t.toLowerCase().split(/\s+/).filter((e) => e !== ""), r = (e) => n.every((t) => `${e.name} ${e.id}`.toLowerCase().includes(t)), i = e.map((e) => ({
+		...e,
+		models: e.models.filter(r)
+	})).filter((e) => e.models.length > 0);
+	return {
+		groups: i,
+		shown: i.reduce((e, t) => e + t.models.length, 0),
+		total: e.reduce((e, t) => e + t.models.length, 0)
+	};
+}
+//#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 j = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": 2,
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round"
+}, M = (...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 N(e) {
+	return e != null;
+}
+function P(e, t = {}) {
+	let n = t.attributeNames ?? {}, r = (e) => n[e] ?? e, i = e.size ?? e.width ?? j.width, a = e.size ?? e.height ?? j.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 ? M(...c) : M("lucide", ...s, ...c), u = t.absoluteStrokeWidth ? Number(t.strokeWidth ?? j["stroke-width"]) * Number(e.size ?? e.width ?? j.width) / Number(t.size ?? t.width ?? j.width) : t.strokeWidth ?? j["stroke-width"];
+	return [
+		"svg",
+		{
+			...Object.entries(j).reduce((e, [t, n]) => (e[r(t)] = n, e), {}),
+			..."color" in t && t.color && { [r("stroke")]: t.color },
+			..."size" in t && N(t.size) && {
+				[r("width")]: t.size,
+				[r("height")]: t.size
+			},
+			..."width" in t && N(t.width) && { [r("width")]: t.width },
+			..."height" in t && N(t.height) && { [r("height")]: t.height },
+			[r("stroke-width")]: u,
+			...l && { [r("class")]: l },
+			[r("viewBox")]: `0 0 ${i} ${a}`,
+			...t.hasA11yProp === !1 ? { [r("aria-hidden")]: "true" } : {},
+			..."attributes" in t && t.attributes
+		},
+		e.node.map((e) => {
+			let [n, i, a] = e, o = t.nonScalingStroke ? {
+				[r("vector-effect")]: "non-scaling-stroke",
+				...i
+			} : i;
+			return a ? [
+				n,
+				o,
+				a
+			] : [n, o];
+		})
+	];
+}
+//#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 F = (e) => {
+	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
+	return !1;
+}, I = (e) => e === "", L = (e) => e?.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), R = /* @__PURE__ */ Symbol("lucide-icons");
+function z() {
+	return l(R, {});
+}
+//#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 B = ({ name: e, iconNode: t, "icon-node": n, icon: r = {
+	name: e && L(e),
+	node: t ?? n ?? [],
+	size: 24,
+	aliases: []
+}, absoluteStrokeWidth: i, "absolute-stroke-width": a, nonScalingStroke: o, "non-scaling-stroke": s, strokeWidth: l, "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 = "" } = z(), C = I(i) || I(a) || i === !0 || a === !0 || b === !0, w = I(o) || I(s) || o === !0 || s === !0 || x === !0;
+	delete h.class;
+	let T = g.default?.(), [, E, D = []] = P(r, {
+		color: m ?? v,
+		width: f ?? d ?? _,
+		height: p ?? d ?? _,
+		strokeWidth: l ?? u ?? y,
+		absoluteStrokeWidth: C,
+		nonScalingStroke: w,
+		className: S,
+		hasA11yProp: T != null && T.length > 0 || F(h),
+		attributes: h
+	});
+	return c("svg", E, [...D.map(([e, t]) => c(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 V(e, t = []) {
+	let n = typeof e == "string" ? {
+		name: e,
+		node: t
+	} : e;
+	return (e, { slots: t }) => c(B, {
+		...e,
+		icon: n
+	}, t.default ? { default: t.default } : void 0);
+}
+var te = V({
+	name: "check",
+	size: 24,
+	node: [["path", {
+		d: "M20 6 9 17l-5-5",
+		key: "1gmf2c"
+	}]]
+}), H = V({
+	name: "chevron-down",
+	size: 24,
+	node: [["path", {
+		d: "m6 9 6 6 6-6",
+		key: "qrunsl"
+	}]]
+}), U = V({
+	name: "search",
+	size: 24,
+	node: [["path", {
+		d: "m21 21-4.34-4.34",
+		key: "14j7rj"
+	}], ["circle", {
+		cx: "11",
+		cy: "11",
+		r: "8",
+		key: "4ej97u"
+	}]]
+}), W = 24, G = /*@__PURE__*/ s({
+	__name: "ModelPicker",
+	props: {
+		groups: {
+			type: Array,
+			required: !0
+		},
+		current: {
+			type: [String, null],
+			required: !0
+		},
+		empty: {
+			type: null,
+			required: !1
+		},
+		none: {
+			type: null,
+			required: !1
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		}
+	},
+	emits: ["pick", "none"],
+	setup(e, { expose: n, emit: r }) {
+		n();
+		let i = e, a = r, o = w(), s = m(!1), c = m(""), l = m(0), f = v("trigger"), p = v("search"), h = v("panel"), g = t(() => ee(i.groups, c.value)), _ = t(() => g.value.groups.flatMap((e) => e.models)), y = t(() => i.groups.flatMap((e) => e.models).find((e) => e.id === i.current)?.name ?? i.current ?? i.empty ?? ""), x = t(() => i.none !== void 0 && c.value.trim() === ""), S = t(() => +!!x.value), C = t(() => _.value.length + S.value), T = (e) => {
+			let t = _.value.findIndex((t) => t.id === e);
+			return t < 0 ? -1 : t + S.value;
+		};
+		function E() {
+			s.value = !1, f.value?.focus();
+		}
+		async function D() {
+			c.value = "", l.value = Math.max(T(i.current ?? ""), 0), O = 0, s.value = !0, await u(), A(), p.value?.focus(), M();
+		}
+		let O = 0, k = 0;
+		function A() {
+			let e = h.value, t = f.value?.closest(".kvc-conversation")?.getBoundingClientRect();
+			if (e === null || t === void 0) return;
+			let n = e.getBoundingClientRect(), r = t.left + W - (n.left - O), i = t.right - W - (n.right - O), a = r > 0 ? r : i < 0 ? i : 0;
+			a !== O && (O = a, e.style.translate = `${a}px 0`);
+		}
+		function j() {
+			A(), k = requestAnimationFrame(j);
+		}
+		function M() {
+			h.value?.querySelector("[data-active=\"true\"]")?.scrollIntoView?.({ block: "nearest" });
+		}
+		async function N(e) {
+			C.value !== 0 && (l.value = (l.value + e + C.value) % C.value, await u(), M());
+		}
+		function P(e) {
+			e !== void 0 && (a("pick", e), E());
+		}
+		function F() {
+			a("none"), E();
+		}
+		function I() {
+			x.value && l.value === 0 ? F() : P(_.value[l.value - S.value]?.id);
+		}
+		function L(e) {
+			e.target instanceof Node && !f.value?.parentElement?.contains(e.target) && (s.value = !1);
+		}
+		b(c, () => l.value = 0), b(s, (e) => {
+			e ? (document.addEventListener("pointerdown", L), k = requestAnimationFrame(j)) : (document.removeEventListener("pointerdown", L), cancelAnimationFrame(k));
+		}), d(() => {
+			document.removeEventListener("pointerdown", L), cancelAnimationFrame(k);
+		});
+		let R = {
+			props: i,
+			emit: a,
+			kvman: o,
+			open: s,
+			query: c,
+			highlight: l,
+			trigger: f,
+			search: p,
+			panel: h,
+			gutterPx: W,
+			found: g,
+			models: _,
+			label: y,
+			offersNone: x,
+			first: S,
+			count: C,
+			indexOf: T,
+			close: E,
+			show: D,
+			get shift() {
+				return O;
+			},
+			set shift(e) {
+				O = e;
+			},
+			get frame() {
+				return k;
+			},
+			set frame(e) {
+				k = e;
+			},
+			keepInside: A,
+			follow: j,
+			scrollToHighlight: M,
+			move: N,
+			pick: P,
+			pickNone: F,
+			pickHighlighted: I,
+			outside: L,
+			get Check() {
+				return te;
+			},
+			get ChevronDown() {
+				return H;
+			},
+			get Search() {
+				return U;
+			}
+		};
+		return Object.defineProperty(R, "__isScriptSetup", {
+			enumerable: !1,
+			value: !0
+		}), R;
+	}
+}), K = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, q = { class: "kvc-picker" }, J = [
+	"aria-expanded",
+	"aria-label",
+	"disabled"
+], Y = { class: "kvc-picker-label" }, X = ["onKeydown"], Z = { class: "kvc-search" }, Q = [
+	"placeholder",
+	"aria-label",
+	"onKeydown"
+], ne = ["aria-label"], re = ["aria-selected", "data-active"], ie = { class: "kvc-model-name" }, ae = {
+	class: "kvc-group",
+	role: "presentation",
+	"data-test": "model-group"
+}, oe = [
+	"aria-selected",
+	"data-active",
+	"data-test",
+	"onClick",
+	"onMousemove"
+], se = { class: "kvc-model-name" }, ce = {
+	key: 1,
+	class: "kvc-muted kvc-none",
+	"data-test": "model-none"
+}, le = {
+	class: "kvc-muted kvc-count",
+	"data-test": "model-count"
+};
+function ue(t, s, c, l, u, d) {
+	return p(), i("div", q, [a("button", {
+		ref: "trigger",
+		type: "button",
+		class: "kvc-button",
+		"aria-haspopup": "listbox",
+		"aria-expanded": l.open,
+		"aria-label": `${l.kvman.t("kvcoder.ui.model")}: ${l.label}`,
+		disabled: l.props.disabled,
+		"data-test": "model-picker",
+		onClick: s[0] ||= (e) => l.open ? l.close() : l.show()
+	}, [a("span", Y, _(l.label), 1), o(l.ChevronDown, {
+		size: 16,
+		"aria-hidden": "true"
+	})], 8, J), l.open ? (p(), i("div", {
+		key: 0,
+		ref: "panel",
+		class: "kvc-popover",
+		"data-test": "model-popover",
+		onKeydown: S(C(l.close, ["stop"]), ["esc"])
+	}, [
+		a("label", Z, [o(l.Search, {
+			size: 16,
+			"aria-hidden": "true"
+		}), x(a("input", {
+			ref: "search",
+			"onUpdate:modelValue": s[1] ||= (e) => l.query = e,
+			type: "search",
+			role: "combobox",
+			"aria-expanded": "true",
+			"aria-controls": "kvc-models",
+			placeholder: l.kvman.t("kvcoder.ui.searchModels"),
+			"aria-label": l.kvman.t("kvcoder.ui.searchModels"),
+			"data-test": "model-search",
+			onKeydown: [
+				s[2] ||= S(C((e) => l.move(1), ["prevent"]), ["down"]),
+				s[3] ||= S(C((e) => l.move(-1), ["prevent"]), ["up"]),
+				S(C(l.pickHighlighted, ["prevent"]), ["enter"])
+			]
+		}, null, 40, Q), [[y, l.query]])]),
+		a("div", {
+			id: "kvc-models",
+			class: "kvc-options",
+			role: "listbox",
+			"aria-label": l.kvman.t("kvcoder.ui.model")
+		}, [
+			l.offersNone ? (p(), i("div", {
+				key: 0,
+				class: "kvc-model",
+				role: "option",
+				"aria-selected": l.props.current === null,
+				"data-active": l.highlight === 0,
+				"data-test": "model-none-entry",
+				onClick: l.pickNone,
+				onMousemove: s[4] ||= (e) => l.highlight = 0
+			}, [a("span", ie, _(l.props.none), 1), l.props.current === null ? (p(), n(l.Check, {
+				key: 0,
+				size: 16,
+				"aria-hidden": "true"
+			})) : r("v-if", !0)], 40, re)) : r("v-if", !0),
+			(p(!0), i(e, null, h(l.found.groups, (t) => (p(), i(e, { key: t.provider }, [a("div", ae, _(t.title), 1), (p(!0), i(e, null, h(t.models, (e) => (p(), i("div", {
+				key: e.id,
+				class: "kvc-model",
+				role: "option",
+				"aria-selected": e.id === l.props.current,
+				"data-active": l.indexOf(e.id) === l.highlight,
+				"data-test": `model-${e.id}`,
+				onClick: (t) => l.pick(e.id),
+				onMousemove: (t) => l.highlight = l.indexOf(e.id)
+			}, [a("span", se, _(e.name), 1), e.id === l.props.current ? (p(), n(l.Check, {
+				key: 0,
+				size: 16,
+				"aria-hidden": "true"
+			})) : r("v-if", !0)], 40, oe))), 128))], 64))), 128)),
+			l.found.shown === 0 ? (p(), i("p", ce, _(l.kvman.t("kvcoder.ui.noModels")), 1)) : r("v-if", !0)
+		], 8, ne),
+		a("p", le, _(l.kvman.t("kvcoder.ui.modelsCount", {
+			shown: l.found.shown,
+			total: l.found.total
+		})), 1)
+	], 40, X)) : r("v-if", !0)]);
+}
+var de = /*#__PURE__*/ K(G, [["render", ue], ["__file", "/home/runner/work/kvman/kvman/extensions/kvcoder/web/src/ModelPicker.vue"]]);
+//#endregion
+//#region web/src/use-setting.ts
+function fe(e, n) {
+	let r = g(null), i = m("default"), a = m(!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) => {
+		a.value = !0;
+		try {
+			return await t(), await o(), !0;
+		} catch (t) {
+			return k(e, t), !1;
+		} finally {
+			a.value = !1;
+		}
+	};
+	return f(o), b(() => [e.scope.value, e.workspace.value.id], o), {
+		value: r,
+		saving: a,
+		locked: t(() => e.scope.value === "global" && i.value === "workspace"),
+		changed: t(() => i.value === e.scope.value),
+		set: (t) => s(() => e.exec("kernel.settings.set", {
+			key: n,
+			value: t,
+			scope: e.scope.value
+		})),
+		reset: () => s(() => e.exec("kernel.settings.reset", {
+			key: n,
+			scope: e.scope.value
+		}))
+	};
+}
+//#endregion
+//#region web/src/ModelSetting.vue?vue&type=script&setup=true&lang.ts
+var pe = /*@__PURE__*/ s({
+	__name: "ModelSetting",
+	setup(e, { expose: n }) {
+		n();
+		let r = w(), i = fe(r, "kvcoder.model"), a = m([]), o = m([]), s = m(null);
+		f(async () => {
+			try {
+				let [e, t, n] = await Promise.all([
+					r.exec("kvai.provider.list", {}),
+					r.exec("kvai.model.list", {}),
+					r.exec("kvai.model.default.get", {})
+				]);
+				a.value = e, o.value = t, s.value = n.name ?? n.id;
+			} catch (e) {
+				k(r, e);
+			}
+		});
+		let c = t(() => typeof i.value.value == "string" ? i.value.value : null), l = {
+			kvman: r,
+			setting: i,
+			providers: a,
+			models: o,
+			fallback: s,
+			current: c,
+			groups: t(() => A(a.value, o.value, c.value)),
+			empty: t(() => s.value === null ? r.t("kvcoder.config.model.defaultUnset") : r.t("kvcoder.config.model.default", { name: s.value })),
+			scoped: (e) => r.t(`${e}.${r.scope.value}`, { name: r.workspace.value.name }),
+			ModelPicker: de
+		};
+		return Object.defineProperty(l, "__isScriptSetup", {
+			enumerable: !1,
+			value: !0
+		}), l;
+	}
+}), me = {
+	class: "kvc-setting",
+	"data-test": "model-setting"
+}, he = { class: "kvc-setting-text" }, ge = {
+	class: "kvc-setting-title",
+	"data-test": "model-setting-title"
+}, _e = {
+	class: "kvc-muted",
+	"data-test": "model-setting-description"
+}, ve = { class: "kvc-setting-control" }, ye = {
+	key: 0,
+	class: "kvc-muted",
+	"data-test": "model-own-value"
+}, be = {
+	key: 1,
+	class: "kvc-connectors-state"
+}, $ = {
+	class: "kvc-chip",
+	"data-test": "model-changed"
+}, xe = ["disabled"];
+function Se(e, t, n, s, c, l) {
+	return p(), i("div", me, [a("span", he, [a("span", ge, _(s.kvman.t("kvcoder.model.title")), 1), a("span", _e, _(s.kvman.t("kvcoder.model.description")), 1)]), a("span", ve, [o(s.ModelPicker, {
+		groups: s.groups,
+		current: s.current,
+		empty: s.empty,
+		none: s.kvman.t("kvcoder.config.model.useDefault"),
+		disabled: s.setting.locked.value || s.setting.saving.value,
+		onPick: t[0] ||= (e) => s.setting.set(e),
+		onNone: t[1] ||= (e) => s.setting.set(null)
+	}, null, 8, [
+		"groups",
+		"current",
+		"empty",
+		"none",
+		"disabled"
+	]), s.setting.locked.value ? (p(), i("span", ye, _(s.kvman.t("kvcoder.config.model.ownValue", { name: s.kvman.workspace.value.name })), 1)) : s.setting.changed.value ? (p(), i("span", be, [a("span", $, _(s.scoped("kvcoder.config.model.changed")), 1), a("button", {
+		type: "button",
+		class: "kvc-text-button",
+		disabled: s.setting.saving.value,
+		"data-test": "model-reset",
+		onClick: t[2] ||= (...e) => s.setting.reset && s.setting.reset(...e)
+	}, _(s.scoped("kvcoder.config.model.reset")), 9, xe)])) : r("v-if", !0)])]);
+}
+var Ce = /*#__PURE__*/ K(pe, [["render", Se], ["__file", "/home/runner/work/kvman/kvman/extensions/kvcoder/web/src/ModelSetting.vue"]]), we = /*@__PURE__*/ s({
+	__name: "model",
+	setup(e, { expose: t }) {
+		t();
+		let n = { ModelSetting: Ce };
+		return Object.defineProperty(n, "__isScriptSetup", {
+			enumerable: !1,
+			value: !0
+		}), n;
+	}
+});
+//#endregion
+//#region web/components/model.vue
+function Te(e, t, r, i, a, o) {
+	return p(), n(i.ModelSetting);
+}
+var Ee = /*#__PURE__*/ K(we, [["render", Te], ["__file", "/home/runner/work/kvman/kvman/extensions/kvcoder/web/components/model.vue"]]);
+//#endregion
+export { Ee as default };

package/dist/web/components/question.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-type: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;container-type:inline-size}.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-tabs{border:1px solid var(--kv-color-border);border-radius:10px;gap:2px;min-inline-size:0;padding:3px;display:flex;overflow-x:auto}.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}}.kvc-header{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);flex-wrap:wrap;display:flex;position:relative}.kvc-title{flex-direction:column;flex:auto;min-inline-size:0;display:flex}.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;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);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-output{color:#e6e8ec;font-family:var(--kv-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#15171b;max-block-size:320px;margin:0;padding:10px 14px;font-size:12px;overflow-y:auto}.kvc-output+.kvc-output{border-block-start:1px solid #2c3037}.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{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-composer{padding-block:12px 18px;padding-inline:var(--kv-space-lg)}.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:center;gap:var(--kv-space-lg);padding:var(--kv-space-lg);flex-direction:column;flex:auto;display:flex}.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:var(--kv-color-background);font-weight:500}.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-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{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-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}: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}
+/*$vite$:1*/