@ecsplico/editor 2.0.0 → 2.1.1

package/dist/features/composites/outline.js

@@ -1,4 +1,7 @@
 import { blockIdOf, findBlockById } from "../../core/schema/block-ids.js";
+import { kindAccepts } from "./kinds.js";
+import { compositeKindsOf } from "./nodes.js";
+import { nestingReason, outermostComposites } from "./accepted-children.js";
 //#region src/features/composites/outline.ts
 /**
 * The composites of `doc` as a tree (title, kind, summary flag). A composite without a title gets `untitled` (the
@@ -34,23 +37,52 @@ function compositeOutline(doc, hiddenKinds, untitled) {
 	collect(doc, 0, roots);
 	return roots;
 }
+const refused = (reason) => ({
+	ok: false,
+	reason
+});
 /**
-* Whether block `id` can move into the composite `targetId` (`null` = the end of the document): both exist, the target
-* is a composite and neither the block itself nor inside it.
+* Whether block `id` may move into the Baustein `targetId` (`null` = the end of the document), with the reason when
+* not: a block is missing, the target is no Baustein, the target is the block itself or inside it, or the target's kind
+* does not accept the block's kind (`CompositeKind.accepts`). A block that is no Baustein may move into any Baustein,
+* unless it holds Bausteine of a refused kind; Bausteine nested inside a moved Baustein stay with it and are not
+* checked. Moving a block to the end of the Baustein it already sits in adds no nesting and is never refused for it.
 */
-function canMoveBlockInto(editor, id, targetId) {
+function moveIntoVerdict(editor, id, targetId, t) {
 	const { doc } = editor.state;
 	const block = findBlockById(doc, id);
-	if (!block) return false;
-	if (targetId === null) return true;
+	if (!block) return refused(t("composites.move.blockGone"));
+	if (targetId === null) return { ok: true };
 	const target = findBlockById(doc, targetId);
-	if (!target || target.node.type.name !== "composite") return false;
-	return target.pos < block.pos || target.pos >= block.pos + block.node.nodeSize;
+	if (!target) return refused(t("composites.move.targetGone"));
+	if (target.node.type.name !== "composite") return refused(t("composites.move.targetNotBlock"));
+	if (target.pos === block.pos) return refused(t("composites.move.intoSelf"));
+	if (target.pos > block.pos && target.pos < block.pos + block.node.nodeSize) return refused(t("composites.move.intoOwn"));
+	const $block = doc.resolve(block.pos);
+	let parentPos = -1;
+	for (let depth = $block.depth; depth > 0; depth--) if ($block.node(depth).type.name === "composite") {
+		parentPos = $block.before(depth);
+		break;
+	}
+	if (parentPos === target.pos) return { ok: true };
+	const kinds = compositeKindsOf(editor);
+	const targetKind = String(target.node.attrs.kind);
+	for (const child of outermostComposites(block.node)) {
+		const childKind = String(child.attrs.kind);
+		if (!kindAccepts(kinds, targetKind, childKind)) return refused(nestingReason(kinds, targetKind, childKind, t));
+	}
+	return { ok: true };
+}
+/** `canMoveBlockInto` reads only `ok`, so its verdict needs no text: the message keys stand in for the sentences. */
+const untranslated = (key) => key;
+/** Whether block `id` can move into the Baustein `targetId` (`null` = the end of the document); see `moveIntoVerdict`. */
+function canMoveBlockInto(editor, id, targetId) {
+	return moveIntoVerdict(editor, id, targetId, untranslated).ok;
 }
 /**
-* Moves block `id` to the end of the body of the composite `targetId` (`null` = the end of the document) in a single
-* transaction, i.e. one undo step. `false` when nothing moved: a block is missing, the target is not a composite, or it
-* is the block itself or lies inside it.
+* Moves block `id` to the end of the body of the Baustein `targetId` (`null` = the end of the document) in a single
+* transaction, i.e. one undo step. `false` when nothing moved: `moveIntoVerdict` refuses the move (or the editor
+* refused the transaction).
 */
 function moveBlockInto(editor, id, targetId) {
 	if (!canMoveBlockInto(editor, id, targetId)) return false;
@@ -61,9 +93,9 @@ function moveBlockInto(editor, id, targetId) {
 	tr.delete(block.pos, block.pos + block.node.nodeSize);
 	tr.insert(tr.mapping.map(insertPos), block.node);
 	editor.view.dispatch(tr.scrollIntoView());
-	return true;
+	return editor.state.doc !== doc;
 }
 //#endregion
-export { canMoveBlockInto, compositeOutline, moveBlockInto };
+export { canMoveBlockInto, compositeOutline, moveBlockInto, moveIntoVerdict };
 
 //# sourceMappingURL=outline.js.map

package/dist/features/composites/outline.js.map

@@ -1 +1 @@
-{"version":3,"file":"outline.js","names":[],"sources":["../../../src/features/composites/outline.ts"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport type { Node as PMNode } from '@tiptap/pm/model'\nimport { blockIdOf, findBlockById } from '../../core/schema'\n\n/** One Baustein of a document's outline. */\nexport interface OutlineNode {\n  /** Block ID, or `pos:<pos>` for a block without one yet; unique within the document. */\n  key: string\n  id: string | null\n  /** Position of the composite in the document it was read from. */\n  pos: number\n  kind: string\n  title: string\n  /** The composite has a description (the summary). */\n  hasSummary: boolean\n  children: OutlineNode[]\n}\n\n/**\n * The composites of `doc` as a tree (title, kind, summary flag). A composite without a title gets `untitled` (the\n * caller's translated „(ohne Titel)“). Composites of a kind in `hiddenKinds` are omitted and their visible descendants\n * take their place in the parent's list.\n */\nexport function compositeOutline(doc: PMNode, hiddenKinds: ReadonlySet<string>, untitled: string): OutlineNode[] {\n  function collect(parent: PMNode, start: number, into: OutlineNode[]) {\n    parent.forEach((node, offset) => {\n      const pos = start + offset\n      if (node.type.name === 'composite') {\n        const kind = String(node.attrs.kind)\n        const children: OutlineNode[] = []\n        collect(node, pos + 1, children)\n        if (hiddenKinds.has(kind)) {\n          into.push(...children)\n          return\n        }\n        const id = blockIdOf(node)\n        into.push({\n          key: id ?? `pos:${pos}`,\n          id,\n          pos,\n          kind,\n          title: node.firstChild?.textContent.trim() || untitled,\n          hasSummary: (node.maybeChild(1)?.content.size ?? 0) > 0,\n          children,\n        })\n      }\n      else if (!node.isTextblock && !node.isLeaf) {\n        // Composites can sit in quotes or lists as well.\n        collect(node, pos + 1, into)\n      }\n    })\n  }\n  const roots: OutlineNode[] = []\n  collect(doc, 0, roots)\n  return roots\n}\n\n/**\n * Whether block `id` can move into the composite `targetId` (`null` = the end of the document): both exist, the target\n * is a composite and neither the block itself nor inside it.\n */\nexport function canMoveBlockInto(editor: Editor, id: string, targetId: string | null): boolean {\n  const { doc } = editor.state\n  const block = findBlockById(doc, id)\n  if (!block) return false\n  if (targetId === null) return true\n  const target = findBlockById(doc, targetId)\n  if (!target || target.node.type.name !== 'composite') return false\n  return target.pos < block.pos || target.pos >= block.pos + block.node.nodeSize\n}\n\n/**\n * Moves block `id` to the end of the body of the composite `targetId` (`null` = the end of the document) in a single\n * transaction, i.e. one undo step. `false` when nothing moved: a block is missing, the target is not a composite, or it\n * is the block itself or lies inside it.\n */\nexport function moveBlockInto(editor: Editor, id: string, targetId: string | null): boolean {\n  if (!canMoveBlockInto(editor, id, targetId)) return false\n  const { doc, tr } = editor.state\n  const block = findBlockById(doc, id)!\n  const target = targetId === null ? null : findBlockById(doc, targetId)!\n  // A composite's body is its last children, so its end is just before the composite's closing token.\n  const insertPos = target ? target.pos + target.node.nodeSize - 1 : doc.content.size\n  tr.delete(block.pos, block.pos + block.node.nodeSize)\n  tr.insert(tr.mapping.map(insertPos), block.node)\n  editor.view.dispatch(tr.scrollIntoView())\n  return true\n}\n"],"mappings":";;;;;;;AAuBA,SAAgB,iBAAiB,KAAa,aAAkC,UAAiC;CAC/G,SAAS,QAAQ,QAAgB,OAAe,MAAqB;EACnE,OAAO,SAAS,MAAM,WAAW;GAC/B,MAAM,MAAM,QAAQ;GACpB,IAAI,KAAK,KAAK,SAAS,aAAa;IAClC,MAAM,OAAO,OAAO,KAAK,MAAM,IAAI;IACnC,MAAM,WAA0B,CAAC;IACjC,QAAQ,MAAM,MAAM,GAAG,QAAQ;IAC/B,IAAI,YAAY,IAAI,IAAI,GAAG;KACzB,KAAK,KAAK,GAAG,QAAQ;KACrB;IACF;IACA,MAAM,KAAK,UAAU,IAAI;IACzB,KAAK,KAAK;KACR,KAAK,MAAM,OAAO;KAClB;KACA;KACA;KACA,OAAO,KAAK,YAAY,YAAY,KAAK,KAAK;KAC9C,aAAa,KAAK,WAAW,CAAC,CAAC,EAAE,QAAQ,QAAQ,KAAK;KACtD;IACF,CAAC;GACH,OACK,IAAI,CAAC,KAAK,eAAe,CAAC,KAAK,QAElC,QAAQ,MAAM,MAAM,GAAG,IAAI;EAE/B,CAAC;CACH;CACA,MAAM,QAAuB,CAAC;CAC9B,QAAQ,KAAK,GAAG,KAAK;CACrB,OAAO;AACT;;;;;AAMA,SAAgB,iBAAiB,QAAgB,IAAY,UAAkC;CAC7F,MAAM,EAAE,QAAQ,OAAO;CACvB,MAAM,QAAQ,cAAc,KAAK,EAAE;CACnC,IAAI,CAAC,OAAO,OAAO;CACnB,IAAI,aAAa,MAAM,OAAO;CAC9B,MAAM,SAAS,cAAc,KAAK,QAAQ;CAC1C,IAAI,CAAC,UAAU,OAAO,KAAK,KAAK,SAAS,aAAa,OAAO;CAC7D,OAAO,OAAO,MAAM,MAAM,OAAO,OAAO,OAAO,MAAM,MAAM,MAAM,KAAK;AACxE;;;;;;AAOA,SAAgB,cAAc,QAAgB,IAAY,UAAkC;CAC1F,IAAI,CAAC,iBAAiB,QAAQ,IAAI,QAAQ,GAAG,OAAO;CACpD,MAAM,EAAE,KAAK,OAAO,OAAO;CAC3B,MAAM,QAAQ,cAAc,KAAK,EAAE;CACnC,MAAM,SAAS,aAAa,OAAO,OAAO,cAAc,KAAK,QAAQ;CAErE,MAAM,YAAY,SAAS,OAAO,MAAM,OAAO,KAAK,WAAW,IAAI,IAAI,QAAQ;CAC/E,GAAG,OAAO,MAAM,KAAK,MAAM,MAAM,MAAM,KAAK,QAAQ;CACpD,GAAG,OAAO,GAAG,QAAQ,IAAI,SAAS,GAAG,MAAM,IAAI;CAC/C,OAAO,KAAK,SAAS,GAAG,eAAe,CAAC;CACxC,OAAO;AACT"}
+{"version":3,"file":"outline.js","names":[],"sources":["../../../src/features/composites/outline.ts"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport type { Node as PMNode } from '@tiptap/pm/model'\nimport { blockIdOf, findBlockById } from '../../core/schema'\nimport type { Translate } from '../../i18n'\nimport { nestingReason, outermostComposites } from './accepted-children'\nimport { kindAccepts } from './kinds'\nimport { compositeKindsOf } from './nodes'\n\n/** One Baustein of a document's outline. */\nexport interface OutlineNode {\n  /** Block ID, or `pos:<pos>` for a block without one yet; unique within the document. */\n  key: string\n  id: string | null\n  /** Position of the composite in the document it was read from. */\n  pos: number\n  kind: string\n  title: string\n  /** The composite has a description (the summary). */\n  hasSummary: boolean\n  children: OutlineNode[]\n}\n\n/**\n * The composites of `doc` as a tree (title, kind, summary flag). A composite without a title gets `untitled` (the\n * caller's translated „(ohne Titel)“). Composites of a kind in `hiddenKinds` are omitted and their visible descendants\n * take their place in the parent's list.\n */\nexport function compositeOutline(doc: PMNode, hiddenKinds: ReadonlySet<string>, untitled: string): OutlineNode[] {\n  function collect(parent: PMNode, start: number, into: OutlineNode[]) {\n    parent.forEach((node, offset) => {\n      const pos = start + offset\n      if (node.type.name === 'composite') {\n        const kind = String(node.attrs.kind)\n        const children: OutlineNode[] = []\n        collect(node, pos + 1, children)\n        if (hiddenKinds.has(kind)) {\n          into.push(...children)\n          return\n        }\n        const id = blockIdOf(node)\n        into.push({\n          key: id ?? `pos:${pos}`,\n          id,\n          pos,\n          kind,\n          title: node.firstChild?.textContent.trim() || untitled,\n          hasSummary: (node.maybeChild(1)?.content.size ?? 0) > 0,\n          children,\n        })\n      }\n      else if (!node.isTextblock && !node.isLeaf) {\n        // Composites can sit in quotes or lists as well.\n        collect(node, pos + 1, into)\n      }\n    })\n  }\n  const roots: OutlineNode[] = []\n  collect(doc, 0, roots)\n  return roots\n}\n\n/** Whether a block may move into a Baustein; `reason` is a short sentence for the UI (in the language of the `t` it was judged with) when it may not. */\nexport type MoveVerdict = { ok: true } | { ok: false, reason: string }\n\nconst refused = (reason: string): MoveVerdict => ({ ok: false, reason })\n\n/**\n * Whether block `id` may move into the Baustein `targetId` (`null` = the end of the document), with the reason when\n * not: a block is missing, the target is no Baustein, the target is the block itself or inside it, or the target's kind\n * does not accept the block's kind (`CompositeKind.accepts`). A block that is no Baustein may move into any Baustein,\n * unless it holds Bausteine of a refused kind; Bausteine nested inside a moved Baustein stay with it and are not\n * checked. Moving a block to the end of the Baustein it already sits in adds no nesting and is never refused for it.\n */\nexport function moveIntoVerdict(editor: Editor, id: string, targetId: string | null, t: Translate): MoveVerdict {\n  const { doc } = editor.state\n  const block = findBlockById(doc, id)\n  if (!block) return refused(t('composites.move.blockGone'))\n  if (targetId === null) return { ok: true }\n  const target = findBlockById(doc, targetId)\n  if (!target) return refused(t('composites.move.targetGone'))\n  if (target.node.type.name !== 'composite') return refused(t('composites.move.targetNotBlock'))\n  if (target.pos === block.pos) return refused(t('composites.move.intoSelf'))\n  if (target.pos > block.pos && target.pos < block.pos + block.node.nodeSize) return refused(t('composites.move.intoOwn'))\n\n  // The nearest Baustein around the block: when it is the target, the block only moves within it.\n  const $block = doc.resolve(block.pos)\n  let parentPos = -1\n  for (let depth = $block.depth; depth > 0; depth--) {\n    if ($block.node(depth).type.name === 'composite') {\n      parentPos = $block.before(depth)\n      break\n    }\n  }\n  if (parentPos === target.pos) return { ok: true }\n\n  const kinds = compositeKindsOf(editor)\n  const targetKind = String(target.node.attrs.kind)\n  for (const child of outermostComposites(block.node)) {\n    const childKind = String(child.attrs.kind)\n    if (!kindAccepts(kinds, targetKind, childKind)) return refused(nestingReason(kinds, targetKind, childKind, t))\n  }\n  return { ok: true }\n}\n\n/** `canMoveBlockInto` reads only `ok`, so its verdict needs no text: the message keys stand in for the sentences. */\nconst untranslated: Translate = key => key\n\n/** Whether block `id` can move into the Baustein `targetId` (`null` = the end of the document); see `moveIntoVerdict`. */\nexport function canMoveBlockInto(editor: Editor, id: string, targetId: string | null): boolean {\n  return moveIntoVerdict(editor, id, targetId, untranslated).ok\n}\n\n/**\n * Moves block `id` to the end of the body of the Baustein `targetId` (`null` = the end of the document) in a single\n * transaction, i.e. one undo step. `false` when nothing moved: `moveIntoVerdict` refuses the move (or the editor\n * refused the transaction).\n */\nexport function moveBlockInto(editor: Editor, id: string, targetId: string | null): boolean {\n  if (!canMoveBlockInto(editor, id, targetId)) return false\n  const { doc, tr } = editor.state\n  const block = findBlockById(doc, id)!\n  const target = targetId === null ? null : findBlockById(doc, targetId)!\n  // A composite's body is its last children, so its end is just before the composite's closing token.\n  const insertPos = target ? target.pos + target.node.nodeSize - 1 : doc.content.size\n  tr.delete(block.pos, block.pos + block.node.nodeSize)\n  tr.insert(tr.mapping.map(insertPos), block.node)\n  editor.view.dispatch(tr.scrollIntoView())\n  return editor.state.doc !== doc\n}\n"],"mappings":"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"}

package/dist/features/composites/react/CompositeDetails.js

@@ -1,7 +1,7 @@
+import { compositeKindsOf } from "../nodes.js";
 import { useEditorI18n } from "../../../react/use-editor-i18n.js";
 import { Icon } from "../../../react/Icon.js";
 import { Button } from "../../../react/ui/button.js";
-import { compositeKindsOf } from "../nodes.js";
 import { compositeOfRow } from "../rows.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../react/ui/select.js";
 import { CompositeFieldEditor } from "./CompositeFieldEditor.js";

package/dist/features/composites/react/CompositeInspector.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import { Editor } from "@tiptap/core";
+import { ReactNode } from "react";
 //#region src/features/composites/react/CompositeInspector.d.ts
 /**
  * Side panel with the metadata of the document *or* of the Baustein under the caret — one at a time — connected to

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

@@ -1,20 +1,17 @@
-import { metadataOf } from "../../../core/metadata.js";
-import { METADATA_LIST } from "../../../core/metadata-types.js";
 import { useEditorI18n } from "../../../react/use-editor-i18n.js";
 import { cn } from "../../../react/ui/utils.js";
 import { Icon } from "../../../react/Icon.js";
-import { compositeKindsOf } from "../nodes.js";
-import { compositeDescriptionText, compositeOfRow, setCompositeDescription, setCompositeMetaField, setCompositeTags } from "../rows.js";
+import { normalizeTagName } from "../../../core/tag-name.js";
+import { compositeFieldText } from "../inspector-model.js";
 import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../../../react/ui/popover.js";
 import { Input } from "../../../react/ui/input.js";
 import { Textarea } from "../../../react/ui/textarea.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../react/ui/select.js";
 import { Label } from "../../../react/ui/label.js";
 import { Badge } from "../../../react/ui/badge.js";
-import { normalizeTagName } from "../../../core/tag-name.js";
 import { Command, CommandInput, CommandItem, CommandList } from "../../../react/ui/command.js";
-import { useCompositeRows } from "./use-composite-rows.js";
-import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
+import { useCompositeInspector } from "./use-composite-inspector.js";
+import { useEffect, useId, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/features/composites/react/CompositeInspector.tsx
 const HEX_COLOR = /^#[0-9a-f]{3,8}$/i;
@@ -77,166 +74,10 @@ function MetaFieldInput({ field, value, readOnly, onChange }) {
 */
 function CompositeInspector({ editor, documentFocused, document, className }) {
 	const { t } = useEditorI18n();
-	const { rows, tags, kinds, mentions, focused } = useCompositeRows(editor);
-	const editorRef = useRef(editor);
-	editorRef.current = editor;
-	const focusedRef = useRef(focused);
-	focusedRef.current = focused;
-	const [caretIn, setCaretIn] = useState("document");
-	useEffect(() => {
-		if (documentFocused) setCaretIn("document");
-	}, [documentFocused]);
-	const section = caretIn === "editor" && focused ? "composite" : "document";
-	const [editable, setEditable] = useState(() => editor?.isEditable ?? false);
-	useEffect(() => {
-		setEditable(editor?.isEditable ?? false);
-		if (!editor) return;
-		const sync = () => setEditable(editor.isEditable);
-		const toEditor = () => setCaretIn("editor");
-		editor.on("transaction", sync);
-		editor.on("focus", toEditor);
-		return () => {
-			editor.off("transaction", sync);
-			editor.off("focus", toEditor);
-		};
-	}, [editor]);
-	const summarized = useMemo(() => rows.filter((row) => row.description.trim()).length, [rows]);
-	const kindItems = useMemo(() => editor ? compositeKindsOf(editor).map((kind) => ({
-		value: kind.id,
-		label: kind.label,
-		icon: kind.icon
-	})) : [], [editor]);
-	function onKind(kind) {
-		const row = focused;
-		const found = editor && row ? compositeOfRow(editor.state.doc, row) : null;
-		if (!editor || !found || kind === row?.kind) return;
-		editor.commands.setCompositeKind(kind, found.pos);
-	}
-	const [draft, setDraft] = useState("");
-	const draftRef = useRef("");
-	const base = useRef("");
-	const dirty = useRef(false);
-	const pendingRow = useRef(null);
-	const timer = useRef(void 0);
-	const showDraft = useCallback((text) => {
-		draftRef.current = text;
-		setDraft(text);
-	}, []);
-	const loadDescription = useCallback(() => {
-		dirty.current = false;
-		pendingRow.current = null;
-		base.current = focusedRef.current?.description ?? "";
-		showDraft(base.current);
-	}, [showDraft]);
-	/** Writes the pending draft; `false` when there was nothing to write or a peer changed the description first. */
-	const commitDescription = useCallback(() => {
-		clearTimeout(timer.current);
-		if (!dirty.current || !pendingRow.current) return false;
-		dirty.current = false;
-		const row = pendingRow.current;
-		pendingRow.current = null;
-		const instance = editorRef.current;
-		if (!instance || instance.isDestroyed || !instance.isEditable) return false;
-		if (!setCompositeDescription(instance, row, draftRef.current, base.current)) return false;
-		base.current = compositeDescriptionText(draftRef.current);
-		return true;
-	}, []);
-	function onDescriptionInput(value) {
-		showDraft(value);
-		dirty.current = true;
-		pendingRow.current ??= focusedRef.current;
-		clearTimeout(timer.current);
-		timer.current = setTimeout(commitDescription, 600);
-	}
-	function onDescriptionBlur() {
-		if (commitDescription()) showDraft(base.current);
-		else loadDescription();
-	}
-	const focusedKey = focused?.key;
-	useEffect(() => {
-		loadDescription();
-		return () => {
-			commitDescription();
-		};
-	}, [
-		focusedKey,
-		loadDescription,
-		commitDescription
-	]);
-	const description = focused?.description;
-	useEffect(() => {
-		if (dirty.current) {
-			if (description !== base.current && !commitDescription()) loadDescription();
-			return;
-		}
-		if (description !== base.current) loadDescription();
-	}, [
-		description,
-		loadDescription,
-		commitDescription
-	]);
-	const previousSection = useRef(section);
-	useEffect(() => {
-		if (previousSection.current === "composite" && section !== "composite") commitDescription();
-		previousSection.current = section;
-	}, [section, commitDescription]);
-	const uid = useId();
-	const [term, setTerm] = useState("");
-	const termRef = useRef("");
-	const [tagItems, setTagItems] = useState([]);
+	const { state, inspector } = useCompositeInspector(editor, documentFocused);
+	const { section, editable, draft, searchTerm: term, tagItems, kindOptions, summarized, hasSummary, rows, tags, kinds, mentions, focused } = state;
 	const [tagsOpen, setTagsOpen] = useState(false);
-	const searchTimer = useRef(void 0);
-	const pendingSearch = useRef(void 0);
-	const scheduleSearch = useCallback(() => {
-		clearTimeout(searchTimer.current);
-		searchTimer.current = setTimeout(async () => {
-			const instance = editorRef.current;
-			if (!instance) return;
-			pendingSearch.current?.abort();
-			const controller = pendingSearch.current = new AbortController();
-			try {
-				const found = await metadataOf(instance).search(METADATA_LIST.hashtags, {
-					query: termRef.current,
-					editor: instance,
-					signal: controller.signal
-				});
-				if (!controller.signal.aborted) setTagItems(found.map((item) => item.label));
-			} catch (error) {
-				if (!controller.signal.aborted) console.warn("Tag-Vorschläge konnten nicht geladen werden", error);
-			}
-		}, 150);
-	}, []);
-	function changeTerm(value) {
-		termRef.current = value;
-		setTerm(value);
-		scheduleSearch();
-	}
-	useEffect(() => () => {
-		clearTimeout(searchTimer.current);
-		pendingSearch.current?.abort();
-	}, []);
-	function onTags(next) {
-		if (editor && focused) setCompositeTags(editor, focused, next);
-	}
-	function onCreateTag(raw) {
-		const row = focused;
-		const name = normalizeTagName(raw);
-		changeTerm("");
-		if (!editor || !row || !name || row.tags.includes(name)) return;
-		setCompositeTags(editor, row, [...row.tags, name]);
-		if (!tagItems.includes(name)) metadataOf(editor).create(METADATA_LIST.hashtags, {
-			id: name,
-			label: name
-		});
-	}
-	function fieldText(field) {
-		const value = focused?.meta[field.key];
-		return typeof value === "string" || typeof value === "number" ? String(value) : "";
-	}
-	function onField(field, value) {
-		if (editor?.isEditable && focused) setCompositeMetaField(editor, focused, field.key, value);
-	}
-	const hasSummary = !!focused?.description.trim();
+	const uid = useId();
 	return /* @__PURE__ */ jsx("aside", {
 		className: cn("flex h-full min-h-0 flex-col overflow-y-auto text-sm", className),
 		"aria-label": t("composites.inspector.label"),
@@ -341,14 +182,14 @@ function CompositeInspector({ editor, documentFocused, document, className }) {
 						label: t("composites.inspector.kind"),
 						children: /* @__PURE__ */ jsxs(Select, {
 							value: focused.kind,
-							onValueChange: onKind,
+							onValueChange: inspector.setKind,
 							disabled: !editable,
 							children: [/* @__PURE__ */ jsx(SelectTrigger, {
 								size: "sm",
 								className: "w-full",
 								"aria-label": t("composites.kind.select"),
 								children: /* @__PURE__ */ jsx(SelectValue, {})
-							}), /* @__PURE__ */ jsx(SelectContent, { children: kindItems.map((item) => /* @__PURE__ */ jsxs(SelectItem, {
+							}), /* @__PURE__ */ jsx(SelectContent, { children: kindOptions.map((item) => /* @__PURE__ */ jsxs(SelectItem, {
 								value: item.value,
 								children: [/* @__PURE__ */ jsx(Icon, { name: item.icon }), item.label]
 							}, item.value)) })]
@@ -373,8 +214,8 @@ function CompositeInspector({ editor, documentFocused, document, className }) {
 							placeholder: t("composites.inspector.description"),
 							"aria-label": t("composites.inspector.description"),
 							readOnly: !editable || !focused.descriptionTextOnly,
-							onChange: (event) => onDescriptionInput(event.target.value),
-							onBlur: onDescriptionBlur
+							onChange: (event) => inspector.inputDescription(event.target.value),
+							onBlur: inspector.blurDescription
 						})
 					}),
 					/* @__PURE__ */ jsx(FormField, {
@@ -383,7 +224,7 @@ function CompositeInspector({ editor, documentFocused, document, className }) {
 							open: tagsOpen,
 							onOpenChange: (isOpen) => {
 								setTagsOpen(isOpen);
-								if (isOpen) scheduleSearch();
+								if (isOpen) inspector.searchTags();
 							},
 							children: [/* @__PURE__ */ jsx(PopoverAnchor, {
 								asChild: true,
@@ -405,7 +246,7 @@ function CompositeInspector({ editor, documentFocused, document, className }) {
 												className: "inline-flex cursor-pointer items-center rounded-full outline-none hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring/50 disabled:cursor-not-allowed",
 												"aria-label": t("composites.tag.remove", { tag }),
 												disabled: !editable,
-												onClick: () => onTags(focused.tags.filter((item) => item !== tag)),
+												onClick: () => inspector.setTags(focused.tags.filter((item) => item !== tag)),
 												children: /* @__PURE__ */ jsx(Icon, {
 													name: "i-lucide-x",
 													className: "size-3"
@@ -433,23 +274,23 @@ function CompositeInspector({ editor, documentFocused, document, className }) {
 									shouldFilter: false,
 									children: [/* @__PURE__ */ jsx(CommandInput, {
 										value: term,
-										onValueChange: changeTerm,
+										onValueChange: inspector.setSearchTerm,
 										placeholder: t("composites.tags.label"),
 										"aria-label": t("composites.tags.label"),
 										onKeyDown: (event) => {
-											if (event.key === "Backspace" && !term && focused.tags.length) onTags(focused.tags.slice(0, -1));
+											if (event.key === "Backspace" && !term && focused.tags.length) inspector.setTags(focused.tags.slice(0, -1));
 										}
 									}), /* @__PURE__ */ jsxs(CommandList, { children: [tagItems.map((tag) => {
 										const selected = focused.tags.includes(tag);
 										return /* @__PURE__ */ jsx(CommandItem, {
 											value: tag,
 											"data-checked": selected,
-											onSelect: () => onTags(selected ? focused.tags.filter((item) => item !== tag) : [...focused.tags, tag]),
+											onSelect: () => inspector.setTags(selected ? focused.tags.filter((item) => item !== tag) : [...focused.tags, tag]),
 											children: tag
 										}, tag);
 									}), term.trim() && /* @__PURE__ */ jsxs(CommandItem, {
 										value: `__create__:${term}`,
-										onSelect: () => onCreateTag(term),
+										onSelect: () => inspector.createTag(term),
 										children: [/* @__PURE__ */ jsx(Icon, { name: "i-lucide-plus" }), t("composites.tags.create", { tag: normalizeTagName(term) || term })]
 									})] })]
 								})
@@ -459,8 +300,8 @@ function CompositeInspector({ editor, documentFocused, document, className }) {
 					focused.fields.map((field) => /* @__PURE__ */ jsx(FormField, {
 						label: field.label,
 						children: field.type === "select" ? /* @__PURE__ */ jsxs(Select, {
-							value: fieldText(field),
-							onValueChange: (value) => onField(field, value),
+							value: compositeFieldText(focused, field),
+							onValueChange: (value) => inspector.setField(field, value),
 							disabled: !editable,
 							children: [/* @__PURE__ */ jsx(SelectTrigger, {
 								size: "sm",
@@ -473,9 +314,9 @@ function CompositeInspector({ editor, documentFocused, document, className }) {
 							}, option.value)) })]
 						}) : /* @__PURE__ */ jsx(MetaFieldInput, {
 							field,
-							value: fieldText(field),
+							value: compositeFieldText(focused, field),
 							readOnly: !editable,
-							onChange: (value) => onField(field, value)
+							onChange: (value) => inspector.setField(field, value)
 						})
 					}, field.key)),
 					/* @__PURE__ */ jsxs("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"CompositeInspector.js","names":[],"sources":["../../../../src/features/composites/react/CompositeInspector.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { type CSSProperties, type ReactNode, useCallback, useEffect, useId, useMemo, useRef, useState } from 'react'\nimport { METADATA_LIST } from '../../../core/metadata-types'\nimport { metadataOf } from '../../../core/metadata'\nimport { normalizeTagName } from '../../../core/tag-name'\nimport { Icon } from '../../../react/Icon'\nimport { Badge } from '../../../react/ui/badge'\nimport { Command, CommandInput, CommandItem, CommandList } from '../../../react/ui/command'\nimport { Input } from '../../../react/ui/input'\nimport { Label } from '../../../react/ui/label'\nimport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from '../../../react/ui/popover'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../../../react/ui/select'\nimport { Textarea } from '../../../react/ui/textarea'\nimport { cn } from '../../../react/ui/utils'\nimport { useEditorI18n } from '../../../react/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\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)' }) as CSSProperties\n\n/** A label (+ help) above its control; the counterpart of Nuxt UI's `UFormField` (size `sm`). */\nfunction FormField({ label, help, children }: { label: string, help?: string, children: ReactNode }) {\n  return (\n    <div className=\"flex flex-col gap-1.5\">\n      <Label className=\"text-xs font-medium text-foreground\">{label}</Label>\n      {children}\n      {help && <p className=\"text-xs text-muted-foreground\">{help}</p>}\n    </div>\n  )\n}\n\n/**\n * A meta field input that writes through on every change like the Vue `UInput`/`UTextarea` bound to the row. The\n * document is re-read asynchronously (once per frame), so a purely controlled input would snap back while typing:\n * it keeps the typed value locally and follows the document whenever the document's value changes.\n */\nfunction MetaFieldInput({ field, value, readOnly, onChange }: {\n  field: CompositeMetaField\n  value: string\n  readOnly: boolean\n  onChange: (value: string) => void\n}) {\n  const [local, setLocal] = useState(value)\n  useEffect(() => setLocal(value), [value])\n  const set = (next: string) => {\n    setLocal(next)\n    onChange(next)\n  }\n  return field.type === 'textarea'\n    ? (\n        <Textarea\n          value={local}\n          aria-label={field.label}\n          rows={2}\n          className=\"max-h-40 min-h-12 w-full resize-none overflow-y-auto text-sm md:text-sm\"\n          readOnly={readOnly}\n          onChange={event => set(event.target.value)}\n        />\n      )\n    : (\n        <Input\n          value={local}\n          type={field.type}\n          aria-label={field.label}\n          className=\"h-7 w-full text-sm md:text-sm\"\n          readOnly={readOnly}\n          onChange={event => set(event.target.value)}\n        />\n      )\n}\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` prop 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 */\nexport function CompositeInspector({ editor, documentFocused, document, className }: {\n  editor?: Editor\n  documentFocused?: boolean\n  /** Document facts known to the host only, rendered above the facts derived from the editor. */\n  document?: ReactNode\n  className?: string\n}) {\n  const { t } = useEditorI18n()\n  const { rows, tags, kinds, mentions, focused } = useCompositeRows(editor)\n\n  // The commit paths below run from timers and effect cleanups: they read the latest editor and row through refs.\n  const editorRef = useRef(editor)\n  editorRef.current = editor\n  const focusedRef = useRef(focused)\n  focusedRef.current = focused\n\n  // Where the caret was last: the host's document input or the editor. The panel keeps its section while it is clicked.\n  const [caretIn, setCaretIn] = useState<'document' | 'editor'>('document')\n  // Only the rising edge switches; a blur of the host's input changes nothing.\n  useEffect(() => {\n    if (documentFocused) setCaretIn('document')\n  }, [documentFocused])\n  // A deleted Baustein (`focused` null) falls back to the document section.\n  const section: 'document' | 'composite' = caretIn === 'editor' && focused ? 'composite' : 'document'\n\n  // `isEditable` is not reactive: follow it on every transaction (`EditorSurface` dispatches one after `setEditable`).\n  const [editable, setEditable] = useState(() => editor?.isEditable ?? false)\n  useEffect(() => {\n    setEditable(editor?.isEditable ?? false)\n    if (!editor) return\n    const sync = () => setEditable(editor.isEditable)\n    const toEditor = () => setCaretIn('editor')\n    editor.on('transaction', sync)\n    // Only `focus`, not `selectionUpdate`: a collaboration sync can move the selection while the host's input has the focus.\n    editor.on('focus', toEditor)\n    return () => {\n      editor.off('transaction', sync)\n      editor.off('focus', toEditor)\n    }\n  }, [editor])\n\n  // --- Dokument ---\n  const summarized = useMemo(() => rows.filter(row => row.description.trim()).length, [rows])\n\n  // --- Baustein: kind ---\n  const kindItems = useMemo(() => editor\n    ? compositeKindsOf(editor).map(kind => ({ value: kind.id, label: kind.label, icon: kind.icon }))\n    : [], [editor])\n\n  function onKind(kind: string) {\n    const row = focused\n    const found = editor && row ? compositeOfRow(editor.state.doc, row) : null\n    if (!editor || !found || kind === row?.kind) return\n    editor.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.\n  const [draft, setDraft] = useState('')\n  const draftRef = useRef('')\n  const base = useRef('')\n  const dirty = useRef(false)\n  const pendingRow = useRef<CompositeRow | null>(null)\n  const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined)\n\n  const showDraft = useCallback((text: string) => {\n    draftRef.current = text\n    setDraft(text)\n  }, [])\n\n  const loadDescription = useCallback(() => {\n    dirty.current = false\n    pendingRow.current = null\n    base.current = focusedRef.current?.description ?? ''\n    showDraft(base.current)\n  }, [showDraft])\n\n  /** Writes the pending draft; `false` when there was nothing to write or a peer changed the description first. */\n  const commitDescription = useCallback((): boolean => {\n    clearTimeout(timer.current)\n    if (!dirty.current || !pendingRow.current) return false\n    dirty.current = false\n    const row = pendingRow.current\n    pendingRow.current = null\n    const instance = editorRef.current\n    if (!instance || instance.isDestroyed || !instance.isEditable) return false\n    if (!setCompositeDescription(instance, row, draftRef.current, base.current)) return false\n    base.current = compositeDescriptionText(draftRef.current)\n    return true\n  }, [])\n\n  function onDescriptionInput(value: string) {\n    showDraft(value)\n    dirty.current = true\n    pendingRow.current ??= focusedRef.current\n    clearTimeout(timer.current)\n    timer.current = 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).\n  function onDescriptionBlur() {\n    if (commitDescription()) showDraft(base.current)\n    else loadDescription()\n  }\n\n  // Another Baustein: load its description; the cleanup commits the draft of the previous one first (it still holds\n  // that text) — also when the panel unmounts.\n  const focusedKey = focused?.key\n  useEffect(() => {\n    loadDescription()\n    return () => {\n      commitDescription()\n    }\n  }, [focusedKey, loadDescription, commitDescription])\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.\n  const description = focused?.description\n  useEffect(() => {\n    if (dirty.current) {\n      if (description !== base.current && !commitDescription()) loadDescription()\n      return\n    }\n    if (description !== base.current) loadDescription()\n  }, [description, loadDescription, commitDescription])\n  // Leaving the Baustein section: commit the draft typed in the panel.\n  const previousSection = useRef(section)\n  useEffect(() => {\n    if (previousSection.current === 'composite' && section !== 'composite') commitDescription()\n    previousSection.current = section\n  }, [section, commitDescription])\n\n  const uid = useId()\n\n  // --- Baustein: tags (same behavior as `CompositeTagsEditor`) ---\n  const [term, setTerm] = useState('')\n  const termRef = useRef('')\n  const [tagItems, setTagItems] = useState<string[]>([])\n  const [tagsOpen, setTagsOpen] = useState(false)\n  const searchTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined)\n  const pendingSearch = useRef<AbortController | undefined>(undefined)\n\n  const scheduleSearch = useCallback(() => {\n    clearTimeout(searchTimer.current)\n    searchTimer.current = setTimeout(async () => {\n      const instance = editorRef.current\n      if (!instance) return\n      pendingSearch.current?.abort()\n      const controller = pendingSearch.current = new AbortController()\n      try {\n        const found = await metadataOf(instance).search(METADATA_LIST.hashtags, { query: termRef.current, editor: instance, signal: controller.signal })\n        if (!controller.signal.aborted) setTagItems(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  }, [])\n\n  function changeTerm(value: string) {\n    termRef.current = value\n    setTerm(value)\n    scheduleSearch()\n  }\n\n  useEffect(() => () => {\n    clearTimeout(searchTimer.current)\n    pendingSearch.current?.abort()\n  }, [])\n\n  function onTags(next: string[]) {\n    if (editor && focused) setCompositeTags(editor, focused, next)\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.\n  function onCreateTag(raw: string) {\n    const row = focused\n    const name = normalizeTagName(raw)\n    changeTerm('')\n    if (!editor || !row || !name || row.tags.includes(name)) return\n    setCompositeTags(editor, row, [...row.tags, name])\n    if (!tagItems.includes(name)) metadataOf(editor).create(METADATA_LIST.hashtags, { id: name, label: name })\n  }\n\n  // --- Baustein: fields ---\n  function fieldText(field: CompositeMetaField): string {\n    const value = focused?.meta[field.key]\n    return typeof value === 'string' || typeof value === 'number' ? String(value) : ''\n  }\n\n  function onField(field: CompositeMetaField, value: unknown) {\n    if (editor?.isEditable && focused) setCompositeMetaField(editor, focused, field.key, value)\n  }\n\n  const hasSummary = !!focused?.description.trim()\n\n  return (\n    <aside className={cn('flex h-full min-h-0 flex-col overflow-y-auto text-sm', className)} aria-label={t('composites.inspector.label')}>\n      {section === 'document'\n        ? (\n            <section className=\"flex-1 p-4\" aria-labelledby={`${uid}-document`}>\n              <h2 id={`${uid}-document`} className=\"mb-3 text-sm font-semibold text-foreground\">\n                {t('composites.inspector.document')}\n              </h2>\n              <div className=\"flex flex-col gap-y-2\">\n                {document}\n                <dl className=\"grid grid-cols-[6.5rem_minmax(0,1fr)] items-start gap-x-3 gap-y-2\">\n                  <dt className=\"min-h-6 leading-6 text-muted-foreground\">\n                    {t('composites.inspector.composites')}\n                  </dt>\n                  {kinds.length\n                    ? (\n                        <dd className=\"m-0 flex min-w-0 flex-col gap-y-1\">\n                          {kinds.map(kind => (\n                            <span key={kind.id} className=\"flex min-h-6 min-w-0 items-center gap-2\">\n                              <Icon name={kind.icon} className=\"size-4 shrink-0 text-muted-foreground\" />\n                              <span className=\"min-w-0 flex-1 truncate text-foreground\">{kind.label}</span>\n                              <span className=\"text-muted-foreground tabular-nums\">{kind.count}</span>\n                            </span>\n                          ))}\n                          <span className=\"min-h-6 leading-6 text-muted-foreground tabular-nums\">\n                            {t('composites.inspector.summarized', { n: summarized, total: rows.length })}\n                          </span>\n                        </dd>\n                      )\n                    : (\n                        <dd className=\"m-0 min-h-6 leading-6 text-muted-foreground/70\">\n                          {t('composites.inspector.none')}\n                        </dd>\n                      )}\n\n                  <dt className=\"min-h-6 leading-6 text-muted-foreground\">\n                    {t('composites.tags.label')}\n                  </dt>\n                  {tags.length\n                    ? (\n                        <dd className=\"m-0 flex min-w-0 flex-wrap items-center gap-1\">\n                          {tags.map(tag => <Badge key={tag} variant=\"secondary\" className=\"max-w-full\">{`#${tag}`}</Badge>)}\n                        </dd>\n                      )\n                    : (\n                        <dd className=\"m-0 min-h-6 leading-6 text-muted-foreground/70\">\n                          {t('composites.inspector.none')}\n                        </dd>\n                      )}\n\n                  <dt className=\"min-h-6 leading-6 text-muted-foreground\">\n                    {t('composites.inspector.mentions')}\n                  </dt>\n                  {mentions.length\n                    ? (\n                        <dd className=\"m-0 flex min-w-0 flex-wrap items-center gap-1\">\n                          {mentions.map(mention => (\n                            <span\n                              key={mention.id}\n                              className=\"inline-flex max-w-full items-center gap-1.5 truncate rounded-sm px-1.5 py-0.5 text-xs font-medium text-foreground\"\n                              style={{ ...mentionStyle(mention.color), background: 'color-mix(in oklab, var(--mention-color) 15%, transparent)' }}\n                            >\n                              <span className=\"size-1.5 shrink-0 rounded-full\" style={{ background: 'var(--mention-color)' }} />\n                              <span className=\"truncate\">@{mention.label}</span>\n                            </span>\n                          ))}\n                        </dd>\n                      )\n                    : (\n                        <dd className=\"m-0 min-h-6 leading-6 text-muted-foreground/70\">\n                          {t('composites.inspector.none')}\n                        </dd>\n                      )}\n                </dl>\n              </div>\n            </section>\n          )\n        : focused && (\n          <section className=\"flex-1 p-4\" aria-labelledby={`${uid}-composite`}>\n            <h2 id={`${uid}-composite`} className=\"mb-3 text-sm font-semibold text-foreground\">\n              {t('composites.inspector.composite')}\n            </h2>\n\n            <div key={focused.key} className=\"flex flex-col gap-3\">\n              <FormField label={t('composites.inspector.kind')}>\n                <Select value={focused.kind} onValueChange={onKind} disabled={!editable}>\n                  <SelectTrigger size=\"sm\" className=\"w-full\" aria-label={t('composites.kind.select')}>\n                    <SelectValue />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {kindItems.map(item => (\n                      <SelectItem key={item.value} value={item.value}>\n                        <Icon name={item.icon} />\n                        {item.label}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </FormField>\n\n              <FormField label={t('composites.inspector.title')} help={editable ? t('composites.inspector.titleHelp') : undefined}>\n                <p className={cn('min-h-6 truncate leading-6', focused.title ? 'text-foreground' : 'text-muted-foreground/70')} title={focused.title}>\n                  {focused.title || t('composites.inspector.untitled')}\n                </p>\n              </FormField>\n\n              <FormField\n                label={t('composites.inspector.description')}\n                help={focused.descriptionTextOnly ? undefined : t('composites.inspector.descriptionHelp')}\n              >\n                <Textarea\n                  value={draft}\n                  rows={3}\n                  className=\"max-h-52 min-h-[4.5rem] w-full resize-none overflow-y-auto text-sm md:text-sm\"\n                  placeholder={t('composites.inspector.description')}\n                  aria-label={t('composites.inspector.description')}\n                  readOnly={!editable || !focused.descriptionTextOnly}\n                  onChange={event => onDescriptionInput(event.target.value)}\n                  onBlur={onDescriptionBlur}\n                />\n              </FormField>\n\n              <FormField label={t('composites.tags.label')}>\n                <Popover\n                  open={tagsOpen}\n                  onOpenChange={(isOpen) => {\n                    setTagsOpen(isOpen)\n                    if (isOpen) scheduleSearch()\n                  }}\n                >\n                  <PopoverAnchor asChild>\n                    <div className={cn('flex min-h-7 w-full flex-wrap items-center gap-1 rounded-lg border border-input px-2 py-1 dark:bg-input/30', !editable && 'opacity-50')}>\n                      <Icon name=\"i-lucide-hash\" className=\"size-3.5 text-muted-foreground\" />\n                      {focused.tags.map(tag => (\n                        <Badge key={tag} variant=\"secondary\" className=\"max-w-full gap-0.5 pr-1\">\n                          <span className=\"truncate\">{tag}</span>\n                          <button\n                            type=\"button\"\n                            className=\"inline-flex cursor-pointer items-center rounded-full outline-none hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring/50 disabled:cursor-not-allowed\"\n                            aria-label={t('composites.tag.remove', { tag })}\n                            disabled={!editable}\n                            onClick={() => onTags(focused.tags.filter(item => item !== tag))}\n                          >\n                            <Icon name=\"i-lucide-x\" className=\"size-3\" />\n                          </button>\n                        </Badge>\n                      ))}\n                      <PopoverTrigger asChild>\n                        <button\n                          type=\"button\"\n                          role=\"combobox\"\n                          aria-expanded={tagsOpen}\n                          aria-label={t('composites.tags.label')}\n                          disabled={!editable}\n                          className=\"min-w-12 flex-1 cursor-text self-stretch rounded text-left text-sm text-muted-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring/50 disabled:cursor-not-allowed\"\n                        >\n                          {focused.tags.length ? '' : t('composites.tags.label')}\n                        </button>\n                      </PopoverTrigger>\n                    </div>\n                  </PopoverAnchor>\n                  <PopoverContent align=\"start\" className=\"w-64 gap-0 p-0\">\n                    {/* `shouldFilter` off: the list is the metadata source's answer to the search term. */}\n                    <Command shouldFilter={false}>\n                      <CommandInput\n                        value={term}\n                        onValueChange={changeTerm}\n                        placeholder={t('composites.tags.label')}\n                        aria-label={t('composites.tags.label')}\n                        onKeyDown={(event) => {\n                          if (event.key === 'Backspace' && !term && focused.tags.length) onTags(focused.tags.slice(0, -1))\n                        }}\n                      />\n                      <CommandList>\n                        {tagItems.map((tag) => {\n                          const selected = focused.tags.includes(tag)\n                          return (\n                            <CommandItem\n                              key={tag}\n                              value={tag}\n                              data-checked={selected}\n                              onSelect={() => onTags(selected ? focused.tags.filter(item => item !== tag) : [...focused.tags, tag])}\n                            >\n                              {tag}\n                            </CommandItem>\n                          )\n                        })}\n                        {term.trim() && (\n                          <CommandItem value={`__create__:${term}`} onSelect={() => onCreateTag(term)}>\n                            <Icon name=\"i-lucide-plus\" />\n                            {t('composites.tags.create', { tag: normalizeTagName(term) || term })}\n                          </CommandItem>\n                        )}\n                      </CommandList>\n                    </Command>\n                  </PopoverContent>\n                </Popover>\n              </FormField>\n\n              {focused.fields.map(field => (\n                <FormField key={field.key} label={field.label}>\n                  {field.type === 'select'\n                    ? (\n                        <Select value={fieldText(field)} onValueChange={value => onField(field, value)} disabled={!editable}>\n                          <SelectTrigger size=\"sm\" className=\"w-full\" aria-label={field.label}>\n                            <SelectValue placeholder=\"–\" />\n                          </SelectTrigger>\n                          <SelectContent>\n                            {(field.options ?? []).map(option => <SelectItem key={option.value} value={option.value}>{option.label}</SelectItem>)}\n                          </SelectContent>\n                        </Select>\n                      )\n                    : (\n                        <MetaFieldInput\n                          field={field}\n                          value={fieldText(field)}\n                          readOnly={!editable}\n                          onChange={value => onField(field, value)}\n                        />\n                      )}\n                </FormField>\n              ))}\n\n              <div className=\"flex items-center gap-2 border-t border-border pt-3\">\n                <Icon name=\"i-lucide-sparkles\" className=\"size-4 shrink-0 text-muted-foreground\" />\n                <span className=\"text-muted-foreground\">{t('composites.inspector.aiStatus')}</span>\n                <span className={cn('ml-auto inline-flex items-center gap-1.5', hasSummary ? 'text-foreground' : 'text-muted-foreground/70')}>\n                  <span className={cn('size-2 rounded-full', hasSummary ? 'bg-(--sk-success)' : 'bg-border')} />\n                  {hasSummary ? t('composites.inspector.summaryPresent') : t('composites.inspector.summaryMissing')}\n                </span>\n              </div>\n            </div>\n          </section>\n        )}\n    </aside>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,MAAM,YAAY;AAElB,MAAM,gBAAgB,WAA0B,EAAE,mBAAmB,SAAS,UAAU,KAAK,KAAK,IAAI,QAAQ,oBAAoB;;AAGlI,SAAS,UAAU,EAAE,OAAO,MAAM,YAAmE;CACnG,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACE,oBAAC,OAAD;IAAO,WAAU;IAAuC,UAAA;GAAa,CAAA;GACpE;GACA,QAAQ,oBAAC,KAAD;IAAG,WAAU;IAAiC,UAAA;GAAQ,CAAA;EAC5D;;AAET;;;;;;AAOA,SAAS,eAAe,EAAE,OAAO,OAAO,UAAU,YAK/C;CACD,MAAM,CAAC,OAAO,YAAY,SAAS,KAAK;CACxC,gBAAgB,SAAS,KAAK,GAAG,CAAC,KAAK,CAAC;CACxC,MAAM,OAAO,SAAiB;EAC5B,SAAS,IAAI;EACb,SAAS,IAAI;CACf;CACA,OAAO,MAAM,SAAS,aAEhB,oBAAC,UAAD;EACE,OAAO;EACP,cAAY,MAAM;EAClB,MAAM;EACN,WAAU;EACA;EACV,WAAU,UAAS,IAAI,MAAM,OAAO,KAAK;CAC1C,CAAA,IAGD,oBAAC,OAAD;EACE,OAAO;EACP,MAAM,MAAM;EACZ,cAAY,MAAM;EAClB,WAAU;EACA;EACV,WAAU,UAAS,IAAI,MAAM,OAAO,KAAK;CAC1C,CAAA;AAET;;;;;;;;;;;;AAaA,SAAgB,mBAAmB,EAAE,QAAQ,iBAAiB,UAAU,aAMrE;CACD,MAAM,EAAE,MAAM,cAAc;CAC5B,MAAM,EAAE,MAAM,MAAM,OAAO,UAAU,YAAY,iBAAiB,MAAM;CAGxE,MAAM,YAAY,OAAO,MAAM;CAC/B,UAAU,UAAU;CACpB,MAAM,aAAa,OAAO,OAAO;CACjC,WAAW,UAAU;CAGrB,MAAM,CAAC,SAAS,cAAc,SAAgC,UAAU;CAExE,gBAAgB;EACd,IAAI,iBAAiB,WAAW,UAAU;CAC5C,GAAG,CAAC,eAAe,CAAC;CAEpB,MAAM,UAAoC,YAAY,YAAY,UAAU,cAAc;CAG1F,MAAM,CAAC,UAAU,eAAe,eAAe,QAAQ,cAAc,KAAK;CAC1E,gBAAgB;EACd,YAAY,QAAQ,cAAc,KAAK;EACvC,IAAI,CAAC,QAAQ;EACb,MAAM,aAAa,YAAY,OAAO,UAAU;EAChD,MAAM,iBAAiB,WAAW,QAAQ;EAC1C,OAAO,GAAG,eAAe,IAAI;EAE7B,OAAO,GAAG,SAAS,QAAQ;EAC3B,aAAa;GACX,OAAO,IAAI,eAAe,IAAI;GAC9B,OAAO,IAAI,SAAS,QAAQ;EAC9B;CACF,GAAG,CAAC,MAAM,CAAC;CAGX,MAAM,aAAa,cAAc,KAAK,QAAO,QAAO,IAAI,YAAY,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;CAG1F,MAAM,YAAY,cAAc,SAC5B,iBAAiB,MAAM,CAAC,CAAC,KAAI,UAAS;EAAE,OAAO,KAAK;EAAI,OAAO,KAAK;EAAO,MAAM,KAAK;CAAK,EAAE,IAC7F,CAAC,GAAG,CAAC,MAAM,CAAC;CAEhB,SAAS,OAAO,MAAc;EAC5B,MAAM,MAAM;EACZ,MAAM,QAAQ,UAAU,MAAM,eAAe,OAAO,MAAM,KAAK,GAAG,IAAI;EACtE,IAAI,CAAC,UAAU,CAAC,SAAS,SAAS,KAAK,MAAM;EAC7C,OAAO,SAAS,iBAAiB,MAAM,MAAM,GAAG;CAClD;CAMA,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CACrC,MAAM,WAAW,OAAO,EAAE;CAC1B,MAAM,OAAO,OAAO,EAAE;CACtB,MAAM,QAAQ,OAAO,KAAK;CAC1B,MAAM,aAAa,OAA4B,IAAI;CACnD,MAAM,QAAQ,OAAkD,KAAA,CAAS;CAEzE,MAAM,YAAY,aAAa,SAAiB;EAC9C,SAAS,UAAU;EACnB,SAAS,IAAI;CACf,GAAG,CAAC,CAAC;CAEL,MAAM,kBAAkB,kBAAkB;EACxC,MAAM,UAAU;EAChB,WAAW,UAAU;EACrB,KAAK,UAAU,WAAW,SAAS,eAAe;EAClD,UAAU,KAAK,OAAO;CACxB,GAAG,CAAC,SAAS,CAAC;;CAGd,MAAM,oBAAoB,kBAA2B;EACnD,aAAa,MAAM,OAAO;EAC1B,IAAI,CAAC,MAAM,WAAW,CAAC,WAAW,SAAS,OAAO;EAClD,MAAM,UAAU;EAChB,MAAM,MAAM,WAAW;EACvB,WAAW,UAAU;EACrB,MAAM,WAAW,UAAU;EAC3B,IAAI,CAAC,YAAY,SAAS,eAAe,CAAC,SAAS,YAAY,OAAO;EACtE,IAAI,CAAC,wBAAwB,UAAU,KAAK,SAAS,SAAS,KAAK,OAAO,GAAG,OAAO;EACpF,KAAK,UAAU,yBAAyB,SAAS,OAAO;EACxD,OAAO;CACT,GAAG,CAAC,CAAC;CAEL,SAAS,mBAAmB,OAAe;EACzC,UAAU,KAAK;EACf,MAAM,UAAU;EAChB,WAAW,YAAY,WAAW;EAClC,aAAa,MAAM,OAAO;EAC1B,MAAM,UAAU,WAAW,mBAAmB,GAAG;CACnD;CAIA,SAAS,oBAAoB;EAC3B,IAAI,kBAAkB,GAAG,UAAU,KAAK,OAAO;OAC1C,gBAAgB;CACvB;CAIA,MAAM,aAAa,SAAS;CAC5B,gBAAgB;EACd,gBAAgB;EAChB,aAAa;GACX,kBAAkB;EACpB;CACF,GAAG;EAAC;EAAY;EAAiB;CAAiB,CAAC;CAInD,MAAM,cAAc,SAAS;CAC7B,gBAAgB;EACd,IAAI,MAAM,SAAS;GACjB,IAAI,gBAAgB,KAAK,WAAW,CAAC,kBAAkB,GAAG,gBAAgB;GAC1E;EACF;EACA,IAAI,gBAAgB,KAAK,SAAS,gBAAgB;CACpD,GAAG;EAAC;EAAa;EAAiB;CAAiB,CAAC;CAEpD,MAAM,kBAAkB,OAAO,OAAO;CACtC,gBAAgB;EACd,IAAI,gBAAgB,YAAY,eAAe,YAAY,aAAa,kBAAkB;EAC1F,gBAAgB,UAAU;CAC5B,GAAG,CAAC,SAAS,iBAAiB,CAAC;CAE/B,MAAM,MAAM,MAAM;CAGlB,MAAM,CAAC,MAAM,WAAW,SAAS,EAAE;CACnC,MAAM,UAAU,OAAO,EAAE;CACzB,MAAM,CAAC,UAAU,eAAe,SAAmB,CAAC,CAAC;CACrD,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAC9C,MAAM,cAAc,OAAkD,KAAA,CAAS;CAC/E,MAAM,gBAAgB,OAAoC,KAAA,CAAS;CAEnE,MAAM,iBAAiB,kBAAkB;EACvC,aAAa,YAAY,OAAO;EAChC,YAAY,UAAU,WAAW,YAAY;GAC3C,MAAM,WAAW,UAAU;GAC3B,IAAI,CAAC,UAAU;GACf,cAAc,SAAS,MAAM;GAC7B,MAAM,aAAa,cAAc,UAAU,IAAI,gBAAgB;GAC/D,IAAI;IACF,MAAM,QAAQ,MAAM,WAAW,QAAQ,CAAC,CAAC,OAAO,cAAc,UAAU;KAAE,OAAO,QAAQ;KAAS,QAAQ;KAAU,QAAQ,WAAW;IAAO,CAAC;IAC/I,IAAI,CAAC,WAAW,OAAO,SAAS,YAAY,MAAM,KAAI,SAAQ,KAAK,KAAK,CAAC;GAC3E,SACO,OAAO;IACZ,IAAI,CAAC,WAAW,OAAO,SAAS,QAAQ,KAAK,+CAA+C,KAAK;GACnG;EACF,GAAG,GAAG;CACR,GAAG,CAAC,CAAC;CAEL,SAAS,WAAW,OAAe;EACjC,QAAQ,UAAU;EAClB,QAAQ,KAAK;EACb,eAAe;CACjB;CAEA,sBAAsB;EACpB,aAAa,YAAY,OAAO;EAChC,cAAc,SAAS,MAAM;CAC/B,GAAG,CAAC,CAAC;CAEL,SAAS,OAAO,MAAgB;EAC9B,IAAI,UAAU,SAAS,iBAAiB,QAAQ,SAAS,IAAI;CAC/D;CAGA,SAAS,YAAY,KAAa;EAChC,MAAM,MAAM;EACZ,MAAM,OAAO,iBAAiB,GAAG;EACjC,WAAW,EAAE;EACb,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,IAAI,KAAK,SAAS,IAAI,GAAG;EACzD,iBAAiB,QAAQ,KAAK,CAAC,GAAG,IAAI,MAAM,IAAI,CAAC;EACjD,IAAI,CAAC,SAAS,SAAS,IAAI,GAAG,WAAW,MAAM,CAAC,CAAC,OAAO,cAAc,UAAU;GAAE,IAAI;GAAM,OAAO;EAAK,CAAC;CAC3G;CAGA,SAAS,UAAU,OAAmC;EACpD,MAAM,QAAQ,SAAS,KAAK,MAAM;EAClC,OAAO,OAAO,UAAU,YAAY,OAAO,UAAU,WAAW,OAAO,KAAK,IAAI;CAClF;CAEA,SAAS,QAAQ,OAA2B,OAAgB;EAC1D,IAAI,QAAQ,cAAc,SAAS,sBAAsB,QAAQ,SAAS,MAAM,KAAK,KAAK;CAC5F;CAEA,MAAM,aAAa,CAAC,CAAC,SAAS,YAAY,KAAK;CAE/C,OACE,oBAAC,SAAD;EAAO,WAAW,GAAG,wDAAwD,SAAS;EAAG,cAAY,EAAE,4BAA4B;EAChI,UAAA,YAAY,aAEP,qBAAC,WAAD;GAAS,WAAU;GAAa,mBAAiB,GAAG,IAAI;GAAxD,UAAA,CACE,oBAAC,MAAD;IAAI,IAAI,GAAG,IAAI;IAAY,WAAU;IAClC,UAAA,EAAE,+BAA+B;GAChC,CAAA,GACJ,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACG,UACD,qBAAC,MAAD;KAAI,WAAU;KAAd,UAAA;MACE,oBAAC,MAAD;OAAI,WAAU;OACX,UAAA,EAAE,iCAAiC;MAClC,CAAA;MACH,MAAM,SAED,qBAAC,MAAD;OAAI,WAAU;OAAd,UAAA,CACG,MAAM,KAAI,SACT,qBAAC,QAAD;QAAoB,WAAU;QAA9B,UAAA;SACE,oBAAC,MAAD;UAAM,MAAM,KAAK;UAAM,WAAU;SAAyC,CAAA;SAC1E,oBAAC,QAAD;UAAM,WAAU;UAA2C,UAAA,KAAK;SAAY,CAAA;SAC5E,oBAAC,QAAD;UAAM,WAAU;UAAsC,UAAA,KAAK;SAAY,CAAA;QACnE;OAJK,GAAA,KAAK,EAIV,CACP,GACD,oBAAC,QAAD;QAAM,WAAU;QACb,UAAA,EAAE,mCAAmC;SAAE,GAAG;SAAY,OAAO,KAAK;QAAO,CAAC;OACvE,CAAA,CACJ;MAGJ,CAAA,IAAA,oBAAC,MAAD;OAAI,WAAU;OACX,UAAA,EAAE,2BAA2B;MAC5B,CAAA;MAGV,oBAAC,MAAD;OAAI,WAAU;OACX,UAAA,EAAE,uBAAuB;MACxB,CAAA;MACH,KAAK,SAEA,oBAAC,MAAD;OAAI,WAAU;OACX,UAAA,KAAK,KAAI,QAAO,oBAAC,OAAD;QAAiB,SAAQ;QAAY,WAAU;QAAc,UAAA,IAAI;OAAa,GAAlE,GAAkE,CAAC;MAC9F,CAAA,IAGJ,oBAAC,MAAD;OAAI,WAAU;OACX,UAAA,EAAE,2BAA2B;MAC5B,CAAA;MAGV,oBAAC,MAAD;OAAI,WAAU;OACX,UAAA,EAAE,+BAA+B;MAChC,CAAA;MACH,SAAS,SAEJ,oBAAC,MAAD;OAAI,WAAU;OACX,UAAA,SAAS,KAAI,YACZ,qBAAC,QAAD;QAEE,WAAU;QACV,OAAO;SAAE,GAAG,aAAa,QAAQ,KAAK;SAAG,YAAY;QAA6D;QAHpH,UAAA,CAKE,oBAAC,QAAD;SAAM,WAAU;SAAiC,OAAO,EAAE,YAAY,uBAAuB;QAAI,CAAA,GACjG,qBAAC,QAAD;SAAM,WAAU;SAAhB,UAAA,CAA2B,KAAE,QAAQ,KAAY;QAC7C,CAAA,CAAA;OANC,GAAA,QAAQ,EAMT,CACP;MACC,CAAA,IAGJ,oBAAC,MAAD;OAAI,WAAU;OACX,UAAA,EAAE,2BAA2B;MAC5B,CAAA;KAER;IACD,CAAA,CAAA;GACE,CAAA,CAAA;EAEX,CAAA,IAAA,WACA,qBAAC,WAAD;GAAS,WAAU;GAAa,mBAAiB,GAAG,IAAI;GAAxD,UAAA,CACE,oBAAC,MAAD;IAAI,IAAI,GAAG,IAAI;IAAa,WAAU;IACnC,UAAA,EAAE,gCAAgC;GACjC,CAAA,GAEJ,qBAAC,OAAD;IAAuB,WAAU;IAAjC,UAAA;KACE,oBAAC,WAAD;MAAW,OAAO,EAAE,2BAA2B;MAC7C,UAAA,qBAAC,QAAD;OAAQ,OAAO,QAAQ;OAAM,eAAe;OAAQ,UAAU,CAAC;OAA/D,UAAA,CACE,oBAAC,eAAD;QAAe,MAAK;QAAK,WAAU;QAAS,cAAY,EAAE,wBAAwB;QAChF,UAAA,oBAAC,aAAD,CAAc,CAAA;OACD,CAAA,GACf,oBAAC,eAAD,EAAA,UACG,UAAU,KAAI,SACb,qBAAC,YAAD;QAA6B,OAAO,KAAK;QAAzC,UAAA,CACE,oBAAC,MAAD,EAAM,MAAM,KAAK,KAAO,CAAA,GACvB,KAAK,KACI;OAHK,GAAA,KAAK,KAGV,CACb,EACY,CAAA,CACT;;KACC,CAAA;KAEX,oBAAC,WAAD;MAAW,OAAO,EAAE,4BAA4B;MAAG,MAAM,WAAW,EAAE,gCAAgC,IAAI,KAAA;MACxG,UAAA,oBAAC,KAAD;OAAG,WAAW,GAAG,8BAA8B,QAAQ,QAAQ,oBAAoB,0BAA0B;OAAG,OAAO,QAAQ;OAC5H,UAAA,QAAQ,SAAS,EAAE,+BAA+B;MAClD,CAAA;KACM,CAAA;KAEX,oBAAC,WAAD;MACE,OAAO,EAAE,kCAAkC;MAC3C,MAAM,QAAQ,sBAAsB,KAAA,IAAY,EAAE,sCAAsC;MAExF,UAAA,oBAAC,UAAD;OACE,OAAO;OACP,MAAM;OACN,WAAU;OACV,aAAa,EAAE,kCAAkC;OACjD,cAAY,EAAE,kCAAkC;OAChD,UAAU,CAAC,YAAY,CAAC,QAAQ;OAChC,WAAU,UAAS,mBAAmB,MAAM,OAAO,KAAK;OACxD,QAAQ;MACT,CAAA;KACQ,CAAA;KAEX,oBAAC,WAAD;MAAW,OAAO,EAAE,uBAAuB;MACzC,UAAA,qBAAC,SAAD;OACE,MAAM;OACN,eAAe,WAAW;QACxB,YAAY,MAAM;QAClB,IAAI,QAAQ,eAAe;OAC7B;OALF,UAAA,CAOE,oBAAC,eAAD;QAAe,SAAA;QACb,UAAA,qBAAC,OAAD;SAAK,WAAW,GAAG,8GAA8G,CAAC,YAAY,YAAY;SAA1J,UAAA;UACE,oBAAC,MAAD;WAAM,MAAK;WAAgB,WAAU;UAAkC,CAAA;UACtE,QAAQ,KAAK,KAAI,QAChB,qBAAC,OAAD;WAAiB,SAAQ;WAAY,WAAU;WAA/C,UAAA,CACE,oBAAC,QAAD;YAAM,WAAU;YAAY,UAAA;WAAU,CAAA,GACtC,oBAAC,UAAD;YACE,MAAK;YACL,WAAU;YACV,cAAY,EAAE,yBAAyB,EAAE,IAAI,CAAC;YAC9C,UAAU,CAAC;YACX,eAAe,OAAO,QAAQ,KAAK,QAAO,SAAQ,SAAS,GAAG,CAAC;YAE/D,UAAA,oBAAC,MAAD;aAAM,MAAK;aAAa,WAAU;YAAU,CAAA;WACtC,CAAA,CACH;UAXK,GAAA,GAWL,CACR;UACD,oBAAC,gBAAD;WAAgB,SAAA;WACd,UAAA,oBAAC,UAAD;YACE,MAAK;YACL,MAAK;YACL,iBAAe;YACf,cAAY,EAAE,uBAAuB;YACrC,UAAU,CAAC;YACX,WAAU;YAET,UAAA,QAAQ,KAAK,SAAS,KAAK,EAAE,uBAAuB;WAC/C,CAAA;UACM,CAAA;SACb;;OACQ,CAAA,GACf,oBAAC,gBAAD;QAAgB,OAAM;QAAQ,WAAU;QAEtC,UAAA,qBAAC,SAAD;SAAS,cAAc;SAAvB,UAAA,CACE,oBAAC,cAAD;UACE,OAAO;UACP,eAAe;UACf,aAAa,EAAE,uBAAuB;UACtC,cAAY,EAAE,uBAAuB;UACrC,YAAY,UAAU;WACpB,IAAI,MAAM,QAAQ,eAAe,CAAC,QAAQ,QAAQ,KAAK,QAAQ,OAAO,QAAQ,KAAK,MAAM,GAAG,EAAE,CAAC;UACjG;SACD,CAAA,GACD,qBAAC,aAAD,EAAA,UAAA,CACG,SAAS,KAAK,QAAQ;UACrB,MAAM,WAAW,QAAQ,KAAK,SAAS,GAAG;UAC1C,OACE,oBAAC,aAAD;WAEE,OAAO;WACP,gBAAc;WACd,gBAAgB,OAAO,WAAW,QAAQ,KAAK,QAAO,SAAQ,SAAS,GAAG,IAAI,CAAC,GAAG,QAAQ,MAAM,GAAG,CAAC;WAEnG,UAAA;UACU,GANN,GAMM;SAEjB,CAAC,GACA,KAAK,KAAK,KACT,qBAAC,aAAD;UAAa,OAAO,cAAc;UAAQ,gBAAgB,YAAY,IAAI;UAA1E,UAAA,CACE,oBAAC,MAAD,EAAM,MAAK,gBAAiB,CAAA,GAC3B,EAAE,0BAA0B,EAAE,KAAK,iBAAiB,IAAI,KAAK,KAAK,CAAC,CACzD;SAEJ,CAAA,CAAA,EAAA,CAAA,CACN;;OACK,CAAA,CACT;;KACA,CAAA;KAEV,QAAQ,OAAO,KAAI,UAClB,oBAAC,WAAD;MAA2B,OAAO,MAAM;MACrC,UAAA,MAAM,SAAS,WAEV,qBAAC,QAAD;OAAQ,OAAO,UAAU,KAAK;OAAG,gBAAe,UAAS,QAAQ,OAAO,KAAK;OAAG,UAAU,CAAC;OAA3F,UAAA,CACE,oBAAC,eAAD;QAAe,MAAK;QAAK,WAAU;QAAS,cAAY,MAAM;QAC5D,UAAA,oBAAC,aAAD,EAAa,aAAY,IAAK,CAAA;OACjB,CAAA,GACf,oBAAC,eAAD,EAAA,WACI,MAAM,WAAW,CAAC,EAAA,CAAG,KAAI,WAAU,oBAAC,YAAD;QAA+B,OAAO,OAAO;QAAQ,UAAA,OAAO;OAAkB,GAA7D,OAAO,KAAsD,CAAC,EACvG,CAAA,CACT;MAGR,CAAA,IAAA,oBAAC,gBAAD;OACS;OACP,OAAO,UAAU,KAAK;OACtB,UAAU,CAAC;OACX,WAAU,UAAS,QAAQ,OAAO,KAAK;MACxC,CAAA;KAEE,GApBK,MAAM,GAoBX,CACZ;KAED,qBAAC,OAAD;MAAK,WAAU;MAAf,UAAA;OACE,oBAAC,MAAD;QAAM,MAAK;QAAoB,WAAU;OAAyC,CAAA;OAClF,oBAAC,QAAD;QAAM,WAAU;QAAyB,UAAA,EAAE,+BAA+B;OAAQ,CAAA;OAClF,qBAAC,QAAD;QAAM,WAAW,GAAG,4CAA4C,aAAa,oBAAoB,0BAA0B;QAA3H,UAAA,CACE,oBAAC,QAAD,EAAM,WAAW,GAAG,uBAAuB,aAAa,sBAAsB,WAAW,EAAI,CAAA,GAC5F,aAAa,EAAE,qCAAqC,IAAI,EAAE,qCAAqC,CAC5F;;MACH;;IACF;GApJK,GAAA,QAAQ,GAoJb,CACE;;CAER,CAAA;AAEX"}
+{"version":3,"file":"CompositeInspector.js","names":[],"sources":["../../../../src/features/composites/react/CompositeInspector.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { type CSSProperties, type ReactNode, useEffect, useId, useState } from 'react'\nimport { normalizeTagName } from '../../../core/tag-name'\nimport { Icon } from '../../../react/Icon'\nimport { Badge } from '../../../react/ui/badge'\nimport { Command, CommandInput, CommandItem, CommandList } from '../../../react/ui/command'\nimport { Input } from '../../../react/ui/input'\nimport { Label } from '../../../react/ui/label'\nimport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from '../../../react/ui/popover'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../../../react/ui/select'\nimport { Textarea } from '../../../react/ui/textarea'\nimport { cn } from '../../../react/ui/utils'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport type { CompositeMetaField } from '../kinds'\nimport { compositeFieldText } from '../inspector-model'\nimport { useCompositeInspector } from './use-composite-inspector'\n\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)' }) as CSSProperties\n\n/** A label (+ help) above its control; the counterpart of Nuxt UI's `UFormField` (size `sm`). */\nfunction FormField({ label, help, children }: { label: string, help?: string, children: ReactNode }) {\n  return (\n    <div className=\"flex flex-col gap-1.5\">\n      <Label className=\"text-xs font-medium text-foreground\">{label}</Label>\n      {children}\n      {help && <p className=\"text-xs text-muted-foreground\">{help}</p>}\n    </div>\n  )\n}\n\n/**\n * A meta field input that writes through on every change like the Vue `UInput`/`UTextarea` bound to the row. The\n * document is re-read asynchronously (once per frame), so a purely controlled input would snap back while typing:\n * it keeps the typed value locally and follows the document whenever the document's value changes.\n */\nfunction MetaFieldInput({ field, value, readOnly, onChange }: {\n  field: CompositeMetaField\n  value: string\n  readOnly: boolean\n  onChange: (value: string) => void\n}) {\n  const [local, setLocal] = useState(value)\n  useEffect(() => setLocal(value), [value])\n  const set = (next: string) => {\n    setLocal(next)\n    onChange(next)\n  }\n  return field.type === 'textarea'\n    ? (\n        <Textarea\n          value={local}\n          aria-label={field.label}\n          rows={2}\n          className=\"max-h-40 min-h-12 w-full resize-none overflow-y-auto text-sm md:text-sm\"\n          readOnly={readOnly}\n          onChange={event => set(event.target.value)}\n        />\n      )\n    : (\n        <Input\n          value={local}\n          type={field.type}\n          aria-label={field.label}\n          className=\"h-7 w-full text-sm md:text-sm\"\n          readOnly={readOnly}\n          onChange={event => set(event.target.value)}\n        />\n      )\n}\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` prop 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 */\nexport function CompositeInspector({ editor, documentFocused, document, className }: {\n  editor?: Editor\n  documentFocused?: boolean\n  /** Document facts known to the host only, rendered above the facts derived from the editor. */\n  document?: ReactNode\n  className?: string\n}) {\n  const { t } = useEditorI18n()\n  const { state, inspector } = useCompositeInspector(editor, documentFocused)\n  const { section, editable, draft, searchTerm: term, tagItems, kindOptions, summarized, hasSummary, rows, tags, kinds, mentions, focused } = state\n  const [tagsOpen, setTagsOpen] = useState(false)\n  const uid = useId()\n\n  return (\n    <aside className={cn('flex h-full min-h-0 flex-col overflow-y-auto text-sm', className)} aria-label={t('composites.inspector.label')}>\n      {section === 'document'\n        ? (\n            <section className=\"flex-1 p-4\" aria-labelledby={`${uid}-document`}>\n              <h2 id={`${uid}-document`} className=\"mb-3 text-sm font-semibold text-foreground\">\n                {t('composites.inspector.document')}\n              </h2>\n              <div className=\"flex flex-col gap-y-2\">\n                {document}\n                <dl className=\"grid grid-cols-[6.5rem_minmax(0,1fr)] items-start gap-x-3 gap-y-2\">\n                  <dt className=\"min-h-6 leading-6 text-muted-foreground\">\n                    {t('composites.inspector.composites')}\n                  </dt>\n                  {kinds.length\n                    ? (\n                        <dd className=\"m-0 flex min-w-0 flex-col gap-y-1\">\n                          {kinds.map(kind => (\n                            <span key={kind.id} className=\"flex min-h-6 min-w-0 items-center gap-2\">\n                              <Icon name={kind.icon} className=\"size-4 shrink-0 text-muted-foreground\" />\n                              <span className=\"min-w-0 flex-1 truncate text-foreground\">{kind.label}</span>\n                              <span className=\"text-muted-foreground tabular-nums\">{kind.count}</span>\n                            </span>\n                          ))}\n                          <span className=\"min-h-6 leading-6 text-muted-foreground tabular-nums\">\n                            {t('composites.inspector.summarized', { n: summarized, total: rows.length })}\n                          </span>\n                        </dd>\n                      )\n                    : (\n                        <dd className=\"m-0 min-h-6 leading-6 text-muted-foreground/70\">\n                          {t('composites.inspector.none')}\n                        </dd>\n                      )}\n\n                  <dt className=\"min-h-6 leading-6 text-muted-foreground\">\n                    {t('composites.tags.label')}\n                  </dt>\n                  {tags.length\n                    ? (\n                        <dd className=\"m-0 flex min-w-0 flex-wrap items-center gap-1\">\n                          {tags.map(tag => <Badge key={tag} variant=\"secondary\" className=\"max-w-full\">{`#${tag}`}</Badge>)}\n                        </dd>\n                      )\n                    : (\n                        <dd className=\"m-0 min-h-6 leading-6 text-muted-foreground/70\">\n                          {t('composites.inspector.none')}\n                        </dd>\n                      )}\n\n                  <dt className=\"min-h-6 leading-6 text-muted-foreground\">\n                    {t('composites.inspector.mentions')}\n                  </dt>\n                  {mentions.length\n                    ? (\n                        <dd className=\"m-0 flex min-w-0 flex-wrap items-center gap-1\">\n                          {mentions.map(mention => (\n                            <span\n                              key={mention.id}\n                              className=\"inline-flex max-w-full items-center gap-1.5 truncate rounded-sm px-1.5 py-0.5 text-xs font-medium text-foreground\"\n                              style={{ ...mentionStyle(mention.color), background: 'color-mix(in oklab, var(--mention-color) 15%, transparent)' }}\n                            >\n                              <span className=\"size-1.5 shrink-0 rounded-full\" style={{ background: 'var(--mention-color)' }} />\n                              <span className=\"truncate\">@{mention.label}</span>\n                            </span>\n                          ))}\n                        </dd>\n                      )\n                    : (\n                        <dd className=\"m-0 min-h-6 leading-6 text-muted-foreground/70\">\n                          {t('composites.inspector.none')}\n                        </dd>\n                      )}\n                </dl>\n              </div>\n            </section>\n          )\n        : focused && (\n          <section className=\"flex-1 p-4\" aria-labelledby={`${uid}-composite`}>\n            <h2 id={`${uid}-composite`} className=\"mb-3 text-sm font-semibold text-foreground\">\n              {t('composites.inspector.composite')}\n            </h2>\n\n            <div key={focused.key} className=\"flex flex-col gap-3\">\n              <FormField label={t('composites.inspector.kind')}>\n                <Select value={focused.kind} onValueChange={inspector.setKind} disabled={!editable}>\n                  <SelectTrigger size=\"sm\" className=\"w-full\" aria-label={t('composites.kind.select')}>\n                    <SelectValue />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {kindOptions.map(item => (\n                      <SelectItem key={item.value} value={item.value}>\n                        <Icon name={item.icon} />\n                        {item.label}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </FormField>\n\n              <FormField label={t('composites.inspector.title')} help={editable ? t('composites.inspector.titleHelp') : undefined}>\n                <p className={cn('min-h-6 truncate leading-6', focused.title ? 'text-foreground' : 'text-muted-foreground/70')} title={focused.title}>\n                  {focused.title || t('composites.inspector.untitled')}\n                </p>\n              </FormField>\n\n              <FormField\n                label={t('composites.inspector.description')}\n                help={focused.descriptionTextOnly ? undefined : t('composites.inspector.descriptionHelp')}\n              >\n                <Textarea\n                  value={draft}\n                  rows={3}\n                  className=\"max-h-52 min-h-[4.5rem] w-full resize-none overflow-y-auto text-sm md:text-sm\"\n                  placeholder={t('composites.inspector.description')}\n                  aria-label={t('composites.inspector.description')}\n                  readOnly={!editable || !focused.descriptionTextOnly}\n                  onChange={event => inspector.inputDescription(event.target.value)}\n                  onBlur={inspector.blurDescription}\n                />\n              </FormField>\n\n              <FormField label={t('composites.tags.label')}>\n                <Popover\n                  open={tagsOpen}\n                  onOpenChange={(isOpen) => {\n                    setTagsOpen(isOpen)\n                    if (isOpen) inspector.searchTags()\n                  }}\n                >\n                  <PopoverAnchor asChild>\n                    <div className={cn('flex min-h-7 w-full flex-wrap items-center gap-1 rounded-lg border border-input px-2 py-1 dark:bg-input/30', !editable && 'opacity-50')}>\n                      <Icon name=\"i-lucide-hash\" className=\"size-3.5 text-muted-foreground\" />\n                      {focused.tags.map(tag => (\n                        <Badge key={tag} variant=\"secondary\" className=\"max-w-full gap-0.5 pr-1\">\n                          <span className=\"truncate\">{tag}</span>\n                          <button\n                            type=\"button\"\n                            className=\"inline-flex cursor-pointer items-center rounded-full outline-none hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring/50 disabled:cursor-not-allowed\"\n                            aria-label={t('composites.tag.remove', { tag })}\n                            disabled={!editable}\n                            onClick={() => inspector.setTags(focused.tags.filter(item => item !== tag))}\n                          >\n                            <Icon name=\"i-lucide-x\" className=\"size-3\" />\n                          </button>\n                        </Badge>\n                      ))}\n                      <PopoverTrigger asChild>\n                        <button\n                          type=\"button\"\n                          role=\"combobox\"\n                          aria-expanded={tagsOpen}\n                          aria-label={t('composites.tags.label')}\n                          disabled={!editable}\n                          className=\"min-w-12 flex-1 cursor-text self-stretch rounded text-left text-sm text-muted-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring/50 disabled:cursor-not-allowed\"\n                        >\n                          {focused.tags.length ? '' : t('composites.tags.label')}\n                        </button>\n                      </PopoverTrigger>\n                    </div>\n                  </PopoverAnchor>\n                  <PopoverContent align=\"start\" className=\"w-64 gap-0 p-0\">\n                    {/* `shouldFilter` off: the list is the metadata source's answer to the search term. */}\n                    <Command shouldFilter={false}>\n                      <CommandInput\n                        value={term}\n                        onValueChange={inspector.setSearchTerm}\n                        placeholder={t('composites.tags.label')}\n                        aria-label={t('composites.tags.label')}\n                        onKeyDown={(event) => {\n                          if (event.key === 'Backspace' && !term && focused.tags.length) inspector.setTags(focused.tags.slice(0, -1))\n                        }}\n                      />\n                      <CommandList>\n                        {tagItems.map((tag) => {\n                          const selected = focused.tags.includes(tag)\n                          return (\n                            <CommandItem\n                              key={tag}\n                              value={tag}\n                              data-checked={selected}\n                              onSelect={() => inspector.setTags(selected ? focused.tags.filter(item => item !== tag) : [...focused.tags, tag])}\n                            >\n                              {tag}\n                            </CommandItem>\n                          )\n                        })}\n                        {term.trim() && (\n                          <CommandItem value={`__create__:${term}`} onSelect={() => inspector.createTag(term)}>\n                            <Icon name=\"i-lucide-plus\" />\n                            {t('composites.tags.create', { tag: normalizeTagName(term) || term })}\n                          </CommandItem>\n                        )}\n                      </CommandList>\n                    </Command>\n                  </PopoverContent>\n                </Popover>\n              </FormField>\n\n              {focused.fields.map(field => (\n                <FormField key={field.key} label={field.label}>\n                  {field.type === 'select'\n                    ? (\n                        <Select value={compositeFieldText(focused, field)} onValueChange={value => inspector.setField(field, value)} disabled={!editable}>\n                          <SelectTrigger size=\"sm\" className=\"w-full\" aria-label={field.label}>\n                            <SelectValue placeholder=\"–\" />\n                          </SelectTrigger>\n                          <SelectContent>\n                            {(field.options ?? []).map(option => <SelectItem key={option.value} value={option.value}>{option.label}</SelectItem>)}\n                          </SelectContent>\n                        </Select>\n                      )\n                    : (\n                        <MetaFieldInput\n                          field={field}\n                          value={compositeFieldText(focused, field)}\n                          readOnly={!editable}\n                          onChange={value => inspector.setField(field, value)}\n                        />\n                      )}\n                </FormField>\n              ))}\n\n              <div className=\"flex items-center gap-2 border-t border-border pt-3\">\n                <Icon name=\"i-lucide-sparkles\" className=\"size-4 shrink-0 text-muted-foreground\" />\n                <span className=\"text-muted-foreground\">{t('composites.inspector.aiStatus')}</span>\n                <span className={cn('ml-auto inline-flex items-center gap-1.5', hasSummary ? 'text-foreground' : 'text-muted-foreground/70')}>\n                  <span className={cn('size-2 rounded-full', hasSummary ? 'bg-(--sk-success)' : 'bg-border')} />\n                  {hasSummary ? t('composites.inspector.summaryPresent') : t('composites.inspector.summaryMissing')}\n                </span>\n              </div>\n            </div>\n          </section>\n        )}\n    </aside>\n  )\n}\n"],"mappings":"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"}

package/dist/features/composites/react/CompositeStatusMenu.d.ts

@@ -1,6 +1,6 @@
 import { CompositeRow } from "../rows.js";
-import { ReactNode } from "react";
 import { Editor } from "@tiptap/core";
+import { ReactNode } from "react";
 //#region src/features/composites/react/CompositeStatusMenu.d.ts
 /**
  * Quick status change: the child (a button) opens a menu of the status field's options. Kinds without a

package/dist/features/composites/react/CompositeView.js

@@ -1,6 +1,6 @@
-import { cn } from "../../../react/ui/utils.js";
 import { compositeKind } from "../kinds.js";
 import { compositeKindsOf } from "../nodes.js";
+import { cn } from "../../../react/ui/utils.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { NodeViewContent, NodeViewWrapper } from "@tiptap/react";
 //#region src/features/composites/react/CompositeView.tsx

package/dist/features/composites/react/use-composite-inspector.js

@@ -0,0 +1,29 @@
+import { useStore } from "../../../react/use-store.js";
+import { createCompositeInspector } from "../inspector-model.js";
+import { useEffect, useState } from "react";
+//#region src/features/composites/react/use-composite-inspector.ts
+/**
+* The inspector model of `editor` (see `createCompositeInspector`): re-renders when its state changes. Follows the
+* editor when it changes (the previous model commits its pending description draft and is disposed); a missing
+* editor yields empty state. `documentFocused` is forwarded to the model, also to the model of a new editor.
+*/
+function useCompositeInspector(editor, documentFocused) {
+	const [inspector, setInspector] = useState(() => createCompositeInspector(void 0));
+	const state = useStore(inspector.state);
+	useEffect(() => {
+		const next = createCompositeInspector(editor);
+		setInspector(next);
+		return () => next.dispose();
+	}, [editor]);
+	useEffect(() => {
+		inspector.setDocumentFocused(!!documentFocused);
+	}, [inspector, documentFocused]);
+	return {
+		state,
+		inspector
+	};
+}
+//#endregion
+export { useCompositeInspector };
+
+//# sourceMappingURL=use-composite-inspector.js.map