@cundi/refine-xaf 1.0.3 → 1.0.5

package/dist/index.js

@@ -39,6 +39,7 @@ __export(index_exports, {
   Base64Upload: () => Base64Upload,
   ColorModeContext: () => ColorModeContext,
   ColorModeContextProvider: () => ColorModeContextProvider,
+  DrawioEditor: () => DrawioEditor,
   Header: () => Header,
   HttpError: () => HttpError,
   KeycloakLoginPage: () => KeycloakLoginPage,
@@ -60,6 +61,7 @@ __export(index_exports, {
   httpClient: () => httpClient,
   keycloakService: () => keycloakService,
   parseJwt: () => parseJwt,
+  refineXafTranslations: () => refineXafTranslations,
   useColorMode: () => useColorMode,
   useModelTypes: () => useModelTypes,
   validatePasswordStrength: () => validatePasswordStrength
@@ -785,6 +787,210 @@ var validatePasswordStrength = (password) => {
   return { isValid: true, message: "Password is strong" };
 };
 
+// src/i18n/index.ts
+var en = {
+  pages: {
+    login: {
+      title: "Sign in to your account",
+      buttons: {
+        submit: "Sign in"
+      }
+    }
+  },
+  buttons: {
+    create: "Create",
+    edit: "Edit",
+    delete: "Delete",
+    save: "Save",
+    cancel: "Cancel",
+    refresh: "Refresh",
+    list: "List",
+    logout: "Logout"
+  },
+  actions: {
+    create: "Create",
+    edit: "Edit",
+    show: "Show",
+    list: "List",
+    delete: "Delete"
+  },
+  components: {
+    header: {
+      theme: {
+        light: "Light Mode",
+        dark: "Dark Mode"
+      },
+      language: {
+        en: "English",
+        "zh-TW": "Traditional Chinese"
+      },
+      menu: {
+        changePhoto: "Change Photo",
+        manageAccount: "Manage Account in Keycloak",
+        changePassword: "Change Password",
+        logout: "Logout"
+      }
+    },
+    base64Upload: {
+      upload: "Upload"
+    },
+    relatedList: {
+      addDetail: "Add Detail",
+      actions: "Actions",
+      manageDetail: "Manage Detail",
+      deleteConfirm: "Are you sure you want to delete this detail?"
+    },
+    smartList: {
+      search: "Search...",
+      refresh: "Refresh",
+      columns: "Columns",
+      selectColumns: "Select Columns",
+      reset: "Reset"
+    },
+    tiptapEditor: {
+      placeholder: "Write something...",
+      textColor: "Text Color",
+      highlight: "Highlight",
+      insertTable: "Insert Table",
+      deleteTable: "Delete Table",
+      emoji: "Emoji",
+      addRowBefore: "Add Row Before",
+      addRowAfter: "Add Row After",
+      deleteRow: "Delete Row",
+      addColumnBefore: "Add Column Before",
+      addColumnAfter: "Add Column After",
+      deleteColumn: "Delete Column",
+      math: "Math (LaTeX)",
+      youtube: "YouTube",
+      enterYoutubeUrl: "Enter YouTube URL"
+    },
+    drawioEditor: {
+      loading: "Loading diagram editor..."
+    }
+  },
+  common: {
+    actions: {
+      create: "Create",
+      edit: "Edit",
+      delete: "Delete",
+      save: "Save",
+      cancel: "Cancel"
+    }
+  },
+  sider: {
+    dashboard: "Dashboard",
+    dataTypeExamples: "Data Type Examples",
+    tiptapExamples: "Tiptap Examples",
+    drawioExamples: "Drawio Examples",
+    users: "Users",
+    roles: "Roles",
+    settings: "Settings"
+  }
+};
+var zhTW = {
+  pages: {
+    login: {
+      title: "\u767B\u5165\u60A8\u7684\u5E33\u6236",
+      buttons: {
+        submit: "\u767B\u5165"
+      }
+    }
+  },
+  buttons: {
+    create: "\u65B0\u589E",
+    edit: "\u7DE8\u8F2F",
+    delete: "\u522A\u9664",
+    save: "\u5132\u5B58",
+    cancel: "\u53D6\u6D88",
+    refresh: "\u91CD\u65B0\u6574\u7406",
+    list: "\u5217\u8868",
+    logout: "\u767B\u51FA"
+  },
+  actions: {
+    create: "\u65B0\u589E",
+    edit: "\u7DE8\u8F2F",
+    show: "\u986F\u793A",
+    list: "\u5217\u8868",
+    delete: "\u522A\u9664"
+  },
+  components: {
+    header: {
+      theme: {
+        light: "\u5207\u63DB\u70BA\u4EAE\u8272\u6A21\u5F0F",
+        dark: "\u5207\u63DB\u70BA\u6697\u8272\u6A21\u5F0F"
+      },
+      language: {
+        en: "English",
+        "zh-TW": "\u7E41\u9AD4\u4E2D\u6587"
+      },
+      menu: {
+        changePhoto: "\u66F4\u63DB\u982D\u50CF",
+        manageAccount: "\u5728 Keycloak \u7BA1\u7406\u5E33\u865F",
+        changePassword: "\u8B8A\u66F4\u5BC6\u78BC",
+        logout: "\u767B\u51FA"
+      }
+    },
+    base64Upload: {
+      upload: "\u4E0A\u50B3"
+    },
+    relatedList: {
+      addDetail: "\u65B0\u589E\u660E\u7D30",
+      actions: "\u64CD\u4F5C",
+      manageDetail: "\u7BA1\u7406\u660E\u7D30",
+      deleteConfirm: "\u60A8\u78BA\u5B9A\u8981\u522A\u9664\u6B64\u9805\u76EE\u55CE\uFF1F"
+    },
+    smartList: {
+      search: "\u641C\u5C0B...",
+      refresh: "\u91CD\u65B0\u6574\u7406",
+      columns: "\u6B04\u4F4D",
+      selectColumns: "\u9078\u64C7\u6B04\u4F4D",
+      reset: "\u91CD\u7F6E"
+    },
+    tiptapEditor: {
+      placeholder: "\u8F38\u5165\u5167\u5BB9...",
+      textColor: "\u6587\u5B57\u984F\u8272",
+      highlight: "\u87A2\u5149\u7B46",
+      insertTable: "\u63D2\u5165\u8868\u683C",
+      deleteTable: "\u522A\u9664\u8868\u683C",
+      emoji: "\u8868\u60C5\u7B26\u865F",
+      addRowBefore: "\u5728\u4E0A\u65B9\u63D2\u5165\u5217",
+      addRowAfter: "\u5728\u4E0B\u65B9\u63D2\u5165\u5217",
+      deleteRow: "\u522A\u9664\u5217",
+      addColumnBefore: "\u5728\u5DE6\u65B9\u63D2\u5165\u6B04",
+      addColumnAfter: "\u5728\u53F3\u65B9\u63D2\u5165\u6B04",
+      deleteColumn: "\u522A\u9664\u6B04",
+      math: "\u6578\u5B78\u516C\u5F0F (LaTeX)",
+      youtube: "YouTube \u5F71\u7247",
+      enterYoutubeUrl: "\u8F38\u5165 YouTube \u7DB2\u5740"
+    },
+    drawioEditor: {
+      loading: "\u8F09\u5165\u5716\u8868\u7DE8\u8F2F\u5668\u4E2D..."
+    }
+  },
+  common: {
+    actions: {
+      create: "\u65B0\u589E",
+      edit: "\u7DE8\u8F2F",
+      delete: "\u522A\u9664",
+      save: "\u5132\u5B58",
+      cancel: "\u53D6\u6D88"
+    }
+  },
+  sider: {
+    dashboard: "\u5100\u8868\u677F",
+    dataTypeExamples: "\u8CC7\u6599\u985E\u578B\u7BC4\u4F8B",
+    tiptapExamples: "Tiptap \u7BC4\u4F8B",
+    drawioExamples: "Drawio \u7BC4\u4F8B",
+    users: "\u4F7F\u7528\u8005",
+    roles: "\u89D2\u8272",
+    settings: "\u8A2D\u5B9A"
+  }
+};
+var refineXafTranslations = {
+  en,
+  "zh-TW": zhTW
+};
+
 // src/components/Header.tsx
 var import_react3 = __toESM(require("react"));
 var import_core = require("@refinedev/core");
@@ -851,7 +1057,9 @@ var useColorMode = () => {
 // src/components/Base64Upload.tsx
 var import_react2 = __toESM(require("react"));
 var import_lib2 = require("antd/lib");
+var import_react_i18next = require("react-i18next");
 var Base64Upload = ({ value, onChange }) => {
+  const { t } = (0, import_react_i18next.useTranslation)();
   return /* @__PURE__ */ import_react2.default.createElement(
     import_lib2.Upload,
     {
@@ -869,11 +1077,12 @@ var Base64Upload = ({ value, onChange }) => {
         return false;
       }
     },
-    value ? /* @__PURE__ */ import_react2.default.createElement("img", { src: `data:image/png;base64,${value}`, alt: "avatar", style: { width: "100%" } }) : /* @__PURE__ */ import_react2.default.createElement("div", null, /* @__PURE__ */ import_react2.default.createElement("div", { style: { marginTop: 8 } }, "Upload"))
+    value ? /* @__PURE__ */ import_react2.default.createElement("img", { src: `data:image/png;base64,${value}`, alt: "avatar", style: { width: "100%" } }) : /* @__PURE__ */ import_react2.default.createElement("div", null, /* @__PURE__ */ import_react2.default.createElement("div", { style: { marginTop: 8 } }, t("components.base64Upload.upload", "Upload")))
   );
 };
 
 // src/components/Header.tsx
+var import_react_i18next2 = require("react-i18next");
 var import_meta3 = {};
 var { Text } = import_lib3.Typography;
 var { useToken } = import_lib3.theme;
@@ -884,6 +1093,11 @@ var Header = () => {
   const { mode, setMode } = useColorMode();
   const { token } = useToken();
   const invalidate = (0, import_core.useInvalidate)();
+  const { t: translate, i18n } = (0, import_react_i18next2.useTranslation)();
+  const currentLocale = i18n.language;
+  const handleLanguageChange = (lang) => {
+    i18n.changeLanguage(lang);
+  };
   const [authProvider2, setAuthProvider] = (0, import_react3.useState)(null);
   (0, import_react3.useEffect)(() => {
     if (user) {
@@ -954,7 +1168,7 @@ var Header = () => {
     },
     {
       key: "change-photo",
-      label: "Change Photo",
+      label: translate("components.header.menu.changePhoto", "Change Photo"),
       icon: /* @__PURE__ */ import_react3.default.createElement(import_icons.CameraOutlined, null),
       onClick: () => {
         photoForm.setFieldsValue({ Photo: user?.avatar?.replace("data:image/png;base64,", "") });
@@ -963,7 +1177,7 @@ var Header = () => {
     },
     {
       key: "change-password",
-      label: authProvider2 === "keycloak" ? "Manage Account in Keycloak" : "Change Password",
+      label: authProvider2 === "keycloak" ? translate("components.header.menu.manageAccount", "Manage Account in Keycloak") : translate("components.header.menu.changePassword", "Change Password"),
       icon: /* @__PURE__ */ import_react3.default.createElement(import_icons.LockOutlined, null),
       onClick: () => {
         if (authProvider2 === "keycloak") {
@@ -982,13 +1196,13 @@ var Header = () => {
     },
     {
       key: "theme",
-      label: mode === "light" ? "Dark Theme" : "Light Theme",
+      label: mode === "light" ? translate("components.header.theme.dark", "Dark Theme") : translate("components.header.theme.light", "Light Theme"),
       icon: mode === "light" ? /* @__PURE__ */ import_react3.default.createElement(import_icons.MoonOutlined, null) : /* @__PURE__ */ import_react3.default.createElement(import_icons.SunOutlined, null),
       onClick: () => setMode(mode === "light" ? "dark" : "light")
     },
     {
       key: "logout",
-      label: "Logout",
+      label: translate("components.header.menu.logout", "Logout"),
       icon: /* @__PURE__ */ import_react3.default.createElement(import_icons.LogoutOutlined, null),
       onClick: () => logout()
     }
@@ -1008,7 +1222,29 @@ var Header = () => {
         zIndex: 1
       }
     },
-    /* @__PURE__ */ import_react3.default.createElement(import_lib3.Space, null, /* @__PURE__ */ import_react3.default.createElement(import_lib3.Dropdown, { menu: { items: menuItems }, trigger: ["click"] }, /* @__PURE__ */ import_react3.default.createElement(import_lib3.Button, { type: "text", style: { height: 48 } }, /* @__PURE__ */ import_react3.default.createElement(import_lib3.Space, null, /* @__PURE__ */ import_react3.default.createElement(import_lib3.Avatar, { src: user?.avatar, alt: user?.name, icon: /* @__PURE__ */ import_react3.default.createElement(import_icons.UserOutlined, null) }), /* @__PURE__ */ import_react3.default.createElement(Text, null, user?.name), /* @__PURE__ */ import_react3.default.createElement(import_icons.DownOutlined, { style: { fontSize: 12 } }))))),
+    /* @__PURE__ */ import_react3.default.createElement(import_lib3.Space, null, /* @__PURE__ */ import_react3.default.createElement(
+      import_lib3.Dropdown,
+      {
+        menu: {
+          items: [
+            {
+              key: "en",
+              label: translate("components.header.language.en", "English"),
+              onClick: () => handleLanguageChange("en"),
+              disabled: currentLocale === "en"
+            },
+            {
+              key: "zh-TW",
+              label: translate("components.header.language.zh-TW", "\u7E41\u9AD4\u4E2D\u6587"),
+              onClick: () => handleLanguageChange("zh-TW"),
+              disabled: currentLocale === "zh-TW"
+            }
+          ]
+        },
+        trigger: ["click"]
+      },
+      /* @__PURE__ */ import_react3.default.createElement(import_lib3.Button, { type: "text", icon: /* @__PURE__ */ import_react3.default.createElement(import_icons.GlobalOutlined, null) }, currentLocale === "zh-TW" ? "\u7E41\u9AD4\u4E2D\u6587" : "English", " ", /* @__PURE__ */ import_react3.default.createElement(import_icons.DownOutlined, null))
+    ), /* @__PURE__ */ import_react3.default.createElement(import_lib3.Dropdown, { menu: { items: menuItems }, trigger: ["click"] }, /* @__PURE__ */ import_react3.default.createElement(import_lib3.Button, { type: "text", style: { height: 48 } }, /* @__PURE__ */ import_react3.default.createElement(import_lib3.Space, null, /* @__PURE__ */ import_react3.default.createElement(import_lib3.Avatar, { src: user?.avatar, alt: user?.name, icon: /* @__PURE__ */ import_react3.default.createElement(import_icons.UserOutlined, null) }), /* @__PURE__ */ import_react3.default.createElement(Text, null, user?.name), /* @__PURE__ */ import_react3.default.createElement(import_icons.DownOutlined, { style: { fontSize: 12 } }))))),
     /* @__PURE__ */ import_react3.default.createElement(
       import_lib3.Modal,
       {
@@ -1048,11 +1284,13 @@ var import_react4 = __toESM(require("react"));
 var import_antd2 = require("@refinedev/antd");
 var import_lib4 = require("antd/lib");
 var import_icons2 = require("@ant-design/icons");
+var import_react_i18next3 = require("react-i18next");
 var SmartList = ({
   children,
   resource,
   searchFields
 }) => {
+  const { t } = (0, import_react_i18next3.useTranslation)();
   const { tableProps, searchFormProps, tableQuery, setFilters } = (0, import_antd2.useTable)({
     resource,
     syncWithLocation: true,
@@ -1123,7 +1361,7 @@ var SmartList = ({
     setVisibleColumns(defaultVisible);
     localStorage.removeItem(`table-columns-${resource}`);
   };
-  const content = /* @__PURE__ */ import_react4.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "8px" } }, /* @__PURE__ */ import_react4.default.createElement("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "4px" } }, /* @__PURE__ */ import_react4.default.createElement("span", { style: { fontWeight: 500 } }, "Select Columns"), /* @__PURE__ */ import_react4.default.createElement(import_lib4.Button, { size: "small", type: "link", onClick: handleResetColumns, style: { padding: 0 } }, "Reset")), columns.filter((col) => col.dataIndex !== "actions").map((col) => /* @__PURE__ */ import_react4.default.createElement(
+  const content = /* @__PURE__ */ import_react4.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "8px" } }, /* @__PURE__ */ import_react4.default.createElement("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "4px" } }, /* @__PURE__ */ import_react4.default.createElement("span", { style: { fontWeight: 500 } }, t("components.smartList.selectColumns", "Select Columns")), /* @__PURE__ */ import_react4.default.createElement(import_lib4.Button, { size: "small", type: "link", onClick: handleResetColumns, style: { padding: 0 } }, t("components.smartList.reset", "Reset"))), columns.filter((col) => col.dataIndex !== "actions").map((col) => /* @__PURE__ */ import_react4.default.createElement(
     import_lib4.Checkbox,
     {
       key: col.key,
@@ -1144,7 +1382,7 @@ var SmartList = ({
   return /* @__PURE__ */ import_react4.default.createElement(import_antd2.List, null, /* @__PURE__ */ import_react4.default.createElement("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: 20 } }, /* @__PURE__ */ import_react4.default.createElement(import_lib4.Form, { ...searchFormProps, layout: "inline" }, /* @__PURE__ */ import_react4.default.createElement(import_lib4.Form.Item, { name: "search" }, /* @__PURE__ */ import_react4.default.createElement(
     import_lib4.Input,
     {
-      placeholder: "Search...",
+      placeholder: t("components.smartList.search", "Search..."),
       style: { width: 300 },
       allowClear: true,
       suffix: /* @__PURE__ */ import_react4.default.createElement(
@@ -1173,7 +1411,7 @@ var SmartList = ({
         }
       }
     }
-  ))), /* @__PURE__ */ import_react4.default.createElement(import_lib4.Space, null, /* @__PURE__ */ import_react4.default.createElement(import_lib4.Button, { icon: /* @__PURE__ */ import_react4.default.createElement(import_icons2.ReloadOutlined, null), onClick: () => tableQuery?.refetch() }, "Refresh"), /* @__PURE__ */ import_react4.default.createElement(import_lib4.Popover, { content, title: "Columns", trigger: "click", placement: "bottomRight" }, /* @__PURE__ */ import_react4.default.createElement(import_lib4.Button, { icon: /* @__PURE__ */ import_react4.default.createElement(import_icons2.SettingOutlined, null) }, "Columns")))), /* @__PURE__ */ import_react4.default.createElement(import_lib4.Table, { ...tableProps, rowKey: "Oid" }, filteredChildren));
+  ))), /* @__PURE__ */ import_react4.default.createElement(import_lib4.Space, null, /* @__PURE__ */ import_react4.default.createElement(import_lib4.Button, { icon: /* @__PURE__ */ import_react4.default.createElement(import_icons2.ReloadOutlined, null), onClick: () => tableQuery?.refetch() }, t("components.smartList.refresh", "Refresh")), /* @__PURE__ */ import_react4.default.createElement(import_lib4.Popover, { content, title: t("components.smartList.columns", "Columns"), trigger: "click", placement: "bottomRight" }, /* @__PURE__ */ import_react4.default.createElement(import_lib4.Button, { icon: /* @__PURE__ */ import_react4.default.createElement(import_icons2.SettingOutlined, null) }, t("components.smartList.columns", "Columns"))))), /* @__PURE__ */ import_react4.default.createElement(import_lib4.Table, { ...tableProps, rowKey: "Oid" }, filteredChildren));
 };
 
 // src/components/RelatedList.tsx
@@ -1182,6 +1420,7 @@ var import_lib5 = require("antd/lib");
 var import_icons3 = require("@ant-design/icons");
 var import_antd3 = require("@refinedev/antd");
 var import_core2 = require("@refinedev/core");
+var import_react_i18next4 = require("react-i18next");
 var DetailModal = ({
   modalForm,
   mode,
@@ -1227,9 +1466,12 @@ var RelatedList = ({
   dataSource,
   onMutationSuccess,
   FormFields,
-  modalTitle = "Manage Detail",
+  modalTitle,
   children
 }) => {
+  const { t } = (0, import_react_i18next4.useTranslation)();
+  const defaultTitle = t("components.relatedList.manageDetail", "Manage Detail");
+  const finalModalTitle = modalTitle || defaultTitle;
   const createModalForm = (0, import_antd3.useModalForm)({
     resource,
     action: "create",
@@ -1244,7 +1486,7 @@ var RelatedList = ({
   });
   const { mutate: deleteMutate } = (0, import_core2.useDelete)();
   const handleDelete = (id) => {
-    if (confirm("Are you sure you want to delete this detail?")) {
+    if (confirm(t("components.relatedList.deleteConfirm", "Are you sure you want to delete this detail?"))) {
       deleteMutate({
         resource,
         id,
@@ -1263,7 +1505,7 @@ var RelatedList = ({
       disabled: !masterId,
       "data-testid": "add-detail-btn"
     },
-    "Add Detail"
+    t("components.relatedList.addDetail", "Add Detail")
   )), /* @__PURE__ */ import_react5.default.createElement(
     import_lib5.Table,
     {
@@ -1277,7 +1519,7 @@ var RelatedList = ({
     /* @__PURE__ */ import_react5.default.createElement(
       import_lib5.Table.Column,
       {
-        title: "Actions",
+        title: t("components.relatedList.actions", "Actions"),
         key: "actions",
         width: 120,
         render: (_, record) => /* @__PURE__ */ import_react5.default.createElement(import_lib5.Space, null, /* @__PURE__ */ import_react5.default.createElement(
@@ -1303,7 +1545,7 @@ var RelatedList = ({
     {
       modalForm: createModalForm,
       mode: "create",
-      modalTitle,
+      modalTitle: finalModalTitle,
       FormFields,
       masterField,
       masterId
@@ -1313,7 +1555,7 @@ var RelatedList = ({
     {
       modalForm: editModalForm,
       mode: "edit",
-      modalTitle,
+      modalTitle: finalModalTitle,
       FormFields,
       masterField,
       masterId
@@ -1323,6 +1565,7 @@ var RelatedList = ({
 
 // src/components/TiptapEditor.tsx
 var import_react6 = __toESM(require("react"));
+var import_react_i18next5 = require("react-i18next");
 var import_react7 = require("@tiptap/react");
 var import_starter_kit = __toESM(require("@tiptap/starter-kit"));
 var import_extension_image = __toESM(require("@tiptap/extension-image"));
@@ -18547,6 +18790,7 @@ var import_lib6 = require("antd/lib");
 var import_icons4 = require("@ant-design/icons");
 var TiptapEditor = ({ value, onChange, disabled }) => {
   const { token } = import_lib6.theme.useToken();
+  const { t } = (0, import_react_i18next5.useTranslation)();
   const editor = (0, import_react7.useEditor)({
     extensions: [
       import_starter_kit.default,
@@ -18577,7 +18821,7 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
       TextStyle,
       Color,
       index_default.configure({
-        placeholder: "Write something..."
+        placeholder: t("components.tiptapEditor.placeholder", "Write something...")
       })
     ],
     content: value,
@@ -18662,7 +18906,7 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
         onClick: () => editor.chain().focus().toggleHighlight().run(),
         disabled,
         size: "small",
-        title: "Highlight"
+        title: t("components.tiptapEditor.highlight", "Highlight")
       }
     ), /* @__PURE__ */ import_react6.default.createElement(
       import_lib6.ColorPicker,
@@ -18680,7 +18924,7 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
           icon: /* @__PURE__ */ import_react6.default.createElement(import_icons4.FontColorsOutlined, { style: { color: editor.getAttributes("textStyle").color } }),
           disabled,
           size: "small",
-          title: "Text Color"
+          title: t("components.tiptapEditor.textColor", "Text Color")
         }
       )
     ), /* @__PURE__ */ import_react6.default.createElement(
@@ -18745,7 +18989,7 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
         onClick: () => editor.chain().focus().toggleMath().run(),
         disabled,
         size: "small",
-        title: "Math (LaTeX)"
+        title: t("components.tiptapEditor.math", "Math (LaTeX)")
       }
     ), /* @__PURE__ */ import_react6.default.createElement(
       import_lib6.Button,
@@ -18753,14 +18997,14 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
         type: editor.isActive("youtube") ? "primary" : "text",
         icon: /* @__PURE__ */ import_react6.default.createElement(import_icons4.YoutubeOutlined, null),
         onClick: () => {
-          const url = window.prompt("Enter YouTube URL");
+          const url = window.prompt(t("components.tiptapEditor.enterYoutubeUrl", "Enter YouTube URL"));
           if (url) {
             editor.commands.setYoutubeVideo({ src: url });
           }
         },
         disabled,
         size: "small",
-        title: "YouTube"
+        title: t("components.tiptapEditor.youtube", "YouTube")
       }
     ), /* @__PURE__ */ import_react6.default.createElement(
       import_lib6.Button,
@@ -18770,7 +19014,7 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
         onClick: () => editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run(),
         disabled,
         size: "small",
-        title: "Insert Table"
+        title: t("components.tiptapEditor.insertTable", "Insert Table")
       }
     ), /* @__PURE__ */ import_react6.default.createElement(
       import_lib6.Button,
@@ -18780,7 +19024,7 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
         onClick: () => editor.chain().focus().deleteTable().run(),
         disabled: !editor.can().deleteTable() || disabled,
         size: "small",
-        title: "Delete Table"
+        title: t("components.tiptapEditor.deleteTable", "Delete Table")
       }
     ), /* @__PURE__ */ import_react6.default.createElement(
       import_lib6.Popover,
@@ -18805,7 +19049,7 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
           icon: /* @__PURE__ */ import_react6.default.createElement(import_icons4.SmileOutlined, null),
           disabled,
           size: "small",
-          title: "Emoji"
+          title: t("components.tiptapEditor.emoji", "Emoji")
         }
       )
     ), editor.isActive("table") && /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(
@@ -18816,7 +19060,7 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
         onClick: () => editor.chain().focus().addRowBefore().run(),
         disabled,
         size: "small",
-        title: "Add Row Before"
+        title: t("components.tiptapEditor.addRowBefore", "Add Row Before")
       }
     ), /* @__PURE__ */ import_react6.default.createElement(
       import_lib6.Button,
@@ -18826,7 +19070,7 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
         onClick: () => editor.chain().focus().addRowAfter().run(),
         disabled,
         size: "small",
-        title: "Add Row After"
+        title: t("components.tiptapEditor.addRowAfter", "Add Row After")
       }
     ), /* @__PURE__ */ import_react6.default.createElement(
       import_lib6.Button,
@@ -18836,7 +19080,7 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
         onClick: () => editor.chain().focus().deleteRow().run(),
         disabled: !editor.can().deleteRow() || disabled,
         size: "small",
-        title: "Delete Row"
+        title: t("components.tiptapEditor.deleteRow", "Delete Row")
       }
     ), /* @__PURE__ */ import_react6.default.createElement(
       import_lib6.Button,
@@ -18846,7 +19090,7 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
         onClick: () => editor.chain().focus().addColumnBefore().run(),
         disabled,
         size: "small",
-        title: "Add Column Before"
+        title: t("components.tiptapEditor.addColumnBefore", "Add Column Before")
       }
     ), /* @__PURE__ */ import_react6.default.createElement(
       import_lib6.Button,
@@ -18856,7 +19100,7 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
         onClick: () => editor.chain().focus().addColumnAfter().run(),
         disabled,
         size: "small",
-        title: "Add Column After"
+        title: t("components.tiptapEditor.addColumnAfter", "Add Column After")
       }
     ), /* @__PURE__ */ import_react6.default.createElement(
       import_lib6.Button,
@@ -18866,7 +19110,7 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
         onClick: () => editor.chain().focus().deleteColumn().run(),
         disabled: !editor.can().deleteColumn() || disabled,
         size: "small",
-        title: "Delete Column"
+        title: t("components.tiptapEditor.deleteColumn", "Delete Column")
       }
     ))), /* @__PURE__ */ import_react6.default.createElement(import_lib6.Space, { style: { marginLeft: "auto" } }, /* @__PURE__ */ import_react6.default.createElement(
       import_lib6.Button,
@@ -18905,25 +19149,124 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
   );
 };
 
-// src/pages/login/index.tsx
+// src/components/DrawioEditor.tsx
 var import_react8 = __toESM(require("react"));
-var import_core18 = require("@refinedev/core");
+var import_react_i18next6 = require("react-i18next");
+var import_react_drawio = require("react-drawio");
 var import_lib7 = require("antd/lib");
+var mapLanguageToDrawio = (lang) => {
+  const langMap = {
+    "zh-TW": "zh-tw",
+    "zh-CN": "zh",
+    "zh": "zh",
+    "en": "en",
+    "ja": "ja",
+    "ko": "ko",
+    "de": "de",
+    "fr": "fr",
+    "es": "es",
+    "pt": "pt",
+    "ru": "ru"
+  };
+  return langMap[lang] || lang.toLowerCase();
+};
+var DrawioEditor = ({
+  value,
+  onChange,
+  disabled = false,
+  height = 500,
+  autosave = true
+}) => {
+  const { token } = import_lib7.theme.useToken();
+  const { t, i18n } = (0, import_react_i18next6.useTranslation)();
+  const drawioRef = (0, import_react8.useRef)(null);
+  const [isLoading, setIsLoading] = (0, import_react8.useState)(true);
+  const drawioLang = (0, import_react8.useMemo)(() => mapLanguageToDrawio(i18n.language), [i18n.language]);
+  const handleSave = (data) => {
+    if (onChange && data.xml) {
+      onChange(data.xml);
+    }
+  };
+  const handleAutoSave = (data) => {
+    if (onChange && data.xml) {
+      onChange(data.xml);
+    }
+  };
+  const handleLoad = () => {
+    setIsLoading(false);
+  };
+  return /* @__PURE__ */ import_react8.default.createElement(
+    "div",
+    {
+      style: {
+        border: `1px solid ${token.colorBorder}`,
+        borderRadius: token.borderRadiusLG,
+        overflow: "hidden",
+        backgroundColor: token.colorBgContainer,
+        position: "relative",
+        height: typeof height === "number" ? `${height}px` : height
+      }
+    },
+    isLoading && /* @__PURE__ */ import_react8.default.createElement(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          backgroundColor: token.colorBgContainer,
+          zIndex: 10
+        }
+      },
+      /* @__PURE__ */ import_react8.default.createElement(import_lib7.Spin, { tip: t("components.drawioEditor.loading", "Loading diagram editor...") })
+    ),
+    /* @__PURE__ */ import_react8.default.createElement(
+      import_react_drawio.DrawIoEmbed,
+      {
+        ref: drawioRef,
+        xml: value,
+        autosave: autosave && !disabled,
+        urlParameters: {
+          ui: "kennedy",
+          spin: true,
+          libraries: true,
+          saveAndExit: false,
+          noSaveBtn: disabled,
+          noExitBtn: true,
+          lang: drawioLang
+        },
+        onLoad: handleLoad,
+        onSave: handleSave,
+        onAutoSave: handleAutoSave
+      }
+    )
+  );
+};
+
+// src/pages/login/index.tsx
+var import_react9 = __toESM(require("react"));
+var import_core18 = require("@refinedev/core");
+var import_lib8 = require("antd/lib");
 var import_antd4 = require("@refinedev/antd");
 var import_react_router = require("react-router");
-var { Title, Link } = import_lib7.Typography;
+var { Title, Link } = import_lib8.Typography;
 var LoginPage = () => {
-  const [form] = import_lib7.Form.useForm();
+  const [form] = import_lib8.Form.useForm();
   const { mutate: login, isPending } = (0, import_core18.useLogin)();
   const isLoading = isPending;
   const translate = (0, import_core18.useTranslate)();
-  const { token } = import_lib7.theme.useToken();
+  const { token } = import_lib8.theme.useToken();
   const navigate = (0, import_react_router.useNavigate)();
   const onFinish = async (values) => {
     login(values);
   };
-  return /* @__PURE__ */ import_react8.default.createElement(
-    import_lib7.Layout,
+  return /* @__PURE__ */ import_react9.default.createElement(
+    import_lib8.Layout,
     {
       style: {
         height: "100vh",
@@ -18932,15 +19275,15 @@ var LoginPage = () => {
         backgroundColor: token.colorBgContainer
       }
     },
-    /* @__PURE__ */ import_react8.default.createElement("div", { style: { marginBottom: "24px" } }, /* @__PURE__ */ import_react8.default.createElement(
+    /* @__PURE__ */ import_react9.default.createElement("div", { style: { marginBottom: "24px" } }, /* @__PURE__ */ import_react9.default.createElement(
       import_antd4.ThemedTitle,
       {
         collapsed: false,
         wrapperStyles: { fontSize: "22px", justifyContent: "center" }
       }
     )),
-    /* @__PURE__ */ import_react8.default.createElement(
-      import_lib7.Card,
+    /* @__PURE__ */ import_react9.default.createElement(
+      import_lib8.Card,
       {
         style: {
           width: "100%",
@@ -18949,9 +19292,9 @@ var LoginPage = () => {
           boxShadow: "0 4px 24px -4px rgba(0, 0, 0, 0.1)"
         }
       },
-      /* @__PURE__ */ import_react8.default.createElement("div", { style: { textAlign: "center", marginBottom: "32px" } }, /* @__PURE__ */ import_react8.default.createElement(Title, { level: 3, style: { color: token.colorPrimary, margin: 0 } }, translate("pages.login.title", "Sign in to your account")), /* @__PURE__ */ import_react8.default.createElement(import_lib7.Typography.Text, { type: "secondary", style: { fontSize: "14px", marginTop: "8px", display: "block" } }, "Log in using a local account")),
-      /* @__PURE__ */ import_react8.default.createElement(
-        import_lib7.Form,
+      /* @__PURE__ */ import_react9.default.createElement("div", { style: { textAlign: "center", marginBottom: "32px" } }, /* @__PURE__ */ import_react9.default.createElement(Title, { level: 3, style: { color: token.colorPrimary, margin: 0 } }, translate("pages.login.title", "Sign in to your account")), /* @__PURE__ */ import_react9.default.createElement(import_lib8.Typography.Text, { type: "secondary", style: { fontSize: "14px", marginTop: "8px", display: "block" } }, "Log in using a local account")),
+      /* @__PURE__ */ import_react9.default.createElement(
+        import_lib8.Form,
         {
           layout: "vertical",
           form,
@@ -18960,8 +19303,8 @@ var LoginPage = () => {
             remember: false
           }
         },
-        /* @__PURE__ */ import_react8.default.createElement(
-          import_lib7.Form.Item,
+        /* @__PURE__ */ import_react9.default.createElement(
+          import_lib8.Form.Item,
           {
             label: translate("pages.login.fields.username", "Username"),
             name: "username",
@@ -18975,10 +19318,10 @@ var LoginPage = () => {
               }
             ]
           },
-          /* @__PURE__ */ import_react8.default.createElement(import_lib7.Input, { size: "large", placeholder: "Username" })
+          /* @__PURE__ */ import_react9.default.createElement(import_lib8.Input, { size: "large", placeholder: "Username" })
         ),
-        /* @__PURE__ */ import_react8.default.createElement(
-          import_lib7.Form.Item,
+        /* @__PURE__ */ import_react9.default.createElement(
+          import_lib8.Form.Item,
           {
             label: translate("pages.login.fields.password", "Password"),
             name: "password",
@@ -18992,9 +19335,9 @@ var LoginPage = () => {
               }
             ]
           },
-          /* @__PURE__ */ import_react8.default.createElement(import_lib7.Input.Password, { size: "large", placeholder: "Password" })
+          /* @__PURE__ */ import_react9.default.createElement(import_lib8.Input.Password, { size: "large", placeholder: "Password" })
         ),
-        /* @__PURE__ */ import_react8.default.createElement(
+        /* @__PURE__ */ import_react9.default.createElement(
           "div",
           {
             style: {
@@ -19003,8 +19346,8 @@ var LoginPage = () => {
               marginBottom: "24px"
             }
           },
-          /* @__PURE__ */ import_react8.default.createElement(import_lib7.Form.Item, { name: "remember", valuePropName: "checked", noStyle: true }, /* @__PURE__ */ import_react8.default.createElement(import_lib7.Checkbox, null, translate("pages.login.buttons.rememberMe", "Remember me"))),
-          /* @__PURE__ */ import_react8.default.createElement(
+          /* @__PURE__ */ import_react9.default.createElement(import_lib8.Form.Item, { name: "remember", valuePropName: "checked", noStyle: true }, /* @__PURE__ */ import_react9.default.createElement(import_lib8.Checkbox, null, translate("pages.login.buttons.rememberMe", "Remember me"))),
+          /* @__PURE__ */ import_react9.default.createElement(
             Link,
             {
               onClick: () => {
@@ -19014,8 +19357,8 @@ var LoginPage = () => {
             translate("pages.login.buttons.forgotPassword", "Forgot password?")
           )
         ),
-        /* @__PURE__ */ import_react8.default.createElement(import_lib7.Form.Item, null, /* @__PURE__ */ import_react8.default.createElement(
-          import_lib7.Button,
+        /* @__PURE__ */ import_react9.default.createElement(import_lib8.Form.Item, null, /* @__PURE__ */ import_react9.default.createElement(
+          import_lib8.Button,
           {
             type: "primary",
             htmlType: "submit",
@@ -19025,9 +19368,9 @@ var LoginPage = () => {
           },
           translate("pages.login.signin", "Sign in")
         )),
-        /* @__PURE__ */ import_react8.default.createElement(import_lib7.Divider, { plain: true }, "or"),
-        /* @__PURE__ */ import_react8.default.createElement(
-          import_lib7.Button,
+        /* @__PURE__ */ import_react9.default.createElement(import_lib8.Divider, { plain: true }, "or"),
+        /* @__PURE__ */ import_react9.default.createElement(
+          import_lib8.Button,
           {
             block: true,
             size: "large",
@@ -19041,23 +19384,23 @@ var LoginPage = () => {
 };
 
 // src/pages/login/keycloak.tsx
-var import_react9 = __toESM(require("react"));
+var import_react10 = __toESM(require("react"));
 var import_core19 = require("@refinedev/core");
-var import_lib8 = require("antd/lib");
+var import_lib9 = require("antd/lib");
 var import_antd5 = require("@refinedev/antd");
 var import_react_router2 = require("react-router");
-var { Title: Title2 } = import_lib8.Typography;
+var { Title: Title2 } = import_lib9.Typography;
 var KeycloakLoginPage = () => {
   const { mutate: login, isPending } = (0, import_core19.useLogin)();
   const isLoading = isPending;
   const translate = (0, import_core19.useTranslate)();
-  const { token } = import_lib8.theme.useToken();
+  const { token } = import_lib9.theme.useToken();
   const navigate = (0, import_react_router2.useNavigate)();
   const handleKeycloakLogin = () => {
     login({ provider: "keycloak" });
   };
-  return /* @__PURE__ */ import_react9.default.createElement(
-    import_lib8.Layout,
+  return /* @__PURE__ */ import_react10.default.createElement(
+    import_lib9.Layout,
     {
       style: {
         height: "100vh",
@@ -19066,15 +19409,15 @@ var KeycloakLoginPage = () => {
         backgroundColor: token.colorBgContainer
       }
     },
-    /* @__PURE__ */ import_react9.default.createElement("div", { style: { marginBottom: "24px" } }, /* @__PURE__ */ import_react9.default.createElement(
+    /* @__PURE__ */ import_react10.default.createElement("div", { style: { marginBottom: "24px" } }, /* @__PURE__ */ import_react10.default.createElement(
       import_antd5.ThemedTitle,
       {
         collapsed: false,
         wrapperStyles: { fontSize: "22px", justifyContent: "center" }
       }
     )),
-    /* @__PURE__ */ import_react9.default.createElement(
-      import_lib8.Card,
+    /* @__PURE__ */ import_react10.default.createElement(
+      import_lib9.Card,
       {
         style: {
           width: "100%",
@@ -19083,9 +19426,9 @@ var KeycloakLoginPage = () => {
           boxShadow: "0 4px 24px -4px rgba(0, 0, 0, 0.1)"
         }
       },
-      /* @__PURE__ */ import_react9.default.createElement("div", { style: { textAlign: "center", marginBottom: "32px" } }, /* @__PURE__ */ import_react9.default.createElement(Title2, { level: 3, style: { color: token.colorPrimary, margin: 0 } }, translate("pages.login.title", "Sign in to your account")), /* @__PURE__ */ import_react9.default.createElement(import_lib8.Typography.Text, { type: "secondary", style: { fontSize: "14px", marginTop: "8px", display: "block" } }, "Choose your authentication method")),
-      /* @__PURE__ */ import_react9.default.createElement(
-        import_lib8.Button,
+      /* @__PURE__ */ import_react10.default.createElement("div", { style: { textAlign: "center", marginBottom: "32px" } }, /* @__PURE__ */ import_react10.default.createElement(Title2, { level: 3, style: { color: token.colorPrimary, margin: 0 } }, translate("pages.login.title", "Sign in to your account")), /* @__PURE__ */ import_react10.default.createElement(import_lib9.Typography.Text, { type: "secondary", style: { fontSize: "14px", marginTop: "8px", display: "block" } }, "Choose your authentication method")),
+      /* @__PURE__ */ import_react10.default.createElement(
+        import_lib9.Button,
         {
           type: "primary",
           block: true,
@@ -19096,9 +19439,9 @@ var KeycloakLoginPage = () => {
         },
         "Sign in with Keycloak"
       ),
-      /* @__PURE__ */ import_react9.default.createElement(import_lib8.Divider, { plain: true }, "or"),
-      /* @__PURE__ */ import_react9.default.createElement(
-        import_lib8.Button,
+      /* @__PURE__ */ import_react10.default.createElement(import_lib9.Divider, { plain: true }, "or"),
+      /* @__PURE__ */ import_react10.default.createElement(
+        import_lib9.Button,
         {
           block: true,
           size: "large",
@@ -19111,15 +19454,15 @@ var KeycloakLoginPage = () => {
 };
 
 // src/pages/auth/AuthCallback.tsx
-var import_react10 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 var import_core20 = require("@refinedev/core");
 var import_antd6 = require("antd");
 var AuthCallback = () => {
   const { mutate: login } = (0, import_core20.useLogin)();
-  const [error, setError] = (0, import_react10.useState)(null);
-  const [processing, setProcessing] = (0, import_react10.useState)(false);
-  const hasProcessed = (0, import_react10.useRef)(false);
-  (0, import_react10.useEffect)(() => {
+  const [error, setError] = (0, import_react11.useState)(null);
+  const [processing, setProcessing] = (0, import_react11.useState)(false);
+  const hasProcessed = (0, import_react11.useRef)(false);
+  (0, import_react11.useEffect)(() => {
     if (hasProcessed.current || processing) {
       return;
     }
@@ -19162,13 +19505,13 @@ var AuthCallback = () => {
     handleCallback();
   }, [login, processing]);
   if (error) {
-    return /* @__PURE__ */ import_react10.default.createElement(
+    return /* @__PURE__ */ import_react11.default.createElement(
       import_antd6.Result,
       {
         status: "error",
         title: "Authentication Failed",
         subTitle: error,
-        extra: /* @__PURE__ */ import_react10.default.createElement(
+        extra: /* @__PURE__ */ import_react11.default.createElement(
           "button",
           {
             onClick: () => window.location.href = "/login",
@@ -19186,7 +19529,7 @@ var AuthCallback = () => {
       }
     );
   }
-  return /* @__PURE__ */ import_react10.default.createElement(
+  return /* @__PURE__ */ import_react11.default.createElement(
     "div",
     {
       style: {
@@ -19198,23 +19541,23 @@ var AuthCallback = () => {
         gap: "16px"
       }
     },
-    /* @__PURE__ */ import_react10.default.createElement(import_antd6.Spin, { size: "large" }),
-    /* @__PURE__ */ import_react10.default.createElement("p", null, "Completing authentication...")
+    /* @__PURE__ */ import_react11.default.createElement(import_antd6.Spin, { size: "large" }),
+    /* @__PURE__ */ import_react11.default.createElement("p", null, "Completing authentication...")
   );
 };
 
 // src/pages/application-users/list.tsx
-var import_react11 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 var import_core21 = require("@refinedev/core");
 var import_antd7 = require("@refinedev/antd");
-var import_lib9 = require("antd/lib");
+var import_lib10 = require("antd/lib");
 var import_icons5 = require("@ant-design/icons");
 var ApplicationUserList = () => {
-  const [isModalOpen, setIsModalOpen] = (0, import_react11.useState)(false);
-  const [selectedUser, setSelectedUser] = (0, import_react11.useState)(null);
-  const [form] = import_lib9.Form.useForm();
+  const [isModalOpen, setIsModalOpen] = (0, import_react12.useState)(false);
+  const [selectedUser, setSelectedUser] = (0, import_react12.useState)(null);
+  const [form] = import_lib10.Form.useForm();
   const { open } = (0, import_core21.useNotification)();
-  const [isLoading, setIsLoading] = (0, import_react11.useState)(false);
+  const [isLoading, setIsLoading] = (0, import_react12.useState)(false);
   const handleResetPasswordClick = (user) => {
     setSelectedUser(user);
     setIsModalOpen(true);
@@ -19244,21 +19587,21 @@ var ApplicationUserList = () => {
       setIsLoading(false);
     }
   };
-  return /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement(
+  return /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement(
     SmartList,
     {
       searchFields: ["UserName", "DisplayName", "Email"]
     },
-    /* @__PURE__ */ import_react11.default.createElement(
-      import_lib9.Table.Column,
+    /* @__PURE__ */ import_react12.default.createElement(
+      import_lib10.Table.Column,
       {
         dataIndex: "Photo",
         title: "Photo",
-        render: (value) => value ? /* @__PURE__ */ import_react11.default.createElement("img", { src: `data:image/png;base64,${value}`, alt: "User", style: { height: 40, width: 40, objectFit: "cover", borderRadius: "50%" } }) : "-"
+        render: (value) => value ? /* @__PURE__ */ import_react12.default.createElement("img", { src: `data:image/png;base64,${value}`, alt: "User", style: { height: 40, width: 40, objectFit: "cover", borderRadius: "50%" } }) : "-"
       }
     ),
-    /* @__PURE__ */ import_react11.default.createElement(
-      import_lib9.Table.Column,
+    /* @__PURE__ */ import_react12.default.createElement(
+      import_lib10.Table.Column,
       {
         dataIndex: "DisplayName",
         title: "Display Name",
@@ -19267,8 +19610,8 @@ var ApplicationUserList = () => {
         defaultVisible: true
       }
     ),
-    /* @__PURE__ */ import_react11.default.createElement(
-      import_lib9.Table.Column,
+    /* @__PURE__ */ import_react12.default.createElement(
+      import_lib10.Table.Column,
       {
         dataIndex: "UserName",
         title: "User Name",
@@ -19276,47 +19619,47 @@ var ApplicationUserList = () => {
         defaultVisible: true
       }
     ),
-    /* @__PURE__ */ import_react11.default.createElement(
-      import_lib9.Table.Column,
+    /* @__PURE__ */ import_react12.default.createElement(
+      import_lib10.Table.Column,
       {
         dataIndex: "Email",
         title: "Email",
         sorter: true
       }
     ),
-    /* @__PURE__ */ import_react11.default.createElement(
-      import_lib9.Table.Column,
+    /* @__PURE__ */ import_react12.default.createElement(
+      import_lib10.Table.Column,
       {
         dataIndex: "IsActive",
         title: "Active",
-        render: (value) => /* @__PURE__ */ import_react11.default.createElement(import_lib9.Checkbox, { checked: value, disabled: true }),
+        render: (value) => /* @__PURE__ */ import_react12.default.createElement(import_lib10.Checkbox, { checked: value, disabled: true }),
         sorter: true
       }
     ),
-    /* @__PURE__ */ import_react11.default.createElement(
-      import_lib9.Table.Column,
+    /* @__PURE__ */ import_react12.default.createElement(
+      import_lib10.Table.Column,
       {
         dataIndex: "AccessFailedCount",
         title: "Access Failed Count"
       }
     ),
-    /* @__PURE__ */ import_react11.default.createElement(
-      import_lib9.Table.Column,
+    /* @__PURE__ */ import_react12.default.createElement(
+      import_lib10.Table.Column,
       {
         title: "Actions",
         dataIndex: "actions",
-        render: (_, record) => /* @__PURE__ */ import_react11.default.createElement(import_lib9.Space, null, /* @__PURE__ */ import_react11.default.createElement(import_lib9.Tooltip, { title: "Reset Password" }, /* @__PURE__ */ import_react11.default.createElement(
-          import_lib9.Button,
+        render: (_, record) => /* @__PURE__ */ import_react12.default.createElement(import_lib10.Space, null, /* @__PURE__ */ import_react12.default.createElement(import_lib10.Tooltip, { title: "Reset Password" }, /* @__PURE__ */ import_react12.default.createElement(
+          import_lib10.Button,
           {
             size: "small",
-            icon: /* @__PURE__ */ import_react11.default.createElement(import_icons5.KeyOutlined, null),
+            icon: /* @__PURE__ */ import_react12.default.createElement(import_icons5.KeyOutlined, null),
             onClick: () => handleResetPasswordClick(record)
           }
-        )), /* @__PURE__ */ import_react11.default.createElement(import_antd7.EditButton, { hideText: true, size: "small", recordItemId: record.Oid }), /* @__PURE__ */ import_react11.default.createElement(import_antd7.DeleteButton, { hideText: true, size: "small", recordItemId: record.Oid }))
+        )), /* @__PURE__ */ import_react12.default.createElement(import_antd7.EditButton, { hideText: true, size: "small", recordItemId: record.Oid }), /* @__PURE__ */ import_react12.default.createElement(import_antd7.DeleteButton, { hideText: true, size: "small", recordItemId: record.Oid }))
       }
     )
-  ), /* @__PURE__ */ import_react11.default.createElement(
-    import_lib9.Modal,
+  ), /* @__PURE__ */ import_react12.default.createElement(
+    import_lib10.Modal,
     {
       title: `Reset Password for ${selectedUser?.DisplayName || selectedUser?.UserName}`,
       open: isModalOpen,
@@ -19324,27 +19667,27 @@ var ApplicationUserList = () => {
       onOk: () => form.submit(),
       confirmLoading: isLoading
     },
-    /* @__PURE__ */ import_react11.default.createElement(import_lib9.Form, { form, onFinish: handleResetPasswordSubmit, layout: "vertical" }, /* @__PURE__ */ import_react11.default.createElement("div", { style: { display: "flex", gap: 8, alignItems: "flex-end" } }, /* @__PURE__ */ import_react11.default.createElement(
-      import_lib9.Form.Item,
+    /* @__PURE__ */ import_react12.default.createElement(import_lib10.Form, { form, onFinish: handleResetPasswordSubmit, layout: "vertical" }, /* @__PURE__ */ import_react12.default.createElement("div", { style: { display: "flex", gap: 8, alignItems: "flex-end" } }, /* @__PURE__ */ import_react12.default.createElement(
+      import_lib10.Form.Item,
       {
         name: "password",
         label: "New Password",
         style: { flex: 1, marginBottom: 0 },
         rules: [{ required: true, message: "Please input the new password!" }]
       },
-      /* @__PURE__ */ import_react11.default.createElement(import_lib9.Input.Password, { placeholder: "Enter new password" })
-    ), /* @__PURE__ */ import_react11.default.createElement(import_lib9.Tooltip, { title: "Generate Complex Password" }, /* @__PURE__ */ import_react11.default.createElement(import_lib9.Button, { icon: /* @__PURE__ */ import_react11.default.createElement(import_icons5.ThunderboltOutlined, null), onClick: handleGeneratePassword }))))
+      /* @__PURE__ */ import_react12.default.createElement(import_lib10.Input.Password, { placeholder: "Enter new password" })
+    ), /* @__PURE__ */ import_react12.default.createElement(import_lib10.Tooltip, { title: "Generate Complex Password" }, /* @__PURE__ */ import_react12.default.createElement(import_lib10.Button, { icon: /* @__PURE__ */ import_react12.default.createElement(import_icons5.ThunderboltOutlined, null), onClick: handleGeneratePassword }))))
   ));
 };
 
 // src/pages/application-users/create.tsx
-var import_react12 = __toESM(require("react"));
+var import_react13 = __toESM(require("react"));
 var import_antd8 = require("@refinedev/antd");
-var import_lib10 = require("antd/lib");
+var import_lib11 = require("antd/lib");
 var ApplicationUserCreate = () => {
   const { formProps, saveButtonProps } = (0, import_antd8.useForm)();
-  return /* @__PURE__ */ import_react12.default.createElement(import_antd8.Create, { saveButtonProps }, /* @__PURE__ */ import_react12.default.createElement(import_lib10.Form, { ...formProps, layout: "vertical" }, /* @__PURE__ */ import_react12.default.createElement(
-    import_lib10.Form.Item,
+  return /* @__PURE__ */ import_react13.default.createElement(import_antd8.Create, { saveButtonProps }, /* @__PURE__ */ import_react13.default.createElement(import_lib11.Form, { ...formProps, layout: "vertical" }, /* @__PURE__ */ import_react13.default.createElement(
+    import_lib11.Form.Item,
     {
       label: "User Name",
       name: "UserName",
@@ -19354,16 +19697,16 @@ var ApplicationUserCreate = () => {
         }
       ]
     },
-    /* @__PURE__ */ import_react12.default.createElement(import_lib10.Input, null)
-  ), /* @__PURE__ */ import_react12.default.createElement(
-    import_lib10.Form.Item,
+    /* @__PURE__ */ import_react13.default.createElement(import_lib11.Input, null)
+  ), /* @__PURE__ */ import_react13.default.createElement(
+    import_lib11.Form.Item,
     {
       label: "Display Name",
       name: "DisplayName"
     },
-    /* @__PURE__ */ import_react12.default.createElement(import_lib10.Input, null)
-  ), /* @__PURE__ */ import_react12.default.createElement(
-    import_lib10.Form.Item,
+    /* @__PURE__ */ import_react13.default.createElement(import_lib11.Input, null)
+  ), /* @__PURE__ */ import_react13.default.createElement(
+    import_lib11.Form.Item,
     {
       label: "Email",
       name: "Email",
@@ -19373,32 +19716,32 @@ var ApplicationUserCreate = () => {
         }
       ]
     },
-    /* @__PURE__ */ import_react12.default.createElement(import_lib10.Input, null)
-  ), /* @__PURE__ */ import_react12.default.createElement(
-    import_lib10.Form.Item,
+    /* @__PURE__ */ import_react13.default.createElement(import_lib11.Input, null)
+  ), /* @__PURE__ */ import_react13.default.createElement(
+    import_lib11.Form.Item,
     {
       label: "Is Active",
       name: "IsActive",
       valuePropName: "checked",
       initialValue: true
     },
-    /* @__PURE__ */ import_react12.default.createElement(import_lib10.Checkbox, null, "Active")
-  ), /* @__PURE__ */ import_react12.default.createElement(
-    import_lib10.Form.Item,
+    /* @__PURE__ */ import_react13.default.createElement(import_lib11.Checkbox, null, "Active")
+  ), /* @__PURE__ */ import_react13.default.createElement(
+    import_lib11.Form.Item,
     {
       label: "Photo",
       name: "Photo"
     },
-    /* @__PURE__ */ import_react12.default.createElement(Base64Upload, null)
+    /* @__PURE__ */ import_react13.default.createElement(Base64Upload, null)
   )));
 };
 
 // src/pages/application-users/edit.tsx
-var import_react13 = __toESM(require("react"));
+var import_react14 = __toESM(require("react"));
 var import_antd9 = require("@refinedev/antd");
-var import_lib11 = require("antd/lib");
+var import_lib12 = require("antd/lib");
 var ApplicationUserEdit = () => {
-  const { message: message2 } = import_lib11.App.useApp();
+  const { message: message2 } = import_lib12.App.useApp();
   const { formProps, saveButtonProps, id, form } = (0, import_antd9.useForm)({
     meta: {
       expand: ["Roles"]
@@ -19437,8 +19780,8 @@ var ApplicationUserEdit = () => {
     const { Roles, ...userValues } = values;
     formProps.onFinish?.(userValues);
   };
-  return /* @__PURE__ */ import_react13.default.createElement(import_antd9.Edit, { saveButtonProps }, /* @__PURE__ */ import_react13.default.createElement(import_lib11.Form, { ...formProps, layout: "vertical", onFinish: handleOnFinish }, /* @__PURE__ */ import_react13.default.createElement(
-    import_lib11.Form.Item,
+  return /* @__PURE__ */ import_react14.default.createElement(import_antd9.Edit, { saveButtonProps }, /* @__PURE__ */ import_react14.default.createElement(import_lib12.Form, { ...formProps, layout: "vertical", onFinish: handleOnFinish }, /* @__PURE__ */ import_react14.default.createElement(
+    import_lib12.Form.Item,
     {
       label: "User Name",
       name: "UserName",
@@ -19448,16 +19791,16 @@ var ApplicationUserEdit = () => {
         }
       ]
     },
-    /* @__PURE__ */ import_react13.default.createElement(import_lib11.Input, null)
-  ), /* @__PURE__ */ import_react13.default.createElement(
-    import_lib11.Form.Item,
+    /* @__PURE__ */ import_react14.default.createElement(import_lib12.Input, null)
+  ), /* @__PURE__ */ import_react14.default.createElement(
+    import_lib12.Form.Item,
     {
       label: "Display Name",
       name: "DisplayName"
     },
-    /* @__PURE__ */ import_react13.default.createElement(import_lib11.Input, null)
-  ), /* @__PURE__ */ import_react13.default.createElement(
-    import_lib11.Form.Item,
+    /* @__PURE__ */ import_react14.default.createElement(import_lib12.Input, null)
+  ), /* @__PURE__ */ import_react14.default.createElement(
+    import_lib12.Form.Item,
     {
       label: "Email",
       name: "Email",
@@ -19467,17 +19810,17 @@ var ApplicationUserEdit = () => {
         }
       ]
     },
-    /* @__PURE__ */ import_react13.default.createElement(import_lib11.Input, null)
-  ), /* @__PURE__ */ import_react13.default.createElement(
-    import_lib11.Form.Item,
+    /* @__PURE__ */ import_react14.default.createElement(import_lib12.Input, null)
+  ), /* @__PURE__ */ import_react14.default.createElement(
+    import_lib12.Form.Item,
     {
       label: "Is Active",
       name: "IsActive",
       valuePropName: "checked"
     },
-    /* @__PURE__ */ import_react13.default.createElement(import_lib11.Checkbox, null, "Active")
-  ), /* @__PURE__ */ import_react13.default.createElement(
-    import_lib11.Form.Item,
+    /* @__PURE__ */ import_react14.default.createElement(import_lib12.Checkbox, null, "Active")
+  ), /* @__PURE__ */ import_react14.default.createElement(
+    import_lib12.Form.Item,
     {
       label: "Roles",
       name: "Roles",
@@ -19495,50 +19838,50 @@ var ApplicationUserEdit = () => {
         return { value: [] };
       }
     },
-    /* @__PURE__ */ import_react13.default.createElement(import_lib11.Select, { ...roleSelectProps, mode: "multiple" })
-  ), /* @__PURE__ */ import_react13.default.createElement(
-    import_lib11.Form.Item,
+    /* @__PURE__ */ import_react14.default.createElement(import_lib12.Select, { ...roleSelectProps, mode: "multiple" })
+  ), /* @__PURE__ */ import_react14.default.createElement(
+    import_lib12.Form.Item,
     {
       label: "Photo",
       name: "Photo"
     },
-    /* @__PURE__ */ import_react13.default.createElement(Base64Upload, null)
+    /* @__PURE__ */ import_react14.default.createElement(Base64Upload, null)
   )));
 };
 
 // src/pages/roles/list.tsx
-var import_react14 = __toESM(require("react"));
+var import_react15 = __toESM(require("react"));
 var import_antd10 = require("@refinedev/antd");
-var import_lib12 = require("antd/lib");
+var import_lib13 = require("antd/lib");
 var RoleList = () => {
   const { tableProps } = (0, import_antd10.useTable)({
     syncWithLocation: true
   });
-  return /* @__PURE__ */ import_react14.default.createElement(import_antd10.List, null, /* @__PURE__ */ import_react14.default.createElement(import_lib12.Table, { ...tableProps, rowKey: "Oid" }, /* @__PURE__ */ import_react14.default.createElement(import_lib12.Table.Column, { dataIndex: "Name", title: "Name" }), /* @__PURE__ */ import_react14.default.createElement(
-    import_lib12.Table.Column,
+  return /* @__PURE__ */ import_react15.default.createElement(import_antd10.List, null, /* @__PURE__ */ import_react15.default.createElement(import_lib13.Table, { ...tableProps, rowKey: "Oid" }, /* @__PURE__ */ import_react15.default.createElement(import_lib13.Table.Column, { dataIndex: "Name", title: "Name" }), /* @__PURE__ */ import_react15.default.createElement(
+    import_lib13.Table.Column,
     {
       dataIndex: "IsAdministrative",
       title: "Is Administrative",
-      render: (value) => /* @__PURE__ */ import_react14.default.createElement(import_lib12.Checkbox, { checked: value, disabled: true })
+      render: (value) => /* @__PURE__ */ import_react15.default.createElement(import_lib13.Checkbox, { checked: value, disabled: true })
     }
-  ), /* @__PURE__ */ import_react14.default.createElement(import_lib12.Table.Column, { dataIndex: "PermissionPolicy", title: "Permission Policy" }), /* @__PURE__ */ import_react14.default.createElement(
-    import_lib12.Table.Column,
+  ), /* @__PURE__ */ import_react15.default.createElement(import_lib13.Table.Column, { dataIndex: "PermissionPolicy", title: "Permission Policy" }), /* @__PURE__ */ import_react15.default.createElement(
+    import_lib13.Table.Column,
     {
       title: "Actions",
       dataIndex: "actions",
-      render: (_, record) => /* @__PURE__ */ import_react14.default.createElement(import_lib12.Space, null, /* @__PURE__ */ import_react14.default.createElement(import_antd10.EditButton, { hideText: true, size: "small", recordItemId: record.Oid }), /* @__PURE__ */ import_react14.default.createElement(import_antd10.DeleteButton, { hideText: true, size: "small", recordItemId: record.Oid }))
+      render: (_, record) => /* @__PURE__ */ import_react15.default.createElement(import_lib13.Space, null, /* @__PURE__ */ import_react15.default.createElement(import_antd10.EditButton, { hideText: true, size: "small", recordItemId: record.Oid }), /* @__PURE__ */ import_react15.default.createElement(import_antd10.DeleteButton, { hideText: true, size: "small", recordItemId: record.Oid }))
     }
   )));
 };
 
 // src/pages/roles/create.tsx
-var import_react16 = __toESM(require("react"));
+var import_react17 = __toESM(require("react"));
 var import_antd12 = require("@refinedev/antd");
-var import_lib14 = require("antd/lib");
+var import_lib15 = require("antd/lib");
 
 // src/pages/roles/TypePermissionList.tsx
-var import_react15 = __toESM(require("react"));
-var import_lib13 = require("antd/lib");
+var import_react16 = __toESM(require("react"));
+var import_lib14 = require("antd/lib");
 var import_antd11 = require("@refinedev/antd");
 
 // src/hooks/useModelTypes.ts
@@ -19566,8 +19909,8 @@ var useModelTypes = () => {
 };
 
 // src/pages/roles/TypePermissionList.tsx
-var PermissionSelect = (props) => /* @__PURE__ */ import_react15.default.createElement(
-  import_lib13.Select,
+var PermissionSelect = (props) => /* @__PURE__ */ import_react16.default.createElement(
+  import_lib14.Select,
   {
     ...props,
     allowClear: true,
@@ -19578,22 +19921,22 @@ var PermissionSelect = (props) => /* @__PURE__ */ import_react15.default.createE
   }
 );
 var TypePermissionFormFields = ({ typeOptions }) => {
-  return /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement(
-    import_lib13.Form.Item,
+  return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(
+    import_lib14.Form.Item,
     {
       label: "Target Type",
       name: "TargetTypeFullName",
       rules: [{ required: true }]
     },
-    /* @__PURE__ */ import_react15.default.createElement(
-      import_lib13.Select,
+    /* @__PURE__ */ import_react16.default.createElement(
+      import_lib14.Select,
       {
         showSearch: true,
         options: typeOptions,
         filterOption: (input, option) => (option?.label ?? "").toLowerCase().includes(input.toLowerCase())
       }
     )
-  ), /* @__PURE__ */ import_react15.default.createElement(import_lib13.Form.Item, { label: "Read State", name: "ReadState" }, /* @__PURE__ */ import_react15.default.createElement(PermissionSelect, null)), /* @__PURE__ */ import_react15.default.createElement(import_lib13.Form.Item, { label: "Write State", name: "WriteState" }, /* @__PURE__ */ import_react15.default.createElement(PermissionSelect, null)), /* @__PURE__ */ import_react15.default.createElement(import_lib13.Form.Item, { label: "Create State", name: "CreateState" }, /* @__PURE__ */ import_react15.default.createElement(PermissionSelect, null)), /* @__PURE__ */ import_react15.default.createElement(import_lib13.Form.Item, { label: "Delete State", name: "DeleteState" }, /* @__PURE__ */ import_react15.default.createElement(PermissionSelect, null)));
+  ), /* @__PURE__ */ import_react16.default.createElement(import_lib14.Form.Item, { label: "Read State", name: "ReadState" }, /* @__PURE__ */ import_react16.default.createElement(PermissionSelect, null)), /* @__PURE__ */ import_react16.default.createElement(import_lib14.Form.Item, { label: "Write State", name: "WriteState" }, /* @__PURE__ */ import_react16.default.createElement(PermissionSelect, null)), /* @__PURE__ */ import_react16.default.createElement(import_lib14.Form.Item, { label: "Create State", name: "CreateState" }, /* @__PURE__ */ import_react16.default.createElement(PermissionSelect, null)), /* @__PURE__ */ import_react16.default.createElement(import_lib14.Form.Item, { label: "Delete State", name: "DeleteState" }, /* @__PURE__ */ import_react16.default.createElement(PermissionSelect, null)));
 };
 var TypePermissionList = ({ masterId }) => {
   const { data: modelTypes } = useModelTypes();
@@ -19613,17 +19956,17 @@ var TypePermissionList = ({ masterId }) => {
       mode: "off"
     }
   });
-  const typeOptions = import_react15.default.useMemo(() => modelTypes?.filter((t) => t.IsCreatable && !t.IsDeprecated).map((t) => ({ label: t.Caption, value: t.Name })) || [], [modelTypes]);
-  const FormFieldsWrapper = import_react15.default.useMemo(() => {
-    return ({ mode }) => /* @__PURE__ */ import_react15.default.createElement(TypePermissionFormFields, { typeOptions });
+  const typeOptions = import_react16.default.useMemo(() => modelTypes?.filter((t) => t.IsCreatable && !t.IsDeprecated).map((t) => ({ label: t.Caption, value: t.Name })) || [], [modelTypes]);
+  const FormFieldsWrapper = import_react16.default.useMemo(() => {
+    return ({ mode }) => /* @__PURE__ */ import_react16.default.createElement(TypePermissionFormFields, { typeOptions });
   }, [typeOptions]);
-  const dataSource = import_react15.default.useMemo(() => {
+  const dataSource = import_react16.default.useMemo(() => {
     return (tableProps.dataSource || []).map((p) => ({
       ...p,
       TargetType: p.TargetType || p.TargetTypeFullName || ""
     }));
   }, [tableProps.dataSource]);
-  return /* @__PURE__ */ import_react15.default.createElement(
+  return /* @__PURE__ */ import_react16.default.createElement(
     RelatedList,
     {
       resource: "PermissionPolicyTypePermissionObject",
@@ -19634,30 +19977,30 @@ var TypePermissionList = ({ masterId }) => {
       modalTitle: "Type Permission",
       FormFields: FormFieldsWrapper
     },
-    /* @__PURE__ */ import_react15.default.createElement(
-      import_lib13.Table.Column,
+    /* @__PURE__ */ import_react16.default.createElement(
+      import_lib14.Table.Column,
       {
         dataIndex: "TargetType",
         title: "Target Type",
         render: (value) => typeOptions.find((t) => t.value === value)?.label || value
       }
     ),
-    /* @__PURE__ */ import_react15.default.createElement(import_lib13.Table.Column, { dataIndex: "ReadState", title: "Read" }),
-    /* @__PURE__ */ import_react15.default.createElement(import_lib13.Table.Column, { dataIndex: "WriteState", title: "Write" }),
-    /* @__PURE__ */ import_react15.default.createElement(import_lib13.Table.Column, { dataIndex: "CreateState", title: "Create" }),
-    /* @__PURE__ */ import_react15.default.createElement(import_lib13.Table.Column, { dataIndex: "DeleteState", title: "Delete" })
+    /* @__PURE__ */ import_react16.default.createElement(import_lib14.Table.Column, { dataIndex: "ReadState", title: "Read" }),
+    /* @__PURE__ */ import_react16.default.createElement(import_lib14.Table.Column, { dataIndex: "WriteState", title: "Write" }),
+    /* @__PURE__ */ import_react16.default.createElement(import_lib14.Table.Column, { dataIndex: "CreateState", title: "Create" }),
+    /* @__PURE__ */ import_react16.default.createElement(import_lib14.Table.Column, { dataIndex: "DeleteState", title: "Delete" })
   );
 };
 
 // src/pages/roles/create.tsx
 var RoleCreate = () => {
-  const [form] = import_lib14.Form.useForm();
+  const [form] = import_lib15.Form.useForm();
   const { formProps, saveButtonProps } = (0, import_antd12.useForm)();
   const handleSave = () => {
     form.submit();
   };
-  return /* @__PURE__ */ import_react16.default.createElement(import_antd12.Create, { saveButtonProps: { ...saveButtonProps, onClick: handleSave } }, /* @__PURE__ */ import_react16.default.createElement(
-    import_lib14.Form,
+  return /* @__PURE__ */ import_react17.default.createElement(import_antd12.Create, { saveButtonProps: { ...saveButtonProps, onClick: handleSave } }, /* @__PURE__ */ import_react17.default.createElement(
+    import_lib15.Form,
     {
       ...formProps,
       form,
@@ -19666,34 +20009,34 @@ var RoleCreate = () => {
         return formProps.onFinish && formProps.onFinish(values);
       }
     },
-    /* @__PURE__ */ import_react16.default.createElement(
-      import_lib14.Form.Item,
+    /* @__PURE__ */ import_react17.default.createElement(
+      import_lib15.Form.Item,
       {
         label: "Name",
         name: "Name",
         rules: [{ required: true }]
       },
-      /* @__PURE__ */ import_react16.default.createElement(import_lib14.Input, null)
+      /* @__PURE__ */ import_react17.default.createElement(import_lib15.Input, null)
     ),
-    /* @__PURE__ */ import_react16.default.createElement(
-      import_lib14.Form.Item,
+    /* @__PURE__ */ import_react17.default.createElement(
+      import_lib15.Form.Item,
       {
         label: "Is Administrative",
         name: "IsAdministrative",
         valuePropName: "checked"
       },
-      /* @__PURE__ */ import_react16.default.createElement(import_lib14.Checkbox, null, "Is Administrative")
+      /* @__PURE__ */ import_react17.default.createElement(import_lib15.Checkbox, null, "Is Administrative")
     ),
-    /* @__PURE__ */ import_react16.default.createElement(
-      import_lib14.Form.Item,
+    /* @__PURE__ */ import_react17.default.createElement(
+      import_lib15.Form.Item,
       {
         label: "Permission Policy",
         name: "PermissionPolicy",
         initialValue: "DenyAllByDefault" /* DenyAllByDefault */,
         rules: [{ required: true }]
       },
-      /* @__PURE__ */ import_react16.default.createElement(
-        import_lib14.Select,
+      /* @__PURE__ */ import_react17.default.createElement(
+        import_lib15.Select,
         {
           options: [
             { label: "Deny All By Default", value: "DenyAllByDefault" /* DenyAllByDefault */ },
@@ -19703,21 +20046,21 @@ var RoleCreate = () => {
         }
       )
     ),
-    /* @__PURE__ */ import_react16.default.createElement(TypePermissionList, null)
+    /* @__PURE__ */ import_react17.default.createElement(TypePermissionList, null)
   ));
 };
 
 // src/pages/roles/edit.tsx
-var import_react17 = __toESM(require("react"));
+var import_react18 = __toESM(require("react"));
 var import_antd13 = require("@refinedev/antd");
-var import_lib15 = require("antd/lib");
+var import_lib16 = require("antd/lib");
 var RoleEdit = () => {
   const { formProps, saveButtonProps, id } = (0, import_antd13.useForm)();
   const handleSave = () => {
     formProps.form?.submit();
   };
-  return /* @__PURE__ */ import_react17.default.createElement(import_antd13.Edit, { saveButtonProps: { ...saveButtonProps, onClick: handleSave } }, /* @__PURE__ */ import_react17.default.createElement(
-    import_lib15.Form,
+  return /* @__PURE__ */ import_react18.default.createElement(import_antd13.Edit, { saveButtonProps: { ...saveButtonProps, onClick: handleSave } }, /* @__PURE__ */ import_react18.default.createElement(
+    import_lib16.Form,
     {
       ...formProps,
       layout: "vertical",
@@ -19726,33 +20069,33 @@ var RoleEdit = () => {
         return formProps.onFinish && formProps.onFinish(rest);
       }
     },
-    /* @__PURE__ */ import_react17.default.createElement(
-      import_lib15.Form.Item,
+    /* @__PURE__ */ import_react18.default.createElement(
+      import_lib16.Form.Item,
       {
         label: "Name",
         name: "Name",
         rules: [{ required: true }]
       },
-      /* @__PURE__ */ import_react17.default.createElement(import_lib15.Input, null)
+      /* @__PURE__ */ import_react18.default.createElement(import_lib16.Input, null)
     ),
-    /* @__PURE__ */ import_react17.default.createElement(
-      import_lib15.Form.Item,
+    /* @__PURE__ */ import_react18.default.createElement(
+      import_lib16.Form.Item,
       {
         label: "Is Administrative",
         name: "IsAdministrative",
         valuePropName: "checked"
       },
-      /* @__PURE__ */ import_react17.default.createElement(import_lib15.Checkbox, null, "Is Administrative")
+      /* @__PURE__ */ import_react18.default.createElement(import_lib16.Checkbox, null, "Is Administrative")
     ),
-    /* @__PURE__ */ import_react17.default.createElement(
-      import_lib15.Form.Item,
+    /* @__PURE__ */ import_react18.default.createElement(
+      import_lib16.Form.Item,
       {
         label: "Permission Policy",
         name: "PermissionPolicy",
         rules: [{ required: true }]
       },
-      /* @__PURE__ */ import_react17.default.createElement(
-        import_lib15.Select,
+      /* @__PURE__ */ import_react18.default.createElement(
+        import_lib16.Select,
         {
           options: [
             { label: "Deny All By Default", value: "DenyAllByDefault" /* DenyAllByDefault */ },
@@ -19762,7 +20105,7 @@ var RoleEdit = () => {
         }
       )
     ),
-    /* @__PURE__ */ import_react17.default.createElement(
+    /* @__PURE__ */ import_react18.default.createElement(
       TypePermissionList,
       {
         masterId: id?.toString()
@@ -19779,6 +20122,7 @@ var RoleEdit = () => {
   Base64Upload,
   ColorModeContext,
   ColorModeContextProvider,
+  DrawioEditor,
   Header,
   HttpError,
   KeycloakLoginPage,
@@ -19800,6 +20144,7 @@ var RoleEdit = () => {
   httpClient,
   keycloakService,
   parseJwt,
+  refineXafTranslations,
   useColorMode,
   useModelTypes,
   validatePasswordStrength