@septkit/ui 0.0.50 → 0.0.52

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

@@ -1,113 +1,185 @@
-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/rotate-ccw.js";
+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, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderList as f, toDisplayString as p, unref as m } from "vue";
+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 h = {
+var te = {
 	key: 0,
 	class: "flex h-full flex-col gap-3 overflow-auto p-3 text-sm"
-}, g = { class: "flex items-center gap-2" }, _ = { class: "font-medium" }, v = { class: "badge badge-sm opacity-70" }, y = {
+}, 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 text-xs"
-}, b = { class: "flex items-center gap-2" }, x = ["title"], S = { class: "flex w-full items-center font-mono" }, C = {
+}, 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"
-}, w = ["value", "onInput"], T = {
+}, D = [
+	"value",
+	"readonly",
+	"onInput"
+], O = {
 	key: 1,
 	class: "shrink-0 select-none opacity-60"
-}, E = [
-	"title",
-	"aria-pressed",
-	"onClick"
-], D = {
-	key: 1,
+}, k = {
+	key: 2,
 	class: "badge badge-warning badge-xs shrink-0",
 	title: "Auto-resolved to avoid a naming collision — edit to override"
-}, O = {
+}, 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: "mt-1 flex items-center gap-1 pl-24 font-mono opacity-70"
-}, k = { class: "line-through decoration-error/60" }, A = { class: "text-warning" }, j = {
+	class: "shrink-0 select-none opacity-60"
+}, N = ["value", "onInput"], P = {
 	key: 1,
-	class: "badge badge-info badge-xs"
-}, M = {
+	class: "shrink-0 select-none opacity-60"
+}, F = {
 	key: 1,
 	class: "text-xs opacity-60"
-}, N = {
+}, I = {
 	key: 1,
 	class: "grid h-full place-items-center p-4 text-sm opacity-60"
-}, P = /*@__PURE__*/ l({
+}, L = /*@__PURE__*/ u({
 	__name: "element-detail",
 	props: {
 		detail: {},
-		affixMask: { type: Function }
+		affixMask: { type: Function },
+		disabled: { type: Boolean }
 	},
 	emits: ["edit"],
-	setup(l, { emit: P }) {
-		let F = l, I = P, L = i(() => ({
+	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",
 			"target-only": "badge-info"
-		})[F.detail?.change ?? "unchanged"]), R = i(() => [...F.detail?.attributes ?? []].filter((e) => e.editable).sort((e, t) => Number(V(t)) - Number(V(e))));
-		function z(e) {
-			if (!(!F.detail || !F.affixMask)) return F.affixMask({
-				tag: F.detail.tag,
+		})[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 B(e) {
-			return n(e.after ?? "", z(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 V(e) {
+		function J(e) {
 			return e.status === "modified";
 		}
-		function H(e) {
-			return V(e) && (e.after ?? "") === (e.before ?? "");
+		function Y(e) {
+			return e && e.length > 0 ? e : "∅";
 		}
-		function U(e, n) {
-			let r = n.target.value;
-			I("edit", e.name, t(r, z(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 W(e) {
-			I("edit", e.name, e.before ?? "");
+		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 ?? "");
 		}
-		return (t, n) => l.detail ? (d(), o("div", h, [s("header", g, [
-			s("span", _, p(l.detail.title), 1),
-			s("span", v, p(l.detail.tag), 1),
-			s("span", { class: u(["badge badge-sm", L.value]) }, p(l.detail.change), 3)
-		]), R.value.length ? (d(), o("div", y, [(d(!0), o(r, null, f(R.value, (t) => (d(), o("div", {
+		function Q(e, t) {
+			t instanceof HTMLInputElement ? H.set(e.name, t) : H.delete(e.name);
+		}
+		function $(e, n) {
+			let r = n.target.value;
+			B("edit", e.name, t(r, G(e)));
+		}
+		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: u(["rounded-md border px-2 py-1.5", V(t) ? "border-warning/40 bg-warning/5" : "border-base-200"])
+			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
-			}, p(t.name), 9, x),
-			s("span", S, [
-				B(t).prefix ? (d(), o("span", C, p(B(t).prefix), 1)) : a("", !0),
-				s("input", {
-					class: u(["input input-xs input-bordered w-full font-mono", { "input-warning": t.conflict }]),
-					value: B(t).core,
-					onInput: (e) => U(t, e)
-				}, null, 42, w),
-				B(t).suffix ? (d(), o("span", T, p(B(t).suffix), 1)) : a("", !0)
-			]),
-			V(t) ? (d(), o("button", {
+			}, g(t.name), 9, x),
+			J(t) ? (p(), o("div", {
 				key: 0,
-				type: "button",
-				class: u(["btn btn-ghost btn-xs btn-square shrink-0", H(t) ? "text-info" : "opacity-60 hover:opacity-100"]),
-				title: H(t) ? "Keeping the current value — click again is a no-op" : `Keep current value: ${t.before || "(empty)"}`,
-				"aria-pressed": H(t),
-				"aria-label": "Keep current value",
-				onClick: (e) => W(t)
-			}, [c(m(e), { class: "size-3.5" })], 10, E)) : a("", !0),
-			t.conflict ? (d(), o("span", D, " conflict ")) : a("", !0)
-		]), V(t) ? (d(), o("p", O, [
-			n[1] ||= s("span", { class: "opacity-60" }, "current", -1),
-			s("span", k, p(t.before || "∅"), 1),
-			H(t) ? (d(), o("span", j, "kept")) : (d(), o(r, { key: 0 }, [n[0] ||= s("span", { class: "opacity-50" }, "→", -1), s("span", A, p(t.after || "∅"), 1)], 64))
-		])) : a("", !0)], 2))), 128))])) : (d(), o("div", M, "No editable fields. See the diff below."))])) : (d(), o("div", N, " Select an element to see its changes. "));
+				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 { P as default };
+export { L as default };

package/dist/merge/merge-correlate.js

@@ -0,0 +1,46 @@
+//#region lib/merge/merge-correlate.ts
+function e(e) {
+	let { report: i, snapshot: a, appliedRoots: o, companionAnchors: s } = e, c = r(a), l = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Set();
+	i.instances.forEach((e, n) => {
+		let r = e.rootRef?.id ?? o[n]?.id, i = r ? c.get(r) : void 0;
+		i && t(e.tree, i, l, u);
+	});
+	for (let e of i.instances) for (let r of e.groups) for (let e of r.companions) {
+		if (l.has(e)) continue;
+		let r = s?.get(e) ?? e.instanceRef?.id, i = r ? c.get(r) : n(a, e.tagName, u);
+		i && t(e, i, l, u);
+	}
+	return l;
+}
+function t(e, n, r, i) {
+	r.set(e, n.id), i.add(n.id);
+	let a = n.tree ?? [], o = /* @__PURE__ */ new Map();
+	for (let t of e.children) {
+		let e = t.instanceRef?.id;
+		if (!e) continue;
+		let n = a.find((t) => t.id === e && !i.has(t.id));
+		n && (o.set(t, n), i.add(n.id));
+	}
+	for (let t of e.children) {
+		if (o.has(t) || t.instanceRef || t.change === "removed") continue;
+		let e = a.find((e) => e.tagName === t.tagName && !i.has(e.id));
+		e && (o.set(t, e), i.add(e.id));
+	}
+	for (let [e, n] of o) t(e, n, r, i);
+}
+function n(e, t, r) {
+	if (e.tagName === t && !r.has(e.id)) return e;
+	for (let i of e.tree ?? []) {
+		let e = n(i, t, r);
+		if (e) return e;
+	}
+}
+function r(e) {
+	let t = /* @__PURE__ */ new Map(), n = (e) => {
+		t.set(e.id, e);
+		for (let t of e.tree ?? []) n(t);
+	};
+	return n(e), t;
+}
+//#endregion
+export { e as correlate };

package/dist/merge/merge-decision.js

@@ -0,0 +1,6 @@
+//#region lib/merge/merge-decision.ts
+function e(e, t) {
+	return e === "removed" || e === "target-only" ? t === "accept" : e === "added" && t === "skip";
+}
+//#endregion
+export { e as willBeGone };

package/dist/merge/merge-highlight.js

@@ -0,0 +1,44 @@
+//#region lib/merge/merge-highlight.ts
+function e(e, t, n) {
+	let r = o(e, n) ?? [];
+	for (let e = r.length - 1; e >= 0; e--) {
+		let n = t[r[e].id]?.groupId;
+		if (n) return {
+			groupId: n,
+			rootId: r[e].id
+		};
+	}
+}
+function t(e, t, i) {
+	let a = r(e, n(t, i.groupId) ?? i.rootId);
+	for (let [e, n] of Object.entries(t)) n.groupId === i.groupId && a.add(e);
+	return a;
+}
+function n(e, t) {
+	for (let [n, r] of Object.entries(e)) if (r.groupId === t && r.role === "primary") return n;
+}
+function r(e, t) {
+	let n = /* @__PURE__ */ new Set(), r = i(e, t);
+	return r && a(r, n), n;
+}
+function i(e, t) {
+	for (let n of e) {
+		if (n.id === t) return n;
+		let e = n.children && i(n.children, t);
+		if (e) return e;
+	}
+}
+function a(e, t) {
+	t.add(e.id);
+	for (let n of e.children ?? []) a(n, t);
+}
+function o(e, t, n = []) {
+	for (let r of e) {
+		let e = [...n, r];
+		if (r.id === t) return e;
+		let i = r.children && o(r.children, t, e);
+		if (i) return i;
+	}
+}
+//#endregion
+export { r as collectSubtreeIds, t as coupledNodeIds, e as focusForNode, n as primaryIdOf };

package/dist/merge/merge-preflight.js

@@ -0,0 +1,5 @@
+import e from "./merge-preflight.vue_vue_type_script_setup_true_lang.js";
+//#region lib/merge/merge-preflight.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/merge/merge-preflight.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,41 @@
+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/triangle-alert.js";
+import { TEMPLATE_UUID_WARNING_INFO as t } from "../external/.pnpm/@dialecte_scl@0.3.12/node_modules/@dialecte/scl/dist/v2019C1/index.js";
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, openBlock as l, renderList as u, toDisplayString as d, unref as f } from "vue";
+//#region lib/merge/merge-preflight.vue?vue&type=script&setup=true&lang.ts
+var p = { class: "flex h-full min-h-0 flex-col" }, m = { class: "min-h-0 flex-1 overflow-auto p-4" }, h = { class: "mx-auto max-w-2xl space-y-4" }, g = { class: "flex items-start gap-3" }, _ = { class: "border-b border-warning/25 px-3 py-2" }, v = { class: "flex items-center gap-2" }, y = { class: "badge badge-soft badge-warning badge-sm font-medium" }, b = { class: "font-semibold" }, x = { class: "mt-1 text-sm text-base-content/80" }, S = { class: "mt-1 text-sm" }, C = { class: "text-base-content/80" }, w = { class: "divide-y divide-warning/15" }, T = { class: "font-mono break-all" }, E = { class: "text-base-content/70" }, D = {
+	key: 0,
+	class: "mt-0.5 flex flex-wrap gap-1"
+}, O = /*@__PURE__*/ c({
+	__name: "merge-preflight",
+	props: { warnings: {} },
+	setup(c) {
+		let O = c, k = r(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of O.warnings) {
+				let n = e.get(t.code) ?? [];
+				n.push(t), e.set(t.code, n);
+			}
+			return [...e.entries()].map(([e, n]) => ({
+				code: e,
+				info: t[e],
+				items: n
+			}));
+		});
+		return (t, r) => (l(), a("div", p, [o("div", m, [o("div", h, [o("div", g, [s(f(e), { class: "mt-0.5 size-6 shrink-0 text-warning" }), r[0] ||= o("div", null, [o("h2", { class: "text-base font-semibold" }, "Check the file identity before merging"), o("p", { class: "mt-0.5 text-sm text-base-content/70" }, " These files break some SCL identity rules the merge relies on to recognise elements. It is not blocking — here is what was found and how the merge still proceeds. ")], -1)]), (l(!0), a(n, null, u(k.value, (e) => (l(), a("div", {
+			key: e.code,
+			class: "overflow-hidden rounded-lg border border-warning/40 bg-warning/5"
+		}, [o("div", _, [
+			o("div", v, [o("span", y, d(e.items.length), 1), o("h3", b, d(e.info.title), 1)]),
+			o("p", x, d(e.info.description), 1),
+			o("p", S, [r[1] ||= o("span", { class: "font-medium text-success" }, "Fallback:", -1), o("span", C, d(e.info.fallback), 1)])
+		]), o("ul", w, [(l(!0), a(n, null, u(e.items, (e) => (l(), a("li", {
+			key: `${e.code}:${e.value}`,
+			class: "px-3 py-1.5 text-xs"
+		}, [o("div", null, [o("code", T, d(e.value), 1), o("span", E, " — " + d(e.message), 1)]), e.tagNames.length ? (l(), a("div", D, [(l(!0), a(n, null, u(e.tagNames, (e) => (l(), a("span", {
+			key: e,
+			class: "badge badge-ghost badge-xs font-mono"
+		}, d(e), 1))), 128))])) : i("", !0)]))), 128))])]))), 128))])])]));
+	}
+});
+//#endregion
+export { O as default };

package/dist/merge/merge-progress.vue_vue_type_script_setup_true_lang.js

@@ -1,31 +1,23 @@
-import { Fragment as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, openBlock as a, renderList as o, toDisplayString as s } from "vue";
+import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, defineComponent as r, openBlock as i, toDisplayString as a } from "vue";
 //#region lib/merge/merge-progress.vue?vue&type=script&setup=true&lang.ts
-var c = { class: "grid h-full place-items-center p-6" }, l = { class: "flex w-full max-w-md flex-col items-center gap-3" }, u = { class: "text-sm font-medium" }, d = ["value", "max"], f = {
-	key: 1,
-	class: "w-full space-y-0.5 text-center text-xs opacity-60"
-}, p = /*@__PURE__*/ i({
+var o = { class: "grid h-full place-items-center p-6" }, s = { class: "flex w-full max-w-md flex-col items-center gap-3" }, c = { class: "text-sm font-medium" }, l = ["value", "max"], u = /*@__PURE__*/ r({
 	__name: "merge-progress",
 	props: {
 		label: {},
-		progress: {},
-		history: {}
+		progress: {}
 	},
-	setup(i) {
-		return (p, m) => (a(), n("div", c, [r("div", l, [
-			m[0] ||= r("span", { class: "loading loading-spinner loading-lg text-primary" }, null, -1),
-			r("p", u, s(i.progress?.message || i.label || "Working…"), 1),
-			i.progress && i.progress.total > 0 ? (a(), n("progress", {
+	setup(r) {
+		return (u, d) => (i(), t("div", o, [n("div", s, [
+			d[0] ||= n("span", { class: "loading loading-spinner loading-lg text-primary" }, null, -1),
+			n("p", c, a(r.progress?.message || r.label || "Working…"), 1),
+			r.progress && r.progress.total > 0 ? (i(), t("progress", {
 				key: 0,
 				class: "progress progress-primary w-full",
-				value: i.progress.current,
-				max: i.progress.total
-			}, null, 8, d)) : t("", !0),
-			i.history?.length ? (a(), n("ul", f, [(a(!0), n(e, null, o(i.history, (e, t) => (a(), n("li", {
-				key: t,
-				class: "truncate"
-			}, s(e.message || e.method), 1))), 128))])) : t("", !0)
+				value: r.progress.current,
+				max: r.progress.total
+			}, null, 8, l)) : e("", !0)
 		])]));
 	}
 });
 //#endregion
-export { p as default };
+export { u as default };