dishui 0.0.65 → 0.0.67

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

@@ -1,245 +1,245 @@
-import { forwardRef as B, useCallback as N, useEffect as D, useImperativeHandle as E, useRef as w, useState as R } from "react";
-import { Fragment as M, jsx as n, jsxs as s } from "react/jsx-runtime";
-function W() {
-  return `c_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
+import { forwardRef as e, useCallback as t, useEffect as n, useImperativeHandle as r, useRef as i, useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/pro/RichTextEditor/CommentPanel.tsx
+function l() {
+	return `c_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
 }
-function A(l) {
-  const o = Date.now() - l, c = Math.floor(o / 1e3);
-  if (c < 60) return "just now";
-  const a = Math.floor(c / 60);
-  if (a < 60) return `${a}m ago`;
-  const m = Math.floor(a / 60);
-  return m < 24 ? `${m}h ago` : `${Math.floor(m / 24)}d ago`;
+function u(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 I = B(({ editor: l, threads: o, onThreadsChange: c, onRequestAddComment: a, currentUser: m = "User" }, C) => {
-  const [u, v] = R(null), [h, p] = R(""), f = w(null), y = w(/* @__PURE__ */ new Map()), $ = w(null);
-  E(C, () => ({ scrollToThread: (e) => {
-    const t = y.current.get(e);
-    t && (t.scrollIntoView({
-      behavior: "smooth",
-      block: "center"
-    }), t.classList.add("rte-comments__thread--highlight"), setTimeout(() => t.classList.remove("rte-comments__thread--highlight"), 1500));
-  } })), D(() => {
-    u && f.current && f.current.focus();
-  }, [u]);
-  const S = N((e) => {
-    c(o.map((t) => {
-      if (t.id !== e) return t;
-      const r = !t.resolved;
-      return l.state.doc.descendants((i, _) => {
-        i.marks.forEach((d) => {
-          d.type.name === "comment" && d.attrs.commentId === e && l.view.dispatch(l.state.tr.removeMark(_, _ + i.nodeSize, d).addMark(_, _ + i.nodeSize, d.type.create({
-            ...d.attrs,
-            resolved: r
-          })));
-        });
-      }), {
-        ...t,
-        resolved: r
-      };
-    }));
-  }, [
-    l,
-    o,
-    c
-  ]), b = N((e) => {
-    if (!h.trim()) return;
-    const t = {
-      id: W(),
-      author: m,
-      text: h.trim(),
-      createdAt: Date.now()
-    };
-    c(o.map((r) => r.id === e ? {
-      ...r,
-      comments: [...r.comments, t]
-    } : r)), p(""), v(null);
-  }, [
-    h,
-    o,
-    c,
-    m
-  ]), T = N((e) => {
-    l.state.doc.descendants((t, r) => {
-      t.marks.forEach((i) => {
-        i.type.name === "comment" && i.attrs.commentId === e && l.view.dispatch(l.state.tr.removeMark(r, r + t.nodeSize, i));
-      });
-    }), c(o.filter((t) => t.id !== e));
-  }, [
-    l,
-    o,
-    c
-  ]), g = o.filter((e) => !e.resolved), x = o.filter((e) => e.resolved), k = (e) => /* @__PURE__ */ s("div", {
-    ref: (t) => {
-      t ? y.current.set(e.id, t) : y.current.delete(e.id);
-    },
-    className: `rte-comments__thread ${e.resolved ? "rte-comments__thread--resolved" : ""}`,
-    children: [
-      /* @__PURE__ */ s("div", {
-        className: "rte-comments__thread-header",
-        children: [/* @__PURE__ */ n("span", {
-          className: `rte-comments__status ${e.resolved ? "rte-comments__status--resolved" : ""}`,
-          children: e.resolved ? "✓ Resolved" : "Open"
-        }), /* @__PURE__ */ s("div", {
-          className: "rte-comments__thread-actions",
-          children: [/* @__PURE__ */ n("button", {
-            type: "button",
-            className: "rte-comments__icon-btn",
-            onClick: () => S(e.id),
-            title: e.resolved ? "Unresolve" : "Resolve",
-            children: e.resolved ? /* @__PURE__ */ n("svg", {
-              width: "14",
-              height: "14",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              children: /* @__PURE__ */ n("path", { d: "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-4 0h4" })
-            }) : /* @__PURE__ */ n("svg", {
-              width: "14",
-              height: "14",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              children: /* @__PURE__ */ n("polyline", { points: "20 6 9 17 4 12" })
-            })
-          }), /* @__PURE__ */ n("button", {
-            type: "button",
-            className: "rte-comments__icon-btn rte-comments__icon-btn--danger",
-            onClick: () => T(e.id),
-            title: "Delete thread",
-            children: /* @__PURE__ */ s("svg", {
-              width: "14",
-              height: "14",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              children: [/* @__PURE__ */ n("line", {
-                x1: "18",
-                y1: "6",
-                x2: "6",
-                y2: "18"
-              }), /* @__PURE__ */ n("line", {
-                x1: "6",
-                y1: "6",
-                x2: "18",
-                y2: "18"
-              })]
-            })
-          })]
-        })]
-      }),
-      e.comments.map((t) => /* @__PURE__ */ s("div", {
-        className: "rte-comments__comment",
-        children: [/* @__PURE__ */ s("div", {
-          className: "rte-comments__comment-meta",
-          children: [/* @__PURE__ */ n("span", {
-            className: "rte-comments__author",
-            children: t.author
-          }), /* @__PURE__ */ n("span", {
-            className: "rte-comments__time",
-            children: A(t.createdAt)
-          })]
-        }), /* @__PURE__ */ n("div", {
-          className: "rte-comments__comment-text",
-          children: t.text
-        })]
-      }, t.id)),
-      u === e.id ? /* @__PURE__ */ s("div", {
-        className: "rte-comments__reply-form",
-        children: [/* @__PURE__ */ n("input", {
-          ref: f,
-          className: "rte-comments__reply-input",
-          value: h,
-          onChange: (t) => p(t.target.value),
-          onKeyDown: (t) => {
-            t.key === "Enter" && b(e.id), t.key === "Escape" && (v(null), p(""));
-          },
-          placeholder: "Reply..."
-        }), /* @__PURE__ */ n("button", {
-          type: "button",
-          className: "rte-comments__reply-send",
-          onClick: () => b(e.id),
-          children: /* @__PURE__ */ s("svg", {
-            width: "14",
-            height: "14",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            children: [/* @__PURE__ */ n("line", {
-              x1: "22",
-              y1: "2",
-              x2: "11",
-              y2: "13"
-            }), /* @__PURE__ */ n("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })]
-          })
-        })]
-      }) : /* @__PURE__ */ n("button", {
-        type: "button",
-        className: "rte-comments__reply-trigger",
-        onClick: () => v(e.id),
-        children: "Reply..."
-      })
-    ]
-  }, e.id);
-  return /* @__PURE__ */ s("div", {
-    className: "rte-comments",
-    children: [/* @__PURE__ */ s("div", {
-      className: "rte-comments__header",
-      children: [/* @__PURE__ */ s("span", {
-        className: "rte-comments__title",
-        children: ["Comments", g.length > 0 && /* @__PURE__ */ n("span", {
-          className: "rte-comments__badge",
-          children: g.length
-        })]
-      }), /* @__PURE__ */ n("button", {
-        type: "button",
-        className: "rte-comments__add-btn",
-        onClick: a,
-        title: "Add comment to selection",
-        children: /* @__PURE__ */ s("svg", {
-          width: "14",
-          height: "14",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          children: [/* @__PURE__ */ n("line", {
-            x1: "12",
-            y1: "5",
-            x2: "12",
-            y2: "19"
-          }), /* @__PURE__ */ n("line", {
-            x1: "5",
-            y1: "12",
-            x2: "19",
-            y2: "12"
-          })]
-        })
-      })]
-    }), /* @__PURE__ */ n("div", {
-      ref: $,
-      className: "rte-comments__list",
-      children: o.length === 0 ? /* @__PURE__ */ n("div", {
-        className: "rte-comments__empty",
-        children: "Select text and click + to add a comment"
-      }) : /* @__PURE__ */ s(M, { children: [g.map(k), x.length > 0 && /* @__PURE__ */ s(M, { children: [/* @__PURE__ */ s("div", {
-        className: "rte-comments__section-label",
-        children: [
-          "Resolved (",
-          x.length,
-          ")"
-        ]
-      }), x.map(k)] })] })
-    })]
-  });
+var d = e(({ editor: e, threads: d, onThreadsChange: f, onRequestAddComment: p, currentUser: m = "User" }, h) => {
+	let [g, _] = a(null), [v, y] = a(""), b = i(null), x = i(/* @__PURE__ */ new Map()), S = i(null);
+	r(h, () => ({ scrollToThread: (e) => {
+		let t = x.current.get(e);
+		t && (t.scrollIntoView({
+			behavior: "smooth",
+			block: "center"
+		}), t.classList.add("rte-comments__thread--highlight"), setTimeout(() => t.classList.remove("rte-comments__thread--highlight"), 1500));
+	} })), n(() => {
+		g && b.current && b.current.focus();
+	}, [g]);
+	let C = t((t) => {
+		f(d.map((n) => {
+			if (n.id !== t) return n;
+			let r = !n.resolved;
+			return e.state.doc.descendants((n, i) => {
+				n.marks.forEach((a) => {
+					a.type.name === "comment" && a.attrs.commentId === t && e.view.dispatch(e.state.tr.removeMark(i, i + n.nodeSize, a).addMark(i, i + n.nodeSize, a.type.create({
+						...a.attrs,
+						resolved: r
+					})));
+				});
+			}), {
+				...n,
+				resolved: r
+			};
+		}));
+	}, [
+		e,
+		d,
+		f
+	]), w = t((e) => {
+		if (!v.trim()) return;
+		let t = {
+			id: l(),
+			author: m,
+			text: v.trim(),
+			createdAt: Date.now()
+		};
+		f(d.map((n) => n.id === e ? {
+			...n,
+			comments: [...n.comments, t]
+		} : n)), y(""), _(null);
+	}, [
+		v,
+		d,
+		f,
+		m
+	]), T = t((t) => {
+		e.state.doc.descendants((n, r) => {
+			n.marks.forEach((i) => {
+				i.type.name === "comment" && i.attrs.commentId === t && e.view.dispatch(e.state.tr.removeMark(r, r + n.nodeSize, i));
+			});
+		}), f(d.filter((e) => e.id !== t));
+	}, [
+		e,
+		d,
+		f
+	]), E = d.filter((e) => !e.resolved), D = d.filter((e) => e.resolved), O = (e) => /* @__PURE__ */ c("div", {
+		ref: (t) => {
+			t ? x.current.set(e.id, t) : x.current.delete(e.id);
+		},
+		className: `rte-comments__thread ${e.resolved ? "rte-comments__thread--resolved" : ""}`,
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "rte-comments__thread-header",
+				children: [/* @__PURE__ */ s("span", {
+					className: `rte-comments__status ${e.resolved ? "rte-comments__status--resolved" : ""}`,
+					children: e.resolved ? "✓ Resolved" : "Open"
+				}), /* @__PURE__ */ c("div", {
+					className: "rte-comments__thread-actions",
+					children: [/* @__PURE__ */ s("button", {
+						type: "button",
+						className: "rte-comments__icon-btn",
+						onClick: () => C(e.id),
+						title: e.resolved ? "Unresolve" : "Resolve",
+						children: e.resolved ? /* @__PURE__ */ s("svg", {
+							width: "14",
+							height: "14",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							children: /* @__PURE__ */ s("path", { d: "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-4 0h4" })
+						}) : /* @__PURE__ */ s("svg", {
+							width: "14",
+							height: "14",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							children: /* @__PURE__ */ s("polyline", { points: "20 6 9 17 4 12" })
+						})
+					}), /* @__PURE__ */ s("button", {
+						type: "button",
+						className: "rte-comments__icon-btn rte-comments__icon-btn--danger",
+						onClick: () => T(e.id),
+						title: "Delete thread",
+						children: /* @__PURE__ */ c("svg", {
+							width: "14",
+							height: "14",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							children: [/* @__PURE__ */ s("line", {
+								x1: "18",
+								y1: "6",
+								x2: "6",
+								y2: "18"
+							}), /* @__PURE__ */ s("line", {
+								x1: "6",
+								y1: "6",
+								x2: "18",
+								y2: "18"
+							})]
+						})
+					})]
+				})]
+			}),
+			e.comments.map((e) => /* @__PURE__ */ c("div", {
+				className: "rte-comments__comment",
+				children: [/* @__PURE__ */ c("div", {
+					className: "rte-comments__comment-meta",
+					children: [/* @__PURE__ */ s("span", {
+						className: "rte-comments__author",
+						children: e.author
+					}), /* @__PURE__ */ s("span", {
+						className: "rte-comments__time",
+						children: u(e.createdAt)
+					})]
+				}), /* @__PURE__ */ s("div", {
+					className: "rte-comments__comment-text",
+					children: e.text
+				})]
+			}, e.id)),
+			g === e.id ? /* @__PURE__ */ c("div", {
+				className: "rte-comments__reply-form",
+				children: [/* @__PURE__ */ s("input", {
+					ref: b,
+					className: "rte-comments__reply-input",
+					value: v,
+					onChange: (e) => y(e.target.value),
+					onKeyDown: (t) => {
+						t.key === "Enter" && w(e.id), t.key === "Escape" && (_(null), y(""));
+					},
+					placeholder: "Reply..."
+				}), /* @__PURE__ */ s("button", {
+					type: "button",
+					className: "rte-comments__reply-send",
+					onClick: () => w(e.id),
+					children: /* @__PURE__ */ c("svg", {
+						width: "14",
+						height: "14",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						children: [/* @__PURE__ */ s("line", {
+							x1: "22",
+							y1: "2",
+							x2: "11",
+							y2: "13"
+						}), /* @__PURE__ */ s("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })]
+					})
+				})]
+			}) : /* @__PURE__ */ s("button", {
+				type: "button",
+				className: "rte-comments__reply-trigger",
+				onClick: () => _(e.id),
+				children: "Reply..."
+			})
+		]
+	}, e.id);
+	return /* @__PURE__ */ c("div", {
+		className: "rte-comments",
+		children: [/* @__PURE__ */ c("div", {
+			className: "rte-comments__header",
+			children: [/* @__PURE__ */ c("span", {
+				className: "rte-comments__title",
+				children: ["Comments", E.length > 0 && /* @__PURE__ */ s("span", {
+					className: "rte-comments__badge",
+					children: E.length
+				})]
+			}), /* @__PURE__ */ s("button", {
+				type: "button",
+				className: "rte-comments__add-btn",
+				onClick: p,
+				title: "Add comment to selection",
+				children: /* @__PURE__ */ c("svg", {
+					width: "14",
+					height: "14",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					children: [/* @__PURE__ */ s("line", {
+						x1: "12",
+						y1: "5",
+						x2: "12",
+						y2: "19"
+					}), /* @__PURE__ */ s("line", {
+						x1: "5",
+						y1: "12",
+						x2: "19",
+						y2: "12"
+					})]
+				})
+			})]
+		}), /* @__PURE__ */ s("div", {
+			ref: S,
+			className: "rte-comments__list",
+			children: d.length === 0 ? /* @__PURE__ */ s("div", {
+				className: "rte-comments__empty",
+				children: "Select text and click + to add a comment"
+			}) : /* @__PURE__ */ c(o, { children: [E.map(O), D.length > 0 && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ c("div", {
+				className: "rte-comments__section-label",
+				children: [
+					"Resolved (",
+					D.length,
+					")"
+				]
+			}), D.map(O)] })] })
+		})]
+	});
 });
-I.displayName = "CommentPanel";
-export {
-  I as default
-};
+d.displayName = "CommentPanel";
+//#endregion
+export { d as default };
 
 //# sourceMappingURL=CommentPanel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommentPanel.js","names":[],"sources":["../../../../src/components/pro/RichTextEditor/CommentPanel.tsx"],"sourcesContent":["import React, { useState, useCallback, useRef, useEffect, useImperativeHandle, forwardRef } from 'react';\nimport type { Editor } from '@tiptap/react';\nimport type { CommentThread, CommentItem } from './extensions/CommentMark';\n\nexport interface CommentPanelHandle {\n  scrollToThread: (id: string) => void;\n}\n\ninterface CommentPanelProps {\n  editor: Editor;\n  threads: CommentThread[];\n  onThreadsChange: (threads: CommentThread[]) => void;\n  onRequestAddComment: () => void;\n  currentUser?: string;\n}\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\nconst CommentPanel = forwardRef<CommentPanelHandle, CommentPanelProps>(({\n  editor,\n  threads,\n  onThreadsChange,\n  onRequestAddComment,\n  currentUser = 'User',\n}, ref) => {\n  const [replyingTo, setReplyingTo] = useState<string | null>(null);\n  const [replyText, setReplyText] = useState('');\n  const replyInputRef = useRef<HTMLInputElement>(null);\n  const threadRefs = useRef<Map<string, HTMLDivElement>>(new Map());\n  const listRef = useRef<HTMLDivElement>(null);\n\n  useImperativeHandle(ref, () => ({\n    scrollToThread: (id: string) => {\n      const el = threadRefs.current.get(id);\n      if (el) {\n        el.scrollIntoView({ behavior: 'smooth', block: 'center' });\n        el.classList.add('rte-comments__thread--highlight');\n        setTimeout(() => el.classList.remove('rte-comments__thread--highlight'), 1500);\n      }\n    },\n  }));\n\n  useEffect(() => {\n    if (replyingTo && replyInputRef.current) {\n      replyInputRef.current.focus();\n    }\n  }, [replyingTo]);\n\n  const toggleResolve = useCallback((threadId: string) => {\n    const updated = threads.map((t) => {\n      if (t.id !== threadId) return t;\n      const newResolved = !t.resolved;\n      editor.state.doc.descendants((node, pos) => {\n        node.marks.forEach((mark) => {\n          if (mark.type.name === 'comment' && mark.attrs.commentId === threadId) {\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: newResolved }))\n            );\n          }\n        });\n      });\n      return { ...t, resolved: newResolved };\n    });\n    onThreadsChange(updated);\n  }, [editor, threads, onThreadsChange]);\n\n  const addReply = useCallback((threadId: string) => {\n    if (!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 === threadId ? { ...t, comments: [...t.comments, reply] } : t\n    );\n    onThreadsChange(updated);\n    setReplyText('');\n    setReplyingTo(null);\n  }, [replyText, threads, onThreadsChange, currentUser]);\n\n  const deleteThread = useCallback((threadId: string) => {\n    editor.state.doc.descendants((node, pos) => {\n      node.marks.forEach((mark) => {\n        if (mark.type.name === 'comment' && mark.attrs.commentId === threadId) {\n          editor.view.dispatch(\n            editor.state.tr.removeMark(pos, pos + node.nodeSize, mark)\n          );\n        }\n      });\n    });\n    onThreadsChange(threads.filter((t) => t.id !== threadId));\n  }, [editor, threads, onThreadsChange]);\n\n  const activeThreads = threads.filter((t) => !t.resolved);\n  const resolvedThreads = threads.filter((t) => t.resolved);\n\n  const renderThread = (thread: CommentThread) => (\n    <div\n      key={thread.id}\n      ref={(el) => { if (el) threadRefs.current.set(thread.id, el); else threadRefs.current.delete(thread.id); }}\n      className={`rte-comments__thread ${thread.resolved ? 'rte-comments__thread--resolved' : ''}`}\n    >\n      <div className=\"rte-comments__thread-header\">\n        <span className={`rte-comments__status ${thread.resolved ? 'rte-comments__status--resolved' : ''}`}>\n          {thread.resolved ? '✓ Resolved' : 'Open'}\n        </span>\n        <div className=\"rte-comments__thread-actions\">\n          <button\n            type=\"button\"\n            className=\"rte-comments__icon-btn\"\n            onClick={() => toggleResolve(thread.id)}\n            title={thread.resolved ? 'Unresolve' : 'Resolve'}\n          >\n            {thread.resolved ? (\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-4 0h4\" /></svg>\n            ) : (\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            )}\n          </button>\n          <button\n            type=\"button\"\n            className=\"rte-comments__icon-btn rte-comments__icon-btn--danger\"\n            onClick={() => deleteThread(thread.id)}\n            title=\"Delete thread\"\n          >\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      {thread.comments.map((c) => (\n        <div key={c.id} className=\"rte-comments__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      {replyingTo === thread.id ? (\n        <div className=\"rte-comments__reply-form\">\n          <input\n            ref={replyInputRef}\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(thread.id);\n              if (e.key === 'Escape') { setReplyingTo(null); setReplyText(''); }\n            }}\n            placeholder=\"Reply...\"\n          />\n          <button type=\"button\" className=\"rte-comments__reply-send\" onClick={() => addReply(thread.id)}>\n            <svg width=\"14\" height=\"14\" 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      ) : (\n        <button\n          type=\"button\"\n          className=\"rte-comments__reply-trigger\"\n          onClick={() => setReplyingTo(thread.id)}\n        >\n          Reply...\n        </button>\n      )}\n    </div>\n  );\n\n  return (\n    <div className=\"rte-comments\">\n      <div className=\"rte-comments__header\">\n        <span className=\"rte-comments__title\">\n          Comments\n          {activeThreads.length > 0 && <span className=\"rte-comments__badge\">{activeThreads.length}</span>}\n        </span>\n        <button\n          type=\"button\"\n          className=\"rte-comments__add-btn\"\n          onClick={onRequestAddComment}\n          title=\"Add comment to selection\"\n        >\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" /><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" /></svg>\n        </button>\n      </div>\n\n      <div ref={listRef} className=\"rte-comments__list\">\n        {threads.length === 0 ? (\n          <div className=\"rte-comments__empty\">Select text and click + to add a comment</div>\n        ) : (\n          <>\n            {activeThreads.map(renderThread)}\n            {resolvedThreads.length > 0 && (\n              <>\n                <div className=\"rte-comments__section-label\">Resolved ({resolvedThreads.length})</div>\n                {resolvedThreads.map(renderThread)}\n              </>\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  );\n});\n\nCommentPanel.displayName = 'CommentPanel';\n\nexport default CommentPanel;\n"],"mappings":"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"}
+{"version":3,"file":"CommentPanel.js","names":[],"sources":["../../../../src/components/pro/RichTextEditor/CommentPanel.tsx"],"sourcesContent":["import React, { useState, useCallback, useRef, useEffect, useImperativeHandle, forwardRef } from 'react';\nimport type { Editor } from '@tiptap/react';\nimport type { CommentThread, CommentItem } from './extensions/CommentMark';\n\nexport interface CommentPanelHandle {\n  scrollToThread: (id: string) => void;\n}\n\ninterface CommentPanelProps {\n  editor: Editor;\n  threads: CommentThread[];\n  onThreadsChange: (threads: CommentThread[]) => void;\n  onRequestAddComment: () => void;\n  currentUser?: string;\n}\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\nconst CommentPanel = forwardRef<CommentPanelHandle, CommentPanelProps>(({\n  editor,\n  threads,\n  onThreadsChange,\n  onRequestAddComment,\n  currentUser = 'User',\n}, ref) => {\n  const [replyingTo, setReplyingTo] = useState<string | null>(null);\n  const [replyText, setReplyText] = useState('');\n  const replyInputRef = useRef<HTMLInputElement>(null);\n  const threadRefs = useRef<Map<string, HTMLDivElement>>(new Map());\n  const listRef = useRef<HTMLDivElement>(null);\n\n  useImperativeHandle(ref, () => ({\n    scrollToThread: (id: string) => {\n      const el = threadRefs.current.get(id);\n      if (el) {\n        el.scrollIntoView({ behavior: 'smooth', block: 'center' });\n        el.classList.add('rte-comments__thread--highlight');\n        setTimeout(() => el.classList.remove('rte-comments__thread--highlight'), 1500);\n      }\n    },\n  }));\n\n  useEffect(() => {\n    if (replyingTo && replyInputRef.current) {\n      replyInputRef.current.focus();\n    }\n  }, [replyingTo]);\n\n  const toggleResolve = useCallback((threadId: string) => {\n    const updated = threads.map((t) => {\n      if (t.id !== threadId) return t;\n      const newResolved = !t.resolved;\n      editor.state.doc.descendants((node, pos) => {\n        node.marks.forEach((mark) => {\n          if (mark.type.name === 'comment' && mark.attrs.commentId === threadId) {\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: newResolved }))\n            );\n          }\n        });\n      });\n      return { ...t, resolved: newResolved };\n    });\n    onThreadsChange(updated);\n  }, [editor, threads, onThreadsChange]);\n\n  const addReply = useCallback((threadId: string) => {\n    if (!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 === threadId ? { ...t, comments: [...t.comments, reply] } : t\n    );\n    onThreadsChange(updated);\n    setReplyText('');\n    setReplyingTo(null);\n  }, [replyText, threads, onThreadsChange, currentUser]);\n\n  const deleteThread = useCallback((threadId: string) => {\n    editor.state.doc.descendants((node, pos) => {\n      node.marks.forEach((mark) => {\n        if (mark.type.name === 'comment' && mark.attrs.commentId === threadId) {\n          editor.view.dispatch(\n            editor.state.tr.removeMark(pos, pos + node.nodeSize, mark)\n          );\n        }\n      });\n    });\n    onThreadsChange(threads.filter((t) => t.id !== threadId));\n  }, [editor, threads, onThreadsChange]);\n\n  const activeThreads = threads.filter((t) => !t.resolved);\n  const resolvedThreads = threads.filter((t) => t.resolved);\n\n  const renderThread = (thread: CommentThread) => (\n    <div\n      key={thread.id}\n      ref={(el) => { if (el) threadRefs.current.set(thread.id, el); else threadRefs.current.delete(thread.id); }}\n      className={`rte-comments__thread ${thread.resolved ? 'rte-comments__thread--resolved' : ''}`}\n    >\n      <div className=\"rte-comments__thread-header\">\n        <span className={`rte-comments__status ${thread.resolved ? 'rte-comments__status--resolved' : ''}`}>\n          {thread.resolved ? '✓ Resolved' : 'Open'}\n        </span>\n        <div className=\"rte-comments__thread-actions\">\n          <button\n            type=\"button\"\n            className=\"rte-comments__icon-btn\"\n            onClick={() => toggleResolve(thread.id)}\n            title={thread.resolved ? 'Unresolve' : 'Resolve'}\n          >\n            {thread.resolved ? (\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-4 0h4\" /></svg>\n            ) : (\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            )}\n          </button>\n          <button\n            type=\"button\"\n            className=\"rte-comments__icon-btn rte-comments__icon-btn--danger\"\n            onClick={() => deleteThread(thread.id)}\n            title=\"Delete thread\"\n          >\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      {thread.comments.map((c) => (\n        <div key={c.id} className=\"rte-comments__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      {replyingTo === thread.id ? (\n        <div className=\"rte-comments__reply-form\">\n          <input\n            ref={replyInputRef}\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(thread.id);\n              if (e.key === 'Escape') { setReplyingTo(null); setReplyText(''); }\n            }}\n            placeholder=\"Reply...\"\n          />\n          <button type=\"button\" className=\"rte-comments__reply-send\" onClick={() => addReply(thread.id)}>\n            <svg width=\"14\" height=\"14\" 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      ) : (\n        <button\n          type=\"button\"\n          className=\"rte-comments__reply-trigger\"\n          onClick={() => setReplyingTo(thread.id)}\n        >\n          Reply...\n        </button>\n      )}\n    </div>\n  );\n\n  return (\n    <div className=\"rte-comments\">\n      <div className=\"rte-comments__header\">\n        <span className=\"rte-comments__title\">\n          Comments\n          {activeThreads.length > 0 && <span className=\"rte-comments__badge\">{activeThreads.length}</span>}\n        </span>\n        <button\n          type=\"button\"\n          className=\"rte-comments__add-btn\"\n          onClick={onRequestAddComment}\n          title=\"Add comment to selection\"\n        >\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" /><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" /></svg>\n        </button>\n      </div>\n\n      <div ref={listRef} className=\"rte-comments__list\">\n        {threads.length === 0 ? (\n          <div className=\"rte-comments__empty\">Select text and click + to add a comment</div>\n        ) : (\n          <>\n            {activeThreads.map(renderThread)}\n            {resolvedThreads.length > 0 && (\n              <>\n                <div className=\"rte-comments__section-label\">Resolved ({resolvedThreads.length})</div>\n                {resolvedThreads.map(renderThread)}\n              </>\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  );\n});\n\nCommentPanel.displayName = 'CommentPanel';\n\nexport default CommentPanel;\n"],"mappings":"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"}