@burdenoff/microfe-bigconsole 2026.805.2 → 2026.812.1

package/dist/bigconsole/components/widgets/comments/WidgetComments.js

@@ -1,200 +1,217 @@
 import e from "../../../hooks/useWidgetComments.js";
 import { useCallback as t, useState as n } from "react";
 import { Check as r, CornerDownRight as i, Loader2 as a, MessageSquare as o, RotateCcw as s, Send as c, Trash2 as l, X as u } from "lucide-react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/comments/WidgetComments.tsx
-function p(e) {
-	return `User ${e.slice(0, 6)}`;
+function m(e, t) {
+	return e("bigconsole.widget.comments.authorLabel", "User {{id}}", { id: t.slice(0, 6) });
 }
-function m(e) {
+function h(e) {
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "" : new Intl.DateTimeFormat(void 0, {
 		dateStyle: "medium",
 		timeStyle: "short"
 	}).format(t);
 }
-var h = ({ comment: e, isReply: t, busy: n, onResolve: a, onDelete: o, onReply: c }) => {
-	let u = !!e.resolvedAt, h = e.content.text ?? e.content.markdown ?? "";
-	return /* @__PURE__ */ d("div", {
+var g = ({ comment: e, isReply: t, busy: n, onResolve: a, onDelete: o, onReply: c }) => {
+	let { t: u } = d(), g = !!e.resolvedAt, _ = e.content.text ?? e.content.markdown ?? "";
+	return /* @__PURE__ */ f("div", {
 		className: t ? "pl-6" : "",
-		children: /* @__PURE__ */ f("div", {
-			className: "rounded-md border border-border-default bg-bg-surface p-2.5",
+		children: /* @__PURE__ */ p("div", {
+			className: "rounded-md border border-[var(--color-border-default)] bg-bg-surface p-2.5",
 			children: [
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ p("div", {
 					className: "flex items-center justify-between gap-2",
-					children: [/* @__PURE__ */ d("span", {
+					children: [/* @__PURE__ */ f("span", {
 						className: "text-xs font-medium text-text-primary",
-						children: p(e.authorId)
-					}), /* @__PURE__ */ d("span", {
-						className: "text-[10px] text-text-tertiary tabular-nums",
-						children: m(e.createdAt)
+						children: m(u, e.authorId)
+					}), /* @__PURE__ */ f("span", {
+						className: "text-[10px] text-text-muted tabular-nums",
+						children: h(e.createdAt)
 					})]
 				}),
-				/* @__PURE__ */ d("p", {
+				/* @__PURE__ */ f("p", {
 					className: "mt-1 whitespace-pre-wrap break-words text-sm text-text-secondary",
-					children: h
+					children: _
 				}),
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ p("div", {
 					className: "mt-1.5 flex items-center gap-2",
 					children: [
-						u && /* @__PURE__ */ f("span", {
+						g && /* @__PURE__ */ p("span", {
 							className: "inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] font-medium bg-status-success-bg text-status-success-text",
-							children: [/* @__PURE__ */ d(r, { className: "h-3 w-3" }), " Resolved"]
+							children: [
+								/* @__PURE__ */ f(r, { className: "h-3 w-3" }),
+								" ",
+								u("bigconsole.widget.comments.resolvedBadge", "Resolved")
+							]
 						}),
-						c && /* @__PURE__ */ f("button", {
+						c && /* @__PURE__ */ p("button", {
 							type: "button",
 							disabled: n,
 							onClick: () => c(e.id),
-							className: "inline-flex items-center gap-1 text-[11px] text-text-tertiary hover:text-text-primary disabled:opacity-50",
-							children: [/* @__PURE__ */ d(i, { className: "h-3 w-3" }), " Reply"]
+							className: "inline-flex items-center gap-1 text-[11px] text-text-muted hover:text-text-primary disabled:opacity-50",
+							children: [
+								/* @__PURE__ */ f(i, { className: "h-3 w-3" }),
+								" ",
+								u("bigconsole.widget.comments.reply", "Reply")
+							]
 						}),
-						/* @__PURE__ */ f("button", {
+						/* @__PURE__ */ p("button", {
 							type: "button",
 							disabled: n,
-							onClick: () => a(e.id, !u),
-							className: "inline-flex items-center gap-1 text-[11px] text-text-tertiary hover:text-text-primary disabled:opacity-50",
-							children: [d(u ? s : r, { className: "h-3 w-3" }), u ? "Reopen" : "Resolve"]
+							onClick: () => a(e.id, !g),
+							className: "inline-flex items-center gap-1 text-[11px] text-text-muted hover:text-text-primary disabled:opacity-50",
+							children: [f(g ? s : r, { className: "h-3 w-3" }), g ? u("bigconsole.widget.comments.reopen", "Reopen") : u("bigconsole.widget.comments.resolve", "Resolve")]
 						}),
-						/* @__PURE__ */ f("button", {
+						/* @__PURE__ */ p("button", {
 							type: "button",
 							disabled: n,
 							onClick: () => o(e.id),
 							className: "inline-flex items-center gap-1 text-[11px] text-status-error-text hover:opacity-80 disabled:opacity-50",
-							children: [/* @__PURE__ */ d(l, { className: "h-3 w-3" }), " Delete"]
+							children: [
+								/* @__PURE__ */ f(l, { className: "h-3 w-3" }),
+								" ",
+								u("bigconsole.widget.comments.delete", "Delete")
+							]
 						})
 					]
 				})
 			]
 		})
 	});
-}, g = ({ placeholder: e, busy: t, autoFocus: r, onSubmit: i, onCancel: o }) => {
-	let [s, l] = n(""), p = async () => {
-		let e = s.trim();
-		e && await i(e) !== !1 && l("");
+}, _ = ({ placeholder: e, busy: t, autoFocus: r, onSubmit: i, onCancel: o }) => {
+	let { t: s } = d(), [l, m] = n(""), h = async () => {
+		let e = l.trim();
+		e && await i(e) !== !1 && m("");
 	};
-	return /* @__PURE__ */ f("div", {
+	return /* @__PURE__ */ p("div", {
 		className: "flex items-end gap-2",
-		children: [/* @__PURE__ */ d("textarea", {
+		children: [/* @__PURE__ */ f("textarea", {
 			autoFocus: r,
-			value: s,
-			onChange: (e) => l(e.target.value),
+			value: l,
+			onChange: (e) => m(e.target.value),
 			onKeyDown: (e) => {
-				(e.metaKey || e.ctrlKey) && e.key === "Enter" && (e.preventDefault(), p());
+				(e.metaKey || e.ctrlKey) && e.key === "Enter" && (e.preventDefault(), h());
 			},
 			rows: 2,
 			placeholder: e,
-			className: "flex-1 resize-none rounded-md border border-border-default bg-bg-surface px-2.5 py-1.5 text-sm text-text-primary placeholder:text-text-tertiary focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
-		}), /* @__PURE__ */ f("div", {
+			className: "flex-1 resize-none rounded-md border border-[var(--color-border-default)] bg-bg-surface px-2.5 py-1.5 text-sm text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
+		}), /* @__PURE__ */ p("div", {
 			className: "flex flex-col gap-1",
-			children: [/* @__PURE__ */ d("button", {
+			children: [/* @__PURE__ */ f("button", {
 				type: "button",
-				disabled: t || !s.trim(),
-				onClick: () => void p(),
-				title: "Post (⌘/Ctrl + Enter)",
+				disabled: t || !l.trim(),
+				onClick: () => void h(),
+				title: s("bigconsole.widget.comments.postTitle", "Post (⌘/Ctrl + Enter)"),
 				className: "inline-flex items-center justify-center rounded-md bg-action-primary-bg p-1.5 text-action-primary-text hover:opacity-90 disabled:opacity-50",
-				children: t ? /* @__PURE__ */ d(a, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ d(c, { className: "h-4 w-4" })
-			}), o && /* @__PURE__ */ d("button", {
+				children: t ? /* @__PURE__ */ f(a, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ f(c, { className: "h-4 w-4" })
+			}), o && /* @__PURE__ */ f("button", {
 				type: "button",
 				onClick: o,
-				className: "inline-flex items-center justify-center rounded-md border border-border-default p-1.5 text-text-tertiary hover:text-text-primary",
-				title: "Cancel reply",
-				children: /* @__PURE__ */ d(u, { className: "h-4 w-4" })
+				className: "inline-flex items-center justify-center rounded-md border border-[var(--color-border-default)] p-1.5 text-text-muted hover:text-text-primary",
+				title: s("bigconsole.widget.comments.cancelReplyTitle", "Cancel reply"),
+				children: /* @__PURE__ */ f(u, { className: "h-4 w-4" })
 			})]
 		})]
 	});
-}, _ = ({ widgetId: r, onClose: i }) => {
-	let { threads: s, count: c, loading: l, error: p, mutating: m, addComment: _, resolveComment: v, deleteComment: y } = e(r), [b, x] = n(null), S = t(async (e, t) => {
-		let n = await _(e, t);
-		return n && t && x(null), n;
-	}, [_]);
-	return /* @__PURE__ */ f("div", {
+}, v = ({ widgetId: r, onClose: i }) => {
+	let { t: s } = d(), { threads: c, count: l, loading: m, error: h, mutating: v, addComment: y, resolveComment: b, deleteComment: x } = e(r), [S, C] = n(null), w = t(async (e, t) => {
+		let n = await y(e, t);
+		return n && t && C(null), n;
+	}, [y]);
+	return /* @__PURE__ */ p("div", {
 		className: "absolute inset-0 z-40 flex flex-col bg-bg-surface/98 backdrop-blur-sm",
 		role: "dialog",
-		"aria-label": "Widget comments",
+		"aria-label": s("bigconsole.widget.comments.dialogAriaLabel", "Widget comments"),
 		tabIndex: -1,
 		onClick: (e) => e.stopPropagation(),
 		onKeyDown: (e) => {
 			e.key === "Escape" && (e.stopPropagation(), i());
 		},
 		children: [
-			/* @__PURE__ */ f("div", {
-				className: "flex items-center justify-between border-b border-border-default px-3 py-2",
-				children: [/* @__PURE__ */ f("div", {
-					className: "flex items-center gap-2 text-sm font-medium text-text-primary",
+			/* @__PURE__ */ p("div", {
+				className: "flex min-w-0 items-center justify-between gap-2 border-b border-[var(--color-border-subtle)] bg-bg-surface px-3 py-2 sm:px-4",
+				children: [/* @__PURE__ */ p("h3", {
+					className: "flex min-w-0 items-center gap-2 text-sm font-semibold leading-tight tracking-tight text-text-primary",
 					children: [
-						/* @__PURE__ */ d(o, { className: "h-4 w-4 text-text-secondary" }),
-						"Comments",
-						/* @__PURE__ */ d("span", {
+						/* @__PURE__ */ f(o, {
+							"aria-hidden": "true",
+							className: "h-icon-sm w-icon-sm shrink-0 text-text-secondary"
+						}),
+						s("bigconsole.widget.comments.title", "Comments"),
+						/* @__PURE__ */ f("span", {
 							className: "rounded-full bg-bg-sunken px-1.5 py-0.5 text-[10px] text-text-secondary tabular-nums",
-							children: c
+							children: l
 						})
 					]
-				}), /* @__PURE__ */ d("button", {
+				}), /* @__PURE__ */ f("button", {
 					type: "button",
 					onClick: i,
-					"aria-label": "Close comments",
-					className: "rounded-md p-1 text-text-tertiary hover:bg-bg-sunken hover:text-text-primary",
-					children: /* @__PURE__ */ d(u, { className: "h-4 w-4" })
+					"aria-label": s("bigconsole.widget.comments.closeAriaLabel", "Close comments"),
+					className: "shrink-0 rounded-button p-1 text-text-muted hover:bg-bg-sunken hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
+					children: /* @__PURE__ */ f(u, { className: "h-4 w-4" })
 				})]
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "flex-1 space-y-3 overflow-auto p-3",
 				children: [
-					l && s.length === 0 && /* @__PURE__ */ d("div", {
-						className: "flex items-center justify-center py-8 text-text-tertiary",
-						children: /* @__PURE__ */ d(a, { className: "h-5 w-5 animate-spin" })
+					m && c.length === 0 && /* @__PURE__ */ f("div", {
+						className: "flex items-center justify-center py-8 text-text-muted",
+						children: /* @__PURE__ */ f(a, { className: "h-5 w-5 animate-spin" })
 					}),
-					p && !l && /* @__PURE__ */ d("p", {
-						className: "rounded-md bg-status-error-bg px-2.5 py-2 text-xs text-status-error-text",
-						children: "Couldn’t load comments."
+					h && !m && /* @__PURE__ */ f("p", {
+						role: "alert",
+						className: "rounded-input border border-[var(--color-status-error-border)] bg-status-error-bg-subtle px-2.5 py-2 text-xs text-[var(--color-status-error-text)]",
+						children: s("bigconsole.widget.comments.loadError", "Couldn’t load comments.")
 					}),
-					!l && !p && s.length === 0 && /* @__PURE__ */ d("p", {
-						className: "py-8 text-center text-sm text-text-tertiary",
-						children: "No comments yet. Start the conversation."
+					!m && !h && c.length === 0 && /* @__PURE__ */ f("p", {
+						className: "py-8 text-center text-sm text-text-muted",
+						children: s("bigconsole.widget.comments.empty", "No comments yet. Start the conversation.")
 					}),
-					s.map(({ comment: e, replies: t }) => /* @__PURE__ */ f("div", {
+					c.map(({ comment: e, replies: t }) => /* @__PURE__ */ p("div", {
 						className: "space-y-2",
 						children: [
-							/* @__PURE__ */ d(h, {
+							/* @__PURE__ */ f(g, {
 								comment: e,
-								busy: m,
-								onResolve: (e, t) => void v(e, t),
-								onDelete: (e) => void y(e),
-								onReply: (e) => x((t) => t === e ? null : e)
+								busy: v,
+								onResolve: (e, t) => void b(e, t),
+								onDelete: (e) => void x(e),
+								onReply: (e) => C((t) => t === e ? null : e)
 							}),
-							t.map((e) => /* @__PURE__ */ d(h, {
+							t.map((e) => /* @__PURE__ */ f(g, {
 								comment: e,
 								isReply: !0,
-								busy: m,
-								onResolve: (e, t) => void v(e, t),
-								onDelete: (e) => void y(e)
+								busy: v,
+								onResolve: (e, t) => void b(e, t),
+								onDelete: (e) => void x(e)
 							}, e.id)),
-							b === e.id && /* @__PURE__ */ d("div", {
+							S === e.id && /* @__PURE__ */ f("div", {
 								className: "pl-6",
-								children: /* @__PURE__ */ d(g, {
-									placeholder: "Write a reply…",
-									busy: m,
+								children: /* @__PURE__ */ f(_, {
+									placeholder: s("bigconsole.widget.comments.replyPlaceholder", "Write a reply…"),
+									busy: v,
 									autoFocus: !0,
-									onSubmit: (t) => S(t, e.id),
-									onCancel: () => x(null)
+									onSubmit: (t) => w(t, e.id),
+									onCancel: () => C(null)
 								})
 							})
 						]
 					}, e.id))
 				]
 			}),
-			/* @__PURE__ */ d("div", {
-				className: "border-t border-border-default p-3",
-				children: /* @__PURE__ */ d(g, {
-					placeholder: "Add a comment…",
-					busy: m,
-					onSubmit: (e) => S(e)
+			/* @__PURE__ */ f("div", {
+				className: "border-t border-[var(--color-border-default)] p-3",
+				children: /* @__PURE__ */ f(_, {
+					placeholder: s("bigconsole.widget.comments.addPlaceholder", "Add a comment…"),
+					busy: v,
+					onSubmit: (e) => w(e)
 				})
 			})
 		]
 	});
 };
 //#endregion
-export { _ as WidgetComments };
+export { v as WidgetComments };
 
 //# sourceMappingURL=WidgetComments.js.map

package/dist/bigconsole/components/widgets/comments/WidgetComments.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetComments.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/comments/WidgetComments.tsx"],"sourcesContent":["/**\n * WidgetComments\n *\n * Collaborative comment thread for a single widget, rendered as a slide-over\n * panel inside the widget container. Supports posting top-level comments and\n * threaded replies, resolving/reopening, and (soft) deleting. Data flows through\n * useWidgetComments → the federated EntityComment API.\n */\n\nimport { type FC, useState, useCallback } from 'react';\nimport { MessageSquare, Send, Check, RotateCcw, Trash2, X, CornerDownRight, Loader2 } from 'lucide-react';\nimport { useWidgetComments, type WidgetCommentThread } from '../../../hooks/useWidgetComments';\nimport type { EntityCommentFieldsFragment } from '../../../../generated/wspace-operations';\n\nexport interface WidgetCommentsProps {\n  widgetId: string;\n  /** Close the panel. */\n  onClose: () => void;\n}\n\nfunction authorLabel(authorId: string): string {\n  // We only have an opaque actor id here; show a short, stable handle.\n  return `User ${authorId.slice(0, 6)}`;\n}\n\nfunction formatWhen(iso: string): string {\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return '';\n  return new Intl.DateTimeFormat(undefined, { dateStyle: 'medium', timeStyle: 'short' }).format(d);\n}\n\ninterface CommentItemProps {\n  comment: EntityCommentFieldsFragment;\n  isReply?: boolean;\n  busy: boolean;\n  onResolve: (id: string, resolved: boolean) => void;\n  onDelete: (id: string) => void;\n  onReply?: (id: string) => void;\n}\n\nconst CommentItem: FC<CommentItemProps> = ({ comment, isReply, busy, onResolve, onDelete, onReply }) => {\n  const resolved = !!comment.resolvedAt;\n  const body = comment.content.text ?? comment.content.markdown ?? '';\n  return (\n    <div className={isReply ? 'pl-6' : ''}>\n      <div className=\"rounded-md border border-border-default bg-bg-surface p-2.5\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <span className=\"text-xs font-medium text-text-primary\">{authorLabel(comment.authorId)}</span>\n          <span className=\"text-[10px] text-text-tertiary tabular-nums\">{formatWhen(comment.createdAt)}</span>\n        </div>\n        <p className=\"mt-1 whitespace-pre-wrap break-words text-sm text-text-secondary\">{body}</p>\n        <div className=\"mt-1.5 flex items-center gap-2\">\n          {resolved && (\n            <span className=\"inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] font-medium bg-status-success-bg text-status-success-text\">\n              <Check className=\"h-3 w-3\" /> Resolved\n            </span>\n          )}\n          {onReply && (\n            <button\n              type=\"button\"\n              disabled={busy}\n              onClick={() => onReply(comment.id)}\n              className=\"inline-flex items-center gap-1 text-[11px] text-text-tertiary hover:text-text-primary disabled:opacity-50\"\n            >\n              <CornerDownRight className=\"h-3 w-3\" /> Reply\n            </button>\n          )}\n          <button\n            type=\"button\"\n            disabled={busy}\n            onClick={() => onResolve(comment.id, !resolved)}\n            className=\"inline-flex items-center gap-1 text-[11px] text-text-tertiary hover:text-text-primary disabled:opacity-50\"\n          >\n            {resolved ? <RotateCcw className=\"h-3 w-3\" /> : <Check className=\"h-3 w-3\" />}\n            {resolved ? 'Reopen' : 'Resolve'}\n          </button>\n          <button\n            type=\"button\"\n            disabled={busy}\n            onClick={() => onDelete(comment.id)}\n            className=\"inline-flex items-center gap-1 text-[11px] text-status-error-text hover:opacity-80 disabled:opacity-50\"\n          >\n            <Trash2 className=\"h-3 w-3\" /> Delete\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\ninterface ComposerProps {\n  placeholder: string;\n  busy: boolean;\n  autoFocus?: boolean;\n  /** Returns false when the post failed — the draft is kept so it isn't lost. */\n  onSubmit: (text: string) => boolean | void | Promise<boolean | void>;\n  onCancel?: () => void;\n}\n\nconst Composer: FC<ComposerProps> = ({ placeholder, busy, autoFocus, onSubmit, onCancel }) => {\n  const [text, setText] = useState('');\n  const submit = async () => {\n    const v = text.trim();\n    if (!v) return;\n    // Only clear once the post succeeds; on failure the user keeps their draft.\n    const ok = await onSubmit(v);\n    if (ok !== false) setText('');\n  };\n  return (\n    <div className=\"flex items-end gap-2\">\n      <textarea\n        autoFocus={autoFocus}\n        value={text}\n        onChange={(e) => setText(e.target.value)}\n        onKeyDown={(e) => {\n          if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {\n            e.preventDefault();\n            void submit();\n          }\n        }}\n        rows={2}\n        placeholder={placeholder}\n        className=\"flex-1 resize-none rounded-md border border-border-default bg-bg-surface px-2.5 py-1.5 text-sm text-text-primary placeholder:text-text-tertiary focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n      />\n      <div className=\"flex flex-col gap-1\">\n        <button\n          type=\"button\"\n          disabled={busy || !text.trim()}\n          onClick={() => void submit()}\n          title=\"Post (⌘/Ctrl + Enter)\"\n          className=\"inline-flex items-center justify-center rounded-md bg-action-primary-bg p-1.5 text-action-primary-text hover:opacity-90 disabled:opacity-50\"\n        >\n          {busy ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <Send className=\"h-4 w-4\" />}\n        </button>\n        {onCancel && (\n          <button\n            type=\"button\"\n            onClick={onCancel}\n            className=\"inline-flex items-center justify-center rounded-md border border-border-default p-1.5 text-text-tertiary hover:text-text-primary\"\n            title=\"Cancel reply\"\n          >\n            <X className=\"h-4 w-4\" />\n          </button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const WidgetComments: FC<WidgetCommentsProps> = ({ widgetId, onClose }) => {\n  const { threads, count, loading, error, mutating, addComment, resolveComment, deleteComment } =\n    useWidgetComments(widgetId);\n  const [replyTo, setReplyTo] = useState<string | null>(null);\n\n  const handleAdd = useCallback(\n    async (text: string, parentId?: string): Promise<boolean> => {\n      const ok = await addComment(text, parentId);\n      if (ok && parentId) setReplyTo(null);\n      return ok;\n    },\n    [addComment]\n  );\n\n  return (\n    <div\n      className=\"absolute inset-0 z-40 flex flex-col bg-bg-surface/98 backdrop-blur-sm\"\n      role=\"dialog\"\n      aria-label=\"Widget comments\"\n      tabIndex={-1}\n      onClick={(e) => e.stopPropagation()}\n      onKeyDown={(e) => {\n        if (e.key === 'Escape') {\n          e.stopPropagation();\n          onClose();\n        }\n      }}\n    >\n      {/* Header */}\n      <div className=\"flex items-center justify-between border-b border-border-default px-3 py-2\">\n        <div className=\"flex items-center gap-2 text-sm font-medium text-text-primary\">\n          <MessageSquare className=\"h-4 w-4 text-text-secondary\" />\n          Comments\n          <span className=\"rounded-full bg-bg-sunken px-1.5 py-0.5 text-[10px] text-text-secondary tabular-nums\">\n            {count}\n          </span>\n        </div>\n        <button\n          type=\"button\"\n          onClick={onClose}\n          aria-label=\"Close comments\"\n          className=\"rounded-md p-1 text-text-tertiary hover:bg-bg-sunken hover:text-text-primary\"\n        >\n          <X className=\"h-4 w-4\" />\n        </button>\n      </div>\n\n      {/* Thread list */}\n      <div className=\"flex-1 space-y-3 overflow-auto p-3\">\n        {loading && threads.length === 0 && (\n          <div className=\"flex items-center justify-center py-8 text-text-tertiary\">\n            <Loader2 className=\"h-5 w-5 animate-spin\" />\n          </div>\n        )}\n        {error && !loading && (\n          <p className=\"rounded-md bg-status-error-bg px-2.5 py-2 text-xs text-status-error-text\">\n            Couldn’t load comments.\n          </p>\n        )}\n        {!loading && !error && threads.length === 0 && (\n          <p className=\"py-8 text-center text-sm text-text-tertiary\">No comments yet. Start the conversation.</p>\n        )}\n        {threads.map(({ comment, replies }: WidgetCommentThread) => (\n          <div key={comment.id} className=\"space-y-2\">\n            <CommentItem\n              comment={comment}\n              busy={mutating}\n              onResolve={(id, r) => void resolveComment(id, r)}\n              onDelete={(id) => void deleteComment(id)}\n              onReply={(id) => setReplyTo((cur) => (cur === id ? null : id))}\n            />\n            {replies.map((reply) => (\n              <CommentItem\n                key={reply.id}\n                comment={reply}\n                isReply\n                busy={mutating}\n                onResolve={(id, r) => void resolveComment(id, r)}\n                onDelete={(id) => void deleteComment(id)}\n              />\n            ))}\n            {replyTo === comment.id && (\n              <div className=\"pl-6\">\n                <Composer\n                  placeholder=\"Write a reply…\"\n                  busy={mutating}\n                  autoFocus\n                  onSubmit={(text) => handleAdd(text, comment.id)}\n                  onCancel={() => setReplyTo(null)}\n                />\n              </div>\n            )}\n          </div>\n        ))}\n      </div>\n\n      {/* New top-level comment */}\n      <div className=\"border-t border-border-default p-3\">\n        <Composer placeholder=\"Add a comment…\" busy={mutating} onSubmit={(text) => handleAdd(text)} />\n      </div>\n    </div>\n  );\n};\n\nexport default WidgetComments;\n"],"mappings":"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"}
+{"version":3,"file":"WidgetComments.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/comments/WidgetComments.tsx"],"sourcesContent":["/**\n * WidgetComments\n *\n * Collaborative comment thread for a single widget, rendered as a slide-over\n * panel inside the widget container. Supports posting top-level comments and\n * threaded replies, resolving/reopening, and (soft) deleting. Data flows through\n * useWidgetComments → the federated EntityComment API.\n */\n\nimport { type FC, useState, useCallback } from 'react';\nimport { MessageSquare, Send, Check, RotateCcw, Trash2, X, CornerDownRight, Loader2 } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useWidgetComments, type WidgetCommentThread } from '../../../hooks/useWidgetComments';\nimport type { EntityCommentFieldsFragment } from '../../../../generated/wspace-operations';\n\nexport interface WidgetCommentsProps {\n  widgetId: string;\n  /** Close the panel. */\n  onClose: () => void;\n}\n\nfunction authorLabel(\n  t: (\n    key: string,\n    fallbackOrParams?: string | Record<string, string | number>,\n    params?: Record<string, string | number>\n  ) => string,\n  authorId: string\n): string {\n  // We only have an opaque actor id here; show a short, stable handle.\n  return t('bigconsole.widget.comments.authorLabel', 'User {{id}}', { id: authorId.slice(0, 6) });\n}\n\nfunction formatWhen(iso: string): string {\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return '';\n  return new Intl.DateTimeFormat(undefined, { dateStyle: 'medium', timeStyle: 'short' }).format(d);\n}\n\ninterface CommentItemProps {\n  comment: EntityCommentFieldsFragment;\n  isReply?: boolean;\n  busy: boolean;\n  onResolve: (id: string, resolved: boolean) => void;\n  onDelete: (id: string) => void;\n  onReply?: (id: string) => void;\n}\n\nconst CommentItem: FC<CommentItemProps> = ({ comment, isReply, busy, onResolve, onDelete, onReply }) => {\n  const { t } = useI18n();\n  const resolved = !!comment.resolvedAt;\n  const body = comment.content.text ?? comment.content.markdown ?? '';\n  return (\n    <div className={isReply ? 'pl-6' : ''}>\n      <div className=\"rounded-md border border-[var(--color-border-default)] bg-bg-surface p-2.5\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <span className=\"text-xs font-medium text-text-primary\">{authorLabel(t, comment.authorId)}</span>\n          <span className=\"text-[10px] text-text-muted tabular-nums\">{formatWhen(comment.createdAt)}</span>\n        </div>\n        <p className=\"mt-1 whitespace-pre-wrap break-words text-sm text-text-secondary\">{body}</p>\n        <div className=\"mt-1.5 flex items-center gap-2\">\n          {resolved && (\n            <span className=\"inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] font-medium bg-status-success-bg text-status-success-text\">\n              <Check className=\"h-3 w-3\" /> {t('bigconsole.widget.comments.resolvedBadge', 'Resolved')}\n            </span>\n          )}\n          {onReply && (\n            <button\n              type=\"button\"\n              disabled={busy}\n              onClick={() => onReply(comment.id)}\n              className=\"inline-flex items-center gap-1 text-[11px] text-text-muted hover:text-text-primary disabled:opacity-50\"\n            >\n              <CornerDownRight className=\"h-3 w-3\" /> {t('bigconsole.widget.comments.reply', 'Reply')}\n            </button>\n          )}\n          <button\n            type=\"button\"\n            disabled={busy}\n            onClick={() => onResolve(comment.id, !resolved)}\n            className=\"inline-flex items-center gap-1 text-[11px] text-text-muted hover:text-text-primary disabled:opacity-50\"\n          >\n            {resolved ? <RotateCcw className=\"h-3 w-3\" /> : <Check className=\"h-3 w-3\" />}\n            {resolved\n              ? t('bigconsole.widget.comments.reopen', 'Reopen')\n              : t('bigconsole.widget.comments.resolve', 'Resolve')}\n          </button>\n          <button\n            type=\"button\"\n            disabled={busy}\n            onClick={() => onDelete(comment.id)}\n            className=\"inline-flex items-center gap-1 text-[11px] text-status-error-text hover:opacity-80 disabled:opacity-50\"\n          >\n            <Trash2 className=\"h-3 w-3\" /> {t('bigconsole.widget.comments.delete', 'Delete')}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\ninterface ComposerProps {\n  placeholder: string;\n  busy: boolean;\n  autoFocus?: boolean;\n  /** Returns false when the post failed — the draft is kept so it isn't lost. */\n  onSubmit: (text: string) => boolean | void | Promise<boolean | void>;\n  onCancel?: () => void;\n}\n\nconst Composer: FC<ComposerProps> = ({ placeholder, busy, autoFocus, onSubmit, onCancel }) => {\n  const { t } = useI18n();\n  const [text, setText] = useState('');\n  const submit = async () => {\n    const v = text.trim();\n    if (!v) return;\n    // Only clear once the post succeeds; on failure the user keeps their draft.\n    const ok = await onSubmit(v);\n    if (ok !== false) setText('');\n  };\n  return (\n    <div className=\"flex items-end gap-2\">\n      <textarea\n        autoFocus={autoFocus}\n        value={text}\n        onChange={(e) => setText(e.target.value)}\n        onKeyDown={(e) => {\n          if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {\n            e.preventDefault();\n            void submit();\n          }\n        }}\n        rows={2}\n        placeholder={placeholder}\n        className=\"flex-1 resize-none rounded-md border border-[var(--color-border-default)] bg-bg-surface px-2.5 py-1.5 text-sm text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n      />\n      <div className=\"flex flex-col gap-1\">\n        <button\n          type=\"button\"\n          disabled={busy || !text.trim()}\n          onClick={() => void submit()}\n          title={t('bigconsole.widget.comments.postTitle', 'Post (⌘/Ctrl + Enter)')}\n          className=\"inline-flex items-center justify-center rounded-md bg-action-primary-bg p-1.5 text-action-primary-text hover:opacity-90 disabled:opacity-50\"\n        >\n          {busy ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <Send className=\"h-4 w-4\" />}\n        </button>\n        {onCancel && (\n          <button\n            type=\"button\"\n            onClick={onCancel}\n            className=\"inline-flex items-center justify-center rounded-md border border-[var(--color-border-default)] p-1.5 text-text-muted hover:text-text-primary\"\n            title={t('bigconsole.widget.comments.cancelReplyTitle', 'Cancel reply')}\n          >\n            <X className=\"h-4 w-4\" />\n          </button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const WidgetComments: FC<WidgetCommentsProps> = ({ widgetId, onClose }) => {\n  const { t } = useI18n();\n  const { threads, count, loading, error, mutating, addComment, resolveComment, deleteComment } =\n    useWidgetComments(widgetId);\n  const [replyTo, setReplyTo] = useState<string | null>(null);\n\n  const handleAdd = useCallback(\n    async (text: string, parentId?: string): Promise<boolean> => {\n      const ok = await addComment(text, parentId);\n      if (ok && parentId) setReplyTo(null);\n      return ok;\n    },\n    [addComment]\n  );\n\n  return (\n    <div\n      className=\"absolute inset-0 z-40 flex flex-col bg-bg-surface/98 backdrop-blur-sm\"\n      role=\"dialog\"\n      aria-label={t('bigconsole.widget.comments.dialogAriaLabel', 'Widget comments')}\n      tabIndex={-1}\n      onClick={(e) => e.stopPropagation()}\n      onKeyDown={(e) => {\n        if (e.key === 'Escape') {\n          e.stopPropagation();\n          onClose();\n        }\n      }}\n    >\n      {/*\n        Header. Matches the widget card's own title band exactly — same padding,\n        same seam, same semibold title — so opening comments does not change the\n        card's header grammar mid-flight (BOFF-5636).\n      */}\n      <div className=\"flex min-w-0 items-center justify-between gap-2 border-b border-[var(--color-border-subtle)] bg-bg-surface px-3 py-2 sm:px-4\">\n        <h3 className=\"flex min-w-0 items-center gap-2 text-sm font-semibold leading-tight tracking-tight text-text-primary\">\n          <MessageSquare aria-hidden=\"true\" className=\"h-icon-sm w-icon-sm shrink-0 text-text-secondary\" />\n          {t('bigconsole.widget.comments.title', 'Comments')}\n          <span className=\"rounded-full bg-bg-sunken px-1.5 py-0.5 text-[10px] text-text-secondary tabular-nums\">\n            {count}\n          </span>\n        </h3>\n        <button\n          type=\"button\"\n          onClick={onClose}\n          aria-label={t('bigconsole.widget.comments.closeAriaLabel', 'Close comments')}\n          className=\"shrink-0 rounded-button p-1 text-text-muted hover:bg-bg-sunken hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface\"\n        >\n          <X className=\"h-4 w-4\" />\n        </button>\n      </div>\n\n      {/* Thread list */}\n      <div className=\"flex-1 space-y-3 overflow-auto p-3\">\n        {loading && threads.length === 0 && (\n          <div className=\"flex items-center justify-center py-8 text-text-muted\">\n            <Loader2 className=\"h-5 w-5 animate-spin\" />\n          </div>\n        )}\n        {error && !loading && (\n          <p\n            role=\"alert\"\n            className=\"rounded-input border border-[var(--color-status-error-border)] bg-status-error-bg-subtle px-2.5 py-2 text-xs text-[var(--color-status-error-text)]\"\n          >\n            {t('bigconsole.widget.comments.loadError', 'Couldn’t load comments.')}\n          </p>\n        )}\n        {!loading && !error && threads.length === 0 && (\n          <p className=\"py-8 text-center text-sm text-text-muted\">\n            {t('bigconsole.widget.comments.empty', 'No comments yet. Start the conversation.')}\n          </p>\n        )}\n        {threads.map(({ comment, replies }: WidgetCommentThread) => (\n          <div key={comment.id} className=\"space-y-2\">\n            <CommentItem\n              comment={comment}\n              busy={mutating}\n              onResolve={(id, r) => void resolveComment(id, r)}\n              onDelete={(id) => void deleteComment(id)}\n              onReply={(id) => setReplyTo((cur) => (cur === id ? null : id))}\n            />\n            {replies.map((reply) => (\n              <CommentItem\n                key={reply.id}\n                comment={reply}\n                isReply\n                busy={mutating}\n                onResolve={(id, r) => void resolveComment(id, r)}\n                onDelete={(id) => void deleteComment(id)}\n              />\n            ))}\n            {replyTo === comment.id && (\n              <div className=\"pl-6\">\n                <Composer\n                  placeholder={t('bigconsole.widget.comments.replyPlaceholder', 'Write a reply…')}\n                  busy={mutating}\n                  autoFocus\n                  onSubmit={(text) => handleAdd(text, comment.id)}\n                  onCancel={() => setReplyTo(null)}\n                />\n              </div>\n            )}\n          </div>\n        ))}\n      </div>\n\n      {/* New top-level comment */}\n      <div className=\"border-t border-[var(--color-border-default)] p-3\">\n        <Composer\n          placeholder={t('bigconsole.widget.comments.addPlaceholder', 'Add a comment…')}\n          busy={mutating}\n          onSubmit={(text) => handleAdd(text)}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default WidgetComments;\n"],"mappings":"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"}