@mathwiz/ui-components 0.1.27 → 0.1.29

package/dist/index.mjs

@@ -11,7 +11,7 @@ import { create as Lt } from "zustand";
 import { useShallow as fo } from "zustand/shallow";
 import { useShallow as on } from "zustand/react/shallow";
 import { devtools as Hs } from "zustand/middleware";
-const Ot = ({
+const tt = ({
   progress: r,
   variant: e = "solid",
   size: t = "md",
@@ -19,25 +19,31 @@ const Ot = ({
   children: o,
   className: s = "",
   loading: i,
-  ...a
+  intent: a,
+  useNewClassName: c = !1,
+  ...l
 }) => {
-  const l = r !== void 0 ? ((u) => u === 0 ? "button--primary" : u === 100 ? "button--success" : "button--secondary")(r) : "button--primary", d = [
-    "button",
-    `button--${t}`,
-    `button--${e}`,
-    `button--radius-${n}`,
-    l,
-    i && "button--loading",
+  const u = r !== void 0 ? ((g) => {
+    const p = c ? "mathwiz-btn--" : "button--";
+    return g === 0 ? `${p}primary` : g === 100 ? `${p}success` : `${p}secondary`;
+  })(r) : c ? "mathwiz-btn--primary" : "button--primary", y = c ? "mathwiz-btn" : "button", m = c ? "mathwiz-btn--" : "button--", h = [
+    y,
+    `${m}${t}`,
+    `${m}${e}`,
+    `${m}radius-${n}`,
+    u,
+    i && `${m}loading`,
+    a && c ? `mathwiz-btn--${a}` : null,
     s
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ f(
     "button",
     {
       type: "button",
-      className: d,
+      className: h,
       "data-progress": r,
-      disabled: i || a.disabled,
-      ...a,
+      disabled: i || l.disabled,
+      ...l,
       children: i ? "加载中..." : o
     }
   );
@@ -75,7 +81,7 @@ const Ot = ({
         ] })
       ] }),
       /* @__PURE__ */ f(
-        Ot,
+        tt,
         {
           size: "sm",
           radius: "md",
@@ -326,9 +332,9 @@ function mo(r, e) {
 const { toString: ti } = Object.prototype, { getPrototypeOf: sn } = Object, { iterator: wr, toStringTag: ho } = Symbol, Ar = /* @__PURE__ */ ((r) => (e) => {
   const t = ti.call(e);
   return r[t] || (r[t] = t.slice(8, -1).toLowerCase());
-})(/* @__PURE__ */ Object.create(null)), Ue = (r) => (r = r.toLowerCase(), (e) => Ar(e) === r), Rr = (r) => (e) => typeof e === r, { isArray: Rt } = Array, vt = Rr("undefined");
+})(/* @__PURE__ */ Object.create(null)), Ue = (r) => (r = r.toLowerCase(), (e) => Ar(e) === r), Rr = (r) => (e) => typeof e === r, { isArray: xt } = Array, _t = Rr("undefined");
 function Ut(r) {
-  return r !== null && !vt(r) && r.constructor !== null && !vt(r.constructor) && Ne(r.constructor.isBuffer) && r.constructor.isBuffer(r);
+  return r !== null && !_t(r) && r.constructor !== null && !_t(r.constructor) && Ne(r.constructor.isBuffer) && r.constructor.isBuffer(r);
 }
 const go = Ue("ArrayBuffer");
 function ri(r) {
@@ -362,7 +368,7 @@ function zt(r, e, { allOwnKeys: t = !1 } = {}) {
   if (r === null || typeof r > "u")
     return;
   let n, o;
-  if (typeof r != "object" && (r = [r]), Rt(r))
+  if (typeof r != "object" && (r = [r]), xt(r))
     for (n = 0, o = r.length; n < o; n++)
       e.call(null, r[n], n, r);
   else {
@@ -385,13 +391,13 @@ function yo(r, e) {
       return o;
   return null;
 }
-const ct = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, bo = (r) => !vt(r) && r !== ct;
+const dt = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, bo = (r) => !_t(r) && r !== dt;
 function qr() {
   const { caseless: r, skipUndefined: e } = bo(this) && this || {}, t = {}, n = (o, s) => {
     if (s === "__proto__" || s === "constructor" || s === "prototype")
       return;
     const i = r && yo(t, s) || s;
-    ar(t[i]) && ar(o) ? t[i] = qr(t[i], o) : ar(o) ? t[i] = qr({}, o) : Rt(o) ? t[i] = o.slice() : (!e || !vt(o)) && (t[i] = o);
+    ar(t[i]) && ar(o) ? t[i] = qr(t[i], o) : ar(o) ? t[i] = qr({}, o) : xt(o) ? t[i] = o.slice() : (!e || !_t(o)) && (t[i] = o);
   };
   for (let o = 0, s = arguments.length; o < s; o++)
     arguments[o] && zt(arguments[o], n);
@@ -441,7 +447,7 @@ const bi = (r, e, t, { allOwnKeys: n } = {}) => (zt(
   return n !== -1 && n === t;
 }, Ri = (r) => {
   if (!r) return null;
-  if (Rt(r)) return r;
+  if (xt(r)) return r;
   let e = r.length;
   if (!po(e)) return null;
   const t = new Array(e);
@@ -490,7 +496,7 @@ const bi = (r, e, t, { allOwnKeys: n } = {}) => (zt(
       t[s] = !0;
     });
   };
-  return Rt(r) ? n(r) : n(String(r).split(e)), t;
+  return xt(r) ? n(r) : n(String(r).split(e)), t;
 }, Oi = () => {
 }, Ii = (r, e) => r != null && Number.isFinite(r = +r) ? r : e;
 function Mi(r) {
@@ -505,26 +511,26 @@ const Fi = (r) => {
         return n;
       if (!("toJSON" in n)) {
         e[o] = n;
-        const s = Rt(n) ? [] : {};
+        const s = xt(n) ? [] : {};
         return zt(n, (i, a) => {
           const c = t(i, o + 1);
-          !vt(c) && (s[a] = c);
+          !_t(c) && (s[a] = c);
         }), e[o] = void 0, s;
       }
     }
     return n;
   };
   return t(r, 0);
-}, Pi = Ue("AsyncFunction"), Di = (r) => r && (Gt(r) || Ne(r)) && Ne(r.then) && Ne(r.catch), _o = ((r, e) => r ? setImmediate : e ? ((t, n) => (ct.addEventListener(
+}, Pi = Ue("AsyncFunction"), Di = (r) => r && (Gt(r) || Ne(r)) && Ne(r.then) && Ne(r.catch), _o = ((r, e) => r ? setImmediate : e ? ((t, n) => (dt.addEventListener(
   "message",
   ({ source: o, data: s }) => {
-    o === ct && s === t && n.length && n.shift()();
+    o === dt && s === t && n.length && n.shift()();
   },
   !1
 ), (o) => {
-  n.push(o), ct.postMessage(t, "*");
-}))(`axios@${Math.random()}`, []) : (t) => setTimeout(t))(typeof setImmediate == "function", Ne(ct.postMessage)), Li = typeof queueMicrotask < "u" ? queueMicrotask.bind(ct) : typeof process < "u" && process.nextTick || _o, Ui = (r) => r != null && Ne(r[wr]), _ = {
-  isArray: Rt,
+  n.push(o), dt.postMessage(t, "*");
+}))(`axios@${Math.random()}`, []) : (t) => setTimeout(t))(typeof setImmediate == "function", Ne(dt.postMessage)), Li = typeof queueMicrotask < "u" ? queueMicrotask.bind(dt) : typeof process < "u" && process.nextTick || _o, Ui = (r) => r != null && Ne(r[wr]), _ = {
+  isArray: xt,
   isArrayBuffer: go,
   isBuffer: Ut,
   isFormData: fi,
@@ -539,7 +545,7 @@ const Fi = (r) => {
   isRequest: hi,
   isResponse: gi,
   isHeaders: pi,
-  isUndefined: vt,
+  isUndefined: _t,
   isDate: ii,
   isFile: ai,
   isBlob: li,
@@ -573,7 +579,7 @@ const Fi = (r) => {
   noop: Oi,
   toFiniteNumber: Ii,
   findKey: yo,
-  global: ct,
+  global: dt,
   isContextDefined: bo,
   isSpecCompliantForm: Mi,
   toJSONObject: Fi,
@@ -980,7 +986,7 @@ const ra = _.toObjectSet([
     o = i.indexOf(":"), t = i.substring(0, o).trim().toLowerCase(), n = i.substring(o + 1).trim(), !(!t || e[t] && ra[t]) && (t === "set-cookie" ? e[t] ? e[t].push(n) : e[t] = [n] : e[t] = e[t] ? e[t] + ", " + n : n);
   }), e;
 }, Nn = /* @__PURE__ */ Symbol("internals");
-function Tt(r) {
+function Nt(r) {
   return r && String(r).trim().toLowerCase();
 }
 function lr(r) {
@@ -1025,7 +1031,7 @@ let $e = class {
   set(e, t, n) {
     const o = this;
     function s(a, c, l) {
-      const d = Tt(c);
+      const d = Nt(c);
       if (!d)
         throw new Error("header name must be a non-empty string");
       const u = _.findKey(o, d);
@@ -1049,7 +1055,7 @@ let $e = class {
     return this;
   }
   get(e, t) {
-    if (e = Tt(e), e) {
+    if (e = Nt(e), e) {
       const n = _.findKey(this, e);
       if (n) {
         const o = this[n];
@@ -1066,7 +1072,7 @@ let $e = class {
     }
   }
   has(e, t) {
-    if (e = Tt(e), e) {
+    if (e = Nt(e), e) {
       const n = _.findKey(this, e);
       return !!(n && this[n] !== void 0 && (!t || Mr(this, this[n], n, t)));
     }
@@ -1076,7 +1082,7 @@ let $e = class {
     const n = this;
     let o = !1;
     function s(i) {
-      if (i = Tt(i), i) {
+      if (i = Nt(i), i) {
         const a = _.findKey(n, i);
         a && (!t || Mr(n, n[a], a, t)) && (delete n[a], o = !0);
       }
@@ -1138,7 +1144,7 @@ let $e = class {
       accessors: {}
     }).accessors, o = this.prototype;
     function s(i) {
-      const a = Tt(i);
+      const a = Nt(i);
       n[a] || (aa(o, i), n[a] = !0);
     }
     return _.isArray(e) ? e.forEach(s) : s(e), this;
@@ -1290,7 +1296,7 @@ function To(r, e, t) {
   return r && (n || t == !1) ? ha(r, e) : e;
 }
 const On = (r) => r instanceof $e ? { ...r } : r;
-function ft(r, e) {
+function ut(r, e) {
   e = e || {};
   const t = {};
   function n(l, d, u, y) {
@@ -1360,7 +1366,7 @@ function ft(r, e) {
   ), t;
 }
 const No = (r) => {
-  const e = ft({}, r);
+  const e = ut({}, r);
   let { data: t, withXSRFToken: n, xsrfHeaderName: o, xsrfCookieName: s, headers: i, auth: a } = e;
   if (e.headers = i = $e.from(i), e.url = xo(To(e.baseURL, e.url, e.allowAbsoluteUrls), r.params, r.paramsSerializer), a && i.set(
     "Authorization",
@@ -1627,8 +1633,8 @@ const No = (r) => {
       const q = d && (A === "stream" || A === "response");
       if (d && (w || q && U)) {
         const ue = {};
-        ["status", "statusText", "headers"].forEach((tt) => {
-          ue[tt] = le[tt];
+        ["status", "statusText", "headers"].forEach((rt) => {
+          ue[rt] = le[rt];
         });
         const _e = _.toFiniteNumber(le.headers.get("content-length")), [Oe, Je] = w && $n(
           _e,
@@ -1803,7 +1809,7 @@ const cr = {
   assertOptions: Ca,
   validators: Sr
 }, Pe = cr.validators;
-let dt = class {
+let ft = class {
   constructor(e) {
     this.defaults = e || {}, this.interceptors = {
       request: new Tn(),
@@ -1836,7 +1842,7 @@ let dt = class {
     }
   }
   _request(e, t) {
-    typeof e == "string" ? (t = t || {}, t.url = e) : t = e || {}, t = ft(this.defaults, t);
+    typeof e == "string" ? (t = t || {}, t.url = e) : t = e || {}, t = ut(this.defaults, t);
     const { transitional: n, paramsSerializer: o, headers: s } = t;
     n !== void 0 && cr.assertOptions(n, {
       silentJSONParsing: Pe.transitional(Pe.boolean),
@@ -1903,14 +1909,14 @@ let dt = class {
     return d;
   }
   getUri(e) {
-    e = ft(this.defaults, e);
+    e = ut(this.defaults, e);
     const t = To(e.baseURL, e.url, e.allowAbsoluteUrls);
     return xo(t, e.params, e.paramsSerializer);
   }
 };
 _.forEach(["delete", "get", "head", "options"], function(e) {
-  dt.prototype[e] = function(t, n) {
-    return this.request(ft(n || {}, {
+  ft.prototype[e] = function(t, n) {
+    return this.request(ut(n || {}, {
       method: e,
       url: t,
       data: (n || {}).data
@@ -1920,7 +1926,7 @@ _.forEach(["delete", "get", "head", "options"], function(e) {
 _.forEach(["post", "put", "patch"], function(e) {
   function t(n) {
     return function(s, i, a) {
-      return this.request(ft(a || {}, {
+      return this.request(ut(a || {}, {
         method: e,
         headers: n ? {
           "Content-Type": "multipart/form-data"
@@ -1930,7 +1936,7 @@ _.forEach(["post", "put", "patch"], function(e) {
       }));
     };
   }
-  dt.prototype[e] = t(), dt.prototype[e + "Form"] = t(!0);
+  ft.prototype[e] = t(), ft.prototype[e + "Form"] = t(!0);
 });
 let Ea = class Io {
   constructor(e) {
@@ -2088,13 +2094,13 @@ Object.entries(Kr).forEach(([r, e]) => {
   Kr[e] = r;
 });
 function Mo(r) {
-  const e = new dt(r), t = mo(dt.prototype.request, e);
-  return _.extend(t, dt.prototype, e, { allOwnKeys: !0 }), _.extend(t, e, null, { allOwnKeys: !0 }), t.create = function(o) {
-    return Mo(ft(r, o));
+  const e = new ft(r), t = mo(ft.prototype.request, e);
+  return _.extend(t, ft.prototype, e, { allOwnKeys: !0 }), _.extend(t, e, null, { allOwnKeys: !0 }), t.create = function(o) {
+    return Mo(ut(r, o));
   }, t;
 }
 const ae = Mo(jt);
-ae.Axios = dt;
+ae.Axios = ft;
 ae.CanceledError = Bt;
 ae.CancelToken = Ea;
 ae.isCancel = Co;
@@ -2107,7 +2113,7 @@ ae.all = function(e) {
 };
 ae.spread = Ta;
 ae.isAxiosError = Na;
-ae.mergeConfig = ft;
+ae.mergeConfig = ut;
 ae.AxiosHeaders = $e;
 ae.formToJSON = (r) => So(_.isHTMLForm(r) ? new FormData(r) : r);
 ae.getAdapter = ko.getAdapter;
@@ -2428,10 +2434,10 @@ import 'katex/dist/katex.min.css';
     );
   }
 );
-function $t(r) {
+function kt(r) {
   return r.type !== "composite";
 }
-function kt(r) {
+function Ot(r) {
   return r.type === "composite";
 }
 function Ga() {
@@ -2443,13 +2449,13 @@ function Ga() {
     }
   };
 }
-function _t(r) {
+function wt(r) {
   if (!r)
     return Ga();
   if (r.type === "composite" && Array.isArray(r.transforms))
     return {
       type: "composite",
-      transforms: r.transforms.map((s) => _t(s)),
+      transforms: r.transforms.map((s) => wt(s)),
       executionMode: r.executionMode || "sequential"
     };
   if (r.type && r.config)
@@ -2458,7 +2464,7 @@ function _t(r) {
   if (e.type === "composite" && Array.isArray(e.composite))
     return {
       type: "composite",
-      transforms: e.composite.map((s, i) => _t(s)),
+      transforms: e.composite.map((s, i) => wt(s)),
       executionMode: "sequential"
       // 默认顺序执行
     };
@@ -2476,7 +2482,7 @@ const Er = (r) => {
     e += n, t += o;
   return [e / r.length, t / r.length];
 }, Xr = (r) => {
-  if ($t(r)) {
+  if (kt(r)) {
     const e = r;
     if (!e.config)
       return `${e.type}变换缺少配置`;
@@ -2496,7 +2502,7 @@ const Er = (r) => {
     }
     return null;
   }
-  if (kt(r)) {
+  if (Ot(r)) {
     const e = r;
     if (!e.transforms)
       return "复合变换缺少transforms字段";
@@ -2517,7 +2523,7 @@ const Er = (r) => {
     return `全局变换配置错误: ${o}`;
   for (const s of t.animated)
     if (s.transform) {
-      const i = _t(s.transform), a = Xr(i);
+      const i = wt(s.transform), a = Xr(i);
       if (a)
         return `形状"${s.metadata?.id || "未知"}"专属变换配置错误: ${a}`;
     }
@@ -2534,7 +2540,7 @@ const Er = (r) => {
   }
   return null;
 }, ja = (r) => {
-  const { base: e, height: t, shapes: n, transform: o } = r, s = _t(o), i = za(e, t, n, s);
+  const { base: e, height: t, shapes: n, transform: o } = r, s = wt(o), i = za(e, t, n, s);
   return i ? {
     code: "INVALID_CONFIG",
     message: i,
@@ -3137,9 +3143,9 @@ class rl {
     return this.executors.size;
   }
 }
-let ot = null;
+let st = null;
 function Po() {
-  return ot || (ot = new rl(), ot.register(new Xa()), ot.register(new Ja()), ot.register(new Za()), ot.register(new tl())), ot;
+  return st || (st = new rl(), st.register(new Xa()), st.register(new Ja()), st.register(new Za()), st.register(new tl())), st;
 }
 class Zr {
   /**
@@ -3483,7 +3489,7 @@ class sl {
     if (!n)
       return e;
     const s = Zr.extractGroupId(o, "rotationGroup");
-    return $t(n) ? this.executeSingleTransform(e, t, n, o, s) : kt(n) ? this.compositor.execute(e, t, n, s, o) : (console.error("未知的变换类型:", n), e);
+    return kt(n) ? this.executeSingleTransform(e, t, n, o, s) : Ot(n) ? this.compositor.execute(e, t, n, s, o) : (console.error("未知的变换类型:", n), e);
   }
   /**
    * 获取有效的变换配置（处理形状专属transform的优先级）
@@ -3500,12 +3506,12 @@ class sl {
    * @returns 变换信息
    */
   getTransformInfo(e) {
-    return e ? $t(e) ? {
+    return e ? kt(e) ? {
       count: 1,
       types: [e.type],
       groups: e.targetGroup ? [e.targetGroup] : [],
       hasTransform: !0
-    } : kt(e) ? {
+    } : Ot(e) ? {
       ...this.compositor.getTransformInfo(e),
       hasTransform: !0
     } : {
@@ -3526,7 +3532,7 @@ class sl {
    * @returns 验证结果
    */
   validateTransform(e) {
-    return e ? $t(e) ? this.validateSingleTransform(e) : kt(e) ? this.compositor.validate(e) : {
+    return e ? kt(e) ? this.validateSingleTransform(e) : Ot(e) ? this.compositor.validate(e) : {
       isValid: !1,
       errors: ["未知的变换类型"],
       warnings: []
@@ -3542,7 +3548,7 @@ class sl {
    * @returns 是否为空变换
    */
   isEmptyTransform(e) {
-    return e ? $t(e) ? !1 : kt(e) ? this.compositor.isEmpty(e) : !0 : !0;
+    return e ? kt(e) ? !1 : Ot(e) ? this.compositor.isEmpty(e) : !0 : !0;
   }
   /**
    * 批量执行多个形状的变换
@@ -3674,7 +3680,7 @@ const il = () => {
     width: 800,
     height: 560
   }), U = W(() => new sl(), []), re = W(
-    () => _t(a),
+    () => wt(a),
     [a]
   ), I = Te(null), ve = Te({}), le = Te(null), {
     handleProgressChange: q,
@@ -3713,7 +3719,7 @@ const il = () => {
   const Je = {
     width: g ?? `${J.width}px`,
     height: `${J.height}px`
-  }, tt = V((N, E) => {
+  }, rt = V((N, E) => {
     console.log("🔍 computeDynamicAppearance called:", {
       shapeId: N.metadata?.id,
       shapeType: N.type,
@@ -3729,12 +3735,12 @@ const il = () => {
       if (yr(ce) && (!ze || yr(ze))) {
         let Me = E;
         E < pe ? Me = 0 : E > we ? Me = 1 : Me = (E - pe) / (we - pe);
-        const Et = ze || Z.fillColor || "#FFFFFF";
-        ne = Fo(Et, ce, Me, Ie), console.log("🎨 fillcolor_set applied:", {
+        const Tt = ze || Z.fillColor || "#FFFFFF";
+        ne = Fo(Tt, ce, Me, Ie), console.log("🎨 fillcolor_set applied:", {
           shapeId: N.metadata?.id,
           progress: E,
           effectiveProgress: Me,
-          startColor: Et,
+          startColor: Tt,
           targetColor: ce,
           resultColor: ne
         });
@@ -3758,21 +3764,21 @@ const il = () => {
       }
       return 1;
     }, G = { ...Z };
-    let rt = !0;
-    const Ge = F(R.visibility), nt = F(R.labelVisibility);
+    let nt = !0;
+    const Ge = F(R.visibility), ot = F(R.labelVisibility);
     if (console.log("📊 Visibility values:", {
       shapeId: N.metadata?.id,
       progress: E,
       visibilityValue: Ge,
-      labelVisibilityValue: nt,
+      labelVisibilityValue: ot,
       hasVisibility: !!R.visibility,
       hasLabelVisibility: !!R.labelVisibility
-    }), R.visibility && (G.fillOpacity === void 0 && (G.fillOpacity = 1), G.fillOpacity *= Ge, Ge === 0 && (G.strokeWidth = 0, console.log("👁️ Shape hidden, strokeWidth set to 0")), G.strokeColor, rt = Ge > 0, console.log("👁️ Shape visibility:", { shapeId: N.metadata?.id, visible: rt, visibilityValue: Ge })), R.labelVisibility) {
-      const oe = nt > 0;
+    }), R.visibility && (G.fillOpacity === void 0 && (G.fillOpacity = 1), G.fillOpacity *= Ge, Ge === 0 && (G.strokeWidth = 0, console.log("👁️ Shape hidden, strokeWidth set to 0")), G.strokeColor, nt = Ge > 0, console.log("👁️ Shape visibility:", { shapeId: N.metadata?.id, visible: nt, visibilityValue: Ge })), R.labelVisibility) {
+      const oe = ot > 0;
       G.labelVisible = oe, console.log("🏷️ Label visibility:", {
         shapeId: N.metadata?.id,
         labelVisible: oe,
-        labelVisibilityValue: nt,
+        labelVisibilityValue: ot,
         hasLabel: !!N.metadata?.label
       });
     }
@@ -3784,8 +3790,8 @@ const il = () => {
       else if (E > pe)
         Me = Ie;
       else {
-        const Et = (E - ce) / (pe - ce);
-        Me = we + (Ie - we) * Et;
+        const Tt = (E - ce) / (pe - ce);
+        Me = we + (Ie - we) * Tt;
       }
       G.fillOpacity = Me;
     }
@@ -3806,14 +3812,14 @@ const il = () => {
           ze === "gradient" ? G.fillColor = Ie : G.fillColor = Me >= 0.5 ? Ie : we;
         }
     }
-    return G.visible = rt, G.labelVisible === void 0 && (G.labelVisible = !1), console.log("📋 Final computed style:", {
+    return G.visible = nt, G.labelVisible === void 0 && (G.labelVisible = !1), console.log("📋 Final computed style:", {
       shapeId: N.metadata?.id,
       visible: G.visible,
       labelVisible: G.labelVisible,
       fillOpacity: G.fillOpacity,
       strokeWidth: G.strokeWidth
     }), G;
-  }, []), mt = V((N, E, R = !1, Z = 0) => {
+  }, []), ht = V((N, E, R = !1, Z = 0) => {
     console.log("🎨 createShape called:", {
       shapeId: E.metadata?.id,
       shapeType: E.type,
@@ -3831,7 +3837,7 @@ const il = () => {
         verticesLength: E.vertices?.length,
         minVertices: ne
       }), null;
-    const F = tt(E, Z);
+    const F = rt(E, Z);
     let G;
     switch (E.type) {
       case "triangle":
@@ -3839,7 +3845,7 @@ const il = () => {
       case "parallelogram":
       case "trapezoid":
       case "polygon":
-        const rt = F.labelVisible !== void 0 ? F.labelVisible : E.style?.labelVisible !== void 0 ? E.style.labelVisible : !1, Ge = E.metadata?.label || E.metadata?.id || "";
+        const nt = F.labelVisible !== void 0 ? F.labelVisible : E.style?.labelVisible !== void 0 ? E.style.labelVisible : !1, Ge = E.metadata?.label || E.metadata?.id || "";
         G = N.create("polygon", E.vertices, {
           name: Ge,
           fillColor: F.fillColor !== void 0 ? F.fillColor : R ? "#8ec5fc" : "#6a5acd",
@@ -3849,14 +3855,14 @@ const il = () => {
           dash: F.dashStyle !== void 0 ? F.dashStyle : 0,
           fixed: R,
           highlight: !R,
-          withLabel: rt,
+          withLabel: nt,
           visible: F.visible !== void 0 ? F.visible : !0
         });
         break;
       case "circle":
         if (E.vertices.length >= 2) {
-          const [nt, oe] = E.vertices, ce = F.labelVisible !== void 0 ? F.labelVisible : E.style?.labelVisible !== void 0 ? E.style.labelVisible : !1, pe = E.metadata?.label || E.metadata?.id || "";
-          G = N.create("circle", [nt, oe], {
+          const [ot, oe] = E.vertices, ce = F.labelVisible !== void 0 ? F.labelVisible : E.style?.labelVisible !== void 0 ? E.style.labelVisible : !1, pe = E.metadata?.label || E.metadata?.id || "";
+          G = N.create("circle", [ot, oe], {
             name: pe,
             fillColor: F.fillColor !== void 0 ? F.fillColor : R ? "#8ec5fc" : "#6a5acd",
             fillOpacity: F.fillOpacity !== void 0 ? F.fillOpacity : R ? 0.3 : 0.7,
@@ -3871,8 +3877,8 @@ const il = () => {
         break;
       case "point":
         if (E.vertices.length >= 1) {
-          const [nt, oe] = E.vertices[0], ce = F.labelVisible !== void 0 ? F.labelVisible : E.style?.labelVisible !== void 0 ? E.style.labelVisible : !1, pe = E.metadata?.label || E.metadata?.id || "";
-          G = N.create("point", [nt, oe], {
+          const [ot, oe] = E.vertices[0], ce = F.labelVisible !== void 0 ? F.labelVisible : E.style?.labelVisible !== void 0 ? E.style.labelVisible : !1, pe = E.metadata?.label || E.metadata?.id || "";
+          G = N.create("point", [ot, oe], {
             name: pe,
             withLabel: ce,
             fixed: R,
@@ -3898,7 +3904,7 @@ const il = () => {
       hasLabel: !!E.metadata?.label,
       withLabel: !!E.metadata?.label && F.labelVisible
     }), G;
-  }, [tt]);
+  }, [rt]);
   B(() => {
     if (!(e > 0 && t > 0 && i?.animated?.length > 0)) {
       console.log("🔍 GeometryTransform: 数据未就绪，跳过验证", {
@@ -3968,10 +3974,10 @@ const il = () => {
             } catch {
             }
         }), ve.current = {}, i.static.forEach((N, E) => {
-          const R = N.metadata?.id || `static-${E}`, Z = mt(k, N, !0, 0);
+          const R = N.metadata?.id || `static-${E}`, Z = ht(k, N, !0, 0);
           Z && (ve.current[R] = Z);
         }), i.animated.forEach((N, E) => {
-          const R = N.metadata?.id || `animated-${E}`, Z = mt(k, N, !1, 0);
+          const R = N.metadata?.id || `animated-${E}`, Z = ht(k, N, !1, 0);
           Z && (ve.current[R] = Z);
         }), k.unsuspendUpdate(), p && p();
       } catch (N) {
@@ -3999,12 +4005,12 @@ const il = () => {
         }), i.animated.forEach((R, Z) => {
           const ne = R.metadata?.id || `animated-${Z}`, F = R.transform ? {
             ...R,
-            transform: _t(R.transform)
+            transform: wt(R.transform)
           } : R, G = U.executeShapeTransform(
             F,
             C,
             re
-          ), rt = {
+          ), nt = {
             ...R,
             vertices: G,
             metadata: {
@@ -4014,7 +4020,7 @@ const il = () => {
               transformSource: R.transform ? "shape" : "global"
               // Use the computed transformSource with fallback
             }
-          }, Ge = mt(k, rt, !1, C);
+          }, Ge = ht(k, nt, !1, C);
           Ge && (ve.current[ne] = Ge);
         });
         const N = c.progressIndicator?.stages || 1, E = Math.min(Math.floor(C * N), N - 1);
@@ -4030,8 +4036,8 @@ const il = () => {
         }
       }
     }
-  }, [k, C, i, a, c, mt, re, U]);
-  const Ct = V((N) => {
+  }, [k, C, i, a, c, ht, re, U]);
+  const Et = V((N) => {
     const E = Array.isArray(N) ? N[0] : N;
     w(E), q(E, (R) => {
       b?.(R);
@@ -4041,12 +4047,12 @@ const il = () => {
     if (!m) return;
     const N = (E) => {
       const R = _e(E, C);
-      R !== null && R !== C && Ct(R);
+      R !== null && R !== C && Et(R);
     };
     return window.addEventListener("keydown", N), () => {
       window.removeEventListener("keydown", N);
     };
-  }, [m, C, Ct, _e]), V(() => {
+  }, [m, C, Et, _e]), V(() => {
     w(0), $(0), ue();
   }, [ue]);
   const Ir = V(() => {
@@ -4119,7 +4125,7 @@ const il = () => {
               id: "transform-slider",
               "data-testid": "slider",
               value: C,
-              onChange: Ct,
+              onChange: Et,
               minValue: 0,
               maxValue: 1,
               step: 0.01,
@@ -5320,24 +5326,24 @@ function Bo(r, e = {}) {
         s.push(A.position);
         break;
       case "line":
-        const P = ht(A.start, r), $ = ht(A.end, r);
+        const P = gt(A.start, r), $ = gt(A.end, r);
         P && s.push(P), $ && s.push($);
         break;
       case "circle":
-        const k = ht(A.center, r);
+        const k = gt(A.center, r);
         if (k && (s.push(k), A.radius !== void 0 && s.push(
           { x: k.x + A.radius, y: k.y },
           { x: k.x - A.radius, y: k.y },
           { x: k.x, y: k.y + A.radius },
           { x: k.x, y: k.y - A.radius }
         )), A.through) {
-          const M = ht(A.through, r);
+          const M = gt(A.through, r);
           M && s.push(M);
         }
         break;
       case "polygon":
         A.vertices.forEach((M) => {
-          const U = ht(M, r);
+          const U = gt(M, r);
           U && s.push(U);
         });
         break;
@@ -5386,7 +5392,7 @@ function Bo(r, e = {}) {
     height: b
   };
 }
-function ht(r, e = []) {
+function gt(r, e = []) {
   if (typeof r == "object" && r !== null) {
     if ("x" in r && "y" in r)
       return { x: r.x, y: r.y };
@@ -5426,7 +5432,7 @@ function Tl(r, e = "Debug") {
         break;
       case "polygon":
         o.vertices.forEach((a, c) => {
-          const l = ht(a, r);
+          const l = gt(a, r);
           l && t.push({
             x: l.x,
             y: l.y,
@@ -7398,9 +7404,11 @@ const qo = lo(null), Zl = () => {
   return d ? /* @__PURE__ */ f("div", { className: `grade-unit-browser-page loading ${n || ""}`, "data-testid": "grade-unit-browser-page", children: /* @__PURE__ */ f("div", { className: "loading-spinner", "data-testid": "loading-spinner", children: "加载中..." }) }) : u ? /* @__PURE__ */ v("div", { className: `grade-unit-browser-page error ${n || ""}`, "data-testid": "grade-unit-browser-page", children: [
     /* @__PURE__ */ f("div", { className: "error-message", "data-testid": "error-message", children: u }),
     /* @__PURE__ */ f(
-      "button",
+      tt,
       {
         onClick: () => p(r, e),
+        intent: "retry",
+        useNewClassName: !0,
         className: "retry-button",
         children: "重试"
       }
@@ -7539,7 +7547,7 @@ const qo = lo(null), Zl = () => {
       validationError: null
     });
   }
-})), ut = rc(), Yo = () => ut((r) => r.currentScene), Ho = () => ut((r) => r.userAnswer), Dm = () => ut((r) => r.isCorrect), Ko = () => ut((r) => r.showAnswerForm), nc = () => ut((r) => r.validationError), Lm = () => ut((r) => r.problemData), Xo = () => ut(
+})), mt = rc(), Yo = () => mt((r) => r.currentScene), Ho = () => mt((r) => r.userAnswer), Dm = () => mt((r) => r.isCorrect), Ko = () => mt((r) => r.showAnswerForm), nc = () => mt((r) => r.validationError), Lm = () => mt((r) => r.problemData), Xo = () => mt(
   on((r) => ({
     updateUserAnswer: r.updateUserAnswer,
     submitAnswer: r.submitAnswer,
@@ -7652,10 +7660,12 @@ const qo = lo(null), Zl = () => {
             ),
             /* @__PURE__ */ f("span", { className: "answer-unit", children: r.basicInfo.answerUnit || r.basicInfo.areaUnit }),
             /* @__PURE__ */ f(
-              Ot,
+              tt,
               {
                 type: "submit",
                 size: "lg",
+                intent: "submit",
+                useNewClassName: !0,
                 className: "submit-button",
                 children: "提交答案"
               }
@@ -7928,39 +7938,53 @@ const Zo = ({
   problemData: r,
   enableIXLStyle: e = !0
 }) => {
-  const [t, n] = X(!1), o = r?.scenes?.solve?.items || r?.scenes?.solve?.content, s = Array.isArray(o) && o.length > 0, i = W(
+  const [t, n] = X(!1), o = r?.scenes?.solve?.items || r?.scenes?.solve?.content, s = Array.isArray(o) && o.length > 0, i = W(() => o && o.map((u) => u.type === "geometryTransform" && u.metadata?.config && !u.config ? {
+    ...u,
+    config: u.metadata.config
+  } : u), [o]), a = W(
     () => hc(r.explanation),
     [r.explanation]
-  ), a = i.steps.length > 0, c = W(() => a ? i.steps.map((d) => ({
-    ...d,
+  ), c = a.steps.length > 0, l = W(() => c ? a.steps.map((u) => ({
+    ...u,
     content: {
-      title: d.title,
-      description: d.description,
-      chartConfig: d.chartConfig ? {
-        ...d.chartConfig,
-        boundingBox: d.chartConfig.type === "graph" && Array.isArray(d.chartConfig.boundingBox) && d.chartConfig.boundingBox.length === 4 ? [
-          d.chartConfig.boundingBox[0],
-          d.chartConfig.boundingBox[1],
-          d.chartConfig.boundingBox[2],
-          d.chartConfig.boundingBox[3]
+      title: u.title,
+      description: u.description,
+      chartConfig: u.chartConfig ? {
+        ...u.chartConfig,
+        boundingBox: u.chartConfig.type === "graph" && Array.isArray(u.chartConfig.boundingBox) && u.chartConfig.boundingBox.length === 4 ? [
+          u.chartConfig.boundingBox[0],
+          u.chartConfig.boundingBox[1],
+          u.chartConfig.boundingBox[2],
+          u.chartConfig.boundingBox[3]
         ] : [-10, 10, 10, -10]
       } : void 0
     }
-  })) : [], [a, i.steps]), l = /* @__PURE__ */ v("div", { className: "solve-module-content", children: [
+  })) : [], [c, a.steps]), d = /* @__PURE__ */ v("div", { className: "solve-module-content", children: [
     s ? /* @__PURE__ */ v(Dt, { children: [
       console.log("🔍 SolveModule: solveContent =", o),
-      o?.forEach?.((d, u) => {
-        d.type === "geometryTransform" && console.log(`🔍 SolveModule: geometryTransform block [${u}] =`, {
-          type: d.type,
-          hasMetadata: !!d.metadata,
-          metadata: d.metadata,
-          hasConfig: !!d.config,
-          config: d.config,
-          hasShapes: !!d.shapes,
-          shapes: d.shapes,
-          hasTransform: !!d.transform,
-          transform: d.transform
-        });
+      o?.forEach?.((u, y) => {
+        if (u.type === "geometryTransform") {
+          const m = i?.[y];
+          console.log(`🔍 SolveModule: geometryTransform block [${y}] =`, {
+            type: u.type,
+            hasMetadata: !!u.metadata,
+            metadata: u.metadata,
+            hasMetadataConfig: !!u.metadata?.config,
+            metadataConfig: u.metadata?.config,
+            hasConfig: !!u.config,
+            config: u.config,
+            hasShapes: !!u.shapes,
+            shapes: u.shapes,
+            hasTransform: !!u.transform,
+            transform: u.transform,
+            // 修复后的块信息
+            fixedBlockHasConfig: !!m?.config,
+            fixedBlockConfig: m?.config,
+            fixedBlockHasMetadataConfig: !!m?.metadata?.config,
+            fixedBlockMetadataConfig: m?.metadata?.config,
+            isConfigFixed: !u.config && !!m?.config
+          });
+        }
       }),
       /* @__PURE__ */ f(
         Ce,
@@ -7969,7 +7993,7 @@ const Zo = ({
             id: "solve-steps",
             grade: r.grade,
             unit: r.unit,
-            content: o
+            content: i
           },
           scene: "solve",
           layout: { type: "flow", direction: "vertical", gap: "12px" },
@@ -7978,24 +8002,26 @@ const Zo = ({
       )
     ] }) : /* @__PURE__ */ f("div", { className: "solve-module-empty", children: "空白（暂无简化解题步骤）" }),
     /* @__PURE__ */ f("div", { className: "solve-module-button-container", children: /* @__PURE__ */ f(
-      "button",
+      tt,
       {
-        type: "button",
-        onClick: () => n((d) => !d),
+        intent: "solve",
+        variant: "light",
+        useNewClassName: !0,
+        onClick: () => n((u) => !u),
         className: "solve-module-button",
         children: t ? "收起详细解题步骤" : "查看详细解题步骤"
       }
     ) }),
     t && /* @__PURE__ */ v("div", { className: "solve-module-detailed-container", children: [
       /* @__PURE__ */ f("h5", { className: "solve-module-detailed-title", children: "详细解题步骤" }),
-      a ? /* @__PURE__ */ f("div", { className: "solve-module-detailed-list", children: c.map((d, u) => /* @__PURE__ */ f(
+      c ? /* @__PURE__ */ f("div", { className: "solve-module-detailed-list", children: l.map((u, y) => /* @__PURE__ */ f(
         uc,
         {
-          step: d,
+          step: u,
           problemData: r,
-          stepNumber: u + 1
+          stepNumber: y + 1
         },
-        d.id
+        u.id
       )) }) : /* @__PURE__ */ f("div", { className: "solve-module-empty", children: "暂无详细解题步骤" })
     ] })
   ] });
@@ -8005,11 +8031,11 @@ const Zo = ({
       wrapperMode: "generic",
       ixlConfig: { type: "solve", label: "解答", showTag: !0 },
       enableIXLStyle: !0,
-      children: l
+      children: d
     }
   ) : /* @__PURE__ */ v("div", { className: "solve-module-container", children: [
     /* @__PURE__ */ f("h4", { className: "solve-module-title", children: "解题" }),
-    l
+    d
   ] });
 }, Nr = ({
   problemData: r,
@@ -8026,10 +8052,12 @@ const Zo = ({
       ] })
     ] }),
     /* @__PURE__ */ f("div", { className: "explanation-button-container", children: /* @__PURE__ */ f(
-      Ot,
+      tt,
       {
         onClick: t,
         size: "lg",
+        intent: "next",
+        useNewClassName: !0,
         className: "explanation-next-button",
         children: "明白了"
       }
@@ -8058,10 +8086,12 @@ const Zo = ({
     )
   ] }),
   /* @__PURE__ */ f("div", { className: "explanation-bottom-area", children: /* @__PURE__ */ f(
-    Ot,
+    tt,
     {
       onClick: t,
       size: "md",
+      intent: "next",
+      useNewClassName: !0,
       children: "明白了"
     }
   ) })
@@ -8095,10 +8125,12 @@ const Zo = ({
     }
   ) }),
   /* @__PURE__ */ f(
-    Ot,
+    tt,
     {
       onClick: e,
       size: "lg",
+      intent: "next",
+      useNewClassName: !0,
       className: "next-button",
       children: "下一题"
     }
@@ -8207,7 +8239,7 @@ const dr = {
   [z.SLIDER_REF_NOT_FOUND]: "滑块引用未找到",
   [z.TRANSFORMATION_FAILED]: "数据转换失败",
   [z.OUTPUT_VALIDATION_FAILED]: "输出验证失败"
-}, st = {
+}, it = {
   MAX_TRANSFORMATION_TIME: 5,
   // 最大转换时间 5ms
   MAX_MEMORY_INCREASE: 50 * 1024,
@@ -8550,7 +8582,7 @@ const dr = {
       description: "缩放变换"
     }
   }
-}, pt = {
+}, yt = {
   slider_definitions: {
     slider_horizontal: {
       id: "slider_horizontal",
@@ -8617,23 +8649,23 @@ const dr = {
       description: "扩展画板配置（带网格和坐标轴）"
     }
   }
-}, lt = {
+}, ct = {
   designTokens: es.design_tokens,
   stylePresets: ts.style_presets,
   geometryPresets: rs.geometry_presets,
   layoutPresets: ns.layout_presets,
   transformDefinitions: os.transform_definitions,
   // 同时提供两个字段名，确保兼容性
-  animationDefinitions: pt.slider_definitions,
-  animationConfigs: pt.slider_definitions,
+  animationDefinitions: yt.slider_definitions,
+  animationConfigs: yt.slider_definitions,
   boardDefinitions: ss.board_definitions
 };
 function is() {
   console.error("🔍 getDefaultReferenceContext called:", {
-    hasEmbeddedAnimationDefinitions: !!pt,
-    sliderDefinitionsKeys: pt.slider_definitions ? Object.keys(pt.slider_definitions) : []
+    hasEmbeddedAnimationDefinitions: !!yt,
+    sliderDefinitionsKeys: yt.slider_definitions ? Object.keys(yt.slider_definitions) : []
   });
-  const r = pt.slider_definitions;
+  const r = yt.slider_definitions;
   return {
     designTokens: es.design_tokens,
     stylePresets: ts.style_presets,
@@ -8946,7 +8978,7 @@ class Ee {
    * 检查是否能够解析该引用
    */
   static canResolve(e) {
-    return typeof e != "string" || e.length === 0 ? !1 : se.TRANSFORM_REF.test(e) ? !0 : ["left_rotation", "right_rotation", "translation"].includes(e);
+    return typeof e != "string" || e.length === 0 ? !1 : se.TRANSFORM_REF.test(e) ? !0 : /_(rotation|translation|scale|transform|reflection|shear|mirror)$/i.test(e);
   }
   /**
    * 解析变换引用
@@ -8958,13 +8990,9 @@ class Ee {
     const o = e.match(se.TRANSFORM_REF);
     if (o ? n = o[1] : n = e, t.transformDefinitions && t.transformDefinitions[n])
       return { ...t.transformDefinitions[n] };
-    const s = {
-      left_rotation: { type: "rotation", angle: -90, origin: [0, 0] },
-      right_rotation: { type: "rotation", angle: 90, origin: [0, 0] },
-      translation: { type: "translation", dx: 0, dy: 0 }
-    };
-    if (s[n])
-      return { ...s[n] };
+    const s = this.createDefaultTransform(n);
+    if (s)
+      return console.warn(`⚠️ 使用智能默认变换: ${n}`, s), s;
     throw new Error(`变换定义未找到: ${n}`);
   }
   /**
@@ -8975,7 +9003,7 @@ class Ee {
       return !1;
     let n;
     const o = e.match(se.TRANSFORM_REF);
-    return o ? n = o[1] : n = e, t.transformDefinitions && t.transformDefinitions[n] ? !0 : ["left_rotation", "right_rotation", "translation"].includes(n);
+    return o ? n = o[1] : n = e, t.transformDefinitions && t.transformDefinitions[n] ? !0 : this.createDefaultTransform(n) !== null;
   }
   /**
    * 应用变换到几何对象
@@ -9035,6 +9063,52 @@ class Ee {
       ];
     });
   }
+  /**
+   * 根据变换名称创建智能默认变换
+   */
+  static createDefaultTransform(e) {
+    const t = e.toLowerCase();
+    if (t.includes("rotation") || t.includes("rotate")) {
+      let n = 0, o = Math.PI, s = "clockwise";
+      return t.includes("left") ? (s = "clockwise", o = Math.PI) : t.includes("right") ? (s = "counterclockwise", o = Math.PI) : t.includes("half") || t.includes("180") ? o = Math.PI : t.includes("full") || t.includes("360") ? o = 2 * Math.PI : (t.includes("quarter") || t.includes("90")) && (o = Math.PI / 2), {
+        type: "rotation",
+        config: {
+          center: [0, 0],
+          startAngle: n,
+          endAngle: o,
+          direction: s
+        }
+      };
+    } else if (t.includes("translation") || t.includes("translate") || t.includes("move")) {
+      let n = [0, 0], o = 0;
+      return t.includes("left") || t.includes("west") ? (n = [-1, 0], o = 10) : t.includes("right") || t.includes("east") ? (n = [1, 0], o = 10) : t.includes("up") || t.includes("north") ? (n = [0, 1], o = 10) : t.includes("down") || t.includes("south") ? (n = [0, -1], o = 10) : t.includes("horizontal") ? (n = "horizontal", o = 10) : t.includes("vertical") && (n = "vertical", o = 10), {
+        type: "translation",
+        config: {
+          direction: n,
+          distance: o
+        }
+      };
+    } else if (t.includes("scale") || t.includes("zoom")) {
+      let n = 1, o = 1;
+      return t.includes("enlarge") || t.includes("bigger") || t.includes("up") ? o = 2 : (t.includes("shrink") || t.includes("smaller") || t.includes("down")) && (o = 0.5), {
+        type: "scale",
+        config: {
+          center: [0, 0],
+          startScale: n,
+          endScale: o,
+          uniform: !0
+        }
+      };
+    } else if (t.includes("transform") || t.includes("main") || t.includes("default") || t.includes("primary"))
+      return {
+        type: "translation",
+        config: {
+          direction: "horizontal",
+          distance: 0
+        }
+      };
+    return null;
+  }
   /**
    * 批量解析变换引用
    */
@@ -9317,7 +9391,7 @@ function wc() {
     validate: Ve.validate.bind(Ve)
   };
 }
-class it {
+class at {
   /**
    * 检查是否能够解析该引用
    * 只接受明确的 animationRef:xxx 格式，拒绝简单的标识符
@@ -9473,9 +9547,9 @@ ${i.errors?.join(`
 function Ac() {
   return {
     type: te.ANIMATION_REF,
-    canResolve: it.canResolve.bind(it),
-    resolve: it.resolve.bind(it),
-    validate: it.validate.bind(it)
+    canResolve: at.canResolve.bind(at),
+    resolve: at.resolve.bind(at),
+    validate: at.validate.bind(at)
   };
 }
 class Qe {
@@ -9510,13 +9584,13 @@ class Qe {
       );
     const n = e.match(se.SLIDER_REF), o = n ? n[1] : e;
     let s = t.animationDefinitions?.[o];
-    return !s && t.animationConfigs && (s = t.animationConfigs[o]), !s && lt?.animationDefinitions && (s = lt.animationDefinitions[o]), !s && lt?.animationConfigs && (s = lt.animationConfigs[o]), console.error("🔍 SliderRefResolver.resolve lookup:", {
+    return !s && t.animationConfigs && (s = t.animationConfigs[o]), !s && ct?.animationDefinitions && (s = ct.animationDefinitions[o]), !s && ct?.animationConfigs && (s = ct.animationConfigs[o]), console.error("🔍 SliderRefResolver.resolve lookup:", {
       sliderConfigId: o,
       hasRawConfig: !!s,
       rawConfig: s,
       animationDefinitions: t.animationDefinitions,
       animationConfigs: t.animationConfigs,
-      hasGlobalContext: !!lt
+      hasGlobalContext: !!ct
     }), s ? this.validateAndTransformConfig(o, s) : (console.warn(`⚠️ 滑块配置未找到: ${o}，使用默认配置`), {
       ...Rc,
       id: o
@@ -9654,7 +9728,7 @@ function xc() {
     validate: Qe.validate.bind(Qe)
   };
 }
-class at {
+class lt {
   /**
    * 检查是否能够解析该引用
    */
@@ -9743,9 +9817,9 @@ class at {
 function Sc() {
   return {
     type: te.GEOMETRY_TRANSFORM_REF,
-    canResolve: at.canResolve.bind(at),
-    resolve: at.resolve.bind(at),
-    validate: at.validate.bind(at)
+    canResolve: lt.canResolve.bind(lt),
+    resolve: lt.resolve.bind(lt),
+    validate: lt.validate.bind(lt)
   };
 }
 const jr = {
@@ -9808,13 +9882,13 @@ class Cc {
           }
           if (typeof a == "string") {
             this.extractDesignTokens(a).forEach((l) => {
-              const d = `$ref:${l}`;
+              const d = l;
               n.has(d) || (n.add(d), t.push({
                 ref: l,
-                type: te.GEOMETRY_REF,
+                type: te.DESIGN_TOKEN,
                 path: "$ref",
                 value: l,
-                fieldName: "$ref",
+                fieldName: "",
                 combined: d
               }));
             });
@@ -9867,7 +9941,7 @@ class Cc {
     };
   }
 }
-class gt {
+class pt {
   resolvers = [];
   constructor() {
     this.registerDefaultResolvers();
@@ -10014,7 +10088,7 @@ class gt {
   }
 }
 function as() {
-  return new gt();
+  return new pt();
 }
 class tr {
   /**
@@ -10070,7 +10144,7 @@ class tr {
       if (i.animationRef) {
         console.warn(`🎬 GraphTransformer处理animationRef: ${i.animationRef}`);
         try {
-          const a = i.animationRef.startsWith("animationRef:") ? i.animationRef : `animationRef:${i.animationRef}`, c = it.resolve(a, t);
+          const a = i.animationRef.startsWith("animationRef:") ? i.animationRef : `animationRef:${i.animationRef}`, c = at.resolve(a, t);
           console.warn("  动画配置解析结果:", {
             animationId: c.id,
             transformCount: c.transforms.length,
@@ -10537,7 +10611,7 @@ class rr {
       try {
         if (o) {
           console.error("🔍 GeometryTransformTransformer: 解析 geometryTransformRef:", e.geometryTransformRef);
-          const d = at.resolve(
+          const d = lt.resolve(
             e.geometryTransformRef,
             t,
             e.override
@@ -10905,11 +10979,11 @@ class rr {
       });
       try {
         const a = {
-          ...lt,
+          ...ct,
           ...t,
           // 传入的上下文优先级更高
           // 确保 animationDefinitions 存在
-          animationDefinitions: t.animationDefinitions || lt.animationDefinitions
+          animationDefinitions: t.animationDefinitions || ct.animationDefinitions
         }, c = Qe.resolve(
           s.sliderRef,
           a
@@ -11081,11 +11155,7 @@ class rr {
       }
       delete s.styleRef;
     }
-    if (s.metadata || (s.metadata = {}), !s.metadata.id && s.id && (s.metadata.id = s.id), s.withLabel !== void 0 && (s.metadata.showLabel = s.withLabel, delete s.withLabel), s.label && (typeof s.label == "object" ? s.metadata.label = s.label.text || s.metadata.id || "" : typeof s.label == "string" && (s.metadata.label = s.label), delete s.label), s.metadata.showLabel && !s.metadata.label && s.metadata.id && (s.metadata.label = s.metadata.id), s.metadata.id) {
-      const i = s.metadata.id.toLowerCase();
-      i.includes("left") ? s.metadata.rotationGroup = "left" : i.includes("right") ? s.metadata.rotationGroup = "right" : s.metadata.rotationGroup = s.metadata.id;
-    }
-    if (s.type === "point" && s.position) {
+    if (s.metadata || (s.metadata = {}), !s.metadata.id && s.id && (s.metadata.id = s.id), s.withLabel !== void 0 && (s.metadata.showLabel = s.withLabel, delete s.withLabel), s.label && (typeof s.label == "object" ? s.metadata.label = s.label.text || s.metadata.id || "" : typeof s.label == "string" && (s.metadata.label = s.label), delete s.label), s.metadata.showLabel && !s.metadata.label && s.metadata.id && (s.metadata.label = s.metadata.id), s.metadata.id && (s.metadata.rotationGroup = s.metadata.id), s.type === "point" && s.position) {
       console.error("🔍 transformShape: 转换point为circle:", {
         shapeId: s.metadata?.id,
         position: s.position,
@@ -11867,7 +11937,7 @@ class Yn {
     return this.validate(e, { strictMode: !1, checkSceneContent: !1 }).isValid;
   }
 }
-class wt {
+class At {
   /**
    * 验证输入数据
    */
@@ -11947,7 +12017,7 @@ class Qr {
       [te.GEOMETRY_REF]: [],
       [te.TRANSFORM_REF]: [],
       [te.LAYOUT_REF]: []
-    }, o = new gt();
+    }, o = new pt();
     for (const s of e) {
       const i = o.getResolverForRef(s);
       i && n[i.type].push(s);
@@ -11958,7 +12028,7 @@ class Qr {
    * 批量解析引用
    */
   static batchResolveReferences(e, t, n = {}) {
-    const { strictMode: o = !1, onMissing: s } = n, i = new gt(), a = {};
+    const { strictMode: o = !1, onMissing: s } = n, i = new pt(), a = {};
     for (const c of e) {
       const l = i.getResolverForRef(c);
       if (l)
@@ -11976,7 +12046,7 @@ class Qr {
    * 替换对象中的引用
    */
   static replaceReferences(e, t, n = {}) {
-    const { strictMode: o = !1, onMissing: s, maxDepth: i = 10 } = n, a = new gt(), c = /* @__PURE__ */ new Set([
+    const { strictMode: o = !1, onMissing: s, maxDepth: i = 10 } = n, a = new pt(), c = /* @__PURE__ */ new Set([
       "geometryRef",
       "styleRef",
       "transformRef",
@@ -12081,7 +12151,7 @@ class Qr {
    * 计算引用解析统计
    */
   static calculateReferenceStats(e, t) {
-    const n = new gt(), o = {
+    const n = new pt(), o = {
       total: e.length,
       resolved: 0,
       failed: 0,
@@ -12111,7 +12181,7 @@ class Qr {
    * 检查引用是否存在
    */
   static checkReferenceExists(e, t) {
-    const o = new gt().getResolverForRef(e);
+    const o = new pt().getResolverForRef(e);
     if (!o)
       return !1;
     if (o.validate)
@@ -12260,7 +12330,7 @@ class cs {
    */
   checkPerformance() {
     const e = [];
-    return this.stats.transformationTime > st.WARNING_TRANSFORMATION_TIME && e.push(`转换时间较长: ${this.stats.transformationTime.toFixed(2)}ms (警告阈值: ${st.WARNING_TRANSFORMATION_TIME}ms)`), this.stats.transformationTime > st.MAX_TRANSFORMATION_TIME && e.push(`转换时间过长: ${this.stats.transformationTime.toFixed(2)}ms (最大阈值: ${st.MAX_TRANSFORMATION_TIME}ms)`), this.stats.memoryUsage > st.MAX_MEMORY_INCREASE && e.push(`内存增加过多: ${(this.stats.memoryUsage / 1024).toFixed(2)}KB (最大阈值: ${st.MAX_MEMORY_INCREASE / 1024}KB)`), this.stats.referenceCount > st.MAX_REFERENCE_DEPTH * 10 && e.push(`引用数量较多: ${this.stats.referenceCount} (可能影响性能)`), {
+    return this.stats.transformationTime > it.WARNING_TRANSFORMATION_TIME && e.push(`转换时间较长: ${this.stats.transformationTime.toFixed(2)}ms (警告阈值: ${it.WARNING_TRANSFORMATION_TIME}ms)`), this.stats.transformationTime > it.MAX_TRANSFORMATION_TIME && e.push(`转换时间过长: ${this.stats.transformationTime.toFixed(2)}ms (最大阈值: ${it.MAX_TRANSFORMATION_TIME}ms)`), this.stats.memoryUsage > it.MAX_MEMORY_INCREASE && e.push(`内存增加过多: ${(this.stats.memoryUsage / 1024).toFixed(2)}KB (最大阈值: ${it.MAX_MEMORY_INCREASE / 1024}KB)`), this.stats.referenceCount > it.MAX_REFERENCE_DEPTH * 10 && e.push(`引用数量较多: ${this.stats.referenceCount} (可能影响性能)`), {
       passed: e.length === 0,
       warnings: e
     };
@@ -12457,7 +12527,7 @@ class Ic {
    * 验证输入数据
    */
   validateInput(e) {
-    return wt.validateInput(e, {
+    return At.validateInput(e, {
       strictMode: this.config.strictMode || this.config.validationLevel === "strict"
     });
   }
@@ -12843,7 +12913,7 @@ class Ic {
    * 验证输出数据
    */
   validateOutput(e) {
-    return wt.validateOutput(e, {
+    return At.validateOutput(e, {
       strictMode: this.config.strictMode || this.config.validationLevel === "strict"
     });
   }
@@ -12962,7 +13032,7 @@ class Ht {
    * 验证输入数据
    */
   _validateInput(e) {
-    return wt.validateInput(e, {
+    return At.validateInput(e, {
       strictMode: this.config.strictMode || this.config.validationLevel === "strict"
     });
   }
@@ -13247,7 +13317,7 @@ class Ht {
    * 验证输出数据
    */
   _validateOutput(e) {
-    return wt.validateOutput(e, {
+    return At.validateOutput(e, {
       strictMode: this.config.strictMode || this.config.validationLevel === "strict"
     });
   }
@@ -13342,7 +13412,7 @@ function zm(r) {
   };
 }
 function jm(r, e = "input") {
-  return e === "input" ? wt.validateInput(r) : wt.validateOutput(r);
+  return e === "input" ? At.validateInput(r) : At.validateOutput(r);
 }
 function Bm(r, e, t = 100) {
   const n = [];
@@ -14415,7 +14485,7 @@ function od(r) {
     return console.log("🔍 JSON config already in system format"), r;
   console.log("🔍 Converting parallelogram JSON config to system format"), console.log("📦 Input JSON config transform:", {
     hasTransform: !!r.transform,
-    type: yt(r.transform),
+    type: bt(r.transform),
     distance: Xe(r.transform),
     direction: fr(r.transform)
   });
@@ -14464,7 +14534,7 @@ function od(r) {
       };
     }
     !e.base && r.base && (e.base = r.base), !e.height && r.height && (e.height = r.height), !e.unit && r.unit && (e.unit = r.unit);
-    const t = yt(r.transform);
+    const t = bt(r.transform);
     return r.transform && t === "translation" ? (console.log("🔧 Processing translation transform from JSON"), console.log("📐 JSON transform details:", {
       type: t,
       translation: r.transform.translation,
@@ -14476,7 +14546,7 @@ function od(r) {
     }, console.log(
       "✅ Set converted.transform with distance:",
       Xe(r.transform)
-    ))) : r.transform ? console.log("⚠️ JSON has transform but not translation type:", yt(r.transform)) : console.log("ℹ️ No transform found in JSON config"), e.animation ? (e.animation.slider || (e.animation.slider = {
+    ))) : r.transform ? console.log("⚠️ JSON has transform but not translation type:", bt(r.transform)) : console.log("ℹ️ No transform found in JSON config"), e.animation ? (e.animation.slider || (e.animation.slider = {
       position: [0, -5],
       length: 10,
       orientation: "horizontal",
@@ -14507,7 +14577,7 @@ function od(r) {
       strategy: e.strategy,
       generatedAt: (/* @__PURE__ */ new Date()).toISOString()
     }), console.log("🎉 Conversion complete. Final converted config:"), console.log("📊 Final transform:", {
-      type: yt(e.transform),
+      type: bt(e.transform),
       distance: Xe(e.transform),
       direction: fr(e.transform)
     }), console.log("📐 Final base:", e.base, "height:", e.height), console.log("🏷️ Final strategy:", e.strategy, "theme:", e.theme), e;
@@ -14528,7 +14598,7 @@ function fr(r) {
   if (e?.config?.direction !== void 0)
     return e.config.direction;
 }
-function yt(r) {
+function bt(r) {
   return r && (Array.isArray(r) ? r[0] : r)?.type || "N/A";
 }
 function sd(r, e, t) {
@@ -14555,7 +14625,7 @@ function sd(r, e, t) {
             console.warn("❌ JSON-provided parallelogram config validation failed:", a.errors), console.log("📊 JSON config structure:", {
               hasShapes: !!i.shapes,
               hasTransform: !!i.transform,
-              transformType: yt(i.transform),
+              transformType: bt(i.transform),
               distance: Xe(i.transform),
               strategy: i.strategy,
               theme: i.theme
@@ -14589,7 +14659,7 @@ function sd(r, e, t) {
           );
         }
         return console.log("🔧 Final config source: generated"), console.log("📊 Final transform details:", {
-          type: yt(s.transform),
+          type: bt(s.transform),
           direction: fr(s.transform),
           distance: Xe(s.transform)
         }), {
@@ -14614,7 +14684,7 @@ function sd(r, e, t) {
   }
   return r;
 }
-const id = "4.0.0", ad = "1.0.0", ld = "mp-10506-0002-0002-G01-0001", cd = "锐角三角形面积练习", dd = "通过双旋转策略练习锐角三角形面积公式 A=½bh", fd = "掌握锐角三角形面积公式 A=½bh，掌握双旋转证明方法", ud = 1, md = "g5", hd = "三角形面积计算", gd = 1050602, pd = "锐角三角形的面积", yd = 105060201, bd = 1002, vd = "已知锐角三角形的底和高，求三角形面积", _d = "s-105-06-0002", wd = 1002, Ad = 2, Rd = ["三角形面积公式 A=½bh", "锐角三角形双旋转证明", "直角三角形组合变换"], xd = { topic: "三角形面积计算", skill: "三角形面积求解技能", tags: ["锐角三角形", "双旋转策略", "三角形面积公式"], version: "1.1.0", author: "chen-hui", strategy: "double_rotation_visual_proof" }, Sd = { question: "以下三角形面积是多少？", answerUnit: "cm²", shape: "acute_triangle", base: 6, height: 4, baseUnit: "cm", heightUnit: "cm", originX: 2, originY: 2, unit: "cm²", variables: { b: 6, h: 4, answer: 12 } }, Cd = { acute_triangle: { id: "acute_triangle", type: "polygon", vertices: [{ $ref: "point_a" }, { $ref: "point_b" }, { $ref: "point_c" }], withLabel: !0, label: { offset: [-15, -15], fontSize: 16, color: "#000000", anchorX: "middle", anchorY: "bottom" } }, left_triangle: { id: "left_triangle", type: "polygon", vertices: [{ $ref: "point_a" }, { $ref: "point_d" }, { $ref: "point_c" }] }, right_triangle: { id: "right_triangle", type: "polygon", vertices: [{ $ref: "point_b" }, { $ref: "point_d" }, { $ref: "point_c" }] }, base_segment: { id: "base_segment", type: "segment", endpoints: [{ $ref: "point_a" }, { $ref: "point_b" }] }, height_segment: { id: "height_segment", type: "segment", endpoints: [{ $ref: "point_d" }, { $ref: "point_c" }] }, left_rotation_center: { id: "left_rotation_center", type: "point", position: { x: 3.5, y: 4 } }, right_rotation_center: { id: "right_rotation_center", type: "point", position: { x: 6.5, y: 4 } }, full_rectangle: { id: "full_rectangle", type: "polygon", vertices: [{ x: 2, y: 2 }, { x: 8, y: 2 }, { x: 8, y: 6 }, { x: 2, y: 6 }] }, base_arrow: { id: "base_arrow", type: "segment", endpoints: [{ x: 2, y: 1.5 }, { x: 8, y: 1.5 }] }, height_arrow: { id: "height_arrow", type: "segment", endpoints: [{ x: 5, y: 2 }, { x: 5, y: 6 }] }, base_label_position: { id: "base_label_position", type: "point", position: { x: 5, y: 1.2 } }, height_label_position: { id: "height_label_position", type: "point", position: { x: 5.5, y: 4 } }, point_a: { id: "point_a", type: "point", position: { x: 2, y: 2 }, name: "A" }, point_b: { id: "point_b", type: "point", position: { x: 8, y: 2 }, name: "B" }, point_c: { id: "point_c", type: "point", position: { x: 5, y: 6 }, name: "C" }, point_d: { id: "point_d", type: "point", position: { x: 5, y: 2 }, name: "D" } }, Ed = { type: "card", padding: "$spacing.large", theme: "light", renderer: { showFormulaSteps: !0, interactiveAnimations: !0, validateAnswers: !0, keepAspectRatio: !0 } }, Td = { question: { layout: { layoutRef: "vertical_centered" }, items: [{ type: "text", content: "What is the area of the triangle?", styleRef: "text_heading_large" }, { type: "graph", boardRef: "default", shapes: [{ id: "main_triangle", type: "polygon", geometryRef: "acute_triangle", styleRef: "primary" }, { id: "base_line", type: "segment", geometryRef: "base_segment", styleRef: "base_highlight" }, { id: "height_line", type: "segment", geometryRef: "height_segment", styleRef: "dashed" }, { id: "base_label", type: "text", geometryRef: "base_label_position", content: "6 cm", styleRef: "label_error" }, { id: "height_label", type: "text", geometryRef: "height_label_position", content: "4 cm", styleRef: "text_primary" }] }, { type: "interactive", component: "answer_input", config: { inputType: "number", placeholder: "输入面积", unit: "cm²", submitButton: { label: "Submit", color: "$colors.success" } } }] }, remember: { layout: { layoutRef: "vertical_spaced" }, items: [{ type: "text", content: "锐角三角形面积公式", styleRef: "text_heading_large" }, { type: "formula", content: "A = \\frac{1}{2} \\times b \\times h", parts: ["A = \\frac{1}{2} \\times b \\times h", "= \\frac{1}{2} \\times 6 \\times 4", "= \\frac{1}{2} \\times 24", "= 12"], displayMode: !0, style: { fontSize: "$fonts.formula", color: "$colors.text_primary" } }] }, solve: { layout: { layoutRef: "vertical_centered" }, items: [{ type: "text", content: "解题步骤演示", styleRef: "text_heading_large" }, { type: "geometryTransform", geometryTransformRef: "double_rotation_proof" }] } }, Nd = { steps: [{ id: "exp-step-1", type: "instructionalStep", title: "识别锐角三角形的底和高", description: "确定锐角三角形的底边长度 b = 6 cm 和对应的高度 h = 4 cm。垂足将底边平分为两段。", chartConfig: { type: "graph", boardRef: "default", shapes: [{ type: "polygon", geometryRef: "acute_triangle", styleRef: "primary" }, { type: "segment", geometryRef: "base_segment", styleRef: "error" }, { type: "segment", geometryRef: "height_segment", styleRef: "dashed" }, { id: "base-label", type: "text", position: { x: 5, y: 1.4 }, content: "6 cm", styleRef: "label_error" }, { id: "height-label", type: "text", position: { x: 5.3, y: 4 }, content: "4 cm", styleRef: "label_success" }] } }, { id: "exp-step-2", type: "instructionalStep", title: "双旋转策略：分割为两个直角三角形", description: "沿高线将锐角三角形分割为两个直角三角形：左直角三角形和右直角三角形。每个直角三角形将独立旋转。", chartConfig: { type: "graph", boardRef: "default", shapes: [{ type: "polygon", geometryRef: "left_triangle", styleRef: "highlight_left" }, { type: "polygon", geometryRef: "right_triangle", styleRef: "highlight_right" }, { type: "point", geometryRef: "left_rotation_center", styleRef: "primary", size: 4 }, { type: "point", geometryRef: "right_rotation_center", styleRef: "primary", size: 4 }] } }, { id: "exp-step-3", type: "instructionalStep", title: "刚体旋转形成矩形", description: "每个直角三角形围绕其斜边中点旋转180度，形成对应的矩形。左直角三角形形成左矩形，右直角三角形形成右矩形。", chartConfig: { type: "geometryTransform", geometryTransformRef: "double_rotation_proof" } }, { id: "exp-step-4", type: "instructionalStep", title: "组合形成完整矩形并推导面积公式", description: "两个小矩形组合形成完整的大矩形，其面积为 b × h = 6 × 4 = 24 cm²。锐角三角形面积是大矩形面积的一半，即 A = ½ × b × h = 12 cm²。", chartConfig: { type: "graph", boardRef: "default", shapes: [{ type: "polygon", geometryRef: "full_rectangle", styleRef: "primary" }, { type: "polygon", geometryRef: "right_triangle", styleRef: "highlight_right" }, { type: "polygon", geometryRef: "left_triangle", styleRef: "highlight_left" }, { type: "segment", geometryRef: "base_segment", styleRef: "error" }, { type: "segment", geometryRef: "height_segment", styleRef: "dashed" }, { type: "text", position: { x: 5, y: 1.2 }, content: "Base = 6 cm", style: { fontSize: "$fonts.label", color: "$colors.error", fontWeight: "bold", anchorX: "middle" } }, { type: "text", position: { x: 5.5, y: 4 }, content: "Height = 4 cm", style: { fontSize: "$fonts.label", color: "$colors.success", fontWeight: "bold" } }] } }] }, $d = { value: 12, unit: "cm²", type: "number", tolerance: 0.1, validation: { type: "exact", allowPartial: !1 }, explanation_text: "三角形面积 = ½ × 底 × 高 = ½ × 6cm × 4cm = 12cm²", solution_steps: ["识别三角形的底和高", "应用面积公式 A = ½ × b × h", "代入数值：A = ½ × 6 × 4", "计算：A = ½ × 24 = 12", "添加单位：12 cm²"] }, kd = "2026-01-20T20:34:00Z", Od = "2026-01-20T20:34:00Z", Id = { double_rotation_proof: { id: "double_rotation_proof", description: "双旋转几何证明策略", base: 6, height: 4, unit: "cm", strategy: "double_rotation", shapes: { static: [{ id: "main_triangle", type: "polygon", geometryRef: "acute_triangle", styleRef: "primary", appearanceRef: "always_visible" }], animated: [{ id: "left_triangle", type: "polygon", geometryRef: "left_triangle", styleRef: "highlight_left", appearanceRef: "appear_at_90" }, { id: "right_triangle", type: "polygon", geometryRef: "right_triangle", styleRef: "highlight_right", appearanceRef: "appear_at_90" }] }, transform: { type: "composite", transforms: [{ transformRef: "left_rotation" }, { transformRef: "right_rotation" }], executionMode: "parallel" }, boardRef: "default", sliderRef: "slider_horizontal" } }, Md = { left_rotation: { id: "left_rotation", type: "rotation", config: { center: { x: 3.5, y: 4 }, startAngle: 0, endAngle: 3.14159, direction: "clockwise" }, targetGroup: "left" }, right_rotation: { id: "right_rotation", type: "rotation", config: { center: { x: 6.5, y: 4 }, startAngle: 0, endAngle: 3.14159, direction: "counterclockwise" }, targetGroup: "right" } }, Fd = {
+const id = "4.0.0", ad = "1.0.0", ld = "mp-10506-0002-0002-G01-0001", cd = "锐角三角形面积练习", dd = "通过双旋转策略练习锐角三角形面积公式 A=½bh", fd = "掌握锐角三角形面积公式 A=½bh，掌握双旋转证明方法", ud = 1, md = "g5", hd = "三角形面积计算", gd = 1050602, pd = "锐角三角形的面积", yd = 105060201, bd = 1002, vd = "已知锐角三角形的底和高，求三角形面积", _d = "s-105-06-0002", wd = 1002, Ad = 2, Rd = ["三角形面积公式 A=½bh", "锐角三角形双旋转证明", "直角三角形组合变换"], xd = { topic: "三角形面积计算", skill: "三角形面积求解技能", tags: ["锐角三角形", "双旋转策略", "三角形面积公式"], version: "1.1.0", author: "chen-hui", strategy: "double_rotation_visual_proof" }, Sd = { question: "以下三角形面积是多少？", answerUnit: "cm²", shape: "acute_triangle", base: 6, height: 4, baseUnit: "cm", heightUnit: "cm", originX: 2, originY: 2, unit: "cm²", variables: { b: 6, h: 4, answer: 12 } }, Cd = { acute_triangle: { id: "acute_triangle", type: "polygon", vertices: [{ $ref: "point_a" }, { $ref: "point_b" }, { $ref: "point_c" }], withLabel: !0, label: { offset: [-15, -15], fontSize: 16, color: "#000000", anchorX: "middle", anchorY: "bottom" } }, left_triangle: { id: "left_triangle", type: "polygon", vertices: [{ $ref: "point_a" }, { $ref: "point_d" }, { $ref: "point_c" }] }, right_triangle: { id: "right_triangle", type: "polygon", vertices: [{ $ref: "point_b" }, { $ref: "point_d" }, { $ref: "point_c" }] }, base_segment: { id: "base_segment", type: "segment", endpoints: [{ $ref: "point_a" }, { $ref: "point_b" }] }, height_segment: { id: "height_segment", type: "segment", endpoints: [{ $ref: "point_d" }, { $ref: "point_c" }] }, left_rotation_center: { id: "left_rotation_center", type: "point", position: { x: 3.5, y: 4 } }, right_rotation_center: { id: "right_rotation_center", type: "point", position: { x: 6.5, y: 4 } }, full_rectangle: { id: "full_rectangle", type: "polygon", vertices: [{ x: 2, y: 2 }, { x: 8, y: 2 }, { x: 8, y: 6 }, { x: 2, y: 6 }] }, base_arrow: { id: "base_arrow", type: "segment", endpoints: [{ x: 2, y: 1.5 }, { x: 8, y: 1.5 }] }, height_arrow: { id: "height_arrow", type: "segment", endpoints: [{ x: 5, y: 2 }, { x: 5, y: 6 }] }, base_label_position: { id: "base_label_position", type: "point", position: { x: 5, y: 1.2 } }, height_label_position: { id: "height_label_position", type: "point", position: { x: 5.5, y: 4 } }, point_a: { id: "point_a", type: "point", position: { x: 2, y: 2 }, name: "A" }, point_b: { id: "point_b", type: "point", position: { x: 8, y: 2 }, name: "B" }, point_c: { id: "point_c", type: "point", position: { x: 5, y: 6 }, name: "C" }, point_d: { id: "point_d", type: "point", position: { x: 5, y: 2 }, name: "D" } }, Ed = { type: "card", padding: "$spacing.large", theme: "light", renderer: { showFormulaSteps: !0, interactiveAnimations: !0, validateAnswers: !0, keepAspectRatio: !0 } }, Td = { question: { layout: { layoutRef: "vertical_centered" }, items: [{ type: "text", content: "What is the area of the triangle?", styleRef: "text_heading_large" }, { type: "graph", boardRef: "default", shapes: [{ id: "main_triangle", type: "polygon", geometryRef: "acute_triangle", styleRef: "primary" }, { id: "base_line", type: "segment", geometryRef: "base_segment", styleRef: "base_highlight" }, { id: "height_line", type: "segment", geometryRef: "height_segment", styleRef: "dashed" }, { id: "base_label", type: "text", geometryRef: "base_label_position", content: "6 cm", styleRef: "label_error" }, { id: "height_label", type: "text", geometryRef: "height_label_position", content: "4 cm", styleRef: "text_primary" }] }, { type: "interactive", component: "answer_input", config: { inputType: "number", placeholder: "输入面积", unit: "cm²", submitButton: { label: "Submit", color: "$colors.success" } } }] }, remember: { layout: { layoutRef: "vertical_spaced" }, items: [{ type: "text", content: "锐角三角形面积公式", styleRef: "text_heading_large" }, { type: "formula", content: "A = \\frac{1}{2} \\times b \\times h", parts: ["A = \\frac{1}{2} \\times b \\times h", "= \\frac{1}{2} \\times 6 \\times 4", "= \\frac{1}{2} \\times 24", "= 12"], displayMode: !0, style: { fontSize: "$fonts.formula", color: "$colors.text_primary" } }] }, solve: { layout: { layoutRef: "vertical_centered" }, items: [{ type: "text", content: "解题步骤演示", styleRef: "text_heading_large" }, { type: "geometryTransform", geometryTransformRef: "double_rotation_proof" }] } }, Nd = { steps: [{ id: "exp-step-1", type: "instructionalStep", title: "识别锐角三角形的底和高", description: "确定锐角三角形的底边长度 b = 6 cm 和对应的高度 h = 4 cm。垂足将底边平分为两段。", chartConfig: { type: "graph", boardRef: "default", shapes: [{ type: "polygon", geometryRef: "acute_triangle", styleRef: "primary" }, { type: "segment", geometryRef: "base_segment", styleRef: "error" }, { type: "segment", geometryRef: "height_segment", styleRef: "dashed" }, { id: "base-label", type: "text", position: { x: 5, y: 1.4 }, content: "6 cm", styleRef: "label_error" }, { id: "height-label", type: "text", position: { x: 5.3, y: 4 }, content: "4 cm", styleRef: "label_success" }] } }, { id: "exp-step-2", type: "instructionalStep", title: "双旋转策略：分割为两个直角三角形", description: "沿高线将锐角三角形分割为两个直角三角形：左直角三角形和右直角三角形。每个直角三角形将独立旋转。", chartConfig: { type: "graph", boardRef: "default", shapes: [{ type: "polygon", geometryRef: "left_triangle", styleRef: "highlight_left" }, { type: "polygon", geometryRef: "right_triangle", styleRef: "highlight_right" }, { type: "point", geometryRef: "left_rotation_center", styleRef: "primary", size: 4 }, { type: "point", geometryRef: "right_rotation_center", styleRef: "primary", size: 4 }] } }, { id: "exp-step-3", type: "instructionalStep", title: "刚体旋转形成矩形", description: "每个直角三角形围绕其斜边中点旋转180度，形成对应的矩形。左直角三角形形成左矩形，右直角三角形形成右矩形。", chartConfig: { type: "geometryTransform", geometryTransformRef: "double_rotation_proof" } }, { id: "exp-step-4", type: "instructionalStep", title: "组合形成完整矩形并推导面积公式", description: "两个小矩形组合形成完整的大矩形，其面积为 b × h = 6 × 4 = 24 cm²。锐角三角形面积是大矩形面积的一半，即 A = ½ × b × h = 12 cm²。", chartConfig: { type: "graph", boardRef: "default", shapes: [{ type: "polygon", geometryRef: "full_rectangle", styleRef: "primary" }, { type: "polygon", geometryRef: "right_triangle", styleRef: "highlight_right" }, { type: "polygon", geometryRef: "left_triangle", styleRef: "highlight_left" }, { type: "segment", geometryRef: "base_segment", styleRef: "error" }, { type: "segment", geometryRef: "height_segment", styleRef: "dashed" }, { type: "text", position: { x: 5, y: 1.2 }, content: "Base = 6 cm", style: { fontSize: "$fonts.label", color: "$colors.error", fontWeight: "bold", anchorX: "middle" } }, { type: "text", position: { x: 5.5, y: 4 }, content: "Height = 4 cm", style: { fontSize: "$fonts.label", color: "$colors.success", fontWeight: "bold" } }] } }] }, $d = { value: 12, unit: "cm²", type: "number", tolerance: 0.1, validation: { type: "exact", allowPartial: !1 }, explanation_text: "三角形面积 = ½ × 底 × 高 = ½ × 6cm × 4cm = 12cm²", solution_steps: ["识别三角形的底和高", "应用面积公式 A = ½ × b × h", "代入数值：A = ½ × 6 × 4", "计算：A = ½ × 24 = 12", "添加单位：12 cm²"] }, kd = "2026-01-20T20:34:00Z", Od = "2026-01-20T20:34:00Z", Id = { double_rotation_proof: { id: "double_rotation_proof", description: "双旋转几何证明策略", base: 6, height: 4, unit: "cm", strategy: "double_rotation", shapes: { static: [{ id: "main_triangle", type: "polygon", geometryRef: "acute_triangle", styleRef: "primary", appearanceRef: "always_visible" }], animated: [{ id: "left_triangle", type: "polygon", geometryRef: "left_triangle", styleRef: "highlight_left", appearanceRef: "appear_at_90" }, { id: "right_triangle", type: "polygon", geometryRef: "right_triangle", styleRef: "highlight_right", appearanceRef: "appear_at_90" }] }, transform: { type: "composite", transforms: [{ transformRef: "left_rotation" }, { transformRef: "right_rotation" }], executionMode: "parallel" }, boardRef: "default", sliderRef: "slider_horizontal" } }, Md = { left_rotation: { id: "left_rotation", type: "rotation", config: { center: { x: 3.5, y: 4 }, startAngle: 0, endAngle: 3.14159, direction: "clockwise" }, targetGroup: "left_triangle" }, right_rotation: { id: "right_rotation", type: "rotation", config: { center: { x: 6.5, y: 4 }, startAngle: 0, endAngle: 3.14159, direction: "counterclockwise" }, targetGroup: "right_triangle" } }, Fd = {
   schema_version: id,
   config_version: ad,
   math_prob_id: ld,
@@ -15534,30 +15604,30 @@ function nr(r, e) {
 function kf(r, e) {
   return r.map(e).join("");
 }
-var kr = 1, At = 1, xs = 0, ke = 0, he = 0, xt = "";
+var kr = 1, Rt = 1, xs = 0, ke = 0, he = 0, St = "";
 function Or(r, e, t, n, o, s, i) {
-  return { value: r, root: e, parent: t, type: n, props: o, children: s, line: kr, column: At, length: i, return: "" };
+  return { value: r, root: e, parent: t, type: n, props: o, children: s, line: kr, column: Rt, length: i, return: "" };
 }
-function Nt(r, e) {
+function $t(r, e) {
   return Tf(Or("", null, null, "", null, null, 0), r, { length: -r.length }, e);
 }
 function Of() {
   return he;
 }
 function If() {
-  return he = ke > 0 ? be(xt, --ke) : 0, At--, he === 10 && (At = 1, kr--), he;
+  return he = ke > 0 ? be(St, --ke) : 0, Rt--, he === 10 && (Rt = 1, kr--), he;
 }
 function Fe() {
-  return he = ke < xs ? be(xt, ke++) : 0, At++, he === 10 && (At = 1, kr++), he;
+  return he = ke < xs ? be(St, ke++) : 0, Rt++, he === 10 && (Rt = 1, kr++), he;
 }
 function He() {
-  return be(xt, ke);
+  return be(St, ke);
 }
 function mr() {
   return ke;
 }
 function Xt(r, e) {
-  return Mt(xt, r, e);
+  return Mt(St, r, e);
 }
 function Ft(r) {
   switch (r) {
@@ -15598,10 +15668,10 @@ function Ft(r) {
   return 0;
 }
 function Ss(r) {
-  return kr = At = 1, xs = We(xt = r), ke = 0, [];
+  return kr = Rt = 1, xs = We(St = r), ke = 0, [];
 }
 function Cs(r) {
-  return xt = "", r;
+  return St = "", r;
 }
 function hr(r) {
   return Rs(Xt(ke - 1, tn(r === 91 ? r + 2 : r === 40 ? r + 1 : r)));
@@ -15770,7 +15840,7 @@ function Uf(r, e, t) {
 function Zn(r, e, t, n) {
   return Or(r, e, t, _n, Mt(r, 0, n), Mt(r, n + 1, -1), n);
 }
-function bt(r, e) {
+function vt(r, e) {
   for (var t = "", n = wn(r), o = 0; o < n; o++)
     t += e(r[o], o, r, e) || "";
   return t;
@@ -15785,11 +15855,11 @@ function Gf(r, e, t, n) {
     case ws:
       return "";
     case As:
-      return r.return = r.value + "{" + bt(r.children, n) + "}";
+      return r.return = r.value + "{" + vt(r.children, n) + "}";
     case vn:
       r.value = r.props.join(",");
   }
-  return We(t = bt(r.children, n)) ? r.return = r.value + "{" + t + "}" : "";
+  return We(t = vt(r.children, n)) ? r.return = r.value + "{" + t + "}" : "";
 }
 function zf(r) {
   var e = wn(r);
@@ -16006,7 +16076,7 @@ var Kf = function(e, t, n, o) {
       e.return = Es(e.value, e.length);
       break;
     case As:
-      return bt([Nt(e, {
+      return vt([$t(e, {
         value: K(e.value, "@", "@" + H)
       })], o);
     case vn:
@@ -16015,16 +16085,16 @@ var Kf = function(e, t, n, o) {
           // :read-(only|write)
           case ":read-only":
           case ":read-write":
-            return bt([Nt(e, {
+            return vt([$t(e, {
               props: [K(s, /:(read-\w+)/, ":" + _r + "$1")]
             })], o);
           // :placeholder
           case "::placeholder":
-            return bt([Nt(e, {
+            return vt([$t(e, {
               props: [K(s, /:(plac\w+)/, ":" + H + "input-$1")]
-            }), Nt(e, {
+            }), $t(e, {
               props: [K(s, /:(plac\w+)/, ":" + _r + "$1")]
-            }), Nt(e, {
+            }), $t(e, {
               props: [K(s, /:(plac\w+)/, Re + "input-$1")]
             })], o);
         }
@@ -16056,7 +16126,7 @@ var Kf = function(e, t, n, o) {
     var d, u = [Gf, jf(function(g) {
       d.insert(g);
     })], y = zf(l.concat(o, u)), m = function(p) {
-      return bt(Lf(p), y);
+      return vt(Lf(p), y);
     };
     c = function(p, b, S, x) {
       d = S, m(p ? p + "{" + b.styles + "}" : b.styles), x && (h.inserted[b.name] = !0);
@@ -16205,13 +16275,13 @@ function Qf() {
     function Je(R) {
       return C(R) === d;
     }
-    function tt(R) {
+    function rt(R) {
       return C(R) === n;
     }
-    function mt(R) {
+    function ht(R) {
       return C(R) === h;
     }
-    function Ct(R) {
+    function Et(R) {
       return C(R) === m;
     }
     function Ir(R) {
@@ -16226,7 +16296,7 @@ function Qf() {
     function E(R) {
       return C(R) === u;
     }
-    ee.AsyncMode = w, ee.ConcurrentMode = O, ee.ContextConsumer = A, ee.ContextProvider = P, ee.Element = $, ee.ForwardRef = k, ee.Fragment = Y, ee.Lazy = J, ee.Memo = M, ee.Portal = U, ee.Profiler = re, ee.StrictMode = I, ee.Suspense = ve, ee.isAsyncMode = q, ee.isConcurrentMode = ge, ee.isContextConsumer = ue, ee.isContextProvider = _e, ee.isElement = Oe, ee.isForwardRef = Je, ee.isFragment = tt, ee.isLazy = mt, ee.isMemo = Ct, ee.isPortal = Ir, ee.isProfiler = Rn, ee.isStrictMode = N, ee.isSuspense = E, ee.isValidElementType = x, ee.typeOf = C;
+    ee.AsyncMode = w, ee.ConcurrentMode = O, ee.ContextConsumer = A, ee.ContextProvider = P, ee.Element = $, ee.ForwardRef = k, ee.Fragment = Y, ee.Lazy = J, ee.Memo = M, ee.Portal = U, ee.Profiler = re, ee.StrictMode = I, ee.Suspense = ve, ee.isAsyncMode = q, ee.isConcurrentMode = ge, ee.isContextConsumer = ue, ee.isContextProvider = _e, ee.isElement = Oe, ee.isForwardRef = Je, ee.isFragment = rt, ee.isLazy = ht, ee.isMemo = Et, ee.isPortal = Ir, ee.isProfiler = Rn, ee.isStrictMode = N, ee.isSuspense = E, ee.isValidElementType = x, ee.typeOf = C;
   })()), ee;
 }
 var ro;
@@ -17349,11 +17419,13 @@ const vu = "/api/v1/content", _u = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2V
           /* @__PURE__ */ f("h3", { className: "error-title", children: "加载失败" }),
           /* @__PURE__ */ f("p", { className: "error-message", children: l.error }),
           /* @__PURE__ */ f(
-            "button",
+            tt,
             {
               onClick: () => {
                 d({ loading: !1, error: null, initialized: !1 }), y((P) => P + 1);
               },
+              intent: "retry",
+              useNewClassName: !0,
               className: "retry-button",
               "data-testid": "retry-button",
               "aria-label": "重新加载练习内容",
@@ -17532,7 +17604,7 @@ const vu = "/api/v1/content", _u = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2V
       )
     ] })
   ] });
-}, St = Lt((r) => ({
+}, Ct = Lt((r) => ({
   // 初始状态
   currentScene: "question",
   userAnswer: "",
@@ -17561,7 +17633,7 @@ const vu = "/api/v1/content", _u = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2V
   },
   // 提交答案 - 专门处理小数答案验证
   submitAnswer: (e) => {
-    const t = St.getState();
+    const t = Ct.getState();
     if (!t.problemData) {
       r({
         validationError: "问题数据未加载，请刷新页面重试"
@@ -17598,7 +17670,7 @@ const vu = "/api/v1/content", _u = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2V
       validationError: null
     });
   }
-})), Gu = () => St((r) => r.currentScene), zu = () => St((r) => r.userAnswer), ju = () => St((r) => r.showAnswerForm), Bu = () => St((r) => r.validationError), Vu = () => St(
+})), Gu = () => Ct((r) => r.currentScene), zu = () => Ct((r) => r.userAnswer), ju = () => Ct((r) => r.showAnswerForm), Bu = () => Ct((r) => r.validationError), Vu = () => Ct(
   on((r) => ({
     updateUserAnswer: r.updateUserAnswer,
     submitAnswer: r.submitAnswer,
@@ -18240,7 +18312,7 @@ The large square represents 1 whole.`
         return e?.title?.includes("年龄") || e?.basicInfo?.question?.includes("年龄") ? { titleColor: "text-purple-600", label: "年龄问题" } : { titleColor: "text-slate-600", label: "数学问题" };
     }
   })();
-  return /* @__PURE__ */ v("div", { className: "min-h-screen bg-gradient-to-br from-slate-50 to-cyan-50 flex flex-col items-center justify-center p-4 font-sans", children: [
+  return /* @__PURE__ */ v("div", { className: `bg-gradient-to-br from-slate-50 to-cyan-50 flex flex-col items-center p-4 font-sans ${r}`, children: [
     /* @__PURE__ */ v("header", { className: "w-full max-w-4xl mb-8", children: [
       /* @__PURE__ */ v("div", { className: "flex flex-col md:flex-row md:items-center md:justify-between", children: [
         /* @__PURE__ */ v("div", { children: [
@@ -18256,7 +18328,7 @@ The large square represents 1 whole.`
       ] }),
       e?.description && /* @__PURE__ */ f("p", { className: "mt-4 text-slate-700 bg-white/50 p-3 rounded-lg border border-slate-200", children: e.description })
     ] }),
-    /* @__PURE__ */ f("main", { className: "w-full max-w-4xl bg-white border border-slate-200 rounded-xl shadow-sm overflow-hidden", children: e ? /* @__PURE__ */ v(Dt, { children: [
+    /* @__PURE__ */ f("main", { className: "w-full max-w-4xl bg-white border border-slate-200 rounded-xl shadow-sm", children: e ? /* @__PURE__ */ v(Dt, { children: [
       n === "question" && /* @__PURE__ */ f(
         qt,
         {
@@ -18307,7 +18379,7 @@ export {
   km as AbilityAssessmentDashboard,
   Pl as AbilityProgressBar,
   mh as AreaGeometrySessionPage,
-  Ot as Button,
+  tt as Button,
   Zs as ContentAccordion,
   Em as DEFAULT_IXL_CONFIG,
   Zm as DecimalNumberRecognitionSessionPage,
@@ -18351,7 +18423,7 @@ export {
   Km as TriangleAreaCalculationSessionPage,
   Fa as UserProfile,
   Wm as VERSION,
-  wt as ValidationManager,
+  At as ValidationManager,
   Mc as adaptGeometryData,
   Mc as adaptGeometryDataAsync,
   Kt as adaptGeometryDataSync,
@@ -18408,7 +18480,7 @@ export {
   Do as useHundredChartStore,
   dl as useHundredChartValue,
   $l as useIXLStyle,
-  ut as useMathPracticeSessionStore,
+  mt as useMathPracticeSessionStore,
   Lm as useProblemData,
   Ol as useResponsive,
   Xo as useSessionActions,