xladmin 0.3.2 → 0.3.4

package/dist/index.js

@@ -302,8 +302,8 @@ function handleNavLinkClick(event, { href, onClick, router }) {
 }
 
 // src/components/FormDialog.tsx
-import { useEffect as useEffect3, useMemo as useMemo4, useState as useState3 } from "react";
-import { Alert, Box, Button, Dialog, DialogActions, DialogContent, DialogTitle } from "@mui/material";
+import { useEffect as useEffect4, useMemo as useMemo5, 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";
 
@@ -363,7 +363,12 @@ var messages = {
     menu: "\u041C\u0435\u043D\u044E",
     show_details: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043E\u043F\u0438\u0441\u0430\u043D\u0438\u0435",
     hide_details: "\u0421\u043A\u0440\u044B\u0442\u044C \u043E\u043F\u0438\u0441\u0430\u043D\u0438\u0435",
-    staff_only: "\u0414\u043E\u0441\u0442\u0443\u043F \u043A \u0430\u0434\u043C\u0438\u043D\u043A\u0435 \u0435\u0441\u0442\u044C \u0442\u043E\u043B\u044C\u043A\u043E \u0443 staff-\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u0435\u0439."
+    staff_only: "\u0414\u043E\u0441\u0442\u0443\u043F \u043A \u0430\u0434\u043C\u0438\u043D\u043A\u0435 \u0435\u0441\u0442\u044C \u0442\u043E\u043B\u044C\u043A\u043E \u0443 staff-\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u0435\u0439.",
+    action_success: '\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u0435 "{action}" \u0432\u044B\u043F\u043E\u043B\u043D\u0435\u043D\u043E \u0434\u043B\u044F {count} \u043E\u0431\u044A\u0435\u043A\u0442\u043E\u0432.',
+    delete_success: "\u0423\u0434\u0430\u043B\u0435\u043D\u043E \u043E\u0431\u044A\u0435\u043A\u0442\u043E\u0432: {count}.",
+    object_saved_success: "\u041E\u0431\u044A\u0435\u043A\u0442 \u0441\u043E\u0445\u0440\u0430\u043D\u0451\u043D.",
+    object_created_success: "\u041E\u0431\u044A\u0435\u043A\u0442 \u0441\u043E\u0437\u0434\u0430\u043D.",
+    object_deleted_success: "\u041E\u0431\u044A\u0435\u043A\u0442 \u0443\u0434\u0430\u043B\u0451\u043D."
   },
   en: {
     admin_title: "Admin",
@@ -417,7 +422,12 @@ var messages = {
     menu: "Menu",
     show_details: "Show details",
     hide_details: "Hide details",
-    staff_only: "Only staff users can access the admin."
+    staff_only: "Only staff users can access the admin.",
+    action_success: 'Action "{action}" completed for {count} items.',
+    delete_success: "Deleted items: {count}.",
+    object_saved_success: "Object saved.",
+    object_created_success: "Object created.",
+    object_deleted_success: "Object deleted."
   }
 };
 var AdminLocaleContext = createContext2("ru");
@@ -1046,8 +1056,217 @@ function stringifyJsonValue(value) {
   return JSON.stringify(value, null, 2);
 }
 
-// src/components/FormDialog.tsx
+// 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 InfoOutlinedIcon from "@mui/icons-material/InfoOutlined";
+import { Box, Paper, Portal, Stack, Typography } from "@mui/material";
+import { alpha, useTheme } from "@mui/material/styles";
 import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var DEFAULT_DURATION_MS = 3e3;
+var EXIT_DURATION_MS = 220;
+var defaultAdminMessageApi = {
+  show: () => -1,
+  success: () => -1,
+  error: () => -1,
+  info: () => -1,
+  dismiss: () => {
+  },
+  clear: () => {
+  }
+};
+var AdminMessageContext = createContext3(defaultAdminMessageApi);
+function AdminMessageProvider({ children }) {
+  const [items, setItems] = useState3([]);
+  const idRef = useRef3(0);
+  const dismissTimersRef = useRef3(/* @__PURE__ */ new Map());
+  const removeTimersRef = useRef3(/* @__PURE__ */ new Map());
+  const dismiss = useCallback2((id) => {
+    const dismissTimerId = dismissTimersRef.current.get(id);
+    if (dismissTimerId !== void 0) {
+      window.clearTimeout(dismissTimerId);
+      dismissTimersRef.current.delete(id);
+    }
+    setItems((current) => current.map((item) => item.id === id ? { ...item, leaving: true } : item));
+    const previousRemoveTimerId = removeTimersRef.current.get(id);
+    if (previousRemoveTimerId !== void 0) {
+      window.clearTimeout(previousRemoveTimerId);
+    }
+    const removeTimerId = window.setTimeout(() => {
+      setItems((current) => current.filter((item) => item.id !== id));
+      removeTimersRef.current.delete(id);
+    }, EXIT_DURATION_MS);
+    removeTimersRef.current.set(id, removeTimerId);
+  }, []);
+  const show = useCallback2((kind, text, options) => {
+    var _a;
+    if (!text.trim()) {
+      return -1;
+    }
+    idRef.current += 1;
+    const id = idRef.current;
+    setItems((current) => [...current, { id, kind, text, leaving: false }]);
+    const duration = (_a = options == null ? void 0 : options.duration) != null ? _a : DEFAULT_DURATION_MS;
+    const dismissTimerId = window.setTimeout(() => dismiss(id), duration);
+    dismissTimersRef.current.set(id, dismissTimerId);
+    return id;
+  }, [dismiss]);
+  const clear = useCallback2(() => {
+    for (const timerId of dismissTimersRef.current.values()) {
+      window.clearTimeout(timerId);
+    }
+    for (const timerId of removeTimersRef.current.values()) {
+      window.clearTimeout(timerId);
+    }
+    dismissTimersRef.current.clear();
+    removeTimersRef.current.clear();
+    setItems([]);
+  }, []);
+  useEffect3(() => clear, [clear]);
+  const value = useMemo4(() => ({
+    show,
+    success: (text, options) => show("success", text, options),
+    error: (text, options) => show("error", text, options),
+    info: (text, options) => show("info", text, options),
+    dismiss,
+    clear
+  }), [clear, dismiss, show]);
+  return /* @__PURE__ */ jsxs2(AdminMessageContext.Provider, { value, children: [
+    children,
+    /* @__PURE__ */ jsx4(AdminMessageViewport, { items, onDismiss: dismiss })
+  ] });
+}
+function useAdminMessage() {
+  return useContext3(AdminMessageContext);
+}
+function AdminMessageViewport({
+  items,
+  onDismiss
+}) {
+  return /* @__PURE__ */ jsx4(Portal, { children: /* @__PURE__ */ jsx4(
+    Box,
+    {
+      "aria-live": "polite",
+      sx: {
+        position: "fixed",
+        top: { xs: 12, sm: 16 },
+        right: { xs: 12, sm: 16 },
+        zIndex: (theme) => theme.zIndex.modal + 40,
+        width: { xs: "calc(100vw - 24px)", sm: 360 },
+        maxWidth: "100%",
+        pointerEvents: "none"
+      },
+      children: /* @__PURE__ */ jsx4(Stack, { spacing: 1, children: items.map((item) => /* @__PURE__ */ jsx4(AdminMessageBubble, { item, onDismiss }, item.id)) })
+    }
+  ) });
+}
+function AdminMessageBubble({
+  item,
+  onDismiss
+}) {
+  const theme = useTheme();
+  const appearance = getBubbleAppearance(theme, item.kind);
+  const Icon = appearance.icon;
+  return /* @__PURE__ */ jsx4(
+    Paper,
+    {
+      elevation: 0,
+      onClick: () => onDismiss(item.id),
+      role: "button",
+      sx: {
+        pointerEvents: "auto",
+        cursor: "pointer",
+        borderRadius: "11px",
+        px: 1.5,
+        py: 1.125,
+        border: `1px solid ${appearance.borderColor}`,
+        backgroundColor: appearance.backgroundColor,
+        boxShadow: `0 14px 32px ${alpha("#000000", 0.22)}`,
+        transform: item.leaving ? "translateX(24px) scale(0.98)" : "translateX(0) scale(1)",
+        opacity: item.leaving ? 0 : 1,
+        transition: "transform 220ms ease, opacity 220ms ease",
+        animation: item.leaving ? "none" : "adminMessageEnter 220ms cubic-bezier(0.2, 0.8, 0.2, 1)",
+        "@keyframes adminMessageEnter": {
+          "0%": {
+            opacity: 0,
+            transform: "translateX(32px) scale(0.96)"
+          },
+          "100%": {
+            opacity: 1,
+            transform: "translateX(0) scale(1)"
+          }
+        }
+      },
+      children: /* @__PURE__ */ jsxs2(Stack, { direction: "row", spacing: 1.125, alignItems: "center", children: [
+        /* @__PURE__ */ jsx4(
+          Box,
+          {
+            sx: {
+              width: 26,
+              height: 26,
+              borderRadius: "999px",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              flexShrink: 0,
+              color: appearance.iconColor,
+              backgroundColor: appearance.iconBackgroundColor
+            },
+            children: /* @__PURE__ */ jsx4(Icon, { sx: { fontSize: 17 } })
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          Typography,
+          {
+            sx: {
+              fontSize: 14,
+              lineHeight: 1.35,
+              fontWeight: 500,
+              color: "text.primary",
+              wordBreak: "break-word",
+              flex: 1,
+              display: "flex",
+              alignItems: "center",
+              minHeight: 26
+            },
+            children: item.text
+          }
+        )
+      ] })
+    }
+  );
+}
+function getBubbleAppearance(theme, kind) {
+  if (kind === "success") {
+    return {
+      icon: CheckCircleOutlineIcon,
+      borderColor: alpha(theme.palette.success.main, 0.5),
+      backgroundColor: alpha(theme.palette.success.main, 0.18),
+      iconColor: theme.palette.success.main,
+      iconBackgroundColor: alpha(theme.palette.success.main, 0.24)
+    };
+  }
+  if (kind === "error") {
+    return {
+      icon: ErrorOutlineIcon,
+      borderColor: alpha(theme.palette.error.main, 0.42),
+      backgroundColor: alpha(theme.palette.error.main, 0.14),
+      iconColor: theme.palette.error.main,
+      iconBackgroundColor: alpha(theme.palette.error.main, 0.18)
+    };
+  }
+  return {
+    icon: InfoOutlinedIcon,
+    borderColor: alpha(theme.palette.info.main, 0.42),
+    backgroundColor: alpha(theme.palette.info.main, 0.14),
+    iconColor: theme.palette.info.main,
+    iconBackgroundColor: alpha(theme.palette.info.main, 0.18)
+  };
+}
+
+// src/components/FormDialog.tsx
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function FormDialog({
   open,
   onClose,
@@ -1061,18 +1280,19 @@ function FormDialog({
   itemId
 }) {
   const t = useAdminTranslation();
-  const [values, setValues] = useState3({});
-  const [error, setError] = useState3(null);
-  const [isSaving, setIsSaving] = useState3(false);
-  const editableFieldNames = useMemo4(
+  const message = useAdminMessage();
+  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 = useMemo4(
+  const editableFields = useMemo5(
     () => meta.fields.filter((field) => editableFieldNames.includes(field.name)),
     [editableFieldNames, meta.fields]
   );
-  useEffect3(() => {
+  useEffect4(() => {
     setValues(initialValues != null ? initialValues : {});
     setError(null);
     setIsSaving(false);
@@ -1087,18 +1307,22 @@ function FormDialog({
     try {
       if (mode === "create") {
         await client.createItem(slug, payload);
+        message.success(t("object_created_success"));
       } else if (itemId !== void 0) {
         await client.patchItem(slug, itemId, payload);
+        message.success(t("object_saved_success"));
       }
       onSuccess();
       onClose();
     } catch (reason) {
-      setError(reason instanceof Error ? reason.message : t("object_save_error"));
+      const nextError = reason instanceof Error ? reason.message : t("object_save_error");
+      setError(nextError);
+      message.error(nextError);
     } finally {
       setIsSaving(false);
     }
   };
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3(
     Dialog,
     {
       open,
@@ -1120,10 +1344,10 @@ function FormDialog({
         }
       },
       children: [
-        /* @__PURE__ */ jsx4(DialogTitle, { children: title }),
-        /* @__PURE__ */ jsx4(DialogContent, { children: /* @__PURE__ */ jsx4(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: meta.locale, children: /* @__PURE__ */ jsxs2(Box, { sx: { display: "grid", gap: 2, pt: 1 }, children: [
-          error ? /* @__PURE__ */ jsx4(Alert, { severity: "error", children: error }) : null,
-          editableFields.map((field) => /* @__PURE__ */ jsx4(
+        /* @__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,
@@ -1137,9 +1361,9 @@ function FormDialog({
             field.name
           ))
         ] }) }) }),
-        /* @__PURE__ */ jsxs2(DialogActions, { children: [
-          /* @__PURE__ */ jsx4(Button, { onClick: onClose, disabled: isSaving, children: t("cancel") }),
-          /* @__PURE__ */ jsx4(Button, { variant: "contained", onClick: () => void handleSave(), disabled: isSaving, children: isSaving ? t("saving") : t("save") })
+        /* @__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") })
         ] })
       ]
     }
@@ -1147,13 +1371,13 @@ function FormDialog({
 }
 
 // src/components/OverviewPage.tsx
-import { useEffect as useEffect6, useMemo as useMemo6, useState as useState6 } from "react";
-import { Alert as Alert3, Box as Box5, Grid, Paper as Paper3, Skeleton as Skeleton2, Stack as Stack5 } from "@mui/material";
+import { useEffect as useEffect7, 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
-import { useEffect as useEffect4 } from "react";
+import { useEffect as useEffect5 } from "react";
 function useAdminDocumentTitle(...parts) {
-  useEffect4(() => {
+  useEffect5(() => {
     const title = parts.map((part) => part == null ? void 0 : part.trim()).filter((part) => Boolean(part)).join(" | ");
     if (!title) {
       return;
@@ -1163,24 +1387,24 @@ function useAdminDocumentTitle(...parts) {
 }
 
 // src/components/layout/AdminDataContext.tsx
-import { createContext as createContext3, useContext as useContext3 } from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { createContext as createContext4, useContext as useContext4 } from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var defaultAdminDataContextValue = {
   locale: "ru",
   models: [],
   blocks: []
 };
-var AdminDataContext = createContext3(defaultAdminDataContextValue);
+var AdminDataContext = createContext4(defaultAdminDataContextValue);
 function AdminDataProvider({ value, children }) {
-  return /* @__PURE__ */ jsx5(AdminDataContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx6(AdminDataContext.Provider, { value, children });
 }
 function useAdminData() {
-  return useContext3(AdminDataContext);
+  return useContext4(AdminDataContext);
 }
 
 // src/components/ModelsBlocks.tsx
-import { memo as memo2, useMemo as useMemo5 } from "react";
-import { Box as Box3, Stack as Stack3, useMediaQuery, useTheme } from "@mui/material";
+import { memo as memo2, useMemo as useMemo6 } from "react";
+import { Box as Box4, Stack as Stack4, useMediaQuery, useTheme as useTheme2 } from "@mui/material";
 
 // src/components/models-blocks/DashboardModelsBlock.tsx
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
@@ -1191,16 +1415,16 @@ import {
   ButtonBase,
   ListItemButton,
   ListItemText,
-  Stack as Stack2
+  Stack as Stack3
 } from "@mui/material";
 
 // src/components/models-blocks/BlockTitle.tsx
-import { Stack, Typography } from "@mui/material";
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Stack as Stack2, Typography as Typography2 } from "@mui/material";
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 function BlockTitle({ block, compact = false }) {
-  return /* @__PURE__ */ jsxs3(Stack, { spacing: 0.25, children: [
-    /* @__PURE__ */ jsx6(
-      Typography,
+  return /* @__PURE__ */ jsxs4(Stack2, { spacing: 0.25, children: [
+    /* @__PURE__ */ jsx7(
+      Typography2,
       {
         variant: compact ? "subtitle1" : "h6",
         sx: {
@@ -1211,7 +1435,7 @@ function BlockTitle({ block, compact = false }) {
         children: block.title
       }
     ),
-    block.description && !compact ? /* @__PURE__ */ jsx6(Typography, { color: "text.secondary", sx: { fontSize: compact ? 12 : 14, lineHeight: 1.3 }, children: block.description }) : null
+    block.description && !compact ? /* @__PURE__ */ jsx7(Typography2, { color: "text.secondary", sx: { fontSize: compact ? 12 : 14, lineHeight: 1.3 }, children: block.description }) : null
   ] });
 }
 
@@ -1242,11 +1466,11 @@ function getBlockSurfaceSx(block, variant) {
 }
 
 // src/components/models-blocks/useBlockExpandedState.ts
-import { useCallback as useCallback2, useEffect as useEffect5, useState as useState4 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect6, useState as useState5 } from "react";
 var STORAGE_KEY_PREFIX = "xladmin.models-block.expanded";
 function useBlockExpandedState(blockSlug, defaultExpanded) {
-  const [isExpanded, setIsExpanded] = useState4(defaultExpanded);
-  useEffect5(() => {
+  const [isExpanded, setIsExpanded] = useState5(defaultExpanded);
+  useEffect6(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -1257,7 +1481,7 @@ function useBlockExpandedState(blockSlug, defaultExpanded) {
     }
     setIsExpanded(rawValue === "true");
   }, [blockSlug, defaultExpanded]);
-  const updateExpanded = useCallback2((nextExpanded) => {
+  const updateExpanded = useCallback3((nextExpanded) => {
     setIsExpanded(nextExpanded);
     if (typeof window !== "undefined") {
       window.localStorage.setItem(getStorageKey(blockSlug), String(nextExpanded));
@@ -1270,10 +1494,10 @@ function getStorageKey(blockSlug) {
 }
 
 // src/components/NavLink.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 function NavLink({ href, children, style, title, onClick, router }) {
   const resolvedRouter = useAdminRouter(router);
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     "a",
     {
       href,
@@ -1289,10 +1513,10 @@ function NavLink({ href, children, style, title, onClick, router }) {
 }
 
 // src/components/models-blocks/DashboardModelsBlock.tsx
-import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
 function DashboardModelsBlock({ block, basePath }) {
   const [isExpanded, setIsExpanded] = useBlockExpandedState(block.slug, block.default_expanded);
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     Accordion,
     {
       expanded: block.collapsible ? isExpanded : true,
@@ -1308,10 +1532,10 @@ function DashboardModelsBlock({ block, basePath }) {
         }
       },
       children: [
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           AccordionSummary,
           {
-            expandIcon: block.collapsible ? /* @__PURE__ */ jsx8(ExpandMoreIcon, { fontSize: "small" }) : void 0,
+            expandIcon: block.collapsible ? /* @__PURE__ */ jsx9(ExpandMoreIcon, { fontSize: "small" }) : void 0,
             sx: {
               minHeight: "48px",
               pr: 1.75,
@@ -1333,15 +1557,15 @@ function DashboardModelsBlock({ block, basePath }) {
                 mb: 1.05
               }
             },
-            children: /* @__PURE__ */ jsx8(BlockTitle, { block })
+            children: /* @__PURE__ */ jsx9(BlockTitle, { block })
           }
         ),
-        /* @__PURE__ */ jsx8(AccordionDetails, { sx: { px: 1.35, pb: 1.35, pt: 0 }, children: /* @__PURE__ */ jsx8(Stack2, { spacing: 0.5, sx: { px: 0.4 }, children: block.models.map((model) => /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(AccordionDetails, { sx: { px: 1.35, pb: 1.35, pt: 0 }, children: /* @__PURE__ */ jsx9(Stack3, { spacing: 0.5, sx: { px: 0.4 }, children: block.models.map((model) => /* @__PURE__ */ jsx9(
           NavLink,
           {
             href: `${basePath}/${model.slug}`,
             style: { textDecoration: "none", display: "block" },
-            children: /* @__PURE__ */ jsx8(
+            children: /* @__PURE__ */ jsx9(
               ButtonBase,
               {
                 sx: {
@@ -1351,7 +1575,7 @@ function DashboardModelsBlock({ block, basePath }) {
                   borderRadius: "8px",
                   overflow: "hidden"
                 },
-                children: /* @__PURE__ */ jsx8(
+                children: /* @__PURE__ */ jsx9(
                   ListItemButton,
                   {
                     sx: {
@@ -1360,7 +1584,7 @@ function DashboardModelsBlock({ block, basePath }) {
                       px: 1.25,
                       py: 0.4
                     },
-                    children: /* @__PURE__ */ jsx8(ListItemText, { primary: model.title })
+                    children: /* @__PURE__ */ jsx9(ListItemText, { primary: model.title })
                   }
                 )
               }
@@ -1379,17 +1603,17 @@ import {
   Accordion as Accordion2,
   AccordionDetails as AccordionDetails2,
   AccordionSummary as AccordionSummary2,
-  Box as Box2,
+  Box as Box3,
   List,
   ListItemButton as ListItemButton2,
   ListItemText as ListItemText2,
-  Paper
+  Paper as Paper2
 } from "@mui/material";
-import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
 function SidebarModelsBlock({ block, basePath, activeModelSlug, onModelNavigate }) {
   const [isExpanded, setIsExpanded] = useBlockExpandedState(block.slug, block.default_expanded);
   if (block.collapsible) {
-    return /* @__PURE__ */ jsxs5(
+    return /* @__PURE__ */ jsxs6(
       Accordion2,
       {
         expanded: isExpanded,
@@ -1405,10 +1629,10 @@ function SidebarModelsBlock({ block, basePath, activeModelSlug, onModelNavigate
           }
         },
         children: [
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             AccordionSummary2,
             {
-              expandIcon: /* @__PURE__ */ jsx9(ExpandMoreIcon2, { fontSize: "small" }),
+              expandIcon: /* @__PURE__ */ jsx10(ExpandMoreIcon2, { fontSize: "small" }),
               sx: {
                 minHeight: "42px",
                 pr: 1.25,
@@ -1424,10 +1648,10 @@ function SidebarModelsBlock({ block, basePath, activeModelSlug, onModelNavigate
                   my: 0
                 }
               },
-              children: /* @__PURE__ */ jsx9(BlockTitle, { block, compact: true })
+              children: /* @__PURE__ */ jsx10(BlockTitle, { block, compact: true })
             }
           ),
-          /* @__PURE__ */ jsx9(AccordionDetails2, { sx: { p: 0 }, children: /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(AccordionDetails2, { sx: { p: 0 }, children: /* @__PURE__ */ jsx10(
             SidebarModelsList,
             {
               models: block.models,
@@ -1440,8 +1664,8 @@ function SidebarModelsBlock({ block, basePath, activeModelSlug, onModelNavigate
       }
     );
   }
-  return /* @__PURE__ */ jsxs5(
-    Paper,
+  return /* @__PURE__ */ jsxs6(
+    Paper2,
     {
       sx: {
         ...getBlockSurfaceSx(block, "sidebar"),
@@ -1449,8 +1673,8 @@ function SidebarModelsBlock({ block, basePath, activeModelSlug, onModelNavigate
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ jsx9(Box2, { sx: { px: 1.25, py: 1 }, children: /* @__PURE__ */ jsx9(BlockTitle, { block, compact: true }) }),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(Box3, { sx: { px: 1.25, py: 1 }, children: /* @__PURE__ */ jsx10(BlockTitle, { block, compact: true }) }),
+        /* @__PURE__ */ jsx10(
           SidebarModelsList,
           {
             models: block.models,
@@ -1464,16 +1688,16 @@ function SidebarModelsBlock({ block, basePath, activeModelSlug, onModelNavigate
   );
 }
 function SidebarModelsList({ models, basePath, activeModelSlug, onModelNavigate }) {
-  return /* @__PURE__ */ jsx9(List, { dense: true, disablePadding: true, sx: { display: "flex", flexDirection: "column", gap: 0.5, p: 1.35 }, children: models.map((model) => {
+  return /* @__PURE__ */ jsx10(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;
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       NavLink,
       {
         href,
         style: { textDecoration: "none", display: "block" },
         onClick: () => onModelNavigate == null ? void 0 : onModelNavigate(href),
-        children: /* @__PURE__ */ jsx9(
+        children: /* @__PURE__ */ jsx10(
           ListItemButton2,
           {
             selected: isActive,
@@ -1492,7 +1716,7 @@ function SidebarModelsList({ models, basePath, activeModelSlug, onModelNavigate
                 backgroundColor: "rgba(255, 255, 255, 0.2)"
               }
             },
-            children: /* @__PURE__ */ jsx9(ListItemText2, { primary: model.title })
+            children: /* @__PURE__ */ jsx10(ListItemText2, { primary: model.title })
           }
         )
       },
@@ -1502,7 +1726,7 @@ function SidebarModelsList({ models, basePath, activeModelSlug, onModelNavigate
 }
 
 // src/components/ModelsBlocks.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var ModelsBlocks = memo2(function ModelsBlocks2({
   basePath,
   models,
@@ -1512,10 +1736,10 @@ var ModelsBlocks = memo2(function ModelsBlocks2({
   onModelNavigate
 }) {
   const t = useAdminTranslation();
-  const theme = useTheme();
+  const theme = useTheme2();
   const isMdUp = useMediaQuery(theme.breakpoints.up("md"));
   const isXlUp = useMediaQuery(theme.breakpoints.up("xl"));
-  const normalizedBlocks = useMemo5(() => [
+  const normalizedBlocks = useMemo6(() => [
     ...blocks,
     {
       slug: "all-models",
@@ -1528,12 +1752,12 @@ var ModelsBlocks = memo2(function ModelsBlocks2({
       isAllModels: true
     }
   ], [blocks, models, t, variant]);
-  const dashboardColumns = useMemo5(() => {
+  const dashboardColumns = useMemo6(() => {
     const columnCount = isXlUp ? 3 : isMdUp ? 2 : 1;
     return distributeBlocksByHeight(normalizedBlocks, columnCount);
   }, [isMdUp, isXlUp, normalizedBlocks]);
   if (variant === "sidebar") {
-    return /* @__PURE__ */ jsx10(Stack3, { spacing: 1, children: normalizedBlocks.map((block) => /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11(Stack4, { spacing: 1, children: normalizedBlocks.map((block) => /* @__PURE__ */ jsx11(
       SidebarModelsBlock,
       {
         block,
@@ -1544,7 +1768,7 @@ var ModelsBlocks = memo2(function ModelsBlocks2({
       block.slug
     )) });
   }
-  return /* @__PURE__ */ jsx10(Box3, { sx: { display: "flex", gap: 2, alignItems: "flex-start" }, children: dashboardColumns.map((column, columnIndex) => /* @__PURE__ */ jsx10(Box3, { sx: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsx10(Stack3, { spacing: 2, children: column.map((block) => /* @__PURE__ */ jsx10(DashboardModelsBlock, { block, basePath }, block.slug)) }) }, columnIndex)) });
+  return /* @__PURE__ */ jsx11(Box4, { sx: { display: "flex", gap: 2, alignItems: "flex-start" }, children: dashboardColumns.map((column, columnIndex) => /* @__PURE__ */ jsx11(Box4, { sx: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsx11(Stack4, { spacing: 2, children: column.map((block) => /* @__PURE__ */ jsx11(DashboardModelsBlock, { block, basePath }, block.slug)) }) }, columnIndex)) });
 });
 function distributeBlocksByHeight(blocks, columnCount) {
   const columns = Array.from({ length: columnCount }, () => []);
@@ -1566,15 +1790,15 @@ function getBlockWeight(block) {
 }
 
 // src/components/layout/MainHeader.tsx
-import { useState as useState5 } from "react";
+import { useState as useState6 } from "react";
 import MenuIcon from "@mui/icons-material/Menu";
-import { Box as Box4 } from "@mui/material";
+import { Box as Box5 } from "@mui/material";
 import ExpandMoreIcon3 from "@mui/icons-material/ExpandMore";
-import { Alert as Alert2, Collapse, IconButton, Paper as Paper2, Skeleton, Stack as Stack4, Typography as Typography2 } from "@mui/material";
+import { Alert as Alert2, Collapse, IconButton, Paper as Paper3, Skeleton, Stack as Stack5, Typography as Typography3 } from "@mui/material";
 
 // src/components/layout/ShellContext.tsx
-import { createContext as createContext4, useContext as useContext4 } from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { createContext as createContext5, useContext as useContext5 } from "react";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var defaultShellContextValue = {
   isMobile: false,
   openMobileSidebar: () => {
@@ -1584,19 +1808,19 @@ var defaultShellContextValue = {
   startPendingNavigation: () => {
   }
 };
-var ShellContext = createContext4(defaultShellContextValue);
+var ShellContext = createContext5(defaultShellContextValue);
 function ShellContextProvider({
   value,
   children
 }) {
-  return /* @__PURE__ */ jsx11(ShellContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx12(ShellContext.Provider, { value, children });
 }
 function useShellContext() {
-  return useContext4(ShellContext);
+  return useContext5(ShellContext);
 }
 
 // src/components/layout/MainHeader.tsx
-import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
 var MAIN_HEADER_PADDING_X = 2.5;
 var MAIN_HEADER_PADDING_T = 1.35;
 var MAIN_HEADER_PADDING_B = 1.8;
@@ -1605,9 +1829,9 @@ var MAIN_HEADER_SUBTITLE_HEIGHT = 16;
 function MainHeader({ title, subtitle, details, error, beforeTitle, beforeSubtitle, actions }) {
   const t = useAdminTranslation();
   const { isMobile, openMobileSidebar } = useShellContext();
-  const [isDetailsOpen, setIsDetailsOpen] = useState5(false);
-  return /* @__PURE__ */ jsxs6(
-    Paper2,
+  const [isDetailsOpen, setIsDetailsOpen] = useState6(false);
+  return /* @__PURE__ */ jsxs7(
+    Paper3,
     {
       sx: {
         px: { xs: 1.5, sm: MAIN_HEADER_PADDING_X },
@@ -1620,9 +1844,9 @@ function MainHeader({ title, subtitle, details, error, beforeTitle, beforeSubtit
         zIndex: 3
       },
       children: [
-        /* @__PURE__ */ jsxs6(Stack4, { spacing: 0.5, children: [
-          /* @__PURE__ */ jsxs6(
-            Stack4,
+        /* @__PURE__ */ jsxs7(Stack5, { spacing: 0.5, children: [
+          /* @__PURE__ */ jsxs7(
+            Stack5,
             {
               direction: "row",
               spacing: 1.5,
@@ -1630,20 +1854,20 @@ function MainHeader({ title, subtitle, details, error, beforeTitle, beforeSubtit
               justifyContent: "space-between",
               sx: { minWidth: 0 },
               children: [
-                /* @__PURE__ */ jsxs6(Stack4, { direction: "row", spacing: 1, alignItems: "center", sx: { minWidth: 0, flex: 1 }, children: [
-                  isMobile ? /* @__PURE__ */ jsx12(Box4, { sx: { display: "flex", alignItems: "center", flexShrink: 0 }, children: /* @__PURE__ */ jsx12(
+                /* @__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__ */ jsx12(MenuIcon, { fontSize: "small" })
+                      children: /* @__PURE__ */ jsx13(MenuIcon, { fontSize: "small" })
                     }
                   ) }) : null,
-                  beforeTitle ? /* @__PURE__ */ jsx12(Box4, { sx: { display: "flex", alignItems: "center", flexShrink: 0 }, children: beforeTitle }) : null,
-                  /* @__PURE__ */ jsx12(
-                    Typography2,
+                  beforeTitle ? /* @__PURE__ */ jsx13(Box5, { sx: { display: "flex", alignItems: "center", flexShrink: 0 }, children: beforeTitle }) : null,
+                  /* @__PURE__ */ jsx13(
+                    Typography3,
                     {
                       variant: "h5",
                       sx: {
@@ -1655,17 +1879,17 @@ function MainHeader({ title, subtitle, details, error, beforeTitle, beforeSubtit
                     }
                   )
                 ] }),
-                actions ? /* @__PURE__ */ jsx12(Box4, { sx: { display: "flex", alignItems: "center", flexShrink: 0 }, children: actions }) : null
+                actions ? /* @__PURE__ */ jsx13(Box5, { sx: { display: "flex", alignItems: "center", flexShrink: 0 }, children: actions }) : null
               ]
             }
           ),
-          subtitle && !details ? /* @__PURE__ */ jsxs6(Stack4, { direction: "row", spacing: 0.5, alignItems: "center", sx: { minWidth: 0 }, children: [
-            beforeSubtitle ? /* @__PURE__ */ jsx12(Box4, { sx: { display: "flex", alignItems: "center", flexShrink: 0 }, children: beforeSubtitle }) : null,
-            /* @__PURE__ */ jsx12(Typography2, { color: "text.secondary", sx: { lineHeight: "1rem", minWidth: 0 }, children: subtitle })
+          subtitle && !details ? /* @__PURE__ */ jsxs7(Stack5, { direction: "row", spacing: 0.5, alignItems: "center", sx: { minWidth: 0 }, 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__ */ jsxs6(Stack4, { spacing: 0.5, children: [
-            /* @__PURE__ */ jsxs6(
-              Stack4,
+          details ? /* @__PURE__ */ jsxs7(Stack5, { spacing: 0.5, children: [
+            /* @__PURE__ */ jsxs7(
+              Stack5,
               {
                 direction: "row",
                 spacing: 0.5,
@@ -1673,18 +1897,18 @@ function MainHeader({ title, subtitle, details, error, beforeTitle, beforeSubtit
                 justifyContent: "space-between",
                 sx: { minWidth: 0 },
                 children: [
-                  /* @__PURE__ */ jsxs6(Stack4, { direction: "row", spacing: 0.5, alignItems: "center", sx: { minWidth: 0, flex: 1 }, children: [
-                    beforeSubtitle ? /* @__PURE__ */ jsx12(Box4, { sx: { display: "flex", alignItems: "center", flexShrink: 0 }, children: beforeSubtitle }) : null,
-                    /* @__PURE__ */ jsx12(Typography2, { color: "text.secondary", sx: { lineHeight: "1rem", minWidth: 0 }, children: subtitle })
+                  /* @__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__ */ jsx12(
+                  /* @__PURE__ */ jsx13(
                     IconButton,
                     {
                       "aria-label": isDetailsOpen ? t("hide_details") : t("show_details"),
                       onClick: () => setIsDetailsOpen((current) => !current),
                       size: "small",
                       sx: { mr: -0.5 },
-                      children: /* @__PURE__ */ jsx12(
+                      children: /* @__PURE__ */ jsx13(
                         ExpandMoreIcon3,
                         {
                           fontSize: "small",
@@ -1699,10 +1923,10 @@ function MainHeader({ title, subtitle, details, error, beforeTitle, beforeSubtit
                 ]
               }
             ),
-            /* @__PURE__ */ jsx12(Collapse, { in: isDetailsOpen, children: /* @__PURE__ */ jsx12(Box4, { sx: { pt: 0.5 }, children: details }) })
+            /* @__PURE__ */ jsx13(Collapse, { in: isDetailsOpen, children: /* @__PURE__ */ jsx13(Box5, { sx: { pt: 0.5 }, children: details }) })
           ] }) : null
         ] }),
-        error ? /* @__PURE__ */ jsx12(Alert2, { severity: "error", sx: { mt: 2 }, children: error }) : null
+        error ? /* @__PURE__ */ jsx13(Alert2, { severity: "error", sx: { mt: 2 }, children: error }) : null
       ]
     }
   );
@@ -1711,8 +1935,8 @@ function MainHeaderSkeleton({
   titleWidth = 240,
   subtitleWidth = "40%"
 }) {
-  return /* @__PURE__ */ jsx12(
-    Paper2,
+  return /* @__PURE__ */ jsx13(
+    Paper3,
     {
       sx: {
         px: { xs: 1.5, sm: MAIN_HEADER_PADDING_X },
@@ -1724,8 +1948,8 @@ function MainHeaderSkeleton({
         top: 0,
         zIndex: 3
       },
-      children: /* @__PURE__ */ jsxs6(Stack4, { spacing: 1, children: [
-        /* @__PURE__ */ jsx12(
+      children: /* @__PURE__ */ jsxs7(Stack5, { spacing: 1, children: [
+        /* @__PURE__ */ jsx13(
           Skeleton,
           {
             variant: "rounded",
@@ -1734,7 +1958,7 @@ function MainHeaderSkeleton({
             sx: { transform: "none" }
           }
         ),
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13(
           Skeleton,
           {
             variant: "rounded",
@@ -1749,14 +1973,14 @@ function MainHeaderSkeleton({
 }
 
 // src/components/OverviewPage.tsx
-import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 var cachedModelsResponse = null;
 var inFlightModelsRequest = null;
 function OverviewPage({ client, basePath }) {
   const t = useAdminTranslation();
   useAdminDocumentTitle(t("admin_title"), t("overview_title"));
   const adminData = useAdminData();
-  const shellModelsResponse = useMemo6(() => {
+  const shellModelsResponse = useMemo7(() => {
     if (adminData.models.length === 0 && adminData.blocks.length === 0) {
       return null;
     }
@@ -1766,10 +1990,10 @@ function OverviewPage({ client, basePath }) {
       blocks: adminData.blocks
     };
   }, [adminData.blocks, adminData.locale, adminData.models]);
-  const [data, setData] = useState6(shellModelsResponse != null ? shellModelsResponse : cachedModelsResponse);
-  const [error, setError] = useState6(null);
-  const [isLoading, setIsLoading] = useState6(shellModelsResponse === null && cachedModelsResponse === null);
-  useEffect6(() => {
+  const [data, setData] = useState7(shellModelsResponse != null ? shellModelsResponse : cachedModelsResponse);
+  const [error, setError] = useState7(null);
+  const [isLoading, setIsLoading] = useState7(shellModelsResponse === null && cachedModelsResponse === null);
+  useEffect7(() => {
     let isMounted = true;
     if (shellModelsResponse !== null) {
       cachedModelsResponse = shellModelsResponse;
@@ -1809,21 +2033,21 @@ function OverviewPage({ client, basePath }) {
     };
   }, [client, shellModelsResponse, t]);
   if (isLoading && !data) {
-    return /* @__PURE__ */ jsx13(OverviewPageSkeleton, {});
+    return /* @__PURE__ */ jsx14(OverviewPageSkeleton, {});
   }
   if (error || !data) {
-    return /* @__PURE__ */ jsx13(Alert3, { severity: "error", children: error || t("models_load_error") });
+    return /* @__PURE__ */ jsx14(Alert3, { severity: "error", children: error || t("models_load_error") });
   }
-  return /* @__PURE__ */ jsxs7(Stack5, { spacing: 1.5, sx: { height: "100%", minHeight: 0 }, children: [
-    /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs8(Stack6, { spacing: 1.5, sx: { height: "100%", minHeight: 0 }, children: [
+    /* @__PURE__ */ jsx14(
       MainHeader,
       {
         title: t("overview_title"),
         subtitle: t("overview_subtitle")
       }
     ),
-    /* @__PURE__ */ jsx13(
-      Paper3,
+    /* @__PURE__ */ jsx14(
+      Paper4,
       {
         sx: {
           borderRadius: "10px",
@@ -1833,7 +2057,7 @@ function OverviewPage({ client, basePath }) {
           display: "flex",
           flexDirection: "column"
         },
-        children: /* @__PURE__ */ jsx13(Box5, { sx: { flex: 1, minHeight: 0, overflow: "auto", p: 2 }, children: /* @__PURE__ */ jsx13(
+        children: /* @__PURE__ */ jsx14(Box6, { sx: { flex: 1, minHeight: 0, overflow: "auto", p: 2 }, children: /* @__PURE__ */ jsx14(
           ModelsBlocks,
           {
             models: data.items,
@@ -1847,10 +2071,10 @@ function OverviewPage({ client, basePath }) {
   ] });
 }
 function OverviewPageSkeleton() {
-  return /* @__PURE__ */ jsxs7(Stack5, { spacing: 1.5, sx: { height: "100%", minHeight: 0 }, children: [
-    /* @__PURE__ */ jsx13(MainHeaderSkeleton, { titleWidth: 220, subtitleWidth: "58%" }),
-    /* @__PURE__ */ jsx13(
-      Paper3,
+  return /* @__PURE__ */ jsxs8(Stack6, { spacing: 1.5, sx: { height: "100%", minHeight: 0 }, children: [
+    /* @__PURE__ */ jsx14(MainHeaderSkeleton, { titleWidth: 220, subtitleWidth: "58%" }),
+    /* @__PURE__ */ jsx14(
+      Paper4,
       {
         sx: {
           borderRadius: "10px",
@@ -1860,9 +2084,9 @@ function OverviewPageSkeleton() {
           display: "flex",
           flexDirection: "column"
         },
-        children: /* @__PURE__ */ jsx13(Box5, { sx: { flex: 1, minHeight: 0, overflow: "auto", p: 2 }, children: /* @__PURE__ */ jsx13(Grid, { container: true, spacing: 2, children: Array.from({ length: 8 }).map((_, index) => /* @__PURE__ */ jsx13(Grid, { size: { xs: 12, md: 6, xl: 4 }, children: /* @__PURE__ */ jsx13(Paper3, { sx: { p: 2.5, borderRadius: "10px" }, children: /* @__PURE__ */ jsxs7(Stack5, { spacing: 1, children: [
-          /* @__PURE__ */ jsx13(Skeleton2, { variant: "text", width: "60%", height: 36 }),
-          /* @__PURE__ */ jsx13(Skeleton2, { variant: "text", width: "40%", height: 24 })
+        children: /* @__PURE__ */ jsx14(Box6, { sx: { flex: 1, minHeight: 0, overflow: "auto", p: 2 }, children: /* @__PURE__ */ jsx14(Grid, { container: true, spacing: 2, children: Array.from({ length: 8 }).map((_, index) => /* @__PURE__ */ jsx14(Grid, { size: { xs: 12, md: 6, xl: 4 }, children: /* @__PURE__ */ jsx14(Paper4, { sx: { p: 2.5, borderRadius: "10px" }, children: /* @__PURE__ */ jsxs8(Stack6, { spacing: 1, children: [
+          /* @__PURE__ */ jsx14(Skeleton2, { variant: "text", width: "60%", height: 36 }),
+          /* @__PURE__ */ jsx14(Skeleton2, { variant: "text", width: "40%", height: 24 })
         ] }) }) }, index)) }) })
       }
     )
@@ -1877,7 +2101,7 @@ import ExpandMoreIcon4 from "@mui/icons-material/ExpandMore";
 import FilterListIcon from "@mui/icons-material/FilterList";
 import {
   Alert as Alert5,
-  Box as Box9,
+  Box as Box10,
   Button as Button4,
   Checkbox as Checkbox2,
   Dialog as Dialog3,
@@ -1887,8 +2111,8 @@ import {
   InputBase,
   Menu,
   MenuItem as MenuItem2,
-  Paper as Paper6,
-  Stack as Stack9,
+  Paper as Paper7,
+  Stack as Stack10,
   Table,
   TableBody,
   TableCell as TableCell2,
@@ -1896,25 +2120,25 @@ import {
   TableRow as TableRow2,
   TableSortLabel,
   Tooltip,
-  Typography as Typography5,
+  Typography as Typography6,
   useMediaQuery as useMediaQuery2
 } from "@mui/material";
-import { useTheme as useTheme2 } from "@mui/material/styles";
+import { useTheme as useTheme3 } from "@mui/material/styles";
 
 // src/components/DeletePreviewDialog.tsx
 import {
   Alert as Alert4,
-  Box as Box6,
+  Box as Box7,
   Button as Button2,
   CircularProgress as CircularProgress2,
   Dialog as Dialog2,
   DialogActions as DialogActions2,
   DialogContent as DialogContent2,
   DialogTitle as DialogTitle2,
-  Stack as Stack6,
-  Typography as Typography3
+  Stack as Stack7,
+  Typography as Typography4
 } from "@mui/material";
-import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 function DeletePreviewDialog({
   open,
   title,
@@ -1926,7 +2150,7 @@ function DeletePreviewDialog({
   onConfirm
 }) {
   const t = useAdminTranslation();
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     Dialog2,
     {
       open,
@@ -1948,27 +2172,27 @@ function DeletePreviewDialog({
         }
       },
       children: [
-        /* @__PURE__ */ jsx14(DialogTitle2, { children: title }),
-        /* @__PURE__ */ jsxs8(DialogContent2, { dividers: true, children: [
-          isLoading ? /* @__PURE__ */ jsxs8(Stack6, { spacing: 1.5, alignItems: "center", justifyContent: "center", sx: { minHeight: 180 }, children: [
-            /* @__PURE__ */ jsx14(CircularProgress2, { size: 28, thickness: 4.2, color: "inherit" }),
-            /* @__PURE__ */ jsx14(Typography3, { color: "text.secondary", children: t("delete_preview_loading") })
+        /* @__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") })
           ] }) : null,
-          !isLoading && error ? /* @__PURE__ */ jsx14(Alert4, { severity: "error", children: error }) : null,
-          !isLoading && !error && preview ? /* @__PURE__ */ jsxs8(Stack6, { spacing: 1.5, children: [
-            /* @__PURE__ */ jsx14(Typography3, { color: "text.secondary", children: preview.can_delete ? t("delete_preview_hint") : t("delete_preview_blocked_hint") }),
-            !preview.can_delete ? /* @__PURE__ */ jsx14(Alert4, { severity: "warning", children: t("delete_preview_blocked_hint") }) : null,
-            /* @__PURE__ */ jsxs8(Stack6, { spacing: 0.5, children: [
-              /* @__PURE__ */ jsx14(Typography3, { variant: "body2", color: "text.secondary", children: t("delete_preview_roots", { count: preview.summary.roots }) }),
-              /* @__PURE__ */ jsx14(Typography3, { variant: "body2", color: "text.secondary", children: t("delete_preview_delete", { count: preview.summary.delete }) }),
-              /* @__PURE__ */ jsx14(Typography3, { variant: "body2", color: "text.secondary", children: t("delete_preview_protect", { count: preview.summary.protect }) }),
-              /* @__PURE__ */ jsx14(Typography3, { variant: "body2", color: "text.secondary", children: t("delete_preview_set_null", { count: preview.summary.set_null }) }),
-              /* @__PURE__ */ jsx14(Typography3, { variant: "body2", color: "text.secondary", children: t("delete_preview_total", { count: preview.summary.total }) })
+          !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 }) })
             ] }),
-            preview.summary.delete === 0 && preview.summary.protect === 0 && preview.summary.set_null === 0 ? /* @__PURE__ */ jsx14(Typography3, { variant: "body2", color: "text.secondary", children: t("delete_preview_empty") }) : null,
-            preview.roots.length > 0 ? /* @__PURE__ */ jsx14(Stack6, { spacing: 1, children: preview.roots.map((rootNode, index) => {
+            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) => {
               var _a;
-              return /* @__PURE__ */ jsx14(
+              return /* @__PURE__ */ jsx15(
                 DeletePreviewNode,
                 {
                   node: rootNode,
@@ -1976,8 +2200,8 @@ function DeletePreviewDialog({
                 },
                 `${(_a = rootNode.model_slug) != null ? _a : "model"}:${rootNode.id}:${index}`
               );
-            }) }) : /* @__PURE__ */ jsx14(
-              Typography3,
+            }) }) : /* @__PURE__ */ jsx15(
+              Typography4,
               {
                 variant: "body2",
                 color: "text.secondary",
@@ -1986,9 +2210,9 @@ function DeletePreviewDialog({
             )
           ] }) : null
         ] }),
-        /* @__PURE__ */ jsxs8(DialogActions2, { children: [
-          /* @__PURE__ */ jsx14(Button2, { onClick: onClose, disabled: isSubmitting, children: t("cancel") }),
-          /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsxs9(DialogActions2, { children: [
+          /* @__PURE__ */ jsx15(Button2, { onClick: onClose, disabled: isSubmitting, children: t("cancel") }),
+          /* @__PURE__ */ jsx15(
             Button2,
             {
               color: "error",
@@ -2005,8 +2229,8 @@ function DeletePreviewDialog({
 }
 function DeletePreviewNode({ node, depth }) {
   const t = useAdminTranslation();
-  return /* @__PURE__ */ jsxs8(
-    Box6,
+  return /* @__PURE__ */ jsxs9(
+    Box7,
     {
       sx: {
         pl: depth === 0 ? 0 : 1.5,
@@ -2014,17 +2238,17 @@ function DeletePreviewNode({ node, depth }) {
         borderLeft: depth === 0 ? "none" : "1px solid rgba(255, 255, 255, 0.08)"
       },
       children: [
-        /* @__PURE__ */ jsxs8(Stack6, { spacing: 0.25, children: [
-          /* @__PURE__ */ jsx14(Typography3, { sx: { fontWeight: 600 }, children: node.label }),
-          /* @__PURE__ */ jsxs8(Typography3, { variant: "body2", color: "text.secondary", 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: [
             node.model_title,
             node.relation_name ? ` \u2022 ${node.relation_name}` : "",
             ` \u2022 ${getEffectLabel(node.effect, t)}`
           ] })
         ] }),
-        node.children.length > 0 ? /* @__PURE__ */ jsx14(Stack6, { spacing: 0.75, sx: { mt: 1 }, children: node.children.map((childNode, index) => {
+        node.children.length > 0 ? /* @__PURE__ */ jsx15(Stack7, { spacing: 0.75, sx: { mt: 1 }, children: node.children.map((childNode, index) => {
           var _a;
-          return /* @__PURE__ */ jsx14(
+          return /* @__PURE__ */ jsx15(
             DeletePreviewNode,
             {
               node: childNode,
@@ -2048,19 +2272,19 @@ function getEffectLabel(effect, t) {
 }
 
 // src/components/model-page/ListFiltersBar.tsx
-import { memo as memo3, useCallback as useCallback3, useEffect as useEffect7, useMemo as useMemo7, useState as useState7 } from "react";
+import { memo as memo3, useCallback as useCallback4, useEffect as useEffect8, useMemo as useMemo8, useState as useState8 } from "react";
 import {
   Autocomplete as Autocomplete2,
   Button as Button3,
   CircularProgress as CircularProgress3,
   Divider,
   MenuItem,
-  Paper as Paper4,
-  Stack as Stack7,
+  Paper as Paper5,
+  Stack as Stack8,
   TextField as TextField2,
-  Typography as Typography4
+  Typography as Typography5
 } from "@mui/material";
-import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
 var ListFiltersSidebar = memo3(function ListFiltersSidebar2({
   client,
   slug,
@@ -2071,7 +2295,7 @@ var ListFiltersSidebar = memo3(function ListFiltersSidebar2({
   debounceMs = 300
 }) {
   const t = useAdminTranslation();
-  const filterGroups = useMemo7(() => {
+  const filterGroups = useMemo8(() => {
     var _a, _b;
     const groupedFilters = /* @__PURE__ */ new Map();
     for (const filter of filters) {
@@ -2090,13 +2314,13 @@ var ListFiltersSidebar = memo3(function ListFiltersSidebar2({
     }
     return Array.from(groupedFilters.values());
   }, [filters]);
-  const activeFiltersCount = useMemo7(
+  const activeFiltersCount = useMemo8(
     () => filters.filter((filter) => Boolean(values[filter.slug])).length,
     [filters, values]
   );
   if (filters.length === 0) return null;
-  return /* @__PURE__ */ jsx15(
-    Paper4,
+  return /* @__PURE__ */ jsx16(
+    Paper5,
     {
       sx: {
         width: { xs: "100%", lg: 288 },
@@ -2107,13 +2331,13 @@ var ListFiltersSidebar = memo3(function ListFiltersSidebar2({
         p: 1.5,
         overflow: "auto"
       },
-      children: /* @__PURE__ */ jsxs9(Stack7, { spacing: 1.5, children: [
-        /* @__PURE__ */ jsxs9(Stack7, { direction: "row", spacing: 1, alignItems: "center", justifyContent: "space-between", children: [
-          /* @__PURE__ */ jsxs9(Stack7, { spacing: 0.25, children: [
-            /* @__PURE__ */ jsx15(Typography4, { sx: { fontSize: 15, fontWeight: 700 }, children: t("filters") }),
-            activeFiltersCount > 0 ? /* @__PURE__ */ jsx15(Typography4, { color: "text.secondary", sx: { fontSize: 12 }, children: t("active_filters", { count: activeFiltersCount }) }) : null
+      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
           ] }),
-          /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx16(
             Button3,
             {
               size: "small",
@@ -2124,8 +2348,8 @@ var ListFiltersSidebar = memo3(function ListFiltersSidebar2({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx15(Divider, {}),
-        filterGroups.map((group) => /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16(Divider, {}),
+        filterGroups.map((group) => /* @__PURE__ */ jsx16(
           FilterGroupSection,
           {
             client,
@@ -2142,11 +2366,11 @@ var ListFiltersSidebar = memo3(function ListFiltersSidebar2({
   );
 });
 function FilterGroupSection({ client, slug, group, values, onChange, debounceMs }) {
-  return /* @__PURE__ */ jsxs9(Stack7, { spacing: 1, children: [
-    /* @__PURE__ */ jsx15(Typography4, { sx: { fontSize: 13, fontWeight: 700, color: "text.secondary" }, children: group.title }),
-    /* @__PURE__ */ jsx15(Stack7, { spacing: 1, children: group.filters.map((filter) => {
+  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) => {
       var _a;
-      return /* @__PURE__ */ jsx15(
+      return /* @__PURE__ */ jsx16(
         ListFilterField,
         {
           client,
@@ -2164,15 +2388,17 @@ 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] = useState7(value);
-  const [searchValue, setSearchValue] = useState7("");
-  const loadChoices = useCallback3(
+  const [draftValue, setDraftValue] = useState8(value);
+  const [searchValue, setSearchValue] = useState8("");
+  const selectedValues = useMemo8(() => parseSelectedFilterValues(value, filter.multiple), [filter.multiple, value]);
+  const isSelectFilter = filter.input_kind === "select" || filter.input_kind === "select-multiple";
+  const loadChoices = useCallback4(
     async (signal) => {
       const response = await client.getFilterChoices(
         slug,
         filter.slug,
         searchValue || void 0,
-        value ? [value] : void 0,
+        selectedValues.length > 0 ? selectedValues : void 0,
         { signal }
       );
       return response.items.map((item) => ({
@@ -2180,23 +2406,23 @@ function ListFilterField({ client, slug, filter, value, onChange, debounceMs })
         label: item.label
       }));
     },
-    [client, filter.slug, searchValue, slug, value]
+    [client, filter.slug, searchValue, selectedValues, slug]
   );
   const { items: options, isLoading: isLoadingChoices } = useRemoteChoices({
-    enabled: filter.has_choices && filter.input_kind === "select",
+    enabled: filter.has_choices && isSelectFilter,
     debounceMs,
     initialItems: filter.options,
     resetKey: `${slug}:${filter.slug}`,
     queryKey: `${slug}:${filter.slug}:${searchValue}:${value}`,
     load: loadChoices
   });
-  useEffect7(() => {
+  useEffect8(() => {
     setDraftValue(value);
   }, [value]);
-  useEffect7(() => {
+  useEffect8(() => {
     setSearchValue("");
   }, [filter.slug]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (filter.input_kind !== "text") {
       return;
     }
@@ -2210,7 +2436,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__ */ jsxs9(
+    return /* @__PURE__ */ jsxs10(
       TextField2,
       {
         select: true,
@@ -2220,21 +2446,27 @@ function ListFilterField({ client, slug, filter, value, onChange, debounceMs })
         value,
         onChange: (event) => onChange(filter.slug, event.target.value),
         children: [
-          /* @__PURE__ */ jsx15(MenuItem, { value: "", children: t("all") }),
-          filter.options.map((option) => /* @__PURE__ */ jsx15(MenuItem, { value: option.value, children: option.label }, `${filter.slug}-${option.value}`))
+          /* @__PURE__ */ jsx16(MenuItem, { value: "", children: t("all") }),
+          filter.options.map((option) => /* @__PURE__ */ jsx16(MenuItem, { value: option.value, children: option.label }, `${filter.slug}-${option.value}`))
         ]
       }
     );
   }
-  if (filter.input_kind === "select") {
-    const selectedOption = (_a = options.find((option) => option.value === value)) != null ? _a : value ? {
-      value,
-      label: value
-    } : null;
-    return /* @__PURE__ */ jsx15(
+  if (isSelectFilter) {
+    const selectedOptions = selectedValues.map((selectedValue) => {
+      var _a2;
+      return (_a2 = options.find((option) => option.value === selectedValue)) != null ? _a2 : {
+        value: selectedValue,
+        label: selectedValue
+      };
+    });
+    const selectedOption = filter.multiple ? selectedOptions : (_a = selectedOptions[0]) != null ? _a : null;
+    return /* @__PURE__ */ jsx16(
       Autocomplete2,
       {
         options,
+        multiple: filter.multiple,
+        disableCloseOnSelect: filter.multiple,
         value: selectedOption,
         loading: isLoadingChoices,
         filterOptions: (items) => items,
@@ -2243,14 +2475,19 @@ function ListFilterField({ client, slug, filter, value, onChange, debounceMs })
         isOptionEqualToValue: (option, selected) => option.value === selected.value,
         getOptionLabel: (option) => option.label,
         onChange: (_, nextValue) => {
-          var _a2;
-          return onChange(filter.slug, (_a2 = nextValue == null ? void 0 : nextValue.value) != null ? _a2 : "");
+          var _a2, _b2;
+          if (filter.multiple) {
+            const nextItems = Array.isArray(nextValue) ? nextValue : [];
+            onChange(filter.slug, nextItems.map((item) => item.value).join(","));
+            return;
+          }
+          onChange(filter.slug, (_b2 = (_a2 = Array.isArray(nextValue) ? nextValue[0] : nextValue) == null ? void 0 : _a2.value) != null ? _b2 : "");
         },
         onInputChange: (_, nextInputValue) => setSearchValue(nextInputValue),
         renderInput: (params) => (() => {
           var _a2;
           const { InputProps, inputProps, ...textFieldParams } = params;
-          return /* @__PURE__ */ jsx15(
+          return /* @__PURE__ */ jsx16(
             TextField2,
             {
               ...textFieldParams,
@@ -2259,8 +2496,8 @@ function ListFilterField({ client, slug, filter, value, onChange, debounceMs })
               slotProps: {
                 input: {
                   ...InputProps,
-                  endAdornment: /* @__PURE__ */ jsxs9(Fragment2, { children: [
-                    isLoadingChoices ? /* @__PURE__ */ jsx15(CircularProgress3, { color: "inherit", size: 16 }) : null,
+                  endAdornment: /* @__PURE__ */ jsxs10(Fragment2, { children: [
+                    isLoadingChoices ? /* @__PURE__ */ jsx16(CircularProgress3, { color: "inherit", size: 16 }) : null,
                     InputProps.endAdornment
                   ] })
                 },
@@ -2272,7 +2509,7 @@ function ListFilterField({ client, slug, filter, value, onChange, debounceMs })
       }
     );
   }
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     TextField2,
     {
       size: "small",
@@ -2284,12 +2521,21 @@ function ListFilterField({ client, slug, filter, value, onChange, debounceMs })
     }
   );
 }
+function parseSelectedFilterValues(value, multiple) {
+  if (!value) {
+    return [];
+  }
+  if (!multiple) {
+    return [value];
+  }
+  return value.split(",").map((item) => item.trim()).filter(Boolean);
+}
 
 // src/components/model-page/ListRow.tsx
 import { memo as memo4 } from "react";
 import MoreVertIcon from "@mui/icons-material/MoreVert";
-import { Box as Box7, Checkbox, IconButton as IconButton2, TableCell, TableRow } from "@mui/material";
-import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Box as Box8, Checkbox, IconButton as IconButton2, TableCell, TableRow } from "@mui/material";
+import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
 var ListRow = memo4(function ListRow2({
   row,
   pkField,
@@ -2305,7 +2551,7 @@ var ListRow = memo4(function ListRow2({
   const checkboxColumnWidth = 56;
   const actionsColumnWidth = 56;
   const rowId = row[pkField];
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     TableRow,
     {
       hover: true,
@@ -2319,7 +2565,7 @@ var ListRow = memo4(function ListRow2({
         }
       },
       children: [
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           TableCell,
           {
             padding: "none",
@@ -2331,7 +2577,7 @@ var ListRow = memo4(function ListRow2({
               textAlign: "center",
               px: 1
             },
-            children: /* @__PURE__ */ jsx16(
+            children: /* @__PURE__ */ jsx17(
               Checkbox,
               {
                 checked: isSelected,
@@ -2356,8 +2602,8 @@ var ListRow = memo4(function ListRow2({
             textOverflow: "ellipsis"
           };
           if (imageUrl) {
-            return /* @__PURE__ */ jsx16(TableCell, { title: fullFieldValue, sx: { ...commonCellSx, py: 0.75 }, children: /* @__PURE__ */ jsx16(
-              Box7,
+            return /* @__PURE__ */ jsx17(TableCell, { title: fullFieldValue, sx: { ...commonCellSx, py: 0.75 }, children: /* @__PURE__ */ jsx17(
+              Box8,
               {
                 component: "img",
                 src: imageUrl,
@@ -2374,7 +2620,7 @@ var ListRow = memo4(function ListRow2({
             ) }, fieldName);
           }
           if (index === 0) {
-            return /* @__PURE__ */ jsx16(
+            return /* @__PURE__ */ jsx17(
               TableCell,
               {
                 title: fullFieldValue,
@@ -2392,7 +2638,7 @@ var ListRow = memo4(function ListRow2({
                     color: "primary.main"
                   }
                 },
-                children: /* @__PURE__ */ jsx16(
+                children: /* @__PURE__ */ jsx17(
                   NavLink,
                   {
                     href: `${basePath}/${slug}/${rowId}`,
@@ -2405,9 +2651,9 @@ var ListRow = memo4(function ListRow2({
               fieldName
             );
           }
-          return /* @__PURE__ */ jsx16(TableCell, { title: fullFieldValue, sx: commonCellSx, children: fieldValue }, fieldName);
+          return /* @__PURE__ */ jsx17(TableCell, { title: fullFieldValue, sx: commonCellSx, children: fieldValue }, fieldName);
         }),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           TableCell,
           {
             align: "right",
@@ -2416,7 +2662,7 @@ var ListRow = memo4(function ListRow2({
               minWidth: actionsColumnWidth,
               maxWidth: actionsColumnWidth
             },
-            children: /* @__PURE__ */ jsx16(IconButton2, { size: "small", onClick: (event) => onOpenMenu(event, rowId), children: /* @__PURE__ */ jsx16(MoreVertIcon, { fontSize: "small" }) })
+            children: /* @__PURE__ */ jsx17(IconButton2, { size: "small", onClick: (event) => onOpenMenu(event, rowId), children: /* @__PURE__ */ jsx17(MoreVertIcon, { fontSize: "small" }) })
           }
         )
       ]
@@ -2425,20 +2671,20 @@ var ListRow = memo4(function ListRow2({
 });
 
 // src/components/model-page/SearchField.tsx
-import { memo as memo5, useEffect as useEffect8, useState as useState8 } from "react";
+import { memo as memo5, useEffect as useEffect9, useState as useState9 } from "react";
 import { TextField as TextField3 } from "@mui/material";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var SearchField = memo5(function SearchField2({
   value,
   onCommit,
   debounceMs,
   placeholder
 }) {
-  const [draftValue, setDraftValue] = useState8(value);
-  useEffect8(() => {
+  const [draftValue, setDraftValue] = useState9(value);
+  useEffect9(() => {
     setDraftValue(value);
   }, [value]);
-  useEffect8(() => {
+  useEffect9(() => {
     const timerId = window.setTimeout(() => {
       if (draftValue !== value) {
         onCommit(draftValue);
@@ -2448,7 +2694,7 @@ var SearchField = memo5(function SearchField2({
       window.clearTimeout(timerId);
     };
   }, [debounceMs, draftValue, onCommit, value]);
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     TextField3,
     {
       size: "small",
@@ -2467,7 +2713,7 @@ var SearchField = memo5(function SearchField2({
 });
 
 // src/components/model-page/useModelPageController.ts
-import { useCallback as useCallback4, useEffect as useEffect9, useMemo as useMemo8, useRef as useRef3, useState as useState9 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect10, useMemo as useMemo9, useRef as useRef4, useState as useState10 } from "react";
 
 // src/cache.ts
 var MAX_CACHE_ENTRIES = 100;
@@ -2561,7 +2807,8 @@ function useModelPageController({
   t
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-  const searchParams = useMemo8(() => new URLSearchParams(locationSearch), [locationSearch]);
+  const message = useAdminMessage();
+  const searchParams = useMemo9(() => new URLSearchParams(locationSearch), [locationSearch]);
   const initialQuery = (_a = searchParams.get("q")) != null ? _a : "";
   const initialSort = (_b = searchParams.get("sort")) != null ? _b : "";
   const initialPage = parsePageParam(searchParams.get("page"));
@@ -2575,40 +2822,41 @@ function useModelPageController({
       ...initialFilters
     })
   )) != null ? _c : null;
-  const [selectedIds, setSelectedIds] = useState9([]);
-  const [isAllMatchingSelected, setIsAllMatchingSelected] = useState9(false);
-  const [createOpen, setCreateOpen] = useState9(false);
-  const [data, setData] = useState9(() => initialCachedResponse);
-  const [error, setError] = useState9(null);
-  const [isLoading, setIsLoading] = useState9(initialCachedResponse === null);
-  const [rowActionMenuAnchor, setRowActionMenuAnchor] = useState9(null);
-  const [rowActionMenuId, setRowActionMenuId] = useState9(null);
-  const [bulkActionMenuAnchor, setBulkActionMenuAnchor] = useState9(null);
-  const [appliedQuery, setAppliedQuery] = useState9(initialQuery);
-  const [sortValue, setSortValue] = useState9(initialSort);
-  const [currentPage, setCurrentPage] = useState9(initialPage);
-  const [pageInput, setPageInput] = useState9(String(initialPage));
-  const [appliedFilters, setAppliedFilters] = useState9(initialFilters);
-  const [deletePreviewOpen, setDeletePreviewOpen] = useState9(false);
-  const [deletePreview, setDeletePreview] = useState9(null);
-  const [deletePreviewError, setDeletePreviewError] = useState9(null);
-  const [isDeletePreviewLoading, setIsDeletePreviewLoading] = useState9(false);
-  const [isDeleteSubmitting, setIsDeleteSubmitting] = useState9(false);
-  const [pendingDeleteIds, setPendingDeleteIds] = useState9([]);
-  const [pendingDeleteSelectAll, setPendingDeleteSelectAll] = useState9(false);
-  const [pendingDeleteScope, setPendingDeleteScope] = useState9(null);
-  const [pendingDeleteMode, setPendingDeleteMode] = useState9("single");
-  const [filtersOpen, setFiltersOpen] = useState9(false);
-  const requestIdRef = useRef3(0);
-  const dataRef = useRef3(initialCachedResponse);
-  const pageSizeRef = useRef3((_d = initialCachedResponse == null ? void 0 : initialCachedResponse.meta.page_size) != null ? _d : DEFAULT_PAGE_SIZE);
-  const sortFields = useMemo8(() => sortValue.split(",").filter(Boolean), [sortValue]);
+  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 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 : [];
   const total = (_g = data == null ? void 0 : data.pagination.total) != null ? _g : 0;
   const pageSize = (_h = meta == null ? void 0 : meta.page_size) != null ? _h : pageSizeRef.current;
   const totalPages = Math.max(1, Math.ceil(total / pageSize));
-  const fieldMap = useMemo8(
+  const fieldMap = useMemo9(
     () => {
       var _a2;
       return new Map(((_a2 = meta == null ? void 0 : meta.fields) != null ? _a2 : []).map((field) => [field.name, field]));
@@ -2619,14 +2867,14 @@ function useModelPageController({
   const listFilters = (_j = meta == null ? void 0 : meta.list_filters) != null ? _j : [];
   const hasListFilters = listFilters.length > 0;
   const bulkActions = (_k = meta == null ? void 0 : meta.bulk_actions) != null ? _k : [];
-  const selectionScope = useMemo8(
+  const selectionScope = useMemo9(
     () => ({
       q: appliedQuery || void 0,
       filters: { ...appliedFilters }
     }),
     [appliedFilters, appliedQuery]
   );
-  const selectedIdSet = useMemo8(() => {
+  const selectedIdSet = useMemo9(() => {
     if (isAllMatchingSelected) {
       return new Set(rows.map((row) => {
         var _a2;
@@ -2645,13 +2893,53 @@ function useModelPageController({
   });
   const hasSelection = isAllMatchingSelected || selectedIds.length > 0;
   const selectionCount = isAllMatchingSelected ? total : selectedIds.length;
-  useEffect9(() => {
+  useEffect10(() => {
     dataRef.current = data;
   }, [data]);
-  useEffect9(() => {
+  useEffect10(() => {
     setPageInput(String(currentPage));
   }, [currentPage]);
-  useEffect9(() => {
+  useEffect10(() => {
+    var _a2, _b2, _c2, _d2;
+    if (previousSlugRef.current === slug) {
+      return;
+    }
+    previousSlugRef.current = slug;
+    const nextSearchParams = new URLSearchParams(locationSearch);
+    const nextQuery = (_a2 = nextSearchParams.get("q")) != null ? _a2 : "";
+    const nextSort = (_b2 = nextSearchParams.get("sort")) != null ? _b2 : "";
+    const nextPage = parsePageParam(nextSearchParams.get("page"));
+    const nextFilters = extractFilterParams(nextSearchParams);
+    const nextCachedResponse = (_c2 = getClientCacheBucket(client).listResponseCache.get(
+      buildListCacheKey(slug, {
+        q: nextQuery || void 0,
+        sort: nextSort || void 0,
+        limit: DEFAULT_PAGE_SIZE,
+        offset: (nextPage - 1) * DEFAULT_PAGE_SIZE,
+        ...nextFilters
+      })
+    )) != null ? _c2 : null;
+    dataRef.current = nextCachedResponse;
+    pageSizeRef.current = (_d2 = nextCachedResponse == null ? void 0 : nextCachedResponse.meta.page_size) != null ? _d2 : DEFAULT_PAGE_SIZE;
+    setData(nextCachedResponse);
+    setError(null);
+    setIsLoading(nextCachedResponse === null);
+    setSelectedIds([]);
+    setIsAllMatchingSelected(false);
+    setRowActionMenuAnchor(null);
+    setRowActionMenuId(null);
+    setBulkActionMenuAnchor(null);
+    setDeletePreviewOpen(false);
+    setDeletePreview(null);
+    setDeletePreviewError(null);
+    setIsDeletePreviewLoading(false);
+    setIsDeleteSubmitting(false);
+    setPendingDeleteIds([]);
+    setPendingDeleteSelectAll(false);
+    setPendingDeleteScope(null);
+    setPendingDeleteMode("single");
+  }, [client, locationSearch, slug]);
+  useEffect10(() => {
     var _a2, _b2;
     const nextSearchParams = new URLSearchParams(locationSearch);
     const nextQuery = (_a2 = nextSearchParams.get("q")) != null ? _a2 : "";
@@ -2664,11 +2952,11 @@ function useModelPageController({
     setPageInput(String(nextPage));
     setAppliedFilters(nextFilters);
   }, [locationSearch]);
-  const clearSelection = useCallback4(() => {
+  const clearSelection = useCallback5(() => {
     setSelectedIds([]);
     setIsAllMatchingSelected(false);
   }, []);
-  const loadItems = useCallback4(async () => {
+  const loadItems = useCallback5(async () => {
     var _a2;
     const activeRequestId = requestIdRef.current + 1;
     requestIdRef.current = activeRequestId;
@@ -2712,17 +3000,17 @@ function useModelPageController({
       }
     }
   }, [appliedFilters, appliedQuery, client, currentPage, isAllMatchingSelected, slug, sortValue, t]);
-  useEffect9(() => {
+  useEffect10(() => {
     void loadItems();
   }, [loadItems]);
-  const refresh = useCallback4(async () => {
+  const refresh = useCallback5(async () => {
     invalidateModelCache(client, slug);
     await loadItems();
   }, [client, loadItems, slug]);
-  const replaceLocation = useCallback4((nextQuery, nextSort, nextPage, nextFilters) => {
+  const replaceLocation = useCallback5((nextQuery, nextSort, nextPage, nextFilters) => {
     router.replace(buildUrlWithParams(pathname, nextQuery, nextSort, nextPage, nextFilters));
   }, [pathname, router]);
-  const handleSearchCommit = useCallback4((nextQuery) => {
+  const handleSearchCommit = useCallback5((nextQuery) => {
     if (nextQuery === appliedQuery) {
       return;
     }
@@ -2732,17 +3020,17 @@ function useModelPageController({
     setPageInput("1");
     replaceLocation(nextQuery, sortValue, 1, appliedFilters);
   }, [appliedFilters, appliedQuery, clearSelection, replaceLocation, sortValue]);
-  const handlePageChange = useCallback4((nextPage) => {
+  const handlePageChange = useCallback5((nextPage) => {
     const safePage = Math.min(Math.max(nextPage, 1), totalPages);
     setCurrentPage(safePage);
     setPageInput(String(safePage));
     replaceLocation(appliedQuery, sortValue, safePage, appliedFilters);
   }, [appliedFilters, appliedQuery, replaceLocation, sortValue, totalPages]);
-  const handlePageInputCommit = useCallback4(() => {
+  const handlePageInputCommit = useCallback5(() => {
     const parsedPage = parsePageParam(pageInput);
     handlePageChange(parsedPage);
   }, [handlePageChange, pageInput]);
-  const toggleSort = useCallback4((fieldName) => {
+  const toggleSort = useCallback5((fieldName) => {
     const nextSortFields = sortFields.filter((item) => item !== fieldName && item !== `-${fieldName}`);
     const currentSort = sortFields.find((item) => item === fieldName || item === `-${fieldName}`);
     if (currentSort === void 0) {
@@ -2758,7 +3046,7 @@ function useModelPageController({
     setPageInput("1");
     replaceLocation(appliedQuery, nextSortValue, 1, appliedFilters);
   }, [appliedFilters, appliedQuery, replaceLocation, sortFields]);
-  const handleFilterChange = useCallback4((filterSlug, value) => {
+  const handleFilterChange = useCallback5((filterSlug, value) => {
     const nextFilters = {
       ...appliedFilters,
       [filterSlug]: value
@@ -2772,7 +3060,7 @@ function useModelPageController({
     setPageInput("1");
     replaceLocation(appliedQuery, sortValue, 1, nextFilters);
   }, [appliedFilters, appliedQuery, clearSelection, replaceLocation, sortValue]);
-  const handleResetFilters = useCallback4(() => {
+  const handleResetFilters = useCallback5(() => {
     if (Object.keys(appliedFilters).length === 0) {
       return;
     }
@@ -2782,7 +3070,7 @@ function useModelPageController({
     setPageInput("1");
     replaceLocation(appliedQuery, sortValue, 1, {});
   }, [appliedFilters, appliedQuery, clearSelection, replaceLocation, sortValue]);
-  const openSingleDeletePreview = useCallback4(async (rowId) => {
+  const openSingleDeletePreview = useCallback5(async (rowId) => {
     setPendingDeleteIds([rowId]);
     setPendingDeleteSelectAll(false);
     setPendingDeleteScope(null);
@@ -2800,7 +3088,7 @@ function useModelPageController({
       setIsDeletePreviewLoading(false);
     }
   }, [client, slug, t]);
-  const openBulkDeletePreview = useCallback4(async () => {
+  const openBulkDeletePreview = useCallback5(async () => {
     if (!hasSelection) {
       return;
     }
@@ -2826,7 +3114,7 @@ function useModelPageController({
       setBulkActionMenuAnchor(null);
     }
   }, [client, hasSelection, isAllMatchingSelected, selectedIds, selectionScope, slug, t]);
-  const handleConfirmDelete = useCallback4(async () => {
+  const handleConfirmDelete = useCallback5(async () => {
     if (pendingDeleteMode === "single" && pendingDeleteIds.length === 0) {
       return;
     }
@@ -2838,12 +3126,14 @@ function useModelPageController({
     try {
       if (pendingDeleteMode === "single") {
         await client.deleteItem(slug, pendingDeleteIds[0]);
+        message.success(t("object_deleted_success"));
       } else {
-        await client.bulkDelete(
+        const response = await client.bulkDelete(
           slug,
           pendingDeleteIds,
           pendingDeleteSelectAll && pendingDeleteScope ? { selectAll: true, selectionScope: pendingDeleteScope } : void 0
         );
+        message.success(t("delete_success", { count: response.deleted }));
       }
       setDeletePreviewOpen(false);
       setDeletePreview(null);
@@ -2854,12 +3144,15 @@ function useModelPageController({
       clearSelection();
       await refresh();
     } catch (reason) {
-      setDeletePreviewError(reason instanceof Error ? reason.message : t("object_delete_error"));
+      const nextError = reason instanceof Error ? reason.message : t("object_delete_error");
+      setDeletePreviewError(nextError);
+      message.error(nextError);
     } finally {
       setIsDeleteSubmitting(false);
     }
-  }, [clearSelection, client, pendingDeleteIds, pendingDeleteMode, pendingDeleteScope, pendingDeleteSelectAll, refresh, slug, t]);
-  const handleRunNamedBulkAction = useCallback4(async (actionSlug) => {
+  }, [clearSelection, client, message, pendingDeleteIds, pendingDeleteMode, pendingDeleteScope, pendingDeleteSelectAll, refresh, slug, t]);
+  const handleRunNamedBulkAction = useCallback5(async (actionSlug) => {
+    var _a2, _b2;
     if (!actionSlug || !hasSelection) {
       return;
     }
@@ -2868,7 +3161,7 @@ function useModelPageController({
       return;
     }
     try {
-      await client.runBulkAction(
+      const response = await client.runBulkAction(
         slug,
         actionSlug,
         isAllMatchingSelected ? [] : selectedIds,
@@ -2878,16 +3171,20 @@ 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;
+      message.success(t("action_success", { action: actionLabel, count: response.processed }));
     } catch (reason) {
-      setError(reason instanceof Error ? reason.message : t("object_action_error"));
+      const nextError = reason instanceof Error ? reason.message : t("object_action_error");
+      setError(nextError);
+      message.error(nextError);
     }
-  }, [clearSelection, client, hasSelection, isAllMatchingSelected, openBulkDeletePreview, refresh, selectedIds, selectionScope, slug, t]);
-  const handleRowDelete = useCallback4(async (rowId) => {
+  }, [bulkActions, clearSelection, client, hasSelection, isAllMatchingSelected, message, openBulkDeletePreview, refresh, selectedIds, selectionScope, slug, t]);
+  const handleRowDelete = useCallback5(async (rowId) => {
     setRowActionMenuAnchor(null);
     setRowActionMenuId(null);
     await openSingleDeletePreview(rowId);
   }, [openSingleDeletePreview]);
-  const handleToggleSelection = useCallback4((rowId, checked) => {
+  const handleToggleSelection = useCallback5((rowId, checked) => {
     if (isAllMatchingSelected) {
       if (checked) {
         return;
@@ -2913,7 +3210,7 @@ function useModelPageController({
       return current.filter((item) => String(item) !== rowKey);
     });
   }, [isAllMatchingSelected, meta, rows]);
-  const handleToggleAllVisible = useCallback4((checked) => {
+  const handleToggleAllVisible = useCallback5((checked) => {
     if (!meta) {
       return;
     }
@@ -2924,33 +3221,33 @@ function useModelPageController({
     }
     clearSelection();
   }, [clearSelection, meta, rows]);
-  const handleSelectAllMatching = useCallback4(() => {
+  const handleSelectAllMatching = useCallback5(() => {
     if (!hasSelection || total === 0) {
       return;
     }
     setSelectedIds([]);
     setIsAllMatchingSelected(true);
   }, [hasSelection, total]);
-  const clearBulkDeleteState = useCallback4(() => {
+  const clearBulkDeleteState = useCallback5(() => {
     setPendingDeleteIds([]);
     setPendingDeleteSelectAll(false);
     setPendingDeleteScope(null);
   }, []);
-  const handleClearDeletePreview = useCallback4(() => {
+  const handleClearDeletePreview = useCallback5(() => {
     setDeletePreviewOpen(false);
     setDeletePreview(null);
     setDeletePreviewError(null);
     clearBulkDeleteState();
   }, [clearBulkDeleteState]);
-  const handleOpenRowMenu = useCallback4((event, rowId) => {
+  const handleOpenRowMenu = useCallback5((event, rowId) => {
     setRowActionMenuAnchor(event.currentTarget);
     setRowActionMenuId(rowId);
   }, []);
-  const handleCloseRowMenu = useCallback4(() => {
+  const handleCloseRowMenu = useCallback5(() => {
     setRowActionMenuAnchor(null);
     setRowActionMenuId(null);
   }, []);
-  const handleCloseBulkActionMenu = useCallback4(() => {
+  const handleCloseBulkActionMenu = useCallback5(() => {
     setBulkActionMenuAnchor(null);
   }, []);
   return {
@@ -3061,29 +3358,29 @@ function extractFilterParams(params) {
 }
 
 // src/components/model-page/Skeletons.tsx
-import { Box as Box8, Paper as Paper5, Skeleton as Skeleton3, Stack as Stack8 } from "@mui/material";
-import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
+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";
 function ModelPageSkeleton() {
-  return /* @__PURE__ */ jsxs11(Stack8, { spacing: 1.5, sx: { height: "100%", minHeight: 0 }, children: [
-    /* @__PURE__ */ jsx18(MainHeaderSkeleton, { titleWidth: 240, subtitleWidth: "38%" }),
-    /* @__PURE__ */ jsx18(Paper5, { sx: { p: 1.5, borderRadius: "10px", flexShrink: 0 }, children: /* @__PURE__ */ jsxs11(Stack8, { direction: { xs: "column", lg: "row" }, spacing: 1.5, alignItems: { lg: "center" }, children: [
-      /* @__PURE__ */ jsx18(Skeleton3, { variant: "rounded", width: 360, height: 40 }),
-      /* @__PURE__ */ jsx18(Skeleton3, { variant: "rounded", width: 128, height: 40 }),
-      /* @__PURE__ */ jsx18(Box8, { sx: { flex: 1 } }),
-      /* @__PURE__ */ jsx18(Skeleton3, { variant: "rounded", width: 110, height: 24 })
+  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 })
     ] }) }),
-    /* @__PURE__ */ jsx18(Paper5, { sx: { borderRadius: "10px", flex: 1, minHeight: 0, overflow: "hidden" }, children: /* @__PURE__ */ jsx18(ModelTableSkeleton, {}) })
+    /* @__PURE__ */ jsx19(Paper6, { sx: { borderRadius: "10px", flex: 1, minHeight: 0, overflow: "hidden" }, children: /* @__PURE__ */ jsx19(ModelTableSkeleton, {}) })
   ] });
 }
 function ModelTableSkeleton() {
-  return /* @__PURE__ */ jsx18(Box8, { sx: { height: "100%", overflow: "auto", p: 1.5 }, children: /* @__PURE__ */ jsxs11(Stack8, { spacing: 1, children: [
-    /* @__PURE__ */ jsx18(Skeleton3, { variant: "rounded", width: "100%", height: 42 }),
-    Array.from({ length: 10 }).map((_, index) => /* @__PURE__ */ jsx18(Skeleton3, { variant: "rounded", width: "100%", height: 48 }, index))
+  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))
   ] }) });
 }
 
 // src/components/ModelPage.tsx
-import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
 var SEARCH_DEBOUNCE_MS = 300;
 var CHECKBOX_COLUMN_WIDTH = 56;
 var ACTIONS_COLUMN_WIDTH = 56;
@@ -3094,7 +3391,7 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
   const selectAllLabel = locale === "ru" ? "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435" : "Select All";
   const resolvedRouter = useAdminRouter(router);
   const location = useAdminLocation(resolvedRouter);
-  const theme = useTheme2();
+  const theme = useTheme3();
   const isMobile = useMediaQuery2(theme.breakpoints.down("md"));
   const controller = useModelPageController({
     client,
@@ -3106,10 +3403,10 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
   });
   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__ */ jsx19(Alert5, { severity: "error", children: controller.error });
+    return /* @__PURE__ */ jsx20(Alert5, { severity: "error", children: controller.error });
   }
   if (!controller.data || !controller.meta) {
-    return /* @__PURE__ */ jsx19(ModelPageSkeleton, {});
+    return /* @__PURE__ */ jsx20(ModelPageSkeleton, {});
   }
   const meta = controller.meta;
   const beforePagination = renderBeforePagination == null ? void 0 : renderBeforePagination({
@@ -3128,12 +3425,12 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
     appliedFilters: controller.appliedFilters,
     refresh: controller.refresh
   });
-  return /* @__PURE__ */ jsx19(AdminRouterProvider, { router: resolvedRouter, children: /* @__PURE__ */ jsxs12(Stack9, { spacing: 1.5, sx: { height: "100%", minHeight: 0 }, children: [
-    /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(AdminRouterProvider, { router: resolvedRouter, children: /* @__PURE__ */ jsxs13(Stack10, { spacing: 1.5, sx: { height: "100%", minHeight: 0 }, children: [
+    /* @__PURE__ */ jsx20(
       MainHeader,
       {
         title: controller.meta.title,
-        actions: /* @__PURE__ */ jsx19(Tooltip, { title: t("create"), children: /* @__PURE__ */ jsx19(
+        actions: /* @__PURE__ */ jsx20(Tooltip, { title: t("create"), children: /* @__PURE__ */ jsx20(
           IconButton3,
           {
             "aria-label": t("create"),
@@ -3148,31 +3445,31 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
                 backgroundColor: "primary.dark"
               }
             },
-            children: /* @__PURE__ */ jsx19(AddIcon, { fontSize: "small" })
+            children: /* @__PURE__ */ jsx20(AddIcon, { fontSize: "small" })
           }
         ) }),
         subtitle: `${controller.meta.slug} | ${t("objects_count", { count: controller.total })}`,
-        details: controller.meta.description ? /* @__PURE__ */ jsx19(Typography5, { color: "text.secondary", sx: { fontSize: 14, lineHeight: 1.45 }, children: controller.meta.description }) : void 0
+        details: controller.meta.description ? /* @__PURE__ */ jsx20(Typography6, { color: "text.secondary", sx: { fontSize: 14, lineHeight: 1.45 }, children: controller.meta.description }) : void 0
       }
     ),
-    /* @__PURE__ */ jsx19(
-      Paper6,
+    /* @__PURE__ */ jsx20(
+      Paper7,
       {
         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__ */ jsxs12(
-            Stack9,
+        children: /* @__PURE__ */ jsxs13(Stack10, { direction: { xs: "column", lg: "row" }, spacing: 1.5, alignItems: { lg: "center" }, children: [
+          /* @__PURE__ */ jsxs13(
+            Stack10,
             {
               direction: { xs: "column", xl: "row" },
               spacing: 1.5,
               alignItems: { xl: "center" },
               sx: { flex: 1, minWidth: 0 },
               children: [
-                /* @__PURE__ */ jsx19(
+                /* @__PURE__ */ jsx20(
                   SearchField,
                   {
                     value: controller.appliedQuery,
@@ -3181,17 +3478,17 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
                     placeholder: t("search")
                   }
                 ),
-                controller.hasSelection ? /* @__PURE__ */ jsxs12(Stack9, { direction: "row", spacing: 1, alignItems: "center", sx: { minWidth: 0, flexWrap: "wrap" }, children: [
-                  /* @__PURE__ */ jsx19(
+                controller.hasSelection ? /* @__PURE__ */ jsxs13(Stack10, { direction: "row", spacing: 1, alignItems: "center", sx: { minWidth: 0, flexWrap: "wrap" }, children: [
+                  /* @__PURE__ */ jsx20(
                     Button4,
                     {
                       variant: "outlined",
-                      endIcon: /* @__PURE__ */ jsx19(ExpandMoreIcon4, {}),
+                      endIcon: /* @__PURE__ */ jsx20(ExpandMoreIcon4, {}),
                       onClick: (event) => controller.setBulkActionMenuAnchor(event.currentTarget),
                       children: t("actions")
                     }
                   ),
-                  !controller.isAllMatchingSelected && controller.selectionCount < controller.total ? /* @__PURE__ */ jsx19(
+                  !controller.isAllMatchingSelected && controller.selectionCount < controller.total ? /* @__PURE__ */ jsx20(
                     Button4,
                     {
                       variant: "text",
@@ -3200,7 +3497,7 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
                       children: selectAllLabel
                     }
                   ) : null,
-                  /* @__PURE__ */ jsxs12(Typography5, { color: "text.secondary", sx: { alignSelf: "center", whiteSpace: "nowrap" }, children: [
+                  /* @__PURE__ */ jsxs13(Typography6, { color: "text.secondary", sx: { alignSelf: "center", whiteSpace: "nowrap" }, children: [
                     t("selected_count", { count: controller.selectionCount }),
                     " / ",
                     controller.total
@@ -3209,28 +3506,28 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
               ]
             }
           ),
-          /* @__PURE__ */ jsxs12(Stack9, { direction: "row", spacing: 1, alignItems: "center", sx: { marginLeft: "auto" }, children: [
-            beforePagination ? /* @__PURE__ */ jsx19(Box9, { sx: { display: "flex", alignItems: "center", flexShrink: 0 }, children: beforePagination }) : null,
-            isMobile && controller.hasListFilters ? /* @__PURE__ */ jsx19(Tooltip, { title: t("filters"), children: /* @__PURE__ */ jsx19(
+          /* @__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(
               IconButton3,
               {
                 size: "small",
                 "aria-label": t("filters"),
                 onClick: () => controller.setFiltersOpen(true),
-                children: /* @__PURE__ */ jsx19(FilterListIcon, { fontSize: "small" })
+                children: /* @__PURE__ */ jsx20(FilterListIcon, { fontSize: "small" })
               }
             ) }) : null,
-            /* @__PURE__ */ jsx19(
+            /* @__PURE__ */ jsx20(
               IconButton3,
               {
                 size: "small",
                 onClick: () => controller.handlePageChange(controller.currentPage - 1),
                 disabled: controller.currentPage <= 1,
                 sx: { mr: "-5px" },
-                children: /* @__PURE__ */ jsx19(ChevronLeftIcon, { fontSize: "small" })
+                children: /* @__PURE__ */ jsx20(ChevronLeftIcon, { fontSize: "small" })
               }
             ),
-            /* @__PURE__ */ jsx19(
+            /* @__PURE__ */ jsx20(
               InputBase,
               {
                 value: controller.pageInput,
@@ -3260,8 +3557,8 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
                 }
               }
             ),
-            /* @__PURE__ */ jsxs12(
-              Typography5,
+            /* @__PURE__ */ jsxs13(
+              Typography6,
               {
                 color: "text.secondary",
                 sx: { minWidth: "auto", fontSize: "1rem", lineHeight: "1rem" },
@@ -3271,23 +3568,23 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
                 ]
               }
             ),
-            /* @__PURE__ */ jsx19(
+            /* @__PURE__ */ jsx20(
               IconButton3,
               {
                 size: "small",
                 onClick: () => controller.handlePageChange(controller.currentPage + 1),
                 disabled: controller.currentPage >= controller.totalPages,
                 sx: { ml: "-5px" },
-                children: /* @__PURE__ */ jsx19(ChevronRightIcon, { fontSize: "small" })
+                children: /* @__PURE__ */ jsx20(ChevronRightIcon, { fontSize: "small" })
               }
             )
           ] })
         ] })
       }
     ),
-    /* @__PURE__ */ jsxs12(Stack9, { direction: { xs: "column", lg: "row" }, spacing: 1.5, sx: { flex: 1, minHeight: 0 }, children: [
-      /* @__PURE__ */ jsx19(
-        Paper6,
+    /* @__PURE__ */ jsxs13(Stack10, { direction: { xs: "column", lg: "row" }, spacing: 1.5, sx: { flex: 1, minHeight: 0 }, children: [
+      /* @__PURE__ */ jsx20(
+        Paper7,
         {
           sx: {
             borderRadius: "10px",
@@ -3296,9 +3593,9 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
             minHeight: 0,
             overflow: "hidden"
           },
-          children: controller.isLoading ? /* @__PURE__ */ jsx19(ModelTableSkeleton, {}) : /* @__PURE__ */ jsx19(Box9, { sx: { height: "100%", overflow: "auto" }, children: /* @__PURE__ */ jsxs12(Table, { stickyHeader: true, size: "small", sx: { tableLayout: "fixed" }, children: [
-            /* @__PURE__ */ jsx19(TableHead, { children: /* @__PURE__ */ jsxs12(TableRow2, { children: [
-              /* @__PURE__ */ jsx19(
+          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(
                 TableCell2,
                 {
                   padding: "none",
@@ -3311,7 +3608,7 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
                     textAlign: "center",
                     px: 1
                   },
-                  children: /* @__PURE__ */ jsx19(
+                  children: /* @__PURE__ */ jsx20(
                     Checkbox2,
                     {
                       checked: controller.allVisibleSelected,
@@ -3326,7 +3623,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__ */ jsx19(
+                return /* @__PURE__ */ jsx20(
                   TableCell2,
                   {
                     sortDirection: sortDirection != null ? sortDirection : false,
@@ -3339,7 +3636,7 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
                       maxWidth: getListFieldWidthPx(field)
                     },
                     onClick: isSortable ? () => controller.toggleSort(fieldName) : void 0,
-                    children: isSortable ? /* @__PURE__ */ jsx19(
+                    children: isSortable ? /* @__PURE__ */ jsx20(
                       TableSortLabel,
                       {
                         active: Boolean(sortDirection),
@@ -3353,7 +3650,7 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
                         },
                         children: (_a2 = field == null ? void 0 : field.label) != null ? _a2 : fieldName
                       }
-                    ) : /* @__PURE__ */ jsx19(Typography5, { component: "span", sx: {
+                    ) : /* @__PURE__ */ jsx20(Typography6, { component: "span", sx: {
                       fontSize: 14,
                       fontWeight: 700,
                       color: "rgba(255, 255, 255, 0.96)"
@@ -3362,7 +3659,7 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
                   fieldName
                 );
               }),
-              /* @__PURE__ */ jsx19(
+              /* @__PURE__ */ jsx20(
                 TableCell2,
                 {
                   align: "right",
@@ -3375,9 +3672,9 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
                 }
               )
             ] }) }),
-            /* @__PURE__ */ jsx19(TableBody, { children: controller.rows.map((row) => {
+            /* @__PURE__ */ jsx20(TableBody, { children: controller.rows.map((row) => {
               const rowId = row[meta.pk_field];
-              return /* @__PURE__ */ jsx19(
+              return /* @__PURE__ */ jsx20(
                 ListRow,
                 {
                   row,
@@ -3397,7 +3694,7 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
           ] }) })
         }
       ),
-      !isMobile && controller.hasListFilters ? /* @__PURE__ */ jsx19(
+      !isMobile && controller.hasListFilters ? /* @__PURE__ */ jsx20(
         ListFiltersSidebar,
         {
           client,
@@ -3410,13 +3707,13 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
         }
       ) : null
     ] }),
-    /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsx20(
       Menu,
       {
         anchorEl: controller.bulkActionMenuAnchor,
         open: Boolean(controller.bulkActionMenuAnchor),
         onClose: controller.handleCloseBulkActionMenu,
-        children: controller.bulkActions.map((action) => /* @__PURE__ */ jsx19(
+        children: controller.bulkActions.map((action) => /* @__PURE__ */ jsx20(
           MenuItem2,
           {
             onClick: () => void controller.handleRunNamedBulkAction(action.slug),
@@ -3426,13 +3723,13 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
         ))
       }
     ),
-    /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsx20(
       Menu,
       {
         anchorEl: controller.rowActionMenuAnchor,
         open: Boolean(controller.rowActionMenuAnchor),
         onClose: controller.handleCloseRowMenu,
-        children: /* @__PURE__ */ jsx19(
+        children: /* @__PURE__ */ jsx20(
           MenuItem2,
           {
             onClick: () => {
@@ -3445,7 +3742,7 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
         )
       }
     ),
-    /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsx20(
       FormDialog,
       {
         open: controller.createOpen,
@@ -3458,7 +3755,7 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
         client
       }
     ),
-    /* @__PURE__ */ jsxs12(
+    /* @__PURE__ */ jsxs13(
       Dialog3,
       {
         open: controller.filtersOpen,
@@ -3479,8 +3776,8 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
           }
         },
         children: [
-          /* @__PURE__ */ jsx19(DialogTitle3, { children: t("filters") }),
-          /* @__PURE__ */ jsx19(DialogContent3, { sx: { px: 2, pb: 2 }, children: controller.hasListFilters ? /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx20(DialogTitle3, { children: t("filters") }),
+          /* @__PURE__ */ jsx20(DialogContent3, { sx: { px: 2, pb: 2 }, children: controller.hasListFilters ? /* @__PURE__ */ jsx20(
             ListFiltersSidebar,
             {
               client,
@@ -3495,7 +3792,7 @@ function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsx20(
       DeletePreviewDialog,
       {
         open: controller.deletePreviewOpen,
@@ -3530,16 +3827,16 @@ function resolveFieldSortable(field) {
 // src/components/ObjectPage.tsx
 import ArrowBackIcon from "@mui/icons-material/ArrowBack";
 import MoreVertIcon2 from "@mui/icons-material/MoreVert";
-import { Alert as Alert6, Box as Box12, Button as Button5, IconButton as IconButton4, Menu as Menu2, MenuItem as MenuItem3, Paper as Paper8, Stack as Stack12, Typography as Typography6, useMediaQuery as useMediaQuery3 } from "@mui/material";
+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 { useTheme as useTheme3 } from "@mui/material/styles";
+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 useCallback5 } from "react";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { memo as memo6, useCallback as useCallback6 } from "react";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var ObjectField = memo6(function ObjectField2({
   field,
   value,
@@ -3547,10 +3844,10 @@ var ObjectField = memo6(function ObjectField2({
   client,
   onFieldChange
 }) {
-  const handleChange = useCallback5((nextValue) => {
+  const handleChange = useCallback6((nextValue) => {
     onFieldChange(field.name, nextValue);
   }, [field.name, onFieldChange]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     FieldEditor,
     {
       field,
@@ -3563,21 +3860,21 @@ var ObjectField = memo6(function ObjectField2({
 });
 
 // src/components/object-page/ObjectPageSkeleton.tsx
-import { Box as Box10, Paper as Paper7, Skeleton as Skeleton4, Stack as Stack10 } from "@mui/material";
-import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
+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";
 function ObjectPageSkeleton() {
-  return /* @__PURE__ */ jsxs13(Stack10, { spacing: 1.5, sx: { height: "100%", minHeight: 0 }, children: [
-    /* @__PURE__ */ jsx21(MainHeaderSkeleton, { titleWidth: 420, subtitleWidth: "32%" }),
-    /* @__PURE__ */ jsxs13(
-      Stack10,
+  return /* @__PURE__ */ jsxs14(Stack11, { spacing: 1.5, sx: { height: "100%", minHeight: 0 }, children: [
+    /* @__PURE__ */ jsx22(MainHeaderSkeleton, { titleWidth: 420, subtitleWidth: "32%" }),
+    /* @__PURE__ */ jsxs14(
+      Stack11,
       {
         direction: { xs: "column", lg: "row" },
         spacing: 1.5,
         sx: { flex: 1, minHeight: 0, alignItems: "stretch" },
         children: [
-          /* @__PURE__ */ jsx21(Paper7, { sx: { borderRadius: "10px", flex: 1, minHeight: 0, overflow: "hidden" }, children: /* @__PURE__ */ jsx21(Box10, { sx: { height: "100%", overflow: "auto", p: 2.5 }, children: /* @__PURE__ */ jsx21(Stack10, { spacing: 1.5, children: Array.from({ length: 9 }).map((_, index) => /* @__PURE__ */ jsx21(Skeleton4, { variant: "rounded", width: "100%", height: 56 }, index)) }) }) }),
-          /* @__PURE__ */ jsx21(
-            Paper7,
+          /* @__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(
+            Paper8,
             {
               sx: {
                 width: { xs: "100%", lg: 280 },
@@ -3586,10 +3883,10 @@ function ObjectPageSkeleton() {
                 p: 1.5,
                 alignSelf: "flex-start"
               },
-              children: /* @__PURE__ */ jsxs13(Stack10, { spacing: 1, children: [
-                /* @__PURE__ */ jsx21(Skeleton4, { variant: "text", width: 90, height: 28 }),
-                /* @__PURE__ */ jsx21(Skeleton4, { variant: "rounded", width: "100%", height: 40 }),
-                /* @__PURE__ */ jsx21(Skeleton4, { variant: "rounded", width: "100%", height: 40 })
+              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 })
               ] })
             }
           )
@@ -3601,8 +3898,8 @@ function ObjectPageSkeleton() {
 
 // src/components/object-page/ReadonlyObjectField.tsx
 import { memo as memo7 } from "react";
-import { Box as Box11, Stack as Stack11, TextField as TextField4 } from "@mui/material";
-import { jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Box as Box12, Stack as Stack12, TextField as TextField4 } from "@mui/material";
+import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
 var ReadonlyObjectField = memo7(function ReadonlyObjectField2({
   field,
   value,
@@ -3610,9 +3907,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__ */ jsxs14(Stack11, { spacing: 1, children: [
-    imageUrl ? /* @__PURE__ */ jsx22(
-      Box11,
+  return /* @__PURE__ */ jsxs15(Stack12, { spacing: 1, children: [
+    imageUrl ? /* @__PURE__ */ jsx23(
+      Box12,
       {
         component: "img",
         src: imageUrl,
@@ -3628,7 +3925,7 @@ var ReadonlyObjectField = memo7(function ReadonlyObjectField2({
         }
       }
     ) : null,
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
       TextField4,
       {
         label: field.label,
@@ -3645,7 +3942,7 @@ var ReadonlyObjectField = memo7(function ReadonlyObjectField2({
 });
 
 // src/components/object-page/useObjectPageController.ts
-import { useCallback as useCallback6, useEffect as useEffect10, useMemo as useMemo9, useState as useState10 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect11, useMemo as useMemo10, useState as useState11 } from "react";
 
 // src/utils/isDeepEqual.ts
 function isDeepEqual(left, right) {
@@ -3685,30 +3982,31 @@ function useObjectPageController({
   t
 }) {
   var _a, _b, _c;
+  const message = useAdminMessage();
   const cacheKey = buildDetailCacheKey(slug, id);
-  const [data, setData] = useState10(() => {
+  const [data, setData] = useState11(() => {
     var _a2;
     return (_a2 = getClientCacheBucket(client).detailResponseCache.get(cacheKey)) != null ? _a2 : null;
   });
-  const [values, setValues] = useState10(() => {
+  const [values, setValues] = useState11(() => {
     var _a2, _b2;
     return (_b2 = (_a2 = getClientCacheBucket(client).detailResponseCache.get(cacheKey)) == null ? void 0 : _a2.item) != null ? _b2 : {};
   });
-  const [initialValues, setInitialValues] = useState10(() => {
+  const [initialValues, setInitialValues] = useState11(() => {
     var _a2, _b2;
     return (_b2 = (_a2 = getClientCacheBucket(client).detailResponseCache.get(cacheKey)) == null ? void 0 : _a2.item) != null ? _b2 : {};
   });
-  const [error, setError] = useState10(null);
-  const [isLoading, setIsLoading] = useState10(data === null);
-  const [isSaving, setIsSaving] = useState10(false);
-  const [isDeleting, setIsDeleting] = useState10(false);
-  const [activeActionSlug, setActiveActionSlug] = useState10(null);
-  const [deleteConfirmOpen, setDeleteConfirmOpen] = useState10(false);
-  const [deletePreview, setDeletePreview] = useState10(null);
-  const [isDeletePreviewLoading, setIsDeletePreviewLoading] = useState10(false);
-  const [deletePreviewError, setDeletePreviewError] = useState10(null);
-  const [actionsAnchorEl, setActionsAnchorEl] = useState10(null);
-  useEffect10(() => {
+  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);
+  useEffect11(() => {
     var _a2;
     let isMounted = true;
     const bucket = getClientCacheBucket(client);
@@ -3752,25 +4050,25 @@ function useObjectPageController({
   const meta = (_a = data == null ? void 0 : data.meta) != null ? _a : null;
   const detailFields = (_b = meta == null ? void 0 : meta.detail_fields) != null ? _b : [];
   const objectActions = (_c = meta == null ? void 0 : meta.object_actions) != null ? _c : [];
-  const fieldMap = useMemo9(
+  const fieldMap = useMemo10(
     () => {
       var _a2;
       return new Map(((_a2 = meta == null ? void 0 : meta.fields) != null ? _a2 : []).map((field) => [field.name, field]));
     },
     [meta == null ? void 0 : meta.fields]
   );
-  const editableFields = useMemo9(
+  const editableFields = useMemo10(
     () => {
       var _a2;
       return ((_a2 = meta == null ? void 0 : meta.fields) != null ? _a2 : []).filter((field) => meta == null ? void 0 : meta.update_fields.includes(field.name));
     },
     [meta == null ? void 0 : meta.fields, meta == null ? void 0 : meta.update_fields]
   );
-  const editableFieldNames = useMemo9(
+  const editableFieldNames = useMemo10(
     () => new Set(editableFields.map((field) => field.name)),
     [editableFields]
   );
-  const objectTitle = useMemo9(
+  const objectTitle = useMemo10(
     () => {
       var _a2;
       return String((_a2 = data == null ? void 0 : data.item._display) != null ? _a2 : meta ? `${meta.title} #${id}` : id);
@@ -3778,19 +4076,19 @@ function useObjectPageController({
     [data, id, meta]
   );
   const isActionsMenuOpen = actionsAnchorEl !== null;
-  const currentPayload = useMemo9(
+  const currentPayload = useMemo10(
     () => buildAdminPayload(values, editableFields),
     [editableFields, values]
   );
-  const initialPayload = useMemo9(
+  const initialPayload = useMemo10(
     () => buildAdminPayload(initialValues, editableFields),
     [editableFields, initialValues]
   );
-  const isDirty = useMemo9(
+  const isDirty = useMemo10(
     () => !isDeepEqual(currentPayload, initialPayload),
     [currentPayload, initialPayload]
   );
-  const handleFieldChange = useCallback6((fieldName, nextValue) => {
+  const handleFieldChange = useCallback7((fieldName, nextValue) => {
     setValues((current) => {
       if (Object.is(current[fieldName], nextValue)) {
         return current;
@@ -3798,7 +4096,7 @@ function useObjectPageController({
       return { ...current, [fieldName]: nextValue };
     });
   }, []);
-  const handleSave = useCallback6(async () => {
+  const handleSave = useCallback7(async () => {
     if (!meta || !isDirty) {
       return;
     }
@@ -3812,29 +4110,36 @@ function useObjectPageController({
       setData(nextDetail);
       setValues(response.item);
       setInitialValues(response.item);
+      message.success(t("object_saved_success"));
     } catch (reason) {
-      setError(reason instanceof Error ? reason.message : t("object_save_error"));
+      const nextError = reason instanceof Error ? reason.message : t("object_save_error");
+      setError(nextError);
+      message.error(nextError);
     } finally {
       setIsSaving(false);
     }
-  }, [cacheKey, client, currentPayload, id, isDirty, meta, slug, t]);
-  const handleDelete = useCallback6(async () => {
+  }, [cacheKey, client, currentPayload, id, isDirty, message, meta, slug, t]);
+  const handleDelete = useCallback7(async () => {
     setIsDeleting(true);
     setError(null);
     try {
       await client.deleteItem(slug, id);
       invalidateModelCache(client, slug);
+      message.success(t("object_deleted_success"));
       router.push(listPath);
     } catch (reason) {
-      setError(reason instanceof Error ? reason.message : t("object_delete_error"));
+      const nextError = reason instanceof Error ? reason.message : t("object_delete_error");
+      setError(nextError);
+      message.error(nextError);
       setIsDeleting(false);
       setDeleteConfirmOpen(false);
     }
-  }, [client, id, listPath, router, slug, t]);
-  const handleNavigateBack = useCallback6(() => {
+  }, [client, id, listPath, message, router, slug, t]);
+  const handleNavigateBack = useCallback7(() => {
     router.push(listPath);
   }, [listPath, router]);
-  const handleRunObjectAction = useCallback6(async (actionSlug) => {
+  const handleRunObjectAction = useCallback7(async (actionSlug) => {
+    var _a2, _b2;
     setActiveActionSlug(actionSlug);
     setError(null);
     try {
@@ -3847,13 +4152,17 @@ 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;
+      message.success(t("action_success", { action: actionLabel, count: 1 }));
     } catch (reason) {
-      setError(reason instanceof Error ? reason.message : t("object_action_error"));
+      const nextError = reason instanceof Error ? reason.message : t("object_action_error");
+      setError(nextError);
+      message.error(nextError);
     } finally {
       setActiveActionSlug(null);
     }
-  }, [cacheKey, client, data, id, slug, t]);
-  const handleOpenDeletePreview = useCallback6(async () => {
+  }, [cacheKey, client, data, id, message, objectActions, slug, t]);
+  const handleOpenDeletePreview = useCallback7(async () => {
     setActionsAnchorEl(null);
     setDeleteConfirmOpen(true);
     setDeletePreview(null);
@@ -3904,7 +4213,7 @@ function useObjectPageController({
 }
 
 // src/components/ObjectPage.tsx
-import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
 function ObjectPage({ client, slug, id, router }) {
   var _a, _b;
   const locale = useAdminLocale();
@@ -3912,7 +4221,7 @@ function ObjectPage({ client, slug, id, router }) {
   const resolvedRouter = useAdminRouter(router);
   const location = useAdminLocation(resolvedRouter);
   const pathname = location.pathname;
-  const theme = useTheme3();
+  const theme = useTheme4();
   const isPhone = useMediaQuery3(theme.breakpoints.down("sm"));
   const listPath = pathname.split("/").slice(0, -1).join("/");
   const controller = useObjectPageController({
@@ -3925,54 +4234,54 @@ function ObjectPage({ client, slug, id, router }) {
   });
   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__ */ jsx23(ObjectPageSkeleton, {});
+    return /* @__PURE__ */ jsx24(ObjectPageSkeleton, {});
   }
   if (controller.error && !controller.data) {
-    return /* @__PURE__ */ jsx23(Alert6, { severity: "error", children: controller.error });
+    return /* @__PURE__ */ jsx24(Alert6, { severity: "error", children: controller.error });
   }
   if (!controller.data || !controller.meta) {
-    return /* @__PURE__ */ jsx23(ObjectPageSkeleton, {});
+    return /* @__PURE__ */ jsx24(ObjectPageSkeleton, {});
   }
-  return /* @__PURE__ */ jsx23(AdminRouterProvider, { router: resolvedRouter, children: /* @__PURE__ */ jsxs15(LocalizationProvider2, { dateAdapter: AdapterDayjs2, adapterLocale: locale, children: [
-    /* @__PURE__ */ jsxs15(Stack12, { spacing: 1.5, sx: { height: "100%", minHeight: 0 }, children: [
-      /* @__PURE__ */ jsx23(
+  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__ */ jsx23(
+          beforeSubtitle: /* @__PURE__ */ jsx24(
             IconButton4,
             {
               "aria-label": t("back"),
               onClick: controller.handleNavigateBack,
               size: "small",
               sx: { ml: -0.5 },
-              children: /* @__PURE__ */ jsx23(ArrowBackIcon, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx24(ArrowBackIcon, { fontSize: "small" })
             }
           ),
-          actions: isPhone ? /* @__PURE__ */ jsx23(
+          actions: isPhone ? /* @__PURE__ */ jsx24(
             IconButton4,
             {
               "aria-label": t("actions"),
               onClick: (event) => controller.setActionsAnchorEl(event.currentTarget),
               size: "small",
               sx: { mr: -0.5 },
-              children: /* @__PURE__ */ jsx23(MoreVertIcon2, { fontSize: "small" })
+              children: /* @__PURE__ */ jsx24(MoreVertIcon2, { fontSize: "small" })
             }
           ) : void 0,
-          details: controller.meta.description ? /* @__PURE__ */ jsx23(Typography6, { color: "text.secondary", sx: { fontSize: 14, lineHeight: 1.45 }, children: controller.meta.description }) : 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__ */ jsxs15(
-        Stack12,
+      /* @__PURE__ */ jsxs16(
+        Stack13,
         {
           direction: { xs: "column", lg: "row" },
           spacing: 1.5,
           sx: { flex: 1, minHeight: 0, alignItems: "stretch" },
           children: [
-            /* @__PURE__ */ jsx23(
-              Paper8,
+            /* @__PURE__ */ jsx24(
+              Paper9,
               {
                 sx: {
                   borderRadius: "10px",
@@ -3980,13 +4289,13 @@ function ObjectPage({ client, slug, id, router }) {
                   minHeight: 0,
                   overflow: "hidden"
                 },
-                children: /* @__PURE__ */ jsx23(Box12, { component: "form", autoComplete: "off", sx: { height: "100%", overflow: "auto", p: 2.5 }, children: /* @__PURE__ */ jsx23(Stack12, { spacing: 1.5, children: controller.detailFields.map((fieldName) => {
+                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__ */ jsx23(
+                    return /* @__PURE__ */ jsx24(
                       ObjectField,
                       {
                         field,
@@ -3998,7 +4307,7 @@ function ObjectPage({ client, slug, id, router }) {
                       field.name
                     );
                   }
-                  return /* @__PURE__ */ jsx23(
+                  return /* @__PURE__ */ jsx24(
                     ReadonlyObjectField,
                     {
                       field,
@@ -4014,8 +4323,8 @@ function ObjectPage({ client, slug, id, router }) {
                 }) }) })
               }
             ),
-            /* @__PURE__ */ jsx23(
-              Paper8,
+            /* @__PURE__ */ jsx24(
+              Paper9,
               {
                 sx: {
                   width: { xs: "100%", lg: 280 },
@@ -4027,9 +4336,9 @@ function ObjectPage({ client, slug, id, router }) {
                   top: { lg: 0 },
                   display: isPhone ? "none" : void 0
                 },
-                children: /* @__PURE__ */ jsxs15(Stack12, { spacing: 1, children: [
-                  /* @__PURE__ */ jsx23(Typography6, { variant: "subtitle2", color: "text.secondary", children: t("actions") }),
-                  controller.isDirty ? /* @__PURE__ */ jsx23(
+                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",
@@ -4038,7 +4347,7 @@ function ObjectPage({ client, slug, id, router }) {
                       children: controller.isSaving ? t("saving") : t("save")
                     }
                   ) : null,
-                  /* @__PURE__ */ jsx23(
+                  /* @__PURE__ */ jsx24(
                     Button5,
                     {
                       variant: "outlined",
@@ -4048,7 +4357,7 @@ function ObjectPage({ client, slug, id, router }) {
                       children: t("delete")
                     }
                   ),
-                  controller.objectActions.map((action) => /* @__PURE__ */ jsx23(
+                  controller.objectActions.map((action) => /* @__PURE__ */ jsx24(
                     Button5,
                     {
                       variant: "outlined",
@@ -4065,7 +4374,7 @@ function ObjectPage({ client, slug, id, router }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs15(
+    /* @__PURE__ */ jsxs16(
       Menu2,
       {
         anchorEl: controller.actionsAnchorEl,
@@ -4081,7 +4390,7 @@ function ObjectPage({ client, slug, id, router }) {
         anchorOrigin: { vertical: "bottom", horizontal: "right" },
         transformOrigin: { vertical: "top", horizontal: "right" },
         children: [
-          controller.isDirty ? /* @__PURE__ */ jsx23(
+          controller.isDirty ? /* @__PURE__ */ jsx24(
             MenuItem3,
             {
               onClick: () => {
@@ -4092,7 +4401,7 @@ function ObjectPage({ client, slug, id, router }) {
               children: controller.isSaving ? t("saving") : t("save")
             }
           ) : null,
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24(
             MenuItem3,
             {
               onClick: () => void controller.handleOpenDeletePreview(),
@@ -4101,7 +4410,7 @@ function ObjectPage({ client, slug, id, router }) {
               children: t("delete")
             }
           ),
-          controller.objectActions.map((action) => /* @__PURE__ */ jsx23(
+          controller.objectActions.map((action) => /* @__PURE__ */ jsx24(
             MenuItem3,
             {
               onClick: () => {
@@ -4116,7 +4425,7 @@ function ObjectPage({ client, slug, id, router }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx24(
       DeletePreviewDialog,
       {
         open: controller.deleteConfirmOpen,
@@ -4140,8 +4449,8 @@ function ObjectPage({ client, slug, id, router }) {
 }
 
 // src/components/Shell.tsx
-import { useEffect as useEffect11, useMemo as useMemo10, useState as useState11 } from "react";
-import { Box as Box15, CssBaseline, Drawer, GlobalStyles, Stack as Stack13, useMediaQuery as useMediaQuery4 } from "@mui/material";
+import { useEffect as useEffect12, 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 { ThemeProvider } from "@mui/material/styles";
 
 // src/theme/defaultAdminTheme.ts
@@ -4272,8 +4581,8 @@ var defaultAdminTheme = createTheme({
 });
 
 // src/components/layout/Main.tsx
-import { Box as Box13 } from "@mui/material";
-import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Box as Box14 } from "@mui/material";
+import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
 function Main({ children }) {
   const { pathname } = useAdminLocation();
   const { pendingPath, pendingView } = useShellContext();
@@ -4282,8 +4591,8 @@ function Main({ children }) {
     return normalizedPath.replace(/^\/(ru|en)(?=\/|$)/, "") || "/";
   };
   const isPendingNavigation = pendingPath !== null && normalizeAdminPath2(pathname) !== normalizeAdminPath2(pendingPath);
-  return /* @__PURE__ */ jsxs16(
-    Box13,
+  return /* @__PURE__ */ jsxs17(
+    Box14,
     {
       sx: {
         flex: 1,
@@ -4296,8 +4605,8 @@ function Main({ children }) {
       },
       children: [
         children,
-        isPendingNavigation ? /* @__PURE__ */ jsx24(
-          Box13,
+        isPendingNavigation ? /* @__PURE__ */ jsx25(
+          Box14,
           {
             sx: {
               position: "absolute",
@@ -4305,7 +4614,7 @@ function Main({ children }) {
               zIndex: 5,
               backgroundColor: "background.default"
             },
-            children: pendingView === "model" || pendingView === "overview" ? /* @__PURE__ */ jsx24(ModelPageSkeleton, {}) : /* @__PURE__ */ jsx24(ModelPageSkeleton, {})
+            children: pendingView === "model" || pendingView === "overview" ? /* @__PURE__ */ jsx25(ModelPageSkeleton, {}) : /* @__PURE__ */ jsx25(ModelPageSkeleton, {})
           }
         ) : null
       ]
@@ -4315,8 +4624,8 @@ function Main({ children }) {
 
 // src/components/layout/Sidebar.tsx
 import { memo as memo8 } from "react";
-import { Box as Box14, ListItemButton as ListItemButton3, Typography as Typography7 } from "@mui/material";
-import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Box as Box15, ListItemButton as ListItemButton3, Typography as Typography8 } from "@mui/material";
+import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
 var Sidebar = memo8(function Sidebar2({ models, blocks, basePath }) {
   var _a;
   const t = useAdminTranslation();
@@ -4329,8 +4638,8 @@ 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__ */ jsx25(Box14, { sx: { height: "100%", overflow: "hidden" }, children: /* @__PURE__ */ jsx25(
-    Box14,
+  return /* @__PURE__ */ jsx26(Box15, { sx: { height: "100%", overflow: "hidden" }, children: /* @__PURE__ */ jsx26(
+    Box15,
     {
       sx: {
         height: "100%",
@@ -4341,14 +4650,14 @@ var Sidebar = memo8(function Sidebar2({ models, blocks, basePath }) {
         ml: 0,
         pl: 0
       },
-      children: /* @__PURE__ */ jsxs17(Box14, { sx: { direction: "ltr", pl: 1 }, children: [
-        /* @__PURE__ */ jsx25(
+      children: /* @__PURE__ */ jsxs18(Box15, { sx: { direction: "ltr", pl: 1 }, children: [
+        /* @__PURE__ */ jsx26(
           NavLink,
           {
             href: basePath,
             style: { textDecoration: "none", display: "block" },
             onClick: () => startPendingNavigation(basePath, "overview"),
-            children: /* @__PURE__ */ jsx25(
+            children: /* @__PURE__ */ jsx26(
               ListItemButton3,
               {
                 selected: isOverviewActive,
@@ -4361,12 +4670,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__ */ jsx25(Typography7, { variant: "subtitle1", sx: { fontWeight: 700 }, children: t("overview") })
+                children: /* @__PURE__ */ jsx26(Typography8, { variant: "subtitle1", sx: { fontWeight: 700 }, children: t("overview") })
               }
             )
           }
         ),
-        /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx26(
           ModelsBlocks,
           {
             models,
@@ -4383,7 +4692,7 @@ var Sidebar = memo8(function Sidebar2({ models, blocks, basePath }) {
 });
 
 // src/components/Shell.tsx
-import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
 function normalizeAdminPath(path) {
   const normalizedPath = path.endsWith("/") && path !== "/" ? path.slice(0, -1) : path;
   return normalizedPath.replace(/^\/(ru|en)(?=\/|$)/, "") || "/";
@@ -4395,18 +4704,18 @@ 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] = useState11(false);
-  const [pendingPath, setPendingPath] = useState11(null);
-  const [pendingView, setPendingView] = useState11(null);
-  useEffect11(() => {
+  const [isMobileSidebarOpen, setIsMobileSidebarOpen] = useState12(false);
+  const [pendingPath, setPendingPath] = useState12(null);
+  const [pendingView, setPendingView] = useState12(null);
+  useEffect12(() => {
     if (isDesktopSidebar) {
       setIsMobileSidebarOpen(false);
     }
   }, [isDesktopSidebar]);
-  useEffect11(() => {
+  useEffect12(() => {
     setIsMobileSidebarOpen(false);
   }, [pathname]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (pendingPath === null) {
       return;
     }
@@ -4415,7 +4724,7 @@ function Shell({ client, models, blocks, basePath, locale, children, theme, rout
       setPendingView(null);
     }
   }, [pathname, pendingPath]);
-  const shellContextValue = useMemo10(() => ({
+  const shellContextValue = useMemo11(() => ({
     isMobile: !isDesktopSidebar,
     openMobileSidebar: () => setIsMobileSidebarOpen(true),
     pendingPath,
@@ -4428,9 +4737,9 @@ function Shell({ client, models, blocks, basePath, locale, children, theme, rout
       setPendingView(view);
     }
   }), [isDesktopSidebar, pathname, pendingPath, pendingView]);
-  return /* @__PURE__ */ jsx26(AdminRouterProvider, { router: resolvedRouter, children: /* @__PURE__ */ jsx26(ThemeProvider, { theme: activeTheme, children: /* @__PURE__ */ jsx26(AdminLocaleProvider, { locale, children: /* @__PURE__ */ jsx26(AdminDataProvider, { value: { locale: locale === "en" ? "en" : "ru", models, blocks }, children: /* @__PURE__ */ jsxs18(ShellContextProvider, { value: shellContextValue, children: [
-    /* @__PURE__ */ jsx26(CssBaseline, {}),
-    /* @__PURE__ */ jsx26(
+  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(
       GlobalStyles,
       {
         styles: (muiTheme) => ({
@@ -4469,8 +4778,8 @@ function Shell({ client, models, blocks, basePath, locale, children, theme, rout
         })
       }
     ),
-    /* @__PURE__ */ jsx26(
-      Box15,
+    /* @__PURE__ */ jsx27(
+      Box16,
       {
         "data-xladmin-root": "true",
         sx: {
@@ -4480,15 +4789,15 @@ function Shell({ client, models, blocks, basePath, locale, children, theme, rout
           backgroundColor: "background.default",
           backgroundImage: "none"
         },
-        children: /* @__PURE__ */ jsxs18(
-          Stack13,
+        children: /* @__PURE__ */ jsxs19(
+          Stack14,
           {
             direction: { xs: "column", lg: "row" },
             spacing: 0,
             sx: { height: "100%", minHeight: 0, alignItems: "stretch" },
             children: [
-              /* @__PURE__ */ jsx26(
-                Box15,
+              /* @__PURE__ */ jsx27(
+                Box16,
                 {
                   sx: {
                     display: { xs: "none", lg: "block" },
@@ -4499,11 +4808,11 @@ function Shell({ client, models, blocks, basePath, locale, children, theme, rout
                     pl: 0,
                     pr: 1
                   },
-                  children: /* @__PURE__ */ jsx26(Sidebar, { models, blocks, basePath })
+                  children: /* @__PURE__ */ jsx27(Sidebar, { models, blocks, basePath })
                 }
               ),
-              /* @__PURE__ */ jsx26(
-                Box15,
+              /* @__PURE__ */ jsx27(
+                Box16,
                 {
                   sx: {
                     flex: 1,
@@ -4516,7 +4825,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__ */ jsx26(Main, { children })
+                  children: /* @__PURE__ */ jsx27(Main, { children })
                 }
               )
             ]
@@ -4524,7 +4833,7 @@ function Shell({ client, models, blocks, basePath, locale, children, theme, rout
         )
       }
     ),
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx27(
       Drawer,
       {
         anchor: "left",
@@ -4543,10 +4852,10 @@ function Shell({ client, models, blocks, basePath, locale, children, theme, rout
             }
           }
         },
-        children: /* @__PURE__ */ jsx26(Box15, { sx: { height: "100%", minHeight: 0, pr: 1.5 }, children: /* @__PURE__ */ jsx26(Sidebar, { models, blocks, basePath }) })
+        children: /* @__PURE__ */ jsx27(Box16, { sx: { height: "100%", minHeight: 0, pr: 1.5 }, children: /* @__PURE__ */ jsx27(Sidebar, { models, blocks, basePath }) })
       }
     )
-  ] }) }) }) }) });
+  ] }) }) }) }) }) });
 }
 export {
   AdminLocaleProvider,
@@ -4575,6 +4884,7 @@ export {
   translateAdmin,
   useAdminLocale,
   useAdminLocation,
+  useAdminMessage,
   useAdminRouter,
   useAdminTranslation
 };