dishui 0.0.65 → 0.0.66

package/dist/components/pro/RichTextEditor/CommentPopover.js

@@ -1,239 +1,239 @@
-import { useCallback as M, useEffect as g, useRef as B, useState as w } from "react";
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-function L() {
-  return `c_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
+import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/pro/RichTextEditor/CommentPopover.tsx
+function o() {
+	return `c_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
 }
-function W(s) {
-  const m = Date.now() - s, a = Math.floor(m / 1e3);
-  if (a < 60) return "just now";
-  const d = Math.floor(a / 60);
-  if (d < 60) return `${d}m ago`;
-  const u = Math.floor(d / 60);
-  return u < 24 ? `${u}h ago` : `${Math.floor(u / 24)}d ago`;
+function s(e) {
+	let t = Date.now() - e, n = Math.floor(t / 1e3);
+	if (n < 60) return "just now";
+	let r = Math.floor(n / 60);
+	if (r < 60) return `${r}m ago`;
+	let i = Math.floor(r / 60);
+	return i < 24 ? `${i}h ago` : `${Math.floor(i / 24)}d ago`;
 }
-var z = ({ editor: s, threads: m, onThreadsChange: a, showPanel: d, onOpenPanel: u, onScrollToThread: k, currentUser: b = "User" }) => {
-  const [n, i] = w(null), [N, A] = w({
-    x: 0,
-    y: 0
-  }), [p, f] = w(""), h = B(null), v = B(null);
-  g(() => {
-    const e = s.view.dom, r = (o) => {
-      const l = o.target.closest(".rte-comment-mark");
-      if (!l) {
-        i(null);
-        return;
-      }
-      const y = l.getAttribute("data-comment-id");
-      if (!y) return;
-      const _ = m.find((D) => D.id === y);
-      if (!_ || _.resolved) return;
-      if (d) {
-        k(y), i(null);
-        return;
-      }
-      const C = e.closest(".rte-editor-wrapper");
-      if (!C) return;
-      const E = C.getBoundingClientRect(), x = l.getBoundingClientRect();
-      A({
-        x: x.left - E.left + x.width / 2,
-        y: x.bottom - E.top + 6
-      }), i(_), f("");
-    };
-    return e.addEventListener("click", r), () => e.removeEventListener("click", r);
-  }, [
-    s,
-    m,
-    d,
-    k
-  ]), g(() => {
-    if (!n) return;
-    const e = (r) => {
-      h.current && !h.current.contains(r.target) && i(null);
-    };
-    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [n]), g(() => {
-    n && v.current && v.current.focus();
-  }, [n]);
-  const $ = M(() => {
-    n && (a(m.map((e) => e.id !== n.id ? e : (s.state.doc.descendants((r, o) => {
-      r.marks.forEach((l) => {
-        l.type.name === "comment" && l.attrs.commentId === n.id && s.view.dispatch(s.state.tr.removeMark(o, o + r.nodeSize, l).addMark(o, o + r.nodeSize, l.type.create({
-          ...l.attrs,
-          resolved: !0
-        })));
-      });
-    }), {
-      ...e,
-      resolved: !0
-    }))), i(null));
-  }, [
-    n,
-    s,
-    m,
-    a
-  ]), R = M(() => {
-    if (!n || !p.trim()) return;
-    const e = {
-      id: L(),
-      author: b,
-      text: p.trim(),
-      createdAt: Date.now()
-    }, r = m.map((o) => o.id === n.id ? {
-      ...o,
-      comments: [...o.comments, e]
-    } : o);
-    a(r), i(r.find((o) => o.id === n.id) || null), f("");
-  }, [
-    n,
-    p,
-    m,
-    a,
-    b
-  ]);
-  return n ? /* @__PURE__ */ c("div", {
-    ref: h,
-    className: "rte-comment-popover",
-    style: {
-      left: N.x,
-      top: N.y
-    },
-    children: [
-      /* @__PURE__ */ c("div", {
-        className: "rte-comment-popover__header",
-        children: [/* @__PURE__ */ t("span", {
-          className: "rte-comment-popover__status",
-          children: "Open"
-        }), /* @__PURE__ */ c("div", {
-          className: "rte-comment-popover__actions",
-          children: [
-            /* @__PURE__ */ t("button", {
-              type: "button",
-              className: "rte-comments__icon-btn",
-              onClick: $,
-              title: "Resolve",
-              children: /* @__PURE__ */ t("svg", {
-                width: "14",
-                height: "14",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                children: /* @__PURE__ */ t("polyline", { points: "20 6 9 17 4 12" })
-              })
-            }),
-            /* @__PURE__ */ t("button", {
-              type: "button",
-              className: "rte-comments__icon-btn",
-              onClick: () => {
-                u(), i(null);
-              },
-              title: "Open panel",
-              children: /* @__PURE__ */ c("svg", {
-                width: "14",
-                height: "14",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                children: [
-                  /* @__PURE__ */ t("polyline", { points: "15 3 21 3 21 9" }),
-                  /* @__PURE__ */ t("polyline", { points: "9 21 3 21 3 15" }),
-                  /* @__PURE__ */ t("line", {
-                    x1: "21",
-                    y1: "3",
-                    x2: "14",
-                    y2: "10"
-                  }),
-                  /* @__PURE__ */ t("line", {
-                    x1: "3",
-                    y1: "21",
-                    x2: "10",
-                    y2: "14"
-                  })
-                ]
-              })
-            }),
-            /* @__PURE__ */ t("button", {
-              type: "button",
-              className: "rte-comments__icon-btn",
-              onClick: () => i(null),
-              title: "Close",
-              children: /* @__PURE__ */ c("svg", {
-                width: "14",
-                height: "14",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                children: [/* @__PURE__ */ t("line", {
-                  x1: "18",
-                  y1: "6",
-                  x2: "6",
-                  y2: "18"
-                }), /* @__PURE__ */ t("line", {
-                  x1: "6",
-                  y1: "6",
-                  x2: "18",
-                  y2: "18"
-                })]
-              })
-            })
-          ]
-        })]
-      }),
-      n.comments.map((e) => /* @__PURE__ */ c("div", {
-        className: "rte-comment-popover__comment",
-        children: [/* @__PURE__ */ c("div", {
-          className: "rte-comments__comment-meta",
-          children: [/* @__PURE__ */ t("span", {
-            className: "rte-comments__author",
-            children: e.author
-          }), /* @__PURE__ */ t("span", {
-            className: "rte-comments__time",
-            children: W(e.createdAt)
-          })]
-        }), /* @__PURE__ */ t("div", {
-          className: "rte-comments__comment-text",
-          children: e.text
-        })]
-      }, e.id)),
-      /* @__PURE__ */ c("div", {
-        className: "rte-comment-popover__reply",
-        children: [/* @__PURE__ */ t("input", {
-          ref: v,
-          className: "rte-comments__reply-input",
-          value: p,
-          onChange: (e) => f(e.target.value),
-          onKeyDown: (e) => {
-            e.key === "Enter" && R(), e.key === "Escape" && i(null);
-          },
-          placeholder: "Reply..."
-        }), /* @__PURE__ */ t("button", {
-          type: "button",
-          className: "rte-comments__reply-send",
-          onClick: R,
-          disabled: !p.trim(),
-          children: /* @__PURE__ */ c("svg", {
-            width: "12",
-            height: "12",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            children: [/* @__PURE__ */ t("line", {
-              x1: "22",
-              y1: "2",
-              x2: "11",
-              y2: "13"
-            }), /* @__PURE__ */ t("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })]
-          })
-        })]
-      })
-    ]
-  }) : null;
-};
-export {
-  z as default
+var c = ({ editor: c, threads: l, onThreadsChange: u, showPanel: d, onOpenPanel: f, onScrollToThread: p, currentUser: m = "User" }) => {
+	let [h, g] = r(null), [_, v] = r({
+		x: 0,
+		y: 0
+	}), [y, b] = r(""), x = n(null), S = n(null);
+	t(() => {
+		let e = c.view.dom, t = (t) => {
+			let n = t.target.closest(".rte-comment-mark");
+			if (!n) {
+				g(null);
+				return;
+			}
+			let r = n.getAttribute("data-comment-id");
+			if (!r) return;
+			let i = l.find((e) => e.id === r);
+			if (!i || i.resolved) return;
+			if (d) {
+				p(r), g(null);
+				return;
+			}
+			let a = e.closest(".rte-editor-wrapper");
+			if (!a) return;
+			let o = a.getBoundingClientRect(), s = n.getBoundingClientRect();
+			v({
+				x: s.left - o.left + s.width / 2,
+				y: s.bottom - o.top + 6
+			}), g(i), b("");
+		};
+		return e.addEventListener("click", t), () => e.removeEventListener("click", t);
+	}, [
+		c,
+		l,
+		d,
+		p
+	]), t(() => {
+		if (!h) return;
+		let e = (e) => {
+			x.current && !x.current.contains(e.target) && g(null);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [h]), t(() => {
+		h && S.current && S.current.focus();
+	}, [h]);
+	let C = e(() => {
+		h && (u(l.map((e) => e.id === h.id ? (c.state.doc.descendants((e, t) => {
+			e.marks.forEach((n) => {
+				n.type.name === "comment" && n.attrs.commentId === h.id && c.view.dispatch(c.state.tr.removeMark(t, t + e.nodeSize, n).addMark(t, t + e.nodeSize, n.type.create({
+					...n.attrs,
+					resolved: !0
+				})));
+			});
+		}), {
+			...e,
+			resolved: !0
+		}) : e)), g(null));
+	}, [
+		h,
+		c,
+		l,
+		u
+	]), w = e(() => {
+		if (!h || !y.trim()) return;
+		let e = {
+			id: o(),
+			author: m,
+			text: y.trim(),
+			createdAt: Date.now()
+		}, t = l.map((t) => t.id === h.id ? {
+			...t,
+			comments: [...t.comments, e]
+		} : t);
+		u(t), g(t.find((e) => e.id === h.id) || null), b("");
+	}, [
+		h,
+		y,
+		l,
+		u,
+		m
+	]);
+	return h ? /* @__PURE__ */ a("div", {
+		ref: x,
+		className: "rte-comment-popover",
+		style: {
+			left: _.x,
+			top: _.y
+		},
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: "rte-comment-popover__header",
+				children: [/* @__PURE__ */ i("span", {
+					className: "rte-comment-popover__status",
+					children: "Open"
+				}), /* @__PURE__ */ a("div", {
+					className: "rte-comment-popover__actions",
+					children: [
+						/* @__PURE__ */ i("button", {
+							type: "button",
+							className: "rte-comments__icon-btn",
+							onClick: C,
+							title: "Resolve",
+							children: /* @__PURE__ */ i("svg", {
+								width: "14",
+								height: "14",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								children: /* @__PURE__ */ i("polyline", { points: "20 6 9 17 4 12" })
+							})
+						}),
+						/* @__PURE__ */ i("button", {
+							type: "button",
+							className: "rte-comments__icon-btn",
+							onClick: () => {
+								f(), g(null);
+							},
+							title: "Open panel",
+							children: /* @__PURE__ */ a("svg", {
+								width: "14",
+								height: "14",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								children: [
+									/* @__PURE__ */ i("polyline", { points: "15 3 21 3 21 9" }),
+									/* @__PURE__ */ i("polyline", { points: "9 21 3 21 3 15" }),
+									/* @__PURE__ */ i("line", {
+										x1: "21",
+										y1: "3",
+										x2: "14",
+										y2: "10"
+									}),
+									/* @__PURE__ */ i("line", {
+										x1: "3",
+										y1: "21",
+										x2: "10",
+										y2: "14"
+									})
+								]
+							})
+						}),
+						/* @__PURE__ */ i("button", {
+							type: "button",
+							className: "rte-comments__icon-btn",
+							onClick: () => g(null),
+							title: "Close",
+							children: /* @__PURE__ */ a("svg", {
+								width: "14",
+								height: "14",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								children: [/* @__PURE__ */ i("line", {
+									x1: "18",
+									y1: "6",
+									x2: "6",
+									y2: "18"
+								}), /* @__PURE__ */ i("line", {
+									x1: "6",
+									y1: "6",
+									x2: "18",
+									y2: "18"
+								})]
+							})
+						})
+					]
+				})]
+			}),
+			h.comments.map((e) => /* @__PURE__ */ a("div", {
+				className: "rte-comment-popover__comment",
+				children: [/* @__PURE__ */ a("div", {
+					className: "rte-comments__comment-meta",
+					children: [/* @__PURE__ */ i("span", {
+						className: "rte-comments__author",
+						children: e.author
+					}), /* @__PURE__ */ i("span", {
+						className: "rte-comments__time",
+						children: s(e.createdAt)
+					})]
+				}), /* @__PURE__ */ i("div", {
+					className: "rte-comments__comment-text",
+					children: e.text
+				})]
+			}, e.id)),
+			/* @__PURE__ */ a("div", {
+				className: "rte-comment-popover__reply",
+				children: [/* @__PURE__ */ i("input", {
+					ref: S,
+					className: "rte-comments__reply-input",
+					value: y,
+					onChange: (e) => b(e.target.value),
+					onKeyDown: (e) => {
+						e.key === "Enter" && w(), e.key === "Escape" && g(null);
+					},
+					placeholder: "Reply..."
+				}), /* @__PURE__ */ i("button", {
+					type: "button",
+					className: "rte-comments__reply-send",
+					onClick: w,
+					disabled: !y.trim(),
+					children: /* @__PURE__ */ a("svg", {
+						width: "12",
+						height: "12",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						children: [/* @__PURE__ */ i("line", {
+							x1: "22",
+							y1: "2",
+							x2: "11",
+							y2: "13"
+						}), /* @__PURE__ */ i("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })]
+					})
+				})]
+			})
+		]
+	}) : null;
 };
+//#endregion
+export { c as default };
 
 //# sourceMappingURL=CommentPopover.js.map

package/dist/components/pro/RichTextEditor/CommentPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentPopover.js","names":[],"sources":["../../../../src/components/pro/RichTextEditor/CommentPopover.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback } from 'react';\nimport type { Editor } from '@tiptap/react';\nimport type { CommentThread, CommentItem } from './extensions/CommentMark';\n\nfunction generateId() {\n  return `c_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;\n}\n\nfunction timeAgo(ts: number): string {\n  const diff = Date.now() - ts;\n  const sec = Math.floor(diff / 1000);\n  if (sec < 60) return 'just now';\n  const min = Math.floor(sec / 60);\n  if (min < 60) return `${min}m ago`;\n  const hr = Math.floor(min / 60);\n  if (hr < 24) return `${hr}h ago`;\n  const d = Math.floor(hr / 24);\n  return `${d}d ago`;\n}\n\ninterface CommentPopoverProps {\n  editor: Editor;\n  threads: CommentThread[];\n  onThreadsChange: (threads: CommentThread[]) => void;\n  showPanel: boolean;\n  onOpenPanel: () => void;\n  onScrollToThread: (id: string) => void;\n  currentUser?: string;\n}\n\nconst CommentPopover: React.FC<CommentPopoverProps> = ({\n  editor,\n  threads,\n  onThreadsChange,\n  showPanel,\n  onOpenPanel,\n  onScrollToThread,\n  currentUser = 'User',\n}) => {\n  const [activeThread, setActiveThread] = useState<CommentThread | null>(null);\n  const [pos, setPos] = useState({ x: 0, y: 0 });\n  const [replyText, setReplyText] = useState('');\n  const popRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    const dom = editor.view.dom;\n    const handleClick = (e: Event) => {\n      const target = e.target as HTMLElement;\n      const commentEl = target.closest('.rte-comment-mark') as HTMLElement | null;\n      if (!commentEl) { setActiveThread(null); return; }\n\n      const commentId = commentEl.getAttribute('data-comment-id');\n      if (!commentId) return;\n\n      const thread = threads.find((t) => t.id === commentId);\n      if (!thread || thread.resolved) return;\n\n      if (showPanel) {\n        onScrollToThread(commentId);\n        setActiveThread(null);\n        return;\n      }\n\n      const wrapperEl = dom.closest('.rte-editor-wrapper');\n      if (!wrapperEl) return;\n      const wRect = wrapperEl.getBoundingClientRect();\n      const elRect = commentEl.getBoundingClientRect();\n\n      setPos({\n        x: elRect.left - wRect.left + elRect.width / 2,\n        y: elRect.bottom - wRect.top + 6,\n      });\n      setActiveThread(thread);\n      setReplyText('');\n    };\n\n    dom.addEventListener('click', handleClick);\n    return () => dom.removeEventListener('click', handleClick);\n  }, [editor, threads, showPanel, onScrollToThread]);\n\n  useEffect(() => {\n    if (!activeThread) return;\n    const handler = (e: MouseEvent) => {\n      if (popRef.current && !popRef.current.contains(e.target as Node)) {\n        setActiveThread(null);\n      }\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, [activeThread]);\n\n  useEffect(() => {\n    if (activeThread && inputRef.current) inputRef.current.focus();\n  }, [activeThread]);\n\n  const toggleResolve = useCallback(() => {\n    if (!activeThread) return;\n    const updated = threads.map((t) => {\n      if (t.id !== activeThread.id) return t;\n      editor.state.doc.descendants((node, pos) => {\n        node.marks.forEach((mark) => {\n          if (mark.type.name === 'comment' && mark.attrs.commentId === activeThread.id) {\n            editor.view.dispatch(\n              editor.state.tr\n                .removeMark(pos, pos + node.nodeSize, mark)\n                .addMark(pos, pos + node.nodeSize, mark.type.create({ ...mark.attrs, resolved: true }))\n            );\n          }\n        });\n      });\n      return { ...t, resolved: true };\n    });\n    onThreadsChange(updated);\n    setActiveThread(null);\n  }, [activeThread, editor, threads, onThreadsChange]);\n\n  const addReply = useCallback(() => {\n    if (!activeThread || !replyText.trim()) return;\n    const reply: CommentItem = {\n      id: generateId(),\n      author: currentUser,\n      text: replyText.trim(),\n      createdAt: Date.now(),\n    };\n    const updated = threads.map((t) =>\n      t.id === activeThread.id ? { ...t, comments: [...t.comments, reply] } : t\n    );\n    onThreadsChange(updated);\n    setActiveThread(updated.find((t) => t.id === activeThread.id) || null);\n    setReplyText('');\n  }, [activeThread, replyText, threads, onThreadsChange, currentUser]);\n\n  if (!activeThread) return null;\n\n  return (\n    <div ref={popRef} className=\"rte-comment-popover\" style={{ left: pos.x, top: pos.y }}>\n      <div className=\"rte-comment-popover__header\">\n        <span className=\"rte-comment-popover__status\">Open</span>\n        <div className=\"rte-comment-popover__actions\">\n          <button type=\"button\" className=\"rte-comments__icon-btn\" onClick={toggleResolve} title=\"Resolve\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><polyline points=\"20 6 9 17 4 12\" /></svg>\n          </button>\n          <button type=\"button\" className=\"rte-comments__icon-btn\" onClick={() => { onOpenPanel(); setActiveThread(null); }} title=\"Open panel\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><polyline points=\"15 3 21 3 21 9\" /><polyline points=\"9 21 3 21 3 15\" /><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\" /><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\" /></svg>\n          </button>\n          <button type=\"button\" className=\"rte-comments__icon-btn\" onClick={() => setActiveThread(null)} title=\"Close\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" /><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" /></svg>\n          </button>\n        </div>\n      </div>\n\n      {activeThread.comments.map((c) => (\n        <div key={c.id} className=\"rte-comment-popover__comment\">\n          <div className=\"rte-comments__comment-meta\">\n            <span className=\"rte-comments__author\">{c.author}</span>\n            <span className=\"rte-comments__time\">{timeAgo(c.createdAt)}</span>\n          </div>\n          <div className=\"rte-comments__comment-text\">{c.text}</div>\n        </div>\n      ))}\n\n      <div className=\"rte-comment-popover__reply\">\n        <input\n          ref={inputRef}\n          className=\"rte-comments__reply-input\"\n          value={replyText}\n          onChange={(e) => setReplyText(e.target.value)}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') addReply();\n            if (e.key === 'Escape') setActiveThread(null);\n          }}\n          placeholder=\"Reply...\"\n        />\n        <button type=\"button\" className=\"rte-comments__reply-send\" onClick={addReply} disabled={!replyText.trim()}>\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\" /><polygon points=\"22 2 15 22 11 13 2 9 22 2\" /></svg>\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport default CommentPopover;\n"],"mappings":"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"}
+{"version":3,"file":"CommentPopover.js","names":[],"sources":["../../../../src/components/pro/RichTextEditor/CommentPopover.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback } from 'react';\nimport type { Editor } from '@tiptap/react';\nimport type { CommentThread, CommentItem } from './extensions/CommentMark';\n\nfunction generateId() {\n  return `c_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;\n}\n\nfunction timeAgo(ts: number): string {\n  const diff = Date.now() - ts;\n  const sec = Math.floor(diff / 1000);\n  if (sec < 60) return 'just now';\n  const min = Math.floor(sec / 60);\n  if (min < 60) return `${min}m ago`;\n  const hr = Math.floor(min / 60);\n  if (hr < 24) return `${hr}h ago`;\n  const d = Math.floor(hr / 24);\n  return `${d}d ago`;\n}\n\ninterface CommentPopoverProps {\n  editor: Editor;\n  threads: CommentThread[];\n  onThreadsChange: (threads: CommentThread[]) => void;\n  showPanel: boolean;\n  onOpenPanel: () => void;\n  onScrollToThread: (id: string) => void;\n  currentUser?: string;\n}\n\nconst CommentPopover: React.FC<CommentPopoverProps> = ({\n  editor,\n  threads,\n  onThreadsChange,\n  showPanel,\n  onOpenPanel,\n  onScrollToThread,\n  currentUser = 'User',\n}) => {\n  const [activeThread, setActiveThread] = useState<CommentThread | null>(null);\n  const [pos, setPos] = useState({ x: 0, y: 0 });\n  const [replyText, setReplyText] = useState('');\n  const popRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    const dom = editor.view.dom;\n    const handleClick = (e: Event) => {\n      const target = e.target as HTMLElement;\n      const commentEl = target.closest('.rte-comment-mark') as HTMLElement | null;\n      if (!commentEl) { setActiveThread(null); return; }\n\n      const commentId = commentEl.getAttribute('data-comment-id');\n      if (!commentId) return;\n\n      const thread = threads.find((t) => t.id === commentId);\n      if (!thread || thread.resolved) return;\n\n      if (showPanel) {\n        onScrollToThread(commentId);\n        setActiveThread(null);\n        return;\n      }\n\n      const wrapperEl = dom.closest('.rte-editor-wrapper');\n      if (!wrapperEl) return;\n      const wRect = wrapperEl.getBoundingClientRect();\n      const elRect = commentEl.getBoundingClientRect();\n\n      setPos({\n        x: elRect.left - wRect.left + elRect.width / 2,\n        y: elRect.bottom - wRect.top + 6,\n      });\n      setActiveThread(thread);\n      setReplyText('');\n    };\n\n    dom.addEventListener('click', handleClick);\n    return () => dom.removeEventListener('click', handleClick);\n  }, [editor, threads, showPanel, onScrollToThread]);\n\n  useEffect(() => {\n    if (!activeThread) return;\n    const handler = (e: MouseEvent) => {\n      if (popRef.current && !popRef.current.contains(e.target as Node)) {\n        setActiveThread(null);\n      }\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, [activeThread]);\n\n  useEffect(() => {\n    if (activeThread && inputRef.current) inputRef.current.focus();\n  }, [activeThread]);\n\n  const toggleResolve = useCallback(() => {\n    if (!activeThread) return;\n    const updated = threads.map((t) => {\n      if (t.id !== activeThread.id) return t;\n      editor.state.doc.descendants((node, pos) => {\n        node.marks.forEach((mark) => {\n          if (mark.type.name === 'comment' && mark.attrs.commentId === activeThread.id) {\n            editor.view.dispatch(\n              editor.state.tr\n                .removeMark(pos, pos + node.nodeSize, mark)\n                .addMark(pos, pos + node.nodeSize, mark.type.create({ ...mark.attrs, resolved: true }))\n            );\n          }\n        });\n      });\n      return { ...t, resolved: true };\n    });\n    onThreadsChange(updated);\n    setActiveThread(null);\n  }, [activeThread, editor, threads, onThreadsChange]);\n\n  const addReply = useCallback(() => {\n    if (!activeThread || !replyText.trim()) return;\n    const reply: CommentItem = {\n      id: generateId(),\n      author: currentUser,\n      text: replyText.trim(),\n      createdAt: Date.now(),\n    };\n    const updated = threads.map((t) =>\n      t.id === activeThread.id ? { ...t, comments: [...t.comments, reply] } : t\n    );\n    onThreadsChange(updated);\n    setActiveThread(updated.find((t) => t.id === activeThread.id) || null);\n    setReplyText('');\n  }, [activeThread, replyText, threads, onThreadsChange, currentUser]);\n\n  if (!activeThread) return null;\n\n  return (\n    <div ref={popRef} className=\"rte-comment-popover\" style={{ left: pos.x, top: pos.y }}>\n      <div className=\"rte-comment-popover__header\">\n        <span className=\"rte-comment-popover__status\">Open</span>\n        <div className=\"rte-comment-popover__actions\">\n          <button type=\"button\" className=\"rte-comments__icon-btn\" onClick={toggleResolve} title=\"Resolve\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><polyline points=\"20 6 9 17 4 12\" /></svg>\n          </button>\n          <button type=\"button\" className=\"rte-comments__icon-btn\" onClick={() => { onOpenPanel(); setActiveThread(null); }} title=\"Open panel\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><polyline points=\"15 3 21 3 21 9\" /><polyline points=\"9 21 3 21 3 15\" /><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\" /><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\" /></svg>\n          </button>\n          <button type=\"button\" className=\"rte-comments__icon-btn\" onClick={() => setActiveThread(null)} title=\"Close\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" /><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" /></svg>\n          </button>\n        </div>\n      </div>\n\n      {activeThread.comments.map((c) => (\n        <div key={c.id} className=\"rte-comment-popover__comment\">\n          <div className=\"rte-comments__comment-meta\">\n            <span className=\"rte-comments__author\">{c.author}</span>\n            <span className=\"rte-comments__time\">{timeAgo(c.createdAt)}</span>\n          </div>\n          <div className=\"rte-comments__comment-text\">{c.text}</div>\n        </div>\n      ))}\n\n      <div className=\"rte-comment-popover__reply\">\n        <input\n          ref={inputRef}\n          className=\"rte-comments__reply-input\"\n          value={replyText}\n          onChange={(e) => setReplyText(e.target.value)}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') addReply();\n            if (e.key === 'Escape') setActiveThread(null);\n          }}\n          placeholder=\"Reply...\"\n        />\n        <button type=\"button\" className=\"rte-comments__reply-send\" onClick={addReply} disabled={!replyText.trim()}>\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\" /><polygon points=\"22 2 15 22 11 13 2 9 22 2\" /></svg>\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport default CommentPopover;\n"],"mappings":"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"}