@ecsplico/editor 3.6.0 → 4.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"CompositeTable.js","names":["_openBlock","_createElementBlock","_unref","_createVNode","_createElementVNode","_toDisplayString","_Fragment","_createSlots","_withCtx","_renderList","_createBlock","_createCommentVNode","_normalizeStyle","_createTextVNode","_normalizeClass"],"sources":["../../../../src/features/composites/components/CompositeTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// All Bausteine of an editor's document as a sortable, filterable table. Columns beyond the fixed ones derive from the\n// meta fields of the kinds present in the document, so a host kind with fields gets its columns without code changes.\nimport type { Editor } from '@tiptap/core'\nimport { computed, ref } from 'vue'\nimport type { TableColumn } from '../../../vue/kit/types'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { compositeKindsOf } from '../nodes'\nimport type { CompositeRow } from '../rows'\nimport { columnSpecsOf, type FieldContext, FILTER_ALL, fieldColumnsOf, fieldOf, fieldText, hasText, isLongText, sortRows, toggled } from '../table-model'\nimport { useCompositeRows } from '../use-composite-rows'\n\nconst props = defineProps<{ editor?: Editor }>()\nconst emit = defineEmits<{ select: [row: CompositeRow] }>()\n\nconst { Badge: UBadge, Button: UButton, Icon: UIcon, Input: UInput, Select: USelect, Table: UTable } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst { rows, tags, kinds } = useCompositeRows(() => props.editor)\n\n// --- Columns ----------------------------------------------------------------------------------------------------\n\n// `reference` cells resolve their target in the document; re-read whenever the rows change.\nconst fieldContext = computed<FieldContext | undefined>(() => {\n  void rows.value\n  return props.editor ? { doc: props.editor.state.doc, kinds: compositeKindsOf(props.editor), t } : undefined\n})\nconst fieldColumns = computed(() => fieldColumnsOf(rows.value, kinds.value, fieldContext.value))\nconst specs = computed(() => columnSpecsOf(fieldColumns.value, t))\n\nconst columns = computed<TableColumn<CompositeRow>[]>(() => specs.value.map(spec => ({\n  id: spec.id,\n  header: spec.label,\n  accessorFn: spec.sort,\n  // The table reports `aria-sort` on the header cell only for columns that opt in.\n  enableSorting: true,\n  meta: { class: {\n    th: [spec.id === 'title' ? 'min-w-56' : '', spec.align === 'end' ? 'text-right' : ''].join(' '),\n    td: spec.align === 'end' ? 'text-right' : '',\n  } },\n})))\n\n// --- Filter -----------------------------------------------------------------------------------------------------\n\nconst search = ref('')\nconst pickedKinds = ref<string[]>([])\nconst pickedTags = ref<string[]>([])\nconst pickedOptions = ref<Record<string, string>>({})\n\n/** One select per `select` field in use; its choices are the union of the options of all kinds that have the key. */\nconst selectFilters = computed(() => fieldColumns.value.flatMap((column) => {\n  if (column.field.type !== 'select') return []\n  const options = new Map<string, string>()\n  for (const row of rows.value) {\n    for (const option of fieldOf(row, column.field.key)?.options ?? []) if (!options.has(option.value)) options.set(option.value, option.label)\n  }\n  return [{\n    key: column.field.key,\n    label: column.field.label,\n    items: [{ label: t('composites.table.filter.all'), value: FILTER_ALL }, ...[...options].map(([value, label]) => ({ label, value }))],\n  }]\n}))\n\n// A kind, tag or option that vanished from the document can no longer be unpicked in the UI, so it must not filter either.\nconst activeKinds = computed(() => pickedKinds.value.filter(id => kinds.value.some(kind => kind.id === id)))\nconst activeTags = computed(() => pickedTags.value.filter(tag => tags.value.includes(tag)))\nconst activeOptions = computed(() => selectFilters.value.flatMap((filter) => {\n  const value = pickedOptions.value[filter.key]\n  return value && filter.items.some(item => item.value === value && value !== FILTER_ALL) ? [[filter.key, value] as const] : []\n}))\nconst needle = computed(() => search.value.trim().toLowerCase())\nconst filterActive = computed(() => activeKinds.value.length > 0 || activeTags.value.length > 0 || activeOptions.value.length > 0 || needle.value !== '')\n\nfunction resetFilters() {\n  search.value = ''\n  pickedKinds.value = []\n  pickedTags.value = []\n  pickedOptions.value = {}\n}\n\nconst filtered = computed(() => rows.value.filter((row) => {\n  if (activeKinds.value.length && !activeKinds.value.includes(row.kind)) return false\n  if (activeTags.value.length && !activeTags.value.every(tag => row.tags.includes(tag))) return false\n  if (activeOptions.value.some(([key, value]) => row.meta[key] !== value)) return false\n  if (needle.value) {\n    const haystack = `${row.title}\\n${row.description}\\n${row.tags.map(tag => `#${tag}`).join(' ')}`.toLowerCase()\n    if (!haystack.includes(needle.value)) return false\n  }\n  return true\n}))\n\n// --- Sorting (client side; the table only reports the state, so the data is ordered here) -------------------------\n\nconst sorting = ref<{ id: string, desc: boolean }[]>([])\nconst activeSort = computed(() => {\n  const entry = sorting.value[0]\n  const spec = entry && specs.value.find(item => item.id === entry.id)\n  return entry && spec ? { id: entry.id, desc: entry.desc, sort: spec.sort } : null\n})\n\n/** Header click cycles ascending → descending → unsorted. */\nfunction cycleSort(id: string) {\n  const current = sorting.value[0]\n  if (current?.id !== id) sorting.value = [{ id, desc: false }]\n  else sorting.value = current.desc ? [] : [{ id, desc: true }]\n}\nconst sortIcon = (id: string) => {\n  const current = sorting.value[0]\n  if (current?.id !== id) return 'i-lucide-chevrons-up-down'\n  return current.desc ? 'i-lucide-arrow-down' : 'i-lucide-arrow-up'\n}\n\nconst sorted = computed(() => {\n  const sort = activeSort.value\n  return sort ? sortRows(filtered.value, sort.sort, sort.desc) : filtered.value\n})\n\nconst countLabel = computed(() => t(rows.value.length === 1 ? 'composites.table.count.one' : 'composites.table.count.other', { n: sorted.value.length, total: rows.value.length }))\n</script>\n\n<template>\n  <section class=\"flex min-h-0 flex-col gap-3\" :aria-label=\"t('composites.table.label')\">\n    <div v-if=\"!rows.length\" class=\"mx-auto flex max-w-sm flex-1 flex-col items-center justify-center gap-2 py-16 text-center\">\n      <UIcon name=\"i-lucide-table-2\" class=\"size-8 text-[var(--sk-fg-dimmed)]\" />\n      <p class=\"text-sm font-medium text-[var(--sk-fg-highlighted)]\">\n        {{ t('composites.table.emptyTitle') }}\n      </p>\n      <p class=\"text-sm text-[var(--sk-muted)]\">\n        {{ t('composites.table.emptyText') }}\n      </p>\n    </div>\n\n    <template v-else>\n      <div class=\"flex flex-col gap-2\">\n        <div class=\"flex flex-wrap items-center gap-2\">\n          <UInput\n            v-model=\"search\"\n            class=\"w-64\"\n            size=\"sm\"\n            icon=\"i-lucide-search\"\n            :placeholder=\"t('composites.table.search.placeholder')\"\n            :aria-label=\"t('composites.table.search.label')\"\n          >\n            <template v-if=\"search\" #trailing>\n              <UButton\n                color=\"neutral\"\n                variant=\"link\"\n                size=\"xs\"\n                icon=\"i-lucide-x\"\n                :aria-label=\"t('composites.table.search.clear')\"\n                @click=\"search = ''\"\n              />\n            </template>\n          </UInput>\n\n          <div v-for=\"filter in selectFilters\" :key=\"filter.key\" class=\"flex items-center gap-1.5\">\n            <span class=\"text-sm text-[var(--sk-muted)]\" aria-hidden=\"true\">{{ filter.label }}</span>\n            <USelect\n              :model-value=\"pickedOptions[filter.key] ?? FILTER_ALL\"\n              class=\"w-36\"\n              size=\"sm\"\n              :items=\"filter.items\"\n              :aria-label=\"filter.label\"\n              @update:model-value=\"pickedOptions = { ...pickedOptions, [filter.key]: String($event) }\"\n            />\n          </div>\n\n          <UButton\n            v-if=\"filterActive\"\n            size=\"sm\"\n            color=\"neutral\"\n            variant=\"ghost\"\n            icon=\"i-lucide-filter-x\"\n            :label=\"t('composites.table.filter.reset')\"\n            @click=\"resetFilters\"\n          />\n          <span class=\"ml-auto text-xs tabular-nums text-[var(--sk-muted)]\" role=\"status\">{{ countLabel }}</span>\n        </div>\n\n        <div v-if=\"kinds.length > 1\" class=\"flex flex-wrap items-center gap-1\" role=\"group\" :aria-label=\"t('composites.table.filter.byKind')\">\n          <UButton\n            v-for=\"kind in kinds\"\n            :key=\"kind.id\"\n            size=\"xs\"\n            color=\"neutral\"\n            :variant=\"activeKinds.includes(kind.id) ? 'solid' : 'outline'\"\n            :icon=\"kind.icon\"\n            :label=\"kind.label\"\n            :aria-pressed=\"activeKinds.includes(kind.id)\"\n            @click=\"pickedKinds = toggled(pickedKinds, kind.id)\"\n          />\n        </div>\n\n        <div v-if=\"tags.length\" class=\"flex flex-wrap items-center gap-1\" role=\"group\" :aria-label=\"t('composites.table.filter.byTag')\">\n          <UButton\n            v-for=\"tag in tags\"\n            :key=\"tag\"\n            size=\"xs\"\n            color=\"neutral\"\n            :variant=\"activeTags.includes(tag) ? 'solid' : 'outline'\"\n            :label=\"`#${tag}`\"\n            :aria-pressed=\"activeTags.includes(tag)\"\n            @click=\"pickedTags = toggled(pickedTags, tag)\"\n          />\n        </div>\n      </div>\n\n      <UTable\n        v-model:sorting=\"sorting\"\n        :data=\"sorted\"\n        :columns=\"columns\"\n        :get-row-id=\"(row: CompositeRow) => row.key\"\n        :ui=\"{ th: 'px-3 py-2 text-sm', td: 'px-3 py-2' }\"\n        sticky\n        class=\"min-h-0 flex-1 rounded-md border border-[var(--sk-border)]\"\n        @select=\"(_event: Event, row: { original: CompositeRow }) => emit('select', row.original)\"\n      >\n        <template v-for=\"spec in specs\" :key=\"spec.id\" #[`${spec.id}-header`]>\n          <button\n            type=\"button\"\n            class=\"-mx-1.5 inline-flex cursor-pointer items-center gap-1 rounded px-1.5 py-0.5 font-semibold hover:bg-[var(--sk-bg-elevated)] focus-visible:outline-2 focus-visible:outline-[var(--sk-primary)]\"\n            @click=\"cycleSort(spec.id)\"\n          >\n            {{ spec.label }}\n            <UIcon :name=\"sortIcon(spec.id)\" class=\"size-3.5\" :class=\"activeSort?.id === spec.id ? 'text-[var(--sk-fg-highlighted)]' : 'text-[var(--sk-fg-dimmed)]'\" />\n          </button>\n        </template>\n\n        <template #title-cell=\"{ row }: { row: { original: CompositeRow } }\">\n          <div class=\"flex min-w-0 items-center gap-1.5\" :style=\"{ paddingLeft: `${row.original.depth * 1.25}rem` }\">\n            <UIcon :name=\"row.original.icon\" class=\"size-4 shrink-0 text-[var(--sk-muted)]\" />\n            <span v-if=\"hasText(row.original.title)\" class=\"truncate font-medium text-[var(--sk-fg-highlighted)]\">{{ row.original.title }}</span>\n            <span v-else class=\"truncate text-[var(--sk-muted)]\">{{ t('composites.untitled') }}</span>\n          </div>\n        </template>\n        <template #kind-cell=\"{ row }: { row: { original: CompositeRow } }\">\n          {{ row.original.kindLabel }}\n        </template>\n        <template v-for=\"column in fieldColumns\" :key=\"column.id\" #[`${column.id}-cell`]=\"{ row }: { row: { original: CompositeRow } }\">\n          <span\n            v-if=\"fieldText(row.original, column.field.key, fieldContext)\"\n            class=\"block\"\n            :class=\"[column.field.type === 'number' || column.field.type === 'date' ? 'tabular-nums' : '', isLongText(column.field) ? 'max-w-64 truncate' : '']\"\n            :title=\"isLongText(column.field) ? fieldText(row.original, column.field.key, fieldContext) : undefined\"\n          >{{ fieldText(row.original, column.field.key, fieldContext) }}</span>\n          <template v-else>\n            <span class=\"text-[var(--sk-fg-dimmed)]\" aria-hidden=\"true\">–</span>\n            <span class=\"sr-only\">{{ t('composites.table.noValue') }}</span>\n          </template>\n        </template>\n        <template #tags-cell=\"{ row }: { row: { original: CompositeRow } }\">\n          <div v-if=\"row.original.tags.length\" class=\"flex flex-wrap gap-1\">\n            <UBadge v-for=\"tag in row.original.tags\" :key=\"tag\" color=\"neutral\" variant=\"subtle\" size=\"sm\" :label=\"`#${tag}`\" />\n          </div>\n          <template v-else>\n            <span class=\"text-[var(--sk-fg-dimmed)]\" aria-hidden=\"true\">–</span>\n            <span class=\"sr-only\">{{ t('composites.table.noTags') }}</span>\n          </template>\n        </template>\n        <template #summary-cell=\"{ row }: { row: { original: CompositeRow } }\">\n          <template v-if=\"hasText(row.original.description)\">\n            <span class=\"inline-block size-2 rounded-full bg-[var(--sk-primary)]\" aria-hidden=\"true\" :title=\"row.original.description\" />\n            <span class=\"sr-only\">{{ t('composites.table.summaryPresent') }}</span>\n          </template>\n          <template v-else>\n            <span class=\"text-[var(--sk-fg-dimmed)]\" aria-hidden=\"true\">–</span>\n            <span class=\"sr-only\">{{ t('composites.summary.none') }}</span>\n          </template>\n        </template>\n\n        <template #empty>\n          <div class=\"flex flex-col items-center gap-2 py-6\">\n            <p class=\"text-sm text-[var(--sk-muted)]\">\n              {{ t('composites.table.filter.noMatch') }}\n            </p>\n            <UButton\n              size=\"sm\"\n              color=\"neutral\"\n              variant=\"outline\"\n              icon=\"i-lucide-filter-x\"\n              :label=\"t('composites.table.filter.reset')\"\n              @click=\"resetFilters\"\n            />\n          </div>\n        </template>\n      </UTable>\n    </template>\n  </section>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"CompositeTable.js","names":["_openBlock","_createElementBlock","_unref","_createVNode","_createElementVNode","_toDisplayString","_Fragment","_createSlots","_withCtx","_renderList","_createBlock","_createCommentVNode","_normalizeStyle","_createTextVNode","_normalizeClass"],"sources":["../../../../src/features/composites/components/CompositeTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// All Typed blocks of an editor's document as a sortable, filterable table. Columns beyond the fixed ones derive from the\n// meta fields of the kinds present in the document, so a host kind with fields gets its columns without code changes.\nimport type { Editor } from '@tiptap/core'\nimport { computed, ref } from 'vue'\nimport type { TableColumn } from '../../../vue/kit/types'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { blockTypesOf } from '../nodes'\nimport type { CompositeRow } from '../rows'\nimport { columnSpecsOf, type FieldContext, FILTER_ALL, fieldColumnsOf, fieldOf, fieldText, hasText, isLongText, sortRows, toggled } from '../table-model'\nimport { useCompositeRows } from '../use-composite-rows'\n\nconst props = defineProps<{ editor?: Editor }>()\nconst emit = defineEmits<{ select: [row: CompositeRow] }>()\n\nconst { Badge: UBadge, Button: UButton, Icon: UIcon, Input: UInput, Select: USelect, Table: UTable } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst { rows, tags, kinds } = useCompositeRows(() => props.editor)\n\n// --- Columns ----------------------------------------------------------------------------------------------------\n\n// `reference` cells resolve their target in the document; re-read whenever the rows change.\nconst fieldContext = computed<FieldContext | undefined>(() => {\n  void rows.value\n  return props.editor ? { doc: props.editor.state.doc, kinds: blockTypesOf(props.editor), t } : undefined\n})\nconst fieldColumns = computed(() => fieldColumnsOf(rows.value, kinds.value, fieldContext.value))\nconst specs = computed(() => columnSpecsOf(fieldColumns.value, t))\n\nconst columns = computed<TableColumn<CompositeRow>[]>(() => specs.value.map(spec => ({\n  id: spec.id,\n  header: spec.label,\n  accessorFn: spec.sort,\n  // The table reports `aria-sort` on the header cell only for columns that opt in.\n  enableSorting: true,\n  meta: { class: {\n    th: [spec.id === 'title' ? 'min-w-56' : '', spec.align === 'end' ? 'text-right' : ''].join(' '),\n    td: spec.align === 'end' ? 'text-right' : '',\n  } },\n})))\n\n// --- Filter -----------------------------------------------------------------------------------------------------\n\nconst search = ref('')\nconst pickedKinds = ref<string[]>([])\nconst pickedTags = ref<string[]>([])\nconst pickedOptions = ref<Record<string, string>>({})\n\n/** One select per `select` field in use; its choices are the union of the options of all kinds that have the key. */\nconst selectFilters = computed(() => fieldColumns.value.flatMap((column) => {\n  if (column.field.type !== 'select') return []\n  const options = new Map<string, string>()\n  for (const row of rows.value) {\n    for (const option of fieldOf(row, column.field.key)?.options ?? []) if (!options.has(option.value)) options.set(option.value, option.label)\n  }\n  return [{\n    key: column.field.key,\n    label: column.field.label,\n    items: [{ label: t('composites.table.filter.all'), value: FILTER_ALL }, ...[...options].map(([value, label]) => ({ label, value }))],\n  }]\n}))\n\n// A kind, tag or option that vanished from the document can no longer be unpicked in the UI, so it must not filter either.\nconst activeKinds = computed(() => pickedKinds.value.filter(id => kinds.value.some(kind => kind.id === id)))\nconst activeTags = computed(() => pickedTags.value.filter(tag => tags.value.includes(tag)))\nconst activeOptions = computed(() => selectFilters.value.flatMap((filter) => {\n  const value = pickedOptions.value[filter.key]\n  return value && filter.items.some(item => item.value === value && value !== FILTER_ALL) ? [[filter.key, value] as const] : []\n}))\nconst needle = computed(() => search.value.trim().toLowerCase())\nconst filterActive = computed(() => activeKinds.value.length > 0 || activeTags.value.length > 0 || activeOptions.value.length > 0 || needle.value !== '')\n\nfunction resetFilters() {\n  search.value = ''\n  pickedKinds.value = []\n  pickedTags.value = []\n  pickedOptions.value = {}\n}\n\nconst filtered = computed(() => rows.value.filter((row) => {\n  if (activeKinds.value.length && !activeKinds.value.includes(row.kind)) return false\n  if (activeTags.value.length && !activeTags.value.every(tag => row.tags.includes(tag))) return false\n  if (activeOptions.value.some(([key, value]) => row.meta[key] !== value)) return false\n  if (needle.value) {\n    const haystack = `${row.title}\\n${row.description}\\n${row.tags.map(tag => `#${tag}`).join(' ')}`.toLowerCase()\n    if (!haystack.includes(needle.value)) return false\n  }\n  return true\n}))\n\n// --- Sorting (client side; the table only reports the state, so the data is ordered here) -------------------------\n\nconst sorting = ref<{ id: string, desc: boolean }[]>([])\nconst activeSort = computed(() => {\n  const entry = sorting.value[0]\n  const spec = entry && specs.value.find(item => item.id === entry.id)\n  return entry && spec ? { id: entry.id, desc: entry.desc, sort: spec.sort } : null\n})\n\n/** Header click cycles ascending → descending → unsorted. */\nfunction cycleSort(id: string) {\n  const current = sorting.value[0]\n  if (current?.id !== id) sorting.value = [{ id, desc: false }]\n  else sorting.value = current.desc ? [] : [{ id, desc: true }]\n}\nconst sortIcon = (id: string) => {\n  const current = sorting.value[0]\n  if (current?.id !== id) return 'i-lucide-chevrons-up-down'\n  return current.desc ? 'i-lucide-arrow-down' : 'i-lucide-arrow-up'\n}\n\nconst sorted = computed(() => {\n  const sort = activeSort.value\n  return sort ? sortRows(filtered.value, sort.sort, sort.desc) : filtered.value\n})\n\nconst countLabel = computed(() => t(rows.value.length === 1 ? 'composites.table.count.one' : 'composites.table.count.other', { n: sorted.value.length, total: rows.value.length }))\n</script>\n\n<template>\n  <section class=\"flex min-h-0 flex-col gap-3\" :aria-label=\"t('composites.table.label')\">\n    <div v-if=\"!rows.length\" class=\"mx-auto flex max-w-sm flex-1 flex-col items-center justify-center gap-2 py-16 text-center\">\n      <UIcon name=\"i-lucide-table-2\" class=\"size-8 text-[var(--sk-fg-dimmed)]\" />\n      <p class=\"text-sm font-medium text-[var(--sk-fg-highlighted)]\">\n        {{ t('composites.table.emptyTitle') }}\n      </p>\n      <p class=\"text-sm text-[var(--sk-muted)]\">\n        {{ t('composites.table.emptyText') }}\n      </p>\n    </div>\n\n    <template v-else>\n      <div class=\"flex flex-col gap-2\">\n        <div class=\"flex flex-wrap items-center gap-2\">\n          <UInput\n            v-model=\"search\"\n            class=\"w-64\"\n            size=\"sm\"\n            icon=\"i-lucide-search\"\n            :placeholder=\"t('composites.table.search.placeholder')\"\n            :aria-label=\"t('composites.table.search.label')\"\n          >\n            <template v-if=\"search\" #trailing>\n              <UButton\n                color=\"neutral\"\n                variant=\"link\"\n                size=\"xs\"\n                icon=\"i-lucide-x\"\n                :aria-label=\"t('composites.table.search.clear')\"\n                @click=\"search = ''\"\n              />\n            </template>\n          </UInput>\n\n          <div v-for=\"filter in selectFilters\" :key=\"filter.key\" class=\"flex items-center gap-1.5\">\n            <span class=\"text-sm text-[var(--sk-muted)]\" aria-hidden=\"true\">{{ filter.label }}</span>\n            <USelect\n              :model-value=\"pickedOptions[filter.key] ?? FILTER_ALL\"\n              class=\"w-36\"\n              size=\"sm\"\n              :items=\"filter.items\"\n              :aria-label=\"filter.label\"\n              @update:model-value=\"pickedOptions = { ...pickedOptions, [filter.key]: String($event) }\"\n            />\n          </div>\n\n          <UButton\n            v-if=\"filterActive\"\n            size=\"sm\"\n            color=\"neutral\"\n            variant=\"ghost\"\n            icon=\"i-lucide-filter-x\"\n            :label=\"t('composites.table.filter.reset')\"\n            @click=\"resetFilters\"\n          />\n          <span class=\"ml-auto text-xs tabular-nums text-[var(--sk-muted)]\" role=\"status\">{{ countLabel }}</span>\n        </div>\n\n        <div v-if=\"kinds.length > 1\" class=\"flex flex-wrap items-center gap-1\" role=\"group\" :aria-label=\"t('composites.table.filter.byKind')\">\n          <UButton\n            v-for=\"kind in kinds\"\n            :key=\"kind.id\"\n            size=\"xs\"\n            color=\"neutral\"\n            :variant=\"activeKinds.includes(kind.id) ? 'solid' : 'outline'\"\n            :icon=\"kind.icon\"\n            :label=\"kind.label\"\n            :aria-pressed=\"activeKinds.includes(kind.id)\"\n            @click=\"pickedKinds = toggled(pickedKinds, kind.id)\"\n          />\n        </div>\n\n        <div v-if=\"tags.length\" class=\"flex flex-wrap items-center gap-1\" role=\"group\" :aria-label=\"t('composites.table.filter.byTag')\">\n          <UButton\n            v-for=\"tag in tags\"\n            :key=\"tag\"\n            size=\"xs\"\n            color=\"neutral\"\n            :variant=\"activeTags.includes(tag) ? 'solid' : 'outline'\"\n            :label=\"`#${tag}`\"\n            :aria-pressed=\"activeTags.includes(tag)\"\n            @click=\"pickedTags = toggled(pickedTags, tag)\"\n          />\n        </div>\n      </div>\n\n      <UTable\n        v-model:sorting=\"sorting\"\n        :data=\"sorted\"\n        :columns=\"columns\"\n        :get-row-id=\"(row: CompositeRow) => row.key\"\n        :ui=\"{ th: 'px-3 py-2 text-sm', td: 'px-3 py-2' }\"\n        sticky\n        class=\"min-h-0 flex-1 rounded-md border border-[var(--sk-border)]\"\n        @select=\"(_event: Event, row: { original: CompositeRow }) => emit('select', row.original)\"\n      >\n        <template v-for=\"spec in specs\" :key=\"spec.id\" #[`${spec.id}-header`]>\n          <button\n            type=\"button\"\n            class=\"-mx-1.5 inline-flex cursor-pointer items-center gap-1 rounded px-1.5 py-0.5 font-semibold hover:bg-[var(--sk-bg-elevated)] focus-visible:outline-2 focus-visible:outline-[var(--sk-primary)]\"\n            @click=\"cycleSort(spec.id)\"\n          >\n            {{ spec.label }}\n            <UIcon :name=\"sortIcon(spec.id)\" class=\"size-3.5\" :class=\"activeSort?.id === spec.id ? 'text-[var(--sk-fg-highlighted)]' : 'text-[var(--sk-fg-dimmed)]'\" />\n          </button>\n        </template>\n\n        <template #title-cell=\"{ row }: { row: { original: CompositeRow } }\">\n          <div class=\"flex min-w-0 items-center gap-1.5\" :style=\"{ paddingLeft: `${row.original.depth * 1.25}rem` }\">\n            <UIcon :name=\"row.original.icon\" class=\"size-4 shrink-0 text-[var(--sk-muted)]\" />\n            <span v-if=\"hasText(row.original.title)\" class=\"truncate font-medium text-[var(--sk-fg-highlighted)]\">{{ row.original.title }}</span>\n            <span v-else class=\"truncate text-[var(--sk-muted)]\">{{ t('composites.untitled') }}</span>\n          </div>\n        </template>\n        <template #kind-cell=\"{ row }: { row: { original: CompositeRow } }\">\n          {{ row.original.kindLabel }}\n        </template>\n        <template v-for=\"column in fieldColumns\" :key=\"column.id\" #[`${column.id}-cell`]=\"{ row }: { row: { original: CompositeRow } }\">\n          <span\n            v-if=\"fieldText(row.original, column.field.key, fieldContext)\"\n            class=\"block\"\n            :class=\"[column.field.type === 'number' || column.field.type === 'date' ? 'tabular-nums' : '', isLongText(column.field) ? 'max-w-64 truncate' : '']\"\n            :title=\"isLongText(column.field) ? fieldText(row.original, column.field.key, fieldContext) : undefined\"\n          >{{ fieldText(row.original, column.field.key, fieldContext) }}</span>\n          <template v-else>\n            <span class=\"text-[var(--sk-fg-dimmed)]\" aria-hidden=\"true\">–</span>\n            <span class=\"sr-only\">{{ t('composites.table.noValue') }}</span>\n          </template>\n        </template>\n        <template #tags-cell=\"{ row }: { row: { original: CompositeRow } }\">\n          <div v-if=\"row.original.tags.length\" class=\"flex flex-wrap gap-1\">\n            <UBadge v-for=\"tag in row.original.tags\" :key=\"tag\" color=\"neutral\" variant=\"subtle\" size=\"sm\" :label=\"`#${tag}`\" />\n          </div>\n          <template v-else>\n            <span class=\"text-[var(--sk-fg-dimmed)]\" aria-hidden=\"true\">–</span>\n            <span class=\"sr-only\">{{ t('composites.table.noTags') }}</span>\n          </template>\n        </template>\n        <template #summary-cell=\"{ row }: { row: { original: CompositeRow } }\">\n          <template v-if=\"hasText(row.original.description)\">\n            <span class=\"inline-block size-2 rounded-full bg-[var(--sk-primary)]\" aria-hidden=\"true\" :title=\"row.original.description\" />\n            <span class=\"sr-only\">{{ t('composites.table.summaryPresent') }}</span>\n          </template>\n          <template v-else>\n            <span class=\"text-[var(--sk-fg-dimmed)]\" aria-hidden=\"true\">–</span>\n            <span class=\"sr-only\">{{ t('composites.summary.none') }}</span>\n          </template>\n        </template>\n\n        <template #empty>\n          <div class=\"flex flex-col items-center gap-2 py-6\">\n            <p class=\"text-sm text-[var(--sk-muted)]\">\n              {{ t('composites.table.filter.noMatch') }}\n            </p>\n            <UButton\n              size=\"sm\"\n              color=\"neutral\"\n              variant=\"outline\"\n              icon=\"i-lucide-filter-x\"\n              :label=\"t('composites.table.filter.reset')\"\n              @click=\"resetFilters\"\n            />\n          </div>\n        </template>\n      </UTable>\n    </template>\n  </section>\n</template>\n"],"mappings":"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"}

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

@@ -6,7 +6,7 @@ import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
 import { setCompositeTags } from "../rows.js";
 import { Fragment, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, onBeforeUnmount, openBlock, ref, toDisplayString, unref, watch, withCtx } from "vue";
 //#region src/features/composites/components/CompositeTagsEditor.vue
-/** Tags of one Baustein as an input menu with suggestions from the metadata registry, writing through `setCompositeTags`. */
+/** Tags of one Typed block as an input menu with suggestions from the metadata registry, writing through `setCompositeTags`. */
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	__name: "CompositeTagsEditor",
 	props: {

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

@@ -1 +1 @@
-{"version":3,"file":"CompositeTagsEditor.js","names":["_openBlock","_createElementBlock","_Fragment","_createCommentVNode","_createVNode","_unref","_withCtx","_createTextVNode","_toDisplayString"],"sources":["../../../../src/features/composites/components/CompositeTagsEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport { onBeforeUnmount, ref, watch } from 'vue'\nimport { metadataOf } from '../../../core/metadata'\nimport { METADATA_LIST } from '../../../core/metadata-types'\nimport { normalizeTagName } from '../../../core/tag-name'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { type CompositeRow, setCompositeTags } from '../rows'\n\n/** Tags of one Baustein as an input menu with suggestions from the metadata registry, writing through `setCompositeTags`. */\nconst props = defineProps<{ editor: Editor, row: CompositeRow }>()\n\nconst { InputMenu: UInputMenu } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst term = ref('')\nconst items = ref<string[]>([])\n// Suggestions are loaded when the menu opens and 150 ms after typing pauses; a newer search aborts the older one.\nlet timer: ReturnType<typeof setTimeout> | undefined\nlet pending: AbortController | undefined\n\nfunction scheduleSearch() {\n  clearTimeout(timer)\n  timer = setTimeout(async () => {\n    pending?.abort()\n    const controller = pending = new AbortController()\n    try {\n      const found = await metadataOf(props.editor).search(METADATA_LIST.hashtags, { query: term.value, editor: props.editor, signal: controller.signal })\n      if (!controller.signal.aborted) items.value = found.map(item => item.label)\n    }\n    catch (error) {\n      if (!controller.signal.aborted) console.warn('Tag-Vorschläge konnten nicht geladen werden', error)\n    }\n  }, 150)\n}\nwatch(term, scheduleSearch)\nonBeforeUnmount(() => {\n  clearTimeout(timer)\n  pending?.abort()\n})\n\nfunction onTags(value: unknown) {\n  setCompositeTags(props.editor, props.row, Array.isArray(value) ? value.filter((tag): tag is string => typeof tag === 'string') : [])\n}\n\n// „Neu Tag“ → `neu-tag`; a name that is already set is ignored.\nfunction onCreate(raw: string) {\n  const name = normalizeTagName(raw)\n  term.value = ''\n  if (!name || props.row.tags.includes(name)) return\n  setCompositeTags(props.editor, props.row, [...props.row.tags, name])\n  if (!items.value.includes(name)) metadataOf(props.editor).create(METADATA_LIST.hashtags, { id: name, label: name })\n}\n</script>\n\n<template>\n  <!-- `position` is required in the object form of `create-item`: InputMenu renders the create row only for 'top' or 'bottom'. -->\n  <UInputMenu\n    v-model:search-term=\"term\"\n    multiple\n    :create-item=\"{ position: 'bottom', when: 'always' }\"\n    :model-value=\"row.tags\"\n    :items=\"items\"\n    ignore-filter\n    :placeholder=\"t('composites.tags.placeholder')\"\n    :aria-label=\"t('composites.tags.label')\"\n    size=\"sm\"\n    icon=\"i-lucide-hash\"\n    class=\"w-full\"\n    @update:model-value=\"onTags\"\n    @update:open=\"(open: boolean) => open && scheduleSearch()\"\n    @create=\"onCreate\"\n  >\n    <template #create-item-label=\"{ item }: { item: string }\">\n      {{ t('composites.tags.create', { tag: normalizeTagName(item) || item }) }}\n    </template>\n  </UInputMenu>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EAEd,MAAM,EAAE,WAAW,eAAe,SAAS;EAC3C,MAAM,EAAE,MAAM,cAAc;EAE5B,MAAM,OAAO,IAAI,EAAE;EACnB,MAAM,QAAQ,IAAc,CAAC,CAAC;EAE9B,IAAI;EACJ,IAAI;EAEJ,SAAS,iBAAiB;GACxB,aAAa,KAAK;GAClB,QAAQ,WAAW,YAAY;IAC7B,SAAS,MAAM;IACf,MAAM,aAAa,UAAU,IAAI,gBAAgB;IACjD,IAAI;KACF,MAAM,QAAQ,MAAM,WAAW,MAAM,MAAM,CAAC,CAAC,OAAO,cAAc,UAAU;MAAE,OAAO,KAAK;MAAO,QAAQ,MAAM;MAAQ,QAAQ,WAAW;KAAO,CAAC;KAClJ,IAAI,CAAC,WAAW,OAAO,SAAS,MAAM,QAAQ,MAAM,KAAI,SAAQ,KAAK,KAAK;IAC5E,SACO,OAAO;KACZ,IAAI,CAAC,WAAW,OAAO,SAAS,QAAQ,KAAK,+CAA+C,KAAK;IACnG;GACF,GAAG,GAAG;EACR;EACA,MAAM,MAAM,cAAc;EAC1B,sBAAsB;GACpB,aAAa,KAAK;GAClB,SAAS,MAAM;EACjB,CAAC;EAED,SAAS,OAAO,OAAgB;GAC9B,iBAAiB,MAAM,QAAQ,MAAM,KAAK,MAAM,QAAQ,KAAK,IAAI,MAAM,QAAQ,QAAuB,OAAO,QAAQ,QAAQ,IAAI,CAAC,CAAC;EACrI;EAGA,SAAS,SAAS,KAAa;GAC7B,MAAM,OAAO,iBAAiB,GAAG;GACjC,KAAK,QAAQ;GACb,IAAI,CAAC,QAAQ,MAAM,IAAI,KAAK,SAAS,IAAI,GAAG;GAC5C,iBAAiB,MAAM,QAAQ,MAAM,KAAK,CAAC,GAAG,MAAM,IAAI,MAAM,IAAI,CAAC;GACnE,IAAI,CAAC,MAAM,MAAM,SAAS,IAAI,GAAG,WAAW,MAAM,MAAM,CAAC,CAAC,OAAO,cAAc,UAAU;IAAE,IAAI;IAAM,OAAO;GAAK,CAAC;EACpH;;GAIE,OAAA,UAAA,GAAA,mBAAA,UAAA,MAAA,CAAAG,mBAAA,4HAAA,GACAC,YAmBaC,MAAA,UAAA,GAAA;IAlBH,eAAa,KAAA;IAAA,uBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,KAAI,QAAA;IACzB,UAAA;IACC,eAAa;KAAA,UAAA;KAAA,MAAA;IAAA;IACb,eAAa,QAAA,IAAI;IACjB,OAAO,MAAA;IACR,iBAAA;IACC,aAAaA,MAAA,CAAA,CAAC,CAAA,6BAAA;IACd,cAAYA,MAAA,CAAA,CAAC,CAAA,uBAAA;IACd,MAAK;IACL,MAAK;IACL,OAAM;IACL,uBAAoB;IACpB,iBAAW,OAAA,OAAA,OAAA,MAAG,SAAkB,QAAQ,eAAc;IAC9C;;IAEE,qBAAiBC,SACgD,EAD5C,WAAI,CAC/BC,gBAAAC,gBAAAH,MAAA,CAAA,CAAC,CAAA,0BAAA,EAAA,KAAkCA,MAAA,gBAAA,CAAgB,CAAC,IAAI,KAAK,KAAI,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"CompositeTagsEditor.js","names":["_openBlock","_createElementBlock","_Fragment","_createCommentVNode","_createVNode","_unref","_withCtx","_createTextVNode","_toDisplayString"],"sources":["../../../../src/features/composites/components/CompositeTagsEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport { onBeforeUnmount, ref, watch } from 'vue'\nimport { metadataOf } from '../../../core/metadata'\nimport { METADATA_LIST } from '../../../core/metadata-types'\nimport { normalizeTagName } from '../../../core/tag-name'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { type CompositeRow, setCompositeTags } from '../rows'\n\n/** Tags of one Typed block as an input menu with suggestions from the metadata registry, writing through `setCompositeTags`. */\nconst props = defineProps<{ editor: Editor, row: CompositeRow }>()\n\nconst { InputMenu: UInputMenu } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst term = ref('')\nconst items = ref<string[]>([])\n// Suggestions are loaded when the menu opens and 150 ms after typing pauses; a newer search aborts the older one.\nlet timer: ReturnType<typeof setTimeout> | undefined\nlet pending: AbortController | undefined\n\nfunction scheduleSearch() {\n  clearTimeout(timer)\n  timer = setTimeout(async () => {\n    pending?.abort()\n    const controller = pending = new AbortController()\n    try {\n      const found = await metadataOf(props.editor).search(METADATA_LIST.hashtags, { query: term.value, editor: props.editor, signal: controller.signal })\n      if (!controller.signal.aborted) items.value = found.map(item => item.label)\n    }\n    catch (error) {\n      if (!controller.signal.aborted) console.warn('Tag-Vorschläge konnten nicht geladen werden', error)\n    }\n  }, 150)\n}\nwatch(term, scheduleSearch)\nonBeforeUnmount(() => {\n  clearTimeout(timer)\n  pending?.abort()\n})\n\nfunction onTags(value: unknown) {\n  setCompositeTags(props.editor, props.row, Array.isArray(value) ? value.filter((tag): tag is string => typeof tag === 'string') : [])\n}\n\n// „Neu Tag“ → `neu-tag`; a name that is already set is ignored.\nfunction onCreate(raw: string) {\n  const name = normalizeTagName(raw)\n  term.value = ''\n  if (!name || props.row.tags.includes(name)) return\n  setCompositeTags(props.editor, props.row, [...props.row.tags, name])\n  if (!items.value.includes(name)) metadataOf(props.editor).create(METADATA_LIST.hashtags, { id: name, label: name })\n}\n</script>\n\n<template>\n  <!-- `position` is required in the object form of `create-item`: InputMenu renders the create row only for 'top' or 'bottom'. -->\n  <UInputMenu\n    v-model:search-term=\"term\"\n    multiple\n    :create-item=\"{ position: 'bottom', when: 'always' }\"\n    :model-value=\"row.tags\"\n    :items=\"items\"\n    ignore-filter\n    :placeholder=\"t('composites.tags.placeholder')\"\n    :aria-label=\"t('composites.tags.label')\"\n    size=\"sm\"\n    icon=\"i-lucide-hash\"\n    class=\"w-full\"\n    @update:model-value=\"onTags\"\n    @update:open=\"(open: boolean) => open && scheduleSearch()\"\n    @create=\"onCreate\"\n  >\n    <template #create-item-label=\"{ item }: { item: string }\">\n      {{ t('composites.tags.create', { tag: normalizeTagName(item) || item }) }}\n    </template>\n  </UInputMenu>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EAEd,MAAM,EAAE,WAAW,eAAe,SAAS;EAC3C,MAAM,EAAE,MAAM,cAAc;EAE5B,MAAM,OAAO,IAAI,EAAE;EACnB,MAAM,QAAQ,IAAc,CAAC,CAAC;EAE9B,IAAI;EACJ,IAAI;EAEJ,SAAS,iBAAiB;GACxB,aAAa,KAAK;GAClB,QAAQ,WAAW,YAAY;IAC7B,SAAS,MAAM;IACf,MAAM,aAAa,UAAU,IAAI,gBAAgB;IACjD,IAAI;KACF,MAAM,QAAQ,MAAM,WAAW,MAAM,MAAM,CAAC,CAAC,OAAO,cAAc,UAAU;MAAE,OAAO,KAAK;MAAO,QAAQ,MAAM;MAAQ,QAAQ,WAAW;KAAO,CAAC;KAClJ,IAAI,CAAC,WAAW,OAAO,SAAS,MAAM,QAAQ,MAAM,KAAI,SAAQ,KAAK,KAAK;IAC5E,SACO,OAAO;KACZ,IAAI,CAAC,WAAW,OAAO,SAAS,QAAQ,KAAK,+CAA+C,KAAK;IACnG;GACF,GAAG,GAAG;EACR;EACA,MAAM,MAAM,cAAc;EAC1B,sBAAsB;GACpB,aAAa,KAAK;GAClB,SAAS,MAAM;EACjB,CAAC;EAED,SAAS,OAAO,OAAgB;GAC9B,iBAAiB,MAAM,QAAQ,MAAM,KAAK,MAAM,QAAQ,KAAK,IAAI,MAAM,QAAQ,QAAuB,OAAO,QAAQ,QAAQ,IAAI,CAAC,CAAC;EACrI;EAGA,SAAS,SAAS,KAAa;GAC7B,MAAM,OAAO,iBAAiB,GAAG;GACjC,KAAK,QAAQ;GACb,IAAI,CAAC,QAAQ,MAAM,IAAI,KAAK,SAAS,IAAI,GAAG;GAC5C,iBAAiB,MAAM,QAAQ,MAAM,KAAK,CAAC,GAAG,MAAM,IAAI,MAAM,IAAI,CAAC;GACnE,IAAI,CAAC,MAAM,MAAM,SAAS,IAAI,GAAG,WAAW,MAAM,MAAM,CAAC,CAAC,OAAO,cAAc,UAAU;IAAE,IAAI;IAAM,OAAO;GAAK,CAAC;EACpH;;GAIE,OAAA,UAAA,GAAA,mBAAA,UAAA,MAAA,CAAAG,mBAAA,4HAAA,GACAC,YAmBaC,MAAA,UAAA,GAAA;IAlBH,eAAa,KAAA;IAAA,uBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,KAAI,QAAA;IACzB,UAAA;IACC,eAAa;KAAA,UAAA;KAAA,MAAA;IAAA;IACb,eAAa,QAAA,IAAI;IACjB,OAAO,MAAA;IACR,iBAAA;IACC,aAAaA,MAAA,CAAA,CAAC,CAAA,6BAAA;IACd,cAAYA,MAAA,CAAA,CAAC,CAAA,uBAAA;IACd,MAAK;IACL,MAAK;IACL,OAAM;IACL,uBAAoB;IACpB,iBAAW,OAAA,OAAA,OAAA,MAAG,SAAkB,QAAQ,eAAc;IAC9C;;IAEE,qBAAiBC,SACgD,EAD5C,WAAI,CAC/BC,gBAAAC,gBAAAH,MAAA,CAAA,CAAC,CAAA,0BAAA,EAAA,KAAkCA,MAAA,gBAAA,CAAgB,CAAC,IAAI,KAAK,KAAI,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

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

@@ -1,7 +1,7 @@
 import { CompositeRow } from "../rows.js";
 import { Editor } from "@tiptap/core";
 //#region src/features/composites/components/CompositeTagsEditor.vue.d.ts
-/** Tags of one Baustein as an input menu with suggestions from the metadata registry, writing through `setCompositeTags`. */
+/** Tags of one Typed block as an input menu with suggestions from the metadata registry, writing through `setCompositeTags`. */
 type __VLS_Props = {
   editor: Editor;
   row: CompositeRow;

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

@@ -1,7 +1,9 @@
-import { compositeKind } from "../kinds.js";
-import { basketOf, titleHiddenOf } from "../baskets.js";
-import { derivationOf } from "../derivation.js";
-import { compositeBasketsOf, compositeKindsOf } from "../nodes.js";
+import { capabilityDataOf } from "../../../core/capabilities.js";
+import { TYPED_BLOCK_CLASS } from "../../../core/schema/persisted-names.js";
+import { derivationOf } from "../../../core/derivation.js";
+import { blockTypeOf } from "../block-types.js";
+import { titleHiddenOf } from "../baskets.js";
+import { blockTypesOf, compositeBasketsOf } from "../nodes.js";
 import { useStoreRef } from "../../../vue/store-ref.js";
 import { computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, unref, withCtx } from "vue";
 import { NodeViewContent, NodeViewWrapper, nodeViewProps } from "@tiptap/vue-3";
@@ -11,16 +13,16 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	props: nodeViewProps,
 	setup(__props) {
 		const props = __props;
-		const kind = computed(() => compositeKind(compositeKindsOf(props.editor), String(props.node.attrs.kind)));
-		const expanded = useStoreRef(() => props.editor.storage.composite.expanded);
+		const kind = computed(() => blockTypeOf(blockTypesOf(props.editor), String(props.node.attrs.blockType)));
+		const expanded = useStoreRef(() => props.editor.storage.typedBlock.expanded);
 		const collapsed = computed(() => {
 			const id = props.node.attrs.id;
 			return typeof id === "string" && id !== "" && derivationOf(props.node) !== null && !expanded.value.has(id);
 		});
-		const basket = computed(() => basketOf(props.node));
+		const basket = computed(() => capabilityDataOf(props.editor, props.node, "basket"));
 		const basketColor = computed(() => compositeBasketsOf(props.editor).find((candidate) => candidate.id === basket.value)?.color);
-		const kindTone = computed(() => kind.value.chrome?.tone || void 0);
-		const revealedTitles = useStoreRef(() => props.editor.storage.composite.revealedTitles);
+		const blockTypeTone = computed(() => kind.value.chrome?.tone || void 0);
+		const revealedTitles = useStoreRef(() => props.editor.storage.typedBlock.revealedTitles);
 		const titleHidden = computed(() => {
 			const id = props.node.attrs.id;
 			return titleHiddenOf(props.node) && !(typeof id === "string" && revealedTitles.value.has(id));
@@ -28,22 +30,22 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		/** `text` as a CSS string literal (for `content:`). */
 		const cssString = (text) => `"${text.replace(/["\\]/g, "\\$&").replace(/\n/g, "\\a ")}"`;
 		const placeholderVars = computed(() => ({
-			"--composite-title-placeholder": cssString(kind.value.titlePlaceholder),
+			"--composite-title-placeholder": cssString(kind.value.titlePlaceholder ?? ""),
 			...basketColor.value ? { "--sk-basket-color": basketColor.value } : {},
-			...kindTone.value ? { "--sk-kind-tone": kindTone.value } : {}
+			...blockTypeTone.value ? { "--sk-block-type-tone": blockTypeTone.value } : {}
 		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(NodeViewWrapper), {
 				as: "section",
-				class: normalizeClass(["composite", {
+				class: normalizeClass([unref(TYPED_BLOCK_CLASS), {
 					"is-collapsed": collapsed.value,
 					"is-selected rounded-md ring-1 ring-[var(--sk-primary)]": _ctx.selected
 				}]),
-				"data-type": "composite",
-				"data-kind": _ctx.node.attrs.kind,
+				"data-type": "typedBlock",
+				"data-block-type": _ctx.node.attrs.blockType,
 				"data-id": _ctx.node.attrs.id || void 0,
 				"data-basket": basket.value || void 0,
-				"data-kind-tone": kindTone.value ? "" : void 0,
+				"data-block-type-tone": blockTypeTone.value ? "" : void 0,
 				"data-title-hidden": titleHidden.value ? "" : void 0,
 				style: normalizeStyle(placeholderVars.value)
 			}, {
@@ -59,10 +61,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				_: 1
 			}, 8, [
 				"class",
-				"data-kind",
+				"data-block-type",
 				"data-id",
 				"data-basket",
-				"data-kind-tone",
+				"data-block-type-tone",
 				"data-title-hidden",
 				"style"
 			]);

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

@@ -1 +1 @@
-{"version":3,"file":"CompositeView.js","names":["selected","node","_openBlock","_createBlock","_unref","_normalizeClass","_normalizeStyle","_withCtx","_createCommentVNode","_createElementVNode","_createVNode"],"sources":["../../../../src/features/composites/components/CompositeView.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { NodeViewContent, NodeViewWrapper, nodeViewProps } from '@tiptap/vue-3'\nimport { computed } from 'vue'\nimport { basketOf, titleHiddenOf } from '../baskets'\nimport { compositeKind } from '../kinds'\nimport { compositeBasketsOf, compositeKindsOf } from '../nodes'\nimport { useStoreRef } from '../../../vue/store-ref'\nimport { derivationOf } from '../derivation'\n\nconst props = defineProps(nodeViewProps)\n\nconst kind = computed(() => compositeKind(compositeKindsOf(props.editor), String(props.node.attrs.kind)))\n\n// A derived Baustein (one with a `meta.derivation`) shows collapsed to a faded preview until it is opened; the content\n// stays laid out (CSS clips it), so editing positions are unaffected. The chrome's chevron and a caret inside open it.\nconst expanded = useStoreRef(() => props.editor.storage.composite.expanded)\nconst collapsed = computed(() => {\n  const id: unknown = props.node.attrs.id\n  return typeof id === 'string' && id !== '' && derivationOf(props.node) !== null && !expanded.value.has(id)\n})\n\n// Colour basket (`meta.basket`): `data-basket` carries the id, the stripe takes the basket's colour from `--sk-basket-color`.\nconst basket = computed(() => basketOf(props.node))\nconst basketColor = computed(() => compositeBasketsOf(props.editor).find(candidate => candidate.id === basket.value)?.color)\n\n// Kind tone (`CompositeKind.chrome.tone`): `data-kind-tone` marks the wrapper, the surface reads the colour from `--sk-kind-tone`.\nconst kindTone = computed(() => kind.value.chrome?.tone || undefined)\n\n// A hidden title (`meta.titleHidden`) stays hidden until a caret enters it (`revealedTitles`, see `CompositeNode`).\nconst revealedTitles = useStoreRef(() => props.editor.storage.composite.revealedTitles)\nconst titleHidden = computed(() => {\n  const id: unknown = props.node.attrs.id\n  return titleHiddenOf(props.node) && !(typeof id === 'string' && revealedTitles.value.has(id))\n})\n\n/** `text` as a CSS string literal (for `content:`). */\nconst cssString = (text: string) => `\"${text.replace(/[\"\\\\]/g, '\\\\$&').replace(/\\n/g, '\\\\a ')}\"`\n// Placeholder of the empty title (composites.css `content: var(…)`); a nested composite sets its own.\nconst placeholderVars = computed(() => ({\n  '--composite-title-placeholder': cssString(kind.value.titlePlaceholder),\n  ...(basketColor.value ? { '--sk-basket-color': basketColor.value } : {}),\n  ...(kindTone.value ? { '--sk-kind-tone': kindTone.value } : {}),\n}))\n</script>\n\n<template>\n  <NodeViewWrapper\n    as=\"section\"\n    :class=\"['composite', { 'is-collapsed': collapsed, 'is-selected rounded-md ring-1 ring-[var(--sk-primary)]': selected }]\"\n    data-type=\"composite\"\n    :data-kind=\"node.attrs.kind\"\n    :data-id=\"node.attrs.id || undefined\"\n    :data-basket=\"basket || undefined\"\n    :data-kind-tone=\"kindTone ? '' : undefined\"\n    :data-title-hidden=\"titleHidden ? '' : undefined\"\n    :style=\"placeholderVars\"\n  >\n    <!-- Anchor of the kind icon on the left border: it only takes the icon's place and size. The composite chrome overlay\n         measures it and draws the icon as the button that opens the details popover and drags the composite. -->\n    <span class=\"composite__toggle\" contenteditable=\"false\" aria-hidden=\"true\" />\n    <NodeViewContent class=\"composite__content\" />\n  </NodeViewWrapper>\n</template>\n"],"mappings":";;;;;;;;;;;;EASA,MAAM,QAAQ;EAEd,MAAM,OAAO,eAAe,cAAc,iBAAiB,MAAM,MAAM,GAAG,OAAO,MAAM,KAAK,MAAM,IAAI,CAAC,CAAC;EAIxG,MAAM,WAAW,kBAAkB,MAAM,OAAO,QAAQ,UAAU,QAAQ;EAC1E,MAAM,YAAY,eAAe;GAC/B,MAAM,KAAc,MAAM,KAAK,MAAM;GACrC,OAAO,OAAO,OAAO,YAAY,OAAO,MAAM,aAAa,MAAM,IAAI,MAAM,QAAQ,CAAC,SAAS,MAAM,IAAI,EAAE;EAC3G,CAAC;EAGD,MAAM,SAAS,eAAe,SAAS,MAAM,IAAI,CAAC;EAClD,MAAM,cAAc,eAAe,mBAAmB,MAAM,MAAM,CAAC,CAAC,MAAK,cAAa,UAAU,OAAO,OAAO,KAAK,CAAC,EAAE,KAAK;EAG3H,MAAM,WAAW,eAAe,KAAK,MAAM,QAAQ,QAAQ,KAAA,CAAS;EAGpE,MAAM,iBAAiB,kBAAkB,MAAM,OAAO,QAAQ,UAAU,cAAc;EACtF,MAAM,cAAc,eAAe;GACjC,MAAM,KAAc,MAAM,KAAK,MAAM;GACrC,OAAO,cAAc,MAAM,IAAI,KAAK,EAAE,OAAO,OAAO,YAAY,eAAe,MAAM,IAAI,EAAE;EAC7F,CAAC;;EAGD,MAAM,aAAa,SAAiB,IAAI,KAAK,QAAQ,UAAU,MAAM,CAAC,CAAC,QAAQ,OAAO,MAAM,EAAE;EAE9F,MAAM,kBAAkB,gBAAgB;GACtC,iCAAiC,UAAU,KAAK,MAAM,gBAAgB;GACtE,GAAI,YAAY,QAAQ,EAAE,qBAAqB,YAAY,MAAM,IAAI,CAAC;GACtE,GAAI,SAAS,QAAQ,EAAE,kBAAkB,SAAS,MAAM,IAAI,CAAC;EAC/D,EAAE;;GAIA,OAAAE,UAAA,GAAAC,YAekBC,MAAA,eAAA,GAAA;IAdhB,IAAG;IACF,OAAKC,eAAA,CAAA,aAAA;KAAA,gBAAkC,UAAA;KAAS,0DAA4DL,KAAAA;IAAQ,CAAA,CAAA;IACrH,aAAU;IACT,aAAWC,KAAAA,KAAK,MAAM;IACtB,WAASA,KAAAA,KAAK,MAAM,MAAM,KAAA;IAC1B,eAAa,OAAA,SAAU,KAAA;IACvB,kBAAgB,SAAA,QAAQ,KAAQ,KAAA;IAChC,qBAAmB,YAAA,QAAW,KAAQ,KAAA;IACtC,OAAKK,eAAE,gBAAA,KAAe;;IAEvB,SAAAC,cAC6G;KAD7GC,mBAAA,oOAAA;KAEA,OAAA,OAAA,OAAA,KAAAC,mBAA6E,QAAA;MAAvE,OAAM;MAAoB,iBAAgB;MAAQ,eAAY;;KACpEC,YAA8CN,MAAA,eAAA,GAAA,EAA7B,OAAM,qBAAoB,CAAA"}
+{"version":3,"file":"CompositeView.js","names":["selected","node","_openBlock","_createBlock","_unref","_normalizeClass","_normalizeStyle","_withCtx","_createCommentVNode","_createElementVNode","_createVNode"],"sources":["../../../../src/features/composites/components/CompositeView.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { NodeViewContent, NodeViewWrapper, nodeViewProps } from '@tiptap/vue-3'\nimport { computed } from 'vue'\nimport { capabilityDataOf } from '../../../core/capabilities'\nimport { titleHiddenOf } from '../baskets'\nimport { blockTypeOf } from '../block-types'\nimport { compositeBasketsOf, blockTypesOf } from '../nodes'\nimport { useStoreRef } from '../../../vue/store-ref'\nimport { derivationOf } from '../../../core/derivation'\nimport { TYPED_BLOCK_CLASS } from '../../../core/schema/persisted-names'\n\nconst props = defineProps(nodeViewProps)\n\nconst kind = computed(() => blockTypeOf(blockTypesOf(props.editor), String(props.node.attrs.blockType)))\n\n// A derived Typed block (one with a `meta.derivation`) shows collapsed to a faded preview until it is opened; the content\n// stays laid out (CSS clips it), so editing positions are unaffected. The chrome's chevron and a caret inside open it.\nconst expanded = useStoreRef(() => props.editor.storage.typedBlock.expanded)\nconst collapsed = computed(() => {\n  const id: unknown = props.node.attrs.id\n  return typeof id === 'string' && id !== '' && derivationOf(props.node) !== null && !expanded.value.has(id)\n})\n\n// Colour basket (`meta.basket`): `data-basket` carries the id, the stripe takes the basket's colour from `--sk-basket-color`.\nconst basket = computed(() => capabilityDataOf<string>(props.editor, props.node, 'basket'))\nconst basketColor = computed(() => compositeBasketsOf(props.editor).find(candidate => candidate.id === basket.value)?.color)\n\n// Block type tone (`BlockType.chrome.tone`): `data-block-type-tone` marks the wrapper, the surface reads the colour from `--sk-block-type-tone`.\nconst blockTypeTone = computed(() => kind.value.chrome?.tone || undefined)\n\n// A hidden title (`meta.titleHidden`) stays hidden until a caret enters it (`revealedTitles`, see `CompositeNode`).\nconst revealedTitles = useStoreRef(() => props.editor.storage.typedBlock.revealedTitles)\nconst titleHidden = computed(() => {\n  const id: unknown = props.node.attrs.id\n  return titleHiddenOf(props.node) && !(typeof id === 'string' && revealedTitles.value.has(id))\n})\n\n/** `text` as a CSS string literal (for `content:`). */\nconst cssString = (text: string) => `\"${text.replace(/[\"\\\\]/g, '\\\\$&').replace(/\\n/g, '\\\\a ')}\"`\n// Placeholder of the empty title (composites.css `content: var(…)`); a nested composite sets its own.\nconst placeholderVars = computed(() => ({\n  '--composite-title-placeholder': cssString(kind.value.titlePlaceholder ?? ''),\n  ...(basketColor.value ? { '--sk-basket-color': basketColor.value } : {}),\n  ...(blockTypeTone.value ? { '--sk-block-type-tone': blockTypeTone.value } : {}),\n}))\n</script>\n\n<template>\n  <NodeViewWrapper\n    as=\"section\"\n    :class=\"[TYPED_BLOCK_CLASS, { 'is-collapsed': collapsed, 'is-selected rounded-md ring-1 ring-[var(--sk-primary)]': selected }]\"\n    data-type=\"typedBlock\"\n    :data-block-type=\"node.attrs.blockType\"\n    :data-id=\"node.attrs.id || undefined\"\n    :data-basket=\"basket || undefined\"\n    :data-block-type-tone=\"blockTypeTone ? '' : undefined\"\n    :data-title-hidden=\"titleHidden ? '' : undefined\"\n    :style=\"placeholderVars\"\n  >\n    <!-- Anchor of the kind icon on the left border: it only takes the icon's place and size. The composite chrome overlay\n         measures it and draws the icon as the button that opens the details popover and drags the composite. -->\n    <span class=\"composite__toggle\" contenteditable=\"false\" aria-hidden=\"true\" />\n    <NodeViewContent class=\"composite__content\" />\n  </NodeViewWrapper>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EAEd,MAAM,OAAO,eAAe,YAAY,aAAa,MAAM,MAAM,GAAG,OAAO,MAAM,KAAK,MAAM,SAAS,CAAC,CAAC;EAIvG,MAAM,WAAW,kBAAkB,MAAM,OAAO,QAAQ,WAAW,QAAQ;EAC3E,MAAM,YAAY,eAAe;GAC/B,MAAM,KAAc,MAAM,KAAK,MAAM;GACrC,OAAO,OAAO,OAAO,YAAY,OAAO,MAAM,aAAa,MAAM,IAAI,MAAM,QAAQ,CAAC,SAAS,MAAM,IAAI,EAAE;EAC3G,CAAC;EAGD,MAAM,SAAS,eAAe,iBAAyB,MAAM,QAAQ,MAAM,MAAM,QAAQ,CAAC;EAC1F,MAAM,cAAc,eAAe,mBAAmB,MAAM,MAAM,CAAC,CAAC,MAAK,cAAa,UAAU,OAAO,OAAO,KAAK,CAAC,EAAE,KAAK;EAG3H,MAAM,gBAAgB,eAAe,KAAK,MAAM,QAAQ,QAAQ,KAAA,CAAS;EAGzE,MAAM,iBAAiB,kBAAkB,MAAM,OAAO,QAAQ,WAAW,cAAc;EACvF,MAAM,cAAc,eAAe;GACjC,MAAM,KAAc,MAAM,KAAK,MAAM;GACrC,OAAO,cAAc,MAAM,IAAI,KAAK,EAAE,OAAO,OAAO,YAAY,eAAe,MAAM,IAAI,EAAE;EAC7F,CAAC;;EAGD,MAAM,aAAa,SAAiB,IAAI,KAAK,QAAQ,UAAU,MAAM,CAAC,CAAC,QAAQ,OAAO,MAAM,EAAE;EAE9F,MAAM,kBAAkB,gBAAgB;GACtC,iCAAiC,UAAU,KAAK,MAAM,oBAAoB,EAAE;GAC5E,GAAI,YAAY,QAAQ,EAAE,qBAAqB,YAAY,MAAM,IAAI,CAAC;GACtE,GAAI,cAAc,QAAQ,EAAE,wBAAwB,cAAc,MAAM,IAAI,CAAC;EAC/E,EAAE;;GAIA,OAAAE,UAAA,GAAAC,YAekBC,MAAA,eAAA,GAAA;IAdhB,IAAG;IACF,OAAKC,eAAA,CAAGD,MAAA,iBAAA,GAAiB;KAAA,gBAAoB,UAAA;KAAS,0DAA4DJ,KAAAA;IAAQ,CAAA,CAAA;IAC3H,aAAU;IACT,mBAAiBC,KAAAA,KAAK,MAAM;IAC5B,WAASA,KAAAA,KAAK,MAAM,MAAM,KAAA;IAC1B,eAAa,OAAA,SAAU,KAAA;IACvB,wBAAsB,cAAA,QAAa,KAAQ,KAAA;IAC3C,qBAAmB,YAAA,QAAW,KAAQ,KAAA;IACtC,OAAKK,eAAE,gBAAA,KAAe;;IAEvB,SAAAC,cAC6G;KAD7GC,mBAAA,oOAAA;KAEA,OAAA,OAAA,OAAA,KAAAC,mBAA6E,QAAA;MAAvE,OAAM;MAAoB,iBAAgB;MAAQ,eAAY;;KACpEC,YAA8CN,MAAA,eAAA,GAAA,EAA7B,OAAM,qBAAoB,CAAA"}

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

@@ -1,7 +1,7 @@
-import { derivationOf } from "../derivation.js";
+import { derivationOf } from "../../../core/derivation.js";
 import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
 import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
-import { derivationDetailsOf, derivationIsForeign, derivationMethodLabel } from "../derived-chrome.js";
+import { derivationDetailsOf, derivationIsForeign, derivationMethodLabel, isSourceMissing } from "../derived-chrome.js";
 import { formatDate } from "../meta-display.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
 //#region src/features/composites/components/DerivationBadge.vue
@@ -24,10 +24,10 @@ const _hoisted_10 = { class: "text-[var(--sk-muted)]" };
 const _hoisted_11 = { class: "text-[var(--sk-fg)]" };
 const _hoisted_12 = ["href"];
 /**
-* Where a derived Baustein comes from. Compact (the `derivation` field type): the „abgeleitet“ badge with method and
+* Where a derived Typed block comes from. Compact (the `derivation` field type): the „abgeleitet“ badge with method and
 * date. `detailed` (the details card): also the model, whether the source changed („Quelle geändert“), whether the body
 * was edited since it was generated („bearbeitet“) and a link to the stored raw output. The detailed variant hashes
-* the body, so it belongs only where one Baustein is shown.
+* the body, so it belongs only where one Typed block is shown.
 */
 const chip = "inline-flex h-5 shrink-0 items-center gap-1 rounded-sm px-1.5 text-xs leading-none whitespace-nowrap";
 const _sfc_main = /*@__PURE__*/ defineComponent({
@@ -45,6 +45,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const details = computed(() => props.detailed ? derivationDetailsOf(props.editor, props.node) : null);
 		const method = computed(() => derivation.value ? derivationMethodLabel(t, derivation.value.method) : "");
 		const foreign = computed(() => derivation.value ? derivationIsForeign(props.editor, derivation.value) : false);
+		const sourceMissing = computed(() => derivation.value ? isSourceMissing(props.editor, props.node) : false);
 		const created = computed(() => derivation.value?.createdAt ? formatDate(derivation.value.createdAt) : "");
 		return (_ctx, _cache) => {
 			return derivation.value && !__props.detailed ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(UIcon), {
@@ -54,6 +55,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				unref(t)("composites.derivation.badge"),
 				method.value,
 				foreign.value ? unref(t)("composites.derivation.foreign") : "",
+				sourceMissing.value ? unref(t)("composites.derivation.sourceMissing") : "",
 				created.value
 			].filter(Boolean).join(" · ")), 1)])) : derivation.value && details.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
 				createElementVNode("div", _hoisted_4, [
@@ -68,15 +70,22 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						name: "i-lucide-file-symlink",
 						class: "size-3.5"
 					}), createTextVNode(toDisplayString(unref(t)("composites.derivation.foreign")), 1)], 2)) : createCommentVNode("v-if", true),
-					details.value.stale ? (openBlock(), createElementBlock("span", {
+					details.value.sourceMissing ? (openBlock(), createElementBlock("span", {
 						key: 1,
 						class: normalizeClass([chip, "text-[var(--sk-warning)]"])
+					}, [createVNode(unref(UIcon), {
+						name: "i-lucide-unlink",
+						class: "size-3.5"
+					}), createTextVNode(toDisplayString(unref(t)("composites.derivation.sourceMissing")), 1)], 2)) : createCommentVNode("v-if", true),
+					details.value.stale ? (openBlock(), createElementBlock("span", {
+						key: 2,
+						class: normalizeClass([chip, "text-[var(--sk-warning)]"])
 					}, [createVNode(unref(UIcon), {
 						name: "i-lucide-triangle-alert",
 						class: "size-3.5"
 					}), createTextVNode(toDisplayString(unref(t)("composites.derivation.stale")), 1)], 2)) : createCommentVNode("v-if", true),
 					details.value.edited ? (openBlock(), createElementBlock("span", {
-						key: 2,
+						key: 3,
 						class: normalizeClass([chip, "text-[var(--sk-muted)]"])
 					}, [createVNode(unref(UIcon), {
 						name: "i-lucide-pencil",

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

@@ -1 +1 @@
-{"version":3,"file":"DerivationBadge.js","names":["_openBlock","_createElementBlock","_createVNode","_unref","_createElementVNode","_toDisplayString","_normalizeClass","_createTextVNode","_createCommentVNode","_Fragment"],"sources":["../../../../src/features/composites/components/DerivationBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Node as ProseMirrorNode } from '@tiptap/pm/model'\nimport type { Editor } from '@tiptap/core'\nimport { computed } from 'vue'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { derivationOf } from '../derivation'\nimport { derivationDetailsOf, derivationIsForeign, derivationMethodLabel } from '../derived-chrome'\nimport { formatDate } from '../meta-display'\n\n/**\n * Where a derived Baustein comes from. Compact (the `derivation` field type): the „abgeleitet“ badge with method and\n * date. `detailed` (the details card): also the model, whether the source changed („Quelle geändert“), whether the body\n * was edited since it was generated („bearbeitet“) and a link to the stored raw output. The detailed variant hashes\n * the body, so it belongs only where one Baustein is shown.\n */\nconst props = defineProps<{ editor: Editor, node: ProseMirrorNode, detailed?: boolean }>()\n\nconst { Icon: UIcon } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst derivation = computed(() => derivationOf(props.node))\nconst details = computed(() => props.detailed ? derivationDetailsOf(props.editor, props.node) : null)\nconst method = computed(() => derivation.value ? derivationMethodLabel(t, derivation.value.method) : '')\nconst foreign = computed(() => derivation.value ? derivationIsForeign(props.editor, derivation.value) : false)\nconst created = computed(() => derivation.value?.createdAt ? formatDate(derivation.value.createdAt) : '')\n\nconst chip = 'inline-flex h-5 shrink-0 items-center gap-1 rounded-sm px-1.5 text-xs leading-none whitespace-nowrap'\n</script>\n\n<template>\n  <div v-if=\"derivation && !detailed\" class=\"flex min-w-0 items-center gap-1.5 text-xs text-[var(--sk-muted)]\">\n    <UIcon name=\"i-lucide-git-branch\" class=\"size-3.5 shrink-0\" />\n    <span class=\"truncate\">{{ [t('composites.derivation.badge'), method, foreign ? t('composites.derivation.foreign') : '', created].filter(Boolean).join(' · ') }}</span>\n  </div>\n\n  <div v-else-if=\"derivation && details\" class=\"flex flex-col gap-1.5 rounded-md p-2 text-xs ring ring-[var(--sk-border)]\">\n    <div class=\"flex flex-wrap items-center gap-1\">\n      <span :class=\"[chip, 'text-[var(--sk-muted)]']\">\n        <UIcon name=\"i-lucide-git-branch\" class=\"size-3.5\" />{{ t('composites.derivation.badge') }}\n      </span>\n      <span v-if=\"details.foreign\" :class=\"[chip, 'text-[var(--sk-muted)]']\">\n        <UIcon name=\"i-lucide-file-symlink\" class=\"size-3.5\" />{{ t('composites.derivation.foreign') }}\n      </span>\n      <span v-if=\"details.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      <span v-if=\"details.edited\" :class=\"[chip, 'text-[var(--sk-muted)]']\">\n        <UIcon name=\"i-lucide-pencil\" class=\"size-3.5\" />{{ t('composites.derivation.edited') }}\n      </span>\n    </div>\n    <dl class=\"grid grid-cols-[auto_1fr] gap-x-2 gap-y-0.5\">\n      <dt class=\"text-[var(--sk-muted)]\">{{ t('composites.derivation.method') }}</dt>\n      <dd class=\"truncate text-[var(--sk-fg)]\">{{ method }}</dd>\n      <template v-if=\"derivation.model\">\n        <dt class=\"text-[var(--sk-muted)]\">{{ t('composites.derivation.model') }}</dt>\n        <dd class=\"truncate text-[var(--sk-fg)]\" :title=\"derivation.model\">{{ derivation.model }}</dd>\n      </template>\n      <template v-if=\"created\">\n        <dt class=\"text-[var(--sk-muted)]\">{{ t('composites.derivation.createdAt') }}</dt>\n        <dd class=\"text-[var(--sk-fg)]\">{{ created }}</dd>\n      </template>\n    </dl>\n    <a\n      v-if=\"details.outputUrl\"\n      :href=\"details.outputUrl\"\n      target=\"_blank\"\n      rel=\"noopener\"\n      class=\"inline-flex w-fit items-center gap-1 text-[var(--sk-primary)] hover:underline\"\n    >\n      <UIcon name=\"i-lucide-external-link\" class=\"size-3.5\" />{{ t('composites.derivation.openOutput') }}\n    </a>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"DerivationBadge.js","names":["_openBlock","_createElementBlock","_createVNode","_unref","_createElementVNode","_toDisplayString","_normalizeClass","_createTextVNode","_createCommentVNode","_Fragment"],"sources":["../../../../src/features/composites/components/DerivationBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Node as ProseMirrorNode } from '@tiptap/pm/model'\nimport type { Editor } from '@tiptap/core'\nimport { computed } from 'vue'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { derivationOf } from '../../../core/derivation'\nimport { derivationDetailsOf, derivationIsForeign, derivationMethodLabel, isSourceMissing } from '../derived-chrome'\nimport { formatDate } from '../meta-display'\n\n/**\n * Where a derived Typed block comes from. Compact (the `derivation` field type): the „abgeleitet“ badge with method and\n * date. `detailed` (the details card): also the model, whether the source changed („Quelle geändert“), whether the body\n * was edited since it was generated („bearbeitet“) and a link to the stored raw output. The detailed variant hashes\n * the body, so it belongs only where one Typed block is shown.\n */\nconst props = defineProps<{ editor: Editor, node: ProseMirrorNode, detailed?: boolean }>()\n\nconst { Icon: UIcon } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst derivation = computed(() => derivationOf(props.node))\nconst details = computed(() => props.detailed ? derivationDetailsOf(props.editor, props.node) : null)\nconst method = computed(() => derivation.value ? derivationMethodLabel(t, derivation.value.method) : '')\nconst foreign = computed(() => derivation.value ? derivationIsForeign(props.editor, derivation.value) : false)\nconst sourceMissing = computed(() => derivation.value ? isSourceMissing(props.editor, props.node) : false)\nconst created = computed(() => derivation.value?.createdAt ? formatDate(derivation.value.createdAt) : '')\n\nconst chip = 'inline-flex h-5 shrink-0 items-center gap-1 rounded-sm px-1.5 text-xs leading-none whitespace-nowrap'\n</script>\n\n<template>\n  <div v-if=\"derivation && !detailed\" class=\"flex min-w-0 items-center gap-1.5 text-xs text-[var(--sk-muted)]\">\n    <UIcon name=\"i-lucide-git-branch\" class=\"size-3.5 shrink-0\" />\n    <span class=\"truncate\">{{ [t('composites.derivation.badge'), method, foreign ? t('composites.derivation.foreign') : '', sourceMissing ? t('composites.derivation.sourceMissing') : '', created].filter(Boolean).join(' · ') }}</span>\n  </div>\n\n  <div v-else-if=\"derivation && details\" class=\"flex flex-col gap-1.5 rounded-md p-2 text-xs ring ring-[var(--sk-border)]\">\n    <div class=\"flex flex-wrap items-center gap-1\">\n      <span :class=\"[chip, 'text-[var(--sk-muted)]']\">\n        <UIcon name=\"i-lucide-git-branch\" class=\"size-3.5\" />{{ t('composites.derivation.badge') }}\n      </span>\n      <span v-if=\"details.foreign\" :class=\"[chip, 'text-[var(--sk-muted)]']\">\n        <UIcon name=\"i-lucide-file-symlink\" class=\"size-3.5\" />{{ t('composites.derivation.foreign') }}\n      </span>\n      <span v-if=\"details.sourceMissing\" :class=\"[chip, 'text-[var(--sk-warning)]']\">\n        <UIcon name=\"i-lucide-unlink\" class=\"size-3.5\" />{{ t('composites.derivation.sourceMissing') }}\n      </span>\n      <span v-if=\"details.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      <span v-if=\"details.edited\" :class=\"[chip, 'text-[var(--sk-muted)]']\">\n        <UIcon name=\"i-lucide-pencil\" class=\"size-3.5\" />{{ t('composites.derivation.edited') }}\n      </span>\n    </div>\n    <dl class=\"grid grid-cols-[auto_1fr] gap-x-2 gap-y-0.5\">\n      <dt class=\"text-[var(--sk-muted)]\">{{ t('composites.derivation.method') }}</dt>\n      <dd class=\"truncate text-[var(--sk-fg)]\">{{ method }}</dd>\n      <template v-if=\"derivation.model\">\n        <dt class=\"text-[var(--sk-muted)]\">{{ t('composites.derivation.model') }}</dt>\n        <dd class=\"truncate text-[var(--sk-fg)]\" :title=\"derivation.model\">{{ derivation.model }}</dd>\n      </template>\n      <template v-if=\"created\">\n        <dt class=\"text-[var(--sk-muted)]\">{{ t('composites.derivation.createdAt') }}</dt>\n        <dd class=\"text-[var(--sk-fg)]\">{{ created }}</dd>\n      </template>\n    </dl>\n    <a\n      v-if=\"details.outputUrl\"\n      :href=\"details.outputUrl\"\n      target=\"_blank\"\n      rel=\"noopener\"\n      class=\"inline-flex w-fit items-center gap-1 text-[var(--sk-primary)] hover:underline\"\n    >\n      <UIcon name=\"i-lucide-external-link\" class=\"size-3.5\" />{{ t('composites.derivation.openOutput') }}\n    </a>\n  </div>\n</template>\n"],"mappings":"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"}

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

@@ -11,7 +11,7 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = { class: "truncate text-sm" };
 /**
-* Focus mode indicator (mounted by the composites feature): while a Baustein is focused (`focusComposite`) a small chip
+* Focus mode indicator (mounted by the composites feature): while a Typed block is focused (`focusComposite`) a small chip
 * fixed at the bottom of the surface names it and leaves focus mode.
 */
 const _sfc_main = /*@__PURE__*/ defineComponent({

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

@@ -1 +1 @@
-{"version":3,"file":"FocusChip.js","names":["_openBlock","_createElementBlock","_createVNode","_unref","_createElementVNode","_toDisplayString","_createCommentVNode"],"sources":["../../../../src/features/composites/components/FocusChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/vue-3'\nimport { computed } from 'vue'\nimport { findBlockById } from '../../../core/schema'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { compositeFocusOf } from '../focus'\n\n/**\n * Focus mode indicator (mounted by the composites feature): while a Baustein is focused (`focusComposite`) a small chip\n * fixed at the bottom of the surface names it and leaves focus mode.\n */\nconst props = defineProps<{ editor: Editor }>()\n\nconst { Button: UButton, Icon: UIcon } = useUiKit()\nconst { t } = useEditorI18n()\n\n// The vue-3 Editor's `state` is reactive, so this follows every transaction.\nconst focused = computed(() => {\n  if (props.editor.isDestroyed) return null\n  const id = compositeFocusOf(props.editor.state)\n  const found = id ? findBlockById(props.editor.state.doc, id) : null\n  return found ? { title: found.node.child(0).textContent.trim() || t('composites.untitled') } : null\n})\n</script>\n\n<template>\n  <div\n    v-if=\"focused\"\n    class=\"fixed bottom-4 left-1/2 z-20 flex max-w-[90vw] -translate-x-1/2 items-center gap-2 rounded-full border border-[var(--sk-border)] bg-[var(--sk-bg)] py-1 pl-3 pr-1 shadow-lg\"\n    role=\"status\"\n  >\n    <UIcon name=\"i-lucide-focus\" class=\"size-4 shrink-0 text-[var(--sk-primary)]\" />\n    <span class=\"truncate text-sm\">{{ t('composites.focus.chip', { title: focused.title }) }}</span>\n    <UButton size=\"xs\" color=\"neutral\" variant=\"ghost\" icon=\"i-lucide-x\" :label=\"t('composites.focus.release')\" :aria-label=\"t('composites.focus.leave')\" @click=\"editor.commands.focusComposite(null)\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EAEd,MAAM,EAAE,QAAQ,SAAS,MAAM,UAAU,SAAS;EAClD,MAAM,EAAE,MAAM,cAAc;EAG5B,MAAM,UAAU,eAAe;GAC7B,IAAI,MAAM,OAAO,aAAa,OAAO;GACrC,MAAM,KAAK,iBAAiB,MAAM,OAAO,KAAK;GAC9C,MAAM,QAAQ,KAAK,cAAc,MAAM,OAAO,MAAM,KAAK,EAAE,IAAI;GAC/D,OAAO,QAAQ,EAAE,OAAO,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,KAAK,KAAK,EAAE,qBAAqB,EAAE,IAAI;EACjG,CAAC;;GAKS,OAAA,QAAA,SADRA,UAAA,GAAAC,mBAQM,OARN,YAQM;IAHJC,YAAgFC,MAAA,KAAA,GAAA;KAAzE,MAAK;KAAiB,OAAM;;IACnCC,mBAAgG,QAAhG,YAAgGC,gBAA9DF,MAAA,CAAA,CAAC,CAAA,yBAAA,EAAA,OAAmC,QAAA,MAAQ,MAAK,CAAA,CAAA,GAAA,CAAA;IACnFD,YAAsMC,MAAA,OAAA,GAAA;KAA7L,MAAK;KAAK,OAAM;KAAU,SAAQ;KAAQ,MAAK;KAAc,OAAOA,MAAA,CAAA,CAAC,CAAA,0BAAA;KAA+B,cAAYA,MAAA,CAAA,CAAC,CAAA,wBAAA;KAA6B,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,OAAO,SAAS,eAAc,IAAA"}
+{"version":3,"file":"FocusChip.js","names":["_openBlock","_createElementBlock","_createVNode","_unref","_createElementVNode","_toDisplayString","_createCommentVNode"],"sources":["../../../../src/features/composites/components/FocusChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/vue-3'\nimport { computed } from 'vue'\nimport { findBlockById } from '../../../core/schema'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { compositeFocusOf } from '../focus'\n\n/**\n * Focus mode indicator (mounted by the composites feature): while a Typed block is focused (`focusComposite`) a small chip\n * fixed at the bottom of the surface names it and leaves focus mode.\n */\nconst props = defineProps<{ editor: Editor }>()\n\nconst { Button: UButton, Icon: UIcon } = useUiKit()\nconst { t } = useEditorI18n()\n\n// The vue-3 Editor's `state` is reactive, so this follows every transaction.\nconst focused = computed(() => {\n  if (props.editor.isDestroyed) return null\n  const id = compositeFocusOf(props.editor.state)\n  const found = id ? findBlockById(props.editor.state.doc, id) : null\n  return found ? { title: found.node.child(0).textContent.trim() || t('composites.untitled') } : null\n})\n</script>\n\n<template>\n  <div\n    v-if=\"focused\"\n    class=\"fixed bottom-4 left-1/2 z-20 flex max-w-[90vw] -translate-x-1/2 items-center gap-2 rounded-full border border-[var(--sk-border)] bg-[var(--sk-bg)] py-1 pl-3 pr-1 shadow-lg\"\n    role=\"status\"\n  >\n    <UIcon name=\"i-lucide-focus\" class=\"size-4 shrink-0 text-[var(--sk-primary)]\" />\n    <span class=\"truncate text-sm\">{{ t('composites.focus.chip', { title: focused.title }) }}</span>\n    <UButton size=\"xs\" color=\"neutral\" variant=\"ghost\" icon=\"i-lucide-x\" :label=\"t('composites.focus.release')\" :aria-label=\"t('composites.focus.leave')\" @click=\"editor.commands.focusComposite(null)\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EAEd,MAAM,EAAE,QAAQ,SAAS,MAAM,UAAU,SAAS;EAClD,MAAM,EAAE,MAAM,cAAc;EAG5B,MAAM,UAAU,eAAe;GAC7B,IAAI,MAAM,OAAO,aAAa,OAAO;GACrC,MAAM,KAAK,iBAAiB,MAAM,OAAO,KAAK;GAC9C,MAAM,QAAQ,KAAK,cAAc,MAAM,OAAO,MAAM,KAAK,EAAE,IAAI;GAC/D,OAAO,QAAQ,EAAE,OAAO,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,KAAK,KAAK,EAAE,qBAAqB,EAAE,IAAI;EACjG,CAAC;;GAKS,OAAA,QAAA,SADRA,UAAA,GAAAC,mBAQM,OARN,YAQM;IAHJC,YAAgFC,MAAA,KAAA,GAAA;KAAzE,MAAK;KAAiB,OAAM;;IACnCC,mBAAgG,QAAhG,YAAgGC,gBAA9DF,MAAA,CAAA,CAAC,CAAA,yBAAA,EAAA,OAAmC,QAAA,MAAQ,MAAK,CAAA,CAAA,GAAA,CAAA;IACnFD,YAAsMC,MAAA,OAAA,GAAA;KAA7L,MAAK;KAAK,OAAM;KAAU,SAAQ;KAAQ,MAAK;KAAc,OAAOA,MAAA,CAAA,CAAC,CAAA,0BAAA;KAA+B,cAAYA,MAAA,CAAA,CAAC,CAAA,wBAAA;KAA6B,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,OAAO,SAAS,eAAc,IAAA"}

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

@@ -1,7 +1,7 @@
 import { Editor } from "@tiptap/vue-3";
 //#region src/features/composites/components/FocusChip.vue.d.ts
 /**
- * Focus mode indicator (mounted by the composites feature): while a Baustein is focused (`focusComposite`) a small chip
+ * Focus mode indicator (mounted by the composites feature): while a Typed block is focused (`focusComposite`) a small chip
  * fixed at the bottom of the surface names it and leaves focus mode.
  */
 type __VLS_Props = {

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

@@ -1,11 +1,11 @@
+import { setBlockProperty } from "../properties.js";
 import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
 import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
-import { setCompositeMetaField } from "../rows.js";
 import { metaText } from "../meta-display.js";
 import { useCompositeRows } from "../use-composite-rows.js";
 import { computed, createBlock, defineComponent, openBlock, unref } from "vue";
 //#region src/features/composites/components/ReferenceFieldSelect.vue
-/** The select of a `reference` field: the other Bausteine of the document (with a block ID, of the field's target kinds) by title. */
+/** The select of a `reference` field: the other Typed blocks of the document (with a block ID, of the field's target Block types) by title. */
 const NONE = "__none__";
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	__name: "ReferenceFieldSelect",
@@ -31,7 +31,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			value: candidate.id
 		}))]);
 		function onChoice(value) {
-			setCompositeMetaField(props.editor, props.row, props.field.key, typeof value === "string" && value !== NONE ? value : "");
+			setBlockProperty(props.editor, props.row, props.field.key, typeof value === "string" && value !== NONE ? value : "");
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(USelect), {

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

@@ -1 +1 @@
-{"version":3,"file":"ReferenceFieldSelect.js","names":["_openBlock","_createBlock","_unref"],"sources":["../../../../src/features/composites/components/ReferenceFieldSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport { computed } 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'\nimport { useCompositeRows } from '../use-composite-rows'\n\n/** The select of a `reference` field: the other Bausteine of the document (with a block ID, of the field's target kinds) by title. */\nconst props = defineProps<{\n  editor: Editor\n  row: CompositeRow\n  field: CompositeMetaField\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md'\n}>()\n\n/** Nuxt UI's select has no empty-string value: the \"no reference\" item travels as this sentinel. */\nconst NONE = '__none__'\n\nconst { Select: USelect } = useUiKit()\nconst { t } = useEditorI18n()\nconst { rows } = useCompositeRows(() => props.editor)\n\nconst stored = computed(() => metaText(props.row, props.field))\nconst items = computed(() => [\n  { label: t('composites.field.none'), value: NONE },\n  ...rows.value\n    .filter(candidate => candidate.id !== null && candidate.id !== props.row.id && (!props.field.targets || props.field.targets.includes(candidate.kind)))\n    .map(candidate => ({ label: `${candidate.title.trim() || t('composites.inspector.untitled')} · ${candidate.kindLabel}`, value: candidate.id as string })),\n])\n\nfunction onChoice(value: unknown) {\n  setCompositeMetaField(props.editor, props.row, props.field.key, typeof value === 'string' && value !== NONE ? value : '')\n}\n</script>\n\n<template>\n  <USelect\n    :model-value=\"stored || undefined\"\n    :items=\"items\"\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</template>\n"],"mappings":";;;;;;;;AAoBA,MAAM,OAAO;;;;;;;;;;;EATb,MAAM,QAAQ;;EAWd,MAAM,EAAE,QAAQ,YAAY,SAAS;EACrC,MAAM,EAAE,MAAM,cAAc;EAC5B,MAAM,EAAE,SAAS,uBAAuB,MAAM,MAAM;EAEpD,MAAM,SAAS,eAAe,SAAS,MAAM,KAAK,MAAM,KAAK,CAAC;EAC9D,MAAM,QAAQ,eAAe,CAC3B;GAAE,OAAO,EAAE,uBAAuB;GAAG,OAAO;EAAK,GACjD,GAAG,KAAK,MACL,QAAO,cAAa,UAAU,OAAO,QAAQ,UAAU,OAAO,MAAM,IAAI,OAAO,CAAC,MAAM,MAAM,WAAW,MAAM,MAAM,QAAQ,SAAS,UAAU,IAAI,EAAE,CAAA,CACpJ,KAAI,eAAc;GAAE,OAAO,GAAG,UAAU,MAAM,KAAK,KAAK,EAAE,+BAA+B,EAAE,KAAK,UAAU;GAAa,OAAO,UAAU;EAAa,EAAE,CAC5J,CAAC;EAED,SAAS,SAAS,OAAgB;GAChC,sBAAsB,MAAM,QAAQ,MAAM,KAAK,MAAM,MAAM,KAAK,OAAO,UAAU,YAAY,UAAU,OAAO,QAAQ,EAAE;EAC1H;;GAIE,OAAAA,UAAA,GAAAC,YASEC,MAAA,OAAA,GAAA;IARC,eAAa,OAAA,SAAU,KAAA;IACvB,OAAO,MAAA;IACP,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"}
+{"version":3,"file":"ReferenceFieldSelect.js","names":["_openBlock","_createBlock","_unref"],"sources":["../../../../src/features/composites/components/ReferenceFieldSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport { computed } from 'vue'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport type { PropertyDefinition } from '../../../core/properties'\nimport { metaText } from '../meta-display'\nimport { type BlockProperties, setBlockProperty } from '../properties'\nimport { useCompositeRows } from '../use-composite-rows'\n\n/** The select of a `reference` field: the other Typed blocks of the document (with a block ID, of the field's target Block types) by title. */\nconst props = defineProps<{\n  editor: Editor\n  row: BlockProperties\n  field: PropertyDefinition\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md'\n}>()\n\n/** Nuxt UI's select has no empty-string value: the \"no reference\" item travels as this sentinel. */\nconst NONE = '__none__'\n\nconst { Select: USelect } = useUiKit()\nconst { t } = useEditorI18n()\nconst { rows } = useCompositeRows(() => props.editor)\n\nconst stored = computed(() => metaText(props.row, props.field))\nconst items = computed(() => [\n  { label: t('composites.field.none'), value: NONE },\n  ...rows.value\n    .filter(candidate => candidate.id !== null && candidate.id !== props.row.id && (!props.field.targets || props.field.targets.includes(candidate.kind)))\n    .map(candidate => ({ label: `${candidate.title.trim() || t('composites.inspector.untitled')} · ${candidate.kindLabel}`, value: candidate.id as string })),\n])\n\nfunction onChoice(value: unknown) {\n  setBlockProperty(props.editor, props.row, props.field.key, typeof value === 'string' && value !== NONE ? value : '')\n}\n</script>\n\n<template>\n  <USelect\n    :model-value=\"stored || undefined\"\n    :items=\"items\"\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</template>\n"],"mappings":";;;;;;;;AAoBA,MAAM,OAAO;;;;;;;;;;;EATb,MAAM,QAAQ;;EAWd,MAAM,EAAE,QAAQ,YAAY,SAAS;EACrC,MAAM,EAAE,MAAM,cAAc;EAC5B,MAAM,EAAE,SAAS,uBAAuB,MAAM,MAAM;EAEpD,MAAM,SAAS,eAAe,SAAS,MAAM,KAAK,MAAM,KAAK,CAAC;EAC9D,MAAM,QAAQ,eAAe,CAC3B;GAAE,OAAO,EAAE,uBAAuB;GAAG,OAAO;EAAK,GACjD,GAAG,KAAK,MACL,QAAO,cAAa,UAAU,OAAO,QAAQ,UAAU,OAAO,MAAM,IAAI,OAAO,CAAC,MAAM,MAAM,WAAW,MAAM,MAAM,QAAQ,SAAS,UAAU,IAAI,EAAE,CAAA,CACpJ,KAAI,eAAc;GAAE,OAAO,GAAG,UAAU,MAAM,KAAK,KAAK,EAAE,+BAA+B,EAAE,KAAK,UAAU;GAAa,OAAO,UAAU;EAAa,EAAE,CAC5J,CAAC;EAED,SAAS,SAAS,OAAgB;GAChC,iBAAiB,MAAM,QAAQ,MAAM,KAAK,MAAM,MAAM,KAAK,OAAO,UAAU,YAAY,UAAU,OAAO,QAAQ,EAAE;EACrH;;GAIE,OAAAA,UAAA,GAAAC,YASEC,MAAA,OAAA,GAAA;IARC,eAAa,OAAA,SAAU,KAAA;IACvB,OAAO,MAAA;IACP,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"}

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

@@ -6,7 +6,7 @@ import { computed, createBlock, createTextVNode, createVNode, defineComponent, n
 import { NodeViewWrapper, nodeViewProps } from "@tiptap/vue-3";
 //#region src/features/composites/components/ReferenceView.vue
 /**
-* The `reference` chip: the live short citation (or title) of the Baustein it points at, followed by its locator.
+* The `reference` chip: the live short citation (or title) of the Typed block it points at, followed by its locator.
 * A click reveals the target and, with a locator, opens its source there (page of a PDF, time of a recording); a
 * target that no longer exists shows a greyed „gone“ label. Double click or right click opens a popover to set the
 * locator („Stelle“) in an editable editor.

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

@@ -1 +1 @@
-{"version":3,"file":"ReferenceView.js","names":["selected","node","_openBlock","_createBlock","_unref","_normalizeClass","_withModifiers","_withCtx","_createTextVNode","_toDisplayString","_createVNode","_withKeys"],"sources":["../../../../src/features/composites/components/ReferenceView.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { NodeViewWrapper, nodeViewProps } from '@tiptap/vue-3'\nimport { computed, onBeforeUnmount, onMounted, ref, shallowRef } from 'vue'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { referenceAttrsOf, resolveReference } from '../reference-label'\nimport { revealSource } from '../reveal-source'\n\n/**\n * The `reference` chip: the live short citation (or title) of the Baustein it points at, followed by its locator.\n * A click reveals the target and, with a locator, opens its source there (page of a PDF, time of a recording); a\n * target that no longer exists shows a greyed „gone“ label. Double click or right click opens a popover to set the\n * locator („Stelle“) in an editable editor.\n */\nconst props = defineProps(nodeViewProps)\n\nconst { Input: UInput, Popover: UPopover } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst resolved = shallowRef(resolveReference(props.editor, referenceAttrsOf(props.node)))\n\n// The target's title and bibliography edits change the label: re-resolve after document changes, once per frame.\nlet frame = 0\nfunction sync() {\n  cancelAnimationFrame(frame)\n  frame = requestAnimationFrame(() => {\n    if (props.editor.isDestroyed) return\n    const next = resolveReference(props.editor, referenceAttrsOf(props.node))\n    const current = resolved.value\n    if (next.label !== current.label || next.title !== current.title || next.gone !== current.gone) resolved.value = next\n  })\n}\nonMounted(() => props.editor.on('update', sync))\nonBeforeUnmount(() => {\n  cancelAnimationFrame(frame)\n  props.editor.off('update', sync)\n})\n\nconst text = computed(() => {\n  const label = resolved.value.gone ? t('composites.reference.gone') : resolved.value.label\n  const locator = props.node.attrs.locator\n  return typeof locator === 'string' && locator && !resolved.value.gone ? `${label}, ${locator}` : label\n})\n\nfunction onClick() {\n  const target = String(props.node.attrs.target)\n  if (!props.editor.commands.revealBlock(target)) return\n  const locator = props.node.attrs.locator\n  if (typeof locator === 'string' && locator) revealSource(props.editor, target, locator)\n}\n\nconst root = ref<{ $el: HTMLElement } | null>(null)\nconst reference = { getBoundingClientRect: () => root.value?.$el.getBoundingClientRect() ?? new DOMRect() }\n\nconst open = ref(false)\nconst draft = ref('')\n\nfunction openLocator() {\n  if (!props.editor.isEditable) return\n  draft.value = typeof props.node.attrs.locator === 'string' ? props.node.attrs.locator : ''\n  open.value = true\n}\n\nfunction commit() {\n  open.value = false\n  const pos = props.getPos()\n  if (typeof pos !== 'number' || draft.value.trim() === (props.node.attrs.locator ?? '')) return\n  props.editor.commands.setReferenceLocator(pos, draft.value)\n}\n</script>\n\n<template>\n  <NodeViewWrapper\n    ref=\"root\"\n    as=\"span\"\n    :class=\"['reference', { 'is-gone': resolved.gone, 'is-selected': selected }]\"\n    data-type=\"reference\"\n    :data-target=\"node.attrs.target\"\n    :title=\"resolved.gone ? undefined : resolved.title\"\n    role=\"link\"\n    @click=\"onClick\"\n    @dblclick.prevent=\"openLocator\"\n    @contextmenu.prevent=\"openLocator\"\n  >\n    {{ text }}\n    <UPopover\n      :open=\"open\"\n      :reference=\"reference\"\n      :content=\"{ side: 'bottom', align: 'start', sideOffset: 4, onCloseAutoFocus: (event: Event) => event.preventDefault() }\"\n      :ui=\"{ content: 'w-56 p-2' }\"\n      @update:open=\"(value: boolean) => { if (!value) commit() }\"\n    >\n      <template #content>\n        <UInput\n          v-model=\"draft\"\n          size=\"xs\"\n          class=\"w-full\"\n          :placeholder=\"t('composites.reference.locatorPlaceholder')\"\n          :aria-label=\"t('composites.reference.locator')\"\n          @keydown.enter.prevent=\"commit\"\n        />\n      </template>\n    </UPopover>\n  </NodeViewWrapper>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"ReferenceView.js","names":["selected","node","_openBlock","_createBlock","_unref","_normalizeClass","_withModifiers","_withCtx","_createTextVNode","_toDisplayString","_createVNode","_withKeys"],"sources":["../../../../src/features/composites/components/ReferenceView.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { NodeViewWrapper, nodeViewProps } from '@tiptap/vue-3'\nimport { computed, onBeforeUnmount, onMounted, ref, shallowRef } from 'vue'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { referenceAttrsOf, resolveReference } from '../reference-label'\nimport { revealSource } from '../reveal-source'\n\n/**\n * The `reference` chip: the live short citation (or title) of the Typed block it points at, followed by its locator.\n * A click reveals the target and, with a locator, opens its source there (page of a PDF, time of a recording); a\n * target that no longer exists shows a greyed „gone“ label. Double click or right click opens a popover to set the\n * locator („Stelle“) in an editable editor.\n */\nconst props = defineProps(nodeViewProps)\n\nconst { Input: UInput, Popover: UPopover } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst resolved = shallowRef(resolveReference(props.editor, referenceAttrsOf(props.node)))\n\n// The target's title and bibliography edits change the label: re-resolve after document changes, once per frame.\nlet frame = 0\nfunction sync() {\n  cancelAnimationFrame(frame)\n  frame = requestAnimationFrame(() => {\n    if (props.editor.isDestroyed) return\n    const next = resolveReference(props.editor, referenceAttrsOf(props.node))\n    const current = resolved.value\n    if (next.label !== current.label || next.title !== current.title || next.gone !== current.gone) resolved.value = next\n  })\n}\nonMounted(() => props.editor.on('update', sync))\nonBeforeUnmount(() => {\n  cancelAnimationFrame(frame)\n  props.editor.off('update', sync)\n})\n\nconst text = computed(() => {\n  const label = resolved.value.gone ? t('composites.reference.gone') : resolved.value.label\n  const locator = props.node.attrs.locator\n  return typeof locator === 'string' && locator && !resolved.value.gone ? `${label}, ${locator}` : label\n})\n\nfunction onClick() {\n  const target = String(props.node.attrs.target)\n  if (!props.editor.commands.revealBlock(target)) return\n  const locator = props.node.attrs.locator\n  if (typeof locator === 'string' && locator) revealSource(props.editor, target, locator)\n}\n\nconst root = ref<{ $el: HTMLElement } | null>(null)\nconst reference = { getBoundingClientRect: () => root.value?.$el.getBoundingClientRect() ?? new DOMRect() }\n\nconst open = ref(false)\nconst draft = ref('')\n\nfunction openLocator() {\n  if (!props.editor.isEditable) return\n  draft.value = typeof props.node.attrs.locator === 'string' ? props.node.attrs.locator : ''\n  open.value = true\n}\n\nfunction commit() {\n  open.value = false\n  const pos = props.getPos()\n  if (typeof pos !== 'number' || draft.value.trim() === (props.node.attrs.locator ?? '')) return\n  props.editor.commands.setReferenceLocator(pos, draft.value)\n}\n</script>\n\n<template>\n  <NodeViewWrapper\n    ref=\"root\"\n    as=\"span\"\n    :class=\"['reference', { 'is-gone': resolved.gone, 'is-selected': selected }]\"\n    data-type=\"reference\"\n    :data-target=\"node.attrs.target\"\n    :title=\"resolved.gone ? undefined : resolved.title\"\n    role=\"link\"\n    @click=\"onClick\"\n    @dblclick.prevent=\"openLocator\"\n    @contextmenu.prevent=\"openLocator\"\n  >\n    {{ text }}\n    <UPopover\n      :open=\"open\"\n      :reference=\"reference\"\n      :content=\"{ side: 'bottom', align: 'start', sideOffset: 4, onCloseAutoFocus: (event: Event) => event.preventDefault() }\"\n      :ui=\"{ content: 'w-56 p-2' }\"\n      @update:open=\"(value: boolean) => { if (!value) commit() }\"\n    >\n      <template #content>\n        <UInput\n          v-model=\"draft\"\n          size=\"xs\"\n          class=\"w-full\"\n          :placeholder=\"t('composites.reference.locatorPlaceholder')\"\n          :aria-label=\"t('composites.reference.locator')\"\n          @keydown.enter.prevent=\"commit\"\n        />\n      </template>\n    </UPopover>\n  </NodeViewWrapper>\n</template>\n"],"mappings":"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"}