forgecad 0.9.16 → 0.10.0

package/dist/assets/{app-T0pDcSX4.js → app-DSYrDg0V.js}

@@ -4,7 +4,7 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var _a2;
 import { c as create, j as jsxRuntimeExports, r as reactExports, a as createWithEqualityFn, R as React, T as Tb, s as schedulerExports, b as clientExports, d as reactDomExports, u as useParams, e as useSearchParams, f as useNavigate, L as Link, g as useLocation, B as BrowserRouter, h as Routes, i as Route, N as Navigate } from "./vendor-react-6j1Kke-Y.js";
-import { _ as __vitePreload, 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 resolveForgeRenderStyle, az as DEFAULT_ACTIVE_BACKEND, aA as isConstraintSketch, aB as updateConstraintValue, aC as linearizeMultiObjectSteps, aD as getShapeCompilePlan, aE as SCAN_PROXY_GRANULARITY_DEFAULT, aF as publishSolverWasmRunDebug, aG as resolveForgeQualityPreset, aH as SCAN_PROXY_MATRIX_GRANULARITY_MAX, aI as findJointAnimationClip, aJ as resolveJointAnimation, aK as resolveJointViewValues, aL as resolveImportPath, aM as resolveScanProxyGranularity, aN as BufferGeometry, aO as LineBasicMaterial, aP as Line$1, aQ as LineDashedMaterial, aR as DepthStencilFormat, aS as UnsignedInt248Type, aT as MeshNormalMaterial, aU as NearestFilter, aV as BasicDepthPacking, aW as EventDispatcher$1, aX as NoColorSpace, aY as FrontSide, aZ as Material, a_ as AlwaysDepth, a$ as BufferAttribute, b0 as CanvasTexture, b1 as Object3D, b2 as FogExp2, b3 as Fog, b4 as AmbientLight, b5 as HemisphereLight, b6 as SpotLight, b7 as PointLight, b8 as DirectionalLight, b9 as heatPointsForSide, ba as COMPARISON_COLORS, bb as comparisonHeatDepthTest, bc as comparisonHeatEdgeOpacity, bd as comparisonHeatPatchOpacity, be as shapeToGeometry, bf as buildComparisonHeatPatchGeometry, bg as EdgesGeometry, bh as buildShapeFromCompilePlan, bi as buildVisibleHistoryStacks, bj as sketchToSvg, bk as sketchToDxf, bl as runScript, bm as MeshPhysicalMaterial, bn as LineSegments, bo as findDesignTraceNodeForConstructionStep, bp as formatDesignTraceAnchor, bq as waitForAnimationFrame, br as selectBuildLedgerNodes, bs as worldAuthorPlaneToLocal, bt as scanProxySourceBytes, bu as disposeScanProxyGeometry, bv as scanProxyGeometryFromPayload, bw as AdditiveBlending, bx as geometryWithVisibleVertexColors, by as getRenderStylePreset, bz as SCAN_RENDER_COLORS, bA as NormalBlending, bB as ZEBRA_STRIPE_SOFTNESS, bC as ZEBRA_STRIPE_SCALE, bD as ZEBRA_LIGHT_COLOR, bE as ZEBRA_DARK_COLOR, bF as ZEBRA_ACCENT_COLOR, bG as ZEBRA_STRIPE_FRAGMENT_SHADER, bH as ZEBRA_STRIPE_VERTEX_SHADER, bI as SCAN_PROXY_LAYER_STYLES, bJ as SURFACE_FIELD_FRAGMENT_SHADER, bK as SURFACE_FIELD_VERTEX_SHADER, bL as WORLD_UP, bM as CatmullRomCurve3, bN as TubeGeometry, bO as THICKNESS_GRADIENT_COLORS, bP as ROUGHNESS_COLORS, bQ as DEFAULT_ROUGHNESS_INSPECTION_OPTIONS, bR as PERFORMANCE_SAMPLE_INTERVAL_SEC, bS as formatPerformanceCount, bT as NON_TEXT_INPUT_TYPES, bU as MeshStandardMaterial, bV as compileSdfNode3, bW as buildSdfRaymarchFragmentShader, bX as SDF_RAYMARCH_PROXY_VERTEX_SHADER, bY as Shape, bZ as ShapeGeometry, b_ as ShaderLib, b$ as CylinderGeometry, c0 as VIEWPORT_CAMERA_STORAGE_KEY, c1 as parseViewportCameraState, c2 as createResolvedExplodeConfig, c3 as explodeBoundsCenter, c4 as explodeMergeBounds, c5 as resolveExplodeDirective, c6 as computeExplodeMotion, c7 as getSketchWorldMatrix, c8 as explodeAdd, c9 as hasExplodeOverride, ca as resolveExplodeLocalFanDirection, cb as explodeMul, cc as explodeLeafFanStage, cd as normalizeCutPlane, ce as toClippingPlane, cf as isObjectExcludedFromCutPlane, cg as getShapePorts, ch as getShapeUsedPorts, ci as DEFAULT_VIEW_CONFIG, cj as SECTION_EXPLORER_PLANE_NAME, ck as ZERO_OFFSET, cl as scanProxyGridForBounds, cm as IDENTITY_MATRIX$2, cn as OBJECT_CONTEXT_MENU_MARGIN, co as OBJECT_CONTEXT_MENU_WIDTH, cp as OBJECT_CONTEXT_MENU_HEIGHT, cq as getKernelFaceNameForTriangle, cr as triangleSoupFromMeshes, cs as compareTriangleSoups, ct as buildGeometryComparisonPointCloud, cu as aabbOverlaps, cv as aabbOverlapVolume, cw as DEFAULT_COLLISION_INSPECTION_OPTIONS, cx as resolveScalarSceneSampleBudget, cy as FOCUS_MODE_DIM_OPACITY, cz as comparisonCandidateContextOpacity, cA as Matrix3, cB as initKernel, cC as initSolverWasm } from "./scalar-sampling-budget-J5cuzxT1.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 resolveForgeRenderStyle, az as DEFAULT_ACTIVE_BACKEND, aA as isConstraintSketch, aB as updateConstraintValue, aC as linearizeMultiObjectSteps, aD as getShapeCompilePlan, aE as SCAN_PROXY_GRANULARITY_DEFAULT, aF as publishSolverWasmRunDebug, aG as resolveForgeQualityPreset, aH as SCAN_PROXY_MATRIX_GRANULARITY_MAX, aI as findJointAnimationClip, aJ as resolveJointAnimation, aK as resolveJointViewValues, aL as resolveImportPath, aM as resolveScanProxyGranularity, aN as BufferGeometry, aO as LineBasicMaterial, aP as Line$1, aQ as LineDashedMaterial, aR as DepthStencilFormat, aS as UnsignedInt248Type, aT as MeshNormalMaterial, aU as NearestFilter, aV as BasicDepthPacking, aW as EventDispatcher$1, aX as NoColorSpace, aY as FrontSide, aZ as Material, a_ as AlwaysDepth, a$ as BufferAttribute, b0 as CanvasTexture, b1 as Object3D, b2 as FogExp2, b3 as Fog, b4 as AmbientLight, b5 as HemisphereLight, b6 as SpotLight, b7 as PointLight, b8 as DirectionalLight, b9 as heatPointsForSide, ba as COMPARISON_COLORS, bb as comparisonHeatDepthTest, bc as comparisonHeatEdgeOpacity, bd as comparisonHeatPatchOpacity, be as shapeToGeometry, bf as buildComparisonHeatPatchGeometry, bg as EdgesGeometry, bh as buildShapeFromCompilePlan, bi as buildVisibleHistoryStacks, bj as sketchToSvg, bk as sketchToDxf, bl as runScript, bm as MeshPhysicalMaterial, bn as LineSegments, bo as findDesignTraceNodeForConstructionStep, bp as formatDesignTraceAnchor, bq as waitForAnimationFrame, br as selectBuildLedgerNodes, bs as worldAuthorPlaneToLocal, bt as scanProxySourceBytes, bu as disposeScanProxyGeometry, bv as scanProxyGeometryFromPayload, bw as AdditiveBlending, bx as geometryWithVisibleVertexColors, by as getRenderStylePreset, bz as SCAN_RENDER_COLORS, bA as NormalBlending, bB as scanMaterialShellColor, bC as ZEBRA_STRIPE_SOFTNESS, bD as ZEBRA_STRIPE_SCALE, bE as ZEBRA_LIGHT_COLOR, bF as ZEBRA_DARK_COLOR, bG as ZEBRA_ACCENT_COLOR, bH as ZEBRA_STRIPE_FRAGMENT_SHADER, bI as ZEBRA_STRIPE_VERTEX_SHADER, bJ as SCAN_PROXY_LAYER_STYLES, bK as scanMaterialLayerStyles, bL as SURFACE_FIELD_FRAGMENT_SHADER, bM as SURFACE_FIELD_VERTEX_SHADER, bN as WORLD_UP, bO as CatmullRomCurve3, bP as TubeGeometry, bQ as THICKNESS_GRADIENT_COLORS, bR as ROUGHNESS_COLORS, bS as DEFAULT_ROUGHNESS_INSPECTION_OPTIONS, bT as PERFORMANCE_SAMPLE_INTERVAL_SEC, bU as formatPerformanceCount, bV as NON_TEXT_INPUT_TYPES, bW as MeshStandardMaterial, bX as compileSdfNode3, bY as buildSdfRaymarchFragmentShader, bZ as SDF_RAYMARCH_PROXY_VERTEX_SHADER, b_ as Shape, b$ as ShapeGeometry, c0 as ShaderLib, c1 as CylinderGeometry, c2 as VIEWPORT_CAMERA_STORAGE_KEY, c3 as parseViewportCameraState, c4 as createResolvedExplodeConfig, c5 as explodeBoundsCenter, c6 as explodeMergeBounds, c7 as resolveExplodeDirective, c8 as computeExplodeMotion, c9 as getSketchWorldMatrix, ca as explodeAdd, cb as hasExplodeOverride, cc as resolveExplodeLocalFanDirection, cd as explodeMul, ce as explodeLeafFanStage, cf as normalizeCutPlane, cg as toClippingPlane, ch as isObjectExcludedFromCutPlane, ci as getShapePorts, cj as getShapeUsedPorts, ck as DEFAULT_VIEW_CONFIG, cl as SECTION_EXPLORER_PLANE_NAME, cm as ZERO_OFFSET, cn as scanProxyGridForBounds, co as IDENTITY_MATRIX$2, cp as OBJECT_CONTEXT_MENU_MARGIN, cq as OBJECT_CONTEXT_MENU_WIDTH, cr as OBJECT_CONTEXT_MENU_HEIGHT, cs as getKernelFaceNameForTriangle, ct as triangleSoupFromMeshes, cu as compareTriangleSoups, cv as buildGeometryComparisonPointCloud, cw as aabbOverlaps, cx as aabbOverlapVolume, cy as DEFAULT_COLLISION_INSPECTION_OPTIONS, cz as resolveScalarSceneSampleBudget, cA as FOCUS_MODE_DIM_OPACITY, cB as comparisonCandidateContextOpacity, cC as Matrix3, cD as initKernel, cE as initSolverWasm } from "./scalar-sampling-budget-o90NSNmF.js";
 function getCsrfToken() {
   const match = document.cookie.match(/(?:^|;\s*)fc-csrf-token=([^;]+)/);
   return match == null ? void 0 : match[1];
@@ -296,6 +296,8 @@ function lookupCache(filePath, code, files, paramOverrides, assemblyState, quali
   if (!entry) return null;
   if (entry.code !== code || entry.quality !== quality || JSON.stringify(entry.paramOverrides) !== JSON.stringify(paramOverrides) || JSON.stringify(entry.assemblyState) !== JSON.stringify(assemblyState) || JSON.stringify(entry.files) !== JSON.stringify(files))
     return null;
+  runResultCache.delete(key);
+  runResultCache.set(key, entry);
   return entry.result;
 }
 function storeCache(filePath, code, files, paramOverrides, assemblyState, quality, backend, result, serialized) {
@@ -15583,7 +15585,7 @@ const movePath = (value, from, to) => {
   if (value.startsWith(`${from}/`)) return `${to}${value.slice(from.length)}`;
   return value;
 };
-const FORGE_IMPORT_RE = /\b(?:importMesh|importStep|importSvgSketch|Import\.dxfSketch|compareWith)\s*\(\s*(?:"([^"]+)"|'([^']+)')/g;
+const FORGE_IMPORT_RE = /\b(?:importMesh|importStep|importSvgSketch|Import\.mesh|Import\.step|Import\.svgSketch|Import\.dxfSketch|compareWith)\s*\(\s*(?:"([^"]+)"|'([^']+)')/g;
 const REQUIRE_RE = /\brequire\s*\(\s*(?:"([^"]+)"|'([^']+)')/g;
 const ES_IMPORT_RE = /\bfrom\s+(?:"([^"]+)"|'([^']+)')/g;
 const VIRTUAL_MODULES = /* @__PURE__ */ new Set(["forgecad", "@forge/runtime", "@forgecad/runtime"]);
@@ -15601,6 +15603,9 @@ function extractImports(code) {
     importMesh: "forgeMesh",
     importStep: "forgeMesh",
     importSvgSketch: "forgeSvg",
+    "Import.mesh": "forgeMesh",
+    "Import.step": "forgeMesh",
+    "Import.svgSketch": "forgeSvg",
     "Import.dxfSketch": "forgeDxf",
     compareWith: "compareWith"
   };
@@ -15608,7 +15613,9 @@ function extractImports(code) {
   const forgeRe = new RegExp(FORGE_IMPORT_RE.source, FORGE_IMPORT_RE.flags);
   while ((m2 = forgeRe.exec(code)) !== null) {
     const path = m2[1] ?? m2[2];
-    const fn = (_a3 = m2[0].match(/\b(importMesh|importStep|importSvgSketch|Import\.dxfSketch|compareWith)/)) == null ? void 0 : _a3[1];
+    const fn = (_a3 = m2[0].match(
+      /\b(importMesh|importStep|importSvgSketch|Import\.mesh|Import\.step|Import\.svgSketch|Import\.dxfSketch|compareWith)/
+    )) == null ? void 0 : _a3[1];
     add(path, kindMap[fn] ?? "forgeMesh");
   }
   const reqRe = new RegExp(REQUIRE_RE.source, REQUIRE_RE.flags);
@@ -15834,7 +15841,7 @@ const CRASH_COOLDOWN_MS = 2e3;
 class EvalWorkerClient {
   constructor(workerFactory = () => new Worker(new URL(
     /* @vite-ignore */
-    "/assets/evalWorker-vkx310U2.js",
+    "/assets/evalWorker-DbNs7Dkp.js",
     import.meta.url
   ), { type: "module" })) {
     __publicField(this, "worker", null);
@@ -16079,6 +16086,10 @@ class EvalWorkerClient {
   runIrPlan(options) {
     return this.startCancellableRun(options, "run-ir-plan");
   }
+  clearCaches() {
+    var _a3;
+    (_a3 = this.worker) == null ? void 0 : _a3.postMessage({ type: "clear-caches" });
+  }
   startCancellableRun(options, type) {
     if (this.shouldReplaceWorkerForSupersedingRun()) {
       this.replaceWorkerForSupersedingRun();
@@ -16271,7 +16282,89 @@ const removeParamSnapshotsForFile = (snapshotsByFile, file) => {
   delete next[file];
   return next;
 };
-const IMPORTABLE_PROJECT_TEXT_FILE_EXTS = [".forge.js", ".js", ".svg", ".dxf"];
+const EDITABLE_PROJECT_TEXT_FILE_EXTS = [
+  ".forge.js",
+  ".sketch.js",
+  ".js",
+  ".mjs",
+  ".cjs",
+  ".jsx",
+  ".ts",
+  ".tsx",
+  ".json",
+  ".md",
+  ".txt",
+  ".svg",
+  ".dxf",
+  ".html",
+  ".css",
+  ".scss",
+  ".yml",
+  ".yaml",
+  ".toml",
+  ".xml",
+  ".csv",
+  ".ini"
+];
+function hasProjectTextFileExtension(path) {
+  const lower = path.toLowerCase();
+  return EDITABLE_PROJECT_TEXT_FILE_EXTS.some((ext) => lower.endsWith(ext));
+}
+function projectTextFileTemplate(path) {
+  const lower = path.toLowerCase();
+  if (lower.endsWith(".svg")) {
+    return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <path d="M 10 10 L 90 10 L 90 90 L 10 90 Z" fill="none" stroke="#000" stroke-width="4" />
+</svg>
+`;
+  }
+  if (lower.endsWith(".dxf")) {
+    return "0\nSECTION\n2\nENTITIES\n0\nLWPOLYLINE\n8\n0\n90\n4\n70\n1\n10\n0\n20\n0\n10\n100\n20\n0\n10\n100\n20\n60\n10\n0\n20\n60\n0\nENDSEC\n0\nEOF\n";
+  }
+  if (lower.endsWith(".forge.js") || lower.endsWith(".sketch.js")) {
+    return "// 3D Part\n\nreturn box(50, 30, 10);\n";
+  }
+  if (lower.endsWith(".js") || lower.endsWith(".mjs") || lower.endsWith(".cjs")) {
+    return "// Shared JS utilities for ForgeCAD.\n\nexport function exampleValue() {\n  return 42;\n}\n";
+  }
+  if (lower.endsWith(".md")) return "# Notes\n\n";
+  if (lower.endsWith(".json")) return "{\n  \n}\n";
+  return "";
+}
+function monacoLanguageForProjectFile(path) {
+  const lower = path.toLowerCase();
+  if (lower.endsWith(".md")) return "markdown";
+  if (lower.endsWith(".json")) return "json";
+  if (lower.endsWith(".ts") || lower.endsWith(".tsx")) return "typescript";
+  if (lower.endsWith(".js") || lower.endsWith(".mjs") || lower.endsWith(".cjs") || lower.endsWith(".jsx")) return "javascript";
+  if (lower.endsWith(".html")) return "html";
+  if (lower.endsWith(".css") || lower.endsWith(".scss")) return "css";
+  if (lower.endsWith(".svg") || lower.endsWith(".xml")) return "xml";
+  if (lower.endsWith(".yml") || lower.endsWith(".yaml")) return "yaml";
+  return "plaintext";
+}
+function highlightLanguageForProjectFile(path) {
+  const lower = path.toLowerCase();
+  if (lower.endsWith(".md")) return "markdown";
+  if (lower.endsWith(".json")) return "json";
+  if (lower.endsWith(".ts") || lower.endsWith(".tsx")) return "typescript";
+  if (lower.endsWith(".js") || lower.endsWith(".mjs") || lower.endsWith(".cjs") || lower.endsWith(".jsx")) return "javascript";
+  if (lower.endsWith(".html") || lower.endsWith(".svg") || lower.endsWith(".xml")) return "xml";
+  if (lower.endsWith(".css") || lower.endsWith(".scss")) return "css";
+  return null;
+}
+function projectTextFileMimeType(path) {
+  const lower = path.toLowerCase();
+  if (lower.endsWith(".svg")) return "image/svg+xml";
+  if (lower.endsWith(".dxf")) return "application/dxf";
+  if (lower.endsWith(".json")) return "application/json";
+  if (lower.endsWith(".md")) return "text/markdown";
+  if (lower.endsWith(".html")) return "text/html";
+  if (lower.endsWith(".css") || lower.endsWith(".scss")) return "text/css";
+  if (lower.endsWith(".js") || lower.endsWith(".mjs") || lower.endsWith(".cjs") || lower.endsWith(".jsx")) return "text/javascript";
+  return "text/plain";
+}
+const IMPORTABLE_PROJECT_TEXT_FILE_EXTS = EDITABLE_PROJECT_TEXT_FILE_EXTS;
 const IMPORTABLE_PROJECT_MESH_FILE_EXTS = [".stl", ".obj", ".3mf"];
 const IMPORTABLE_PROJECT_EXACT_FILE_EXTS = [".step", ".stp"];
 const IMPORTABLE_PROJECT_BINARY_FILE_EXTS = [...IMPORTABLE_PROJECT_MESH_FILE_EXTS, ...IMPORTABLE_PROJECT_EXACT_FILE_EXTS];
@@ -16282,7 +16375,7 @@ function hasImportableExt(path, extensions) {
   return extensions.some((ext) => lower.endsWith(ext));
 }
 function isImportableProjectTextFile(path) {
-  return IMPORTABLE_PROJECT_TEXT_FILE_EXTS.some((ext) => path.endsWith(ext));
+  return hasProjectTextFileExtension(path);
 }
 function isImportableProjectMeshFile(path) {
   return hasImportableExt(path, IMPORTABLE_PROJECT_MESH_FILE_EXTS);
@@ -16985,7 +17078,9 @@ if (sharedBundle) {
   }
 }
 const LAST_ACTIVE_FILE_KEY_BASE = "fc-last-active-file";
+const RECENT_FILES_KEY_BASE = "fc-recent-files";
 const lastActiveFileKey = () => userScopedKey(LAST_ACTIVE_FILE_KEY_BASE);
+const recentFilesKey = () => userScopedKey(RECENT_FILES_KEY_BASE);
 const readLastActiveFileForUser = (userId) => {
   try {
     return localStorage.getItem(`${LAST_ACTIVE_FILE_KEY_BASE}-${userId}`);
@@ -16993,6 +17088,25 @@ const readLastActiveFileForUser = (userId) => {
     return null;
   }
 };
+const readRecentFiles = () => {
+  try {
+    if (typeof localStorage === "undefined") return [];
+    const raw = localStorage.getItem(recentFilesKey());
+    if (!raw) return [];
+    const parsed = JSON.parse(raw);
+    if (!Array.isArray(parsed)) return [];
+    return parsed.filter((value) => typeof value === "string" && value.length > 0);
+  } catch {
+    return [];
+  }
+};
+const writeRecentFiles = (files) => {
+  try {
+    if (typeof localStorage === "undefined") return;
+    localStorage.setItem(recentFilesKey(), JSON.stringify(files));
+  } catch {
+  }
+};
 const clampJointValue = (value, min, max2) => {
   let next = Number.isFinite(value) ? value : 0;
   if (min !== void 0) next = Math.max(min, next);
@@ -17256,18 +17370,8 @@ const resolveThicknessColorRange = (value) => {
     return DEFAULT_THICKNESS_COLOR_RANGE;
   }
   const raw = value;
-  const min = resolveClampedNumber(
-    raw.min,
-    DEFAULT_THICKNESS_COLOR_RANGE.min,
-    THICKNESS_COLOR_RANGE_MIN,
-    THICKNESS_COLOR_RANGE_MAX
-  );
-  const max2 = resolveClampedNumber(
-    raw.max,
-    DEFAULT_THICKNESS_COLOR_RANGE.max,
-    THICKNESS_COLOR_RANGE_MIN,
-    THICKNESS_COLOR_RANGE_MAX
-  );
+  const min = resolveClampedNumber(raw.min, DEFAULT_THICKNESS_COLOR_RANGE.min, THICKNESS_COLOR_RANGE_MIN, THICKNESS_COLOR_RANGE_MAX);
+  const max2 = resolveClampedNumber(raw.max, DEFAULT_THICKNESS_COLOR_RANGE.max, THICKNESS_COLOR_RANGE_MIN, THICKNESS_COLOR_RANGE_MAX);
   if (max2 - min >= THICKNESS_COLOR_RANGE_MIN_SPAN) return { min, max: max2 };
   const defaultSpan = DEFAULT_THICKNESS_COLOR_RANGE.max - DEFAULT_THICKNESS_COLOR_RANGE.min;
   const expandedMax = Math.min(THICKNESS_COLOR_RANGE_MAX, min + defaultSpan);
@@ -17422,6 +17526,47 @@ const initialActive = (() => {
   return fallback;
 })();
 const INITIAL_SAVED = {};
+const MAX_RECENT_FILES = 200;
+function touchRecentFile(recentFiles, files, file) {
+  const availableFiles = new Set(Object.keys(files));
+  const next = [];
+  const seen = /* @__PURE__ */ new Set();
+  if (file && availableFiles.has(file)) {
+    next.push(file);
+    seen.add(file);
+  }
+  for (const recentFile of recentFiles) {
+    if (!availableFiles.has(recentFile) || seen.has(recentFile)) continue;
+    next.push(recentFile);
+    seen.add(recentFile);
+    if (next.length >= MAX_RECENT_FILES) break;
+  }
+  return next;
+}
+function pruneRecentFiles(recentFiles, files) {
+  return touchRecentFile(recentFiles, files, "");
+}
+function remapRecentFiles(recentFiles, files, oldPath, newPath) {
+  const remapped = recentFiles.map((file) => movePath(file, oldPath, newPath));
+  return pruneRecentFiles(remapped, files);
+}
+function persistRecentFiles(recentFiles) {
+  writeRecentFiles(recentFiles);
+  return recentFiles;
+}
+function touchAndPersistRecentFile(recentFiles, files, file) {
+  return persistRecentFiles(touchRecentFile(recentFiles, files, file));
+}
+function pruneAndPersistRecentFiles(recentFiles, files) {
+  return persistRecentFiles(pruneRecentFiles(recentFiles, files));
+}
+function remapAndPersistRecentFiles(recentFiles, files, oldPath, newPath) {
+  return persistRecentFiles(remapRecentFiles(recentFiles, files, oldPath, newPath));
+}
+function readRecentFilesOrFallback(fallback) {
+  const stored = readRecentFiles();
+  return stored.length > 0 ? stored : fallback;
+}
 const VIEW_INSPECT_CHANNELS = /* @__PURE__ */ new Set([
   "none",
   "mask",
@@ -17437,6 +17582,9 @@ const VIEW_INSPECT_CHANNELS = /* @__PURE__ */ new Set([
   "roughness"
 ]);
 const INSPECT_DISPLAY_MODES = /* @__PURE__ */ new Set(["heatmap", "points", "both", "scan"]);
+const SAVE_PICKER_TEXT_FILE_EXTS = EDITABLE_PROJECT_TEXT_FILE_EXTS.filter(
+  (ext) => ![".forge.js", ".sketch.js", ".js", ".svg", ".dxf", ".md"].includes(ext)
+);
 function resolveViewInspectChannel(value) {
   return typeof value === "string" && VIEW_INSPECT_CHANNELS.has(value) ? value : "none";
 }
@@ -17547,6 +17695,10 @@ function abortServerCompute() {
 function canUseServerCompute() {
   return true;
 }
+function canHaveProjectImports(filename) {
+  const lower = filename.toLowerCase();
+  return lower.endsWith(".forge.js") || lower.endsWith(".sketch.js") || lower.endsWith(".js") || lower.endsWith(".mjs") || lower.endsWith(".cjs") || lower.endsWith(".jsx") || lower.endsWith(".ts") || lower.endsWith(".tsx");
+}
 const PARAM_DEBOUNCE_MS = navigator.maxTouchPoints > 0 && window.innerWidth < 768 ? 250 : 80;
 async function lazyLoadFileAndDeps(filename, get, set) {
   if (!fileSystem.fetchFileContent) return;
@@ -17569,6 +17721,7 @@ async function lazyLoadFileAndDeps(filename, get, set) {
       }
     }
     if (!content) continue;
+    if (!canHaveProjectImports(file)) continue;
     for (const ref of extractImports(content)) {
       const resolved = resolveImportPath(file, ref.raw);
       const matchKey = Object.keys(storeFiles).find((k2) => k2 === resolved || k2.replace(/^\.\//, "") === resolved.replace(/^\.\//, ""));
@@ -17622,6 +17775,7 @@ const useForgeStore = create((set, get) => ({
   savedFiles: { ...INITIAL_SAVED },
   folders: [...INITIAL_FOLDERS],
   activeFile: initialActive,
+  recentFiles: touchRecentFile(readRecentFiles(), INITIAL_FILES, initialActive),
   setActiveFile: (name) => {
     abortServerCompute();
     if (name) {
@@ -17645,6 +17799,7 @@ const useForgeStore = create((set, get) => ({
     const restored = targetPreviewFile && nextByFile[targetPreviewFile] ? nextByFile[targetPreviewFile] : {};
     set({
       activeFile: name,
+      recentFiles: touchAndPersistRecentFile(get().recentFiles, files, name),
       meshPreviewFile: null,
       // Clear mesh preview when switching files
       lastValidResult: null,
@@ -17693,15 +17848,13 @@ const useForgeStore = create((set, get) => ({
     if (!normalized) return;
     if (get().files[normalized] !== void 0) return;
     if (get().folders.includes(normalized)) return;
-    const template = normalized.endsWith(".svg") ? `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
-  <path d="M 10 10 L 90 10 L 90 90 L 10 90 Z" fill="none" stroke="#000" stroke-width="4" />
-</svg>
-` : normalized.endsWith(".dxf") ? "0\nSECTION\n2\nENTITIES\n0\nLWPOLYLINE\n8\n0\n90\n4\n70\n1\n10\n0\n20\n0\n10\n100\n20\n0\n10\n100\n20\n60\n10\n0\n20\n60\n0\nENDSEC\n0\nEOF\n" : normalized.endsWith(".forge.js") ? "// 3D Part\n\nreturn box(50, 30, 10);\n" : "// Shared JS utilities for ForgeCAD.\n\nexport function exampleValue() {\n  return 42;\n}\n";
+    const template = projectTextFileTemplate(normalized);
     const newFolders = Array.from(/* @__PURE__ */ new Set([...get().folders, ...collectParentPaths(normalized)])).sort();
     set((s) => ({
       files: { ...s.files, [normalized]: template },
       savedFiles: { ...s.savedFiles, [normalized]: template },
       activeFile: normalized,
+      recentFiles: touchAndPersistRecentFile(s.recentFiles, { ...s.files, [normalized]: template }, normalized),
       paramOverrides: {},
       jointValues: {},
       jointAnimationClip: null,
@@ -17739,6 +17892,7 @@ const useForgeStore = create((set, get) => ({
       files: remaining,
       savedFiles: remainingSaved,
       activeFile: newActive,
+      recentFiles: touchAndPersistRecentFile(get().recentFiles, remaining, newActive),
       objectSettingsByFile: nextObjectSettingsByFile,
       paramSnapshotsByFile: nextParamSnapshotsByFile,
       paramOverrides: {},
@@ -17772,6 +17926,7 @@ const useForgeStore = create((set, get) => ({
       files: remaining,
       savedFiles: remainingSaved,
       activeFile: oldName === activeFile ? normalized : activeFile,
+      recentFiles: remapAndPersistRecentFiles(get().recentFiles, remaining, oldName, normalized),
       objectSettingsByFile: nextObjectSettingsByFile,
       paramSnapshotsByFile: nextParamSnapshotsByFile,
       folders: Array.from(/* @__PURE__ */ new Set([...get().folders, ...collectParentPaths(normalized)])).sort()
@@ -17828,6 +17983,7 @@ const useForgeStore = create((set, get) => ({
       savedFiles: updatedSaved,
       folders: updatedFolders,
       activeFile: nextActive,
+      recentFiles: remapAndPersistRecentFiles(get().recentFiles, updatedFiles, normalizedOld, normalizedNew),
       objectSettingsByFile: nextObjectSettingsByFile,
       paramSnapshotsByFile: nextParamSnapshotsByFile,
       paramOverrides: {},
@@ -17850,22 +18006,29 @@ const useForgeStore = create((set, get) => ({
     const prefix = `${normalized}/`;
     const remainingFiles = {};
     const remainingSaved = {};
-    const deletedFiles = [];
+    const deletedFiles = /* @__PURE__ */ new Set();
     for (const key of Object.keys(files)) {
       if (key.startsWith(prefix)) {
-        deletedFiles.push(key);
+        deletedFiles.add(key);
       } else {
         remainingFiles[key] = files[key];
       }
     }
     for (const key of Object.keys(savedFiles)) {
-      if (!key.startsWith(prefix)) {
+      if (key.startsWith(prefix)) {
+        deletedFiles.add(key);
+      } else {
         remainingSaved[key] = savedFiles[key];
       }
     }
-    if (Object.keys(remainingFiles).length === 0) return;
+    const replacementFile = Object.keys(remainingFiles).length === 0 ? "main.forge.js" : null;
+    if (replacementFile) {
+      const template = projectTextFileTemplate(replacementFile);
+      remainingFiles[replacementFile] = template;
+      remainingSaved[replacementFile] = template;
+    }
     const remainingFolders = folders.filter((f2) => f2 !== normalized && !f2.startsWith(prefix));
-    const newActive = (activeFile == null ? void 0 : activeFile.startsWith(prefix)) ? Object.keys(remainingFiles)[0] : activeFile;
+    const newActive = (activeFile == null ? void 0 : activeFile.startsWith(prefix)) || !activeFile ? Object.keys(remainingFiles)[0] : activeFile;
     let nextObjectSettingsByFile = objectSettingsByFile;
     let nextParamSnapshotsByFile = paramSnapshotsByFile;
     for (const f2 of deletedFiles) {
@@ -17878,6 +18041,7 @@ const useForgeStore = create((set, get) => ({
       savedFiles: remainingSaved,
       folders: remainingFolders,
       activeFile: newActive,
+      recentFiles: touchAndPersistRecentFile(get().recentFiles, remainingFiles, newActive),
       objectSettingsByFile: nextObjectSettingsByFile,
       paramSnapshotsByFile: nextParamSnapshotsByFile,
       paramOverrides: {},
@@ -17887,7 +18051,7 @@ const useForgeStore = create((set, get) => ({
       jointAnimationPlaying: false,
       hoveredJointName: null
     });
-    Promise.all(deletedFiles.map((f2) => fileSystem.delete(f2))).then(() => fileSystem.deleteFolder(normalized)).catch((e2) => console.error("Delete folder failed:", e2));
+    Promise.all(Array.from(deletedFiles).map((f2) => fileSystem.delete(f2))).then(() => replacementFile ? fileSystem.save(replacementFile, remainingFiles[replacementFile]) : void 0).then(() => fileSystem.deleteFolder(normalized)).catch((e2) => console.error("Delete folder failed:", e2));
     setTimeout(() => get().execute(), 0);
   },
   moveEntry: (oldPath, newPath) => {
@@ -18053,7 +18217,8 @@ const useForgeStore = create((set, get) => ({
         assemblyState,
         ...useServer ? {} : { assemblyDisplayMode: "instanceTransforms" },
         isNotebook: false,
-        activeBackend: executionBackend
+        activeBackend: executionBackend,
+        disableShapeBuildCache: get().disableRunCache
       };
       let serialized;
       if (useServer) {
@@ -19037,6 +19202,7 @@ const useForgeStore = create((set, get) => ({
       savedFiles: { ...INITIAL_SAVED },
       folders: [],
       activeFile: initialActive,
+      recentFiles: touchAndPersistRecentFile([], INITIAL_FILES, initialActive),
       previewFile: initialPreviewFile,
       objectSettings: getObjectSettingsForPreviewFile(initialObjectSettingsByFile, initialPreviewFile),
       objectSettingsByFile: initialObjectSettingsByFile,
@@ -19077,7 +19243,9 @@ const useForgeStore = create((set, get) => ({
         const handle = await window.showSaveFilePicker({
           suggestedName: activeFile,
           types: [
-            { description: "ForgeCAD scripts", accept: { "text/javascript": [".forge.js", ".js"] } },
+            { description: "ForgeCAD scripts", accept: { "text/javascript": [".forge.js", ".sketch.js", ".js"] } },
+            { description: "Text files", accept: { "text/plain": SAVE_PICKER_TEXT_FILE_EXTS } },
+            { description: "Markdown", accept: { "text/markdown": [".md"] } },
             { description: "SVG", accept: { "image/svg+xml": [".svg"] } },
             { description: "DXF", accept: { "application/dxf": [".dxf"] } }
           ]
@@ -19092,7 +19260,7 @@ const useForgeStore = create((set, get) => ({
           // This assumes we are satisfied with current content being "saved"
         }));
       } else {
-        const mime = activeFile.endsWith(".svg") ? "image/svg+xml" : activeFile.endsWith(".dxf") ? "application/dxf" : "text/javascript";
+        const mime = projectTextFileMimeType(activeFile);
         const blob = new Blob([code], { type: mime });
         triggerDownload(blob, activeFile);
         set((s) => ({
@@ -19111,6 +19279,7 @@ const useForgeStore = create((set, get) => ({
       files: { ...s.files, [normalized]: text },
       savedFiles: { ...s.savedFiles, [normalized]: text },
       activeFile: normalized,
+      recentFiles: touchAndPersistRecentFile(s.recentFiles, { ...s.files, [normalized]: text }, normalized),
       fileHandle: null,
       dirty: false,
       previewFile: null,
@@ -19169,6 +19338,7 @@ const useForgeStore = create((set, get) => ({
       return {
         files: nextFiles,
         activeFile: nextActive,
+        recentFiles: touchAndPersistRecentFile(s.recentFiles, nextFiles, nextActive),
         fileHandle: null,
         dirty: true,
         previewFile: null,
@@ -19247,9 +19417,15 @@ const useForgeStore = create((set, get) => ({
     const prevFiles = state2.files;
     const prevActiveFile = state2.activeFile;
     const nextState = computeServerSnapshot(state2, serverFiles, serverFolders, sharedModel, sharedBundle, initialFile);
-    set({ ...nextState, filesLoading: false });
     const nextFiles = nextState.files;
-    const newActiveFile = nextState.activeFile;
+    const newActiveFile = nextState.activeFile ?? state2.activeFile;
+    const baseRecentFiles = readRecentFilesOrFallback(state2.recentFiles);
+    set({
+      ...nextState,
+      activeFile: newActiveFile,
+      recentFiles: touchAndPersistRecentFile(baseRecentFiles, nextFiles, newActiveFile),
+      filesLoading: false
+    });
     const needsLazyLoad = newActiveFile && newActiveFile in nextFiles && nextFiles[newActiveFile] === "" && fileSystem.fetchFileContent;
     postApplyServerSnapshot(
       prevActiveFile,
@@ -19270,7 +19446,7 @@ const useForgeStore = create((set, get) => ({
     const state2 = get();
     const nextState = computeServerFileChange(state2, filename, content);
     if (!nextState) return;
-    set(nextState);
+    set({ ...nextState, recentFiles: pruneAndPersistRecentFiles(state2.recentFiles, nextState.files) });
     const previewFile = resolvePreviewFile(state2.activeFile, nextState.files);
     if (previewFile === filename) setTimeout(() => get().execute(), 0);
   },
@@ -19279,13 +19455,18 @@ const useForgeStore = create((set, get) => ({
     const prevActiveFile = state2.activeFile;
     const nextState = computeServerFileDelete(state2, filename);
     if (!nextState) return;
-    set(nextState);
-    if (nextState.activeFile && nextState.activeFile !== prevActiveFile) {
+    const newActiveFile = nextState.activeFile ?? "";
+    set({
+      ...nextState,
+      activeFile: newActiveFile,
+      recentFiles: touchAndPersistRecentFile(state2.recentFiles, nextState.files, newActiveFile)
+    });
+    if (newActiveFile && newActiveFile !== prevActiveFile) {
       set({ paramOverrides: {}, lastValidResult: null });
       setParamOverrides({});
-      window.history.replaceState(null, "", `#${nextState.activeFile}`);
+      window.history.replaceState(null, "", `#${newActiveFile}`);
       try {
-        localStorage.setItem(lastActiveFileKey(), nextState.activeFile);
+        localStorage.setItem(lastActiveFileKey(), newActiveFile);
       } catch {
       }
       setTimeout(() => get().execute(), 0);
@@ -19312,6 +19493,9 @@ const useForgeStore = create((set, get) => ({
   shareOpen: false,
   openShare: () => set({ shareOpen: true }),
   closeShare: () => set({ shareOpen: false }),
+  captureOpen: false,
+  openCapture: () => set({ captureOpen: true }),
+  closeCapture: () => set({ captureOpen: false }),
   aiSkillOpen: false,
   openAISkill: () => set({ aiSkillOpen: true }),
   closeAISkill: () => set({ aiSkillOpen: false }),
@@ -19324,7 +19508,10 @@ const useForgeStore = create((set, get) => ({
   disableRunCache: initialViewPreferences.disableRunCache ?? false,
   setDisableRunCache: (disabled) => {
     writeViewPreferences({ disableRunCache: disabled });
-    if (disabled) clearRunResultCache();
+    if (disabled) {
+      clearRunResultCache();
+      evalWorkerClient.clearCaches();
+    }
     set({ disableRunCache: disabled });
   }
 }));
@@ -27435,7 +27622,7 @@ function ConstructionGhostOverlay({ matrix }) {
 class ConstructionHistoryWorkerClient {
   constructor(workerFactory = () => new Worker(new URL(
     /* @vite-ignore */
-    "/assets/constructionHistoryWorker-Ba2Hm58b.js",
+    "/assets/constructionHistoryWorker-AwMMWSxg.js",
     import.meta.url
   ), { type: "module" })) {
     __publicField(this, "worker", null);
@@ -29591,14 +29778,89 @@ ensureNotFinalized_fn = function() {
     throw new Error("Cannot add new video or audio chunks after the file has been finalized.");
   }
 };
+const H264_HIGH_LEVEL_4_CODEC = "avc1.640028";
+const H264_LEVEL_4_MAX_CODED_AREA = 2097152;
+const H264_MACROBLOCK_SIZE = 16;
 function supportsMP4Recording() {
   return typeof VideoEncoder !== "undefined" && typeof VideoFrame !== "undefined";
 }
+function evenFloor(value) {
+  return Math.max(2, Math.floor(value) & -2);
+}
+function codedDimension(value) {
+  return Math.ceil(value / H264_MACROBLOCK_SIZE) * H264_MACROBLOCK_SIZE;
+}
+function codedArea(width, height) {
+  return codedDimension(width) * codedDimension(height);
+}
+function resolveCanvasBackground(canvas) {
+  const transparent = /* @__PURE__ */ new Set(["transparent", "rgba(0, 0, 0, 0)"]);
+  let node = canvas;
+  while (node) {
+    const backgroundColor = getComputedStyle(node).backgroundColor;
+    if (backgroundColor && !transparent.has(backgroundColor)) return backgroundColor;
+    node = node.parentElement;
+  }
+  return "#252526";
+}
+function fitH264Level4RecordingSize(sourceWidth, sourceHeight) {
+  if (!Number.isFinite(sourceWidth) || !Number.isFinite(sourceHeight) || sourceWidth <= 0 || sourceHeight <= 0) {
+    throw new Error(`Cannot record MP4 from invalid canvas size ${sourceWidth}x${sourceHeight}.`);
+  }
+  const evenSourceWidth = evenFloor(sourceWidth);
+  const evenSourceHeight = evenFloor(sourceHeight);
+  let width = evenSourceWidth;
+  let height = evenSourceHeight;
+  if (codedArea(width, height) > H264_LEVEL_4_MAX_CODED_AREA) {
+    let low = 0;
+    let high = 1;
+    let bestWidth = 2;
+    let bestHeight = 2;
+    for (let i = 0; i < 32; i += 1) {
+      const scale = (low + high) / 2;
+      const candidateWidth = evenFloor(evenSourceWidth * scale);
+      const candidateHeight = evenFloor(evenSourceHeight * scale);
+      if (codedArea(candidateWidth, candidateHeight) <= H264_LEVEL_4_MAX_CODED_AREA) {
+        bestWidth = candidateWidth;
+        bestHeight = candidateHeight;
+        low = scale;
+      } else {
+        high = scale;
+      }
+    }
+    width = bestWidth;
+    height = bestHeight;
+  }
+  const codedWidth = codedDimension(width);
+  const codedHeight = codedDimension(height);
+  if (codedWidth * codedHeight > H264_LEVEL_4_MAX_CODED_AREA) {
+    throw new Error(`Could not fit ${sourceWidth}x${sourceHeight} into the MP4 encoder limit.`);
+  }
+  return {
+    sourceWidth: evenSourceWidth,
+    sourceHeight: evenSourceHeight,
+    width,
+    height,
+    codedWidth,
+    codedHeight,
+    scale: Math.min(width / evenSourceWidth, height / evenSourceHeight)
+  };
+}
+async function requireSupportedEncoderConfig(config) {
+  if (typeof VideoEncoder.isConfigSupported !== "function") return config;
+  const support = await VideoEncoder.isConfigSupported(config);
+  if (!support.supported) {
+    throw new Error(`MP4 recording is not supported at ${config.width}x${config.height} in this browser.`);
+  }
+  return support.config ?? config;
+}
 class HistoryRecorder {
   constructor(canvas, options) {
     __publicField(this, "encoder", null);
     __publicField(this, "muxer", null);
     __publicField(this, "target", null);
+    __publicField(this, "captureCanvas", null);
+    __publicField(this, "captureContext", null);
     __publicField(this, "frameCount", 0);
     __publicField(this, "recording", false);
     __publicField(this, "startTime", 0);
@@ -29615,37 +29877,71 @@ class HistoryRecorder {
   /** Start recording. Must be called before captureFrame(). */
   async start() {
     if (this.recording) return;
-    const width = this.canvas.width & -2;
-    const height = this.canvas.height & -2;
-    this.target = new ArrayBufferTarget();
-    this.muxer = new Muxer({
-      target: this.target,
-      video: {
-        codec: "avc",
-        width,
-        height
-      },
-      fastStart: "in-memory",
-      firstTimestampBehavior: "offset"
-    });
-    this.encoder = new VideoEncoder({
-      output: (chunk, meta) => {
-        this.muxer.addVideoChunk(chunk, meta);
-      },
-      error: (e2) => console.error("VideoEncoder error:", e2)
-    });
-    this.encoder.configure({
-      codec: "avc1.640028",
+    if (!supportsMP4Recording()) {
+      throw new Error("MP4 recording requires WebCodecs VideoEncoder and VideoFrame support.");
+    }
+    const size = fitH264Level4RecordingSize(this.canvas.width, this.canvas.height);
+    const config = await requireSupportedEncoderConfig({
+      codec: H264_HIGH_LEVEL_4_CODEC,
       // H.264 High Profile Level 4.0
-      width,
-      height,
+      width: size.width,
+      height: size.height,
       bitrate: this.bitrate,
       framerate: this.fps
     });
+    try {
+      this.prepareCaptureSurface(size);
+      this.target = new ArrayBufferTarget();
+      this.muxer = new Muxer({
+        target: this.target,
+        video: {
+          codec: "avc",
+          width: size.width,
+          height: size.height
+        },
+        fastStart: "in-memory",
+        firstTimestampBehavior: "offset"
+      });
+      this.encoder = new VideoEncoder({
+        output: (chunk, meta) => {
+          this.muxer.addVideoChunk(chunk, meta);
+        },
+        error: (e2) => {
+          this.recording = false;
+          console.error("VideoEncoder error:", e2);
+        }
+      });
+      this.encoder.configure(config);
+    } catch (err) {
+      this.abort();
+      throw err;
+    }
     this.frameCount = 0;
     this.startTime = performance.now();
     this.recording = true;
   }
+  prepareCaptureSurface(size) {
+    this.captureCanvas = null;
+    this.captureContext = null;
+    const captureCanvas = document.createElement("canvas");
+    captureCanvas.width = size.width;
+    captureCanvas.height = size.height;
+    const captureContext = captureCanvas.getContext("2d", { alpha: false });
+    if (!captureContext) {
+      throw new Error("Could not create MP4 recording capture canvas.");
+    }
+    this.captureCanvas = captureCanvas;
+    this.captureContext = captureContext;
+  }
+  frameSourceCanvas() {
+    if (!this.captureCanvas || !this.captureContext) {
+      throw new Error("MP4 recording capture surface is not initialized.");
+    }
+    this.captureContext.fillStyle = resolveCanvasBackground(this.canvas);
+    this.captureContext.fillRect(0, 0, this.captureCanvas.width, this.captureCanvas.height);
+    this.captureContext.drawImage(this.canvas, 0, 0, this.captureCanvas.width, this.captureCanvas.height);
+    return this.captureCanvas;
+  }
   /**
    * Capture the current canvas frame. Forces a render so the drawing buffer
    * has fresh content — this avoids needing `preserveDrawingBuffer: true` on
@@ -29676,7 +29972,11 @@ class HistoryRecorder {
     this.encodeFrame(timestampMicros);
   }
   encodeFrame(timestampMicros) {
-    const frame2 = new VideoFrame(this.canvas, {
+    if (!this.encoder || this.encoder.state !== "configured") {
+      this.recording = false;
+      return;
+    }
+    const frame2 = new VideoFrame(this.frameSourceCanvas(), {
       timestamp: timestampMicros
     });
     const keyFrame = this.frameCount % (this.fps * 2) === 0;
@@ -29684,20 +29984,32 @@ class HistoryRecorder {
     frame2.close();
     this.frameCount++;
   }
+  reset() {
+    this.encoder = null;
+    this.muxer = null;
+    this.target = null;
+    this.captureCanvas = null;
+    this.captureContext = null;
+    this.frameCount = 0;
+    this.startTime = 0;
+  }
   /** Stop recording and return the MP4 blob. */
   async stop() {
     if (!this.encoder || !this.muxer || !this.target) {
       throw new Error("Not recording");
     }
+    const encoder2 = this.encoder;
+    const muxer = this.muxer;
+    const target = this.target;
     this.recording = false;
-    await this.encoder.flush();
-    this.encoder.close();
-    this.muxer.finalize();
-    const buffer = this.target.buffer;
-    this.encoder = null;
-    this.muxer = null;
-    this.target = null;
-    return new Blob([buffer], { type: "video/mp4" });
+    try {
+      await encoder2.flush();
+      if (encoder2.state !== "closed") encoder2.close();
+      muxer.finalize();
+      return new Blob([target.buffer], { type: "video/mp4" });
+    } finally {
+      this.reset();
+    }
   }
   /** Abort recording without producing output. */
   abort() {
@@ -29709,10 +30021,7 @@ class HistoryRecorder {
       } catch {
       }
     }
-    this.encoder = null;
-    this.muxer = null;
-    this.target = null;
-    this.frameCount = 0;
+    this.reset();
   }
 }
 let registeredStart$2 = null;
@@ -29768,6 +30077,12 @@ function HistoryRecorderBridge() {
       requestAnimationFrame(() => {
         useForgeStore.getState().setHistoryPlaying(true);
       });
+    }).catch((err) => {
+      recorderRef.current = null;
+      state2.setHistoryRecording(false);
+      state2.setHistoryPlaying(false);
+      showToast("Recording failed", "error");
+      console.error("History recording failed:", err);
     });
   }, [gl]);
   const stop = reactExports.useCallback(async () => {
@@ -29819,7 +30134,7 @@ function generateReportInWorker(options) {
   return new Promise((resolve2, reject) => {
     const worker = new Worker(new URL(
       /* @vite-ignore */
-      "/assets/reportWorker-0AGij1Ru.js",
+      "/assets/reportWorker-DO6hcQbh.js",
       import.meta.url
     ), { type: "module" });
     const cleanup = () => {
@@ -30502,9 +30817,13 @@ function buildSketchExportArtifacts(format, stem, runResult) {
   });
 }
 let orbitVideoExporter = null;
+let viewportImageExporter = null;
 function registerOrbitVideoExporter(exporter) {
   orbitVideoExporter = exporter;
 }
+function registerViewportImageExporter(exporter) {
+  viewportImageExporter = exporter;
+}
 function rerunActiveScriptForQuality(quality) {
   const { files, activeFile, paramOverrides } = useForgeStore.getState();
   const assemblyState = resolveAssemblyStateForExport();
@@ -30630,6 +30949,23 @@ async function exportOrbitVideoFromStore(preferredStem, options) {
   const ext = blob.type === "video/mp4" ? "mp4" : "gif";
   triggerDownload(blob, `${stem}.orbit.${ext}`);
 }
+async function captureViewportImageBlobFromStore(options) {
+  if (!viewportImageExporter) {
+    throw new Error("Viewport is not ready for image capture. Try again in a moment.");
+  }
+  const { activeFile, theme } = useForgeStore.getState();
+  return viewportImageExporter({
+    title: deriveExportStem(activeFile),
+    themeName: theme,
+    ...options ?? {}
+  });
+}
+async function exportViewportImageFromStore(preferredStem, options) {
+  const { activeFile } = useForgeStore.getState();
+  const stem = sanitizeExportStem(deriveExportStem(activeFile));
+  const blob = await captureViewportImageBlobFromStore(options);
+  triggerDownload(blob, `${stem}.png`);
+}
 function exportSketchFromStore(format, preferredStem) {
   const { result, activeFile } = useForgeStore.getState();
   const stem = sanitizeExportStem(preferredStem ?? deriveExportStem(activeFile));
@@ -30890,6 +31226,11 @@ function ViewportRecordingBridge({ controlsRef }) {
     frameIntervalRef.current = 1e3 / TARGET_FPS;
     void recorder.start().then(() => {
       useForgeStore.getState().setAnimationRecording(true);
+    }).catch((err) => {
+      recorderRef.current = null;
+      useForgeStore.getState().setAnimationRecording(false);
+      showToast("Recording failed", "error");
+      console.error("Viewport recording failed:", err);
     });
   }, [gl, snapshotOrbitTarget]);
   const stop = reactExports.useCallback(async () => {
@@ -31725,6 +32066,14 @@ function TrajectoryRecorderBridge({ controlsRef }) {
     state2.setTrajectoryProgress(0);
     void recorder.start().then(() => {
       state2.setTrajectoryRecording(true);
+    }).catch((err) => {
+      recorderRef.current = null;
+      trajectoryRef.current = null;
+      lastFrameRef.current = 0;
+      manualStartRef.current = 0;
+      state2.setTrajectoryRecording(false);
+      showToast("Recording failed", "error");
+      console.error("Trajectory recording failed:", err);
     });
   }, [gl]);
   const stop = reactExports.useCallback(async () => {
@@ -32681,6 +33030,164 @@ function OrbitExporterBridge({ controlsRef }) {
   }, [exportOrbitVideo]);
   return null;
 }
+function clampDimension(value, fallback) {
+  const numeric = Number.isFinite(value) ? value : fallback;
+  return Math.max(96, Math.min(4096, Math.round(numeric ?? 96)));
+}
+function computeFrameLayout(width, height, includeFrame) {
+  if (!includeFrame) return { x: 0, y: 0, width, height, headerHeight: 0, pad: 0 };
+  const pad = Math.max(14, Math.round(Math.min(width, height) * 0.035));
+  const headerHeight = Math.max(50, Math.min(96, Math.round(height * 0.105)));
+  return {
+    x: pad,
+    y: headerHeight,
+    width: Math.max(1, width - pad * 2),
+    height: Math.max(1, height - headerHeight - pad),
+    headerHeight,
+    pad
+  };
+}
+function cssVar(name, fallback) {
+  if (typeof document === "undefined") return fallback;
+  const value = getComputedStyle(document.documentElement).getPropertyValue(name).trim();
+  return value || fallback;
+}
+function canvasBlob(canvas) {
+  return new Promise((resolve2, reject) => {
+    canvas.toBlob((blob) => blob ? resolve2(blob) : reject(new Error("Could not encode PNG capture.")), "image/png");
+  });
+}
+function drawCorner(ctx, x, y, dx, dy, size) {
+  ctx.beginPath();
+  ctx.moveTo(x, y + dy * size);
+  ctx.lineTo(x, y);
+  ctx.lineTo(x + dx * size, y);
+  ctx.stroke();
+}
+function composeFrame(source, outputWidth, outputHeight, layout, options) {
+  var _a3;
+  const canvas = document.createElement("canvas");
+  canvas.width = outputWidth;
+  canvas.height = outputHeight;
+  const ctx = canvas.getContext("2d");
+  if (!ctx) throw new Error("Could not create PNG capture context.");
+  const bg = cssVar("--fc-bg", "#02070a");
+  const surface = cssVar("--fc-bgSurface", "#0a2028");
+  const border = cssVar("--fc-border", "#165363");
+  const accent = cssVar("--fc-accent", "#36e8ff");
+  const text = cssVar("--fc-text", "#d9fbff");
+  const muted = cssVar("--fc-textMuted", "#8ebdc6");
+  const dim = cssVar("--fc-textDim", "#4e7078");
+  const title = ((_a3 = options.title) == null ? void 0 : _a3.trim()) || "ForgeCAD model";
+  const themeLabel = options.themeName ? `${options.themeName} theme` : "current theme";
+  ctx.fillStyle = bg;
+  ctx.fillRect(0, 0, outputWidth, outputHeight);
+  ctx.fillStyle = surface;
+  ctx.fillRect(0, 0, outputWidth, layout.headerHeight);
+  ctx.strokeStyle = border;
+  ctx.lineWidth = Math.max(1, Math.round(outputWidth / 900));
+  ctx.strokeRect(layout.x - 1, layout.y - 1, layout.width + 2, layout.height + 2);
+  ctx.drawImage(source, layout.x, layout.y, layout.width, layout.height);
+  ctx.strokeStyle = accent;
+  ctx.globalAlpha = 0.85;
+  ctx.beginPath();
+  ctx.moveTo(layout.pad, layout.headerHeight - 1);
+  ctx.lineTo(outputWidth - layout.pad, layout.headerHeight - 1);
+  ctx.stroke();
+  const corner = Math.max(18, Math.min(42, Math.round(Math.min(outputWidth, outputHeight) * 0.035)));
+  drawCorner(ctx, layout.pad, layout.y, 1, 1, corner);
+  drawCorner(ctx, outputWidth - layout.pad, layout.y, -1, 1, corner);
+  drawCorner(ctx, layout.pad, outputHeight - layout.pad, 1, -1, corner);
+  drawCorner(ctx, outputWidth - layout.pad, outputHeight - layout.pad, -1, -1, corner);
+  ctx.globalAlpha = 1;
+  const mono = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace";
+  ctx.fillStyle = accent;
+  ctx.font = `700 ${Math.max(11, Math.round(outputHeight * 0.012))}px ${mono}`;
+  ctx.fillText("FORGECAD CAPTURE", layout.pad, Math.round(layout.headerHeight * 0.35));
+  ctx.fillStyle = text;
+  ctx.font = `700 ${Math.max(16, Math.round(outputHeight * 0.021))}px Inter, system-ui, sans-serif`;
+  ctx.fillText(title.slice(0, 64), layout.pad, Math.round(layout.headerHeight * 0.72));
+  ctx.fillStyle = muted;
+  ctx.font = `500 ${Math.max(11, Math.round(outputHeight * 0.012))}px ${mono}`;
+  ctx.textAlign = "right";
+  ctx.fillText(`${outputWidth}x${outputHeight}`, outputWidth - layout.pad, Math.round(layout.headerHeight * 0.35));
+  ctx.fillStyle = dim;
+  ctx.fillText(themeLabel, outputWidth - layout.pad, Math.round(layout.headerHeight * 0.72));
+  ctx.textAlign = "left";
+  return canvas;
+}
+function copyRenderedCanvas(source, width, height) {
+  const canvas = document.createElement("canvas");
+  canvas.width = width;
+  canvas.height = height;
+  const ctx = canvas.getContext("2d");
+  if (!ctx) throw new Error("Could not create PNG capture context.");
+  ctx.drawImage(source, 0, 0, width, height);
+  return canvas;
+}
+function withCameraAspect(camera, width, height, render) {
+  if (camera instanceof PerspectiveCamera$1) {
+    const previousAspect = camera.aspect;
+    camera.aspect = width / height;
+    camera.updateProjectionMatrix();
+    try {
+      render();
+    } finally {
+      camera.aspect = previousAspect;
+      camera.updateProjectionMatrix();
+    }
+    return;
+  }
+  if (camera instanceof OrthographicCamera$1) {
+    const previous = { left: camera.left, right: camera.right, top: camera.top, bottom: camera.bottom };
+    const midX = (camera.left + camera.right) / 2;
+    const halfHeight = (camera.top - camera.bottom) / 2;
+    const halfWidth = halfHeight * (width / height);
+    camera.left = midX - halfWidth;
+    camera.right = midX + halfWidth;
+    camera.updateProjectionMatrix();
+    try {
+      render();
+    } finally {
+      Object.assign(camera, previous);
+      camera.updateProjectionMatrix();
+    }
+    return;
+  }
+  render();
+}
+function ViewportImageCaptureBridge() {
+  const { camera, gl, scene } = useThree();
+  const capture = reactExports.useCallback(
+    async (options) => {
+      const currentSize = gl.getSize(new Vector2());
+      const outputWidth = clampDimension(options == null ? void 0 : options.width, currentSize.x);
+      const outputHeight = clampDimension(options == null ? void 0 : options.height, currentSize.y);
+      const layout = computeFrameLayout(outputWidth, outputHeight, (options == null ? void 0 : options.includeFrame) ?? true);
+      const previousSize = currentSize.clone();
+      const previousPixelRatio = gl.getPixelRatio();
+      try {
+        await waitForAnimationFrame();
+        gl.setPixelRatio(1);
+        gl.setSize(layout.width, layout.height, false);
+        withCameraAspect(camera, layout.width, layout.height, () => gl.render(scene, camera));
+        const rendered = copyRenderedCanvas(gl.domElement, layout.width, layout.height);
+        const finalCanvas = (options == null ? void 0 : options.includeFrame) === false ? rendered : composeFrame(rendered, outputWidth, outputHeight, layout, options ?? {});
+        return await canvasBlob(finalCanvas);
+      } finally {
+        gl.setPixelRatio(previousPixelRatio);
+        gl.setSize(previousSize.x, previousSize.y, false);
+        gl.render(scene, camera);
+      }
+    },
+    [camera, gl, scene]
+  );
+  reactExports.useEffect(() => {
+    registerViewportImageExporter(capture);
+    return () => registerViewportImageExporter(null);
+  }, [capture]);
+  return null;
+}
 const DEBUG_HL_DEFAULT_COLOR = "#ff00ff";
 const DEBUG_HL_DEFAULT_POINT_SIZE = 3;
 const DEBUG_HL_DEFAULT_PLANE_SIZE = 50;
@@ -33676,7 +34183,7 @@ function SectionCapPreview({
 class ScanProxyWorkerClient {
   constructor(workerFactory = () => new Worker(new URL(
     /* @vite-ignore */
-    "/assets/scanProxyWorker-Vl4Wxa1y.js",
+    "/assets/scanProxyWorker-2GtDLk-R.js",
     import.meta.url
   ), { type: "module" })) {
     __publicField(this, "worker", null);
@@ -34191,20 +34698,34 @@ function ScanProxyLayer({
   fillOpacity,
   wireOpacity,
   clippingPlanes,
-  additiveWire,
+  volumeFill = false,
+  showWire = true,
   analysisGeometry
 }) {
   const fillGeometry = analysisGeometry ?? geometry;
   if (!geometry || !fillGeometry) return null;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("mesh", { geometry: fillGeometry, raycast: () => null, children: analysisGeometry ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx("mesh", { geometry: fillGeometry, raycast: () => null, children: volumeFill ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       "meshBasicMaterial",
       {
-        vertexColors: true,
+        color: color2,
         transparent: true,
-        opacity: fillOpacity,
+        opacity: Math.min(0.1, fillOpacity * 0.2),
         side: DoubleSide,
         depthWrite: false,
+        blending: AdditiveBlending,
+        toneMapped: false,
+        clippingPlanes
+      }
+    ) : analysisGeometry ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "meshBasicMaterial",
+      {
+        vertexColors: true,
+        opacity: fillOpacity,
+        side: DoubleSide,
+        alphaHash: true,
+        alphaToCoverage: true,
+        depthWrite: true,
         toneMapped: false,
         clippingPlanes
       }
@@ -34212,41 +34733,40 @@ function ScanProxyLayer({
       "meshBasicMaterial",
       {
         color: color2,
-        transparent: true,
         opacity: fillOpacity,
         side: DoubleSide,
-        depthWrite: false,
+        alphaHash: true,
+        alphaToCoverage: true,
+        depthWrite: true,
         toneMapped: false,
         clippingPlanes
       }
     ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("mesh", { geometry, raycast: () => null, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    showWire && /* @__PURE__ */ jsxRuntimeExports.jsx("mesh", { geometry, raycast: () => null, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       "meshBasicMaterial",
       {
         color: color2,
-        transparent: true,
         opacity: wireOpacity,
         wireframe: true,
         side: DoubleSide,
-        depthWrite: false,
-        blending: additiveWire ? AdditiveBlending : NormalBlending,
+        alphaHash: true,
+        alphaToCoverage: true,
+        depthWrite: true,
         toneMapped: false,
         clippingPlanes
       }
     ) })
   ] });
 }
-function objectColorScanLayerStyles(color2) {
-  return SCAN_PROXY_LAYER_STYLES.map((layer) => ({ ...layer, color: color2 }));
-}
 function ScanProxyVolume({
   proxy,
   clippingPlanes,
   objectColor,
+  volumeFill = false,
+  showWire = true,
   analysisGeometries
 }) {
-  const layers = objectColor ? objectColorScanLayerStyles(objectColor) : SCAN_PROXY_LAYER_STYLES;
-  const additiveWire = objectColor === void 0;
+  const layers = reactExports.useMemo(() => objectColor ? scanMaterialLayerStyles(objectColor) : SCAN_PROXY_LAYER_STYLES, [objectColor]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("group", { userData: { scanProxyTelemetry: proxy.telemetry }, children: layers.map((layer) => {
     const analysisGeometry = (analysisGeometries == null ? void 0 : analysisGeometries[layer.material]) ?? null;
     const fillOpacity = analysisGeometry ? Math.max(layer.fillOpacity, 0.78) : layer.fillOpacity;
@@ -34257,7 +34777,8 @@ function ScanProxyVolume({
         geometry: proxy.geometries[layer.material],
         analysisGeometry,
         clippingPlanes,
-        additiveWire,
+        volumeFill,
+        showWire,
         ...layer,
         fillOpacity,
         wireOpacity
@@ -34574,32 +35095,28 @@ function ForgeObject({
           ) }),
           edgesGeo && /* @__PURE__ */ jsxRuntimeExports.jsx("lineSegments", { geometry: edgesGeo, raycast: () => null, children: /* @__PURE__ */ jsxRuntimeExports.jsx("lineBasicMaterial", { color: "#d7e1eb", transparent: true, opacity: 0.36, depthWrite: false, clippingPlanes: effectiveClippingPlanes }) })
         ] }),
-        showScanRenderStyle && (scanProxy ? /* @__PURE__ */ jsxRuntimeExports.jsx(ScanProxyVolume, { proxy: scanProxy, clippingPlanes: effectiveClippingPlanes, objectColor: settings.color }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          showScanFallbackMesh && /* @__PURE__ */ jsxRuntimeExports.jsx("mesh", { geometry: solidGeo, raycast: () => null, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "meshBasicMaterial",
-            {
-              color: settings.color,
-              transparent: true,
-              opacity: 0.14,
-              side: DoubleSide,
-              depthWrite: false,
-              blending: NormalBlending,
-              toneMapped: false,
-              clippingPlanes: effectiveClippingPlanes
-            }
-          ) }),
-          edgesGeo && /* @__PURE__ */ jsxRuntimeExports.jsx("lineSegments", { geometry: edgesGeo, raycast: () => null, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "lineBasicMaterial",
-            {
-              color: settings.color,
-              transparent: true,
-              opacity: 0.62,
-              depthWrite: false,
-              blending: NormalBlending,
-              clippingPlanes: effectiveClippingPlanes
-            }
-          ) })
-        ] })),
+        showScanRenderStyle && (scanProxy ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ScanProxyVolume,
+          {
+            proxy: scanProxy,
+            clippingPlanes: effectiveClippingPlanes,
+            objectColor: settings.color,
+            volumeFill: true,
+            showWire: false
+          }
+        ) : showScanFallbackMesh && /* @__PURE__ */ jsxRuntimeExports.jsx("mesh", { geometry: solidGeo, raycast: () => null, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "meshBasicMaterial",
+          {
+            color: scanMaterialShellColor(settings.color),
+            transparent: true,
+            opacity: 0.08,
+            side: DoubleSide,
+            depthWrite: false,
+            blending: AdditiveBlending,
+            toneMapped: false,
+            clippingPlanes: effectiveClippingPlanes
+          }
+        ) })),
         showMatrixRenderStyle && (scanProxy ? /* @__PURE__ */ jsxRuntimeExports.jsx(
           MatrixGlyphVolume,
           {
@@ -43120,7 +43637,7 @@ function directCadKindForPath(path) {
   return null;
 }
 function directCadReferenceCode(path, kind) {
-  const fn = kind === "step" ? "importStep" : "importMesh";
+  const fn = kind === "step" ? "Import.step" : "Import.mesh";
   const name = basename(path);
   return [`const imported = ${fn}(${JSON.stringify(path)});`, `return [{ name: ${JSON.stringify(name)}, shape: imported }];`].join("\n");
 }
@@ -43274,7 +43791,7 @@ function useGeometryComparison(args) {
 class InspectWorkerClient {
   constructor(workerFactory = () => new Worker(new URL(
     /* @vite-ignore */
-    "/assets/inspectWorker-BuTJDVX6.js",
+    "/assets/inspectWorker-CZsCFtQT.js",
     import.meta.url
   ), { type: "module" })) {
     __publicField(this, "worker", null);
@@ -44467,7 +44984,7 @@ function Viewport() {
     if (activeFile && !isModelFile(activeFile) && !isSvgActive && !meshPreviewFile) {
       return {
         title: "Viewport disabled",
-        body: `${activeFile} is a helper file, not a .forge.js or .sketch.js model. Open a model file to render geometry.`
+        body: `${activeFile} is a text file, not a .forge.js or .sketch.js model. Open a model file to render geometry.`
       };
     }
     if (!(result == null ? void 0 : result.error) && (result == null ? void 0 : result.assemblyKinematics) && objects.length === 0 && !rigInspectActive) {
@@ -44478,7 +44995,10 @@ function Viewport() {
     }
     return null;
   }, [activeFile, isSvgActive, meshPreviewFile, objects.length, result, rigInspectActive]);
-  const canvasDpr = isViewportInteracting || hasVisibleSdfObjects ? renderStylePreset.canvasDpr.live : [1, renderStylePreset.canvasDpr.idleMax];
+  const canvasDpr = reactExports.useMemo(() => {
+    if (hasVisibleSdfObjects) return renderStylePreset.canvasDpr.live;
+    return [1, renderStylePreset.canvasDpr.idleMax];
+  }, [hasVisibleSdfObjects, renderStylePreset.canvasDpr.idleMax, renderStylePreset.canvasDpr.live]);
   const effectiveSdfObjectSettings = reactExports.useMemo(() => {
     const next = {};
     for (const obj of objects) {
@@ -45115,6 +45635,7 @@ function Viewport() {
                 /* @__PURE__ */ jsxRuntimeExports.jsx(ViewManager, { isSketchOnly, controlsRef }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(ViewPersistence, { controlsRef, isSketchOnly, onResolved: handleViewPersistenceResolved }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(OrbitExporterBridge, { controlsRef }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(ViewportImageCaptureBridge, {}),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(ViewportRecordingBridge, { controlsRef }),
                 historyMode && /* @__PURE__ */ jsxRuntimeExports.jsx(HistoryRecorderBridge, {}),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(TrajectoryRecorderBridge, { controlsRef })
@@ -45690,7 +46211,7 @@ function Viewport() {
     }
   );
 }
-const EditorApp$1 = reactExports.lazy(() => __vitePreload(() => import("./EditorApp-BHMQlJ-D.js"), true ? __vite__mapDeps([0]) : void 0).then((m2) => ({ default: m2.EditorApp })));
+const EditorApp$1 = reactExports.lazy(() => __vitePreload(() => import("./EditorApp-QXsAISLR.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);
@@ -45956,17 +46477,17 @@ function SeoMetadata() {
   }, [location.pathname]);
   return null;
 }
-reactExports.lazy(() => __vitePreload(() => import("./LandingPageProofDriven-CnevhTE8.js"), true ? __vite__mapDeps([1]) : void 0).then((m2) => ({ default: m2.LandingPageProofDriven })));
-const DocsPage = reactExports.lazy(() => __vitePreload(() => import("./DocsPage-knf4I4h7.js"), true ? [] : void 0).then((m2) => ({ default: m2.DocsPage })));
-reactExports.lazy(() => __vitePreload(() => import("./BlogPage-CMAVvgQL.js"), true ? [] : void 0).then((m2) => ({ default: m2.BlogPage })));
-reactExports.lazy(() => __vitePreload(() => import("./BenchmarkPage-B27zk8xL.js"), true ? __vite__mapDeps([1,2]) : void 0).then((m2) => ({ default: m2.BenchmarkPage })));
-reactExports.lazy(() => __vitePreload(() => import("./AdminPage-CXvls4-J.js"), true ? [] : void 0).then((m2) => ({ default: m2.AdminPage })));
+reactExports.lazy(() => __vitePreload(() => import("./LandingPageProofDriven-yhhOodbf.js"), true ? __vite__mapDeps([1]) : void 0).then((m2) => ({ default: m2.LandingPageProofDriven })));
+const DocsPage = reactExports.lazy(() => __vitePreload(() => import("./DocsPage-B5LePEuj.js"), true ? [] : void 0).then((m2) => ({ default: m2.DocsPage })));
+reactExports.lazy(() => __vitePreload(() => import("./BlogPage-DodHpvmf.js"), true ? [] : void 0).then((m2) => ({ default: m2.BlogPage })));
+reactExports.lazy(() => __vitePreload(() => import("./BenchmarkPage-a9_f-1US.js"), true ? __vite__mapDeps([1,2]) : void 0).then((m2) => ({ default: m2.BenchmarkPage })));
+reactExports.lazy(() => __vitePreload(() => import("./AdminPage-DwYHz72L.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-CFF-UgjI.js"), true ? [] : void 0).then((m2) => ({ default: m2.SettingsPage })));
-reactExports.lazy(() => __vitePreload(() => import("./PricingPage-B0D4goG_.js"), true ? __vite__mapDeps([1,3]) : void 0).then((m2) => ({ default: m2.PricingPage })));
-reactExports.lazy(() => __vitePreload(() => import("./LegalPage-BPTUmqeg.js"), true ? __vite__mapDeps([1,4]) : void 0).then((m2) => ({ default: m2.LegalPage })));
-const EditorApp = reactExports.lazy(() => __vitePreload(() => import("./EditorApp-BHMQlJ-D.js"), true ? __vite__mapDeps([0]) : void 0).then((m2) => ({ default: m2.EditorApp })));
-const EmbedViewer = reactExports.lazy(() => __vitePreload(() => import("./EmbedViewer-D7ZGlFjx.js"), true ? [] : void 0).then((m2) => ({ default: m2.EmbedViewer })));
+reactExports.lazy(() => __vitePreload(() => import("./SettingsPage-BJZcM97j.js"), true ? [] : void 0).then((m2) => ({ default: m2.SettingsPage })));
+reactExports.lazy(() => __vitePreload(() => import("./PricingPage-E3Rma7aV.js"), true ? __vite__mapDeps([1,3]) : void 0).then((m2) => ({ default: m2.PricingPage })));
+reactExports.lazy(() => __vitePreload(() => import("./LegalPage-5RbKRGYK.js"), true ? __vite__mapDeps([1,4]) : void 0).then((m2) => ({ default: m2.LegalPage })));
+const EditorApp = reactExports.lazy(() => __vitePreload(() => import("./EditorApp-QXsAISLR.js"), true ? __vite__mapDeps([0]) : void 0).then((m2) => ({ default: m2.EditorApp })));
+const EmbedViewer = reactExports.lazy(() => __vitePreload(() => import("./EmbedViewer-DdEHGUMU.js"), true ? [] : void 0).then((m2) => ({ default: m2.EmbedViewer })));
 const embedMode = isEmbedMode() && !window.location.pathname.startsWith("/m/");
 const EDITABLE_CRASH_FILE = /\.(?:forge\.js|[cm]?[jt]sx?|json|md|txt|svg|dxf)$/i;
 function firstMeaningfulLine(text) {
@@ -46186,66 +46707,73 @@ function App() {
 applyTheme(localStorage.getItem("fc-theme") || "dark");
 clientExports.createRoot(document.getElementById("root")).render(/* @__PURE__ */ jsxRuntimeExports.jsx(App, {}));
 export {
-  VOXEL_INTENT_PLACEMENT_LABELS as $,
+  INSPECT_POINT_SAMPLE_COUNT_MIN as $,
   AuthApiError as A,
   BrandMark as B,
-  hasExternalFiles as C,
-  isImportableProjectExactFile as D,
-  resolvePreviewFile as E,
+  captureViewportImageBlobFromStore as C,
+  exportExactFromStore as D,
+  storageQuotaUpgradeMessage as E,
   FLAG_DEFINITIONS as F,
-  countParamSnapshotDiff as G,
-  buildProjectShareUrl as H,
-  buildEmbedSnippet as I,
-  publishProjectShare as J,
-  unpublishProjectShare as K,
-  formatComputeBackendLabel as L,
-  themes as M,
-  computeBackendFromParts as N,
-  formatArea as O,
-  sliderToAnimationSpeed as P,
-  animationSpeedToSlider as Q,
-  formatAnimationSpeed as R,
-  resolveJointRange as S,
-  useJointsConfig as T,
-  useJointAnimationValues as U,
-  INSPECT_POINT_SAMPLE_COUNT_MAX as V,
-  INSPECT_POINT_SAMPLE_COUNT_MIN as W,
-  VOXEL_INTENT_TOOL_ORDER as X,
-  VOXEL_INTENT_TOOL_LABELS as Y,
-  VOXEL_INTENT_TOOL_COLORS as Z,
-  VOXEL_INTENT_PLACEMENT_ORDER as _,
+  isImportableProjectMeshFile as G,
+  isImportableProjectBinaryFile as H,
+  hasExternalFiles as I,
+  isImportableProjectExactFile as J,
+  resolvePreviewFile as K,
+  countParamSnapshotDiff as L,
+  buildProjectShareUrl as M,
+  buildEmbedSnippet as N,
+  publishProjectShare as O,
+  unpublishProjectShare as P,
+  formatComputeBackendLabel as Q,
+  themes as R,
+  computeBackendFromParts as S,
+  formatArea as T,
+  sliderToAnimationSpeed as U,
+  animationSpeedToSlider as V,
+  formatAnimationSpeed as W,
+  resolveJointRange as X,
+  useJointsConfig as Y,
+  useJointAnimationValues as Z,
+  INSPECT_POINT_SAMPLE_COUNT_MAX as _,
   applyTheme as a,
-  expandBoundsByTransformedAabb as a0,
-  Canvas as a1,
-  PerspectiveCamera as a2,
-  ControlsInteractionBridge as a3,
-  ViewController as a4,
-  SceneConfigurator as a5,
-  LocalEnvironment as a6,
-  ForgeObject as a7,
-  RenderLabelsOverlay as a8,
-  Grid as a9,
-  OrbitControls2 as aa,
-  TOUCH_GESTURES_3D as ab,
-  MOUSE_BUTTONS_3D as ac,
-  ModelJourneyBar as ad,
-  useJointAnimationLoop as ae,
-  computeJointNodeMatrices as af,
-  computeObjectJointMatrices as ag,
-  readLastActiveFileForUser as ah,
-  ToastContainer as ai,
-  isMobile as aj,
-  useFeatureFlag as ak,
-  decodeSharedHash as al,
-  decodeSharedBundle as am,
-  getExternalUrl as an,
-  getGistId as ao,
-  Viewport as ap,
-  shouldBlockBrowserShortcut as aq,
-  useDrawStore as ar,
-  storePendingShareCopy as as,
-  buildShareUrl as at,
-  share as au,
+  VOXEL_INTENT_TOOL_ORDER as a0,
+  VOXEL_INTENT_TOOL_LABELS as a1,
+  VOXEL_INTENT_TOOL_COLORS as a2,
+  VOXEL_INTENT_PLACEMENT_ORDER as a3,
+  VOXEL_INTENT_PLACEMENT_LABELS as a4,
+  highlightLanguageForProjectFile as a5,
+  hasProjectTextFileExtension as a6,
+  expandBoundsByTransformedAabb as a7,
+  Canvas as a8,
+  PerspectiveCamera as a9,
+  buildShareUrl as aA,
+  share as aB,
+  ControlsInteractionBridge as aa,
+  ViewController as ab,
+  SceneConfigurator as ac,
+  LocalEnvironment as ad,
+  ForgeObject as ae,
+  RenderLabelsOverlay as af,
+  Grid as ag,
+  OrbitControls2 as ah,
+  TOUCH_GESTURES_3D as ai,
+  MOUSE_BUTTONS_3D as aj,
+  ModelJourneyBar as ak,
+  useJointAnimationLoop as al,
+  computeJointNodeMatrices as am,
+  computeObjectJointMatrices as an,
+  readLastActiveFileForUser as ao,
+  ToastContainer as ap,
+  isMobile as aq,
+  useFeatureFlag as ar,
+  decodeSharedHash as as,
+  decodeSharedBundle as at,
+  getExternalUrl as au,
+  getGistId as av,
+  Viewport as aw,
+  shouldBlockBrowserShortcut as ax,
+  useDrawStore as ay,
+  storePendingShareCopy as az,
   authFetch as b,
   authApi as c,
   showToast as d,
@@ -46253,22 +46781,22 @@ export {
   formatStorageBytes as f,
   useForgeStore as g,
   fileSystem as h,
-  copyTextToClipboard as i,
-  useFeatureFlagStore as j,
-  fetchGistModel as k,
-  fetchUrlModel as l,
-  exportMeshFromStore as m,
-  exportReportFromStore as n,
-  exportOrbitVideoFromStore as o,
-  exportSketchFromStore as p,
-  buildGistShareUrl as q,
+  isRunnableFile as i,
+  copyTextToClipboard as j,
+  useFeatureFlagStore as k,
+  fetchGistModel as l,
+  monacoLanguageForProjectFile as m,
+  fetchUrlModel as n,
+  exportMeshFromStore as o,
+  exportReportFromStore as p,
+  exportViewportImageFromStore as q,
   readProjectFilesFromDataTransfer as r,
   storageUsagePercent as s,
   triggerDownload as t,
   useAuthStore as u,
-  exportExactFromStore as v,
-  deriveExportStem as w,
-  storageQuotaUpgradeMessage as x,
-  isImportableProjectMeshFile as y,
-  isImportableProjectBinaryFile as z
+  exportOrbitVideoFromStore as v,
+  exportSketchFromStore as w,
+  buildGistShareUrl as x,
+  deriveExportStem as y,
+  sanitizeExportStem as z
 };