Updated with more bug revise. The login page and dashboard is also changedd

tests/canvas-helpers.test.js

@@ -119,6 +119,40 @@ assert.deepStrictEqual(
   { width: 118.8, height: 55.76 },
   'default symbols should still scale proportionally inside normal component boxes'
 );
+assert.deepStrictEqual(
+  helpers.calculateCompositeBoxSize({
+    nodes: [
+      {
+        type: 'portNode',
+        position: { x: 10, y: 5 },
+        data: { componentDisplayName: 'input', elementType: 'port', portNumber: 1, pitch: 10, width: 0.5 }
+      },
+      {
+        type: 'rotatableNode',
+        position: { x: 50, y: 20 },
+        data: { componentName: 'MMI_1', boxSize: { width: 80, height: 30 } }
+      },
+      {
+        type: 'rotatableNode',
+        position: { x: 160, y: 70 },
+        data: { componentName: 'MMI_2', boxSize: { width: 20, height: 10 } }
+      }
+    ]
+  }),
+  { width: 170, height: 75 },
+  'composite canvas symbols should use the bounds of exported ports and internal instance boxes'
+);
+assert.deepStrictEqual(
+  helpers.calculateCompositeBoxSize({
+    nodes: [{
+      type: 'portNode',
+      position: { x: 10, y: 5 },
+      data: { componentDisplayName: 'input', elementType: 'port', portNumber: 1, pitch: 10 }
+    }]
+  }),
+  helpers.DEFAULT_COMPONENT_BOX_SIZE,
+  'single-port empty canvases should keep the default component footprint'
+);
 
 const rotatedHandles = helpers.buildPortHandles({
   left_port: { x: -50, y: 0, a: 180 },

tests/layout-ui-wiring.test.js

@@ -379,9 +379,19 @@ assert(
 );
 assert(
   canvasHtml.includes('selectedPositionNodes.length > 1') &&
-    canvasHtml.includes('const delta = val - Number') &&
+    canvasHtml.includes("const MIXED_VALUE = '--'") &&
+    canvasHtml.includes('getSharedNumericDisplay') &&
+    canvasHtml.includes('clearMixedInput') &&
+    canvasHtml.includes('event.currentTarget.value === MIXED_VALUE') &&
+    canvasHtml.includes('editingTransformField') &&
+    canvasHtml.includes('if (editingTransformField) return;') &&
+    canvasHtml.includes('commitTransformInput') &&
+    canvasHtml.includes('event.currentTarget.value') &&
+    canvasHtml.includes('updatePosition(selectedNode.id, \'x\', val)') &&
+    canvasHtml.includes('selectedPositionNodes.forEach(node => {') &&
+    canvasHtml.includes('position: { [axis]: val }') &&
     canvasHtml.includes('selectedNodes={selectedNodes}'),
-  'multi-selected components should move together when editing X or Y in the inspector'
+  'multi-selected components should show mixed values as -- and set all selected X/Y values absolutely from the inspector'
 );
 assert(
   canvasHtml.includes('portInfo.description') || canvasHtml.includes('port.description'),