@collabdt/core 0.3.1 → 0.3.2

package/dist/core/components/ui/Comments/Comment.js

@@ -1,14 +1,34 @@
 "use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as LR from "lucide-react";
 import * as React from "react";
 import { useFile } from "../../../hooks/files/files";
-import { markerStyleHighlight } from "../../../utils/markerUtils";
+import { commentRingShadow } from "../../../utils/markerUtils";
 import { formatTimestamp } from "../../../utils/timeUtils";
 import { Avatar } from "../Avatar";
 import { Button } from "../Button";
 import { Card } from "../Card";
 import { UserAvatar } from "../UserAvatar";
+import { CommentActionButtons } from "./CommentActionButtons";
 function Comment({
   text,
   createdAt,
@@ -17,34 +37,47 @@ function Comment({
   userImageFileId,
   onRemove,
   onClose,
+  onSelect,
+  onFocus,
+  onReply,
+  onEdit,
   enableCollapse = false,
   defaultCollapsed = false,
   isPending = false,
-  highlight = false
+  highlight = false,
+  focused = false,
+  showActions = false,
+  canReply = true,
+  canEdit = true,
+  canDelete = true,
+  actionLabels
 }) {
+  var _a, _b, _c, _d;
   const [isCollapsed, setIsCollapsed] = React.useState(defaultCollapsed);
   const lastTap = React.useRef(0);
   const resolvedImageFileId = userImageFileId != null ? userImageFileId : userImage;
   const { file } = useFile(resolvedImageFileId);
   const previewSrc = file == null ? void 0 : file.url;
-  const handlePointerDown = (e) => {
-    if (!enableCollapse) return;
-    e.stopPropagation();
-    const now = performance.now();
-    if (now - lastTap.current < 300) setIsCollapsed((v) => !v);
-    lastTap.current = now;
+  React.useEffect(() => {
+    if (focused && enableCollapse) setIsCollapsed(false);
+  }, [focused, enableCollapse]);
+  const handleClose = () => {
+    if (enableCollapse) setIsCollapsed(true);
+    else onClose == null ? void 0 : onClose();
   };
   if (enableCollapse && isCollapsed) {
     return /* @__PURE__ */ jsx(
       "div",
       {
-        className: `h-9 w-9 rounded-full shadow-md overflow-hidden flex-shrink-0 pointer-events-auto ${highlight ? markerStyleHighlight : ""}`,
-        onPointerDown: handlePointerDown,
-        onDoubleClick: (e) => {
+        className: "h-9 w-9 rounded-full overflow-hidden flex-shrink-0 pointer-events-auto cursor-pointer transition-transform relative",
+        style: { boxShadow: commentRingShadow({ highlight, focused }) },
+        onPointerDown: (e) => {
           e.stopPropagation();
-          setIsCollapsed((v) => !v);
+          lastTap.current = performance.now();
+          onSelect == null ? void 0 : onSelect();
+          setIsCollapsed(false);
         },
-        children: isPending ? /* @__PURE__ */ jsx("div", { className: "w-full h-full rounded-full bg-primary-light flex items-center justify-center", children: /* @__PURE__ */ jsx(LR.Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" }) }) : /* @__PURE__ */ jsx(Avatar, { className: "h-full w-full cursor-pointer", children: /* @__PURE__ */ jsx(
+        children: isPending ? /* @__PURE__ */ jsx("div", { className: "w-full h-full rounded-full bg-primary-light flex items-center justify-center", children: /* @__PURE__ */ jsx(LR.Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" }) }) : /* @__PURE__ */ jsx(Avatar, { className: "h-full w-full", children: /* @__PURE__ */ jsx(
           UserAvatar,
           {
             imageFileId: resolvedImageFileId,
@@ -60,13 +93,18 @@ function Comment({
     "div",
     {
       className: "relative inline-block group",
-      style: { pointerEvents: "auto" },
-      title: enableCollapse ? "Double click to collapse" : void 0,
-      onPointerDown: handlePointerDown,
+      style: { pointerEvents: "auto", boxShadow: focused ? commentRingShadow({ focused }) : void 0, borderRadius: focused ? 12 : void 0, zIndex: focused ? 30 : highlight ? 20 : void 0 },
+      title: onFocus ? "Double click to zoom" : enableCollapse ? "Double click to collapse" : void 0,
+      onPointerDown: (e) => {
+        e.stopPropagation();
+        if (!enableCollapse) return;
+        const now = performance.now();
+        if (now - lastTap.current < 300) onFocus == null ? void 0 : onFocus();
+        lastTap.current = now;
+      },
       onDoubleClick: (e) => {
         e.stopPropagation();
-        if (enableCollapse) setIsCollapsed((v) => !v);
-        else onClose == null ? void 0 : onClose();
+        if (!enableCollapse) onClose == null ? void 0 : onClose();
       },
       children: /* @__PURE__ */ jsxs(Card, { className: "w-48 px-3 py-2.5 shadow-md group-hover:shadow-lg transition-shadow duration-200", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
@@ -82,19 +120,38 @@ function Comment({
           /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
             /* @__PURE__ */ jsx("span", { className: "font-medium text-sm text-foreground leading-none truncate", children: userName }),
             /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground leading-none", children: formatTimestamp(createdAt) })
-          ] })
+          ] }),
+          showActions && /* @__PURE__ */ jsx(
+            Button,
+            __spreadProps(__spreadValues({
+              type: "button",
+              variant: "ghost",
+              size: "icon",
+              title: (_a = actionLabels == null ? void 0 : actionLabels.close) != null ? _a : "Close",
+              "aria-label": (_b = actionLabels == null ? void 0 : actionLabels.close) != null ? _b : "Close",
+              className: "h-7 w-7 shrink-0 -mr-1 -mt-1"
+            }, enableCollapse ? { onPointerDown: (e) => {
+              e.stopPropagation();
+              handleClose();
+            } } : { onClick: (e) => {
+              e.stopPropagation();
+              handleClose();
+            } }), {
+              children: /* @__PURE__ */ jsx(LR.X, { className: "h-4 w-4" })
+            })
+          )
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-start gap-2", children: [
           /* @__PURE__ */ jsx("p", { className: "min-w-0 flex-1 text-sm leading-relaxed text-foreground whitespace-pre-wrap break-words", children: text }),
-          onRemove && /* @__PURE__ */ jsx(
+          !showActions && onRemove && /* @__PURE__ */ jsx(
             Button,
             {
               type: "button",
               variant: "ghost",
               size: "icon",
-              title: "Remove comment",
+              title: (_c = actionLabels == null ? void 0 : actionLabels.delete) != null ? _c : "Remove comment",
               className: "z-50 h-7 w-7 shrink-0",
-              "aria-label": "Remove comment",
+              "aria-label": (_d = actionLabels == null ? void 0 : actionLabels.delete) != null ? _d : "Remove comment",
               onClick: (e) => {
                 e.stopPropagation();
                 onRemove();
@@ -102,7 +159,21 @@ function Comment({
               children: /* @__PURE__ */ jsx(LR.Trash2, { className: "h-4 w-4" })
             }
           )
-        ] })
+        ] }),
+        showActions && (onReply || onEdit || onRemove) && /* @__PURE__ */ jsx("div", { className: "mt-2 flex justify-end border-t pt-1", children: /* @__PURE__ */ jsx(
+          CommentActionButtons,
+          {
+            onReply,
+            onEdit,
+            onDelete: onRemove,
+            canReply,
+            canEdit,
+            canDelete,
+            labels: actionLabels,
+            buttonClassName: "h-7 w-7",
+            activateOnPointerDown: enableCollapse
+          }
+        ) })
       ] })
     }
   );

package/dist/core/components/ui/Comments/Comment.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/core/components/ui/Comments/Comment.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as LR from 'lucide-react'\r\nimport * as React from 'react'\r\n\r\nimport { useFile } from '../../../hooks/files/files'\r\nimport { markerStyleHighlight } from '../../../utils/markerUtils'\r\nimport { formatTimestamp } from '../../../utils/timeUtils'\r\nimport { Avatar } from '../Avatar'\r\nimport { Button } from '../Button'\r\nimport { Card } from '../Card'\r\nimport { UserAvatar } from '../UserAvatar'\r\n\r\nexport type CommentProps = {\r\n  userName: string\r\n  userImage: number | null\r\n  userImageFileId?: number | null\r\n  buildingId?: number\r\n  text: string\r\n  createdAt: string | Date\r\n  onRemove?: () => void\r\n  onClose?: () => void\r\n  enableCollapse?: boolean\r\n  defaultCollapsed?: boolean\r\n  isPending?: boolean\r\n  highlight?: boolean\r\n}\r\n\r\nexport default function Comment({\r\n  text,\r\n  createdAt,\r\n  userName,\r\n  userImage,\r\n  userImageFileId,\r\n  onRemove,\r\n  onClose,\r\n  enableCollapse = false,\r\n  defaultCollapsed = false,\r\n  isPending = false,\r\n  highlight = false,\r\n}: CommentProps) {\r\n  const [isCollapsed, setIsCollapsed] = React.useState(defaultCollapsed)\r\n  const lastTap = React.useRef(0)\r\n  const resolvedImageFileId = userImageFileId ?? userImage\r\n  const { file } = useFile(resolvedImageFileId)\r\n  const previewSrc = file?.url\r\n\r\n  const handlePointerDown = (e: React.PointerEvent) => {\r\n    if (!enableCollapse) return\r\n    e.stopPropagation()\r\n\r\n    const now = performance.now()\r\n    if (now - lastTap.current < 300) setIsCollapsed(v => !v)\r\n    lastTap.current = now\r\n  }\r\n  if (enableCollapse && isCollapsed) {\r\n    return (\r\n      <div\r\n        className={`h-9 w-9 rounded-full shadow-md overflow-hidden flex-shrink-0 pointer-events-auto ${highlight ? markerStyleHighlight : ''}`}\r\n        onPointerDown={handlePointerDown}\r\n        onDoubleClick={(e) => {\r\n          e.stopPropagation()\r\n          setIsCollapsed(v => !v)\r\n        }}\r\n      >\r\n        {isPending ? (\r\n          <div className=\"w-full h-full rounded-full bg-primary-light flex items-center justify-center\">\r\n            <LR.Loader2 className=\"h-4 w-4 animate-spin text-muted-foreground\" />\r\n          </div>\r\n        ) : (\r\n          <Avatar className=\"h-full w-full cursor-pointer\">\r\n            <UserAvatar\r\n              imageFileId={resolvedImageFileId}\r\n              previewSrc={previewSrc}\r\n              name={userName}\r\n              className=\"h-full w-full rounded-full object-cover\"\r\n            />\r\n          </Avatar>\r\n        )}\r\n      </div>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className=\"relative inline-block group\"\r\n      style={{ pointerEvents: 'auto' }}\r\n      title={enableCollapse ? 'Double click to collapse' : undefined}\r\n      onPointerDown={handlePointerDown}\r\n      onDoubleClick={(e) => {\r\n        e.stopPropagation()\r\n        if (enableCollapse) setIsCollapsed(v => !v)\r\n        else onClose?.()\r\n      }}\r\n    >\r\n        <Card className=\"w-48 px-3 py-2.5 shadow-md group-hover:shadow-lg transition-shadow duration-200\">\r\n          <div className=\"flex items-start gap-3\">\r\n            <div className=\"h-9 w-9 rounded-full shadow-sm flex items-center justify-center select-none flex-shrink-0 bg-card\">\r\n              {isPending ? (\r\n                <div className=\"h-10 w-10 rounded-full bg-muted flex items-center justify-center\">\r\n                  <LR.Loader2 className=\"h-5 w-5 animate-spin text-muted-foreground\" />\r\n                </div>\r\n              ) : (\r\n                <Avatar className=\"h-10 w-10\">\r\n                  <UserAvatar\r\n                    imageFileId={resolvedImageFileId}\r\n                    previewSrc={previewSrc}\r\n                    name={userName}\r\n                    className=\"h-full w-full rounded-full object-cover\"\r\n                  />\r\n                </Avatar>\r\n              )}\r\n            </div>\r\n\r\n            <div className=\"flex-1 min-w-0 flex flex-col gap-1\">\r\n              <span className=\"font-medium text-sm text-foreground leading-none truncate\">\r\n                {userName}\r\n              </span>\r\n              <span className=\"text-xs text-muted-foreground leading-none\">\r\n                {formatTimestamp(createdAt)}\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"mt-2 flex items-start gap-2\">\r\n            <p className=\"min-w-0 flex-1 text-sm leading-relaxed text-foreground whitespace-pre-wrap break-words\">\r\n              {text}\r\n            </p>\r\n\r\n            {onRemove && (\r\n                  <Button\r\n                    type=\"button\"\r\n                    variant=\"ghost\"\r\n                    size=\"icon\"\r\n                    title=\"Remove comment\"\r\n                    className=\"z-50 h-7 w-7 shrink-0\"\r\n                    aria-label=\"Remove comment\"\r\n                    onClick={(e) => {\r\n                      e.stopPropagation()\r\n                      onRemove()\r\n                    }}\r\n                  >\r\n                    <LR.Trash2 className=\"h-4 w-4\" />\r\n                  </Button>\r\n            )}\r\n          </div>\r\n        </Card>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../../src/core/components/ui/Comments/Comment.tsx"],"sourcesContent":["'use client'\n\n// SPDX-License-Identifier: AGPL-3.0-or-later\n// Copyright (C) 2025 Collab Digital Twins\n\nimport * as LR from 'lucide-react'\nimport * as React from 'react'\n\nimport { useFile } from '../../../hooks/files/files'\nimport { commentRingShadow } from '../../../utils/markerUtils'\nimport { formatTimestamp } from '../../../utils/timeUtils'\nimport { Avatar } from '../Avatar'\nimport { Button } from '../Button'\nimport { Card } from '../Card'\nimport { UserAvatar } from '../UserAvatar'\n\nimport { CommentActionButtons, type CommentActionLabels } from './CommentActionButtons'\n\nexport type CommentProps = {\n  userName: string\n  userImage: number | null\n  userImageFileId?: number | null\n  buildingId?: number\n  text: string\n  createdAt: string | Date\n  onRemove?: () => void\n  onClose?: () => void\n  /** Called when the collapsed avatar is single-clicked (select the comment). */\n  onSelect?: () => void\n  /** Called on double-click — used to zoom/focus the comment in the viewer. */\n  onFocus?: () => void\n  /** Reply to the comment (in-viewer card opens the reply box in the sidebar). */\n  onReply?: () => void\n  /** Edit the comment (in-viewer card opens the editor in the sidebar). */\n  onEdit?: () => void\n  enableCollapse?: boolean\n  defaultCollapsed?: boolean\n  isPending?: boolean\n  highlight?: boolean\n  /** Double-clicked/zoomed comment: renders the thicker focus ring. */\n  focused?: boolean\n  /** Render the close/reply/edit/delete action row (used by the in-viewer BIM card). */\n  showActions?: boolean\n  canReply?: boolean\n  canEdit?: boolean\n  canDelete?: boolean\n  actionLabels?: CommentActionLabels\n}\n\nexport default function Comment({\n  text,\n  createdAt,\n  userName,\n  userImage,\n  userImageFileId,\n  onRemove,\n  onClose,\n  onSelect,\n  onFocus,\n  onReply,\n  onEdit,\n  enableCollapse = false,\n  defaultCollapsed = false,\n  isPending = false,\n  highlight = false,\n  focused = false,\n  showActions = false,\n  canReply = true,\n  canEdit = true,\n  canDelete = true,\n  actionLabels,\n}: CommentProps) {\n  const [isCollapsed, setIsCollapsed] = React.useState(defaultCollapsed)\n  // Timestamp of the last press, shared across the puck→card transition so a quick second press\n  // (double-click) zooms even though the first press already opened the card.\n  const lastTap = React.useRef(0)\n  const resolvedImageFileId = userImageFileId ?? userImage\n  const { file } = useFile(resolvedImageFileId)\n  const previewSrc = file?.url\n\n  // Zooming to a comment (focus) should also open its card in the 3D scene.\n  React.useEffect(() => {\n    if (focused && enableCollapse) setIsCollapsed(false)\n  }, [focused, enableCollapse])\n\n  const handleClose = () => {\n    if (enableCollapse) setIsCollapsed(true)\n    else onClose?.()\n  }\n\n  if (enableCollapse && isCollapsed) {\n    return (\n      <div\n        className=\"h-9 w-9 rounded-full overflow-hidden flex-shrink-0 pointer-events-auto cursor-pointer transition-transform relative\"\n        style={{ boxShadow: commentRingShadow({ highlight, focused }) }}\n        // Open on pointerdown, not click: the CSS2D renderer re-transforms this element every\n        // frame, so a browser \"click\" (down+up on the same stable spot) often never fires in the\n        // 3D scene. stopPropagation keeps the press from reaching the canvas/orbit controls.\n        onPointerDown={(e) => {\n          e.stopPropagation()\n          lastTap.current = performance.now()\n          onSelect?.()\n          setIsCollapsed(false)\n        }}\n      >\n        {isPending ? (\n          <div className=\"w-full h-full rounded-full bg-primary-light flex items-center justify-center\">\n            <LR.Loader2 className=\"h-4 w-4 animate-spin text-muted-foreground\" />\n          </div>\n        ) : (\n          <Avatar className=\"h-full w-full\">\n            <UserAvatar\n              imageFileId={resolvedImageFileId}\n              previewSrc={previewSrc}\n              name={userName}\n              className=\"h-full w-full rounded-full object-cover\"\n            />\n          </Avatar>\n        )}\n      </div>\n    )\n  }\n\n  return (\n    <div\n      className=\"relative inline-block group\"\n      style={{ pointerEvents: 'auto', boxShadow: focused ? commentRingShadow({ focused }) : undefined, borderRadius: focused ? 12 : undefined, zIndex: focused ? 30 : highlight ? 20 : undefined }}\n      title={onFocus ? 'Double click to zoom' : enableCollapse ? 'Double click to collapse' : undefined}\n      // In the 3D card, detect a double-press here (dblclick is unreliable under the CSS2D\n      // renderer) to trigger zoom. The map popup keeps the normal onDoubleClick path below.\n      onPointerDown={(e) => {\n        e.stopPropagation()\n        if (!enableCollapse) return\n        const now = performance.now()\n        if (now - lastTap.current < 300) onFocus?.()\n        lastTap.current = now\n      }}\n      onDoubleClick={(e) => {\n        e.stopPropagation()\n        if (!enableCollapse) onClose?.()\n      }}\n    >\n      <Card className=\"w-48 px-3 py-2.5 shadow-md group-hover:shadow-lg transition-shadow duration-200\">\n        <div className=\"flex items-start gap-3\">\n          <div className=\"h-9 w-9 rounded-full shadow-sm flex items-center justify-center select-none flex-shrink-0 bg-card\">\n            {isPending ? (\n              <div className=\"h-10 w-10 rounded-full bg-muted flex items-center justify-center\">\n                <LR.Loader2 className=\"h-5 w-5 animate-spin text-muted-foreground\" />\n              </div>\n            ) : (\n              <Avatar className=\"h-10 w-10\">\n                <UserAvatar\n                  imageFileId={resolvedImageFileId}\n                  previewSrc={previewSrc}\n                  name={userName}\n                  className=\"h-full w-full rounded-full object-cover\"\n                />\n              </Avatar>\n            )}\n          </div>\n\n          <div className=\"flex-1 min-w-0 flex flex-col gap-1\">\n            <span className=\"font-medium text-sm text-foreground leading-none truncate\">\n              {userName}\n            </span>\n            <span className=\"text-xs text-muted-foreground leading-none\">\n              {formatTimestamp(createdAt)}\n            </span>\n          </div>\n\n          {showActions && (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon\"\n              title={actionLabels?.close ?? 'Close'}\n              aria-label={actionLabels?.close ?? 'Close'}\n              className=\"h-7 w-7 shrink-0 -mr-1 -mt-1\"\n              // In the CSS2D 3D card (enableCollapse) activate on pointerdown for reliability;\n              // the map popup is normal DOM, so keep click for keyboard accessibility.\n              {...(enableCollapse\n                ? { onPointerDown: (e: React.PointerEvent) => { e.stopPropagation(); handleClose() } }\n                : { onClick: (e: React.MouseEvent) => { e.stopPropagation(); handleClose() } })}\n            >\n              <LR.X className=\"h-4 w-4\" />\n            </Button>\n          )}\n        </div>\n\n        <div className=\"mt-2 flex items-start gap-2\">\n          <p className=\"min-w-0 flex-1 text-sm leading-relaxed text-foreground whitespace-pre-wrap break-words\">\n            {text}\n          </p>\n\n          {/* Map popup keeps the inline delete; the BIM card uses the action row below instead. */}\n          {!showActions && onRemove && (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon\"\n              title={actionLabels?.delete ?? 'Remove comment'}\n              className=\"z-50 h-7 w-7 shrink-0\"\n              aria-label={actionLabels?.delete ?? 'Remove comment'}\n              onClick={(e) => {\n                e.stopPropagation()\n                onRemove()\n              }}\n            >\n              <LR.Trash2 className=\"h-4 w-4\" />\n            </Button>\n          )}\n        </div>\n\n        {showActions && (onReply || onEdit || onRemove) && (\n          <div className=\"mt-2 flex justify-end border-t pt-1\">\n            <CommentActionButtons\n              onReply={onReply}\n              onEdit={onEdit}\n              onDelete={onRemove}\n              canReply={canReply}\n              canEdit={canEdit}\n              canDelete={canDelete}\n              labels={actionLabels}\n              buttonClassName=\"h-7 w-7\"\n              activateOnPointerDown={enableCollapse}\n            />\n          </div>\n        )}\n      </Card>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA2GY,cAsDF,YAtDE;AAtGZ,YAAY,QAAQ;AACpB,YAAY,WAAW;AAEvB,SAAS,eAAe;AACxB,SAAS,yBAAyB;AAClC,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAE3B,SAAS,4BAAsD;AAiChD,SAAR,QAAyB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,cAAc;AAAA,EACd,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AACF,GAAiB;AAvEjB;AAwEE,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,gBAAgB;AAGrE,QAAM,UAAU,MAAM,OAAO,CAAC;AAC9B,QAAM,sBAAsB,4CAAmB;AAC/C,QAAM,EAAE,KAAK,IAAI,QAAQ,mBAAmB;AAC5C,QAAM,aAAa,6BAAM;AAGzB,QAAM,UAAU,MAAM;AACpB,QAAI,WAAW,eAAgB,gBAAe,KAAK;AAAA,EACrD,GAAG,CAAC,SAAS,cAAc,CAAC;AAE5B,QAAM,cAAc,MAAM;AACxB,QAAI,eAAgB,gBAAe,IAAI;AAAA,QAClC;AAAA,EACP;AAEA,MAAI,kBAAkB,aAAa;AACjC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,WAAW,kBAAkB,EAAE,WAAW,QAAQ,CAAC,EAAE;AAAA,QAI9D,eAAe,CAAC,MAAM;AACpB,YAAE,gBAAgB;AAClB,kBAAQ,UAAU,YAAY,IAAI;AAClC;AACA,yBAAe,KAAK;AAAA,QACtB;AAAA,QAEC,sBACC,oBAAC,SAAI,WAAU,gFACb,8BAAC,GAAG,SAAH,EAAW,WAAU,8CAA6C,GACrE,IAEA,oBAAC,UAAO,WAAU,iBAChB;AAAA,UAAC;AAAA;AAAA,YACC,aAAa;AAAA,YACb;AAAA,YACA,MAAM;AAAA,YACN,WAAU;AAAA;AAAA,QACZ,GACF;AAAA;AAAA,IAEJ;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,eAAe,QAAQ,WAAW,UAAU,kBAAkB,EAAE,QAAQ,CAAC,IAAI,QAAW,cAAc,UAAU,KAAK,QAAW,QAAQ,UAAU,KAAK,YAAY,KAAK,OAAU;AAAA,MAC3L,OAAO,UAAU,yBAAyB,iBAAiB,6BAA6B;AAAA,MAGxF,eAAe,CAAC,MAAM;AACpB,UAAE,gBAAgB;AAClB,YAAI,CAAC,eAAgB;AACrB,cAAM,MAAM,YAAY,IAAI;AAC5B,YAAI,MAAM,QAAQ,UAAU,IAAK;AACjC,gBAAQ,UAAU;AAAA,MACpB;AAAA,MACA,eAAe,CAAC,MAAM;AACpB,UAAE,gBAAgB;AAClB,YAAI,CAAC,eAAgB;AAAA,MACvB;AAAA,MAEA,+BAAC,QAAK,WAAU,mFACd;AAAA,6BAAC,SAAI,WAAU,0BACb;AAAA,8BAAC,SAAI,WAAU,qGACZ,sBACC,oBAAC,SAAI,WAAU,oEACb,8BAAC,GAAG,SAAH,EAAW,WAAU,8CAA6C,GACrE,IAEA,oBAAC,UAAO,WAAU,aAChB;AAAA,YAAC;AAAA;AAAA,cACC,aAAa;AAAA,cACb;AAAA,cACA,MAAM;AAAA,cACN,WAAU;AAAA;AAAA,UACZ,GACF,GAEJ;AAAA,UAEA,qBAAC,SAAI,WAAU,sCACb;AAAA,gCAAC,UAAK,WAAU,6DACb,oBACH;AAAA,YACA,oBAAC,UAAK,WAAU,8CACb,0BAAgB,SAAS,GAC5B;AAAA,aACF;AAAA,UAEC,eACC;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,QAAO,kDAAc,UAAd,YAAuB;AAAA,cAC9B,eAAY,kDAAc,UAAd,YAAuB;AAAA,cACnC,WAAU;AAAA,eAGL,iBACD,EAAE,eAAe,CAAC,MAA0B;AAAE,gBAAE,gBAAgB;AAAG,0BAAY;AAAA,YAAE,EAAE,IACnF,EAAE,SAAS,CAAC,MAAwB;AAAE,gBAAE,gBAAgB;AAAG,0BAAY;AAAA,YAAE,EAAE,IAXhF;AAAA,cAaC,8BAAC,GAAG,GAAH,EAAK,WAAU,WAAU;AAAA;AAAA,UAC5B;AAAA,WAEJ;AAAA,QAEA,qBAAC,SAAI,WAAU,+BACb;AAAA,8BAAC,OAAE,WAAU,0FACV,gBACH;AAAA,UAGC,CAAC,eAAe,YACf;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,QAAO,kDAAc,WAAd,YAAwB;AAAA,cAC/B,WAAU;AAAA,cACV,eAAY,kDAAc,WAAd,YAAwB;AAAA,cACpC,SAAS,CAAC,MAAM;AACd,kBAAE,gBAAgB;AAClB,yBAAS;AAAA,cACX;AAAA,cAEA,8BAAC,GAAG,QAAH,EAAU,WAAU,WAAU;AAAA;AAAA,UACjC;AAAA,WAEJ;AAAA,QAEC,gBAAgB,WAAW,UAAU,aACpC,oBAAC,SAAI,WAAU,uCACb;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,YACA,QAAQ;AAAA,YACR,iBAAgB;AAAA,YAChB,uBAAuB;AAAA;AAAA,QACzB,GACF;AAAA,SAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/core/components/ui/Comments/CommentActionButtons.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+export interface CommentActionLabels {
+    reply?: string;
+    edit?: string;
+    delete?: string;
+    close?: string;
+}
+interface CommentActionButtonsProps {
+    onReply?: () => void;
+    onEdit?: () => void;
+    onDelete?: () => void;
+    onClose?: () => void;
+    canReply?: boolean;
+    canEdit?: boolean;
+    canDelete?: boolean;
+    labels?: CommentActionLabels;
+    className?: string;
+    /** Applied to each icon button; lets the caller size the row (sidebar h-8, 3D card h-7). */
+    buttonClassName?: string;
+    /**
+     * Fire on pointerdown instead of click. Needed inside the 3D comment card: the CSS2D renderer
+     * re-transforms the element every frame, so a browser "click" frequently never fires there.
+     */
+    activateOnPointerDown?: boolean;
+}
+/**
+ * Presentational reply/edit/delete/close row shared by the sidebar comment item and the
+ * in-viewer comment card. Intentionally free of i18n and permission hooks: the in-viewer
+ * card renders in a detached React root without the next-intl provider, so labels are
+ * passed in and gating is expressed by which handlers/`can*` flags the caller supplies.
+ */
+export declare function CommentActionButtons({ onReply, onEdit, onDelete, onClose, canReply, canEdit, canDelete, labels, className, buttonClassName, activateOnPointerDown, }: CommentActionButtonsProps): React.ReactElement;
+export {};
+//# sourceMappingURL=CommentActionButtons.d.ts.map

package/dist/core/components/ui/Comments/CommentActionButtons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentActionButtons.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/CommentActionButtons.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,UAAU,yBAAyB;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4FAA4F;IAC5F,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAe,EACf,OAAc,EACd,SAAgB,EAChB,MAAM,EACN,SAAS,EACT,eAAe,EACf,qBAA6B,GAC9B,EAAE,yBAAyB,GAAG,KAAK,CAAC,YAAY,CAuEhD"}

package/dist/core/components/ui/Comments/CommentActionButtons.js

@@ -0,0 +1,106 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as LR from "lucide-react";
+import { cn } from "../../../utils/utils";
+import { Button } from "../Button";
+function CommentActionButtons({
+  onReply,
+  onEdit,
+  onDelete,
+  onClose,
+  canReply = true,
+  canEdit = true,
+  canDelete = true,
+  labels,
+  className,
+  buttonClassName,
+  activateOnPointerDown = false
+}) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const activate = (handler) => (e) => {
+    e.stopPropagation();
+    handler == null ? void 0 : handler();
+  };
+  const bind = (handler) => activateOnPointerDown ? { onPointerDown: activate(handler) } : { onClick: activate(handler) };
+  const btn = cn("h-8 w-8 p-0", buttonClassName);
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-0 flex-shrink-0", className), children: [
+    onReply && /* @__PURE__ */ jsx(
+      Button,
+      __spreadProps(__spreadValues({
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        className: btn
+      }, bind(onReply)), {
+        title: (_a = labels == null ? void 0 : labels.reply) != null ? _a : "Reply",
+        "aria-label": (_b = labels == null ? void 0 : labels.reply) != null ? _b : "Reply",
+        disabled: !canReply,
+        children: /* @__PURE__ */ jsx(LR.Reply, { className: "h-4 w-4" })
+      })
+    ),
+    onEdit && /* @__PURE__ */ jsx(
+      Button,
+      __spreadProps(__spreadValues({
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        className: btn
+      }, bind(onEdit)), {
+        title: (_c = labels == null ? void 0 : labels.edit) != null ? _c : "Edit",
+        "aria-label": (_d = labels == null ? void 0 : labels.edit) != null ? _d : "Edit",
+        disabled: !canEdit,
+        children: /* @__PURE__ */ jsx(LR.Pencil, { className: "h-4 w-4" })
+      })
+    ),
+    onDelete && /* @__PURE__ */ jsx(
+      Button,
+      __spreadProps(__spreadValues({
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        className: btn
+      }, bind(onDelete)), {
+        title: (_e = labels == null ? void 0 : labels.delete) != null ? _e : "Delete",
+        "aria-label": (_f = labels == null ? void 0 : labels.delete) != null ? _f : "Delete",
+        disabled: !canDelete,
+        children: /* @__PURE__ */ jsx(LR.Trash2, { className: "h-4 w-4" })
+      })
+    ),
+    onClose && /* @__PURE__ */ jsx(
+      Button,
+      __spreadProps(__spreadValues({
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        className: btn
+      }, bind(onClose)), {
+        title: (_g = labels == null ? void 0 : labels.close) != null ? _g : "Close",
+        "aria-label": (_h = labels == null ? void 0 : labels.close) != null ? _h : "Close",
+        children: /* @__PURE__ */ jsx(LR.X, { className: "h-4 w-4" })
+      })
+    )
+  ] });
+}
+export {
+  CommentActionButtons
+};
+//# sourceMappingURL=CommentActionButtons.js.map

package/dist/core/components/ui/Comments/CommentActionButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/core/components/ui/Comments/CommentActionButtons.tsx"],"sourcesContent":["'use client'\n\n// SPDX-License-Identifier: AGPL-3.0-or-later\n// Copyright (C) 2025 Collab Digital Twins\n\nimport * as LR from 'lucide-react'\nimport * as React from 'react'\n\nimport { cn } from '../../../utils/utils'\nimport { Button } from '../Button'\n\nexport interface CommentActionLabels {\n  reply?: string\n  edit?: string\n  delete?: string\n  close?: string\n}\n\ninterface CommentActionButtonsProps {\n  onReply?: () => void\n  onEdit?: () => void\n  onDelete?: () => void\n  onClose?: () => void\n  canReply?: boolean\n  canEdit?: boolean\n  canDelete?: boolean\n  labels?: CommentActionLabels\n  className?: string\n  /** Applied to each icon button; lets the caller size the row (sidebar h-8, 3D card h-7). */\n  buttonClassName?: string\n  /**\n   * Fire on pointerdown instead of click. Needed inside the 3D comment card: the CSS2D renderer\n   * re-transforms the element every frame, so a browser \"click\" frequently never fires there.\n   */\n  activateOnPointerDown?: boolean\n}\n\n/**\n * Presentational reply/edit/delete/close row shared by the sidebar comment item and the\n * in-viewer comment card. Intentionally free of i18n and permission hooks: the in-viewer\n * card renders in a detached React root without the next-intl provider, so labels are\n * passed in and gating is expressed by which handlers/`can*` flags the caller supplies.\n */\nexport function CommentActionButtons({\n  onReply,\n  onEdit,\n  onDelete,\n  onClose,\n  canReply = true,\n  canEdit = true,\n  canDelete = true,\n  labels,\n  className,\n  buttonClassName,\n  activateOnPointerDown = false,\n}: CommentActionButtonsProps): React.ReactElement {\n  const activate = (handler?: () => void) => (e: React.MouseEvent | React.PointerEvent) => {\n    e.stopPropagation()\n    handler?.()\n  }\n\n  // Bind the action to pointerdown (3D card) or click (sidebar). Returns the right prop object.\n  const bind = (handler?: () => void) =>\n    activateOnPointerDown ? { onPointerDown: activate(handler) } : { onClick: activate(handler) }\n\n  const btn = cn('h-8 w-8 p-0', buttonClassName)\n\n  return (\n    <div className={cn('flex items-center gap-0 flex-shrink-0', className)}>\n      {onReply && (\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon\"\n          className={btn}\n          {...bind(onReply)}\n          title={labels?.reply ?? 'Reply'}\n          aria-label={labels?.reply ?? 'Reply'}\n          disabled={!canReply}\n        >\n          <LR.Reply className=\"h-4 w-4\" />\n        </Button>\n      )}\n      {onEdit && (\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon\"\n          className={btn}\n          {...bind(onEdit)}\n          title={labels?.edit ?? 'Edit'}\n          aria-label={labels?.edit ?? 'Edit'}\n          disabled={!canEdit}\n        >\n          <LR.Pencil className=\"h-4 w-4\" />\n        </Button>\n      )}\n      {onDelete && (\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon\"\n          className={btn}\n          {...bind(onDelete)}\n          title={labels?.delete ?? 'Delete'}\n          aria-label={labels?.delete ?? 'Delete'}\n          disabled={!canDelete}\n        >\n          <LR.Trash2 className=\"h-4 w-4\" />\n        </Button>\n      )}\n      {onClose && (\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon\"\n          className={btn}\n          {...bind(onClose)}\n          title={labels?.close ?? 'Close'}\n          aria-label={labels?.close ?? 'Close'}\n        >\n          <LR.X className=\"h-4 w-4\" />\n        </Button>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoEI,SAYM,KAZN;AA/DJ,YAAY,QAAQ;AAGpB,SAAS,UAAU;AACnB,SAAS,cAAc;AAkChB,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,wBAAwB;AAC1B,GAAkD;AAvDlD;AAwDE,QAAM,WAAW,CAAC,YAAyB,CAAC,MAA6C;AACvF,MAAE,gBAAgB;AAClB;AAAA,EACF;AAGA,QAAM,OAAO,CAAC,YACZ,wBAAwB,EAAE,eAAe,SAAS,OAAO,EAAE,IAAI,EAAE,SAAS,SAAS,OAAO,EAAE;AAE9F,QAAM,MAAM,GAAG,eAAe,eAAe;AAE7C,SACE,qBAAC,SAAI,WAAW,GAAG,yCAAyC,SAAS,GAClE;AAAA,eACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAW;AAAA,SACP,KAAK,OAAO,IALjB;AAAA,QAMC,QAAO,sCAAQ,UAAR,YAAiB;AAAA,QACxB,eAAY,sCAAQ,UAAR,YAAiB;AAAA,QAC7B,UAAU,CAAC;AAAA,QAEX,8BAAC,GAAG,OAAH,EAAS,WAAU,WAAU;AAAA;AAAA,IAChC;AAAA,IAED,UACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAW;AAAA,SACP,KAAK,MAAM,IALhB;AAAA,QAMC,QAAO,sCAAQ,SAAR,YAAgB;AAAA,QACvB,eAAY,sCAAQ,SAAR,YAAgB;AAAA,QAC5B,UAAU,CAAC;AAAA,QAEX,8BAAC,GAAG,QAAH,EAAU,WAAU,WAAU;AAAA;AAAA,IACjC;AAAA,IAED,YACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAW;AAAA,SACP,KAAK,QAAQ,IALlB;AAAA,QAMC,QAAO,sCAAQ,WAAR,YAAkB;AAAA,QACzB,eAAY,sCAAQ,WAAR,YAAkB;AAAA,QAC9B,UAAU,CAAC;AAAA,QAEX,8BAAC,GAAG,QAAH,EAAU,WAAU,WAAU;AAAA;AAAA,IACjC;AAAA,IAED,WACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAW;AAAA,SACP,KAAK,OAAO,IALjB;AAAA,QAMC,QAAO,sCAAQ,UAAR,YAAiB;AAAA,QACxB,eAAY,sCAAQ,UAAR,YAAiB;AAAA,QAE7B,8BAAC,GAAG,GAAH,EAAK,WAAU,WAAU;AAAA;AAAA,IAC5B;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/core/components/ui/Comments/CommentInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentInput.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/CommentInput.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAUpD,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;AAE7D,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,EAAE,GAAG,CAAA;IACV,OAAO,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,KAAK,EAAE,GAAG,CAAC;QAAC,GAAG,EAAE,GAAG,CAAA;KAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IACtE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAA;IAC5E,mBAAmB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,WAAW,CAAA;IACnB,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,GAAG,CAAC,EAAE,0BAA0B,CAAA;IAChC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,MAAiB,EACjB,QAAQ,EACR,GAAG,EACH,MAAc,GACf,EAAE,iBAAiB,qBA0SnB"}
+{"version":3,"file":"CommentInput.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/CommentInput.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAUpD,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;AAE7D,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,EAAE,GAAG,CAAA;IACV,OAAO,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,GAAG,CAAC;QAAC,KAAK,EAAE,GAAG,CAAC;QAAC,GAAG,EAAE,GAAG,CAAA;KAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IACtE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAA;IAC5E,mBAAmB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,WAAW,CAAA;IACnB,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,GAAG,CAAC,EAAE,0BAA0B,CAAA;IAChC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,MAAiB,EACjB,QAAQ,EACR,GAAG,EACH,MAAc,GACf,EAAE,iBAAiB,qBA8SnB"}

package/dist/core/components/ui/Comments/CommentInput.js

@@ -4,6 +4,7 @@ import * as LR from "lucide-react";
 import { useSession } from "next-auth/react";
 import { useTranslations } from "next-intl";
 import * as React from "react";
+import { toast } from "sonner";
 import { useCreateComment } from "../../../hooks/comments/comments";
 import { AppConfigContext, MapContext, BuildingsContext, MenusContext, ToolsContext } from "../../../store";
 import { ViewerNames } from "../../../types/dbTypes";
@@ -179,6 +180,7 @@ function CommentInput({
     if (text.trim() === "") return;
     setIsPlacing(true);
     setCursor("crosshair");
+    toast(viewer === ViewerNames.map ? t("placeHelpTextMap") : t("placeHelpTextBim"));
   };
   const inputEl = /* @__PURE__ */ jsx(
     Input,
@@ -202,7 +204,7 @@ function CommentInput({
       children: /* @__PURE__ */ jsx(LR.Plus, { className: cn("w-4 h-4", "cursor-pointer transition-transform duration-200 active:scale-90") })
     }
   );
-  const helpText = isPlacing ? viewer === ViewerNames.map ? t("placeHelpTextMap") : t("placeHelpTextBim") : null;
+  const helpText = isPlacing ? viewer === ViewerNames.map ? t("placeHelpTextMap") : t("placeHelpTextBim") : text.trim() !== "" ? t("clickPlusHint") : null;
   if (layout === "dialog") {
     if (isPlacing) return null;
     return /* @__PURE__ */ jsx(
@@ -217,7 +219,8 @@ function CommentInput({
           /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-2", children: [
             inputEl,
             submitButtonEl
-          ] })
+          ] }),
+          helpText && /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground", children: helpText })
         ] })
       }
     );

package/dist/core/components/ui/Comments/CommentInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/core/components/ui/Comments/CommentInput.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as LR from 'lucide-react'\r\nimport { useSession } from 'next-auth/react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as React from 'react'\r\n\r\nimport { useCreateComment } from '../../../hooks/comments/comments'\r\nimport { AppConfigContext, MapContext, BuildingsContext, MenusContext, ToolsContext } from '../../../store'\r\nimport { ViewerNames } from '../../../types/dbTypes'\r\nimport { cn } from '../../../utils/utils'\r\nimport { AddItemDialog } from '../AddItemDialog'\r\nimport { Button } from '../Button'\r\nimport { Card, CardContent, CardHeader, CardTitle } from '../Card'\r\nimport { Input } from '../Input'\r\nimport { Label } from '../Label'\r\n\r\nimport type { Comment} from '../../../types/dbTypes';\r\n\r\nexport type CommentInputLayout = 'inline' | 'card' | 'dialog'\r\n\r\nexport type BimCommentPlacementContext = {\r\n  world: any\r\n  raycast: (data: { camera: any; mouse: any; dom: any }) => Promise<any>\r\n  buildingId?: number\r\n  setCursor?: (cursor: string) => void\r\n  addPendingMarker?: (position: { x: number; y: number; z: number }) => number\r\n  removePendingMarker?: (id: number) => void\r\n}\r\n\r\nexport type CommentInputProps = {\r\n  viewer: ViewerNames\r\n  layout?: CommentInputLayout\r\n  onCancel?: () => void\r\n  bim?: BimCommentPlacementContext\r\n  isOpen?: boolean\r\n}\r\n\r\nexport function CommentInput({\r\n  viewer,\r\n  layout = 'inline',\r\n  onCancel,\r\n  bim,\r\n  isOpen = false,\r\n}: CommentInputProps) {\r\n  const t = useTranslations('CommentInput')\r\n  const session = useSession()\r\n\r\n  const user = useSession().data?.user\r\n\r\n  const organizationId = user?.organizationId\r\n  const authorId = session.data?.user?.id || -1\r\n\r\n  const { state: appConfigState } = React.useContext(AppConfigContext)\r\n  const mapContext = React.useContext(MapContext)\r\n\r\n  const { state: buildingsState } = React.useContext(BuildingsContext)\r\n  const buildingId = buildingsState?.buildings?.building?.id || -1\r\n\r\n  const [text, setText] = React.useState('')\r\n  const [isPlacing, setIsPlacing] = React.useState(false)\r\n\r\n  const inputId = React.useId()\r\n  const { createComment } = useCreateComment()\r\n\r\n  const setCursor = React.useCallback((cursor: string) => {\r\n    if (viewer === ViewerNames.map) {\r\n      const map = mapContext?.state?.map?.map\r\n      if (!map) return\r\n      if (map.getCanvas().style.cursor === cursor) return\r\n      map.getCanvas().style.cursor = cursor\r\n      return\r\n    }\r\n\r\n    if (viewer === ViewerNames.bim) {\r\n      bim?.setCursor?.(cursor)\r\n    }\r\n  }, [bim, mapContext, viewer])\r\n\r\n  const reset = React.useCallback(() => {\r\n    setIsPlacing(false)\r\n    setText('')\r\n    setCursor('')\r\n  }, [setCursor])\r\n\r\n  const onCreateComment = async (commentData: Partial<Comment>) => {\r\n    const commentResult = await createComment({ commentData })\r\n    reset()\r\n  }\r\n\r\n  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext)\r\n  const { state: toolsState } = React.useContext(ToolsContext)\r\n  const { currentToolId } = toolsState.tools\r\n  const { commentsVisibleInViewer } = menusState.menus\r\n\r\n  React.useEffect(() => {\r\n    const viewerToShow = currentToolId === 'bim-add-comment'\r\n      ? ViewerNames.bim\r\n      : currentToolId === 'map-add-comment'\r\n        ? ViewerNames.map\r\n        : null\r\n\r\n    if (!viewerToShow) return\r\n    if (commentsVisibleInViewer.includes(viewerToShow)) return\r\n\r\n    menusDispatch({\r\n      type: 'SHOW_COMMENTS_IN_VIEWER',\r\n      payload: { viewer: viewerToShow },\r\n    })\r\n  }, [currentToolId, commentsVisibleInViewer, menusDispatch])\r\n\r\n  React.useEffect(() => {\r\n    if (!isPlacing) return\r\n\r\n    if (viewer === ViewerNames.map) {\r\n      const map = mapContext?.state?.map?.map\r\n      if (!map) return\r\n\r\n      const mouseMoveCrosshairHandler = () => {\r\n        setCursor('crosshair')\r\n      }\r\n\r\n      const dbClickAddCommentHandler = (e: any): void => {\r\n        const longitude = e?.lngLat?.lng\r\n        const latitude = e?.lngLat?.lat\r\n        if (typeof longitude !== 'number' || typeof latitude !== 'number') return\r\n\r\n        const elevation = map.queryTerrainElevation([latitude, longitude]) || 0\r\n\r\n        const newComment = {\r\n          authorId: Number(user?.id),\r\n          organizationId,\r\n          text,\r\n          visible: true,\r\n          longitude,\r\n          latitude,\r\n          elevation,\r\n          viewer: ViewerNames.map,\r\n        }\r\n        onCreateComment(newComment)\r\n      }\r\n\r\n      map.on('mousemove', mouseMoveCrosshairHandler)\r\n      map.on('dblclick', dbClickAddCommentHandler)\r\n\r\n      return () => {\r\n        setCursor('')\r\n        map.off('mousemove', mouseMoveCrosshairHandler)\r\n        map.off('dblclick', dbClickAddCommentHandler)\r\n      }\r\n    }\r\n\r\n\r\n    if (viewer === ViewerNames.bim) {\r\n      const world = bim?.world\r\n      const raycast = bim?.raycast\r\n      if (!world || !raycast) return\r\n\r\n      let disposed = false\r\n      let removeListeners: (() => void) | null = null\r\n\r\n        ; (async () => {\r\n          const THREE = await import('three')\r\n          if (disposed) return\r\n\r\n          const mouse = new THREE.Vector2()\r\n\r\n          const handleMouseMove = (e: MouseEvent) => {\r\n            mouse.x = e.clientX\r\n            mouse.y = e.clientY\r\n          }\r\n\r\n          const handleDblClick = async (e: MouseEvent) => {\r\n            mouse.x = e.clientX\r\n            mouse.y = e.clientY\r\n\r\n            const result = await raycast({\r\n              camera: world.camera?.three,\r\n              mouse,\r\n              dom: world.renderer?.three?.domElement,\r\n            })\r\n\r\n            if (!result?.point) return\r\n            const p = result.point\r\n\r\n            // Add pending marker immediately\r\n            const pendingId = bim?.addPendingMarker?.({ x: p.x, y: p.y, z: p.z })\r\n\r\n            const newComment = {\r\n              authorId: Number(authorId),\r\n              organizationId,\r\n              text,\r\n              x: p.x,\r\n              y: p.y,\r\n              z: p.z,\r\n              visible: true,\r\n              buildingId,\r\n              viewer,\r\n            }\r\n\r\n            try {\r\n              await onCreateComment(newComment)\r\n            } finally {\r\n              // Remove pending marker after creation completes (or fails)\r\n              if (pendingId) {\r\n                bim?.removePendingMarker?.(pendingId)\r\n              }\r\n            }\r\n            // BIM flow historically closes the adding UI once the comment is placed.\r\n            onCancel?.()\r\n          }\r\n\r\n          document.addEventListener('mousemove', handleMouseMove)\r\n          document.addEventListener('dblclick', handleDblClick)\r\n\r\n          removeListeners = () => {\r\n            document.removeEventListener('mousemove', handleMouseMove)\r\n            document.removeEventListener('dblclick', handleDblClick)\r\n          }\r\n        })()\r\n\r\n      return () => {\r\n        disposed = true\r\n        setCursor('')\r\n        removeListeners?.()\r\n      }\r\n    }\r\n  }, [\r\n    appConfigState,\r\n    bim,\r\n    isPlacing,\r\n    mapContext,\r\n    viewer,\r\n    onCancel,\r\n    reset,\r\n    setCursor,\r\n    text,\r\n    authorId,\r\n  ])\r\n\r\n  const onSubmit = () => {\r\n    if (text.trim() === '') return\r\n    setIsPlacing(true)\r\n    setCursor('crosshair')\r\n  }\r\n\r\n  const inputEl = (\r\n    <Input\r\n      id={inputId}\r\n      type=\"text\"\r\n      value={text}\r\n      onChange={e => setText(e.target.value)}\r\n      placeholder={t('placeholder')}\r\n      className={cn('cursor-pointer')}\r\n    />\r\n  )\r\n\r\n  const submitButtonEl = (\r\n    <Button\r\n      type=\"button\"\r\n      variant=\"ghost\"\r\n      onClick={onSubmit}\r\n      className=\"cursor-pointer transition-transform duration-200 active:scale-90\"\r\n      disabled={text.trim() === ''}\r\n    >\r\n      <LR.Plus className={cn('w-4 h-4', 'cursor-pointer transition-transform duration-200 active:scale-90')} />\r\n    </Button>\r\n  )\r\n\r\n  const helpText =\r\n    isPlacing\r\n      ? (viewer === ViewerNames.map ? t('placeHelpTextMap') : t('placeHelpTextBim'))\r\n      : null\r\n\r\n  if (layout === 'dialog') {\r\n    // When placing, return null so the map is fully interactive (component stays mounted for useEffect)\r\n    if (isPlacing) return null\r\n\r\n    return (\r\n      <AddItemDialog\r\n        open={isOpen}\r\n        onOpenChange={open => !open && onCancel?.()}\r\n        title={t('title')}\r\n        icon={LR.MessageCircle}\r\n      >\r\n        <div className=\"flex flex-col gap-2 pointer-events-auto\">\r\n          <Label htmlFor={inputId}>{t('label')}</Label>\r\n          <div className=\"flex flex-row gap-2\">\r\n            {inputEl}\r\n            {submitButtonEl}\r\n          </div>\r\n        </div>\r\n      </AddItemDialog>\r\n    )\r\n  }\r\n\r\n  if (layout === 'card') {\r\n    return (\r\n      <Card className={cn('absolute bottom-10 left-0 bg-background shadow-md z-10 w-full')}>\r\n        <CardHeader className=\"flex flex-row justify-between items-center pointer-events-auto py-0\">\r\n          <CardTitle className=\"text-sm\">{t('title')}</CardTitle>\r\n          {onCancel && (\r\n            <Button\r\n              type=\"button\"\r\n              variant=\"ghost\"\r\n              size=\"icon\"\r\n              onClick={onCancel}\r\n              className=\"opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent\"\r\n            >\r\n              <span className=\"sr-only\">{t('close')}</span>\r\n              <LR.X size={18} />\r\n            </Button>\r\n          )}\r\n        </CardHeader>\r\n        <CardContent>\r\n          <div className=\"flex flex-col gap-2 mt-2 pointer-events-auto\">\r\n            <Label htmlFor={inputId}>{t('label')}</Label>\r\n            <div className=\"flex flex-row gap-2\">\r\n              {inputEl}\r\n              {submitButtonEl}\r\n            </div>\r\n            {helpText && (\r\n              <p className=\"text-sm text-foreground\">{helpText}</p>\r\n            )}\r\n          </div>\r\n        </CardContent>\r\n      </Card>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className={cn('flex flex-col gap-2 mt-2 pointer-events-auto')}>\r\n      <Label htmlFor={inputId}>{t('label')}</Label>\r\n      <div className=\"flex items-center gap-1\">\r\n        {inputEl}\r\n        {submitButtonEl}\r\n      </div>\r\n      {helpText && (\r\n        <p className=\"text-sm text-foreground\">{helpText}</p>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":["_a","_b","_c","_d","_e"]}
+{"version":3,"sources":["../../../../../src/core/components/ui/Comments/CommentInput.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as LR from 'lucide-react'\r\nimport { useSession } from 'next-auth/react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as React from 'react'\r\nimport { toast } from 'sonner'\r\n\r\nimport { useCreateComment } from '../../../hooks/comments/comments'\r\nimport { AppConfigContext, MapContext, BuildingsContext, MenusContext, ToolsContext } from '../../../store'\r\nimport { ViewerNames } from '../../../types/dbTypes'\r\nimport { cn } from '../../../utils/utils'\r\nimport { AddItemDialog } from '../AddItemDialog'\r\nimport { Button } from '../Button'\r\nimport { Card, CardContent, CardHeader, CardTitle } from '../Card'\r\nimport { Input } from '../Input'\r\nimport { Label } from '../Label'\r\n\r\nimport type { Comment} from '../../../types/dbTypes';\r\n\r\nexport type CommentInputLayout = 'inline' | 'card' | 'dialog'\r\n\r\nexport type BimCommentPlacementContext = {\r\n  world: any\r\n  raycast: (data: { camera: any; mouse: any; dom: any }) => Promise<any>\r\n  buildingId?: number\r\n  setCursor?: (cursor: string) => void\r\n  addPendingMarker?: (position: { x: number; y: number; z: number }) => number\r\n  removePendingMarker?: (id: number) => void\r\n}\r\n\r\nexport type CommentInputProps = {\r\n  viewer: ViewerNames\r\n  layout?: CommentInputLayout\r\n  onCancel?: () => void\r\n  bim?: BimCommentPlacementContext\r\n  isOpen?: boolean\r\n}\r\n\r\nexport function CommentInput({\r\n  viewer,\r\n  layout = 'inline',\r\n  onCancel,\r\n  bim,\r\n  isOpen = false,\r\n}: CommentInputProps) {\r\n  const t = useTranslations('CommentInput')\r\n  const session = useSession()\r\n\r\n  const user = useSession().data?.user\r\n\r\n  const organizationId = user?.organizationId\r\n  const authorId = session.data?.user?.id || -1\r\n\r\n  const { state: appConfigState } = React.useContext(AppConfigContext)\r\n  const mapContext = React.useContext(MapContext)\r\n\r\n  const { state: buildingsState } = React.useContext(BuildingsContext)\r\n  const buildingId = buildingsState?.buildings?.building?.id || -1\r\n\r\n  const [text, setText] = React.useState('')\r\n  const [isPlacing, setIsPlacing] = React.useState(false)\r\n\r\n  const inputId = React.useId()\r\n  const { createComment } = useCreateComment()\r\n\r\n  const setCursor = React.useCallback((cursor: string) => {\r\n    if (viewer === ViewerNames.map) {\r\n      const map = mapContext?.state?.map?.map\r\n      if (!map) return\r\n      if (map.getCanvas().style.cursor === cursor) return\r\n      map.getCanvas().style.cursor = cursor\r\n      return\r\n    }\r\n\r\n    if (viewer === ViewerNames.bim) {\r\n      bim?.setCursor?.(cursor)\r\n    }\r\n  }, [bim, mapContext, viewer])\r\n\r\n  const reset = React.useCallback(() => {\r\n    setIsPlacing(false)\r\n    setText('')\r\n    setCursor('')\r\n  }, [setCursor])\r\n\r\n  const onCreateComment = async (commentData: Partial<Comment>) => {\r\n    const commentResult = await createComment({ commentData })\r\n    reset()\r\n  }\r\n\r\n  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext)\r\n  const { state: toolsState } = React.useContext(ToolsContext)\r\n  const { currentToolId } = toolsState.tools\r\n  const { commentsVisibleInViewer } = menusState.menus\r\n\r\n  React.useEffect(() => {\r\n    const viewerToShow = currentToolId === 'bim-add-comment'\r\n      ? ViewerNames.bim\r\n      : currentToolId === 'map-add-comment'\r\n        ? ViewerNames.map\r\n        : null\r\n\r\n    if (!viewerToShow) return\r\n    if (commentsVisibleInViewer.includes(viewerToShow)) return\r\n\r\n    menusDispatch({\r\n      type: 'SHOW_COMMENTS_IN_VIEWER',\r\n      payload: { viewer: viewerToShow },\r\n    })\r\n  }, [currentToolId, commentsVisibleInViewer, menusDispatch])\r\n\r\n  React.useEffect(() => {\r\n    if (!isPlacing) return\r\n\r\n    if (viewer === ViewerNames.map) {\r\n      const map = mapContext?.state?.map?.map\r\n      if (!map) return\r\n\r\n      const mouseMoveCrosshairHandler = () => {\r\n        setCursor('crosshair')\r\n      }\r\n\r\n      const dbClickAddCommentHandler = (e: any): void => {\r\n        const longitude = e?.lngLat?.lng\r\n        const latitude = e?.lngLat?.lat\r\n        if (typeof longitude !== 'number' || typeof latitude !== 'number') return\r\n\r\n        const elevation = map.queryTerrainElevation([latitude, longitude]) || 0\r\n\r\n        const newComment = {\r\n          authorId: Number(user?.id),\r\n          organizationId,\r\n          text,\r\n          visible: true,\r\n          longitude,\r\n          latitude,\r\n          elevation,\r\n          viewer: ViewerNames.map,\r\n        }\r\n        onCreateComment(newComment)\r\n      }\r\n\r\n      map.on('mousemove', mouseMoveCrosshairHandler)\r\n      map.on('dblclick', dbClickAddCommentHandler)\r\n\r\n      return () => {\r\n        setCursor('')\r\n        map.off('mousemove', mouseMoveCrosshairHandler)\r\n        map.off('dblclick', dbClickAddCommentHandler)\r\n      }\r\n    }\r\n\r\n\r\n    if (viewer === ViewerNames.bim) {\r\n      const world = bim?.world\r\n      const raycast = bim?.raycast\r\n      if (!world || !raycast) return\r\n\r\n      let disposed = false\r\n      let removeListeners: (() => void) | null = null\r\n\r\n        ; (async () => {\r\n          const THREE = await import('three')\r\n          if (disposed) return\r\n\r\n          const mouse = new THREE.Vector2()\r\n\r\n          const handleMouseMove = (e: MouseEvent) => {\r\n            mouse.x = e.clientX\r\n            mouse.y = e.clientY\r\n          }\r\n\r\n          const handleDblClick = async (e: MouseEvent) => {\r\n            mouse.x = e.clientX\r\n            mouse.y = e.clientY\r\n\r\n            const result = await raycast({\r\n              camera: world.camera?.three,\r\n              mouse,\r\n              dom: world.renderer?.three?.domElement,\r\n            })\r\n\r\n            if (!result?.point) return\r\n            const p = result.point\r\n\r\n            // Add pending marker immediately\r\n            const pendingId = bim?.addPendingMarker?.({ x: p.x, y: p.y, z: p.z })\r\n\r\n            const newComment = {\r\n              authorId: Number(authorId),\r\n              organizationId,\r\n              text,\r\n              x: p.x,\r\n              y: p.y,\r\n              z: p.z,\r\n              visible: true,\r\n              buildingId,\r\n              viewer,\r\n            }\r\n\r\n            try {\r\n              await onCreateComment(newComment)\r\n            } finally {\r\n              // Remove pending marker after creation completes (or fails)\r\n              if (pendingId) {\r\n                bim?.removePendingMarker?.(pendingId)\r\n              }\r\n            }\r\n            // BIM flow historically closes the adding UI once the comment is placed.\r\n            onCancel?.()\r\n          }\r\n\r\n          document.addEventListener('mousemove', handleMouseMove)\r\n          document.addEventListener('dblclick', handleDblClick)\r\n\r\n          removeListeners = () => {\r\n            document.removeEventListener('mousemove', handleMouseMove)\r\n            document.removeEventListener('dblclick', handleDblClick)\r\n          }\r\n        })()\r\n\r\n      return () => {\r\n        disposed = true\r\n        setCursor('')\r\n        removeListeners?.()\r\n      }\r\n    }\r\n  }, [\r\n    appConfigState,\r\n    bim,\r\n    isPlacing,\r\n    mapContext,\r\n    viewer,\r\n    onCancel,\r\n    reset,\r\n    setCursor,\r\n    text,\r\n    authorId,\r\n  ])\r\n\r\n  const onSubmit = () => {\r\n    if (text.trim() === '') return\r\n    setIsPlacing(true)\r\n    setCursor('crosshair')\r\n    toast(viewer === ViewerNames.map ? t('placeHelpTextMap') : t('placeHelpTextBim'))\r\n  }\r\n\r\n  const inputEl = (\r\n    <Input\r\n      id={inputId}\r\n      type=\"text\"\r\n      value={text}\r\n      onChange={e => setText(e.target.value)}\r\n      placeholder={t('placeholder')}\r\n      className={cn('cursor-pointer')}\r\n    />\r\n  )\r\n\r\n  const submitButtonEl = (\r\n    <Button\r\n      type=\"button\"\r\n      variant=\"ghost\"\r\n      onClick={onSubmit}\r\n      className=\"cursor-pointer transition-transform duration-200 active:scale-90\"\r\n      disabled={text.trim() === ''}\r\n    >\r\n      <LR.Plus className={cn('w-4 h-4', 'cursor-pointer transition-transform duration-200 active:scale-90')} />\r\n    </Button>\r\n  )\r\n\r\n  const helpText =\r\n    isPlacing\r\n      ? (viewer === ViewerNames.map ? t('placeHelpTextMap') : t('placeHelpTextBim'))\r\n      : (text.trim() !== '' ? t('clickPlusHint') : null)\r\n\r\n  if (layout === 'dialog') {\r\n    // When placing, return null so the map is fully interactive (component stays mounted for useEffect)\r\n    if (isPlacing) return null\r\n\r\n    return (\r\n      <AddItemDialog\r\n        open={isOpen}\r\n        onOpenChange={open => !open && onCancel?.()}\r\n        title={t('title')}\r\n        icon={LR.MessageCircle}\r\n      >\r\n        <div className=\"flex flex-col gap-2 pointer-events-auto\">\r\n          <Label htmlFor={inputId}>{t('label')}</Label>\r\n          <div className=\"flex flex-row gap-2\">\r\n            {inputEl}\r\n            {submitButtonEl}\r\n          </div>\r\n          {helpText && (\r\n            <p className=\"text-sm text-foreground\">{helpText}</p>\r\n          )}\r\n        </div>\r\n      </AddItemDialog>\r\n    )\r\n  }\r\n\r\n  if (layout === 'card') {\r\n    return (\r\n      <Card className={cn('absolute bottom-10 left-0 bg-background shadow-md z-10 w-full')}>\r\n        <CardHeader className=\"flex flex-row justify-between items-center pointer-events-auto py-0\">\r\n          <CardTitle className=\"text-sm\">{t('title')}</CardTitle>\r\n          {onCancel && (\r\n            <Button\r\n              type=\"button\"\r\n              variant=\"ghost\"\r\n              size=\"icon\"\r\n              onClick={onCancel}\r\n              className=\"opacity-70 hover:opacity-100 transition-opacity duration-200 hover:bg-transparent\"\r\n            >\r\n              <span className=\"sr-only\">{t('close')}</span>\r\n              <LR.X size={18} />\r\n            </Button>\r\n          )}\r\n        </CardHeader>\r\n        <CardContent>\r\n          <div className=\"flex flex-col gap-2 mt-2 pointer-events-auto\">\r\n            <Label htmlFor={inputId}>{t('label')}</Label>\r\n            <div className=\"flex flex-row gap-2\">\r\n              {inputEl}\r\n              {submitButtonEl}\r\n            </div>\r\n            {helpText && (\r\n              <p className=\"text-sm text-foreground\">{helpText}</p>\r\n            )}\r\n          </div>\r\n        </CardContent>\r\n      </Card>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className={cn('flex flex-col gap-2 mt-2 pointer-events-auto')}>\r\n      <Label htmlFor={inputId}>{t('label')}</Label>\r\n      <div className=\"flex items-center gap-1\">\r\n        {inputEl}\r\n        {submitButtonEl}\r\n      </div>\r\n      {helpText && (\r\n        <p className=\"text-sm text-foreground\">{helpText}</p>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":["_a","_b","_c","_d","_e"]}

package/dist/core/components/ui/Comments/CommentsSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentsSection.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/CommentsSection.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAe9B,wBAAgB,eAAe,sBAsI9B"}
+{"version":3,"file":"CommentsSection.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/CommentsSection.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAiB9B,wBAAgB,eAAe,sBAwL9B"}