@blocklet/pages-kit-inner-components 0.5.42 → 0.5.44

package/lib/es/setting.js

@@ -1,13 +1,13 @@
 import { jsx as r, jsxs as O, Fragment as q } from "react/jsx-runtime";
-import { t as ge, g as We, b as te, E as ur, n as Ke, h as Pe } from "./chunks/state-COB6reM7.js";
-import ae from "@arcblock/ux/lib/Empty";
+import { t as ge, g as We, b as ae, E as ur, n as Ke, h as Pe } from "./chunks/state-COB6reM7.js";
+import pe from "@arcblock/ux/lib/Empty";
 import { useLocaleContext as V } from "@arcblock/ux/lib/Locale/context";
 import { CodeEditor as ke } from "@blocklet/code-editor";
 import ar from "@mui/icons-material/AddRounded";
 import pr from "@mui/icons-material/ArrowDownward";
 import mr from "@mui/icons-material/ArrowUpward";
 import fr from "@mui/icons-material/DeleteOutline";
-import { Typography as W, TextField as R, Stack as j, FormLabel as se, Box as N, TableContainer as hr, Paper as ie, Table as Fe, TableHead as Me, TableRow as ce, TableCell as de, TableBody as Je, Button as A, IconButton as le, InputAdornment as pe, alpha as fe, Tooltip as Y, buttonClasses as br, Dialog as we, DialogTitle as _e, DialogContent as $e, DialogActions as He, FormControlLabel as Ge, Checkbox as yr, Autocomplete as Le, Switch as vr, MenuItem as he, Collapse as xr, Divider as gr, Popper as Pr } from "@mui/material";
+import { Typography as W, TextField as R, Stack as j, FormLabel as se, Box as N, TableContainer as hr, Paper as te, Table as Me, TableHead as Fe, TableRow as ce, TableCell as de, TableBody as Je, Button as A, IconButton as ie, InputAdornment as ne, alpha as fe, Tooltip as Y, buttonClasses as br, Dialog as we, DialogTitle as _e, DialogContent as $e, DialogActions as He, FormControlLabel as Ge, Checkbox as yr, Autocomplete as Le, Switch as vr, MenuItem as he, Collapse as xr, Divider as gr, Popper as Pr } from "@mui/material";
 import U from "lodash/sortBy";
 import { useCallback as D, useMemo as re, useRef as H, useId as kr, useEffect as _, useState as G } from "react";
 import { useUpdate as Ye } from "react-use";
@@ -23,8 +23,8 @@ import { CustomComponentRenderer as Xe, transpileAndLoadScript as zr, getPropert
 import { parsePropertyValue as Vr } from "@blocklet/pages-kit/utils/property";
 import { unstable_useNumberInput as Er, ClickAwayListener as Tr } from "@mui/base";
 import { VisibilityOffRounded as Ar, VisibilityRounded as Dr, DeleteOutlineRounded as Wr, DragIndicatorRounded as Ur, TranslateRounded as Ze, AddRounded as er, InfoRounded as rr, PsychologyAlt as Br, StarRounded as Kr, SettingsRounded as tr } from "@mui/icons-material";
-import { getYjsValue as ne } from "@syncedstore/core";
-import { useUpdate as Fr, useReactive as Mr } from "ahooks";
+import { getYjsValue as le } from "@syncedstore/core";
+import { useUpdate as Mr, useReactive as Fr } from "ahooks";
 import Jr from "lodash/assign";
 import _r from "lodash/get";
 import $r from "lodash/has";
@@ -38,51 +38,51 @@ import Qr from "lodash/reduce";
 import { usePopupState as Se, bindTrigger as Ie, bindDialog as ir, bindPopper as Xr } from "material-ui-popup-state/hooks";
 import { ErrorBoundary as Zr } from "react-error-boundary";
 import { cx as et } from "@emotion/css";
-import { useDrop as lr, useDrag as rt } from "react-dnd";
+import { useDrop as nr, useDrag as rt } from "react-dnd";
 function tt({
   onClick: e,
   disabled: t,
   sx: i,
-  ...l
+  ...n
 }) {
-  return /* @__PURE__ */ r(le, { size: "small", color: "warning", variant: "outlined", disabled: t, onClick: e, ...l, children: /* @__PURE__ */ r(fr, { fontSize: "small" }) });
+  return /* @__PURE__ */ r(ie, { size: "small", color: "warning", variant: "outlined", disabled: t, onClick: e, ...n, children: /* @__PURE__ */ r(fr, { fontSize: "small" }) });
 }
 function it({
   onClick: e,
   disabled: t,
   sx: i,
-  ...l
+  ...n
 }) {
-  return /* @__PURE__ */ r(le, { size: "small", color: "primary", disabled: t, onClick: e, ...l, children: /* @__PURE__ */ r(mr, { fontSize: "small" }) });
+  return /* @__PURE__ */ r(ie, { size: "small", color: "primary", disabled: t, onClick: e, ...n, children: /* @__PURE__ */ r(mr, { fontSize: "small" }) });
 }
-function lt({
+function nt({
   onClick: e,
   disabled: t,
   sx: i,
-  ...l
+  ...n
 }) {
-  return /* @__PURE__ */ r(le, { size: "small", color: "primary", disabled: t, onClick: e, ...l, children: /* @__PURE__ */ r(pr, { fontSize: "small" }) });
+  return /* @__PURE__ */ r(ie, { size: "small", color: "primary", disabled: t, onClick: e, ...n, children: /* @__PURE__ */ r(pr, { fontSize: "small" }) });
 }
-function nt({
+function lt({
   label: e,
   value: t,
   onChange: i,
-  disabled: l = !1,
+  disabled: n = !1,
   itemLabel: f = "",
-  emptyHeight: v = 40,
+  emptyHeight: x = 40,
   property: p,
   renderItem: w,
   ...P
 }) {
-  const { t: b, locale: g } = V(), x = Ye(), n = D(
+  const { t: b, locale: g } = V(), v = Ye(), l = D(
     (a) => {
       i(ge(a, p.type));
     },
     [i, p.type]
   ), c = re(() => Array.isArray(t) ? t : [], [t]), s = D(() => {
     const a = [...c, ""];
-    n(a), x();
-  }, [c, n, x]), u = D(() => {
+    l(a), v();
+  }, [c, l, v]), u = D(() => {
     if (!p || !p.subProperties)
       return s();
     const a = {};
@@ -93,43 +93,43 @@ function nt({
       a[z.key] = E;
     });
     const C = [...c, a];
-    n(C), x();
-  }, [c, n, x, p, g, s]), d = D(
+    l(C), v();
+  }, [c, l, v, p, g, s]), d = D(
     (a) => {
       try {
         const S = JSON.parse(a);
-        Array.isArray(S) ? n(S) : console.error("JSON解析结果不是数组");
+        Array.isArray(S) ? l(S) : console.error("JSON解析结果不是数组");
       } catch (S) {
         console.error("JSON解析错误:", S);
       }
     },
-    [n]
+    [l]
   ), k = D(
     (a) => {
       const S = c.filter((C, z) => z !== a);
-      n(S), x();
+      l(S), v();
     },
-    [c, n, x]
+    [c, l, v]
   ), o = D(
     (a) => {
       if (a <= 0) return;
       const S = [...c], C = S[a];
-      S[a] = S[a - 1], S[a - 1] = C, n(S), x();
+      S[a] = S[a - 1], S[a - 1] = C, l(S), v();
     },
-    [c, n, x]
+    [c, l, v]
   ), h = D(
     (a) => {
       if (a >= c.length - 1) return;
       const S = [...c], C = S[a];
-      S[a] = S[a + 1], S[a + 1] = C, n(S), x();
+      S[a] = S[a + 1], S[a + 1] = C, l(S), v();
     },
-    [c, n, x]
+    [c, l, v]
   ), m = D(
     (a, S) => {
       const C = [...c];
-      C[a] = S, n(C);
+      C[a] = S, l(C);
     },
-    [c, n]
+    [c, l]
   ), y = p && p.subProperties && Object.keys(p.subProperties).length > 0, I = re(() => [
     {
       field: "index",
@@ -167,7 +167,7 @@ function nt({
         {
           fullWidth: !0,
           size: "small",
-          disabled: l,
+          disabled: n,
           value: a,
           placeholder: f || `${b("item")} ${S + 1}`,
           onChange: (C) => m(S, C.target.value),
@@ -182,15 +182,15 @@ function nt({
       // 增加宽度以容纳更多按钮
       align: "center",
       renderCell: ({ index: a }) => /* @__PURE__ */ O(j, { direction: "column", spacing: 0.25, children: [
-        /* @__PURE__ */ r(it, { disabled: l || a === 0, onClick: () => o(a) }),
+        /* @__PURE__ */ r(it, { disabled: n || a === 0, onClick: () => o(a) }),
         /* @__PURE__ */ r(
-          lt,
+          nt,
           {
-            disabled: l || a === c.length - 1,
+            disabled: n || a === c.length - 1,
             onClick: () => h(a)
           }
         ),
-        /* @__PURE__ */ r(tt, { disabled: l, onClick: () => k(a) })
+        /* @__PURE__ */ r(tt, { disabled: n, onClick: () => k(a) })
       ] })
     }
   ], [
@@ -200,7 +200,7 @@ function nt({
     m,
     f,
     b,
-    l,
+    n,
     P,
     k,
     o,
@@ -209,8 +209,8 @@ function nt({
   ]);
   return y ? /* @__PURE__ */ O(j, { width: "100%", gap: 1, children: [
     e && /* @__PURE__ */ r(se, { children: e }),
-    c.length > 0 ? /* @__PURE__ */ r(hr, { component: ie, variant: "outlined", sx: { borderRadius: 1, mb: 1 }, children: /* @__PURE__ */ O(
-      Fe,
+    c.length > 0 ? /* @__PURE__ */ r(hr, { component: te, variant: "outlined", sx: { borderRadius: 1, mb: 1 }, children: /* @__PURE__ */ O(
+      Me,
       {
         size: "small",
         sx: {
@@ -227,7 +227,7 @@ function nt({
           borderCollapse: "collapse"
         },
         children: [
-          /* @__PURE__ */ r(Me, { sx: { display: "none" }, children: /* @__PURE__ */ r(ce, { children: I.map((a) => /* @__PURE__ */ r(
+          /* @__PURE__ */ r(Fe, { sx: { display: "none" }, children: /* @__PURE__ */ r(ce, { children: I.map((a) => /* @__PURE__ */ r(
             de,
             {
               width: a.width,
@@ -268,14 +268,14 @@ function nt({
           )) })
         ]
       }
-    ) }) : /* @__PURE__ */ r(ae, { style: { fontSize: 12, height: v }, children: b("maker.properties.arrayEmpty") }),
+    ) }) : /* @__PURE__ */ r(pe, { style: { fontSize: 12, height: x }, children: b("maker.properties.arrayEmpty") }),
     /* @__PURE__ */ r(
       A,
       {
         fullWidth: !0,
         size: "small",
         variant: "outlined",
-        disabled: l,
+        disabled: n,
         startIcon: /* @__PURE__ */ r(ar, {}),
         onClick: u,
         children: b("maker.properties.addArrayItem")
@@ -305,7 +305,7 @@ function ot({
   onChange: t,
   ...i
 }) {
-  const l = H(null);
+  const n = H(null);
   return /* @__PURE__ */ O(q, { children: [
     /* @__PURE__ */ r(
       Ir,
@@ -314,14 +314,14 @@ function ot({
         value: e,
         onChange: t,
         InputProps: {
-          endAdornment: /* @__PURE__ */ r(pe, { position: "end", children: /* @__PURE__ */ r(
+          endAdornment: /* @__PURE__ */ r(ne, { position: "end", children: /* @__PURE__ */ r(
             wr,
             {
               color: e ?? "",
               style: { width: "1.5rem", height: "1.5rem", padding: 0 },
               onClick: () => {
                 var f;
-                (f = l.current) == null || f.open({ value: e ?? "" });
+                (f = n.current) == null || f.open({ value: e ?? "" });
               }
             }
           ) })
@@ -331,9 +331,9 @@ function ot({
     /* @__PURE__ */ r(
       Sr,
       {
-        ref: l,
-        onSave: ({ value: f }, v) => {
-          t(f), v();
+        ref: n,
+        onSave: ({ value: f }, x) => {
+          t(f), x();
         }
       }
     )
@@ -343,39 +343,39 @@ function st({
   label: e,
   value: t,
   onChange: i,
-  property: l,
+  property: n,
   component: f,
-  defaultLocale: v,
+  defaultLocale: x,
   allComponents: p,
   PropertyValueField: w,
   onUpload: P
 }) {
   const { locale: b } = V(), g = H(null);
-  if (!J(l.subProperties)) {
-    const n = U(Object.values(l.subProperties || {}), "index").filter(
+  if (!J(n.subProperties)) {
+    const l = U(Object.values(n.subProperties || {}), "index").filter(
       (c) => c.data.visible !== !1 && c.data.key
     );
     return /* @__PURE__ */ O(j, { width: "100%", children: [
       /* @__PURE__ */ r(se, { sx: { px: 0.25, py: 0.5 }, children: e }),
-      /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(N, { sx: { position: "relative" }, children: n.map((c, s) => {
-        const { data: u } = c, d = u.key ?? u.id, k = s === n.length - 1;
+      /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(N, { sx: { position: "relative" }, children: l.map((c, s) => {
+        const { data: u } = c, d = u.key ?? u.id, k = s === l.length - 1;
         let o = null;
         try {
-          t && typeof t == "object" ? o = t[d] : typeof t == "string" && (o = (l.type === "yaml" ? be.parse(t || "") : JSON.parse(t || "{}"))[d]);
+          t && typeof t == "object" ? o = t[d] : typeof t == "string" && (o = (n.type === "yaml" ? be.parse(t || "") : JSON.parse(t || "{}"))[d]);
         } catch {
         }
-        o == null && (u.locales && b && u.locales[b] ? o = u.locales[b].defaultValue : u.locales && v && u.locales[v] && (o = u.locales[v].defaultValue));
+        o == null && (u.locales && b && u.locales[b] ? o = u.locales[b].defaultValue : u.locales && x && u.locales[x] && (o = u.locales[x].defaultValue));
         const h = (y) => {
           try {
             let I = {};
             if (typeof t == "string")
               try {
-                I = l.type === "yaml" ? be.parse(t || "") : JSON.parse(t || "{}");
+                I = n.type === "yaml" ? be.parse(t || "") : JSON.parse(t || "{}");
               } catch {
               }
             else typeof t == "object" && t !== null && (I = { ...t });
             qe(I, d, y);
-            const a = ge(I, l.type);
+            const a = ge(I, n.type);
             i == null || i(a);
           } catch (I) {
             console.error("Error updating property:", I);
@@ -458,7 +458,7 @@ function st({
                   onChange: h,
                   size: "small",
                   fullWidth: !0,
-                  defaultLocale: v,
+                  defaultLocale: x,
                   allComponents: p
                 }
               ) })
@@ -497,22 +497,22 @@ function st({
         /* @__PURE__ */ r(
           ke,
           {
-            keyId: l.id,
+            keyId: n.id,
             locale: b,
-            language: l.type === "yaml" ? "yaml" : "json",
+            language: n.type === "yaml" ? "yaml" : "json",
             value: typeof t == "string" ? t : "",
-            onChange: (n) => {
-              i == null || i(n);
+            onChange: (l) => {
+              i == null || i(l);
             },
-            onUpload: (n) => {
-              g.current = n, P && P(n);
+            onUpload: (l) => {
+              g.current = l, P && P(l);
             },
             fullScreenOptions: {
               enableEscExit: !0,
               targetContainer: () => document.getElementById("parameters-config-dialog") || null
             }
           },
-          l.id
+          n.id
         ),
         /* @__PURE__ */ r(
           N,
@@ -542,13 +542,13 @@ const ct = ["string", "multiline", "json", "yaml", "url", "component", "custom",
 function Ue(e) {
   return e.type ? !ct.includes(e.type) : !1;
 }
-function nr({
+function lr({
   disabled: e,
   list: t,
   renderItem: i,
-  ...l
+  ...n
 }) {
-  const f = H(null), v = kr(), p = Fr(), w = U(Object.entries(t), (c) => c[1].index).map((c) => c[0]), P = H(w), b = D(
+  const f = H(null), x = kr(), p = Mr(), w = U(Object.entries(t), (c) => c[1].index).map((c) => c[0]), P = H(w), b = D(
     (c) => {
       P.current = c, p();
     },
@@ -563,8 +563,8 @@ function nr({
   _(() => {
     b(w);
   }, [w.join("-")]);
-  const [{ isOver: x }, n] = lr({
-    accept: v,
+  const [{ isOver: v }, l] = nr({
+    accept: x,
     collect: (c) => ({
       isOver: c.isOver()
     }),
@@ -576,18 +576,18 @@ function nr({
           const o = t[d];
           o && (o.index = k);
         });
-      }, s = (u = ne(t)) == null ? void 0 : u.doc;
+      }, s = (u = le(t)) == null ? void 0 : u.doc;
       s ? s.transact(() => {
         c();
       }) : c();
     }
   });
   return _(() => {
-    x || b(w);
-  }, [x]), n(f), /* @__PURE__ */ r(N, { ...l, ref: f, className: et(x && "isDragging"), children: P.current.map((c, s) => /* @__PURE__ */ r(
+    v || b(w);
+  }, [v]), l(f), /* @__PURE__ */ r(N, { ...n, ref: f, className: et(v && "isDragging"), children: P.current.map((c, s) => /* @__PURE__ */ r(
     dt,
     {
-      type: v,
+      type: x,
       disabled: e,
       id: c,
       index: s,
@@ -605,51 +605,51 @@ function dt({
   disabled: e,
   id: t,
   index: i,
-  type: l,
+  type: n,
   children: f,
-  itemIndex: v,
+  itemIndex: x,
   move: p
 }) {
   const w = H(), [{ isDragging: P }, b, g] = rt({
-    type: l,
+    type: n,
     item: () => ({ id: t }),
     canDrag: () => !e,
-    collect: (n) => ({ isDragging: n.isDragging() })
-  }), [, x] = lr({
-    accept: l,
+    collect: (l) => ({ isDragging: l.isDragging() })
+  }), [, v] = nr({
+    accept: n,
     canDrop: () => !e,
-    hover(n, c) {
+    hover(l, c) {
       var m;
       if (!w.current)
         return;
-      const s = v(n.id), u = i;
+      const s = x(l.id), u = i;
       if (s === u)
         return;
       const d = (m = w.current) == null ? void 0 : m.getBoundingClientRect(), k = (d.bottom - d.top) / 2, h = c.getClientOffset().y - d.top;
-      s < u && h < k || s > u && h > k || p({ id: n.id, index: s }, { id: t, index: i });
+      s < u && h < k || s > u && h > k || p({ id: l.id, index: s }, { id: t, index: i });
     }
   });
   return typeof f == "function" ? f({
     isDragging: P,
     drag: b,
-    drop: (n) => (w.current = n, x(n)),
+    drop: (l) => (w.current = l, v(l)),
     preview: g
-  }) : (b(x(g(w))), /* @__PURE__ */ r(N, { ref: w, children: f }));
+  }) : (b(v(g(w))), /* @__PURE__ */ r(N, { ref: w, children: f }));
 }
 function ut({
   drop: e,
   preview: t,
   drag: i,
-  disabled: l,
+  disabled: n,
   isDragging: f,
-  children: v,
+  children: x,
   onDelete: p,
   onVisibilityChange: w,
   visible: P = !0,
   actions: b,
   alwaysShowActions: g = !1
 }) {
-  const { t: x } = V();
+  const { t: v } = V();
   return /* @__PURE__ */ r(
     N,
     {
@@ -670,10 +670,10 @@ function ut({
               opacity: 0.9999
               // NOTE: make preview effective
             },
-            children: v
+            children: x
           }
         ),
-        !l && /* @__PURE__ */ r(
+        !n && /* @__PURE__ */ r(
           N,
           {
             className: g ? "" : "hover-visible",
@@ -690,7 +690,7 @@ function ut({
               {
                 direction: "row",
                 sx: {
-                  bgcolor: (n) => fe(n.palette.grey[200], 0.9),
+                  bgcolor: (l) => fe(l.palette.grey[200], 0.9),
                   borderRadius: 1,
                   p: 0.5,
                   [`.${br.root}`]: {
@@ -702,9 +702,9 @@ function ut({
                 },
                 children: [
                   b,
-                  w && /* @__PURE__ */ r(Y, { title: x(P ? "hideParameter" : "showParameter"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ r(A, { onClick: () => w(!P), children: P ? /* @__PURE__ */ r(Ar, { sx: { fontSize: "1.25rem", color: "grey.500" } }) : /* @__PURE__ */ r(Dr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
-                  p && /* @__PURE__ */ r(Y, { title: x("delete"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ r(A, { onClick: p, children: /* @__PURE__ */ r(Wr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
-                  /* @__PURE__ */ r(Y, { title: x("dragSort"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ r(A, { ref: i, children: /* @__PURE__ */ r(Ur, { sx: { color: "grey.500" } }) }) })
+                  w && /* @__PURE__ */ r(Y, { title: v(P ? "hideParameter" : "showParameter"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ r(A, { onClick: () => w(!P), children: P ? /* @__PURE__ */ r(Ar, { sx: { fontSize: "1.25rem", color: "grey.500" } }) : /* @__PURE__ */ r(Dr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
+                  p && /* @__PURE__ */ r(Y, { title: v("delete"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ r(A, { onClick: p, children: /* @__PURE__ */ r(Wr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
+                  /* @__PURE__ */ r(Y, { title: v("dragSort"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ r(A, { ref: i, children: /* @__PURE__ */ r(Ur, { sx: { color: "grey.500" } }) }) })
                 ]
               }
             )
@@ -721,49 +721,49 @@ function at(e) {
 function pt(e, t, i) {
   return e.locales && e.locales[t] && e.locales[t].name ? e.locales[t].name : i && e.locales && e.locales[i] && e.locales[i].name ? e.locales[i].name : e.key ? e.key : e.id;
 }
-const or = (e, t, i, l) => {
+const or = (e, t, i, n) => {
   const f = {};
   return U(Object.entries(e), ([, p]) => p.index).forEach(([p, w]) => {
     const P = w.data;
     if (!P) return;
-    const b = P.key || P.id, g = i ? pt(P, i, l || "") : b, x = t == null ? void 0 : t[P.id], n = {
+    const b = P.key || P.id, g = i ? pt(P, i, n || "") : b, v = t == null ? void 0 : t[P.id], l = {
       key: b,
-      isNeedGenerate: (x == null ? void 0 : x.isNeedGenerate) ?? at(P),
+      isNeedGenerate: (v == null ? void 0 : v.isNeedGenerate) ?? at(P),
       // 如果存在使用现有值，否则默认勾选
-      describe: (x == null ? void 0 : x.describe) ?? "",
+      describe: (v == null ? void 0 : v.describe) ?? "",
       displayName: g
     };
-    P.subProperties && !J(P.subProperties) && (n.subProperties = or(
+    P.subProperties && !J(P.subProperties) && (l.subProperties = or(
       P.subProperties,
-      x == null ? void 0 : x.subProperties,
+      v == null ? void 0 : v.subProperties,
       i,
-      l
-    )), f[P.id] = n;
+      n
+    )), f[P.id] = l;
   }), f;
 };
 function mt({
   open: e,
   onClose: t,
   onConfirm: i,
-  component: l,
+  component: n,
   initialConfig: f,
-  locale: v,
+  locale: x,
   defaultLocale: p,
   title: w,
   loading: P = !1
 }) {
-  const { t: b } = V(), [g, x] = G(null);
+  const { t: b } = V(), [g, v] = G(null);
   _(() => {
-    if (e && l) {
+    if (e && n) {
       const d = { properties: {} };
-      if (l.properties) {
+      if (n.properties) {
         const k = f == null ? void 0 : f.properties;
-        d.properties = or(l.properties, k, v, p);
+        d.properties = or(n.properties, k, x, p);
       }
-      x(d);
+      v(d);
     }
-  }, [e, l, f, v, p]);
-  const n = () => {
+  }, [e, n, f, x, p]);
+  const l = () => {
     t();
   }, c = () => {
     g && (i(g), t());
@@ -790,11 +790,11 @@ function mt({
           const C = (z, E) => {
             const T = {};
             return Object.entries(z).forEach(([B, K]) => {
-              const F = { ...K };
-              E !== null && (F.isNeedGenerate = E), K.subProperties && !J(K.subProperties) && (F.subProperties = C(
+              const M = { ...K };
+              E !== null && (M.isNeedGenerate = E), K.subProperties && !J(K.subProperties) && (M.subProperties = C(
                 K.subProperties,
                 E !== null ? E : null
-              )), T[B] = F;
+              )), T[B] = M;
             }), T;
           };
           S.subProperties = C(
@@ -820,7 +820,7 @@ function mt({
           ...o
         });
       }
-      x(h);
+      v(h);
     }
   }, u = (d, k = [], o = !0) => {
     if (!d || J(d))
@@ -945,14 +945,14 @@ function mt({
       ] }) }, m);
     }) });
   };
-  return /* @__PURE__ */ O(we, { open: e, onClose: n, maxWidth: "lg", fullWidth: !0, children: [
+  return /* @__PURE__ */ O(we, { open: e, onClose: l, maxWidth: "lg", fullWidth: !0, children: [
     /* @__PURE__ */ r(_e, { children: w || b("maker.properties.llmConfigTitle") }),
-    /* @__PURE__ */ r($e, { children: /* @__PURE__ */ r(N, { my: 3, children: P ? /* @__PURE__ */ r(W, { children: b("maker.properties.loading") }) : l ? g ? /* @__PURE__ */ O(j, { spacing: 3, children: [
+    /* @__PURE__ */ r($e, { children: /* @__PURE__ */ r(N, { my: 3, children: P ? /* @__PURE__ */ r(W, { children: b("maker.properties.loading") }) : n ? g ? /* @__PURE__ */ O(j, { spacing: 3, children: [
       /* @__PURE__ */ r(W, { variant: "subtitle2", children: b("maker.properties.llmConfigInstructions") }),
       u(g.properties)
     ] }) : /* @__PURE__ */ r(W, { children: b("maker.properties.loading") }) : /* @__PURE__ */ r(W, { color: "error", children: b("maker.properties.componentNotFound") }) }) }),
     /* @__PURE__ */ O(He, { children: [
-      /* @__PURE__ */ r(A, { onClick: n, children: b("common.cancel") }),
+      /* @__PURE__ */ r(A, { onClick: l, children: b("common.cancel") }),
       /* @__PURE__ */ r(A, { variant: "contained", onClick: c, disabled: !g || P, children: b("common.confirm") })
     ] })
   ] });
@@ -962,7 +962,7 @@ function ft({
   value: t,
   onChange: i
 }) {
-  const [l, f] = G(!1);
+  const [n, f] = G(!1);
   return /* @__PURE__ */ O(j, { gap: 1, children: [
     /* @__PURE__ */ r(
       R,
@@ -970,18 +970,21 @@ function ft({
         label: e,
         size: "small",
         value: t,
-        onChange: (v) => i == null ? void 0 : i(v.target.value),
+        onChange: (x) => i == null ? void 0 : i(x.target.value),
         InputProps: {
-          endAdornment: /* @__PURE__ */ r(
+          sx: {
+            pr: 0
+          },
+          endAdornment: /* @__PURE__ */ r(ne, { position: "end", children: /* @__PURE__ */ r(
             Qe,
             {
-              onChange: ({ response: v }) => {
+              onChange: ({ response: x }) => {
                 var w;
-                const p = (w = v == null ? void 0 : v.data) == null ? void 0 : w.filename;
+                const p = (w = x == null ? void 0 : x.data) == null ? void 0 : w.filename;
                 p && (i == null || i(p));
               }
             }
-          )
+          ) })
         }
       }
     ),
@@ -998,13 +1001,13 @@ function ft({
         onClick: () => f(!0)
       }
     ),
-    /* @__PURE__ */ r(we, { open: l, onClose: () => f(!1), children: /* @__PURE__ */ r(N, { component: "img", sx: { objectFit: "contain" }, src: We(t), alt: e }) })
+    /* @__PURE__ */ r(we, { open: n, onClose: () => f(!1), children: /* @__PURE__ */ r(N, { component: "img", sx: { objectFit: "contain" }, src: We(t), alt: e }) })
   ] });
 }
 function ve(e, t = "") {
-  return Qr(e, (i, l, f) => {
-    const v = t ? `${t}.${f}` : f;
-    return Gr(l) ? Jr(i, ve(l, v)) : i[v] = l, i;
+  return Qr(e, (i, n, f) => {
+    const x = t ? `${t}.${f}` : f;
+    return Gr(n) ? Jr(i, ve(n, x)) : i[x] = n, i;
   }, {});
 }
 const ht = [
@@ -1022,19 +1025,19 @@ const ht = [
   { value: "custom", label: "Custom (Render by a Component)" }
 ];
 function oe(e, t, i) {
-  return !e || !i ? !1 : Object.values(e).some(({ data: l }) => l.id !== t && l.key === i);
+  return !e || !i ? !1 : Object.values(e).some(({ data: n }) => n.id !== t && n.key === i);
 }
 function xe(e, t) {
   var i;
   return !e || !t ? !1 : ((i = e[t]) == null ? void 0 : i.data.visible) ?? !0;
 }
 function hi({ componentId: e }) {
-  const { state: { components: t } } = te(), i = t[e], l = i == null ? void 0 : i.data;
-  return l ? /* @__PURE__ */ r(j, { maxHeight: "100%", overflow: "auto", children: /* @__PURE__ */ r(N, { p: 2, children: /* @__PURE__ */ r(Zr, { FallbackComponent: ur, resetKeys: [e], children: /* @__PURE__ */ r(bt, { value: l, componentId: e }) }) }) }) : null;
+  const { state: { components: t } } = ae(), i = t[e], n = i == null ? void 0 : i.data;
+  return n ? /* @__PURE__ */ r(j, { maxHeight: "100%", overflow: "auto", children: /* @__PURE__ */ r(N, { p: 2, children: /* @__PURE__ */ r(Zr, { FallbackComponent: ur, resetKeys: [e], children: /* @__PURE__ */ r(bt, { value: n, componentId: e }) }) }) }) : null;
 }
 function bt({ value: e, componentId: t }) {
-  var x, n, c;
-  const { t: i } = V(), { localState: { currentLocale: l, customComponentPreviewerProperties: f }, state: { config: { defaultLocale: v } }, localActions: { setCustomComponentPreviewerProperties: p } } = te(), w = ne(e).doc, P = Pe(), b = re(() => (f == null ? void 0 : f[t]) ?? {}, [t, f]), g = Mr({
+  var v, l, c;
+  const { t: i } = V(), { localState: { currentLocale: n, customComponentPreviewerProperties: f }, state: { config: { defaultLocale: x } }, localActions: { setCustomComponentPreviewerProperties: p } } = ae(), w = le(e).doc, P = Pe(), b = re(() => (f == null ? void 0 : f[t]) ?? {}, [t, f]), g = Fr({
     componentId: t,
     propertiesValue: {
       ...b
@@ -1052,9 +1055,9 @@ function bt({ value: e, componentId: t }) {
       return [
         u.id,
         {
-          value: ((d = g.propertiesValue[u.id]) == null ? void 0 : d.value) ?? Vr(u, ((o = (k = u.locales) == null ? void 0 : k[l]) == null ? void 0 : o.defaultValue) ?? ((m = (h = u.locales) == null ? void 0 : h[v]) == null ? void 0 : m.defaultValue), {
-            locale: l,
-            defaultLocale: v
+          value: ((d = g.propertiesValue[u.id]) == null ? void 0 : d.value) ?? Vr(u, ((o = (k = u.locales) == null ? void 0 : k[n]) == null ? void 0 : o.defaultValue) ?? ((m = (h = u.locales) == null ? void 0 : h[x]) == null ? void 0 : m.defaultValue), {
+            locale: n,
+            defaultLocale: x
           })
         }
       ];
@@ -1064,8 +1067,8 @@ function bt({ value: e, componentId: t }) {
     /* @__PURE__ */ r(yt, { config: e }),
     /* @__PURE__ */ r(xt, {
       config: e,
-      currentLocale: l,
-      defaultLocale: v,
+      currentLocale: n,
+      defaultLocale: x,
       allComponents: P,
       onUpdateConfig: (s) => {
         w.transact(() => {
@@ -1080,7 +1083,7 @@ function bt({ value: e, componentId: t }) {
         size: "small",
         select: !0,
         SelectProps: { autoWidth: !0 },
-        value: ((x = e.renderer) == null ? void 0 : x.type) || "react-component",
+        value: ((v = e.renderer) == null ? void 0 : v.type) || "react-component",
         onChange: (s) => {
           w.transact(() => {
             const u = s.target.value;
@@ -1093,12 +1096,12 @@ function bt({ value: e, componentId: t }) {
         ]
       })
     ] }),
-    ((n = e.renderer) == null ? void 0 : n.type) === "component" && /* @__PURE__ */ r(Ct, { value: e }),
+    ((l = e.renderer) == null ? void 0 : l.type) === "component" && /* @__PURE__ */ r(Ct, { value: e }),
     ((c = e.renderer) == null ? void 0 : c.type) === "react-component" && /* @__PURE__ */ r(Ot, { value: e }),
     /* @__PURE__ */ r(dr, {
       config: e,
-      currentLocale: l,
-      defaultLocale: v,
+      currentLocale: n,
+      defaultLocale: x,
       allComponents: P,
       propertiesValue: g.propertiesValue,
       onChange: ({ value: s, id: u, path: d }) => {
@@ -1136,7 +1139,7 @@ function yt({ config: e }) {
       value: e.description || "",
       onChange: (i) => e.description = i.target.value,
       InputProps: {
-        endAdornment: /* @__PURE__ */ r(pe, { position: "end", sx: { mt: -1.5 }, children: /* @__PURE__ */ r(Nt, { config: e }) })
+        endAdornment: /* @__PURE__ */ r(ne, { position: "end", sx: { mt: -1.5 }, children: /* @__PURE__ */ r(Nt, { config: e }) })
       }
     }),
     /* @__PURE__ */ r(Le, {
@@ -1145,7 +1148,7 @@ function yt({ config: e }) {
       multiple: !0,
       freeSolo: !0,
       value: e.tags ?? [],
-      onChange: (i, l) => e.tags = l,
+      onChange: (i, n) => e.tags = n,
       renderInput: (i) => /* @__PURE__ */ r(R, { label: t("tags"), ...i })
     }),
     /* @__PURE__ */ r(ft, {
@@ -1155,8 +1158,8 @@ function yt({ config: e }) {
     })
   ] }) });
 }
-function sr({ data: e, params: t, visible: i, config: l, currentLocale: f, defaultLocale: v, allComponents: p, onUpdateConfig: w }) {
-  var g, x, n, c, s, u;
+function sr({ data: e, params: t, visible: i, config: n, currentLocale: f, defaultLocale: x, allComponents: p, onUpdateConfig: w }) {
+  var g, v, l, c, s, u;
   const { t: P } = V(), b = re(() => e.type === "json" || e.type === "yaml" || e.type === "array" ? kt : L, [e.type]);
   return /* @__PURE__ */ r(ut, {
     preview: t.preview,
@@ -1190,13 +1193,13 @@ function sr({ data: e, params: t, visible: i, config: l, currentLocale: f, defau
           width: "calc(100% - 80px - 8px)",
           flex: 1,
           "& .MuiOutlinedInput-root": {
-            borderColor: e.key ? oe(l.properties, e.id, e.key) ? "warning.main" : void 0 : "error.main"
+            borderColor: e.key ? oe(n.properties, e.id, e.key) ? "warning.main" : void 0 : "error.main"
           },
           "& .MuiFormLabel-root": {
-            color: e.key ? oe(l.properties, e.id, e.key) ? "warning.main" : "text.secondary" : "error.main"
+            color: e.key ? oe(n.properties, e.id, e.key) ? "warning.main" : "text.secondary" : "error.main"
           },
           "& .MuiFormLabel-root.Mui-focused": {
-            color: e.key ? oe(l.properties, e.id, e.key) ? "warning.main" : "primary.main" : "error.main"
+            color: e.key ? oe(n.properties, e.id, e.key) ? "warning.main" : "primary.main" : "error.main"
           }
         },
         value: e.key || "",
@@ -1207,7 +1210,7 @@ function sr({ data: e, params: t, visible: i, config: l, currentLocale: f, defau
           });
         },
         InputProps: {
-          endAdornment: !e.key || e.key && oe(l.properties, e.id, e.key) ? /* @__PURE__ */ r(pe, {
+          endAdornment: !e.key || e.key && oe(n.properties, e.id, e.key) ? /* @__PURE__ */ r(ne, {
             position: "end",
             sx: {
               width: 16,
@@ -1227,7 +1230,7 @@ function sr({ data: e, params: t, visible: i, config: l, currentLocale: f, defau
           label: P("label"),
           size: "small",
           sx: { flex: 1 },
-          value: (((x = (g = e.locales) == null ? void 0 : g[f]) == null ? void 0 : x.name) ?? ((c = (n = e.locales) == null ? void 0 : n[v]) == null ? void 0 : c.name)) || "",
+          value: (((v = (g = e.locales) == null ? void 0 : g[f]) == null ? void 0 : v.name) ?? ((c = (l = e.locales) == null ? void 0 : l[x]) == null ? void 0 : c.name)) || "",
           onChange: (d) => {
             w((k) => {
               var h;
@@ -1258,8 +1261,8 @@ function sr({ data: e, params: t, visible: i, config: l, currentLocale: f, defau
       /* @__PURE__ */ O(j, { direction: "row", gap: 1, children: [
         /* @__PURE__ */ r(b, {
           allComponents: p,
-          defaultLocale: v,
-          component: l,
+          defaultLocale: x,
+          component: n,
           property: e,
           label: P("defaultValue"),
           size: "small",
@@ -1285,96 +1288,96 @@ function sr({ data: e, params: t, visible: i, config: l, currentLocale: f, defau
   });
 }
 function vt(e, t) {
-  const [i, l] = G(0);
+  const [i, n] = G(0);
   return _(() => {
-    const v = setTimeout(() => {
+    const x = setTimeout(() => {
       if (e.current) {
         let p = e.current.parentElement, w = 0;
         for (; p; )
           p.classList.contains("property-container") && w++, p = p.parentElement;
-        l(w);
+        n(w);
       }
     }, 100);
-    return () => clearTimeout(v);
+    return () => clearTimeout(x);
   }, [e, t]), i;
 }
-function xt({ config: e, currentLocale: t, defaultLocale: i, allComponents: l, onUpdateConfig: f, useI18nEditor: v = !0 }) {
+function xt({ config: e, currentLocale: t, defaultLocale: i, allComponents: n, onUpdateConfig: f, useI18nEditor: x = !0 }) {
   const { t: p } = V(), w = Se({ variant: "dialog" }), P = e.properties && U(Object.values(e.properties), "index");
   return /* @__PURE__ */ r(me, { children: /* @__PURE__ */ O(j, { gap: 2, children: [
     /* @__PURE__ */ O(j, { direction: "row", gap: 1, alignItems: "center", justifyContent: "space-between", children: [
       /* @__PURE__ */ r(W, { variant: "subtitle1", children: p("properties") }),
       /* @__PURE__ */ r(N, { flex: 1 }),
-      v && /* @__PURE__ */ r(A, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Ie(w), children: /* @__PURE__ */ r(Ze, { fontSize: "small" }) })
+      x && /* @__PURE__ */ r(A, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Ie(w), children: /* @__PURE__ */ r(Ze, { fontSize: "small" }) })
     ] }),
-    e.properties && Object.keys(e.properties).length > 0 ? /* @__PURE__ */ r(nr, {
+    e.properties && Object.keys(e.properties).length > 0 ? /* @__PURE__ */ r(lr, {
       component: j,
       gap: 2,
       list: e.properties,
-      renderItem: (b, g, x) => {
-        const n = xe(e.properties, b.id);
-        return /* @__PURE__ */ r(ie, {
+      renderItem: (b, g, v) => {
+        const l = xe(e.properties, b.id);
+        return /* @__PURE__ */ r(te, {
           elevation: 0,
           className: "property-container",
           sx: {
             p: 1.25,
             borderRadius: 1,
-            border: n ? "1px solid" : "1px dashed",
+            border: l ? "1px solid" : "1px dashed",
             borderColor: "divider"
           },
           children: /* @__PURE__ */ r(j, { gap: 2, children: /* @__PURE__ */ r(sr, {
             data: b,
-            params: x,
-            visible: n,
+            params: v,
+            visible: l,
             config: e,
             currentLocale: t,
             defaultLocale: i,
-            allComponents: l,
+            allComponents: n,
             onUpdateConfig: f
           }) })
         }, b.id);
       }
-    }) : /* @__PURE__ */ r(ae, { style: { fontSize: 12 }, children: p("maker.properties.noProperties") }),
+    }) : /* @__PURE__ */ r(pe, { style: { fontSize: 12 }, children: p("maker.properties.noProperties") }),
     /* @__PURE__ */ r(A, {
       fullWidth: !0,
       variant: "outlined",
       className: "ignore-style-override",
       onClick: () => {
         f((b) => {
-          var x;
+          var v;
           const g = Ke();
-          b.properties ?? (b.properties = {}), (x = b.properties)[g] ?? (x[g] = { index: (P == null ? void 0 : P.length) || 0, data: { id: g } });
+          b.properties ?? (b.properties = {}), (v = b.properties)[g] ?? (v[g] = { index: (P == null ? void 0 : P.length) || 0, data: { id: g } });
         });
       },
       startIcon: /* @__PURE__ */ r(er, {}),
       children: p("addObject", { object: p("property") })
     }),
-    v && /* @__PURE__ */ r(cr, { ...ir(w), component: e })
+    x && /* @__PURE__ */ r(cr, { ...ir(w), component: e })
   ] }) });
 }
 function gt({ property: e, allComponents: t }) {
   const i = Se({ variant: "popper" });
   return /* @__PURE__ */ O(q, { children: [
     /* @__PURE__ */ r(A, { sx: { minWidth: 0 }, ...Ie(i), children: /* @__PURE__ */ r(tr, { fontSize: "small" }) }),
-    /* @__PURE__ */ r(Pr, { ...Xr(i), children: /* @__PURE__ */ r(Tr, { onClickAway: i.close, children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ r(N, { width: 500, p: 2, children: /* @__PURE__ */ r(Oe, {
+    /* @__PURE__ */ r(Pr, { ...Xr(i), children: /* @__PURE__ */ r(Tr, { onClickAway: i.close, children: /* @__PURE__ */ r(te, { children: /* @__PURE__ */ r(N, { width: 500, p: 2, children: /* @__PURE__ */ r(Oe, {
       value: e.componentId,
-      onChange: (l, f) => e.componentId = f,
+      onChange: (n, f) => e.componentId = f,
       allComponents: t
     }) }) }) }) })
   ] });
 }
-function Pt({ value: e, valueImmutable: t, onChange: i, defaultLocale: l, allComponents: f }) {
+function Pt({ value: e, valueImmutable: t, onChange: i, defaultLocale: n, allComponents: f }) {
   var g;
-  const [v, p] = G(!1), { t: w, locale: P } = V(), b = typeof (e == null ? void 0 : e.componentId) == "string" ? (g = f[e.componentId]) == null ? void 0 : g.data : void 0;
+  const [x, p] = G(!1), { t: w, locale: P } = V(), b = typeof (e == null ? void 0 : e.componentId) == "string" ? (g = f[e.componentId]) == null ? void 0 : g.data : void 0;
   return b ? /* @__PURE__ */ O(N, { sx: { width: "100%", position: "relative" }, children: [
-    /* @__PURE__ */ r(le, {
+    /* @__PURE__ */ r(ie, {
       sx: { minWidth: 0 },
       disabled: !b,
       size: "small",
-      onClick: () => p(!v),
-      color: v ? "primary" : "default",
+      onClick: () => p(!x),
+      color: x ? "primary" : "default",
       children: /* @__PURE__ */ r(tr, { fontSize: "small" })
     }),
-    v && /* @__PURE__ */ r(xr, { in: v, timeout: "auto", unmountOnExit: !0, sx: { width: "100%", zIndex: 10 }, children: /* @__PURE__ */ O(ie, {
+    x && /* @__PURE__ */ r(xr, { in: x, timeout: "auto", unmountOnExit: !0, sx: { width: "100%", zIndex: 10 }, children: /* @__PURE__ */ O(te, {
       elevation: 1,
       sx: {
         mt: 1,
@@ -1388,12 +1391,12 @@ function Pt({ value: e, valueImmutable: t, onChange: i, defaultLocale: l, allCom
         /* @__PURE__ */ r(N, { width: "100%", mb: 2, children: /* @__PURE__ */ r(dr, {
           config: b,
           currentLocale: P,
-          defaultLocale: l,
+          defaultLocale: n,
           allComponents: f,
           propertiesValue: e == null ? void 0 : e.properties,
-          onChange: ({ id: x, value: n }) => {
-            const c = jr(n.value), s = JSON.parse(JSON.stringify(e));
-            s != null && s.componentId && (t ? i == null || i({ ...s, properties: { ...s.properties, [x]: { value: c } } }) : (s.properties = s.properties ?? {}, s.properties[x] = { value: c }, i == null || i(s)));
+          onChange: ({ id: v, value: l }) => {
+            const c = jr(l.value), s = JSON.parse(JSON.stringify(e));
+            s != null && s.componentId && (t ? i == null || i({ ...s, properties: { ...s.properties, [v]: { value: c } } }) : (s.properties = s.properties ?? {}, s.properties[v] = { value: c }, i == null || i(s)));
           }
         }) }),
         /* @__PURE__ */ r(A, { size: "small", onClick: () => p(!1), sx: { mt: 1 }, children: w("close") })
@@ -1402,17 +1405,17 @@ function Pt({ value: e, valueImmutable: t, onChange: i, defaultLocale: l, allCom
   ] }) : null;
 }
 function cr({ type: e = "properties", component: t, ...i }) {
-  var x, n, c;
-  const { t: l } = V(), { state: { components: f, supportedLocales: v, config: { defaultLocale: p } } } = te(), w = Pe(), P = ne(t).doc, b = e === "properties" ? t.properties : e === "parameters" && ((x = t.renderer) == null ? void 0 : x.type) === "component" ? (n = f[t.renderer.componentId]) == null ? void 0 : n.data.properties : void 0, g = ((c = t.renderer) == null ? void 0 : c.type) === "component" ? t : void 0;
+  var v, l, c;
+  const { t: n } = V(), { state: { components: f, supportedLocales: x, config: { defaultLocale: p } } } = ae(), w = Pe(), P = le(t).doc, b = e === "properties" ? t.properties : e === "parameters" && ((v = t.renderer) == null ? void 0 : v.type) === "component" ? (l = f[t.renderer.componentId]) == null ? void 0 : l.data.properties : void 0, g = ((c = t.renderer) == null ? void 0 : c.type) === "component" ? t : void 0;
   return /* @__PURE__ */ O(we, { ...i, fullWidth: !0, maxWidth: "lg", children: [
-    /* @__PURE__ */ r(_e, { children: l("i18nEditorTitle") }),
-    /* @__PURE__ */ r($e, { children: b && /* @__PURE__ */ r(j, { children: /* @__PURE__ */ O(Fe, { stickyHeader: !0, sx: { td: { verticalAlign: "top" } }, children: [
-      /* @__PURE__ */ r(Me, { children: /* @__PURE__ */ r(ce, { children: v.map(({ locale: s, name: u }) => /* @__PURE__ */ r(de, { children: /* @__PURE__ */ O(W, { color: "text.primary", children: [
+    /* @__PURE__ */ r(_e, { children: n("i18nEditorTitle") }),
+    /* @__PURE__ */ r($e, { children: b && /* @__PURE__ */ r(j, { children: /* @__PURE__ */ O(Me, { stickyHeader: !0, sx: { td: { verticalAlign: "top" } }, children: [
+      /* @__PURE__ */ r(Fe, { children: /* @__PURE__ */ r(ce, { children: x.map(({ locale: s, name: u }) => /* @__PURE__ */ r(de, { children: /* @__PURE__ */ O(W, { color: "text.primary", children: [
         u,
         p === s && /* @__PURE__ */ r(Kr, { sx: { fontSize: 12 } })
       ] }) }, s)) }) }),
-      /* @__PURE__ */ r(Je, { children: U(Object.values(b), "index").map(({ data: s }) => /* @__PURE__ */ r(ce, { children: v.map(({ locale: u }) => {
-        var d, k, o, h, m, y, I, a, S, C, z, E, T, B, K, F, Q, X, Z, ee, Ce, Ne, je, ze, Re, Ve;
+      /* @__PURE__ */ r(Je, { children: U(Object.values(b), "index").map(({ data: s }) => /* @__PURE__ */ r(ce, { children: x.map(({ locale: u }) => {
+        var d, k, o, h, m, y, I, a, S, C, z, E, T, B, K, M, Q, X, Z, ee, Ce, Ne, je, ze, Re, Ve;
         return /* @__PURE__ */ r(de, { children: /* @__PURE__ */ r(j, { gap: 1, children: e === "properties" ? /* @__PURE__ */ O(q, { children: [
           /* @__PURE__ */ r(R, {
             size: "small",
@@ -1426,12 +1429,12 @@ function cr({ type: e = "properties", component: t, ...i }) {
           }),
           /* @__PURE__ */ r(R, {
             size: "small",
-            label: l("label"),
+            label: n("label"),
             value: (((k = (d = s.locales) == null ? void 0 : d[u]) == null ? void 0 : k.name) ?? ((h = (o = s.locales) == null ? void 0 : o[p]) == null ? void 0 : h.name)) || "",
             onChange: ($) => {
               P.transact(() => {
-                var M;
-                s.locales ?? (s.locales = {}), (M = s.locales)[u] ?? (M[u] = {}), s.locales[u].name = $.target.value;
+                var F;
+                s.locales ?? (s.locales = {}), (F = s.locales)[u] ?? (F[u] = {}), s.locales[u].name = $.target.value;
               });
             }
           }),
@@ -1447,8 +1450,8 @@ function cr({ type: e = "properties", component: t, ...i }) {
             value: ((a = (I = s.locales) == null ? void 0 : I[u]) == null ? void 0 : a.defaultValue) ?? ((C = (S = s.locales) == null ? void 0 : S[p]) == null ? void 0 : C.defaultValue),
             onChange: ($) => {
               P.transact(() => {
-                var M;
-                s.locales ?? (s.locales = {}), (M = s.locales)[u] ?? (M[u] = {}), s.locales[u].defaultValue = $;
+                var F;
+                s.locales ?? (s.locales = {}), (F = s.locales)[u] ?? (F[u] = {}), s.locales[u].defaultValue = $;
               });
             }
           }) })
@@ -1460,11 +1463,11 @@ function cr({ type: e = "properties", component: t, ...i }) {
           size: "small",
           fullWidth: !0,
           valueImmutable: ue((B = (T = (E = (z = g.renderer.properties) == null ? void 0 : z[s.id]) == null ? void 0 : E.locales) == null ? void 0 : T[u]) == null ? void 0 : B.value),
-          value: ((X = (Q = (F = (K = g.renderer.properties) == null ? void 0 : K[s.id]) == null ? void 0 : F.locales) == null ? void 0 : Q[u]) == null ? void 0 : X.value) ?? ((Ne = (Ce = (ee = (Z = g.renderer.properties) == null ? void 0 : Z[s.id]) == null ? void 0 : ee.locales) == null ? void 0 : Ce[p]) == null ? void 0 : Ne.value) ?? ((ze = (je = s.locales) == null ? void 0 : je[u]) == null ? void 0 : ze.defaultValue) ?? ((Ve = (Re = s.locales) == null ? void 0 : Re[p]) == null ? void 0 : Ve.defaultValue),
+          value: ((X = (Q = (M = (K = g.renderer.properties) == null ? void 0 : K[s.id]) == null ? void 0 : M.locales) == null ? void 0 : Q[u]) == null ? void 0 : X.value) ?? ((Ne = (Ce = (ee = (Z = g.renderer.properties) == null ? void 0 : Z[s.id]) == null ? void 0 : ee.locales) == null ? void 0 : Ce[p]) == null ? void 0 : Ne.value) ?? ((ze = (je = s.locales) == null ? void 0 : je[u]) == null ? void 0 : ze.defaultValue) ?? ((Ve = (Re = s.locales) == null ? void 0 : Re[p]) == null ? void 0 : Ve.defaultValue),
           onChange: ($) => {
             P.transact(() => {
-              var M, Ee, Te, Ae, De;
-              (M = g.renderer).properties ?? (M.properties = {}), (Ee = g.renderer.properties)[Te = s.id] ?? (Ee[Te] = {}), (Ae = g.renderer.properties[s.id]).locales ?? (Ae.locales = {}), (De = g.renderer.properties[s.id].locales)[u] ?? (De[u] = {}), g.renderer.properties[s.id].locales[u].value = $;
+              var F, Ee, Te, Ae, De;
+              (F = g.renderer).properties ?? (F.properties = {}), (Ee = g.renderer.properties)[Te = s.id] ?? (Ee[Te] = {}), (Ae = g.renderer.properties[s.id]).locales ?? (Ae.locales = {}), (De = g.renderer.properties[s.id].locales)[u] ?? (De[u] = {}), g.renderer.properties[s.id].locales[u].value = $;
             });
           }
         }) }) : null }, s.id) }, u);
@@ -1473,17 +1476,17 @@ function cr({ type: e = "properties", component: t, ...i }) {
     /* @__PURE__ */ r(He, { children: /* @__PURE__ */ r(A, { onClick: (s) => {
       var u;
       return (u = i.onClose) == null ? void 0 : u.call(i, s, "escapeKeyDown");
-    }, children: l("close") }) })
+    }, children: n("close") }) })
   ] });
 }
 const Be = (e, t) => (i) => {
-  const l = [
+  const n = [
     i.palette.info.main,
     i.palette.primary.main,
     i.palette.secondary.main,
     i.palette.success.main,
     i.palette.warning.main
-  ], f = Math.min(l.length - 1, e), v = l[f], p = fe(v, 0.5), w = fe(v, 1);
+  ], f = Math.min(n.length - 1, e), x = n[f], p = fe(x, 0.5), w = fe(x, 1);
   return {
     // 保留原有的边框样式
     borderColor: `${p} !important`,
@@ -1495,61 +1498,61 @@ const Be = (e, t) => (i) => {
     ...t
   };
 };
-function kt({ property: e, onChange: t, defaultLocale: i, allComponents: l }) {
-  const { t: f, locale: v } = V(), p = H(null), w = vt(p, e), P = D(() => {
+function kt({ property: e, onChange: t, defaultLocale: i, allComponents: n }) {
+  const { t: f, locale: x } = V(), p = H(null), w = vt(p, e), P = D(() => {
     if (!(e.type !== "json" && e.type !== "yaml" && e.type !== "array") && e.subProperties)
       try {
         let b = {};
-        U(Object.values(e.subProperties), "index").filter((n) => n.data.visible !== !1 && n.data.key).forEach(({ data: n }) => {
+        U(Object.values(e.subProperties), "index").filter((l) => l.data.visible !== !1 && l.data.key).forEach(({ data: l }) => {
           var s, u, d, k;
-          if (!n.key)
+          if (!l.key)
             return;
-          let c = ((u = (s = n.locales) == null ? void 0 : s[v]) == null ? void 0 : u.defaultValue) ?? ((k = (d = n.locales) == null ? void 0 : d[i]) == null ? void 0 : k.defaultValue);
-          if (n.type === "number")
+          let c = ((u = (s = l.locales) == null ? void 0 : s[x]) == null ? void 0 : u.defaultValue) ?? ((k = (d = l.locales) == null ? void 0 : d[i]) == null ? void 0 : k.defaultValue);
+          if (l.type === "number")
             c = Number(c);
-          else if (n.type === "boolean")
+          else if (l.type === "boolean")
             c = c === !0 || c === "true";
-          else if ((n.type === "json" || n.type === "yaml") && typeof c == "string")
+          else if ((l.type === "json" || l.type === "yaml") && typeof c == "string")
             try {
-              n.type === "json" ? c = JSON.parse(c) : c = be.parse(c);
+              l.type === "json" ? c = JSON.parse(c) : c = be.parse(c);
             } catch (o) {
               console.error("Error parsing nested value", c, o), c = {};
             }
-          b[n.key] = c;
+          b[l.key] = c;
         }), e.type === "array" && !Array.isArray(b) && (b = J(b) ? [] : [b]);
-        const x = ge(b, e.type);
-        t == null || t(x);
+        const v = ge(b, e.type);
+        t == null || t(v);
       } catch (b) {
         console.error("Error converting structure to text:", b);
       }
-  }, [e, v, i, t]);
+  }, [e, x, i, t]);
   return e.type !== "json" && e.type !== "yaml" && e.type !== "array" ? null : /* @__PURE__ */ O(j, { direction: "column", gap: 1.5, sx: { width: "100%" }, ref: p, children: [
     /* @__PURE__ */ r(gr, { sx: { mt: -1 }, children: /* @__PURE__ */ r(W, { variant: "caption", color: "text.secondary", children: f("maker.properties.subProperties") }) }),
-    e.subProperties && Object.keys(e.subProperties).length > 0 ? /* @__PURE__ */ r(nr, {
+    e.subProperties && Object.keys(e.subProperties).length > 0 ? /* @__PURE__ */ r(lr, {
       component: j,
       gap: 2,
       list: e.subProperties,
-      renderItem: (b, g, x) => {
-        const n = b.visible !== !1;
-        return /* @__PURE__ */ r(ie, {
+      renderItem: (b, g, v) => {
+        const l = b.visible !== !1;
+        return /* @__PURE__ */ r(te, {
           elevation: 0,
           className: "property-container",
           sx: {
             p: 1.25,
             borderRadius: 1,
-            border: n ? "1px solid" : "1px dashed",
+            border: l ? "1px solid" : "1px dashed",
             "&": Be(w)
           },
           children: /* @__PURE__ */ r(j, { gap: 2, children: /* @__PURE__ */ r(sr, {
             data: b,
-            params: x,
-            visible: n,
+            params: v,
+            visible: l,
             config: {
               properties: e.subProperties
             },
-            currentLocale: v,
+            currentLocale: x,
             defaultLocale: i,
-            allComponents: l,
+            allComponents: n,
             onUpdateConfig: (c) => {
               try {
                 const s = { properties: e.subProperties || {} };
@@ -1566,7 +1569,7 @@ function kt({ property: e, onChange: t, defaultLocale: i, allComponents: l }) {
           }) })
         }, b.id);
       }
-    }) : /* @__PURE__ */ r(ae, { style: { fontSize: 12, height: 100 }, children: f("maker.properties.noSubProperties") }),
+    }) : /* @__PURE__ */ r(pe, { style: { fontSize: 12, height: 100 }, children: f("maker.properties.noSubProperties") }),
     /* @__PURE__ */ r(A, {
       fullWidth: !0,
       variant: "outlined",
@@ -1575,7 +1578,7 @@ function kt({ property: e, onChange: t, defaultLocale: i, allComponents: l }) {
       startIcon: /* @__PURE__ */ r(er, {}),
       onClick: () => {
         try {
-          const b = e.subProperties || {}, g = Ke(), n = {
+          const b = e.subProperties || {}, g = Ke(), l = {
             index: Object.values(b).length,
             data: {
               id: g,
@@ -1583,7 +1586,7 @@ function kt({ property: e, onChange: t, defaultLocale: i, allComponents: l }) {
               type: "string",
               visible: !0,
               locales: {
-                [v]: {
+                [x]: {
                   name: "",
                   defaultValue: ""
                 }
@@ -1595,7 +1598,7 @@ function kt({ property: e, onChange: t, defaultLocale: i, allComponents: l }) {
             ...e,
             subProperties: {
               ...b,
-              [g]: n
+              [g]: l
             }
           };
           t == null || t(c, { forceUpdateProperty: !0 }), P();
@@ -1612,9 +1615,9 @@ function kt({ property: e, onChange: t, defaultLocale: i, allComponents: l }) {
     })
   ] });
 }
-function L({ component: e, property: t, value: i, onChange: l, valueImmutable: f, defaultLocale: v, allComponents: p, ...w }) {
+function L({ component: e, property: t, value: i, onChange: n, valueImmutable: f, defaultLocale: x, allComponents: p, ...w }) {
   var c, s, u, d, k;
-  const { locale: P } = V(), b = Or(), g = H(null), x = () => {
+  const { locale: P } = V(), b = Or(), g = H(null), v = () => {
     var h;
     const o = (h = b == null ? void 0 : b.current) == null ? void 0 : h.getUploader();
     o == null || o.open(), g.current && o.onceUploadSuccess(({ response: m }) => {
@@ -1622,92 +1625,92 @@ function L({ component: e, property: t, value: i, onChange: l, valueImmutable: f
       let y = ((I = m == null ? void 0 : m.data) == null ? void 0 : I.filename) || "";
       y && (y = `mediakit://${y}`, i && !i.includes("mediakit://") && (y += " # please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address")), (a = g.current) == null || a.call(g, y);
     });
-  }, n = w.label ?? (((s = (c = t.locales) == null ? void 0 : c[P]) == null ? void 0 : s.name) || ((d = (u = t.locales) == null ? void 0 : u[v]) == null ? void 0 : d.name) || t.key || t.id);
+  }, l = w.label ?? (((s = (c = t.locales) == null ? void 0 : c[P]) == null ? void 0 : s.name) || ((d = (u = t.locales) == null ? void 0 : u[x]) == null ? void 0 : d.name) || t.key || t.id);
   if (t.type === "number")
     return /* @__PURE__ */ r(wt, {
       ...w,
-      label: n,
+      label: l,
       NumberProps: {
         value: ["number", "string"].includes(typeof i) ? i : null,
-        onChange: (o, h) => l == null ? void 0 : l(h)
+        onChange: (o, h) => n == null ? void 0 : n(h)
       }
     });
   if (t.type === "decimal")
     return /* @__PURE__ */ r(R, {
       ...w,
-      label: n,
+      label: l,
       type: "text",
       value: i ?? "",
       onChange: (o) => {
         const h = o.target.value;
         if (h === "" || h === "-") {
-          l == null || l(h);
+          n == null || n(h);
           return;
         }
         if (/^-?(?!.*\..*\.)[0-9]*(\.[0-9]{0,9})?$/.test(h)) {
           let y = h;
-          /^-?[1-9]+[0-9]*(\.[0-9]{1,9})?$/.test(y) && (y = Number(y)), l == null || l(y);
+          /^-?[1-9]+[0-9]*(\.[0-9]{1,9})?$/.test(y) && (y = Number(y)), n == null || n(y);
         }
       }
     });
   if (t.type === "boolean")
     return /* @__PURE__ */ r(Ge, {
-      label: n,
+      label: l,
       labelPlacement: "start",
-      control: /* @__PURE__ */ r(vr, { checked: i === !0, onChange: (o, h) => l == null ? void 0 : l(h) })
+      control: /* @__PURE__ */ r(vr, { checked: i === !0, onChange: (o, h) => n == null ? void 0 : n(h) })
     });
   if (t.type === "color")
     return /* @__PURE__ */ r(ot, {
-      label: n,
+      label: l,
       value: i,
       onChange: (o) => {
-        l == null || l(o);
+        n == null || n(o);
       }
     });
   if (t.type === "json" || t.type === "yaml")
     return /* @__PURE__ */ r(st, {
-      label: n,
+      label: l,
       value: i,
       onChange: (o) => {
-        l == null || l(o);
+        n == null || n(o);
       },
       property: t,
       component: e,
-      defaultLocale: v,
+      defaultLocale: x,
       allComponents: p,
       PropertyValueField: L,
       onUpload: (o) => {
-        g.current = o, x();
+        g.current = o, v();
       }
     });
   if (t.type === "custom") {
     const o = (k = p[t.componentId]) == null ? void 0 : k.data;
     return o ? /* @__PURE__ */ r(N, { width: "100%", children: /* @__PURE__ */ r(Xe, {
       componentId: o.id,
-      props: { label: n, value: i, onChange: l },
+      props: { label: l, value: i, onChange: n },
       locale: P,
       dev: {
         mode: "draft",
         components: p,
-        defaultLocale: v
+        defaultLocale: x
       }
-    }) }) : /* @__PURE__ */ r(R, { ...w, label: n, disabled: !0, placeholder: "Click right button select a component" });
+    }) }) : /* @__PURE__ */ r(R, { ...w, label: l, disabled: !0, placeholder: "Click right button select a component" });
   }
   if (t.type === "component")
     return /* @__PURE__ */ O(j, { width: "100%", direction: "column", gap: 1, children: [
       /* @__PURE__ */ r(Oe, {
         allComponents: p,
-        label: n,
+        label: l,
         value: i == null ? void 0 : i.componentId,
         onChange: (o, h) => {
-          f || !i ? l == null || l({ ...i && JSON.parse(JSON.stringify(i)), componentId: h }) : typeof i == "object" && (i.componentId = h, l == null || l({ ...i && JSON.parse(JSON.stringify(i)), componentId: h }));
+          f || !i ? n == null || n({ ...i && JSON.parse(JSON.stringify(i)), componentId: h }) : typeof i == "object" && (i.componentId = h, n == null || n({ ...i && JSON.parse(JSON.stringify(i)), componentId: h }));
         }
       }),
       (i == null ? void 0 : i.componentId) && /* @__PURE__ */ r(Pt, {
         value: i,
         valueImmutable: f,
-        onChange: l,
-        defaultLocale: v,
+        onChange: n,
+        defaultLocale: x,
         allComponents: p
       })
     ] });
@@ -1717,42 +1720,50 @@ function L({ component: e, property: t, value: i, onChange: l, valueImmutable: f
     const h = t.type === "url" ? i == null ? void 0 : i.url : i;
     return /* @__PURE__ */ r(R, {
       ...w,
-      label: n,
+      label: l,
       value: typeof h == "string" ? h : "",
       multiline: o,
       minRows: o ? 2 : void 0,
       maxRows: o ? 10 : void 0,
-      onChange: (m) => l == null ? void 0 : l(t.type === "url" ? { ...i, url: m.target.value, mediaKitUrl: m.target.value } : m.target.value),
+      onChange: (m) => n == null ? void 0 : n(t.type === "url" ? { ...i, url: m.target.value, mediaKitUrl: m.target.value } : m.target.value),
       InputProps: t.type === "url" ? {
         sx: {
           pr: 0
         },
-        endAdornment: /* @__PURE__ */ O(pe, { position: "end", children: [
-          /* @__PURE__ */ r(Qe, {
-            onChange: async ({ response: m }) => {
-              var S, C, z;
-              const y = ((S = m == null ? void 0 : m.data) == null ? void 0 : S.url) || ((C = m == null ? void 0 : m.data) == null ? void 0 : C.fileUrl);
-              let I;
-              y && (I = await Cr(y).catch(() => Nr(y)).catch(() => {
-              }));
-              let a = ((z = m == null ? void 0 : m.data) == null ? void 0 : z.filename) || "";
-              a && (a = `mediakit://${a}`), l == null || l({
-                url: y,
-                mediaKitUrl: a,
-                width: I == null ? void 0 : I.naturalWidth,
-                height: I == null ? void 0 : I.naturalHeight
-              });
-            }
-          }),
-          /* @__PURE__ */ r(Y, { title: "If you are using the 'mediaKitUrl' property, please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address.", children: /* @__PURE__ */ r(rr, { sx: { cursor: "default", mr: 1 }, fontSize: "small" }) })
-        ] })
+        endAdornment: /* @__PURE__ */ O(ne, {
+          position: "end",
+          sx: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center"
+          },
+          children: [
+            /* @__PURE__ */ r(Qe, {
+              onChange: async ({ response: m }) => {
+                var S, C, z;
+                const y = ((S = m == null ? void 0 : m.data) == null ? void 0 : S.url) || ((C = m == null ? void 0 : m.data) == null ? void 0 : C.fileUrl);
+                let I;
+                y && (I = await Cr(y).catch(() => Nr(y)).catch(() => {
+                }));
+                let a = ((z = m == null ? void 0 : m.data) == null ? void 0 : z.filename) || "";
+                a && (a = `mediakit://${a}`), n == null || n({
+                  url: y,
+                  mediaKitUrl: a,
+                  width: I == null ? void 0 : I.naturalWidth,
+                  height: I == null ? void 0 : I.naturalHeight
+                });
+              }
+            }),
+            /* @__PURE__ */ r(Y, { title: "If you are using the 'mediaKitUrl' property, please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address.", children: /* @__PURE__ */ r(rr, { sx: { cursor: "default", mr: 1 }, fontSize: "small" }) })
+          ]
+        })
       } : void 0
     });
   }
-  return t.type === "array" ? /* @__PURE__ */ r(nt, {
-    label: n,
+  return t.type === "array" ? /* @__PURE__ */ r(lt, {
+    label: l,
     value: Array.isArray(i) ? i : [],
-    onChange: (o) => l == null ? void 0 : l(o),
+    onChange: (o) => n == null ? void 0 : n(o),
     property: t,
     renderItem: ({ item: o, index: h, onChange: m }) => t.subProperties && Object.keys(t.subProperties).length > 0 ? /* @__PURE__ */ r(j, { gap: 1, width: "100%", children: U(Object.values(t.subProperties), "index").filter((y) => y.data.visible !== !1).map(({ data: y }) => y.key ? /* @__PURE__ */ r(L, {
       component: e,
@@ -1764,14 +1775,14 @@ function L({ component: e, property: t, value: i, onChange: l, valueImmutable: f
       },
       size: "small",
       fullWidth: !0,
-      defaultLocale: v,
+      defaultLocale: x,
       allComponents: p
     }, y.id) : null) }, h) : /* @__PURE__ */ r(R, { size: w.size, fullWidth: !0, value: o, onChange: (y) => m(y.target.value) })
   }) : (console.error("Unsupported property type", t.type), null);
 }
 function wt({ NumberProps: e, ...t }) {
-  const { getInputProps: i } = Er(e), l = i();
-  return /* @__PURE__ */ r(R, { ...t, inputProps: l });
+  const { getInputProps: i } = Er(e), n = i();
+  return /* @__PURE__ */ r(R, { ...t, inputProps: n });
 }
 const St = `import React from '@blocklet/pages-kit/builtin/react'
 import { Box } from '@blocklet/pages-kit/builtin/mui/material'
@@ -1785,10 +1796,10 @@ export default function () {
 }`, It = `console.log('hello')
 `;
 function Ot({ value: e }) {
-  const { locale: t } = V(), i = Ye(), l = ne(e).doc;
+  const { locale: t } = V(), i = Ye(), n = le(e).doc;
   return _(() => {
     var f;
-    (f = e.renderer) != null && f.script || (l.transact(() => {
+    (f = e.renderer) != null && f.script || (n.transact(() => {
       e.renderer.script = e.renderer.type === "react-component" ? St : It;
     }), i());
   }, [e]), /* @__PURE__ */ r(N, { sx: { border: 1, borderColor: "divider", borderRadius: 1, overflow: "hidden" }, children: /* @__PURE__ */ r(ke, {
@@ -1804,8 +1815,8 @@ function Ot({ value: e }) {
   }, e.id) });
 }
 function Ct({ value: e }) {
-  var g, x, n;
-  const { t } = V(), i = ne(e).doc, { state: { components: l, config: { defaultLocale: f }, resources: v }, localState: { currentLocale: p } } = te(), w = Pe(), P = ((g = l[e.renderer.componentId]) == null ? void 0 : g.data) ?? ((n = (x = v.components) == null ? void 0 : x[e.renderer.componentId]) == null ? void 0 : n.component), b = Se({ variant: "dialog" });
+  var g, v, l;
+  const { t } = V(), i = le(e).doc, { state: { components: n, config: { defaultLocale: f }, resources: x }, localState: { currentLocale: p } } = ae(), w = Pe(), P = ((g = n[e.renderer.componentId]) == null ? void 0 : g.data) ?? ((l = (v = x.components) == null ? void 0 : v[e.renderer.componentId]) == null ? void 0 : l.component), b = Se({ variant: "dialog" });
   return /* @__PURE__ */ r(me, { children: /* @__PURE__ */ O(j, { gap: 1, children: [
     /* @__PURE__ */ r(Oe, {
       allComponents: w,
@@ -1831,8 +1842,8 @@ function Ct({ value: e }) {
           value: ((y = (m = (h = (o = e.renderer.properties) == null ? void 0 : o[c.id]) == null ? void 0 : h.locales) == null ? void 0 : m[p]) == null ? void 0 : y.value) ?? ((C = (S = (a = (I = e.renderer.properties) == null ? void 0 : I[c.id]) == null ? void 0 : a.locales) == null ? void 0 : S[f]) == null ? void 0 : C.value) ?? ((E = (z = c.locales) == null ? void 0 : z[p]) == null ? void 0 : E.defaultValue) ?? ((B = (T = c.locales) == null ? void 0 : T[f]) == null ? void 0 : B.defaultValue),
           onChange: (K) => {
             i.transact(() => {
-              var F, Q, X, Z, ee;
-              (F = e.renderer).properties ?? (F.properties = {}), (Q = e.renderer.properties)[X = c.id] ?? (Q[X] = {}), (Z = e.renderer.properties[c.id]).locales ?? (Z.locales = {}), (ee = e.renderer.properties[c.id].locales)[p] ?? (ee[p] = {}), e.renderer.properties[c.id].locales[p].value = K;
+              var M, Q, X, Z, ee;
+              (M = e.renderer).properties ?? (M.properties = {}), (Q = e.renderer.properties)[X = c.id] ?? (Q[X] = {}), (Z = e.renderer.properties[c.id]).locales ?? (Z.locales = {}), (ee = e.renderer.properties[c.id].locales)[p] ?? (ee[p] = {}), e.renderer.properties[c.id].locales[p].value = K;
             });
           }
         }) }, c.id);
@@ -1841,32 +1852,32 @@ function Ct({ value: e }) {
     ] })
   ] }) });
 }
-function Oe({ label: e, options: t, excludes: i, value: l, onChange: f, allComponents: v, ...p }) {
+function Oe({ label: e, options: t, excludes: i, value: n, onChange: f, allComponents: x, ...p }) {
   var g;
-  const { t: w } = V(), P = t ?? U(Object.values(Yr(v, ...i ?? [])), "index").map((x) => x.data), b = (typeof l == "string" ? (g = v[l]) == null ? void 0 : g.data : void 0) ?? null;
+  const { t: w } = V(), P = t ?? U(Object.values(Yr(x, ...i ?? [])), "index").map((v) => v.data), b = (typeof n == "string" ? (g = x[n]) == null ? void 0 : g.data : void 0) ?? null;
   return /* @__PURE__ */ r(Le, {
     ...p,
     size: "small",
     options: P,
     autoHighlight: !0,
-    isOptionEqualToValue: (x, n) => x.id === n.id,
-    getOptionKey: (x) => x.id,
-    getOptionLabel: (x) => x.name || x.id,
-    renderInput: (x) => /* @__PURE__ */ r(R, { label: e || w("component"), ...x }),
+    isOptionEqualToValue: (v, l) => v.id === l.id,
+    getOptionKey: (v) => v.id,
+    getOptionLabel: (v) => v.name || v.id,
+    renderInput: (v) => /* @__PURE__ */ r(R, { label: e || w("component"), ...v }),
     value: b,
-    onChange: (x, n) => {
+    onChange: (v, l) => {
       var s, u, d, k, o, h;
       let c = {};
-      n && (c = {
-        blockletId: (s = v[n == null ? void 0 : n.id]) == null ? void 0 : s.blockletId,
-        blockletTitle: (u = v[n == null ? void 0 : n.id]) == null ? void 0 : u.blockletTitle,
-        componentName: ((k = (d = v[n == null ? void 0 : n.id]) == null ? void 0 : d.data) == null ? void 0 : k.name) || ((h = (o = v[n == null ? void 0 : n.id]) == null ? void 0 : o.data) == null ? void 0 : h.id)
-      }), f == null || f(x, n == null ? void 0 : n.id, c);
+      l && (c = {
+        blockletId: (s = x[l == null ? void 0 : l.id]) == null ? void 0 : s.blockletId,
+        blockletTitle: (u = x[l == null ? void 0 : l.id]) == null ? void 0 : u.blockletTitle,
+        componentName: ((k = (d = x[l == null ? void 0 : l.id]) == null ? void 0 : d.data) == null ? void 0 : k.name) || ((h = (o = x[l == null ? void 0 : l.id]) == null ? void 0 : o.data) == null ? void 0 : h.id)
+      }), f == null || f(v, l == null ? void 0 : l.id, c);
     }
   });
 }
-function dr({ config: e, allComponents: t, defaultLocale: i, propertiesValue: l, currentLocale: f, onChange: v, props: p }) {
-  const { t: w } = V(), [P, b] = G(e == null ? void 0 : e.properties), [g, x] = G(null);
+function dr({ config: e, allComponents: t, defaultLocale: i, propertiesValue: n, currentLocale: f, onChange: x, props: p }) {
+  const { t: w } = V(), [P, b] = G(e == null ? void 0 : e.properties), [g, v] = G(null);
   _(() => {
     (() => {
       var k, o;
@@ -1876,16 +1887,16 @@ function dr({ config: e, allComponents: t, defaultLocale: i, propertiesValue: l,
       }) : b(e == null ? void 0 : e.properties);
     })();
   }, [JSON.stringify(e)]);
-  const n = D(() => !e || !P ? {} : Object.values(P).reduce((d, { data: k }) => {
+  const l = D(() => !e || !P ? {} : Object.values(P).reduce((d, { data: k }) => {
     var h, m, y, I, a;
     const o = k.key || k.id;
     return d[k.id] = {
       key: o,
-      value: (p == null ? void 0 : p[o]) ?? ((h = l == null ? void 0 : l[k.id]) == null ? void 0 : h.value) ?? ((y = (m = k.locales) == null ? void 0 : m[f]) == null ? void 0 : y.defaultValue) ?? ((a = (I = k.locales) == null ? void 0 : I[i]) == null ? void 0 : a.defaultValue),
+      value: (p == null ? void 0 : p[o]) ?? ((h = n == null ? void 0 : n[k.id]) == null ? void 0 : h.value) ?? ((y = (m = k.locales) == null ? void 0 : m[f]) == null ? void 0 : y.defaultValue) ?? ((a = (I = k.locales) == null ? void 0 : I[i]) == null ? void 0 : a.defaultValue),
       id: k.id,
       type: k.type
     }, d;
-  }, {}), [JSON.stringify(P), e, l, f, i]), c = re(() => {
+  }, {}), [JSON.stringify(P), e, n, f, i]), c = re(() => {
     if (!P)
       return {
         canUseProperties: [],
@@ -1898,10 +1909,10 @@ function dr({ config: e, allComponents: t, defaultLocale: i, propertiesValue: l,
       visibleProperties: k,
       canUsePropertiesKeys: h
     };
-  }, [JSON.stringify(P)]), s = n(), u = Lr(s, "key");
+  }, [JSON.stringify(P)]), s = l(), u = Lr(s, "key");
   return /* @__PURE__ */ r(me, { children: /* @__PURE__ */ O(j, { gap: 2, children: [
     /* @__PURE__ */ r(W, { variant: "subtitle1", children: w("maker.properties.parameters") }),
-    !e || c.canUsePropertiesKeys.length === 0 ? /* @__PURE__ */ r(ae, { style: { fontSize: 12 }, children: w("maker.properties.noParameters") }) : /* @__PURE__ */ O(q, { children: [
+    !e || c.canUsePropertiesKeys.length === 0 ? /* @__PURE__ */ r(pe, { style: { fontSize: 12 }, children: w("maker.properties.noParameters") }) : /* @__PURE__ */ O(q, { children: [
       /* @__PURE__ */ r(j, { gap: 2, children: c.visibleProperties.map(({ data: d }) => {
         var k, o;
         return /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(L, {
@@ -1911,10 +1922,10 @@ function dr({ config: e, allComponents: t, defaultLocale: i, propertiesValue: l,
           fullWidth: !0,
           component: e,
           property: d,
-          valueImmutable: ue((k = l == null ? void 0 : l[d.id]) == null ? void 0 : k.value),
+          valueImmutable: ue((k = n == null ? void 0 : n[d.id]) == null ? void 0 : k.value),
           value: (p == null ? void 0 : p[d.key || d.id]) ?? ((o = s[d.id]) == null ? void 0 : o.value),
           onChange: (h) => {
-            v({
+            x({
               path: ["properties", d.id],
               id: d.id,
               value: { value: h },
@@ -1944,7 +1955,7 @@ function dr({ config: e, allComponents: t, defaultLocale: i, propertiesValue: l,
             }).reduce((h, m) => h.then(() => {
               const y = u[m], I = k.includes(m);
               if (y != null && y.id && I)
-                return v({
+                return x({
                   path: ["properties", y.id],
                   id: y.id,
                   value: { value: d[m] },
@@ -1961,7 +1972,7 @@ function dr({ config: e, allComponents: t, defaultLocale: i, propertiesValue: l,
               }), {
                 key: a
               });
-              return x(S), Promise.resolve();
+              return v(S), Promise.resolve();
             }), Promise.resolve());
           }
         }
@@ -1970,19 +1981,19 @@ function dr({ config: e, allComponents: t, defaultLocale: i, propertiesValue: l,
   ] }) });
 }
 function Nt({ config: e }) {
-  const { t } = V(), { localState: { currentLocale: i }, state: { config: { defaultLocale: l } } } = te(), [f, v] = G(!1), p = (w) => {
-    e.llmConfig = w;
+  const { t, locale: i } = V(), [n, f] = G(!1), x = (p) => {
+    e.llmConfig = p;
   };
   return /* @__PURE__ */ O(q, { children: [
-    /* @__PURE__ */ r(Y, { title: t("maker.properties.configDetailedDescription"), children: /* @__PURE__ */ r(le, { size: "small", color: "primary", onClick: () => v(!0), children: /* @__PURE__ */ r(Br, { fontSize: "small" }) }) }),
-    f && /* @__PURE__ */ r(mt, {
-      open: f,
-      onClose: () => v(!1),
-      onConfirm: p,
+    /* @__PURE__ */ r(Y, { title: t("maker.properties.configLLMDescription"), children: /* @__PURE__ */ r(ie, { color: "primary", onClick: () => f(!0), size: "small", children: /* @__PURE__ */ r(Br, {}) }) }),
+    n && /* @__PURE__ */ r(mt, {
+      open: n,
+      onClose: () => f(!1),
+      onConfirm: x,
       component: e,
       initialConfig: e.llmConfig,
       locale: i,
-      defaultLocale: l,
+      defaultLocale: "en",
       title: t("maker.properties.llmConfigTitle")
     })
   ] });