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

package/lib/es/setting.js

@@ -1,143 +1,143 @@
-import { jsx as t, jsxs as O, Fragment as Z } from "react/jsx-runtime";
-import { t as ve, g as Te, b as ce, E as ot, n as Ke, h as xe } from "./chunks/state-BzwEX9VC.js";
-import de from "@arcblock/ux/lib/Empty";
-import { useLocaleContext as D } from "@arcblock/ux/lib/Locale/context";
-import { CodeEditor as ge } from "@blocklet/code-editor";
-import nt from "@mui/icons-material/AddRounded";
-import st from "@mui/icons-material/ArrowDownward";
-import ct from "@mui/icons-material/ArrowUpward";
-import dt from "@mui/icons-material/DeleteOutline";
-import { Typography as B, TextField as N, Stack as R, FormLabel as le, Box as j, TableContainer as at, Paper as ee, Table as Be, TableHead as Fe, TableRow as oe, TableCell as ne, TableBody as Je, Button as E, IconButton as ae, InputAdornment as we, alpha as pe, Tooltip as G, buttonClasses as ut, Dialog as Me, Autocomplete as $e, FormControlLabel as pt, Switch as mt, MenuItem as me, DialogTitle as ft, DialogContent as ht, DialogActions as bt, Collapse as yt, Divider as vt, Popper as xt } from "@mui/material";
-import A from "lodash/sortBy";
-import { useCallback as C, useMemo as Q, useRef as J, useId as gt, useEffect as M, useState as X } from "react";
-import { useUpdate as _e } from "react-use";
-import { ColorItem as wt, ConfigColorDialog as Pt } from "@blocklet/pages-kit/builtin/color-picker";
-import { C as kt } from "./chunks/config-string-DgK7ETCs.js";
-import Pe from "lodash/isEmpty";
-import He from "lodash/set";
-import * as fe from "yaml";
-import { UploaderButton as Ye, UploaderProvider as ue, useUploader as St, getImageSize as It, getVideoSize as Ot } from "@blocklet/pages-kit/builtin/uploader";
-import jt from "lodash/cloneDeep";
-import he from "@arcblock/ux/lib/Toast";
-import { CustomComponentRenderer as qe, transpileAndLoadScript as Rt, getPropertiesFromCode as zt } from "@blocklet/pages-kit/components";
-import { parsePropertyValue as Vt } from "@blocklet/pages-kit/utils/property";
-import { unstable_useNumberInput as Nt, ClickAwayListener as Dt } from "@mui/base";
-import { VisibilityOffRounded as Ct, VisibilityRounded as Et, DeleteOutlineRounded as At, DragIndicatorRounded as Tt, TranslateRounded as Le, AddRounded as Ge, InfoRounded as Qe, StarRounded as Ut, SettingsRounded as Xe } from "@mui/icons-material";
-import { getYjsValue as te } from "@syncedstore/core";
-import { useUpdate as Wt, useReactive as Kt } from "ahooks";
-import Bt from "lodash/assign";
-import Ft from "lodash/get";
-import Jt from "lodash/has";
-import Mt from "lodash/isEqual";
-import se from "lodash/isNil";
-import $t from "lodash/isObject";
-import _t from "lodash/keyBy";
-import Ht from "lodash/omit";
-import Yt from "lodash/pick";
-import qt from "lodash/reduce";
-import { usePopupState as ke, bindTrigger as Se, bindDialog as Ze, bindPopper as Lt } from "material-ui-popup-state/hooks";
-import { ErrorBoundary as Gt } from "react-error-boundary";
-import { cx as Qt } from "@emotion/css";
-import { useDrop as et, useDrag as Xt } from "react-dnd";
-function Zt({
+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 { 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 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";
+import { ColorItem as wr, ConfigColorDialog as Sr } from "@blocklet/pages-kit/builtin/color-picker";
+import { C as Ir } from "./chunks/config-string-Dw6sJMn_.js";
+import J from "lodash/isEmpty";
+import qe from "lodash/set";
+import * as be from "yaml";
+import { UploaderButton as Qe, UploaderProvider as me, useUploader as Or, getImageSize as Cr, getVideoSize as Nr } from "@blocklet/pages-kit/builtin/uploader";
+import jr from "lodash/cloneDeep";
+import ye from "@arcblock/ux/lib/Toast";
+import { CustomComponentRenderer as Xe, transpileAndLoadScript as zr, getPropertiesFromCode as Rr } from "@blocklet/pages-kit/components";
+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 Jr from "lodash/assign";
+import _r from "lodash/get";
+import $r from "lodash/has";
+import Hr from "lodash/isEqual";
+import ue from "lodash/isNil";
+import Gr from "lodash/isObject";
+import Lr from "lodash/keyBy";
+import Yr from "lodash/omit";
+import qr from "lodash/pick";
+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";
+function tt({
   onClick: e,
-  disabled: r,
+  disabled: t,
   sx: i,
   ...l
 }) {
-  return /* @__PURE__ */ t(ae, { size: "small", color: "warning", variant: "outlined", disabled: r, onClick: e, ...l, children: /* @__PURE__ */ t(dt, { fontSize: "small" }) });
+  return /* @__PURE__ */ r(le, { size: "small", color: "warning", variant: "outlined", disabled: t, onClick: e, ...l, children: /* @__PURE__ */ r(fr, { fontSize: "small" }) });
 }
-function er({
+function it({
   onClick: e,
-  disabled: r,
+  disabled: t,
   sx: i,
   ...l
 }) {
-  return /* @__PURE__ */ t(ae, { size: "small", color: "primary", disabled: r, onClick: e, ...l, children: /* @__PURE__ */ t(ct, { fontSize: "small" }) });
+  return /* @__PURE__ */ r(le, { size: "small", color: "primary", disabled: t, onClick: e, ...l, children: /* @__PURE__ */ r(mr, { fontSize: "small" }) });
 }
-function tr({
+function lt({
   onClick: e,
-  disabled: r,
+  disabled: t,
   sx: i,
   ...l
 }) {
-  return /* @__PURE__ */ t(ae, { size: "small", color: "primary", disabled: r, onClick: e, ...l, children: /* @__PURE__ */ t(st, { fontSize: "small" }) });
+  return /* @__PURE__ */ r(le, { size: "small", color: "primary", disabled: t, onClick: e, ...l, children: /* @__PURE__ */ r(pr, { fontSize: "small" }) });
 }
-function rr({
+function nt({
   label: e,
-  value: r,
+  value: t,
   onChange: i,
   disabled: l = !1,
-  itemLabel: p = "",
-  emptyHeight: b = 40,
-  property: a,
-  renderItem: g,
+  itemLabel: f = "",
+  emptyHeight: v = 40,
+  property: p,
+  renderItem: w,
   ...P
 }) {
-  const { t: y, locale: v } = D(), x = _e(), o = C(
-    (f) => {
-      i(ve(f, a.type));
+  const { t: b, locale: g } = V(), x = Ye(), n = D(
+    (a) => {
+      i(ge(a, p.type));
     },
-    [i, a.type]
-  ), s = Q(() => Array.isArray(r) ? r : [], [r]), n = C(() => {
-    const f = [...s, ""];
-    o(f), x();
-  }, [s, o, x]), d = C(() => {
-    if (!a || !a.subProperties)
-      return n();
-    const f = {};
-    A(Object.values(a.subProperties), "index").forEach(({ data: V }) => {
-      var U, W;
-      if (!V.key) return;
-      const T = ((W = (U = V.locales) == null ? void 0 : U[v]) == null ? void 0 : W.defaultValue) ?? "";
-      f[V.key] = T;
+    [i, p.type]
+  ), c = re(() => Array.isArray(t) ? t : [], [t]), s = D(() => {
+    const a = [...c, ""];
+    n(a), x();
+  }, [c, n, x]), u = D(() => {
+    if (!p || !p.subProperties)
+      return s();
+    const a = {};
+    U(Object.values(p.subProperties), "index").forEach(({ data: z }) => {
+      var T, B;
+      if (!z.key) return;
+      const E = ((B = (T = z.locales) == null ? void 0 : T[g]) == null ? void 0 : B.defaultValue) ?? "";
+      a[z.key] = E;
     });
-    const z = [...s, f];
-    o(z), x();
-  }, [s, o, x, a, v, n]), h = C(
-    (f) => {
+    const C = [...c, a];
+    n(C), x();
+  }, [c, n, x, p, g, s]), d = D(
+    (a) => {
       try {
-        const S = JSON.parse(f);
-        Array.isArray(S) ? o(S) : console.error("JSON解析结果不是数组");
+        const S = JSON.parse(a);
+        Array.isArray(S) ? n(S) : console.error("JSON解析结果不是数组");
       } catch (S) {
         console.error("JSON解析错误:", S);
       }
     },
-    [o]
-  ), w = C(
-    (f) => {
-      const S = s.filter((z, V) => V !== f);
-      o(S), x();
+    [n]
+  ), k = D(
+    (a) => {
+      const S = c.filter((C, z) => z !== a);
+      n(S), x();
     },
-    [s, o, x]
-  ), c = C(
-    (f) => {
-      if (f <= 0) return;
-      const S = [...s], z = S[f];
-      S[f] = S[f - 1], S[f - 1] = z, o(S), x();
+    [c, n, x]
+  ), 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, o, x]
-  ), m = C(
-    (f) => {
-      if (f >= s.length - 1) return;
-      const S = [...s], z = S[f];
-      S[f] = S[f + 1], S[f + 1] = z, o(S), x();
+    [c, n, x]
+  ), 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, o, x]
-  ), u = C(
-    (f, S) => {
-      const z = [...s];
-      z[f] = S, o(z);
+    [c, n, x]
+  ), m = D(
+    (a, S) => {
+      const C = [...c];
+      C[a] = S, n(C);
     },
-    [s, o]
-  ), k = a && a.subProperties && Object.keys(a.subProperties).length > 0, I = Q(() => [
+    [c, n]
+  ), y = p && p.subProperties && Object.keys(p.subProperties).length > 0, I = re(() => [
     {
       field: "index",
       headerName: "#",
       width: 40,
       align: "center",
-      renderCell: ({ index: f }) => /* @__PURE__ */ t(
-        B,
+      renderCell: ({ index: a }) => /* @__PURE__ */ r(
+        W,
         {
           variant: "body1",
           sx: {
@@ -150,27 +150,27 @@ function rr({
             justifyContent: "center",
             color: "text.secondary"
           },
-          children: f + 1
+          children: a + 1
         }
       )
     },
     {
       field: "content",
       headerName: "",
-      renderCell: ({ row: f, index: S }) => g && k ? g({
-        item: f,
+      renderCell: ({ row: a, index: S }) => w && y ? w({
+        item: a,
         index: S,
-        property: a,
-        onChange: (z) => u(S, z)
-      }) : /* @__PURE__ */ t(
-        N,
+        property: p,
+        onChange: (C) => m(S, C)
+      }) : /* @__PURE__ */ r(
+        R,
         {
           fullWidth: !0,
           size: "small",
           disabled: l,
-          value: f,
-          placeholder: p || `${y("item")} ${S + 1}`,
-          onChange: (z) => u(S, z.target.value),
+          value: a,
+          placeholder: f || `${b("item")} ${S + 1}`,
+          onChange: (C) => m(S, C.target.value),
           ...P
         }
       )
@@ -181,36 +181,36 @@ function rr({
       width: 30,
       // 增加宽度以容纳更多按钮
       align: "center",
-      renderCell: ({ index: f }) => /* @__PURE__ */ O(R, { direction: "column", spacing: 0.25, children: [
-        /* @__PURE__ */ t(er, { disabled: l || f === 0, onClick: () => c(f) }),
-        /* @__PURE__ */ t(
-          tr,
+      renderCell: ({ index: a }) => /* @__PURE__ */ O(j, { direction: "column", spacing: 0.25, children: [
+        /* @__PURE__ */ r(it, { disabled: l || a === 0, onClick: () => o(a) }),
+        /* @__PURE__ */ r(
+          lt,
           {
-            disabled: l || f === s.length - 1,
-            onClick: () => m(f)
+            disabled: l || a === c.length - 1,
+            onClick: () => h(a)
           }
         ),
-        /* @__PURE__ */ t(Zt, { disabled: l, onClick: () => w(f) })
+        /* @__PURE__ */ r(tt, { disabled: l, onClick: () => k(a) })
       ] })
     }
   ], [
-    g,
-    k,
-    a,
-    u,
-    p,
+    w,
     y,
+    p,
+    m,
+    f,
+    b,
     l,
     P,
-    w,
-    c,
-    m,
-    s.length
+    k,
+    o,
+    h,
+    c.length
   ]);
-  return k ? /* @__PURE__ */ O(R, { width: "100%", gap: 1, children: [
-    e && /* @__PURE__ */ t(le, { children: e }),
-    s.length > 0 ? /* @__PURE__ */ t(at, { component: ee, variant: "outlined", sx: { borderRadius: 1, mb: 1 }, children: /* @__PURE__ */ O(
-      Be,
+  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,
       {
         size: "small",
         sx: {
@@ -227,172 +227,172 @@ function rr({
           borderCollapse: "collapse"
         },
         children: [
-          /* @__PURE__ */ t(Fe, { sx: { display: "none" }, children: /* @__PURE__ */ t(oe, { children: I.map((f) => /* @__PURE__ */ t(
-            ne,
+          /* @__PURE__ */ r(Me, { sx: { display: "none" }, children: /* @__PURE__ */ r(ce, { children: I.map((a) => /* @__PURE__ */ r(
+            de,
             {
-              width: f.width,
-              align: f.align || "left",
+              width: a.width,
+              align: a.align || "left",
               sx: { fontWeight: "bold" },
-              children: f.renderHeader ? f.renderHeader() : f.headerName
+              children: a.renderHeader ? a.renderHeader() : a.headerName
             },
-            f.field
+            a.field
           )) }) }),
-          /* @__PURE__ */ t(Je, { children: s.map((f, S, z) => /* @__PURE__ */ t(
-            oe,
+          /* @__PURE__ */ r(Je, { children: c.map((a, S, C) => /* @__PURE__ */ r(
+            ce,
             {
               sx: {
-                borderBottom: S < z.length - 1 ? "1px solid" : "none",
+                borderBottom: S < C.length - 1 ? "1px solid" : "none",
                 borderColor: "divider",
                 "&:hover": {
                   backgroundColor: "action.hover"
                 }
               },
-              children: I.map((V) => /* @__PURE__ */ t(
-                ne,
+              children: I.map((z) => /* @__PURE__ */ r(
+                de,
                 {
-                  width: V.width,
-                  align: V.align || "left",
+                  width: z.width,
+                  align: z.align || "left",
                   sx: {
                     borderBottom: "none"
                   },
-                  children: V.renderCell({
-                    row: f,
+                  children: z.renderCell({
+                    row: a,
                     index: S,
-                    onChange: (T) => u(S, T)
+                    onChange: (E) => m(S, E)
                   })
                 },
-                `${S}-${V.field}`
+                `${S}-${z.field}`
               ))
             },
             S
           )) })
         ]
       }
-    ) }) : /* @__PURE__ */ t(de, { style: { fontSize: 12, height: b }, children: y("maker.properties.arrayEmpty") }),
-    /* @__PURE__ */ t(
-      E,
+    ) }) : /* @__PURE__ */ r(ae, { style: { fontSize: 12, height: v }, children: b("maker.properties.arrayEmpty") }),
+    /* @__PURE__ */ r(
+      A,
       {
         fullWidth: !0,
         size: "small",
         variant: "outlined",
         disabled: l,
-        startIcon: /* @__PURE__ */ t(nt, {}),
-        onClick: d,
-        children: y("maker.properties.addArrayItem")
+        startIcon: /* @__PURE__ */ r(ar, {}),
+        onClick: u,
+        children: b("maker.properties.addArrayItem")
       }
     )
-  ] }) : /* @__PURE__ */ O(R, { width: "100%", gap: 1, children: [
-    e && /* @__PURE__ */ t(le, { children: e }),
-    /* @__PURE__ */ t(j, { sx: { border: 1, borderColor: "divider", borderRadius: 1, minHeight: 150 }, children: /* @__PURE__ */ t(
-      ge,
+  ] }) : /* @__PURE__ */ O(j, { width: "100%", gap: 1, children: [
+    e && /* @__PURE__ */ r(se, { children: e }),
+    /* @__PURE__ */ r(N, { sx: { border: 1, borderColor: "divider", borderRadius: 1, minHeight: 150 }, children: /* @__PURE__ */ r(
+      ke,
       {
-        keyId: a.id,
-        locale: v,
+        keyId: p.id,
+        locale: g,
         language: "json",
-        value: JSON.stringify(s, null, 2),
-        onChange: (f) => h(f || ""),
+        value: JSON.stringify(c, null, 2),
+        onChange: (a) => d(a || ""),
         fullScreenOptions: {
           enableEscExit: !0,
           targetContainer: () => document.getElementById("parameters-config-dialog") || null
         }
       },
-      a.id
+      p.id
     ) })
   ] });
 }
-function ir({
+function ot({
   value: e,
-  onChange: r,
+  onChange: t,
   ...i
 }) {
-  const l = J(null);
-  return /* @__PURE__ */ O(Z, { children: [
-    /* @__PURE__ */ t(
-      kt,
+  const l = H(null);
+  return /* @__PURE__ */ O(q, { children: [
+    /* @__PURE__ */ r(
+      Ir,
       {
         ...i,
         value: e,
-        onChange: r,
+        onChange: t,
         InputProps: {
-          endAdornment: /* @__PURE__ */ t(we, { position: "end", children: /* @__PURE__ */ t(
-            wt,
+          endAdornment: /* @__PURE__ */ r(pe, { position: "end", children: /* @__PURE__ */ r(
+            wr,
             {
               color: e ?? "",
               style: { width: "1.5rem", height: "1.5rem", padding: 0 },
               onClick: () => {
-                var p;
-                (p = l.current) == null || p.open({ value: e ?? "" });
+                var f;
+                (f = l.current) == null || f.open({ value: e ?? "" });
               }
             }
           ) })
         }
       }
     ),
-    /* @__PURE__ */ t(
-      Pt,
+    /* @__PURE__ */ r(
+      Sr,
       {
         ref: l,
-        onSave: ({ value: p }, b) => {
-          r(p), b();
+        onSave: ({ value: f }, v) => {
+          t(f), v();
         }
       }
     )
   ] });
 }
-function lr({
+function st({
   label: e,
-  value: r,
+  value: t,
   onChange: i,
   property: l,
-  component: p,
-  defaultLocale: b,
-  allComponents: a,
-  PropertyValueField: g,
+  component: f,
+  defaultLocale: v,
+  allComponents: p,
+  PropertyValueField: w,
   onUpload: P
 }) {
-  const { locale: y } = D(), v = J(null);
-  if (!Pe(l.subProperties)) {
-    const o = A(Object.values(l.subProperties || {}), "index").filter(
-      (s) => s.data.visible !== !1 && s.data.key
+  const { locale: b } = V(), g = H(null);
+  if (!J(l.subProperties)) {
+    const n = U(Object.values(l.subProperties || {}), "index").filter(
+      (c) => c.data.visible !== !1 && c.data.key
     );
-    return /* @__PURE__ */ O(R, { width: "100%", children: [
-      /* @__PURE__ */ t(le, { sx: { px: 0.25, py: 0.5 }, children: e }),
-      /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(j, { sx: { position: "relative" }, children: o.map((s, n) => {
-        const { data: d } = s, h = d.key ?? d.id, w = n === o.length - 1;
-        let c = null;
+    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;
+        let o = null;
         try {
-          r && typeof r == "object" ? c = r[h] : typeof r == "string" && (c = (l.type === "yaml" ? fe.parse(r || "") : JSON.parse(r || "{}"))[h]);
+          t && typeof t == "object" ? o = t[d] : typeof t == "string" && (o = (l.type === "yaml" ? be.parse(t || "") : JSON.parse(t || "{}"))[d]);
         } catch {
         }
-        c == null && (d.locales && y && d.locales[y] ? c = d.locales[y].defaultValue : d.locales && b && d.locales[b] && (c = d.locales[b].defaultValue));
-        const m = (k) => {
+        o == null && (u.locales && b && u.locales[b] ? o = u.locales[b].defaultValue : u.locales && v && u.locales[v] && (o = u.locales[v].defaultValue));
+        const h = (y) => {
           try {
             let I = {};
-            if (typeof r == "string")
+            if (typeof t == "string")
               try {
-                I = l.type === "yaml" ? fe.parse(r || "") : JSON.parse(r || "{}");
+                I = l.type === "yaml" ? be.parse(t || "") : JSON.parse(t || "{}");
               } catch {
               }
-            else typeof r == "object" && r !== null && (I = { ...r });
-            He(I, h, k);
-            const f = ve(I, l.type);
-            i == null || i(f);
+            else typeof t == "object" && t !== null && (I = { ...t });
+            qe(I, d, y);
+            const a = ge(I, l.type);
+            i == null || i(a);
           } catch (I) {
             console.error("Error updating property:", I);
           }
-        }, u = 8;
+        }, m = 8;
         return /* @__PURE__ */ O(
-          j,
+          N,
           {
             sx: {
-              mb: w ? 0 : 1,
+              mb: k ? 0 : 1,
               // 底部边距，最后一项不需要
               display: "flex",
               flexDirection: "row"
             },
             children: [
               /* @__PURE__ */ O(
-                j,
+                N,
                 {
                   sx: {
                     position: "relative",
@@ -400,12 +400,12 @@ function lr({
                     flexShrink: 0
                   },
                   children: [
-                    /* @__PURE__ */ t(
-                      j,
+                    /* @__PURE__ */ r(
+                      N,
                       {
                         sx: {
                           position: "absolute",
-                          left: u,
+                          left: m,
                           top: 0,
                           height: 16,
                           // 连接到字段中点的高度
@@ -415,12 +415,12 @@ function lr({
                         }
                       }
                     ),
-                    /* @__PURE__ */ t(
-                      j,
+                    /* @__PURE__ */ r(
+                      N,
                       {
                         sx: {
                           position: "absolute",
-                          left: u,
+                          left: m,
                           top: 16,
                           // 连接到字段中点
                           width: 12,
@@ -430,12 +430,12 @@ function lr({
                         }
                       }
                     ),
-                    !w && /* @__PURE__ */ t(
-                      j,
+                    !k && /* @__PURE__ */ r(
+                      N,
                       {
                         sx: {
                           position: "absolute",
-                          left: u,
+                          left: m,
                           top: 16,
                           // 从当前项中点
                           bottom: -8,
@@ -449,28 +449,28 @@ function lr({
                   ]
                 }
               ),
-              /* @__PURE__ */ t(j, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ t(
-                g,
+              /* @__PURE__ */ r(N, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ r(
+                w,
                 {
-                  component: p,
-                  property: d,
-                  value: c,
-                  onChange: m,
+                  component: f,
+                  property: u,
+                  value: o,
+                  onChange: h,
                   size: "small",
                   fullWidth: !0,
-                  defaultLocale: b,
-                  allComponents: a
+                  defaultLocale: v,
+                  allComponents: p
                 }
               ) })
             ]
           },
-          d.id
+          u.id
         );
       }) }) })
     ] });
   }
-  return /* @__PURE__ */ t(R, { width: "100%", gap: 2, children: /* @__PURE__ */ O(
-    R,
+  return /* @__PURE__ */ r(j, { width: "100%", gap: 2, children: /* @__PURE__ */ O(
+    j,
     {
       sx: {
         width: "100%",
@@ -482,8 +482,8 @@ function lr({
         ".monaco-editor,.overflow-guard": { borderRadius: 1 }
       },
       children: [
-        /* @__PURE__ */ t(
-          le,
+        /* @__PURE__ */ r(
+          se,
           {
             sx: {
               position: "absolute",
@@ -494,18 +494,18 @@ function lr({
             children: e
           }
         ),
-        /* @__PURE__ */ t(
-          ge,
+        /* @__PURE__ */ r(
+          ke,
           {
             keyId: l.id,
-            locale: y,
+            locale: b,
             language: l.type === "yaml" ? "yaml" : "json",
-            value: typeof r == "string" ? r : "",
-            onChange: (o) => {
-              i == null || i(o);
+            value: typeof t == "string" ? t : "",
+            onChange: (n) => {
+              i == null || i(n);
             },
-            onUpload: (o) => {
-              v.current = o, P && P(o);
+            onUpload: (n) => {
+              g.current = n, P && P(n);
             },
             fullScreenOptions: {
               enableEscExit: !0,
@@ -514,8 +514,8 @@ function lr({
           },
           l.id
         ),
-        /* @__PURE__ */ t(
-          j,
+        /* @__PURE__ */ r(
+          N,
           {
             component: "fieldset",
             sx: {
@@ -531,154 +531,154 @@ function lr({
               px: 1,
               py: 0
             },
-            children: /* @__PURE__ */ t(j, { component: "legend", sx: { fontSize: "0.75em" }, children: /* @__PURE__ */ t(j, { component: "span", sx: { opacity: 0 }, children: e }) })
+            children: /* @__PURE__ */ r(N, { component: "legend", sx: { fontSize: "0.75em" }, children: /* @__PURE__ */ r(N, { component: "span", sx: { opacity: 0 }, children: e }) })
           }
         )
       ]
     }
   ) });
 }
-const or = ["string", "multiline", "json", "yaml", "url", "component", "custom", "array"];
+const ct = ["string", "multiline", "json", "yaml", "url", "component", "custom", "array"];
 function Ue(e) {
-  return e.type ? !or.includes(e.type) : !1;
+  return e.type ? !ct.includes(e.type) : !1;
 }
-function tt({
+function nr({
   disabled: e,
-  list: r,
+  list: t,
   renderItem: i,
   ...l
 }) {
-  const p = J(null), b = gt(), a = Wt(), g = A(Object.entries(r), (s) => s[1].index).map((s) => s[0]), P = J(g), y = C(
-    (s) => {
-      P.current = s, a();
+  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(
+    (c) => {
+      P.current = c, p();
     },
-    [a]
-  ), v = C(
-    ({ index: s }, { index: n }) => {
-      const d = [...P.current];
-      d.splice(n, 0, ...d.splice(s, 1)), y(d);
+    [p]
+  ), g = D(
+    ({ index: c }, { index: s }) => {
+      const u = [...P.current];
+      u.splice(s, 0, ...u.splice(c, 1)), b(u);
     },
-    [y]
+    [b]
   );
-  M(() => {
-    y(g);
-  }, [g.join("-")]);
-  const [{ isOver: x }, o] = et({
-    accept: b,
-    collect: (s) => ({
-      isOver: s.isOver()
+  _(() => {
+    b(w);
+  }, [w.join("-")]);
+  const [{ isOver: x }, n] = lr({
+    accept: v,
+    collect: (c) => ({
+      isOver: c.isOver()
     }),
     canDrop: () => !e,
     drop: () => {
-      var d;
-      const s = () => {
-        P.current.forEach((h, w) => {
-          const c = r[h];
-          c && (c.index = w);
+      var u;
+      const c = () => {
+        P.current.forEach((d, k) => {
+          const o = t[d];
+          o && (o.index = k);
         });
-      }, n = (d = te(r)) == null ? void 0 : d.doc;
-      n ? n.transact(() => {
-        s();
-      }) : s();
+      }, s = (u = ne(t)) == null ? void 0 : u.doc;
+      s ? s.transact(() => {
+        c();
+      }) : c();
     }
   });
-  return M(() => {
-    x || y(g);
-  }, [x]), o(p), /* @__PURE__ */ t(j, { ...l, ref: p, className: Qt(x && "isDragging"), children: P.current.map((s, n) => /* @__PURE__ */ t(
-    nr,
+  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(
+    dt,
     {
-      type: b,
+      type: v,
       disabled: e,
-      id: s,
-      index: n,
-      itemIndex: (d) => P.current.indexOf(d),
-      move: v,
-      children: (d) => {
-        const h = r[s];
-        return h ? i(h.data, n, d) : null;
+      id: c,
+      index: s,
+      itemIndex: (u) => P.current.indexOf(u),
+      move: g,
+      children: (u) => {
+        const d = t[c];
+        return d ? i(d.data, s, u) : null;
       }
     },
-    s
+    c
   )) });
 }
-function nr({
+function dt({
   disabled: e,
-  id: r,
+  id: t,
   index: i,
   type: l,
-  children: p,
-  itemIndex: b,
-  move: a
+  children: f,
+  itemIndex: v,
+  move: p
 }) {
-  const g = J(), [{ isDragging: P }, y, v] = Xt({
+  const w = H(), [{ isDragging: P }, b, g] = rt({
     type: l,
-    item: () => ({ id: r }),
+    item: () => ({ id: t }),
     canDrag: () => !e,
-    collect: (o) => ({ isDragging: o.isDragging() })
-  }), [, x] = et({
+    collect: (n) => ({ isDragging: n.isDragging() })
+  }), [, x] = lr({
     accept: l,
     canDrop: () => !e,
-    hover(o, s) {
-      var u;
-      if (!g.current)
+    hover(n, c) {
+      var m;
+      if (!w.current)
         return;
-      const n = b(o.id), d = i;
-      if (n === d)
+      const s = v(n.id), u = i;
+      if (s === u)
         return;
-      const h = (u = g.current) == null ? void 0 : u.getBoundingClientRect(), w = (h.bottom - h.top) / 2, m = s.getClientOffset().y - h.top;
-      n < d && m < w || n > d && m > w || a({ id: o.id, index: n }, { id: r, index: i });
+      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 });
     }
   });
-  return typeof p == "function" ? p({
+  return typeof f == "function" ? f({
     isDragging: P,
-    drag: y,
-    drop: (o) => (g.current = o, x(o)),
-    preview: v
-  }) : (y(x(v(g))), /* @__PURE__ */ t(j, { ref: g, children: p }));
+    drag: b,
+    drop: (n) => (w.current = n, x(n)),
+    preview: g
+  }) : (b(x(g(w))), /* @__PURE__ */ r(N, { ref: w, children: f }));
 }
-function sr({
+function ut({
   drop: e,
-  preview: r,
+  preview: t,
   drag: i,
   disabled: l,
-  isDragging: p,
-  children: b,
-  onDelete: a,
-  onVisibilityChange: g,
+  isDragging: f,
+  children: v,
+  onDelete: p,
+  onVisibilityChange: w,
   visible: P = !0,
-  actions: y,
-  alwaysShowActions: v = !1
+  actions: b,
+  alwaysShowActions: g = !1
 }) {
-  const { t: x } = D();
-  return /* @__PURE__ */ t(
-    j,
+  const { t: x } = V();
+  return /* @__PURE__ */ r(
+    N,
     {
       ref: e,
       sx: {
         ":hover .hover-visible": { maxWidth: "100%" },
         opacity: P ? 1 : 0.5
       },
-      children: /* @__PURE__ */ O(j, { sx: { position: "relative" }, children: [
-        /* @__PURE__ */ t(
-          j,
+      children: /* @__PURE__ */ O(N, { sx: { position: "relative" }, children: [
+        /* @__PURE__ */ r(
+          N,
           {
-            ref: r,
+            ref: t,
             sx: {
               flex: 1,
               borderRadius: 0.5,
-              bgcolor: p ? "action.hover" : "background.paper",
+              bgcolor: f ? "action.hover" : "background.paper",
               opacity: 0.9999
               // NOTE: make preview effective
             },
-            children: b
+            children: v
           }
         ),
-        !l && /* @__PURE__ */ t(
-          j,
+        !l && /* @__PURE__ */ r(
+          N,
           {
-            className: v ? "" : "hover-visible",
+            className: g ? "" : "hover-visible",
             sx: {
-              maxWidth: v ? "100%" : 0,
+              maxWidth: g ? "100%" : 0,
               overflow: "hidden",
               position: "absolute",
               right: 2,
@@ -686,14 +686,14 @@ function sr({
               transition: "max-width 0.3s ease-in-out"
             },
             children: /* @__PURE__ */ O(
-              R,
+              j,
               {
                 direction: "row",
                 sx: {
-                  bgcolor: (o) => pe(o.palette.grey[200], 0.9),
+                  bgcolor: (n) => fe(n.palette.grey[200], 0.9),
                   borderRadius: 1,
                   p: 0.5,
-                  [`.${ut.root}`]: {
+                  [`.${br.root}`]: {
                     minWidth: 24,
                     width: 24,
                     height: 24,
@@ -701,10 +701,10 @@ function sr({
                   }
                 },
                 children: [
-                  y,
-                  g && /* @__PURE__ */ t(G, { title: x(P ? "hideParameter" : "showParameter"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(E, { onClick: () => g(!P), children: P ? /* @__PURE__ */ t(Ct, { sx: { fontSize: "1.25rem", color: "grey.500" } }) : /* @__PURE__ */ t(Et, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
-                  a && /* @__PURE__ */ t(G, { title: x("delete"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(E, { onClick: a, children: /* @__PURE__ */ t(At, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
-                  /* @__PURE__ */ t(G, { title: x("dragSort"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ t(E, { ref: i, children: /* @__PURE__ */ t(Tt, { sx: { color: "grey.500" } }) }) })
+                  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" } }) }) })
                 ]
               }
             )
@@ -714,57 +714,300 @@ function sr({
     }
   );
 }
-function cr({
+function at(e) {
+  const t = ["string", "json", "array", "url", "multiline"], i = ["style", "fontSize", "color", "content", "type"];
+  return !!(t.includes(e.type || "") && !i.includes(e.key || ""));
+}
+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 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 = {
+      key: b,
+      isNeedGenerate: (x == null ? void 0 : x.isNeedGenerate) ?? at(P),
+      // 如果存在使用现有值，否则默认勾选
+      describe: (x == null ? void 0 : x.describe) ?? "",
+      displayName: g
+    };
+    P.subProperties && !J(P.subProperties) && (n.subProperties = or(
+      P.subProperties,
+      x == null ? void 0 : x.subProperties,
+      i,
+      l
+    )), f[P.id] = n;
+  }), f;
+};
+function mt({
+  open: e,
+  onClose: t,
+  onConfirm: i,
+  component: l,
+  initialConfig: f,
+  locale: v,
+  defaultLocale: p,
+  title: w,
+  loading: P = !1
+}) {
+  const { t: b } = V(), [g, x] = G(null);
+  _(() => {
+    if (e && l) {
+      const d = { properties: {} };
+      if (l.properties) {
+        const k = f == null ? void 0 : f.properties;
+        d.properties = or(l.properties, k, v, p);
+      }
+      x(d);
+    }
+  }, [e, l, f, v, p]);
+  const n = () => {
+    t();
+  }, c = () => {
+    g && (i(g), t());
+  }, s = (d, k, o) => {
+    if (!g || !d.length) return;
+    const h = JSON.parse(JSON.stringify(g));
+    let m = h.properties, y = null;
+    for (let a = 0; a < d.length - 1; a++) {
+      const S = d[a];
+      if (!S || !m[S])
+        return;
+      y = m;
+      const C = m[S];
+      C.subProperties || (C.subProperties = {}), m = C.subProperties;
+    }
+    const I = d[d.length - 1];
+    if (I) {
+      if ("isNeedGenerate" in o) {
+        const a = o.isNeedGenerate, S = {
+          ...k,
+          ...o
+        };
+        if (k.subProperties && !J(k.subProperties)) {
+          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(
+                K.subProperties,
+                E !== null ? E : null
+              )), T[B] = F;
+            }), T;
+          };
+          S.subProperties = C(
+            k.subProperties,
+            a === !1 ? !1 : null
+          );
+        }
+        if (d.length === 1)
+          h.properties[I] = S;
+        else if (y && d.length >= 2) {
+          const C = d[d.length - 2];
+          C && y[C] && (y[C].subProperties || (y[C].subProperties = {}), y[C].subProperties[I] = S);
+        }
+      } else if (d.length === 1)
+        h.properties[I] = {
+          ...k,
+          ...o
+        };
+      else if (y && d.length >= 2) {
+        const a = d[d.length - 2];
+        a && y[a] && y[a].subProperties && (y[a].subProperties[I] = {
+          ...k,
+          ...o
+        });
+      }
+      x(h);
+    }
+  }, u = (d, k = [], o = !0) => {
+    if (!d || J(d))
+      return null;
+    const h = U(Object.entries(d), ([, m]) => m.displayName);
+    return /* @__PURE__ */ r(j, { spacing: 1.5, children: h.map(([m, y], I) => {
+      const a = [...k, m], S = I === h.length - 1, C = y.subProperties && !J(y.subProperties), z = y.displayName || m, E = !o;
+      return /* @__PURE__ */ r(N, { sx: { position: "relative" }, children: /* @__PURE__ */ O(j, { direction: "row", children: [
+        k.length > 0 && /* @__PURE__ */ O(
+          N,
+          {
+            sx: {
+              position: "relative",
+              width: 24,
+              flexShrink: 0
+            },
+            children: [
+              /* @__PURE__ */ r(
+                N,
+                {
+                  sx: {
+                    position: "absolute",
+                    left: 8,
+                    top: 0,
+                    height: 16,
+                    width: 0,
+                    borderLeft: "1px dashed",
+                    borderColor: "divider"
+                  }
+                }
+              ),
+              /* @__PURE__ */ r(
+                N,
+                {
+                  sx: {
+                    position: "absolute",
+                    left: 8,
+                    top: 16,
+                    width: 12,
+                    height: 0,
+                    borderTop: "1px dashed",
+                    borderColor: "divider"
+                  }
+                }
+              ),
+              !S && /* @__PURE__ */ r(
+                N,
+                {
+                  sx: {
+                    position: "absolute",
+                    left: 8,
+                    top: 16,
+                    bottom: -12,
+                    width: 0,
+                    borderLeft: "1px dashed",
+                    borderColor: "divider"
+                  }
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ O(j, { spacing: 1.5, sx: { flexGrow: 1 }, children: [
+          /* @__PURE__ */ O(
+            j,
+            {
+              direction: { xs: "column", md: "row" },
+              alignItems: { xs: "flex-start", md: "center" },
+              spacing: 1.5,
+              width: "100%",
+              children: [
+                /* @__PURE__ */ r(
+                  Ge,
+                  {
+                    control: /* @__PURE__ */ r(
+                      yr,
+                      {
+                        checked: y.isNeedGenerate,
+                        disabled: E,
+                        onChange: (T) => {
+                          s(a, y, {
+                            isNeedGenerate: T.target.checked
+                          });
+                        }
+                      }
+                    ),
+                    label: z,
+                    sx: {
+                      minWidth: "180px",
+                      maxWidth: "280px",
+                      mr: 2,
+                      "& .MuiFormControlLabel-label": {
+                        wordBreak: "break-word"
+                      }
+                    }
+                  }
+                ),
+                /* @__PURE__ */ r(
+                  R,
+                  {
+                    size: "small",
+                    fullWidth: !0,
+                    label: b("maker.properties.llmPropertyDescribe"),
+                    value: y.describe,
+                    onChange: (T) => {
+                      s(a, y, {
+                        describe: T.target.value
+                      });
+                    },
+                    disabled: !y.isNeedGenerate
+                  }
+                )
+              ]
+            }
+          ),
+          C && /* @__PURE__ */ r(N, { sx: { ml: 3 }, children: u(
+            y.subProperties,
+            a,
+            y.isNeedGenerate && o
+          ) })
+        ] })
+      ] }) }, m);
+    }) });
+  };
+  return /* @__PURE__ */ O(we, { open: e, onClose: n, 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(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, { variant: "contained", onClick: c, disabled: !g || P, children: b("common.confirm") })
+    ] })
+  ] });
+}
+function ft({
   label: e,
-  value: r,
+  value: t,
   onChange: i
 }) {
-  const [l, p] = X(!1);
-  return /* @__PURE__ */ O(R, { gap: 1, children: [
-    /* @__PURE__ */ t(
-      N,
+  const [l, f] = G(!1);
+  return /* @__PURE__ */ O(j, { gap: 1, children: [
+    /* @__PURE__ */ r(
+      R,
       {
         label: e,
         size: "small",
-        value: r,
-        onChange: (b) => i == null ? void 0 : i(b.target.value),
+        value: t,
+        onChange: (v) => i == null ? void 0 : i(v.target.value),
         InputProps: {
-          endAdornment: /* @__PURE__ */ t(
-            Ye,
+          endAdornment: /* @__PURE__ */ r(
+            Qe,
             {
-              onChange: ({ response: b }) => {
-                var g;
-                const a = (g = b == null ? void 0 : b.data) == null ? void 0 : g.filename;
-                a && (i == null || i(a));
+              onChange: ({ response: v }) => {
+                var w;
+                const p = (w = v == null ? void 0 : v.data) == null ? void 0 : w.filename;
+                p && (i == null || i(p));
               }
             }
           )
         }
       }
     ),
-    r && /* @__PURE__ */ t(
-      j,
+    t && /* @__PURE__ */ r(
+      N,
       {
         component: "img",
         sx: { objectFit: "contain", borderRadius: 1, cursor: "pointer" },
-        src: Te(r),
+        src: We(t),
         alt: e,
         maxWidth: 100,
         maxHeight: 100,
         width: "100%",
-        onClick: () => p(!0)
+        onClick: () => f(!0)
       }
     ),
-    /* @__PURE__ */ t(Me, { open: l, onClose: () => p(!1), children: /* @__PURE__ */ t(j, { component: "img", sx: { objectFit: "contain" }, src: Te(r), alt: e }) })
+    /* @__PURE__ */ r(we, { open: l, onClose: () => f(!1), children: /* @__PURE__ */ r(N, { component: "img", sx: { objectFit: "contain" }, src: We(t), alt: e }) })
   ] });
 }
-function be(e, r = "") {
-  return qt(e, (i, l, p) => {
-    const b = r ? `${r}.${p}` : p;
-    return $t(l) ? Bt(i, be(l, b)) : i[b] = l, i;
+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;
   }, {});
 }
-const dr = [
+const ht = [
   { value: "string", label: "Text" },
   { value: "multiline", label: "Text (Multiline)" },
   { value: "number", label: "Number" },
@@ -778,165 +1021,168 @@ const dr = [
   { value: "component", label: "Component" },
   { value: "custom", label: "Custom (Render by a Component)" }
 ];
-function ie(e, r, i) {
-  return !e || !i ? !1 : Object.values(e).some(({ data: l }) => l.id !== r && l.key === i);
+function oe(e, t, i) {
+  return !e || !i ? !1 : Object.values(e).some(({ data: l }) => l.id !== t && l.key === i);
 }
-function ye(e, r) {
+function xe(e, t) {
   var i;
-  return !e || !r ? !1 : ((i = e[r]) == null ? void 0 : i.data.visible) ?? !0;
+  return !e || !t ? !1 : ((i = e[t]) == null ? void 0 : i.data.visible) ?? !0;
 }
-function ci({ componentId: e }) {
-  const { state: { components: r } } = ce(), i = r[e], l = i == null ? void 0 : i.data;
-  return l ? /* @__PURE__ */ t(R, { maxHeight: "100%", overflow: "auto", children: /* @__PURE__ */ t(j, { p: 2, children: /* @__PURE__ */ t(Gt, { FallbackComponent: ot, resetKeys: [e], children: /* @__PURE__ */ t(ar, { value: l, componentId: e }) }) }) }) : null;
+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;
 }
-function ar({ value: e, componentId: r }) {
-  var x, o, s;
-  const { t: i } = D(), { localState: { currentLocale: l, customComponentPreviewerProperties: p }, state: { config: { defaultLocale: b } }, localActions: { setCustomComponentPreviewerProperties: a } } = ce(), g = te(e).doc, P = xe(), y = Q(() => (p == null ? void 0 : p[r]) ?? {}, [r, p]), v = Kt({
-    componentId: r,
+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({
+    componentId: t,
     propertiesValue: {
-      ...y
+      ...b
     }
   });
-  return M(() => {
-    v.componentId !== r && (v.componentId = r, v.propertiesValue = {
-      ...y
+  return _(() => {
+    g.componentId !== t && (g.componentId = t, g.propertiesValue = {
+      ...b
     });
-  }, [r, y, v]), M(() => {
-    if (v.componentId !== r)
+  }, [t, b, g]), _(() => {
+    if (g.componentId !== t)
       return;
-    const n = Object.fromEntries(Object.values(e.properties ?? {}).map(({ data: d }) => {
-      var h, w, c, m, u;
+    const s = Object.fromEntries(Object.values(e.properties ?? {}).map(({ data: u }) => {
+      var d, k, o, h, m;
       return [
-        d.id,
+        u.id,
         {
-          value: ((h = v.propertiesValue[d.id]) == null ? void 0 : h.value) ?? Vt(d, ((c = (w = d.locales) == null ? void 0 : w[l]) == null ? void 0 : c.defaultValue) ?? ((u = (m = d.locales) == null ? void 0 : m[b]) == null ? void 0 : u.defaultValue), {
+          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: b
+            defaultLocale: v
           })
         }
       ];
     }));
-    a(r, n);
-  }, [JSON.stringify(v.propertiesValue), r, v.componentId]), /* @__PURE__ */ t(R, { height: "100%", children: /* @__PURE__ */ O(R, { gap: 2, children: [
-    /* @__PURE__ */ t(ur, { config: e }),
-    /* @__PURE__ */ t(mr, {
+    p(t, s);
+  }, [JSON.stringify(g.propertiesValue), t, g.componentId]), /* @__PURE__ */ r(j, { height: "100%", children: /* @__PURE__ */ O(j, { gap: 2, children: [
+    /* @__PURE__ */ r(yt, { config: e }),
+    /* @__PURE__ */ r(xt, {
       config: e,
       currentLocale: l,
-      defaultLocale: b,
+      defaultLocale: v,
       allComponents: P,
-      onUpdateConfig: (n) => {
-        g.transact(() => {
-          n(e);
+      onUpdateConfig: (s) => {
+        w.transact(() => {
+          s(e);
         });
       }
     }),
-    /* @__PURE__ */ O(R, { gap: 2, direction: "row", justifyContent: "space-between", alignItems: "center", children: [
-      /* @__PURE__ */ t(B, { variant: "subtitle1", children: i("renderer") }),
-      /* @__PURE__ */ O(N, {
+    /* @__PURE__ */ O(j, { gap: 2, direction: "row", justifyContent: "space-between", alignItems: "center", children: [
+      /* @__PURE__ */ r(W, { variant: "subtitle1", children: i("renderer") }),
+      /* @__PURE__ */ O(R, {
         hiddenLabel: !0,
         size: "small",
         select: !0,
         SelectProps: { autoWidth: !0 },
         value: ((x = e.renderer) == null ? void 0 : x.type) || "react-component",
-        onChange: (n) => {
-          g.transact(() => {
-            const d = n.target.value;
-            e.renderer ?? (e.renderer = { type: d }), e.renderer.type = d;
+        onChange: (s) => {
+          w.transact(() => {
+            const u = s.target.value;
+            e.renderer ?? (e.renderer = { type: u }), e.renderer.type = u;
           });
         },
         children: [
-          /* @__PURE__ */ t(me, { value: "react-component", children: "React Component" }),
-          /* @__PURE__ */ t(me, { value: "component", children: "Custom Component" })
+          /* @__PURE__ */ r(he, { value: "react-component", children: "React Component" }),
+          /* @__PURE__ */ r(he, { value: "component", children: "Custom Component" })
         ]
       })
     ] }),
-    ((o = e.renderer) == null ? void 0 : o.type) === "component" && /* @__PURE__ */ t(wr, { value: e }),
-    ((s = e.renderer) == null ? void 0 : s.type) === "react-component" && /* @__PURE__ */ t(gr, { value: e }),
-    /* @__PURE__ */ t(lt, {
+    ((n = e.renderer) == null ? void 0 : n.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: b,
+      defaultLocale: v,
       allComponents: P,
-      propertiesValue: v.propertiesValue,
-      onChange: ({ value: n, id: d, path: h }) => {
-        const w = [...h, "data"];
-        if (!Ft(e, w)) {
-          he.warning(i("cannotFindPropertyKey", {
-            key: w.join(".")
+      propertiesValue: g.propertiesValue,
+      onChange: ({ value: s, id: u, path: d }) => {
+        const k = [...d, "data"];
+        if (!_r(e, k)) {
+          ye.warning(i("cannotFindPropertyKey", {
+            key: k.join(".")
           }));
           return;
         }
-        v.propertiesValue[d] = {
-          value: n.value
+        g.propertiesValue[u] = {
+          value: s.value
         };
       }
     })
   ] }) });
 }
-function ur({ config: e }) {
-  const { t: r } = D();
-  return /* @__PURE__ */ t(ue, { children: /* @__PURE__ */ O(R, { gap: 2, children: [
-    /* @__PURE__ */ t(B, { variant: "subtitle1", children: r("basicInfo") }),
-    /* @__PURE__ */ t(N, {
-      label: r("name"),
+function yt({ config: e }) {
+  const { t } = V();
+  return /* @__PURE__ */ r(me, { children: /* @__PURE__ */ O(j, { gap: 2, children: [
+    /* @__PURE__ */ r(W, { variant: "subtitle1", children: t("basicInfo") }),
+    /* @__PURE__ */ r(R, {
+      label: t("name"),
       size: "small",
       value: e.name || "",
       onChange: (i) => e.name = i.target.value
     }),
-    /* @__PURE__ */ t(N, {
-      label: r("description"),
+    /* @__PURE__ */ r(R, {
+      label: t("description"),
       size: "small",
       multiline: !0,
       minRows: 2,
       maxRows: 10,
       inputProps: { maxLength: 200 },
       value: e.description || "",
-      onChange: (i) => e.description = i.target.value
+      onChange: (i) => e.description = i.target.value,
+      InputProps: {
+        endAdornment: /* @__PURE__ */ r(pe, { position: "end", sx: { mt: -1.5 }, children: /* @__PURE__ */ r(Nt, { config: e }) })
+      }
     }),
-    /* @__PURE__ */ t($e, {
+    /* @__PURE__ */ r(Le, {
       size: "small",
       options: [],
       multiple: !0,
       freeSolo: !0,
       value: e.tags ?? [],
       onChange: (i, l) => e.tags = l,
-      renderInput: (i) => /* @__PURE__ */ t(N, { label: r("tags"), ...i })
+      renderInput: (i) => /* @__PURE__ */ r(R, { label: t("tags"), ...i })
     }),
-    /* @__PURE__ */ t(cr, {
-      label: r("previewImage"),
+    /* @__PURE__ */ r(ft, {
+      label: t("previewImage"),
       value: e.previewImage || "",
       onChange: (i) => e.previewImage = i
     })
   ] }) });
 }
-function rt({ data: e, params: r, visible: i, config: l, currentLocale: p, defaultLocale: b, allComponents: a, onUpdateConfig: g }) {
-  var v, x, o, s, n, d;
-  const { t: P } = D(), y = Q(() => e.type === "json" || e.type === "yaml" || e.type === "array" ? br : $, [e.type]);
-  return /* @__PURE__ */ t(sr, {
-    preview: r.preview,
-    drop: r.drop,
-    drag: r.drag,
-    isDragging: r.isDragging,
+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;
+  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,
+    drop: t.drop,
+    drag: t.drag,
+    isDragging: t.isDragging,
     onDelete: () => {
-      g((h) => {
-        if (h.properties) {
-          const c = Object.entries(h.properties).sort(([, u], [, k]) => u.index - k.index);
-          delete h.properties[e.id], c.filter(([u]) => u !== e.id).forEach(([, u], k) => {
-            u.index = k;
+      w((d) => {
+        if (d.properties) {
+          const o = Object.entries(d.properties).sort(([, m], [, y]) => m.index - y.index);
+          delete d.properties[e.id], o.filter(([m]) => m !== e.id).forEach(([, m], y) => {
+            m.index = y;
           });
         }
       });
     },
     visible: i,
-    onVisibilityChange: (h) => {
-      g((w) => {
-        const c = w.properties[e.id].data;
-        c.visible = h;
+    onVisibilityChange: (d) => {
+      w((k) => {
+        const o = k.properties[e.id].data;
+        o.visible = d;
       });
     },
     alwaysShowActions: !0,
-    children: /* @__PURE__ */ O(R, { direction: "column", gap: 2, children: [
-      /* @__PURE__ */ t(N, {
+    children: /* @__PURE__ */ O(j, { direction: "column", gap: 2, children: [
+      /* @__PURE__ */ r(R, {
         label: P("key"),
         size: "small",
         required: !0,
@@ -944,30 +1190,30 @@ function rt({ data: e, params: r, visible: i, config: l, currentLocale: p, defau
           width: "calc(100% - 80px - 8px)",
           flex: 1,
           "& .MuiOutlinedInput-root": {
-            borderColor: e.key ? ie(l.properties, e.id, e.key) ? "warning.main" : void 0 : "error.main"
+            borderColor: e.key ? oe(l.properties, e.id, e.key) ? "warning.main" : void 0 : "error.main"
           },
           "& .MuiFormLabel-root": {
-            color: e.key ? ie(l.properties, e.id, e.key) ? "warning.main" : "text.secondary" : "error.main"
+            color: e.key ? oe(l.properties, e.id, e.key) ? "warning.main" : "text.secondary" : "error.main"
           },
           "& .MuiFormLabel-root.Mui-focused": {
-            color: e.key ? ie(l.properties, e.id, e.key) ? "warning.main" : "primary.main" : "error.main"
+            color: e.key ? oe(l.properties, e.id, e.key) ? "warning.main" : "primary.main" : "error.main"
           }
         },
         value: e.key || "",
-        onChange: (h) => {
-          g((w) => {
-            const c = w.properties[e.id].data;
-            c.key = h.target.value.trim();
+        onChange: (d) => {
+          w((k) => {
+            const o = k.properties[e.id].data;
+            o.key = d.target.value.trim();
           });
         },
         InputProps: {
-          endAdornment: !e.key || e.key && ie(l.properties, e.id, e.key) ? /* @__PURE__ */ t(we, {
+          endAdornment: !e.key || e.key && oe(l.properties, e.id, e.key) ? /* @__PURE__ */ r(pe, {
             position: "end",
             sx: {
               width: 16,
               ml: 0
             },
-            children: /* @__PURE__ */ t(G, { title: e.key ? P("duplicateKey") : P("requiredKey"), children: /* @__PURE__ */ t(Qe, {
+            children: /* @__PURE__ */ r(Y, { title: e.key ? P("duplicateKey") : P("requiredKey"), children: /* @__PURE__ */ r(rr, {
               sx: {
                 color: e.key ? "warning.main" : "error.main",
                 fontSize: 16
@@ -976,159 +1222,159 @@ function rt({ data: e, params: r, visible: i, config: l, currentLocale: p, defau
           }) : null
         }
       }),
-      /* @__PURE__ */ O(R, { direction: "row", gap: 1, children: [
-        /* @__PURE__ */ t(N, {
+      /* @__PURE__ */ O(j, { direction: "row", gap: 1, children: [
+        /* @__PURE__ */ r(R, {
           label: P("label"),
           size: "small",
           sx: { flex: 1 },
-          value: (((x = (v = e.locales) == null ? void 0 : v[p]) == null ? void 0 : x.name) ?? ((s = (o = e.locales) == null ? void 0 : o[b]) == null ? void 0 : s.name)) || "",
-          onChange: (h) => {
-            g((w) => {
-              var m;
-              const c = w.properties[e.id].data;
-              c.locales ?? (c.locales = {}), (m = c.locales)[p] ?? (m[p] = {}), c.locales[p].name = h.target.value;
+          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)) || "",
+          onChange: (d) => {
+            w((k) => {
+              var h;
+              const o = k.properties[e.id].data;
+              o.locales ?? (o.locales = {}), (h = o.locales)[f] ?? (h[f] = {}), o.locales[f].name = d.target.value;
             });
           }
         }),
-        /* @__PURE__ */ t(N, {
+        /* @__PURE__ */ r(R, {
           label: P("type"),
           size: "small",
           select: !0,
           sx: { flex: 1 },
           value: e.type === "string" && e.multiline ? "multiline" : e.type || "string",
-          onChange: (h) => {
-            g((w) => {
-              const c = w.properties[e.id].data;
-              if (c.locales)
-                for (const u of Object.keys(c.locales))
-                  c.locales[u].defaultValue = void 0;
-              const m = h.target.value;
-              m === "multiline" ? (c.type = "string", c.multiline = !0) : (typeof c.multiline < "u" && delete c.multiline, c.type = m);
+          onChange: (d) => {
+            w((k) => {
+              const o = k.properties[e.id].data;
+              if (o.locales)
+                for (const m of Object.keys(o.locales))
+                  o.locales[m].defaultValue = void 0;
+              const h = d.target.value;
+              h === "multiline" ? (o.type = "string", o.multiline = !0) : (typeof o.multiline < "u" && delete o.multiline, o.type = h);
             });
           },
-          children: dr.map((h) => /* @__PURE__ */ t(me, { value: h.value, children: h.label }, h.value))
+          children: ht.map((d) => /* @__PURE__ */ r(he, { value: d.value, children: d.label }, d.value))
         })
       ] }),
-      /* @__PURE__ */ O(R, { direction: "row", gap: 1, children: [
-        /* @__PURE__ */ t(y, {
-          allComponents: a,
-          defaultLocale: b,
+      /* @__PURE__ */ O(j, { direction: "row", gap: 1, children: [
+        /* @__PURE__ */ r(b, {
+          allComponents: p,
+          defaultLocale: v,
           component: l,
           property: e,
           label: P("defaultValue"),
           size: "small",
           fullWidth: !0,
-          value: (d = (n = e.locales) == null ? void 0 : n[p]) == null ? void 0 : d.defaultValue,
-          onChange: (h, w) => {
-            g((c) => {
-              var u;
-              const m = c.properties[e.id].data;
-              if (w != null && w.forceUpdateProperty) {
-                const k = be(m), I = be(h);
-                Object.keys(I).forEach((f) => {
-                  k[f] || He(m, f, I[f]);
+          value: (u = (s = e.locales) == null ? void 0 : s[f]) == null ? void 0 : u.defaultValue,
+          onChange: (d, k) => {
+            w((o) => {
+              var m;
+              const h = o.properties[e.id].data;
+              if (k != null && k.forceUpdateProperty) {
+                const y = ve(h), I = ve(d);
+                Object.keys(I).forEach((a) => {
+                  y[a] || qe(h, a, I[a]);
                 });
               } else
-                m.locales ?? (m.locales = {}), (u = m.locales)[p] ?? (u[p] = {}), m.locales[p].defaultValue = h;
+                h.locales ?? (h.locales = {}), (m = h.locales)[f] ?? (m[f] = {}), h.locales[f].defaultValue = d;
             });
           }
         }),
-        e.type === "custom" ? /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(fr, { property: e, allComponents: a }) }) : null
+        e.type === "custom" ? /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(gt, { property: e, allComponents: p }) }) : null
       ] })
     ] })
   });
 }
-function pr(e, r) {
-  const [i, l] = X(0);
-  return M(() => {
-    const b = setTimeout(() => {
+function vt(e, t) {
+  const [i, l] = G(0);
+  return _(() => {
+    const v = setTimeout(() => {
       if (e.current) {
-        let a = e.current.parentElement, g = 0;
-        for (; a; )
-          a.classList.contains("property-container") && g++, a = a.parentElement;
-        l(g);
+        let p = e.current.parentElement, w = 0;
+        for (; p; )
+          p.classList.contains("property-container") && w++, p = p.parentElement;
+        l(w);
       }
     }, 100);
-    return () => clearTimeout(b);
-  }, [e, r]), i;
+    return () => clearTimeout(v);
+  }, [e, t]), i;
 }
-function mr({ config: e, currentLocale: r, defaultLocale: i, allComponents: l, onUpdateConfig: p, useI18nEditor: b = !0 }) {
-  const { t: a } = D(), g = ke({ variant: "dialog" }), P = e.properties && A(Object.values(e.properties), "index");
-  return /* @__PURE__ */ t(ue, { children: /* @__PURE__ */ O(R, { gap: 2, children: [
-    /* @__PURE__ */ O(R, { direction: "row", gap: 1, alignItems: "center", justifyContent: "space-between", children: [
-      /* @__PURE__ */ t(B, { variant: "subtitle1", children: a("properties") }),
-      /* @__PURE__ */ t(j, { flex: 1 }),
-      b && /* @__PURE__ */ t(E, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Se(g), children: /* @__PURE__ */ t(Le, { fontSize: "small" }) })
+function xt({ config: e, currentLocale: t, defaultLocale: i, allComponents: l, onUpdateConfig: f, useI18nEditor: v = !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" }) })
     ] }),
-    e.properties && Object.keys(e.properties).length > 0 ? /* @__PURE__ */ t(tt, {
-      component: R,
+    e.properties && Object.keys(e.properties).length > 0 ? /* @__PURE__ */ r(nr, {
+      component: j,
       gap: 2,
       list: e.properties,
-      renderItem: (y, v, x) => {
-        const o = ye(e.properties, y.id);
-        return /* @__PURE__ */ t(ee, {
+      renderItem: (b, g, x) => {
+        const n = xe(e.properties, b.id);
+        return /* @__PURE__ */ r(ie, {
           elevation: 0,
           className: "property-container",
           sx: {
             p: 1.25,
             borderRadius: 1,
-            border: o ? "1px solid" : "1px dashed",
+            border: n ? "1px solid" : "1px dashed",
             borderColor: "divider"
           },
-          children: /* @__PURE__ */ t(R, { gap: 2, children: /* @__PURE__ */ t(rt, {
-            data: y,
+          children: /* @__PURE__ */ r(j, { gap: 2, children: /* @__PURE__ */ r(sr, {
+            data: b,
             params: x,
-            visible: o,
+            visible: n,
             config: e,
-            currentLocale: r,
+            currentLocale: t,
             defaultLocale: i,
             allComponents: l,
-            onUpdateConfig: p
+            onUpdateConfig: f
           }) })
-        }, y.id);
+        }, b.id);
       }
-    }) : /* @__PURE__ */ t(de, { style: { fontSize: 12 }, children: a("maker.properties.noProperties") }),
-    /* @__PURE__ */ t(E, {
+    }) : /* @__PURE__ */ r(ae, { style: { fontSize: 12 }, children: p("maker.properties.noProperties") }),
+    /* @__PURE__ */ r(A, {
       fullWidth: !0,
       variant: "outlined",
       className: "ignore-style-override",
       onClick: () => {
-        p((y) => {
+        f((b) => {
           var x;
-          const v = Ke();
-          y.properties ?? (y.properties = {}), (x = y.properties)[v] ?? (x[v] = { index: (P == null ? void 0 : P.length) || 0, data: { id: 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 } });
         });
       },
-      startIcon: /* @__PURE__ */ t(Ge, {}),
-      children: a("addObject", { object: a("property") })
+      startIcon: /* @__PURE__ */ r(er, {}),
+      children: p("addObject", { object: p("property") })
     }),
-    b && /* @__PURE__ */ t(it, { ...Ze(g), component: e })
+    v && /* @__PURE__ */ r(cr, { ...ir(w), component: e })
   ] }) });
 }
-function fr({ property: e, allComponents: r }) {
-  const i = ke({ variant: "popper" });
-  return /* @__PURE__ */ O(Z, { children: [
-    /* @__PURE__ */ t(E, { sx: { minWidth: 0 }, ...Se(i), children: /* @__PURE__ */ t(Xe, { fontSize: "small" }) }),
-    /* @__PURE__ */ t(xt, { ...Lt(i), children: /* @__PURE__ */ t(Dt, { onClickAway: i.close, children: /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ t(j, { width: 500, p: 2, children: /* @__PURE__ */ t(Ie, {
+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, {
       value: e.componentId,
-      onChange: (l, p) => e.componentId = p,
-      allComponents: r
+      onChange: (l, f) => e.componentId = f,
+      allComponents: t
     }) }) }) }) })
   ] });
 }
-function hr({ value: e, valueImmutable: r, onChange: i, defaultLocale: l, allComponents: p }) {
-  var v;
-  const [b, a] = X(!1), { t: g, locale: P } = D(), y = typeof (e == null ? void 0 : e.componentId) == "string" ? (v = p[e.componentId]) == null ? void 0 : v.data : void 0;
-  return y ? /* @__PURE__ */ O(j, { sx: { width: "100%", position: "relative" }, children: [
-    /* @__PURE__ */ t(ae, {
+function Pt({ value: e, valueImmutable: t, onChange: i, defaultLocale: l, 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;
+  return b ? /* @__PURE__ */ O(N, { sx: { width: "100%", position: "relative" }, children: [
+    /* @__PURE__ */ r(le, {
       sx: { minWidth: 0 },
-      disabled: !y,
+      disabled: !b,
       size: "small",
-      onClick: () => a(!b),
-      color: b ? "primary" : "default",
-      children: /* @__PURE__ */ t(Xe, { fontSize: "small" })
+      onClick: () => p(!v),
+      color: v ? "primary" : "default",
+      children: /* @__PURE__ */ r(tr, { fontSize: "small" })
     }),
-    b && /* @__PURE__ */ t(yt, { in: b, timeout: "auto", unmountOnExit: !0, sx: { width: "100%", zIndex: 10 }, children: /* @__PURE__ */ O(ee, {
+    v && /* @__PURE__ */ r(xr, { in: v, timeout: "auto", unmountOnExit: !0, sx: { width: "100%", zIndex: 10 }, children: /* @__PURE__ */ O(ie, {
       elevation: 1,
       sx: {
         mt: 1,
@@ -1139,205 +1385,205 @@ function hr({ value: e, valueImmutable: r, onChange: i, defaultLocale: l, allCom
         width: "100%"
       },
       children: [
-        /* @__PURE__ */ t(j, { width: "100%", mb: 2, children: /* @__PURE__ */ t(lt, {
-          config: y,
+        /* @__PURE__ */ r(N, { width: "100%", mb: 2, children: /* @__PURE__ */ r(dr, {
+          config: b,
           currentLocale: P,
           defaultLocale: l,
-          allComponents: p,
+          allComponents: f,
           propertiesValue: e == null ? void 0 : e.properties,
-          onChange: ({ id: x, value: o }) => {
-            const s = jt(o.value), n = JSON.parse(JSON.stringify(e));
-            n != null && n.componentId && (r ? i == null || i({ ...n, properties: { ...n.properties, [x]: { value: s } } }) : (n.properties = n.properties ?? {}, n.properties[x] = { value: s }, i == null || i(n)));
+          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)));
           }
         }) }),
-        /* @__PURE__ */ t(E, { size: "small", onClick: () => a(!1), sx: { mt: 1 }, children: g("close") })
+        /* @__PURE__ */ r(A, { size: "small", onClick: () => p(!1), sx: { mt: 1 }, children: w("close") })
       ]
     }) })
   ] }) : null;
 }
-function it({ type: e = "properties", component: r, ...i }) {
-  var x, o, s;
-  const { t: l } = D(), { state: { components: p, supportedLocales: b, config: { defaultLocale: a } } } = ce(), g = xe(), P = te(r).doc, y = e === "properties" ? r.properties : e === "parameters" && ((x = r.renderer) == null ? void 0 : x.type) === "component" ? (o = p[r.renderer.componentId]) == null ? void 0 : o.data.properties : void 0, v = ((s = r.renderer) == null ? void 0 : s.type) === "component" ? r : void 0;
-  return /* @__PURE__ */ O(Me, { ...i, fullWidth: !0, maxWidth: "lg", children: [
-    /* @__PURE__ */ t(ft, { children: l("i18nEditorTitle") }),
-    /* @__PURE__ */ t(ht, { children: y && /* @__PURE__ */ t(R, { children: /* @__PURE__ */ O(Be, { stickyHeader: !0, sx: { td: { verticalAlign: "top" } }, children: [
-      /* @__PURE__ */ t(Fe, { children: /* @__PURE__ */ t(oe, { children: b.map(({ locale: n, name: d }) => /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ O(B, { color: "text.primary", children: [
-        d,
-        a === n && /* @__PURE__ */ t(Ut, { sx: { fontSize: 12 } })
-      ] }) }, n)) }) }),
-      /* @__PURE__ */ t(Je, { children: A(Object.values(y), "index").map(({ data: n }) => /* @__PURE__ */ t(oe, { children: b.map(({ locale: d }) => {
-        var h, w, c, m, u, k, I, f, S, z, V, T, U, W, re, _, H, Y, q, L, Oe, je, Re, ze, Ve, Ne;
-        return /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ t(R, { gap: 1, children: e === "properties" ? /* @__PURE__ */ O(Z, { children: [
-          /* @__PURE__ */ t(N, {
+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;
+  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: [
+        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;
+        return /* @__PURE__ */ r(de, { children: /* @__PURE__ */ r(j, { gap: 1, children: e === "properties" ? /* @__PURE__ */ O(q, { children: [
+          /* @__PURE__ */ r(R, {
             size: "small",
             label: "Key",
-            value: n.key || "",
-            onChange: (F) => {
+            value: s.key || "",
+            onChange: ($) => {
               P.transact(() => {
-                n.key = F.target.value.trim();
+                s.key = $.target.value.trim();
               });
             }
           }),
-          /* @__PURE__ */ t(N, {
+          /* @__PURE__ */ r(R, {
             size: "small",
             label: l("label"),
-            value: (((w = (h = n.locales) == null ? void 0 : h[d]) == null ? void 0 : w.name) ?? ((m = (c = n.locales) == null ? void 0 : c[a]) == null ? void 0 : m.name)) || "",
-            onChange: (F) => {
+            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 K;
-                n.locales ?? (n.locales = {}), (K = n.locales)[d] ?? (K[d] = {}), n.locales[d].name = F.target.value;
+                var M;
+                s.locales ?? (s.locales = {}), (M = s.locales)[u] ?? (M[u] = {}), s.locales[u].name = $.target.value;
               });
             }
           }),
-          /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t($, {
-            allComponents: g,
-            defaultLocale: a,
-            component: r,
-            property: n,
+          /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(L, {
+            allComponents: w,
+            defaultLocale: p,
+            component: t,
+            property: s,
             size: "small",
             fullWidth: !0,
             label: "Default Value",
-            valueImmutable: se((k = (u = n.locales) == null ? void 0 : u[d]) == null ? void 0 : k.defaultValue),
-            value: ((f = (I = n.locales) == null ? void 0 : I[d]) == null ? void 0 : f.defaultValue) ?? ((z = (S = n.locales) == null ? void 0 : S[a]) == null ? void 0 : z.defaultValue),
-            onChange: (F) => {
+            valueImmutable: ue((y = (m = s.locales) == null ? void 0 : m[u]) == null ? void 0 : y.defaultValue),
+            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 K;
-                n.locales ?? (n.locales = {}), (K = n.locales)[d] ?? (K[d] = {}), n.locales[d].defaultValue = F;
+                var M;
+                s.locales ?? (s.locales = {}), (M = s.locales)[u] ?? (M[u] = {}), s.locales[u].defaultValue = $;
               });
             }
           }) })
-        ] }) : e === "parameters" && v ? /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t($, {
-          allComponents: g,
-          defaultLocale: a,
-          component: r,
-          property: n,
+        ] }) : e === "parameters" && g ? /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(L, {
+          allComponents: w,
+          defaultLocale: p,
+          component: t,
+          property: s,
           size: "small",
           fullWidth: !0,
-          valueImmutable: se((W = (U = (T = (V = v.renderer.properties) == null ? void 0 : V[n.id]) == null ? void 0 : T.locales) == null ? void 0 : U[d]) == null ? void 0 : W.value),
-          value: ((Y = (H = (_ = (re = v.renderer.properties) == null ? void 0 : re[n.id]) == null ? void 0 : _.locales) == null ? void 0 : H[d]) == null ? void 0 : Y.value) ?? ((je = (Oe = (L = (q = v.renderer.properties) == null ? void 0 : q[n.id]) == null ? void 0 : L.locales) == null ? void 0 : Oe[a]) == null ? void 0 : je.value) ?? ((ze = (Re = n.locales) == null ? void 0 : Re[d]) == null ? void 0 : ze.defaultValue) ?? ((Ne = (Ve = n.locales) == null ? void 0 : Ve[a]) == null ? void 0 : Ne.defaultValue),
-          onChange: (F) => {
+          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),
+          onChange: ($) => {
             P.transact(() => {
-              var K, De, Ce, Ee, Ae;
-              (K = v.renderer).properties ?? (K.properties = {}), (De = v.renderer.properties)[Ce = n.id] ?? (De[Ce] = {}), (Ee = v.renderer.properties[n.id]).locales ?? (Ee.locales = {}), (Ae = v.renderer.properties[n.id].locales)[d] ?? (Ae[d] = {}), v.renderer.properties[n.id].locales[d].value = F;
+              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 = $;
             });
           }
-        }) }) : null }, n.id) }, d);
-      }) }, n.id)) })
+        }) }) : null }, s.id) }, u);
+      }) }, s.id)) })
     ] }) }) }),
-    /* @__PURE__ */ t(bt, { children: /* @__PURE__ */ t(E, { onClick: (n) => {
-      var d;
-      return (d = i.onClose) == null ? void 0 : d.call(i, n, "escapeKeyDown");
+    /* @__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") }) })
   ] });
 }
-const We = (e, r) => (i) => {
+const Be = (e, t) => (i) => {
   const l = [
     i.palette.info.main,
     i.palette.primary.main,
     i.palette.secondary.main,
     i.palette.success.main,
     i.palette.warning.main
-  ], p = Math.min(l.length - 1, e), b = l[p], a = pe(b, 0.5), g = pe(b, 1);
+  ], f = Math.min(l.length - 1, e), v = l[f], p = fe(v, 0.5), w = fe(v, 1);
   return {
     // 保留原有的边框样式
-    borderColor: `${a} !important`,
+    borderColor: `${p} !important`,
     borderLeft: "3px solid !important",
     // 稍粗的左侧边框
-    borderLeftColor: a,
+    borderLeftColor: p,
     // 使用透明度适应深色/浅色模式
-    color: g,
-    ...r
+    color: w,
+    ...t
   };
 };
-function br({ property: e, onChange: r, defaultLocale: i, allComponents: l }) {
-  const { t: p, locale: b } = D(), a = J(null), g = pr(a, e), P = C(() => {
+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(() => {
     if (!(e.type !== "json" && e.type !== "yaml" && e.type !== "array") && e.subProperties)
       try {
-        let y = {};
-        A(Object.values(e.subProperties), "index").filter((o) => o.data.visible !== !1 && o.data.key).forEach(({ data: o }) => {
-          var n, d, h, w;
-          if (!o.key)
+        let b = {};
+        U(Object.values(e.subProperties), "index").filter((n) => n.data.visible !== !1 && n.data.key).forEach(({ data: n }) => {
+          var s, u, d, k;
+          if (!n.key)
             return;
-          let s = ((d = (n = o.locales) == null ? void 0 : n[b]) == null ? void 0 : d.defaultValue) ?? ((w = (h = o.locales) == null ? void 0 : h[i]) == null ? void 0 : w.defaultValue);
-          if (o.type === "number")
-            s = Number(s);
-          else if (o.type === "boolean")
-            s = s === !0 || s === "true";
-          else if ((o.type === "json" || o.type === "yaml") && typeof s == "string")
+          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")
+            c = Number(c);
+          else if (n.type === "boolean")
+            c = c === !0 || c === "true";
+          else if ((n.type === "json" || n.type === "yaml") && typeof c == "string")
             try {
-              o.type === "json" ? s = JSON.parse(s) : s = fe.parse(s);
-            } catch (c) {
-              console.error("Error parsing nested value", s, c), s = {};
+              n.type === "json" ? c = JSON.parse(c) : c = be.parse(c);
+            } catch (o) {
+              console.error("Error parsing nested value", c, o), c = {};
             }
-          y[o.key] = s;
-        }), e.type === "array" && !Array.isArray(y) && (y = Pe(y) ? [] : [y]);
-        const x = ve(y, e.type);
-        r == null || r(x);
-      } catch (y) {
-        console.error("Error converting structure to text:", y);
+          b[n.key] = c;
+        }), e.type === "array" && !Array.isArray(b) && (b = J(b) ? [] : [b]);
+        const x = ge(b, e.type);
+        t == null || t(x);
+      } catch (b) {
+        console.error("Error converting structure to text:", b);
       }
-  }, [e, b, i, r]);
-  return e.type !== "json" && e.type !== "yaml" && e.type !== "array" ? null : /* @__PURE__ */ O(R, { direction: "column", gap: 1.5, sx: { width: "100%" }, ref: a, children: [
-    /* @__PURE__ */ t(vt, { sx: { mt: -1 }, children: /* @__PURE__ */ t(B, { variant: "caption", color: "text.secondary", children: p("maker.properties.subProperties") }) }),
-    e.subProperties && Object.keys(e.subProperties).length > 0 ? /* @__PURE__ */ t(tt, {
-      component: R,
+  }, [e, v, 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, {
+      component: j,
       gap: 2,
       list: e.subProperties,
-      renderItem: (y, v, x) => {
-        const o = y.visible !== !1;
-        return /* @__PURE__ */ t(ee, {
+      renderItem: (b, g, x) => {
+        const n = b.visible !== !1;
+        return /* @__PURE__ */ r(ie, {
           elevation: 0,
           className: "property-container",
           sx: {
             p: 1.25,
             borderRadius: 1,
-            border: o ? "1px solid" : "1px dashed",
-            "&": We(g)
+            border: n ? "1px solid" : "1px dashed",
+            "&": Be(w)
           },
-          children: /* @__PURE__ */ t(R, { gap: 2, children: /* @__PURE__ */ t(rt, {
-            data: y,
+          children: /* @__PURE__ */ r(j, { gap: 2, children: /* @__PURE__ */ r(sr, {
+            data: b,
             params: x,
-            visible: o,
+            visible: n,
             config: {
               properties: e.subProperties
             },
-            currentLocale: b,
+            currentLocale: v,
             defaultLocale: i,
             allComponents: l,
-            onUpdateConfig: (s) => {
+            onUpdateConfig: (c) => {
               try {
-                const n = { properties: e.subProperties || {} };
-                s(n);
-                const d = {
+                const s = { properties: e.subProperties || {} };
+                c(s);
+                const u = {
                   ...e,
-                  subProperties: n.properties
+                  subProperties: s.properties
                 };
-                r == null || r(d, { forceUpdateProperty: !0 }), P();
-              } catch (n) {
-                console.error("Error updating property:", n);
+                t == null || t(u, { forceUpdateProperty: !0 }), P();
+              } catch (s) {
+                console.error("Error updating property:", s);
               }
             }
           }) })
-        }, y.id);
+        }, b.id);
       }
-    }) : /* @__PURE__ */ t(de, { style: { fontSize: 12, height: 100 }, children: p("maker.properties.noSubProperties") }),
-    /* @__PURE__ */ t(E, {
+    }) : /* @__PURE__ */ r(ae, { style: { fontSize: 12, height: 100 }, children: f("maker.properties.noSubProperties") }),
+    /* @__PURE__ */ r(A, {
       fullWidth: !0,
       variant: "outlined",
       className: "ignore-style-override",
       size: "small",
-      startIcon: /* @__PURE__ */ t(Ge, {}),
+      startIcon: /* @__PURE__ */ r(er, {}),
       onClick: () => {
         try {
-          const y = e.subProperties || {}, v = Ke(), o = {
-            index: Object.values(y).length,
+          const b = e.subProperties || {}, g = Ke(), n = {
+            index: Object.values(b).length,
             data: {
-              id: v,
+              id: g,
               key: "",
               type: "string",
               visible: !0,
               locales: {
-                [b]: {
+                [v]: {
                   name: "",
                   defaultValue: ""
                 }
@@ -1345,189 +1591,189 @@ function br({ property: e, onChange: r, defaultLocale: i, allComponents: l }) {
               // 为嵌套属性预初始化
               subProperties: {}
             }
-          }, s = {
+          }, c = {
             ...e,
             subProperties: {
-              ...y,
-              [v]: o
+              ...b,
+              [g]: n
             }
           };
-          r == null || r(s, { forceUpdateProperty: !0 }), P();
-        } catch (y) {
-          console.error("Error adding property:", y);
+          t == null || t(c, { forceUpdateProperty: !0 }), P();
+        } catch (b) {
+          console.error("Error adding property:", b);
         }
       },
       sx: {
-        "&": We(g, {
+        "&": Be(w, {
           // borderLeft: undefined,
         })
       },
-      children: p("maker.properties.addSubProperty")
+      children: f("maker.properties.addSubProperty")
     })
   ] });
 }
-function $({ component: e, property: r, value: i, onChange: l, valueImmutable: p, defaultLocale: b, allComponents: a, ...g }) {
-  var s, n, d, h, w;
-  const { locale: P } = D(), y = St(), v = J(null), x = () => {
-    var m;
-    const c = (m = y == null ? void 0 : y.current) == null ? void 0 : m.getUploader();
-    c == null || c.open(), v.current && c.onceUploadSuccess(({ response: u }) => {
-      var I, f;
-      let k = ((I = u == null ? void 0 : u.data) == null ? void 0 : I.filename) || "";
-      k && (k = `mediakit://${k}`, i && !i.includes("mediakit://") && (k += " # please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address")), (f = v.current) == null || f.call(v, k);
+function L({ component: e, property: t, value: i, onChange: l, valueImmutable: f, defaultLocale: v, allComponents: p, ...w }) {
+  var c, s, u, d, k;
+  const { locale: P } = V(), b = Or(), g = H(null), x = () => {
+    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 }) => {
+      var I, a;
+      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);
     });
-  }, o = g.label ?? (((n = (s = r.locales) == null ? void 0 : s[P]) == null ? void 0 : n.name) || ((h = (d = r.locales) == null ? void 0 : d[b]) == null ? void 0 : h.name) || r.key || r.id);
-  if (r.type === "number")
-    return /* @__PURE__ */ t(yr, {
-      ...g,
-      label: o,
+  }, 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);
+  if (t.type === "number")
+    return /* @__PURE__ */ r(wt, {
+      ...w,
+      label: n,
       NumberProps: {
         value: ["number", "string"].includes(typeof i) ? i : null,
-        onChange: (c, m) => l == null ? void 0 : l(m)
+        onChange: (o, h) => l == null ? void 0 : l(h)
       }
     });
-  if (r.type === "decimal")
-    return /* @__PURE__ */ t(N, {
-      ...g,
-      label: o,
+  if (t.type === "decimal")
+    return /* @__PURE__ */ r(R, {
+      ...w,
+      label: n,
       type: "text",
       value: i ?? "",
-      onChange: (c) => {
-        const m = c.target.value;
-        if (m === "" || m === "-") {
-          l == null || l(m);
+      onChange: (o) => {
+        const h = o.target.value;
+        if (h === "" || h === "-") {
+          l == null || l(h);
           return;
         }
-        if (/^-?(?!.*\..*\.)[0-9]*(\.[0-9]{0,9})?$/.test(m)) {
-          let k = m;
-          /^-?[1-9]+[0-9]*(\.[0-9]{1,9})?$/.test(k) && (k = Number(k)), l == null || l(k);
+        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);
         }
       }
     });
-  if (r.type === "boolean")
-    return /* @__PURE__ */ t(pt, {
-      label: o,
+  if (t.type === "boolean")
+    return /* @__PURE__ */ r(Ge, {
+      label: n,
       labelPlacement: "start",
-      control: /* @__PURE__ */ t(mt, { checked: i === !0, onChange: (c, m) => l == null ? void 0 : l(m) })
+      control: /* @__PURE__ */ r(vr, { checked: i === !0, onChange: (o, h) => l == null ? void 0 : l(h) })
     });
-  if (r.type === "color")
-    return /* @__PURE__ */ t(ir, {
-      label: o,
+  if (t.type === "color")
+    return /* @__PURE__ */ r(ot, {
+      label: n,
       value: i,
-      onChange: (c) => {
-        l == null || l(c);
+      onChange: (o) => {
+        l == null || l(o);
       }
     });
-  if (r.type === "json" || r.type === "yaml")
-    return /* @__PURE__ */ t(lr, {
-      label: o,
+  if (t.type === "json" || t.type === "yaml")
+    return /* @__PURE__ */ r(st, {
+      label: n,
       value: i,
-      onChange: (c) => {
-        l == null || l(c);
+      onChange: (o) => {
+        l == null || l(o);
       },
-      property: r,
+      property: t,
       component: e,
-      defaultLocale: b,
-      allComponents: a,
-      PropertyValueField: $,
-      onUpload: (c) => {
-        v.current = c, x();
+      defaultLocale: v,
+      allComponents: p,
+      PropertyValueField: L,
+      onUpload: (o) => {
+        g.current = o, x();
       }
     });
-  if (r.type === "custom") {
-    const c = (w = a[r.componentId]) == null ? void 0 : w.data;
-    return c ? /* @__PURE__ */ t(j, { width: "100%", children: /* @__PURE__ */ t(qe, {
-      componentId: c.id,
-      props: { label: o, value: i, onChange: l },
+  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 },
       locale: P,
       dev: {
         mode: "draft",
-        components: a,
-        defaultLocale: b
+        components: p,
+        defaultLocale: v
       }
-    }) }) : /* @__PURE__ */ t(N, { ...g, label: o, disabled: !0, placeholder: "Click right button select a component" });
+    }) }) : /* @__PURE__ */ r(R, { ...w, label: n, disabled: !0, placeholder: "Click right button select a component" });
   }
-  if (r.type === "component")
-    return /* @__PURE__ */ O(R, { width: "100%", direction: "column", gap: 1, children: [
-      /* @__PURE__ */ t(Ie, {
-        allComponents: a,
-        label: o,
+  if (t.type === "component")
+    return /* @__PURE__ */ O(j, { width: "100%", direction: "column", gap: 1, children: [
+      /* @__PURE__ */ r(Oe, {
+        allComponents: p,
+        label: n,
         value: i == null ? void 0 : i.componentId,
-        onChange: (c, m) => {
-          p || !i ? l == null || l({ ...i && JSON.parse(JSON.stringify(i)), componentId: m }) : typeof i == "object" && (i.componentId = m, l == null || l({ ...i && JSON.parse(JSON.stringify(i)), componentId: m }));
+        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 }));
         }
       }),
-      (i == null ? void 0 : i.componentId) && /* @__PURE__ */ t(hr, {
+      (i == null ? void 0 : i.componentId) && /* @__PURE__ */ r(Pt, {
         value: i,
-        valueImmutable: p,
+        valueImmutable: f,
         onChange: l,
-        defaultLocale: b,
-        allComponents: a
+        defaultLocale: v,
+        allComponents: p
       })
     ] });
-  if (!r.type || ["string", "url", "multiline"].includes(r.type)) {
-    let c = r.type === "string" ? r.multiline : void 0;
-    r.type === "multiline" && (c = !0);
-    const m = r.type === "url" ? i == null ? void 0 : i.url : i;
-    return /* @__PURE__ */ t(N, {
-      ...g,
-      label: o,
-      value: typeof m == "string" ? m : "",
-      multiline: c,
-      minRows: c ? 2 : void 0,
-      maxRows: c ? 10 : void 0,
-      onChange: (u) => l == null ? void 0 : l(r.type === "url" ? { ...i, url: u.target.value, mediaKitUrl: u.target.value } : u.target.value),
-      InputProps: r.type === "url" ? {
+  if (!t.type || ["string", "url", "multiline"].includes(t.type)) {
+    let o = t.type === "string" ? t.multiline : void 0;
+    t.type === "multiline" && (o = !0);
+    const h = t.type === "url" ? i == null ? void 0 : i.url : i;
+    return /* @__PURE__ */ r(R, {
+      ...w,
+      label: n,
+      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),
+      InputProps: t.type === "url" ? {
         sx: {
           pr: 0
         },
-        endAdornment: /* @__PURE__ */ O(we, { position: "end", children: [
-          /* @__PURE__ */ t(Ye, {
-            onChange: async ({ response: u }) => {
-              var S, z, V;
-              const k = ((S = u == null ? void 0 : u.data) == null ? void 0 : S.url) || ((z = u == null ? void 0 : u.data) == null ? void 0 : z.fileUrl);
+        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;
-              k && (I = await It(k).catch(() => Ot(k)).catch(() => {
+              y && (I = await Cr(y).catch(() => Nr(y)).catch(() => {
               }));
-              let f = ((V = u == null ? void 0 : u.data) == null ? void 0 : V.filename) || "";
-              f && (f = `mediakit://${f}`), l == null || l({
-                url: k,
-                mediaKitUrl: f,
+              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__ */ t(G, { 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__ */ t(Qe, { sx: { cursor: "default", mr: 1 }, fontSize: "small" }) })
+          /* @__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 r.type === "array" ? /* @__PURE__ */ t(rr, {
-    label: o,
+  return t.type === "array" ? /* @__PURE__ */ r(nt, {
+    label: n,
     value: Array.isArray(i) ? i : [],
-    onChange: (c) => l == null ? void 0 : l(c),
-    property: r,
-    renderItem: ({ item: c, index: m, onChange: u }) => r.subProperties && Object.keys(r.subProperties).length > 0 ? /* @__PURE__ */ t(R, { gap: 1, width: "100%", children: A(Object.values(r.subProperties), "index").filter((k) => k.data.visible !== !1).map(({ data: k }) => k.key ? /* @__PURE__ */ t($, {
+    onChange: (o) => l == null ? void 0 : l(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,
-      property: k,
-      value: c[k.key],
+      property: y,
+      value: o[y.key],
       onChange: (I) => {
-        const f = { ...c, [k.key]: I };
-        u(f);
+        const a = { ...o, [y.key]: I };
+        m(a);
       },
       size: "small",
       fullWidth: !0,
-      defaultLocale: b,
-      allComponents: a
-    }, k.id) : null) }, m) : /* @__PURE__ */ t(N, { size: g.size, fullWidth: !0, value: c, onChange: (k) => u(k.target.value) })
-  }) : (console.error("Unsupported property type", r.type), null);
+      defaultLocale: v,
+      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 yr({ NumberProps: e, ...r }) {
-  const { getInputProps: i } = Nt(e), l = i();
-  return /* @__PURE__ */ t(N, { ...r, inputProps: l });
+function wt({ NumberProps: e, ...t }) {
+  const { getInputProps: i } = Er(e), l = i();
+  return /* @__PURE__ */ r(R, { ...t, inputProps: l });
 }
-const vr = `import React from '@blocklet/pages-kit/builtin/react'
+const St = `import React from '@blocklet/pages-kit/builtin/react'
 import { Box } from '@blocklet/pages-kit/builtin/mui/material'
 
 export default function () {
@@ -1536,184 +1782,184 @@ export default function () {
       Hello World
     </Box>
   )
-}`, xr = `console.log('hello')
+}`, It = `console.log('hello')
 `;
-function gr({ value: e }) {
-  const { locale: r } = D(), i = _e(), l = te(e).doc;
-  return M(() => {
-    var p;
-    (p = e.renderer) != null && p.script || (l.transact(() => {
-      e.renderer.script = e.renderer.type === "react-component" ? vr : xr;
+function Ot({ value: e }) {
+  const { locale: t } = V(), i = Ye(), l = ne(e).doc;
+  return _(() => {
+    var f;
+    (f = e.renderer) != null && f.script || (l.transact(() => {
+      e.renderer.script = e.renderer.type === "react-component" ? St : It;
     }), i());
-  }, [e]), /* @__PURE__ */ t(j, { sx: { border: 1, borderColor: "divider", borderRadius: 1, overflow: "hidden" }, children: /* @__PURE__ */ t(ge, {
+  }, [e]), /* @__PURE__ */ r(N, { sx: { border: 1, borderColor: "divider", borderRadius: 1, overflow: "hidden" }, children: /* @__PURE__ */ r(ke, {
     keyId: e.id,
-    locale: r,
+    locale: t,
     language: "typescript",
     value: e.renderer.script || "",
-    onChange: (p) => e.renderer.script = p,
+    onChange: (f) => e.renderer.script = f,
     typeScriptNoValidation: !1,
     fullScreenOptions: {
       enableEscExit: !0
     }
   }, e.id) });
 }
-function wr({ value: e }) {
-  var v, x, o;
-  const { t: r } = D(), i = te(e).doc, { state: { components: l, config: { defaultLocale: p }, resources: b }, localState: { currentLocale: a } } = ce(), g = xe(), P = ((v = l[e.renderer.componentId]) == null ? void 0 : v.data) ?? ((o = (x = b.components) == null ? void 0 : x[e.renderer.componentId]) == null ? void 0 : o.component), y = ke({ variant: "dialog" });
-  return /* @__PURE__ */ t(ue, { children: /* @__PURE__ */ O(R, { gap: 1, children: [
-    /* @__PURE__ */ t(Ie, {
-      allComponents: g,
+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" });
+  return /* @__PURE__ */ r(me, { children: /* @__PURE__ */ O(j, { gap: 1, children: [
+    /* @__PURE__ */ r(Oe, {
+      allComponents: w,
       excludes: [e.id],
       value: e.renderer.componentId,
-      onChange: (s, n) => e.renderer.componentId = n
+      onChange: (c, s) => e.renderer.componentId = s
     }),
-    P && /* @__PURE__ */ O(Z, { children: [
-      /* @__PURE__ */ O(R, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
-        /* @__PURE__ */ t(B, { variant: "subtitle2", children: r("parameters") }),
-        /* @__PURE__ */ t(E, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Se(y), children: /* @__PURE__ */ t(Le, { fontSize: "small" }) })
+    P && /* @__PURE__ */ O(q, { children: [
+      /* @__PURE__ */ O(j, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ r(W, { variant: "subtitle2", children: t("parameters") }),
+        /* @__PURE__ */ r(A, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Ie(b), children: /* @__PURE__ */ r(Ze, { fontSize: "small" }) })
       ] }),
-      P.properties && A(Object.values(P.properties), "index").map(({ data: s }) => {
-        var n, d, h, w, c, m, u, k, I, f, S, z, V, T, U, W;
-        return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t($, {
-          allComponents: g,
-          defaultLocale: p,
+      P.properties && U(Object.values(P.properties), "index").map(({ data: c }) => {
+        var s, u, d, k, o, h, m, y, I, a, S, C, z, E, T, B;
+        return /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(L, {
+          allComponents: w,
+          defaultLocale: f,
           component: P,
-          property: s,
+          property: c,
           fullWidth: !0,
           size: "small",
-          valueImmutable: se((w = (h = (d = (n = e.renderer.properties) == null ? void 0 : n[s.id]) == null ? void 0 : d.locales) == null ? void 0 : h[a]) == null ? void 0 : w.value),
-          value: ((k = (u = (m = (c = e.renderer.properties) == null ? void 0 : c[s.id]) == null ? void 0 : m.locales) == null ? void 0 : u[a]) == null ? void 0 : k.value) ?? ((z = (S = (f = (I = e.renderer.properties) == null ? void 0 : I[s.id]) == null ? void 0 : f.locales) == null ? void 0 : S[p]) == null ? void 0 : z.value) ?? ((T = (V = s.locales) == null ? void 0 : V[a]) == null ? void 0 : T.defaultValue) ?? ((W = (U = s.locales) == null ? void 0 : U[p]) == null ? void 0 : W.defaultValue),
-          onChange: (re) => {
+          valueImmutable: ue((k = (d = (u = (s = e.renderer.properties) == null ? void 0 : s[c.id]) == null ? void 0 : u.locales) == null ? void 0 : d[p]) == null ? void 0 : k.value),
+          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 _, H, Y, q, L;
-              (_ = e.renderer).properties ?? (_.properties = {}), (H = e.renderer.properties)[Y = s.id] ?? (H[Y] = {}), (q = e.renderer.properties[s.id]).locales ?? (q.locales = {}), (L = e.renderer.properties[s.id].locales)[a] ?? (L[a] = {}), e.renderer.properties[s.id].locales[a].value = re;
+              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;
             });
           }
-        }) }, s.id);
+        }) }, c.id);
       }),
-      /* @__PURE__ */ t(it, { ...Ze(y), component: e, type: "parameters" })
+      /* @__PURE__ */ r(cr, { ...ir(b), component: e, type: "parameters" })
     ] })
   ] }) });
 }
-function Ie({ label: e, options: r, excludes: i, value: l, onChange: p, allComponents: b, ...a }) {
-  var v;
-  const { t: g } = D(), P = r ?? A(Object.values(Ht(b, ...i ?? [])), "index").map((x) => x.data), y = (typeof l == "string" ? (v = b[l]) == null ? void 0 : v.data : void 0) ?? null;
-  return /* @__PURE__ */ t($e, {
-    ...a,
+function Oe({ label: e, options: t, excludes: i, value: l, onChange: f, allComponents: v, ...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;
+  return /* @__PURE__ */ r(Le, {
+    ...p,
     size: "small",
     options: P,
     autoHighlight: !0,
-    isOptionEqualToValue: (x, o) => x.id === o.id,
+    isOptionEqualToValue: (x, n) => x.id === n.id,
     getOptionKey: (x) => x.id,
     getOptionLabel: (x) => x.name || x.id,
-    renderInput: (x) => /* @__PURE__ */ t(N, { label: e || g("component"), ...x }),
-    value: y,
-    onChange: (x, o) => {
-      var n, d, h, w, c, m;
-      let s = {};
-      o && (s = {
-        blockletId: (n = b[o == null ? void 0 : o.id]) == null ? void 0 : n.blockletId,
-        blockletTitle: (d = b[o == null ? void 0 : o.id]) == null ? void 0 : d.blockletTitle,
-        componentName: ((w = (h = b[o == null ? void 0 : o.id]) == null ? void 0 : h.data) == null ? void 0 : w.name) || ((m = (c = b[o == null ? void 0 : o.id]) == null ? void 0 : c.data) == null ? void 0 : m.id)
-      }), p == null || p(x, o == null ? void 0 : o.id, s);
+    renderInput: (x) => /* @__PURE__ */ r(R, { label: e || w("component"), ...x }),
+    value: b,
+    onChange: (x, n) => {
+      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);
     }
   });
 }
-function lt({ config: e, allComponents: r, defaultLocale: i, propertiesValue: l, currentLocale: p, onChange: b, props: a }) {
-  const { t: g } = D(), [P, y] = X(e == null ? void 0 : e.properties), [v, x] = X(null);
-  M(() => {
+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);
+  _(() => {
     (() => {
-      var w, c;
-      ((w = e == null ? void 0 : e.renderer) == null ? void 0 : w.type) === "react-component" && Pe(e == null ? void 0 : e.properties) ? Rt((c = e == null ? void 0 : e.renderer) == null ? void 0 : c.script).then((m) => {
-        const u = zt(m);
-        y(u);
-      }) : y(e == null ? void 0 : e.properties);
+      var k, o;
+      ((k = e == null ? void 0 : e.renderer) == null ? void 0 : k.type) === "react-component" && J(e == null ? void 0 : e.properties) ? zr((o = e == null ? void 0 : e.renderer) == null ? void 0 : o.script).then((h) => {
+        const m = Rr(h);
+        b(m);
+      }) : b(e == null ? void 0 : e.properties);
     })();
   }, [JSON.stringify(e)]);
-  const o = C(() => !e || !P ? {} : Object.values(P).reduce((h, { data: w }) => {
-    var m, u, k, I, f;
-    const c = w.key || w.id;
-    return h[w.id] = {
-      key: c,
-      value: (a == null ? void 0 : a[c]) ?? ((m = l == null ? void 0 : l[w.id]) == null ? void 0 : m.value) ?? ((k = (u = w.locales) == null ? void 0 : u[p]) == null ? void 0 : k.defaultValue) ?? ((f = (I = w.locales) == null ? void 0 : I[i]) == null ? void 0 : f.defaultValue),
-      id: w.id,
-      type: w.type
-    }, h;
-  }, {}), [JSON.stringify(P), e, l, p, i]), s = Q(() => {
+  const n = 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),
+      id: k.id,
+      type: k.type
+    }, d;
+  }, {}), [JSON.stringify(P), e, l, f, i]), c = re(() => {
     if (!P)
       return {
         canUseProperties: [],
         visibleProperties: [],
         canUsePropertiesKeys: []
       };
-    const h = A(Object.values(P), "index"), w = h.filter(({ data: u }) => u.key && ye(P, u.id)), c = h.filter(({ data: u }) => u.key && u.type !== "component"), m = c.map(({ data: u }) => u.key);
+    const d = U(Object.values(P), "index"), k = d.filter(({ data: m }) => m.key && xe(P, m.id)), o = d.filter(({ data: m }) => m.key && m.type !== "component"), h = o.map(({ data: m }) => m.key);
     return {
-      canUseProperties: c,
-      visibleProperties: w,
-      canUsePropertiesKeys: m
+      canUseProperties: o,
+      visibleProperties: k,
+      canUsePropertiesKeys: h
     };
-  }, [JSON.stringify(P)]), n = o(), d = _t(n, "key");
-  return /* @__PURE__ */ t(ue, { children: /* @__PURE__ */ O(R, { gap: 2, children: [
-    /* @__PURE__ */ t(B, { variant: "subtitle1", children: g("maker.properties.parameters") }),
-    !e || s.canUsePropertiesKeys.length === 0 ? /* @__PURE__ */ t(de, { style: { fontSize: 12 }, children: g("maker.properties.noParameters") }) : /* @__PURE__ */ O(Z, { children: [
-      /* @__PURE__ */ t(R, { gap: 2, children: s.visibleProperties.map(({ data: h }) => {
-        var w, c;
-        return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t($, {
-          allComponents: r,
+  }, [JSON.stringify(P)]), s = n(), 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: [
+      /* @__PURE__ */ r(j, { gap: 2, children: c.visibleProperties.map(({ data: d }) => {
+        var k, o;
+        return /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(L, {
+          allComponents: t,
           defaultLocale: i,
           size: "small",
           fullWidth: !0,
           component: e,
-          property: h,
-          valueImmutable: se((w = l == null ? void 0 : l[h.id]) == null ? void 0 : w.value),
-          value: (a == null ? void 0 : a[h.key || h.id]) ?? ((c = n[h.id]) == null ? void 0 : c.value),
-          onChange: (m) => {
-            b({
-              path: ["properties", h.id],
-              id: h.id,
-              value: { value: m },
-              shouldSync: Ue(h),
+          property: d,
+          valueImmutable: ue((k = l == null ? void 0 : l[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({
+              path: ["properties", d.id],
+              id: d.id,
+              value: { value: h },
+              shouldSync: Ue(d),
               excludeKeys: [],
-              key: h.key || h.id
+              key: d.key || d.id
             });
           }
-        }) }, h.id);
+        }) }, d.id);
       }) }),
-      /* @__PURE__ */ t(R, { gap: 2, sx: { width: "100%" }, children: /* @__PURE__ */ t(qe, {
+      /* @__PURE__ */ r(j, { gap: 2, sx: { width: "100%" }, children: /* @__PURE__ */ r(Xe, {
         componentId: (e == null ? void 0 : e.id) || "",
         renderType: "setting",
-        locale: p,
-        properties: n,
-        dev: { mode: "draft", components: r, defaultLocale: i },
+        locale: f,
+        properties: s,
+        dev: { mode: "draft", components: t, defaultLocale: i },
         props: {
-          ...Yt(a ?? {}, s.canUsePropertiesKeys),
-          onChange: (h) => {
-            const { canUsePropertiesKeys: w } = s;
-            Object.keys(h).filter((m) => {
-              var u;
-              return !Mt(h[m], (u = d == null ? void 0 : d[m]) == null ? void 0 : u.value);
-            }).filter((m) => {
-              var u, k, I, f;
-              return !(m === "locale" && !Jt(d[m], "locale") || ((u = d[m]) == null ? void 0 : u.type) === "component" || (((k = d[m]) == null ? void 0 : k.type) === "yaml" || ((I = d[m]) == null ? void 0 : I.type) === "json") && ye(P, (f = d[m]) == null ? void 0 : f.id));
-            }).reduce((m, u) => m.then(() => {
-              const k = d[u], I = w.includes(u);
-              if (k != null && k.id && I)
-                return b({
-                  path: ["properties", k.id],
-                  id: k.id,
-                  value: { value: h[u] },
-                  shouldSync: Ue(k),
+          ...qr(p ?? {}, c.canUsePropertiesKeys),
+          onChange: (d) => {
+            const { canUsePropertiesKeys: k } = c;
+            Object.keys(d).filter((h) => {
+              var m;
+              return !Hr(d[h], (m = u == null ? void 0 : u[h]) == null ? void 0 : m.value);
+            }).filter((h) => {
+              var m, y, I, a;
+              return !(h === "locale" && !$r(u[h], "locale") || ((m = u[h]) == null ? void 0 : m.type) === "component" || (((y = u[h]) == null ? void 0 : y.type) === "yaml" || ((I = u[h]) == null ? void 0 : I.type) === "json") && xe(P, (a = u[h]) == null ? void 0 : a.id));
+            }).reduce((h, m) => h.then(() => {
+              const y = u[m], I = k.includes(m);
+              if (y != null && y.id && I)
+                return v({
+                  path: ["properties", y.id],
+                  id: y.id,
+                  value: { value: d[m] },
+                  shouldSync: Ue(y),
                   excludeKeys: [],
-                  key: k.key || k.id
+                  key: y.key || y.id
                 }), Promise.resolve();
-              const f = `propertyNotFound${u}`;
-              if (v === f)
+              const a = `propertyNotFound${m}`;
+              if (g === a)
                 return Promise.resolve();
-              he.close(v);
-              const S = he.warning(g("maker.properties.propertyNotFound", {
-                key: u
+              ye.close(g);
+              const S = ye.warning(w("maker.properties.propertyNotFound", {
+                key: m
               }), {
-                key: f
+                key: a
               });
               return x(S), Promise.resolve();
             }), Promise.resolve());
@@ -1723,13 +1969,31 @@ function lt({ config: e, allComponents: r, 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;
+  };
+  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,
+      component: e,
+      initialConfig: e.llmConfig,
+      locale: i,
+      defaultLocale: l,
+      title: t("maker.properties.llmConfigTitle")
+    })
+  ] });
+}
 export {
-  ur as BasicInfo,
-  Ie as CustomComponentAutocomplete,
-  ci as CustomComponentSettings,
-  vr as DefaultReactComponentScriptTemplate,
-  xr as DefaultWebComponentScriptTemplate,
-  lt as ParametersConfig,
-  mr as PropertiesConfig,
-  $ as PropertyValueField
+  yt as BasicInfo,
+  Oe as CustomComponentAutocomplete,
+  hi as CustomComponentSettings,
+  St as DefaultReactComponentScriptTemplate,
+  It as DefaultWebComponentScriptTemplate,
+  dr as ParametersConfig,
+  xt as PropertiesConfig,
+  L as PropertyValueField
 };