@kvman/kvcoder 0.1.5 → 0.1.7

package/dist/web/components/call.js

@@ -1,6 +1,6 @@
-import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, defineComponent as s, h as c, inject as l, normalizeClass as u, openBlock as d, ref as f, renderList as p, resolveDynamicComponent as m, toDisplayString as h, unref as g } from "vue";
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, h as l, inject as u, normalizeClass as d, openBlock as f, ref as p, renderList as m, resolveComponent as h, resolveDynamicComponent as g, toDisplayString as _, unref 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 _ = {
+var y = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -10,25 +10,25 @@ var _ = {
 	"stroke-width": 2,
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, v = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim();
+}, 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 y(e) {
+function x(e) {
 	return e != null;
 }
-function b(e, t = {}) {
-	let n = t.attributeNames ?? {}, r = (e) => n[e] ?? e, i = e.size ?? e.width ?? _.width, a = e.size ?? e.height ?? _.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 ? v(...c) : v("lucide", ...s, ...c), u = t.absoluteStrokeWidth ? Number(t.strokeWidth ?? _["stroke-width"]) * Number(e.size ?? e.width ?? _.width) / Number(t.size ?? t.width ?? _.width) : t.strokeWidth ?? _["stroke-width"];
+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(_).reduce((e, [t, n]) => (e[r(t)] = n, e), {}),
+			...Object.entries(y).reduce((e, [t, n]) => (e[r(t)] = n, e), {}),
 			..."color" in t && t.color && { [r("stroke")]: t.color },
-			..."size" in t && y(t.size) && {
+			..."size" in t && x(t.size) && {
 				[r("width")]: t.size,
 				[r("height")]: t.size
 			},
-			..."width" in t && y(t.width) && { [r("width")]: t.width },
-			..."height" in t && y(t.height) && { [r("height")]: t.height },
+			..."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}`,
@@ -50,35 +50,35 @@ function b(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 x = (e) => {
+var C = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, S = (e) => e === "", C = (e) => e?.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), w = /* @__PURE__ */ Symbol("lucide-icons");
-function T() {
-	return l(w, {});
+}, w = (e) => e === "", T = (e) => e?.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), E = /* @__PURE__ */ Symbol("lucide-icons");
+function ee() {
+	return u(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 E = ({ name: e, iconNode: t, "icon-node": n, icon: r = {
-	name: e && C(e),
+var te = ({ 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: w = !1, nonScalingStroke: E = !1, class: D = "" } = T(), O = S(i) || S(a) || i === !0 || a === !0 || w === !0, k = S(o) || S(s) || o === !0 || s === !0 || E === !0;
+}, absoluteStrokeWidth: i, "absolute-stroke-width": a, nonScalingStroke: o, "non-scaling-stroke": s, strokeWidth: c, "stroke-width": u, size: d, width: f = d, height: p = d, color: m, ...h }, { slots: g }) => {
+	let { size: _, color: v, strokeWidth: y = 2, absoluteStrokeWidth: b = !1, nonScalingStroke: x = !1, class: E = "" } = ee(), te = w(i) || w(a) || i === !0 || a === !0 || b === !0, D = w(o) || w(s) || o === !0 || s === !0 || x === !0;
 	delete h.class;
-	let A = g.default?.(), [, j, M = []] = b(r, {
+	let O = g.default?.(), [, k, A = []] = S(r, {
 		color: m ?? v,
 		width: f ?? d ?? _,
 		height: p ?? d ?? _,
-		strokeWidth: l ?? u ?? y,
-		absoluteStrokeWidth: O,
-		nonScalingStroke: k,
-		className: D,
-		hasA11yProp: A != null && A.length > 0 || x(h),
+		strokeWidth: c ?? u ?? y,
+		absoluteStrokeWidth: te,
+		nonScalingStroke: D,
+		className: E,
+		hasA11yProp: O != null && O.length > 0 || C(h),
 		attributes: h
 	});
-	return c("svg", j, [...M.map(([e, t]) => c(e, t)), ...A ?? []]);
+	return l("svg", k, [...A.map(([e, t]) => l(e, t)), ...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/createLucideIcon.mjs
@@ -87,7 +87,7 @@ function D(e, t = []) {
 		name: e,
 		node: t
 	} : e;
-	return (e, { slots: t }) => c(E, {
+	return (e, { slots: t }) => l(te, {
 		...e,
 		icon: n
 	}, t.default ? { default: t.default } : void 0);
@@ -106,36 +106,403 @@ var O = D({
 		d: "m9 18 6-6-6-6",
 		key: "mthhwq"
 	}]]
-}), A = 200;
-function j(e) {
-	let t = e.replace(/\s+/g, " ");
-	return t.length > A ? `${t.slice(0, A)}…` : t;
+}), A = D({
+	name: "file",
+	size: 24,
+	node: [["path", {
+		d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+		key: "1oefj6"
+	}], ["path", {
+		d: "M14 2v5a1 1 0 0 0 1 1h5",
+		key: "wfsgrz"
+	}]]
+}), ne = D({
+	name: "folder",
+	size: 24,
+	node: [["path", {
+		d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",
+		key: "1kt360"
+	}]]
+});
+//#endregion
+//#region web/src/kvman.ts
+function j() {
+	let e = u("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/durations.ts
-function M(e, t) {
-	if (t < 1e3) return e("kvcoder.ui.milliseconds", { count: Math.round(t) });
-	if (t < 1e4) return e("kvcoder.ui.seconds", { count: (t / 1e3).toFixed(1) });
-	let n = Math.round(t / 1e3);
-	return n < 60 ? e("kvcoder.ui.seconds", { count: n }) : e("kvcoder.ui.minutesSeconds", {
-		minutes: Math.floor(n / 60),
-		seconds: n % 60
+//#region web/src/call-results.ts
+function re(e) {
+	let { replacements: t, firstChangedLine: n } = M(e);
+	return typeof t == "number" && typeof n == "number" ? {
+		replacements: t,
+		firstChangedLine: n
+	} : void 0;
+}
+function ie(e) {
+	let { fromLine: t, content: n } = M(e);
+	return typeof t == "number" && typeof n == "string" ? {
+		fromLine: t,
+		content: n
+	} : void 0;
+}
+function ae(e) {
+	let { name: t, kind: n, bytes: r } = M(e);
+	return typeof t == "string" && (n === "file" || n === "folder") && typeof r == "number" ? [{
+		name: t,
+		kind: n,
+		bytes: r
+	}] : [];
+}
+function oe(e) {
+	let t = M(e).entries;
+	return Array.isArray(t) ? t.flatMap(ae) : void 0;
+}
+function se(e) {
+	let { path: t, matches: n } = M(e);
+	return typeof t != "string" || !Array.isArray(n) ? [] : [{
+		path: t,
+		matches: n.flatMap((e) => {
+			let { line: t, text: n } = M(e);
+			return typeof t == "number" && typeof n == "string" ? [{
+				line: t,
+				text: n
+			}] : [];
+		})
+	}];
+}
+var ce = [
+	"running",
+	"succeeded",
+	"failed",
+	"cancelled",
+	"interrupted"
+];
+function le(e, t) {
+	return ce.some((e) => e === t) ? e(`kvcoder.ui.jobs.status.${t}`) : t;
+}
+function N(e) {
+	let { kind: t, call: n, status: r, startedAt: i, endedAt: a, exitCode: o, output: s, problem: c } = M(e);
+	if (typeof n != "string" || typeof r != "string") return;
+	let l = typeof i == "string" && typeof a == "string" ? Date.parse(a) - Date.parse(i) : NaN;
+	return {
+		call: n,
+		status: r,
+		answer: t === "subagent",
+		...Number.isFinite(l) && l >= 0 ? { ranMs: l } : {},
+		...typeof o == "number" && o !== 0 ? { exitCode: o } : {},
+		...s === void 0 ? {} : { output: s },
+		...c === void 0 ? {} : { problem: c }
+	};
+}
+function ue(e) {
+	let t = M(e).files;
+	return Array.isArray(t) ? t.flatMap(se) : void 0;
+}
+//#endregion
+//#region web/src/edit-diff.ts
+var P = 3;
+function F(e) {
+	if (e === "") return [];
+	let t = e.split("\n");
+	return e.endsWith("\n") ? t.slice(0, -1) : t;
+}
+function I(e, t) {
+	let n = 0;
+	for (; n < e.length && n < t.length && e[n] === t[n];) n += 1;
+	return n;
+}
+function L(e, t) {
+	let n = F(e), r = F(t), i = I(n, r), a = I(n.slice(i).reverse(), r.slice(i).reverse()), o = (e, t) => t.map((t) => ({
+		kind: e,
+		text: t
+	}));
+	return [
+		...o("context", n.slice(Math.max(i - P, 0), i)),
+		...o("removed", n.slice(i, n.length - a)),
+		...o("added", r.slice(i, r.length - a)),
+		...o("context", n.slice(n.length - a, n.length - a + P))
+	];
+}
+function de(e) {
+	return {
+		added: e.filter((e) => e.kind === "added").length,
+		removed: e.filter((e) => e.kind === "removed").length
+	};
+}
+//#endregion
+//#region web/src/call-summary.ts
+function fe(e) {
+	if (e !== void 0 && /^\s*[[{]/.test(e)) try {
+		return JSON.parse(e);
+	} catch (e) {
+		if (e instanceof SyntaxError) return;
+		throw e;
+	}
+}
+var R = 1024;
+function z(e, t) {
+	return t < R ? e("kvcoder.ui.call.bytes", { count: t }) : t < R * R ? e("kvcoder.ui.call.kilobytes", { count: (t / R).toFixed(1) }) : e("kvcoder.ui.call.megabytes", { count: (t / (R * R)).toFixed(1) });
+}
+var B = (e) => typeof e == "string" && e !== "" ? e : void 0;
+function V(e) {
+	let t = e.edits;
+	return Array.isArray(t) ? t.flatMap((e) => {
+		let { oldText: t, newText: n } = M(e);
+		return typeof t == "string" && typeof n == "string" ? [{
+			oldText: t,
+			newText: n
+		}] : [];
+	}) : [];
+}
+function pe(e) {
+	let t = V(e).map((e) => de(L(e.oldText, e.newText)));
+	return `+${t.reduce((e, t) => e + t.added, 0)} −${t.reduce((e, t) => e + t.removed, 0)}`;
+}
+function me(e, t) {
+	if (typeof t.bytes == "number" && typeof t.created == "boolean") return e(t.created ? "kvcoder.ui.call.created" : "kvcoder.ui.call.replaced", { size: z(e, t.bytes) });
+}
+function he(e, t) {
+	let { fromLine: n, totalLines: r, content: i } = t;
+	if (typeof n != "number" || typeof r != "number" || typeof i != "string") return;
+	let a = F(i).length;
+	return a === 0 ? void 0 : e("kvcoder.ui.call.lines", {
+		from: n,
+		to: n + a - 1,
+		total: r
+	});
+}
+function ge(e, t) {
+	let n = t.entries;
+	if (Array.isArray(n)) return e(t.truncated === !0 ? "kvcoder.ui.call.entriesFirst" : "kvcoder.ui.call.entries", { count: n.length });
+}
+function _e(e, t) {
+	let n = t.files;
+	if (!Array.isArray(n)) return;
+	let r = n.reduce((e, t) => {
+		let n = M(t).matches;
+		return e + (Array.isArray(n) ? n.length : 0);
+	}, 0);
+	return e(t.truncated === !0 ? "kvcoder.ui.call.matchesFirst" : "kvcoder.ui.call.matches", {
+		matches: r,
+		files: n.length
 	});
 }
+var H = (e, t, n) => Array.isArray(n) ? e(t, { count: n.length }) : void 0;
+function U(e, t, n) {
+	return {
+		...e === void 0 ? {} : { words: e },
+		...t === void 0 ? {} : { subject: t },
+		...n === void 0 ? {} : { outcome: n }
+	};
+}
+function ve(e, t, n, r) {
+	let i = r === void 0 ? void 0 : M(r), a = B(n.path);
+	if (t === "edit") return U(e("kvcoder.ui.call.edit"), a, i === void 0 ? void 0 : pe(n));
+	if (t === "write") return U(e("kvcoder.ui.call.write"), a, i === void 0 ? void 0 : me(e, i));
+	if (t === "read") return U(e("kvcoder.ui.call.read"), a, i === void 0 ? void 0 : he(e, i));
+	if (t === "list") return U(e("kvcoder.ui.call.list"), a ?? ".", i === void 0 ? void 0 : ge(e, i));
+	if (t === "search") return U(e("kvcoder.ui.call.search"), B(n.pattern), i === void 0 ? void 0 : _e(e, i));
+}
+function ye(e, t, n, r) {
+	let i = B(n.server), a = [i, B(n.tool)].filter((e) => e !== void 0).join(" · ");
+	if (t === "call") return U(void 0, a === "" ? void 0 : a);
+	if (t === "run") {
+		let e = n.steps;
+		return U(void 0, [i, (Array.isArray(e) ? e.flatMap((e) => B(M(e).tool) === void 0 ? [] : [String(M(e).tool)]) : []).join(", ")].filter((e) => e !== void 0 && e !== "").join(" · "));
+	}
+	if (t === "tools") return U(e("kvcoder.ui.call.tools"), a === "" ? void 0 : a, H(e, "kvcoder.ui.call.toolCount", M(r).tools));
+}
+function be(e, t, n, r) {
+	if (t === "list") return U(e("kvcoder.ui.call.backgroundRuns"), void 0, H(e, "kvcoder.ui.call.runCount", r));
+	if (t === "output" || t === "wait") {
+		let i = N(r);
+		return U(e(`kvcoder.ui.call.${t}`), B(n.id), i === void 0 ? void 0 : le(e, i.status));
+	}
+	if (t === "stop") return U(e("kvcoder.ui.call.stop"), B(n.id));
+}
+function xe(e, t, n, r) {
+	let i = B(M(r).progress), a = n.steps, o = Array.isArray(a) ? a.flatMap((e) => B(M(e).id) === void 0 ? [] : [String(M(e).id)]).join(", ") : void 0;
+	return t === "set" ? U(e("kvcoder.ui.call.mapSet"), B(n.goal), i) : t === "update" ? U(e("kvcoder.ui.call.mapUpdate"), o === "" ? void 0 : o, i) : t === "note" ? U(e("kvcoder.ui.call.mapNote"), B(n.text)) : t === "get" ? U(e("kvcoder.ui.call.mapGet"), void 0, i) : void 0;
+}
+function Se(e, t, n) {
+	let { connector: r, command: i } = t, a = t.fields ?? {};
+	if (r !== void 0 && i !== void 0) {
+		if (t.line !== void 0) return { subject: `$ ${t.line}` };
+		if (r === "fs") return ve(e, i, a, n);
+		if (r === "mcp") return ye(e, i, a, n);
+		if (r === "background") return be(e, i, a, n);
+		if (r === "execution-map") return xe(e, i, a, n);
+		if (r === "delegate" && i === "run") return U(e("kvcoder.ui.call.delegate"), [B(a.worker), B(a.title)].filter((e) => e !== void 0).join(" · "));
+		if (r === "artifact" && i === "get") return U(e("kvcoder.ui.call.readArtifact"), B(a.id));
+	}
+}
 //#endregion
-//#region web/src/kvman.ts
-function N() {
-	let e = l("kvman");
-	if (e === void 0) throw Error("kvcoder components run inside kvwebui, which provides kvman.");
-	return e;
+//#region web/src/call-view.ts
+var Ce = 200, we = [
+	"text",
+	"choice",
+	"confirm"
+];
+function Te(e) {
+	return typeof e == "object" && e && !Array.isArray(e) ? Object.fromEntries(Object.entries(e)) : void 0;
+}
+var W = (e) => typeof e == "string" && e.trim() !== "" ? e : void 0;
+function Ee(e, t) {
+	let n = W(t.args);
+	return W(t.line) ?? (n === void 0 ? e : `${e} ${n}`);
+}
+function De(e) {
+	let t = W(e.title) ?? W(e.description), n = W(e.command);
+	return {
+		...t === void 0 ? {} : { description: t },
+		...n === void 0 ? {} : { line: n },
+		...e.mode === "async" ? { background: !0 } : {}
+	};
+}
+function Oe(e) {
+	let t = W(e.connector), n = W(e.command);
+	if (t === void 0) return De(e);
+	let r = W(e.description), i = Te(typeof e.payload == "string" ? void 0 : e.payload) ?? {}, a = t === "ask" ? we.find((e) => e === n) : void 0;
+	return {
+		...r === void 0 ? {} : { description: r },
+		connector: t,
+		...n === void 0 ? {} : {
+			command: n,
+			label: `${t} · ${n}`
+		},
+		...n === "exec" ? { line: Ee(t, i) } : {},
+		fields: i,
+		...i.risky === !0 ? { risky: !0 } : {},
+		...i.background === !0 ? { background: !0 } : {},
+		...a === void 0 ? {} : { ask: {
+			kind: a,
+			question: i
+		} }
+	};
+}
+var ke = [
+	"edit",
+	"write",
+	"read",
+	"list",
+	"search"
+];
+function G(e) {
+	return e.line === void 0 ? e.connector === "fs" ? ke.find((t) => t === e.command) ?? "fields" : e.connector === "mcp" && e.command === "call" ? "mcp-call" : e.connector === "background" && (e.command === "output" || e.command === "wait") ? "run-output" : e.connector === "delegate" && e.command === "run" ? "delegate" : "fields" : "line";
+}
+function K(e) {
+	let t = e.replace(/\s+/g, " ");
+	return t.length > Ce ? `${t.slice(0, Ce)}…` : t;
+}
+//#endregion
+//#region web/src/field-rows.ts
+var Ae = "—", je = (e) => e === null || typeof e == "string" || typeof e == "number" || typeof e == "boolean", Me = (e) => e === null ? Ae : String(e);
+function Ne(e) {
+	return typeof e == "object" && e && !Array.isArray(e) ? Object.fromEntries(Object.entries(e)) : void 0;
+}
+function Pe(e) {
+	let t = Ne(e);
+	if (t === void 0) return;
+	let n = {};
+	for (let [e, r] of Object.entries(t)) {
+		if (!je(r)) return;
+		n[e] = r;
+	}
+	return n;
+}
+function Fe(e) {
+	let t = [...new Set(e.flatMap((e) => Object.keys(e)))];
+	return {
+		kind: "table",
+		columns: t,
+		rows: e.map((e) => t.map((t) => t in e ? Me(e[t] ?? null) : ""))
+	};
+}
+function Ie(e) {
+	if (e.length === 0) return { kind: "empty" };
+	if (e.every(je)) return {
+		kind: "items",
+		items: e.map(Me)
+	};
+	let t = e.map(Pe).filter((e) => e !== void 0);
+	return t.length === e.length ? Fe(t) : {
+		kind: "rows",
+		rows: e.map((e, t) => ({
+			name: String(t + 1),
+			value: q(e)
+		}))
+	};
+}
+function q(e) {
+	if (typeof e == "string") return e.includes("\n") ? {
+		kind: "block",
+		text: e
+	} : {
+		kind: "text",
+		text: e
+	};
+	if (typeof e == "number" || typeof e == "boolean") return {
+		kind: "text",
+		text: String(e)
+	};
+	if (Array.isArray(e)) return Ie(e);
+	let t = Ne(e);
+	return t === void 0 || Object.keys(t).length === 0 ? { kind: "empty" } : {
+		kind: "rows",
+		rows: Le(t)
+	};
+}
+function Le(e) {
+	return Object.entries(e).map(([e, t]) => ({
+		name: e,
+		value: q(t)
+	}));
+}
+function J(e, t) {
+	return t || e.length <= 12 ? e : e.slice(0, 12);
+}
+var Re = (e) => F(e).map((e) => ({ text: e })), ze = (e, t) => F(e).map((e, n) => ({
+	text: e,
+	number: t + n
+}));
+function Be(e, t) {
+	return t || e.length <= 17 ? e : [
+		...e.slice(0, 12),
+		"⋯",
+		...e.slice(-5)
+	];
 }
 //#endregion
-//#region web/src/output-links.ts
-var P = /http:\/\/(?:127\.0\.0\.1|localhost):\d+[^\s"'`<>()[\]{}]*/g, F = /[.,;:!?]+$/;
-function I(e) {
+//#region web/src/FoldButton.vue?vue&type=script&setup=true&lang.ts
+var Ve = ["aria-expanded"], Y = /* @__PURE__ */ c({
+	__name: "FoldButton",
+	props: {
+		count: {},
+		open: { type: Boolean },
+		over: {}
+	},
+	emits: ["toggle"],
+	setup(e, { emit: t }) {
+		let n = e, a = t, o = j();
+		return (e, t) => n.count > (n.over ?? v(12)) ? (f(), i("button", {
+			key: 0,
+			type: "button",
+			class: "kvc-text-button kvc-fold",
+			"aria-expanded": n.open,
+			"data-test": "show-all",
+			onClick: t[0] ||= (e) => a("toggle")
+		}, _(n.open ? v(o).t("kvcoder.ui.call.showFewer") : v(o).t("kvcoder.ui.call.showAll", { count: n.count })), 9, Ve)) : r("v-if", !0);
+	}
+}), He = /http:\/\/(?:127\.0\.0\.1|localhost):\d+[^\s"'`<>()[\]{}]*/g, Ue = /[.,;:!?]+$/;
+function We(e) {
 	let t = [], n = 0;
-	for (let r of e.matchAll(P)) {
-		let i = r[0].replace(F, "");
+	for (let r of e.matchAll(He)) {
+		let i = r[0].replace(Ue, "");
 		r.index > n && t.push({
 			kind: "text",
 			text: e.slice(n, r.index)
@@ -149,71 +516,409 @@ function I(e) {
 		text: e.slice(n)
 	}), t;
 }
-function L(e) {
-	if (!/^[[{]/.test(e) || e.includes("\n")) return e;
-	try {
-		return JSON.stringify(JSON.parse(e), null, 2);
-	} catch (t) {
-		if (t instanceof SyntaxError) return e;
-		throw t;
+//#endregion
+//#region web/src/LinkedText.vue?vue&type=script&setup=true&lang.ts
+var Ge = ["href"], X = /* @__PURE__ */ c({
+	__name: "LinkedText",
+	props: { text: {} },
+	setup(n) {
+		let r = n, a = t(() => We(r.text));
+		return (t, n) => (f(!0), i(e, null, m(a.value, (t, n) => (f(), i(e, { key: n }, [t.kind === "link" ? (f(), i("a", {
+			key: 0,
+			href: t.href,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			class: "kvc-link"
+		}, _(t.href), 9, Ge)) : (f(), i(e, { key: 1 }, [o(_(t.text), 1)], 64))], 64))), 128));
+	}
+}), Ke = { class: "kvc-code-lines" }, qe = ["dir", "data-kind"], Je = {
+	key: 0,
+	class: "kvc-line-number",
+	"data-test": "call-line-number"
+}, Ye = {
+	key: 1,
+	class: "kvc-line-mark",
+	"aria-hidden": "true"
+}, Xe = {
+	class: "kvc-line-text",
+	dir: "auto",
+	"data-test": "call-line-text"
+}, Z = /* @__PURE__ */ c({
+	__name: "FoldedLines",
+	props: { lines: {} },
+	setup(n) {
+		let o = n, c = p(!1), l = t(() => J(o.lines, c.value)), u = t(() => o.lines.some((e) => e.number !== void 0)), d = t(() => o.lines.some((e) => e.kind !== void 0)), h = {
+			context: " ",
+			removed: "−",
+			added: "+"
+		};
+		return (t, n) => (f(), i("div", Ke, [(f(!0), i(e, null, m(l.value, (e, t) => (f(), i("div", {
+			key: t,
+			class: "kvc-code-line",
+			dir: u.value || d.value ? "ltr" : void 0,
+			"data-kind": e.kind,
+			"data-test": "call-line-row"
+		}, [
+			u.value ? (f(), i("span", Je, _(e.number), 1)) : r("v-if", !0),
+			d.value ? (f(), i("span", Ye, _(h[e.kind ?? "context"]), 1)) : r("v-if", !0),
+			a("span", Xe, [s(X, { text: e.text }, null, 8, ["text"])])
+		], 8, qe))), 128)), s(Y, {
+			count: o.lines.length,
+			open: c.value,
+			onToggle: n[0] ||= (e) => c.value = !c.value
+		}, null, 8, ["count", "open"])]));
+	}
+}), Ze = {
+	key: 0,
+	dir: "auto",
+	"data-test": "field-text"
+}, Qe = {
+	key: 1,
+	class: "kvc-muted",
+	"data-test": "field-empty"
+}, $e = {
+	key: 3,
+	class: "kvc-field-table"
+}, et = { "data-test": "field-table" }, tt = {
+	key: 4,
+	class: "kvc-field-items",
+	"data-test": "field-items"
+}, nt = {
+	key: 5,
+	class: "kvc-fields",
+	"data-test": "call-fields"
+}, rt = ["data-name"], it = {
+	class: "kvc-muted",
+	dir: "ltr"
+}, at = { "data-test": "field-value" }, Q = /* @__PURE__ */ c({
+	__name: "FieldsView",
+	props: { value: {} },
+	setup(r) {
+		let o = r, c = p(!1), l = t(() => o.value.kind === "table" ? J(o.value.rows, c.value) : []), u = t(() => o.value.kind === "items" ? J(o.value.items, c.value) : []);
+		return (t, r) => {
+			let d = h("FieldsView", !0);
+			return o.value.kind === "text" ? (f(), i("span", Ze, [s(X, { text: o.value.text }, null, 8, ["text"])])) : o.value.kind === "empty" ? (f(), i("span", Qe, "—")) : o.value.kind === "block" ? (f(), n(Z, {
+				key: 2,
+				class: "kvc-field-block",
+				lines: v(Re)(o.value.text),
+				"data-test": "field-block"
+			}, null, 8, ["lines"])) : o.value.kind === "table" ? (f(), i("div", $e, [a("table", et, [a("thead", null, [a("tr", null, [(f(!0), i(e, null, m(o.value.columns, (e) => (f(), i("th", {
+				key: e,
+				scope: "col",
+				dir: "ltr"
+			}, _(e), 1))), 128))])]), a("tbody", null, [(f(!0), i(e, null, m(l.value, (t, n) => (f(), i("tr", { key: n }, [(f(!0), i(e, null, m(t, (e, t) => (f(), i("td", {
+				key: t,
+				dir: "auto"
+			}, [s(X, { text: e }, null, 8, ["text"])]))), 128))]))), 128))])]), s(Y, {
+				count: o.value.rows.length,
+				open: c.value,
+				onToggle: r[0] ||= (e) => c.value = !c.value
+			}, null, 8, ["count", "open"])])) : o.value.kind === "items" ? (f(), i("div", tt, [(f(!0), i(e, null, m(u.value, (e, t) => (f(), i("div", {
+				key: t,
+				dir: "auto"
+			}, [s(X, { text: e }, null, 8, ["text"])]))), 128)), s(Y, {
+				count: o.value.items.length,
+				open: c.value,
+				onToggle: r[1] ||= (e) => c.value = !c.value
+			}, null, 8, ["count", "open"])])) : (f(), i("dl", nt, [(f(!0), i(e, null, m(o.value.rows, (e) => (f(), i("div", {
+				key: e.name,
+				class: "kvc-field-row",
+				"data-name": e.name,
+				"data-test": "field-row"
+			}, [a("dt", it, _(e.name), 1), a("dd", at, [s(d, { value: e.value }, null, 8, ["value"])])], 8, rt))), 128))]));
+		};
+	}
+}), ot = ["aria-label"], st = ["aria-label"], ct = /* @__PURE__ */ c({
+	__name: "CallRequest",
+	props: { view: {} },
+	setup(a) {
+		let o = a, c = j(), l = t(() => G(o.view)), u = t(() => o.view.fields ?? {}), d = t(() => V(u.value).map((e) => L(e.oldText, e.newText))), p = t(() => typeof u.value.content == "string" ? u.value.content : ""), h = t(() => typeof u.value.task == "string" ? u.value.task : ""), g = t(() => l.value === "mcp-call" ? M(u.value.arguments) : l.value === "fields" ? u.value : {});
+		return (t, a) => l.value === "edit" ? (f(!0), i(e, { key: 0 }, m(d.value, (e, t) => (f(), n(Z, {
+			key: t,
+			class: "kvc-block",
+			lines: e,
+			"data-test": "call-diff"
+		}, null, 8, ["lines"]))), 128)) : l.value === "write" ? (f(), n(Z, {
+			key: 1,
+			class: "kvc-block",
+			lines: v(ze)(p.value, 1),
+			"data-test": "call-content"
+		}, null, 8, ["lines"])) : l.value === "line" ? (f(), i("pre", {
+			key: 2,
+			class: "kvc-output kvc-mono",
+			dir: "ltr",
+			"aria-label": v(c).t("kvcoder.ui.command"),
+			"data-test": "call-payload"
+		}, "$ " + _(o.view.line), 9, ot)) : l.value === "delegate" ? (f(), n(Z, {
+			key: 3,
+			class: "kvc-block kvc-prose-lines",
+			lines: v(Re)(h.value),
+			"aria-label": v(c).t("kvcoder.ui.call.task"),
+			"data-test": "call-task"
+		}, null, 8, ["lines", "aria-label"])) : Object.keys(g.value).length > 0 ? (f(), i("div", {
+			key: 4,
+			class: "kvc-block",
+			"aria-label": v(c).t("kvcoder.ui.call.payload"),
+			"data-test": "call-payload-fields"
+		}, [s(Q, { value: v(q)(g.value) }, null, 8, ["value"])], 8, st)) : r("v-if", !0);
+	}
+}), lt = { class: "kvc-output-block" }, ut = ["aria-label"], dt = /* @__PURE__ */ c({
+	__name: "FoldedOutput",
+	props: { output: {} },
+	setup(e) {
+		let n = e, r = j(), o = p(!1), c = t(() => n.output.split("\n")), l = t(() => Be(c.value, o.value).join("\n"));
+		return (e, t) => (f(), i("div", lt, [a("pre", {
+			class: "kvc-output",
+			dir: "auto",
+			"aria-label": v(r).t("kvcoder.ui.output"),
+			"data-test": "call-output"
+		}, [s(X, { text: l.value }, null, 8, ["text"])], 8, ut), s(Y, {
+			count: c.value.length,
+			open: o.value,
+			over: v(12) + v(5),
+			onToggle: t[0] ||= (e) => o.value = !o.value
+		}, null, 8, [
+			"count",
+			"open",
+			"over"
+		])]));
 	}
+});
+//#endregion
+//#region web/src/durations.ts
+function $(e, t) {
+	if (t < 1e3) return e("kvcoder.ui.milliseconds", { count: Math.round(t) });
+	if (t < 1e4) return e("kvcoder.ui.seconds", { count: (t / 1e3).toFixed(1) });
+	let n = Math.round(t / 1e3);
+	return n < 60 ? e("kvcoder.ui.seconds", { count: n }) : e("kvcoder.ui.minutesSeconds", {
+		minutes: Math.floor(n / 60),
+		seconds: n % 60
+	});
 }
 //#endregion
-//#region web/src/CallCard.vue?vue&type=script&setup=true&lang.ts
-var R = ["aria-expanded", "disabled"], z = ["aria-label"], B = { class: "kvc-lines" }, V = {
+//#region web/src/RunOutput.vue?vue&type=script&setup=true&lang.ts
+var ft = {
+	class: "kvc-block kvc-run-row",
+	"data-test": "run-row"
+}, pt = {
+	class: "kvc-run-call",
+	dir: "auto",
+	"data-test": "run-call"
+}, mt = {
+	class: "kvc-chip",
+	"data-test": "run-status"
+}, ht = {
 	key: 0,
-	style: { "font-weight": "600" },
-	"data-test": "call-description"
-}, H = {
-	key: 1,
-	class: "kvc-oneline",
-	"data-test": "call-line"
-}, U = { class: "kvc-mono" }, W = {
+	class: "kvc-muted",
+	"data-test": "run-time"
+}, gt = ["aria-label"], _t = ["aria-label"], vt = ["aria-label"], yt = ["aria-label"], bt = /* @__PURE__ */ c({
+	__name: "RunOutput",
+	props: { run: {} },
+	setup(c) {
+		let l = c, u = j(), d = (e) => typeof e == "string" ? e : void 0, p = t(() => d(l.run.output)), m = t(() => d(l.run.problem)), h = t(() => ({
+			type: "markdown",
+			text: "kvcoder.markdown",
+			params: { text: p.value ?? "" }
+		}));
+		return (t, c) => (f(), i(e, null, [
+			a("div", ft, [
+				a("span", pt, _(l.run.call), 1),
+				a("span", mt, [o(_(v(le)(v(u).t, l.run.status)), 1), l.run.exitCode === void 0 ? r("v-if", !0) : (f(), i(e, { key: 0 }, [o(" · " + _(v(u).t("kvcoder.ui.exitCode", { code: l.run.exitCode })), 1)], 64))]),
+				l.run.ranMs === void 0 ? r("v-if", !0) : (f(), i("span", ht, _(v($)(v(u).t, l.run.ranMs)), 1))
+			]),
+			m.value === void 0 ? l.run.problem === void 0 ? r("v-if", !0) : (f(), i("div", {
+				key: 1,
+				class: "kvc-block kvc-error",
+				"aria-label": v(u).t("kvcoder.ui.call.error"),
+				"data-test": "run-problem"
+			}, [s(Q, { value: v(q)(l.run.problem) }, null, 8, ["value"])], 8, _t)) : (f(), i("pre", {
+				key: 0,
+				class: "kvc-block kvc-error",
+				dir: "auto",
+				"aria-label": v(u).t("kvcoder.ui.call.error"),
+				"data-test": "run-problem"
+			}, [s(X, { text: m.value }, null, 8, ["text"])], 8, gt)),
+			p.value === void 0 && l.run.output !== void 0 ? (f(), i("div", {
+				key: 2,
+				class: "kvc-block",
+				"aria-label": v(u).t("kvcoder.ui.output"),
+				"data-test": "call-result-fields"
+			}, [s(Q, { value: v(q)(l.run.output) }, null, 8, ["value"])], 8, vt)) : l.run.answer && p.value ? (f(), i("div", {
+				key: 3,
+				class: "kvc-block",
+				"aria-label": v(u).t("kvcoder.ui.call.answer"),
+				"data-test": "call-answer"
+			}, [(f(), n(g(v(u).View), { view: h.value }, null, 8, ["view"]))], 8, yt)) : p.value ? (f(), n(dt, {
+				key: 4,
+				output: p.value
+			}, null, 8, ["output"])) : r("v-if", !0)
+		], 64));
+	}
+}), xt = {
+	key: 0,
+	class: "kvc-muted kvc-call-parts",
+	"data-test": "call-replacements"
+}, St = {
 	key: 2,
+	class: "kvc-block kvc-entries",
+	"data-test": "call-entries"
+}, Ct = ["data-kind"], wt = {
+	class: "kvc-mono",
+	dir: "auto",
+	"data-test": "call-entry-name"
+}, Tt = {
+	key: 0,
+	class: "kvc-muted",
+	"data-test": "call-entry-size"
+}, Et = {
+	class: "kvc-mono kvc-file-path",
+	"data-test": "call-file-path"
+}, Dt = ["aria-label"], Ot = ["aria-label"], kt = /* @__PURE__ */ c({
+	__name: "CallResult",
+	props: {
+		view: {},
+		output: {},
+		result: {}
+	},
+	setup(o) {
+		let c = o, l = j(), u = t(() => G(c.view)), d = t(() => u.value === "edit" ? re(c.result) : void 0), h = t(() => u.value === "read" ? ie(c.result) : void 0), y = t(() => u.value === "list" ? oe(c.result) : void 0), b = t(() => u.value === "search" ? ue(c.result) : void 0), x = t(() => u.value === "run-output" ? N(c.result) : void 0), S = p(!1), C = t(() => J(y.value ?? [], S.value)), w = t(() => ({
+			type: "markdown",
+			text: "kvcoder.markdown",
+			params: { text: c.output }
+		})), T = t(() => u.value !== "line" && typeof c.result == "object" && c.result !== null);
+		return (t, o) => d.value === void 0 ? h.value === void 0 ? y.value === void 0 ? b.value === void 0 ? u.value === "write" && T.value ? (f(), i(e, { key: 4 }, [], 64)) : x.value === void 0 ? u.value === "delegate" && c.output !== "" ? (f(), i("div", {
+			key: 6,
+			class: "kvc-block",
+			"aria-label": v(l).t("kvcoder.ui.call.answer"),
+			"data-test": "call-answer"
+		}, [(f(), n(g(v(l).View), { view: w.value }, null, 8, ["view"]))], 8, Dt)) : T.value ? (f(), i("div", {
+			key: 7,
+			class: "kvc-block",
+			"aria-label": v(l).t("kvcoder.ui.output"),
+			"data-test": "call-result-fields"
+		}, [s(Q, { value: v(q)(c.result) }, null, 8, ["value"])], 8, Ot)) : c.output === "" ? r("v-if", !0) : (f(), n(dt, {
+			key: 8,
+			output: c.output
+		}, null, 8, ["output"])) : (f(), n(bt, {
+			key: 5,
+			run: x.value
+		}, null, 8, ["run"])) : (f(!0), i(e, { key: 3 }, m(b.value, (e) => (f(), i("div", {
+			key: e.path,
+			class: "kvc-block",
+			"data-test": "call-file"
+		}, [a("div", Et, _(e.path), 1), s(Z, { lines: e.matches.map((e) => ({
+			text: e.text,
+			number: e.line
+		})) }, null, 8, ["lines"])]))), 128)) : (f(), i("div", St, [(f(!0), i(e, null, m(C.value, (e) => (f(), i("div", {
+			key: e.name,
+			class: "kvc-entry",
+			"data-kind": e.kind,
+			"data-test": "call-entry"
+		}, [
+			(f(), n(g(e.kind === "folder" ? v(ne) : v(A)), {
+				size: 14,
+				"aria-hidden": "true"
+			})),
+			a("span", wt, _(e.name), 1),
+			e.kind === "file" ? (f(), i("span", Tt, _(v(z)(v(l).t, e.bytes)), 1)) : r("v-if", !0)
+		], 8, Ct))), 128)), s(Y, {
+			count: y.value.length,
+			open: S.value,
+			onToggle: o[0] ||= (e) => S.value = !S.value
+		}, null, 8, ["count", "open"])])) : (f(), n(Z, {
+			key: 1,
+			class: "kvc-block",
+			lines: v(ze)(h.value.content, h.value.fromLine),
+			"data-test": "call-content"
+		}, null, 8, ["lines"])) : (f(), i("p", xt, _(v(l).t("kvcoder.ui.call.replacements", {
+			count: d.value.replacements,
+			line: d.value.firstChangedLine
+		})), 1));
+	}
+}), At = {
+	key: 0,
+	class: "kvc-summary",
+	"data-test": "call-summary"
+}, jt = {
+	key: 0,
+	"data-test": "call-words"
+}, Mt = {
+	key: 1,
+	class: "kvc-mono",
+	"data-test": "call-subject"
+}, Nt = ["dir"], Pt = {
+	key: 1,
 	class: "kvc-muted",
 	dir: "ltr",
 	style: { "align-self": "flex-start" },
 	"data-test": "call-label"
-}, G = {
+}, Ft = /* @__PURE__ */ c({
+	__name: "CallSummaryLine",
+	props: {
+		view: {},
+		result: {},
+		whole: { type: Boolean }
+	},
+	setup(e) {
+		let n = e, a = j(), o = t(() => Se(a.t, n.view, n.result)), s = t(() => /\p{L}/u.test(o.value?.outcome ?? "") ? void 0 : "ltr"), c = t(() => o.value?.subject === void 0 || n.whole === !0 ? o.value?.subject : K(o.value.subject));
+		return (e, t) => o.value === void 0 ? n.view.label ? (f(), i("span", Pt, _(n.view.label), 1)) : r("v-if", !0) : (f(), i("span", At, [
+			o.value.words ? (f(), i("span", jt, _(o.value.words), 1)) : r("v-if", !0),
+			c.value ? (f(), i("span", Mt, _(c.value), 1)) : r("v-if", !0),
+			o.value.outcome ? (f(), i("span", {
+				key: 2,
+				class: "kvc-muted",
+				dir: s.value,
+				"data-test": "call-outcome"
+			}, _(o.value.outcome), 9, Nt)) : r("v-if", !0)
+		]));
+	}
+}), It = ["aria-expanded", "disabled"], Lt = ["aria-label"], Rt = { class: "kvc-lines" }, zt = {
+	key: 0,
+	style: { "font-weight": "600" },
+	"data-test": "call-description"
+}, Bt = {
+	key: 1,
+	class: "kvc-oneline",
+	"data-test": "call-line"
+}, Vt = { class: "kvc-mono" }, Ht = {
 	key: 2,
+	class: "kvc-chip kvc-warn",
+	"data-test": "call-risky"
+}, Ut = {
+	key: 3,
 	class: "kvc-chip",
 	"data-test": "call-background"
-}, K = {
-	key: 3,
+}, Wt = {
+	key: 4,
 	class: "kvc-chip kvc-danger",
 	"data-test": "call-failed"
-}, q = {
+}, Gt = {
 	class: "kvc-muted",
 	"data-test": "call-time"
-}, J = {
+}, Kt = {
 	key: 0,
 	class: "kvc-muted kvc-call-parts",
 	"data-test": "call-parts"
-}, Y = ["aria-label"], X = ["aria-label"], Z = ["href"], Q = /* @__PURE__ */ s({
+}, qt = ["aria-label"], Jt = /* @__PURE__ */ c({
 	__name: "CallCard",
 	props: {
-		description: {},
-		label: {},
-		line: {},
-		payload: {},
+		view: {},
 		failed: { type: Boolean },
 		durationMs: {},
-		writtenMs: {},
 		output: {},
-		running: { type: Boolean },
-		background: { type: Boolean }
+		running: { type: Boolean }
 	},
-	setup(s) {
-		let c = s, l = N(), _ = f(!1), v = t(() => I(L(c.output ?? ""))), y = t(() => c.durationMs === void 0 ? "" : M(l.t, (c.writtenMs ?? 0) + c.durationMs)), b = t(() => {
+	setup(o) {
+		let c = o, l = j(), u = t(() => G(c.view)), m = p(c.output !== void 0 && (c.failed === !0 || u.value === "edit" || u.value === "write")), h = t(() => c.failed === !0 ? void 0 : fe(c.output)), y = t(() => c.failed === !0 && u.value !== "line"), b = t(() => c.durationMs === void 0 ? "" : $(l.t, (c.view.writtenMs ?? 0) + c.durationMs)), x = t(() => {
 			if (c.durationMs === void 0) return "";
-			let e = M(l.t, c.durationMs);
-			return c.writtenMs === void 0 ? l.t("kvcoder.ui.callRan", { ran: e }) : l.t("kvcoder.ui.callParts", {
-				written: M(l.t, c.writtenMs),
+			let e = $(l.t, c.durationMs);
+			return c.view.writtenMs === void 0 ? l.t("kvcoder.ui.callRan", { ran: e }) : l.t("kvcoder.ui.callParts", {
+				written: $(l.t, c.view.writtenMs),
 				ran: e
 			});
-		}), x = t(() => c.line ?? c.payload);
-		return (t, s) => (d(), i("div", {
-			class: u(["kvc-card", { "kvc-failed": c.failed }]),
+		});
+		return (t, o) => (f(), i("div", {
+			class: d(["kvc-card", { "kvc-failed": c.failed }]),
 			"data-test": "call-card"
 		}, [a("button", {
 			type: "button",
@@ -222,73 +927,78 @@ var R = ["aria-expanded", "disabled"], z = ["aria-label"], B = { class: "kvc-lin
 				"inline-size": "100%",
 				"border-radius": "0"
 			},
-			"aria-expanded": _.value,
+			"aria-expanded": m.value,
 			disabled: c.output === void 0,
-			onClick: s[0] ||= (e) => _.value = !_.value
+			onClick: o[0] ||= (e) => m.value = !m.value
 		}, [
-			c.running ? (d(), i("span", {
+			c.running ? (f(), i("span", {
 				key: 0,
 				class: "kvc-spin",
-				"aria-label": g(l).t("kvcoder.ui.running")
-			}, null, 8, z)) : (d(), n(m(_.value ? g(O) : g(k)), {
+				"aria-label": v(l).t("kvcoder.ui.running")
+			}, null, 8, Lt)) : (f(), n(g(m.value ? v(O) : v(k)), {
 				key: 1,
 				size: 16,
 				"aria-hidden": "true"
 			})),
-			a("span", B, [c.description ? (d(), i("span", V, h(c.description), 1)) : c.line ? (d(), i("span", H, [a("span", U, h(g(j)(c.line)), 1)])) : r("v-if", !0), c.label ? (d(), i("span", W, h(c.label), 1)) : r("v-if", !0)]),
-			c.background ? (d(), i("span", G, h(g(l).t("kvcoder.ui.jobs.background")), 1)) : r("v-if", !0),
-			c.failed ? (d(), i("span", K, h(g(l).t("kvcoder.ui.callFailed")), 1)) : r("v-if", !0),
-			a("span", q, h(y.value), 1)
-		], 8, R), _.value && c.output !== void 0 ? (d(), i(e, { key: 0 }, [
-			b.value === "" ? r("v-if", !0) : (d(), i("p", J, h(b.value), 1)),
-			x.value === void 0 ? r("v-if", !0) : (d(), i("pre", {
+			a("span", Rt, [c.view.description ? (f(), i("span", zt, _(c.view.description), 1)) : c.view.connector === void 0 && c.view.line ? (f(), i("span", Bt, [a("span", Vt, _(v(K)(c.view.line)), 1)])) : r("v-if", !0), s(Ft, {
+				view: c.view,
+				result: h.value
+			}, null, 8, ["view", "result"])]),
+			c.view.risky ? (f(), i("span", Ht, _(v(l).t("kvcoder.ui.call.risky")), 1)) : r("v-if", !0),
+			c.view.background ? (f(), i("span", Ut, _(v(l).t("kvcoder.ui.jobs.background")), 1)) : r("v-if", !0),
+			c.failed ? (f(), i("span", Wt, _(v(l).t("kvcoder.ui.callFailed")), 1)) : r("v-if", !0),
+			a("span", Gt, _(b.value), 1)
+		], 8, It), m.value && c.output !== void 0 ? (f(), i(e, { key: 0 }, [
+			x.value === "" ? r("v-if", !0) : (f(), i("p", Kt, _(x.value), 1)),
+			y.value ? (f(), i("pre", {
 				key: 1,
-				class: "kvc-output kvc-mono",
-				dir: "ltr",
-				"aria-label": g(l).t("kvcoder.ui.command"),
-				"data-test": "call-payload"
-			}, h(x.value), 9, Y)),
-			c.output === "" ? r("v-if", !0) : (d(), i("pre", {
-				key: 2,
-				class: "kvc-output",
+				class: "kvc-block kvc-error",
 				dir: "auto",
-				"aria-label": g(l).t("kvcoder.ui.output"),
-				"data-test": "call-output"
-			}, [(d(!0), i(e, null, p(v.value, (t, n) => (d(), i(e, { key: n }, [t.kind === "link" ? (d(), i("a", {
-				key: 0,
-				href: t.href,
-				target: "_blank",
-				rel: "noopener noreferrer",
-				class: "kvc-link"
-			}, h(t.href), 9, Z)) : (d(), i(e, { key: 1 }, [o(h(t.text), 1)], 64))], 64))), 128))], 8, X))
+				"aria-label": v(l).t("kvcoder.ui.call.error"),
+				"data-test": "call-error"
+			}, [s(X, { text: c.output }, null, 8, ["text"])], 8, qt)) : r("v-if", !0),
+			s(ct, { view: c.view }, null, 8, ["view"]),
+			y.value ? r("v-if", !0) : (f(), n(kt, {
+				key: 2,
+				view: c.view,
+				output: c.output,
+				result: h.value
+			}, null, 8, [
+				"view",
+				"output",
+				"result"
+			]))
 		], 64)) : r("v-if", !0)], 2));
 	}
-}), $ = /* @__PURE__ */ s({
+}), Yt = /* @__PURE__ */ c({
 	__name: "call",
 	props: {
 		description: {},
-		label: {},
-		line: {},
+		connector: {},
+		command: {},
 		payload: {},
+		line: {},
 		failed: { type: Boolean },
 		durationMs: {},
 		output: {}
 	},
 	setup(e) {
-		let t = e;
-		return (e, r) => (d(), n(Q, {
-			description: t.description,
-			label: t.label,
-			line: t.line,
-			payload: t.payload,
-			failed: t.failed,
-			"duration-ms": t.durationMs,
-			output: t.output
+		let r = e, i = t(() => r.connector === void 0 ? {
+			...r.description === void 0 ? {} : { description: r.description },
+			...r.line === void 0 ? {} : { line: r.line }
+		} : Oe({
+			description: r.description,
+			connector: r.connector,
+			command: r.command,
+			payload: r.payload ?? {}
+		}));
+		return (e, t) => (f(), n(Jt, {
+			view: i.value,
+			failed: r.failed,
+			"duration-ms": r.durationMs,
+			output: r.output
 		}, null, 8, [
-			"description",
-			"label",
-			"line",
-			"payload",
+			"view",
 			"failed",
 			"duration-ms",
 			"output"
@@ -296,4 +1006,4 @@ var R = ["aria-expanded", "disabled"], z = ["aria-label"], B = { class: "kvc-lin
 	}
 });
 //#endregion
-export { $ as default };
+export { Yt as default };