@ecsplico/editor 0.0.0-stage → 2.0.0

package/dist/features/composites/components/CompositeInspector.js

@@ -0,0 +1,439 @@
+import { metadataOf } from "../../../core/metadata.js";
+import { METADATA_LIST } from "../../../core/metadata-types.js";
+import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
+import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
+import { compositeKindsOf } from "../nodes.js";
+import { compositeDescriptionText, compositeOfRow, setCompositeDescription, setCompositeMetaField, setCompositeTags } from "../rows.js";
+import { normalizeTagName } from "../../../core/tag-name.js";
+import { useCompositeRows } from "../use-composite-rows.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, renderList, renderSlot, shallowRef, toDisplayString, unref, useId, watch, withCtx } from "vue";
+//#region src/features/composites/components/CompositeInspector.vue
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = ["aria-labelledby"];
+const _hoisted_3 = ["id"];
+const _hoisted_4 = { class: "flex flex-col gap-y-2" };
+const _hoisted_5 = { class: "grid grid-cols-[6.5rem_minmax(0,1fr)] items-start gap-x-3 gap-y-2" };
+const _hoisted_6 = { class: "min-h-6 leading-6 text-[var(--sk-muted)]" };
+const _hoisted_7 = {
+	key: 0,
+	class: "m-0 flex min-w-0 flex-col gap-y-1"
+};
+const _hoisted_8 = { class: "min-w-0 flex-1 truncate text-[var(--sk-fg-highlighted)]" };
+const _hoisted_9 = { class: "tabular-nums text-[var(--sk-muted)]" };
+const _hoisted_10 = { class: "min-h-6 leading-6 tabular-nums text-[var(--sk-muted)]" };
+const _hoisted_11 = {
+	key: 1,
+	class: "m-0 min-h-6 leading-6 text-[var(--sk-fg-dimmed)]"
+};
+const _hoisted_12 = { class: "min-h-6 leading-6 text-[var(--sk-muted)]" };
+const _hoisted_13 = {
+	key: 2,
+	class: "m-0 flex min-w-0 flex-wrap items-center gap-1"
+};
+const _hoisted_14 = {
+	key: 3,
+	class: "m-0 min-h-6 leading-6 text-[var(--sk-fg-dimmed)]"
+};
+const _hoisted_15 = { class: "min-h-6 leading-6 text-[var(--sk-muted)]" };
+const _hoisted_16 = {
+	key: 4,
+	class: "m-0 flex min-w-0 flex-wrap items-center gap-1"
+};
+const _hoisted_17 = { class: "truncate" };
+const _hoisted_18 = {
+	key: 5,
+	class: "m-0 min-h-6 leading-6 text-[var(--sk-fg-dimmed)]"
+};
+const _hoisted_19 = ["aria-labelledby"];
+const _hoisted_20 = ["id"];
+const _hoisted_21 = ["title"];
+const _hoisted_22 = { class: "flex items-center gap-2 border-t border-[var(--sk-border)] pt-3" };
+const _hoisted_23 = { class: "text-[var(--sk-muted)]" };
+/**
+* Side panel with the metadata of the document *or* of the Baustein under the caret — one at a time — connected to
+* `editor`. Fills the height of its container and scrolls on its own; the width comes from the host. Open/close is
+* the host's business. The `document` slot carries host-provided document facts (title, folder, dates, presence) at
+* the top of the „Dokument“ section: render them as a `<dl>` with the same grid as below to look native.
+*
+* The „Baustein“ section shows while the caret is in a Baustein of the editor; the „Dokument“ section shows before
+* the editor was ever focused, while the caret is in editor text outside any Baustein, and while `documentFocused`.
+* `documentFocused`: the host's document-level input (its title field) has the focus. While it is true the panel
+* shows the „Dokument“ section and keeps showing it after the input blurs, until the caret returns to the editor.
+*/
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "CompositeInspector",
+	props: {
+		editor: {},
+		documentFocused: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const { Badge: UBadge, FormField: UFormField, Icon: UIcon, Input: UInput, InputMenu: UInputMenu, Select: USelect, Textarea: UTextarea } = useUiKit();
+		const { t } = useEditorI18n();
+		const { rows, tags, kinds, mentions, focused } = useCompositeRows(() => props.editor);
+		const caretIn = shallowRef("document");
+		watch(() => props.documentFocused, (focused) => {
+			if (focused) caretIn.value = "document";
+		}, { immediate: true });
+		const section = computed(() => caretIn.value === "editor" && focused.value ? "composite" : "document");
+		const editable = shallowRef(true);
+		watch(() => props.editor, (instance, _previous, onCleanup) => {
+			editable.value = instance?.isEditable ?? false;
+			if (!instance) return;
+			const sync = () => {
+				editable.value = instance.isEditable;
+			};
+			const toEditor = () => {
+				caretIn.value = "editor";
+			};
+			instance.on("transaction", sync);
+			instance.on("focus", toEditor);
+			onCleanup(() => {
+				instance.off("transaction", sync);
+				instance.off("focus", toEditor);
+			});
+		}, { immediate: true });
+		const summarized = computed(() => rows.value.filter((row) => row.description.trim()).length);
+		const HEX_COLOR = /^#[0-9a-f]{3,8}$/i;
+		const mentionStyle = (color) => ({ "--mention-color": color && HEX_COLOR.test(color) ? color : "var(--sk-primary)" });
+		const kindItems = computed(() => props.editor ? compositeKindsOf(props.editor).map((kind) => ({
+			value: kind.id,
+			label: kind.label,
+			icon: kind.icon
+		})) : []);
+		function onKind(kind) {
+			const instance = props.editor;
+			const row = focused.value;
+			const found = instance && row ? compositeOfRow(instance.state.doc, row) : null;
+			if (typeof kind !== "string" || !instance || !found || kind === row?.kind) return;
+			instance.commands.setCompositeKind(kind, found.pos);
+		}
+		const draft = ref("");
+		let base = "";
+		let dirty = false;
+		let pendingRow = null;
+		let timer;
+		function loadDescription() {
+			dirty = false;
+			pendingRow = null;
+			base = focused.value?.description ?? "";
+			draft.value = base;
+		}
+		/** Writes the pending draft; `false` when there was nothing to write or a peer changed the description first. */
+		function commitDescription() {
+			clearTimeout(timer);
+			if (!dirty || !pendingRow) return false;
+			dirty = false;
+			const row = pendingRow;
+			pendingRow = null;
+			const instance = props.editor;
+			if (!instance || instance.isDestroyed || !instance.isEditable) return false;
+			if (!setCompositeDescription(instance, row, draft.value, base)) return false;
+			base = compositeDescriptionText(draft.value);
+			return true;
+		}
+		function onDescriptionInput(value) {
+			draft.value = typeof value === "string" ? value : "";
+			dirty = true;
+			pendingRow ??= focused.value;
+			clearTimeout(timer);
+			timer = setTimeout(commitDescription, 600);
+		}
+		function onDescriptionBlur() {
+			if (commitDescription()) draft.value = base;
+			else loadDescription();
+		}
+		watch(() => focused.value?.key, () => {
+			commitDescription();
+			loadDescription();
+		}, { immediate: true });
+		watch(() => focused.value?.description, (description) => {
+			if (dirty) {
+				if (description !== base && !commitDescription()) loadDescription();
+				return;
+			}
+			if (description !== base) loadDescription();
+		});
+		onBeforeUnmount(commitDescription);
+		watch(section, (next, previous) => {
+			if (previous === "composite" && next !== "composite") commitDescription();
+		});
+		const uid = useId();
+		const term = ref("");
+		const tagItems = ref([]);
+		let searchTimer;
+		let pendingSearch;
+		function scheduleSearch() {
+			clearTimeout(searchTimer);
+			searchTimer = setTimeout(async () => {
+				const instance = props.editor;
+				if (!instance) return;
+				pendingSearch?.abort();
+				const controller = pendingSearch = new AbortController();
+				try {
+					const found = await metadataOf(instance).search(METADATA_LIST.hashtags, {
+						query: term.value,
+						editor: instance,
+						signal: controller.signal
+					});
+					if (!controller.signal.aborted) tagItems.value = found.map((item) => item.label);
+				} catch (error) {
+					if (!controller.signal.aborted) console.warn("Tag-Vorschläge konnten nicht geladen werden", error);
+				}
+			}, 150);
+		}
+		watch(term, scheduleSearch);
+		onBeforeUnmount(() => {
+			clearTimeout(searchTimer);
+			pendingSearch?.abort();
+		});
+		function onTags(value) {
+			if (props.editor && focused.value) setCompositeTags(props.editor, focused.value, Array.isArray(value) ? value.filter((tag) => typeof tag === "string") : []);
+		}
+		function onCreateTag(raw) {
+			const row = focused.value;
+			const name = normalizeTagName(raw);
+			term.value = "";
+			if (!props.editor || !row || !name || row.tags.includes(name)) return;
+			setCompositeTags(props.editor, row, [...row.tags, name]);
+			if (!tagItems.value.includes(name)) metadataOf(props.editor).create(METADATA_LIST.hashtags, {
+				id: name,
+				label: name
+			});
+		}
+		function fieldText(field) {
+			const value = focused.value?.meta[field.key];
+			return typeof value === "string" || typeof value === "number" ? String(value) : "";
+		}
+		function onField(field, value) {
+			if (props.editor?.isEditable && focused.value) setCompositeMetaField(props.editor, focused.value, field.key, value);
+		}
+		const hasSummary = computed(() => !!focused.value?.description.trim());
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("aside", {
+				class: "flex h-full min-h-0 flex-col overflow-y-auto text-sm",
+				"aria-label": unref(t)("composites.inspector.label")
+			}, [section.value === "document" ? (openBlock(), createElementBlock("section", {
+				key: 0,
+				class: "flex-1 p-4",
+				"aria-labelledby": `${unref(uid)}-document`
+			}, [createElementVNode("h2", {
+				id: `${unref(uid)}-document`,
+				class: "mb-3 text-sm font-semibold text-[var(--sk-fg-highlighted)]"
+			}, toDisplayString(unref(t)("composites.inspector.document")), 9, _hoisted_3), createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "document"), createElementVNode("dl", _hoisted_5, [
+				createElementVNode("dt", _hoisted_6, toDisplayString(unref(t)("composites.inspector.composites")), 1),
+				unref(kinds).length ? (openBlock(), createElementBlock("dd", _hoisted_7, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(kinds), (kind) => {
+					return openBlock(), createElementBlock("span", {
+						key: kind.id,
+						class: "flex min-h-6 min-w-0 items-center gap-2"
+					}, [
+						createVNode(unref(UIcon), {
+							name: kind.icon,
+							class: "size-4 shrink-0 text-[var(--sk-muted)]"
+						}, null, 8, ["name"]),
+						createElementVNode("span", _hoisted_8, toDisplayString(kind.label), 1),
+						createElementVNode("span", _hoisted_9, toDisplayString(kind.count), 1)
+					]);
+				}), 128)), createElementVNode("span", _hoisted_10, toDisplayString(unref(t)("composites.inspector.summarized", {
+					n: summarized.value,
+					total: unref(rows).length
+				})), 1)])) : (openBlock(), createElementBlock("dd", _hoisted_11, toDisplayString(unref(t)("composites.inspector.none")), 1)),
+				createElementVNode("dt", _hoisted_12, toDisplayString(unref(t)("composites.tags.label")), 1),
+				unref(tags).length ? (openBlock(), createElementBlock("dd", _hoisted_13, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(tags), (tag) => {
+					return openBlock(), createBlock(unref(UBadge), {
+						key: tag,
+						color: "neutral",
+						variant: "subtle",
+						size: "sm",
+						label: `#${tag}`,
+						class: "max-w-full"
+					}, null, 8, ["label"]);
+				}), 128))])) : (openBlock(), createElementBlock("dd", _hoisted_14, toDisplayString(unref(t)("composites.inspector.none")), 1)),
+				createElementVNode("dt", _hoisted_15, toDisplayString(unref(t)("composites.inspector.mentions")), 1),
+				unref(mentions).length ? (openBlock(), createElementBlock("dd", _hoisted_16, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(mentions), (mention) => {
+					return openBlock(), createElementBlock("span", {
+						key: mention.id,
+						class: "inline-flex max-w-full items-center gap-1.5 truncate rounded-sm px-1.5 py-0.5 text-xs font-medium text-[var(--sk-fg-highlighted)]",
+						style: normalizeStyle([mentionStyle(mention.color), { background: "color-mix(in oklab, var(--mention-color) 15%, transparent)" }])
+					}, [_cache[2] || (_cache[2] = createElementVNode("span", {
+						class: "size-1.5 shrink-0 rounded-full",
+						style: { background: "var(--mention-color)" }
+					}, null, -1)), createElementVNode("span", _hoisted_17, "@" + toDisplayString(mention.label), 1)], 4);
+				}), 128))])) : (openBlock(), createElementBlock("dd", _hoisted_18, toDisplayString(unref(t)("composites.inspector.none")), 1))
+			])])], 8, _hoisted_2)) : unref(focused) ? (openBlock(), createElementBlock("section", {
+				key: 1,
+				class: "flex-1 p-4",
+				"aria-labelledby": `${unref(uid)}-composite`
+			}, [createElementVNode("h2", {
+				id: `${unref(uid)}-composite`,
+				class: "mb-3 text-sm font-semibold text-[var(--sk-fg-highlighted)]"
+			}, toDisplayString(unref(t)("composites.inspector.composite")), 9, _hoisted_20), (openBlock(), createElementBlock("div", {
+				key: unref(focused).key,
+				class: "flex flex-col gap-3"
+			}, [
+				createVNode(unref(UFormField), {
+					label: unref(t)("composites.inspector.kind"),
+					size: "sm"
+				}, {
+					default: withCtx(() => [createVNode(unref(USelect), {
+						"model-value": unref(focused).kind,
+						items: kindItems.value,
+						size: "sm",
+						class: "w-full",
+						"aria-label": unref(t)("composites.kind.select"),
+						disabled: !editable.value,
+						"onUpdate:modelValue": onKind
+					}, null, 8, [
+						"model-value",
+						"items",
+						"aria-label",
+						"disabled"
+					])]),
+					_: 1
+				}, 8, ["label"]),
+				createVNode(unref(UFormField), {
+					label: unref(t)("composites.inspector.title"),
+					size: "sm",
+					help: editable.value ? unref(t)("composites.inspector.titleHelp") : void 0
+				}, {
+					default: withCtx(() => [createElementVNode("p", {
+						class: normalizeClass(["min-h-6 truncate leading-6", unref(focused).title ? "text-[var(--sk-fg-highlighted)]" : "text-[var(--sk-fg-dimmed)]"]),
+						title: unref(focused).title
+					}, toDisplayString(unref(focused).title || unref(t)("composites.inspector.untitled")), 11, _hoisted_21)]),
+					_: 1
+				}, 8, ["label", "help"]),
+				createVNode(unref(UFormField), {
+					label: unref(t)("composites.inspector.description"),
+					size: "sm",
+					help: unref(focused).descriptionTextOnly ? void 0 : unref(t)("composites.inspector.descriptionHelp")
+				}, {
+					default: withCtx(() => [createVNode(unref(UTextarea), {
+						"model-value": draft.value,
+						autoresize: "",
+						rows: 3,
+						maxrows: 10,
+						size: "sm",
+						class: "w-full",
+						placeholder: unref(t)("composites.inspector.description"),
+						"aria-label": unref(t)("composites.inspector.description"),
+						readonly: !editable.value || !unref(focused).descriptionTextOnly,
+						"onUpdate:modelValue": onDescriptionInput,
+						onBlur: onDescriptionBlur
+					}, null, 8, [
+						"model-value",
+						"placeholder",
+						"aria-label",
+						"readonly"
+					])]),
+					_: 1
+				}, 8, ["label", "help"]),
+				createVNode(unref(UFormField), {
+					label: unref(t)("composites.tags.label"),
+					size: "sm"
+				}, {
+					default: withCtx(() => [createCommentVNode(" `position` is required in the object form: InputMenu renders the create row only for 'top' or 'bottom'. "), createVNode(unref(UInputMenu), {
+						"search-term": term.value,
+						"onUpdate:searchTerm": _cache[0] || (_cache[0] = ($event) => term.value = $event),
+						multiple: "",
+						"create-item": {
+							position: "bottom",
+							when: "always"
+						},
+						"model-value": unref(focused).tags,
+						items: tagItems.value,
+						"ignore-filter": "",
+						placeholder: unref(t)("composites.tags.label"),
+						"aria-label": unref(t)("composites.tags.label"),
+						size: "sm",
+						icon: "i-lucide-hash",
+						class: "w-full",
+						disabled: !editable.value,
+						"onUpdate:modelValue": onTags,
+						"onUpdate:open": _cache[1] || (_cache[1] = (isOpen) => isOpen && scheduleSearch()),
+						onCreate: onCreateTag
+					}, {
+						"create-item-label": withCtx(({ item }) => [createTextVNode(toDisplayString(unref(t)("composites.tags.create", { tag: unref(normalizeTagName)(item) || item })), 1)]),
+						_: 1
+					}, 8, [
+						"search-term",
+						"model-value",
+						"items",
+						"placeholder",
+						"aria-label",
+						"disabled"
+					])]),
+					_: 1
+				}, 8, ["label"]),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(unref(focused).fields, (field) => {
+					return openBlock(), createBlock(unref(UFormField), {
+						key: field.key,
+						label: field.label,
+						size: "sm"
+					}, {
+						default: withCtx(() => [field.type === "select" ? (openBlock(), createBlock(unref(USelect), {
+							key: 0,
+							"model-value": fieldText(field) || void 0,
+							items: field.options ?? [],
+							"aria-label": field.label,
+							placeholder: "–",
+							size: "sm",
+							class: "w-full",
+							disabled: !editable.value,
+							"onUpdate:modelValue": (value) => onField(field, value)
+						}, null, 8, [
+							"model-value",
+							"items",
+							"aria-label",
+							"disabled",
+							"onUpdate:modelValue"
+						])) : field.type === "textarea" ? (openBlock(), createBlock(unref(UTextarea), {
+							key: 1,
+							"model-value": fieldText(field),
+							"aria-label": field.label,
+							autoresize: "",
+							rows: 2,
+							maxrows: 8,
+							size: "sm",
+							class: "w-full",
+							readonly: !editable.value,
+							"onUpdate:modelValue": (value) => onField(field, value)
+						}, null, 8, [
+							"model-value",
+							"aria-label",
+							"readonly",
+							"onUpdate:modelValue"
+						])) : (openBlock(), createBlock(unref(UInput), {
+							key: 2,
+							"model-value": fieldText(field),
+							type: field.type,
+							"aria-label": field.label,
+							size: "sm",
+							class: "w-full",
+							readonly: !editable.value,
+							"onUpdate:modelValue": (value) => onField(field, value)
+						}, null, 8, [
+							"model-value",
+							"type",
+							"aria-label",
+							"readonly",
+							"onUpdate:modelValue"
+						]))]),
+						_: 2
+					}, 1032, ["label"]);
+				}), 128)),
+				createElementVNode("div", _hoisted_22, [
+					createVNode(unref(UIcon), {
+						name: "i-lucide-sparkles",
+						class: "size-4 shrink-0 text-[var(--sk-muted)]"
+					}),
+					createElementVNode("span", _hoisted_23, toDisplayString(unref(t)("composites.inspector.aiStatus")), 1),
+					createElementVNode("span", { class: normalizeClass(["ml-auto inline-flex items-center gap-1.5", hasSummary.value ? "text-[var(--sk-fg-highlighted)]" : "text-[var(--sk-fg-dimmed)]"]) }, [createElementVNode("span", { class: normalizeClass(["size-2 rounded-full", hasSummary.value ? "bg-[var(--sk-success)]" : "bg-[var(--sk-bg-accented)]"]) }, null, 2), createTextVNode(" " + toDisplayString(hasSummary.value ? unref(t)("composites.inspector.summaryPresent") : unref(t)("composites.inspector.summaryMissing")), 1)], 2)
+				])
+			]))], 8, _hoisted_19)) : createCommentVNode("v-if", true)], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=CompositeInspector.js.map

package/dist/features/composites/components/CompositeInspector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompositeInspector.js","names":["_openBlock","_createElementBlock","_unref","_createElementVNode","_toDisplayString","_renderSlot","_Fragment","_renderList","_createVNode","_createBlock","_normalizeStyle","_withCtx","_normalizeClass","_createCommentVNode","_createTextVNode"],"sources":["../../../../src/features/composites/components/CompositeInspector.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport { computed, onBeforeUnmount, ref, shallowRef, useId, watch } from 'vue'\nimport { metadataOf } from '../../../core/metadata'\nimport { METADATA_LIST } from '../../../core/metadata-types'\nimport { normalizeTagName } from '../../../core/tag-name'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport type { CompositeMetaField } from '../kinds'\nimport { compositeKindsOf } from '../nodes'\nimport { compositeDescriptionText, compositeOfRow, type CompositeRow, setCompositeDescription, setCompositeMetaField, setCompositeTags } from '../rows'\nimport { useCompositeRows } from '../use-composite-rows'\n\n/**\n * Side panel with the metadata of the document *or* of the Baustein under the caret — one at a time — connected to\n * `editor`. Fills the height of its container and scrolls on its own; the width comes from the host. Open/close is\n * the host's business. The `document` slot carries host-provided document facts (title, folder, dates, presence) at\n * the top of the „Dokument“ section: render them as a `<dl>` with the same grid as below to look native.\n *\n * The „Baustein“ section shows while the caret is in a Baustein of the editor; the „Dokument“ section shows before\n * the editor was ever focused, while the caret is in editor text outside any Baustein, and while `documentFocused`.\n * `documentFocused`: the host's document-level input (its title field) has the focus. While it is true the panel\n * shows the „Dokument“ section and keeps showing it after the input blurs, until the caret returns to the editor.\n */\nconst props = defineProps<{ editor?: Editor, documentFocused?: boolean }>()\n\nconst { Badge: UBadge, FormField: UFormField, Icon: UIcon, Input: UInput, InputMenu: UInputMenu, Select: USelect, Textarea: UTextarea } = useUiKit()\nconst { t } = useEditorI18n()\n\ndefineSlots<{\n  /** Document facts known to the host only, rendered above the facts derived from the editor. */\n  document?: () => unknown\n}>()\n\nconst { rows, tags, kinds, mentions, focused } = useCompositeRows(() => props.editor)\n\n// Where the caret was last: the host's document input or the editor. The panel keeps its section while it is clicked.\nconst caretIn = shallowRef<'document' | 'editor'>('document')\n// Only the rising edge switches; a blur of the host's input changes nothing.\nwatch(() => props.documentFocused, (focused) => {\n  if (focused) caretIn.value = 'document'\n}, { immediate: true })\n// A deleted Baustein (`focused` null) falls back to the document section.\nconst section = computed<'document' | 'composite'>(() => caretIn.value === 'editor' && focused.value ? 'composite' : 'document')\n\n// `isEditable` is not reactive: follow it on every transaction (`EditorSurface` dispatches one after `setEditable`).\nconst editable = shallowRef(true)\nwatch(() => props.editor, (instance, _previous, onCleanup) => {\n  editable.value = instance?.isEditable ?? false\n  if (!instance) return\n  const sync = () => {\n    editable.value = instance.isEditable\n  }\n  const toEditor = () => {\n    caretIn.value = 'editor'\n  }\n  instance.on('transaction', sync)\n  // Only `focus`, not `selectionUpdate`: a collaboration sync can move the selection while the host's input has the focus.\n  instance.on('focus', toEditor)\n  onCleanup(() => {\n    instance.off('transaction', sync)\n    instance.off('focus', toEditor)\n  })\n}, { immediate: true })\n\n// --- Dokument ---\nconst summarized = computed(() => rows.value.filter(row => row.description.trim()).length)\nconst HEX_COLOR = /^#[0-9a-f]{3,8}$/i\n// Same tint as the chip in the document (`--mention-color`), only invalid colors fall back to the primary color.\nconst mentionStyle = (color: string | null) => ({ '--mention-color': color && HEX_COLOR.test(color) ? color : 'var(--sk-primary)' })\n\n// --- Baustein: kind ---\nconst kindItems = computed(() => props.editor\n  ? compositeKindsOf(props.editor).map(kind => ({ value: kind.id, label: kind.label, icon: kind.icon }))\n  : [])\n\nfunction onKind(kind: unknown) {\n  const instance = props.editor\n  const row = focused.value\n  const found = instance && row ? compositeOfRow(instance.state.doc, row) : null\n  if (typeof kind !== 'string' || !instance || !found || kind === row?.kind) return\n  instance.commands.setCompositeKind(kind, found.pos)\n}\n\n// --- Baustein: description ---\n// Local draft, committed 600 ms after typing pauses and on blur, so the re-read of the document never overwrites\n// the text (and moves the caret) while it is edited. `base` is the document text the draft started from: the write\n// only lands while the description still holds it, so a peer's change made meanwhile is never replaced.\nconst draft = ref('')\nlet base = ''\nlet dirty = false\nlet pendingRow: CompositeRow | null = null\nlet timer: ReturnType<typeof setTimeout> | undefined\n\nfunction loadDescription() {\n  dirty = false\n  pendingRow = null\n  base = focused.value?.description ?? ''\n  draft.value = base\n}\n\n/** Writes the pending draft; `false` when there was nothing to write or a peer changed the description first. */\nfunction commitDescription(): boolean {\n  clearTimeout(timer)\n  if (!dirty || !pendingRow) return false\n  dirty = false\n  const row = pendingRow\n  pendingRow = null\n  const instance = props.editor\n  if (!instance || instance.isDestroyed || !instance.isEditable) return false\n  if (!setCompositeDescription(instance, row, draft.value, base)) return false\n  base = compositeDescriptionText(draft.value)\n  return true\n}\n\nfunction onDescriptionInput(value: unknown) {\n  draft.value = typeof value === 'string' ? value : ''\n  dirty = true\n  pendingRow ??= focused.value\n  clearTimeout(timer)\n  timer = setTimeout(commitDescription, 600)\n}\n\n// Show the text the document holds now: the normalized draft after a write, the live text otherwise (also after a\n// write refused because a peer changed the description first).\nfunction onDescriptionBlur() {\n  if (commitDescription()) draft.value = base\n  else loadDescription()\n}\n\n// Another Baustein: commit the draft of the previous one first (pre-flush: `draft` still holds its text), then load.\nwatch(() => focused.value?.key, () => {\n  commitDescription()\n  loadDescription()\n}, { immediate: true })\n// Every change of the description reaches an untouched draft, also while the textarea has focus. A draft with\n// unsaved typing keeps it; if a peer changed the description meanwhile, its commit is refused and the peer's text\n// is loaded instead.\nwatch(() => focused.value?.description, (description) => {\n  if (dirty) {\n    if (description !== base && !commitDescription()) loadDescription()\n    return\n  }\n  if (description !== base) loadDescription()\n})\nonBeforeUnmount(commitDescription)\n// Leaving the Baustein section: commit the draft typed in the panel.\nwatch(section, (next, previous) => {\n  if (previous === 'composite' && next !== 'composite') commitDescription()\n})\n\nconst uid = useId()\n\n// --- Baustein: tags (same behavior as `CompositeTagsEditor.vue`) ---\nconst term = ref('')\nconst tagItems = ref<string[]>([])\nlet searchTimer: ReturnType<typeof setTimeout> | undefined\nlet pendingSearch: AbortController | undefined\n\nfunction scheduleSearch() {\n  clearTimeout(searchTimer)\n  searchTimer = setTimeout(async () => {\n    const instance = props.editor\n    if (!instance) return\n    pendingSearch?.abort()\n    const controller = pendingSearch = new AbortController()\n    try {\n      const found = await metadataOf(instance).search(METADATA_LIST.hashtags, { query: term.value, editor: instance, signal: controller.signal })\n      if (!controller.signal.aborted) tagItems.value = found.map(item => item.label)\n    }\n    catch (error) {\n      if (!controller.signal.aborted) console.warn('Tag-Vorschläge konnten nicht geladen werden', error)\n    }\n  }, 150)\n}\nwatch(term, scheduleSearch)\nonBeforeUnmount(() => {\n  clearTimeout(searchTimer)\n  pendingSearch?.abort()\n})\n\nfunction onTags(value: unknown) {\n  if (props.editor && focused.value) setCompositeTags(props.editor, focused.value, Array.isArray(value) ? value.filter((tag): tag is string => typeof tag === 'string') : [])\n}\n\n// „Neu Tag“ → `neu-tag`. A name that normalizes to an already chosen tag is ignored; only unknown names are reported as created.\nfunction onCreateTag(raw: string) {\n  const row = focused.value\n  const name = normalizeTagName(raw)\n  term.value = ''\n  if (!props.editor || !row || !name || row.tags.includes(name)) return\n  setCompositeTags(props.editor, row, [...row.tags, name])\n  if (!tagItems.value.includes(name)) metadataOf(props.editor).create(METADATA_LIST.hashtags, { id: name, label: name })\n}\n\n// --- Baustein: fields ---\nfunction fieldText(field: CompositeMetaField): string {\n  const value = focused.value?.meta[field.key]\n  return typeof value === 'string' || typeof value === 'number' ? String(value) : ''\n}\n\nfunction onField(field: CompositeMetaField, value: unknown) {\n  if (props.editor?.isEditable && focused.value) setCompositeMetaField(props.editor, focused.value, field.key, value)\n}\n\nconst hasSummary = computed(() => !!focused.value?.description.trim())\n</script>\n\n<template>\n  <aside class=\"flex h-full min-h-0 flex-col overflow-y-auto text-sm\" :aria-label=\"t('composites.inspector.label')\">\n    <section v-if=\"section === 'document'\" class=\"flex-1 p-4\" :aria-labelledby=\"`${uid}-document`\">\n      <h2 :id=\"`${uid}-document`\" class=\"mb-3 text-sm font-semibold text-[var(--sk-fg-highlighted)]\">\n        {{ t('composites.inspector.document') }}\n      </h2>\n      <div class=\"flex flex-col gap-y-2\">\n        <slot name=\"document\" />\n        <dl class=\"grid grid-cols-[6.5rem_minmax(0,1fr)] items-start gap-x-3 gap-y-2\">\n          <dt class=\"min-h-6 leading-6 text-[var(--sk-muted)]\">\n            {{ t('composites.inspector.composites') }}\n          </dt>\n          <dd v-if=\"kinds.length\" class=\"m-0 flex min-w-0 flex-col gap-y-1\">\n            <span v-for=\"kind in kinds\" :key=\"kind.id\" class=\"flex min-h-6 min-w-0 items-center gap-2\">\n              <UIcon :name=\"kind.icon\" class=\"size-4 shrink-0 text-[var(--sk-muted)]\" />\n              <span class=\"min-w-0 flex-1 truncate text-[var(--sk-fg-highlighted)]\">{{ kind.label }}</span>\n              <span class=\"tabular-nums text-[var(--sk-muted)]\">{{ kind.count }}</span>\n            </span>\n            <span class=\"min-h-6 leading-6 tabular-nums text-[var(--sk-muted)]\">\n              {{ t('composites.inspector.summarized', { n: summarized, total: rows.length }) }}\n            </span>\n          </dd>\n          <dd v-else class=\"m-0 min-h-6 leading-6 text-[var(--sk-fg-dimmed)]\">\n            {{ t('composites.inspector.none') }}\n          </dd>\n\n          <dt class=\"min-h-6 leading-6 text-[var(--sk-muted)]\">\n            {{ t('composites.tags.label') }}\n          </dt>\n          <dd v-if=\"tags.length\" class=\"m-0 flex min-w-0 flex-wrap items-center gap-1\">\n            <UBadge v-for=\"tag in tags\" :key=\"tag\" color=\"neutral\" variant=\"subtle\" size=\"sm\" :label=\"`#${tag}`\" class=\"max-w-full\" />\n          </dd>\n          <dd v-else class=\"m-0 min-h-6 leading-6 text-[var(--sk-fg-dimmed)]\">\n            {{ t('composites.inspector.none') }}\n          </dd>\n\n          <dt class=\"min-h-6 leading-6 text-[var(--sk-muted)]\">\n            {{ t('composites.inspector.mentions') }}\n          </dt>\n          <dd v-if=\"mentions.length\" class=\"m-0 flex min-w-0 flex-wrap items-center gap-1\">\n            <span\n              v-for=\"mention in mentions\"\n              :key=\"mention.id\"\n              class=\"inline-flex max-w-full items-center gap-1.5 truncate rounded-sm px-1.5 py-0.5 text-xs font-medium text-[var(--sk-fg-highlighted)]\"\n              :style=\"[mentionStyle(mention.color), { background: 'color-mix(in oklab, var(--mention-color) 15%, transparent)' }]\"\n            >\n              <span class=\"size-1.5 shrink-0 rounded-full\" :style=\"{ background: 'var(--mention-color)' }\" />\n              <span class=\"truncate\">@{{ mention.label }}</span>\n            </span>\n          </dd>\n          <dd v-else class=\"m-0 min-h-6 leading-6 text-[var(--sk-fg-dimmed)]\">\n            {{ t('composites.inspector.none') }}\n          </dd>\n        </dl>\n      </div>\n    </section>\n    <section v-else-if=\"focused\" class=\"flex-1 p-4\" :aria-labelledby=\"`${uid}-composite`\">\n      <h2 :id=\"`${uid}-composite`\" class=\"mb-3 text-sm font-semibold text-[var(--sk-fg-highlighted)]\">\n        {{ t('composites.inspector.composite') }}\n      </h2>\n\n      <div :key=\"focused.key\" class=\"flex flex-col gap-3\">\n        <UFormField :label=\"t('composites.inspector.kind')\" size=\"sm\">\n          <USelect\n            :model-value=\"focused.kind\"\n            :items=\"kindItems\"\n            size=\"sm\"\n            class=\"w-full\"\n            :aria-label=\"t('composites.kind.select')\"\n            :disabled=\"!editable\"\n            @update:model-value=\"onKind\"\n          />\n        </UFormField>\n\n        <UFormField :label=\"t('composites.inspector.title')\" size=\"sm\" :help=\"editable ? t('composites.inspector.titleHelp') : undefined\">\n          <p class=\"min-h-6 truncate leading-6\" :class=\"focused.title ? 'text-[var(--sk-fg-highlighted)]' : 'text-[var(--sk-fg-dimmed)]'\" :title=\"focused.title\">\n            {{ focused.title || t('composites.inspector.untitled') }}\n          </p>\n        </UFormField>\n\n        <UFormField\n          :label=\"t('composites.inspector.description')\"\n          size=\"sm\"\n          :help=\"focused.descriptionTextOnly ? undefined : t('composites.inspector.descriptionHelp')\"\n        >\n          <UTextarea\n            :model-value=\"draft\"\n            autoresize\n            :rows=\"3\"\n            :maxrows=\"10\"\n            size=\"sm\"\n            class=\"w-full\"\n            :placeholder=\"t('composites.inspector.description')\"\n            :aria-label=\"t('composites.inspector.description')\"\n            :readonly=\"!editable || !focused.descriptionTextOnly\"\n            @update:model-value=\"onDescriptionInput\"\n            @blur=\"onDescriptionBlur\"\n          />\n        </UFormField>\n\n        <UFormField :label=\"t('composites.tags.label')\" size=\"sm\">\n          <!-- `position` is required in the object form: InputMenu renders the create row only for 'top' or 'bottom'. -->\n          <UInputMenu\n            v-model:search-term=\"term\"\n            multiple\n            :create-item=\"{ position: 'bottom', when: 'always' }\"\n            :model-value=\"focused.tags\"\n            :items=\"tagItems\"\n            ignore-filter\n            :placeholder=\"t('composites.tags.label')\"\n            :aria-label=\"t('composites.tags.label')\"\n            size=\"sm\"\n            icon=\"i-lucide-hash\"\n            class=\"w-full\"\n            :disabled=\"!editable\"\n            @update:model-value=\"onTags\"\n            @update:open=\"(isOpen: boolean) => isOpen && scheduleSearch()\"\n            @create=\"onCreateTag\"\n          >\n            <template #create-item-label=\"{ item }: { item: string }\">\n              {{ t('composites.tags.create', { tag: normalizeTagName(item) || item }) }}\n            </template>\n          </UInputMenu>\n        </UFormField>\n\n        <UFormField v-for=\"field in focused.fields\" :key=\"field.key\" :label=\"field.label\" size=\"sm\">\n          <USelect\n            v-if=\"field.type === 'select'\"\n            :model-value=\"fieldText(field) || undefined\"\n            :items=\"field.options ?? []\"\n            :aria-label=\"field.label\"\n            placeholder=\"–\"\n            size=\"sm\"\n            class=\"w-full\"\n            :disabled=\"!editable\"\n            @update:model-value=\"(value: unknown) => onField(field, value)\"\n          />\n          <UTextarea\n            v-else-if=\"field.type === 'textarea'\"\n            :model-value=\"fieldText(field)\"\n            :aria-label=\"field.label\"\n            autoresize\n            :rows=\"2\"\n            :maxrows=\"8\"\n            size=\"sm\"\n            class=\"w-full\"\n            :readonly=\"!editable\"\n            @update:model-value=\"(value: unknown) => onField(field, value)\"\n          />\n          <UInput\n            v-else\n            :model-value=\"fieldText(field)\"\n            :type=\"field.type\"\n            :aria-label=\"field.label\"\n            size=\"sm\"\n            class=\"w-full\"\n            :readonly=\"!editable\"\n            @update:model-value=\"(value: unknown) => onField(field, value)\"\n          />\n        </UFormField>\n\n        <div class=\"flex items-center gap-2 border-t border-[var(--sk-border)] pt-3\">\n          <UIcon name=\"i-lucide-sparkles\" class=\"size-4 shrink-0 text-[var(--sk-muted)]\" />\n          <span class=\"text-[var(--sk-muted)]\">{{ t('composites.inspector.aiStatus') }}</span>\n          <span class=\"ml-auto inline-flex items-center gap-1.5\" :class=\"hasSummary ? 'text-[var(--sk-fg-highlighted)]' : 'text-[var(--sk-fg-dimmed)]'\">\n            <span class=\"size-2 rounded-full\" :class=\"hasSummary ? 'bg-[var(--sk-success)]' : 'bg-[var(--sk-bg-accented)]'\" />\n            {{ hasSummary ? t('composites.inspector.summaryPresent') : t('composites.inspector.summaryMissing') }}\n          </span>\n        </div>\n      </div>\n    </section>\n  </aside>\n</template>\n"],"mappings":"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"}

package/dist/features/composites/components/CompositeInspector.vue.d.ts

@@ -0,0 +1,32 @@
+import { Editor } from "@tiptap/core";
+//#region src/features/composites/components/CompositeInspector.vue.d.ts
+/**
+ * Side panel with the metadata of the document *or* of the Baustein under the caret — one at a time — connected to
+ * `editor`. Fills the height of its container and scrolls on its own; the width comes from the host. Open/close is
+ * the host's business. The `document` slot carries host-provided document facts (title, folder, dates, presence) at
+ * the top of the „Dokument“ section: render them as a `<dl>` with the same grid as below to look native.
+ *
+ * The „Baustein“ section shows while the caret is in a Baustein of the editor; the „Dokument“ section shows before
+ * the editor was ever focused, while the caret is in editor text outside any Baustein, and while `documentFocused`.
+ * `documentFocused`: the host's document-level input (its title field) has the focus. While it is true the panel
+ * shows the „Dokument“ section and keeps showing it after the input blurs, until the caret returns to the editor.
+ */
+type __VLS_Props = {
+  editor?: Editor;
+  documentFocused?: boolean;
+};
+type __VLS_Slots = {
+  /** Document facts known to the host only, rendered above the facts derived from the editor. */
+  document?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };
+//# sourceMappingURL=CompositeInspector.vue.d.ts.map

package/dist/features/composites/components/CompositeStatusMenu.js

@@ -0,0 +1,51 @@
+import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
+import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
+import { setCompositeMetaField } from "../rows.js";
+import { rowStatus, statusStyle } from "../meta-display.js";
+import { computed, createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/features/composites/components/CompositeStatusMenu.vue
+/**
+* Quick status change: the default slot (a button) opens a menu of the status field's options. Kinds without a
+* status field render the slot bare.
+*/
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "CompositeStatusMenu",
+	props: {
+		editor: {},
+		row: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const { DropdownMenu: UDropdownMenu } = useUiKit();
+		const { t } = useEditorI18n();
+		const status = computed(() => rowStatus(props.row, t));
+		const items = computed(() => (status.value?.field.options ?? []).map((option) => ({
+			label: option.label,
+			icon: statusStyle(option.value).icon,
+			type: "checkbox",
+			checked: option.value === status.value?.value,
+			onUpdateChecked(checked) {
+				if (checked) setCompositeMetaField(props.editor, props.row, "status", option.value);
+			}
+		})));
+		return (_ctx, _cache) => {
+			return status.value ? (openBlock(), createBlock(unref(UDropdownMenu), {
+				key: 0,
+				items: items.value,
+				content: {
+					side: "bottom",
+					align: "start",
+					sideOffset: 4
+				},
+				ui: { content: "w-40" }
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["items"])) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=CompositeStatusMenu.js.map

package/dist/features/composites/components/CompositeStatusMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompositeStatusMenu.js","names":["_openBlock","_createBlock","_unref","_withCtx","_renderSlot"],"sources":["../../../../src/features/composites/components/CompositeStatusMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport { computed } from 'vue'\nimport type { DropdownItem } from '../../../vue/kit/types'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { rowStatus, statusStyle } from '../meta-display'\nimport { type CompositeRow, setCompositeMetaField } from '../rows'\n\n/**\n * Quick status change: the default slot (a button) opens a menu of the status field's options. Kinds without a\n * status field render the slot bare.\n */\nconst props = defineProps<{ editor: Editor, row: CompositeRow }>()\n\nconst { DropdownMenu: UDropdownMenu } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst status = computed(() => rowStatus(props.row, t))\n\nconst items = computed<DropdownItem[]>(() => (status.value?.field.options ?? []).map(option => ({\n  label: option.label,\n  icon: statusStyle(option.value).icon,\n  type: 'checkbox',\n  checked: option.value === status.value?.value,\n  // Checking the current value again would \"uncheck\" it: only a newly chosen value is written.\n  onUpdateChecked(checked: boolean) {\n    if (checked) setCompositeMetaField(props.editor, props.row, 'status', option.value)\n  },\n})))\n</script>\n\n<template>\n  <UDropdownMenu v-if=\"status\" :items=\"items\" :content=\"{ side: 'bottom', align: 'start', sideOffset: 4 }\" :ui=\"{ content: 'w-40' }\">\n    <slot />\n  </UDropdownMenu>\n  <slot v-else />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAaA,MAAM,QAAQ;EAEd,MAAM,EAAE,cAAc,kBAAkB,SAAS;EACjD,MAAM,EAAE,MAAM,cAAc;EAE5B,MAAM,SAAS,eAAe,UAAU,MAAM,KAAK,CAAC,CAAC;EAErD,MAAM,QAAQ,gBAAgC,OAAO,OAAO,MAAM,WAAW,CAAC,EAAA,CAAG,KAAI,YAAW;GAC9F,OAAO,OAAO;GACd,MAAM,YAAY,OAAO,KAAK,CAAC,CAAC;GAChC,MAAM;GACN,SAAS,OAAO,UAAU,OAAO,OAAO;GAExC,gBAAgB,SAAkB;IAChC,IAAI,SAAS,sBAAsB,MAAM,QAAQ,MAAM,KAAK,UAAU,OAAO,KAAK;GACpF;EACF,EAAE,CAAC;;GAIoB,OAAA,OAAA,SAArBA,UAAA,GAAAC,YAEgBC,MAAA,aAAA,GAAA;;IAFc,OAAO,MAAA;IAAQ,SAAS;KAAA,MAAA;KAAA,OAAA;KAAA,YAAA;IAAA;IAAoD,IAAI,EAAA,SAAA,OAAA;;IAC5G,SAAAC,cAAQ,CAARC,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA;;GAEV,GAAA,GAAA,CAAA,OAAA,CAAA,KAAAA,WAAe,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA"}

package/dist/features/composites/components/CompositeStatusMenu.vue.d.ts

@@ -0,0 +1,28 @@
+import { CompositeRow } from "../rows.js";
+import { Editor } from "@tiptap/core";
+//#region src/features/composites/components/CompositeStatusMenu.vue.d.ts
+/**
+ * Quick status change: the default slot (a button) opens a menu of the status field's options. Kinds without a
+ * status field render the slot bare.
+ */
+type __VLS_Props = {
+  editor: Editor;
+  row: CompositeRow;
+};
+declare var __VLS_8: {}, __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };
+//# sourceMappingURL=CompositeStatusMenu.vue.d.ts.map