architwin 1.14.15 → 1.15.0

package/lib/atwinui/events.js

@@ -8,10 +8,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { actionBar, renderObjectCards, renderLibraryCards, renderTags, renderTagRow, getTagFormData, addClickEventToTagRow, setActiveCard, setActiveMenu, removeObjectCard, clearActiveMenu, setTagCategoriesOption, toggleDropdown, tagFormMode, selectedTag, renderRecepientOptions, renderTagMessages, createTagMessage, setTagLink, setTagMessagingDetails, renderCategoryDropdownOptions, clearTagFormDropdown, clearActiveActionBtn, clearActiveCard, toggleActionBarButtons, selectedCategoryFilterId, selectedSubCategoryFilterId, filterTagList, toggleModal, setModalAction, } from "./components/toolbar";
-import { getTargetPosition, addMediaScreen, _3DXObjects, selectedObject, setTransformControls, copyObject, revertTransform, clearSelectedObject, removeTransformControls, getLibrary, getMpTags, renderTag, captureSpaceScreenshot, moveTag, subscribeSpaceEvent, setModelVisibility, disposeModel, disposeTag, _tags, _tagCategories, dispatchSpaceEvent, editTagLabel, editTagDescription, setTagMessageRecepients, setTagMessages, setSelectedTagUuid, renderMeetingSidebar, setTagIcon, setObjectTransformation, getSelectedObject, _atwin, isCdnMapDataAvailable, captureScreenshotAndCameraDetails, _mpConfig, cancelModelPlacement, _modelDetails, actionHistory, get3DXObjects, transformHistory, goToModel, themeManager, _partitionNodes, setSpacePartitionNodes, getSpaceId, setFloorBaseHeight, toggleWallVisibility, getChildrenOfModel, toggleFloorVisibility, renderPolygon, getCurrentPolygon, getFloorBaseHeight, setSelectedObject, redoDrawAction, undoDrawAction, setWallBaseHeight, clearWallBaseHeight, clearFloorBaseHeight, isToolbarFeatureEnabled, captureCurrentView, getCurrentFloor, _spaceUsers, setPipeCategories, setPipes, detachTagMedia, getTagDataCollection, setVertexPath, _screenSharingHostUser, toggleMeshChildrenVisibility } from "../architwin";
+import { getTargetPosition, addMediaScreen, _3DXObjects, selectedObject, setTransformControls, copyObject, revertTransform, clearSelectedObject, removeTransformControls, getLibrary, getMpTags, renderTag, captureSpaceScreenshot, moveTag, subscribeSpaceEvent, setModelVisibility, disposeModel, disposeTag, _tags, _tagCategories, dispatchSpaceEvent, editTagLabel, editTagDescription, setTagMessageRecepients, setTagMessages, setSelectedTagUuid, renderMeetingSidebar, setTagIcon, setObjectTransformation, getSelectedObject, _atwin, isCdnMapDataAvailable, captureScreenshotAndCameraDetails, _mpConfig, cancelModelPlacement, _modelDetails, actionHistory, get3DXObjects, transformHistory, goToModel, themeManager, _partitionNodes, setSpacePartitionNodes, getSpaceId, setFloorBaseHeight, toggleWallVisibility, getChildrenOfModel, toggleFloorVisibility, renderPolygon, getCurrentPolygon, getFloorBaseHeight, setSelectedObject, redoDrawAction, undoDrawAction, setWallBaseHeight, clearWallBaseHeight, clearFloorBaseHeight, isToolbarFeatureEnabled, captureCurrentView, getCurrentFloor, _spaceUsers, setPipeCategories, setPipes, detachTagMedia, getTagDataCollection, setVertexPath, _screenSharingHostUser, _tagIotCategoryTypes, getIoTDeviceTagIcons, toggleMeshChildrenVisibility, set3DXObjects } from "../architwin";
 import { Notyf } from 'notyf';
 import 'notyf/notyf.min.css';
-import { SPACE_EVENTS, COORDINATE_SYSTEM, UNITS, DEGREE, MAP_OPTIONS, sortTagOptions, sortObjectOptions, CUSTOM_MAP_MODE } from "../types";
+import { SPACE_EVENTS, COORDINATE_SYSTEM, UNITS, DEGREE, MAP_OPTIONS, sortTagOptions, sortObjectOptions, CUSTOM_MAP_MODE, TAG_TYPE } from "../types";
 import { initFormData, setTagFormMode } from "./components/toolbar/tagFormPane";
 import { renderObjectList, resetSelectedObjectSortOption, selectedObjectSortOption, sortShowcaseObjects, updateSelectedObjectSortOption } from "./components/toolbar/objectListPane";
 import { renderLibraryList } from "./components/toolbar/libraryPane";
@@ -19,21 +19,24 @@ import { renderObjectCard } from "./components/toolbar/card";
 import { toggleModelControl, getCoordinateValues, showCurrentCoordinateValue, handleModelControlInputs, setSelectedObjectCoordinateSystem, getSelectedObjectCoordinateSystem, getCurrentTransformationValues, setCurrentTransformationValues, getTransformValues, clearCurrentTransformationValues } from "./components/toolbar/modelControlsPane";
 import { attachTagMedia, handleTagPlacerCreated, cancelMoveTag } from "../tag";
 import i18n from './components/toolbar/i18n';
-import { isValidUrl, debounce, isElementVisible, extractUUID, showLoader, isVec3Equal, isQuatEqual } from "../utils";
+import { isValidUrl, debounce, isElementVisible, extractUUID, showLoader, isVec3Equal, isQuatEqual, useHexToRgb } from "../utils";
 import log from 'loglevel';
 import * as minimap from '../minimap';
 import { clearActiveThemeCard, getSelectedTheme } from "./components/toolbar/themePane";
-import { getCurrentEditRoomData, displayRoomTree, updatePartitionVisibilityUI, getSelectedPartitionId, updatePolygonVisibilityData, toggleVisibilityState, setFilteredDisplay, updateRoomVisibilityUI, highlightSelectedPartitionChild, highlightSelectedWallWindow } from "./components/toolbar/spacePartition/roomTreePane";
-import { toggleDrawPartitionButton, displayPartitionFormMode, setPartitionFormMode, clearPartitionForm, setPolygonData, getPartitionFormData, getPartitionSavingMode, setPartitionSavingMode, getPartitionFormMode, getNewlyAddedPartition, setCurrentPartitionData, getCurrentPartitionData, getTempCurrentPolygon, clearTempCurrentPolygon, toggleDrawWindowButton, getDrawingMode } from "./components/toolbar/spacePartition/roomFormPane";
+import { getCurrentEditRoomData, displayRoomTree, updatePartitionVisibilityUI, getSelectedPartitionId, updatePolygonVisibilityData, toggleVisibilityState, setFilteredDisplay, updateRoomVisibilityUI, highlightSelectedPartitionChild, highlightSelectedWindow, getRoomData } from "./components/toolbar/spacePartition/roomTreePane";
+import { toggleDrawPartitionButton, displayPartitionFormMode, setPartitionFormMode, clearPartitionForm, setPolygonData, getPartitionFormData, getPartitionSavingMode, setPartitionSavingMode, getPartitionFormMode, getNewlyAddedPartition, setCurrentPartitionData, getCurrentPartitionData, getTempCurrentPolygon, clearTempCurrentPolygon, toggleDrawWindowButton, getIsDrawing, getDrawingMode, getCurrentPolygonData, setTempCurrentRoomEditData } from "./components/toolbar/spacePartition/roomFormPane";
 import { actionSettingsSelectOption, getTempCoordinateSystem, getTempMeasurementUnit, getTempRotationUnit, setCoordinateSystem, setMeasurementUnit, setRotationUnit, initSettingsValues, setTempCoordinateSystem, setTempMeasurementUnit, setTempRotationUnit, toggleActionSettingsDropdown, toggleCalibrateBasepoint, setScaleFactor, getTempScaleFactor, setTempScaleFactor, setBasepoint, getTempBasepoint, setTempBasepoint, getBasepoint, toggleActionSettings, getBasepointObjectPayload, displayConvertedCoordinates, getCoordinateSystem, getScaleFactor, getMeasurementUnit, getRotationUnit, setBasepointObjectPayload } from "./components/toolbar/actionSettingsPane";
 import { getBasepointCalibrateBpCoordinateValues, getBasepointCalibrateMpCoordinateValues, initBsepointCalibratePane, toggleBasepointCalibratePane } from "./components/toolbar/basepointCalibratePane";
 import { toggleGeneralMapOptions, initGeneralSelectedMap, getSelectedMapOption } from './components/toolbar/generalSettingsMenuPane';
-import { searchTagList, setSearchTagTerm, searchClearfield, getSearchTagTerm, sortTags, updateSelectedTagSortOption, resetSelectedTagSortOption } from './components/toolbar/tagListPane';
+import { searchTagList, setSearchTagTerm, searchClearfield, getSearchTagTerm, sortTags, updateSelectedTagSortOption, resetSelectedTagSortOption, filterIotTagList, setTagPaneActive, isTagPaneActive, setCurrentTagPaneMode, currentTagPaneMode } from './components/toolbar/tagListPane';
 import { renderUserRows } from "./components/toolbar/spaceUserListPane";
 import { handleRemoteViewResponsiveChanges, renderRemoteSpaceViewing } from "./components/toolbar/viewingRemoteSpace";
 import { PipeList } from "./components/toolbar/pipeListPane";
 import { PipeForm } from "./components/toolbar/pipeFormPane";
-import { unsendComment, timedoutComment, getTheseTagMessages } from './components/toolbar/tagMessagingPane';
+// import { EditPipeForm, initPipeFormPane, pipeFormData, setPipeFormMode } from "./components/toolbar/pipeFormPane";
+// import { initPipeData } from "./components/toolbar/addPipePane";
+import { toggleIoTCategoryOptions, toggleIoTDevicesOptions, setSelectedIoTSystemRadio, clearIoTDropdowns, initIoTFormData, setIotCategoryOptions, getIotTagFormData, iotTagFormMode, selectedIotTag, clearIotFields, getIotCategoryOption } from './components/toolbar/tagIotFormPane';
+import { getTheseTagMessages, timedoutComment, unsendComment } from "./components/toolbar/tagMessagingPane";
 import { handleScreenShareResponsiveChanges, handleScreenShareAcceptRequest, handleScreenShareBackUserListPane, handleScreenShareEndSessionEvent, handleScreenShareUsersUpdated, renderScreenShareLeaveConfirmationModal } from "./components/toolbar/screenSharePane";
 const pipeList = new PipeList();
 const pipeForm = new PipeForm();
@@ -56,6 +59,7 @@ let iTag = null;
 let _currentPaneId;
 let isPlacingTag = false;
 let isCustomMapControlsVisible = false;
+let _currentSandboxId = undefined;
 let isNotyfExecuted = false; // flag for notification
 let pipeColor = "";
 function batchAddEventListenerByClassName(className, callback) {
@@ -139,7 +143,15 @@ function toggleDisplayPane(targetId) {
         const clickedElement = document.getElementById(targetId);
         console.log("Testing: ", clickedElement);
         const paneId = clickedElement.getAttribute('target-pane');
+        const btnId = clickedElement.getAttribute('id');
+        if (btnId === 'at-expand-btn') {
+            setTagPaneActive(true);
+        }
+        else if (btnId === 'at-tag-iot-btn') {
+            setTagPaneActive(false);
+        }
         console.log("Testing: ", paneId);
+        console.log("Testing: ", btnId);
         if (paneId != null && paneId != '') {
             log.info("paneElement", paneId);
             _currentPaneId = paneId;
@@ -148,7 +160,11 @@ function toggleDisplayPane(targetId) {
                 log.error("Pane element is not defined");
                 return;
             }
-            if (paneElement.offsetWidth == 0 || paneElement.offsetHeight == 0) {
+            const isPaneVisible = paneElement.offsetWidth > 0 && paneElement.offsetHeight > 0;
+            const isTagListPane = paneId === 'at-tag-list-pane';
+            const isExpandBtn = btnId === 'at-expand-btn';
+            const isIotBtn = btnId === 'at-tag-iot-btn';
+            if (!isPaneVisible) {
                 paneElement.style.display = 'block';
                 if (activePane) {
                     activePane.style.display = 'none';
@@ -204,17 +220,18 @@ function toggleDisplayPane(targetId) {
                     renderLibraryCards(assets);
                 }
                 if (paneId === 'at-tag-list-pane') {
+                    renderTagPaneContent();
+                    setIotCategoryOptions();
                     // clearTagFilterDropdown()
                     const tags = getMpTags();
-                    if (selectedCategoryFilterId || selectedSubCategoryFilterId) {
-                        const filteredTags = filterTagList(tags);
-                        const sortedTags = sortTags(filteredTags, { by: 'label', order: 'asc' });
-                        renderTags(sortedTags);
-                    }
-                    else if (tags.length > 0) {
-                        const sortedTags = sortTags(tags, { by: 'label', order: 'asc' });
-                        renderTags(sortedTags, true);
-                    }
+                    // if(selectedCategoryFilterId || selectedSubCategoryFilterId){
+                    //     const filteredTags = filterTagList(tags)
+                    //     const sortedTags = sortTags(filteredTags, {by: 'label', order: 'asc'})
+                    //     renderTags(sortedTags)
+                    // }else if (tags.length > 0) {
+                    //     const sortedTags = sortTags(tags, {by: 'label', order: 'asc'})
+                    //     renderTags(sortedTags,true)
+                    // }
                     //Render the category dropdown elements if tagCategories is populated
                     if (_tagCategories && _tagCategories.length > 0) {
                         log.info("Has categories");
@@ -283,6 +300,13 @@ function toggleDisplayPane(targetId) {
                     //setup pipe list pane initialization
                     pipeList.init();
                 }
+                if (paneId === 'at-tag-iot-form-pane') {
+                    log.info("Tag IoT Form");
+                    // clearIoTDropdowns()
+                    // clearIotFields()
+                    initIoTFormData();
+                    setIotCategoryOptions();
+                }
                 if (paneId === 'at-screen-share-pane') {
                     log.info('at-screen-share-pane');
                     dispatchSpaceEvent(SPACE_EVENTS.SCREEN_SHARE_PANE_OPEN);
@@ -293,6 +317,9 @@ function toggleDisplayPane(targetId) {
                 console.log("paneId", paneId);
                 return;
             }
+            else if ((isTagListPane && isExpandBtn && currentTagPaneMode === TAG_TYPE.IOT) || (isTagListPane && !isExpandBtn && currentTagPaneMode === TAG_TYPE.MP)) {
+                renderTagPaneContent();
+            }
             else {
                 activePane = null;
                 paneElement.style.display = 'none';
@@ -303,6 +330,43 @@ function toggleDisplayPane(targetId) {
         return;
     });
 }
+function renderTagPaneContent() {
+    return __awaiter(this, void 0, void 0, function* () {
+        const tags = getMpTags();
+        // log.info("_currentSandboxId ", _currentSandboxId)
+        // if (_currentSandboxId) {        
+        //     const tagIds = tags.map(tag => tag.json_data.id)
+        //     await attachSandbox({sandboxId:_currentSandboxId,tagIds})
+        // }
+        log.info("tags", tags);
+        if ((selectedCategoryFilterId || selectedSubCategoryFilterId) && isTagPaneActive) {
+            log.info("1 content", tags);
+            setTagPaneActive(true);
+            setCurrentTagPaneMode(TAG_TYPE.MP);
+            renderTags(filterTagList(tags));
+        }
+        else if (tags.length > 0 && isTagPaneActive) {
+            log.info("2 content", tags);
+            setTagPaneActive(true);
+            setCurrentTagPaneMode(TAG_TYPE.MP);
+            renderTags(tags, true);
+        }
+        else if (!isTagPaneActive) {
+            log.info("3 content", tags);
+            setTagPaneActive(false);
+            setCurrentTagPaneMode(TAG_TYPE.IOT);
+            renderTags(filterIotTagList(tags));
+            dispatchSpaceEvent(SPACE_EVENTS.GET_IOT_TAG_ICON, { payload: 'hello from library' });
+        }
+        if ((_tagCategories === null || _tagCategories === void 0 ? void 0 : _tagCategories.length) > 0) {
+            log.info("Has categories");
+            renderCategoryDropdownOptions('at-category-filter-options', _tagCategories, 'at-category-filter-dropdown-toggle');
+        }
+        if (tags.length > 0) {
+            searchTagList(tags);
+        }
+    });
+}
 function toggleActionBar(state) {
     log.info('toggleActionBar()');
     if (actionBar.offsetWidth == 0 && state === 'show') {
@@ -446,6 +510,12 @@ function setupIndividualEventListeners() {
     handleCloseCustomMinimap();
     handleCustomMapControls();
     handleCloseActiveMinimap();
+    handleIoTCategoryDropdown();
+    handleIoTDeviceDropdown();
+    handleSelectedIoTLinkedSystem();
+    handlePlaceIotTag();
+    handleIotFormClose();
+    handleIotFormSave();
     handleEndUserSession();
     handleUserCardContainer();
     handleLeaveSessionClick();
@@ -730,7 +800,7 @@ function handlePlaceTag() {
                     moveTag(iTag.id, onTagPlaced);
                     function onTagPlaced() {
                         return __awaiter(this, void 0, void 0, function* () {
-                            log.info("tag placed");
+                            log.info("tag placed", iTag);
                             const tagContainer = document.getElementById('at-tag-list-container');
                             const row = renderTagRow(iTag, targetIconUrl);
                             tagContainer.appendChild(row);
@@ -1433,6 +1503,7 @@ function setupSpaceEventSubscriptions() {
     subscribeSpaceEvent(SPACE_EVENTS.DRAW_HISTORY, handleDrawHistory);
     subscribeSpaceEvent(SPACE_EVENTS.FLOOR_IMAGE_UPLOADED, handleCustomMapFloorImageUploaded);
     subscribeSpaceEvent(SPACE_EVENTS.FLOOR_IMAGE_UPLOAD_FAILED, handleCustomMapFloorUploadFailed);
+    subscribeSpaceEvent(SPACE_EVENTS.TAG_SANDBOX_REGISTERED, handleSandboxRegistered);
     subscribeSpaceEvent(SPACE_EVENTS.PATH_UPDATED, handlePathUpdated),
         subscribeSpaceEvent(SPACE_EVENTS.PARTITION_COLLIDER_CLICKED, handlePartitionColiderClickSelected),
         subscribeSpaceEvent(SPACE_EVENTS.SCREEN_SHARE_USERS_UPDATE, handleScreenShareUsersUpdated);
@@ -1452,7 +1523,7 @@ function handlePartitionColiderClickSelected(payload) {
         }
         if (polygonName.includes('window')) {
             const index = polygonName.split('_')[1].split('-')[1];
-            highlightSelectedWallWindow(polygonId, index);
+            highlightSelectedWindow(polygonId, index);
         }
         if (polygonName.includes('wall') || polygonName.includes('floor')) {
             highlightSelectedPartitionChild(polygonId, payload.collider.name);
@@ -1787,6 +1858,9 @@ function handlePartitionVisibility(targetId) {
         console.log("__@ containerId:", containerId);
         const objectId = Number.parseInt(targetId);
         const isVisible = visibilityBtn.classList.contains('mdi-eye-off');
+        const partitionContainer = document.getElementById(containerId);
+        const visibilityIcons = partitionContainer === null || partitionContainer === void 0 ? void 0 : partitionContainer.querySelectorAll('.mdi-eye, .mdi-eye-off');
+        const iconsArray = Array.from(visibilityIcons || []);
         // Toggle visibility icon
         toggleVisibilityState(visibilityBtn, isVisible);
         const updatePartitionVisibility = (targetObject) => {
@@ -1838,11 +1912,8 @@ function handlePartitionVisibility(targetId) {
             updateRoomVisibilityUI(parentId, isVisible);
         }
         // Update child elements visibility icons
-        Array.from(document.querySelectorAll(`#${containerId} .at_toggle`)).map(child => {
-            const childIcon = child.querySelector('.mdi-eye, .mdi-eye-off');
-            if (childIcon) {
-                toggleVisibilityState(childIcon, isVisible);
-            }
+        iconsArray.forEach(icon => {
+            toggleVisibilityState(icon, isVisible);
         });
         // Get target partition
         let thisPartition = null;
@@ -1934,9 +2005,11 @@ function handlePolygonVisibility(targetId) {
                 const parentId = thisPartition.parent_uuid;
                 updateRoomVisibilityUI(parentId, true);
             }
+            return isVisible;
         }
         catch (error) {
             console.error("Error partitionchild visibility: ", error);
+            return null;
         }
     });
 }
@@ -2102,9 +2175,25 @@ function handleSavePartition() {
                 dispatchSpaceEvent(SPACE_EVENTS.PARTITION_EDITED, { data: partitionEditPayload });
                 break;
         }
+        const currentRoomData = getCurrentEditRoomData();
+        if (currentRoomData) {
+            let objects = get3DXObjects();
+            const partitionsUUIDs = currentRoomData.children.map(child => child.uuid);
+            if (objects) {
+                objects.map((obj, index) => {
+                    if (partitionsUUIDs.includes(obj.object.object_data.uuid)) {
+                        if (obj.children) {
+                            obj.children = [];
+                        }
+                    }
+                });
+            }
+            set3DXObjects(objects);
+        }
         clearTempCurrentPolygon();
         clearSelectedObject();
         clearFloorBaseHeight();
+        setTempCurrentRoomEditData(null);
         notyf.success(`${i18n.t('SuccessRoomSaved')}`);
     });
 }
@@ -2145,64 +2234,98 @@ function handleDeletePartition(targetId) {
 }
 function handleCancelPartition() {
     const cancelRoomBtn = document.getElementById('at-cancel-room-form-btn');
-    cancelRoomBtn.addEventListener('click', () => {
-        getNewlyAddedPartition().map((partition) => __awaiter(this, void 0, void 0, function* () {
+    cancelRoomBtn.addEventListener('click', () => __awaiter(this, void 0, void 0, function* () {
+        const isDrawing = getIsDrawing();
+        const drawMode = getDrawingMode();
+        if (isDrawing) {
+            if (drawMode == 'partition') {
+                toggleDrawPartitionButton();
+            }
+            else if (drawMode == 'window') {
+                toggleDrawWindowButton();
+            }
+        }
+        // delete newly added partition
+        const newlyAddedPartition = getNewlyAddedPartition();
+        newlyAddedPartition.map((partition) => __awaiter(this, void 0, void 0, function* () {
+            // update room tree
+            const filteredRoomNodes = _partitionNodes.map((roomNode) => {
+                if (!roomNode.children)
+                    return roomNode;
+                return Object.assign(Object.assign({}, roomNode), { children: roomNode.children.filter((child) => child.uuid !== partition.uuid) });
+            }).filter((roomNode) => !roomNode.children || roomNode.children.length > 0);
+            log.info("filteredRoomNodes", filteredRoomNodes);
+            // set node to update room tree
+            yield setSpacePartitionNodes(filteredRoomNodes);
+            // delete the object in the space
             const target = _3DXObjects.find(obj => obj.object.object_data.uuid === partition.uuid);
             yield disposeModel(target);
+            // delete partition (object) in the db
             dispatchSpaceEvent(SPACE_EVENTS.PARTITION_DISPOSED, partition);
-            const filteredRoomNodes = _partitionNodes.map((roomNode) => {
-                // Filter children based on partitionUuid if children exist
-                if (roomNode.children) {
-                    return Object.assign(Object.assign({}, roomNode), { children: roomNode.children.filter((child) => child.uuid !== partition.uuid) });
-                }
-            });
-            setSpacePartitionNodes(filteredRoomNodes);
         }));
-        clearWallBaseHeight();
-        const objects = get3DXObjects();
-        const currentPartitionData = getCurrentEditRoomData();
-        if (currentPartitionData) {
+        const currentRoomData = getCurrentEditRoomData();
+        log.info("currentRoomData", currentRoomData);
+        if (currentRoomData) {
             let partitionsUUIDs = [];
-            partitionsUUIDs = currentPartitionData.children.map(child => child.uuid);
-            const target = objects.find(obj => partitionsUUIDs.includes(obj.object.object_data.uuid));
-            log.info("handleCancelPartition", {
-                currentPartitionData,
-                target
-            });
-            if (target) {
-                if (currentPartitionData) {
-                    const currentPartition = currentPartitionData.children.find(child => child.uuid == target.object.object_data.uuid);
-                    const polyJson = typeof currentPartition.polygon_json === 'string' ? JSON.parse(currentPartition.polygon_json) : currentPartition.polygon_json;
-                    log.info("JAMES polyJson", polyJson);
-                    // delete newly added windows
-                    _3DXObjects.map(object => {
-                        if (object.children) {
-                            object.children.map((win) => __awaiter(this, void 0, void 0, function* () {
-                                log.info("JAMES window", win);
-                                yield disposeModel(win);
+            const objects = get3DXObjects();
+            const roomArray = getRoomData();
+            log.info("objects", objects);
+            partitionsUUIDs = currentRoomData.children.map(child => child.uuid);
+            log.info("partitionsUUIDs", partitionsUUIDs);
+            if (objects) {
+                let isWindowRemoved = false;
+                objects.map((obj, index) => {
+                    if (partitionsUUIDs.includes(obj.object.object_data.uuid)) {
+                        const currentPartition = currentRoomData.children.find(child => child.uuid == obj.object.object_data.uuid);
+                        const polyJson = typeof currentPartition.polygon_json === 'string' ? JSON.parse(currentPartition.polygon_json) : currentPartition.polygon_json;
+                        log.info("polyJson", polyJson);
+                        if (obj.children) {
+                            obj.children.map((win) => __awaiter(this, void 0, void 0, function* () {
+                                log.info("window", win);
+                                // await disposeModel(win as IObjectData)
                                 // Find the wall that owns this window
                                 const wall = polyJson.walls.find(wall => wall.uuid === win.wallUUID);
                                 if (wall && wall.windows) {
                                     // Remove this specific window (by its index) from that wall
                                     wall.windows = wall.windows.filter(w => w.index !== win.index);
                                     log.info(`Removed window ${win.index} from wall ${wall.uuid}`);
+                                    isWindowRemoved = true;
                                 }
                             }));
+                            obj.children = [];
                         }
-                    });
-                    if (polyJson && polyJson.path) {
-                        const payload = {
-                            uuid: target.object.object_data.uuid,
-                            polygon_json: polyJson
-                        };
-                        renderPolygon(payload);
+                        if (polyJson && polyJson.path) {
+                            const payload = {
+                                uuid: currentPartition.uuid,
+                                polygon_json: polyJson
+                            };
+                            renderPolygon(payload);
+                            //@ts-ignore
+                            payload.polygon_json = JSON.stringify(polyJson);
+                            dispatchSpaceEvent(SPACE_EVENTS.PARTITION_EDITED, { data: payload });
+                            // Update currentRoomData polygon for this partition
+                            currentPartition.polygon_json = JSON.stringify(polyJson);
+                        }
+                    }
+                });
+                set3DXObjects(objects);
+                if (isWindowRemoved) {
+                    // Update the current room in the roomArray
+                    const roomIndex = roomArray.findIndex(room => room.uuid === currentRoomData.uuid);
+                    if (roomIndex !== -1) {
+                        roomArray[roomIndex] = currentRoomData;
+                        // setRoomData(roomArray)
+                        log.info("roomArray updated for currentRoomData", roomArray[roomIndex]);
                     }
+                    //Update Room Tree
+                    yield setSpacePartitionNodes(roomArray);
                 }
             }
         }
         else {
-            log.warn('currentPartitionData is undefined');
+            log.warn('currentRoomData is undefined');
         }
+        clearWallBaseHeight();
         clearTempCurrentPolygon();
         clearPartitionForm();
         clearSelectedObject();
@@ -2213,7 +2336,7 @@ function handleCancelPartition() {
             undoDrawActions: [],
         };
         handleDrawHistory(drawHistory);
-    });
+    }));
 }
 /**
  * Handles updating the room tree.
@@ -3085,15 +3208,26 @@ function handleClearSearchTagName() {
     if (searchTagName) {
         searchTagName.addEventListener('click', () => {
             searchClearfield();
-            const tags = getMpTags();
+            // commented out due to iot Dummy Data
+            // const tags = getMpTags()
+            const tags = [..._tags];
             const filteredTags = filterTagList(tags);
-            if (selectedCategoryFilterId || selectedSubCategoryFilterId) {
-                const sortedTags = sortTags(filteredTags, { by: 'label', order: 'asc' });
-                renderTags(sortedTags);
-            }
-            else if (tags.length > 0) {
-                const sortedTags = sortTags(tags, { by: 'label', order: 'asc' });
-                renderTags(sortedTags, true);
+            if (selectedCategoryFilterId || selectedSubCategoryFilterId && isTagPaneActive) {
+                const filteredTags = filterTagList(tags);
+                renderTags(filteredTags);
+            }
+            else if (tags.length > 0 && isTagPaneActive) {
+                renderTags(tags, true);
+            }
+            else if (!isTagPaneActive) {
+                const filteredIotTags = filterIotTagList(tags);
+                renderTags(filteredIotTags);
+                // if (selectedCategoryFilterId || selectedSubCategoryFilterId) {
+                //     const sortedTags = sortTags(filteredTags, {by: 'label', order: 'asc'})
+                //     renderTags(sortedTags)                
+                // } else if (tags.length > 0) {
+                //     const sortedTags = sortTags(tags, {by: 'label', order: 'asc'})
+                //     renderTags(sortedTags,true)
             }
         });
     }
@@ -3110,8 +3244,17 @@ function handleSearchFromTagListButton() {
                 setSearchTagTerm(tagSearch);
                 const foundTag = filterTagList(tags);
                 if (foundTag) {
-                    log.info('caroline handleSearchFromTagListButton filteredTags', foundTag);
-                    renderTags(foundTag);
+                    if (selectedCategoryFilterId || selectedSubCategoryFilterId && isTagPaneActive) {
+                        const filteredTags = filterTagList(foundTag);
+                        renderTags(filteredTags);
+                    }
+                    else if (foundTag.length > 0 && isTagPaneActive) {
+                        renderTags(foundTag, true);
+                    }
+                    else if (!isTagPaneActive) {
+                        const filteredIotTags = filterIotTagList(foundTag);
+                        renderTags(filteredIotTags);
+                    }
                 }
             }
         });
@@ -3145,6 +3288,10 @@ function handleCustomMapFloorImageUploaded(payload) {
 function handleCustomMapFloorUploadFailed() {
     notyf.error("Failed to upload custom floor image. Please try again later");
 }
+function handleSandboxRegistered(payload) {
+    log.info("handleSandboxRegistered _currentSandboxId", payload);
+    _currentSandboxId = payload.sandboxId;
+}
 function handleUploadMinimapImage() {
     log.info('handleUploadMinimapImage()');
     const uploadImageBtn = document.getElementById('at-custom-upload-image-btn');
@@ -3235,6 +3382,385 @@ function handleCloseActiveMinimap() {
         });
     }
 }
+function handleIoTCategoryDropdown() {
+    const iotCateogryDropdown = document.getElementById('at-iot-cat-filter-dropdown');
+    if (iotCateogryDropdown) {
+        toggleIoTCategoryOptions();
+    }
+}
+function handleIoTDeviceDropdown() {
+    const iotDeviceDropdown = document.getElementById('at-iot-cat-filter-dropdown');
+    if (iotDeviceDropdown) {
+        toggleIoTDevicesOptions();
+    }
+}
+function handleSelectedIoTLinkedSystem() {
+    document.querySelectorAll('input[name="iot-link-system"]').forEach(input => {
+        input.addEventListener('change', (event) => {
+            const target = event.target;
+            if (target.value) {
+                setSelectedIoTSystemRadio(target.value);
+            }
+        });
+    });
+}
+function handlePlaceIotTag() {
+    log.info('handlePlaceIotTag()');
+    const moveIotTag = document.getElementById('at-iot-move-btn');
+    const initTagData = {
+        id: '',
+        label: '',
+        description: '',
+        anchorPosition: {
+            x: 0, y: 0, z: 0,
+        },
+        color: {
+            r: 0,
+            g: 0,
+            b: 1,
+        },
+        stemVector: {
+            x: 0,
+            y: 0.30,
+            z: 0
+        },
+        stemVisible: true,
+    };
+    moveIotTag.addEventListener('click', () => __awaiter(this, void 0, void 0, function* () {
+        log.info('move button is clicked');
+        if (isPlacingTag) {
+            notyf.open({
+                type: 'info',
+                message: `${i18n.t('PleaseWaitTagPlacement')}`
+            });
+            return;
+        }
+        isPlacingTag = true;
+        const tag = Object.assign({}, initTagData);
+        const payload = getIotTagFormData();
+        log.info('@caroline getIotTagFormData', payload);
+        if (!cancelTagPlacementPrompt) {
+            cancelTagPlacementPrompt = document.getElementById('at-cancel-tag-placement-prompt');
+        }
+        cancelTagPlacementPrompt.style.display = 'block';
+        if (iotTagFormMode == "ADD" /* FORM_MODE.ADD */) {
+            log.info('handlePlaceIotTag() Add Mode');
+            if (_tagIotCategoryTypes) {
+                log.info('@caroline iotTagForm Data: ', payload);
+                const targetIotCategory = _tagIotCategoryTypes.find(cat => cat.name == payload.tagCategoryId);
+                if (payload && payload.name && payload.tagCategoryId) {
+                    tag.label = payload.name;
+                    if (targetIotCategory) {
+                        log.info('@caroline Target Category is: ', targetIotCategory, iTag);
+                    }
+                    log.info("tag1", tag);
+                    if (iTag == null) {
+                        iTag = yield renderTag({ tag: tag }, true);
+                    }
+                    moveTag(iTag.id, onIotTagPlaced);
+                    function onIotTagPlaced() {
+                        return __awaiter(this, void 0, void 0, function* () {
+                            log.info('Iot Tag Placed', iTag);
+                            const iotTagContainer = document.getElementById('at-tag-list-container');
+                            const row = renderTagRow(iTag, '');
+                            iotTagContainer.appendChild(row);
+                            addClickEventToTagRow(iTag);
+                            notyf.success(`${i18n.t('SuccessAddTagToSpace')}`);
+                            handleMobilePlaceTag();
+                            const tags = getMpTags();
+                            currentTag = _tags[tags.length - 1];
+                            _tags[tags.length - 1].category_uuid = payload.tagCategoryId;
+                            cancelTagPlacementPrompt.style.display = 'none';
+                            isPlacingTag = false;
+                        });
+                    }
+                }
+                else {
+                    notyf.error(`${i18n.t('RequiredFieldsEmpty')}`);
+                    isPlacingTag = false;
+                }
+            }
+            else {
+                if (payload && payload.name) {
+                    tag.label = payload.name;
+                    log.info("tag123", tag);
+                    const iTag = yield renderTag({ tag: tag }, true);
+                    moveTag(iTag.id, onIotTagPlaced);
+                    function onIotTagPlaced() {
+                        return __awaiter(this, void 0, void 0, function* () {
+                            log.info('Iot Tag Placed', iTag);
+                            const iotTagContainer = document.getElementById('at-tag-list-container');
+                            const row = renderTagRow(iTag, '');
+                            iotTagContainer.appendChild(row);
+                            addClickEventToTagRow(iTag);
+                            notyf.success(`${i18n.t('SuccessAddTagToSpace')}`);
+                            const tags = getMpTags();
+                            currentTag = tags[tags.length - 1];
+                            log.info("Last IoT Tag Pushed", tags[tags.length - 1]);
+                            cancelTagPlacementPrompt.style.display = 'none';
+                            isPlacingTag = false;
+                            handleMobilePlaceTag();
+                        });
+                    }
+                }
+                else {
+                    notyf.error(`${i18n.t('RequiredFieldsEmpty')}`);
+                    isPlacingTag = false;
+                }
+            }
+        }
+        else if (iotTagFormMode == "EDIT" /* FORM_MODE.EDIT */) {
+            log.info('handlePlaceIotTag() Edit Mode');
+            const iTag = selectedIotTag;
+            log.info('iotTag', iTag);
+            moveTag(iTag.json_data.id, onTagPlaced);
+            function onTagPlaced() {
+                return __awaiter(this, void 0, void 0, function* () {
+                    log.info('Iiot tag placed');
+                    const iotTagContainer = document.getElementById('at-tag-list-container');
+                    const row = renderTagRow(iTag, '');
+                    iotTagContainer.appendChild(row);
+                    addClickEventToTagRow(iTag);
+                    notyf.success(`${i18n.t('SuccessAddTagToSpace')}`);
+                    const tags = getMpTags();
+                    currentTag = tags[tags.length - 1];
+                    // renderTags(tags)
+                    log.info("Last IoT Tag Pushe", tags[tags.length - 1]);
+                    cancelTagPlacementPrompt.style.display = 'none';
+                    isPlacingTag = false;
+                });
+            }
+        }
+        else {
+            notyf.error(`${i18n.t('RequiredFieldsEmpty')}`);
+            isPlacingTag = false;
+        }
+    }));
+}
+function handleHideElement(id) {
+    const element = document.getElementById(id);
+    if (!element) {
+        log.error(`Element with ID "${id}" not found.`);
+        return;
+    }
+    element.style.display = 'none';
+}
+function handleDisplayElement(id, value = "flex") {
+    const element = document.getElementById(id);
+    if (!element) {
+        log.error(`Element with ID "${id}" not found.`);
+        return;
+    }
+    element.style.display = value;
+}
+function handleDisplayElements(id) {
+    log.info("handleDisplayElements()", id);
+    const title = document.getElementById('at-tag-list-title');
+    const addTagButton = document.getElementById('at-add-tag-btn');
+    const tableContainer = document.getElementById('at-tag-list-scrollable-container');
+    switch (id) {
+        case 'at-tag-iot-btn':
+            // change pane height
+            tableContainer.classList.replace('at_h-min-45', 'at_h-min-64');
+            // title to Iot Tag
+            title.innerText = `${i18n.t('IoTTags')}`;
+            // add iot tag button to navigate to iot form pane
+            addTagButton.setAttribute('target-pane', 'at-tag-iot-form-pane');
+            addTagButton.innerHTML = `${i18n.t('AddIoTTag')}
+                    <span class="mdi mdi-plus-circle-outline" id="at-add-tag-btn"></span>
+                `;
+            // hide dropdown sub/categories
+            handleHideElement('at-custom-category-filter-dropdown-container');
+            handleHideElement('at-custom-subcategory-filter-dropdown-container');
+            break;
+        case 'at-expand-btn':
+            // changep ane height
+            tableContainer.classList.replace('at_h-min-64', 'at_h-min-45');
+            // title to Tag
+            title.innerText = `${i18n.t('Tags')}`;
+            // add tag button to navigate to tag form pane
+            addTagButton.setAttribute('target-pane', 'at-tag-form-pane');
+            addTagButton.innerHTML = `
+                    ${i18n.t('AddTag')}
+                    <span class="mdi mdi-plus-circle-outline" id="at-add-tag-btn"></span>
+                `;
+            handleDisplayElement('at-custom-category-filter-dropdown-container');
+            handleDisplayElement('at-custom-subcategory-filter-dropdown-container');
+            break;
+        default:
+            break;
+    }
+}
+// Cancels placed Tags when Esc is pressed
+// Moves User to IoT List when clicking Close
+function handleIotFormClose() {
+    log.info('handleIotFormClose()');
+    const cancelIotForm = document.getElementById('at-cancel-iot-tag-form-btn');
+    if (cancelIotForm) {
+        cancelIotForm.addEventListener('click', () => __awaiter(this, void 0, void 0, function* () {
+            if (iotTagFormMode === "ADD" /* FORM_MODE.ADD */) {
+                yield onDisposeTag();
+                clearIoTDropdowns();
+                clearIotFields();
+                currentTag = undefined;
+                yield toggleDisplayPane('at-cancel-iot-tag-form-btn');
+            }
+            else {
+                clearIoTDropdowns();
+                clearIotFields();
+                currentTag = undefined;
+                yield toggleDisplayPane('at-cancel-iot-tag-form-btn');
+            }
+        }));
+    }
+    document.addEventListener('keydown', (event) => __awaiter(this, void 0, void 0, function* () {
+        if (event.key == 'Escape') {
+            if (iTag !== null || iotTagFormMode === "EDIT" /* FORM_MODE.EDIT */) {
+                currentTag = undefined;
+                yield onDisposeTag();
+            }
+        }
+    }));
+}
+// Saves IoT-Tag
+function handleIotFormSave() {
+    log.info('handleIotFormSave()');
+    const iotSave = document.getElementById('at-save-iot-btn');
+    if (iotSave) {
+        iotSave.addEventListener('click', (event) => __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
+            log.info('@caroline saving iot');
+            let iotTagFormPayload = getIotTagFormData();
+            const selectedCat = getIotCategoryOption();
+            log.info('@caroline iotTagFormPayload: ', iotTagFormPayload, iotTagFormMode);
+            iotSave.classList.add('at_disabled');
+            if (iotTagFormPayload && iotTagFormMode == "ADD" /* FORM_MODE.ADD */) {
+                log.info('@caroline saving IOT, Add Mode');
+                currentTag.json_data.label = iotTagFormPayload.name;
+                log.info('@caroline current Tag: ', currentTag);
+                if (!currentTag.iot_tag) {
+                    currentTag.iot_tag = {};
+                }
+                // validates url
+                // if (iotTagFormPayload.tagMf && !iotTagFormPayload.systemLink && await isValidUrl(iotTagFormPayload.tagMf)) {
+                //     log.info('iotTagpayload Manufacturer Link URL is valid')
+                // } else if (iotTagFormPayload.systemLink && ! iotTagFormPayload.tagMf && await isValidUrl(iotTagFormPayload.systemLink)) {
+                //     log.info('iotTagpayload systemlLink URL is valid')   
+                // } else if ((iotTagFormPayload.systemLink && iotTagFormPayload.tagMf) && (await isValidUrl(iotTagFormPayload.systemLink) && (await isValidUrl(iotTagFormPayload.tagMf)))) {
+                //     log.info('iotTagpayload Manufacturer and systemlLink URL are valid')   
+                // } else {
+                //     notyf.error(`${i18n.t('InvalidURL')}`)
+                //     iotSave.classList.remove('at_disabled')
+                //     return
+                // }
+                currentTag.iot_tag.linked_system = iotTagFormPayload.iotSystem;
+                currentTag.iot_tag.serial_number = iotTagFormPayload.serialNumber;
+                currentTag.iot_tag.manufacturer_site = iotTagFormPayload.tagMf;
+                currentTag.iot_tag.system_link = iotTagFormPayload.systemLink;
+                // currentTag.iot_tag.iot_category = selectedCat.json_data.icon.split('.')[0]
+                currentTag.iot_tag.iot_category = iotTagFormPayload.tagCategoryId;
+                currentTag.iot_tag.linked_devices = iotTagFormPayload.linkedDevices;
+                currentTag.iot_tag.model_name = iotTagFormPayload.modelName;
+                currentTag.tag_type = TAG_TYPE.IOT;
+                const icons = getIoTDeviceTagIcons();
+                let iconUrl = icons.normal;
+                let iconName = "normal.png";
+                let color = { r: 0.3, g: 0.5, b: 1.0 }; // default soft royal blue
+                for (const device of iotTagFormPayload.linkedDevices) {
+                    if (!device)
+                        continue;
+                    const { quality, status } = device;
+                    // If any device is offline, override color to gray and stop checking further
+                    if (status === "offline") {
+                        iconUrl = icons.normal;
+                        iconName = "normal.png";
+                        color = useHexToRgb("667c89"); // gray
+                        break;
+                    }
+                    // If any device is alert (highest priority), set red and stop
+                    if (quality === 2) {
+                        iconUrl = icons.alert;
+                        iconName = "alert.png";
+                        color = { r: 1, g: 0, b: 0 }; // red
+                        break;
+                    }
+                    // If any device is attention, set orange but keep checking in case of alert
+                    if (quality === 3) {
+                        iconUrl = icons.alert;
+                        iconName = "normal.png";
+                        color = useHexToRgb("ffae42"); // orange
+                        // continue loop to see if alert is present
+                    }
+                }
+                currentTag.tag_icon_url = iconUrl;
+                currentTag.tag_icon_name = iconName;
+                currentTag.json_data.color = color;
+                currentTag.tag_icon_base64 = selectedCat.json_data.iconBase64;
+                let payload = { tag: currentTag };
+                console.log("@caroline handleIotFormSave payload ", payload);
+                yield setTagIcon({ tag: currentTag.json_data, iconName: (_a = selectedCat.json_data.icon) !== null && _a !== void 0 ? _a : '', iconUrl: selectedCat.json_data.iconBase64, color: currentTag.json_data.color });
+                dispatchSpaceEvent(SPACE_EVENTS.IOT_TAG_SAVED, payload);
+                iotSave.classList.remove('at_disabled');
+                clearIoTDropdowns();
+                clearIotFields();
+                isPlacingTag = false;
+                iotTagFormPayload = {};
+                currentTag = undefined;
+                yield toggleDisplayPane('at-cancel-iot-tag-form-btn');
+            }
+            else if (iotTagFormPayload && iotTagFormMode == "EDIT" /* FORM_MODE.EDIT */) {
+                log.info('saving IOT, Edit Mode');
+                const index = _tags.findIndex(tag => tag.id == selectedIotTag.id);
+                const tagPayload = getIotTagFormData();
+                const cat = getIotCategoryOption();
+                if (index !== -1) {
+                    editTagLabel({ tagId: selectedIotTag.json_data.id, label: tagPayload.name });
+                    log.info('@caroline found tag to edit: ', tagPayload, cat);
+                    // validates url
+                    // if (iotTagFormPayload.tagMf && !iotTagFormPayload.systemLink && await isValidUrl(iotTagFormPayload.tagMf)) {
+                    //     log.info('iotTagpayload Manufacturer Link URL is valid')
+                    // } else if (iotTagFormPayload.systemLink && ! iotTagFormPayload.tagMf && await isValidUrl(iotTagFormPayload.systemLink)) {
+                    //     log.info('iotTagpayload systemlLink URL is valid')   
+                    // } else if ((iotTagFormPayload.systemLink && iotTagFormPayload.tagMf) && (await isValidUrl(iotTagFormPayload.systemLink) && (await isValidUrl(iotTagFormPayload.tagMf)))) {
+                    //     log.info('iotTagpayload Manufacturer and systemlLink URL are valid')   
+                    // } else {
+                    //     notyf.error(`${i18n.t('InvalidURL')}`)
+                    //     iotSave.classList.remove('at_disabled')
+                    //     return
+                    // }
+                    _tags[index].tag_name = tagPayload.name,
+                        _tags[index].json_data.label = tagPayload.name;
+                    _tags[index].uuid = _tags[index].id.toString();
+                    if (tagPayload.tagCategoryId != selectedIotTag.category_uuid) {
+                        // set icon here
+                    }
+                    _tags[index].iot_tag.linked_system = iotTagFormPayload.iotSystem;
+                    _tags[index].iot_tag.serial_number = iotTagFormPayload.serialNumber;
+                    _tags[index].iot_tag.manufacturer_site = iotTagFormPayload.tagMf;
+                    _tags[index].iot_tag.system_link = iotTagFormPayload.systemLink;
+                    _tags[index].iot_tag.iot_category = iotTagFormPayload.tagCategoryId;
+                    _tags[index].iot_tag.linked_devices = iotTagFormPayload.linkedDevices;
+                    _tags[index].iot_tag.model_name = iotTagFormPayload.modelName;
+                    _tags[index].tag_icon_base64 = selectedCat.json_data.iconBase64;
+                    let payload = { tag: _tags[index] };
+                    yield setTagIcon({ tag: _tags[index].json_data, iconName: (_b = cat.json_data.icon) !== null && _b !== void 0 ? _b : '', iconUrl: cat.json_data.iconBase64, color: _tags[index].json_data.color });
+                    log.info('@caroline iotTagPayload EDIT: ', payload);
+                    dispatchSpaceEvent(SPACE_EVENTS.IOT_TAG_SAVED, payload);
+                    log.info('@caroline iotTagPayload after splice: ', payload, _tags);
+                    // =============== splicing to update Tag
+                    currentTag = undefined;
+                    isPlacingTag = false;
+                    iotTagFormPayload = {};
+                    iotSave.classList.remove('at_disabled');
+                    clearIoTDropdowns();
+                    clearIotFields();
+                    yield toggleDisplayPane('at-cancel-iot-tag-form-btn');
+                }
+            }
+            iTag = null;
+        }));
+    }
+}
 function handleClickEventInTagSortOption() {
     const sortIcon = document.getElementById('at-tag-sort-icon');
     let clickListenerAdded = false;
@@ -3295,21 +3821,49 @@ function handleClickEventInObjectSortOption() {
         });
     }
 }
-function handleWindowVisibility(visibilityBtn) {
+function handleWindowVisibility(visibilityBtn, updateStateDB, fromParentVisibilityState) {
     return __awaiter(this, void 0, void 0, function* () {
         try {
             const partitionId = visibilityBtn.getAttribute('partition-id');
             const windowIndex = visibilityBtn.closest('li').getAttribute('window-index');
             const wallId = visibilityBtn.closest('li').getAttribute('wall-id');
             const windowNameAsMeshChild = `${wallId}_window-${windowIndex}`;
-            const windowLabelNameAsMeshChild = `windowLabel-${windowIndex}`;
             const polygonObjs = get3DXObjects().filter(p => p.type === 'POLYGON');
             const targetObject = polygonObjs.find(obj => obj.object.object_data.uuid === partitionId);
             const { component } = targetObject;
-            const isVisible = visibilityBtn.classList.toggle('mdi-eye');
+            const isVisible = fromParentVisibilityState !== undefined ? fromParentVisibilityState : visibilityBtn.classList.toggle('mdi-eye');
             toggleVisibilityState(visibilityBtn, isVisible);
             toggleMeshChildrenVisibility(component, windowNameAsMeshChild, isVisible);
-            toggleMeshChildrenVisibility(component, windowLabelNameAsMeshChild, isVisible);
+            if (updateStateDB) {
+                const thisPartition = _partitionNodes.flatMap(item => item.children || []).find(child => child.uuid === partitionId);
+                if (!thisPartition) {
+                    log.warn('Partition not found');
+                }
+                else {
+                    const polygonJson = JSON.parse(thisPartition.polygon_json);
+                    const wall = polygonJson.walls.find(item => item.uuid === wallId) || null;
+                    const windows = (wall === null || wall === void 0 ? void 0 : wall.windows) || null;
+                    windows === null || windows === void 0 ? void 0 : windows.forEach(w => w.options.is_visible = isVisible);
+                    const payload = {
+                        uuid: thisPartition.uuid,
+                        space_uuid: thisPartition.space_uuid,
+                        name: thisPartition.name,
+                        parent_uuid: thisPartition.parent_uuid,
+                        polygon_json: polygonJson
+                    };
+                    renderPolygon(payload);
+                    setTimeout(() => {
+                        const updatedPolygonJson = getCurrentPolygonData();
+                        if (updatedPolygonJson) {
+                            thisPartition.polygon_json = JSON.stringify(updatedPolygonJson);
+                        }
+                        dispatchSpaceEvent(SPACE_EVENTS.PARTITION_EDITED, {
+                            data: thisPartition,
+                            isUpdateTree: false
+                        });
+                    }, 1000);
+                }
+            }
         }
         catch (e) {
             console.error("Error window visibility: ", e);
@@ -3327,6 +3881,6 @@ export {
 //state
 activeToolbarItem, activeActionItem, cancelModelPlacementPrompt, isCustomMapControlsVisible, pipeColor, 
 //methods
-batchAddEventListenerById, batchAddEventListenerByClassName, batchAddEventListenerByClassNames, batchAddEventListenerByDataAttribute, setActiveToolbarItem, toggleDisplayPane, toggleActionBar, setupIndividualEventListeners, setupSpaceEventSubscriptions, handleModelVisibility, handleDeleteModel, handleShowMinimap, handleScrollToView, handleRenderMeetingUI, handleShowCustomMinimap, 
+batchAddEventListenerById, batchAddEventListenerByClassName, batchAddEventListenerByClassNames, batchAddEventListenerByDataAttribute, setActiveToolbarItem, toggleDisplayPane, toggleActionBar, setupIndividualEventListeners, setupSpaceEventSubscriptions, handleModelVisibility, handleDeleteModel, handleShowMinimap, handleScrollToView, handleRenderMeetingUI, handleShowCustomMinimap, renderTagPaneContent, 
 // partition
-handlePartitionVisibility, handlePolygonVisibility, handleDeletePartition, handleWindowVisibility, clearActivePane };
+handlePartitionVisibility, handlePolygonVisibility, handleDeletePartition, handleDisplayElements, handleWindowVisibility, clearActivePane };