@xom11/whiteboard 0.7.0 → 0.10.0

package/dist/{host-T2W6R6SO.mjs → host-DJETSFCG.mjs}

@@ -1,6 +1,6 @@
 "use client";
-import { serializeBoard, renderGeometrySvgFromState, isGeometryCustomData } from './chunk-BJX4YNA5.mjs';
-import { useChordShortcut, MobileToolDrawer } from './chunk-LPM4MM45.mjs';
+import { serializeBoard, renderGeometrySvgFromState, isGeometryCustomData, safeJsx } from './chunk-G7FR3AIV.mjs';
+import { useChordShortcut, MobileToolDrawer } from './chunk-SBDMF4NQ.mjs';
 import { resolveAttrColors, paletteFor, themeLabel, themeAxis, themeGrid } from './chunk-HTBLO5JO.mjs';
 import { useIsMobile } from './chunk-P2AOIF7S.mjs';
 import { insertStampImage } from './chunk-C6SCVOMC.mjs';
@@ -259,8 +259,12 @@ function letterForGroup(g) {
 }
 function objKind(obj) {
   if (!obj) return "other";
+  const ec = typeof obj.elementClass === "number" ? obj.elementClass : null;
+  if (ec === 1) return "point";
+  if (ec === 2) return "line";
+  if (ec === 3) return "circle";
   const e = (obj.elType || obj.type || "").toString().toLowerCase();
-  if (e === "point" || e === "glider" || e === "midpoint") return "point";
+  if (e === "point" || e === "glider" || e === "midpoint" || e === "intersection" || e === "otherintersection" || e === "reflection" || e === "mirrorpoint" || e === "mirrorelement" || e === "orthogonalprojection" || e === "parallelpoint") return "point";
   if (e === "line" || e === "segment" || e === "arrow" || e === "axis" || e === "normal" || e === "parallel" || e === "perpendicular" || e === "tangent" || e === "bisector" || e === "perpendicularsegment") return "line";
   if (e === "circle" || e === "circumcircle") return "circle";
   return "other";
@@ -282,7 +286,7 @@ function handleDown(ctx, e) {
     if (!sc) return;
     const [sx, sy] = sc;
     const hits2 = ctx.objectsAt(e).map(ctx.promoteLabel).filter((o) => o !== ctx.axisObjsRef.current.x && o !== ctx.axisObjsRef.current.y);
-    const obj = hits2.find((o) => objKind(o) === "point") ?? hits2[0] ?? ctx.findNearestPoint(e, 12);
+    const obj = hits2.find((o) => objKind(o) === "point") ?? ctx.findNearestPoint(e, 12) ?? hits2[0];
     if (obj) {
       const shift = !!(e.shiftKey || e.altKey);
       ctx.toggleSelect(obj, shift);
@@ -320,14 +324,8 @@ function handleDown(ctx, e) {
             const tmp1 = ctx.boardRef.current.create("intersection", [a, b, 1], { visible: false, withLabel: false });
             const d0 = Math.hypot((tmp0.X?.() ?? 0) - x, (tmp0.Y?.() ?? 0) - y);
             const d1 = Math.hypot((tmp1.X?.() ?? 0) - x, (tmp1.Y?.() ?? 0) - y);
-            try {
-              ctx.boardRef.current.removeObject(tmp0);
-            } catch {
-            }
-            try {
-              ctx.boardRef.current.removeObject(tmp1);
-            } catch {
-            }
+            safeJsx("handlers.removeObject(intersect.tmp0)", () => ctx.boardRef.current.removeObject(tmp0));
+            safeJsx("handlers.removeObject(intersect.tmp1)", () => ctx.boardRef.current.removeObject(tmp1));
             const idx = d0 <= d1 ? 0 : 1;
             ctx.create("intersection", [aId, bId, idx], attrs);
           }
@@ -364,7 +362,7 @@ function handleDown(ctx, e) {
     })();
     if (ctx.pendingRef.current.length > 0 && ctx.boardRef.current) {
       const prev = ctx.pendingRef.current[ctx.pendingRef.current.length - 1];
-      try {
+      safeJsx("handlers.createPreviewSegment", () => {
         const seg = ctx.boardRef.current.create("segment", [prev, pick2], {
           strokeColor: "#3b82f6",
           strokeWidth: 1.5,
@@ -374,8 +372,7 @@ function handleDown(ctx, e) {
           withLabel: false
         });
         ctx.previewSegRef.current.push(seg);
-      } catch {
-      }
+      });
     }
     ctx.pendingRef.current.push(pick2);
     ctx.setPendingCount(ctx.pendingRef.current.length);
@@ -486,10 +483,7 @@ function handleUp(ctx, e) {
     if (!sc2) return;
     const [ex, ey] = sc2;
     if (mq.rect) {
-      try {
-        ctx.boardRef.current?.removeObject(mq.rect);
-      } catch {
-      }
+      safeJsx("handlers.removeObject(marquee.rect)", () => ctx.boardRef.current?.removeObject(mq.rect));
     }
     if (Math.hypot(ex - mq.startSx, ey - mq.startSy) < 4) return;
     const x1 = Math.min(mq.startSx, ex), x2 = Math.max(mq.startSx, ex);
@@ -522,10 +516,7 @@ function handleUp(ctx, e) {
       }
     }
     ctx.setSelectionTick((tt) => tt + 1);
-    try {
-      board.update();
-    } catch {
-    }
+    safeJsx("handlers.board.update(marquee)", () => board.update());
     return;
   }
   if (t !== "move") return;
@@ -538,7 +529,7 @@ function handleUp(ctx, e) {
   const moved = Math.hypot(sx - start.sx, sy - start.sy);
   if (moved > 4) return;
   const hits = ctx.objectsAt(e).map(ctx.promoteLabel).filter((o) => o !== ctx.axisObjsRef.current.x && o !== ctx.axisObjsRef.current.y);
-  const best = hits.find((o) => objKind(o) === "point") ?? hits[0] ?? ctx.findNearestPoint(e, 12);
+  const best = hits.find((o) => objKind(o) === "point") ?? ctx.findNearestPoint(e, 12) ?? hits[0];
   if (!best) {
     ctx.lastMoveClickRef.current = { obj: null, time: 0 };
     return;
@@ -572,12 +563,9 @@ function handleMove(ctx, e) {
       const [x2u, y2u] = ux2 && ux2.length >= 2 ? [ux2[0], ux2[1]] : toUsr(Math.max(startSx, sx), Math.max(startSy, sy));
       const rect = ctx.marqueeRef.current.rect;
       if (rect) {
-        try {
-          ctx.boardRef.current.removeObject(rect);
-        } catch {
-        }
+        safeJsx("handlers.removeObject(marquee.prevRect)", () => ctx.boardRef.current.removeObject(rect));
       }
-      try {
+      safeJsx("handlers.createMarqueePolygon", () => {
         ctx.marqueeRef.current.rect = ctx.boardRef.current.create("polygon", [
           [x1u, y1u],
           [x2u, y1u],
@@ -592,8 +580,7 @@ function handleMove(ctx, e) {
           highlight: false,
           withLabel: false
         });
-      } catch {
-      }
+      });
     }
     return;
   }
@@ -603,14 +590,13 @@ function handleMove(ctx, e) {
   ctx.previewRafRef.current = requestAnimationFrame(() => {
     ctx.previewRafRef.current = null;
     if (!ctx.boardRef.current || !ctx.phantomRef.current) return;
-    try {
+    safeJsx("handlers.phantomMove", () => {
       const coords = ctx.boardRef.current.getUsrCoordsOfMouse(e);
       const JXG = ctx.jxgRef.current;
       if (!JXG) return;
       ctx.phantomRef.current.setPositionDirectly(JXG.COORDS_BY_USER, [coords[0], coords[1]]);
       ctx.boardRef.current.update();
-    } catch {
-    }
+    });
   });
 }
 var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
@@ -622,6 +608,7 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
   const jxgRef = useRef(null);
   const axisObjsRef = useRef({});
   const creationLogRef = useRef([]);
+  const redoStackRef = useRef([]);
   const [tool, setTool] = useState("move");
   const toolRef = useRef("move");
   toolRef.current = tool;
@@ -665,19 +652,31 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
   const nextLocalId = useCallback(() => "j" + creationLogRef.current.length, []);
   const resolveArgs = useCallback((args) => {
     return args.map((a) => {
-      if (typeof a === "string" && objMapRef.current.has(a)) {
-        return objMapRef.current.get(a);
+      if (typeof a === "string") {
+        if (objMapRef.current.has(a)) return objMapRef.current.get(a);
+        const m = /^(.+):border:(\d+)$/.exec(a);
+        if (m) {
+          const poly = objMapRef.current.get(m[1]);
+          const idx = parseInt(m[2], 10);
+          if (poly && Array.isArray(poly.borders) && poly.borders[idx]) {
+            return poly.borders[idx];
+          }
+        }
       }
       return a;
     });
   }, []);
+  const pushCreationLog = useCallback((entry) => {
+    creationLogRef.current.push(entry);
+    redoStackRef.current = [];
+  }, []);
   const pushLog = useCallback(
     (id, type, args, attrs, obj) => {
-      creationLogRef.current.push({ id, type, args, attrs });
+      pushCreationLog({ id, type, args, attrs });
       objMapRef.current.set(id, obj);
       setHistoryTick((t) => t + 1);
     },
-    []
+    [pushCreationLog]
   );
   const create = useCallback(
     (type, args, attrs = {}) => {
@@ -692,15 +691,27 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
     [nextLocalId, resolveArgs, pushLog]
   );
   const localIdOf = useCallback((obj) => {
+    if (!obj) return null;
     for (const [id, o] of objMapRef.current.entries()) {
       if (o === obj) return id;
     }
+    for (const [id, o] of objMapRef.current.entries()) {
+      const borders = o?.borders;
+      if (Array.isArray(borders)) {
+        const idx = borders.indexOf(obj);
+        if (idx >= 0) return `${id}:border:${idx}`;
+      }
+    }
     return null;
   }, []);
   const snapshotObject = useCallback((obj, anchorScreen) => {
     const o = obj;
     const k = objKind(o);
     if (k !== "point" && k !== "line" && k !== "circle") return null;
+    for (const owner of objMapRef.current.values()) {
+      const borders = owner?.borders;
+      if (Array.isArray(borders) && borders.indexOf(o) >= 0) return null;
+    }
     const v = o.visProp ?? {};
     const showLabel = v.withlabel !== false;
     const showValue = valueLabelsRef.current.has(o);
@@ -760,16 +771,10 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
     if (patch.remove) {
       const vl = valueLabelsRef.current.get(o);
       if (vl) {
-        try {
-          boardRef.current.removeObject(vl);
-        } catch {
-        }
+        safeJsx("MiniBoard.removeObject(valueLabel)", () => boardRef.current.removeObject(vl));
         valueLabelsRef.current.delete(o);
       }
-      try {
-        boardRef.current.removeObject(o);
-      } catch {
-      }
+      safeJsx("MiniBoard.removeObject(target)", () => boardRef.current.removeObject(o));
       const board = boardRef.current;
       const aliveIds = /* @__PURE__ */ new Set();
       for (const [id, obj2] of objMapRef.current.entries()) {
@@ -794,7 +799,7 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
           const targetId = localIdOf(o);
           if (targetId) {
             const id = nextLocalId();
-            creationLogRef.current.push({ id, type: "valueLabel", args: [targetId], attrs: {} });
+            pushCreationLog({ id, type: "valueLabel", args: [targetId], attrs: {} });
             objMapRef.current.set(id, txt);
             setHistoryTick((t) => t + 1);
           }
@@ -803,10 +808,7 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
         const txt = valueLabelsRef.current.get(o);
         valueLabelsRef.current.delete(o);
         if (txt) {
-          try {
-            boardRef.current.removeObject(txt);
-          } catch {
-          }
+          safeJsx("MiniBoard.removeObject(valueLabel.text)", () => boardRef.current.removeObject(txt));
           const txtId = localIdOf(txt);
           if (txtId) {
             creationLogRef.current = creationLogRef.current.filter((e) => e.id !== txtId);
@@ -817,10 +819,7 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
       }
     }
     if (patch.attrs) {
-      try {
-        o.setAttribute(patch.attrs);
-      } catch {
-      }
+      safeJsx("MiniBoard.setAttribute", () => o.setAttribute(patch.attrs));
       const id = localIdOf(o);
       if (id) {
         const entry = creationLogRef.current.find((e) => e.id === id);
@@ -828,19 +827,13 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
         setHistoryTick((t) => t + 1);
       }
     }
-    try {
-      boardRef.current.update();
-    } catch {
-    }
+    safeJsx("MiniBoard.board.update(mutate)", () => boardRef.current.update());
   }, [createValueLabelFor, localIdOf, nextLocalId]);
   const clearPreviewSegs = useCallback(() => {
     const b = boardRef.current;
     if (!b) return;
     for (const s of previewSegRef.current) {
-      try {
-        b.removeObject(s);
-      } catch {
-      }
+      safeJsx("MiniBoard.removeObject(previewSeg)", () => b.removeObject(s));
     }
     previewSegRef.current = [];
   }, []);
@@ -848,17 +841,11 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
     const b = boardRef.current;
     if (!b) return;
     if (previewShapeRef.current) {
-      try {
-        b.removeObject(previewShapeRef.current);
-      } catch {
-      }
+      safeJsx("MiniBoard.removeObject(previewShape)", () => b.removeObject(previewShapeRef.current));
       previewShapeRef.current = null;
     }
     if (phantomRef.current) {
-      try {
-        b.removeObject(phantomRef.current);
-      } catch {
-      }
+      safeJsx("MiniBoard.removeObject(phantom)", () => b.removeObject(phantomRef.current));
       phantomRef.current = null;
     }
   }, []);
@@ -870,7 +857,7 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
   }, [clearPreviewSegs, removePhantom]);
   const applySelectionStyle = useCallback((obj) => {
     if (!obj || selOriginalRef.current.has(obj)) return;
-    try {
+    safeJsx("MiniBoard.applySelectionStyle", () => {
       const visProp = obj.visProp ?? {};
       selOriginalRef.current.set(obj, {
         strokeColor: visProp.strokecolor,
@@ -882,19 +869,17 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
       } else {
         obj.setAttribute({ strokeColor: "#06b6d4", strokeWidth: 3 });
       }
-    } catch {
-    }
+    });
   }, []);
   const restoreSelectionStyle = useCallback((obj) => {
     const orig = selOriginalRef.current.get(obj);
     if (!orig) return;
-    try {
+    safeJsx("MiniBoard.restoreSelectionStyle", () => {
       const attrs = {};
       if (orig.strokeColor !== void 0) attrs.strokeColor = orig.strokeColor;
       if (orig.strokeWidth !== void 0) attrs.strokeWidth = orig.strokeWidth;
       obj.setAttribute(attrs);
-    } catch {
-    }
+    });
     selOriginalRef.current.delete(obj);
   }, []);
   const clearSelection = useCallback(() => {
@@ -903,10 +888,7 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
     }
     selectedSetRef.current.clear();
     setSelectionTick((t) => t + 1);
-    try {
-      boardRef.current?.update();
-    } catch {
-    }
+    safeJsx("MiniBoard.board.update(clearSelection)", () => boardRef.current?.update());
   }, [restoreSelectionStyle]);
   const toggleSelect = useCallback((obj, additive) => {
     if (!obj) return;
@@ -926,10 +908,7 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
       }
     }
     setSelectionTick((t) => t + 1);
-    try {
-      boardRef.current?.update();
-    } catch {
-    }
+    safeJsx("MiniBoard.board.update(toggleSelect)", () => boardRef.current?.update());
   }, [applySelectionStyle, restoreSelectionStyle]);
   const deleteSelected = useCallback(() => {
     const board = boardRef.current;
@@ -937,10 +916,7 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
     if (selectedSetRef.current.size === 0) return;
     for (const o of selectedSetRef.current) selOriginalRef.current.delete(o);
     for (const o of selectedSetRef.current) {
-      try {
-        board.removeObject(o);
-      } catch {
-      }
+      safeJsx("MiniBoard.removeObject(selected)", () => board.removeObject(o));
     }
     selectedSetRef.current.clear();
     const aliveIds = /* @__PURE__ */ new Set();
@@ -1013,10 +989,7 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
     const b = boardRef.current;
     if (!b) return;
     if (previewShapeRef.current) {
-      try {
-        b.removeObject(previewShapeRef.current);
-      } catch {
-      }
+      safeJsx("MiniBoard.removeObject(refreshPreview)", () => b.removeObject(previewShapeRef.current));
       previewShapeRef.current = null;
     }
     const t = toolRef.current;
@@ -1135,7 +1108,7 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
       }
       case "toggleLabel": {
         const obj = picks[0];
-        try {
+        safeJsx("MiniBoard.toggleLabel", () => {
           if (obj.label) {
             const visible = obj.label.visProp.visible !== false;
             obj.label.setAttribute({ visible: !visible });
@@ -1144,23 +1117,21 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
             obj.setAttribute({ withLabel: !cur });
           }
           boardRef.current.update();
-        } catch {
-        }
+        });
         break;
       }
       case "toggleVisible": {
         const obj = picks[0];
-        try {
+        safeJsx("MiniBoard.toggleVisible", () => {
           const visible = obj.visProp.visible !== false;
           obj.setAttribute({ visible: !visible });
           boardRef.current.update();
-        } catch {
-        }
+        });
         break;
       }
       case "delete": {
         const obj = picks[0];
-        try {
+        safeJsx("MiniBoard.deleteOne", () => {
           boardRef.current.removeObject(obj);
           const board = boardRef.current;
           const aliveIds = /* @__PURE__ */ new Set();
@@ -1175,8 +1146,7 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
             if (!aliveIds.has(id)) objMapRef.current.delete(id);
           }
           setHistoryTick((t) => t + 1);
-        } catch {
-        }
+        });
         break;
       }
     }
@@ -1211,7 +1181,7 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
       }
       const stepId = nextLocalId();
       const stepObj = boardRef.current.create("transform", step.params, step.attrs);
-      creationLogRef.current.push({ id: stepId, type: "transform", args: stepLogArgs, attrs: step.attrs });
+      pushCreationLog({ id: stepId, type: "transform", args: stepLogArgs, attrs: step.attrs });
       objMapRef.current.set(stepId, stepObj);
       transformObjs.push(stepObj);
       transformIds.push(stepId);
@@ -1225,7 +1195,7 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
       const newName = srcName ? `${srcName}'` : nextLabel();
       const attrs = { name: newName, size: 3, color: "#0ea5e9", strokeColor: "#0ea5e9", fillColor: "#0ea5e9" };
       const obj = boardRef.current.create("point", [src, transformParent], attrs);
-      creationLogRef.current.push({ id, type: "point", args: [srcId ?? src, transformLogRef], attrs });
+      pushCreationLog({ id, type: "point", args: [srcId ?? src, transformLogRef], attrs });
       objMapRef.current.set(id, obj);
       return obj;
     });
@@ -1256,6 +1226,45 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
     }
     setHistoryTick((t) => t + 1);
   }, [create, flashWarn, localIdOf, nextLabel, nextLocalId]);
+  const recreateFromLogEntry = useCallback((el) => {
+    const board = boardRef.current;
+    if (!board) return false;
+    const idMap = objMapRef.current;
+    const resolve = (a) => {
+      if (typeof a === "string") {
+        if (idMap.has(a)) return idMap.get(a);
+        const m = /^(.+):border:(\d+)$/.exec(a);
+        if (m) {
+          const poly = idMap.get(m[1]);
+          const idx = parseInt(m[2], 10);
+          if (poly && Array.isArray(poly.borders) && poly.borders[idx]) {
+            return poly.borders[idx];
+          }
+        }
+      }
+      if (Array.isArray(a)) return a.map(resolve);
+      return a;
+    };
+    const resolved = el.args.map(resolve);
+    try {
+      if (el.type === "valueLabel") {
+        const target = resolved[0];
+        if (!target) return false;
+        const txt = createValueLabelFor(target);
+        if (!txt) return false;
+        idMap.set(el.id, txt);
+        valueLabelsRef.current.set(target, txt);
+        return true;
+      }
+      const themedAttrs = resolveAttrColors({ ...el.attrs }, paletteFor(isDarkRef.current));
+      const obj = board.create(el.type, resolved, themedAttrs);
+      idMap.set(el.id, obj);
+      return true;
+    } catch (err) {
+      console.warn("Recreate failed for", el.type, err);
+      return false;
+    }
+  }, [createValueLabelFor]);
   const undoLast = useCallback(() => {
     const b = boardRef.current;
     if (!b) return;
@@ -1265,21 +1274,31 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
       const obj = objMapRef.current.get(last.id);
       objMapRef.current.delete(last.id);
       if (obj) {
-        try {
-          b.removeObject(obj);
-        } catch {
-        }
+        safeJsx("MiniBoard.removeObject(undo)", () => b.removeObject(obj));
         clearPending();
+        redoStackRef.current.push(last);
         setHistoryTick((t) => t + 1);
-        try {
-          b.update();
-        } catch {
-        }
+        safeJsx("MiniBoard.board.update(undo)", () => b.update());
         return;
       }
     }
     setHistoryTick((t) => t + 1);
   }, [clearPending]);
+  const redoNext = useCallback(() => {
+    const b = boardRef.current;
+    if (!b) return;
+    const entry = redoStackRef.current.pop();
+    if (!entry) {
+      setHistoryTick((t) => t + 1);
+      return;
+    }
+    const ok = recreateFromLogEntry(entry);
+    if (ok) {
+      creationLogRef.current.push(entry);
+    }
+    setHistoryTick((t) => t + 1);
+    safeJsx("MiniBoard.board.update(redo)", () => b.update());
+  }, [recreateFromLogEntry]);
   useEffect(() => {
     const onKey = (e) => {
       const ae = document.activeElement;
@@ -1291,6 +1310,13 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
         undoLastRef.current();
         return;
       }
+      if ((e.metaKey || e.ctrlKey) && (e.key.toLowerCase() === "z" && e.shiftKey || e.key.toLowerCase() === "y" && !e.shiftKey)) {
+        if (inField) return;
+        e.preventDefault();
+        e.stopPropagation();
+        redoNextRef.current();
+        return;
+      }
       if (e.key === "Escape" && !inField) {
         if (pendingRef.current.length > 0) {
           e.preventDefault();
@@ -1337,16 +1363,14 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
     if (!sc) return [];
     const [sx, sy] = sc;
     const list = [];
-    try {
+    safeJsx("MiniBoard.objectsAt.loop", () => {
       const objs = b.objectsList || [];
       for (const o of objs) {
-        try {
+        safeJsx("MiniBoard.objectsAt.hasPoint", () => {
           if (o.hasPoint && o.hasPoint(sx, sy)) list.push(o);
-        } catch {
-        }
+        });
       }
-    } catch {
-    }
+    });
     return list;
   }, [screenCoordsOf]);
   const findNearestPoint = useCallback((evt, tolPx = 12) => {
@@ -1356,24 +1380,23 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
     if (!sc) return null;
     const [sx, sy] = sc;
     const tol2 = tolPx * tolPx;
-    let best = null;
-    try {
+    const bestRef = { current: null };
+    safeJsx("MiniBoard.findNearestPoint.loop", () => {
       const objs = b.objectsList || [];
       for (const o of objs) {
-        try {
-          if (objKind(o) !== "point") continue;
+        safeJsx("MiniBoard.findNearestPoint.iter", () => {
+          if (objKind(o) !== "point") return;
           const pc = o.coords?.scrCoords;
-          if (!pc) continue;
+          if (!pc) return;
           const dx = pc[1] - sx;
           const dy = pc[2] - sy;
           const d2 = dx * dx + dy * dy;
-          if (d2 <= tol2 && (!best || d2 < best.d2)) best = { obj: o, d2 };
-        } catch {
-        }
+          const cur = bestRef.current;
+          if (d2 <= tol2 && (!cur || d2 < cur.d2)) bestRef.current = { obj: o, d2 };
+        });
       }
-    } catch {
-    }
-    return best ? best.obj : null;
+    });
+    return bestRef.current ? bestRef.current.obj : null;
   }, [screenCoordsOf]);
   const promoteLabel = useCallback((o) => {
     if (!o) return o;
@@ -1381,31 +1404,25 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
     if (t !== "text") return o;
     const b = boardRef.current;
     if (!b) return o;
-    try {
+    const promoted = safeJsx("MiniBoard.promoteLabel", () => {
       for (const c of b.objectsList || []) {
         if (c.label === o) return c;
       }
-    } catch {
-    }
-    return o;
+      return null;
+    }, null);
+    return promoted ?? o;
   }, []);
   const pendingTransformRef = useRef(null);
   const transformSubsRef = useRef(/* @__PURE__ */ new Set());
   const emitTransform = useCallback((info) => {
     transformSubsRef.current.forEach((cb) => {
-      try {
-        cb(info);
-      } catch {
-      }
+      safeJsx("MiniBoard.emitTransform.cb", () => cb(info));
     });
   }, []);
   const selectSubsRef = useRef(/* @__PURE__ */ new Set());
   const emitSelect = useCallback((snap) => {
     selectSubsRef.current.forEach((cb) => {
-      try {
-        cb(snap);
-      } catch {
-      }
+      safeJsx("MiniBoard.emitSelect.cb", () => cb(snap));
     });
   }, []);
   const moveDownRef = useRef(null);
@@ -1417,7 +1434,7 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
       const JXG = (await import('jsxgraph')).default;
       if (cancelled || !containerRef.current) return;
       jxgRef.current = JXG;
-      try {
+      safeJsx("MiniBoard.applyJxgOptions", () => {
         const opts = JXG.Options;
         if (opts) {
           opts.text = opts.text || {};
@@ -1430,8 +1447,7 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
           opts.label.strokeColor = themeLabel(isDarkRef.current);
           opts.text.strokeColor = themeLabel(isDarkRef.current);
         }
-      } catch {
-      }
+      });
       const board = JXG.JSXGraph.initBoard(containerId, {
         boundingbox: initialState?.bbox ?? [-10, 10, 10, -10],
         axis: false,
@@ -1452,43 +1468,20 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
       });
       boardRef.current = board;
       if (initialState && initialState.elements.length > 0) {
-        const idMap = objMapRef.current;
         for (const el of initialState.elements) {
-          const resolved = el.args.map((a) => typeof a === "string" && idMap.has(a) ? idMap.get(a) : a);
-          try {
-            if (el.type === "valueLabel") {
-              const target = resolved[0];
-              if (target) {
-                const txt = createValueLabelFor(target);
-                if (txt) {
-                  idMap.set(el.id, txt);
-                  valueLabelsRef.current.set(target, txt);
-                }
-              }
-              continue;
-            }
-            const themedAttrs = resolveAttrColors({ ...el.attrs }, paletteFor(isDarkRef.current));
-            const obj = board.create(el.type, resolved, themedAttrs);
-            idMap.set(el.id, obj);
-          } catch (err) {
-            console.warn("Replay failed for", el.type, err);
-          }
+          recreateFromLogEntry(el);
         }
         creationLogRef.current = [...initialState.elements];
         labelIdxRef.current = initialState.elements.filter((e) => e.type === "point").length;
       }
       if (showAxisRef.current) {
-        try {
+        safeJsx("MiniBoard.initAxes", () => {
           axisObjsRef.current.x = board.create("axis", [[0, 0], [1, 0]], { strokeColor: themeAxis(isDarkRef.current), name: "", withLabel: false });
           axisObjsRef.current.y = board.create("axis", [[0, 0], [0, 1]], { strokeColor: themeAxis(isDarkRef.current), name: "", withLabel: false });
-        } catch {
-        }
+        });
       }
       if (showGridRef.current) {
-        try {
-          board.create("grid", [], { strokeColor: themeGrid(isDarkRef.current), strokeOpacity: 1 });
-        } catch {
-        }
+        safeJsx("MiniBoard.initGrid", () => board.create("grid", [], { strokeColor: themeGrid(isDarkRef.current), strokeOpacity: 1 }));
       }
       board.on("down", (e) => {
         const ctx = {
@@ -1639,6 +1632,8 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
         setShowGrid: (b) => setShowGridRef.current(b),
         undo: () => undoLastRef.current(),
         canUndo: () => creationLogRef.current.length > 0,
+        redo: () => redoNextRef.current(),
+        canRedo: () => redoStackRef.current.length > 0,
         subscribe: (cb) => {
           subscribersRef.current.add(cb);
           return () => {
@@ -1651,15 +1646,14 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
           const b = boardRef.current;
           if (!b) return [];
           const out = [];
-          try {
+          safeJsx("MiniBoard.getAllPointNames", () => {
             const objs = b.objectsList || [];
             for (const o of objs) {
               if (objKind(o) === "point" && typeof o.name === "string" && o.name) {
                 out.push(o.name);
               }
             }
-          } catch {
-          }
+          });
           return out;
         },
         onSelect: (cb) => {
@@ -1720,10 +1714,7 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
         previewRafRef.current = null;
       }
       if (boardRef.current && jxgRef.current) {
-        try {
-          jxgRef.current.JSXGraph.freeBoard(boardRef.current);
-        } catch {
-        }
+        safeJsx("MiniBoard.freeBoard", () => jxgRef.current.JSXGraph.freeBoard(boardRef.current));
         boardRef.current = null;
       }
     };
@@ -1731,19 +1722,13 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
   useEffect(() => {
     const b = boardRef.current;
     if (!b) return;
-    try {
+    safeJsx("MiniBoard.toggleAxis", () => {
       if (axisObjsRef.current.x) {
-        try {
-          b.removeObject(axisObjsRef.current.x);
-        } catch {
-        }
+        safeJsx("MiniBoard.removeObject(axisX)", () => b.removeObject(axisObjsRef.current.x));
         axisObjsRef.current.x = void 0;
       }
       if (axisObjsRef.current.y) {
-        try {
-          b.removeObject(axisObjsRef.current.y);
-        } catch {
-        }
+        safeJsx("MiniBoard.removeObject(axisY)", () => b.removeObject(axisObjsRef.current.y));
         axisObjsRef.current.y = void 0;
       }
       if (showAxis) {
@@ -1751,28 +1736,23 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
         axisObjsRef.current.y = b.create("axis", [[0, 0], [0, 1]], { strokeColor: themeAxis(isDarkRef.current), name: "", withLabel: false });
       }
       b.update();
-    } catch {
-    }
+    });
   }, [showAxis]);
   useEffect(() => {
     const b = boardRef.current;
     if (!b) return;
-    try {
+    safeJsx("MiniBoard.toggleGrid", () => {
       const objs = Object.values(b.objects || {});
       for (const o of objs) {
         if (o && (o.elType === "grid" || o.type === "grid" || o.visProp && o.visProp.type === "grid")) {
-          try {
-            b.removeObject(o);
-          } catch {
-          }
+          safeJsx("MiniBoard.removeObject(grid)", () => b.removeObject(o));
         }
       }
       if (showGrid) {
         b.create("grid", [], { strokeColor: themeGrid(isDarkRef.current), strokeOpacity: 1 });
       }
       b.update();
-    } catch {
-    }
+    });
   }, [showGrid]);
   const handleToolChange = useCallback((t) => {
     clearPending();
@@ -1780,10 +1760,9 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
     setTool(t);
     const b = boardRef.current;
     if (b) {
-      try {
+      safeJsx("MiniBoard.setPanForTool", () => {
         if (b.attr?.pan) b.attr.pan.enabled = t !== "select";
-      } catch {
-      }
+      });
     }
   }, [clearPending]);
   const handleToolChangeRef = useRef(handleToolChange);
@@ -1791,10 +1770,7 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
   const subscribersRef = useRef(/* @__PURE__ */ new Set());
   const notifySubscribers = useCallback(() => {
     subscribersRef.current.forEach((cb) => {
-      try {
-        cb();
-      } catch {
-      }
+      safeJsx("MiniBoard.notifySubscriber.cb", () => cb());
     });
   }, []);
   useEffect(() => {
@@ -1802,6 +1778,8 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
   }, [tool, showAxis, showGrid, historyTick, notifySubscribers]);
   const undoLastRef = useRef(undoLast);
   undoLastRef.current = undoLast;
+  const redoNextRef = useRef(redoNext);
+  redoNextRef.current = redoNext;
   const clearPendingRef = useRef(clearPending);
   clearPendingRef.current = clearPending;
   const finalizeTransformCreateRef = useRef(finalizeTransformCreate);
@@ -1885,6 +1863,12 @@ function UndoIcon() {
     /* @__PURE__ */ jsx("path", { d: "M3.51 13a9 9 0 1 0 2.13-9.36L3 7" })
   ] });
 }
+function RedoIcon() {
+  return /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("polyline", { points: "21 7 21 13 15 13" }),
+    /* @__PURE__ */ jsx("path", { d: "M20.49 13a9 9 0 1 1-2.13-9.36L21 7" })
+  ] });
+}
 function AxisIcon() {
   return /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsx("line", { x1: "4", y1: "20", x2: "20", y2: "20" }),
@@ -1929,7 +1913,7 @@ function useToolHoverTooltip() {
   return { hover, portalReady, showHover, hideHover };
 }
 function DesktopGeometryPanel(props) {
-  const { activeTool, onToolChange, showAxis, showGrid, onShowAxisChange, onShowGridChange, onUndo, canUndo, onClose, isDark, chordGroup } = props;
+  const { activeTool, onToolChange, showAxis, showGrid, onShowAxisChange, onShowGridChange, onUndo, canUndo, onRedo, canRedo, onClose, isDark, chordGroup } = props;
   const grouped = useMemo(() => {
     return TOOLS.reduce((acc, t) => {
       var _a;
@@ -1978,9 +1962,23 @@ function DesktopGeometryPanel(props) {
             disabled: !canUndo,
             title: "Ho\xE0n t\xE1c (Ctrl/Cmd+Z)",
             "aria-label": "Ho\xE0n t\xE1c",
+            "data-testid": "undo-btn",
             className: "ml-auto 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, {})
+          }
         )
       ] }) }),
       groupKeys.map((group) => {
@@ -2101,6 +2099,8 @@ function MobileGeometryPanel(props) {
     onShowGridChange,
     onUndo,
     canUndo,
+    onRedo,
+    canRedo,
     isDark,
     drawerOpen,
     onDrawerClose
@@ -2149,6 +2149,13 @@ function MobileGeometryPanel(props) {
           icon: /* @__PURE__ */ jsx(UndoIcon, {}),
           onClick: onUndo,
           disabled: !canUndo
+        },
+        {
+          label: "L\xE0m l\u1EA1i",
+          title: "L\xE0m l\u1EA1i (Ctrl/Cmd+Shift+Z)",
+          icon: /* @__PURE__ */ jsx(RedoIcon, {}),
+          onClick: onRedo,
+          disabled: !canRedo
         }
       ],
       groups,
@@ -2533,9 +2540,10 @@ var TransformParamPopover = ({ kind, anchor, defaultValue, onConfirm, onCancel,
   return createPortal(node, document.body);
 };
 var GeometryEditorPanel = forwardRef(
-  function GeometryEditorPanel2({ initialState, onInsert, onClose, withLeftPanel = false, onStateChange, isDark, isMobile = false, onOpenDrawer }, ref) {
+  function GeometryEditorPanel2({ initialState, onInsert, onClose, withLeftPanel = false, onStateChange, isDark, isMobile = false, onOpenDrawer, onUndo, onRedo, canUndo, canRedo }, ref) {
     const handleRef = useRef(null);
     const [ready, setReady] = useState(false);
+    const [hasContent, setHasContent] = useState(false);
     const [propsPopover, setPropsPopover] = useState(null);
     const [transformPopover, setTransformPopover] = useState(null);
     const onStateChangeRef = useRef(onStateChange);
@@ -2544,13 +2552,16 @@ var GeometryEditorPanel = forwardRef(
     }, [onStateChange]);
     const emitState = useCallback(() => {
       const h = handleRef.current;
+      if (!h) return;
+      setHasContent(h.getCreationLog().length > 0);
       const cb = onStateChangeRef.current;
-      if (!h || !cb) return;
+      if (!cb) return;
       cb({
         tool: h.getTool(),
         showAxis: h.getShowAxis(),
         showGrid: h.getShowGrid(),
-        canUndo: h.canUndo()
+        canUndo: h.canUndo(),
+        canRedo: h.canRedo()
       });
     }, []);
     const handleReady = useCallback((h) => {
@@ -2592,6 +2603,7 @@ var GeometryEditorPanel = forwardRef(
       setShowAxis: (b) => handleRef.current?.setShowAxis(b),
       setShowGrid: (b) => handleRef.current?.setShowGrid(b),
       undo: () => handleRef.current?.undo(),
+      redo: () => handleRef.current?.redo(),
       insert: performInsert,
       hasContent: () => (handleRef.current?.getCreationLog().length ?? 0) > 0
     }), [performInsert]);
@@ -2641,17 +2653,46 @@ var GeometryEditorPanel = forwardRef(
               ] }),
               "D\u1EF1ng h\xECnh h\u1ECDc"
             ] }),
-            isMobile && /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: handleInsert,
-                disabled: !ready,
-                "data-testid": "geometry-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"
-              }
-            ),
+            isMobile && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: onUndo,
+                  disabled: !canUndo,
+                  "aria-label": "Ho\xE0n t\xE1c",
+                  title: "Ho\xE0n t\xE1c (Ctrl/Cmd+Z)",
+                  "data-testid": "undo-btn-mobile",
+                  className: "inline-flex h-9 w-9 items-center justify-center rounded transition hover:bg-white/15 disabled:opacity-40",
+                  children: /* @__PURE__ */ jsx(UndoIcon, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: onRedo,
+                  disabled: !canRedo,
+                  "aria-label": "L\xE0m l\u1EA1i",
+                  title: "L\xE0m l\u1EA1i (Ctrl/Cmd+Shift+Z)",
+                  "data-testid": "redo-btn-mobile",
+                  className: "inline-flex h-9 w-9 items-center justify-center rounded transition hover:bg-white/15 disabled:opacity-40",
+                  children: /* @__PURE__ */ jsx(RedoIcon, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: handleInsert,
+                  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": "geometry-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" })
@@ -2745,7 +2786,8 @@ var GeometryEditorPanel = forwardRef(
                 "button",
                 {
                   onClick: handleInsert,
-                  disabled: !ready,
+                  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": "geometry-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"
@@ -2762,7 +2804,8 @@ var INITIAL_GEOM_STATE = {
   tool: "move",
   showAxis: false,
   showGrid: false,
-  canUndo: false
+  canUndo: false,
+  canRedo: false
 };
 var GeometryStampHost = forwardRef(
   function GeometryStampHost2({ api, editingElement, onClose, isDark }, ref) {
@@ -2828,6 +2871,8 @@ var GeometryStampHost = forwardRef(
           onShowGridChange: (b) => panelRef.current?.setShowGrid(b),
           onUndo: () => panelRef.current?.undo(),
           canUndo: geomState.canUndo,
+          onRedo: () => panelRef.current?.redo(),
+          canRedo: geomState.canRedo,
           onClose,
           isDark,
           isMobile,
@@ -2847,7 +2892,11 @@ var GeometryStampHost = forwardRef(
           withLeftPanel: !isMobile,
           isDark,
           isMobile,
-          onOpenDrawer: () => setDrawerOpen(true)
+          onOpenDrawer: () => setDrawerOpen(true),
+          onUndo: () => panelRef.current?.undo(),
+          onRedo: () => panelRef.current?.redo(),
+          canUndo: geomState.canUndo,
+          canRedo: geomState.canRedo
         }
       )
     ] });
@@ -2855,5 +2904,5 @@ var GeometryStampHost = forwardRef(
 );
 
 export { GeometryStampHost };
-//# sourceMappingURL=host-T2W6R6SO.mjs.map
-//# sourceMappingURL=host-T2W6R6SO.mjs.map
+//# sourceMappingURL=host-DJETSFCG.mjs.map
+//# sourceMappingURL=host-DJETSFCG.mjs.map