@lingbi/studio 0.8.1 → 0.8.3

package/index.js

@@ -33618,25 +33618,21 @@ class PlyLoader {
   }
 }
 class SimulationSnapshotFactory {
-  create(stone, base) {
+  constructor(scheduler) {
+    this.scheduler = scheduler;
+  }
+  scheduler;
+  // Allocation granularity, not a per-task limit: tasks copy until their time budget expires.
+  static CHUNK_BYTES = 4 * 1024 * 1024;
+  static ATTRIBUTE_CHUNK_BYTES = 256 * 1024;
+  async 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]);
-      }
-    }
+    const stoneInput = await this.collect(stone);
+    const baseInput = await this.collect(base);
     return {
       stone: stoneInput,
       base: baseInput,
@@ -33648,54 +33644,126 @@ class SimulationSnapshotFactory {
     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;
+  async collect(root) {
+    const result = [];
+    const objects = [root];
+    for (const object of objects) {
+      const pause = this.scheduler.checkpoint();
+      if (pause !== void 0) await pause;
+      objects.push(...object.children);
+      if (!(object instanceof Mesh)) continue;
       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) {
+      if (!mesh.geometry.hasAttribute("position") || 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)
-        );
+      const matrixWorld = mesh.matrixWorld.toArray();
+      if (!matrixWorld.every(Number.isFinite)) {
+        throw new Error("The model transform is nonfinite.");
+      }
+      const positions = await this.copyPositions(position);
+      const index = mesh.geometry.index;
+      const indices = index === null ? null : await this.copyIndices(index);
+      result.push({ positions, indices, vertexCount: position.count, matrixWorld });
+    }
+    return result;
+  }
+  async copyPositions(attribute) {
+    const result = [];
+    const source = attribute.array;
+    const packed = !("isInterleavedBufferAttribute" in attribute) && !attribute.normalized && attribute.itemSize === 3 && (source instanceof Float32Array || source instanceof Float64Array);
+    const vertexChunk = Math.floor(
+      (packed ? SimulationSnapshotFactory.CHUNK_BYTES : SimulationSnapshotFactory.ATTRIBUTE_CHUNK_BYTES) / 24
+    );
+    for (let start = 0; start < attribute.count; start += vertexChunk) {
+      const pause = this.scheduler.checkpoint();
+      if (pause !== void 0) await pause;
+      const end = Math.min(attribute.count, start + vertexChunk);
+      if (packed) {
+        result.push(source.slice(start * 3, end * 3));
+      } else {
+        const values = new Float64Array((end - start) * 3);
+        for (let index = start; index < end; index++) {
+          const offset = (index - start) * 3;
+          values[offset] = attribute.getX(index);
+          values[offset + 1] = attribute.getY(index);
+          values[offset + 2] = attribute.getZ(index);
+        }
+        result.push(values);
+      }
+    }
+    return result;
+  }
+  async copyIndices(attribute) {
+    const result = [];
+    const source = attribute.array;
+    const packed = attribute.itemSize === 1 && !attribute.normalized && (source instanceof Uint16Array || source instanceof Uint32Array);
+    const indexChunk = (packed ? SimulationSnapshotFactory.CHUNK_BYTES : SimulationSnapshotFactory.ATTRIBUTE_CHUNK_BYTES) / 8;
+    for (let start = 0; start < attribute.count; start += indexChunk) {
+      const pause = this.scheduler.checkpoint();
+      if (pause !== void 0) await pause;
+      const end = Math.min(attribute.count, start + indexChunk);
+      if (packed) result.push(source.slice(start, end));
+      else {
+        const values = new Float64Array(end - start);
+        for (let index = start; index < end; index++) {
+          values[index - start] = attribute.getX(index);
+        }
+        result.push(values);
       }
+    }
+    return result;
+  }
+}
+class SimulationTaskScheduler {
+  constructor(signal, started) {
+    this.signal = signal;
+    this.started = started;
+  }
+  signal;
+  started;
+  sliceStarted = performance.now();
+  async waitForPaint() {
+    await this.wait(true);
+    this.checkActive();
+    this.sliceStarted = performance.now();
+  }
+  checkpoint() {
+    this.checkActive();
+    if (performance.now() - this.sliceStarted < 4) return void 0;
+    return this.yieldTask();
+  }
+  async yieldTask() {
+    await this.wait(false);
+    this.checkActive();
+    this.sliceStarted = performance.now();
+  }
+  checkActive() {
+    this.signal.throwIfAborted();
+    if (performance.now() - this.started >= 3e4) {
+      throw new Error("Simulation timed out during snapshot capture.");
+    }
+  }
+  wait(paint) {
+    this.checkActive();
+    return new Promise((resolve) => {
+      let frame;
+      let task;
+      const finish = () => {
+        if (frame !== void 0) cancelAnimationFrame(frame);
+        clearTimeout(task);
+        this.signal.removeEventListener("abort", finish);
+        resolve();
+      };
+      this.signal.addEventListener("abort", finish, { once: true });
+      if (paint) {
+        frame = requestAnimationFrame(() => {
+          clearTimeout(task);
+          task = setTimeout(finish, 0);
+        });
+      }
+      task = setTimeout(finish, paint ? 100 : 0);
     });
-    return { positions: Float64Array.from(positions), indices: Uint32Array.from(indices) };
   }
 }
 class StabilityMessages {
@@ -33703,7 +33771,7 @@ class StabilityMessages {
     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"]))
+    if (!this.role(input["stone"]) || !this.role(input["base"]) || !this.nonnegative(input["captureMilliseconds"]))
       return void 0;
     return value;
   }
@@ -33736,8 +33804,20 @@ class StabilityMessages {
     }
     return value["outcome"] !== "supported" || Number(value["margin"]) > 1e-6 && Number(value["residual"]) <= 1e-7 && Number(value["contactCount"]) > 0;
   }
+  role(value) {
+    return this.array(value) && value.every((mesh) => this.mesh(mesh));
+  }
+  array(value) {
+    return Array.isArray(value);
+  }
   mesh(value) {
-    return this.record(value) && value["positions"] instanceof Float64Array && value["indices"] instanceof Uint32Array;
+    return this.record(value) && Array.isArray(value["positions"]) && value["positions"].every(
+      (chunk) => chunk instanceof Float32Array || chunk instanceof Float64Array
+    ) && (value["indices"] === null || Array.isArray(value["indices"]) && value["indices"].every(
+      (chunk) => chunk instanceof Uint16Array || chunk instanceof Uint32Array || chunk instanceof Float64Array
+    )) && this.nonnegative(value["vertexCount"]) && Number.isSafeInteger(value["vertexCount"]) && Array.isArray(value["matrixWorld"]) && value["matrixWorld"].length === 16 && value["matrixWorld"].every(
+      (entry) => typeof entry === "number" && Number.isFinite(entry)
+    );
   }
   record(value) {
     return typeof value === "object" && value !== null;
@@ -33753,7 +33833,7 @@ class StabilityWorkerFactory {
   create() {
     return new Worker(new URL(
       /* @vite-ignore */
-      "" + new URL("assets/StabilityWorkerEntry-CXCNaUyw.js", import.meta.url).href,
+      "" + new URL("assets/StabilityWorkerEntry-L0_8iZmQ.js", import.meta.url).href,
       import.meta.url
     ), {
       type: "module"
@@ -33802,12 +33882,16 @@ class StabilityWorkerClient {
               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
-        ]);
+        const transfer = [];
+        for (const role of [input.stone, input.base]) {
+          for (const mesh of role) {
+            for (const chunk of mesh.positions) transfer.push(chunk.buffer);
+            if (mesh.indices !== null) {
+              for (const chunk of mesh.indices) transfer.push(chunk.buffer);
+            }
+          }
+        }
+        worker.postMessage({ token, input }, transfer);
       } catch {
         this.fail("Simulation Worker could not start.");
       }
@@ -35826,6 +35910,7 @@ class Renderer {
   contextLost = false;
   booleanOperationInProgress = false;
   simulationInProgress = false;
+  simulationCapture;
   simulationToken = 0;
   simulationWorker = new StabilityWorkerClient();
   booleanOperationWorkerClient;
@@ -36359,6 +36444,8 @@ class Renderer {
     const started = performance.now();
     const token = ++this.simulationToken;
     const revision = this.sceneRevision;
+    const capture = new AbortController();
+    this.simulationCapture = capture;
     this.simulationInProgress = true;
     try {
       this.gizmoController.end();
@@ -36387,7 +36474,13 @@ class Renderer {
         console.info("[stone-stability]", response2);
         return response2;
       }
-      const input = new SimulationSnapshotFactory().create(stone.object, base.object);
+      const scheduler = new SimulationTaskScheduler(capture.signal, started);
+      await scheduler.waitForPaint();
+      const input = await new SimulationSnapshotFactory(scheduler).create(
+        stone.object,
+        base.object
+      );
+      capture.signal.throwIfAborted();
       const response = await this.simulationWorker.run(input, started);
       if (token !== this.simulationToken || revision !== this.sceneRevision || !this.isDualModelSceneReady()) {
         return { status: "cancelled" };
@@ -36395,11 +36488,13 @@ class Renderer {
       console.info("[stone-stability]", response);
       return response;
     } catch (error2) {
+      if (capture.signal.aborted) return { status: "cancelled" };
       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.simulationCapture = void 0;
         this.simulationInProgress = false;
         this.notifyWorkspaceState();
       }
@@ -36407,6 +36502,8 @@ class Renderer {
   }
   cancelSimulation() {
     const wasActive = this.simulationInProgress;
+    this.simulationCapture?.abort();
+    this.simulationCapture = void 0;
     this.simulationToken++;
     this.simulationInProgress = false;
     this.simulationWorker.cancel();
@@ -39914,7 +40011,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(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";
+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-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        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";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@lingbi/studio",
-    "version": "0.8.1",
+    "version": "0.8.3",
     "repository": {
         "type": "git",
         "url": "https://github.com/genewanggang-sudo/lingbi-shitou.git"