xladmin 0.1.0

package/dist/index.js

@@ -0,0 +1,1670 @@
+// src/client.ts
+function createXLAdminClient(transport) {
+  return {
+    async getModels() {
+      return await transportGet(transport, "/xladmin/models/");
+    },
+    async getModel(slug) {
+      return await transportGet(transport, `/xladmin/models/${slug}/`);
+    },
+    async getItems(slug, params) {
+      return await transportGet(transport, `/xladmin/models/${slug}/items/`, { params });
+    },
+    async getItem(slug, id) {
+      return await transportGet(transport, `/xladmin/models/${slug}/items/${id}/`);
+    },
+    async createItem(slug, payload) {
+      return await transportPost(transport, `/xladmin/models/${slug}/items/`, payload);
+    },
+    async patchItem(slug, id, payload) {
+      return await transportPatch(transport, `/xladmin/models/${slug}/items/${id}/`, payload);
+    },
+    async deleteItem(slug, id) {
+      await transport.delete(`/xladmin/models/${slug}/items/${id}/`);
+    },
+    async bulkDelete(slug, ids) {
+      return await transportPost(transport, `/xladmin/models/${slug}/bulk-delete/`, { ids });
+    },
+    async runBulkAction(slug, actionSlug, ids, payload) {
+      return await transportPost(
+        transport,
+        `/xladmin/models/${slug}/bulk-actions/${actionSlug}/`,
+        { ids, ...payload != null ? payload : {} }
+      );
+    },
+    async runObjectAction(slug, id, actionSlug, payload) {
+      return await transportPost(
+        transport,
+        `/xladmin/models/${slug}/items/${id}/actions/${actionSlug}/`,
+        payload != null ? payload : {}
+      );
+    },
+    async getChoices(slug, fieldName, q, ids) {
+      return await transportGet(
+        transport,
+        `/xladmin/models/${slug}/fields/${fieldName}/choices/`,
+        {
+          params: {
+            ...q ? { q } : {},
+            ...ids && ids.length > 0 ? { ids: ids.join(",") } : {}
+          }
+        }
+      );
+    }
+  };
+}
+function createAxiosXLAdminClient(api) {
+  return createXLAdminClient(api);
+}
+function createFetchXLAdminClient(config) {
+  return createXLAdminClient(createFetchXLAdminTransport(config));
+}
+function createFetchXLAdminTransport(config) {
+  var _a;
+  const fetchImpl = (_a = config.fetch) != null ? _a : globalThis.fetch;
+  if (!fetchImpl) {
+    throw new Error("Fetch API is not available in the current environment.");
+  }
+  return {
+    get: async (url, options) => await requestJson(fetchImpl, config, "GET", url, void 0, options == null ? void 0 : options.params),
+    post: async (url, body) => await requestJson(fetchImpl, config, "POST", url, body),
+    patch: async (url, body) => await requestJson(fetchImpl, config, "PATCH", url, body),
+    delete: async (url) => {
+      await requestRaw(fetchImpl, config, "DELETE", url);
+    }
+  };
+}
+async function transportGet(transport, url, options) {
+  return unwrapTransportResponse(await transport.get(url, options));
+}
+async function transportPost(transport, url, body) {
+  return unwrapTransportResponse(await transport.post(url, body));
+}
+async function transportPatch(transport, url, body) {
+  return unwrapTransportResponse(await transport.patch(url, body));
+}
+function unwrapTransportResponse(response) {
+  if (isWrappedTransportResponse(response)) {
+    return response.data;
+  }
+  return response;
+}
+function isWrappedTransportResponse(response) {
+  return typeof response === "object" && response !== null && "data" in response;
+}
+async function requestJson(fetchImpl, config, method, url, body, params) {
+  const response = await requestRaw(fetchImpl, config, method, url, body, params);
+  return await response.json();
+}
+async function requestRaw(fetchImpl, config, method, url, body, params) {
+  var _a;
+  const headers = await resolveHeaders(config.headers);
+  const response = await fetchImpl(buildRequestUrl(config.baseUrl, url, params), {
+    method,
+    credentials: (_a = config.credentials) != null ? _a : "include",
+    headers: {
+      "Content-Type": "application/json",
+      ...headers
+    },
+    body: body === void 0 ? void 0 : JSON.stringify(body)
+  });
+  if (!response.ok) {
+    let detail = `${response.status} ${response.statusText}`;
+    try {
+      const errorData = await response.json();
+      if (typeof errorData.detail === "string" && errorData.detail) {
+        detail = errorData.detail;
+      }
+    } catch {
+    }
+    throw new Error(detail);
+  }
+  return response;
+}
+async function resolveHeaders(headers) {
+  if (headers === void 0) {
+    return {};
+  }
+  if (typeof headers === "function") {
+    return await headers();
+  }
+  return headers;
+}
+function buildRequestUrl(baseUrl, path, params) {
+  const normalizedBaseUrl = baseUrl.replace(/\/+$/, "");
+  const normalizedPath = path.startsWith("/") ? path : `/${path}`;
+  const requestUrl = new URL(`${normalizedBaseUrl}${normalizedPath}`, "http://localhost");
+  const query = buildSearchParams(params);
+  if (query) {
+    requestUrl.search = query;
+  }
+  if (/^https?:\/\//i.test(normalizedBaseUrl)) {
+    return requestUrl.toString();
+  }
+  return `${normalizedBaseUrl}${normalizedPath}${query ? `?${query}` : ""}`;
+}
+function buildSearchParams(params) {
+  if (!params) {
+    return "";
+  }
+  const searchParams = new URLSearchParams();
+  for (const [key, value] of Object.entries(params)) {
+    if (value === void 0 || value === null || value === "") {
+      continue;
+    }
+    searchParams.set(key, String(value));
+  }
+  return searchParams.toString();
+}
+
+// src/components/AdminFormDialog.tsx
+import { useEffect as useEffect2, useMemo as useMemo2, useState as useState2 } from "react";
+import {
+  Box,
+  Button,
+  Dialog,
+  DialogActions,
+  DialogContent,
+  DialogTitle
+} from "@mui/material";
+import { LocalizationProvider } from "@mui/x-date-pickers";
+import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
+
+// src/utils/adminFields.ts
+function buildAdminPayload(values, fields) {
+  const fieldMap = new Map(fields.map((field) => [field.name, field]));
+  const payload = {};
+  for (const [fieldName, value] of Object.entries(values)) {
+    const field = fieldMap.get(fieldName);
+    if (!field) {
+      continue;
+    }
+    if (value === void 0) {
+      continue;
+    }
+    if (value === "" && field.input_kind === "password") {
+      continue;
+    }
+    if (value === "" && field.nullable) {
+      payload[fieldName] = null;
+      continue;
+    }
+    if (value === "") {
+      continue;
+    }
+    payload[fieldName] = value;
+  }
+  return payload;
+}
+function formatAdminValue(value) {
+  if (value === null || value === void 0) {
+    return "";
+  }
+  if (Array.isArray(value)) {
+    return value.map((item) => formatAdminValue(item)).filter(Boolean).join(", ");
+  }
+  if (typeof value === "boolean") {
+    return value ? "\u0414\u0430" : "\u041D\u0435\u0442";
+  }
+  if (typeof value === "object") {
+    return JSON.stringify(value);
+  }
+  return String(value);
+}
+
+// src/components/AdminFieldEditor.tsx
+import { useEffect, useMemo, useState } from "react";
+import {
+  Autocomplete,
+  CircularProgress,
+  FormControlLabel,
+  Switch,
+  TextField
+} from "@mui/material";
+import { DatePicker, DateTimePicker } from "@mui/x-date-pickers";
+import dayjs from "dayjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function AdminFieldEditor({
+  field,
+  value,
+  onChange,
+  slug,
+  client,
+  readOnly = false
+}) {
+  var _a, _b, _c;
+  const [choices, setChoices] = useState([]);
+  const [searchValue, setSearchValue] = useState("");
+  const [isLoadingChoices, setIsLoadingChoices] = useState(false);
+  const selectedIds = useMemo(() => normalizeSelectedIds(value, field.is_relation_many), [field.is_relation_many, value]);
+  useEffect(() => {
+    if (!field.has_choices) {
+      setChoices([]);
+      return;
+    }
+    let isMounted = true;
+    setIsLoadingChoices(true);
+    client.getChoices(
+      slug,
+      field.name,
+      searchValue || void 0,
+      selectedIds
+    ).then((response) => {
+      if (!isMounted) return;
+      setChoices((current) => mergeChoices(current, response.items));
+    }).catch(() => {
+      if (!isMounted) return;
+      setChoices((current) => current);
+    }).finally(() => {
+      if (!isMounted) return;
+      setIsLoadingChoices(false);
+    });
+    return () => {
+      isMounted = false;
+    };
+  }, [client, field.has_choices, field.name, searchValue, selectedIds, slug]);
+  if (field.input_kind === "boolean") {
+    return /* @__PURE__ */ jsx(
+      FormControlLabel,
+      {
+        control: /* @__PURE__ */ jsx(
+          Switch,
+          {
+            checked: Boolean(value),
+            disabled: readOnly,
+            onChange: (_, checked) => onChange(checked)
+          }
+        ),
+        label: field.label
+      }
+    );
+  }
+  if (field.input_kind === "date") {
+    return /* @__PURE__ */ jsx(
+      DatePicker,
+      {
+        label: field.label,
+        disabled: readOnly,
+        value: value ? dayjs(String(value)) : null,
+        onChange: (nextValue) => onChange(nextValue ? nextValue.format("YYYY-MM-DD") : null),
+        slotProps: {
+          popper: {
+            disablePortal: true
+          },
+          desktopPaper: {
+            sx: {
+              borderRadius: "10px",
+              backgroundImage: "none",
+              backgroundColor: "background.paper"
+            }
+          },
+          mobilePaper: {
+            sx: {
+              borderRadius: "10px",
+              backgroundImage: "none",
+              backgroundColor: "background.paper"
+            }
+          },
+          textField: {
+            fullWidth: true,
+            size: "small",
+            helperText: (_a = field.help_text) != null ? _a : void 0
+          }
+        }
+      }
+    );
+  }
+  if (field.input_kind === "datetime") {
+    return /* @__PURE__ */ jsx(
+      DateTimePicker,
+      {
+        label: field.label,
+        disabled: readOnly,
+        value: value ? dayjs(String(value)) : null,
+        onChange: (nextValue) => onChange(nextValue ? nextValue.toISOString() : null),
+        slotProps: {
+          popper: {
+            disablePortal: true
+          },
+          desktopPaper: {
+            sx: {
+              borderRadius: "10px",
+              backgroundImage: "none",
+              backgroundColor: "background.paper"
+            }
+          },
+          mobilePaper: {
+            sx: {
+              borderRadius: "10px",
+              backgroundImage: "none",
+              backgroundColor: "background.paper"
+            }
+          },
+          textField: {
+            fullWidth: true,
+            size: "small",
+            helperText: (_b = field.help_text) != null ? _b : void 0
+          }
+        }
+      }
+    );
+  }
+  if (field.has_choices) {
+    return renderChoiceEditor({
+      field,
+      value,
+      onChange,
+      readOnly,
+      choices,
+      isLoadingChoices,
+      onSearchChange: setSearchValue
+    });
+  }
+  return /* @__PURE__ */ jsx(
+    TextField,
+    {
+      label: field.label,
+      value: value != null ? value : "",
+      onChange: (event) => onChange(event.target.value),
+      size: "small",
+      fullWidth: true,
+      disabled: readOnly,
+      helperText: (_c = field.help_text) != null ? _c : void 0,
+      type: resolveInputType(field),
+      multiline: field.input_kind === "textarea" || field.type.toLowerCase().includes("text"),
+      minRows: field.input_kind === "textarea" || field.type.toLowerCase().includes("text") ? 3 : void 0
+    }
+  );
+}
+function renderChoiceEditor({
+  field,
+  value,
+  onChange,
+  readOnly,
+  choices,
+  isLoadingChoices,
+  onSearchChange
+}) {
+  var _a;
+  const selectedIds = normalizeSelectedIds(value, field.is_relation_many);
+  const selectedOptions = selectedIds.map((id) => {
+    var _a2;
+    return (_a2 = choices.find((choice) => String(choice.id) == String(id))) != null ? _a2 : {
+      id,
+      label: String(id)
+    };
+  });
+  if (field.is_relation_many || field.input_kind === "relation-multiple") {
+    return /* @__PURE__ */ jsx(
+      Autocomplete,
+      {
+        multiple: true,
+        options: choices,
+        value: selectedOptions,
+        loading: isLoadingChoices,
+        disabled: readOnly,
+        filterOptions: (options) => options,
+        size: "small",
+        disablePortal: true,
+        isOptionEqualToValue: (option, selected) => String(option.id) === String(selected.id),
+        getOptionLabel: (option) => option.label,
+        onChange: (_, nextValue) => onChange(nextValue.map((item) => item.id)),
+        onInputChange: (_, nextInputValue) => onSearchChange(nextInputValue),
+        slotProps: {
+          paper: {
+            sx: {
+              mt: 0.5,
+              borderRadius: "10px",
+              backgroundImage: "none",
+              backgroundColor: "background.paper"
+            }
+          }
+        },
+        ListboxProps: {
+          sx: {
+            maxHeight: 240
+          }
+        },
+        renderInput: (params) => {
+          var _a2;
+          return /* @__PURE__ */ jsx(
+            TextField,
+            {
+              ...params,
+              label: field.label,
+              placeholder: "\u041F\u043E\u0438\u0441\u043A",
+              helperText: (_a2 = field.help_text) != null ? _a2 : void 0,
+              InputProps: {
+                ...params.InputProps,
+                endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
+                  isLoadingChoices ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 16 }) : null,
+                  params.InputProps.endAdornment
+                ] })
+              }
+            }
+          );
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Autocomplete,
+    {
+      options: choices,
+      value: (_a = selectedOptions[0]) != null ? _a : null,
+      loading: isLoadingChoices,
+      disabled: readOnly,
+      filterOptions: (options) => options,
+      size: "small",
+      disablePortal: true,
+      isOptionEqualToValue: (option, selected) => String(option.id) === String(selected.id),
+      getOptionLabel: (option) => option.label,
+      onChange: (_, nextValue) => {
+        var _a2;
+        return onChange((_a2 = nextValue == null ? void 0 : nextValue.id) != null ? _a2 : null);
+      },
+      onInputChange: (_, nextInputValue) => onSearchChange(nextInputValue),
+      slotProps: {
+        paper: {
+          sx: {
+            mt: 0.5,
+            borderRadius: "10px",
+            backgroundImage: "none",
+            backgroundColor: "background.paper"
+          }
+        }
+      },
+      ListboxProps: {
+        sx: {
+          maxHeight: 240
+        }
+      },
+      renderInput: (params) => {
+        var _a2;
+        return /* @__PURE__ */ jsx(
+          TextField,
+          {
+            ...params,
+            label: field.label,
+            placeholder: "\u041F\u043E\u0438\u0441\u043A",
+            helperText: (_a2 = field.help_text) != null ? _a2 : void 0,
+            InputProps: {
+              ...params.InputProps,
+              endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
+                isLoadingChoices ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 16 }) : null,
+                params.InputProps.endAdornment
+              ] })
+            }
+          }
+        );
+      }
+    }
+  );
+}
+function normalizeSelectedIds(value, isMultiple) {
+  if (isMultiple) {
+    if (!Array.isArray(value)) {
+      return [];
+    }
+    return value.filter((item) => typeof item === "string" || typeof item === "number");
+  }
+  if (typeof value === "string" || typeof value === "number") {
+    return [value];
+  }
+  return [];
+}
+function mergeChoices(current, next) {
+  const choiceMap = /* @__PURE__ */ new Map();
+  for (const choice of [...current, ...next]) {
+    choiceMap.set(String(choice.id), choice);
+  }
+  return [...choiceMap.values()];
+}
+function resolveInputType(field) {
+  if (field.input_kind === "password") {
+    return "password";
+  }
+  if (field.input_kind === "number" || field.input_kind === "decimal") {
+    return "number";
+  }
+  return "text";
+}
+
+// src/components/AdminFormDialog.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function AdminFormDialog({
+  open,
+  onClose,
+  onSuccess,
+  title,
+  slug,
+  mode,
+  meta,
+  client,
+  initialValues,
+  itemId
+}) {
+  const [values, setValues] = useState2({});
+  const editableFieldNames = useMemo2(
+    () => mode === "create" ? meta.create_fields : meta.update_fields,
+    [meta.create_fields, meta.update_fields, mode]
+  );
+  const editableFields = useMemo2(
+    () => meta.fields.filter((field) => editableFieldNames.includes(field.name)),
+    [editableFieldNames, meta.fields]
+  );
+  useEffect2(() => {
+    setValues(initialValues != null ? initialValues : {});
+  }, [initialValues, open]);
+  const handleSave = async () => {
+    const payload = buildAdminPayload(values, editableFields);
+    if (mode === "create") {
+      await client.createItem(slug, payload);
+    } else if (itemId !== void 0) {
+      await client.patchItem(slug, itemId, payload);
+    }
+    onSuccess();
+    onClose();
+  };
+  return /* @__PURE__ */ jsxs2(Dialog, { open, onClose, fullWidth: true, maxWidth: "md", children: [
+    /* @__PURE__ */ jsx2(DialogTitle, { children: title }),
+    /* @__PURE__ */ jsx2(DialogContent, { children: /* @__PURE__ */ jsx2(LocalizationProvider, { dateAdapter: AdapterDayjs, children: /* @__PURE__ */ jsx2(Box, { sx: { display: "grid", gap: 2, pt: 1 }, children: editableFields.map((field) => /* @__PURE__ */ jsx2(
+      AdminFieldEditor,
+      {
+        field,
+        value: values[field.name],
+        slug,
+        client,
+        onChange: (nextValue) => {
+          setValues((current) => ({ ...current, [field.name]: nextValue }));
+        }
+      },
+      field.name
+    )) }) }) }),
+    /* @__PURE__ */ jsxs2(DialogActions, { children: [
+      /* @__PURE__ */ jsx2(Button, { onClick: onClose, children: "\u041E\u0442\u043C\u0435\u043D\u0430" }),
+      /* @__PURE__ */ jsx2(Button, { variant: "contained", onClick: handleSave, children: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C" })
+    ] })
+  ] });
+}
+
+// src/components/AdminHome.tsx
+import Link from "next/link.js";
+import { Alert, Box as Box2, Card, CardActionArea, CardContent, Grid, Paper, Stack, Typography } from "@mui/material";
+
+// src/hooks/useAdminRequest.ts
+import { useEffect as useEffect3, useState as useState3 } from "react";
+function useAdminRequest(loader, deps) {
+  const [data, setData] = useState3(null);
+  const [isLoading, setIsLoading] = useState3(true);
+  const [error, setError] = useState3(null);
+  useEffect3(() => {
+    let isActive = true;
+    setIsLoading(true);
+    setError(null);
+    loader().then((response) => {
+      if (!isActive) return;
+      setData(response);
+    }).catch((reason) => {
+      if (!isActive) return;
+      setError(reason instanceof Error ? reason.message : "Request failed");
+    }).finally(() => {
+      if (!isActive) return;
+      setIsLoading(false);
+    });
+    return () => {
+      isActive = false;
+    };
+  }, deps);
+  return { data, isLoading, error, setData };
+}
+
+// src/components/AdminHome.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function AdminHome({ client, basePath }) {
+  const { data, error, isLoading } = useAdminRequest(() => client.getModels(), [client]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx3(Typography, { sx: { p: 3 }, children: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u043C\u043E\u0434\u0435\u043B\u0435\u0439..." });
+  }
+  if (error || !data) {
+    return /* @__PURE__ */ jsx3(Alert, { severity: "error", children: error || "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u043C\u043E\u0434\u0435\u043B\u0438." });
+  }
+  return /* @__PURE__ */ jsxs3(Stack, { spacing: 1.5, sx: { height: "100%", minHeight: 0 }, children: [
+    /* @__PURE__ */ jsxs3(Paper, { sx: { p: 2.5, borderRadius: "10px", flexShrink: 0 }, children: [
+      /* @__PURE__ */ jsx3(Typography, { variant: "h4", sx: { fontWeight: 800 }, children: "\u0410\u0434\u043C\u0438\u043D\u043A\u0430" }),
+      /* @__PURE__ */ jsx3(Typography, { color: "text.secondary", children: "\u0412\u0441\u0435 \u043F\u043E\u0434\u043A\u043B\u044E\u0447\u0451\u043D\u043D\u044B\u0435 \u043C\u043E\u0434\u0435\u043B\u0438 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B \u0438 \u0432 \u0441\u0430\u0439\u0434\u0431\u0430\u0440\u0435, \u0438 \u043D\u0430 \u044D\u0442\u043E\u0439 \u0441\u0442\u0430\u0440\u0442\u043E\u0432\u043E\u0439 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0435." })
+    ] }),
+    /* @__PURE__ */ jsx3(Paper, { sx: { borderRadius: "10px", flex: 1, minHeight: 0, overflow: "hidden" }, children: /* @__PURE__ */ jsx3(Box2, { sx: { height: "100%", overflow: "auto", p: 2 }, children: /* @__PURE__ */ jsx3(Grid, { container: true, spacing: 2, children: data.items.map((model) => /* @__PURE__ */ jsx3(Grid, { size: { xs: 12, md: 6, xl: 4 }, children: /* @__PURE__ */ jsx3(Card, { sx: { borderRadius: "10px" }, children: /* @__PURE__ */ jsx3(Link, { href: `${basePath}/${model.slug}`, style: { textDecoration: "none" }, children: /* @__PURE__ */ jsx3(CardActionArea, { children: /* @__PURE__ */ jsxs3(CardContent, { children: [
+      /* @__PURE__ */ jsx3(Typography, { variant: "h6", sx: { fontWeight: 700 }, children: model.title }),
+      /* @__PURE__ */ jsx3(Typography, { color: "text.secondary", children: model.slug })
+    ] }) }) }) }) }, model.slug)) }) }) })
+  ] });
+}
+
+// src/components/AdminModelPage.tsx
+import Link2 from "next/link.js";
+import { usePathname, useSearchParams } from "next/navigation.js";
+import { memo, useCallback, useEffect as useEffect4, useMemo as useMemo3, useRef, useState as useState4 } from "react";
+import AddIcon from "@mui/icons-material/Add";
+import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
+import MoreVertIcon from "@mui/icons-material/MoreVert";
+import {
+  Alert as Alert2,
+  Box as Box3,
+  Button as Button2,
+  Checkbox,
+  IconButton,
+  LinearProgress,
+  Menu,
+  MenuItem,
+  Paper as Paper2,
+  Stack as Stack2,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableRow,
+  TableSortLabel,
+  TextField as TextField2,
+  Typography as Typography2
+} from "@mui/material";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var DEFAULT_PAGE_SIZE = 50;
+var SEARCH_DEBOUNCE_MS = 300;
+function AdminModelPage({ client, basePath, slug }) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+  const [selectedIds, setSelectedIds] = useState4([]);
+  const [createOpen, setCreateOpen] = useState4(false);
+  const [data, setData] = useState4(null);
+  const [modelMeta, setModelMeta] = useState4(null);
+  const [error, setError] = useState4(null);
+  const [isLoading, setIsLoading] = useState4(true);
+  const [isLoadingMore, setIsLoadingMore] = useState4(false);
+  const [rowActionMenuAnchor, setRowActionMenuAnchor] = useState4(null);
+  const [rowActionMenuId, setRowActionMenuId] = useState4(null);
+  const [bulkActionMenuAnchor, setBulkActionMenuAnchor] = useState4(null);
+  const [queryInput, setQueryInput] = useState4((_a = searchParams.get("q")) != null ? _a : "");
+  const [appliedQuery, setAppliedQuery] = useState4((_b = searchParams.get("q")) != null ? _b : "");
+  const [sortValue, setSortValue] = useState4((_c = searchParams.get("sort")) != null ? _c : "");
+  const scrollContainerRef = useRef(null);
+  const dataRef = useRef(null);
+  const requestIdRef = useRef(0);
+  const appendOffsetsRef = useRef(/* @__PURE__ */ new Set());
+  const isAppendingRef = useRef(false);
+  const sortFields = useMemo3(() => sortValue.split(",").filter(Boolean), [sortValue]);
+  const meta = (_d = data == null ? void 0 : data.meta) != null ? _d : modelMeta;
+  const rows = (_e = data == null ? void 0 : data.items) != null ? _e : [];
+  const total = (_f = data == null ? void 0 : data.pagination.total) != null ? _f : 0;
+  const pageSize = (_g = meta == null ? void 0 : meta.page_size) != null ? _g : DEFAULT_PAGE_SIZE;
+  const fieldMap = useMemo3(
+    () => {
+      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 listFields = (_h = meta == null ? void 0 : meta.list_fields) != null ? _h : [];
+  const bulkActions = (_i = meta == null ? void 0 : meta.bulk_actions) != null ? _i : [];
+  const selectedIdSet = useMemo3(
+    () => new Set(selectedIds.map((item) => String(item))),
+    [selectedIds]
+  );
+  useEffect4(() => {
+    dataRef.current = data;
+  }, [data]);
+  useEffect4(() => {
+    let isMounted = true;
+    setModelMeta(null);
+    client.getModel(slug).then((response) => {
+      if (!isMounted) {
+        return;
+      }
+      setModelMeta(response);
+    }).catch(() => {
+      if (!isMounted) {
+        return;
+      }
+      setModelMeta(null);
+    });
+    return () => {
+      isMounted = false;
+    };
+  }, [client, slug]);
+  useEffect4(() => {
+    const timerId = window.setTimeout(() => {
+      setAppliedQuery(queryInput);
+      replaceUrlParams(pathname, queryInput, sortValue);
+    }, SEARCH_DEBOUNCE_MS);
+    return () => {
+      window.clearTimeout(timerId);
+    };
+  }, [pathname, queryInput, sortValue]);
+  useEffect4(() => {
+    const handlePopState = () => {
+      var _a2, _b2;
+      const params = new URLSearchParams(window.location.search);
+      const nextQuery = (_a2 = params.get("q")) != null ? _a2 : "";
+      const nextSort = (_b2 = params.get("sort")) != null ? _b2 : "";
+      setQueryInput(nextQuery);
+      setAppliedQuery(nextQuery);
+      setSortValue(nextSort);
+    };
+    window.addEventListener("popstate", handlePopState);
+    return () => {
+      window.removeEventListener("popstate", handlePopState);
+    };
+  }, []);
+  const loadItems = useCallback(async (append) => {
+    var _a2;
+    const currentData = dataRef.current;
+    const offset = append ? (_a2 = currentData == null ? void 0 : currentData.items.length) != null ? _a2 : 0 : 0;
+    const activeRequestId = append ? requestIdRef.current : requestIdRef.current + 1;
+    if (append) {
+      if (isAppendingRef.current || appendOffsetsRef.current.has(offset)) {
+        return;
+      }
+      isAppendingRef.current = true;
+      appendOffsetsRef.current.add(offset);
+      setIsLoadingMore(true);
+    } else {
+      requestIdRef.current = activeRequestId;
+      appendOffsetsRef.current.clear();
+      setIsLoading(true);
+      setError(null);
+    }
+    try {
+      const response = await client.getItems(slug, {
+        q: appliedQuery || void 0,
+        sort: sortValue || void 0,
+        limit: pageSize,
+        offset
+      });
+      if (activeRequestId !== requestIdRef.current) {
+        return;
+      }
+      setModelMeta(response.meta);
+      setData((previousData) => {
+        if (!append || !previousData) {
+          return response;
+        }
+        return mergeListResponse(previousData, response);
+      });
+      if (!append) {
+        setSelectedIds([]);
+      }
+    } catch (reason) {
+      setError(reason instanceof Error ? reason.message : "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u043C\u043E\u0434\u0435\u043B\u044C.");
+    } finally {
+      if (append) {
+        isAppendingRef.current = false;
+        setIsLoadingMore(false);
+      } else {
+        setIsLoading(false);
+      }
+    }
+  }, [appliedQuery, client, pageSize, slug, sortValue]);
+  useEffect4(() => {
+    void loadItems(false);
+  }, [loadItems]);
+  const refresh = useCallback(async () => {
+    await loadItems(false);
+  }, [loadItems]);
+  const toggleSort = useCallback((fieldName) => {
+    const nextSortFields = sortFields.filter((item) => item !== fieldName && item !== `-${fieldName}`);
+    const currentSort = sortFields.find((item) => item === fieldName || item === `-${fieldName}`);
+    if (currentSort === void 0) {
+      nextSortFields.unshift(fieldName);
+    } else if (currentSort === fieldName) {
+      nextSortFields.unshift(`-${fieldName}`);
+    } else {
+      nextSortFields.unshift(fieldName);
+    }
+    const nextSortValue = nextSortFields.join(",");
+    setSortValue(nextSortValue);
+    replaceUrlParams(pathname, queryInput, nextSortValue);
+  }, [pathname, queryInput, sortFields]);
+  const handleRunNamedBulkAction = useCallback(async (actionSlug) => {
+    if (!actionSlug || selectedIds.length === 0) {
+      return;
+    }
+    if (actionSlug === "delete") {
+      await client.bulkDelete(slug, selectedIds);
+    } else {
+      await client.runBulkAction(slug, actionSlug, selectedIds);
+    }
+    setBulkActionMenuAnchor(null);
+    await refresh();
+  }, [client, refresh, selectedIds, slug]);
+  const handleRowDelete = useCallback(async (rowId) => {
+    await client.deleteItem(slug, rowId);
+    setRowActionMenuAnchor(null);
+    setRowActionMenuId(null);
+    await refresh();
+  }, [client, refresh, slug]);
+  const handleTableScroll = useCallback(async () => {
+    const element = scrollContainerRef.current;
+    if (!element || isLoading || isLoadingMore || rows.length >= total) {
+      return;
+    }
+    const remainingPixels = element.scrollHeight - element.scrollTop - element.clientHeight;
+    if (remainingPixels > 200) {
+      return;
+    }
+    await loadItems(true);
+  }, [isLoading, isLoadingMore, loadItems, rows.length, total]);
+  const handleToggleSelection = useCallback((rowId, checked) => {
+    setSelectedIds((current) => {
+      const rowKey = String(rowId);
+      if (checked) {
+        if (current.some((item) => String(item) === rowKey)) {
+          return current;
+        }
+        return [...current, rowId];
+      }
+      return current.filter((item) => String(item) !== rowKey);
+    });
+  }, []);
+  const handleOpenRowMenu = useCallback((event, rowId) => {
+    setRowActionMenuAnchor(event.currentTarget);
+    setRowActionMenuId(rowId);
+  }, []);
+  if (isLoading && !data) {
+    return /* @__PURE__ */ jsx4(Typography2, { sx: { p: 3 }, children: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0441\u043F\u0438\u0441\u043A\u0430..." });
+  }
+  if (!isLoading && error && !data) {
+    return /* @__PURE__ */ jsx4(Alert2, { severity: "error", children: error });
+  }
+  if (!data || !meta) {
+    return /* @__PURE__ */ jsx4(Typography2, { sx: { p: 3 }, children: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u043C\u043E\u0434\u0435\u043B\u0438..." });
+  }
+  return /* @__PURE__ */ jsxs4(Stack2, { spacing: 1.5, sx: { height: "100%", minHeight: 0 }, children: [
+    /* @__PURE__ */ jsxs4(
+      Paper2,
+      {
+        sx: {
+          p: 2.5,
+          borderRadius: "10px",
+          flexShrink: 0,
+          position: "sticky",
+          top: 0,
+          zIndex: 3
+        },
+        children: [
+          /* @__PURE__ */ jsx4(Typography2, { variant: "h4", sx: { fontWeight: 800 }, children: meta.title }),
+          /* @__PURE__ */ jsxs4(Typography2, { color: "text.secondary", children: [
+            meta.slug,
+            " \xB7 ",
+            total,
+            " \u043E\u0431\u044A\u0435\u043A\u0442\u043E\u0432"
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx4(
+      Paper2,
+      {
+        sx: {
+          p: 1.5,
+          borderRadius: "10px",
+          flexShrink: 0
+        },
+        children: /* @__PURE__ */ jsxs4(Stack2, { direction: { xs: "column", lg: "row" }, spacing: 1.5, alignItems: { lg: "center" }, children: [
+          /* @__PURE__ */ jsx4(
+            TextField2,
+            {
+              size: "small",
+              placeholder: "\u041F\u043E\u0438\u0441\u043A",
+              value: queryInput,
+              onChange: (event) => setQueryInput(event.target.value),
+              sx: { minWidth: { xs: "100%", lg: 360 } }
+            }
+          ),
+          selectedIds.length > 0 && /* @__PURE__ */ jsxs4(Stack2, { direction: "row", spacing: 1, sx: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ jsx4(
+              Button2,
+              {
+                variant: "outlined",
+                endIcon: /* @__PURE__ */ jsx4(ExpandMoreIcon, {}),
+                onClick: (event) => setBulkActionMenuAnchor(event.currentTarget),
+                children: "\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044F"
+              }
+            ),
+            /* @__PURE__ */ jsxs4(Typography2, { color: "text.secondary", sx: { alignSelf: "center" }, children: [
+              "\u0412\u044B\u0431\u0440\u0430\u043D\u043E: ",
+              selectedIds.length
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx4(Box3, { sx: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx4(Button2, { startIcon: /* @__PURE__ */ jsx4(AddIcon, {}), variant: "contained", onClick: () => setCreateOpen(true), children: "\u0421\u043E\u0437\u0434\u0430\u0442\u044C" }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx4(
+      Paper2,
+      {
+        sx: {
+          borderRadius: "10px",
+          flex: 1,
+          minHeight: 0,
+          overflow: "hidden"
+        },
+        children: /* @__PURE__ */ jsxs4(
+          Box3,
+          {
+            ref: scrollContainerRef,
+            onScroll: () => void handleTableScroll(),
+            sx: {
+              height: "100%",
+              overflow: "auto"
+            },
+            children: [
+              /* @__PURE__ */ jsxs4(Table, { stickyHeader: true, size: "small", children: [
+                /* @__PURE__ */ jsx4(TableHead, { children: /* @__PURE__ */ jsxs4(TableRow, { children: [
+                  /* @__PURE__ */ jsx4(TableCell, { padding: "checkbox", sx: { backgroundColor: "#171719" } }),
+                  listFields.map((fieldName) => {
+                    var _a2, _b2;
+                    const field = fieldMap.get(fieldName);
+                    const sortDirection = resolveSortDirection(sortFields, fieldName);
+                    const isSortable = resolveFieldSortable(field);
+                    return /* @__PURE__ */ jsx4(
+                      TableCell,
+                      {
+                        sortDirection: sortDirection || false,
+                        sx: {
+                          backgroundColor: "#171719",
+                          color: "rgba(255, 255, 255, 0.96)",
+                          fontWeight: 700,
+                          cursor: isSortable ? "pointer" : "default",
+                          userSelect: "none"
+                        },
+                        onClick: isSortable ? () => toggleSort(fieldName) : void 0,
+                        children: isSortable ? /* @__PURE__ */ jsx4(
+                          TableSortLabel,
+                          {
+                            active: Boolean(sortDirection),
+                            direction: sortDirection != null ? sortDirection : "asc",
+                            hideSortIcon: false,
+                            sx: {
+                              color: "rgba(255, 255, 255, 0.96)",
+                              "&.Mui-active": {
+                                color: "rgba(255, 255, 255, 0.96)"
+                              },
+                              "& .MuiTableSortLabel-icon": {
+                                color: "rgba(255, 255, 255, 0.72) !important"
+                              },
+                              "&:hover": {
+                                color: "#ffffff"
+                              }
+                            },
+                            children: (_a2 = field == null ? void 0 : field.label) != null ? _a2 : fieldName
+                          }
+                        ) : /* @__PURE__ */ jsx4(Typography2, { component: "span", sx: { fontSize: 14, fontWeight: 700, color: "rgba(255, 255, 255, 0.96)" }, children: (_b2 = field == null ? void 0 : field.label) != null ? _b2 : fieldName })
+                      },
+                      fieldName
+                    );
+                  }),
+                  /* @__PURE__ */ jsx4(TableCell, { align: "right", sx: { backgroundColor: "#171719", width: 56 } })
+                ] }) }),
+                /* @__PURE__ */ jsx4(TableBody, { children: rows.map((row) => {
+                  const rowId = row[meta.pk_field];
+                  return /* @__PURE__ */ jsx4(
+                    AdminModelRow,
+                    {
+                      row,
+                      pkField: meta.pk_field,
+                      listFields,
+                      basePath,
+                      slug,
+                      isSelected: selectedIdSet.has(String(rowId)),
+                      onToggleSelection: handleToggleSelection,
+                      onOpenMenu: handleOpenRowMenu
+                    },
+                    String(rowId)
+                  );
+                }) })
+              ] }),
+              isLoadingMore && /* @__PURE__ */ jsx4(LinearProgress, {})
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx4(
+      Menu,
+      {
+        anchorEl: bulkActionMenuAnchor,
+        open: Boolean(bulkActionMenuAnchor),
+        onClose: () => setBulkActionMenuAnchor(null),
+        children: bulkActions.map((action) => /* @__PURE__ */ jsx4(MenuItem, { onClick: () => void handleRunNamedBulkAction(action.slug), children: action.label }, action.slug))
+      }
+    ),
+    /* @__PURE__ */ jsx4(
+      Menu,
+      {
+        anchorEl: rowActionMenuAnchor,
+        open: Boolean(rowActionMenuAnchor),
+        onClose: () => {
+          setRowActionMenuAnchor(null);
+          setRowActionMenuId(null);
+        },
+        children: /* @__PURE__ */ jsx4(
+          MenuItem,
+          {
+            onClick: () => {
+              if (rowActionMenuId !== null) {
+                void handleRowDelete(rowActionMenuId);
+              }
+            },
+            children: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx4(
+      AdminFormDialog,
+      {
+        open: createOpen,
+        onClose: () => setCreateOpen(false),
+        onSuccess: () => void refresh(),
+        title: `\u0421\u043E\u0437\u0434\u0430\u0442\u044C: ${meta.title}`,
+        slug,
+        mode: "create",
+        meta,
+        client
+      }
+    )
+  ] });
+}
+var AdminModelRow = memo(function AdminModelRow2({
+  row,
+  pkField,
+  listFields,
+  basePath,
+  slug,
+  isSelected,
+  onToggleSelection,
+  onOpenMenu
+}) {
+  const rowId = row[pkField];
+  return /* @__PURE__ */ jsxs4(TableRow, { hover: true, children: [
+    /* @__PURE__ */ jsx4(TableCell, { padding: "checkbox", children: /* @__PURE__ */ jsx4(
+      Checkbox,
+      {
+        checked: isSelected,
+        onChange: (_, checked) => onToggleSelection(rowId, checked)
+      }
+    ) }),
+    listFields.map((fieldName, index) => {
+      const fieldValue = formatAdminValue(row[fieldName]);
+      if (index === 0) {
+        return /* @__PURE__ */ jsx4(TableCell, { children: /* @__PURE__ */ jsx4(Link2, { href: `${basePath}/${slug}/${rowId}`, style: { textDecoration: "none" }, children: fieldValue }) }, fieldName);
+      }
+      return /* @__PURE__ */ jsx4(TableCell, { children: fieldValue }, fieldName);
+    }),
+    /* @__PURE__ */ jsx4(TableCell, { align: "right", children: /* @__PURE__ */ jsx4(IconButton, { size: "small", onClick: (event) => onOpenMenu(event, rowId), children: /* @__PURE__ */ jsx4(MoreVertIcon, { fontSize: "small" }) }) })
+  ] });
+});
+function mergeListResponse(previousData, nextData) {
+  const pkField = nextData.meta.pk_field;
+  const itemsById = /* @__PURE__ */ new Map();
+  for (const item of [...previousData.items, ...nextData.items]) {
+    itemsById.set(String(item[pkField]), item);
+  }
+  return {
+    ...nextData,
+    items: [...itemsById.values()]
+  };
+}
+function resolveSortDirection(sortFields, fieldName) {
+  if (sortFields.includes(`-${fieldName}`)) {
+    return "desc";
+  }
+  if (sortFields.includes(fieldName)) {
+    return "asc";
+  }
+  return null;
+}
+function resolveFieldSortable(field) {
+  if (!field) {
+    return false;
+  }
+  if (field.is_sortable === true) {
+    return true;
+  }
+  if (field.is_sortable === false) {
+    return false;
+  }
+  if (field.is_relation_many || field.input_kind === "relation-multiple") {
+    return false;
+  }
+  if (field.is_virtual) {
+    return false;
+  }
+  return true;
+}
+function replaceUrlParams(pathname, query, sort) {
+  const params = new URLSearchParams(window.location.search);
+  if (query) {
+    params.set("q", query);
+  } else {
+    params.delete("q");
+  }
+  if (sort) {
+    params.set("sort", sort);
+  } else {
+    params.delete("sort");
+  }
+  const nextPath = pathname != null ? pathname : window.location.pathname;
+  const nextUrl = params.toString() ? `${nextPath}?${params.toString()}` : nextPath;
+  window.history.replaceState(window.history.state, "", nextUrl);
+}
+
+// src/components/AdminObjectPage.tsx
+import { useEffect as useEffect5, useMemo as useMemo4, useState as useState5 } from "react";
+import { usePathname as usePathname2, useRouter } from "next/navigation.js";
+import {
+  Alert as Alert3,
+  Box as Box4,
+  Button as Button3,
+  Dialog as Dialog2,
+  DialogActions as DialogActions2,
+  DialogContent as DialogContent2,
+  DialogTitle as DialogTitle2,
+  Paper as Paper3,
+  Stack as Stack3,
+  TextField as TextField3,
+  Typography as Typography3
+} from "@mui/material";
+import { LocalizationProvider as LocalizationProvider2 } from "@mui/x-date-pickers";
+import { AdapterDayjs as AdapterDayjs2 } from "@mui/x-date-pickers/AdapterDayjs";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function AdminObjectPage({ client, slug, id }) {
+  var _a, _b, _c, _d;
+  const router = useRouter();
+  const pathname = usePathname2();
+  const [data, setData] = useState5(null);
+  const [values, setValues] = useState5({});
+  const [initialValues, setInitialValues] = useState5({});
+  const [error, setError] = useState5(null);
+  const [isLoading, setIsLoading] = useState5(true);
+  const [isSaving, setIsSaving] = useState5(false);
+  const [isDeleting, setIsDeleting] = useState5(false);
+  const [activeActionSlug, setActiveActionSlug] = useState5(null);
+  const [deleteConfirmOpen, setDeleteConfirmOpen] = useState5(false);
+  useEffect5(() => {
+    let isMounted = true;
+    setIsLoading(true);
+    setError(null);
+    client.getItem(slug, id).then((response) => {
+      if (!isMounted) {
+        return;
+      }
+      setData(response);
+      setValues(response.item);
+      setInitialValues(response.item);
+    }).catch((reason) => {
+      if (!isMounted) {
+        return;
+      }
+      setError(reason instanceof Error ? reason.message : "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u043E\u0431\u044A\u0435\u043A\u0442.");
+    }).finally(() => {
+      if (!isMounted) {
+        return;
+      }
+      setIsLoading(false);
+    });
+    return () => {
+      isMounted = false;
+    };
+  }, [client, id, slug]);
+  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 = useMemo4(
+    () => {
+      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 = useMemo4(
+    () => {
+      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 = useMemo4(
+    () => new Set(editableFields.map((field) => field.name)),
+    [editableFields]
+  );
+  const currentPayload = useMemo4(
+    () => buildAdminPayload(values, editableFields),
+    [editableFields, values]
+  );
+  const initialPayload = useMemo4(
+    () => buildAdminPayload(initialValues, editableFields),
+    [editableFields, initialValues]
+  );
+  const isDirty = useMemo4(
+    () => JSON.stringify(currentPayload) !== JSON.stringify(initialPayload),
+    [currentPayload, initialPayload]
+  );
+  const handleSave = async () => {
+    if (!meta || !isDirty) {
+      return;
+    }
+    setIsSaving(true);
+    setError(null);
+    try {
+      const response = await client.patchItem(slug, id, currentPayload);
+      setData((current) => current ? { ...current, item: response.item } : null);
+      setValues(response.item);
+      setInitialValues(response.item);
+    } catch (reason) {
+      setError(reason instanceof Error ? reason.message : "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0441\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C \u043E\u0431\u044A\u0435\u043A\u0442.");
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  const handleDelete = async () => {
+    setIsDeleting(true);
+    setError(null);
+    try {
+      await client.deleteItem(slug, id);
+      router.push(pathname.split("/").slice(0, -1).join("/"));
+    } catch (reason) {
+      setError(reason instanceof Error ? reason.message : "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0443\u0434\u0430\u043B\u0438\u0442\u044C \u043E\u0431\u044A\u0435\u043A\u0442.");
+      setIsDeleting(false);
+      setDeleteConfirmOpen(false);
+    }
+  };
+  const handleRunObjectAction = async (actionSlug) => {
+    setActiveActionSlug(actionSlug);
+    setError(null);
+    try {
+      const response = await client.runObjectAction(slug, id, actionSlug);
+      setData((current) => current ? { ...current, item: response.item } : null);
+      setValues(response.item);
+      setInitialValues(response.item);
+    } catch (reason) {
+      setError(reason instanceof Error ? reason.message : "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0432\u044B\u043F\u043E\u043B\u043D\u0438\u0442\u044C \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435.");
+    } finally {
+      setActiveActionSlug(null);
+    }
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsx5(Typography3, { sx: { p: 3 }, children: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u043E\u0431\u044A\u0435\u043A\u0442\u0430..." });
+  }
+  if (error && !data) {
+    return /* @__PURE__ */ jsx5(Alert3, { severity: "error", children: error });
+  }
+  if (!data || !meta) {
+    return /* @__PURE__ */ jsx5(Alert3, { severity: "error", children: "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u043E\u0431\u044A\u0435\u043A\u0442." });
+  }
+  return /* @__PURE__ */ jsxs5(LocalizationProvider2, { dateAdapter: AdapterDayjs2, children: [
+    /* @__PURE__ */ jsxs5(Stack3, { spacing: 1.5, sx: { height: "100%", minHeight: 0 }, children: [
+      /* @__PURE__ */ jsxs5(
+        Paper3,
+        {
+          sx: {
+            p: 2.5,
+            borderRadius: "10px",
+            flexShrink: 0,
+            position: "sticky",
+            top: 0,
+            zIndex: 2
+          },
+          children: [
+            /* @__PURE__ */ jsx5(Typography3, { variant: "h4", sx: { fontWeight: 800 }, children: String((_d = data.item._display) != null ? _d : `${meta.title} #${id}`) }),
+            /* @__PURE__ */ jsx5(Typography3, { color: "text.secondary", children: meta.slug }),
+            error && /* @__PURE__ */ jsx5(Alert3, { severity: "error", sx: { mt: 2 }, children: error })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs5(Stack3, { direction: { xs: "column", lg: "row" }, spacing: 1.5, sx: { flex: 1, minHeight: 0, alignItems: "stretch" }, children: [
+        /* @__PURE__ */ jsx5(
+          Paper3,
+          {
+            sx: {
+              borderRadius: "10px",
+              flex: 1,
+              minHeight: 0,
+              overflow: "hidden"
+            },
+            children: /* @__PURE__ */ jsx5(Box4, { sx: { height: "100%", overflow: "auto", p: 2.5 }, children: /* @__PURE__ */ jsx5(Stack3, { spacing: 1.5, children: detailFields.map((fieldName) => {
+              var _a2;
+              const field = fieldMap.get(fieldName);
+              if (!field) {
+                return null;
+              }
+              if (editableFieldNames.has(fieldName)) {
+                return /* @__PURE__ */ jsx5(
+                  AdminFieldEditor,
+                  {
+                    field,
+                    value: values[field.name],
+                    slug,
+                    client,
+                    onChange: (nextValue) => {
+                      setValues((current) => ({ ...current, [field.name]: nextValue }));
+                    }
+                  },
+                  field.name
+                );
+              }
+              return /* @__PURE__ */ jsx5(
+                TextField3,
+                {
+                  label: field.label,
+                  value: formatAdminValue(values[field.name]),
+                  size: "small",
+                  fullWidth: true,
+                  disabled: true,
+                  helperText: (_a2 = field.help_text) != null ? _a2 : void 0
+                },
+                field.name
+              );
+            }) }) })
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          Paper3,
+          {
+            sx: {
+              width: { xs: "100%", lg: 280 },
+              flexShrink: 0,
+              borderRadius: "10px",
+              p: 1.5,
+              alignSelf: "flex-start",
+              position: { lg: "sticky" },
+              top: { lg: 0 }
+            },
+            children: /* @__PURE__ */ jsxs5(Stack3, { spacing: 1, children: [
+              /* @__PURE__ */ jsx5(Typography3, { variant: "subtitle2", color: "text.secondary", children: "\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044F" }),
+              isDirty && /* @__PURE__ */ jsx5(Button3, { variant: "contained", onClick: handleSave, disabled: isSaving, children: isSaving ? "\u0421\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u0438\u0435..." : "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C" }),
+              /* @__PURE__ */ jsx5(
+                Button3,
+                {
+                  variant: "outlined",
+                  color: "error",
+                  onClick: () => setDeleteConfirmOpen(true),
+                  disabled: isDeleting,
+                  children: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C"
+                }
+              ),
+              objectActions.map((action) => /* @__PURE__ */ jsx5(
+                Button3,
+                {
+                  variant: "outlined",
+                  onClick: () => void handleRunObjectAction(action.slug),
+                  disabled: activeActionSlug !== null,
+                  children: activeActionSlug === action.slug ? "\u0412\u044B\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435..." : action.label
+                },
+                action.slug
+              ))
+            ] })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs5(Dialog2, { open: deleteConfirmOpen, onClose: () => setDeleteConfirmOpen(false), maxWidth: "xs", fullWidth: true, children: [
+      /* @__PURE__ */ jsx5(DialogTitle2, { children: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u043E\u0431\u044A\u0435\u043A\u0442?" }),
+      /* @__PURE__ */ jsx5(DialogContent2, { children: /* @__PURE__ */ jsx5(Typography3, { color: "text.secondary", children: "\u042D\u0442\u043E \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043D\u0435\u043B\u044C\u0437\u044F \u043E\u0442\u043C\u0435\u043D\u0438\u0442\u044C." }) }),
+      /* @__PURE__ */ jsxs5(DialogActions2, { children: [
+        /* @__PURE__ */ jsx5(Button3, { onClick: () => setDeleteConfirmOpen(false), children: "\u041E\u0442\u043C\u0435\u043D\u0430" }),
+        /* @__PURE__ */ jsx5(Button3, { color: "error", variant: "contained", onClick: () => void handleDelete(), disabled: isDeleting, children: isDeleting ? "\u0423\u0434\u0430\u043B\u0435\u043D\u0438\u0435..." : "\u0423\u0434\u0430\u043B\u0438\u0442\u044C" })
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/AdminShell.tsx
+import { Box as Box6, CssBaseline, GlobalStyles, Stack as Stack5 } from "@mui/material";
+import { ThemeProvider } from "@mui/material/styles";
+
+// src/theme/defaultAdminTheme.ts
+import { createTheme } from "@mui/material/styles";
+var defaultAdminTheme = createTheme({
+  palette: {
+    mode: "dark",
+    background: {
+      default: "#0a0a0b",
+      paper: "#121214"
+    }
+  },
+  shape: {
+    borderRadius: 8
+  },
+  components: {
+    MuiPaper: {
+      styleOverrides: {
+        root: ({ theme }) => ({
+          backgroundImage: "none",
+          borderRadius: 10,
+          backgroundColor: theme.palette.background.paper
+        })
+      }
+    },
+    MuiCard: {
+      styleOverrides: {
+        root: ({ theme }) => ({
+          backgroundImage: "none",
+          borderRadius: 10,
+          backgroundColor: "#18181b",
+          border: `1px solid ${theme.palette.divider}`
+        })
+      }
+    },
+    MuiListItemButton: {
+      styleOverrides: {
+        root: ({ theme }) => ({
+          borderRadius: 8,
+          backgroundColor: "rgba(255, 255, 255, 0.025)",
+          transition: "background-color 0.15s ease",
+          "&:hover": {
+            backgroundColor: "rgba(255, 255, 255, 0.05)"
+          },
+          "& .MuiListItemText-secondary": {
+            color: theme.palette.text.secondary
+          }
+        })
+      }
+    },
+    MuiMenu: {
+      styleOverrides: {
+        paper: ({ theme }) => ({
+          borderRadius: 10,
+          backgroundImage: "none",
+          backgroundColor: theme.palette.background.paper
+        })
+      }
+    },
+    MuiMenuItem: {
+      styleOverrides: {
+        root: {
+          minHeight: 36,
+          fontSize: 14
+        }
+      }
+    },
+    MuiTextField: {
+      defaultProps: {
+        size: "small"
+      }
+    },
+    MuiFormControl: {
+      defaultProps: {
+        size: "small"
+      }
+    },
+    MuiButton: {
+      defaultProps: {
+        size: "small"
+      }
+    },
+    MuiOutlinedInput: {
+      styleOverrides: {
+        root: ({ theme }) => ({
+          transition: theme.transitions.create(["border-color", "box-shadow", "background-color"], {
+            duration: theme.transitions.duration.shorter
+          }),
+          "& .MuiOutlinedInput-notchedOutline": {
+            transition: theme.transitions.create(["border-color", "box-shadow"], {
+              duration: theme.transitions.duration.shorter
+            })
+          },
+          "&:hover .MuiOutlinedInput-notchedOutline": {
+            borderColor: "rgba(255, 255, 255, 0.28)"
+          },
+          "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
+            borderColor: "rgba(255, 255, 255, 0.42)",
+            boxShadow: "0 0 0 1px rgba(255, 255, 255, 0.08)"
+          }
+        })
+      }
+    },
+    MuiInputLabel: {
+      styleOverrides: {
+        root: ({ theme }) => ({
+          transition: theme.transitions.create(["color", "transform"], {
+            duration: theme.transitions.duration.shorter
+          })
+        })
+      }
+    },
+    MuiTableCell: {
+      styleOverrides: {
+        stickyHeader: {
+          backgroundColor: "#171719",
+          backgroundImage: "none"
+        }
+      }
+    }
+  }
+});
+
+// src/components/AdminSidebar.tsx
+import Link3 from "next/link.js";
+import { Box as Box5, List, ListItemButton, ListItemText, Paper as Paper4, Stack as Stack4, Typography as Typography4 } from "@mui/material";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function AdminSidebar({ models, basePath }) {
+  return /* @__PURE__ */ jsx6(
+    Paper4,
+    {
+      sx: {
+        p: 2,
+        borderRadius: "10px",
+        height: "100%",
+        overflow: "hidden"
+      },
+      children: /* @__PURE__ */ jsxs6(Box5, { sx: { height: "100%", overflow: "auto", pr: 0.5 }, children: [
+        /* @__PURE__ */ jsx6(Typography4, { variant: "h6", sx: { mb: 2, fontWeight: 700 }, children: "XLAdmin" }),
+        /* @__PURE__ */ jsxs6(Stack4, { spacing: 1, children: [
+          /* @__PURE__ */ jsx6(Link3, { href: basePath, style: { textDecoration: "none" }, children: /* @__PURE__ */ jsx6(ListItemButton, { sx: { borderRadius: "8px", backgroundColor: "rgba(255, 255, 255, 0.035)" }, children: /* @__PURE__ */ jsx6(ListItemText, { primary: "\u0412\u0441\u0435 \u043C\u043E\u0434\u0435\u043B\u0438" }) }) }),
+          /* @__PURE__ */ jsx6(List, { dense: true, disablePadding: true, sx: { display: "flex", flexDirection: "column", gap: 1 }, children: models.map((model) => /* @__PURE__ */ jsx6(Link3, { href: `${basePath}/${model.slug}`, style: { textDecoration: "none" }, children: /* @__PURE__ */ jsx6(ListItemButton, { sx: { borderRadius: "8px" }, children: /* @__PURE__ */ jsx6(ListItemText, { primary: model.title, secondary: model.slug }) }) }, model.slug)) })
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/components/AdminShell.tsx
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function AdminShell({ client, models, basePath, children, theme }) {
+  void client;
+  return /* @__PURE__ */ jsxs7(ThemeProvider, { theme: theme != null ? theme : defaultAdminTheme, children: [
+    /* @__PURE__ */ jsx7(CssBaseline, {}),
+    /* @__PURE__ */ jsx7(
+      GlobalStyles,
+      {
+        styles: (theme2) => ({
+          "html, body": {
+            backgroundColor: theme2.palette.background.default,
+            backgroundImage: "none"
+          },
+          "*": {
+            scrollbarWidth: "thin",
+            scrollbarColor: "#35353a transparent"
+          },
+          "*::-webkit-scrollbar": {
+            width: "3px",
+            height: "3px"
+          },
+          "*::-webkit-scrollbar-track": {
+            background: "transparent"
+          },
+          "*::-webkit-scrollbar-thumb": {
+            backgroundColor: "#35353a",
+            borderRadius: "999px"
+          },
+          '[data-xladmin-root="true"]': {
+            backgroundColor: theme2.palette.background.default,
+            backgroundImage: "none"
+          },
+          '[data-xladmin-root="true"] .MuiAutocomplete-popper .MuiPaper-root, [data-xladmin-root="true"] .MuiMenu-paper, [data-xladmin-root="true"] .MuiPopover-paper, [data-xladmin-root="true"] .MuiPickersPopper-root .MuiPaper-root': {
+            backgroundImage: "none",
+            backgroundColor: theme2.palette.background.paper,
+            borderRadius: "10px"
+          },
+          '[data-xladmin-root="true"] .MuiMenuItem-root': {
+            minHeight: "36px",
+            fontSize: "14px"
+          }
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx7(
+      Box6,
+      {
+        "data-xladmin-root": "true",
+        sx: {
+          height: "100dvh",
+          overflow: "hidden",
+          boxSizing: "border-box",
+          p: 2,
+          backgroundColor: "background.default",
+          backgroundImage: "none"
+        },
+        children: /* @__PURE__ */ jsxs7(
+          Stack5,
+          {
+            direction: { xs: "column", lg: "row" },
+            spacing: 2,
+            sx: { height: "100%", minHeight: 0, alignItems: "stretch" },
+            children: [
+              /* @__PURE__ */ jsx7(Box6, { sx: { width: { xs: "100%", lg: 320 }, flexShrink: 0, minHeight: 0 }, children: /* @__PURE__ */ jsx7(AdminSidebar, { models, basePath }) }),
+              /* @__PURE__ */ jsx7(
+                Box6,
+                {
+                  sx: {
+                    flex: 1,
+                    minWidth: 0,
+                    minHeight: 0,
+                    display: "flex",
+                    flexDirection: "column"
+                  },
+                  children
+                }
+              )
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+export {
+  AdminFormDialog,
+  AdminHome,
+  AdminModelPage,
+  AdminObjectPage,
+  AdminShell,
+  AdminSidebar,
+  createAxiosXLAdminClient,
+  createFetchXLAdminClient,
+  createFetchXLAdminTransport,
+  createXLAdminClient,
+  defaultAdminTheme
+};