@ecsplico/editor 0.0.0-stage → 1.0.0

package/dist/features/comments/model.js

@@ -0,0 +1,390 @@
+import { newBlockId } from "../../core/schema/block-ids.js";
+import { createStore } from "../../core/store.js";
+import { releaseRanges, resolveRange } from "../../core/doc-anchors.js";
+import { editorEntryOf } from "../../core/editor-ui.js";
+import { cancelCommentDraft, commentsDoc, commentsKey, commentsUser, setActiveComment, startCommentDraft } from "./comments-plugin.js";
+import { COMMENTS_FIELD, COMMENT_LIMITS } from "./schema.js";
+import * as Y from "yjs";
+//#region src/features/comments/model.ts
+const NO_RANGES = /* @__PURE__ */ new Map();
+const NO_THREADS = [];
+const EMPTY = {
+	available: false,
+	canComment: false,
+	user: null,
+	threads: NO_THREADS,
+	ranges: NO_RANGES,
+	active: null,
+	draft: null,
+	draftQuote: "",
+	open: NO_THREADS,
+	resolved: NO_THREADS
+};
+/** A thread's `Y.Map` as plain data; `replies` converted explicitly so it is always a plain array. */
+function snapshotOf(thread) {
+	const replies = thread.get("replies");
+	return {
+		...thread.toJSON(),
+		replies: replies instanceof Y.Array ? replies.toArray() : []
+	};
+}
+function sameRange(a, b) {
+	return a === b || !!a && !!b && a.from === b.from && a.to === b.to;
+}
+function sameRanges(a, b) {
+	if (a === b) return true;
+	if (a.size !== b.size) return false;
+	for (const [id, range] of a) if (!sameRange(range, b.get(id) ?? null)) return false;
+	return true;
+}
+function sameUser(a, b) {
+	return a === b || !!a && !!b && a.id === b.id && a.name === b.name && a.color === b.color;
+}
+/**
+* The comment threads of a collaborative editor, stored in its Y.Doc (`COMMENTS_FIELD`, one nested `Y.Map` per thread,
+* replies in a nested `Y.Array`), so they sync live with the document and persist with its Yjs state. Keeps the
+* `Comments` plugin's `known`/`hidden` thread ids in step with the store (highlights), exposes the plugin's ranges,
+* active thread and draft, and the mutations. Mutations are no-ops without collaboration or user; editing and
+* deleting are limited to the user's own comments and replies (a client-side rule: the Y.Doc itself has no ACL).
+* `getEditor` names the editor to work on (it may change over time and may return a destroyed or no editor).
+*/
+function createCommentsModel(getEditor) {
+	const store = createStore(EMPTY);
+	const current = () => {
+		const instance = getEditor();
+		return instance && !instance.isDestroyed ? instance : void 0;
+	};
+	let bound;
+	let observed;
+	let threads = NO_THREADS;
+	let syncQueued = false;
+	let told = NO_THREADS;
+	function unobserve() {
+		observed?.map.unobserveDeep(onThreadsChanged);
+		observed = void 0;
+	}
+	function onThreadsChanged() {
+		if (!observed) return;
+		threads = [...observed.map.values()].filter((t) => t instanceof Y.Map).map(snapshotOf);
+		recompute();
+		queueSync();
+	}
+	function onTransaction() {
+		recompute();
+	}
+	function unbind() {
+		bound?.off("transaction", onTransaction);
+		bound?.off("update", onTransaction);
+		bound = void 0;
+	}
+	/** The snapshot of the editor's current state; the previous object when nothing changed. */
+	function recompute() {
+		const instance = current();
+		if (!instance) {
+			store.set(EMPTY);
+			return;
+		}
+		const previous = store.get();
+		const ydoc = commentsDoc(instance);
+		const user = commentsUser(instance);
+		const plugin = commentsKey.getState(instance.state);
+		const ranges = plugin?.ranges ?? NO_RANGES;
+		const active = plugin?.active ?? null;
+		const anchor = plugin?.draft;
+		const draft = anchor ? resolveRange(instance.state, anchor) : null;
+		const draftQuote = draft ? instance.state.doc.textBetween(draft.from, draft.to, " ").slice(0, COMMENT_LIMITS.quote) : "";
+		const available = !!ydoc && !!user;
+		const canComment = available && instance.isEditable;
+		const sameThreads = threads === previous.threads;
+		const sameRangeMap = sameRanges(ranges, previous.ranges);
+		if (available === previous.available && canComment === previous.canComment && sameUser(user, previous.user) && sameThreads && sameRangeMap && active === previous.active && sameRange(draft, previous.draft) && draftQuote === previous.draftQuote) return;
+		const open = sameThreads && sameRangeMap ? previous.open : threads.filter((t) => !t.resolved).sort((a, b) => (ranges.get(a.id)?.from ?? Infinity) - (ranges.get(b.id)?.from ?? Infinity) || a.createdAt.localeCompare(b.createdAt));
+		const resolved = sameThreads ? previous.resolved : threads.filter((t) => t.resolved).sort((a, b) => b.createdAt.localeCompare(a.createdAt));
+		store.set({
+			available,
+			canComment,
+			user,
+			threads,
+			ranges: sameRangeMap ? previous.ranges : ranges,
+			active,
+			draft: sameRange(draft, previous.draft) ? previous.draft : draft,
+			draftQuote,
+			open,
+			resolved
+		});
+	}
+	function queueSync() {
+		if (syncQueued) return;
+		syncQueued = true;
+		queueMicrotask(() => {
+			syncQueued = false;
+			syncPlugin();
+		});
+	}
+	function syncPlugin() {
+		const instance = current();
+		if (!instance || instance !== bound) return;
+		const value = commentsKey.getState(instance.state);
+		if (!value) return;
+		const known = new Set(threads.map((t) => t.id));
+		const hidden = new Set(threads.filter((t) => t.resolved).map((t) => t.id));
+		const meta = {
+			known,
+			hidden
+		};
+		const before = value.active ? told.find((t) => t.id === value.active) : void 0;
+		if (value.active && before && !before.resolved && (!known.has(value.active) || hidden.has(value.active))) meta.active = null;
+		told = threads;
+		instance.view.dispatch(instance.state.tr.setMeta(commentsKey, meta).setMeta("addToHistory", false));
+	}
+	/** Follows the editor `getEditor` names now, and the Y.Doc of its collaboration session. */
+	function refresh() {
+		const instance = current();
+		if (instance !== bound) {
+			unbind();
+			unobserve();
+			bound = instance;
+			threads = NO_THREADS;
+			told = NO_THREADS;
+			instance?.on("transaction", onTransaction);
+			instance?.on("update", onTransaction);
+			queueSync();
+		}
+		const ydoc = instance ? commentsDoc(instance) : null;
+		if ((observed?.doc ?? null) !== ydoc) {
+			unobserve();
+			if (ydoc) {
+				const map = ydoc.getMap(COMMENTS_FIELD);
+				observed = {
+					doc: ydoc,
+					map
+				};
+				map.observeDeep(onThreadsChanged);
+				threads = [...map.values()].filter((t) => t instanceof Y.Map).map(snapshotOf);
+			} else threads = NO_THREADS;
+			queueSync();
+		}
+		recompute();
+	}
+	function dispose() {
+		unbind();
+		unobserve();
+		threads = NO_THREADS;
+		told = NO_THREADS;
+		store.set(EMPTY);
+	}
+	/** Editor, thread map and user while comments are available; null otherwise. */
+	function writable() {
+		const instance = current();
+		const ydoc = instance && commentsDoc(instance);
+		const author = instance && commentsUser(instance);
+		if (!instance || !ydoc || !author) return null;
+		return {
+			editor: instance,
+			ydoc,
+			map: ydoc.getMap(COMMENTS_FIELD),
+			user: {
+				id: author.id,
+				name: author.name,
+				color: author.color
+			}
+		};
+	}
+	/** Trimmed and cut to the limit; '' when nothing is left. */
+	const clean = (text) => text.trim().slice(0, COMMENT_LIMITS.text);
+	function threadMap(map, threadId) {
+		const thread = map.get(threadId);
+		return thread instanceof Y.Map ? thread : null;
+	}
+	function repliesOf(thread) {
+		const replies = thread.get("replies");
+		return replies instanceof Y.Array ? replies : null;
+	}
+	function add(text) {
+		const ctx = writable();
+		const body = clean(text);
+		const anchor = ctx && commentsKey.getState(ctx.editor.state)?.draft;
+		const range = ctx && anchor ? resolveRange(ctx.editor.state, anchor) : null;
+		const type = ctx?.editor.schema.marks.comment;
+		if (!ctx || !anchor || !range || range.from >= range.to || !body || !type) return null;
+		const id = newBlockId();
+		const { state } = ctx.editor;
+		const quote = state.doc.textBetween(range.from, range.to, " ").slice(0, COMMENT_LIMITS.quote);
+		const tr = state.tr.addMark(range.from, range.to, type.create({ id }));
+		if (!tr.docChanged) return null;
+		const meta = {
+			draft: null,
+			active: id
+		};
+		ctx.editor.view.dispatch(tr.setMeta(commentsKey, meta).setMeta("addToHistory", false));
+		releaseRanges(ctx.editor, [anchor]);
+		const thread = new Y.Map();
+		thread.set("id", id);
+		thread.set("author", ctx.user);
+		thread.set("text", body);
+		thread.set("createdAt", (/* @__PURE__ */ new Date()).toISOString());
+		thread.set("quote", quote);
+		thread.set("resolved", false);
+		thread.set("replies", new Y.Array());
+		ctx.map.set(id, thread);
+		return id;
+	}
+	function reply(threadId, text) {
+		const ctx = writable();
+		const body = clean(text);
+		const thread = ctx && threadMap(ctx.map, threadId);
+		const replies = thread && repliesOf(thread);
+		if (!ctx || !replies || !body) return;
+		replies.push([{
+			id: newBlockId(),
+			author: ctx.user,
+			text: body,
+			createdAt: (/* @__PURE__ */ new Date()).toISOString()
+		}]);
+	}
+	function edit(threadId, replyId, text) {
+		const ctx = writable();
+		const body = clean(text);
+		const thread = ctx && threadMap(ctx.map, threadId);
+		if (!ctx || !thread || !body) return;
+		const now = (/* @__PURE__ */ new Date()).toISOString();
+		if (replyId === null) {
+			if (thread.get("author")?.id !== ctx.user.id || thread.get("text") === body) return;
+			ctx.ydoc.transact(() => {
+				thread.set("text", body);
+				thread.set("editedAt", now);
+			});
+			return;
+		}
+		const replies = repliesOf(thread);
+		const index = replies ? replies.toArray().findIndex((r) => r.id === replyId) : -1;
+		const previous = replies && index >= 0 ? replies.get(index) : void 0;
+		if (!replies || !previous || previous.author.id !== ctx.user.id || previous.text === body) return;
+		ctx.ydoc.transact(() => {
+			replies.delete(index, 1);
+			replies.insert(index, [{
+				...previous,
+				text: body,
+				editedAt: now
+			}]);
+		});
+	}
+	function setResolved(threadId, value) {
+		const ctx = writable();
+		const thread = ctx && threadMap(ctx.map, threadId);
+		if (!ctx || !thread) return;
+		thread.set("resolved", value);
+		if (value && commentsKey.getState(ctx.editor.state)?.active === threadId) setActiveComment(ctx.editor, null);
+	}
+	function remove(threadId) {
+		const ctx = writable();
+		const thread = ctx && threadMap(ctx.map, threadId);
+		if (!ctx || !thread || thread.get("author")?.id !== ctx.user.id) return;
+		const { state } = ctx.editor;
+		const tr = state.tr;
+		state.doc.descendants((node, pos) => {
+			if (!node.isText) return;
+			const mark = node.marks.find((m) => m.type.name === "comment" && m.attrs.id === threadId);
+			if (mark) tr.removeMark(pos, pos + node.nodeSize, mark);
+		});
+		if (commentsKey.getState(state)?.active === threadId) tr.setMeta(commentsKey, { active: null });
+		if (tr.docChanged || tr.getMeta(commentsKey)) ctx.editor.view.dispatch(tr.setMeta("addToHistory", false));
+		ctx.map.delete(threadId);
+	}
+	function removeReply(threadId, replyId) {
+		const ctx = writable();
+		const thread = ctx && threadMap(ctx.map, threadId);
+		const replies = thread && repliesOf(thread);
+		if (!ctx || !replies) return;
+		const index = replies.toArray().findIndex((r) => r.id === replyId);
+		if (index >= 0 && replies.get(index).author.id === ctx.user.id) replies.delete(index, 1);
+	}
+	function activate(id, options = {}) {
+		const instance = current();
+		if (instance) setActiveComment(instance, id, options);
+	}
+	function startDraft() {
+		const ctx = writable();
+		if (ctx) startCommentDraft(ctx.editor);
+	}
+	function cancelDraft() {
+		const instance = current();
+		if (instance) cancelCommentDraft(instance);
+	}
+	return {
+		state: store,
+		refresh,
+		dispose,
+		add,
+		reply,
+		edit,
+		setResolved,
+		remove,
+		removeReply,
+		activate,
+		startDraft,
+		cancelDraft
+	};
+}
+const modelFactories = /* @__PURE__ */ new WeakMap();
+/** Registers the host model factory of `ctx` (the comments feature does this; hosts pass `model` to the feature). */
+function provideCommentsModel(ctx, factory) {
+	modelFactories.set(ctx, factory);
+}
+/** The host model factory the comments feature of `ctx` was configured with; undefined for the default Y.Doc model. */
+function commentsModelOf(ctx) {
+	return modelFactories.get(ctx);
+}
+/**
+* The comments model the framework hooks (`useComments`) use: the model of the surface `getEditor` belongs to
+* (`commentsModelOf` of its feature context: the host's `model` factory) and `createCommentsModel` for every other
+* editor. It follows the editor over time: when the editor changes to one of a surface with another model, the inner
+* model is replaced (disposed, created, refreshed) and `state` carries on with the new one. The factory runs once per
+* consumer of this function, so a host model that must share state across them keeps it outside the factory.
+*/
+function createEditorCommentsModel(getEditor) {
+	const store = createStore(EMPTY);
+	let inner;
+	function release() {
+		inner?.stop();
+		inner?.model.dispose();
+		inner = void 0;
+	}
+	/** The inner model for the editor now; a replacement when its surface brings another factory. */
+	function current() {
+		const entry = editorEntryOf(getEditor());
+		const factory = (entry && commentsModelOf(entry.ctx)) ?? createCommentsModel;
+		if (inner?.factory !== factory) {
+			release();
+			const model = factory(getEditor);
+			inner = {
+				model,
+				factory,
+				stop: model.state.subscribe((snapshot) => store.set(snapshot))
+			};
+			store.set(model.state.get());
+		}
+		return inner.model;
+	}
+	return {
+		state: store,
+		refresh: () => current().refresh(),
+		dispose: () => {
+			release();
+			store.set(EMPTY);
+		},
+		add: (text) => current().add(text),
+		reply: (threadId, text) => current().reply(threadId, text),
+		edit: (threadId, replyId, text) => current().edit(threadId, replyId, text),
+		setResolved: (threadId, resolved) => current().setResolved(threadId, resolved),
+		remove: (threadId) => current().remove(threadId),
+		removeReply: (threadId, replyId) => current().removeReply(threadId, replyId),
+		activate: (id, options) => current().activate(id, options),
+		startDraft: () => current().startDraft(),
+		cancelDraft: () => current().cancelDraft()
+	};
+}
+//#endregion
+export { commentsModelOf, createCommentsModel, createEditorCommentsModel, provideCommentsModel };
+
+//# sourceMappingURL=model.js.map

package/dist/features/comments/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","names":[],"sources":["../../../src/features/comments/model.ts"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport * as Y from 'yjs'\nimport type { AuthorIdentity, FeatureContext } from '../../core'\nimport { editorEntryOf, releaseRanges, resolveRange } from '../../core'\nimport { newBlockId } from '../../core/schema'\nimport { createStore, type ReadonlyStore } from '../../core/store'\nimport { cancelCommentDraft, commentsDoc, commentsKey, type CommentsMeta, commentsUser, setActiveComment, startCommentDraft } from './comments-plugin'\nimport { COMMENT_LIMITS, COMMENTS_FIELD, type CommentReply, type CommentThread } from './schema'\n\nexport type DocRange = { from: number, to: number }\n\n/** What a comments UI renders: replaced (a new object) whenever any part of it changes, so a store subscriber re-renders only then. */\nexport interface CommentsSnapshot {\n  /** Comments need a collaborative editor whose `Comments` extension has a user (a host model decides for itself). */\n  available: boolean\n  /**\n   * Whether the user may compose a comment now: the default model says `available` and the editor is editable, a host\n   * model may allow readers of a read-only document to comment.\n   */\n  canComment: boolean\n  user: AuthorIdentity | null\n  /** Plain snapshots of all threads in the Y.Doc, replaced on every change. */\n  threads: readonly CommentThread[]\n  /** Current text range per thread id (threads without one are orphans). */\n  ranges: ReadonlyMap<string, DocRange>\n  active: string | null\n  /** Current range of the draft a new comment is being written for. */\n  draft: DocRange | null\n  /** The draft's text as the new thread will keep it (`quote`). */\n  draftQuote: string\n  /** Unresolved threads in document order, orphans last; resolved ones newest first. */\n  open: readonly CommentThread[]\n  resolved: readonly CommentThread[]\n}\n\n/** The mutations of the comments of one editor; no-ops without collaboration or a user. */\nexport interface CommentsActions {\n  /** Creates a thread on the draft range; its id, or null without a (non-empty) draft or text. */\n  add: (text: string) => string | null\n  reply: (threadId: string, text: string) => void\n  /** Changes the text of the user's own thread (`replyId` null) or reply. */\n  edit: (threadId: string, replyId: string | null, text: string) => void\n  /** Resolves or reopens a thread (anyone may). */\n  setResolved: (threadId: string, resolved: boolean) => void\n  /** Deletes the user's own thread with its marks / the user's own reply. */\n  remove: (threadId: string) => void\n  removeReply: (threadId: string, replyId: string) => void\n  /** Activates a thread (`null`: none); `reveal` selects and scrolls to its text. */\n  activate: (id: string | null, options?: { reveal?: boolean }) => void\n  /** Starts a comment on the current selection (the layout shows the composer while `draft` is set). */\n  startDraft: () => void\n  cancelDraft: () => void\n}\n\n/**\n * The comments of one editor, framework-free: `state` is the observable snapshot, `refresh()` brings it up to date\n * (the framework hook calls it when the editor it watches changes; the model itself listens to that editor's\n * transactions from then on), `dispose()` detaches the editor and Y.Doc listeners and may be followed by `refresh()` again\n * (StrictMode mounts twice).\n */\nexport interface CommentsModel extends CommentsActions {\n  readonly state: ReadonlyStore<CommentsSnapshot>\n  refresh: () => void\n  dispose: () => void\n}\n\nconst NO_RANGES: ReadonlyMap<string, DocRange> = new Map()\nconst NO_THREADS: readonly CommentThread[] = []\n\nconst EMPTY: CommentsSnapshot = {\n  available: false,\n  canComment: false,\n  user: null,\n  threads: NO_THREADS,\n  ranges: NO_RANGES,\n  active: null,\n  draft: null,\n  draftQuote: '',\n  open: NO_THREADS,\n  resolved: NO_THREADS,\n}\n\n/** A thread's `Y.Map` as plain data; `replies` converted explicitly so it is always a plain array. */\nfunction snapshotOf(thread: Y.Map<unknown>): CommentThread {\n  const replies = thread.get('replies')\n  return { ...(thread.toJSON() as CommentThread), replies: replies instanceof Y.Array ? replies.toArray() as CommentReply[] : [] }\n}\n\nfunction sameRange(a: DocRange | null, b: DocRange | null): boolean {\n  return a === b || (!!a && !!b && a.from === b.from && a.to === b.to)\n}\n\nfunction sameRanges(a: ReadonlyMap<string, DocRange>, b: ReadonlyMap<string, DocRange>): boolean {\n  if (a === b) return true\n  if (a.size !== b.size) return false\n  for (const [id, range] of a) {\n    if (!sameRange(range, b.get(id) ?? null)) return false\n  }\n  return true\n}\n\nfunction sameUser(a: AuthorIdentity | null, b: AuthorIdentity | null): boolean {\n  return a === b || (!!a && !!b && a.id === b.id && a.name === b.name && a.color === b.color)\n}\n\n/**\n * The comment threads of a collaborative editor, stored in its Y.Doc (`COMMENTS_FIELD`, one nested `Y.Map` per thread,\n * replies in a nested `Y.Array`), so they sync live with the document and persist with its Yjs state. Keeps the\n * `Comments` plugin's `known`/`hidden` thread ids in step with the store (highlights), exposes the plugin's ranges,\n * active thread and draft, and the mutations. Mutations are no-ops without collaboration or user; editing and\n * deleting are limited to the user's own comments and replies (a client-side rule: the Y.Doc itself has no ACL).\n * `getEditor` names the editor to work on (it may change over time and may return a destroyed or no editor).\n */\nexport function createCommentsModel(getEditor: () => Editor | undefined): CommentsModel {\n  const store = createStore<CommentsSnapshot>(EMPTY)\n\n  const current = () => {\n    const instance = getEditor()\n    return instance && !instance.isDestroyed ? instance : undefined\n  }\n\n  // The editor whose transactions are followed, and the Y.Map of threads observed.\n  let bound: Editor | undefined\n  let observed: { doc: Y.Doc, map: Y.Map<unknown> } | undefined\n  let threads: readonly CommentThread[] = NO_THREADS\n  let syncQueued = false\n  // The thread list the plugin was last told about, for the deactivation rule.\n  let told: readonly CommentThread[] = NO_THREADS\n\n  function unobserve() {\n    observed?.map.unobserveDeep(onThreadsChanged)\n    observed = undefined\n  }\n\n  function onThreadsChanged() {\n    if (!observed) return\n    threads = [...observed.map.values()].filter((t): t is Y.Map<unknown> => t instanceof Y.Map).map(snapshotOf)\n    recompute()\n    queueSync()\n  }\n\n  function onTransaction() {\n    recompute()\n  }\n\n  function unbind() {\n    bound?.off('transaction', onTransaction)\n    // `setEditable` emits `update` only, and `canComment` follows `isEditable`.\n    bound?.off('update', onTransaction)\n    bound = undefined\n  }\n\n  /** The snapshot of the editor's current state; the previous object when nothing changed. */\n  function recompute() {\n    const instance = current()\n    if (!instance) {\n      store.set(EMPTY)\n      return\n    }\n    const previous = store.get()\n    const ydoc = commentsDoc(instance)\n    const user = commentsUser(instance)\n    const plugin = commentsKey.getState(instance.state)\n    const ranges = plugin?.ranges ?? NO_RANGES\n    const active = plugin?.active ?? null\n    const anchor = plugin?.draft\n    const draft = anchor ? resolveRange(instance.state, anchor) : null\n    const draftQuote = draft ? instance.state.doc.textBetween(draft.from, draft.to, ' ').slice(0, COMMENT_LIMITS.quote) : ''\n    const available = !!ydoc && !!user\n    const canComment = available && instance.isEditable\n\n    const sameThreads = threads === previous.threads\n    const sameRangeMap = sameRanges(ranges, previous.ranges)\n    if (\n      available === previous.available && canComment === previous.canComment && sameUser(user, previous.user) && sameThreads && sameRangeMap\n      && active === previous.active && sameRange(draft, previous.draft) && draftQuote === previous.draftQuote\n    ) return\n\n    const kept = sameThreads && sameRangeMap\n    const open = kept\n      ? previous.open\n      : threads\n          .filter(t => !t.resolved)\n          .sort((a, b) => (ranges.get(a.id)?.from ?? Infinity) - (ranges.get(b.id)?.from ?? Infinity) || a.createdAt.localeCompare(b.createdAt))\n    const resolved = sameThreads\n      ? previous.resolved\n      : threads.filter(t => t.resolved).sort((a, b) => b.createdAt.localeCompare(a.createdAt))\n    store.set({\n      available,\n      canComment,\n      user,\n      threads,\n      ranges: sameRangeMap ? previous.ranges : ranges,\n      active,\n      draft: sameRange(draft, previous.draft) ? previous.draft : draft,\n      draftQuote,\n      open,\n      resolved,\n    })\n  }\n\n  // Highlights appear and disappear on every client as threads arrive, get resolved or deleted. The active thread\n  // stays highlighted even when resolved (a resolved thread activated from its card), so a thread that turns resolved\n  // or disappears while active is deactivated here, on every client, not only on the one that resolved or deleted it.\n  // Queued (not dispatched from inside the Yjs observer or a transaction listener).\n  function queueSync() {\n    if (syncQueued) return\n    syncQueued = true\n    queueMicrotask(() => {\n      syncQueued = false\n      syncPlugin()\n    })\n  }\n\n  function syncPlugin() {\n    const instance = current()\n    if (!instance || instance !== bound) return\n    const value = commentsKey.getState(instance.state)\n    if (!value) return\n    const known = new Set(threads.map(t => t.id))\n    const hidden = new Set(threads.filter(t => t.resolved).map(t => t.id))\n    const meta: CommentsMeta = { known, hidden }\n    const before = value.active ? told.find(t => t.id === value.active) : undefined\n    if (value.active && before && !before.resolved && (!known.has(value.active) || hidden.has(value.active))) meta.active = null\n    told = threads\n    instance.view.dispatch(instance.state.tr.setMeta(commentsKey, meta).setMeta('addToHistory', false))\n  }\n\n  /** Follows the editor `getEditor` names now, and the Y.Doc of its collaboration session. */\n  function refresh() {\n    const instance = current()\n    if (instance !== bound) {\n      unbind()\n      unobserve()\n      bound = instance\n      threads = NO_THREADS\n      told = NO_THREADS\n      instance?.on('transaction', onTransaction)\n      instance?.on('update', onTransaction)\n      // The new editor's plugin knows no threads yet.\n      queueSync()\n    }\n    const ydoc = instance ? commentsDoc(instance) : null\n    if ((observed?.doc ?? null) !== ydoc) {\n      unobserve()\n      if (ydoc) {\n        const map = ydoc.getMap<unknown>(COMMENTS_FIELD)\n        observed = { doc: ydoc, map }\n        map.observeDeep(onThreadsChanged)\n        threads = [...map.values()].filter((t): t is Y.Map<unknown> => t instanceof Y.Map).map(snapshotOf)\n      }\n      else {\n        threads = NO_THREADS\n      }\n      queueSync()\n    }\n    recompute()\n  }\n\n  function dispose() {\n    unbind()\n    unobserve()\n    threads = NO_THREADS\n    told = NO_THREADS\n    store.set(EMPTY)\n  }\n\n  /** Editor, thread map and user while comments are available; null otherwise. */\n  function writable() {\n    const instance = current()\n    const ydoc = instance && commentsDoc(instance)\n    const author = instance && commentsUser(instance)\n    if (!instance || !ydoc || !author) return null\n    return { editor: instance, ydoc, map: ydoc.getMap<unknown>(COMMENTS_FIELD), user: { id: author.id, name: author.name, color: author.color } }\n  }\n\n  /** Trimmed and cut to the limit; '' when nothing is left. */\n  const clean = (text: string) => text.trim().slice(0, COMMENT_LIMITS.text)\n\n  function threadMap(map: Y.Map<unknown>, threadId: string): Y.Map<unknown> | null {\n    const thread = map.get(threadId)\n    return thread instanceof Y.Map ? thread : null\n  }\n\n  function repliesOf(thread: Y.Map<unknown>): Y.Array<CommentReply> | null {\n    const replies = thread.get('replies')\n    return replies instanceof Y.Array ? replies as Y.Array<CommentReply> : null\n  }\n\n  function add(text: string): string | null {\n    const ctx = writable()\n    const body = clean(text)\n    const anchor = ctx && commentsKey.getState(ctx.editor.state)?.draft\n    const range = ctx && anchor ? resolveRange(ctx.editor.state, anchor) : null\n    const type = ctx?.editor.schema.marks.comment\n    if (!ctx || !anchor || !range || range.from >= range.to || !body || !type) return null\n    const id = newBlockId()\n    const { state } = ctx.editor\n    const quote = state.doc.textBetween(range.from, range.to, ' ').slice(0, COMMENT_LIMITS.quote)\n    const tr = state.tr.addMark(range.from, range.to, type.create({ id }))\n    // Text that takes no marks (code block, inline code): no thread that would start out without a range.\n    if (!tr.docChanged) return null\n    // Not undoable: the mark is the thread's anchor, not an edit of the text.\n    const meta: CommentsMeta = { draft: null, active: id }\n    ctx.editor.view.dispatch(tr.setMeta(commentsKey, meta).setMeta('addToHistory', false))\n    releaseRanges(ctx.editor, [anchor])\n    const thread = new Y.Map<unknown>()\n    thread.set('id', id)\n    thread.set('author', ctx.user)\n    thread.set('text', body)\n    thread.set('createdAt', new Date().toISOString())\n    thread.set('quote', quote)\n    thread.set('resolved', false)\n    thread.set('replies', new Y.Array<CommentReply>())\n    ctx.map.set(id, thread)\n    return id\n  }\n\n  function reply(threadId: string, text: string): void {\n    const ctx = writable()\n    const body = clean(text)\n    const thread = ctx && threadMap(ctx.map, threadId)\n    const replies = thread && repliesOf(thread)\n    if (!ctx || !replies || !body) return\n    replies.push([{ id: newBlockId(), author: ctx.user, text: body, createdAt: new Date().toISOString() }])\n  }\n\n  function edit(threadId: string, replyId: string | null, text: string): void {\n    const ctx = writable()\n    const body = clean(text)\n    const thread = ctx && threadMap(ctx.map, threadId)\n    if (!ctx || !thread || !body) return\n    const now = new Date().toISOString()\n    if (replyId === null) {\n      if ((thread.get('author') as CommentThread['author'] | undefined)?.id !== ctx.user.id || thread.get('text') === body) return\n      ctx.ydoc.transact(() => {\n        thread.set('text', body)\n        thread.set('editedAt', now)\n      })\n      return\n    }\n    const replies = repliesOf(thread)\n    const index = replies ? replies.toArray().findIndex(r => r.id === replyId) : -1\n    const previous = replies && index >= 0 ? replies.get(index) : undefined\n    if (!replies || !previous || previous.author.id !== ctx.user.id || previous.text === body) return\n    ctx.ydoc.transact(() => {\n      replies.delete(index, 1)\n      replies.insert(index, [{ ...previous, text: body, editedAt: now }])\n    })\n  }\n\n  function setResolved(threadId: string, value: boolean): void {\n    const ctx = writable()\n    const thread = ctx && threadMap(ctx.map, threadId)\n    if (!ctx || !thread) return\n    thread.set('resolved', value)\n    if (value && commentsKey.getState(ctx.editor.state)?.active === threadId) setActiveComment(ctx.editor, null)\n  }\n\n  function remove(threadId: string): void {\n    const ctx = writable()\n    const thread = ctx && threadMap(ctx.map, threadId)\n    if (!ctx || !thread || (thread.get('author') as CommentThread['author'] | undefined)?.id !== ctx.user.id) return\n    const { state } = ctx.editor\n    const tr = state.tr\n    state.doc.descendants((node, pos) => {\n      if (!node.isText) return\n      const mark = node.marks.find(m => m.type.name === 'comment' && m.attrs.id === threadId)\n      if (mark) tr.removeMark(pos, pos + node.nodeSize, mark)\n    })\n    if (commentsKey.getState(state)?.active === threadId) tr.setMeta(commentsKey, { active: null } satisfies CommentsMeta)\n    if (tr.docChanged || tr.getMeta(commentsKey)) ctx.editor.view.dispatch(tr.setMeta('addToHistory', false))\n    ctx.map.delete(threadId)\n  }\n\n  function removeReply(threadId: string, replyId: string): void {\n    const ctx = writable()\n    const thread = ctx && threadMap(ctx.map, threadId)\n    const replies = thread && repliesOf(thread)\n    if (!ctx || !replies) return\n    const index = replies.toArray().findIndex(r => r.id === replyId)\n    if (index >= 0 && replies.get(index).author.id === ctx.user.id) replies.delete(index, 1)\n  }\n\n  function activate(id: string | null, options: { reveal?: boolean } = {}): void {\n    const instance = current()\n    if (instance) setActiveComment(instance, id, options)\n  }\n\n  function startDraft(): void {\n    const ctx = writable()\n    if (ctx) startCommentDraft(ctx.editor)\n  }\n\n  function cancelDraft(): void {\n    const instance = current()\n    if (instance) cancelCommentDraft(instance)\n  }\n\n  return { state: store, refresh, dispose, add, reply, edit, setResolved, remove, removeReply, activate, startDraft, cancelDraft }\n}\n\n/** Creates the comments model of one editor, as a host supplies it to `commentsFeatureCore`. */\nexport type CommentsModelFactory = (getEditor: () => Editor | undefined) => CommentsModel\n\n// The host's model factory per surface context, set by the comments feature while the surface builds its extensions.\nconst modelFactories = new WeakMap<FeatureContext, CommentsModelFactory>()\n\n/** Registers the host model factory of `ctx` (the comments feature does this; hosts pass `model` to the feature). */\nexport function provideCommentsModel(ctx: FeatureContext, factory: CommentsModelFactory): void {\n  modelFactories.set(ctx, factory)\n}\n\n/** The host model factory the comments feature of `ctx` was configured with; undefined for the default Y.Doc model. */\nexport function commentsModelOf(ctx: FeatureContext): CommentsModelFactory | undefined {\n  return modelFactories.get(ctx)\n}\n\n/**\n * The comments model the framework hooks (`useComments`) use: the model of the surface `getEditor` belongs to\n * (`commentsModelOf` of its feature context: the host's `model` factory) and `createCommentsModel` for every other\n * editor. It follows the editor over time: when the editor changes to one of a surface with another model, the inner\n * model is replaced (disposed, created, refreshed) and `state` carries on with the new one. The factory runs once per\n * consumer of this function, so a host model that must share state across them keeps it outside the factory.\n */\nexport function createEditorCommentsModel(getEditor: () => Editor | undefined): CommentsModel {\n  const store = createStore<CommentsSnapshot>(EMPTY)\n  let inner: { model: CommentsModel, factory: CommentsModelFactory, stop: () => void } | undefined\n\n  function release() {\n    inner?.stop()\n    inner?.model.dispose()\n    inner = undefined\n  }\n\n  /** The inner model for the editor now; a replacement when its surface brings another factory. */\n  function current(): CommentsModel {\n    const entry = editorEntryOf(getEditor())\n    const factory = (entry && commentsModelOf(entry.ctx)) ?? createCommentsModel\n    if (inner?.factory !== factory) {\n      release()\n      const model = factory(getEditor)\n      inner = { model, factory, stop: model.state.subscribe(snapshot => store.set(snapshot)) }\n      store.set(model.state.get())\n    }\n    return inner!.model\n  }\n\n  return {\n    state: store,\n    refresh: () => current().refresh(),\n    dispose: () => {\n      release()\n      store.set(EMPTY)\n    },\n    add: text => current().add(text),\n    reply: (threadId, text) => current().reply(threadId, text),\n    edit: (threadId, replyId, text) => current().edit(threadId, replyId, text),\n    setResolved: (threadId, resolved) => current().setResolved(threadId, resolved),\n    remove: threadId => current().remove(threadId),\n    removeReply: (threadId, replyId) => current().removeReply(threadId, replyId),\n    activate: (id, options) => current().activate(id, options),\n    startDraft: () => current().startDraft(),\n    cancelDraft: () => current().cancelDraft(),\n  }\n}\n"],"mappings":"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"}

package/dist/features/comments/react/CommentAvatar.js

@@ -0,0 +1,24 @@
+import { cn } from "../../../react/ui/utils.js";
+import { Avatar, AvatarFallback } from "../../../react/ui/avatar.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/features/comments/react/CommentAvatar.tsx
+const SIZES = {
+	"2xs": "size-4 text-[0.5rem]",
+	"xs": "size-5 text-[0.625rem]"
+};
+/** The author's initials on the author's colour; the counterpart of Nuxt UI's `UAvatar` with `text`. */
+function CommentAvatar({ name, color, size }) {
+	return /* @__PURE__ */ jsx(Avatar, {
+		title: name,
+		className: cn("shrink-0", SIZES[size]),
+		children: /* @__PURE__ */ jsx(AvatarFallback, {
+			className: "font-medium text-white",
+			style: { backgroundColor: color },
+			children: name.slice(0, 2).toUpperCase()
+		})
+	});
+}
+//#endregion
+export { CommentAvatar };
+
+//# sourceMappingURL=CommentAvatar.js.map

package/dist/features/comments/react/CommentAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentAvatar.js","names":[],"sources":["../../../../src/features/comments/react/CommentAvatar.tsx"],"sourcesContent":["import { Avatar, AvatarFallback } from '../../../react/ui/avatar'\nimport { cn } from '../../../react/ui/utils'\n\nconst SIZES = { '2xs': 'size-4 text-[0.5rem]', 'xs': 'size-5 text-[0.625rem]' } as const\n\n/** The author's initials on the author's colour; the counterpart of Nuxt UI's `UAvatar` with `text`. */\nexport function CommentAvatar({ name, color, size }: { name: string, color: string, size: keyof typeof SIZES }) {\n  return (\n    <Avatar title={name} className={cn('shrink-0', SIZES[size])}>\n      <AvatarFallback className=\"font-medium text-white\" style={{ backgroundColor: color }}>{name.slice(0, 2).toUpperCase()}</AvatarFallback>\n    </Avatar>\n  )\n}\n"],"mappings":";;;;AAGA,MAAM,QAAQ;CAAE,OAAO;CAAwB,MAAM;AAAyB;;AAG9E,SAAgB,cAAc,EAAE,MAAM,OAAO,QAAmE;CAC9G,OACE,oBAAC,QAAD;EAAQ,OAAO;EAAM,WAAW,GAAG,YAAY,MAAM,KAAK;EACxD,UAAA,oBAAC,gBAAD;GAAgB,WAAU;GAAyB,OAAO,EAAE,iBAAiB,MAAM;GAAI,UAAA,KAAK,MAAM,GAAG,CAAC,CAAC,CAAC,YAAY;EAAkB,CAAA;CAChI,CAAA;AAEZ"}

package/dist/features/comments/react/CommentBubble.d.ts

@@ -0,0 +1,11 @@
+import { Editor } from "@tiptap/core";
+//#region src/features/comments/react/CommentBubble.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.
+ */
+export declare function CommentBubble({ editor }: {
+  editor: Editor;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=CommentBubble.d.ts.map

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

@@ -0,0 +1,43 @@
+import { useEditorI18n } from "../../../react/use-editor-i18n.js";
+import { Icon } from "../../../react/Icon.js";
+import { Button } from "../../../react/ui/button.js";
+import { commentsCanComment, commentsState, startCommentDraft } from "../comments-plugin.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { BubbleMenu } from "@tiptap/react/menus";
+//#region src/features/comments/react/CommentBubble.tsx
+const shouldShow = ({ editor, element, view, state, from, to }) => {
+	if (!commentsCanComment(editor) || 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;
+};
+/**
+* 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.
+*/
+function CommentBubble({ editor }) {
+	const { t } = useEditorI18n();
+	return /* @__PURE__ */ jsx(BubbleMenu, {
+		editor,
+		pluginKey: "commentBubble",
+		shouldShow,
+		options: {
+			placement: "bottom",
+			offset: 8
+		},
+		className: "z-10",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex rounded-md border border-border bg-background p-0.5 shadow-md",
+			children: /* @__PURE__ */ jsxs(Button, {
+				size: "sm",
+				variant: "ghost",
+				onClick: () => startCommentDraft(editor),
+				children: [/* @__PURE__ */ jsx(Icon, { name: "i-lucide-message-square-plus" }), t("comments.bubble")]
+			})
+		})
+	});
+}
+//#endregion
+export { CommentBubble };
+
+//# sourceMappingURL=CommentBubble.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommentBubble.js","names":[],"sources":["../../../../src/features/comments/react/CommentBubble.tsx"],"sourcesContent":["import type { BubbleMenuPluginProps } from '@tiptap/extension-bubble-menu'\nimport type { Editor } from '@tiptap/core'\nimport { BubbleMenu } from '@tiptap/react/menus'\nimport { Icon } from '../../../react/Icon'\nimport { Button } from '../../../react/ui/button'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { commentsCanComment, commentsState, startCommentDraft } from '../comments-plugin'\n\nconst shouldShow: NonNullable<BubbleMenuPluginProps['shouldShow']> = ({ editor, element, view, state, from, to }) => {\n  // Comments need an editor with comments available (a collaborative one with a user, or a host model) that the user may comment on.\n  if (!commentsCanComment(editor) || 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\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 */\nexport function CommentBubble({ editor }: { editor: Editor }) {\n  const { t } = useEditorI18n()\n  return (\n    <BubbleMenu editor={editor} pluginKey=\"commentBubble\" shouldShow={shouldShow} options={{ placement: 'bottom', offset: 8 }} className=\"z-10\">\n      <div className=\"flex rounded-md border border-border bg-background p-0.5 shadow-md\">\n        <Button size=\"sm\" variant=\"ghost\" onClick={() => startCommentDraft(editor)}>\n          <Icon name=\"i-lucide-message-square-plus\" />\n          {t('comments.bubble')}\n        </Button>\n      </div>\n    </BubbleMenu>\n  )\n}\n"],"mappings":";;;;;;;AAQA,MAAM,cAAgE,EAAE,QAAQ,SAAS,MAAM,OAAO,MAAM,SAAS;CAEnH,IAAI,CAAC,mBAAmB,MAAM,KAAK,MAAM,UAAU,OAAO,OAAO;CACjE,IAAI,cAAc,KAAK,CAAC,EAAE,OAAO,OAAO;CACxC,IAAI,CAAC,KAAK,SAAS,KAAK,CAAC,QAAQ,SAAS,SAAS,aAAa,GAAG,OAAO;CAC1E,OAAO,MAAM,IAAI,YAAY,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS;AAC9D;;;;;AAMA,SAAgB,cAAc,EAAE,UAA8B;CAC5D,MAAM,EAAE,MAAM,cAAc;CAC5B,OACE,oBAAC,YAAD;EAAoB;EAAQ,WAAU;EAA4B;EAAY,SAAS;GAAE,WAAW;GAAU,QAAQ;EAAE;EAAG,WAAU;EACnI,UAAA,oBAAC,OAAD;GAAK,WAAU;GACb,UAAA,qBAAC,QAAD;IAAQ,MAAK;IAAK,SAAQ;IAAQ,eAAe,kBAAkB,MAAM;IAAzE,UAAA,CACE,oBAAC,MAAD,EAAM,MAAK,+BAAgC,CAAA,GAC1C,EAAE,iBAAiB,CACd;;EACL,CAAA;CACK,CAAA;AAEhB"}

package/dist/features/comments/react/CommentComposer.d.ts

@@ -0,0 +1,15 @@
+//#region src/features/comments/react/CommentComposer.d.ts
+/**
+ * Writes a new comment on the draft (`quote`: its text): „Kommentieren“ (Mod-Enter) calls `onSubmit` with the text,
+ * „Abbrechen“ (Esc) `onCancel`. Layout-independent; the layout calls `useComments().add` / `cancelDraft`.
+ * `dense`: compact, frameless rendering for a popover (one-line quote, small controls).
+ */
+export declare function CommentComposer({ quote, dense, className, onSubmit, onCancel }: {
+  quote: string;
+  dense?: boolean;
+  className?: string;
+  onSubmit: (text: string) => void;
+  onCancel: () => void;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=CommentComposer.d.ts.map

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

@@ -0,0 +1,69 @@
+import { useEditorI18n } from "../../../react/use-editor-i18n.js";
+import { cn } from "../../../react/ui/utils.js";
+import { Button } from "../../../react/ui/button.js";
+import { Textarea } from "../../../react/ui/textarea.js";
+import { COMMENT_LIMITS } from "../schema.js";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/features/comments/react/CommentComposer.tsx
+/**
+* Writes a new comment on the draft (`quote`: its text): „Kommentieren“ (Mod-Enter) calls `onSubmit` with the text,
+* „Abbrechen“ (Esc) `onCancel`. Layout-independent; the layout calls `useComments().add` / `cancelDraft`.
+* `dense`: compact, frameless rendering for a popover (one-line quote, small controls).
+*/
+function CommentComposer({ quote, dense, className, onSubmit, onCancel }) {
+	const { t } = useEditorI18n();
+	const [text, setText] = useState("");
+	function submit() {
+		if (text.trim()) onSubmit(text);
+	}
+	function onKeyDown(event) {
+		if (event.nativeEvent.isComposing) return;
+		if (event.key === "Enter" && (event.metaKey || event.ctrlKey)) {
+			event.preventDefault();
+			submit();
+		} else if (event.key === "Escape") {
+			event.preventDefault();
+			onCancel();
+		}
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col text-sm", dense ? "gap-1.5" : "gap-2 rounded-md border border-border bg-background p-3", className),
+		children: [
+			quote && /* @__PURE__ */ jsx("p", {
+				className: cn("border-l-2 border-(--sk-warning) pl-2 text-muted-foreground italic", dense ? "truncate text-xs" : "line-clamp-2"),
+				title: dense ? quote : void 0,
+				children: quote
+			}),
+			/* @__PURE__ */ jsx(Textarea, {
+				value: text,
+				onChange: (event) => setText(event.target.value),
+				autoFocus: true,
+				rows: 2,
+				maxLength: COMMENT_LIMITS.text,
+				placeholder: t("comments.composer.placeholder"),
+				"aria-label": t("comments.composer.label"),
+				className: cn("max-h-48 w-full resize-none overflow-y-auto", dense ? "min-h-10 px-2 py-1 text-xs md:text-xs" : "min-h-14 text-sm md:text-sm"),
+				onKeyDown
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: cn("flex justify-end", dense ? "gap-1" : "gap-2"),
+				children: [/* @__PURE__ */ jsx(Button, {
+					size: dense ? "xs" : "sm",
+					variant: "ghost",
+					onClick: onCancel,
+					children: t("comments.cancel")
+				}), /* @__PURE__ */ jsx(Button, {
+					size: dense ? "xs" : "sm",
+					disabled: !text.trim(),
+					onClick: submit,
+					children: t("comments.composer.submit")
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { CommentComposer };
+
+//# sourceMappingURL=CommentComposer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommentComposer.js","names":[],"sources":["../../../../src/features/comments/react/CommentComposer.tsx"],"sourcesContent":["import { type KeyboardEvent, useState } from 'react'\nimport { Button } from '../../../react/ui/button'\nimport { Textarea } from '../../../react/ui/textarea'\nimport { cn } from '../../../react/ui/utils'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { COMMENT_LIMITS } from '../schema'\n\n/**\n * Writes a new comment on the draft (`quote`: its text): „Kommentieren“ (Mod-Enter) calls `onSubmit` with the text,\n * „Abbrechen“ (Esc) `onCancel`. Layout-independent; the layout calls `useComments().add` / `cancelDraft`.\n * `dense`: compact, frameless rendering for a popover (one-line quote, small controls).\n */\nexport function CommentComposer({ quote, dense, className, onSubmit, onCancel }: {\n  quote: string\n  dense?: boolean\n  className?: string\n  onSubmit: (text: string) => void\n  onCancel: () => void\n}) {\n  const { t } = useEditorI18n()\n  const [text, setText] = useState('')\n\n  function submit() {\n    if (text.trim()) onSubmit(text)\n  }\n\n  function onKeyDown(event: KeyboardEvent<HTMLTextAreaElement>) {\n    if (event.nativeEvent.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      onCancel()\n    }\n  }\n\n  return (\n    <div\n      className={cn('flex flex-col text-sm', dense ? 'gap-1.5' : 'gap-2 rounded-md border border-border bg-background p-3', className)}\n    >\n      {quote && (\n        <p\n          className={cn('border-l-2 border-(--sk-warning) pl-2 text-muted-foreground italic', dense ? 'truncate text-xs' : 'line-clamp-2')}\n          title={dense ? quote : undefined}\n        >\n          {quote}\n        </p>\n      )}\n      <Textarea\n        value={text}\n        onChange={event => setText(event.target.value)}\n        autoFocus\n        rows={2}\n        maxLength={COMMENT_LIMITS.text}\n        placeholder={t('comments.composer.placeholder')}\n        aria-label={t('comments.composer.label')}\n        className={cn('max-h-48 w-full resize-none overflow-y-auto', dense ? 'min-h-10 px-2 py-1 text-xs md:text-xs' : 'min-h-14 text-sm md:text-sm')}\n        onKeyDown={onKeyDown}\n      />\n      <div className={cn('flex justify-end', dense ? 'gap-1' : 'gap-2')}>\n        <Button size={dense ? 'xs' : 'sm'} variant=\"ghost\" onClick={onCancel}>{t('comments.cancel')}</Button>\n        <Button size={dense ? 'xs' : 'sm'} disabled={!text.trim()} onClick={submit}>{t('comments.composer.submit')}</Button>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,SAAgB,gBAAgB,EAAE,OAAO,OAAO,WAAW,UAAU,YAMlE;CACD,MAAM,EAAE,MAAM,cAAc;CAC5B,MAAM,CAAC,MAAM,WAAW,SAAS,EAAE;CAEnC,SAAS,SAAS;EAChB,IAAI,KAAK,KAAK,GAAG,SAAS,IAAI;CAChC;CAEA,SAAS,UAAU,OAA2C;EAC5D,IAAI,MAAM,YAAY,aAAa;EACnC,IAAI,MAAM,QAAQ,YAAY,MAAM,WAAW,MAAM,UAAU;GAC7D,MAAM,eAAe;GACrB,OAAO;EACT,OACK,IAAI,MAAM,QAAQ,UAAU;GAC/B,MAAM,eAAe;GACrB,SAAS;EACX;CACF;CAEA,OACE,qBAAC,OAAD;EACE,WAAW,GAAG,yBAAyB,QAAQ,YAAY,2DAA2D,SAAS;EADjI,UAAA;GAGG,SACC,oBAAC,KAAD;IACE,WAAW,GAAG,sEAAsE,QAAQ,qBAAqB,cAAc;IAC/H,OAAO,QAAQ,QAAQ,KAAA;IAEtB,UAAA;GACA,CAAA;GAEL,oBAAC,UAAD;IACE,OAAO;IACP,WAAU,UAAS,QAAQ,MAAM,OAAO,KAAK;IAC7C,WAAA;IACA,MAAM;IACN,WAAW,eAAe;IAC1B,aAAa,EAAE,+BAA+B;IAC9C,cAAY,EAAE,yBAAyB;IACvC,WAAW,GAAG,+CAA+C,QAAQ,0CAA0C,6BAA6B;IACjI;GACZ,CAAA;GACD,qBAAC,OAAD;IAAK,WAAW,GAAG,oBAAoB,QAAQ,UAAU,OAAO;IAAhE,UAAA,CACE,oBAAC,QAAD;KAAQ,MAAM,QAAQ,OAAO;KAAM,SAAQ;KAAQ,SAAS;KAAW,UAAA,EAAE,iBAAiB;IAAU,CAAA,GACpG,oBAAC,QAAD;KAAQ,MAAM,QAAQ,OAAO;KAAM,UAAU,CAAC,KAAK,KAAK;KAAG,SAAS;KAAS,UAAA,EAAE,0BAA0B;IAAU,CAAA,CAChH;;EACF;;AAET"}