@kvman/kvcoder 0.1.0 → 0.1.2

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, 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";
+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 _, unref as v, useTemplateRef as y, vModelText as b, watch as x, withDirectives as S, withKeys as C, withModifiers as w } from "vue";
 //#region web/src/kvman.ts
-function w() {
+function T() {
 	let e = l("kvman");
 	if (e === void 0) throw Error("kvcoder components run inside kvwebui, which provides kvman.");
 	return e;
 }
-function T(e) {
+function E(e) {
 	return typeof e == "object" && e && !Array.isArray(e) ? Object.fromEntries(Object.entries(e)) : {};
 }
-function E(e) {
+function D(e) {
 	let t = e.indexOf("/");
 	return t < 0 ? `kernel.errors.${e}` : `${e.slice(0, t)}.errors.${e.slice(t + 1)}`;
 }
-function D(e) {
+function O(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)
+		params: k("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) {
+	return Object.fromEntries(Object.entries(E(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");
+function A(e, t) {
+	let n = O(t);
+	e.toast(n === void 0 ? "kvcoder.ui.failed" : D(n.code), n?.params ?? {}, "error");
 }
 //#endregion
 //#region web/src/model-groups.ts
-function A(e, t, n) {
+function j(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) ?? {
@@ -57,7 +57,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 j = {
+var M = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -67,25 +67,25 @@ var j = {
 	"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();
+}, N = (...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) {
+function P(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"];
+function F(e, t = {}) {
+	let n = t.attributeNames ?? {}, r = (e) => n[e] ?? e, i = e.size ?? e.width ?? M.width, a = e.size ?? e.height ?? M.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 ? N(...c) : N("lucide", ...s, ...c), u = t.absoluteStrokeWidth ? Number(t.strokeWidth ?? M["stroke-width"]) * Number(e.size ?? e.width ?? M.width) / Number(t.size ?? t.width ?? M.width) : t.strokeWidth ?? M["stroke-width"];
 	return [
 		"svg",
 		{
-			...Object.entries(j).reduce((e, [t, n]) => (e[r(t)] = n, e), {}),
+			...Object.entries(M).reduce((e, [t, n]) => (e[r(t)] = n, e), {}),
 			..."color" in t && t.color && { [r("stroke")]: t.color },
-			..."size" in t && N(t.size) && {
+			..."size" in t && P(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 },
+			..."width" in t && P(t.width) && { [r("width")]: t.width },
+			..."height" in t && P(t.height) && { [r("height")]: t.height },
 			[r("stroke-width")]: u,
 			...l && { [r("class")]: l },
 			[r("viewBox")]: `0 0 ${i} ${a}`,
@@ -107,24 +107,24 @@ function P(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 F = (e) => {
+var I = (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, {});
+}, L = (e) => e === "", R = (e) => e?.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), z = /* @__PURE__ */ Symbol("lucide-icons");
+function B() {
+	return l(z, {});
 }
 //#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),
+var V = ({ name: e, iconNode: t, "icon-node": n, icon: r = {
+	name: e && R(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;
+	let { size: _, color: v, strokeWidth: y = 2, absoluteStrokeWidth: b = !1, nonScalingStroke: x = !1, class: S = "" } = B(), C = L(i) || L(a) || i === !0 || a === !0 || b === !0, w = L(o) || L(s) || o === !0 || s === !0 || x === !0;
 	delete h.class;
-	let T = g.default?.(), [, E, D = []] = P(r, {
+	let T = g.default?.(), [, E, D = []] = F(r, {
 		color: m ?? v,
 		width: f ?? d ?? _,
 		height: p ?? d ?? _,
@@ -132,38 +132,38 @@ var B = ({ name: e, iconNode: t, "icon-node": n, icon: r = {
 		absoluteStrokeWidth: C,
 		nonScalingStroke: w,
 		className: S,
-		hasA11yProp: T != null && T.length > 0 || F(h),
+		hasA11yProp: T != null && T.length > 0 || I(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 = []) {
+function H(e, t = []) {
 	let n = typeof e == "string" ? {
 		name: e,
 		node: t
 	} : e;
-	return (e, { slots: t }) => c(B, {
+	return (e, { slots: t }) => c(V, {
 		...e,
 		icon: n
 	}, t.default ? { default: t.default } : void 0);
 }
-var te = V({
+var U = H({
 	name: "check",
 	size: 24,
 	node: [["path", {
 		d: "M20 6 9 17l-5-5",
 		key: "1gmf2c"
 	}]]
-}), H = V({
+}), te = H({
 	name: "chevron-down",
 	size: 24,
 	node: [["path", {
 		d: "m6 9 6 6 6-6",
 		key: "qrunsl"
 	}]]
-}), U = V({
+}), ne = H({
 	name: "search",
 	size: 24,
 	node: [["path", {
@@ -175,247 +175,172 @@ var te = V({
 		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 = [
+}), re = { class: "kvc-picker" }, W = [
 	"aria-expanded",
 	"aria-label",
 	"disabled"
-], Y = { class: "kvc-picker-label" }, X = ["onKeydown"], Z = { class: "kvc-search" }, Q = [
+], ie = { class: "kvc-picker-label" }, ae = ["onKeydown"], oe = { class: "kvc-search" }, se = [
 	"placeholder",
 	"aria-label",
 	"onKeydown"
-], ne = ["aria-label"], re = ["aria-selected", "data-active"], ie = { class: "kvc-model-name" }, ae = {
+], ce = ["aria-label"], le = ["aria-selected", "data-active"], ue = { class: "kvc-model-name" }, de = {
 	class: "kvc-group",
 	role: "presentation",
 	"data-test": "model-group"
-}, oe = [
+}, fe = [
 	"aria-selected",
 	"data-active",
 	"data-test",
 	"onClick",
 	"onMousemove"
-], se = { class: "kvc-model-name" }, ce = {
+], pe = { class: "kvc-model-name" }, me = {
 	key: 1,
 	class: "kvc-muted kvc-none",
 	"data-test": "model-none"
-}, le = {
+}, he = {
 	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, {
+}, G = 24, K = /* @__PURE__ */ s({
+	__name: "ModelPicker",
+	props: {
+		groups: {},
+		current: {},
+		empty: {},
+		none: {},
+		disabled: { type: Boolean }
+	},
+	emits: ["pick", "none"],
+	setup(s, { emit: c }) {
+		let l = s, f = c, g = T(), E = m(!1), D = m(""), O = m(0), k = y("trigger"), A = y("search"), j = y("panel"), M = t(() => ee(l.groups, D.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 && D.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;
+		};
+		function z() {
+			E.value = !1, k.value?.focus();
+		}
+		async function B() {
+			D.value = "", O.value = Math.max(R(l.current ?? ""), 0), V = 0, E.value = !0, await u(), K(), A.value?.focus(), J();
+		}
+		let V = 0, H = 0;
+		function K() {
+			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 + G - (n.left - V), i = t.right - G - (n.right - V), a = r > 0 ? r : i < 0 ? i : 0;
+			a !== V && (V = a, e.style.translate = `${a}px 0`);
+		}
+		function q() {
+			K(), H = requestAnimationFrame(q);
+		}
+		function J() {
+			j.value?.querySelector("[data-active=\"true\"]")?.scrollIntoView?.({ block: "nearest" });
+		}
+		async function Y(e) {
+			L.value !== 0 && (O.value = (O.value + e + L.value) % L.value, await u(), J());
+		}
+		function X(e) {
+			e !== void 0 && (f("pick", e), z());
+		}
+		function Z() {
+			f("none"), z();
+		}
+		function Q() {
+			F.value && O.value === 0 ? Z() : X(N.value[O.value - I.value]?.id);
+		}
+		function $(e) {
+			e.target instanceof Node && !k.value?.parentElement?.contains(e.target) && (E.value = !1);
+		}
+		return x(D, () => O.value = 0), x(E, (e) => {
+			e ? (document.addEventListener("pointerdown", $), H = requestAnimationFrame(q)) : (document.removeEventListener("pointerdown", $), cancelAnimationFrame(H));
+		}), d(() => {
+			document.removeEventListener("pointerdown", $), cancelAnimationFrame(H);
+		}), (t, s) => (p(), i("div", re, [a("button", {
+			ref_key: "trigger",
+			ref: k,
+			type: "button",
+			class: "kvc-button",
+			"aria-haspopup": "listbox",
+			"aria-expanded": E.value,
+			"aria-label": `${v(g).t("kvcoder.ui.model")}: ${P.value}`,
+			disabled: l.disabled,
+			"data-test": "model-picker",
+			onClick: s[0] ||= (e) => E.value ? z() : B()
+		}, [a("span", ie, _(P.value), 1), o(v(te), {
 			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")
+		})], 8, W), E.value ? (p(), i("div", {
+			key: 0,
+			ref_key: "panel",
+			ref: j,
+			class: "kvc-popover",
+			"data-test": "model-popover",
+			onKeydown: C(w(z, ["stop"]), ["esc"])
 		}, [
-			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,
+			a("label", oe, [o(v(ne), {
 				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"]]);
+			}), S(a("input", {
+				ref_key: "search",
+				ref: A,
+				"onUpdate:modelValue": s[1] ||= (e) => D.value = e,
+				type: "search",
+				role: "combobox",
+				"aria-expanded": "true",
+				"aria-controls": "kvc-models",
+				placeholder: v(g).t("kvcoder.ui.searchModels"),
+				"aria-label": v(g).t("kvcoder.ui.searchModels"),
+				"data-test": "model-search",
+				onKeydown: [
+					s[2] ||= C(w((e) => Y(1), ["prevent"]), ["down"]),
+					s[3] ||= C(w((e) => Y(-1), ["prevent"]), ["up"]),
+					C(w(Q, ["prevent"]), ["enter"])
+				]
+			}, null, 40, se), [[b, D.value]])]),
+			a("div", {
+				id: "kvc-models",
+				class: "kvc-options",
+				role: "listbox",
+				"aria-label": v(g).t("kvcoder.ui.model")
+			}, [
+				F.value ? (p(), i("div", {
+					key: 0,
+					class: "kvc-model",
+					role: "option",
+					"aria-selected": l.current === null,
+					"data-active": O.value === 0,
+					"data-test": "model-none-entry",
+					onClick: Z,
+					onMousemove: s[4] ||= (e) => O.value = 0
+				}, [a("span", ue, _(l.none), 1), l.current === null ? (p(), n(v(U), {
+					key: 0,
+					size: 16,
+					"aria-hidden": "true"
+				})) : r("v-if", !0)], 40, le)) : r("v-if", !0),
+				(p(!0), i(e, null, h(M.value.groups, (t) => (p(), i(e, { key: t.provider }, [a("div", de, _(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.current,
+					"data-active": R(e.id) === O.value,
+					"data-test": `model-${e.id}`,
+					onClick: (t) => X(e.id),
+					onMousemove: (t) => O.value = R(e.id)
+				}, [a("span", pe, _(e.name), 1), e.id === l.current ? (p(), n(v(U), {
+					key: 0,
+					size: 16,
+					"aria-hidden": "true"
+				})) : r("v-if", !0)], 40, fe))), 128))], 64))), 128)),
+				M.value.shown === 0 ? (p(), i("p", me, _(v(g).t("kvcoder.ui.noModels")), 1)) : r("v-if", !0)
+			], 8, ce),
+			a("p", he, _(v(g).t("kvcoder.ui.modelsCount", {
+				shown: M.value.shown,
+				total: M.value.total
+			})), 1)
+		], 40, ae)) : r("v-if", !0)]));
+	}
+});
 //#endregion
 //#region web/src/use-setting.ts
-function fe(e, n) {
+function q(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";
@@ -424,12 +349,12 @@ function fe(e, n) {
 		try {
 			return await t(), await o(), !0;
 		} catch (t) {
-			return k(e, t), !1;
+			return A(e, t), !1;
 		} finally {
 			a.value = !1;
 		}
 	};
-	return f(o), b(() => [e.scope.value, e.workspace.value.id], o), {
+	return f(o), x(() => [e.scope.value, e.workspace.value.id], o), {
 		value: r,
 		saving: a,
 		locked: t(() => e.scope.value === "global" && i.value === "workspace"),
@@ -447,99 +372,69 @@ function fe(e, n) {
 }
 //#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 = {
+var J = {
 	class: "kvc-setting",
 	"data-test": "model-setting"
-}, he = { class: "kvc-setting-text" }, ge = {
+}, Y = { class: "kvc-setting-text" }, X = {
 	class: "kvc-setting-title",
 	"data-test": "model-setting-title"
-}, _e = {
+}, Z = {
 	class: "kvc-muted",
 	"data-test": "model-setting-description"
-}, ve = { class: "kvc-setting-control" }, ye = {
+}, Q = { class: "kvc-setting-control" }, $ = {
 	key: 0,
 	class: "kvc-muted",
 	"data-test": "model-own-value"
-}, be = {
+}, ge = {
 	key: 1,
 	class: "kvc-connectors-state"
-}, $ = {
+}, _e = {
 	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({
+}, ve = ["disabled"], ye = /* @__PURE__ */ s({
+	__name: "ModelSetting",
+	setup(e) {
+		let n = T(), s = q(n, "kvcoder.model"), c = m([]), l = m([]), u = m(null);
+		f(async () => {
+			try {
+				let [e, t, r] = await Promise.all([
+					n.exec("kvai.provider.list", {}),
+					n.exec("kvai.model.list", {}),
+					n.exec("kvai.model.default.get", {})
+				]);
+				c.value = e, l.value = t, u.value = r.name ?? r.id;
+			} catch (e) {
+				A(n, e);
+			}
+		});
+		let d = t(() => typeof s.value.value == "string" ? s.value.value : null), h = t(() => j(c.value, l.value, d.value)), g = t(() => u.value === null ? n.t("kvcoder.config.model.defaultUnset") : n.t("kvcoder.config.model.default", { name: u.value })), y = (e) => n.t(`${e}.${n.scope.value}`, { name: n.workspace.value.name });
+		return (e, t) => (p(), i("div", J, [a("span", Y, [a("span", X, _(v(n).t("kvcoder.model.title")), 1), a("span", Z, _(v(n).t("kvcoder.model.description")), 1)]), a("span", Q, [o(K, {
+			groups: h.value,
+			current: d.value,
+			empty: g.value,
+			none: v(n).t("kvcoder.config.model.useDefault"),
+			disabled: v(s).locked.value || v(s).saving.value,
+			onPick: t[0] ||= (e) => v(s).set(e),
+			onNone: t[1] ||= (e) => v(s).set(null)
+		}, null, 8, [
+			"groups",
+			"current",
+			"empty",
+			"none",
+			"disabled"
+		]), v(s).locked.value ? (p(), i("span", $, _(v(n).t("kvcoder.config.model.ownValue", { name: v(n).workspace.value.name })), 1)) : v(s).changed.value ? (p(), i("span", ge, [a("span", _e, _(y("kvcoder.config.model.changed")), 1), a("button", {
+			type: "button",
+			class: "kvc-text-button",
+			disabled: v(s).saving.value,
+			"data-test": "model-reset",
+			onClick: t[2] ||= (...e) => v(s).reset && v(s).reset(...e)
+		}, _(y("kvcoder.config.model.reset")), 9, ve)])) : r("v-if", !0)])]));
+	}
+}), be = /* @__PURE__ */ s({
 	__name: "model",
-	setup(e, { expose: t }) {
-		t();
-		let n = { ModelSetting: Ce };
-		return Object.defineProperty(n, "__isScriptSetup", {
-			enumerable: !1,
-			value: !0
-		}), n;
+	setup(e) {
+		return (e, t) => (p(), n(ye));
 	}
 });
 //#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 };
+export { be as default };