@xom11/whiteboard 0.27.0 → 0.29.0

package/dist/geometry-2d.js

@@ -5,11 +5,6 @@ var immer = require('immer');
 var React2 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var reactDom = require('react-dom');
-var zod = require('zod');
-var Anthropic = require('@anthropic-ai/sdk');
-var zodToJsonSchema = require('zod-to-json-schema');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -30,7 +25,6 @@ function _interopNamespace(e) {
 }
 
 var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
-var Anthropic__default = /*#__PURE__*/_interopDefault(Anthropic);
 
 var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -2293,9 +2287,11 @@ var init_circle = __esm({
       },
       render: (obj, ctx) => {
         const board = ctx.jxg;
+        const isCenterLabel = (l) => /^[A-Z]['′]?\d*$/u.test(l);
+        const isCenter = isCenterLabel(obj.label);
         const baseOpts = {
           name: obj.label,
-          withLabel: obj.attrs.showLabel ?? false,
+          withLabel: isCenter ? obj.attrs.showLabel ?? false : true,
           strokeColor: obj.attrs.color ?? "#0f172a",
           strokeWidth: obj.attrs.width ?? 2,
           dash: obj.attrs.dash ?? 0,
@@ -2308,22 +2304,37 @@ var init_circle = __esm({
           const p1 = ctx.resolveRef(c.p1);
           const p2 = ctx.resolveRef(c.p2);
           const p3 = ctx.resolveRef(c.p3);
+          if (isCenter) {
+            const center2 = board.create("circumcenter", [p1, p2, p3], {
+              visible: obj.visible,
+              withLabel: true,
+              fixed: true,
+              name: obj.label
+            });
+            const circ = board.create("circumcircle", [p1, p2, p3], { ...baseOpts, withLabel: false });
+            circ.center = circ.center ?? center2;
+            circ._helpers = [center2];
+            return circ;
+          }
           return board.create("circumcircle", [p1, p2, p3], baseOpts);
         }
         if (c?.kind === "incircle") {
           const p1 = ctx.resolveRef(c.p1);
           const p2 = ctx.resolveRef(c.p2);
           const p3 = ctx.resolveRef(c.p3);
-          const center2 = board.create("incenter", [p1, p2, p3], {
-            visible: obj.visible,
-            withLabel: true,
-            fixed: true,
-            name: obj.label
-          });
-          const circ = board.create("incircle", [p1, p2, p3], baseOpts);
-          circ.center = circ.center ?? center2;
-          circ._helpers = [center2];
-          return circ;
+          if (isCenter) {
+            const center2 = board.create("incenter", [p1, p2, p3], {
+              visible: obj.visible,
+              withLabel: true,
+              fixed: true,
+              name: obj.label
+            });
+            const circ = board.create("incircle", [p1, p2, p3], { ...baseOpts, withLabel: false });
+            circ.center = circ.center ?? center2;
+            circ._helpers = [center2];
+            return circ;
+          }
+          return board.create("incircle", [p1, p2, p3], baseOpts);
         }
         if (c?.kind === "excircle") {
           const P = [ctx.resolveRef(c.p1), ctx.resolveRef(c.p2), ctx.resolveRef(c.p3)];
@@ -9244,1504 +9255,853 @@ var init_Toast2 = __esm({
     init_useToast();
   }
 });
-var NameZ;
-var init_names = __esm({
-  "src/stamps/geometry-2d/dsl/names.ts"() {
-    NameZ = zod.z.string().regex(/^[A-Za-z][A-Za-z0-9_'₀-₉]{0,11}$/);
-  }
-});
-
-// src/stamps/geometry-2d/dsl/kinds/_types.ts
-function defineModule(m) {
-  return m;
-}
-var init_types5 = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/_types.ts"() {
-  }
-});
-
-// src/stamps/geometry-2d/dsl/kinds/_shared.ts
-function emitPointObject(id, name, constraint, visible = true) {
+function useAiFigure(generator) {
+  const [prompt, setPrompt] = React2.useState("");
+  const [isLoading, setIsLoading] = React2.useState(false);
+  const [error, setError] = React2.useState(null);
+  const [tokens, setTokens] = React2.useState(0);
+  const abortRef = React2.useRef(null);
+  const requestIdRef = React2.useRef(0);
+  React2.useEffect(() => () => abortRef.current?.abort(), []);
+  const submit = React2.useCallback(async () => {
+    const problem = prompt.trim();
+    if (!problem) {
+      setError("Nh\u1EADp \u0111\u1EC1 b\xE0i c\u1EA7n d\u1EF1ng h\xECnh.");
+      return null;
+    }
+    if (!generator) {
+      setError("T\xEDnh n\u0103ng d\u1EF1ng h\xECnh AI ch\u01B0a \u0111\u01B0\u1EE3c c\u1EA5u h\xECnh.");
+      return null;
+    }
+    abortRef.current?.abort();
+    const controller = new AbortController();
+    const requestId = ++requestIdRef.current;
+    abortRef.current = controller;
+    setIsLoading(true);
+    setError(null);
+    setTokens(0);
+    try {
+      const generated = await generator(problem, {
+        signal: controller.signal,
+        onProgress: (info) => {
+          if (requestId === requestIdRef.current) setTokens(info.tokens);
+        }
+      });
+      if (controller.signal.aborted || requestId !== requestIdRef.current) return null;
+      if (!generated.ok) {
+        setError(generated.message);
+        return null;
+      }
+      return generated.state;
+    } catch (caught) {
+      if (controller.signal.aborted || caught instanceof DOMException && caught.name === "AbortError") {
+        return null;
+      }
+      if (requestId === requestIdRef.current) {
+        setError(
+          caught instanceof Error && caught.message ? caught.message : "Kh\xF4ng th\u1EC3 d\u1EF1ng h\xECnh b\u1EB1ng AI."
+        );
+      }
+      return null;
+    } finally {
+      if (requestId === requestIdRef.current) {
+        abortRef.current = null;
+        setIsLoading(false);
+      }
+    }
+  }, [generator, prompt]);
+  const cancel = React2.useCallback(() => {
+    abortRef.current?.abort();
+  }, []);
   return {
-    id,
-    kind: "point",
-    label: name,
-    ...POINT_BASE_FIELDS,
-    visible,
-    attrs: { constraint }
+    prompt,
+    setPrompt,
+    isLoading,
+    error,
+    submit,
+    cancel,
+    tokens
   };
 }
-function resolveTriangleVertices(ctx, vertices) {
-  return [ctx.resolveId(vertices[0]), ctx.resolveId(vertices[1]), ctx.resolveId(vertices[2])];
-}
-var POINT_BASE_FIELDS, SHAPE_BASE_FIELDS;
-var init_shared3 = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/_shared.ts"() {
-    POINT_BASE_FIELDS = {
-      visible: true,
-      locked: false,
-      layer: "default",
-      schemaVersion: 1
-    };
-    SHAPE_BASE_FIELDS = {
-      visible: true,
-      locked: false,
-      layer: "default",
-      schemaVersion: 1
-    };
-  }
-});
-var freeModule;
-var init_free2 = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/points/free.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    freeModule = defineModule({
-      kind: "free",
-      role: "point",
-      category: "points",
-      prefix: "p",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("free"),
-        x: zod.z.number().finite(),
-        y: zod.z.number().finite()
-      }),
-      collectRefs: () => [],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: emitPointObject(ctx.resolveId(e.name), e.name, { kind: "free", x: e.x, y: e.y })
-      }]
-    });
-  }
-});
-var midpointModule;
-var init_midpoint2 = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/points/midpoint.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    midpointModule = defineModule({
-      kind: "midpoint",
-      role: "point",
-      category: "points",
-      prefix: "p",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("midpoint"),
-        p1: NameZ,
-        p2: NameZ,
-        visible: zod.z.boolean().optional()
-      }),
-      collectRefs: (e) => [e.p1, e.p2],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: emitPointObject(
-          ctx.resolveId(e.name),
-          e.name,
-          { kind: "midpoint", p1: ctx.resolveId(e.p1), p2: ctx.resolveId(e.p2) },
-          e.visible ?? true
-        )
-      }]
-    });
-  }
-});
-var onSegmentModule;
-var init_onSegment2 = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/points/onSegment.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    onSegmentModule = defineModule({
-      kind: "onSegment",
-      role: "point",
-      category: "points",
-      prefix: "p",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("onSegment"),
-        segmentId: NameZ,
-        t: zod.z.number().min(0).max(1)
-      }),
-      collectRefs: (e) => [e.segmentId],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: emitPointObject(
-          ctx.resolveId(e.name),
-          e.name,
-          { kind: "onSegment", segmentId: ctx.resolveId(e.segmentId), t: e.t }
-        )
-      }]
-    });
-  }
-});
-var onLineModule;
-var init_onLine2 = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/points/onLine.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    onLineModule = defineModule({
-      kind: "onLine",
-      role: "point",
-      category: "points",
-      prefix: "p",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("onLine"),
-        lineId: NameZ,
-        t: zod.z.number().finite()
-      }),
-      collectRefs: (e) => [e.lineId],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: emitPointObject(
-          ctx.resolveId(e.name),
-          e.name,
-          { kind: "onLine", lineId: ctx.resolveId(e.lineId), t: e.t }
-        )
-      }]
-    });
-  }
-});
-var onCircleModule;
-var init_onCircle2 = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/points/onCircle.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    onCircleModule = defineModule({
-      kind: "onCircle",
-      role: "point",
-      category: "points",
-      prefix: "p",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("onCircle"),
-        circleId: NameZ,
-        theta: zod.z.number().finite()
-      }),
-      collectRefs: (e) => [e.circleId],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: emitPointObject(
-          ctx.resolveId(e.name),
-          e.name,
-          { kind: "onCircle", circleId: ctx.resolveId(e.circleId), theta: e.theta }
-        )
-      }]
-    });
-  }
-});
-var perpFootModule;
-var init_perpFoot2 = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/points/perpFoot.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    perpFootModule = defineModule({
-      kind: "perpFoot",
-      role: "point",
-      category: "points",
-      prefix: "p",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("perpFoot"),
-        from: NameZ,
-        onLine: NameZ
-      }),
-      collectRefs: (e) => [e.from, e.onLine],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: emitPointObject(
-          ctx.resolveId(e.name),
-          e.name,
-          { kind: "perpFoot", from: ctx.resolveId(e.from), onLine: ctx.resolveId(e.onLine) }
-        )
-      }]
-    });
-  }
-});
-var circumcenterModule;
-var init_circumcenter2 = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/points/circumcenter.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    circumcenterModule = defineModule({
-      kind: "circumcenter",
-      role: "point",
-      category: "points",
-      prefix: "p",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("circumcenter"),
-        vertices: zod.z.tuple([NameZ, NameZ, NameZ])
-      }),
-      collectRefs: (e) => [...e.vertices],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: emitPointObject(
-          ctx.resolveId(e.name),
-          e.name,
-          { kind: "circumcenter", vertices: resolveTriangleVertices(ctx, e.vertices) }
-        )
-      }]
-    });
-  }
-});
-var incenterModule;
-var init_incenter2 = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/points/incenter.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    incenterModule = defineModule({
-      kind: "incenter",
-      role: "point",
-      category: "points",
-      prefix: "p",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("incenter"),
-        vertices: zod.z.tuple([NameZ, NameZ, NameZ])
-      }),
-      collectRefs: (e) => [...e.vertices],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: emitPointObject(
-          ctx.resolveId(e.name),
-          e.name,
-          { kind: "incenter", vertices: resolveTriangleVertices(ctx, e.vertices) }
-        )
-      }]
-    });
-  }
-});
-var centroidModule;
-var init_centroid2 = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/points/centroid.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    centroidModule = defineModule({
-      kind: "centroid",
-      role: "point",
-      category: "points",
-      prefix: "p",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("centroid"),
-        vertices: zod.z.tuple([NameZ, NameZ, NameZ])
-      }),
-      collectRefs: (e) => [...e.vertices],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: emitPointObject(
-          ctx.resolveId(e.name),
-          e.name,
-          { kind: "centroid", vertices: resolveTriangleVertices(ctx, e.vertices) }
-        )
-      }]
-    });
-  }
-});
-var orthocenterModule;
-var init_orthocenter2 = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/points/orthocenter.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    orthocenterModule = defineModule({
-      kind: "orthocenter",
-      role: "point",
-      category: "points",
-      prefix: "p",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("orthocenter"),
-        vertices: zod.z.tuple([NameZ, NameZ, NameZ])
-      }),
-      collectRefs: (e) => [...e.vertices],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: emitPointObject(
-          ctx.resolveId(e.name),
-          e.name,
-          { kind: "orthocenter", vertices: resolveTriangleVertices(ctx, e.vertices) }
-        )
-      }]
-    });
+var init_useAiFigure = __esm({
+  "src/stamps/geometry-2d/editor/useAiFigure.ts"() {
+    "use client";
   }
 });
-var intersectionModule;
-var init_intersection2 = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/points/intersection.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    intersectionModule = defineModule({
-      kind: "intersection",
-      role: "point",
-      category: "points",
-      prefix: "i",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("intersection"),
-        ref1: NameZ,
-        ref2: NameZ,
-        branch: zod.z.union([zod.z.literal(0), zod.z.literal(1)]).optional()
-      }),
-      collectRefs: (e) => [e.ref1, e.ref2],
-      emit: (e, ctx) => {
-        const r1IsCircle = ctx.hintOf(e.ref1) === "circle";
-        const r2IsCircle = ctx.hintOf(e.ref2) === "circle";
-        let intersectKind;
-        if (r1IsCircle && r2IsCircle) intersectKind = "circleCircle";
-        else if (r1IsCircle || r2IsCircle) intersectKind = "lineCircle";
-        else intersectKind = "lineLine";
-        const attrs = {
-          kind: intersectKind,
-          ref1: ctx.resolveId(e.ref1),
-          ref2: ctx.resolveId(e.ref2)
-        };
-        if (intersectKind !== "lineLine") {
-          attrs.branch = e.branch ?? 0;
-        }
-        return [{
-          role: "primary",
-          object: {
-            id: ctx.resolveId(e.name),
-            kind: "intersection",
-            label: e.name,
-            ...POINT_BASE_FIELDS,
-            attrs
-          }
-        }];
+function AiFigurePrompt({ generator, onGenerated }) {
+  const {
+    prompt,
+    setPrompt,
+    isLoading,
+    error,
+    submit,
+    cancel,
+    tokens
+  } = useAiFigure(generator);
+  const [elapsed, setElapsed] = React2.useState(0);
+  React2.useEffect(() => {
+    if (!isLoading) {
+      setElapsed(0);
+      return;
+    }
+    const id = setInterval(() => setElapsed((s) => s + 1), 1e3);
+    return () => clearInterval(id);
+  }, [isLoading]);
+  const textareaRef = React2.useRef(null);
+  const handleSendClick = React2.useCallback(async () => {
+    const generated = await submit();
+    if (generated) onGenerated(generated);
+  }, [submit, onGenerated]);
+  const promptEmpty = !prompt.trim();
+  const sendDisabled = promptEmpty || isLoading;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-slate-200 bg-slate-50 px-3 py-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 flex items-center justify-between gap-2", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium tracking-wide text-slate-600", children: "D\u1EF1ng h\xECnh b\u1EB1ng AI" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "group relative flex flex-col rounded-2xl bg-white shadow-sm transition-all duration-150 ring-1 ring-slate-200 focus-within:ring-2 focus-within:ring-emerald-400/70 focus-within:shadow-md",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "textarea",
+            {
+              ref: textareaRef,
+              id: "geometry-ai-prompt",
+              "aria-label": "\u0110\u1EC1 b\xE0i cho AI",
+              "data-testid": "geometry-ai-textarea",
+              value: prompt,
+              onChange: (e) => setPrompt(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter" && (e.metaKey || e.ctrlKey) && !sendDisabled) {
+                  e.preventDefault();
+                  void handleSendClick();
+                }
+              },
+              disabled: isLoading,
+              rows: 2,
+              placeholder: "M\xF4 t\u1EA3 \u0111\u1EC1 b\xE0i c\u1EA7n d\u1EF1ng.",
+              className: "block w-full resize-none rounded-2xl bg-transparent px-3.5 pt-2.5 pb-1 text-sm leading-relaxed text-slate-800 placeholder:text-slate-400 outline-none disabled:opacity-60 field-sizing-content max-h-44"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-end gap-2 px-2 pb-2 pt-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            isLoading && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-[10px] tabular-nums text-slate-500", children: tokens > 0 ? `${tokens}tok \xB7 ${elapsed}s` : `${elapsed}s` }),
+            isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: cancel,
+                "aria-label": "Hu\u1EF7 d\u1EF1ng h\xECnh AI",
+                "data-testid": "geometry-ai-cancel",
+                title: `\u0110ang d\u1EF1ng\u2026 ${elapsed}s \u2014 b\u1EA5m \u0111\u1EC3 hu\u1EF7`,
+                className: "flex h-8 w-8 items-center justify-center rounded-full bg-amber-500 text-white shadow-sm transition hover:scale-105 hover:bg-amber-600 active:scale-95",
+                children: /* @__PURE__ */ jsxRuntime.jsx(StopIcon, { className: "h-3.5 w-3.5" })
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => void handleSendClick(),
+                disabled: sendDisabled,
+                "aria-label": "D\u1EF1ng b\u1EB1ng AI",
+                title: "D\u1EF1ng b\u1EB1ng AI (Ctrl/\u2318+Enter)",
+                "data-testid": "geometry-ai-submit",
+                className: "flex h-8 w-8 items-center justify-center rounded-full bg-emerald-600 text-white shadow-sm transition hover:scale-105 hover:bg-emerald-700 active:scale-95 disabled:cursor-not-allowed disabled:bg-slate-300 disabled:hover:scale-100",
+                children: /* @__PURE__ */ jsxRuntime.jsx(ArrowUpIcon, { className: "h-[18px] w-[18px]" })
+              }
+            )
+          ] }) })
+        ]
       }
-    });
-  }
-});
-var segmentModule;
-var init_segment2 = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/lines/segment.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    segmentModule = defineModule({
-      kind: "segment",
-      role: "segment",
-      category: "lines",
-      prefix: "s",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("segment"),
-        p1: NameZ,
-        p2: NameZ
-      }),
-      collectRefs: (e) => [e.p1, e.p2],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: {
-          id: ctx.resolveId(e.name),
-          kind: "segment",
-          label: e.name,
-          ...SHAPE_BASE_FIELDS,
-          attrs: { p1: ctx.resolveId(e.p1), p2: ctx.resolveId(e.p2) }
-        }
-      }]
-    });
-  }
-});
-var lineModule;
-var init_line2 = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/lines/line.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    lineModule = defineModule({
-      kind: "line",
-      role: "line",
-      category: "lines",
-      prefix: "l",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("line"),
-        p1: NameZ,
-        p2: NameZ
-      }),
-      collectRefs: (e) => [e.p1, e.p2],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: {
-          id: ctx.resolveId(e.name),
-          kind: "line",
-          label: e.name,
-          ...SHAPE_BASE_FIELDS,
-          attrs: { p1: ctx.resolveId(e.p1), p2: ctx.resolveId(e.p2) }
-        }
-      }]
-    });
+    ),
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "mt-1 px-1 text-xs text-red-600", children: error })
+  ] });
+}
+var ArrowUpIcon, StopIcon;
+var init_AiFigurePrompt = __esm({
+  "src/stamps/geometry-2d/editor/AiFigurePrompt.tsx"() {
+    "use client";
+    init_useAiFigure();
+    ArrowUpIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 2.25,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": true,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 19V5" }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m5 12 7-7 7 7" })
+        ]
+      }
+    );
+    StopIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2" }) });
   }
 });
-var rayModule;
-var init_ray2 = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/lines/ray.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    rayModule = defineModule({
-      kind: "ray",
-      role: "ray",
-      category: "lines",
-      prefix: "r",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("ray"),
-        origin: NameZ,
-        through: NameZ
-      }),
-      collectRefs: (e) => [e.origin, e.through],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: {
-          id: ctx.resolveId(e.name),
-          kind: "ray",
-          label: e.name,
-          ...SHAPE_BASE_FIELDS,
-          attrs: { origin: ctx.resolveId(e.origin), through: ctx.resolveId(e.through) }
-        }
-      }]
-    });
+
+// src/stamps/geometry-2d/draft.ts
+function svgIntrinsicSize(svg) {
+  const w = svg.match(/<svg[^>]*\swidth="([\d.]+)"/);
+  const h = svg.match(/<svg[^>]*\sheight="([\d.]+)"/);
+  if (w && h) return { width: parseFloat(w[1]), height: parseFloat(h[1]) };
+  const vb = svg.match(/viewBox="0 0 ([\d.]+) ([\d.]+)"/);
+  if (vb) return { width: parseFloat(vb[1]), height: parseFloat(vb[2]) };
+  return { width: 300, height: 200 };
+}
+function draftFromViewport(svg, appState, seq) {
+  const { width, height } = svgIntrinsicSize(svg);
+  const zoom = appState.zoom?.value ?? 1;
+  const vw = appState.width ?? 800;
+  const vh = appState.height ?? 600;
+  const cx = appState.scrollX + vw / 2 / zoom;
+  const cy = appState.scrollY + vh / 2 / zoom;
+  return { svg, width, height, x: cx - width / 2, y: cy - height / 2, seq };
+}
+function didStateChange(seen, jsonState) {
+  if (seen.last === jsonState) return false;
+  seen.last = jsonState;
+  return true;
+}
+var init_draft = __esm({
+  "src/stamps/geometry-2d/draft.ts"() {
   }
 });
-var perpendicularModule;
-var init_perpendicular = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/lines/perpendicular.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    perpendicularModule = defineModule({
-      kind: "perpendicular",
-      role: "lineConstruction",
-      category: "lines",
-      prefix: "l",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("perpendicular"),
-        throughPoint: NameZ,
-        toLine: NameZ
-      }),
-      collectRefs: (e) => [e.throughPoint, e.toLine],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: {
-          id: ctx.resolveId(e.name),
-          kind: "line",
-          label: e.name,
-          ...SHAPE_BASE_FIELDS,
-          attrs: {
-            construction: {
-              kind: "perpendicular",
-              throughPoint: ctx.resolveId(e.throughPoint),
-              toLine: ctx.resolveId(e.toLine)
-            }
-          }
+function useGeometryDraftEmit({
+  store,
+  handleRef,
+  api,
+  showAxis,
+  showGrid,
+  onGeometryDraft,
+  debounceMs = 350
+}) {
+  const seqRef = React2.useRef(0);
+  const seenRef = React2.useRef({ last: null });
+  const timerRef = React2.useRef(null);
+  const cbRef = React2.useRef(onGeometryDraft);
+  cbRef.current = onGeometryDraft;
+  React2.useEffect(() => {
+    if (!cbRef.current) return;
+    const emit = () => {
+      const h = handleRef.current;
+      if (!h) return;
+      const state = h.getState();
+      if (Object.keys(state.objects).length === 0) {
+        if (seenRef.current.last !== null) {
+          seenRef.current.last = null;
+          cbRef.current?.(null);
         }
-      }]
-    });
+        return;
+      }
+      const bbox = h.getBbox();
+      const jsonState = serializeBoard(state, { bbox, showAxis, showGrid });
+      if (!didStateChange(seenRef.current, jsonState)) return;
+      void (async () => {
+        try {
+          const svg = await renderGeometrySvgFromState(jsonState);
+          const appState = api?.getAppState?.() ?? { scrollX: 0, scrollY: 0, width: 800, height: 600, zoom: { value: 1 } };
+          seqRef.current += 1;
+          cbRef.current?.(draftFromViewport(svg, appState, seqRef.current));
+        } catch (err) {
+          console.warn("[geometry] draft render failed:", err);
+        }
+      })();
+    };
+    const schedule = () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+      timerRef.current = setTimeout(emit, debounceMs);
+    };
+    const unsub = store.subscribe(schedule);
+    return () => {
+      unsub();
+      if (timerRef.current) clearTimeout(timerRef.current);
+      cbRef.current?.(null);
+    };
+  }, [store, handleRef, api, showAxis, showGrid, debounceMs]);
+}
+var init_useGeometryDraftEmit = __esm({
+  "src/stamps/geometry-2d/editor/useGeometryDraftEmit.ts"() {
+    init_serialize();
+    init_render();
+    init_draft();
   }
 });
-var parallelModule;
-var init_parallel = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/lines/parallel.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    parallelModule = defineModule({
-      kind: "parallel",
-      role: "lineConstruction",
-      category: "lines",
-      prefix: "l",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("parallel"),
-        throughPoint: NameZ,
-        toLine: NameZ
-      }),
-      collectRefs: (e) => [e.throughPoint, e.toLine],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: {
-          id: ctx.resolveId(e.name),
-          kind: "line",
-          label: e.name,
-          ...SHAPE_BASE_FIELDS,
-          attrs: {
-            construction: {
-              kind: "parallel",
-              throughPoint: ctx.resolveId(e.throughPoint),
-              toLine: ctx.resolveId(e.toLine)
-            }
-          }
-        }
-      }]
-    });
-  }
-});
-var perpBisectorModule;
-var init_perpBisector = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/lines/perpBisector.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    perpBisectorModule = defineModule({
-      kind: "perpBisector",
-      role: "lineConstruction",
-      category: "lines",
-      prefix: "l",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("perpBisector"),
-        p1: NameZ,
-        p2: NameZ
-      }),
-      collectRefs: (e) => [e.p1, e.p2],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: {
-          id: ctx.resolveId(e.name),
-          kind: "line",
-          label: e.name,
-          ...SHAPE_BASE_FIELDS,
-          attrs: {
-            construction: {
-              kind: "perpBisector",
-              p1: ctx.resolveId(e.p1),
-              p2: ctx.resolveId(e.p2)
+var GeometryEditorPanelInner, GeometryEditorPanel;
+var init_EditorPanel = __esm({
+  "src/stamps/geometry-2d/editor/EditorPanel.tsx"() {
+    "use client";
+    init_MiniBoard();
+    init_serialize();
+    init_render();
+    init_PropertiesPopover();
+    init_MultiPropertiesPopover();
+    init_TransformParamPopover();
+    init_snapshot();
+    init_icons();
+    init_scene();
+    init_constants();
+    init_Toast2();
+    init_AiFigurePrompt();
+    init_useGeometryDraftEmit();
+    GeometryEditorPanelInner = React2.forwardRef(
+      function GeometryEditorPanelInner2({
+        store,
+        onInsert,
+        onClose,
+        withLeftPanel = false,
+        selectedTool,
+        showAxis,
+        showGrid,
+        onHistoryChange,
+        isDark,
+        isMobile = false,
+        onOpenDrawer,
+        onUndo,
+        onRedo,
+        canUndo,
+        canRedo,
+        onSelectionChange,
+        generateGeometryFigure,
+        api,
+        onGeometryDraft
+      }, ref) {
+        const { showToast } = useToast();
+        const handleRef = React2.useRef(null);
+        const [ready, setReady] = React2.useState(false);
+        const [hasContent, setHasContent] = React2.useState(false);
+        const [propsPopover, setPropsPopover] = React2.useState(null);
+        const [multiSelection, setMultiSelection] = React2.useState(null);
+        const [transformPopover, setTransformPopover] = React2.useState(null);
+        const onSelectionChangeRef = React2.useRef(onSelectionChange);
+        React2.useEffect(() => {
+          onSelectionChangeRef.current = onSelectionChange;
+        }, [onSelectionChange]);
+        const onGeometryDraftRef = React2.useRef(onGeometryDraft);
+        React2.useEffect(() => {
+          onGeometryDraftRef.current = onGeometryDraft;
+        }, [onGeometryDraft]);
+        useEditorState({ store, onHistoryChange });
+        useGeometryDraftEmit({ store, handleRef, api, showAxis, showGrid, onGeometryDraft });
+        React2.useEffect(() => {
+          const sync = () => setHasContent(Object.keys(store.getState().objects).length > 0);
+          sync();
+          return store.subscribe(sync);
+        }, [store]);
+        const handleReady = React2.useCallback(() => {
+          const h = handleRef.current;
+          if (!h) return;
+          setReady(true);
+          h.onSelect((snap) => {
+            setPropsPopover(snap);
+            setMultiSelection(null);
+            onSelectionChangeRef.current?.(snap.id);
+          });
+          h.onTransformParam((info) => setTransformPopover(info));
+          h.onSelectionState((snap) => {
+            if (!snap || snap.ids.length === 0) {
+              setPropsPopover(null);
+              setMultiSelection(null);
+              onSelectionChangeRef.current?.(void 0);
+              return;
             }
-          }
-        }
-      }]
-    });
-  }
-});
-var angleBisectorModule;
-var init_angleBisector = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/lines/angleBisector.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    angleBisectorModule = defineModule({
-      kind: "angleBisector",
-      role: "lineConstruction",
-      category: "lines",
-      prefix: "l",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("angleBisector"),
-        p1: NameZ,
-        vertex: NameZ,
-        p2: NameZ
-      }),
-      collectRefs: (e) => [e.p1, e.vertex, e.p2],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: {
-          id: ctx.resolveId(e.name),
-          kind: "line",
-          label: e.name,
-          ...SHAPE_BASE_FIELDS,
-          attrs: {
-            construction: {
-              kind: "angleBisector",
-              p1: ctx.resolveId(e.p1),
-              vertex: ctx.resolveId(e.vertex),
-              p2: ctx.resolveId(e.p2)
+            if (snap.ids.length === 1) {
+              const id = snap.ids[0];
+              const single = buildObjectSnapshot(store.getState(), id, snap.anchor);
+              if (single) {
+                setPropsPopover(single);
+                setMultiSelection(null);
+                onSelectionChangeRef.current?.(id);
+              }
+              return;
             }
+            setMultiSelection(snap);
+            setPropsPopover(null);
+            onSelectionChangeRef.current?.(void 0);
+          });
+        }, [store]);
+        const dismissPropsPopover = React2.useCallback(() => {
+          setPropsPopover(null);
+          onSelectionChangeRef.current?.(void 0);
+        }, []);
+        const dismissMultiPopover = React2.useCallback(() => {
+          setMultiSelection(null);
+          handleRef.current?.clearSelection();
+          onSelectionChangeRef.current?.(void 0);
+        }, []);
+        const applyMultiColor = React2.useCallback((color) => {
+          const ids = multiSelection?.ids ?? [];
+          const h = handleRef.current;
+          if (!h) return;
+          for (const id of ids) {
+            h.mutateObject(id, { attrs: { strokeColor: color, color } });
           }
-        }
-      }]
-    });
-  }
-});
-var lineThroughModule;
-var init_lineThrough = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/lines/lineThrough.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    lineThroughModule = defineModule({
-      kind: "lineThrough",
-      role: "lineConstruction",
-      category: "lines",
-      prefix: "l",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("lineThrough"),
-        points: zod.z.array(NameZ).min(2)
-      }),
-      collectRefs: (e) => [...e.points],
-      refSpecs: [{ field: "points", role: "point", many: true }],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: {
-          id: ctx.resolveId(e.name),
-          kind: "line",
-          label: e.name,
-          ...SHAPE_BASE_FIELDS,
-          attrs: {
-            construction: {
-              kind: "lineThrough",
-              points: e.points.map((p) => ctx.resolveId(p))
-            }
+        }, [multiSelection]);
+        const applyMultiDelete = React2.useCallback(() => {
+          const ids = multiSelection?.ids ?? [];
+          const h = handleRef.current;
+          if (!h) return;
+          for (const id of ids) {
+            h.mutateObject(id, { remove: true });
           }
-        }
-      }]
-    });
-  }
-});
-var radicalAxisModule;
-var init_radicalAxis = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/lines/radicalAxis.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    radicalAxisModule = defineModule({
-      kind: "radicalAxis",
-      role: "lineConstruction",
-      category: "lines",
-      prefix: "l",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("radicalAxis"),
-        circle1: NameZ,
-        circle2: NameZ
-      }),
-      collectRefs: (e) => [e.circle1, e.circle2],
-      refSpecs: [
-        { field: "circle1", role: "circle" },
-        { field: "circle2", role: "circle" }
-      ],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: {
-          id: ctx.resolveId(e.name),
-          kind: "line",
-          label: e.name,
-          ...SHAPE_BASE_FIELDS,
-          attrs: {
-            construction: {
-              kind: "radicalAxis",
-              circle1: ctx.resolveId(e.circle1),
-              circle2: ctx.resolveId(e.circle2)
+          h.clearSelection();
+          setMultiSelection(null);
+          onSelectionChangeRef.current?.(void 0);
+        }, [multiSelection]);
+        const performInsert = React2.useCallback(() => {
+          if (!handleRef.current) return false;
+          const h = handleRef.current;
+          const state = h.getState();
+          if (Object.keys(state.objects).length === 0) return false;
+          const bbox = h.getBbox();
+          const jsonState = serializeBoard(state, { bbox, showAxis, showGrid });
+          void (async () => {
+            try {
+              const svgString = await renderGeometrySvgFromState(jsonState);
+              onInsert(jsonState, svgString);
+              onGeometryDraftRef.current?.(null);
+            } catch (err) {
+              console.error("Geometry insert failed:", err);
             }
-          }
-        }
-      }]
-    });
-  }
-});
-var tangentModule;
-var init_tangent = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/lines/tangent.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    tangentModule = defineModule({
-      kind: "tangent",
-      role: "lineConstruction",
-      category: "lines",
-      prefix: "l",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("tangent"),
-        throughPoint: NameZ,
-        toCircle: NameZ,
-        branch: zod.z.union([zod.z.literal(0), zod.z.literal(1), zod.z.literal("on")]).optional()
-      }),
-      collectRefs: (e) => [e.throughPoint, e.toCircle],
-      emit: (e, ctx) => {
-        const construction = {
-          kind: "tangent",
-          throughPoint: ctx.resolveId(e.throughPoint),
-          toCircle: ctx.resolveId(e.toCircle)
+          })();
+          return true;
+        }, [onInsert, showAxis, showGrid]);
+        const loadAiFigure = React2.useCallback((generated) => {
+          handleRef.current?.clearSelection();
+          setPropsPopover(null);
+          setMultiSelection(null);
+          setTransformPopover(null);
+          onSelectionChangeRef.current?.(void 0);
+          const current = store.getState();
+          store.dispatch({
+            type: "LOAD",
+            payload: { state: { ...generated, meta: current.meta } }
+          });
+        }, [store]);
+        React2.useImperativeHandle(ref, () => ({
+          insert: performInsert,
+          hasContent: () => Object.keys(handleRef.current?.getState().objects ?? {}).length > 0,
+          selectObject: (id) => handleRef.current?.highlight(id)
+        }), [performInsert]);
+        const wrapperStyle = isMobile ? { position: "fixed", inset: 0, zIndex: 40 } : {
+          position: "absolute",
+          top: "50%",
+          left: withLeftPanel ? "calc(50% + 120px)" : "50%",
+          transform: "translate(-50%, -50%)",
+          zIndex: 40
         };
-        if (e.branch !== void 0) construction.branch = e.branch;
-        return [{
-          role: "primary",
-          object: {
-            id: ctx.resolveId(e.name),
-            kind: "line",
-            label: e.name,
-            ...SHAPE_BASE_FIELDS,
-            attrs: { construction }
-          }
-        }];
-      }
-    });
-  }
-});
-var polygonModule;
-var init_polygon3 = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/polygons/polygon.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    polygonModule = defineModule({
-      kind: "polygon",
-      role: "polygon",
-      category: "polygons",
-      prefix: "poly",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("polygon"),
-        vertices: zod.z.array(NameZ).min(3)
-      }),
-      collectRefs: (e) => [...e.vertices],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: {
-          id: ctx.resolveId(e.name),
-          kind: "polygon",
-          label: e.name,
-          ...SHAPE_BASE_FIELDS,
-          attrs: { vertices: e.vertices.map((v) => ctx.resolveId(v)) }
-        }
-      }]
-    });
-  }
-});
-var circleCPModule;
-var init_circleCP = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/circles/circleCP.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    circleCPModule = defineModule({
-      kind: "circleCP",
-      role: "circle",
-      category: "circles",
-      prefix: "c",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("circleCP"),
-        center: NameZ,
-        surfacePoint: NameZ,
-        visible: zod.z.boolean().optional()
-      }),
-      collectRefs: (e) => [e.center, e.surfacePoint],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: {
-          id: ctx.resolveId(e.name),
-          kind: "circle",
-          label: e.name,
-          ...SHAPE_BASE_FIELDS,
-          visible: e.visible ?? true,
-          attrs: { center: ctx.resolveId(e.center), surfacePoint: ctx.resolveId(e.surfacePoint) }
-        }
-      }]
-    });
-  }
-});
-var circle3Module;
-var init_circle3 = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/circles/circle3.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    circle3Module = defineModule({
-      kind: "circle3",
-      role: "circle",
-      category: "circles",
-      prefix: "c",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("circle3"),
-        p1: NameZ,
-        p2: NameZ,
-        p3: NameZ
-      }),
-      collectRefs: (e) => [e.p1, e.p2, e.p3],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: {
-          id: ctx.resolveId(e.name),
-          kind: "circle",
-          label: e.name,
-          ...SHAPE_BASE_FIELDS,
-          attrs: {
-            construction: {
-              kind: "circumscribed",
-              p1: ctx.resolveId(e.p1),
-              p2: ctx.resolveId(e.p2),
-              p3: ctx.resolveId(e.p3)
-            }
-          }
-        }
-      }]
-    });
-  }
-});
-var circleDiameterModule;
-var init_circleDiameter = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/circles/circleDiameter.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    circleDiameterModule = defineModule({
-      kind: "circleDiameter",
-      role: "circle",
-      category: "circles",
-      prefix: "c",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("circleDiameter"),
-        p1: NameZ,
-        p2: NameZ,
-        visible: zod.z.boolean().optional()
-      }),
-      collectRefs: (e) => [e.p1, e.p2],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: {
-          id: ctx.resolveId(e.name),
-          kind: "circle",
-          label: e.name,
-          ...SHAPE_BASE_FIELDS,
-          visible: e.visible ?? true,
-          attrs: {
-            construction: {
-              kind: "diameter",
-              p1: ctx.resolveId(e.p1),
-              p2: ctx.resolveId(e.p2)
-            }
-          }
-        }
-      }]
-    });
-  }
-});
-var secondIntersectionModule;
-var init_secondIntersection2 = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/points/secondIntersection.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    secondIntersectionModule = defineModule({
-      kind: "secondIntersection",
-      role: "point",
-      category: "points",
-      prefix: "p",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("secondIntersection"),
-        line: NameZ,
-        circle: NameZ,
-        other: NameZ
-      }),
-      collectRefs: (e) => [e.line, e.circle, e.other],
-      refSpecs: [
-        { field: "line", role: "line-like" },
-        { field: "circle", role: "circle" },
-        { field: "other", role: "point" }
-      ],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: emitPointObject(
-          ctx.resolveId(e.name),
-          e.name,
-          {
-            kind: "secondIntersection",
-            line: ctx.resolveId(e.line),
-            circle: ctx.resolveId(e.circle),
-            other: ctx.resolveId(e.other)
-          }
-        )
-      }]
-    });
-  }
-});
-var circleIntersectionModule;
-var init_circleIntersection2 = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/points/circleIntersection.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    circleIntersectionModule = defineModule({
-      kind: "circleIntersection",
-      role: "point",
-      category: "points",
-      prefix: "p",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("circleIntersection"),
-        c1: NameZ,
-        c2: NameZ,
-        which: zod.z.union([zod.z.literal(0), zod.z.literal(1)])
-      }),
-      collectRefs: (e) => [e.c1, e.c2],
-      refSpecs: [
-        { field: "c1", role: "circle" },
-        { field: "c2", role: "circle" }
-      ],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: emitPointObject(
-          ctx.resolveId(e.name),
-          e.name,
-          {
-            kind: "circleIntersection",
-            c1: ctx.resolveId(e.c1),
-            c2: ctx.resolveId(e.c2),
-            which: e.which
-          }
-        )
-      }]
-    });
-  }
-});
-var circleSecondIntersectionModule;
-var init_circleSecondIntersection2 = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/points/circleSecondIntersection.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    circleSecondIntersectionModule = defineModule({
-      kind: "circleSecondIntersection",
-      role: "point",
-      category: "points",
-      prefix: "p",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("circleSecondIntersection"),
-        c1: NameZ,
-        c2: NameZ,
-        exclude: NameZ
-      }),
-      collectRefs: (e) => [e.c1, e.c2, e.exclude],
-      refSpecs: [
-        { field: "c1", role: "circle" },
-        { field: "c2", role: "circle" },
-        { field: "exclude", role: "point" }
-      ],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: emitPointObject(
-          ctx.resolveId(e.name),
-          e.name,
-          {
-            kind: "circleSecondIntersection",
-            c1: ctx.resolveId(e.c1),
-            c2: ctx.resolveId(e.c2),
-            exclude: ctx.resolveId(e.exclude)
-          }
-        )
-      }]
-    });
-  }
-});
-var tangencyPointModule;
-var init_tangencyPoint2 = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/points/tangencyPoint.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    tangencyPointModule = defineModule({
-      kind: "tangencyPoint",
-      role: "point",
-      category: "points",
-      prefix: "p",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("tangencyPoint"),
-        circle: NameZ,
-        onLine: NameZ
-      }),
-      collectRefs: (e) => [e.circle, e.onLine],
-      refSpecs: [
-        { field: "circle", role: "circle" },
-        { field: "onLine", role: "line-like" }
-      ],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: emitPointObject(
-          ctx.resolveId(e.name),
-          e.name,
-          {
-            kind: "tangencyPoint",
-            circle: ctx.resolveId(e.circle),
-            onLine: ctx.resolveId(e.onLine)
-          }
-        )
-      }]
-    });
-  }
-});
-var tangentPointExtModule;
-var init_tangentPointExt2 = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/points/tangentPointExt.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    tangentPointExtModule = defineModule({
-      kind: "tangentPointExt",
-      role: "point",
-      category: "points",
-      prefix: "p",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("tangentPointExt"),
-        from: NameZ,
-        circle: NameZ,
-        which: zod.z.union([zod.z.literal(0), zod.z.literal(1)])
-      }),
-      collectRefs: (e) => [e.from, e.circle],
-      refSpecs: [
-        { field: "from", role: "point" },
-        { field: "circle", role: "circle" }
-      ],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: emitPointObject(
-          ctx.resolveId(e.name),
-          e.name,
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
           {
-            kind: "tangentPointExt",
-            from: ctx.resolveId(e.from),
-            circle: ctx.resolveId(e.circle),
-            which: e.which
-          }
-        )
-      }]
-    });
-  }
-});
-var circleCRModule;
-var init_circleCR = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/circles/circleCR.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    circleCRModule = defineModule({
-      kind: "circleCR",
-      role: "circle",
-      category: "circles",
-      prefix: "c",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("circleCR"),
-        center: NameZ,
-        radius: zod.z.number().positive()
-      }),
-      collectRefs: (e) => [e.center],
-      refSpecs: [{ field: "center", role: "point" }],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: {
-          id: ctx.resolveId(e.name),
-          kind: "circle",
-          label: e.name,
-          ...SHAPE_BASE_FIELDS,
-          attrs: { center: ctx.resolveId(e.center), radius: e.radius }
-        }
-      }]
-    });
-  }
-});
-var incircleModule;
-var init_incircle = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/circles/incircle.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    incircleModule = defineModule({
-      kind: "incircle",
-      role: "circle",
-      category: "circles",
-      prefix: "c",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("incircle"),
-        vertices: zod.z.tuple([NameZ, NameZ, NameZ])
-      }),
-      collectRefs: (e) => [...e.vertices],
-      refSpecs: [{ field: "vertices", role: "point", many: true }],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: {
-          id: ctx.resolveId(e.name),
-          kind: "circle",
-          label: e.name,
-          ...SHAPE_BASE_FIELDS,
-          attrs: {
-            kind: "incircle",
-            vertices: [
-              ctx.resolveId(e.vertices[0]),
-              ctx.resolveId(e.vertices[1]),
-              ctx.resolveId(e.vertices[2])
-            ]
-          }
-        }
-      }]
-    });
-  }
-});
-var excircleModule;
-var init_excircle = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/circles/excircle.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    excircleModule = defineModule({
-      kind: "excircle",
-      role: "circle",
-      category: "circles",
-      prefix: "c",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("excircle"),
-        vertices: zod.z.tuple([NameZ, NameZ, NameZ]),
-        opposite: NameZ
-      }),
-      collectRefs: (e) => [...e.vertices],
-      refSpecs: [
-        { field: "vertices", role: "point", many: true },
-        { field: "opposite", role: "point" }
-      ],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: {
-          id: ctx.resolveId(e.name),
-          kind: "circle",
-          label: e.name,
-          ...SHAPE_BASE_FIELDS,
-          attrs: {
-            construction: {
-              kind: "excircle",
-              p1: ctx.resolveId(e.vertices[0]),
-              p2: ctx.resolveId(e.vertices[1]),
-              p3: ctx.resolveId(e.vertices[2]),
-              opposite: ctx.resolveId(e.opposite)
-            }
-          }
-        }
-      }]
-    });
-  }
-});
-var arcMidpointModule;
-var init_arcMidpoint2 = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/points/arcMidpoint.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    arcMidpointModule = defineModule({
-      kind: "arcMidpoint",
-      role: "point",
-      category: "points",
-      prefix: "p",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("arcMidpoint"),
-        circle: NameZ,
-        a: NameZ,
-        b: NameZ,
-        notContaining: NameZ
-      }),
-      collectRefs: (e) => [e.circle, e.a, e.b, e.notContaining],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: emitPointObject(ctx.resolveId(e.name), e.name, {
-          kind: "arcMidpoint",
-          circle: ctx.resolveId(e.circle),
-          a: ctx.resolveId(e.a),
-          b: ctx.resolveId(e.b),
-          notContaining: ctx.resolveId(e.notContaining)
-        })
-      }]
-    });
-  }
-});
-var excenterModule;
-var init_excenter2 = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/points/excenter.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    excenterModule = defineModule({
-      kind: "excenter",
-      role: "point",
-      category: "points",
-      prefix: "p",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("excenter"),
-        vertices: zod.z.tuple([NameZ, NameZ, NameZ]),
-        opposite: NameZ
-      }),
-      collectRefs: (e) => [...e.vertices],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: emitPointObject(ctx.resolveId(e.name), e.name, {
-          kind: "excenter",
-          vertices: resolveTriangleVertices(ctx, e.vertices),
-          opposite: ctx.resolveId(e.opposite)
-        })
-      }]
-    });
-  }
-});
-var reflectPointModule;
-var init_reflectPoint = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/points/reflectPoint.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    reflectPointModule = defineModule({
-      kind: "reflectPoint",
-      role: "point",
-      category: "points",
-      prefix: "p",
-      schema: zod.z.object({ name: NameZ, kind: zod.z.literal("reflectPoint"), of: NameZ, through: NameZ }),
-      collectRefs: (e) => [e.of, e.through],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: emitPointObject(ctx.resolveId(e.name), e.name, {
-          kind: "transformed",
-          source: ctx.resolveId(e.of),
-          transform: { kind: "reflectPoint", center: ctx.resolveId(e.through) }
-        })
-      }]
-    });
-  }
-});
-var reflectLineModule;
-var init_reflectLine = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/points/reflectLine.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    reflectLineModule = defineModule({
-      kind: "reflectLine",
-      role: "point",
-      category: "points",
-      prefix: "p",
-      schema: zod.z.object({ name: NameZ, kind: zod.z.literal("reflectLine"), of: NameZ, through: NameZ }),
-      collectRefs: (e) => [e.of, e.through],
-      emit: (e, ctx) => [{
-        role: "primary",
-        object: emitPointObject(ctx.resolveId(e.name), e.name, {
-          kind: "transformed",
-          source: ctx.resolveId(e.of),
-          transform: { kind: "reflectLine", line: ctx.resolveId(e.through) }
-        })
-      }]
-    });
-  }
-});
-function withScaleOffset(base, d) {
-  const out = { ...base };
-  if (d.scale !== void 0) out.scale = d.scale;
-  if (d.offset !== void 0) out.offset = d.offset;
-  return out;
-}
-var ScaleOffsetZ, DistanceZ, pointAtDistanceModule;
-var init_pointAtDistance2 = __esm({
-  "src/stamps/geometry-2d/dsl/kinds/points/pointAtDistance.ts"() {
-    init_names();
-    init_types5();
-    init_shared3();
-    ScaleOffsetZ = {
-      scale: zod.z.number().positive().optional(),
-      offset: zod.z.number().optional()
-    };
-    DistanceZ = zod.z.discriminatedUnion("kind", [
-      zod.z.object({ kind: zod.z.literal("circleRadius"), circle: NameZ, ...ScaleOffsetZ }),
-      zod.z.object({ kind: zod.z.literal("segmentLength"), p1: NameZ, p2: NameZ, ...ScaleOffsetZ }),
-      zod.z.object({ kind: zod.z.literal("literal"), value: zod.z.number().positive(), ...ScaleOffsetZ })
-    ]);
-    pointAtDistanceModule = defineModule({
-      kind: "pointAtDistance",
-      role: "point",
-      category: "points",
-      prefix: "p",
-      schema: zod.z.object({
-        name: NameZ,
-        kind: zod.z.literal("pointAtDistance"),
-        from: NameZ,
-        through: NameZ,
-        distance: DistanceZ
-      }),
-      collectRefs: (e) => {
-        const d = e.distance;
-        const extra = d.kind === "circleRadius" ? [d.circle] : d.kind === "segmentLength" ? [d.p1, d.p2] : [];
-        return [e.from, e.through, ...extra];
-      },
-      // TODO(Mức 1 defer): distance.{circle,p1,p2} là nested trong `distance` — refSpec
-      // phẳng đọc top-level không với tới, validate riêng nếu cần. Hiện validate from/through.
-      refSpecs: [
-        { field: "from", role: "point" },
-        { field: "through", role: "point" }
-      ],
-      emit: (e, ctx) => {
-        const d = e.distance;
-        const distance = d.kind === "circleRadius" ? withScaleOffset({ kind: "circleRadius", circle: ctx.resolveId(d.circle) }, d) : d.kind === "segmentLength" ? withScaleOffset({ kind: "segmentLength", p1: ctx.resolveId(d.p1), p2: ctx.resolveId(d.p2) }, d) : withScaleOffset({ kind: "literal", value: d.value }, d);
-        return [{
-          role: "primary",
-          object: emitPointObject(ctx.resolveId(e.name), e.name, {
-            kind: "pointAtDistance",
-            from: ctx.resolveId(e.from),
-            through: ctx.resolveId(e.through),
-            distance
-          })
-        }];
+            role: "dialog",
+            "aria-label": "D\u1EF1ng h\xECnh h\u1ECDc",
+            "data-testid": "geometry-editor-panel",
+            "data-stamp-area": "true",
+            "data-mobile-editor": isMobile ? "true" : void 0,
+            style: wrapperStyle,
+            className: [
+              isDark ? "theme--dark " : "",
+              "relative flex flex-col overflow-hidden bg-white",
+              isMobile ? "h-full w-full" : `${STAMP_PANEL_DESKTOP} rounded-lg border border-slate-300 shadow-2xl ring-1 ring-black/5`
+            ].join(" "),
+            children: [
+              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: onOpenDrawer,
+                    "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__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "4", y1: "6", x2: "20", y2: "6" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "4", y1: "12", x2: "20", y2: "12" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "4", y1: "18", x2: "20", y2: "18" })
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "flex flex-1 items-center gap-2 text-sm font-semibold", children: [
+                  /* @__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("polygon", { points: "3,18 12,3 21,18" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "3", r: "1.5", fill: "currentColor" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "3", cy: "18", r: "1.5", fill: "currentColor" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "21", cy: "18", r: "1.5", fill: "currentColor" })
+                  ] }),
+                  "D\u1EF1ng h\xECnh h\u1ECDc"
+                ] }),
+                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(UndoIcon3, {})
+                    }
+                  ),
+                  /* @__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(RedoIcon3, {})
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: performInsert,
+                      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__ */ 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" })
+                ] }) })
+              ] }),
+              generateGeometryFigure && /* @__PURE__ */ jsxRuntime.jsx(AiFigurePrompt, { generator: generateGeometryFigure, onGenerated: loadAiFigure }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+                MiniBoard2D,
+                {
+                  ref: handleRef,
+                  store,
+                  selectedTool,
+                  showAxis,
+                  showGrid,
+                  onReady: handleReady,
+                  isDark,
+                  toast: showToast
+                }
+              ) }) }),
+              propsPopover && (propsPopover.kind === "point" ? /* @__PURE__ */ jsxRuntime.jsx(
+                PropertiesPopover,
+                {
+                  kind: "point",
+                  anchor: propsPopover.screenCoords,
+                  isDark,
+                  currentName: propsPopover.name,
+                  currentColor: propsPopover.color,
+                  currentDash: propsPopover.dash,
+                  currentWidth: propsPopover.width,
+                  currentFace: propsPopover.face,
+                  currentShowLabel: propsPopover.showLabel,
+                  getAllNames: () => handleRef.current?.getAllPointNames() ?? [],
+                  onClose: dismissPropsPopover,
+                  onMutate: (patch) => {
+                    handleRef.current?.mutateObject(propsPopover.id, patch);
+                    if (patch.remove) dismissPropsPopover();
+                    if (typeof patch.valueLabel === "boolean" || patch.attrs) {
+                      setPropsPopover((cur) => cur ? { ...cur, showValue: patch.valueLabel ?? cur.showValue } : cur);
+                    }
+                  }
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx(
+                PropertiesPopover,
+                {
+                  kind: propsPopover.kind,
+                  anchor: propsPopover.screenCoords,
+                  isDark,
+                  currentName: propsPopover.name,
+                  currentColor: propsPopover.color,
+                  currentDash: propsPopover.dash,
+                  currentWidth: propsPopover.width,
+                  currentShowLabel: propsPopover.showLabel,
+                  currentShowValue: propsPopover.showValue,
+                  getAllNames: () => handleRef.current?.getAllPointNames() ?? [],
+                  onClose: dismissPropsPopover,
+                  onMutate: (patch) => {
+                    handleRef.current?.mutateObject(propsPopover.id, patch);
+                    if (patch.remove) dismissPropsPopover();
+                    if (typeof patch.valueLabel === "boolean") {
+                      setPropsPopover((cur) => cur ? { ...cur, showValue: patch.valueLabel ?? cur.showValue } : cur);
+                    }
+                    if (patch.attrs && "withLabel" in patch.attrs) {
+                      setPropsPopover((cur) => cur ? { ...cur, showLabel: !!patch.attrs?.withLabel } : cur);
+                    }
+                  }
+                }
+              )),
+              multiSelection && multiSelection.ids.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
+                MultiPropertiesPopover,
+                {
+                  anchor: multiSelection.anchor,
+                  count: multiSelection.ids.length,
+                  isDark,
+                  onColor: applyMultiColor,
+                  onDelete: applyMultiDelete,
+                  onClose: dismissMultiPopover
+                }
+              ),
+              transformPopover && (transformPopover.tool === "rotate" || transformPopover.tool === "dilate" || transformPopover.tool === "regularPolygon" || transformPopover.tool === "circleCR") && /* @__PURE__ */ jsxRuntime.jsx(
+                TransformParamPopover,
+                {
+                  kind: transformPopover.tool,
+                  anchor: transformPopover.anchor,
+                  defaultValue: transformPopover.tool === "rotate" ? 90 : transformPopover.tool === "dilate" ? 2 : transformPopover.tool === "circleCR" ? 3 : 6,
+                  isDark,
+                  onConfirm: (v) => {
+                    handleRef.current?.confirmTransformParam(v);
+                    setTransformPopover(null);
+                  },
+                  onCancel: () => {
+                    handleRef.current?.cancelTransformParam();
+                    setTransformPopover(null);
+                  }
+                }
+              ),
+              !isMobile && /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: "flex items-center justify-between border-t border-slate-200 bg-slate-50 px-3 py-2", children: [
+                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+                  /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      onClick: performInsert,
+                      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"
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(ToastHost, {})
+            ]
+          }
+        );
       }
-    });
-  }
-});
-var ALL_MODULES, POINT_KINDS;
-var init_registry4 = __esm({
-  "src/stamps/geometry-2d/dsl/registry.ts"() {
-    init_free2();
-    init_midpoint2();
-    init_onSegment2();
-    init_onLine2();
-    init_onCircle2();
-    init_perpFoot2();
-    init_circumcenter2();
-    init_incenter2();
-    init_centroid2();
-    init_orthocenter2();
-    init_intersection2();
-    init_segment2();
-    init_line2();
-    init_ray2();
-    init_perpendicular();
-    init_parallel();
-    init_perpBisector();
-    init_angleBisector();
-    init_lineThrough();
-    init_radicalAxis();
-    init_tangent();
-    init_polygon3();
-    init_circleCP();
-    init_circle3();
-    init_circleDiameter();
-    init_secondIntersection2();
-    init_circleIntersection2();
-    init_circleSecondIntersection2();
-    init_tangencyPoint2();
-    init_tangentPointExt2();
-    init_circleCR();
-    init_incircle();
-    init_excircle();
-    init_arcMidpoint2();
-    init_excenter2();
-    init_reflectPoint();
-    init_reflectLine();
-    init_pointAtDistance2();
-    ALL_MODULES = [
-      freeModule,
-      midpointModule,
-      onSegmentModule,
-      onLineModule,
-      onCircleModule,
-      perpFootModule,
-      circumcenterModule,
-      incenterModule,
-      centroidModule,
-      orthocenterModule,
-      intersectionModule,
-      // NEW Tier 4+5 points
-      secondIntersectionModule,
-      circleIntersectionModule,
-      circleSecondIntersectionModule,
-      tangencyPointModule,
-      tangentPointExtModule,
-      segmentModule,
-      lineModule,
-      rayModule,
-      perpendicularModule,
-      parallelModule,
-      perpBisectorModule,
-      angleBisectorModule,
-      lineThroughModule,
-      radicalAxisModule,
-      tangentModule,
-      polygonModule,
-      circleCPModule,
-      circle3Module,
-      circleDiameterModule,
-      // NEW Tier 4+5 circles
-      circleCRModule,
-      incircleModule,
-      excircleModule,
-      // Cụm A points
-      arcMidpointModule,
-      excenterModule,
-      reflectPointModule,
-      reflectLineModule,
-      // Cụm B points
-      pointAtDistanceModule
-    ];
-    new Map(ALL_MODULES.map((m) => [m.kind, m]));
-    POINT_KINDS = new Set(
-      ALL_MODULES.filter((m) => m.role === "point").map((m) => m.kind)
-    );
-    new Set(
-      ALL_MODULES.filter(
-        (m) => m.role === "segment" || m.role === "line" || m.role === "ray" || m.role === "lineConstruction"
-      ).map((m) => m.kind)
     );
-    new Set(
-      ALL_MODULES.filter((m) => m.role === "circle").map((m) => m.kind)
-    );
-    zod.z.discriminatedUnion(
-      "kind",
-      ALL_MODULES.map((m) => m.schema)
+    GeometryEditorPanel = React2.forwardRef(
+      function GeometryEditorPanel2(props, ref) {
+        return /* @__PURE__ */ jsxRuntime.jsx(ToastProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(GeometryEditorPanelInner, { ...props, ref }) });
+      }
     );
   }
 });
-
-// src/stamps/geometry-2d/dsl/serialize.ts
-function isValidName(s) {
-  return NAME_REGEX.test(s);
-}
-function labelOf2(id, state) {
-  const obj = state.objects[id];
-  return obj ? obj.label : null;
-}
-function resolveRefs(ids, state) {
-  const out = [];
-  for (const id of ids) {
-    const lab = labelOf2(id, state);
-    if (lab == null || !isValidName(lab)) return null;
-    out.push(lab);
-  }
-  return out;
-}
-function fail(reason, detail) {
-  return { ok: false, reason, detail };
+function isFieldFocused() {
+  const ae = typeof document !== "undefined" ? document.activeElement : null;
+  return !!(ae && (ae.tagName === "INPUT" || ae.tagName === "TEXTAREA" || ae.isContentEditable));
 }
-function serializePoint(obj, state) {
-  const c = obj.attrs?.constraint;
-  if (!c) return fail("unsupported-constraint", "missing");
-  switch (c.kind) {
-    case "free":
-      return { ok: true, entity: { name: obj.label, kind: "free", x: c.x, y: c.y } };
-    case "midpoint": {
-      const refs = resolveRefs([c.p1, c.p2], state);
-      if (!refs) return fail("unresolved-ref", `${c.p1},${c.p2}`);
-      return { ok: true, entity: { name: obj.label, kind: "midpoint", p1: refs[0], p2: refs[1] } };
-    }
-    case "onSegment": {
-      const refs = resolveRefs([c.segmentId], state);
-      if (!refs) return fail("unresolved-ref", c.segmentId);
-      return { ok: true, entity: { name: obj.label, kind: "onSegment", segmentId: refs[0], t: c.t } };
-    }
+function useChordShortcut(args) {
+  const { groupOrder, tools, onSelect, enabled } = args;
+  const [chordGroup, setChordGroup] = React2.useState(null);
+  const groupOrderRef = React2.useRef(groupOrder);
+  const toolsRef = React2.useRef(tools);
+  const onSelectRef = React2.useRef(onSelect);
+  const chordGroupRef = React2.useRef(null);
+  groupOrderRef.current = groupOrder;
+  toolsRef.current = tools;
+  onSelectRef.current = onSelect;
+  const cancel = React2.useCallback(() => {
+    chordGroupRef.current = null;
+    setChordGroup(null);
+  }, []);
+  React2.useEffect(() => {
+    if (!enabled) return;
+    const setChord = (next) => {
+      chordGroupRef.current = next;
+      setChordGroup(next);
+    };
+    const onKey = (e) => {
+      if (e.metaKey || e.ctrlKey || e.altKey) return;
+      if (isFieldFocused()) return;
+      const key = e.key;
+      const lower = key.length === 1 ? key.toLowerCase() : key;
+      if (key === "Escape") {
+        if (chordGroupRef.current !== null) {
+          e.preventDefault();
+          e.stopPropagation();
+          setChord(null);
+        }
+        return;
+      }
+      if (lower.length === 1 && lower >= "a" && lower <= "z") {
+        const idx = lower.charCodeAt(0) - A_CODE2;
+        if (idx < groupOrderRef.current.length) {
+          e.preventDefault();
+          e.stopPropagation();
+          setChord(groupOrderRef.current[idx]);
+        }
+        return;
+      }
+      if (key >= "1" && key <= "9") {
+        const active = chordGroupRef.current;
+        if (active === null) return;
+        const n = key.charCodeAt(0) - "1".charCodeAt(0);
+        const toolsInGroup = toolsRef.current.filter(
+          (t) => t.group === active
+        );
+        e.preventDefault();
+        e.stopPropagation();
+        if (n < toolsInGroup.length) {
+          onSelectRef.current(toolsInGroup[n].key);
+        }
+        setChord(null);
+        return;
+      }
+    };
+    window.addEventListener("keydown", onKey, { capture: true });
+    return () => {
+      window.removeEventListener("keydown", onKey, { capture: true });
+    };
+  }, [enabled]);
+  return { chordGroup, cancel };
+}
+var A_CODE2;
+var init_useChordShortcut = __esm({
+  "src/stamps/shared/useChordShortcut.ts"() {
+    A_CODE2 = "a".charCodeAt(0);
+  }
+});
+
+// src/stamps/shared/insertImage.ts
+function buildStampImageElement(api, fileId, width, height, customData, x, y) {
+  const appState = api?.getAppState() ?? { scrollX: 0, scrollY: 0, width: 800, height: 600, zoom: { value: 1 } };
+  const cx = x ?? appState.scrollX + (appState.width ?? 800) / 2 / (appState.zoom?.value ?? 1) - width / 2;
+  const cy = y ?? appState.scrollY + (appState.height ?? 600) / 2 / (appState.zoom?.value ?? 1) - height / 2;
+  return {
+    type: "image",
+    id: "stamp_" + Date.now() + "_" + Math.random().toString(36).slice(2, 8),
+    x: cx,
+    y: cy,
+    width,
+    height,
+    fileId,
+    customData,
+    angle: 0,
+    strokeColor: "transparent",
+    backgroundColor: "transparent",
+    fillStyle: "solid",
+    strokeWidth: 1,
+    strokeStyle: "solid",
+    roughness: 0,
+    opacity: 100,
+    groupIds: [],
+    roundness: null,
+    seed: Math.floor(Math.random() * 1e9),
+    versionNonce: 0,
+    version: 1,
+    isDeleted: false,
+    boundElements: null,
+    updated: Date.now(),
+    link: null,
+    locked: false,
+    status: "saved",
+    scale: [1, 1]
+  };
+}
+async function insertStampImage(api, opts) {
+  const { dataURL, fileId, width, height, mimeType } = await createStampFile(opts.svgString);
+  api.addFiles([{ id: fileId, dataURL, mimeType, created: Date.now() }]);
+  const customData = opts.makeCustomData();
+  const elements = api.getSceneElements();
+  const editingId = opts.editingElementId ?? null;
+  if (editingId) {
+    const updated = elements.map(
+      (e) => e.id === editingId ? { ...e, fileId, customData, width, height } : e
+    );
+    api.updateScene({ elements: updated, appState: clearAppStateAfterInsert() });
+    return { fileId, width, height, elementId: editingId };
+  }
+  const newElement = buildStampImageElement(
+    api,
+    fileId,
+    width,
+    height,
+    customData,
+    opts.position?.x,
+    opts.position?.y
+  );
+  api.updateScene({
+    elements: [...elements, newElement],
+    appState: clearAppStateAfterInsert()
+  });
+  return { fileId, width, height, elementId: newElement.id };
+}
+var clearAppStateAfterInsert;
+var init_insertImage = __esm({
+  "src/stamps/shared/insertImage.ts"() {
+    init_svgToStampFile();
+    clearAppStateAfterInsert = () => ({
+      selectedElementIds: {},
+      croppingElementId: null
+    });
+  }
+});
+function useStampStore(domain, editingElement, parseInitial) {
+  const ref = React2.useRef(null);
+  if (!ref.current) {
+    const initial = editingElement?.customData ? parseInitial(editingElement.customData) ?? createEmptyState(domain) : createEmptyState(domain);
+    ref.current = createStore(initial);
+  }
+  return ref.current;
+}
+var init_useStampStore = __esm({
+  "src/stamps/shared/useStampStore.ts"() {
+    init_scene();
+  }
+});
+
+// src/stamps/geometry-2d/dsl/serialize.ts
+function isValidName(s) {
+  return NAME_REGEX.test(s);
+}
+function labelOf2(id, state) {
+  const obj = state.objects[id];
+  return obj ? obj.label : null;
+}
+function resolveRefs(ids, state) {
+  const out = [];
+  for (const id of ids) {
+    const lab = labelOf2(id, state);
+    if (lab == null || !isValidName(lab)) return null;
+    out.push(lab);
+  }
+  return out;
+}
+function fail(reason, detail) {
+  return { ok: false, reason, detail };
+}
+function serializePoint(obj, state) {
+  const c = obj.attrs?.constraint;
+  if (!c) return fail("unsupported-constraint", "missing");
+  switch (c.kind) {
+    case "free":
+      return { ok: true, entity: { name: obj.label, kind: "free", x: c.x, y: c.y } };
+    case "midpoint": {
+      const refs = resolveRefs([c.p1, c.p2], state);
+      if (!refs) return fail("unresolved-ref", `${c.p1},${c.p2}`);
+      return { ok: true, entity: { name: obj.label, kind: "midpoint", p1: refs[0], p2: refs[1] } };
+    }
+    case "onSegment": {
+      const refs = resolveRefs([c.segmentId], state);
+      if (!refs) return fail("unresolved-ref", c.segmentId);
+      return { ok: true, entity: { name: obj.label, kind: "onSegment", segmentId: refs[0], t: c.t } };
+    }
     case "onLine": {
       const refs = resolveRefs([c.lineId], state);
       if (!refs) return fail("unresolved-ref", c.lineId);
@@ -10978,2111 +10338,124 @@ function serializePolygon(obj, state) {
   const a = obj.attrs;
   if (a.construction) return fail("unsupported-construction", a.construction.kind);
   if (!Array.isArray(a.vertices) || a.vertices.length < 3) {
-    return fail("unsupported-construction", "missing vertices");
-  }
-  const refs = resolveRefs(a.vertices, state);
-  if (!refs) return fail("unresolved-ref", a.vertices.join(","));
-  return { ok: true, entity: { name: obj.label, kind: "polygon", vertices: refs } };
-}
-function serializeCircle(obj, state) {
-  const a = obj.attrs;
-  const c = (() => {
-    if (a.construction) return a.construction;
-    const raw = a;
-    if (raw.kind === "incircle" && raw.vertices) {
-      return {
-        kind: "incircle",
-        p1: raw.vertices[0],
-        p2: raw.vertices[1],
-        p3: raw.vertices[2]
-      };
-    }
-    if (raw.kind === "excircle" && raw.vertices && raw.opposite) {
-      return {
-        kind: "excircle",
-        p1: raw.vertices[0],
-        p2: raw.vertices[1],
-        p3: raw.vertices[2],
-        opposite: raw.opposite
-      };
-    }
-    if (raw.kind === "circleDiameter" && raw.p1 && raw.p2) {
-      return {
-        kind: "diameter",
-        p1: raw.p1,
-        p2: raw.p2
-      };
-    }
-    return void 0;
-  })();
-  if (!c) {
-    if (typeof a.radius === "number") {
-      if (!a.center) return fail("unsupported-construction", "missing center");
-      const refs2 = resolveRefs([a.center], state);
-      if (!refs2) return fail("unresolved-ref", `${a.center}`);
-      return {
-        ok: true,
-        entity: { name: obj.label, kind: "circleCR", center: refs2[0], radius: a.radius }
-      };
-    }
-    if (!a.center || !a.surfacePoint) {
-      return fail("unsupported-construction", "missing center/surfacePoint");
-    }
-    const refs = resolveRefs([a.center, a.surfacePoint], state);
-    if (!refs) return fail("unresolved-ref", `${a.center},${a.surfacePoint}`);
-    return {
-      ok: true,
-      entity: { name: obj.label, kind: "circleCP", center: refs[0], surfacePoint: refs[1] }
-    };
-  }
-  if (c.kind === "circumscribed") {
-    const refs = resolveRefs([c.p1, c.p2, c.p3], state);
-    if (!refs) return fail("unresolved-ref", `${c.p1},${c.p2},${c.p3}`);
-    return {
-      ok: true,
-      entity: { name: obj.label, kind: "circle3", p1: refs[0], p2: refs[1], p3: refs[2] }
-    };
-  }
-  if (c.kind === "incircle") {
-    const refs = resolveRefs([c.p1, c.p2, c.p3], state);
-    if (!refs) return fail("unresolved-ref", `${c.p1},${c.p2},${c.p3}`);
-    return {
-      ok: true,
-      entity: { name: obj.label, kind: "incircle", vertices: [refs[0], refs[1], refs[2]] }
-    };
-  }
-  if (c.kind === "excircle") {
-    const refs = resolveRefs([c.p1, c.p2, c.p3, c.opposite], state);
-    if (!refs) return fail("unresolved-ref", `${c.p1},${c.p2},${c.p3},${c.opposite}`);
-    return {
-      ok: true,
-      entity: { name: obj.label, kind: "excircle", vertices: [refs[0], refs[1], refs[2]], opposite: refs[3] }
-    };
-  }
-  if (c.kind === "diameter") {
-    const refs = resolveRefs([c.p1, c.p2], state);
-    if (!refs) return fail("unresolved-ref", `${c.p1},${c.p2}`);
-    return {
-      ok: true,
-      entity: { name: obj.label, kind: "circleDiameter", p1: refs[0], p2: refs[1] }
-    };
-  }
-  return fail("unsupported-construction");
-}
-function serializeObject(obj, state) {
-  if (!isValidName(obj.label)) {
-    return fail("invalid-label", obj.label);
-  }
-  switch (obj.kind) {
-    case "point":
-      return serializePoint(obj, state);
-    case "segment":
-      return serializeSegment(obj, state);
-    case "ray":
-      return serializeRay(obj, state);
-    case "line":
-      return serializeLine(obj, state);
-    case "polygon":
-      return serializePolygon(obj, state);
-    case "circle":
-      return serializeCircle(obj, state);
-    case "intersection":
-      return serializeIntersection(obj, state);
-    default:
-      return fail("unsupported-kind", obj.kind);
-  }
-}
-function serializeState(state) {
-  const points = [];
-  const shapes = [];
-  const unsupported = [];
-  for (const id of state.order) {
-    const obj = state.objects[id];
-    if (!obj) continue;
-    const r = serializeObject(obj, state);
-    if (!r.ok) {
-      unsupported.push({
-        id: obj.id,
-        label: obj.label,
-        kind: obj.kind,
-        reason: r.reason,
-        detail: r.detail
-      });
-      continue;
-    }
-    if (POINT_KINDS.has(r.entity.kind)) {
-      points.push(r.entity);
-    } else {
-      shapes.push(r.entity);
-    }
-  }
-  return {
-    dsl: { version: 1, points, shapes },
-    unsupported
-  };
-}
-var NAME_REGEX;
-var init_serialize2 = __esm({
-  "src/stamps/geometry-2d/dsl/serialize.ts"() {
-    init_registry4();
-    NAME_REGEX = /^[A-Za-z][A-Za-z0-9_'₀-₉]{0,11}$/;
-  }
-});
-function useAiFigure(generator, options = {}) {
-  const { currentState } = options;
-  const [prompt, setPrompt] = React2.useState("");
-  const [isLoading, setIsLoading] = React2.useState(false);
-  const [error, setError] = React2.useState(null);
-  const [tokens, setTokens] = React2.useState(0);
-  const abortRef = React2.useRef(null);
-  const requestIdRef = React2.useRef(0);
-  const { dsl: currentDsl, unsupported, entityCount, hasContent } = React2.useMemo(() => {
-    if (!currentState || currentState.order.length === 0) {
-      return {
-        dsl: null,
-        unsupported: [],
-        entityCount: { points: 0, shapes: 0 },
-        hasContent: false
-      };
-    }
-    const { dsl, unsupported: unsupported2 } = serializeState(currentState);
-    return {
-      dsl,
-      unsupported: unsupported2,
-      entityCount: { points: dsl.points.length, shapes: dsl.shapes.length },
-      hasContent: true
-    };
-  }, [currentState]);
-  const hasUnsupported = unsupported.length > 0;
-  const initialMode = hasContent && !hasUnsupported ? "refine" : "build";
-  const [mode, setModeInternal] = React2.useState(initialMode);
-  React2.useEffect(() => {
-    if (!hasContent && mode === "refine") setModeInternal("build");
-    if (hasUnsupported && mode === "refine") setModeInternal("build");
-  }, [hasContent, hasUnsupported, mode]);
-  const setMode = React2.useCallback((next) => {
-    setModeInternal(next);
-  }, []);
-  React2.useEffect(() => () => abortRef.current?.abort(), []);
-  const submit = React2.useCallback(async () => {
-    const problem = prompt.trim();
-    if (!problem) {
-      setError("Nh\u1EADp \u0111\u1EC1 b\xE0i c\u1EA7n d\u1EF1ng h\xECnh.");
-      return null;
-    }
-    if (!generator) {
-      setError("T\xEDnh n\u0103ng d\u1EF1ng h\xECnh AI ch\u01B0a \u0111\u01B0\u1EE3c c\u1EA5u h\xECnh.");
-      return null;
-    }
-    abortRef.current?.abort();
-    const controller = new AbortController();
-    const requestId = ++requestIdRef.current;
-    abortRef.current = controller;
-    setIsLoading(true);
-    setError(null);
-    setTokens(0);
-    try {
-      const generated = await generator(problem, {
-        signal: controller.signal,
-        onProgress: (info) => {
-          if (requestId === requestIdRef.current) setTokens(info.tokens);
-        },
-        ...mode === "refine" && currentDsl ? { currentDsl } : {}
-      });
-      if (controller.signal.aborted || requestId !== requestIdRef.current) return null;
-      if (!generated.ok) {
-        setError(generated.message);
-        return null;
-      }
-      return generated.state;
-    } catch (caught) {
-      if (controller.signal.aborted || caught instanceof DOMException && caught.name === "AbortError") {
-        return null;
-      }
-      if (requestId === requestIdRef.current) {
-        setError(
-          caught instanceof Error && caught.message ? caught.message : "Kh\xF4ng th\u1EC3 d\u1EF1ng h\xECnh b\u1EB1ng AI."
-        );
-      }
-      return null;
-    } finally {
-      if (requestId === requestIdRef.current) {
-        abortRef.current = null;
-        setIsLoading(false);
-      }
-    }
-  }, [generator, prompt, mode, currentDsl]);
-  const cancel = React2.useCallback(() => {
-    abortRef.current?.abort();
-  }, []);
-  return {
-    prompt,
-    setPrompt,
-    isLoading,
-    error,
-    submit,
-    cancel,
-    tokens,
-    mode,
-    setMode,
-    entityCount,
-    hasUnsupported
-  };
-}
-var init_useAiFigure = __esm({
-  "src/stamps/geometry-2d/editor/useAiFigure.ts"() {
-    "use client";
-    init_serialize2();
-  }
-});
-function toUsage(u) {
-  return {
-    inputTokens: u.input_tokens,
-    outputTokens: u.output_tokens,
-    cacheReadTokens: u.cache_read_input_tokens ?? 0,
-    cacheCreationTokens: u.cache_creation_input_tokens ?? 0
-  };
-}
-var TOOL_NAME, VISION_TOOL_NAME, AnthropicProvider;
-var init_anthropic = __esm({
-  "src/stamps/geometry-2d/ai/providers/anthropic.ts"() {
-    TOOL_NAME = "emit_figure_envelope";
-    VISION_TOOL_NAME = "extract_problem_envelope";
-    AnthropicProvider = class {
-      constructor(opts) {
-        this.opts = opts;
-        this.name = "anthropic";
-        this.defaultModel = "claude-opus-4-7";
-        if (!opts.apiKey) throw new Error("AnthropicProvider: apiKey b\u1EAFt bu\u1ED9c");
-      }
-      async call(req) {
-        const enableCaching = this.opts.enableCaching !== false;
-        const systemBlock = enableCaching ? { type: "text", text: req.systemPrompt, cache_control: { type: "ephemeral" } } : { type: "text", text: req.systemPrompt };
-        const tool = {
-          name: TOOL_NAME,
-          description: 'Emit envelope JSON cho ph\xE9p v\u1EBD h\xECnh ho\u1EB7c t\u1EEB ch\u1ED1i. decision="build" k\xE8m figure (DSL h\xECnh h\u1ECDc); decision="refuse" k\xE8m reason.',
-          input_schema: req.schema
-        };
-        const client = new Anthropic__default.default({ apiKey: this.opts.apiKey });
-        let resp;
-        try {
-          resp = await client.messages.create(
-            {
-              model: req.model,
-              max_tokens: req.maxTokens,
-              system: [systemBlock],
-              tools: [tool],
-              tool_choice: { type: "tool", name: TOOL_NAME },
-              messages: [{ role: "user", content: req.userPrompt }]
-            },
-            req.signal ? { signal: req.signal } : void 0
-          );
-        } catch (e) {
-          const err = e;
-          return {
-            kind: "error",
-            message: err.message ?? "L\u1ED7i g\u1ECDi Anthropic API",
-            ...err.status !== void 0 ? { status: err.status } : {}
-          };
-        }
-        const usage = toUsage(resp.usage);
-        const toolUse = resp.content.find((c) => c.type === "tool_use");
-        if (!toolUse || toolUse.type !== "tool_use") {
-          return {
-            kind: "error",
-            message: "Claude kh\xF4ng g\u1ECDi tool. stop_reason=" + resp.stop_reason
-          };
-        }
-        if (toolUse.name !== TOOL_NAME) {
-          return {
-            kind: "error",
-            message: `Tool kh\xF4ng x\xE1c \u0111\u1ECBnh: "${toolUse.name}"`
-          };
-        }
-        return { kind: "json", data: toolUse.input, usage };
-      }
-      async extractText(req) {
-        const model = req.model ?? this.defaultModel;
-        const enableCaching = this.opts.enableCaching !== false;
-        const systemBlock = enableCaching ? { type: "text", text: req.systemPrompt, cache_control: { type: "ephemeral" } } : { type: "text", text: req.systemPrompt };
-        const tool = {
-          name: VISION_TOOL_NAME,
-          description: "Tr\xEDch \u0111\u1EC1 b\xE0i h\xECnh h\u1ECDc t\u1EEB \u1EA3nh, ho\u1EB7c t\u1EEB ch\u1ED1i n\u1EBFu kh\xF4ng ph\u1EA3i \u0111\u1EC1 to\xE1n.",
-          input_schema: req.schema
-        };
-        const imageBlocks = req.images.map((img) => ({
-          type: "image",
-          source: {
-            type: "base64",
-            media_type: img.mediaType,
-            data: img.base64
-          }
-        }));
-        const client = new Anthropic__default.default({ apiKey: this.opts.apiKey });
-        let resp;
-        try {
-          resp = await client.messages.create(
-            {
-              model,
-              max_tokens: req.maxTokens,
-              system: [systemBlock],
-              tools: [tool],
-              tool_choice: { type: "tool", name: VISION_TOOL_NAME },
-              messages: [
-                {
-                  role: "user",
-                  content: [...imageBlocks, { type: "text", text: req.userPrompt }]
-                }
-              ]
-            },
-            req.signal ? { signal: req.signal } : void 0
-          );
-        } catch (e) {
-          const err = e;
-          return {
-            kind: "error",
-            message: err.message ?? "L\u1ED7i g\u1ECDi Anthropic Vision API",
-            ...err.status !== void 0 ? { status: err.status } : {}
-          };
-        }
-        const usage = toUsage(resp.usage);
-        const toolUse = resp.content.find((c) => c.type === "tool_use");
-        if (!toolUse || toolUse.type !== "tool_use") {
-          return { kind: "error", message: "Claude kh\xF4ng g\u1ECDi vision tool. stop_reason=" + resp.stop_reason };
-        }
-        if (toolUse.name !== VISION_TOOL_NAME) {
-          return { kind: "error", message: `Claude g\u1ECDi sai tool: ${toolUse.name}` };
-        }
-        return { kind: "json", data: toolUse.input, usage };
-      }
-    };
-  }
-});
-
-// src/stamps/geometry-2d/ai/providers/claude-agent-sdk.ts
-function memoSchemaJson(schema) {
-  let s = SCHEMA_CACHE.get(schema);
-  if (s) return s;
-  s = JSON.stringify(schema, null, 2);
-  SCHEMA_CACHE.set(schema, s);
-  return s;
-}
-var DEFAULT_MODEL, SCHEMA_CACHE, ClaudeAgentSdkProvider;
-var init_claude_agent_sdk = __esm({
-  "src/stamps/geometry-2d/ai/providers/claude-agent-sdk.ts"() {
-    DEFAULT_MODEL = "claude-sonnet-4-6";
-    SCHEMA_CACHE = /* @__PURE__ */ new WeakMap();
-    ClaudeAgentSdkProvider = class {
-      constructor(opts = {}) {
-        this.name = "claude-agent-sdk";
-        this.defaultModel = opts.defaultModel ?? DEFAULT_MODEL;
-        this.oauthToken = opts.oauthToken;
-        this.queryImpl = opts.queryImpl ?? null;
-      }
-      async resolveQuery() {
-        if (this.queryImpl) return this.queryImpl;
-        const mod = await import('@anthropic-ai/claude-agent-sdk');
-        return mod.query;
-      }
-      async call(req) {
-        if (this.oauthToken) {
-          process.env.CLAUDE_CODE_OAUTH_TOKEN = this.oauthToken;
-        }
-        let query;
-        try {
-          query = await this.resolveQuery();
-        } catch (e) {
-          return {
-            kind: "error",
-            message: "ClaudeAgentSdkProvider: SDK kh\xF4ng kh\u1EA3 d\u1EE5ng. " + (e.message ?? "")
-          };
-        }
-        const schemaText = memoSchemaJson(req.schema);
-        const constrainedSystem = `${req.systemPrompt}
-
-QUAN TR\u1ECCNG: Output PH\u1EA2I l\xE0 valid JSON \u0111\xFAng schema sau. KH\xD4NG markdown wrapper, KH\xD4NG prose gi\u1EA3i th\xEDch, CH\u1EC8 raw JSON:
-
-${schemaText}`;
-        let assistantText = "";
-        let usageInput = 0;
-        let usageOutput = 0;
-        let cacheRead = 0;
-        let cacheCreation = 0;
-        try {
-          for await (const msg of query({
-            prompt: req.userPrompt,
-            options: {
-              systemPrompt: constrainedSystem,
-              allowedTools: [],
-              model: req.model ?? this.defaultModel,
-              ...req.signal ? { abortSignal: req.signal } : {}
-            }
-          })) {
-            if (msg.type === "assistant") {
-              const message = msg.message;
-              for (const block of message.content) {
-                const b = block;
-                if (b.type === "text" && typeof b.text === "string") {
-                  assistantText += b.text;
-                  if (req.onToken) {
-                    try {
-                      req.onToken(b.text);
-                    } catch {
-                    }
-                  }
-                }
-              }
-            } else if (msg.type === "result") {
-              const r = msg;
-              if (r.subtype && r.subtype !== "success") {
-                return {
-                  kind: "error",
-                  message: `ClaudeAgentSdkProvider: result subtype=${r.subtype}`
-                };
-              }
-              if (r.usage) {
-                usageInput = r.usage.input_tokens ?? 0;
-                usageOutput = r.usage.output_tokens ?? 0;
-                cacheRead = r.usage.cache_read_input_tokens ?? 0;
-                cacheCreation = r.usage.cache_creation_input_tokens ?? 0;
-              }
-            }
-          }
-        } catch (e) {
-          return {
-            kind: "error",
-            message: "ClaudeAgentSdkProvider: query() throw: " + (e.message ?? "?")
-          };
-        }
-        if (!assistantText.trim()) {
-          return {
-            kind: "error",
-            message: "ClaudeAgentSdkProvider: assistant tr\u1EA3 response r\u1ED7ng."
-          };
-        }
-        let cleaned = assistantText.trim();
-        cleaned = cleaned.replace(/^```(?:json)?\s*\n?/i, "").replace(/\n?\s*```\s*$/, "");
-        let data;
-        try {
-          data = JSON.parse(cleaned);
-        } catch (e) {
-          return {
-            kind: "error",
-            message: "ClaudeAgentSdkProvider: output kh\xF4ng parse JSON: " + (e.message ?? "?") + ". Output preview: " + cleaned.slice(0, 200)
-          };
-        }
-        return {
-          kind: "json",
-          data,
-          usage: {
-            inputTokens: usageInput,
-            outputTokens: usageOutput,
-            cacheReadTokens: cacheRead,
-            cacheCreationTokens: cacheCreation
-          }
-        };
-      }
-    };
-  }
-});
-
-// src/stamps/geometry-2d/ai/providers/claude-cli.ts
-function toUsage2(u) {
-  return {
-    inputTokens: u?.input_tokens ?? 0,
-    outputTokens: u?.output_tokens ?? 0,
-    cacheReadTokens: u?.cache_read_input_tokens ?? 0,
-    cacheCreationTokens: u?.cache_creation_input_tokens ?? 0
-  };
-}
-var DEFAULT_BIN, DEFAULT_MODEL2, DEFAULT_MAX_BUDGET_USD, ClaudeCliProvider;
-var init_claude_cli = __esm({
-  "src/stamps/geometry-2d/ai/providers/claude-cli.ts"() {
-    DEFAULT_BIN = "claude";
-    DEFAULT_MODEL2 = "claude-sonnet-4-6";
-    DEFAULT_MAX_BUDGET_USD = 0.5;
-    ClaudeCliProvider = class {
-      constructor(opts = {}) {
-        this.name = "claude-cli";
-        this.bin = opts.bin ?? DEFAULT_BIN;
-        this.defaultModel = opts.defaultModel ?? DEFAULT_MODEL2;
-        this.maxBudgetUsd = opts.maxBudgetUsd ?? DEFAULT_MAX_BUDGET_USD;
-        this.spawnImpl = opts.spawnImpl ?? null;
-      }
-      async resolveSpawn() {
-        if (this.spawnImpl) return this.spawnImpl;
-        const mod = await import('child_process');
-        return mod.spawn;
-      }
-      async call(req) {
-        let spawn;
-        try {
-          spawn = await this.resolveSpawn();
-        } catch (e) {
-          return {
-            kind: "error",
-            message: "ClaudeCliProvider: node:child_process kh\xF4ng kh\u1EA3 d\u1EE5ng (ch\u1EC9 ch\u1EA1y \u0111\u01B0\u1EE3c \u1EDF Node env). " + (e.message ?? "")
-          };
-        }
-        const args = [
-          "--print",
-          "--output-format",
-          "json",
-          "--json-schema",
-          JSON.stringify(req.schema),
-          "--append-system-prompt",
-          req.systemPrompt,
-          "--tools",
-          "",
-          "--model",
-          req.model,
-          "--max-budget-usd",
-          String(this.maxBudgetUsd)
-        ];
-        return new Promise((resolve) => {
-          let child;
-          try {
-            child = spawn(this.bin, args, { stdio: ["pipe", "pipe", "pipe"] });
-          } catch (e) {
-            resolve({
-              kind: "error",
-              message: `ClaudeCliProvider: spawn '${this.bin}' th\u1EA5t b\u1EA1i. ` + (e.message ?? "Ki\u1EC3m tra claude CLI \u0111\xE3 c\xE0i ch\u01B0a.")
-            });
-            return;
-          }
-          let stdout = "";
-          let stderr = "";
-          let settled = false;
-          const settle = (out) => {
-            if (settled) return;
-            settled = true;
-            resolve(out);
-          };
-          const onAbort = () => {
-            child.kill("SIGTERM");
-            settle({ kind: "error", message: "ClaudeCliProvider: aborted" });
-          };
-          if (req.signal) {
-            if (req.signal.aborted) {
-              onAbort();
-              return;
-            }
-            req.signal.addEventListener("abort", onAbort, { once: true });
-          }
-          child.stdout?.on("data", (chunk) => {
-            stdout += chunk.toString("utf8");
-          });
-          child.stderr?.on("data", (chunk) => {
-            stderr += chunk.toString("utf8");
-          });
-          child.on("error", (e) => {
-            settle({
-              kind: "error",
-              message: `ClaudeCliProvider: subprocess error: ${e.message}`
-            });
-          });
-          child.on("close", (code) => {
-            if (settled) return;
-            if (code !== 0) {
-              settle({
-                kind: "error",
-                message: `ClaudeCliProvider: exit code ${code}. stderr: ${stderr.trim() || "(empty)"}`,
-                ...typeof code === "number" ? { status: code } : {}
-              });
-              return;
-            }
-            let env;
-            try {
-              env = JSON.parse(stdout.trim());
-            } catch (e) {
-              settle({
-                kind: "error",
-                message: "ClaudeCliProvider: stdout kh\xF4ng parse \u0111\u01B0\u1EE3c JSON: " + (e.message ?? "?")
-              });
-              return;
-            }
-            if (env.is_error) {
-              settle({
-                kind: "error",
-                message: `ClaudeCliProvider: CLI b\xE1o l\u1ED7i (subtype=${env.subtype}, api_status=${env.api_error_status ?? "n/a"})`
-              });
-              return;
-            }
-            if (env.structured_output === void 0 || env.structured_output === null) {
-              settle({
-                kind: "error",
-                message: `ClaudeCliProvider: thi\u1EBFu structured_output trong response. result="${(env.result ?? "").slice(0, 200)}"`
-              });
-              return;
-            }
-            const usage = toUsage2(env.usage);
-            settle({ kind: "json", data: env.structured_output, usage });
-          });
-          try {
-            child.stdin?.write(req.userPrompt);
-            child.stdin?.end();
-          } catch (e) {
-            settle({
-              kind: "error",
-              message: "ClaudeCliProvider: ghi stdin th\u1EA5t b\u1EA1i: " + (e.message ?? "?")
-            });
-          }
-        });
-      }
-    };
-  }
-});
-
-// src/stamps/geometry-2d/ai/providers/ollama.ts
-var DEFAULT_BASE_URL, DEFAULT_MODEL3, OllamaProvider;
-var init_ollama = __esm({
-  "src/stamps/geometry-2d/ai/providers/ollama.ts"() {
-    DEFAULT_BASE_URL = "http://localhost:11434";
-    DEFAULT_MODEL3 = "gemma3:4b";
-    OllamaProvider = class {
-      constructor(opts = {}) {
-        this.name = "ollama";
-        this.baseUrl = (opts.baseUrl ?? DEFAULT_BASE_URL).replace(/\/$/, "");
-        this.defaultModel = opts.defaultModel ?? DEFAULT_MODEL3;
-        this.fetchImpl = opts.fetchImpl ?? null;
-      }
-      resolveFetch() {
-        if (this.fetchImpl) return this.fetchImpl;
-        if (typeof fetch === "undefined") {
-          throw new Error(
-            "OllamaProvider: global `fetch` kh\xF4ng kh\u1EA3 d\u1EE5ng. Truy\u1EC1n `fetchImpl` qua constructor ho\u1EB7c ch\u1EA1y \u1EDF Node 18+ / browser."
-          );
-        }
-        return fetch;
-      }
-      async call(req) {
-        const body = {
-          model: req.model,
-          messages: [
-            { role: "system", content: req.systemPrompt },
-            { role: "user", content: req.userPrompt }
-          ],
-          format: req.schema,
-          stream: true,
-          options: { num_predict: req.maxTokens, temperature: 0.2 }
-        };
-        let doFetch;
-        try {
-          doFetch = this.resolveFetch();
-        } catch (e) {
-          const err = e;
-          return { kind: "error", message: err.message ?? "fetch kh\xF4ng kh\u1EA3 d\u1EE5ng" };
-        }
-        let resp;
-        try {
-          resp = await doFetch(`${this.baseUrl}/api/chat`, {
-            method: "POST",
-            headers: { "content-type": "application/json" },
-            body: JSON.stringify(body),
-            signal: req.signal
-          });
-        } catch (e) {
-          const err = e;
-          return {
-            kind: "error",
-            message: err.message ?? `Kh\xF4ng k\u1EBFt n\u1ED1i \u0111\u01B0\u1EE3c Ollama \u1EDF ${this.baseUrl}`
-          };
-        }
-        if (!resp.ok || !resp.body) {
-          let detail = "";
-          try {
-            detail = await resp.text();
-          } catch {
-          }
-          return {
-            kind: "error",
-            message: `Ollama HTTP ${resp.status}: ${detail || resp.statusText}`,
-            status: resp.status
-          };
-        }
-        const reader = resp.body.getReader();
-        const decoder = new TextDecoder();
-        let buffer = "";
-        let content = "";
-        let promptEvalCount = 0;
-        let evalCount = 0;
-        while (true) {
-          const { value, done } = await reader.read();
-          if (done) break;
-          buffer += decoder.decode(value, { stream: true });
-          let nl;
-          while ((nl = buffer.indexOf("\n")) !== -1) {
-            const line = buffer.slice(0, nl).trim();
-            buffer = buffer.slice(nl + 1);
-            if (!line) continue;
-            try {
-              const chunk = JSON.parse(line);
-              if (chunk.message?.content) {
-                content += chunk.message.content;
-                if (req.onToken) {
-                  try {
-                    req.onToken(chunk.message.content);
-                  } catch {
-                  }
-                }
-              }
-              if (chunk.done) {
-                promptEvalCount = chunk.prompt_eval_count ?? promptEvalCount;
-                evalCount = chunk.eval_count ?? evalCount;
-              }
-            } catch {
-            }
-          }
-        }
-        const trimmed = content.trim();
-        if (!trimmed) return { kind: "error", message: "Ollama tr\u1EA3 message.content r\u1ED7ng" };
-        let data;
-        try {
-          data = JSON.parse(trimmed);
-        } catch (e) {
-          const err = e;
-          return {
-            kind: "error",
-            message: "Ollama content kh\xF4ng parse \u0111\u01B0\u1EE3c JSON: " + (err.message ?? "?")
-          };
-        }
-        return {
-          kind: "json",
-          data,
-          usage: {
-            inputTokens: promptEvalCount,
-            outputTokens: evalCount,
-            cacheReadTokens: 0,
-            cacheCreationTokens: 0
-          }
-        };
-      }
-      // Vision: gửi ảnh qua images[] field trong message (Ollama multimodal API).
-      // Model cần hỗ trợ vision (gemma3, llava, ...). Output vẫn là JSON envelope.
-      async extractText(req) {
-        const model = req.model ?? this.defaultModel;
-        const body = {
-          model,
-          messages: [
-            { role: "system", content: req.systemPrompt },
-            {
-              role: "user",
-              content: req.userPrompt,
-              images: req.images.map((i) => i.base64)
-            }
-          ],
-          format: req.schema,
-          stream: false,
-          options: { num_predict: req.maxTokens, temperature: 0.2 }
-        };
-        let doFetch;
-        try {
-          doFetch = this.resolveFetch();
-        } catch (e) {
-          return { kind: "error", message: e.message ?? "fetch kh\xF4ng kh\u1EA3 d\u1EE5ng" };
-        }
-        let resp;
-        try {
-          resp = await doFetch(`${this.baseUrl}/api/chat`, {
-            method: "POST",
-            headers: { "content-type": "application/json" },
-            body: JSON.stringify(body),
-            signal: req.signal
-          });
-        } catch (e) {
-          return {
-            kind: "error",
-            message: e.message ?? `Kh\xF4ng k\u1EBFt n\u1ED1i \u0111\u01B0\u1EE3c Ollama \u1EDF ${this.baseUrl}`
-          };
-        }
-        if (!resp.ok) {
-          let detail = "";
-          try {
-            detail = await resp.text();
-          } catch {
-          }
-          return {
-            kind: "error",
-            message: `Ollama Vision HTTP ${resp.status}: ${detail || resp.statusText}`,
-            status: resp.status
-          };
-        }
-        let json;
-        try {
-          json = await resp.json();
-        } catch (e) {
-          return { kind: "error", message: "Ollama vision response kh\xF4ng ph\u1EA3i JSON: " + (e.message ?? "?") };
-        }
-        const content = json.message?.content?.trim();
-        if (!content) return { kind: "error", message: "Ollama vision tr\u1EA3 content r\u1ED7ng" };
-        let data;
-        try {
-          data = JSON.parse(content);
-        } catch (e) {
-          return { kind: "error", message: "Ollama vision content kh\xF4ng parse JSON: " + (e.message ?? "?") };
-        }
-        const usage = {
-          inputTokens: json.prompt_eval_count ?? 0,
-          outputTokens: json.eval_count ?? 0,
-          cacheReadTokens: 0,
-          cacheCreationTokens: 0
-        };
-        return { kind: "json", data, usage };
-      }
-    };
-  }
-});
-
-// src/stamps/geometry-2d/ai/providers/index.ts
-function selectProvider(opts = {}) {
-  if (opts.provider) return opts.provider;
-  if (opts.apiKey) {
-    return new AnthropicProvider({
-      apiKey: opts.apiKey,
-      enableCaching: opts.enableCaching
-    });
-  }
-  const env = opts.env ?? readEnv();
-  const wanted = (env.WHITEBOARD_AI_PROVIDER ?? "claude-agent-sdk").toLowerCase();
-  if (wanted === "anthropic") {
-    const key = env.ANTHROPIC_API_KEY;
-    if (!key) {
-      throw new Error(
-        "selectProvider: WHITEBOARD_AI_PROVIDER=anthropic nh\u01B0ng thi\u1EBFu env ANTHROPIC_API_KEY"
-      );
-    }
-    return new AnthropicProvider({ apiKey: key, enableCaching: opts.enableCaching });
-  }
-  if (wanted === "claude-cli") {
-    const budgetEnv = env.CLAUDE_CLI_MAX_BUDGET_USD;
-    const budgetNum = budgetEnv !== void 0 ? Number(budgetEnv) : void 0;
-    return new ClaudeCliProvider({
-      bin: opts.claudeCliBin ?? env.CLAUDE_CLI_BIN,
-      defaultModel: opts.claudeCliDefaultModel ?? env.CLAUDE_CLI_MODEL,
-      maxBudgetUsd: opts.claudeCliMaxBudgetUsd ?? (budgetNum !== void 0 && Number.isFinite(budgetNum) ? budgetNum : void 0)
-    });
-  }
-  if (wanted === "claude-agent-sdk") {
-    return new ClaudeAgentSdkProvider({
-      oauthToken: opts.claudeAgentSdkOauthToken ?? env.CLAUDE_CODE_OAUTH_TOKEN,
-      defaultModel: opts.claudeAgentSdkDefaultModel ?? env.CLAUDE_AGENT_SDK_MODEL
-    });
-  }
-  if (wanted === "ollama") {
-    return new OllamaProvider({
-      baseUrl: opts.ollamaBaseUrl ?? env.OLLAMA_BASE_URL,
-      defaultModel: opts.ollamaDefaultModel ?? env.OLLAMA_DEFAULT_MODEL
-    });
-  }
-  throw new Error(
-    `selectProvider: WHITEBOARD_AI_PROVIDER="${wanted}" kh\xF4ng h\u1EE3p l\u1EC7 (anthropic|claude-cli|claude-agent-sdk|ollama)`
-  );
-}
-function readEnv() {
-  if (typeof process !== "undefined" && process.env) {
-    return process.env;
-  }
-  return {};
-}
-var init_providers = __esm({
-  "src/stamps/geometry-2d/ai/providers/index.ts"() {
-    init_anthropic();
-    init_claude_agent_sdk();
-    init_claude_cli();
-    init_ollama();
-  }
-});
-function visionEnvelopeJsonSchema() {
-  return zodToJsonSchema.zodToJsonSchema(VisionEnvelopeZ, {
-    $refStrategy: "none",
-    target: "jsonSchema7"
-  });
-}
-var VisionEnvelopeZ;
-var init_envelope = __esm({
-  "src/stamps/geometry-2d/ai/vision/envelope.ts"() {
-    VisionEnvelopeZ = zod.z.object({
-      decision: zod.z.enum(["extract", "refuse"]),
-      text: zod.z.string().optional(),
-      confidence: zod.z.enum(["high", "low"]).optional(),
-      reason: zod.z.string().optional()
-    }).refine(
-      (e) => e.decision === "extract" ? e.text != null && e.text.length > 0 : e.reason != null && e.reason.length > 0,
-      { message: "extract c\u1EA7n text kh\xF4ng r\u1ED7ng; refuse c\u1EA7n reason kh\xF4ng r\u1ED7ng" }
-    );
-  }
-});
-
-// src/stamps/geometry-2d/ai/vision/prompt.ts
-function buildVisionSystemPrompt() {
-  return [
-    "B\u1EA1n l\xE0 OCR chuy\xEAn \u0111\u1ECDc \u0111\u1EC1 to\xE1n h\xECnh h\u1ECDc ti\u1EBFng Vi\u1EC7t t\u1EEB \u1EA3nh.",
-    "",
-    "NHI\u1EC6M V\u1EE4:",
-    "1. \u0110\u1ECDc text trong \u1EA3nh, tr\u1EA3 v\u1EC1 ph\u1EA7n \u0110\u1EC0 B\xC0I (l\u1EDDi v\u0103n + c\xF4ng th\u1EE9c inline).",
-    "2. GI\u1EEE NGUY\xCAN c\xE1c k\xFD hi\u1EC7u to\xE1n Unicode: \u0394 \u22A5 \u2225 \xB0 \u2299 \u03C0 \u2192 \u2264 \u2265 \u2208 \u2209 \u2229 \u222A.",
-    "3. B\u1ECE QUA h\xECnh v\u1EBD minh ho\u1EA1 \u2014 ch\u1EC9 tr\u1EA3 ph\u1EA7n text.",
-    '4. N\u1EBFu \u1EA3nh KH\xD4NG ph\u1EA3i \u0111\u1EC1 to\xE1n h\xECnh h\u1ECDc (vd: v\u0103n h\u1ECDc, \u1EA3nh \u0111\u1EDDi th\u01B0\u1EDDng, code, c\xF4ng th\u1EE9c kh\xF4ng li\xEAn quan): decision="refuse" v\u1EDBi reason c\u1EE5 th\u1EC3 b\u1EB1ng ti\u1EBFng Vi\u1EC7t.',
-    "5. \u0110\xE1nh gi\xE1 confidence:",
-    '   - "high": \u2265 80% k\xFD t\u1EF1 \u0111\u1ECDc r\xF5 r\xE0ng, kh\xF4ng nghi ng\u1EDD.',
-    '   - "low": \u1EA3nh m\u1EDD, c\xF3 ch\u1EEF kh\xF4ng ch\u1EAFc ch\u1EAFn, ho\u1EB7c < 80% k\xFD t\u1EF1 confident.',
-    "",
-    "OUTPUT: JSON theo schema sau, kh\xF4ng markdown, kh\xF4ng gi\u1EA3i th\xEDch th\xEAm.",
-    '  { "decision": "extract", "text": "...", "confidence": "high"|"low" }',
-    '  { "decision": "refuse",  "reason": "..." }',
-    "",
-    "V\xCD D\u1EE4 extract success:",
-    '  { "decision": "extract", "text": "Cho tam gi\xE1c ABC vu\xF4ng t\u1EA1i A. K\u1EBB \u0111\u01B0\u1EDDng cao AH \u22A5 BC. Ch\u1EE9ng minh AH\xB2 = BH \xB7 CH.", "confidence": "high" }',
-    "",
-    "V\xCD D\u1EE4 refuse:",
-    '  { "decision": "refuse", "reason": "\u1EA2nh kh\xF4ng ph\u1EA3i \u0111\u1EC1 to\xE1n \u2014 \u0111\xE2y l\xE0 m\u1ED9t \u0111o\u1EA1n v\u0103n v\u1EC1 Truy\u1EC7n Ki\u1EC1u." }'
-  ].join("\n");
-}
-var VISION_USER_PROMPT;
-var init_prompt = __esm({
-  "src/stamps/geometry-2d/ai/vision/prompt.ts"() {
-    VISION_USER_PROMPT = "\u0110\u1ECDc \u0111\u1EC1 b\xE0i h\xECnh h\u1ECDc trong \u1EA3nh sau.";
-  }
-});
-
-// src/stamps/geometry-2d/ai/vision/tesseract.ts
-async function runTesseractOcr(image, opts = {}) {
-  if (opts.signal?.aborted) {
-    const err = new Error("Tesseract OCR aborted");
-    err.name = "AbortError";
-    throw err;
-  }
-  const { createWorker } = await import('tesseract.js');
-  const lang = opts.lang ?? DEFAULT_LANG;
-  const worker = await createWorker(lang);
-  try {
-    const dataUrl = `data:${image.mediaType};base64,${image.base64}`;
-    const { data } = await worker.recognize(dataUrl);
-    return { text: data.text, confidence: data.confidence };
-  } finally {
-    await worker.terminate();
-  }
-}
-var DEFAULT_LANG;
-var init_tesseract = __esm({
-  "src/stamps/geometry-2d/ai/vision/tesseract.ts"() {
-    DEFAULT_LANG = "vie+eng";
-  }
-});
-
-// src/stamps/geometry-2d/ai/vision/extractProblem.ts
-function pickVisionModel(providerDefault, opts, env) {
-  return opts.visionModel ?? env.WHITEBOARD_AI_VISION_MODEL ?? providerDefault;
-}
-async function extractProblemFromImage(image, opts = {}) {
-  const engine = opts.engine ?? "tesseract";
-  if (engine === "tesseract") {
-    return extractViaTesseract(image, opts);
-  }
-  return extractViaLlm(image, opts);
-}
-async function extractViaTesseract(image, opts) {
-  let raw;
-  try {
-    raw = await runTesseractOcr(image, {
-      ...opts.tesseractLang ? { lang: opts.tesseractLang } : {},
-      ...opts.signal ? { signal: opts.signal } : {}
-    });
-  } catch (e) {
-    const err = e;
-    return {
-      ok: false,
-      reason: "unreadable",
-      message: "Tesseract OCR fail: " + (err.message ?? "?")
-    };
-  }
-  const text = postProcess(raw.text);
-  if (text.length === 0) {
-    return { ok: false, reason: "empty", message: "Tesseract kh\xF4ng tr\xEDch \u0111\u01B0\u1EE3c text." };
-  }
-  const tooShort = text.length < MIN_HIGH_CONFIDENCE_CHARS;
-  const lowConf = raw.confidence < TESSERACT_HIGH_CONFIDENCE_THRESHOLD;
-  const confidence = tooShort || lowConf ? "low" : "high";
-  return {
-    ok: true,
-    text,
-    confidence,
-    usage: { inputTokens: 0, outputTokens: 0 }
-  };
-}
-async function extractViaLlm(image, opts) {
-  const provider = opts.provider ?? selectProvider(opts);
-  if (!provider.extractText) {
-    return {
-      ok: false,
-      reason: "unsupported",
-      message: `Provider "${provider.name}" kh\xF4ng h\u1ED7 tr\u1EE3 \u0111\u1ECDc \u1EA3nh.`
-    };
-  }
-  const env = opts.env ?? readEnv2();
-  const model = pickVisionModel(provider.defaultModel, opts, env);
-  const req = {
-    systemPrompt: buildVisionSystemPrompt(),
-    userPrompt: VISION_USER_PROMPT,
-    schema: visionEnvelopeJsonSchema(),
-    images: [image],
-    model,
-    maxTokens: opts.maxTokens ?? 1024,
-    ...opts.signal ? { signal: opts.signal } : {}
-  };
-  const out = await provider.extractText(req);
-  if (out.kind === "error") {
-    return { ok: false, reason: "unreadable", message: out.message };
-  }
-  const parsed = VisionEnvelopeZ.safeParse(out.data);
-  if (!parsed.success) {
-    return {
-      ok: false,
-      reason: "empty",
-      message: "Kh\xF4ng parse \u0111\u01B0\u1EE3c output OCR: " + parsed.error.message
-    };
-  }
-  const env_ = parsed.data;
-  if (env_.decision === "refuse") {
-    return {
-      ok: false,
-      reason: "not-math",
-      message: env_.reason ?? "\u1EA2nh kh\xF4ng ph\u1EA3i \u0111\u1EC1 to\xE1n."
-    };
-  }
-  const rawText = env_.text ?? "";
-  const text = postProcess(rawText);
-  if (text.length === 0) {
-    return { ok: false, reason: "empty", message: "OCR kh\xF4ng tr\xEDch \u0111\u01B0\u1EE3c text." };
-  }
-  const tooShort = text.length < MIN_HIGH_CONFIDENCE_CHARS;
-  const confidence = env_.confidence === "low" || tooShort ? "low" : "high";
-  const usage = out.usage ?? { inputTokens: 0, outputTokens: 0 };
-  return {
-    ok: true,
-    text,
-    confidence,
-    usage: { inputTokens: usage.inputTokens, outputTokens: usage.outputTokens }
-  };
-}
-function postProcess(raw) {
-  let t = raw.trim();
-  t = t.replace(/\*\*(.+?)\*\*/g, "$1");
-  t = t.replace(/\*(.+?)\*/g, "$1");
-  t = t.replace(/_(.+?)_/g, "$1");
-  t = t.replace(/```[\s\S]*?```/g, "").replace(/`([^`]+)`/g, "$1");
-  t = t.replace(/\s+/g, " ").trim();
-  t = t.normalize("NFC");
-  if (t.length > MAX_TEXT_CHARS) t = t.slice(0, MAX_TEXT_CHARS);
-  return t;
-}
-function readEnv2() {
-  if (typeof process !== "undefined" && process.env) {
-    return process.env;
-  }
-  return {};
-}
-var MIN_HIGH_CONFIDENCE_CHARS, MAX_TEXT_CHARS, TESSERACT_HIGH_CONFIDENCE_THRESHOLD;
-var init_extractProblem = __esm({
-  "src/stamps/geometry-2d/ai/vision/extractProblem.ts"() {
-    init_providers();
-    init_envelope();
-    init_prompt();
-    init_tesseract();
-    MIN_HIGH_CONFIDENCE_CHARS = 10;
-    MAX_TEXT_CHARS = 2e3;
-    TESSERACT_HIGH_CONFIDENCE_THRESHOLD = 70;
-  }
-});
-
-// src/stamps/geometry-2d/ai/handleExtractProblem.ts
-async function handleExtractProblem(image, opts = {}) {
-  try {
-    const r = await extractProblemFromImage(image, opts);
-    if (r.ok) {
-      if (r.confidence === "low") {
-        return {
-          kind: "low-confidence",
-          text: r.text,
-          warning: "OCR c\xF3 th\u1EC3 kh\xF4ng ch\xEDnh x\xE1c, ki\u1EC3m tra tr\u01B0\u1EDBc khi v\u1EBD.",
-          usage: r.usage
-        };
-      }
-      return { kind: "success", text: r.text, usage: r.usage };
-    }
-    if (r.reason === "not-math") {
-      return { kind: "refused", reason: "not-math", message: r.message };
-    }
-    if (r.reason === "unsupported") {
-      return { kind: "error", code: "unsupported", message: r.message };
-    }
-    if (r.reason === "unreadable") {
-      return { kind: "error", code: "network", message: r.message };
-    }
-    return { kind: "error", code: "empty", message: r.message };
-  } catch (e) {
-    return {
-      kind: "error",
-      code: "unexpected",
-      message: e instanceof Error ? e.message : String(e)
-    };
-  }
-}
-var init_handleExtractProblem = __esm({
-  "src/stamps/geometry-2d/ai/handleExtractProblem.ts"() {
-    init_extractProblem();
-  }
-});
-
-// src/stamps/geometry-2d/ai/vision/preprocess.ts
-function inferMediaType(file) {
-  const t = file.type.toLowerCase();
-  if (ALLOWED_TYPES.includes(t)) return t;
-  return null;
-}
-function validateFile(file) {
-  const mt = inferMediaType(file);
-  if (mt == null) {
-    return {
-      ok: false,
-      code: "invalid-format",
-      message: "Ch\u1EC9 h\u1ED7 tr\u1EE3 PNG, JPEG, WEBP."
-    };
-  }
-  if (file.size > MAX_RAW_BYTES) {
-    return {
-      ok: false,
-      code: "too-large",
-      message: `\u1EA2nh qu\xE1 l\u1EDBn (> ${Math.round(MAX_RAW_BYTES / 1024 / 1024)} MB). Crop ho\u1EB7c resize tr\u01B0\u1EDBc.`
-    };
-  }
-  return { ok: true, mediaType: mt };
-}
-async function fileToImagePart(file) {
-  const v = validateFile(file);
-  if (!v.ok) throw new Error(v.message);
-  const bitmap = await createImageBitmap(file);
-  const { width, height } = bitmap;
-  const maxEdge = Math.max(width, height);
-  const scale = maxEdge > MAX_EDGE_PX ? MAX_EDGE_PX / maxEdge : 1;
-  const targetW = Math.round(width * scale);
-  const targetH = Math.round(height * scale);
-  const canvas = typeof OffscreenCanvas !== "undefined" ? new OffscreenCanvas(targetW, targetH) : Object.assign(document.createElement("canvas"), { width: targetW, height: targetH });
-  const ctx = canvas.getContext("2d");
-  if (!ctx) throw new Error("Kh\xF4ng t\u1EA1o \u0111\u01B0\u1EE3c canvas 2D context");
-  ctx.drawImage(bitmap, 0, 0, targetW, targetH);
-  bitmap.close();
-  let outputType = v.mediaType === "image/png" ? "image/png" : "image/jpeg";
-  let finalBlob = await canvasToBlob(canvas, outputType, 0.92);
-  if (finalBlob.size > MAX_ENCODED_BYTES) {
-    outputType = "image/jpeg";
-    finalBlob = await canvasToBlob(canvas, "image/jpeg", 0.7);
-  }
-  const base64 = await blobToBase64(finalBlob);
-  return { mediaType: outputType, base64 };
-}
-async function canvasToBlob(canvas, type, quality) {
-  if ("convertToBlob" in canvas) {
-    return canvas.convertToBlob({ type, quality });
-  }
-  return new Promise((resolve, reject) => {
-    canvas.toBlob(
-      (b) => b ? resolve(b) : reject(new Error("Canvas encode fail")),
-      type,
-      quality
-    );
-  });
-}
-async function blobToBase64(blob) {
-  const buf = await blob.arrayBuffer();
-  let binary = "";
-  const bytes = new Uint8Array(buf);
-  const chunk = 32768;
-  for (let i = 0; i < bytes.length; i += chunk) {
-    binary += String.fromCharCode(...bytes.subarray(i, i + chunk));
-  }
-  return typeof btoa === "function" ? btoa(binary) : Buffer.from(binary, "binary").toString("base64");
-}
-var MAX_EDGE_PX, MAX_RAW_BYTES, MAX_ENCODED_BYTES, ALLOWED_TYPES;
-var init_preprocess = __esm({
-  "src/stamps/geometry-2d/ai/vision/preprocess.ts"() {
-    MAX_EDGE_PX = 2048;
-    MAX_RAW_BYTES = 10 * 1024 * 1024;
-    MAX_ENCODED_BYTES = 3 * 1024 * 1024;
-    ALLOWED_TYPES = ["image/png", "image/jpeg", "image/webp"];
-  }
-});
-function AiFigurePrompt({
-  generator,
-  onGenerated,
-  currentState,
-  extractProblem = handleExtractProblem
-}) {
-  const {
-    prompt,
-    setPrompt,
-    isLoading,
-    error,
-    submit,
-    cancel,
-    tokens,
-    mode,
-    setMode,
-    entityCount,
-    hasUnsupported
-  } = useAiFigure(generator, { currentState });
-  const [elapsed, setElapsed] = React2.useState(0);
-  React2.useEffect(() => {
-    if (!isLoading) {
-      setElapsed(0);
-      return;
-    }
-    const id = setInterval(() => setElapsed((s) => s + 1), 1e3);
-    return () => clearInterval(id);
-  }, [isLoading]);
-  const [image, setImage] = React2.useState(null);
-  const [ocrLoading, setOcrLoading] = React2.useState(false);
-  const [ocrError, setOcrError] = React2.useState(null);
-  const [ocrWarning, setOcrWarning] = React2.useState(null);
-  const [isDragOver, setIsDragOver] = React2.useState(false);
-  const fileInputRef = React2.useRef(null);
-  const textareaRef = React2.useRef(null);
-  const imagePreview = image ? `data:${image.mediaType};base64,${image.base64}` : null;
-  React2.useEffect(() => {
-    setOcrError(null);
-    setOcrWarning(null);
-  }, [image]);
-  const handleFile = React2.useCallback(
-    async (file) => {
-      if (isLoading || ocrLoading) return;
-      const v = validateFile(file);
-      if (!v.ok) {
-        setOcrError(v.message);
-        return;
-      }
-      try {
-        const part = await fileToImagePart(file);
-        setImage(part);
-      } catch (e) {
-        setOcrError(e instanceof Error ? e.message : "Kh\xF4ng decode \u0111\u01B0\u1EE3c \u1EA3nh");
-      }
-    },
-    [isLoading, ocrLoading]
-  );
-  const handleFileInput = React2.useCallback(
-    (e) => {
-      const file = e.target.files?.[0];
-      if (file) void handleFile(file);
-      e.target.value = "";
-    },
-    [handleFile]
-  );
-  const handlePaste = React2.useCallback(
-    (e) => {
-      const item = Array.from(e.clipboardData.items).find(
-        (it) => it.kind === "file" && it.type.startsWith("image/")
-      );
-      if (!item) return;
-      const file = item.getAsFile();
-      if (!file) return;
-      e.preventDefault();
-      void handleFile(file);
-    },
-    [handleFile]
-  );
-  const handleDrop = React2.useCallback(
-    (e) => {
-      e.preventDefault();
-      setIsDragOver(false);
-      const file = Array.from(e.dataTransfer.files).find(
-        (f) => f.type.startsWith("image/")
-      );
-      if (file) void handleFile(file);
-    },
-    [handleFile]
-  );
-  const runOcr = React2.useCallback(async () => {
-    if (!image) return;
-    setOcrLoading(true);
-    setOcrError(null);
-    setOcrWarning(null);
-    try {
-      const r = await extractProblem(image);
-      if (r.kind === "success" || r.kind === "low-confidence") {
-        setPrompt(r.text);
-        if (r.kind === "low-confidence") setOcrWarning(r.warning);
-        requestAnimationFrame(() => textareaRef.current?.focus());
-      } else {
-        setOcrError(r.message);
-      }
-    } finally {
-      setOcrLoading(false);
-    }
-  }, [image, setPrompt, extractProblem]);
-  const handleSendClick = React2.useCallback(async () => {
-    if (image && !prompt.trim() && !ocrLoading) {
-      await runOcr();
-      return;
-    }
-    const generated = await submit();
-    if (generated) onGenerated(generated);
-  }, [image, prompt, ocrLoading, runOcr, submit, onGenerated]);
-  const handleSwitchToBuild = React2.useCallback(() => {
-    if (currentState && currentState.order.length > 0) {
-      const ok = window.confirm(
-        "D\u1EF1ng m\u1EDBi s\u1EBD thay to\xE0n b\u1ED9 h\xECnh hi\u1EC7n t\u1EA1i b\u1EB1ng h\xECnh m\u1EDBi t\u1EEB AI. Ti\u1EBFp t\u1EE5c?"
-      );
-      if (!ok) return;
-    }
-    setMode("build");
-  }, [currentState, setMode]);
-  const hasContent = currentState != null && currentState.order.length > 0;
-  const promptEmpty = !prompt.trim();
-  const willOcr = image != null && promptEmpty;
-  const sendDisabled = !image && promptEmpty || ocrLoading || isLoading && !willOcr;
-  const refineChipLabel = entityCount.points + entityCount.shapes > 0 ? `Th\xEAm v\xE0o \xB7 ${entityCount.points}\u0111, ${entityCount.shapes}\u0111o\u1EA1n` : "Th\xEAm v\xE0o";
-  const placeholder = willOcr ? "B\u1EA5m g\u1EEDi \u0111\u1EC3 \u0111\u1ECDc \u0111\u1EC1 t\u1EEB \u1EA3nh \u2014 ho\u1EB7c t\u1EF1 g\xF5 \u1EDF \u0111\xE2y\u2026" : mode === "refine" ? "M\xF4 t\u1EA3 ph\u1EA7n c\u1EA7n th\xEAm (vd: trung \u0111i\u1EC3m M c\u1EE7a BC). C\xF3 th\u1EC3 d\xE1n \u1EA3nh \u0111\u1EC1 (Ctrl+V)." : "M\xF4 t\u1EA3 \u0111\u1EC1 b\xE0i c\u1EA7n d\u1EF1ng \u2014 ho\u1EB7c d\xE1n/\u0111\xEDnh \u1EA3nh \u0111\u1EC1 (Ctrl+V).";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-slate-200 bg-slate-50 px-3 py-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium tracking-wide text-slate-600", children: "D\u1EF1ng h\xECnh b\u1EB1ng AI" }),
-      hasContent && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", role: "tablist", "aria-label": "Ch\u1EBF \u0111\u1ED9 AI", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            role: "tab",
-            "aria-selected": mode === "refine",
-            "data-testid": "geometry-ai-mode-refine",
-            onClick: () => setMode("refine"),
-            disabled: isLoading || hasUnsupported,
-            title: hasUnsupported ? "H\xECnh c\xF3 \u0111\u1ED1i t\u01B0\u1EE3ng ngo\xE0i DSL \u2014 ch\u1EC9 d\u1EF1ng m\u1EDBi \u0111\u01B0\u1EE3c" : refineChipLabel,
-            className: `rounded-full px-2.5 py-0.5 text-[11px] transition ${mode === "refine" ? "bg-emerald-600 text-white shadow-sm" : "text-slate-500 hover:text-emerald-700"} ${hasUnsupported ? "cursor-not-allowed opacity-40" : ""}`,
-            children: refineChipLabel
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            role: "tab",
-            "aria-selected": mode === "build",
-            "data-testid": "geometry-ai-mode-build",
-            onClick: handleSwitchToBuild,
-            disabled: isLoading,
-            className: `rounded-full px-2.5 py-0.5 text-[11px] transition ${mode === "build" ? "bg-emerald-600 text-white shadow-sm" : "text-slate-500 hover:text-emerald-700"}`,
-            children: "D\u1EF1ng m\u1EDBi"
-          }
-        )
-      ] })
-    ] }),
-    hasUnsupported && /* @__PURE__ */ jsxRuntime.jsx(
-      "p",
-      {
-        className: "mb-1.5 text-[10px] text-amber-700",
-        "data-testid": "geometry-ai-unsupported-warning",
-        children: "H\xECnh c\xF3 \u0111\u1ED1i t\u01B0\u1EE3ng ngo\xE0i DSL \u2014 ch\u1EC9 d\u1EF1ng m\u1EDBi \u0111\u01B0\u1EE3c"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        onDragOver: (e) => {
-          e.preventDefault();
-          setIsDragOver(true);
-        },
-        onDragLeave: () => setIsDragOver(false),
-        onDrop: handleDrop,
-        onPaste: handlePaste,
-        "aria-label": "Khu v\u1EF1c k\xE9o th\u1EA3 \u1EA3nh",
-        role: "region",
-        className: "group relative flex flex-col rounded-2xl bg-white shadow-sm transition-all duration-150 ring-1 ring-slate-200 focus-within:ring-2 focus-within:ring-emerald-400/70 focus-within:shadow-md " + (isDragOver ? "ring-2 ring-emerald-500 bg-emerald-50/40" : ""),
-        children: [
-          image && imagePreview && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2 px-3 pt-2.5", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group/chip relative", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "img",
-              {
-                src: imagePreview,
-                alt: "\u1EA2nh \u0111\u1EC1 b\xE0i",
-                className: "max-h-48 max-w-full h-auto w-auto rounded-lg border border-slate-200 shadow-sm"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                type: "button",
-                onClick: () => setImage(null),
-                disabled: ocrLoading || isLoading,
-                "aria-label": "Xo\xE1 \u1EA3nh",
-                className: "absolute -right-1.5 -top-1.5 flex h-5 w-5 items-center justify-center rounded-full bg-slate-900/85 text-[11px] font-medium text-white shadow ring-2 ring-white transition hover:bg-slate-900 disabled:opacity-50",
-                children: "\xD7"
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "textarea",
-            {
-              ref: textareaRef,
-              id: "geometry-ai-prompt",
-              "aria-label": "\u0110\u1EC1 b\xE0i cho AI",
-              "data-testid": "geometry-ai-textarea",
-              value: prompt,
-              onChange: (e) => setPrompt(e.target.value),
-              onKeyDown: (e) => {
-                if (e.key === "Enter" && (e.metaKey || e.ctrlKey) && !sendDisabled) {
-                  e.preventDefault();
-                  void handleSendClick();
-                }
-              },
-              disabled: isLoading,
-              rows: 2,
-              placeholder,
-              className: "block w-full resize-none rounded-2xl bg-transparent px-3.5 pt-2.5 pb-1 text-sm leading-relaxed text-slate-800 placeholder:text-slate-400 outline-none disabled:opacity-60 field-sizing-content max-h-44"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 px-2 pb-2 pt-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => fileInputRef.current?.click(),
-                  disabled: isLoading || ocrLoading,
-                  "aria-label": "\u0110\xEDnh \u1EA3nh \u0111\u1EC1 b\xE0i",
-                  title: "\u0110\xEDnh \u1EA3nh (c\u0169ng c\xF3 th\u1EC3 d\xE1n b\u1EB1ng Ctrl+V ho\u1EB7c k\xE9o th\u1EA3)",
-                  className: "flex h-8 w-8 items-center justify-center rounded-full text-slate-500 transition hover:bg-slate-100 hover:text-emerald-700 disabled:opacity-40",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(PaperclipIcon, { className: "h-[18px] w-[18px]" })
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "input",
-                {
-                  ref: fileInputRef,
-                  type: "file",
-                  accept: "image/png,image/jpeg,image/webp",
-                  className: "sr-only",
-                  onChange: handleFileInput,
-                  disabled: isLoading || ocrLoading,
-                  "aria-label": "Ch\u1ECDn \u1EA3nh \u0111\u1EC1 b\xE0i"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-              (isLoading || ocrLoading) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-[10px] tabular-nums text-slate-500", children: ocrLoading ? "\u0111\u1ECDc \u1EA3nh\u2026" : tokens > 0 ? `${tokens}tok \xB7 ${elapsed}s` : `${elapsed}s` }),
-              isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: cancel,
-                  "aria-label": "Hu\u1EF7 d\u1EF1ng h\xECnh AI",
-                  "data-testid": "geometry-ai-cancel",
-                  title: `\u0110ang d\u1EF1ng\u2026 ${elapsed}s \u2014 b\u1EA5m \u0111\u1EC3 hu\u1EF7`,
-                  className: "flex h-8 w-8 items-center justify-center rounded-full bg-amber-500 text-white shadow-sm transition hover:scale-105 hover:bg-amber-600 active:scale-95",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(StopIcon, { className: "h-3.5 w-3.5" })
-                }
-              ) : /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => void handleSendClick(),
-                  disabled: sendDisabled,
-                  "aria-label": willOcr ? "\u0110\u1ECDc \u0111\u1EC1 t\u1EEB \u1EA3nh" : "D\u1EF1ng b\u1EB1ng AI",
-                  title: willOcr ? "\u0110\u1ECDc \u0111\u1EC1 t\u1EEB \u1EA3nh (s\u1EBD \u0111i\u1EC1n v\xE0o \xF4 chat)" : "D\u1EF1ng b\u1EB1ng AI (Ctrl/\u2318+Enter)",
-                  "data-testid": willOcr ? "geometry-ai-ocr" : "geometry-ai-submit",
-                  className: "flex h-8 w-8 items-center justify-center rounded-full bg-emerald-600 text-white shadow-sm transition hover:scale-105 hover:bg-emerald-700 active:scale-95 disabled:cursor-not-allowed disabled:bg-slate-300 disabled:hover:scale-100",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(ArrowUpIcon, { className: "h-[18px] w-[18px]" })
-                }
-              )
-            ] })
-          ] }),
-          isDragOver && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center rounded-2xl bg-emerald-50/60 text-xs font-medium text-emerald-700", children: "Th\u1EA3 \u1EA3nh v\xE0o \u0111\xE2y" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-1.5 px-1 text-[10px] text-slate-500", children: [
-      "D\xE1n \u1EA3nh (Ctrl+V), k\xE9o th\u1EA3, ho\u1EB7c b\u1EA5m ",
-      /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, children: "\u{1F4CE}" }),
-      " \u0111\u1EC3 \u0111\xEDnh \u1EA3nh \u0111\u1EC1."
-    ] }),
-    error && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "mt-1 px-1 text-xs text-red-600", children: error }),
-    ocrError && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "mt-1 px-1 text-xs text-red-600", children: ocrError }),
-    ocrWarning && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 rounded bg-amber-50 px-2 py-1 text-[11px] text-amber-700", children: ocrWarning })
-  ] });
-}
-var PaperclipIcon, ArrowUpIcon, StopIcon;
-var init_AiFigurePrompt = __esm({
-  "src/stamps/geometry-2d/editor/AiFigurePrompt.tsx"() {
-    "use client";
-    init_useAiFigure();
-    init_handleExtractProblem();
-    init_preprocess();
-    PaperclipIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
-      "svg",
-      {
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 1.75,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        "aria-hidden": true,
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21.44 11.05 12.25 20.24a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66L9.41 17.41a2 2 0 1 1-2.83-2.83l8.49-8.49" })
-      }
-    );
-    ArrowUpIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
-      "svg",
-      {
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 2.25,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        "aria-hidden": true,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 19V5" }),
-          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m5 12 7-7 7 7" })
-        ]
-      }
-    );
-    StopIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2" }) });
-  }
-});
-var GeometryEditorPanelInner, GeometryEditorPanel;
-var init_EditorPanel = __esm({
-  "src/stamps/geometry-2d/editor/EditorPanel.tsx"() {
-    "use client";
-    init_MiniBoard();
-    init_serialize();
-    init_render();
-    init_PropertiesPopover();
-    init_MultiPropertiesPopover();
-    init_TransformParamPopover();
-    init_snapshot();
-    init_icons();
-    init_scene();
-    init_constants();
-    init_Toast2();
-    init_AiFigurePrompt();
-    GeometryEditorPanelInner = React2.forwardRef(
-      function GeometryEditorPanelInner2({
-        store,
-        onInsert,
-        onClose,
-        withLeftPanel = false,
-        selectedTool,
-        showAxis,
-        showGrid,
-        onHistoryChange,
-        isDark,
-        isMobile = false,
-        onOpenDrawer,
-        onUndo,
-        onRedo,
-        canUndo,
-        canRedo,
-        onSelectionChange,
-        generateGeometryFigure
-      }, ref) {
-        const { showToast } = useToast();
-        const handleRef = React2.useRef(null);
-        const [ready, setReady] = React2.useState(false);
-        const [hasContent, setHasContent] = React2.useState(false);
-        const [propsPopover, setPropsPopover] = React2.useState(null);
-        const [multiSelection, setMultiSelection] = React2.useState(null);
-        const [transformPopover, setTransformPopover] = React2.useState(null);
-        const onSelectionChangeRef = React2.useRef(onSelectionChange);
-        React2.useEffect(() => {
-          onSelectionChangeRef.current = onSelectionChange;
-        }, [onSelectionChange]);
-        useEditorState({ store, onHistoryChange });
-        const currentSceneState = React2.useSyncExternalStore(
-          (cb) => store.subscribe(cb),
-          () => store.getState(),
-          () => store.getState()
-        );
-        React2.useEffect(() => {
-          const sync = () => setHasContent(Object.keys(store.getState().objects).length > 0);
-          sync();
-          return store.subscribe(sync);
-        }, [store]);
-        const handleReady = React2.useCallback(() => {
-          const h = handleRef.current;
-          if (!h) return;
-          setReady(true);
-          h.onSelect((snap) => {
-            setPropsPopover(snap);
-            setMultiSelection(null);
-            onSelectionChangeRef.current?.(snap.id);
-          });
-          h.onTransformParam((info) => setTransformPopover(info));
-          h.onSelectionState((snap) => {
-            if (!snap || snap.ids.length === 0) {
-              setPropsPopover(null);
-              setMultiSelection(null);
-              onSelectionChangeRef.current?.(void 0);
-              return;
-            }
-            if (snap.ids.length === 1) {
-              const id = snap.ids[0];
-              const single = buildObjectSnapshot(store.getState(), id, snap.anchor);
-              if (single) {
-                setPropsPopover(single);
-                setMultiSelection(null);
-                onSelectionChangeRef.current?.(id);
-              }
-              return;
-            }
-            setMultiSelection(snap);
-            setPropsPopover(null);
-            onSelectionChangeRef.current?.(void 0);
-          });
-        }, [store]);
-        const dismissPropsPopover = React2.useCallback(() => {
-          setPropsPopover(null);
-          onSelectionChangeRef.current?.(void 0);
-        }, []);
-        const dismissMultiPopover = React2.useCallback(() => {
-          setMultiSelection(null);
-          handleRef.current?.clearSelection();
-          onSelectionChangeRef.current?.(void 0);
-        }, []);
-        const applyMultiColor = React2.useCallback((color) => {
-          const ids = multiSelection?.ids ?? [];
-          const h = handleRef.current;
-          if (!h) return;
-          for (const id of ids) {
-            h.mutateObject(id, { attrs: { strokeColor: color, color } });
-          }
-        }, [multiSelection]);
-        const applyMultiDelete = React2.useCallback(() => {
-          const ids = multiSelection?.ids ?? [];
-          const h = handleRef.current;
-          if (!h) return;
-          for (const id of ids) {
-            h.mutateObject(id, { remove: true });
-          }
-          h.clearSelection();
-          setMultiSelection(null);
-          onSelectionChangeRef.current?.(void 0);
-        }, [multiSelection]);
-        const performInsert = React2.useCallback(() => {
-          if (!handleRef.current) return false;
-          const h = handleRef.current;
-          const state = h.getState();
-          if (Object.keys(state.objects).length === 0) return false;
-          const bbox = h.getBbox();
-          const jsonState = serializeBoard(state, { bbox, showAxis, showGrid });
-          void (async () => {
-            try {
-              const svgString = await renderGeometrySvgFromState(jsonState);
-              onInsert(jsonState, svgString);
-            } catch (err) {
-              console.error("Geometry insert failed:", err);
-            }
-          })();
-          return true;
-        }, [onInsert, showAxis, showGrid]);
-        const handleInsert = React2.useCallback(() => {
-          performInsert();
-        }, [performInsert]);
-        const loadAiFigure = React2.useCallback((generated) => {
-          handleRef.current?.clearSelection();
-          setPropsPopover(null);
-          setMultiSelection(null);
-          setTransformPopover(null);
-          onSelectionChangeRef.current?.(void 0);
-          const current = store.getState();
-          store.dispatch({
-            type: "LOAD",
-            payload: { state: { ...generated, meta: current.meta } }
-          });
-        }, [store]);
-        React2.useImperativeHandle(ref, () => ({
-          insert: performInsert,
-          hasContent: () => Object.keys(handleRef.current?.getState().objects ?? {}).length > 0,
-          selectObject: (id) => handleRef.current?.highlight(id)
-        }), [performInsert]);
-        const wrapperStyle = isMobile ? { position: "fixed", inset: 0, zIndex: 40 } : {
-          position: "absolute",
-          top: "50%",
-          left: withLeftPanel ? "calc(50% + 120px)" : "50%",
-          transform: "translate(-50%, -50%)",
-          zIndex: 40
-        };
-        return /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            role: "dialog",
-            "aria-label": "D\u1EF1ng h\xECnh h\u1ECDc",
-            "data-testid": "geometry-editor-panel",
-            "data-stamp-area": "true",
-            "data-mobile-editor": isMobile ? "true" : void 0,
-            style: wrapperStyle,
-            className: [
-              isDark ? "theme--dark " : "",
-              "relative flex flex-col overflow-hidden bg-white",
-              isMobile ? "h-full w-full" : `${STAMP_PANEL_DESKTOP} rounded-lg border border-slate-300 shadow-2xl ring-1 ring-black/5`
-            ].join(" "),
-            children: [
-              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: onOpenDrawer,
-                    "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__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "4", y1: "6", x2: "20", y2: "6" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "4", y1: "12", x2: "20", y2: "12" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "4", y1: "18", x2: "20", y2: "18" })
-                    ] })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "flex flex-1 items-center gap-2 text-sm font-semibold", children: [
-                  /* @__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("polygon", { points: "3,18 12,3 21,18" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "3", r: "1.5", fill: "currentColor" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "3", cy: "18", r: "1.5", fill: "currentColor" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "21", cy: "18", r: "1.5", fill: "currentColor" })
-                  ] }),
-                  "D\u1EF1ng h\xECnh h\u1ECDc"
-                ] }),
-                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(UndoIcon3, {})
-                    }
-                  ),
-                  /* @__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(RedoIcon3, {})
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.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__ */ 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" })
-                ] }) })
-              ] }),
-              generateGeometryFigure && /* @__PURE__ */ jsxRuntime.jsx(AiFigurePrompt, { generator: generateGeometryFigure, onGenerated: loadAiFigure, currentState: currentSceneState }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-                MiniBoard2D,
-                {
-                  ref: handleRef,
-                  store,
-                  selectedTool,
-                  showAxis,
-                  showGrid,
-                  onReady: handleReady,
-                  isDark,
-                  toast: showToast
-                }
-              ) }) }),
-              propsPopover && (propsPopover.kind === "point" ? /* @__PURE__ */ jsxRuntime.jsx(
-                PropertiesPopover,
-                {
-                  kind: "point",
-                  anchor: propsPopover.screenCoords,
-                  isDark,
-                  currentName: propsPopover.name,
-                  currentColor: propsPopover.color,
-                  currentDash: propsPopover.dash,
-                  currentWidth: propsPopover.width,
-                  currentFace: propsPopover.face,
-                  currentShowLabel: propsPopover.showLabel,
-                  getAllNames: () => handleRef.current?.getAllPointNames() ?? [],
-                  onClose: dismissPropsPopover,
-                  onMutate: (patch) => {
-                    handleRef.current?.mutateObject(propsPopover.id, patch);
-                    if (patch.remove) dismissPropsPopover();
-                    if (typeof patch.valueLabel === "boolean" || patch.attrs) {
-                      setPropsPopover((cur) => cur ? { ...cur, showValue: patch.valueLabel ?? cur.showValue } : cur);
-                    }
-                  }
-                }
-              ) : /* @__PURE__ */ jsxRuntime.jsx(
-                PropertiesPopover,
-                {
-                  kind: propsPopover.kind,
-                  anchor: propsPopover.screenCoords,
-                  isDark,
-                  currentName: propsPopover.name,
-                  currentColor: propsPopover.color,
-                  currentDash: propsPopover.dash,
-                  currentWidth: propsPopover.width,
-                  currentShowLabel: propsPopover.showLabel,
-                  currentShowValue: propsPopover.showValue,
-                  getAllNames: () => handleRef.current?.getAllPointNames() ?? [],
-                  onClose: dismissPropsPopover,
-                  onMutate: (patch) => {
-                    handleRef.current?.mutateObject(propsPopover.id, patch);
-                    if (patch.remove) dismissPropsPopover();
-                    if (typeof patch.valueLabel === "boolean") {
-                      setPropsPopover((cur) => cur ? { ...cur, showValue: patch.valueLabel ?? cur.showValue } : cur);
-                    }
-                    if (patch.attrs && "withLabel" in patch.attrs) {
-                      setPropsPopover((cur) => cur ? { ...cur, showLabel: !!patch.attrs?.withLabel } : cur);
-                    }
-                  }
-                }
-              )),
-              multiSelection && multiSelection.ids.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
-                MultiPropertiesPopover,
-                {
-                  anchor: multiSelection.anchor,
-                  count: multiSelection.ids.length,
-                  isDark,
-                  onColor: applyMultiColor,
-                  onDelete: applyMultiDelete,
-                  onClose: dismissMultiPopover
-                }
-              ),
-              transformPopover && (transformPopover.tool === "rotate" || transformPopover.tool === "dilate" || transformPopover.tool === "regularPolygon" || transformPopover.tool === "circleCR") && /* @__PURE__ */ jsxRuntime.jsx(
-                TransformParamPopover,
-                {
-                  kind: transformPopover.tool,
-                  anchor: transformPopover.anchor,
-                  defaultValue: transformPopover.tool === "rotate" ? 90 : transformPopover.tool === "dilate" ? 2 : transformPopover.tool === "circleCR" ? 3 : 6,
-                  isDark,
-                  onConfirm: (v) => {
-                    handleRef.current?.confirmTransformParam(v);
-                    setTransformPopover(null);
-                  },
-                  onCancel: () => {
-                    handleRef.current?.cancelTransformParam();
-                    setTransformPopover(null);
-                  }
-                }
-              ),
-              !isMobile && /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: "flex items-center justify-between border-t border-slate-200 bg-slate-50 px-3 py-2", children: [
-                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-                    "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",
-                      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"
-                    }
-                  )
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(ToastHost, {})
-            ]
-          }
-        );
-      }
-    );
-    GeometryEditorPanel = React2.forwardRef(
-      function GeometryEditorPanel2(props, ref) {
-        return /* @__PURE__ */ jsxRuntime.jsx(ToastProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(GeometryEditorPanelInner, { ...props, ref }) });
-      }
-    );
-  }
-});
-function isFieldFocused() {
-  const ae = typeof document !== "undefined" ? document.activeElement : null;
-  return !!(ae && (ae.tagName === "INPUT" || ae.tagName === "TEXTAREA" || ae.isContentEditable));
+    return fail("unsupported-construction", "missing vertices");
+  }
+  const refs = resolveRefs(a.vertices, state);
+  if (!refs) return fail("unresolved-ref", a.vertices.join(","));
+  return { ok: true, entity: { name: obj.label, kind: "polygon", vertices: refs } };
 }
-function useChordShortcut(args) {
-  const { groupOrder, tools, onSelect, enabled } = args;
-  const [chordGroup, setChordGroup] = React2.useState(null);
-  const groupOrderRef = React2.useRef(groupOrder);
-  const toolsRef = React2.useRef(tools);
-  const onSelectRef = React2.useRef(onSelect);
-  const chordGroupRef = React2.useRef(null);
-  groupOrderRef.current = groupOrder;
-  toolsRef.current = tools;
-  onSelectRef.current = onSelect;
-  const cancel = React2.useCallback(() => {
-    chordGroupRef.current = null;
-    setChordGroup(null);
-  }, []);
-  React2.useEffect(() => {
-    if (!enabled) return;
-    const setChord = (next) => {
-      chordGroupRef.current = next;
-      setChordGroup(next);
+function serializeCircle(obj, state) {
+  const a = obj.attrs;
+  const c = (() => {
+    if (a.construction) return a.construction;
+    const raw = a;
+    if (raw.kind === "incircle" && raw.vertices) {
+      return {
+        kind: "incircle",
+        p1: raw.vertices[0],
+        p2: raw.vertices[1],
+        p3: raw.vertices[2]
+      };
+    }
+    if (raw.kind === "excircle" && raw.vertices && raw.opposite) {
+      return {
+        kind: "excircle",
+        p1: raw.vertices[0],
+        p2: raw.vertices[1],
+        p3: raw.vertices[2],
+        opposite: raw.opposite
+      };
+    }
+    if (raw.kind === "circleDiameter" && raw.p1 && raw.p2) {
+      return {
+        kind: "diameter",
+        p1: raw.p1,
+        p2: raw.p2
+      };
+    }
+    return void 0;
+  })();
+  if (!c) {
+    if (typeof a.radius === "number") {
+      if (!a.center) return fail("unsupported-construction", "missing center");
+      const refs2 = resolveRefs([a.center], state);
+      if (!refs2) return fail("unresolved-ref", `${a.center}`);
+      return {
+        ok: true,
+        entity: { name: obj.label, kind: "circleCR", center: refs2[0], radius: a.radius }
+      };
+    }
+    if (!a.center || !a.surfacePoint) {
+      return fail("unsupported-construction", "missing center/surfacePoint");
+    }
+    const refs = resolveRefs([a.center, a.surfacePoint], state);
+    if (!refs) return fail("unresolved-ref", `${a.center},${a.surfacePoint}`);
+    return {
+      ok: true,
+      entity: { name: obj.label, kind: "circleCP", center: refs[0], surfacePoint: refs[1] }
     };
-    const onKey = (e) => {
-      if (e.metaKey || e.ctrlKey || e.altKey) return;
-      if (isFieldFocused()) return;
-      const key = e.key;
-      const lower = key.length === 1 ? key.toLowerCase() : key;
-      if (key === "Escape") {
-        if (chordGroupRef.current !== null) {
-          e.preventDefault();
-          e.stopPropagation();
-          setChord(null);
-        }
-        return;
-      }
-      if (lower.length === 1 && lower >= "a" && lower <= "z") {
-        const idx = lower.charCodeAt(0) - A_CODE2;
-        if (idx < groupOrderRef.current.length) {
-          e.preventDefault();
-          e.stopPropagation();
-          setChord(groupOrderRef.current[idx]);
-        }
-        return;
-      }
-      if (key >= "1" && key <= "9") {
-        const active = chordGroupRef.current;
-        if (active === null) return;
-        const n = key.charCodeAt(0) - "1".charCodeAt(0);
-        const toolsInGroup = toolsRef.current.filter(
-          (t) => t.group === active
-        );
-        e.preventDefault();
-        e.stopPropagation();
-        if (n < toolsInGroup.length) {
-          onSelectRef.current(toolsInGroup[n].key);
-        }
-        setChord(null);
-        return;
-      }
+  }
+  if (c.kind === "circumscribed") {
+    const refs = resolveRefs([c.p1, c.p2, c.p3], state);
+    if (!refs) return fail("unresolved-ref", `${c.p1},${c.p2},${c.p3}`);
+    return {
+      ok: true,
+      entity: { name: obj.label, kind: "circle3", p1: refs[0], p2: refs[1], p3: refs[2] }
     };
-    window.addEventListener("keydown", onKey, { capture: true });
-    return () => {
-      window.removeEventListener("keydown", onKey, { capture: true });
+  }
+  if (c.kind === "incircle") {
+    const refs = resolveRefs([c.p1, c.p2, c.p3], state);
+    if (!refs) return fail("unresolved-ref", `${c.p1},${c.p2},${c.p3}`);
+    return {
+      ok: true,
+      entity: { name: obj.label, kind: "incircle", vertices: [refs[0], refs[1], refs[2]] }
     };
-  }, [enabled]);
-  return { chordGroup, cancel };
-}
-var A_CODE2;
-var init_useChordShortcut = __esm({
-  "src/stamps/shared/useChordShortcut.ts"() {
-    A_CODE2 = "a".charCodeAt(0);
   }
-});
-
-// src/stamps/shared/insertImage.ts
-function buildStampImageElement(api, fileId, width, height, customData, x, y) {
-  const appState = api?.getAppState() ?? { scrollX: 0, scrollY: 0, width: 800, height: 600, zoom: { value: 1 } };
-  const cx = x ?? appState.scrollX + (appState.width ?? 800) / 2 / (appState.zoom?.value ?? 1) - width / 2;
-  const cy = y ?? appState.scrollY + (appState.height ?? 600) / 2 / (appState.zoom?.value ?? 1) - height / 2;
-  return {
-    type: "image",
-    id: "stamp_" + Date.now() + "_" + Math.random().toString(36).slice(2, 8),
-    x: cx,
-    y: cy,
-    width,
-    height,
-    fileId,
-    customData,
-    angle: 0,
-    strokeColor: "transparent",
-    backgroundColor: "transparent",
-    fillStyle: "solid",
-    strokeWidth: 1,
-    strokeStyle: "solid",
-    roughness: 0,
-    opacity: 100,
-    groupIds: [],
-    roundness: null,
-    seed: Math.floor(Math.random() * 1e9),
-    versionNonce: 0,
-    version: 1,
-    isDeleted: false,
-    boundElements: null,
-    updated: Date.now(),
-    link: null,
-    locked: false,
-    status: "saved",
-    scale: [1, 1]
-  };
-}
-async function insertStampImage(api, opts) {
-  const { dataURL, fileId, width, height, mimeType } = await createStampFile(opts.svgString);
-  api.addFiles([{ id: fileId, dataURL, mimeType, created: Date.now() }]);
-  const customData = opts.makeCustomData();
-  const elements = api.getSceneElements();
-  const editingId = opts.editingElementId ?? null;
-  if (editingId) {
-    const updated = elements.map(
-      (e) => e.id === editingId ? { ...e, fileId, customData, width, height } : e
-    );
-    api.updateScene({ elements: updated, appState: clearAppStateAfterInsert() });
-    return { fileId, width, height, elementId: editingId };
+  if (c.kind === "excircle") {
+    const refs = resolveRefs([c.p1, c.p2, c.p3, c.opposite], state);
+    if (!refs) return fail("unresolved-ref", `${c.p1},${c.p2},${c.p3},${c.opposite}`);
+    return {
+      ok: true,
+      entity: { name: obj.label, kind: "excircle", vertices: [refs[0], refs[1], refs[2]], opposite: refs[3] }
+    };
   }
-  const newElement = buildStampImageElement(
-    api,
-    fileId,
-    width,
-    height,
-    customData,
-    opts.position?.x,
-    opts.position?.y
-  );
-  api.updateScene({
-    elements: [...elements, newElement],
-    appState: clearAppStateAfterInsert()
-  });
-  return { fileId, width, height, elementId: newElement.id };
+  if (c.kind === "diameter") {
+    const refs = resolveRefs([c.p1, c.p2], state);
+    if (!refs) return fail("unresolved-ref", `${c.p1},${c.p2}`);
+    return {
+      ok: true,
+      entity: { name: obj.label, kind: "circleDiameter", p1: refs[0], p2: refs[1] }
+    };
+  }
+  return fail("unsupported-construction");
 }
-var clearAppStateAfterInsert;
-var init_insertImage = __esm({
-  "src/stamps/shared/insertImage.ts"() {
-    init_svgToStampFile();
-    clearAppStateAfterInsert = () => ({
-      selectedElementIds: {},
-      croppingElementId: null
-    });
+function serializeObject(obj, state) {
+  if (!isValidName(obj.label)) {
+    return fail("invalid-label", obj.label);
   }
-});
-function useStampStore(domain, editingElement, parseInitial) {
-  const ref = React2.useRef(null);
-  if (!ref.current) {
-    const initial = editingElement?.customData ? parseInitial(editingElement.customData) ?? createEmptyState(domain) : createEmptyState(domain);
-    ref.current = createStore(initial);
+  switch (obj.kind) {
+    case "point":
+      return serializePoint(obj, state);
+    case "segment":
+      return serializeSegment(obj, state);
+    case "ray":
+      return serializeRay(obj, state);
+    case "line":
+      return serializeLine(obj, state);
+    case "polygon":
+      return serializePolygon(obj, state);
+    case "circle":
+      return serializeCircle(obj, state);
+    case "intersection":
+      return serializeIntersection(obj, state);
+    default:
+      return fail("unsupported-kind", obj.kind);
   }
-  return ref.current;
 }
-var init_useStampStore = __esm({
-  "src/stamps/shared/useStampStore.ts"() {
-    init_scene();
+var NAME_REGEX;
+var init_serialize2 = __esm({
+  "src/stamps/geometry-2d/dsl/serialize.ts"() {
+    NAME_REGEX = /^[A-Za-z][A-Za-z0-9_'₀-₉]{0,11}$/;
   }
 });
 
@@ -13260,7 +10633,7 @@ var init_host = __esm({
     init_useStampStore();
     init_dslRenderRow();
     GeometryStampHost = React2.forwardRef(
-      function GeometryStampHost2({ api, editingElement, onClose, isDark, generateGeometryFigure }, ref) {
+      function GeometryStampHost2({ api, editingElement, onClose, isDark, generateGeometryFigure, onGeometryDraft }, ref) {
         const panelRef = React2.useRef(null);
         const { isMobile } = useIsMobile();
         const [drawerOpen, setDrawerOpen] = React2.useState(false);
@@ -13375,7 +10748,9 @@ var init_host = __esm({
               canUndo,
               canRedo,
               onSelectionChange: setSelectedObjectId,
-              generateGeometryFigure
+              generateGeometryFigure,
+              api,
+              onGeometryDraft
             }
           )
         ] });