@collabdt/core 0.3.1 → 0.3.3

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

@@ -1,27 +1,38 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 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 { useComment, useComments } from "../../../hooks/comments/comments";
+import { useComment, useComments, useCreateComment, useDeleteComments } from "../../../hooks/comments/comments";
 import { BuildingsContext, MenusContext, ToolsContext, usePermissions } from "../../../store";
 import { CollapsibleSection } from "../CollapsibleSection";
 import { SearchInput } from "../SearchInput";
 import { CollapsibleCommentItem } from "./CollapsibleCommentItem";
 function CommentsSection() {
-  var _a, _b;
+  var _a, _b, _c, _d;
   const t = useTranslations("CommentsSection");
   const { ability } = usePermissions();
   const { dispatch: toolsDispatch } = React.useContext(ToolsContext);
   const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext);
-  const { currentViewer, commentsVisibleInViewer } = menusState.menus;
+  const { currentViewer, commentsVisibleInViewer, focusedCommentId, pendingCommentAction } = menusState.menus;
+  const focusComment = React.useCallback((commentId) => {
+    menusDispatch({ type: "SHOW_COMMENTS_IN_VIEWER", payload: { viewer: currentViewer } });
+    menusDispatch({ type: "SET_FOCUSED_COMMENT_ID", payload: { commentId } });
+  }, [menusDispatch, currentViewer]);
+  React.useEffect(() => {
+    if (pendingCommentAction) menusDispatch({ type: "CLEAR_PENDING_COMMENT_ACTION" });
+  }, [pendingCommentAction == null ? void 0 : pendingCommentAction.requestId, menusDispatch]);
   const { comments } = useComments();
   const { state: buildingsState } = React.useContext(BuildingsContext);
   const buildingId = ((_b = (_a = buildingsState == null ? void 0 : buildingsState.buildings) == null ? void 0 : _a.building) == null ? void 0 : _b.id) || -1;
-  const [commentToDelete, setCommentToDelete] = React.useState(null);
+  const user = (_c = useSession().data) == null ? void 0 : _c.user;
+  const { createComment } = useCreateComment();
+  const [commentToEdit, setCommentToEdit] = React.useState(null);
   const [searchQuery, setSearchQuery] = React.useState("");
-  const { deleteComment } = useComment(commentToDelete);
+  const { updateComment } = useComment((_d = commentToEdit == null ? void 0 : commentToEdit.id) != null ? _d : null);
+  const { deleteComments } = useDeleteComments();
   const handleAddComment = React.useCallback(() => {
     if (!currentViewer) return;
     toolsDispatch({
@@ -33,46 +44,72 @@ function CommentsSection() {
   }, [toolsDispatch, currentViewer]);
   const handleCommentAction = React.useCallback((action, id) => {
     switch (action) {
-      case "view":
-        console.log(`View comment ${id}`);
-        break;
-      case "edit":
-        console.log(`Edit comment ${id}`);
-        break;
-      case "delete":
+      case "delete": {
         toast.success(t("commentDeleted"));
-        setCommentToDelete(id);
-        break;
-      case "reply":
-        console.log(`Reply to comment ${id}`);
+        const replyIds = comments.filter((c) => c.replyToId === id).map((c) => c.id);
+        void deleteComments({ ids: [id, ...replyIds] });
         break;
+      }
+      // 'view', 'edit' and 'reply' are handled inline by CollapsibleCommentItem
+      // (edit -> onEdit, reply -> onReply)
       default:
         break;
     }
-  }, [t]);
+  }, [t, comments, deleteComments]);
   React.useEffect(() => {
-    if (commentToDelete !== null) {
-      deleteComment();
-      setCommentToDelete(null);
+    if (commentToEdit !== null) {
+      void updateComment({ text: commentToEdit.text });
+      setCommentToEdit(null);
     }
-  }, [commentToDelete, deleteComment]);
-  const handleReply = React.useCallback((id, replyText) => {
-    console.log(`Reply to ${id}: ${replyText}`);
+  }, [commentToEdit, updateComment]);
+  const handleEdit = React.useCallback((id, text) => {
+    setCommentToEdit({ id, text });
   }, []);
+  const handleReply = React.useCallback((parent, replyText) => {
+    var _a2;
+    if (!replyText.trim() || !user) return;
+    void createComment({
+      commentData: {
+        text: replyText,
+        authorId: Number(user.id),
+        organizationId: user.organizationId,
+        viewer: parent.viewer,
+        buildingId: parent.buildingId,
+        // Flat threading: a reply to a reply attaches to the top-level parent
+        replyToId: (_a2 = parent.replyToId) != null ? _a2 : parent.id,
+        visible: true
+      }
+    });
+  }, [createComment, user]);
   const handleFileUpload = React.useCallback((commentId, files) => {
-    console.log(`Upload files for comment ${commentId}:`, Array.from(files).map((f) => f.name));
   }, []);
   const currentComments = comments.filter((comment) => currentViewer === comment.viewer && (!comment.buildingId || comment.buildingId === buildingId));
+  const repliesByParent = React.useMemo(() => {
+    var _a2;
+    const map = /* @__PURE__ */ new Map();
+    for (const comment of currentComments) {
+      if (comment.replyToId != null) {
+        const list = (_a2 = map.get(comment.replyToId)) != null ? _a2 : [];
+        list.push(comment);
+        map.set(comment.replyToId, list);
+      }
+    }
+    return map;
+  }, [currentComments]);
+  const topLevelComments = React.useMemo(
+    () => currentComments.filter((comment) => comment.replyToId == null),
+    [currentComments]
+  );
   const filteredComments = React.useMemo(() => {
-    if (!searchQuery.trim()) return currentComments;
+    if (!searchQuery.trim()) return topLevelComments;
     const query = searchQuery.toLowerCase();
-    return currentComments.filter(
+    return topLevelComments.filter(
       (comment) => {
         var _a2;
         return (_a2 = comment.text) == null ? void 0 : _a2.toLowerCase().includes(query);
       }
     );
-  }, [currentComments, searchQuery]);
+  }, [topLevelComments, searchQuery]);
   const commentsVisible = commentsVisibleInViewer.includes(currentViewer);
   const toggleCommentsVisibility = React.useCallback(() => {
     menusDispatch({
@@ -104,21 +141,28 @@ function CommentsSection() {
           checked: commentsVisible,
           onCheckedChange: toggleCommentsVisibility
         },
-        children: /* @__PURE__ */ jsx("div", { className: "space-y-2 mx-2 pr-2", children: filteredComments.map((comment) => /* @__PURE__ */ jsx(
-          CollapsibleCommentItem,
-          {
-            comment,
-            onAction: handleCommentAction,
-            onReply: handleReply,
-            onFileUpload: handleFileUpload,
-            replies: [],
-            attachments: [],
-            isVisible: commentsVisible,
-            onMouseEnter: () => menusDispatch({ type: "SET_CURRENT_COMMENT_ID", payload: { commentId: comment.id } }),
-            onMouseLeave: () => menusDispatch({ type: "SET_CURRENT_COMMENT_ID", payload: { commentId: null } })
-          },
-          comment.id
-        )) })
+        children: /* @__PURE__ */ jsx("div", { className: "space-y-2 mx-2 pr-2 pb-2", children: filteredComments.map((comment) => {
+          var _a2;
+          return /* @__PURE__ */ jsx(
+            CollapsibleCommentItem,
+            {
+              comment,
+              onAction: handleCommentAction,
+              onReply: handleReply,
+              onEdit: handleEdit,
+              onFileUpload: handleFileUpload,
+              replies: (_a2 = repliesByParent.get(comment.id)) != null ? _a2 : [],
+              attachments: [],
+              isVisible: commentsVisible,
+              focused: focusedCommentId === comment.id,
+              onFocus: () => focusComment(comment.id),
+              pendingAction: pendingCommentAction != null ? pendingCommentAction : void 0,
+              onMouseEnter: () => menusDispatch({ type: "SET_CURRENT_COMMENT_ID", payload: { commentId: comment.id } }),
+              onMouseLeave: () => menusDispatch({ type: "SET_CURRENT_COMMENT_ID", payload: { commentId: null } })
+            },
+            comment.id
+          );
+        }) })
       }
     )
   ] });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/core/components/ui/Comments/CommentsSection.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 { useTranslations } from 'next-intl'\r\nimport * as React from 'react'\r\nimport { toast } from 'sonner'\r\n\r\nimport { useComment, useComments } from '../../../hooks/comments/comments';\r\nimport { BuildingsContext, MenusContext, ToolsContext, usePermissions } from '../../../store'\r\nimport { CollapsibleSection } from '../CollapsibleSection'\r\nimport { SearchInput } from '../SearchInput'\r\n\r\n\r\nimport { CollapsibleCommentItem } from './CollapsibleCommentItem'\r\n\r\n\r\n\r\ntype CommentAction = 'view' | 'edit' | 'delete' | 'reply'\r\n\r\nexport function CommentsSection() {\r\n  // Translation\r\n  const t = useTranslations('CommentsSection')\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  const { dispatch: toolsDispatch } = React.useContext(ToolsContext)\r\n  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext)\r\n  const { currentViewer, commentsVisibleInViewer } = menusState.menus\r\n\r\n  const {comments} = useComments()\r\n  const {state: buildingsState} = React.useContext(BuildingsContext)\r\n  const buildingId = buildingsState?.buildings?.building?.id || -1\r\n\r\n  const [commentToDelete, setCommentToDelete] = React.useState<number | null>(null)\r\n  const [searchQuery, setSearchQuery] = React.useState('')\r\n  const { deleteComment } = useComment(commentToDelete)\r\n\r\n  const handleAddComment = React.useCallback(() => {\r\n    if (!currentViewer) return\r\n      toolsDispatch({\r\n        type: 'SET-TOOL',\r\n        payload: {\r\n          currentToolId:\r\n            currentViewer === 'bim'\r\n              ? 'bim-add-comment'\r\n              : currentViewer === 'map'\r\n                ? 'map-add-comment'\r\n                : undefined,\r\n        },\r\n      })\r\n  }, [toolsDispatch, currentViewer])\r\n\r\n  const handleCommentAction = React.useCallback((action: CommentAction, id: number) => {\r\n    switch (action) {\r\n      case 'view':\r\n        console.log(`View comment ${id}`)\r\n        break\r\n      case 'edit':\r\n        console.log(`Edit comment ${id}`)\r\n        break\r\n      case 'delete':\r\n            toast.success(t('commentDeleted'))\r\n            setCommentToDelete(id)\r\n        break\r\n      case 'reply':\r\n        console.log(`Reply to comment ${id}`)\r\n        break\r\n      default:\r\n        break\r\n    }\r\n  }, [t])\r\n\r\n  // Trigger deletion when commentToDelete changes\r\n  React.useEffect(() => {\r\n    if (commentToDelete !== null) {\r\n      deleteComment()\r\n      setCommentToDelete(null)\r\n    }\r\n  }, [commentToDelete, deleteComment])\r\n\r\n  const handleReply = React.useCallback((id: number, replyText: string) => {\r\n    console.log(`Reply to ${id}: ${replyText}`)\r\n    // TODO: Implement reply functionality\r\n  }, [])\r\n\r\n  const handleFileUpload = React.useCallback((commentId: number, files: FileList) => {\r\n    console.log(`Upload files for comment ${commentId}:`, Array.from(files).map(f => f.name))\r\n    // TODO: Implement file upload functionality\r\n  }, [])\r\n\r\n  const currentComments = comments.filter((comment) => currentViewer === comment.viewer && (!comment.buildingId || comment.buildingId === buildingId))\r\n\r\n  // Filter comments based on search query\r\n  const filteredComments = React.useMemo(() => {\r\n    if (!searchQuery.trim()) return currentComments\r\n\r\n    const query = searchQuery.toLowerCase()\r\n    return currentComments.filter((comment) =>\r\n      comment.text?.toLowerCase().includes(query)\r\n    )\r\n  }, [currentComments, searchQuery])\r\n\r\n  const commentsVisible = commentsVisibleInViewer.includes(currentViewer)\r\n\r\n  const toggleCommentsVisibility = React.useCallback(() => {\r\n      menusDispatch({\r\n        type: commentsVisible ? 'HIDE_COMMENTS_IN_VIEWER' : 'SHOW_COMMENTS_IN_VIEWER',\r\n        payload: {\r\n          viewer: currentViewer,\r\n        },\r\n      })\r\n  }, [currentViewer, commentsVisible, menusDispatch])\r\n\r\n  return (\r\n    <div className=\"flex-1 flex flex-col space-y-4 overflow-hidden\">\r\n      <div className=\"px-4\">\r\n        <SearchInput\r\n          placeholder={t('searchComments')}\r\n          value={searchQuery}\r\n          onChange={e => setSearchQuery(e.target.value)}\r\n        />\r\n      </div>\r\n      <CollapsibleSection\r\n        title={t('commentsTitle')}\r\n        icon={LR.MessageCircle}\r\n        className=\"overflow-y-auto\"\r\n        itemCount={filteredComments.length}\r\n        onAddItem={handleAddComment}\r\n        addItemTitle={t('addCommentTitle')}\r\n        switchVariant={{\r\n          checked: commentsVisible,\r\n          onCheckedChange: toggleCommentsVisibility,\r\n        }}\r\n      >\r\n        <div className=\"space-y-2 mx-2 pr-2\">\r\n          {filteredComments.map((comment) => (\r\n            <CollapsibleCommentItem\r\n              key={comment.id}\r\n              comment={comment}\r\n              onAction={handleCommentAction}\r\n              onReply={handleReply}\r\n              onFileUpload={handleFileUpload}\r\n              replies={[]}\r\n              attachments={[]}\r\n              isVisible={commentsVisible}\r\n              onMouseEnter={() => menusDispatch({ type: 'SET_CURRENT_COMMENT_ID', payload: { commentId: comment.id } })}\r\n              onMouseLeave={() => menusDispatch({ type: 'SET_CURRENT_COMMENT_ID', payload: { commentId: null } })}\r\n            />\r\n          ))}\r\n        </div>\r\n      </CollapsibleSection>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":["_a"]}
+{"version":3,"sources":["../../../../../src/core/components/ui/Comments/CommentsSection.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 { useComment, useComments, useCreateComment, useDeleteComments } from '../../../hooks/comments/comments';\r\nimport { BuildingsContext, MenusContext, ToolsContext, usePermissions } from '../../../store'\r\nimport { CollapsibleSection } from '../CollapsibleSection'\r\nimport { SearchInput } from '../SearchInput'\r\n\r\n\r\nimport { CollapsibleCommentItem } from './CollapsibleCommentItem'\r\n\r\nimport type { Comment } from '../../../types/dbTypes'\r\n\r\n\r\n\r\ntype CommentAction = 'view' | 'edit' | 'delete' | 'reply'\r\n\r\nexport function CommentsSection() {\r\n  // Translation\r\n  const t = useTranslations('CommentsSection')\r\n  // Permissions\r\n  const { ability } = usePermissions()\r\n\r\n  const { dispatch: toolsDispatch } = React.useContext(ToolsContext)\r\n  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext)\r\n  const { currentViewer, commentsVisibleInViewer, focusedCommentId, pendingCommentAction } = menusState.menus\r\n\r\n  const focusComment = React.useCallback((commentId: number) => {\r\n    // Ensure comments are visible in the active viewer so the zoom target is actually rendered.\r\n    menusDispatch({ type: 'SHOW_COMMENTS_IN_VIEWER', payload: { viewer: currentViewer } })\r\n    menusDispatch({ type: 'SET_FOCUSED_COMMENT_ID', payload: { commentId } })\r\n  }, [menusDispatch, currentViewer])\r\n\r\n  // A pending action (open editor/reply from a marker) is one-shot: child items consume it\r\n  // on their mount/update effect (children run before this parent effect), then we clear it so\r\n  // it does not re-fire when the sidebar remounts.\r\n  React.useEffect(() => {\r\n    if (pendingCommentAction) menusDispatch({ type: 'CLEAR_PENDING_COMMENT_ACTION' })\r\n  }, [pendingCommentAction?.requestId, menusDispatch])\r\n\r\n  const {comments} = useComments()\r\n  const {state: buildingsState} = React.useContext(BuildingsContext)\r\n  const buildingId = buildingsState?.buildings?.building?.id || -1\r\n\r\n  const user = useSession().data?.user\r\n  const { createComment } = useCreateComment()\r\n\r\n  const [commentToEdit, setCommentToEdit] = React.useState<{ id: number; text: string } | null>(null)\r\n  const [searchQuery, setSearchQuery] = React.useState('')\r\n  const { updateComment } = useComment(commentToEdit?.id ?? null)\r\n  const { deleteComments } = useDeleteComments()\r\n\r\n  const handleAddComment = React.useCallback(() => {\r\n    if (!currentViewer) return\r\n      toolsDispatch({\r\n        type: 'SET-TOOL',\r\n        payload: {\r\n          currentToolId:\r\n            currentViewer === 'bim'\r\n              ? 'bim-add-comment'\r\n              : currentViewer === 'map'\r\n                ? 'map-add-comment'\r\n                : undefined,\r\n        },\r\n      })\r\n  }, [toolsDispatch, currentViewer])\r\n\r\n  const handleCommentAction = React.useCallback((action: CommentAction, id: number) => {\r\n    switch (action) {\r\n      case 'delete': {\r\n        toast.success(t('commentDeleted'))\r\n        // Cascade: delete the comment together with its replies (DB does not cascade).\r\n        const replyIds = comments.filter((c) => c.replyToId === id).map((c) => c.id)\r\n        void deleteComments({ ids: [id, ...replyIds] })\r\n        break\r\n      }\r\n      // 'view', 'edit' and 'reply' are handled inline by CollapsibleCommentItem\r\n      // (edit -> onEdit, reply -> onReply)\r\n      default:\r\n        break\r\n    }\r\n  }, [t, comments, deleteComments])\r\n\r\n  // Trigger edit when commentToEdit changes\r\n  React.useEffect(() => {\r\n    if (commentToEdit !== null) {\r\n      void updateComment({ text: commentToEdit.text })\r\n      setCommentToEdit(null)\r\n    }\r\n  }, [commentToEdit, updateComment])\r\n\r\n  const handleEdit = React.useCallback((id: number, text: string) => {\r\n    setCommentToEdit({ id, text })\r\n  }, [])\r\n\r\n  const handleReply = React.useCallback((parent: Comment, replyText: string) => {\r\n    if (!replyText.trim() || !user) return\r\n    void createComment({\r\n      commentData: {\r\n        text: replyText,\r\n        authorId: Number(user.id),\r\n        organizationId: user.organizationId,\r\n        viewer: parent.viewer,\r\n        buildingId: parent.buildingId,\r\n        // Flat threading: a reply to a reply attaches to the top-level parent\r\n        replyToId: parent.replyToId ?? parent.id,\r\n        visible: true,\r\n      },\r\n    })\r\n  }, [createComment, user])\r\n\r\n  const handleFileUpload = React.useCallback((commentId: number, files: FileList) => {\r\n    // ⚠️ Comment file upload not implemented (files are discarded)\r\n  }, [])\r\n\r\n  const currentComments = comments.filter((comment) => currentViewer === comment.viewer && (!comment.buildingId || comment.buildingId === buildingId))\r\n\r\n  // Group replies under their parent (flat, single level)\r\n  const repliesByParent = React.useMemo(() => {\r\n    const map = new Map<number, Comment[]>()\r\n    for (const comment of currentComments) {\r\n      if (comment.replyToId != null) {\r\n        const list = map.get(comment.replyToId) ?? []\r\n        list.push(comment)\r\n        map.set(comment.replyToId, list)\r\n      }\r\n    }\r\n    return map\r\n  }, [currentComments])\r\n\r\n  // Top-level comments only (replies are nested under their parent)\r\n  const topLevelComments = React.useMemo(\r\n    () => currentComments.filter((comment) => comment.replyToId == null),\r\n    [currentComments]\r\n  )\r\n\r\n  // Filter comments based on search query\r\n  const filteredComments = React.useMemo(() => {\r\n    if (!searchQuery.trim()) return topLevelComments\r\n\r\n    const query = searchQuery.toLowerCase()\r\n    return topLevelComments.filter((comment) =>\r\n      comment.text?.toLowerCase().includes(query)\r\n    )\r\n  }, [topLevelComments, searchQuery])\r\n\r\n  const commentsVisible = commentsVisibleInViewer.includes(currentViewer)\r\n\r\n  const toggleCommentsVisibility = React.useCallback(() => {\r\n      menusDispatch({\r\n        type: commentsVisible ? 'HIDE_COMMENTS_IN_VIEWER' : 'SHOW_COMMENTS_IN_VIEWER',\r\n        payload: {\r\n          viewer: currentViewer,\r\n        },\r\n      })\r\n  }, [currentViewer, commentsVisible, menusDispatch])\r\n\r\n  return (\r\n    <div className=\"flex-1 flex flex-col space-y-4 overflow-hidden\">\r\n      <div className=\"px-4\">\r\n        <SearchInput\r\n          placeholder={t('searchComments')}\r\n          value={searchQuery}\r\n          onChange={e => setSearchQuery(e.target.value)}\r\n        />\r\n      </div>\r\n      <CollapsibleSection\r\n        title={t('commentsTitle')}\r\n        icon={LR.MessageCircle}\r\n        className=\"overflow-y-auto\"\r\n        itemCount={filteredComments.length}\r\n        onAddItem={handleAddComment}\r\n        addItemTitle={t('addCommentTitle')}\r\n        switchVariant={{\r\n          checked: commentsVisible,\r\n          onCheckedChange: toggleCommentsVisibility,\r\n        }}\r\n      >\r\n        <div className=\"space-y-2 mx-2 pr-2 pb-2\">\r\n          {filteredComments.map((comment) => (\r\n            <CollapsibleCommentItem\r\n              key={comment.id}\r\n              comment={comment}\r\n              onAction={handleCommentAction}\r\n              onReply={handleReply}\r\n              onEdit={handleEdit}\r\n              onFileUpload={handleFileUpload}\r\n              replies={repliesByParent.get(comment.id) ?? []}\r\n              attachments={[]}\r\n              isVisible={commentsVisible}\r\n              focused={focusedCommentId === comment.id}\r\n              onFocus={() => focusComment(comment.id)}\r\n              pendingAction={pendingCommentAction ?? undefined}\r\n              onMouseEnter={() => menusDispatch({ type: 'SET_CURRENT_COMMENT_ID', payload: { commentId: comment.id } })}\r\n              onMouseLeave={() => menusDispatch({ type: 'SET_CURRENT_COMMENT_ID', payload: { commentId: null } })}\r\n            />\r\n          ))}\r\n        </div>\r\n      </CollapsibleSection>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":["_a"]}

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

@@ -1 +1 @@
-{"version":3,"file":"commentUtils.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/commentUtils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAErD,KAAK,kBAAkB,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,WAAW,GAAG,WAAW,CAAC,GACrE,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,WAAW,GAAG,WAAW,CAAC,CAAC,GACxD;IAAE,GAAG,CAAC,EAAE,IAAI,CAAA;CAAE,CAAA;AAGlB,wBAAgB,YAAY,CAAC,MAAM,EAAE,kBAAkB,GAAG,OAAO,CAAC,OAAO,CAAC,CAkBzE"}
+{"version":3,"file":"commentUtils.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Comments/commentUtils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAErD,KAAK,kBAAkB,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,WAAW,GAAG,WAAW,CAAC,GACrE,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,WAAW,GAAG,WAAW,CAAC,CAAC,GACxD;IAAE,GAAG,CAAC,EAAE,IAAI,CAAA;CAAE,CAAA;AAGlB,wBAAgB,YAAY,CAAC,MAAM,EAAE,kBAAkB,GAAG,OAAO,CAAC,OAAO,CAAC,CAmBzE"}

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

@@ -14,7 +14,8 @@ function buildComment(params) {
     y: params.y,
     z: params.z,
     viewer: params.viewer,
-    buildingId: params.buildingId
+    buildingId: params.buildingId,
+    replyToId: params.replyToId
   };
 }
 export {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/core/components/ui/Comments/commentUtils.ts"],"sourcesContent":["// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport type { Comment } from '../../../types/dbTypes'\r\n\r\ntype BuildCommentParams = Omit<Comment, 'id' | 'createdAt' | 'updatedAt'>\r\n  & Partial<Pick<Comment, 'id' | 'createdAt' | 'updatedAt'>>\r\n  & { now?: Date }\r\n\r\n\r\nexport function buildComment(params: BuildCommentParams): Partial<Comment> {\r\n  const now = params.now ?? new Date()\r\n\r\n  return {\r\n    visible: true,\r\n    authorId: params.authorId,\r\n    organizationId: params.organizationId,\r\n    image: params.image,\r\n    text: params.text,\r\n    longitude: params.longitude,\r\n    latitude: params.latitude,\r\n    elevation: params.elevation,\r\n    x: params.x,\r\n    y: params.y,\r\n    z: params.z,\r\n    viewer: params.viewer,\r\n    buildingId: params.buildingId\r\n  }\r\n}\r\n"],"mappings":"AAUO,SAAS,aAAa,QAA8C;AAV3E;AAWE,QAAM,OAAM,YAAO,QAAP,YAAc,oBAAI,KAAK;AAEnC,SAAO;AAAA,IACL,SAAS;AAAA,IACT,UAAU,OAAO;AAAA,IACjB,gBAAgB,OAAO;AAAA,IACvB,OAAO,OAAO;AAAA,IACd,MAAM,OAAO;AAAA,IACb,WAAW,OAAO;AAAA,IAClB,UAAU,OAAO;AAAA,IACjB,WAAW,OAAO;AAAA,IAClB,GAAG,OAAO;AAAA,IACV,GAAG,OAAO;AAAA,IACV,GAAG,OAAO;AAAA,IACV,QAAQ,OAAO;AAAA,IACf,YAAY,OAAO;AAAA,EACrB;AACF;","names":[]}
+{"version":3,"sources":["../../../../../src/core/components/ui/Comments/commentUtils.ts"],"sourcesContent":["// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport type { Comment } from '../../../types/dbTypes'\r\n\r\ntype BuildCommentParams = Omit<Comment, 'id' | 'createdAt' | 'updatedAt'>\r\n  & Partial<Pick<Comment, 'id' | 'createdAt' | 'updatedAt'>>\r\n  & { now?: Date }\r\n\r\n\r\nexport function buildComment(params: BuildCommentParams): Partial<Comment> {\r\n  const now = params.now ?? new Date()\r\n\r\n  return {\r\n    visible: true,\r\n    authorId: params.authorId,\r\n    organizationId: params.organizationId,\r\n    image: params.image,\r\n    text: params.text,\r\n    longitude: params.longitude,\r\n    latitude: params.latitude,\r\n    elevation: params.elevation,\r\n    x: params.x,\r\n    y: params.y,\r\n    z: params.z,\r\n    viewer: params.viewer,\r\n    buildingId: params.buildingId,\r\n    replyToId: params.replyToId\r\n  }\r\n}\r\n"],"mappings":"AAUO,SAAS,aAAa,QAA8C;AAV3E;AAWE,QAAM,OAAM,YAAO,QAAP,YAAc,oBAAI,KAAK;AAEnC,SAAO;AAAA,IACL,SAAS;AAAA,IACT,UAAU,OAAO;AAAA,IACjB,gBAAgB,OAAO;AAAA,IACvB,OAAO,OAAO;AAAA,IACd,MAAM,OAAO;AAAA,IACb,WAAW,OAAO;AAAA,IAClB,UAAU,OAAO;AAAA,IACjB,WAAW,OAAO;AAAA,IAClB,GAAG,OAAO;AAAA,IACV,GAAG,OAAO;AAAA,IACV,GAAG,OAAO;AAAA,IACV,QAAQ,OAAO;AAAA,IACf,YAAY,OAAO;AAAA,IACnB,WAAW,OAAO;AAAA,EACpB;AACF;","names":[]}

package/dist/core/components/ui/FilesManager/src/useFileUploadWithProgress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFileUploadWithProgress.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/ui/FilesManager/src/useFileUploadWithProgress.ts"],"names":[],"mappings":"AAgBA,MAAM,WAAW,8BAA8B;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CACvC;AAED,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,wBAAgB,yBAAyB,CAAC,EACxC,iBAAuB,EACvB,eAAe,EACf,aAAa,EACd,GAAE,8BAAmC;;6BASoB,IAAI;;EAoG7D"}
+{"version":3,"file":"useFileUploadWithProgress.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/ui/FilesManager/src/useFileUploadWithProgress.ts"],"names":[],"mappings":"AAgBA,MAAM,WAAW,8BAA8B;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CACvC;AAED,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,wBAAgB,yBAAyB,CAAC,EACxC,iBAAuB,EACvB,eAAe,EACf,aAAa,EACd,GAAE,8BAAmC;;6BASoB,IAAI;;EAkG7D"}

package/dist/core/components/ui/FilesManager/src/useFileUploadWithProgress.js

@@ -54,7 +54,6 @@ function useFileUploadWithProgress({
       if (!metadataResponse.ok) {
         throw new Error(`Failed to upload file: ${metadataResponse.statusText}`);
       }
-      console.log("File successfully uploaded to API");
       mutate(["files"]);
       onUploadSuccess == null ? void 0 : onUploadSuccess();
     } catch (error) {

package/dist/core/components/ui/FilesManager/src/useFileUploadWithProgress.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/core/components/ui/FilesManager/src/useFileUploadWithProgress.ts"],"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 React from 'react'\r\nimport { mutate } from 'swr'\r\n\r\nimport { uploadFileWithProgress } from '../../../viewers/map/src/tools/AddTools/AddFile/utils/uploadToPresignedURLS'\r\n\r\nfunction getFileExtension(file: File): string {\r\n  const parts = file.name.split('.')\r\n  if (parts.length <= 1) return ''\r\n  return parts.pop()!.toLowerCase()\r\n}\r\n\r\nexport interface UseFileUploadWithProgressProps {\r\n  acceptedFileTypes?: string\r\n  onUploadSuccess?: () => void\r\n  onUploadError?: (error: Error) => void\r\n}\r\n\r\nexport interface UploadState {\r\n  uploading: boolean\r\n  progress: number\r\n}\r\n\r\nexport function useFileUploadWithProgress({\r\n  acceptedFileTypes = '*',\r\n  onUploadSuccess,\r\n  onUploadError\r\n}: UseFileUploadWithProgressProps = {}) {\r\n\r\n  const [uploadState, setUploadState] = React.useState<UploadState>({\r\n    uploading: false,\r\n    progress: 0\r\n  })\r\n\r\n  const inputRef = React.useRef<HTMLInputElement | null>(null)\r\n\r\n  const handleFileUpload = React.useCallback(async (file: File) => {\r\n    setUploadState({ uploading: true, progress: 0 })\r\n\r\n    try {\r\n      // Generate a unique fileID for minio\r\n      const fileId = crypto.randomUUID()\r\n\r\n      // Get presigned upload URL for bucket\r\n      const response = await fetch(`/api/presigned-url-upload?asset=${fileId}`)\r\n      if (!response.ok) {\r\n        throw new Error('Failed to fetch presigned URL')\r\n      }\r\n      const { presignedUrl } = await response.json()\r\n\r\n      // Upload file to bucket with progress tracking\r\n      await uploadFileWithProgress(presignedUrl, file,\r\n        (progress: number) => {\r\n          setUploadState({ uploading: true, progress })\r\n        },\r\n      )\r\n\r\n      // Create a new file object with the unique id\r\n      const newFile = {\r\n        type: 'system',\r\n        name: file.name,\r\n        url: '',\r\n        mimeType: file.type,\r\n        extension: getFileExtension(file),\r\n        sizeBytes: file.size,\r\n        uploadedAt: new Date(),\r\n        description: '',\r\n        assetId: fileId,\r\n      }\r\n\r\n      // Upload metadata to API\r\n      const metadataResponse = await fetch('/api/files/create', {\r\n        method: 'POST',\r\n        headers: {\r\n          'Content-Type': 'application/json',\r\n        },\r\n        body: JSON.stringify(newFile),\r\n      })\r\n\r\n      if (!metadataResponse.ok) {\r\n        throw new Error(`Failed to upload file: ${metadataResponse.statusText}`)\r\n      }\r\n\r\n      console.log('File successfully uploaded to API')\r\n\r\n      // Revalidate files list\r\n      mutate(['files'])\r\n\r\n      onUploadSuccess?.()\r\n    } catch (error) {\r\n      console.error('Error uploading file:', error)\r\n      onUploadError?.(error as Error)\r\n    } finally {\r\n      setUploadState({ uploading: false, progress: 0 })\r\n    }\r\n  }, [onUploadSuccess, onUploadError])\r\n\r\n  const handleAddFile = React.useCallback(() => {\r\n    if (uploadState.uploading) return\r\n\r\n    // Create or use existing file input element\r\n    if (!inputRef.current) {\r\n      const input = document.createElement('input')\r\n      input.type = 'file'\r\n      input.accept = acceptedFileTypes\r\n      input.style.display = 'none'\r\n\r\n      input.addEventListener('change', async (e) => {\r\n        const file = (e.target as HTMLInputElement).files?.[0]\r\n        if (!file) return\r\n        await handleFileUpload(file)\r\n      })\r\n\r\n      inputRef.current = input\r\n      document.body.appendChild(input)\r\n    } else {\r\n      inputRef.current.accept = acceptedFileTypes\r\n    }\r\n\r\n    inputRef.current.click()\r\n  }, [acceptedFileTypes, handleFileUpload, uploadState.uploading])\r\n\r\n  // Cleanup on unmount\r\n  React.useEffect(() => {\r\n    return () => {\r\n      if (inputRef.current && document.body.contains(inputRef.current)) {\r\n        document.body.removeChild(inputRef.current)\r\n      }\r\n    }\r\n  }, [])\r\n\r\n  return {\r\n    handleAddFile,\r\n    handleFileUpload,\r\n    uploadState\r\n  }\r\n}\r\n"],"mappings":";AAKA,YAAY,WAAW;AACvB,SAAS,cAAc;AAEvB,SAAS,8BAA8B;AAEvC,SAAS,iBAAiB,MAAoB;AAC5C,QAAM,QAAQ,KAAK,KAAK,MAAM,GAAG;AACjC,MAAI,MAAM,UAAU,EAAG,QAAO;AAC9B,SAAO,MAAM,IAAI,EAAG,YAAY;AAClC;AAaO,SAAS,0BAA0B;AAAA,EACxC,oBAAoB;AAAA,EACpB;AAAA,EACA;AACF,IAAoC,CAAC,GAAG;AAEtC,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAsB;AAAA,IAChE,WAAW;AAAA,IACX,UAAU;AAAA,EACZ,CAAC;AAED,QAAM,WAAW,MAAM,OAAgC,IAAI;AAE3D,QAAM,mBAAmB,MAAM,YAAY,OAAO,SAAe;AAC/D,mBAAe,EAAE,WAAW,MAAM,UAAU,EAAE,CAAC;AAE/C,QAAI;AAEF,YAAM,SAAS,OAAO,WAAW;AAGjC,YAAM,WAAW,MAAM,MAAM,mCAAmC,MAAM,EAAE;AACxE,UAAI,CAAC,SAAS,IAAI;AAChB,cAAM,IAAI,MAAM,+BAA+B;AAAA,MACjD;AACA,YAAM,EAAE,aAAa,IAAI,MAAM,SAAS,KAAK;AAG7C,YAAM;AAAA,QAAuB;AAAA,QAAc;AAAA,QACzC,CAAC,aAAqB;AACpB,yBAAe,EAAE,WAAW,MAAM,SAAS,CAAC;AAAA,QAC9C;AAAA,MACF;AAGA,YAAM,UAAU;AAAA,QACd,MAAM;AAAA,QACN,MAAM,KAAK;AAAA,QACX,KAAK;AAAA,QACL,UAAU,KAAK;AAAA,QACf,WAAW,iBAAiB,IAAI;AAAA,QAChC,WAAW,KAAK;AAAA,QAChB,YAAY,oBAAI,KAAK;AAAA,QACrB,aAAa;AAAA,QACb,SAAS;AAAA,MACX;AAGA,YAAM,mBAAmB,MAAM,MAAM,qBAAqB;AAAA,QACxD,QAAQ;AAAA,QACR,SAAS;AAAA,UACP,gBAAgB;AAAA,QAClB;AAAA,QACA,MAAM,KAAK,UAAU,OAAO;AAAA,MAC9B,CAAC;AAED,UAAI,CAAC,iBAAiB,IAAI;AACxB,cAAM,IAAI,MAAM,0BAA0B,iBAAiB,UAAU,EAAE;AAAA,MACzE;AAEA,cAAQ,IAAI,mCAAmC;AAG/C,aAAO,CAAC,OAAO,CAAC;AAEhB;AAAA,IACF,SAAS,OAAO;AACd,cAAQ,MAAM,yBAAyB,KAAK;AAC5C,qDAAgB;AAAA,IAClB,UAAE;AACA,qBAAe,EAAE,WAAW,OAAO,UAAU,EAAE,CAAC;AAAA,IAClD;AAAA,EACF,GAAG,CAAC,iBAAiB,aAAa,CAAC;AAEnC,QAAM,gBAAgB,MAAM,YAAY,MAAM;AAC5C,QAAI,YAAY,UAAW;AAG3B,QAAI,CAAC,SAAS,SAAS;AACrB,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,YAAM,OAAO;AACb,YAAM,SAAS;AACf,YAAM,MAAM,UAAU;AAEtB,YAAM,iBAAiB,UAAU,OAAO,MAAM;AA/GpD;AAgHQ,cAAM,QAAQ,OAAE,OAA4B,UAA9B,mBAAsC;AACpD,YAAI,CAAC,KAAM;AACX,cAAM,iBAAiB,IAAI;AAAA,MAC7B,CAAC;AAED,eAAS,UAAU;AACnB,eAAS,KAAK,YAAY,KAAK;AAAA,IACjC,OAAO;AACL,eAAS,QAAQ,SAAS;AAAA,IAC5B;AAEA,aAAS,QAAQ,MAAM;AAAA,EACzB,GAAG,CAAC,mBAAmB,kBAAkB,YAAY,SAAS,CAAC;AAG/D,QAAM,UAAU,MAAM;AACpB,WAAO,MAAM;AACX,UAAI,SAAS,WAAW,SAAS,KAAK,SAAS,SAAS,OAAO,GAAG;AAChE,iBAAS,KAAK,YAAY,SAAS,OAAO;AAAA,MAC5C;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../../../src/core/components/ui/FilesManager/src/useFileUploadWithProgress.ts"],"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 React from 'react'\r\nimport { mutate } from 'swr'\r\n\r\nimport { uploadFileWithProgress } from '../../../viewers/map/src/tools/AddTools/AddFile/utils/uploadToPresignedURLS'\r\n\r\nfunction getFileExtension(file: File): string {\r\n  const parts = file.name.split('.')\r\n  if (parts.length <= 1) return ''\r\n  return parts.pop()!.toLowerCase()\r\n}\r\n\r\nexport interface UseFileUploadWithProgressProps {\r\n  acceptedFileTypes?: string\r\n  onUploadSuccess?: () => void\r\n  onUploadError?: (error: Error) => void\r\n}\r\n\r\nexport interface UploadState {\r\n  uploading: boolean\r\n  progress: number\r\n}\r\n\r\nexport function useFileUploadWithProgress({\r\n  acceptedFileTypes = '*',\r\n  onUploadSuccess,\r\n  onUploadError\r\n}: UseFileUploadWithProgressProps = {}) {\r\n\r\n  const [uploadState, setUploadState] = React.useState<UploadState>({\r\n    uploading: false,\r\n    progress: 0\r\n  })\r\n\r\n  const inputRef = React.useRef<HTMLInputElement | null>(null)\r\n\r\n  const handleFileUpload = React.useCallback(async (file: File) => {\r\n    setUploadState({ uploading: true, progress: 0 })\r\n\r\n    try {\r\n      // Generate a unique fileID for minio\r\n      const fileId = crypto.randomUUID()\r\n\r\n      // Get presigned upload URL for bucket\r\n      const response = await fetch(`/api/presigned-url-upload?asset=${fileId}`)\r\n      if (!response.ok) {\r\n        throw new Error('Failed to fetch presigned URL')\r\n      }\r\n      const { presignedUrl } = await response.json()\r\n\r\n      // Upload file to bucket with progress tracking\r\n      await uploadFileWithProgress(presignedUrl, file,\r\n        (progress: number) => {\r\n          setUploadState({ uploading: true, progress })\r\n        },\r\n      )\r\n\r\n      // Create a new file object with the unique id\r\n      const newFile = {\r\n        type: 'system',\r\n        name: file.name,\r\n        url: '',\r\n        mimeType: file.type,\r\n        extension: getFileExtension(file),\r\n        sizeBytes: file.size,\r\n        uploadedAt: new Date(),\r\n        description: '',\r\n        assetId: fileId,\r\n      }\r\n\r\n      // Upload metadata to API\r\n      const metadataResponse = await fetch('/api/files/create', {\r\n        method: 'POST',\r\n        headers: {\r\n          'Content-Type': 'application/json',\r\n        },\r\n        body: JSON.stringify(newFile),\r\n      })\r\n\r\n      if (!metadataResponse.ok) {\r\n        throw new Error(`Failed to upload file: ${metadataResponse.statusText}`)\r\n      }\r\n\r\n      // Revalidate files list\r\n      mutate(['files'])\r\n\r\n      onUploadSuccess?.()\r\n    } catch (error) {\r\n      console.error('Error uploading file:', error)\r\n      onUploadError?.(error as Error)\r\n    } finally {\r\n      setUploadState({ uploading: false, progress: 0 })\r\n    }\r\n  }, [onUploadSuccess, onUploadError])\r\n\r\n  const handleAddFile = React.useCallback(() => {\r\n    if (uploadState.uploading) return\r\n\r\n    // Create or use existing file input element\r\n    if (!inputRef.current) {\r\n      const input = document.createElement('input')\r\n      input.type = 'file'\r\n      input.accept = acceptedFileTypes\r\n      input.style.display = 'none'\r\n\r\n      input.addEventListener('change', async (e) => {\r\n        const file = (e.target as HTMLInputElement).files?.[0]\r\n        if (!file) return\r\n        await handleFileUpload(file)\r\n      })\r\n\r\n      inputRef.current = input\r\n      document.body.appendChild(input)\r\n    } else {\r\n      inputRef.current.accept = acceptedFileTypes\r\n    }\r\n\r\n    inputRef.current.click()\r\n  }, [acceptedFileTypes, handleFileUpload, uploadState.uploading])\r\n\r\n  // Cleanup on unmount\r\n  React.useEffect(() => {\r\n    return () => {\r\n      if (inputRef.current && document.body.contains(inputRef.current)) {\r\n        document.body.removeChild(inputRef.current)\r\n      }\r\n    }\r\n  }, [])\r\n\r\n  return {\r\n    handleAddFile,\r\n    handleFileUpload,\r\n    uploadState\r\n  }\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/core/components/ui/InfoSidebar/Container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/InfoSidebar/Container.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAE1D,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,WAAW,EACX,YAAY,GACb,EAAE,gBAAgB,qBAsBlB"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/InfoSidebar/Container.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAE1D,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,WAAW,EACX,YAAY,GACb,EAAE,gBAAgB,qBAwBlB"}

package/dist/core/components/ui/InfoSidebar/Container.js

@@ -11,18 +11,22 @@ function InfoSidebarContainer({
   const { state: buildingState } = React.useContext(BuildingsContext);
   const { building: currentBuilding } = buildingState.buildings;
   const [loadingBuildingInfo] = React.useState(false);
-  return /* @__PURE__ */ jsxs("div", { className: "w-full sm:w-[410px] flex flex-col h-full min-h-0 bg-background border-r border-border ", children: [
-    /* @__PURE__ */ jsx(
-      Header,
-      {
-        currentBuilding,
-        loadingBuildingInfo,
-        organization
-      }
-    ),
-    tabSelector,
-    children
-  ] });
+  return (
+    // Fills the InfoSidebar overlay wrapper (Sidebar.tsx), which owns the resizable width.
+    // pr-2 keeps a consistent right gutter so content never sits flush against the edge/handle.
+    /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col h-full min-h-0 bg-background border-r border-border pr-2", children: [
+      /* @__PURE__ */ jsx(
+        Header,
+        {
+          currentBuilding,
+          loadingBuildingInfo,
+          organization
+        }
+      ),
+      tabSelector,
+      children
+    ] })
+  );
 }
 export {
   InfoSidebarContainer

package/dist/core/components/ui/InfoSidebar/Container.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/core/components/ui/InfoSidebar/Container.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 React from 'react'\r\n\r\n// Icons\r\nimport { BuildingsContext } from '../../../store'\r\n\r\n// New structured components\r\nimport { Header } from './Header'\r\n\r\nimport type { Organization } from '../../../types/dbTypes'\r\n\r\ninterface InfoSidebarProps {\r\n  children?: React.ReactNode\r\n  tabSelector?: React.ReactNode\r\n  organization?: Organization\r\n}\r\n\r\nexport function InfoSidebarContainer({\r\n  children,\r\n  tabSelector,\r\n  organization,\r\n}: InfoSidebarProps) {\r\n  const { state: buildingState } = React.useContext(BuildingsContext);\r\n  const { building: currentBuilding } = buildingState.buildings;\r\n\r\n  // State\r\n  const [loadingBuildingInfo] = React.useState(false)\r\n\r\n  return (\r\n    <div className=\"w-full sm:w-[410px] flex flex-col h-full min-h-0 bg-background border-r border-border \">\r\n      <Header\r\n        currentBuilding={currentBuilding}\r\n        loadingBuildingInfo={loadingBuildingInfo}\r\n        organization={organization}\r\n      />\r\n\r\n      {/* Tab Selector */}\r\n      {tabSelector}\r\n\r\n      {/* Tab Content */}\r\n        {children}\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":";AAiCI,SACE,KADF;AA5BJ,YAAY,WAAW;AAGvB,SAAS,wBAAwB;AAGjC,SAAS,cAAc;AAUhB,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,QAAM,EAAE,OAAO,cAAc,IAAI,MAAM,WAAW,gBAAgB;AAClE,QAAM,EAAE,UAAU,gBAAgB,IAAI,cAAc;AAGpD,QAAM,CAAC,mBAAmB,IAAI,MAAM,SAAS,KAAK;AAElD,SACE,qBAAC,SAAI,WAAU,0FACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IAGC;AAAA,IAGE;AAAA,KACL;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../src/core/components/ui/InfoSidebar/Container.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 React from 'react'\r\n\r\n// Icons\r\nimport { BuildingsContext } from '../../../store'\r\n\r\n// New structured components\r\nimport { Header } from './Header'\r\n\r\nimport type { Organization } from '../../../types/dbTypes'\r\n\r\ninterface InfoSidebarProps {\r\n  children?: React.ReactNode\r\n  tabSelector?: React.ReactNode\r\n  organization?: Organization\r\n}\r\n\r\nexport function InfoSidebarContainer({\r\n  children,\r\n  tabSelector,\r\n  organization,\r\n}: InfoSidebarProps) {\r\n  const { state: buildingState } = React.useContext(BuildingsContext);\r\n  const { building: currentBuilding } = buildingState.buildings;\r\n\r\n  // State\r\n  const [loadingBuildingInfo] = React.useState(false)\r\n\r\n  return (\r\n    // Fills the InfoSidebar overlay wrapper (Sidebar.tsx), which owns the resizable width.\r\n    // pr-2 keeps a consistent right gutter so content never sits flush against the edge/handle.\r\n    <div className=\"w-full flex flex-col h-full min-h-0 bg-background border-r border-border pr-2\">\r\n      <Header\r\n        currentBuilding={currentBuilding}\r\n        loadingBuildingInfo={loadingBuildingInfo}\r\n        organization={organization}\r\n      />\r\n\r\n      {/* Tab Selector */}\r\n      {tabSelector}\r\n\r\n      {/* Tab Content */}\r\n        {children}\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":";AAmCI,SACE,KADF;AA9BJ,YAAY,WAAW;AAGvB,SAAS,wBAAwB;AAGjC,SAAS,cAAc;AAUhB,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,QAAM,EAAE,OAAO,cAAc,IAAI,MAAM,WAAW,gBAAgB;AAClE,QAAM,EAAE,UAAU,gBAAgB,IAAI,cAAc;AAGpD,QAAM,CAAC,mBAAmB,IAAI,MAAM,SAAS,KAAK;AAElD;AAAA;AAAA;AAAA,IAGE,qBAAC,SAAI,WAAU,iFACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAGC;AAAA,MAGE;AAAA,OACL;AAAA;AAEJ;","names":[]}

package/dist/core/components/ui/Sensors/CollapsibleSensorItem.d.ts

@@ -9,8 +9,7 @@ interface CollapsibleSensorItemProps {
     isVisible?: boolean;
     onMouseEnter?: () => void;
     onMouseLeave?: () => void;
-    minioBaseUrl?: string;
 }
-export declare function CollapsibleSensorItem({ sensor, sensorType, onAction, depth, isVisible, onMouseEnter, onMouseLeave, minioBaseUrl }: CollapsibleSensorItemProps): React.JSX.Element;
+export declare function CollapsibleSensorItem({ sensor, sensorType, onAction, depth, isVisible, onMouseEnter, onMouseLeave, }: CollapsibleSensorItemProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=CollapsibleSensorItem.d.ts.map

package/dist/core/components/ui/Sensors/CollapsibleSensorItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleSensorItem.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Sensors/CollapsibleSensorItem.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAc9B,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAGhE,KAAK,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AAExD,UAAU,0BAA0B;IAClC,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,UAAU,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAS,EACT,SAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,YAAY,EACb,EAAE,0BAA0B,qBAwO5B"}
+{"version":3,"file":"CollapsibleSensorItem.d.ts","sourceRoot":"","sources":["../../../../../src/core/components/ui/Sensors/CollapsibleSensorItem.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAmB9B,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAGhE,KAAK,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AAExD,UAAU,0BAA0B;IAClC,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,UAAU,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B;AAED,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,UAAU,EACV,QAAQ,EACR,KAAS,EACT,SAAgB,EAChB,YAAY,EACZ,YAAY,GACb,EAAE,0BAA0B,qBAyL5B"}