forgecad 0.9.7 → 0.9.9

package/dist/assets/{app-BE2nD6Yz.js → app-BjSEB4sY.js}

@@ -1,10 +1,10 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/EditorApp-DfFT2Dn8.css","assets/landing-proof-driven-B7_RpP79.css","assets/PricingPage-BMedqFef.css"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/EditorApp-D11wL4Qn.css","assets/landing-proof-driven-B7_RpP79.css","assets/PricingPage-BMedqFef.css"])))=>i.map(i=>d[i]);
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 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, B as BrowserRouter, g as Routes, h as Route, N as Navigate } from "./vendor-react-Da3A2QmU.js";
-import { _ as __vitePreload, z as zipSync, s as strToU8, W as WebGLRenderer, R as Raycaster, O as OrthographicCamera$1, P as PerspectiveCamera$1, S as Scene, a as PCFSoftShadowMap, V as VSMShadowMap, b as PCFShadowMap, B as BasicShadowMap, C as ColorManagement, L as LinearSRGBColorSpace, c as SRGBColorSpace, N as NoToneMapping, A as ACESFilmicToneMapping, d as Layers, e as Color, f as RGBAFormat, U as UnsignedByteType, g as Vector3, h as Vector2, i as Clock, T as THREE, D as DoubleSide, j as REVISION, M as Mesh, I as IcosahedronGeometry, k as ShaderMaterial, l as Spherical, Q as Quaternion, m as MOUSE, n as TOUCH, o as Ray, p as Plane, q as DataTextureLoader, H as HalfFloatType, F as FloatType, r as DataUtils, t as LinearFilter, u as RedFormat, v as InstancedBufferGeometry, w as Float32BufferAttribute, x as InstancedInterleavedBuffer, y as InterleavedBufferAttribute, E as WireframeGeometry, G as Box3, J as Sphere, K as UniformsUtils, X as UniformsLib, Y as Vector4, Z as Line3, $ as Matrix4, a0 as MathUtils, a1 as Uniform, a2 as WebGLRenderTarget, a3 as DepthTexture, a4 as BackSide, a5 as ClampToEdgeWrapping, a6 as PlaneGeometry, a7 as UVMapping, a8 as DataTexture, a9 as Texture, aa as MeshBasicMaterial, ab as IntType, ac as ShortType, ad as ByteType, ae as UnsignedIntType, af as Loader, ag as LoadingManager, ah as LinearMipMapLinearFilter, ai as FileLoader, aj as NoBlending, ak as CubeReflectionMapping, al as EquirectangularReflectionMapping, am as CubeTextureLoader, an as WebGLCubeRenderTarget, ao as ConstraintSketch, ap as setSketchPlacement3D, aq as Sketch, ar as PROFILE_BACKEND_MARKER, as as FrozenShape, at as setShapeCompilePlan, au as hasAnyPorts, av as setShapePortsInternal, aw as markShapePortsUsed, ax as setParamOverrides, ay as DEFAULT_ACTIVE_BACKEND, az as isConstraintSketch, aA as updateConstraintValue, aB as getShapeCompilePlan, aC as resolveForgeRenderStyle, aD as publishSolverWasmRunDebug, aE as resolveForgeQualityPreset, aF as resolveImportPath, aG as BufferGeometry, aH as LineBasicMaterial, aI as Line$1, aJ as LineDashedMaterial, aK as DepthStencilFormat, aL as UnsignedInt248Type, aM as MeshNormalMaterial, aN as NearestFilter, aO as BasicDepthPacking, aP as EventDispatcher$1, aQ as NoColorSpace, aR as FrontSide, aS as Material, aT as AlwaysDepth, aU as BufferAttribute, aV as CanvasTexture, aW as Object3D, aX as FogExp2, aY as Fog, aZ as AmbientLight, a_ as HemisphereLight, a$ as SpotLight, b0 as PointLight, b1 as DirectionalLight, b2 as analyzeCollisionIntersections, b3 as shapeToGeometry, b4 as buildShapeFromCompilePlan, b5 as sketchToSvg, b6 as sketchToDxf, b7 as runScript, b8 as MeshPhysicalMaterial, b9 as LineSegments, ba as getRenderStylePreset, bb as AdditiveBlending, bc as CatmullRomCurve3, bd as TubeGeometry, be as MeshStandardMaterial, bf as compileSdfNode3, bg as buildSdfRaymarchFragmentShader, bh as SDF_RAYMARCH_PROXY_VERTEX_SHADER, bi as Shape, bj as ShapeGeometry, bk as ShaderLib, bl as CylinderGeometry, bm as parseViewportCameraState, bn as createResolvedExplodeConfig, bo as explodeBoundsCenter, bp as explodeMergeBounds, bq as resolveExplodeDirective, br as computeExplodeMotion, bs as getSketchWorldMatrix, bt as explodeAdd, bu as hasExplodeOverride, bv as resolveExplodeLocalFanDirection, bw as explodeMul, bx as explodeLeafFanStage, by as normalizeCutPlane, bz as toClippingPlane, bA as findJointAnimationClip, bB as resolveJointAnimation, bC as resolveJointViewValues, bD as getShapePorts, bE as getShapeUsedPorts, bF as DEFAULT_VIEW_CONFIG, bG as getKernelFaceNameForTriangle, bH as initKernel, bI as initSolverWasm } from "./sectionPlaneMath-BdTjyVfs.js";
+import { _ as __vitePreload, z as zipSync, s as strToU8, W as WebGLRenderer, R as Raycaster, O as OrthographicCamera$1, P as PerspectiveCamera$1, S as Scene, a as PCFSoftShadowMap, V as VSMShadowMap, b as PCFShadowMap, B as BasicShadowMap, C as ColorManagement, L as LinearSRGBColorSpace, c as SRGBColorSpace, N as NoToneMapping, A as ACESFilmicToneMapping, d as Layers, e as Color, f as RGBAFormat, U as UnsignedByteType, g as Vector3, h as Vector2, i as Clock, T as THREE, D as DoubleSide, j as REVISION, M as Mesh, I as IcosahedronGeometry, k as ShaderMaterial, l as Spherical, Q as Quaternion, m as MOUSE, n as TOUCH, o as Ray, p as Plane, q as DataTextureLoader, H as HalfFloatType, F as FloatType, r as DataUtils, t as LinearFilter, u as RedFormat, v as InstancedBufferGeometry, w as Float32BufferAttribute, x as InstancedInterleavedBuffer, y as InterleavedBufferAttribute, E as WireframeGeometry, G as Box3, J as Sphere, K as UniformsUtils, X as UniformsLib, Y as Vector4, Z as Line3, $ as Matrix4, a0 as MathUtils, a1 as Uniform, a2 as WebGLRenderTarget, a3 as DepthTexture, a4 as BackSide, a5 as ClampToEdgeWrapping, a6 as PlaneGeometry, a7 as UVMapping, a8 as DataTexture, a9 as Texture, aa as MeshBasicMaterial, ab as IntType, ac as ShortType, ad as ByteType, ae as UnsignedIntType, af as Loader, ag as LoadingManager, ah as LinearMipMapLinearFilter, ai as FileLoader, aj as NoBlending, ak as CubeReflectionMapping, al as EquirectangularReflectionMapping, am as CubeTextureLoader, an as WebGLCubeRenderTarget, ao as ConstraintSketch, ap as setSketchPlacement3D, aq as Sketch, ar as PROFILE_BACKEND_MARKER, as as FrozenShape, at as setShapeCompilePlan, au as hasAnyPorts, av as setShapePortsInternal, aw as markShapePortsUsed, ax as setParamOverrides, ay as DEFAULT_ACTIVE_BACKEND, az as isConstraintSketch, aA as updateConstraintValue, aB as getShapeCompilePlan, aC as resolveForgeRenderStyle, aD as publishSolverWasmRunDebug, aE as resolveForgeQualityPreset, aF as resolveImportPath, aG as BufferGeometry, aH as LineBasicMaterial, aI as Line$1, aJ as LineDashedMaterial, aK as DepthStencilFormat, aL as UnsignedInt248Type, aM as MeshNormalMaterial, aN as NearestFilter, aO as BasicDepthPacking, aP as EventDispatcher$1, aQ as NoColorSpace, aR as FrontSide, aS as Material, aT as AlwaysDepth, aU as BufferAttribute, aV as CanvasTexture, aW as Object3D, aX as FogExp2, aY as Fog, aZ as AmbientLight, a_ as HemisphereLight, a$ as SpotLight, b0 as PointLight, b1 as DirectionalLight, b2 as analyzeCollisionIntersections, b3 as shapeToGeometry, b4 as buildShapeFromCompilePlan, b5 as sketchToSvg, b6 as sketchToDxf, b7 as runScript, b8 as MeshPhysicalMaterial, b9 as LineSegments, ba as geometryWithVisibleVertexColors, bb as getRenderStylePreset, bc as AdditiveBlending, bd as ZEBRA_STRIPE_SOFTNESS, be as ZEBRA_STRIPE_SCALE, bf as ZEBRA_LIGHT_COLOR, bg as ZEBRA_DARK_COLOR, bh as ZEBRA_ACCENT_COLOR, bi as ZEBRA_STRIPE_FRAGMENT_SHADER, bj as ZEBRA_STRIPE_VERTEX_SHADER, bk as SURFACE_FIELD_FRAGMENT_SHADER, bl as SURFACE_FIELD_VERTEX_SHADER, bm as CatmullRomCurve3, bn as TubeGeometry, bo as ROUGHNESS_COLORS, bp as DEFAULT_ROUGHNESS_INSPECTION_OPTIONS, bq as DEFAULT_THICKNESS_INSPECTION_OPTIONS, br as THICKNESS_COLORS, bs as MeshStandardMaterial, bt as compileSdfNode3, bu as buildSdfRaymarchFragmentShader, bv as SDF_RAYMARCH_PROXY_VERTEX_SHADER, bw as Shape, bx as ShapeGeometry, by as ShaderLib, bz as CylinderGeometry, bA as parseViewportCameraState, bB as createResolvedExplodeConfig, bC as explodeBoundsCenter, bD as explodeMergeBounds, bE as resolveExplodeDirective, bF as computeExplodeMotion, bG as getSketchWorldMatrix, bH as explodeAdd, bI as hasExplodeOverride, bJ as resolveExplodeLocalFanDirection, bK as explodeMul, bL as explodeLeafFanStage, bM as normalizeCutPlane, bN as toClippingPlane, bO as findJointAnimationClip, bP as resolveJointAnimation, bQ as resolveJointViewValues, bR as getShapePorts, bS as getShapeUsedPorts, bT as DEFAULT_VIEW_CONFIG, bU as getKernelFaceNameForTriangle, bV as resolveScalarSceneSampleBudget, bW as initKernel, bX as initSolverWasm } from "./scalar-sampling-budget-Bmewod18.js";
 function getCsrfToken() {
   const match = document.cookie.match(/(?:^|;\s*)fc-csrf-token=([^;]+)/);
   return match == null ? void 0 : match[1];
@@ -14909,24 +14909,24 @@ const formatAnimationSpeed = (speed) => {
   const safeSpeed = clampAnimationSpeed(speed);
   return safeSpeed < 0.1 ? safeSpeed.toFixed(3) : safeSpeed.toFixed(2);
 };
-const fmt$1 = (n) => (Math.round(n * 1e3) / 1e3).toString();
+const fmt$2 = (n) => (Math.round(n * 1e3) / 1e3).toString();
 function planLabel(plan) {
   var _a3;
   switch (plan.kind) {
     case "box":
-      return `Box ${fmt$1(plan.x)} × ${fmt$1(plan.y)} × ${fmt$1(plan.z)}`;
+      return `Box ${fmt$2(plan.x)} × ${fmt$2(plan.y)} × ${fmt$2(plan.z)}`;
     case "cylinder": {
-      const rLabel = plan.radiusTop !== void 0 && plan.radiusTop !== plan.radius ? `r=${fmt$1(plan.radius)}→${fmt$1(plan.radiusTop)}` : `r=${fmt$1(plan.radius)}`;
-      return `Cylinder ${rLabel} h=${fmt$1(plan.height)}`;
+      const rLabel = plan.radiusTop !== void 0 && plan.radiusTop !== plan.radius ? `r=${fmt$2(plan.radius)}→${fmt$2(plan.radiusTop)}` : `r=${fmt$2(plan.radius)}`;
+      return `Cylinder ${rLabel} h=${fmt$2(plan.height)}`;
     }
     case "sphere":
-      return `Sphere r=${fmt$1(plan.radius)}`;
+      return `Sphere r=${fmt$2(plan.radius)}`;
     case "torus":
-      return `Torus R=${fmt$1(plan.majorRadius)} r=${fmt$1(plan.minorRadius)}`;
+      return `Torus R=${fmt$2(plan.majorRadius)} r=${fmt$2(plan.minorRadius)}`;
     case "extrude":
-      return `Extrude h=${fmt$1(plan.height)}`;
+      return `Extrude h=${fmt$2(plan.height)}`;
     case "revolve":
-      return `Revolve ${fmt$1(plan.degrees)}°`;
+      return `Revolve ${fmt$2(plan.degrees)}°`;
     case "loft":
       return `Loft (${plan.profiles.length} profiles)`;
     case "sweep":
@@ -14940,17 +14940,17 @@ function planLabel(plan) {
     case "queryOwner":
       return planLabel(plan.base);
     case "fillet":
-      return `Fillet r=${fmt$1(plan.radius)}`;
+      return `Fillet r=${fmt$2(plan.radius)}`;
     case "filletEdges":
-      return `Fillet r=${fmt$1(plan.radius)}`;
+      return `Fillet r=${fmt$2(plan.radius)}`;
     case "cornerYBlend":
-      return `Y-corner blend r=${fmt$1(plan.radius)}`;
+      return `Y-corner blend r=${fmt$2(plan.radius)}`;
     case "chamfer":
-      return `Chamfer ${fmt$1(plan.size)}`;
+      return `Chamfer ${fmt$2(plan.size)}`;
     case "chamferEdges":
-      return `Chamfer ${fmt$1(plan.size)}`;
+      return `Chamfer ${fmt$2(plan.size)}`;
     case "shell":
-      return `Shell t=${fmt$1(plan.thickness)}`;
+      return `Shell t=${fmt$2(plan.thickness)}`;
     case "hole":
       return "Hole";
     case "cut":
@@ -14960,9 +14960,9 @@ function planLabel(plan) {
     case "sheetMetal":
       return "Sheet Metal";
     case "draft":
-      return `Draft ${fmt$1(plan.angleDeg)}°`;
+      return `Draft ${fmt$2(plan.angleDeg)}°`;
     case "offsetSolid":
-      return `Offset ${fmt$1(plan.thickness)}`;
+      return `Offset ${fmt$2(plan.thickness)}`;
     case "importedMesh":
       return `Import ${plan.filePath.split("/").pop() ?? "mesh"}`;
     case "sdf":
@@ -14978,9 +14978,9 @@ function planLabel(plan) {
     case "surfaceSew":
       return `Surface Sew (${plan.shapes.length} sheets)`;
     case "surfaceExtend":
-      return `Surface Extend ${fmt$1(plan.length)}`;
+      return `Surface Extend ${fmt$2(plan.length)}`;
     case "surfaceThicken":
-      return `Thicken ${fmt$1(plan.thickness)}`;
+      return `Thicken ${fmt$2(plan.thickness)}`;
     case "importedStep":
       return `STEP Import (${plan.filePath})`;
   }
@@ -15021,9 +15021,6 @@ function stableJsonStringify(value) {
 function shapeCompilePlanCacheKey(plan) {
   return `${SHAPE_COMPILE_PLAN_CACHE_KEY_VERSION}:${stableJsonStringify(plan)}`;
 }
-function constructionStepGeometryCacheKey(step) {
-  return step.cumulativePlanCacheKey;
-}
 function makeConstructionStep(step) {
   const planCacheKey = shapeCompilePlanCacheKey(step.plan);
   return {
@@ -15849,13 +15846,11 @@ function triggerDownload(blob, filename) {
   URL.revokeObjectURL(url2);
 }
 const INIT_TIMEOUT_MS = 12e4;
-const RUN_TIMEOUT_MS = 3e4;
-const EXPORT_TIMEOUT_MS = 3e5;
 const CRASH_COOLDOWN_MS = 2e3;
 class EvalWorkerClient {
   constructor(workerFactory = () => new Worker(new URL(
     /* @vite-ignore */
-    "/assets/evalWorker-Ds5U4xtN.js",
+    "/assets/evalWorker-CtO7GsJR.js",
     import.meta.url
   ), { type: "module" })) {
     __publicField(this, "worker", null);
@@ -15867,8 +15862,7 @@ class EvalWorkerClient {
     __publicField(this, "pendingFaceInfo", /* @__PURE__ */ new Map());
     __publicField(this, "pendingExportExact", /* @__PURE__ */ new Map());
     __publicField(this, "pendingExportMesh", /* @__PURE__ */ new Map());
-    __publicField(this, "runTimeoutId", null);
-    __publicField(this, "exportTimeoutId", null);
+    __publicField(this, "initTimeoutId", null);
     /** Timestamp of the last worker crash — used to enforce a cooldown before respawning. */
     __publicField(this, "lastCrashTime", 0);
     __publicField(this, "activeRunSeq", null);
@@ -15894,16 +15888,12 @@ class EvalWorkerClient {
       const { data } = event;
       if (data.type === "progress") {
         if (data.payload.phase === "export-evaluating" || data.payload.phase === "export-writing") {
-          this.resetExportTimeout();
           return;
         }
         if (data.payload.seq !== this.activeRunSeq) return;
         (_a3 = this.onProgress) == null ? void 0 : _a3.call(this, data.payload.phase);
         if (data.payload.phase === "evaluating") {
-          this.clearRunTimeout();
-          this.runTimeoutId = setTimeout(() => {
-            this.killWorker(`Script execution timed out after ${RUN_TIMEOUT_MS / 1e3}s`);
-          }, RUN_TIMEOUT_MS);
+          this.clearInitTimeout();
         }
         return;
       }
@@ -15915,7 +15905,7 @@ class EvalWorkerClient {
       if (data.type === "run-success" || data.type === "run-error") {
         const req = this.pendingRuns.get(data.payload.seq);
         if (!req) return;
-        this.clearRunTimeout();
+        this.clearInitTimeout();
         this.clearActiveRun(data.payload.seq);
         this.pendingRuns.delete(data.payload.seq);
         if (data.type === "run-success") {
@@ -15942,7 +15932,6 @@ class EvalWorkerClient {
         return;
       }
       if (data.type === "export-exact-success" || data.type === "export-exact-error") {
-        this.clearExportTimeout();
         const req = this.pendingExportExact.get(data.payload.reqId);
         if (!req) return;
         this.pendingExportExact.delete(data.payload.reqId);
@@ -15954,7 +15943,6 @@ class EvalWorkerClient {
         return;
       }
       if (data.type === "export-mesh-success" || data.type === "export-mesh-error") {
-        this.clearExportTimeout();
         const req = this.pendingExportMesh.get(data.payload.reqId);
         if (!req) return;
         this.pendingExportMesh.delete(data.payload.reqId);
@@ -15966,8 +15954,7 @@ class EvalWorkerClient {
       }
     };
     this.worker.onerror = (event) => {
-      this.clearRunTimeout();
-      this.clearExportTimeout();
+      this.clearInitTimeout();
       this.clearActiveRun();
       this.lastCrashTime = Date.now();
       const err = new Error(event.message || "Eval worker crashed");
@@ -15985,28 +15972,12 @@ class EvalWorkerClient {
     };
     return this.worker;
   }
-  clearRunTimeout() {
-    if (this.runTimeoutId !== null) {
-      clearTimeout(this.runTimeoutId);
-      this.runTimeoutId = null;
-    }
-  }
-  clearExportTimeout() {
-    if (this.exportTimeoutId !== null) {
-      clearTimeout(this.exportTimeoutId);
-      this.exportTimeoutId = null;
+  clearInitTimeout() {
+    if (this.initTimeoutId !== null) {
+      clearTimeout(this.initTimeoutId);
+      this.initTimeoutId = null;
     }
   }
-  resetExportTimeout() {
-    this.clearExportTimeout();
-    this.exportTimeoutId = setTimeout(() => {
-      const err = new Error(`Export timed out after ${EXPORT_TIMEOUT_MS / 1e3}s`);
-      for (const req of this.pendingExportExact.values()) req.reject(err);
-      for (const req of this.pendingExportMesh.values()) req.reject(err);
-      this.pendingExportExact.clear();
-      this.pendingExportMesh.clear();
-    }, EXPORT_TIMEOUT_MS);
-  }
   clearActiveRun(seq) {
     if (seq !== void 0 && this.activeRunSeq !== seq) return;
     this.activeRunSeq = null;
@@ -16020,8 +15991,7 @@ class EvalWorkerClient {
    */
   replaceWorkerForSupersedingRun() {
     console.info("[evalWorkerClient] Superseded eval run — replacing worker");
-    this.clearRunTimeout();
-    this.clearExportTimeout();
+    this.clearInitTimeout();
     this.clearActiveRun();
     this.workerWasmHeap = null;
     if (this.worker) {
@@ -16045,8 +16015,7 @@ class EvalWorkerClient {
    */
   killWorker(reason, failureMessage = reason) {
     console.warn(`[evalWorkerClient] ${reason} — terminating worker`);
-    this.clearRunTimeout();
-    this.clearExportTimeout();
+    this.clearInitTimeout();
     this.clearActiveRun();
     this.lastCrashTime = Date.now();
     this.workerWasmHeap = null;
@@ -16068,7 +16037,7 @@ class EvalWorkerClient {
   /** Post a run request to the worker and arm the init timeout. */
   startRun(seq, options) {
     this.activeRunSeq = seq;
-    this.runTimeoutId = setTimeout(() => {
+    this.initTimeoutId = setTimeout(() => {
       this.killWorker(`Kernel initialization timed out after ${INIT_TIMEOUT_MS / 1e3}s`);
     }, INIT_TIMEOUT_MS);
     const request = { type: "run", payload: { seq, ...options } };
@@ -16080,7 +16049,7 @@ class EvalWorkerClient {
    * block the newer request. Only the latest run's result is resolved.
    *
    * A generous init timeout (120s) covers WASM loading. Once the worker signals
-   * 'evaluating', a shorter run timeout (30s) takes over.
+   * 'evaluating', the run is allowed to continue until it completes or is superseded.
    */
   run(options) {
     if (this.shouldReplaceWorkerForSupersedingRun()) {
@@ -16088,7 +16057,7 @@ class EvalWorkerClient {
     } else {
       for (const req of this.pendingRuns.values()) req.reject(new Error("cancelled"));
       this.pendingRuns.clear();
-      this.clearRunTimeout();
+      this.clearInitTimeout();
     }
     const seq = ++this.seq;
     const msSinceCrash = Date.now() - this.lastCrashTime;
@@ -16122,7 +16091,6 @@ class EvalWorkerClient {
   /**
    * Export exact geometry (STEP/BREP) using live OCCT shapes in the worker.
    * Includes script context so the worker can re-evaluate if needed.
-   * Uses a generous 5-minute timeout that resets on each progress phase.
    */
   exportExact(format, scriptContext) {
     const reqId = ++this.exportExactReqId;
@@ -16134,7 +16102,6 @@ class EvalWorkerClient {
         },
         reject
       });
-      this.resetExportTimeout();
       const request = {
         type: "export-exact",
         payload: { reqId, format, ...scriptContext }
@@ -16156,7 +16123,6 @@ class EvalWorkerClient {
         },
         reject
       });
-      this.resetExportTimeout();
       const request = {
         type: "export-mesh",
         payload: { reqId, format, ...scriptContext }
@@ -16170,8 +16136,7 @@ class EvalWorkerClient {
     this.worker.postMessage({ type: "set-project", payload: { projectId } });
   }
   terminate() {
-    this.clearRunTimeout();
-    this.clearExportTimeout();
+    this.clearInitTimeout();
     this.clearActiveRun();
     this.workerWasmHeap = null;
     this.lastWorkerFailure = null;
@@ -17323,11 +17288,48 @@ const VIEW_PREFERENCES_KEY = "fc-view-preferences-v1";
 const INSPECT_POINT_SAMPLE_COUNT_MIN = 100;
 const INSPECT_POINT_SAMPLE_COUNT_MAX = 1e4;
 const DEFAULT_INSPECT_POINT_SAMPLE_COUNT = 2e3;
+const DEFAULT_MANUAL_SCENE_SETTINGS = {
+  enabled: false,
+  backgroundColor: "#f6f7f8",
+  groundVisible: true,
+  groundColor: "#eef0f2",
+  ambientIntensity: 0.3,
+  keyIntensity: 1.45,
+  fillIntensity: 0.55,
+  rimIntensity: 0.2,
+  environmentIntensity: 0.9
+};
 const resolveInspectPointSampleCount = (value) => {
   const numeric = typeof value === "number" ? value : Number(value);
   if (!Number.isFinite(numeric)) return DEFAULT_INSPECT_POINT_SAMPLE_COUNT;
   return Math.max(INSPECT_POINT_SAMPLE_COUNT_MIN, Math.min(INSPECT_POINT_SAMPLE_COUNT_MAX, Math.round(numeric)));
 };
+const HEX_COLOR_RE = /^#[0-9a-f]{6}$/i;
+const resolveHexColor = (value, fallback) => {
+  return typeof value === "string" && HEX_COLOR_RE.test(value) ? value : fallback;
+};
+const resolveClampedNumber = (value, fallback, min, max2) => {
+  const numeric = typeof value === "number" ? value : Number(value);
+  if (!Number.isFinite(numeric)) return fallback;
+  return Math.max(min, Math.min(max2, numeric));
+};
+const resolveManualSceneSettings = (value) => {
+  if (!value || typeof value !== "object" || Array.isArray(value)) {
+    return DEFAULT_MANUAL_SCENE_SETTINGS;
+  }
+  const raw = value;
+  return {
+    enabled: typeof raw.enabled === "boolean" ? raw.enabled : DEFAULT_MANUAL_SCENE_SETTINGS.enabled,
+    backgroundColor: resolveHexColor(raw.backgroundColor, DEFAULT_MANUAL_SCENE_SETTINGS.backgroundColor),
+    groundVisible: typeof raw.groundVisible === "boolean" ? raw.groundVisible : DEFAULT_MANUAL_SCENE_SETTINGS.groundVisible,
+    groundColor: resolveHexColor(raw.groundColor, DEFAULT_MANUAL_SCENE_SETTINGS.groundColor),
+    ambientIntensity: resolveClampedNumber(raw.ambientIntensity, DEFAULT_MANUAL_SCENE_SETTINGS.ambientIntensity, 0, 3),
+    keyIntensity: resolveClampedNumber(raw.keyIntensity, DEFAULT_MANUAL_SCENE_SETTINGS.keyIntensity, 0, 5),
+    fillIntensity: resolveClampedNumber(raw.fillIntensity, DEFAULT_MANUAL_SCENE_SETTINGS.fillIntensity, 0, 3),
+    rimIntensity: resolveClampedNumber(raw.rimIntensity, DEFAULT_MANUAL_SCENE_SETTINGS.rimIntensity, 0, 3),
+    environmentIntensity: resolveClampedNumber(raw.environmentIntensity, DEFAULT_MANUAL_SCENE_SETTINGS.environmentIntensity, 0, 3)
+  };
+};
 const readViewPreferences = () => {
   if (typeof window === "undefined") return {};
   try {
@@ -17439,7 +17441,10 @@ const INITIAL_SAVED = {};
 const VIEW_INSPECT_CHANNELS = /* @__PURE__ */ new Set([
   "none",
   "mask",
+  "normals",
+  "zebra",
   "connectivity",
+  "floating",
   "distance",
   "collisions",
   "thickness",
@@ -18210,6 +18215,16 @@ Switch to LOCAL mode or wait for the server to recover.`,
     writeViewPreferences({ renderMode: mode });
     set({ renderMode: mode });
   },
+  manualScene: resolveManualSceneSettings(initialViewPreferences.manualScene),
+  setManualScene: (patch) => set((state2) => {
+    const next = resolveManualSceneSettings({ ...state2.manualScene, ...patch });
+    writeViewPreferences({ manualScene: next });
+    return { manualScene: next };
+  }),
+  resetManualScene: () => {
+    writeViewPreferences({ manualScene: DEFAULT_MANUAL_SCENE_SETTINGS });
+    set({ manualScene: DEFAULT_MANUAL_SCENE_SETTINGS });
+  },
   inspectChannel: resolveViewInspectChannel(initialViewPreferences.inspectChannel),
   setInspectChannel: (channel) => {
     const next = resolveViewInspectChannel(channel);
@@ -18234,11 +18249,16 @@ Switch to LOCAL mode or wait for the server to recover.`,
     set({ projectionMode: mode });
   },
   gridEnabled: initialViewPreferences.gridEnabled ?? true,
+  axesVisible: initialViewPreferences.axesVisible ?? true,
   gridSize: initialViewPreferences.gridSize ?? 10,
   setGridEnabled: (enabled) => {
     writeViewPreferences({ gridEnabled: enabled });
     set({ gridEnabled: enabled });
   },
+  setAxesVisible: (visible) => {
+    writeViewPreferences({ axesVisible: visible });
+    set({ axesVisible: visible });
+  },
   setGridSize: (size) => {
     writeViewPreferences({ gridSize: size });
     set({ gridSize: size });
@@ -19021,7 +19041,7 @@ useAuthStore.subscribe((state2) => {
 function roundCoord(v) {
   return Math.round(v * 10) / 10;
 }
-function fmt(v) {
+function fmt$1(v) {
   const r2 = roundCoord(v);
   return Number.isInteger(r2) ? String(r2) : r2.toFixed(1);
 }
@@ -19040,13 +19060,13 @@ function generateSketchCode(session) {
   return lines.join("\n");
 }
 function pointStatement(varName, x, y) {
-  return `const ${varName} = sk.point(${fmt(x)}, ${fmt(y)});`;
+  return `const ${varName} = sk.point(${fmt$1(x)}, ${fmt$1(y)});`;
 }
 function lineStatement(varName, startVar, endVar) {
   return `const ${varName} = sk.line(${startVar}, ${endVar});`;
 }
 function circleStatement(varName, centerVar, radius) {
-  return `const ${varName} = sk.circle(${centerVar}, ${fmt(radius)});`;
+  return `const ${varName} = sk.circle(${centerVar}, ${fmt$1(radius)});`;
 }
 function arcStatement(varName, centerVar, startVar, endVar) {
   return `const ${varName} = sk.arcByCenter(${centerVar}, ${startVar}, ${endVar});`;
@@ -19056,7 +19076,7 @@ const CONSTRAINT_API_MAP = {
 };
 function constraintStatement(type, ...args) {
   const apiName = CONSTRAINT_API_MAP[type] ?? type;
-  const fmtArgs = args.map((a2) => typeof a2 === "number" ? fmt(a2) : a2).join(", ");
+  const fmtArgs = args.map((a2) => typeof a2 === "number" ? fmt$1(a2) : a2).join(", ");
   return `sk.${apiName}(${fmtArgs});`;
 }
 function isConstraintTool(tool) {
@@ -26737,12 +26757,12 @@ function SceneEffects({ config }) {
     /* @__PURE__ */ jsxRuntimeExports.jsx(dt$1, { children: effects })
   ] });
 }
-function ScenePostProcessing({ config }) {
+function ScenePostProcessing({ config, interactivePreview }) {
   const pp = config.postProcessing;
   if (!pp) return null;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     pp.toneMappingExposure !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(SceneExposure, { exposure: pp.toneMappingExposure }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SceneEffects, { config })
+    !interactivePreview && /* @__PURE__ */ jsxRuntimeExports.jsx(SceneEffects, { config })
   ] });
 }
 function SceneEnvironment({ config }) {
@@ -26757,9 +26777,9 @@ function SceneEnvironment({ config }) {
     }
   );
 }
-function SceneGround({ config, modelBoundsMinZ }) {
+function SceneGround({ config, modelBoundsMinZ, hidden }) {
   const ground = config.ground;
-  if (!ground || ground.visible === false) return null;
+  if (hidden || !ground || ground.visible === false) return null;
   const offset = ground.offset ?? 0;
   const height = (modelBoundsMinZ ?? 0) - offset;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("mesh", { position: [0, 0, height], receiveShadow: ground.receiveShadow ?? false, children: [
@@ -26769,8 +26789,10 @@ function SceneGround({ config, modelBoundsMinZ }) {
 }
 function SceneConfigurator({
   config,
+  interactivePreview = false,
   controlsRef,
   modelBoundsMinZ,
+  hideGround = false,
   onDefaultLightsOverridden,
   onDefaultEnvironmentOverridden
 }) {
@@ -26785,11 +26807,11 @@ function SceneConfigurator({
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(SceneBackground, { config }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(SceneCamera, { config, controlsRef }),
-    config.lights && /* @__PURE__ */ jsxRuntimeExports.jsx(SceneLights, { lights: config.lights }),
+    !interactivePreview && config.lights && /* @__PURE__ */ jsxRuntimeExports.jsx(SceneLights, { lights: config.lights }),
     config.fog && /* @__PURE__ */ jsxRuntimeExports.jsx(SceneFog, { fog: config.fog }),
-    config.environment && /* @__PURE__ */ jsxRuntimeExports.jsx(SceneEnvironment, { config }),
-    config.ground && /* @__PURE__ */ jsxRuntimeExports.jsx(SceneGround, { config, modelBoundsMinZ }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ScenePostProcessing, { config })
+    !interactivePreview && config.environment && /* @__PURE__ */ jsxRuntimeExports.jsx(SceneEnvironment, { config }),
+    config.ground && /* @__PURE__ */ jsxRuntimeExports.jsx(SceneGround, { config, modelBoundsMinZ, hidden: hideGround }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ScenePostProcessing, { config, interactivePreview })
   ] });
 }
 function ClippingManager({ active }) {
@@ -26799,9 +26821,45 @@ function ClippingManager({ active }) {
   }, [gl, active]);
   return null;
 }
+function matrixToCollisionMat4(matrix) {
+  if (!matrix) return void 0;
+  const e2 = matrix.elements;
+  return [e2[0], e2[1], e2[2], e2[3], e2[4], e2[5], e2[6], e2[7], e2[8], e2[9], e2[10], e2[11], e2[12], e2[13], e2[14], e2[15]];
+}
+function buildViewportCollisionEntries(objects, objectSettings, objectMatrices) {
+  const entries = [];
+  objects.forEach((obj) => {
+    var _a3;
+    if (!obj.shape) return;
+    if (((_a3 = objectSettings[obj.id]) == null ? void 0 : _a3.visible) === false) return;
+    try {
+      const bb = obj.shape.boundingBox();
+      entries.push({
+        id: obj.id,
+        name: obj.name,
+        shape: obj.shape,
+        min: [bb.min[0], bb.min[1], bb.min[2]],
+        max: [bb.max[0], bb.max[1], bb.max[2]],
+        transform: matrixToCollisionMat4(objectMatrices[obj.id]),
+        groupName: obj.groupName,
+        treePath: obj.treePath,
+        mock: obj.mock
+      });
+    } catch {
+    }
+  });
+  return entries;
+}
+function analyzeViewportCollisions(objects, objectSettings, objectMatrices) {
+  return analyzeCollisionIntersections(buildViewportCollisionEntries(objects, objectSettings, objectMatrices), {
+    includeBBoxCandidates: false
+  });
+}
 const COLLISION_SOURCE_OPACITY = 0.22;
 const COLLISION_SOURCE_COLOR = [180, 200, 220];
 const COLLISION_HIGHLIGHT_COLOR = [255, 68, 16];
+const FLOATING_HIGHLIGHT_COLOR = [255, 68, 16];
+const FLOATING_CONTEXT_COLOR = [38, 49, 58];
 const COLLISION_PALETTE = [
   COLLISION_HIGHLIGHT_COLOR,
   [0, 204, 255],
@@ -26838,6 +26896,10 @@ const MASK_PALETTE = [
   [0, 0, 128],
   [128, 128, 128]
 ];
+const DISTANCE_NEAR_COLOR = [66, 220, 120];
+const DISTANCE_MID_COLOR = [255, 214, 0];
+const DISTANCE_FAR_COLOR = [255, 68, 16];
+const DISTANCE_UNKNOWN_COLOR = [128, 128, 128];
 function rgbToHex(color2) {
   return `#${color2.map((value) => value.toString(16).padStart(2, "0")).join("")}`;
 }
@@ -26850,48 +26912,13 @@ function maskColorForIndex(index) {
 function collisionColorForIndex(index) {
   return rgbToHex(COLLISION_PALETTE[(index - 1) % COLLISION_PALETTE.length]);
 }
-const MAX_VIEWPORT_COLLISION_CANDIDATES = 200;
-const MAX_VIEWPORT_COLLISION_MS = 1e3;
-function matrixToCollisionMat4(matrix) {
-  if (!matrix) return void 0;
-  const e2 = matrix.elements;
-  return [e2[0], e2[1], e2[2], e2[3], e2[4], e2[5], e2[6], e2[7], e2[8], e2[9], e2[10], e2[11], e2[12], e2[13], e2[14], e2[15]];
-}
-function buildCollisionEntries(objects, objectSettings, objectMatrices) {
-  const entries = [];
-  objects.forEach((obj) => {
-    var _a3;
-    if (!obj.shape) return;
-    if (((_a3 = objectSettings[obj.id]) == null ? void 0 : _a3.visible) === false) return;
-    try {
-      const bb = obj.shape.boundingBox();
-      entries.push({
-        id: obj.id,
-        name: obj.name,
-        shape: obj.shape,
-        min: [bb.min[0], bb.min[1], bb.min[2]],
-        max: [bb.max[0], bb.max[1], bb.max[2]],
-        transform: matrixToCollisionMat4(objectMatrices[obj.id]),
-        groupName: obj.groupName,
-        treePath: obj.treePath,
-        mock: obj.mock
-      });
-    } catch {
-    }
-  });
-  return entries;
-}
 function CollisionInspectionOverlay({
   objects,
   objectSettings,
   objectMatrices
 }) {
   const collisionGeometries = reactExports.useMemo(() => {
-    const report = analyzeCollisionIntersections(buildCollisionEntries(objects, objectSettings, objectMatrices), {
-      maxCandidatePairs: MAX_VIEWPORT_COLLISION_CANDIDATES,
-      maxElapsedMs: MAX_VIEWPORT_COLLISION_MS,
-      includeBBoxCandidates: false
-    });
+    const report = analyzeViewportCollisions(objects, objectSettings, objectMatrices);
     return report.collisions.flatMap((collision) => {
       try {
         const geometry = shapeToGeometry(collision.shape);
@@ -26941,53 +26968,108 @@ function ConstructionGhostOverlay({ matrix }) {
     /* @__PURE__ */ jsxRuntimeExports.jsx("lineSegments", { geometry: edgesGeo, renderOrder: 3, children: /* @__PURE__ */ jsxRuntimeExports.jsx("lineBasicMaterial", { color: "#4a9eff", transparent: true, opacity: 0.55, depthTest: false, depthWrite: false }) })
   ] });
 }
-const MAX_CACHE_SIZE = 40;
-const geometryCache = /* @__PURE__ */ new Map();
-function getCachedGeometry(step) {
-  const cacheKey = constructionStepGeometryCacheKey(step);
-  const cached = geometryCache.get(cacheKey);
-  if (cached) return cached;
-  try {
-    const shape = buildShapeFromCompilePlan(step.cumulativePlan);
-    const { solid, edges, hasSmoothNormals } = shapeToGeometry(shape);
-    if (!solid || !edges) return null;
-    const entry = { solid, edges, hasSmoothNormals };
-    if (geometryCache.size >= MAX_CACHE_SIZE) {
-      const firstKey = geometryCache.keys().next().value;
-      if (firstKey !== void 0) {
-        const old = geometryCache.get(firstKey);
-        old == null ? void 0 : old.solid.dispose();
-        old == null ? void 0 : old.edges.dispose();
-        geometryCache.delete(firstKey);
-      }
-    }
-    geometryCache.set(cacheKey, entry);
-    return entry;
-  } catch {
-    return null;
+class ConstructionHistoryWorkerClient {
+  constructor(workerFactory = () => new Worker(new URL(
+    /* @vite-ignore */
+    "/assets/constructionHistoryWorker-z9_LGiRd.js",
+    import.meta.url
+  ), { type: "module" })) {
+    __publicField(this, "worker", null);
+    __publicField(this, "reqId", 0);
+    __publicField(this, "pending", null);
+    this.workerFactory = workerFactory;
   }
+  getWorker() {
+    if (this.worker) return this.worker;
+    this.worker = this.workerFactory();
+    this.worker.onmessage = (event) => {
+      const data = event.data;
+      const pending = this.pending;
+      if (!pending) return;
+      this.pending = null;
+      if (data.type === "history-geometry-error") {
+        pending.reject(new Error(data.payload.message));
+      } else {
+        pending.resolve(data.payload.result);
+      }
+    };
+    this.worker.onerror = (event) => {
+      var _a3, _b2;
+      const error = new Error(event.message || "Construction history worker failed unexpectedly.");
+      (_a3 = this.pending) == null ? void 0 : _a3.reject(error);
+      this.pending = null;
+      (_b2 = this.worker) == null ? void 0 : _b2.terminate();
+      this.worker = null;
+    };
+    return this.worker;
+  }
+  replaceActiveWorker() {
+    var _a3, _b2;
+    (_a3 = this.pending) == null ? void 0 : _a3.reject(new Error("cancelled"));
+    this.pending = null;
+    (_b2 = this.worker) == null ? void 0 : _b2.terminate();
+    this.worker = null;
+  }
+  build(payload) {
+    if (this.pending) this.replaceActiveWorker();
+    const reqId = ++this.reqId;
+    const request = {
+      type: "build",
+      payload: {
+        reqId,
+        ...payload
+      }
+    };
+    return new Promise((resolve2, reject) => {
+      this.pending = { resolve: resolve2, reject };
+      this.getWorker().postMessage(request);
+    });
+  }
+  dispose() {
+    this.replaceActiveWorker();
+  }
+}
+const constructionHistoryWorkerClient = new ConstructionHistoryWorkerClient();
+function historyGeometryRequestKey(activeBackend, items) {
+  return `${activeBackend}:${items.map(({ objectId, step }) => `${objectId}:${step.index}:${step.cumulativePlanCacheKey}`).join("|")}`;
 }
-function clearHistoryGeometryCache() {
-  for (const entry of geometryCache.values()) {
-    entry.solid.dispose();
-    entry.edges.dispose();
+function geometryItemKey(objectId, stepIndex) {
+  return `${objectId}:${stepIndex}`;
+}
+function bufferGeometryFromWorkerGeometry(geometry) {
+  const solid = new BufferGeometry();
+  solid.setAttribute("position", new BufferAttribute(geometry.positions, 3));
+  if (geometry.normals.length > 0) solid.setAttribute("normal", new BufferAttribute(geometry.normals, 3));
+  if (geometry.triangleFaceIds.length > 0) {
+    solid.userData.forgeTriangleFaceIds = geometry.triangleFaceIds;
+    solid.userData.forgeFaceIdNames = geometry.faceIdNames;
   }
-  geometryCache.clear();
+  const edges = new BufferGeometry();
+  edges.setAttribute("position", new BufferAttribute(geometry.edgePositions, 3));
+  return { solid, edges, hasSmoothNormals: geometry.hasSmoothNormals };
+}
+function disposeBufferedHistoryGeometry(geometry) {
+  geometry.solid.dispose();
+  geometry.edges.dispose();
 }
 function ConstructionHistoryOverlay({
+  activeBackend,
   objectMatrices,
-  objectSettings
+  objectSettings,
+  onGeometryStatusChange
 }) {
   const historyMode = useForgeStore((s) => s.historyMode);
   const historySteps = useForgeStore((s) => s.historySteps);
   const historyCurrentStep = useForgeStore((s) => s.historyCurrentStep);
   const theme = useForgeStore((s) => themes[s.theme]);
   const [fadeOpacity, setFadeOpacity] = reactExports.useState(1);
+  const [objectGeos, setObjectGeos] = reactExports.useState([]);
   const fadeRef = reactExports.useRef(0);
+  const objectGeosRef = reactExports.useRef([]);
   const prevStepRef = reactExports.useRef(-1);
   reactExports.useEffect(() => {
-    return () => clearHistoryGeometryCache();
-  }, []);
+    return () => onGeometryStatusChange == null ? void 0 : onGeometryStatusChange({ status: "idle", stepCount: 0, error: null });
+  }, [onGeometryStatusChange]);
   reactExports.useEffect(() => {
     if (prevStepRef.current !== historyCurrentStep) {
       prevStepRef.current = historyCurrentStep;
@@ -27008,16 +27090,86 @@ function ConstructionHistoryOverlay({
   }, [historyCurrentStep]);
   const visibleStacks = reactExports.useMemo(() => buildVisibleHistoryStacks(historySteps, historyCurrentStep), [historySteps, historyCurrentStep]);
   const currentStep = historySteps[historyCurrentStep] ?? null;
-  const objectGeos = reactExports.useMemo(() => {
-    const result = [];
+  const visibleHistoryItems = reactExports.useMemo(() => {
+    const items = [];
     for (const [objectId, stack] of visibleStacks) {
-      for (const step of stack) {
-        const geo = getCachedGeometry(step);
-        if (geo) result.push({ objectId, geo, step });
-      }
+      for (const step of stack) items.push({ objectId, step });
     }
-    return result;
+    return items;
   }, [visibleStacks]);
+  const requestKey = reactExports.useMemo(
+    () => historyMode && visibleHistoryItems.length > 0 ? historyGeometryRequestKey(activeBackend, visibleHistoryItems) : "idle",
+    [activeBackend, historyMode, visibleHistoryItems]
+  );
+  const [geometryState, setGeometryState] = reactExports.useState({
+    status: "idle",
+    requestKey: "idle",
+    geometries: [],
+    error: null
+  });
+  reactExports.useEffect(() => {
+    onGeometryStatusChange == null ? void 0 : onGeometryStatusChange({
+      status: historyMode ? geometryState.status : "idle",
+      stepCount: visibleHistoryItems.length,
+      error: historyMode ? geometryState.error : null
+    });
+  }, [geometryState.error, geometryState.status, historyMode, onGeometryStatusChange, visibleHistoryItems.length]);
+  reactExports.useEffect(() => {
+    if (!historyMode || visibleHistoryItems.length === 0) {
+      constructionHistoryWorkerClient.dispose();
+      setGeometryState({ status: "idle", requestKey, geometries: [], error: null });
+      return;
+    }
+    let cancelled = false;
+    setGeometryState({ status: "loading", requestKey, geometries: [], error: null });
+    void constructionHistoryWorkerClient.build({
+      activeBackend,
+      items: visibleHistoryItems.map(({ objectId, step }) => ({
+        objectId,
+        stepIndex: step.index,
+        cumulativePlan: step.cumulativePlan
+      }))
+    }).then((result) => {
+      if (cancelled) return;
+      setGeometryState({ status: "ready", requestKey, geometries: result.geometries, error: null });
+    }).catch((error) => {
+      if (cancelled || error instanceof Error && error.message === "cancelled") return;
+      setGeometryState({
+        status: "error",
+        requestKey,
+        geometries: [],
+        error: error instanceof Error ? error.message : String(error)
+      });
+    });
+    return () => {
+      cancelled = true;
+      constructionHistoryWorkerClient.dispose();
+    };
+  }, [activeBackend, historyMode, requestKey, visibleHistoryItems]);
+  reactExports.useEffect(() => {
+    const nextGeos = [];
+    if (historyMode && geometryState.status === "ready" && geometryState.requestKey === requestKey) {
+      const itemByKey = new Map(visibleHistoryItems.map((item) => [geometryItemKey(item.objectId, item.step.index), item]));
+      for (const geometry of geometryState.geometries) {
+        const item = itemByKey.get(geometryItemKey(geometry.objectId, geometry.stepIndex));
+        if (!item) continue;
+        nextGeos.push({
+          objectId: item.objectId,
+          step: item.step,
+          geo: bufferGeometryFromWorkerGeometry(geometry)
+        });
+      }
+    }
+    for (const { geo } of objectGeosRef.current) disposeBufferedHistoryGeometry(geo);
+    objectGeosRef.current = nextGeos;
+    setObjectGeos(nextGeos);
+  }, [geometryState, historyMode, requestKey, visibleHistoryItems]);
+  reactExports.useEffect(() => {
+    return () => {
+      for (const { geo } of objectGeosRef.current) disposeBufferedHistoryGeometry(geo);
+      objectGeosRef.current = [];
+    };
+  }, []);
   if (!historyMode || objectGeos.length === 0) return null;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: objectGeos.map(({ objectId, geo, step }) => {
     var _a3;
@@ -29147,7 +29299,7 @@ function generateReportInWorker(options) {
   return new Promise((resolve2, reject) => {
     const worker = new Worker(new URL(
       /* @vite-ignore */
-      "/assets/reportWorker-CU8RZ4O0.js",
+      "/assets/reportWorker-Bz9tGiHb.js",
       import.meta.url
     ), { type: "module" });
     const cleanup = () => {
@@ -32352,6 +32504,7 @@ const PHASE_CONFIG = {
   serializing: { color: "#7c4dff", label: "Preparing display" },
   exporting: { color: "#4caf50", label: "Exporting geometry" },
   inspecting: { color: "#14b8a6", label: "Generating inspect view" },
+  history: { color: "#c084fc", label: "Building timeline geometry" },
   idle: { color: "#888", label: "" }
 };
 const PHASE_ORDER = ["kernel-init", "evaluating", "serializing"];
@@ -32359,36 +32512,18 @@ function formatEvaluationBackendLabel(activeBackend, computeTarget) {
   const backend = activeBackend === "occt" ? "OCCT" : activeBackend === "manifold" ? "Manifold" : activeBackend === "truck" ? "Truck" : "kernel";
   return computeTarget === "server" ? `Server ${backend}` : `Local ${backend}`;
 }
-function constructionStepRoleSymbol(role) {
-  if (role === "primitive") return "+";
-  if (role === "operation") return "->";
-  return "~";
-}
-function constructionStepPreview(constructionSteps, previewStepIndex) {
-  const stepCount = constructionSteps.length;
-  const displayStepIndex = stepCount > 0 ? (previewStepIndex % stepCount + stepCount) % stepCount : 0;
-  return {
-    displayStepIndex,
-    previewStep: stepCount > 0 ? constructionSteps[displayStepIndex] : null,
-    progress: stepCount > 1 ? (displayStepIndex + 1) / stepCount : 1
-  };
-}
 function EvaluationIndicator({
   phase,
   label,
-  constructionSteps = [],
   activeBackend,
   computeTarget
 }) {
   const [frame2, setFrame] = reactExports.useState(0);
   const [elapsed, setElapsed] = reactExports.useState(0);
-  const [previewStepIndex, setPreviewStepIndex] = reactExports.useState(0);
   const startRef = reactExports.useRef(Date.now());
-  const stepCount = constructionSteps.length;
   reactExports.useEffect(() => {
     startRef.current = Date.now();
     setElapsed(0);
-    setPreviewStepIndex(0);
   }, [phase]);
   reactExports.useEffect(() => {
     const spinnerInterval = setInterval(() => setFrame((f2) => (f2 + 1) % BRAILLE_FRAMES.length), 80);
@@ -32398,166 +32533,85 @@ function EvaluationIndicator({
       clearInterval(timerInterval);
     };
   }, []);
-  reactExports.useEffect(() => {
-    setPreviewStepIndex(0);
-    if (stepCount <= 1) return;
-    const interval = setInterval(() => setPreviewStepIndex((i) => (i + 1) % stepCount), 700);
-    return () => clearInterval(interval);
-  }, [stepCount]);
   const config = PHASE_CONFIG[phase] ?? PHASE_CONFIG["evaluating"];
   const elapsedSec = (elapsed / 1e3).toFixed(1);
   const phaseOrder = PHASE_ORDER.includes(phase) ? PHASE_ORDER : [phase];
   const phaseIdx = phaseOrder.indexOf(phase);
-  const { displayStepIndex, previewStep, progress } = constructionStepPreview(constructionSteps, previewStepIndex);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  const backendLabel = formatEvaluationBackendLabel(activeBackend, computeTarget);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
       style: {
         position: "absolute",
         bottom: 16,
         right: 16,
-        width: previewStep ? "min(360px, calc(100vw - 32px))" : void 0,
         background: "var(--fc-bgPanel)",
         border: "1px solid var(--fc-border)",
         borderRadius: 8,
-        padding: previewStep ? "10px 12px" : "8px 14px",
+        padding: "8px 14px",
         pointerEvents: "none",
         display: "grid",
-        gap: previewStep ? 8 : 0,
+        gap: 0,
         fontSize: 12,
         animation: "fc-fadein 0.2s ease-out",
         boxShadow: "0 4px 16px rgba(0,0,0,0.25)"
       },
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10, minWidth: 0 }, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: config.color, fontSize: 16, fontWeight: 700, width: 16, textAlign: "center", flex: "0 0 auto" }, children: BRAILLE_FRAMES[frame2] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10, minWidth: 0 }, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: config.color, fontSize: 16, fontWeight: 700, width: 16, textAlign: "center", flex: "0 0 auto" }, children: BRAILLE_FRAMES[frame2] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "span",
+          {
+            style: {
+              color: "var(--fc-text)",
+              fontWeight: 500,
+              minWidth: 0,
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap"
+            },
+            children: label ?? config.label
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "span",
+          {
+            style: {
+              color: "var(--fc-textMuted)",
+              fontSize: 11,
+              minWidth: 0,
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap"
+            },
+            children: backendLabel
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { display: "flex", gap: 4, alignItems: "center", marginLeft: "auto", flex: "0 0 auto" }, children: phaseOrder.map((p2, i) => {
+          var _a3;
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(
             "span",
             {
               style: {
-                color: "var(--fc-text)",
-                fontWeight: 500,
-                minWidth: 0,
-                overflow: "hidden",
-                textOverflow: "ellipsis",
-                whiteSpace: "nowrap"
-              },
-              children: label ?? config.label
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { display: "flex", gap: 4, alignItems: "center", marginLeft: "auto", flex: "0 0 auto" }, children: phaseOrder.map((p2, i) => {
-            var _a3;
-            return /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "span",
-              {
-                style: {
-                  width: 6,
-                  height: 6,
-                  borderRadius: "50%",
-                  background: i <= phaseIdx ? ((_a3 = PHASE_CONFIG[p2]) == null ? void 0 : _a3.color) ?? "var(--fc-border)" : "var(--fc-border)",
-                  transition: "background 0.3s ease",
-                  animation: i === phaseIdx ? "fc-pulse 1.2s ease-in-out infinite" : void 0
-                }
-              },
-              p2
-            );
-          }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { color: "var(--fc-textDim)", fontVariantNumeric: "tabular-nums", fontSize: 11, flex: "0 0 auto" }, children: [
-            elapsedSec,
-            "s"
-          ] })
-        ] }),
-        previewStep && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "grid", gap: 6, minWidth: 0 }, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, minWidth: 0 }, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "span",
-              {
-                style: {
-                  color: "var(--fc-textDim)",
-                  fontSize: 10,
-                  textTransform: "uppercase",
-                  fontWeight: 700,
-                  letterSpacing: 0,
-                  flex: "0 0 auto"
-                },
-                children: "Cached build path"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "span",
-              {
-                style: {
-                  color: "var(--fc-textMuted)",
-                  fontSize: 11,
-                  minWidth: 0,
-                  overflow: "hidden",
-                  textOverflow: "ellipsis",
-                  whiteSpace: "nowrap"
-                },
-                children: formatEvaluationBackendLabel(activeBackend, computeTarget)
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, minWidth: 0 }, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              "span",
-              {
-                style: {
-                  color: config.color,
-                  fontVariantNumeric: "tabular-nums",
-                  fontSize: 11,
-                  fontWeight: 700,
-                  flex: "0 0 auto",
-                  width: 46
-                },
-                children: [
-                  displayStepIndex + 1,
-                  "/",
-                  stepCount
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              "span",
-              {
-                style: {
-                  color: "var(--fc-text)",
-                  minWidth: 0,
-                  overflow: "hidden",
-                  textOverflow: "ellipsis",
-                  whiteSpace: "nowrap"
-                },
-                children: [
-                  constructionStepRoleSymbol(previewStep.role),
-                  " ",
-                  previewStep.label
-                ]
-              }
-            ),
-            previewStep.displayAsTool && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: config.color, fontSize: 11, flex: "0 0 auto" }, children: "tool" })
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { height: 3, borderRadius: 999, background: "var(--fc-borderLight)", overflow: "hidden" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              style: {
-                width: `${Math.round(progress * 100)}%`,
-                height: "100%",
-                borderRadius: 999,
-                background: config.color,
-                transition: "width 0.2s ease-out"
+                width: 6,
+                height: 6,
+                borderRadius: "50%",
+                background: i <= phaseIdx ? ((_a3 = PHASE_CONFIG[p2]) == null ? void 0 : _a3.color) ?? "var(--fc-border)" : "var(--fc-border)",
+                transition: "background 0.3s ease",
+                animation: i === phaseIdx ? "fc-pulse 1.2s ease-in-out infinite" : void 0
               }
-            }
-          ) })
+            },
+            p2
+          );
+        }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { color: "var(--fc-textDim)", fontVariantNumeric: "tabular-nums", fontSize: 11, flex: "0 0 auto" }, children: [
+          elapsedSec,
+          "s"
         ] })
-      ]
+      ] })
     }
   );
 }
-const MIN_FIELD_GRID_SIZE = 18;
-const MAX_FIELD_GRID_SIZE = 32;
-const MAX_BLEND_SAMPLES = 12;
 const MAX_SEARCH_RADIUS = 5;
-const SAMPLE_RING_OFFSETS = [];
 for (let radius = 0; radius <= MAX_SEARCH_RADIUS; radius += 1) {
   const ring = [];
   for (let x = -radius; x <= radius; x += 1) {
@@ -32567,7 +32621,6 @@ for (let radius = 0; radius <= MAX_SEARCH_RADIUS; radius += 1) {
       }
     }
   }
-  SAMPLE_RING_OFFSETS.push(ring);
 }
 const INSPECT_HEATMAP_VERTEX_SHADER = `
   varying vec3 vLocalPosition;
@@ -32635,127 +32688,14 @@ const INSPECT_HEATMAP_FRAGMENT_SHADER = `
     gl_FragColor = vec4(color, 1.0);
   }
 `;
-function gridKey(x, y, z) {
-  return `${x},${y},${z}`;
-}
-function buildGeometryBounds(geometry) {
-  const position = geometry.getAttribute("position");
-  if (!position || position.count === 0) return null;
-  const bounds = new Box3().setFromBufferAttribute(position);
-  if (bounds.isEmpty()) return null;
-  const size = bounds.getSize(new Vector3());
-  const pad = Math.max(size.x, size.y, size.z, 1) * 1e-5;
-  bounds.expandByScalar(pad);
-  return bounds;
-}
-function buildSampleGrid(pointCloud) {
-  const sampleCount = Math.floor(pointCloud.positions.length / 3);
-  if (sampleCount <= 0) return null;
-  const bounds = new Box3();
-  const point = new Vector3();
-  for (let sample = 0; sample < sampleCount; sample += 1) {
-    const offset = sample * 3;
-    bounds.expandByPoint(point.set(pointCloud.positions[offset], pointCloud.positions[offset + 1], pointCloud.positions[offset + 2]));
-  }
-  const size = bounds.getSize(new Vector3());
-  const maxDim = Math.max(size.x, size.y, size.z);
-  const cellSize = maxDim > 0 ? Math.max(maxDim / Math.cbrt(sampleCount), 1e-6) : 1;
-  const cells = /* @__PURE__ */ new Map();
-  for (let sample = 0; sample < sampleCount; sample += 1) {
-    const offset = sample * 3;
-    const x = Math.floor((pointCloud.positions[offset] - bounds.min.x) / cellSize);
-    const y = Math.floor((pointCloud.positions[offset + 1] - bounds.min.y) / cellSize);
-    const z = Math.floor((pointCloud.positions[offset + 2] - bounds.min.z) / cellSize);
-    const key = gridKey(x, y, z);
-    const entries = cells.get(key);
-    if (entries) {
-      entries.push(sample);
-    } else {
-      cells.set(key, [sample]);
-    }
-  }
-  return { origin: bounds.min, cellSize, cells };
-}
-function fieldGridSizeForSampleCount(sampleCount) {
-  if (sampleCount <= 0) return MIN_FIELD_GRID_SIZE;
-  const scaled = Math.ceil(Math.cbrt(sampleCount) * 2.6);
-  return Math.max(MIN_FIELD_GRID_SIZE, Math.min(MAX_FIELD_GRID_SIZE, scaled));
-}
-function distanceSquaredToSample(pointCloud, sample, point) {
-  const offset = sample * 3;
-  return (pointCloud.positions[offset] - point.x) ** 2 + (pointCloud.positions[offset + 1] - point.y) ** 2 + (pointCloud.positions[offset + 2] - point.z) ** 2;
-}
-function nearestSamples(point, pointCloud, sampleGrid) {
-  const baseX = Math.floor((point.x - sampleGrid.origin.x) / sampleGrid.cellSize);
-  const baseY = Math.floor((point.y - sampleGrid.origin.y) / sampleGrid.cellSize);
-  const baseZ = Math.floor((point.z - sampleGrid.origin.z) / sampleGrid.cellSize);
-  const found = [];
-  for (const ring of SAMPLE_RING_OFFSETS) {
-    for (const [dx, dy, dz] of ring) {
-      const entries = sampleGrid.cells.get(gridKey(baseX + dx, baseY + dy, baseZ + dz));
-      if (!entries) continue;
-      for (const sample of entries) {
-        found.push({ sample, distSq: distanceSquaredToSample(pointCloud, sample, point) });
-      }
-    }
-    if (found.length >= MAX_BLEND_SAMPLES) break;
-  }
-  if (found.length === 0) {
-    const sampleCount = Math.floor(pointCloud.positions.length / 3);
-    for (let sample = 0; sample < sampleCount; sample += 1) {
-      found.push({ sample, distSq: distanceSquaredToSample(pointCloud, sample, point) });
-    }
-  }
-  found.sort((a2, b2) => a2.distSq - b2.distSq);
-  return found.slice(0, MAX_BLEND_SAMPLES);
-}
-function blendedColorAt(point, pointCloud, sampleGrid) {
-  const samples = nearestSamples(point, pointCloud, sampleGrid);
-  if (samples.length === 0) return [90, 90, 90];
-  const sigma = Math.max(sampleGrid.cellSize * 1.65, 1e-6);
-  const sigmaSq = sigma * sigma;
-  let weightSum = 0;
-  let r2 = 0;
-  let g2 = 0;
-  let b2 = 0;
-  for (const { sample, distSq } of samples) {
-    const colorOffset = sample * 3;
-    const weight = Math.exp(-distSq / (2 * sigmaSq)) + 1e-4 / Math.max(distSq, 1e-8);
-    weightSum += weight;
-    r2 += (pointCloud.colors[colorOffset] ?? 0.35) * 255 * weight;
-    g2 += (pointCloud.colors[colorOffset + 1] ?? 0.35) * 255 * weight;
-    b2 += (pointCloud.colors[colorOffset + 2] ?? 0.35) * 255 * weight;
-  }
-  if (weightSum <= 0) return [90, 90, 90];
-  return [r2 / weightSum, g2 / weightSum, b2 / weightSum];
-}
-function buildInspectHeatmapField(geometry, pointCloud) {
-  const bounds = buildGeometryBounds(geometry);
-  const sampleGrid = buildSampleGrid(pointCloud);
-  if (!bounds || !sampleGrid) return null;
-  const gridSize = fieldGridSizeForSampleCount(Math.floor(pointCloud.positions.length / 3));
-  const boundsSize = bounds.getSize(new Vector3());
-  const data = new Uint8Array(gridSize * gridSize * gridSize * 4);
-  const point = new Vector3();
-  let dataOffset = 0;
-  for (let y = 0; y < gridSize; y += 1) {
-    for (let z = 0; z < gridSize; z += 1) {
-      for (let x = 0; x < gridSize; x += 1) {
-        point.set(
-          bounds.min.x + boundsSize.x * x / (gridSize - 1),
-          bounds.min.y + boundsSize.y * y / (gridSize - 1),
-          bounds.min.z + boundsSize.z * z / (gridSize - 1)
-        );
-        const [r2, g2, b2] = blendedColorAt(point, pointCloud, sampleGrid);
-        data[dataOffset] = Math.max(0, Math.min(255, Math.round(r2)));
-        data[dataOffset + 1] = Math.max(0, Math.min(255, Math.round(g2)));
-        data[dataOffset + 2] = Math.max(0, Math.min(255, Math.round(b2)));
-        data[dataOffset + 3] = 255;
-        dataOffset += 4;
-      }
-    }
-  }
-  const texture = new DataTexture(data, gridSize * gridSize, gridSize, RGBAFormat, UnsignedByteType);
+function createInspectHeatmapField(field) {
+  const texture = new DataTexture(
+    field.data,
+    field.gridSize * field.gridSize,
+    field.gridSize,
+    RGBAFormat,
+    UnsignedByteType
+  );
   texture.minFilter = NearestFilter;
   texture.magFilter = NearestFilter;
   texture.generateMipmaps = false;
@@ -32763,11 +32703,72 @@ function buildInspectHeatmapField(geometry, pointCloud) {
   texture.needsUpdate = true;
   return {
     texture,
-    boundsMin: bounds.min,
-    boundsSize,
-    gridSize
+    boundsMin: new Vector3(...field.boundsMin),
+    boundsSize: new Vector3(...field.boundsSize),
+    gridSize: field.gridSize
   };
 }
+function fieldKindUniform(kind) {
+  return kind === "hybrid" ? 1 : 0;
+}
+function SurfaceFieldMaterial({
+  field,
+  color: color2,
+  clippingPlanes,
+  fieldScale
+}) {
+  const uniforms = reactExports.useMemo(
+    () => ({
+      uAccentColor: { value: new Color(field.accentColor) },
+      uBaseColor: { value: new Color(field.baseColor) },
+      uDarkColor: { value: new Color(field.darkColor) },
+      uFieldKind: { value: fieldKindUniform(field.kind) },
+      uFieldScale: { value: fieldScale },
+      uGlow: { value: field.glow },
+      uLineColor: { value: new Color(field.lineColor) },
+      uLineWidth: { value: field.lineWidth },
+      uNodeColor: { value: new Color(field.nodeColor) },
+      uObjectColor: { value: new Color(color2) },
+      uObjectColorMix: { value: field.objectColorMix },
+      uSpacing: { value: field.spacing }
+    }),
+    [color2, field, fieldScale]
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "shaderMaterial",
+    {
+      vertexShader: SURFACE_FIELD_VERTEX_SHADER,
+      fragmentShader: SURFACE_FIELD_FRAGMENT_SHADER,
+      uniforms,
+      side: DoubleSide,
+      toneMapped: false,
+      clippingPlanes
+    }
+  );
+}
+function ZebraInspectionMaterial({ clippingPlanes }) {
+  const uniforms = reactExports.useMemo(
+    () => ({
+      uAccentColor: { value: new Color(ZEBRA_ACCENT_COLOR) },
+      uDarkColor: { value: new Color(ZEBRA_DARK_COLOR) },
+      uLightColor: { value: new Color(ZEBRA_LIGHT_COLOR) },
+      uStripeScale: { value: ZEBRA_STRIPE_SCALE },
+      uStripeSoftness: { value: ZEBRA_STRIPE_SOFTNESS }
+    }),
+    []
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "shaderMaterial",
+    {
+      vertexShader: ZEBRA_STRIPE_VERTEX_SHADER,
+      fragmentShader: ZEBRA_STRIPE_FRAGMENT_SHADER,
+      uniforms,
+      side: DoubleSide,
+      toneMapped: false,
+      clippingPlanes
+    }
+  );
+}
 function ForgeObject({
   obj,
   settings,
@@ -32778,8 +32779,10 @@ function ForgeObject({
   inspectColor,
   inspectMeshColors,
   inspectPointCloud,
+  inspectHeatmapFieldData,
   isInteracting,
   matrix,
+  surfaceFieldScale,
   isHovered,
   clippingPlanes,
   debugHighlightColor,
@@ -32825,15 +32828,16 @@ function ForgeObject({
     if (!solidGeo || !inspectMeshColors) return null;
     const position = solidGeo.getAttribute("position");
     if (!position || inspectMeshColors.length !== position.count * 3) return null;
+    if (inspectChannel === "floating") return geometryWithVisibleVertexColors(solidGeo, inspectMeshColors);
     const geometry = solidGeo.clone();
     geometry.setAttribute("color", new BufferAttribute(inspectMeshColors, 3));
     return geometry;
-  }, [inspectMeshColors, solidGeo]);
+  }, [inspectChannel, inspectMeshColors, solidGeo]);
   const isScalarInspect = inspectChannel === "thickness" || inspectChannel === "roughness";
   const inspectHeatmapField = reactExports.useMemo(() => {
-    if (!isScalarInspect || !solidGeo || !inspectPointCloud) return null;
-    return buildInspectHeatmapField(solidGeo, inspectPointCloud);
-  }, [inspectPointCloud, isScalarInspect, solidGeo]);
+    if (!isScalarInspect || !inspectHeatmapFieldData) return null;
+    return createInspectHeatmapField(inspectHeatmapFieldData);
+  }, [inspectHeatmapFieldData, isScalarInspect]);
   reactExports.useEffect(() => {
     return () => {
       solidGeo == null ? void 0 : solidGeo.dispose();
@@ -32861,11 +32865,13 @@ function ForgeObject({
   const showInspectHeatmap = Boolean(
     isScalarInspect && inspectHeatmapField && (inspectDisplayMode === "heatmap" || inspectDisplayMode === "both")
   );
+  const showScalarContextMesh = Boolean(isScalarInspect && !showInspectHeatmap);
   const showInspectPoints = Boolean(
     isScalarInspect && inspectPointGeo && (inspectDisplayMode === "points" || inspectDisplayMode === "both")
   );
   const renderStylePreset = getRenderStylePreset(renderStyle);
   const materialDefaults = renderStylePreset.material;
+  const surfaceField = renderStylePreset.surfaceField;
   const authoredMaterialOpacity = (_a3 = obj.materialProps) == null ? void 0 : _a3.opacity;
   const authoredMaterialTransmission = (_b2 = obj.materialProps) == null ? void 0 : _b2.transmission;
   const hasAuthoredTransparency = authoredMaterialOpacity !== void 0 && authoredMaterialOpacity < 0.99 || authoredMaterialTransmission !== void 0 && authoredMaterialTransmission > 0;
@@ -32881,6 +32887,8 @@ function ForgeObject({
   const effectiveClippingPlanes = clippingPlanes ?? [];
   const inspectSolidGeo = inspectMeshColorGeo ?? solidGeo;
   const hasInspectMeshColors = inspectMeshColorGeo !== null;
+  const showFloatingContext = showSolid && inspectChannel === "floating";
+  const showFloatingObject = inspectChannel !== "floating" || hasInspectMeshColors || inspectColor !== "#000000";
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "group",
     {
@@ -32893,17 +32901,42 @@ function ForgeObject({
       onDoubleClick,
       onContextMenu,
       children: [
-        showSolid && (inspectChannel === "mask" || inspectChannel === "connectivity" || inspectChannel === "distance") && /* @__PURE__ */ jsxRuntimeExports.jsx("mesh", { geometry: inspectSolidGeo, userData: { forgeMesh: true }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        showFloatingContext && /* @__PURE__ */ jsxRuntimeExports.jsx("mesh", { geometry: solidGeo, userData: { forgeMesh: true }, renderOrder: 1, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "meshBasicMaterial",
+          {
+            color: rgbToHex(FLOATING_CONTEXT_COLOR),
+            transparent: true,
+            opacity: 0.18,
+            side: DoubleSide,
+            depthWrite: false,
+            toneMapped: false,
+            clippingPlanes: effectiveClippingPlanes
+          }
+        ) }),
+        showSolid && (inspectChannel === "mask" || inspectChannel === "connectivity" || inspectChannel === "floating" || inspectChannel === "distance") && showFloatingObject && /* @__PURE__ */ jsxRuntimeExports.jsx("mesh", { geometry: inspectSolidGeo, userData: { forgeMesh: true }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "meshBasicMaterial",
           {
             color: hasInspectMeshColors ? "#ffffff" : inspectColor ?? settings.color,
             vertexColors: hasInspectMeshColors,
             side: DoubleSide,
             toneMapped: false,
+            clippingPlanes: effectiveClippingPlanes,
+            polygonOffset: inspectChannel === "floating",
+            polygonOffsetFactor: -1,
+            polygonOffsetUnits: -1
+          }
+        ) }),
+        showSolid && inspectChannel === "normals" && /* @__PURE__ */ jsxRuntimeExports.jsx("mesh", { geometry: solidGeo, userData: { forgeMesh: true }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "meshNormalMaterial",
+          {
+            flatShading: !hasSmoothNormals,
+            side: DoubleSide,
+            toneMapped: false,
             clippingPlanes: effectiveClippingPlanes
           }
         ) }),
-        showSolid && isScalarInspect && !showInspectHeatmap && /* @__PURE__ */ jsxRuntimeExports.jsx("mesh", { geometry: solidGeo, userData: { forgeMesh: true }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        showSolid && inspectChannel === "zebra" && /* @__PURE__ */ jsxRuntimeExports.jsx("mesh", { geometry: solidGeo, userData: { forgeMesh: true }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ZebraInspectionMaterial, { clippingPlanes: effectiveClippingPlanes }) }),
+        showSolid && showScalarContextMesh && /* @__PURE__ */ jsxRuntimeExports.jsx("mesh", { geometry: solidGeo, userData: { forgeMesh: true }, renderOrder: 3, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "meshBasicMaterial",
           {
             color: "#26313a",
@@ -32931,7 +32964,7 @@ function ForgeObject({
             clippingPlanes: effectiveClippingPlanes
           }
         ) }),
-        showSolid && showInspectPoints && inspectPointGeo && /* @__PURE__ */ jsxRuntimeExports.jsx("points", { geometry: inspectPointGeo, raycast: () => null, renderOrder: 5, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        showInspectPoints && inspectPointGeo && /* @__PURE__ */ jsxRuntimeExports.jsx("points", { geometry: inspectPointGeo, raycast: () => null, renderOrder: 5, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "pointsMaterial",
           {
             size: 3,
@@ -32956,7 +32989,15 @@ function ForgeObject({
             clippingPlanes: effectiveClippingPlanes
           }
         ) }),
-        showSolid && inspectChannel === "none" && /* @__PURE__ */ jsxRuntimeExports.jsx("mesh", { geometry: solidGeo, userData: { forgeMesh: true }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        showSolid && inspectChannel === "none" && /* @__PURE__ */ jsxRuntimeExports.jsx("mesh", { geometry: solidGeo, userData: { forgeMesh: true }, children: surfaceField.enabled ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+          SurfaceFieldMaterial,
+          {
+            field: surfaceField,
+            color: settings.color,
+            clippingPlanes: effectiveClippingPlanes,
+            fieldScale: surfaceFieldScale
+          }
+        ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
           "meshPhysicalMaterial",
           {
             color: settings.color,
@@ -33315,6 +33356,263 @@ function HoveredJointOverlay({ state: state2, config }) {
     ] })
   ] });
 }
+function colorToHex(color2) {
+  return rgbToHex(color2);
+}
+function fmt(value) {
+  return Number.isInteger(value) ? String(value) : value.toFixed(1);
+}
+function inspectionLegendDefinitionFor(channel) {
+  switch (channel) {
+    case "mask":
+      return {
+        title: "Mask Colors",
+        summary: "Each color identifies a different top-level object for picking or image analysis.",
+        swatches: [
+          { label: "Object A", detail: "unique id", color: rgbToHex(maskRgbForIndex(0)) },
+          { label: "Object B", detail: "unique id", color: rgbToHex(maskRgbForIndex(1)) },
+          { label: "Object C", detail: "unique id", color: rgbToHex(maskRgbForIndex(2)) },
+          { label: "Object D", detail: "unique id", color: rgbToHex(maskRgbForIndex(3)) }
+        ]
+      };
+    case "normals":
+      return {
+        title: "Normal Colors",
+        summary: "Color comes from surface direction in view space, so seams and flipped normals become visible."
+      };
+    case "zebra":
+      return {
+        title: "Zebra Stripes",
+        summary: "Continuous stripes imply smooth surface flow; kinks or broken stripes reveal continuity changes."
+      };
+    case "connectivity":
+      return {
+        title: "Connected Bodies",
+        summary: "Each color is one physically connected component. Different colors mean disconnected islands.",
+        swatches: [
+          { label: "Component 1", detail: "connected", color: rgbToHex(maskRgbForIndex(0)) },
+          { label: "Component 2", detail: "separate", color: rgbToHex(maskRgbForIndex(1)) },
+          { label: "Component 3", detail: "separate", color: rgbToHex(maskRgbForIndex(2)) }
+        ]
+      };
+    case "floating":
+      return {
+        title: "Floating Bodies",
+        summary: "Highlights bodies that are disconnected from grounded material above the build plane.",
+        swatches: [
+          { label: "Floating", detail: "unsupported", color: rgbToHex(FLOATING_HIGHLIGHT_COLOR) },
+          { label: "Context", detail: "other geometry", color: rgbToHex(FLOATING_CONTEXT_COLOR) }
+        ]
+      };
+    case "distance":
+      return {
+        title: "Root Distance",
+        summary: "Shows how far each disconnected component is from the rooted component graph.",
+        ramp: {
+          colors: [rgbToHex(DISTANCE_NEAR_COLOR), rgbToHex(DISTANCE_MID_COLOR), rgbToHex(DISTANCE_FAR_COLOR)],
+          leftLabel: "Near root",
+          centerLabel: "Mid",
+          rightLabel: "Far"
+        },
+        swatches: [{ label: "Unknown", detail: "not resolved", color: rgbToHex(DISTANCE_UNKNOWN_COLOR) }]
+      };
+    case "collisions":
+      return {
+        title: "Collision Overlaps",
+        summary: "Bright solids are actual overlap volumes; source bodies are ghosted behind them.",
+        swatches: [
+          { label: "Overlap", detail: "intersecting volume", color: rgbToHex(COLLISION_HIGHLIGHT_COLOR) },
+          { label: "Ghost body", detail: "source geometry", color: rgbToHex(COLLISION_SOURCE_COLOR) }
+        ]
+      };
+    case "thickness": {
+      const options = DEFAULT_THICKNESS_INSPECTION_OPTIONS;
+      return {
+        title: "Wall Thickness",
+        summary: "Red/orange is thin material. Green/blue has more printable or machinable thickness.",
+        ramp: {
+          colors: [
+            colorToHex(THICKNESS_COLORS.critical),
+            colorToHex(THICKNESS_COLORS.warning),
+            colorToHex(THICKNESS_COLORS.ok),
+            colorToHex(THICKNESS_COLORS.thick)
+          ],
+          leftLabel: `<= ${fmt(options.minThickness)} mm`,
+          centerLabel: `${fmt(options.warnThickness)} mm warn`,
+          rightLabel: `>= ${fmt(options.maxThickness)} mm`
+        }
+      };
+    }
+    case "roughness": {
+      const options = DEFAULT_ROUGHNESS_INSPECTION_OPTIONS;
+      return {
+        title: "Surface Roughness",
+        summary: "Color follows local angle change. Dark is smooth; warmer colors mean sharper or harsher mesh transitions.",
+        swatches: [
+          { label: "Smooth", detail: `< ${fmt(options.smoothAngleDeg)} deg`, color: colorToHex(ROUGHNESS_COLORS.smooth) },
+          {
+            label: "Moderate",
+            detail: `${fmt(options.smoothAngleDeg)}-${fmt(options.sharpAngleDeg)} deg`,
+            color: colorToHex(ROUGHNESS_COLORS.moderate)
+          },
+          {
+            label: "Sharp",
+            detail: `${fmt(options.sharpAngleDeg)}-${fmt(options.harshAngleDeg)} deg`,
+            color: colorToHex(ROUGHNESS_COLORS.sharp)
+          },
+          { label: "Harsh", detail: `>= ${fmt(options.harshAngleDeg)} deg`, color: colorToHex(ROUGHNESS_COLORS.harsh) }
+        ]
+      };
+    }
+    default:
+      return null;
+  }
+}
+const panelStyle = {
+  position: "absolute",
+  left: 12,
+  bottom: 12,
+  width: "min(300px, calc(100% - 24px))",
+  padding: "9px 10px",
+  borderRadius: 8,
+  border: "1px solid color-mix(in srgb, var(--fc-border) 86%, transparent)",
+  background: "color-mix(in srgb, var(--fc-bgPanel) 92%, transparent)",
+  boxShadow: "0 10px 26px rgba(0, 0, 0, 0.22)",
+  color: "var(--fc-text)",
+  fontSize: 11,
+  lineHeight: 1.35,
+  pointerEvents: "none",
+  zIndex: 9
+};
+const titleStyle = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: 8,
+  marginBottom: 5,
+  color: "var(--fc-text)",
+  fontSize: 11,
+  fontWeight: 700,
+  letterSpacing: 0
+};
+const summaryStyle = {
+  marginBottom: 7,
+  color: "var(--fc-textDim)",
+  overflowWrap: "anywhere"
+};
+const swatchGridStyle = {
+  display: "grid",
+  gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+  gap: 6
+};
+function Ramp({ compact, ramp }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { minWidth: 0 }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        style: {
+          height: 9,
+          borderRadius: 999,
+          border: "1px solid rgba(255, 255, 255, 0.24)",
+          background: `linear-gradient(90deg, ${ramp.colors.join(", ")})`
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        style: {
+          display: "grid",
+          gridTemplateColumns: ramp.centerLabel ? "repeat(3, minmax(0, 1fr))" : "repeat(2, minmax(0, 1fr))",
+          gap: 6,
+          marginTop: 4,
+          color: "var(--fc-textDim)",
+          fontSize: compact ? 9 : 10
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: ramp.leftLabel }),
+          ramp.centerLabel && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { textAlign: "center" }, children: ramp.centerLabel }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { textAlign: "right" }, children: ramp.rightLabel })
+        ]
+      }
+    )
+  ] });
+}
+function Swatch({ item }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "grid", gridTemplateColumns: "12px minmax(0, 1fr)", alignItems: "center", gap: 6, minWidth: 0 }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "span",
+      {
+        style: {
+          width: 12,
+          height: 12,
+          borderRadius: 3,
+          border: "1px solid rgba(255, 255, 255, 0.28)",
+          background: item.color
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "var(--fc-text)" }, children: item.label }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { color: "var(--fc-textDim)" }, children: [
+        " - ",
+        item.detail
+      ] })
+    ] })
+  ] });
+}
+function InspectionLegend({ channel, warnings }) {
+  const panelRef = reactExports.useRef(null);
+  const [compact, setCompact] = reactExports.useState(false);
+  const definition = inspectionLegendDefinitionFor(channel);
+  reactExports.useEffect(() => {
+    var _a3;
+    const parent = (_a3 = panelRef.current) == null ? void 0 : _a3.parentElement;
+    if (!parent || typeof ResizeObserver === "undefined") return;
+    const updateCompact = () => setCompact(parent.clientWidth < 260);
+    updateCompact();
+    const observer = new ResizeObserver(updateCompact);
+    observer.observe(parent);
+    return () => observer.disconnect();
+  }, [channel]);
+  if (!definition) return null;
+  const warning = warnings[0];
+  const effectivePanelStyle = compact ? { ...panelStyle, padding: "7px 8px" } : panelStyle;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: panelRef, className: "fc-inspection-legend", style: effectivePanelStyle, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: titleStyle, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: definition.title }),
+      warning && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "var(--fc-warning)", fontSize: 10 }, children: "Warning" })
+    ] }),
+    !compact && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: summaryStyle, children: definition.summary }),
+    definition.ramp && /* @__PURE__ */ jsxRuntimeExports.jsx(Ramp, { compact, ramp: definition.ramp }),
+    definition.swatches && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        style: {
+          ...swatchGridStyle,
+          gridTemplateColumns: compact ? "minmax(0, 1fr)" : swatchGridStyle.gridTemplateColumns,
+          marginTop: definition.ramp ? 8 : 0
+        },
+        children: definition.swatches.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(Swatch, { item }, `${item.label}:${item.detail}`))
+      }
+    ),
+    warning && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        style: {
+          marginTop: 7,
+          paddingTop: 7,
+          borderTop: "1px solid color-mix(in srgb, var(--fc-border) 72%, transparent)",
+          color: "var(--fc-warning)",
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap"
+        },
+        children: warning
+      }
+    )
+  ] });
+}
 function LabeledAxes({ size = 50 }) {
   const axesRef = reactExports.useRef(null);
   reactExports.useEffect(() => {
@@ -38548,11 +38846,13 @@ function useViewportState() {
   const files = useForgeStore((s) => s.files);
   const renderMode = useForgeStore((s) => s.renderMode);
   const renderStyle = useForgeStore((s) => s.renderStyle);
+  const manualScene = useForgeStore((s) => s.manualScene);
   const inspectChannel = useForgeStore((s) => s.inspectChannel);
   const inspectDisplayMode = useForgeStore((s) => s.inspectDisplayMode);
   const inspectPointSampleCount = useForgeStore((s) => s.inspectPointSampleCount);
   const projectionMode = useForgeStore((s) => s.projectionMode);
   const gridEnabled = useForgeStore((s) => s.gridEnabled);
+  const axesVisible = useForgeStore((s) => s.axesVisible);
   const gridSize = useForgeStore((s) => s.gridSize);
   const showPerformanceInfo = useForgeStore((s) => s.showPerformanceInfo);
   const objectSettings = useForgeStore((s) => s.objectSettings);
@@ -38713,6 +39013,26 @@ function useViewportState() {
     });
     return hasBounds ? bounds.min.z : null;
   }, [objects, objectMatrices]);
+  const surfaceFieldScale = reactExports.useMemo(() => {
+    const bounds = new Box3();
+    let hasBounds = false;
+    objects.forEach((obj) => {
+      var _a3;
+      if (((_a3 = objectSettings[obj.id]) == null ? void 0 : _a3.visible) === false) return;
+      const matrix = objectMatrices[obj.id] ?? new Matrix4();
+      if (obj.shape) {
+        try {
+          const bb = obj.shape.boundingBox();
+          if (expandBoundsByTransformedAabb(bounds, bb.min, bb.max, matrix)) hasBounds = true;
+        } catch {
+        }
+      }
+    });
+    if (!hasBounds) return 1;
+    const size = bounds.getSize(new Vector3());
+    const maxDim = Math.max(size.x, size.y, size.z);
+    return Number.isFinite(maxDim) && maxDim > 0 ? maxDim / 5 : 1;
+  }, [objectMatrices, objects, objectSettings]);
   useJointAnimationLoop(activeJointAnimation);
   const anySectionActive = activeCutPlaneDefs.length > 0;
   const sectionGuideBoundsKey = (sectionPlaneGuidesEnabled || sectionExplorerEnabled) && anySectionActive ? objectMatrices : null;
@@ -38877,11 +39197,13 @@ function useViewportState() {
     files,
     renderMode,
     renderStyle,
+    manualScene,
     inspectChannel,
     inspectDisplayMode,
     inspectPointSampleCount,
     projectionMode,
     gridEnabled,
+    axesVisible,
     gridSize,
     showPerformanceInfo,
     objectSettings,
@@ -38954,6 +39276,7 @@ function useViewportState() {
     jointsConfig,
     sceneConfig,
     modelBoundsMinZ,
+    surfaceFieldScale,
     focusedObjectIdSet,
     visibleSceneObjectCount,
     visibleModelTriangles,
@@ -40259,7 +40582,7 @@ function RenderLabelsOverlay({ labels }) {
 class InspectWorkerClient {
   constructor(workerFactory = () => new Worker(new URL(
     /* @vite-ignore */
-    "/assets/inspectWorker-Dll4eVyD.js",
+    "/assets/inspectWorker-BZ2CkQZr.js",
     import.meta.url
   ), { type: "module" })) {
     __publicField(this, "worker", null);
@@ -40319,10 +40642,11 @@ class InspectWorkerClient {
   }
 }
 const inspectWorkerClient = new InspectWorkerClient();
-const WORKER_CHANNELS = /* @__PURE__ */ new Set(["thickness", "roughness", "connectivity", "distance"]);
+const WORKER_CHANNELS = /* @__PURE__ */ new Set(["thickness", "roughness", "connectivity", "floating", "distance"]);
 const SCALAR_WORKER_CHANNELS = /* @__PURE__ */ new Set(["thickness", "roughness"]);
-const MESH_COMPONENT_WORKER_CHANNELS = /* @__PURE__ */ new Set(["connectivity", "distance"]);
-const VIEWPORT_SCALAR_SCENE_BUDGET_OBJECTS = 15;
+const MESH_COMPONENT_WORKER_CHANNELS = /* @__PURE__ */ new Set(["connectivity", "floating", "distance"]);
+const IDENTITY_MATRIX_ELEMENTS = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
+const INSPECT_BUILD_YIELD_INTERVAL_MS = 8;
 class InspectBuildCancelledError extends Error {
   constructor() {
     super("cancelled");
@@ -40334,23 +40658,34 @@ function isScalarWorkerChannel(channel) {
 function needsMeshComponents(channel) {
   return MESH_COMPONENT_WORKER_CHANNELS.has(channel);
 }
+function shouldIncludeInspectPositions(channel, obj) {
+  var _a3;
+  if (isScalarWorkerChannel(channel)) return true;
+  if (!needsMeshComponents(channel)) return false;
+  if (channel === "floating") return true;
+  const sources = (_a3 = obj.geometryInfo) == null ? void 0 : _a3.sources;
+  return !((sources == null ? void 0 : sources.length) === 1 && sources[0] === "primitive");
+}
 function viewportScalarSamplesPerObject(objectCount, inspectPointSampleCount) {
   const perObjectCap = resolveInspectPointSampleCount(inspectPointSampleCount);
-  if (objectCount <= 0) return perObjectCap;
-  const sceneBudget = perObjectCap * VIEWPORT_SCALAR_SCENE_BUDGET_OBJECTS;
-  const budgeted = Math.floor(sceneBudget / objectCount);
-  return Math.max(INSPECT_POINT_SAMPLE_COUNT_MIN, Math.min(perObjectCap, budgeted));
+  return resolveScalarSceneSampleBudget({
+    objectCount,
+    maxSamplesPerObject: perObjectCap,
+    minSamplesPerObject: INSPECT_POINT_SAMPLE_COUNT_MIN
+  }).effectiveMaxSamplesPerObject;
 }
 function yieldToBrowser() {
   if (typeof window === "undefined") return Promise.resolve();
-  return new Promise((resolve2) => {
-    const maybeIdleWindow = window;
-    if (typeof maybeIdleWindow.requestIdleCallback === "function") {
-      maybeIdleWindow.requestIdleCallback(() => resolve2(), { timeout: 50 });
-      return;
-    }
-    window.setTimeout(resolve2, 0);
-  });
+  return new Promise((resolve2) => window.setTimeout(resolve2, 0));
+}
+function createBuildYield(isCancelled) {
+  let lastYield = performance.now();
+  return async () => {
+    if (performance.now() - lastYield < INSPECT_BUILD_YIELD_INTERVAL_MS) return;
+    await yieldToBrowser();
+    if (isCancelled()) throw new InspectBuildCancelledError();
+    lastYield = performance.now();
+  };
 }
 function transformedBounds(obj, matrix) {
   if (!obj.shape) return null;
@@ -40367,6 +40702,31 @@ function transformedBounds(obj, matrix) {
     return null;
   }
 }
+function matrixIsIdentity(matrix) {
+  if (!matrix) return true;
+  const elements = matrix.elements;
+  return IDENTITY_MATRIX_ELEMENTS.every((value, index) => elements[index] === value);
+}
+function clonePositionsWithOptionalTransform(source, matrix) {
+  const positions = new Float32Array(source);
+  if (matrixIsIdentity(matrix)) return positions;
+  const e2 = matrix.elements;
+  for (let index = 0; index < positions.length; index += 3) {
+    const x = positions[index];
+    const y = positions[index + 1];
+    const z = positions[index + 2];
+    const w = e2[3] * x + e2[7] * y + e2[11] * z + e2[15];
+    positions[index] = e2[0] * x + e2[4] * y + e2[8] * z + e2[12];
+    positions[index + 1] = e2[1] * x + e2[5] * y + e2[9] * z + e2[13];
+    positions[index + 2] = e2[2] * x + e2[6] * y + e2[10] * z + e2[14];
+    if (w !== 1 && w !== 0) {
+      positions[index] /= w;
+      positions[index + 1] /= w;
+      positions[index + 2] /= w;
+    }
+  }
+  return positions;
+}
 function clonePositions(obj, matrix) {
   var _a3;
   if (!obj.shape) return void 0;
@@ -40374,17 +40734,7 @@ function clonePositions(obj, matrix) {
   try {
     const source = obj.shape instanceof FrozenShape ? obj.shape.getPrecomputedGeometry().positions : (_a3 = geometry == null ? void 0 : geometry.solid.getAttribute("position")) == null ? void 0 : _a3.array;
     if (!source) return void 0;
-    const positions = new Float32Array(source);
-    if (matrix) {
-      const point = new Vector3();
-      for (let index = 0; index < positions.length; index += 3) {
-        point.set(positions[index], positions[index + 1], positions[index + 2]).applyMatrix4(matrix);
-        positions[index] = point.x;
-        positions[index + 1] = point.y;
-        positions[index + 2] = point.z;
-      }
-    }
-    return positions;
+    return clonePositionsWithOptionalTransform(source, matrix);
   } finally {
     geometry == null ? void 0 : geometry.solid.dispose();
     geometry == null ? void 0 : geometry.edges.dispose();
@@ -40392,18 +40742,17 @@ function clonePositions(obj, matrix) {
 }
 async function buildWorkerObjects(args) {
   var _a3;
-  const needsMesh = isScalarWorkerChannel(args.inspectChannel) || needsMeshComponents(args.inspectChannel);
   const out = [];
+  const maybeYield = createBuildYield(args.isCancelled);
   for (const obj of args.objects) {
     if (args.isCancelled()) throw new InspectBuildCancelledError();
     if (!obj.shape) continue;
     if (((_a3 = args.objectSettings[obj.id]) == null ? void 0 : _a3.visible) === false) continue;
-    await yieldToBrowser();
-    if (args.isCancelled()) throw new InspectBuildCancelledError();
     const matrix = args.objectMatrices[obj.id] ?? new Matrix4();
     const bbox = transformedBounds(obj, matrix);
     if (!bbox) continue;
     if (args.isCancelled()) throw new InspectBuildCancelledError();
+    const positions = shouldIncludeInspectPositions(args.inspectChannel, obj) ? clonePositions(obj, needsMeshComponents(args.inspectChannel) ? matrix : void 0) : void 0;
     out.push({
       id: obj.id,
       name: obj.name,
@@ -40411,13 +40760,13 @@ async function buildWorkerObjects(args) {
       treePath: obj.treePath,
       mock: obj.mock,
       bbox,
-      ...needsMesh ? { positions: clonePositions(obj, needsMeshComponents(args.inspectChannel) ? matrix : void 0) } : {}
+      ...positions ? { positions } : {}
     });
-    await yieldToBrowser();
+    await maybeYield();
   }
   return out;
 }
-function analyzePayloadFor(channel, objects, inspectPointSampleCount) {
+function analyzePayloadFor(channel, objects, inspectPointSampleCount, groundZ) {
   const maxSamplesPerObject = viewportScalarSamplesPerObject(objects.length, inspectPointSampleCount);
   if (channel === "thickness") {
     return {
@@ -40437,7 +40786,7 @@ function analyzePayloadFor(channel, objects, inspectPointSampleCount) {
       }
     };
   }
-  return { channel, objects };
+  return { channel, objects, groundZ };
 }
 function resultToState(channel, result) {
   return {
@@ -40445,6 +40794,17 @@ function resultToState(channel, result) {
     channel,
     objectColors: result.objectColors,
     meshColors: Object.fromEntries(result.meshColorObjects.map((object) => [object.objectId, object.colors])),
+    heatmapFields: Object.fromEntries(
+      result.heatmapFieldObjects.map((object) => [
+        object.objectId,
+        {
+          data: object.data,
+          boundsMin: object.boundsMin,
+          boundsSize: object.boundsSize,
+          gridSize: object.gridSize
+        }
+      ])
+    ),
     pointClouds: Object.fromEntries(
       result.pointObjects.map((object) => [
         object.objectId,
@@ -40466,6 +40826,7 @@ function useInspectWorkerAnalysis(args) {
     objectColors: {},
     meshColors: {},
     pointClouds: {},
+    heatmapFields: {},
     warnings: [],
     error: null
   });
@@ -40478,6 +40839,7 @@ function useInspectWorkerAnalysis(args) {
         objectColors: {},
         meshColors: {},
         pointClouds: {},
+        heatmapFields: {},
         warnings: [],
         error: null
       });
@@ -40491,6 +40853,7 @@ function useInspectWorkerAnalysis(args) {
       objectColors: {},
       meshColors: {},
       pointClouds: {},
+      heatmapFields: {},
       warnings: [],
       error: null
     });
@@ -40501,7 +40864,8 @@ function useInspectWorkerAnalysis(args) {
           isCancelled: () => cancelled
         });
         if (cancelled) return;
-        const result = await inspectWorkerClient.analyze(analyzePayloadFor(channel, objects, args.inspectPointSampleCount));
+        const groundZ = typeof args.groundZ === "number" && Number.isFinite(args.groundZ) ? args.groundZ : 0;
+        const result = await inspectWorkerClient.analyze(analyzePayloadFor(channel, objects, args.inspectPointSampleCount, groundZ));
         if (cancelled) return;
         setState(resultToState(args.inspectChannel, result));
       } catch (error) {
@@ -40514,6 +40878,7 @@ function useInspectWorkerAnalysis(args) {
           objectColors: {},
           meshColors: {},
           pointClouds: {},
+          heatmapFields: {},
           warnings: [],
           error: error instanceof Error ? error.message : String(error)
         });
@@ -40523,9 +40888,72 @@ function useInspectWorkerAnalysis(args) {
       cancelled = true;
       inspectWorkerClient.dispose();
     };
-  }, [args.inspectChannel, args.inspectPointSampleCount, args.sceneVersion, args.objects, args.objectSettings, args.objectMatrices]);
+  }, [
+    args.inspectChannel,
+    args.inspectPointSampleCount,
+    args.sceneVersion,
+    args.objects,
+    args.objectSettings,
+    args.objectMatrices,
+    args.groundZ
+  ]);
   return state2;
 }
+function buildManualSceneConfig(base, manualScene, renderStylePreset) {
+  var _a3, _b2, _c;
+  const lights = [
+    { type: "ambient", color: "#ffffff", intensity: manualScene.ambientIntensity },
+    {
+      type: "directional",
+      position: renderStylePreset.lights.keyPosition,
+      color: renderStylePreset.lights.keyColor,
+      intensity: manualScene.keyIntensity,
+      castShadow: true
+    },
+    {
+      type: "directional",
+      position: renderStylePreset.lights.fillPosition,
+      color: renderStylePreset.lights.fillColor,
+      intensity: manualScene.fillIntensity
+    }
+  ];
+  if (manualScene.rimIntensity > 0) {
+    lights.push({
+      type: "directional",
+      position: renderStylePreset.lights.rimPosition,
+      color: renderStylePreset.lights.rimColor,
+      intensity: manualScene.rimIntensity
+    });
+  }
+  lights.push({
+    type: "hemisphere",
+    skyColor: renderStylePreset.lights.hemisphereSky,
+    groundColor: manualScene.groundColor,
+    intensity: renderStylePreset.lights.hemisphereIntensity
+  });
+  return {
+    background: manualScene.backgroundColor,
+    camera: (base == null ? void 0 : base.camera) ?? null,
+    views: (base == null ? void 0 : base.views) ?? null,
+    journeys: (base == null ? void 0 : base.journeys) ?? null,
+    lights,
+    environment: {
+      ...(base == null ? void 0 : base.environment) ?? {},
+      preset: ((_a3 = base == null ? void 0 : base.environment) == null ? void 0 : _a3.preset) ?? "studio",
+      intensity: manualScene.environmentIntensity,
+      background: ((_b2 = base == null ? void 0 : base.environment) == null ? void 0 : _b2.background) ?? false
+    },
+    fog: (base == null ? void 0 : base.fog) ?? null,
+    postProcessing: (base == null ? void 0 : base.postProcessing) ?? null,
+    ground: {
+      ...(base == null ? void 0 : base.ground) ?? {},
+      visible: manualScene.groundVisible,
+      color: manualScene.groundColor,
+      receiveShadow: ((_c = base == null ? void 0 : base.ground) == null ? void 0 : _c.receiveShadow) ?? true
+    },
+    capture: (base == null ? void 0 : base.capture) ?? null
+  };
+}
 function panelNumber(value) {
   if (!Number.isFinite(value)) return String(value);
   if (Number.isInteger(value)) return String(value);
@@ -40555,8 +40983,14 @@ function inspectChannelLabel(channel) {
   switch (channel) {
     case "connectivity":
       return "Connect";
+    case "floating":
+      return "Floating";
     case "distance":
       return "Distance";
+    case "normals":
+      return "Normals";
+    case "zebra":
+      return "Zebra";
     case "thickness":
       return "Thickness";
     case "roughness":
@@ -40650,7 +41084,7 @@ function RenderStyleExposure({ exposure }) {
   return null;
 }
 function Viewport() {
-  var _a3, _b2, _c;
+  var _a3, _b2, _c, _d;
   const activeFile = useForgeStore((s) => s.activeFile);
   const activeBackend = useForgeStore((s) => s.activeBackend);
   const computeTarget = useForgeStore((s) => s.computeTarget);
@@ -40662,11 +41096,13 @@ function Viewport() {
     evaluationPhase,
     renderMode,
     renderStyle,
+    manualScene,
     inspectChannel,
     inspectDisplayMode,
     inspectPointSampleCount,
     projectionMode,
     gridEnabled,
+    axesVisible,
     gridSize,
     showPerformanceInfo,
     objectSettings,
@@ -40714,6 +41150,7 @@ function Viewport() {
     isSketchOnly,
     sceneConfig,
     modelBoundsMinZ,
+    surfaceFieldScale,
     focusedObjectIdSet,
     visibleSceneObjectCount,
     visibleModelTriangles,
@@ -40734,6 +41171,11 @@ function Viewport() {
   const historyObjectIds = useForgeStore((s) => s.historyObjectIds);
   useHistoryPlaybackLoop();
   const [viewPersistenceResolved, setViewPersistenceResolved] = reactExports.useState(false);
+  const [historyGeometryStatus, setHistoryGeometryStatus] = reactExports.useState({
+    status: "idle",
+    stepCount: 0,
+    error: null
+  });
   const [isViewportInteracting, setIsViewportInteracting] = reactExports.useState(false);
   const [zoomMmPerPx, setZoomMmPerPx] = reactExports.useState(null);
   const hoverTooltipRef = reactExports.useRef(null);
@@ -40748,6 +41190,12 @@ function Viewport() {
   const contextMenuRef = reactExports.useRef(null);
   const t2 = themes[themeName];
   const renderStylePreset = reactExports.useMemo(() => getRenderStylePreset(renderStyle), [renderStyle]);
+  const effectiveSceneConfig = reactExports.useMemo(
+    () => manualScene.enabled ? buildManualSceneConfig(sceneConfig, manualScene, renderStylePreset) : sceneConfig,
+    [manualScene, renderStylePreset, sceneConfig]
+  );
+  const inspectGroundOffset = typeof ((_a3 = effectiveSceneConfig == null ? void 0 : effectiveSceneConfig.ground) == null ? void 0 : _a3.offset) === "number" && Number.isFinite(effectiveSceneConfig.ground.offset) ? effectiveSceneConfig.ground.offset : 0;
+  const inspectGroundZ = (modelBoundsMinZ ?? 0) - inspectGroundOffset;
   const inspectChannelActive = inspectChannel !== "none";
   const hasVisibleSdfObjects = objects.some((obj) => {
     var _a4;
@@ -40771,21 +41219,13 @@ function Viewport() {
     sceneVersion,
     objects,
     objectSettings,
-    objectMatrices
+    objectMatrices,
+    groundZ: inspectGroundZ
   });
   const inspectLoading = inspectChannelActive && inspectAnalysis.status === "loading";
-  const viewportBusyPhase = isEvaluating || evaluationPhase === "exporting" ? evaluationPhase : inspectLoading ? "inspecting" : null;
-  const viewportBusyLabel = inspectLoading ? `Generating ${inspectChannelLabel(inspectChannel)} inspect view` : void 0;
-  const rebuildHistorySteps = reactExports.useMemo(() => {
-    if (!isEvaluating || historyMode) return [];
-    const historyObjects = [];
-    for (const obj of objects) {
-      if (!obj.shape) continue;
-      const plan = getShapeCompilePlan(obj.shape);
-      if (plan) historyObjects.push({ id: obj.id, plan });
-    }
-    return historyObjects.length > 0 ? linearizeMultiObjectSteps(historyObjects) : [];
-  }, [historyMode, isEvaluating, objects]);
+  const historyGeometryLoading = historyMode && historyGeometryStatus.status === "loading";
+  const viewportBusyPhase = isEvaluating || evaluationPhase === "exporting" ? evaluationPhase : historyGeometryLoading ? "history" : inspectLoading ? "inspecting" : null;
+  const viewportBusyLabel = historyGeometryLoading ? "Building timeline geometry" : inspectLoading ? `Generating ${inspectChannelLabel(inspectChannel)} inspect view` : void 0;
   const handlers = useViewportHandlers({
     containerRef,
     contextMenuRef,
@@ -40849,7 +41289,7 @@ function Viewport() {
           Canvas,
           {
             style: {
-              background: inspectChannelActive ? "#000000" : renderStyle === "classic" ? t2.viewportBg : renderStylePreset.background,
+              background: renderStyle === "classic" ? t2.viewportBg : renderStylePreset.background,
               cursor: measureMode ? "crosshair" : "default"
             },
             dpr: canvasDpr,
@@ -40866,19 +41306,21 @@ function Viewport() {
             children: [
               /* @__PURE__ */ jsxRuntimeExports.jsxs(reactExports.Suspense, { fallback: null, children: [
                 projectionMode === "orthographic" ? /* @__PURE__ */ jsxRuntimeExports.jsx(OrthographicCamera, { makeDefault: true, position: [120, 80, 120], zoom: 2, near: -5e4, far: 5e4, up: [0, 0, 1] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(PerspectiveCamera, { makeDefault: true, position: [120, 80, 120], fov: 45, near: 0.1, far: 1e5, up: [0, 0, 1] }),
-                ((_a3 = sceneConfig == null ? void 0 : sceneConfig.postProcessing) == null ? void 0 : _a3.toneMappingExposure) === void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(RenderStyleExposure, { exposure: renderStylePreset.toneMappingExposure }),
-                sceneConfig && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                ((_b2 = effectiveSceneConfig == null ? void 0 : effectiveSceneConfig.postProcessing) == null ? void 0 : _b2.toneMappingExposure) === void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(RenderStyleExposure, { exposure: renderStylePreset.toneMappingExposure }),
+                effectiveSceneConfig && /* @__PURE__ */ jsxRuntimeExports.jsx(
                   SceneConfigurator,
                   {
-                    config: sceneConfig,
+                    config: effectiveSceneConfig,
+                    interactivePreview: isViewportInteracting,
                     controlsRef,
                     modelBoundsMinZ,
+                    hideGround: inspectChannelActive,
                     onDefaultLightsOverridden: handleDefaultLightsOverridden,
                     onDefaultEnvironmentOverridden: handleDefaultEnvironmentOverridden
                   }
                 ),
-                !defaultEnvironmentOverridden && /* @__PURE__ */ jsxRuntimeExports.jsx(LocalEnvironment, { preset: "studio", intensity: renderStylePreset.environmentIntensity }),
-                !defaultLightsOverridden && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                !isViewportInteracting && !defaultEnvironmentOverridden && /* @__PURE__ */ jsxRuntimeExports.jsx(LocalEnvironment, { preset: "studio", intensity: renderStylePreset.environmentIntensity }),
+                (isViewportInteracting || !defaultLightsOverridden) && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx("ambientLight", { intensity: renderStylePreset.lights.ambientIntensity }),
                   /* @__PURE__ */ jsxRuntimeExports.jsx(
                     "directionalLight",
@@ -40917,8 +41359,8 @@ function Viewport() {
                   )
                 ] }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(ClippingManager, { active: hasAnyObjectCutPlanes }),
-                !inspectChannelActive && sectionExplorerEnabled && /* @__PURE__ */ jsxRuntimeExports.jsx(SectionExplorerGizmo, { size: sectionGuideSize }),
-                !inspectChannelActive && sectionPlaneGuidesEnabled && activeCutPlaneDefs.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                sectionExplorerEnabled && /* @__PURE__ */ jsxRuntimeExports.jsx(SectionExplorerGizmo, { size: sectionGuideSize }),
+                sectionPlaneGuidesEnabled && activeCutPlaneDefs.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
                   SectionPlaneGuides,
                   {
                     cutPlanes: scriptCutPlaneDefs,
@@ -40952,11 +41394,13 @@ function Viewport() {
                         renderMode,
                         inspectChannel,
                         inspectDisplayMode,
-                        inspectColor: inspectAnalysis.objectColors[obj.id] ?? maskColorForIndex(objIndex),
+                        inspectColor: inspectChannel === "floating" ? inspectAnalysis.objectColors[obj.id] ?? "#000000" : inspectAnalysis.objectColors[obj.id] ?? maskColorForIndex(objIndex),
                         inspectMeshColors: inspectAnalysis.meshColors[obj.id],
                         inspectPointCloud: inspectAnalysis.pointClouds[obj.id],
+                        inspectHeatmapFieldData: inspectAnalysis.heatmapFields[obj.id],
                         isInteracting: isViewportInteracting,
                         matrix,
+                        surfaceFieldScale,
                         isHovered,
                         clippingPlanes: objectClippingPlanes,
                         debugHighlightColor: shapeHl == null ? void 0 : shapeHl.color,
@@ -41020,7 +41464,7 @@ function Viewport() {
                   return null;
                 }),
                 inspectChannel === "collisions" && /* @__PURE__ */ jsxRuntimeExports.jsx(CollisionInspectionOverlay, { objects, objectSettings, objectMatrices }),
-                !inspectChannelActive && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
                   SectionCaps,
                   {
                     sceneVersion,
@@ -41032,17 +41476,25 @@ function Viewport() {
                     isInteracting: isViewportInteracting
                   }
                 ),
-                !inspectChannelActive && constructionGhost && /* @__PURE__ */ jsxRuntimeExports.jsx(ConstructionGhostOverlay, { matrix: constructionGhostMatrix }),
-                !inspectChannelActive && historyMode && /* @__PURE__ */ jsxRuntimeExports.jsx(ConstructionHistoryOverlay, { objectMatrices, objectSettings }),
-                !inspectChannelActive && hoveredJointOverlay && /* @__PURE__ */ jsxRuntimeExports.jsx(HoveredJointOverlay, { state: hoveredJointOverlay, config: jointOverlayConfig }),
-                !inspectChannelActive && dimensionsVisible && dimensions.map((d) => /* @__PURE__ */ jsxRuntimeExports.jsx(DimensionAnnotation, { def: d, lengthUnit }, d.id)),
-                !inspectChannelActive && /* @__PURE__ */ jsxRuntimeExports.jsx(RenderLabelsOverlay, { labels: renderLabels }),
-                !inspectChannelActive && attachmentsVisible !== "none" && attachmentPoints.map((ap) => {
+                constructionGhost && /* @__PURE__ */ jsxRuntimeExports.jsx(ConstructionGhostOverlay, { matrix: constructionGhostMatrix }),
+                historyMode && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  ConstructionHistoryOverlay,
+                  {
+                    activeBackend,
+                    objectMatrices,
+                    objectSettings,
+                    onGeometryStatusChange: setHistoryGeometryStatus
+                  }
+                ),
+                hoveredJointOverlay && /* @__PURE__ */ jsxRuntimeExports.jsx(HoveredJointOverlay, { state: hoveredJointOverlay, config: jointOverlayConfig }),
+                dimensionsVisible && dimensions.map((d) => /* @__PURE__ */ jsxRuntimeExports.jsx(DimensionAnnotation, { def: d, lengthUnit }, d.id)),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(RenderLabelsOverlay, { labels: renderLabels }),
+                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}`);
                 }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(MeasureTool, {}),
-                !inspectChannelActive && debugHighlights3D.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(DebugHighlightsOverlay, { highlights: debugHighlights3D }),
+                debugHighlights3D.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(DebugHighlightsOverlay, { highlights: debugHighlights3D }),
                 drawFlagEnabled && /* @__PURE__ */ jsxRuntimeExports.jsx(DrawCanvas, {}),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
                   PerformanceInfoSampler,
@@ -41055,7 +41507,7 @@ function Viewport() {
                   }
                 ),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(ZoomSampler, { onZoomChange: setZoomMmPerPx }),
-                !inspectChannelActive && gridEnabled && !isSketchOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                gridEnabled && !isSketchOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(
                   Grid,
                   {
                     args: [500, 500],
@@ -41070,7 +41522,7 @@ function Viewport() {
                     infiniteGrid: true
                   }
                 ),
-                !inspectChannelActive && !isSketchOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                !isSketchOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(
                   SdfRaymarchLayer,
                   {
                     objects,
@@ -41085,11 +41537,11 @@ function Viewport() {
                     onContextMenu: (obj, event) => handleObjectContextMenu(obj, event)
                   }
                 ),
-                !inspectChannelActive && !isSketchOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(LabeledAxes, {}),
-                !inspectChannelActive && isSketchOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(SketchAxes, {}),
+                axesVisible && !isSketchOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(LabeledAxes, {}),
+                axesVisible && isSketchOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(SketchAxes, {}),
                 isSketchOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(CursorTracker, { onMove: (x, y) => setCursorPos({ x, y }) }),
                 isSketchOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(SketchRulersUpdater, { hCanvasRef: hRulerRef, vCanvasRef: vRulerRef }),
-                !inspectChannelActive && gridEnabled && isSketchOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                gridEnabled && isSketchOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(
                   Grid,
                   {
                     args: [500, 500],
@@ -41202,7 +41654,7 @@ function Viewport() {
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           ModelJourneyBar,
           {
-            journeys: sceneConfig == null ? void 0 : sceneConfig.journeys,
+            journeys: effectiveSceneConfig == null ? void 0 : effectiveSceneConfig.journeys,
             isViewportInteracting,
             requestViewCommand,
             selectObject,
@@ -41211,14 +41663,15 @@ function Viewport() {
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(PerformanceInfoPanel, { enabled: showPerformanceInfo, stats: performanceInfo }),
+        !viewportBusyPhase && /* @__PURE__ */ jsxRuntimeExports.jsx(InspectionLegend, { channel: inspectChannel, warnings: inspectAnalysis.warnings }),
         !viewportBusyPhase && /* @__PURE__ */ jsxRuntimeExports.jsx(ZoomIndicatorPanel, { mmPerPx: zoomMmPerPx }),
         isSketchOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(
           SketchRulersOverlay,
           {
             hCanvasRef: hRulerRef,
             vCanvasRef: vRulerRef,
-            viewportWidth: ((_b2 = containerRef.current) == null ? void 0 : _b2.clientWidth) ?? 800,
-            viewportHeight: ((_c = containerRef.current) == null ? void 0 : _c.clientHeight) ?? 600
+            viewportWidth: ((_c = containerRef.current) == null ? void 0 : _c.clientWidth) ?? 800,
+            viewportHeight: ((_d = containerRef.current) == null ? void 0 : _d.clientHeight) ?? 600
           }
         ),
         isSketchOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(CursorCoordinatesPanel, { x: cursorPos.x, y: cursorPos.y }),
@@ -41247,7 +41700,6 @@ function Viewport() {
           {
             phase: viewportBusyPhase,
             label: viewportBusyLabel,
-            constructionSteps: rebuildHistorySteps,
             activeBackend,
             computeTarget
           }
@@ -41280,6 +41732,34 @@ function Viewport() {
             ]
           }
         ),
+        historyMode && historyGeometryStatus.status === "error" && historyGeometryStatus.error && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: 12,
+              left: "50%",
+              transform: "translateX(-50%)",
+              background: "rgba(127, 29, 29, 0.92)",
+              color: "#fee2e2",
+              border: "1px solid rgba(254, 202, 202, 0.4)",
+              borderRadius: 6,
+              padding: "7px 12px",
+              fontSize: 12,
+              fontWeight: 600,
+              pointerEvents: "none",
+              zIndex: 12,
+              maxWidth: "min(520px, calc(100% - 32px))",
+              whiteSpace: "nowrap",
+              overflow: "hidden",
+              textOverflow: "ellipsis"
+            },
+            children: [
+              "Timeline failed: ",
+              historyGeometryStatus.error
+            ]
+          }
+        ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(HoverTooltipLayer, { ref: hoverTooltipRef, enabled: objectPickSyncEnabled && !measureMode }),
         objectContextMenu && /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "div",
@@ -41737,7 +42217,7 @@ function Viewport() {
     }
   );
 }
-const EditorApp$1 = reactExports.lazy(() => __vitePreload(() => import("./EditorApp-BujZvuwX.js"), true ? __vite__mapDeps([0]) : void 0).then((m2) => ({ default: m2.EditorApp })));
+const EditorApp$1 = reactExports.lazy(() => __vitePreload(() => import("./EditorApp-DnddQvBt.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);
@@ -41924,15 +42404,15 @@ const PublishedModelPage$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Objec
   consumePendingShareCopy,
   storePendingShareCopy
 }, Symbol.toStringTag, { value: "Module" }));
-reactExports.lazy(() => __vitePreload(() => import("./LandingPageProofDriven-O_yMtAri.js"), true ? __vite__mapDeps([1]) : void 0).then((m2) => ({ default: m2.LandingPageProofDriven })));
-const DocsPage = reactExports.lazy(() => __vitePreload(() => import("./DocsPage-DLhIIZyJ.js"), true ? [] : void 0).then((m2) => ({ default: m2.DocsPage })));
-reactExports.lazy(() => __vitePreload(() => import("./BlogPage-CI_P0_Pf.js"), true ? [] : void 0).then((m2) => ({ default: m2.BlogPage })));
-reactExports.lazy(() => __vitePreload(() => import("./AdminPage-DX0mpSZT.js"), true ? [] : void 0).then((m2) => ({ default: m2.AdminPage })));
+reactExports.lazy(() => __vitePreload(() => import("./LandingPageProofDriven-CFet-l3o.js"), true ? __vite__mapDeps([1]) : void 0).then((m2) => ({ default: m2.LandingPageProofDriven })));
+const DocsPage = reactExports.lazy(() => __vitePreload(() => import("./DocsPage-9U1hGjrg.js"), true ? [] : void 0).then((m2) => ({ default: m2.DocsPage })));
+reactExports.lazy(() => __vitePreload(() => import("./BlogPage-Cc41PP4d.js"), true ? [] : void 0).then((m2) => ({ default: m2.BlogPage })));
+reactExports.lazy(() => __vitePreload(() => import("./AdminPage-CNEvQM7c.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-DBsqTB_y.js"), true ? [] : void 0).then((m2) => ({ default: m2.SettingsPage })));
-reactExports.lazy(() => __vitePreload(() => import("./PricingPage-DGkX3Ahr.js"), true ? __vite__mapDeps([2,1]) : void 0).then((m2) => ({ default: m2.PricingPage })));
-const EditorApp = reactExports.lazy(() => __vitePreload(() => import("./EditorApp-BujZvuwX.js"), true ? __vite__mapDeps([0]) : void 0).then((m2) => ({ default: m2.EditorApp })));
-const EmbedViewer = reactExports.lazy(() => __vitePreload(() => import("./EmbedViewer-0S0qXKog.js"), true ? [] : void 0).then((m2) => ({ default: m2.EmbedViewer })));
+reactExports.lazy(() => __vitePreload(() => import("./SettingsPage-BarZonVZ.js"), true ? [] : void 0).then((m2) => ({ default: m2.SettingsPage })));
+reactExports.lazy(() => __vitePreload(() => import("./PricingPage-CPm8mQx3.js"), true ? __vite__mapDeps([2,1]) : void 0).then((m2) => ({ default: m2.PricingPage })));
+const EditorApp = reactExports.lazy(() => __vitePreload(() => import("./EditorApp-DnddQvBt.js"), true ? __vite__mapDeps([0]) : void 0).then((m2) => ({ default: m2.EditorApp })));
+const EmbedViewer = reactExports.lazy(() => __vitePreload(() => import("./EmbedViewer-B2lhWTcd.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)$/i;
 function firstMeaningfulLine(text) {