@kvman/kvcoder 0.1.0

package/dist/web/components/question.js

@@ -0,0 +1,321 @@
+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, normalizeClass as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, vModelText as h, withDirectives as g, withKeys as _, withModifiers as v } from "vue";
+//#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 y = {
+	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"
+}, b = (...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 x(e) {
+	return e != null;
+}
+function S(e, t = {}) {
+	let n = t.attributeNames ?? {}, r = (e) => n[e] ?? e, i = e.size ?? e.width ?? y.width, a = e.size ?? e.height ?? y.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 ? b(...c) : b("lucide", ...s, ...c), u = t.absoluteStrokeWidth ? Number(t.strokeWidth ?? y["stroke-width"]) * Number(e.size ?? e.width ?? y.width) / Number(t.size ?? t.width ?? y.width) : t.strokeWidth ?? y["stroke-width"];
+	return [
+		"svg",
+		{
+			...Object.entries(y).reduce((e, [t, n]) => (e[r(t)] = n, e), {}),
+			..."color" in t && t.color && { [r("stroke")]: t.color },
+			..."size" in t && x(t.size) && {
+				[r("width")]: t.size,
+				[r("height")]: t.size
+			},
+			..."width" in t && x(t.width) && { [r("width")]: t.width },
+			..."height" in t && x(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 C = (e) => {
+	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
+	return !1;
+}, w = (e) => e === "", T = (e) => e?.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), E = /* @__PURE__ */ Symbol("lucide-icons");
+function D() {
+	return l(E, {});
+}
+//#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 O = ({ name: e, iconNode: t, "icon-node": n, icon: r = {
+	name: e && T(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: E = "" } = D(), O = w(i) || w(a) || i === !0 || a === !0 || b === !0, k = w(o) || w(s) || o === !0 || s === !0 || x === !0;
+	delete h.class;
+	let A = g.default?.(), [, j, M = []] = S(r, {
+		color: m ?? v,
+		width: f ?? d ?? _,
+		height: p ?? d ?? _,
+		strokeWidth: l ?? u ?? y,
+		absoluteStrokeWidth: O,
+		nonScalingStroke: k,
+		className: E,
+		hasA11yProp: A != null && A.length > 0 || C(h),
+		attributes: h
+	});
+	return c("svg", j, [...M.map(([e, t]) => c(e, t)), ...A ?? []]);
+};
+//#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 k(e, t = []) {
+	let n = typeof e == "string" ? {
+		name: e,
+		node: t
+	} : e;
+	return (e, { slots: t }) => c(O, {
+		...e,
+		icon: n
+	}, t.default ? { default: t.default } : void 0);
+}
+var A = k({
+	name: "circle-question-mark",
+	size: 24,
+	node: [
+		["circle", {
+			cx: "12",
+			cy: "12",
+			r: "10",
+			key: "1mglay"
+		}],
+		["path", {
+			d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3",
+			key: "1u773s"
+		}],
+		["path", {
+			d: "M12 17h.01",
+			key: "p32p05"
+		}]
+	],
+	aliases: ["help-circle", "circle-help"]
+});
+//#endregion
+//#region web/src/kvman.ts
+function j() {
+	let e = l("kvman");
+	if (e === void 0) throw Error("kvcoder components run inside kvwebui, which provides kvman.");
+	return e;
+}
+function M(e) {
+	return typeof e == "object" && e && !Array.isArray(e) ? Object.fromEntries(Object.entries(e)) : {};
+}
+//#endregion
+//#region web/src/question-options.ts
+function N(e) {
+	return (Array.isArray(e.options) ? e.options : []).map((e) => {
+		let t = M(e);
+		return {
+			id: String(t.id),
+			label: String(t.label),
+			...typeof t.description == "string" ? { description: t.description } : {}
+		};
+	});
+}
+//#endregion
+//#region web/src/QuestionCard.vue?vue&type=script&setup=true&lang.ts
+var P = /*@__PURE__*/ s({
+	__name: "QuestionCard",
+	props: {
+		questionId: {
+			type: String,
+			required: !0
+		},
+		question: {
+			type: Object,
+			required: !0
+		}
+	},
+	emits: ["answer"],
+	setup(e, { expose: n, emit: r }) {
+		n();
+		let i = e, a = r, o = j(), s = t(() => String(i.question.kind ?? "text")), c = t(() => String(i.question.prompt ?? "")), l = t(() => N(i.question)), u = t(() => i.question.multiple === !0), d = t(() => i.question.other === !0), p = f(""), m = f([]), h = f("");
+		function g(e) {
+			a("answer", {
+				questionId: i.questionId,
+				answer: e
+			});
+		}
+		function _(e) {
+			m.value = u.value ? m.value.includes(e) ? m.value.filter((t) => t !== e) : [...m.value, e] : [e], u.value || (h.value = "");
+		}
+		function v() {
+			let e = h.value.trim();
+			g({
+				selected: e !== "" && !u.value ? [] : m.value,
+				...e === "" ? {} : { other: e }
+			});
+		}
+		let y = {
+			props: i,
+			emit: a,
+			kvman: o,
+			kind: s,
+			prompt: c,
+			options: l,
+			multiple: u,
+			offersOther: d,
+			text: p,
+			selected: m,
+			other: h,
+			send: g,
+			choose: _,
+			answerChoice: v,
+			get CircleHelp() {
+				return A;
+			}
+		};
+		return Object.defineProperty(y, "__isScriptSetup", {
+			enumerable: !1,
+			value: !0
+		}), y;
+	}
+}), F = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, I = ["aria-label"], L = {
+	class: "kvc-card-row",
+	style: { "font-weight": "600" }
+}, R = { dir: "auto" }, z = { class: "kvc-card-body" }, B = ["placeholder", "aria-label"], V = { class: "kvc-actions" }, H = ["data-test"], U = [
+	"type",
+	"checked",
+	"name",
+	"onChange"
+], W = { style: {
+	display: "flex",
+	"flex-direction": "column"
+} }, G = { style: { "font-weight": "500" } }, K = {
+	key: 0,
+	class: "kvc-muted"
+}, q = ["placeholder", "aria-label"], J = { class: "kvc-actions" }, Y = ["disabled"], X = {
+	key: 2,
+	class: "kvc-actions"
+};
+function Z(t, n, s, c, l, f) {
+	return d(), i("section", {
+		class: "kvc-card kvc-ask",
+		"data-test": "question-card",
+		"aria-label": c.prompt
+	}, [a("div", L, [o(c.CircleHelp, {
+		size: 18,
+		"aria-hidden": "true"
+	}), a("span", R, m(c.prompt), 1)]), a("div", z, [c.kind === "text" ? (d(), i(e, { key: 0 }, [g(a("input", {
+		"onUpdate:modelValue": n[0] ||= (e) => c.text = e,
+		class: "kvc-field",
+		dir: "auto",
+		placeholder: String(c.props.question.placeholder ?? ""),
+		"aria-label": c.prompt,
+		"data-test": "answer-text",
+		onKeydown: n[1] ||= _(v((e) => c.send({ text: c.text }), ["prevent"]), ["enter"])
+	}, null, 40, B), [[h, c.text]]), a("div", V, [a("button", {
+		type: "button",
+		class: "kvc-button",
+		"data-test": "skip",
+		onClick: n[2] ||= (e) => c.send({ dismissed: !0 })
+	}, m(c.kvman.t("kvcoder.ui.skip")), 1), a("button", {
+		type: "button",
+		class: "kvc-button kvc-primary",
+		"data-test": "answer",
+		onClick: n[3] ||= (e) => c.send({ text: c.text })
+	}, m(c.kvman.t("kvcoder.ui.answer")), 1)])], 64)) : c.kind === "choice" ? (d(), i(e, { key: 1 }, [
+		(d(!0), i(e, null, p(c.options, (e) => (d(), i("label", {
+			key: e.id,
+			class: "kvc-option",
+			"data-test": `option-${e.id}`
+		}, [a("input", {
+			type: c.multiple ? "checkbox" : "radio",
+			checked: c.selected.includes(e.id),
+			name: c.props.questionId,
+			onChange: (t) => c.choose(e.id)
+		}, null, 40, U), a("span", W, [a("span", G, m(e.label), 1), e.description ? (d(), i("span", K, m(e.description), 1)) : r("v-if", !0)])], 8, H))), 128)),
+		c.offersOther ? g((d(), i("input", {
+			key: 0,
+			"onUpdate:modelValue": n[4] ||= (e) => c.other = e,
+			class: "kvc-field",
+			placeholder: c.kvman.t("kvcoder.ui.other"),
+			"aria-label": c.kvman.t("kvcoder.ui.other"),
+			"data-test": "answer-other"
+		}, null, 8, q)), [[h, c.other]]) : r("v-if", !0),
+		a("div", J, [a("button", {
+			type: "button",
+			class: "kvc-button",
+			"data-test": "skip",
+			onClick: n[5] ||= (e) => c.send({ dismissed: !0 })
+		}, m(c.kvman.t("kvcoder.ui.skip")), 1), a("button", {
+			type: "button",
+			class: "kvc-button kvc-primary",
+			disabled: c.selected.length === 0 && c.other.trim() === "",
+			"data-test": "answer",
+			onClick: c.answerChoice
+		}, m(c.kvman.t("kvcoder.ui.answer")), 9, Y)])
+	], 64)) : (d(), i("div", X, [a("button", {
+		type: "button",
+		class: "kvc-button",
+		"data-test": "answer-no",
+		onClick: n[6] ||= (e) => c.send({ confirmed: !1 })
+	}, m(c.kvman.t("kvcoder.ui.no")), 1), a("button", {
+		type: "button",
+		class: u(["kvc-button kvc-primary", { "kvc-danger": c.props.question.danger === !0 }]),
+		"data-test": "answer-yes",
+		onClick: n[7] ||= (e) => c.send({ confirmed: !0 })
+	}, m(c.kvman.t("kvcoder.ui.yes")), 3)]))])], 8, I);
+}
+var Q = /*#__PURE__*/ F(P, [["render", Z], ["__file", "/home/runner/work/kvman/kvman/extensions/kvcoder/web/src/QuestionCard.vue"]]), $ = /*@__PURE__*/ s({
+	__name: "question",
+	props: {
+		questionId: {
+			type: String,
+			required: !0
+		},
+		question: {
+			type: Object,
+			required: !0
+		}
+	},
+	setup(e, { expose: t }) {
+		t();
+		let n = {
+			props: e,
+			QuestionCard: Q
+		};
+		return Object.defineProperty(n, "__isScriptSetup", {
+			enumerable: !1,
+			value: !0
+		}), n;
+	}
+});
+//#endregion
+//#region web/components/question.vue
+function ee(e, t, r, i, a, o) {
+	return d(), n(i.QuestionCard, {
+		"question-id": i.props.questionId,
+		question: i.props.question
+	}, null, 8, ["question-id", "question"]);
+}
+var te = /*#__PURE__*/ F($, [["render", ee], ["__file", "/home/runner/work/kvman/kvman/extensions/kvcoder/web/components/question.vue"]]);
+//#endregion
+export { te as default };

package/dist/web/components/sessions.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*/

package/dist/web/components/sessions.js

@@ -0,0 +1,264 @@
+import { Fragment as e, computed as t, createBlock as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, h as c, inject as l, onUnmounted as u, openBlock as d, renderList as f, shallowRef as p, toDisplayString as m, watch as h } from "vue";
+//#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 g = {
+	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"
+}, _ = (...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 v(e) {
+	return e != null;
+}
+function y(e, t = {}) {
+	let n = t.attributeNames ?? {}, r = (e) => n[e] ?? e, i = e.size ?? e.width ?? g.width, a = e.size ?? e.height ?? g.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 ? _(...c) : _("lucide", ...s, ...c), u = t.absoluteStrokeWidth ? Number(t.strokeWidth ?? g["stroke-width"]) * Number(e.size ?? e.width ?? g.width) / Number(t.size ?? t.width ?? g.width) : t.strokeWidth ?? g["stroke-width"];
+	return [
+		"svg",
+		{
+			...Object.entries(g).reduce((e, [t, n]) => (e[r(t)] = n, e), {}),
+			..."color" in t && t.color && { [r("stroke")]: t.color },
+			..."size" in t && v(t.size) && {
+				[r("width")]: t.size,
+				[r("height")]: t.size
+			},
+			..."width" in t && v(t.width) && { [r("width")]: t.width },
+			..."height" in t && v(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 b = (e) => {
+	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
+	return !1;
+}, x = (e) => e === "", S = (e) => e?.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), C = /* @__PURE__ */ Symbol("lucide-icons");
+function w() {
+	return l(C, {});
+}
+//#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 T = ({ name: e, iconNode: t, "icon-node": n, icon: r = {
+	name: e && S(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: C = 2, absoluteStrokeWidth: T = !1, nonScalingStroke: E = !1, class: D = "" } = w(), O = x(i) || x(a) || i === !0 || a === !0 || T === !0, k = x(o) || x(s) || o === !0 || s === !0 || E === !0;
+	delete h.class;
+	let A = g.default?.(), [, j, M = []] = y(r, {
+		color: m ?? v,
+		width: f ?? d ?? _,
+		height: p ?? d ?? _,
+		strokeWidth: l ?? u ?? C,
+		absoluteStrokeWidth: O,
+		nonScalingStroke: k,
+		className: D,
+		hasA11yProp: A != null && A.length > 0 || b(h),
+		attributes: h
+	});
+	return c("svg", j, [...M.map(([e, t]) => c(e, t)), ...A ?? []]);
+};
+//#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 E(e, t = []) {
+	let n = typeof e == "string" ? {
+		name: e,
+		node: t
+	} : e;
+	return (e, { slots: t }) => c(T, {
+		...e,
+		icon: n
+	}, t.default ? { default: t.default } : void 0);
+}
+var D = E({
+	name: "plus",
+	size: 24,
+	node: [["path", {
+		d: "M5 12h14",
+		key: "1ays0h"
+	}], ["path", {
+		d: "M12 5v14",
+		key: "s699le"
+	}]]
+});
+//#endregion
+//#region web/src/kvman.ts
+function O() {
+	let e = l("kvman");
+	if (e === void 0) throw Error("kvcoder components run inside kvwebui, which provides kvman.");
+	return e;
+}
+var k = () => document.documentElement.lang === "" ? void 0 : document.documentElement.lang;
+function A(e) {
+	return typeof e == "object" && e && !Array.isArray(e) ? Object.fromEntries(Object.entries(e)) : {};
+}
+function j(e, t) {
+	return t === "" ? e("kvcoder.ui.newChat") : t;
+}
+function M(e) {
+	let t = e.indexOf("/");
+	return t < 0 ? `kernel.errors.${e}` : `${e.slice(0, t)}.errors.${e.slice(t + 1)}`;
+}
+function N(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: P("params" in t ? t.params : void 0)
+	};
+}
+function P(e) {
+	return Object.fromEntries(Object.entries(A(e)).map(([e, t]) => [e, typeof t == "string" ? t : JSON.stringify(t)]));
+}
+function F(e, t) {
+	let n = N(t);
+	e.toast(n === void 0 ? "kvcoder.ui.failed" : M(n.code), n?.params ?? {}, "error");
+}
+//#endregion
+//#region web/src/SessionList.vue?vue&type=script&setup=true&lang.ts
+var I = /*@__PURE__*/ s({
+	__name: "SessionList",
+	props: { sessionId: {
+		type: null,
+		required: !1
+	} },
+	setup(e, { expose: n }) {
+		n();
+		let r = e, i = O(), a = p([]);
+		async function o() {
+			try {
+				a.value = await i.exec("kvcoder.session.list", { limit: 200 });
+			} catch (e) {
+				F(i, e);
+			}
+		}
+		let s = () => new Date((/* @__PURE__ */ new Date()).toDateString()).getTime(), c = t(() => {
+			let e = s();
+			return [{
+				key: "today",
+				items: a.value.filter((t) => Date.parse(t.updatedAt) >= e)
+			}, {
+				key: "earlier",
+				items: a.value.filter((t) => Date.parse(t.updatedAt) < e)
+			}].filter((e) => e.items.length > 0);
+		}), l = (e) => {
+			let t = new Date(e.updatedAt);
+			return t.getTime() >= s() ? t.toLocaleTimeString(k(), {
+				hour: "2-digit",
+				minute: "2-digit"
+			}) : t.toLocaleDateString(k(), {
+				month: "short",
+				day: "numeric"
+			});
+		}, d = setInterval(() => void o(), 5e3);
+		u(() => clearInterval(d)), h([() => r.sessionId, () => i.workspace.value.id], () => void o(), { immediate: !0 });
+		let f = {
+			props: r,
+			kvman: i,
+			sessions: a,
+			load: o,
+			startOfToday: s,
+			groups: c,
+			when: l,
+			timer: d,
+			get Plus() {
+				return D;
+			},
+			get titleText() {
+				return j;
+			}
+		};
+		return Object.defineProperty(f, "__isScriptSetup", {
+			enumerable: !1,
+			value: !0
+		}), f;
+	}
+}), L = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, R = ["aria-label"], z = { class: "kvc-group" }, B = [
+	"aria-current",
+	"data-test",
+	"onClick"
+], V = ["aria-label"], H = {
+	key: 1,
+	class: "kvc-chip kvc-warn",
+	"data-test": "needs-you"
+}, U = {
+	key: 2,
+	class: "kvc-muted"
+};
+function W(t, n, s, c, l, u) {
+	return d(), r("nav", {
+		class: "kvc-sessions",
+		"aria-label": c.kvman.t("kvcoder.ui.chats"),
+		"data-test": "sessions"
+	}, [i("button", {
+		type: "button",
+		class: "kvc-button kvc-primary",
+		style: { "margin-block-end": "6px" },
+		"data-test": "new-chat",
+		onClick: n[0] ||= (e) => c.kvman.navigate("kvcoder.chat")
+	}, [o(c.Plus, { size: 16 }), a(m(c.kvman.t("kvcoder.ui.newChat")), 1)]), (d(!0), r(e, null, f(c.groups, (t) => (d(), r(e, { key: t.key }, [i("span", z, m(c.kvman.t(`kvcoder.ui.${t.key}`)), 1), (d(!0), r(e, null, f(t.items, (e) => (d(), r("button", {
+		key: e.id,
+		type: "button",
+		class: "kvc-session",
+		"aria-current": e.id === c.props.sessionId ? "page" : void 0,
+		"data-test": `session-${e.id}`,
+		onClick: (t) => c.kvman.navigate("kvcoder.session", { sessionId: e.id })
+	}, [i("span", null, m(c.titleText(c.kvman.t, e.title)), 1), e.status === "running" ? (d(), r("span", {
+		key: 0,
+		class: "kvc-spin",
+		"aria-label": c.kvman.t("kvcoder.ui.status.running"),
+		"data-test": "running"
+	}, null, 8, V)) : e.status === "waiting" ? (d(), r("span", H, m(c.kvman.t("kvcoder.ui.needsYou")), 1)) : (d(), r("span", U, m(c.when(e)), 1))], 8, B))), 128))], 64))), 128))], 8, R);
+}
+var G = /*#__PURE__*/ L(I, [["render", W], ["__file", "/home/runner/work/kvman/kvman/extensions/kvcoder/web/src/SessionList.vue"]]), K = /*@__PURE__*/ s({
+	__name: "sessions",
+	props: { sessionId: {
+		type: String,
+		required: !1
+	} },
+	setup(e, { expose: t }) {
+		t();
+		let n = {
+			props: e,
+			SessionList: G
+		};
+		return Object.defineProperty(n, "__isScriptSetup", {
+			enumerable: !1,
+			value: !0
+		}), n;
+	}
+});
+//#endregion
+//#region web/components/sessions.vue
+function q(e, t, r, i, a, o) {
+	return d(), n(i.SessionList, { "session-id": i.props.sessionId }, null, 8, ["session-id"]);
+}
+var J = /*#__PURE__*/ L(K, [["render", q], ["__file", "/home/runner/work/kvman/kvman/extensions/kvcoder/web/components/sessions.vue"]]);
+//#endregion
+export { J as default };