style: apply biome lint fixes after portforward

packages/core/src/material-library.ts

@@ -123,16 +123,13 @@ export const MATERIAL_CATALOG: MaterialCatalogItem[] = [
     label: 'Hungarian Parquet 10',
     category: 'wood',
     description: 'Parquet wood finish',
-    previewThumbnailUrl:
+    previewThumbnailUrl: '/material/wood/hungarian_parquet_10/Hungarian Parquet_10_baseColor.webp',
-      '/material/wood/hungarian_parquet_10/Hungarian Parquet_10_baseColor.webp',
     preset: {
       maps: {
         albedoMap: '/material/wood/hungarian_parquet_10/Hungarian Parquet_10_baseColor.webp',
-        metalnessMap:
+        metalnessMap: '/material/wood/hungarian_parquet_10/Hungarian Parquet_10_specularLevel.webp',
-          '/material/wood/hungarian_parquet_10/Hungarian Parquet_10_specularLevel.webp',
         normalMap: '/material/wood/hungarian_parquet_10/Hungarian Parquet_10_normal.webp',
-        roughnessMap:
+        roughnessMap: '/material/wood/hungarian_parquet_10/Hungarian Parquet_10_roughness.webp',
-          '/material/wood/hungarian_parquet_10/Hungarian Parquet_10_roughness.webp',
       },
       mapProperties: {
         color: '#ffffff',
@@ -163,13 +160,11 @@ export const MATERIAL_CATALOG: MaterialCatalogItem[] = [
     label: 'Hungarian Parquet 2',
     category: 'wood',
     description: 'Parquet wood finish',
-    previewThumbnailUrl:
+    previewThumbnailUrl: '/material/wood/hungarian_parquet_2/Hungarian Parquet_2_baseColor.webp',
-      '/material/wood/hungarian_parquet_2/Hungarian Parquet_2_baseColor.webp',
     preset: {
       maps: {
         albedoMap: '/material/wood/hungarian_parquet_2/Hungarian Parquet_2_baseColor.webp',
-        metalnessMap:
+        metalnessMap: '/material/wood/hungarian_parquet_2/Hungarian Parquet_2_specularLevel.webp',
-          '/material/wood/hungarian_parquet_2/Hungarian Parquet_2_specularLevel.webp',
         normalMap: '/material/wood/hungarian_parquet_2/Hungarian Parquet_2_normal.webp',
         roughnessMap: '/material/wood/hungarian_parquet_2/Hungarian Parquet_2_roughness.webp',
       },
@@ -210,8 +205,7 @@ export const MATERIAL_CATALOG: MaterialCatalogItem[] = [
         metalnessMap:
           '/material/wood/square_parquet_21/Square Pattern Parquet_21_specularLevel.webp',
         normalMap: '/material/wood/square_parquet_21/Square Pattern Parquet_21_normal.webp',
-        roughnessMap:
+        roughnessMap: '/material/wood/square_parquet_21/Square Pattern Parquet_21_roughness.webp',
-          '/material/wood/square_parquet_21/Square Pattern Parquet_21_roughness.webp',
       },
       mapProperties: {
         color: '#ffffff',
@@ -246,12 +240,10 @@ export const MATERIAL_CATALOG: MaterialCatalogItem[] = [
       '/material/wood/square_wood_parquet_23/Square Pattern Parquet_23_baseColor.webp',
     preset: {
       maps: {
-        albedoMap:
+        albedoMap: '/material/wood/square_wood_parquet_23/Square Pattern Parquet_23_baseColor.webp',
-          '/material/wood/square_wood_parquet_23/Square Pattern Parquet_23_baseColor.webp',
         metalnessMap:
           '/material/wood/square_wood_parquet_23/Square Pattern Parquet_23_specularLevel.webp',
-        normalMap:
+        normalMap: '/material/wood/square_wood_parquet_23/Square Pattern Parquet_23_normal.webp',
-          '/material/wood/square_wood_parquet_23/Square Pattern Parquet_23_normal.webp',
         roughnessMap:
           '/material/wood/square_wood_parquet_23/Square Pattern Parquet_23_roughness.webp',
       },

packages/core/src/systems/stair/stair-opening-sync.ts

@@ -404,12 +404,10 @@ function getCurvedOpeningPolygon(stair: StairNode, offset: number = 0): Point2D[
   const totalSweep = stair.sweepAngle ?? Math.PI / 2
   const baseOpeningSweep =
     Math.abs(totalSweep) *
-    Math.max(
+    Math.max(CURVED_STAIR_SLAB_OPENING_RATIO, 1 / Math.max(stair.stepCount ?? 1, 1))
-      CURVED_STAIR_SLAB_OPENING_RATIO,
-      1 / Math.max(stair.stepCount ?? 1, 1),
-    )
   const angleOffset = offset / Math.max(innerRadius, 0.1)
-  const openingSweep = Math.sign(totalSweep || 1) * Math.min(Math.abs(totalSweep), baseOpeningSweep + angleOffset * 2)
+  const openingSweep =
+    Math.sign(totalSweep || 1) * Math.min(Math.abs(totalSweep), baseOpeningSweep + angleOffset * 2)
 
   const startAngle = totalSweep / 2 - openingSweep
   const endAngle = totalSweep / 2
@@ -562,7 +560,12 @@ function getStairOpeningPolygons(
   }
 
   if (stair.stairType === 'curved') {
-    return [getCurvedOpeningPolygon(stair, Math.max((stair.openingOffset ?? 0) - STAIR_SLAB_OPENING_TIGHTENING, 0.15))]
+    return [
+      getCurvedOpeningPolygon(
+        stair,
+        Math.max((stair.openingOffset ?? 0) - STAIR_SLAB_OPENING_TIGHTENING, 0.15),
+      ),
+    ]
   }
 
   if (stair.stairType === 'spiral') {

packages/editor/src/components/editor-2d/floorplan-registry-move-overlay.tsx

@@ -358,7 +358,7 @@ export function FloorplanRegistryMoveOverlay() {
       // plan scene; otherwise we'd react to 3D-canvas moves with garbage
       // plan coords.
       const target = event.target as Element | null
-      if (!target || !target.closest('[data-floorplan-scene]')) return
+      if (!target?.closest('[data-floorplan-scene]')) return
       const m = toMeters(event.clientX, event.clientY)
       if (!m) return
       const [sx, sz] = snapPointToGrid([m[0], m[1]], GRID_STEP)
@@ -371,7 +371,7 @@ export function FloorplanRegistryMoveOverlay() {
     const onPointerUp = (event: PointerEvent) => {
       if (event.button !== 0) return
       const target = event.target as Element | null
-      if (!target || !target.closest('[data-floorplan-scene]')) return
+      if (!target?.closest('[data-floorplan-scene]')) return
 
       const snapped = lastSnapped
       if (snapped) {

packages/editor/src/components/editor-2d/renderers/floorplan-registry-layer.tsx

@@ -269,8 +269,6 @@ export const FloorplanRegistryLayer = memo(function FloorplanRegistryLayer() {
     levelId,
     nodes,
     liveTransforms,
-    liveOverrides,
-    interactiveElevators,
     selectedIdSet,
     highlightedIdSet,
     hoveredId,
@@ -518,9 +516,7 @@ export const FloorplanRegistryLayer = memo(function FloorplanRegistryLayer() {
           higher-rank kinds (slabs, then walls / items / shelves) layer
           on top in the expected document-order z-stack. */}
       <g className="floorplan-registry-base">
-        {entries.map(({ id, base }) =>
+        {entries.map(({ id, base }) => (base ? renderEntry(id, base, `base-${id}`) : null))}
-          base ? renderEntry(id, base, `base-${id}`) : null,
-        )}
       </g>
       {/* Overlay pass — interactive handles (vertex / midpoint / edge /
           move) and labels (text / dimensions). Painted after every base

packages/editor/src/components/editor/custom-camera-controls.tsx

@@ -7,7 +7,7 @@ import {
   sceneRegistry,
   useScene,
 } from '@pascal-app/core'
-import { useViewer, WalkthroughControls, ZONE_LAYER } from '@pascal-app/viewer'
+import { useViewer, ZONE_LAYER } from '@pascal-app/viewer'
 import { CameraControls, CameraControlsImpl } from '@react-three/drei'
 import { useThree } from '@react-three/fiber'
 import { useCallback, useEffect, useMemo, useRef } from 'react'

packages/editor/src/components/editor/first-person/bvh-ecctrl.tsx

@@ -673,7 +673,7 @@ const BVHEcctrl = forwardRef<BVHEcctrlApi, EcctrlProps>(
       rotationDeltaPos.current.copy(totalPlatformDeltaPos.current)
       characterGroupRef.current.position.add(rotationDeltaPos.current)
       yawQuaternion.current.setFromUnitVectors(upAxis.current, floatHitNormal.current)
-    }, [upAxis])
+    }, [])
 
     const updateCharacterAnimation = useCallback(
       (run: boolean, jump: boolean): CharacterAnimationStatus => {
@@ -756,7 +756,7 @@ const BVHEcctrl = forwardRef<BVHEcctrlApi, EcctrlProps>(
       moveDirRef.current?.position.copy(characterSegment.current.end)
       moveDirRef.current?.setDirection(currentLinVel.current)
       moveDirRef.current?.setLength(currentLinVel.current.length() / maxWalkSpeed)
-    }, [characterSegment, maxWalkSpeed])
+    }, [maxWalkSpeed])
 
     useFrame((_, delta) => {
       elapsedRef.current += delta

packages/editor/src/components/editor/floorplan-panel.tsx

@@ -3475,7 +3475,7 @@ function FloorplanZoneLabel({
     if (textRef.current) {
       setTextWidth(textRef.current.getComputedTextLength())
     }
-  }, [zone.name])
+  }, [])
 
   const isDeleteMode = mode === 'delete'
 
@@ -5136,7 +5136,7 @@ export function FloorplanPanel() {
 
   useEffect(() => {
     setHoveredGuideCorner(null)
-  }, [selectedGuide?.id])
+  }, [])
 
   useEffect(() => {
     if (!(selectedGuide && showGuides && canInteractWithGuides)) {
@@ -6087,7 +6087,7 @@ export function FloorplanPanel() {
     }
 
     scheduleMovingFloorplanNodeRefresh()
-  }, [hasPendingItemMeshFootprints, scheduleMovingFloorplanNodeRefresh])
+  }, [scheduleMovingFloorplanNodeRefresh])
 
   // Subscribe to the live-transforms store so rotation/position changes that
   // *don't* go through pointer events still refresh the floorplan — e.g. R/T
@@ -6631,7 +6631,7 @@ export function FloorplanPanel() {
     pendingFenceDragRef.current = null
     clearWallEndpointDrag()
     clearWallCurveDrag()
-  }, [clearWallCurveDrag, clearWallEndpointDrag, levelId])
+  }, [clearWallCurveDrag, clearWallEndpointDrag])
 
   useEffect(() => {
     if (shouldShowSiteBoundaryHandles) {

packages/editor/src/components/editor/index.tsx

@@ -840,7 +840,7 @@ const ViewerCanvas = memo(function ViewerCanvas({
       window.removeEventListener('pointermove', handlePointerMove)
       window.removeEventListener('pointerup', handlePointerUp)
     }
-  }, [])
+  }, [setFloorplanPaneRatio])
 
   useEffect(() => {
     setIsCameraControlsHintVisible(!readCameraControlsHintDismissed())

packages/editor/src/components/systems/stair/stair-edit-system.tsx

@@ -85,7 +85,7 @@ export const StairEditSystem = () => {
     }
 
     prevActiveStairIds.current = activeStairIds
-  }, [selectedIds, selectedStairSignature])
+  }, [selectedIds])
 
   return null
 }

packages/editor/src/components/tools/item/use-placement-coordinator.tsx

@@ -1496,7 +1496,16 @@ export function usePlacementCoordinator(config: PlacementCoordinatorConfig): Rea
       window.removeEventListener('keyup', onKeyUp)
       window.removeEventListener('contextmenu', onContextMenu)
     }
-  }, [asset, canPlaceOnFloor, canPlaceOnWall, canPlaceOnCeiling, draftNode])
+  }, [
+    asset,
+    canPlaceOnFloor,
+    canPlaceOnWall,
+    canPlaceOnCeiling,
+    draftNode,
+    gridSnapStep,
+    updateDimensionGuides,
+    updatePreviewGeometry,
+  ])
 
   // Refresh wireframe when the grid step changes mid-placement so the green/red
   // box snaps to the new cell size right away.
@@ -1510,7 +1519,7 @@ export function usePlacementCoordinator(config: PlacementCoordinatorConfig): Rea
     )
     updatePreviewGeometry(previewBounds)
     updateDimensionGuides(previewBounds)
-  }, [gridSnapStep, asset, draftNode])
+  }, [gridSnapStep, asset, draftNode, updateDimensionGuides, updatePreviewGeometry])
   // Wall/ceiling items are managed by their own surface entry events (ensureDraft / reparent).
   const viewerLevelId = useViewer((s) => s.selection.levelId)
   useEffect(() => {
@@ -1588,6 +1597,7 @@ export function usePlacementCoordinator(config: PlacementCoordinatorConfig): Rea
       initialDimensionBounds.dimensions[0],
       initialDimensionBounds.dimensions[1],
       initialDimensionBounds.dimensions[2],
+      initialDimensionBounds,
     ],
   )
   const basePlaneGeometry = useMemo(() => {

packages/editor/src/components/tools/select/box-select-tool.tsx

@@ -546,7 +546,7 @@ const BoxSelectToolInner: React.FC = () => {
       canvas.removeEventListener('pointerdown', onCanvasPointerDown)
       canvas.removeEventListener('pointerup', onCanvasPointerUp)
     }
-  }, [camera, gl])
+  }, [gl, raycastToGround, syncPreviewSelectedIds])
 
   // grid:move for cursor tracking + rectangle update during drag
   useEffect(() => {
@@ -603,7 +603,7 @@ const BoxSelectToolInner: React.FC = () => {
     return () => {
       emitter.off('grid:move', onMove)
     }
-  }, [])
+  }, [syncPreviewSelectedIds])
 
   return (
     <group>

packages/nodes/src/door/panel.tsx

@@ -393,10 +393,7 @@ export default function DoorPanel() {
   const isGarageDoor = node.doorCategory === 'garage' || doorType.startsWith('garage-')
   const isSwingDoor = doorType === 'hinged' || doorType === 'double' || doorType === 'french'
   const isSlideFoldDoor =
-    doorType === 'folding' ||
+    doorType === 'folding' || doorType === 'pocket' || doorType === 'barn' || doorType === 'sliding'
-    doorType === 'pocket' ||
-    doorType === 'barn' ||
-    doorType === 'sliding'
   const isSlidingDoor = doorType === 'pocket' || doorType === 'barn' || doorType === 'sliding'
   const isFoldingDoor = doorType === 'folding'
   const isSectionalGarageDoor = doorType === 'garage-sectional'
@@ -1027,26 +1024,26 @@ export default function DoorPanel() {
         <>
           {showFrameSection && (
             <PanelSection title="Frame">
-            <SliderControl
+              <SliderControl
-              label="Thickness"
+                label="Thickness"
-              max={0.2}
+                max={0.2}
-              min={0.01}
+                min={0.01}
-              onChange={(v) => handleUpdate({ frameThickness: v })}
+                onChange={(v) => handleUpdate({ frameThickness: v })}
-              precision={3}
+                precision={3}
-              step={0.01}
+                step={0.01}
-              unit="m"
+                unit="m"
-              value={Math.round(node.frameThickness * 1000) / 1000}
+                value={Math.round(node.frameThickness * 1000) / 1000}
-            />
+              />
-            <SliderControl
+              <SliderControl
-              label="Depth"
+                label="Depth"
-              max={0.3}
+                max={0.3}
-              min={0.01}
+                min={0.01}
-              onChange={(v) => handleUpdate({ frameDepth: v })}
+                onChange={(v) => handleUpdate({ frameDepth: v })}
-              precision={3}
+                precision={3}
-              step={0.01}
+                step={0.01}
-              unit="m"
+                unit="m"
-              value={Math.round(node.frameDepth * 1000) / 1000}
+                value={Math.round(node.frameDepth * 1000) / 1000}
-            />
+              />
             </PanelSection>
           )}
 

packages/nodes/src/elevator/panel.tsx

@@ -240,6 +240,7 @@ export default function ElevatorPanel() {
     node?.type,
     selectedId,
     updateNode,
+    node,
   ])
 
   const previewMetric = useCallback(
@@ -314,7 +315,7 @@ export default function ElevatorPanel() {
   }, [clearLivePreview, node, setMovingNode, setSelection])
 
   const handleDuplicate = useCallback(() => {
-    if (!(node && node.parentId)) return
+    if (!node?.parentId) return
     triggerSFX('sfx:item-pick')
 
     const duplicate = ElevatorNodeSchema.parse({
@@ -596,9 +597,7 @@ export default function ElevatorPanel() {
             </div>
             <select
               className="h-9 w-full rounded-lg border border-border/50 bg-[#2C2C2E] px-2 text-sm text-foreground"
-              onChange={(event) =>
+              onChange={(event) => handleServiceBoundaryChange('fromLevelId', event.target.value)}
-                handleServiceBoundaryChange('fromLevelId', event.target.value)
-              }
               value={fromLevelId}
             >
               {levels.map((level) => (

packages/nodes/src/fence/move-tool.tsx

@@ -5,8 +5,8 @@ import {
   constrainWallMoveDeltaToAxis,
   emitter,
   type FenceNode,
-  getPerpendicularWallMoveAxis,
   type GridEvent,
+  getPerpendicularWallMoveAxis,
   type LevelNode,
   useScene,
   type WallMoveAxis,

packages/nodes/src/roof/panel.tsx

@@ -11,9 +11,7 @@ import {
 import {
   ActionButton,
   ActionGroup,
-  buildRoofSurfaceMaterialPatch,
   duplicateRoofSubtree,
-  MaterialPicker,
   PanelSection,
   PanelWrapper,
   SliderControl,

packages/nodes/src/spawn/panel.tsx

@@ -34,7 +34,7 @@ export default function SpawnPanel() {
 
     setDraftRotation(node.rotation)
     useLiveTransforms.getState().clear(node.id)
-  }, [node?.id, node?.rotation, node?.type])
+  }, [node?.id, node?.rotation, node?.type, node])
 
   const handleUpdate = useCallback(
     (updates: Partial<SpawnNode>) => {

packages/nodes/src/stair-segment/renderer.tsx

@@ -45,6 +45,8 @@ export const StairSegmentRenderer = ({ node }: { node: StairSegmentNode }) => {
     parentNode?.sideMaterial,
     parentNode?.treadMaterialPreset,
     parentNode?.treadMaterial,
+    node,
+    parentNode,
   ])
 
   const placeholderGeometry = useMemo(() => {

packages/nodes/src/stair/panel.tsx

@@ -16,10 +16,8 @@ import {
 import {
   ActionButton,
   ActionGroup,
-  buildStairSurfaceMaterialPatch,
   DEFAULT_SPIRAL_STAIR_SWEEP_ANGLE,
   duplicateStairSubtree,
-  MaterialPicker,
   MetricControl,
   PanelSection,
   PanelWrapper,

packages/nodes/src/wall/tool.tsx

@@ -18,9 +18,9 @@ import {
   getAngleToSegmentReference,
   getSegmentAngleReferenceAtPoint,
   markToolCancelConsumed,
+  type SegmentAngleReference,
   snapWallDraftPoint,
   triggerSFX,
-  type SegmentAngleReference,
   type WallPlanPoint,
 } from '@pascal-app/editor'
 import { useViewer } from '@pascal-app/viewer'

packages/nodes/src/window/panel.tsx

@@ -842,24 +842,24 @@ export default function WindowPanel() {
         <>
           {showFrameSection && (
             <PanelSection title="Frame">
-            <SliderControl
+              <SliderControl
-              label="Thickness"
+                label="Thickness"
-              min={0}
+                min={0}
-              onChange={(v) => handleUpdate({ frameThickness: v })}
+                onChange={(v) => handleUpdate({ frameThickness: v })}
-              precision={3}
+                precision={3}
-              step={0.01}
+                step={0.01}
-              unit="m"
+                unit="m"
-              value={Math.round(node.frameThickness * 1000) / 1000}
+                value={Math.round(node.frameThickness * 1000) / 1000}
-            />
+              />
-            <SliderControl
+              <SliderControl
-              label="Depth"
+                label="Depth"
-              min={0}
+                min={0}
-              onChange={(v) => handleUpdate({ frameDepth: v })}
+                onChange={(v) => handleUpdate({ frameDepth: v })}
-              precision={3}
+                precision={3}
-              step={0.01}
+                step={0.01}
-              unit="m"
+                unit="m"
-              value={Math.round(node.frameDepth * 1000) / 1000}
+                value={Math.round(node.frameDepth * 1000) / 1000}
-            />
+              />
             </PanelSection>
           )}
 

packages/nodes/src/zone/definition.ts

@@ -1,10 +1,10 @@
 import { type NodeDefinition, ZoneNode as ZoneNodeSchema } from '@pascal-app/core'
+import { buildZoneFloorplan } from './floorplan'
 import {
   zoneAddVertexAffordance,
   zoneMoveEdgeAffordance,
   zoneMoveVertexAffordance,
 } from './floorplan-affordances'
-import { buildZoneFloorplan } from './floorplan'
 import { zoneParametrics } from './parametrics'
 import { ZoneNode } from './schema'
 

packages/viewer/src/systems/stair/stair-system.tsx

@@ -9,7 +9,6 @@ import {
   useScene,
 } from '@pascal-app/core'
 import { useFrame } from '@react-three/fiber'
-import { useRef } from 'react'
 import * as THREE from 'three'
 import { mergeGeometries } from 'three/examples/jsm/utils/BufferGeometryUtils.js'
 
@@ -610,7 +609,7 @@ function generateStairRailingGeometry(
   for (let index = 1; index < segmentRailPaths.length; index++) {
     const previousPath = segmentRailPaths[index - 1]
     const currentPath = segmentRailPaths[index]
-    if (!(previousPath && currentPath && currentPath.connectFromPrevious)) continue
+    if (!(previousPath && currentPath?.connectFromPrevious)) continue
     if (previousPath.segment.segmentType === 'landing') continue
 
     for (const sidePath of currentPath.sidePaths) {