@septkit/ui 0.0.48 → 0.0.50

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

@@ -0,0 +1,3 @@
+import "../../../../../../@dialecte_core@0.4.9/node_modules/@dialecte/core/dist/index.js";
+import { i as e } from "../hooks-DO4gUiix.js";
+export { e as presentationScope };

package/dist/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

@@ -0,0 +1,11 @@
+import e from "../createLucideIcon.js";
+//#region node_modules/.pnpm/@lucide+vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/rotate-ccw.mjs
+var t = [["path", {
+	d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
+	key: "1357e3"
+}], ["path", {
+	d: "M3 3v5h5",
+	key: "1xhq8a"
+}]], n = e("rotate-ccw", t);
+//#endregion
+export { t as __iconNode, n as default };

package/dist/index.d.ts

@@ -98,11 +98,14 @@ declare type __VLS_Props_10 = {
 
 declare type __VLS_Props_11 = {
     detail: ElementDetailVM | undefined;
+    /** Consumer-supplied fixed prefix/suffix per attribute; the user edits only the core. */
+    affixMask?: AffixMaskResolver;
 };
 
 declare type __VLS_Props_12 = MergeSessionParams & {
     source?: FileMeta;
     target?: FileMeta;
+    affixMask?: AffixMaskResolver;
 };
 
 declare type __VLS_Props_13 = {
@@ -364,6 +367,12 @@ export declare type ActiveFeedback = {
     variant: FeedbackVariant;
 } & FeedbackPayload;
 
+/** Resolves the affix (if any) for a given element tag + attribute name. Consumer-supplied. */
+export declare type AffixMaskResolver = (params: {
+    tag: string;
+    attr: string;
+}) => AttributeAffix | undefined;
+
 /**
  * Consumer hook run INSIDE the merge transaction, right after `tx.lifecycle.apply`.
  * Receives the `ApplyResult` (the instance roots the write produced) so a caller can
@@ -380,12 +389,23 @@ declare type AfterApplyContext = {
     result: ApplyResult;
 };
 
+/**
+ * A fixed prefix/suffix wrapped around an editable attribute value. The user edits only
+ * the "core" between them; the affix is rendered as inert adornment and re-applied on
+ * commit. Lets a consumer keep a convention marker (e.g. SET's `_App`) out of the user's
+ * reach without the generic component knowing what the marker means.
+ */
+export declare type AttributeAffix = {
+    prefix?: string;
+    suffix?: string;
+};
+
 export declare const Button: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
 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;
 
@@ -636,6 +656,12 @@ 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;
 };

package/dist/merge/affix.js

@@ -0,0 +1,14 @@
+//#region lib/merge/affix.ts
+function e(e, t) {
+	let n = t?.prefix ?? "", r = t?.suffix ?? "", i = e;
+	return n && i.startsWith(n) && (i = i.slice(n.length)), r && i.endsWith(r) && (i = i.slice(0, i.length - r.length)), {
+		prefix: n,
+		core: i,
+		suffix: r
+	};
+}
+function t(e, t) {
+	return `${t?.prefix ?? ""}${e}${t?.suffix ?? ""}`;
+}
+//#endregion
+export { t as composeAffix, e as splitAffix };

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

@@ -47,41 +47,45 @@ async function r(t) {
 		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), 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, {
 		added: !1,
 		groupId: void 0
-	})).node), a;
+	}, void 0)).node), a;
 }
 async function i(e, n, r) {
 	let i = new Map((n?.editableAttributes ?? []).map((e) => [e.attr, e])), a = [];
@@ -148,10 +152,22 @@ async function a(e, t, n, r) {
 		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 (a.primary.change === "target-only") {
+			t(a.id) === "skip" ? i.preserved.push({
+				title: e,
+				tag: s
+			}) : i.removed.push({
+				title: e,
+				tag: s
+			});
+			continue;
+		}
 		if (t(a.id) === "skip") {
 			i.skipped.push({
 				title: e,

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

@@ -1,52 +1,113 @@
-import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, renderList as c, toDisplayString as l } 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/rotate-ccw.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";
 //#region lib/merge/element-detail.vue?vue&type=script&setup=true&lang.ts
-var u = {
+var h = {
 	key: 0,
 	class: "flex h-full flex-col gap-3 overflow-auto p-3 text-sm"
-}, d = { class: "flex items-center gap-2" }, f = { class: "font-medium" }, p = { class: "badge badge-sm opacity-70" }, m = {
+}, g = { 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"
-}, h = { class: "whitespace-nowrap shrink-0 opacity-70" }, g = ["value", "onInput"], _ = {
+	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 = {
 	key: 0,
+	class: "shrink-0 select-none opacity-60"
+}, w = ["value", "onInput"], T = {
+	key: 1,
+	class: "shrink-0 select-none opacity-60"
+}, E = [
+	"title",
+	"aria-pressed",
+	"onClick"
+], D = {
+	key: 1,
 	class: "badge badge-warning badge-xs shrink-0",
 	title: "Auto-resolved to avoid a naming collision — edit to override"
-}, v = {
+}, O = {
+	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 = {
+	key: 1,
+	class: "badge badge-info badge-xs"
+}, M = {
 	key: 1,
 	class: "text-xs opacity-60"
-}, y = {
+}, N = {
 	key: 1,
 	class: "grid h-full place-items-center p-4 text-sm opacity-60"
-}, b = /*@__PURE__*/ a({
+}, P = /*@__PURE__*/ l({
 	__name: "element-detail",
-	props: { detail: {} },
+	props: {
+		detail: {},
+		affixMask: { type: Function }
+	},
 	emits: ["edit"],
-	setup(a, { emit: b }) {
-		let x = a, S = b, C = t(() => ({
+	setup(l, { emit: P }) {
+		let F = l, I = P, L = i(() => ({
 			added: "badge-success",
 			removed: "badge-error",
 			modified: "badge-warning",
-			unchanged: "badge-ghost"
-		})[x.detail?.change ?? "unchanged"]), w = t(() => x.detail?.attributes.filter((e) => e.editable));
-		function T(e, t) {
-			S("edit", e.name, t.target.value);
+			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,
+				attr: e.name
+			});
+		}
+		function B(e) {
+			return n(e.after ?? "", z(e));
+		}
+		function V(e) {
+			return e.status === "modified";
+		}
+		function H(e) {
+			return V(e) && (e.after ?? "") === (e.before ?? "");
+		}
+		function U(e, n) {
+			let r = n.target.value;
+			I("edit", e.name, t(r, z(e)));
+		}
+		function W(e) {
+			I("edit", e.name, e.before ?? "");
 		}
-		return (t, b) => a.detail ? (s(), r("div", u, [i("header", d, [
-			i("span", f, l(a.detail.title), 1),
-			i("span", p, l(a.detail.tag), 1),
-			i("span", { class: o(["badge badge-sm", C.value]) }, l(a.detail.change), 3)
-		]), w.value?.length ? (s(), r("div", m, [(s(!0), r(e, null, c(w.value, (e) => (s(), r("label", {
-			key: e.name,
-			class: "flex items-center gap-2"
-		}, [
-			i("span", h, l(e.name) + ":", 1),
-			i("input", {
-				class: o(["input input-xs input-bordered w-full font-mono", { "input-warning": e.conflict }]),
-				value: e.after ?? "",
-				onInput: (t) => T(e, t)
-			}, null, 42, g),
-			e.conflict ? (s(), r("span", _, " conflict ")) : n("", !0)
-		]))), 128))])) : (s(), r("div", v, "No editable fields. See the diff below."))])) : (s(), r("div", y, " Select an element to see its changes. "));
+		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", {
+			key: t.name,
+			class: u(["rounded-md border px-2 py-1.5", V(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", {
+				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. "));
 	}
 });
 //#endregion
-export { b as default };
+export { P as default };