@septkit/ui 0.0.44 → 0.0.46

package/dist/dialog/dialog-host.vue_vue_type_script_setup_true_lang.js

@@ -1,24 +1,53 @@
 import e from "./dialog.js";
-import { useDialog as t } from "./use-dialog-host.js";
-import { createBlock as n, createCommentVNode as r, defineComponent as i, mergeProps as a, normalizeProps as o, openBlock as s, resolveDynamicComponent as c, unref as l, withCtx as u } from "vue";
+import t from "./feedback-dialog.js";
+import { useDialog as n } from "./use-dialog-host.js";
+import { computed as r, createBlock as i, createCommentVNode as a, defineComponent as o, mergeProps as s, normalizeProps as c, openBlock as l, resolveDynamicComponent as u, unref as d, withCtx as f } from "vue";
 //#region lib/dialog/dialog-host.vue?vue&type=script&setup=true&lang.ts
-var d = /*@__PURE__*/ i({
+var p = /*@__PURE__*/ o({
 	__name: "dialog-host",
 	props: { host: {} },
-	setup(i) {
-		let d = i.host ?? t();
-		function f(e) {
-			e || d.close();
+	setup(o) {
+		let p = o.host ?? n(), m = {
+			error: "Error",
+			success: "Success",
+			warning: "Warning"
+		}, h = r(() => p.feedback.value ? "sm" : p.active.value?.options.size), g = r(() => {
+			let e = p.feedback.value;
+			return e ? e.title ?? m[e.variant] : p.active.value?.options.title;
+		}), _ = r(() => p.feedback.value ? !0 : p.active.value?.options.closable ?? !0), v = r(() => p.feedback.value ? void 0 : p.active.value?.options.scoped);
+		function y(e) {
+			e || p.close();
 		}
-		return (t, i) => (s(), n(e, {
-			open: l(d).open.value,
-			size: l(d).active.value?.options.size,
-			title: l(d).active.value?.options.title,
-			closable: l(d).active.value?.options.closable ?? !0,
-			scoped: l(d).active.value?.options.scoped,
-			"onUpdate:open": f
+		function b() {
+			let e = p.feedback.value?.onRetry;
+			p.dismissFeedback(), e?.();
+		}
+		return (n, r) => (l(), i(e, {
+			open: d(p).open.value,
+			size: h.value,
+			title: g.value,
+			closable: _.value,
+			scoped: v.value,
+			"onUpdate:open": y
 		}, {
-			default: u(() => [l(d).active.value ? (s(), n(c(l(d).active.value.component), o(a({ key: 0 }, l(d).active.value.props)), null, 16)) : r("", !0)]),
+			default: f(() => [d(p).feedback.value ? (l(), i(t, {
+				key: 0,
+				variant: d(p).feedback.value.variant,
+				message: d(p).feedback.value.message,
+				detail: d(p).feedback.value.detail,
+				"show-retry": !!d(p).feedback.value.onRetry,
+				"retry-label": d(p).feedback.value.retryLabel,
+				"auto-close-ms": d(p).feedback.value.autoCloseMs,
+				onDismiss: r[0] ||= (e) => d(p).dismissFeedback(),
+				onRetry: b
+			}, null, 8, [
+				"variant",
+				"message",
+				"detail",
+				"show-retry",
+				"retry-label",
+				"auto-close-ms"
+			])) : d(p).active.value ? (l(), i(u(d(p).active.value.component), c(s({ key: 1 }, d(p).active.value.props)), null, 16)) : a("", !0)]),
 			_: 1
 		}, 8, [
 			"open",
@@ -30,4 +59,4 @@ var d = /*@__PURE__*/ i({
 	}
 });
 //#endregion
-export { d as default };
+export { p as default };

package/dist/dialog/feedback-dialog.js

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

package/dist/dialog/feedback-dialog.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,60 @@
+import e from "../button/button.js";
+import t from "../external/.pnpm/@lucide_vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/circle-alert.js";
+import n from "../external/.pnpm/@lucide_vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/circle-check.js";
+import r 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 { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, onBeforeUnmount as p, onMounted as m, openBlock as h, resolveDynamicComponent as g, toDisplayString as _, withCtx as v } from "vue";
+//#region lib/dialog/feedback-dialog.vue?vue&type=script&setup=true&lang.ts
+var y = { class: "flex flex-col gap-4 p-2" }, b = {
+	key: 0,
+	class: "max-h-60 overflow-auto rounded-box bg-base-200 p-3 text-xs whitespace-pre-wrap"
+}, x = { class: "flex justify-end gap-2" }, S = /*@__PURE__*/ d({
+	__name: "feedback-dialog",
+	props: {
+		variant: {},
+		message: {},
+		detail: {},
+		showRetry: { type: Boolean },
+		retryLabel: {},
+		autoCloseMs: {}
+	},
+	emits: ["dismiss", "retry"],
+	setup(d, { emit: S }) {
+		let C = d, w = S, T = i(() => ({
+			error: t,
+			success: n,
+			warning: r
+		})[C.variant]), E = i(() => ({
+			error: "alert-error",
+			success: "alert-success",
+			warning: "alert-warning"
+		})[C.variant]), D;
+		return m(() => {
+			C.autoCloseMs && (D = setTimeout(() => w("dismiss"), C.autoCloseMs));
+		}), p(() => {
+			D && clearTimeout(D);
+		}), (t, n) => (h(), s("div", y, [
+			c("div", {
+				class: f(["alert", E.value]),
+				role: "alert"
+			}, [(h(), a(g(T.value), { class: "h-5 w-5 shrink-0" })), c("span", null, _(d.message), 1)], 2),
+			d.detail ? (h(), s("pre", b, _(d.detail), 1)) : o("", !0),
+			c("div", x, [u(e, {
+				size: "sm",
+				variant: d.showRetry ? "outline" : void 0,
+				onClick: n[0] ||= (e) => w("dismiss")
+			}, {
+				default: v(() => [l(_(d.showRetry ? "Cancel" : "OK"), 1)]),
+				_: 1
+			}, 8, ["variant"]), d.showRetry ? (h(), a(e, {
+				key: 0,
+				size: "sm",
+				onClick: n[1] ||= (e) => w("retry")
+			}, {
+				default: v(() => [l(_(d.retryLabel ?? "Retry"), 1)]),
+				_: 1
+			})) : o("", !0)])
+		]));
+	}
+});
+//#endregion
+export { S as default };

package/dist/dialog/index.js

@@ -1,4 +1,5 @@
 import e from "./dialog.js";
-import { createDialogHost as t, dialogHostKey as n, provideDialogHost as r, useDialog as i } from "./use-dialog-host.js";
-import a from "./dialog-host.js";
-export { e as Dialog, a as DialogHost, t as createDialogHost, n as dialogHostKey, r as provideDialogHost, i as useDialog };
+import t from "./feedback-dialog.js";
+import { createDialogHost as n, dialogHostKey as r, provideDialogHost as i, useDialog as a } from "./use-dialog-host.js";
+import o from "./dialog-host.js";
+export { e as Dialog, o as DialogHost, t as FeedbackDialog, n as createDialogHost, r as dialogHostKey, i as provideDialogHost, a as useDialog };

package/dist/dialog/use-dialog-host.js

@@ -1,22 +1,45 @@
 import { inject as e, markRaw as t, provide as n, ref as r, shallowRef as i } from "vue";
 //#region lib/dialog/use-dialog-host.ts
 function a() {
-	let e = r(!1), n = i();
-	function a(r, i, a = {}) {
-		n.value = {
+	let e = r(!1), n = i(), a = i();
+	function o(r, i, o = {}) {
+		a.value = void 0, n.value = {
 			component: t(r),
 			props: i,
-			options: a
+			options: o
 		}, e.value = !0;
 	}
-	function o() {
-		e.value = !1;
+	function s(t, n) {
+		a.value = {
+			variant: t,
+			...n
+		}, e.value = !0;
+	}
+	function c(e) {
+		s("error", e);
+	}
+	function l(e) {
+		s("success", e);
+	}
+	function u(e) {
+		s("warning", e);
+	}
+	function d() {
+		a.value = void 0, n.value || (e.value = !1);
+	}
+	function f() {
+		e.value = !1, n.value = void 0, a.value = void 0;
 	}
 	return {
 		open: e,
 		active: n,
-		openDialog: a,
-		close: o
+		feedback: a,
+		openDialog: o,
+		showError: c,
+		showSuccess: l,
+		showWarning: u,
+		dismissFeedback: d,
+		close: f
 	};
 }
 var o = Symbol("septkit-dialog-host");

package/dist/external/.pnpm/@lucide_vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/circle-alert.js

@@ -0,0 +1,26 @@
+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/circle-alert.mjs
+var t = [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12",
+		y1: "8",
+		y2: "12",
+		key: "1pkeuh"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12.01",
+		y1: "16",
+		y2: "16",
+		key: "4dfq90"
+	}]
+], n = e("circle-alert", t);
+//#endregion
+export { t as __iconNode, n as default };

package/dist/external/.pnpm/@lucide_vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/list-tree.js

@@ -0,0 +1,26 @@
+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/list-tree.mjs
+var t = [
+	["path", {
+		d: "M8 5h13",
+		key: "1pao27"
+	}],
+	["path", {
+		d: "M13 12h8",
+		key: "h98zly"
+	}],
+	["path", {
+		d: "M13 19h8",
+		key: "c3s6r1"
+	}],
+	["path", {
+		d: "M3 10a2 2 0 0 0 2 2h3",
+		key: "1npucw"
+	}],
+	["path", {
+		d: "M3 5v12a2 2 0 0 0 2 2h3",
+		key: "x1gjn2"
+	}]
+], n = e("list-tree", t);
+//#endregion
+export { t as __iconNode, n as default };

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

@@ -0,0 +1,18 @@
+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/triangle-alert.mjs
+var t = [
+	["path", {
+		d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+		key: "wmoenq"
+	}],
+	["path", {
+		d: "M12 9v4",
+		key: "juzpu7"
+	}],
+	["path", {
+		d: "M12 17h.01",
+		key: "p32p05"
+	}]
+], n = e("triangle-alert", t);
+//#endregion
+export { t as __iconNode, n as default };

package/dist/index.d.ts

@@ -62,14 +62,14 @@ size: DialogSize;
 closable: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_5: DefineComponent<__VLS_Props_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_5: DefineComponent<__VLS_Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 select: (node: ExplorerNode) => any;
 contextmenu: (payload: {
 node: ExplorerNode;
 event: MouseEvent;
 }) => any;
 "update:expanded": (state: ExplorerExpandedState) => any;
-}, string, PublicProps, Readonly<__VLS_Props_6> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_7> & Readonly<{
 onSelect?: ((node: ExplorerNode) => any) | undefined;
 onContextmenu?: ((payload: {
 node: ExplorerNode;
@@ -91,15 +91,20 @@ declare type __VLS_Props = {
 };
 
 declare type __VLS_Props_10 = {
+    size?: 'xs' | 'sm' | 'md';
+    disabled?: boolean;
+};
+
+declare type __VLS_Props_11 = {
     detail: ElementDetailVM | undefined;
 };
 
-declare type __VLS_Props_11 = MergeSessionParams & {
+declare type __VLS_Props_12 = MergeSessionParams & {
     source?: FileMeta;
     target?: FileMeta;
 };
 
-declare type __VLS_Props_12 = {
+declare type __VLS_Props_13 = {
     items: ExplorerNode[];
     /** Per-node metadata keyed by node id (change, role, groupId, path). */
     meta: Record<string, MergeNodeMeta>;
@@ -157,12 +162,24 @@ declare type __VLS_Props_5 = {
 };
 
 declare type __VLS_Props_6 = {
+    variant: FeedbackVariant;
+    message: string;
+    detail?: string;
+    /** When set, a Retry button is shown alongside the (now `Cancel`) dismiss button. */
+    showRetry?: boolean;
+    /** Label for the retry button (default `Retry`). */
+    retryLabel?: string;
+    /** Auto-emit `dismiss` after N ms (transient success). */
+    autoCloseMs?: number;
+};
+
+declare type __VLS_Props_7 = {
     items: ExplorerNode[];
     expanded?: ExplorerExpandedState;
     ariaLabel?: string;
 };
 
-declare type __VLS_Props_7 = {
+declare type __VLS_Props_8 = {
     /** Code to render. */
     code?: string;
     /** Shiki language id. Defaults to `xml`. */
@@ -174,7 +191,7 @@ declare type __VLS_Props_7 = {
     wrap?: boolean;
 };
 
-declare type __VLS_Props_8 = {
+declare type __VLS_Props_9 = {
     /** Baseline XML. Omit (or empty) for a purely-added element. */
     before?: string;
     /** Resulting XML. */
@@ -182,18 +199,13 @@ declare type __VLS_Props_8 = {
     loading?: boolean;
 };
 
-declare type __VLS_Props_9 = {
-    size?: 'xs' | 'sm' | 'md';
-    disabled?: boolean;
-};
-
 declare type __VLS_PublicProps = {
     modelValue?: AcceptableValue;
 } & __VLS_Props_3;
 
 declare type __VLS_PublicProps_2 = {
     modelValue: DecisionAction;
-} & __VLS_Props_9;
+} & __VLS_Props_10;
 
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -305,7 +317,7 @@ declare type __VLS_WithTemplateSlots_5<T, S> = T & {
     };
 };
 
-/** The component + props + options currently mounted in the host. */
+/** The component + props + options currently mounted in the host (the "root"). */
 export declare type ActiveDialog = {
     component: Component;
     props?: Record<string, unknown>;
@@ -335,6 +347,11 @@ export declare type ActiveDocumentProject<GenericDocument> = {
     openDocument: (documentId: string) => GenericDocument;
 };
 
+/** The feedback template currently overlaid on the host, or `undefined` when none. */
+export declare type ActiveFeedback = {
+    variant: FeedbackVariant;
+} & FeedbackPayload;
+
 /**
  * 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
@@ -360,7 +377,7 @@ export declare type ChangeStatus = 'added' | 'removed' | 'modified' | 'unchanged
 
 declare function closeDropdown(): void;
 
-export declare const CodeBlock: DefineComponent<__VLS_Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_7> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export declare const CodeBlock: DefineComponent<__VLS_Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_8> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 /**
  * Collects the ids of every node that has children, for binding to
@@ -385,8 +402,7 @@ export declare function createDialogHost(): DialogController;
  *
  * // With local extensions (typed augmentation):
  * import { behaviorDescription } from './dialecte/behavior-description'
- * type LocalDoc = ExtendedDocument<Scl.Document, Scl.Query, Scl.Transaction,
- *     { behaviorDescription: typeof behaviorDescription }>
+ * type LocalDoc = Scl.ExtendedDocument<{ behaviorDescription: typeof behaviorDescription }>
  * export const { document, isHydrated, hydrate, clear } =
  *     createDocumentStore<Scl.Document, LocalDoc>({
  *         extensions: { behaviorDescription },
@@ -434,13 +450,23 @@ export declare type DialecteChannelMessage = ProjectChannelMessage;
 export declare const Dialog: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
 
 export declare type DialogController = {
-    /** Whether the host dialog is open. */
+    /** Whether the host dialog is open (a root component or a feedback overlay is showing). */
     readonly open: Ref<boolean>;
-    /** The active dialog payload, or `undefined` when closed/empty. */
+    /** The mounted root component, or `undefined` when none. Preserved while feedback overlays it. */
     readonly active: ShallowRef<ActiveDialog | undefined>;
-    /** Open `component` in the host dialog with (type-checked) `props` and `options`. */
+    /** The feedback overlay, or `undefined` when the host shows the root / is closed. */
+    readonly feedback: ShallowRef<ActiveFeedback | undefined>;
+    /** Open `component` as the root in the host dialog with (type-checked) `props` and `options`. */
     openDialog: <C extends Component>(component: C, props?: PropsOf<C>, options?: DialogOptions) => void;
-    /** Close the host dialog. */
+    /** Overlay the built-in error template on the current root (or on its own). */
+    showError: (payload: FeedbackPayload) => void;
+    /** Overlay the built-in success template. */
+    showSuccess: (payload: FeedbackPayload) => void;
+    /** Overlay the built-in warning template. */
+    showWarning: (payload: FeedbackPayload) => void;
+    /** Dismiss the feedback overlay: reveals the root component, or closes if there is none. */
+    dismissFeedback: () => void;
+    /** Close the host dialog entirely (clears both the root and any feedback). */
     close: () => void;
 };
 
@@ -485,9 +511,9 @@ export declare interface ElementColor {
     background: string;
 }
 
-export declare const ElementDetail: DefineComponent<__VLS_Props_10, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const ElementDetail: DefineComponent<__VLS_Props_11, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 edit: (attr: string, value: string) => any;
-}, string, PublicProps, Readonly<__VLS_Props_10> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_11> & Readonly<{
 onEdit?: ((attr: string, value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
@@ -520,6 +546,36 @@ export declare type ExplorerNode = {
 /** Map of named extension modules. */
 export declare type ExtensionsConfig = Record<string, ExtensionModule>;
 
+export declare const FeedbackDialog: DefineComponent<__VLS_Props_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+dismiss: () => any;
+retry: () => any;
+}, string, PublicProps, Readonly<__VLS_Props_6> & Readonly<{
+onDismiss?: (() => any) | undefined;
+onRetry?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+/** Customization for a feedback template — the message and optional actions shown to the user. */
+export declare type FeedbackPayload = {
+    /** The primary, human-readable line. */
+    message: string;
+    /** Optional secondary block (e.g. an error stack), rendered verbatim. */
+    detail?: string;
+    /** Optional dialog heading; defaults to the variant's own title. */
+    title?: string;
+    /**
+     * Optional retry action. When set the feedback shows a Retry button that dismisses the
+     * overlay (returning to the root component if one is mounted) and runs this callback.
+     */
+    onRetry?: () => void;
+    /** Label for the retry button (default `Retry`). */
+    retryLabel?: string;
+    /** Auto-dismiss the feedback after N ms — accessibility affordance for transient success. */
+    autoCloseMs?: number;
+};
+
+/** The built-in feedback flavours the host renders (error/success/warning templates). */
+export declare type FeedbackVariant = 'error' | 'success' | 'warning';
+
 /** Display metadata for a merged file (source or target), shown in the review header. */
 export declare type FileMeta = {
     /** Display name (filename, typically without extension). */
@@ -572,10 +628,10 @@ export declare type MergeNodeMeta = {
     path?: string;
 };
 
-export declare const MergeReview: DefineComponent<__VLS_Props_11, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const MergeReview: DefineComponent<__VLS_Props_12, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 close: () => any;
 applied: () => any;
-}, string, PublicProps, Readonly<__VLS_Props_11> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_12> & Readonly<{
 onClose?: (() => any) | undefined;
 onApplied?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
@@ -594,10 +650,10 @@ export declare type MergeSessionParams = {
     afterApply?: AfterApply;
 };
 
-export declare const MergeTree: DefineComponent<__VLS_Props_12, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const MergeTree: DefineComponent<__VLS_Props_13, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 select: (node: ExplorerNode) => any;
 "update:decision": (groupId: string, action: DecisionAction) => any;
-}, string, PublicProps, Readonly<__VLS_Props_12> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_13> & Readonly<{
 onSelect?: ((node: ExplorerNode) => any) | undefined;
 "onUpdate:decision"?: ((groupId: string, action: DecisionAction) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
@@ -747,6 +803,6 @@ export declare function useProjectLiveData<T>(params: {
     refresh: (delay?: number) => Promise<T | undefined>;
 };
 
-export declare const XmlDiff: DefineComponent<__VLS_Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_8> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export declare const XmlDiff: DefineComponent<__VLS_Props_9, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_9> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 export { }

package/dist/index.js

@@ -8,23 +8,24 @@ import o from "./dropdown/dropdown.js";
 import s from "./dropdown/combobox.js";
 import "./dropdown/index.js";
 import c from "./dialog/dialog.js";
-import { createDialogHost as l, dialogHostKey as u, provideDialogHost as d, useDialog as f } from "./dialog/use-dialog-host.js";
-import p from "./dialog/dialog-host.js";
+import l from "./dialog/feedback-dialog.js";
+import { createDialogHost as u, dialogHostKey as d, provideDialogHost as f, useDialog as p } from "./dialog/use-dialog-host.js";
+import m from "./dialog/dialog-host.js";
 import "./dialog/index.js";
-import { CATEGORY_ELEMENTS as m, ELEMENT_TO_COLOR as h } from "./icons/element-color-map.generated.js";
-import { ELEMENT_TO_ICON as g } from "./icons/element-icon-mapper.js";
-import { collectExpandableNodeIds as _ } from "./explorer/collect-expandable-node-ids.js";
-import v from "./explorer/explorer.js";
+import { CATEGORY_ELEMENTS as h, ELEMENT_TO_COLOR as g } from "./icons/element-color-map.generated.js";
+import { ELEMENT_TO_ICON as _ } from "./icons/element-icon-mapper.js";
+import { collectExpandableNodeIds as v } from "./explorer/collect-expandable-node-ids.js";
+import y from "./explorer/explorer.js";
 import "./explorer/index.js";
-import { highlightCode as y } from "./code/highlight.js";
-import b from "./code/code-block.js";
-import { diffLines as x } from "./code/diff.js";
-import S from "./code/xml-diff.js";
+import { highlightCode as b } from "./code/highlight.js";
+import x from "./code/code-block.js";
+import { diffLines as S } from "./code/diff.js";
+import C from "./code/xml-diff.js";
 import "./code/index.js";
-import C from "./merge/decision-toggle.js";
-import w from "./merge/element-detail.js";
-import T from "./merge/merge-tree.js";
-import { useMergeSession as E } from "./merge/use-merge-session.js";
-import D from "./merge/merge-review.js";
+import w from "./merge/decision-toggle.js";
+import T from "./merge/element-detail.js";
+import E from "./merge/merge-tree.js";
+import { useMergeSession as D } from "./merge/use-merge-session.js";
+import O from "./merge/merge-review.js";
 import "./merge/index.js";
-export { a as Button, m as CATEGORY_ELEMENTS, b as CodeBlock, s as Combobox, C as DecisionToggle, c as Dialog, p as DialogHost, o as Dropdown, h as ELEMENT_TO_COLOR, g as ELEMENT_TO_ICON, w as ElementDetail, D as MergeReview, T as MergeTree, v as SclExplorer, S as XmlDiff, _ as collectExpandableNodeIds, l as createDialogHost, e as createDocumentStore, u as dialogHostKey, x as diffLines, y as highlightCode, d as provideDialogHost, i as useActiveDocument, t as useDialecteChannel, f as useDialog, n as useLiveData, E as useMergeSession, r as useProjectLiveData };
+export { a as Button, h as CATEGORY_ELEMENTS, x as CodeBlock, s as Combobox, w as DecisionToggle, c as Dialog, m as DialogHost, o as Dropdown, g as ELEMENT_TO_COLOR, _ as ELEMENT_TO_ICON, T as ElementDetail, l as FeedbackDialog, O as MergeReview, E as MergeTree, y as SclExplorer, C as XmlDiff, v as collectExpandableNodeIds, u as createDialogHost, e as createDocumentStore, d as dialogHostKey, S as diffLines, b as highlightCode, f as provideDialogHost, i as useActiveDocument, t as useDialecteChannel, p as useDialog, n as useLiveData, D as useMergeSession, r as useProjectLiveData };

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

@@ -92,6 +92,13 @@ async function i(e, n, r) {
 				conflict: n?.conflict
 			});
 		}
+		for (let [e, t] of i) a.some((t) => t.name === e) || a.push({
+			name: e,
+			status: "added",
+			after: t.conflict ? t.suggestedValue ?? "" : "",
+			editable: t.mode,
+			conflict: t.conflict
+		});
 	} else if (e.change === "removed" && e.instanceRef) {
 		let n = await t(r.targetQuery, e.instanceRef);
 		for (let [e, t] of Object.entries(n)) t != null && a.push({
@@ -114,6 +121,13 @@ async function i(e, n, r) {
 			after: t.after,
 			editable: i.get(t.name)?.mode
 		});
+		for (let [e, t] of i) c.has(e) || c.set(e, {
+			name: e,
+			status: "unchanged",
+			after: t.conflict ? t.suggestedValue ?? "" : "",
+			editable: t.mode,
+			conflict: t.conflict
+		});
 		a.push(...c.values());
 	}
 	return {

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

@@ -10,31 +10,31 @@ var u = {
 	key: 0,
 	class: "badge badge-warning badge-xs shrink-0",
 	title: "Auto-resolved to avoid a naming collision — edit to override"
-}, v = { class: "badge badge-ghost badge-xs shrink-0" }, y = {
+}, v = {
 	key: 1,
 	class: "text-xs opacity-60"
-}, b = {
+}, y = {
 	key: 1,
 	class: "grid h-full place-items-center p-4 text-sm opacity-60"
-}, x = /*@__PURE__*/ a({
+}, b = /*@__PURE__*/ a({
 	__name: "element-detail",
 	props: { detail: {} },
 	emits: ["edit"],
-	setup(a, { emit: x }) {
-		let S = a, C = x, w = t(() => ({
+	setup(a, { emit: b }) {
+		let x = a, S = b, C = t(() => ({
 			added: "badge-success",
 			removed: "badge-error",
 			modified: "badge-warning",
 			unchanged: "badge-ghost"
-		})[S.detail?.change ?? "unchanged"]), T = t(() => S.detail?.attributes.filter((e) => e.editable));
-		function E(e, t) {
-			C("edit", e.name, t.target.value);
+		})[x.detail?.change ?? "unchanged"]), w = t(() => x.detail?.attributes.filter((e) => e.editable));
+		function T(e, t) {
+			S("edit", e.name, t.target.value);
 		}
-		return (t, x) => a.detail ? (s(), r("div", u, [i("header", d, [
+		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", w.value]) }, l(a.detail.change), 3)
-		]), T.value?.length ? (s(), r("div", m, [(s(!0), r(e, null, c(T.value, (e) => (s(), r("label", {
+			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"
 		}, [
@@ -42,12 +42,11 @@ var u = {
 			i("input", {
 				class: o(["input input-xs input-bordered w-full font-mono", { "input-warning": e.conflict }]),
 				value: e.after ?? "",
-				onInput: (t) => E(e, t)
+				onInput: (t) => T(e, t)
 			}, null, 42, g),
-			e.conflict ? (s(), r("span", _, " conflict ")) : n("", !0),
-			i("span", v, l(e.editable), 1)
-		]))), 128))])) : (s(), r("div", y, "No editable fields. See the diff below."))])) : (s(), r("div", b, " Select an element to see its changes. "));
+			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. "));
 	}
 });
 //#endregion
-export { x as default };
+export { b as default };