@xom11/whiteboard 0.25.0 → 0.28.0

package/dist/latex.d.mts

@@ -1,4 +1,4 @@
-import { B as BaseStampCustomData, S as StampType } from './types-DWRyCa2m.mjs';
+import { B as BaseStampCustomData, S as StampType } from './types-BHYC2Fiw.mjs';
 import 'zod';
 import 'react';
 import '@excalidraw/excalidraw/element/types';

package/dist/latex.d.ts

@@ -1,4 +1,4 @@
-import { B as BaseStampCustomData, S as StampType } from './types-DWRyCa2m.js';
+import { B as BaseStampCustomData, S as StampType } from './types-BHYC2Fiw.js';
 import 'zod';
 import 'react';
 import '@excalidraw/excalidraw/element/types';

package/dist/latex.mjs

@@ -1,5 +1,6 @@
 "use client";
-export { latexStamp } from './chunk-SGFJLHHG.mjs';
+export { latexStamp } from './chunk-PPKHCRRE.mjs';
 import './chunk-X5R72SSJ.mjs';
+import './chunk-J5LGTIGS.mjs';
 //# sourceMappingURL=latex.mjs.map
 //# sourceMappingURL=latex.mjs.map

package/dist/render-ZX2O2IK7.mjs

@@ -0,0 +1,10 @@
+"use client";
+export { renderGraphSvgFromState } from './chunk-CXHNVYMD.mjs';
+import './chunk-BNBOIDO5.mjs';
+import './chunk-SZDAS7LK.mjs';
+import './chunk-ICR4CVOE.mjs';
+import './chunk-IHUFOV7L.mjs';
+import './chunk-B4NJJZFR.mjs';
+import './chunk-J5LGTIGS.mjs';
+//# sourceMappingURL=render-ZX2O2IK7.mjs.map
+//# sourceMappingURL=render-ZX2O2IK7.mjs.map

package/dist/{render-3WTY7NZB.mjs.map → render-ZX2O2IK7.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"render-3WTY7NZB.mjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"render-ZX2O2IK7.mjs"}

package/dist/serialize-N4G6RFBB.mjs

@@ -0,0 +1,9 @@
+"use client";
+export { parseSceneState, stringifySceneState } from './chunk-V3YJ6JFL.mjs';
+import './chunk-ZTQBUKLJ.mjs';
+import './chunk-IHUFOV7L.mjs';
+import './chunk-73Q7ADVL.mjs';
+import './chunk-B4NJJZFR.mjs';
+import './chunk-J5LGTIGS.mjs';
+//# sourceMappingURL=serialize-N4G6RFBB.mjs.map
+//# sourceMappingURL=serialize-N4G6RFBB.mjs.map

package/dist/{serialize-SRJVKYUG.mjs.map → serialize-N4G6RFBB.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"serialize-SRJVKYUG.mjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"serialize-N4G6RFBB.mjs"}

package/dist/{types-DWRyCa2m.d.ts → types-BHYC2Fiw.d.mts}

@@ -2,9 +2,45 @@ import { z } from 'zod';
 import { ReactNode, ComponentType, RefAttributes } from 'react';
 import { ExcalidrawElement } from '@excalidraw/excalidraw/element/types';
 
+/**
+ * Snapshot tiến trình dựng hình geometry-2d, phát ra trong lúc GV thao tác
+ * (trước khi chèn ảnh thật). Consumer broadcast cho học sinh để vẽ ghost preview.
+ * Toạ độ + kích thước tính theo board-units của Excalidraw.
+ */
+interface GeometryDraftPreview {
+    /** SVG markup của hình đang dựng (đã render từ state hiện tại). */
+    svg: string;
+    /** Board-units width (= intrinsic px của SVG ở zoom 1). */
+    width: number;
+    /** Board-units height. */
+    height: number;
+    /** Board-coord góc trên-trái nơi ảnh sẽ được chèn. */
+    x: number;
+    y: number;
+    /** Counter tăng dần để consumer bỏ khung cũ khi kênh lossy reorder. */
+    seq: number;
+}
+
 declare const NameZ: z.ZodString;
 
 type Name = z.infer<typeof NameZ>;
+type DslDistanceSpec = {
+    kind: 'circleRadius';
+    circle: Name;
+    scale?: number;
+    offset?: number;
+} | {
+    kind: 'segmentLength';
+    p1: Name;
+    p2: Name;
+    scale?: number;
+    offset?: number;
+} | {
+    kind: 'literal';
+    value: number;
+    scale?: number;
+    offset?: number;
+};
 type DslPointT = {
     name: Name;
     kind: 'free';
@@ -15,6 +51,7 @@ type DslPointT = {
     kind: 'midpoint';
     p1: Name;
     p2: Name;
+    visible?: boolean;
 } | {
     name: Name;
     kind: 'onSegment';
@@ -57,6 +94,63 @@ type DslPointT = {
     ref1: Name;
     ref2: Name;
     branch?: 0 | 1;
+} | {
+    name: Name;
+    kind: 'secondIntersection';
+    line: Name;
+    circle: Name;
+    other: Name;
+} | {
+    name: Name;
+    kind: 'circleIntersection';
+    c1: Name;
+    c2: Name;
+    which: 0 | 1;
+} | {
+    name: Name;
+    kind: 'circleSecondIntersection';
+    c1: Name;
+    c2: Name;
+    exclude: Name;
+} | {
+    name: Name;
+    kind: 'tangencyPoint';
+    circle: Name;
+    onLine: Name;
+} | {
+    name: Name;
+    kind: 'tangentPointExt';
+    from: Name;
+    circle: Name;
+    which: 0 | 1;
+} | {
+    name: Name;
+    kind: 'arcMidpoint';
+    circle: Name;
+    a: Name;
+    b: Name;
+    notContaining: Name;
+} | {
+    name: Name;
+    kind: 'excenter';
+    vertices: [Name, Name, Name];
+    opposite: Name;
+} | {
+    name: Name;
+    kind: 'reflectPoint';
+    of: Name;
+    through: Name;
+} | {
+    name: Name;
+    kind: 'reflectLine';
+    of: Name;
+    through: Name;
+} | {
+    name: Name;
+    kind: 'pointAtDistance';
+    from: Name;
+    through: Name;
+    distance: DslDistanceSpec;
 };
 type DslShapeT = {
     name: Name;
@@ -98,6 +192,15 @@ type DslShapeT = {
     p1: Name;
     vertex: Name;
     p2: Name;
+} | {
+    name: Name;
+    kind: 'lineThrough';
+    points: Name[];
+} | {
+    name: Name;
+    kind: 'radicalAxis';
+    circle1: Name;
+    circle2: Name;
 } | {
     name: Name;
     kind: 'tangent';
@@ -109,12 +212,33 @@ type DslShapeT = {
     kind: 'circleCP';
     center: Name;
     surfacePoint: Name;
+    visible?: boolean;
 } | {
     name: Name;
     kind: 'circle3';
     p1: Name;
     p2: Name;
     p3: Name;
+} | {
+    name: Name;
+    kind: 'circleDiameter';
+    p1: Name;
+    p2: Name;
+    visible?: boolean;
+} | {
+    name: Name;
+    kind: 'circleCR';
+    center: Name;
+    radius: number;
+} | {
+    name: Name;
+    kind: 'incircle';
+    vertices: [Name, Name, Name];
+} | {
+    name: Name;
+    kind: 'excircle';
+    vertices: [Name, Name, Name];
+    opposite: Name;
 };
 type DslInputT = {
     version: 1;
@@ -240,6 +364,11 @@ interface StampHostProps {
     isDark: boolean;
     /** Optional client-safe bridge for the geometry-2d AI prompt editor. */
     generateGeometryFigure?: GenerateGeometryFigure;
+    /**
+     * Chỉ geometry-2d dùng: phát snapshot hình đang dựng (debounced) để consumer
+     * broadcast cho học sinh xem live. `null` = clear ghost (đã chèn / huỷ / rỗng).
+     */
+    onGeometryDraft?: (draft: GeometryDraftPreview | null) => void;
 }
 /**
  * Imperative API mà main view truy cập qua ref:
@@ -310,4 +439,4 @@ interface StampType<TCustomData extends BaseStampCustomData = BaseStampCustomDat
     experimental?: boolean;
 }
 
-export type { AiFigureProgress as A, BaseStampCustomData as B, DslInputT as D, GenerateGeometryFigure as G, StampType as S, AiFigureUiResult as a, State as b };
+export type { AiFigureProgress as A, BaseStampCustomData as B, DslInputT as D, GenerateGeometryFigure as G, StampType as S, GeometryDraftPreview as a, AiFigureUiResult as b, State as c };

package/dist/{types-DWRyCa2m.d.mts → types-BHYC2Fiw.d.ts}

@@ -2,9 +2,45 @@ import { z } from 'zod';
 import { ReactNode, ComponentType, RefAttributes } from 'react';
 import { ExcalidrawElement } from '@excalidraw/excalidraw/element/types';
 
+/**
+ * Snapshot tiến trình dựng hình geometry-2d, phát ra trong lúc GV thao tác
+ * (trước khi chèn ảnh thật). Consumer broadcast cho học sinh để vẽ ghost preview.
+ * Toạ độ + kích thước tính theo board-units của Excalidraw.
+ */
+interface GeometryDraftPreview {
+    /** SVG markup của hình đang dựng (đã render từ state hiện tại). */
+    svg: string;
+    /** Board-units width (= intrinsic px của SVG ở zoom 1). */
+    width: number;
+    /** Board-units height. */
+    height: number;
+    /** Board-coord góc trên-trái nơi ảnh sẽ được chèn. */
+    x: number;
+    y: number;
+    /** Counter tăng dần để consumer bỏ khung cũ khi kênh lossy reorder. */
+    seq: number;
+}
+
 declare const NameZ: z.ZodString;
 
 type Name = z.infer<typeof NameZ>;
+type DslDistanceSpec = {
+    kind: 'circleRadius';
+    circle: Name;
+    scale?: number;
+    offset?: number;
+} | {
+    kind: 'segmentLength';
+    p1: Name;
+    p2: Name;
+    scale?: number;
+    offset?: number;
+} | {
+    kind: 'literal';
+    value: number;
+    scale?: number;
+    offset?: number;
+};
 type DslPointT = {
     name: Name;
     kind: 'free';
@@ -15,6 +51,7 @@ type DslPointT = {
     kind: 'midpoint';
     p1: Name;
     p2: Name;
+    visible?: boolean;
 } | {
     name: Name;
     kind: 'onSegment';
@@ -57,6 +94,63 @@ type DslPointT = {
     ref1: Name;
     ref2: Name;
     branch?: 0 | 1;
+} | {
+    name: Name;
+    kind: 'secondIntersection';
+    line: Name;
+    circle: Name;
+    other: Name;
+} | {
+    name: Name;
+    kind: 'circleIntersection';
+    c1: Name;
+    c2: Name;
+    which: 0 | 1;
+} | {
+    name: Name;
+    kind: 'circleSecondIntersection';
+    c1: Name;
+    c2: Name;
+    exclude: Name;
+} | {
+    name: Name;
+    kind: 'tangencyPoint';
+    circle: Name;
+    onLine: Name;
+} | {
+    name: Name;
+    kind: 'tangentPointExt';
+    from: Name;
+    circle: Name;
+    which: 0 | 1;
+} | {
+    name: Name;
+    kind: 'arcMidpoint';
+    circle: Name;
+    a: Name;
+    b: Name;
+    notContaining: Name;
+} | {
+    name: Name;
+    kind: 'excenter';
+    vertices: [Name, Name, Name];
+    opposite: Name;
+} | {
+    name: Name;
+    kind: 'reflectPoint';
+    of: Name;
+    through: Name;
+} | {
+    name: Name;
+    kind: 'reflectLine';
+    of: Name;
+    through: Name;
+} | {
+    name: Name;
+    kind: 'pointAtDistance';
+    from: Name;
+    through: Name;
+    distance: DslDistanceSpec;
 };
 type DslShapeT = {
     name: Name;
@@ -98,6 +192,15 @@ type DslShapeT = {
     p1: Name;
     vertex: Name;
     p2: Name;
+} | {
+    name: Name;
+    kind: 'lineThrough';
+    points: Name[];
+} | {
+    name: Name;
+    kind: 'radicalAxis';
+    circle1: Name;
+    circle2: Name;
 } | {
     name: Name;
     kind: 'tangent';
@@ -109,12 +212,33 @@ type DslShapeT = {
     kind: 'circleCP';
     center: Name;
     surfacePoint: Name;
+    visible?: boolean;
 } | {
     name: Name;
     kind: 'circle3';
     p1: Name;
     p2: Name;
     p3: Name;
+} | {
+    name: Name;
+    kind: 'circleDiameter';
+    p1: Name;
+    p2: Name;
+    visible?: boolean;
+} | {
+    name: Name;
+    kind: 'circleCR';
+    center: Name;
+    radius: number;
+} | {
+    name: Name;
+    kind: 'incircle';
+    vertices: [Name, Name, Name];
+} | {
+    name: Name;
+    kind: 'excircle';
+    vertices: [Name, Name, Name];
+    opposite: Name;
 };
 type DslInputT = {
     version: 1;
@@ -240,6 +364,11 @@ interface StampHostProps {
     isDark: boolean;
     /** Optional client-safe bridge for the geometry-2d AI prompt editor. */
     generateGeometryFigure?: GenerateGeometryFigure;
+    /**
+     * Chỉ geometry-2d dùng: phát snapshot hình đang dựng (debounced) để consumer
+     * broadcast cho học sinh xem live. `null` = clear ghost (đã chèn / huỷ / rỗng).
+     */
+    onGeometryDraft?: (draft: GeometryDraftPreview | null) => void;
 }
 /**
  * Imperative API mà main view truy cập qua ref:
@@ -310,4 +439,4 @@ interface StampType<TCustomData extends BaseStampCustomData = BaseStampCustomDat
     experimental?: boolean;
 }
 
-export type { AiFigureProgress as A, BaseStampCustomData as B, DslInputT as D, GenerateGeometryFigure as G, StampType as S, AiFigureUiResult as a, State as b };
+export type { AiFigureProgress as A, BaseStampCustomData as B, DslInputT as D, GenerateGeometryFigure as G, StampType as S, GeometryDraftPreview as a, AiFigureUiResult as b, State as c };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xom11/whiteboard",
-  "version": "0.25.0",
+  "version": "0.28.0",
   "private": false,
   "description": "Excalidraw + JSXGraph + KaTeX whiteboard component (drawing, geometry stamps, LaTeX stamps).",
   "repository": {
@@ -73,6 +73,7 @@
     "demo": "vite --config scripts/demo/vite.config.ts",
     "ai:eval": "tsx scripts/eval-ai.ts",
     "ai:smoke": "tsx scripts/smoke-ai.ts",
+    "check:matrix": "tsx scripts/check-construct-matrix.ts",
     "prepublishOnly": "npm run clean && npm run build"
   },
   "peerDependencies": {
@@ -97,6 +98,7 @@
     "@typescript-eslint/eslint-plugin": "^8.59.4",
     "@typescript-eslint/parser": "^8.59.4",
     "@vitejs/plugin-react": "^6.0.2",
+    "dotenv": "^17.4.2",
     "eslint": "^9.39.4",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
@@ -116,10 +118,17 @@
     "vite": "^8.0.13"
   },
   "dependencies": {
+    "@anthropic-ai/claude-agent-sdk": "^0.3.161",
     "@anthropic-ai/sdk": "^0.98.0",
     "immer": "^10.2.0",
     "pdfjs-dist": "^5.7.284",
+    "tesseract.js": "^7.0.0",
     "zod": "^3.23.8",
     "zod-to-json-schema": "^3.25.2"
+  },
+  "overrides": {
+    "@anthropic-ai/claude-agent-sdk": {
+      "zod": "$zod"
+    }
   }
 }

package/dist/ExcalidrawWithMenus-WENZRYYE.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ExcalidrawWithMenus.tsx"],"names":[],"mappings":";;;AAiBO,SAAS,oBAAoB,KAAA,EAAwB;AAC1D,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,IAAA,EAAK,GAAI,KAAA;AAC9B,EAAA,uBACE,IAAA,CAAC,UAAA,EAAA,EAAY,GAAG,IAAA,EAEd,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAA,CAAS,YAAA,CAAa,SAAA,EAAtB,EAAgC,CAAA;AAAA,sBACjC,GAAA,CAAC,QAAA,CAAS,YAAA,CAAa,WAAA,EAAtB,EAAkC,CAAA;AAAA,sBACnC,GAAA,CAAC,QAAA,CAAS,YAAA,CAAa,WAAA,EAAtB,EAAkC,CAAA;AAAA,sBACnC,GAAA,CAAC,QAAA,CAAS,YAAA,CAAa,WAAA,EAAtB,EAAkC;AAAA,KAAA,EACrC,CAAA;AAAA,oBAEA,GAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EACR,CAAA;AAAA,oBAGA,GAAA,CAAC,aAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EACR,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CAAA;AAEJ","file":"ExcalidrawWithMenus-WENZRYYE.mjs","sourcesContent":["'use client';\n\n// Client-only wrapper around Excalidraw that lets us reach for static helpers\n// like `MainMenu.DefaultItems.*`. Whiteboard dynamic-imports this\n// file so SSR never evaluates @excalidraw/excalidraw, while inside this file we\n// can use plain static imports (the entire module loads on the client).\n\nimport React from 'react';\nimport {\n  Excalidraw,\n  MainMenu,\n  Footer,\n  WelcomeScreen,\n} from '@excalidraw/excalidraw';\n \ntype ExcalidrawProps = any;\n\nexport function ExcalidrawWithMenus(props: ExcalidrawProps) {\n  const { children, ...rest } = props;\n  return (\n    <Excalidraw {...rest}>\n      {/* Replace default menu with curated items — no socials/help/branding */}\n      <MainMenu>\n        <MainMenu.DefaultItems.LoadScene />\n        <MainMenu.DefaultItems.SaveAsImage />\n        <MainMenu.DefaultItems.ClearCanvas />\n        <MainMenu.DefaultItems.ToggleTheme />\n      </MainMenu>\n      {/* Footer slot with no content suppresses default \"Made with Excalidraw\" link */}\n      <Footer>\n        <span />\n      </Footer>\n      {/* WelcomeScreen slot (empty) prevents the default Excalidraw welcome panel\n       *  (which includes the Excalidraw logo and social links) from appearing. */}\n      <WelcomeScreen>\n        <span />\n      </WelcomeScreen>\n      {children}\n    </Excalidraw>\n  );\n}\n"]}

package/dist/chunk-AYSFWUPK.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/core/scene/render/types2d.ts","../src/core/scene/render/JxgRenderer.ts"],"names":[],"mappings":"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","file":"chunk-AYSFWUPK.mjs","sourcesContent":["// src/core/scene/render/types2d.ts\nimport type { RenderCtx } from '../types';\n\nexport type Theme2D = {\n  stroke: string;\n  fill: string;\n  label: string;\n  axis: string;\n  grid: string;\n  pointFill: string;\n};\n\nexport const DEFAULT_THEME_2D: Theme2D = {\n  stroke: '#0f172a',\n  fill: '#60a5fa',\n  label: '#0f172a',\n  axis: '#94a3b8',\n  grid: '#e2e8f0',\n  pointFill: '#1e40af',\n};\n\nexport type RenderCtx2D = RenderCtx & {\n  theme: Theme2D;\n};\n","// src/core/scene/render/JxgRenderer.ts\nimport type { Store } from '../store';\nimport type { State, SceneObject, RenderCtx } from '../types';\nimport { getKind } from '../registry';\nimport { DEFAULT_THEME_2D, type Theme2D } from './types2d';\nimport { collectFreeVars } from '../expressions/parser';\n\nexport type JxgRendererOptions = { theme?: Theme2D };\n\nexport class JxgRenderer {\n  private board: unknown;\n  private store: Store;\n  private theme: Theme2D;\n  private elements = new Map<string, unknown>();\n  private unsubscribe: () => void;\n  private disposed = false;\n\n  /** Chỉ dùng cho domain='graph2d': parameter.label → parameter.value */\n  private paramMap: Record<string, number> = {};\n  /** Chỉ dùng cho domain='graph2d': function2d.id → expression string */\n  private functionExpr: Record<string, string> = {};\n\n  constructor(store: Store, board: unknown, options: JxgRendererOptions = {}) {\n    this.store = store;\n    this.board = board;\n    this.theme = options.theme ?? DEFAULT_THEME_2D;\n    this.unsubscribe = store.subscribe((next, prev) => this.applyDiff(prev, next));\n    // Render state hiện tại (vd LOAD chạy trước khi subscribe).\n    this.applyDiff(undefined, store.getState());\n  }\n\n  private ctx(): RenderCtx {\n    return {\n      jxg: this.board,\n      resolveRef: (id: string) => {\n        // Synthetic \"<polyId>:border:<N>\" → polygon.borders[N]. Polygon edges\n        // là sub-segment do JSXGraph auto-tạo bên trong polygon; chúng không\n        // có scene id riêng. Synthetic id cho phép construct tools (vd\n        // perpendicular qua một cạnh đa giác) tham chiếu cạnh như một line.\n        const m = /^(.+):border:(\\d+)$/.exec(id);\n        if (m) {\n          const poly = this.elements.get(m[1]) as { borders?: unknown[] } | undefined;\n          if (!poly) throw new Error(`[scene/2d] resolveRef: chưa render polygon id=\"${m[1]}\"`);\n          const borders = poly.borders;\n          const idx = parseInt(m[2], 10);\n          if (!Array.isArray(borders) || !borders[idx]) {\n            throw new Error(`[scene/2d] resolveRef: polygon \"${m[1]}\" không có border[${idx}]`);\n          }\n          return borders[idx];\n        }\n        const el = this.elements.get(id);\n        if (!el) throw new Error(`[scene/2d] resolveRef: chưa render id=\"${id}\"`);\n        return el;\n      },\n      defaults: { theme: this.theme, _functionExpr: this.functionExpr },\n      paramMap: this.paramMap,\n    };\n  }\n\n  /**\n   * Rebuild `paramMap` và `functionExpr` từ state hiện tại.\n   * Chỉ chạy khi domain='graph2d'. Chi phí thấp vì parameters thường ≤ 8.\n   */\n  private rebuildGraphMaps(state: State): void {\n    if (state.meta.domain !== 'graph2d') return;\n    const params: Record<string, number> = {};\n    const fns: Record<string, string> = {};\n    for (const id of state.order) {\n      const obj = state.objects[id];\n      if (obj.kind === 'parameter') {\n        params[obj.label] = (obj.attrs as { value: number }).value;\n      } else if (obj.kind === 'function2d') {\n        fns[obj.id] = (obj.attrs as { expression: string }).expression;\n      }\n    }\n    this.paramMap = params;\n    this.functionExpr = fns;\n  }\n\n  private create(obj: SceneObject): void {\n    try {\n      const def = getKind(obj.kind);\n      const el = def.render(obj, this.ctx());\n      this.elements.set(obj.id, el);\n      this.attachFreePointDragSync(obj, el);\n    } catch (err) {\n      console.warn(`[scene/render/2d] không render được ${obj.kind} id=\"${obj.id}\":`, err);\n    }\n  }\n\n  /**\n   * Đồng bộ toạ độ live của free point về scene.constraint khi user kéo bằng\n   * tay (Move tool / mobile drag). JSXGraph mutate obj.X()/Y() ngay nhưng\n   * constraint vẫn giữ giá trị lúc tạo → serialize sẽ ra SVG y hệt cũ →\n   * fileId SHA-256 trùng → Excalidraw bỏ qua refresh. (Regression từ\n   * commit f41f366 sau scene v2 port.)\n   *\n   * Chỉ áp dụng cho free point — glider/intersection/midpoint không drag được\n   * trực tiếp (toạ độ derived từ ref khác).\n   */\n  private attachFreePointDragSync(obj: SceneObject, el: unknown): void {\n    if (obj.kind !== 'point') return;\n    const c = (obj.attrs as { constraint?: { kind?: string } }).constraint;\n    if (!c || c.kind !== 'free') return;\n     \n    const point = el as any;\n    if (typeof point.on !== 'function') return;\n    const sceneId = obj.id;\n    point.on('up', () => {\n      if (this.disposed) return;\n      if (typeof point.X !== 'function' || typeof point.Y !== 'function') return;\n      const x = point.X();\n      const y = point.Y();\n      if (!Number.isFinite(x) || !Number.isFinite(y)) return;\n      const cur = this.store.getState().objects[sceneId];\n      if (!cur) return;\n      const curC = (cur.attrs as { constraint?: { kind?: string; x?: number; y?: number } }).constraint;\n      if (!curC || curC.kind !== 'free') return;\n      if (curC.x === x && curC.y === y) return;\n      this.store.dispatch({\n        type: 'UPDATE_ATTRS',\n        payload: { id: sceneId, patch: { constraint: { kind: 'free', x, y } } },\n      });\n    });\n  }\n\n  private remove(id: string): void {\n    // Selection halo (nếu có) phải bị xoá TRƯỚC element gốc — halo tham chiếu\n    // tới point1/point2/center/vertices của element gốc qua lambda; xoá element\n    // gốc trước sẽ làm halo dangling.\n    this.removeHalo(id);\n    this.selectedIds.delete(id);\n    const el = this.elements.get(id);\n    if (!el) return;\n    try {\n      const helpers = (el as Record<string, unknown>)._helpers;\n      // Element chính bị remove trước, sau đó helpers (glider phụ trợ cho\n      // tangent ...). Helpers thường là parent của element chính — nếu xoá\n      // parent trước, JSXGraph có thể phàn nàn dangling reference.\n      (this.board as { removeObject?: (e: unknown) => void }).removeObject?.(el);\n      if (Array.isArray(helpers)) {\n        for (const h of helpers) {\n          try {\n            (this.board as { removeObject?: (e: unknown) => void }).removeObject?.(h);\n          } catch { /* ignore */ }\n        }\n      }\n    } catch (err) {\n      console.warn(`[scene/render/2d] không remove được id=\"${id}\":`, err);\n    }\n    this.elements.delete(id);\n  }\n\n  private applyDiff(prev: State | undefined, next: State): void {\n    if (this.disposed) return;\n\n    // Rebuild paramMap + functionExpr TRƯỚC khi diff, để ctx() có đúng\n    // paramMap khi render lần đầu tiên.\n    this.rebuildGraphMaps(next);\n\n    const prevObjs = prev?.objects ?? {};\n    const nextObjs = next.objects;\n\n    // Xoá ids biến mất.\n    for (const id of Object.keys(prevObjs)) {\n      if (!(id in nextObjs)) this.remove(id);\n    }\n\n    // Thêm/cập nhật theo state.order — đảm bảo refs có trước.\n    for (const id of next.order) {\n      const cur = nextObjs[id];\n      const old = prevObjs[id] as SceneObject | undefined;\n      if (!old) {\n        this.create(cur);\n        continue;\n      }\n      if (Object.is(old, cur)) continue;\n      const def = getKind(cur.kind);\n      const existing = this.elements.get(id);\n      if (def.update && existing) {\n        try { def.update(cur, old, this.ctx(), existing); continue; }\n        catch (err) { console.warn(`[scene/render/2d] update fail, recreate:`, err); }\n      }\n      this.remove(id);\n      this.create(cur);\n    }\n\n    // Sau diff bình thường: nếu domain='graph2d', detect parameter value changes\n    // và force re-render các function2d phụ thuộc.\n    if (next.meta.domain === 'graph2d' && prev) {\n      const changedParams = new Set<string>();\n      for (const id of next.order) {\n        const cur = next.objects[id];\n        const old = prev.objects[id] as SceneObject | undefined;\n        if (cur.kind !== 'parameter' || old?.kind !== 'parameter') continue;\n        if ((cur.attrs as { value: number }).value !== (old.attrs as { value: number }).value) {\n          changedParams.add(cur.label);\n        }\n      }\n      if (changedParams.size > 0) {\n        for (const id of next.order) {\n          const obj = next.objects[id];\n          if (obj.kind !== 'function2d') continue;\n          const expr = (obj.attrs as { expression: string }).expression;\n          const refs = collectFreeVars(expr);\n          if (refs.some((r) => changedParams.has(r))) {\n            this.remove(id);\n            this.create(obj);\n          }\n        }\n      }\n    }\n  }\n\n  dispose(): void {\n    if (this.disposed) return;\n    this.unsubscribe();\n    for (const id of Array.from(this.elements.keys())) this.remove(id);\n    this.disposed = true;\n  }\n\n  /** Return the rendered JSXGraph element for a scene id, or null if not found. */\n  getElement(id: string): unknown {\n    return this.elements.get(id) ?? null;\n  }\n\n  /** Return a read-only view of the scene id → JSXGraph element map (for hit-test). */\n  listElements(): Map<string, unknown> {\n    return this.elements;\n  }\n\n  // Selection halo overlay model: thay vì đổi màu element gốc thành đỏ, tạo\n  // một halo element gray phía sau (lower layer) → giữ nguyên màu gốc. Hỗ\n  // trợ multi-select cho cả canvas click-selection lẫn ObjectListPanel.\n  private selectedIds: Set<string> = new Set();\n  private haloMap: Map<string, unknown[]> = new Map();\n\n  highlight(ids: string | string[] | null): void {\n    if (this.disposed) return;\n    const newIds = new Set<string>(\n      ids == null ? [] : Array.isArray(ids) ? ids : [ids],\n    );\n    // Remove halos cho ids đã bị bỏ chọn.\n    for (const id of this.selectedIds) {\n      if (!newIds.has(id)) this.removeHalo(id);\n    }\n    // Add halos cho ids mới chọn.\n    for (const id of newIds) {\n      if (!this.selectedIds.has(id) && this.elements.has(id)) this.addHalo(id);\n    }\n    this.selectedIds = newIds;\n    try {\n      (this.board as { update?: () => void }).update?.();\n    } catch { /* ignore */ }\n  }\n\n  private removeHalo(id: string): void {\n    const halos = this.haloMap.get(id);\n    if (!halos) return;\n    const board = this.board as { removeObject?: (e: unknown) => void };\n    for (const h of halos) {\n      try { board.removeObject?.(h); } catch { /* ignore */ }\n    }\n    this.haloMap.delete(id);\n  }\n\n  private addHalo(id: string): void {\n    const el = this.elements.get(id) as\n      | {\n          elType?: string;\n          getAttribute?: (k: string) => unknown;\n          X?: () => number;\n          Y?: () => number;\n          point1?: unknown;\n          point2?: unknown;\n          center?: unknown;\n          Radius?: () => number;\n          vertices?: unknown[];\n        }\n      | undefined;\n    if (!el) return;\n    const board = this.board as {\n      create?: (kind: string, parents: unknown[], attrs?: unknown) => unknown;\n    };\n    if (!board.create) return;\n\n    // Selection palette — gray fill + darker gray border (xem\n    // tham chiếu /tmp/ss.png).\n    const SEL_STROKE = '#475569'; // slate-600\n    const SEL_FILL = '#cbd5e1';   // slate-300\n    const haloBase = {\n      strokeColor: SEL_STROKE,\n      strokeOpacity: 0.55,\n      fillColor: SEL_FILL,\n      fillOpacity: 0.3,\n      fixed: true,\n      withLabel: false,\n      name: '',\n      highlight: false,\n      layer: 4,\n      needsRegularUpdate: true,\n    };\n    const halos: unknown[] = [];\n    try {\n      switch (el.elType) {\n        case 'point':\n        case 'glider':\n        case 'intersection': {\n          const baseSize = (el.getAttribute?.('size') as number | undefined) ?? 4;\n          const halo = board.create('point', [\n            () => el.X?.() ?? 0,\n            () => el.Y?.() ?? 0,\n          ], {\n            ...haloBase,\n            size: baseSize + 6,\n            face: 'o',\n            strokeWidth: 2,\n            strokeOpacity: 0.75,\n            fillOpacity: 0.25,\n          });\n          halos.push(halo);\n          break;\n        }\n        case 'segment': {\n          if (el.point1 && el.point2) {\n            const halo = board.create('segment', [el.point1, el.point2], {\n              ...haloBase,\n              strokeWidth: 9,\n              straightFirst: false,\n              straightLast: false,\n            });\n            halos.push(halo);\n          }\n          break;\n        }\n        case 'line':\n        case 'arrow':\n        case 'ray':\n        case 'vector':\n        case 'tangent':\n        case 'normal':\n        case 'parallel':\n        case 'perpendicular':\n        case 'bisector': {\n          if (el.point1 && el.point2) {\n            const halo = board.create('line', [el.point1, el.point2], {\n              ...haloBase,\n              strokeWidth: 9,\n            });\n            halos.push(halo);\n          }\n          break;\n        }\n        case 'circle': {\n          if (el.center && typeof el.Radius === 'function') {\n            const halo = board.create('circle', [el.center, () => el.Radius?.() ?? 0], {\n              ...haloBase,\n              strokeWidth: 9,\n              fillOpacity: 0,\n            });\n            halos.push(halo);\n          }\n          break;\n        }\n        case 'polygon': {\n          if (Array.isArray(el.vertices) && el.vertices.length >= 3) {\n            // JSXGraph polygon.vertices có thể append vertex đầu lặp lại ở\n            // cuối để đóng path — trim cho an toàn.\n            const last = el.vertices.length - 1;\n            const verts = el.vertices[last] === el.vertices[0]\n              ? el.vertices.slice(0, last)\n              : el.vertices.slice();\n            const halo = board.create('polygon', verts, {\n              ...haloBase,\n              fillOpacity: 0.2,\n              borders: {\n                strokeColor: SEL_STROKE,\n                strokeWidth: 7,\n                strokeOpacity: 0.55,\n                highlight: false,\n              },\n            });\n            halos.push(halo);\n          }\n          break;\n        }\n        default:\n          // Các kind khác (curve, arc, sector, angle, ...) — chưa hỗ trợ halo.\n          break;\n      }\n    } catch (err) {\n      console.warn('[scene/render/2d] halo create fail:', err);\n    }\n    if (halos.length) this.haloMap.set(id, halos);\n  }\n}\n"]}