@ecsplico/editor 2.1.2 → 3.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"CompositeChrome.js","names":["_unref","_openBlock","_createBlock","_Teleport","_createElementVNode","_createElementBlock","_Fragment","_renderList","_withCtx","_createVNode","CompositeDetails","_normalizeClass","_normalizeStyle","_withKeys","_withModifiers","_createCommentVNode","CompositeStatusMenu","_createTextVNode","_toDisplayString","CompositeTagsEditor"],"sources":["../../../../src/features/composites/components/CompositeChrome.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/vue-3'\nimport { computed, shallowRef, watch } from 'vue'\nimport { startBlockDrag } from '../../../core'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { useEditorSettings } from '../../../vue/settings'\nimport { compositeSectionOf } from '../anchors'\nimport { rowStatus } from '../meta-display'\nimport { compositeOfRow, type CompositeRow, setCompositeTags } from '../rows'\nimport { useCompositeAnchors } from '../use-composite-anchors'\nimport { useCompositeRows } from '../use-composite-rows'\nimport CompositeDetails from './CompositeDetails.vue'\nimport CompositeStatusMenu from './CompositeStatusMenu.vue'\nimport CompositeTagsEditor from './CompositeTagsEditor.vue'\n\n/**\n * Chrome of every composite, laid over the editor (mounted by the composites feature): on the title line the status\n * chip and one chip per tag (with a `+` chip to add tags), and on the front the kind icon. The icon is a button that\n * opens the details popover (kind with a confirmation before it changes, the kind's fields and the summary;\n * `CompositeDetails`) and, in an editable editor, the composite's drag handle: dragging it moves the composite\n * (`startBlockDrag`). With `blocks.kindIcon: 'hover'` it shows only while the composite is hovered, its popover is\n * open or the icon has keyboard focus. Chips and popover also render in read-only editors, without edit affordances.\n * The node view's own description and tags rows are hidden by CSS; this overlay shows and edits them.\n */\nconst props = defineProps<{ editor: Editor }>()\n\nconst { Icon: UIcon, Popover: UPopover } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst { rows } = useCompositeRows(() => props.editor)\nconst { host, anchors, frame } = useCompositeAnchors(() => props.editor, rows)\n\n// `isEditable` is not reactive: follow it on every transaction (`EditorSurface` dispatches one after `setEditable`).\nconst editable = shallowRef(false)\nwatch(() => props.editor, (instance, _previous, onCleanup) => {\n  editable.value = !instance.isDestroyed && instance.isEditable\n  const sync = () => {\n    editable.value = !instance.isDestroyed && instance.isEditable\n  }\n  instance.on('transaction', sync)\n  onCleanup(() => instance.off('transaction', sync))\n}, { immediate: true })\n\nconst { settings } = useEditorSettings()\nconst iconOnHover = computed(() => settings.value.blocks.kindIcon === 'hover')\n\n// Hover state of `kindIcon: 'hover'`: the keys of the rows whose composite is under the pointer (that one and every\n// composite around it), plus the row whose chips the pointer is on (they sit outside the editor's DOM).\nconst hoveredKeys = shallowRef<ReadonlySet<string>>(new Set())\nconst chipsHoveredKey = shallowRef<string | null>(null)\nlet hoveredSection: Element | null = null\n\nfunction onEditorMouseover(event: MouseEvent) {\n  const section = event.target instanceof Element ? event.target.closest('.composite') : null\n  if (section === hoveredSection) return\n  hoveredSection = section\n  const chain = new Set<Element>()\n  for (let el = section; el; el = el.parentElement?.closest('.composite') ?? null) chain.add(el)\n  const { view, state } = props.editor\n  hoveredKeys.value = new Set(rows.value.filter((row) => {\n    const found = compositeOfRow(state.doc, row)\n    const dom = found ? view.nodeDOM(found.pos) : null\n    const section = dom instanceof Element ? compositeSectionOf(dom) : null\n    return section !== null && chain.has(section)\n  }).map(row => row.key))\n}\n\nfunction onEditorMouseleave() {\n  hoveredSection = null\n  hoveredKeys.value = new Set()\n}\n\nwatch([() => props.editor, iconOnHover], ([instance, hover], _previous, onCleanup) => {\n  onEditorMouseleave()\n  if (!hover || instance.isDestroyed) return\n  const { dom } = instance.view\n  dom.addEventListener('mouseover', onEditorMouseover)\n  dom.addEventListener('mouseleave', onEditorMouseleave)\n  onCleanup(() => {\n    dom.removeEventListener('mouseover', onEditorMouseover)\n    dom.removeEventListener('mouseleave', onEditorMouseleave)\n  })\n}, { immediate: true })\n\nfunction onIconDragStart(event: DragEvent, row: CompositeRow) {\n  const found = compositeOfRow(props.editor.state.doc, row)\n  if (!found || !startBlockDrag(props.editor, event, found.pos)) event.preventDefault()\n}\n\n/** Chips start right after the title's last character and run on to the editor's right edge. */\nconst ROW_HEIGHT = 24\n\nconst placed = computed(() => rows.value.flatMap((row) => {\n  const anchor = anchors.value.get(row.key)\n  if (!anchor) return []\n  // An empty title shows a placeholder the anchor cannot measure: keep clear of it.\n  const left = anchor.lineEnd + (anchor.titleEmpty ? 116 : 12)\n  return [{\n    row,\n    anchor,\n    left,\n    top: anchor.lastCenter - ROW_HEIGHT / 2,\n    width: Math.max((frame.value?.right ?? anchor.right) - left, 120),\n    status: rowStatus(row, t),\n  }]\n}))\n\nfunction removeTag(row: CompositeRow, tag: string) {\n  setCompositeTags(props.editor, row, row.tags.filter(candidate => candidate !== tag))\n}\n\nconst chip = 'inline-flex h-5 shrink-0 items-center gap-1 rounded-sm px-1.5 text-xs leading-none whitespace-nowrap text-[var(--sk-muted)]'\nconst chipButton = `${chip} transition-colors duration-150 hover:bg-[var(--sk-bg-elevated)] hover:text-[var(--sk-fg-highlighted)] focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--sk-primary)]`\n\n/** Scale and fade in from the icon (`transform-origin` is Reka's), a bit longer than Nuxt UI's default; `composites.css` defines the keyframes and the reduced-motion override. */\nconst detailsPopoverUi = {\n  content: 'composite-popover data-[state=open]:animate-[composite-pop-in_160ms_var(--ease-out)] data-[state=closed]:animate-[composite-pop-out_120ms_var(--ease-out)]',\n}\n</script>\n\n<template>\n  <Teleport v-if=\"host\" :to=\"host\">\n    <div class=\"absolute left-0 top-0 h-0 w-0\">\n      <template v-for=\"item in placed\" :key=\"item.row.key\">\n        <UPopover\n          v-if=\"item.anchor.toggleSize\"\n          :content=\"{ side: 'bottom', align: 'start', sideOffset: 4 }\"\n          :ui=\"detailsPopoverUi\"\n        >\n          <!-- A span, not a `button`: Firefox does not start drags from buttons. -->\n          <span\n            role=\"button\"\n            tabindex=\"0\"\n            :draggable=\"editable\"\n            :class=\"[\n              'absolute z-10 flex items-center justify-center rounded-sm bg-[var(--sk-bg)] text-[var(--sk-muted)] transition-[color,background-color,opacity] duration-120 motion-reduce:transition-none hover:bg-[var(--sk-bg-elevated)] hover:text-[var(--sk-fg-highlighted)] focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--sk-primary)]',\n              editable ? 'cursor-grab active:cursor-grabbing' : 'cursor-pointer',\n              iconOnHover && !hoveredKeys.has(item.row.key) && chipsHoveredKey !== item.row.key && 'opacity-0 hover:opacity-100 focus-visible:opacity-100 data-[state=open]:opacity-100',\n            ]\"\n            :style=\"{ top: `${item.anchor.toggleTop}px`, left: `${item.anchor.toggleLeft}px`, width: `${item.anchor.toggleSize}px`, height: `${item.anchor.toggleSize}px` }\"\n            :aria-label=\"t('composites.chrome.details', { kind: item.row.kindLabel })\"\n            :title=\"editable ? t('composites.chrome.detailsDrag', { kind: item.row.kindLabel }) : t('composites.chrome.details', { kind: item.row.kindLabel })\"\n            @keydown.enter.space.prevent=\"($event.currentTarget as HTMLElement).click()\"\n            @dragstart=\"onIconDragStart($event, item.row)\"\n          >\n            <UIcon :key=\"item.row.icon\" :name=\"item.row.icon\" class=\"size-3.5\" />\n          </span>\n          <template #content>\n            <CompositeDetails :editor=\"editor\" :row=\"item.row\" :editable=\"editable\" />\n          </template>\n        </UPopover>\n\n        <div\n          v-if=\"item.status || item.row.tags.length || editable\"\n          class=\"absolute z-10 flex items-center gap-px overflow-hidden rounded-md bg-[var(--sk-bg)]\"\n          :style=\"{ top: `${item.top}px`, left: `${item.left}px`, maxWidth: `${item.width}px`, height: `${ROW_HEIGHT}px` }\"\n          @mouseenter=\"chipsHoveredKey = item.row.key\"\n          @mouseleave=\"chipsHoveredKey = null\"\n        >\n          <template v-if=\"item.status\">\n            <CompositeStatusMenu v-if=\"editable\" :editor=\"editor\" :row=\"item.row\">\n              <button type=\"button\" :class=\"chipButton\" :aria-label=\"t('composites.status.label', { status: item.status.label })\">\n                <UIcon :name=\"item.status.icon\" :class=\"['size-3.5', item.status.color]\" />{{ item.status.label }}\n              </button>\n            </CompositeStatusMenu>\n            <span v-else :class=\"chip\">\n              <UIcon :name=\"item.status.icon\" :class=\"['size-3.5', item.status.color]\" />{{ item.status.label }}\n            </span>\n          </template>\n\n          <span v-for=\"tag in item.row.tags\" :key=\"tag\" :class=\"[chip, 'group max-w-40 gap-0']\">\n            <span class=\"truncate\">#{{ tag }}</span>\n            <button\n              v-if=\"editable\"\n              type=\"button\"\n              class=\"flex h-4 w-0 shrink-0 items-center justify-center overflow-hidden rounded-sm opacity-0 transition-all duration-150 group-hover:ml-1 group-hover:w-4 group-hover:opacity-100 hover:bg-[var(--sk-bg-elevated)] hover:text-[var(--sk-fg-highlighted)] focus-visible:ml-1 focus-visible:w-4 focus-visible:opacity-100 focus-visible:outline-2 focus-visible:outline-[var(--sk-primary)]\"\n              :aria-label=\"t('composites.tag.remove', { tag })\"\n              @click=\"removeTag(item.row, tag)\"\n            >\n              <UIcon name=\"i-lucide-x\" class=\"size-3\" />\n            </button>\n          </span>\n\n          <UPopover\n            v-if=\"editable\"\n            :content=\"{ side: 'bottom', align: 'start', sideOffset: 6, onCloseAutoFocus: (event: Event) => event.preventDefault() }\"\n          >\n            <button type=\"button\" :class=\"chipButton\" :aria-label=\"t('composites.tag.add')\" :title=\"t('composites.tag.add')\">\n              <UIcon name=\"i-lucide-plus\" class=\"size-3.5\" />\n            </button>\n            <template #content>\n              <div class=\"w-64 p-3\">\n                <CompositeTagsEditor :editor=\"editor\" :row=\"item.row\" />\n              </div>\n            </template>\n          </UPopover>\n        </div>\n      </template>\n    </div>\n  </Teleport>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"CompositeChrome.js","names":["_unref","_openBlock","_createBlock","_Teleport","_createElementVNode","_createElementBlock","_Fragment","_renderList","_withCtx","_createVNode","CompositeDetails","_normalizeClass","_normalizeStyle","_withKeys","_withModifiers","_createCommentVNode","_createTextVNode","_toDisplayString","CompositeStatusMenu","CompositeTagsEditor"],"sources":["../../../../src/features/composites/components/CompositeChrome.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/vue-3'\nimport { computed, shallowRef, watch } from 'vue'\nimport { startBlockDrag } from '../../../core'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { useStoreRef } from '../../../vue/store-ref'\nimport { useEditorSettings } from '../../../vue/settings'\nimport { compositeSectionOf } from '../anchors'\nimport { derivedChromeOf } from '../derived-chrome'\nimport { rowStatus } from '../meta-display'\nimport { compositeOfRow, type CompositeRow, setCompositeTags } from '../rows'\nimport { useCompositeAnchors } from '../use-composite-anchors'\nimport { useCompositeRows } from '../use-composite-rows'\nimport CompositeDetails from './CompositeDetails.vue'\nimport CompositeStatusMenu from './CompositeStatusMenu.vue'\nimport CompositeTagsEditor from './CompositeTagsEditor.vue'\n\n/**\n * Chrome of every composite, laid over the editor (mounted by the composites feature): on the title line the status\n * chip and one chip per tag (with a `+` chip to add tags), and on the front the kind icon. The icon is a button that\n * opens the details popover (kind with a confirmation before it changes, the kind's fields and the summary;\n * `CompositeDetails`) and, in an editable editor, the composite's drag handle: dragging it moves the composite\n * (`startBlockDrag`). A kind with `chrome.tags: false` shows no tag chips and no `+` chip. With `blocks.kindIcon: 'hover'` it shows only while the composite is hovered, its popover is\n * open or the icon has keyboard focus. Chips and popover also render in read-only editors, without edit affordances.\n * The node view's own description and tags rows are hidden by CSS; this overlay shows and edits them.\n */\nconst props = defineProps<{ editor: Editor }>()\n\nconst { Icon: UIcon, Popover: UPopover } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst { rows } = useCompositeRows(() => props.editor)\nconst { host, anchors, frame } = useCompositeAnchors(() => props.editor, rows)\n\n// `isEditable` is not reactive: follow it on every transaction (`EditorSurface` dispatches one after `setEditable`).\nconst editable = shallowRef(false)\nwatch(() => props.editor, (instance, _previous, onCleanup) => {\n  editable.value = !instance.isDestroyed && instance.isEditable\n  const sync = () => {\n    editable.value = !instance.isDestroyed && instance.isEditable\n  }\n  instance.on('transaction', sync)\n  onCleanup(() => instance.off('transaction', sync))\n}, { immediate: true })\n\nconst { settings } = useEditorSettings()\nconst iconOnHover = computed(() => settings.value.blocks.kindIcon === 'hover')\n\n// Hover state of `kindIcon: 'hover'`: the keys of the rows whose composite is under the pointer (that one and every\n// composite around it), plus the row whose chips the pointer is on (they sit outside the editor's DOM).\nconst hoveredKeys = shallowRef<ReadonlySet<string>>(new Set())\nconst chipsHoveredKey = shallowRef<string | null>(null)\nlet hoveredSection: Element | null = null\n\nfunction onEditorMouseover(event: MouseEvent) {\n  const section = event.target instanceof Element ? event.target.closest('.composite') : null\n  if (section === hoveredSection) return\n  hoveredSection = section\n  const chain = new Set<Element>()\n  for (let el = section; el; el = el.parentElement?.closest('.composite') ?? null) chain.add(el)\n  const { view, state } = props.editor\n  hoveredKeys.value = new Set(rows.value.filter((row) => {\n    const found = compositeOfRow(state.doc, row)\n    const dom = found ? view.nodeDOM(found.pos) : null\n    const section = dom instanceof Element ? compositeSectionOf(dom) : null\n    return section !== null && chain.has(section)\n  }).map(row => row.key))\n}\n\nfunction onEditorMouseleave() {\n  hoveredSection = null\n  hoveredKeys.value = new Set()\n}\n\nwatch([() => props.editor, iconOnHover], ([instance, hover], _previous, onCleanup) => {\n  onEditorMouseleave()\n  if (!hover || instance.isDestroyed) return\n  const { dom } = instance.view\n  dom.addEventListener('mouseover', onEditorMouseover)\n  dom.addEventListener('mouseleave', onEditorMouseleave)\n  onCleanup(() => {\n    dom.removeEventListener('mouseover', onEditorMouseover)\n    dom.removeEventListener('mouseleave', onEditorMouseleave)\n  })\n}, { immediate: true })\n\nfunction onIconDragStart(event: DragEvent, row: CompositeRow) {\n  const found = compositeOfRow(props.editor.state.doc, row)\n  if (!found || !startBlockDrag(props.editor, event, found.pos)) event.preventDefault()\n}\n\n/** Chips start right after the title's last character and run on to the editor's right edge. */\nconst ROW_HEIGHT = 24\n\nconst expanded = useStoreRef(() => props.editor.storage.composite.expanded)\n\nconst placed = computed(() => {\n  // End of the collapsed derived Baustein the rows being walked sit in: its clipped content shows no chrome.\n  let hiddenUntil = -1\n  return rows.value.flatMap((row) => {\n    if (row.pos < hiddenUntil) return []\n    const derived = derivedChromeOf(props.editor, row)\n    const open = !derived || !row.id || expanded.value.has(row.id)\n    if (!open) hiddenUntil = row.end\n    const anchor = anchors.value.get(row.key)\n    if (!anchor) return []\n    // An empty title shows a placeholder the anchor cannot measure: keep clear of it.\n    const left = anchor.lineEnd + (anchor.titleEmpty ? 116 : 12)\n    return [{\n      row,\n      anchor,\n      left,\n      top: anchor.lastCenter - ROW_HEIGHT / 2,\n      width: Math.max((frame.value?.right ?? anchor.right) - left, 120),\n      status: rowStatus(row, t),\n      derived: derived && { stale: derived.stale, open, toggleable: !!row.id },\n    }]\n  })\n})\n\nfunction toggleExpanded(row: CompositeRow) {\n  if (row.id) props.editor.commands.toggleCompositeExpanded(row.id)\n}\n\nfunction removeTag(row: CompositeRow, tag: string) {\n  setCompositeTags(props.editor, row, row.tags.filter(candidate => candidate !== tag))\n}\n\nconst chip = 'inline-flex h-5 shrink-0 items-center gap-1 rounded-sm px-1.5 text-xs leading-none whitespace-nowrap text-[var(--sk-muted)]'\nconst chipButton = `${chip} transition-colors duration-150 hover:bg-[var(--sk-bg-elevated)] hover:text-[var(--sk-fg-highlighted)] focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--sk-primary)]`\n\n/** Scale and fade in from the icon (`transform-origin` is Reka's), a bit longer than Nuxt UI's default; `composites.css` defines the keyframes and the reduced-motion override. */\nconst detailsPopoverUi = {\n  content: 'composite-popover data-[state=open]:animate-[composite-pop-in_160ms_var(--ease-out)] data-[state=closed]:animate-[composite-pop-out_120ms_var(--ease-out)]',\n}\n</script>\n\n<template>\n  <Teleport v-if=\"host\" :to=\"host\">\n    <div class=\"absolute left-0 top-0 h-0 w-0\">\n      <template v-for=\"item in placed\" :key=\"item.row.key\">\n        <UPopover\n          v-if=\"item.anchor.toggleSize\"\n          :content=\"{ side: 'bottom', align: 'start', sideOffset: 4 }\"\n          :ui=\"detailsPopoverUi\"\n        >\n          <!-- A span, not a `button`: Firefox does not start drags from buttons. -->\n          <span\n            role=\"button\"\n            tabindex=\"0\"\n            :draggable=\"editable\"\n            :class=\"[\n              'absolute z-10 flex items-center justify-center rounded-sm bg-[var(--sk-bg)] text-[var(--sk-muted)] transition-[color,background-color,opacity] duration-120 motion-reduce:transition-none hover:bg-[var(--sk-bg-elevated)] hover:text-[var(--sk-fg-highlighted)] focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--sk-primary)]',\n              editable ? 'cursor-grab active:cursor-grabbing' : 'cursor-pointer',\n              iconOnHover && !hoveredKeys.has(item.row.key) && chipsHoveredKey !== item.row.key && 'opacity-0 hover:opacity-100 focus-visible:opacity-100 data-[state=open]:opacity-100',\n            ]\"\n            :style=\"{ top: `${item.anchor.toggleTop}px`, left: `${item.anchor.toggleLeft}px`, width: `${item.anchor.toggleSize}px`, height: `${item.anchor.toggleSize}px` }\"\n            :aria-label=\"t('composites.chrome.details', { kind: item.row.kindLabel })\"\n            :title=\"editable ? t('composites.chrome.detailsDrag', { kind: item.row.kindLabel }) : t('composites.chrome.details', { kind: item.row.kindLabel })\"\n            @keydown.enter.space.prevent=\"($event.currentTarget as HTMLElement).click()\"\n            @dragstart=\"onIconDragStart($event, item.row)\"\n          >\n            <UIcon :key=\"item.row.icon\" :name=\"item.row.icon\" class=\"size-3.5\" />\n          </span>\n          <template #content>\n            <CompositeDetails :editor=\"editor\" :row=\"item.row\" :editable=\"editable\" />\n          </template>\n        </UPopover>\n\n        <div\n          v-if=\"item.status || item.derived || (item.row.tagsVisible && (item.row.tags.length || editable))\"\n          class=\"absolute z-10 flex items-center gap-px overflow-hidden rounded-md bg-[var(--sk-bg)]\"\n          :style=\"{ top: `${item.top}px`, left: `${item.left}px`, maxWidth: `${item.width}px`, height: `${ROW_HEIGHT}px` }\"\n          @mouseenter=\"chipsHoveredKey = item.row.key\"\n          @mouseleave=\"chipsHoveredKey = null\"\n        >\n          <template v-if=\"item.derived\">\n            <button\n              v-if=\"item.derived.toggleable\"\n              type=\"button\"\n              :class=\"chipButton\"\n              :aria-expanded=\"item.derived.open\"\n              :aria-label=\"t(item.derived.open ? 'composites.derivation.collapse' : 'composites.derivation.expand')\"\n              :title=\"t(item.derived.open ? 'composites.derivation.collapse' : 'composites.derivation.expand')\"\n              @click=\"toggleExpanded(item.row)\"\n            >\n              <UIcon :name=\"item.derived.open ? 'i-lucide-chevron-down' : 'i-lucide-chevron-right'\" class=\"size-3.5\" />\n            </button>\n            <span :class=\"chip\">\n              <UIcon name=\"i-lucide-git-branch\" class=\"size-3.5\" />{{ t('composites.derivation.badge') }}\n            </span>\n            <span v-if=\"item.derived.stale\" :class=\"[chip, 'text-[var(--sk-warning)]']\">\n              <UIcon name=\"i-lucide-triangle-alert\" class=\"size-3.5\" />{{ t('composites.derivation.stale') }}\n            </span>\n          </template>\n\n          <template v-if=\"item.status\">\n            <CompositeStatusMenu v-if=\"editable\" :editor=\"editor\" :row=\"item.row\">\n              <button type=\"button\" :class=\"chipButton\" :aria-label=\"t('composites.status.label', { status: item.status.label })\">\n                <UIcon :name=\"item.status.icon\" :class=\"['size-3.5', item.status.color]\" />{{ item.status.label }}\n              </button>\n            </CompositeStatusMenu>\n            <span v-else :class=\"chip\">\n              <UIcon :name=\"item.status.icon\" :class=\"['size-3.5', item.status.color]\" />{{ item.status.label }}\n            </span>\n          </template>\n\n          <span v-for=\"tag in item.row.tagsVisible ? item.row.tags : []\" :key=\"tag\" :class=\"[chip, 'group max-w-40 gap-0']\">\n            <span class=\"truncate\">#{{ tag }}</span>\n            <button\n              v-if=\"editable\"\n              type=\"button\"\n              class=\"flex h-4 w-0 shrink-0 items-center justify-center overflow-hidden rounded-sm opacity-0 transition-all duration-150 group-hover:ml-1 group-hover:w-4 group-hover:opacity-100 hover:bg-[var(--sk-bg-elevated)] hover:text-[var(--sk-fg-highlighted)] focus-visible:ml-1 focus-visible:w-4 focus-visible:opacity-100 focus-visible:outline-2 focus-visible:outline-[var(--sk-primary)]\"\n              :aria-label=\"t('composites.tag.remove', { tag })\"\n              @click=\"removeTag(item.row, tag)\"\n            >\n              <UIcon name=\"i-lucide-x\" class=\"size-3\" />\n            </button>\n          </span>\n\n          <UPopover\n            v-if=\"editable && item.row.tagsVisible\"\n            :content=\"{ side: 'bottom', align: 'start', sideOffset: 6, onCloseAutoFocus: (event: Event) => event.preventDefault() }\"\n          >\n            <button type=\"button\" :class=\"chipButton\" :aria-label=\"t('composites.tag.add')\" :title=\"t('composites.tag.add')\">\n              <UIcon name=\"i-lucide-plus\" class=\"size-3.5\" />\n            </button>\n            <template #content>\n              <div class=\"w-64 p-3\">\n                <CompositeTagsEditor :editor=\"editor\" :row=\"item.row\" />\n              </div>\n            </template>\n          </UPopover>\n        </div>\n      </template>\n    </div>\n  </Teleport>\n</template>\n"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ import { Editor } from "@tiptap/vue-3";
  * chip and one chip per tag (with a `+` chip to add tags), and on the front the kind icon. The icon is a button that
  * opens the details popover (kind with a confirmation before it changes, the kind's fields and the summary;
  * `CompositeDetails`) and, in an editable editor, the composite's drag handle: dragging it moves the composite
- * (`startBlockDrag`). With `blocks.kindIcon: 'hover'` it shows only while the composite is hovered, its popover is
+ * (`startBlockDrag`). A kind with `chrome.tags: false` shows no tag chips and no `+` chip. With `blocks.kindIcon: 'hover'` it shows only while the composite is hovered, its popover is
  * open or the icon has keyboard focus. Chips and popover also render in read-only editors, without edit affordances.
  * The node view's own description and tags rows are hidden by CSS; this overlay shows and edits them.
  */

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

@@ -1,9 +1,12 @@
+import { keepsMetaKey } from "../meta-keys.js";
+import { derivationOf } from "../derivation.js";
 import { compositeKindsOf } from "../nodes.js";
 import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
 import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
-import { compositeOfRow } from "../rows.js";
-import _sfc_main$1 from "./CompositeFieldEditor.js";
-import _sfc_main$2 from "./CompositeSummaryEditor.js";
+import { compositeBacklinks, compositeOfRow } from "../rows.js";
+import _sfc_main$1 from "./DerivationBadge.js";
+import _sfc_main$2 from "./CompositeFieldEditor.js";
+import _sfc_main$3 from "./CompositeSummaryEditor.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, ref, renderList, toDisplayString, unref, watch } from "vue";
 //#region src/features/composites/components/CompositeDetails.vue
 const _hoisted_1 = { class: "flex w-72 flex-col gap-2.5 p-3 text-sm" };
@@ -29,10 +32,23 @@ const _hoisted_10 = { class: "flex justify-end gap-1.5" };
 const _hoisted_11 = { class: "text-xs text-[var(--sk-muted)]" };
 const _hoisted_12 = { class: "flex flex-col gap-1" };
 const _hoisted_13 = { class: "text-xs text-[var(--sk-muted)]" };
+const _hoisted_14 = {
+	key: 4,
+	class: "flex flex-col gap-1"
+};
+const _hoisted_15 = { class: "text-xs text-[var(--sk-muted)]" };
+const _hoisted_16 = { class: "flex flex-col gap-0.5" };
+const _hoisted_17 = ["onClick"];
+const _hoisted_18 = { class: "truncate" };
+const _hoisted_19 = {
+	key: 0,
+	class: "shrink-0 text-[var(--sk-muted)]"
+};
 /**
 * Content of the popover on a composite's front icon: the kind (a select, plain text while read-only), every field of
 * the kind except the status (its chip edits it) and the summary. Choosing another kind first shows an inline warning
-* that names the field values the switch drops (`setCompositeKind` keeps only meta keys the new kind declares) and
+* that names the field values the switch drops (`setCompositeKind` keeps the meta keys the new kind declares, plus
+* `derivation` and `bib`, see `keepsMetaKey`) and
 * applies the change on „Ändern“.
 */
 const _sfc_main = /*@__PURE__*/ defineComponent({
@@ -52,19 +68,25 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			label: kind.label,
 			icon: kind.icon
 		})));
-		const fields = computed(() => props.row.fields.filter((field) => field.key !== "status"));
+		const fields = computed(() => props.row.fields.filter((field) => field.key !== "status" && field.type !== "derivation"));
+		/** The row's Baustein when it is derived (has a `meta.derivation`). */
+		const derivedNode = computed(() => {
+			const found = compositeOfRow(props.editor.state.doc, props.row);
+			return found && derivationOf(found.node) ? found.node : null;
+		});
+		/** The places that refer to the row's Baustein (chips in other blocks, `reference` fields), for the „Verweise“ list. */
+		const backlinks = computed(() => props.row.id ? compositeBacklinks(props.editor.state.doc, kinds.value, props.row.id) : []);
 		/** The kind chosen in the select, waiting for the confirmation. */
 		const pending = ref(null);
 		watch(() => props.row.kind, () => {
 			pending.value = null;
 		});
 		const pendingLabel = computed(() => kinds.value.find((kind) => kind.id === pending.value)?.label ?? "");
-		/** Field values of the row that the pending kind does not declare, as „Label: value“. */
+		/** Field values of the row that the pending kind does not keep (`keepsMetaKey`), as „Label: value“. */
 		const lost = computed(() => {
 			const target = kinds.value.find((kind) => kind.id === pending.value);
 			if (!target) return [];
-			const kept = new Set(target.fields.map((field) => field.key));
-			return Object.entries(props.row.meta).filter(([key, value]) => !kept.has(key) && value != null && value !== "").map(([key, value]) => {
+			return Object.entries(props.row.meta).filter(([key, value]) => !keepsMetaKey(target, key) && value != null && value !== "").map(([key, value]) => {
 				const field = props.row.fields.find((candidate) => candidate.key === key);
 				const text = typeof value === "object" ? JSON.stringify(value) : String(value);
 				return {
@@ -122,11 +144,17 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					label: unref(t)("composites.details.change"),
 					onClick: apply
 				}, null, 8, ["label"])])])) : createCommentVNode("v-if", true),
+				derivedNode.value ? (openBlock(), createBlock(_sfc_main$1, {
+					key: 3,
+					editor: __props.editor,
+					node: derivedNode.value,
+					detailed: ""
+				}, null, 8, ["editor", "node"])) : createCommentVNode("v-if", true),
 				(openBlock(true), createElementBlock(Fragment, null, renderList(fields.value, (field) => {
 					return openBlock(), createElementBlock("div", {
 						key: field.key,
 						class: "flex flex-col gap-1"
-					}, [createElementVNode("span", _hoisted_11, toDisplayString(field.label), 1), createVNode(_sfc_main$1, {
+					}, [createElementVNode("span", _hoisted_11, toDisplayString(field.label), 1), createVNode(_sfc_main$2, {
 						editor: __props.editor,
 						row: __props.row,
 						field,
@@ -139,7 +167,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						"disabled"
 					])]);
 				}), 128)),
-				createElementVNode("div", _hoisted_12, [createElementVNode("span", _hoisted_13, toDisplayString(unref(t)("composites.details.summary")), 1), createVNode(_sfc_main$2, {
+				createElementVNode("div", _hoisted_12, [createElementVNode("span", _hoisted_13, toDisplayString(unref(t)("composites.details.summary")), 1), createVNode(_sfc_main$3, {
 					editor: __props.editor,
 					row: __props.row,
 					readonly: !__props.editable
@@ -147,7 +175,14 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"editor",
 					"row",
 					"readonly"
-				])])
+				])]),
+				backlinks.value.length ? (openBlock(), createElementBlock("div", _hoisted_14, [createElementVNode("span", _hoisted_15, toDisplayString(unref(t)("composites.reference.backlinks")), 1), createElementVNode("ul", _hoisted_16, [(openBlock(true), createElementBlock(Fragment, null, renderList(backlinks.value, (link, index) => {
+					return openBlock(), createElementBlock("li", { key: `${link.from}:${index}` }, [createElementVNode("button", {
+						type: "button",
+						class: "flex w-full min-w-0 items-baseline gap-1 rounded-sm text-left text-xs text-[var(--sk-fg)] hover:text-[var(--sk-primary)] focus-visible:outline-2 focus-visible:outline-[var(--sk-primary)]",
+						onClick: ($event) => __props.editor.commands.revealBlock(link.from)
+					}, [createElementVNode("span", _hoisted_18, toDisplayString(link.excerpt || "…"), 1), link.locator ? (openBlock(), createElementBlock("span", _hoisted_19, toDisplayString(link.locator), 1)) : createCommentVNode("v-if", true)], 8, _hoisted_17)]);
+				}), 128))])])) : createCommentVNode("v-if", true)
 			]);
 		};
 	}

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

@@ -1 +1 @@
-{"version":3,"file":"CompositeDetails.js","names":["_openBlock","_createElementBlock","_createBlock","_unref","_createElementVNode","_toDisplayString","_Fragment","_renderList","_createVNode","_createCommentVNode","CompositeFieldEditor","CompositeSummaryEditor"],"sources":["../../../../src/features/composites/components/CompositeDetails.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/vue-3'\nimport { computed, ref, watch } from 'vue'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { compositeKindsOf } from '../nodes'\nimport { compositeOfRow, type CompositeRow } from '../rows'\nimport CompositeFieldEditor from './CompositeFieldEditor.vue'\nimport CompositeSummaryEditor from './CompositeSummaryEditor.vue'\n\n/**\n * Content of the popover on a composite's front icon: the kind (a select, plain text while read-only), every field of\n * the kind except the status (its chip edits it) and the summary. Choosing another kind first shows an inline warning\n * that names the field values the switch drops (`setCompositeKind` keeps only meta keys the new kind declares) and\n * applies the change on „Ändern“.\n */\nconst props = defineProps<{ editor: Editor, row: CompositeRow, editable: boolean }>()\n\nconst { Button: UButton, Icon: UIcon, Select: USelect } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst kinds = computed(() => compositeKindsOf(props.editor))\nconst kindItems = computed(() => kinds.value.map(kind => ({ value: kind.id, label: kind.label, icon: kind.icon })))\nconst fields = computed(() => props.row.fields.filter(field => field.key !== 'status'))\n\n/** The kind chosen in the select, waiting for the confirmation. */\nconst pending = ref<string | null>(null)\n// The kind changed some other way (undo, inspector, another select): a stale confirmation would be misleading.\nwatch(() => props.row.kind, () => {\n  pending.value = null\n})\n\nconst pendingLabel = computed(() => kinds.value.find(kind => kind.id === pending.value)?.label ?? '')\n\n/** Field values of the row that the pending kind does not declare, as „Label: value“. */\nconst lost = computed(() => {\n  const target = kinds.value.find(kind => kind.id === pending.value)\n  if (!target) return []\n  const kept = new Set(target.fields.map(field => field.key))\n  return Object.entries(props.row.meta)\n    .filter(([key, value]) => !kept.has(key) && value != null && value !== '')\n    .map(([key, value]) => {\n      const field = props.row.fields.find(candidate => candidate.key === key)\n      const text = typeof value === 'object' ? JSON.stringify(value) : String(value)\n      return { key, label: field?.label ?? key, text: field?.options?.find(option => option.value === text)?.label ?? text }\n    })\n})\n\nfunction onKind(kind: unknown) {\n  pending.value = typeof kind === 'string' && kind !== props.row.kind ? kind : null\n}\n\nfunction apply() {\n  const kind = pending.value\n  pending.value = null\n  const found = compositeOfRow(props.editor.state.doc, props.row)\n  if (kind && found) props.editor.commands.setCompositeKind(kind, found.pos)\n}\n</script>\n\n<template>\n  <div class=\"flex w-72 flex-col gap-2.5 p-3 text-sm\">\n    <USelect\n      v-if=\"editable\"\n      :model-value=\"row.kind\"\n      :items=\"kindItems\"\n      size=\"xs\"\n      class=\"w-full\"\n      :aria-label=\"t('composites.kind.select')\"\n      @update:model-value=\"onKind\"\n    />\n    <p v-else class=\"flex min-w-0 items-center gap-1.5 text-[var(--sk-fg-highlighted)]\">\n      <UIcon :key=\"row.icon\" :name=\"row.icon\" class=\"size-4 shrink-0 text-[var(--sk-muted)]\" />\n      <span class=\"truncate\">{{ row.kindLabel }}</span>\n    </p>\n\n    <div v-if=\"pending\" role=\"alert\" class=\"flex flex-col gap-2 rounded-md bg-[color-mix(in_oklab,var(--sk-warning)_10%,transparent)] p-2 text-xs text-[var(--sk-fg)] ring ring-[color-mix(in_oklab,var(--sk-warning)_40%,transparent)]\">\n      <template v-if=\"lost.length\">\n        <p class=\"font-medium\">\n          {{ t('composites.details.confirmLost', { kind: pendingLabel }) }}\n        </p>\n        <ul class=\"flex flex-col gap-0.5\">\n          <li v-for=\"item in lost\" :key=\"item.key\" class=\"flex min-w-0 gap-1\">\n            <span class=\"shrink-0 text-[var(--sk-muted)]\">{{ item.label }}:</span>\n            <span class=\"truncate\" :title=\"item.text\">{{ item.text }}</span>\n          </li>\n        </ul>\n      </template>\n      <p v-else class=\"font-medium\">\n        {{ t('composites.details.confirm') }}\n      </p>\n      <div class=\"flex justify-end gap-1.5\">\n        <UButton size=\"xs\" color=\"neutral\" variant=\"ghost\" :label=\"t('composites.details.cancel')\" @click=\"pending = null\" />\n        <UButton size=\"xs\" color=\"warning\" :label=\"t('composites.details.change')\" @click=\"apply\" />\n      </div>\n    </div>\n\n    <div v-for=\"field in fields\" :key=\"field.key\" class=\"flex flex-col gap-1\">\n      <span class=\"text-xs text-[var(--sk-muted)]\">{{ field.label }}</span>\n      <CompositeFieldEditor :editor=\"editor\" :row=\"row\" :field=\"field\" :disabled=\"!editable\" size=\"xs\" />\n    </div>\n\n    <div class=\"flex flex-col gap-1\">\n      <span class=\"text-xs text-[var(--sk-muted)]\">{{ t('composites.details.summary') }}</span>\n      <CompositeSummaryEditor :editor=\"editor\" :row=\"row\" :readonly=\"!editable\" />\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"CompositeDetails.js","names":["_openBlock","_createElementBlock","_createBlock","_unref","_createElementVNode","_toDisplayString","_Fragment","_renderList","_createVNode","_createCommentVNode","DerivationBadge","CompositeFieldEditor","CompositeSummaryEditor"],"sources":["../../../../src/features/composites/components/CompositeDetails.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/vue-3'\nimport { computed, ref, watch } from 'vue'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { derivationOf } from '../derivation'\nimport { keepsMetaKey } from '../meta-keys'\nimport { compositeKindsOf } from '../nodes'\nimport { compositeBacklinks, compositeOfRow, type CompositeRow } from '../rows'\nimport CompositeFieldEditor from './CompositeFieldEditor.vue'\nimport DerivationBadge from './DerivationBadge.vue'\nimport CompositeSummaryEditor from './CompositeSummaryEditor.vue'\n\n/**\n * Content of the popover on a composite's front icon: the kind (a select, plain text while read-only), every field of\n * the kind except the status (its chip edits it) and the summary. Choosing another kind first shows an inline warning\n * that names the field values the switch drops (`setCompositeKind` keeps the meta keys the new kind declares, plus\n * `derivation` and `bib`, see `keepsMetaKey`) and\n * applies the change on „Ändern“.\n */\nconst props = defineProps<{ editor: Editor, row: CompositeRow, editable: boolean }>()\n\nconst { Button: UButton, Icon: UIcon, Select: USelect } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst kinds = computed(() => compositeKindsOf(props.editor))\nconst kindItems = computed(() => kinds.value.map(kind => ({ value: kind.id, label: kind.label, icon: kind.icon })))\n// The `derivation` field is shown by the details badge below, with the checks a field display cannot do.\nconst fields = computed(() => props.row.fields.filter(field => field.key !== 'status' && field.type !== 'derivation'))\n\n/** The row's Baustein when it is derived (has a `meta.derivation`). */\nconst derivedNode = computed(() => {\n  const found = compositeOfRow(props.editor.state.doc, props.row)\n  return found && derivationOf(found.node) ? found.node : null\n})\n\n/** The places that refer to the row's Baustein (chips in other blocks, `reference` fields), for the „Verweise“ list. */\nconst backlinks = computed(() => props.row.id ? compositeBacklinks(props.editor.state.doc, kinds.value, props.row.id) : [])\n\n/** The kind chosen in the select, waiting for the confirmation. */\nconst pending = ref<string | null>(null)\n// The kind changed some other way (undo, inspector, another select): a stale confirmation would be misleading.\nwatch(() => props.row.kind, () => {\n  pending.value = null\n})\n\nconst pendingLabel = computed(() => kinds.value.find(kind => kind.id === pending.value)?.label ?? '')\n\n/** Field values of the row that the pending kind does not keep (`keepsMetaKey`), as „Label: value“. */\nconst lost = computed(() => {\n  const target = kinds.value.find(kind => kind.id === pending.value)\n  if (!target) return []\n  return Object.entries(props.row.meta)\n    .filter(([key, value]) => !keepsMetaKey(target, key) && value != null && value !== '')\n    .map(([key, value]) => {\n      const field = props.row.fields.find(candidate => candidate.key === key)\n      const text = typeof value === 'object' ? JSON.stringify(value) : String(value)\n      return { key, label: field?.label ?? key, text: field?.options?.find(option => option.value === text)?.label ?? text }\n    })\n})\n\nfunction onKind(kind: unknown) {\n  pending.value = typeof kind === 'string' && kind !== props.row.kind ? kind : null\n}\n\nfunction apply() {\n  const kind = pending.value\n  pending.value = null\n  const found = compositeOfRow(props.editor.state.doc, props.row)\n  if (kind && found) props.editor.commands.setCompositeKind(kind, found.pos)\n}\n</script>\n\n<template>\n  <div class=\"flex w-72 flex-col gap-2.5 p-3 text-sm\">\n    <USelect\n      v-if=\"editable\"\n      :model-value=\"row.kind\"\n      :items=\"kindItems\"\n      size=\"xs\"\n      class=\"w-full\"\n      :aria-label=\"t('composites.kind.select')\"\n      @update:model-value=\"onKind\"\n    />\n    <p v-else class=\"flex min-w-0 items-center gap-1.5 text-[var(--sk-fg-highlighted)]\">\n      <UIcon :key=\"row.icon\" :name=\"row.icon\" class=\"size-4 shrink-0 text-[var(--sk-muted)]\" />\n      <span class=\"truncate\">{{ row.kindLabel }}</span>\n    </p>\n\n    <div v-if=\"pending\" role=\"alert\" class=\"flex flex-col gap-2 rounded-md bg-[color-mix(in_oklab,var(--sk-warning)_10%,transparent)] p-2 text-xs text-[var(--sk-fg)] ring ring-[color-mix(in_oklab,var(--sk-warning)_40%,transparent)]\">\n      <template v-if=\"lost.length\">\n        <p class=\"font-medium\">\n          {{ t('composites.details.confirmLost', { kind: pendingLabel }) }}\n        </p>\n        <ul class=\"flex flex-col gap-0.5\">\n          <li v-for=\"item in lost\" :key=\"item.key\" class=\"flex min-w-0 gap-1\">\n            <span class=\"shrink-0 text-[var(--sk-muted)]\">{{ item.label }}:</span>\n            <span class=\"truncate\" :title=\"item.text\">{{ item.text }}</span>\n          </li>\n        </ul>\n      </template>\n      <p v-else class=\"font-medium\">\n        {{ t('composites.details.confirm') }}\n      </p>\n      <div class=\"flex justify-end gap-1.5\">\n        <UButton size=\"xs\" color=\"neutral\" variant=\"ghost\" :label=\"t('composites.details.cancel')\" @click=\"pending = null\" />\n        <UButton size=\"xs\" color=\"warning\" :label=\"t('composites.details.change')\" @click=\"apply\" />\n      </div>\n    </div>\n\n    <DerivationBadge v-if=\"derivedNode\" :editor=\"editor\" :node=\"derivedNode\" detailed />\n\n    <div v-for=\"field in fields\" :key=\"field.key\" class=\"flex flex-col gap-1\">\n      <span class=\"text-xs text-[var(--sk-muted)]\">{{ field.label }}</span>\n      <CompositeFieldEditor :editor=\"editor\" :row=\"row\" :field=\"field\" :disabled=\"!editable\" size=\"xs\" />\n    </div>\n\n    <div class=\"flex flex-col gap-1\">\n      <span class=\"text-xs text-[var(--sk-muted)]\">{{ t('composites.details.summary') }}</span>\n      <CompositeSummaryEditor :editor=\"editor\" :row=\"row\" :readonly=\"!editable\" />\n    </div>\n\n    <div v-if=\"backlinks.length\" class=\"flex flex-col gap-1\">\n      <span class=\"text-xs text-[var(--sk-muted)]\">{{ t('composites.reference.backlinks') }}</span>\n      <ul class=\"flex flex-col gap-0.5\">\n        <li v-for=\"(link, index) in backlinks\" :key=\"`${link.from}:${index}`\">\n          <button\n            type=\"button\"\n            class=\"flex w-full min-w-0 items-baseline gap-1 rounded-sm text-left text-xs text-[var(--sk-fg)] hover:text-[var(--sk-primary)] focus-visible:outline-2 focus-visible:outline-[var(--sk-primary)]\"\n            @click=\"editor.commands.revealBlock(link.from)\"\n          >\n            <span class=\"truncate\">{{ link.excerpt || '…' }}</span>\n            <span v-if=\"link.locator\" class=\"shrink-0 text-[var(--sk-muted)]\">{{ link.locator }}</span>\n          </button>\n        </li>\n      </ul>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

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

@@ -4,7 +4,8 @@ import { Editor } from "@tiptap/vue-3";
 /**
  * Content of the popover on a composite's front icon: the kind (a select, plain text while read-only), every field of
  * the kind except the status (its chip edits it) and the summary. Choosing another kind first shows an inline warning
- * that names the field values the switch drops (`setCompositeKind` keeps only meta keys the new kind declares) and
+ * that names the field values the switch drops (`setCompositeKind` keeps the meta keys the new kind declares, plus
+ * `derivation` and `bib`, see `keepsMetaKey`) and
  * applies the change on „Ändern“.
  */
 type __VLS_Props = {

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

@@ -1,8 +1,11 @@
 import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
 import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
-import { setCompositeMetaField } from "../rows.js";
+import { compositeOfRow, setCompositeMetaField } from "../rows.js";
 import { metaText } from "../meta-display.js";
-import { computed, createBlock, defineComponent, onBeforeUnmount, openBlock, ref, unref, watch, withKeys } from "vue";
+import _sfc_main$1 from "./BibliographyEditor.js";
+import _sfc_main$2 from "./DerivationBadge.js";
+import _sfc_main$3 from "./ReferenceFieldSelect.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, onBeforeUnmount, openBlock, ref, unref, watch, withKeys } from "vue";
 //#region src/features/composites/components/CompositeFieldEditor.vue
 /**
 * One meta field of a Baustein as an input that writes through `setCompositeMetaField`. Text-like inputs keep a local
@@ -20,9 +23,16 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	},
 	setup(__props) {
 		const props = __props;
-		const { Input: UInput, Select: USelect, Textarea: UTextarea } = useUiKit();
+		const { Input: UInput, InputMenu: UInputMenu, Select: USelect, Textarea: UTextarea } = useUiKit();
 		const { t } = useEditorI18n();
+		/** The Baustein a `derivation` field belongs to; the read-only provenance display needs the node, not the field text. */
+		const derived = computed(() => props.field.type === "derivation" ? compositeOfRow(props.editor.state.doc, props.row)?.node ?? null : null);
 		const stored = computed(() => metaText(props.row, props.field));
+		/** The chosen values of a `multiselect` field (`meta[key]` is a `string[]`). */
+		const chosen = computed(() => {
+			const value = props.row.meta[props.field.key];
+			return Array.isArray(value) ? value.filter((item) => typeof item === "string") : [];
+		});
 		const draft = ref(stored.value);
 		const typing = ref(false);
 		let dirty = false;
@@ -50,6 +60,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		function onChoice(value) {
 			setCompositeMetaField(props.editor, props.row, props.field.key, typeof value === "string" ? value : "");
 		}
+		function onChoices(value) {
+			setCompositeMetaField(props.editor, props.row, props.field.key, Array.isArray(value) ? value : []);
+		}
 		return (_ctx, _cache) => {
 			return __props.field.type === "select" ? (openBlock(), createBlock(unref(USelect), {
 				key: 0,
@@ -68,8 +81,54 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				"aria-label",
 				"disabled",
 				"size"
-			])) : __props.field.type === "textarea" ? (openBlock(), createBlock(unref(UTextarea), {
+			])) : __props.field.type === "multiselect" ? (openBlock(), createBlock(unref(UInputMenu), {
 				key: 1,
+				multiple: "",
+				"model-value": chosen.value,
+				items: __props.field.options ?? [],
+				placeholder: unref(t)("composites.field.choose", { field: __props.field.label }),
+				"aria-label": __props.field.label,
+				disabled: __props.disabled,
+				size: __props.size,
+				class: "w-full",
+				"onUpdate:modelValue": onChoices
+			}, null, 8, [
+				"model-value",
+				"items",
+				"placeholder",
+				"aria-label",
+				"disabled",
+				"size"
+			])) : __props.field.type === "reference" ? (openBlock(), createBlock(_sfc_main$3, {
+				key: 2,
+				editor: __props.editor,
+				row: __props.row,
+				field: __props.field,
+				disabled: __props.disabled,
+				size: __props.size
+			}, null, 8, [
+				"editor",
+				"row",
+				"field",
+				"disabled",
+				"size"
+			])) : __props.field.type === "bibliography" ? (openBlock(), createBlock(_sfc_main$1, {
+				key: 3,
+				editor: __props.editor,
+				row: __props.row,
+				field: __props.field,
+				disabled: __props.disabled
+			}, null, 8, [
+				"editor",
+				"row",
+				"field",
+				"disabled"
+			])) : __props.field.type === "derivation" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [derived.value ? (openBlock(), createBlock(_sfc_main$2, {
+				key: 0,
+				editor: __props.editor,
+				node: derived.value
+			}, null, 8, ["editor", "node"])) : createCommentVNode("v-if", true)], 64)) : __props.field.type === "textarea" ? (openBlock(), createBlock(unref(UTextarea), {
+				key: 5,
 				"model-value": draft.value,
 				"aria-label": __props.field.label,
 				disabled: __props.disabled,
@@ -87,7 +146,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				"disabled",
 				"size"
 			])) : (openBlock(), createBlock(unref(UInput), {
-				key: 2,
+				key: 6,
 				"model-value": draft.value,
 				type: __props.field.type,
 				"aria-label": __props.field.label,

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

@@ -1 +1 @@
-{"version":3,"file":"CompositeFieldEditor.js","names":["_openBlock","_createBlock","_unref","_withKeys"],"sources":["../../../../src/features/composites/components/CompositeFieldEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport type { CompositeMetaField } from '../kinds'\nimport { metaText } from '../meta-display'\nimport { type CompositeRow, setCompositeMetaField } from '../rows'\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 */\nconst props = withDefaults(defineProps<{\n  editor: Editor\n  row: CompositeRow\n  field: CompositeMetaField\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md'\n}>(), { size: 'sm' })\n\nconst { Input: UInput, Select: USelect, Textarea: UTextarea } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst stored = computed(() => metaText(props.row, props.field))\nconst draft = ref(stored.value)\nconst typing = ref(false)\nlet dirty = false\nlet timer: ReturnType<typeof setTimeout> | undefined\n\nwatch(stored, (value) => {\n  if (!typing.value && !dirty) draft.value = value\n})\n\nfunction commit() {\n  clearTimeout(timer)\n  if (!dirty) return\n  dirty = false\n  if (!props.editor.isDestroyed) setCompositeMetaField(props.editor, props.row, props.field.key, draft.value)\n}\n\nfunction onInput(value: unknown) {\n  draft.value = typeof value === 'string' ? value : ''\n  dirty = true\n  clearTimeout(timer)\n  timer = setTimeout(commit, 400)\n}\n\nfunction onBlur() {\n  typing.value = false\n  commit()\n}\n\nonBeforeUnmount(commit)\n\nfunction onChoice(value: unknown) {\n  setCompositeMetaField(props.editor, props.row, props.field.key, typeof value === 'string' ? value : '')\n}\n</script>\n\n<template>\n  <USelect\n    v-if=\"field.type === 'select'\"\n    :model-value=\"stored || undefined\"\n    :items=\"field.options ?? []\"\n    :placeholder=\"t('composites.field.choose', { field: field.label })\"\n    :aria-label=\"field.label\"\n    :disabled=\"disabled\"\n    :size=\"size\"\n    class=\"w-full\"\n    @update:model-value=\"onChoice\"\n  />\n  <UTextarea\n    v-else-if=\"field.type === 'textarea'\"\n    :model-value=\"draft\"\n    :aria-label=\"field.label\"\n    :disabled=\"disabled\"\n    :size=\"size\"\n    autoresize\n    :rows=\"2\"\n    :maxrows=\"6\"\n    class=\"w-full\"\n    @focus=\"typing = true\"\n    @blur=\"onBlur\"\n    @update:model-value=\"onInput\"\n  />\n  <UInput\n    v-else\n    :model-value=\"draft\"\n    :type=\"field.type\"\n    :aria-label=\"field.label\"\n    :disabled=\"disabled\"\n    :size=\"size\"\n    class=\"w-full\"\n    @focus=\"typing = true\"\n    @blur=\"onBlur\"\n    @keydown.enter=\"commit\"\n    @update:model-value=\"onInput\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAcA,MAAM,QAAQ;EAQd,MAAM,EAAE,OAAO,QAAQ,QAAQ,SAAS,UAAU,cAAc,SAAS;EACzE,MAAM,EAAE,MAAM,cAAc;EAE5B,MAAM,SAAS,eAAe,SAAS,MAAM,KAAK,MAAM,KAAK,CAAC;EAC9D,MAAM,QAAQ,IAAI,OAAO,KAAK;EAC9B,MAAM,SAAS,IAAI,KAAK;EACxB,IAAI,QAAQ;EACZ,IAAI;EAEJ,MAAM,SAAS,UAAU;GACvB,IAAI,CAAC,OAAO,SAAS,CAAC,OAAO,MAAM,QAAQ;EAC7C,CAAC;EAED,SAAS,SAAS;GAChB,aAAa,KAAK;GAClB,IAAI,CAAC,OAAO;GACZ,QAAQ;GACR,IAAI,CAAC,MAAM,OAAO,aAAa,sBAAsB,MAAM,QAAQ,MAAM,KAAK,MAAM,MAAM,KAAK,MAAM,KAAK;EAC5G;EAEA,SAAS,QAAQ,OAAgB;GAC/B,MAAM,QAAQ,OAAO,UAAU,WAAW,QAAQ;GAClD,QAAQ;GACR,aAAa,KAAK;GAClB,QAAQ,WAAW,QAAQ,GAAG;EAChC;EAEA,SAAS,SAAS;GAChB,OAAO,QAAQ;GACf,OAAO;EACT;EAEA,gBAAgB,MAAM;EAEtB,SAAS,SAAS,OAAgB;GAChC,sBAAsB,MAAM,QAAQ,MAAM,KAAK,MAAM,MAAM,KAAK,OAAO,UAAU,WAAW,QAAQ,EAAE;EACxG;;GAKU,OAAA,QAAA,MAAM,SAAI,YADlBA,UAAA,GAAAC,YAUEC,MAAA,OAAA,GAAA;;IARC,eAAa,OAAA,SAAU,KAAA;IACvB,OAAO,QAAA,MAAM,WAAO,CAAA;IACpB,aAAaA,MAAA,CAAA,CAAC,CAAA,2BAAA,EAAA,OAAqC,QAAA,MAAM,MAAK,CAAA;IAC9D,cAAY,QAAA,MAAM;IAClB,UAAU,QAAA;IACV,MAAM,QAAA;IACP,OAAM;IACL,uBAAoB;;;;;;;;GAGV,CAAA,KAAA,QAAA,MAAM,SAAI,cADvBF,UAAA,GAAAC,YAaEC,MAAA,SAAA,GAAA;;IAXC,eAAa,MAAA;IACb,cAAY,QAAA,MAAM;IAClB,UAAU,QAAA;IACV,MAAM,QAAA;IACP,YAAA;IACC,MAAM;IACN,SAAS;IACV,OAAM;IACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,QAAM;IACP;IACN,uBAAoB;;;;;;GAEvB,CAAA,MAAAF,UAAA,GAAAC,YAYEC,MAAA,MAAA,GAAA;;IAVC,eAAa,MAAA;IACb,MAAM,QAAA,MAAM;IACZ,cAAY,QAAA,MAAM;IAClB,UAAU,QAAA;IACV,MAAM,QAAA;IACP,OAAM;IACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,QAAM;IACP;IACN,WAAOC,SAAQ,QAAM,CAAA,OAAA,CAAA;IACrB,uBAAoB"}
+{"version":3,"file":"CompositeFieldEditor.js","names":["_openBlock","_createBlock","_unref","ReferenceFieldSelect","BibliographyEditor","_createElementBlock","_Fragment","DerivationBadge","_createCommentVNode","_withKeys"],"sources":["../../../../src/features/composites/components/CompositeFieldEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport type { CompositeMetaField } from '../kinds'\nimport { metaText } from '../meta-display'\nimport { compositeOfRow, type CompositeRow, setCompositeMetaField } from '../rows'\nimport BibliographyEditor from './BibliographyEditor.vue'\nimport DerivationBadge from './DerivationBadge.vue'\nimport ReferenceFieldSelect from './ReferenceFieldSelect.vue'\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 */\nconst props = withDefaults(defineProps<{\n  editor: Editor\n  row: CompositeRow\n  field: CompositeMetaField\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md'\n}>(), { size: 'sm' })\n\nconst { Input: UInput, InputMenu: UInputMenu, Select: USelect, Textarea: UTextarea } = useUiKit()\nconst { t } = useEditorI18n()\n\n/** The Baustein a `derivation` field belongs to; the read-only provenance display needs the node, not the field text. */\nconst derived = computed(() => props.field.type === 'derivation' ? compositeOfRow(props.editor.state.doc, props.row)?.node ?? null : null)\n\nconst stored = computed(() => metaText(props.row, props.field))\n/** The chosen values of a `multiselect` field (`meta[key]` is a `string[]`). */\nconst chosen = computed(() => {\n  const value = props.row.meta[props.field.key]\n  return Array.isArray(value) ? value.filter((item): item is string => typeof item === 'string') : []\n})\nconst draft = ref(stored.value)\nconst typing = ref(false)\nlet dirty = false\nlet timer: ReturnType<typeof setTimeout> | undefined\n\nwatch(stored, (value) => {\n  if (!typing.value && !dirty) draft.value = value\n})\n\nfunction commit() {\n  clearTimeout(timer)\n  if (!dirty) return\n  dirty = false\n  if (!props.editor.isDestroyed) setCompositeMetaField(props.editor, props.row, props.field.key, draft.value)\n}\n\nfunction onInput(value: unknown) {\n  draft.value = typeof value === 'string' ? value : ''\n  dirty = true\n  clearTimeout(timer)\n  timer = setTimeout(commit, 400)\n}\n\nfunction onBlur() {\n  typing.value = false\n  commit()\n}\n\nonBeforeUnmount(commit)\n\nfunction onChoice(value: unknown) {\n  setCompositeMetaField(props.editor, props.row, props.field.key, typeof value === 'string' ? value : '')\n}\n\nfunction onChoices(value: unknown) {\n  setCompositeMetaField(props.editor, props.row, props.field.key, Array.isArray(value) ? value : [])\n}\n</script>\n\n<template>\n  <USelect\n    v-if=\"field.type === 'select'\"\n    :model-value=\"stored || undefined\"\n    :items=\"field.options ?? []\"\n    :placeholder=\"t('composites.field.choose', { field: field.label })\"\n    :aria-label=\"field.label\"\n    :disabled=\"disabled\"\n    :size=\"size\"\n    class=\"w-full\"\n    @update:model-value=\"onChoice\"\n  />\n  <UInputMenu\n    v-else-if=\"field.type === 'multiselect'\"\n    multiple\n    :model-value=\"chosen\"\n    :items=\"field.options ?? []\"\n    :placeholder=\"t('composites.field.choose', { field: field.label })\"\n    :aria-label=\"field.label\"\n    :disabled=\"disabled\"\n    :size=\"size\"\n    class=\"w-full\"\n    @update:model-value=\"onChoices\"\n  />\n  <ReferenceFieldSelect\n    v-else-if=\"field.type === 'reference'\"\n    :editor=\"editor\"\n    :row=\"row\"\n    :field=\"field\"\n    :disabled=\"disabled\"\n    :size=\"size\"\n  />\n  <BibliographyEditor\n    v-else-if=\"field.type === 'bibliography'\"\n    :editor=\"editor\"\n    :row=\"row\"\n    :field=\"field\"\n    :disabled=\"disabled\"\n  />\n  <template v-else-if=\"field.type === 'derivation'\">\n    <DerivationBadge v-if=\"derived\" :editor=\"editor\" :node=\"derived\" />\n  </template>\n  <UTextarea\n    v-else-if=\"field.type === 'textarea'\"\n    :model-value=\"draft\"\n    :aria-label=\"field.label\"\n    :disabled=\"disabled\"\n    :size=\"size\"\n    autoresize\n    :rows=\"2\"\n    :maxrows=\"6\"\n    class=\"w-full\"\n    @focus=\"typing = true\"\n    @blur=\"onBlur\"\n    @update:model-value=\"onInput\"\n  />\n  <UInput\n    v-else\n    :model-value=\"draft\"\n    :type=\"field.type\"\n    :aria-label=\"field.label\"\n    :disabled=\"disabled\"\n    :size=\"size\"\n    class=\"w-full\"\n    @focus=\"typing = true\"\n    @blur=\"onBlur\"\n    @keydown.enter=\"commit\"\n    @update:model-value=\"onInput\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,QAAQ;EAQd,MAAM,EAAE,OAAO,QAAQ,WAAW,YAAY,QAAQ,SAAS,UAAU,cAAc,SAAS;EAChG,MAAM,EAAE,MAAM,cAAc;;EAG5B,MAAM,UAAU,eAAe,MAAM,MAAM,SAAS,eAAe,eAAe,MAAM,OAAO,MAAM,KAAK,MAAM,GAAG,CAAC,EAAE,QAAQ,OAAO,IAAI;EAEzI,MAAM,SAAS,eAAe,SAAS,MAAM,KAAK,MAAM,KAAK,CAAC;;EAE9D,MAAM,SAAS,eAAe;GAC5B,MAAM,QAAQ,MAAM,IAAI,KAAK,MAAM,MAAM;GACzC,OAAO,MAAM,QAAQ,KAAK,IAAI,MAAM,QAAQ,SAAyB,OAAO,SAAS,QAAQ,IAAI,CAAC;EACpG,CAAC;EACD,MAAM,QAAQ,IAAI,OAAO,KAAK;EAC9B,MAAM,SAAS,IAAI,KAAK;EACxB,IAAI,QAAQ;EACZ,IAAI;EAEJ,MAAM,SAAS,UAAU;GACvB,IAAI,CAAC,OAAO,SAAS,CAAC,OAAO,MAAM,QAAQ;EAC7C,CAAC;EAED,SAAS,SAAS;GAChB,aAAa,KAAK;GAClB,IAAI,CAAC,OAAO;GACZ,QAAQ;GACR,IAAI,CAAC,MAAM,OAAO,aAAa,sBAAsB,MAAM,QAAQ,MAAM,KAAK,MAAM,MAAM,KAAK,MAAM,KAAK;EAC5G;EAEA,SAAS,QAAQ,OAAgB;GAC/B,MAAM,QAAQ,OAAO,UAAU,WAAW,QAAQ;GAClD,QAAQ;GACR,aAAa,KAAK;GAClB,QAAQ,WAAW,QAAQ,GAAG;EAChC;EAEA,SAAS,SAAS;GAChB,OAAO,QAAQ;GACf,OAAO;EACT;EAEA,gBAAgB,MAAM;EAEtB,SAAS,SAAS,OAAgB;GAChC,sBAAsB,MAAM,QAAQ,MAAM,KAAK,MAAM,MAAM,KAAK,OAAO,UAAU,WAAW,QAAQ,EAAE;EACxG;EAEA,SAAS,UAAU,OAAgB;GACjC,sBAAsB,MAAM,QAAQ,MAAM,KAAK,MAAM,MAAM,KAAK,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,CAAC;EACnG;;GAKU,OAAA,QAAA,MAAM,SAAI,YADlBA,UAAA,GAAAC,YAUEC,MAAA,OAAA,GAAA;;IARC,eAAa,OAAA,SAAU,KAAA;IACvB,OAAO,QAAA,MAAM,WAAO,CAAA;IACpB,aAAaA,MAAA,CAAA,CAAC,CAAA,2BAAA,EAAA,OAAqC,QAAA,MAAM,MAAK,CAAA;IAC9D,cAAY,QAAA,MAAM;IAClB,UAAU,QAAA;IACV,MAAM,QAAA;IACP,OAAM;IACL,uBAAoB;;;;;;;;GAGV,CAAA,KAAA,QAAA,MAAM,SAAI,iBADvBF,UAAA,GAAAC,YAWEC,MAAA,UAAA,GAAA;;IATA,UAAA;IACC,eAAa,OAAA;IACb,OAAO,QAAA,MAAM,WAAO,CAAA;IACpB,aAAaA,MAAA,CAAA,CAAC,CAAA,2BAAA,EAAA,OAAqC,QAAA,MAAM,MAAK,CAAA;IAC9D,cAAY,QAAA,MAAM;IAClB,UAAU,QAAA;IACV,MAAM,QAAA;IACP,OAAM;IACL,uBAAoB;;;;;;;;GAGV,CAAA,KAAA,QAAA,MAAM,SAAI,eADvBF,UAAA,GAAAC,YAOEE,aAAA;;IALC,QAAQ,QAAA;IACR,KAAK,QAAA;IACL,OAAO,QAAA;IACP,UAAU,QAAA;IACV,MAAM,QAAA;;;;;;;GAGI,CAAA,KAAA,QAAA,MAAM,SAAI,kBADvBH,UAAA,GAAAC,YAMEG,aAAA;;IAJC,QAAQ,QAAA;IACR,KAAK,QAAA;IACL,OAAO,QAAA;IACP,UAAU,QAAA;;;;;;GAEQ,CAAA,KAAA,QAAA,MAAM,SAAI,gBAA/BJ,UAAA,GAAAK,mBAEWC,UAAA,EAAA,KAAA,EAAA,GAAA,CADc,QAAA,SAAvBN,UAAA,GAAAC,YAAmEM,aAAA;;IAAlC,QAAQ,QAAA;IAAS,MAAM,QAAA;GAG7C,GAAA,MAAA,GAAA,CAAA,UAAA,MAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,GAAA,EAAA,KAAA,QAAA,MAAM,SAAI,cADvBP,UAAA,GAAAC,YAaEC,MAAA,SAAA,GAAA;;IAXC,eAAa,MAAA;IACb,cAAY,QAAA,MAAM;IAClB,UAAU,QAAA;IACV,MAAM,QAAA;IACP,YAAA;IACC,MAAM;IACN,SAAS;IACV,OAAM;IACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,QAAM;IACP;IACN,uBAAoB;;;;;;GAEvB,CAAA,MAAAF,UAAA,GAAAC,YAYEC,MAAA,MAAA,GAAA;;IAVC,eAAa,MAAA;IACb,MAAM,QAAA,MAAM;IACZ,cAAY,QAAA,MAAM;IAClB,UAAU,QAAA;IACV,MAAM,QAAA;IACP,OAAM;IACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,QAAM;IACP;IACN,WAAOO,SAAQ,QAAM,CAAA,OAAA,CAAA;IACrB,uBAAoB"}

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

@@ -1,7 +1,8 @@
+import { normalizeTagName } from "../../../core/tag-name.js";
 import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
 import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
-import { normalizeTagName } from "../../../core/tag-name.js";
-import { compositeFieldText } from "../inspector-model.js";
+import { compositeFieldText, isStructuredField } from "../inspector-model.js";
+import _sfc_main$1 from "./CompositeFieldEditor.js";
 import { useCompositeInspector } from "../use-composite-inspector.js";
 import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, toDisplayString, unref, useId, withCtx } from "vue";
 //#region src/features/composites/components/CompositeInspector.vue
@@ -199,7 +200,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					])]),
 					_: 1
 				}, 8, ["label", "help"]),
-				createVNode(unref(UFormField), {
+				unref(focused).tagsVisible ? (openBlock(), createBlock(unref(UFormField), {
+					key: 0,
 					label: unref(t)("composites.tags.label"),
 					size: "sm"
 				}, {
@@ -237,15 +239,26 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						"onCreate"
 					])]),
 					_: 1
-				}, 8, ["label"]),
+				}, 8, ["label"])) : createCommentVNode("v-if", true),
 				(openBlock(true), createElementBlock(Fragment, null, renderList(unref(focused).fields, (field) => {
 					return openBlock(), createBlock(unref(UFormField), {
 						key: field.key,
 						label: field.label,
 						size: "sm"
 					}, {
-						default: withCtx(() => [field.type === "select" ? (openBlock(), createBlock(unref(USelect), {
+						default: withCtx(() => [createCommentVNode(" Fields whose value is not text (reference, bibliography, derivation) have their own editors, as in the details card; a text input would overwrite the stored object with a string. "), unref(isStructuredField)(field) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.editor ? (openBlock(), createBlock(_sfc_main$1, {
 							key: 0,
+							editor: __props.editor,
+							row: unref(focused),
+							field,
+							disabled: !unref(editable)
+						}, null, 8, [
+							"editor",
+							"row",
+							"field",
+							"disabled"
+						])) : createCommentVNode("v-if", true)], 64)) : field.type === "select" ? (openBlock(), createBlock(unref(USelect), {
+							key: 1,
 							"model-value": unref(compositeFieldText)(unref(focused), field) || void 0,
 							items: field.options ?? [],
 							"aria-label": field.label,
@@ -261,7 +274,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							"disabled",
 							"onUpdate:modelValue"
 						])) : field.type === "textarea" ? (openBlock(), createBlock(unref(UTextarea), {
-							key: 1,
+							key: 2,
 							"model-value": unref(compositeFieldText)(unref(focused), field),
 							"aria-label": field.label,
 							autoresize: "",
@@ -277,7 +290,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							"readonly",
 							"onUpdate:modelValue"
 						])) : (openBlock(), createBlock(unref(UInput), {
-							key: 2,
+							key: 3,
 							"model-value": unref(compositeFieldText)(unref(focused), field),
 							type: field.type,
 							"aria-label": field.label,

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

@@ -1 +1 @@
-{"version":3,"file":"CompositeInspector.js","names":["_openBlock","_createElementBlock","_unref","_createElementVNode","_toDisplayString","_renderSlot","_Fragment","_renderList","_createVNode","_createBlock","_normalizeStyle","_withCtx","_normalizeClass","_createCommentVNode","_createTextVNode"],"sources":["../../../../src/features/composites/components/CompositeInspector.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport { useId } from 'vue'\nimport { normalizeTagName } from '../../../core/tag-name'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { compositeFieldText } from '../inspector-model'\nimport { useCompositeInspector } from '../use-composite-inspector'\n\n/**\n * Side panel with the metadata of the document *or* of the Baustein under the caret — one at a time — connected to\n * `editor`. Fills the height of its container and scrolls on its own; the width comes from the host. Open/close is\n * the host's business. The `document` slot carries host-provided document facts (title, folder, dates, presence) at\n * the top of the „Dokument“ section: render them as a `<dl>` with the same grid as below to look native.\n *\n * The „Baustein“ section shows while the caret is in a Baustein of the editor; the „Dokument“ section shows before\n * the editor was ever focused, while the caret is in editor text outside any Baustein, and while `documentFocused`.\n * `documentFocused`: the host's document-level input (its title field) has the focus. While it is true the panel\n * shows the „Dokument“ section and keeps showing it after the input blurs, until the caret returns to the editor.\n */\nconst props = defineProps<{ editor?: Editor, documentFocused?: boolean }>()\n\nconst { Badge: UBadge, FormField: UFormField, Icon: UIcon, Input: UInput, InputMenu: UInputMenu, Select: USelect, Textarea: UTextarea } = useUiKit()\nconst { t } = useEditorI18n()\n\ndefineSlots<{\n  /** Document facts known to the host only, rendered above the facts derived from the editor. */\n  document?: () => unknown\n}>()\n\nconst { inspector, section, editable, draft, searchTerm, tagItems, kindOptions, summarized, hasSummary, rows, tags, kinds, mentions, focused } = useCompositeInspector(() => props.editor, () => props.documentFocused)\n\nconst uid = useId()\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)' })\n\n// The Nuxt UI inputs emit loosely typed values; the model takes strings.\nfunction onKind(kind: unknown) {\n  if (typeof kind === 'string') inspector.value.setKind(kind)\n}\n\nfunction onDescriptionInput(value: unknown) {\n  inspector.value.inputDescription(typeof value === 'string' ? value : '')\n}\n\nfunction onTags(value: unknown) {\n  inspector.value.setTags(Array.isArray(value) ? value.filter((tag): tag is string => typeof tag === 'string') : [])\n}\n</script>\n\n<template>\n  <aside class=\"flex h-full min-h-0 flex-col overflow-y-auto text-sm\" :aria-label=\"t('composites.inspector.label')\">\n    <section v-if=\"section === 'document'\" class=\"flex-1 p-4\" :aria-labelledby=\"`${uid}-document`\">\n      <h2 :id=\"`${uid}-document`\" class=\"mb-3 text-sm font-semibold text-[var(--sk-fg-highlighted)]\">\n        {{ t('composites.inspector.document') }}\n      </h2>\n      <div class=\"flex flex-col gap-y-2\">\n        <slot name=\"document\" />\n        <dl class=\"grid grid-cols-[6.5rem_minmax(0,1fr)] items-start gap-x-3 gap-y-2\">\n          <dt class=\"min-h-6 leading-6 text-[var(--sk-muted)]\">\n            {{ t('composites.inspector.composites') }}\n          </dt>\n          <dd v-if=\"kinds.length\" class=\"m-0 flex min-w-0 flex-col gap-y-1\">\n            <span v-for=\"kind in kinds\" :key=\"kind.id\" class=\"flex min-h-6 min-w-0 items-center gap-2\">\n              <UIcon :name=\"kind.icon\" class=\"size-4 shrink-0 text-[var(--sk-muted)]\" />\n              <span class=\"min-w-0 flex-1 truncate text-[var(--sk-fg-highlighted)]\">{{ kind.label }}</span>\n              <span class=\"tabular-nums text-[var(--sk-muted)]\">{{ kind.count }}</span>\n            </span>\n            <span class=\"min-h-6 leading-6 tabular-nums text-[var(--sk-muted)]\">\n              {{ t('composites.inspector.summarized', { n: summarized, total: rows.length }) }}\n            </span>\n          </dd>\n          <dd v-else class=\"m-0 min-h-6 leading-6 text-[var(--sk-fg-dimmed)]\">\n            {{ t('composites.inspector.none') }}\n          </dd>\n\n          <dt class=\"min-h-6 leading-6 text-[var(--sk-muted)]\">\n            {{ t('composites.tags.label') }}\n          </dt>\n          <dd v-if=\"tags.length\" class=\"m-0 flex min-w-0 flex-wrap items-center gap-1\">\n            <UBadge v-for=\"tag in tags\" :key=\"tag\" color=\"neutral\" variant=\"subtle\" size=\"sm\" :label=\"`#${tag}`\" class=\"max-w-full\" />\n          </dd>\n          <dd v-else class=\"m-0 min-h-6 leading-6 text-[var(--sk-fg-dimmed)]\">\n            {{ t('composites.inspector.none') }}\n          </dd>\n\n          <dt class=\"min-h-6 leading-6 text-[var(--sk-muted)]\">\n            {{ t('composites.inspector.mentions') }}\n          </dt>\n          <dd v-if=\"mentions.length\" class=\"m-0 flex min-w-0 flex-wrap items-center gap-1\">\n            <span\n              v-for=\"mention in mentions\"\n              :key=\"mention.id\"\n              class=\"inline-flex max-w-full items-center gap-1.5 truncate rounded-sm px-1.5 py-0.5 text-xs font-medium text-[var(--sk-fg-highlighted)]\"\n              :style=\"[mentionStyle(mention.color), { background: 'color-mix(in oklab, var(--mention-color) 15%, transparent)' }]\"\n            >\n              <span class=\"size-1.5 shrink-0 rounded-full\" :style=\"{ background: 'var(--mention-color)' }\" />\n              <span class=\"truncate\">@{{ mention.label }}</span>\n            </span>\n          </dd>\n          <dd v-else class=\"m-0 min-h-6 leading-6 text-[var(--sk-fg-dimmed)]\">\n            {{ t('composites.inspector.none') }}\n          </dd>\n        </dl>\n      </div>\n    </section>\n    <section v-else-if=\"focused\" class=\"flex-1 p-4\" :aria-labelledby=\"`${uid}-composite`\">\n      <h2 :id=\"`${uid}-composite`\" class=\"mb-3 text-sm font-semibold text-[var(--sk-fg-highlighted)]\">\n        {{ t('composites.inspector.composite') }}\n      </h2>\n\n      <div :key=\"focused.key\" class=\"flex flex-col gap-3\">\n        <UFormField :label=\"t('composites.inspector.kind')\" size=\"sm\">\n          <USelect\n            :model-value=\"focused.kind\"\n            :items=\"kindOptions\"\n            size=\"sm\"\n            class=\"w-full\"\n            :aria-label=\"t('composites.kind.select')\"\n            :disabled=\"!editable\"\n            @update:model-value=\"onKind\"\n          />\n        </UFormField>\n\n        <UFormField :label=\"t('composites.inspector.title')\" size=\"sm\" :help=\"editable ? t('composites.inspector.titleHelp') : undefined\">\n          <p class=\"min-h-6 truncate leading-6\" :class=\"focused.title ? 'text-[var(--sk-fg-highlighted)]' : 'text-[var(--sk-fg-dimmed)]'\" :title=\"focused.title\">\n            {{ focused.title || t('composites.inspector.untitled') }}\n          </p>\n        </UFormField>\n\n        <UFormField\n          :label=\"t('composites.inspector.description')\"\n          size=\"sm\"\n          :help=\"focused.descriptionTextOnly ? undefined : t('composites.inspector.descriptionHelp')\"\n        >\n          <UTextarea\n            :model-value=\"draft\"\n            autoresize\n            :rows=\"3\"\n            :maxrows=\"10\"\n            size=\"sm\"\n            class=\"w-full\"\n            :placeholder=\"t('composites.inspector.description')\"\n            :aria-label=\"t('composites.inspector.description')\"\n            :readonly=\"!editable || !focused.descriptionTextOnly\"\n            @update:model-value=\"onDescriptionInput\"\n            @blur=\"inspector.blurDescription\"\n          />\n        </UFormField>\n\n        <UFormField :label=\"t('composites.tags.label')\" size=\"sm\">\n          <!-- `position` is required in the object form: InputMenu renders the create row only for 'top' or 'bottom'. -->\n          <UInputMenu\n            :search-term=\"searchTerm\"\n            multiple\n            :create-item=\"{ position: 'bottom', when: 'always' }\"\n            :model-value=\"focused.tags\"\n            :items=\"tagItems\"\n            ignore-filter\n            :placeholder=\"t('composites.tags.label')\"\n            :aria-label=\"t('composites.tags.label')\"\n            size=\"sm\"\n            icon=\"i-lucide-hash\"\n            class=\"w-full\"\n            :disabled=\"!editable\"\n            @update:model-value=\"onTags\"\n            @update:search-term=\"inspector.setSearchTerm\"\n            @update:open=\"(isOpen: boolean) => isOpen && inspector.searchTags()\"\n            @create=\"inspector.createTag\"\n          >\n            <template #create-item-label=\"{ item }: { item: string }\">\n              {{ t('composites.tags.create', { tag: normalizeTagName(item) || item }) }}\n            </template>\n          </UInputMenu>\n        </UFormField>\n\n        <UFormField v-for=\"field in focused.fields\" :key=\"field.key\" :label=\"field.label\" size=\"sm\">\n          <USelect\n            v-if=\"field.type === 'select'\"\n            :model-value=\"compositeFieldText(focused, field) || undefined\"\n            :items=\"field.options ?? []\"\n            :aria-label=\"field.label\"\n            placeholder=\"–\"\n            size=\"sm\"\n            class=\"w-full\"\n            :disabled=\"!editable\"\n            @update:model-value=\"(value: unknown) => inspector.setField(field, value)\"\n          />\n          <UTextarea\n            v-else-if=\"field.type === 'textarea'\"\n            :model-value=\"compositeFieldText(focused, field)\"\n            :aria-label=\"field.label\"\n            autoresize\n            :rows=\"2\"\n            :maxrows=\"8\"\n            size=\"sm\"\n            class=\"w-full\"\n            :readonly=\"!editable\"\n            @update:model-value=\"(value: unknown) => inspector.setField(field, value)\"\n          />\n          <UInput\n            v-else\n            :model-value=\"compositeFieldText(focused, field)\"\n            :type=\"field.type\"\n            :aria-label=\"field.label\"\n            size=\"sm\"\n            class=\"w-full\"\n            :readonly=\"!editable\"\n            @update:model-value=\"(value: unknown) => inspector.setField(field, value)\"\n          />\n        </UFormField>\n\n        <div class=\"flex items-center gap-2 border-t border-[var(--sk-border)] pt-3\">\n          <UIcon name=\"i-lucide-sparkles\" class=\"size-4 shrink-0 text-[var(--sk-muted)]\" />\n          <span class=\"text-[var(--sk-muted)]\">{{ t('composites.inspector.aiStatus') }}</span>\n          <span class=\"ml-auto inline-flex items-center gap-1.5\" :class=\"hasSummary ? 'text-[var(--sk-fg-highlighted)]' : 'text-[var(--sk-fg-dimmed)]'\">\n            <span class=\"size-2 rounded-full\" :class=\"hasSummary ? 'bg-[var(--sk-success)]' : 'bg-[var(--sk-bg-accented)]'\" />\n            {{ hasSummary ? t('composites.inspector.summaryPresent') : t('composites.inspector.summaryMissing') }}\n          </span>\n        </div>\n      </div>\n    </section>\n  </aside>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,MAAM,QAAQ;EAEd,MAAM,EAAE,OAAO,QAAQ,WAAW,YAAY,MAAM,OAAO,OAAO,QAAQ,WAAW,YAAY,QAAQ,SAAS,UAAU,cAAc,SAAS;EACnJ,MAAM,EAAE,MAAM,cAAc;EAO5B,MAAM,EAAE,WAAW,SAAS,UAAU,OAAO,YAAY,UAAU,aAAa,YAAY,YAAY,MAAM,MAAM,OAAO,UAAU,YAAY,4BAA4B,MAAM,cAAc,MAAM,eAAe;EAEtN,MAAM,MAAM,MAAM;EAElB,MAAM,YAAY;EAElB,MAAM,gBAAgB,WAA0B,EAAE,mBAAmB,SAAS,UAAU,KAAK,KAAK,IAAI,QAAQ,oBAAoB;EAGlI,SAAS,OAAO,MAAe;GAC7B,IAAI,OAAO,SAAS,UAAU,UAAU,MAAM,QAAQ,IAAI;EAC5D;EAEA,SAAS,mBAAmB,OAAgB;GAC1C,UAAU,MAAM,iBAAiB,OAAO,UAAU,WAAW,QAAQ,EAAE;EACzE;EAEA,SAAS,OAAO,OAAgB;GAC9B,UAAU,MAAM,QAAQ,MAAM,QAAQ,KAAK,IAAI,MAAM,QAAQ,QAAuB,OAAO,QAAQ,QAAQ,IAAI,CAAC,CAAC;EACnH;;GAIE,OAAAA,UAAA,GAAAC,mBA2KQ,SAAA;IA3KD,OAAM;IAAwD,cAAYC,MAAA,CAAA,CAAC,CAAA,4BAAA;GACjE,GAAA,CAAAA,MAAA,OAAA,MAAO,cAAtBF,UAAA,GAAAC,mBAqDU,WAAA;;IArD6B,OAAM;IAAc,mBAAe,GAAKC,MAAA,GAAA,EAAG;GAChF,GAAA,CAAAC,mBAEK,MAAA;IAFA,IAAE,GAAKD,MAAA,GAAA,EAAG;IAAa,OAAM;GAC7B,GAAAE,gBAAAF,MAAA,CAAA,CAAC,CAAA,+BAAA,CAAA,GAAA,GAAA,UAAA,GAENC,mBAgDM,OAhDN,YAgDM,CA/CJE,WAAwB,KAAA,QAAA,UAAA,GACxBF,mBA6CK,MA7CL,YA6CK;IA5CHA,mBAEK,MAFL,YAEKC,gBADAF,MAAA,CAAA,CAAC,CAAA,iCAAA,CAAA,GAAA,CAAA;IAEIA,MAAA,KAAA,CAAK,CAAC,UAAhBF,UAAA,GAAAC,mBASK,MATL,YASK,EARHD,UAAA,IAAA,GAAAC,mBAIOK,UAAA,MAAAC,WAJcL,MAAA,KAAA,IAAR,SAAI;KAAjB,OAAAF,UAAA,GAAAC,mBAIO,QAAA;MAJsB,KAAK,KAAK;MAAI,OAAM;;MAC/CO,YAA0EN,MAAA,KAAA,GAAA;OAAlE,MAAM,KAAK;OAAM,OAAM;;MAC/BC,mBAA6F,QAA7F,YAA6FC,gBAApB,KAAK,KAAK,GAAA,CAAA;MACnFD,mBAAyE,QAAzE,YAAyEC,gBAApB,KAAK,KAAK,GAAA,CAAA;;IAEjE,CAAA,GAAA,GAAA,IAAAD,mBAEO,QAFP,aAEOC,gBADFF,MAAA,CAAA,CAAC,CAAA,mCAAA;KAAA,GAAyCA,MAAA,UAAA;KAAU,OAASA,MAAA,IAAA,CAAI,CAAC;IAAM,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,MAG/EF,UAAA,GAAAC,mBAEK,MAFL,aAEKG,gBADAF,MAAA,CAAA,CAAC,CAAA,2BAAA,CAAA,GAAA,CAAA;IAGNC,mBAEK,MAFL,aAEKC,gBADAF,MAAA,CAAA,CAAC,CAAA,uBAAA,CAAA,GAAA,CAAA;IAEIA,MAAA,IAAA,CAAI,CAAC,UAAfF,UAAA,GAAAC,mBAEK,MAFL,aAEK,EADHD,UAAA,IAAA,GAAAC,mBAA0HK,UAAA,MAAAC,WAApGL,MAAA,IAAA,IAAP,QAAG;KAAlB,OAAAF,UAAA,GAAAS,YAA0HP,MAAA,MAAA,GAAA;MAA7F,KAAK;MAAK,OAAM;MAAU,SAAQ;MAAS,MAAK;MAAM,OAAK,IAAM;MAAO,OAAM;;IAE7G,CAAA,GAAA,GAAA,EAAA,CAAA,MAAAF,UAAA,GAAAC,mBAEK,MAFL,aAEKG,gBADAF,MAAA,CAAA,CAAC,CAAA,2BAAA,CAAA,GAAA,CAAA;IAGNC,mBAEK,MAFL,aAEKC,gBADAF,MAAA,CAAA,CAAC,CAAA,+BAAA,CAAA,GAAA,CAAA;IAEIA,MAAA,QAAA,CAAQ,CAAC,UAAnBF,UAAA,GAAAC,mBAUK,MAVL,aAUK,EATHD,UAAA,IAAA,GAAAC,mBAQOK,UAAA,MAAAC,WAPaL,MAAA,QAAA,IAAX,YAAO;KADhB,OAAAF,UAAA,GAAAC,mBAQO,QAAA;MANJ,KAAK,QAAQ;MACd,OAAM;MACL,OAAKS,eAAA,CAAG,aAAa,QAAQ,KAAK,GAAA,EAAA,YAAA,6DAAA,CAAA,CAAA;KAEnC,GAAA,CAAA,OAAA,OAAA,OAAA,KAAAP,mBAA+F,QAAA;MAAzF,OAAM;MAAkC,OAAO,EAAA,YAAA,uBAAA;KACrD,GAAA,MAAA,EAAA,IAAAA,mBAAkD,QAAlD,aAAuB,MAACC,gBAAG,QAAQ,KAAK,GAAA,CAAA,CAAA,GAAA,CAAA;IAG5C,CAAA,GAAA,GAAA,EAAA,CAAA,MAAAJ,UAAA,GAAAC,mBAEK,MAFL,aAEKG,gBADAF,MAAA,CAAA,CAAC,CAAA,2BAAA,CAAA,GAAA,CAAA;GAKQ,CAAA,CAAA,CAAA,CAAA,GAAA,GAAA,UAAA,KAAAA,MAAA,OAAA,KAApBF,UAAA,GAAAC,mBAmHU,WAAA;;IAnHmB,OAAM;IAAc,mBAAe,GAAKC,MAAA,GAAA,EAAG;GACtE,GAAA,CAAAC,mBAEK,MAAA;IAFA,IAAE,GAAKD,MAAA,GAAA,EAAG;IAAc,OAAM;GAC9B,GAAAE,gBAAAF,MAAA,CAAA,CAAC,CAAA,gCAAA,CAAA,GAAA,GAAA,WAAA,IAGNF,UAAA,GAAAC,mBA6GM,OAAA;IA7GA,KAAKC,MAAA,OAAA,CAAO,CAAC;IAAK,OAAM;;IAC5BM,YAUaN,MAAA,UAAA,GAAA;KAVA,OAAOA,MAAA,CAAA,CAAC,CAAA,2BAAA;KAA+B,MAAK;;KACvD,SAAAS,cAQE,CARFH,YAQEN,MAAA,OAAA,GAAA;MAPC,eAAaA,MAAA,OAAA,CAAO,CAAC;MACrB,OAAOA,MAAA,WAAA;MACR,MAAK;MACL,OAAM;MACL,cAAYA,MAAA,CAAA,CAAC,CAAA,wBAAA;MACb,UAAQ,CAAGA,MAAA,QAAA;MACX,uBAAoB;;;;;;;;;IAIzBM,YAIaN,MAAA,UAAA,GAAA;KAJA,OAAOA,MAAA,CAAA,CAAC,CAAA,4BAAA;KAAgC,MAAK;KAAM,MAAMA,MAAA,QAAA,IAAWA,MAAA,CAAA,CAAC,CAAA,gCAAA,IAAqC,KAAA;;KACrH,SAAAS,cAEI,CAFJR,mBAEI,KAAA;MAFD,OAAKS,eAAA,CAAC,8BAAqCV,MAAA,OAAA,CAAO,CAAC,QAAK,oCAAA,4BAAA,CAAA;MAAsE,OAAOA,MAAA,OAAA,CAAO,CAAC;KAC3I,GAAAE,gBAAAF,MAAA,OAAA,CAAO,CAAC,SAASA,MAAA,CAAA,CAAC,CAAA,+BAAA,CAAA,GAAA,IAAA,WAAA,CAAA,CAAA;;;IAIzBM,YAkBaN,MAAA,UAAA,GAAA;KAjBV,OAAOA,MAAA,CAAA,CAAC,CAAA,kCAAA;KACT,MAAK;KACJ,MAAMA,MAAA,OAAA,CAAO,CAAC,sBAAsB,KAAA,IAAYA,MAAA,CAAA,CAAC,CAAA,sCAAA;;KAElD,SAAAS,cAYE,CAZFH,YAYEN,MAAA,SAAA,GAAA;MAXC,eAAaA,MAAA,KAAA;MACd,YAAA;MACC,MAAM;MACN,SAAS;MACV,MAAK;MACL,OAAM;MACL,aAAaA,MAAA,CAAA,CAAC,CAAA,kCAAA;MACd,cAAYA,MAAA,CAAA,CAAC,CAAA,kCAAA;MACb,UAAQ,CAAGA,MAAA,QAAA,KAAQ,CAAKA,MAAA,OAAA,CAAO,CAAC;MAChC,uBAAoB;MACpB,QAAMA,MAAA,SAAA,CAAS,CAAC;;;;;;;;;;IAIrBM,YAwBaN,MAAA,UAAA,GAAA;KAxBA,OAAOA,MAAA,CAAA,CAAC,CAAA,uBAAA;KAA2B,MAAK;;KACnD,SAAAS,cAAgH,CAAhHE,mBAAA,2GAAA,GACAL,YAqBaN,MAAA,UAAA,GAAA;MApBV,eAAaA,MAAA,UAAA;MACd,UAAA;MACC,eAAa;OAAA,UAAA;OAAA,MAAA;MAAA;MACb,eAAaA,MAAA,OAAA,CAAO,CAAC;MACrB,OAAOA,MAAA,QAAA;MACR,iBAAA;MACC,aAAaA,MAAA,CAAA,CAAC,CAAA,uBAAA;MACd,cAAYA,MAAA,CAAA,CAAC,CAAA,uBAAA;MACd,MAAK;MACL,MAAK;MACL,OAAM;MACL,UAAQ,CAAGA,MAAA,QAAA;MACX,uBAAoB;MACpB,uBAAoBA,MAAA,SAAA,CAAS,CAAC;MAC9B,iBAAW,OAAA,OAAA,OAAA,MAAG,WAAoB,UAAUA,MAAA,SAAA,CAAS,CAAC,WAAU;MAChE,UAAQA,MAAA,SAAA,CAAS,CAAC;;MAER,qBAAiBS,SACgD,EAD5C,WAAI,CAC/BG,gBAAAV,gBAAAF,MAAA,CAAA,CAAC,CAAA,0BAAA,EAAA,KAAkCA,MAAA,gBAAA,CAAgB,CAAC,IAAI,KAAK,KAAI,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;KAK1EF,UAAA,IAAA,GAAAC,mBAkCaK,UAAA,MAAAC,WAlCeL,MAAA,OAAA,CAAO,CAAC,SAAjB,UAAK;KAAxB,OAAAF,UAAA,GAAAS,YAkCaP,MAAA,UAAA,GAAA;MAlCgC,KAAK,MAAM;MAAM,OAAO,MAAM;MAAO,MAAK;;MACrF,SAAAS,cAUE,CATM,MAAM,SAAI,YADlBX,UAAA,GAAAS,YAUEP,MAAA,OAAA,GAAA;;OARC,eAAaA,MAAA,kBAAA,CAAkB,CAACA,MAAA,OAAA,GAAS,KAAK,KAAK,KAAA;OACnD,OAAO,MAAM,WAAO,CAAA;OACpB,cAAY,MAAM;OACnB,aAAY;OACZ,MAAK;OACL,OAAM;OACL,UAAQ,CAAGA,MAAA,QAAA;OACX,wBAAqB,UAAmBA,MAAA,SAAA,CAAS,CAAC,SAAS,OAAO,KAAK;;;;;;;MAG7D,CAAA,KAAA,MAAM,SAAI,cADvBF,UAAA,GAAAS,YAWEP,MAAA,SAAA,GAAA;;OATC,eAAaA,MAAA,kBAAA,CAAkB,CAACA,MAAA,OAAA,GAAS,KAAK;OAC9C,cAAY,MAAM;OACnB,YAAA;OACC,MAAM;OACN,SAAS;OACV,MAAK;OACL,OAAM;OACL,UAAQ,CAAGA,MAAA,QAAA;OACX,wBAAqB,UAAmBA,MAAA,SAAA,CAAS,CAAC,SAAS,OAAO,KAAK;;;;;;MAE1E,CAAA,MAAAF,UAAA,GAAAS,YASEP,MAAA,MAAA,GAAA;;OAPC,eAAaA,MAAA,kBAAA,CAAkB,CAACA,MAAA,OAAA,GAAS,KAAK;OAC9C,MAAM,MAAM;OACZ,cAAY,MAAM;OACnB,MAAK;OACL,OAAM;OACL,UAAQ,CAAGA,MAAA,QAAA;OACX,wBAAqB,UAAmBA,MAAA,SAAA,CAAS,CAAC,SAAS,OAAO,KAAK;;;;;;;;;;;IAI5EC,mBAOM,OAPN,aAOM;KANJK,YAAiFN,MAAA,KAAA,GAAA;MAA1E,MAAK;MAAoB,OAAM;;KACtCC,mBAAoF,QAApF,aAAoFC,gBAA5CF,MAAA,CAAA,CAAC,CAAA,+BAAA,CAAA,GAAA,CAAA;KACzCC,mBAGO,QAAA,EAHD,OAAKS,eAAA,CAAC,4CAAmDV,MAAA,UAAA,IAAU,oCAAA,4BAAA,CAAA,EAAA,GACvE,CAAAC,mBAAkH,QAAA,EAA5G,OAAKS,eAAA,CAAC,uBAA8BV,MAAA,UAAA,IAAU,2BAAA,4BAAA,CAAA,EAAA,GAAA,MAAA,CAA8D,GAAAY,gBAAA,MAClHV,gBAAGF,MAAA,UAAA,IAAaA,MAAA,CAAA,CAAC,CAAA,qCAAA,IAA0CA,MAAA,CAAA,CAAC,CAAA,qCAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"CompositeInspector.js","names":["_openBlock","_createElementBlock","_unref","_createElementVNode","_toDisplayString","_renderSlot","_Fragment","_renderList","_createVNode","_createBlock","_normalizeStyle","_withCtx","_normalizeClass","_createCommentVNode","_createTextVNode","CompositeFieldEditor"],"sources":["../../../../src/features/composites/components/CompositeInspector.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport { useId } from 'vue'\nimport { normalizeTagName } from '../../../core/tag-name'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { compositeFieldText, isStructuredField } from '../inspector-model'\nimport { useCompositeInspector } from '../use-composite-inspector'\nimport CompositeFieldEditor from './CompositeFieldEditor.vue'\n\n/**\n * Side panel with the metadata of the document *or* of the Baustein under the caret — one at a time — connected to\n * `editor`. Fills the height of its container and scrolls on its own; the width comes from the host. Open/close is\n * the host's business. The `document` slot carries host-provided document facts (title, folder, dates, presence) at\n * the top of the „Dokument“ section: render them as a `<dl>` with the same grid as below to look native.\n *\n * The „Baustein“ section shows while the caret is in a Baustein of the editor; the „Dokument“ section shows before\n * the editor was ever focused, while the caret is in editor text outside any Baustein, and while `documentFocused`.\n * `documentFocused`: the host's document-level input (its title field) has the focus. While it is true the panel\n * shows the „Dokument“ section and keeps showing it after the input blurs, until the caret returns to the editor.\n */\nconst props = defineProps<{ editor?: Editor, documentFocused?: boolean }>()\n\nconst { Badge: UBadge, FormField: UFormField, Icon: UIcon, Input: UInput, InputMenu: UInputMenu, Select: USelect, Textarea: UTextarea } = useUiKit()\nconst { t } = useEditorI18n()\n\ndefineSlots<{\n  /** Document facts known to the host only, rendered above the facts derived from the editor. */\n  document?: () => unknown\n}>()\n\nconst { inspector, section, editable, draft, searchTerm, tagItems, kindOptions, summarized, hasSummary, rows, tags, kinds, mentions, focused } = useCompositeInspector(() => props.editor, () => props.documentFocused)\n\nconst uid = useId()\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)' })\n\n// The Nuxt UI inputs emit loosely typed values; the model takes strings.\nfunction onKind(kind: unknown) {\n  if (typeof kind === 'string') inspector.value.setKind(kind)\n}\n\nfunction onDescriptionInput(value: unknown) {\n  inspector.value.inputDescription(typeof value === 'string' ? value : '')\n}\n\nfunction onTags(value: unknown) {\n  inspector.value.setTags(Array.isArray(value) ? value.filter((tag): tag is string => typeof tag === 'string') : [])\n}\n</script>\n\n<template>\n  <aside class=\"flex h-full min-h-0 flex-col overflow-y-auto text-sm\" :aria-label=\"t('composites.inspector.label')\">\n    <section v-if=\"section === 'document'\" class=\"flex-1 p-4\" :aria-labelledby=\"`${uid}-document`\">\n      <h2 :id=\"`${uid}-document`\" class=\"mb-3 text-sm font-semibold text-[var(--sk-fg-highlighted)]\">\n        {{ t('composites.inspector.document') }}\n      </h2>\n      <div class=\"flex flex-col gap-y-2\">\n        <slot name=\"document\" />\n        <dl class=\"grid grid-cols-[6.5rem_minmax(0,1fr)] items-start gap-x-3 gap-y-2\">\n          <dt class=\"min-h-6 leading-6 text-[var(--sk-muted)]\">\n            {{ t('composites.inspector.composites') }}\n          </dt>\n          <dd v-if=\"kinds.length\" class=\"m-0 flex min-w-0 flex-col gap-y-1\">\n            <span v-for=\"kind in kinds\" :key=\"kind.id\" class=\"flex min-h-6 min-w-0 items-center gap-2\">\n              <UIcon :name=\"kind.icon\" class=\"size-4 shrink-0 text-[var(--sk-muted)]\" />\n              <span class=\"min-w-0 flex-1 truncate text-[var(--sk-fg-highlighted)]\">{{ kind.label }}</span>\n              <span class=\"tabular-nums text-[var(--sk-muted)]\">{{ kind.count }}</span>\n            </span>\n            <span class=\"min-h-6 leading-6 tabular-nums text-[var(--sk-muted)]\">\n              {{ t('composites.inspector.summarized', { n: summarized, total: rows.length }) }}\n            </span>\n          </dd>\n          <dd v-else class=\"m-0 min-h-6 leading-6 text-[var(--sk-fg-dimmed)]\">\n            {{ t('composites.inspector.none') }}\n          </dd>\n\n          <dt class=\"min-h-6 leading-6 text-[var(--sk-muted)]\">\n            {{ t('composites.tags.label') }}\n          </dt>\n          <dd v-if=\"tags.length\" class=\"m-0 flex min-w-0 flex-wrap items-center gap-1\">\n            <UBadge v-for=\"tag in tags\" :key=\"tag\" color=\"neutral\" variant=\"subtle\" size=\"sm\" :label=\"`#${tag}`\" class=\"max-w-full\" />\n          </dd>\n          <dd v-else class=\"m-0 min-h-6 leading-6 text-[var(--sk-fg-dimmed)]\">\n            {{ t('composites.inspector.none') }}\n          </dd>\n\n          <dt class=\"min-h-6 leading-6 text-[var(--sk-muted)]\">\n            {{ t('composites.inspector.mentions') }}\n          </dt>\n          <dd v-if=\"mentions.length\" class=\"m-0 flex min-w-0 flex-wrap items-center gap-1\">\n            <span\n              v-for=\"mention in mentions\"\n              :key=\"mention.id\"\n              class=\"inline-flex max-w-full items-center gap-1.5 truncate rounded-sm px-1.5 py-0.5 text-xs font-medium text-[var(--sk-fg-highlighted)]\"\n              :style=\"[mentionStyle(mention.color), { background: 'color-mix(in oklab, var(--mention-color) 15%, transparent)' }]\"\n            >\n              <span class=\"size-1.5 shrink-0 rounded-full\" :style=\"{ background: 'var(--mention-color)' }\" />\n              <span class=\"truncate\">@{{ mention.label }}</span>\n            </span>\n          </dd>\n          <dd v-else class=\"m-0 min-h-6 leading-6 text-[var(--sk-fg-dimmed)]\">\n            {{ t('composites.inspector.none') }}\n          </dd>\n        </dl>\n      </div>\n    </section>\n    <section v-else-if=\"focused\" class=\"flex-1 p-4\" :aria-labelledby=\"`${uid}-composite`\">\n      <h2 :id=\"`${uid}-composite`\" class=\"mb-3 text-sm font-semibold text-[var(--sk-fg-highlighted)]\">\n        {{ t('composites.inspector.composite') }}\n      </h2>\n\n      <div :key=\"focused.key\" class=\"flex flex-col gap-3\">\n        <UFormField :label=\"t('composites.inspector.kind')\" size=\"sm\">\n          <USelect\n            :model-value=\"focused.kind\"\n            :items=\"kindOptions\"\n            size=\"sm\"\n            class=\"w-full\"\n            :aria-label=\"t('composites.kind.select')\"\n            :disabled=\"!editable\"\n            @update:model-value=\"onKind\"\n          />\n        </UFormField>\n\n        <UFormField :label=\"t('composites.inspector.title')\" size=\"sm\" :help=\"editable ? t('composites.inspector.titleHelp') : undefined\">\n          <p class=\"min-h-6 truncate leading-6\" :class=\"focused.title ? 'text-[var(--sk-fg-highlighted)]' : 'text-[var(--sk-fg-dimmed)]'\" :title=\"focused.title\">\n            {{ focused.title || t('composites.inspector.untitled') }}\n          </p>\n        </UFormField>\n\n        <UFormField\n          :label=\"t('composites.inspector.description')\"\n          size=\"sm\"\n          :help=\"focused.descriptionTextOnly ? undefined : t('composites.inspector.descriptionHelp')\"\n        >\n          <UTextarea\n            :model-value=\"draft\"\n            autoresize\n            :rows=\"3\"\n            :maxrows=\"10\"\n            size=\"sm\"\n            class=\"w-full\"\n            :placeholder=\"t('composites.inspector.description')\"\n            :aria-label=\"t('composites.inspector.description')\"\n            :readonly=\"!editable || !focused.descriptionTextOnly\"\n            @update:model-value=\"onDescriptionInput\"\n            @blur=\"inspector.blurDescription\"\n          />\n        </UFormField>\n\n        <UFormField v-if=\"focused.tagsVisible\" :label=\"t('composites.tags.label')\" size=\"sm\">\n          <!-- `position` is required in the object form: InputMenu renders the create row only for 'top' or 'bottom'. -->\n          <UInputMenu\n            :search-term=\"searchTerm\"\n            multiple\n            :create-item=\"{ position: 'bottom', when: 'always' }\"\n            :model-value=\"focused.tags\"\n            :items=\"tagItems\"\n            ignore-filter\n            :placeholder=\"t('composites.tags.label')\"\n            :aria-label=\"t('composites.tags.label')\"\n            size=\"sm\"\n            icon=\"i-lucide-hash\"\n            class=\"w-full\"\n            :disabled=\"!editable\"\n            @update:model-value=\"onTags\"\n            @update:search-term=\"inspector.setSearchTerm\"\n            @update:open=\"(isOpen: boolean) => isOpen && inspector.searchTags()\"\n            @create=\"inspector.createTag\"\n          >\n            <template #create-item-label=\"{ item }: { item: string }\">\n              {{ t('composites.tags.create', { tag: normalizeTagName(item) || item }) }}\n            </template>\n          </UInputMenu>\n        </UFormField>\n\n        <UFormField v-for=\"field in focused.fields\" :key=\"field.key\" :label=\"field.label\" size=\"sm\">\n          <!-- Fields whose value is not text (reference, bibliography, derivation) have their own editors, as in the details card; a text input would overwrite the stored object with a string. -->\n          <template v-if=\"isStructuredField(field)\">\n            <CompositeFieldEditor\n              v-if=\"editor\"\n              :editor=\"editor\"\n              :row=\"focused\"\n              :field=\"field\"\n              :disabled=\"!editable\"\n            />\n          </template>\n          <USelect\n            v-else-if=\"field.type === 'select'\"\n            :model-value=\"compositeFieldText(focused, field) || undefined\"\n            :items=\"field.options ?? []\"\n            :aria-label=\"field.label\"\n            placeholder=\"–\"\n            size=\"sm\"\n            class=\"w-full\"\n            :disabled=\"!editable\"\n            @update:model-value=\"(value: unknown) => inspector.setField(field, value)\"\n          />\n          <UTextarea\n            v-else-if=\"field.type === 'textarea'\"\n            :model-value=\"compositeFieldText(focused, field)\"\n            :aria-label=\"field.label\"\n            autoresize\n            :rows=\"2\"\n            :maxrows=\"8\"\n            size=\"sm\"\n            class=\"w-full\"\n            :readonly=\"!editable\"\n            @update:model-value=\"(value: unknown) => inspector.setField(field, value)\"\n          />\n          <UInput\n            v-else\n            :model-value=\"compositeFieldText(focused, field)\"\n            :type=\"field.type\"\n            :aria-label=\"field.label\"\n            size=\"sm\"\n            class=\"w-full\"\n            :readonly=\"!editable\"\n            @update:model-value=\"(value: unknown) => inspector.setField(field, value)\"\n          />\n        </UFormField>\n\n        <div class=\"flex items-center gap-2 border-t border-[var(--sk-border)] pt-3\">\n          <UIcon name=\"i-lucide-sparkles\" class=\"size-4 shrink-0 text-[var(--sk-muted)]\" />\n          <span class=\"text-[var(--sk-muted)]\">{{ t('composites.inspector.aiStatus') }}</span>\n          <span class=\"ml-auto inline-flex items-center gap-1.5\" :class=\"hasSummary ? 'text-[var(--sk-fg-highlighted)]' : 'text-[var(--sk-fg-dimmed)]'\">\n            <span class=\"size-2 rounded-full\" :class=\"hasSummary ? 'bg-[var(--sk-success)]' : 'bg-[var(--sk-bg-accented)]'\" />\n            {{ hasSummary ? t('composites.inspector.summaryPresent') : t('composites.inspector.summaryMissing') }}\n          </span>\n        </div>\n      </div>\n    </section>\n  </aside>\n</template>\n"],"mappings":"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"}