@elixpo/lixsketch 5.6.9 → 5.6.11

package/dist/react/{iconTool-65JCAKYF.js → iconTool-DW5YJX7P.js}

@@ -5,10 +5,10 @@ import {
   handleMouseUpIcon,
   startDrag,
   stopDrag
-} from "./chunk-O7KXLFZN.js";
-import "./chunk-PAKA6HUX.js";
-import "./chunk-X5ENBMGL.js";
-import "./chunk-VZX55VQL.js";
+} from "./chunk-IS2MKWGH.js";
+import "./chunk-MS4TIQ6Z.js";
+import "./chunk-2U47AU6Y.js";
+import "./chunk-TFCBCWL5.js";
 export {
   handleMouseDownIcon,
   handleMouseMoveIcon,
@@ -16,4 +16,4 @@ export {
   startDrag,
   stopDrag
 };
-//# sourceMappingURL=iconTool-65JCAKYF.js.map
+//# sourceMappingURL=iconTool-DW5YJX7P.js.map

package/dist/react/{imageTool-UQZUBOK2.js → imageTool-7GZQKWYT.js}

@@ -3,14 +3,14 @@ import {
   handleMouseDownImage,
   handleMouseMoveImage,
   handleMouseUpImage
-} from "./chunk-37PF7FG2.js";
+} from "./chunk-SDG4U7TP.js";
 import "./chunk-DNAG7ML6.js";
-import "./chunk-PAKA6HUX.js";
-import "./chunk-X5ENBMGL.js";
-import "./chunk-VZX55VQL.js";
+import "./chunk-MS4TIQ6Z.js";
+import "./chunk-2U47AU6Y.js";
+import "./chunk-TFCBCWL5.js";
 export {
   handleMouseDownImage,
   handleMouseMoveImage,
   handleMouseUpImage
 };
-//# sourceMappingURL=imageTool-UQZUBOK2.js.map
+//# sourceMappingURL=imageTool-7GZQKWYT.js.map

package/dist/react/index.js

@@ -20,7 +20,7 @@ import { create } from "zustand";
 // src/react/utils/canvasBackgrounds.js
 var CANVAS_BACKGROUNDS = {
   light: [
-    { color: "#FBE4DB", label: "menu.canvasBg.white" },
+    { color: "#FFFFFF", label: "menu.canvasBg.white" },
     { color: "#F6DBC0", label: "menu.canvasBg.cream" },
     { color: "#F5EED2", label: "menu.canvasBg.paper" },
     { color: "#F5F2ED", label: "menu.canvasBg.skyTint" },
@@ -34,12 +34,21 @@ var CANVAS_BACKGROUNDS = {
     { color: "#1B1615", label: "menu.canvasBg.darkBrown" }
   ]
 };
-var DEFAULT_CANVAS_BACKGROUNDS = { dark: "#15111f", light: "#F5F2ED" };
+var DEFAULT_CANVAS_BACKGROUNDS = { dark: "#15111f", light: "#FFFFFF" };
+var LEGACY_LIGHT_DEFAULT = "#F5F2ED";
+var LIGHT_DEFAULT_MIGRATION_KEY = "lixsketch-canvas-light-default-v2";
 var canvasBackgroundStorageKey = (theme) => `lixsketch-canvas-background-${theme}`;
 function readCanvasBackground(theme, storage) {
   const resolved = theme === "light" ? "light" : "dark";
   try {
     const stored = storage?.getItem(canvasBackgroundStorageKey(resolved));
+    if (resolved === "light" && storage?.getItem(LIGHT_DEFAULT_MIGRATION_KEY) !== "1") {
+      storage?.setItem?.(LIGHT_DEFAULT_MIGRATION_KEY, "1");
+      if (stored?.toLowerCase() === LEGACY_LIGHT_DEFAULT.toLowerCase()) {
+        storage?.setItem?.(canvasBackgroundStorageKey(resolved), DEFAULT_CANVAS_BACKGROUNDS.light);
+        return DEFAULT_CANVAS_BACKGROUNDS.light;
+      }
+    }
     const match = CANVAS_BACKGROUNDS[resolved].find(({ color }) => color.toLowerCase() === stored?.toLowerCase());
     if (match) return match.color;
   } catch {
@@ -423,6 +432,13 @@ function invertShapeColors(prevResolved, nextResolved) {
         shape.strokeColor = to;
         changed = true;
       }
+      if (shape.labelColor !== void 0) {
+        const labelColor = normalize(shape.labelColor);
+        if (labelColor === from || labelColor === "#e0e0e0" || labelColor === "#e8e3f3") {
+          shape.labelColor = to;
+          changed = true;
+        }
+      }
     }
     if (changed && typeof shape.draw === "function") {
       shape.draw();
@@ -450,7 +466,7 @@ function applyTheme(theme) {
   body.classList.remove("theme-dark", "theme-light");
   body.classList.add(`theme-${resolved}`);
   const svgEl = window.svg;
-  if (svgEl) svgEl.style.background = resolved === "light" ? "#fbf9fd" : "#15111f";
+  if (svgEl) svgEl.style.background = resolved === "light" ? "#ffffff" : "#15111f";
 }
 var useUIStore = create2((set, get) => ({
   // --- Modals ---
@@ -625,7 +641,7 @@ function useSketchEngine(svgRef, ready = true) {
           setZoom: (zoom) => useSketchStore_default.setState({ zoom }),
           getState: () => useSketchStore_default.getState()
         };
-        const { SketchEngine } = await import("./SketchEngine-UFLZJQXS.js");
+        const { SketchEngine } = await import("./SketchEngine-VTWURP2K.js");
         if (cancelled) return;
         const engine = new SketchEngine(svgRef.current);
         await engine.init();
@@ -1801,7 +1817,7 @@ function AppMenu() {
 // src/react/components/sidebars/ShapeSidebar.jsx
 import { useState as useState5, useRef as useRef5, useEffect as useEffect6 } from "react";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-function ToolbarButton({ icon, preview, children, tooltip }) {
+function ToolbarButton({ icon, preview, children, tooltip, label = tooltip }) {
   const [open, setOpen] = useState5(false);
   const ref = useRef5(null);
   useEffect6(() => {
@@ -1816,11 +1832,15 @@ function ToolbarButton({ icon, preview, children, tooltip }) {
     /* @__PURE__ */ jsxs6(
       "button",
       {
+        type: "button",
         onClick: () => setOpen(!open),
         title: tooltip,
-        className: `h-9 flex items-center gap-1.5 px-3 rounded-lg transition-all duration-100 ${open ? "bg-accent-blue/20 text-accent-blue" : "text-text-muted hover:text-text-primary hover:bg-surface-hover"}`,
+        "aria-expanded": open,
+        "aria-haspopup": "dialog",
+        className: `h-9 flex cursor-pointer items-center gap-1.5 rounded-lg border px-2.5 transition-all duration-100 ${open ? "border-border-accent bg-accent-blue/20 text-accent-blue" : "border-transparent text-text-muted hover:border-border-light hover:bg-surface-hover hover:text-text-primary"}`,
         children: [
           preview || icon && /* @__PURE__ */ jsx6("i", { className: `bx ${icon} text-base` }),
+          label && /* @__PURE__ */ jsx6("span", { className: "whitespace-nowrap text-[11px] font-medium", children: label }),
           /* @__PURE__ */ jsx6("svg", { className: `w-2 h-2 opacity-40 transition-transform duration-100 ${open ? "rotate-180" : ""}`, viewBox: "0 0 8 5", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx6("path", { d: "M1 1l3 3 3-3" }) })
         ]
       }
@@ -1832,7 +1852,7 @@ function ToolbarButton({ icon, preview, children, tooltip }) {
   ] });
 }
 function Divider() {
-  return /* @__PURE__ */ jsx6("div", { className: "w-px h-5 bg-surface-hover mx-0.5 shrink-0" });
+  return /* @__PURE__ */ jsx6("div", { className: "mx-0.5 h-6 w-px shrink-0 bg-border-light", "aria-hidden": "true" });
 }
 function ShapeSidebar({ visible, children }) {
   const viewMode = useSketchStore_default((s) => s.viewMode);
@@ -1840,8 +1860,8 @@ function ShapeSidebar({ visible, children }) {
   return /* @__PURE__ */ jsx6(
     "div",
     {
-      className: `absolute bottom-14 left-1/2 -translate-x-1/2 bg-surface border border-border-light rounded-xl px-2 py-1.5 z-[999] font-[lixFont] transition-all duration-200 ${show ? "opacity-100 pointer-events-auto translate-y-0" : "opacity-0 pointer-events-none translate-y-2"}`,
-      children: /* @__PURE__ */ jsx6("div", { className: "flex items-center gap-0.5", children })
+      className: `absolute bottom-14 left-1/2 z-[999] max-w-[calc(100vw-24px)] -translate-x-1/2 overflow-x-auto rounded-xl border border-border-light bg-surface px-1.5 py-1.5 font-[lixFont] transition-all duration-200 ${show ? "opacity-100 pointer-events-auto translate-y-0" : "opacity-0 pointer-events-none translate-y-2"}`,
+      children: /* @__PURE__ */ jsx6("div", { className: "flex min-w-max items-center gap-1", children })
     }
   );
 }
@@ -1852,50 +1872,25 @@ function LayerControls() {
     if (!shape || !window.__layerOrder) return;
     window.__layerOrder[method](shape);
   };
-  return /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-0.5", children: [
-    /* @__PURE__ */ jsx6(
-      "button",
-      {
-        onClick: () => doLayer("sendToBack"),
-        title: t("sidebar.sendToBack", { defaultValue: "Send to back" }),
-        className: "h-9 w-8 flex items-center justify-center rounded-lg text-text-muted hover:text-text-primary hover:bg-surface-hover transition-all duration-100",
-        children: /* @__PURE__ */ jsx6("i", { className: "bx bx-chevrons-down text-base" })
-      }
-    ),
-    /* @__PURE__ */ jsx6(
-      "button",
-      {
-        onClick: () => doLayer("sendBackward"),
-        title: t("sidebar.sendBackward"),
-        className: "h-9 w-8 flex items-center justify-center rounded-lg text-text-muted hover:text-text-primary hover:bg-surface-hover transition-all duration-100",
-        children: /* @__PURE__ */ jsx6("i", { className: "bx bx-chevron-down text-base" })
-      }
-    ),
-    /* @__PURE__ */ jsx6(
-      "button",
-      {
-        onClick: () => doLayer("bringForward"),
-        title: t("sidebar.bringForward"),
-        className: "h-9 w-8 flex items-center justify-center rounded-lg text-text-muted hover:text-text-primary hover:bg-surface-hover transition-all duration-100",
-        children: /* @__PURE__ */ jsx6("i", { className: "bx bx-chevron-up text-base" })
-      }
-    ),
-    /* @__PURE__ */ jsx6(
-      "button",
-      {
-        onClick: () => doLayer("bringToFront"),
-        title: t("sidebar.bringToFront", { defaultValue: "Bring to front" }),
-        className: "h-9 w-8 flex items-center justify-center rounded-lg text-text-muted hover:text-text-primary hover:bg-surface-hover transition-all duration-100",
-        children: /* @__PURE__ */ jsx6("i", { className: "bx bx-chevrons-up text-base" })
-      }
-    )
+  const actions = [
+    ["sendToBack", "bx-chevrons-down", t("sidebar.sendToBack", { defaultValue: "Send to back" })],
+    ["sendBackward", "bx-chevron-down", t("sidebar.sendBackward")],
+    ["bringForward", "bx-chevron-up", t("sidebar.bringForward")],
+    ["bringToFront", "bx-chevrons-up", t("sidebar.bringToFront", { defaultValue: "Bring to front" })]
+  ];
+  return /* @__PURE__ */ jsxs6(ToolbarButton, { icon: "bx-layer", tooltip: "Arrange", label: "Arrange", children: [
+    /* @__PURE__ */ jsx6("p", { className: "mb-2 text-xs uppercase tracking-wider text-text-muted", children: "Layer order" }),
+    /* @__PURE__ */ jsx6("div", { className: "grid grid-cols-2 gap-1", children: actions.map(([method, icon, label]) => /* @__PURE__ */ jsxs6("button", { type: "button", onClick: () => doLayer(method), className: "flex min-w-32 cursor-pointer items-center gap-2 rounded-lg px-2.5 py-2 text-left text-xs text-text-secondary transition hover:bg-surface-hover hover:text-text-primary", children: [
+      /* @__PURE__ */ jsx6("i", { className: `bx ${icon} text-base`, "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx6("span", { children: label })
+    ] }, method)) })
   ] });
 }
 
 // src/react/components/sidebars/RectangleSidebar.jsx
 import { useState as useState6, useCallback as useCallback2 } from "react";
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
-var STROKE_COLORS = ["#1a1a20", "#ffffff", "#FF8383", "#3A994C", "#56A2E8", "#FFD700", "#FF69B4", "#A855F7"];
+var STROKE_COLORS = ["#000000", "#ffffff", "#FF8383", "#3A994C", "#56A2E8", "#FFD700", "#FF69B4", "#A855F7"];
 var BG_COLORS = ["transparent", "#f0f0f0", "#ffcccb", "#90ee90", "#add8e6", "#FFE4B5", "#DDA0DD", "#2d2d2d"];
 var FILLS = [
   { value: "hachure", label: "sidebar.fill.hachure" },
@@ -1923,7 +1918,10 @@ function RectangleSidebar() {
   const { t } = useTranslation();
   const activeTool = useSketchStore_default((s) => s.activeTool);
   const selectedShapeSidebar = useSketchStore_default((s) => s.selectedShapeSidebar);
-  const [strokeColor, setStrokeColor] = useState6("#fff");
+  const theme = useUIStore_default((s) => s.theme);
+  const resolvedTheme = theme === "system" && typeof window !== "undefined" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : theme;
+  const [strokeColor, setStrokeColor] = useState6(null);
+  const displayedStrokeColor = strokeColor ?? (resolvedTheme === "light" ? "#000000" : "#ffffff");
   const [bgColor, setBgColor] = useState6("transparent");
   const [thickness, setThickness] = useState6(2);
   const [lineStyle, setLineStyle] = useState6("solid");
@@ -1957,10 +1955,10 @@ function RectangleSidebar() {
       ToolbarButton,
       {
         tooltip: t("sidebar.strokeColor"),
-        preview: /* @__PURE__ */ jsx7("span", { className: "w-4 h-4 rounded-md border border-white/20", style: { backgroundColor: strokeColor } }),
+        preview: /* @__PURE__ */ jsx7("span", { className: "w-4 h-4 rounded-md border border-white/20", style: { backgroundColor: displayedStrokeColor } }),
         children: [
           /* @__PURE__ */ jsx7("p", { className: "text-xs text-text-muted uppercase tracking-wider mb-2", children: t("sidebar.sectionHeader.stroke") }),
-          /* @__PURE__ */ jsx7(ColorGrid, { colors: STROKE_COLORS, selected: strokeColor, onSelect: updateStroke })
+          /* @__PURE__ */ jsx7(ColorGrid, { colors: STROKE_COLORS, selected: displayedStrokeColor, onSelect: updateStroke })
         ]
       }
     ),
@@ -2001,7 +1999,7 @@ function RectangleSidebar() {
         {
           onClick: () => updateStyle(s.v),
           className: `w-11 h-8 flex items-center justify-center rounded-lg transition-all duration-100 ${lineStyle === s.v ? "bg-[#7667a8]/20" : "hover:bg-white/[0.06]"}`,
-          children: /* @__PURE__ */ jsx7("svg", { width: "28", height: "4", viewBox: "0 0 28 4", children: /* @__PURE__ */ jsx7("line", { x1: "0", y1: "2", x2: "28", y2: "2", stroke: "#fff", strokeWidth: "2", strokeDasharray: s.d, strokeLinecap: "round" }) })
+          children: /* @__PURE__ */ jsx7("svg", { width: "28", height: "4", viewBox: "0 0 28 4", children: /* @__PURE__ */ jsx7("line", { x1: "0", y1: "2", x2: "28", y2: "2", stroke: "currentColor", strokeWidth: "2", strokeDasharray: s.d, strokeLinecap: "round" }) })
         },
         s.v
       )) })
@@ -2030,7 +2028,7 @@ function RectangleSidebar() {
 // src/react/components/sidebars/CircleSidebar.jsx
 import { useState as useState7, useCallback as useCallback3 } from "react";
 import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
-var STROKE_COLORS2 = ["#1a1a20", "#ffffff", "#FF8383", "#3A994C", "#56A2E8", "#FFD700", "#FF69B4", "#A855F7"];
+var STROKE_COLORS2 = ["#000000", "#ffffff", "#FF8383", "#3A994C", "#56A2E8", "#FFD700", "#FF69B4", "#A855F7"];
 var BG_COLORS2 = ["transparent", "#f0f0f0", "#ffcccb", "#90ee90", "#add8e6", "#FFE4B5", "#DDA0DD", "#2d2d2d"];
 var FILLS2 = [
   { value: "hachure", label: "sidebar.fill.hachure" },
@@ -2058,7 +2056,10 @@ function CircleSidebar() {
   const { t } = useTranslation();
   const activeTool = useSketchStore_default((s) => s.activeTool);
   const selectedShapeSidebar = useSketchStore_default((s) => s.selectedShapeSidebar);
-  const [strokeColor, setStrokeColor] = useState7("#fff");
+  const theme = useUIStore_default((s) => s.theme);
+  const resolvedTheme = theme === "system" && typeof window !== "undefined" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : theme;
+  const [strokeColor, setStrokeColor] = useState7(null);
+  const displayedStrokeColor = strokeColor ?? (resolvedTheme === "light" ? "#000000" : "#ffffff");
   const [bgColor, setBgColor] = useState7("transparent");
   const [thickness, setThickness] = useState7(2);
   const [lineStyle, setLineStyle] = useState7("solid");
@@ -2088,10 +2089,10 @@ function CircleSidebar() {
       ToolbarButton,
       {
         tooltip: t("sidebar.strokeColor"),
-        preview: /* @__PURE__ */ jsx8("span", { className: "w-4 h-4 rounded-md border border-white/20", style: { backgroundColor: strokeColor } }),
+        preview: /* @__PURE__ */ jsx8("span", { className: "w-4 h-4 rounded-md border border-white/20", style: { backgroundColor: displayedStrokeColor } }),
         children: [
           /* @__PURE__ */ jsx8("p", { className: "text-xs text-text-muted uppercase tracking-wider mb-2", children: t("sidebar.sectionHeader.stroke") }),
-          /* @__PURE__ */ jsx8(ColorGrid2, { colors: STROKE_COLORS2, selected: strokeColor, onSelect: updateStroke })
+          /* @__PURE__ */ jsx8(ColorGrid2, { colors: STROKE_COLORS2, selected: displayedStrokeColor, onSelect: updateStroke })
         ]
       }
     ),
@@ -2128,7 +2129,7 @@ function CircleSidebar() {
         {
           onClick: () => updateStyle(s.v),
           className: `w-11 h-8 flex items-center justify-center rounded-lg transition-all duration-100 ${lineStyle === s.v ? "bg-[#7667a8]/20" : "hover:bg-white/[0.06]"}`,
-          children: /* @__PURE__ */ jsx8("svg", { width: "28", height: "4", viewBox: "0 0 28 4", children: /* @__PURE__ */ jsx8("line", { x1: "0", y1: "2", x2: "28", y2: "2", stroke: "#fff", strokeWidth: "2", strokeDasharray: s.d, strokeLinecap: "round" }) })
+          children: /* @__PURE__ */ jsx8("svg", { width: "28", height: "4", viewBox: "0 0 28 4", children: /* @__PURE__ */ jsx8("line", { x1: "0", y1: "2", x2: "28", y2: "2", stroke: "currentColor", strokeWidth: "2", strokeDasharray: s.d, strokeLinecap: "round" }) })
         },
         s.v
       )) })
@@ -2610,7 +2611,7 @@ function PaintbrushSidebar() {
 // src/react/components/sidebars/TextSidebar.jsx
 import { useState as useState12, useCallback as useCallback8, useEffect as useEffect8 } from "react";
 import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
-var TEXT_COLORS = ["#1a1a20", "#ffffff", "#FF8383", "#3A994C", "#56A2E8", "#FFD700", "#FF69B4", "#A855F7"];
+var TEXT_COLORS = ["#000000", "#ffffff", "#FF8383", "#3A994C", "#56A2E8", "#FFD700", "#FF69B4", "#A855F7"];
 var FONTS = [
   { value: "lixFont", label: "Lix" },
   { value: "lixCode", label: "Code" },
@@ -2644,7 +2645,10 @@ function TextSidebar() {
   const { t } = useTranslation();
   const activeTool = useSketchStore_default((s) => s.activeTool);
   const selectedShapeSidebar = useSketchStore_default((s) => s.selectedShapeSidebar);
-  const [textColor, setTextColor] = useState12("#fff");
+  const theme = useUIStore_default((s) => s.theme);
+  const resolvedTheme = theme === "system" && typeof window !== "undefined" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : theme;
+  const [textColor, setTextColor] = useState12(null);
+  const displayedTextColor = textColor ?? (resolvedTheme === "light" ? "#000000" : "#ffffff");
   const [fontSize, setFontSize] = useState12("S");
   const [font, setFont] = useState12("lixFont");
   const [codeMode, setCodeMode] = useState12(false);
@@ -2691,14 +2695,14 @@ function TextSidebar() {
         ToolbarButton,
         {
           tooltip: t("sidebar.textColor"),
-          preview: /* @__PURE__ */ jsx13("span", { className: "w-4 h-4 rounded-md border border-white/20", style: { backgroundColor: textColor } }),
+          preview: /* @__PURE__ */ jsx13("span", { className: "w-4 h-4 rounded-md border border-white/20", style: { backgroundColor: displayedTextColor } }),
           children: [
             /* @__PURE__ */ jsx13("p", { className: "text-xs text-text-muted uppercase tracking-wider mb-2", children: t("sidebar.color") }),
             /* @__PURE__ */ jsx13("div", { className: "grid grid-cols-4 gap-1.5", children: TEXT_COLORS.map((c) => /* @__PURE__ */ jsx13(
               "button",
               {
                 onClick: () => updateColor(c),
-                className: `w-7 h-7 rounded-md border-[1.5px] transition-all duration-100 ${textColor === c ? "border-[#7667a8] scale-110" : "border-white/[0.08] hover:border-white/20"}`,
+                className: `w-7 h-7 rounded-md border-[1.5px] transition-all duration-100 ${displayedTextColor.toLowerCase() === c.toLowerCase() ? "border-[#7667a8] scale-110" : "border-white/[0.08] hover:border-white/20"}`,
                 style: { backgroundColor: c }
               },
               c
@@ -3092,7 +3096,7 @@ function IconSidebar() {
   const requestSequenceRef = useRef6(0);
   useEffect10(() => {
     if (!visible) return;
-    const frame = requestAnimationFrame(() => searchInputRef.current?.focus());
+    const frame = requestAnimationFrame(() => searchInputRef.current?.focus({ preventScroll: true }));
     return () => cancelAnimationFrame(frame);
   }, [visible]);
   useEffect10(() => {
@@ -3164,10 +3168,11 @@ function IconSidebar() {
       });
     }
   }, []);
+  if (!visible) return null;
   return /* @__PURE__ */ jsxs15(
     "div",
     {
-      className: `absolute top-[60px] right-2 bottom-[112px] w-[300px] bg-surface border border-border-light rounded-2xl z-[999] font-[lixFont] flex flex-col transition-transform duration-200 ${visible ? "translate-x-0" : "translate-x-full"}`,
+      className: "absolute top-[60px] right-2 bottom-[112px] w-[300px] bg-surface border border-border-light rounded-2xl z-[999] font-[lixFont] flex flex-col",
       children: [
         /* @__PURE__ */ jsxs15("div", { className: "px-3.5 pt-3.5 pb-2 shrink-0", children: [
           /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between mb-2.5", children: [
@@ -5106,7 +5111,7 @@ var _saveScene = null;
 var _loadScene = null;
 async function ensureSceneSerializer() {
   if (_saveScene && _loadScene) return;
-  const m = await import("./SceneSerializer-H6KMQCO2.js");
+  const m = await import("./SceneSerializer-7O72LEZP.js");
   _saveScene = m.saveScene;
   _loadScene = m.loadScene;
 }