@xom11/whiteboard 0.30.0 → 0.31.0

package/dist/{chunk-SZDAS7LK.mjs → chunk-IE2GGHNF.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { collectFreeVars } from './chunk-IHUFOV7L.mjs';
+import { readLabelOffset, collectFreeVars } from './chunk-CH6SFONH.mjs';
 import { getKind } from './chunk-B4NJJZFR.mjs';
 
 // src/core/scene/render/types2d.ts
@@ -81,6 +81,7 @@ var JxgRenderer = class {
       this.elements.set(obj.id, el);
       this.attachFreePointDragSync(obj, el);
       this.attachGliderDragSync(obj, el);
+      this.attachLabelDragSync(obj, el);
     } catch (err) {
       console.warn(`[scene/render/2d] kh\xF4ng render \u0111\u01B0\u1EE3c ${obj.kind} id="${obj.id}":`, err);
     }
@@ -195,6 +196,54 @@ var JxgRenderer = class {
       });
     });
   }
+  /**
+   * Cho phép kéo NHÃN của bất kỳ object nào có label (point/line/segment/
+   * circle...). Khi user kéo nhãn, JSXGraph cộng dồn vào label.relativeCoords
+   * (drag-delta screen px) nhưng KHÔNG đổi attribute offset → vị trí cuối =
+   * offset + relativeCoords. Ta gộp lại thành offset thuần (readLabelOffset),
+   * zero relativeCoords để khỏi double-count khi update-hook/recreate áp lại
+   * offset, rồi dispatch UPDATE_ATTRS { labelOffset }. Right-click → reset.
+   */
+  attachLabelDragSync(obj, el) {
+    const label = el?.label;
+    if (!label || typeof label.on !== "function") return;
+    const sceneId = obj.id;
+    label.on("up", () => {
+      if (this.disposed) return;
+      const off = readLabelOffset(label);
+      if (!off) return;
+      const cur = this.store.getState().objects[sceneId];
+      if (!cur) return;
+      const prev = cur.attrs.labelOffset;
+      if (prev && prev[0] === off[0] && prev[1] === off[1]) return;
+      try {
+        label.setAttribute({ offset: off });
+        if (label.relativeCoords?.scrCoords) {
+          label.relativeCoords.scrCoords[1] = 0;
+          label.relativeCoords.scrCoords[2] = 0;
+        }
+      } catch {
+      }
+      this.store.dispatch({
+        type: "UPDATE_ATTRS",
+        payload: { id: sceneId, patch: { labelOffset: off } }
+      });
+    });
+    const node = label.rendNode;
+    if (node?.addEventListener) {
+      node.addEventListener("contextmenu", (ev) => {
+        if (this.disposed) return;
+        ev.preventDefault();
+        const c = this.store.getState().objects[sceneId];
+        if (!c) return;
+        if (c.attrs.labelOffset === void 0) return;
+        this.store.dispatch({
+          type: "UPDATE_ATTRS",
+          payload: { id: sceneId, patch: { labelOffset: void 0 } }
+        });
+      });
+    }
+  }
   remove(id) {
     this.removeHalo(id);
     this.selectedIds.delete(id);
@@ -331,88 +380,89 @@ var JxgRenderer = class {
       layer: 4,
       needsRegularUpdate: true
     };
+    const elementClass = el.elementClass;
+    const elType = el.elType;
+    const isPointLike = elementClass === 1 || elType === "point" || elType === "glider" || elType === "intersection";
+    const isPolygonLike = Array.isArray(el.vertices) && el.vertices.length >= 3;
+    const isCircleLike = elementClass === 3 || elType === "circle" || elType === "circumcircle" || elType === "incircle";
+    const isSegment = elType === "segment";
+    const isLineLike = elementClass === 2 || elType === "line" || elType === "arrow" || elType === "ray" || elType === "vector" || elType === "tangent" || elType === "normal" || elType === "parallel" || elType === "perpendicular" || elType === "bisector";
     const halos = [];
     try {
-      switch (el.elType) {
-        case "point":
-        case "glider":
-        case "intersection": {
-          const baseSize = el.getAttribute?.("size") ?? 4;
-          const halo = board.create("point", [
-            () => el.X?.() ?? 0,
-            () => el.Y?.() ?? 0
-          ], {
-            ...haloBase,
-            size: baseSize + 6,
-            face: "o",
-            strokeWidth: 2,
-            strokeOpacity: 0.75,
-            fillOpacity: 0.25
-          });
-          halos.push(halo);
-          break;
-        }
-        case "segment": {
-          if (el.point1 && el.point2) {
-            const halo = board.create("segment", [el.point1, el.point2], {
-              ...haloBase,
-              strokeWidth: 9,
-              straightFirst: false,
-              straightLast: false
-            });
-            halos.push(halo);
-          }
-          break;
-        }
-        case "line":
-        case "arrow":
-        case "ray":
-        case "vector":
-        case "tangent":
-        case "normal":
-        case "parallel":
-        case "perpendicular":
-        case "bisector": {
-          if (el.point1 && el.point2) {
-            const halo = board.create("line", [el.point1, el.point2], {
-              ...haloBase,
-              strokeWidth: 9
-            });
-            halos.push(halo);
-          }
-          break;
-        }
-        case "circle": {
-          if (el.center && typeof el.Radius === "function") {
-            const halo = board.create("circle", [el.center, () => el.Radius?.() ?? 0], {
-              ...haloBase,
-              strokeWidth: 9,
-              fillOpacity: 0
-            });
-            halos.push(halo);
-          }
-          break;
-        }
-        case "polygon": {
-          if (Array.isArray(el.vertices) && el.vertices.length >= 3) {
-            const last = el.vertices.length - 1;
-            const verts = el.vertices[last] === el.vertices[0] ? el.vertices.slice(0, last) : el.vertices.slice();
-            const halo = board.create("polygon", verts, {
-              ...haloBase,
-              fillOpacity: 0.2,
-              borders: {
-                strokeColor: SEL_STROKE,
-                strokeWidth: 7,
-                strokeOpacity: 0.55,
-                highlight: false
-              }
-            });
-            halos.push(halo);
+      if (isPointLike) {
+        const baseSize = el.getAttribute?.("size") ?? 4;
+        const halo = board.create("point", [
+          () => el.X?.() ?? 0,
+          () => el.Y?.() ?? 0
+        ], {
+          ...haloBase,
+          size: baseSize + 6,
+          face: "o",
+          strokeWidth: 2,
+          strokeOpacity: 0.75,
+          fillOpacity: 0.25
+        });
+        halos.push(halo);
+      } else if (isPolygonLike) {
+        const verts = el.vertices;
+        const last = verts.length - 1;
+        const trimmed = verts[last] === verts[0] ? verts.slice(0, last) : verts.slice();
+        const halo = board.create("polygon", trimmed, {
+          ...haloBase,
+          fillOpacity: 0.2,
+          borders: {
+            strokeColor: SEL_STROKE,
+            strokeWidth: 7,
+            strokeOpacity: 0.55,
+            highlight: false
           }
-          break;
+        });
+        halos.push(halo);
+      } else if (isCircleLike && el.center && typeof el.Radius === "function") {
+        const halo = board.create("circle", [el.center, () => el.Radius?.() ?? 0], {
+          ...haloBase,
+          strokeWidth: 9,
+          fillOpacity: 0
+        });
+        halos.push(halo);
+      } else if (isSegment && el.point1 && el.point2) {
+        const halo = board.create("segment", [el.point1, el.point2], {
+          ...haloBase,
+          strokeWidth: 9,
+          straightFirst: false,
+          straightLast: false
+        });
+        halos.push(halo);
+      } else if (isLineLike && el.point1 && el.point2) {
+        const halo = board.create("line", [el.point1, el.point2], {
+          ...haloBase,
+          strokeWidth: 9
+        });
+        halos.push(halo);
+      } else if (el.center && (el.radiuspoint ?? el.radiusPoint) && (el.anglepoint ?? el.anglePoint) && (elType === "arc" || elType === "semicircle" || elType === "circumcirclearc" || elType === "sector" || elType === "angle")) {
+        const rp = el.radiuspoint ?? el.radiusPoint;
+        const ap = el.anglepoint ?? el.anglePoint;
+        if (elType === "sector") {
+          halos.push(board.create("sector", [el.center, rp, ap], {
+            ...haloBase,
+            strokeWidth: 7,
+            fillOpacity: 0.2
+          }));
+        } else if (elType === "angle") {
+          halos.push(board.create("angle", [rp, el.center, ap], {
+            ...haloBase,
+            strokeWidth: 7,
+            fillOpacity: 0.2,
+            radius: el.getAttribute?.("radius") ?? 1
+          }));
+        } else {
+          halos.push(board.create("arc", [el.center, rp, ap], {
+            ...haloBase,
+            strokeWidth: 9,
+            fillColor: "none",
+            fillOpacity: 0
+          }));
         }
-        default:
-          break;
       }
     } catch (err) {
       console.warn("[scene/render/2d] halo create fail:", err);
@@ -422,5 +472,5 @@ var JxgRenderer = class {
 };
 
 export { DEFAULT_THEME_2D, JxgRenderer };
-//# sourceMappingURL=chunk-SZDAS7LK.mjs.map
-//# sourceMappingURL=chunk-SZDAS7LK.mjs.map
+//# sourceMappingURL=chunk-IE2GGHNF.mjs.map
+//# sourceMappingURL=chunk-IE2GGHNF.mjs.map

package/dist/chunk-IE2GGHNF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/scene/render/types2d.ts","../src/core/scene/render/JxgRenderer.ts"],"names":[],"mappings":"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","file":"chunk-IE2GGHNF.mjs","sourcesContent":["// src/core/scene/render/types2d.ts\nimport type { RenderCtx } from '../types';\n\nexport type Theme2D = {\n  stroke: string;\n  fill: string;\n  label: string;\n  axis: string;\n  grid: string;\n  pointFill: string;\n};\n\nexport const DEFAULT_THEME_2D: Theme2D = {\n  stroke: '#0f172a',\n  fill: '#60a5fa',\n  label: '#0f172a',\n  axis: '#94a3b8',\n  grid: '#e2e8f0',\n  pointFill: '#1e40af',\n};\n\nexport type RenderCtx2D = RenderCtx & {\n  theme: Theme2D;\n};\n","// src/core/scene/render/JxgRenderer.ts\nimport type { Store } from '../store';\nimport type { State, SceneObject, RenderCtx } from '../types';\nimport { getKind } from '../registry';\nimport { DEFAULT_THEME_2D, type Theme2D } from './types2d';\nimport { collectFreeVars } from '../expressions/parser';\nimport { readLabelOffset } from '../kinds/_label';\n\nexport type JxgRendererOptions = { theme?: Theme2D };\n\nexport class JxgRenderer {\n  private board: unknown;\n  private store: Store;\n  private theme: Theme2D;\n  private elements = new Map<string, unknown>();\n  private unsubscribe: () => void;\n  private disposed = false;\n\n  /** Chỉ dùng cho domain='graph2d': parameter.label → parameter.value */\n  private paramMap: Record<string, number> = {};\n  /** Chỉ dùng cho domain='graph2d': function2d.id → expression string */\n  private functionExpr: Record<string, string> = {};\n\n  constructor(store: Store, board: unknown, options: JxgRendererOptions = {}) {\n    this.store = store;\n    this.board = board;\n    this.theme = options.theme ?? DEFAULT_THEME_2D;\n    this.unsubscribe = store.subscribe((next, prev) => this.applyDiff(prev, next));\n    // Render state hiện tại (vd LOAD chạy trước khi subscribe).\n    this.applyDiff(undefined, store.getState());\n  }\n\n  private ctx(): RenderCtx {\n    return {\n      jxg: this.board,\n      resolveRef: (id: string) => {\n        // Synthetic \"<polyId>:border:<N>\" → polygon.borders[N]. Polygon edges\n        // là sub-segment do JSXGraph auto-tạo bên trong polygon; chúng không\n        // có scene id riêng. Synthetic id cho phép construct tools (vd\n        // perpendicular qua một cạnh đa giác) tham chiếu cạnh như một line.\n        const m = /^(.+):border:(\\d+)$/.exec(id);\n        if (m) {\n          const poly = this.elements.get(m[1]) as { borders?: unknown[] } | undefined;\n          if (!poly) throw new Error(`[scene/2d] resolveRef: chưa render polygon id=\"${m[1]}\"`);\n          const borders = poly.borders;\n          const idx = parseInt(m[2], 10);\n          if (!Array.isArray(borders) || !borders[idx]) {\n            throw new Error(`[scene/2d] resolveRef: polygon \"${m[1]}\" không có border[${idx}]`);\n          }\n          return borders[idx];\n        }\n        const el = this.elements.get(id);\n        if (!el) throw new Error(`[scene/2d] resolveRef: chưa render id=\"${id}\"`);\n        return el;\n      },\n      defaults: { theme: this.theme, _functionExpr: this.functionExpr },\n      paramMap: this.paramMap,\n    };\n  }\n\n  /**\n   * Rebuild `paramMap` và `functionExpr` từ state hiện tại.\n   * Chỉ chạy khi domain='graph2d'. Chi phí thấp vì parameters thường ≤ 8.\n   */\n  private rebuildGraphMaps(state: State): void {\n    if (state.meta.domain !== 'graph2d') return;\n    const params: Record<string, number> = {};\n    const fns: Record<string, string> = {};\n    for (const id of state.order) {\n      const obj = state.objects[id];\n      if (obj.kind === 'parameter') {\n        params[obj.label] = (obj.attrs as { value: number }).value;\n      } else if (obj.kind === 'function2d') {\n        fns[obj.id] = (obj.attrs as { expression: string }).expression;\n      }\n    }\n    this.paramMap = params;\n    this.functionExpr = fns;\n  }\n\n  private create(obj: SceneObject): void {\n    try {\n      const def = getKind(obj.kind);\n      const el = def.render(obj, this.ctx());\n      this.elements.set(obj.id, el);\n      this.attachFreePointDragSync(obj, el);\n      this.attachGliderDragSync(obj, el);\n      this.attachLabelDragSync(obj, el);\n    } catch (err) {\n      console.warn(`[scene/render/2d] không render được ${obj.kind} id=\"${obj.id}\":`, err);\n    }\n  }\n\n  /**\n   * Sync vị trí glider của 3 constraint mới (onPerpendicular / onPerpBisector /\n   * onCircleAroundPoint) — kéo → recompute t/theta dựa trên ref points + vị trí\n   * glider hiện tại → UPDATE_ATTRS. Không đụng onLine/onSegment/onCircle hiện\n   * tại (giữ behavior cũ).\n   */\n  private attachGliderDragSync(obj: SceneObject, el: unknown): void {\n    if (obj.kind !== 'point') return;\n    const c = (obj.attrs as { constraint?: { kind?: string } }).constraint as\n      | { kind: string; [k: string]: unknown }\n      | undefined;\n    if (!c) return;\n    if (\n      c.kind !== 'onPerpendicular' &&\n      c.kind !== 'onPerpBisector' &&\n      c.kind !== 'onCircleAroundPoint'\n    ) {\n      return;\n    }\n\n    const point = el as { on?: (ev: string, cb: () => void) => void; X?: () => number; Y?: () => number };\n    if (typeof point.on !== 'function') return;\n    const sceneId = obj.id;\n\n    point.on('up', () => {\n      if (this.disposed) return;\n      const cur = this.store.getState().objects[sceneId];\n      if (!cur) return;\n      const curC = (cur.attrs as { constraint?: { kind?: string; [k: string]: unknown } }).constraint as\n        | { kind: string; [k: string]: unknown }\n        | undefined;\n      if (!curC) return;\n      if (typeof point.X !== 'function' || typeof point.Y !== 'function') return;\n      const x = point.X();\n      const y = point.Y();\n      if (!Number.isFinite(x) || !Number.isFinite(y)) return;\n\n      if (curC.kind === 'onPerpendicular') {\n        const T = this.elements.get(curC.through as string) as { X: () => number; Y: () => number } | null;\n        const A = this.elements.get(curC.perpToA as string) as { X: () => number; Y: () => number } | null;\n        const B = this.elements.get(curC.perpToB as string) as { X: () => number; Y: () => number } | null;\n        if (!T || !A || !B) return;\n        const dx = B.X() - A.X();\n        const dy = B.Y() - A.Y();\n        const len = Math.hypot(dx, dy) || 1;\n        const ux = -dy / len;\n        const uy = dx / len;\n        const newT = (x - T.X()) * ux + (y - T.Y()) * uy;\n        if (Math.abs(newT - (curC.t as number)) < 1e-9) return;\n        this.store.dispatch({\n          type: 'UPDATE_ATTRS',\n          payload: { id: sceneId, patch: { constraint: { ...curC, t: newT } } },\n        });\n        return;\n      }\n\n      if (curC.kind === 'onPerpBisector') {\n        const A = this.elements.get(curC.p1 as string) as { X: () => number; Y: () => number } | null;\n        const B = this.elements.get(curC.p2 as string) as { X: () => number; Y: () => number } | null;\n        if (!A || !B) return;\n        const Mx = (A.X() + B.X()) / 2;\n        const My = (A.Y() + B.Y()) / 2;\n        const dx = B.X() - A.X();\n        const dy = B.Y() - A.Y();\n        const len = Math.hypot(dx, dy) || 1;\n        const ux = -dy / len;\n        const uy = dx / len;\n        const newT = (x - Mx) * ux + (y - My) * uy;\n        if (Math.abs(newT - (curC.t as number)) < 1e-9) return;\n        this.store.dispatch({\n          type: 'UPDATE_ATTRS',\n          payload: { id: sceneId, patch: { constraint: { ...curC, t: newT } } },\n        });\n        return;\n      }\n\n      if (curC.kind === 'onCircleAroundPoint') {\n        const C = this.elements.get(curC.center as string) as { X: () => number; Y: () => number } | null;\n        if (!C) return;\n        const newTheta = Math.atan2(y - C.Y(), x - C.X());\n        if (Math.abs(newTheta - (curC.theta as number)) < 1e-9) return;\n        this.store.dispatch({\n          type: 'UPDATE_ATTRS',\n          payload: { id: sceneId, patch: { constraint: { ...curC, theta: newTheta } } },\n        });\n        return;\n      }\n    });\n  }\n\n  /**\n   * Đồng bộ toạ độ live của free point về scene.constraint khi user kéo bằng\n   * tay (Move tool / mobile drag). JSXGraph mutate obj.X()/Y() ngay nhưng\n   * constraint vẫn giữ giá trị lúc tạo → serialize sẽ ra SVG y hệt cũ →\n   * fileId SHA-256 trùng → Excalidraw bỏ qua refresh. (Regression từ\n   * commit f41f366 sau scene v2 port.)\n   *\n   * Chỉ áp dụng cho free point — glider/intersection/midpoint không drag được\n   * trực tiếp (toạ độ derived từ ref khác).\n   */\n  private attachFreePointDragSync(obj: SceneObject, el: unknown): void {\n    if (obj.kind !== 'point') return;\n    const c = (obj.attrs as { constraint?: { kind?: string } }).constraint;\n    if (!c || c.kind !== 'free') return;\n     \n    const point = el as any;\n    if (typeof point.on !== 'function') return;\n    const sceneId = obj.id;\n    point.on('up', () => {\n      if (this.disposed) return;\n      if (typeof point.X !== 'function' || typeof point.Y !== 'function') return;\n      const x = point.X();\n      const y = point.Y();\n      if (!Number.isFinite(x) || !Number.isFinite(y)) return;\n      const cur = this.store.getState().objects[sceneId];\n      if (!cur) return;\n      const curC = (cur.attrs as { constraint?: { kind?: string; x?: number; y?: number } }).constraint;\n      if (!curC || curC.kind !== 'free') return;\n      if (curC.x === x && curC.y === y) return;\n      this.store.dispatch({\n        type: 'UPDATE_ATTRS',\n        payload: { id: sceneId, patch: { constraint: { kind: 'free', x, y } } },\n      });\n    });\n  }\n\n  /**\n   * Cho phép kéo NHÃN của bất kỳ object nào có label (point/line/segment/\n   * circle...). Khi user kéo nhãn, JSXGraph cộng dồn vào label.relativeCoords\n   * (drag-delta screen px) nhưng KHÔNG đổi attribute offset → vị trí cuối =\n   * offset + relativeCoords. Ta gộp lại thành offset thuần (readLabelOffset),\n   * zero relativeCoords để khỏi double-count khi update-hook/recreate áp lại\n   * offset, rồi dispatch UPDATE_ATTRS { labelOffset }. Right-click → reset.\n   */\n  private attachLabelDragSync(obj: SceneObject, el: unknown): void {\n\n    const label = (el as { label?: any })?.label;\n    if (!label || typeof label.on !== 'function') return;\n    const sceneId = obj.id;\n\n    label.on('up', () => {\n      if (this.disposed) return;\n      const off = readLabelOffset(label);\n      if (!off) return;\n      const cur = this.store.getState().objects[sceneId];\n      if (!cur) return;\n      const prev = (cur.attrs as { labelOffset?: [number, number] }).labelOffset;\n      if (prev && prev[0] === off[0] && prev[1] === off[1]) return;\n      // Gộp drag-delta vào offset thuần + zero relativeCoords → vị trí không đổi,\n      // tránh double-count khi update-hook/recreate áp lại offset.\n      try {\n        label.setAttribute({ offset: off });\n        if (label.relativeCoords?.scrCoords) {\n          label.relativeCoords.scrCoords[1] = 0;\n          label.relativeCoords.scrCoords[2] = 0;\n        }\n      } catch { /* ignore */ }\n      this.store.dispatch({\n        type: 'UPDATE_ATTRS',\n        payload: { id: sceneId, patch: { labelOffset: off } },\n      });\n    });\n\n    // Reset bằng chuột phải trên nhãn.\n    const node = (label as { rendNode?: { addEventListener?: (e: string, cb: (ev: Event) => void) => void } }).rendNode;\n    if (node?.addEventListener) {\n      node.addEventListener('contextmenu', (ev: Event) => {\n        if (this.disposed) return;\n        ev.preventDefault();\n        const c = this.store.getState().objects[sceneId];\n        if (!c) return;\n        if ((c.attrs as { labelOffset?: unknown }).labelOffset === undefined) return;\n        this.store.dispatch({\n          type: 'UPDATE_ATTRS',\n          payload: { id: sceneId, patch: { labelOffset: undefined } },\n        });\n      });\n    }\n  }\n\n  private remove(id: string): void {\n    // Selection halo (nếu có) phải bị xoá TRƯỚC element gốc — halo tham chiếu\n    // tới point1/point2/center/vertices của element gốc qua lambda; xoá element\n    // gốc trước sẽ làm halo dangling.\n    this.removeHalo(id);\n    this.selectedIds.delete(id);\n    const el = this.elements.get(id);\n    if (!el) return;\n    try {\n      const helpers = (el as Record<string, unknown>)._helpers;\n      // Element chính bị remove trước, sau đó helpers (glider phụ trợ cho\n      // tangent ...). Helpers thường là parent của element chính — nếu xoá\n      // parent trước, JSXGraph có thể phàn nàn dangling reference.\n      (this.board as { removeObject?: (e: unknown) => void }).removeObject?.(el);\n      if (Array.isArray(helpers)) {\n        for (const h of helpers) {\n          try {\n            (this.board as { removeObject?: (e: unknown) => void }).removeObject?.(h);\n          } catch { /* ignore */ }\n        }\n      }\n    } catch (err) {\n      console.warn(`[scene/render/2d] không remove được id=\"${id}\":`, err);\n    }\n    this.elements.delete(id);\n  }\n\n  private applyDiff(prev: State | undefined, next: State): void {\n    if (this.disposed) return;\n\n    // Rebuild paramMap + functionExpr TRƯỚC khi diff, để ctx() có đúng\n    // paramMap khi render lần đầu tiên.\n    this.rebuildGraphMaps(next);\n\n    const prevObjs = prev?.objects ?? {};\n    const nextObjs = next.objects;\n\n    // Xoá ids biến mất.\n    for (const id of Object.keys(prevObjs)) {\n      if (!(id in nextObjs)) this.remove(id);\n    }\n\n    // Thêm/cập nhật theo state.order — đảm bảo refs có trước.\n    for (const id of next.order) {\n      const cur = nextObjs[id];\n      const old = prevObjs[id] as SceneObject | undefined;\n      if (!old) {\n        this.create(cur);\n        continue;\n      }\n      if (Object.is(old, cur)) continue;\n      const def = getKind(cur.kind);\n      const existing = this.elements.get(id);\n      if (def.update && existing) {\n        try { def.update(cur, old, this.ctx(), existing); continue; }\n        catch (err) { console.warn(`[scene/render/2d] update fail, recreate:`, err); }\n      }\n      this.remove(id);\n      this.create(cur);\n    }\n\n    // Sau diff bình thường: nếu domain='graph2d', detect parameter value changes\n    // và force re-render các function2d phụ thuộc.\n    if (next.meta.domain === 'graph2d' && prev) {\n      const changedParams = new Set<string>();\n      for (const id of next.order) {\n        const cur = next.objects[id];\n        const old = prev.objects[id] as SceneObject | undefined;\n        if (cur.kind !== 'parameter' || old?.kind !== 'parameter') continue;\n        if ((cur.attrs as { value: number }).value !== (old.attrs as { value: number }).value) {\n          changedParams.add(cur.label);\n        }\n      }\n      if (changedParams.size > 0) {\n        for (const id of next.order) {\n          const obj = next.objects[id];\n          if (obj.kind !== 'function2d') continue;\n          const expr = (obj.attrs as { expression: string }).expression;\n          const refs = collectFreeVars(expr);\n          if (refs.some((r) => changedParams.has(r))) {\n            this.remove(id);\n            this.create(obj);\n          }\n        }\n      }\n    }\n  }\n\n  dispose(): void {\n    if (this.disposed) return;\n    this.unsubscribe();\n    for (const id of Array.from(this.elements.keys())) this.remove(id);\n    this.disposed = true;\n  }\n\n  /** Return the rendered JSXGraph element for a scene id, or null if not found. */\n  getElement(id: string): unknown {\n    return this.elements.get(id) ?? null;\n  }\n\n  /** Return a read-only view of the scene id → JSXGraph element map (for hit-test). */\n  listElements(): Map<string, unknown> {\n    return this.elements;\n  }\n\n  // Selection halo overlay model: thay vì đổi màu element gốc thành đỏ, tạo\n  // một halo element gray phía sau (lower layer) → giữ nguyên màu gốc. Hỗ\n  // trợ multi-select cho cả canvas click-selection lẫn ObjectListPanel.\n  private selectedIds: Set<string> = new Set();\n  private haloMap: Map<string, unknown[]> = new Map();\n\n  highlight(ids: string | string[] | null): void {\n    if (this.disposed) return;\n    const newIds = new Set<string>(\n      ids == null ? [] : Array.isArray(ids) ? ids : [ids],\n    );\n    // Remove halos cho ids đã bị bỏ chọn.\n    for (const id of this.selectedIds) {\n      if (!newIds.has(id)) this.removeHalo(id);\n    }\n    // Add halos cho ids mới chọn.\n    for (const id of newIds) {\n      if (!this.selectedIds.has(id) && this.elements.has(id)) this.addHalo(id);\n    }\n    this.selectedIds = newIds;\n    try {\n      (this.board as { update?: () => void }).update?.();\n    } catch { /* ignore */ }\n  }\n\n  private removeHalo(id: string): void {\n    const halos = this.haloMap.get(id);\n    if (!halos) return;\n    const board = this.board as { removeObject?: (e: unknown) => void };\n    for (const h of halos) {\n      try { board.removeObject?.(h); } catch { /* ignore */ }\n    }\n    this.haloMap.delete(id);\n  }\n\n  private addHalo(id: string): void {\n    const el = this.elements.get(id) as\n      | {\n          elType?: string;\n          getAttribute?: (k: string) => unknown;\n          X?: () => number;\n          Y?: () => number;\n          point1?: unknown;\n          point2?: unknown;\n          center?: unknown;\n          Radius?: () => number;\n          vertices?: unknown[];\n          // Arc: radiuspoint/anglepoint (chữ thường). Sector/Angle: radiusPoint/\n          // anglePoint (chữ P HOA). center dùng chung.\n          radiuspoint?: unknown;\n          anglepoint?: unknown;\n          radiusPoint?: unknown;\n          anglePoint?: unknown;\n        }\n      | undefined;\n    if (!el) return;\n    const board = this.board as {\n      create?: (kind: string, parents: unknown[], attrs?: unknown) => unknown;\n    };\n    if (!board.create) return;\n\n    // Selection palette — gray fill + darker gray border (xem\n    // tham chiếu /tmp/ss.png).\n    const SEL_STROKE = '#475569'; // slate-600\n    const SEL_FILL = '#cbd5e1';   // slate-300\n    const haloBase = {\n      strokeColor: SEL_STROKE,\n      strokeOpacity: 0.55,\n      fillColor: SEL_FILL,\n      fillOpacity: 0.3,\n      fixed: true,\n      withLabel: false,\n      name: '',\n      highlight: false,\n      layer: 4,\n      needsRegularUpdate: true,\n    };\n    // Phân loại element bằng `elementClass` (JSXGraph constant: 1=POINT, 2=LINE,\n    // 3=CIRCLE) — set ĐÚNG cho MỌI cách dựng phái sinh (circumcenter,\n    // otherintersection, perpendicularpoint, circumcircle, incircle, perpendicular,\n    // parallel, tangent...). elType string KHÔNG đủ vì mỗi construction 1 tên riêng\n    // → trước đây O/M/N/D/E/F (điểm), O_c (circumcircle), square (regularpolygon)\n    // bị bỏ halo. Đồng bộ với objKind (tools.tsx). Polygon nhận qua `vertices`\n    // (elementClass polygon ≠ 1/2/3). Fallback elType cho test mock không set class.\n    const elementClass = (el as { elementClass?: number }).elementClass;\n    const elType = el.elType;\n    const isPointLike =\n      elementClass === 1 || elType === 'point' || elType === 'glider' || elType === 'intersection';\n    const isPolygonLike = Array.isArray(el.vertices) && el.vertices.length >= 3;\n    const isCircleLike =\n      elementClass === 3 || elType === 'circle' || elType === 'circumcircle' || elType === 'incircle';\n    const isSegment = elType === 'segment';\n    const isLineLike =\n      elementClass === 2 ||\n      elType === 'line' || elType === 'arrow' || elType === 'ray' || elType === 'vector' ||\n      elType === 'tangent' || elType === 'normal' || elType === 'parallel' ||\n      elType === 'perpendicular' || elType === 'bisector';\n\n    const halos: unknown[] = [];\n    try {\n      if (isPointLike) {\n        const baseSize = (el.getAttribute?.('size') as number | undefined) ?? 4;\n        const halo = board.create('point', [\n          () => el.X?.() ?? 0,\n          () => el.Y?.() ?? 0,\n        ], {\n          ...haloBase,\n          size: baseSize + 6,\n          face: 'o',\n          strokeWidth: 2,\n          strokeOpacity: 0.75,\n          fillOpacity: 0.25,\n        });\n        halos.push(halo);\n      } else if (isPolygonLike) {\n        // JSXGraph polygon.vertices có thể append vertex đầu lặp lại ở cuối để\n        // đóng path — trim cho an toàn. Bắt cả 'polygon' lẫn 'regularpolygon'.\n        const verts = el.vertices!;\n        const last = verts.length - 1;\n        const trimmed = verts[last] === verts[0] ? verts.slice(0, last) : verts.slice();\n        const halo = board.create('polygon', trimmed, {\n          ...haloBase,\n          fillOpacity: 0.2,\n          borders: {\n            strokeColor: SEL_STROKE,\n            strokeWidth: 7,\n            strokeOpacity: 0.55,\n            highlight: false,\n          },\n        });\n        halos.push(halo);\n      } else if (isCircleLike && el.center && typeof el.Radius === 'function') {\n        // Bắt cả 'circle', 'circumcircle', 'incircle' (elementClass 3).\n        const halo = board.create('circle', [el.center, () => el.Radius?.() ?? 0], {\n          ...haloBase,\n          strokeWidth: 9,\n          fillOpacity: 0,\n        });\n        halos.push(halo);\n      } else if (isSegment && el.point1 && el.point2) {\n        const halo = board.create('segment', [el.point1, el.point2], {\n          ...haloBase,\n          strokeWidth: 9,\n          straightFirst: false,\n          straightLast: false,\n        });\n        halos.push(halo);\n      } else if (isLineLike && el.point1 && el.point2) {\n        // Gồm cả slopetriangle (extends Line, elementClass 2) → halo line dọc\n        // đường dốc.\n        const halo = board.create('line', [el.point1, el.point2], {\n          ...haloBase,\n          strokeWidth: 9,\n        });\n        halos.push(halo);\n      } else if (\n        el.center && (el.radiuspoint ?? el.radiusPoint) && (el.anglepoint ?? el.anglePoint) &&\n        (elType === 'arc' || elType === 'semicircle' || elType === 'circumcirclearc' ||\n          elType === 'sector' || elType === 'angle')\n      ) {\n        // Arc/Sector/Angle (CURVE class) — dựng lại element cùng loại, dày xám.\n        // ⚠️ Runtime JSXGraph dùng `radiuspoint`/`anglepoint` (chữ THƯỜNG) cho cả\n        // Arc LẪN Sector/Angle — .d.ts ghi `radiusPoint`/`anglePoint` (P HOA) cho\n        // Sector/Angle là SAI (đã verify bằng Playwright). Đọc cả hai cho an toàn.\n        const rp = el.radiuspoint ?? el.radiusPoint;\n        const ap = el.anglepoint ?? el.anglePoint;\n        if (elType === 'sector') {\n          halos.push(board.create('sector', [el.center, rp, ap], {\n            ...haloBase, strokeWidth: 7, fillOpacity: 0.2,\n          }));\n        } else if (elType === 'angle') {\n          // create('angle', [p1, vertex, p2]); vertex = center.\n          halos.push(board.create('angle', [rp, el.center, ap], {\n            ...haloBase, strokeWidth: 7, fillOpacity: 0.2,\n            radius: (el.getAttribute?.('radius') as number | undefined) ?? 1,\n          }));\n        } else {\n          halos.push(board.create('arc', [el.center, rp, ap], {\n            ...haloBase, strokeWidth: 9, fillColor: 'none', fillOpacity: 0,\n          }));\n        }\n      }\n      // Còn lại (functiongraph/curve, text...) — chưa hỗ trợ halo; hiếm khi chọn.\n    } catch (err) {\n      console.warn('[scene/render/2d] halo create fail:', err);\n    }\n    if (halos.length) this.haloMap.set(id, halos);\n  }\n}\n"]}

package/dist/{chunk-ZTQBUKLJ.mjs → chunk-JJ4FPCBE.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { compile, validate } from './chunk-IHUFOV7L.mjs';
+import { labelOpts, compile, validate } from './chunk-CH6SFONH.mjs';
 import { createEmptyState } from './chunk-73Q7ADVL.mjs';
 import { registerKind } from './chunk-B4NJJZFR.mjs';
 import * as React from 'react';
@@ -563,8 +563,12 @@ function constraintRefs2D(c) {
       return [c.line, c.circle, c.other];
     case "tangencyPoint":
       return [c.circle, c.onLine];
-    case "arcMidpoint":
-      return [c.circle, c.a, c.b, c.notContaining];
+    case "arcMidpoint": {
+      const containment = c.notContaining ?? c.containing;
+      return containment ? [c.circle, c.a, c.b, containment] : [c.circle, c.a, c.b];
+    }
+    case "mixtilinearPoint":
+      return [c.vertices[0], c.vertices[1], c.vertices[2]];
     case "pointAtDistance": {
       const d = c.distance;
       const extra = d.kind === "circleRadius" ? [d.circle] : d.kind === "segmentLength" ? [d.p1, d.p2] : [];
@@ -777,7 +781,7 @@ function dist(p, q) {
 function sideOf(a, b, p) {
   return (b[0] - a[0]) * (p[1] - a[1]) - (b[1] - a[1]) * (p[0] - a[0]);
 }
-function arcMidpoint(center, radius, a, b, notContaining) {
+function arcMidpoint(center, radius, a, b, reference, sameSide = false) {
   const mcx = (a[0] + b[0]) / 2;
   const mcy = (a[1] + b[1]) / 2;
   let ux = mcx - center[0];
@@ -792,12 +796,18 @@ function arcMidpoint(center, radius, a, b, notContaining) {
   uy /= len;
   const cand1 = [center[0] + radius * ux, center[1] + radius * uy];
   const cand2 = [center[0] - radius * ux, center[1] - radius * uy];
+  if (!reference) return cand1[1] >= cand2[1] ? cand1 : cand2;
+  const notContaining = reference;
   const sN = sideOf(a, b, notContaining);
   if (Math.abs(sN) < 1e-9) {
-    return dist(cand1, notContaining) >= dist(cand2, notContaining) ? cand1 : cand2;
+    const far = dist(cand1, notContaining) >= dist(cand2, notContaining) ? cand1 : cand2;
+    const near = far === cand1 ? cand2 : cand1;
+    return sameSide ? near : far;
   }
   const s1 = sideOf(a, b, cand1);
-  return s1 * sN < 0 ? cand1 : cand2;
+  const opp = s1 * sN < 0 ? cand1 : cand2;
+  const same = opp === cand1 ? cand2 : cand1;
+  return sameSide ? same : opp;
 }
 function excenter(vertices, oppositeIndex) {
   const [A, B, C] = vertices;
@@ -813,6 +823,35 @@ function excenter(vertices, oppositeIndex) {
     (w[0] * A[1] + w[1] * B[1] + w[2] * C[1]) / sum
   ];
 }
+function circumcenterXY(a, b, c) {
+  const ax = a[0], ay = a[1], bx = b[0], by = b[1], cx = c[0], cy = c[1];
+  const d = 2 * (ax * (by - cy) + bx * (cy - ay) + cx * (ay - by));
+  if (Math.abs(d) < 1e-12) return [(ax + bx + cx) / 3, (ay + by + cy) / 3];
+  const ux = ((ax * ax + ay * ay) * (by - cy) + (bx * bx + by * by) * (cy - ay) + (cx * cx + cy * cy) * (ay - by)) / d;
+  const uy = ((ax * ax + ay * ay) * (cx - bx) + (bx * bx + by * by) * (ax - cx) + (cx * cx + cy * cy) * (bx - ax)) / d;
+  return [ux, uy];
+}
+function mixtilinearPoint(a, b, c, which) {
+  const O = circumcenterXY(a, b, c);
+  const R = Math.hypot(O[0] - a[0], O[1] - a[1]);
+  const ux1 = (b[0] - a[0]) / (Math.hypot(b[0] - a[0], b[1] - a[1]) || 1);
+  const uy1 = (b[1] - a[1]) / (Math.hypot(b[0] - a[0], b[1] - a[1]) || 1);
+  const ux2 = (c[0] - a[0]) / (Math.hypot(c[0] - a[0], c[1] - a[1]) || 1);
+  const uy2 = (c[1] - a[1]) / (Math.hypot(c[0] - a[0], c[1] - a[1]) || 1);
+  let bx = ux1 + ux2, by = uy1 + uy2;
+  const bl = Math.hypot(bx, by) || 1;
+  bx /= bl;
+  by /= bl;
+  const cosA = ux1 * ux2 + uy1 * uy2;
+  const sinHalf = Math.sqrt(Math.max(0, (1 - cosA) / 2));
+  const cos2Half = Math.max(1e-9, (1 + cosA) / 2);
+  const dotAO = bx * (O[0] - a[0]) + by * (O[1] - a[1]);
+  const d = 2 * (dotAO - R * sinHalf) / cos2Half;
+  const K = [a[0] + d * bx, a[1] + d * by];
+  if (which === "center") return K;
+  const kl = Math.hypot(K[0] - O[0], K[1] - O[1]) || 1;
+  return [O[0] + R * (K[0] - O[0]) / kl, O[1] + R * (K[1] - O[1]) / kl];
+}
 function pointAtDistanceCoord(from, through, d) {
   const dx = through[0] - from[0];
   const dy = through[1] - from[1];
@@ -831,29 +870,38 @@ function radicalAxisFoot(o1, r1, o2, r2) {
 var arcMidpointConstraint = definePointConstraint({
   kind: "arcMidpoint",
   validate: (c) => {
-    if (!c.circle || !c.a || !c.b || !c.notContaining) {
-      throw new Error("point.arcMidpoint: circle, a, b, notContaining b\u1EAFt bu\u1ED9c");
+    if (!c.circle || !c.a || !c.b) {
+      throw new Error("point.arcMidpoint: circle, a, b b\u1EAFt bu\u1ED9c");
+    }
+    if (c.notContaining && c.containing) {
+      throw new Error("point.arcMidpoint: kh\xF4ng th\u1EC3 v\u1EEBa notContaining v\u1EEBa containing");
     }
   },
   describe: (obj, state, c) => {
     const al = state?.objects[c.a]?.label ?? c.a;
     const bl = state?.objects[c.b]?.label ?? c.b;
-    const nl = state?.objects[c.notContaining]?.label ?? c.notContaining;
-    return `${obj.label} = trung \u0111i\u1EC3m cung ${al}${bl} (kh\xF4ng ch\u1EE9a ${nl})`;
+    const ref = c.containing ?? c.notContaining;
+    if (!ref) return `${obj.label} = trung \u0111i\u1EC3m cung ${al}${bl}`;
+    const rl = state?.objects[ref]?.label ?? ref;
+    const rel = c.containing ? "ch\u1EE9a" : "kh\xF4ng ch\u1EE9a";
+    return `${obj.label} = trung \u0111i\u1EC3m cung ${al}${bl} (${rel} ${rl})`;
   },
   render: (obj, ctx, c, opts) => {
     const board = ctx.jxg;
     const circle = ctx.resolveRef(c.circle);
     const A = ctx.resolveRef(c.a);
     const B = ctx.resolveRef(c.b);
-    const N = ctx.resolveRef(c.notContaining);
+    const refName = c.containing ?? c.notContaining;
+    const ref = refName ? ctx.resolveRef(refName) : void 0;
+    const sameSide = !!c.containing;
     const O = circle?.center ?? circle?.midpoint ?? circle;
     const am = () => arcMidpoint(
       [O.X(), O.Y()],
       circle.Radius(),
       [A.X(), A.Y()],
       [B.X(), B.Y()],
-      [N.X(), N.Y()]
+      ref ? [ref.X(), ref.Y()] : void 0,
+      sameSide
     );
     return board.create("point", [() => am()[0], () => am()[1]], opts);
   }
@@ -894,6 +942,36 @@ var excenterConstraint = definePointConstraint({
   }
 });
 
+// src/core/scene/kinds/point-constraints/mixtilinearPoint.ts
+var mixtilinearPointConstraint = definePointConstraint({
+  kind: "mixtilinearPoint",
+  validate: (c) => {
+    if (!Array.isArray(c.vertices) || c.vertices.length !== 3 || !c.vertices.every(Boolean)) {
+      throw new Error("point.mixtilinearPoint: vertices ph\u1EA3i l\xE0 tuple 3 id non-empty");
+    }
+    if (c.which !== "center" && c.which !== "touch") {
+      throw new Error("point.mixtilinearPoint: which ph\u1EA3i 'center' | 'touch'");
+    }
+  },
+  describe: (obj, state, c) => {
+    const labels = c.vertices.map((id) => state?.objects[id]?.label ?? id).join("");
+    return c.which === "center" ? `${obj.label} = t\xE2m \u0111\u01B0\u1EDDng tr\xF2n mixtilinear \u0394${labels}` : `${obj.label} = ti\u1EBFp \u0111i\u1EC3m mixtilinear \u0394${labels} v\u1EDBi (O)`;
+  },
+  render: (obj, ctx, c, opts) => {
+    const board = ctx.jxg;
+    const a = ctx.resolveRef(c.vertices[0]);
+    const b = ctx.resolveRef(c.vertices[1]);
+    const d = ctx.resolveRef(c.vertices[2]);
+    const mp = () => mixtilinearPoint(
+      [a.X(), a.Y()],
+      [b.X(), b.Y()],
+      [d.X(), d.Y()],
+      c.which
+    );
+    return board.create("point", [() => mp()[0], () => mp()[1]], opts);
+  }
+});
+
 // src/core/scene/kinds/point-constraints/shared.ts
 function buildJxgTransforms(board, ctx, t) {
   switch (t.kind) {
@@ -945,7 +1023,8 @@ function buildPointOpts(obj) {
     strokeColor: obj.attrs.color ?? "#1e40af",
     fillColor: obj.attrs.color ?? "#1e40af",
     face: obj.attrs.face ?? "o",
-    size: obj.attrs.size ?? 4
+    size: obj.attrs.size ?? 4,
+    ...labelOpts(obj.attrs.labelOffset, [10, 10])
   };
 }
 
@@ -1183,6 +1262,7 @@ var ALL = [
   centroidConstraint,
   arcMidpointConstraint,
   excenterConstraint,
+  mixtilinearPointConstraint,
   pointAtDistanceConstraint,
   circleIntersectionConstraint,
   circleSecondIntersectionConstraint,
@@ -1265,7 +1345,8 @@ var def3 = {
             strokeColor: obj.attrs.color ?? "#1e40af",
             fillColor: obj.attrs.color ?? "#1e40af",
             face: obj.attrs.face ?? "o",
-            size: obj.attrs.size ?? 4
+            size: obj.attrs.size ?? 4,
+            ...labelOpts(obj.attrs.labelOffset, [10, 10])
           });
         } catch {
         }
@@ -1309,7 +1390,8 @@ var def4 = {
       strokeWidth: obj.attrs.width ?? 2,
       dash: obj.attrs.dash ?? 0,
       visible: obj.visible,
-      fixed: obj.locked
+      fixed: obj.locked,
+      ...labelOpts(obj.attrs.labelOffset)
     });
   }
 };
@@ -1380,7 +1462,8 @@ var def5 = {
       strokeWidth: obj.attrs.width ?? 2,
       dash: obj.attrs.dash ?? 0,
       visible: obj.visible,
-      fixed: obj.locked
+      fixed: obj.locked,
+      ...labelOpts(obj.attrs.labelOffset)
     };
     const c = obj.attrs.construction;
     if (!c) {
@@ -1675,15 +1758,17 @@ var def8 = {
     const board = ctx.jxg;
     const isCenterLabel = (l) => /^[A-Z]['′]?\d*$/u.test(l);
     const isCenter = isCenterLabel(obj.label);
+    const isRenamedCircle = /_c$/.test(obj.label);
     const baseOpts = {
       name: obj.label,
-      withLabel: isCenter ? obj.attrs.showLabel ?? false : true,
+      withLabel: isCenter ? obj.attrs.showLabel ?? false : isRenamedCircle ? false : true,
       strokeColor: obj.attrs.color ?? "#0f172a",
       strokeWidth: obj.attrs.width ?? 2,
       dash: obj.attrs.dash ?? 0,
       fillColor: "none",
       visible: obj.visible,
-      fixed: obj.locked
+      fixed: obj.locked,
+      ...labelOpts(obj.attrs.labelOffset)
     };
     const c = asConstruction(obj.attrs);
     if (c?.kind === "circumscribed") {
@@ -2141,8 +2226,11 @@ var def12 = {
     const opts = {
       name: obj.label,
       withLabel: true,
-      strokeColor: obj.attrs.color ?? "#dc2626",
-      fillColor: obj.attrs.color ?? "#dc2626",
+      // Cùng màu xanh với mọi điểm khác (buildPointOpts dùng '#1e40af').
+      // Trước đây điểm giao tô đỏ '#dc2626' → tách biệt thị giác nhưng gây
+      // khó hiểu ("vì sao điểm này khác màu?"). Giữ chung một màu.
+      strokeColor: obj.attrs.color ?? "#1e40af",
+      fillColor: obj.attrs.color ?? "#1e40af",
       visible: obj.visible,
       fixed: obj.locked
     };
@@ -2151,6 +2239,38 @@ var def12 = {
     }
     const branch = obj.attrs.branch ?? 0;
     return board.create("intersection", [a, b, branch], opts);
+  },
+  /**
+   * Cập nhật TẠI CHỖ các thuộc tính "trang trí" (tên/màu/ẩn-hiện/khoá) qua
+   * setAttribute — giữ nguyên JxgObj identity nên các object phụ thuộc điểm
+   * giao (đường thẳng qua nó, …) KHÔNG bị stale parent ref. Mô phỏng update
+   * hook của point.ts.
+   *
+   * Nếu định nghĩa hình học đổi (kind/ref1/ref2/branch) thì throw → renderer
+   * fallback remove + create để JSXGraph dựng lại phép giao đúng.
+   */
+  update: (obj, prev, ctx, existing) => {
+    const a = obj.attrs;
+    const p = prev.attrs;
+    const branchA = a.branch;
+    const branchP = p.branch;
+    if (a.kind !== p.kind || a.ref1 !== p.ref1 || a.ref2 !== p.ref2 || branchA !== branchP) {
+      throw new Error("intersection: \u0111\u1ECBnh ngh\u0129a h\xECnh h\u1ECDc \u0111\u1ED5i \u2014 recreate");
+    }
+    const el = existing;
+    if (typeof el.setAttribute === "function") {
+      try {
+        el.setAttribute({
+          name: obj.label,
+          withLabel: true,
+          strokeColor: a.color ?? "#1e40af",
+          fillColor: a.color ?? "#1e40af",
+          visible: obj.visible,
+          fixed: obj.locked
+        });
+      } catch {
+      }
+    }
   }
 };
 registerKind(def12);
@@ -2532,5 +2652,5 @@ function deserializeScene(domain, raw) {
 }
 
 export { deserializeScene, listObjects, nextLabel, serializeScene, useEditorState };
-//# sourceMappingURL=chunk-ZTQBUKLJ.mjs.map
-//# sourceMappingURL=chunk-ZTQBUKLJ.mjs.map
+//# sourceMappingURL=chunk-JJ4FPCBE.mjs.map
+//# sourceMappingURL=chunk-JJ4FPCBE.mjs.map