@ecsplico/editor 0.0.0-stage → 2.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompositeFieldEditor.js","names":[],"sources":["../../../../src/features/composites/react/CompositeFieldEditor.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { Input } from '../../../react/ui/input'\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 { metaText } from '../meta-display'\nimport { type CompositeRow, setCompositeMetaField } from '../rows'\n\n/** Radix Select has no empty-string value: an option with an empty value travels as this sentinel. */\nconst EMPTY = '__empty__'\n\nconst INPUT_SIZE = {\n  xs: 'h-6 px-2 text-xs md:text-xs',\n  sm: 'h-7 px-2.5 text-sm md:text-sm',\n  md: '',\n}\nconst TEXTAREA_SIZE = {\n  xs: 'px-2 py-1 text-xs md:text-xs',\n  sm: 'px-2.5 py-1.5 text-sm md:text-sm',\n  md: '',\n}\nconst SELECT_SIZE = {\n  xs: 'data-[size=sm]:h-6 text-xs',\n  sm: 'data-[size=sm]:h-7',\n  md: '',\n}\n\n/**\n * One meta field of a Baustein as an input that writes through `setCompositeMetaField`. Text-like inputs keep a local\n * draft and commit after typing pauses, on blur and on unmount, so the one-frame-late re-read of the rows never\n * overwrites what is being typed.\n */\nexport function CompositeFieldEditor({ editor, row, field, disabled, size = 'sm' }: {\n  editor: Editor\n  row: CompositeRow\n  field: CompositeMetaField\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md'\n}) {\n  const { t } = useEditorI18n()\n  const stored = metaText(row, field)\n  const [draft, setDraft] = useState(stored)\n  const draftRef = useRef(draft)\n  const typing = useRef(false)\n  const dirty = useRef(false)\n  const timer = useRef<number | undefined>(undefined)\n  // The latest props for the debounced commit and the flush on unmount; updated after every render, so the cleanup of a\n  // changed `row.key` still sees the previous row.\n  const target = useRef({ editor, row, field })\n  useEffect(() => {\n    target.current = { editor, row, field }\n  })\n\n  useEffect(() => {\n    if (!typing.current && !dirty.current) {\n      draftRef.current = stored\n      setDraft(stored)\n    }\n  }, [stored, row.key])\n\n  const commit = useCallback(() => {\n    clearTimeout(timer.current)\n    if (!dirty.current) return\n    dirty.current = false\n    const current = target.current\n    if (!current.editor.isDestroyed) setCompositeMetaField(current.editor, current.row, current.field.key, draftRef.current)\n  }, [])\n\n  // Flush on unmount and when the field is bound to another row.\n  useEffect(() => commit, [commit, editor, row.key, field.key])\n\n  function onInput(value: string) {\n    draftRef.current = value\n    setDraft(value)\n    dirty.current = true\n    clearTimeout(timer.current)\n    timer.current = window.setTimeout(commit, 400)\n  }\n\n  function onBlur() {\n    typing.current = false\n    commit()\n  }\n\n  function onChoice(value: string) {\n    setCompositeMetaField(editor, row, field.key, value === EMPTY ? '' : value)\n  }\n\n  if (field.type === 'select') {\n    return (\n      <Select value={stored} onValueChange={onChoice} disabled={disabled}>\n        <SelectTrigger size=\"sm\" className={cn('w-full', SELECT_SIZE[size])} aria-label={field.label}>\n          <SelectValue placeholder={t('composites.field.choose', { field: field.label })} />\n        </SelectTrigger>\n        <SelectContent>\n          {(field.options ?? []).map(option => (\n            <SelectItem key={option.value} value={option.value || EMPTY}>{option.label}</SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    )\n  }\n\n  if (field.type === 'textarea') {\n    return (\n      <Textarea\n        value={draft}\n        aria-label={field.label}\n        disabled={disabled}\n        rows={2}\n        className={cn('max-h-[8.5rem] min-h-0 w-full', TEXTAREA_SIZE[size])}\n        onFocus={() => {\n          typing.current = true\n        }}\n        onBlur={onBlur}\n        onChange={event => onInput(event.target.value)}\n      />\n    )\n  }\n\n  return (\n    <Input\n      value={draft}\n      type={field.type}\n      aria-label={field.label}\n      disabled={disabled}\n      className={cn('w-full', INPUT_SIZE[size])}\n      onFocus={() => {\n        typing.current = true\n      }}\n      onBlur={onBlur}\n      onKeyDown={(event) => {\n        if (event.key === 'Enter') commit()\n      }}\n      onChange={event => onInput(event.target.value)}\n    />\n  )\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,23 @@
+import { ReactNode } from "react";
+import { Editor } from "@tiptap/core";
+//#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
+ * `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` prop 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.
+ */
+export declare function CompositeInspector({ editor, documentFocused, document, className }: {
+  editor?: Editor;
+  documentFocused?: boolean;
+  /** Document facts known to the host only, rendered above the facts derived from the editor. */
+  document?: ReactNode;
+  className?: string;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=CompositeInspector.d.ts.map

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

@@ -0,0 +1,506 @@
+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 { 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 { jsx, jsxs } from "react/jsx-runtime";
+//#region src/features/composites/react/CompositeInspector.tsx
+const HEX_COLOR = /^#[0-9a-f]{3,8}$/i;
+const mentionStyle = (color) => ({ "--mention-color": color && HEX_COLOR.test(color) ? color : "var(--sk-primary)" });
+/** A label (+ help) above its control; the counterpart of Nuxt UI's `UFormField` (size `sm`). */
+function FormField({ label, help, children }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-1.5",
+		children: [
+			/* @__PURE__ */ jsx(Label, {
+				className: "text-xs font-medium text-foreground",
+				children: label
+			}),
+			children,
+			help && /* @__PURE__ */ jsx("p", {
+				className: "text-xs text-muted-foreground",
+				children: help
+			})
+		]
+	});
+}
+/**
+* A meta field input that writes through on every change like the Vue `UInput`/`UTextarea` bound to the row. The
+* document is re-read asynchronously (once per frame), so a purely controlled input would snap back while typing:
+* it keeps the typed value locally and follows the document whenever the document's value changes.
+*/
+function MetaFieldInput({ field, value, readOnly, onChange }) {
+	const [local, setLocal] = useState(value);
+	useEffect(() => setLocal(value), [value]);
+	const set = (next) => {
+		setLocal(next);
+		onChange(next);
+	};
+	return field.type === "textarea" ? /* @__PURE__ */ jsx(Textarea, {
+		value: local,
+		"aria-label": field.label,
+		rows: 2,
+		className: "max-h-40 min-h-12 w-full resize-none overflow-y-auto text-sm md:text-sm",
+		readOnly,
+		onChange: (event) => set(event.target.value)
+	}) : /* @__PURE__ */ jsx(Input, {
+		value: local,
+		type: field.type,
+		"aria-label": field.label,
+		className: "h-7 w-full text-sm md:text-sm",
+		readOnly,
+		onChange: (event) => set(event.target.value)
+	});
+}
+/**
+* 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` prop 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.
+*/
+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 [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();
+	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"),
+		children: section === "document" ? /* @__PURE__ */ jsxs("section", {
+			className: "flex-1 p-4",
+			"aria-labelledby": `${uid}-document`,
+			children: [/* @__PURE__ */ jsx("h2", {
+				id: `${uid}-document`,
+				className: "mb-3 text-sm font-semibold text-foreground",
+				children: t("composites.inspector.document")
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-y-2",
+				children: [document, /* @__PURE__ */ jsxs("dl", {
+					className: "grid grid-cols-[6.5rem_minmax(0,1fr)] items-start gap-x-3 gap-y-2",
+					children: [
+						/* @__PURE__ */ jsx("dt", {
+							className: "min-h-6 leading-6 text-muted-foreground",
+							children: t("composites.inspector.composites")
+						}),
+						kinds.length ? /* @__PURE__ */ jsxs("dd", {
+							className: "m-0 flex min-w-0 flex-col gap-y-1",
+							children: [kinds.map((kind) => /* @__PURE__ */ jsxs("span", {
+								className: "flex min-h-6 min-w-0 items-center gap-2",
+								children: [
+									/* @__PURE__ */ jsx(Icon, {
+										name: kind.icon,
+										className: "size-4 shrink-0 text-muted-foreground"
+									}),
+									/* @__PURE__ */ jsx("span", {
+										className: "min-w-0 flex-1 truncate text-foreground",
+										children: kind.label
+									}),
+									/* @__PURE__ */ jsx("span", {
+										className: "text-muted-foreground tabular-nums",
+										children: kind.count
+									})
+								]
+							}, kind.id)), /* @__PURE__ */ jsx("span", {
+								className: "min-h-6 leading-6 text-muted-foreground tabular-nums",
+								children: t("composites.inspector.summarized", {
+									n: summarized,
+									total: rows.length
+								})
+							})]
+						}) : /* @__PURE__ */ jsx("dd", {
+							className: "m-0 min-h-6 leading-6 text-muted-foreground/70",
+							children: t("composites.inspector.none")
+						}),
+						/* @__PURE__ */ jsx("dt", {
+							className: "min-h-6 leading-6 text-muted-foreground",
+							children: t("composites.tags.label")
+						}),
+						tags.length ? /* @__PURE__ */ jsx("dd", {
+							className: "m-0 flex min-w-0 flex-wrap items-center gap-1",
+							children: tags.map((tag) => /* @__PURE__ */ jsx(Badge, {
+								variant: "secondary",
+								className: "max-w-full",
+								children: `#${tag}`
+							}, tag))
+						}) : /* @__PURE__ */ jsx("dd", {
+							className: "m-0 min-h-6 leading-6 text-muted-foreground/70",
+							children: t("composites.inspector.none")
+						}),
+						/* @__PURE__ */ jsx("dt", {
+							className: "min-h-6 leading-6 text-muted-foreground",
+							children: t("composites.inspector.mentions")
+						}),
+						mentions.length ? /* @__PURE__ */ jsx("dd", {
+							className: "m-0 flex min-w-0 flex-wrap items-center gap-1",
+							children: mentions.map((mention) => /* @__PURE__ */ jsxs("span", {
+								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",
+								style: {
+									...mentionStyle(mention.color),
+									background: "color-mix(in oklab, var(--mention-color) 15%, transparent)"
+								},
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "size-1.5 shrink-0 rounded-full",
+									style: { background: "var(--mention-color)" }
+								}), /* @__PURE__ */ jsxs("span", {
+									className: "truncate",
+									children: ["@", mention.label]
+								})]
+							}, mention.id))
+						}) : /* @__PURE__ */ jsx("dd", {
+							className: "m-0 min-h-6 leading-6 text-muted-foreground/70",
+							children: t("composites.inspector.none")
+						})
+					]
+				})]
+			})]
+		}) : focused && /* @__PURE__ */ jsxs("section", {
+			className: "flex-1 p-4",
+			"aria-labelledby": `${uid}-composite`,
+			children: [/* @__PURE__ */ jsx("h2", {
+				id: `${uid}-composite`,
+				className: "mb-3 text-sm font-semibold text-foreground",
+				children: t("composites.inspector.composite")
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-3",
+				children: [
+					/* @__PURE__ */ jsx(FormField, {
+						label: t("composites.inspector.kind"),
+						children: /* @__PURE__ */ jsxs(Select, {
+							value: focused.kind,
+							onValueChange: onKind,
+							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, {
+								value: item.value,
+								children: [/* @__PURE__ */ jsx(Icon, { name: item.icon }), item.label]
+							}, item.value)) })]
+						})
+					}),
+					/* @__PURE__ */ jsx(FormField, {
+						label: t("composites.inspector.title"),
+						help: editable ? t("composites.inspector.titleHelp") : void 0,
+						children: /* @__PURE__ */ jsx("p", {
+							className: cn("min-h-6 truncate leading-6", focused.title ? "text-foreground" : "text-muted-foreground/70"),
+							title: focused.title,
+							children: focused.title || t("composites.inspector.untitled")
+						})
+					}),
+					/* @__PURE__ */ jsx(FormField, {
+						label: t("composites.inspector.description"),
+						help: focused.descriptionTextOnly ? void 0 : t("composites.inspector.descriptionHelp"),
+						children: /* @__PURE__ */ jsx(Textarea, {
+							value: draft,
+							rows: 3,
+							className: "max-h-52 min-h-[4.5rem] w-full resize-none overflow-y-auto text-sm md:text-sm",
+							placeholder: t("composites.inspector.description"),
+							"aria-label": t("composites.inspector.description"),
+							readOnly: !editable || !focused.descriptionTextOnly,
+							onChange: (event) => onDescriptionInput(event.target.value),
+							onBlur: onDescriptionBlur
+						})
+					}),
+					/* @__PURE__ */ jsx(FormField, {
+						label: t("composites.tags.label"),
+						children: /* @__PURE__ */ jsxs(Popover, {
+							open: tagsOpen,
+							onOpenChange: (isOpen) => {
+								setTagsOpen(isOpen);
+								if (isOpen) scheduleSearch();
+							},
+							children: [/* @__PURE__ */ jsx(PopoverAnchor, {
+								asChild: true,
+								children: /* @__PURE__ */ jsxs("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"),
+									children: [
+										/* @__PURE__ */ jsx(Icon, {
+											name: "i-lucide-hash",
+											className: "size-3.5 text-muted-foreground"
+										}),
+										focused.tags.map((tag) => /* @__PURE__ */ jsxs(Badge, {
+											variant: "secondary",
+											className: "max-w-full gap-0.5 pr-1",
+											children: [/* @__PURE__ */ jsx("span", {
+												className: "truncate",
+												children: tag
+											}), /* @__PURE__ */ jsx("button", {
+												type: "button",
+												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)),
+												children: /* @__PURE__ */ jsx(Icon, {
+													name: "i-lucide-x",
+													className: "size-3"
+												})
+											})]
+										}, tag)),
+										/* @__PURE__ */ jsx(PopoverTrigger, {
+											asChild: true,
+											children: /* @__PURE__ */ jsx("button", {
+												type: "button",
+												role: "combobox",
+												"aria-expanded": tagsOpen,
+												"aria-label": t("composites.tags.label"),
+												disabled: !editable,
+												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",
+												children: focused.tags.length ? "" : t("composites.tags.label")
+											})
+										})
+									]
+								})
+							}), /* @__PURE__ */ jsx(PopoverContent, {
+								align: "start",
+								className: "w-64 gap-0 p-0",
+								children: /* @__PURE__ */ jsxs(Command, {
+									shouldFilter: false,
+									children: [/* @__PURE__ */ jsx(CommandInput, {
+										value: term,
+										onValueChange: changeTerm,
+										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));
+										}
+									}), /* @__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]),
+											children: tag
+										}, tag);
+									}), term.trim() && /* @__PURE__ */ jsxs(CommandItem, {
+										value: `__create__:${term}`,
+										onSelect: () => onCreateTag(term),
+										children: [/* @__PURE__ */ jsx(Icon, { name: "i-lucide-plus" }), t("composites.tags.create", { tag: normalizeTagName(term) || term })]
+									})] })]
+								})
+							})]
+						})
+					}),
+					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),
+							disabled: !editable,
+							children: [/* @__PURE__ */ jsx(SelectTrigger, {
+								size: "sm",
+								className: "w-full",
+								"aria-label": field.label,
+								children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "–" })
+							}), /* @__PURE__ */ jsx(SelectContent, { children: (field.options ?? []).map((option) => /* @__PURE__ */ jsx(SelectItem, {
+								value: option.value,
+								children: option.label
+							}, option.value)) })]
+						}) : /* @__PURE__ */ jsx(MetaFieldInput, {
+							field,
+							value: fieldText(field),
+							readOnly: !editable,
+							onChange: (value) => onField(field, value)
+						})
+					}, field.key)),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2 border-t border-border pt-3",
+						children: [
+							/* @__PURE__ */ jsx(Icon, {
+								name: "i-lucide-sparkles",
+								className: "size-4 shrink-0 text-muted-foreground"
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: "text-muted-foreground",
+								children: t("composites.inspector.aiStatus")
+							}),
+							/* @__PURE__ */ jsxs("span", {
+								className: cn("ml-auto inline-flex items-center gap-1.5", hasSummary ? "text-foreground" : "text-muted-foreground/70"),
+								children: [/* @__PURE__ */ jsx("span", { className: cn("size-2 rounded-full", hasSummary ? "bg-(--sk-success)" : "bg-border") }), hasSummary ? t("composites.inspector.summaryPresent") : t("composites.inspector.summaryMissing")]
+							})
+						]
+					})
+				]
+			}, focused.key)]
+		})
+	});
+}
+//#endregion
+export { CompositeInspector };
+
+//# sourceMappingURL=CompositeInspector.js.map

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

@@ -0,0 +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":"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"}

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

@@ -0,0 +1,15 @@
+import { CompositeRow } from "../rows.js";
+import { ReactNode } from "react";
+import { Editor } from "@tiptap/core";
+//#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
+ * status field render the child bare.
+ */
+export declare function CompositeStatusMenu({ editor, row, children }: {
+  editor: Editor;
+  row: CompositeRow;
+  children: ReactNode;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=CompositeStatusMenu.d.ts.map