xladmin 0.3.7 → 0.5.0

package/dist/index.js

@@ -53,6 +53,32 @@ function createAdminClient(transport) {
         payload != null ? payload : {}
       );
     },
+    async getBulkActionChoices(slug, actionSlug, fieldName, q, ids, options) {
+      return await transportGet(
+        transport,
+        `/xladmin/models/${slug}/bulk-actions/${actionSlug}/fields/${fieldName}/choices/`,
+        {
+          signal: options == null ? void 0 : options.signal,
+          params: {
+            ...q ? { q } : {},
+            ...ids && ids.length > 0 ? { ids: ids.join(",") } : {}
+          }
+        }
+      );
+    },
+    async getObjectActionChoices(slug, id, actionSlug, fieldName, q, ids, options) {
+      return await transportGet(
+        transport,
+        `/xladmin/models/${slug}/items/${id}/actions/${actionSlug}/fields/${fieldName}/choices/`,
+        {
+          signal: options == null ? void 0 : options.signal,
+          params: {
+            ...q ? { q } : {},
+            ...ids && ids.length > 0 ? { ids: ids.join(",") } : {}
+          }
+        }
+      );
+    },
     async getChoices(slug, fieldName, q, ids, options) {
       return await transportGet(
         transport,
@@ -302,7 +328,7 @@ function handleNavLinkClick(event, { href, onClick, router }) {
 }
 
 // src/components/FormDialog.tsx
-import { useEffect as useEffect4, useMemo as useMemo5, useState as useState4 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo5, useRef as useRef4, useState as useState4 } from "react";
 import { Alert, Box as Box2, Button, Dialog, DialogActions, DialogContent, DialogTitle } from "@mui/material";
 import { LocalizationProvider } from "@mui/x-date-pickers";
 import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
@@ -455,6 +481,7 @@ function useAdminTranslation() {
 }
 
 // src/utils/adminFields.ts
+import dayjs from "dayjs";
 function buildAdminPayload(values, fields) {
   const fieldMap = new Map(fields.map((field) => [field.name, field]));
   const payload = {};
@@ -477,6 +504,26 @@ function buildAdminPayload(values, fields) {
   }
   return payload;
 }
+function buildAdminFormInitialValues(fields, initialValues) {
+  var _a, _b, _c, _d;
+  const values = { ...initialValues != null ? initialValues : {} };
+  for (const field of fields) {
+    if (values[field.name] === void 0 && field.required && field.input_kind === "select" && ((_b = (_a = field.options) == null ? void 0 : _a.length) != null ? _b : 0) > 0) {
+      values[field.name] = (_d = (_c = field.options) == null ? void 0 : _c[0]) == null ? void 0 : _d.value;
+    }
+    if (!field.auto_now || values[field.name] !== void 0) {
+      continue;
+    }
+    if (field.input_kind === "date") {
+      values[field.name] = dayjs().format("YYYY-MM-DD");
+      continue;
+    }
+    if (field.input_kind === "datetime") {
+      values[field.name] = dayjs().format("YYYY-MM-DD[T]HH:mm:ss");
+    }
+  }
+  return values;
+}
 function formatAdminValue(value, options) {
   const locale = normalizeAdminLocale(options == null ? void 0 : options.locale);
   const maxLength = options == null ? void 0 : options.maxLength;
@@ -603,11 +650,21 @@ function trimAdminValue(value, maxLength) {
   return `${value.slice(0, maxLength).trimEnd()}\u2026`;
 }
 
+// src/utils/pickersLocale.ts
+import { enUS, ruRU } from "@mui/x-date-pickers/locales";
+var pickersLocaleTextByLocale = {
+  en: enUS.components.MuiLocalizationProvider.defaultProps.localeText,
+  ru: ruRU.components.MuiLocalizationProvider.defaultProps.localeText
+};
+function getMuiPickersLocaleText(locale) {
+  return pickersLocaleTextByLocale[locale];
+}
+
 // src/components/FieldEditor.tsx
 import { memo, useCallback, useEffect as useEffect2, useMemo as useMemo3, useState as useState2 } from "react";
-import { Autocomplete, CircularProgress, FormControlLabel, Switch, TextField } from "@mui/material";
+import { Autocomplete, CircularProgress, FormControlLabel, MenuItem, Switch, TextField } from "@mui/material";
 import { DatePicker, DateTimePicker } from "@mui/x-date-pickers";
-import dayjs from "dayjs";
+import dayjs2 from "dayjs";
 
 // src/hooks/useRemoteChoices.ts
 import { useEffect, useRef as useRef2, useState } from "react";
@@ -695,23 +752,53 @@ function isAbortReason(reason) {
 
 // src/components/FieldEditor.tsx
 import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
+var DEFAULT_CHOICE_SCOPE = { kind: "model" };
+function handlePickerButtonMouseDown(event, hasAnotherPickerOpen, onRequestPickerOpen) {
+  if (!hasAnotherPickerOpen) {
+    return;
+  }
+  event.preventDefault();
+  event.stopPropagation();
+  onRequestPickerOpen == null ? void 0 : onRequestPickerOpen();
+}
 var FieldEditor = memo(function FieldEditor2({
   field,
   value,
   onChange,
   slug,
   client,
-  readOnly = false
+  choiceScope,
+  readOnly = false,
+  isPickerOpen,
+  hasAnotherPickerOpen = false,
+  onRequestPickerOpen,
+  onRequestPickerClose
 }) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const t = useAdminTranslation();
   const [searchValue, setSearchValue] = useState2("");
   const [jsonTextValue, setJsonTextValue] = useState2(() => stringifyJsonValue(value));
   const [jsonError, setJsonError] = useState2(null);
+  const resolvedChoiceScope = choiceScope != null ? choiceScope : DEFAULT_CHOICE_SCOPE;
   const selectedIds = useMemo3(() => normalizeSelectedIds(value, field.is_relation_many), [field.is_relation_many, value]);
   const loadChoices = useCallback(
     async (signal) => {
-      const response = await client.getChoices(
+      const response = resolvedChoiceScope.kind === "bulk-action" ? await client.getBulkActionChoices(
+        slug,
+        resolvedChoiceScope.actionSlug,
+        field.name,
+        searchValue || void 0,
+        selectedIds,
+        { signal }
+      ) : resolvedChoiceScope.kind === "object-action" ? await client.getObjectActionChoices(
+        slug,
+        resolvedChoiceScope.itemId,
+        resolvedChoiceScope.actionSlug,
+        field.name,
+        searchValue || void 0,
+        selectedIds,
+        { signal }
+      ) : await client.getChoices(
         slug,
         field.name,
         searchValue || void 0,
@@ -720,7 +807,17 @@ var FieldEditor = memo(function FieldEditor2({
       );
       return response.items;
     },
-    [client, field.name, searchValue, selectedIds, slug]
+    [
+      client,
+      field.name,
+      resolvedChoiceScope.kind,
+      resolvedChoiceScope.kind === "bulk-action" ? resolvedChoiceScope.actionSlug : null,
+      resolvedChoiceScope.kind === "object-action" ? resolvedChoiceScope.actionSlug : null,
+      resolvedChoiceScope.kind === "object-action" ? resolvedChoiceScope.itemId : null,
+      searchValue,
+      selectedIds,
+      slug
+    ]
   );
   const { items: choices, isLoading: isLoadingChoices } = useRemoteChoices({
     enabled: field.has_choices,
@@ -742,6 +839,7 @@ var FieldEditor = memo(function FieldEditor2({
     return /* @__PURE__ */ jsx3(
       FormControlLabel,
       {
+        required: field.required,
         control: /* @__PURE__ */ jsx3(
           Switch,
           {
@@ -750,7 +848,8 @@ var FieldEditor = memo(function FieldEditor2({
             onChange: (_, checked) => onChange(checked)
           }
         ),
-        label: field.label
+        label: field.label,
+        sx: buildRequiredLabelSx()
       }
     );
   }
@@ -760,17 +859,30 @@ var FieldEditor = memo(function FieldEditor2({
       {
         label: field.label,
         disabled: readOnly,
-        value: value ? dayjs(String(value)) : null,
+        open: isPickerOpen,
+        value: value ? dayjs2(String(value)) : null,
+        onOpen: onRequestPickerOpen,
+        onClose: onRequestPickerClose,
         onChange: (nextValue) => onChange(nextValue ? nextValue.format("YYYY-MM-DD") : null),
         slotProps: {
           popper: { disablePortal: true },
           desktopPaper: buildPickerPaperProps(),
           mobilePaper: buildPickerPaperProps(),
+          openPickerButton: {
+            onMouseDown: (event) => handlePickerButtonMouseDown(event, hasAnotherPickerOpen, onRequestPickerOpen)
+          },
           textField: {
             fullWidth: true,
             size: "small",
+            required: field.required,
+            sx: buildRequiredLabelSx(),
             helperText: (_a = field.help_text) != null ? _a : void 0,
-            slotProps: { htmlInput: buildHtmlInputProps(field) }
+            slotProps: {
+              htmlInput: {
+                ...buildHtmlInputProps(field),
+                placeholder: (_b = field.placeholder) != null ? _b : void 0
+              }
+            }
           }
         }
       }
@@ -782,22 +894,46 @@ var FieldEditor = memo(function FieldEditor2({
       {
         label: field.label,
         disabled: readOnly,
-        value: value ? dayjs(String(value)) : null,
+        open: isPickerOpen,
+        value: value ? dayjs2(String(value)) : null,
+        onOpen: onRequestPickerOpen,
+        onClose: onRequestPickerClose,
         onChange: (nextValue) => onChange(nextValue ? nextValue.format("YYYY-MM-DD[T]HH:mm:ss") : null),
         slotProps: {
+          actionBar: {
+            actions: ["today", "cancel", "accept"]
+          },
           popper: { disablePortal: true },
           desktopPaper: buildPickerPaperProps(),
           mobilePaper: buildPickerPaperProps(),
+          openPickerButton: {
+            onMouseDown: (event) => handlePickerButtonMouseDown(event, hasAnotherPickerOpen, onRequestPickerOpen)
+          },
           textField: {
             fullWidth: true,
             size: "small",
-            helperText: (_b = field.help_text) != null ? _b : void 0,
-            slotProps: { htmlInput: buildHtmlInputProps(field) }
+            required: field.required,
+            sx: buildRequiredLabelSx(),
+            helperText: (_c = field.help_text) != null ? _c : void 0,
+            slotProps: {
+              htmlInput: {
+                ...buildHtmlInputProps(field),
+                placeholder: (_d = field.placeholder) != null ? _d : void 0
+              }
+            }
           }
         }
       }
     );
   }
+  if (hasStaticOptions(field)) {
+    return renderStaticChoiceEditor({
+      field,
+      value,
+      onChange,
+      readOnly
+    });
+  }
   if (field.has_choices) {
     return renderChoiceEditor({
       field,
@@ -837,7 +973,10 @@ var FieldEditor = memo(function FieldEditor2({
         multiline: true,
         minRows: 6,
         error: jsonError !== null,
-        helperText: (_c = jsonError != null ? jsonError : field.help_text) != null ? _c : void 0,
+        required: field.required,
+        sx: buildRequiredLabelSx(),
+        helperText: (_e = jsonError != null ? jsonError : field.help_text) != null ? _e : void 0,
+        placeholder: (_f = field.placeholder) != null ? _f : void 0,
         slotProps: {
           htmlInput: buildHtmlInputProps(field)
         }
@@ -853,7 +992,10 @@ var FieldEditor = memo(function FieldEditor2({
       size: "small",
       fullWidth: true,
       disabled: readOnly,
-      helperText: (_d = field.help_text) != null ? _d : void 0,
+      required: field.required,
+      sx: buildRequiredLabelSx(),
+      helperText: (_g = field.help_text) != null ? _g : void 0,
+      placeholder: (_h = field.placeholder) != null ? _h : void 0,
       type: resolveInputType(field),
       multiline: field.input_kind === "textarea" || field.type.toLowerCase().includes("text"),
       minRows: field.input_kind === "textarea" || field.type.toLowerCase().includes("text") ? 3 : void 0,
@@ -910,25 +1052,28 @@ function renderChoiceEditor({
           listbox: { sx: { maxHeight: 240 } }
         },
         renderInput: (params) => (() => {
-          var _a2;
-          const { InputProps, inputProps, ...textFieldParams } = params;
+          var _a2, _b, _c;
+          const { slotProps, ...textFieldParams } = params;
           return /* @__PURE__ */ jsx3(
             TextField,
             {
               ...textFieldParams,
               label: field.label,
-              placeholder: searchPlaceholder,
-              helperText: (_a2 = field.help_text) != null ? _a2 : void 0,
+              required: field.required,
+              sx: buildRequiredLabelSx(),
+              placeholder: (_a2 = field.placeholder) != null ? _a2 : searchPlaceholder,
+              helperText: (_b = field.help_text) != null ? _b : void 0,
               slotProps: {
+                inputLabel: slotProps.inputLabel,
                 input: {
-                  ...InputProps,
+                  ...slotProps.input,
                   endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
                     isLoadingChoices ? /* @__PURE__ */ jsx3(CircularProgress, { color: "inherit", size: 16 }) : null,
-                    InputProps.endAdornment
+                    (_c = slotProps.input) == null ? void 0 : _c.endAdornment
                   ] })
                 },
                 htmlInput: {
-                  ...inputProps,
+                  ...slotProps.htmlInput,
                   autoComplete: "new-password",
                   name: `admin-choice-${field.name}`
                 }
@@ -968,25 +1113,28 @@ function renderChoiceEditor({
         listbox: { sx: { maxHeight: 240 } }
       },
       renderInput: (params) => (() => {
-        var _a2;
-        const { InputProps, inputProps, ...textFieldParams } = params;
+        var _a2, _b, _c;
+        const { slotProps, ...textFieldParams } = params;
         return /* @__PURE__ */ jsx3(
           TextField,
           {
             ...textFieldParams,
             label: field.label,
-            placeholder: searchPlaceholder,
-            helperText: (_a2 = field.help_text) != null ? _a2 : void 0,
+            required: field.required,
+            sx: buildRequiredLabelSx(),
+            placeholder: (_a2 = field.placeholder) != null ? _a2 : searchPlaceholder,
+            helperText: (_b = field.help_text) != null ? _b : void 0,
             slotProps: {
+              inputLabel: slotProps.inputLabel,
               input: {
-                ...InputProps,
+                ...slotProps.input,
                 endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
                   isLoadingChoices ? /* @__PURE__ */ jsx3(CircularProgress, { color: "inherit", size: 16 }) : null,
-                  InputProps.endAdornment
+                  (_c = slotProps.input) == null ? void 0 : _c.endAdornment
                 ] })
               },
               htmlInput: {
-                ...inputProps,
+                ...slotProps.htmlInput,
                 autoComplete: "new-password",
                 name: `admin-choice-${field.name}`
               }
@@ -997,6 +1145,90 @@ function renderChoiceEditor({
     }
   );
 }
+function renderStaticChoiceEditor({
+  field,
+  value,
+  onChange,
+  readOnly
+}) {
+  var _a, _b, _c, _d;
+  const options = (_a = field.options) != null ? _a : [];
+  const optionValueMap = new Map(options.map((option) => [String(option.value), option.value]));
+  const canClear = !field.required;
+  if (field.input_kind === "select-multiple") {
+    const selectedValues = Array.isArray(value) ? value.map((item) => String(item)) : [];
+    return /* @__PURE__ */ jsx3(
+      TextField,
+      {
+        select: true,
+        label: field.label,
+        value: selectedValues,
+        onChange: (event) => {
+          const rawValues = event.target.value;
+          const nextValues = Array.isArray(rawValues) ? rawValues : [rawValues];
+          onChange(nextValues.map((item) => {
+            var _a2;
+            return (_a2 = optionValueMap.get(String(item))) != null ? _a2 : item;
+          }));
+        },
+        size: "small",
+        fullWidth: true,
+        disabled: readOnly,
+        required: field.required,
+        sx: buildRequiredLabelSx(),
+        helperText: (_b = field.help_text) != null ? _b : void 0,
+        slotProps: {
+          htmlInput: buildHtmlInputProps(field),
+          select: {
+            multiple: true,
+            displayEmpty: true,
+            renderValue: (selected) => {
+              var _a2;
+              const selectedItems = Array.isArray(selected) ? selected : [selected];
+              if (selectedItems.length === 0) {
+                return (_a2 = field.placeholder) != null ? _a2 : "";
+              }
+              return selectedItems.map((item) => {
+                var _a3, _b2;
+                return (_b2 = (_a3 = options.find((option) => String(option.value) === String(item))) == null ? void 0 : _a3.label) != null ? _b2 : String(item);
+              }).join(", ");
+            }
+          }
+        },
+        children: options.map((option) => /* @__PURE__ */ jsx3(MenuItem, { value: String(option.value), children: option.label }, String(option.value)))
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    TextField,
+    {
+      select: true,
+      label: field.label,
+      value: value === null || value === void 0 ? "" : String(value),
+      onChange: (event) => {
+        var _a2;
+        const nextValue = event.target.value;
+        onChange(nextValue === "" ? null : (_a2 = optionValueMap.get(String(nextValue))) != null ? _a2 : nextValue);
+      },
+      size: "small",
+      fullWidth: true,
+      disabled: readOnly,
+      required: field.required,
+      sx: buildRequiredLabelSx(),
+      helperText: (_c = field.help_text) != null ? _c : void 0,
+      slotProps: {
+        htmlInput: buildHtmlInputProps(field),
+        select: {
+          displayEmpty: canClear || Boolean(field.placeholder)
+        }
+      },
+      children: [
+        canClear || field.placeholder ? /* @__PURE__ */ jsx3(MenuItem, { value: "", children: (_d = field.placeholder) != null ? _d : "" }) : null,
+        options.map((option) => /* @__PURE__ */ jsx3(MenuItem, { value: String(option.value), children: option.label }, String(option.value)))
+      ]
+    }
+  );
+}
 function normalizeSelectedIds(value, isMultiple) {
   if (isMultiple) {
     if (!Array.isArray(value)) {
@@ -1016,6 +1248,20 @@ function mergeChoices(current, next) {
   }
   return [...choiceMap.values()];
 }
+function hasStaticOptions(field) {
+  var _a, _b;
+  return ((_b = (_a = field.options) == null ? void 0 : _a.length) != null ? _b : 0) > 0 || field.input_kind === "select" || field.input_kind === "select-multiple";
+}
+function buildRequiredLabelSx() {
+  return {
+    "& .MuiFormLabel-asterisk": {
+      color: "error.main"
+    },
+    "& .MuiFormControlLabel-asterisk": {
+      color: "error.main"
+    }
+  };
+}
 function resolveInputType(field) {
   if (field.input_kind === "password") {
     return "password";
@@ -1058,8 +1304,8 @@ function stringifyJsonValue(value) {
 
 // src/components/layout/AdminMessageContext.tsx
 import { createContext as createContext3, useCallback as useCallback2, useContext as useContext3, useEffect as useEffect3, useMemo as useMemo4, useRef as useRef3, useState as useState3 } from "react";
-import CheckCircleOutlineIcon from "@mui/icons-material/CheckCircleOutline";
-import ErrorOutlineIcon from "@mui/icons-material/ErrorOutline";
+import CheckCircleOutlinedIcon from "@mui/icons-material/CheckCircleOutlined";
+import ErrorOutlinedIcon from "@mui/icons-material/ErrorOutlined";
 import InfoOutlinedIcon from "@mui/icons-material/InfoOutlined";
 import { Box, Paper, Portal, Stack, Typography } from "@mui/material";
 import { alpha, useTheme } from "@mui/material/styles";
@@ -1199,7 +1445,7 @@ function AdminMessageBubble({
           }
         }
       },
-      children: /* @__PURE__ */ jsxs2(Stack, { direction: "row", spacing: 1.125, alignItems: "center", children: [
+      children: /* @__PURE__ */ jsxs2(Stack, { direction: "row", spacing: 1.125, sx: { alignItems: "center" }, children: [
         /* @__PURE__ */ jsx4(
           Box,
           {
@@ -1241,7 +1487,7 @@ function AdminMessageBubble({
 function getBubbleAppearance(theme, kind) {
   if (kind === "success") {
     return {
-      icon: CheckCircleOutlineIcon,
+      icon: CheckCircleOutlinedIcon,
       backgroundColor: alpha(theme.palette.success.main, 0.6),
       iconColor: theme.palette.common.white,
       iconBackgroundColor: alpha(theme.palette.common.white, 0.14),
@@ -1250,7 +1496,7 @@ function getBubbleAppearance(theme, kind) {
   }
   if (kind === "error") {
     return {
-      icon: ErrorOutlineIcon,
+      icon: ErrorOutlinedIcon,
       backgroundColor: alpha(theme.palette.error.main, 0.6),
       iconColor: theme.palette.common.white,
       iconBackgroundColor: alpha(theme.palette.common.white, 0.14),
@@ -1285,19 +1531,57 @@ function FormDialog({
   const [values, setValues] = useState4({});
   const [error, setError] = useState4(null);
   const [isSaving, setIsSaving] = useState4(false);
-  const editableFieldNames = useMemo5(
-    () => mode === "create" ? meta.create_fields : meta.update_fields,
-    [meta.create_fields, meta.update_fields, mode]
-  );
   const editableFields = useMemo5(
-    () => meta.fields.filter((field) => editableFieldNames.includes(field.name)),
-    [editableFieldNames, meta.fields]
+    () => {
+      if (mode === "create" && meta.create_form && meta.create_form.length > 0) {
+        return meta.create_form;
+      }
+      const editableFieldNames = mode === "create" ? meta.create_fields : meta.update_fields;
+      return meta.fields.filter((field) => editableFieldNames.includes(field.name));
+    },
+    [meta.create_fields, meta.create_form, meta.fields, meta.update_fields, mode]
   );
+  const [openPickerFieldName, setOpenPickerFieldName] = useState4(null);
+  const pendingPickerFrameRef = useRef4(null);
   useEffect4(() => {
-    setValues(initialValues != null ? initialValues : {});
+    setValues(buildAdminFormInitialValues(editableFields, initialValues));
     setError(null);
     setIsSaving(false);
-  }, [initialValues, open]);
+    setOpenPickerFieldName(null);
+  }, [editableFields, initialValues, open]);
+  useEffect4(() => {
+    return () => {
+      if (pendingPickerFrameRef.current !== null) {
+        window.cancelAnimationFrame(pendingPickerFrameRef.current);
+        pendingPickerFrameRef.current = null;
+      }
+    };
+  }, []);
+  const requestPickerOpen = (fieldName) => {
+    if (openPickerFieldName === fieldName) {
+      return;
+    }
+    if (pendingPickerFrameRef.current !== null) {
+      window.cancelAnimationFrame(pendingPickerFrameRef.current);
+      pendingPickerFrameRef.current = null;
+    }
+    if (openPickerFieldName !== null) {
+      setOpenPickerFieldName(null);
+      pendingPickerFrameRef.current = window.requestAnimationFrame(() => {
+        setOpenPickerFieldName(fieldName);
+        pendingPickerFrameRef.current = null;
+      });
+      return;
+    }
+    setOpenPickerFieldName(fieldName);
+  };
+  const requestPickerClose = (fieldName) => {
+    if (pendingPickerFrameRef.current !== null && openPickerFieldName === fieldName) {
+      window.cancelAnimationFrame(pendingPickerFrameRef.current);
+      pendingPickerFrameRef.current = null;
+    }
+    setOpenPickerFieldName((current) => current === fieldName ? null : current);
+  };
   const handleSave = async () => {
     if (isSaving) {
       return;
@@ -1346,22 +1630,34 @@ function FormDialog({
       },
       children: [
         /* @__PURE__ */ jsx5(DialogTitle, { children: title }),
-        /* @__PURE__ */ jsx5(DialogContent, { children: /* @__PURE__ */ jsx5(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: meta.locale, children: /* @__PURE__ */ jsxs3(Box2, { sx: { display: "grid", gap: 2, pt: 1 }, children: [
-          error ? /* @__PURE__ */ jsx5(Alert, { severity: "error", children: error }) : null,
-          editableFields.map((field) => /* @__PURE__ */ jsx5(
-            FieldEditor,
-            {
-              field,
-              value: values[field.name],
-              slug,
-              client,
-              onChange: (nextValue) => {
-                setValues((current) => ({ ...current, [field.name]: nextValue }));
-              }
-            },
-            field.name
-          ))
-        ] }) }) }),
+        /* @__PURE__ */ jsx5(DialogContent, { children: /* @__PURE__ */ jsx5(
+          LocalizationProvider,
+          {
+            dateAdapter: AdapterDayjs,
+            adapterLocale: meta.locale,
+            localeText: getMuiPickersLocaleText(meta.locale),
+            children: /* @__PURE__ */ jsxs3(Box2, { sx: { display: "grid", gap: 2, pt: 1 }, children: [
+              error ? /* @__PURE__ */ jsx5(Alert, { severity: "error", children: error }) : null,
+              editableFields.map((field) => /* @__PURE__ */ jsx5(
+                FieldEditor,
+                {
+                  field,
+                  value: values[field.name],
+                  slug,
+                  client,
+                  isPickerOpen: openPickerFieldName === field.name,
+                  hasAnotherPickerOpen: openPickerFieldName !== null && openPickerFieldName !== field.name,
+                  onChange: (nextValue) => {
+                    setValues((current) => ({ ...current, [field.name]: nextValue }));
+                  },
+                  onRequestPickerOpen: () => requestPickerOpen(field.name),
+                  onRequestPickerClose: () => requestPickerClose(field.name)
+                },
+                field.name
+              ))
+            ] })
+          }
+        ) }),
         /* @__PURE__ */ jsxs3(DialogActions, { children: [
           /* @__PURE__ */ jsx5(Button, { onClick: onClose, disabled: isSaving, children: t("cancel") }),
           /* @__PURE__ */ jsx5(Button, { variant: "contained", onClick: () => void handleSave(), disabled: isSaving, children: isSaving ? t("saving") : t("save") })
@@ -1372,7 +1668,7 @@ function FormDialog({
 }
 
 // src/components/OverviewPage.tsx
-import { useEffect as useEffect7, useLayoutEffect, useMemo as useMemo7, useState as useState7 } from "react";
+import { useEffect as useEffect8, useLayoutEffect, useMemo as useMemo7, useState as useState7 } from "react";
 import { Alert as Alert3, Box as Box6, Grid, Paper as Paper4, Skeleton as Skeleton2, Stack as Stack6 } from "@mui/material";
 
 // src/hooks/useAdminDocumentTitle.ts
@@ -1624,6 +1920,7 @@ function DashboardModelsBlock({ block, basePath }) {
 }
 
 // src/components/models-blocks/SidebarModelsBlock.tsx
+import { useEffect as useEffect7 } from "react";
 import ExpandMoreIcon2 from "@mui/icons-material/ExpandMore";
 import {
   Accordion as Accordion2,
@@ -1638,6 +1935,12 @@ import {
 import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 function SidebarModelsBlock({ block, basePath, activeModelSlug, onModelNavigate }) {
   const [isExpanded, setIsExpanded] = useBlockExpandedState(block.slug, block.default_expanded);
+  const hasActiveModel = block.models.some((model) => model.slug === activeModelSlug);
+  useEffect7(() => {
+    if (hasActiveModel && !isExpanded) {
+      setIsExpanded(true);
+    }
+  }, [hasActiveModel, isExpanded, setIsExpanded]);
   if (block.collapsible) {
     return /* @__PURE__ */ jsxs6(
       Accordion2,
@@ -1646,6 +1949,8 @@ function SidebarModelsBlock({ block, basePath, activeModelSlug, onModelNavigate
         onChange: (_, expanded) => setIsExpanded(expanded),
         disableGutters: true,
         elevation: 0,
+        "data-xladmin-active-block": hasActiveModel ? "true" : void 0,
+        "data-xladmin-block-origin": block.isAllModels ? "all-models" : "block",
         sx: {
           ...getBlockSurfaceSx(block, "sidebar"),
           borderRadius: "8px",
@@ -1683,6 +1988,7 @@ function SidebarModelsBlock({ block, basePath, activeModelSlug, onModelNavigate
               models: block.models,
               basePath,
               activeModelSlug,
+              modelOrigin: block.isAllModels ? "all-models" : "block",
               onModelNavigate
             }
           ) })
@@ -1693,6 +1999,8 @@ function SidebarModelsBlock({ block, basePath, activeModelSlug, onModelNavigate
   return /* @__PURE__ */ jsxs6(
     Paper2,
     {
+      "data-xladmin-active-block": hasActiveModel ? "true" : void 0,
+      "data-xladmin-block-origin": block.isAllModels ? "all-models" : "block",
       sx: {
         ...getBlockSurfaceSx(block, "sidebar"),
         borderRadius: "8px",
@@ -1706,6 +2014,7 @@ function SidebarModelsBlock({ block, basePath, activeModelSlug, onModelNavigate
             models: block.models,
             basePath,
             activeModelSlug,
+            modelOrigin: block.isAllModels ? "all-models" : "block",
             onModelNavigate
           }
         )
@@ -1713,7 +2022,7 @@ function SidebarModelsBlock({ block, basePath, activeModelSlug, onModelNavigate
     }
   );
 }
-function SidebarModelsList({ models, basePath, activeModelSlug, onModelNavigate }) {
+function SidebarModelsList({ models, basePath, activeModelSlug, modelOrigin, onModelNavigate }) {
   return /* @__PURE__ */ jsx11(List, { dense: true, disablePadding: true, sx: { display: "flex", flexDirection: "column", gap: 0.5, p: 1.35 }, children: models.map((model) => {
     const href = `${basePath}/${model.slug}`;
     const isActive = activeModelSlug === model.slug;
@@ -1723,33 +2032,38 @@ function SidebarModelsList({ models, basePath, activeModelSlug, onModelNavigate
         href,
         style: { textDecoration: "none", display: "block" },
         onClick: () => onModelNavigate == null ? void 0 : onModelNavigate(href),
-        children: /* @__PURE__ */ jsx11(
-          ListItemButton2,
-          {
-            selected: isActive,
-            sx: {
-              borderRadius: "8px",
-              px: 1.4,
-              backgroundColor: isActive ? "rgba(255, 255, 255, 0.18)" : "rgba(255, 255, 255, 0.04)",
-              boxShadow: isActive ? "inset 0 0 0 1px rgba(255, 255, 255, 0.08)" : "none",
-              "&:hover": {
-                backgroundColor: isActive ? "rgba(255, 255, 255, 0.2)" : "rgba(255, 255, 255, 0.06)"
-              },
-              "&.Mui-selected": {
-                backgroundColor: "rgba(255, 255, 255, 0.18)"
-              },
-              "&.Mui-selected:hover": {
-                backgroundColor: "rgba(255, 255, 255, 0.2)"
-              }
-            },
-            children: /* @__PURE__ */ jsx11(ListItemText2, { primary: model.title })
-          }
-        )
+        children: /* @__PURE__ */ jsx11(SidebarModelListItem, { title: model.title, isActive, modelOrigin })
       },
       model.slug
     );
   }) });
 }
+function SidebarModelListItem({ title, isActive, modelOrigin }) {
+  return /* @__PURE__ */ jsx11(
+    ListItemButton2,
+    {
+      selected: isActive,
+      "data-xladmin-active-model": isActive ? "true" : void 0,
+      "data-xladmin-model-origin": isActive ? modelOrigin : void 0,
+      sx: {
+        borderRadius: "8px",
+        px: 1.4,
+        backgroundColor: isActive ? "rgba(255, 255, 255, 0.18)" : "rgba(255, 255, 255, 0.04)",
+        boxShadow: isActive ? "inset 0 0 0 1px rgba(255, 255, 255, 0.08)" : "none",
+        "&:hover": {
+          backgroundColor: isActive ? "rgba(255, 255, 255, 0.2)" : "rgba(255, 255, 255, 0.06)"
+        },
+        "&.Mui-selected": {
+          backgroundColor: "rgba(255, 255, 255, 0.18)"
+        },
+        "&.Mui-selected:hover": {
+          backgroundColor: "rgba(255, 255, 255, 0.2)"
+        }
+      },
+      children: /* @__PURE__ */ jsx11(ListItemText2, { primary: title })
+    }
+  );
+}
 
 // src/components/ModelsBlocks.tsx
 import { jsx as jsx12 } from "react/jsx-runtime";
@@ -1846,84 +2160,64 @@ function MainHeader({ title, subtitle, details, error, beforeTitle, beforeSubtit
       },
       children: [
         /* @__PURE__ */ jsxs7(Stack5, { spacing: 0.5, children: [
-          /* @__PURE__ */ jsxs7(
-            Stack5,
-            {
-              direction: "row",
-              spacing: 1.5,
-              alignItems: "center",
-              justifyContent: "space-between",
-              sx: { minWidth: 0 },
-              children: [
-                /* @__PURE__ */ jsxs7(Stack5, { direction: "row", spacing: 1, alignItems: "center", sx: { minWidth: 0, flex: 1 }, children: [
-                  isMobile ? /* @__PURE__ */ jsx13(Box5, { sx: { display: "flex", alignItems: "center", flexShrink: 0 }, children: /* @__PURE__ */ jsx13(
-                    IconButton,
-                    {
-                      "aria-label": t("menu"),
-                      onClick: openMobileSidebar,
-                      size: "small",
-                      sx: { ml: -0.5 },
-                      children: /* @__PURE__ */ jsx13(MenuIcon, { fontSize: "small" })
-                    }
-                  ) }) : null,
-                  beforeTitle ? /* @__PURE__ */ jsx13(Box5, { sx: { display: "flex", alignItems: "center", flexShrink: 0 }, children: beforeTitle }) : null,
-                  /* @__PURE__ */ jsx13(
-                    Typography3,
-                    {
-                      variant: "h5",
-                      sx: {
-                        fontWeight: 600,
-                        lineHeight: "2.125rem",
-                        minWidth: 0
-                      },
-                      children: title
-                    }
-                  )
-                ] }),
-                actions ? /* @__PURE__ */ jsx13(Box5, { sx: { display: "flex", alignItems: "center", flexShrink: 0 }, children: actions }) : null
-              ]
-            }
-          ),
-          subtitle && !details ? /* @__PURE__ */ jsxs7(Stack5, { direction: "row", spacing: 0.5, alignItems: "center", sx: { minWidth: 0 }, children: [
+          /* @__PURE__ */ jsxs7(Stack5, { direction: "row", spacing: 1.5, sx: { minWidth: 0, alignItems: "center", justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ jsxs7(Stack5, { direction: "row", spacing: 1, sx: { minWidth: 0, flex: 1, alignItems: "center" }, children: [
+              isMobile ? /* @__PURE__ */ jsx13(Box5, { sx: { display: "flex", alignItems: "center", flexShrink: 0 }, children: /* @__PURE__ */ jsx13(
+                IconButton,
+                {
+                  "aria-label": t("menu"),
+                  onClick: openMobileSidebar,
+                  size: "small",
+                  sx: { ml: -0.5 },
+                  children: /* @__PURE__ */ jsx13(MenuIcon, { fontSize: "small" })
+                }
+              ) }) : null,
+              beforeTitle ? /* @__PURE__ */ jsx13(Box5, { sx: { display: "flex", alignItems: "center", flexShrink: 0 }, children: beforeTitle }) : null,
+              /* @__PURE__ */ jsx13(
+                Typography3,
+                {
+                  variant: "h5",
+                  sx: {
+                    fontWeight: 600,
+                    lineHeight: "2.125rem",
+                    minWidth: 0
+                  },
+                  children: title
+                }
+              )
+            ] }),
+            actions ? /* @__PURE__ */ jsx13(Box5, { sx: { display: "flex", alignItems: "center", flexShrink: 0 }, children: actions }) : null
+          ] }),
+          subtitle && !details ? /* @__PURE__ */ jsxs7(Stack5, { direction: "row", spacing: 0.5, sx: { minWidth: 0, alignItems: "center" }, children: [
             beforeSubtitle ? /* @__PURE__ */ jsx13(Box5, { sx: { display: "flex", alignItems: "center", flexShrink: 0 }, children: beforeSubtitle }) : null,
             /* @__PURE__ */ jsx13(Typography3, { color: "text.secondary", sx: { lineHeight: "1rem", minWidth: 0 }, children: subtitle })
           ] }) : null,
           details ? /* @__PURE__ */ jsxs7(Stack5, { spacing: 0.5, children: [
-            /* @__PURE__ */ jsxs7(
-              Stack5,
-              {
-                direction: "row",
-                spacing: 0.5,
-                alignItems: "center",
-                justifyContent: "space-between",
-                sx: { minWidth: 0 },
-                children: [
-                  /* @__PURE__ */ jsxs7(Stack5, { direction: "row", spacing: 0.5, alignItems: "center", sx: { minWidth: 0, flex: 1 }, children: [
-                    beforeSubtitle ? /* @__PURE__ */ jsx13(Box5, { sx: { display: "flex", alignItems: "center", flexShrink: 0 }, children: beforeSubtitle }) : null,
-                    /* @__PURE__ */ jsx13(Typography3, { color: "text.secondary", sx: { lineHeight: "1rem", minWidth: 0 }, children: subtitle })
-                  ] }),
-                  /* @__PURE__ */ jsx13(
-                    IconButton,
+            /* @__PURE__ */ jsxs7(Stack5, { direction: "row", spacing: 0.5, sx: { minWidth: 0, alignItems: "center", justifyContent: "space-between" }, children: [
+              /* @__PURE__ */ jsxs7(Stack5, { direction: "row", spacing: 0.5, sx: { minWidth: 0, flex: 1, alignItems: "center" }, children: [
+                beforeSubtitle ? /* @__PURE__ */ jsx13(Box5, { sx: { display: "flex", alignItems: "center", flexShrink: 0 }, children: beforeSubtitle }) : null,
+                /* @__PURE__ */ jsx13(Typography3, { color: "text.secondary", sx: { lineHeight: "1rem", minWidth: 0 }, children: subtitle })
+              ] }),
+              /* @__PURE__ */ jsx13(
+                IconButton,
+                {
+                  "aria-label": isDetailsOpen ? t("hide_details") : t("show_details"),
+                  onClick: () => setIsDetailsOpen((current) => !current),
+                  size: "small",
+                  sx: { mr: -0.5 },
+                  children: /* @__PURE__ */ jsx13(
+                    ExpandMoreIcon3,
                     {
-                      "aria-label": isDetailsOpen ? t("hide_details") : t("show_details"),
-                      onClick: () => setIsDetailsOpen((current) => !current),
-                      size: "small",
-                      sx: { mr: -0.5 },
-                      children: /* @__PURE__ */ jsx13(
-                        ExpandMoreIcon3,
-                        {
-                          fontSize: "small",
-                          sx: {
-                            transform: isDetailsOpen ? "rotate(180deg)" : "rotate(0deg)",
-                            transition: "transform 0.2s ease"
-                          }
-                        }
-                      )
+                      fontSize: "small",
+                      sx: {
+                        transform: isDetailsOpen ? "rotate(180deg)" : "rotate(0deg)",
+                        transition: "transform 0.2s ease"
+                      }
                     }
                   )
-                ]
-              }
-            ),
+                }
+              )
+            ] }),
             /* @__PURE__ */ jsx13(Collapse, { in: isDetailsOpen, children: /* @__PURE__ */ jsx13(Box5, { sx: { pt: 0.5 }, children: details }) })
           ] }) : null
         ] }),
@@ -1995,7 +2289,7 @@ function OverviewPage({ client, basePath }) {
   const [data, setData] = useState7(shellModelsResponse != null ? shellModelsResponse : cachedModelsResponse);
   const [error, setError] = useState7(null);
   const [isLoading, setIsLoading] = useState7(shellModelsResponse === null && cachedModelsResponse === null);
-  useEffect7(() => {
+  useEffect8(() => {
     let isMounted = true;
     if (shellModelsResponse !== null) {
       cachedModelsResponse = shellModelsResponse;
@@ -2115,17 +2409,17 @@ import ChevronRightIcon from "@mui/icons-material/ChevronRight";
 import ExpandMoreIcon4 from "@mui/icons-material/ExpandMore";
 import FilterListIcon from "@mui/icons-material/FilterList";
 import {
-  Alert as Alert5,
-  Box as Box10,
-  Button as Button4,
+  Alert as Alert6,
+  Box as Box11,
+  Button as Button5,
   Checkbox as Checkbox2,
-  Dialog as Dialog3,
-  DialogContent as DialogContent3,
-  DialogTitle as DialogTitle3,
+  Dialog as Dialog4,
+  DialogContent as DialogContent4,
+  DialogTitle as DialogTitle4,
   IconButton as IconButton3,
   InputBase,
   Menu,
-  MenuItem as MenuItem2,
+  MenuItem as MenuItem3,
   Paper as Paper7,
   Stack as Stack10,
   Table,
@@ -2140,20 +2434,165 @@ import {
 } from "@mui/material";
 import { useTheme as useTheme3 } from "@mui/material/styles";
 
+// src/components/ActionFormDialog.tsx
+import { useEffect as useEffect9, useRef as useRef5, useState as useState8 } from "react";
+import { Alert as Alert4, Box as Box7, Button as Button2, Dialog as Dialog2, DialogActions as DialogActions2, DialogContent as DialogContent2, DialogTitle as DialogTitle2 } from "@mui/material";
+import { LocalizationProvider as LocalizationProvider2 } from "@mui/x-date-pickers";
+import { AdapterDayjs as AdapterDayjs2 } from "@mui/x-date-pickers/AdapterDayjs";
+import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+function ActionFormDialog({
+  open,
+  onClose,
+  onSuccess,
+  title,
+  submitLabel,
+  slug,
+  locale,
+  fields,
+  client,
+  choiceScope,
+  initialValues,
+  onSubmit
+}) {
+  const t = useAdminTranslation();
+  const message = useAdminMessage();
+  const [values, setValues] = useState8({});
+  const [error, setError] = useState8(null);
+  const [isSubmitting, setIsSubmitting] = useState8(false);
+  const [openPickerFieldName, setOpenPickerFieldName] = useState8(null);
+  const pendingPickerFrameRef = useRef5(null);
+  useEffect9(() => {
+    setValues(buildAdminFormInitialValues(fields, initialValues));
+    setError(null);
+    setIsSubmitting(false);
+    setOpenPickerFieldName(null);
+  }, [fields, initialValues, open]);
+  useEffect9(() => {
+    return () => {
+      if (pendingPickerFrameRef.current !== null) {
+        window.cancelAnimationFrame(pendingPickerFrameRef.current);
+        pendingPickerFrameRef.current = null;
+      }
+    };
+  }, []);
+  const requestPickerOpen = (fieldName) => {
+    if (openPickerFieldName === fieldName) {
+      return;
+    }
+    if (pendingPickerFrameRef.current !== null) {
+      window.cancelAnimationFrame(pendingPickerFrameRef.current);
+      pendingPickerFrameRef.current = null;
+    }
+    if (openPickerFieldName !== null) {
+      setOpenPickerFieldName(null);
+      pendingPickerFrameRef.current = window.requestAnimationFrame(() => {
+        setOpenPickerFieldName(fieldName);
+        pendingPickerFrameRef.current = null;
+      });
+      return;
+    }
+    setOpenPickerFieldName(fieldName);
+  };
+  const requestPickerClose = (fieldName) => {
+    if (pendingPickerFrameRef.current !== null && openPickerFieldName === fieldName) {
+      window.cancelAnimationFrame(pendingPickerFrameRef.current);
+      pendingPickerFrameRef.current = null;
+    }
+    setOpenPickerFieldName((current) => current === fieldName ? null : current);
+  };
+  const handleSubmit = async () => {
+    if (isSubmitting) {
+      return;
+    }
+    setIsSubmitting(true);
+    setError(null);
+    try {
+      await onSubmit(buildAdminPayload(values, fields));
+      onSuccess();
+      onClose();
+    } catch (reason) {
+      const nextError = reason instanceof Error ? reason.message : t("object_action_error");
+      setError(nextError);
+      message.error(nextError);
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs9(
+    Dialog2,
+    {
+      open,
+      onClose,
+      fullWidth: true,
+      maxWidth: "md",
+      slotProps: {
+        paper: {
+          sx: {
+            m: { xs: 1, sm: 2, md: 3 },
+            width: { xs: "calc(100% - 16px)", sm: void 0 },
+            maxWidth: { xs: "calc(100% - 16px)", md: 900 },
+            maxHeight: {
+              xs: "calc(100% - 16px)",
+              sm: "calc(100% - 32px)",
+              md: "calc(100% - 48px)"
+            }
+          }
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx15(DialogTitle2, { children: title }),
+        /* @__PURE__ */ jsx15(DialogContent2, { children: /* @__PURE__ */ jsx15(
+          LocalizationProvider2,
+          {
+            dateAdapter: AdapterDayjs2,
+            adapterLocale: locale,
+            localeText: getMuiPickersLocaleText(locale),
+            children: /* @__PURE__ */ jsxs9(Box7, { sx: { display: "grid", gap: 2, pt: 1 }, children: [
+              error ? /* @__PURE__ */ jsx15(Alert4, { severity: "error", children: error }) : null,
+              fields.map((field) => /* @__PURE__ */ jsx15(
+                FieldEditor,
+                {
+                  field,
+                  value: values[field.name],
+                  slug,
+                  client,
+                  choiceScope,
+                  isPickerOpen: openPickerFieldName === field.name,
+                  hasAnotherPickerOpen: openPickerFieldName !== null && openPickerFieldName !== field.name,
+                  onChange: (nextValue) => {
+                    setValues((current) => ({ ...current, [field.name]: nextValue }));
+                  },
+                  onRequestPickerOpen: () => requestPickerOpen(field.name),
+                  onRequestPickerClose: () => requestPickerClose(field.name)
+                },
+                field.name
+              ))
+            ] })
+          }
+        ) }),
+        /* @__PURE__ */ jsxs9(DialogActions2, { children: [
+          /* @__PURE__ */ jsx15(Button2, { onClick: onClose, disabled: isSubmitting, children: t("cancel") }),
+          /* @__PURE__ */ jsx15(Button2, { variant: "contained", onClick: () => void handleSubmit(), disabled: isSubmitting, children: isSubmitting ? t("saving") : submitLabel != null ? submitLabel : t("save") })
+        ] })
+      ]
+    }
+  );
+}
+
 // src/components/DeletePreviewDialog.tsx
 import {
-  Alert as Alert4,
-  Box as Box7,
-  Button as Button2,
+  Alert as Alert5,
+  Box as Box8,
+  Button as Button3,
   CircularProgress as CircularProgress2,
-  Dialog as Dialog2,
-  DialogActions as DialogActions2,
-  DialogContent as DialogContent2,
-  DialogTitle as DialogTitle2,
+  Dialog as Dialog3,
+  DialogActions as DialogActions3,
+  DialogContent as DialogContent3,
+  DialogTitle as DialogTitle3,
   Stack as Stack7,
   Typography as Typography4
 } from "@mui/material";
-import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
 function DeletePreviewDialog({
   open,
   title,
@@ -2165,8 +2604,8 @@ function DeletePreviewDialog({
   onConfirm
 }) {
   const t = useAdminTranslation();
-  return /* @__PURE__ */ jsxs9(
-    Dialog2,
+  return /* @__PURE__ */ jsxs10(
+    Dialog3,
     {
       open,
       onClose: isSubmitting ? void 0 : onClose,
@@ -2187,27 +2626,27 @@ function DeletePreviewDialog({
         }
       },
       children: [
-        /* @__PURE__ */ jsx15(DialogTitle2, { children: title }),
-        /* @__PURE__ */ jsxs9(DialogContent2, { dividers: true, children: [
-          isLoading ? /* @__PURE__ */ jsxs9(Stack7, { spacing: 1.5, alignItems: "center", justifyContent: "center", sx: { minHeight: 180 }, children: [
-            /* @__PURE__ */ jsx15(CircularProgress2, { size: 28, thickness: 4.2, color: "inherit" }),
-            /* @__PURE__ */ jsx15(Typography4, { color: "text.secondary", children: t("delete_preview_loading") })
+        /* @__PURE__ */ jsx16(DialogTitle3, { children: title }),
+        /* @__PURE__ */ jsxs10(DialogContent3, { dividers: true, children: [
+          isLoading ? /* @__PURE__ */ jsxs10(Stack7, { spacing: 1.5, sx: { minHeight: 180, alignItems: "center", justifyContent: "center" }, children: [
+            /* @__PURE__ */ jsx16(CircularProgress2, { size: 28, thickness: 4.2, color: "inherit" }),
+            /* @__PURE__ */ jsx16(Typography4, { color: "text.secondary", children: t("delete_preview_loading") })
           ] }) : null,
-          !isLoading && error ? /* @__PURE__ */ jsx15(Alert4, { severity: "error", children: error }) : null,
-          !isLoading && !error && preview ? /* @__PURE__ */ jsxs9(Stack7, { spacing: 1.5, children: [
-            /* @__PURE__ */ jsx15(Typography4, { color: "text.secondary", children: preview.can_delete ? t("delete_preview_hint") : t("delete_preview_blocked_hint") }),
-            !preview.can_delete ? /* @__PURE__ */ jsx15(Alert4, { severity: "warning", children: t("delete_preview_blocked_hint") }) : null,
-            /* @__PURE__ */ jsxs9(Stack7, { spacing: 0.5, children: [
-              /* @__PURE__ */ jsx15(Typography4, { variant: "body2", color: "text.secondary", children: t("delete_preview_roots", { count: preview.summary.roots }) }),
-              /* @__PURE__ */ jsx15(Typography4, { variant: "body2", color: "text.secondary", children: t("delete_preview_delete", { count: preview.summary.delete }) }),
-              /* @__PURE__ */ jsx15(Typography4, { variant: "body2", color: "text.secondary", children: t("delete_preview_protect", { count: preview.summary.protect }) }),
-              /* @__PURE__ */ jsx15(Typography4, { variant: "body2", color: "text.secondary", children: t("delete_preview_set_null", { count: preview.summary.set_null }) }),
-              /* @__PURE__ */ jsx15(Typography4, { variant: "body2", color: "text.secondary", children: t("delete_preview_total", { count: preview.summary.total }) })
+          !isLoading && error ? /* @__PURE__ */ jsx16(Alert5, { severity: "error", children: error }) : null,
+          !isLoading && !error && preview ? /* @__PURE__ */ jsxs10(Stack7, { spacing: 1.5, children: [
+            /* @__PURE__ */ jsx16(Typography4, { color: "text.secondary", children: preview.can_delete ? t("delete_preview_hint") : t("delete_preview_blocked_hint") }),
+            !preview.can_delete ? /* @__PURE__ */ jsx16(Alert5, { severity: "warning", children: t("delete_preview_blocked_hint") }) : null,
+            /* @__PURE__ */ jsxs10(Stack7, { spacing: 0.5, children: [
+              /* @__PURE__ */ jsx16(Typography4, { variant: "body2", color: "text.secondary", children: t("delete_preview_roots", { count: preview.summary.roots }) }),
+              /* @__PURE__ */ jsx16(Typography4, { variant: "body2", color: "text.secondary", children: t("delete_preview_delete", { count: preview.summary.delete }) }),
+              /* @__PURE__ */ jsx16(Typography4, { variant: "body2", color: "text.secondary", children: t("delete_preview_protect", { count: preview.summary.protect }) }),
+              /* @__PURE__ */ jsx16(Typography4, { variant: "body2", color: "text.secondary", children: t("delete_preview_set_null", { count: preview.summary.set_null }) }),
+              /* @__PURE__ */ jsx16(Typography4, { variant: "body2", color: "text.secondary", children: t("delete_preview_total", { count: preview.summary.total }) })
             ] }),
-            preview.summary.delete === 0 && preview.summary.protect === 0 && preview.summary.set_null === 0 ? /* @__PURE__ */ jsx15(Typography4, { variant: "body2", color: "text.secondary", children: t("delete_preview_empty") }) : null,
-            preview.roots.length > 0 ? /* @__PURE__ */ jsx15(Stack7, { spacing: 1, children: preview.roots.map((rootNode, index) => {
+            preview.summary.delete === 0 && preview.summary.protect === 0 && preview.summary.set_null === 0 ? /* @__PURE__ */ jsx16(Typography4, { variant: "body2", color: "text.secondary", children: t("delete_preview_empty") }) : null,
+            preview.roots.length > 0 ? /* @__PURE__ */ jsx16(Stack7, { spacing: 1, children: preview.roots.map((rootNode, index) => {
               var _a;
-              return /* @__PURE__ */ jsx15(
+              return /* @__PURE__ */ jsx16(
                 DeletePreviewNode,
                 {
                   node: rootNode,
@@ -2215,7 +2654,7 @@ function DeletePreviewDialog({
                 },
                 `${(_a = rootNode.model_slug) != null ? _a : "model"}:${rootNode.id}:${index}`
               );
-            }) }) : /* @__PURE__ */ jsx15(
+            }) }) : /* @__PURE__ */ jsx16(
               Typography4,
               {
                 variant: "body2",
@@ -2225,10 +2664,10 @@ function DeletePreviewDialog({
             )
           ] }) : null
         ] }),
-        /* @__PURE__ */ jsxs9(DialogActions2, { children: [
-          /* @__PURE__ */ jsx15(Button2, { onClick: onClose, disabled: isSubmitting, children: t("cancel") }),
-          /* @__PURE__ */ jsx15(
-            Button2,
+        /* @__PURE__ */ jsxs10(DialogActions3, { children: [
+          /* @__PURE__ */ jsx16(Button3, { onClick: onClose, disabled: isSubmitting, children: t("cancel") }),
+          /* @__PURE__ */ jsx16(
+            Button3,
             {
               color: "error",
               variant: "contained",
@@ -2244,8 +2683,8 @@ function DeletePreviewDialog({
 }
 function DeletePreviewNode({ node, depth }) {
   const t = useAdminTranslation();
-  return /* @__PURE__ */ jsxs9(
-    Box7,
+  return /* @__PURE__ */ jsxs10(
+    Box8,
     {
       sx: {
         pl: depth === 0 ? 0 : 1.5,
@@ -2253,17 +2692,17 @@ function DeletePreviewNode({ node, depth }) {
         borderLeft: depth === 0 ? "none" : "1px solid rgba(255, 255, 255, 0.08)"
       },
       children: [
-        /* @__PURE__ */ jsxs9(Stack7, { spacing: 0.25, children: [
-          /* @__PURE__ */ jsx15(Typography4, { sx: { fontWeight: 600 }, children: node.label }),
-          /* @__PURE__ */ jsxs9(Typography4, { variant: "body2", color: "text.secondary", children: [
+        /* @__PURE__ */ jsxs10(Stack7, { spacing: 0.25, children: [
+          /* @__PURE__ */ jsx16(Typography4, { sx: { fontWeight: 600 }, children: node.label }),
+          /* @__PURE__ */ jsxs10(Typography4, { variant: "body2", color: "text.secondary", children: [
             node.model_title,
             node.relation_name ? ` \u2022 ${node.relation_name}` : "",
             ` \u2022 ${getEffectLabel(node.effect, t)}`
           ] })
         ] }),
-        node.children.length > 0 ? /* @__PURE__ */ jsx15(Stack7, { spacing: 0.75, sx: { mt: 1 }, children: node.children.map((childNode, index) => {
+        node.children.length > 0 ? /* @__PURE__ */ jsx16(Stack7, { spacing: 0.75, sx: { mt: 1 }, children: node.children.map((childNode, index) => {
           var _a;
-          return /* @__PURE__ */ jsx15(
+          return /* @__PURE__ */ jsx16(
             DeletePreviewNode,
             {
               node: childNode,
@@ -2287,19 +2726,19 @@ function getEffectLabel(effect, t) {
 }
 
 // src/components/model-page/ListFiltersBar.tsx
-import { memo as memo3, useCallback as useCallback4, useEffect as useEffect8, useMemo as useMemo8, useState as useState8 } from "react";
+import { memo as memo3, useCallback as useCallback4, useEffect as useEffect10, useMemo as useMemo8, useState as useState9 } from "react";
 import {
   Autocomplete as Autocomplete2,
-  Button as Button3,
+  Button as Button4,
   CircularProgress as CircularProgress3,
   Divider,
-  MenuItem,
+  MenuItem as MenuItem2,
   Paper as Paper5,
   Stack as Stack8,
   TextField as TextField2,
   Typography as Typography5
 } from "@mui/material";
-import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
 var ListFiltersSidebar = memo3(function ListFiltersSidebar2({
   client,
   slug,
@@ -2334,7 +2773,7 @@ var ListFiltersSidebar = memo3(function ListFiltersSidebar2({
     [filters, values]
   );
   if (filters.length === 0) return null;
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     Paper5,
     {
       sx: {
@@ -2346,14 +2785,14 @@ var ListFiltersSidebar = memo3(function ListFiltersSidebar2({
         p: 1.5,
         overflow: "auto"
       },
-      children: /* @__PURE__ */ jsxs10(Stack8, { spacing: 1.5, children: [
-        /* @__PURE__ */ jsxs10(Stack8, { direction: "row", spacing: 1, alignItems: "center", justifyContent: "space-between", children: [
-          /* @__PURE__ */ jsxs10(Stack8, { spacing: 0.25, children: [
-            /* @__PURE__ */ jsx16(Typography5, { sx: { fontSize: 15, fontWeight: 700 }, children: t("filters") }),
-            activeFiltersCount > 0 ? /* @__PURE__ */ jsx16(Typography5, { color: "text.secondary", sx: { fontSize: 12 }, children: t("active_filters", { count: activeFiltersCount }) }) : null
+      children: /* @__PURE__ */ jsxs11(Stack8, { spacing: 1.5, children: [
+        /* @__PURE__ */ jsxs11(Stack8, { direction: "row", spacing: 1, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ jsxs11(Stack8, { spacing: 0.25, children: [
+            /* @__PURE__ */ jsx17(Typography5, { sx: { fontSize: 15, fontWeight: 700 }, children: t("filters") }),
+            activeFiltersCount > 0 ? /* @__PURE__ */ jsx17(Typography5, { color: "text.secondary", sx: { fontSize: 12 }, children: t("active_filters", { count: activeFiltersCount }) }) : null
           ] }),
-          /* @__PURE__ */ jsx16(
-            Button3,
+          /* @__PURE__ */ jsx17(
+            Button4,
             {
               size: "small",
               onClick: onReset,
@@ -2363,8 +2802,8 @@ var ListFiltersSidebar = memo3(function ListFiltersSidebar2({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx16(Divider, {}),
-        filterGroups.map((group) => /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(Divider, {}),
+        filterGroups.map((group) => /* @__PURE__ */ jsx17(
           FilterGroupSection,
           {
             client,
@@ -2381,11 +2820,11 @@ var ListFiltersSidebar = memo3(function ListFiltersSidebar2({
   );
 });
 function FilterGroupSection({ client, slug, group, values, onChange, debounceMs }) {
-  return /* @__PURE__ */ jsxs10(Stack8, { spacing: 1, children: [
-    /* @__PURE__ */ jsx16(Typography5, { sx: { fontSize: 13, fontWeight: 700, color: "text.secondary" }, children: group.title }),
-    /* @__PURE__ */ jsx16(Stack8, { spacing: 1, children: group.filters.map((filter) => {
+  return /* @__PURE__ */ jsxs11(Stack8, { spacing: 1, children: [
+    /* @__PURE__ */ jsx17(Typography5, { sx: { fontSize: 13, fontWeight: 700, color: "text.secondary" }, children: group.title }),
+    /* @__PURE__ */ jsx17(Stack8, { spacing: 1, children: group.filters.map((filter) => {
       var _a;
-      return /* @__PURE__ */ jsx16(
+      return /* @__PURE__ */ jsx17(
         ListFilterField,
         {
           client,
@@ -2403,8 +2842,8 @@ function FilterGroupSection({ client, slug, group, values, onChange, debounceMs
 function ListFilterField({ client, slug, filter, value, onChange, debounceMs }) {
   var _a, _b;
   const t = useAdminTranslation();
-  const [draftValue, setDraftValue] = useState8(value);
-  const [searchValue, setSearchValue] = useState8("");
+  const [draftValue, setDraftValue] = useState9(value);
+  const [searchValue, setSearchValue] = useState9("");
   const selectedValues = useMemo8(() => parseSelectedFilterValues(value, filter.multiple), [filter.multiple, value]);
   const isSelectFilter = filter.input_kind === "select" || filter.input_kind === "select-multiple";
   const loadChoices = useCallback4(
@@ -2431,13 +2870,13 @@ function ListFilterField({ client, slug, filter, value, onChange, debounceMs })
     queryKey: `${slug}:${filter.slug}:${searchValue}:${value}`,
     load: loadChoices
   });
-  useEffect8(() => {
+  useEffect10(() => {
     setDraftValue(value);
   }, [value]);
-  useEffect8(() => {
+  useEffect10(() => {
     setSearchValue("");
   }, [filter.slug]);
-  useEffect8(() => {
+  useEffect10(() => {
     if (filter.input_kind !== "text") {
       return;
     }
@@ -2451,7 +2890,7 @@ function ListFilterField({ client, slug, filter, value, onChange, debounceMs })
     };
   }, [debounceMs, draftValue, filter.input_kind, filter.slug, onChange, value]);
   if (filter.input_kind === "boolean") {
-    return /* @__PURE__ */ jsxs10(
+    return /* @__PURE__ */ jsxs11(
       TextField2,
       {
         select: true,
@@ -2461,8 +2900,8 @@ function ListFilterField({ client, slug, filter, value, onChange, debounceMs })
         value,
         onChange: (event) => onChange(filter.slug, event.target.value),
         children: [
-          /* @__PURE__ */ jsx16(MenuItem, { value: "", children: t("all") }),
-          filter.options.map((option) => /* @__PURE__ */ jsx16(MenuItem, { value: option.value, children: option.label }, `${filter.slug}-${option.value}`))
+          /* @__PURE__ */ jsx17(MenuItem2, { value: "", children: t("all") }),
+          filter.options.map((option) => /* @__PURE__ */ jsx17(MenuItem2, { value: option.value, children: option.label }, `${filter.slug}-${option.value}`))
         ]
       }
     );
@@ -2476,7 +2915,7 @@ function ListFilterField({ client, slug, filter, value, onChange, debounceMs })
       };
     });
     const selectedOption = filter.multiple ? selectedOptions : (_a = selectedOptions[0]) != null ? _a : null;
-    return /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx17(
       Autocomplete2,
       {
         options,
@@ -2500,23 +2939,24 @@ function ListFilterField({ client, slug, filter, value, onChange, debounceMs })
         },
         onInputChange: (_, nextInputValue) => setSearchValue(nextInputValue),
         renderInput: (params) => (() => {
-          var _a2;
-          const { InputProps, inputProps, ...textFieldParams } = params;
-          return /* @__PURE__ */ jsx16(
+          var _a2, _b2;
+          const { slotProps, ...textFieldParams } = params;
+          return /* @__PURE__ */ jsx17(
             TextField2,
             {
               ...textFieldParams,
               label: filter.label,
               placeholder: (_a2 = filter.placeholder) != null ? _a2 : t("search"),
               slotProps: {
+                inputLabel: slotProps.inputLabel,
                 input: {
-                  ...InputProps,
-                  endAdornment: /* @__PURE__ */ jsxs10(Fragment2, { children: [
-                    isLoadingChoices ? /* @__PURE__ */ jsx16(CircularProgress3, { color: "inherit", size: 16 }) : null,
-                    InputProps.endAdornment
+                  ...slotProps.input,
+                  endAdornment: /* @__PURE__ */ jsxs11(Fragment2, { children: [
+                    isLoadingChoices ? /* @__PURE__ */ jsx17(CircularProgress3, { color: "inherit", size: 16 }) : null,
+                    (_b2 = slotProps.input) == null ? void 0 : _b2.endAdornment
                   ] })
                 },
-                htmlInput: inputProps
+                htmlInput: slotProps.htmlInput
               }
             }
           );
@@ -2524,7 +2964,7 @@ function ListFilterField({ client, slug, filter, value, onChange, debounceMs })
       }
     );
   }
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     TextField2,
     {
       size: "small",
@@ -2549,8 +2989,8 @@ function parseSelectedFilterValues(value, multiple) {
 // src/components/model-page/ListRow.tsx
 import { memo as memo4 } from "react";
 import MoreVertIcon from "@mui/icons-material/MoreVert";
-import { Box as Box8, Checkbox, IconButton as IconButton2, TableCell, TableRow } from "@mui/material";
-import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Box as Box9, Checkbox, IconButton as IconButton2, TableCell, TableRow } from "@mui/material";
+import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
 var ListRow = memo4(function ListRow2({
   row,
   pkField,
@@ -2566,7 +3006,7 @@ var ListRow = memo4(function ListRow2({
   const checkboxColumnWidth = 56;
   const actionsColumnWidth = 56;
   const rowId = row[pkField];
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     TableRow,
     {
       hover: true,
@@ -2580,7 +3020,7 @@ var ListRow = memo4(function ListRow2({
         }
       },
       children: [
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18(
           TableCell,
           {
             padding: "none",
@@ -2592,7 +3032,7 @@ var ListRow = memo4(function ListRow2({
               textAlign: "center",
               px: 1
             },
-            children: /* @__PURE__ */ jsx17(
+            children: /* @__PURE__ */ jsx18(
               Checkbox,
               {
                 checked: isSelected,
@@ -2617,8 +3057,8 @@ var ListRow = memo4(function ListRow2({
             textOverflow: "ellipsis"
           };
           if (imageUrl) {
-            return /* @__PURE__ */ jsx17(TableCell, { title: fullFieldValue, sx: { ...commonCellSx, py: 0.75 }, children: /* @__PURE__ */ jsx17(
-              Box8,
+            return /* @__PURE__ */ jsx18(TableCell, { title: fullFieldValue, sx: { ...commonCellSx, py: 0.75 }, children: /* @__PURE__ */ jsx18(
+              Box9,
               {
                 component: "img",
                 src: imageUrl,
@@ -2635,7 +3075,7 @@ var ListRow = memo4(function ListRow2({
             ) }, fieldName);
           }
           if (index === 0) {
-            return /* @__PURE__ */ jsx17(
+            return /* @__PURE__ */ jsx18(
               TableCell,
               {
                 title: fullFieldValue,
@@ -2653,7 +3093,7 @@ var ListRow = memo4(function ListRow2({
                     color: "primary.main"
                   }
                 },
-                children: /* @__PURE__ */ jsx17(
+                children: /* @__PURE__ */ jsx18(
                   NavLink,
                   {
                     href: `${basePath}/${slug}/${rowId}`,
@@ -2666,9 +3106,9 @@ var ListRow = memo4(function ListRow2({
               fieldName
             );
           }
-          return /* @__PURE__ */ jsx17(TableCell, { title: fullFieldValue, sx: commonCellSx, children: fieldValue }, fieldName);
+          return /* @__PURE__ */ jsx18(TableCell, { title: fullFieldValue, sx: commonCellSx, children: fieldValue }, fieldName);
         }),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18(
           TableCell,
           {
             align: "right",
@@ -2677,7 +3117,7 @@ var ListRow = memo4(function ListRow2({
               minWidth: actionsColumnWidth,
               maxWidth: actionsColumnWidth
             },
-            children: /* @__PURE__ */ jsx17(IconButton2, { size: "small", onClick: (event) => onOpenMenu(event, rowId), children: /* @__PURE__ */ jsx17(MoreVertIcon, { fontSize: "small" }) })
+            children: /* @__PURE__ */ jsx18(IconButton2, { size: "small", onClick: (event) => onOpenMenu(event, rowId), children: /* @__PURE__ */ jsx18(MoreVertIcon, { fontSize: "small" }) })
           }
         )
       ]
@@ -2686,20 +3126,20 @@ var ListRow = memo4(function ListRow2({
 });
 
 // src/components/model-page/SearchField.tsx
-import { memo as memo5, useEffect as useEffect9, useState as useState9 } from "react";
+import { memo as memo5, useEffect as useEffect11, useState as useState10 } from "react";
 import { TextField as TextField3 } from "@mui/material";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var SearchField = memo5(function SearchField2({
   value,
   onCommit,
   debounceMs,
   placeholder
 }) {
-  const [draftValue, setDraftValue] = useState9(value);
-  useEffect9(() => {
+  const [draftValue, setDraftValue] = useState10(value);
+  useEffect11(() => {
     setDraftValue(value);
   }, [value]);
-  useEffect9(() => {
+  useEffect11(() => {
     const timerId = window.setTimeout(() => {
       if (draftValue !== value) {
         onCommit(draftValue);
@@ -2709,7 +3149,7 @@ var SearchField = memo5(function SearchField2({
       window.clearTimeout(timerId);
     };
   }, [debounceMs, draftValue, onCommit, value]);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     TextField3,
     {
       size: "small",
@@ -2728,7 +3168,7 @@ var SearchField = memo5(function SearchField2({
 });
 
 // src/components/model-page/useModelPageController.ts
-import { useCallback as useCallback5, useEffect as useEffect10, useLayoutEffect as useLayoutEffect2, useMemo as useMemo9, useRef as useRef4, useState as useState10 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect12, useLayoutEffect as useLayoutEffect2, useMemo as useMemo9, useRef as useRef6, useState as useState11 } from "react";
 
 // src/cache.ts
 var MAX_CACHE_ENTRIES = 100;
@@ -2837,34 +3277,35 @@ function useModelPageController({
       ...initialFilters
     })
   )) != null ? _c : null;
-  const [selectedIds, setSelectedIds] = useState10([]);
-  const [isAllMatchingSelected, setIsAllMatchingSelected] = useState10(false);
-  const [createOpen, setCreateOpen] = useState10(false);
-  const [data, setData] = useState10(() => initialCachedResponse);
-  const [error, setError] = useState10(null);
-  const [isLoading, setIsLoading] = useState10(initialCachedResponse === null);
-  const [rowActionMenuAnchor, setRowActionMenuAnchor] = useState10(null);
-  const [rowActionMenuId, setRowActionMenuId] = useState10(null);
-  const [bulkActionMenuAnchor, setBulkActionMenuAnchor] = useState10(null);
-  const [appliedQuery, setAppliedQuery] = useState10(initialQuery);
-  const [sortValue, setSortValue] = useState10(initialSort);
-  const [currentPage, setCurrentPage] = useState10(initialPage);
-  const [pageInput, setPageInput] = useState10(String(initialPage));
-  const [appliedFilters, setAppliedFilters] = useState10(initialFilters);
-  const [deletePreviewOpen, setDeletePreviewOpen] = useState10(false);
-  const [deletePreview, setDeletePreview] = useState10(null);
-  const [deletePreviewError, setDeletePreviewError] = useState10(null);
-  const [isDeletePreviewLoading, setIsDeletePreviewLoading] = useState10(false);
-  const [isDeleteSubmitting, setIsDeleteSubmitting] = useState10(false);
-  const [pendingDeleteIds, setPendingDeleteIds] = useState10([]);
-  const [pendingDeleteSelectAll, setPendingDeleteSelectAll] = useState10(false);
-  const [pendingDeleteScope, setPendingDeleteScope] = useState10(null);
-  const [pendingDeleteMode, setPendingDeleteMode] = useState10("single");
-  const [filtersOpen, setFiltersOpen] = useState10(false);
-  const requestIdRef = useRef4(0);
-  const dataRef = useRef4(initialCachedResponse);
-  const pageSizeRef = useRef4((_d = initialCachedResponse == null ? void 0 : initialCachedResponse.meta.page_size) != null ? _d : DEFAULT_PAGE_SIZE);
-  const previousSlugRef = useRef4(slug);
+  const [selectedIds, setSelectedIds] = useState11([]);
+  const [isAllMatchingSelected, setIsAllMatchingSelected] = useState11(false);
+  const [createOpen, setCreateOpen] = useState11(false);
+  const [data, setData] = useState11(() => initialCachedResponse);
+  const [error, setError] = useState11(null);
+  const [isLoading, setIsLoading] = useState11(initialCachedResponse === null);
+  const [rowActionMenuAnchor, setRowActionMenuAnchor] = useState11(null);
+  const [rowActionMenuId, setRowActionMenuId] = useState11(null);
+  const [bulkActionMenuAnchor, setBulkActionMenuAnchor] = useState11(null);
+  const [bulkActionFormSlug, setBulkActionFormSlug] = useState11(null);
+  const [appliedQuery, setAppliedQuery] = useState11(initialQuery);
+  const [sortValue, setSortValue] = useState11(initialSort);
+  const [currentPage, setCurrentPage] = useState11(initialPage);
+  const [pageInput, setPageInput] = useState11(String(initialPage));
+  const [appliedFilters, setAppliedFilters] = useState11(initialFilters);
+  const [deletePreviewOpen, setDeletePreviewOpen] = useState11(false);
+  const [deletePreview, setDeletePreview] = useState11(null);
+  const [deletePreviewError, setDeletePreviewError] = useState11(null);
+  const [isDeletePreviewLoading, setIsDeletePreviewLoading] = useState11(false);
+  const [isDeleteSubmitting, setIsDeleteSubmitting] = useState11(false);
+  const [pendingDeleteIds, setPendingDeleteIds] = useState11([]);
+  const [pendingDeleteSelectAll, setPendingDeleteSelectAll] = useState11(false);
+  const [pendingDeleteScope, setPendingDeleteScope] = useState11(null);
+  const [pendingDeleteMode, setPendingDeleteMode] = useState11("single");
+  const [filtersOpen, setFiltersOpen] = useState11(false);
+  const requestIdRef = useRef6(0);
+  const dataRef = useRef6(initialCachedResponse);
+  const pageSizeRef = useRef6((_d = initialCachedResponse == null ? void 0 : initialCachedResponse.meta.page_size) != null ? _d : DEFAULT_PAGE_SIZE);
+  const previousSlugRef = useRef6(slug);
   const sortFields = useMemo9(() => sortValue.split(",").filter(Boolean), [sortValue]);
   const meta = (_e = data == null ? void 0 : data.meta) != null ? _e : null;
   const rows = (_f = data == null ? void 0 : data.items) != null ? _f : [];
@@ -2908,10 +3349,10 @@ function useModelPageController({
   });
   const hasSelection = isAllMatchingSelected || selectedIds.length > 0;
   const selectionCount = isAllMatchingSelected ? total : selectedIds.length;
-  useEffect10(() => {
+  useEffect12(() => {
     dataRef.current = data;
   }, [data]);
-  useEffect10(() => {
+  useEffect12(() => {
     setPageInput(String(currentPage));
   }, [currentPage]);
   useLayoutEffect2(() => {
@@ -2944,6 +3385,7 @@ function useModelPageController({
     setRowActionMenuAnchor(null);
     setRowActionMenuId(null);
     setBulkActionMenuAnchor(null);
+    setBulkActionFormSlug(null);
     setDeletePreviewOpen(false);
     setDeletePreview(null);
     setDeletePreviewError(null);
@@ -3015,7 +3457,7 @@ function useModelPageController({
       }
     }
   }, [appliedFilters, appliedQuery, client, currentPage, isAllMatchingSelected, slug, sortValue, t]);
-  useEffect10(() => {
+  useEffect12(() => {
     void loadItems();
   }, [loadItems]);
   const refresh = useCallback5(async () => {
@@ -3167,7 +3609,7 @@ function useModelPageController({
     }
   }, [clearSelection, client, message, pendingDeleteIds, pendingDeleteMode, pendingDeleteScope, pendingDeleteSelectAll, refresh, slug, t]);
   const handleRunNamedBulkAction = useCallback5(async (actionSlug) => {
-    var _a2, _b2;
+    var _a2, _b2, _c2, _d2;
     if (!actionSlug || !hasSelection) {
       return;
     }
@@ -3175,6 +3617,12 @@ function useModelPageController({
       await openBulkDeletePreview();
       return;
     }
+    const action = bulkActions.find((item) => item.slug === actionSlug);
+    if (((_b2 = (_a2 = action == null ? void 0 : action.form) == null ? void 0 : _a2.length) != null ? _b2 : 0) > 0) {
+      setBulkActionMenuAnchor(null);
+      setBulkActionFormSlug(actionSlug);
+      return;
+    }
     try {
       const response = await client.runBulkAction(
         slug,
@@ -3186,7 +3634,7 @@ function useModelPageController({
       setBulkActionMenuAnchor(null);
       clearSelection();
       await refresh();
-      const actionLabel = (_b2 = (_a2 = bulkActions.find((item) => item.slug === actionSlug)) == null ? void 0 : _a2.label) != null ? _b2 : actionSlug;
+      const actionLabel = (_d2 = (_c2 = bulkActions.find((item) => item.slug === actionSlug)) == null ? void 0 : _c2.label) != null ? _d2 : actionSlug;
       message.success(t("action_success", { action: actionLabel, count: response.processed }));
     } catch (reason) {
       const nextError = reason instanceof Error ? reason.message : t("object_action_error");
@@ -3194,6 +3642,34 @@ function useModelPageController({
       message.error(nextError);
     }
   }, [bulkActions, clearSelection, client, hasSelection, isAllMatchingSelected, message, openBulkDeletePreview, refresh, selectedIds, selectionScope, slug, t]);
+  const handleSubmitBulkActionForm = useCallback5(async (payload) => {
+    var _a2, _b2;
+    if (!bulkActionFormSlug || !hasSelection) {
+      return;
+    }
+    const response = await client.runBulkAction(
+      slug,
+      bulkActionFormSlug,
+      isAllMatchingSelected ? [] : selectedIds,
+      payload,
+      isAllMatchingSelected ? { selectAll: true, selectionScope } : void 0
+    );
+    setBulkActionFormSlug(null);
+    clearSelection();
+    await refresh();
+    const actionLabel = (_b2 = (_a2 = bulkActions.find((item) => item.slug === bulkActionFormSlug)) == null ? void 0 : _a2.label) != null ? _b2 : bulkActionFormSlug;
+    message.success(t("action_success", { action: actionLabel, count: response.processed }));
+  }, [bulkActionFormSlug, bulkActions, clearSelection, client, hasSelection, isAllMatchingSelected, message, refresh, selectedIds, selectionScope, slug, t]);
+  const handleCloseBulkActionForm = useCallback5(() => {
+    setBulkActionFormSlug(null);
+  }, []);
+  const activeBulkAction = useMemo9(
+    () => {
+      var _a2;
+      return (_a2 = bulkActions.find((item) => item.slug === bulkActionFormSlug)) != null ? _a2 : null;
+    },
+    [bulkActionFormSlug, bulkActions]
+  );
   const handleRowDelete = useCallback5(async (rowId) => {
     setRowActionMenuAnchor(null);
     setRowActionMenuId(null);
@@ -3271,6 +3747,7 @@ function useModelPageController({
     appliedQuery,
     bulkActionMenuAnchor,
     bulkActions,
+    activeBulkAction,
     clearBulkDeleteState,
     createOpen,
     currentPage,
@@ -3283,6 +3760,7 @@ function useModelPageController({
     filtersOpen,
     handleClearDeletePreview,
     handleCloseBulkActionMenu,
+    handleCloseBulkActionForm,
     handleCloseRowMenu,
     handleConfirmDelete,
     handleFilterChange,
@@ -3292,6 +3770,7 @@ function useModelPageController({
     handleResetFilters,
     handleRowDelete,
     handleRunNamedBulkAction,
+    handleSubmitBulkActionForm,
     handleSearchCommit,
     handleSelectAllMatching,
     handleToggleAllVisible,
@@ -3373,34 +3852,34 @@ function extractFilterParams(params) {
 }
 
 // src/components/model-page/Skeletons.tsx
-import { Box as Box9, Paper as Paper6, Skeleton as Skeleton3, Stack as Stack9 } from "@mui/material";
-import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Box as Box10, Paper as Paper6, Skeleton as Skeleton3, Stack as Stack9 } from "@mui/material";
+import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
 function ModelPageSkeleton() {
-  return /* @__PURE__ */ jsxs12(Stack9, { spacing: 1.5, sx: { height: "100%", minHeight: 0 }, children: [
-    /* @__PURE__ */ jsx19(MainHeaderSkeleton, { titleWidth: 240, subtitleWidth: "38%" }),
-    /* @__PURE__ */ jsx19(Paper6, { sx: { p: 1.5, borderRadius: "10px", flexShrink: 0 }, children: /* @__PURE__ */ jsxs12(Stack9, { direction: { xs: "column", lg: "row" }, spacing: 1.5, alignItems: { lg: "center" }, children: [
-      /* @__PURE__ */ jsx19(Skeleton3, { variant: "rounded", width: 360, height: 40 }),
-      /* @__PURE__ */ jsx19(Skeleton3, { variant: "rounded", width: 128, height: 40 }),
-      /* @__PURE__ */ jsx19(Box9, { sx: { flex: 1 } }),
-      /* @__PURE__ */ jsx19(Skeleton3, { variant: "rounded", width: 110, height: 24 })
+  return /* @__PURE__ */ jsxs13(Stack9, { spacing: 1.5, sx: { height: "100%", minHeight: 0 }, children: [
+    /* @__PURE__ */ jsx20(MainHeaderSkeleton, { titleWidth: 240, subtitleWidth: "38%" }),
+    /* @__PURE__ */ jsx20(Paper6, { sx: { p: 1.5, borderRadius: "10px", flexShrink: 0 }, children: /* @__PURE__ */ jsxs13(Stack9, { direction: { xs: "column", lg: "row" }, spacing: 1.5, sx: { alignItems: { lg: "center" } }, children: [
+      /* @__PURE__ */ jsx20(Skeleton3, { variant: "rounded", width: 360, height: 40 }),
+      /* @__PURE__ */ jsx20(Skeleton3, { variant: "rounded", width: 128, height: 40 }),
+      /* @__PURE__ */ jsx20(Box10, { sx: { flex: 1 } }),
+      /* @__PURE__ */ jsx20(Skeleton3, { variant: "rounded", width: 110, height: 24 })
     ] }) }),
-    /* @__PURE__ */ jsx19(Paper6, { sx: { borderRadius: "10px", flex: 1, minHeight: 0, overflow: "hidden" }, children: /* @__PURE__ */ jsx19(ModelTableSkeleton, {}) })
+    /* @__PURE__ */ jsx20(Paper6, { sx: { borderRadius: "10px", flex: 1, minHeight: 0, overflow: "hidden" }, children: /* @__PURE__ */ jsx20(ModelTableSkeleton, {}) })
   ] });
 }
 function ModelTableSkeleton() {
-  return /* @__PURE__ */ jsx19(Box9, { sx: { height: "100%", overflow: "auto", p: 1.5 }, children: /* @__PURE__ */ jsxs12(Stack9, { spacing: 1, children: [
-    /* @__PURE__ */ jsx19(Skeleton3, { variant: "rounded", width: "100%", height: 42 }),
-    Array.from({ length: 10 }).map((_, index) => /* @__PURE__ */ jsx19(Skeleton3, { variant: "rounded", width: "100%", height: 48 }, index))
+  return /* @__PURE__ */ jsx20(Box10, { sx: { height: "100%", overflow: "auto", p: 1.5 }, children: /* @__PURE__ */ jsxs13(Stack9, { spacing: 1, children: [
+    /* @__PURE__ */ jsx20(Skeleton3, { variant: "rounded", width: "100%", height: 42 }),
+    Array.from({ length: 10 }).map((_, index) => /* @__PURE__ */ jsx20(Skeleton3, { variant: "rounded", width: "100%", height: 48 }, index))
   ] }) });
 }
 
 // src/components/ModelPage.tsx
-import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
 var SEARCH_DEBOUNCE_MS = 300;
 var CHECKBOX_COLUMN_WIDTH = 56;
 var ACTIONS_COLUMN_WIDTH = 56;
 function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
-  var _a, _b;
+  var _a, _b, _c;
   const locale = useAdminLocale();
   const t = useAdminTranslation();
   const selectAllLabel = locale === "ru" ? "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435" : "Select All";
@@ -3434,10 +3913,10 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
   }, [controller.error, controller.isLoading, controller.meta, finishPendingNavigation, location.pathname, pendingPath, slug]);
   useAdminDocumentTitle(t("admin_title"), (_b = (_a = controller.meta) == null ? void 0 : _a.title) != null ? _b : slug);
   if (!controller.isLoading && controller.error && !controller.data) {
-    return /* @__PURE__ */ jsx20(Alert5, { severity: "error", children: controller.error });
+    return /* @__PURE__ */ jsx21(Alert6, { severity: "error", children: controller.error });
   }
   if (!controller.data || !controller.meta) {
-    return /* @__PURE__ */ jsx20(ModelPageSkeleton, {});
+    return /* @__PURE__ */ jsx21(ModelPageSkeleton, {});
   }
   const meta = controller.meta;
   const beforePagination = renderBeforePagination == null ? void 0 : renderBeforePagination({
@@ -3456,12 +3935,12 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
     appliedFilters: controller.appliedFilters,
     refresh: controller.refresh
   });
-  return /* @__PURE__ */ jsx20(AdminRouterProvider, { router: resolvedRouter, children: /* @__PURE__ */ jsxs13(Stack10, { spacing: 1.5, sx: { height: "100%", minHeight: 0 }, children: [
-    /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(AdminRouterProvider, { router: resolvedRouter, children: /* @__PURE__ */ jsxs14(Stack10, { spacing: 1.5, sx: { height: "100%", minHeight: 0 }, children: [
+    /* @__PURE__ */ jsx21(
       MainHeader,
       {
         title: controller.meta.title,
-        actions: /* @__PURE__ */ jsx20(Tooltip, { title: t("create"), children: /* @__PURE__ */ jsx20(
+        actions: /* @__PURE__ */ jsx21(Tooltip, { title: t("create"), children: /* @__PURE__ */ jsx21(
           IconButton3,
           {
             "aria-label": t("create"),
@@ -3476,14 +3955,14 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
                 backgroundColor: "primary.dark"
               }
             },
-            children: /* @__PURE__ */ jsx20(AddIcon, { fontSize: "small" })
+            children: /* @__PURE__ */ jsx21(AddIcon, { fontSize: "small" })
           }
         ) }),
         subtitle: `${controller.meta.slug} | ${t("objects_count", { count: controller.total })}`,
-        details: controller.meta.description ? /* @__PURE__ */ jsx20(Typography6, { color: "text.secondary", sx: { fontSize: 14, lineHeight: 1.45 }, children: controller.meta.description }) : void 0
+        details: controller.meta.description ? /* @__PURE__ */ jsx21(Typography6, { color: "text.secondary", sx: { fontSize: 14, lineHeight: 1.45 }, children: controller.meta.description }) : void 0
       }
     ),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       Paper7,
       {
         sx: {
@@ -3491,16 +3970,15 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
           borderRadius: "10px",
           flexShrink: 0
         },
-        children: /* @__PURE__ */ jsxs13(Stack10, { direction: { xs: "column", lg: "row" }, spacing: 1.5, alignItems: { lg: "center" }, children: [
-          /* @__PURE__ */ jsxs13(
+        children: /* @__PURE__ */ jsxs14(Stack10, { direction: { xs: "column", lg: "row" }, spacing: 1.5, sx: { alignItems: { lg: "center" } }, children: [
+          /* @__PURE__ */ jsxs14(
             Stack10,
             {
               direction: { xs: "column", xl: "row" },
               spacing: 1.5,
-              alignItems: { xl: "center" },
-              sx: { flex: 1, minWidth: 0 },
+              sx: { flex: 1, minWidth: 0, alignItems: { xl: "center" } },
               children: [
-                /* @__PURE__ */ jsx20(
+                /* @__PURE__ */ jsx21(
                   SearchField,
                   {
                     value: controller.appliedQuery,
@@ -3509,18 +3987,18 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
                     placeholder: t("search")
                   }
                 ),
-                controller.hasSelection ? /* @__PURE__ */ jsxs13(Stack10, { direction: "row", spacing: 1, alignItems: "center", sx: { minWidth: 0, flexWrap: "wrap" }, children: [
-                  /* @__PURE__ */ jsx20(
-                    Button4,
+                controller.hasSelection ? /* @__PURE__ */ jsxs14(Stack10, { direction: "row", spacing: 1, sx: { minWidth: 0, flexWrap: "wrap", alignItems: "center" }, children: [
+                  /* @__PURE__ */ jsx21(
+                    Button5,
                     {
                       variant: "outlined",
-                      endIcon: /* @__PURE__ */ jsx20(ExpandMoreIcon4, {}),
+                      endIcon: /* @__PURE__ */ jsx21(ExpandMoreIcon4, {}),
                       onClick: (event) => controller.setBulkActionMenuAnchor(event.currentTarget),
                       children: t("actions")
                     }
                   ),
-                  !controller.isAllMatchingSelected && controller.selectionCount < controller.total ? /* @__PURE__ */ jsx20(
-                    Button4,
+                  !controller.isAllMatchingSelected && controller.selectionCount < controller.total ? /* @__PURE__ */ jsx21(
+                    Button5,
                     {
                       variant: "text",
                       onClick: controller.handleSelectAllMatching,
@@ -3528,7 +4006,7 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
                       children: selectAllLabel
                     }
                   ) : null,
-                  /* @__PURE__ */ jsxs13(Typography6, { color: "text.secondary", sx: { alignSelf: "center", whiteSpace: "nowrap" }, children: [
+                  /* @__PURE__ */ jsxs14(Typography6, { color: "text.secondary", sx: { alignSelf: "center", whiteSpace: "nowrap" }, children: [
                     t("selected_count", { count: controller.selectionCount }),
                     " / ",
                     controller.total
@@ -3537,28 +4015,28 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
               ]
             }
           ),
-          /* @__PURE__ */ jsxs13(Stack10, { direction: "row", spacing: 1, alignItems: "center", sx: { marginLeft: "auto" }, children: [
-            beforePagination ? /* @__PURE__ */ jsx20(Box10, { sx: { display: "flex", alignItems: "center", flexShrink: 0 }, children: beforePagination }) : null,
-            isMobile && controller.hasListFilters ? /* @__PURE__ */ jsx20(Tooltip, { title: t("filters"), children: /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsxs14(Stack10, { direction: "row", spacing: 1, sx: { marginLeft: "auto", alignItems: "center" }, children: [
+            beforePagination ? /* @__PURE__ */ jsx21(Box11, { sx: { display: "flex", alignItems: "center", flexShrink: 0 }, children: beforePagination }) : null,
+            isMobile && controller.hasListFilters ? /* @__PURE__ */ jsx21(Tooltip, { title: t("filters"), children: /* @__PURE__ */ jsx21(
               IconButton3,
               {
                 size: "small",
                 "aria-label": t("filters"),
                 onClick: () => controller.setFiltersOpen(true),
-                children: /* @__PURE__ */ jsx20(FilterListIcon, { fontSize: "small" })
+                children: /* @__PURE__ */ jsx21(FilterListIcon, { fontSize: "small" })
               }
             ) }) : null,
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21(
               IconButton3,
               {
                 size: "small",
                 onClick: () => controller.handlePageChange(controller.currentPage - 1),
                 disabled: controller.currentPage <= 1,
                 sx: { mr: "-5px" },
-                children: /* @__PURE__ */ jsx20(ChevronLeftIcon, { fontSize: "small" })
+                children: /* @__PURE__ */ jsx21(ChevronLeftIcon, { fontSize: "small" })
               }
             ),
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21(
               InputBase,
               {
                 value: controller.pageInput,
@@ -3588,7 +4066,7 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
                 }
               }
             ),
-            /* @__PURE__ */ jsxs13(
+            /* @__PURE__ */ jsxs14(
               Typography6,
               {
                 color: "text.secondary",
@@ -3599,22 +4077,22 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
                 ]
               }
             ),
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21(
               IconButton3,
               {
                 size: "small",
                 onClick: () => controller.handlePageChange(controller.currentPage + 1),
                 disabled: controller.currentPage >= controller.totalPages,
                 sx: { ml: "-5px" },
-                children: /* @__PURE__ */ jsx20(ChevronRightIcon, { fontSize: "small" })
+                children: /* @__PURE__ */ jsx21(ChevronRightIcon, { fontSize: "small" })
               }
             )
           ] })
         ] })
       }
     ),
-    /* @__PURE__ */ jsxs13(Stack10, { direction: { xs: "column", lg: "row" }, spacing: 1.5, sx: { flex: 1, minHeight: 0 }, children: [
-      /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsxs14(Stack10, { direction: { xs: "column", lg: "row" }, spacing: 1.5, sx: { flex: 1, minHeight: 0 }, children: [
+      /* @__PURE__ */ jsx21(
         Paper7,
         {
           sx: {
@@ -3624,9 +4102,9 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
             minHeight: 0,
             overflow: "hidden"
           },
-          children: controller.isLoading ? /* @__PURE__ */ jsx20(ModelTableSkeleton, {}) : /* @__PURE__ */ jsx20(Box10, { sx: { height: "100%", overflow: "auto" }, children: /* @__PURE__ */ jsxs13(Table, { stickyHeader: true, size: "small", sx: { tableLayout: "fixed" }, children: [
-            /* @__PURE__ */ jsx20(TableHead, { children: /* @__PURE__ */ jsxs13(TableRow2, { children: [
-              /* @__PURE__ */ jsx20(
+          children: controller.isLoading ? /* @__PURE__ */ jsx21(ModelTableSkeleton, {}) : /* @__PURE__ */ jsx21(Box11, { sx: { height: "100%", overflow: "auto" }, children: /* @__PURE__ */ jsxs14(Table, { stickyHeader: true, size: "small", sx: { tableLayout: "fixed" }, children: [
+            /* @__PURE__ */ jsx21(TableHead, { children: /* @__PURE__ */ jsxs14(TableRow2, { children: [
+              /* @__PURE__ */ jsx21(
                 TableCell2,
                 {
                   padding: "none",
@@ -3639,7 +4117,7 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
                     textAlign: "center",
                     px: 1
                   },
-                  children: /* @__PURE__ */ jsx20(
+                  children: /* @__PURE__ */ jsx21(
                     Checkbox2,
                     {
                       checked: controller.allVisibleSelected,
@@ -3654,7 +4132,7 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
                 const field = controller.fieldMap.get(fieldName);
                 const sortDirection = resolveSortDirection(controller.sortFields, fieldName);
                 const isSortable = resolveFieldSortable(field);
-                return /* @__PURE__ */ jsx20(
+                return /* @__PURE__ */ jsx21(
                   TableCell2,
                   {
                     sortDirection: sortDirection != null ? sortDirection : false,
@@ -3667,7 +4145,7 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
                       maxWidth: getListFieldWidthPx(field)
                     },
                     onClick: isSortable ? () => controller.toggleSort(fieldName) : void 0,
-                    children: isSortable ? /* @__PURE__ */ jsx20(
+                    children: isSortable ? /* @__PURE__ */ jsx21(
                       TableSortLabel,
                       {
                         active: Boolean(sortDirection),
@@ -3681,7 +4159,7 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
                         },
                         children: (_a2 = field == null ? void 0 : field.label) != null ? _a2 : fieldName
                       }
-                    ) : /* @__PURE__ */ jsx20(Typography6, { component: "span", sx: {
+                    ) : /* @__PURE__ */ jsx21(Typography6, { component: "span", sx: {
                       fontSize: 14,
                       fontWeight: 700,
                       color: "rgba(255, 255, 255, 0.96)"
@@ -3690,7 +4168,7 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
                   fieldName
                 );
               }),
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21(
                 TableCell2,
                 {
                   align: "right",
@@ -3703,9 +4181,9 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
                 }
               )
             ] }) }),
-            /* @__PURE__ */ jsx20(TableBody, { children: controller.rows.map((row) => {
+            /* @__PURE__ */ jsx21(TableBody, { children: controller.rows.map((row) => {
               const rowId = row[meta.pk_field];
-              return /* @__PURE__ */ jsx20(
+              return /* @__PURE__ */ jsx21(
                 ListRow,
                 {
                   row,
@@ -3725,7 +4203,7 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
           ] }) })
         }
       ),
-      !isMobile && controller.hasListFilters ? /* @__PURE__ */ jsx20(
+      !isMobile && controller.hasListFilters ? /* @__PURE__ */ jsx21(
         ListFiltersSidebar,
         {
           client,
@@ -3738,14 +4216,14 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
         }
       ) : null
     ] }),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       Menu,
       {
         anchorEl: controller.bulkActionMenuAnchor,
         open: Boolean(controller.bulkActionMenuAnchor),
         onClose: controller.handleCloseBulkActionMenu,
-        children: controller.bulkActions.map((action) => /* @__PURE__ */ jsx20(
-          MenuItem2,
+        children: controller.bulkActions.map((action) => /* @__PURE__ */ jsx21(
+          MenuItem3,
           {
             onClick: () => void controller.handleRunNamedBulkAction(action.slug),
             children: action.label
@@ -3754,14 +4232,14 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
         ))
       }
     ),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       Menu,
       {
         anchorEl: controller.rowActionMenuAnchor,
         open: Boolean(controller.rowActionMenuAnchor),
         onClose: controller.handleCloseRowMenu,
-        children: /* @__PURE__ */ jsx20(
-          MenuItem2,
+        children: /* @__PURE__ */ jsx21(
+          MenuItem3,
           {
             onClick: () => {
               if (controller.rowActionMenuId !== null) {
@@ -3773,7 +4251,7 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
         )
       }
     ),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       FormDialog,
       {
         open: controller.createOpen,
@@ -3786,8 +4264,24 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
         client
       }
     ),
-    /* @__PURE__ */ jsxs13(
-      Dialog3,
+    ((_c = controller.activeBulkAction) == null ? void 0 : _c.form) ? /* @__PURE__ */ jsx21(
+      ActionFormDialog,
+      {
+        open: true,
+        onClose: controller.handleCloseBulkActionForm,
+        onSuccess: () => void 0,
+        title: `${controller.activeBulkAction.label}: ${meta.title}`,
+        submitLabel: controller.activeBulkAction.label,
+        slug,
+        locale: meta.locale,
+        fields: controller.activeBulkAction.form,
+        client,
+        choiceScope: { kind: "bulk-action", actionSlug: controller.activeBulkAction.slug },
+        onSubmit: controller.handleSubmitBulkActionForm
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs14(
+      Dialog4,
       {
         open: controller.filtersOpen,
         onClose: () => controller.setFiltersOpen(false),
@@ -3807,8 +4301,8 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
           }
         },
         children: [
-          /* @__PURE__ */ jsx20(DialogTitle3, { children: t("filters") }),
-          /* @__PURE__ */ jsx20(DialogContent3, { sx: { px: 2, pb: 2 }, children: controller.hasListFilters ? /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx21(DialogTitle4, { children: t("filters") }),
+          /* @__PURE__ */ jsx21(DialogContent4, { sx: { px: 2, pb: 2 }, children: controller.hasListFilters ? /* @__PURE__ */ jsx21(
             ListFiltersSidebar,
             {
               client,
@@ -3823,7 +4317,7 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       DeletePreviewDialog,
       {
         open: controller.deletePreviewOpen,
@@ -3859,16 +4353,16 @@ function resolveFieldSortable(field) {
 import { useLayoutEffect as useLayoutEffect5 } from "react";
 import ArrowBackIcon from "@mui/icons-material/ArrowBack";
 import MoreVertIcon2 from "@mui/icons-material/MoreVert";
-import { Alert as Alert6, Box as Box13, Button as Button5, IconButton as IconButton4, Menu as Menu2, MenuItem as MenuItem3, Paper as Paper9, Stack as Stack13, Typography as Typography7, useMediaQuery as useMediaQuery3 } from "@mui/material";
-import { LocalizationProvider as LocalizationProvider2 } from "@mui/x-date-pickers";
-import { AdapterDayjs as AdapterDayjs2 } from "@mui/x-date-pickers/AdapterDayjs";
+import { Alert as Alert7, Box as Box14, Button as Button6, IconButton as IconButton4, Menu as Menu2, MenuItem as MenuItem4, Paper as Paper9, Stack as Stack13, Typography as Typography7, useMediaQuery as useMediaQuery3 } from "@mui/material";
+import { LocalizationProvider as LocalizationProvider3 } from "@mui/x-date-pickers";
+import { AdapterDayjs as AdapterDayjs3 } from "@mui/x-date-pickers/AdapterDayjs";
 import { useTheme as useTheme4 } from "@mui/material/styles";
 import "dayjs/locale/en.js";
 import "dayjs/locale/ru.js";
 
 // src/components/object-page/ObjectField.tsx
 import { memo as memo6, useCallback as useCallback6 } from "react";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var ObjectField = memo6(function ObjectField2({
   field,
   value,
@@ -3879,7 +4373,7 @@ var ObjectField = memo6(function ObjectField2({
   const handleChange = useCallback6((nextValue) => {
     onFieldChange(field.name, nextValue);
   }, [field.name, onFieldChange]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     FieldEditor,
     {
       field,
@@ -3892,20 +4386,20 @@ var ObjectField = memo6(function ObjectField2({
 });
 
 // src/components/object-page/ObjectPageSkeleton.tsx
-import { Box as Box11, Paper as Paper8, Skeleton as Skeleton4, Stack as Stack11 } from "@mui/material";
-import { jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Box as Box12, Paper as Paper8, Skeleton as Skeleton4, Stack as Stack11 } from "@mui/material";
+import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
 function ObjectPageSkeleton() {
-  return /* @__PURE__ */ jsxs14(Stack11, { spacing: 1.5, sx: { height: "100%", minHeight: 0 }, children: [
-    /* @__PURE__ */ jsx22(MainHeaderSkeleton, { titleWidth: 420, subtitleWidth: "32%" }),
-    /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(Stack11, { spacing: 1.5, sx: { height: "100%", minHeight: 0 }, children: [
+    /* @__PURE__ */ jsx23(MainHeaderSkeleton, { titleWidth: 420, subtitleWidth: "32%" }),
+    /* @__PURE__ */ jsxs15(
       Stack11,
       {
         direction: { xs: "column", lg: "row" },
         spacing: 1.5,
         sx: { flex: 1, minHeight: 0, alignItems: "stretch" },
         children: [
-          /* @__PURE__ */ jsx22(Paper8, { sx: { borderRadius: "10px", flex: 1, minHeight: 0, overflow: "hidden" }, children: /* @__PURE__ */ jsx22(Box11, { sx: { height: "100%", overflow: "auto", p: 2.5 }, children: /* @__PURE__ */ jsx22(Stack11, { spacing: 1.5, children: Array.from({ length: 9 }).map((_, index) => /* @__PURE__ */ jsx22(Skeleton4, { variant: "rounded", width: "100%", height: 56 }, index)) }) }) }),
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx23(Paper8, { sx: { borderRadius: "10px", flex: 1, minHeight: 0, overflow: "hidden" }, children: /* @__PURE__ */ jsx23(Box12, { sx: { height: "100%", overflow: "auto", p: 2.5 }, children: /* @__PURE__ */ jsx23(Stack11, { spacing: 1.5, children: Array.from({ length: 9 }).map((_, index) => /* @__PURE__ */ jsx23(Skeleton4, { variant: "rounded", width: "100%", height: 56 }, index)) }) }) }),
+          /* @__PURE__ */ jsx23(
             Paper8,
             {
               sx: {
@@ -3915,10 +4409,10 @@ function ObjectPageSkeleton() {
                 p: 1.5,
                 alignSelf: "flex-start"
               },
-              children: /* @__PURE__ */ jsxs14(Stack11, { spacing: 1, children: [
-                /* @__PURE__ */ jsx22(Skeleton4, { variant: "text", width: 90, height: 28 }),
-                /* @__PURE__ */ jsx22(Skeleton4, { variant: "rounded", width: "100%", height: 40 }),
-                /* @__PURE__ */ jsx22(Skeleton4, { variant: "rounded", width: "100%", height: 40 })
+              children: /* @__PURE__ */ jsxs15(Stack11, { spacing: 1, children: [
+                /* @__PURE__ */ jsx23(Skeleton4, { variant: "text", width: 90, height: 28 }),
+                /* @__PURE__ */ jsx23(Skeleton4, { variant: "rounded", width: "100%", height: 40 }),
+                /* @__PURE__ */ jsx23(Skeleton4, { variant: "rounded", width: "100%", height: 40 })
               ] })
             }
           )
@@ -3930,8 +4424,8 @@ function ObjectPageSkeleton() {
 
 // src/components/object-page/ReadonlyObjectField.tsx
 import { memo as memo7 } from "react";
-import { Box as Box12, Stack as Stack12, TextField as TextField4 } from "@mui/material";
-import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Box as Box13, Stack as Stack12, TextField as TextField4 } from "@mui/material";
+import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
 var ReadonlyObjectField = memo7(function ReadonlyObjectField2({
   field,
   value,
@@ -3939,9 +4433,9 @@ var ReadonlyObjectField = memo7(function ReadonlyObjectField2({
 }) {
   var _a;
   const isMultiline = field.input_kind === "textarea" || field.input_kind === "json" || field.type.toLowerCase().includes("text") || value.includes("\n") || value.length > 120;
-  return /* @__PURE__ */ jsxs15(Stack12, { spacing: 1, children: [
-    imageUrl ? /* @__PURE__ */ jsx23(
-      Box12,
+  return /* @__PURE__ */ jsxs16(Stack12, { spacing: 1, children: [
+    imageUrl ? /* @__PURE__ */ jsx24(
+      Box13,
       {
         component: "img",
         src: imageUrl,
@@ -3957,7 +4451,7 @@ var ReadonlyObjectField = memo7(function ReadonlyObjectField2({
         }
       }
     ) : null,
-    /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx24(
       TextField4,
       {
         label: field.label,
@@ -3974,7 +4468,7 @@ var ReadonlyObjectField = memo7(function ReadonlyObjectField2({
 });
 
 // src/components/object-page/useObjectPageController.ts
-import { useCallback as useCallback7, useLayoutEffect as useLayoutEffect4, useMemo as useMemo10, useState as useState11 } from "react";
+import { useCallback as useCallback7, useLayoutEffect as useLayoutEffect4, useMemo as useMemo10, useState as useState12 } from "react";
 
 // src/utils/isDeepEqual.ts
 function isDeepEqual(left, right) {
@@ -4016,28 +4510,29 @@ function useObjectPageController({
   var _a, _b, _c;
   const message = useAdminMessage();
   const cacheKey = buildDetailCacheKey(slug, id);
-  const [data, setData] = useState11(() => {
+  const [data, setData] = useState12(() => {
     var _a2;
     return (_a2 = getClientCacheBucket(client).detailResponseCache.get(cacheKey)) != null ? _a2 : null;
   });
-  const [values, setValues] = useState11(() => {
+  const [values, setValues] = useState12(() => {
     var _a2, _b2;
     return (_b2 = (_a2 = getClientCacheBucket(client).detailResponseCache.get(cacheKey)) == null ? void 0 : _a2.item) != null ? _b2 : {};
   });
-  const [initialValues, setInitialValues] = useState11(() => {
+  const [initialValues, setInitialValues] = useState12(() => {
     var _a2, _b2;
     return (_b2 = (_a2 = getClientCacheBucket(client).detailResponseCache.get(cacheKey)) == null ? void 0 : _a2.item) != null ? _b2 : {};
   });
-  const [error, setError] = useState11(null);
-  const [isLoading, setIsLoading] = useState11(data === null);
-  const [isSaving, setIsSaving] = useState11(false);
-  const [isDeleting, setIsDeleting] = useState11(false);
-  const [activeActionSlug, setActiveActionSlug] = useState11(null);
-  const [deleteConfirmOpen, setDeleteConfirmOpen] = useState11(false);
-  const [deletePreview, setDeletePreview] = useState11(null);
-  const [isDeletePreviewLoading, setIsDeletePreviewLoading] = useState11(false);
-  const [deletePreviewError, setDeletePreviewError] = useState11(null);
-  const [actionsAnchorEl, setActionsAnchorEl] = useState11(null);
+  const [error, setError] = useState12(null);
+  const [isLoading, setIsLoading] = useState12(data === null);
+  const [isSaving, setIsSaving] = useState12(false);
+  const [isDeleting, setIsDeleting] = useState12(false);
+  const [activeActionSlug, setActiveActionSlug] = useState12(null);
+  const [deleteConfirmOpen, setDeleteConfirmOpen] = useState12(false);
+  const [deletePreview, setDeletePreview] = useState12(null);
+  const [isDeletePreviewLoading, setIsDeletePreviewLoading] = useState12(false);
+  const [deletePreviewError, setDeletePreviewError] = useState12(null);
+  const [actionsAnchorEl, setActionsAnchorEl] = useState12(null);
+  const [objectActionFormSlug, setObjectActionFormSlug] = useState12(null);
   useLayoutEffect4(() => {
     var _a2;
     let isMounted = true;
@@ -4108,6 +4603,13 @@ function useObjectPageController({
     [data, id, meta]
   );
   const isActionsMenuOpen = actionsAnchorEl !== null;
+  const activeObjectAction = useMemo10(
+    () => {
+      var _a2;
+      return (_a2 = objectActions.find((item) => item.slug === objectActionFormSlug)) != null ? _a2 : null;
+    },
+    [objectActionFormSlug, objectActions]
+  );
   const currentPayload = useMemo10(
     () => buildAdminPayload(values, editableFields),
     [editableFields, values]
@@ -4171,7 +4673,13 @@ function useObjectPageController({
     router.push(listPath);
   }, [listPath, router]);
   const handleRunObjectAction = useCallback7(async (actionSlug) => {
-    var _a2, _b2;
+    var _a2, _b2, _c2, _d;
+    const action = objectActions.find((item) => item.slug === actionSlug);
+    if (((_b2 = (_a2 = action == null ? void 0 : action.form) == null ? void 0 : _a2.length) != null ? _b2 : 0) > 0) {
+      setActionsAnchorEl(null);
+      setObjectActionFormSlug(actionSlug);
+      return;
+    }
     setActiveActionSlug(actionSlug);
     setError(null);
     try {
@@ -4184,7 +4692,7 @@ function useObjectPageController({
       setData(nextDetail);
       setValues(response.item);
       setInitialValues(response.item);
-      const actionLabel = (_b2 = (_a2 = objectActions.find((item) => item.slug === actionSlug)) == null ? void 0 : _a2.label) != null ? _b2 : actionSlug;
+      const actionLabel = (_d = (_c2 = objectActions.find((item) => item.slug === actionSlug)) == null ? void 0 : _c2.label) != null ? _d : actionSlug;
       message.success(t("action_success", { action: actionLabel, count: 1 }));
     } catch (reason) {
       const nextError = reason instanceof Error ? reason.message : t("object_action_error");
@@ -4194,6 +4702,33 @@ function useObjectPageController({
       setActiveActionSlug(null);
     }
   }, [cacheKey, client, data, id, message, objectActions, slug, t]);
+  const handleSubmitObjectActionForm = useCallback7(async (payload) => {
+    var _a2, _b2;
+    if (!objectActionFormSlug) {
+      return;
+    }
+    setActiveActionSlug(objectActionFormSlug);
+    setError(null);
+    try {
+      const response = await client.runObjectAction(slug, id, objectActionFormSlug, payload);
+      const nextDetail = data ? { ...data, item: response.item } : null;
+      if (nextDetail) {
+        invalidateModelCache(client, slug);
+        setCachedDetailResponse(client, cacheKey, nextDetail);
+      }
+      setData(nextDetail);
+      setValues(response.item);
+      setInitialValues(response.item);
+      const actionLabel = (_b2 = (_a2 = objectActions.find((item) => item.slug === objectActionFormSlug)) == null ? void 0 : _a2.label) != null ? _b2 : objectActionFormSlug;
+      message.success(t("action_success", { action: actionLabel, count: 1 }));
+      setObjectActionFormSlug(null);
+    } finally {
+      setActiveActionSlug(null);
+    }
+  }, [cacheKey, client, data, id, message, objectActionFormSlug, objectActions, slug, t]);
+  const handleCloseObjectActionForm = useCallback7(() => {
+    setObjectActionFormSlug(null);
+  }, []);
   const handleOpenDeletePreview = useCallback7(async () => {
     setActionsAnchorEl(null);
     setDeleteConfirmOpen(true);
@@ -4212,6 +4747,7 @@ function useObjectPageController({
   return {
     actionsAnchorEl,
     activeActionSlug,
+    activeObjectAction,
     data,
     deleteConfirmOpen,
     deletePreview,
@@ -4226,6 +4762,8 @@ function useObjectPageController({
     handleOpenDeletePreview,
     handleRunObjectAction,
     handleSave,
+    handleCloseObjectActionForm,
+    handleSubmitObjectActionForm,
     initialValues,
     isActionsMenuOpen,
     isDeletePreviewLoading,
@@ -4245,9 +4783,9 @@ function useObjectPageController({
 }
 
 // src/components/ObjectPage.tsx
-import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
 function ObjectPage({ client, slug, id, router }) {
-  var _a, _b;
+  var _a, _b, _c;
   const locale = useAdminLocale();
   const t = useAdminTranslation();
   const resolvedRouter = useAdminRouter(router);
@@ -4282,223 +4820,251 @@ function ObjectPage({ client, slug, id, router }) {
   }, [controller.error, controller.isLoading, controller.meta, finishPendingNavigation, pathname, pendingPath, slug]);
   useAdminDocumentTitle(t("admin_title"), (_b = (_a = controller.meta) == null ? void 0 : _a.title) != null ? _b : slug, controller.objectTitle);
   if (controller.isLoading && !controller.data) {
-    return /* @__PURE__ */ jsx24(ObjectPageSkeleton, {});
+    return /* @__PURE__ */ jsx25(ObjectPageSkeleton, {});
   }
   if (controller.error && !controller.data) {
-    return /* @__PURE__ */ jsx24(Alert6, { severity: "error", children: controller.error });
+    return /* @__PURE__ */ jsx25(Alert7, { severity: "error", children: controller.error });
   }
   if (!controller.data || !controller.meta) {
-    return /* @__PURE__ */ jsx24(ObjectPageSkeleton, {});
+    return /* @__PURE__ */ jsx25(ObjectPageSkeleton, {});
   }
-  return /* @__PURE__ */ jsx24(AdminRouterProvider, { router: resolvedRouter, children: /* @__PURE__ */ jsxs16(LocalizationProvider2, { dateAdapter: AdapterDayjs2, adapterLocale: locale, children: [
-    /* @__PURE__ */ jsxs16(Stack13, { spacing: 1.5, sx: { height: "100%", minHeight: 0 }, children: [
-      /* @__PURE__ */ jsx24(
-        MainHeader,
-        {
-          title: controller.objectTitle,
-          subtitle: controller.meta.slug,
-          beforeSubtitle: /* @__PURE__ */ jsx24(
-            IconButton4,
+  return /* @__PURE__ */ jsx25(AdminRouterProvider, { router: resolvedRouter, children: /* @__PURE__ */ jsxs17(
+    LocalizationProvider3,
+    {
+      dateAdapter: AdapterDayjs3,
+      adapterLocale: locale,
+      localeText: getMuiPickersLocaleText(locale),
+      children: [
+        /* @__PURE__ */ jsxs17(Stack13, { spacing: 1.5, sx: { height: "100%", minHeight: 0 }, children: [
+          /* @__PURE__ */ jsx25(
+            MainHeader,
             {
-              "aria-label": t("back"),
-              onClick: controller.handleNavigateBack,
-              size: "small",
-              sx: { ml: -0.5 },
-              children: /* @__PURE__ */ jsx24(ArrowBackIcon, { fontSize: "small" })
+              title: controller.objectTitle,
+              subtitle: controller.meta.slug,
+              beforeSubtitle: /* @__PURE__ */ jsx25(
+                IconButton4,
+                {
+                  "aria-label": t("back"),
+                  onClick: controller.handleNavigateBack,
+                  size: "small",
+                  sx: { ml: -0.5 },
+                  children: /* @__PURE__ */ jsx25(ArrowBackIcon, { fontSize: "small" })
+                }
+              ),
+              actions: isPhone ? /* @__PURE__ */ jsx25(
+                IconButton4,
+                {
+                  "aria-label": t("actions"),
+                  onClick: (event) => controller.setActionsAnchorEl(event.currentTarget),
+                  size: "small",
+                  sx: { mr: -0.5 },
+                  children: /* @__PURE__ */ jsx25(MoreVertIcon2, { fontSize: "small" })
+                }
+              ) : void 0,
+              details: controller.meta.description ? /* @__PURE__ */ jsx25(Typography7, { color: "text.secondary", sx: { fontSize: 14, lineHeight: 1.45 }, children: controller.meta.description }) : void 0,
+              error: controller.error
             }
           ),
-          actions: isPhone ? /* @__PURE__ */ jsx24(
-            IconButton4,
+          /* @__PURE__ */ jsxs17(
+            Stack13,
             {
-              "aria-label": t("actions"),
-              onClick: (event) => controller.setActionsAnchorEl(event.currentTarget),
-              size: "small",
-              sx: { mr: -0.5 },
-              children: /* @__PURE__ */ jsx24(MoreVertIcon2, { fontSize: "small" })
-            }
-          ) : void 0,
-          details: controller.meta.description ? /* @__PURE__ */ jsx24(Typography7, { color: "text.secondary", sx: { fontSize: 14, lineHeight: 1.45 }, children: controller.meta.description }) : void 0,
-          error: controller.error
-        }
-      ),
-      /* @__PURE__ */ jsxs16(
-        Stack13,
-        {
-          direction: { xs: "column", lg: "row" },
-          spacing: 1.5,
-          sx: { flex: 1, minHeight: 0, alignItems: "stretch" },
-          children: [
-            /* @__PURE__ */ jsx24(
-              Paper9,
-              {
-                sx: {
-                  borderRadius: "10px",
-                  flex: 1,
-                  minHeight: 0,
-                  overflow: "hidden"
-                },
-                children: /* @__PURE__ */ jsx24(Box13, { component: "form", autoComplete: "off", sx: { height: "100%", overflow: "auto", p: 2.5 }, children: /* @__PURE__ */ jsx24(Stack13, { spacing: 1.5, children: controller.detailFields.map((fieldName) => {
-                  const field = controller.fieldMap.get(fieldName);
-                  if (!field) {
-                    return null;
-                  }
-                  if (controller.editableFieldNames.has(fieldName)) {
-                    return /* @__PURE__ */ jsx24(
-                      ObjectField,
-                      {
-                        field,
-                        value: controller.values[field.name],
-                        slug,
-                        client,
-                        onFieldChange: controller.handleFieldChange
-                      },
-                      field.name
-                    );
+              direction: { xs: "column", lg: "row" },
+              spacing: 1.5,
+              sx: { flex: 1, minHeight: 0, alignItems: "stretch" },
+              children: [
+                /* @__PURE__ */ jsx25(
+                  Paper9,
+                  {
+                    sx: {
+                      borderRadius: "10px",
+                      flex: 1,
+                      minHeight: 0,
+                      overflow: "hidden"
+                    },
+                    children: /* @__PURE__ */ jsx25(Box14, { component: "form", autoComplete: "off", sx: { height: "100%", overflow: "auto", p: 2.5 }, children: /* @__PURE__ */ jsx25(Stack13, { spacing: 1.5, children: controller.detailFields.map((fieldName) => {
+                      const field = controller.fieldMap.get(fieldName);
+                      if (!field) {
+                        return null;
+                      }
+                      if (controller.editableFieldNames.has(fieldName)) {
+                        return /* @__PURE__ */ jsx25(
+                          ObjectField,
+                          {
+                            field,
+                            value: controller.values[field.name],
+                            slug,
+                            client,
+                            onFieldChange: controller.handleFieldChange
+                          },
+                          field.name
+                        );
+                      }
+                      return /* @__PURE__ */ jsx25(
+                        ReadonlyObjectField,
+                        {
+                          field,
+                          value: formatAdminValue(controller.values[field.name], {
+                            locale,
+                            field,
+                            pretty: true
+                          }),
+                          imageUrl: field.display_kind === "image" ? resolveAdminMediaUrl(controller.values[field.name], field) : null
+                        },
+                        field.name
+                      );
+                    }) }) })
                   }
-                  return /* @__PURE__ */ jsx24(
-                    ReadonlyObjectField,
-                    {
-                      field,
-                      value: formatAdminValue(controller.values[field.name], {
-                        locale,
-                        field,
-                        pretty: true
-                      }),
-                      imageUrl: field.display_kind === "image" ? resolveAdminMediaUrl(controller.values[field.name], field) : null
+                ),
+                /* @__PURE__ */ jsx25(
+                  Paper9,
+                  {
+                    sx: {
+                      width: { xs: "100%", lg: 280 },
+                      flexShrink: 0,
+                      borderRadius: "10px",
+                      p: 1.5,
+                      alignSelf: "flex-start",
+                      position: { lg: "sticky" },
+                      top: { lg: 0 },
+                      display: isPhone ? "none" : void 0
                     },
-                    field.name
-                  );
-                }) }) })
-              }
-            ),
-            /* @__PURE__ */ jsx24(
-              Paper9,
-              {
+                    children: /* @__PURE__ */ jsxs17(Stack13, { spacing: 1, children: [
+                      /* @__PURE__ */ jsx25(Typography7, { variant: "subtitle2", color: "text.secondary", children: t("actions") }),
+                      controller.isDirty ? /* @__PURE__ */ jsx25(
+                        Button6,
+                        {
+                          variant: "contained",
+                          onClick: () => void controller.handleSave(),
+                          disabled: controller.isSaving,
+                          children: controller.isSaving ? t("saving") : t("save")
+                        }
+                      ) : null,
+                      /* @__PURE__ */ jsx25(
+                        Button6,
+                        {
+                          variant: "outlined",
+                          color: "error",
+                          onClick: () => void controller.handleOpenDeletePreview(),
+                          disabled: controller.isDeleting,
+                          children: t("delete")
+                        }
+                      ),
+                      controller.objectActions.map((action) => /* @__PURE__ */ jsx25(
+                        Button6,
+                        {
+                          variant: "outlined",
+                          onClick: () => void controller.handleRunObjectAction(action.slug),
+                          disabled: controller.activeActionSlug !== null,
+                          children: controller.activeActionSlug === action.slug ? t("executing") : action.label
+                        },
+                        action.slug
+                      ))
+                    ] })
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs17(
+          Menu2,
+          {
+            anchorEl: controller.actionsAnchorEl,
+            open: controller.isActionsMenuOpen,
+            onClose: () => controller.setActionsAnchorEl(null),
+            slotProps: {
+              paper: {
                 sx: {
-                  width: { xs: "100%", lg: 280 },
-                  flexShrink: 0,
-                  borderRadius: "10px",
-                  p: 1.5,
-                  alignSelf: "flex-start",
-                  position: { lg: "sticky" },
-                  top: { lg: 0 },
-                  display: isPhone ? "none" : void 0
+                  minWidth: 220
+                }
+              }
+            },
+            anchorOrigin: { vertical: "bottom", horizontal: "right" },
+            transformOrigin: { vertical: "top", horizontal: "right" },
+            children: [
+              controller.isDirty ? /* @__PURE__ */ jsx25(
+                MenuItem4,
+                {
+                  onClick: () => {
+                    controller.setActionsAnchorEl(null);
+                    void controller.handleSave();
+                  },
+                  disabled: controller.isSaving,
+                  children: controller.isSaving ? t("saving") : t("save")
+                }
+              ) : null,
+              /* @__PURE__ */ jsx25(
+                MenuItem4,
+                {
+                  onClick: () => void controller.handleOpenDeletePreview(),
+                  disabled: controller.isDeleting,
+                  sx: { color: "error.main" },
+                  children: t("delete")
+                }
+              ),
+              controller.objectActions.map((action) => /* @__PURE__ */ jsx25(
+                MenuItem4,
+                {
+                  onClick: () => {
+                    controller.setActionsAnchorEl(null);
+                    void controller.handleRunObjectAction(action.slug);
+                  },
+                  disabled: controller.activeActionSlug !== null,
+                  children: controller.activeActionSlug === action.slug ? t("executing") : action.label
                 },
-                children: /* @__PURE__ */ jsxs16(Stack13, { spacing: 1, children: [
-                  /* @__PURE__ */ jsx24(Typography7, { variant: "subtitle2", color: "text.secondary", children: t("actions") }),
-                  controller.isDirty ? /* @__PURE__ */ jsx24(
-                    Button5,
-                    {
-                      variant: "contained",
-                      onClick: () => void controller.handleSave(),
-                      disabled: controller.isSaving,
-                      children: controller.isSaving ? t("saving") : t("save")
-                    }
-                  ) : null,
-                  /* @__PURE__ */ jsx24(
-                    Button5,
-                    {
-                      variant: "outlined",
-                      color: "error",
-                      onClick: () => void controller.handleOpenDeletePreview(),
-                      disabled: controller.isDeleting,
-                      children: t("delete")
-                    }
-                  ),
-                  controller.objectActions.map((action) => /* @__PURE__ */ jsx24(
-                    Button5,
-                    {
-                      variant: "outlined",
-                      onClick: () => void controller.handleRunObjectAction(action.slug),
-                      disabled: controller.activeActionSlug !== null,
-                      children: controller.activeActionSlug === action.slug ? t("executing") : action.label
-                    },
-                    action.slug
-                  ))
-                ] })
+                action.slug
+              ))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx25(
+          DeletePreviewDialog,
+          {
+            open: controller.deleteConfirmOpen,
+            title: t("delete_object_title"),
+            preview: controller.deletePreview,
+            error: controller.deletePreviewError,
+            isLoading: controller.isDeletePreviewLoading,
+            isSubmitting: controller.isDeleting,
+            onClose: () => {
+              if (controller.isDeleting) {
+                return;
               }
-            )
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs16(
-      Menu2,
-      {
-        anchorEl: controller.actionsAnchorEl,
-        open: controller.isActionsMenuOpen,
-        onClose: () => controller.setActionsAnchorEl(null),
-        slotProps: {
-          paper: {
-            sx: {
-              minWidth: 220
-            }
+              controller.setDeleteConfirmOpen(false);
+              controller.setDeletePreview(null);
+              controller.setDeletePreviewError(null);
+            },
+            onConfirm: () => void controller.handleDelete()
           }
-        },
-        anchorOrigin: { vertical: "bottom", horizontal: "right" },
-        transformOrigin: { vertical: "top", horizontal: "right" },
-        children: [
-          controller.isDirty ? /* @__PURE__ */ jsx24(
-            MenuItem3,
-            {
-              onClick: () => {
-                controller.setActionsAnchorEl(null);
-                void controller.handleSave();
-              },
-              disabled: controller.isSaving,
-              children: controller.isSaving ? t("saving") : t("save")
-            }
-          ) : null,
-          /* @__PURE__ */ jsx24(
-            MenuItem3,
-            {
-              onClick: () => void controller.handleOpenDeletePreview(),
-              disabled: controller.isDeleting,
-              sx: { color: "error.main" },
-              children: t("delete")
-            }
-          ),
-          controller.objectActions.map((action) => /* @__PURE__ */ jsx24(
-            MenuItem3,
-            {
-              onClick: () => {
-                controller.setActionsAnchorEl(null);
-                void controller.handleRunObjectAction(action.slug);
-              },
-              disabled: controller.activeActionSlug !== null,
-              children: controller.activeActionSlug === action.slug ? t("executing") : action.label
+        ),
+        ((_c = controller.activeObjectAction) == null ? void 0 : _c.form) ? /* @__PURE__ */ jsx25(
+          ActionFormDialog,
+          {
+            open: true,
+            onClose: controller.handleCloseObjectActionForm,
+            onSuccess: () => void 0,
+            title: `${controller.activeObjectAction.label}: ${controller.objectTitle}`,
+            submitLabel: controller.activeObjectAction.label,
+            slug,
+            locale,
+            fields: controller.activeObjectAction.form,
+            client,
+            choiceScope: {
+              kind: "object-action",
+              actionSlug: controller.activeObjectAction.slug,
+              itemId: id
             },
-            action.slug
-          ))
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx24(
-      DeletePreviewDialog,
-      {
-        open: controller.deleteConfirmOpen,
-        title: t("delete_object_title"),
-        preview: controller.deletePreview,
-        error: controller.deletePreviewError,
-        isLoading: controller.isDeletePreviewLoading,
-        isSubmitting: controller.isDeleting,
-        onClose: () => {
-          if (controller.isDeleting) {
-            return;
+            onSubmit: controller.handleSubmitObjectActionForm
           }
-          controller.setDeleteConfirmOpen(false);
-          controller.setDeletePreview(null);
-          controller.setDeletePreviewError(null);
-        },
-        onConfirm: () => void controller.handleDelete()
-      }
-    )
-  ] }) });
+        ) : null
+      ]
+    }
+  ) });
 }
 
 // src/components/Shell.tsx
-import { useEffect as useEffect11, useMemo as useMemo11, useState as useState12 } from "react";
-import { Box as Box16, CssBaseline, Drawer, GlobalStyles, Stack as Stack14, useMediaQuery as useMediaQuery4 } from "@mui/material";
+import { useEffect as useEffect14, useMemo as useMemo11, useState as useState13 } from "react";
+import { Box as Box17, CssBaseline, Drawer, GlobalStyles, Stack as Stack14, useMediaQuery as useMediaQuery4 } from "@mui/material";
 import { ThemeProvider } from "@mui/material/styles";
 
 // src/theme/defaultAdminTheme.ts
@@ -4629,14 +5195,14 @@ var defaultAdminTheme = createTheme({
 });
 
 // src/components/layout/Main.tsx
-import { Box as Box14 } from "@mui/material";
-import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Box as Box15 } from "@mui/material";
+import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
 function Main({ children }) {
   useAdminLocation();
   const { pendingPath, pendingView } = useShellContext();
   const isPendingNavigation = pendingPath !== null;
-  return /* @__PURE__ */ jsxs17(
-    Box14,
+  return /* @__PURE__ */ jsxs18(
+    Box15,
     {
       sx: {
         flex: 1,
@@ -4649,8 +5215,8 @@ function Main({ children }) {
       },
       children: [
         children,
-        isPendingNavigation ? /* @__PURE__ */ jsx25(
-          Box14,
+        isPendingNavigation ? /* @__PURE__ */ jsx26(
+          Box15,
           {
             sx: {
               position: "absolute",
@@ -4658,7 +5224,7 @@ function Main({ children }) {
               zIndex: 5,
               backgroundColor: "background.default"
             },
-            children: pendingView === "model" || pendingView === "overview" ? /* @__PURE__ */ jsx25(ModelPageSkeleton, {}) : /* @__PURE__ */ jsx25(ModelPageSkeleton, {})
+            children: pendingView === "model" || pendingView === "overview" ? /* @__PURE__ */ jsx26(ModelPageSkeleton, {}) : /* @__PURE__ */ jsx26(ModelPageSkeleton, {})
           }
         ) : null
       ]
@@ -4667,14 +5233,24 @@ function Main({ children }) {
 }
 
 // src/components/layout/Sidebar.tsx
-import { memo as memo8 } from "react";
-import { Box as Box15, ListItemButton as ListItemButton3, Typography as Typography8 } from "@mui/material";
-import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
+import { memo as memo8, useEffect as useEffect13, useRef as useRef7 } from "react";
+import { Box as Box16, ListItemButton as ListItemButton3, Typography as Typography8 } from "@mui/material";
+import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
+function getOffsetTopWithinContainer(element, container) {
+  let offsetTop = element.offsetTop;
+  let currentParent = element.offsetParent;
+  while (currentParent instanceof HTMLElement && currentParent !== container) {
+    offsetTop += currentParent.offsetTop;
+    currentParent = currentParent.offsetParent;
+  }
+  return offsetTop;
+}
 var Sidebar = memo8(function Sidebar2({ models, blocks, basePath }) {
   var _a;
   const t = useAdminTranslation();
   const { pathname } = useAdminLocation();
   const { pendingPath, startPendingNavigation } = useShellContext();
+  const scrollContainerRef = useRef7(null);
   const effectivePathname = pendingPath != null ? pendingPath : pathname;
   const normalizedBasePath = basePath.endsWith("/") ? basePath.slice(0, -1) : basePath;
   const fallbackBasePath = normalizedBasePath.replace(/^\/(ru|en)(?=\/|$)/, "") || "/";
@@ -4682,9 +5258,80 @@ var Sidebar = memo8(function Sidebar2({ models, blocks, basePath }) {
   const relativePath = matchedBasePath ? effectivePathname.slice(matchedBasePath.length) : "";
   const activeModelSlug = (_a = relativePath.split("/").filter(Boolean)[0]) != null ? _a : null;
   const isOverviewActive = matchedBasePath !== null && (effectivePathname === matchedBasePath || effectivePathname === `${matchedBasePath}/`);
-  return /* @__PURE__ */ jsx26(Box15, { sx: { height: "100%", overflow: "hidden" }, children: /* @__PURE__ */ jsx26(
-    Box15,
+  useEffect13(() => {
+    if (!activeModelSlug) {
+      return;
+    }
+    const container = scrollContainerRef.current;
+    if (!container) {
+      return;
+    }
+    let scheduledFrame = null;
+    let cancelled = false;
+    let startedAt = 0;
+    let lastTargetScrollTop = null;
+    let stableFrames = 0;
+    const ensureActiveModelVisible = (timestamp) => {
+      if (cancelled) {
+        return;
+      }
+      if (startedAt === 0) {
+        startedAt = timestamp;
+      }
+      const elapsed = timestamp - startedAt;
+      const allowAllModelsFallback = elapsed >= 250;
+      const blockContainer = container.querySelector(
+        '[data-xladmin-active-block="true"][data-xladmin-block-origin="block"]'
+      );
+      const fallbackBlockContainer = container.querySelector(
+        '[data-xladmin-active-block="true"][data-xladmin-block-origin="all-models"]'
+      );
+      const blockItem = container.querySelector(
+        '[data-xladmin-active-model="true"][data-xladmin-model-origin="block"]'
+      );
+      const fallbackItem = container.querySelector(
+        '[data-xladmin-active-model="true"][data-xladmin-model-origin="all-models"]'
+      );
+      const activeBlock = blockContainer != null ? blockContainer : allowAllModelsFallback ? fallbackBlockContainer : null;
+      const activeItem = blockItem != null ? blockItem : allowAllModelsFallback ? fallbackItem : null;
+      if (!activeBlock || !activeItem) {
+        if (elapsed < 1200) {
+          scheduledFrame = window.requestAnimationFrame(ensureActiveModelVisible);
+        }
+        return;
+      }
+      const rangeTop = getOffsetTopWithinContainer(activeBlock, container);
+      const rangeBottom = getOffsetTopWithinContainer(activeItem, container) + activeItem.offsetHeight;
+      const rangeCenter = (rangeTop + rangeBottom) / 2;
+      const maxScrollTop = Math.max(0, container.scrollHeight - container.clientHeight);
+      const targetScrollTop = Math.min(
+        maxScrollTop,
+        Math.max(0, rangeCenter - container.clientHeight / 2)
+      );
+      container.scrollTop = targetScrollTop;
+      if (lastTargetScrollTop !== null && Math.abs(lastTargetScrollTop - targetScrollTop) < 1) {
+        stableFrames += 1;
+      } else {
+        stableFrames = 0;
+      }
+      lastTargetScrollTop = targetScrollTop;
+      if (stableFrames >= 3 || elapsed >= 1200) {
+        return;
+      }
+      scheduledFrame = window.requestAnimationFrame(ensureActiveModelVisible);
+    };
+    scheduledFrame = window.requestAnimationFrame(ensureActiveModelVisible);
+    return () => {
+      cancelled = true;
+      if (scheduledFrame !== null) {
+        window.cancelAnimationFrame(scheduledFrame);
+      }
+    };
+  }, [activeModelSlug, blocks]);
+  return /* @__PURE__ */ jsx27(Box16, { sx: { height: "100%", overflow: "hidden" }, children: /* @__PURE__ */ jsx27(
+    Box16,
     {
+      ref: scrollContainerRef,
       sx: {
         height: "100%",
         overflowY: "scroll",
@@ -4694,14 +5341,14 @@ var Sidebar = memo8(function Sidebar2({ models, blocks, basePath }) {
         ml: 0,
         pl: 0
       },
-      children: /* @__PURE__ */ jsxs18(Box15, { sx: { direction: "ltr", pl: 1 }, children: [
-        /* @__PURE__ */ jsx26(
+      children: /* @__PURE__ */ jsxs19(Box16, { sx: { direction: "ltr", pl: 1 }, children: [
+        /* @__PURE__ */ jsx27(
           NavLink,
           {
             href: basePath,
             style: { textDecoration: "none", display: "block" },
             onClick: () => startPendingNavigation(basePath, "overview"),
-            children: /* @__PURE__ */ jsx26(
+            children: /* @__PURE__ */ jsx27(
               ListItemButton3,
               {
                 selected: isOverviewActive,
@@ -4714,12 +5361,12 @@ var Sidebar = memo8(function Sidebar2({ models, blocks, basePath }) {
                     backgroundColor: isOverviewActive ? "rgba(255, 255, 255, 0.2)" : "rgba(255, 255, 255, 0.055)"
                   }
                 },
-                children: /* @__PURE__ */ jsx26(Typography8, { variant: "subtitle1", sx: { fontWeight: 700 }, children: t("overview") })
+                children: /* @__PURE__ */ jsx27(Typography8, { variant: "subtitle1", sx: { fontWeight: 700 }, children: t("overview") })
               }
             )
           }
         ),
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx27(
           ModelsBlocks,
           {
             models,
@@ -4736,7 +5383,7 @@ var Sidebar = memo8(function Sidebar2({ models, blocks, basePath }) {
 });
 
 // src/components/Shell.tsx
-import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
 function normalizeAdminPath(path) {
   const normalizedPath = path.endsWith("/") && path !== "/" ? path.slice(0, -1) : path;
   return normalizedPath.replace(/^\/(ru|en)(?=\/|$)/, "") || "/";
@@ -4748,15 +5395,15 @@ function Shell({ client, models, blocks, basePath, locale, children, theme, rout
   const location = useAdminLocation(resolvedRouter);
   const pathname = location.pathname;
   const isDesktopSidebar = useMediaQuery4(activeTheme.breakpoints.up("lg"));
-  const [isMobileSidebarOpen, setIsMobileSidebarOpen] = useState12(false);
-  const [pendingPath, setPendingPath] = useState12(null);
-  const [pendingView, setPendingView] = useState12(null);
-  useEffect11(() => {
+  const [isMobileSidebarOpen, setIsMobileSidebarOpen] = useState13(false);
+  const [pendingPath, setPendingPath] = useState13(null);
+  const [pendingView, setPendingView] = useState13(null);
+  useEffect14(() => {
     if (isDesktopSidebar) {
       setIsMobileSidebarOpen(false);
     }
   }, [isDesktopSidebar]);
-  useEffect11(() => {
+  useEffect14(() => {
     setIsMobileSidebarOpen(false);
   }, [pathname]);
   const shellContextValue = useMemo11(() => ({
@@ -4782,9 +5429,9 @@ function Shell({ client, models, blocks, basePath, locale, children, theme, rout
       setPendingView(null);
     }
   }), [isDesktopSidebar, pathname, pendingPath, pendingView]);
-  return /* @__PURE__ */ jsx27(AdminRouterProvider, { router: resolvedRouter, children: /* @__PURE__ */ jsx27(ThemeProvider, { theme: activeTheme, children: /* @__PURE__ */ jsx27(AdminLocaleProvider, { locale, children: /* @__PURE__ */ jsx27(AdminDataProvider, { value: { locale: locale === "en" ? "en" : "ru", models, blocks }, children: /* @__PURE__ */ jsx27(ShellContextProvider, { value: shellContextValue, children: /* @__PURE__ */ jsxs19(AdminMessageProvider, { children: [
-    /* @__PURE__ */ jsx27(CssBaseline, {}),
-    /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(AdminRouterProvider, { router: resolvedRouter, children: /* @__PURE__ */ jsx28(ThemeProvider, { theme: activeTheme, children: /* @__PURE__ */ jsx28(AdminLocaleProvider, { locale, children: /* @__PURE__ */ jsx28(AdminDataProvider, { value: { locale: locale === "en" ? "en" : "ru", models, blocks }, children: /* @__PURE__ */ jsx28(ShellContextProvider, { value: shellContextValue, children: /* @__PURE__ */ jsxs20(AdminMessageProvider, { children: [
+    /* @__PURE__ */ jsx28(CssBaseline, {}),
+    /* @__PURE__ */ jsx28(
       GlobalStyles,
       {
         styles: (muiTheme) => ({
@@ -4823,8 +5470,8 @@ function Shell({ client, models, blocks, basePath, locale, children, theme, rout
         })
       }
     ),
-    /* @__PURE__ */ jsx27(
-      Box16,
+    /* @__PURE__ */ jsx28(
+      Box17,
       {
         "data-xladmin-root": "true",
         sx: {
@@ -4834,15 +5481,15 @@ function Shell({ client, models, blocks, basePath, locale, children, theme, rout
           backgroundColor: "background.default",
           backgroundImage: "none"
         },
-        children: /* @__PURE__ */ jsxs19(
+        children: /* @__PURE__ */ jsxs20(
           Stack14,
           {
             direction: { xs: "column", lg: "row" },
             spacing: 0,
             sx: { height: "100%", minHeight: 0, alignItems: "stretch" },
             children: [
-              /* @__PURE__ */ jsx27(
-                Box16,
+              /* @__PURE__ */ jsx28(
+                Box17,
                 {
                   sx: {
                     display: { xs: "none", lg: "block" },
@@ -4853,11 +5500,11 @@ function Shell({ client, models, blocks, basePath, locale, children, theme, rout
                     pl: 0,
                     pr: 1
                   },
-                  children: /* @__PURE__ */ jsx27(Sidebar, { models, blocks, basePath })
+                  children: /* @__PURE__ */ jsx28(Sidebar, { models, blocks, basePath })
                 }
               ),
-              /* @__PURE__ */ jsx27(
-                Box16,
+              /* @__PURE__ */ jsx28(
+                Box17,
                 {
                   sx: {
                     flex: 1,
@@ -4870,7 +5517,7 @@ function Shell({ client, models, blocks, basePath, locale, children, theme, rout
                     py: { xs: 1, sm: 1.5, lg: 2 },
                     pl: { xs: 1, sm: 1.5, lg: 1 }
                   },
-                  children: /* @__PURE__ */ jsx27(Main, { children })
+                  children: /* @__PURE__ */ jsx28(Main, { children })
                 }
               )
             ]
@@ -4878,7 +5525,7 @@ function Shell({ client, models, blocks, basePath, locale, children, theme, rout
         )
       }
     ),
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(
       Drawer,
       {
         anchor: "left",
@@ -4897,7 +5544,7 @@ function Shell({ client, models, blocks, basePath, locale, children, theme, rout
             }
           }
         },
-        children: /* @__PURE__ */ jsx27(Box16, { sx: { height: "100%", minHeight: 0, pr: 1.5 }, children: /* @__PURE__ */ jsx27(Sidebar, { models, blocks, basePath }) })
+        children: /* @__PURE__ */ jsx28(Box17, { sx: { height: "100%", minHeight: 0, pr: 1.5 }, children: /* @__PURE__ */ jsx28(Sidebar, { models, blocks, basePath }) })
       }
     )
   ] }) }) }) }) }) });