@blocklet/pages-kit-inner-components 0.5.55 → 0.6.0

package/lib/es/setting.js

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