forgecad 0.10.5 → 0.11.0

package/dist/assets/{app-xW3hOdq9.js → app-BKjogwIZ.js}

@@ -4,7 +4,7 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var _a2;
 import { c as create, j as jsxRuntimeExports, r as reactExports, a as createWithEqualityFn, R as React, T as Tb, s as schedulerExports, b as clientExports, d as reactDomExports, u as useParams, e as useSearchParams, f as useNavigate, L as Link, g as useLocation, B as BrowserRouter, h as Routes, i as Route, N as Navigate } from "./vendor-react-6j1Kke-Y.js";
-import { _ as __vitePreload, S as SDF_PROGRAM_OP, z as zipSync, s as strToU8, W as WebGLRenderer, R as Raycaster, O as OrthographicCamera$1, P as PerspectiveCamera$1, a as Scene, b as PCFSoftShadowMap, V as VSMShadowMap, c as PCFShadowMap, B as BasicShadowMap, C as ColorManagement, L as LinearSRGBColorSpace, d as SRGBColorSpace, N as NoToneMapping, A as ACESFilmicToneMapping, e as Layers, f as Color, g as RGBAFormat, U as UnsignedByteType, h as Vector3, i as Vector2, j as Clock, T as THREE, D as DoubleSide, k as REVISION, M as Mesh, I as IcosahedronGeometry, l as ShaderMaterial, m as Spherical, Q as Quaternion, n as MOUSE, o as TOUCH, p as Ray, q as Plane, r as DataTextureLoader, H as HalfFloatType, F as FloatType, t as DataUtils, u as LinearFilter, v as RedFormat, w as InstancedBufferGeometry, x as Float32BufferAttribute, y as InstancedInterleavedBuffer, E as InterleavedBufferAttribute, G as WireframeGeometry, J as Box3, K as Sphere, X as UniformsUtils, Y as UniformsLib, Z as Vector4, $ as Line3, a0 as Matrix4, a1 as MathUtils, a2 as Uniform, a3 as WebGLRenderTarget, a4 as DepthTexture, a5 as BackSide, a6 as ClampToEdgeWrapping, a7 as PlaneGeometry, a8 as UVMapping, a9 as DataTexture, aa as Texture, ab as MeshBasicMaterial, ac as IntType, ad as ShortType, ae as ByteType, af as UnsignedIntType, ag as Loader, ah as LoadingManager, ai as LinearMipMapLinearFilter, aj as FileLoader, ak as NoBlending, al as CubeReflectionMapping, am as EquirectangularReflectionMapping, an as CubeTextureLoader, ao as WebGLCubeRenderTarget, ap as ConstraintSketch, aq as setSketchPlacement3D, ar as Sketch, as as PROFILE_BACKEND_MARKER, at as FrozenShape, au as setShapeCompilePlan, av as hasAnyPorts, aw as setShapePortsInternal, ax as markShapePortsUsed, ay as writeViewPreferences, az as setParamOverrides, aA as readViewPreferences, aB as resolveForgeRenderStyle, aC as isConstraintSketch, aD as updateConstraintValue, aE as linearizeMultiObjectSteps, aF as getShapeCompilePlan, aG as resolveCameraControlMode, aH as resolveComparisonOpacity, aI as resolveComparisonInspectMode, aJ as resolveBooleanPref, aK as resolveInspectQuantizeBands, aL as resolveInspectIsolineSpacing, aM as resolveInspectColormap, aN as resolveThicknessColorRange, aO as resolveInspectPointSampleCount, aP as SCAN_PROXY_GRANULARITY_DEFAULT, aQ as DEFAULT_MANUAL_SCENE_SETTINGS, aR as resolveManualSceneSettings, aS as publishSolverWasmRunDebug, aT as resolveForgeQualityPreset, aU as DEFAULT_INSPECT_ISOLINES_ENABLED, aV as SCAN_PROXY_MATRIX_GRANULARITY_MAX, aW as findJointAnimationClip, aX as resolveJointAnimation, aY as resolveJointViewValues, aZ as resolveImportPath, a_ as DEFAULT_INSPECT_CRITICAL_LINE_ENABLED, a$ as resolveScanProxyGranularity, b0 as DEFAULT_COMPARISON_REFERENCE_OPACITY, b1 as DEFAULT_COMPARISON_CANDIDATE_OPACITY, b2 as BufferGeometry, b3 as LineBasicMaterial, b4 as Line$1, b5 as LineDashedMaterial, b6 as CanvasTexture, b7 as Object3D, b8 as FogExp2, b9 as Fog, ba as AmbientLight, bb as HemisphereLight, bc as SpotLight, bd as PointLight, be as DirectionalLight, bf as BufferAttribute, bg as heatPointsForSide, bh as COMPARISON_COLORS, bi as comparisonHeatDepthTest, bj as comparisonHeatEdgeOpacity, bk as comparisonHeatPatchOpacity, bl as shapeToGeometry, bm as buildComparisonHeatPatchGeometry, bn as EdgesGeometry, bo as buildShapeFromCompilePlan, bp as VIEWPORT_CAMERA_STORAGE_KEY, bq as parseViewportCameraState, br as getKernelFaceNameForTriangle, bs as OBJECT_CONTEXT_MENU_MARGIN, bt as buildVisibleHistoryStacks, bu as sketchToSvg, bv as sketchToDxf, bw as runScript, bx as MeshPhysicalMaterial, by as LineSegments, bz as findDesignTraceNodeForConstructionStep, bA as formatDesignTraceAnchor, bB as waitForAnimationFrame, bC as selectBuildLedgerNodes, bD as UNIDENTIFIED_FACE_NAME, bE as getBakedEdges, bF as worldAuthorPlaneToLocal, bG as compileSdfProgramEvaluator3, bH as SDF_LINEAR_OUTPUT_COLOR_GLSL, bI as GLSL3, bJ as BoxGeometry, bK as Data3DTexture, bL as buildSdfRaymarchFragmentShader, bM as SDF_RAYMARCH_PROXY_VERTEX_SHADER, bN as scanProxySourceBytes, bO as disposeScanProxyGeometry, bP as scanProxyGeometryFromPayload, bQ as AdditiveBlending, bR as geometryWithVisibleVertexColors, bS as MeshBVH, bT as makeColorScaleTexture, bU as colorScaleLUT, bV as makeScalarValueTexture, bW as makeInspectScalarUniforms, bX as updateInspectScalarUniforms, bY as descriptorToThreeTexture, bZ as applyProjectedTexture, b_ as getRenderStylePreset, b$ as SCAN_RENDER_COLORS, c0 as NormalBlending, c1 as acceleratedRaycast, c2 as INSPECT_SCALAR_FRAGMENT_SHADER, c3 as INSPECT_SCALAR_VERTEX_SHADER, c4 as scanMaterialShellColor, c5 as ZEBRA_STRIPE_SOFTNESS, c6 as ZEBRA_STRIPE_SCALE, c7 as ZEBRA_LIGHT_COLOR, c8 as ZEBRA_DARK_COLOR, c9 as ZEBRA_ACCENT_COLOR, ca as ZEBRA_STRIPE_FRAGMENT_SHADER, cb as ZEBRA_STRIPE_VERTEX_SHADER, cc as SCAN_PROXY_LAYER_STYLES, cd as scanMaterialLayerStyles, ce as SURFACE_FIELD_FRAGMENT_SHADER, cf as SURFACE_FIELD_VERTEX_SHADER, cg as WORLD_UP$1, ch as CatmullRomCurve3, ci as TubeGeometry, cj as DEFAULT_THICKNESS_COLOR_RANGE, ck as DEFAULT_COLORMAP, cl as colorScaleHexStops, cm as PERFORMANCE_SAMPLE_INTERVAL_SEC, cn as formatPerformanceCount, co as NON_TEXT_INPUT_TYPES, cp as MeshStandardMaterial, cq as Shape, cr as ShapeGeometry, cs as ShaderLib, ct as CylinderGeometry, cu as createResolvedExplodeConfig, cv as explodeBoundsCenter, cw as explodeMergeBounds, cx as resolveExplodeDirective, cy as computeExplodeMotion, cz as getSketchWorldMatrix, cA as explodeAdd, cB as hasExplodeOverride, cC as resolveExplodeLocalFanDirection, cD as explodeMul, cE as explodeLeafFanStage, cF as normalizeCutPlane, cG as toClippingPlane, cH as isObjectExcludedFromCutPlane, cI as getShapePorts, cJ as getShapeUsedPorts, cK as DEFAULT_VIEW_CONFIG, cL as SECTION_EXPLORER_PLANE_NAME, cM as ZERO_OFFSET, cN as scanProxyGridForBounds, cO as IDENTITY_MATRIX$2, cP as OBJECT_CONTEXT_MENU_WIDTH, cQ as OBJECT_CONTEXT_MENU_HEIGHT, cR as triangleSoupFromMeshes, cS as compareTriangleSoups, cT as buildGeometryComparisonPointCloud, cU as aabbOverlaps, cV as aabbOverlapVolume, cW as DEFAULT_COLLISION_INSPECTION_OPTIONS, cX as resolveScalarSceneSampleBudget, cY as INSPECT_POINT_SAMPLE_COUNT_MIN, cZ as FOCUS_MODE_DIM_OPACITY, c_ as DEFAULT_THICKNESS_INSPECTION_OPTIONS, c$ as comparisonCandidateContextOpacity, d0 as Matrix3, d1 as initBackendForEvaluation } from "./backendInit-mDHk97u7.js";
+import { _ as __vitePreload, S as SDF_PROGRAM_OP, z as zipSync, s as strToU8, W as WebGLRenderer, R as Raycaster, O as OrthographicCamera$1, P as PerspectiveCamera$1, a as Scene, b as PCFSoftShadowMap, V as VSMShadowMap, c as PCFShadowMap, B as BasicShadowMap, C as ColorManagement, L as LinearSRGBColorSpace, d as SRGBColorSpace, N as NoToneMapping, A as ACESFilmicToneMapping, e as Layers, f as Color, g as RGBAFormat, U as UnsignedByteType, h as Vector3, i as Vector2, j as Clock, T as THREE, D as DoubleSide, k as REVISION, M as Mesh, I as IcosahedronGeometry, l as ShaderMaterial, m as Spherical, Q as Quaternion, n as MOUSE, o as TOUCH, p as Ray, q as Plane, r as DataTextureLoader, H as HalfFloatType, F as FloatType, t as DataUtils, u as LinearFilter, v as RedFormat, w as InstancedBufferGeometry, x as Float32BufferAttribute, y as InstancedInterleavedBuffer, E as InterleavedBufferAttribute, G as WireframeGeometry, J as Box3, K as Sphere, X as UniformsUtils, Y as UniformsLib, Z as Vector4, $ as Line3, a0 as Matrix4, a1 as MathUtils, a2 as Uniform, a3 as WebGLRenderTarget, a4 as DepthTexture, a5 as BackSide, a6 as ClampToEdgeWrapping, a7 as PlaneGeometry, a8 as UVMapping, a9 as DataTexture, aa as Texture, ab as MeshBasicMaterial, ac as IntType, ad as ShortType, ae as ByteType, af as UnsignedIntType, ag as Loader, ah as LoadingManager, ai as LinearMipMapLinearFilter, aj as FileLoader, ak as NoBlending, al as CubeReflectionMapping, am as EquirectangularReflectionMapping, an as CubeTextureLoader, ao as WebGLCubeRenderTarget, ap as ConstraintSketch, aq as setSketchPlacement3D, ar as Sketch, as as PROFILE_BACKEND_MARKER, at as FrozenShape, au as setShapeCompilePlan, av as hasAnyPorts, aw as setShapePortsInternal, ax as markShapePortsUsed, ay as writeViewPreferences, az as setParamOverrides, aA as readViewPreferences, aB as resolveForgeRenderStyle, aC as isConstraintSketch, aD as updateConstraintValue, aE as linearizeMultiObjectSteps, aF as getShapeCompilePlan, aG as resolveCameraControlMode, aH as resolveComparisonOpacity, aI as resolveComparisonInspectMode, aJ as resolveBooleanPref, aK as resolveInspectQuantizeBands, aL as resolveInspectIsolineSpacing, aM as resolveInspectColormap, aN as resolveThicknessColorRange, aO as resolveInspectPointSampleCount, aP as SCAN_PROXY_GRANULARITY_DEFAULT, aQ as DEFAULT_MANUAL_SCENE_SETTINGS, aR as resolveManualSceneSettings, aS as publishSolverWasmRunDebug, aT as resolveForgeQualityPreset, aU as DEFAULT_INSPECT_ISOLINES_ENABLED, aV as SCAN_PROXY_MATRIX_GRANULARITY_MAX, aW as findJointAnimationClip, aX as resolveJointAnimation, aY as resolveJointViewValues, aZ as resolveImportPath, a_ as DEFAULT_INSPECT_CRITICAL_LINE_ENABLED, a$ as resolveScanProxyGranularity, b0 as DEFAULT_COMPARISON_REFERENCE_OPACITY, b1 as DEFAULT_COMPARISON_CANDIDATE_OPACITY, b2 as BufferGeometry, b3 as LineBasicMaterial, b4 as Line$1, b5 as LineDashedMaterial, b6 as CanvasTexture, b7 as Object3D, b8 as FogExp2, b9 as Fog, ba as AmbientLight, bb as HemisphereLight, bc as SpotLight, bd as PointLight, be as DirectionalLight, bf as BufferAttribute, bg as heatPointsForSide, bh as COMPARISON_COLORS, bi as comparisonHeatDepthTest, bj as comparisonHeatEdgeOpacity, bk as comparisonHeatPatchOpacity, bl as shapeToGeometry, bm as buildComparisonHeatPatchGeometry, bn as EdgesGeometry, bo as buildShapeFromCompilePlan, bp as VIEWPORT_CAMERA_STORAGE_KEY, bq as parseViewportCameraState, br as getKernelFaceNameForTriangle, bs as OBJECT_CONTEXT_MENU_MARGIN, bt as buildVisibleHistoryStacks, bu as sketchToSvg, bv as sketchToDxf, bw as runScript, bx as MeshPhysicalMaterial, by as LineSegments, bz as findDesignTraceNodeForConstructionStep, bA as formatDesignTraceAnchor, bB as waitForAnimationFrame, bC as selectBuildLedgerNodes, bD as UNIDENTIFIED_FACE_NAME, bE as getBakedEdges, bF as worldAuthorPlaneToLocal, bG as compileSdfProgramEvaluator3, bH as SDF_LINEAR_OUTPUT_COLOR_GLSL, bI as GLSL3, bJ as BoxGeometry, bK as Data3DTexture, bL as buildSdfRaymarchFragmentShader, bM as SDF_RAYMARCH_PROXY_VERTEX_SHADER, bN as scanProxySourceBytes, bO as disposeScanProxyGeometry, bP as scanProxyGeometryFromPayload, bQ as AdditiveBlending, bR as geometryWithVisibleVertexColors, bS as MeshBVH, bT as makeColorScaleTexture, bU as colorScaleLUT, bV as makeScalarValueTexture, bW as makeInspectScalarUniforms, bX as updateInspectScalarUniforms, bY as descriptorToThreeTexture, bZ as applyProjectedTexture, b_ as getRenderStylePreset, b$ as SCAN_RENDER_COLORS, c0 as NormalBlending, c1 as acceleratedRaycast, c2 as INSPECT_SCALAR_FRAGMENT_SHADER, c3 as INSPECT_SCALAR_VERTEX_SHADER, c4 as scanMaterialShellColor, c5 as ZEBRA_STRIPE_SOFTNESS, c6 as ZEBRA_STRIPE_SCALE, c7 as ZEBRA_LIGHT_COLOR, c8 as ZEBRA_DARK_COLOR, c9 as ZEBRA_ACCENT_COLOR, ca as ZEBRA_STRIPE_FRAGMENT_SHADER, cb as ZEBRA_STRIPE_VERTEX_SHADER, cc as SCAN_PROXY_LAYER_STYLES, cd as scanMaterialLayerStyles, ce as SURFACE_FIELD_FRAGMENT_SHADER, cf as SURFACE_FIELD_VERTEX_SHADER, cg as WORLD_UP$1, ch as CatmullRomCurve3, ci as TubeGeometry, cj as DEFAULT_THICKNESS_COLOR_RANGE, ck as DEFAULT_COLORMAP, cl as colorScaleHexStops, cm as PERFORMANCE_SAMPLE_INTERVAL_SEC, cn as formatPerformanceCount, co as NON_TEXT_INPUT_TYPES, cp as MeshStandardMaterial, cq as Shape, cr as ShapeGeometry, cs as ShaderLib, ct as CylinderGeometry, cu as createResolvedExplodeConfig, cv as explodeBoundsCenter, cw as explodeMergeBounds, cx as resolveExplodeDirective, cy as computeExplodeMotion, cz as getSketchWorldMatrix, cA as explodeAdd, cB as hasExplodeOverride, cC as resolveExplodeLocalFanDirection, cD as explodeMul, cE as explodeLeafFanStage, cF as normalizeCutPlane, cG as toClippingPlane, cH as isObjectExcludedFromCutPlane, cI as getShapePorts, cJ as getShapeUsedPorts, cK as DEFAULT_VIEW_CONFIG, cL as SECTION_EXPLORER_PLANE_NAME, cM as ZERO_OFFSET, cN as scanProxyGridForBounds, cO as IDENTITY_MATRIX$2, cP as OBJECT_CONTEXT_MENU_WIDTH, cQ as OBJECT_CONTEXT_MENU_HEIGHT, cR as placement2DItemsOverlap, cS as placement2DFootprintInsideFrame, cT as placement2DPointInsideFrame, cU as placement2DFrameBounds, cV as placement2DClampCenterToFrame, cW as triangleSoupFromMeshes, cX as compareTriangleSoups, cY as buildGeometryComparisonPointCloud, cZ as aabbOverlaps, c_ as aabbOverlapVolume, c$ as DEFAULT_COLLISION_INSPECTION_OPTIONS, d0 as resolveScalarSceneSampleBudget, d1 as INSPECT_POINT_SAMPLE_COUNT_MIN, d2 as FOCUS_MODE_DIM_OPACITY, d3 as DEFAULT_THICKNESS_INSPECTION_OPTIONS, d4 as comparisonCandidateContextOpacity, d5 as Matrix3, d6 as initBackendForEvaluation } from "./backendInit-6a9-ilom.js";
 function getCsrfToken() {
   const match = document.cookie.match(/(?:^|;\s*)fc-csrf-token=([^;]+)/);
   return match == null ? void 0 : match[1];
@@ -213,7 +213,7 @@ function trimRunResultCache() {
 }
 function persistCache() {
   try {
-    const entries = {};
+    const entries2 = {};
     let estimatedPersistBytes = 0;
     for (const [key, entry] of runResultCache) {
       estimatedPersistBytes += entry.estimatedBytes;
@@ -224,7 +224,7 @@ function persistCache() {
         }
         return;
       }
-      entries[key] = {
+      entries2[key] = {
         code: entry.code,
         files: entry.files,
         paramOverrides: entry.paramOverrides,
@@ -234,7 +234,7 @@ function persistCache() {
         serialized: serializedResultToJson(entry.serialized)
       };
     }
-    const json = JSON.stringify({ v: CACHE_VERSION, entries });
+    const json = JSON.stringify({ v: CACHE_VERSION, entries: entries2 });
     if (json.length > MAX_PERSIST_BYTES) {
       try {
         sessionStorage.removeItem(sessionStorageKey());
@@ -666,14 +666,14 @@ function BrandMark({
     }
   );
 }
-let nextId = 0;
+let nextId$1 = 0;
 let toasts = [];
 const listeners$2 = /* @__PURE__ */ new Set();
 function notify$1() {
   listeners$2.forEach((l2) => l2());
 }
 function showToast(message, variant = "info", durationMs = 3e3) {
-  const toast = { id: nextId++, message, variant, durationMs };
+  const toast = { id: nextId$1++, message, variant, durationMs };
   toasts = [...toasts, toast];
   notify$1();
   setTimeout(() => {
@@ -14866,6 +14866,7 @@ const dark = {
   bg: "#0d1117",
   bgPanel: "#161b22",
   bgSurface: "#1c2128",
+  bgSubtle: "#131920",
   bgHover: "#242b35",
   bgActive: "#2d333b",
   bgInput: "#0a0e14",
@@ -14902,6 +14903,7 @@ const light = {
   bg: "#f0f4f8",
   bgPanel: "#f8fafc",
   bgSurface: "#e8edf2",
+  bgSubtle: "#eef2f6",
   bgHover: "#dfe5ec",
   bgActive: "#d2dae3",
   bgInput: "#f8fafc",
@@ -14938,6 +14940,7 @@ const gruvbox = {
   bg: "#282828",
   bgPanel: "#1d2021",
   bgSurface: "#3c3836",
+  bgSubtle: "#32302f",
   bgHover: "#504945",
   bgActive: "#665c54",
   bgInput: "#1d2021",
@@ -14974,6 +14977,7 @@ const tokyoNight = {
   bg: "#1a1b26",
   bgPanel: "#16161e",
   bgSurface: "#24283b",
+  bgSubtle: "#1f2335",
   bgHover: "#292e42",
   bgActive: "#33467c",
   bgInput: "#16161e",
@@ -15010,6 +15014,7 @@ const kanagawaLotus = {
   bg: "#f2ecbc",
   bgPanel: "#f7f3d7",
   bgSurface: "#e7dba0",
+  bgSubtle: "#eee6b2",
   bgHover: "#d9d08e",
   bgActive: "#c9b97a",
   bgInput: "#f7f3d7",
@@ -15046,6 +15051,7 @@ const shield = {
   bg: "#02070a",
   bgPanel: "#06141a",
   bgSurface: "#0a2028",
+  bgSubtle: "#031016",
   bgHover: "#0d2b35",
   bgActive: "#113d4a",
   bgInput: "#01080c",
@@ -15082,6 +15088,7 @@ const shieldLight = {
   bg: "#cdd5d3",
   bgPanel: "#dbe3e0",
   bgSurface: "#b9c8c5",
+  bgSubtle: "#c4cfcc",
   bgHover: "#a9b8b5",
   bgActive: "#8ea3a0",
   bgInput: "#eef3f1",
@@ -15287,15 +15294,14 @@ const runResultDeserializer = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
   __proto__: null,
   deserializeRunResult
 }, Symbol.toStringTag, { value: "Module" }));
-function compilePlanNeedsNativeShapeLowering(plan) {
-  if (plan.kind === "queryOwner") return compilePlanNeedsNativeShapeLowering(plan.base);
-  return plan.kind !== "sdf";
+function compilePlanNeedsServerShapeLowering(_plan) {
+  return true;
 }
-function serializedSceneObjectNeedsNativeShapeLowering(object) {
-  return object.compilePlan !== null && object.compilePlan !== void 0 && compilePlanNeedsNativeShapeLowering(object.compilePlan);
+function serializedSceneObjectNeedsServerShapeLowering(object) {
+  return object.compilePlan !== null && object.compilePlan !== void 0 && compilePlanNeedsServerShapeLowering(object.compilePlan);
 }
-function serializedRunResultNeedsNativeOcctLowering(result) {
-  return result.objects.some(serializedSceneObjectNeedsNativeShapeLowering);
+function serializedRunResultNeedsServerIrLowering(result) {
+  return result.objects.some(serializedSceneObjectNeedsServerShapeLowering);
 }
 function decodeFromWire(data) {
   const view2 = new DataView(data);
@@ -15976,7 +15982,7 @@ const CRASH_COOLDOWN_MS = 2e3;
 class EvalWorkerClient {
   constructor(workerFactory = () => new Worker(new URL(
     /* @vite-ignore */
-    "/assets/evalWorker-BqyDHDcI.js",
+    "/assets/evalWorker-DQ82ueGu.js",
     import.meta.url
   ), { type: "module" })) {
     __publicField(this, "worker", null);
@@ -17168,8 +17174,8 @@ async function fetchGistModel(gistId) {
   if (!res.ok) throw new Error(`Failed to fetch gist: ${res.status} ${res.statusText}`);
   const data = await res.json();
   const files = data.files;
-  const entries = Object.values(files);
-  const forgeFile = entries.find((f2) => f2.filename.endsWith(".forge.js")) || entries.find((f2) => f2.filename.endsWith(".sketch.js")) || entries[0];
+  const entries2 = Object.values(files);
+  const forgeFile = entries2.find((f2) => f2.filename.endsWith(".forge.js")) || entries2.find((f2) => f2.filename.endsWith(".sketch.js")) || entries2[0];
   if (!forgeFile) throw new Error("Gist contains no files");
   return { filename: forgeFile.filename, code: forgeFile.content };
 }
@@ -17360,6 +17366,9 @@ function createErrorRunResult(message, quality) {
     params: [],
     stringParams: [],
     listParams: [],
+    path2dParams: [],
+    spline2dParams: [],
+    placement2dParams: [],
     dimensions: [],
     highlights: [],
     debugHighlights3D: [],
@@ -17431,6 +17440,9 @@ function buildRunState(previewFile, runResult, state2) {
       params: runResult.params,
       stringParams: runResult.stringParams,
       listParams: runResult.listParams,
+      path2dParams: runResult.path2dParams ?? [],
+      spline2dParams: runResult.spline2dParams ?? [],
+      placement2dParams: runResult.placement2dParams ?? [],
       jointValues: nextJointValues,
       jointAnimationClip: nextAnimationState.clip,
       jointAnimationProgress: nextAnimationState.progress,
@@ -17452,13 +17464,15 @@ const KERNELS = [
   { id: "occt", name: "occt", location: "local", label: "OCCT" },
   { id: "truck", name: "truck", location: "local", label: "Truck" },
   { id: "sdf", name: "sdf", location: "local", label: "SDF" },
-  { id: "server-occt", name: "occt", location: "server", label: "Server OCCT" }
+  { id: "server-occt", name: "occt", location: "server", label: "Server OCCT" },
+  { id: "server-sdf", name: "sdf", location: "server", label: "Server SDF" }
 ];
 function availableKernels(canUseServer) {
   return KERNELS.filter((kernel) => kernel.location === "local" || canUseServer);
 }
 function kernelId(kernel) {
-  return kernel.location === "server" ? "server-occt" : kernel.name;
+  if (kernel.location === "local") return kernel.name;
+  return kernel.name === "sdf" ? "server-sdf" : "server-occt";
 }
 function kernelFromId(id) {
   const kernel = KERNELS.find((entry) => entry.id === id);
@@ -17533,6 +17547,9 @@ function errorRunResult(error, timeMs = 0) {
     params: [],
     stringParams: [],
     listParams: [],
+    path2dParams: [],
+    spline2dParams: [],
+    placement2dParams: [],
     dimensions: [],
     highlights: [],
     debugHighlights3D: [],
@@ -17715,7 +17732,8 @@ function codeEditorPatchForActiveFile(activeFile, files, meshPreviewFile) {
 }
 function runResultHasViewportContent(result) {
   var _a3, _b2, _c, _d;
-  return result.objects.length > 0 || !!result.assemblyKinematics || (((_a3 = result.jointsView) == null ? void 0 : _a3.joints.length) ?? 0) > 0 && ((_b2 = result.jointsView) == null ? void 0 : _b2.enabled) !== false || (((_c = result.renderLabels) == null ? void 0 : _c.length) ?? 0) > 0 || (((_d = result.debugHighlights3D) == null ? void 0 : _d.length) ?? 0) > 0;
+  const hasAnchoredParams = result.params.some((param) => !!param.anchor) || result.stringParams.some((param) => !!param.anchor) || result.listParams.some((param) => !!param.anchor) || (result.path2dParams ?? []).some((param) => !!param.anchor) || (result.spline2dParams ?? []).some((param) => !!param.anchor) || (result.placement2dParams ?? []).some((param) => !!param.anchor);
+  return result.objects.length > 0 || !!result.assemblyKinematics || (((_a3 = result.jointsView) == null ? void 0 : _a3.joints.length) ?? 0) > 0 && ((_b2 = result.jointsView) == null ? void 0 : _b2.enabled) !== false || (((_c = result.renderLabels) == null ? void 0 : _c.length) ?? 0) > 0 || (((_d = result.debugHighlights3D) == null ? void 0 : _d.length) ?? 0) > 0 || hasAnchoredParams;
 }
 function codeEditorPatchForRunResult(result, meshPreviewFile) {
   if (meshPreviewFile || runResultHasViewportContent(result)) return {};
@@ -17749,7 +17767,7 @@ const makeParamSnapshotId = () => {
   if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") return crypto.randomUUID();
   return `param-snapshot-${Date.now()}-${Math.random().toString(36).slice(2)}`;
 };
-function filterOverridesForCurrentParams(overrides, params, stringParams, listParams) {
+function filterOverridesForCurrentParams(overrides, params, stringParams, listParams, path2dParams, spline2dParams, placement2dParams) {
   const scalarNames = /* @__PURE__ */ new Set([...params.map((param) => param.name), ...stringParams.map((param) => param.name)]);
   const filtered = {};
   let ignoredCount = 0;
@@ -17759,17 +17777,51 @@ function filterOverridesForCurrentParams(overrides, params, stringParams, listPa
       continue;
     }
     const listDef = listParams.find((candidate) => key === `${candidate.name}.__count__` || key.startsWith(`${candidate.name}[`));
-    if (!listDef) {
-      ignoredCount += 1;
+    if (listDef) {
+      if (key === `${listDef.name}.__count__`) {
+        filtered[key] = value;
+        continue;
+      }
+      const fieldName = key.slice(key.lastIndexOf(".") + 1);
+      if (listDef.fieldOrder.includes(fieldName)) filtered[key] = value;
+      else ignoredCount += 1;
       continue;
     }
-    if (key === `${listDef.name}.__count__`) {
-      filtered[key] = value;
+    const pathDef = path2dParams.find((candidate) => key === `${candidate.name}.__count__` || key.startsWith(`${candidate.name}[`));
+    if (pathDef) {
+      if (key === `${pathDef.name}.__count__`) {
+        filtered[key] = value;
+        continue;
+      }
+      const fieldName = key.slice(key.lastIndexOf(".") + 1);
+      if (fieldName === "x" || fieldName === "y") filtered[key] = value;
+      else ignoredCount += 1;
+      continue;
+    }
+    const splineDef = spline2dParams.find((candidate) => key === `${candidate.name}.__count__` || key.startsWith(`${candidate.name}[`));
+    if (splineDef) {
+      if (key === `${splineDef.name}.__count__`) {
+        filtered[key] = value;
+        continue;
+      }
+      const fieldName = key.slice(key.lastIndexOf(".") + 1);
+      if (fieldName === "x" || fieldName === "y" || fieldName === "g") filtered[key] = value;
+      else ignoredCount += 1;
+      continue;
+    }
+    const placementDef = placement2dParams.find((candidate) => key.startsWith(`${candidate.name}.`));
+    if (placementDef) {
+      const suffix = key.slice(placementDef.name.length + 1);
+      const [itemId, fieldName, ...extra] = suffix.split(".");
+      const item = placementDef.items.find((candidate) => candidate.id === itemId);
+      if (item && extra.length === 0 && (fieldName === "x" || fieldName === "y" || fieldName === "angle" || fieldName === "zone")) {
+        filtered[key] = value;
+      } else {
+        ignoredCount += 1;
+      }
       continue;
     }
-    const fieldName = key.slice(key.lastIndexOf(".") + 1);
-    if (listDef.fieldOrder.includes(fieldName)) filtered[key] = value;
-    else ignoredCount += 1;
+    ignoredCount += 1;
   }
   return { overrides: filtered, ignoredCount };
 }
@@ -18186,6 +18238,9 @@ const useForgeStore = create((set, get) => ({
   params: [],
   stringParams: [],
   listParams: [],
+  path2dParams: [],
+  spline2dParams: [],
+  placement2dParams: [],
   runQuality: resolveForgeQualityPreset(initialViewPreferences.runQuality ?? "live"),
   setRunQuality: (quality) => {
     const next = resolveForgeQualityPreset(quality);
@@ -18196,6 +18251,9 @@ const useForgeStore = create((set, get) => ({
   paramOverrides: {},
   paramOverridesByFile: {},
   paramSnapshotsByFile: initialParamSnapshotsByFile,
+  focusedParamName: null,
+  spatialParamSheetName: null,
+  expandedSpatialParamSheetName: null,
   jointValues: {},
   jointAnimationClip: null,
   jointAnimationProgress: 0,
@@ -18234,8 +18292,9 @@ const useForgeStore = create((set, get) => ({
   },
   computeTarget: initialKernel.location,
   setComputeTarget: (target) => {
+    const preferredServerBackend = get().activeBackend === "sdf" ? "sdf" : "occt";
     const kernel = resolveAvailableKernel(
-      { name: target === "server" ? "occt" : get().activeBackend, location: target },
+      { name: target === "server" ? preferredServerBackend : get().activeBackend, location: target },
       availableKernels(canUseServerCompute())
     );
     writeViewPreferences({ activeBackend: kernel.name, computeTarget: kernel.location });
@@ -18293,6 +18352,9 @@ const useForgeStore = create((set, get) => ({
           params: [],
           stringParams: [],
           listParams: [],
+          path2dParams: [],
+          spline2dParams: [],
+          placement2dParams: [],
           previewFile: null,
           objectSettings: {},
           buildLedgerEvents: []
@@ -18346,14 +18408,15 @@ const useForgeStore = create((set, get) => ({
         serverComputeAbortController = abortController;
         try {
           const irRequest = await evalWorkerClient.runIrPlan(runPayload);
-          if (irRequest.planResult.error || !serializedRunResultNeedsNativeOcctLowering(irRequest.planResult)) {
+          if (irRequest.planResult.error || !serializedRunResultNeedsServerIrLowering(irRequest.planResult)) {
             serialized = irRequest.planResult;
           } else {
             const refreshTimer2 = window.setTimeout(() => {
               void get().refreshServerJobs();
             }, 250);
             try {
-              serialized = await computeIr(irRequest, abortController.signal);
+              const serverBackend = get().activeBackend === "sdf" ? "sdf" : "occt";
+              serialized = await computeIr({ ...irRequest, serverBackend }, abortController.signal);
             } finally {
               window.clearTimeout(refreshTimer2);
               void get().refreshServerJobs();
@@ -18494,6 +18557,19 @@ const useForgeStore = create((set, get) => ({
       get().execute();
     }, PARAM_DEBOUNCE_MS);
   },
+  setParams: (values, deleteKeys = []) => {
+    const overrides = { ...get().paramOverrides, ...values };
+    for (const key of deleteKeys) delete overrides[key];
+    const { activeFile: curFile, paramOverridesByFile } = get();
+    const previewKey = curFile ? resolvePreviewFile(curFile, get().files) : null;
+    const nextByFile = previewKey ? { ...paramOverridesByFile, [previewKey]: overrides } : paramOverridesByFile;
+    set({ paramOverrides: overrides, paramOverridesByFile: nextByFile });
+    if (paramExecuteTimer) clearTimeout(paramExecuteTimer);
+    paramExecuteTimer = setTimeout(() => {
+      paramExecuteTimer = null;
+      get().execute();
+    }, PARAM_DEBOUNCE_MS);
+  },
   resetParamOverrides: () => {
     const { activeFile, files, paramOverridesByFile } = get();
     const previewKey = activeFile ? resolvePreviewFile(activeFile, files) : null;
@@ -18503,6 +18579,11 @@ const useForgeStore = create((set, get) => ({
     setParamOverrides({});
     get().execute();
   },
+  focusParam: (name) => set({ focusedParamName: name }),
+  openSpatialParamSheet: (name) => set({ focusedParamName: name, spatialParamSheetName: name, expandedSpatialParamSheetName: null }),
+  expandSpatialParamSheet: (name) => set({ focusedParamName: name, spatialParamSheetName: name, expandedSpatialParamSheetName: name }),
+  closeExpandedSpatialParamSheet: () => set({ expandedSpatialParamSheetName: null }),
+  closeSpatialParamSheet: () => set({ spatialParamSheetName: null, expandedSpatialParamSheetName: null }),
   captureParamSnapshot: () => {
     var _a3;
     const { activeFile, files, paramOverrides, paramSnapshotsByFile } = get();
@@ -18522,11 +18603,30 @@ const useForgeStore = create((set, get) => ({
   },
   applyParamSnapshot: (id) => {
     var _a3;
-    const { activeFile, files, paramOverridesByFile, paramSnapshotsByFile, params, stringParams, listParams } = get();
+    const {
+      activeFile,
+      files,
+      paramOverridesByFile,
+      paramSnapshotsByFile,
+      params,
+      stringParams,
+      listParams,
+      path2dParams,
+      spline2dParams,
+      placement2dParams
+    } = get();
     const previewKey = activeFile ? resolvePreviewFile(activeFile, files) : null;
     const snapshot = previewKey ? (_a3 = paramSnapshotsByFile[previewKey]) == null ? void 0 : _a3.find((candidate) => candidate.id === id) : null;
     if (!previewKey || !snapshot) return;
-    const { overrides, ignoredCount } = filterOverridesForCurrentParams(snapshot.overrides, params, stringParams, listParams);
+    const { overrides, ignoredCount } = filterOverridesForCurrentParams(
+      snapshot.overrides,
+      params,
+      stringParams,
+      listParams,
+      path2dParams,
+      spline2dParams,
+      placement2dParams
+    );
     const nextByFile = { ...paramOverridesByFile };
     if (Object.keys(overrides).length > 0) nextByFile[previewKey] = overrides;
     else delete nextByFile[previewKey];
@@ -19351,6 +19451,12 @@ const useForgeStore = create((set, get) => ({
     writeViewPreferences({ dimensionsVisible: nextDimensionsVisible });
     return { dimensionsVisible: nextDimensionsVisible };
   }),
+  paramAnchorsVisible: initialViewPreferences.paramAnchorsVisible ?? true,
+  toggleParamAnchors: () => set((s) => {
+    const nextParamAnchorsVisible = !s.paramAnchorsVisible;
+    writeViewPreferences({ paramAnchorsVisible: nextParamAnchorsVisible });
+    return { paramAnchorsVisible: nextParamAnchorsVisible };
+  }),
   attachmentsVisible: initialViewPreferences.attachmentsVisible ?? "none",
   setAttachmentsVisible: (mode) => {
     writeViewPreferences({ attachmentsVisible: mode });
@@ -19528,11 +19634,11 @@ const useForgeStore = create((set, get) => ({
     fileSystem.save(normalized, text).catch((e2) => console.error("Save failed:", e2));
     setTimeout(() => get().execute(), 0);
   },
-  importTextFiles: async (entries, options = {}) => {
+  importTextFiles: async (entries2, options = {}) => {
     const { files, folders, activeFile } = get();
     const occupied = /* @__PURE__ */ new Set([...Object.keys(files), ...folders]);
     const imported = [];
-    for (const entry of entries) {
+    for (const entry of entries2) {
       const targetPath = resolveImportedProjectPath(entry.path, options.targetFolder);
       if (!targetPath) continue;
       const path = uniquifyProjectPath(targetPath, occupied);
@@ -19771,8 +19877,9 @@ onServerAvailabilityChange((available) => {
   useForgeStore.setState({ serverAvailable: available });
 });
 const savedComputeTarget = initialViewPreferences.computeTarget;
+const savedServerBackend = initialViewPreferences.activeBackend === "sdf" ? "sdf" : "occt";
 if (savedComputeTarget === "server" && canUseServerCompute()) {
-  useForgeStore.setState({ activeBackend: "occt", computeTarget: "server" });
+  useForgeStore.setState({ activeBackend: savedServerBackend, computeTarget: "server" });
   startServerPolling();
 }
 {
@@ -22972,6 +23079,51 @@ function DroneCrosshairPicker({
   }, [active, focusHitOrClear, gl.domElement, hideLabel, showHitInfo]);
   return null;
 }
+const ESCAPE_PRIORITY = {
+  viewport: 20,
+  popover: 50,
+  modal: 100
+};
+let nextId = 1;
+let entries = [];
+let listening = false;
+function dispatchEscape(event) {
+  if (event.key !== "Escape" || event.isComposing) return;
+  const ordered = [...entries].sort((a2, b2) => b2.priority - a2.priority || b2.id - a2.id);
+  for (const entry of ordered) {
+    if (!entry.actionRef.current(event)) continue;
+    event.preventDefault();
+    event.stopPropagation();
+    event.stopImmediatePropagation();
+    return;
+  }
+}
+function ensureEscapeListener() {
+  if (listening || typeof window === "undefined") return;
+  window.addEventListener("keydown", dispatchEscape, { capture: true });
+  listening = true;
+}
+function removeEscapeListenerIfIdle() {
+  if (!listening || entries.length > 0 || typeof window === "undefined") return;
+  window.removeEventListener("keydown", dispatchEscape, { capture: true });
+  listening = false;
+}
+function useEscapeAction(action, { active, label, priority = ESCAPE_PRIORITY.viewport }) {
+  const actionRef = reactExports.useRef(action);
+  reactExports.useEffect(() => {
+    actionRef.current = action;
+  }, [action]);
+  reactExports.useEffect(() => {
+    if (!active) return;
+    ensureEscapeListener();
+    const entry = { id: nextId++, label, priority, actionRef };
+    entries = [...entries, entry];
+    return () => {
+      entries = entries.filter((candidate) => candidate !== entry);
+      removeEscapeListenerIfIdle();
+    };
+  }, [active, label, priority]);
+}
 const DEFAULT_DRONE_CAMERA_STATUS = {
   speed: 0,
   pointerLocked: false,
@@ -23070,6 +23222,13 @@ function DroneCameraController({
   const pointerLockedRef = reactExports.useRef(false);
   const lastStatusRef = reactExports.useRef(DEFAULT_DRONE_CAMERA_STATUS);
   const handledKeyboardEventsRef = reactExports.useRef(/* @__PURE__ */ new WeakSet());
+  const handleEscape = reactExports.useCallback(() => {
+    if (!active) return false;
+    if (onEscape == null ? void 0 : onEscape()) return true;
+    onExit();
+    return true;
+  }, [active, onEscape, onExit]);
+  useEscapeAction(handleEscape, { active, label: "Fly camera", priority: ESCAPE_PRIORITY.viewport + 5 });
   const publishStatus = reactExports.useCallback(
     (patch) => {
       const next = { ...lastStatusRef.current, ...patch };
@@ -23185,11 +23344,6 @@ function DroneCameraController({
       if (handledKeyboardEventsRef.current.has(event)) return;
       handledKeyboardEventsRef.current.add(event);
       if (event.key === "Escape") {
-        consumeFlightKey(event);
-        if (onEscape == null ? void 0 : onEscape()) {
-          return;
-        }
-        onExit();
         return;
       }
       const code = flightCodeFromEvent(event);
@@ -23293,19 +23447,7 @@ function DroneCameraController({
       publishStatus(DEFAULT_DRONE_CAMERA_STATUS);
       recordDroneDebug({ active: false, keys: [], lastSpeed: 0, pointerLocked: false });
     };
-  }, [
-    active,
-    applyLook,
-    camera,
-    controlsRef,
-    gl.domElement,
-    onEscape,
-    onExit,
-    onInteractionChange,
-    publishStatus,
-    rotateByMouse,
-    stepFlight
-  ]);
+  }, [active, applyLook, camera, controlsRef, gl.domElement, onInteractionChange, publishStatus, rotateByMouse, stepFlight]);
   return null;
 }
 const panelStyle$1 = {
@@ -23742,7 +23884,7 @@ function OrbitTargetPulseLayer() {
 class ConstructionHistoryWorkerClient {
   constructor(workerFactory = () => new Worker(new URL(
     /* @vite-ignore */
-    "/assets/constructionHistoryWorker-uEe_Q7Kg.js",
+    "/assets/constructionHistoryWorker-BuZgc606.js",
     import.meta.url
   ), { type: "module" })) {
     __publicField(this, "worker", null);
@@ -26254,7 +26396,7 @@ function generateReportInWorker(options) {
   return new Promise((resolve2, reject) => {
     const worker = new Worker(new URL(
       /* @vite-ignore */
-      "/assets/reportWorker-DsaICZsn.js",
+      "/assets/reportWorker-kg065BVL.js",
       import.meta.url
     ), { type: "module" });
     const cleanup = () => {
@@ -27607,6 +27749,14 @@ function AnimationBar() {
   const [historySpeedInput, setHistorySpeedInput] = reactExports.useState(() => formatHistorySpeedInput(historySpeed));
   const [editingHistorySpeed, setEditingHistorySpeed] = reactExports.useState(false);
   const [copiedTraceId, setCopiedTraceId] = reactExports.useState(null);
+  useEscapeAction(
+    () => {
+      if (!animationMode) return false;
+      if (!recording) exit();
+      return true;
+    },
+    { active: Boolean(animationMode), label: "Animation mode", priority: ESCAPE_PRIORITY.viewport + 4 }
+  );
   const elapsed = useElapsedTime(recording);
   reactExports.useEffect(() => {
     if (!editingHistorySpeed) {
@@ -27616,12 +27766,6 @@ function AnimationBar() {
   const handleKeyDown = reactExports.useCallback(
     (e2) => {
       if (!animationMode) return;
-      if (e2.key === "Escape") {
-        e2.preventDefault();
-        if (recording) return;
-        exit();
-        return;
-      }
       if (animationMode === "construction") {
         switch (e2.key) {
           case " ":
@@ -27639,7 +27783,7 @@ function AnimationBar() {
         }
       }
     },
-    [animationMode, recording, historyCurrentStep, toggleHistoryPlayback, setHistoryStep, exit]
+    [animationMode, recording, historyCurrentStep, toggleHistoryPlayback, setHistoryStep]
   );
   reactExports.useEffect(() => {
     window.addEventListener("keydown", handleKeyDown);
@@ -28539,20 +28683,13 @@ function TrajectoryTimeline() {
   const trajectoryDuration = useForgeStore((s) => s.trajectoryDuration);
   const exitTrajectoryMode = useForgeStore((s) => s.exitTrajectoryMode);
   const setTrajectoryPresetParams = useForgeStore((s) => s.setTrajectoryPresetParams);
-  const handleKeyDown = reactExports.useCallback(
-    (e2) => {
-      if (!trajectoryMode) return;
-      if (e2.key === "Escape") {
-        e2.preventDefault();
-        exitTrajectoryMode();
-      }
+  useEscapeAction(
+    () => {
+      exitTrajectoryMode();
+      return true;
     },
-    [trajectoryMode, exitTrajectoryMode]
+    { active: Boolean(trajectoryMode), label: "Trajectory mode", priority: ESCAPE_PRIORITY.viewport + 4 }
   );
-  reactExports.useEffect(() => {
-    window.addEventListener("keydown", handleKeyDown);
-    return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [handleKeyDown]);
   if (!trajectoryMode) return null;
   const isActive = trajectoryRecording || trajectoryPreviewing;
   const presetConfig = TRAJECTORY_PRESETS.find((p2) => p2.id === trajectoryPreset);
@@ -29713,7 +29850,7 @@ const PHASE_CONFIG = {
 const PHASE_ORDER = ["kernel-init", "evaluating", "serializing"];
 function formatEvaluationBackendLabel(activeBackend, computeTarget) {
   const backend = activeBackend === "occt" ? "OCCT" : activeBackend === "manifold" ? "Manifold" : activeBackend === "truck" ? "Truck" : activeBackend === "sdf" ? "SDF" : "kernel";
-  return computeTarget === "server" ? "Server OCCT" : `Local ${backend}`;
+  return computeTarget === "server" ? `Server ${backend}` : `Local ${backend}`;
 }
 function EvaluationIndicator({
   phase,
@@ -32997,7 +33134,7 @@ function rangeDraftValue(value) {
 function rangeKey(range) {
   return `${range.min}:${range.max}`;
 }
-function clamp(value, min, max2) {
+function clamp$1(value, min, max2) {
   return Math.max(min, Math.min(max2, value));
 }
 function snapSliderValue(value) {
@@ -33022,20 +33159,20 @@ function DualRangeSlider({
   onCommit
 }) {
   const trackRef = reactExports.useRef(null);
-  const minPercent = clamp(range.min, 0, sliderMax) / sliderMax * 100;
-  const maxPercent = clamp(range.max, 0, sliderMax) / sliderMax * 100;
+  const minPercent = clamp$1(range.min, 0, sliderMax) / sliderMax * 100;
+  const maxPercent = clamp$1(range.max, 0, sliderMax) / sliderMax * 100;
   const valueFromPointer = (event) => {
     var _a3;
     const rect = (_a3 = trackRef.current) == null ? void 0 : _a3.getBoundingClientRect();
     if (!rect || rect.width <= 0) return null;
-    const ratio = clamp((event.clientX - rect.left) / rect.width, 0, 1);
+    const ratio = clamp$1((event.clientX - rect.left) / rect.width, 0, 1);
     return snapSliderValue(ratio * sliderMax);
   };
   const updateThumb = (thumb, value) => {
     if (thumb === "min") {
-      onDraftChange({ min: clamp(value, 0, range.max - MIN_RANGE_SPAN), max: range.max });
+      onDraftChange({ min: clamp$1(value, 0, range.max - MIN_RANGE_SPAN), max: range.max });
     } else {
-      onDraftChange({ min: range.min, max: Math.max(range.min + MIN_RANGE_SPAN, clamp(value, MIN_RANGE_SPAN, sliderMax)) });
+      onDraftChange({ min: range.min, max: Math.max(range.min + MIN_RANGE_SPAN, clamp$1(value, MIN_RANGE_SPAN, sliderMax)) });
     }
   };
   const handlePointerMove = (thumb, event) => {
@@ -33275,7 +33412,7 @@ function InspectionLegend({
     criticalValue
   });
   const swatches = liveSwatches && liveSwatches.length > 0 ? liveSwatches : definition == null ? void 0 : definition.swatches;
-  const sliderGradient = colorScaleHexStops((colorScale == null ? void 0 : colorScale.colormap) ?? "viridis", 8, (colorScale == null ? void 0 : colorScale.reversed) === true);
+  const sliderGradient = colorScaleHexStops((colorScale == null ? void 0 : colorScale.colormap) ?? DEFAULT_COLORMAP, 8, (colorScale == null ? void 0 : colorScale.reversed) === true);
   reactExports.useEffect(() => {
     var _a3;
     const parent = (_a3 = panelRef.current) == null ? void 0 : _a3.parentElement;
@@ -37893,10 +38030,10 @@ function slotMaxWidth(slot, occupied, inset) {
   if (occupied.has(opposite)) return `min(390px, calc(50% - ${inset + 4}px))`;
   return `min(390px, calc(100% - ${inset * 2}px))`;
 }
-function ViewportOverlayHost({ entries, inset = 12, gap = 8 }) {
+function ViewportOverlayHost({ entries: entries2, inset = 12, gap = 8 }) {
   const grouped = /* @__PURE__ */ new Map();
   const occupied = /* @__PURE__ */ new Set();
-  for (const entry of entries) {
+  for (const entry of entries2) {
     if (entry.content === null || entry.content === void 0 || typeof entry.content === "boolean") continue;
     occupied.add(entry.slot);
     const slotEntries = grouped.get(entry.slot) ?? [];
@@ -39373,6 +39510,7 @@ function useViewportState() {
   const lengthUnit = useForgeStore((s) => s.lengthUnit);
   const constructionGhost = useForgeStore((s) => s.constructionGhost);
   const dimensionsVisible = useForgeStore((s) => s.dimensionsVisible);
+  const paramAnchorsVisible = useForgeStore((s) => s.paramAnchorsVisible);
   const attachmentsVisible = useForgeStore((s) => s.attachmentsVisible);
   const _surfacesVisible = useForgeStore((s) => s.surfacesVisible);
   const cutPlaneEnabled = useForgeStore((s) => s.cutPlaneEnabled);
@@ -39793,6 +39931,7 @@ function useViewportState() {
     renderLabels,
     debugHighlights3D,
     dimensionsVisible,
+    paramAnchorsVisible,
     attachmentsVisible,
     attachmentPoints,
     cutPlaneEnabled,
@@ -40045,58 +40184,56 @@ function useViewportHandlers({
     hideHoverTooltip();
     setHoveredObjectId(null);
   }, [hideHoverTooltip, objectPickSyncEnabled, setHoveredObjectId]);
-  reactExports.useEffect(() => {
-    const handleEscape = (event) => {
-      if (event.key !== "Escape") return;
-      if (objectContextMenu) {
-        closeObjectContextMenu();
-        return;
-      }
-      const store = useForgeStore.getState();
-      if (store.selectedVertex) {
-        store.setSelectedVertex(null);
-        return;
-      }
-      if (store.selectedEdge) {
-        store.setSelectedEdge(null);
-        return;
-      }
-      if (store.selectedFace) {
-        store.setSelectedFace(null);
-        setFaceInfoPanel(null);
-        return;
-      }
-      if (faceInfoPanel) {
-        setFaceInfoPanel(null);
-        return;
-      }
-      if (sketchEntityInfo) {
-        setSketchEntityInfo(null);
-        return;
-      }
-      if (store.measureMode) {
-        if (store.measureSelections.length > 0) {
-          store.clearMeasureSelections();
-        } else {
-          store.toggleMeasure();
-        }
-        return;
-      }
-      if (store.constructionGhost !== null) {
-        store.setConstructionGhost(null);
-        return;
-      }
-      if (store.focusedObjectIds.length > 0) {
-        clearFocusedObject();
-        return;
-      }
-      if (store.selectedObjectId) {
-        store.selectObject(null);
+  const handleViewportEscape = reactExports.useCallback(() => {
+    if (objectContextMenu) {
+      closeObjectContextMenu();
+      return true;
+    }
+    const store = useForgeStore.getState();
+    if (store.selectedVertex) {
+      store.setSelectedVertex(null);
+      return true;
+    }
+    if (store.selectedEdge) {
+      store.setSelectedEdge(null);
+      return true;
+    }
+    if (store.selectedFace) {
+      store.setSelectedFace(null);
+      setFaceInfoPanel(null);
+      return true;
+    }
+    if (faceInfoPanel) {
+      setFaceInfoPanel(null);
+      return true;
+    }
+    if (sketchEntityInfo) {
+      setSketchEntityInfo(null);
+      return true;
+    }
+    if (store.measureMode) {
+      if (store.measureSelections.length > 0) {
+        store.clearMeasureSelections();
+      } else {
+        store.toggleMeasure();
       }
-    };
-    window.addEventListener("keydown", handleEscape);
-    return () => window.removeEventListener("keydown", handleEscape);
+      return true;
+    }
+    if (store.constructionGhost !== null) {
+      store.setConstructionGhost(null);
+      return true;
+    }
+    if (store.focusedObjectIds.length > 0) {
+      clearFocusedObject();
+      return true;
+    }
+    if (store.selectedObjectId) {
+      store.selectObject(null);
+      return true;
+    }
+    return false;
   }, [clearFocusedObject, closeObjectContextMenu, faceInfoPanel, objectContextMenu, sketchEntityInfo]);
+  useEscapeAction(handleViewportEscape, { active: true, label: "Viewport selection", priority: ESCAPE_PRIORITY.viewport });
   reactExports.useEffect(() => {
     const handleViewShortcut = (event) => {
       if (event.isComposing || event.repeat) return;
@@ -40941,7 +41078,7 @@ const HoverTooltipLayer = reactExports.forwardRef(function HoverTooltipLayer2({
     }
   );
 });
-const buttonStyle = {
+const buttonStyle$3 = {
   border: "1px solid var(--fc-border)",
   background: "var(--fc-btn)",
   color: "var(--fc-text)",
@@ -40952,7 +41089,7 @@ const buttonStyle = {
   lineHeight: 1
 };
 const iconButtonStyle = {
-  ...buttonStyle,
+  ...buttonStyle$3,
   width: 30,
   height: 30,
   padding: 0,
@@ -41104,7 +41241,7 @@ function ModelJourneyBar({
           padding: 4
         },
         children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", style: buttonStyle, onClick: () => activateStep(firstId, getStepStartIndex(firstJourney)), children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", style: buttonStyle$3, onClick: () => activateStep(firstId, getStepStartIndex(firstJourney)), children: [
             "Explore: ",
             label
           ] }),
@@ -41198,7 +41335,7 @@ function ModelJourneyBar({
             "button",
             {
               type: "button",
-              style: buttonStyle,
+              style: buttonStyle$3,
               onClick: () => {
                 setActive({ ...active, interrupted: false });
                 applyStep(activeStep);
@@ -41206,7 +41343,7 @@ function ModelJourneyBar({
               children: "Resume"
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", style: buttonStyle, disabled: atEnd, onClick: () => activateStep(active.journeyId, active.stepIndex + 1), children: "Next" })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", style: buttonStyle$3, disabled: atEnd, onClick: () => activateStep(active.journeyId, active.stepIndex + 1), children: "Next" })
         ] }),
         caption && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { marginTop: 6, paddingLeft: 76, fontSize: 12, color: "var(--fc-textDim)" }, children: caption })
       ]
@@ -41337,6 +41474,1819 @@ function RigInspectionOverlay({ state: state2, config }) {
     state2.joints.map((joint) => /* @__PURE__ */ jsxRuntimeExports.jsx(HoveredJointOverlay, { state: joint, config: joint.hidden ? hiddenConfig : config }, joint.joint.name))
   ] });
 }
+function roundToStep(value, step) {
+  return Number((Math.round(value / step) * step).toFixed(8));
+}
+function clamp(value, min, max2) {
+  return Math.max(min, Math.min(max2, value));
+}
+function currentPath2DPoints(pathDef, overrides) {
+  const countOverride = overrides[`${pathDef.name}.__count__`];
+  const count = typeof countOverride === "number" ? clamp(Math.round(countOverride), pathDef.minPoints, pathDef.maxPoints) : pathDef.points.length;
+  const points = [];
+  for (let i = 0; i < count; i += 1) {
+    const base = pathDef.points[i] ?? pathDef.defaultPoints[i] ?? { x: 0, y: 0 };
+    const rawX = overrides[`${pathDef.name}[${i}].x`];
+    const rawY = overrides[`${pathDef.name}[${i}].y`];
+    points.push({
+      x: typeof rawX === "number" ? rawX : base.x,
+      y: typeof rawY === "number" ? rawY : base.y
+    });
+  }
+  return points;
+}
+function frameForPath2D(width, height, pathDef) {
+  const spanX = Math.max(1, pathDef.x.max - pathDef.x.min);
+  const spanY = Math.max(1, pathDef.y.max - pathDef.y.min);
+  const availableWidth = Math.max(1, width - 28);
+  const availableHeight = Math.max(1, height - 28);
+  const scale = Math.min(availableWidth / spanX, availableHeight / spanY);
+  return {
+    originX: (width - spanX * scale) / 2 - pathDef.x.min * scale,
+    originY: (height + spanY * scale) / 2 + pathDef.y.min * scale,
+    scale
+  };
+}
+function path2DToScreen(point, frame2) {
+  return { x: frame2.originX + point.x * frame2.scale, y: frame2.originY - point.y * frame2.scale };
+}
+function screenToPath2D(x, y, frame2) {
+  return { x: (x - frame2.originX) / frame2.scale, y: (frame2.originY - y) / frame2.scale };
+}
+function panPath2DFrame(frame2, dx, dy) {
+  return { ...frame2, originX: frame2.originX + dx, originY: frame2.originY + dy };
+}
+function zoomPath2DFrame(frame2, centerX, centerY, factor) {
+  const nextScale = clamp(frame2.scale * factor, 0.05, 60);
+  const model = screenToPath2D(centerX, centerY, frame2);
+  return {
+    originX: centerX - model.x * nextScale,
+    originY: centerY + model.y * nextScale,
+    scale: nextScale
+  };
+}
+function drawPath2DGrid(ctx, width, height, frame2) {
+  ctx.strokeStyle = "rgba(255,255,255,0.08)";
+  ctx.lineWidth = 1;
+  const modelGridStep = frame2.scale < 0.35 ? 100 : frame2.scale < 1 ? 50 : frame2.scale < 2.5 ? 20 : 10;
+  const gridStep = modelGridStep * frame2.scale;
+  for (let x = frame2.originX % gridStep; x < width; x += gridStep) {
+    ctx.beginPath();
+    ctx.moveTo(x, 0);
+    ctx.lineTo(x, height);
+    ctx.stroke();
+  }
+  for (let y = frame2.originY % gridStep; y < height; y += gridStep) {
+    ctx.beginPath();
+    ctx.moveTo(0, y);
+    ctx.lineTo(width, y);
+    ctx.stroke();
+  }
+}
+function path2DPatch(pathName, points) {
+  const patch = { [`${pathName}.__count__`]: points.length };
+  points.forEach((point, index) => {
+    patch[`${pathName}[${index}].x`] = point.x;
+    patch[`${pathName}[${index}].y`] = point.y;
+  });
+  return patch;
+}
+function trailingPath2DKeys(pathName, oldCount, newCount) {
+  const keys = [];
+  for (let i = newCount; i < oldCount; i += 1) {
+    keys.push(`${pathName}[${i}].x`, `${pathName}[${i}].y`);
+  }
+  return keys;
+}
+function hasPointSelectionModifier(event) {
+  return event.shiftKey || event.metaKey || event.ctrlKey;
+}
+function normalizePointSelection(selectedIndices, pointCount, activeIndex) {
+  if (pointCount <= 0) return [];
+  const boundedActive = Math.max(0, Math.min(activeIndex, pointCount - 1));
+  const normalized = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const index of selectedIndices) {
+    if (!Number.isInteger(index) || index < 0 || index >= pointCount || seen.has(index)) continue;
+    seen.add(index);
+    normalized.push(index);
+  }
+  if (!seen.has(boundedActive)) normalized.push(boundedActive);
+  return normalized.sort((a2, b2) => a2 - b2);
+}
+function pointSelectionForPointerDown(currentSelectedIndices, hitIndex, activeIndex, additive, pointCount) {
+  const current = normalizePointSelection(currentSelectedIndices, pointCount, activeIndex);
+  const alreadySelected = current.includes(hitIndex);
+  if (!additive) {
+    return {
+      activeIndex: hitIndex,
+      selectedIndices: alreadySelected ? current : [hitIndex],
+      shouldDrag: true
+    };
+  }
+  if (alreadySelected && current.length > 1) {
+    const selectedIndices = current.filter((index) => index !== hitIndex);
+    return {
+      activeIndex: selectedIndices.includes(activeIndex) ? activeIndex : selectedIndices[0],
+      selectedIndices,
+      shouldDrag: false
+    };
+  }
+  if (alreadySelected) {
+    return { activeIndex: hitIndex, selectedIndices: current, shouldDrag: true };
+  }
+  return {
+    activeIndex: hitIndex,
+    selectedIndices: normalizePointSelection([...current, hitIndex], pointCount, hitIndex),
+    shouldDrag: true
+  };
+}
+const buttonStyle$2 = {
+  background: "var(--fc-small-button-bg, none)",
+  border: "1px solid var(--fc-small-button-border, var(--fc-border))",
+  borderRadius: 3,
+  color: "var(--fc-textDim)",
+  fontSize: 10,
+  padding: "1px 5px",
+  cursor: "pointer",
+  lineHeight: "14px",
+  userSelect: "none"
+};
+function Path2DParamEditor({
+  pathDef,
+  allowFullScreen = true,
+  large = false
+}) {
+  const canvasRef = reactExports.useRef(null);
+  const dragState = reactExports.useRef(null);
+  const draftPointsRef = reactExports.useRef(null);
+  const panStart = reactExports.useRef(null);
+  const paramOverrides = useForgeStore((state2) => state2.paramOverrides);
+  const setParams = useForgeStore((state2) => state2.setParams);
+  const [expanded, setExpanded] = reactExports.useState(true);
+  const [fullScreen, setFullScreen] = reactExports.useState(false);
+  const [viewFrame, setViewFrame] = reactExports.useState(null);
+  const [draftPoints, setDraftPoints] = reactExports.useState(null);
+  const [selected, setSelected] = reactExports.useState(0);
+  const [selectedIndices, setSelectedIndices] = reactExports.useState([0]);
+  useEscapeAction(
+    () => {
+      setFullScreen(false);
+      return true;
+    },
+    { active: fullScreen, label: `${pathDef.name} path editor`, priority: ESCAPE_PRIORITY.modal }
+  );
+  const committedPoints = reactExports.useMemo(() => currentPath2DPoints(pathDef, paramOverrides), [paramOverrides, pathDef]);
+  const points = draftPoints ?? committedPoints;
+  const activeIndex = points.length > 0 ? Math.min(selected, points.length - 1) : 0;
+  const normalizedSelectedIndices = reactExports.useMemo(
+    () => normalizePointSelection(selectedIndices, points.length, activeIndex),
+    [activeIndex, points.length, selectedIndices]
+  );
+  const selectedIndexSet = reactExports.useMemo(() => new Set(normalizedSelectedIndices), [normalizedSelectedIndices]);
+  const selectedPoint = points[activeIndex] ?? points[0];
+  const unitLabel = pathDef.unit ? ` ${pathDef.unit}` : "";
+  const canAdd = points.length < pathDef.maxPoints;
+  const canRemove = points.length - normalizedSelectedIndices.length >= pathDef.minPoints;
+  reactExports.useEffect(() => {
+    if (selected >= points.length) setSelected(Math.max(0, points.length - 1));
+  }, [points.length, selected]);
+  reactExports.useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return;
+    const draw = () => {
+      const rect = canvas.getBoundingClientRect();
+      const dpr = window.devicePixelRatio || 1;
+      const nextWidth = Math.max(1, Math.round(rect.width * dpr));
+      const nextHeight = Math.max(1, Math.round(rect.height * dpr));
+      if (canvas.width !== nextWidth) canvas.width = nextWidth;
+      if (canvas.height !== nextHeight) canvas.height = nextHeight;
+      ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+      ctx.clearRect(0, 0, rect.width, rect.height);
+      const frame2 = viewFrame ?? frameForPath2D(canvas.clientWidth, canvas.clientHeight, pathDef);
+      drawPath2DGrid(ctx, rect.width, rect.height, frame2);
+      if (points.length > 0) {
+        const projected = points.map((point) => path2DToScreen(point, frame2));
+        ctx.beginPath();
+        ctx.moveTo(projected[0].x, projected[0].y);
+        for (let i = 1; i < projected.length; i += 1) ctx.lineTo(projected[i].x, projected[i].y);
+        if (pathDef.closed) ctx.closePath();
+        ctx.fillStyle = pathDef.closed ? "rgba(77, 147, 191, 0.22)" : "transparent";
+        ctx.strokeStyle = pathDef.closed ? "#4d93bf" : "#3c8f83";
+        ctx.lineWidth = pathDef.closed ? 2 : 7;
+        if (pathDef.closed) ctx.fill();
+        ctx.stroke();
+        projected.forEach((point, index) => {
+          const isSelected = selectedIndexSet.has(index);
+          const isActive = index === activeIndex;
+          ctx.beginPath();
+          ctx.arc(point.x, point.y, isActive ? 8 : isSelected ? 7 : 6, 0, Math.PI * 2);
+          ctx.fillStyle = index === 0 ? "#d84f45" : "#e2b647";
+          ctx.fill();
+          ctx.lineWidth = isActive ? 3 : isSelected ? 2.25 : 1.5;
+          ctx.strokeStyle = isSelected ? "#fff6d4" : "#171914";
+          ctx.stroke();
+        });
+      }
+    };
+    draw();
+    const observer = new ResizeObserver(draw);
+    observer.observe(canvas);
+    return () => observer.disconnect();
+  }, [activeIndex, fullScreen, large, pathDef, points, selectedIndexSet, viewFrame]);
+  reactExports.useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const handleWheel = (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      const rect = canvas.getBoundingClientRect();
+      const x = event.clientX - rect.left;
+      const y = event.clientY - rect.top;
+      setViewFrame(
+        (current) => zoomPath2DFrame(current ?? frameForPath2D(canvas.clientWidth, canvas.clientHeight, pathDef), x, y, event.deltaY > 0 ? 0.88 : 1.14)
+      );
+    };
+    canvas.addEventListener("wheel", handleWheel, { passive: false });
+    return () => canvas.removeEventListener("wheel", handleWheel);
+  }, [pathDef]);
+  const pointerPoint = (event) => {
+    const canvas = event.currentTarget;
+    const rect = canvas.getBoundingClientRect();
+    return { x: event.clientX - rect.left, y: event.clientY - rect.top };
+  };
+  const nearestHandle = (canvas, x, y) => {
+    const frame2 = viewFrame ?? frameForPath2D(canvas.clientWidth, canvas.clientHeight, pathDef);
+    let bestIndex = null;
+    let bestDistance = Infinity;
+    points.forEach((point, index) => {
+      const screen2 = path2DToScreen(point, frame2);
+      const distance = Math.hypot(screen2.x - x, screen2.y - y);
+      if (distance < bestDistance) {
+        bestDistance = distance;
+        bestIndex = index;
+      }
+    });
+    return bestDistance <= 18 ? bestIndex : null;
+  };
+  const moveDraggedPoints = (drag, pointer) => {
+    const dx = pointer.x - drag.startPointer.x;
+    const dy = pointer.y - drag.startPointer.y;
+    const dragIndices = new Set(drag.indices);
+    const nextPoints = drag.startPoints.map(
+      (point, index) => dragIndices.has(index) ? {
+        x: roundToStep(point.x + dx, pathDef.x.step),
+        y: roundToStep(point.y + dy, pathDef.y.step)
+      } : point
+    );
+    draftPointsRef.current = nextPoints;
+    setDraftPoints(nextPoints);
+  };
+  const commitDraftDrag = () => {
+    const nextPoints = draftPointsRef.current;
+    draftPointsRef.current = null;
+    setDraftPoints(null);
+    if (nextPoints) setParams(path2DPatch(pathDef.name, nextPoints));
+  };
+  const cancelDraftDrag = () => {
+    draftPointsRef.current = null;
+    setDraftPoints(null);
+  };
+  const insertPointAfterSelection = () => {
+    if (!canAdd) return;
+    const insertAt = Math.min(activeIndex + 1, points.length);
+    const a2 = points[activeIndex] ?? points[points.length - 1] ?? { x: 0, y: 0 };
+    const b2 = points[insertAt] ?? (pathDef.closed ? points[0] : a2);
+    const nextPoint = {
+      x: roundToStep((a2.x + b2.x) / 2, pathDef.x.step),
+      y: roundToStep((a2.y + b2.y) / 2, pathDef.y.step)
+    };
+    const nextPoints = [...points];
+    nextPoints.splice(insertAt, 0, nextPoint);
+    setSelected(insertAt);
+    setSelectedIndices([insertAt]);
+    setParams(path2DPatch(pathDef.name, nextPoints));
+  };
+  const removeSelectedPoint = () => {
+    if (!canRemove) return;
+    const removeIndices = new Set(normalizedSelectedIndices);
+    const nextPoints = points.filter((_, index) => !removeIndices.has(index));
+    const firstRemoved = normalizedSelectedIndices[0] ?? activeIndex;
+    const nextSelected = Math.max(0, Math.min(firstRemoved, nextPoints.length - 1));
+    setSelected(nextSelected);
+    setSelectedIndices([nextSelected]);
+    setParams(path2DPatch(pathDef.name, nextPoints), trailingPath2DKeys(pathDef.name, points.length, nextPoints.length));
+  };
+  const canvasFrame = (canvas) => viewFrame ?? frameForPath2D(canvas.clientWidth, canvas.clientHeight, pathDef);
+  const canvasHeight = large ? "min(62vh, 640px)" : fullScreen ? "calc(100vh - 150px)" : 220;
+  const expandedLayout = large || fullScreen;
+  const editorPanel = /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      style: {
+        border: "1px solid var(--fc-border)",
+        borderRadius: 4,
+        padding: 8,
+        background: "var(--fc-bgSubtle, var(--fc-bgSurface, #1c2128))",
+        userSelect: "none",
+        WebkitUserSelect: "none",
+        ...expandedLayout ? {
+          display: "flex",
+          flexDirection: "column"
+        } : {},
+        ...fullScreen ? {
+          position: "fixed",
+          inset: 16,
+          zIndex: 2200,
+          boxShadow: "0 18px 52px rgba(0, 0, 0, 0.45)",
+          boxSizing: "border-box",
+          color: "var(--fc-text)"
+        } : {}
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", justifyContent: "flex-end", gap: 4, marginBottom: 6 }, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick: () => setViewFrame(null), title: "Fit path in editor", style: buttonStyle$2, children: "Fit" }),
+          allowFullScreen && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setFullScreen(!fullScreen),
+              title: fullScreen ? "Close expanded editor" : "Expand editor",
+              style: buttonStyle$2,
+              children: fullScreen ? "Close" : "Full"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "canvas",
+          {
+            ref: canvasRef,
+            height: 220,
+            "aria-label": `${pathDef.name} editor`,
+            onPointerDown: (event) => {
+              event.preventDefault();
+              const pos = pointerPoint(event);
+              const hit = nearestHandle(event.currentTarget, pos.x, pos.y);
+              if (hit === null) panStart.current = { x: pos.x, y: pos.y, frame: canvasFrame(event.currentTarget) };
+              else {
+                const nextSelection = pointSelectionForPointerDown(
+                  normalizedSelectedIndices,
+                  hit,
+                  activeIndex,
+                  hasPointSelectionModifier(event),
+                  points.length
+                );
+                setSelected(nextSelection.activeIndex);
+                setSelectedIndices(nextSelection.selectedIndices);
+                if (nextSelection.shouldDrag) {
+                  const frame2 = canvasFrame(event.currentTarget);
+                  draftPointsRef.current = null;
+                  setDraftPoints(null);
+                  dragState.current = {
+                    indices: nextSelection.selectedIndices,
+                    startPointer: screenToPath2D(pos.x, pos.y, frame2),
+                    startPoints: points.map((point) => ({ ...point })),
+                    frame: frame2
+                  };
+                }
+              }
+              event.currentTarget.setPointerCapture(event.pointerId);
+            },
+            onPointerMove: (event) => {
+              const pos = pointerPoint(event);
+              if (dragState.current) {
+                moveDraggedPoints(dragState.current, screenToPath2D(pos.x, pos.y, dragState.current.frame));
+                return;
+              }
+              if (panStart.current) {
+                setViewFrame(panPath2DFrame(panStart.current.frame, pos.x - panStart.current.x, pos.y - panStart.current.y));
+              }
+            },
+            onPointerUp: (event) => {
+              if (dragState.current) commitDraftDrag();
+              dragState.current = null;
+              panStart.current = null;
+              if (event.currentTarget.hasPointerCapture(event.pointerId)) event.currentTarget.releasePointerCapture(event.pointerId);
+            },
+            onPointerCancel: (event) => {
+              if (dragState.current) cancelDraftDrag();
+              dragState.current = null;
+              panStart.current = null;
+              if (event.currentTarget.hasPointerCapture(event.pointerId)) event.currentTarget.releasePointerCapture(event.pointerId);
+            },
+            style: { display: "block", width: "100%", height: canvasHeight, borderRadius: 3, background: "var(--fc-bg)", touchAction: "none" }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", gap: 8, marginTop: 6 }, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { color: "var(--fc-textDim)", fontSize: 10, fontVariantNumeric: "tabular-nums" }, children: [
+            normalizedSelectedIndices.length > 1 ? `${normalizedSelectedIndices.length} selected · ` : "",
+            "P",
+            Math.min(activeIndex + 1, points.length),
+            " x ",
+            selectedPoint ? selectedPoint.x : 0,
+            unitLabel,
+            " · y ",
+            selectedPoint ? selectedPoint.y : 0,
+            unitLabel
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", gap: 4 }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick: insertPointAfterSelection, disabled: !canAdd, title: "Add point after selected", style: buttonStyle$2, children: "+ Point" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick: removeSelectedPoint, disabled: !canRemove, title: "Remove selected point(s)", style: buttonStyle$2, children: "Remove" })
+          ] })
+        ] })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { marginBottom: 8 }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        onClick: () => setExpanded(!expanded),
+        style: { display: "flex", justifyContent: "space-between", alignItems: "center", fontSize: 12, cursor: "pointer", marginBottom: 4 },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { color: "var(--fc-text)", fontWeight: 600 }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontSize: 9, marginRight: 4 }, children: expanded ? "▼" : "▶" }),
+            pathDef.name,
+            " (",
+            points.length,
+            ")"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "var(--fc-textDim)", fontSize: 10 }, children: pathDef.closed ? "outline" : "centerline" })
+        ]
+      }
+    ),
+    expanded && editorPanel
+  ] });
+}
+function currentPlacement2DItems(layoutDef, overrides) {
+  const zones = new Set(layoutDef.zones.map((zone) => zone.id));
+  return layoutDef.items.map((item) => {
+    const rawX = overrides[`${layoutDef.name}.${item.id}.x`];
+    const rawY = overrides[`${layoutDef.name}.${item.id}.y`];
+    const rawAngle = overrides[`${layoutDef.name}.${item.id}.angle`];
+    const rawZone = overrides[`${layoutDef.name}.${item.id}.zone`];
+    const zone = typeof rawZone === "string" && zones.has(rawZone) ? rawZone : item.zone;
+    return {
+      ...item,
+      footprint: item.footprint.type === "rect" ? { ...item.footprint } : { ...item.footprint },
+      x: typeof rawX === "number" ? rawX : item.x,
+      y: typeof rawY === "number" ? rawY : item.y,
+      angle: typeof rawAngle === "number" ? rawAngle : item.angle,
+      zone
+    };
+  });
+}
+function placement2DItemPatch(layoutName, item) {
+  const patch = {
+    [`${layoutName}.${item.id}.x`]: item.x,
+    [`${layoutName}.${item.id}.y`]: item.y,
+    [`${layoutName}.${item.id}.angle`]: item.angle
+  };
+  if (item.zone) patch[`${layoutName}.${item.id}.zone`] = item.zone;
+  return patch;
+}
+function placement2DFrameForItem(item, frame2, zones) {
+  return (item.zone ? zones.find((zone) => zone.id === item.zone) : void 0) ?? frame2;
+}
+function placement2DZoneAtPoint(zones, point) {
+  return zones.find((zone) => placement2DPointInsideFrame(point, zone));
+}
+function placement2DClampItem(item, frame2, zones) {
+  const target = placement2DFrameForItem(item, frame2, zones);
+  const center = placement2DClampCenterToFrame(item, target);
+  return { ...item, x: center.x, y: center.y };
+}
+function placement2DHasBoundsViolation(layoutDef, item) {
+  return !placement2DFootprintInsideFrame(item, placement2DFrameForItem(item, layoutDef.frame, layoutDef.zones));
+}
+function placement2DCollisionPairs(items) {
+  const pairs = [];
+  for (let i = 0; i < items.length; i += 1) {
+    for (let j2 = i + 1; j2 < items.length; j2 += 1) {
+      if ((items[i].zone ?? "") !== (items[j2].zone ?? "")) continue;
+      if (placement2DItemsOverlap(items[i], items[j2])) pairs.push([items[i].id, items[j2].id]);
+    }
+  }
+  return pairs;
+}
+function placement2DItemCollides(candidate, items) {
+  return items.some(
+    (item) => item.id !== candidate.id && (item.zone ?? "") === (candidate.zone ?? "") && placement2DItemsOverlap(candidate, item)
+  );
+}
+function placement2DSnapItem(item, snap) {
+  return { ...item, x: roundToStep(item.x, snap), y: roundToStep(item.y, snap), angle: roundToStep(item.angle, 1) };
+}
+function placement2DFrameForCanvas(width, height, layoutDef) {
+  const bounds = placement2DFrameBounds(layoutDef.frame);
+  const spanX = Math.max(1, bounds.maxX - bounds.minX);
+  const spanY = Math.max(1, bounds.maxY - bounds.minY);
+  const availableWidth = Math.max(1, width - 28);
+  const availableHeight = Math.max(1, height - 28);
+  const scale = Math.min(availableWidth / spanX, availableHeight / spanY);
+  return {
+    originX: (width - spanX * scale) / 2 - bounds.minX * scale,
+    originY: (height + spanY * scale) / 2 + bounds.minY * scale,
+    scale
+  };
+}
+function placement2DPointHitsItem(point, item) {
+  if (item.footprint.type === "circle") return Math.hypot(point.x - item.x, point.y - item.y) <= item.footprint.radius;
+  const angle = -item.angle * Math.PI / 180;
+  const dx = point.x - item.x;
+  const dy = point.y - item.y;
+  const localX = dx * Math.cos(angle) - dy * Math.sin(angle);
+  const localY = dx * Math.sin(angle) + dy * Math.cos(angle);
+  return Math.abs(localX) <= item.footprint.width / 2 && Math.abs(localY) <= item.footprint.height / 2;
+}
+const buttonStyle$1 = {
+  background: "var(--fc-small-button-bg, none)",
+  border: "1px solid var(--fc-small-button-border, var(--fc-border))",
+  borderRadius: 3,
+  color: "var(--fc-textDim)",
+  fontSize: 10,
+  padding: "1px 5px",
+  cursor: "pointer",
+  lineHeight: "14px",
+  userSelect: "none"
+};
+const selectStyle$1 = {
+  background: "var(--fc-bg)",
+  color: "var(--fc-text)",
+  border: "1px solid var(--fc-border)",
+  borderRadius: 3,
+  padding: "1px 4px",
+  fontSize: 11,
+  cursor: "pointer",
+  lineHeight: "16px"
+};
+function drawFrame(ctx, frame2, view2, label, active) {
+  const bounds = placement2DFrameBounds(frame2);
+  const min = path2DToScreen({ x: bounds.minX, y: bounds.minY }, view2);
+  const max2 = path2DToScreen({ x: bounds.maxX, y: bounds.maxY }, view2);
+  const x = Math.min(min.x, max2.x);
+  const y = Math.min(min.y, max2.y);
+  const width = Math.abs(max2.x - min.x);
+  const height = Math.abs(max2.y - min.y);
+  ctx.save();
+  ctx.fillStyle = active ? "rgba(77, 147, 191, 0.13)" : "rgba(255,255,255,0.035)";
+  ctx.strokeStyle = active ? "#4d93bf" : "rgba(255,255,255,0.22)";
+  ctx.lineWidth = active ? 2 : 1;
+  ctx.setLineDash(active ? [] : [5, 5]);
+  ctx.fillRect(x, y, width, height);
+  ctx.strokeRect(x, y, width, height);
+  ctx.setLineDash([]);
+  if (label) {
+    ctx.fillStyle = active ? "#9ed6ff" : "rgba(255,255,255,0.55)";
+    ctx.font = "11px system-ui, sans-serif";
+    ctx.fillText(label, x + 6, y + 15, Math.max(20, width - 12));
+  }
+  ctx.restore();
+}
+function drawItem(ctx, item, view2, selected, conflicted) {
+  const center = path2DToScreen({ x: item.x, y: item.y }, view2);
+  const color = conflicted ? "#d65f45" : selected ? "#e2b647" : "#4d93bf";
+  ctx.save();
+  ctx.translate(center.x, center.y);
+  ctx.rotate(-item.angle * Math.PI / 180);
+  ctx.fillStyle = conflicted ? "rgba(214, 95, 69, 0.24)" : selected ? "rgba(226, 182, 71, 0.25)" : "rgba(77, 147, 191, 0.22)";
+  ctx.strokeStyle = color;
+  ctx.lineWidth = selected ? 2.5 : 1.5;
+  if (item.locked) ctx.setLineDash([4, 4]);
+  if (item.footprint.type === "circle") {
+    ctx.beginPath();
+    ctx.arc(0, 0, item.footprint.radius * view2.scale, 0, Math.PI * 2);
+    ctx.fill();
+    ctx.stroke();
+  } else {
+    const width = item.footprint.width * view2.scale;
+    const height = item.footprint.height * view2.scale;
+    ctx.beginPath();
+    ctx.rect(-width / 2, -height / 2, width, height);
+    ctx.fill();
+    ctx.stroke();
+  }
+  ctx.setLineDash([]);
+  ctx.rotate(item.angle * Math.PI / 180);
+  ctx.fillStyle = "#f4f7f0";
+  ctx.font = selected ? "600 11px system-ui, sans-serif" : "11px system-ui, sans-serif";
+  ctx.textAlign = "center";
+  ctx.textBaseline = "middle";
+  ctx.fillText(item.label ?? item.id, 0, 0, 90);
+  ctx.restore();
+}
+function Placement2DParamEditor({
+  layoutDef,
+  allowFullScreen = true,
+  large = false
+}) {
+  var _a3, _b2;
+  const canvasRef = reactExports.useRef(null);
+  const dragRef = reactExports.useRef(null);
+  const draftItemsRef = reactExports.useRef(null);
+  const panStart = reactExports.useRef(null);
+  const paramOverrides = useForgeStore((state2) => state2.paramOverrides);
+  const setParams = useForgeStore((state2) => state2.setParams);
+  const [expanded, setExpanded] = reactExports.useState(true);
+  const [fullScreen, setFullScreen] = reactExports.useState(false);
+  const [viewFrame, setViewFrame] = reactExports.useState(null);
+  const [draftItems, setDraftItems] = reactExports.useState(null);
+  const [selectedId, setSelectedId] = reactExports.useState(((_a3 = layoutDef.items[0]) == null ? void 0 : _a3.id) ?? "");
+  const [blockedId, setBlockedId] = reactExports.useState(null);
+  useEscapeAction(
+    () => {
+      setFullScreen(false);
+      return true;
+    },
+    { active: fullScreen, label: `${layoutDef.name} placement editor`, priority: ESCAPE_PRIORITY.modal }
+  );
+  const committedItems = reactExports.useMemo(() => currentPlacement2DItems(layoutDef, paramOverrides), [layoutDef, paramOverrides]);
+  const items = draftItems ?? committedItems;
+  const collisionPairs = reactExports.useMemo(() => placement2DCollisionPairs(items), [items]);
+  const conflictedIds = reactExports.useMemo(() => new Set(collisionPairs.flat()), [collisionPairs]);
+  const selectedItem = items.find((item) => item.id === selectedId) ?? items[0];
+  const unitLabel = layoutDef.unit ? ` ${layoutDef.unit}` : "";
+  const collisionCount = collisionPairs.length;
+  const boundsCount = items.filter((item) => placement2DHasBoundsViolation(layoutDef, item)).length;
+  reactExports.useEffect(() => {
+    var _a4;
+    if (!items.some((item) => item.id === selectedId)) setSelectedId(((_a4 = items[0]) == null ? void 0 : _a4.id) ?? "");
+  }, [items, selectedId]);
+  reactExports.useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return;
+    const draw = () => {
+      const rect = canvas.getBoundingClientRect();
+      const dpr = window.devicePixelRatio || 1;
+      const nextWidth = Math.max(1, Math.round(rect.width * dpr));
+      const nextHeight = Math.max(1, Math.round(rect.height * dpr));
+      if (canvas.width !== nextWidth) canvas.width = nextWidth;
+      if (canvas.height !== nextHeight) canvas.height = nextHeight;
+      ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+      ctx.clearRect(0, 0, rect.width, rect.height);
+      const frame2 = viewFrame ?? placement2DFrameForCanvas(canvas.clientWidth, canvas.clientHeight, layoutDef);
+      drawPath2DGrid(ctx, rect.width, rect.height, frame2);
+      if (layoutDef.zones.length === 0) {
+        drawFrame(ctx, layoutDef.frame, frame2, "Frame", true);
+      } else {
+        for (const zone of layoutDef.zones) {
+          drawFrame(
+            ctx,
+            zone,
+            frame2,
+            zone.label ?? zone.id,
+            items.some((item) => item.zone === zone.id)
+          );
+        }
+      }
+      for (const item of items) drawItem(ctx, item, frame2, item.id === selectedId, conflictedIds.has(item.id) || blockedId === item.id);
+    };
+    draw();
+    const observer = new ResizeObserver(draw);
+    observer.observe(canvas);
+    return () => observer.disconnect();
+  }, [blockedId, conflictedIds, items, layoutDef, selectedId, viewFrame]);
+  reactExports.useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const handleWheel = (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      const rect = canvas.getBoundingClientRect();
+      const x = event.clientX - rect.left;
+      const y = event.clientY - rect.top;
+      setViewFrame(
+        (current) => zoomPath2DFrame(
+          current ?? placement2DFrameForCanvas(canvas.clientWidth, canvas.clientHeight, layoutDef),
+          x,
+          y,
+          event.deltaY > 0 ? 0.88 : 1.14
+        )
+      );
+    };
+    canvas.addEventListener("wheel", handleWheel, { passive: false });
+    return () => canvas.removeEventListener("wheel", handleWheel);
+  }, [layoutDef]);
+  const canvasFrame = (canvas) => viewFrame ?? placement2DFrameForCanvas(canvas.clientWidth, canvas.clientHeight, layoutDef);
+  const canvasHeight = large ? "min(62vh, 640px)" : fullScreen ? "calc(100vh - 166px)" : 240;
+  const expandedLayout = large || fullScreen;
+  const pointerPoint = (event) => {
+    const rect = event.currentTarget.getBoundingClientRect();
+    return { x: event.clientX - rect.left, y: event.clientY - rect.top };
+  };
+  const itemAtPointer = (canvas, x, y) => {
+    const model = screenToPath2D(x, y, canvasFrame(canvas));
+    for (let index = items.length - 1; index >= 0; index -= 1) {
+      if (placement2DPointHitsItem(model, items[index])) return items[index];
+    }
+    return null;
+  };
+  const resolveCandidateItem = (rawCandidate, sourceItems) => {
+    let candidate = placement2DSnapItem(rawCandidate, layoutDef.rules.snap);
+    if (layoutDef.rules.bounds === "prevent") {
+      candidate = placement2DClampItem(candidate, layoutDef.frame, layoutDef.zones);
+      if (placement2DHasBoundsViolation(layoutDef, candidate)) {
+        setBlockedId(candidate.id);
+        return null;
+      }
+    }
+    const collides = placement2DItemCollides(candidate, sourceItems);
+    setBlockedId(collides ? candidate.id : null);
+    if (layoutDef.rules.collisions === "prevent" && collides) return null;
+    return candidate;
+  };
+  const commitItem = (rawCandidate) => {
+    const candidate = resolveCandidateItem(rawCandidate, items);
+    if (!candidate) return;
+    setParams(placement2DItemPatch(layoutDef.name, candidate));
+  };
+  const previewDraggedItem = (rawCandidate) => {
+    const sourceItems = draftItemsRef.current ?? items;
+    const candidate = resolveCandidateItem(rawCandidate, sourceItems);
+    if (!candidate) return;
+    const nextItems = sourceItems.map((item) => item.id === candidate.id ? candidate : item);
+    draftItemsRef.current = nextItems;
+    setDraftItems(nextItems);
+  };
+  const commitDraftDrag = (id) => {
+    const nextItems = draftItemsRef.current;
+    draftItemsRef.current = null;
+    setDraftItems(null);
+    const item = nextItems == null ? void 0 : nextItems.find((candidate) => candidate.id === id);
+    if (item) setParams(placement2DItemPatch(layoutDef.name, item));
+  };
+  const cancelDraftDrag = () => {
+    draftItemsRef.current = null;
+    setDraftItems(null);
+  };
+  const setSelectedZone = (zone) => {
+    if (!selectedItem) return;
+    commitItem({ ...selectedItem, zone });
+  };
+  const setSelectedAngle = (angle) => {
+    if (!selectedItem) return;
+    commitItem({ ...selectedItem, angle });
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { marginBottom: 8 }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        onClick: () => setExpanded(!expanded),
+        style: { display: "flex", justifyContent: "space-between", alignItems: "center", fontSize: 12, cursor: "pointer", marginBottom: 4 },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { color: "var(--fc-text)", fontWeight: 600 }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontSize: 9, marginRight: 4 }, children: expanded ? "v" : ">" }),
+            layoutDef.name,
+            " (",
+            items.length,
+            ")"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: collisionCount > 0 || boundsCount > 0 ? "#d65f45" : "var(--fc-textDim)", fontSize: 10 }, children: "Placement Sheet" })
+        ]
+      }
+    ),
+    expanded && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        style: {
+          border: "1px solid var(--fc-border)",
+          borderRadius: 4,
+          padding: 8,
+          background: "var(--fc-bgSubtle, var(--fc-bgSurface, #1c2128))",
+          userSelect: "none",
+          WebkitUserSelect: "none",
+          ...expandedLayout ? {
+            display: "flex",
+            flexDirection: "column"
+          } : {},
+          ...fullScreen ? {
+            position: "fixed",
+            inset: 16,
+            zIndex: 2200,
+            boxShadow: "0 18px 52px rgba(0, 0, 0, 0.45)",
+            boxSizing: "border-box",
+            color: "var(--fc-text)"
+          } : {}
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", justifyContent: "space-between", gap: 6, marginBottom: 6 }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "select",
+              {
+                "aria-label": `${layoutDef.name} selected item`,
+                value: (selectedItem == null ? void 0 : selectedItem.id) ?? "",
+                onChange: (event) => setSelectedId(event.target.value),
+                style: { ...selectStyle$1, minWidth: 0, flex: "1 1 auto" },
+                children: items.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: item.id, children: item.label ?? item.id }, item.id))
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", gap: 4 }, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick: () => setViewFrame(null), title: "Fit placement sheet in editor", style: buttonStyle$1, children: "Fit" }),
+              allowFullScreen && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setFullScreen(!fullScreen),
+                  title: fullScreen ? "Close expanded editor" : "Expand editor",
+                  style: buttonStyle$1,
+                  children: fullScreen ? "Close" : "Full"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "canvas",
+            {
+              ref: canvasRef,
+              height: 240,
+              "aria-label": `${layoutDef.name} placement editor`,
+              onPointerDown: (event) => {
+                event.preventDefault();
+                const pos = pointerPoint(event);
+                const hit = itemAtPointer(event.currentTarget, pos.x, pos.y);
+                if (!hit) {
+                  panStart.current = { x: pos.x, y: pos.y, frame: canvasFrame(event.currentTarget) };
+                } else {
+                  setSelectedId(hit.id);
+                  const model = screenToPath2D(pos.x, pos.y, canvasFrame(event.currentTarget));
+                  if (!hit.locked) {
+                    draftItemsRef.current = null;
+                    setDraftItems(null);
+                    dragRef.current = { id: hit.id, offsetX: model.x - hit.x, offsetY: model.y - hit.y };
+                  }
+                }
+                event.currentTarget.setPointerCapture(event.pointerId);
+              },
+              onPointerMove: (event) => {
+                const pos = pointerPoint(event);
+                const drag = dragRef.current;
+                if (drag) {
+                  const item = items.find((candidate) => candidate.id === drag.id);
+                  if (!item) return;
+                  const model = screenToPath2D(pos.x, pos.y, canvasFrame(event.currentTarget));
+                  const center = { x: model.x - drag.offsetX, y: model.y - drag.offsetY };
+                  const zone = placement2DZoneAtPoint(layoutDef.zones, center);
+                  previewDraggedItem({ ...item, x: center.x, y: center.y, zone: (zone == null ? void 0 : zone.id) ?? item.zone });
+                  return;
+                }
+                if (panStart.current) {
+                  setViewFrame(panPath2DFrame(panStart.current.frame, pos.x - panStart.current.x, pos.y - panStart.current.y));
+                }
+              },
+              onPointerUp: (event) => {
+                const drag = dragRef.current;
+                if (drag) commitDraftDrag(drag.id);
+                dragRef.current = null;
+                panStart.current = null;
+                setBlockedId(null);
+                if (event.currentTarget.hasPointerCapture(event.pointerId)) event.currentTarget.releasePointerCapture(event.pointerId);
+              },
+              onPointerCancel: (event) => {
+                if (dragRef.current) cancelDraftDrag();
+                dragRef.current = null;
+                panStart.current = null;
+                setBlockedId(null);
+                if (event.currentTarget.hasPointerCapture(event.pointerId)) event.currentTarget.releasePointerCapture(event.pointerId);
+              },
+              style: {
+                display: "block",
+                width: "100%",
+                height: canvasHeight,
+                borderRadius: 3,
+                background: "var(--fc-bg)",
+                touchAction: "none"
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "grid", gridTemplateColumns: "minmax(0, 1fr) auto", gap: 8, alignItems: "center", marginTop: 6 }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { color: "var(--fc-textDim)", fontSize: 10, fontVariantNumeric: "tabular-nums", minWidth: 0 }, children: [
+              selectedItem ? `${selectedItem.id} x ${selectedItem.x}${unitLabel} | y ${selectedItem.y}${unitLabel}` : "No item",
+              collisionCount > 0 ? ` | ${collisionCount} overlap${collisionCount === 1 ? "" : "s"}` : "",
+              boundsCount > 0 ? ` | ${boundsCount} out of bounds` : ""
+            ] }),
+            selectedItem && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
+              layoutDef.zones.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "select",
+                {
+                  "aria-label": `${layoutDef.name} selected item zone`,
+                  value: selectedItem.zone ?? ((_b2 = layoutDef.zones[0]) == null ? void 0 : _b2.id) ?? "",
+                  onChange: (event) => setSelectedZone(event.target.value),
+                  style: selectStyle$1,
+                  children: layoutDef.zones.map((zone) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: zone.id, children: zone.label ?? zone.id }, zone.id))
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setSelectedAngle(selectedItem.angle - 15),
+                  title: "Rotate selected item left",
+                  style: buttonStyle$1,
+                  children: "-15"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { color: "var(--fc-textDim)", fontSize: 10, minWidth: 42, textAlign: "center" }, children: [
+                selectedItem.angle,
+                " deg"
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setSelectedAngle(selectedItem.angle + 15),
+                  title: "Rotate selected item right",
+                  style: buttonStyle$1,
+                  children: "+15"
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+const SPLINE_2D_CONTINUITIES = ["G0", "G1", "G2"];
+function continuityFromOverride(value, fallback) {
+  if (value === "G0" || value === "G1" || value === "G2") return value;
+  if (typeof value === "number") {
+    const index = Math.round(value);
+    return SPLINE_2D_CONTINUITIES[index] ?? fallback;
+  }
+  return fallback;
+}
+function currentSpline2DPoints(curveDef, overrides) {
+  const countOverride = overrides[`${curveDef.name}.__count__`];
+  const count = typeof countOverride === "number" ? clamp(Math.round(countOverride), curveDef.minPoints, curveDef.maxPoints) : curveDef.points.length;
+  const points = [];
+  for (let i = 0; i < count; i += 1) {
+    const base = curveDef.points[i] ?? curveDef.defaultPoints[i] ?? { x: 0, y: 0, g: "G2" };
+    const rawX = overrides[`${curveDef.name}[${i}].x`];
+    const rawY = overrides[`${curveDef.name}[${i}].y`];
+    const rawG = overrides[`${curveDef.name}[${i}].g`];
+    points.push({
+      x: typeof rawX === "number" ? rawX : base.x,
+      y: typeof rawY === "number" ? rawY : base.y,
+      g: continuityFromOverride(rawG, base.g)
+    });
+  }
+  return points;
+}
+function spline2DPatch(curveName, points) {
+  const patch = { [`${curveName}.__count__`]: points.length };
+  points.forEach((point, index) => {
+    patch[`${curveName}[${index}].x`] = point.x;
+    patch[`${curveName}[${index}].y`] = point.y;
+    patch[`${curveName}[${index}].g`] = point.g;
+  });
+  return patch;
+}
+function trailingSpline2DKeys(curveName, oldCount, newCount) {
+  const keys = [];
+  for (let i = newCount; i < oldCount; i += 1) {
+    keys.push(`${curveName}[${i}].x`, `${curveName}[${i}].y`, `${curveName}[${i}].g`);
+  }
+  return keys;
+}
+function splineContinuityColor(continuity) {
+  if (continuity === "G0") return "#d65f45";
+  if (continuity === "G1") return "#e2b647";
+  return "#4d93bf";
+}
+const buttonStyle = {
+  background: "var(--fc-small-button-bg, none)",
+  border: "1px solid var(--fc-small-button-border, var(--fc-border))",
+  borderRadius: 3,
+  color: "var(--fc-textDim)",
+  fontSize: 10,
+  padding: "1px 5px",
+  cursor: "pointer",
+  lineHeight: "14px",
+  userSelect: "none"
+};
+const selectStyle = {
+  background: "var(--fc-bg)",
+  color: "var(--fc-text)",
+  border: "1px solid var(--fc-border)",
+  borderRadius: 3,
+  padding: "1px 4px",
+  fontSize: 11,
+  cursor: "pointer",
+  lineHeight: "16px"
+};
+function drawSmoothPreview(ctx, projected, points, closed) {
+  if (projected.length < 2) return;
+  ctx.beginPath();
+  ctx.moveTo(projected[0].x, projected[0].y);
+  const segmentCount = closed ? projected.length : projected.length - 1;
+  for (let index = 0; index < segmentCount; index += 1) {
+    const nextIndex = (index + 1) % projected.length;
+    const current = projected[index];
+    const next = projected[nextIndex];
+    const currentG = points[index].g;
+    const nextG = points[nextIndex].g;
+    if (currentG === "G0" || nextG === "G0") {
+      ctx.lineTo(next.x, next.y);
+      continue;
+    }
+    const prev = projected[index === 0 ? closed ? projected.length - 1 : 0 : index - 1];
+    const after = projected[nextIndex === projected.length - 1 ? closed ? 0 : nextIndex : nextIndex + 1];
+    const reach = currentG === "G2" || nextG === "G2" ? 1 / 6 : 1 / 8;
+    const c1 = { x: current.x + (next.x - prev.x) * reach, y: current.y + (next.y - prev.y) * reach };
+    const c2 = { x: next.x - (after.x - current.x) * reach, y: next.y - (after.y - current.y) * reach };
+    ctx.bezierCurveTo(c1.x, c1.y, c2.x, c2.y, next.x, next.y);
+  }
+  if (closed) ctx.closePath();
+  ctx.stroke();
+}
+function Spline2DParamEditor({
+  curveDef,
+  allowFullScreen = true,
+  large = false
+}) {
+  const canvasRef = reactExports.useRef(null);
+  const dragState = reactExports.useRef(null);
+  const draftPointsRef = reactExports.useRef(null);
+  const panStart = reactExports.useRef(null);
+  const paramOverrides = useForgeStore((state2) => state2.paramOverrides);
+  const setParams = useForgeStore((state2) => state2.setParams);
+  const [expanded, setExpanded] = reactExports.useState(true);
+  const [fullScreen, setFullScreen] = reactExports.useState(false);
+  const [viewFrame, setViewFrame] = reactExports.useState(null);
+  const [draftPoints, setDraftPoints] = reactExports.useState(null);
+  const [selected, setSelected] = reactExports.useState(0);
+  const [selectedIndices, setSelectedIndices] = reactExports.useState([0]);
+  useEscapeAction(
+    () => {
+      setFullScreen(false);
+      return true;
+    },
+    { active: fullScreen, label: `${curveDef.name} spline editor`, priority: ESCAPE_PRIORITY.modal }
+  );
+  const committedPoints = reactExports.useMemo(() => currentSpline2DPoints(curveDef, paramOverrides), [curveDef, paramOverrides]);
+  const points = draftPoints ?? committedPoints;
+  const activeIndex = points.length > 0 ? Math.min(selected, points.length - 1) : 0;
+  const normalizedSelectedIndices = reactExports.useMemo(
+    () => normalizePointSelection(selectedIndices, points.length, activeIndex),
+    [activeIndex, points.length, selectedIndices]
+  );
+  const selectedIndexSet = reactExports.useMemo(() => new Set(normalizedSelectedIndices), [normalizedSelectedIndices]);
+  const selectedPoint = points[activeIndex] ?? points[0];
+  const unitLabel = curveDef.unit ? ` ${curveDef.unit}` : "";
+  const canAdd = points.length < curveDef.maxPoints;
+  const canRemove = points.length - normalizedSelectedIndices.length >= curveDef.minPoints;
+  reactExports.useEffect(() => {
+    if (selected >= points.length) setSelected(Math.max(0, points.length - 1));
+  }, [points.length, selected]);
+  reactExports.useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return;
+    const draw = () => {
+      const rect = canvas.getBoundingClientRect();
+      const dpr = window.devicePixelRatio || 1;
+      const nextWidth = Math.max(1, Math.round(rect.width * dpr));
+      const nextHeight = Math.max(1, Math.round(rect.height * dpr));
+      if (canvas.width !== nextWidth) canvas.width = nextWidth;
+      if (canvas.height !== nextHeight) canvas.height = nextHeight;
+      ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+      ctx.clearRect(0, 0, rect.width, rect.height);
+      const frame2 = viewFrame ?? frameForPath2D(canvas.clientWidth, canvas.clientHeight, curveDef);
+      drawPath2DGrid(ctx, rect.width, rect.height, frame2);
+      if (points.length === 0) return;
+      const projected = points.map((point) => path2DToScreen(point, frame2));
+      ctx.save();
+      ctx.setLineDash([5, 5]);
+      ctx.strokeStyle = "rgba(255,255,255,0.18)";
+      ctx.lineWidth = 1;
+      ctx.beginPath();
+      ctx.moveTo(projected[0].x, projected[0].y);
+      for (let index = 1; index < projected.length; index += 1) ctx.lineTo(projected[index].x, projected[index].y);
+      if (curveDef.closed) ctx.closePath();
+      ctx.stroke();
+      ctx.restore();
+      ctx.strokeStyle = "#4d93bf";
+      ctx.lineWidth = 4;
+      drawSmoothPreview(ctx, projected, points, curveDef.closed);
+      projected.forEach((point, index) => {
+        const isSelected = selectedIndexSet.has(index);
+        const isActive = index === activeIndex;
+        ctx.beginPath();
+        ctx.arc(point.x, point.y, isActive ? 8 : isSelected ? 7 : 6, 0, Math.PI * 2);
+        ctx.fillStyle = splineContinuityColor(points[index].g);
+        ctx.fill();
+        ctx.lineWidth = isActive ? 3 : isSelected ? 2.25 : 1.5;
+        ctx.strokeStyle = isSelected ? "#fff6d4" : "#171914";
+        ctx.stroke();
+      });
+    };
+    draw();
+    const observer = new ResizeObserver(draw);
+    observer.observe(canvas);
+    return () => observer.disconnect();
+  }, [activeIndex, curveDef, fullScreen, large, points, selectedIndexSet, viewFrame]);
+  reactExports.useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const handleWheel = (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      const rect = canvas.getBoundingClientRect();
+      const x = event.clientX - rect.left;
+      const y = event.clientY - rect.top;
+      setViewFrame(
+        (current) => zoomPath2DFrame(current ?? frameForPath2D(canvas.clientWidth, canvas.clientHeight, curveDef), x, y, event.deltaY > 0 ? 0.88 : 1.14)
+      );
+    };
+    canvas.addEventListener("wheel", handleWheel, { passive: false });
+    return () => canvas.removeEventListener("wheel", handleWheel);
+  }, [curveDef]);
+  const setContinuityForSelection = (continuity) => {
+    const nextPoints = points.map((point, index) => selectedIndexSet.has(index) ? { ...point, g: continuity } : point);
+    setParams(spline2DPatch(curveDef.name, nextPoints));
+  };
+  const pointerPoint = (event) => {
+    const canvas = event.currentTarget;
+    const rect = canvas.getBoundingClientRect();
+    return { x: event.clientX - rect.left, y: event.clientY - rect.top };
+  };
+  const nearestHandle = (canvas, x, y) => {
+    const frame2 = viewFrame ?? frameForPath2D(canvas.clientWidth, canvas.clientHeight, curveDef);
+    let bestIndex = null;
+    let bestDistance = Infinity;
+    points.forEach((point, index) => {
+      const screen2 = path2DToScreen(point, frame2);
+      const distance = Math.hypot(screen2.x - x, screen2.y - y);
+      if (distance < bestDistance) {
+        bestDistance = distance;
+        bestIndex = index;
+      }
+    });
+    return bestDistance <= 18 ? bestIndex : null;
+  };
+  const moveDraggedPoints = (drag, pointer) => {
+    const dx = pointer.x - drag.startPointer.x;
+    const dy = pointer.y - drag.startPointer.y;
+    const dragIndices = new Set(drag.indices);
+    const nextPoints = drag.startPoints.map(
+      (point, index) => dragIndices.has(index) ? {
+        ...point,
+        x: roundToStep(point.x + dx, curveDef.x.step),
+        y: roundToStep(point.y + dy, curveDef.y.step)
+      } : point
+    );
+    draftPointsRef.current = nextPoints;
+    setDraftPoints(nextPoints);
+  };
+  const commitDraftDrag = () => {
+    const nextPoints = draftPointsRef.current;
+    draftPointsRef.current = null;
+    setDraftPoints(null);
+    if (nextPoints) setParams(spline2DPatch(curveDef.name, nextPoints));
+  };
+  const cancelDraftDrag = () => {
+    draftPointsRef.current = null;
+    setDraftPoints(null);
+  };
+  const insertPointAfterSelection = () => {
+    if (!canAdd) return;
+    const insertAt = Math.min(activeIndex + 1, points.length);
+    const a2 = points[activeIndex] ?? points[points.length - 1] ?? { x: 0, y: 0, g: "G2" };
+    const b2 = points[insertAt] ?? (curveDef.closed ? points[0] : a2);
+    const nextPoint = {
+      x: roundToStep((a2.x + b2.x) / 2, curveDef.x.step),
+      y: roundToStep((a2.y + b2.y) / 2, curveDef.y.step),
+      g: a2.g === "G0" ? "G1" : a2.g
+    };
+    const nextPoints = [...points];
+    nextPoints.splice(insertAt, 0, nextPoint);
+    setSelected(insertAt);
+    setSelectedIndices([insertAt]);
+    setParams(spline2DPatch(curveDef.name, nextPoints));
+  };
+  const removeSelectedPoint = () => {
+    if (!canRemove) return;
+    const removeIndices = new Set(normalizedSelectedIndices);
+    const nextPoints = points.filter((_, index) => !removeIndices.has(index));
+    const firstRemoved = normalizedSelectedIndices[0] ?? activeIndex;
+    const nextSelected = Math.max(0, Math.min(firstRemoved, nextPoints.length - 1));
+    setSelected(nextSelected);
+    setSelectedIndices([nextSelected]);
+    setParams(spline2DPatch(curveDef.name, nextPoints), trailingSpline2DKeys(curveDef.name, points.length, nextPoints.length));
+  };
+  const handleButtonPointerDown = (event, action) => {
+    event.preventDefault();
+    event.stopPropagation();
+    action();
+  };
+  const handleButtonKeyDown = (event, action) => {
+    if (event.key !== "Enter" && event.key !== " ") return;
+    event.preventDefault();
+    event.stopPropagation();
+    action();
+  };
+  const canvasFrame = (canvas) => viewFrame ?? frameForPath2D(canvas.clientWidth, canvas.clientHeight, curveDef);
+  const canvasHeight = large ? "min(62vh, 640px)" : fullScreen ? "calc(100vh - 150px)" : 220;
+  const expandedLayout = large || fullScreen;
+  const editorPanel = /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      style: {
+        border: "1px solid var(--fc-border)",
+        borderRadius: 4,
+        padding: 8,
+        background: "var(--fc-bgSubtle, var(--fc-bgSurface, #1c2128))",
+        userSelect: "none",
+        WebkitUserSelect: "none",
+        ...expandedLayout ? {
+          display: "flex",
+          flexDirection: "column"
+        } : {},
+        ...fullScreen ? {
+          position: "fixed",
+          inset: 16,
+          zIndex: 2200,
+          boxShadow: "0 18px 52px rgba(0, 0, 0, 0.45)",
+          boxSizing: "border-box",
+          color: "var(--fc-text)"
+        } : {}
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", justifyContent: "flex-end", gap: 4, marginBottom: 6 }, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick: () => setViewFrame(null), title: "Fit spline in editor", style: buttonStyle, children: "Fit" }),
+          allowFullScreen && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setFullScreen(!fullScreen),
+              title: fullScreen ? "Close expanded editor" : "Expand editor",
+              style: buttonStyle,
+              children: fullScreen ? "Close" : "Full"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "canvas",
+          {
+            ref: canvasRef,
+            height: 220,
+            "aria-label": `${curveDef.name} spline editor`,
+            onPointerDown: (event) => {
+              event.preventDefault();
+              const pos = pointerPoint(event);
+              const hit = nearestHandle(event.currentTarget, pos.x, pos.y);
+              if (hit === null) panStart.current = { x: pos.x, y: pos.y, frame: canvasFrame(event.currentTarget) };
+              else {
+                const nextSelection = pointSelectionForPointerDown(
+                  normalizedSelectedIndices,
+                  hit,
+                  activeIndex,
+                  hasPointSelectionModifier(event),
+                  points.length
+                );
+                setSelected(nextSelection.activeIndex);
+                setSelectedIndices(nextSelection.selectedIndices);
+                if (nextSelection.shouldDrag) {
+                  const frame2 = canvasFrame(event.currentTarget);
+                  draftPointsRef.current = null;
+                  setDraftPoints(null);
+                  dragState.current = {
+                    indices: nextSelection.selectedIndices,
+                    startPointer: screenToPath2D(pos.x, pos.y, frame2),
+                    startPoints: points.map((point) => ({ ...point })),
+                    frame: frame2
+                  };
+                }
+              }
+              event.currentTarget.setPointerCapture(event.pointerId);
+            },
+            onPointerMove: (event) => {
+              const pos = pointerPoint(event);
+              if (dragState.current) {
+                moveDraggedPoints(dragState.current, screenToPath2D(pos.x, pos.y, dragState.current.frame));
+                return;
+              }
+              if (panStart.current) {
+                setViewFrame(panPath2DFrame(panStart.current.frame, pos.x - panStart.current.x, pos.y - panStart.current.y));
+              }
+            },
+            onPointerUp: (event) => {
+              if (dragState.current) commitDraftDrag();
+              dragState.current = null;
+              panStart.current = null;
+              if (event.currentTarget.hasPointerCapture(event.pointerId)) event.currentTarget.releasePointerCapture(event.pointerId);
+            },
+            onPointerCancel: (event) => {
+              if (dragState.current) cancelDraftDrag();
+              dragState.current = null;
+              panStart.current = null;
+              if (event.currentTarget.hasPointerCapture(event.pointerId)) event.currentTarget.releasePointerCapture(event.pointerId);
+            },
+            style: { display: "block", width: "100%", height: canvasHeight, borderRadius: 3, background: "var(--fc-bg)", touchAction: "none" }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", gap: 8, marginTop: 6 }, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { color: "var(--fc-textDim)", fontSize: 10, fontVariantNumeric: "tabular-nums", minWidth: 0 }, children: [
+            normalizedSelectedIndices.length > 1 ? `${normalizedSelectedIndices.length} selected · ` : "",
+            "P",
+            Math.min(activeIndex + 1, points.length),
+            " x ",
+            selectedPoint ? selectedPoint.x : 0,
+            unitLabel,
+            " · y ",
+            selectedPoint ? selectedPoint.y : 0,
+            unitLabel
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", gap: 4, alignItems: "center" }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "select",
+              {
+                "aria-label": `${curveDef.name} selected point continuity`,
+                value: (selectedPoint == null ? void 0 : selectedPoint.g) ?? "G2",
+                onChange: (event) => setContinuityForSelection(event.target.value),
+                style: selectStyle,
+                children: SPLINE_2D_CONTINUITIES.map((continuity) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: continuity, children: continuity }, continuity))
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                type: "button",
+                onPointerDown: (event) => handleButtonPointerDown(event, insertPointAfterSelection),
+                onKeyDown: (event) => handleButtonKeyDown(event, insertPointAfterSelection),
+                disabled: !canAdd,
+                title: "Add point after selected",
+                style: buttonStyle,
+                children: "+ Point"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                type: "button",
+                onPointerDown: (event) => handleButtonPointerDown(event, removeSelectedPoint),
+                onKeyDown: (event) => handleButtonKeyDown(event, removeSelectedPoint),
+                disabled: !canRemove,
+                title: "Remove selected point(s)",
+                style: buttonStyle,
+                children: "Remove"
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { marginBottom: 8 }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        onClick: () => setExpanded(!expanded),
+        style: { display: "flex", justifyContent: "space-between", alignItems: "center", fontSize: 12, cursor: "pointer", marginBottom: 4 },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { color: "var(--fc-text)", fontWeight: 600 }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontSize: 9, marginRight: 4 }, children: expanded ? "▼" : "▶" }),
+            curveDef.name,
+            " (",
+            points.length,
+            ")"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { color: "var(--fc-textDim)", fontSize: 10 }, children: [
+            "Spline d",
+            curveDef.degree
+          ] })
+        ]
+      }
+    ),
+    expanded && editorPanel
+  ] });
+}
+const SPATIAL_PARAM_KIND_COLORS = {
+  scalar: "#46b6a9",
+  text: "#9ca3af",
+  list: "#e5a83c",
+  path2d: "#e5a83c",
+  spline2d: "#5da9e9",
+  placement2d: "#c77dff"
+};
+function spatialParamAnchorPosition(anchor) {
+  return anchor.kind === "point" ? anchor.at : anchor.origin;
+}
+function spatialParamAnchorLabel(name, anchor) {
+  return anchor.label ?? name;
+}
+function scalarSummary(param) {
+  if (param.boolean) return param.value >= 0.5 ? "on" : "off";
+  if (param.choices) return param.choices[Math.max(0, Math.min(Math.round(param.value), param.choices.length - 1))] ?? String(param.value);
+  return `${param.value}${param.unit ? ` ${param.unit}` : ""}`;
+}
+function collectSpatialParamAnchors(params, stringParams, listParams, path2dParams, spline2dParams, placement2dParams) {
+  const anchors = [];
+  params.forEach((param) => {
+    if (param.anchor) anchors.push({ name: param.name, kind: "scalar", anchor: param.anchor, summary: scalarSummary(param) });
+  });
+  stringParams.forEach((param) => {
+    if (param.anchor) anchors.push({ name: param.name, kind: "text", anchor: param.anchor, summary: param.value });
+  });
+  listParams.forEach((param) => {
+    if (param.anchor) anchors.push({ name: param.name, kind: "list", anchor: param.anchor, summary: `${param.items.length} items` });
+  });
+  path2dParams.forEach((param) => {
+    if (param.anchor)
+      anchors.push({ name: param.name, kind: "path2d", anchor: param.anchor, summary: `${param.points.length} pts`, pathDef: param });
+  });
+  spline2dParams.forEach((param) => {
+    if (param.anchor)
+      anchors.push({ name: param.name, kind: "spline2d", anchor: param.anchor, summary: `${param.points.length} pts`, splineDef: param });
+  });
+  placement2dParams.forEach((param) => {
+    if (param.anchor)
+      anchors.push({
+        name: param.name,
+        kind: "placement2d",
+        anchor: param.anchor,
+        summary: `${param.items.length} items`,
+        placementDef: param
+      });
+  });
+  return anchors;
+}
+function stopSpatialPointerDown$1(event) {
+  event.stopPropagation();
+}
+function preventControlTextSelection$1(event) {
+  const target = event.target;
+  if (target instanceof HTMLElement && target.closest("input, textarea, select, button, canvas")) return;
+  event.preventDefault();
+}
+function preventMarkerDrag(event) {
+  event.preventDefault();
+}
+function stopSpatialWheel$1(event) {
+  event.stopPropagation();
+}
+function SpatialParamMarker({ item }) {
+  const focusedParamName = useForgeStore((s) => s.focusedParamName);
+  const focusParam = useForgeStore((s) => s.focusParam);
+  const openSpatialParamSheet = useForgeStore((s) => s.openSpatialParamSheet);
+  const closeSpatialParamSheet = useForgeStore((s) => s.closeSpatialParamSheet);
+  const selected = focusedParamName === item.name;
+  const color = item.anchor.color ?? SPATIAL_PARAM_KIND_COLORS[item.kind];
+  const isManual = item.kind === "path2d" || item.kind === "spline2d" || item.kind === "placement2d";
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Html,
+    {
+      position: spatialParamAnchorPosition(item.anchor),
+      zIndexRange: [90, 0],
+      style: { pointerEvents: "auto", userSelect: "none", WebkitUserSelect: "none" },
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          type: "button",
+          "aria-label": `Focus parameter ${item.name}`,
+          draggable: false,
+          onDragStart: preventMarkerDrag,
+          onPointerDown: (event) => {
+            event.stopPropagation();
+            event.preventDefault();
+          },
+          onClick: (event) => {
+            event.stopPropagation();
+            focusParam(item.name);
+            if (isManual) openSpatialParamSheet(item.name);
+            else closeSpatialParamSheet();
+          },
+          style: {
+            display: "inline-flex",
+            gap: 7,
+            alignItems: "center",
+            width: "max-content",
+            maxWidth: 220,
+            minWidth: 0,
+            minHeight: 0,
+            padding: 0,
+            border: 0,
+            background: "transparent",
+            color: "var(--fc-text, #f8fafc)",
+            cursor: "pointer",
+            font: "inherit",
+            lineHeight: 1,
+            transform: "translate(8px, -50%)",
+            userSelect: "none",
+            WebkitUserSelect: "none",
+            touchAction: "none"
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "span",
+              {
+                style: {
+                  width: 18,
+                  height: 18,
+                  flex: "0 0 18px",
+                  borderRadius: 999,
+                  background: color,
+                  border: selected ? "2px solid #fff6d4" : "2px solid rgba(255,255,255,0.78)",
+                  boxShadow: selected ? "0 0 0 4px rgba(255, 246, 212, 0.18), 0 8px 20px rgba(0,0,0,0.32)" : "0 8px 20px rgba(0,0,0,0.32)"
+                }
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "span",
+              {
+                style: {
+                  padding: "4px 7px",
+                  borderRadius: 4,
+                  border: selected ? `1px solid ${color}` : "1px solid rgba(255,255,255,0.14)",
+                  background: "rgba(18, 24, 27, 0.9)",
+                  boxShadow: "0 10px 22px rgba(0,0,0,0.24)",
+                  boxSizing: "border-box",
+                  display: "block",
+                  maxWidth: 176,
+                  minWidth: 0,
+                  overflow: "hidden",
+                  fontSize: 11,
+                  fontWeight: 700,
+                  lineHeight: 1.15,
+                  textAlign: "left",
+                  whiteSpace: "nowrap",
+                  textOverflow: "ellipsis",
+                  userSelect: "none",
+                  WebkitUserSelect: "none"
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { display: "block", overflow: "hidden", textOverflow: "ellipsis" }, children: spatialParamAnchorLabel(item.name, item.anchor) }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "span",
+                    {
+                      style: {
+                        display: "block",
+                        overflow: "hidden",
+                        textOverflow: "ellipsis",
+                        color: "var(--fc-textDim, #9ca3af)",
+                        fontSize: 10,
+                        fontWeight: 650
+                      },
+                      children: item.summary
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function SpatialParamSheet({ item }) {
+  const expandSpatialParamSheet = useForgeStore((s) => s.expandSpatialParamSheet);
+  const closeSpatialParamSheet = useForgeStore((s) => s.closeSpatialParamSheet);
+  useEscapeAction(
+    () => {
+      closeSpatialParamSheet();
+      return true;
+    },
+    { active: true, label: "Spatial parameter sheet", priority: ESCAPE_PRIORITY.popover }
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Html,
+    {
+      position: spatialParamAnchorPosition(item.anchor),
+      zIndexRange: [95, 0],
+      style: { pointerEvents: "auto", userSelect: "none", WebkitUserSelect: "none" },
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          className: "fc-viewport-floating-panel fc-spatial-param-sheet",
+          onPointerDown: stopSpatialPointerDown$1,
+          onMouseDown: preventControlTextSelection$1,
+          onWheel: stopSpatialWheel$1,
+          style: {
+            width: "clamp(320px, 34vw, 430px)",
+            maxWidth: "calc(100vw - 32px)",
+            maxHeight: "min(72vh, 560px)",
+            transform: "translate(24px, -50%)",
+            border: "1px solid var(--fc-floating-panel-border, var(--fc-border, #333))",
+            borderRadius: 6,
+            background: "var(--fc-floating-panel-bg, rgba(18, 24, 27, 0.96))",
+            boxShadow: "0 18px 52px rgba(0,0,0,0.38)",
+            boxSizing: "border-box",
+            padding: 10,
+            overflow: "hidden",
+            color: "var(--fc-text)",
+            userSelect: "none",
+            WebkitUserSelect: "none"
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", justifyContent: "space-between", gap: 10, alignItems: "center", marginBottom: 8 }, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { minWidth: 0 }, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { style: { display: "block", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", fontSize: 12 }, children: item.name }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "span",
+                  {
+                    style: {
+                      display: "block",
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      whiteSpace: "nowrap",
+                      fontSize: 10,
+                      color: "var(--fc-textDim)",
+                      marginTop: 1
+                    },
+                    children: spatialParamAnchorLabel(item.name, item.anchor)
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", gap: 4 }, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => expandSpatialParamSheet(item.name),
+                    style: {
+                      border: "1px solid var(--fc-border)",
+                      borderRadius: 4,
+                      background: "none",
+                      color: "var(--fc-textDim)",
+                      cursor: "pointer",
+                      fontSize: 11,
+                      lineHeight: "16px",
+                      padding: "2px 7px"
+                    },
+                    children: "Full"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: closeSpatialParamSheet,
+                    style: {
+                      border: "1px solid var(--fc-border)",
+                      borderRadius: 4,
+                      background: "none",
+                      color: "var(--fc-textDim)",
+                      cursor: "pointer",
+                      fontSize: 11,
+                      lineHeight: "16px",
+                      padding: "2px 7px"
+                    },
+                    children: "Close"
+                  }
+                )
+              ] })
+            ] }),
+            item.pathDef && /* @__PURE__ */ jsxRuntimeExports.jsx(Path2DParamEditor, { pathDef: item.pathDef, allowFullScreen: false }),
+            item.splineDef && /* @__PURE__ */ jsxRuntimeExports.jsx(Spline2DParamEditor, { curveDef: item.splineDef, allowFullScreen: false }),
+            item.placementDef && /* @__PURE__ */ jsxRuntimeExports.jsx(Placement2DParamEditor, { layoutDef: item.placementDef, allowFullScreen: false })
+          ]
+        }
+      )
+    }
+  );
+}
+function SpatialParamAnchorsOverlay() {
+  const params = useForgeStore((s) => s.params);
+  const stringParams = useForgeStore((s) => s.stringParams);
+  const listParams = useForgeStore((s) => s.listParams);
+  const path2dParams = useForgeStore((s) => s.path2dParams);
+  const spline2dParams = useForgeStore((s) => s.spline2dParams);
+  const placement2dParams = useForgeStore((s) => s.placement2dParams);
+  const sheetName = useForgeStore((s) => s.spatialParamSheetName);
+  const anchors = reactExports.useMemo(
+    () => collectSpatialParamAnchors(params, stringParams, listParams, path2dParams, spline2dParams, placement2dParams),
+    [params, stringParams, listParams, path2dParams, placement2dParams, spline2dParams]
+  );
+  const sheetItem = reactExports.useMemo(
+    () => anchors.find((item) => item.name === sheetName && (item.pathDef || item.splineDef || item.placementDef)) ?? null,
+    [anchors, sheetName]
+  );
+  if (anchors.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("group", { renderOrder: 13, children: [
+    anchors.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(SpatialParamMarker, { item }, item.name)),
+    sheetItem && /* @__PURE__ */ jsxRuntimeExports.jsx(SpatialParamSheet, { item: sheetItem })
+  ] });
+}
+function stopSpatialPointerDown(event) {
+  event.stopPropagation();
+}
+function preventControlTextSelection(event) {
+  const target = event.target;
+  if (target instanceof HTMLElement && target.closest("input, textarea, select, button, canvas")) return;
+  event.preventDefault();
+}
+function stopSpatialWheel(event) {
+  event.stopPropagation();
+}
+function SpatialParamExpandedSheetOverlay() {
+  const params = useForgeStore((s) => s.params);
+  const stringParams = useForgeStore((s) => s.stringParams);
+  const listParams = useForgeStore((s) => s.listParams);
+  const path2dParams = useForgeStore((s) => s.path2dParams);
+  const spline2dParams = useForgeStore((s) => s.spline2dParams);
+  const placement2dParams = useForgeStore((s) => s.placement2dParams);
+  const sheetName = useForgeStore((s) => s.expandedSpatialParamSheetName);
+  const closeExpandedSpatialParamSheet = useForgeStore((s) => s.closeExpandedSpatialParamSheet);
+  const anchors = reactExports.useMemo(
+    () => collectSpatialParamAnchors(params, stringParams, listParams, path2dParams, spline2dParams, placement2dParams),
+    [params, stringParams, listParams, path2dParams, placement2dParams, spline2dParams]
+  );
+  const item = reactExports.useMemo(
+    () => anchors.find((anchor) => anchor.name === sheetName && (anchor.pathDef || anchor.splineDef || anchor.placementDef)) ?? null,
+    [anchors, sheetName]
+  );
+  useEscapeAction(
+    () => {
+      closeExpandedSpatialParamSheet();
+      return true;
+    },
+    { active: item !== null, label: "Expanded spatial parameter sheet", priority: ESCAPE_PRIORITY.modal }
+  );
+  if (!item) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      className: "fc-spatial-param-expanded-overlay",
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": `${item.name} spatial parameter editor`,
+      style: {
+        position: "fixed",
+        inset: 0,
+        zIndex: 2200,
+        padding: 24,
+        boxSizing: "border-box",
+        display: "flex",
+        background: "rgba(2, 7, 10, 0.58)",
+        backdropFilter: "blur(2px)",
+        WebkitBackdropFilter: "blur(2px)",
+        pointerEvents: "auto",
+        userSelect: "none",
+        WebkitUserSelect: "none"
+      },
+      onPointerDown: stopSpatialPointerDown,
+      onMouseDown: preventControlTextSelection,
+      onWheel: stopSpatialWheel,
+      onContextMenu: (event) => event.preventDefault(),
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          className: "fc-viewport-floating-panel fc-spatial-param-expanded-surface",
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            width: "100%",
+            minWidth: 0,
+            minHeight: 0,
+            border: "1px solid var(--fc-floating-panel-border, var(--fc-border))",
+            borderRadius: 6,
+            background: "var(--fc-bgPanel, #161b22)",
+            boxShadow: "0 18px 52px rgba(0,0,0,0.42)",
+            padding: 12,
+            color: "var(--fc-text)",
+            overflow: "hidden"
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 12, marginBottom: 10 }, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { minWidth: 0 }, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { fontSize: 13, fontWeight: 700, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: item.name }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { fontSize: 11, color: "var(--fc-textDim)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: spatialParamAnchorLabel(item.name, item.anchor) })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: closeExpandedSpatialParamSheet,
+                  style: {
+                    border: "1px solid var(--fc-border)",
+                    borderRadius: 4,
+                    background: "transparent",
+                    color: "var(--fc-textDim)",
+                    cursor: "pointer",
+                    fontSize: 12,
+                    padding: "3px 8px"
+                  },
+                  children: "Close"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { minHeight: 0, overflow: "auto" }, children: [
+              item.pathDef && /* @__PURE__ */ jsxRuntimeExports.jsx(Path2DParamEditor, { pathDef: item.pathDef, allowFullScreen: false, large: true }),
+              item.splineDef && /* @__PURE__ */ jsxRuntimeExports.jsx(Spline2DParamEditor, { curveDef: item.splineDef, allowFullScreen: false, large: true }),
+              item.placementDef && /* @__PURE__ */ jsxRuntimeExports.jsx(Placement2DParamEditor, { layoutDef: item.placementDef, allowFullScreen: false, large: true })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
 const IDLE_STATE = {
   status: "idle",
   error: null,
@@ -41562,7 +43512,7 @@ function mergeResults(results, channel, analysisId) {
 class InspectWorkerClient {
   constructor(workerFactory = () => new Worker(new URL(
     /* @vite-ignore */
-    "/assets/inspectWorker-UXMxlcR8.js",
+    "/assets/inspectWorker-Cuby2qfT.js",
     import.meta.url
   ), { type: "module" })) {
     __publicField(this, "reqId", 0);
@@ -41760,14 +43710,14 @@ function addCandidate(candidates, candidate) {
   }
   if (candidate.bboxOverlapVolume > candidates[smallestIndex].bboxOverlapVolume) candidates[smallestIndex] = candidate;
 }
-async function collectCollisionCandidates(entries, maybeYield) {
+async function collectCollisionCandidates(entries2, maybeYield) {
   const candidates = [];
   let candidateCount = 0;
   let prunedPairCount = 0;
-  for (let sourceIndex = 0; sourceIndex < entries.length; sourceIndex += 1) {
-    const source = entries[sourceIndex];
-    for (let targetIndex = sourceIndex + 1; targetIndex < entries.length; targetIndex += 1) {
-      const target = entries[targetIndex];
+  for (let sourceIndex = 0; sourceIndex < entries2.length; sourceIndex += 1) {
+    const source = entries2[sourceIndex];
+    for (let targetIndex = sourceIndex + 1; targetIndex < entries2.length; targetIndex += 1) {
+      const target = entries2[targetIndex];
       if (!aabbOverlaps(source.worldBounds, target.worldBounds)) continue;
       const bboxOverlapVolume = aabbOverlapVolume(source.worldBounds, target.worldBounds);
       if (bboxOverlapVolume <= DEFAULT_COLLISION_INSPECTION_OPTIONS.minOverlapVolume) {
@@ -41814,7 +43764,7 @@ async function cloneCollisionShapePayloadForWorker(shape, maybeYield) {
 async function buildCollisionWorkerObjects(args) {
   var _a3;
   const warnings = [];
-  const entries = [];
+  const entries2 = [];
   const maybeYield = createBuildYield(args.isCancelled);
   for (const obj of args.objects) {
     if (args.isCancelled()) throw new InspectBuildCancelledError();
@@ -41824,10 +43774,10 @@ async function buildCollisionWorkerObjects(args) {
     const local = localBounds(obj);
     const world = transformedBounds(obj, matrix);
     if (!local || !world) continue;
-    entries.push({ obj, matrix, localBounds: local, worldBounds: world });
+    entries2.push({ obj, matrix, localBounds: local, worldBounds: world });
     await maybeYield();
   }
-  const { candidates, candidateCount, prunedPairCount } = await collectCollisionCandidates(entries, maybeYield);
+  const { candidates, candidateCount, prunedPairCount } = await collectCollisionCandidates(entries2, maybeYield);
   if (candidateCount === 0) {
     return {
       objects: [],
@@ -41859,7 +43809,7 @@ async function buildCollisionWorkerObjects(args) {
   const out = [];
   let payloadBytes = 0;
   for (const entryIndex of selectedIndexes) {
-    const entry = entries[entryIndex];
+    const entry = entries2[entryIndex];
     const collisionShape = await cloneCollisionShapePayloadForWorker(entry.obj.shape, maybeYield);
     const nextBytes = collisionPayloadBytes(collisionShape);
     if (payloadBytes + nextBytes > VIEWPORT_COLLISION_MAX_PAYLOAD_BYTES) {
@@ -42640,6 +44590,7 @@ function Viewport() {
     renderLabels,
     debugHighlights3D,
     dimensionsVisible,
+    paramAnchorsVisible,
     attachmentsVisible,
     attachmentPoints,
     sectionPlaneGuidesEnabled,
@@ -43419,6 +45370,7 @@ function Viewport() {
                 !rigInspectActive && hoveredJointOverlay && /* @__PURE__ */ jsxRuntimeExports.jsx(HoveredJointOverlay, { state: hoveredJointOverlay, config: jointOverlayConfig }),
                 !rigInspectActive && dimensionsVisible && dimensions.map((d) => /* @__PURE__ */ jsxRuntimeExports.jsx(DimensionAnnotation, { def: d, lengthUnit }, d.id)),
                 !rigInspectActive && /* @__PURE__ */ jsxRuntimeExports.jsx(RenderLabelsOverlay, { labels: renderLabels }),
+                !rigInspectActive && paramAnchorsVisible && /* @__PURE__ */ jsxRuntimeExports.jsx(SpatialParamAnchorsOverlay, {}),
                 !rigInspectActive && attachmentsVisible !== "none" && attachmentPoints.map((ap) => {
                   const matrix = objectMatrices[ap.objectId];
                   return matrix ? /* @__PURE__ */ jsxRuntimeExports.jsx("group", { matrixAutoUpdate: false, matrix, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConnectorAttachmentAnnotation, { def: ap }) }, `${ap.objectId}:${ap.name}`) : /* @__PURE__ */ jsxRuntimeExports.jsx(ConnectorAttachmentAnnotation, { def: ap }, `${ap.objectId}:${ap.name}`);
@@ -43629,6 +45581,7 @@ function Viewport() {
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(ViewportOverlayHost, { entries: overlayEntries }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SpatialParamExpandedSheetOverlay, {}),
         viewportDisabledMessage && /* @__PURE__ */ jsxRuntimeExports.jsx(ViewportDisabledOverlay, { title: viewportDisabledMessage.title, body: viewportDisabledMessage.body }),
         drawFlagEnabled && /* @__PURE__ */ jsxRuntimeExports.jsx(DrawToolbar, {}),
         /* @__PURE__ */ jsxRuntimeExports.jsx(HoverTooltipLayer, { ref: hoverTooltipRef, enabled: objectPickSyncEnabled && !measureMode && !voxelIntentMode }),
@@ -44309,7 +46262,7 @@ function Viewport() {
     }
   );
 }
-const EditorApp$1 = reactExports.lazy(() => __vitePreload(() => import("./EditorApp-DQJmcmRT.js"), true ? __vite__mapDeps([0]) : void 0).then((m2) => ({ default: m2.EditorApp })));
+const EditorApp$1 = reactExports.lazy(() => __vitePreload(() => import("./EditorApp-CYBDvSyT.js"), true ? __vite__mapDeps([0]) : void 0).then((m2) => ({ default: m2.EditorApp })));
 const PENDING_SHARE_COPY_KEY = "fc-pending-share-copy";
 function storePendingShareCopy(shareId) {
   sessionStorage.setItem(PENDING_SHARE_COPY_KEY, shareId);
@@ -44575,17 +46528,17 @@ function SeoMetadata() {
   }, [location.pathname]);
   return null;
 }
-reactExports.lazy(() => __vitePreload(() => import("./LandingPageProofDriven-DbE_tp8-.js"), true ? __vite__mapDeps([1]) : void 0).then((m2) => ({ default: m2.LandingPageProofDriven })));
-const DocsPage = reactExports.lazy(() => __vitePreload(() => import("./DocsPage-DO1kvBns.js"), true ? [] : void 0).then((m2) => ({ default: m2.DocsPage })));
-reactExports.lazy(() => __vitePreload(() => import("./BlogPage-D7Dos-vl.js"), true ? [] : void 0).then((m2) => ({ default: m2.BlogPage })));
-reactExports.lazy(() => __vitePreload(() => import("./BenchmarkPage-DP3RxhPs.js"), true ? __vite__mapDeps([1,2]) : void 0).then((m2) => ({ default: m2.BenchmarkPage })));
-reactExports.lazy(() => __vitePreload(() => import("./AdminPage-raksfnNA.js"), true ? [] : void 0).then((m2) => ({ default: m2.AdminPage })));
+reactExports.lazy(() => __vitePreload(() => import("./LandingPageProofDriven-XYTiYxfM.js"), true ? __vite__mapDeps([1]) : void 0).then((m2) => ({ default: m2.LandingPageProofDriven })));
+const DocsPage = reactExports.lazy(() => __vitePreload(() => import("./DocsPage-ClL6X1hR.js"), true ? [] : void 0).then((m2) => ({ default: m2.DocsPage })));
+reactExports.lazy(() => __vitePreload(() => import("./BlogPage-DIWRApKS.js"), true ? [] : void 0).then((m2) => ({ default: m2.BlogPage })));
+reactExports.lazy(() => __vitePreload(() => import("./BenchmarkPage-YZJbw5nd.js"), true ? __vite__mapDeps([1,2]) : void 0).then((m2) => ({ default: m2.BenchmarkPage })));
+reactExports.lazy(() => __vitePreload(() => import("./AdminPage-B1nIvqLS.js"), true ? [] : void 0).then((m2) => ({ default: m2.AdminPage })));
 reactExports.lazy(() => __vitePreload(() => Promise.resolve().then(() => PublishedModelPage$1), true ? void 0 : void 0).then((m2) => ({ default: m2.PublishedModelPage })));
-reactExports.lazy(() => __vitePreload(() => import("./SettingsPage-DLWcP289.js"), true ? [] : void 0).then((m2) => ({ default: m2.SettingsPage })));
-reactExports.lazy(() => __vitePreload(() => import("./PricingPage-CcVIN9yj.js"), true ? __vite__mapDeps([1,3]) : void 0).then((m2) => ({ default: m2.PricingPage })));
-reactExports.lazy(() => __vitePreload(() => import("./LegalPage-CominSso.js"), true ? __vite__mapDeps([1,4]) : void 0).then((m2) => ({ default: m2.LegalPage })));
-const EditorApp = reactExports.lazy(() => __vitePreload(() => import("./EditorApp-DQJmcmRT.js"), true ? __vite__mapDeps([0]) : void 0).then((m2) => ({ default: m2.EditorApp })));
-const EmbedViewer = reactExports.lazy(() => __vitePreload(() => import("./EmbedViewer-DFDUhOma.js"), true ? [] : void 0).then((m2) => ({ default: m2.EmbedViewer })));
+reactExports.lazy(() => __vitePreload(() => import("./SettingsPage-D3bcPBsC.js"), true ? [] : void 0).then((m2) => ({ default: m2.SettingsPage })));
+reactExports.lazy(() => __vitePreload(() => import("./PricingPage-BP4lIGio.js"), true ? __vite__mapDeps([1,3]) : void 0).then((m2) => ({ default: m2.PricingPage })));
+reactExports.lazy(() => __vitePreload(() => import("./LegalPage-D5Z3CscF.js"), true ? __vite__mapDeps([1,4]) : void 0).then((m2) => ({ default: m2.LegalPage })));
+const EditorApp = reactExports.lazy(() => __vitePreload(() => import("./EditorApp-CYBDvSyT.js"), true ? __vite__mapDeps([0]) : void 0).then((m2) => ({ default: m2.EditorApp })));
+const EmbedViewer = reactExports.lazy(() => __vitePreload(() => import("./EmbedViewer-Dmfu_LIw.js"), true ? [] : void 0).then((m2) => ({ default: m2.EmbedViewer })));
 const embedMode = isEmbedMode() && !window.location.pathname.startsWith("/m/");
 const EDITABLE_CRASH_FILE = /\.(?:forge\.js|[cm]?[jt]sx?|json|md|txt|svg|dxf)$/i;
 function firstMeaningfulLine(text) {
@@ -44805,73 +46758,81 @@ function App() {
 applyTheme(localStorage.getItem("fc-theme") || "dark");
 clientExports.createRoot(document.getElementById("root")).render(/* @__PURE__ */ jsxRuntimeExports.jsx(App, {}));
 export {
-  VOXEL_INTENT_TOOL_ORDER as $,
+  formatArea as $,
   AuthApiError as A,
   BrandMark as B,
-  captureViewportImageBlobFromStore as C,
-  exportExactFromStore as D,
-  storageQuotaUpgradeMessage as E,
+  sanitizeExportStem as C,
+  captureViewportImageBlobFromStore as D,
+  ESCAPE_PRIORITY as E,
   FLAG_DEFINITIONS as F,
-  isImportableProjectMeshFile as G,
-  isImportableProjectBinaryFile as H,
-  hasExternalFiles as I,
-  isImportableProjectExactFile as J,
-  resolvePreviewFile as K,
-  countParamSnapshotDiff as L,
-  buildProjectShareUrl as M,
-  buildEmbedSnippet as N,
-  publishProjectShare as O,
-  unpublishProjectShare as P,
-  formatComputeBackendLabel as Q,
-  themes as R,
-  computeBackendFromParts as S,
-  formatArea as T,
-  sliderToAnimationSpeed as U,
-  animationSpeedToSlider as V,
-  formatAnimationSpeed as W,
-  resolveJointRange as X,
-  availableKernels as Y,
-  useJointsConfig as Z,
-  useJointAnimationValues as _,
+  exportExactFromStore as G,
+  storageQuotaUpgradeMessage as H,
+  isImportableProjectMeshFile as I,
+  isImportableProjectBinaryFile as J,
+  hasExternalFiles as K,
+  isImportableProjectExactFile as L,
+  currentPath2DPoints as M,
+  currentSpline2DPoints as N,
+  currentPlacement2DItems as O,
+  resolvePreviewFile as P,
+  Path2DParamEditor as Q,
+  Placement2DParamEditor as R,
+  Spline2DParamEditor as S,
+  countParamSnapshotDiff as T,
+  buildProjectShareUrl as U,
+  buildEmbedSnippet as V,
+  publishProjectShare as W,
+  unpublishProjectShare as X,
+  formatComputeBackendLabel as Y,
+  themes as Z,
+  computeBackendFromParts as _,
   applyTheme as a,
-  VOXEL_INTENT_TOOL_LABELS as a0,
-  VOXEL_INTENT_TOOL_COLORS as a1,
-  VOXEL_INTENT_PLACEMENT_ORDER as a2,
-  VOXEL_INTENT_PLACEMENT_LABELS as a3,
-  highlightLanguageForProjectFile as a4,
-  hasProjectTextFileExtension as a5,
-  expandBoundsByTransformedAabb as a6,
-  Canvas as a7,
-  ActiveCameraBridge as a8,
-  PerspectiveCamera as a9,
-  buildShareUrl as aA,
-  share as aB,
-  ControlsInteractionBridge as aa,
-  SceneConfigurator as ab,
-  LocalEnvironment as ac,
-  ForgeObject as ad,
-  RenderLabelsOverlay as ae,
-  Grid as af,
-  OrbitControls2 as ag,
-  TOUCH_GESTURES_3D as ah,
-  MOUSE_BUTTONS_3D as ai,
-  ViewController as aj,
-  ModelJourneyBar as ak,
-  useJointAnimationLoop as al,
-  computeJointNodeMatrices as am,
-  computeObjectJointMatrices as an,
-  readLastActiveFileForUser as ao,
-  ToastContainer as ap,
-  isMobile as aq,
-  useFeatureFlag as ar,
-  decodeSharedHash as as,
-  decodeSharedBundle as at,
-  getExternalUrl as au,
-  getGistId as av,
-  Viewport as aw,
-  shouldBlockBrowserShortcut as ax,
-  useDrawStore as ay,
-  storePendingShareCopy as az,
+  sliderToAnimationSpeed as a0,
+  animationSpeedToSlider as a1,
+  formatAnimationSpeed as a2,
+  resolveJointRange as a3,
+  availableKernels as a4,
+  useJointsConfig as a5,
+  useJointAnimationValues as a6,
+  VOXEL_INTENT_TOOL_ORDER as a7,
+  VOXEL_INTENT_TOOL_LABELS as a8,
+  VOXEL_INTENT_TOOL_COLORS as a9,
+  decodeSharedHash as aA,
+  decodeSharedBundle as aB,
+  getExternalUrl as aC,
+  getGistId as aD,
+  Viewport as aE,
+  shouldBlockBrowserShortcut as aF,
+  useDrawStore as aG,
+  storePendingShareCopy as aH,
+  buildShareUrl as aI,
+  share as aJ,
+  VOXEL_INTENT_PLACEMENT_ORDER as aa,
+  VOXEL_INTENT_PLACEMENT_LABELS as ab,
+  highlightLanguageForProjectFile as ac,
+  hasProjectTextFileExtension as ad,
+  expandBoundsByTransformedAabb as ae,
+  Canvas as af,
+  ActiveCameraBridge as ag,
+  PerspectiveCamera as ah,
+  ControlsInteractionBridge as ai,
+  SceneConfigurator as aj,
+  LocalEnvironment as ak,
+  ForgeObject as al,
+  RenderLabelsOverlay as am,
+  Grid as an,
+  OrbitControls2 as ao,
+  TOUCH_GESTURES_3D as ap,
+  MOUSE_BUTTONS_3D as aq,
+  ViewController as ar,
+  ModelJourneyBar as as,
+  useJointAnimationLoop as at,
+  computeJointNodeMatrices as au,
+  computeObjectJointMatrices as av,
+  readLastActiveFileForUser as aw,
+  ToastContainer as ax,
+  isMobile as ay,
+  useFeatureFlag as az,
   authFetch as b,
   authApi as c,
   showToast as d,
@@ -44885,16 +46846,16 @@ export {
   fetchGistModel as l,
   monacoLanguageForProjectFile as m,
   fetchUrlModel as n,
-  exportMeshFromStore as o,
-  exportReportFromStore as p,
-  exportViewportImageFromStore as q,
+  useEscapeAction as o,
+  exportMeshFromStore as p,
+  exportReportFromStore as q,
   readProjectFilesFromDataTransfer as r,
   storageUsagePercent as s,
   triggerDownload as t,
   useAuthStore as u,
-  exportOrbitVideoFromStore as v,
-  exportSketchFromStore as w,
-  buildGistShareUrl as x,
-  deriveExportStem as y,
-  sanitizeExportStem as z
+  exportViewportImageFromStore as v,
+  exportOrbitVideoFromStore as w,
+  exportSketchFromStore as x,
+  buildGistShareUrl as y,
+  deriveExportStem as z
 };