@ecsplico/editor 0.0.0-stage → 2.0.0

package/dist/features/comments/components/CommentBubble.js

@@ -0,0 +1,54 @@
+import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
+import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
+import { commentsState } from "../comments-plugin.js";
+import { useComments } from "../use-comments.js";
+import { createBlock, createElementVNode, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
+import { BubbleMenu } from "@tiptap/vue-3/menus";
+//#region src/features/comments/components/CommentBubble.vue
+const _hoisted_1 = { class: "flex rounded-md border border-[var(--sk-border)] bg-[var(--sk-bg)] p-0.5 shadow-md" };
+/**
+* Bubble menu entry „Kommentar“ on a text selection where the user may comment: starts a comment on the selection (the
+* layout shows the composer). It sits below the selection, where the AI feature's bubble (above it) leaves room.
+*/
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "CommentBubble",
+	props: { editor: {} },
+	setup(__props) {
+		const props = __props;
+		const { Button: UButton } = useUiKit();
+		const { t } = useEditorI18n();
+		const comments = useComments(() => props.editor);
+		const shouldShow = ({ editor, element, view, state, from, to }) => {
+			if (!comments.canComment.value || state.selection.empty) return false;
+			if (commentsState(state)?.draft) return false;
+			if (!view.hasFocus() && !element.contains(document.activeElement)) return false;
+			return state.doc.textBetween(from, to, " ").trim().length > 0;
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(BubbleMenu), {
+				editor: __props.editor,
+				"plugin-key": "commentBubble",
+				"should-show": shouldShow,
+				options: {
+					placement: "bottom",
+					offset: 8
+				},
+				class: "z-10"
+			}, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(unref(UButton), {
+					size: "sm",
+					color: "neutral",
+					variant: "ghost",
+					icon: "i-lucide-message-square-plus",
+					label: unref(t)("comments.bubble"),
+					onClick: _cache[0] || (_cache[0] = ($event) => unref(comments).startDraft())
+				}, null, 8, ["label"])])]),
+				_: 1
+			}, 8, ["editor"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=CommentBubble.js.map

package/dist/features/comments/components/CommentBubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentBubble.js","names":["_openBlock","_createBlock","_unref","_withCtx","_createElementVNode","_createVNode"],"sources":["../../../../src/features/comments/components/CommentBubble.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { BubbleMenuPluginProps } from '@tiptap/extension-bubble-menu'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport type { Editor } from '@tiptap/vue-3'\nimport { BubbleMenu } from '@tiptap/vue-3/menus'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { useComments } from '../use-comments'\nimport { commentsState } from '../comments-plugin'\n\n/**\n * Bubble menu entry „Kommentar“ on a text selection where the user may comment: starts a comment on the selection (the\n * layout shows the composer). It sits below the selection, where the AI feature's bubble (above it) leaves room.\n */\nconst props = defineProps<{ editor: Editor }>()\nconst { Button: UButton } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst comments = useComments(() => props.editor)\n\nconst shouldShow: NonNullable<BubbleMenuPluginProps['shouldShow']> = ({ editor, element, view, state, from, to }) => {\n  if (!comments.canComment.value || state.selection.empty) return false\n  if (commentsState(state)?.draft) return false\n  if (!view.hasFocus() && !element.contains(document.activeElement)) return false\n  return state.doc.textBetween(from, to, ' ').trim().length > 0\n}\n</script>\n\n<template>\n  <BubbleMenu :editor=\"editor\" plugin-key=\"commentBubble\" :should-show=\"shouldShow\" :options=\"{ placement: 'bottom', offset: 8 }\" class=\"z-10\">\n    <div class=\"flex rounded-md border border-[var(--sk-border)] bg-[var(--sk-bg)] p-0.5 shadow-md\">\n      <UButton size=\"sm\" color=\"neutral\" variant=\"ghost\" icon=\"i-lucide-message-square-plus\" :label=\"t('comments.bubble')\" @click=\"comments.startDraft()\" />\n    </div>\n  </BubbleMenu>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAaA,MAAM,QAAQ;EACd,MAAM,EAAE,QAAQ,YAAY,SAAS;EACrC,MAAM,EAAE,MAAM,cAAc;EAE5B,MAAM,WAAW,kBAAkB,MAAM,MAAM;EAE/C,MAAM,cAAgE,EAAE,QAAQ,SAAS,MAAM,OAAO,MAAM,SAAS;GACnH,IAAI,CAAC,SAAS,WAAW,SAAS,MAAM,UAAU,OAAO,OAAO;GAChE,IAAI,cAAc,KAAK,CAAC,EAAE,OAAO,OAAO;GACxC,IAAI,CAAC,KAAK,SAAS,KAAK,CAAC,QAAQ,SAAS,SAAS,aAAa,GAAG,OAAO;GAC1E,OAAO,MAAM,IAAI,YAAY,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS;EAC9D;;GAIE,OAAAA,UAAA,GAAAC,YAIaC,MAAA,UAAA,GAAA;IAJA,QAAQ,QAAA;IAAQ,cAAW;IAAiB,eAAa;IAAa,SAAS;KAAA,WAAA;KAAA,QAAA;IAAA;IAAoC,OAAM;;IACpI,SAAAC,cAEM,CAFNC,mBAEM,OAFN,YAEM,CADJC,YAAsJH,MAAA,OAAA,GAAA;KAA7I,MAAK;KAAK,OAAM;KAAU,SAAQ;KAAQ,MAAK;KAAgC,OAAOA,MAAA,CAAA,CAAC,CAAA,iBAAA;KAAsB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,MAAA,QAAA,CAAQ,CAAC,WAAU"}

package/dist/features/comments/components/CommentBubble.vue.d.ts

@@ -0,0 +1,14 @@
+import { Editor } from "@tiptap/vue-3";
+//#region src/features/comments/components/CommentBubble.vue.d.ts
+/**
+ * Bubble menu entry „Kommentar“ on a text selection where the user may comment: starts a comment on the selection (the
+ * layout shows the composer). It sits below the selection, where the AI feature's bubble (above it) leaves room.
+ */
+type __VLS_Props = {
+  editor: Editor;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as default };
+//# sourceMappingURL=CommentBubble.vue.d.ts.map

package/dist/features/comments/components/CommentComposer.js

@@ -0,0 +1,87 @@
+import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
+import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
+import { COMMENT_LIMITS } from "../schema.js";
+import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, toDisplayString, unref } from "vue";
+//#region src/features/comments/components/CommentComposer.vue
+const _hoisted_1 = ["title"];
+/**
+* Writes a new comment on the draft (`quote`: its text): „Kommentieren“ (Mod-Enter) emits `submit` with the text,
+* „Abbrechen“ (Esc) emits `cancel`. Layout-independent; the layout calls `useComments().add` / `cancelDraft`.
+* `dense`: compact, frameless rendering for a popover (one-line quote, small controls).
+*/
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "CommentComposer",
+	props: {
+		quote: {},
+		dense: { type: Boolean }
+	},
+	emits: ["submit", "cancel"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const { Button: UButton, Textarea: UTextarea } = useUiKit();
+		const { t } = useEditorI18n();
+		const text = ref("");
+		function submit() {
+			if (text.value.trim()) emit("submit", text.value);
+		}
+		function onKeydown(event) {
+			if (event.isComposing) return;
+			if (event.key === "Enter" && (event.metaKey || event.ctrlKey)) {
+				event.preventDefault();
+				submit();
+			} else if (event.key === "Escape") {
+				event.preventDefault();
+				emit("cancel");
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["flex flex-col text-sm", __props.dense ? "gap-1.5" : "gap-2 rounded-md border border-[var(--sk-border)] bg-[var(--sk-bg)] p-3"]) }, [
+				__props.quote ? (openBlock(), createElementBlock("p", {
+					key: 0,
+					class: normalizeClass(["border-l-2 border-[var(--sk-warning)] pl-2 text-[var(--sk-muted)] italic", __props.dense ? "truncate text-xs" : "line-clamp-2"]),
+					title: __props.dense ? __props.quote : void 0
+				}, toDisplayString(__props.quote), 11, _hoisted_1)) : createCommentVNode("v-if", true),
+				createVNode(unref(UTextarea), {
+					modelValue: text.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => text.value = $event),
+					autofocus: "",
+					autoresize: "",
+					size: __props.dense ? "sm" : "md",
+					rows: 2,
+					maxrows: 8,
+					maxlength: unref(COMMENT_LIMITS).text,
+					placeholder: unref(t)("comments.composer.placeholder"),
+					"aria-label": unref(t)("comments.composer.label"),
+					class: "w-full",
+					onKeydown
+				}, null, 8, [
+					"modelValue",
+					"size",
+					"maxlength",
+					"placeholder",
+					"aria-label"
+				]),
+				createElementVNode("div", { class: normalizeClass(["flex justify-end", __props.dense ? "gap-1" : "gap-2"]) }, [createVNode(unref(UButton), {
+					size: __props.dense ? "xs" : "sm",
+					color: "neutral",
+					variant: "ghost",
+					label: unref(t)("comments.cancel"),
+					onClick: _cache[1] || (_cache[1] = ($event) => emit("cancel"))
+				}, null, 8, ["size", "label"]), createVNode(unref(UButton), {
+					size: __props.dense ? "xs" : "sm",
+					label: unref(t)("comments.composer.submit"),
+					disabled: !text.value.trim(),
+					onClick: submit
+				}, null, 8, [
+					"size",
+					"label",
+					"disabled"
+				])], 2)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=CommentComposer.js.map

package/dist/features/comments/components/CommentComposer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentComposer.js","names":["_openBlock","_createElementBlock","_normalizeClass","_toDisplayString","_createCommentVNode","_createVNode","_unref","_createElementVNode"],"sources":["../../../../src/features/comments/components/CommentComposer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { ref } from 'vue'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport { COMMENT_LIMITS } from '../schema'\n\n/**\n * Writes a new comment on the draft (`quote`: its text): „Kommentieren“ (Mod-Enter) emits `submit` with the text,\n * „Abbrechen“ (Esc) emits `cancel`. Layout-independent; the layout calls `useComments().add` / `cancelDraft`.\n * `dense`: compact, frameless rendering for a popover (one-line quote, small controls).\n */\ndefineProps<{ quote: string, dense?: boolean }>()\nconst emit = defineEmits<{ submit: [text: string], cancel: [] }>()\nconst { Button: UButton, Textarea: UTextarea } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst text = ref('')\n\nfunction submit() {\n  if (text.value.trim()) emit('submit', text.value)\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  if (event.isComposing) return\n  if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) {\n    event.preventDefault()\n    submit()\n  }\n  else if (event.key === 'Escape') {\n    event.preventDefault()\n    emit('cancel')\n  }\n}\n</script>\n\n<template>\n  <div\n    class=\"flex flex-col text-sm\"\n    :class=\"dense ? 'gap-1.5' : 'gap-2 rounded-md border border-[var(--sk-border)] bg-[var(--sk-bg)] p-3'\"\n  >\n    <p\n      v-if=\"quote\"\n      class=\"border-l-2 border-[var(--sk-warning)] pl-2 text-[var(--sk-muted)] italic\"\n      :class=\"dense ? 'truncate text-xs' : 'line-clamp-2'\"\n      :title=\"dense ? quote : undefined\"\n    >\n      {{ quote }}\n    </p>\n    <UTextarea\n      v-model=\"text\"\n      autofocus\n      autoresize\n      :size=\"dense ? 'sm' : 'md'\"\n      :rows=\"2\"\n      :maxrows=\"8\"\n      :maxlength=\"COMMENT_LIMITS.text\"\n      :placeholder=\"t('comments.composer.placeholder')\"\n      :aria-label=\"t('comments.composer.label')\"\n      class=\"w-full\"\n      @keydown=\"onKeydown\"\n    />\n    <div class=\"flex justify-end\" :class=\"dense ? 'gap-1' : 'gap-2'\">\n      <UButton :size=\"dense ? 'xs' : 'sm'\" color=\"neutral\" variant=\"ghost\" :label=\"t('comments.cancel')\" @click=\"emit('cancel')\" />\n      <UButton :size=\"dense ? 'xs' : 'sm'\" :label=\"t('comments.composer.submit')\" :disabled=\"!text.trim()\" @click=\"submit\" />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAYA,MAAM,OAAO;EACb,MAAM,EAAE,QAAQ,SAAS,UAAU,cAAc,SAAS;EAC1D,MAAM,EAAE,MAAM,cAAc;EAE5B,MAAM,OAAO,IAAI,EAAE;EAEnB,SAAS,SAAS;GAChB,IAAI,KAAK,MAAM,KAAK,GAAG,KAAK,UAAU,KAAK,KAAK;EAClD;EAEA,SAAS,UAAU,OAAsB;GACvC,IAAI,MAAM,aAAa;GACvB,IAAI,MAAM,QAAQ,YAAY,MAAM,WAAW,MAAM,UAAU;IAC7D,MAAM,eAAe;IACrB,OAAO;GACT,OACK,IAAI,MAAM,QAAQ,UAAU;IAC/B,MAAM,eAAe;IACrB,KAAK,QAAQ;GACf;EACF;;GAIE,OAAAA,UAAA,GAAAC,mBA6BM,OAAA,EA5BJ,OAAKC,eAAA,CAAC,yBACE,QAAA,QAAK,YAAA,yEAAA,CAAA,EAAA,GAAA;IAGL,QAAA,SADRF,UAAA,GAAAC,mBAOI,KAAA;;KALF,OAAKC,eAAA,CAAC,4EACE,QAAA,QAAK,qBAAA,cAAA,CAAA;KACZ,OAAO,QAAA,QAAQ,QAAA,QAAQ,KAAA;IAErB,GAAAC,gBAAA,QAAA,KAAK,GAAA,IAAA,UAAA,KAAAC,mBAAA,QAAA,IAAA;IAEVC,YAYEC,MAAA,SAAA,GAAA;KAXS,YAAA,KAAA;KAAA,uBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,KAAI,QAAA;KACb,WAAA;KACA,YAAA;KACC,MAAM,QAAA,QAAK,OAAA;KACX,MAAM;KACN,SAAS;KACT,WAAWA,MAAA,cAAA,CAAc,CAAC;KAC1B,aAAaA,MAAA,CAAA,CAAC,CAAA,+BAAA;KACd,cAAYA,MAAA,CAAA,CAAC,CAAA,yBAAA;KACd,OAAM;KACI;;;;;;;;IAEZC,mBAGM,OAAA,EAHD,OAAKL,eAAA,CAAC,oBAA2B,QAAA,QAAK,UAAA,OAAA,CAAA,EAAA,GACzC,CAAAG,YAA6HC,MAAA,OAAA,GAAA;KAAnH,MAAM,QAAA,QAAK,OAAA;KAAgB,OAAM;KAAU,SAAQ;KAAS,OAAOA,MAAA,CAAA,CAAC,CAAA,iBAAA;KAAsB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;IAC/G,GAAA,MAAA,GAAA,CAAA,QAAA,OAAA,CAAA,GAAAD,YAAuHC,MAAA,OAAA,GAAA;KAA7G,MAAM,QAAA,QAAK,OAAA;KAAiB,OAAOA,MAAA,CAAA,CAAC,CAAA,0BAAA;KAA+B,UAAQ,CAAG,KAAA,MAAK,KAAI;KAAK,SAAO"}

package/dist/features/comments/components/CommentComposer.vue.d.ts

@@ -0,0 +1,21 @@
+//#region src/features/comments/components/CommentComposer.vue.d.ts
+/**
+ * Writes a new comment on the draft (`quote`: its text): „Kommentieren“ (Mod-Enter) emits `submit` with the text,
+ * „Abbrechen“ (Esc) emits `cancel`. Layout-independent; the layout calls `useComments().add` / `cancelDraft`.
+ * `dense`: compact, frameless rendering for a popover (one-line quote, small controls).
+ */
+type __VLS_Props = {
+  quote: string;
+  dense?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  cancel: () => any;
+  submit: (text: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+  onCancel?: (() => any) | undefined;
+  onSubmit?: ((text: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as default };
+//# sourceMappingURL=CommentComposer.vue.d.ts.map

package/dist/features/comments/components/CommentThreadView.js

@@ -0,0 +1,255 @@
+import { useUiKit } from "../../../vue/kit/use-ui-kit.js";
+import { useEditorI18n } from "../../../vue/use-editor-i18n.js";
+import { COMMENT_LIMITS } from "../schema.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString, unref, withCtx } from "vue";
+//#region src/features/comments/components/CommentThreadView.vue
+const _hoisted_1 = {
+	key: 0,
+	class: "flex min-w-0 flex-1 items-baseline gap-1.5 text-xs"
+};
+const _hoisted_2 = { class: "truncate font-medium" };
+const _hoisted_3 = { class: "shrink-0 text-[var(--sk-muted)]" };
+const _hoisted_4 = {
+	key: 1,
+	class: "min-w-0 flex-1"
+};
+const _hoisted_5 = { class: "truncate font-medium" };
+const _hoisted_6 = { class: "text-xs text-[var(--sk-muted)]" };
+const _hoisted_7 = ["title"];
+const _hoisted_8 = {
+	key: 2,
+	class: "break-words whitespace-pre-wrap"
+};
+const _hoisted_9 = {
+	key: 0,
+	class: "flex items-end gap-1"
+};
+const _hoisted_10 = {
+	key: 1,
+	class: "flex items-end gap-2"
+};
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "CommentThreadView",
+	props: {
+		thread: {},
+		user: {},
+		active: { type: Boolean },
+		orphan: { type: Boolean },
+		comments: {},
+		dense: { type: Boolean }
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { Avatar: UAvatar, Badge: UBadge, Button: UButton, DropdownMenu: UDropdownMenu, Textarea: UTextarea } = useUiKit();
+		const { t, locale } = useEditorI18n();
+		/** The root comment (`replyId` null) and the replies, rendered with the same row layout. */
+		const entries = computed(() => [{
+			replyId: null,
+			author: props.thread.author,
+			text: props.thread.text,
+			createdAt: props.thread.createdAt,
+			editedAt: props.thread.editedAt
+		}, ...props.thread.replies.map((r) => ({
+			replyId: r.id,
+			author: r.author,
+			text: r.text,
+			createdAt: r.createdAt,
+			editedAt: r.editedAt
+		}))]);
+		const TIME_FORMAT = new Intl.DateTimeFormat(locale, {
+			dateStyle: "short",
+			timeStyle: "short"
+		});
+		const formatTime = (iso) => TIME_FORMAT.format(new Date(iso));
+		const initials = (name) => name.slice(0, 2).toUpperCase();
+		/** The entry being edited and its new text. */
+		const editing = ref(null);
+		const replyText = ref("");
+		function menuItems(entry) {
+			const own = !!props.user && entry.author.id === props.user.id;
+			const groups = [];
+			if (own) groups.push([{
+				label: t("comments.edit"),
+				icon: "i-lucide-pencil",
+				onSelect: () => editing.value = {
+					replyId: entry.replyId,
+					text: entry.text
+				}
+			}, {
+				label: t("comments.delete"),
+				icon: "i-lucide-trash-2",
+				color: "error",
+				onSelect: () => entry.replyId ? props.comments.removeReply(props.thread.id, entry.replyId) : props.comments.remove(props.thread.id)
+			}]);
+			if (entry.replyId === null) {
+				const resolved = props.thread.resolved;
+				groups.push([{
+					label: resolved ? t("comments.reopen") : t("comments.resolved"),
+					icon: resolved ? "i-lucide-rotate-ccw" : "i-lucide-check",
+					onSelect: () => props.comments.setResolved(props.thread.id, !resolved)
+				}]);
+			}
+			return groups;
+		}
+		function saveEdit() {
+			const value = editing.value;
+			if (!value?.text.trim()) return;
+			props.comments.edit(props.thread.id, value.replyId, value.text);
+			editing.value = null;
+		}
+		function sendReply() {
+			if (!replyText.value.trim()) return;
+			props.comments.reply(props.thread.id, replyText.value);
+			replyText.value = "";
+		}
+		/** Mod-Enter runs `submit`, Esc `cancel` (when given). */
+		function onKeydown(event, submit, cancel) {
+			if (event.isComposing) return;
+			if (event.key === "Enter" && (event.metaKey || event.ctrlKey)) {
+				event.preventDefault();
+				submit();
+			} else if (event.key === "Escape" && cancel) {
+				event.preventDefault();
+				cancel();
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["flex flex-col text-sm", __props.dense ? "gap-1.5" : ["gap-3 rounded-md border border-[var(--sk-border)] bg-[var(--sk-bg)] p-3", { "ring-2 ring-[var(--sk-primary)]": __props.active }]]),
+				onClick: _cache[7] || (_cache[7] = ($event) => emit("click"))
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(entries.value, (entry) => {
+				return openBlock(), createElementBlock("div", {
+					key: entry.replyId ?? "root",
+					class: normalizeClass(["flex flex-col", [__props.dense ? "gap-0.5" : "gap-1", entry.replyId ? __props.dense ? "ml-2 border-l border-[var(--sk-border)] pl-2" : "ml-4 border-l border-[var(--sk-border)] pl-3" : ""]])
+				}, [
+					createElementVNode("div", { class: normalizeClass(["flex items-center", __props.dense ? "gap-1.5" : "gap-2"]) }, [
+						createVNode(unref(UAvatar), {
+							size: __props.dense ? "2xs" : "xs",
+							text: initials(entry.author.name),
+							alt: entry.author.name,
+							style: normalizeStyle({ backgroundColor: entry.author.color })
+						}, null, 8, [
+							"size",
+							"text",
+							"alt",
+							"style"
+						]),
+						__props.dense ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("span", _hoisted_2, toDisplayString(entry.author.name), 1), createElementVNode("span", _hoisted_3, [createTextVNode(toDisplayString(formatTime(entry.createdAt)), 1), entry.editedAt ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(unref(t)("comments.edited")), 1)], 64)) : createCommentVNode("v-if", true)])])) : (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("div", _hoisted_5, toDisplayString(entry.author.name), 1), createElementVNode("div", _hoisted_6, [createTextVNode(toDisplayString(formatTime(entry.createdAt)), 1), entry.editedAt ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(unref(t)("comments.edited")), 1)], 64)) : createCommentVNode("v-if", true)])])),
+						menuItems(entry).length ? (openBlock(), createBlock(unref(UDropdownMenu), {
+							key: 2,
+							items: menuItems(entry),
+							content: { align: "end" }
+						}, {
+							default: withCtx(() => [createVNode(unref(UButton), {
+								size: "xs",
+								color: "neutral",
+								variant: "ghost",
+								icon: "i-lucide-ellipsis-vertical",
+								"aria-label": unref(t)("comments.actions")
+							}, null, 8, ["aria-label"])]),
+							_: 1
+						}, 8, ["items"])) : createCommentVNode("v-if", true)
+					], 2),
+					entry.replyId === null ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.orphan ? (openBlock(), createBlock(unref(UBadge), {
+						key: 0,
+						size: __props.dense ? "sm" : "md",
+						color: "neutral",
+						variant: "subtle",
+						label: unref(t)("comments.orphan"),
+						class: "self-start"
+					}, null, 8, ["size", "label"])) : __props.thread.quote ? (openBlock(), createElementBlock("p", {
+						key: 1,
+						class: normalizeClass(["border-l-2 border-[var(--sk-warning)] pl-2 text-[var(--sk-muted)] italic", __props.dense ? "truncate text-xs" : "line-clamp-2"]),
+						title: __props.dense ? __props.thread.quote : void 0
+					}, toDisplayString(__props.thread.quote), 11, _hoisted_7)) : createCommentVNode("v-if", true)], 64)) : createCommentVNode("v-if", true),
+					editing.value && editing.value.replyId === entry.replyId ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						class: normalizeClass(["flex flex-col", __props.dense ? "gap-1.5" : "gap-2"])
+					}, [createVNode(unref(UTextarea), {
+						modelValue: editing.value.text,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => editing.value.text = $event),
+						autofocus: "",
+						autoresize: "",
+						size: __props.dense ? "xs" : "md",
+						rows: 1,
+						maxrows: 8,
+						maxlength: unref(COMMENT_LIMITS).text,
+						"aria-label": unref(t)("comments.editLabel"),
+						class: "w-full",
+						onKeydown: _cache[1] || (_cache[1] = ($event) => onKeydown($event, saveEdit, () => editing.value = null))
+					}, null, 8, [
+						"modelValue",
+						"size",
+						"maxlength",
+						"aria-label"
+					]), createElementVNode("div", { class: normalizeClass(["flex justify-end", __props.dense ? "gap-1" : "gap-2"]) }, [createVNode(unref(UButton), {
+						size: "xs",
+						color: "neutral",
+						variant: "ghost",
+						label: unref(t)("comments.cancel"),
+						onClick: _cache[2] || (_cache[2] = ($event) => editing.value = null)
+					}, null, 8, ["label"]), createVNode(unref(UButton), {
+						size: "xs",
+						label: unref(t)("comments.save"),
+						disabled: !editing.value.text.trim(),
+						onClick: saveEdit
+					}, null, 8, ["label", "disabled"])], 2)], 2)) : (openBlock(), createElementBlock("p", _hoisted_8, toDisplayString(entry.text), 1))
+				], 2);
+			}), 128)), __props.dense ? (openBlock(), createElementBlock("div", _hoisted_9, [createVNode(unref(UTextarea), {
+				modelValue: replyText.value,
+				"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => replyText.value = $event),
+				autoresize: "",
+				size: "xs",
+				rows: 1,
+				maxrows: 4,
+				maxlength: unref(COMMENT_LIMITS).text,
+				placeholder: unref(t)("comments.reply.placeholder"),
+				"aria-label": unref(t)("comments.reply.label"),
+				class: "min-w-0 flex-1",
+				onKeydown: _cache[4] || (_cache[4] = ($event) => onKeydown($event, sendReply))
+			}, null, 8, [
+				"modelValue",
+				"maxlength",
+				"placeholder",
+				"aria-label"
+			]), createVNode(unref(UButton), {
+				size: "xs",
+				color: "neutral",
+				variant: "soft",
+				icon: "i-lucide-send",
+				"aria-label": unref(t)("comments.reply.submit"),
+				disabled: !replyText.value.trim(),
+				onClick: sendReply
+			}, null, 8, ["aria-label", "disabled"])])) : (openBlock(), createElementBlock("div", _hoisted_10, [createVNode(unref(UTextarea), {
+				modelValue: replyText.value,
+				"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => replyText.value = $event),
+				autoresize: "",
+				rows: 1,
+				maxrows: 6,
+				maxlength: unref(COMMENT_LIMITS).text,
+				placeholder: unref(t)("comments.reply.placeholder"),
+				"aria-label": unref(t)("comments.reply.label"),
+				class: "min-w-0 flex-1",
+				onKeydown: _cache[6] || (_cache[6] = ($event) => onKeydown($event, sendReply))
+			}, null, 8, [
+				"modelValue",
+				"maxlength",
+				"placeholder",
+				"aria-label"
+			]), createVNode(unref(UButton), {
+				size: "sm",
+				color: "neutral",
+				variant: "soft",
+				label: unref(t)("comments.reply.submit"),
+				disabled: !replyText.value.trim(),
+				onClick: sendReply
+			}, null, 8, ["label", "disabled"])]))], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=CommentThreadView.js.map

package/dist/features/comments/components/CommentThreadView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentThreadView.js","names":["_openBlock","_createElementBlock","_normalizeClass","_Fragment","_renderList","_createElementVNode","_createVNode","_unref","_normalizeStyle","_toDisplayString","_createTextVNode","_createCommentVNode","_createBlock","_withCtx"],"sources":["../../../../src/features/comments/components/CommentThreadView.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { DropdownItem } from '../../../vue/kit/types'\nimport { useUiKit } from '../../../vue/kit/use-ui-kit'\nimport { computed, ref } from 'vue'\nimport { useEditorI18n } from '../../../vue/use-editor-i18n'\nimport type { AuthorIdentity } from '../../../core'\nimport { COMMENT_LIMITS, type CommentAuthor, type CommentThread } from '../schema'\nimport type { CommentsStore } from '../use-comments'\n\n/**\n * One comment thread as a card: root comment (with the commented text, or „Textstelle gelöscht“ for an orphan),\n * replies, a reply field. Everyone may resolve/reopen; editing and deleting are offered on the user's own comments\n * only. Layout-independent: mutations go through the `comments` store; a click on the card emits `click` (layouts\n * activate and reveal the thread). `dense`: compact, frameless rendering for a popover (name and time on one line,\n * one-line quote, icon-only send button).\n */\nconst props = defineProps<{\n  thread: CommentThread\n  user: AuthorIdentity | null\n  active: boolean\n  orphan: boolean\n  comments: CommentsStore\n  dense?: boolean\n}>()\nconst emit = defineEmits<{ click: [] }>()\nconst { Avatar: UAvatar, Badge: UBadge, Button: UButton, DropdownMenu: UDropdownMenu, Textarea: UTextarea } = useUiKit()\nconst { t, locale } = useEditorI18n()\n\n/** The root comment (`replyId` null) and the replies, rendered with the same row layout. */\ninterface Entry { replyId: string | null, author: CommentAuthor, text: string, createdAt: string, editedAt?: string }\n\nconst entries = computed<Entry[]>(() => [\n  { replyId: null, author: props.thread.author, text: props.thread.text, createdAt: props.thread.createdAt, editedAt: props.thread.editedAt },\n  ...props.thread.replies.map(r => ({ replyId: r.id, author: r.author, text: r.text, createdAt: r.createdAt, editedAt: r.editedAt })),\n])\n\nconst TIME_FORMAT = new Intl.DateTimeFormat(locale, { dateStyle: 'short', timeStyle: 'short' })\nconst formatTime = (iso: string) => TIME_FORMAT.format(new Date(iso))\nconst initials = (name: string) => name.slice(0, 2).toUpperCase()\n\n/** The entry being edited and its new text. */\nconst editing = ref<{ replyId: string | null, text: string } | null>(null)\nconst replyText = ref('')\n\nfunction menuItems(entry: Entry): DropdownItem[][] {\n  const own = !!props.user && entry.author.id === props.user.id\n  const groups: DropdownItem[][] = []\n  if (own) {\n    groups.push([\n      { label: t('comments.edit'), icon: 'i-lucide-pencil', onSelect: () => (editing.value = { replyId: entry.replyId, text: entry.text }) },\n      {\n        label: t('comments.delete'),\n        icon: 'i-lucide-trash-2',\n        color: 'error',\n        onSelect: () => entry.replyId ? props.comments.removeReply(props.thread.id, entry.replyId) : props.comments.remove(props.thread.id),\n      },\n    ])\n  }\n  if (entry.replyId === null) {\n    const resolved = props.thread.resolved\n    groups.push([{\n      label: resolved ? t('comments.reopen') : t('comments.resolved'),\n      icon: resolved ? 'i-lucide-rotate-ccw' : 'i-lucide-check',\n      onSelect: () => props.comments.setResolved(props.thread.id, !resolved),\n    }])\n  }\n  return groups\n}\n\nfunction saveEdit() {\n  const value = editing.value\n  if (!value?.text.trim()) return\n  props.comments.edit(props.thread.id, value.replyId, value.text)\n  editing.value = null\n}\n\nfunction sendReply() {\n  if (!replyText.value.trim()) return\n  props.comments.reply(props.thread.id, replyText.value)\n  replyText.value = ''\n}\n\n/** Mod-Enter runs `submit`, Esc `cancel` (when given). */\nfunction onKeydown(event: KeyboardEvent, submit: () => void, cancel?: () => void) {\n  if (event.isComposing) return\n  if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) {\n    event.preventDefault()\n    submit()\n  }\n  else if (event.key === 'Escape' && cancel) {\n    event.preventDefault()\n    cancel()\n  }\n}\n</script>\n\n<template>\n  <div\n    class=\"flex flex-col text-sm\"\n    :class=\"dense ? 'gap-1.5' : ['gap-3 rounded-md border border-[var(--sk-border)] bg-[var(--sk-bg)] p-3', { 'ring-2 ring-[var(--sk-primary)]': active }]\"\n    @click=\"emit('click')\"\n  >\n    <div\n      v-for=\"entry in entries\"\n      :key=\"entry.replyId ?? 'root'\"\n      class=\"flex flex-col\"\n      :class=\"[dense ? 'gap-0.5' : 'gap-1', entry.replyId ? (dense ? 'ml-2 border-l border-[var(--sk-border)] pl-2' : 'ml-4 border-l border-[var(--sk-border)] pl-3') : '']\"\n    >\n      <div class=\"flex items-center\" :class=\"dense ? 'gap-1.5' : 'gap-2'\">\n        <UAvatar\n          :size=\"dense ? '2xs' : 'xs'\"\n          :text=\"initials(entry.author.name)\"\n          :alt=\"entry.author.name\"\n          :style=\"{ backgroundColor: entry.author.color }\"\n        />\n        <div v-if=\"dense\" class=\"flex min-w-0 flex-1 items-baseline gap-1.5 text-xs\">\n          <span class=\"truncate font-medium\">{{ entry.author.name }}</span>\n          <span class=\"shrink-0 text-[var(--sk-muted)]\">\n            {{ formatTime(entry.createdAt) }}<template v-if=\"entry.editedAt\">\n              {{ t('comments.edited') }}\n            </template>\n          </span>\n        </div>\n        <div v-else class=\"min-w-0 flex-1\">\n          <div class=\"truncate font-medium\">\n            {{ entry.author.name }}\n          </div>\n          <div class=\"text-xs text-[var(--sk-muted)]\">\n            {{ formatTime(entry.createdAt) }}<template v-if=\"entry.editedAt\">\n              {{ t('comments.edited') }}\n            </template>\n          </div>\n        </div>\n        <UDropdownMenu v-if=\"menuItems(entry).length\" :items=\"menuItems(entry)\" :content=\"{ align: 'end' }\">\n          <UButton size=\"xs\" color=\"neutral\" variant=\"ghost\" icon=\"i-lucide-ellipsis-vertical\" :aria-label=\"t('comments.actions')\" />\n        </UDropdownMenu>\n      </div>\n\n      <template v-if=\"entry.replyId === null\">\n        <UBadge v-if=\"orphan\" :size=\"dense ? 'sm' : 'md'\" color=\"neutral\" variant=\"subtle\" :label=\"t('comments.orphan')\" class=\"self-start\" />\n        <p\n          v-else-if=\"thread.quote\"\n          class=\"border-l-2 border-[var(--sk-warning)] pl-2 text-[var(--sk-muted)] italic\"\n          :class=\"dense ? 'truncate text-xs' : 'line-clamp-2'\"\n          :title=\"dense ? thread.quote : undefined\"\n        >\n          {{ thread.quote }}\n        </p>\n      </template>\n\n      <div v-if=\"editing && editing.replyId === entry.replyId\" class=\"flex flex-col\" :class=\"dense ? 'gap-1.5' : 'gap-2'\">\n        <UTextarea\n          v-model=\"editing.text\"\n          autofocus\n          autoresize\n          :size=\"dense ? 'xs' : 'md'\"\n          :rows=\"1\"\n          :maxrows=\"8\"\n          :maxlength=\"COMMENT_LIMITS.text\"\n          :aria-label=\"t('comments.editLabel')\"\n          class=\"w-full\"\n          @keydown=\"onKeydown($event, saveEdit, () => (editing = null))\"\n        />\n        <div class=\"flex justify-end\" :class=\"dense ? 'gap-1' : 'gap-2'\">\n          <UButton size=\"xs\" color=\"neutral\" variant=\"ghost\" :label=\"t('comments.cancel')\" @click=\"editing = null\" />\n          <UButton size=\"xs\" :label=\"t('comments.save')\" :disabled=\"!editing.text.trim()\" @click=\"saveEdit\" />\n        </div>\n      </div>\n      <p v-else class=\"break-words whitespace-pre-wrap\">\n        {{ entry.text }}\n      </p>\n    </div>\n\n    <div v-if=\"dense\" class=\"flex items-end gap-1\">\n      <UTextarea\n        v-model=\"replyText\"\n        autoresize\n        size=\"xs\"\n        :rows=\"1\"\n        :maxrows=\"4\"\n        :maxlength=\"COMMENT_LIMITS.text\"\n        :placeholder=\"t('comments.reply.placeholder')\"\n        :aria-label=\"t('comments.reply.label')\"\n        class=\"min-w-0 flex-1\"\n        @keydown=\"onKeydown($event, sendReply)\"\n      />\n      <UButton size=\"xs\" color=\"neutral\" variant=\"soft\" icon=\"i-lucide-send\" :aria-label=\"t('comments.reply.submit')\" :disabled=\"!replyText.trim()\" @click=\"sendReply\" />\n    </div>\n    <div v-else class=\"flex items-end gap-2\">\n      <UTextarea\n        v-model=\"replyText\"\n        autoresize\n        :rows=\"1\"\n        :maxrows=\"6\"\n        :maxlength=\"COMMENT_LIMITS.text\"\n        :placeholder=\"t('comments.reply.placeholder')\"\n        :aria-label=\"t('comments.reply.label')\"\n        class=\"min-w-0 flex-1\"\n        @keydown=\"onKeydown($event, sendReply)\"\n      />\n      <UButton size=\"sm\" color=\"neutral\" variant=\"soft\" :label=\"t('comments.reply.submit')\" :disabled=\"!replyText.trim()\" @click=\"sendReply\" />\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/features/comments/components/CommentThreadView.vue.d.ts

@@ -0,0 +1,29 @@
+import { AuthorIdentity } from "../../../core/feature.js";
+import "../../../core/index.js";
+import { CommentThread } from "../schema.js";
+import { CommentsStore } from "../use-comments.js";
+//#region src/features/comments/components/CommentThreadView.vue.d.ts
+/**
+ * One comment thread as a card: root comment (with the commented text, or „Textstelle gelöscht“ for an orphan),
+ * replies, a reply field. Everyone may resolve/reopen; editing and deleting are offered on the user's own comments
+ * only. Layout-independent: mutations go through the `comments` store; a click on the card emits `click` (layouts
+ * activate and reveal the thread). `dense`: compact, frameless rendering for a popover (name and time on one line,
+ * one-line quote, icon-only send button).
+ */
+type __VLS_Props = {
+  thread: CommentThread;
+  user: AuthorIdentity | null;
+  active: boolean;
+  orphan: boolean;
+  comments: CommentsStore;
+  dense?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  click: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+  onClick?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as default };
+//# sourceMappingURL=CommentThreadView.vue.d.ts.map