@ecsplico/editor 2.1.1 → 3.0.0

package/dist/features/transcript/TranscriptSegmentView.js

@@ -1,8 +1,9 @@
 import { metadataOf } from "../../core/metadata.js";
 import { METADATA_LIST } from "../../core/metadata-types.js";
+import { formatSegmentTime } from "./segment-node.js";
 import { useEditorI18n } from "../../vue/use-editor-i18n.js";
 import _sfc_main$1 from "../../vue/components/SuggestionList.js";
-import { computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, ref, unref, useTemplateRef, watch, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, ref, toDisplayString, unref, useTemplateRef, watch, withCtx, withModifiers } from "vue";
 import { NodeViewContent, NodeViewWrapper, nodeViewProps } from "@tiptap/vue-3";
 //#region src/features/transcript/TranscriptSegmentView.vue
 const _hoisted_1 = { class: "grid grid-cols-[5.5rem_1fr] items-start gap-2" };
@@ -18,6 +19,7 @@ const _hoisted_3 = [
 	"aria-expanded",
 	"readonly"
 ];
+const _hoisted_4 = ["title", "aria-label"];
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	__name: "TranscriptSegmentView",
 	props: nodeViewProps,
@@ -125,39 +127,57 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				props.editor.commands.focus(props.getPos() + props.node.nodeSize - 1);
 			}
 		}
+		/** Seeks and plays the source recording of the enclosing Baustein (a no-op without the composites feature or a source). */
+		function seek() {
+			const start = props.node.attrs.start;
+			const pos = props.getPos();
+			if (typeof start === "number" && pos !== void 0) props.editor.commands.seekSource?.(pos, start);
+		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(NodeViewWrapper), {
 				class: normalizeClass(["transcript-segment my-2", { "is-selected rounded-md ring-1 ring-[var(--sk-primary)]": _ctx.selected }]),
 				"data-type": "transcript-segment",
 				"data-id": _ctx.node.attrs.id || void 0
 			}, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("input", {
-					value: draft.value,
-					title: draft.value || void 0,
-					placeholder: unref(t)("transcript.speaker"),
-					"aria-label": unref(t)("transcript.speaker"),
-					autocomplete: "off",
-					role: "combobox",
-					"aria-expanded": open.value && items.value.length > 0,
-					readonly: readonly.value,
-					class: "w-full truncate rounded bg-transparent px-1 text-sm text-[var(--sk-muted)] outline-none placeholder:text-[var(--sk-fg-dimmed)] focus:bg-[color-mix(in_oklab,var(--sk-bg-accented)_50%,transparent)] focus:text-[var(--sk-fg-highlighted)]",
-					onFocus,
-					onBlur,
-					onMousedown: _cache[0] || (_cache[0] = ($event) => openList("")),
-					onInput,
-					onKeydown: onKeyDown
-				}, null, 40, _hoisted_3), open.value && items.value.length ? (openBlock(), createBlock(_sfc_main$1, {
-					key: 0,
-					ref_key: "list",
-					ref: list,
-					class: "absolute top-full left-0 z-50 mt-1",
-					items: items.value,
-					display: (item) => ({ label: item.label }),
-					command: pick,
-					loading: false,
-					"loading-text": "",
-					"empty-text": ""
-				}, null, 8, ["items", "display"])) : createCommentVNode("v-if", true)]), createVNode(unref(NodeViewContent), { class: "transcript-segment__text" })])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [
+					createElementVNode("input", {
+						value: draft.value,
+						title: draft.value || void 0,
+						placeholder: unref(t)("transcript.speaker"),
+						"aria-label": unref(t)("transcript.speaker"),
+						autocomplete: "off",
+						role: "combobox",
+						"aria-expanded": open.value && items.value.length > 0,
+						readonly: readonly.value,
+						class: "w-full truncate rounded bg-transparent px-1 text-sm text-[var(--sk-muted)] outline-none placeholder:text-[var(--sk-fg-dimmed)] focus:bg-[color-mix(in_oklab,var(--sk-bg-accented)_50%,transparent)] focus:text-[var(--sk-fg-highlighted)]",
+						onFocus,
+						onBlur,
+						onMousedown: _cache[0] || (_cache[0] = ($event) => openList("")),
+						onInput,
+						onKeydown: onKeyDown
+					}, null, 40, _hoisted_3),
+					_ctx.node.attrs.start != null ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						type: "button",
+						class: "transcript-segment__time block rounded px-1 text-xs tabular-nums text-[var(--sk-muted)] hover:text-[var(--sk-primary)] hover:underline",
+						title: unref(t)("transcript.seek", { time: unref(formatSegmentTime)(_ctx.node.attrs.start) }),
+						"aria-label": unref(t)("transcript.seek", { time: unref(formatSegmentTime)(_ctx.node.attrs.start) }),
+						onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {}, ["prevent"])),
+						onClick: seek
+					}, toDisplayString(unref(formatSegmentTime)(_ctx.node.attrs.start)), 41, _hoisted_4)) : createCommentVNode("v-if", true),
+					open.value && items.value.length ? (openBlock(), createBlock(_sfc_main$1, {
+						key: 1,
+						ref_key: "list",
+						ref: list,
+						class: "absolute top-full left-0 z-50 mt-1",
+						items: items.value,
+						display: (item) => ({ label: item.label }),
+						command: pick,
+						loading: false,
+						"loading-text": "",
+						"empty-text": ""
+					}, null, 8, ["items", "display"])) : createCommentVNode("v-if", true)
+				]), createVNode(unref(NodeViewContent), { class: "transcript-segment__text" })])]),
 				_: 1
 			}, 8, ["class", "data-id"]);
 		};

package/dist/features/transcript/TranscriptSegmentView.js.map

@@ -1 +1 @@
-{"version":3,"file":"TranscriptSegmentView.js","names":["selected","node","_openBlock","_createBlock","_unref","_normalizeClass","_withCtx","_createElementVNode","SuggestionList","_createCommentVNode","_createVNode"],"sources":["../../../src/features/transcript/TranscriptSegmentView.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { NodeViewContent, NodeViewWrapper, nodeViewProps } from '@tiptap/vue-3'\nimport { computed, onBeforeUnmount, ref, useTemplateRef, watch } from 'vue'\nimport { METADATA_LIST, type MetadataItem, metadataOf } from '../../core'\nimport SuggestionList from '../../vue/components/SuggestionList.vue'\nimport { useEditorI18n } from '../../vue/use-editor-i18n'\n\nconst props = defineProps(nodeViewProps)\nconst { t } = useEditorI18n()\n\nconst speaker = computed(() => String(props.node.attrs.speaker ?? ''))\n// Typed text is a draft until committed (blur, Enter, picking a suggestion): one undo step per name, and the\n// speaker list is only extended with whole names, not with every prefix typed on the way.\nconst draft = ref(speaker.value)\nconst focused = ref(false)\nwatch(speaker, (value) => {\n  if (!focused.value) draft.value = value\n})\n// `editor.isEditable` is not reactive, so a read-only editor is detected when the input gets focus.\nconst readonly = ref(false)\n\nconst open = ref(false)\nconst items = ref<MetadataItem[]>([])\nconst list = useTemplateRef<InstanceType<typeof SuggestionList>>('list')\n\n// Same loading as the composite tags: 150 ms after typing pauses, a newer search aborts the older one (sources may be remote).\nlet timer: ReturnType<typeof setTimeout> | undefined\nlet pending: AbortController | undefined\nfunction scheduleSearch(query: string) {\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.speakers, { query, editor: props.editor, signal: controller.signal })\n      if (!controller.signal.aborted) items.value = found.filter(item => item.label.trim())\n    }\n    catch (error) {\n      if (!controller.signal.aborted) console.warn('Sprecher-Vorschläge konnten nicht geladen werden', error)\n    }\n  }, 150)\n}\nonBeforeUnmount(() => {\n  clearTimeout(timer)\n  pending?.abort()\n})\n\nfunction openList(query: string) {\n  if (!props.editor.isEditable) return\n  open.value = true\n  scheduleSearch(query)\n}\n\nfunction closeList() {\n  open.value = false\n  clearTimeout(timer)\n  pending?.abort()\n}\n\nfunction onFocus() {\n  focused.value = true\n  readonly.value = !props.editor.isEditable\n}\n\nfunction onInput(e: Event) {\n  draft.value = (e.target as HTMLInputElement).value\n  openList(draft.value)\n}\n\n/** Writes the draft to the node; a name the speaker list does not know yet is added to it (reported via `metadataCreate`). */\nasync function commit(name = draft.value.trim()) {\n  draft.value = name\n  if (readonly.value || name === speaker.value) return\n  // Searched before the node changes: `search` calls the source synchronously, so a list derived from the document\n  // (the default `speakers`) does not already contain the name just typed here.\n  const found = name ? metadataOf(props.editor).search(METADATA_LIST.speakers, { query: name, editor: props.editor }) : null\n  props.updateAttributes({ speaker: name })\n  if (!found) return\n  if (!(await found).some(item => item.label.toLowerCase() === name.toLowerCase())) {\n    metadataOf(props.editor).create(METADATA_LIST.speakers, { id: name, label: name })\n  }\n}\n\nfunction pick(item: unknown) {\n  closeList()\n  void commit((item as MetadataItem).label)\n}\n\nfunction onBlur() {\n  focused.value = false\n  closeList()\n  void commit()\n}\n\n/** The speaker field of the segment `step` places before/after this one (document order), if any. */\nfunction neighbourField(input: HTMLInputElement, step: -1 | 1): HTMLInputElement | undefined {\n  const fields = [...props.editor.view.dom.querySelectorAll<HTMLInputElement>('.transcript-segment__speaker input')]\n  return fields[fields.indexOf(input) + step]\n}\n\n// An open list takes ArrowUp/ArrowDown/Enter/Tab; otherwise ArrowUp/ArrowDown move to the neighbouring segment's\n// speaker and Enter continues in this segment's text.\nfunction onKeyDown(e: KeyboardEvent) {\n  if (open.value && items.value.length && list.value?.onKeyDown(e)) {\n    e.preventDefault()\n    return\n  }\n  const input = e.target as HTMLInputElement\n  if (e.key === 'Escape' && open.value) {\n    e.preventDefault()\n    closeList()\n  }\n  else if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n    const next = neighbourField(input, e.key === 'ArrowUp' ? -1 : 1)\n    if (!next) return\n    e.preventDefault()\n    next.focus()\n    next.setSelectionRange(next.value.length, next.value.length)\n  }\n  else if (e.key === 'Enter') {\n    e.preventDefault()\n    input.blur()\n    props.editor.commands.focus(props.getPos()! + props.node.nodeSize - 1)\n  }\n}\n</script>\n\n<template>\n  <NodeViewWrapper\n    :class=\"['transcript-segment my-2', { 'is-selected rounded-md ring-1 ring-[var(--sk-primary)]': selected }]\"\n    data-type=\"transcript-segment\"\n    :data-id=\"node.attrs.id || undefined\"\n  >\n    <div class=\"grid grid-cols-[5.5rem_1fr] items-start gap-2\">\n      <div class=\"transcript-segment__speaker relative pt-0.5\" contenteditable=\"false\">\n        <input\n          :value=\"draft\"\n          :title=\"draft || undefined\"\n          :placeholder=\"t('transcript.speaker')\"\n          :aria-label=\"t('transcript.speaker')\"\n          autocomplete=\"off\"\n          role=\"combobox\"\n          :aria-expanded=\"open && items.length > 0\"\n          :readonly=\"readonly\"\n          class=\"w-full truncate rounded bg-transparent px-1 text-sm text-[var(--sk-muted)] outline-none placeholder:text-[var(--sk-fg-dimmed)] focus:bg-[color-mix(in_oklab,var(--sk-bg-accented)_50%,transparent)] focus:text-[var(--sk-fg-highlighted)]\"\n          @focus=\"onFocus\"\n          @blur=\"onBlur\"\n          @mousedown=\"openList('')\"\n          @input=\"onInput\"\n          @keydown=\"onKeyDown\"\n        >\n        <SuggestionList\n          v-if=\"open && items.length\"\n          ref=\"list\"\n          class=\"absolute top-full left-0 z-50 mt-1\"\n          :items=\"items\"\n          :display=\"item => ({ label: (item as MetadataItem).label })\"\n          :command=\"pick\"\n          :loading=\"false\"\n          loading-text=\"\"\n          empty-text=\"\"\n        />\n      </div>\n      <NodeViewContent class=\"transcript-segment__text\" />\n    </div>\n  </NodeViewWrapper>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"TranscriptSegmentView.js","names":["selected","node","_openBlock","_createBlock","_unref","_normalizeClass","_withCtx","_createElementVNode","_createElementBlock","_withModifiers","_toDisplayString","_createCommentVNode","SuggestionList","_createVNode"],"sources":["../../../src/features/transcript/TranscriptSegmentView.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { NodeViewContent, NodeViewWrapper, nodeViewProps } from '@tiptap/vue-3'\nimport { computed, onBeforeUnmount, ref, useTemplateRef, watch } from 'vue'\nimport { METADATA_LIST, type MetadataItem, metadataOf } from '../../core'\nimport SuggestionList from '../../vue/components/SuggestionList.vue'\nimport { useEditorI18n } from '../../vue/use-editor-i18n'\nimport { formatSegmentTime } from './segment-node'\n\nconst props = defineProps(nodeViewProps)\nconst { t } = useEditorI18n()\n\nconst speaker = computed(() => String(props.node.attrs.speaker ?? ''))\n// Typed text is a draft until committed (blur, Enter, picking a suggestion): one undo step per name, and the\n// speaker list is only extended with whole names, not with every prefix typed on the way.\nconst draft = ref(speaker.value)\nconst focused = ref(false)\nwatch(speaker, (value) => {\n  if (!focused.value) draft.value = value\n})\n// `editor.isEditable` is not reactive, so a read-only editor is detected when the input gets focus.\nconst readonly = ref(false)\n\nconst open = ref(false)\nconst items = ref<MetadataItem[]>([])\nconst list = useTemplateRef<InstanceType<typeof SuggestionList>>('list')\n\n// Same loading as the composite tags: 150 ms after typing pauses, a newer search aborts the older one (sources may be remote).\nlet timer: ReturnType<typeof setTimeout> | undefined\nlet pending: AbortController | undefined\nfunction scheduleSearch(query: string) {\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.speakers, { query, editor: props.editor, signal: controller.signal })\n      if (!controller.signal.aborted) items.value = found.filter(item => item.label.trim())\n    }\n    catch (error) {\n      if (!controller.signal.aborted) console.warn('Sprecher-Vorschläge konnten nicht geladen werden', error)\n    }\n  }, 150)\n}\nonBeforeUnmount(() => {\n  clearTimeout(timer)\n  pending?.abort()\n})\n\nfunction openList(query: string) {\n  if (!props.editor.isEditable) return\n  open.value = true\n  scheduleSearch(query)\n}\n\nfunction closeList() {\n  open.value = false\n  clearTimeout(timer)\n  pending?.abort()\n}\n\nfunction onFocus() {\n  focused.value = true\n  readonly.value = !props.editor.isEditable\n}\n\nfunction onInput(e: Event) {\n  draft.value = (e.target as HTMLInputElement).value\n  openList(draft.value)\n}\n\n/** Writes the draft to the node; a name the speaker list does not know yet is added to it (reported via `metadataCreate`). */\nasync function commit(name = draft.value.trim()) {\n  draft.value = name\n  if (readonly.value || name === speaker.value) return\n  // Searched before the node changes: `search` calls the source synchronously, so a list derived from the document\n  // (the default `speakers`) does not already contain the name just typed here.\n  const found = name ? metadataOf(props.editor).search(METADATA_LIST.speakers, { query: name, editor: props.editor }) : null\n  props.updateAttributes({ speaker: name })\n  if (!found) return\n  if (!(await found).some(item => item.label.toLowerCase() === name.toLowerCase())) {\n    metadataOf(props.editor).create(METADATA_LIST.speakers, { id: name, label: name })\n  }\n}\n\nfunction pick(item: unknown) {\n  closeList()\n  void commit((item as MetadataItem).label)\n}\n\nfunction onBlur() {\n  focused.value = false\n  closeList()\n  void commit()\n}\n\n/** The speaker field of the segment `step` places before/after this one (document order), if any. */\nfunction neighbourField(input: HTMLInputElement, step: -1 | 1): HTMLInputElement | undefined {\n  const fields = [...props.editor.view.dom.querySelectorAll<HTMLInputElement>('.transcript-segment__speaker input')]\n  return fields[fields.indexOf(input) + step]\n}\n\n// An open list takes ArrowUp/ArrowDown/Enter/Tab; otherwise ArrowUp/ArrowDown move to the neighbouring segment's\n// speaker and Enter continues in this segment's text.\nfunction onKeyDown(e: KeyboardEvent) {\n  if (open.value && items.value.length && list.value?.onKeyDown(e)) {\n    e.preventDefault()\n    return\n  }\n  const input = e.target as HTMLInputElement\n  if (e.key === 'Escape' && open.value) {\n    e.preventDefault()\n    closeList()\n  }\n  else if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n    const next = neighbourField(input, e.key === 'ArrowUp' ? -1 : 1)\n    if (!next) return\n    e.preventDefault()\n    next.focus()\n    next.setSelectionRange(next.value.length, next.value.length)\n  }\n  else if (e.key === 'Enter') {\n    e.preventDefault()\n    input.blur()\n    props.editor.commands.focus(props.getPos()! + props.node.nodeSize - 1)\n  }\n}\n\n/** Seeks and plays the source recording of the enclosing Baustein (a no-op without the composites feature or a source). */\nfunction seek() {\n  const start = props.node.attrs.start\n  const pos = props.getPos()\n  // `seekSource` is contributed by the composites feature; without it the editor has no command and the click does nothing.\n  if (typeof start === 'number' && pos !== undefined) props.editor.commands.seekSource?.(pos, start)\n}\n</script>\n\n<template>\n  <NodeViewWrapper\n    :class=\"['transcript-segment my-2', { 'is-selected rounded-md ring-1 ring-[var(--sk-primary)]': selected }]\"\n    data-type=\"transcript-segment\"\n    :data-id=\"node.attrs.id || undefined\"\n  >\n    <div class=\"grid grid-cols-[5.5rem_1fr] items-start gap-2\">\n      <div class=\"transcript-segment__speaker relative pt-0.5\" contenteditable=\"false\">\n        <input\n          :value=\"draft\"\n          :title=\"draft || undefined\"\n          :placeholder=\"t('transcript.speaker')\"\n          :aria-label=\"t('transcript.speaker')\"\n          autocomplete=\"off\"\n          role=\"combobox\"\n          :aria-expanded=\"open && items.length > 0\"\n          :readonly=\"readonly\"\n          class=\"w-full truncate rounded bg-transparent px-1 text-sm text-[var(--sk-muted)] outline-none placeholder:text-[var(--sk-fg-dimmed)] focus:bg-[color-mix(in_oklab,var(--sk-bg-accented)_50%,transparent)] focus:text-[var(--sk-fg-highlighted)]\"\n          @focus=\"onFocus\"\n          @blur=\"onBlur\"\n          @mousedown=\"openList('')\"\n          @input=\"onInput\"\n          @keydown=\"onKeyDown\"\n        >\n        <button\n          v-if=\"node.attrs.start != null\"\n          type=\"button\"\n          class=\"transcript-segment__time block rounded px-1 text-xs tabular-nums text-[var(--sk-muted)] hover:text-[var(--sk-primary)] hover:underline\"\n          :title=\"t('transcript.seek', { time: formatSegmentTime(node.attrs.start) })\"\n          :aria-label=\"t('transcript.seek', { time: formatSegmentTime(node.attrs.start) })\"\n          @mousedown.prevent\n          @click=\"seek\"\n        >\n          {{ formatSegmentTime(node.attrs.start) }}\n        </button>\n        <SuggestionList\n          v-if=\"open && items.length\"\n          ref=\"list\"\n          class=\"absolute top-full left-0 z-50 mt-1\"\n          :items=\"items\"\n          :display=\"item => ({ label: (item as MetadataItem).label })\"\n          :command=\"pick\"\n          :loading=\"false\"\n          loading-text=\"\"\n          empty-text=\"\"\n        />\n      </div>\n      <NodeViewContent class=\"transcript-segment__text\" />\n    </div>\n  </NodeViewWrapper>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,MAAM,QAAQ;EACd,MAAM,EAAE,MAAM,cAAc;EAE5B,MAAM,UAAU,eAAe,OAAO,MAAM,KAAK,MAAM,WAAW,EAAE,CAAC;EAGrE,MAAM,QAAQ,IAAI,QAAQ,KAAK;EAC/B,MAAM,UAAU,IAAI,KAAK;EACzB,MAAM,UAAU,UAAU;GACxB,IAAI,CAAC,QAAQ,OAAO,MAAM,QAAQ;EACpC,CAAC;EAED,MAAM,WAAW,IAAI,KAAK;EAE1B,MAAM,OAAO,IAAI,KAAK;EACtB,MAAM,QAAQ,IAAoB,CAAC,CAAC;EACpC,MAAM,OAAO,eAAoD,MAAM;EAGvE,IAAI;EACJ,IAAI;EACJ,SAAS,eAAe,OAAe;GACrC,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;MAAO,QAAQ,MAAM;MAAQ,QAAQ,WAAW;KAAO,CAAC;KACtI,IAAI,CAAC,WAAW,OAAO,SAAS,MAAM,QAAQ,MAAM,QAAO,SAAQ,KAAK,MAAM,KAAK,CAAC;IACtF,SACO,OAAO;KACZ,IAAI,CAAC,WAAW,OAAO,SAAS,QAAQ,KAAK,oDAAoD,KAAK;IACxG;GACF,GAAG,GAAG;EACR;EACA,sBAAsB;GACpB,aAAa,KAAK;GAClB,SAAS,MAAM;EACjB,CAAC;EAED,SAAS,SAAS,OAAe;GAC/B,IAAI,CAAC,MAAM,OAAO,YAAY;GAC9B,KAAK,QAAQ;GACb,eAAe,KAAK;EACtB;EAEA,SAAS,YAAY;GACnB,KAAK,QAAQ;GACb,aAAa,KAAK;GAClB,SAAS,MAAM;EACjB;EAEA,SAAS,UAAU;GACjB,QAAQ,QAAQ;GAChB,SAAS,QAAQ,CAAC,MAAM,OAAO;EACjC;EAEA,SAAS,QAAQ,GAAU;GACzB,MAAM,QAAS,EAAE,OAA4B;GAC7C,SAAS,MAAM,KAAK;EACtB;;EAGA,eAAe,OAAO,OAAO,MAAM,MAAM,KAAK,GAAG;GAC/C,MAAM,QAAQ;GACd,IAAI,SAAS,SAAS,SAAS,QAAQ,OAAO;GAG9C,MAAM,QAAQ,OAAO,WAAW,MAAM,MAAM,CAAC,CAAC,OAAO,cAAc,UAAU;IAAE,OAAO;IAAM,QAAQ,MAAM;GAAO,CAAC,IAAI;GACtH,MAAM,iBAAiB,EAAE,SAAS,KAAK,CAAC;GACxC,IAAI,CAAC,OAAO;GACZ,IAAI,EAAE,MAAM,MAAA,CAAO,MAAK,SAAQ,KAAK,MAAM,YAAY,MAAM,KAAK,YAAY,CAAC,GAC7E,WAAW,MAAM,MAAM,CAAC,CAAC,OAAO,cAAc,UAAU;IAAE,IAAI;IAAM,OAAO;GAAK,CAAC;EAErF;EAEA,SAAS,KAAK,MAAe;GAC3B,UAAU;GACV,OAAa,KAAsB,KAAK;EAC1C;EAEA,SAAS,SAAS;GAChB,QAAQ,QAAQ;GAChB,UAAU;GACV,OAAY;EACd;;EAGA,SAAS,eAAe,OAAyB,MAA4C;GAC3F,MAAM,SAAS,CAAC,GAAG,MAAM,OAAO,KAAK,IAAI,iBAAmC,oCAAoC,CAAC;GACjH,OAAO,OAAO,OAAO,QAAQ,KAAK,IAAI;EACxC;EAIA,SAAS,UAAU,GAAkB;GACnC,IAAI,KAAK,SAAS,MAAM,MAAM,UAAU,KAAK,OAAO,UAAU,CAAC,GAAG;IAChE,EAAE,eAAe;IACjB;GACF;GACA,MAAM,QAAQ,EAAE;GAChB,IAAI,EAAE,QAAQ,YAAY,KAAK,OAAO;IACpC,EAAE,eAAe;IACjB,UAAU;GACZ,OACK,IAAI,EAAE,QAAQ,aAAa,EAAE,QAAQ,aAAa;IACrD,MAAM,OAAO,eAAe,OAAO,EAAE,QAAQ,YAAY,KAAK,CAAC;IAC/D,IAAI,CAAC,MAAM;IACX,EAAE,eAAe;IACjB,KAAK,MAAM;IACX,KAAK,kBAAkB,KAAK,MAAM,QAAQ,KAAK,MAAM,MAAM;GAC7D,OACK,IAAI,EAAE,QAAQ,SAAS;IAC1B,EAAE,eAAe;IACjB,MAAM,KAAK;IACX,MAAM,OAAO,SAAS,MAAM,MAAM,OAAO,IAAK,MAAM,KAAK,WAAW,CAAC;GACvE;EACF;;EAGA,SAAS,OAAO;GACd,MAAM,QAAQ,MAAM,KAAK,MAAM;GAC/B,MAAM,MAAM,MAAM,OAAO;GAEzB,IAAI,OAAO,UAAU,YAAY,QAAQ,KAAA,GAAW,MAAM,OAAO,SAAS,aAAa,KAAK,KAAK;EACnG;;GAIE,OAAAE,UAAA,GAAAC,YAgDkBC,MAAA,eAAA,GAAA;IA/Cf,OAAKC,eAAA,CAAA,2BAAA,EAAA,0DAA0FL,KAAAA,SAAQ,CAAA,CAAA;IACxG,aAAU;IACT,WAASC,KAAAA,KAAK,MAAM,MAAM,KAAA;;IAE3B,SAAAK,cA0CM,CA1CNC,mBA0CM,OA1CN,YA0CM,CAzCJA,mBAuCM,OAvCN,YAuCM;KAtCJA,mBAeC,SAAA;MAdE,OAAO,MAAA;MACP,OAAO,MAAA,SAAS,KAAA;MAChB,aAAaH,MAAA,CAAA,CAAC,CAAA,oBAAA;MACd,cAAYA,MAAA,CAAA,CAAC,CAAA,oBAAA;MACd,cAAa;MACb,MAAK;MACJ,iBAAe,KAAA,SAAQ,MAAA,MAAM,SAAM;MACnC,UAAU,SAAA;MACX,OAAM;MACE;MACD;MACN,aAAS,OAAA,OAAA,OAAA,MAAA,WAAE,SAAQ,EAAA;MACZ;MACP,WAAS;;KAGJH,KAAAA,KAAK,MAAM,SAAK,QADxBC,UAAA,GAAAM,mBAUS,UAAA;;MARP,MAAK;MACL,OAAM;MACL,OAAOJ,MAAA,CAAA,CAAC,CAAA,mBAAA,EAAA,MAA4BA,MAAA,iBAAA,CAAiB,CAACH,KAAAA,KAAK,MAAM,KAAK,EAAA,CAAA;MACtE,cAAYG,MAAA,CAAA,CAAC,CAAA,mBAAA,EAAA,MAA4BA,MAAA,iBAAA,CAAiB,CAACH,KAAAA,KAAK,MAAM,KAAK,EAAA,CAAA;MAC3E,aAAS,OAAA,OAAA,OAAA,KAAAQ,oBAAV,CAAA,GAAkB,CAAA,SAAA,CAAA;MACjB,SAAO;KAEL,GAAAC,gBAAAN,MAAA,iBAAA,CAAiB,CAACH,KAAAA,KAAK,MAAM,KAAK,CAAA,GAAA,IAAA,UAAA,KAAAU,mBAAA,QAAA,IAAA;KAG/B,KAAA,SAAQ,MAAA,MAAM,UADtBT,UAAA,GAAAC,YAUES,aAAA;;MARI,SAAA;MAAJ,KAAI;MACJ,OAAM;MACL,OAAO,MAAA;MACP,UAAS,UAAI,EAAA,OAAe,KAAsB,MAAK;MACvD,SAAS;MACT,SAAS;MACV,gBAAa;MACb,cAAW;;IAGf,CAAA,GAAAC,YAAoDT,MAAA,eAAA,GAAA,EAAnC,OAAM,2BAA0B,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/features/transcript/feature.js

@@ -1,8 +1,9 @@
 import { ABILITY } from "../../core/schema/abilities.js";
 import { filterMetadataItems } from "../../core/metadata.js";
-import { commandItem } from "../../core/toolbar.js";
+import { command } from "../../core/commands.js";
 import { speakersIn } from "./speakers.js";
 import { TranscriptSegmentNode } from "./segment-node.js";
+import { transcriptSchemaExtensions } from "./schema.js";
 import { speakerConversions } from "./convert.js";
 import { segmentSpeakerLines } from "./segment.js";
 //#region src/features/transcript/feature.ts
@@ -26,25 +27,26 @@ function transcriptFeatureCore(ui) {
 	const TranscriptSegment = transcriptSegment(ui.nodeViews);
 	return {
 		id: "transcript",
+		dimension: "content",
+		schemaExtensions: transcriptSchemaExtensions,
 		extensions: () => [TranscriptSegment],
-		toolbar: (ctx) => [{
-			id: "inserts",
-			order: 50,
-			items: [commandItem({
-				id: "speaker",
-				order: 10,
-				icon: "i-lucide-speech",
-				label: ctx.t("transcript.toolbar.speaker"),
-				kbds: [
-					"meta",
-					"shift",
-					"s"
-				],
-				ability: ABILITY.transcript,
-				command: (c) => c.toggleTranscriptSegment(),
-				isActive: (e) => e.isActive("transcriptSegment")
-			})]
-		}],
+		commands: (ctx) => [command({
+			id: "speaker",
+			toolbar: {
+				group: "inserts",
+				order: 10
+			},
+			icon: "i-lucide-speech",
+			label: ctx.t("transcript.toolbar.speaker"),
+			kbds: [
+				"meta",
+				"shift",
+				"s"
+			],
+			ability: ABILITY.transcript,
+			command: (c) => c.toggleTranscriptSegment(),
+			active: (e) => e.isActive("transcriptSegment")
+		})],
 		metadataDefaults: () => ({ speakers: ({ query, editor }) => filterMetadataItems(speakersIn(editor.state.doc).map((s) => ({
 			id: s,
 			label: s

package/dist/features/transcript/feature.js.map

@@ -1 +1 @@
-{"version":3,"file":"feature.js","names":[],"sources":["../../../src/features/transcript/feature.ts"],"sourcesContent":["import type { NodeViewRenderer } from '@tiptap/core'\nimport type { EditorFeature } from '../../core'\nimport { commandItem, filterMetadataItems } from '../../core'\nimport { ABILITY } from '../../core/schema'\nimport { speakerConversions } from './convert'\nimport { segmentSpeakerLines } from './segment'\nimport { TranscriptSegmentNode } from './segment-node'\nimport { speakersIn } from './speakers'\n\n/** What a framework binding supplies to the transcript feature: the node view of the speaker segment. */\nexport interface TranscriptUi {\n  nodeViews: {\n    transcriptSegment: NodeViewRenderer\n  }\n}\n\n/**\n * The speaker segment node with the node view of a framework binding (`VueNodeViewRenderer(TranscriptSegmentView)`,\n * `ReactNodeViewRenderer(TranscriptSegmentView)`). TipTap's default `NodeView.stopEvent` already hands INPUT events to\n * the speaker field, not ProseMirror.\n */\nexport function transcriptSegment(nodeViews: TranscriptUi['nodeViews']) {\n  return TranscriptSegmentNode.extend({\n    // Explicit return type: keeps the declaration independent of the framework view's inferred types.\n    addNodeView(): NodeViewRenderer {\n      return nodeViews.transcriptSegment\n    },\n  })\n}\n\n/**\n * Speaker segments: the node with its speaker field, the „Sprecherblock“ toolbar button (Mod-Shift-S), the conversion\n * into speaker lines and a built-in `speakers` list (speakers already in the document, no backend). Contributes the\n * `segment` stage: `**Name:** text` lines of imported or AI-written Markdown become segments. The only framework part is\n * the node view (`ui.nodeViews`), so the descriptor carries no component slot.\n */\nexport function transcriptFeatureCore(ui: TranscriptUi): EditorFeature<never> {\n  const TranscriptSegment = transcriptSegment(ui.nodeViews)\n  return {\n    id: 'transcript',\n    extensions: () => [TranscriptSegment],\n    toolbar: ctx => [{\n      id: 'inserts',\n      order: 50,\n      items: [\n        commandItem({\n          id: 'speaker',\n          order: 10,\n          icon: 'i-lucide-speech',\n          label: ctx.t('transcript.toolbar.speaker'),\n          kbds: ['meta', 'shift', 's'],\n          ability: ABILITY.transcript,\n          command: c => c.toggleTranscriptSegment(),\n          isActive: e => e.isActive('transcriptSegment'),\n        }),\n      ],\n    }],\n    metadataDefaults: () => ({\n      speakers: ({ query, editor }) => filterMetadataItems(speakersIn(editor.state.doc).map(s => ({ id: s, label: s })), query),\n    }),\n    conversions: [speakerConversions],\n    blocks: { segment: segmentSpeakerLines },\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAqBA,SAAgB,kBAAkB,WAAsC;CACtE,OAAO,sBAAsB,OAAO,EAElC,cAAgC;EAC9B,OAAO,UAAU;CACnB,EACF,CAAC;AACH;;;;;;;AAQA,SAAgB,sBAAsB,IAAwC;CAC5E,MAAM,oBAAoB,kBAAkB,GAAG,SAAS;CACxD,OAAO;EACL,IAAI;EACJ,kBAAkB,CAAC,iBAAiB;EACpC,UAAS,QAAO,CAAC;GACf,IAAI;GACJ,OAAO;GACP,OAAO,CACL,YAAY;IACV,IAAI;IACJ,OAAO;IACP,MAAM;IACN,OAAO,IAAI,EAAE,4BAA4B;IACzC,MAAM;KAAC;KAAQ;KAAS;IAAG;IAC3B,SAAS,QAAQ;IACjB,UAAS,MAAK,EAAE,wBAAwB;IACxC,WAAU,MAAK,EAAE,SAAS,mBAAmB;GAC/C,CAAC,CACH;EACF,CAAC;EACD,yBAAyB,EACvB,WAAW,EAAE,OAAO,aAAa,oBAAoB,WAAW,OAAO,MAAM,GAAG,CAAC,CAAC,KAAI,OAAM;GAAE,IAAI;GAAG,OAAO;EAAE,EAAE,GAAG,KAAK,EAC1H;EACA,aAAa,CAAC,kBAAkB;EAChC,QAAQ,EAAE,SAAS,oBAAoB;CACzC;AACF"}
+{"version":3,"file":"feature.js","names":[],"sources":["../../../src/features/transcript/feature.ts"],"sourcesContent":["import type { NodeViewRenderer } from '@tiptap/core'\nimport type { EditorFeature } from '../../core'\nimport { command, filterMetadataItems } from '../../core'\nimport { ABILITY } from '../../core/schema'\nimport { speakerConversions } from './convert'\nimport { segmentSpeakerLines } from './segment'\nimport { transcriptSchemaExtensions } from './schema'\nimport { TranscriptSegmentNode } from './segment-node'\nimport { speakersIn } from './speakers'\n\n/** What a framework binding supplies to the transcript feature: the node view of the speaker segment. */\nexport interface TranscriptUi {\n  nodeViews: {\n    transcriptSegment: NodeViewRenderer\n  }\n}\n\n/**\n * The speaker segment node with the node view of a framework binding (`VueNodeViewRenderer(TranscriptSegmentView)`,\n * `ReactNodeViewRenderer(TranscriptSegmentView)`). TipTap's default `NodeView.stopEvent` already hands INPUT events to\n * the speaker field, not ProseMirror.\n */\nexport function transcriptSegment(nodeViews: TranscriptUi['nodeViews']) {\n  return TranscriptSegmentNode.extend({\n    // Explicit return type: keeps the declaration independent of the framework view's inferred types.\n    addNodeView(): NodeViewRenderer {\n      return nodeViews.transcriptSegment\n    },\n  })\n}\n\n/**\n * Speaker segments: the node with its speaker field, the „Sprecherblock“ toolbar button (Mod-Shift-S), the conversion\n * into speaker lines and a built-in `speakers` list (speakers already in the document, no backend). Contributes the\n * `segment` stage: `**Name:** text` lines of imported or AI-written Markdown become segments. The only framework part is\n * the node view (`ui.nodeViews`), so the descriptor carries no component slot.\n */\nexport function transcriptFeatureCore(ui: TranscriptUi): EditorFeature<never> {\n  const TranscriptSegment = transcriptSegment(ui.nodeViews)\n  return {\n    id: 'transcript',\n    dimension: 'content',\n    schemaExtensions: transcriptSchemaExtensions,\n    extensions: () => [TranscriptSegment],\n    commands: ctx => [\n      command({\n        id: 'speaker',\n        toolbar: { group: 'inserts', order: 10 },\n        icon: 'i-lucide-speech',\n        label: ctx.t('transcript.toolbar.speaker'),\n        kbds: ['meta', 'shift', 's'],\n        ability: ABILITY.transcript,\n        command: c => c.toggleTranscriptSegment(),\n        active: e => e.isActive('transcriptSegment'),\n      }),\n    ],\n    metadataDefaults: () => ({\n      speakers: ({ query, editor }) => filterMetadataItems(speakersIn(editor.state.doc).map(s => ({ id: s, label: s })), query),\n    }),\n    conversions: [speakerConversions],\n    blocks: { segment: segmentSpeakerLines },\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AAsBA,SAAgB,kBAAkB,WAAsC;CACtE,OAAO,sBAAsB,OAAO,EAElC,cAAgC;EAC9B,OAAO,UAAU;CACnB,EACF,CAAC;AACH;;;;;;;AAQA,SAAgB,sBAAsB,IAAwC;CAC5E,MAAM,oBAAoB,kBAAkB,GAAG,SAAS;CACxD,OAAO;EACL,IAAI;EACJ,WAAW;EACX,kBAAkB;EAClB,kBAAkB,CAAC,iBAAiB;EACpC,WAAU,QAAO,CACf,QAAQ;GACN,IAAI;GACJ,SAAS;IAAE,OAAO;IAAW,OAAO;GAAG;GACvC,MAAM;GACN,OAAO,IAAI,EAAE,4BAA4B;GACzC,MAAM;IAAC;IAAQ;IAAS;GAAG;GAC3B,SAAS,QAAQ;GACjB,UAAS,MAAK,EAAE,wBAAwB;GACxC,SAAQ,MAAK,EAAE,SAAS,mBAAmB;EAC7C,CAAC,CACH;EACA,yBAAyB,EACvB,WAAW,EAAE,OAAO,aAAa,oBAAoB,WAAW,OAAO,MAAM,GAAG,CAAC,CAAC,KAAI,OAAM;GAAE,IAAI;GAAG,OAAO;EAAE,EAAE,GAAG,KAAK,EAC1H;EACA,aAAa,CAAC,kBAAkB;EAChC,QAAQ,EAAE,SAAS,oBAAoB;CACzC;AACF"}

package/dist/features/transcript/react/TranscriptSegmentView.js

@@ -1,5 +1,6 @@
 import { metadataOf } from "../../../core/metadata.js";
 import { METADATA_LIST } from "../../../core/metadata-types.js";
+import { formatSegmentTime } from "../segment-node.js";
 import { useEditorI18n } from "../../../react/use-editor-i18n.js";
 import { cn } from "../../../react/ui/utils.js";
 import { SuggestionList } from "../../../react/suggestion-renderer.js";
@@ -99,6 +100,12 @@ function TranscriptSegmentView({ node, editor, selected, updateAttributes, getPo
 			editor.commands.focus(getPos() + node.nodeSize - 1);
 		}
 	};
+	/** Seeks and plays the source recording of the enclosing Baustein (a no-op without the composites feature or a source). */
+	const seek = () => {
+		const start = node.attrs.start;
+		const pos = getPos();
+		if (typeof start === "number" && pos !== void 0) editor.commands.seekSource?.(pos, start);
+	};
 	return /* @__PURE__ */ jsx(NodeViewWrapper, {
 		className: cn("transcript-segment my-2", selected && "is-selected rounded-md ring-1 ring-primary"),
 		"data-type": "transcript-segment",
@@ -108,43 +115,55 @@ function TranscriptSegmentView({ node, editor, selected, updateAttributes, getPo
 			children: [/* @__PURE__ */ jsxs("div", {
 				className: "transcript-segment__speaker relative pt-0.5",
 				contentEditable: false,
-				children: [/* @__PURE__ */ jsx("input", {
-					value: draft,
-					title: draft || void 0,
-					placeholder: t("transcript.speaker"),
-					"aria-label": t("transcript.speaker"),
-					autoComplete: "off",
-					role: "combobox",
-					"aria-expanded": open && items.length > 0,
-					readOnly: readonly,
-					className: "w-full truncate rounded bg-transparent px-1 text-sm text-muted-foreground outline-none placeholder:text-muted-foreground/60 focus:bg-muted focus:text-foreground",
-					onFocus: () => {
-						focused.current = true;
-						setReadonly(!editor.isEditable);
-					},
-					onBlur: () => {
-						focused.current = false;
-						closeList();
-						commit();
-					},
-					onMouseDown: () => openList(""),
-					onChange: (e) => {
-						setDraft(e.target.value);
-						openList(e.target.value);
-					},
-					onKeyDown
-				}), open && items.length > 0 && /* @__PURE__ */ jsx("div", {
-					className: "absolute top-full left-0 z-50 mt-1",
-					children: /* @__PURE__ */ jsx(SuggestionList, {
-						ref: list,
-						items,
-						display: displayItem,
-						command: pick,
-						loading: false,
-						loadingText: "",
-						emptyText: ""
+				children: [
+					/* @__PURE__ */ jsx("input", {
+						value: draft,
+						title: draft || void 0,
+						placeholder: t("transcript.speaker"),
+						"aria-label": t("transcript.speaker"),
+						autoComplete: "off",
+						role: "combobox",
+						"aria-expanded": open && items.length > 0,
+						readOnly: readonly,
+						className: "w-full truncate rounded bg-transparent px-1 text-sm text-muted-foreground outline-none placeholder:text-muted-foreground/60 focus:bg-muted focus:text-foreground",
+						onFocus: () => {
+							focused.current = true;
+							setReadonly(!editor.isEditable);
+						},
+						onBlur: () => {
+							focused.current = false;
+							closeList();
+							commit();
+						},
+						onMouseDown: () => openList(""),
+						onChange: (e) => {
+							setDraft(e.target.value);
+							openList(e.target.value);
+						},
+						onKeyDown
+					}),
+					node.attrs.start != null && /* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: "transcript-segment__time block rounded px-1 text-xs tabular-nums text-muted-foreground hover:text-primary hover:underline",
+						title: t("transcript.seek", { time: formatSegmentTime(node.attrs.start) }),
+						"aria-label": t("transcript.seek", { time: formatSegmentTime(node.attrs.start) }),
+						onMouseDown: (e) => e.preventDefault(),
+						onClick: seek,
+						children: formatSegmentTime(node.attrs.start)
+					}),
+					open && items.length > 0 && /* @__PURE__ */ jsx("div", {
+						className: "absolute top-full left-0 z-50 mt-1",
+						children: /* @__PURE__ */ jsx(SuggestionList, {
+							ref: list,
+							items,
+							display: displayItem,
+							command: pick,
+							loading: false,
+							loadingText: "",
+							emptyText: ""
+						})
 					})
-				})]
+				]
 			}), /* @__PURE__ */ jsx(NodeViewContent, { className: "transcript-segment__text" })]
 		})
 	});

package/dist/features/transcript/react/TranscriptSegmentView.js.map

@@ -1 +1 @@
-{"version":3,"file":"TranscriptSegmentView.js","names":[],"sources":["../../../../src/features/transcript/react/TranscriptSegmentView.tsx"],"sourcesContent":["import { NodeViewContent, NodeViewWrapper, type NodeViewProps } from '@tiptap/react'\nimport { type KeyboardEvent as ReactKeyboardEvent, useCallback, useEffect, useRef, useState } from 'react'\nimport { METADATA_LIST, type MetadataItem, metadataOf } from '../../../core'\nimport { SuggestionList, type SuggestionListHandle } from '../../../react/suggestion-renderer'\nimport { cn } from '../../../react/ui/utils'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\n\n// Module-level so the list's memoised rows keep their identity across renders.\nconst displayItem = (item: unknown) => ({ label: (item as MetadataItem).label })\n\n/** The speaker segment: the speaker field (with a suggestion list of the `speakers` metadata) beside the editable text. */\nexport function TranscriptSegmentView({ node, editor, selected, updateAttributes, getPos }: NodeViewProps) {\n  const { t } = useEditorI18n()\n  const speaker = String(node.attrs.speaker ?? '')\n  // Typed text is a draft until committed (blur, Enter, picking a suggestion): one undo step per name, and the\n  // speaker list is only extended with whole names, not with every prefix typed on the way.\n  const [draft, setDraft] = useState(speaker)\n  const focused = useRef(false)\n  useEffect(() => {\n    if (!focused.current) setDraft(speaker)\n  }, [speaker])\n  // `editor.isEditable` is not reactive, so a read-only editor is detected when the input gets focus.\n  const [readonly, setReadonly] = useState(false)\n\n  const [open, setOpen] = useState(false)\n  const [items, setItems] = useState<MetadataItem[]>([])\n  const list = useRef<SuggestionListHandle>(null)\n\n  // Same loading as the composite tags: 150 ms after typing pauses, a newer search aborts the older one (sources may be remote).\n  const timer = useRef<ReturnType<typeof setTimeout>>(undefined)\n  const pending = useRef<AbortController>(undefined)\n  const scheduleSearch = (query: string) => {\n    clearTimeout(timer.current)\n    timer.current = setTimeout(async () => {\n      pending.current?.abort()\n      const controller = pending.current = new AbortController()\n      try {\n        const found = await metadataOf(editor).search(METADATA_LIST.speakers, { query, editor, signal: controller.signal })\n        if (!controller.signal.aborted) setItems(found.filter(item => item.label.trim()))\n      }\n      catch (error) {\n        if (!controller.signal.aborted) console.warn('Sprecher-Vorschläge konnten nicht geladen werden', error)\n      }\n    }, 150)\n  }\n  useEffect(() => () => {\n    clearTimeout(timer.current)\n    pending.current?.abort()\n  }, [])\n\n  const openList = (query: string) => {\n    if (!editor.isEditable) return\n    setOpen(true)\n    scheduleSearch(query)\n  }\n\n  const closeList = useCallback(() => {\n    setOpen(false)\n    clearTimeout(timer.current)\n    pending.current?.abort()\n  }, [])\n\n  /** Writes the draft to the node; a name the speaker list does not know yet is added to it (reported via `metadataCreate`). */\n  const commit = async (name = draft.trim()) => {\n    setDraft(name)\n    if (readonly || name === speaker) return\n    // Searched before the node changes: `search` calls the source synchronously, so a list derived from the document\n    // (the default `speakers`) does not already contain the name just typed here.\n    const found = name ? metadataOf(editor).search(METADATA_LIST.speakers, { query: name, editor }) : null\n    updateAttributes({ speaker: name })\n    if (!found) return\n    if (!(await found).some(item => item.label.toLowerCase() === name.toLowerCase())) {\n      metadataOf(editor).create(METADATA_LIST.speakers, { id: name, label: name })\n    }\n  }\n\n  const pick = (item: unknown) => {\n    closeList()\n    void commit((item as MetadataItem).label)\n  }\n\n  /** The speaker field of the segment `step` places before/after this one (document order), if any. */\n  const neighbourField = (input: HTMLInputElement, step: -1 | 1): HTMLInputElement | undefined => {\n    const fields = [...editor.view.dom.querySelectorAll<HTMLInputElement>('.transcript-segment__speaker input')]\n    return fields[fields.indexOf(input) + step]\n  }\n\n  // An open list takes ArrowUp/ArrowDown/Enter/Tab; otherwise ArrowUp/ArrowDown move to the neighbouring segment's\n  // speaker and Enter continues in this segment's text.\n  const onKeyDown = (e: ReactKeyboardEvent<HTMLInputElement>) => {\n    if (open && items.length && list.current?.onKeyDown(e.nativeEvent)) {\n      e.preventDefault()\n      return\n    }\n    const input = e.currentTarget\n    if (e.key === 'Escape' && open) {\n      e.preventDefault()\n      closeList()\n    }\n    else if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n      const next = neighbourField(input, e.key === 'ArrowUp' ? -1 : 1)\n      if (!next) return\n      e.preventDefault()\n      next.focus()\n      next.setSelectionRange(next.value.length, next.value.length)\n    }\n    else if (e.key === 'Enter') {\n      e.preventDefault()\n      input.blur()\n      editor.commands.focus(getPos()! + node.nodeSize - 1)\n    }\n  }\n\n  return (\n    <NodeViewWrapper\n      className={cn('transcript-segment my-2', selected && 'is-selected rounded-md ring-1 ring-primary')}\n      data-type=\"transcript-segment\"\n      data-id={node.attrs.id || undefined}\n    >\n      <div className=\"grid grid-cols-[5.5rem_1fr] items-start gap-2\">\n        <div className=\"transcript-segment__speaker relative pt-0.5\" contentEditable={false}>\n          <input\n            value={draft}\n            title={draft || undefined}\n            placeholder={t('transcript.speaker')}\n            aria-label={t('transcript.speaker')}\n            autoComplete=\"off\"\n            role=\"combobox\"\n            aria-expanded={open && items.length > 0}\n            readOnly={readonly}\n            className=\"w-full truncate rounded bg-transparent px-1 text-sm text-muted-foreground outline-none placeholder:text-muted-foreground/60 focus:bg-muted focus:text-foreground\"\n            onFocus={() => {\n              focused.current = true\n              setReadonly(!editor.isEditable)\n            }}\n            onBlur={() => {\n              focused.current = false\n              closeList()\n              void commit()\n            }}\n            onMouseDown={() => openList('')}\n            onChange={(e) => {\n              setDraft(e.target.value)\n              openList(e.target.value)\n            }}\n            onKeyDown={onKeyDown}\n          />\n          {open && items.length > 0 && (\n            <div className=\"absolute top-full left-0 z-50 mt-1\">\n              <SuggestionList ref={list} items={items} display={displayItem} command={pick} loading={false} loadingText=\"\" emptyText=\"\" />\n            </div>\n          )}\n        </div>\n        <NodeViewContent className=\"transcript-segment__text\" />\n      </div>\n    </NodeViewWrapper>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"TranscriptSegmentView.js","names":[],"sources":["../../../../src/features/transcript/react/TranscriptSegmentView.tsx"],"sourcesContent":["import { NodeViewContent, NodeViewWrapper, type NodeViewProps } from '@tiptap/react'\nimport { type KeyboardEvent as ReactKeyboardEvent, useCallback, useEffect, useRef, useState } from 'react'\nimport { METADATA_LIST, type MetadataItem, metadataOf } from '../../../core'\nimport { SuggestionList, type SuggestionListHandle } from '../../../react/suggestion-renderer'\nimport { cn } from '../../../react/ui/utils'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { formatSegmentTime } from '../segment-node'\n\n// Module-level so the list's memoised rows keep their identity across renders.\nconst displayItem = (item: unknown) => ({ label: (item as MetadataItem).label })\n\n/** The speaker segment: the speaker field (with a suggestion list of the `speakers` metadata) beside the editable text. */\nexport function TranscriptSegmentView({ node, editor, selected, updateAttributes, getPos }: NodeViewProps) {\n  const { t } = useEditorI18n()\n  const speaker = String(node.attrs.speaker ?? '')\n  // Typed text is a draft until committed (blur, Enter, picking a suggestion): one undo step per name, and the\n  // speaker list is only extended with whole names, not with every prefix typed on the way.\n  const [draft, setDraft] = useState(speaker)\n  const focused = useRef(false)\n  useEffect(() => {\n    if (!focused.current) setDraft(speaker)\n  }, [speaker])\n  // `editor.isEditable` is not reactive, so a read-only editor is detected when the input gets focus.\n  const [readonly, setReadonly] = useState(false)\n\n  const [open, setOpen] = useState(false)\n  const [items, setItems] = useState<MetadataItem[]>([])\n  const list = useRef<SuggestionListHandle>(null)\n\n  // Same loading as the composite tags: 150 ms after typing pauses, a newer search aborts the older one (sources may be remote).\n  const timer = useRef<ReturnType<typeof setTimeout>>(undefined)\n  const pending = useRef<AbortController>(undefined)\n  const scheduleSearch = (query: string) => {\n    clearTimeout(timer.current)\n    timer.current = setTimeout(async () => {\n      pending.current?.abort()\n      const controller = pending.current = new AbortController()\n      try {\n        const found = await metadataOf(editor).search(METADATA_LIST.speakers, { query, editor, signal: controller.signal })\n        if (!controller.signal.aborted) setItems(found.filter(item => item.label.trim()))\n      }\n      catch (error) {\n        if (!controller.signal.aborted) console.warn('Sprecher-Vorschläge konnten nicht geladen werden', error)\n      }\n    }, 150)\n  }\n  useEffect(() => () => {\n    clearTimeout(timer.current)\n    pending.current?.abort()\n  }, [])\n\n  const openList = (query: string) => {\n    if (!editor.isEditable) return\n    setOpen(true)\n    scheduleSearch(query)\n  }\n\n  const closeList = useCallback(() => {\n    setOpen(false)\n    clearTimeout(timer.current)\n    pending.current?.abort()\n  }, [])\n\n  /** Writes the draft to the node; a name the speaker list does not know yet is added to it (reported via `metadataCreate`). */\n  const commit = async (name = draft.trim()) => {\n    setDraft(name)\n    if (readonly || name === speaker) return\n    // Searched before the node changes: `search` calls the source synchronously, so a list derived from the document\n    // (the default `speakers`) does not already contain the name just typed here.\n    const found = name ? metadataOf(editor).search(METADATA_LIST.speakers, { query: name, editor }) : null\n    updateAttributes({ speaker: name })\n    if (!found) return\n    if (!(await found).some(item => item.label.toLowerCase() === name.toLowerCase())) {\n      metadataOf(editor).create(METADATA_LIST.speakers, { id: name, label: name })\n    }\n  }\n\n  const pick = (item: unknown) => {\n    closeList()\n    void commit((item as MetadataItem).label)\n  }\n\n  /** The speaker field of the segment `step` places before/after this one (document order), if any. */\n  const neighbourField = (input: HTMLInputElement, step: -1 | 1): HTMLInputElement | undefined => {\n    const fields = [...editor.view.dom.querySelectorAll<HTMLInputElement>('.transcript-segment__speaker input')]\n    return fields[fields.indexOf(input) + step]\n  }\n\n  // An open list takes ArrowUp/ArrowDown/Enter/Tab; otherwise ArrowUp/ArrowDown move to the neighbouring segment's\n  // speaker and Enter continues in this segment's text.\n  const onKeyDown = (e: ReactKeyboardEvent<HTMLInputElement>) => {\n    if (open && items.length && list.current?.onKeyDown(e.nativeEvent)) {\n      e.preventDefault()\n      return\n    }\n    const input = e.currentTarget\n    if (e.key === 'Escape' && open) {\n      e.preventDefault()\n      closeList()\n    }\n    else if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n      const next = neighbourField(input, e.key === 'ArrowUp' ? -1 : 1)\n      if (!next) return\n      e.preventDefault()\n      next.focus()\n      next.setSelectionRange(next.value.length, next.value.length)\n    }\n    else if (e.key === 'Enter') {\n      e.preventDefault()\n      input.blur()\n      editor.commands.focus(getPos()! + node.nodeSize - 1)\n    }\n  }\n\n  /** Seeks and plays the source recording of the enclosing Baustein (a no-op without the composites feature or a source). */\n  const seek = () => {\n    const start = node.attrs.start\n    const pos = getPos()\n    // `seekSource` is contributed by the composites feature; without it the editor has no command and the click does nothing.\n    if (typeof start === 'number' && pos !== undefined) editor.commands.seekSource?.(pos, start)\n  }\n\n  return (\n    <NodeViewWrapper\n      className={cn('transcript-segment my-2', selected && 'is-selected rounded-md ring-1 ring-primary')}\n      data-type=\"transcript-segment\"\n      data-id={node.attrs.id || undefined}\n    >\n      <div className=\"grid grid-cols-[5.5rem_1fr] items-start gap-2\">\n        <div className=\"transcript-segment__speaker relative pt-0.5\" contentEditable={false}>\n          <input\n            value={draft}\n            title={draft || undefined}\n            placeholder={t('transcript.speaker')}\n            aria-label={t('transcript.speaker')}\n            autoComplete=\"off\"\n            role=\"combobox\"\n            aria-expanded={open && items.length > 0}\n            readOnly={readonly}\n            className=\"w-full truncate rounded bg-transparent px-1 text-sm text-muted-foreground outline-none placeholder:text-muted-foreground/60 focus:bg-muted focus:text-foreground\"\n            onFocus={() => {\n              focused.current = true\n              setReadonly(!editor.isEditable)\n            }}\n            onBlur={() => {\n              focused.current = false\n              closeList()\n              void commit()\n            }}\n            onMouseDown={() => openList('')}\n            onChange={(e) => {\n              setDraft(e.target.value)\n              openList(e.target.value)\n            }}\n            onKeyDown={onKeyDown}\n          />\n          {node.attrs.start != null && (\n            <button\n              type=\"button\"\n              className=\"transcript-segment__time block rounded px-1 text-xs tabular-nums text-muted-foreground hover:text-primary hover:underline\"\n              title={t('transcript.seek', { time: formatSegmentTime(node.attrs.start) })}\n              aria-label={t('transcript.seek', { time: formatSegmentTime(node.attrs.start) })}\n              onMouseDown={e => e.preventDefault()}\n              onClick={seek}\n            >\n              {formatSegmentTime(node.attrs.start)}\n            </button>\n          )}\n          {open && items.length > 0 && (\n            <div className=\"absolute top-full left-0 z-50 mt-1\">\n              <SuggestionList ref={list} items={items} display={displayItem} command={pick} loading={false} loadingText=\"\" emptyText=\"\" />\n            </div>\n          )}\n        </div>\n        <NodeViewContent className=\"transcript-segment__text\" />\n      </div>\n    </NodeViewWrapper>\n  )\n}\n"],"mappings":"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"}

package/dist/features/transcript/segment-node.d.ts

@@ -6,6 +6,8 @@ declare module '@tiptap/core' {
       /** Turn the current block into a speaker segment (or back into a paragraph when it already is one). */
       toggleTranscriptSegment: (attrs?: {
         speaker?: string;
+        start?: number | null;
+        end?: number | null;
       }) => ReturnType;
     };
   }

package/dist/features/transcript/segment-node.js

@@ -7,6 +7,18 @@ import { canSplit } from "@tiptap/pm/transform";
 const UNNAMED_SPEAKER = "Sprecher";
 /** Longer bold paragraph openers („**Bitte beachten Sie Folgendes:** …“) are not treated as speaker labels. */
 const MAX_SPEAKER_LENGTH = 80;
+/** A `data-start`/`data-end` attribute as seconds; null when missing or not a non-negative number. */
+function timeAttr(value) {
+	if (value === null || value.trim() === "") return null;
+	const seconds = Number(value);
+	return Number.isFinite(seconds) && seconds >= 0 ? seconds : null;
+}
+/** `mm:ss` of a segment time in seconds (minutes keep counting past 59: `75:03`); '' for null / not a number. */
+function formatSegmentTime(seconds) {
+	if (typeof seconds !== "number" || !Number.isFinite(seconds) || seconds < 0) return "";
+	const whole = Math.floor(seconds);
+	return `${String(Math.floor(whole / 60)).padStart(2, "0")}:${String(whole % 60).padStart(2, "0")}`;
+}
 const TranscriptSegmentNode = Node.create({
 	name: "transcriptSegment",
 	priority: 101,
@@ -23,11 +35,23 @@ const TranscriptSegmentNode = Node.create({
 		ABILITY.record
 	] },
 	defining: true,
-	addAttributes: () => ({ speaker: {
-		default: "",
-		parseHTML: (el) => el.getAttribute("data-speaker") ?? "",
-		renderHTML: (attrs) => ({ "data-speaker": attrs.speaker })
-	} }),
+	addAttributes: () => ({
+		speaker: {
+			default: "",
+			parseHTML: (el) => el.getAttribute("data-speaker") ?? "",
+			renderHTML: (attrs) => ({ "data-speaker": attrs.speaker })
+		},
+		start: {
+			default: null,
+			parseHTML: (el) => timeAttr(el.getAttribute("data-start")),
+			renderHTML: (attrs) => attrs.start == null ? {} : { "data-start": attrs.start }
+		},
+		end: {
+			default: null,
+			parseHTML: (el) => timeAttr(el.getAttribute("data-end")),
+			renderHTML: (attrs) => attrs.end == null ? {} : { "data-end": attrs.end }
+		}
+	}),
 	parseHTML: () => [{ tag: "div[data-type=\"transcript-segment\"]" }],
 	renderHTML: ({ HTMLAttributes }) => [
 		"div",
@@ -36,7 +60,11 @@ const TranscriptSegmentNode = Node.create({
 	],
 	renderMarkdown: (node, h) => `**${String(node.attrs?.speaker || UNNAMED_SPEAKER).replace(/[\\*_`[\]<>~]/g, "\\$&")}:** ${h.renderChildren(node.content ?? [])}`,
 	addCommands() {
-		return { toggleTranscriptSegment: (attrs = {}) => ({ editor, commands }) => editor.isActive(this.name) ? commands.setNode("paragraph") : commands.setNode(this.name, { speaker: attrs.speaker ?? lastSpeaker(editor.state.doc) }) };
+		return { toggleTranscriptSegment: (attrs = {}) => ({ editor, commands }) => editor.isActive(this.name) ? commands.setNode("paragraph") : commands.setNode(this.name, {
+			speaker: attrs.speaker ?? lastSpeaker(editor.state.doc),
+			start: attrs.start ?? null,
+			end: attrs.end ?? null
+		}) };
 	},
 	addKeyboardShortcuts() {
 		return {
@@ -108,6 +136,6 @@ function speakerParagraphsToSegments(doc) {
 	};
 }
 //#endregion
-export { TranscriptSegmentNode, speakerParagraphsToSegments };
+export { TranscriptSegmentNode, formatSegmentTime, speakerParagraphsToSegments };
 
 //# sourceMappingURL=segment-node.js.map

package/dist/features/transcript/segment-node.js.map

@@ -1 +1 @@
-{"version":3,"file":"segment-node.js","names":[],"sources":["../../../src/features/transcript/segment-node.ts"],"sourcesContent":["import { type JSONContent, mergeAttributes, Node } from '@tiptap/core'\nimport { canSplit } from '@tiptap/pm/transform'\nimport { ABILITY } from '../../core/schema'\nimport { lastSpeaker } from './speakers'\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    transcriptSegment: {\n      /** Turn the current block into a speaker segment (or back into a paragraph when it already is one). */\n      toggleTranscriptSegment: (attrs?: { speaker?: string }) => ReturnType\n    }\n  }\n}\n\n/** Markdown label for a segment without speaker; read back as an empty speaker so export → import round-trips. */\nconst UNNAMED_SPEAKER = 'Sprecher'\n/** Longer bold paragraph openers („**Bitte beachten Sie Folgendes:** …“) are not treated as speaker labels. */\nconst MAX_SPEAKER_LENGTH = 80\n\n// Schema-only node (no node view): shared by the client editor and the server-side Yjs seeding.\n// The client adds its node view in node-view.ts.\nexport const TranscriptSegmentNode = Node.create({\n  name: 'transcriptSegment',\n  // Above StarterKit's default (100) so this Enter / Mod-Shift-s keymap runs first,\n  // below Paragraph (1000) so the paragraph stays the schema's default block.\n  priority: 101,\n  group: 'block',\n  content: 'inline*',\n  // A speaker turn is plain running text: no structural blocks or media inside it.\n  abilities: {\n    revokes: [ABILITY.headings, ABILITY.lists, ABILITY.blockquote, ABILITY.codeBlock, ABILITY.blockContent, ABILITY.composite, ABILITY.media, ABILITY.record],\n  },\n  defining: true,\n  addAttributes: () => ({\n    speaker: {\n      default: '',\n      parseHTML: (el) => el.getAttribute('data-speaker') ?? '',\n      renderHTML: (attrs) => ({ 'data-speaker': attrs.speaker }),\n    },\n  }),\n  parseHTML: () => [{ tag: 'div[data-type=\"transcript-segment\"]' }],\n  renderHTML: ({ HTMLAttributes }) => ['div', mergeAttributes(HTMLAttributes, { 'data-type': 'transcript-segment' }), 0],\n  // Markdown export (editor.getMarkdown(), AI context/selection) keeps the speaker visible to the model as\n  // `**Name:** text`. Import goes through speakerParagraphsToSegments() below, not parseMarkdown: marked yields\n  // an ordinary paragraph token, and Paragraph (priority 1000) would always win that token over this node.\n  // Backslash-escaped ASCII punctuation parses back to the literal character, so odd names survive the round-trip.\n  // No trailing newline: the serializer separates blocks itself; extra blank lines re-import as empty paragraphs.\n  renderMarkdown: (node, h) => `**${String(node.attrs?.speaker || UNNAMED_SPEAKER).replace(/[\\\\*_`[\\]<>~]/g, '\\\\$&')}:** ${h.renderChildren(node.content ?? [])}`,\n  addCommands() {\n    return {\n      toggleTranscriptSegment: (attrs = {}) => ({ editor, commands }) =>\n        editor.isActive(this.name)\n          ? commands.setNode('paragraph')\n          : commands.setNode(this.name, { speaker: attrs.speaker ?? lastSpeaker(editor.state.doc) }),\n    }\n  },\n  addKeyboardShortcuts() {\n    return {\n      // Enter inside a segment splits it into two segments with the same speaker — at the start, middle\n      // or end alike. `splitBlock` is not used: it creates the default block (paragraph) at the end and\n      // re-types the first half at the start. Shift-Enter keeps StarterKit's hard break.\n      Enter: () => {\n        const { $from } = this.editor.state.selection\n        if ($from.parent.type.name !== this.name) return false\n        const type = $from.parent.type\n        const speaker = String($from.parent.attrs.speaker ?? '')\n        return this.editor.commands.command(({ tr, state, dispatch }) => {\n          const marks = state.storedMarks ?? ($from.parentOffset ? $from.marks() : null)\n          const after = [{ type, attrs: { speaker } }]\n          if (!canSplit(state.doc, state.selection.from, 1, after)) return false\n          if (dispatch) {\n            if (!tr.selection.empty) tr.deleteSelection()\n            tr.split(tr.selection.from, 1, after)\n            if (marks) tr.ensureMarks(marks)\n            tr.scrollIntoView()\n          }\n          return true\n        })\n      },\n      'Mod-Shift-s': () => this.editor.commands.toggleTranscriptSegment(),\n    }\n  },\n})\n\n/**\n * Speaker name of a speaker line, i.e. a paragraph whose first inline node is bold-only text `Name:`\n * (Markdown `**Name:** text`), or null. Bold elsewhere in the paragraph does not count.\n */\nfunction speakerOf(block: JSONContent): string | null {\n  const first = block.content?.[0]\n  if (block.type !== 'paragraph' || first?.type !== 'text' || !first.text?.endsWith(':')) return null\n  if (first.marks?.length !== 1 || first.marks[0]!.type !== 'bold') return null\n  const name = first.text.slice(0, -1).trim()\n  if (!name || name.length > MAX_SPEAKER_LENGTH || name.includes('\\n')) return null\n  return name\n}\n\n/**\n * Turns top-level speaker-line paragraphs of parsed Markdown into transcriptSegment nodes (the inverse of\n * renderMarkdown above); every other block is returned unchanged. Applied to AI results on both apply paths.\n * A label without text (`**Aufgaben:**` above a list) is a bold pseudo-heading, not an empty turn, and stays a paragraph.\n */\nexport function speakerParagraphsToSegments(doc: JSONContent): JSONContent {\n  if (!doc.content) return doc\n  return {\n    ...doc,\n    content: doc.content.map((block) => {\n      const name = speakerOf(block)\n      if (name === null) return block\n      const content = block.content!.slice(1)\n      if (content.every(node => node.type === 'text' && !node.text?.trim())) return block\n      const next = content[0]\n      // renderMarkdown puts exactly one space between label and text; drop only that one.\n      if (next?.type === 'text' && next.text && /^\\s/.test(next.text)) {\n        if (next.text.length === 1) content.shift()\n        else content[0] = { ...next, text: next.text.slice(1) }\n      }\n      return { type: 'transcriptSegment', attrs: { speaker: name === UNNAMED_SPEAKER ? '' : name }, content }\n    }),\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"segment-node.js","names":[],"sources":["../../../src/features/transcript/segment-node.ts"],"sourcesContent":["import { type JSONContent, mergeAttributes, Node } from '@tiptap/core'\nimport { canSplit } from '@tiptap/pm/transform'\nimport { ABILITY } from '../../core/schema'\nimport { lastSpeaker } from './speakers'\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    transcriptSegment: {\n      /** Turn the current block into a speaker segment (or back into a paragraph when it already is one). */\n      toggleTranscriptSegment: (attrs?: { speaker?: string, start?: number | null, end?: number | null }) => ReturnType\n    }\n  }\n}\n\n/** Markdown label for a segment without speaker; read back as an empty speaker so export → import round-trips. */\nconst UNNAMED_SPEAKER = 'Sprecher'\n/** Longer bold paragraph openers („**Bitte beachten Sie Folgendes:** …“) are not treated as speaker labels. */\nconst MAX_SPEAKER_LENGTH = 80\n\n/** A `data-start`/`data-end` attribute as seconds; null when missing or not a non-negative number. */\nfunction timeAttr(value: string | null): number | null {\n  if (value === null || value.trim() === '') return null\n  const seconds = Number(value)\n  return Number.isFinite(seconds) && seconds >= 0 ? seconds : null\n}\n\n/** `mm:ss` of a segment time in seconds (minutes keep counting past 59: `75:03`); '' for null / not a number. */\nexport function formatSegmentTime(seconds: unknown): string {\n  if (typeof seconds !== 'number' || !Number.isFinite(seconds) || seconds < 0) return ''\n  const whole = Math.floor(seconds)\n  return `${String(Math.floor(whole / 60)).padStart(2, '0')}:${String(whole % 60).padStart(2, '0')}`\n}\n\n// Schema-only node (no node view): shared by the client editor and the server-side Yjs seeding.\n// The client adds its node view in node-view.ts.\nexport const TranscriptSegmentNode = Node.create({\n  name: 'transcriptSegment',\n  // Above StarterKit's default (100) so this Enter / Mod-Shift-s keymap runs first,\n  // below Paragraph (1000) so the paragraph stays the schema's default block.\n  priority: 101,\n  group: 'block',\n  content: 'inline*',\n  // A speaker turn is plain running text: no structural blocks or media inside it.\n  abilities: {\n    revokes: [ABILITY.headings, ABILITY.lists, ABILITY.blockquote, ABILITY.codeBlock, ABILITY.blockContent, ABILITY.composite, ABILITY.media, ABILITY.record],\n  },\n  defining: true,\n  addAttributes: () => ({\n    speaker: {\n      default: '',\n      parseHTML: (el) => el.getAttribute('data-speaker') ?? '',\n      renderHTML: (attrs) => ({ 'data-speaker': attrs.speaker }),\n    },\n    // Seconds into the recording of the enclosing source-holding Baustein; null for a segment without timing.\n    start: {\n      default: null,\n      parseHTML: el => timeAttr(el.getAttribute('data-start')),\n      renderHTML: attrs => (attrs.start == null ? {} : { 'data-start': attrs.start }),\n    },\n    end: {\n      default: null,\n      parseHTML: el => timeAttr(el.getAttribute('data-end')),\n      renderHTML: attrs => (attrs.end == null ? {} : { 'data-end': attrs.end }),\n    },\n  }),\n  parseHTML: () => [{ tag: 'div[data-type=\"transcript-segment\"]' }],\n  renderHTML: ({ HTMLAttributes }) => ['div', mergeAttributes(HTMLAttributes, { 'data-type': 'transcript-segment' }), 0],\n  // Markdown export (editor.getMarkdown(), AI context/selection) keeps the speaker visible to the model as\n  // `**Name:** text`; `start`/`end` (seconds into the source recording) live in JSON/Yjs only and are not part of the\n  // Markdown, so the Markdown output of a segment is the same with or without timestamps.\n  // Import goes through speakerParagraphsToSegments() below, not parseMarkdown: marked yields\n  // an ordinary paragraph token, and Paragraph (priority 1000) would always win that token over this node.\n  // Backslash-escaped ASCII punctuation parses back to the literal character, so odd names survive the round-trip.\n  // No trailing newline: the serializer separates blocks itself; extra blank lines re-import as empty paragraphs.\n  renderMarkdown: (node, h) => `**${String(node.attrs?.speaker || UNNAMED_SPEAKER).replace(/[\\\\*_`[\\]<>~]/g, '\\\\$&')}:** ${h.renderChildren(node.content ?? [])}`,\n  addCommands() {\n    return {\n      toggleTranscriptSegment: (attrs = {}) => ({ editor, commands }) =>\n        editor.isActive(this.name)\n          ? commands.setNode('paragraph')\n          : commands.setNode(this.name, { speaker: attrs.speaker ?? lastSpeaker(editor.state.doc), start: attrs.start ?? null, end: attrs.end ?? null }),\n    }\n  },\n  addKeyboardShortcuts() {\n    return {\n      // Enter inside a segment splits it into two segments with the same speaker — at the start, middle\n      // or end alike. `splitBlock` is not used: it creates the default block (paragraph) at the end and\n      // re-types the first half at the start. Shift-Enter keeps StarterKit's hard break.\n      Enter: () => {\n        const { $from } = this.editor.state.selection\n        if ($from.parent.type.name !== this.name) return false\n        const type = $from.parent.type\n        const speaker = String($from.parent.attrs.speaker ?? '')\n        return this.editor.commands.command(({ tr, state, dispatch }) => {\n          const marks = state.storedMarks ?? ($from.parentOffset ? $from.marks() : null)\n          const after = [{ type, attrs: { speaker } }]\n          if (!canSplit(state.doc, state.selection.from, 1, after)) return false\n          if (dispatch) {\n            if (!tr.selection.empty) tr.deleteSelection()\n            tr.split(tr.selection.from, 1, after)\n            if (marks) tr.ensureMarks(marks)\n            tr.scrollIntoView()\n          }\n          return true\n        })\n      },\n      'Mod-Shift-s': () => this.editor.commands.toggleTranscriptSegment(),\n    }\n  },\n})\n\n/**\n * Speaker name of a speaker line, i.e. a paragraph whose first inline node is bold-only text `Name:`\n * (Markdown `**Name:** text`), or null. Bold elsewhere in the paragraph does not count.\n */\nfunction speakerOf(block: JSONContent): string | null {\n  const first = block.content?.[0]\n  if (block.type !== 'paragraph' || first?.type !== 'text' || !first.text?.endsWith(':')) return null\n  if (first.marks?.length !== 1 || first.marks[0]!.type !== 'bold') return null\n  const name = first.text.slice(0, -1).trim()\n  if (!name || name.length > MAX_SPEAKER_LENGTH || name.includes('\\n')) return null\n  return name\n}\n\n/**\n * Turns top-level speaker-line paragraphs of parsed Markdown into transcriptSegment nodes (the inverse of\n * renderMarkdown above); every other block is returned unchanged. Applied to AI results on both apply paths.\n * A label without text (`**Aufgaben:**` above a list) is a bold pseudo-heading, not an empty turn, and stays a paragraph.\n */\nexport function speakerParagraphsToSegments(doc: JSONContent): JSONContent {\n  if (!doc.content) return doc\n  return {\n    ...doc,\n    content: doc.content.map((block) => {\n      const name = speakerOf(block)\n      if (name === null) return block\n      const content = block.content!.slice(1)\n      if (content.every(node => node.type === 'text' && !node.text?.trim())) return block\n      const next = content[0]\n      // renderMarkdown puts exactly one space between label and text; drop only that one.\n      if (next?.type === 'text' && next.text && /^\\s/.test(next.text)) {\n        if (next.text.length === 1) content.shift()\n        else content[0] = { ...next, text: next.text.slice(1) }\n      }\n      return { type: 'transcriptSegment', attrs: { speaker: name === UNNAMED_SPEAKER ? '' : name }, content }\n    }),\n  }\n}\n"],"mappings":"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"}