@mulmoclaude/todo-plugin 0.1.0

package/dist/vue.js

@@ -0,0 +1,422 @@
+import { t as TOOL_DEFINITION } from "./definition-mymex4HE.js";
+import { a as listLabelsWithCount, n as colorForLabel, r as filterByLabels } from "./labels-C4z7FMoE.js";
+import { n as useT, t as format } from "./lang-D72AIF9U.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderList, toDisplayString, unref, vModelText, watch, withDirectives, withKeys, withModifiers } from "vue";
+import { useRuntime } from "gui-chat-protocol/vue";
+//#region src/View.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = { class: "h-full bg-white flex flex-col" };
+var _hoisted_2$1 = {
+	key: 0,
+	class: "px-4 py-2 bg-red-50 border-b border-red-200 text-sm text-red-700",
+	role: "alert",
+	"data-testid": "todo-api-error"
+};
+var _hoisted_3$1 = { class: "flex items-center justify-between px-6 py-4 border-b border-gray-100" };
+var _hoisted_4$1 = { class: "text-lg font-semibold text-gray-800" };
+var _hoisted_5$1 = { class: "text-sm text-gray-500" };
+var _hoisted_6$1 = {
+	key: 1,
+	class: "flex flex-wrap items-center gap-1.5 px-6 py-2 border-b border-gray-100 bg-gray-50"
+};
+var _hoisted_7$1 = { class: "text-xs text-gray-500 mr-1" };
+var _hoisted_8 = ["onClick"];
+var _hoisted_9 = { class: "opacity-60" };
+var _hoisted_10 = ["title"];
+var _hoisted_11 = {
+	key: 2,
+	class: "flex-1 flex items-center justify-center text-gray-400"
+};
+var _hoisted_12 = {
+	key: 3,
+	class: "flex-1 flex items-center justify-center text-gray-400 text-sm"
+};
+var _hoisted_13 = {
+	key: 4,
+	class: "flex-1 overflow-y-auto p-4 space-y-2"
+};
+var _hoisted_14 = [
+	"aria-expanded",
+	"aria-label",
+	"onClick",
+	"onKeydown"
+];
+var _hoisted_15 = ["checked", "onChange"];
+var _hoisted_16 = { class: "flex-1 min-w-0" };
+var _hoisted_17 = { class: "flex items-center gap-2 flex-wrap" };
+var _hoisted_18 = {
+	key: 0,
+	class: "text-xs text-gray-400 mt-0.5"
+};
+var _hoisted_19 = ["title", "onClick"];
+var _hoisted_20 = ["title"];
+var _hoisted_21 = {
+	key: 0,
+	class: "border-t border-blue-100 bg-blue-50 p-4 space-y-3 rounded-b-lg"
+};
+var _hoisted_22 = { class: "flex items-center gap-2" };
+var _hoisted_23 = {
+	key: 0,
+	class: "text-xs text-red-500"
+};
+//#endregion
+//#region src/View.vue
+var View_default = /* @__PURE__ */ defineComponent({
+	__name: "View",
+	props: { selectedResult: {} },
+	emits: ["updateResult"],
+	setup(__props, { emit: __emit }) {
+		const messages = useT();
+		function t(key, params) {
+			const template = messages.value[key];
+			return params ? format(template, params) : template;
+		}
+		const props = __props;
+		const emit = __emit;
+		const items = ref(props.selectedResult.data?.items ?? []);
+		const { dispatch, pubsub } = useRuntime();
+		async function refresh() {
+			try {
+				const result = await dispatch({ kind: "listAll" });
+				if (Array.isArray(result.data?.items)) items.value = result.data.items;
+			} catch {}
+		}
+		let unsub;
+		onMounted(() => {
+			unsub = pubsub.subscribe("changed", () => {
+				refresh();
+			});
+			refresh();
+		});
+		onUnmounted(() => unsub?.());
+		watch(() => props.selectedResult.uuid, () => {
+			items.value = props.selectedResult.data?.items ?? [];
+			refresh();
+		});
+		const completedCount = computed(() => items.value.filter((i) => i.completed).length);
+		const hasCompleted = computed(() => items.value.some((i) => i.completed));
+		const activeFilters = ref(/* @__PURE__ */ new Set());
+		const labelInventory = computed(() => listLabelsWithCount(items.value));
+		const filteredItems = computed(() => filterByLabels(items.value, [...activeFilters.value]));
+		function toggleFilter(label) {
+			const key = label.toLowerCase();
+			const next = new Set(activeFilters.value);
+			if (next.has(key)) next.delete(key);
+			else next.add(key);
+			activeFilters.value = next;
+		}
+		function clearFilters() {
+			activeFilters.value = /* @__PURE__ */ new Set();
+		}
+		function yamlStringValue(str) {
+			if (str === "" || /[:#[\]{},&*?|<>=!%@`]/.test(str) || /^\s|\s$/.test(str) || /^(true|false|null|~)$/i.test(str) || /^\d/.test(str)) return `"${str.replace(/\\/g, "\\\\").replace(/"/g, "\\\"")}"`;
+			return str;
+		}
+		function serializeYaml(item) {
+			const labels = item.labels ?? [];
+			const labelsLine = labels.length > 0 ? `labels: [${labels.map(yamlStringValue).join(", ")}]` : "labels: []";
+			return [
+				`text: ${yamlStringValue(item.text)}`,
+				`note: ${item.note ? yamlStringValue(item.note) : ""}`,
+				labelsLine
+			].join("\n");
+		}
+		function parseFlowSequence(raw) {
+			const trimmed = raw.trim();
+			if (!trimmed || trimmed === "[]") return [];
+			if (!trimmed.startsWith("[") || !trimmed.endsWith("]")) return [];
+			const inner = trimmed.slice(1, -1);
+			const result = [];
+			let buffer = "";
+			let inQuotes = false;
+			for (let i = 0; i < inner.length; i++) {
+				const char = inner[i];
+				if (char === "\"" && inner[i - 1] !== "\\") {
+					inQuotes = !inQuotes;
+					buffer += char;
+					continue;
+				}
+				if (char === "," && !inQuotes) {
+					const piece = parseYamlValue(buffer.trim());
+					if (piece) result.push(piece);
+					buffer = "";
+					continue;
+				}
+				buffer += char;
+			}
+			const last = parseYamlValue(buffer.trim());
+			if (last) result.push(last);
+			return result;
+		}
+		function parseYamlValue(raw) {
+			if (raw.startsWith("\"") && raw.endsWith("\"")) return raw.slice(1, -1).replace(/\\"/g, "\"").replace(/\\\\/g, "\\");
+			if (raw.startsWith("'") && raw.endsWith("'")) return raw.slice(1, -1);
+			return raw;
+		}
+		function parseYaml(text) {
+			const result = {};
+			for (const line of text.split("\n")) {
+				const trimmed = line.trim();
+				if (!trimmed || trimmed.startsWith("#")) continue;
+				const colonIdx = line.indexOf(": ");
+				if (colonIdx === -1) {
+					const colonEnd = line.indexOf(":");
+					if (colonEnd !== -1) result[line.slice(0, colonEnd).trim()] = "";
+					continue;
+				}
+				const key = line.slice(0, colonIdx).trim();
+				const raw = line.slice(colonIdx + 2).trim();
+				if (key === "labels") {
+					result[key] = raw;
+					continue;
+				}
+				result[key] = parseYamlValue(raw);
+			}
+			if (typeof result["text"] !== "string" || !result["text"]) return null;
+			const labels = parseFlowSequence(result["labels"] ?? "[]");
+			return {
+				text: result["text"],
+				note: result["note"] ?? "",
+				labels
+			};
+		}
+		const selectedId = ref(null);
+		const yamlText = ref("");
+		const yamlError = ref("");
+		function selectItem(item) {
+			if (selectedId.value === item.id) {
+				selectedId.value = null;
+				return;
+			}
+			selectedId.value = item.id;
+			yamlText.value = serializeYaml(item);
+			yamlError.value = "";
+		}
+		watch(items, () => {
+			if (!selectedId.value) return;
+			const item = items.value.find((i) => i.id === selectedId.value);
+			if (item) yamlText.value = serializeYaml(item);
+			else selectedId.value = null;
+		});
+		async function applyItemEdit() {
+			yamlError.value = "";
+			const parsed = parseYaml(yamlText.value);
+			if (!parsed) {
+				yamlError.value = t("yamlParseError");
+				return;
+			}
+			const id = selectedId.value;
+			if (!id) return;
+			if (!await callApi({
+				kind: "itemPatch",
+				id,
+				text: parsed.text,
+				note: parsed.note,
+				labels: parsed.labels
+			})) return;
+			selectedId.value = null;
+		}
+		const todoApiError = ref(null);
+		async function callApi(body) {
+			try {
+				const result = await dispatch(body);
+				if (result.error) {
+					todoApiError.value = result.error;
+					return false;
+				}
+				todoApiError.value = null;
+				items.value = result.data?.items ?? [];
+				emit("updateResult", {
+					...props.selectedResult,
+					...result,
+					uuid: props.selectedResult.uuid
+				});
+				return true;
+			} catch (err) {
+				todoApiError.value = err instanceof Error ? err.message : String(err);
+				return false;
+			}
+		}
+		function toggle(item) {
+			callApi({
+				kind: "itemPatch",
+				id: item.id,
+				completed: !item.completed
+			});
+		}
+		function remove(item) {
+			if (selectedId.value === item.id) selectedId.value = null;
+			callApi({
+				kind: "itemDelete",
+				id: item.id
+			});
+		}
+		function clearCompleted() {
+			callApi({ action: "clear_completed" });
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$1, [
+				todoApiError.value ? (openBlock(), createElementBlock("div", _hoisted_2$1, toDisplayString(t("apiError", { error: todoApiError.value })), 1)) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_3$1, [createElementVNode("h2", _hoisted_4$1, toDisplayString(t("heading")), 1), createElementVNode("span", _hoisted_5$1, toDisplayString(t("completedRatio", {
+					done: completedCount.value,
+					total: items.value.length
+				})), 1)]),
+				labelInventory.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
+					createElementVNode("span", _hoisted_7$1, toDisplayString(t("filter")), 1),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(labelInventory.value, (entry) => {
+						return openBlock(), createElementBlock("button", {
+							key: entry.label,
+							class: normalizeClass(["px-2 py-0.5 rounded-full text-xs font-medium transition-all", activeFilters.value.has(entry.label.toLowerCase()) ? "ring-2 ring-blue-400 " + unref(colorForLabel)(entry.label) : unref(colorForLabel)(entry.label) + " opacity-70 hover:opacity-100"]),
+							onClick: ($event) => toggleFilter(entry.label)
+						}, [createTextVNode(toDisplayString(entry.label) + " ", 1), createElementVNode("span", _hoisted_9, toDisplayString(entry.count), 1)], 10, _hoisted_8);
+					}), 128)),
+					activeFilters.value.size > 0 ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						class: "ml-auto text-xs text-gray-500 hover:text-gray-700",
+						title: t("clearFilters"),
+						onClick: clearFilters
+					}, toDisplayString(t("clearButton")), 9, _hoisted_10)) : createCommentVNode("", true)
+				])) : createCommentVNode("", true),
+				items.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_11, toDisplayString(t("noItems")), 1)) : filteredItems.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_12, toDisplayString(t("noMatchingFilter")), 1)) : (openBlock(), createElementBlock("ul", _hoisted_13, [(openBlock(true), createElementBlock(Fragment, null, renderList(filteredItems.value, (item) => {
+					return openBlock(), createElementBlock("li", {
+						key: item.id,
+						class: normalizeClass(["rounded-lg border", selectedId.value === item.id ? "border-blue-400" : "border-gray-200"])
+					}, [createElementVNode("div", {
+						class: normalizeClass(["flex items-center gap-3 p-3 cursor-pointer group hover:bg-gray-50 rounded-lg focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-400", selectedId.value === item.id ? "rounded-b-none" : ""]),
+						role: "button",
+						tabindex: "0",
+						"aria-expanded": selectedId.value === item.id,
+						"aria-label": selectedId.value === item.id ? t("collapse") : t("expand"),
+						onClick: ($event) => selectItem(item),
+						onKeydown: [withKeys(withModifiers(($event) => selectItem(item), ["self", "prevent"]), ["enter"]), withKeys(withModifiers(($event) => selectItem(item), ["self", "prevent"]), ["space"])]
+					}, [
+						createElementVNode("input", {
+							type: "checkbox",
+							checked: item.completed,
+							class: "cursor-pointer shrink-0",
+							onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"])),
+							onChange: ($event) => toggle(item)
+						}, null, 40, _hoisted_15),
+						createElementVNode("div", _hoisted_16, [createElementVNode("div", _hoisted_17, [createElementVNode("span", { class: normalizeClass(["text-sm", item.completed ? "line-through text-gray-400" : "text-gray-800"]) }, toDisplayString(item.text), 3), (openBlock(true), createElementBlock(Fragment, null, renderList(item.labels ?? [], (label) => {
+							return openBlock(), createElementBlock("span", {
+								key: label,
+								class: normalizeClass(["px-1.5 py-0.5 rounded-full text-[10px] font-medium shrink-0", unref(colorForLabel)(label)])
+							}, toDisplayString(label), 3);
+						}), 128))]), item.note ? (openBlock(), createElementBlock("div", _hoisted_18, toDisplayString(item.note), 1)) : createCommentVNode("", true)]),
+						createElementVNode("button", {
+							class: "opacity-0 group-hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-400 text-gray-400 hover:text-red-500 text-xs px-1 shrink-0",
+							title: t("deleteItem"),
+							onClick: withModifiers(($event) => remove(item), ["stop"])
+						}, toDisplayString(t("deleteSymbol")), 9, _hoisted_19),
+						createElementVNode("span", {
+							class: "material-icons text-gray-400 text-sm",
+							title: selectedId.value === item.id ? t("collapse") : t("expand")
+						}, toDisplayString(selectedId.value === item.id ? "expand_less" : "expand_more"), 9, _hoisted_20)
+					], 42, _hoisted_14), selectedId.value === item.id ? (openBlock(), createElementBlock("div", _hoisted_21, [withDirectives(createElementVNode("textarea", {
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => yamlText.value = $event),
+						class: "w-full h-24 p-3 font-mono text-xs bg-white border border-blue-300 rounded resize-y focus:outline-none focus:border-blue-500",
+						spellcheck: "false"
+					}, null, 512), [[vModelText, yamlText.value]]), createElementVNode("div", _hoisted_22, [
+						createElementVNode("button", {
+							class: "px-3 py-1.5 text-sm rounded bg-blue-500 text-white hover:bg-blue-600",
+							onClick: applyItemEdit
+						}, toDisplayString(t("update")), 1),
+						createElementVNode("button", {
+							class: "px-3 py-1.5 text-sm rounded border border-gray-300 text-gray-600 hover:bg-gray-50",
+							onClick: _cache[2] || (_cache[2] = ($event) => selectedId.value = null)
+						}, toDisplayString(t("cancel")), 1),
+						yamlError.value ? (openBlock(), createElementBlock("span", _hoisted_23, toDisplayString(yamlError.value), 1)) : createCommentVNode("", true)
+					])])) : createCommentVNode("", true)], 2);
+				}), 128))])),
+				hasCompleted.value ? (openBlock(), createElementBlock("button", {
+					key: 5,
+					class: "mx-6 mb-2 text-sm text-gray-500 hover:text-gray-700 self-start",
+					onClick: clearCompleted
+				}, toDisplayString(t("clearCompleted")), 1)) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/Preview.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "p-2 text-sm" };
+var _hoisted_2 = { class: "flex items-center gap-1 font-medium text-gray-700 mb-1" };
+var _hoisted_3 = { "aria-hidden": "true" };
+var _hoisted_4 = { class: "shrink-0" };
+var _hoisted_5 = { class: "truncate" };
+var _hoisted_6 = {
+	key: 0,
+	class: "text-[9px] text-gray-400 shrink-0"
+};
+var _hoisted_7 = {
+	key: 0,
+	class: "text-xs text-gray-400"
+};
+//#endregion
+//#region src/vue.ts
+var plugin = {
+	toolDefinition: TOOL_DEFINITION,
+	viewComponent: View_default,
+	previewComponent: /* @__PURE__ */ defineComponent({
+		__name: "Preview",
+		props: { result: {} },
+		setup(__props) {
+			const messages = useT();
+			function t(key, params) {
+				const template = messages.value[key];
+				return params ? format(template, params) : template;
+			}
+			const props = __props;
+			const items = ref(props.result.data?.items ?? []);
+			const { dispatch, pubsub } = useRuntime();
+			async function refresh() {
+				try {
+					const result = await dispatch({ kind: "listAll" });
+					if (Array.isArray(result.data?.items)) items.value = result.data.items;
+				} catch {}
+			}
+			let unsub;
+			onMounted(() => {
+				refresh();
+				unsub = pubsub.subscribe("changed", () => {
+					refresh();
+				});
+			});
+			onUnmounted(() => unsub?.());
+			watch(() => props.result.uuid, () => {
+				items.value = props.result.data?.items ?? [];
+				refresh();
+			});
+			const completedCount = computed(() => items.value.filter((i) => i.completed).length);
+			const preview = computed(() => items.value.slice(0, 3));
+			const more = computed(() => Math.max(0, items.value.length - 3));
+			return (_ctx, _cache) => {
+				return openBlock(), createElementBlock("div", _hoisted_1, [
+					createElementVNode("div", _hoisted_2, [createElementVNode("span", _hoisted_3, toDisplayString(t("previewHeaderIcon")), 1), createElementVNode("span", null, toDisplayString(t("completedRatio", {
+						done: completedCount.value,
+						total: items.value.length
+					})), 1)]),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(preview.value, (item) => {
+						return openBlock(), createElementBlock("div", {
+							key: item.id,
+							class: normalizeClass(["text-xs truncate flex items-center gap-1", item.completed ? "line-through text-gray-400" : "text-gray-600"])
+						}, [
+							createElementVNode("span", _hoisted_4, toDisplayString(item.completed ? t("previewDoneIcon") : t("previewPendingIcon")), 1),
+							createElementVNode("span", _hoisted_5, toDisplayString(item.text), 1),
+							(item.labels?.length ?? 0) > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [(openBlock(true), createElementBlock(Fragment, null, renderList((item.labels ?? []).slice(0, 2), (label) => {
+								return openBlock(), createElementBlock("span", {
+									key: label,
+									class: normalizeClass(["px-1 rounded-full text-[9px] font-medium shrink-0", unref(colorForLabel)(label)])
+								}, toDisplayString(label), 3);
+							}), 128)), (item.labels?.length ?? 0) > 2 ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(t("previewMoreLabels", { count: (item.labels?.length ?? 0) - 2 })), 1)) : createCommentVNode("", true)], 64)) : createCommentVNode("", true)
+						], 2);
+					}), 128)),
+					more.value > 0 ? (openBlock(), createElementBlock("div", _hoisted_7, toDisplayString(t("previewMoreItems", { count: more.value })), 1)) : createCommentVNode("", true)
+				]);
+			};
+		}
+	})
+};
+//#endregion
+export { plugin };
+
+//# sourceMappingURL=vue.js.map

package/dist/vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue.js","names":[],"sources":["../src/View.vue","../src/View.vue","../src/Preview.vue","../src/Preview.vue","../src/vue.ts"],"sourcesContent":["<template>\n  <div class=\"h-full bg-white flex flex-col\">\n    <!-- API error banner — surfaces POST /api/todos failures so a\n         silent add/remove/toggle becomes diagnosable. -->\n    <div v-if=\"todoApiError\" class=\"px-4 py-2 bg-red-50 border-b border-red-200 text-sm text-red-700\" role=\"alert\" data-testid=\"todo-api-error\">\n      {{ t(\"apiError\", { error: todoApiError }) }}\n    </div>\n    <div class=\"flex items-center justify-between px-6 py-4 border-b border-gray-100\">\n      <h2 class=\"text-lg font-semibold text-gray-800\">{{ t(\"heading\") }}</h2>\n      <span class=\"text-sm text-gray-500\">{{ t(\"completedRatio\", { done: completedCount, total: items.length }) }}</span>\n    </div>\n\n    <!-- Filter bar: only shown when at least one label is in use. -->\n    <div v-if=\"labelInventory.length > 0\" class=\"flex flex-wrap items-center gap-1.5 px-6 py-2 border-b border-gray-100 bg-gray-50\">\n      <span class=\"text-xs text-gray-500 mr-1\">{{ t(\"filter\") }}</span>\n      <button\n        v-for=\"entry in labelInventory\"\n        :key=\"entry.label\"\n        class=\"px-2 py-0.5 rounded-full text-xs font-medium transition-all\"\n        :class=\"\n          activeFilters.has(entry.label.toLowerCase())\n            ? 'ring-2 ring-blue-400 ' + colorForLabel(entry.label)\n            : colorForLabel(entry.label) + ' opacity-70 hover:opacity-100'\n        \"\n        @click=\"toggleFilter(entry.label)\"\n      >\n        {{ entry.label }}\n        <span class=\"opacity-60\">{{ entry.count }}</span>\n      </button>\n      <button v-if=\"activeFilters.size > 0\" class=\"ml-auto text-xs text-gray-500 hover:text-gray-700\" :title=\"t('clearFilters')\" @click=\"clearFilters\">\n        {{ t(\"clearButton\") }}\n      </button>\n    </div>\n\n    <div v-if=\"items.length === 0\" class=\"flex-1 flex items-center justify-center text-gray-400\">{{ t(\"noItems\") }}</div>\n\n    <div v-else-if=\"filteredItems.length === 0\" class=\"flex-1 flex items-center justify-center text-gray-400 text-sm\">\n      {{ t(\"noMatchingFilter\") }}\n    </div>\n\n    <ul v-else class=\"flex-1 overflow-y-auto p-4 space-y-2\">\n      <li v-for=\"item in filteredItems\" :key=\"item.id\" class=\"rounded-lg border\" :class=\"selectedId === item.id ? 'border-blue-400' : 'border-gray-200'\">\n        <!-- Item row — `role=\"button\"` + tabindex/keydown rather than\n             a real `<button>` because the row hosts nested\n             interactives (checkbox, delete) that would be invalid\n             children of a button element. The `.self` modifier on\n             both keydown handlers stops Enter/Space pressed on\n             those nested controls from also toggling the row\n             (and from `preventDefault`-ing the child's native\n             activation). -->\n        <div\n          class=\"flex items-center gap-3 p-3 cursor-pointer group hover:bg-gray-50 rounded-lg focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-400\"\n          :class=\"selectedId === item.id ? 'rounded-b-none' : ''\"\n          role=\"button\"\n          tabindex=\"0\"\n          :aria-expanded=\"selectedId === item.id\"\n          :aria-label=\"selectedId === item.id ? t('collapse') : t('expand')\"\n          @click=\"selectItem(item)\"\n          @keydown.self.enter.prevent=\"selectItem(item)\"\n          @keydown.self.space.prevent=\"selectItem(item)\"\n        >\n          <input type=\"checkbox\" :checked=\"item.completed\" class=\"cursor-pointer shrink-0\" @click.stop @change=\"toggle(item)\" />\n          <div class=\"flex-1 min-w-0\">\n            <div class=\"flex items-center gap-2 flex-wrap\">\n              <span class=\"text-sm\" :class=\"item.completed ? 'line-through text-gray-400' : 'text-gray-800'\">{{ item.text }}</span>\n              <span\n                v-for=\"label in item.labels ?? []\"\n                :key=\"label\"\n                class=\"px-1.5 py-0.5 rounded-full text-[10px] font-medium shrink-0\"\n                :class=\"colorForLabel(label)\"\n                >{{ label }}</span\n              >\n            </div>\n            <div v-if=\"item.note\" class=\"text-xs text-gray-400 mt-0.5\">\n              {{ item.note }}\n            </div>\n          </div>\n          <button\n            class=\"opacity-0 group-hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-400 text-gray-400 hover:text-red-500 text-xs px-1 shrink-0\"\n            :title=\"t('deleteItem')\"\n            @click.stop=\"remove(item)\"\n          >\n            {{ t(\"deleteSymbol\") }}\n          </button>\n          <span class=\"material-icons text-gray-400 text-sm\" :title=\"selectedId === item.id ? t('collapse') : t('expand')\">\n            {{ selectedId === item.id ? \"expand_less\" : \"expand_more\" }}\n          </span>\n        </div>\n\n        <!-- Inline editor -->\n        <div v-if=\"selectedId === item.id\" class=\"border-t border-blue-100 bg-blue-50 p-4 space-y-3 rounded-b-lg\">\n          <textarea\n            v-model=\"yamlText\"\n            class=\"w-full h-24 p-3 font-mono text-xs bg-white border border-blue-300 rounded resize-y focus:outline-none focus:border-blue-500\"\n            spellcheck=\"false\"\n          />\n          <div class=\"flex items-center gap-2\">\n            <button class=\"px-3 py-1.5 text-sm rounded bg-blue-500 text-white hover:bg-blue-600\" @click=\"applyItemEdit\">{{ t(\"update\") }}</button>\n            <button class=\"px-3 py-1.5 text-sm rounded border border-gray-300 text-gray-600 hover:bg-gray-50\" @click=\"selectedId = null\">\n              {{ t(\"cancel\") }}\n            </button>\n            <span v-if=\"yamlError\" class=\"text-xs text-red-500\">{{ yamlError }}</span>\n          </div>\n        </div>\n      </li>\n    </ul>\n\n    <button v-if=\"hasCompleted\" class=\"mx-6 mb-2 text-sm text-gray-500 hover:text-gray-700 self-start\" @click=\"clearCompleted\">\n      {{ t(\"clearCompleted\") }}\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref, watch } from \"vue\";\nimport type { ToolResultComplete } from \"gui-chat-protocol/vue\";\nimport { useRuntime } from \"gui-chat-protocol/vue\";\nimport type { TodoData, TodoItem } from \"./types\";\nimport { colorForLabel, filterByLabels, listLabelsWithCount } from \"./labels\";\nimport { useT, format } from \"./lang\";\n\nconst messages = useT();\n\n// Wrapper that returns either a plain string or a placeholder-substituted\n// one. Mirrors vue-i18n's `t(key, params)` shape so the existing template\n// (e.g. `{{ t(\"completedRatio\", { done, total }) }}`) keeps\n// reading naturally — see calls below.\nfunction t(key: keyof typeof messages.value, params?: Record<string, string | number>): string {\n  const template = messages.value[key];\n  return params ? format(template, params) : template;\n}\n\nconst props = defineProps<{\n  selectedResult: ToolResultComplete<TodoData>;\n}>();\nconst emit = defineEmits<{ updateResult: [result: ToolResultComplete] }>();\n\nconst items = ref<TodoItem[]>(props.selectedResult.data?.items ?? []);\n\nconst { dispatch, pubsub } = useRuntime();\n\ninterface ListResponse {\n  data?: { items?: TodoItem[] };\n}\n\nasync function refresh(): Promise<void> {\n  try {\n    const result = await dispatch<ListResponse>({ kind: \"listAll\" });\n    if (Array.isArray(result.data?.items)) items.value = result.data.items;\n  } catch {\n    // Network or auth issue — leave the existing list alone so the\n    // user keeps seeing what they already had. The next pubsub\n    // \"changed\" tick will retry.\n  }\n}\n\nlet unsub: (() => void) | undefined;\nonMounted(() => {\n  unsub = pubsub.subscribe(\"changed\", () => {\n    void refresh();\n  });\n  void refresh();\n});\nonUnmounted(() => unsub?.());\n\n// Re-fetch when the caller swaps in a different tool result.\nwatch(\n  () => props.selectedResult.uuid,\n  () => {\n    items.value = props.selectedResult.data?.items ?? [];\n    void refresh();\n  },\n);\nconst completedCount = computed(() => items.value.filter((i) => i.completed).length);\nconst hasCompleted = computed(() => items.value.some((i) => i.completed));\n\n// ── Label filter state ──────────────────────────────────────────────────────\n// Filters are local to this View instance — intentional, so that\n// switching sessions or reopening a tool result doesn't drag state\n// across contexts. Active filters are stored lowercased to match\n// `filterByLabels`' case-insensitive semantics.\n\nconst activeFilters = ref<Set<string>>(new Set());\n\nconst labelInventory = computed(() => listLabelsWithCount(items.value));\n\nconst filteredItems = computed(() => filterByLabels(items.value, [...activeFilters.value]));\n\nfunction toggleFilter(label: string): void {\n  const key = label.toLowerCase();\n  const next = new Set(activeFilters.value);\n  if (next.has(key)) {\n    next.delete(key);\n  } else {\n    next.add(key);\n  }\n  activeFilters.value = next;\n}\n\nfunction clearFilters(): void {\n  activeFilters.value = new Set();\n}\n\n// ── YAML helpers ─────────────────────────────────────────────────────────────\n\nfunction yamlStringValue(str: string): string {\n  const needsQuotes = str === \"\" || /[:#[\\]{},&*?|<>=!%@`]/.test(str) || /^\\s|\\s$/.test(str) || /^(true|false|null|~)$/i.test(str) || /^\\d/.test(str);\n  if (needsQuotes) {\n    return `\"${str.replace(/\\\\/g, \"\\\\\\\\\").replace(/\"/g, '\\\\\"')}\"`;\n  }\n  return str;\n}\n\nfunction serializeYaml(item: TodoItem): string {\n  const labels = item.labels ?? [];\n  const labelsLine = labels.length > 0 ? `labels: [${labels.map(yamlStringValue).join(\", \")}]` : \"labels: []\";\n  return [`text: ${yamlStringValue(item.text)}`, `note: ${item.note ? yamlStringValue(item.note) : \"\"}`, labelsLine].join(\"\\n\");\n}\n\n// Parse a YAML flow sequence `[a, \"b\", c]` into an array of strings.\n// Handles quoted and unquoted entries. Whitespace-only input → empty.\nfunction parseFlowSequence(raw: string): string[] {\n  const trimmed = raw.trim();\n  if (!trimmed || trimmed === \"[]\") return [];\n  if (!trimmed.startsWith(\"[\") || !trimmed.endsWith(\"]\")) return [];\n  const inner = trimmed.slice(1, -1);\n  // Split on commas that are NOT inside double quotes. Cheap scan;\n  // fine for our label use case where items don't contain commas\n  // (stored labels are normalised strings without commas).\n  const result: string[] = [];\n  let buffer = \"\";\n  let inQuotes = false;\n  for (let i = 0; i < inner.length; i++) {\n    const char = inner[i];\n    if (char === '\"' && inner[i - 1] !== \"\\\\\") {\n      inQuotes = !inQuotes;\n      buffer += char;\n      continue;\n    }\n    if (char === \",\" && !inQuotes) {\n      const piece = parseYamlValue(buffer.trim());\n      if (piece) result.push(piece);\n      buffer = \"\";\n      continue;\n    }\n    buffer += char;\n  }\n  const last = parseYamlValue(buffer.trim());\n  if (last) result.push(last);\n  return result;\n}\n\nfunction parseYamlValue(raw: string): string {\n  if (raw.startsWith('\"') && raw.endsWith('\"')) {\n    return raw.slice(1, -1).replace(/\\\\\"/g, '\"').replace(/\\\\\\\\/g, \"\\\\\");\n  }\n  if (raw.startsWith(\"'\") && raw.endsWith(\"'\")) {\n    return raw.slice(1, -1);\n  }\n  return raw;\n}\n\nfunction parseYaml(text: string): { text: string; note: string; labels: string[] } | null {\n  const result: Record<string, string> = {};\n  for (const line of text.split(\"\\n\")) {\n    const trimmed = line.trim();\n    if (!trimmed || trimmed.startsWith(\"#\")) continue;\n    const colonIdx = line.indexOf(\": \");\n    if (colonIdx === -1) {\n      // \"key:\" with empty value\n      const colonEnd = line.indexOf(\":\");\n      if (colonEnd !== -1) result[line.slice(0, colonEnd).trim()] = \"\";\n      continue;\n    }\n    // `labels:` is a flow sequence (`[a, b]`) — parse it as a list\n    // instead of running it through `parseYamlValue` which strips\n    // brackets as if they were quotes.\n    const key = line.slice(0, colonIdx).trim();\n    const raw = line.slice(colonIdx + 2).trim();\n    if (key === \"labels\") {\n      result[key] = raw;\n      continue;\n    }\n    result[key] = parseYamlValue(raw);\n  }\n  if (typeof result[\"text\"] !== \"string\" || !result[\"text\"]) return null;\n  const labels = parseFlowSequence(result[\"labels\"] ?? \"[]\");\n  return {\n    text: result[\"text\"],\n    note: result[\"note\"] ?? \"\",\n    labels,\n  };\n}\n\n// ── Item selection & YAML edit ────────────────────────────────────────────────\n\nconst selectedId = ref<string | null>(null);\nconst yamlText = ref(\"\");\nconst yamlError = ref(\"\");\n\nfunction selectItem(item: TodoItem) {\n  if (selectedId.value === item.id) {\n    selectedId.value = null;\n    return;\n  }\n  selectedId.value = item.id;\n  yamlText.value = serializeYaml(item);\n  yamlError.value = \"\";\n}\n\nwatch(items, () => {\n  if (!selectedId.value) return;\n  const item = items.value.find((i) => i.id === selectedId.value);\n  if (item) yamlText.value = serializeYaml(item);\n  else selectedId.value = null;\n});\n\nasync function applyItemEdit() {\n  yamlError.value = \"\";\n  const parsed = parseYaml(yamlText.value);\n  if (!parsed) {\n    yamlError.value = t(\"yamlParseError\");\n    return;\n  }\n  // Single id-based UI patch — `handlePatch` accepts text + note +\n  // labels in one call and applies them atomically. The earlier\n  // multi-call LLM-action flow (`update` + `add_label` + `remove_label`)\n  // resolved items by case-insensitive substring match on text, so two\n  // todos with similar titles could clobber each other; the UI knows\n  // the id, so use it.\n  const id = selectedId.value;\n  if (!id) return;\n  const ok = await callApi({\n    kind: \"itemPatch\",\n    id,\n    text: parsed.text,\n    note: parsed.note,\n    labels: parsed.labels,\n  });\n  if (!ok) return;\n  selectedId.value = null;\n}\n\n// ── API ───────────────────────────────────────────────────────────────────────\n\n// Last POST /api/todos failure. Cleared on the next successful call so\n// the banner disappears as soon as things recover.\nconst todoApiError = ref<string | null>(null);\n\ninterface CallApiResult {\n  data?: { items?: TodoItem[] };\n  message?: string;\n  jsonData?: unknown;\n  instructions?: string;\n  error?: string;\n}\n\nasync function callApi(body: Record<string, unknown>): Promise<boolean> {\n  try {\n    const result = await dispatch<CallApiResult>(body);\n    if (result.error) {\n      todoApiError.value = result.error;\n      return false;\n    }\n    todoApiError.value = null;\n    items.value = result.data?.items ?? [];\n    emit(\"updateResult\", {\n      ...props.selectedResult,\n      ...result,\n      uuid: props.selectedResult.uuid,\n    } as ToolResultComplete);\n    return true;\n  } catch (err) {\n    todoApiError.value = err instanceof Error ? err.message : String(err);\n    return false;\n  }\n}\n\nfunction toggle(item: TodoItem) {\n  // id-based patch — server's `applyCompletedPatch` flips the\n  // completed flag and moves the item between the done column\n  // and the default open column the obvious way. The previous\n  // text-based `check` / `uncheck` LLM actions resolved by\n  // case-insensitive substring and could mutate the wrong row\n  // when two todos share a prefix.\n  callApi({ kind: \"itemPatch\", id: item.id, completed: !item.completed });\n}\n\nfunction remove(item: TodoItem) {\n  if (selectedId.value === item.id) selectedId.value = null;\n  callApi({ kind: \"itemDelete\", id: item.id });\n}\n\nfunction clearCompleted() {\n  // The LLM `clear_completed` action filters by the boolean flag\n  // (no text matching), so it's safe to keep as a single\n  // round-trip rather than fanning out into N `itemDelete` calls.\n  callApi({ action: \"clear_completed\" });\n}\n</script>\n","<template>\n  <div class=\"h-full bg-white flex flex-col\">\n    <!-- API error banner — surfaces POST /api/todos failures so a\n         silent add/remove/toggle becomes diagnosable. -->\n    <div v-if=\"todoApiError\" class=\"px-4 py-2 bg-red-50 border-b border-red-200 text-sm text-red-700\" role=\"alert\" data-testid=\"todo-api-error\">\n      {{ t(\"apiError\", { error: todoApiError }) }}\n    </div>\n    <div class=\"flex items-center justify-between px-6 py-4 border-b border-gray-100\">\n      <h2 class=\"text-lg font-semibold text-gray-800\">{{ t(\"heading\") }}</h2>\n      <span class=\"text-sm text-gray-500\">{{ t(\"completedRatio\", { done: completedCount, total: items.length }) }}</span>\n    </div>\n\n    <!-- Filter bar: only shown when at least one label is in use. -->\n    <div v-if=\"labelInventory.length > 0\" class=\"flex flex-wrap items-center gap-1.5 px-6 py-2 border-b border-gray-100 bg-gray-50\">\n      <span class=\"text-xs text-gray-500 mr-1\">{{ t(\"filter\") }}</span>\n      <button\n        v-for=\"entry in labelInventory\"\n        :key=\"entry.label\"\n        class=\"px-2 py-0.5 rounded-full text-xs font-medium transition-all\"\n        :class=\"\n          activeFilters.has(entry.label.toLowerCase())\n            ? 'ring-2 ring-blue-400 ' + colorForLabel(entry.label)\n            : colorForLabel(entry.label) + ' opacity-70 hover:opacity-100'\n        \"\n        @click=\"toggleFilter(entry.label)\"\n      >\n        {{ entry.label }}\n        <span class=\"opacity-60\">{{ entry.count }}</span>\n      </button>\n      <button v-if=\"activeFilters.size > 0\" class=\"ml-auto text-xs text-gray-500 hover:text-gray-700\" :title=\"t('clearFilters')\" @click=\"clearFilters\">\n        {{ t(\"clearButton\") }}\n      </button>\n    </div>\n\n    <div v-if=\"items.length === 0\" class=\"flex-1 flex items-center justify-center text-gray-400\">{{ t(\"noItems\") }}</div>\n\n    <div v-else-if=\"filteredItems.length === 0\" class=\"flex-1 flex items-center justify-center text-gray-400 text-sm\">\n      {{ t(\"noMatchingFilter\") }}\n    </div>\n\n    <ul v-else class=\"flex-1 overflow-y-auto p-4 space-y-2\">\n      <li v-for=\"item in filteredItems\" :key=\"item.id\" class=\"rounded-lg border\" :class=\"selectedId === item.id ? 'border-blue-400' : 'border-gray-200'\">\n        <!-- Item row — `role=\"button\"` + tabindex/keydown rather than\n             a real `<button>` because the row hosts nested\n             interactives (checkbox, delete) that would be invalid\n             children of a button element. The `.self` modifier on\n             both keydown handlers stops Enter/Space pressed on\n             those nested controls from also toggling the row\n             (and from `preventDefault`-ing the child's native\n             activation). -->\n        <div\n          class=\"flex items-center gap-3 p-3 cursor-pointer group hover:bg-gray-50 rounded-lg focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-400\"\n          :class=\"selectedId === item.id ? 'rounded-b-none' : ''\"\n          role=\"button\"\n          tabindex=\"0\"\n          :aria-expanded=\"selectedId === item.id\"\n          :aria-label=\"selectedId === item.id ? t('collapse') : t('expand')\"\n          @click=\"selectItem(item)\"\n          @keydown.self.enter.prevent=\"selectItem(item)\"\n          @keydown.self.space.prevent=\"selectItem(item)\"\n        >\n          <input type=\"checkbox\" :checked=\"item.completed\" class=\"cursor-pointer shrink-0\" @click.stop @change=\"toggle(item)\" />\n          <div class=\"flex-1 min-w-0\">\n            <div class=\"flex items-center gap-2 flex-wrap\">\n              <span class=\"text-sm\" :class=\"item.completed ? 'line-through text-gray-400' : 'text-gray-800'\">{{ item.text }}</span>\n              <span\n                v-for=\"label in item.labels ?? []\"\n                :key=\"label\"\n                class=\"px-1.5 py-0.5 rounded-full text-[10px] font-medium shrink-0\"\n                :class=\"colorForLabel(label)\"\n                >{{ label }}</span\n              >\n            </div>\n            <div v-if=\"item.note\" class=\"text-xs text-gray-400 mt-0.5\">\n              {{ item.note }}\n            </div>\n          </div>\n          <button\n            class=\"opacity-0 group-hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-400 text-gray-400 hover:text-red-500 text-xs px-1 shrink-0\"\n            :title=\"t('deleteItem')\"\n            @click.stop=\"remove(item)\"\n          >\n            {{ t(\"deleteSymbol\") }}\n          </button>\n          <span class=\"material-icons text-gray-400 text-sm\" :title=\"selectedId === item.id ? t('collapse') : t('expand')\">\n            {{ selectedId === item.id ? \"expand_less\" : \"expand_more\" }}\n          </span>\n        </div>\n\n        <!-- Inline editor -->\n        <div v-if=\"selectedId === item.id\" class=\"border-t border-blue-100 bg-blue-50 p-4 space-y-3 rounded-b-lg\">\n          <textarea\n            v-model=\"yamlText\"\n            class=\"w-full h-24 p-3 font-mono text-xs bg-white border border-blue-300 rounded resize-y focus:outline-none focus:border-blue-500\"\n            spellcheck=\"false\"\n          />\n          <div class=\"flex items-center gap-2\">\n            <button class=\"px-3 py-1.5 text-sm rounded bg-blue-500 text-white hover:bg-blue-600\" @click=\"applyItemEdit\">{{ t(\"update\") }}</button>\n            <button class=\"px-3 py-1.5 text-sm rounded border border-gray-300 text-gray-600 hover:bg-gray-50\" @click=\"selectedId = null\">\n              {{ t(\"cancel\") }}\n            </button>\n            <span v-if=\"yamlError\" class=\"text-xs text-red-500\">{{ yamlError }}</span>\n          </div>\n        </div>\n      </li>\n    </ul>\n\n    <button v-if=\"hasCompleted\" class=\"mx-6 mb-2 text-sm text-gray-500 hover:text-gray-700 self-start\" @click=\"clearCompleted\">\n      {{ t(\"clearCompleted\") }}\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref, watch } from \"vue\";\nimport type { ToolResultComplete } from \"gui-chat-protocol/vue\";\nimport { useRuntime } from \"gui-chat-protocol/vue\";\nimport type { TodoData, TodoItem } from \"./types\";\nimport { colorForLabel, filterByLabels, listLabelsWithCount } from \"./labels\";\nimport { useT, format } from \"./lang\";\n\nconst messages = useT();\n\n// Wrapper that returns either a plain string or a placeholder-substituted\n// one. Mirrors vue-i18n's `t(key, params)` shape so the existing template\n// (e.g. `{{ t(\"completedRatio\", { done, total }) }}`) keeps\n// reading naturally — see calls below.\nfunction t(key: keyof typeof messages.value, params?: Record<string, string | number>): string {\n  const template = messages.value[key];\n  return params ? format(template, params) : template;\n}\n\nconst props = defineProps<{\n  selectedResult: ToolResultComplete<TodoData>;\n}>();\nconst emit = defineEmits<{ updateResult: [result: ToolResultComplete] }>();\n\nconst items = ref<TodoItem[]>(props.selectedResult.data?.items ?? []);\n\nconst { dispatch, pubsub } = useRuntime();\n\ninterface ListResponse {\n  data?: { items?: TodoItem[] };\n}\n\nasync function refresh(): Promise<void> {\n  try {\n    const result = await dispatch<ListResponse>({ kind: \"listAll\" });\n    if (Array.isArray(result.data?.items)) items.value = result.data.items;\n  } catch {\n    // Network or auth issue — leave the existing list alone so the\n    // user keeps seeing what they already had. The next pubsub\n    // \"changed\" tick will retry.\n  }\n}\n\nlet unsub: (() => void) | undefined;\nonMounted(() => {\n  unsub = pubsub.subscribe(\"changed\", () => {\n    void refresh();\n  });\n  void refresh();\n});\nonUnmounted(() => unsub?.());\n\n// Re-fetch when the caller swaps in a different tool result.\nwatch(\n  () => props.selectedResult.uuid,\n  () => {\n    items.value = props.selectedResult.data?.items ?? [];\n    void refresh();\n  },\n);\nconst completedCount = computed(() => items.value.filter((i) => i.completed).length);\nconst hasCompleted = computed(() => items.value.some((i) => i.completed));\n\n// ── Label filter state ──────────────────────────────────────────────────────\n// Filters are local to this View instance — intentional, so that\n// switching sessions or reopening a tool result doesn't drag state\n// across contexts. Active filters are stored lowercased to match\n// `filterByLabels`' case-insensitive semantics.\n\nconst activeFilters = ref<Set<string>>(new Set());\n\nconst labelInventory = computed(() => listLabelsWithCount(items.value));\n\nconst filteredItems = computed(() => filterByLabels(items.value, [...activeFilters.value]));\n\nfunction toggleFilter(label: string): void {\n  const key = label.toLowerCase();\n  const next = new Set(activeFilters.value);\n  if (next.has(key)) {\n    next.delete(key);\n  } else {\n    next.add(key);\n  }\n  activeFilters.value = next;\n}\n\nfunction clearFilters(): void {\n  activeFilters.value = new Set();\n}\n\n// ── YAML helpers ─────────────────────────────────────────────────────────────\n\nfunction yamlStringValue(str: string): string {\n  const needsQuotes = str === \"\" || /[:#[\\]{},&*?|<>=!%@`]/.test(str) || /^\\s|\\s$/.test(str) || /^(true|false|null|~)$/i.test(str) || /^\\d/.test(str);\n  if (needsQuotes) {\n    return `\"${str.replace(/\\\\/g, \"\\\\\\\\\").replace(/\"/g, '\\\\\"')}\"`;\n  }\n  return str;\n}\n\nfunction serializeYaml(item: TodoItem): string {\n  const labels = item.labels ?? [];\n  const labelsLine = labels.length > 0 ? `labels: [${labels.map(yamlStringValue).join(\", \")}]` : \"labels: []\";\n  return [`text: ${yamlStringValue(item.text)}`, `note: ${item.note ? yamlStringValue(item.note) : \"\"}`, labelsLine].join(\"\\n\");\n}\n\n// Parse a YAML flow sequence `[a, \"b\", c]` into an array of strings.\n// Handles quoted and unquoted entries. Whitespace-only input → empty.\nfunction parseFlowSequence(raw: string): string[] {\n  const trimmed = raw.trim();\n  if (!trimmed || trimmed === \"[]\") return [];\n  if (!trimmed.startsWith(\"[\") || !trimmed.endsWith(\"]\")) return [];\n  const inner = trimmed.slice(1, -1);\n  // Split on commas that are NOT inside double quotes. Cheap scan;\n  // fine for our label use case where items don't contain commas\n  // (stored labels are normalised strings without commas).\n  const result: string[] = [];\n  let buffer = \"\";\n  let inQuotes = false;\n  for (let i = 0; i < inner.length; i++) {\n    const char = inner[i];\n    if (char === '\"' && inner[i - 1] !== \"\\\\\") {\n      inQuotes = !inQuotes;\n      buffer += char;\n      continue;\n    }\n    if (char === \",\" && !inQuotes) {\n      const piece = parseYamlValue(buffer.trim());\n      if (piece) result.push(piece);\n      buffer = \"\";\n      continue;\n    }\n    buffer += char;\n  }\n  const last = parseYamlValue(buffer.trim());\n  if (last) result.push(last);\n  return result;\n}\n\nfunction parseYamlValue(raw: string): string {\n  if (raw.startsWith('\"') && raw.endsWith('\"')) {\n    return raw.slice(1, -1).replace(/\\\\\"/g, '\"').replace(/\\\\\\\\/g, \"\\\\\");\n  }\n  if (raw.startsWith(\"'\") && raw.endsWith(\"'\")) {\n    return raw.slice(1, -1);\n  }\n  return raw;\n}\n\nfunction parseYaml(text: string): { text: string; note: string; labels: string[] } | null {\n  const result: Record<string, string> = {};\n  for (const line of text.split(\"\\n\")) {\n    const trimmed = line.trim();\n    if (!trimmed || trimmed.startsWith(\"#\")) continue;\n    const colonIdx = line.indexOf(\": \");\n    if (colonIdx === -1) {\n      // \"key:\" with empty value\n      const colonEnd = line.indexOf(\":\");\n      if (colonEnd !== -1) result[line.slice(0, colonEnd).trim()] = \"\";\n      continue;\n    }\n    // `labels:` is a flow sequence (`[a, b]`) — parse it as a list\n    // instead of running it through `parseYamlValue` which strips\n    // brackets as if they were quotes.\n    const key = line.slice(0, colonIdx).trim();\n    const raw = line.slice(colonIdx + 2).trim();\n    if (key === \"labels\") {\n      result[key] = raw;\n      continue;\n    }\n    result[key] = parseYamlValue(raw);\n  }\n  if (typeof result[\"text\"] !== \"string\" || !result[\"text\"]) return null;\n  const labels = parseFlowSequence(result[\"labels\"] ?? \"[]\");\n  return {\n    text: result[\"text\"],\n    note: result[\"note\"] ?? \"\",\n    labels,\n  };\n}\n\n// ── Item selection & YAML edit ────────────────────────────────────────────────\n\nconst selectedId = ref<string | null>(null);\nconst yamlText = ref(\"\");\nconst yamlError = ref(\"\");\n\nfunction selectItem(item: TodoItem) {\n  if (selectedId.value === item.id) {\n    selectedId.value = null;\n    return;\n  }\n  selectedId.value = item.id;\n  yamlText.value = serializeYaml(item);\n  yamlError.value = \"\";\n}\n\nwatch(items, () => {\n  if (!selectedId.value) return;\n  const item = items.value.find((i) => i.id === selectedId.value);\n  if (item) yamlText.value = serializeYaml(item);\n  else selectedId.value = null;\n});\n\nasync function applyItemEdit() {\n  yamlError.value = \"\";\n  const parsed = parseYaml(yamlText.value);\n  if (!parsed) {\n    yamlError.value = t(\"yamlParseError\");\n    return;\n  }\n  // Single id-based UI patch — `handlePatch` accepts text + note +\n  // labels in one call and applies them atomically. The earlier\n  // multi-call LLM-action flow (`update` + `add_label` + `remove_label`)\n  // resolved items by case-insensitive substring match on text, so two\n  // todos with similar titles could clobber each other; the UI knows\n  // the id, so use it.\n  const id = selectedId.value;\n  if (!id) return;\n  const ok = await callApi({\n    kind: \"itemPatch\",\n    id,\n    text: parsed.text,\n    note: parsed.note,\n    labels: parsed.labels,\n  });\n  if (!ok) return;\n  selectedId.value = null;\n}\n\n// ── API ───────────────────────────────────────────────────────────────────────\n\n// Last POST /api/todos failure. Cleared on the next successful call so\n// the banner disappears as soon as things recover.\nconst todoApiError = ref<string | null>(null);\n\ninterface CallApiResult {\n  data?: { items?: TodoItem[] };\n  message?: string;\n  jsonData?: unknown;\n  instructions?: string;\n  error?: string;\n}\n\nasync function callApi(body: Record<string, unknown>): Promise<boolean> {\n  try {\n    const result = await dispatch<CallApiResult>(body);\n    if (result.error) {\n      todoApiError.value = result.error;\n      return false;\n    }\n    todoApiError.value = null;\n    items.value = result.data?.items ?? [];\n    emit(\"updateResult\", {\n      ...props.selectedResult,\n      ...result,\n      uuid: props.selectedResult.uuid,\n    } as ToolResultComplete);\n    return true;\n  } catch (err) {\n    todoApiError.value = err instanceof Error ? err.message : String(err);\n    return false;\n  }\n}\n\nfunction toggle(item: TodoItem) {\n  // id-based patch — server's `applyCompletedPatch` flips the\n  // completed flag and moves the item between the done column\n  // and the default open column the obvious way. The previous\n  // text-based `check` / `uncheck` LLM actions resolved by\n  // case-insensitive substring and could mutate the wrong row\n  // when two todos share a prefix.\n  callApi({ kind: \"itemPatch\", id: item.id, completed: !item.completed });\n}\n\nfunction remove(item: TodoItem) {\n  if (selectedId.value === item.id) selectedId.value = null;\n  callApi({ kind: \"itemDelete\", id: item.id });\n}\n\nfunction clearCompleted() {\n  // The LLM `clear_completed` action filters by the boolean flag\n  // (no text matching), so it's safe to keep as a single\n  // round-trip rather than fanning out into N `itemDelete` calls.\n  callApi({ action: \"clear_completed\" });\n}\n</script>\n","<template>\n  <div class=\"p-2 text-sm\">\n    <div class=\"flex items-center gap-1 font-medium text-gray-700 mb-1\">\n      <span aria-hidden=\"true\">{{ t(\"previewHeaderIcon\") }}</span>\n      <span>{{ t(\"completedRatio\", { done: completedCount, total: items.length }) }}</span>\n    </div>\n    <div\n      v-for=\"item in preview\"\n      :key=\"item.id\"\n      class=\"text-xs truncate flex items-center gap-1\"\n      :class=\"item.completed ? 'line-through text-gray-400' : 'text-gray-600'\"\n    >\n      <span class=\"shrink-0\">{{ item.completed ? t(\"previewDoneIcon\") : t(\"previewPendingIcon\") }}</span>\n      <span class=\"truncate\">{{ item.text }}</span>\n      <template v-if=\"(item.labels?.length ?? 0) > 0\">\n        <span\n          v-for=\"label in (item.labels ?? []).slice(0, 2)\"\n          :key=\"label\"\n          class=\"px-1 rounded-full text-[9px] font-medium shrink-0\"\n          :class=\"colorForLabel(label)\"\n          >{{ label }}</span\n        >\n        <span v-if=\"(item.labels?.length ?? 0) > 2\" class=\"text-[9px] text-gray-400 shrink-0\">{{\n          t(\"previewMoreLabels\", { count: (item.labels?.length ?? 0) - 2 })\n        }}</span>\n      </template>\n    </div>\n    <div v-if=\"more > 0\" class=\"text-xs text-gray-400\">{{ t(\"previewMoreItems\", { count: more }) }}</div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref, watch } from \"vue\";\nimport { useRuntime } from \"gui-chat-protocol/vue\";\nimport type { ToolResultComplete } from \"gui-chat-protocol/vue\";\nimport type { TodoData, TodoItem } from \"./types\";\nimport { colorForLabel } from \"./labels\";\nimport { useT, format } from \"./lang\";\n\nconst messages = useT();\n\nfunction t(key: keyof typeof messages.value, params?: Record<string, string | number>): string {\n  const template = messages.value[key];\n  return params ? format(template, params) : template;\n}\n\nconst props = defineProps<{ result: ToolResultComplete<TodoData> }>();\n\nconst items = ref<TodoItem[]>(props.result.data?.items ?? []);\n\nconst { dispatch, pubsub } = useRuntime();\n\ninterface ListResponse {\n  data?: { items?: TodoItem[] };\n}\n\nasync function refresh(): Promise<void> {\n  try {\n    const result = await dispatch<ListResponse>({ kind: \"listAll\" });\n    if (Array.isArray(result.data?.items)) items.value = result.data.items;\n  } catch {\n    // Preview keeps its prop-initialised state on failure — silent\n    // by design (it's a thumbnail, not the canonical view).\n  }\n}\n\nlet unsub: (() => void) | undefined;\nonMounted(() => {\n  // Initial fetch — `props.result.data.items` is the snapshot the LLM\n  // saw at tool-call time, which can already be stale by the time the\n  // user opens the preview. Refresh once to match the canonical view,\n  // then subscribe for live updates.\n  void refresh();\n  unsub = pubsub.subscribe(\"changed\", () => {\n    void refresh();\n  });\n});\nonUnmounted(() => unsub?.());\n\nwatch(\n  () => props.result.uuid,\n  () => {\n    items.value = props.result.data?.items ?? [];\n    void refresh();\n  },\n);\nconst completedCount = computed(() => items.value.filter((i) => i.completed).length);\nconst preview = computed(() => items.value.slice(0, 3));\nconst more = computed(() => Math.max(0, items.value.length - 3));\n</script>\n","<template>\n  <div class=\"p-2 text-sm\">\n    <div class=\"flex items-center gap-1 font-medium text-gray-700 mb-1\">\n      <span aria-hidden=\"true\">{{ t(\"previewHeaderIcon\") }}</span>\n      <span>{{ t(\"completedRatio\", { done: completedCount, total: items.length }) }}</span>\n    </div>\n    <div\n      v-for=\"item in preview\"\n      :key=\"item.id\"\n      class=\"text-xs truncate flex items-center gap-1\"\n      :class=\"item.completed ? 'line-through text-gray-400' : 'text-gray-600'\"\n    >\n      <span class=\"shrink-0\">{{ item.completed ? t(\"previewDoneIcon\") : t(\"previewPendingIcon\") }}</span>\n      <span class=\"truncate\">{{ item.text }}</span>\n      <template v-if=\"(item.labels?.length ?? 0) > 0\">\n        <span\n          v-for=\"label in (item.labels ?? []).slice(0, 2)\"\n          :key=\"label\"\n          class=\"px-1 rounded-full text-[9px] font-medium shrink-0\"\n          :class=\"colorForLabel(label)\"\n          >{{ label }}</span\n        >\n        <span v-if=\"(item.labels?.length ?? 0) > 2\" class=\"text-[9px] text-gray-400 shrink-0\">{{\n          t(\"previewMoreLabels\", { count: (item.labels?.length ?? 0) - 2 })\n        }}</span>\n      </template>\n    </div>\n    <div v-if=\"more > 0\" class=\"text-xs text-gray-400\">{{ t(\"previewMoreItems\", { count: more }) }}</div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref, watch } from \"vue\";\nimport { useRuntime } from \"gui-chat-protocol/vue\";\nimport type { ToolResultComplete } from \"gui-chat-protocol/vue\";\nimport type { TodoData, TodoItem } from \"./types\";\nimport { colorForLabel } from \"./labels\";\nimport { useT, format } from \"./lang\";\n\nconst messages = useT();\n\nfunction t(key: keyof typeof messages.value, params?: Record<string, string | number>): string {\n  const template = messages.value[key];\n  return params ? format(template, params) : template;\n}\n\nconst props = defineProps<{ result: ToolResultComplete<TodoData> }>();\n\nconst items = ref<TodoItem[]>(props.result.data?.items ?? []);\n\nconst { dispatch, pubsub } = useRuntime();\n\ninterface ListResponse {\n  data?: { items?: TodoItem[] };\n}\n\nasync function refresh(): Promise<void> {\n  try {\n    const result = await dispatch<ListResponse>({ kind: \"listAll\" });\n    if (Array.isArray(result.data?.items)) items.value = result.data.items;\n  } catch {\n    // Preview keeps its prop-initialised state on failure — silent\n    // by design (it's a thumbnail, not the canonical view).\n  }\n}\n\nlet unsub: (() => void) | undefined;\nonMounted(() => {\n  // Initial fetch — `props.result.data.items` is the snapshot the LLM\n  // saw at tool-call time, which can already be stale by the time the\n  // user opens the preview. Refresh once to match the canonical view,\n  // then subscribe for live updates.\n  void refresh();\n  unsub = pubsub.subscribe(\"changed\", () => {\n    void refresh();\n  });\n});\nonUnmounted(() => unsub?.());\n\nwatch(\n  () => props.result.uuid,\n  () => {\n    items.value = props.result.data?.items ?? [];\n    void refresh();\n  },\n);\nconst completedCount = computed(() => items.value.filter((i) => i.completed).length);\nconst preview = computed(() => items.value.slice(0, 3));\nconst more = computed(() => Math.max(0, items.value.length - 3));\n</script>\n","// Vue entry — exports the canvas + preview components the host\n// runtime plugin loader dynamic-imports as `dist/vue.js`. Same shape\n// as `packages/plugins/bookmarks-plugin/src/vue.ts` so the host's loader\n// (src/tools/runtimeLoader.ts) registers them without special-casing.\n\nimport View from \"./View.vue\";\nimport Preview from \"./Preview.vue\";\nimport { TOOL_DEFINITION } from \"./definition\";\n\nexport const plugin = {\n  toolDefinition: TOOL_DEFINITION,\n  viewComponent: View,\n  previewComponent: Preview,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyHA,MAAM,WAAW,KAAK;EAMtB,SAAS,EAAE,KAAkC,QAAkD;GAC7F,MAAM,WAAW,SAAS,MAAM;GAChC,OAAO,SAAS,OAAO,UAAU,MAAM,IAAI;EAC7C;EAEA,MAAM,QAAQ;EAGd,MAAM,OAAO;EAEb,MAAM,QAAQ,IAAgB,MAAM,eAAe,MAAM,SAAS,CAAC,CAAC;EAEpE,MAAM,EAAE,UAAU,WAAW,WAAW;EAMxC,eAAe,UAAyB;GACtC,IAAI;IACF,MAAM,SAAS,MAAM,SAAuB,EAAE,MAAM,UAAU,CAAC;IAC/D,IAAI,MAAM,QAAQ,OAAO,MAAM,KAAK,GAAG,MAAM,QAAQ,OAAO,KAAK;GACnE,QAAQ,CAIR;EACF;EAEA,IAAI;EACJ,gBAAgB;GACd,QAAQ,OAAO,UAAU,iBAAiB;IACxC,QAAa;GACf,CAAC;GACD,QAAa;EACf,CAAC;EACD,kBAAkB,QAAQ,CAAC;EAG3B,YACQ,MAAM,eAAe,YACrB;GACJ,MAAM,QAAQ,MAAM,eAAe,MAAM,SAAS,CAAC;GACnD,QAAa;EACf,CACF;EACA,MAAM,iBAAiB,eAAe,MAAM,MAAM,QAAQ,MAAM,EAAE,SAAS,EAAE,MAAM;EACnF,MAAM,eAAe,eAAe,MAAM,MAAM,MAAM,MAAM,EAAE,SAAS,CAAC;EAQxE,MAAM,gBAAgB,oBAAiB,IAAI,IAAI,CAAC;EAEhD,MAAM,iBAAiB,eAAe,oBAAoB,MAAM,KAAK,CAAC;EAEtE,MAAM,gBAAgB,eAAe,eAAe,MAAM,OAAO,CAAC,GAAG,cAAc,KAAK,CAAC,CAAC;EAE1F,SAAS,aAAa,OAAqB;GACzC,MAAM,MAAM,MAAM,YAAY;GAC9B,MAAM,OAAO,IAAI,IAAI,cAAc,KAAK;GACxC,IAAI,KAAK,IAAI,GAAG,GACd,KAAK,OAAO,GAAG;QAEf,KAAK,IAAI,GAAG;GAEd,cAAc,QAAQ;EACxB;EAEA,SAAS,eAAqB;GAC5B,cAAc,wBAAQ,IAAI,IAAI;EAChC;EAIA,SAAS,gBAAgB,KAAqB;GAE5C,IADoB,QAAQ,MAAM,wBAAwB,KAAK,GAAG,KAAK,UAAU,KAAK,GAAG,KAAK,yBAAyB,KAAK,GAAG,KAAK,MAAM,KAAK,GAAG,GAEhJ,OAAO,IAAI,IAAI,QAAQ,OAAO,MAAM,EAAE,QAAQ,MAAM,MAAK,EAAE;GAE7D,OAAO;EACT;EAEA,SAAS,cAAc,MAAwB;GAC7C,MAAM,SAAS,KAAK,UAAU,CAAC;GAC/B,MAAM,aAAa,OAAO,SAAS,IAAI,YAAY,OAAO,IAAI,eAAe,EAAE,KAAK,IAAI,EAAE,KAAK;GAC/F,OAAO;IAAC,SAAS,gBAAgB,KAAK,IAAI;IAAK,SAAS,KAAK,OAAO,gBAAgB,KAAK,IAAI,IAAI;IAAM;GAAU,EAAE,KAAK,IAAI;EAC9H;EAIA,SAAS,kBAAkB,KAAuB;GAChD,MAAM,UAAU,IAAI,KAAK;GACzB,IAAI,CAAC,WAAW,YAAY,MAAM,OAAO,CAAC;GAC1C,IAAI,CAAC,QAAQ,WAAW,GAAG,KAAK,CAAC,QAAQ,SAAS,GAAG,GAAG,OAAO,CAAC;GAChE,MAAM,QAAQ,QAAQ,MAAM,GAAG,EAAE;GAIjC,MAAM,SAAmB,CAAC;GAC1B,IAAI,SAAS;GACb,IAAI,WAAW;GACf,KAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;IACrC,MAAM,OAAO,MAAM;IACnB,IAAI,SAAS,QAAO,MAAM,IAAI,OAAO,MAAM;KACzC,WAAW,CAAC;KACZ,UAAU;KACV;IACF;IACA,IAAI,SAAS,OAAO,CAAC,UAAU;KAC7B,MAAM,QAAQ,eAAe,OAAO,KAAK,CAAC;KAC1C,IAAI,OAAO,OAAO,KAAK,KAAK;KAC5B,SAAS;KACT;IACF;IACA,UAAU;GACZ;GACA,MAAM,OAAO,eAAe,OAAO,KAAK,CAAC;GACzC,IAAI,MAAM,OAAO,KAAK,IAAI;GAC1B,OAAO;EACT;EAEA,SAAS,eAAe,KAAqB;GAC3C,IAAI,IAAI,WAAW,IAAG,KAAK,IAAI,SAAS,IAAG,GACzC,OAAO,IAAI,MAAM,GAAG,EAAE,EAAE,QAAQ,QAAQ,IAAG,EAAE,QAAQ,SAAS,IAAI;GAEpE,IAAI,IAAI,WAAW,GAAG,KAAK,IAAI,SAAS,GAAG,GACzC,OAAO,IAAI,MAAM,GAAG,EAAE;GAExB,OAAO;EACT;EAEA,SAAS,UAAU,MAAuE;GACxF,MAAM,SAAiC,CAAC;GACxC,KAAK,MAAM,QAAQ,KAAK,MAAM,IAAI,GAAG;IACnC,MAAM,UAAU,KAAK,KAAK;IAC1B,IAAI,CAAC,WAAW,QAAQ,WAAW,GAAG,GAAG;IACzC,MAAM,WAAW,KAAK,QAAQ,IAAI;IAClC,IAAI,aAAa,IAAI;KAEnB,MAAM,WAAW,KAAK,QAAQ,GAAG;KACjC,IAAI,aAAa,IAAI,OAAO,KAAK,MAAM,GAAG,QAAQ,EAAE,KAAK,KAAK;KAC9D;IACF;IAIA,MAAM,MAAM,KAAK,MAAM,GAAG,QAAQ,EAAE,KAAK;IACzC,MAAM,MAAM,KAAK,MAAM,WAAW,CAAC,EAAE,KAAK;IAC1C,IAAI,QAAQ,UAAU;KACpB,OAAO,OAAO;KACd;IACF;IACA,OAAO,OAAO,eAAe,GAAG;GAClC;GACA,IAAI,OAAO,OAAO,YAAY,YAAY,CAAC,OAAO,SAAS,OAAO;GAClE,MAAM,SAAS,kBAAkB,OAAO,aAAa,IAAI;GACzD,OAAO;IACL,MAAM,OAAO;IACb,MAAM,OAAO,WAAW;IACxB;GACF;EACF;EAIA,MAAM,aAAa,IAAmB,IAAI;EAC1C,MAAM,WAAW,IAAI,EAAE;EACvB,MAAM,YAAY,IAAI,EAAE;EAExB,SAAS,WAAW,MAAgB;GAClC,IAAI,WAAW,UAAU,KAAK,IAAI;IAChC,WAAW,QAAQ;IACnB;GACF;GACA,WAAW,QAAQ,KAAK;GACxB,SAAS,QAAQ,cAAc,IAAI;GACnC,UAAU,QAAQ;EACpB;EAEA,MAAM,aAAa;GACjB,IAAI,CAAC,WAAW,OAAO;GACvB,MAAM,OAAO,MAAM,MAAM,MAAM,MAAM,EAAE,OAAO,WAAW,KAAK;GAC9D,IAAI,MAAM,SAAS,QAAQ,cAAc,IAAI;QACxC,WAAW,QAAQ;EAC1B,CAAC;EAED,eAAe,gBAAgB;GAC7B,UAAU,QAAQ;GAClB,MAAM,SAAS,UAAU,SAAS,KAAK;GACvC,IAAI,CAAC,QAAQ;IACX,UAAU,QAAQ,EAAE,gBAAgB;IACpC;GACF;GAOA,MAAM,KAAK,WAAW;GACtB,IAAI,CAAC,IAAI;GAQT,IAAI,CAAC,MAPY,QAAQ;IACvB,MAAM;IACN;IACA,MAAM,OAAO;IACb,MAAM,OAAO;IACb,QAAQ,OAAO;GACjB,CAAC,GACQ;GACT,WAAW,QAAQ;EACrB;EAMA,MAAM,eAAe,IAAmB,IAAI;EAU5C,eAAe,QAAQ,MAAiD;GACtE,IAAI;IACF,MAAM,SAAS,MAAM,SAAwB,IAAI;IACjD,IAAI,OAAO,OAAO;KAChB,aAAa,QAAQ,OAAO;KAC5B,OAAO;IACT;IACA,aAAa,QAAQ;IACrB,MAAM,QAAQ,OAAO,MAAM,SAAS,CAAC;IACrC,KAAK,gBAAgB;KACnB,GAAG,MAAM;KACT,GAAG;KACH,MAAM,MAAM,eAAe;IAC7B,CAAuB;IACvB,OAAO;GACT,SAAS,KAAK;IACZ,aAAa,QAAQ,eAAe,QAAQ,IAAI,UAAU,OAAO,GAAG;IACpE,OAAO;GACT;EACF;EAEA,SAAS,OAAO,MAAgB;GAO9B,QAAQ;IAAE,MAAM;IAAa,IAAI,KAAK;IAAI,WAAW,CAAC,KAAK;GAAU,CAAC;EACxE;EAEA,SAAS,OAAO,MAAgB;GAC9B,IAAI,WAAW,UAAU,KAAK,IAAI,WAAW,QAAQ;GACrD,QAAQ;IAAE,MAAM;IAAc,IAAI,KAAK;GAAG,CAAC;EAC7C;EAEA,SAAS,iBAAiB;GAIxB,QAAQ,EAAE,QAAQ,kBAAkB,CAAC;EACvC;;uBA7YE,mBA6GM,OA7GN,cA6GM;IA1GO,aAAA,SAAA,UAAA,GAAX,mBAEM,OAFN,cAEM,gBADD,EAAC,YAAA,EAAA,OAAsB,aAAA,MAAY,CAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAExC,mBAGM,OAHN,cAGM,CAFJ,mBAAuE,MAAvE,cAAuE,gBAApB,EAAC,SAAA,CAAA,GAAA,CAAA,GACpD,mBAAmH,QAAnH,cAAmH,gBAA5E,EAAC,kBAAA;KAAA,MAA2B,eAAA;KAAc,OAAS,MAAA,MAAM;IAAM,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA;IAI7F,eAAA,MAAe,SAAM,KAAA,UAAA,GAAhC,mBAmBM,OAnBN,cAmBM;KAlBJ,mBAAiE,QAAjE,cAAiE,gBAArB,EAAC,QAAA,CAAA,GAAA,CAAA;uBAC7C,mBAaS,UAAA,MAAA,WAZS,eAAA,QAAT,UAAK;0BADd,mBAaS,UAAA;OAXN,KAAK,MAAM;OACZ,OAAK,eAAA,CAAC,+DACa,cAAA,MAAc,IAAI,MAAM,MAAM,YAAW,CAAA,IAAA,0BAA4C,MAAA,aAAA,EAAc,MAAM,KAAK,IAAgB,MAAA,aAAA,EAAc,MAAM,KAAK,IAAA,+BAAA,CAAA;OAKzK,UAAK,WAAE,aAAa,MAAM,KAAK;0CAE7B,MAAM,KAAK,IAAG,KACjB,CAAA,GAAA,mBAAiD,QAAjD,YAAiD,gBAArB,MAAM,KAAK,GAAA,CAAA,CAAA,GAAA,IAAA,UAAA;;KAE3B,cAAA,MAAc,OAAI,KAAA,UAAA,GAAhC,mBAES,UAAA;;MAF6B,OAAM;MAAqD,OAAO,EAAC,cAAA;MAAmB,SAAO;wBAC9H,EAAC,aAAA,CAAA,GAAA,GAAA,WAAA,KAAA,mBAAA,IAAA,IAAA;;IAIG,MAAA,MAAM,WAAM,KAAA,UAAA,GAAvB,mBAAqH,OAArH,aAAqH,gBAArB,EAAC,SAAA,CAAA,GAAA,CAAA,KAEjF,cAAA,MAAc,WAAM,KAAA,UAAA,GAApC,mBAEM,OAFN,aAEM,gBADD,EAAC,kBAAA,CAAA,GAAA,CAAA,MAAA,UAAA,GAGN,mBAiEK,MAjEL,aAiEK,EAAA,UAAA,IAAA,GAhEH,mBA+DK,UAAA,MAAA,WA/Dc,cAAA,QAAR,SAAI;yBAAf,mBA+DK,MAAA;MA/D8B,KAAK,KAAK;MAAI,OAAK,eAAA,CAAC,qBAA4B,WAAA,UAAe,KAAK,KAAE,oBAAA,iBAAA,CAAA;SASvG,mBAqCM,OAAA;MApCJ,OAAK,eAAA,CAAC,oJACE,WAAA,UAAe,KAAK,KAAE,mBAAA,EAAA,CAAA;MAC9B,MAAK;MACL,UAAS;MACR,iBAAe,WAAA,UAAe,KAAK;MACnC,cAAY,WAAA,UAAe,KAAK,KAAK,EAAC,UAAA,IAAe,EAAC,QAAA;MACtD,UAAK,WAAE,WAAW,IAAI;MACtB,WAAO,CAAA,SAAA,eAAA,WAAqB,WAAW,IAAI,GAAA,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA,GAAA,SAAA,eAAA,WACf,WAAW,IAAI,GAAA,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA;;MAE5C,mBAAsH,SAAA;OAA/G,MAAK;OAAY,SAAS,KAAK;OAAW,OAAM;OAA2B,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,CAAA,GAAW,CAAA,MAAA,CAAA;OAAE,WAAM,WAAE,OAAO,IAAI;;MACjH,mBAcM,OAdN,aAcM,CAbJ,mBASM,OATN,aASM,CARJ,mBAAqH,QAAA,EAA/G,OAAK,eAAA,CAAC,WAAkB,KAAK,YAAS,+BAAA,eAAA,CAAA,EAAA,GAAA,gBAAsD,KAAK,IAAI,GAAA,CAAA,IAAA,UAAA,IAAA,GAC3G,mBAMC,UAAA,MAAA,WALiB,KAAK,UAAM,CAAA,IAApB,UAAK;2BADd,mBAMC,QAAA;QAJE,KAAK;QACN,OAAK,eAAA,CAAC,+DACE,MAAA,aAAA,EAAc,KAAK,CAAA,CAAA;0BACvB,KAAK,GAAA,CAAA;mBAGF,KAAK,QAAA,UAAA,GAAhB,mBAEM,OAFN,aAEM,gBADD,KAAK,IAAI,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA;MAGhB,mBAMS,UAAA;OALP,OAAM;OACL,OAAO,EAAC,YAAA;OACR,SAAK,eAAA,WAAO,OAAO,IAAI,GAAA,CAAA,MAAA,CAAA;yBAErB,EAAC,cAAA,CAAA,GAAA,GAAA,WAAA;MAEN,mBAEO,QAAA;OAFD,OAAM;OAAwC,OAAO,WAAA,UAAe,KAAK,KAAK,EAAC,UAAA,IAAe,EAAC,QAAA;yBAChG,WAAA,UAAe,KAAK,KAAE,gBAAA,aAAA,GAAA,GAAA,WAAA;0BAKlB,WAAA,UAAe,KAAK,MAAA,UAAA,GAA/B,mBAaM,OAbN,aAaM,CAAA,eAZJ,mBAIE,YAAA;4EAHiB,QAAA;MACjB,OAAM;MACN,YAAW;kCAFF,SAAA,KAAQ,CAAA,CAAA,GAInB,mBAMM,OANN,aAMM;MALJ,mBAAsI,UAAA;OAA9H,OAAM;OAAwE,SAAO;yBAAkB,EAAC,QAAA,CAAA,GAAA,CAAA;MAChH,mBAES,UAAA;OAFD,OAAM;OAAqF,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,WAAA,QAAU;yBAC/G,EAAC,QAAA,CAAA,GAAA,CAAA;MAEM,UAAA,SAAA,UAAA,GAAZ,mBAA0E,QAA1E,aAA0E,gBAAnB,UAAA,KAAS,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;;;IAM1D,aAAA,SAAA,UAAA,GAAd,mBAES,UAAA;;KAFmB,OAAM;KAAkE,SAAO;uBACtG,EAAC,gBAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;AInGV,IAAa,SAAS;CACpB,gBAAgB;CAChB,eAAe;CACf,kBAAkB;;;;GF2BpB,MAAM,WAAW,KAAK;GAEtB,SAAS,EAAE,KAAkC,QAAkD;IAC7F,MAAM,WAAW,SAAS,MAAM;IAChC,OAAO,SAAS,OAAO,UAAU,MAAM,IAAI;GAC7C;GAEA,MAAM,QAAQ;GAEd,MAAM,QAAQ,IAAgB,MAAM,OAAO,MAAM,SAAS,CAAC,CAAC;GAE5D,MAAM,EAAE,UAAU,WAAW,WAAW;GAMxC,eAAe,UAAyB;IACtC,IAAI;KACF,MAAM,SAAS,MAAM,SAAuB,EAAE,MAAM,UAAU,CAAC;KAC/D,IAAI,MAAM,QAAQ,OAAO,MAAM,KAAK,GAAG,MAAM,QAAQ,OAAO,KAAK;IACnE,QAAQ,CAGR;GACF;GAEA,IAAI;GACJ,gBAAgB;IAKd,QAAa;IACb,QAAQ,OAAO,UAAU,iBAAiB;KACxC,QAAa;IACf,CAAC;GACH,CAAC;GACD,kBAAkB,QAAQ,CAAC;GAE3B,YACQ,MAAM,OAAO,YACb;IACJ,MAAM,QAAQ,MAAM,OAAO,MAAM,SAAS,CAAC;IAC3C,QAAa;GACf,CACF;GACA,MAAM,iBAAiB,eAAe,MAAM,MAAM,QAAQ,MAAM,EAAE,SAAS,EAAE,MAAM;GACnF,MAAM,UAAU,eAAe,MAAM,MAAM,MAAM,GAAG,CAAC,CAAC;GACtD,MAAM,OAAO,eAAe,KAAK,IAAI,GAAG,MAAM,MAAM,SAAS,CAAC,CAAC;;wBAvF7D,mBA2BM,OA3BN,YA2BM;KA1BJ,mBAGM,OAHN,YAGM,CAFJ,mBAA4D,QAA5D,YAA4D,gBAAhC,EAAC,mBAAA,CAAA,GAAA,CAAA,GAC7B,mBAAqF,QAAA,MAAA,gBAA5E,EAAC,kBAAA;MAAA,MAA2B,eAAA;MAAc,OAAS,MAAA,MAAM;KAAM,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA;uBAE1E,mBAoBM,UAAA,MAAA,WAnBW,QAAA,QAAR,SAAI;0BADb,mBAoBM,OAAA;OAlBH,KAAK,KAAK;OACX,OAAK,eAAA,CAAC,4CACE,KAAK,YAAS,+BAAA,eAAA,CAAA;;OAEtB,mBAAmG,QAAnG,YAAmG,gBAAzE,KAAK,YAAY,EAAC,iBAAA,IAAsB,EAAC,oBAAA,CAAA,GAAA,CAAA;OACnE,mBAA6C,QAA7C,YAA6C,gBAAnB,KAAK,IAAI,GAAA,CAAA;QAClB,KAAK,QAAQ,UAAM,KAAA,KAAA,UAAA,GAApC,mBAWW,UAAA,EAAA,KAAA,EAAA,GAAA,EAAA,UAAA,IAAA,GAVT,mBAMC,UAAA,MAAA,YALkB,KAAK,UAAM,CAAA,GAAQ,MAAK,GAAA,CAAA,IAAlC,UAAK;4BADd,mBAMC,QAAA;SAJE,KAAK;SACN,OAAK,eAAA,CAAC,qDACE,MAAA,aAAA,EAAc,KAAK,CAAA,CAAA;2BACvB,KAAK,GAAA,CAAA;mBAEE,KAAK,QAAQ,UAAM,KAAA,KAAA,UAAA,GAAhC,mBAES,QAFT,YAES,gBADP,EAAC,qBAAA,EAAA,QAAgC,KAAK,QAAQ,UAAM,KAAA,EAAA,CAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,EAAA,KAAA,mBAAA,IAAA,IAAA;;;KAI/C,KAAA,QAAI,KAAA,UAAA,GAAf,mBAAqG,OAArG,YAAqG,gBAA/C,EAAC,oBAAA,EAAA,OAA8B,KAAA,MAAI,CAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;;;;EEfzE;AACpB"}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@mulmoclaude/todo-plugin",
+  "version": "0.1.0",
+  "description": "Todo list plugin for MulmoClaude — kanban + list view, multi-tab live sync. Migrating from built-in plugin to runtime-plugin shape (#1145).",
+  "type": "module",
+  "main": "./dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./vue": {
+      "types": "./dist/vue.d.ts",
+      "import": "./dist/vue.js"
+    },
+    "./shared": {
+      "types": "./dist/shared.d.ts",
+      "import": "./dist/shared.js"
+    },
+    "./composables": {
+      "_comment": "Vite bundles `src/composables/index.ts` to `dist/composables.js` (single file), but `vite-plugin-dts` mirrors source structure for declaration emit, so the d.ts lives at `dist/composables/index.d.ts`. The two paths intentionally diverge.",
+      "types": "./dist/composables/index.d.ts",
+      "import": "./dist/composables.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "typecheck": "tsc --noEmit",
+    "test": "echo 'no in-package tests yet; covered by host integration test test/plugins/test_todo_plugin_integration.ts (added in PR2)'"
+  },
+  "peerDependencies": {
+    "gui-chat-protocol": "^0.3.0",
+    "vue": "^3.5.0",
+    "zod": "^4.3.6"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.7",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.13",
+    "vite-plugin-dts": "^5.0.0",
+    "vue": "^3.5.34",
+    "zod": "^4.4.3"
+  },
+  "license": "MIT"
+}