@lingbi/studio 0.7.0 → 0.8.1

package/index.js

@@ -33617,6 +33617,251 @@ class PlyLoader {
     return value;
   }
 }
+class SimulationSnapshotFactory {
+  create(stone, base) {
+    const started = performance.now();
+    const stoneRoot = this.root(stone);
+    const baseRoot = this.root(base);
+    stoneRoot.updateMatrixWorld(true);
+    if (baseRoot !== stoneRoot) baseRoot.updateMatrixWorld(true);
+    const stoneInput = this.collect(stone);
+    const baseInput = this.collect(base);
+    const bounds = new Box3();
+    const point = new Vector3();
+    for (let index = 0; index < stoneInput.positions.length; index += 3) {
+      bounds.expandByPoint(point.fromArray(stoneInput.positions, index));
+    }
+    const origin = bounds.getCenter(new Vector3()).toArray();
+    for (const input of [stoneInput, baseInput]) {
+      for (let index = 0; index < input.positions.length; index++) {
+        input.positions[index] = Number(input.positions[index]) - Number(origin[index % 3]);
+      }
+    }
+    return {
+      stone: stoneInput,
+      base: baseInput,
+      captureMilliseconds: performance.now() - started
+    };
+  }
+  root(object) {
+    let root = object;
+    while (root.parent !== null) root = root.parent;
+    return root;
+  }
+  collect(root) {
+    const positions = [];
+    const indices = [];
+    const point = new Vector3();
+    root.traverse((object) => {
+      if (!(object instanceof Mesh)) return;
+      const mesh = object;
+      if (!mesh.geometry.hasAttribute("position")) {
+        throw new Error("The model has no triangular position attribute.");
+      }
+      const position = mesh.geometry.getAttribute("position");
+      if (position.itemSize < 3) {
+        throw new Error("The model has no triangular position attribute.");
+      }
+      const determinant = mesh.matrixWorld.determinant();
+      if (!Number.isFinite(determinant) || determinant === 0) {
+        throw new Error("The model transform is singular or nonfinite.");
+      }
+      const offset = positions.length / 3;
+      for (let index = 0; index < position.count; index++) {
+        point.set(position.getX(index), position.getY(index), position.getZ(index)).applyMatrix4(mesh.matrixWorld);
+        if (!point.toArray().every(Number.isFinite)) {
+          throw new Error("The model contains nonfinite positions.");
+        }
+        positions.push(point.x, point.y, point.z);
+      }
+      const sourceIndex = mesh.geometry.index;
+      const count = sourceIndex?.count ?? position.count;
+      if (count === 0 || count % 3 !== 0) {
+        throw new Error("The model has incomplete triangles.");
+      }
+      for (let index = 0; index < count; index += 3) {
+        const a = sourceIndex?.getX(index) ?? index;
+        const b = sourceIndex?.getX(index + 1) ?? index + 1;
+        const c = sourceIndex?.getX(index + 2) ?? index + 2;
+        if ([a, b, c].some(
+          (value) => !Number.isSafeInteger(value) || value < 0 || value >= position.count
+        )) {
+          throw new Error("The model contains an invalid triangle index.");
+        }
+        indices.push(
+          offset + a,
+          offset + (determinant < 0 ? c : b),
+          offset + (determinant < 0 ? b : c)
+        );
+      }
+    });
+    return { positions: Float64Array.from(positions), indices: Uint32Array.from(indices) };
+  }
+}
+class StabilityMessages {
+  request(value) {
+    if (!this.record(value) || !this.token(value["token"]) || !this.record(value["input"]))
+      return void 0;
+    const input = value["input"];
+    if (!this.mesh(input["stone"]) || !this.mesh(input["base"]) || !this.nonnegative(input["captureMilliseconds"]))
+      return void 0;
+    return value;
+  }
+  reply(value) {
+    if (!this.record(value) || !this.token(value["token"]) || !this.record(value["response"]))
+      return void 0;
+    const response = value["response"];
+    if (response["status"] === "failed" && typeof response["reason"] === "string")
+      return value;
+    if (response["status"] === "completed" && this.result(response["result"]))
+      return value;
+    return void 0;
+  }
+  result(value) {
+    if (!this.record(value) || !["supported", "noSupport", "unbalanced", "marginal"].includes(String(value["outcome"])))
+      return false;
+    for (const key of [
+      "margin",
+      "residual",
+      "contactCount",
+      "candidateCount",
+      "triangleCount",
+      "initializationMilliseconds",
+      "geometryMilliseconds",
+      "solveMilliseconds",
+      "captureMilliseconds",
+      "totalMilliseconds"
+    ]) {
+      if (!this.nonnegative(value[key])) return false;
+    }
+    return value["outcome"] !== "supported" || Number(value["margin"]) > 1e-6 && Number(value["residual"]) <= 1e-7 && Number(value["contactCount"]) > 0;
+  }
+  mesh(value) {
+    return this.record(value) && value["positions"] instanceof Float64Array && value["indices"] instanceof Uint32Array;
+  }
+  record(value) {
+    return typeof value === "object" && value !== null;
+  }
+  token(value) {
+    return typeof value === "number" && Number.isSafeInteger(value) && value > 0;
+  }
+  nonnegative(value) {
+    return typeof value === "number" && Number.isFinite(value) && value >= 0;
+  }
+}
+class StabilityWorkerFactory {
+  create() {
+    return new Worker(new URL(
+      /* @vite-ignore */
+      "" + new URL("assets/StabilityWorkerEntry-CXCNaUyw.js", import.meta.url).href,
+      import.meta.url
+    ), {
+      type: "module"
+    });
+  }
+}
+class StabilityWorkerClient {
+  constructor(factory = new StabilityWorkerFactory()) {
+    this.factory = factory;
+  }
+  factory;
+  worker;
+  pending;
+  token = 0;
+  disposed = false;
+  messages = new StabilityMessages();
+  run(input, started) {
+    if (this.disposed || this.pending !== void 0)
+      return Promise.resolve({ status: "cancelled" });
+    const remaining = 3e4 - (performance.now() - started);
+    if (remaining <= 0)
+      return Promise.resolve({
+        status: "failed",
+        reason: "Simulation timed out during snapshot capture."
+      });
+    return new Promise((resolve) => {
+      const token = ++this.token;
+      const timer = setTimeout(() => {
+        this.fail("Simulation timed out.");
+      }, remaining);
+      this.pending = { token, started, resolve, timer };
+      try {
+        let worker = this.worker;
+        if (worker === void 0) {
+          worker = this.factory.create();
+          this.worker = worker;
+          worker.addEventListener("message", (event) => {
+            if (this.worker !== worker) return;
+            this.message(event.data);
+          });
+          worker.addEventListener("error", () => {
+            if (this.worker === worker) this.fail("Simulation Worker failed.");
+          });
+          worker.addEventListener("messageerror", () => {
+            if (this.worker === worker)
+              this.fail("Simulation Worker message could not be read.");
+          });
+        }
+        worker.postMessage({ token, input }, [
+          input.stone.positions.buffer,
+          input.stone.indices.buffer,
+          input.base.positions.buffer,
+          input.base.indices.buffer
+        ]);
+      } catch {
+        this.fail("Simulation Worker could not start.");
+      }
+    });
+  }
+  cancel() {
+    this.terminate();
+    this.finish({ status: "cancelled" });
+  }
+  dispose() {
+    this.disposed = true;
+    this.cancel();
+  }
+  message(value) {
+    const reply = this.messages.reply(value);
+    if (reply === void 0) {
+      this.fail("Invalid simulation Worker response.");
+      return;
+    }
+    const pending = this.pending;
+    if (reply.token !== pending?.token) return;
+    if (performance.now() - pending.started >= 3e4) {
+      this.fail("Simulation timed out.");
+      return;
+    }
+    if (reply.response.status === "failed") {
+      this.fail(reply.response.reason);
+      return;
+    }
+    this.finish({
+      status: "completed",
+      result: {
+        ...reply.response.result,
+        totalMilliseconds: performance.now() - pending.started
+      }
+    });
+  }
+  fail(reason) {
+    this.terminate();
+    this.finish({ status: "failed", reason });
+  }
+  finish(response) {
+    const pending = this.pending;
+    this.pending = void 0;
+    if (pending === void 0) return;
+    clearTimeout(pending.timer);
+    pending.resolve(response);
+  }
+  terminate() {
+    const worker = this.worker;
+    this.worker = void 0;
+    worker?.terminate();
+  }
+}
 var StoneBasePoseMode$1 = /* @__PURE__ */ ((StoneBasePoseMode2) => {
   StoneBasePoseMode2["AutoCorrect"] = "auto-correct";
   StoneBasePoseMode2["PreservePose"] = "preserve-pose";
@@ -35580,6 +35825,9 @@ class Renderer {
   contextRestoreListener;
   contextLost = false;
   booleanOperationInProgress = false;
+  simulationInProgress = false;
+  simulationToken = 0;
+  simulationWorker = new StabilityWorkerClient();
   booleanOperationWorkerClient;
   controller;
   directionalLight;
@@ -35736,6 +35984,8 @@ class Renderer {
     }
     this.cancelBooleanOperation();
     this.booleanOperationWorkerClient.dispose();
+    this.cancelSimulation();
+    this.simulationWorker.dispose();
     this.disposed = true;
     this.invalidateActiveImport(ObjImportFailureCode$1.Cancelled);
     this.cancelPendingFirstFramePerformance("cancelled");
@@ -35876,6 +36126,10 @@ class Renderer {
     const interactionInProgress = this.canvasController.isInteractionActive();
     const dualModelReady = this.isDualModelSceneReady();
     return {
+      simulation: {
+        enabled: dualModelReady && !this.booleanOperationInProgress && !this.simulationInProgress,
+        inProgress: this.simulationInProgress
+      },
       booleanOperation: {
         enabled: this.isBooleanOperationReady(),
         inProgress: this.booleanOperationInProgress,
@@ -35885,7 +36139,7 @@ class Renderer {
       },
       edit: {
         active: this.editingActive,
-        enabled: dualModelReady && !interactionInProgress,
+        enabled: dualModelReady && !interactionInProgress && !this.simulationInProgress,
         visible: editVisible
       },
       ...dualModelReady ? {
@@ -35995,6 +36249,7 @@ class Renderer {
    */
   toggleEditMode() {
     this.assertNotDisposed();
+    if (this.simulationInProgress) return;
     if (this.editingActive) {
       this.exitEditMode();
       return;
@@ -36011,7 +36266,7 @@ class Renderer {
     this.assertNotDisposed();
     const history = this.booleanEditHistory;
     const sourceSnapshot = this.booleanEditSourceSnapshot;
-    if (history === void 0 || sourceSnapshot === void 0 || this.editingActive || this.booleanOperationInProgress || !this.isDualModelSceneReady()) {
+    if (history === void 0 || sourceSnapshot === void 0 || this.editingActive || this.booleanOperationInProgress || this.simulationInProgress || !this.isDualModelSceneReady()) {
       return false;
     }
     let restoredStone;
@@ -36080,7 +36335,7 @@ class Renderer {
   /** Leaves edit mode and guarantees that the selected gizmo is detached. */
   exitEditMode() {
     this.assertNotDisposed();
-    if (!this.editingActive) {
+    if (!this.editingActive || this.simulationInProgress) {
       return;
     }
     const wasReediting = this.booleanEditSessionActive;
@@ -36096,6 +36351,72 @@ class Renderer {
     this.abortEditingState();
     this.notifyWorkspaceState();
   }
+  /** Internal Studio bridge; snapshots the current placement without changing Boolean history. */
+  async requestSimulation() {
+    if (!this.isDualModelSceneReady() || this.booleanOperationInProgress || this.simulationInProgress) {
+      return { status: "cancelled" };
+    }
+    const started = performance.now();
+    const token = ++this.simulationToken;
+    const revision = this.sceneRevision;
+    this.simulationInProgress = true;
+    try {
+      this.gizmoController.end();
+      this.canvasController.cancelInteraction(true, "pointercancel");
+      this.notifyWorkspaceState();
+      const stone = this.activeStoneModel;
+      const base = this.activeBaseModel;
+      if (stone === void 0 || base === void 0) return { status: "cancelled" };
+      if (this.areModelsDefinitelySeparated(stone, base)) {
+        const response2 = {
+          status: "completed",
+          result: {
+            outcome: "noSupport",
+            margin: 0,
+            residual: 0,
+            contactCount: 0,
+            candidateCount: 0,
+            triangleCount: 0,
+            initializationMilliseconds: 0,
+            geometryMilliseconds: performance.now() - started,
+            solveMilliseconds: 0,
+            captureMilliseconds: 0,
+            totalMilliseconds: performance.now() - started
+          }
+        };
+        console.info("[stone-stability]", response2);
+        return response2;
+      }
+      const input = new SimulationSnapshotFactory().create(stone.object, base.object);
+      const response = await this.simulationWorker.run(input, started);
+      if (token !== this.simulationToken || revision !== this.sceneRevision || !this.isDualModelSceneReady()) {
+        return { status: "cancelled" };
+      }
+      console.info("[stone-stability]", response);
+      return response;
+    } catch (error2) {
+      const reason = error2 instanceof Error ? error2.message : "Simulation failed.";
+      console.info("[stone-stability]", { status: "failed", reason });
+      return { status: "failed", reason };
+    } finally {
+      if (token === this.simulationToken) {
+        this.simulationInProgress = false;
+        this.notifyWorkspaceState();
+      }
+    }
+  }
+  cancelSimulation() {
+    const wasActive = this.simulationInProgress;
+    this.simulationToken++;
+    this.simulationInProgress = false;
+    this.simulationWorker.cancel();
+    if (wasActive && !this.disposed) this.notifyWorkspaceState();
+  }
+  areModelsDefinitelySeparated(stone, base) {
+    const stoneBounds = stone.bounds;
+    const baseBounds = base.bounds;
+    return stoneBounds.max.x < baseBounds.min.x || baseBounds.max.x < stoneBounds.min.x || stoneBounds.max.y < baseBounds.min.y || baseBounds.max.y < stoneBounds.min.y || stoneBounds.max.z < baseBounds.min.z || baseBounds.max.z < stoneBounds.min.z;
+  }
   /** Starts the fixed base-minus-stone operation for the Studio Boolean button. */
   requestBooleanOperation() {
     this.assertNotDisposed();
@@ -36675,6 +36996,7 @@ class Renderer {
       return;
     }
     this.contextLost = true;
+    this.cancelSimulation();
     this.cancelBooleanOperation();
     this.clearBooleanHistory();
     this.booleanResultInvalidated = true;
@@ -36721,10 +37043,10 @@ class Renderer {
     return !this.disposed && !this.contextLost && this.activeImport === void 0 && this.activeStoneModel !== void 0 && this.activeBaseModel !== void 0;
   }
   isBooleanOperationReady() {
-    return this.isDualModelSceneReady() && this.editingActive && !this.canvasController.isInteractionActive() && !this.booleanOperationInProgress && this.modelVisibility.stoneVisible && this.modelVisibility.baseVisible;
+    return this.isDualModelSceneReady() && this.editingActive && !this.canvasController.isInteractionActive() && !this.booleanOperationInProgress && !this.simulationInProgress && this.modelVisibility.stoneVisible && this.modelVisibility.baseVisible;
   }
   isModelVisibilityEnabled() {
-    return this.isDualModelSceneReady() && !this.canvasController.isInteractionActive() && !this.booleanOperationInProgress;
+    return this.isDualModelSceneReady() && !this.canvasController.isInteractionActive() && !this.booleanOperationInProgress && !this.simulationInProgress;
   }
   isCurrentBooleanOperation(revision, operationToken) {
     return this.activeBooleanOperationRevision === revision && this.activeBooleanOperationToken === operationToken && this.booleanOperationInProgress && this.sceneRevision === revision && this.editingActive && this.activeBooleanOperationBaseModel === this.activeBaseModel && this.activeBooleanOperationStoneModel === this.activeStoneModel && this.isDualModelSceneReady() && (this.booleanEditSessionActive ? this.activeBooleanOperationSessionToken === this.booleanEditSessionToken : this.activeBooleanOperationSessionToken === void 0);
@@ -37177,6 +37499,7 @@ class Renderer {
     }
   }
   startImportSession(performanceTrace) {
+    this.cancelSimulation();
     this.cancelBooleanOperation();
     this.cancelPendingFirstFramePerformance("cancelled");
     this.invalidateActiveImport(ObjImportFailureCode$1.Cancelled);
@@ -39591,7 +39914,7 @@ var StoneBasePoseMode = /* @__PURE__ */ ((StoneBasePoseMode2) => {
   StoneBasePoseMode2["PreservePose"] = "preserve-pose";
   return StoneBasePoseMode2;
 })(StoneBasePoseMode || {});
-const studioWorkspaceStyles = ".lingbi-studio-workspace {\n    position: relative;\n    display: block;\n    width: 100%;\n    height: 100%;\n    min-width: 0;\n    min-height: 0;\n    overflow: hidden;\n}\n\n.lingbi-studio-viewport {\n    width: 100%;\n    height: 100%;\n    min-width: 0;\n    min-height: 0;\n    overflow: hidden;\n}\n\n.lingbi-studio-viewport > canvas {\n    display: block;\n    width: 100%;\n    height: 100%;\n    min-width: 0;\n    min-height: 0;\n    overflow: hidden;\n    background: #3d3f41;\n}\n\n.lingbi-studio-boolean-operation-overlay {\n    position: absolute;\n    z-index: 3;\n    inset: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    background: rgba(17, 17, 17, 0.32);\n    color: #ffffff;\n    cursor: wait;\n}\n\n.lingbi-studio-boolean-operation-overlay[hidden] {\n    display: none;\n}\n\n.lingbi-studio-boolean-edit-confirmation {\n    position: absolute;\n    z-index: 4;\n    top: 50%;\n    left: 50%;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    width: min(420px, calc(100% - 32px));\n    padding: 24px;\n    border-radius: 8px;\n    background: #ffffff;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.22);\n    transform: translate(-50%, -50%);\n    box-sizing: border-box;\n}\n\n.lingbi-studio-boolean-edit-confirmation[hidden] {\n    display: none;\n}\n\n.lingbi-studio-boolean-edit-confirmation-text {\n    grid-column: 1 / -1;\n    margin: 0 0 8px;\n    color: #171717;\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 24px;\n    text-align: center;\n}\n\n.lingbi-studio-boolean-edit-confirmation-cancel,\n.lingbi-studio-boolean-edit-confirmation-continue {\n    height: 40px;\n    border: 1px solid #d9d9d9;\n    border-radius: 4px;\n    font: inherit;\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 24px;\n    cursor: pointer;\n}\n\n.lingbi-studio-boolean-edit-confirmation-cancel {\n    background: #ffffff;\n    color: #171717;\n}\n\n.lingbi-studio-boolean-edit-confirmation-continue {\n    border-color: #f27c38;\n    background: #f27c38;\n    color: #ffffff;\n}\n\n.lingbi-studio-boolean-operation-spinner {\n    width: 32px;\n    height: 32px;\n    border: 3px solid rgba(255, 105, 0, 0.28);\n    border-top-color: #ff6900;\n    border-radius: 50%;\n    animation: lingbi-studio-boolean-operation-spin 0.8s linear infinite;\n    box-sizing: border-box;\n}\n\n.lingbi-studio-boolean-operation-status {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 20px;\n    letter-spacing: 0;\n}\n\n.lingbi-studio-bottom-toolbar {\n    position: absolute;\n    z-index: 1;\n    bottom: 36px;\n    left: 50%;\n    display: grid;\n    align-items: center;\n    grid-template-columns: minmax(0, 1fr);\n    width: min(120px, calc(100% - 32px));\n    height: 64px;\n    padding: 8px 12px;\n    transform: translateX(-50%);\n    box-sizing: border-box;\n    border-radius: 8px;\n    background: #f4f4f4;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.14);\n}\n\n.lingbi-studio-bottom-toolbar.has-edit-control {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    width: min(360px, calc(100% - 32px));\n}\n\n.lingbi-studio-bottom-toolbar.has-inventory-control {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    width: min(240px, calc(100% - 32px));\n}\n\n.lingbi-studio-bottom-toolbar.has-edit-control.has-inventory-control {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    width: min(480px, calc(100% - 32px));\n}\n\n.lingbi-studio-bottom-toolbar.has-model-control.has-inventory-control {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    width: min(360px, calc(100% - 32px));\n}\n\n.lingbi-studio-bottom-toolbar.has-model-control.has-edit-control {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    width: min(480px, calc(100% - 32px));\n}\n\n.lingbi-studio-bottom-toolbar.has-model-control.has-edit-control.has-inventory-control {\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n    width: min(600px, calc(100% - 32px));\n}\n\n.lingbi-studio-model-visibility {\n    position: absolute;\n    z-index: 1;\n    bottom: 108px;\n    left: 50%;\n    display: grid;\n    gap: 8px;\n    width: 144px;\n    padding: 12px;\n    border-radius: 8px;\n    background: #f4f4f4;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.14);\n    transform: translateX(-240px);\n    box-sizing: border-box;\n}\n\n.lingbi-studio-model-visibility[hidden] {\n    display: none;\n}\n\n.lingbi-studio-model-visibility-title {\n    color: #171717;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 20px;\n}\n\n.lingbi-studio-model-visibility-row {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 8px;\n    align-items: center;\n    color: #171717;\n    font-size: 14px;\n    line-height: 20px;\n}\n\n.lingbi-studio-model-visibility-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    appearance: none;\n    width: 20px;\n    height: 28px;\n    padding: 0;\n    border: 0;\n    border-radius: 0;\n    background: transparent;\n    box-shadow: none;\n    color: #171717;\n    cursor: not-allowed;\n    font: inherit;\n    line-height: 0;\n    outline: none;\n    box-sizing: border-box;\n}\n\n.lingbi-studio-model-visibility-icon {\n    display: block;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    pointer-events: none;\n}\n\n.lingbi-studio-model-visibility-button:not(:disabled) {\n    cursor: pointer;\n}\n\n.lingbi-studio-model-visibility-button:disabled {\n    color: #8c8c8c;\n}\n\n.lingbi-studio-model-button.is-active,\n.lingbi-studio-model-button.is-active:disabled {\n    color: #ff6900;\n    font-weight: 600;\n}\n\n.lingbi-studio-boolean-button,\n.lingbi-studio-download-button,\n.lingbi-studio-inventory-button,\n.lingbi-studio-edit-button,\n.lingbi-studio-model-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    min-width: 0;\n    height: 48px;\n    padding: 0 8px;\n    border: 0;\n    border-radius: 4px;\n    background: transparent;\n    color: #171717;\n    cursor: not-allowed;\n    font: inherit;\n    font-size: 18px;\n    font-weight: 500;\n    line-height: 24px;\n    letter-spacing: 0;\n    opacity: 1;\n    box-sizing: border-box;\n    white-space: nowrap;\n    transition:\n        background-color 140ms ease,\n        color 140ms ease;\n}\n\n.lingbi-studio-operation-button-wrapper {\n    display: block;\n    width: 100%;\n    min-width: 0;\n    height: 48px;\n    box-sizing: border-box;\n}\n\n.lingbi-studio-operation-button-wrapper > button:disabled {\n    pointer-events: none;\n}\n\n.lingbi-studio-boolean-button[hidden],\n.lingbi-studio-download-button[hidden],\n.lingbi-studio-inventory-button[hidden],\n.lingbi-studio-edit-button[hidden],\n.lingbi-studio-model-button[hidden] {\n    display: none;\n}\n\n.lingbi-studio-boolean-button:not(:disabled),\n.lingbi-studio-download-button:not(:disabled),\n.lingbi-studio-inventory-button:not(:disabled),\n.lingbi-studio-edit-button:not(:disabled),\n.lingbi-studio-model-button:not(:disabled) {\n    cursor: pointer;\n}\n\n.lingbi-studio-boolean-button:disabled,\n.lingbi-studio-download-button:disabled,\n.lingbi-studio-inventory-button:disabled,\n.lingbi-studio-edit-button:disabled,\n.lingbi-studio-model-button:disabled,\n.lingbi-studio-model-visibility-button:disabled {\n    background: transparent;\n    color: #8c8c8c;\n    opacity: 1;\n}\n\n.lingbi-studio-edit-button.is-active,\n.lingbi-studio-edit-button.is-active:disabled,\n.lingbi-studio-model-button.is-active,\n.lingbi-studio-model-button.is-active:disabled {\n    color: #ff6900;\n    font-weight: 600;\n}\n\n.lingbi-studio-download-status {\n    position: absolute;\n    z-index: 2;\n    top: 24px;\n    left: 50%;\n    max-width: calc(100% - 24px);\n    padding: 6px 10px;\n    border: 1px solid #f4b5b0;\n    border-radius: 4px;\n    background: #fff1f0;\n    color: #b42318;\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 20px;\n    text-align: center;\n    transform: translateX(-50%);\n    box-sizing: border-box;\n}\n\n.lingbi-studio-download-status[hidden] {\n    display: none;\n}\n\n.lingbi-studio-download-success {\n    position: absolute;\n    z-index: 2;\n    top: 24px;\n    left: 50%;\n    max-width: calc(100% - 24px);\n    padding: 8px 16px;\n    border: 1px solid #86d39a;\n    border-radius: 6px;\n    background: #f0fff4;\n    color: #176b32;\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 20px;\n    text-align: center;\n    transform: translateX(-50%);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n    box-sizing: border-box;\n}\n\n.lingbi-studio-download-success[hidden] {\n    display: none;\n}\n\n.lingbi-studio-edit-status {\n    position: absolute;\n    z-index: 2;\n    bottom: 112px;\n    left: 50%;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    max-width: calc(100% - 24px);\n    padding: 10px 14px;\n    border: 0;\n    border-radius: 8px;\n    background: #e9e9e9;\n    color: #171717;\n    transform: translateX(-50%);\n    box-sizing: border-box;\n}\n\n.lingbi-studio-edit-status[hidden] {\n    display: none;\n}\n\n.lingbi-studio-edit-status-text {\n    display: inline-block;\n    min-width: 0;\n    font-size: 20px;\n    line-height: 28px;\n    letter-spacing: 0;\n}\n\n.lingbi-studio-exit-button {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    height: 40px;\n    padding: 0 18px;\n    border: 1px solid transparent;\n    border-radius: 8px;\n    background: #f27c38;\n    color: #ffffff;\n    cursor: pointer;\n    font: inherit;\n    font-size: 18px;\n    font-weight: 600;\n    line-height: 24px;\n    letter-spacing: 0;\n    transition:\n        background-color 140ms ease,\n        color 140ms ease;\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .lingbi-studio-boolean-button:not(:disabled):hover,\n    .lingbi-studio-download-button:not(:disabled):hover,\n    .lingbi-studio-inventory-button:not(:disabled):hover,\n    .lingbi-studio-edit-button:not(:disabled):hover,\n    .lingbi-studio-model-button:not(:disabled):hover {\n        background: #e8e8e8;\n    }\n\n    .lingbi-studio-edit-button:not(:disabled):hover {\n        color: #f06400;\n    }\n\n    .lingbi-studio-model-button:not(:disabled):hover {\n        color: #f06400;\n    }\n\n    .lingbi-studio-model-visibility-button:not(:disabled):hover {\n        background: transparent;\n    }\n\n    .lingbi-studio-exit-button:hover {\n        background: #ff8a1f;\n    }\n\n    .lingbi-studio-boolean-edit-confirmation-cancel:hover {\n        background: #f5f5f5;\n    }\n\n    .lingbi-studio-boolean-edit-confirmation-continue:hover {\n        background: #ff8a1f;\n    }\n}\n\n.lingbi-studio-boolean-button:not(:disabled):active,\n.lingbi-studio-download-button:not(:disabled):active,\n.lingbi-studio-inventory-button:not(:disabled):active,\n.lingbi-studio-edit-button:not(:disabled):active,\n.lingbi-studio-model-button:not(:disabled):active,\n.lingbi-studio-model-visibility-button:not(:disabled):active {\n    background: transparent;\n}\n\n.lingbi-studio-exit-button:active {\n    background: #e66d00;\n}\n\n@keyframes lingbi-studio-boolean-operation-spin {\n    to {\n        transform: rotate(360deg);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .lingbi-studio-boolean-button,\n    .lingbi-studio-download-button,\n    .lingbi-studio-inventory-button,\n    .lingbi-studio-edit-button,\n    .lingbi-studio-model-button,\n    .lingbi-studio-exit-button {\n        transition: none;\n    }\n\n    .lingbi-studio-boolean-operation-spinner {\n        animation: none;\n    }\n}\n\n@media (max-width: 420px) {\n    .lingbi-studio-bottom-toolbar.has-edit-control {\n        width: calc(100% - 16px);\n        padding: 8px 4px;\n    }\n\n    .lingbi-studio-bottom-toolbar.has-model-control.has-edit-control {\n        width: calc(100% - 16px);\n    }\n\n    .lingbi-studio-bottom-toolbar.has-model-control.has-edit-control.has-inventory-control {\n        width: calc(100% - 16px);\n    }\n\n    .lingbi-studio-model-visibility {\n        left: 8px;\n        transform: none;\n    }\n\n    .lingbi-studio-boolean-button,\n    .lingbi-studio-download-button,\n    .lingbi-studio-inventory-button,\n    .lingbi-studio-edit-button,\n    .lingbi-studio-model-button {\n        padding: 0 2px;\n        font-size: 16px;\n    }\n\n    .lingbi-studio-edit-status-text {\n        font-size: 16px;\n        line-height: 24px;\n    }\n\n    .lingbi-studio-exit-button {\n        height: 36px;\n        padding: 0 14px;\n        font-size: 16px;\n    }\n}\n\n.lingbi-studio-viewport > canvas:focus-visible,\n.lingbi-studio-boolean-button:focus-visible,\n.lingbi-studio-download-button:focus-visible,\n.lingbi-studio-inventory-button:focus-visible,\n.lingbi-studio-edit-button:focus-visible,\n.lingbi-studio-model-button:focus-visible,\n.lingbi-studio-model-visibility-button:focus-visible,\n.lingbi-studio-exit-button:focus-visible,\n.lingbi-studio-boolean-edit-confirmation-cancel:focus-visible,\n.lingbi-studio-boolean-edit-confirmation-continue:focus-visible {\n    outline: 2px solid #7cc0ff;\n    outline-offset: 2px;\n}\n";
+const studioWorkspaceStyles = ".lingbi-studio-workspace {\n    position: relative;\n    display: block;\n    width: 100%;\n    height: 100%;\n    min-width: 0;\n    min-height: 0;\n    overflow: hidden;\n}\n\n.lingbi-studio-viewport {\n    width: 100%;\n    height: 100%;\n    min-width: 0;\n    min-height: 0;\n    overflow: hidden;\n}\n\n.lingbi-studio-viewport > canvas {\n    display: block;\n    width: 100%;\n    height: 100%;\n    min-width: 0;\n    min-height: 0;\n    overflow: hidden;\n    background: #3d3f41;\n}\n\n.lingbi-studio-boolean-operation-overlay {\n    position: absolute;\n    z-index: 3;\n    inset: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    background: rgba(17, 17, 17, 0.32);\n    color: #ffffff;\n    cursor: wait;\n}\n\n.lingbi-studio-boolean-operation-overlay[hidden] {\n    display: none;\n}\n\n.lingbi-studio-boolean-edit-confirmation {\n    position: absolute;\n    z-index: 4;\n    top: 50%;\n    left: 50%;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    width: min(420px, calc(100% - 32px));\n    padding: 24px;\n    border-radius: 8px;\n    background: #ffffff;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.22);\n    transform: translate(-50%, -50%);\n    box-sizing: border-box;\n}\n\n.lingbi-studio-boolean-edit-confirmation[hidden] {\n    display: none;\n}\n\n.lingbi-studio-boolean-edit-confirmation-text {\n    grid-column: 1 / -1;\n    margin: 0 0 8px;\n    color: #171717;\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 24px;\n    text-align: center;\n}\n\n.lingbi-studio-boolean-edit-confirmation-cancel,\n.lingbi-studio-boolean-edit-confirmation-continue {\n    height: 40px;\n    border: 1px solid #d9d9d9;\n    border-radius: 4px;\n    font: inherit;\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 24px;\n    cursor: pointer;\n}\n\n.lingbi-studio-boolean-edit-confirmation-cancel {\n    background: #ffffff;\n    color: #171717;\n}\n\n.lingbi-studio-boolean-edit-confirmation-continue {\n    border-color: #f27c38;\n    background: #f27c38;\n    color: #ffffff;\n}\n\n.lingbi-studio-boolean-operation-spinner {\n    width: 32px;\n    height: 32px;\n    border: 3px solid rgba(255, 105, 0, 0.28);\n    border-top-color: #ff6900;\n    border-radius: 50%;\n    animation: lingbi-studio-boolean-operation-spin 0.8s linear infinite;\n    box-sizing: border-box;\n}\n\n.lingbi-studio-boolean-operation-status {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 20px;\n    letter-spacing: 0;\n}\n\n.lingbi-studio-bottom-toolbar {\n    position: absolute;\n    z-index: 1;\n    bottom: 36px;\n    left: 50%;\n    display: grid;\n    align-items: center;\n    grid-template-columns: minmax(0, 1fr);\n    width: min(120px, calc(100% - 32px));\n    height: 64px;\n    padding: 8px 12px;\n    transform: translateX(-50%);\n    box-sizing: border-box;\n    border-radius: 8px;\n    background: #f4f4f4;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.14);\n}\n\n.lingbi-studio-bottom-toolbar.has-edit-control {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    width: min(480px, calc(100% - 32px));\n}\n\n.lingbi-studio-bottom-toolbar.has-inventory-control {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    width: min(240px, calc(100% - 32px));\n}\n\n.lingbi-studio-bottom-toolbar.has-edit-control.has-inventory-control {\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n    width: min(600px, calc(100% - 32px));\n}\n\n.lingbi-studio-bottom-toolbar.has-model-control.has-inventory-control {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    width: min(360px, calc(100% - 32px));\n}\n\n.lingbi-studio-bottom-toolbar.has-model-control.has-edit-control {\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n    width: min(600px, calc(100% - 32px));\n}\n\n.lingbi-studio-bottom-toolbar.has-model-control.has-edit-control.has-inventory-control {\n    grid-template-columns: repeat(6, minmax(0, 1fr));\n    width: min(720px, calc(100% - 32px));\n}\n\n.lingbi-studio-model-visibility {\n    position: absolute;\n    z-index: 1;\n    bottom: 108px;\n    left: 50%;\n    display: grid;\n    gap: 8px;\n    width: 144px;\n    padding: 12px;\n    border-radius: 8px;\n    background: #f4f4f4;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.14);\n    transform: translateX(-240px);\n    box-sizing: border-box;\n}\n\n.lingbi-studio-model-visibility[hidden] {\n    display: none;\n}\n\n.lingbi-studio-model-visibility-title {\n    color: #171717;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 20px;\n}\n\n.lingbi-studio-model-visibility-row {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 8px;\n    align-items: center;\n    color: #171717;\n    font-size: 14px;\n    line-height: 20px;\n}\n\n.lingbi-studio-model-visibility-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    appearance: none;\n    width: 20px;\n    height: 28px;\n    padding: 0;\n    border: 0;\n    border-radius: 0;\n    background: transparent;\n    box-shadow: none;\n    color: #171717;\n    cursor: not-allowed;\n    font: inherit;\n    line-height: 0;\n    outline: none;\n    box-sizing: border-box;\n}\n\n.lingbi-studio-model-visibility-icon {\n    display: block;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 auto;\n    pointer-events: none;\n}\n\n.lingbi-studio-model-visibility-button:not(:disabled) {\n    cursor: pointer;\n}\n\n.lingbi-studio-model-visibility-button:disabled {\n    color: #8c8c8c;\n}\n\n.lingbi-studio-model-button.is-active,\n.lingbi-studio-model-button.is-active:disabled {\n    color: #ff6900;\n    font-weight: 600;\n}\n\n.lingbi-studio-boolean-button,\n.lingbi-studio-simulation-button,\n.lingbi-studio-download-button,\n.lingbi-studio-inventory-button,\n.lingbi-studio-edit-button,\n.lingbi-studio-model-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    min-width: 0;\n    height: 48px;\n    padding: 0 8px;\n    border: 0;\n    border-radius: 4px;\n    background: transparent;\n    color: #171717;\n    cursor: not-allowed;\n    font: inherit;\n    font-size: 18px;\n    font-weight: 500;\n    line-height: 24px;\n    letter-spacing: 0;\n    opacity: 1;\n    box-sizing: border-box;\n    white-space: nowrap;\n    transition:\n        background-color 140ms ease,\n        color 140ms ease;\n}\n\n.lingbi-studio-operation-button-wrapper {\n    display: block;\n    width: 100%;\n    min-width: 0;\n    height: 48px;\n    box-sizing: border-box;\n}\n\n.lingbi-studio-operation-button-wrapper > button:disabled {\n    pointer-events: none;\n}\n\n.lingbi-studio-boolean-button[hidden],\n.lingbi-studio-simulation-button[hidden],\n.lingbi-studio-download-button[hidden],\n.lingbi-studio-inventory-button[hidden],\n.lingbi-studio-edit-button[hidden],\n.lingbi-studio-model-button[hidden] {\n    display: none;\n}\n\n.lingbi-studio-boolean-button:not(:disabled),\n.lingbi-studio-simulation-button:not(:disabled),\n.lingbi-studio-download-button:not(:disabled),\n.lingbi-studio-inventory-button:not(:disabled),\n.lingbi-studio-edit-button:not(:disabled),\n.lingbi-studio-model-button:not(:disabled) {\n    cursor: pointer;\n}\n\n.lingbi-studio-boolean-button:disabled,\n.lingbi-studio-simulation-button:disabled,\n.lingbi-studio-download-button:disabled,\n.lingbi-studio-inventory-button:disabled,\n.lingbi-studio-edit-button:disabled,\n.lingbi-studio-model-button:disabled,\n.lingbi-studio-model-visibility-button:disabled {\n    background: transparent;\n    color: #8c8c8c;\n    opacity: 1;\n}\n\n.lingbi-studio-edit-button.is-active,\n.lingbi-studio-edit-button.is-active:disabled,\n.lingbi-studio-model-button.is-active,\n.lingbi-studio-model-button.is-active:disabled {\n    color: #ff6900;\n    font-weight: 600;\n}\n\n.lingbi-studio-download-status {\n    position: absolute;\n    z-index: 2;\n    top: 24px;\n    left: 50%;\n    max-width: calc(100% - 24px);\n    padding: 6px 10px;\n    border: 1px solid #f4b5b0;\n    border-radius: 4px;\n    background: #fff1f0;\n    color: #b42318;\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 20px;\n    text-align: center;\n    transform: translateX(-50%);\n    box-sizing: border-box;\n}\n\n.lingbi-studio-download-status[hidden] {\n    display: none;\n}\n\n.lingbi-studio-download-success {\n    position: absolute;\n    z-index: 2;\n    top: 24px;\n    left: 50%;\n    max-width: calc(100% - 24px);\n    padding: 8px 16px;\n    border: 1px solid #86d39a;\n    border-radius: 6px;\n    background: #f0fff4;\n    color: #176b32;\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 20px;\n    text-align: center;\n    transform: translateX(-50%);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n    box-sizing: border-box;\n}\n\n.lingbi-studio-download-success[hidden] {\n    display: none;\n}\n\n.lingbi-studio-edit-status {\n    position: absolute;\n    z-index: 2;\n    bottom: 112px;\n    left: 50%;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    max-width: calc(100% - 24px);\n    padding: 10px 14px;\n    border: 0;\n    border-radius: 8px;\n    background: #e9e9e9;\n    color: #171717;\n    transform: translateX(-50%);\n    box-sizing: border-box;\n}\n\n.lingbi-studio-edit-status[hidden] {\n    display: none;\n}\n\n.lingbi-studio-edit-status-text {\n    display: inline-block;\n    min-width: 0;\n    font-size: 20px;\n    line-height: 28px;\n    letter-spacing: 0;\n}\n\n.lingbi-studio-exit-button {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    height: 40px;\n    padding: 0 18px;\n    border: 1px solid transparent;\n    border-radius: 8px;\n    background: #f27c38;\n    color: #ffffff;\n    cursor: pointer;\n    font: inherit;\n    font-size: 18px;\n    font-weight: 600;\n    line-height: 24px;\n    letter-spacing: 0;\n    transition:\n        background-color 140ms ease,\n        color 140ms ease;\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .lingbi-studio-boolean-button:not(:disabled):hover,\n    .lingbi-studio-simulation-button:not(:disabled):hover,\n    .lingbi-studio-download-button:not(:disabled):hover,\n    .lingbi-studio-inventory-button:not(:disabled):hover,\n    .lingbi-studio-edit-button:not(:disabled):hover,\n    .lingbi-studio-model-button:not(:disabled):hover {\n        background: #e8e8e8;\n    }\n\n    .lingbi-studio-edit-button:not(:disabled):hover {\n        color: #f06400;\n    }\n\n    .lingbi-studio-model-button:not(:disabled):hover {\n        color: #f06400;\n    }\n\n    .lingbi-studio-model-visibility-button:not(:disabled):hover {\n        background: transparent;\n    }\n\n    .lingbi-studio-exit-button:hover {\n        background: #ff8a1f;\n    }\n\n    .lingbi-studio-boolean-edit-confirmation-cancel:hover {\n        background: #f5f5f5;\n    }\n\n    .lingbi-studio-boolean-edit-confirmation-continue:hover {\n        background: #ff8a1f;\n    }\n}\n\n.lingbi-studio-boolean-button:not(:disabled):active,\n.lingbi-studio-download-button:not(:disabled):active,\n.lingbi-studio-inventory-button:not(:disabled):active,\n.lingbi-studio-edit-button:not(:disabled):active,\n.lingbi-studio-model-button:not(:disabled):active,\n.lingbi-studio-model-visibility-button:not(:disabled):active {\n    background: transparent;\n}\n\n.lingbi-studio-exit-button:active {\n    background: #e66d00;\n}\n\n@keyframes lingbi-studio-boolean-operation-spin {\n    to {\n        transform: rotate(360deg);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .lingbi-studio-boolean-button,\n    .lingbi-studio-simulation-button,\n    .lingbi-studio-download-button,\n    .lingbi-studio-inventory-button,\n    .lingbi-studio-edit-button,\n    .lingbi-studio-model-button,\n    .lingbi-studio-exit-button {\n        transition: none;\n    }\n\n    .lingbi-studio-boolean-operation-spinner {\n        animation: none;\n    }\n}\n\n@media (max-width: 420px) {\n    .lingbi-studio-bottom-toolbar.has-edit-control {\n        width: calc(100% - 16px);\n        padding: 8px 4px;\n    }\n\n    .lingbi-studio-bottom-toolbar.has-model-control.has-edit-control {\n        width: calc(100% - 16px);\n    }\n\n    .lingbi-studio-bottom-toolbar.has-model-control.has-edit-control.has-inventory-control {\n        width: calc(100% - 16px);\n    }\n\n    .lingbi-studio-model-visibility {\n        left: 8px;\n        transform: none;\n    }\n\n    .lingbi-studio-boolean-button,\n    .lingbi-studio-simulation-button,\n    .lingbi-studio-download-button,\n    .lingbi-studio-inventory-button,\n    .lingbi-studio-edit-button,\n    .lingbi-studio-model-button {\n        padding: 0 2px;\n        font-size: 16px;\n    }\n\n    .lingbi-studio-edit-status-text {\n        font-size: 16px;\n        line-height: 24px;\n    }\n\n    .lingbi-studio-exit-button {\n        height: 36px;\n        padding: 0 14px;\n        font-size: 16px;\n    }\n}\n\n.lingbi-studio-viewport > canvas:focus-visible,\n.lingbi-studio-boolean-button:focus-visible,\n.lingbi-studio-simulation-button:focus-visible,\n.lingbi-studio-download-button:focus-visible,\n.lingbi-studio-inventory-button:focus-visible,\n.lingbi-studio-edit-button:focus-visible,\n.lingbi-studio-model-button:focus-visible,\n.lingbi-studio-model-visibility-button:focus-visible,\n.lingbi-studio-exit-button:focus-visible,\n.lingbi-studio-boolean-edit-confirmation-cancel:focus-visible,\n.lingbi-studio-boolean-edit-confirmation-continue:focus-visible {\n    outline: 2px solid #7cc0ff;\n    outline-offset: 2px;\n}\n";
 class StudioWorkspace {
   canvas;
   static SVG_NAMESPACE = "http://www.w3.org/2000/svg";
@@ -39600,6 +39923,7 @@ class StudioWorkspace {
   static BOTTOM_TOOLBAR_VIEWPORT_GAP = 8;
   static BOTTOM_TOOLBAR_VIEWPORT_BOTTOM_INSET = StudioWorkspace.BOTTOM_TOOLBAR_BOTTOM_OFFSET + StudioWorkspace.BOTTOM_TOOLBAR_HEIGHT + StudioWorkspace.BOTTOM_TOOLBAR_VIEWPORT_GAP;
   booleanButtonElement;
+  simulationButtonElement;
   booleanOperationOverlayElement;
   booleanOperationStatusElement;
   booleanEditConfirmationElement;
@@ -39622,13 +39946,14 @@ class StudioWorkspace {
   styleElement;
   currentEditActive = false;
   modelPanelVisible = false;
-  constructor(container, onEditRequested, onEditExited, onDownloadRequested, onBooleanRequested, onBooleanEditConfirmed, onBooleanEditCancelled, onModelVisibilityRequested, onInventoryRequested, onEditOperationBlocked) {
+  constructor(container, onEditRequested, onEditExited, onDownloadRequested, onBooleanRequested, onBooleanEditConfirmed, onBooleanEditCancelled, onModelVisibilityRequested, onInventoryRequested, onEditOperationBlocked, onSimulationRequested) {
     const ownerDocument = container.ownerDocument;
     const rootElement = ownerDocument.createElement("section");
     const viewportElement = ownerDocument.createElement("div");
     const canvas = ownerDocument.createElement("canvas");
     const bottomToolbarElement = ownerDocument.createElement("div");
     const booleanButtonElement = ownerDocument.createElement("button");
+    const simulationButtonElement = ownerDocument.createElement("button");
     const booleanOperationOverlayElement = ownerDocument.createElement("div");
     const booleanOperationSpinnerElement = ownerDocument.createElement("div");
     const booleanOperationStatusElement = ownerDocument.createElement("div");
@@ -39670,6 +39995,11 @@ class StudioWorkspace {
     booleanButtonElement.hidden = true;
     booleanButtonElement.type = "button";
     booleanButtonElement.textContent = "布尔";
+    simulationButtonElement.className = "lingbi-studio-simulation-button";
+    simulationButtonElement.disabled = true;
+    simulationButtonElement.hidden = true;
+    simulationButtonElement.type = "button";
+    simulationButtonElement.textContent = "仿真";
     booleanOperationOverlayElement.className = "lingbi-studio-boolean-operation-overlay";
     booleanOperationOverlayElement.setAttribute("aria-live", "polite");
     booleanOperationOverlayElement.setAttribute("role", "status");
@@ -39734,6 +40064,7 @@ class StudioWorkspace {
       modelButtonElement,
       editButtonElement,
       booleanButtonElement,
+      simulationButtonElement,
       downloadButtonWrapperElement
     );
     downloadStatusElement.className = "lingbi-studio-download-status";
@@ -39804,6 +40135,7 @@ class StudioWorkspace {
     }
     this.canvas = canvas;
     this.booleanButtonElement = booleanButtonElement;
+    this.simulationButtonElement = simulationButtonElement;
     this.booleanOperationOverlayElement = booleanOperationOverlayElement;
     this.booleanOperationStatusElement = booleanOperationStatusElement;
     this.booleanEditConfirmationElement = booleanEditConfirmationElement;
@@ -39831,6 +40163,13 @@ class StudioWorkspace {
       this.wrapClick(onEditRequested),
       eventListenerOptions
     );
+    if (onSimulationRequested !== void 0) {
+      simulationButtonElement.addEventListener(
+        "click",
+        this.wrapClick(onSimulationRequested),
+        eventListenerOptions
+      );
+    }
     if (onBooleanRequested !== void 0) {
       booleanButtonElement.addEventListener(
         "click",
@@ -39924,7 +40263,8 @@ class StudioWorkspace {
     const booleanOperationInProgress = state.booleanInProgress ?? false;
     const downloadInProgress = state.downloadInProgress ?? false;
     const inventoryInProgress = state.inventoryInProgress ?? false;
-    const operationInProgress = booleanOperationInProgress || downloadInProgress || inventoryInProgress;
+    const simulationInProgress = state.simulationInProgress ?? false;
+    const operationInProgress = booleanOperationInProgress || downloadInProgress || inventoryInProgress || simulationInProgress;
     const confirmationVisible = state.booleanEditConfirmationVisible ?? false;
     const modelVisibility = state.modelVisibility;
     this.currentEditActive = state.editActive;
@@ -39942,10 +40282,13 @@ class StudioWorkspace {
       state.inventoryVisible === true
     );
     this.booleanButtonElement.disabled = !state.booleanEnabled;
+    this.simulationButtonElement.disabled = state.simulationEnabled !== true;
+    this.simulationButtonElement.hidden = !state.editVisible;
+    this.simulationButtonElement.setAttribute("aria-busy", String(simulationInProgress));
     this.booleanButtonElement.setAttribute("aria-busy", String(booleanOperationInProgress));
     this.booleanOperationOverlayElement.hidden = !operationInProgress;
     this.booleanOperationOverlayElement.setAttribute("aria-busy", String(operationInProgress));
-    this.booleanOperationStatusElement.textContent = booleanOperationInProgress ? "布尔计算中" : inventoryInProgress ? "入库处理中" : "下载处理中";
+    this.booleanOperationStatusElement.textContent = simulationInProgress ? "仿真计算中" : booleanOperationInProgress ? "布尔计算中" : inventoryInProgress ? "入库处理中" : "下载处理中";
     this.canvas.toggleAttribute("inert", operationInProgress || confirmationVisible);
     this.bottomToolbarElement.toggleAttribute(
       "inert",
@@ -39977,11 +40320,12 @@ class StudioWorkspace {
     );
     this.downloadButtonElement.disabled = !state.downloadEnabled;
     this.downloadButtonElement.setAttribute("aria-busy", String(downloadInProgress));
-    const operationError = state.inventoryError ?? state.downloadError;
+    const operationError = state.simulationOutcome === "failure" ? "静态仿真模拟失败！检测石头可能会倾倒，请重新编辑再进行仿真" : state.inventoryError ?? state.downloadError;
+    const operationSuccess = state.simulationOutcome === "success" ? "静态仿真模拟成功！检测石头不会倾倒" : state.downloadSuccess;
     this.downloadStatusElement.hidden = operationError === void 0;
     this.downloadStatusElement.textContent = operationError ?? "";
-    this.downloadSuccessElement.hidden = state.downloadSuccess === void 0;
-    this.downloadSuccessElement.textContent = state.downloadSuccess ?? "";
+    this.downloadSuccessElement.hidden = operationSuccess === void 0;
+    this.downloadSuccessElement.textContent = operationSuccess ?? "";
     this.editButtonElement.disabled = !state.editVisible || !state.editEnabled || state.editActive;
     this.editButtonElement.hidden = !state.editVisible;
     this.editButtonElement.classList.toggle("is-active", state.editVisible && state.editActive);
@@ -40137,6 +40481,7 @@ class Application {
   downloadController;
   downloadError;
   downloadSuccess;
+  simulationOutcome;
   downloading = false;
   exportContextFactory = new ModelExportContextFactory();
   exportSceneContext;
@@ -40175,7 +40520,8 @@ class Application {
       this.handleBooleanEditCancelled.bind(this),
       this.handleModelVisibilityRequested.bind(this),
       this.handleInventoryRequested.bind(this),
-      this.handleEditOperationBlocked.bind(this)
+      this.handleEditOperationBlocked.bind(this),
+      this.handleSimulationRequested.bind(this)
     );
     this.workspace = workspace;
     try {
@@ -40678,6 +41024,22 @@ class Application {
     }
     renderer.requestBooleanOperation();
   }
+  handleSimulationRequested() {
+    const renderer = this.renderer;
+    if (renderer === void 0 || this.disposed || this.downloading || this.inventorying || this.inventoryConfirming || this.archiveImporting || this.booleanEditConfirmationVisible || this.latestRendererWorkspaceState?.simulation?.enabled !== true)
+      return;
+    this.simulationOutcome = void 0;
+    this.downloadError = void 0;
+    this.downloadSuccess = void 0;
+    this.inventoryError = void 0;
+    const generation = this.importGeneration;
+    void renderer.requestSimulation().then((response) => {
+      if (this.disposed || generation !== this.importGeneration || response.status === "cancelled")
+        return;
+      this.simulationOutcome = response.status === "completed" && response.result.outcome === "supported" ? "success" : "failure";
+      this.publishWorkspaceState();
+    });
+  }
   handleModelVisibilityRequested(role, visible) {
     if (this.disposed || this.downloading || this.inventorying || this.archiveImporting || this.booleanEditConfirmationVisible) {
       return;
@@ -40711,6 +41073,7 @@ class Application {
       return;
     }
     if (downloading) {
+      this.simulationOutcome = void 0;
       this.booleanEditConfirmationVisible = false;
       this.inventoryError = void 0;
     }
@@ -40722,6 +41085,7 @@ class Application {
       return;
     }
     if (inventorying) {
+      this.simulationOutcome = void 0;
       this.booleanEditConfirmationVisible = false;
       this.editStatusMessage = void 0;
       this.downloadError = void 0;
@@ -40781,6 +41145,9 @@ class Application {
     if (this.disposed) {
       return;
     }
+    if (state.scene.contextLost || state.scene.importInProgress || state.scene.interactionInProgress || state.booleanOperation?.inProgress === true || state.scene.revision !== this.latestRendererWorkspaceState?.scene.revision) {
+      this.simulationOutcome = void 0;
+    }
     this.latestRendererWorkspaceState = state;
     if (!state.edit.active) {
       this.editStatusMessage = void 0;
@@ -40892,6 +41259,9 @@ class Application {
       return;
     }
     const toolbarState = {
+      simulationEnabled: state.simulation?.enabled === true && !this.downloading && !this.inventorying && !this.inventoryConfirming && !this.archiveImporting && !this.booleanEditConfirmationVisible,
+      simulationInProgress: state.simulation?.inProgress ?? false,
+      ...this.simulationOutcome === void 0 ? {} : { simulationOutcome: this.simulationOutcome },
       booleanEnabled: state.booleanOperation?.enabled ?? false,
       booleanInProgress: state.booleanOperation?.inProgress ?? false,
       booleanReediting: state.booleanOperation?.reediting ?? false,
@@ -40935,6 +41305,8 @@ class Application {
   }
   createToolbarBusinessStateKey(state) {
     return JSON.stringify([
+      state.simulation?.inProgress ?? false,
+      this.simulationOutcome ?? null,
       state.booleanOperation?.hasResult ?? false,
       state.booleanOperation?.inProgress ?? false,
       state.booleanOperation?.reediting ?? false,
@@ -40963,7 +41335,7 @@ class Application {
     ]);
   }
   isSameToolbarState(state, previousState) {
-    return previousState !== void 0 && state.booleanEnabled === previousState.booleanEnabled && state.booleanInProgress === previousState.booleanInProgress && state.booleanReediting === previousState.booleanReediting && state.booleanResultInvalidated === previousState.booleanResultInvalidated && state.booleanEditConfirmationVisible === previousState.booleanEditConfirmationVisible && state.downloadEnabled === previousState.downloadEnabled && state.downloadError === previousState.downloadError && state.downloadInProgress === previousState.downloadInProgress && state.downloadSuccess === previousState.downloadSuccess && state.editActive === previousState.editActive && state.editEnabled === previousState.editEnabled && state.editVisible === previousState.editVisible && state.editStatusMessage === previousState.editStatusMessage && state.inventoryEnabled === previousState.inventoryEnabled && state.inventoryError === previousState.inventoryError && state.inventoryInProgress === previousState.inventoryInProgress && state.inventoryVisible === previousState.inventoryVisible && this.isSameModelVisibility(state.modelVisibility, previousState.modelVisibility);
+    return previousState !== void 0 && state.simulationEnabled === previousState.simulationEnabled && state.simulationInProgress === previousState.simulationInProgress && state.simulationOutcome === previousState.simulationOutcome && state.booleanEnabled === previousState.booleanEnabled && state.booleanInProgress === previousState.booleanInProgress && state.booleanReediting === previousState.booleanReediting && state.booleanResultInvalidated === previousState.booleanResultInvalidated && state.booleanEditConfirmationVisible === previousState.booleanEditConfirmationVisible && state.downloadEnabled === previousState.downloadEnabled && state.downloadError === previousState.downloadError && state.downloadInProgress === previousState.downloadInProgress && state.downloadSuccess === previousState.downloadSuccess && state.editActive === previousState.editActive && state.editEnabled === previousState.editEnabled && state.editVisible === previousState.editVisible && state.editStatusMessage === previousState.editStatusMessage && state.inventoryEnabled === previousState.inventoryEnabled && state.inventoryError === previousState.inventoryError && state.inventoryInProgress === previousState.inventoryInProgress && state.inventoryVisible === previousState.inventoryVisible && this.isSameModelVisibility(state.modelVisibility, previousState.modelVisibility);
   }
   isSameModelVisibility(state, previousState) {
     return state?.baseVisible === previousState?.baseVisible && state?.enabled === previousState?.enabled && state?.stoneVisible === previousState?.stoneVisible;
@@ -40979,14 +41351,14 @@ class Application {
   }
   isInventorySceneReady(state) {
     const context = this.exportSceneContext;
-    return this.isInventoryVisible(state) && context?.revision === (state.scene.resourceRevision ?? state.scene.revision) && !this.archiveImporting && state.scene.available && !state.scene.contextLost && !state.scene.importInProgress && !state.scene.interactionInProgress && !state.edit.active && !(state.booleanOperation?.reediting ?? false) && !(state.booleanOperation?.inProgress ?? false) && !this.booleanEditConfirmationVisible;
+    return this.isInventoryVisible(state) && context?.revision === (state.scene.resourceRevision ?? state.scene.revision) && !this.archiveImporting && state.scene.available && !state.scene.contextLost && !state.scene.importInProgress && !state.scene.interactionInProgress && !state.edit.active && !(state.booleanOperation?.reediting ?? false) && !(state.booleanOperation?.inProgress ?? false) && !(state.simulation?.inProgress ?? false) && !this.booleanEditConfirmationVisible;
   }
   isInventoryVisible(state) {
     return this.exportSceneContext?.base !== void 0 && state.modelVisibility !== void 0 && state.scene.available && !state.scene.contextLost;
   }
   isExportReady(state) {
     const context = this.exportSceneContext;
-    return context?.revision === (state.scene.resourceRevision ?? state.scene.revision) && !this.archiveImporting && !this.inventorying && state.scene.available && !state.scene.contextLost && !state.scene.importInProgress && !state.scene.interactionInProgress && !state.edit.active && !(state.booleanOperation?.reediting ?? false) && !(state.booleanOperation?.inProgress ?? false) && (state.modelVisibility === void 0 || state.modelVisibility.stoneVisible || state.modelVisibility.baseVisible) && !this.booleanEditConfirmationVisible;
+    return context?.revision === (state.scene.resourceRevision ?? state.scene.revision) && !this.archiveImporting && !this.inventorying && state.scene.available && !state.scene.contextLost && !state.scene.importInProgress && !state.scene.interactionInProgress && !state.edit.active && !(state.booleanOperation?.reediting ?? false) && !(state.booleanOperation?.inProgress ?? false) && !(state.simulation?.inProgress ?? false) && (state.modelVisibility === void 0 || state.modelVisibility.stoneVisible || state.modelVisibility.baseVisible) && !this.booleanEditConfirmationVisible;
   }
   assertNotDisposed() {
     if (this.disposed) {
@@ -41028,6 +41400,9 @@ class Application {
     };
   }
   startImportGeneration() {
+    if (this.latestRendererWorkspaceState?.simulation?.inProgress === true)
+      this.renderer?.cancelSimulation();
+    this.simulationOutcome = void 0;
     this.invalidateImportGeneration();
     return this.importGeneration;
   }