vease 1.58.1 → 1.59.0-rc.2

package/.build/tests/e2e/utils/app_interaction.js

@@ -9,10 +9,11 @@ async function closeAllMenus(window) {
 	await waitForActionSettled(window);
 }
 async function closeFeedbackSnackbar(window) {
-	const snackbar = window.getByTestId("feedbackSnackbar");
-	if (await snackbar.isVisible()) {
-		await snackbar.getByRole("button").click();
-		await expect(snackbar).not.toBeVisible();
+	const snackbars = window.getByTestId("feedbackSnackbar");
+	while (await snackbars.count() > 0) {
+		const count = await snackbars.count();
+		await snackbars.first().getByTestId("feedbackCloseBtn").click();
+		await expect(snackbars).toHaveCount(count - 1);
 	}
 }
 //#endregion

package/.build/tests/e2e/utils/crs.js

@@ -0,0 +1,128 @@
+import { waitForActionSettled } from "./wait_for_action_settled.js";
+import { closeFeedbackSnackbar } from "./app_interaction.js";
+import { expandGeodeObjectTypeInTree, getTreeRowByTextAndParent } from "./object_trees/common.js";
+import { getMainObjectTree } from "./object_trees/main_object_tree.js";
+import { getDataTableRow } from "./data_manager.js";
+import { expect } from "@playwright/test";
+//#region tests/e2e/utils/crs.ts
+async function expectDataRows(window, itemNames) {
+	for (const itemName of itemNames) await expect(getDataTableRow(window, itemName)).toBeVisible();
+}
+async function openCrsByButton(window, itemName) {
+	await getDataTableRow(window, itemName).getByTestId("crsCell").click();
+	await waitForActionSettled(window);
+}
+async function expectRowCrs(window, itemName, expected) {
+	await expect(getDataTableRow(window, itemName).getByTestId("crsCell")).toContainText(expected);
+}
+async function getDataTreeRow(window, geodeObjectType, dataName) {
+	const tree = getMainObjectTree(window);
+	await expandGeodeObjectTypeInTree(window, geodeObjectType, tree);
+	return getTreeRowByTextAndParent(window, geodeObjectType, dataName, tree);
+}
+async function openCrsFromTree(window, geodeObjectType, dataName) {
+	await (await getDataTreeRow(window, geodeObjectType, dataName)).getByTestId("treeItemLabel").first().hover();
+	await waitForActionSettled(window);
+	const editButton = window.locator(".v-overlay--active").getByTestId("editCrsBtn");
+	await editButton.hover();
+	await editButton.click();
+	await waitForActionSettled(window);
+}
+async function openCrsFromInfoCard(window, geodeObjectType, dataName) {
+	await (await getDataTreeRow(window, geodeObjectType, dataName)).click({ button: "right" });
+	await waitForActionSettled(window);
+	await window.getByTestId("circularMenuCenterButton").click();
+	await window.getByTestId("infoEditCrsBtn").click();
+	await waitForActionSettled(window);
+}
+async function openCrsFromWarning(window, geodeObjectType, dataName) {
+	await (await getDataTreeRow(window, geodeObjectType, dataName)).getByTestId("crsMismatchIcon").click();
+	await waitForActionSettled(window);
+}
+async function openCrsFromFeedback(window, text) {
+	const snackbar = window.getByTestId("feedbackSnackbar").filter({ hasText: text });
+	await expect(snackbar).toBeVisible();
+	await snackbar.getByTestId("feedbackActionBtn").click();
+	await waitForActionSettled(window);
+}
+async function selectCrs(window, crsName) {
+	await window.getByTestId("crsSearchInput").locator("input").fill(crsName);
+	await window.locator("tr").filter({ hasText: crsName }).locator("input").first().check();
+	await waitForActionSettled(window);
+}
+async function confirmAssign(window) {
+	await window.getByTestId("crsAssignButton").click();
+	await waitForActionSettled(window);
+	await closeFeedbackSnackbar(window);
+}
+async function expectCurrentCrs(window, expected) {
+	await expect(window.getByTestId("crsCurrentValue")).toContainText(expected);
+}
+async function selectAssignMode(window) {
+	await window.getByTestId("crsModeAssign").click();
+	await waitForActionSettled(window);
+}
+async function clickAssign(window) {
+	await window.getByTestId("crsAssignButton").click();
+	await waitForActionSettled(window);
+}
+async function expectFeedback(window, text) {
+	await expect(window.getByTestId("feedbackSnackbar").filter({ hasText: text })).toBeVisible();
+	await closeFeedbackSnackbar(window);
+}
+async function selectConvertMode(window) {
+	await window.getByTestId("crsModeConvert").click();
+	await waitForActionSettled(window);
+}
+async function confirmConvert(window) {
+	await window.getByTestId("crsConvertButton").click();
+	await waitForActionSettled(window);
+	await closeFeedbackSnackbar(window);
+}
+async function startAlignment(window) {
+	await window.getByTestId("crsModeAlign").click();
+	await window.getByTestId("crsStartAlignButton").click();
+	await waitForActionSettled(window);
+}
+async function selectAlignMode(window, mode) {
+	await window.getByTestId(`crsAlignMode-${mode}`).click();
+	await waitForActionSettled(window);
+}
+async function fillAlignPoints(window, prefix, points) {
+	for (const [index, { x, y }] of points.entries()) {
+		const inputs = window.getByTestId(`${prefix}-${index}`).locator("input");
+		await inputs.nth(0).fill(String(x));
+		await inputs.nth(1).fill(String(y));
+	}
+}
+async function selectAlignmentCrs(window, crsName) {
+	const panel = window.getByTestId("crsAlignPanel");
+	await panel.getByTestId("crsSearchInput").locator("input").fill(crsName);
+	await panel.locator("tr").filter({ hasText: crsName }).locator("input").first().check();
+	await waitForActionSettled(window);
+}
+async function selectScope(window, scope, testId = "crsScope") {
+	await window.getByTestId(`${testId}-${scope}`).locator("input").check();
+	await waitForActionSettled(window);
+}
+async function expectCrsMismatch(window, geodeObjectType, dataName, expected) {
+	const icon = (await getDataTreeRow(window, geodeObjectType, dataName)).getByTestId("crsMismatchIcon");
+	if (expected) await expect(icon).toBeVisible();
+	else await expect(icon).toBeHidden();
+}
+async function openProjectCrs(window) {
+	await window.getByTestId("projectCrs").click();
+	await waitForActionSettled(window);
+}
+async function confirmProjectCrs(window) {
+	await window.getByTestId("projectCrsApply").click();
+	await waitForActionSettled(window);
+	await closeFeedbackSnackbar(window);
+}
+async function applyAlignment(window) {
+	await window.getByTestId("crsAlignApplyButton").click();
+	await waitForActionSettled(window);
+	await closeFeedbackSnackbar(window);
+}
+//#endregion
+export { applyAlignment, clickAssign, confirmAssign, confirmConvert, confirmProjectCrs, expectCrsMismatch, expectCurrentCrs, expectDataRows, expectFeedback, expectRowCrs, fillAlignPoints, openCrsByButton, openCrsFromFeedback, openCrsFromInfoCard, openCrsFromTree, openCrsFromWarning, openProjectCrs, selectAlignMode, selectAlignmentCrs, selectAssignMode, selectConvertMode, selectCrs, selectScope, startAlignment };

package/.build/tests/e2e/utils/data/index.js

@@ -17,7 +17,7 @@ import { openMeshPolyhedraMenu, setMeshPolyhedraColorMap, setMeshPolyhedraItem,
 import { copyMeshPolyhedraColor, pasteMeshPolyhedraColorInput, setMeshPolyhedraColor, setMeshPolyhedraColorBlack, setMeshPolyhedraColorInput, setMeshPolyhedraColorWithSlider, setMeshPolyhedraColoringStyle, setMeshPolyhedraOpacity } from "./mesh/polyhedra/color.js";
 import { setMeshPolyhedraVisibility } from "./mesh/polyhedra/visibility.js";
 import "./mesh/index.js";
-import { setModelCellsCellAttribute, setModelCellsVertexAttribute, setModelEdgesEdgeAttribute, setModelEdgesVertexAttribute, setModelEdgesVertexAttributeNoDataColor, setModelPointsVertexAttribute, setModelPointsVertexAttributeNoDataColor, setModelPolygonsPolygonAttribute, setModelPolygonsVertexAttribute, setModelPolygonsVertexAttributeNoDataColor, setModelPolyhedraPolyhedronAttribute, setModelPolyhedraVertexAttribute, setModelPolyhedraVertexAttributeNoDataColor } from "./model/attribute.js";
+import { setModelCellsCellAttribute, setModelCellsVertexAttribute, setModelEdgesEdgeAttribute, setModelEdgesVertexAttribute, setModelEdgesVertexAttributeNoDataColor, setModelPointsVertexAttribute, setModelPointsVertexAttributeNoDataColor, setModelPolygonsPolygonAttribute, setModelPolygonsVertexAttribute, setModelPolygonsVertexAttributeNoDataColor, setModelPolyhedraPolyhedronAttribute, setModelPolyhedraVertexAttribute, setModelPolyhedraVertexAttributeNoDataColor, setModelTimeStep } from "./model/attribute.js";
 import { copyModelEdgesColor, copyModelPointsColor, copyModelPolygonsColor, copyModelPolyhedraColor, pasteModelEdgesColorInput, pasteModelPointsColorInput, pasteModelPolygonsColorInput, pasteModelPolyhedraColorInput, setModelColor, setModelColorWithSlider, setModelColoringStyle, setModelEdgesColorInput, setModelOpacity, setModelPointsColorInput, setModelPolygonsColorInput, setModelPolyhedraColorInput } from "./model/color.js";
 import { setModelComponentsEdgesColor, setModelComponentsEdgesVertexAttribute, setModelComponentsEdgesVisibility, setModelComponentsEdgesWidth } from "./model/edges/components.js";
 import { setModelEdgesVisibility } from "./model/edges/visibility.js";
@@ -25,4 +25,4 @@ import { setModelComponentsPointsColor, setModelComponentsPointsSize, setModelCo
 import { setModelPointsVisibility } from "./model/points/visibility.js";
 import { setModelSurfacesVisibility } from "./model/surfaces/visibility.js";
 import "./model/index.js";
-export { copyMeshCellsColor, copyMeshEdgesColor, copyMeshPointsColor, copyMeshPolygonsColor, copyMeshPolyhedraColor, copyModelEdgesColor, copyModelPointsColor, copyModelPolygonsColor, copyModelPolyhedraColor, openMeshCellsMenu, openMeshEdgesMenu, openMeshPointsMenu, openMeshPolygonsMenu, openMeshPolyhedraMenu, pasteMeshCellsColorInput, pasteMeshEdgesColorInput, pasteMeshPointsColorInput, pasteMeshPolygonsColorInput, pasteMeshPolyhedraColorInput, pasteModelEdgesColorInput, pasteModelPointsColorInput, pasteModelPolygonsColorInput, pasteModelPolyhedraColorInput, setMeshCellsCellAttribute, setMeshCellsColor, setMeshCellsColorInput, setMeshCellsColorMap, setMeshCellsColorWithSlider, setMeshCellsColoringStyle, setMeshCellsItem, setMeshCellsNoDataColor, setMeshCellsOpacity, setMeshCellsVertexAttribute, setMeshCellsVisibility, setMeshEdgesColor, setMeshEdgesColorInput, setMeshEdgesColorMap, setMeshEdgesColorWithSlider, setMeshEdgesColoringStyle, setMeshEdgesEdgeAttribute, setMeshEdgesItem, setMeshEdgesNoDataColor, setMeshEdgesOpacity, setMeshEdgesVertexAttribute, setMeshEdgesVisibility, setMeshEdgesWidth, setMeshPointsColor, setMeshPointsColorInput, setMeshPointsColorWithSlider, setMeshPointsColoringStyle, setMeshPointsNoDataColor, setMeshPointsOpacity, setMeshPointsSize, setMeshPointsVertexAttribute, setMeshPointsVisibility, setMeshPolygonsColor, setMeshPolygonsColorInput, setMeshPolygonsColorMap, setMeshPolygonsColorWithSlider, setMeshPolygonsColoringStyle, setMeshPolygonsItem, setMeshPolygonsNoDataColor, setMeshPolygonsOpacity, setMeshPolygonsPolygonAttribute, setMeshPolygonsTextures, setMeshPolygonsTimeStep, setMeshPolygonsVertexAttribute, setMeshPolygonsVisibility, setMeshPolyhedraColor, setMeshPolyhedraColorBlack, setMeshPolyhedraColorInput, setMeshPolyhedraColorMap, setMeshPolyhedraColorWithSlider, setMeshPolyhedraColoringStyle, setMeshPolyhedraItem, setMeshPolyhedraNoDataColor, setMeshPolyhedraOpacity, setMeshPolyhedraPolyhedronAttribute, setMeshPolyhedraVertexAttribute, setMeshPolyhedraVisibility, setModelCellsCellAttribute, setModelCellsVertexAttribute, setModelColor, setModelColorWithSlider, setModelColoringStyle, setModelComponentsEdgesColor, setModelComponentsEdgesVertexAttribute, setModelComponentsEdgesVisibility, setModelComponentsEdgesWidth, setModelComponentsPointsColor, setModelComponentsPointsSize, setModelComponentsPointsVertexAttribute, setModelComponentsPointsVisibility, setModelEdgesColorInput, setModelEdgesEdgeAttribute, setModelEdgesVertexAttribute, setModelEdgesVertexAttributeNoDataColor, setModelEdgesVisibility, setModelOpacity, setModelPointsColorInput, setModelPointsVertexAttribute, setModelPointsVertexAttributeNoDataColor, setModelPointsVisibility, setModelPolygonsColorInput, setModelPolygonsPolygonAttribute, setModelPolygonsVertexAttribute, setModelPolygonsVertexAttributeNoDataColor, setModelPolyhedraColorInput, setModelPolyhedraPolyhedronAttribute, setModelPolyhedraVertexAttribute, setModelPolyhedraVertexAttributeNoDataColor, setModelSurfacesVisibility };
+export { copyMeshCellsColor, copyMeshEdgesColor, copyMeshPointsColor, copyMeshPolygonsColor, copyMeshPolyhedraColor, copyModelEdgesColor, copyModelPointsColor, copyModelPolygonsColor, copyModelPolyhedraColor, openMeshCellsMenu, openMeshEdgesMenu, openMeshPointsMenu, openMeshPolygonsMenu, openMeshPolyhedraMenu, pasteMeshCellsColorInput, pasteMeshEdgesColorInput, pasteMeshPointsColorInput, pasteMeshPolygonsColorInput, pasteMeshPolyhedraColorInput, pasteModelEdgesColorInput, pasteModelPointsColorInput, pasteModelPolygonsColorInput, pasteModelPolyhedraColorInput, setMeshCellsCellAttribute, setMeshCellsColor, setMeshCellsColorInput, setMeshCellsColorMap, setMeshCellsColorWithSlider, setMeshCellsColoringStyle, setMeshCellsItem, setMeshCellsNoDataColor, setMeshCellsOpacity, setMeshCellsVertexAttribute, setMeshCellsVisibility, setMeshEdgesColor, setMeshEdgesColorInput, setMeshEdgesColorMap, setMeshEdgesColorWithSlider, setMeshEdgesColoringStyle, setMeshEdgesEdgeAttribute, setMeshEdgesItem, setMeshEdgesNoDataColor, setMeshEdgesOpacity, setMeshEdgesVertexAttribute, setMeshEdgesVisibility, setMeshEdgesWidth, setMeshPointsColor, setMeshPointsColorInput, setMeshPointsColorWithSlider, setMeshPointsColoringStyle, setMeshPointsNoDataColor, setMeshPointsOpacity, setMeshPointsSize, setMeshPointsVertexAttribute, setMeshPointsVisibility, setMeshPolygonsColor, setMeshPolygonsColorInput, setMeshPolygonsColorMap, setMeshPolygonsColorWithSlider, setMeshPolygonsColoringStyle, setMeshPolygonsItem, setMeshPolygonsNoDataColor, setMeshPolygonsOpacity, setMeshPolygonsPolygonAttribute, setMeshPolygonsTextures, setMeshPolygonsTimeStep, setMeshPolygonsVertexAttribute, setMeshPolygonsVisibility, setMeshPolyhedraColor, setMeshPolyhedraColorBlack, setMeshPolyhedraColorInput, setMeshPolyhedraColorMap, setMeshPolyhedraColorWithSlider, setMeshPolyhedraColoringStyle, setMeshPolyhedraItem, setMeshPolyhedraNoDataColor, setMeshPolyhedraOpacity, setMeshPolyhedraPolyhedronAttribute, setMeshPolyhedraVertexAttribute, setMeshPolyhedraVisibility, setModelCellsCellAttribute, setModelCellsVertexAttribute, setModelColor, setModelColorWithSlider, setModelColoringStyle, setModelComponentsEdgesColor, setModelComponentsEdgesVertexAttribute, setModelComponentsEdgesVisibility, setModelComponentsEdgesWidth, setModelComponentsPointsColor, setModelComponentsPointsSize, setModelComponentsPointsVertexAttribute, setModelComponentsPointsVisibility, setModelEdgesColorInput, setModelEdgesEdgeAttribute, setModelEdgesVertexAttribute, setModelEdgesVertexAttributeNoDataColor, setModelEdgesVisibility, setModelOpacity, setModelPointsColorInput, setModelPointsVertexAttribute, setModelPointsVertexAttributeNoDataColor, setModelPointsVisibility, setModelPolygonsColorInput, setModelPolygonsPolygonAttribute, setModelPolygonsVertexAttribute, setModelPolygonsVertexAttributeNoDataColor, setModelPolyhedraColorInput, setModelPolyhedraPolyhedronAttribute, setModelPolyhedraVertexAttribute, setModelPolyhedraVertexAttributeNoDataColor, setModelSurfacesVisibility, setModelTimeStep };

package/.build/tests/e2e/utils/data/model/attribute.js

@@ -1,7 +1,9 @@
 import { cellAttributeType, edgeAttributeType, polygonAttributeType, polyhedronAttributeType, vertexAttributeType } from "../../constants.js";
-import { applyAttribute, setFeatureNoDataColor } from "../helpers/attribute.js";
+import { applyAttribute, setFeatureNoDataColor, setFeatureTimeStep } from "../helpers/attribute.js";
+import { showModelStyleOptions } from "./style_menu.js";
 //#region tests/e2e/utils/data/model/attribute.ts
 async function setModelPointsVertexAttribute(window, attributeName, options = {}) {
+	await showModelStyleOptions(window);
 	await applyAttribute(window, "modelStyleMenu", {
 		attributeType: vertexAttributeType,
 		attributeName,
@@ -9,9 +11,11 @@ async function setModelPointsVertexAttribute(window, attributeName, options = {}
 	});
 }
 async function setModelPointsVertexAttributeNoDataColor(window) {
+	await showModelStyleOptions(window);
 	await setFeatureNoDataColor(window, "modelStyleMenu");
 }
 async function setModelEdgesVertexAttribute(window, attributeName, options = {}) {
+	await showModelStyleOptions(window);
 	await applyAttribute(window, "modelStyleMenu", {
 		attributeType: vertexAttributeType,
 		attributeName,
@@ -19,9 +23,11 @@ async function setModelEdgesVertexAttribute(window, attributeName, options = {})
 	});
 }
 async function setModelEdgesVertexAttributeNoDataColor(window) {
+	await showModelStyleOptions(window);
 	await setFeatureNoDataColor(window, "modelStyleMenu");
 }
 async function setModelPolygonsVertexAttribute(window, attributeName, options = {}) {
+	await showModelStyleOptions(window);
 	await applyAttribute(window, "modelStyleMenu", {
 		attributeType: vertexAttributeType,
 		attributeName,
@@ -29,9 +35,11 @@ async function setModelPolygonsVertexAttribute(window, attributeName, options =
 	});
 }
 async function setModelPolygonsVertexAttributeNoDataColor(window) {
+	await showModelStyleOptions(window);
 	await setFeatureNoDataColor(window, "modelStyleMenu");
 }
 async function setModelPolyhedraVertexAttribute(window, attributeName, options = {}) {
+	await showModelStyleOptions(window);
 	await applyAttribute(window, "modelStyleMenu", {
 		attributeType: vertexAttributeType,
 		attributeName,
@@ -39,9 +47,11 @@ async function setModelPolyhedraVertexAttribute(window, attributeName, options =
 	});
 }
 async function setModelPolyhedraVertexAttributeNoDataColor(window) {
+	await showModelStyleOptions(window);
 	await setFeatureNoDataColor(window, "modelStyleMenu");
 }
 async function setModelCellsVertexAttribute(window, attributeName, options = {}) {
+	await showModelStyleOptions(window);
 	await applyAttribute(window, "modelStyleMenu", {
 		attributeType: vertexAttributeType,
 		attributeName,
@@ -49,6 +59,7 @@ async function setModelCellsVertexAttribute(window, attributeName, options = {})
 	});
 }
 async function setModelEdgesEdgeAttribute(window, attributeName, options = {}) {
+	await showModelStyleOptions(window);
 	await applyAttribute(window, "modelStyleMenu", {
 		attributeType: edgeAttributeType,
 		attributeName,
@@ -56,6 +67,7 @@ async function setModelEdgesEdgeAttribute(window, attributeName, options = {}) {
 	});
 }
 async function setModelPolygonsPolygonAttribute(window, attributeName, options = {}) {
+	await showModelStyleOptions(window);
 	await applyAttribute(window, "modelStyleMenu", {
 		attributeType: polygonAttributeType,
 		attributeName,
@@ -63,6 +75,7 @@ async function setModelPolygonsPolygonAttribute(window, attributeName, options =
 	});
 }
 async function setModelPolyhedraPolyhedronAttribute(window, attributeName, options = {}) {
+	await showModelStyleOptions(window);
 	await applyAttribute(window, "modelStyleMenu", {
 		attributeType: polyhedronAttributeType,
 		attributeName,
@@ -70,11 +83,16 @@ async function setModelPolyhedraPolyhedronAttribute(window, attributeName, optio
 	});
 }
 async function setModelCellsCellAttribute(window, attributeName, options = {}) {
+	await showModelStyleOptions(window);
 	await applyAttribute(window, "modelStyleMenu", {
 		attributeType: cellAttributeType,
 		attributeName,
 		...options
 	});
 }
+async function setModelTimeStep(window, timeStep) {
+	await showModelStyleOptions(window);
+	await setFeatureTimeStep(window, window.getByTestId("modelStyleMenu"), timeStep);
+}
 //#endregion
-export { setModelCellsCellAttribute, setModelCellsVertexAttribute, setModelEdgesEdgeAttribute, setModelEdgesVertexAttribute, setModelEdgesVertexAttributeNoDataColor, setModelPointsVertexAttribute, setModelPointsVertexAttributeNoDataColor, setModelPolygonsPolygonAttribute, setModelPolygonsVertexAttribute, setModelPolygonsVertexAttributeNoDataColor, setModelPolyhedraPolyhedronAttribute, setModelPolyhedraVertexAttribute, setModelPolyhedraVertexAttributeNoDataColor };
+export { setModelCellsCellAttribute, setModelCellsVertexAttribute, setModelEdgesEdgeAttribute, setModelEdgesVertexAttribute, setModelEdgesVertexAttributeNoDataColor, setModelPointsVertexAttribute, setModelPointsVertexAttributeNoDataColor, setModelPolygonsPolygonAttribute, setModelPolygonsVertexAttribute, setModelPolygonsVertexAttributeNoDataColor, setModelPolyhedraPolyhedronAttribute, setModelPolyhedraVertexAttribute, setModelPolyhedraVertexAttributeNoDataColor, setModelTimeStep };

package/.build/tests/e2e/utils/data/model/color.js

@@ -1,51 +1,68 @@
 import { copyColor, pasteColorInput, setColor, setColorInput, setColorWithSlider, setColoringStyle, setOpacity } from "../helpers/color.js";
+import { showModelStyleOptions } from "./style_menu.js";
 //#region tests/e2e/utils/data/model/color.ts
 async function setModelOpacity(window, percent) {
+	await showModelStyleOptions(window);
 	await setOpacity(window, "modelStyleMenu", percent);
 }
 async function setModelColor(window) {
+	await showModelStyleOptions(window);
 	await setColor(window, "modelStyleMenu");
 }
 async function setModelColorWithSlider(window) {
+	await showModelStyleOptions(window);
 	await setColorWithSlider(window, "modelStyleMenu");
 }
 async function setModelColoringStyle(window, style) {
+	await showModelStyleOptions(window);
 	await setColoringStyle(window, "modelStyleMenu", style);
 }
 async function copyModelPointsColor(window) {
+	await showModelStyleOptions(window);
 	await copyColor(window, "modelStyleMenu");
 }
 async function setModelPointsColorInput(window, colorText) {
+	await showModelStyleOptions(window);
 	await setColorInput(window, "modelStyleMenu", colorText);
 }
 async function pasteModelPointsColorInput(window) {
+	await showModelStyleOptions(window);
 	await pasteColorInput(window, "modelStyleMenu");
 }
 async function copyModelEdgesColor(window) {
+	await showModelStyleOptions(window);
 	await copyColor(window, "modelStyleMenu");
 }
 async function setModelEdgesColorInput(window, colorText) {
+	await showModelStyleOptions(window);
 	await setColorInput(window, "modelStyleMenu", colorText);
 }
 async function pasteModelEdgesColorInput(window) {
+	await showModelStyleOptions(window);
 	await pasteColorInput(window, "modelStyleMenu");
 }
 async function copyModelPolygonsColor(window) {
+	await showModelStyleOptions(window);
 	await copyColor(window, "modelStyleMenu");
 }
 async function setModelPolygonsColorInput(window, colorText) {
+	await showModelStyleOptions(window);
 	await setColorInput(window, "modelStyleMenu", colorText);
 }
 async function pasteModelPolygonsColorInput(window) {
+	await showModelStyleOptions(window);
 	await pasteColorInput(window, "modelStyleMenu");
 }
 async function copyModelPolyhedraColor(window) {
+	await showModelStyleOptions(window);
 	await copyColor(window, "modelStyleMenu");
 }
 async function setModelPolyhedraColorInput(window, colorText) {
+	await showModelStyleOptions(window);
 	await setColorInput(window, "modelStyleMenu", colorText);
 }
 async function pasteModelPolyhedraColorInput(window) {
+	await showModelStyleOptions(window);
 	await pasteColorInput(window, "modelStyleMenu");
 }
 //#endregion

package/.build/tests/e2e/utils/data/model/edges/components.js

@@ -1,5 +1,6 @@
 import { vertexAttributeType } from "../../../constants.js";
 import { waitForActionSettled } from "../../../wait_for_action_settled.js";
+import { selectModelTab } from "../../../model_tabs.js";
 import { ensureFeatureVisible, ensureMenuOpen } from "../../../viewer_interaction.js";
 import { applyAttribute } from "../../helpers/attribute.js";
 import { setColor } from "../../helpers/color.js";
@@ -8,9 +9,15 @@ const modelEdgesMenuTestId = "modelEdgesMenu";
 function getModelEdgesSection(window, section) {
 	return window.getByTestId(section).filter({ visible: true }).first();
 }
+const SECTION_TABS = {
+	modelEdgesComponentsOptions: "components",
+	modelEdgesComponentTypeOptions: "type",
+	modelEdgesComponentOptions: "component"
+};
 async function setModelComponentsEdgesVisibility(window, section, visibility) {
 	await ensureMenuOpen(window, modelEdgesMenuTestId);
 	await ensureFeatureVisible(window, modelEdgesMenuTestId);
+	await selectModelTab(window, SECTION_TABS[section]);
 	const visibilitySwitch = getModelEdgesSection(window, section).getByTestId("modelComponentEdgesVisibilitySwitch").getByRole("checkbox");
 	if (await visibilitySwitch.isChecked() !== visibility) {
 		await visibilitySwitch.setChecked(visibility, { force: true });

package/.build/tests/e2e/utils/data/model/index.js

@@ -1,4 +1,4 @@
-import { setModelCellsCellAttribute, setModelCellsVertexAttribute, setModelEdgesEdgeAttribute, setModelEdgesVertexAttribute, setModelEdgesVertexAttributeNoDataColor, setModelPointsVertexAttribute, setModelPointsVertexAttributeNoDataColor, setModelPolygonsPolygonAttribute, setModelPolygonsVertexAttribute, setModelPolygonsVertexAttributeNoDataColor, setModelPolyhedraPolyhedronAttribute, setModelPolyhedraVertexAttribute, setModelPolyhedraVertexAttributeNoDataColor } from "./attribute.js";
+import { setModelCellsCellAttribute, setModelCellsVertexAttribute, setModelEdgesEdgeAttribute, setModelEdgesVertexAttribute, setModelEdgesVertexAttributeNoDataColor, setModelPointsVertexAttribute, setModelPointsVertexAttributeNoDataColor, setModelPolygonsPolygonAttribute, setModelPolygonsVertexAttribute, setModelPolygonsVertexAttributeNoDataColor, setModelPolyhedraPolyhedronAttribute, setModelPolyhedraVertexAttribute, setModelPolyhedraVertexAttributeNoDataColor, setModelTimeStep } from "./attribute.js";
 import { copyModelEdgesColor, copyModelPointsColor, copyModelPolygonsColor, copyModelPolyhedraColor, pasteModelEdgesColorInput, pasteModelPointsColorInput, pasteModelPolygonsColorInput, pasteModelPolyhedraColorInput, setModelColor, setModelColorWithSlider, setModelColoringStyle, setModelEdgesColorInput, setModelOpacity, setModelPointsColorInput, setModelPolygonsColorInput, setModelPolyhedraColorInput } from "./color.js";
 import { setModelComponentsEdgesColor, setModelComponentsEdgesVertexAttribute, setModelComponentsEdgesVisibility, setModelComponentsEdgesWidth } from "./edges/components.js";
 import { setModelEdgesVisibility } from "./edges/visibility.js";
@@ -8,4 +8,4 @@ import { setModelPointsVisibility } from "./points/visibility.js";
 import "./points/index.js";
 import { setModelSurfacesVisibility } from "./surfaces/visibility.js";
 import "./surfaces/index.js";
-export { copyModelEdgesColor, copyModelPointsColor, copyModelPolygonsColor, copyModelPolyhedraColor, pasteModelEdgesColorInput, pasteModelPointsColorInput, pasteModelPolygonsColorInput, pasteModelPolyhedraColorInput, setModelCellsCellAttribute, setModelCellsVertexAttribute, setModelColor, setModelColorWithSlider, setModelColoringStyle, setModelComponentsEdgesColor, setModelComponentsEdgesVertexAttribute, setModelComponentsEdgesVisibility, setModelComponentsEdgesWidth, setModelComponentsPointsColor, setModelComponentsPointsSize, setModelComponentsPointsVertexAttribute, setModelComponentsPointsVisibility, setModelEdgesColorInput, setModelEdgesEdgeAttribute, setModelEdgesVertexAttribute, setModelEdgesVertexAttributeNoDataColor, setModelEdgesVisibility, setModelOpacity, setModelPointsColorInput, setModelPointsVertexAttribute, setModelPointsVertexAttributeNoDataColor, setModelPointsVisibility, setModelPolygonsColorInput, setModelPolygonsPolygonAttribute, setModelPolygonsVertexAttribute, setModelPolygonsVertexAttributeNoDataColor, setModelPolyhedraColorInput, setModelPolyhedraPolyhedronAttribute, setModelPolyhedraVertexAttribute, setModelPolyhedraVertexAttributeNoDataColor, setModelSurfacesVisibility };
+export { copyModelEdgesColor, copyModelPointsColor, copyModelPolygonsColor, copyModelPolyhedraColor, pasteModelEdgesColorInput, pasteModelPointsColorInput, pasteModelPolygonsColorInput, pasteModelPolyhedraColorInput, setModelCellsCellAttribute, setModelCellsVertexAttribute, setModelColor, setModelColorWithSlider, setModelColoringStyle, setModelComponentsEdgesColor, setModelComponentsEdgesVertexAttribute, setModelComponentsEdgesVisibility, setModelComponentsEdgesWidth, setModelComponentsPointsColor, setModelComponentsPointsSize, setModelComponentsPointsVertexAttribute, setModelComponentsPointsVisibility, setModelEdgesColorInput, setModelEdgesEdgeAttribute, setModelEdgesVertexAttribute, setModelEdgesVertexAttributeNoDataColor, setModelEdgesVisibility, setModelOpacity, setModelPointsColorInput, setModelPointsVertexAttribute, setModelPointsVertexAttributeNoDataColor, setModelPointsVisibility, setModelPolygonsColorInput, setModelPolygonsPolygonAttribute, setModelPolygonsVertexAttribute, setModelPolygonsVertexAttributeNoDataColor, setModelPolyhedraColorInput, setModelPolyhedraPolyhedronAttribute, setModelPolyhedraVertexAttribute, setModelPolyhedraVertexAttributeNoDataColor, setModelSurfacesVisibility, setModelTimeStep };

package/.build/tests/e2e/utils/data/model/points/components.js

@@ -1,5 +1,6 @@
 import { vertexAttributeType } from "../../../constants.js";
 import { waitForActionSettled } from "../../../wait_for_action_settled.js";
+import { selectModelTab } from "../../../model_tabs.js";
 import { ensureFeatureVisible, ensureMenuOpen } from "../../../viewer_interaction.js";
 import { applyAttribute } from "../../helpers/attribute.js";
 import { setColor } from "../../helpers/color.js";
@@ -8,9 +9,15 @@ const modelPointsMenuTestId = "modelPointsMenu";
 function getModelPointsSection(window, section) {
 	return window.getByTestId(section).filter({ visible: true }).first();
 }
+const SECTION_TABS = {
+	modelPointsComponentsOptions: "components",
+	modelPointsComponentTypeOptions: "type",
+	modelPointsComponentOptions: "component"
+};
 async function setModelComponentsPointsVisibility(window, section, visibility) {
 	await ensureMenuOpen(window, modelPointsMenuTestId);
 	await ensureFeatureVisible(window, modelPointsMenuTestId);
+	await selectModelTab(window, SECTION_TABS[section]);
 	const visibilitySwitch = getModelPointsSection(window, section).getByTestId("modelComponentPointsVisibilitySwitch").getByRole("checkbox");
 	if (await visibilitySwitch.isChecked() !== visibility) {
 		await visibilitySwitch.setChecked(visibility, { force: true });

package/.build/tests/e2e/utils/data/model/style_menu.js

@@ -0,0 +1,9 @@
+import { selectModelOptionsTab } from "../../model_tabs.js";
+import { ensureMenuOpen } from "../../viewer_interaction.js";
+//#region tests/e2e/utils/data/model/style_menu.ts
+async function showModelStyleOptions(window) {
+	await ensureMenuOpen(window, "modelStyleMenu");
+	await selectModelOptionsTab(window);
+}
+//#endregion
+export { showModelStyleOptions };

package/.build/tests/e2e/utils/extension.js

@@ -1,8 +1,8 @@
 import { modalTransitionWait } from "./constants.js";
 import { waitForLoadingScreen } from "./other.js";
 import { navigateToExtensionsPage } from "./navigate.js";
-import path from "node:path";
 import { consola } from "consola";
+import path from "node:path";
 //#region tests/e2e/utils/extension.ts
 async function loadExtension(window, extensionFilePath) {
 	await waitForLoadingScreen(window);

package/.build/tests/e2e/utils/fixtures.js

@@ -1,8 +1,8 @@
 import { waitForActionSettled } from "./wait_for_action_settled.js";
 import { navigateToApp } from "./navigate.js";
 import { expect, test as test$1 } from "@playwright/test";
-import path from "node:path";
 import { consola } from "consola";
+import path from "node:path";
 import fs from "node:fs";
 import os from "node:os";
 //#region tests/e2e/utils/fixtures.ts

package/.build/tests/e2e/utils/load.js

@@ -1,7 +1,7 @@
 import { waitForActionSettled } from "./wait_for_action_settled.js";
 import { expect } from "@playwright/test";
-import path from "node:path";
 import { consola } from "consola";
+import path from "node:path";
 //#region tests/e2e/utils/load.ts
 const __dirname = import.meta.dirname;
 const loadWorkflowTimeout = 8e3;

package/.build/tests/e2e/utils/model_tabs.js

@@ -0,0 +1,35 @@
+import { waitForActionSettled } from "./wait_for_action_settled.js";
+//#region tests/e2e/utils/model_tabs.ts
+const MODEL_TAB_SWITCHES = /* @__PURE__ */ new Set([
+	"modelStyleVisibilitySwitch",
+	"modelEdgesVisibilitySwitch",
+	"modelPointsVisibilitySwitch"
+]);
+const COMPONENT_TYPE_TAB_SWITCHES = /* @__PURE__ */ new Set([
+	"modelSurfacesVisibilitySwitch",
+	"modelLinesVisibilitySwitch",
+	"modelCornersVisibilitySwitch",
+	"modelBlocksVisibilitySwitch"
+]);
+async function selectModelTab(window, tab) {
+	const tabButton = window.getByTestId(`modelTab_${tab}`).filter({ visible: true }).first();
+	if (await tabButton.isVisible()) {
+		await tabButton.click();
+		await waitForActionSettled(window);
+	}
+}
+async function selectModelOptionsTab(window) {
+	await selectModelTab(window, await window.getByTestId("modelTab_type").filter({ visible: true }).first().isVisible() ? "type" : "components");
+}
+async function getActiveModelTabTestId(window) {
+	const activeTab = window.locator("[data-testid^=\"modelTab_\"].v-btn--active").filter({ visible: true }).first();
+	if (await activeTab.count() === 0) return;
+	return await activeTab.getAttribute("data-testid") ?? void 0;
+}
+async function restoreModelTab(window, tabTestId) {
+	if (tabTestId === void 0) return;
+	await window.getByTestId(tabTestId).filter({ visible: true }).first().click();
+	await waitForActionSettled(window);
+}
+//#endregion
+export { COMPONENT_TYPE_TAB_SWITCHES, MODEL_TAB_SWITCHES, getActiveModelTabTestId, restoreModelTab, selectModelOptionsTab, selectModelTab };

package/.build/tests/e2e/utils/navigate.js

@@ -1,8 +1,8 @@
 import { logBrowserConsole } from "../../../utils/browser_console.js";
 import { expect } from "@playwright/test";
 import { isWindows } from "std-env";
-import path from "node:path";
 import { consola } from "consola";
+import path from "node:path";
 import { execSync } from "node:child_process";
 import fs from "node:fs";
 import { setTimeout } from "node:timers/promises";
@@ -108,6 +108,10 @@ async function runDesktopBuild() {
 		firstWindow
 	};
 }
+function errorMessage(error) {
+	if (error instanceof Error) return error.message;
+	return String(error);
+}
 async function navigateToCloudApp(page, url, maxRetries) {
 	consola.info(`Navigating to: ${url}`);
 	const navigationTimeout = SECONDS_NAVIGATION_TIMEOUT * MILLISECONDS;
@@ -124,7 +128,7 @@ async function navigateToCloudApp(page, url, maxRetries) {
 		break;
 	} catch (error) {
 		lastError = error;
-		const message = error instanceof Error ? error.message : String(error);
+		const message = errorMessage(error);
 		consola.info(`Attempt ${attempt} failed: ${message}`);
 		if (attempt < maxRetries) await setTimeout(MILLISECONDS);
 	}

package/.build/tests/e2e/utils/object_trees/model_components_object_tree.js

@@ -1,15 +1,15 @@
 import { waitForActionSettled } from "../wait_for_action_settled.js";
 import { closeAllMenus, moveMouseOutOfTheWay } from "../app_interaction.js";
 import { ensureMenuOpen, resetMenuScroll } from "../viewer_interaction.js";
-import { setModelColor } from "../data/model/color.js";
 import { clickCollapseOrExpandAll, collapseGeodeObjectTypeInTree, collapseTreeGroup, expandGeodeObjectTypeInTree, getTreeRowByTextAndParent } from "./common.js";
 import { expandGeodeObjectType, getMainObjectTree } from "./main_object_tree.js";
+import { setModelColor } from "../data/model/color.js";
 //#region tests/e2e/utils/object_trees/model_components_object_tree.ts
 function getModelComponentsObjectTree(window) {
 	return window.getByTestId("modelComponentsObjectTree");
 }
-function getModelComponentTypeOptions(window) {
-	return window.getByTestId("modelComponentTypeOptions");
+function getModelComponentTypeTab(window) {
+	return window.getByTestId("modelTab_type");
 }
 async function collapseModelComponentsObjectTree(window) {
 	const modelComponentsObjectTree = getModelComponentsObjectTree(window);
@@ -107,4 +107,4 @@ async function hideAllComponentLeafRows(window, categoryName) {
 	await waitForActionSettled(window);
 }
 //#endregion
-export { closeModelComponentsTree, collapseMeshComponentType, collapseModelComponentTypes, collapseModelComponentsObjectTree, collapseModelComponentsObjectTreeGroup, expandMeshComponentType, expandModelComponentsObjectTree, getModelComponentTypeOptions, getModelComponentsObjectTree, hideAllComponentLeafRows, hoverCorners, hoverLines, hoverModelBlock, hoverSurfaces, openModelComponentContextMenu, openModelComponentTypeContextMenu, openModelComponentsTree, setModelTreeRowColorRandom, toggleModelTreeRow };
+export { closeModelComponentsTree, collapseMeshComponentType, collapseModelComponentTypes, collapseModelComponentsObjectTree, collapseModelComponentsObjectTreeGroup, expandMeshComponentType, expandModelComponentsObjectTree, getModelComponentTypeTab, getModelComponentsObjectTree, hideAllComponentLeafRows, hoverCorners, hoverLines, hoverModelBlock, hoverSurfaces, openModelComponentContextMenu, openModelComponentTypeContextMenu, openModelComponentsTree, setModelTreeRowColorRandom, toggleModelTreeRow };

package/.build/tests/e2e/utils/viewer_interaction.js

@@ -1,6 +1,7 @@
 import { afterActionWait } from "./constants.js";
 import { waitForActionSettled } from "./wait_for_action_settled.js";
 import { closeFeedbackSnackbar, moveMouseOutOfTheWay } from "./app_interaction.js";
+import { COMPONENT_TYPE_TAB_SWITCHES, MODEL_TAB_SWITCHES, getActiveModelTabTestId, restoreModelTab, selectModelTab } from "./model_tabs.js";
 //#region tests/e2e/utils/viewer_interaction.ts
 function noopCleanup() {}
 function getHybridViewerCanvas(window) {
@@ -114,11 +115,13 @@ async function ensureMenuOpen(window, menuTestId) {
 }
 async function ensureFeatureVisible(window, menuTestId) {
 	const switchTestId = menuTestId.replace("Menu", "VisibilitySwitch");
-	const visibilitySwitch = window.getByTestId(switchTestId).getByRole("checkbox");
-	if (!await visibilitySwitch.isChecked()) {
-		await visibilitySwitch.check({ force: true });
-		await window.waitForTimeout(500);
-	}
+	const visibilitySwitch = window.getByTestId(switchTestId).getByRole("checkbox", { includeHidden: true });
+	if (await visibilitySwitch.isChecked()) return;
+	const activeTabTestId = await getActiveModelTabTestId(window);
+	if (MODEL_TAB_SWITCHES.has(switchTestId)) await selectModelTab(window, "model");
+	await visibilitySwitch.check({ force: true });
+	await window.waitForTimeout(500);
+	await restoreModelTab(window, activeTabTestId);
 }
 async function dragElement(window, locator, { startX: fromX, startY: fromY, targetX, targetY, deltaX = 0, deltaY = 0 } = {}) {
 	const box = await locator.boundingBox();
@@ -154,6 +157,8 @@ async function stabilizeHoverTooltip(window) {
 }
 async function setVisibilityGeneric(window, menuTestId, switchTestId, visibility) {
 	await ensureMenuOpen(window, menuTestId);
+	if (MODEL_TAB_SWITCHES.has(switchTestId)) await selectModelTab(window, "model");
+	else if (COMPONENT_TYPE_TAB_SWITCHES.has(switchTestId)) await selectModelTab(window, "type");
 	const checkbox = window.getByTestId(switchTestId).getByRole("checkbox");
 	if (visibility) await checkbox.check();
 	else await checkbox.uncheck();

package/.build/utils/browser_console.js

@@ -21,8 +21,14 @@ function logBrowserConsole(level, message, prefix = "") {
 	const parts = (match.groups.badge ?? "").split(":");
 	const last = parts.at(-1) ?? "";
 	const type = isLogType(last) ? last : fallbackType;
-	const tag = (isLogType(last) ? parts.slice(0, -1) : parts).join(":");
-	(tag ? consola.withTag(tag) : consola)[type](`${prefix}${text}`);
+	let tagParts = parts;
+	if (isLogType(last)) tagParts = parts.slice(0, -1);
+	const tag = tagParts.join(":");
+	if (tag) {
+		consola.withTag(tag)[type](`${prefix}${text}`);
+		return;
+	}
+	consola[type](`${prefix}${text}`);
 }
 //#endregion
 export { logBrowserConsole };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vease",
-  "version": "1.58.1",
+  "version": "1.59.0-rc.2",
   "description": "Desktop and cloud software for data visualization",
   "keywords": [
     "Desktop",
@@ -81,7 +81,7 @@
     "test:e2e:cloud": "npm run test:e2e -- --project=cloud",
     "test:e2e:desktop": "npm run test:e2e -- --project=desktop",
     "test:e2e:update_snapshots": "npm run test:e2e:browser:chrome -- --update-snapshots",
-    "prepare:types": "cross-env MODE=BROWSER nuxi prepare"
+    "prepare:types": "cross-env MODE=BROWSER npx nuxi prepare"
   },
   "dependencies": {
     "@ai-sdk/gateway": "4.0.75",
@@ -90,12 +90,12 @@
     "@ai-sdk/vue": "4.0.93",
     "@fontsource/michroma": "5.2.6",
     "@fontsource/roboto": "5.2.10",
-    "@geode/cloud-api": "latest",
-    "@geode/opengeodeweb-back": "latest",
-    "@geode/opengeodeweb-front": "latest",
-    "@geode/opengeodeweb-viewer": "latest",
-    "@geode/vease-back": "latest",
-    "@geode/vease-viewer": "latest",
+    "@geode/cloud-api": "next",
+    "@geode/opengeodeweb-back": "next",
+    "@geode/opengeodeweb-front": "next",
+    "@geode/opengeodeweb-viewer": "next",
+    "@geode/vease-back": "next",
+    "@geode/vease-viewer": "next",
     "@nuxtjs/mcp-toolkit": "0.18.1",
     "ai": "7.0.93",
     "bowser": "2.14.1",