@xom11/whiteboard 0.11.0 → 0.24.0

package/dist/host-N6ACNJKI.mjs

@@ -1,3226 +0,0 @@
-"use client";
-import { VIEW3D_ATTRS, DEFAULT_VIEW3D, GROUND_PLANE_RANGE, GROUND_PLANE_ATTRS, paletteFor, serializeBoard3D, renderGeometry3DSvgFromState, isGeometry3DCustomData, parseSerializedBoard3D } from './chunk-WQOABS6N.mjs';
-import { useChordShortcut, MobileToolDrawer } from './chunk-SBDMF4NQ.mjs';
-import './chunk-HTBLO5JO.mjs';
-import { useIsMobile } from './chunk-P2AOIF7S.mjs';
-import { insertStampImage } from './chunk-C6SCVOMC.mjs';
-import './chunk-BJTO5JO5.mjs';
-import * as React2 from 'react';
-import { forwardRef, useRef, useState, useCallback, useEffect, useMemo, useImperativeHandle } from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { createPortal } from 'react-dom';
-
-// src/stamps/geometry-3d/editor/tools/handlers/_ensurePoint.ts
-function hitToConstraint(hit) {
-  switch (hit.kind) {
-    case "onGround":
-      return { kind: "onGround", x: hit.world[0], y: hit.world[1] };
-    case "onAxis":
-      return { kind: "onAxis", axis: hit.axis, t: hit.t };
-    case "onPlane":
-      return { kind: "onPlane", planeId: hit.planeId, u: hit.u, v: hit.v };
-    case "onLine":
-      return { kind: "onLine", lineId: hit.lineId, t: hit.t };
-    case "onPolygon":
-      return { kind: "onPolygon", polygonId: hit.polygonId, u: hit.u, v: hit.v };
-    case "onSphere":
-      return { kind: "onSphere", sphereId: hit.sphereId, theta: hit.theta, phi: hit.phi };
-    default:
-      return null;
-  }
-}
-function ensurePoint(hit, scene) {
-  if (hit.kind === "existingPoint") return hit.pointId;
-  const c = hitToConstraint(hit);
-  if (!c) return null;
-  return scene.addPoint(c);
-}
-
-// src/stamps/geometry-3d/editor/tools/handlers/point.ts
-function buildPoint(args, scene) {
-  const hit = args[0]?.hit;
-  if (!hit) return null;
-  if (hit.kind === "existingPoint") return hit.pointId;
-  const c = hitToConstraint(hit);
-  if (!c) return null;
-  return scene.addPoint(c);
-}
-var buildPointOnObject = buildPoint;
-
-// src/stamps/geometry-3d/editor/tools/handlers/segment.ts
-function buildSegment(args, scene) {
-  if (args.length < 2 || !args[0].hit || !args[1].hit) return null;
-  const p1 = ensurePoint(args[0].hit, scene);
-  const p2 = ensurePoint(args[1].hit, scene);
-  if (!p1 || !p2 || p1 === p2) return null;
-  return scene.addObject("segment", { p1, p2 });
-}
-function buildLine(args, scene) {
-  if (args.length < 2 || !args[0].hit || !args[1].hit) return null;
-  const p1 = ensurePoint(args[0].hit, scene);
-  const p2 = ensurePoint(args[1].hit, scene);
-  if (!p1 || !p2 || p1 === p2) return null;
-  return scene.addObject("line", { p1, p2 });
-}
-function buildRay(args, scene) {
-  if (args.length < 2 || !args[0].hit || !args[1].hit) return null;
-  const origin = ensurePoint(args[0].hit, scene);
-  const through = ensurePoint(args[1].hit, scene);
-  if (!origin || !through || origin === through) return null;
-  return scene.addObject("ray", { origin, through });
-}
-function buildVector(args, scene) {
-  if (args.length < 2 || !args[0].hit || !args[1].hit) return null;
-  const from = ensurePoint(args[0].hit, scene);
-  const to = ensurePoint(args[1].hit, scene);
-  if (!from || !to || from === to) return null;
-  return scene.addObject("vector", { from, to });
-}
-
-// src/stamps/geometry-3d/editor/tools/handlers/polygon.ts
-function buildPolygon(args, scene) {
-  const vertexArgs = args.filter((a) => a.step.type === "point");
-  const vertexIds = vertexArgs.map((a) => a.hit ? ensurePoint(a.hit, scene) : null).filter((x) => !!x);
-  if (vertexIds.length < 3) return null;
-  return scene.addObject("polygon", { vertices: vertexIds });
-}
-
-// src/stamps/geometry-3d/editor/scene/constraintMath.ts
-function sub(a, b) {
-  return [a[0] - b[0], a[1] - b[1], a[2] - b[2]];
-}
-function add(a, b) {
-  return [a[0] + b[0], a[1] + b[1], a[2] + b[2]];
-}
-function scale(a, k) {
-  return [a[0] * k, a[1] * k, a[2] * k];
-}
-function dot(a, b) {
-  return a[0] * b[0] + a[1] * b[1] + a[2] * b[2];
-}
-function cross(a, b) {
-  return [a[1] * b[2] - a[2] * b[1], a[2] * b[0] - a[0] * b[2], a[0] * b[1] - a[1] * b[0]];
-}
-function norm(a) {
-  return Math.sqrt(dot(a, a));
-}
-function normalize(a) {
-  const n = norm(a);
-  return n === 0 ? a : scale(a, 1 / n);
-}
-function getPointWorld(id, scene) {
-  const obj = scene.get(id);
-  if (!obj || obj.kind !== "point") {
-    throw new Error(`constraintMath: point ${id} not found`);
-  }
-  return constraintToWorld(obj.constraint, scene);
-}
-function getPlaneBasis(planeObj, scene) {
-  const p1 = getPointWorld(planeObj.p1, scene);
-  const p2 = getPointWorld(planeObj.p2, scene);
-  const p3 = getPointWorld(planeObj.p3, scene);
-  const basis1 = sub(p2, p1);
-  const tmp = sub(p3, p1);
-  const normal = normalize(cross(basis1, tmp));
-  const basis2 = cross(normal, basis1);
-  return { origin: p1, basis1, basis2, normal };
-}
-function constraintToWorld(c, scene) {
-  switch (c.kind) {
-    case "free":
-      return [c.x, c.y, c.z];
-    case "onGround":
-      return [c.x, c.y, 0];
-    case "onAxis": {
-      if (c.axis === "x") return [c.t, 0, 0];
-      if (c.axis === "y") return [0, c.t, 0];
-      return [0, 0, c.t];
-    }
-    case "onPlane": {
-      const plane = scene.get(c.planeId);
-      if (!plane || plane.kind !== "plane") throw new Error("onPlane: plane missing");
-      const { origin, basis1, basis2 } = getPlaneBasis(plane, scene);
-      return add(add(origin, scale(basis1, c.u)), scale(basis2, c.v));
-    }
-    case "onLine": {
-      const line = scene.get(c.lineId);
-      if (!line || line.kind !== "line" && line.kind !== "segment" && line.kind !== "ray") {
-        throw new Error("onLine: parent missing");
-      }
-      const p1Id = line.kind === "ray" ? line.origin : line.p1;
-      const p2Id = line.kind === "ray" ? line.through : line.p2;
-      const p1 = getPointWorld(p1Id, scene);
-      const p2 = getPointWorld(p2Id, scene);
-      const dir = sub(p2, p1);
-      return add(p1, scale(dir, c.t));
-    }
-    case "onPolygon": {
-      const pg = scene.get(c.polygonId);
-      if (!pg || pg.kind !== "polygon") throw new Error("onPolygon: parent missing");
-      const v = pg.vertices;
-      if (v.length < 3) throw new Error("onPolygon: < 3 vertices");
-      const p1 = getPointWorld(v[0], scene);
-      const p2 = getPointWorld(v[1], scene);
-      const p3 = getPointWorld(v[2], scene);
-      const basis1 = sub(p2, p1);
-      const tmp = sub(p3, p1);
-      const normal = normalize(cross(basis1, tmp));
-      const basis2 = cross(normal, basis1);
-      return add(add(p1, scale(basis1, c.u)), scale(basis2, c.v));
-    }
-    case "onSphere": {
-      const sph = scene.get(c.sphereId);
-      if (!sph || sph.kind !== "sphere") throw new Error("onSphere: parent missing");
-      const center = getPointWorld(sph.center, scene);
-      const surface = getPointWorld(sph.surfacePoint, scene);
-      const radius = norm(sub(surface, center));
-      const x = center[0] + radius * Math.sin(c.phi) * Math.cos(c.theta);
-      const y = center[1] + radius * Math.sin(c.phi) * Math.sin(c.theta);
-      const z = center[2] + radius * Math.cos(c.phi);
-      return [x, y, z];
-    }
-  }
-}
-
-// src/stamps/geometry-3d/editor/scene/geometryChecks.ts
-var EPS = 1e-6;
-function getWorld(id, scene) {
-  const obj = scene.get(id);
-  if (!obj || obj.kind !== "point") return null;
-  return constraintToWorld(obj.constraint, scene);
-}
-function areCollinear3(p1Id, p2Id, p3Id, scene) {
-  const p1 = getWorld(p1Id, scene);
-  const p2 = getWorld(p2Id, scene);
-  const p3 = getWorld(p3Id, scene);
-  if (!p1 || !p2 || !p3) return true;
-  const a = [p2[0] - p1[0], p2[1] - p1[1], p2[2] - p1[2]];
-  const b = [p3[0] - p1[0], p3[1] - p1[1], p3[2] - p1[2]];
-  const c = [a[1] * b[2] - a[2] * b[1], a[2] * b[0] - a[0] * b[2], a[0] * b[1] - a[1] * b[0]];
-  return Math.hypot(c[0], c[1], c[2]) < EPS;
-}
-function apexCoplanarWithBase(baseIds, apexId, scene) {
-  if (baseIds.length < 3) return false;
-  const p1 = getWorld(baseIds[0], scene);
-  const p2 = getWorld(baseIds[1], scene);
-  const p3 = getWorld(baseIds[2], scene);
-  const apex = getWorld(apexId, scene);
-  if (!p1 || !p2 || !p3 || !apex) return false;
-  const a = [p2[0] - p1[0], p2[1] - p1[1], p2[2] - p1[2]];
-  const b = [p3[0] - p1[0], p3[1] - p1[1], p3[2] - p1[2]];
-  const n = [a[1] * b[2] - a[2] * b[1], a[2] * b[0] - a[0] * b[2], a[0] * b[1] - a[1] * b[0]];
-  const d = [apex[0] - p1[0], apex[1] - p1[1], apex[2] - p1[2]];
-  const dotND = n[0] * d[0] + n[1] * d[1] + n[2] * d[2];
-  return Math.abs(dotND) < EPS;
-}
-
-// src/stamps/geometry-3d/editor/tools/handlers/plane.ts
-function buildPlane(args, scene) {
-  if (args.length < 3 || !args[0].hit || !args[1].hit || !args[2].hit) return null;
-  const p1 = ensurePoint(args[0].hit, scene);
-  const p2 = ensurePoint(args[1].hit, scene);
-  const p3 = ensurePoint(args[2].hit, scene);
-  if (!p1 || !p2 || !p3) return null;
-  if (p1 === p2 || p2 === p3 || p1 === p3) return null;
-  if (areCollinear3(p1, p2, p3, scene)) return null;
-  return scene.addObject("plane", { p1, p2, p3 });
-}
-
-// src/stamps/geometry-3d/editor/tools/handlers/pyramid.ts
-function buildPyramid(args, scene) {
-  const pointArgs = args.filter((a) => a.step.type === "point");
-  const baseArgs = pointArgs.slice(0, -1);
-  const apexArg = pointArgs.slice(-1)[0];
-  if (baseArgs.length < 3 || !apexArg?.hit) return null;
-  const baseIds = baseArgs.map((a) => a.hit ? ensurePoint(a.hit, scene) : null).filter((x) => !!x);
-  const apexId = ensurePoint(apexArg.hit, scene);
-  if (!apexId || baseIds.length < 3) return null;
-  if (apexCoplanarWithBase(baseIds, apexId, scene)) return null;
-  const vertices = [...baseIds, apexId];
-  const apexIdx = vertices.length - 1;
-  const faces = [baseIds.map((_, i) => i)];
-  for (let i = 0; i < baseIds.length; i++) {
-    faces.push([i, (i + 1) % baseIds.length, apexIdx]);
-  }
-  return scene.addObject("polyhedron", { flavor: "pyramid", vertices, faces });
-}
-
-// src/stamps/geometry-3d/editor/tools/handlers/prism.ts
-function buildPrism(args, scene) {
-  const baseArgs = args.filter((a) => a.step.type === "point");
-  const numberArg = args.find((a) => a.step.type === "number");
-  if (baseArgs.length < 3 || !numberArg || typeof numberArg.value !== "number") return null;
-  const height = numberArg.value;
-  if (height <= 0) return null;
-  const baseIds = baseArgs.map((a) => a.hit ? ensurePoint(a.hit, scene) : null).filter((x) => !!x);
-  if (baseIds.length < 3) return null;
-  const topIds = [];
-  for (const id of baseIds) {
-    const p = scene.get(id);
-    if (!p || p.kind !== "point") return null;
-    const w = constraintToWorld(p.constraint, scene);
-    topIds.push(scene.addPoint({ kind: "free", x: w[0], y: w[1], z: w[2] + height }));
-  }
-  const n = baseIds.length;
-  const vertices = [...baseIds, ...topIds];
-  const faces = [
-    baseIds.map((_, i) => i),
-    topIds.map((_, i) => n + i)
-  ];
-  for (let i = 0; i < n; i++) {
-    faces.push([i, (i + 1) % n, n + (i + 1) % n, n + i]);
-  }
-  return scene.addObject("polyhedron", { flavor: "prism", vertices, faces });
-}
-
-// src/stamps/geometry-3d/editor/tools/handlers/tetrahedron.ts
-function buildTetrahedron(args, scene) {
-  if (args.length < 2 || !args[0].hit || !args[1].hit) return null;
-  const p1Id = ensurePoint(args[0].hit, scene);
-  const p2Id = ensurePoint(args[1].hit, scene);
-  if (!p1Id || !p2Id || p1Id === p2Id) return null;
-  const p1Obj = scene.get(p1Id);
-  const p2Obj = scene.get(p2Id);
-  if (!p1Obj || p1Obj.kind !== "point" || !p2Obj || p2Obj.kind !== "point") return null;
-  const p1 = constraintToWorld(p1Obj.constraint, scene);
-  const p2 = constraintToWorld(p2Obj.constraint, scene);
-  const z0 = Math.min(p1[2], p2[2]);
-  const baseA = [p1[0], p1[1], z0];
-  const baseB = [p2[0], p2[1], z0];
-  const dx = baseB[0] - baseA[0];
-  const dy = baseB[1] - baseA[1];
-  const edge = Math.hypot(dx, dy);
-  if (edge < 1e-9) return null;
-  const mid = [(baseA[0] + baseB[0]) / 2, (baseA[1] + baseB[1]) / 2, z0];
-  const perpX = -dy;
-  const perpY = dx;
-  const perpLen = Math.hypot(perpX, perpY);
-  const height = edge * Math.sqrt(3) / 2;
-  const baseC = [mid[0] + perpX / perpLen * height, mid[1] + perpY / perpLen * height, z0];
-  const centroid = [
-    (baseA[0] + baseB[0] + baseC[0]) / 3,
-    (baseA[1] + baseB[1] + baseC[1]) / 3,
-    z0
-  ];
-  const apexHeight = edge * Math.sqrt(2 / 3);
-  const apex = [centroid[0], centroid[1], z0 + apexHeight];
-  const cId = scene.addPoint({ kind: "free", x: baseC[0], y: baseC[1], z: baseC[2] });
-  const apexId = scene.addPoint({ kind: "free", x: apex[0], y: apex[1], z: apex[2] });
-  const vertices = [p1Id, p2Id, cId, apexId];
-  const faces = [
-    [0, 1, 2],
-    // base
-    [0, 1, 3],
-    // face p1-p2-apex
-    [1, 2, 3],
-    // face p2-c-apex
-    [2, 0, 3]
-    // face c-p1-apex
-  ];
-  return scene.addObject("polyhedron", { flavor: "tetrahedron", vertices, faces });
-}
-
-// src/stamps/geometry-3d/editor/tools/handlers/cube.ts
-function buildCube(args, scene) {
-  if (args.length < 2 || !args[0].hit || !args[1].hit) return null;
-  const p1Id = ensurePoint(args[0].hit, scene);
-  const p2Id = ensurePoint(args[1].hit, scene);
-  if (!p1Id || !p2Id || p1Id === p2Id) return null;
-  const p1Obj = scene.get(p1Id);
-  const p2Obj = scene.get(p2Id);
-  if (!p1Obj || p1Obj.kind !== "point" || !p2Obj || p2Obj.kind !== "point") return null;
-  const p1 = constraintToWorld(p1Obj.constraint, scene);
-  const p2 = constraintToWorld(p2Obj.constraint, scene);
-  if (Math.abs(p1[2]) > 1e-6 || Math.abs(p2[2]) > 1e-6) return null;
-  const dx = p2[0] - p1[0];
-  const dy = p2[1] - p1[1];
-  const edge = Math.hypot(dx, dy);
-  if (edge < 1e-9) return null;
-  const perpX = -dy;
-  const perpY = dx;
-  const p3 = [p2[0] + perpX, p2[1] + perpY, 0];
-  const p4 = [p1[0] + perpX, p1[1] + perpY, 0];
-  const t1 = [p1[0], p1[1], edge];
-  const t2 = [p2[0], p2[1], edge];
-  const t3 = [p3[0], p3[1], edge];
-  const t4 = [p4[0], p4[1], edge];
-  const p3Id = scene.addPoint({ kind: "onGround", x: p3[0], y: p3[1] });
-  const p4Id = scene.addPoint({ kind: "onGround", x: p4[0], y: p4[1] });
-  const t1Id = scene.addPoint({ kind: "free", x: t1[0], y: t1[1], z: t1[2] });
-  const t2Id = scene.addPoint({ kind: "free", x: t2[0], y: t2[1], z: t2[2] });
-  const t3Id = scene.addPoint({ kind: "free", x: t3[0], y: t3[1], z: t3[2] });
-  const t4Id = scene.addPoint({ kind: "free", x: t4[0], y: t4[1], z: t4[2] });
-  const vertices = [p1Id, p2Id, p3Id, p4Id, t1Id, t2Id, t3Id, t4Id];
-  const faces = [
-    [0, 1, 2, 3],
-    // bottom
-    [4, 5, 6, 7],
-    // top
-    [0, 1, 5, 4],
-    // front
-    [1, 2, 6, 5],
-    // right
-    [2, 3, 7, 6],
-    // back
-    [3, 0, 4, 7]
-    // left
-  ];
-  return scene.addObject("polyhedron", { flavor: "cube", vertices, faces });
-}
-
-// src/stamps/geometry-3d/editor/tools/handlers/sphere.ts
-function buildSphere(args, scene) {
-  if (args.length < 2 || !args[0].hit || !args[1].hit) return null;
-  const center = ensurePoint(args[0].hit, scene);
-  const surface = ensurePoint(args[1].hit, scene);
-  if (!center || !surface || center === surface) return null;
-  return scene.addObject("sphere", { center, surfacePoint: surface });
-}
-
-// src/stamps/geometry-3d/editor/tools/handlers/cylinder.ts
-function buildCylinder(args, scene) {
-  const points = args.filter((a) => a.step.type === "point");
-  const numberArg = args.find((a) => a.step.type === "number");
-  if (points.length < 2 || !points[0].hit || !points[1].hit || !numberArg || typeof numberArg.value !== "number") return null;
-  const radius = numberArg.value;
-  if (radius <= 0) return null;
-  const baseCenter = ensurePoint(points[0].hit, scene);
-  const topCenter = ensurePoint(points[1].hit, scene);
-  if (!baseCenter || !topCenter || baseCenter === topCenter) return null;
-  return scene.addObject("cylinder", { baseCenter, topCenter, radius });
-}
-
-// src/stamps/geometry-3d/editor/tools/handlers/cone.ts
-function buildCone(args, scene) {
-  const points = args.filter((a) => a.step.type === "point");
-  const numberArg = args.find((a) => a.step.type === "number");
-  if (points.length < 2 || !points[0].hit || !points[1].hit || !numberArg || typeof numberArg.value !== "number") return null;
-  const radius = numberArg.value;
-  if (radius <= 0) return null;
-  const baseCenter = ensurePoint(points[0].hit, scene);
-  const apex = ensurePoint(points[1].hit, scene);
-  if (!baseCenter || !apex || baseCenter === apex) return null;
-  return scene.addObject("cone", { baseCenter, apex, radius });
-}
-
-// src/stamps/geometry-3d/editor/tools/spec.ts
-var stubBuild = () => null;
-var ALL_SURFACES = ["ground", "axis", "plane", "line", "polygon", "sphere"];
-var OBJECT_ONLY = ["plane", "line", "polygon", "sphere"];
-var NO_SURFACE = ["ground", "axis", "plane"];
-var TOOLS = [
-  {
-    key: "move",
-    label: "Di chuy\u1EC3n",
-    hintIdle: "K\xE9o \u0111i\u1EC3m ho\u1EB7c xoay khung",
-    steps: [],
-    build: stubBuild
-  },
-  {
-    key: "point",
-    label: "\u0110i\u1EC3m",
-    hintIdle: "Click tr\xEAn m\u1EB7t ph\u1EB3ng Oxy ho\u1EB7c tr\xEAn tr\u1EE5c \u0111\u1EC3 \u0111\u1EB7t \u0111i\u1EC3m",
-    steps: [
-      {
-        type: "point",
-        allowExisting: false,
-        // GeoGebra-style: a new point must lie on the XY ground plane or on
-        // one of the coordinate axes (Oz lets you place points off the plane).
-        allowNewOn: ["ground", "axis"],
-        hint: "Click tr\xEAn m\u1EB7t ph\u1EB3ng Oxy ho\u1EB7c tr\u1EE5c Ox/Oy/Oz"
-      }
-    ],
-    build: buildPoint,
-    repeatAfterBuild: true
-  },
-  {
-    key: "pointOnObject",
-    label: "\u0110i\u1EC3m tr\xEAn \u0111\u1ED1i t\u01B0\u1EE3ng",
-    hintIdle: "Ch\u1ECDn m\u1ED9t \u0111\u1ED1i t\u01B0\u1EE3ng \u0111\u1EC3 \u0111\u1EB7t \u0111i\u1EC3m",
-    steps: [{ type: "point", allowExisting: false, allowNewOn: OBJECT_ONLY, hint: "Click l\xEAn m\u1EB7t / \u0111\u01B0\u1EDDng \u0111\u1EC3 \u0111\u1EB7t \u0111i\u1EC3m" }],
-    build: buildPointOnObject
-  },
-  {
-    key: "segment",
-    label: "\u0110o\u1EA1n th\u1EB3ng",
-    hintIdle: "Ch\u1ECDn 2 \u0111i\u1EC3m \u0111\u1EC3 v\u1EBD \u0111o\u1EA1n th\u1EB3ng",
-    steps: [
-      { type: "point", allowExisting: true, allowNewOn: ALL_SURFACES, hint: "Ch\u1ECDn \u0111i\u1EC3m th\u1EE9 nh\u1EA5t" },
-      { type: "point", allowExisting: true, allowNewOn: ALL_SURFACES, hint: "Ch\u1ECDn \u0111i\u1EC3m th\u1EE9 hai" }
-    ],
-    build: buildSegment
-  },
-  {
-    key: "line",
-    label: "\u0110\u01B0\u1EDDng th\u1EB3ng",
-    hintIdle: "Ch\u1ECDn 2 \u0111i\u1EC3m \u0111\u1EC3 v\u1EBD \u0111\u01B0\u1EDDng th\u1EB3ng",
-    steps: [
-      { type: "point", allowExisting: true, allowNewOn: ALL_SURFACES, hint: "Ch\u1ECDn \u0111i\u1EC3m th\u1EE9 nh\u1EA5t" },
-      { type: "point", allowExisting: true, allowNewOn: ALL_SURFACES, hint: "Ch\u1ECDn \u0111i\u1EC3m th\u1EE9 hai" }
-    ],
-    build: buildLine
-  },
-  {
-    key: "ray",
-    label: "Tia",
-    hintIdle: "Ch\u1ECDn \u0111i\u1EC3m g\u1ED1c r\u1ED3i \u0111i\u1EC3m tr\xEAn tia",
-    steps: [
-      { type: "point", allowExisting: true, allowNewOn: ALL_SURFACES, hint: "Ch\u1ECDn \u0111i\u1EC3m g\u1ED1c" },
-      { type: "point", allowExisting: true, allowNewOn: ALL_SURFACES, hint: "Ch\u1ECDn \u0111i\u1EC3m tr\xEAn tia" }
-    ],
-    build: buildRay
-  },
-  {
-    key: "vector",
-    label: "Vector",
-    hintIdle: "Ch\u1ECDn 2 \u0111i\u1EC3m \u0111\u1EC3 v\u1EBD vector",
-    steps: [
-      { type: "point", allowExisting: true, allowNewOn: ALL_SURFACES, hint: "Ch\u1ECDn \u0111i\u1EC3m \u0111\u1EA7u" },
-      { type: "point", allowExisting: true, allowNewOn: ALL_SURFACES, hint: "Ch\u1ECDn \u0111i\u1EC3m cu\u1ED1i" }
-    ],
-    build: buildVector
-  },
-  {
-    key: "polygon",
-    label: "\u0110a gi\xE1c",
-    hintIdle: "Ch\u1ECDn c\xE1c \u0111\u1EC9nh; click \u0111i\u1EC3m \u0111\u1EA7u \u0111\u1EC3 \u0111\xF3ng",
-    steps: [
-      { type: "point", allowExisting: true, allowNewOn: ALL_SURFACES, hint: "Ch\u1ECDn \u0111\u1EC9nh th\u1EE9 1" },
-      { type: "point", allowExisting: true, allowNewOn: ALL_SURFACES, hint: "Ch\u1ECDn \u0111\u1EC9nh th\u1EE9 2" },
-      { type: "point", allowExisting: true, allowNewOn: ALL_SURFACES, hint: "Ch\u1ECDn \u0111\u1EC9nh th\u1EE9 3" },
-      { type: "closingPoint", hint: "Click \u0111i\u1EC3m \u0111\u1EA7u \u0111\u1EC3 \u0111\xF3ng (ho\u1EB7c ch\u1ECDn th\xEAm \u0111\u1EC9nh)" }
-    ],
-    build: buildPolygon
-  },
-  {
-    key: "plane",
-    label: "M\u1EB7t ph\u1EB3ng (3 \u0111i\u1EC3m)",
-    hintIdle: "Ch\u1ECDn 3 \u0111i\u1EC3m \u0111\u1EC3 x\xE1c \u0111\u1ECBnh m\u1EB7t ph\u1EB3ng",
-    steps: [
-      { type: "point", allowExisting: true, allowNewOn: ALL_SURFACES, hint: "Ch\u1ECDn \u0111i\u1EC3m th\u1EE9 1 c\u1EE7a m\u1EB7t ph\u1EB3ng" },
-      { type: "point", allowExisting: true, allowNewOn: ALL_SURFACES, hint: "Ch\u1ECDn \u0111i\u1EC3m th\u1EE9 2" },
-      { type: "point", allowExisting: true, allowNewOn: ALL_SURFACES, hint: "Ch\u1ECDn \u0111i\u1EC3m th\u1EE9 3" }
-    ],
-    build: buildPlane
-  },
-  {
-    key: "pyramid",
-    label: "H\xECnh ch\xF3p",
-    hintIdle: "Ch\u1ECDn \u0111\xE1y \u0111a gi\xE1c r\u1ED3i ch\u1ECDn \u0111\u1EC9nh ch\xF3p",
-    steps: [
-      { type: "point", allowExisting: true, allowNewOn: NO_SURFACE, hint: "Ch\u1ECDn \u0111\u1EC9nh \u0111\xE1y 1" },
-      { type: "point", allowExisting: true, allowNewOn: NO_SURFACE, hint: "Ch\u1ECDn \u0111\u1EC9nh \u0111\xE1y 2" },
-      { type: "point", allowExisting: true, allowNewOn: NO_SURFACE, hint: "Ch\u1ECDn \u0111\u1EC9nh \u0111\xE1y 3" },
-      { type: "closingPoint", hint: "Click \u0111\u1EC9nh \u0111\xE1y \u0111\u1EA7u ti\xEAn \u0111\u1EC3 \u0111\xF3ng (ho\u1EB7c ch\u1ECDn th\xEAm \u0111\u1EC9nh)" },
-      { type: "point", allowExisting: true, allowNewOn: ALL_SURFACES, hint: "Ch\u1ECDn \u0111\u1EC9nh ch\xF3p" }
-    ],
-    build: buildPyramid
-  },
-  {
-    key: "prism",
-    label: "L\u0103ng tr\u1EE5",
-    hintIdle: "Ch\u1ECDn \u0111\xE1y \u0111a gi\xE1c r\u1ED3i nh\u1EADp chi\u1EC1u cao",
-    steps: [
-      { type: "point", allowExisting: true, allowNewOn: NO_SURFACE, hint: "Ch\u1ECDn \u0111\u1EC9nh \u0111\xE1y 1" },
-      { type: "point", allowExisting: true, allowNewOn: NO_SURFACE, hint: "Ch\u1ECDn \u0111\u1EC9nh \u0111\xE1y 2" },
-      { type: "point", allowExisting: true, allowNewOn: NO_SURFACE, hint: "Ch\u1ECDn \u0111\u1EC9nh \u0111\xE1y 3" },
-      { type: "closingPoint", hint: "Click \u0111\u1EC9nh \u0111\u1EA7u \u0111\u1EC3 \u0111\xF3ng \u0111\xE1y" },
-      { type: "number", prompt: "Chi\u1EC1u cao (theo tr\u1EE5c z)", min: 1e-4 }
-    ],
-    build: buildPrism
-  },
-  {
-    key: "tetrahedron",
-    label: "T\u1EE9 di\u1EC7n \u0111\u1EC1u",
-    hintIdle: "Ch\u1ECDn 2 \u0111i\u1EC3m x\xE1c \u0111\u1ECBnh c\u1EA1nh c\u1EE7a t\u1EE9 di\u1EC7n",
-    steps: [
-      { type: "point", allowExisting: true, allowNewOn: NO_SURFACE, hint: "Ch\u1ECDn \u0111i\u1EC3m 1" },
-      { type: "point", allowExisting: true, allowNewOn: NO_SURFACE, hint: "Ch\u1ECDn \u0111i\u1EC3m 2" }
-    ],
-    build: buildTetrahedron
-  },
-  {
-    key: "cube",
-    label: "L\u1EADp ph\u01B0\u01A1ng",
-    hintIdle: "Ch\u1ECDn 2 \u0111i\u1EC3m tr\xEAn n\u1EC1n x\xE1c \u0111\u1ECBnh c\u1EA1nh",
-    steps: [
-      { type: "point", allowExisting: true, allowNewOn: ["ground"], hint: "Ch\u1ECDn \u0111i\u1EC3m 1 (tr\xEAn n\u1EC1n)" },
-      { type: "point", allowExisting: true, allowNewOn: ["ground"], hint: "Ch\u1ECDn \u0111i\u1EC3m 2 (tr\xEAn n\u1EC1n)" }
-    ],
-    build: buildCube
-  },
-  {
-    key: "sphere",
-    label: "M\u1EB7t c\u1EA7u",
-    hintIdle: "Ch\u1ECDn t\xE2m r\u1ED3i \u0111i\u1EC3m tr\xEAn m\u1EB7t c\u1EA7u",
-    steps: [
-      { type: "point", allowExisting: true, allowNewOn: NO_SURFACE, hint: "Ch\u1ECDn t\xE2m m\u1EB7t c\u1EA7u" },
-      { type: "point", allowExisting: true, allowNewOn: ALL_SURFACES, hint: "Ch\u1ECDn \u0111i\u1EC3m tr\xEAn m\u1EB7t c\u1EA7u" }
-    ],
-    build: buildSphere
-  },
-  {
-    key: "cylinder",
-    label: "H\xECnh tr\u1EE5",
-    hintIdle: "Ch\u1ECDn t\xE2m \u0111\xE1y, t\xE2m tr\xEAn, r\u1ED3i nh\u1EADp b\xE1n k\xEDnh",
-    steps: [
-      { type: "point", allowExisting: true, allowNewOn: NO_SURFACE, hint: "Ch\u1ECDn t\xE2m \u0111\xE1y" },
-      { type: "point", allowExisting: true, allowNewOn: NO_SURFACE, hint: "Ch\u1ECDn t\xE2m tr\xEAn" },
-      { type: "number", prompt: "B\xE1n k\xEDnh", min: 1e-4 }
-    ],
-    build: buildCylinder
-  },
-  {
-    key: "cone",
-    label: "H\xECnh n\xF3n",
-    hintIdle: "Ch\u1ECDn t\xE2m \u0111\xE1y, \u0111\u1EC9nh, r\u1ED3i nh\u1EADp b\xE1n k\xEDnh",
-    steps: [
-      { type: "point", allowExisting: true, allowNewOn: NO_SURFACE, hint: "Ch\u1ECDn t\xE2m \u0111\xE1y" },
-      { type: "point", allowExisting: true, allowNewOn: NO_SURFACE, hint: "Ch\u1ECDn \u0111\u1EC9nh" },
-      { type: "number", prompt: "B\xE1n k\xEDnh", min: 1e-4 }
-    ],
-    build: buildCone
-  }
-];
-
-// src/stamps/geometry-3d/editor/tools/controller.ts
-function stepHint(step) {
-  return step.type === "number" ? step.prompt : step.hint;
-}
-var ToolController = class {
-  constructor(scene) {
-    this.scene = scene;
-    this.state = { tool: null, stepIndex: 0, collected: [], hint: "" };
-    this.listeners = /* @__PURE__ */ new Set();
-    this.selectTool("move");
-  }
-  getState() {
-    return this.state;
-  }
-  on(cb) {
-    this.listeners.add(cb);
-    return () => {
-      this.listeners.delete(cb);
-    };
-  }
-  selectTool(key) {
-    const tool = TOOLS.find((t) => t.key === key) ?? TOOLS.find((t) => t.key === "move");
-    const firstStep = tool.steps[0];
-    this.state = {
-      tool,
-      stepIndex: 0,
-      collected: [],
-      hint: firstStep ? stepHint(firstStep) : tool.hintIdle
-    };
-    this.notify();
-  }
-  cancel() {
-    this.selectTool("move");
-  }
-  consumeHit(hit) {
-    const tool = this.state.tool;
-    if (!tool) return false;
-    const step = tool.steps[this.state.stepIndex];
-    if (!step) return false;
-    if (step.type === "closingPoint") {
-      if (hit.kind === "empty") return false;
-      if (hit.kind === "existingPoint") {
-        this.state.collected.push({ step, hit });
-        this.state.stepIndex++;
-        this.advance();
-        return true;
-      }
-      const prevStep = tool.steps[this.state.stepIndex - 1];
-      if (!prevStep || prevStep.type !== "point") return false;
-      if (!this.hitMatchesStep(hit, prevStep)) return false;
-      this.state.collected.push({ step: prevStep, hit });
-      this.notify();
-      return true;
-    }
-    if (!this.hitMatchesStep(hit, step)) return false;
-    this.state.collected.push({ step, hit });
-    this.state.stepIndex++;
-    this.advance();
-    return true;
-  }
-  consumeNumber(value) {
-    const tool = this.state.tool;
-    if (!tool) return false;
-    const step = tool.steps[this.state.stepIndex];
-    if (!step || step.type !== "number") return false;
-    if (step.min != null && value < step.min) return false;
-    if (step.max != null && value > step.max) return false;
-    this.state.collected.push({ step, value });
-    this.state.stepIndex++;
-    this.advance();
-    return true;
-  }
-  hitMatchesStep(hit, step) {
-    if (step.type !== "point" && step.type !== "closingPoint") return false;
-    if (hit.kind === "empty") return false;
-    if (step.type === "closingPoint") return hit.kind === "existingPoint";
-    if (hit.kind === "existingPoint") return step.allowExisting;
-    const surfaceMap = {
-      onGround: "ground",
-      onAxis: "axis",
-      onPlane: "plane",
-      onLine: "line",
-      onPolygon: "polygon",
-      onSphere: "sphere"
-    };
-    const k = surfaceMap[hit.kind];
-    return k != null && step.type === "point" && step.allowNewOn.includes(k);
-  }
-  advance() {
-    const tool = this.state.tool;
-    if (this.state.stepIndex >= tool.steps.length) {
-      tool.build(this.state.collected, this.scene);
-      if (tool.repeatAfterBuild) {
-        this.state.stepIndex = 0;
-        this.state.collected = [];
-        this.state.hint = stepHint(tool.steps[0]);
-        this.notify();
-      } else {
-        this.selectTool("move");
-      }
-      return;
-    }
-    this.state.hint = stepHint(tool.steps[this.state.stepIndex]);
-    this.notify();
-  }
-  notify() {
-    for (const cb of this.listeners) cb(this.state);
-  }
-};
-
-// src/stamps/geometry-3d/editor/renderer/faceted.ts
-var CURVED_SEGMENTS = 16;
-function cylinderFaces(center, top, radius) {
-  const baseRing = [];
-  const topRing = [];
-  for (let i = 0; i < CURVED_SEGMENTS; i++) {
-    const theta = i / CURVED_SEGMENTS * Math.PI * 2;
-    const dx = radius * Math.cos(theta);
-    const dy = radius * Math.sin(theta);
-    baseRing.push([center[0] + dx, center[1] + dy, center[2]]);
-    topRing.push([top[0] + dx, top[1] + dy, top[2]]);
-  }
-  const vertices = [...baseRing, ...topRing];
-  const faces = [];
-  faces.push(baseRing.map((_, i) => i));
-  faces.push(topRing.map((_, i) => CURVED_SEGMENTS + i));
-  for (let i = 0; i < CURVED_SEGMENTS; i++) {
-    const next = (i + 1) % CURVED_SEGMENTS;
-    faces.push([i, next, CURVED_SEGMENTS + next, CURVED_SEGMENTS + i]);
-  }
-  return { vertices, faces };
-}
-function coneFaces(baseCenter, apex, radius) {
-  const baseRing = [];
-  for (let i = 0; i < CURVED_SEGMENTS; i++) {
-    const theta = i / CURVED_SEGMENTS * Math.PI * 2;
-    baseRing.push([
-      baseCenter[0] + radius * Math.cos(theta),
-      baseCenter[1] + radius * Math.sin(theta),
-      baseCenter[2]
-    ]);
-  }
-  const apexIdx = baseRing.length;
-  const vertices = [...baseRing, apex];
-  const faces = [baseRing.map((_, i) => i)];
-  for (let i = 0; i < CURVED_SEGMENTS; i++) {
-    faces.push([i, (i + 1) % CURVED_SEGMENTS, apexIdx]);
-  }
-  return { vertices, faces };
-}
-
-// src/stamps/geometry-3d/editor/renderer/JxgRenderer.ts
-var JxgRenderer = class {
-  constructor(scene, view) {
-    this.scene = scene;
-    this.view = view;
-    this.map = /* @__PURE__ */ new Map();
-    this.unsubAdd = scene.on("add", (o) => this.handleAdd(o));
-    this.unsubChange = scene.on("change", (o) => this.handleChange(o));
-    this.unsubDelete = scene.on("delete", (id) => this.handleDelete(id));
-    this.unsubReset = scene.on("reset", () => this.handleReset());
-    for (const obj of scene.list()) this.handleAdd(obj);
-  }
-  dispose() {
-    this.unsubAdd();
-    this.unsubChange();
-    this.unsubDelete();
-    this.unsubReset();
-    for (const [id, j] of this.map) {
-      try {
-        j.remove?.();
-      } catch {
-      }
-      this.map.delete(id);
-    }
-  }
-  handleAdd(obj) {
-    if (this.map.has(obj.id)) return;
-    if (obj.kind === "point") {
-      const world = constraintToWorld(obj.constraint, this.scene);
-      const attrs = { id: obj.id, name: obj.label, size: 4, visible: obj.visible, fixed: true };
-      const jxg = this.view.create("point3d", world, attrs);
-      this.map.set(obj.id, jxg);
-      return;
-    }
-    if (obj.kind === "segment") {
-      const a = this.map.get(obj.p1);
-      const b = this.map.get(obj.p2);
-      const attrs = {
-        id: obj.id,
-        straightFirst: false,
-        straightLast: false,
-        visible: obj.visible,
-        strokeColor: obj.color ?? "#0066cc",
-        strokeWidth: 2
-      };
-      this.map.set(obj.id, this.view.create("line3d", [a, b], attrs));
-      return;
-    }
-    if (obj.kind === "line") {
-      const attrs = {
-        id: obj.id,
-        visible: obj.visible,
-        strokeColor: obj.color ?? "#0066cc",
-        strokeWidth: 2
-      };
-      this.map.set(
-        obj.id,
-        this.view.create("line3d", [this.map.get(obj.p1), this.map.get(obj.p2)], attrs)
-      );
-      return;
-    }
-    if (obj.kind === "ray") {
-      const attrs = { id: obj.id, straightFirst: false, visible: obj.visible };
-      this.map.set(
-        obj.id,
-        this.view.create("line3d", [this.map.get(obj.origin), this.map.get(obj.through)], attrs)
-      );
-      return;
-    }
-    if (obj.kind === "vector") {
-      const attrs = {
-        id: obj.id,
-        lastArrow: true,
-        straightFirst: false,
-        straightLast: false,
-        visible: obj.visible
-      };
-      this.map.set(
-        obj.id,
-        this.view.create("line3d", [this.map.get(obj.from), this.map.get(obj.to)], attrs)
-      );
-      return;
-    }
-    if (obj.kind === "plane") {
-      const attrs = { id: obj.id, fillOpacity: 0.2, visible: obj.visible };
-      this.map.set(
-        obj.id,
-        this.view.create(
-          "plane3d",
-          [this.map.get(obj.p1), this.map.get(obj.p2), this.map.get(obj.p3)],
-          attrs
-        )
-      );
-      return;
-    }
-    if (obj.kind === "polygon") {
-      const refs = obj.vertices.map((v) => this.map.get(v));
-      const attrs = { id: obj.id, fillOpacity: 0.3, visible: obj.visible };
-      this.map.set(obj.id, this.view.create("polygon3d", [refs], attrs));
-      return;
-    }
-    if (obj.kind === "sphere") {
-      const attrs = { id: obj.id, fillOpacity: 0.25, visible: obj.visible };
-      this.map.set(
-        obj.id,
-        this.view.create("sphere3d", [this.map.get(obj.center), this.map.get(obj.surfacePoint)], attrs)
-      );
-      return;
-    }
-    if (obj.kind === "polyhedron") {
-      const verts = obj.vertices.map((id) => this.map.get(id));
-      const faceJxgs = obj.faces.map(
-        (face) => this.view.create("polygon3d", [face.map((idx) => verts[idx])], {
-          id: `${obj.id}.face${face.join("-")}`,
-          fillOpacity: 0.25,
-          strokeColor: "#0066cc",
-          strokeWidth: 1.5,
-          visible: obj.visible
-        })
-      );
-      this.map.set(obj.id, {
-        _faces: faceJxgs,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        remove: () => faceJxgs.forEach((f) => f.remove?.())
-      });
-      return;
-    }
-    if (obj.kind === "cylinder" || obj.kind === "cone") {
-      const baseCenterPt = this.scene.get(obj.baseCenter);
-      if (!baseCenterPt || baseCenterPt.kind !== "point") return;
-      const base = constraintToWorld(baseCenterPt.constraint, this.scene);
-      let secondPt;
-      if (obj.kind === "cylinder") {
-        const topCenterPt = this.scene.get(obj.topCenter);
-        if (!topCenterPt || topCenterPt.kind !== "point") return;
-        secondPt = constraintToWorld(topCenterPt.constraint, this.scene);
-      } else {
-        const apexPt = this.scene.get(obj.apex);
-        if (!apexPt || apexPt.kind !== "point") return;
-        secondPt = constraintToWorld(apexPt.constraint, this.scene);
-      }
-      const geom = obj.kind === "cylinder" ? cylinderFaces(base, secondPt, obj.radius) : coneFaces(base, secondPt, obj.radius);
-      const vertJxgs = geom.vertices.map(
-        (v, i) => this.view.create("point3d", v, {
-          id: `${obj.id}.v${i}`,
-          visible: false,
-          fixed: true,
-          withLabel: false
-        })
-      );
-      const faceJxgs = geom.faces.map(
-        (face) => this.view.create("polygon3d", [face.map((idx) => vertJxgs[idx])], {
-          id: `${obj.id}.face${face.join("-")}`,
-          fillOpacity: 0.25,
-          strokeColor: "#0066cc",
-          strokeWidth: 1.5,
-          visible: obj.visible
-        })
-      );
-      this.map.set(obj.id, {
-        _verts: vertJxgs,
-        _faces: faceJxgs,
-        remove: () => {
-          faceJxgs.forEach((f) => f.remove?.());
-          vertJxgs.forEach((v) => v.remove?.());
-        }
-      });
-      return;
-    }
-  }
-  handleChange(obj) {
-    const j = this.map.get(obj.id);
-    if (!j) return;
-    if (obj.kind === "point" && typeof j.moveTo === "function") {
-      const w = constraintToWorld(obj.constraint, this.scene);
-      try {
-        j.moveTo([w[0], w[1], w[2]], 0);
-      } catch {
-      }
-    }
-  }
-  handleDelete(id) {
-    const j = this.map.get(id);
-    if (!j) return;
-    try {
-      j.remove?.();
-    } catch {
-    }
-    this.map.delete(id);
-  }
-  handleReset() {
-    for (const [, j] of this.map) {
-      try {
-        j.remove?.();
-      } catch {
-      }
-    }
-    this.map.clear();
-  }
-};
-
-// src/stamps/geometry-3d/editor/hitTest/rayCast.ts
-function screenToRay(screen, view) {
-  const near = unproject(screen, view, 20);
-  const far = unproject(screen, view, -20);
-  const dir = [far[0] - near[0], far[1] - near[1], far[2] - near[2]];
-  const n = Math.sqrt(dir[0] ** 2 + dir[1] ** 2 + dir[2] ** 2);
-  const norm3 = n === 0 ? [0, 0, -1] : [dir[0] / n, dir[1] / n, dir[2] / n];
-  return { origin: near, dir: norm3 };
-}
-function unproject(screen, view, depth) {
-  if (typeof view.unprojectScreen === "function") {
-    const v = view.unprojectScreen(screen.x, screen.y, depth);
-    return [v[0], v[1], v[2]];
-  }
-  if (typeof view.project3DTo2D === "function") {
-    const p0 = view.project3DTo2D(0, 0, 0);
-    const px = view.project3DTo2D(1, 0, 0);
-    const py = view.project3DTo2D(0, 1, 0);
-    const pz = view.project3DTo2D(0, 0, 1);
-    const ox = p0[1], oy = p0[2];
-    const a = px[1] - ox, b = py[1] - ox, c = pz[1] - ox;
-    const d = px[2] - oy, e = py[2] - oy, f = pz[2] - oy;
-    const rhsX = screen.x - ox - c * depth;
-    const rhsY = screen.y - oy - f * depth;
-    const det = a * e - b * d;
-    if (Math.abs(det) < 1e-9) return [0, 0, depth];
-    const x = (e * rhsX - b * rhsY) / det;
-    const y = (-d * rhsX + a * rhsY) / det;
-    return [x, y, depth];
-  }
-  throw new Error("rayCast: view has neither unprojectScreen nor project3DTo2D");
-}
-
-// src/stamps/geometry-3d/editor/hitTest/intersect.ts
-var EPS2 = 1e-9;
-function dot2(a, b) {
-  return a[0] * b[0] + a[1] * b[1] + a[2] * b[2];
-}
-function sub2(a, b) {
-  return [a[0] - b[0], a[1] - b[1], a[2] - b[2]];
-}
-function add2(a, b) {
-  return [a[0] + b[0], a[1] + b[1], a[2] + b[2]];
-}
-function scale2(a, k) {
-  return [a[0] * k, a[1] * k, a[2] * k];
-}
-function norm2(a) {
-  return dot2(a, a);
-}
-function rayPlane(ray, plane) {
-  const denom = dot2(ray.dir, plane.normal);
-  if (Math.abs(denom) < EPS2) return null;
-  const t = dot2(sub2(plane.point, ray.origin), plane.normal) / denom;
-  if (t < 0) return null;
-  return { point: add2(ray.origin, scale2(ray.dir, t)), t };
-}
-function rayGround(ray) {
-  return rayPlane(ray, { point: [0, 0, 0], normal: [0, 0, 1] });
-}
-function raySphere(ray, sphere) {
-  const oc = sub2(ray.origin, sphere.center);
-  const b = dot2(oc, ray.dir);
-  const c = dot2(oc, oc) - sphere.radius * sphere.radius;
-  const disc = b * b - c;
-  if (disc < 0) return null;
-  const sqrtD = Math.sqrt(disc);
-  const t1 = -b - sqrtD;
-  const t2 = -b + sqrtD;
-  const t = t1 >= 0 ? t1 : t2;
-  if (t < 0) return null;
-  return { point: add2(ray.origin, scale2(ray.dir, t)), t };
-}
-function rayLineSegment(ray, seg, maxDistance) {
-  const u = ray.dir;
-  const v = sub2(seg.b, seg.a);
-  const w0 = sub2(ray.origin, seg.a);
-  const a = dot2(u, u);
-  const bb = dot2(u, v);
-  const cc = dot2(v, v);
-  const d = dot2(u, w0);
-  const e = dot2(v, w0);
-  const denom = a * cc - bb * bb;
-  if (Math.abs(denom) < EPS2) return null;
-  const sc = (bb * e - cc * d) / denom;
-  const tc = (a * e - bb * d) / denom;
-  if (sc < 0 || tc < 0 || tc > 1) return null;
-  const pRay = add2(ray.origin, scale2(u, sc));
-  const pSeg = add2(seg.a, scale2(v, tc));
-  const dist2 = norm2(sub2(pRay, pSeg));
-  if (dist2 > maxDistance * maxDistance) return null;
-  return { point: pSeg, t: sc, tOnSegment: tc };
-}
-
-// src/stamps/geometry-3d/editor/hitTest/snapping.ts
-function findSnapPoint(screen, view, scene, pixelRadius = 8) {
-  const board = view?.board;
-  const ux = typeof board?.unitX === "number" && board.unitX > 0 ? board.unitX : 1;
-  const uy = typeof board?.unitY === "number" && board.unitY > 0 ? board.unitY : ux;
-  const rxUser = pixelRadius / ux;
-  const ryUser = pixelRadius / uy;
-  let best = null;
-  for (const obj of scene.list()) {
-    if (obj.kind !== "point") continue;
-    if (!obj.visible) continue;
-    const world = constraintToWorld(obj.constraint, scene);
-    const proj = view.project3DTo2D?.(world[0], world[1], world[2]);
-    if (!proj) continue;
-    const dxN = (proj[1] - screen.x) / rxUser;
-    const dyN = (proj[2] - screen.y) / ryUser;
-    const d2 = dxN * dxN + dyN * dyN;
-    if (d2 <= 1 && (best === null || d2 < best.d2)) {
-      best = { id: obj.id, d2 };
-    }
-  }
-  return best?.id ?? null;
-}
-
-// src/stamps/geometry-3d/editor/hitTest/hitTest.ts
-var AXIS_PIXEL_THRESHOLD = 12;
-function hitTest(screen, view, scene) {
-  const board = view?.board;
-  const ux = typeof board?.unitX === "number" && board.unitX > 0 ? board.unitX : 1;
-  const axisThresholdUser = AXIS_PIXEL_THRESHOLD / ux;
-  const snap = findSnapPoint(screen, view, scene);
-  if (snap) return { kind: "existingPoint", pointId: snap };
-  const ray = screenToRay(screen, view);
-  let bestSphere = null;
-  for (const obj of scene.list()) {
-    if (obj.kind !== "sphere" || !obj.visible) continue;
-    const centerPoint = scene.get(obj.center);
-    const surfacePoint = scene.get(obj.surfacePoint);
-    if (!centerPoint || centerPoint.kind !== "point") continue;
-    if (!surfacePoint || surfacePoint.kind !== "point") continue;
-    const center = constraintToWorld(centerPoint.constraint, scene);
-    const surface = constraintToWorld(surfacePoint.constraint, scene);
-    const radius = Math.hypot(
-      surface[0] - center[0],
-      surface[1] - center[1],
-      surface[2] - center[2]
-    );
-    const sh = raySphere(ray, { center, radius });
-    if (sh && (bestSphere === null || sh.t < bestSphere.t)) {
-      bestSphere = { id: obj.id, t: sh.t, world: sh.point };
-    }
-  }
-  if (view.project3DTo2D) {
-    const axes = [
-      { axis: "x", a: [-10, 0, 0], b: [10, 0, 0] },
-      { axis: "y", a: [0, -10, 0], b: [0, 10, 0] },
-      { axis: "z", a: [0, 0, -10], b: [0, 0, 10] }
-    ];
-    for (const ax of axes) {
-      const pa = view.project3DTo2D(ax.a[0], ax.a[1], ax.a[2]);
-      const pb = view.project3DTo2D(ax.b[0], ax.b[1], ax.b[2]);
-      const d = distScreenPointToSegment(screen, [pa[1], pa[2]], [pb[1], pb[2]]);
-      if (d <= axisThresholdUser) {
-        const hit = rayLineSegment(ray, { a: ax.a, b: ax.b }, 1e3);
-        if (hit) {
-          const t = ax.axis === "x" ? hit.point[0] : ax.axis === "y" ? hit.point[1] : hit.point[2];
-          return { kind: "onAxis", axis: ax.axis, t, world: hit.point };
-        }
-      }
-    }
-  }
-  let bestPlane = null;
-  for (const obj of scene.list()) {
-    if (obj.kind !== "plane" || !obj.visible) continue;
-    const basis = planeBasis(obj, scene);
-    if (!basis) continue;
-    const ph = rayPlane(ray, { point: basis.origin, normal: basis.normal });
-    if (ph && (bestPlane === null || ph.t < bestPlane.t)) {
-      bestPlane = { id: obj.id, t: ph.t, world: ph.point, basis };
-    }
-  }
-  if (bestPlane && (!bestSphere || bestPlane.t < bestSphere.t)) {
-    const rel = [
-      bestPlane.world[0] - bestPlane.basis.origin[0],
-      bestPlane.world[1] - bestPlane.basis.origin[1],
-      bestPlane.world[2] - bestPlane.basis.origin[2]
-    ];
-    const b1n = dot3(bestPlane.basis.basis1, bestPlane.basis.basis1);
-    const b2n = dot3(bestPlane.basis.basis2, bestPlane.basis.basis2);
-    const u = b1n === 0 ? 0 : dot3(rel, bestPlane.basis.basis1) / b1n;
-    const v = b2n === 0 ? 0 : dot3(rel, bestPlane.basis.basis2) / b2n;
-    return { kind: "onPlane", planeId: bestPlane.id, u, v, world: bestPlane.world };
-  }
-  if (bestSphere) {
-    const sph = scene.get(bestSphere.id);
-    if (sph && sph.kind === "sphere") {
-      const centerPt = scene.get(sph.center);
-      if (centerPt && centerPt.kind === "point") {
-        const center = constraintToWorld(centerPt.constraint, scene);
-        const relX = bestSphere.world[0] - center[0];
-        const relY = bestSphere.world[1] - center[1];
-        const relZ = bestSphere.world[2] - center[2];
-        const r = Math.hypot(relX, relY, relZ);
-        const phi = r === 0 ? 0 : Math.acos(relZ / r);
-        const theta = Math.atan2(relY, relX);
-        return { kind: "onSphere", sphereId: bestSphere.id, theta, phi, world: bestSphere.world };
-      }
-    }
-  }
-  const g = rayGround(ray);
-  if (g) return { kind: "onGround", world: g.point };
-  return { kind: "empty" };
-}
-function distScreenPointToSegment(p, a, b) {
-  const vx = b[0] - a[0];
-  const vy = b[1] - a[1];
-  const wx = p.x - a[0];
-  const wy = p.y - a[1];
-  const c1 = vx * wx + vy * wy;
-  if (c1 <= 0) return Math.hypot(wx, wy);
-  const c2 = vx * vx + vy * vy;
-  if (c2 <= c1) return Math.hypot(p.x - b[0], p.y - b[1]);
-  const t = c1 / c2;
-  const px = a[0] + t * vx;
-  const py = a[1] + t * vy;
-  return Math.hypot(p.x - px, p.y - py);
-}
-function planeBasis(planeObj, scene) {
-  const p1Obj = scene.get(planeObj.p1);
-  const p2Obj = scene.get(planeObj.p2);
-  const p3Obj = scene.get(planeObj.p3);
-  if (!p1Obj || p1Obj.kind !== "point") return null;
-  if (!p2Obj || p2Obj.kind !== "point") return null;
-  if (!p3Obj || p3Obj.kind !== "point") return null;
-  const p1 = constraintToWorld(p1Obj.constraint, scene);
-  const p2 = constraintToWorld(p2Obj.constraint, scene);
-  const p3 = constraintToWorld(p3Obj.constraint, scene);
-  const basis1 = [p2[0] - p1[0], p2[1] - p1[1], p2[2] - p1[2]];
-  const tmp = [p3[0] - p1[0], p3[1] - p1[1], p3[2] - p1[2]];
-  const cx = basis1[1] * tmp[2] - basis1[2] * tmp[1];
-  const cy = basis1[2] * tmp[0] - basis1[0] * tmp[2];
-  const cz = basis1[0] * tmp[1] - basis1[1] * tmp[0];
-  const cLen = Math.hypot(cx, cy, cz);
-  if (cLen === 0) return null;
-  const normal = [cx / cLen, cy / cLen, cz / cLen];
-  const basis2 = [
-    normal[1] * basis1[2] - normal[2] * basis1[1],
-    normal[2] * basis1[0] - normal[0] * basis1[2],
-    normal[0] * basis1[1] - normal[1] * basis1[0]
-  ];
-  return { origin: p1, basis1, basis2, normal };
-}
-function dot3(a, b) {
-  return a[0] * b[0] + a[1] * b[1] + a[2] * b[2];
-}
-var MiniBoard3D = React2.forwardRef(
-  function MiniBoard3D2(props, ref) {
-    const containerRef = React2.useRef(null);
-    const boardRef = React2.useRef(null);
-    const viewRef = React2.useRef(null);
-    const {
-      isDark,
-      onView3DReady,
-      onPointerClick,
-      onPointerMove,
-      onPointerLeave,
-      shouldStartPointDrag,
-      onPointerDrag,
-      onPointerDragEnd
-    } = props;
-    const onView3DReadyRef = React2.useRef(onView3DReady);
-    const onPointerClickRef = React2.useRef(onPointerClick);
-    const onPointerMoveRef = React2.useRef(onPointerMove);
-    const onPointerLeaveRef = React2.useRef(onPointerLeave);
-    const shouldStartPointDragRef = React2.useRef(shouldStartPointDrag);
-    const onPointerDragRef = React2.useRef(onPointerDrag);
-    const onPointerDragEndRef = React2.useRef(onPointerDragEnd);
-    onView3DReadyRef.current = onView3DReady;
-    onPointerClickRef.current = onPointerClick;
-    onPointerMoveRef.current = onPointerMove;
-    onPointerLeaveRef.current = onPointerLeave;
-    shouldStartPointDragRef.current = shouldStartPointDrag;
-    onPointerDragRef.current = onPointerDrag;
-    onPointerDragEndRef.current = onPointerDragEnd;
-    React2.useImperativeHandle(
-      ref,
-      () => ({
-        getBoard: () => boardRef.current,
-        getView3D: () => viewRef.current,
-        getSvgElement: () => containerRef.current?.querySelector("svg") ?? null
-      }),
-      []
-    );
-    React2.useEffect(() => {
-      const div = containerRef.current;
-      if (!div) return;
-      let cancelled = false;
-      let JXG = null;
-      let board = null;
-      let svgEl = null;
-      let handlePointerDown = null;
-      let handlePointerMove = null;
-      let handlePointerUp = null;
-      let handlePointerLeave = null;
-      void (async () => {
-        try {
-          JXG = (await import('jsxgraph')).default;
-        } catch {
-          return;
-        }
-        if (cancelled || !containerRef.current) return;
-        try {
-          JXG.Options.text.display = "internal";
-        } catch {
-        }
-        try {
-          board = JXG.JSXGraph.initBoard(div, {
-            boundingbox: [-6, 6, 6, -6],
-            keepaspectratio: true,
-            axis: false,
-            showCopyright: false,
-            showNavigation: false,
-            renderer: "svg"
-          });
-        } catch {
-          return;
-        }
-        if (cancelled || !board) return;
-        boardRef.current = board;
-        let view = null;
-        try {
-          const baseAttrs = VIEW3D_ATTRS(isDark);
-          view = board.create(
-            "view3d",
-            [
-              [-5, -5],
-              [10, 10],
-              [
-                [DEFAULT_VIEW3D.bbox3D[0], DEFAULT_VIEW3D.bbox3D[3]],
-                [DEFAULT_VIEW3D.bbox3D[1], DEFAULT_VIEW3D.bbox3D[4]],
-                [DEFAULT_VIEW3D.bbox3D[2], DEFAULT_VIEW3D.bbox3D[5]]
-              ]
-            ],
-            {
-              ...baseAttrs,
-              // JSXGraph view3d đọc giá trị khởi tạo từ az.slider.start (không
-              // phải az.value). Pass nhầm `value` → JSXGraph dùng default
-              // 1.0/0.3, khiến DEFAULT_VIEW3D bị bỏ qua.
-              az: { ...baseAttrs.az, slider: { ...baseAttrs.az.slider, start: DEFAULT_VIEW3D.azimuth } },
-              el: { ...baseAttrs.el, slider: { ...baseAttrs.el.slider, start: DEFAULT_VIEW3D.elevation } }
-            }
-          );
-        } catch {
-        }
-        viewRef.current = view;
-        if (view) {
-          try {
-            view.create(
-              "plane3d",
-              [
-                [0, 0, 0],
-                [1, 0, 0],
-                [0, 1, 0],
-                GROUND_PLANE_RANGE,
-                GROUND_PLANE_RANGE
-              ],
-              GROUND_PLANE_ATTRS(isDark)
-            );
-          } catch {
-          }
-          onView3DReadyRef.current?.(view, board);
-        }
-        svgEl = containerRef.current?.querySelector("svg") ?? null;
-        if (svgEl) {
-          const p2 = paletteFor(isDark);
-          svgEl.style.background = p2.view3dBg;
-          const pixelToUser = (e) => {
-            const rect = svgEl.getBoundingClientRect();
-            const px = e.clientX - rect.left;
-            const py = e.clientY - rect.top;
-            const b = board;
-            if (!b || !b.origin || !b.origin.scrCoords) {
-              return { x: px, y: py };
-            }
-            const ox = b.origin.scrCoords[1];
-            const oy = b.origin.scrCoords[2];
-            const ux = b.unitX || 1;
-            const uy = b.unitY || 1;
-            return { x: (px - ox) / ux, y: (oy - py) / uy };
-          };
-          const DRAG_THRESHOLD = 4;
-          const AZ_PER_PX = 0.01;
-          const EL_PER_PX = 0.01;
-          const EL_LIMIT = Math.PI / 2 - 0.05;
-          let dragStart = null;
-          let dragging = false;
-          let pointDragMode = false;
-          let startAz = 0;
-          let startEl = 0;
-          const readAng = (s) => {
-            if (!s) return 0;
-            if (typeof s.Value === "function") {
-              try {
-                return s.Value();
-              } catch {
-              }
-            }
-            return typeof s.value === "number" ? s.value : 0;
-          };
-          const setAng = (s, v) => {
-            if (!s) return;
-            if (typeof s.setValue === "function") {
-              try {
-                s.setValue(v);
-                return;
-              } catch {
-              }
-            }
-            s.value = v;
-          };
-          handlePointerDown = (e) => {
-            if (!svgEl) return;
-            dragStart = { x: e.clientX, y: e.clientY };
-            dragging = false;
-            pointDragMode = false;
-            const screen = pixelToUser(e);
-            try {
-              pointDragMode = shouldStartPointDragRef.current?.(screen) ?? false;
-            } catch {
-              pointDragMode = false;
-            }
-            if (!pointDragMode) {
-              const v = viewRef.current;
-              startAz = readAng(v?.az_slide ?? v?.az);
-              startEl = readAng(v?.el_slide ?? v?.el);
-            }
-            try {
-              svgEl.setPointerCapture?.(e.pointerId);
-            } catch {
-            }
-          };
-          handlePointerMove = (e) => {
-            if (!svgEl) return;
-            if (dragStart) {
-              const dx = e.clientX - dragStart.x;
-              const dy = e.clientY - dragStart.y;
-              if (!dragging && Math.hypot(dx, dy) > DRAG_THRESHOLD) dragging = true;
-              if (dragging) {
-                if (pointDragMode) {
-                  onPointerDragRef.current?.(pixelToUser(e));
-                  return;
-                }
-                const v = viewRef.current;
-                const newAz = startAz + dx * AZ_PER_PX;
-                let newEl = startEl - dy * EL_PER_PX;
-                if (newEl > EL_LIMIT) newEl = EL_LIMIT;
-                if (newEl < -EL_LIMIT) newEl = -EL_LIMIT;
-                setAng(v?.az_slide ?? v?.az, newAz);
-                setAng(v?.el_slide ?? v?.el, newEl);
-                try {
-                  v?.board?.update?.();
-                } catch {
-                }
-                return;
-              }
-            }
-            onPointerMoveRef.current?.(pixelToUser(e));
-          };
-          handlePointerUp = (e) => {
-            if (!svgEl) return;
-            const wasDrag = dragging;
-            const hadDown = dragStart !== null;
-            const wasPointDrag = pointDragMode;
-            dragStart = null;
-            dragging = false;
-            pointDragMode = false;
-            try {
-              svgEl.releasePointerCapture?.(e.pointerId);
-            } catch {
-            }
-            if (hadDown && wasPointDrag) {
-              onPointerDragEndRef.current?.(pixelToUser(e));
-              return;
-            }
-            if (hadDown && !wasDrag) {
-              onPointerClickRef.current?.(pixelToUser(e));
-            }
-          };
-          handlePointerLeave = () => {
-            if (pointDragMode) {
-              try {
-                onPointerDragEndRef.current?.({ x: 0, y: 0 });
-              } catch {
-              }
-            }
-            dragStart = null;
-            dragging = false;
-            pointDragMode = false;
-            onPointerLeaveRef.current?.();
-          };
-          svgEl.addEventListener("pointerdown", handlePointerDown);
-          svgEl.addEventListener("pointermove", handlePointerMove);
-          svgEl.addEventListener("pointerup", handlePointerUp);
-          svgEl.addEventListener("pointercancel", handlePointerUp);
-          svgEl.addEventListener("pointerleave", handlePointerLeave);
-        }
-      })();
-      return () => {
-        cancelled = true;
-        if (svgEl) {
-          if (handlePointerDown) svgEl.removeEventListener("pointerdown", handlePointerDown);
-          if (handlePointerMove) svgEl.removeEventListener("pointermove", handlePointerMove);
-          if (handlePointerUp) {
-            svgEl.removeEventListener("pointerup", handlePointerUp);
-            svgEl.removeEventListener("pointercancel", handlePointerUp);
-          }
-          if (handlePointerLeave) svgEl.removeEventListener("pointerleave", handlePointerLeave);
-        }
-        try {
-          if (board && JXG) JXG.JSXGraph.freeBoard(board);
-        } catch {
-        }
-        boardRef.current = null;
-        viewRef.current = null;
-      };
-    }, [isDark]);
-    const p = paletteFor(isDark);
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        "data-testid": "mini-board-3d",
-        ref: containerRef,
-        style: {
-          width: "100%",
-          height: "100%",
-          minHeight: 400,
-          background: p.view3dBg,
-          position: "relative",
-          // Clip JSXGraph mesh3d paths projecting outside the container.
-          overflow: "hidden"
-        }
-      }
-    );
-  }
-);
-function StatusHint(props) {
-  const { hint, hoverLabel } = props;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-testid": "status-hint",
-      className: "border-t border-zinc-200 bg-zinc-50 px-3 py-1.5 text-xs text-zinc-700 dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-300",
-      children: [
-        /* @__PURE__ */ jsxs("span", { children: [
-          "\u{1F4D0} ",
-          hint || "Ch\u1ECDn c\xF4ng c\u1EE5 trong b\u1EA3ng b\xEAn tr\xE1i"
-        ] }),
-        hoverLabel ? /* @__PURE__ */ jsxs("span", { className: "ml-3 text-zinc-500", children: [
-          "\u2014 \u0111ang tr\xEAn: ",
-          hoverLabel
-        ] }) : null
-      ]
-    }
-  );
-}
-
-// src/stamps/geometry-3d/editor/scene/labels.ts
-var A = "A".charCodeAt(0);
-function nextPointLabel(existing) {
-  const used = new Set(existing);
-  for (let suffix = 0; suffix < 1e3; suffix++) {
-    for (let i = 0; i < 26; i++) {
-      const letter = String.fromCharCode(A + i);
-      const candidate = suffix === 0 ? letter : `${letter}_${suffix}`;
-      if (!used.has(candidate)) return candidate;
-    }
-  }
-  return `P_${used.size}`;
-}
-var LOWERCASE_KINDS = ["segment", "line", "ray", "vector"];
-var PREFIX = {
-  sphere: "s",
-  polyhedron: "h",
-  cylinder: "c",
-  cone: "k",
-  polygon: "g",
-  plane: "\u03C0"
-};
-function nextDerivedLabel(kind, existing) {
-  const used = new Set(existing);
-  if (LOWERCASE_KINDS.includes(kind)) {
-    for (let i = 0; i < 26; i++) {
-      const c = String.fromCharCode("a".charCodeAt(0) + i);
-      if (!used.has(c)) return c;
-    }
-    for (let n = 1; n < 1e3; n++) {
-      const c = `a_${n}`;
-      if (!used.has(c)) return c;
-    }
-  }
-  const prefix = PREFIX[kind] ?? kind[0];
-  for (let n = 1; n < 1e3; n++) {
-    const candidate = `${prefix}_${n}`;
-    if (!used.has(candidate)) return candidate;
-  }
-  return `${prefix}_x`;
-}
-
-// src/stamps/geometry-3d/editor/scene/Scene3D.ts
-var Scene3D = class {
-  constructor() {
-    this.objects = /* @__PURE__ */ new Map();
-    this.order = [];
-    this.counter = 0;
-    this.listeners = {
-      add: /* @__PURE__ */ new Set(),
-      change: /* @__PURE__ */ new Set(),
-      delete: /* @__PURE__ */ new Set(),
-      reset: /* @__PURE__ */ new Set()
-    };
-    this.historyPast = [];
-    this.historyFuture = [];
-    this.historySuspended = false;
-    this.historyListeners = /* @__PURE__ */ new Set();
-  }
-  on(event, cb) {
-    const set = this.listeners[event];
-    set.add(cb);
-    return () => {
-      set.delete(cb);
-    };
-  }
-  nextId(prefix) {
-    this.counter += 1;
-    return `${prefix}${this.counter}`;
-  }
-  addPoint(constraint, label, color) {
-    this.capture();
-    const id = this.nextId("p");
-    const existingLabels = this.list().filter((o) => o.kind === "point").map((o) => o.label);
-    const autoLabel = label ?? nextPointLabel(existingLabels);
-    const obj = {
-      kind: "point",
-      id,
-      label: autoLabel,
-      visible: true,
-      color,
-      constraint
-    };
-    this.objects.set(id, obj);
-    this.order.push(id);
-    this.listeners.add.forEach((cb) => cb(obj));
-    return id;
-  }
-  addObject(kind, spec, label) {
-    this.capture();
-    const id = this.nextId(kind[0]);
-    const existingLabels = this.list().filter((o) => o.kind === kind).map((o) => o.label);
-    const autoLabel = label ?? nextDerivedLabel(kind, existingLabels);
-    const obj = { id, label: autoLabel, visible: true, kind, ...spec };
-    this.objects.set(id, obj);
-    this.order.push(id);
-    this.listeners.add.forEach((cb) => cb(obj));
-    return id;
-  }
-  insert(obj) {
-    this.capture();
-    if (this.objects.has(obj.id)) {
-      throw new Error(`Scene3D.insert: id ${obj.id} already exists`);
-    }
-    this.objects.set(obj.id, obj);
-    this.order.push(obj.id);
-    this.listeners.add.forEach((cb) => cb(obj));
-  }
-  get(id) {
-    return this.objects.get(id);
-  }
-  list() {
-    return this.order.map((id) => this.objects.get(id)).filter((obj) => obj !== void 0);
-  }
-  referencedIds(obj) {
-    switch (obj.kind) {
-      case "point": {
-        const c = obj.constraint;
-        if (c.kind === "onPlane") return [c.planeId];
-        if (c.kind === "onLine") return [c.lineId];
-        if (c.kind === "onPolygon") return [c.polygonId];
-        if (c.kind === "onSphere") return [c.sphereId];
-        return [];
-      }
-      case "segment":
-      case "line":
-        return [obj.p1, obj.p2];
-      case "ray":
-        return [obj.origin, obj.through];
-      case "vector":
-        return [obj.from, obj.to];
-      case "polygon":
-        return obj.vertices;
-      case "plane":
-        return [obj.p1, obj.p2, obj.p3];
-      case "sphere":
-        return [obj.center, obj.surfacePoint];
-      case "polyhedron":
-        return obj.vertices;
-      case "cylinder":
-        return [obj.baseCenter, obj.topCenter];
-      case "cone":
-        return [obj.baseCenter, obj.apex];
-    }
-  }
-  collectDependents(targetId) {
-    const dependents = /* @__PURE__ */ new Set([targetId]);
-    let grew = true;
-    while (grew) {
-      grew = false;
-      for (const obj of this.objects.values()) {
-        if (dependents.has(obj.id)) continue;
-        const refs = this.referencedIds(obj);
-        if (refs.some((r) => dependents.has(r))) {
-          dependents.add(obj.id);
-          grew = true;
-        }
-      }
-    }
-    return dependents;
-  }
-  delete(id) {
-    if (!this.objects.has(id)) return;
-    this.capture();
-    const toDelete = this.collectDependents(id);
-    for (const dependentId of toDelete) {
-      this.objects.delete(dependentId);
-      this.order = this.order.filter((x) => x !== dependentId);
-      this.listeners.delete.forEach((cb) => cb(dependentId));
-    }
-  }
-  reset() {
-    this.capture();
-    this.objects.clear();
-    this.order = [];
-    this.counter = 0;
-    this.listeners.reset.forEach((cb) => cb());
-  }
-  reserveId(prefix) {
-    return this.nextId(prefix);
-  }
-  emitChange(id) {
-    const obj = this.objects.get(id);
-    if (!obj) return;
-    this.listeners.change.forEach((cb) => cb(obj));
-  }
-  snapshot() {
-    const cloned = /* @__PURE__ */ new Map();
-    for (const [id, obj] of this.objects) {
-      cloned.set(id, { ...obj });
-    }
-    return {
-      objects: cloned,
-      order: [...this.order],
-      counter: this.counter
-    };
-  }
-  restore(snap) {
-    this.objects = /* @__PURE__ */ new Map();
-    for (const [id, obj] of snap.objects) {
-      this.objects.set(id, { ...obj });
-    }
-    this.order = [...snap.order];
-    this.counter = snap.counter;
-    this.listeners.reset.forEach((cb) => cb());
-    for (const id of this.order) {
-      const obj = this.objects.get(id);
-      if (obj) this.listeners.add.forEach((cb) => cb(obj));
-    }
-  }
-  capture() {
-    if (this.historySuspended) return;
-    this.historyPast.push(this.snapshot());
-    this.historyFuture = [];
-    this.notifyHistoryChange();
-  }
-  canUndo() {
-    return this.historyPast.length > 0;
-  }
-  canRedo() {
-    return this.historyFuture.length > 0;
-  }
-  undo() {
-    const prev = this.historyPast.pop();
-    if (!prev) return;
-    this.historyFuture.push(this.snapshot());
-    this.restore(prev);
-    this.notifyHistoryChange();
-  }
-  redo() {
-    const next = this.historyFuture.pop();
-    if (!next) return;
-    this.historyPast.push(this.snapshot());
-    this.restore(next);
-    this.notifyHistoryChange();
-  }
-  withoutHistory(fn) {
-    const prev = this.historySuspended;
-    this.historySuspended = true;
-    try {
-      fn();
-    } finally {
-      this.historySuspended = prev;
-    }
-  }
-  pushUndoCheckpoint(prev) {
-    if (this.historySuspended) return;
-    this.historyPast.push(prev);
-    this.historyFuture = [];
-    this.notifyHistoryChange();
-  }
-  onHistoryChange(cb) {
-    this.historyListeners.add(cb);
-    return () => {
-      this.historyListeners.delete(cb);
-    };
-  }
-  notifyHistoryChange() {
-    this.historyListeners.forEach((cb) => cb());
-  }
-};
-
-// src/stamps/geometry-3d/editor/scene/persistence.ts
-function sceneToBoard(scene, view, bbox) {
-  const elements = [];
-  for (const obj of scene.list()) {
-    const els = sceneObjectToElements(obj, scene);
-    elements.push(...els);
-  }
-  return { version: 2, bbox, view, showAxes: true, showMesh: true, elements };
-}
-function sceneObjectToElements(obj, scene) {
-  const baseAttrs = { label: obj.label, visible: obj.visible, color: obj.color };
-  switch (obj.kind) {
-    case "point": {
-      let w;
-      try {
-        w = constraintToWorld(obj.constraint, scene);
-      } catch {
-        w = [0, 0, 0];
-      }
-      return [{
-        type: "point3d",
-        parents: [w[0], w[1], w[2]],
-        attributes: { id: obj.id, ...baseAttrs },
-        id: obj.id,
-        label: obj.label,
-        constraint: obj.constraint
-      }];
-    }
-    case "segment":
-    case "line":
-    case "ray":
-    case "vector":
-    case "plane":
-    case "sphere":
-    case "polygon":
-    case "polyhedron":
-    case "cylinder":
-    case "cone": {
-      return [{
-        type: pickJxgType(obj.kind),
-        parents: [],
-        attributes: { id: obj.id, ...baseAttrs, sceneKind: obj.kind, sceneSpec: encodeSpec(obj) },
-        id: obj.id,
-        label: obj.label
-      }];
-    }
-  }
-}
-function pickJxgType(kind) {
-  switch (kind) {
-    case "point":
-      return "point3d";
-    case "segment":
-    case "line":
-    case "ray":
-    case "vector":
-      return "line3d";
-    case "plane":
-      return "plane3d";
-    case "sphere":
-      return "sphere3d";
-    case "polygon":
-    case "polyhedron":
-    case "cylinder":
-    case "cone":
-      return "polygon3d";
-  }
-}
-function encodeSpec(obj) {
-  const rest = {};
-  for (const [k, v] of Object.entries(obj)) {
-    if (k === "id" || k === "label" || k === "visible" || k === "color" || k === "kind") continue;
-    rest[k] = v;
-  }
-  return rest;
-}
-function boardToScene(board) {
-  const scene = new Scene3D();
-  for (const el of board.elements) {
-    if (el.type === "point3d") {
-      const constraint = el.constraint ?? {
-        kind: "free",
-        x: Number(el.parents[0] ?? 0),
-        y: Number(el.parents[1] ?? 0),
-        z: Number(el.parents[2] ?? 0)
-      };
-      const color2 = el.attributes["color"];
-      const visible2 = el.attributes["visible"] !== false;
-      try {
-        scene.insert({
-          kind: "point",
-          id: el.id,
-          label: el.label ?? el.id,
-          visible: visible2,
-          color: color2,
-          constraint
-        });
-      } catch {
-      }
-      continue;
-    }
-    const sceneKind = el.attributes["sceneKind"];
-    const sceneSpec = el.attributes["sceneSpec"];
-    if (!sceneKind || !sceneSpec) continue;
-    const color = el.attributes["color"];
-    const visible = el.attributes["visible"] !== false;
-    const obj = {
-      id: el.id,
-      label: el.label ?? el.id,
-      visible,
-      color,
-      kind: sceneKind,
-      ...sceneSpec
-    };
-    try {
-      scene.insert(obj);
-    } catch {
-    }
-  }
-  return scene;
-}
-var EditorPanel = React2.forwardRef(
-  function EditorPanel2(props, ref) {
-    const {
-      isDark: isDarkProp,
-      initialState,
-      scene,
-      selectedTool,
-      onSelectedToolChange,
-      showAxis,
-      showGrid,
-      onReadyChange,
-      onHistoryChange
-    } = props;
-    const isDark = isDarkProp ?? false;
-    const controllerRef = React2.useRef(null);
-    if (!controllerRef.current) controllerRef.current = new ToolController(scene);
-    const [hint, setHint] = React2.useState("Ch\u1ECDn c\xF4ng c\u1EE5 trong b\u1EA3ng b\xEAn tr\xE1i");
-    const [hoverLabel, setHoverLabel] = React2.useState(null);
-    const boardRef = React2.useRef(null);
-    const rendererRef = React2.useRef(null);
-    const onSelectedToolChangeRef = React2.useRef(onSelectedToolChange);
-    onSelectedToolChangeRef.current = onSelectedToolChange;
-    const onHistoryChangeRef = React2.useRef(onHistoryChange);
-    onHistoryChangeRef.current = onHistoryChange;
-    const selectedToolRef = React2.useRef(selectedTool);
-    selectedToolRef.current = selectedTool;
-    const draggedPointRef = React2.useRef(null);
-    const dragStartRef = React2.useRef(null);
-    const dragSnapshotRef = React2.useRef(null);
-    React2.useEffect(() => {
-      if (initialState) {
-        const loaded = boardToScene(initialState);
-        scene.withoutHistory(() => {
-          scene.reset();
-          for (const obj of loaded.list()) {
-            scene.insert(obj);
-          }
-        });
-      }
-    }, []);
-    React2.useEffect(() => {
-      const ctrl = controllerRef.current;
-      const unsub = ctrl.on((state) => {
-        setHint(state.hint);
-        onSelectedToolChangeRef.current(state.tool?.key ?? "move");
-      });
-      return unsub;
-    }, []);
-    React2.useEffect(() => {
-      onHistoryChangeRef.current?.(scene.canUndo(), scene.canRedo());
-      const unsub = scene.onHistoryChange(() => {
-        onHistoryChangeRef.current?.(scene.canUndo(), scene.canRedo());
-      });
-      return unsub;
-    }, [scene]);
-    React2.useEffect(() => {
-      controllerRef.current?.selectTool(selectedTool);
-    }, [selectedTool]);
-    React2.useEffect(() => {
-      const onKey = (e) => {
-        const ae = document.activeElement;
-        const inField = !!(ae && (ae.tagName === "INPUT" || ae.tagName === "TEXTAREA" || ae.isContentEditable));
-        if (inField) return;
-        if (!(e.metaKey || e.ctrlKey)) return;
-        const key = e.key.toLowerCase();
-        if (key === "z" && !e.shiftKey) {
-          e.preventDefault();
-          e.stopPropagation();
-          scene.undo();
-        } else if (key === "z" && e.shiftKey || key === "y" && !e.shiftKey) {
-          e.preventDefault();
-          e.stopPropagation();
-          scene.redo();
-        }
-      };
-      window.addEventListener("keydown", onKey, { capture: true });
-      return () => window.removeEventListener("keydown", onKey, { capture: true });
-    }, [scene]);
-    React2.useEffect(() => {
-      return () => {
-        rendererRef.current?.dispose();
-        rendererRef.current = null;
-      };
-    }, []);
-    React2.useEffect(() => {
-      const view = boardRef.current?.getView3D();
-      const v = view;
-      if (!v || typeof v.setAttribute !== "function") return;
-      try {
-        v.setAttribute({
-          xAxis: { visible: showAxis },
-          yAxis: { visible: showAxis },
-          zAxis: { visible: showAxis },
-          // GeoGebra-style: only the XY ground plane is shown; side walls stay hidden.
-          xPlaneRear: { visible: false, mesh3d: { visible: false } },
-          yPlaneRear: { visible: false, mesh3d: { visible: false } },
-          zPlaneRear: { visible: showGrid, mesh3d: { visible: false } }
-        });
-        v.board?.update?.();
-      } catch {
-      }
-    }, [showAxis, showGrid]);
-    const handleView3DReady = React2.useCallback((view) => {
-      rendererRef.current = new JxgRenderer(scene, view);
-      if (initialState) {
-        try {
-          const v = view;
-          v?.az_slide?.setValue?.(initialState.view.azimuth);
-          v?.el_slide?.setValue?.(initialState.view.elevation);
-          v?.board?.update?.();
-        } catch {
-        }
-      }
-      onReadyChange?.(true);
-    }, [onReadyChange, scene, initialState]);
-    const handleClick = React2.useCallback((screen) => {
-      const board = boardRef.current;
-      if (!board) return;
-      const view = board.getView3D();
-      if (!view) return;
-      try {
-        const hit = hitTest(screen, view, scene);
-        controllerRef.current.consumeHit(hit);
-      } catch {
-      }
-    }, [scene]);
-    const handleMove = React2.useCallback((screen) => {
-      const board = boardRef.current;
-      if (!board) return;
-      const view = board.getView3D();
-      if (!view) return;
-      if (draggedPointRef.current) return;
-      let hit;
-      try {
-        hit = hitTest(screen, view, scene);
-      } catch {
-        setHoverLabel(null);
-        return;
-      }
-      if (hit.kind === "empty") setHoverLabel(null);
-      else if (hit.kind === "existingPoint") {
-        const obj = scene.get(hit.pointId);
-        setHoverLabel(obj?.label ?? null);
-      } else if (hit.kind === "onGround") setHoverLabel("m\u1EB7t n\u1EC1n");
-      else if (hit.kind === "onAxis") setHoverLabel(`tr\u1EE5c ${hit.axis.toUpperCase()}`);
-      else if (hit.kind === "onPlane") setHoverLabel(`m\u1EB7t ph\u1EB3ng ${hit.planeId}`);
-      else if (hit.kind === "onSphere") setHoverLabel(`m\u1EB7t c\u1EA7u ${hit.sphereId}`);
-      else setHoverLabel(null);
-    }, [scene]);
-    const shouldStartPointDrag = React2.useCallback((screen) => {
-      const view = boardRef.current?.getView3D();
-      if (!view) return false;
-      const tool = selectedToolRef.current;
-      if (tool !== "point" && tool !== "move") return false;
-      let hit;
-      try {
-        hit = hitTest(screen, view, scene);
-      } catch {
-        return false;
-      }
-      if (hit.kind === "existingPoint") {
-        const pt = scene.get(hit.pointId);
-        if (!pt || pt.kind !== "point") return false;
-        dragSnapshotRef.current = scene.snapshot();
-        draggedPointRef.current = hit.pointId;
-        dragStartRef.current = {
-          screen,
-          world: constraintToWorld(pt.constraint, scene)
-        };
-        return true;
-      }
-      if (tool === "point" && (hit.kind === "onGround" || hit.kind === "onAxis")) {
-        dragSnapshotRef.current = scene.snapshot();
-        const constraint = hitToConstraint(hit);
-        if (!constraint) {
-          dragSnapshotRef.current = null;
-          return false;
-        }
-        let id = null;
-        scene.withoutHistory(() => {
-          id = scene.addPoint(constraint);
-        });
-        if (!id) {
-          dragSnapshotRef.current = null;
-          return false;
-        }
-        draggedPointRef.current = id;
-        dragStartRef.current = {
-          screen,
-          world: [hit.world[0], hit.world[1], hit.world[2]]
-        };
-        return true;
-      }
-      if (tool === "point") {
-        dragSnapshotRef.current = null;
-        draggedPointRef.current = null;
-        dragStartRef.current = null;
-        return true;
-      }
-      return false;
-    }, [scene]);
-    const onPointerDrag = React2.useCallback((screen) => {
-      const pointId = draggedPointRef.current;
-      const start = dragStartRef.current;
-      if (!pointId || !start) return;
-      const view = boardRef.current?.getView3D();
-      if (!view) return;
-      const tool = selectedToolRef.current;
-      let nextWorld;
-      if (tool === "point") {
-        const dz = screen.y - start.screen.y;
-        nextWorld = [start.world[0], start.world[1], start.world[2] + dz];
-      } else if (tool === "move") {
-        try {
-          const ray = screenToRay(screen, view);
-          const hit = rayPlane(ray, { point: [0, 0, start.world[2]], normal: [0, 0, 1] });
-          if (!hit) return;
-          nextWorld = [hit.point[0], hit.point[1], start.world[2]];
-        } catch {
-          return;
-        }
-      } else {
-        return;
-      }
-      const obj = scene.get(pointId);
-      if (!obj || obj.kind !== "point") return;
-      const free = { kind: "free", x: nextWorld[0], y: nextWorld[1], z: nextWorld[2] };
-      obj.constraint = free;
-      scene.emitChange(pointId);
-    }, [scene]);
-    const onPointerDragEnd = React2.useCallback(() => {
-      const snap = dragSnapshotRef.current;
-      dragSnapshotRef.current = null;
-      draggedPointRef.current = null;
-      dragStartRef.current = null;
-      if (snap) {
-        scene.pushUndoCheckpoint(snap);
-      }
-    }, [scene]);
-    React2.useImperativeHandle(
-      ref,
-      () => ({
-        hasContent: () => scene.list().length > 0,
-        serialize: () => {
-          const view = boardRef.current?.getView3D();
-          const v = view;
-          const azSlider = v?.az_slide ?? v?.az;
-          const elSlider = v?.el_slide ?? v?.el;
-          const azimuth = typeof azSlider?.Value === "function" ? azSlider.Value() : 0;
-          const elevation = typeof elSlider?.Value === "function" ? elSlider.Value() : 0;
-          return sceneToBoard(
-            scene,
-            { azimuth, elevation, bbox3D: [...DEFAULT_VIEW3D.bbox3D] },
-            // JSXGraph boundingbox order: [xmin, ymax, xmax, ymin]. Must match
-            // MiniBoard3D.initBoard so render reproduces the editor's view.
-            [-6, 6, 6, -6]
-          );
-        },
-        setTool: (k) => controllerRef.current.selectTool(k),
-        undo: () => scene.undo(),
-        redo: () => scene.redo()
-      }),
-      [scene]
-    );
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        "data-testid": "editor-panel-3d",
-        className: [
-          isDark ? "theme--dark " : "",
-          "flex h-full w-full min-w-0 flex-col overflow-hidden bg-white"
-        ].join(""),
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(
-            MiniBoard3D,
-            {
-              ref: boardRef,
-              isDark,
-              onView3DReady: handleView3DReady,
-              onPointerClick: handleClick,
-              onPointerMove: handleMove,
-              onPointerLeave: () => setHoverLabel(null),
-              shouldStartPointDrag,
-              onPointerDrag,
-              onPointerDragEnd
-            }
-          ) }),
-          /* @__PURE__ */ jsx(StatusHint, { hint, hoverLabel })
-        ]
-      }
-    );
-  }
-);
-function ToolButton(props) {
-  const {
-    toolKey,
-    label,
-    selected,
-    onClick,
-    icon,
-    chordNum,
-    chordActiveGroup,
-    onMouseEnter,
-    onMouseLeave
-  } = props;
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      "data-tool-key": toolKey,
-      "data-testid": `tool-${toolKey}`,
-      "aria-label": label,
-      "aria-pressed": selected,
-      onClick: () => onClick(toolKey),
-      onMouseEnter,
-      onMouseLeave,
-      className: [
-        "relative flex aspect-square items-center justify-center rounded-md transition",
-        selected ? "bg-emerald-600 text-white shadow-sm" : "text-slate-700 hover:bg-slate-100 hover:text-slate-900"
-      ].join(" "),
-      children: [
-        /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "inline-flex", children: icon ?? null }),
-        chordNum != null && /* @__PURE__ */ jsx(
-          "span",
-          {
-            "data-testid": `chord-num-${toolKey}`,
-            className: [
-              "pointer-events-none absolute bottom-0 right-0.5 font-mono text-[9px] leading-none transition",
-              selected ? "text-white/70" : chordActiveGroup ? "text-emerald-700" : "text-slate-300"
-            ].join(" "),
-            children: chordNum
-          }
-        )
-      ]
-    }
-  );
-}
-var wrap = (children) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    width: "18",
-    height: "18",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "1.6",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    "aria-hidden": "true",
-    children
-  }
-);
-var dot4 = (cx, cy, r = 1.4) => /* @__PURE__ */ jsx("circle", { cx, cy, r, fill: "currentColor", stroke: "none" });
-var ToolIcons = {
-  move: wrap(
-    /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("path", { d: "M5 4 L5 14 L8 11 L10 16 L13 15 L11 10 L15 10 Z" }) })
-  ),
-  point: wrap(
-    /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2.4", fill: "currentColor", stroke: "none" }) })
-  ),
-  pointOnObject: wrap(
-    /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("path", { d: "M3 16 L21 12" }),
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "13.5", r: "2.4", fill: "currentColor", stroke: "none" })
-    ] })
-  ),
-  segment: wrap(
-    /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("line", { x1: "4", y1: "18", x2: "20", y2: "6" }),
-      dot4(4, 18, 1.6),
-      dot4(20, 6, 1.6)
-    ] })
-  ),
-  line: wrap(
-    /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("line", { x1: "3", y1: "18", x2: "21", y2: "6" }),
-      dot4(8, 14.5, 1.4),
-      dot4(16, 9.5, 1.4)
-    ] })
-  ),
-  ray: wrap(
-    /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("line", { x1: "5", y1: "18", x2: "19", y2: "7" }),
-      /* @__PURE__ */ jsx("path", { d: "M19 7 L15 6 M19 7 L18 11" }),
-      dot4(5, 18, 1.6)
-    ] })
-  ),
-  vector: wrap(
-    /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("line", { x1: "5", y1: "18", x2: "18", y2: "7" }),
-      /* @__PURE__ */ jsx("path", { d: "M18 7 L13 7 M18 7 L18 12" }),
-      dot4(5, 18, 1.6)
-    ] })
-  ),
-  polygon: wrap(
-    /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("polygon", { points: "12,4 20,10 17,19 7,19 4,10" }) })
-  ),
-  plane: wrap(
-    /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("polygon", { points: "3,9 14,5 21,11 10,15" }) })
-  ),
-  pyramid: wrap(
-    /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("path", { d: "M4 19 L20 19 L12 4 Z" }),
-      /* @__PURE__ */ jsx("path", { d: "M4 19 L12 16 L20 19" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 4 L12 16", strokeDasharray: "2 2" })
-    ] })
-  ),
-  prism: wrap(
-    /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("path", { d: "M4 8 L4 19 L14 19 L14 8 Z" }),
-      /* @__PURE__ */ jsx("path", { d: "M4 8 L10 4 L20 4 L14 8" }),
-      /* @__PURE__ */ jsx("path", { d: "M14 8 L14 19 L20 15 L20 4" }),
-      /* @__PURE__ */ jsx("path", { d: "M4 8 L14 8" })
-    ] })
-  ),
-  tetrahedron: wrap(
-    /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("path", { d: "M4 19 L20 19 L12 5 Z" }),
-      /* @__PURE__ */ jsx("path", { d: "M4 19 L15 12 L20 19" }),
-      /* @__PURE__ */ jsx("path", { d: "M15 12 L12 5" })
-    ] })
-  ),
-  cube: wrap(
-    /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("path", { d: "M4 8 L4 19 L14 19 L14 8 Z" }),
-      /* @__PURE__ */ jsx("path", { d: "M4 8 L10 4 L20 4 L14 8" }),
-      /* @__PURE__ */ jsx("path", { d: "M14 8 L14 19 L20 15 L20 4" })
-    ] })
-  ),
-  sphere: wrap(
-    /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "8" }),
-      /* @__PURE__ */ jsx("ellipse", { cx: "12", cy: "12", rx: "8", ry: "3" }),
-      dot4(12, 12, 1.2)
-    ] })
-  ),
-  cylinder: wrap(
-    /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("ellipse", { cx: "12", cy: "6", rx: "6", ry: "2" }),
-      /* @__PURE__ */ jsx("path", { d: "M6 6 L6 18" }),
-      /* @__PURE__ */ jsx("path", { d: "M18 6 L18 18" }),
-      /* @__PURE__ */ jsx("ellipse", { cx: "12", cy: "18", rx: "6", ry: "2" })
-    ] })
-  ),
-  cone: wrap(
-    /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("line", { x1: "5", y1: "18", x2: "12", y2: "4" }),
-      /* @__PURE__ */ jsx("line", { x1: "19", y1: "18", x2: "12", y2: "4" }),
-      /* @__PURE__ */ jsx("ellipse", { cx: "12", cy: "18", rx: "7", ry: "2" })
-    ] })
-  )
-};
-
-// src/stamps/geometry-3d/editor/toolPanel/groups.ts
-var GROUP_ORDER = [
-  "basic",
-  "point",
-  "line",
-  "plane",
-  "polyhedron",
-  "curve"
-];
-var GROUP_LABELS = {
-  basic: "C\u01A1 b\u1EA3n",
-  point: "\u0110i\u1EC3m",
-  line: "\u0110\u01B0\u1EDDng th\u1EB3ng",
-  plane: "M\u1EB7t ph\u1EB3ng",
-  polyhedron: "Kh\u1ED1i \u0111a di\u1EC7n",
-  curve: "Kh\u1ED1i cong"
-};
-var TOOLS_BY_GROUP = {
-  basic: ["move"],
-  point: ["point", "pointOnObject"],
-  line: ["segment", "line", "ray", "vector", "polygon"],
-  plane: ["plane"],
-  polyhedron: ["pyramid", "prism", "tetrahedron", "cube"],
-  curve: ["sphere", "cylinder", "cone"]
-};
-var SPEC_BY_KEY = TOOLS.reduce(
-  (acc, t) => {
-    acc[t.key] = t;
-    return acc;
-  },
-  {}
-);
-var TOOLS_FLAT = GROUP_ORDER.flatMap(
-  (group) => TOOLS_BY_GROUP[group].map((key) => {
-    const spec = SPEC_BY_KEY[key];
-    return {
-      key,
-      label: spec?.label ?? key,
-      hint: spec?.hintIdle ?? "",
-      group
-    };
-  })
-);
-var A_CODE = "A".charCodeAt(0);
-function letterForGroup(g) {
-  const idx = GROUP_ORDER.indexOf(g);
-  return idx >= 0 ? String.fromCharCode(A_CODE + idx) : "";
-}
-function ToolPalette(props) {
-  const { selected, onSelect, chordGroup = null, onHoverTool } = props;
-  return /* @__PURE__ */ jsx("div", { "data-testid": "tool-palette", className: "flex flex-col gap-3", children: GROUP_ORDER.map((group) => {
-    const keys = TOOLS_BY_GROUP[group];
-    const isChordActive = chordGroup === group;
-    const dimmed = chordGroup !== null && !isChordActive;
-    return /* @__PURE__ */ jsxs(
-      "section",
-      {
-        "data-chord-group": group,
-        "data-chord-active": isChordActive ? "true" : "false",
-        className: [
-          "rounded-md transition",
-          isChordActive ? "bg-emerald-50 ring-1 ring-emerald-400 p-1" : "p-0",
-          dimmed ? "opacity-55" : "opacity-100"
-        ].join(" "),
-        children: [
-          /* @__PURE__ */ jsxs("h4", { className: "mb-1.5 flex items-center justify-between text-[10px] font-semibold uppercase tracking-wider text-slate-500", children: [
-            /* @__PURE__ */ jsx("span", { children: GROUP_LABELS[group] }),
-            /* @__PURE__ */ jsx(
-              "span",
-              {
-                "data-testid": `chord-letter-${group}`,
-                className: [
-                  "font-mono text-[10px] leading-none transition",
-                  isChordActive ? "text-emerald-700 font-bold" : "text-slate-400"
-                ].join(" "),
-                children: letterForGroup(group)
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-1", children: keys.map((k, i) => {
-            const tool = TOOLS.find((t) => t.key === k);
-            return /* @__PURE__ */ jsx(
-              ToolButton,
-              {
-                toolKey: k,
-                label: tool.label,
-                selected: selected === k,
-                onClick: onSelect,
-                icon: ToolIcons[k],
-                chordNum: i + 1,
-                chordActiveGroup: isChordActive,
-                onMouseEnter: (e) => onHoverTool?.({
-                  label: tool.label,
-                  hint: tool.hintIdle,
-                  x: e.clientX,
-                  y: e.clientY
-                }),
-                onMouseLeave: () => onHoverTool?.(null)
-              },
-              k
-            );
-          }) })
-        ]
-      },
-      group
-    );
-  }) });
-}
-
-// src/stamps/geometry-3d/editor/algebraPanel/symbolic.ts
-function symbolicFor(obj, scene) {
-  const n = (id) => scene.get(id)?.label ?? id;
-  switch (obj.kind) {
-    case "point": {
-      const c = obj.constraint;
-      switch (c.kind) {
-        case "free":
-          return "Point";
-        case "onGround":
-          return "Point(xyPlane)";
-        case "onAxis":
-          return `Point(${c.axis}Axis)`;
-        case "onPlane":
-          return `Point(${n(c.planeId)})`;
-        case "onLine":
-          return `Point(${n(c.lineId)})`;
-        case "onPolygon":
-          return `Point(${n(c.polygonId)})`;
-        case "onSphere":
-          return `Point(${n(c.sphereId)})`;
-      }
-      return "Point";
-    }
-    case "segment":
-      return `Segment(${n(obj.p1)}, ${n(obj.p2)})`;
-    case "line":
-      return `Line(${n(obj.p1)}, ${n(obj.p2)})`;
-    case "ray":
-      return `Ray(${n(obj.origin)}, ${n(obj.through)})`;
-    case "vector":
-      return `Vector(${n(obj.from)}, ${n(obj.to)})`;
-    case "polygon":
-      return `Polygon(${obj.vertices.map(n).join(", ")})`;
-    case "plane":
-      return `Plane(${n(obj.p1)}, ${n(obj.p2)}, ${n(obj.p3)})`;
-    case "sphere":
-      return `Sphere(${n(obj.center)}, ${n(obj.surfacePoint)})`;
-    case "polyhedron": {
-      const flavorVn = {
-        pyramid: "Ch\xF3p",
-        prism: "L\u0103ng tr\u1EE5",
-        tetrahedron: "T\u1EE9 di\u1EC7n",
-        cube: "L\u1EADp ph\u01B0\u01A1ng"
-      };
-      return `${flavorVn[obj.flavor]}(${obj.vertices.length} \u0111\u1EC9nh)`;
-    }
-    case "cylinder":
-      return `Cylinder(${n(obj.baseCenter)}, ${n(obj.topCenter)}, r=${obj.radius})`;
-    case "cone":
-      return `Cone(${n(obj.baseCenter)}, ${n(obj.apex)}, r=${obj.radius})`;
-  }
-}
-function numericFor(obj, scene) {
-  if (obj.kind === "point") {
-    const w = constraintToWorld(obj.constraint, scene);
-    return `(${round(w[0])}, ${round(w[1])}, ${round(w[2])})`;
-  }
-  return "";
-}
-function round(x) {
-  return Math.abs(x) < 1e-9 ? "0" : (Math.round(x * 100) / 100).toString();
-}
-function RowMenu(props) {
-  const [open, setOpen] = React2.useState(false);
-  return /* @__PURE__ */ jsxs("div", { className: "relative inline-block", children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        "aria-label": "Row menu",
-        onClick: () => setOpen((v) => !v),
-        className: "rounded px-1.5 text-zinc-500 hover:bg-zinc-100 dark:hover:bg-zinc-800",
-        children: "\u22EE"
-      }
-    ),
-    open ? /* @__PURE__ */ jsxs(
-      "div",
-      {
-        role: "menu",
-        className: "absolute right-0 z-10 mt-1 w-40 rounded-md border border-zinc-200 bg-white py-1 text-xs shadow-lg dark:border-zinc-700 dark:bg-zinc-900",
-        children: [
-          /* @__PURE__ */ jsx(MenuItem, { onClick: () => {
-            setOpen(false);
-            props.onRename();
-          }, children: "\u0110\u1ED5i t\xEAn" }),
-          /* @__PURE__ */ jsx(MenuItem, { onClick: () => {
-            setOpen(false);
-            props.onChangeColor();
-          }, children: "\u0110\u1ED5i m\xE0u" }),
-          /* @__PURE__ */ jsx(MenuItem, { onClick: () => {
-            setOpen(false);
-            props.onToggleVisibility();
-          }, children: props.visible ? "\u1EA8n" : "Hi\u1EC7n" }),
-          /* @__PURE__ */ jsx(MenuItem, { onClick: () => {
-            setOpen(false);
-            props.onDelete();
-          }, className: "text-red-600", children: "Xo\xE1" })
-        ]
-      }
-    ) : null
-  ] });
-}
-function MenuItem({ children, onClick, className }) {
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      role: "menuitem",
-      onClick,
-      className: `block w-full px-3 py-1 text-left hover:bg-zinc-100 dark:hover:bg-zinc-800 ${className ?? ""}`,
-      children
-    }
-  );
-}
-function AlgebraRow(props) {
-  const { obj, scene, onDelete } = props;
-  const symbolic = symbolicFor(obj, scene);
-  const numeric = numericFor(obj, scene);
-  return /* @__PURE__ */ jsxs(
-    "li",
-    {
-      "data-testid": `algebra-row-${obj.id}`,
-      className: "flex items-center gap-2 border-b border-zinc-100 px-3 py-1.5 text-xs dark:border-zinc-800",
-      children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            "aria-hidden": true,
-            className: "inline-block size-3 rounded-full border",
-            style: { backgroundColor: obj.color ?? "#0066cc" }
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "min-w-[3ch] font-semibold", children: obj.label }),
-        /* @__PURE__ */ jsx("span", { className: "text-zinc-500", children: "=" }),
-        /* @__PURE__ */ jsx("span", { className: "flex-1 truncate font-mono", children: symbolic }),
-        numeric ? /* @__PURE__ */ jsx("span", { className: "truncate text-zinc-500", children: numeric }) : null,
-        /* @__PURE__ */ jsx(
-          RowMenu,
-          {
-            visible: obj.visible,
-            onRename: () => {
-            },
-            onChangeColor: () => {
-            },
-            onToggleVisibility: () => {
-            },
-            onDelete: () => onDelete(obj.id)
-          }
-        )
-      ]
-    }
-  );
-}
-function AlgebraList(props) {
-  const { scene } = props;
-  const [, forceUpdate] = React2.useReducer((x) => x + 1, 0);
-  React2.useEffect(() => {
-    const unsubAdd = scene.on("add", () => forceUpdate());
-    const unsubChange = scene.on("change", () => forceUpdate());
-    const unsubDelete = scene.on("delete", () => forceUpdate());
-    const unsubReset = scene.on("reset", () => forceUpdate());
-    return () => {
-      unsubAdd();
-      unsubChange();
-      unsubDelete();
-      unsubReset();
-    };
-  }, [scene]);
-  const objects = scene.list();
-  return /* @__PURE__ */ jsx(
-    "ul",
-    {
-      "data-testid": "algebra-list",
-      className: "flex max-h-[calc(100vh-200px)] flex-col overflow-y-auto",
-      children: objects.length === 0 ? /* @__PURE__ */ jsx("li", { className: "px-3 py-4 text-center text-xs text-zinc-500", children: "Ch\u01B0a c\xF3 \u0111\u1ED1i t\u01B0\u1EE3ng n\xE0o" }) : objects.map((o) => /* @__PURE__ */ jsx(AlgebraRow, { obj: o, scene, onDelete: (id) => scene.delete(id) }, o.id))
-    }
-  );
-}
-var TOOLTIP_DELAY_MS = 400;
-var Geom3DIconHeader = /* @__PURE__ */ jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-  /* @__PURE__ */ jsx("path", { d: "M4 9 L4 20 L14 20 L14 9 Z" }),
-  /* @__PURE__ */ jsx("path", { d: "M4 9 L10 4 L20 4 L14 9 Z" }),
-  /* @__PURE__ */ jsx("path", { d: "M14 9 L20 4 L20 15 L14 20 Z" })
-] });
-function AxisIcon() {
-  return /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx("line", { x1: "4", y1: "20", x2: "20", y2: "20" }),
-    /* @__PURE__ */ jsx("line", { x1: "4", y1: "20", x2: "4", y2: "4" }),
-    /* @__PURE__ */ jsx("line", { x1: "4", y1: "20", x2: "16", y2: "8" })
-  ] });
-}
-function GridIcon() {
-  return /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx("path", { d: "M4 8 L20 4" }),
-    /* @__PURE__ */ jsx("path", { d: "M4 14 L20 10" }),
-    /* @__PURE__ */ jsx("path", { d: "M4 20 L20 16" }),
-    /* @__PURE__ */ jsx("path", { d: "M4 8 L4 20" }),
-    /* @__PURE__ */ jsx("path", { d: "M12 6 L12 18" }),
-    /* @__PURE__ */ jsx("path", { d: "M20 4 L20 16" })
-  ] });
-}
-function UndoIcon() {
-  return /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx("path", { d: "M3 10 L8 5 L8 8 L15 8 A5 5 0 0 1 20 13 L20 16" }),
-    /* @__PURE__ */ jsx("path", { d: "M3 10 L8 15 L8 12" })
-  ] });
-}
-function RedoIcon() {
-  return /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx("path", { d: "M21 10 L16 5 L16 8 L9 8 A5 5 0 0 0 4 13 L4 16" }),
-    /* @__PURE__ */ jsx("path", { d: "M21 10 L16 15 L16 12" })
-  ] });
-}
-function CloseIcon() {
-  return /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" }),
-    /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" })
-  ] });
-}
-function Shell({ title, icon, onClose, children, isDark }) {
-  return /* @__PURE__ */ jsxs(
-    "aside",
-    {
-      role: "complementary",
-      "aria-label": title,
-      "data-testid": "left-panel",
-      "data-stamp-area": "true",
-      className: [
-        isDark ? "theme--dark " : "",
-        "absolute left-0 top-0 z-30 flex h-full w-60 flex-col border-r border-slate-200 bg-white shadow-md animate-in slide-in-from-left duration-200"
-      ].join(""),
-      children: [
-        /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between border-b border-slate-200 bg-gradient-to-r from-slate-50 to-white px-3 py-2", children: [
-          /* @__PURE__ */ jsxs("h3", { className: "flex items-center gap-2 text-sm font-semibold text-slate-800", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-base leading-none", children: icon }),
-            title
-          ] }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: onClose,
-              "aria-label": "\u0110\xF3ng",
-              className: "rounded p-1 text-slate-500 transition hover:bg-slate-100 hover:text-slate-800",
-              children: /* @__PURE__ */ jsx(CloseIcon, {})
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto p-3 space-y-3", children })
-      ]
-    }
-  );
-}
-function Section({ label, children }) {
-  return /* @__PURE__ */ jsxs("section", { children: [
-    /* @__PURE__ */ jsx("h4", { className: "mb-1.5 text-[10px] font-semibold uppercase tracking-wider text-slate-500", children: label }),
-    children
-  ] });
-}
-function useToolHoverTooltip() {
-  const [hover, setHover] = React2.useState(null);
-  const [portalReady, setPortalReady] = React2.useState(false);
-  const hoverTimerRef = React2.useRef(null);
-  React2.useEffect(() => {
-    setPortalReady(true);
-    return () => {
-      if (hoverTimerRef.current) clearTimeout(hoverTimerRef.current);
-    };
-  }, []);
-  const showHover = React2.useCallback((next) => {
-    if (hoverTimerRef.current) clearTimeout(hoverTimerRef.current);
-    hoverTimerRef.current = setTimeout(() => setHover(next), TOOLTIP_DELAY_MS);
-  }, []);
-  const hideHover = React2.useCallback(() => {
-    if (hoverTimerRef.current) {
-      clearTimeout(hoverTimerRef.current);
-      hoverTimerRef.current = null;
-    }
-    setHover(null);
-  }, []);
-  return { hover, portalReady, showHover, hideHover };
-}
-function DesktopPanel(props) {
-  const {
-    scene,
-    selectedTool,
-    onSelectTool,
-    showAxis,
-    showGrid,
-    onShowAxisChange,
-    onShowGridChange,
-    onUndo,
-    canUndo,
-    onRedo,
-    canRedo,
-    onClose,
-    isDark,
-    chordGroup
-  } = props;
-  const [tab, setTab] = React2.useState("tools");
-  const { hover, portalReady, showHover, hideHover } = useToolHoverTooltip();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Shell, { title: "H\xECnh h\u1ECDc 3D", icon: Geom3DIconHeader, onClose, isDark, children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex gap-1 rounded-md bg-slate-100 p-0.5", children: [
-        /* @__PURE__ */ jsx(TabPill, { active: tab === "tools", onClick: () => setTab("tools"), testId: "tab-tools", children: "\u{1F9F0} C\xF4ng c\u1EE5" }),
-        /* @__PURE__ */ jsx(TabPill, { active: tab === "algebra", onClick: () => setTab("algebra"), testId: "tab-algebra", children: "\u{1F4D0} \u0110\u1ED1i t\u01B0\u1EE3ng" })
-      ] }),
-      tab === "tools" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Section, { label: "G\xF3c nh\xECn", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-[11px] text-slate-700", children: [
-          /* @__PURE__ */ jsxs("label", { className: "inline-flex select-none items-center gap-1.5", children: [
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "checkbox",
-                checked: showAxis,
-                onChange: (e) => onShowAxisChange(e.target.checked),
-                "data-testid": "toggle-axis"
-              }
-            ),
-            "Tr\u1EE5c"
-          ] }),
-          /* @__PURE__ */ jsxs("label", { className: "inline-flex select-none items-center gap-1.5", children: [
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "checkbox",
-                checked: showGrid,
-                onChange: (e) => onShowGridChange(e.target.checked),
-                "data-testid": "toggle-grid"
-              }
-            ),
-            "L\u01B0\u1EDBi"
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-0.5", children: [
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: onUndo,
-                disabled: !canUndo,
-                title: "Ho\xE0n t\xE1c (Ctrl/Cmd+Z)",
-                "aria-label": "Ho\xE0n t\xE1c",
-                "data-testid": "undo-btn",
-                className: "inline-flex items-center justify-center rounded p-1 text-slate-600 transition hover:bg-slate-100 hover:text-slate-900 disabled:cursor-not-allowed disabled:text-slate-300 disabled:hover:bg-transparent",
-                children: /* @__PURE__ */ jsx(UndoIcon, {})
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: onRedo,
-                disabled: !canRedo,
-                title: "L\xE0m l\u1EA1i (Ctrl/Cmd+Shift+Z)",
-                "aria-label": "L\xE0m l\u1EA1i",
-                "data-testid": "redo-btn",
-                className: "inline-flex items-center justify-center rounded p-1 text-slate-600 transition hover:bg-slate-100 hover:text-slate-900 disabled:cursor-not-allowed disabled:text-slate-300 disabled:hover:bg-transparent",
-                children: /* @__PURE__ */ jsx(RedoIcon, {})
-              }
-            )
-          ] })
-        ] }) }),
-        /* @__PURE__ */ jsx(
-          ToolPalette,
-          {
-            selected: selectedTool,
-            onSelect: onSelectTool,
-            chordGroup: chordGroup ?? null,
-            onHoverTool: (info) => info ? showHover(info) : hideHover()
-          }
-        ),
-        chordGroup && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            "data-testid": "chord-hint",
-            className: "rounded border border-emerald-200 bg-emerald-50/60 px-2 py-1 text-[11px] leading-snug text-slate-600",
-            children: [
-              /* @__PURE__ */ jsx("span", { className: "font-mono font-semibold text-emerald-700", children: letterForGroup(chordGroup) }),
-              /* @__PURE__ */ jsxs("span", { className: "ml-1.5", children: [
-                "\u2192 ",
-                GROUP_LABELS[chordGroup],
-                ". B\u1EA5m s\u1ED1 1-9 \u0111\u1EC3 ch\u1ECDn c\xF4ng c\u1EE5, Esc hu\u1EF7."
-              ] })
-            ]
-          }
-        )
-      ] }) : /* @__PURE__ */ jsx("section", { "data-testid": "algebra-panel", children: /* @__PURE__ */ jsx(AlgebraList, { scene }) })
-    ] }),
-    portalReady && hover && typeof document !== "undefined" ? createPortal(
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          role: "tooltip",
-          className: "pointer-events-none fixed w-max max-w-[220px] rounded-md bg-slate-900 px-2 py-1 text-left text-[11px] leading-tight text-white shadow-lg",
-          style: {
-            left: hover.x + 8,
-            top: hover.y,
-            transform: "translate(0, -50%)",
-            zIndex: 2147483600
-          },
-          children: [
-            /* @__PURE__ */ jsx("span", { className: "block font-medium", children: hover.label }),
-            hover.hint && /* @__PURE__ */ jsx("span", { className: "mt-0.5 block text-slate-300", children: hover.hint })
-          ]
-        }
-      ),
-      document.body
-    ) : null
-  ] });
-}
-function TabPill({
-  active,
-  onClick,
-  testId,
-  children
-}) {
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      onClick,
-      "aria-pressed": active,
-      "data-testid": testId,
-      className: [
-        "flex-1 rounded px-2 py-1 text-[11px] font-medium transition",
-        active ? "bg-white text-slate-900 shadow-sm ring-1 ring-slate-200" : "text-slate-500 hover:text-slate-800"
-      ].join(" "),
-      children
-    }
-  );
-}
-function MobilePanel(props) {
-  const {
-    selectedTool,
-    onSelectTool,
-    showAxis,
-    showGrid,
-    onShowAxisChange,
-    onShowGridChange,
-    onUndo,
-    canUndo,
-    onRedo,
-    canRedo,
-    isDark,
-    drawerOpen,
-    onDrawerClose
-  } = props;
-  const groups = React2.useMemo(
-    () => GROUP_ORDER.map((group) => {
-      const keys = TOOLS_BY_GROUP[group];
-      return {
-        group,
-        groupLabel: GROUP_LABELS[group],
-        tools: keys.map((k) => {
-          const tool = TOOLS.find((t) => t.key === k);
-          return { key: k, label: tool.label, icon: ToolIcons[k] };
-        })
-      };
-    }),
-    []
-  );
-  return /* @__PURE__ */ jsx(
-    MobileToolDrawer,
-    {
-      title: "H\xECnh h\u1ECDc 3D",
-      headerIcon: Geom3DIconHeader,
-      testId: "left-panel",
-      isDark,
-      drawerOpen: !!drawerOpen,
-      onDrawerClose: () => onDrawerClose?.(),
-      chips: [
-        {
-          label: "Tr\u1EE5c",
-          icon: /* @__PURE__ */ jsx(AxisIcon, {}),
-          pressed: showAxis,
-          onToggle: onShowAxisChange,
-          testId: "toggle-axis"
-        },
-        {
-          label: "L\u01B0\u1EDBi",
-          icon: /* @__PURE__ */ jsx(GridIcon, {}),
-          pressed: showGrid,
-          onToggle: onShowGridChange,
-          testId: "toggle-grid"
-        }
-      ],
-      actions: [
-        {
-          label: "Ho\xE0n t\xE1c",
-          title: "Ho\xE0n t\xE1c (Ctrl/Cmd+Z)",
-          icon: /* @__PURE__ */ jsx(UndoIcon, {}),
-          onClick: onUndo,
-          disabled: !canUndo,
-          testId: "undo-btn"
-        },
-        {
-          label: "L\xE0m l\u1EA1i",
-          title: "L\xE0m l\u1EA1i (Ctrl/Cmd+Shift+Z)",
-          icon: /* @__PURE__ */ jsx(RedoIcon, {}),
-          onClick: onRedo,
-          disabled: !canRedo,
-          testId: "redo-btn"
-        }
-      ],
-      groups,
-      activeTool: selectedTool,
-      onToolSelect: onSelectTool
-    }
-  );
-}
-function LeftPanel(props) {
-  if (props.isMobile) return /* @__PURE__ */ jsx(MobilePanel, { ...props });
-  return /* @__PURE__ */ jsx(DesktopPanel, { ...props });
-}
-function parseInitial(editingElement) {
-  if (!editingElement) return null;
-  if (!isGeometry3DCustomData(editingElement.customData)) return null;
-  try {
-    return parseSerializedBoard3D(editingElement.customData.jsonState);
-  } catch {
-    return null;
-  }
-}
-var Geometry3DStampHost = forwardRef(
-  function Geometry3DStampHost2({ api, editingElement, onClose, isDark }, ref) {
-    const editorRef = useRef(null);
-    const sceneRef = useRef(null);
-    if (!sceneRef.current) sceneRef.current = new Scene3D();
-    const { isMobile } = useIsMobile();
-    const [drawerOpen, setDrawerOpen] = useState(false);
-    const [ready, setReady] = useState(false);
-    const [selectedTool, setSelectedTool] = useState("move");
-    const [showAxis, setShowAxis] = useState(true);
-    const [showGrid, setShowGrid] = useState(true);
-    const [canUndo, setCanUndo] = useState(false);
-    const [canRedo, setCanRedo] = useState(false);
-    const [hasContent, setHasContent] = useState(false);
-    const handleHistoryChange = useCallback((u, r) => {
-      setCanUndo(u);
-      setCanRedo(r);
-    }, []);
-    useEffect(() => {
-      const scene = sceneRef.current;
-      if (!scene) return;
-      const sync = () => setHasContent(scene.list().length > 0);
-      sync();
-      const unsubs = [
-        scene.on("add", sync),
-        scene.on("delete", sync),
-        scene.on("reset", sync)
-      ];
-      return () => {
-        for (const u of unsubs) u();
-      };
-    }, []);
-    const handleUndo = useCallback(() => {
-      editorRef.current?.undo();
-    }, []);
-    const handleRedo = useCallback(() => {
-      editorRef.current?.redo();
-    }, []);
-    const initial = useMemo(
-      () => parseInitial(editingElement),
-      [editingElement]
-    );
-    const { chordGroup } = useChordShortcut({
-      groupOrder: GROUP_ORDER,
-      tools: TOOLS_FLAT,
-      onSelect: (key) => {
-        setSelectedTool(key);
-        editorRef.current?.setTool(key);
-      },
-      enabled: !isMobile
-    });
-    const handleSelectTool = useCallback((k) => {
-      setSelectedTool(k);
-      editorRef.current?.setTool(k);
-    }, []);
-    const performInsert = useCallback(
-      async (board, width, height, svgString) => {
-        if (!api) return;
-        const jsonState = serializeBoard3D(board);
-        await insertStampImage(api, {
-          svgString,
-          makeCustomData: () => ({
-            kind: "geometry3d",
-            version: 1,
-            jsonState,
-            svgWidth: width,
-            svgHeight: height
-          }),
-          editingElementId: editingElement?.id ?? null
-        });
-        onClose();
-      },
-      [api, editingElement, onClose]
-    );
-    const tryInsert = useCallback(() => {
-      if (!editorRef.current) return false;
-      if (!editorRef.current.hasContent()) return false;
-      const board = editorRef.current.serialize();
-      if (board.elements.length === 0) return false;
-      void (async () => {
-        try {
-          const jsonState = serializeBoard3D(board);
-          const { svgString, width, height } = await renderGeometry3DSvgFromState(jsonState);
-          await performInsert(board, width, height, svgString);
-        } catch (err) {
-          console.error("Geometry3D insert failed:", err);
-        }
-      })();
-      return true;
-    }, [performInsert]);
-    useImperativeHandle(
-      ref,
-      () => ({
-        tryInsert,
-        hasContent: () => editorRef.current?.hasContent() ?? false
-      }),
-      [tryInsert]
-    );
-    const handleEditorInsert = useCallback(
-      (board, width, height, svgString) => {
-        void performInsert(board, width, height, svgString);
-      },
-      [performInsert]
-    );
-    const dialogStyle = isMobile ? { position: "fixed", inset: 0, zIndex: 40 } : {
-      position: "absolute",
-      top: "50%",
-      left: "calc(50% + 120px)",
-      transform: "translate(-50%, -50%)",
-      zIndex: 40
-    };
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      !isMobile && /* @__PURE__ */ jsx(
-        LeftPanel,
-        {
-          scene: sceneRef.current,
-          selectedTool,
-          onSelectTool: handleSelectTool,
-          showAxis,
-          showGrid,
-          onShowAxisChange: setShowAxis,
-          onShowGridChange: setShowGrid,
-          onUndo: handleUndo,
-          canUndo,
-          onRedo: handleRedo,
-          canRedo,
-          onClose,
-          isDark,
-          chordGroup
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          role: "dialog",
-          "aria-label": "D\u1EF1ng h\xECnh h\u1ECDc 3D",
-          "data-testid": "geom3d-host",
-          "data-stamp-area": "true",
-          style: dialogStyle,
-          className: [
-            isDark ? "theme--dark " : "",
-            "flex flex-col overflow-hidden bg-white",
-            isMobile ? "h-full w-full" : "h-[600px] max-h-[85vh] w-[800px] max-w-[calc(100vw-320px)] rounded-lg border border-slate-300 shadow-2xl ring-1 ring-black/5"
-          ].join(" "),
-          children: [
-            /* @__PURE__ */ jsxs("header", { className: "flex items-center gap-2 border-b border-slate-200 bg-gradient-to-r from-emerald-600 to-teal-600 px-3 py-2 text-white", children: [
-              isMobile && /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => setDrawerOpen(true),
-                  "aria-label": "M\u1EDF ng\u0103n c\xF4ng c\u1EE5",
-                  className: "-ml-1 inline-flex h-10 w-10 items-center justify-center rounded transition hover:bg-white/15",
-                  children: /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                    /* @__PURE__ */ jsx("line", { x1: "4", y1: "6", x2: "20", y2: "6" }),
-                    /* @__PURE__ */ jsx("line", { x1: "4", y1: "12", x2: "20", y2: "12" }),
-                    /* @__PURE__ */ jsx("line", { x1: "4", y1: "18", x2: "20", y2: "18" })
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ jsxs("h3", { className: "flex flex-1 items-center gap-2 text-sm font-semibold", children: [
-                /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M4 9 L4 20 L14 20 L14 9 Z M4 9 L10 4 L20 4 L14 9 Z M14 9 L20 4 L20 15 L14 20 Z" }) }),
-                "D\u1EF1ng h\xECnh h\u1ECDc kh\xF4ng gian"
-              ] }),
-              isMobile && /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: tryInsert,
-                  disabled: !ready || !hasContent,
-                  title: !hasContent ? "V\u1EBD \xEDt nh\u1EA5t m\u1ED9t \u0111\u1ED1i t\u01B0\u1EE3ng tr\u01B0\u1EDBc khi ch\xE8n" : void 0,
-                  "data-testid": "geom3d-insert-btn-mobile",
-                  className: "rounded bg-white/15 px-3 py-1.5 text-xs font-semibold transition hover:bg-white/25 disabled:opacity-50",
-                  children: "Ch\xE8n"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  onClick: onClose,
-                  "aria-label": "\u0110\xF3ng",
-                  className: "inline-flex h-9 w-9 items-center justify-center rounded transition hover:bg-white/15",
-                  children: /* @__PURE__ */ jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                    /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" }),
-                    /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" })
-                  ] })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(
-              EditorPanel,
-              {
-                ref: editorRef,
-                isDark,
-                initialState: initial,
-                onInsert: handleEditorInsert,
-                scene: sceneRef.current,
-                selectedTool,
-                onSelectedToolChange: setSelectedTool,
-                showAxis,
-                showGrid,
-                onReadyChange: setReady,
-                onHistoryChange: handleHistoryChange
-              }
-            ) }),
-            !isMobile && /* @__PURE__ */ jsxs("footer", { className: "flex items-center justify-between border-t border-slate-200 bg-slate-50 px-3 py-2", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-xs text-slate-500", children: "Ch\u1ECDn c\xF4ng c\u1EE5 b\xEAn tr\xE1i, click tr\xEAn b\u1EA3ng \u0111\u1EC3 d\u1EF1ng h\xECnh." }),
-              /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    onClick: onClose,
-                    className: "rounded border border-slate-300 bg-white px-3 py-1 text-xs font-medium text-slate-700 transition hover:bg-slate-100",
-                    children: "Hu\u1EF7"
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    onClick: tryInsert,
-                    disabled: !ready || !hasContent,
-                    title: !hasContent ? "V\u1EBD \xEDt nh\u1EA5t m\u1ED9t \u0111\u1ED1i t\u01B0\u1EE3ng tr\u01B0\u1EDBc khi ch\xE8n" : void 0,
-                    "data-testid": "geom3d-insert-btn",
-                    className: "rounded bg-emerald-600 px-3 py-1 text-xs font-medium text-white transition hover:bg-emerald-700 disabled:opacity-50",
-                    children: "Ch\xE8n"
-                  }
-                )
-              ] })
-            ] })
-          ]
-        }
-      ),
-      isMobile && /* @__PURE__ */ jsx(
-        LeftPanel,
-        {
-          scene: sceneRef.current,
-          selectedTool,
-          onSelectTool: handleSelectTool,
-          showAxis,
-          showGrid,
-          onShowAxisChange: setShowAxis,
-          onShowGridChange: setShowGrid,
-          onUndo: handleUndo,
-          canUndo,
-          onRedo: handleRedo,
-          canRedo,
-          onClose,
-          isDark,
-          isMobile: true,
-          drawerOpen,
-          onDrawerClose: () => setDrawerOpen(false),
-          chordGroup
-        }
-      )
-    ] });
-  }
-);
-
-export { Geometry3DStampHost };
-//# sourceMappingURL=host-N6ACNJKI.mjs.map
-//# sourceMappingURL=host-N6ACNJKI.mjs.map