@septkit/ui 0.0.49 → 0.0.51

package/dist/external/.pnpm/@dialecte_scl@0.3.12/node_modules/@dialecte/scl/dist/v2019C1/index.js

@@ -0,0 +1,22 @@
+import "../../../../../../@dialecte_core@0.4.9/node_modules/@dialecte/core/dist/index.js";
+import { i as e } from "../hooks-Cm_UYBBt.js";
+//#region node_modules/.pnpm/@dialecte+scl@0.3.12/node_modules/@dialecte/scl/dist/v2019C1/index.js
+var t = {
+	"cross-type-template-uuid": {
+		title: "Placeholder templateUuid reused across element types",
+		description: "One templateUuid is carried by elements of several different types, so it cannot identify a single template element — it is an authoring placeholder, not real lineage.",
+		fallback: "Template lineage is ignored for these elements; each instance is recognised by its name within its parent instead, so the merge still proceeds."
+	},
+	"duplicate-instance-uuid": {
+		title: "Duplicate instance uuid",
+		description: "The same uuid is used by more than one element. Every instance uuid in an SCL must be unique, so uuid-based identity is ambiguous for the affected elements.",
+		fallback: "The affected elements are matched by name and position rather than uuid, so the merge still proceeds — resolve the duplication to restore reliable identity."
+	},
+	"template-uuid-type-mismatch": {
+		title: "templateUuid resolves to a different element type",
+		description: "A templateUuid points in-file to an element of a different type than the one carrying it. An instance cannot derive from a template of another type, so the lineage is inconsistent.",
+		fallback: "The mismatched lineage is ignored and the element is recognised by name, so the merge still proceeds."
+	}
+};
+//#endregion
+export { t as TEMPLATE_UUID_WARNING_INFO, e as presentationScope };

package/dist/index.d.ts

@@ -21,6 +21,7 @@ import { Reactive } from 'vue';
 import { Ref } from 'vue';
 import { Scl } from '@dialecte/scl/v2019C1';
 import { ShallowRef } from 'vue';
+import { TemplateUuidWarning } from '@dialecte/scl/v2019C1';
 
 declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
 
@@ -100,6 +101,8 @@ declare type __VLS_Props_11 = {
     detail: ElementDetailVM | undefined;
     /** Consumer-supplied fixed prefix/suffix per attribute; the user edits only the core. */
     affixMask?: AffixMaskResolver;
+    /** The selected group is skipped: lock editing and show the skip (current) value. */
+    disabled?: boolean;
 };
 
 declare type __VLS_Props_12 = MergeSessionParams & {
@@ -405,7 +408,7 @@ export declare const Button: __VLS_WithTemplateSlots<typeof __VLS_component, __V
 export declare const CATEGORY_ELEMENTS: Record<string, string[]>;
 
 /** How an element or attribute changed between the template and the instance. */
-export declare type ChangeStatus = 'added' | 'removed' | 'modified' | 'unchanged';
+export declare type ChangeStatus = 'added' | 'removed' | 'modified' | 'unchanged' | 'target-only';
 
 declare function closeDropdown(): void;
 
@@ -462,10 +465,15 @@ export declare const DecisionToggle: DefineComponent<__VLS_PublicProps_2, {}, {}
 export declare type DetailAttribute = {
     name: string;
     status: ChangeStatus;
-    /** The current/instance value — the `-` line, present when modified/removed. */
+    /** The current/instance value — the `-` line, present when modified/removed. (Skip target.) */
     before?: string;
-    /** The final value that will be written — the `+` line, present when added/modified. */
+    /** The incoming/proposed value — the `+` line, present when added/modified. (Accept target.) */
     after?: string;
+    /**
+     * The live value that will actually be written — the user's edit, or accept/skip choice.
+     * Defaults to `after` (accept) when unset; a skip sets it to `before`. The input binds to this.
+     */
+    written?: string;
     /** When set, the attribute is user-editable and its value renders as an input. */
     editable?: EditableMode;
     /** The engine auto-resolved a placement collision on this field (value = the resolved one). */
@@ -656,8 +664,23 @@ export declare type MergeNodeMeta = {
     role: 'primary' | 'companion' | 'plain';
     /** The decision group this node belongs to (primary + companions share it). */
     groupId?: string;
+    /**
+     * The topmost changed node of a change region (no changed same-group ancestor above it).
+     * Only region heads carry a status marker, so one badge shows per change instead of
+     * scattering across correlated companions but not their uuid-less siblings.
+     */
+    regionHead?: boolean;
     /** For a satellite companion that lives elsewhere: its real document path (shown as subtitle). */
     path?: string;
+    /**
+     * Present on an instance ROOT (Application/Function): its linkage to the loaded template
+     * and its member cluster. Drives the "linked / up to date" badge and the select-to-highlight
+     * of the whole instance (subtree + folded satellites).
+     */
+    instance?: {
+        linked: boolean;
+        upToDate: boolean;
+    };
 };
 
 export declare const MergeReview: DefineComponent<__VLS_Props_12, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -737,14 +760,21 @@ export declare type UnifiedDiff = {
 };
 
 /**
- * Reactively hydrate the shell's active document — race-safe across realms.
+ * Reactively resolve the shell's active document — race-safe across realms.
  *
  * The active-document id (shell `localStorage` `storage` event) and the
  * project's document registry (BroadcastChannel) are not ordered across realms,
  * so in an iframe extension the id can arrive before the document is registered
  * / its records are readable. `project.getDocumentStatus(id)` reconciles this
- * realm's store against persisted state first, so hydration never races ahead
- * of the document. Results from a superseded switch are ignored.
+ * realm's store against persisted state first, so the exposed document never
+ * races ahead of the document. Results from a superseded switch are ignored.
+ *
+ * The resolved document is returned as a nullable `document` ref (single source
+ * of truth); `isReady` is derived from it. When the active id changes, the
+ * previous document is dropped *before* the new one's readiness is probed, so a
+ * stale document is never exposed for the new id. Consumers should gate on
+ * `isReady`/`document` and can pass optional `hydrate`/`clear` callbacks to also
+ * mirror the value into a module-level document store.
  *
  * Cleanup runs automatically when used inside a component/effect scope; the
  * returned `stop` lets scope-less callers (e.g. an extension bootstrap) tear it
@@ -753,10 +783,11 @@ export declare type UnifiedDiff = {
 export declare function useActiveDocument<GenericDocument>(params: {
     project: ActiveDocumentProject<GenericDocument>;
     activeDocumentId: ActiveDocumentObservable<string>;
-    hydrate: (doc: GenericDocument) => void;
-    clear: () => void;
+    hydrate?: (doc: GenericDocument) => void;
+    clear?: () => void;
 }): {
-    isReady: Ref<boolean>;
+    document: Ref<GenericDocument | undefined>;
+    isReady: ComputedRef<boolean>;
     activeDocumentId: Ref<string | undefined>;
     stop: () => void;
 };
@@ -790,9 +821,15 @@ export declare function useDialog(): DialogController;
  * a `commit` message for this documentId — posted by any Document instance,
  * in this tab or another — re-runs the fetcher. Document state itself is plain,
  * non-reactive data in core; do not watch it.
+ *
+ * The document may be absent (`undefined`): the composable then holds `initial`,
+ * subscribes to nothing, and starts fetching once a document appears — mirroring
+ * {@link useProjectLiveData}. This lets a caller pass a document that is null
+ * before hydration or during a teardown/switch without pre-guarding a value
+ * that would otherwise throw.
  */
 export declare function useLiveData<T>(params: {
-    document: LiveDataDocument | ComputedRef<LiveDataDocument>;
+    document: MaybeRefOrGetter<LiveDataDocument | undefined>;
     fetcher: () => Promise<T>;
     initial: T;
 }): {
@@ -815,6 +852,7 @@ export declare function useMergeSession(params: MergeSessionParams): {
     previewXml: ShallowRef<string | undefined, string | undefined>;
     previewBeforeXml: ShallowRef<string | undefined, string | undefined>;
     previewLoading: ShallowRef<boolean, boolean>;
+    warnings: ShallowRef<TemplateUuidWarning[], TemplateUuidWarning[]>;
     load: () => Promise<void>;
     setDecision: (groupId: string, action: "accept" | "skip") => void;
     setValue: (groupId: string, attr: string, value: string) => void;

package/dist/merge/build-view-model.js

@@ -1,89 +1,104 @@
 import { extractTitle as e, getAttributes as t } from "./merge.service.js";
 //#region lib/merge/build-view-model.ts
-async function n(e) {
-	let { report: n, createdBySourceUuid: r, sourceQuery: i } = e, a = /* @__PURE__ */ new Map();
-	for (let e of n.groups) {
-		a.set(e.primary, {
-			role: "primary",
-			groupId: e.id
-		});
-		for (let t of e.companions) a.set(t, {
-			role: "companion",
-			groupId: e.id
+function n(e) {
+	return e.instances.flatMap((e) => e.groups);
+}
+function r(e) {
+	let { report: t, correlation: r } = e, i = /* @__PURE__ */ new Map();
+	for (let e of n(t)) i.set(e.primary, {
+		role: "primary",
+		groupId: e.id
+	});
+	let a = /* @__PURE__ */ new Map();
+	function o(e) {
+		let t = r.get(e);
+		if (!t) return;
+		let n = i.get(e);
+		a.set(t, {
+			change: e.change,
+			role: n?.role ?? "plain",
+			groupId: n?.groupId,
+			node: e
 		});
 	}
-	let o = /* @__PURE__ */ new Map();
-	async function s(e) {
-		if (e.instanceRef) return e.instanceRef.id;
-		if (e.sourceRef) {
-			let n = await t(i, e.sourceRef);
-			return n.uuid ? r.get(n.uuid)?.id : void 0;
-		}
+	function s(e) {
+		o(e);
+		for (let t of e.children) s(t);
 	}
-	async function c(e) {
-		let t = await s(e);
-		if (t) {
-			let n = a.get(e);
-			o.set(t, {
+	function c(e, t) {
+		if (e.change !== "unchanged") {
+			let n = r.get(e);
+			n && a.set(n, {
 				change: e.change,
-				role: n?.role ?? "plain",
-				groupId: n?.groupId,
+				role: "companion",
+				groupId: t,
 				node: e
 			});
 		}
+		for (let n of e.children) c(n, t);
 	}
-	async function l(e) {
-		await c(e);
-		for (let t of e.children) await l(t);
-	}
-	for (let e of n.roots) await l(e);
-	for (let e of n.groups) for (let t of e.companions) await c(t);
-	return o;
+	for (let e of t.instances) s(e.tree);
+	for (let e of n(t)) for (let t of e.companions) c(t, e.id);
+	return a;
 }
-async function r(t) {
+async function i(t) {
 	let { tree: n, changeByStagedId: r, query: i } = t, a = {
 		items: [],
 		meta: {},
 		index: {},
 		expanded: []
 	};
-	async function o(t, n) {
-		let s = r.get(t.id), c = s?.change ?? (n.added ? "added" : "unchanged"), l = s?.groupId ?? (c === "unchanged" ? void 0 : n.groupId), u = s?.role ?? "plain", d = {
+	async function o(t, n, s) {
+		let c = r.get(t.id), l = c?.change ?? (n.added ? "added" : "unchanged"), u = c?.groupId ?? (l === "unchanged" ? void 0 : n.groupId), d = c?.role ?? "plain", f = {
 			tagName: t.tagName,
 			id: t.id
-		}, f = {
-			added: s ? s.change === "added" : n.added,
-			groupId: l ?? n.groupId
-		}, p = [];
-		for (let e of t.tree ?? []) p.push(await o(e, f));
-		let m = c !== "unchanged" || p.some((e) => e.changed);
+		}, p = l !== "unchanged" && (!s || s.change === "unchanged" || s.groupId !== u || s.change !== l), m = {
+			added: c ? c.change === "added" : n.added,
+			groupId: u ?? n.groupId
+		}, h = [];
+		for (let e of t.tree ?? []) h.push(await o(e, m, {
+			change: l,
+			groupId: u
+		}));
+		let g = l !== "unchanged" || h.some((e) => e.changed);
 		return a.meta[t.id] = {
-			change: c,
-			role: u,
-			groupId: l
+			change: l,
+			role: d,
+			groupId: u,
+			regionHead: p
 		}, a.index[t.id] = {
-			previewRef: d,
-			change: c,
-			role: u,
-			groupId: l,
-			node: s?.node
-		}, m && a.expanded.push(t.id), {
+			previewRef: f,
+			change: l,
+			role: d,
+			groupId: u,
+			node: c?.node
+		}, g && a.expanded.push(t.id), {
 			node: {
 				tag: t.tagName,
 				id: t.id,
-				name: await e(i, d),
+				name: await e(i, f),
 				selectable: !0,
-				children: p.length ? p.map((e) => e.node) : void 0
+				children: h.length ? h.map((e) => e.node) : void 0
 			},
-			changed: m
+			changed: g
 		};
 	}
-	return a.items.push((await o(n, {
+	a.items.push((await o(n, {
 		added: !1,
 		groupId: void 0
-	})).node), a;
+	}, void 0)).node);
+	let s = /* @__PURE__ */ new Map();
+	for (let [e, t] of r) s.set(t.node, e);
+	for (let e of t.instances) {
+		let t = s.get(e.tree);
+		!t || !a.meta[t] || (a.meta[t].instance = {
+			linked: e.linked,
+			upToDate: e.upToDate
+		});
+	}
+	return a;
 }
-async function i(e, n, r) {
+async function a(e, n, r) {
 	let i = new Map((n?.editableAttributes ?? []).map((e) => [e.attr, e])), a = [];
 	if (e.change === "added" && e.sourceRef) {
 		let n = await t(r.sourceQuery, e.sourceRef);
@@ -138,51 +153,63 @@ async function i(e, n, r) {
 	}
 	return {
 		tag: e.tagName,
-		title: await o(e, r),
+		title: await s(e, r),
 		change: e.change,
 		attributes: a
 	};
 }
-async function a(e, t, n, r) {
-	let i = {
+async function o(e, t, r, i) {
+	let a = {
 		added: [],
 		updated: [],
 		skipped: [],
+		preserved: [],
+		removed: [],
 		renamed: []
 	};
-	for (let a of e.groups) {
-		let e = await o(a.primary, r), s = a.primary.tagName, c = a.companions.length;
-		if (t(a.id) === "skip") {
-			i.skipped.push({
+	for (let o of n(e)) {
+		let e = await s(o.primary, i), n = o.primary.tagName, c = o.companions.length;
+		if (o.primary.change === "target-only") {
+			t(o.id) === "skip" ? a.preserved.push({
+				title: e,
+				tag: n
+			}) : a.removed.push({
+				title: e,
+				tag: n
+			});
+			continue;
+		}
+		if (t(o.id) === "skip") {
+			a.skipped.push({
 				title: e,
-				tag: s
+				tag: n
 			});
 			continue;
 		}
-		for (let t of a.editableAttributes ?? []) t.conflict && t.suggestedValue && n(a.id, t.attr) == null && i.renamed.push({
+		for (let t of o.editableAttributes ?? []) t.conflict && t.suggestedValue && r(o.id, t.attr) == null && a.renamed.push({
 			title: e,
 			field: t.attr,
 			to: t.suggestedValue
 		});
-		let l = a.editableAttributes?.find((e) => e.attr === "name" && e.conflict), u = n(a.id, "name") ?? l?.suggestedValue ?? e;
-		if (a.primary.change === "added") i.added.push({
+		let l = o.editableAttributes?.find((e) => e.attr === "name" && e.conflict), u = r(o.id, "name") ?? l?.suggestedValue ?? e;
+		if (o.primary.change === "added") a.added.push({
 			title: u,
-			tag: s,
+			tag: n,
 			detail: c ? `+${c} companion${c > 1 ? "s" : ""}` : void 0
 		});
-		else if (a.primary.change === "modified") {
-			let e = a.primary.attributeChanges?.length ?? 0;
-			i.updated.push({
+		else if (o.primary.change === "modified") {
+			let e = o.primary.attributeChanges?.length ?? 0;
+			a.updated.push({
 				title: u,
-				tag: s,
+				tag: n,
 				detail: e ? `${e} attribute change${e > 1 ? "s" : ""}` : void 0
 			});
 		}
 	}
-	return i;
+	return a;
 }
-async function o(t, n) {
+async function s(t, n) {
 	return t.instanceRef ? e(n.targetQuery, t.instanceRef) : t.sourceRef ? e(n.sourceQuery, t.sourceRef) : t.tagName;
 }
 //#endregion
-export { n as buildChangeIndex, i as buildDetail, r as buildStructuralTree, a as buildSummary };
+export { n as allGroups, r as buildChangeIndex, a as buildDetail, i as buildStructuralTree, o as buildSummary };

package/dist/merge/decision-toggle.vue_vue_type_script_setup_true_lang.js

@@ -23,13 +23,13 @@ var c = {
 		})[d.size ?? "undefined"]);
 		return (e, s) => (o(), t("div", c, [n("button", {
 			type: "button",
-			class: a(["btn join-item", [f.value, i.value === "accept" ? "btn-success" : "btn-ghost"]]),
+			class: a(["btn join-item font-semibold", [f.value, i.value === "accept" ? "btn-success text-success-content" : "btn-ghost"]]),
 			disabled: r.disabled,
 			"aria-pressed": i.value === "accept",
 			onClick: s[0] ||= (e) => i.value = "accept"
 		}, " Accept ", 10, l), n("button", {
 			type: "button",
-			class: a(["btn join-item", [f.value, i.value === "skip" ? "btn-warning" : "btn-ghost"]]),
+			class: a(["btn join-item font-semibold", [f.value, i.value === "skip" ? "btn-warning text-black" : "btn-ghost"]]),
 			disabled: r.disabled,
 			"aria-pressed": i.value === "skip",
 			onClick: s[1] ||= (e) => i.value = "skip"

package/dist/merge/element-detail.vue_vue_type_script_setup_true_lang.js

@@ -1,76 +1,185 @@
-import { composeAffix as e, splitAffix as t } from "./affix.js";
-import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderList as u, toDisplayString as d } from "vue";
+import e from "../external/.pnpm/@lucide_vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/pencil.js";
+import { composeAffix as t, splitAffix as n } from "./affix.js";
+import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, nextTick as d, normalizeClass as f, openBlock as p, reactive as m, renderList as h, toDisplayString as g, unref as ee } from "vue";
 //#region lib/merge/element-detail.vue?vue&type=script&setup=true&lang.ts
-var f = {
+var te = {
 	key: 0,
 	class: "flex h-full flex-col gap-3 overflow-auto p-3 text-sm"
-}, p = { class: "flex items-center gap-2" }, m = { class: "font-medium" }, h = { class: "badge badge-sm opacity-70" }, g = {
+}, ne = { class: "flex items-center gap-2" }, _ = { class: "font-medium" }, v = { class: "badge badge-sm opacity-70" }, y = {
 	key: 0,
-	class: "flex flex-col gap-2 font-mono text-xs"
-}, _ = { class: "whitespace-nowrap shrink-0 opacity-70" }, v = { class: "flex w-full items-center" }, y = {
+	class: "flex flex-col gap-2 text-xs"
+}, b = { class: "flex items-center gap-2" }, x = ["title"], S = ["aria-label"], C = ["aria-checked", "onClick"], w = ["title"], re = ["aria-checked", "onClick"], ie = ["title"], T = ["aria-checked", "onClick"], E = {
 	key: 0,
 	class: "shrink-0 select-none opacity-60"
-}, b = ["value", "onInput"], x = {
+}, D = [
+	"value",
+	"readonly",
+	"onInput"
+], O = {
 	key: 1,
 	class: "shrink-0 select-none opacity-60"
-}, S = {
-	key: 0,
+}, k = {
+	key: 2,
 	class: "badge badge-warning badge-xs shrink-0",
 	title: "Auto-resolved to avoid a naming collision — edit to override"
-}, C = {
+}, A = {
+	key: 0,
+	class: "mt-1.5 flex items-center gap-2"
+}, j = { class: "flex w-full items-center font-mono" }, M = {
+	key: 0,
+	class: "shrink-0 select-none opacity-60"
+}, N = ["value", "onInput"], P = {
+	key: 1,
+	class: "shrink-0 select-none opacity-60"
+}, F = {
 	key: 1,
 	class: "text-xs opacity-60"
-}, w = {
+}, I = {
 	key: 1,
 	class: "grid h-full place-items-center p-4 text-sm opacity-60"
-}, T = /*@__PURE__*/ s({
+}, L = /*@__PURE__*/ u({
 	__name: "element-detail",
 	props: {
 		detail: {},
-		affixMask: { type: Function }
+		affixMask: { type: Function },
+		disabled: { type: Boolean }
 	},
 	emits: ["edit"],
-	setup(s, { emit: T }) {
-		let E = s, D = T, O = r(() => ({
+	setup(u, { emit: L }) {
+		let R = {
+			accept: {
+				border: "border-success",
+				label: "bg-success text-success-content",
+				value: "bg-success/15 text-success"
+			},
+			skip: {
+				border: "border-warning",
+				label: "bg-warning text-black",
+				value: "bg-warning/20 text-black"
+			},
+			other: {
+				border: "border-info",
+				label: "bg-info text-info-content",
+				value: "bg-info/15 text-info"
+			}
+		}, z = u, B = L, V = m(/* @__PURE__ */ new Set()), H = /* @__PURE__ */ new Map(), U = i(() => ({
 			added: "badge-success",
 			removed: "badge-error",
 			modified: "badge-warning",
-			unchanged: "badge-ghost"
-		})[E.detail?.change ?? "unchanged"]), k = r(() => E.detail?.attributes.filter((e) => e.editable));
-		function A(e) {
-			if (!(!E.detail || !E.affixMask)) return E.affixMask({
-				tag: E.detail.tag,
+			unchanged: "badge-ghost",
+			"target-only": "badge-info"
+		})[z.detail?.change ?? "unchanged"]), W = i(() => [...z.detail?.attributes ?? []].filter((e) => e.editable).sort((e, t) => Number(J(t)) - Number(J(e))));
+		function G(e) {
+			if (!(!z.detail || !z.affixMask)) return z.affixMask({
+				tag: z.detail.tag,
 				attr: e.name
 			});
 		}
-		function j(e) {
-			return t(e.after ?? "", A(e));
+		function K(e) {
+			return z.disabled ? e.before ?? e.after ?? "" : e.written ?? e.after ?? "";
+		}
+		function q(e) {
+			return n(K(e), G(e));
+		}
+		function J(e) {
+			return e.status === "modified";
+		}
+		function Y(e) {
+			return e && e.length > 0 ? e : "∅";
+		}
+		function X(e) {
+			if (V.has(e.name)) return "other";
+			let t = K(e);
+			return t === (e.after ?? "") ? "accept" : t === (e.before ?? "") ? "skip" : "other";
+		}
+		function Z(e, t) {
+			if (t === "other") {
+				V.add(e.name), d(() => H.get(e.name)?.focus());
+				return;
+			}
+			V.delete(e.name), B("edit", e.name, t === "accept" ? e.after ?? "" : e.before ?? "");
+		}
+		function Q(e, t) {
+			t instanceof HTMLInputElement ? H.set(e.name, t) : H.delete(e.name);
 		}
-		function M(t, n) {
+		function $(e, n) {
 			let r = n.target.value;
-			D("edit", t.name, e(r, A(t)));
+			B("edit", e.name, t(r, G(e)));
 		}
-		return (e, t) => s.detail ? (l(), a("div", f, [o("header", p, [
-			o("span", m, d(s.detail.title), 1),
-			o("span", h, d(s.detail.tag), 1),
-			o("span", { class: c(["badge badge-sm", O.value]) }, d(s.detail.change), 3)
-		]), k.value?.length ? (l(), a("div", g, [(l(!0), a(n, null, u(k.value, (e) => (l(), a("label", {
-			key: e.name,
-			class: "flex items-center gap-2"
-		}, [
-			o("span", _, d(e.name) + ":", 1),
-			o("span", v, [
-				j(e).prefix ? (l(), a("span", y, d(j(e).prefix), 1)) : i("", !0),
-				o("input", {
-					class: c(["input input-xs input-bordered w-full font-mono", { "input-warning": e.conflict }]),
-					value: j(e).core,
-					onInput: (t) => M(e, t)
-				}, null, 42, b),
-				j(e).suffix ? (l(), a("span", x, d(j(e).suffix), 1)) : i("", !0)
-			]),
-			e.conflict ? (l(), a("span", S, " conflict ")) : i("", !0)
-		]))), 128))])) : (l(), a("div", C, "No editable fields. See the diff below."))])) : (l(), a("div", w, " Select an element to see its changes. "));
+		return (t, n) => u.detail ? (p(), o("div", te, [s("header", ne, [
+			s("span", _, g(u.detail.title), 1),
+			s("span", v, g(u.detail.tag), 1),
+			s("span", { class: f(["badge badge-sm", U.value]) }, g(u.detail.change), 3)
+		]), W.value.length ? (p(), o("div", y, [(p(!0), o(r, null, h(W.value, (t) => (p(), o("div", {
+			key: t.name,
+			class: f(["rounded-md border px-2 py-1.5", J(t) ? "border-warning/40 bg-warning/5" : "border-base-200"])
+		}, [s("div", b, [
+			s("span", {
+				class: "w-24 shrink-0 truncate opacity-70",
+				title: t.name
+			}, g(t.name), 9, x),
+			J(t) ? (p(), o("div", {
+				key: 0,
+				class: f(["flex flex-1 flex-wrap items-center gap-1.5", u.disabled && "pointer-events-none opacity-60"]),
+				role: "radiogroup",
+				"aria-label": `Decision for ${t.name}`
+			}, [
+				s("button", {
+					type: "button",
+					class: f(["inline-flex items-stretch overflow-hidden rounded-md border-2 text-xs transition", X(t) === "accept" ? R.accept.border : "border-transparent opacity-55 hover:opacity-100"]),
+					role: "radio",
+					"aria-checked": X(t) === "accept",
+					onClick: (e) => Z(t, "accept")
+				}, [s("span", { class: f(["px-2 py-0.5 font-semibold", R.accept.label]) }, " Accept ", 2), s("span", {
+					class: f(["max-w-[12ch] truncate px-2 py-0.5 font-mono", R.accept.value]),
+					title: Y(t.after)
+				}, g(Y(t.after)), 11, w)], 10, C),
+				s("button", {
+					type: "button",
+					class: f(["inline-flex items-stretch overflow-hidden rounded-md border-2 text-xs transition", X(t) === "skip" ? R.skip.border : "border-transparent opacity-55 hover:opacity-100"]),
+					role: "radio",
+					"aria-checked": X(t) === "skip",
+					onClick: (e) => Z(t, "skip")
+				}, [s("span", { class: f(["px-2 py-0.5 font-semibold", R.skip.label]) }, " Skip ", 2), s("span", {
+					class: f(["max-w-[12ch] truncate px-2 py-0.5 font-mono", R.skip.value]),
+					title: Y(t.before)
+				}, g(Y(t.before)), 11, ie)], 10, re),
+				s("button", {
+					type: "button",
+					class: f(["inline-flex items-stretch overflow-hidden rounded-md border-2 text-xs transition", X(t) === "other" ? R.other.border : "border-transparent opacity-55 hover:opacity-100"]),
+					role: "radio",
+					"aria-checked": X(t) === "other",
+					onClick: (e) => Z(t, "other")
+				}, [s("span", { class: f(["flex items-center gap-1 px-2 py-0.5 font-semibold", R.other.label]) }, [l(ee(e), { class: "size-3" }), n[0] ||= c(" Other ", -1)], 2)], 10, T)
+			], 10, S)) : (p(), o("span", {
+				key: 1,
+				class: f(["flex w-full items-center font-mono", u.disabled && "pointer-events-none opacity-60"])
+			}, [
+				q(t).prefix ? (p(), o("span", E, g(q(t).prefix), 1)) : a("", !0),
+				s("input", {
+					ref_for: !0,
+					ref: (e) => Q(t, e),
+					class: f(["input input-xs input-bordered w-full font-mono", { "input-warning": t.conflict }]),
+					value: q(t).core,
+					readonly: u.disabled,
+					onInput: (e) => $(t, e)
+				}, null, 42, D),
+				q(t).suffix ? (p(), o("span", O, g(q(t).suffix), 1)) : a("", !0)
+			], 2)),
+			t.conflict ? (p(), o("span", k, " conflict ")) : a("", !0)
+		]), J(t) && X(t) === "other" ? (p(), o("div", A, [n[1] ||= s("span", { class: "w-24 shrink-0" }, null, -1), s("span", j, [
+			q(t).prefix ? (p(), o("span", M, g(q(t).prefix), 1)) : a("", !0),
+			s("input", {
+				ref_for: !0,
+				ref: (e) => Q(t, e),
+				class: f(["input input-xs input-bordered w-full font-mono", { "input-warning": t.conflict }]),
+				value: q(t).core,
+				placeholder: "custom value",
+				onInput: (e) => $(t, e)
+			}, null, 42, N),
+			q(t).suffix ? (p(), o("span", P, g(q(t).suffix), 1)) : a("", !0)
+		])])) : a("", !0)], 2))), 128))])) : (p(), o("div", F, "No editable fields. See the diff below."))])) : (p(), o("div", I, " Select an element to see its changes. "));
 	}
 });
 //#endregion
-export { T as default };
+export { L as default };