@xom11/whiteboard 0.7.0 → 0.9.1

package/dist/geometry-2d.js

@@ -139,12 +139,36 @@ var init_serialize = __esm({
   }
 });
 
+// src/stamps/shared/safeJsx.ts
+function safeJsx(label, fn, fallback) {
+  try {
+    return fn();
+  } catch (err) {
+    if (isDev) {
+      console.warn("[whiteboard:jsxgraph]", label, err);
+    }
+    return fallback;
+  }
+}
+var isDev;
+var init_safeJsx = __esm({
+  "src/stamps/shared/safeJsx.ts"() {
+    isDev = (() => {
+      try {
+        return typeof process !== "undefined" && process.env?.NODE_ENV !== "production";
+      } catch {
+        return false;
+      }
+    })();
+  }
+});
+
 // src/stamps/geometry-2d/render.ts
 async function renderGeometrySvgFromState(jsonState) {
   const parsed = JSON.parse(jsonState);
   const palette = paletteFor(false);
   const JXG = (await import('jsxgraph')).default;
-  try {
+  safeJsx("render.applyOptions", () => {
     const opts = JXG.Options;
     if (opts) {
       opts.text = opts.text || {};
@@ -161,8 +185,7 @@ async function renderGeometrySvgFromState(jsonState) {
       opts.grid = opts.grid || {};
       opts.grid.strokeColor = palette.grid;
     }
-  } catch {
-  }
+  });
   const container = document.createElement("div");
   const containerId = "jxg_offscreen_" + Date.now() + "_" + Math.random().toString(36).slice(2, 8);
   container.id = containerId;
@@ -182,10 +205,9 @@ async function renderGeometrySvgFromState(jsonState) {
     board.update();
     return renderGeometryToSvg(container);
   } finally {
-    try {
+    safeJsx("render.freeBoard", () => {
       if (board) JXG.JSXGraph.freeBoard(board);
-    } catch {
-    }
+    });
     if (container.parentNode) container.parentNode.removeChild(container);
   }
 }
@@ -194,6 +216,7 @@ var init_render = __esm({
     init_renderInline();
     init_serialize();
     init_theme();
+    init_safeJsx();
   }
 });
 
@@ -529,14 +552,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);
           }
@@ -573,7 +590,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,
@@ -583,8 +600,7 @@ function handleDown(ctx, e) {
           withLabel: false
         });
         ctx.previewSegRef.current.push(seg);
-      } catch {
-      }
+      });
     }
     ctx.pendingRef.current.push(pick2);
     ctx.setPendingCount(ctx.pendingRef.current.length);
@@ -695,10 +711,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);
@@ -731,10 +744,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;
@@ -781,12 +791,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],
@@ -801,8 +808,7 @@ function handleMove(ctx, e) {
           highlight: false,
           withLabel: false
         });
-      } catch {
-      }
+      });
     }
     return;
   }
@@ -812,20 +818,20 @@ 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 init_handlers = __esm({
   "src/stamps/geometry-2d/editor/handlers.ts"() {
     init_tools();
     init_transforms();
+    init_safeJsx();
   }
 });
 var JSXGraphMiniBoard;
@@ -836,6 +842,7 @@ var init_MiniBoard = __esm({
     init_tools();
     init_theme();
     init_handlers();
+    init_safeJsx();
     JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
       const isDarkRef = react.useRef(!!isDark);
       isDarkRef.current = !!isDark;
@@ -845,6 +852,7 @@ var init_MiniBoard = __esm({
       const jxgRef = react.useRef(null);
       const axisObjsRef = react.useRef({});
       const creationLogRef = react.useRef([]);
+      const redoStackRef = react.useRef([]);
       const [tool, setTool] = react.useState("move");
       const toolRef = react.useRef("move");
       toolRef.current = tool;
@@ -894,13 +902,17 @@ var init_MiniBoard = __esm({
           return a;
         });
       }, []);
+      const pushCreationLog = react.useCallback((entry) => {
+        creationLogRef.current.push(entry);
+        redoStackRef.current = [];
+      }, []);
       const pushLog = react.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 = react.useCallback(
         (type, args, attrs = {}) => {
@@ -983,16 +995,10 @@ var init_MiniBoard = __esm({
         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()) {
@@ -1017,7 +1023,7 @@ var init_MiniBoard = __esm({
               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);
               }
@@ -1026,10 +1032,7 @@ var init_MiniBoard = __esm({
             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);
@@ -1040,10 +1043,7 @@ var init_MiniBoard = __esm({
           }
         }
         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);
@@ -1051,19 +1051,13 @@ var init_MiniBoard = __esm({
             setHistoryTick((t) => t + 1);
           }
         }
-        try {
-          boardRef.current.update();
-        } catch {
-        }
+        safeJsx("MiniBoard.board.update(mutate)", () => boardRef.current.update());
       }, [createValueLabelFor, localIdOf, nextLocalId]);
       const clearPreviewSegs = react.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 = [];
       }, []);
@@ -1071,17 +1065,11 @@ var init_MiniBoard = __esm({
         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;
         }
       }, []);
@@ -1093,7 +1081,7 @@ var init_MiniBoard = __esm({
       }, [clearPreviewSegs, removePhantom]);
       const applySelectionStyle = react.useCallback((obj) => {
         if (!obj || selOriginalRef.current.has(obj)) return;
-        try {
+        safeJsx("MiniBoard.applySelectionStyle", () => {
           const visProp = obj.visProp ?? {};
           selOriginalRef.current.set(obj, {
             strokeColor: visProp.strokecolor,
@@ -1105,19 +1093,17 @@ var init_MiniBoard = __esm({
           } else {
             obj.setAttribute({ strokeColor: "#06b6d4", strokeWidth: 3 });
           }
-        } catch {
-        }
+        });
       }, []);
       const restoreSelectionStyle = react.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 = react.useCallback(() => {
@@ -1126,10 +1112,7 @@ var init_MiniBoard = __esm({
         }
         selectedSetRef.current.clear();
         setSelectionTick((t) => t + 1);
-        try {
-          boardRef.current?.update();
-        } catch {
-        }
+        safeJsx("MiniBoard.board.update(clearSelection)", () => boardRef.current?.update());
       }, [restoreSelectionStyle]);
       const toggleSelect = react.useCallback((obj, additive) => {
         if (!obj) return;
@@ -1149,10 +1132,7 @@ var init_MiniBoard = __esm({
           }
         }
         setSelectionTick((t) => t + 1);
-        try {
-          boardRef.current?.update();
-        } catch {
-        }
+        safeJsx("MiniBoard.board.update(toggleSelect)", () => boardRef.current?.update());
       }, [applySelectionStyle, restoreSelectionStyle]);
       const deleteSelected = react.useCallback(() => {
         const board = boardRef.current;
@@ -1160,10 +1140,7 @@ var init_MiniBoard = __esm({
         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();
@@ -1236,10 +1213,7 @@ var init_MiniBoard = __esm({
         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;
@@ -1358,7 +1332,7 @@ var init_MiniBoard = __esm({
           }
           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 });
@@ -1367,23 +1341,21 @@ var init_MiniBoard = __esm({
                 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();
@@ -1398,8 +1370,7 @@ var init_MiniBoard = __esm({
                 if (!aliveIds.has(id)) objMapRef.current.delete(id);
               }
               setHistoryTick((t) => t + 1);
-            } catch {
-            }
+            });
             break;
           }
         }
@@ -1434,7 +1405,7 @@ var init_MiniBoard = __esm({
           }
           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);
@@ -1448,7 +1419,7 @@ var init_MiniBoard = __esm({
           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;
         });
@@ -1479,6 +1450,30 @@ var init_MiniBoard = __esm({
         }
         setHistoryTick((t) => t + 1);
       }, [create, flashWarn, localIdOf, nextLabel, nextLocalId]);
+      const recreateFromLogEntry = react.useCallback((el) => {
+        const board = boardRef.current;
+        if (!board) return false;
+        const idMap = objMapRef.current;
+        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) 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 = react.useCallback(() => {
         const b = boardRef.current;
         if (!b) return;
@@ -1488,21 +1483,31 @@ var init_MiniBoard = __esm({
           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 = react.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]);
       react.useEffect(() => {
         const onKey = (e) => {
           const ae = document.activeElement;
@@ -1514,6 +1519,13 @@ var init_MiniBoard = __esm({
             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();
@@ -1560,16 +1572,14 @@ var init_MiniBoard = __esm({
         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 = react.useCallback((evt, tolPx = 12) => {
@@ -1579,24 +1589,23 @@ var init_MiniBoard = __esm({
         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 = react.useCallback((o) => {
         if (!o) return o;
@@ -1604,31 +1613,25 @@ var init_MiniBoard = __esm({
         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 = react.useRef(null);
       const transformSubsRef = react.useRef(/* @__PURE__ */ new Set());
       const emitTransform = react.useCallback((info) => {
         transformSubsRef.current.forEach((cb) => {
-          try {
-            cb(info);
-          } catch {
-          }
+          safeJsx("MiniBoard.emitTransform.cb", () => cb(info));
         });
       }, []);
       const selectSubsRef = react.useRef(/* @__PURE__ */ new Set());
       const emitSelect = react.useCallback((snap) => {
         selectSubsRef.current.forEach((cb) => {
-          try {
-            cb(snap);
-          } catch {
-          }
+          safeJsx("MiniBoard.emitSelect.cb", () => cb(snap));
         });
       }, []);
       const moveDownRef = react.useRef(null);
@@ -1640,7 +1643,7 @@ var init_MiniBoard = __esm({
           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 || {};
@@ -1653,8 +1656,7 @@ var init_MiniBoard = __esm({
               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,
@@ -1675,43 +1677,20 @@ var init_MiniBoard = __esm({
           });
           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 = {
@@ -1862,6 +1841,8 @@ var init_MiniBoard = __esm({
             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 () => {
@@ -1874,15 +1855,14 @@ var init_MiniBoard = __esm({
               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) => {
@@ -1943,10 +1923,7 @@ var init_MiniBoard = __esm({
             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;
           }
         };
@@ -1954,19 +1931,13 @@ var init_MiniBoard = __esm({
       react.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) {
@@ -1974,28 +1945,23 @@ var init_MiniBoard = __esm({
             axisObjsRef.current.y = b.create("axis", [[0, 0], [0, 1]], { strokeColor: themeAxis(isDarkRef.current), name: "", withLabel: false });
           }
           b.update();
-        } catch {
-        }
+        });
       }, [showAxis]);
       react.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 = react.useCallback((t) => {
         clearPending();
@@ -2003,10 +1969,9 @@ var init_MiniBoard = __esm({
         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 = react.useRef(handleToolChange);
@@ -2014,10 +1979,7 @@ var init_MiniBoard = __esm({
       const subscribersRef = react.useRef(/* @__PURE__ */ new Set());
       const notifySubscribers = react.useCallback(() => {
         subscribersRef.current.forEach((cb) => {
-          try {
-            cb();
-          } catch {
-          }
+          safeJsx("MiniBoard.notifySubscriber.cb", () => cb());
         });
       }, []);
       react.useEffect(() => {
@@ -2025,6 +1987,8 @@ var init_MiniBoard = __esm({
       }, [tool, showAxis, showGrid, historyTick, notifySubscribers]);
       const undoLastRef = react.useRef(undoLast);
       undoLastRef.current = undoLast;
+      const redoNextRef = react.useRef(redoNext);
+      redoNextRef.current = redoNext;
       const clearPendingRef = react.useRef(clearPending);
       clearPendingRef.current = clearPending;
       const finalizeTransformCreateRef = react.useRef(finalizeTransformCreate);
@@ -2135,6 +2099,7 @@ function MobileToolDrawer({
                 disabled: a.disabled,
                 "aria-label": a.label,
                 title: a.title ?? a.label,
+                "data-testid": a.testId,
                 className: "inline-flex h-9 w-9 items-center justify-center rounded-full 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: a.icon
               },
@@ -2240,6 +2205,12 @@ function UndoIcon() {
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.51 13a9 9 0 1 0 2.13-9.36L3 7" })
   ] });
 }
+function RedoIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "21 7 21 13 15 13" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20.49 13a9 9 0 1 1-2.13-9.36L21 7" })
+  ] });
+}
 function AxisIcon() {
   return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "4", y1: "20", x2: "20", y2: "20" }),
@@ -2284,7 +2255,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 = react.useMemo(() => {
     return TOOLS.reduce((acc, t) => {
       var _a;
@@ -2333,9 +2304,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__ */ jsxRuntime.jsx(UndoIcon, {})
           }
+        ),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(RedoIcon, {})
+          }
         )
       ] }) }),
       groupKeys.map((group) => {
@@ -2456,6 +2441,8 @@ function MobileGeometryPanel(props) {
     onShowGridChange,
     onUndo,
     canUndo,
+    onRedo,
+    canRedo,
     isDark,
     drawerOpen,
     onDrawerClose
@@ -2504,6 +2491,13 @@ function MobileGeometryPanel(props) {
           icon: /* @__PURE__ */ jsxRuntime.jsx(UndoIcon, {}),
           onClick: onUndo,
           disabled: !canUndo
+        },
+        {
+          label: "L\xE0m l\u1EA1i",
+          title: "L\xE0m l\u1EA1i (Ctrl/Cmd+Shift+Z)",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(RedoIcon, {}),
+          onClick: onRedo,
+          disabled: !canRedo
         }
       ],
       groups,
@@ -2969,8 +2963,9 @@ var init_EditorPanel = __esm({
     init_render();
     init_PropertiesPopover();
     init_TransformParamPopover();
+    init_LeftPanel();
     GeometryEditorPanel = react.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 = react.useRef(null);
         const [ready, setReady] = react.useState(false);
         const [propsPopover, setPropsPopover] = react.useState(null);
@@ -2987,7 +2982,8 @@ var init_EditorPanel = __esm({
             tool: h.getTool(),
             showAxis: h.getShowAxis(),
             showGrid: h.getShowGrid(),
-            canUndo: h.canUndo()
+            canUndo: h.canUndo(),
+            canRedo: h.canRedo()
           });
         }, []);
         const handleReady = react.useCallback((h) => {
@@ -3029,6 +3025,7 @@ var init_EditorPanel = __esm({
           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]);
@@ -3078,17 +3075,45 @@ var init_EditorPanel = __esm({
                   ] }),
                   "D\u1EF1ng h\xECnh h\u1ECDc"
                 ] }),
-                isMobile && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(UndoIcon, {})
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(RedoIcon, {})
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.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"
+                    }
+                  )
+                ] }),
                 /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" }),
                   /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" })
@@ -3410,7 +3435,8 @@ var init_host = __esm({
       tool: "move",
       showAxis: false,
       showGrid: false,
-      canUndo: false
+      canUndo: false,
+      canRedo: false
     };
     GeometryStampHost = react.forwardRef(
       function GeometryStampHost2({ api, editingElement, onClose, isDark }, ref) {
@@ -3476,6 +3502,8 @@ var init_host = __esm({
               onShowGridChange: (b) => panelRef.current?.setShowGrid(b),
               onUndo: () => panelRef.current?.undo(),
               canUndo: geomState.canUndo,
+              onRedo: () => panelRef.current?.redo(),
+              canRedo: geomState.canRedo,
               onClose,
               isDark,
               isMobile,
@@ -3495,7 +3523,11 @@ var init_host = __esm({
               withLeftPanel: !isMobile,
               isDark,
               isMobile,
-              onOpenDrawer: () => setDrawerOpen(true)
+              onOpenDrawer: () => setDrawerOpen(true),
+              onUndo: () => panelRef.current?.undo(),
+              onRedo: () => panelRef.current?.redo(),
+              canUndo: geomState.canUndo,
+              canRedo: geomState.canRedo
             }
           )
         ] });