@ecsplico/editor 3.6.0 → 4.1.0

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

@@ -9,11 +9,12 @@ import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../../..
 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 { DerivationBadge } from "./DerivationBadge.js";
 import { CompositeFieldEditor } from "./CompositeFieldEditor.js";
 import { compositeFieldText, isStructuredField } from "../inspector-model.js";
 import { useCompositeInspector } from "./use-composite-inspector.js";
 import { useEffect, useId, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, 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)" });
@@ -63,20 +64,20 @@ function MetaFieldInput({ field, value, readOnly, onChange }) {
 	});
 }
 /**
-* Side panel with the metadata of the document *or* of the Baustein under the caret — one at a time — connected to
+* Side panel with the metadata of the document *or* of the Typed block 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`.
+* The „Block“ section shows while the caret is in a Typed block of the editor; the „Dokument“ section shows before
+* the editor was ever focused, while the caret is in editor text outside any Typed block, 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 { state, inspector } = useCompositeInspector(editor, documentFocused);
-	const { section, editable, draft, searchTerm: term, tagItems, kindOptions, summarized, hasSummary, rows, tags, kinds, mentions, focused } = state;
+	const { section, editable, draft, searchTerm: term, tagItems, kindOptions, summarized, hasSummary, rows, tags, kinds, mentions, focused, properties, derivation } = state;
 	const [tagsOpen, setTagsOpen] = useState(false);
 	const uid = useId();
 	return /* @__PURE__ */ jsx("aside", {
@@ -169,144 +170,150 @@ function CompositeInspector({ editor, documentFocused, document, className }) {
 					]
 				})]
 			})]
-		}) : focused && /* @__PURE__ */ jsxs("section", {
+		}) : (focused || properties) && /* @__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")
+				children: focused ? t("composites.inspector.composite") : t("composites.inspector.properties")
 			}), /* @__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: 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: kindOptions.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) => inspector.inputDescription(event.target.value),
-							onBlur: inspector.blurDescription
-						})
-					}),
-					focused.tagsVisible && /* @__PURE__ */ jsx(FormField, {
-						label: t("composites.tags.label"),
-						children: /* @__PURE__ */ jsxs(Popover, {
-							open: tagsOpen,
-							onOpenChange: (isOpen) => {
-								setTagsOpen(isOpen);
-								if (isOpen) inspector.searchTags();
-							},
-							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: () => inspector.setTags(focused.tags.filter((item) => item !== tag)),
-												children: /* @__PURE__ */ jsx(Icon, {
-													name: "i-lucide-x",
-													className: "size-3"
+					focused && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+						/* @__PURE__ */ jsx(FormField, {
+							label: t("composites.inspector.kind"),
+							children: /* @__PURE__ */ jsxs(Select, {
+								value: focused.kind,
+								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: kindOptions.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) => inspector.inputDescription(event.target.value),
+								onBlur: inspector.blurDescription
+							})
+						}),
+						focused.tagsVisible && /* @__PURE__ */ jsx(FormField, {
+							label: t("composites.tags.label"),
+							children: /* @__PURE__ */ jsxs(Popover, {
+								open: tagsOpen,
+								onOpenChange: (isOpen) => {
+									setTagsOpen(isOpen);
+									if (isOpen) inspector.searchTags();
+								},
+								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: () => inspector.setTags(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")
 												})
-											})]
-										}, 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: inspector.setSearchTerm,
-										placeholder: t("composites.tags.label"),
-										"aria-label": t("composites.tags.label"),
-										onKeyDown: (event) => {
-											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: () => inspector.setTags(selected ? focused.tags.filter((item) => item !== tag) : [...focused.tags, tag]),
-											children: tag
-										}, tag);
-									}), term.trim() && /* @__PURE__ */ jsxs(CommandItem, {
-										value: `__create__:${term}`,
-										onSelect: () => inspector.createTag(term),
-										children: [/* @__PURE__ */ jsx(Icon, { name: "i-lucide-plus" }), t("composites.tags.create", { tag: normalizeTagName(term) || term })]
-									})] })]
-								})
-							})]
+										]
+									})
+								}), /* @__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: inspector.setSearchTerm,
+											placeholder: t("composites.tags.label"),
+											"aria-label": t("composites.tags.label"),
+											onKeyDown: (event) => {
+												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: () => inspector.setTags(selected ? focused.tags.filter((item) => item !== tag) : [...focused.tags, tag]),
+												children: tag
+											}, tag);
+										}), term.trim() && /* @__PURE__ */ jsxs(CommandItem, {
+											value: `__create__:${term}`,
+											onSelect: () => inspector.createTag(term),
+											children: [/* @__PURE__ */ jsx(Icon, { name: "i-lucide-plus" }), t("composites.tags.create", { tag: normalizeTagName(term) || term })]
+										})] })]
+									})
+								})]
+							})
 						})
+					] }),
+					properties && properties.definitions.length > 0 && focused && /* @__PURE__ */ jsx("h3", {
+						className: "mt-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+						children: t("composites.inspector.properties")
 					}),
-					focused.fields.map((field) => /* @__PURE__ */ jsx(FormField, {
+					properties?.definitions.map((field) => /* @__PURE__ */ jsx(FormField, {
 						label: field.label,
 						children: isStructuredField(field) ? editor && /* @__PURE__ */ jsx(CompositeFieldEditor, {
 							editor,
-							row: focused,
+							row: properties,
 							field,
 							disabled: !editable
 						}) : field.type === "select" ? /* @__PURE__ */ jsxs(Select, {
-							value: compositeFieldText(focused, field),
+							value: compositeFieldText(properties, field),
 							onValueChange: (value) => inspector.setField(field, value),
 							disabled: !editable,
 							children: [/* @__PURE__ */ jsx(SelectTrigger, {
@@ -320,12 +327,19 @@ function CompositeInspector({ editor, documentFocused, document, className }) {
 							}, option.value)) })]
 						}) : /* @__PURE__ */ jsx(MetaFieldInput, {
 							field,
-							value: compositeFieldText(focused, field),
+							value: compositeFieldText(properties, field),
 							readOnly: !editable,
 							onChange: (value) => inspector.setField(field, value)
 						})
 					}, field.key)),
-					/* @__PURE__ */ jsxs("div", {
+					derivation && editor && /* @__PURE__ */ jsx(FormField, {
+						label: t("composites.inspector.derivation"),
+						children: /* @__PURE__ */ jsx(DerivationBadge, {
+							editor,
+							node: derivation.node
+						})
+					}),
+					focused && /* @__PURE__ */ jsxs("div", {
 						className: "flex items-center gap-2 border-t border-border pt-3",
 						children: [
 							/* @__PURE__ */ jsx(Icon, {
@@ -343,7 +357,7 @@ function CompositeInspector({ editor, documentFocused, document, className }) {
 						]
 					})
 				]
-			}, focused.key)]
+			}, focused?.key ?? properties?.key)]
 		})
 	});
 }

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, 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, isStructuredField } from '../inspector-model'\nimport { CompositeFieldEditor } from './CompositeFieldEditor'\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              {focused.tagsVisible && <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                  {isStructuredField(field)\n                    ? (\n                        // Not text (reference, bibliography, derivation): own editors as in the details card; a text input would overwrite the stored object with a string.\n                        editor && <CompositeFieldEditor editor={editor} row={focused} field={field} disabled={!editable} />\n                      )\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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"}
+{"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 { PropertyDefinition } from '../../../core/properties'\nimport { compositeFieldText, isStructuredField } from '../inspector-model'\nimport { CompositeFieldEditor } from './CompositeFieldEditor'\nimport { DerivationBadge } from './DerivationBadge'\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: PropertyDefinition\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 Typed block 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 „Block“ section shows while the caret is in a Typed block of the editor; the „Dokument“ section shows before\n * the editor was ever focused, while the caret is in editor text outside any Typed block, 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, properties, derivation } = 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 || properties) && (\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              {focused ? t('composites.inspector.composite') : t('composites.inspector.properties')}\n            </h2>\n\n            <div key={focused?.key ?? properties?.key} className=\"flex flex-col gap-3\">\n              {focused && <>\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              {focused.tagsVisible && <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\n              {/* Block properties: any block that has the `properties` capability, driven by the definitions of its Block type. */}\n              {properties && properties.definitions.length > 0 && focused && (\n                <h3 className=\"mt-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n                  {t('composites.inspector.properties')}\n                </h3>\n              )}\n\n              {properties?.definitions.map(field => (\n                <FormField key={field.key} label={field.label}>\n                  {isStructuredField(field)\n                    ? (\n                        // Not text (reference, bibliography, derivation): own editors as in the details card; a text input would overwrite the stored object with a string.\n                        editor && <CompositeFieldEditor editor={editor} row={properties} field={field} disabled={!editable} />\n                      )\n                    : field.type === 'select'\n                    ? (\n                        <Select value={compositeFieldText(properties, 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(properties, field)}\n                          readOnly={!editable}\n                          onChange={value => inspector.setField(field, value)}\n                        />\n                      )}\n                </FormField>\n              ))}\n\n              {/* The Derivation of a Derived block whose Block type has no `derivation` definition (that one shows above): any block with the `derived` capability. */}\n              {derivation && editor && (\n                <FormField label={t('composites.inspector.derivation')}>\n                  <DerivationBadge editor={editor} node={derivation.node} />\n                </FormField>\n              )}\n\n              {focused && (\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              )}\n            </div>\n          </section>\n        )}\n    </aside>\n  )\n}\n"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
+import { setBlockProperty } from "../properties.js";
 import { useEditorI18n } from "../../../react/use-editor-i18n.js";
 import { Icon } from "../../../react/Icon.js";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuTrigger } from "../../../react/ui/dropdown-menu.js";
-import { setCompositeMetaField } from "../rows.js";
 import { rowStatus, statusStyle } from "../meta-display.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/features/composites/react/CompositeStatusMenu.tsx
@@ -24,7 +24,7 @@ function CompositeStatusMenu({ editor, row, children }) {
 		children: (status.field.options ?? []).map((option) => /* @__PURE__ */ jsxs(DropdownMenuCheckboxItem, {
 			checked: option.value === status.value,
 			onCheckedChange: (checked) => {
-				if (checked) setCompositeMetaField(editor, row, "status", option.value);
+				if (checked) setBlockProperty(editor, row, "status", option.value);
 			},
 			children: [/* @__PURE__ */ jsx(Icon, { name: statusStyle(option.value).icon }), option.label]
 		}, option.value))

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

@@ -1 +1 @@
-{"version":3,"file":"CompositeStatusMenu.js","names":[],"sources":["../../../../src/features/composites/react/CompositeStatusMenu.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport type { ReactNode } from 'react'\nimport { Icon } from '../../../react/Icon'\nimport { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuTrigger } from '../../../react/ui/dropdown-menu'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { rowStatus, statusStyle } from '../meta-display'\nimport { type CompositeRow, setCompositeMetaField } from '../rows'\n\n/**\n * Quick status change: the child (a button) opens a menu of the status field's options. Kinds without a\n * status field render the child bare.\n */\nexport function CompositeStatusMenu({ editor, row, children }: { editor: Editor, row: CompositeRow, children: ReactNode }) {\n  const { t } = useEditorI18n()\n  const status = rowStatus(row, t)\n  if (!status) return <>{children}</>\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>{children}</DropdownMenuTrigger>\n      <DropdownMenuContent side=\"bottom\" align=\"start\" sideOffset={4} className=\"w-40\">\n        {(status.field.options ?? []).map(option => (\n          <DropdownMenuCheckboxItem\n            key={option.value}\n            checked={option.value === status.value}\n            // Checking the current value again would \"uncheck\" it: only a newly chosen value is written.\n            onCheckedChange={(checked) => {\n              if (checked) setCompositeMetaField(editor, row, 'status', option.value)\n            }}\n          >\n            <Icon name={statusStyle(option.value).icon} />\n            {option.label}\n          </DropdownMenuCheckboxItem>\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAYA,SAAgB,oBAAoB,EAAE,QAAQ,KAAK,YAAwE;CACzH,MAAM,EAAE,MAAM,cAAc;CAC5B,MAAM,SAAS,UAAU,KAAK,CAAC;CAC/B,IAAI,CAAC,QAAQ,OAAO,oBAAA,UAAA,EAAG,SAAW,CAAA;CAElC,OACE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,qBAAD;EAAqB,SAAA;EAAS;CAA8B,CAAA,GAC5D,oBAAC,qBAAD;EAAqB,MAAK;EAAS,OAAM;EAAQ,YAAY;EAAG,WAAU;EACtE,WAAA,OAAO,MAAM,WAAW,CAAC,EAAA,CAAG,KAAI,WAChC,qBAAC,0BAAD;GAEE,SAAS,OAAO,UAAU,OAAO;GAEjC,kBAAkB,YAAY;IAC5B,IAAI,SAAS,sBAAsB,QAAQ,KAAK,UAAU,OAAO,KAAK;GACxE;GANF,UAAA,CAQE,oBAAC,MAAD,EAAM,MAAM,YAAY,OAAO,KAAK,CAAC,CAAC,KAAO,CAAA,GAC5C,OAAO,KACgB;EATnB,GAAA,OAAO,KASY,CAC3B;CACkB,CAAA,CACT,EAAA,CAAA;AAElB"}
+{"version":3,"file":"CompositeStatusMenu.js","names":[],"sources":["../../../../src/features/composites/react/CompositeStatusMenu.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport type { ReactNode } from 'react'\nimport { Icon } from '../../../react/Icon'\nimport { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuTrigger } from '../../../react/ui/dropdown-menu'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { rowStatus, statusStyle } from '../meta-display'\nimport { setBlockProperty } from '../properties'\nimport type { CompositeRow } from '../rows'\n\n/**\n * Quick status change: the child (a button) opens a menu of the status field's options. Kinds without a\n * status field render the child bare.\n */\nexport function CompositeStatusMenu({ editor, row, children }: { editor: Editor, row: CompositeRow, children: ReactNode }) {\n  const { t } = useEditorI18n()\n  const status = rowStatus(row, t)\n  if (!status) return <>{children}</>\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>{children}</DropdownMenuTrigger>\n      <DropdownMenuContent side=\"bottom\" align=\"start\" sideOffset={4} className=\"w-40\">\n        {(status.field.options ?? []).map(option => (\n          <DropdownMenuCheckboxItem\n            key={option.value}\n            checked={option.value === status.value}\n            // Checking the current value again would \"uncheck\" it: only a newly chosen value is written.\n            onCheckedChange={(checked) => {\n              if (checked) setBlockProperty(editor, row, 'status', option.value)\n            }}\n          >\n            <Icon name={statusStyle(option.value).icon} />\n            {option.label}\n          </DropdownMenuCheckboxItem>\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAaA,SAAgB,oBAAoB,EAAE,QAAQ,KAAK,YAAwE;CACzH,MAAM,EAAE,MAAM,cAAc;CAC5B,MAAM,SAAS,UAAU,KAAK,CAAC;CAC/B,IAAI,CAAC,QAAQ,OAAO,oBAAA,UAAA,EAAG,SAAW,CAAA;CAElC,OACE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,qBAAD;EAAqB,SAAA;EAAS;CAA8B,CAAA,GAC5D,oBAAC,qBAAD;EAAqB,MAAK;EAAS,OAAM;EAAQ,YAAY;EAAG,WAAU;EACtE,WAAA,OAAO,MAAM,WAAW,CAAC,EAAA,CAAG,KAAI,WAChC,qBAAC,0BAAD;GAEE,SAAS,OAAO,UAAU,OAAO;GAEjC,kBAAkB,YAAY;IAC5B,IAAI,SAAS,iBAAiB,QAAQ,KAAK,UAAU,OAAO,KAAK;GACnE;GANF,UAAA,CAQE,oBAAC,MAAD,EAAM,MAAM,YAAY,OAAO,KAAK,CAAC,CAAC,KAAO,CAAA,GAC5C,OAAO,KACgB;EATnB,GAAA,OAAO,KASY,CAC3B;CACkB,CAAA,CACT,EAAA,CAAA;AAElB"}

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

@@ -2,7 +2,7 @@ import { CompositeRow } from "../rows.js";
 import { Editor } from "@tiptap/core";
 //#region src/features/composites/react/CompositeSummaryEditor.d.ts
 /**
- * The summary (description) of one Baustein as a textarea, written through `setCompositeDescription`. Local draft with
+ * The summary (description) of one Typed block as a textarea, written through `setCompositeDescription`. Local draft with
  * debounced commit, like `CompositeFieldEditor`; refuses to touch a summary that holds formatting or mentions, and
  * shows plain text while `readonly`.
  */

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

@@ -5,7 +5,7 @@ import { useCallback, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/features/composites/react/CompositeSummaryEditor.tsx
 /**
-* The summary (description) of one Baustein as a textarea, written through `setCompositeDescription`. Local draft with
+* The summary (description) of one Typed block as a textarea, written through `setCompositeDescription`. Local draft with
 * debounced commit, like `CompositeFieldEditor`; refuses to touch a summary that holds formatting or mentions, and
 * shows plain text while `readonly`.
 */

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

@@ -1 +1 @@
-{"version":3,"file":"CompositeSummaryEditor.js","names":[],"sources":["../../../../src/features/composites/react/CompositeSummaryEditor.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { Textarea } from '../../../react/ui/textarea'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { type CompositeRow, setCompositeDescription } from '../rows'\n\n/**\n * The summary (description) of one Baustein as a textarea, written through `setCompositeDescription`. Local draft with\n * debounced commit, like `CompositeFieldEditor`; refuses to touch a summary that holds formatting or mentions, and\n * shows plain text while `readonly`.\n */\nexport function CompositeSummaryEditor({ editor, row, readonly }: { editor: Editor, row: CompositeRow, readonly?: boolean }) {\n  const { t } = useEditorI18n()\n  const [draft, setDraft] = useState(row.description)\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 })\n  useEffect(() => {\n    target.current = { editor, row }\n  })\n\n  useEffect(() => {\n    if (!typing.current && !dirty.current) {\n      draftRef.current = row.description\n      setDraft(row.description)\n    }\n  }, [row.description, 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) setCompositeDescription(current.editor, current.row, draftRef.current)\n  }, [])\n\n  // Flush on unmount and when the editor is bound to another row.\n  useEffect(() => commit, [commit, editor, row.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, 500)\n  }\n\n  function onBlur() {\n    typing.current = false\n    commit()\n  }\n\n  if (row.descriptionTextOnly && !readonly) {\n    return (\n      <Textarea\n        value={draft}\n        placeholder={t('composites.summary.placeholder')}\n        aria-label={t('composites.summary.label')}\n        rows={2}\n        className=\"max-h-[8.5rem] min-h-0 w-full px-2.5 py-1.5 text-sm md:text-sm\"\n        onFocus={() => {\n          typing.current = true\n        }}\n        onBlur={onBlur}\n        onChange={event => onInput(event.target.value)}\n      />\n    )\n  }\n  if (readonly) {\n    return (\n      <p className={row.description ? 'text-sm text-foreground' : 'text-sm text-muted-foreground/70'}>\n        {row.description || t('composites.summary.none')}\n      </p>\n    )\n  }\n  return (\n    <p className=\"text-sm text-muted-foreground\">\n      {row.description}\n      <span className=\"mt-1 block text-xs text-muted-foreground/70\">{t('composites.summary.formatted')}</span>\n    </p>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAWA,SAAgB,uBAAuB,EAAE,QAAQ,KAAK,YAAuE;CAC3H,MAAM,EAAE,MAAM,cAAc;CAC5B,MAAM,CAAC,OAAO,YAAY,SAAS,IAAI,WAAW;CAClD,MAAM,WAAW,OAAO,KAAK;CAC7B,MAAM,SAAS,OAAO,KAAK;CAC3B,MAAM,QAAQ,OAAO,KAAK;CAC1B,MAAM,QAAQ,OAA2B,KAAA,CAAS;CAGlD,MAAM,SAAS,OAAO;EAAE;EAAQ;CAAI,CAAC;CACrC,gBAAgB;EACd,OAAO,UAAU;GAAE;GAAQ;EAAI;CACjC,CAAC;CAED,gBAAgB;EACd,IAAI,CAAC,OAAO,WAAW,CAAC,MAAM,SAAS;GACrC,SAAS,UAAU,IAAI;GACvB,SAAS,IAAI,WAAW;EAC1B;CACF,GAAG,CAAC,IAAI,aAAa,IAAI,GAAG,CAAC;CAE7B,MAAM,SAAS,kBAAkB;EAC/B,aAAa,MAAM,OAAO;EAC1B,IAAI,CAAC,MAAM,SAAS;EACpB,MAAM,UAAU;EAChB,MAAM,UAAU,OAAO;EACvB,IAAI,CAAC,QAAQ,OAAO,aAAa,wBAAwB,QAAQ,QAAQ,QAAQ,KAAK,SAAS,OAAO;CACxG,GAAG,CAAC,CAAC;CAGL,gBAAgB,QAAQ;EAAC;EAAQ;EAAQ,IAAI;CAAG,CAAC;CAEjD,SAAS,QAAQ,OAAe;EAC9B,SAAS,UAAU;EACnB,SAAS,KAAK;EACd,MAAM,UAAU;EAChB,aAAa,MAAM,OAAO;EAC1B,MAAM,UAAU,OAAO,WAAW,QAAQ,GAAG;CAC/C;CAEA,SAAS,SAAS;EAChB,OAAO,UAAU;EACjB,OAAO;CACT;CAEA,IAAI,IAAI,uBAAuB,CAAC,UAC9B,OACE,oBAAC,UAAD;EACE,OAAO;EACP,aAAa,EAAE,gCAAgC;EAC/C,cAAY,EAAE,0BAA0B;EACxC,MAAM;EACN,WAAU;EACV,eAAe;GACb,OAAO,UAAU;EACnB;EACQ;EACR,WAAU,UAAS,QAAQ,MAAM,OAAO,KAAK;CAC9C,CAAA;CAGL,IAAI,UACF,OACE,oBAAC,KAAD;EAAG,WAAW,IAAI,cAAc,4BAA4B;EACzD,UAAA,IAAI,eAAe,EAAE,yBAAyB;CAC9C,CAAA;CAGP,OACE,qBAAC,KAAD;EAAG,WAAU;EAAb,UAAA,CACG,IAAI,aACL,oBAAC,QAAD;GAAM,WAAU;GAA+C,UAAA,EAAE,8BAA8B;EAAQ,CAAA,CACtG;;AAEP"}
+{"version":3,"file":"CompositeSummaryEditor.js","names":[],"sources":["../../../../src/features/composites/react/CompositeSummaryEditor.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { Textarea } from '../../../react/ui/textarea'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { type CompositeRow, setCompositeDescription } from '../rows'\n\n/**\n * The summary (description) of one Typed block as a textarea, written through `setCompositeDescription`. Local draft with\n * debounced commit, like `CompositeFieldEditor`; refuses to touch a summary that holds formatting or mentions, and\n * shows plain text while `readonly`.\n */\nexport function CompositeSummaryEditor({ editor, row, readonly }: { editor: Editor, row: CompositeRow, readonly?: boolean }) {\n  const { t } = useEditorI18n()\n  const [draft, setDraft] = useState(row.description)\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 })\n  useEffect(() => {\n    target.current = { editor, row }\n  })\n\n  useEffect(() => {\n    if (!typing.current && !dirty.current) {\n      draftRef.current = row.description\n      setDraft(row.description)\n    }\n  }, [row.description, 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) setCompositeDescription(current.editor, current.row, draftRef.current)\n  }, [])\n\n  // Flush on unmount and when the editor is bound to another row.\n  useEffect(() => commit, [commit, editor, row.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, 500)\n  }\n\n  function onBlur() {\n    typing.current = false\n    commit()\n  }\n\n  if (row.descriptionTextOnly && !readonly) {\n    return (\n      <Textarea\n        value={draft}\n        placeholder={t('composites.summary.placeholder')}\n        aria-label={t('composites.summary.label')}\n        rows={2}\n        className=\"max-h-[8.5rem] min-h-0 w-full px-2.5 py-1.5 text-sm md:text-sm\"\n        onFocus={() => {\n          typing.current = true\n        }}\n        onBlur={onBlur}\n        onChange={event => onInput(event.target.value)}\n      />\n    )\n  }\n  if (readonly) {\n    return (\n      <p className={row.description ? 'text-sm text-foreground' : 'text-sm text-muted-foreground/70'}>\n        {row.description || t('composites.summary.none')}\n      </p>\n    )\n  }\n  return (\n    <p className=\"text-sm text-muted-foreground\">\n      {row.description}\n      <span className=\"mt-1 block text-xs text-muted-foreground/70\">{t('composites.summary.formatted')}</span>\n    </p>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAWA,SAAgB,uBAAuB,EAAE,QAAQ,KAAK,YAAuE;CAC3H,MAAM,EAAE,MAAM,cAAc;CAC5B,MAAM,CAAC,OAAO,YAAY,SAAS,IAAI,WAAW;CAClD,MAAM,WAAW,OAAO,KAAK;CAC7B,MAAM,SAAS,OAAO,KAAK;CAC3B,MAAM,QAAQ,OAAO,KAAK;CAC1B,MAAM,QAAQ,OAA2B,KAAA,CAAS;CAGlD,MAAM,SAAS,OAAO;EAAE;EAAQ;CAAI,CAAC;CACrC,gBAAgB;EACd,OAAO,UAAU;GAAE;GAAQ;EAAI;CACjC,CAAC;CAED,gBAAgB;EACd,IAAI,CAAC,OAAO,WAAW,CAAC,MAAM,SAAS;GACrC,SAAS,UAAU,IAAI;GACvB,SAAS,IAAI,WAAW;EAC1B;CACF,GAAG,CAAC,IAAI,aAAa,IAAI,GAAG,CAAC;CAE7B,MAAM,SAAS,kBAAkB;EAC/B,aAAa,MAAM,OAAO;EAC1B,IAAI,CAAC,MAAM,SAAS;EACpB,MAAM,UAAU;EAChB,MAAM,UAAU,OAAO;EACvB,IAAI,CAAC,QAAQ,OAAO,aAAa,wBAAwB,QAAQ,QAAQ,QAAQ,KAAK,SAAS,OAAO;CACxG,GAAG,CAAC,CAAC;CAGL,gBAAgB,QAAQ;EAAC;EAAQ;EAAQ,IAAI;CAAG,CAAC;CAEjD,SAAS,QAAQ,OAAe;EAC9B,SAAS,UAAU;EACnB,SAAS,KAAK;EACd,MAAM,UAAU;EAChB,aAAa,MAAM,OAAO;EAC1B,MAAM,UAAU,OAAO,WAAW,QAAQ,GAAG;CAC/C;CAEA,SAAS,SAAS;EAChB,OAAO,UAAU;EACjB,OAAO;CACT;CAEA,IAAI,IAAI,uBAAuB,CAAC,UAC9B,OACE,oBAAC,UAAD;EACE,OAAO;EACP,aAAa,EAAE,gCAAgC;EAC/C,cAAY,EAAE,0BAA0B;EACxC,MAAM;EACN,WAAU;EACV,eAAe;GACb,OAAO,UAAU;EACnB;EACQ;EACR,WAAU,UAAS,QAAQ,MAAM,OAAO,KAAK;CAC9C,CAAA;CAGL,IAAI,UACF,OACE,oBAAC,KAAD;EAAG,WAAW,IAAI,cAAc,4BAA4B;EACzD,UAAA,IAAI,eAAe,EAAE,yBAAyB;CAC9C,CAAA;CAGP,OACE,qBAAC,KAAD;EAAG,WAAU;EAAb,UAAA,CACG,IAAI,aACL,oBAAC,QAAD;GAAM,WAAU;GAA+C,UAAA,EAAE,8BAA8B;EAAQ,CAAA,CACtG;;AAEP"}

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

@@ -1,7 +1,7 @@
 import { CompositeRow } from "../rows.js";
 import { Editor } from "@tiptap/core";
 //#region src/features/composites/react/CompositeTable.d.ts
-/** The table of an editor's Bausteine: sortable columns, filters by kind, tag and select fields, a text search; `onSelect` receives the clicked row. */
+/** The table of an editor's Typed blocks: sortable columns, filters by Block type, tag and select fields, a text search; `onSelect` receives the clicked row. */
 export declare function CompositeTable({ editor, onSelect, className }: {
   editor?: Editor;
   onSelect?: (row: CompositeRow) => void;

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

@@ -1,4 +1,4 @@
-import { compositeKindsOf } from "../nodes.js";
+import { blockTypesOf } from "../nodes.js";
 import { useEditorI18n } from "../../../react/use-editor-i18n.js";
 import { cn } from "../../../react/ui/utils.js";
 import { Icon } from "../../../react/Icon.js";
@@ -12,13 +12,13 @@ import { FILTER_ALL, columnSpecsOf, fieldColumnsOf, fieldOf, fieldText, hasText,
 import { useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/features/composites/react/CompositeTable.tsx
-/** The table of an editor's Bausteine: sortable columns, filters by kind, tag and select fields, a text search; `onSelect` receives the clicked row. */
+/** The table of an editor's Typed blocks: sortable columns, filters by Block type, tag and select fields, a text search; `onSelect` receives the clicked row. */
 function CompositeTable({ editor, onSelect, className }) {
 	const { rows, tags, kinds } = useCompositeRows(editor);
 	const { t } = useEditorI18n();
 	const fieldContext = useMemo(() => editor ? {
 		doc: editor.state.doc,
-		kinds: compositeKindsOf(editor),
+		kinds: blockTypesOf(editor),
 		t
 	} : void 0, [
 		editor,