forgecad 0.9.2 → 0.9.3

package/dist/assets/{app-BdBoMQeO.js → app-CWucmnLZ.js}

@@ -1,10 +1,10 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/EditorApp-VY9lXx0N.css","assets/landing-proof-driven-cLluTm9y.css","assets/PricingPage-Ck3CP2ti.css"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/EditorApp-DS0AIUrZ.css","assets/landing-proof-driven-cLluTm9y.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, r as reactExports, j as jsxRuntimeExports, 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-mDaEzY3y.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 isConstraintSketch, az as updateConstraintValue, aA as getShapeCompilePlan, aB as resolveForgeRenderStyle, aC as publishSolverWasmRunDebug, aD as resolveForgeQualityPreset, aE as resolveImportPath, aF as BufferGeometry, aG as LineBasicMaterial, aH as Line$1, aI as LineDashedMaterial, aJ as DepthStencilFormat, aK as UnsignedInt248Type, aL as MeshNormalMaterial, aM as NearestFilter, aN as BasicDepthPacking, aO as EventDispatcher$1, aP as NoColorSpace, aQ as FrontSide, aR as Material, aS as AlwaysDepth, aT as BufferAttribute, aU as CanvasTexture, aV as Object3D, aW as FogExp2, aX as Fog, aY as AmbientLight, aZ as HemisphereLight, a_ as SpotLight, a$ as PointLight, b0 as DirectionalLight, b1 as buildShapeFromCompilePlan, b2 as shapeToGeometry, b3 as sketchToSvg, b4 as sketchToDxf, b5 as runScript, b6 as MeshPhysicalMaterial, b7 as LineSegments, b8 as getRenderStylePreset, b9 as AdditiveBlending, ba as CatmullRomCurve3, bb as TubeGeometry, bc as MeshStandardMaterial, bd as compileSdfNode3, be as buildSdfRaymarchFragmentShader, bf as SDF_RAYMARCH_PROXY_VERTEX_SHADER, bg as Shape, bh as ShapeGeometry, bi as ShaderLib, bj as CylinderGeometry, bk as parseViewportCameraState, bl as createResolvedExplodeConfig, bm as explodeBoundsCenter, bn as explodeMergeBounds, bo as resolveExplodeDirective, bp as computeExplodeMotion, bq as getSketchWorldMatrix, br as explodeAdd, bs as hasExplodeOverride, bt as resolveExplodeLocalFanDirection, bu as explodeMul, bv as explodeLeafFanStage, bw as normalizeCutPlane, bx as toClippingPlane, by as findJointAnimationClip, bz as resolveJointAnimation, bA as resolveJointViewValues, bB as getShapePorts, bC as getShapeUsedPorts, bD as DEFAULT_VIEW_CONFIG, bE as initKernel, bF as initSolverWasm } from "./sectionPlaneMath-DXJ_TdIW.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 isConstraintSketch, az as updateConstraintValue, aA as getShapeCompilePlan, aB as resolveForgeRenderStyle, aC as publishSolverWasmRunDebug, aD as resolveForgeQualityPreset, aE as resolveImportPath, aF as BufferGeometry, aG as LineBasicMaterial, aH as Line$1, aI as LineDashedMaterial, aJ as DepthStencilFormat, aK as UnsignedInt248Type, aL as MeshNormalMaterial, aM as NearestFilter, aN as BasicDepthPacking, aO as EventDispatcher$1, aP as NoColorSpace, aQ as FrontSide, aR as Material, aS as AlwaysDepth, aT as BufferAttribute, aU as CanvasTexture, aV as Object3D, aW as FogExp2, aX as Fog, aY as AmbientLight, aZ as HemisphereLight, a_ as SpotLight, a$ as PointLight, b0 as DirectionalLight, b1 as buildShapeFromCompilePlan, b2 as shapeToGeometry, b3 as sketchToSvg, b4 as sketchToDxf, b5 as runScript, b6 as MeshPhysicalMaterial, b7 as LineSegments, b8 as getRenderStylePreset, b9 as AdditiveBlending, ba as CatmullRomCurve3, bb as TubeGeometry, bc as MeshStandardMaterial, bd as compileSdfNode3, be as buildSdfRaymarchFragmentShader, bf as SDF_RAYMARCH_PROXY_VERTEX_SHADER, bg as Shape, bh as ShapeGeometry, bi as ShaderLib, bj as CylinderGeometry, bk as parseViewportCameraState, bl as createResolvedExplodeConfig, bm as explodeBoundsCenter, bn as explodeMergeBounds, bo as resolveExplodeDirective, bp as computeExplodeMotion, bq as getSketchWorldMatrix, br as explodeAdd, bs as hasExplodeOverride, bt as resolveExplodeLocalFanDirection, bu as explodeMul, bv as explodeLeafFanStage, bw as normalizeCutPlane, bx as toClippingPlane, by as findJointAnimationClip, bz as resolveJointAnimation, bA as resolveJointViewValues, bB as getShapePorts, bC as getShapeUsedPorts, bD as DEFAULT_VIEW_CONFIG, bE as initKernel, bF as initSolverWasm } from "./sectionPlaneMath-BxfokaJE.js";
 function getCsrfToken() {
   const match = document.cookie.match(/(?:^|;\s*)fc-csrf-token=([^;]+)/);
   return match == null ? void 0 : match[1];
@@ -17,6 +17,14 @@ class AuthApiError extends Error {
     this.name = "AuthApiError";
   }
 }
+function responseErrorMessage(body, fallback) {
+  if (body && typeof body === "object") {
+    const record = body;
+    if (typeof record.message === "string" && record.message.length > 0) return record.message;
+    if (typeof record.error === "string" && record.error.length > 0) return record.error;
+  }
+  return fallback;
+}
 async function doFetch(url2, init) {
   var _a3;
   const headers = {};
@@ -38,7 +46,7 @@ async function authFetch(url2, init) {
   {
     const { res: res2, body: body2 } = await doFetch(url2, init);
     if (res2.ok) return body2;
-    throw new AuthApiError(body2.error || "Request failed", res2.status, body2);
+    throw new AuthApiError(responseErrorMessage(body2, "Request failed"), res2.status, body2);
   }
 }
 const authApi = {
@@ -279,6 +287,35 @@ function storeCache(filePath, code, files, paramOverrides, quality, backend, res
 function ensureFirstWorkspace() {
   return authFetch("/api/onboarding/ensure-first-workspace", { method: "POST" });
 }
+function formatStorageBytes(bytes2) {
+  if (bytes2 <= 0) return "0 B";
+  const units = ["B", "KB", "MB", "GB"];
+  const i = Math.min(Math.floor(Math.log(bytes2) / Math.log(1024)), units.length - 1);
+  const value = bytes2 / 1024 ** i;
+  return `${value.toFixed(i === 0 ? 0 : 1)} ${units[i]}`;
+}
+function storageUsagePercent(usedBytes, limitBytes) {
+  if (limitBytes <= 0) return 0;
+  return Math.min(Math.max(usedBytes / limitBytes * 100, 0), 100);
+}
+const STORAGE_QUOTA_EXCEEDED_CODE = "storage_quota_exceeded";
+function isRecord(value) {
+  return typeof value === "object" && value !== null;
+}
+function numberField(body, key) {
+  const value = body[key];
+  return typeof value === "number" && Number.isFinite(value) ? value : null;
+}
+function storageQuotaUpgradeMessage(errorOrBody) {
+  const body = isRecord(errorOrBody) && isRecord(errorOrBody.body) ? errorOrBody.body : errorOrBody;
+  if (!isRecord(body) || body.code !== STORAGE_QUOTA_EXCEEDED_CODE) return null;
+  const used = numberField(body, "used");
+  const limit = numberField(body, "limit");
+  const targetLimit = numberField(body, "targetLimitBytes");
+  const usage = used !== null && limit !== null ? ` (${formatStorageBytes(used)} of ${formatStorageBytes(limit)} used)` : "";
+  const target = targetLimit !== null ? formatStorageBytes(targetLimit) : "more hosted storage";
+  return `Hosted storage is full${usage}. Upgrade to Pro for ${target} and commercial coverage, or delete files to free space.`;
+}
 const ACTIVE_PROJECT_KEY = "fc-active-project-id";
 function loadSavedProjectId() {
   try {
@@ -324,7 +361,7 @@ const useProjectStore = create((set, get) => ({
       set({ projects, activeProjectId: activeId, loading: false });
       persistProjectId(activeId);
     } catch (err) {
-      set({ loading: false, error: err.message || "Failed to fetch projects" });
+      set({ loading: false, error: storageQuotaUpgradeMessage(err) ?? err.message ?? "Failed to fetch projects" });
     }
   },
   async ensureFirstWorkspace() {
@@ -344,7 +381,7 @@ const useProjectStore = create((set, get) => ({
       persistProjectId(selected.id);
       return selected;
     } catch (err) {
-      set({ loading: false, error: err.message || "Failed to ensure first workspace" });
+      set({ loading: false, error: storageQuotaUpgradeMessage(err) ?? err.message ?? "Failed to ensure first workspace" });
       throw err;
     }
   },
@@ -1707,7 +1744,7 @@ function createEvents(store) {
             var _internal$capturedMap, _internal$capturedMap2;
             return (_internal$capturedMap = (_internal$capturedMap2 = internal.capturedMap.get(id)) == null ? void 0 : _internal$capturedMap2.has(hit.eventObject)) != null ? _internal$capturedMap : false;
           };
-          const setPointerCapture = (id) => {
+          const setPointerCapture2 = (id) => {
             const captureData = {
               intersection: hit,
               target: event.target
@@ -1719,7 +1756,7 @@ function createEvents(store) {
             }
             event.target.setPointerCapture(id);
           };
-          const releasePointerCapture = (id) => {
+          const releasePointerCapture2 = (id) => {
             const captures = internal.capturedMap.get(id);
             if (captures) {
               releaseInternalPointerCapture(internal.capturedMap, hit.eventObject, captures, id);
@@ -1758,13 +1795,13 @@ function createEvents(store) {
             // there should be a distinction between target and currentTarget
             target: {
               hasPointerCapture,
-              setPointerCapture,
-              releasePointerCapture
+              setPointerCapture: setPointerCapture2,
+              releasePointerCapture: releasePointerCapture2
             },
             currentTarget: {
               hasPointerCapture,
-              setPointerCapture,
-              releasePointerCapture
+              setPointerCapture: setPointerCapture2,
+              releasePointerCapture: releasePointerCapture2
             },
             nativeEvent: event
           };
@@ -1884,7 +1921,7 @@ function createEvents(store) {
   };
 }
 const isRenderer = (def) => !!(def != null && def.render);
-const context$1 = /* @__PURE__ */ reactExports.createContext(null);
+const context = /* @__PURE__ */ reactExports.createContext(null);
 const createStore = (invalidate2, advance2) => {
   const rootStore = createWithEqualityFn((set, get) => {
     const position = new Vector3();
@@ -2103,7 +2140,7 @@ const createStore = (invalidate2, advance2) => {
   return rootStore;
 };
 function useStore() {
-  const store = reactExports.useContext(context$1);
+  const store = reactExports.useContext(context);
   if (!store) throw new Error("R3F: Hooks can only be used within the Canvas component!");
   return store;
 }
@@ -7947,7 +7984,7 @@ function Provider({
     if (onCreated) onCreated(state2);
     if (!store.getState().events.connected) state2.events.connect == null ? void 0 : state2.events.connect(rootElement);
   }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(context$1.Provider, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(context.Provider, {
     value: store,
     children
   });
@@ -8053,7 +8090,7 @@ function Portal({
   return (
     // @ts-ignore, reconciler types are not maintained
     /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
-      children: reconciler.createPortal(/* @__PURE__ */ jsxRuntimeExports.jsx(context$1.Provider, {
+      children: reconciler.createPortal(/* @__PURE__ */ jsxRuntimeExports.jsx(context.Provider, {
         value: usePortalStore,
         children
       }), usePortalStore, null)
@@ -10609,10 +10646,10 @@ class EXRLoader extends DataTextureLoader {
     function wdec16(l2, h2) {
       var m2 = UInt16(l2);
       var d = UInt16(h2);
-      var bb2 = m2 - (d >> 1) & MOD_MASK;
-      var aa = d + bb2 - A_OFFSET & MOD_MASK;
+      var bb = m2 - (d >> 1) & MOD_MASK;
+      var aa = d + bb - A_OFFSET & MOD_MASK;
       wdec14Return.a = aa;
-      wdec14Return.b = bb2;
+      wdec14Return.b = bb;
     }
     function wav2Decode(buffer2, j2, nx, ox, ny, oy, mx) {
       var w14 = mx < 1 << 14;
@@ -12705,33 +12742,6 @@ class Line2 extends LineSegments2$1 {
     this.type = "Line2";
   }
 }
-const tV0 = /* @__PURE__ */ new Vector3();
-const tV1 = /* @__PURE__ */ new Vector3();
-const tV2 = /* @__PURE__ */ new Vector3();
-const getPoint2 = (point3, camera, size) => {
-  const widthHalf = size.width / 2;
-  const heightHalf = size.height / 2;
-  camera.updateMatrixWorld(false);
-  const vector = point3.project(camera);
-  vector.x = vector.x * widthHalf + widthHalf;
-  vector.y = -(vector.y * heightHalf) + heightHalf;
-  return vector;
-};
-const getPoint3 = (point2, camera, size, zValue = 1) => {
-  const vector = tV0.set(point2.x / size.width * 2 - 1, -(point2.y / size.height) * 2 + 1, zValue);
-  vector.unproject(camera);
-  return vector;
-};
-const calculateScaleFactor = (point3, radiusPx, camera, size) => {
-  const point2 = getPoint2(tV2.copy(point3), camera, size);
-  let scale = 0;
-  for (let i = 0; i < 2; ++i) {
-    const point2off = tV1.copy(point2).setComponent(i, point2.getComponent(i) + radiusPx);
-    const point3off = getPoint3(point2off, camera, size, point2off.z);
-    scale = Math.max(scale, point3.distanceTo(point3off));
-  }
-  return scale;
-};
 const Line = /* @__PURE__ */ reactExports.forwardRef(function Line4({
   points,
   color: color2 = 16777215,
@@ -14546,960 +14556,6 @@ const Lightformer = /* @__PURE__ */ reactExports.forwardRef(({
     castShadow: true
   }, light2)));
 });
-const context = /* @__PURE__ */ reactExports.createContext(null);
-const vec1$1 = /* @__PURE__ */ new Vector3();
-const vec2$1 = /* @__PURE__ */ new Vector3();
-const calculateOffset$1 = (clickPoint, normal, rayStart, rayDir) => {
-  const e1 = normal.dot(normal);
-  const e2 = normal.dot(clickPoint) - normal.dot(rayStart);
-  const e3 = normal.dot(rayDir);
-  if (e3 === 0) {
-    return -e2 / e1;
-  }
-  vec1$1.copy(rayDir).multiplyScalar(e1 / e3).sub(normal);
-  vec2$1.copy(rayDir).multiplyScalar(e2 / e3).add(rayStart).sub(clickPoint);
-  const offset = -vec1$1.dot(vec2$1) / vec1$1.dot(vec1$1);
-  return offset;
-};
-const upV$1 = /* @__PURE__ */ new Vector3(0, 1, 0);
-const offsetMatrix$1 = /* @__PURE__ */ new Matrix4();
-const AxisArrow = ({
-  direction,
-  axis
-}) => {
-  const {
-    translation,
-    translationLimits,
-    annotations,
-    annotationsClass,
-    depthTest,
-    scale,
-    lineWidth,
-    fixed,
-    axisColors,
-    hoveredColor,
-    opacity,
-    renderOrder,
-    onDragStart,
-    onDrag,
-    onDragEnd,
-    userData
-  } = reactExports.useContext(context);
-  const camControls = useThree((state2) => state2.controls);
-  const divRef = reactExports.useRef(null);
-  const objRef = reactExports.useRef(null);
-  const clickInfo = reactExports.useRef(null);
-  const offset0 = reactExports.useRef(0);
-  const [isHovered, setIsHovered] = reactExports.useState(false);
-  const onPointerDown = reactExports.useCallback((e2) => {
-    if (annotations) {
-      divRef.current.innerText = `${translation.current[axis].toFixed(2)}`;
-      divRef.current.style.display = "block";
-    }
-    e2.stopPropagation();
-    const rotation = new Matrix4().extractRotation(objRef.current.matrixWorld);
-    const clickPoint = e2.point.clone();
-    const origin = new Vector3().setFromMatrixPosition(objRef.current.matrixWorld);
-    const dir = direction.clone().applyMatrix4(rotation).normalize();
-    clickInfo.current = {
-      clickPoint,
-      dir
-    };
-    offset0.current = translation.current[axis];
-    onDragStart({
-      component: "Arrow",
-      axis,
-      origin,
-      directions: [dir]
-    });
-    camControls && (camControls.enabled = false);
-    e2.target.setPointerCapture(e2.pointerId);
-  }, [annotations, direction, camControls, onDragStart, translation, axis]);
-  const onPointerMove = reactExports.useCallback((e2) => {
-    e2.stopPropagation();
-    if (!isHovered) setIsHovered(true);
-    if (clickInfo.current) {
-      const {
-        clickPoint,
-        dir
-      } = clickInfo.current;
-      const [min, max2] = (translationLimits == null ? void 0 : translationLimits[axis]) || [void 0, void 0];
-      let offset = calculateOffset$1(clickPoint, dir, e2.ray.origin, e2.ray.direction);
-      if (min !== void 0) {
-        offset = Math.max(offset, min - offset0.current);
-      }
-      if (max2 !== void 0) {
-        offset = Math.min(offset, max2 - offset0.current);
-      }
-      translation.current[axis] = offset0.current + offset;
-      if (annotations) {
-        divRef.current.innerText = `${translation.current[axis].toFixed(2)}`;
-      }
-      offsetMatrix$1.makeTranslation(dir.x * offset, dir.y * offset, dir.z * offset);
-      onDrag(offsetMatrix$1);
-    }
-  }, [annotations, onDrag, isHovered, translation, translationLimits, axis]);
-  const onPointerUp = reactExports.useCallback((e2) => {
-    if (annotations) {
-      divRef.current.style.display = "none";
-    }
-    e2.stopPropagation();
-    clickInfo.current = null;
-    onDragEnd();
-    camControls && (camControls.enabled = true);
-    e2.target.releasePointerCapture(e2.pointerId);
-  }, [annotations, camControls, onDragEnd]);
-  const onPointerOut = reactExports.useCallback((e2) => {
-    e2.stopPropagation();
-    setIsHovered(false);
-  }, []);
-  const {
-    cylinderLength,
-    coneWidth,
-    coneLength,
-    matrixL
-  } = reactExports.useMemo(() => {
-    const coneWidth2 = fixed ? lineWidth / scale * 1.6 : scale / 20;
-    const coneLength2 = fixed ? 0.2 : scale / 5;
-    const cylinderLength2 = fixed ? 1 - coneLength2 : scale - coneLength2;
-    const quaternion = new Quaternion().setFromUnitVectors(upV$1, direction.clone().normalize());
-    const matrixL2 = new Matrix4().makeRotationFromQuaternion(quaternion);
-    return {
-      cylinderLength: cylinderLength2,
-      coneWidth: coneWidth2,
-      coneLength: coneLength2,
-      matrixL: matrixL2
-    };
-  }, [direction, scale, lineWidth, fixed]);
-  const color_ = isHovered ? hoveredColor : axisColors[axis];
-  return /* @__PURE__ */ reactExports.createElement("group", {
-    ref: objRef
-  }, /* @__PURE__ */ reactExports.createElement("group", {
-    matrix: matrixL,
-    matrixAutoUpdate: false,
-    onPointerDown,
-    onPointerMove,
-    onPointerUp,
-    onPointerOut
-  }, annotations && /* @__PURE__ */ reactExports.createElement(Html, {
-    position: [0, -coneLength, 0]
-  }, /* @__PURE__ */ reactExports.createElement("div", {
-    style: {
-      display: "none",
-      background: "#151520",
-      color: "white",
-      padding: "6px 8px",
-      borderRadius: 7,
-      whiteSpace: "nowrap"
-    },
-    className: annotationsClass,
-    ref: divRef
-  })), /* @__PURE__ */ reactExports.createElement("mesh", {
-    visible: false,
-    position: [0, (cylinderLength + coneLength) / 2, 0],
-    userData
-  }, /* @__PURE__ */ reactExports.createElement("cylinderGeometry", {
-    args: [coneWidth * 1.4, coneWidth * 1.4, cylinderLength + coneLength, 8, 1]
-  })), /* @__PURE__ */ reactExports.createElement(Line, {
-    transparent: true,
-    raycast: () => null,
-    depthTest,
-    points: [0, 0, 0, 0, cylinderLength, 0],
-    lineWidth,
-    side: DoubleSide,
-    color: color_,
-    opacity,
-    polygonOffset: true,
-    renderOrder,
-    polygonOffsetFactor: -10,
-    fog: false
-  }), /* @__PURE__ */ reactExports.createElement("mesh", {
-    raycast: () => null,
-    position: [0, cylinderLength + coneLength / 2, 0],
-    renderOrder
-  }, /* @__PURE__ */ reactExports.createElement("coneGeometry", {
-    args: [coneWidth, coneLength, 24, 1]
-  }), /* @__PURE__ */ reactExports.createElement("meshBasicMaterial", {
-    transparent: true,
-    depthTest,
-    color: color_,
-    opacity,
-    polygonOffset: true,
-    polygonOffsetFactor: -10,
-    fog: false
-  }))));
-};
-const clickDir = /* @__PURE__ */ new Vector3();
-const intersectionDir = /* @__PURE__ */ new Vector3();
-const toDegrees = (radians) => radians * 180 / Math.PI;
-const toRadians = (degrees) => degrees * Math.PI / 180;
-const calculateAngle = (clickPoint, intersectionPoint, origin, e1, e2) => {
-  clickDir.copy(clickPoint).sub(origin);
-  intersectionDir.copy(intersectionPoint).sub(origin);
-  const dote1e1 = e1.dot(e1);
-  const dote2e2 = e2.dot(e2);
-  const uClick = clickDir.dot(e1) / dote1e1;
-  const vClick = clickDir.dot(e2) / dote2e2;
-  const uIntersection = intersectionDir.dot(e1) / dote1e1;
-  const vIntersection = intersectionDir.dot(e2) / dote2e2;
-  const angleClick = Math.atan2(vClick, uClick);
-  const angleIntersection = Math.atan2(vIntersection, uIntersection);
-  return angleIntersection - angleClick;
-};
-const fmod = (num, denom) => {
-  let k2 = Math.floor(num / denom);
-  k2 = k2 < 0 ? k2 + 1 : k2;
-  return num - k2 * denom;
-};
-const minimizeAngle = (angle) => {
-  let result = fmod(angle, 2 * Math.PI);
-  if (Math.abs(result) < 1e-6) {
-    return 0;
-  }
-  if (result < 0) {
-    result += 2 * Math.PI;
-  }
-  return result;
-};
-const rotMatrix = /* @__PURE__ */ new Matrix4();
-const posNew = /* @__PURE__ */ new Vector3();
-const ray$1 = /* @__PURE__ */ new Ray();
-const intersection$1 = /* @__PURE__ */ new Vector3();
-const AxisRotator = ({
-  dir1,
-  dir2,
-  axis
-}) => {
-  const {
-    rotationLimits,
-    annotations,
-    annotationsClass,
-    depthTest,
-    scale,
-    lineWidth,
-    fixed,
-    axisColors,
-    hoveredColor,
-    renderOrder,
-    opacity,
-    onDragStart,
-    onDrag,
-    onDragEnd,
-    userData
-  } = reactExports.useContext(context);
-  const camControls = useThree((state2) => state2.controls);
-  const divRef = reactExports.useRef(null);
-  const objRef = reactExports.useRef(null);
-  const angle0 = reactExports.useRef(0);
-  const angle = reactExports.useRef(0);
-  const clickInfo = reactExports.useRef(null);
-  const [isHovered, setIsHovered] = reactExports.useState(false);
-  const onPointerDown = reactExports.useCallback((e2) => {
-    if (annotations) {
-      divRef.current.innerText = `${toDegrees(angle.current).toFixed(0)}º`;
-      divRef.current.style.display = "block";
-    }
-    e2.stopPropagation();
-    const clickPoint = e2.point.clone();
-    const origin = new Vector3().setFromMatrixPosition(objRef.current.matrixWorld);
-    const e1 = new Vector3().setFromMatrixColumn(objRef.current.matrixWorld, 0).normalize();
-    const e22 = new Vector3().setFromMatrixColumn(objRef.current.matrixWorld, 1).normalize();
-    const normal = new Vector3().setFromMatrixColumn(objRef.current.matrixWorld, 2).normalize();
-    const plane = new Plane().setFromNormalAndCoplanarPoint(normal, origin);
-    clickInfo.current = {
-      clickPoint,
-      origin,
-      e1,
-      e2: e22,
-      normal,
-      plane
-    };
-    onDragStart({
-      component: "Rotator",
-      axis,
-      origin,
-      directions: [e1, e22, normal]
-    });
-    camControls && (camControls.enabled = false);
-    e2.target.setPointerCapture(e2.pointerId);
-  }, [annotations, camControls, onDragStart, axis]);
-  const onPointerMove = reactExports.useCallback((e2) => {
-    e2.stopPropagation();
-    if (!isHovered) setIsHovered(true);
-    if (clickInfo.current) {
-      const {
-        clickPoint,
-        origin,
-        e1,
-        e2: e22,
-        normal,
-        plane
-      } = clickInfo.current;
-      const [min, max2] = (rotationLimits == null ? void 0 : rotationLimits[axis]) || [void 0, void 0];
-      ray$1.copy(e2.ray);
-      ray$1.intersectPlane(plane, intersection$1);
-      ray$1.direction.negate();
-      ray$1.intersectPlane(plane, intersection$1);
-      let deltaAngle = calculateAngle(clickPoint, intersection$1, origin, e1, e22);
-      let degrees = toDegrees(deltaAngle);
-      if (e2.shiftKey) {
-        degrees = Math.round(degrees / 10) * 10;
-        deltaAngle = toRadians(degrees);
-      }
-      if (min !== void 0 && max2 !== void 0 && max2 - min < 2 * Math.PI) {
-        deltaAngle = minimizeAngle(deltaAngle);
-        deltaAngle = deltaAngle > Math.PI ? deltaAngle - 2 * Math.PI : deltaAngle;
-        deltaAngle = MathUtils.clamp(deltaAngle, min - angle0.current, max2 - angle0.current);
-        angle.current = angle0.current + deltaAngle;
-      } else {
-        angle.current = minimizeAngle(angle0.current + deltaAngle);
-        angle.current = angle.current > Math.PI ? angle.current - 2 * Math.PI : angle.current;
-      }
-      if (annotations) {
-        degrees = toDegrees(angle.current);
-        divRef.current.innerText = `${degrees.toFixed(0)}º`;
-      }
-      rotMatrix.makeRotationAxis(normal, deltaAngle);
-      posNew.copy(origin).applyMatrix4(rotMatrix).sub(origin).negate();
-      rotMatrix.setPosition(posNew);
-      onDrag(rotMatrix);
-    }
-  }, [annotations, onDrag, isHovered, rotationLimits, axis]);
-  const onPointerUp = reactExports.useCallback((e2) => {
-    if (annotations) {
-      divRef.current.style.display = "none";
-    }
-    e2.stopPropagation();
-    angle0.current = angle.current;
-    clickInfo.current = null;
-    onDragEnd();
-    camControls && (camControls.enabled = true);
-    e2.target.releasePointerCapture(e2.pointerId);
-  }, [annotations, camControls, onDragEnd]);
-  const onPointerOut = reactExports.useCallback((e2) => {
-    e2.stopPropagation();
-    setIsHovered(false);
-  }, []);
-  const matrixL = reactExports.useMemo(() => {
-    const dir1N = dir1.clone().normalize();
-    const dir2N = dir2.clone().normalize();
-    return new Matrix4().makeBasis(dir1N, dir2N, dir1N.clone().cross(dir2N));
-  }, [dir1, dir2]);
-  const r2 = fixed ? 0.65 : scale * 0.65;
-  const arc = reactExports.useMemo(() => {
-    const segments = 32;
-    const points = [];
-    for (let j2 = 0; j2 <= segments; j2++) {
-      const angle2 = j2 * (Math.PI / 2) / segments;
-      points.push(new Vector3(Math.cos(angle2) * r2, Math.sin(angle2) * r2, 0));
-    }
-    return points;
-  }, [r2]);
-  return /* @__PURE__ */ reactExports.createElement("group", {
-    ref: objRef,
-    onPointerDown,
-    onPointerMove,
-    onPointerUp,
-    onPointerOut,
-    matrix: matrixL,
-    matrixAutoUpdate: false
-  }, annotations && /* @__PURE__ */ reactExports.createElement(Html, {
-    position: [r2, r2, 0]
-  }, /* @__PURE__ */ reactExports.createElement("div", {
-    style: {
-      display: "none",
-      background: "#151520",
-      color: "white",
-      padding: "6px 8px",
-      borderRadius: 7,
-      whiteSpace: "nowrap"
-    },
-    className: annotationsClass,
-    ref: divRef
-  })), /* @__PURE__ */ reactExports.createElement(Line, {
-    points: arc,
-    lineWidth: lineWidth * 4,
-    visible: false,
-    userData
-  }), /* @__PURE__ */ reactExports.createElement(Line, {
-    transparent: true,
-    raycast: () => null,
-    depthTest,
-    points: arc,
-    lineWidth,
-    side: DoubleSide,
-    color: isHovered ? hoveredColor : axisColors[axis],
-    opacity,
-    polygonOffset: true,
-    polygonOffsetFactor: -10,
-    renderOrder,
-    fog: false
-  }));
-};
-const decomposeIntoBasis = (e1, e2, offset) => {
-  const i1 = Math.abs(e1.x) >= Math.abs(e1.y) && Math.abs(e1.x) >= Math.abs(e1.z) ? 0 : Math.abs(e1.y) >= Math.abs(e1.x) && Math.abs(e1.y) >= Math.abs(e1.z) ? 1 : 2;
-  const e2DegrowthOrder = [0, 1, 2].sort((a3, b3) => Math.abs(e2.getComponent(b3)) - Math.abs(e2.getComponent(a3)));
-  const i2 = i1 === e2DegrowthOrder[0] ? e2DegrowthOrder[1] : e2DegrowthOrder[0];
-  const a1 = e1.getComponent(i1);
-  const a2 = e1.getComponent(i2);
-  const b1 = e2.getComponent(i1);
-  const b2 = e2.getComponent(i2);
-  const c1 = offset.getComponent(i1);
-  const c2 = offset.getComponent(i2);
-  const y = (c2 - c1 * (a2 / a1)) / (b2 - b1 * (a2 / a1));
-  const x = (c1 - y * b1) / a1;
-  return [x, y];
-};
-const ray = /* @__PURE__ */ new Ray();
-const intersection = /* @__PURE__ */ new Vector3();
-const offsetMatrix = /* @__PURE__ */ new Matrix4();
-const PlaneSlider = ({
-  dir1,
-  dir2,
-  axis
-}) => {
-  const {
-    translation,
-    translationLimits,
-    annotations,
-    annotationsClass,
-    depthTest,
-    scale,
-    lineWidth,
-    fixed,
-    axisColors,
-    hoveredColor,
-    opacity,
-    renderOrder,
-    onDragStart,
-    onDrag,
-    onDragEnd,
-    userData
-  } = reactExports.useContext(context);
-  const camControls = useThree((state2) => state2.controls);
-  const divRef = reactExports.useRef(null);
-  const objRef = reactExports.useRef(null);
-  const clickInfo = reactExports.useRef(null);
-  const offsetX0 = reactExports.useRef(0);
-  const offsetY0 = reactExports.useRef(0);
-  const [isHovered, setIsHovered] = reactExports.useState(false);
-  const onPointerDown = reactExports.useCallback((e2) => {
-    if (annotations) {
-      divRef.current.innerText = `${translation.current[(axis + 1) % 3].toFixed(2)}, ${translation.current[(axis + 2) % 3].toFixed(2)}`;
-      divRef.current.style.display = "block";
-    }
-    e2.stopPropagation();
-    const clickPoint = e2.point.clone();
-    const origin = new Vector3().setFromMatrixPosition(objRef.current.matrixWorld);
-    const e1 = new Vector3().setFromMatrixColumn(objRef.current.matrixWorld, 0).normalize();
-    const e22 = new Vector3().setFromMatrixColumn(objRef.current.matrixWorld, 1).normalize();
-    const normal = new Vector3().setFromMatrixColumn(objRef.current.matrixWorld, 2).normalize();
-    const plane = new Plane().setFromNormalAndCoplanarPoint(normal, origin);
-    clickInfo.current = {
-      clickPoint,
-      e1,
-      e2: e22,
-      plane
-    };
-    offsetX0.current = translation.current[(axis + 1) % 3];
-    offsetY0.current = translation.current[(axis + 2) % 3];
-    onDragStart({
-      component: "Slider",
-      axis,
-      origin,
-      directions: [e1, e22, normal]
-    });
-    camControls && (camControls.enabled = false);
-    e2.target.setPointerCapture(e2.pointerId);
-  }, [annotations, camControls, onDragStart, axis]);
-  const onPointerMove = reactExports.useCallback((e2) => {
-    e2.stopPropagation();
-    if (!isHovered) setIsHovered(true);
-    if (clickInfo.current) {
-      const {
-        clickPoint,
-        e1,
-        e2: e22,
-        plane
-      } = clickInfo.current;
-      const [minX, maxX] = (translationLimits == null ? void 0 : translationLimits[(axis + 1) % 3]) || [void 0, void 0];
-      const [minY, maxY] = (translationLimits == null ? void 0 : translationLimits[(axis + 2) % 3]) || [void 0, void 0];
-      ray.copy(e2.ray);
-      ray.intersectPlane(plane, intersection);
-      ray.direction.negate();
-      ray.intersectPlane(plane, intersection);
-      intersection.sub(clickPoint);
-      let [offsetX, offsetY] = decomposeIntoBasis(e1, e22, intersection);
-      if (minX !== void 0) {
-        offsetX = Math.max(offsetX, minX - offsetX0.current);
-      }
-      if (maxX !== void 0) {
-        offsetX = Math.min(offsetX, maxX - offsetX0.current);
-      }
-      if (minY !== void 0) {
-        offsetY = Math.max(offsetY, minY - offsetY0.current);
-      }
-      if (maxY !== void 0) {
-        offsetY = Math.min(offsetY, maxY - offsetY0.current);
-      }
-      translation.current[(axis + 1) % 3] = offsetX0.current + offsetX;
-      translation.current[(axis + 2) % 3] = offsetY0.current + offsetY;
-      if (annotations) {
-        divRef.current.innerText = `${translation.current[(axis + 1) % 3].toFixed(2)}, ${translation.current[(axis + 2) % 3].toFixed(2)}`;
-      }
-      offsetMatrix.makeTranslation(offsetX * e1.x + offsetY * e22.x, offsetX * e1.y + offsetY * e22.y, offsetX * e1.z + offsetY * e22.z);
-      onDrag(offsetMatrix);
-    }
-  }, [annotations, onDrag, isHovered, translation, translationLimits, axis]);
-  const onPointerUp = reactExports.useCallback((e2) => {
-    if (annotations) {
-      divRef.current.style.display = "none";
-    }
-    e2.stopPropagation();
-    clickInfo.current = null;
-    onDragEnd();
-    camControls && (camControls.enabled = true);
-    e2.target.releasePointerCapture(e2.pointerId);
-  }, [annotations, camControls, onDragEnd]);
-  const onPointerOut = reactExports.useCallback((e2) => {
-    e2.stopPropagation();
-    setIsHovered(false);
-  }, []);
-  const matrixL = reactExports.useMemo(() => {
-    const dir1N = dir1.clone().normalize();
-    const dir2N = dir2.clone().normalize();
-    return new Matrix4().makeBasis(dir1N, dir2N, dir1N.clone().cross(dir2N));
-  }, [dir1, dir2]);
-  const pos1 = fixed ? 1 / 7 : scale / 7;
-  const length = fixed ? 0.225 : scale * 0.225;
-  const color2 = isHovered ? hoveredColor : axisColors[axis];
-  const points = reactExports.useMemo(() => [new Vector3(0, 0, 0), new Vector3(0, length, 0), new Vector3(length, length, 0), new Vector3(length, 0, 0), new Vector3(0, 0, 0)], [length]);
-  return /* @__PURE__ */ reactExports.createElement("group", {
-    ref: objRef,
-    matrix: matrixL,
-    matrixAutoUpdate: false
-  }, annotations && /* @__PURE__ */ reactExports.createElement(Html, {
-    position: [0, 0, 0]
-  }, /* @__PURE__ */ reactExports.createElement("div", {
-    style: {
-      display: "none",
-      background: "#151520",
-      color: "white",
-      padding: "6px 8px",
-      borderRadius: 7,
-      whiteSpace: "nowrap"
-    },
-    className: annotationsClass,
-    ref: divRef
-  })), /* @__PURE__ */ reactExports.createElement("group", {
-    position: [pos1 * 1.7, pos1 * 1.7, 0]
-  }, /* @__PURE__ */ reactExports.createElement("mesh", {
-    visible: true,
-    onPointerDown,
-    onPointerMove,
-    onPointerUp,
-    onPointerOut,
-    scale: length,
-    userData,
-    renderOrder
-  }, /* @__PURE__ */ reactExports.createElement("planeGeometry", null), /* @__PURE__ */ reactExports.createElement("meshBasicMaterial", {
-    transparent: true,
-    depthTest,
-    color: color2,
-    polygonOffset: true,
-    polygonOffsetFactor: -10,
-    side: DoubleSide,
-    fog: false
-  })), /* @__PURE__ */ reactExports.createElement(Line, {
-    position: [-length / 2, -length / 2, 0],
-    transparent: true,
-    depthTest,
-    points,
-    lineWidth,
-    color: color2,
-    opacity,
-    polygonOffset: true,
-    polygonOffsetFactor: -10,
-    userData,
-    fog: false,
-    renderOrder
-  })));
-};
-const vec1 = /* @__PURE__ */ new Vector3();
-const vec2 = /* @__PURE__ */ new Vector3();
-const calculateOffset = (clickPoint, normal, rayStart, rayDir) => {
-  const e1 = normal.dot(normal);
-  const e2 = normal.dot(clickPoint) - normal.dot(rayStart);
-  const e3 = normal.dot(rayDir);
-  if (e3 === 0) {
-    return -e2 / e1;
-  }
-  vec1.copy(rayDir).multiplyScalar(e1 / e3).sub(normal);
-  vec2.copy(rayDir).multiplyScalar(e2 / e3).add(rayStart).sub(clickPoint);
-  const offset = -vec1.dot(vec2) / vec1.dot(vec1);
-  return offset;
-};
-const upV = /* @__PURE__ */ new Vector3(0, 1, 0);
-const scaleV = /* @__PURE__ */ new Vector3();
-const scaleMatrix = /* @__PURE__ */ new Matrix4();
-const ScalingSphere = ({
-  direction,
-  axis
-}) => {
-  const {
-    scaleLimits,
-    annotations,
-    annotationsClass,
-    depthTest,
-    scale,
-    lineWidth,
-    fixed,
-    axisColors,
-    hoveredColor,
-    opacity,
-    renderOrder,
-    onDragStart,
-    onDrag,
-    onDragEnd,
-    userData
-  } = reactExports.useContext(context);
-  const size = useThree((state2) => state2.size);
-  const camControls = useThree((state2) => state2.controls);
-  const divRef = reactExports.useRef(null);
-  const objRef = reactExports.useRef(null);
-  const meshRef = reactExports.useRef(null);
-  const scale0 = reactExports.useRef(1);
-  const scaleCur = reactExports.useRef(1);
-  const clickInfo = reactExports.useRef(null);
-  const [isHovered, setIsHovered] = reactExports.useState(false);
-  const position = fixed ? 1.2 : 1.2 * scale;
-  const onPointerDown = reactExports.useCallback((e2) => {
-    if (annotations) {
-      divRef.current.innerText = `${scaleCur.current.toFixed(2)}`;
-      divRef.current.style.display = "block";
-    }
-    e2.stopPropagation();
-    const rotation = new Matrix4().extractRotation(objRef.current.matrixWorld);
-    const clickPoint = e2.point.clone();
-    const origin = new Vector3().setFromMatrixPosition(objRef.current.matrixWorld);
-    const dir = direction.clone().applyMatrix4(rotation).normalize();
-    const mPLG = objRef.current.matrixWorld.clone();
-    const mPLGInv = mPLG.clone().invert();
-    const offsetMultiplier = fixed ? 1 / calculateScaleFactor(objRef.current.getWorldPosition(vec1), scale, e2.camera, size) : 1;
-    clickInfo.current = {
-      clickPoint,
-      dir,
-      mPLG,
-      mPLGInv,
-      offsetMultiplier
-    };
-    onDragStart({
-      component: "Sphere",
-      axis,
-      origin,
-      directions: [dir]
-    });
-    camControls && (camControls.enabled = false);
-    e2.target.setPointerCapture(e2.pointerId);
-  }, [annotations, camControls, direction, onDragStart, axis, fixed, scale, size]);
-  const onPointerMove = reactExports.useCallback((e2) => {
-    e2.stopPropagation();
-    if (!isHovered) setIsHovered(true);
-    if (clickInfo.current) {
-      const {
-        clickPoint,
-        dir,
-        mPLG,
-        mPLGInv,
-        offsetMultiplier
-      } = clickInfo.current;
-      const [min, max2] = (scaleLimits == null ? void 0 : scaleLimits[axis]) || [1e-5, void 0];
-      const offsetW = calculateOffset(clickPoint, dir, e2.ray.origin, e2.ray.direction);
-      const offsetL = offsetW * offsetMultiplier;
-      const offsetH = fixed ? offsetL : offsetL / scale;
-      let upscale = Math.pow(2, offsetH * 0.2);
-      if (e2.shiftKey) {
-        upscale = Math.round(upscale * 10) / 10;
-      }
-      upscale = Math.max(upscale, min / scale0.current);
-      if (max2 !== void 0) {
-        upscale = Math.min(upscale, max2 / scale0.current);
-      }
-      scaleCur.current = scale0.current * upscale;
-      meshRef.current.position.set(0, position + offsetL, 0);
-      if (annotations) {
-        divRef.current.innerText = `${scaleCur.current.toFixed(2)}`;
-      }
-      scaleV.set(1, 1, 1);
-      scaleV.setComponent(axis, upscale);
-      scaleMatrix.makeScale(scaleV.x, scaleV.y, scaleV.z).premultiply(mPLG).multiply(mPLGInv);
-      onDrag(scaleMatrix);
-    }
-  }, [annotations, position, onDrag, isHovered, scaleLimits, axis]);
-  const onPointerUp = reactExports.useCallback((e2) => {
-    if (annotations) {
-      divRef.current.style.display = "none";
-    }
-    e2.stopPropagation();
-    scale0.current = scaleCur.current;
-    clickInfo.current = null;
-    meshRef.current.position.set(0, position, 0);
-    onDragEnd();
-    camControls && (camControls.enabled = true);
-    e2.target.releasePointerCapture(e2.pointerId);
-  }, [annotations, camControls, onDragEnd, position]);
-  const onPointerOut = reactExports.useCallback((e2) => {
-    e2.stopPropagation();
-    setIsHovered(false);
-  }, []);
-  const {
-    radius,
-    matrixL
-  } = reactExports.useMemo(() => {
-    const radius2 = fixed ? lineWidth / scale * 1.8 : scale / 22.5;
-    const quaternion = new Quaternion().setFromUnitVectors(upV, direction.clone().normalize());
-    const matrixL2 = new Matrix4().makeRotationFromQuaternion(quaternion);
-    return {
-      radius: radius2,
-      matrixL: matrixL2
-    };
-  }, [direction, scale, lineWidth, fixed]);
-  const color2 = isHovered ? hoveredColor : axisColors[axis];
-  return /* @__PURE__ */ reactExports.createElement("group", {
-    ref: objRef
-  }, /* @__PURE__ */ reactExports.createElement("group", {
-    matrix: matrixL,
-    matrixAutoUpdate: false,
-    onPointerDown,
-    onPointerMove,
-    onPointerUp,
-    onPointerOut
-  }, annotations && /* @__PURE__ */ reactExports.createElement(Html, {
-    position: [0, position / 2, 0]
-  }, /* @__PURE__ */ reactExports.createElement("div", {
-    style: {
-      display: "none",
-      background: "#151520",
-      color: "white",
-      padding: "6px 8px",
-      borderRadius: 7,
-      whiteSpace: "nowrap"
-    },
-    className: annotationsClass,
-    ref: divRef
-  })), /* @__PURE__ */ reactExports.createElement("mesh", {
-    ref: meshRef,
-    position: [0, position, 0],
-    renderOrder,
-    userData
-  }, /* @__PURE__ */ reactExports.createElement("sphereGeometry", {
-    args: [radius, 12, 12]
-  }), /* @__PURE__ */ reactExports.createElement("meshBasicMaterial", {
-    transparent: true,
-    depthTest,
-    color: color2,
-    opacity,
-    polygonOffset: true,
-    polygonOffsetFactor: -10
-  }))));
-};
-const mL0 = /* @__PURE__ */ new Matrix4();
-const mW0 = /* @__PURE__ */ new Matrix4();
-const mP = /* @__PURE__ */ new Matrix4();
-const mPInv = /* @__PURE__ */ new Matrix4();
-const mW = /* @__PURE__ */ new Matrix4();
-const mL = /* @__PURE__ */ new Matrix4();
-const mL0Inv = /* @__PURE__ */ new Matrix4();
-const mdL = /* @__PURE__ */ new Matrix4();
-const mG = /* @__PURE__ */ new Matrix4();
-const bb = /* @__PURE__ */ new Box3();
-const bbObj = /* @__PURE__ */ new Box3();
-const vCenter = /* @__PURE__ */ new Vector3();
-const vSize = /* @__PURE__ */ new Vector3();
-const vAnchorOffset = /* @__PURE__ */ new Vector3();
-const vPosition = /* @__PURE__ */ new Vector3();
-const vScale = /* @__PURE__ */ new Vector3();
-const xDir = /* @__PURE__ */ new Vector3(1, 0, 0);
-const yDir = /* @__PURE__ */ new Vector3(0, 1, 0);
-const zDir = /* @__PURE__ */ new Vector3(0, 0, 1);
-const PivotControls = /* @__PURE__ */ reactExports.forwardRef(({
-  enabled = true,
-  matrix,
-  onDragStart,
-  onDrag,
-  onDragEnd,
-  autoTransform = true,
-  anchor,
-  disableAxes = false,
-  disableSliders = false,
-  disableRotations = false,
-  disableScaling = false,
-  activeAxes = [true, true, true],
-  offset = [0, 0, 0],
-  rotation = [0, 0, 0],
-  scale = 1,
-  lineWidth = 4,
-  fixed = false,
-  translationLimits,
-  rotationLimits,
-  scaleLimits,
-  depthTest = true,
-  renderOrder = 500,
-  axisColors = ["#ff2060", "#20df80", "#2080ff"],
-  hoveredColor = "#ffff40",
-  annotations = false,
-  annotationsClass,
-  opacity = 1,
-  visible = true,
-  userData,
-  children,
-  ...props
-}, fRef) => {
-  const invalidate2 = useThree((state2) => state2.invalidate);
-  const parentRef = reactExports.useRef(null);
-  const ref = reactExports.useRef(null);
-  const gizmoRef = reactExports.useRef(null);
-  const childrenRef = reactExports.useRef(null);
-  const translation = reactExports.useRef([0, 0, 0]);
-  const cameraScale = reactExports.useRef(new Vector3(1, 1, 1));
-  const gizmoScale = reactExports.useRef(new Vector3(1, 1, 1));
-  reactExports.useLayoutEffect(() => {
-    if (!anchor) return;
-    childrenRef.current.updateWorldMatrix(true, true);
-    mPInv.copy(childrenRef.current.matrixWorld).invert();
-    bb.makeEmpty();
-    childrenRef.current.traverse((obj) => {
-      if (!obj.geometry) return;
-      if (!obj.geometry.boundingBox) obj.geometry.computeBoundingBox();
-      mL.copy(obj.matrixWorld).premultiply(mPInv);
-      bbObj.copy(obj.geometry.boundingBox);
-      bbObj.applyMatrix4(mL);
-      bb.union(bbObj);
-    });
-    vCenter.copy(bb.max).add(bb.min).multiplyScalar(0.5);
-    vSize.copy(bb.max).sub(bb.min).multiplyScalar(0.5);
-    vAnchorOffset.copy(vSize).multiply(new Vector3(...anchor)).add(vCenter);
-    vPosition.set(...offset).add(vAnchorOffset);
-    gizmoRef.current.position.copy(vPosition);
-    invalidate2();
-  });
-  const config = reactExports.useMemo(() => ({
-    onDragStart: (props2) => {
-      mL0.copy(ref.current.matrix);
-      mW0.copy(ref.current.matrixWorld);
-      onDragStart && onDragStart(props2);
-      invalidate2();
-    },
-    onDrag: (mdW) => {
-      mP.copy(parentRef.current.matrixWorld);
-      mPInv.copy(mP).invert();
-      mW.copy(mW0).premultiply(mdW);
-      mL.copy(mW).premultiply(mPInv);
-      mL0Inv.copy(mL0).invert();
-      mdL.copy(mL).multiply(mL0Inv);
-      if (autoTransform) {
-        ref.current.matrix.copy(mL);
-      }
-      onDrag && onDrag(mL, mdL, mW, mdW);
-      invalidate2();
-    },
-    onDragEnd: () => {
-      if (onDragEnd) onDragEnd();
-      invalidate2();
-    },
-    translation,
-    translationLimits,
-    rotationLimits,
-    axisColors,
-    hoveredColor,
-    opacity,
-    scale,
-    lineWidth,
-    fixed,
-    depthTest,
-    renderOrder,
-    userData,
-    annotations,
-    annotationsClass
-  }), [onDragStart, onDrag, onDragEnd, translation, translationLimits, rotationLimits, scaleLimits, depthTest, scale, lineWidth, fixed, ...axisColors, hoveredColor, opacity, userData, autoTransform, annotations, annotationsClass]);
-  const vec = new Vector3();
-  useFrame((state2) => {
-    if (fixed) {
-      const sf = calculateScaleFactor(gizmoRef.current.getWorldPosition(vec), scale, state2.camera, state2.size);
-      cameraScale.current.setScalar(sf);
-    }
-    if (matrix && matrix instanceof Matrix4) {
-      ref.current.matrix = matrix;
-    }
-    ref.current.updateWorldMatrix(true, true);
-    mG.makeRotationFromEuler(gizmoRef.current.rotation).setPosition(gizmoRef.current.position).premultiply(ref.current.matrixWorld);
-    gizmoScale.current.setFromMatrixScale(mG);
-    vScale.copy(cameraScale.current).divide(gizmoScale.current);
-    if (Math.abs(gizmoRef.current.scale.x - vScale.x) > 1e-4 || Math.abs(gizmoRef.current.scale.y - vScale.y) > 1e-4 || Math.abs(gizmoRef.current.scale.z - vScale.z) > 1e-4) {
-      gizmoRef.current.scale.copy(vScale);
-      state2.invalidate();
-    }
-  });
-  reactExports.useImperativeHandle(fRef, () => ref.current, []);
-  return /* @__PURE__ */ reactExports.createElement(context.Provider, {
-    value: config
-  }, /* @__PURE__ */ reactExports.createElement("group", {
-    ref: parentRef
-  }, /* @__PURE__ */ reactExports.createElement("group", _extends({
-    ref,
-    matrix,
-    matrixAutoUpdate: false
-  }, props), /* @__PURE__ */ reactExports.createElement("group", {
-    visible,
-    ref: gizmoRef,
-    position: offset,
-    rotation
-  }, enabled && /* @__PURE__ */ reactExports.createElement(reactExports.Fragment, null, !disableAxes && activeAxes[0] && /* @__PURE__ */ reactExports.createElement(AxisArrow, {
-    axis: 0,
-    direction: xDir
-  }), !disableAxes && activeAxes[1] && /* @__PURE__ */ reactExports.createElement(AxisArrow, {
-    axis: 1,
-    direction: yDir
-  }), !disableAxes && activeAxes[2] && /* @__PURE__ */ reactExports.createElement(AxisArrow, {
-    axis: 2,
-    direction: zDir
-  }), !disableSliders && activeAxes[0] && activeAxes[1] && /* @__PURE__ */ reactExports.createElement(PlaneSlider, {
-    axis: 2,
-    dir1: xDir,
-    dir2: yDir
-  }), !disableSliders && activeAxes[0] && activeAxes[2] && /* @__PURE__ */ reactExports.createElement(PlaneSlider, {
-    axis: 1,
-    dir1: zDir,
-    dir2: xDir
-  }), !disableSliders && activeAxes[2] && activeAxes[1] && /* @__PURE__ */ reactExports.createElement(PlaneSlider, {
-    axis: 0,
-    dir1: yDir,
-    dir2: zDir
-  }), !disableRotations && activeAxes[0] && activeAxes[1] && /* @__PURE__ */ reactExports.createElement(AxisRotator, {
-    axis: 2,
-    dir1: xDir,
-    dir2: yDir
-  }), !disableRotations && activeAxes[0] && activeAxes[2] && /* @__PURE__ */ reactExports.createElement(AxisRotator, {
-    axis: 1,
-    dir1: zDir,
-    dir2: xDir
-  }), !disableRotations && activeAxes[2] && activeAxes[1] && /* @__PURE__ */ reactExports.createElement(AxisRotator, {
-    axis: 0,
-    dir1: yDir,
-    dir2: zDir
-  }), !disableScaling && activeAxes[0] && /* @__PURE__ */ reactExports.createElement(ScalingSphere, {
-    axis: 0,
-    direction: xDir
-  }), !disableScaling && activeAxes[1] && /* @__PURE__ */ reactExports.createElement(ScalingSphere, {
-    axis: 1,
-    direction: yDir
-  }), !disableScaling && activeAxes[2] && /* @__PURE__ */ reactExports.createElement(ScalingSphere, {
-    axis: 2,
-    direction: zDir
-  }))), /* @__PURE__ */ reactExports.createElement("group", {
-    ref: childrenRef
-  }, children))));
-});
 function StudioLightformers() {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Lightformer, { form: "rect", intensity: 4, color: "#ffffff", "rotation-x": Math.PI / 2, position: [0, 40, 0], scale: [120, 120, 1] }),
@@ -16729,7 +15785,7 @@ const CRASH_COOLDOWN_MS = 2e3;
 class EvalWorkerClient {
   constructor(workerFactory = () => new Worker(new URL(
     /* @vite-ignore */
-    "/assets/evalWorker-CMCAbK8r.js",
+    "/assets/evalWorker-C3dKxi9Y.js",
     import.meta.url
   ), { type: "module" })) {
     __publicField(this, "worker", null);
@@ -16748,6 +15804,8 @@ class EvalWorkerClient {
     __publicField(this, "activeRunSeq", null);
     /** Called when the worker reports a progress phase change. */
     __publicField(this, "onProgress", null);
+    /** Called when the worker has UI metadata before full geometry serialization completes. */
+    __publicField(this, "onRunMetadata", null);
     /** Latest WASM heap sizes reported by the worker. */
     __publicField(this, "workerWasmHeap", null);
     /** Most recent worker failure reason, cleared after the next successful run. */
@@ -16762,7 +15820,7 @@ class EvalWorkerClient {
       this.worker.postMessage({ type: "set-project", payload: { projectId } });
     }
     this.worker.onmessage = (event) => {
-      var _a3;
+      var _a3, _b2;
       const { data } = event;
       if (data.type === "progress") {
         if (data.payload.phase === "export-evaluating" || data.payload.phase === "export-writing") {
@@ -16779,6 +15837,11 @@ class EvalWorkerClient {
         }
         return;
       }
+      if (data.type === "run-metadata") {
+        if (data.payload.seq !== this.activeRunSeq) return;
+        (_b2 = this.onRunMetadata) == null ? void 0 : _b2.call(this, data.payload.metadata);
+        return;
+      }
       if (data.type === "run-success" || data.type === "run-error") {
         const req = this.pendingRuns.get(data.payload.seq);
         if (!req) return;
@@ -18103,6 +17166,7 @@ function createErrorRunResult(message, quality) {
     bom: [],
     sheetStock: [],
     cutPlanes: [],
+    renderLabels: [],
     cameraTrajectory: null,
     explodeView: null,
     jointsView: null,
@@ -18117,6 +17181,33 @@ function createErrorRunResult(message, quality) {
     mocks: []
   };
 }
+function runMetadataToRunResult(metadata) {
+  const objects = metadata.objects.map((obj) => ({
+    id: obj.id,
+    name: obj.name,
+    shape: null,
+    sketch: null,
+    sdf: obj.sdfData ?? null,
+    toolpath: obj.toolpathData ?? null,
+    color: obj.color,
+    materialProps: obj.materialProps,
+    geometryInfo: obj.geometryInfo,
+    sketchMeta: obj.sketchMeta,
+    groupName: obj.groupName,
+    treePath: obj.treePath,
+    mock: obj.mock,
+    serverShapeRef: obj.serverShapeRef,
+    exactState: obj.exactState
+  }));
+  return {
+    shape: null,
+    sketch: null,
+    ...metadata,
+    objects,
+    debugHighlights3D: [],
+    mocks: []
+  };
+}
 function buildRunState(previewFile, runResult, state2) {
   const synced = syncObjectSettings(
     runResult.objects,
@@ -18246,6 +17337,7 @@ function errorRunResult(error, timeMs = 0) {
     bom: [],
     sheetStock: [],
     cutPlanes: [],
+    renderLabels: [],
     cameraTrajectory: null,
     explodeView: null,
     jointsView: null,
@@ -18738,7 +17830,7 @@ const useForgeStore = create((set, get) => ({
       writeViewPreferences({ objectSettingsByFile: applied.nextObjectSettingsByFile, cutPlaneEnabled: applied.nextCutPlaneEnabled });
       return;
     }
-    set({ isEvaluating: true, evaluationPhase: "kernel-init" });
+    set({ isEvaluating: true, evaluationPhase: "kernel-init", previewFile });
     const useServer = get().computeTarget === "server";
     const execId = ++currentExecutionId;
     if (serverComputeAbortController) {
@@ -18758,6 +17850,7 @@ const useForgeStore = create((set, get) => ({
       };
       let serialized;
       if (useServer) {
+        evalWorkerClient.onRunMetadata = null;
         const abortController = new AbortController();
         serverComputeAbortController = abortController;
         try {
@@ -18786,6 +17879,13 @@ Switch to LOCAL mode or wait for the server to recover.`,
           }
         }
       } else {
+        evalWorkerClient.onRunMetadata = (metadata) => {
+          if (execId !== currentExecutionId) return;
+          const metadataResult = runMetadataToRunResult(metadata);
+          const applied = buildRunState(previewFile, metadataResult, get());
+          set({ ...applied.nextState });
+          writeViewPreferences({ objectSettingsByFile: applied.nextObjectSettingsByFile, cutPlaneEnabled: applied.nextCutPlaneEnabled });
+        };
         serialized = await evalWorkerClient.run(runPayload);
       }
       if (execId !== currentExecutionId) return;
@@ -19385,7 +18485,7 @@ Switch to LOCAL mode or wait for the server to recover.`,
   }),
   sectionPlaneGuidesEnabled: initialViewPreferences.sectionPlaneGuidesEnabled ?? true,
   sectionPlaneFillEnabled: initialViewPreferences.sectionPlaneFillEnabled ?? true,
-  sectionPlaneFillOpacity: initialViewPreferences.sectionPlaneFillOpacity ?? 0.05,
+  sectionPlaneFillOpacity: initialViewPreferences.sectionPlaneFillOpacity ?? 0.025,
   sectionPlaneBorderEnabled: initialViewPreferences.sectionPlaneBorderEnabled ?? true,
   sectionPlaneAxisEnabled: initialViewPreferences.sectionPlaneAxisEnabled ?? true,
   setSectionPlaneGuidesEnabled: (enabled) => {
@@ -19397,7 +18497,7 @@ Switch to LOCAL mode or wait for the server to recover.`,
     set({ sectionPlaneFillEnabled: enabled });
   },
   setSectionPlaneFillOpacity: (opacity) => {
-    const safeOpacity = Math.max(0, Math.min(1, opacity));
+    const safeOpacity = Math.max(0, Math.min(0.04, opacity));
     writeViewPreferences({ sectionPlaneFillOpacity: safeOpacity });
     set({ sectionPlaneFillOpacity: safeOpacity });
   },
@@ -19465,7 +18565,8 @@ Switch to LOCAL mode or wait for the server to recover.`,
       }));
     } catch (e2) {
       console.error("Save failed:", e2);
-      showToast((e2 == null ? void 0 : e2.message) || "Failed to save file", "error");
+      const quotaMessage = storageQuotaUpgradeMessage(e2);
+      showToast(quotaMessage ?? (e2 == null ? void 0 : e2.message) ?? "Failed to save file", "error", quotaMessage ? 8e3 : 3e3);
     }
   },
   saveFileAs: async () => {
@@ -19609,7 +18710,8 @@ Switch to LOCAL mode or wait for the server to recover.`,
       });
       showToast(`Imported ${imported.length === 1 ? imported[0].path : `${imported.length} files`}`, "success");
     } catch (e2) {
-      showToast((e2 == null ? void 0 : e2.message) || "Failed to import project files", "error");
+      const quotaMessage = storageQuotaUpgradeMessage(e2);
+      showToast(quotaMessage ?? (e2 == null ? void 0 : e2.message) ?? "Failed to import project files", "error", quotaMessage ? 8e3 : 3e3);
       console.error("Import save failed:", e2);
     }
     return imported.map((entry) => entry.path);
@@ -19699,6 +18801,9 @@ Switch to LOCAL mode or wait for the server to recover.`,
   commandPaletteOpen: false,
   openCommandPalette: () => set({ commandPaletteOpen: true }),
   closeCommandPalette: () => set({ commandPaletteOpen: false }),
+  objectSearchOpen: false,
+  openObjectSearch: () => set({ objectSearchOpen: true }),
+  closeObjectSearch: () => set({ objectSearchOpen: false }),
   fileSwitcherOpen: false,
   openFileSwitcher: () => set({ fileSwitcherOpen: true }),
   closeFileSwitcher: () => set({ fileSwitcherOpen: false }),
@@ -29731,7 +28836,7 @@ function generateReportInWorker(options) {
   return new Promise((resolve2, reject) => {
     const worker = new Worker(new URL(
       /* @vite-ignore */
-      "/assets/reportWorker-BcRVMHK-.js",
+      "/assets/reportWorker-BhZ7DjxQ.js",
       import.meta.url
     ), { type: "module" });
     const cleanup = () => {
@@ -30659,13 +29764,13 @@ function createOverrideSessionFromRunResult(runResult, objectSettings, backgroun
     scene.add(wire);
     wires.push(wire);
     try {
-      const bb2 = obj.shape.boundingBox();
-      minX = Math.min(minX, bb2.min[0]);
-      minY = Math.min(minY, bb2.min[1]);
-      minZ = Math.min(minZ, bb2.min[2]);
-      maxX = Math.max(maxX, bb2.max[0]);
-      maxY = Math.max(maxY, bb2.max[1]);
-      maxZ = Math.max(maxZ, bb2.max[2]);
+      const bb = obj.shape.boundingBox();
+      minX = Math.min(minX, bb.min[0]);
+      minY = Math.min(minY, bb.min[1]);
+      minZ = Math.min(minZ, bb.min[2]);
+      maxX = Math.max(maxX, bb.max[0]);
+      maxY = Math.max(maxY, bb.max[1]);
+      maxZ = Math.max(maxZ, bb.max[2]);
     } catch {
     }
   });
@@ -31447,13 +30552,13 @@ function computeSceneBounds$1() {
   for (const obj of result.objects) {
     if (!obj.shape) continue;
     try {
-      const bb2 = obj.shape.boundingBox();
-      minX = Math.min(minX, bb2.min[0]);
-      minY = Math.min(minY, bb2.min[1]);
-      minZ = Math.min(minZ, bb2.min[2]);
-      maxX = Math.max(maxX, bb2.max[0]);
-      maxY = Math.max(maxY, bb2.max[1]);
-      maxZ = Math.max(maxZ, bb2.max[2]);
+      const bb = obj.shape.boundingBox();
+      minX = Math.min(minX, bb.min[0]);
+      minY = Math.min(minY, bb.min[1]);
+      minZ = Math.min(minZ, bb.min[2]);
+      maxX = Math.max(maxX, bb.max[0]);
+      maxY = Math.max(maxY, bb.max[1]);
+      maxZ = Math.max(maxZ, bb.max[2]);
     } catch {
     }
   }
@@ -32651,14 +31756,14 @@ function DebugHighlightShapeItem({ hl, opacity }) {
     solid.setAttribute("normal", new Float32BufferAttribute(snapshot.geometryNormals, 3));
     const edges = new BufferGeometry();
     edges.setAttribute("position", new Float32BufferAttribute(snapshot.geometryEdgePositions, 3));
-    const bb2 = snapshot.boundingBox;
+    const bb = snapshot.boundingBox;
     return {
       solidGeo: solid,
       edgesGeo: edges,
       center: [
-        (bb2.min[0] + bb2.max[0]) / 2,
-        (bb2.min[1] + bb2.max[1]) / 2,
-        (bb2.min[2] + bb2.max[2]) / 2
+        (bb.min[0] + bb.max[0]) / 2,
+        (bb.min[1] + bb.max[1]) / 2,
+        (bb.min[2] + bb.max[2]) / 2
       ]
     };
   }, [snapshot]);
@@ -34591,83 +33696,192 @@ function PerformanceInfoPanel({ enabled, stats }) {
     }
   );
 }
-const PLANE_COLOR = "#00bbff";
-const PLANE_OPACITY = 0.035;
-function SectionGizmoInner({
-  size,
-  initialNormal,
-  initialOffset
+const GUIDE_COLOR = "#9aa6af";
+const GUIDE_HOVER_COLOR = "#c7d0d7";
+const GUIDE_ACTIVE_COLOR = "#d8e0e6";
+const PLANE_OPACITY = 0.018;
+const BORDER_OPACITY = 0.36;
+const HANDLE_OPACITY = 0.62;
+const MIN_HANDLE_LENGTH = 10;
+const MAX_HANDLE_LENGTH = 64;
+const dragAxisScratchA = new Vector3();
+const dragAxisScratchB = new Vector3();
+function setPointerCapture(event) {
+  var _a3;
+  const target = event.target;
+  (_a3 = target.setPointerCapture) == null ? void 0 : _a3.call(target, event.pointerId);
+}
+function releasePointerCapture(event) {
+  var _a3;
+  const target = event.target;
+  (_a3 = target.releasePointerCapture) == null ? void 0 : _a3.call(target, event.pointerId);
+}
+function calculateAxisDragDelta(clickPoint, axis, ray) {
+  const axisLenSq = axis.dot(axis);
+  if (axisLenSq <= 1e-8) return 0;
+  const startOffset = axis.dot(clickPoint) - axis.dot(ray.origin);
+  const rayAxisDot = axis.dot(ray.direction);
+  if (Math.abs(rayAxisDot) <= 1e-8) {
+    return -startOffset / axisLenSq;
+  }
+  dragAxisScratchA.copy(ray.direction).multiplyScalar(axisLenSq / rayAxisDot).sub(axis);
+  dragAxisScratchB.copy(ray.direction).multiplyScalar(startOffset / rayAxisDot).add(ray.origin).sub(clickPoint);
+  const denom = dragAxisScratchA.dot(dragAxisScratchA);
+  return denom <= 1e-8 ? 0 : -dragAxisScratchA.dot(dragAxisScratchB) / denom;
+}
+function SectionExplorerHandle({
+  normal,
+  offset,
+  handleLength,
+  onOffsetChange,
+  onDragEnd
 }) {
-  const setNormal = useForgeStore((s) => s.setSectionExplorerNormal);
-  const setOffset = useForgeStore((s) => s.setSectionExplorerOffset);
-  const persist = useForgeStore((s) => s.persistSectionExplorer);
-  const initialMatrix = reactExports.useMemo(() => {
-    const m2 = new Matrix4();
-    const n = new Vector3(...initialNormal).normalize();
-    const center = n.clone().multiplyScalar(initialOffset);
-    const q2 = new Quaternion().setFromUnitVectors(new Vector3(0, 0, 1), n);
-    m2.compose(center, q2, new Vector3(1, 1, 1));
-    return m2;
-  }, [initialNormal, initialOffset]);
-  const handleDrag = reactExports.useCallback(
-    (local) => {
-      const pos = new Vector3();
-      const rot = new Quaternion();
-      const scl = new Vector3();
-      local.decompose(pos, rot, scl);
-      const n = new Vector3(0, 0, 1).applyQuaternion(rot).normalize();
-      setNormal([n.x, n.y, n.z]);
-      setOffset(pos.dot(n));
+  const controls = useThree((state2) => state2.controls);
+  const invalidate2 = useThree((state2) => state2.invalidate);
+  const [isHovered, setIsHovered] = reactExports.useState(false);
+  const [isDragging, setIsDragging] = reactExports.useState(false);
+  const dragInfo = reactExports.useRef(null);
+  const color2 = isDragging ? GUIDE_ACTIVE_COLOR : isHovered ? GUIDE_HOVER_COLOR : GUIDE_COLOR;
+  const stemLength = handleLength * 0.72;
+  const coneHeight = Math.max(2.2, handleLength * 0.18);
+  const stemRadius = Math.max(0.11, handleLength * 0.012);
+  const coneRadius = Math.max(0.46, handleLength * 0.042);
+  const hitRadius = Math.max(4.5, handleLength * 0.18);
+  const hitLength = stemLength + coneHeight + hitRadius * 2;
+  const handlePointerDown = reactExports.useCallback(
+    (event) => {
+      if (event.button !== 0) return;
+      event.stopPropagation();
+      dragInfo.current = {
+        clickPoint: event.point.clone(),
+        normal: normal.clone().normalize(),
+        offset
+      };
+      if (controls) controls.enabled = false;
+      setIsDragging(true);
+      setPointerCapture(event);
+      invalidate2();
+    },
+    [controls, invalidate2, normal, offset]
+  );
+  const handlePointerMove = reactExports.useCallback(
+    (event) => {
+      event.stopPropagation();
+      if (!isHovered) setIsHovered(true);
+      const info = dragInfo.current;
+      if (!info) return;
+      const delta = calculateAxisDragDelta(info.clickPoint, info.normal, event.ray);
+      onOffsetChange(info.offset + delta);
+      invalidate2();
     },
-    [setNormal, setOffset]
+    [invalidate2, isHovered, onOffsetChange]
   );
+  const finishDrag = reactExports.useCallback(
+    (event) => {
+      if (!dragInfo.current) return;
+      event.stopPropagation();
+      dragInfo.current = null;
+      if (controls) controls.enabled = true;
+      setIsDragging(false);
+      releasePointerCapture(event);
+      onDragEnd();
+      invalidate2();
+    },
+    [controls, invalidate2, onDragEnd]
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("group", { userData: { measureHelper: true }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "mesh",
+      {
+        userData: { measureHelper: true },
+        position: [0, 0, hitLength * 0.5],
+        rotation: [Math.PI / 2, 0, 0],
+        onPointerDown: handlePointerDown,
+        onPointerMove: handlePointerMove,
+        onPointerUp: finishDrag,
+        onPointerCancel: finishDrag,
+        onPointerOver: (event) => {
+          event.stopPropagation();
+          setIsHovered(true);
+        },
+        onPointerOut: (event) => {
+          event.stopPropagation();
+          if (!dragInfo.current) setIsHovered(false);
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("cylinderGeometry", { args: [hitRadius, hitRadius, hitLength, 12] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("meshBasicMaterial", { transparent: true, opacity: 0, depthWrite: false })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("mesh", { userData: { measureHelper: true }, position: [0, 0, stemLength * 0.5], rotation: [Math.PI / 2, 0, 0], renderOrder: 25, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("cylinderGeometry", { args: [stemRadius, stemRadius, stemLength, 10] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("meshBasicMaterial", { color: color2, transparent: true, opacity: HANDLE_OPACITY, depthTest: false, depthWrite: false })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "mesh",
+      {
+        userData: { measureHelper: true },
+        position: [0, 0, stemLength + coneHeight * 0.5],
+        rotation: [Math.PI / 2, 0, 0],
+        renderOrder: 26,
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("coneGeometry", { args: [coneRadius, coneHeight, 18] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("meshBasicMaterial", { color: color2, transparent: true, opacity: isDragging ? 0.86 : 0.72, depthTest: false, depthWrite: false })
+        ]
+      }
+    )
+  ] });
+}
+function SectionGizmoInner({ size, normal, offset }) {
+  const setOffset = useForgeStore((s) => s.setSectionExplorerOffset);
+  const persist = useForgeStore((s) => s.persistSectionExplorer);
   const planeSize = Math.max(40, size * 0.9);
-  const borderPositions = reactExports.useMemo(() => {
+  const handleLength = MathUtils.clamp(planeSize * 0.14, MIN_HANDLE_LENGTH, MAX_HANDLE_LENGTH);
+  const { center, quaternion, borderPositions } = reactExports.useMemo(() => {
+    const n = new Vector3(...normal).normalize();
     const h2 = planeSize / 2;
-    return new Float32Array([-h2, -h2, 0, h2, -h2, 0, h2, h2, 0, -h2, h2, 0]);
-  }, [planeSize]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    PivotControls,
-    {
-      matrix: initialMatrix,
-      onDrag: handleDrag,
-      onDragEnd: persist,
-      autoTransform: true,
-      depthTest: false,
-      scale: planeSize * 0.45,
-      lineWidth: 2,
-      axisColors: ["#ff4060", "#40ff60", "#4080ff"],
-      hoveredColor: "#ffcc00",
-      disableScaling: true,
-      userData: { measureHelper: true },
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("mesh", { userData: { measureHelper: true }, renderOrder: 19, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("planeGeometry", { args: [planeSize, planeSize] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("meshBasicMaterial", { color: PLANE_COLOR, transparent: true, opacity: PLANE_OPACITY, side: DoubleSide, depthWrite: false })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("lineLoop", { renderOrder: 20, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("bufferGeometry", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("bufferAttribute", { attach: "attributes-position", args: [borderPositions, 3] }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("lineBasicMaterial", { color: PLANE_COLOR, transparent: true, opacity: 0.65, depthTest: false })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("group", { rotation: [Math.PI / 2, 0, 0], children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("mesh", { userData: { measureHelper: true }, position: [0, planeSize * 0.06, 0], children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("cylinderGeometry", { args: [planeSize * 4e-3, planeSize * 4e-3, planeSize * 0.12, 8] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("meshBasicMaterial", { color: PLANE_COLOR, depthTest: false })
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("mesh", { userData: { measureHelper: true }, position: [0, planeSize * 0.13, 0], children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("coneGeometry", { args: [planeSize * 0.012, planeSize * 0.035, 10] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("meshBasicMaterial", { color: PLANE_COLOR, depthTest: false })
-          ] })
-        ] })
-      ]
-    }
-  );
+    return {
+      center: n.clone().multiplyScalar(offset),
+      quaternion: new Quaternion().setFromUnitVectors(new Vector3(0, 0, 1), n),
+      borderPositions: new Float32Array([-h2, -h2, 0, h2, -h2, 0, h2, h2, 0, -h2, h2, 0])
+    };
+  }, [normal, offset, planeSize]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("group", { position: [center.x, center.y, center.z], quaternion, userData: { measureHelper: true }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("mesh", { userData: { measureHelper: true }, renderOrder: 19, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("planeGeometry", { args: [planeSize, planeSize] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "meshBasicMaterial",
+        {
+          color: GUIDE_COLOR,
+          transparent: true,
+          opacity: PLANE_OPACITY,
+          side: DoubleSide,
+          depthTest: false,
+          depthWrite: false
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("lineLoop", { renderOrder: 20, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("bufferGeometry", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("bufferAttribute", { attach: "attributes-position", args: [borderPositions, 3] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("lineBasicMaterial", { color: GUIDE_COLOR, transparent: true, opacity: BORDER_OPACITY, depthTest: false })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      SectionExplorerHandle,
+      {
+        normal: new Vector3(...normal).normalize(),
+        offset,
+        handleLength,
+        onOffsetChange: setOffset,
+        onDragEnd: persist
+      }
+    )
+  ] });
 }
 function SectionExplorerGizmo({ size }) {
   const normal = useForgeStore((s) => s.sectionExplorerNormal);
   const offset = useForgeStore((s) => s.sectionExplorerOffset);
-  const resetKey = useForgeStore((s) => s.sectionExplorerResetKey);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(SectionGizmoInner, { size, initialNormal: normal, initialOffset: offset }, resetKey);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(SectionGizmoInner, { size, normal, offset });
 }
 const PLANE_TRANSFORM_EPS = 1e-8;
 function distToSegment2D(px, py, ax, ay, bx, by) {
@@ -34886,11 +34100,11 @@ function computeSceneBounds(objects, objectMatrices) {
 }
 const colorFromName = (name) => {
   const hue = hashString(name || "default") % 360;
-  return `hsl(${hue}, 72%, 58%)`;
+  return `hsl(${hue}, 24%, 64%)`;
 };
 function SectionPlaneGuide({ def, sectionSize, style }) {
   const transform = reactExports.useMemo(() => resolvePlaneTransform(def.normal, def.offset), [def.normal, def.offset]);
-  const fillOpacity = Math.min(style.fillOpacity, 0.08);
+  const fillOpacity = Math.min(style.fillOpacity, 0.04);
   const borderGeometry = reactExports.useMemo(() => {
     const half = sectionSize / 2;
     return new BufferGeometry().setFromPoints([
@@ -34901,25 +34115,35 @@ function SectionPlaneGuide({ def, sectionSize, style }) {
     ]);
   }, [sectionSize]);
   const guideColor = reactExports.useMemo(() => colorFromName(def.name), [def.name]);
-  const axisLength = Math.max(8, sectionSize * 0.2);
-  const axisRadius = Math.max(0.2, sectionSize * 45e-4);
-  const coneRadius = Math.max(0.45, sectionSize * 8e-3);
-  const coneHeight = Math.max(1.8, sectionSize * 0.03);
+  const axisLength = MathUtils.clamp(sectionSize * 0.12, 8, 56);
+  const axisRadius = Math.max(0.14, axisLength * 0.018);
+  const coneRadius = Math.max(0.38, axisLength * 0.055);
+  const coneHeight = Math.max(1.6, axisLength * 0.2);
   if (!transform) return null;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("group", { position: [transform.center.x, transform.center.y, transform.center.z], quaternion: transform.quaternion, children: [
     style.showFill && /* @__PURE__ */ jsxRuntimeExports.jsxs("mesh", { userData: { measureHelper: true }, renderOrder: 20, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("planeGeometry", { args: [sectionSize, sectionSize] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("meshBasicMaterial", { color: guideColor, transparent: true, opacity: fillOpacity, side: DoubleSide, depthWrite: false })
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "meshBasicMaterial",
+        {
+          color: guideColor,
+          transparent: true,
+          opacity: fillOpacity,
+          side: DoubleSide,
+          depthTest: false,
+          depthWrite: false
+        }
+      )
     ] }),
-    style.showBorder && /* @__PURE__ */ jsxRuntimeExports.jsx("lineLoop", { geometry: borderGeometry, renderOrder: 21, children: /* @__PURE__ */ jsxRuntimeExports.jsx("lineBasicMaterial", { color: guideColor, transparent: true, opacity: 0.9, depthTest: false }) }),
+    style.showBorder && /* @__PURE__ */ jsxRuntimeExports.jsx("lineLoop", { geometry: borderGeometry, renderOrder: 21, children: /* @__PURE__ */ jsxRuntimeExports.jsx("lineBasicMaterial", { color: guideColor, transparent: true, opacity: 0.42, depthTest: false }) }),
     style.showAxis && /* @__PURE__ */ jsxRuntimeExports.jsxs("group", { renderOrder: 22, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("mesh", { userData: { measureHelper: true }, position: [0, 0, axisLength * 0.5], children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("mesh", { userData: { measureHelper: true }, position: [0, 0, axisLength * 0.5], rotation: [Math.PI / 2, 0, 0], children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("cylinderGeometry", { args: [axisRadius, axisRadius, axisLength, 12] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("meshBasicMaterial", { color: guideColor, depthTest: false })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("meshBasicMaterial", { color: guideColor, transparent: true, opacity: 0.58, depthTest: false, depthWrite: false })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("mesh", { userData: { measureHelper: true }, position: [0, 0, axisLength + coneHeight * 0.5], children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("mesh", { userData: { measureHelper: true }, position: [0, 0, axisLength + coneHeight * 0.5], rotation: [Math.PI / 2, 0, 0], children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("coneGeometry", { args: [coneRadius, coneHeight, 14] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("meshBasicMaterial", { color: guideColor, depthTest: false })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("meshBasicMaterial", { color: guideColor, transparent: true, opacity: 0.66, depthTest: false, depthWrite: false })
       ] })
     ] })
   ] });
@@ -35028,7 +34252,7 @@ function buildMeshPayload(sceneVersion, obj) {
   if (!obj.shape) return null;
   try {
     const mesh = obj.shape.getMesh();
-    const bb2 = obj.shape.boundingBox();
+    const bb = obj.shape.boundingBox();
     if (!mesh.triVerts.length || !mesh.vertProperties.length) return null;
     return {
       meshId: meshIdForSection(sceneVersion, obj.id),
@@ -35036,8 +34260,8 @@ function buildMeshPayload(sceneVersion, obj) {
       triVerts: mesh.triVerts,
       vertProperties: mesh.vertProperties,
       boundingBox: {
-        min: [bb2.min[0], bb2.min[1], bb2.min[2]],
-        max: [bb2.max[0], bb2.max[1], bb2.max[2]]
+        min: [bb.min[0], bb.min[1], bb.min[2]],
+        max: [bb.max[0], bb.max[1], bb.max[2]]
       }
     };
   } catch {
@@ -35353,11 +34577,11 @@ function clipPlaneDistance(point, clippingPlanes) {
 function clippedDistance(fn, point, clippingPlanes) {
   return Math.max(fn(point.x, point.y, point.z), clipPlaneDistance(point, clippingPlanes));
 }
-function intersectRayBoxRange(ray2, box2) {
+function intersectRayBoxRange(ray, box2) {
   let tNear = -Infinity;
   let tFar = Infinity;
-  const origin = ray2.origin;
-  const direction = ray2.direction;
+  const origin = ray.origin;
+  const direction = ray.direction;
   for (const axis of ["x", "y", "z"]) {
     const o2 = origin[axis];
     const d = direction[axis];
@@ -35378,8 +34602,8 @@ function intersectRayBoxRange(ray2, box2) {
   if (tFar < 0) return null;
   return { near: Math.max(0, tNear), far: tFar };
 }
-function raymarchHit(ray2, box2, diagonal, sdfFn, clippingPlanes) {
-  const range = intersectRayBoxRange(ray2, box2);
+function raymarchHit(ray, box2, diagonal, sdfFn, clippingPlanes) {
+  const range = intersectRayBoxRange(ray, box2);
   if (!range) return null;
   const maxStep = Math.max(PICK_MIN_STEP, diagonal / 180);
   const point = new Vector3();
@@ -35389,7 +34613,7 @@ function raymarchHit(ray2, box2, diagonal, sdfFn, clippingPlanes) {
   let bestT = t2;
   let bestAbsDist = Number.POSITIVE_INFINITY;
   for (let i = 0; i < PICK_MAX_STEPS; i++) {
-    point.copy(ray2.origin).addScaledVector(ray2.direction, t2);
+    point.copy(ray.origin).addScaledVector(ray.direction, t2);
     const dist = clippedDistance(sdfFn, point, clippingPlanes);
     const absDist = Math.abs(dist);
     if (absDist < bestAbsDist) {
@@ -35404,7 +34628,7 @@ function raymarchHit(ray2, box2, diagonal, sdfFn, clippingPlanes) {
       let dLo = prevDist;
       for (let step = 0; step < 8; step++) {
         const mid = (lo + hi) * 0.5;
-        midPoint.copy(ray2.origin).addScaledVector(ray2.direction, mid);
+        midPoint.copy(ray.origin).addScaledVector(ray.direction, mid);
         const dMid = clippedDistance(sdfFn, midPoint, clippingPlanes);
         if (Math.abs(dMid) < PICK_HIT_EPS) return midPoint;
         if (dLo < 0 && dMid > 0 || dLo > 0 && dMid < 0) {
@@ -35421,7 +34645,7 @@ function raymarchHit(ray2, box2, diagonal, sdfFn, clippingPlanes) {
     t2 += MathUtils.clamp(absDist * 0.5, PICK_MIN_STEP, maxStep);
     if (t2 > range.far) break;
   }
-  return bestAbsDist < PICK_HIT_EPS * 2 ? ray2.origin.clone().addScaledVector(ray2.direction, bestT) : null;
+  return bestAbsDist < PICK_HIT_EPS * 2 ? ray.origin.clone().addScaledVector(ray.direction, bestT) : null;
 }
 function SdfRaymarchObject({
   obj,
@@ -37885,6 +37109,32 @@ function ViewController({
   reactExports.useEffect(() => {
     if (!command) return;
     if (command.type === "sceneCamera") return;
+    if (command.type === "camera") {
+      const state2 = command.camera;
+      if (!state2) {
+        clearCommand();
+        return;
+      }
+      camera.position.set(state2.position[0], state2.position[1], state2.position[2]);
+      camera.up.set(state2.up[0], state2.up[1], state2.up[2]);
+      if ("fov" in camera && state2.fov !== void 0) {
+        camera.fov = state2.fov;
+      }
+      if (camera.isOrthographicCamera && state2.orthoZoom !== void 0) {
+        camera.zoom = state2.orthoZoom;
+      }
+      camera.lookAt(state2.target[0], state2.target[1], state2.target[2]);
+      if ("updateProjectionMatrix" in camera) {
+        camera.updateProjectionMatrix();
+      }
+      const controls2 = controlsRef.current;
+      if (controls2) {
+        controls2.target.set(state2.target[0], state2.target[1], state2.target[2]);
+        controls2.update();
+      }
+      clearCommand();
+      return;
+    }
     const visibleObjects = objects.filter((obj) => {
       var _a3;
       return ((_a3 = settings[obj.id]) == null ? void 0 : _a3.visible) !== false;
@@ -38234,10 +37484,10 @@ const getExplodeTreePath = (object) => {
 const resolveSceneObjectBounds = (object) => {
   if (object.shape) {
     try {
-      const bb2 = object.shape.boundingBox();
+      const bb = object.shape.boundingBox();
       return {
-        min: [bb2.min[0], bb2.min[1], bb2.min[2]],
-        max: [bb2.max[0], bb2.max[1], bb2.max[2]]
+        min: [bb.min[0], bb.min[1], bb.min[2]],
+        max: [bb.max[0], bb.max[1], bb.max[2]]
       };
     } catch {
       return null;
@@ -38245,13 +37495,13 @@ const resolveSceneObjectBounds = (object) => {
   }
   if (object.sketch) {
     try {
-      const bb2 = object.sketch.bounds();
+      const bb = object.sketch.bounds();
       const matrix = new Matrix4().fromArray(getSketchWorldMatrix(object.sketch));
       const corners = [
-        new Vector3(bb2.min[0], bb2.min[1], 0),
-        new Vector3(bb2.min[0], bb2.max[1], 0),
-        new Vector3(bb2.max[0], bb2.min[1], 0),
-        new Vector3(bb2.max[0], bb2.max[1], 0)
+        new Vector3(bb.min[0], bb.min[1], 0),
+        new Vector3(bb.min[0], bb.max[1], 0),
+        new Vector3(bb.max[0], bb.min[1], 0),
+        new Vector3(bb.max[0], bb.max[1], 0)
       ].map((corner) => corner.applyMatrix4(matrix));
       const min = [...corners[0].toArray()];
       const max2 = [...corners[0].toArray()];
@@ -38585,6 +37835,7 @@ function useViewportState() {
   const drawModeActive = useDrawStore((s) => s.active) && drawFlagEnabled;
   const objects = reactExports.useMemo(() => (result == null ? void 0 : result.objects) ?? [], [result]);
   const dimensions = reactExports.useMemo(() => (result == null ? void 0 : result.dimensions) ?? [], [result]);
+  const renderLabels = reactExports.useMemo(() => (result == null ? void 0 : result.renderLabels) ?? [], [result]);
   const attachmentPoints = reactExports.useMemo(() => {
     if (attachmentsVisible === "none") return [];
     const points = [];
@@ -38674,16 +37925,16 @@ function useViewportState() {
       const matrix = objectMatrices[obj.id] ?? new Matrix4();
       if (obj.shape) {
         try {
-          const bb2 = obj.shape.boundingBox();
-          if (expandBoundsByTransformedAabb(bounds, bb2.min, bb2.max, matrix)) hasBounds = true;
+          const bb = obj.shape.boundingBox();
+          if (expandBoundsByTransformedAabb(bounds, bb.min, bb.max, matrix)) hasBounds = true;
         } catch {
         }
         return;
       }
       if (obj.sketch) {
         try {
-          const bb2 = obj.sketch.bounds();
-          if (expandBoundsByTransformedAabb(bounds, [bb2.min[0], bb2.min[1], 0], [bb2.max[0], bb2.max[1], 0], matrix)) hasBounds = true;
+          const bb = obj.sketch.bounds();
+          if (expandBoundsByTransformedAabb(bounds, [bb.min[0], bb.min[1], 0], [bb.max[0], bb.max[1], 0], matrix)) hasBounds = true;
         } catch {
         }
         return;
@@ -38713,16 +37964,16 @@ function useViewportState() {
       const matrix = objectMatrices[obj.id] ?? new Matrix4();
       if (obj.shape) {
         try {
-          const bb2 = obj.shape.boundingBox();
-          if (expandBoundsByTransformedAabb(bounds, bb2.min, bb2.max, matrix)) hasBounds = true;
+          const bb = obj.shape.boundingBox();
+          if (expandBoundsByTransformedAabb(bounds, bb.min, bb.max, matrix)) hasBounds = true;
         } catch {
         }
         return;
       }
       if (obj.sketch) {
         try {
-          const bb2 = obj.sketch.bounds();
-          if (expandBoundsByTransformedAabb(bounds, [bb2.min[0], bb2.min[1], 0], [bb2.max[0], bb2.max[1], 0], matrix)) hasBounds = true;
+          const bb = obj.sketch.bounds();
+          if (expandBoundsByTransformedAabb(bounds, [bb.min[0], bb.min[1], 0], [bb.max[0], bb.max[1], 0], matrix)) hasBounds = true;
         } catch {
         }
         return;
@@ -38749,19 +38000,19 @@ function useViewportState() {
     objects.forEach((obj) => {
       if (obj.shape) {
         try {
-          const bb2 = obj.shape.boundingBox();
-          if (expandBoundsByTransformedAabb(bounds, bb2.min, bb2.max, IDENTITY_MATRIX)) hasBounds = true;
+          const bb = obj.shape.boundingBox();
+          if (expandBoundsByTransformedAabb(bounds, bb.min, bb.max, IDENTITY_MATRIX)) hasBounds = true;
         } catch {
         }
         return;
       }
       if (obj.sketch) {
         try {
-          const bb2 = obj.sketch.bounds();
+          const bb = obj.sketch.bounds();
           if (expandBoundsByTransformedAabb(
             bounds,
-            [bb2.min[0], bb2.min[1], 0],
-            [bb2.max[0], bb2.max[1], 0],
+            [bb.min[0], bb.min[1], 0],
+            [bb.max[0], bb.max[1], 0],
             new Matrix4().fromArray(getSketchWorldMatrix(obj.sketch))
           )) {
             hasBounds = true;
@@ -38893,6 +38144,7 @@ function useViewportState() {
     constructionGhost,
     objects,
     dimensions,
+    renderLabels,
     debugHighlights3D,
     dimensionsVisible,
     attachmentsVisible,
@@ -39912,6 +39164,329 @@ const HoverTooltipLayer = reactExports.forwardRef(
     );
   }
 );
+const buttonStyle = {
+  border: "1px solid var(--fc-border)",
+  background: "var(--fc-btn)",
+  color: "var(--fc-text)",
+  borderRadius: 6,
+  padding: "6px 10px",
+  fontSize: 12,
+  cursor: "pointer",
+  lineHeight: 1
+};
+const iconButtonStyle = {
+  ...buttonStyle,
+  width: 30,
+  height: 30,
+  padding: 0,
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  fontSize: 15
+};
+function sceneCameraToViewportState(camera) {
+  return {
+    projectionMode: camera.type ?? "perspective",
+    position: camera.position,
+    target: camera.target,
+    up: camera.up ?? [0, 0, 1],
+    ...camera.fov !== void 0 ? { fov: camera.fov } : {}
+  };
+}
+function getStepStartIndex(journey) {
+  if (!journey.startsAt) return 0;
+  const index = journey.steps.findIndex((step) => step.id === journey.startsAt);
+  return index >= 0 ? index : 0;
+}
+function readJourneyUrlState() {
+  try {
+    const params = new URL(window.location.href).searchParams;
+    const journeyId = params.get("journey");
+    if (!journeyId) return null;
+    return { journeyId, stepId: params.get("step") };
+  } catch {
+    return null;
+  }
+}
+function writeJourneyUrlState(active) {
+  try {
+    const url2 = new URL(window.location.href);
+    if (active) {
+      url2.searchParams.set("journey", active.journeyId);
+      url2.searchParams.set("step", active.stepId);
+    } else {
+      url2.searchParams.delete("journey");
+      url2.searchParams.delete("step");
+    }
+    window.history.replaceState(null, "", `${url2.pathname}${url2.search}${url2.hash}`);
+  } catch {
+  }
+}
+function stepTitle(step) {
+  var _a3;
+  return ((_a3 = step.title) == null ? void 0 : _a3.trim()) || step.resolvedFocusPath || step.focus || step.id;
+}
+function hasErrorDiagnostics(journey) {
+  return (journey.diagnostics ?? []).some((diagnostic) => diagnostic.level === "error");
+}
+function ModelJourneyBar({
+  journeys,
+  isViewportInteracting,
+  requestViewCommand,
+  selectObject,
+  focusObject,
+  clearFocusedObject
+}) {
+  var _a3, _b2;
+  const availableJourneys = reactExports.useMemo(
+    () => Object.entries(journeys ?? {}).filter(([, journey]) => journey.steps.length > 0 && journey.valid !== false && !hasErrorDiagnostics(journey)),
+    [journeys]
+  );
+  const [active, setActive] = reactExports.useState(() => {
+    const urlState = typeof window !== "undefined" ? readJourneyUrlState() : null;
+    if (!urlState) return null;
+    const journey = journeys == null ? void 0 : journeys[urlState.journeyId];
+    if (!journey || journey.valid === false || hasErrorDiagnostics(journey)) return null;
+    const stepIndex = urlState.stepId ? journey.steps.findIndex((step) => step.id === urlState.stepId) : getStepStartIndex(journey);
+    return { journeyId: urlState.journeyId, stepIndex: stepIndex >= 0 ? stepIndex : getStepStartIndex(journey), interrupted: false };
+  });
+  const activeJourney = active ? journeys == null ? void 0 : journeys[active.journeyId] : null;
+  const activeStep = active ? (activeJourney == null ? void 0 : activeJourney.steps[active.stepIndex]) ?? null : null;
+  const applyStep = (step) => {
+    if (step.resolvedFocusId) {
+      selectObject(step.resolvedFocusId);
+      focusObject(step.resolvedFocusId);
+    } else {
+      clearFocusedObject();
+    }
+    if (step.camera) {
+      requestViewCommand({ type: "camera", camera: sceneCameraToViewportState(step.camera) });
+      return;
+    }
+    if (step.resolvedFocusId) {
+      requestViewCommand({ type: "fit", targetId: step.resolvedFocusId });
+    }
+  };
+  const activateStep = (journeyId, stepIndex) => {
+    const journey = journeys == null ? void 0 : journeys[journeyId];
+    const boundedStepIndex = Math.max(0, Math.min(stepIndex, ((journey == null ? void 0 : journey.steps.length) ?? 1) - 1));
+    const step = journey == null ? void 0 : journey.steps[boundedStepIndex];
+    if (!journey || !step) return;
+    setActive({ journeyId, stepIndex: boundedStepIndex, interrupted: false });
+    writeJourneyUrlState({ journeyId, stepId: step.id });
+    applyStep(step);
+  };
+  reactExports.useEffect(() => {
+    if (active) return;
+    const autoEntry = availableJourneys.find(([, journey]) => journey.behavior === "auto");
+    if (!autoEntry) return;
+    const [autoJourneyId, autoJourney] = autoEntry;
+    activateStep(autoJourneyId, getStepStartIndex(autoJourney));
+  }, [active, availableJourneys]);
+  reactExports.useEffect(() => {
+    if (!activeStep || !active) return;
+    writeJourneyUrlState({ journeyId: active.journeyId, stepId: activeStep.id });
+  }, [active, activeStep]);
+  reactExports.useEffect(() => {
+    if (!active) return;
+    if (!activeJourney || !activeStep || activeJourney.valid === false) {
+      setActive(null);
+      writeJourneyUrlState(null);
+    }
+  }, [active, activeJourney, activeStep]);
+  reactExports.useEffect(() => {
+    if (!active || !activeStep || !isViewportInteracting || active.interrupted) return;
+    setActive({ ...active, interrupted: true });
+  }, [active, activeStep, isViewportInteracting]);
+  reactExports.useEffect(() => {
+    if (!active || !activeJourney || !activeStep) return;
+    applyStep(activeStep);
+  }, []);
+  if (availableJourneys.length === 0) return null;
+  if (!active || !activeJourney || !activeStep) {
+    const [firstId, firstJourney] = availableJourneys[0];
+    const label = ((_a3 = firstJourney.title) == null ? void 0 : _a3.trim()) || firstId;
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          left: 16,
+          bottom: 16,
+          zIndex: 18,
+          display: "flex",
+          gap: 6,
+          pointerEvents: "auto"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", style: buttonStyle, onClick: () => activateStep(firstId, getStepStartIndex(firstJourney)), children: [
+            "Explore: ",
+            label
+          ] }),
+          availableJourneys.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "select",
+            {
+              "aria-label": "Choose model journey",
+              defaultValue: firstId,
+              onChange: (event) => {
+                const journey = journeys == null ? void 0 : journeys[event.target.value];
+                if (journey) activateStep(event.target.value, getStepStartIndex(journey));
+              },
+              style: {
+                background: "var(--fc-bgInput)",
+                border: "1px solid var(--fc-border)",
+                borderRadius: 6,
+                color: "var(--fc-text)",
+                fontSize: 12,
+                padding: "5px 8px"
+              },
+              children: availableJourneys.map(([journeyId, journey]) => {
+                var _a4;
+                return /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: journeyId, children: ((_a4 = journey.title) == null ? void 0 : _a4.trim()) || journeyId }, journeyId);
+              })
+            }
+          )
+        ]
+      }
+    );
+  }
+  const atStart = active.stepIndex <= 0;
+  const atEnd = active.stepIndex >= activeJourney.steps.length - 1;
+  const caption = (_b2 = activeStep.caption) == null ? void 0 : _b2.trim();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        left: "50%",
+        bottom: 16,
+        transform: "translateX(-50%)",
+        zIndex: 18,
+        maxWidth: "min(720px, calc(100% - 32px))",
+        background: "color-mix(in srgb, var(--fc-bgPanel) 96%, transparent)",
+        border: "1px solid var(--fc-border)",
+        borderRadius: 8,
+        boxShadow: "0 10px 28px rgba(0, 0, 0, 0.28)",
+        color: "var(--fc-text)",
+        padding: caption ? "8px 10px 9px" : "8px 10px",
+        pointerEvents: "auto"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, minWidth: 0 }, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Exit journey",
+              title: "Exit journey",
+              style: iconButtonStyle,
+              onClick: () => {
+                setActive(null);
+                clearFocusedObject();
+                writeJourneyUrlState(null);
+              },
+              children: "x"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Previous step",
+              style: iconButtonStyle,
+              disabled: atStart,
+              onClick: () => activateStep(active.journeyId, active.stepIndex - 1),
+              children: "‹"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { minWidth: 0, display: "flex", alignItems: "baseline", gap: 8 }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { fontSize: 11, color: "var(--fc-textMuted)", whiteSpace: "nowrap" }, children: [
+              active.stepIndex + 1,
+              " / ",
+              activeJourney.steps.length
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontSize: 13, fontWeight: 600, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: stepTitle(activeStep) })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { flex: 1 } }),
+          active.interrupted && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              style: buttonStyle,
+              onClick: () => {
+                setActive({ ...active, interrupted: false });
+                applyStep(activeStep);
+              },
+              children: "Resume"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              style: buttonStyle,
+              disabled: atEnd,
+              onClick: () => activateStep(active.journeyId, active.stepIndex + 1),
+              children: "Next"
+            }
+          )
+        ] }),
+        caption && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { marginTop: 6, paddingLeft: 76, fontSize: 12, color: "var(--fc-textDim)" }, children: caption })
+      ]
+    }
+  );
+}
+const anchorTransform = {
+  center: "translate(-50%, -50%)",
+  top: "translate(-50%, 0)",
+  bottom: "translate(-50%, -100%)",
+  left: "translate(0, -50%)",
+  right: "translate(-100%, -50%)",
+  "top-left": "translate(0, 0)",
+  "top-right": "translate(-100%, 0)",
+  "bottom-left": "translate(0, -100%)",
+  "bottom-right": "translate(-100%, -100%)"
+};
+function RenderLabelItem({ label }) {
+  const position = reactExports.useMemo(
+    () => new Vector3(
+      label.at[0] + label.offset[0],
+      label.at[1] + label.offset[1],
+      label.at[2] + label.offset[2]
+    ),
+    [label.at, label.offset]
+  );
+  const fontSize = Math.max(8, Math.min(64, label.size ?? 12));
+  const background = label.background ?? "rgba(15, 23, 42, 0.82)";
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Html, { position, occlude: !label.alwaysOnTop, zIndexRange: [80, 0], style: { pointerEvents: "none" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "span",
+    {
+      style: {
+        display: "inline-block",
+        transform: anchorTransform[label.anchor],
+        color: label.color ?? "#f8fafc",
+        background,
+        border: background === "transparent" ? "none" : "1px solid rgba(255,255,255,0.16)",
+        borderRadius: 4,
+        padding: "2px 6px",
+        fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+        fontSize,
+        fontWeight: 650,
+        lineHeight: 1.25,
+        maxWidth: 260,
+        overflowWrap: "break-word",
+        whiteSpace: "pre-wrap",
+        boxShadow: background === "transparent" ? "none" : "0 4px 12px rgba(0,0,0,0.22)",
+        userSelect: "none"
+      },
+      children: label.text
+    }
+  ) });
+}
+function RenderLabelsOverlay({ labels }) {
+  if (labels.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("group", { renderOrder: 12, children: labels.map((label) => /* @__PURE__ */ jsxRuntimeExports.jsx(RenderLabelItem, { label }, label.id)) });
+}
 function RenderStyleExposure({ exposure }) {
   const { gl } = useThree();
   reactExports.useEffect(() => {
@@ -39953,6 +39528,7 @@ function Viewport() {
     constructionGhost,
     objects,
     dimensions,
+    renderLabels,
     debugHighlights3D,
     dimensionsVisible,
     attachmentsVisible,
@@ -40275,6 +39851,7 @@ function Viewport() {
                 historyMode && /* @__PURE__ */ jsxRuntimeExports.jsx(ConstructionHistoryOverlay, { objectMatrices, objectSettings }),
                 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}`);
@@ -40437,6 +40014,17 @@ function Viewport() {
         })(),
         /* @__PURE__ */ jsxRuntimeExports.jsx(AnimationBar, {}),
         /* @__PURE__ */ jsxRuntimeExports.jsx(TrajectoryTimeline, {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ModelJourneyBar,
+          {
+            journeys: sceneConfig == null ? void 0 : sceneConfig.journeys,
+            isViewportInteracting,
+            requestViewCommand,
+            selectObject,
+            focusObject,
+            clearFocusedObject
+          }
+        ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(PerformanceInfoPanel, { enabled: showPerformanceInfo, stats: performanceInfo }),
         !(isEvaluating || evaluationPhase === "exporting") && /* @__PURE__ */ jsxRuntimeExports.jsx(ZoomIndicatorPanel, { mmPerPx: zoomMmPerPx }),
         isSketchOnly && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -40813,7 +40401,7 @@ function Viewport() {
     }
   );
 }
-const EditorApp$1 = reactExports.lazy(() => __vitePreload(() => import("./EditorApp-Arw2NnGJ.js"), true ? __vite__mapDeps([0]) : void 0).then((m2) => ({ default: m2.EditorApp })));
+const EditorApp$1 = reactExports.lazy(() => __vitePreload(() => import("./EditorApp-C5P2rBfh.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);
@@ -41006,15 +40594,15 @@ const PublishedModelPage$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Objec
   consumePendingShareCopy,
   storePendingShareCopy
 }, Symbol.toStringTag, { value: "Module" }));
-reactExports.lazy(() => __vitePreload(() => import("./LandingPageProofDriven-DvhtmWOz.js"), true ? __vite__mapDeps([1]) : void 0).then((m2) => ({ default: m2.LandingPageProofDriven })));
-const DocsPage = reactExports.lazy(() => __vitePreload(() => import("./DocsPage-BP6wlsBN.js"), true ? [] : void 0).then((m2) => ({ default: m2.DocsPage })));
-reactExports.lazy(() => __vitePreload(() => import("./BlogPage-DVmgN0ma.js"), true ? [] : void 0).then((m2) => ({ default: m2.BlogPage })));
-reactExports.lazy(() => __vitePreload(() => import("./AdminPage-Bs4PiK00.js"), true ? [] : void 0).then((m2) => ({ default: m2.AdminPage })));
+reactExports.lazy(() => __vitePreload(() => import("./LandingPageProofDriven-DIsYTnep.js"), true ? __vite__mapDeps([1]) : void 0).then((m2) => ({ default: m2.LandingPageProofDriven })));
+const DocsPage = reactExports.lazy(() => __vitePreload(() => import("./DocsPage-DHbd-WS-.js"), true ? [] : void 0).then((m2) => ({ default: m2.DocsPage })));
+reactExports.lazy(() => __vitePreload(() => import("./BlogPage-BvzruKtw.js"), true ? [] : void 0).then((m2) => ({ default: m2.BlogPage })));
+reactExports.lazy(() => __vitePreload(() => import("./AdminPage-4jihcEk_.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-wNy3_2yn.js"), true ? [] : void 0).then((m2) => ({ default: m2.SettingsPage })));
-reactExports.lazy(() => __vitePreload(() => import("./PricingPage-657oLvWh.js"), true ? __vite__mapDeps([2,1]) : void 0).then((m2) => ({ default: m2.PricingPage })));
-const EditorApp = reactExports.lazy(() => __vitePreload(() => import("./EditorApp-Arw2NnGJ.js"), true ? __vite__mapDeps([0]) : void 0).then((m2) => ({ default: m2.EditorApp })));
-const EmbedViewer = reactExports.lazy(() => __vitePreload(() => import("./EmbedViewer-qgQiOahL.js"), true ? [] : void 0).then((m2) => ({ default: m2.EmbedViewer })));
+reactExports.lazy(() => __vitePreload(() => import("./SettingsPage-rntoyJ3b.js"), true ? [] : void 0).then((m2) => ({ default: m2.SettingsPage })));
+reactExports.lazy(() => __vitePreload(() => import("./PricingPage-YPOr12pP.js"), true ? __vite__mapDeps([2,1]) : void 0).then((m2) => ({ default: m2.PricingPage })));
+const EditorApp = reactExports.lazy(() => __vitePreload(() => import("./EditorApp-C5P2rBfh.js"), true ? __vite__mapDeps([0]) : void 0).then((m2) => ({ default: m2.EditorApp })));
+const EmbedViewer = reactExports.lazy(() => __vitePreload(() => import("./EmbedViewer-B70wQwlE.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) {
@@ -41231,76 +40819,81 @@ function App() {
 applyTheme(localStorage.getItem("fc-theme") || "dark");
 clientExports.createRoot(document.getElementById("root")).render(/* @__PURE__ */ jsxRuntimeExports.jsx(App, {}));
 export {
-  TOUCH_GESTURES_3D as $,
+  LocalStudioEnvironment as $,
   AuthApiError as A,
   BrandMark as B,
-  isImportableProjectMeshFile as C,
-  isImportableProjectBinaryFile as D,
-  hasExternalFiles as E,
+  exportExactFromStore as C,
+  deriveExportStem as D,
+  storageQuotaUpgradeMessage as E,
   FLAG_DEFINITIONS as F,
-  isImportableProjectExactFile as G,
-  resolvePreviewFile as H,
-  countParamSnapshotDiff as I,
-  buildEmbedSnippet as J,
-  themes as K,
-  formatArea as L,
-  sliderToAnimationSpeed as M,
-  animationSpeedToSlider as N,
-  formatAnimationSpeed as O,
-  resolveJointRange as P,
-  useJointsConfig as Q,
-  useJointAnimationValues as R,
-  expandBoundsByTransformedAabb as S,
-  Canvas as T,
-  PerspectiveCamera as U,
-  ControlsInteractionBridge as V,
-  ViewController as W,
-  SceneConfigurator as X,
-  LocalStudioEnvironment as Y,
-  Grid as Z,
-  OrbitControls2 as _,
+  isImportableProjectMeshFile as G,
+  isImportableProjectBinaryFile as H,
+  hasExternalFiles as I,
+  isImportableProjectExactFile as J,
+  resolvePreviewFile as K,
+  countParamSnapshotDiff as L,
+  buildEmbedSnippet as M,
+  themes as N,
+  formatArea as O,
+  sliderToAnimationSpeed as P,
+  animationSpeedToSlider as Q,
+  formatAnimationSpeed as R,
+  resolveJointRange as S,
+  useJointsConfig as T,
+  useJointAnimationValues as U,
+  expandBoundsByTransformedAabb as V,
+  Canvas as W,
+  PerspectiveCamera as X,
+  ControlsInteractionBridge as Y,
+  ViewController as Z,
+  SceneConfigurator as _,
   applyTheme as a,
-  MOUSE_BUTTONS_3D as a0,
-  FOCUS_MODE_DIM_OPACITY as a1,
-  useJointAnimationLoop as a2,
-  computeJointNodeMatrices as a3,
-  computeObjectJointMatrices as a4,
-  readLastActiveFileForUser as a5,
-  ToastContainer as a6,
-  isMobile as a7,
-  useFeatureFlag as a8,
-  decodeSharedHash as a9,
-  decodeSharedBundle as aa,
-  getExternalUrl as ab,
-  getGistId as ac,
-  Viewport as ad,
-  shouldBlockBrowserShortcut as ae,
-  useDrawStore as af,
-  storePendingShareCopy as ag,
-  share as ah,
+  RenderLabelsOverlay as a0,
+  Grid as a1,
+  OrbitControls2 as a2,
+  TOUCH_GESTURES_3D as a3,
+  MOUSE_BUTTONS_3D as a4,
+  ModelJourneyBar as a5,
+  FOCUS_MODE_DIM_OPACITY as a6,
+  useJointAnimationLoop as a7,
+  computeJointNodeMatrices as a8,
+  computeObjectJointMatrices as a9,
+  readLastActiveFileForUser as aa,
+  ToastContainer as ab,
+  isMobile as ac,
+  useFeatureFlag as ad,
+  decodeSharedHash as ae,
+  decodeSharedBundle as af,
+  getExternalUrl as ag,
+  getGistId as ah,
+  Viewport as ai,
+  shouldBlockBrowserShortcut as aj,
+  useDrawStore as ak,
+  storePendingShareCopy as al,
+  share as am,
   authFetch as b,
   authApi as c,
-  useProjectStore as d,
-  useForgeStore as e,
-  collectDependencies as f,
-  buildBundleShareUrl as g,
+  showToast as d,
+  useProjectStore as e,
+  formatStorageBytes as f,
+  useForgeStore as g,
   hasImports as h,
-  buildBundleEmbedUrl as i,
-  buildShareUrl as j,
-  buildEmbedUrl as k,
-  fileSystem as l,
-  useFeatureFlagStore as m,
-  fetchGistModel as n,
-  fetchUrlModel as o,
-  exportMeshFromStore as p,
-  exportReportFromStore as q,
+  collectDependencies as i,
+  buildBundleShareUrl as j,
+  buildBundleEmbedUrl as k,
+  buildShareUrl as l,
+  buildEmbedUrl as m,
+  fileSystem as n,
+  useFeatureFlagStore as o,
+  fetchGistModel as p,
+  fetchUrlModel as q,
   readProjectFilesFromDataTransfer as r,
-  showToast as s,
+  storageUsagePercent as s,
   triggerDownload as t,
   useAuthStore as u,
-  exportOrbitVideoFromStore as v,
-  exportSketchFromStore as w,
-  buildGistShareUrl as x,
-  exportExactFromStore as y,
-  deriveExportStem as z
+  exportMeshFromStore as v,
+  exportReportFromStore as w,
+  exportOrbitVideoFromStore as x,
+  exportSketchFromStore as y,
+  buildGistShareUrl as z
 };