@burdenoff/microfe-planmagnet 2026.1001.8 → 2026.1002.2

package/dist/planmagnet/comments/CommentAttachments.js

@@ -0,0 +1,74 @@
+import { useCommentFileUrl as e } from "./useCommentFileUrl.js";
+import { formatBytes as t, mimeTypeIcon as n } from "./fileDisplay.js";
+import { useEffect as r, useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/planmagnet/comments/CommentAttachments.tsx
+function c({ attachments: e, target: t }) {
+	return e.length === 0 ? null : /* @__PURE__ */ o("ul", {
+		className: "flex flex-wrap gap-1.5",
+		"data-testid": "comment-attachments",
+		children: e.map((e) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(l, {
+			attachment: e,
+			target: t
+		}) }, e.id))
+	});
+}
+function l({ attachment: c, target: l }) {
+	let u = e(), [d, f] = a(!1), [p, m] = a(!1), h = i(null);
+	r(() => () => {
+		let e = h.current;
+		h.current = null, e?.close();
+	}, []);
+	let g = async () => {
+		if (d) return;
+		m(!1);
+		let e = window.open("about:blank", "_blank");
+		if (!e) {
+			m(!0);
+			return;
+		}
+		e.opener = null, h.current = e, f(!0);
+		try {
+			let t = await u(l, c.id);
+			h.current === e && !e.closed && e.location.replace(t);
+		} catch {
+			h.current === e && (e.close(), m(!0));
+		} finally {
+			h.current === e && (h.current = null, f(!1));
+		}
+	};
+	return /* @__PURE__ */ s("div", {
+		className: "space-y-0.5",
+		children: [/* @__PURE__ */ s("button", {
+			type: "button",
+			disabled: d,
+			title: c.name,
+			"data-testid": "comment-attachment",
+			className: "inline-flex max-w-[14rem] items-center gap-1.5 rounded-md border border-border-default px-2 py-1 text-xs hover:bg-muted disabled:opacity-70",
+			onClick: () => void g(),
+			children: [
+				n(c.mimeType),
+				/* @__PURE__ */ o("span", {
+					className: "truncate",
+					children: c.name
+				}),
+				/* @__PURE__ */ o("span", {
+					className: "shrink-0 text-muted-foreground",
+					children: t(c.size)
+				}),
+				d && /* @__PURE__ */ o("span", {
+					className: "sr-only",
+					children: "Opening…"
+				})
+			]
+		}), p && /* @__PURE__ */ o("p", {
+			role: "alert",
+			className: "max-w-[14rem] text-xs text-destructive",
+			children: "Attachment unavailable. Check your access and pop-up settings."
+		})]
+	});
+}
+//#endregion
+export { c as CommentAttachments };
+
+//# sourceMappingURL=CommentAttachments.js.map

package/dist/planmagnet/comments/CommentAttachments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentAttachments.js","names":[],"sources":["../../../src/planmagnet/comments/CommentAttachments.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { formatBytes, mimeTypeIcon } from './fileDisplay';\nimport { useCommentFileUrl, type CommentFileTarget } from './useCommentFileUrl';\n\n/** Server-snapshotted metadata; the attachment ID, not its raw Files ID, authorizes each download. */\nexport interface CommentAttachmentSummary {\n  id: string;\n  fileId: string;\n  name: string;\n  mimeType: string;\n  size: number;\n}\n\nexport function CommentAttachments({\n  attachments,\n  target,\n}: {\n  attachments: CommentAttachmentSummary[];\n  target: CommentFileTarget;\n}) {\n  if (attachments.length === 0) return null;\n  return (\n    <ul className=\"flex flex-wrap gap-1.5\" data-testid=\"comment-attachments\">\n      {attachments.map((attachment) => (\n        <li key={attachment.id}>\n          <CommentAttachmentLink attachment={attachment} target={target} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n\nfunction CommentAttachmentLink({\n  attachment,\n  target,\n}: {\n  attachment: CommentAttachmentSummary;\n  target: CommentFileTarget;\n}) {\n  const getUrl = useCommentFileUrl();\n  const [opening, setOpening] = useState(false);\n  const [error, setError] = useState(false);\n  const pendingTabRef = useRef<Window | null>(null);\n\n  useEffect(() => {\n    return () => {\n      // Navigating away must not leave a blank tab that a finished request could still populate.\n      const tab = pendingTabRef.current;\n      pendingTabRef.current = null;\n      tab?.close();\n    };\n  }, []);\n\n  const open = async () => {\n    if (opening) return;\n    setError(false);\n    // Open in the user's click gesture; browsers often block window.open after an awaited GraphQL request.\n    // Sever the opener before making a network request, then navigate only after fresh authorization succeeds.\n    const tab = window.open('about:blank', '_blank');\n    if (!tab) {\n      setError(true);\n      return;\n    }\n    tab.opener = null;\n    pendingTabRef.current = tab;\n    setOpening(true);\n    try {\n      const url = await getUrl(target, attachment.id);\n      if (pendingTabRef.current === tab && !tab.closed) tab.location.replace(url);\n    } catch {\n      if (pendingTabRef.current === tab) {\n        tab.close();\n        setError(true);\n      }\n    } finally {\n      if (pendingTabRef.current === tab) {\n        pendingTabRef.current = null;\n        setOpening(false);\n      }\n    }\n  };\n\n  return (\n    <div className=\"space-y-0.5\">\n      <button\n        type=\"button\"\n        disabled={opening}\n        title={attachment.name}\n        data-testid=\"comment-attachment\"\n        className=\"inline-flex max-w-[14rem] items-center gap-1.5 rounded-md border border-border-default px-2 py-1 text-xs hover:bg-muted disabled:opacity-70\"\n        onClick={() => void open()}\n      >\n        {mimeTypeIcon(attachment.mimeType)}\n        <span className=\"truncate\">{attachment.name}</span>\n        <span className=\"shrink-0 text-muted-foreground\">{formatBytes(attachment.size)}</span>\n        {opening && <span className=\"sr-only\">Opening…</span>}\n      </button>\n      {error && (\n        <p role=\"alert\" className=\"max-w-[14rem] text-xs text-destructive\">\n          Attachment unavailable. Check your access and pop-up settings.\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAaA,SAAgB,EAAmB,EACjC,gBACA,aAIC;AAED,QADI,EAAY,WAAW,IAAU,OAEnC,kBAAC,MAAD;EAAI,WAAU;EAAyB,eAAY;YAChD,EAAY,KAAK,MAChB,kBAAC,MAAD,EAAA,UACE,kBAAC,GAAD;GAAmC;GAAoB;GAAU,CAAA,EAC9D,EAFI,EAAW,GAEf,CACL;EACC,CAAA;;AAIT,SAAS,EAAsB,EAC7B,eACA,aAIC;CACD,IAAM,IAAS,GAAmB,EAC5B,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAO,KAAY,EAAS,GAAM,EACnC,IAAgB,EAAsB,KAAK;AAEjD,eACe;EAEX,IAAM,IAAM,EAAc;AAE1B,EADA,EAAc,UAAU,MACxB,GAAK,OAAO;IAEb,EAAE,CAAC;CAEN,IAAM,IAAO,YAAY;AACvB,MAAI,EAAS;AACb,IAAS,GAAM;EAGf,IAAM,IAAM,OAAO,KAAK,eAAe,SAAS;AAChD,MAAI,CAAC,GAAK;AACR,KAAS,GAAK;AACd;;AAIF,EAFA,EAAI,SAAS,MACb,EAAc,UAAU,GACxB,EAAW,GAAK;AAChB,MAAI;GACF,IAAM,IAAM,MAAM,EAAO,GAAQ,EAAW,GAAG;AAC/C,GAAI,EAAc,YAAY,KAAO,CAAC,EAAI,UAAQ,EAAI,SAAS,QAAQ,EAAI;UACrE;AACN,GAAI,EAAc,YAAY,MAC5B,EAAI,OAAO,EACX,EAAS,GAAK;YAER;AACR,GAAI,EAAc,YAAY,MAC5B,EAAc,UAAU,MACxB,EAAW,GAAM;;;AAKvB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GACE,MAAK;GACL,UAAU;GACV,OAAO,EAAW;GAClB,eAAY;GACZ,WAAU;GACV,eAAe,KAAK,GAAM;aAN5B;IAQG,EAAa,EAAW,SAAS;IAClC,kBAAC,QAAD;KAAM,WAAU;eAAY,EAAW;KAAY,CAAA;IACnD,kBAAC,QAAD;KAAM,WAAU;eAAkC,EAAY,EAAW,KAAK;KAAQ,CAAA;IACrF,KAAW,kBAAC,QAAD;KAAM,WAAU;eAAU;KAAe,CAAA;IAC9C;MACR,KACC,kBAAC,KAAD;GAAG,MAAK;GAAQ,WAAU;aAAyC;GAE/D,CAAA,CAEF"}

package/dist/planmagnet/comments/CommentBody.d.ts

@@ -0,0 +1,11 @@
+import { CommentFileTarget } from './useCommentFileUrl';
+import { CommentAttachmentSummary } from './CommentAttachments';
+
+export interface CommentBodyProps {
+    text: string;
+    attachments: CommentAttachmentSummary[];
+    target: CommentFileTarget;
+    className?: string;
+}
+export declare function CommentBody({ text, attachments, target, className }: CommentBodyProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CommentBody.d.ts.map

package/dist/planmagnet/comments/CommentBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentBody.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/comments/CommentBody.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAqB,KAAK,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAChF,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAkKrE,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,wBAAwB,EAAE,CAAC;IACxC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAsBrF"}

package/dist/planmagnet/comments/CommentBody.js

@@ -0,0 +1,130 @@
+import { PersonName as e } from "../people/People.js";
+import { tokenizeCommentBody as t } from "./commentTokens.js";
+import { useCommentFileUrl as n } from "./useCommentFileUrl.js";
+import { Fragment as r, useEffect as i, useRef as a, useState as o } from "react";
+import { ImageOff as s } from "lucide-react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/planmagnet/comments/CommentBody.tsx
+function d({ token: t, attachment: n, target: r }) {
+	switch (t.kind) {
+		case "text": return /* @__PURE__ */ l(c, { children: t.value });
+		case "mention": return /* @__PURE__ */ u("span", {
+			className: "rounded bg-primary/10 px-1 py-0.5 font-medium text-primary",
+			children: ["@", /* @__PURE__ */ l(e, {
+				id: t.actorId,
+				className: "text-primary"
+			})]
+		});
+		case "link": return /* @__PURE__ */ l("a", {
+			href: t.url,
+			target: "_blank",
+			rel: "noopener noreferrer nofollow",
+			className: "text-primary underline underline-offset-2 hover:no-underline",
+			children: t.text
+		});
+		case "image": return n?.mimeType.startsWith("image/") ? /* @__PURE__ */ l(p, {
+			attachment: n,
+			target: r,
+			alt: t.alt
+		}, n.id) : /* @__PURE__ */ l(f, { alt: t.alt });
+		case "inline-code": return /* @__PURE__ */ l("code", {
+			className: "rounded bg-muted px-1 py-0.5 font-mono text-[0.85em]",
+			children: t.value
+		});
+		case "code-block": return /* @__PURE__ */ l("pre", {
+			className: "my-1 overflow-x-auto rounded-md bg-muted p-2 font-mono text-[0.85em] whitespace-pre",
+			children: /* @__PURE__ */ l("code", { children: t.value })
+		});
+		case "bold": return /* @__PURE__ */ l("strong", {
+			className: "font-semibold",
+			children: t.value
+		});
+		case "italic": return /* @__PURE__ */ l("em", { children: t.value });
+	}
+}
+function f({ alt: e }) {
+	return /* @__PURE__ */ u("span", {
+		className: "my-1 inline-flex items-center gap-1 rounded-md border border-border-default px-2 py-1 align-bottom text-xs text-muted-foreground",
+		children: [/* @__PURE__ */ l(s, {
+			className: "h-3.5 w-3.5",
+			"aria-hidden": "true"
+		}), e || "Image unavailable"]
+	});
+}
+function p({ attachment: e, target: t, alt: r }) {
+	let s = n(), c = t.type, u = t.id, d = a(null), [p, m] = o(!1), [h, g] = o(null), [_, v] = o(!1), [y, b] = o(0);
+	return i(() => {
+		let e = d.current;
+		if (!e) return;
+		if (typeof IntersectionObserver > "u") {
+			let e = !0;
+			return queueMicrotask(() => {
+				e && m(!0);
+			}), () => {
+				e = !1;
+			};
+		}
+		let t = new IntersectionObserver((e) => {
+			e.some((e) => e.isIntersecting) && (m(!0), t.disconnect());
+		}, { rootMargin: "256px" });
+		return t.observe(e), () => t.disconnect();
+	}, []), i(() => {
+		if (!p) return;
+		let t = !0;
+		return s({
+			type: c,
+			id: u
+		}, e.id).then((e) => {
+			t && g(e);
+		}, () => {
+			t && v(!0);
+		}), () => {
+			t = !1;
+		};
+	}, [
+		p,
+		s,
+		c,
+		u,
+		e.id,
+		y
+	]), /* @__PURE__ */ l("span", {
+		ref: d,
+		children: _ ? /* @__PURE__ */ l(f, { alt: r }) : h ? /* @__PURE__ */ l("img", {
+			src: h,
+			alt: r,
+			className: "my-1 max-h-64 max-w-full rounded-md border border-border-default object-contain align-bottom",
+			loading: "eager",
+			onError: () => {
+				y === 0 ? (g(null), b(1)) : v(!0);
+			}
+		}) : /* @__PURE__ */ l("span", {
+			className: "my-1 inline-flex h-20 w-32 animate-pulse items-center justify-center rounded-md bg-muted align-bottom text-xs text-muted-foreground",
+			"aria-hidden": "true"
+		})
+	});
+}
+function m({ text: e, attachments: n, target: i, className: a }) {
+	let o;
+	try {
+		o = t(e);
+	} catch {
+		o = [{
+			kind: "text",
+			value: e
+		}];
+	}
+	let s = new Map(n.map((e) => [e.fileId.toLowerCase(), e]));
+	return /* @__PURE__ */ l("div", {
+		className: a ?? "text-sm whitespace-pre-wrap break-words",
+		children: o.map((e, t) => /* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(d, {
+			token: e,
+			attachment: e.kind === "image" ? s.get(e.fileId.toLowerCase()) : void 0,
+			target: i
+		}) }, t))
+	});
+}
+//#endregion
+export { m as CommentBody };
+
+//# sourceMappingURL=CommentBody.js.map

package/dist/planmagnet/comments/CommentBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentBody.js","names":[],"sources":["../../../src/planmagnet/comments/CommentBody.tsx"],"sourcesContent":["import { Fragment, useEffect, useRef, useState } from 'react';\nimport { ImageOff } from 'lucide-react';\nimport { PersonName } from '../people/People';\nimport { tokenizeCommentBody, type CommentToken } from './commentTokens';\nimport { useCommentFileUrl, type CommentFileTarget } from './useCommentFileUrl';\nimport type { CommentAttachmentSummary } from './CommentAttachments';\n\n/** Render only the server's constrained plain-text grammar; raw HTML is always inert React text. */\nfunction TokenView({\n  token,\n  attachment,\n  target,\n}: {\n  token: CommentToken;\n  attachment?: CommentAttachmentSummary;\n  target: CommentFileTarget;\n}) {\n  switch (token.kind) {\n    case 'text':\n      return <>{token.value}</>;\n    case 'mention':\n      return (\n        <span className=\"rounded bg-primary/10 px-1 py-0.5 font-medium text-primary\">\n          @<PersonName id={token.actorId} className=\"text-primary\" />\n        </span>\n      );\n    case 'link':\n      return (\n        <a\n          href={token.url}\n          target=\"_blank\"\n          rel=\"noopener noreferrer nofollow\"\n          className=\"text-primary underline underline-offset-2 hover:no-underline\"\n        >\n          {token.text}\n        </a>\n      );\n    case 'image':\n      // A text token is not itself a grant to read any Files ID. Only this comment's attachment row\n      // permits a download; an unbound fileId in a hand-edited body remains inert.\n      return attachment?.mimeType.startsWith('image/') ? (\n        <CommentBodyImage\n          key={attachment.id}\n          attachment={attachment}\n          target={target}\n          alt={token.alt}\n        />\n      ) : (\n        <UnavailableImage alt={token.alt} />\n      );\n    case 'inline-code':\n      return (\n        <code className=\"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em]\">{token.value}</code>\n      );\n    case 'code-block':\n      return (\n        <pre className=\"my-1 overflow-x-auto rounded-md bg-muted p-2 font-mono text-[0.85em] whitespace-pre\">\n          <code>{token.value}</code>\n        </pre>\n      );\n    case 'bold':\n      return <strong className=\"font-semibold\">{token.value}</strong>;\n    case 'italic':\n      return <em>{token.value}</em>;\n  }\n}\n\nfunction UnavailableImage({ alt }: { alt: string }) {\n  return (\n    <span className=\"my-1 inline-flex items-center gap-1 rounded-md border border-border-default px-2 py-1 align-bottom text-xs text-muted-foreground\">\n      <ImageOff className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n      {alt || 'Image unavailable'}\n    </span>\n  );\n}\n\n/** Fetch a fresh, short-lived URL only as an attached image enters the viewport. */\nfunction CommentBodyImage({\n  attachment,\n  target,\n  alt,\n}: {\n  attachment: CommentAttachmentSummary;\n  target: CommentFileTarget;\n  alt: string;\n}) {\n  const getUrl = useCommentFileUrl();\n  const targetType = target.type;\n  const targetId = target.id;\n  const containerRef = useRef<HTMLSpanElement>(null);\n  const [visible, setVisible] = useState(false);\n  const [url, setUrl] = useState<string | null>(null);\n  const [failed, setFailed] = useState(false);\n  const [retry, setRetry] = useState(0);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n    if (typeof IntersectionObserver === 'undefined') {\n      let active = true;\n      queueMicrotask(() => {\n        if (active) setVisible(true);\n      });\n      return () => {\n        active = false;\n      };\n    }\n    const observer = new IntersectionObserver(\n      (entries) => {\n        if (entries.some((entry) => entry.isIntersecting)) {\n          setVisible(true);\n          observer.disconnect();\n        }\n      },\n      { rootMargin: '256px' }\n    );\n    observer.observe(container);\n    return () => observer.disconnect();\n  }, []);\n\n  useEffect(() => {\n    if (!visible) return;\n    let active = true;\n    void getUrl({ type: targetType, id: targetId }, attachment.id).then(\n      (next) => {\n        if (active) setUrl(next);\n      },\n      () => {\n        if (active) setFailed(true);\n      }\n    );\n    return () => {\n      active = false;\n    };\n  }, [visible, getUrl, targetType, targetId, attachment.id, retry]);\n\n  return (\n    <span ref={containerRef}>\n      {failed ? (\n        <UnavailableImage alt={alt} />\n      ) : url ? (\n        <img\n          src={url}\n          alt={alt}\n          className=\"my-1 max-h-64 max-w-full rounded-md border border-border-default object-contain align-bottom\"\n          loading=\"eager\"\n          onError={() => {\n            if (retry === 0) {\n              // The browser may have delayed an image request until its presign expired. Retry once via\n              // the comment-reader query, never by reusing a cached URL or looping forever on failure.\n              setUrl(null);\n              setRetry(1);\n            } else {\n              setFailed(true);\n            }\n          }}\n        />\n      ) : (\n        <span\n          className=\"my-1 inline-flex h-20 w-32 animate-pulse items-center justify-center rounded-md bg-muted align-bottom text-xs text-muted-foreground\"\n          aria-hidden=\"true\"\n        />\n      )}\n    </span>\n  );\n}\n\nexport interface CommentBodyProps {\n  text: string;\n  attachments: CommentAttachmentSummary[];\n  target: CommentFileTarget;\n  className?: string;\n}\n\nexport function CommentBody({ text, attachments, target, className }: CommentBodyProps) {\n  let tokens: CommentToken[];\n  try {\n    tokens = tokenizeCommentBody(text);\n  } catch {\n    tokens = [{ kind: 'text', value: text }];\n  }\n  const files = new Map(attachments.map((item) => [item.fileId.toLowerCase(), item]));\n\n  return (\n    <div className={className ?? 'text-sm whitespace-pre-wrap break-words'}>\n      {tokens.map((token, index) => (\n        <Fragment key={index}>\n          <TokenView\n            token={token}\n            attachment={token.kind === 'image' ? files.get(token.fileId.toLowerCase()) : undefined}\n            target={target}\n          />\n        </Fragment>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/comments/CommentThread.d.ts

@@ -1,4 +1,6 @@
 import { DocumentNode } from 'graphql';
+import { CommentAttachmentSummary } from './CommentAttachments';
+import { CommentFileTarget } from './useCommentFileUrl';
 
 type CommentStatus = 'OPEN' | 'RESOLVED';
 export interface ThreadComment {
@@ -12,9 +14,12 @@ export interface ThreadComment {
     resolvedBy: string | null;
     resolvedAt: string | null;
     mentions: string[];
+    attachments: CommentAttachmentSummary[];
     replies: ThreadComment[];
 }
 export interface CommentThreadProps {
+    /** Verified by the matching product-read resource before an attachment can be downloaded. */
+    target: CommentFileTarget;
     /** What this thread is attached to, used only in accessible copy ("Add a comment on this task…"). */
     targetNoun: string;
     /** Seeds every form-control id this instance renders, so two threads on the same page never collide. */
@@ -28,7 +33,7 @@ export interface CommentThreadProps {
     };
     add: {
         document: DocumentNode;
-        buildVariables: (body: string, parentId: string | null) => Record<string, unknown>;
+        buildVariables: (body: string, parentId: string | null, attachmentFileIds: string[]) => Record<string, unknown>;
     };
     edit: DocumentNode;
     remove: DocumentNode;
@@ -46,6 +51,6 @@ export interface CommentThreadProps {
         notifyTyping: () => void;
     };
 }
-export declare function CommentThread({ targetNoun, idPrefix, query, add, edit, remove, resolve, refetchQueries, onTotalCount, presence, }: CommentThreadProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommentThread({ target, targetNoun, idPrefix, query, add, edit, remove, resolve, refetchQueries, onTotalCount, presence, }: CommentThreadProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=CommentThread.d.ts.map

package/dist/planmagnet/comments/CommentThread.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentThread.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/comments/CommentThread.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAqC5C,KAAK,aAAa,GAAG,MAAM,GAAG,UAAU,CAAC;AAEzC,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,aAAa,CAAC;IACtB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,EAAE,aAAa,EAAE,CAAC;CAC1B;AAUD,MAAM,WAAW,kBAAkB;IACjC,qGAAqG;IACrG,UAAU,EAAE,MAAM,CAAC;IACnB,wGAAwG;IACxG,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE;QACL,QAAQ,EAAE,YAAY,CAAC;QACvB,0FAA0F;QAC1F,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACnC,IAAI,CAAC,EAAE,OAAO,CAAC;KAChB,CAAC;IACF,GAAG,EAAE;QACH,QAAQ,EAAE,YAAY,CAAC;QACvB,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACpF,CAAC;IACF,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,EAAE,YAAY,CAAC;IACrB,OAAO,EAAE,YAAY,CAAC;IACtB;mEAC+D;IAC/D,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,8FAA8F;IAC9F,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;uGAEmG;IACnG,QAAQ,CAAC,EAAE;QACT,cAAc,EAAE,SAAS,MAAM,EAAE,CAAC;QAClC,YAAY,EAAE,MAAM,IAAI,CAAC;KAC1B,CAAC;CACH;AAID,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,QAAQ,EACR,KAAK,EACL,GAAG,EACH,IAAI,EACJ,MAAM,EACN,OAAO,EACP,cAAc,EACd,YAAY,EACZ,QAAQ,GACT,EAAE,kBAAkB,2CA+KpB"}
+{"version":3,"file":"CommentThread.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/comments/CommentThread.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAY5C,OAAO,EAAsB,KAAK,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AACzF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAoC7D,KAAK,aAAa,GAAG,MAAM,GAAG,UAAU,CAAC;AAEzC,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,aAAa,CAAC;IACtB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,WAAW,EAAE,wBAAwB,EAAE,CAAC;IACxC,OAAO,EAAE,aAAa,EAAE,CAAC;CAC1B;AAUD,MAAM,WAAW,kBAAkB;IACjC,6FAA6F;IAC7F,MAAM,EAAE,iBAAiB,CAAC;IAC1B,qGAAqG;IACrG,UAAU,EAAE,MAAM,CAAC;IACnB,wGAAwG;IACxG,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE;QACL,QAAQ,EAAE,YAAY,CAAC;QACvB,0FAA0F;QAC1F,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACnC,IAAI,CAAC,EAAE,OAAO,CAAC;KAChB,CAAC;IACF,GAAG,EAAE;QACH,QAAQ,EAAE,YAAY,CAAC;QACvB,cAAc,EAAE,CACd,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,iBAAiB,EAAE,MAAM,EAAE,KACxB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAC9B,CAAC;IACF,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,EAAE,YAAY,CAAC;IACrB,OAAO,EAAE,YAAY,CAAC;IACtB;mEAC+D;IAC/D,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,8FAA8F;IAC9F,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;uGAEmG;IACnG,QAAQ,CAAC,EAAE;QACT,cAAc,EAAE,SAAS,MAAM,EAAE,CAAC;QAClC,YAAY,EAAE,MAAM,IAAI,CAAC;KAC1B,CAAC;CACH;AAID,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAK,EACL,GAAG,EACH,IAAI,EACJ,MAAM,EACN,OAAO,EACP,cAAc,EACd,YAAY,EACZ,QAAQ,GACT,EAAE,kBAAkB,2CAkNpB"}