@burdenoff/microfe-planmagnet 2026.1001.8 → 2026.1002.1

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

@@ -0,0 +1,16 @@
+export interface CommentAttachmentUploadState {
+    /** Successfully-uploaded file ids, in attach order — pass straight through as `attachmentFileIds`. */
+    fileIds: string[];
+    /** True while an attachment is queued, uploading, finalizing, failed, or a selection was rejected.
+     * The composer must not post until the author retries/removes failures or dismisses a rejected selection. */
+    pending: boolean;
+}
+export interface CommentAttachmentUploadProps {
+    onChange: (state: CommentAttachmentUploadState) => void;
+    onInsertImage?: (fileId: string, filename: string) => void;
+    onRemoveImage?: (fileId: string) => void;
+    disabled?: boolean;
+    idPrefix: string;
+}
+export declare function CommentAttachmentUpload({ onChange, onInsertImage, onRemoveImage, disabled, idPrefix, }: CommentAttachmentUploadProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CommentAttachmentUpload.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommentAttachmentUpload.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/comments/CommentAttachmentUpload.tsx"],"names":[],"mappings":"AA0CA,MAAM,WAAW,4BAA4B;IAC3C,sGAAsG;IACtG,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB;iHAC6G;IAC7G,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,IAAI,CAAC;IACxD,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,aAAa,EACb,aAAa,EACb,QAAQ,EACR,QAAQ,GACT,EAAE,4BAA4B,2CA2P9B"}

package/dist/planmagnet/comments/CommentAttachmentUpload.js

@@ -0,0 +1,218 @@
+import { formatBytes as e, mimeTypeIcon as t } from "./fileDisplay.js";
+import { MAX_COMMENT_ATTACHMENT_BYTES as n, UploadCompletionUncertainError as r, commentUploadErrorMessage as i, createCommentAttachmentUploadTransport as a, retryCommentAttachmentCompletion as o, uploadCommentAttachment as s } from "./commentAttachmentUploadClient.js";
+import { useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+import { Loader2 as f, Paperclip as p, X as m } from "lucide-react";
+import { useApolloClient as h } from "@apollo/client/react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Button as v } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/comments/CommentAttachmentUpload.tsx
+var y = 10, b = 0;
+function x() {
+	return b += 1, `pending-attachment-${Date.now()}-${b}`;
+}
+function S({ onChange: t, onInsertImage: f, onRemoveImage: m, disabled: b, idPrefix: S }) {
+	let w = h(), T = l(() => a(w), [w]), E = u(null), [D, O] = d([]), [k, A] = d(null), j = u(null), M = u([]), N = u(!1), P = u(!1), F = u(/* @__PURE__ */ new Map());
+	c(() => {
+		P.current = !0;
+		let e = F.current;
+		return () => {
+			P.current = !1, e.forEach((e) => e.abort()), e.clear();
+		};
+	}, []);
+	let I = (e) => {
+		P.current && (M.current = e, O(e), t({
+			fileIds: e.flatMap((e) => e.status === "ready" && e.fileId ? [e.fileId] : []),
+			pending: j.current !== null || e.some((e) => e.status !== "ready")
+		}));
+	}, L = async () => {
+		if (!N.current) {
+			N.current = !0;
+			try {
+				for (; P.current;) {
+					let e = M.current.find((e) => e.status === "queued");
+					if (!e) break;
+					let t = new AbortController();
+					F.current.set(e.tempId, t), I(M.current.map((t) => t.tempId === e.tempId ? {
+						...t,
+						status: e.completionSession ? "finalizing" : "uploading"
+					} : t));
+					try {
+						let n = e.completionSession ? await o(e.completionSession, T, t.signal) : await s(e.file, T, t.signal, () => {
+							I(M.current.map((t) => t.tempId === e.tempId ? {
+								...t,
+								status: "finalizing"
+							} : t));
+						});
+						I(M.current.map((t) => t.tempId === e.tempId ? {
+							...t,
+							status: "ready",
+							fileId: n,
+							error: null,
+							completionSession: null
+						} : t));
+					} catch (n) {
+						(!t.signal.aborted || n instanceof r) && I(M.current.map((t) => t.tempId === e.tempId ? {
+							...t,
+							status: "error",
+							error: i(n),
+							completionSession: n instanceof r ? n.session : t.completionSession
+						} : t));
+					} finally {
+						F.current.delete(e.tempId);
+					}
+				}
+			} finally {
+				N.current = !1;
+			}
+		}
+	}, R = D.filter((e) => e.status !== "error").length, z = R >= y, B = (t) => {
+		if (!t || t.length === 0) return;
+		let r = y - M.current.filter((e) => e.status !== "error").length, i = Array.from(t), a = i.filter((e) => e.size <= n), o = a.slice(0, Math.max(0, r)).map((e) => ({
+			tempId: x(),
+			file: e,
+			status: "queued",
+			error: null,
+			fileId: null,
+			completionSession: null
+		})), s = i.length !== a.length, c = a.length > o.length, l = [s ? `Each attachment must be at most ${e(104857600)}. The larger files were not attached.` : null, c ? `Only ${y} attachments can be added to one comment. The extra files were not attached.` : null].filter(Boolean).join(" ") || null;
+		if (l) {
+			let e = j.current;
+			j.current = e && !e.includes(l) ? `${e} ${l}` : e ?? l, A(j.current);
+		}
+		I([...M.current, ...o]), o.length > 0 && L(), E.current && (E.current.value = "");
+	}, V = (e) => {
+		M.current.filter((e) => e.status !== "error").length >= y || (I(M.current.map((t) => t.tempId === e && t.status === "error" ? {
+			...t,
+			status: "queued",
+			error: null
+		} : t)), L());
+	}, H = (e) => {
+		let t = M.current.find((t) => t.tempId === e);
+		t?.status !== "finalizing" && (F.current.get(e)?.abort(), t?.fileId && t.file.type.startsWith("image/") && m?.(t.fileId), I(M.current.filter((t) => t.tempId !== e)));
+	};
+	return /* @__PURE__ */ _("div", {
+		className: "space-y-1.5",
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "flex items-center gap-2",
+				children: [
+					/* @__PURE__ */ g("input", {
+						ref: E,
+						id: `${S}-attach-input`,
+						type: "file",
+						multiple: !0,
+						className: "sr-only",
+						disabled: b || z,
+						onChange: (e) => B(e.target.files)
+					}),
+					/* @__PURE__ */ _(v, {
+						type: "button",
+						size: "sm",
+						variant: "outline",
+						className: "h-7 px-2 text-xs",
+						disabled: b || z,
+						onClick: () => E.current?.click(),
+						"data-testid": `${S}-attach-files`,
+						children: [/* @__PURE__ */ g(p, {
+							className: "mr-1 h-3.5 w-3.5",
+							"aria-hidden": "true"
+						}), "Attach files"]
+					}),
+					/* @__PURE__ */ g("span", {
+						className: "text-xs text-muted-foreground",
+						children: D.length > 0 ? `${R}/${y} attached` : `Up to ${y} files`
+					})
+				]
+			}),
+			k && /* @__PURE__ */ _("p", {
+				role: "alert",
+				className: "text-xs text-destructive",
+				children: [
+					k,
+					" ",
+					/* @__PURE__ */ g("button", {
+						type: "button",
+						className: "underline",
+						onClick: () => {
+							j.current = null, A(null), I(M.current);
+						},
+						children: "Dismiss"
+					})
+				]
+			}),
+			D.length > 0 && /* @__PURE__ */ g("ul", {
+				className: "flex flex-wrap gap-1.5",
+				"data-testid": `${S}-pending-attachments`,
+				"aria-label": "Files attached to this comment",
+				children: D.map((e) => /* @__PURE__ */ g("li", { children: /* @__PURE__ */ g(C, {
+					item: e,
+					disabled: b,
+					onInsertImage: f,
+					onRetry: () => V(e.tempId),
+					retryDisabled: z,
+					onRemove: () => H(e.tempId)
+				}) }, e.tempId))
+			})
+		]
+	});
+}
+function C({ item: n, disabled: r, onInsertImage: i, onRetry: a, retryDisabled: o, onRemove: s }) {
+	let c = n.status === "error", l = n.status === "ready" && n.file.type.startsWith("image/") ? n.fileId : null;
+	return /* @__PURE__ */ _("span", {
+		className: `inline-flex max-w-[16rem] items-center gap-1.5 rounded-md border px-2 py-1 text-xs ${c ? "border-destructive/50 text-destructive" : "border-border-default"}`,
+		"data-testid": "pending-attachment",
+		children: [
+			n.status === "uploading" || n.status === "finalizing" ? /* @__PURE__ */ g(f, {
+				className: "h-3.5 w-3.5 shrink-0 animate-spin",
+				"aria-hidden": "true"
+			}) : t(n.file.type || "application/octet-stream"),
+			/* @__PURE__ */ g("span", {
+				className: "truncate",
+				children: n.file.name
+			}),
+			/* @__PURE__ */ g("span", {
+				className: "shrink-0 text-muted-foreground",
+				children: e(n.file.size)
+			}),
+			n.status === "finalizing" && /* @__PURE__ */ g("span", {
+				className: "shrink-0",
+				children: "Finalizing…"
+			}),
+			c && /* @__PURE__ */ _("span", {
+				className: "shrink-0 truncate",
+				role: "alert",
+				children: ["· ", n.error ?? "Upload failed"]
+			}),
+			c && /* @__PURE__ */ g("button", {
+				type: "button",
+				className: "shrink-0 text-primary hover:underline disabled:opacity-50",
+				disabled: r || o,
+				onClick: a,
+				title: o ? "Remove another attachment to retry" : void 0,
+				children: n.completionSession ? "Retry finalizing" : "Retry upload"
+			}),
+			l && i && /* @__PURE__ */ g("button", {
+				type: "button",
+				className: "shrink-0 text-primary hover:underline",
+				disabled: r,
+				onClick: () => i(l, n.file.name),
+				children: "Insert image"
+			}),
+			/* @__PURE__ */ g("button", {
+				type: "button",
+				"aria-label": `Remove ${n.file.name}`,
+				className: "shrink-0 rounded-sm text-muted-foreground hover:text-foreground",
+				disabled: r || n.status === "finalizing",
+				onClick: s,
+				children: /* @__PURE__ */ g(m, {
+					className: "h-3 w-3",
+					"aria-hidden": "true"
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { S as CommentAttachmentUpload };
+
+//# sourceMappingURL=CommentAttachmentUpload.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommentAttachmentUpload.js","names":[],"sources":["../../../src/planmagnet/comments/CommentAttachmentUpload.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport { useApolloClient } from '@apollo/client/react';\nimport { Loader2, Paperclip, X } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { formatBytes, mimeTypeIcon } from './fileDisplay';\nimport {\n  MAX_COMMENT_ATTACHMENT_BYTES,\n  UploadCompletionUncertainError,\n  commentUploadErrorMessage,\n  createCommentAttachmentUploadTransport,\n  retryCommentAttachmentCompletion,\n  uploadCommentAttachment,\n  type CompletionSession,\n} from './commentAttachmentUploadClient';\n\n/**\n * CWF-12: Upload add/reply attachments into the creator's PRIVATE Files root, not a shared\n * path-based folder. Files chooses direct or multipart at 5 MiB; completion retries only\n * against the original session. Errors remain visible and block posting until resolved.\n */\n\n/** Mirrors `PlanmagnetAdd*CommentInput`'s server-side ten-file cap. */\nconst MAX_ATTACHMENTS = 10;\n\ntype AttachmentStatus = 'queued' | 'uploading' | 'finalizing' | 'ready' | 'error';\n\ninterface PendingAttachment {\n  tempId: string;\n  file: File;\n  status: AttachmentStatus;\n  error: string | null;\n  fileId: string | null;\n  /** Only retained after an ambiguous completion; retry must never re-upload the bytes. */\n  completionSession: CompletionSession | null;\n}\n\nlet tempSeq = 0;\nfunction nextTempId(): string {\n  tempSeq += 1;\n  return `pending-attachment-${Date.now()}-${tempSeq}`;\n}\n\nexport interface CommentAttachmentUploadState {\n  /** Successfully-uploaded file ids, in attach order — pass straight through as `attachmentFileIds`. */\n  fileIds: string[];\n  /** True while an attachment is queued, uploading, finalizing, failed, or a selection was rejected.\n   * The composer must not post until the author retries/removes failures or dismisses a rejected selection. */\n  pending: boolean;\n}\n\nexport interface CommentAttachmentUploadProps {\n  onChange: (state: CommentAttachmentUploadState) => void;\n  onInsertImage?: (fileId: string, filename: string) => void;\n  onRemoveImage?: (fileId: string) => void;\n  disabled?: boolean;\n  idPrefix: string;\n}\n\nexport function CommentAttachmentUpload({\n  onChange,\n  onInsertImage,\n  onRemoveImage,\n  disabled,\n  idPrefix,\n}: CommentAttachmentUploadProps) {\n  const client = useApolloClient();\n  const transport = useMemo(() => createCommentAttachmentUploadTransport(client), [client]);\n  const inputRef = useRef<HTMLInputElement>(null);\n  // `items` is what renders. `itemsRef` mirrors it in lockstep (every `commit` below writes both) purely so the\n  // sequential upload loop — running across `await` boundaries, outside any render — always reads what is\n  // actually attached right now (including files attached mid-upload, or removed while their own upload is\n  // still in flight) instead of a stale closure over the array from when the loop began. `itemsRef` is never\n  // read from the render body: `react-hooks/refs` (this repo's full React Compiler lint set) rejects that, and\n  // correctly — a ref read during render isn't reactive, so React would have no reason to re-render on it.\n  const [items, setItems] = useState<PendingAttachment[]>([]);\n  const [selectionError, setSelectionError] = useState<string | null>(null);\n  const selectionErrorRef = useRef<string | null>(null);\n  const itemsRef = useRef<PendingAttachment[]>([]);\n  const uploadingRef = useRef(false);\n  const mountedRef = useRef(false);\n  const controllersRef = useRef(new Map<string, AbortController>());\n\n  useEffect(() => {\n    mountedRef.current = true;\n    const controllers = controllersRef.current;\n    return () => {\n      mountedRef.current = false;\n      controllers.forEach((controller) => controller.abort());\n      controllers.clear();\n    };\n  }, []);\n\n  const commit = (next: PendingAttachment[]) => {\n    if (!mountedRef.current) return;\n    itemsRef.current = next;\n    setItems(next);\n    onChange({\n      fileIds: next.flatMap((item) =>\n        item.status === 'ready' && item.fileId ? [item.fileId] : []\n      ),\n      pending: selectionErrorRef.current !== null || next.some((item) => item.status !== 'ready'),\n    });\n  };\n\n  const runQueue = async () => {\n    if (uploadingRef.current) return; // Already draining — that loop will pick up anything just added.\n    uploadingRef.current = true;\n    try {\n      for (;;) {\n        if (!mountedRef.current) break;\n        const next = itemsRef.current.find((item) => item.status === 'queued');\n        if (!next) break;\n        const controller = new AbortController();\n        controllersRef.current.set(next.tempId, controller);\n        commit(\n          itemsRef.current.map(\n            (item): PendingAttachment =>\n              item.tempId === next.tempId\n                ? { ...item, status: next.completionSession ? 'finalizing' : 'uploading' }\n                : item\n          )\n        );\n        try {\n          const fileId = next.completionSession\n            ? await retryCommentAttachmentCompletion(\n                next.completionSession,\n                transport,\n                controller.signal\n              )\n            : await uploadCommentAttachment(next.file, transport, controller.signal, () => {\n                commit(\n                  itemsRef.current.map(\n                    (item): PendingAttachment =>\n                      item.tempId === next.tempId ? { ...item, status: 'finalizing' } : item\n                  )\n                );\n              });\n          // No-op if the attachment was removed during its upload. Finalization cannot be safely\n          // canceled after the mutation has been sent, so Remove is disabled while finalizing.\n          commit(\n            itemsRef.current.map(\n              (item): PendingAttachment =>\n                item.tempId === next.tempId\n                  ? { ...item, status: 'ready', fileId, error: null, completionSession: null }\n                  : item\n            )\n          );\n        } catch (error) {\n          if (!controller.signal.aborted || error instanceof UploadCompletionUncertainError) {\n            commit(\n              itemsRef.current.map(\n                (item): PendingAttachment =>\n                  item.tempId === next.tempId\n                    ? {\n                        ...item,\n                        status: 'error',\n                        error: commentUploadErrorMessage(error),\n                        completionSession:\n                          error instanceof UploadCompletionUncertainError\n                            ? error.session\n                            : item.completionSession,\n                      }\n                    : item\n              )\n            );\n          }\n        } finally {\n          controllersRef.current.delete(next.tempId);\n        }\n      }\n    } finally {\n      uploadingRef.current = false;\n    }\n  };\n\n  // Render-time derivation from `items` (state), never from `itemsRef` — see the comment on `itemsRef` above.\n  const countedTowardCap = items.filter((i) => i.status !== 'error').length;\n  const atCap = countedTowardCap >= MAX_ATTACHMENTS;\n\n  const handleFiles = (files: FileList | null) => {\n    if (!files || files.length === 0) return;\n    // Reads itemsRef (not `items`/`countedTowardCap`) deliberately: this handler can fire again before a\n    // previous commit's re-render has landed, and itemsRef is always the latest value, synchronously.\n    const roomLeft =\n      MAX_ATTACHMENTS - itemsRef.current.filter((item) => item.status !== 'error').length;\n    const selected = Array.from(files);\n    const allowed = selected.filter((file) => file.size <= MAX_COMMENT_ATTACHMENT_BYTES);\n    const queued: PendingAttachment[] = allowed.slice(0, Math.max(0, roomLeft)).map((file) => ({\n      tempId: nextTempId(),\n      file,\n      status: 'queued',\n      error: null,\n      fileId: null,\n      completionSession: null,\n    }));\n    const rejectedForSize = selected.length !== allowed.length;\n    const rejectedForCount = allowed.length > queued.length;\n    const rejection =\n      [\n        rejectedForSize\n          ? `Each attachment must be at most ${formatBytes(MAX_COMMENT_ATTACHMENT_BYTES)}. The larger files were not attached.`\n          : null,\n        rejectedForCount\n          ? `Only ${MAX_ATTACHMENTS} attachments can be added to one comment. The extra files were not attached.`\n          : null,\n      ]\n        .filter(Boolean)\n        .join(' ') || null;\n    // A rejected selection remains visible (and blocks posting) even if a later\n    // selection succeeds. The author must explicitly dismiss the omitted files.\n    if (rejection) {\n      const previous = selectionErrorRef.current;\n      selectionErrorRef.current =\n        previous && !previous.includes(rejection)\n          ? `${previous} ${rejection}`\n          : (previous ?? rejection);\n      setSelectionError(selectionErrorRef.current);\n    }\n    commit([...itemsRef.current, ...queued]);\n    if (queued.length > 0) void runQueue();\n    if (inputRef.current) inputRef.current.value = '';\n  };\n\n  const retryItem = (tempId: string) => {\n    // Errors do not count towards the selection cap, but retrying one must not exceed it.\n    if (itemsRef.current.filter((item) => item.status !== 'error').length >= MAX_ATTACHMENTS)\n      return;\n    commit(\n      itemsRef.current.map(\n        (item): PendingAttachment =>\n          item.tempId === tempId && item.status === 'error'\n            ? { ...item, status: 'queued', error: null }\n            : item\n      )\n    );\n    void runQueue();\n  };\n\n  const removeItem = (tempId: string) => {\n    const item = itemsRef.current.find((entry) => entry.tempId === tempId);\n    if (item?.status === 'finalizing') return; // Finalization may already have committed: never abort it.\n    controllersRef.current.get(tempId)?.abort();\n    if (item?.fileId && item.file.type.startsWith('image/')) onRemoveImage?.(item.fileId);\n    commit(itemsRef.current.filter((entry) => entry.tempId !== tempId));\n  };\n\n  return (\n    <div className=\"space-y-1.5\">\n      <div className=\"flex items-center gap-2\">\n        <input\n          ref={inputRef}\n          id={`${idPrefix}-attach-input`}\n          type=\"file\"\n          multiple\n          className=\"sr-only\"\n          disabled={disabled || atCap}\n          onChange={(e) => handleFiles(e.target.files)}\n        />\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          variant=\"outline\"\n          className=\"h-7 px-2 text-xs\"\n          disabled={disabled || atCap}\n          onClick={() => inputRef.current?.click()}\n          data-testid={`${idPrefix}-attach-files`}\n        >\n          <Paperclip className=\"mr-1 h-3.5 w-3.5\" aria-hidden=\"true\" />\n          Attach files\n        </Button>\n        <span className=\"text-xs text-muted-foreground\">\n          {items.length > 0\n            ? `${countedTowardCap}/${MAX_ATTACHMENTS} attached`\n            : `Up to ${MAX_ATTACHMENTS} files`}\n        </span>\n      </div>\n\n      {selectionError && (\n        <p role=\"alert\" className=\"text-xs text-destructive\">\n          {selectionError}{' '}\n          <button\n            type=\"button\"\n            className=\"underline\"\n            onClick={() => {\n              selectionErrorRef.current = null;\n              setSelectionError(null);\n              commit(itemsRef.current);\n            }}\n          >\n            Dismiss\n          </button>\n        </p>\n      )}\n      {items.length > 0 && (\n        <ul\n          className=\"flex flex-wrap gap-1.5\"\n          data-testid={`${idPrefix}-pending-attachments`}\n          aria-label=\"Files attached to this comment\"\n        >\n          {items.map((item) => (\n            <li key={item.tempId}>\n              <PendingAttachmentChip\n                item={item}\n                disabled={disabled}\n                onInsertImage={onInsertImage}\n                onRetry={() => retryItem(item.tempId)}\n                retryDisabled={atCap}\n                onRemove={() => removeItem(item.tempId)}\n              />\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\n\nfunction PendingAttachmentChip({\n  item,\n  disabled,\n  onInsertImage,\n  onRetry,\n  retryDisabled,\n  onRemove,\n}: {\n  item: PendingAttachment;\n  disabled?: boolean;\n  onInsertImage?: (fileId: string, filename: string) => void;\n  onRetry: () => void;\n  retryDisabled: boolean;\n  onRemove: () => void;\n}) {\n  const errored = item.status === 'error';\n  const imageFileId =\n    item.status === 'ready' && item.file.type.startsWith('image/') ? item.fileId : null;\n  return (\n    <span\n      className={`inline-flex max-w-[16rem] items-center gap-1.5 rounded-md border px-2 py-1 text-xs ${\n        errored ? 'border-destructive/50 text-destructive' : 'border-border-default'\n      }`}\n      data-testid=\"pending-attachment\"\n    >\n      {item.status === 'uploading' || item.status === 'finalizing' ? (\n        <Loader2 className=\"h-3.5 w-3.5 shrink-0 animate-spin\" aria-hidden=\"true\" />\n      ) : (\n        mimeTypeIcon(item.file.type || 'application/octet-stream')\n      )}\n      <span className=\"truncate\">{item.file.name}</span>\n      <span className=\"shrink-0 text-muted-foreground\">{formatBytes(item.file.size)}</span>\n      {item.status === 'finalizing' && <span className=\"shrink-0\">Finalizing…</span>}\n      {errored && (\n        <span className=\"shrink-0 truncate\" role=\"alert\">\n          · {item.error ?? 'Upload failed'}\n        </span>\n      )}\n      {errored && (\n        <button\n          type=\"button\"\n          className=\"shrink-0 text-primary hover:underline disabled:opacity-50\"\n          disabled={disabled || retryDisabled}\n          onClick={onRetry}\n          title={retryDisabled ? 'Remove another attachment to retry' : undefined}\n        >\n          {item.completionSession ? 'Retry finalizing' : 'Retry upload'}\n        </button>\n      )}\n      {imageFileId && onInsertImage && (\n        <button\n          type=\"button\"\n          className=\"shrink-0 text-primary hover:underline\"\n          disabled={disabled}\n          onClick={() => onInsertImage(imageFileId, item.file.name)}\n        >\n          Insert image\n        </button>\n      )}\n      <button\n        type=\"button\"\n        aria-label={`Remove ${item.file.name}`}\n        className=\"shrink-0 rounded-sm text-muted-foreground hover:text-foreground\"\n        disabled={disabled || item.status === 'finalizing'}\n        onClick={onRemove}\n      >\n        <X className=\"h-3 w-3\" aria-hidden=\"true\" />\n      </button>\n    </span>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,15 @@
+import { CommentFileTarget } from './useCommentFileUrl';
+
+/** Server-snapshotted metadata; the attachment ID, not its raw Files ID, authorizes each download. */
+export interface CommentAttachmentSummary {
+    id: string;
+    fileId: string;
+    name: string;
+    mimeType: string;
+    size: number;
+}
+export declare function CommentAttachments({ attachments, target, }: {
+    attachments: CommentAttachmentSummary[];
+    target: CommentFileTarget;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=CommentAttachments.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommentAttachments.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/comments/CommentAttachments.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAEhF,sGAAsG;AACtG,MAAM,WAAW,wBAAwB;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,MAAM,GACP,EAAE;IACD,WAAW,EAAE,wBAAwB,EAAE,CAAC;IACxC,MAAM,EAAE,iBAAiB,CAAC;CAC3B,kDAWA"}

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":";;;;;;;AAQA,SAAS,EAAU,EACjB,UACA,eACA,aAKC;AACD,SAAQ,EAAM,MAAd;EACE,KAAK,OACH,QAAO,kBAAA,GAAA,EAAA,UAAG,EAAM,OAAS,CAAA;EAC3B,KAAK,UACH,QACE,kBAAC,QAAD;GAAM,WAAU;aAAhB,CAA6E,KAC1E,kBAAC,GAAD;IAAY,IAAI,EAAM;IAAS,WAAU;IAAiB,CAAA,CACtD;;EAEX,KAAK,OACH,QACE,kBAAC,KAAD;GACE,MAAM,EAAM;GACZ,QAAO;GACP,KAAI;GACJ,WAAU;aAET,EAAM;GACL,CAAA;EAER,KAAK,QAGH,QAAO,GAAY,SAAS,WAAW,SAAS,GAC9C,kBAAC,GAAD;GAEc;GACJ;GACR,KAAK,EAAM;GACX,EAJK,EAAW,GAIhB,GAEF,kBAAC,GAAD,EAAkB,KAAK,EAAM,KAAO,CAAA;EAExC,KAAK,cACH,QACE,kBAAC,QAAD;GAAM,WAAU;aAAwD,EAAM;GAAa,CAAA;EAE/F,KAAK,aACH,QACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,QAAD,EAAA,UAAO,EAAM,OAAa,CAAA;GACtB,CAAA;EAEV,KAAK,OACH,QAAO,kBAAC,UAAD;GAAQ,WAAU;aAAiB,EAAM;GAAe,CAAA;EACjE,KAAK,SACH,QAAO,kBAAC,MAAD,EAAA,UAAK,EAAM,OAAW,CAAA;;;AAInC,SAAS,EAAiB,EAAE,UAAwB;AAClD,QACE,kBAAC,QAAD;EAAM,WAAU;YAAhB,CACE,kBAAC,GAAD;GAAU,WAAU;GAAc,eAAY;GAAS,CAAA,EACtD,KAAO,oBACH;;;AAKX,SAAS,EAAiB,EACxB,eACA,WACA,UAKC;CACD,IAAM,IAAS,GAAmB,EAC5B,IAAa,EAAO,MACpB,IAAW,EAAO,IAClB,IAAe,EAAwB,KAAK,EAC5C,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAK,KAAU,EAAwB,KAAK,EAC7C,CAAC,GAAQ,KAAa,EAAS,GAAM,EACrC,CAAC,GAAO,KAAY,EAAS,EAAE;AA2CrC,QAzCA,QAAgB;EACd,IAAM,IAAY,EAAa;AAC/B,MAAI,CAAC,EAAW;AAChB,MAAI,OAAO,uBAAyB,KAAa;GAC/C,IAAI,IAAS;AAIb,UAHA,qBAAqB;AACnB,IAAI,KAAQ,EAAW,GAAK;KAC5B,QACW;AACX,QAAS;;;EAGb,IAAM,IAAW,IAAI,sBAClB,MAAY;AACX,GAAI,EAAQ,MAAM,MAAU,EAAM,eAAe,KAC/C,EAAW,GAAK,EAChB,EAAS,YAAY;KAGzB,EAAE,YAAY,SAAS,CACxB;AAED,SADA,EAAS,QAAQ,EAAU,QACd,EAAS,YAAY;IACjC,EAAE,CAAC,EAEN,QAAgB;AACd,MAAI,CAAC,EAAS;EACd,IAAI,IAAS;AASb,SARK,EAAO;GAAE,MAAM;GAAY,IAAI;GAAU,EAAE,EAAW,GAAG,CAAC,MAC5D,MAAS;AACR,GAAI,KAAQ,EAAO,EAAK;WAEpB;AACJ,GAAI,KAAQ,EAAU,GAAK;IAE9B,QACY;AACX,OAAS;;IAEV;EAAC;EAAS;EAAQ;EAAY;EAAU,EAAW;EAAI;EAAM,CAAC,EAG/D,kBAAC,QAAD;EAAM,KAAK;YACR,IACC,kBAAC,GAAD,EAAuB,QAAO,CAAA,GAC5B,IACF,kBAAC,OAAD;GACE,KAAK;GACA;GACL,WAAU;GACV,SAAQ;GACR,eAAe;AACb,IAAI,MAAU,KAGZ,EAAO,KAAK,EACZ,EAAS,EAAE,IAEX,EAAU,GAAK;;GAGnB,CAAA,GAEF,kBAAC,QAAD;GACE,WAAU;GACV,eAAY;GACZ,CAAA;EAEC,CAAA;;AAWX,SAAgB,EAAY,EAAE,SAAM,gBAAa,WAAQ,gBAA+B;CACtF,IAAI;AACJ,KAAI;AACF,MAAS,EAAoB,EAAK;SAC5B;AACN,MAAS,CAAC;GAAE,MAAM;GAAQ,OAAO;GAAM,CAAC;;CAE1C,IAAM,IAAQ,IAAI,IAAI,EAAY,KAAK,MAAS,CAAC,EAAK,OAAO,aAAa,EAAE,EAAK,CAAC,CAAC;AAEnF,QACE,kBAAC,OAAD;EAAK,WAAW,KAAa;YAC1B,EAAO,KAAK,GAAO,MAClB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACS;GACP,YAAY,EAAM,SAAS,UAAU,EAAM,IAAI,EAAM,OAAO,aAAa,CAAC,GAAG,KAAA;GACrE;GACR,CAAA,EACO,EANI,EAMJ,CACX;EACE,CAAA"}

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"}