@juicemantics/veloiq-ui 0.2.0 → 0.2.2

package/dist/index.js

@@ -8,13 +8,15 @@ var icons = require('@ant-design/icons');
 var jsxRuntime = require('react/jsx-runtime');
 var reactRouterDom = require('react-router-dom');
 var reactDom = require('react-dom');
-var dayjs7 = require('dayjs');
+var dayjs8 = require('dayjs');
+var relativeTime = require('dayjs/plugin/relativeTime');
 var axios = require('axios');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React6__default = /*#__PURE__*/_interopDefault(React6);
-var dayjs7__default = /*#__PURE__*/_interopDefault(dayjs7);
+var dayjs8__default = /*#__PURE__*/_interopDefault(dayjs8);
+var relativeTime__default = /*#__PURE__*/_interopDefault(relativeTime);
 var axios__default = /*#__PURE__*/_interopDefault(axios);
 
 var __typeError = (msg) => {
@@ -866,7 +868,7 @@ var LayoutWrapper = ({
               label: "Confirm Password",
               dependencies: ["new_password"],
               rules: [{ required: true }, ({ getFieldValue }) => ({
-                validator(_39, value) {
+                validator(_41, value) {
                   if (!value || getFieldValue("new_password") === value) return Promise.resolve();
                   return Promise.reject(new Error("Passwords do not match"));
                 }
@@ -2606,19 +2608,19 @@ function Ut({
       const { defaultLayoutDeferred: Y, derivedPanelConstraints: Ee, layout: ce } = j.next;
       if (Y || Ee.length === 0)
         return;
-      const ut = R.panels.map(({ id: _39 }) => _39).join(",");
-      R.mutableState.layouts[ut] = ce, Ee.forEach((_39) => {
-        if (_39.collapsible) {
+      const ut = R.panels.map(({ id: _41 }) => _41).join(",");
+      R.mutableState.layouts[ut] = ce, Ee.forEach((_41) => {
+        if (_41.collapsible) {
           const { layout: ge } = j.prev ?? {};
           if (ge) {
             const ft = I(
-              _39.collapsedSize,
-              ce[_39.panelId]
+              _41.collapsedSize,
+              ce[_41.panelId]
             ), dt = I(
-              _39.collapsedSize,
-              ge[_39.panelId]
+              _41.collapsedSize,
+              ge[_41.panelId]
             );
-            ft && !dt && (R.mutableState.expandedPanelSizes[_39.panelId] = ge[_39.panelId]);
+            ft && !dt && (R.mutableState.expandedPanelSizes[_41.panelId] = ge[_41.panelId]);
           }
         }
       });
@@ -3287,7 +3289,7 @@ var getRelationLabel = (rel) => {
     const translatedBaseKey = translateRelationKey(baseKey);
     if (translatedBaseKey && translatedBaseKey !== baseKey) return translatedBaseKey;
   }
-  return asDisplayText(relationKey, asDisplayText(rel.label, relationKey));
+  return asDisplayText(rel.label, asDisplayText(relationKey, "")) || relationKey;
 };
 var getModelLabel = (model) => {
   const primary = asDisplayText(model.label, "");
@@ -3379,8 +3381,8 @@ var useViewSettings = () => {
         }
         const data = await response.json();
         if (cancelled) return;
-        const modulesColorSchema = String(data?.modulesColorSchema || "color-coded");
-        const modelsColorSchema = String(data?.modelsColorSchema || "color-coded");
+        const modulesColorSchema = String(data?.modulesColorSchema || "plain-color");
+        const modelsColorSchema = String(data?.modelsColorSchema || "plain-color");
         const plainColorBaseHex = String(data?.plainColorBaseHex || "");
         setColorSchemas({ modulesColorSchema, modelsColorSchema, plainColorBaseHex });
         setSettings({
@@ -3582,7 +3584,10 @@ var getConfigVid = (item, mode) => {
 };
 var isAttributeValueEditable = (item, mode) => {
   if (!item) return true;
-  const vid = String(getConfigVid(item, mode) || "").trim().toLowerCase().replace(/[\s_-]/g, "");
+  const raw = String(getConfigVid(item, mode) || "").trim();
+  const fieldToken = normalizeFieldViewType(raw);
+  if (fieldToken) return fieldToken.startsWith("editable-");
+  const vid = raw.toLowerCase().replace(/[\s_-]/g, "");
   if (vid === "readonly") return false;
   return true;
 };
@@ -3593,6 +3598,9 @@ var normalizeRelationViewType = (rawVid) => {
   if (normalized === "editablelist") return "editable-list";
   if (normalized === "list") return "list";
   if (normalized === "csv") return "csv";
+  if (normalized === "readandeditlist") return "read-and-edit-list";
+  if (normalized === "readandeditcsv") return "read-and-edit-csv";
+  if (normalized === "editablecsv") return "editable-csv";
   if (normalized === "gallery" || normalized === "image") return "gallery";
   if (normalized === "calendar" || normalized === "week" || normalized === "month") return "calendar";
   if (normalized === "primary") return "primary";
@@ -3601,6 +3609,47 @@ var normalizeRelationViewType = (rawVid) => {
   if (normalized === "treedetails") return "tree-details";
   return "";
 };
+var FIELD_VIEW_TYPE_TOKENS = /* @__PURE__ */ new Set([
+  "read-only-field",
+  "editable-field",
+  "read-only-password",
+  "editable-password",
+  "read-only-textarea",
+  "editable-textarea",
+  "read-only-markdown",
+  "editable-markdown",
+  "read-only-json",
+  "editable-json",
+  "read-only-url",
+  "editable-url",
+  "read-only-email",
+  "editable-email",
+  "read-only-currency",
+  "editable-currency",
+  "read-only-percentage",
+  "editable-percentage",
+  "read-only-progress",
+  "editable-progress",
+  "read-only-rating",
+  "editable-rating",
+  "read-only-duration",
+  "editable-duration",
+  "read-only-phone",
+  "editable-phone",
+  "read-only-color",
+  "editable-color",
+  "read-only-code",
+  "editable-code",
+  "read-only-image-url",
+  "editable-image-url",
+  "read-only-qrcode",
+  "read-only-relative",
+  "read-only-truncated-text"
+]);
+var normalizeFieldViewType = (raw) => {
+  const normalized = String(raw || "").trim().toLowerCase().replace(/[\s_]/g, "-").replace(/-+/g, "-");
+  return FIELD_VIEW_TYPE_TOKENS.has(normalized) ? normalized : "";
+};
 var applyRelationViewOverride = (rel, item, mode) => {
   const rawVid = getConfigVid(item, mode);
   const vid = normalizeRelationViewType(rawVid);
@@ -3997,7 +4046,7 @@ var parseInlineStyle = (styleText) => {
   return styleText.split(";").map((chunk) => chunk.trim()).filter(Boolean).reduce((acc, rule) => {
     const [rawKey, rawValue] = rule.split(":").map((part) => part.trim());
     if (!rawKey || !rawValue) return acc;
-    const camelKey = rawKey.replace(/-([a-z])/g, (_39, char) => char.toUpperCase());
+    const camelKey = rawKey.replace(/-([a-z])/g, (_41, char) => char.toUpperCase());
     acc[camelKey] = rawValue;
     return acc;
   }, {});
@@ -5828,7 +5877,7 @@ body, table, th, td, input, button, select, textarea, div, span, p, li, ul, ol {
 
 // src/components/DynamicResource/relations/helpers.ts
 var _9 = window._ || ((text) => text);
-var INLINE_RELATION_VIEW_TYPES = /* @__PURE__ */ new Set(["list", "csv"]);
+var INLINE_RELATION_VIEW_TYPES = /* @__PURE__ */ new Set(["list", "csv", "read-and-edit-list", "read-and-edit-csv", "editable-csv"]);
 var TABLE_RELATION_VIEW_TYPES = /* @__PURE__ */ new Set(["table", "totals-details"]);
 var isInlineRelationViewType = (viewType) => INLINE_RELATION_VIEW_TYPES.has(viewType);
 var usesTableRelationBehavior = (viewType) => TABLE_RELATION_VIEW_TYPES.has(viewType);
@@ -5843,10 +5892,10 @@ var getRelationViewType = (rel, mode, defaults) => {
   const showFallback = defaults?.show || "totals-details";
   const editFallback = defaults?.edit || "editable-table";
   if (mode === "show") {
-    if (rel.showViewTypeFromCsv && rel.showViewType) return rel.showViewType;
+    if (rel.showViewType) return rel.showViewType;
     return showFallback;
   }
-  if (rel.editViewTypeFromCsv && rel.editViewType) return rel.editViewType;
+  if (rel.editViewType) return rel.editViewType;
   return editFallback;
 };
 var getRelationTabName = (rel, mode, fallback) => {
@@ -6389,17 +6438,49 @@ var fetchPolymorphicGroups = async ({
   });
   return { groups, unresolved, labelsById };
 };
+
+// src/components/DynamicResource/utils/navigation.ts
+var getShowHref = (resource, id, allModels) => {
+  const resourcePath = resolveResourcePath(resource, allModels);
+  return `/${resourcePath}/show/${id}`;
+};
+var shouldHandleLinkClick = (event) => {
+  if (event.defaultPrevented) return false;
+  if (event.button !== 0) return false;
+  if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return false;
+  return true;
+};
 var ReferenceField = ({ id, resource, onLabel }) => {
   const { data, isLoading } = core.useOne({ resource, id, queryOptions: { enabled: !!id } });
   const record = data?.data;
   const label = record?._label || record?.name || record?.description || id;
+  const go = core.useGo();
+  const paneNav = usePaneNavigation();
+  const { token } = antd.theme.useToken();
   React6.useEffect(() => {
     if (onLabel && !isLoading && label !== void 0 && label !== null) {
       onLabel(String(label));
     }
   }, [label, onLabel, isLoading]);
   if (isLoading) return /* @__PURE__ */ jsxRuntime.jsx(antd.Skeleton.Input, { active: true, size: "small", style: { width: 100 } });
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { children: label });
+  const href = getShowHref(resource, id);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      href,
+      onClick: (e) => {
+        if (!shouldHandleLinkClick(e)) return;
+        e.preventDefault();
+        if (paneNav?.isInMultiPane) {
+          paneNav.openDetail(resource, id);
+        } else {
+          go({ to: { resource, action: "show", id } });
+        }
+      },
+      style: { color: token.colorLink, textDecoration: "none", cursor: "pointer" },
+      children: label
+    }
+  );
 };
 var RelatedObjectPreview = ({ resource, id, model, allModels, fallbackLabel }) => {
   const { data, isLoading } = core.useOne({ resource, id, queryOptions: { enabled: !!id } });
@@ -6972,8 +7053,150 @@ var renderOptionTag = (field, rawValue) => {
   const color = colorMap[String(rawValue)] || getFallbackColor(label);
   return /* @__PURE__ */ jsxRuntime.jsx(antd.Tag, { color, style: { marginInlineEnd: 0, borderRadius: 8, fontWeight: 500 }, children: label });
 };
+dayjs8__default.default.extend(relativeTime__default.default);
 var _16 = window._ || ((text) => text);
-var CALENDAR_WEEKDAYS = [_16("Sun"), _16("Mon"), _16("Tue"), _16("Wed"), _16("Thu"), _16("Fri"), _16("Sat")];
+var ReactMarkdown = React6.lazy(() => import('react-markdown').then((m) => ({ default: m.default })));
+var QRCodeSVG = React6.lazy(() => import('qrcode.react').then((m) => ({ default: m.QRCodeSVG })));
+function formatDuration(totalSeconds) {
+  const h = Math.floor(totalSeconds / 3600);
+  const m = Math.floor(totalSeconds % 3600 / 60);
+  const s = totalSeconds % 60;
+  const parts = [];
+  if (h) parts.push(`${h}h`);
+  if (m) parts.push(`${m}m`);
+  if (s || !parts.length) parts.push(`${s}s`);
+  return parts.join(" ");
+}
+var TALL_VIEW_TYPE_TOKENS = /* @__PURE__ */ new Set([
+  "read-only-markdown",
+  "read-only-json",
+  "read-only-code",
+  "read-only-textarea",
+  "read-only-image-url"
+]);
+var renderFieldViewTypeReadOnly = (token, value, inTable) => {
+  const str = value === null || value === void 0 ? "" : String(value);
+  const isEmpty = str === "" || str === "null" || str === "undefined";
+  if (isEmpty && token !== "read-only-password" && token !== "read-only-progress" && token !== "read-only-rating") return "-";
+  switch (token) {
+    case "read-only-password":
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { letterSpacing: 2 }, children: str ? "\u25CF\u25CF\u25CF\u25CF\u25CF\u25CF" : "-" });
+    case "read-only-textarea":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        antd.Input.TextArea,
+        {
+          value: str,
+          autoSize: { minRows: 2, maxRows: 12 },
+          readOnly: true,
+          style: { resize: "vertical", background: "transparent", border: "none", padding: 0, boxShadow: "none" }
+        }
+      );
+    case "read-only-markdown":
+      return /* @__PURE__ */ jsxRuntime.jsx(React6.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(antd.Skeleton.Input, { active: true, size: "small", style: { width: 200 } }), children: /* @__PURE__ */ jsxRuntime.jsx(ReactMarkdown, { children: str }) });
+    case "read-only-json": {
+      let formatted = str;
+      try {
+        formatted = JSON.stringify(JSON.parse(str), null, 2);
+      } catch {
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx("pre", { style: { margin: 0, fontSize: 12, whiteSpace: "pre-wrap", wordBreak: "break-all" }, children: formatted });
+    }
+    case "read-only-url":
+      return /* @__PURE__ */ jsxRuntime.jsx("a", { href: str, target: "_blank", rel: "noopener noreferrer", children: str });
+    case "read-only-email":
+      return /* @__PURE__ */ jsxRuntime.jsx("a", { href: `mailto:${str}`, children: str });
+    case "read-only-currency": {
+      const num = parseFloat(str);
+      if (isNaN(num)) return str || "-";
+      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" }).format(num) });
+    }
+    case "read-only-percentage": {
+      const num = parseFloat(str);
+      if (isNaN(num)) return str || "-";
+      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: `${num} %` });
+    }
+    case "read-only-progress": {
+      const num = Math.max(0, Math.min(100, parseFloat(str) || 0));
+      return /* @__PURE__ */ jsxRuntime.jsx(antd.Progress, { percent: num, size: "small", style: { marginBottom: 0 } });
+    }
+    case "read-only-rating": {
+      const num = parseFloat(str) || 0;
+      return /* @__PURE__ */ jsxRuntime.jsx(antd.Rate, { disabled: true, value: num });
+    }
+    case "read-only-duration": {
+      const secs = parseInt(str) || 0;
+      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: formatDuration(secs) });
+    }
+    case "read-only-phone":
+      return /* @__PURE__ */ jsxRuntime.jsx("a", { href: `tel:${str}`, children: str });
+    case "read-only-color":
+      return /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: 6 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { style: { display: "inline-block", width: 16, height: 16, background: str, border: "1px solid #d9d9d9", borderRadius: 2, flexShrink: 0 } }),
+        str
+      ] });
+    case "read-only-code":
+      return /* @__PURE__ */ jsxRuntime.jsx("pre", { style: { margin: 0, fontSize: 12, fontFamily: "monospace", whiteSpace: "pre-wrap", wordBreak: "break-all" }, children: str });
+    case "read-only-image-url":
+      return /* @__PURE__ */ jsxRuntime.jsx("a", { href: str, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: str, alt: "", style: { maxWidth: "100%", maxHeight: 200, objectFit: "contain", borderRadius: 4, display: "block" } }) });
+    case "read-only-qrcode":
+      return /* @__PURE__ */ jsxRuntime.jsx(React6.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(antd.Skeleton.Input, { active: true, size: "small", style: { width: 128 } }), children: /* @__PURE__ */ jsxRuntime.jsx(QRCodeSVG, { value: str, size: 128 }) });
+    case "read-only-relative": {
+      const parsed = dayjs8__default.default(str);
+      if (!parsed.isValid()) return str || "-";
+      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: parsed.fromNow() });
+    }
+    case "read-only-truncated-text":
+      return /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: str, children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { display: "block", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", cursor: "default" }, children: str }) });
+    default:
+      return str || "-";
+  }
+};
+var wrapForTable = (node) => /* @__PURE__ */ jsxRuntime.jsx("div", { style: { maxHeight: 120, overflowY: "auto", overflowX: "hidden" }, children: node });
+var renderFieldValue = (field, record, allModels, inTable) => {
+  const value = record?.[field.key];
+  const isNlSentenceField = field.key === "nl_sentence" || field.key === "nl_asks_sentence";
+  if (isNlSentenceField) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      antd.Input.TextArea,
+      {
+        value: value === null || value === void 0 ? "" : String(value),
+        autoSize: { minRows: 3, maxRows: 18 },
+        style: { resize: "vertical", background: "#f3f6f9" },
+        placeholder: _16(field.key),
+        readOnly: true
+      }
+    );
+  }
+  const showToken = normalizeFieldViewType(field.showViewType || "");
+  if (showToken && showToken.startsWith("read-only-") && !(showToken === "read-only-field" && field.reference)) {
+    const node = renderFieldViewTypeReadOnly(showToken, value);
+    return inTable && TALL_VIEW_TYPE_TOKENS.has(showToken) ? wrapForTable(node) : node;
+  }
+  if (field.type === "boolean") {
+    return value ? /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircleOutlined, { style: { color: "green", fontSize: "1.2em" } }) : /* @__PURE__ */ jsxRuntime.jsx(icons.CloseCircleOutlined, { style: { color: "red", fontSize: "1.2em" } });
+  }
+  if (field.reference && value && hasReferenceModel(field.reference, allModels)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ReferenceField, { id: value, resource: resolveResourcePath(field.referencePath || field.reference, allModels) });
+  }
+  if (field.type === "number") {
+    return formatNumberValue(value) ?? "-";
+  }
+  if (field.type === "date") {
+    return formatDateValue(value) ?? "-";
+  }
+  if (field.type === "datetime") {
+    return formatDateTimeValue(value) ?? "-";
+  }
+  if (field.type === "time") {
+    return formatTimeValue(value);
+  }
+  if (field.options && value !== void 0 && value !== null) {
+    return renderOptionTag(field, value);
+  }
+  return value ?? "-";
+};
+var _17 = window._ || ((text) => text);
+var CALENDAR_WEEKDAYS = [_17("Sun"), _17("Mon"), _17("Tue"), _17("Wed"), _17("Thu"), _17("Fri"), _17("Sat")];
 var CALENDAR_DATE_FOOTER_FIELDS = /* @__PURE__ */ new Set(["creation_date", "modification_date"]);
 var isCalendarDateField = (field) => {
   const rawType = String(field?.type || "").trim().toLowerCase();
@@ -7001,22 +7224,10 @@ var getCalendarDateFieldOptions = (fields) => {
 var getCalendarRecordDate = (record, fieldKey) => {
   const rawValue = record?.[fieldKey];
   if (rawValue === void 0 || rawValue === null || rawValue === "") return null;
-  const parsed = dayjs7__default.default(rawValue);
+  const parsed = dayjs8__default.default(rawValue);
   if (!parsed.isValid()) return null;
   return parsed.startOf("day");
 };
-
-// src/components/DynamicResource/utils/navigation.ts
-var getShowHref = (resource, id, allModels) => {
-  const resourcePath = resolveResourcePath(resource, allModels);
-  return `/${resourcePath}/show/${id}`;
-};
-var shouldHandleLinkClick = (event) => {
-  if (event.defaultPrevented) return false;
-  if (event.button !== 0) return false;
-  if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return false;
-  return true;
-};
 var USER_KEY = "jm_user";
 function getCurrentUserRoles() {
   try {
@@ -7041,7 +7252,7 @@ function useRoleFilteredModel(model) {
     return { ...model, fields: filtered };
   }, [model, userRoles]);
 }
-var _17 = window._ || ((text) => text);
+var _18 = window._ || ((text) => text);
 var DynamicShow = ({ model: modelProp, allModels, idOverride, embedded }) => {
   const model = useRoleFilteredModel(modelProp);
   applyI18nLabelsToModel(model);
@@ -7053,7 +7264,7 @@ var DynamicShow = ({ model: modelProp, allModels, idOverride, embedded }) => {
   const id = idOverride ?? routeId;
   const { formProps, saveButtonProps, record, recordId } = useShowEditableForm(model.resource || model.name, id);
   const { formProps: showFormProps, effectiveFields } = buildShowTabFormOptions(formProps, model, allModels);
-  const pageTitle = record?._label ? asDisplayText(record._label, `${_17("Show")} ${modelDisplayLabel}`) : `${_17("Show")} ${modelDisplayLabel}`;
+  const pageTitle = record?._label ? asDisplayText(record._label, `${_18("Show")} ${modelDisplayLabel}`) : `${_18("Show")} ${modelDisplayLabel}`;
   const { actionsState, headerButtons } = useShowActionsPreferences(model, allModels, record, saveButtonProps);
   const [activeTabKey, setActiveTabKey] = React6.useState("details");
   const items = useStandardShowTabs(
@@ -7101,7 +7312,7 @@ var DynamicShow = ({ model: modelProp, allModels, idOverride, embedded }) => {
         title: renderWrappedPageTitle(renderModelHeading({
           model,
           title: pageTitle,
-          actionLabel: _17("Show"),
+          actionLabel: _18("Show"),
           moduleLabel: model.module ? getModuleLabel(model.module) : void 0
         })),
         headerButtons,
@@ -7121,7 +7332,7 @@ var DynamicShow = ({ model: modelProp, allModels, idOverride, embedded }) => {
     )
   ] });
 };
-var _18 = window._ || ((text) => text);
+var _19 = window._ || ((text) => text);
 var RELATION_SELECT_DEFAULT_PAGE_SIZE = 2e3;
 var RelationSelect = ({ field, value, onChange, allModels, multiple, serverSearch, excludeId }) => {
   const optionLabel = "_label";
@@ -7176,7 +7387,7 @@ var RelationSelect = ({ field, value, onChange, allModels, multiple, serverSearc
       }
     ),
     isCapped && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 8, marginTop: 4 }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { type: "secondary", style: { fontSize: 11 }, children: _18("Showing N of T \u2014 type to search").replace("N", formatNumberValue(loadedCount)).replace("T", formatNumberValue(serverTotal)) }),
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { type: "secondary", style: { fontSize: 11 }, children: _19("Showing N of T \u2014 type to search").replace("N", formatNumberValue(loadedCount)).replace("T", formatNumberValue(serverTotal)) }),
       /* @__PURE__ */ jsxRuntime.jsx(
         antd.Button,
         {
@@ -7185,13 +7396,13 @@ var RelationSelect = ({ field, value, onChange, allModels, multiple, serverSearc
           style: { fontSize: 11, padding: 0 },
           loading: queryResult?.isLoading || queryResult?.isFetching,
           onClick: () => setLoadAll(true),
-          children: _18("Load all")
+          children: _19("Load all")
         }
       )
     ] })
   ] });
 };
-var _19 = window._ || ((text) => text);
+var _20 = window._ || ((text) => text);
 var FileUploadInput = ({ value: _value, onChange: _onChange }) => {
   const form = antd.Form.useFormInstance();
   const [uploading, setUploading] = React6.useState(false);
@@ -7200,7 +7411,7 @@ var FileUploadInput = ({ value: _value, onChange: _onChange }) => {
   const handleUpload = async (file) => {
     const recordId = form.getFieldValue("eid") ?? form.getFieldValue("id");
     if (!recordId) {
-      antd.message.error(_19("Save the record first before uploading a file."));
+      antd.message.error(_20("Save the record first before uploading a file."));
       return false;
     }
     setUploading(true);
@@ -7224,9 +7435,9 @@ var FileUploadInput = ({ value: _value, onChange: _onChange }) => {
         data_hash: result.data_hash
       });
       setFileName(result.data_name || file.name);
-      antd.message.success(_19("File uploaded successfully."));
+      antd.message.success(_20("File uploaded successfully."));
     } catch (err) {
-      antd.message.error(err?.message || _19("File upload failed."));
+      antd.message.error(err?.message || _20("File upload failed."));
     } finally {
       setUploading(false);
     }
@@ -7243,9 +7454,9 @@ var FileUploadInput = ({ value: _value, onChange: _onChange }) => {
       style: { padding: "8px 16px" },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: 4 }, children: uploading ? /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { size: "small" }) : /* @__PURE__ */ jsxRuntime.jsx(icons.UploadOutlined, { style: { fontSize: 24, color: "#1677ff" } }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: 13, margin: 0 }, children: uploading ? _19("Uploading...") : _19("Click or drag a file here to upload") }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: 13, margin: 0 }, children: uploading ? _20("Uploading...") : _20("Click or drag a file here to upload") }),
         displayName && !uploading && /* @__PURE__ */ jsxRuntime.jsxs("p", { style: { fontSize: 11, color: "#888", margin: "4px 0 0" }, children: [
-          _19("Current"),
+          _20("Current"),
           ": ",
           displayName
         ] })
@@ -7253,7 +7464,7 @@ var FileUploadInput = ({ value: _value, onChange: _onChange }) => {
     }
   ) });
 };
-var _20 = window._ || ((text) => text);
+var _21 = window._ || ((text) => text);
 var AsyncSelectInput = ({
   optionsUrl,
   placeholder,
@@ -7313,20 +7524,159 @@ var AsyncSelectInput = ({
       options,
       value,
       onChange,
-      placeholder: placeholder || _20("Select..."),
+      placeholder: placeholder || _21("Select..."),
       style: { width: "100%" },
       filterOption: (input, option) => String(option?.label ?? "").toLowerCase().includes(input.toLowerCase())
     }
   );
 };
-var _21 = window._ || ((text) => text);
+var _22 = window._ || ((text) => text);
+var ReactMarkdown2 = React6.lazy(() => import('react-markdown').then((m) => ({ default: m.default })));
+var MarkdownEditor = ({ value = "", onChange }) => {
+  const [activeTab, setActiveTab] = React6.useState("edit");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Tabs,
+    {
+      activeKey: activeTab,
+      onChange: setActiveTab,
+      size: "small",
+      style: { marginBottom: 0 },
+      items: [
+        {
+          key: "edit",
+          label: _22("Edit"),
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            antd.Input.TextArea,
+            {
+              value,
+              onChange: (e) => onChange?.(e.target.value),
+              autoSize: { minRows: 3, maxRows: 18 },
+              style: { resize: "vertical" }
+            }
+          )
+        },
+        {
+          key: "preview",
+          label: _22("Preview"),
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { minHeight: 60, padding: "4px 0" }, children: /* @__PURE__ */ jsxRuntime.jsx(React6.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(antd.Skeleton.Input, { active: true, size: "small", style: { width: 200 } }), children: /* @__PURE__ */ jsxRuntime.jsx(ReactMarkdown2, { children: value }) }) })
+        }
+      ]
+    }
+  );
+};
+var JsonEditor = ({ value = "", onChange }) => {
+  const [error, setError] = React6.useState(null);
+  const handleChange = (e) => {
+    const raw = e.target.value;
+    onChange?.(raw);
+    if (!raw.trim()) {
+      setError(null);
+      return;
+    }
+    try {
+      JSON.parse(raw);
+      setError(null);
+    } catch (ex) {
+      setError(ex.message);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      antd.Input.TextArea,
+      {
+        value,
+        onChange: handleChange,
+        autoSize: { minRows: 3, maxRows: 18 },
+        style: { resize: "vertical", fontFamily: "monospace", fontSize: 12 }
+      }
+    ),
+    error && /* @__PURE__ */ jsxRuntime.jsx(antd.Alert, { type: "error", message: error, showIcon: true, style: { marginTop: 4, padding: "2px 8px", fontSize: 11 } })
+  ] });
+};
+var renderEditableFieldViewType = (token, value, onChange) => {
+  const str = value === null || value === void 0 ? "" : String(value);
+  switch (token) {
+    case "editable-password":
+      return /* @__PURE__ */ jsxRuntime.jsx(antd.Input.Password, { value: str, onChange: (e) => onChange?.(e.target.value) });
+    case "editable-textarea":
+      return /* @__PURE__ */ jsxRuntime.jsx(antd.Input.TextArea, { value: str, onChange: (e) => onChange?.(e.target.value), autoSize: { minRows: 3, maxRows: 18 }, style: { resize: "vertical" } });
+    case "editable-markdown":
+      return /* @__PURE__ */ jsxRuntime.jsx(MarkdownEditor, { value: str, onChange });
+    case "editable-json":
+      return /* @__PURE__ */ jsxRuntime.jsx(JsonEditor, { value: str, onChange });
+    case "editable-url":
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { value: str, onChange: (e) => onChange?.(e.target.value), placeholder: "https://..." }),
+        str && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 2, fontSize: 11 }, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: str, target: "_blank", rel: "noopener noreferrer", children: str }) })
+      ] });
+    case "editable-email":
+      return /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { type: "email", value: str, onChange: (e) => onChange?.(e.target.value), placeholder: "user@example.com" });
+    case "editable-currency": {
+      const num = value === null || value === void 0 ? void 0 : Number(value);
+      return /* @__PURE__ */ jsxRuntime.jsx(antd.InputNumber, { style: { width: "100%" }, value: isNaN(num) ? void 0 : num, onChange, addonBefore: "$", precision: 2, step: 0.01 });
+    }
+    case "editable-percentage": {
+      const num = value === null || value === void 0 ? void 0 : Number(value);
+      return /* @__PURE__ */ jsxRuntime.jsx(antd.InputNumber, { style: { width: "100%" }, value: isNaN(num) ? void 0 : num, onChange, addonAfter: "%", step: 0.1 });
+    }
+    case "editable-progress": {
+      const num = value === null || value === void 0 ? void 0 : Number(value);
+      return /* @__PURE__ */ jsxRuntime.jsx(antd.InputNumber, { style: { width: "100%" }, value: isNaN(num) ? void 0 : num, onChange, min: 0, max: 100, addonAfter: "%", precision: 0 });
+    }
+    case "editable-rating":
+      return /* @__PURE__ */ jsxRuntime.jsx(antd.Rate, { value: Number(value) || 0, onChange });
+    case "editable-duration": {
+      const num = value === null || value === void 0 ? void 0 : Number(value);
+      return /* @__PURE__ */ jsxRuntime.jsx(antd.InputNumber, { style: { width: "100%" }, value: isNaN(num) ? void 0 : num, onChange, min: 0, precision: 0, addonAfter: "s" });
+    }
+    case "editable-phone":
+      return /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { type: "tel", value: str, onChange: (e) => onChange?.(e.target.value), placeholder: "+1 555 000 0000" });
+    case "editable-color":
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "color",
+            value: str || "#000000",
+            onChange: (e) => onChange?.(e.target.value),
+            style: { width: 36, height: 28, border: "1px solid #d9d9d9", borderRadius: 4, padding: 2, cursor: "pointer", flexShrink: 0 }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { value: str, onChange: (e) => onChange?.(e.target.value), placeholder: "#000000", style: { flex: 1 } })
+      ] });
+    case "editable-code":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        antd.Input.TextArea,
+        {
+          value: str,
+          onChange: (e) => onChange?.(e.target.value),
+          autoSize: { minRows: 3, maxRows: 18 },
+          style: { resize: "vertical", fontFamily: "monospace", fontSize: 12 }
+        }
+      );
+    case "editable-image-url":
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { value: str, onChange: (e) => onChange?.(e.target.value), placeholder: "https://..." }),
+        str && /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: str,
+            alt: "",
+            style: { marginTop: 4, maxWidth: "100%", maxHeight: 120, objectFit: "contain", borderRadius: 4, display: "block" }
+          }
+        )
+      ] });
+    default:
+      return null;
+  }
+};
 var renderInput = (field, allModels, model, currentId) => {
   const resolvedField = model && allModels ? applyRelationFieldOverrides(model, allModels).find((item) => item.key === field.key) || field : field;
   if (resolvedField.key === "data" && isFileModel(model)) {
     return /* @__PURE__ */ jsxRuntime.jsx(FileUploadInput, {});
   }
   const isNlSentenceField = resolvedField.key === "nl_sentence" || resolvedField.key === "nl_asks_sentence";
-  const sentenceFieldHelper = _21(resolvedField.key);
+  const sentenceFieldHelper = _22(resolvedField.key);
   if (isNlSentenceField) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       antd.Input.TextArea,
@@ -7340,21 +7690,26 @@ var renderInput = (field, allModels, model, currentId) => {
   if (resolvedField.readOnly) {
     return /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { disabled: true });
   }
+  const editToken = normalizeFieldViewType(resolvedField.editViewType || "");
+  if (editToken && editToken.startsWith("editable-")) {
+    const Wrapper = ({ value, onChange }) => renderEditableFieldViewType(editToken, value, onChange);
+    return /* @__PURE__ */ jsxRuntime.jsx(Wrapper, {});
+  }
   if (resolvedField.reference && hasReferenceModel(resolvedField.reference, allModels)) {
     const refResource = resolveResourcePath(resolvedField.reference, allModels);
     const modelResource = model ? resolveResourcePath(model.resource || model.name, allModels) : void 0;
     const isSelfRef = refResource && modelResource && refResource === modelResource;
     return /* @__PURE__ */ jsxRuntime.jsx(RelationSelect, { field: resolvedField, allModels, excludeId: isSelfRef ? currentId : void 0 });
   }
-  if (resolvedField.optionsUrl) return /* @__PURE__ */ jsxRuntime.jsx(AsyncSelectInput, { optionsUrl: resolvedField.optionsUrl, placeholder: `${_21("Select")} ${_21(resolvedField.label)}...` });
+  if (resolvedField.optionsUrl) return /* @__PURE__ */ jsxRuntime.jsx(AsyncSelectInput, { optionsUrl: resolvedField.optionsUrl, placeholder: `${_22("Select")} ${_22(resolvedField.label)}...` });
   if (resolvedField.options) return /* @__PURE__ */ jsxRuntime.jsx(antd.Select, { options: resolvedField.options, style: { width: "100%" }, placeholder: `Select ${resolvedField.label}...`, allowClear: true });
   switch (resolvedField.type) {
     case "boolean":
       return /* @__PURE__ */ jsxRuntime.jsx(antd.Checkbox, {});
     case "date":
-      return /* @__PURE__ */ jsxRuntime.jsx(antd.DatePicker, { style: { width: "100%" }, placeholder: _21("Select date") });
+      return /* @__PURE__ */ jsxRuntime.jsx(antd.DatePicker, { style: { width: "100%" }, placeholder: _22("Select date") });
     case "datetime":
-      return /* @__PURE__ */ jsxRuntime.jsx(antd.DatePicker, { showTime: true, style: { width: "100%" }, placeholder: _21("Select date and time") });
+      return /* @__PURE__ */ jsxRuntime.jsx(antd.DatePicker, { showTime: true, style: { width: "100%" }, placeholder: _22("Select date and time") });
     case "time":
       return /* @__PURE__ */ jsxRuntime.jsx(antd.TimePicker, { style: { width: "100%" } });
     case "number":
@@ -7363,47 +7718,9 @@ var renderInput = (field, allModels, model, currentId) => {
       return /* @__PURE__ */ jsxRuntime.jsx(antd.Input, {});
   }
 };
-var _22 = window._ || ((text) => text);
-var renderFieldValue = (field, record, allModels) => {
-  const isNlSentenceField = field.key === "nl_sentence" || field.key === "nl_asks_sentence";
-  if (isNlSentenceField) {
-    const value = record?.[field.key];
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      antd.Input.TextArea,
-      {
-        value: value === null || value === void 0 ? "" : String(value),
-        autoSize: { minRows: 3, maxRows: 18 },
-        style: { resize: "vertical", background: "#f3f6f9" },
-        placeholder: _22(field.key),
-        readOnly: true
-      }
-    );
-  }
-  if (field.type === "boolean") {
-    return record?.[field.key] ? /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircleOutlined, { style: { color: "green", fontSize: "1.2em" } }) : /* @__PURE__ */ jsxRuntime.jsx(icons.CloseCircleOutlined, { style: { color: "red", fontSize: "1.2em" } });
-  }
-  if (field.reference && record?.[field.key] && hasReferenceModel(field.reference, allModels)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(ReferenceField, { id: record[field.key], resource: resolveResourcePath(field.referencePath || field.reference, allModels) });
-  }
-  if (field.type === "number") {
-    return formatNumberValue(record?.[field.key]) ?? "-";
-  }
-  if (field.type === "date") {
-    return formatDateValue(record?.[field.key]) ?? "-";
-  }
-  if (field.type === "datetime") {
-    return formatDateTimeValue(record?.[field.key]) ?? "-";
-  }
-  if (field.type === "time") {
-    return formatTimeValue(record?.[field.key]);
-  }
-  if (field.options && record?.[field.key] !== void 0 && record?.[field.key] !== null) {
-    return renderOptionTag(field, record[field.key]);
-  }
-  return record?.[field.key] ?? "-";
-};
 var _23 = window._ || ((text) => text);
 var { Title: Title2 } = antd.Typography;
+var requiredMark = (field) => field.required ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#ff4d4f", marginLeft: 3 }, children: "*" }) : null;
 var DynamicCreate = ({ model: modelProp, allModels, journeyCallbacks, injectedValues }) => {
   const model = useRoleFilteredModel(modelProp);
   applyI18nLabelsToModel(model);
@@ -7659,14 +7976,17 @@ var DynamicCreate = ({ model: modelProp, allModels, journeyCallbacks, injectedVa
       return /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { name: field.key, hidden: true, rules: field.required ? [{ required: true }] : [], children: renderInput(field, allModels, model) }, `${field.key}-${index}`);
     }
     return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginBottom: 4 }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gridTemplateColumns: showLabel ? "200px 1fr" : "1fr", alignItems: "start", columnGap: 6 }, children: [
-      showLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...labelStyle, backgroundColor: labelBackground, padding: "2px 4px", borderRadius: 4 }, children: field.label }),
+      showLabel && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { ...labelStyle, backgroundColor: labelBackground, padding: "2px 4px", borderRadius: 4 }, children: [
+        field.label,
+        requiredMark(field)
+      ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "2px 4px", lineHeight: 1.15, background: valueBackground, borderRadius: 6, border: `1px solid ${token.colorBorder}`, maxWidth: "100%", overflowWrap: "anywhere", ...parseInlineStyle(item.html_format) }, children: /* @__PURE__ */ jsxRuntime.jsx(
         antd.Form.Item,
         {
           name: field.key,
           rules: field.required ? [{ required: true }] : [],
           valuePropName: field.type === "boolean" ? "checked" : void 0,
-          getValueProps: (val) => (field.type === "date" || field.type === "datetime") && val ? { value: dayjs7__default.default(val) } : field.type === "time" && val ? { value: dayjs7__default.default("1970-01-01T" + val) } : { value: val },
+          getValueProps: (val) => (field.type === "date" || field.type === "datetime") && val ? { value: dayjs8__default.default(val) } : field.type === "time" && val ? { value: dayjs8__default.default("1970-01-01T" + val) } : { value: val },
           style: { margin: 0 },
           children: renderInput(field, allModels, model)
         }
@@ -7728,7 +8048,10 @@ var DynamicCreate = ({ model: modelProp, allModels, journeyCallbacks, injectedVa
       ...parseInlineStyle(item.html_format)
     };
     return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginBottom: 4 }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gridTemplateColumns: showLabel ? "200px 1fr" : "1fr", alignItems: "start", columnGap: 6 }, children: [
-      showLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...labelStyle, backgroundColor: labelBackground, padding: "2px 4px", borderRadius: 4 }, children: field.label }),
+      showLabel && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { ...labelStyle, backgroundColor: labelBackground, padding: "2px 4px", borderRadius: 4 }, children: [
+        field.label,
+        requiredMark(field)
+      ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { style: readonlyValueStyle, children: renderFieldValue(field, createdRecord, allModels) })
     ] }) }, `${field.key}-${index}`);
   };
@@ -7739,7 +8062,7 @@ var DynamicCreate = ({ model: modelProp, allModels, journeyCallbacks, injectedVa
     const prefix = useReadonly ? "pc" : "cr";
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { border: `1px solid ${token.colorBorder}`, borderRadius: 8, padding: "6px 6px", marginBottom: 6 }, children: [
       /* @__PURE__ */ jsxRuntime.jsx(Title2, { level: 5, style: { margin: 0, marginBottom: 6, color: "#1677ff" }, children: _23(section) }),
-      /* @__PURE__ */ jsxRuntime.jsx("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: Array.from({ length: maxRow }).map((_39, rowIdx) => /* @__PURE__ */ jsxRuntime.jsx("tr", { children: Array.from({ length: maxCol }).map((_40, colIdx) => {
+      /* @__PURE__ */ jsxRuntime.jsx("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: Array.from({ length: maxRow }).map((_41, rowIdx) => /* @__PURE__ */ jsxRuntime.jsx("tr", { children: Array.from({ length: maxCol }).map((_42, colIdx) => {
         const cellItems = normalized.filter((r) => r.row === rowIdx + 1 && r.column === colIdx + 1);
         return /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "0 4px", verticalAlign: "top", width: `${100 / maxCol}%` }, children: cellItems.map(
           (item, idx) => useReadonly ? renderReadonlyCell(item, idx) : renderFormCell(item, idx)
@@ -7757,8 +8080,11 @@ var DynamicCreate = ({ model: modelProp, allModels, journeyCallbacks, injectedVa
           return /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { name: field.key, hidden: true, rules: field.required ? [{ required: true }] : [], children: renderInput(field, allModels, model) }, field.key);
         }
         return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gridTemplateColumns: "200px 1fr", justifyContent: "start", alignItems: "start", columnGap: 6 }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { style: labelStyle, children: field.label }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "2px 4px", lineHeight: 1.15, maxWidth: "100%", overflowWrap: "anywhere" }, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { name: field.key, rules: field.required ? [{ required: true }] : [], valuePropName: field.type === "boolean" ? "checked" : void 0, getValueProps: (val) => (field.type === "date" || field.type === "datetime") && val ? { value: dayjs7__default.default(val) } : field.type === "time" && val ? { value: dayjs7__default.default("1970-01-01T" + val) } : { value: val }, style: { margin: 0 }, children: renderInput(field, allModels, model) }) })
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { style: labelStyle, children: [
+            field.label,
+            requiredMark(field)
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "2px 4px", lineHeight: 1.15, maxWidth: "100%", overflowWrap: "anywhere" }, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { name: field.key, rules: field.required ? [{ required: true }] : [], valuePropName: field.type === "boolean" ? "checked" : void 0, getValueProps: (val) => (field.type === "date" || field.type === "datetime") && val ? { value: dayjs8__default.default(val) } : field.type === "time" && val ? { value: dayjs8__default.default("1970-01-01T" + val) } : { value: val }, style: { margin: 0 }, children: renderInput(field, allModels, model) }) })
         ] }, field.key);
       }) }) })
     ] }),
@@ -7892,7 +8218,10 @@ var DynamicCreate = ({ model: modelProp, allModels, journeyCallbacks, injectedVa
                   return /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { name: field.key, hidden: true, rules: field.required ? [{ required: true }] : [], children: isOtherKey && field.reference && hasReferenceModel(field.reference, allModels) ? /* @__PURE__ */ jsxRuntime.jsx(RelationSelect, { field, allModels, multiple: true }) : renderInput(field, allModels, model) }, field.key);
                 }
                 return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gridTemplateColumns: "200px 1fr", justifyContent: "start", alignItems: "start", columnGap: 6 }, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { style: labelStyle, children: field.label }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { style: labelStyle, children: [
+                    field.label,
+                    requiredMark(field)
+                  ] }),
                   /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "2px 4px", lineHeight: 1.15, maxWidth: "100%", overflowWrap: "anywhere" }, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { name: field.key, rules: field.required ? [{ required: true }] : [], style: { margin: 0 }, children: isOtherKey && field.reference && hasReferenceModel(field.reference, allModels) ? /* @__PURE__ */ jsxRuntime.jsx(RelationSelect, { field, allModels, multiple: true }) : renderInput(field, allModels, model) }) })
                 ] }, field.key);
               }) })
@@ -7988,6 +8317,7 @@ var NLSentenceBlock = ({ eid, title: titleProp, showLabel }) => {
 };
 var _24 = window._ || ((text) => text);
 var { Title: Title3 } = antd.Typography;
+var requiredMark2 = (field) => field.required ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#ff4d4f", marginLeft: 3 }, children: "*" }) : null;
 var DynamicEdit = ({ model: modelProp, allModels, topContent, extraHeaderButtons, journeyCallbacks, idOverride }) => {
   const model = useRoleFilteredModel(modelProp);
   applyI18nLabelsToModel(model);
@@ -8310,14 +8640,17 @@ var DynamicEdit = ({ model: modelProp, allModels, topContent, extraHeaderButtons
               gap: "4px 6px"
             },
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { ...labelStyle, flex: "0 0 200px" }, children: field.label }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { ...labelStyle, flex: "0 0 200px" }, children: [
+                field.label,
+                requiredMark2(field)
+              ] }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: "1 0 200px", padding: "2px 4px", lineHeight: 1.15, overflowWrap: "anywhere", background: valueBackground, borderRadius: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
                 antd.Form.Item,
                 {
                   name: field.key,
                   rules: field.required && !field.formula ? [{ required: true }] : [],
                   valuePropName: field.type === "boolean" ? "checked" : void 0,
-                  getValueProps: (val) => (field.type === "date" || field.type === "datetime") && val ? { value: dayjs7__default.default(val) } : field.type === "time" && val ? { value: dayjs7__default.default("1970-01-01T" + val) } : { value: val },
+                  getValueProps: (val) => (field.type === "date" || field.type === "datetime") && val ? { value: dayjs8__default.default(val) } : field.type === "time" && val ? { value: dayjs8__default.default("1970-01-01T" + val) } : { value: val },
                   style: { margin: 0 },
                   children: field.formula ? /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { disabled: true }) : renderInput(field, allModels, model, recordId)
                 }
@@ -8359,7 +8692,7 @@ var DynamicEdit = ({ model: modelProp, allModels, topContent, extraHeaderButtons
                       },
                       children: [
                         /* @__PURE__ */ jsxRuntime.jsx(Title3, { level: 5, style: { margin: 0, color: "#1677ff" }, children: _24(section) }),
-                        /* @__PURE__ */ jsxRuntime.jsx("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: Array.from({ length: maxRow }).map((_39, rowIndex) => /* @__PURE__ */ jsxRuntime.jsx("tr", { children: Array.from({ length: maxCol }).map((_40, colIndex) => {
+                        /* @__PURE__ */ jsxRuntime.jsx("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: Array.from({ length: maxRow }).map((_41, rowIndex) => /* @__PURE__ */ jsxRuntime.jsx("tr", { children: Array.from({ length: maxCol }).map((_42, colIndex) => {
                           const cellItems = normalized.filter(
                             (item) => item.row === rowIndex + 1 && item.column === colIndex + 1
                           );
@@ -8455,7 +8788,7 @@ var DynamicEdit = ({ model: modelProp, allModels, topContent, extraHeaderButtons
                                         gap: 2
                                       },
                                       children: [
-                                        showLabel && /* @__PURE__ */ jsxRuntime.jsx(
+                                        showLabel && /* @__PURE__ */ jsxRuntime.jsxs(
                                           "div",
                                           {
                                             style: {
@@ -8464,7 +8797,10 @@ var DynamicEdit = ({ model: modelProp, allModels, topContent, extraHeaderButtons
                                               padding: "2px 4px",
                                               borderRadius: 4
                                             },
-                                            children: field.label
+                                            children: [
+                                              field.label,
+                                              requiredMark2(field)
+                                            ]
                                           }
                                         ),
                                         /* @__PURE__ */ jsxRuntime.jsx("div", { style: readonlyValueStyle, children: renderFieldValue(field, record, allModels) })
@@ -8481,7 +8817,7 @@ var DynamicEdit = ({ model: modelProp, allModels, topContent, extraHeaderButtons
                                       gap: 2
                                     },
                                     children: [
-                                      showLabel && /* @__PURE__ */ jsxRuntime.jsx(
+                                      showLabel && /* @__PURE__ */ jsxRuntime.jsxs(
                                         "div",
                                         {
                                           style: {
@@ -8490,7 +8826,10 @@ var DynamicEdit = ({ model: modelProp, allModels, topContent, extraHeaderButtons
                                             padding: "2px 4px",
                                             borderRadius: 4
                                           },
-                                          children: field.label
+                                          children: [
+                                            field.label,
+                                            requiredMark2(field)
+                                          ]
                                         }
                                       ),
                                       /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
@@ -8508,7 +8847,7 @@ var DynamicEdit = ({ model: modelProp, allModels, topContent, extraHeaderButtons
                                           name: field.key,
                                           rules: field.required && !field.formula ? [{ required: true }] : [],
                                           valuePropName: field.type === "boolean" ? "checked" : void 0,
-                                          getValueProps: (val) => (field.type === "date" || field.type === "datetime") && val ? { value: dayjs7__default.default(val) } : field.type === "time" && val ? { value: dayjs7__default.default("1970-01-01T" + val) } : { value: val },
+                                          getValueProps: (val) => (field.type === "date" || field.type === "datetime") && val ? { value: dayjs8__default.default(val) } : field.type === "time" && val ? { value: dayjs8__default.default("1970-01-01T" + val) } : { value: val },
                                           style: { margin: 0 },
                                           children: field.formula ? /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { disabled: true }) : renderInput(field, allModels, model, recordId)
                                         }
@@ -8572,7 +8911,7 @@ var DynamicEdit = ({ model: modelProp, allModels, topContent, extraHeaderButtons
         const maxCol = Math.max(1, ...normalized.map((r) => r.column));
         return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1, minWidth: 0, border: `1px solid ${token.colorBorder}`, borderRadius: 8, padding: "2px 6px" }, children: [
           /* @__PURE__ */ jsxRuntime.jsx(Title3, { level: 5, style: { margin: 0, color: "#1677ff" }, children: _24(section) }),
-          /* @__PURE__ */ jsxRuntime.jsx("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: Array.from({ length: maxRow }).map((_39, ri) => /* @__PURE__ */ jsxRuntime.jsx("tr", { children: Array.from({ length: maxCol }).map((_40, ci) => {
+          /* @__PURE__ */ jsxRuntime.jsx("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: Array.from({ length: maxRow }).map((_41, ri) => /* @__PURE__ */ jsxRuntime.jsx("tr", { children: Array.from({ length: maxCol }).map((_42, ci) => {
             const cellItems = normalized.filter((item) => item.row === ri + 1 && item.column === ci + 1);
             return /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "0 4px", verticalAlign: "top", width: `${100 / maxCol}%` }, children: cellItems.map((item, idx) => {
               if (item.attribute_or_relation_type === "nlsentence") {
@@ -8615,14 +8954,17 @@ var DynamicEdit = ({ model: modelProp, allModels, topContent, extraHeaderButtons
               const showLabel = item.show_label !== false;
               const editable = isAttributeValueEditable(item, "edit");
               return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginBottom: 4 }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 2 }, children: [
-                showLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...labelStyle, backgroundColor: labelBackground, padding: "2px 4px", borderRadius: 4 }, children: field.label }),
+                showLabel && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { ...labelStyle, backgroundColor: labelBackground, padding: "2px 4px", borderRadius: 4 }, children: [
+                  field.label,
+                  requiredMark2(field)
+                ] }),
                 /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "2px 4px", lineHeight: 1.15, background: valueBackground, borderRadius: 6, border: `1px solid ${token.colorBorder}`, maxWidth: "100%", overflowWrap: "anywhere", ...parseInlineStyle(item.html_format) }, children: editable ? /* @__PURE__ */ jsxRuntime.jsx(
                   antd.Form.Item,
                   {
                     name: field.key,
                     rules: field.required && !field.formula ? [{ required: true }] : [],
                     valuePropName: field.type === "boolean" ? "checked" : void 0,
-                    getValueProps: (val) => (field.type === "date" || field.type === "datetime") && val ? { value: dayjs7__default.default(val) } : field.type === "time" && val ? { value: dayjs7__default.default("1970-01-01T" + val) } : { value: val },
+                    getValueProps: (val) => (field.type === "date" || field.type === "datetime") && val ? { value: dayjs8__default.default(val) } : field.type === "time" && val ? { value: dayjs8__default.default("1970-01-01T" + val) } : { value: val },
                     style: { margin: 0 },
                     children: field.formula ? /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { disabled: true }) : renderInput(field, allModels, model, recordId)
                   }
@@ -8715,7 +9057,57 @@ var DynamicEdit = ({ model: modelProp, allModels, topContent, extraHeaderButtons
   ] });
 };
 var _25 = window._ || ((text) => text);
+var ReadAndEditReference = ({ value, onChange, field, allModels, model, currentId }) => {
+  const [editing, setEditing] = React6.useState(false);
+  const [draft, setDraft] = React6.useState(void 0);
+  const form = antd.Form.useFormInstance();
+  const resource = field.referencePath ? field.referencePath : field.reference ? resolveResourcePath(field.reference, allModels) : "";
+  const modelResource = model ? resolveResourcePath(model.resource || model.name, allModels) : void 0;
+  const isSelfRef = resource && modelResource && resource === modelResource;
+  const handleEdit = () => {
+    setDraft(value);
+    setEditing(true);
+  };
+  const handleConfirm = () => {
+    onChange?.(draft);
+    if (form) form.setFieldValue(field.key, draft);
+    setEditing(false);
+  };
+  const handleCancel = () => {
+    setDraft(void 0);
+    setEditing(false);
+  };
+  const row = { display: "flex", alignItems: "center", justifyContent: "flex-start", gap: 4 };
+  if (editing) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: row, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+        RelationSelect,
+        {
+          field,
+          value: draft,
+          onChange: setDraft,
+          allModels,
+          excludeId: isSelfRef ? currentId : void 0
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _25("Confirm"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", type: "primary", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckOutlined, {}), onClick: handleConfirm }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _25("Cancel"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseOutlined, {}), onClick: handleCancel }) })
+    ] });
+  }
+  if (!value) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: row, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "-" }),
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _25("Edit"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", type: "text", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.EditOutlined, {}), onClick: handleEdit, style: { padding: "0 2px", height: "auto" } }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: row, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ReferenceField, { id: value, resource }),
+    /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _25("Edit"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", type: "text", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.EditOutlined, {}), onClick: handleEdit, style: { padding: "0 2px", height: "auto" } }) })
+  ] });
+};
+var _26 = window._ || ((text) => text);
 var { Title: Title4 } = antd.Typography;
+var requiredMark3 = (field) => field.required ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#ff4d4f", marginLeft: 3 }, children: "*" }) : null;
 function coerce(v) {
   if (v && typeof v === "object" && typeof v.valueOf === "function") return v.valueOf();
   return v;
@@ -8809,22 +9201,44 @@ var useStandardShowTabs = (model, record, allModels, actionsState, editForm, ove
   const renderShowEditableInput = (field, forceReadOnly) => {
     const refResource = field.reference ? resolveResourcePath(field.reference, allModels) : void 0;
     const isSelfRef = refResource && modelResource && refResource === modelResource;
+    const scalarToken = field.showViewType ? normalizeFieldViewType(field.showViewType) : "";
+    const isReadOnlyToken = scalarToken.startsWith("read-only-");
+    const isEditableToken = scalarToken === "editable-field";
+    if (field.formula || forceReadOnly || isReadOnlyToken) {
+      return renderFieldValue(field, record, allModels);
+    }
+    if (field.reference) {
+      if (!isEditableToken) {
+        const fkRelViewType = normalizeRelationViewType(field.showViewType || "") || "read-and-edit-list";
+        if (fkRelViewType === "read-and-edit-list") {
+          return /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { name: field.key, style: { margin: 0 }, noStyle: false, children: /* @__PURE__ */ jsxRuntime.jsx(
+            ReadAndEditReference,
+            {
+              field,
+              allModels,
+              model,
+              currentId: isSelfRef ? currentId : void 0
+            }
+          ) });
+        }
+      }
+    }
     return /* @__PURE__ */ jsxRuntime.jsx(
       antd.Form.Item,
       {
         name: field.key,
-        rules: field.required && !field.formula && !forceReadOnly ? [{ required: true }] : [],
+        rules: field.required && !field.formula ? [{ required: true }] : [],
         valuePropName: field.type === "boolean" ? "checked" : void 0,
-        getValueProps: (val) => (field.type === "date" || field.type === "datetime") && val ? { value: dayjs7__default.default(val) } : field.type === "time" && val ? { value: dayjs7__default.default("1970-01-01T" + val) } : { value: val },
+        getValueProps: (val) => (field.type === "date" || field.type === "datetime") && val ? { value: dayjs8__default.default(val) } : field.type === "time" && val ? { value: dayjs8__default.default("1970-01-01T" + val) } : { value: val },
         style: { margin: 0 },
         noStyle: false,
-        children: field.formula || forceReadOnly ? /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { disabled: true }) : renderInput(field, allModels, model, isSelfRef ? currentId : void 0)
+        children: renderInput(field, allModels, model, isSelfRef ? currentId : void 0)
       }
     );
   };
   const detailsTab = {
     key: "details",
-    label: renderToneTabLabel(_25("Details"), modelTone),
+    label: renderToneTabLabel(_26("Details"), modelTone),
     children: /* @__PURE__ */ jsxRuntime.jsxs(
       antd.Form,
       {
@@ -8845,7 +9259,10 @@ var useStandardShowTabs = (model, record, allModels, actionsState, editForm, ove
                 gap: "4px 6px"
               },
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { style: { ...labelStyle, flex: "0 0 200px" }, children: field.label }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { ...labelStyle, flex: "0 0 200px" }, children: [
+                  field.label,
+                  requiredMark3(field)
+                ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
                   {
@@ -8853,8 +9270,8 @@ var useStandardShowTabs = (model, record, allModels, actionsState, editForm, ove
                       flex: "1 0 200px",
                       padding: "2px 4px",
                       lineHeight: 1.15,
-                      textAlign: field.type === "number" ? "right" : "left",
-                      fontVariantNumeric: field.type === "number" ? "tabular-nums" : void 0,
+                      textAlign: field.type === "number" && !field.reference ? "right" : "left",
+                      fontVariantNumeric: field.type === "number" && !field.reference ? "tabular-nums" : void 0,
                       overflowWrap: "anywhere",
                       background: valueBackground,
                       borderRadius: 6
@@ -8892,8 +9309,8 @@ var useStandardShowTabs = (model, record, allModels, actionsState, editForm, ove
                       padding: "6px 6px"
                     },
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(Title4, { level: 5, style: { margin: 0, color: "#1677ff" }, children: _25(section) }),
-                      /* @__PURE__ */ jsxRuntime.jsx("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: Array.from({ length: maxRow }).map((_39, rowIndex) => /* @__PURE__ */ jsxRuntime.jsx("tr", { children: Array.from({ length: maxCol }).map((_40, colIndex) => {
+                      /* @__PURE__ */ jsxRuntime.jsx(Title4, { level: 5, style: { margin: 0, color: "#1677ff" }, children: _26(section) }),
+                      /* @__PURE__ */ jsxRuntime.jsx("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: Array.from({ length: maxRow }).map((_41, rowIndex) => /* @__PURE__ */ jsxRuntime.jsx("tr", { children: Array.from({ length: maxCol }).map((_42, colIndex) => {
                         const cellItems = normalized.filter(
                           (item) => item.row === rowIndex + 1 && item.column === colIndex + 1
                         );
@@ -8970,8 +9387,8 @@ var useStandardShowTabs = (model, record, allModels, actionsState, editForm, ove
                             borderRadius: 6,
                             maxWidth: "100%",
                             overflowWrap: "anywhere",
-                            textAlign: field.type === "number" ? "right" : "left",
-                            fontVariantNumeric: field.type === "number" ? "tabular-nums" : void 0,
+                            textAlign: field.type === "number" && !field.reference ? "right" : "left",
+                            fontVariantNumeric: field.type === "number" && !field.reference ? "tabular-nums" : void 0,
                             ...parseInlineStyle(item.html_format)
                           };
                           return /* @__PURE__ */ jsxRuntime.jsx(VisibilityGate, { condition: item.visibility_condition, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginBottom: 4 }, children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -8983,7 +9400,7 @@ var useStandardShowTabs = (model, record, allModels, actionsState, editForm, ove
                                 gap: 2
                               },
                               children: [
-                                showLabel && /* @__PURE__ */ jsxRuntime.jsx(
+                                showLabel && /* @__PURE__ */ jsxRuntime.jsxs(
                                   "div",
                                   {
                                     style: {
@@ -8992,7 +9409,10 @@ var useStandardShowTabs = (model, record, allModels, actionsState, editForm, ove
                                       padding: "2px 4px",
                                       borderRadius: 4
                                     },
-                                    children: field.label
+                                    children: [
+                                      field.label,
+                                      requiredMark3(field)
+                                    ]
                                   }
                                 ),
                                 /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...valueStyle, border: `1px solid ${token.colorBorder}` }, children: editable || forceReadOnly ? renderShowEditableInput(field, forceReadOnly) : renderFieldValue(field, record, allModels) })
@@ -9085,8 +9505,8 @@ var useStandardShowTabs = (model, record, allModels, actionsState, editForm, ove
         const maxRow = Math.max(1, ...normalized.map((r) => r.row));
         const maxCol = Math.max(1, ...normalized.map((r) => r.column));
         return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1, minWidth: 0, border: `1px solid ${token.colorBorder}`, borderRadius: 8, padding: "6px 6px" }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Title4, { level: 5, style: { margin: 0, color: "#1677ff" }, children: _25(section) }),
-          /* @__PURE__ */ jsxRuntime.jsx("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: Array.from({ length: maxRow }).map((_39, ri) => /* @__PURE__ */ jsxRuntime.jsx("tr", { children: Array.from({ length: maxCol }).map((_40, ci) => {
+          /* @__PURE__ */ jsxRuntime.jsx(Title4, { level: 5, style: { margin: 0, color: "#1677ff" }, children: _26(section) }),
+          /* @__PURE__ */ jsxRuntime.jsx("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: Array.from({ length: maxRow }).map((_41, ri) => /* @__PURE__ */ jsxRuntime.jsx("tr", { children: Array.from({ length: maxCol }).map((_42, ci) => {
             const cellItems = normalized.filter((item) => item.row === ri + 1 && item.column === ci + 1);
             return /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "0 4px", verticalAlign: "top", width: `${100 / maxCol}%` }, children: cellItems.map((item) => {
               if (item.attribute_or_relation_type === "nlsentence") {
@@ -9143,13 +9563,50 @@ var useStandardShowTabs = (model, record, allModels, actionsState, editForm, ove
     }) }) });
     return {
       key: `custom-tab::${tabName}`,
-      label: renderToneTabLabel(_25(tabName), { text: token.colorText, border: token.colorBorder }),
+      label: renderToneTabLabel(_26(tabName), { text: token.colorText, border: token.colorBorder }),
       children: tabChildren
     };
   });
   const items = [detailsTab];
   items.push(...customConfigTabs);
   items.push(...relationTabs);
+  const currentResource = model.resource || model.name.toLowerCase();
+  const namedQueryTabs = (allModels || []).filter((m) => m.isNamedQuery).flatMap((queryModel) => {
+    if (!record) return [];
+    getRecordId(record, model.fields);
+    let filterKey;
+    if (queryModel.primaryResource === currentResource) {
+      filterKey = queryModel.pkField || "id";
+    } else {
+      const fkField = queryModel.fields.find((f) => f.reference === currentResource);
+      filterKey = fkField?.key;
+    }
+    if (!filterKey) return [];
+    const syntheticRel = {
+      resource: queryModel.resource || queryModel.name,
+      targetKey: filterKey,
+      label: queryModel.label,
+      showViewType: queryModel.listViewType || "table"
+    };
+    const relationModel = queryModel;
+    const tone = getModelTone(queryModel.resource || queryModel.name);
+    return [{
+      key: `named-query::${queryModel.name || queryModel.resource}`,
+      label: renderToneTabLabel(queryModel.label, tone),
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: renderRelationBlock({
+        rel: syntheticRel,
+        relationModel,
+        record,
+        mode: "show",
+        parentResource: model.name,
+        allModels,
+        showActions: false,
+        showCreate: false,
+        relationViewTypeDefaults
+      }) })
+    }];
+  });
+  items.push(...namedQueryTabs);
   return items;
 };
 var INLINE_DEFAULT_PAGE_SIZE = 10;
@@ -9468,7 +9925,7 @@ var RelatedObjectsInlineValues = ({ rel, record, viewType, allowedRelatedIds, al
     paginationProps && /* @__PURE__ */ jsxRuntime.jsx(antd.Pagination, { ...paginationProps })
   ] });
 };
-var _26 = window._ || ((text) => text);
+var _27 = window._ || ((text) => text);
 var RelatedObjectsCalendar = ({ rel, record, relatedModel, allModels }) => {
   core.useGo();
   const { token } = antd.theme.useToken();
@@ -9477,7 +9934,7 @@ var RelatedObjectsCalendar = ({ rel, record, relatedModel, allModels }) => {
   const dateFieldOptions = React6.useMemo(() => getCalendarDateFieldOptions(relatedModel.fields), [relatedModel.fields]);
   const [calendarMode, setCalendarMode] = React6.useState("month");
   const [calendarDateField, setCalendarDateField] = React6.useState(() => dateFieldOptions[0]?.key || "");
-  const [calendarAnchorDate, setCalendarAnchorDate] = React6.useState(() => dayjs7__default.default().startOf("month"));
+  const [calendarAnchorDate, setCalendarAnchorDate] = React6.useState(() => dayjs8__default.default().startOf("month"));
   const dateFieldKeySet = React6.useMemo(() => new Set(dateFieldOptions.map((field) => field.key)), [dateFieldOptions]);
   React6.useEffect(() => {
     if (calendarDateField && dateFieldKeySet.has(calendarDateField)) return;
@@ -9515,10 +9972,10 @@ var RelatedObjectsCalendar = ({ rel, record, relatedModel, allModels }) => {
     if (initSignatureRef.current === signature) return;
     initSignatureRef.current = signature;
     if (earliestDateTs === null) {
-      setCalendarAnchorDate(dayjs7__default.default().startOf(calendarMode));
+      setCalendarAnchorDate(dayjs8__default.default().startOf(calendarMode));
       return;
     }
-    setCalendarAnchorDate(dayjs7__default.default(earliestDateTs).startOf(calendarMode));
+    setCalendarAnchorDate(dayjs8__default.default(earliestDateTs).startOf(calendarMode));
   }, [calendarDateField, calendarMode, earliestDateTs]);
   const entriesByDate = React6.useMemo(() => {
     const grouped = /* @__PURE__ */ new Map();
@@ -9551,8 +10008,8 @@ var RelatedObjectsCalendar = ({ rel, record, relatedModel, allModels }) => {
   }, [calendarAnchorDate, calendarMode]);
   if (loading) return /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { size: "small" });
   if (error) return /* @__PURE__ */ jsxRuntime.jsx(antd.Alert, { type: "error", message: error, showIcon: true });
-  if (dateFieldOptions.length === 0) return /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: _26("No date/datetime fields available for calendar view.") });
-  if (!records.length) return /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: _26("No related records available.") });
+  if (dateFieldOptions.length === 0) return /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: _27("No date/datetime fields available for calendar view.") });
+  if (!records.length) return /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: _27("No related records available.") });
   const selectedDateField = relatedModel.fields.find((field) => field.key === calendarDateField);
   const selectedLabel = selectedDateField?.label || calendarDateField;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gap: 12 }, children: [
@@ -9565,8 +10022,8 @@ var RelatedObjectsCalendar = ({ rel, record, relatedModel, allModels }) => {
             value: calendarMode,
             onChange: (value) => setCalendarMode(value),
             options: [
-              { label: _26("Monthly"), value: "month" },
-              { label: _26("Weekly"), value: "week" }
+              { label: _27("Monthly"), value: "month" },
+              { label: _27("Weekly"), value: "week" }
             ],
             style: { minWidth: 120 }
           }
@@ -9579,35 +10036,35 @@ var RelatedObjectsCalendar = ({ rel, record, relatedModel, allModels }) => {
             onChange: (value) => setCalendarDateField(value),
             options: dateFieldOptions.map((field) => ({ label: field.label, value: field.key })),
             style: { minWidth: 220 },
-            placeholder: _26("Date field")
+            placeholder: _27("Date field")
           }
         )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { size: 8, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _26("Previous"), children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _27("Previous"), children: /* @__PURE__ */ jsxRuntime.jsx(
           antd.Button,
           {
             size: "small",
             icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowLeftOutlined, {}),
-            "aria-label": _26("Previous"),
+            "aria-label": _27("Previous"),
             onClick: () => setCalendarAnchorDate((prev) => prev.subtract(1, calendarMode).startOf(calendarMode))
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _26("Today"), children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _27("Today"), children: /* @__PURE__ */ jsxRuntime.jsx(
           antd.Button,
           {
             size: "small",
             icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CalendarOutlined, {}),
-            "aria-label": _26("Today"),
-            onClick: () => setCalendarAnchorDate(dayjs7__default.default().startOf(calendarMode))
+            "aria-label": _27("Today"),
+            onClick: () => setCalendarAnchorDate(dayjs8__default.default().startOf(calendarMode))
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _26("Next"), children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _27("Next"), children: /* @__PURE__ */ jsxRuntime.jsx(
           antd.Button,
           {
             size: "small",
             icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowRightOutlined, {}),
-            "aria-label": _26("Next"),
+            "aria-label": _27("Next"),
             onClick: () => setCalendarAnchorDate((prev) => prev.add(1, calendarMode).startOf(calendarMode))
           }
         ) })
@@ -9648,7 +10105,7 @@ var RelatedObjectsCalendar = ({ rel, record, relatedModel, allModels }) => {
             const dayKey = day.format("YYYY-MM-DD");
             const entries = entriesByDate.get(dayKey) || [];
             const isOutsideCurrentMonth = calendarMode === "month" && day.month() !== calendarAnchorDate.month();
-            const isToday = day.isSame(dayjs7__default.default(), "day");
+            const isToday = day.isSame(dayjs8__default.default(), "day");
             return /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
               {
@@ -9726,12 +10183,12 @@ var RelatedObjectPrimaryCard = ({ record, model, allModels, customPageName }) =>
     }
   );
 };
-var _27 = window._ || ((text) => text);
+var _28 = window._ || ((text) => text);
 var RelatedObjectsPrimaryView = ({ rel, record, model, allModels, customPageName }) => {
   const { records, loading, error } = useRelatedGalleryRecords({ rel, record, allModels });
   if (loading) return /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { size: "small" });
   if (error) return /* @__PURE__ */ jsxRuntime.jsx(antd.Alert, { type: "error", message: error, showIcon: true });
-  if (!records.length) return /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: _27("No related objects.") });
+  if (!records.length) return /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: _28("No related objects.") });
   return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "grid", gap: 8 }, children: records.map((item) => {
     const id = item?.eid ?? item?.id;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -9746,7 +10203,7 @@ var RelatedObjectsPrimaryView = ({ rel, record, model, allModels, customPageName
     );
   }) });
 };
-var _28 = window._ || ((text) => text);
+var _29 = window._ || ((text) => text);
 var RelatedObjectsGallery = ({ rel, record, relatedModel, allModels }) => {
   const apiUrl = core.useApiUrl();
   const go = core.useGo();
@@ -9761,7 +10218,7 @@ var RelatedObjectsGallery = ({ rel, record, relatedModel, allModels }) => {
   if (error) return /* @__PURE__ */ jsxRuntime.jsx(antd.Alert, { type: "error", message: error, showIcon: true });
   if (!records.length) return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "inline-flex", alignItems: "center", gap: 6, color: "#bfbfbf", fontSize: 12 }, children: [
     /* @__PURE__ */ jsxRuntime.jsx(icons.FileTextOutlined, { style: { fontSize: 16 } }),
-    _28("No images available")
+    _29("No images available")
   ] });
   return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: 16 }, children: records.map((item) => {
     const id = getGalleryItemId(item);
@@ -9785,7 +10242,7 @@ var RelatedObjectsGallery = ({ rel, record, relatedModel, allModels }) => {
     });
   }) });
 };
-var _29 = window._ || ((text) => text);
+var _30 = window._ || ((text) => text);
 var RelatedObjectsEditableList = ({ rel, record, allModels }) => {
   const go = core.useGo();
   const paneNav = usePaneNavigation();
@@ -9884,7 +10341,7 @@ var RelatedObjectsEditableList = ({ rel, record, allModels }) => {
               const d = String(body.detail);
               if (d.toLowerCase().includes("unique") || d.toLowerCase().includes("duplicate")) {
                 const optLabel = allOptions.find((o) => o.id === id)?.label ?? String(id);
-                detail = `"${optLabel}" ${_29("is already linked to another record and cannot be added here.")}`;
+                detail = `"${optLabel}" ${_30("is already linked to another record and cannot be added here.")}`;
               } else {
                 detail = d;
               }
@@ -9903,9 +10360,9 @@ var RelatedObjectsEditableList = ({ rel, record, allModels }) => {
       setSelectedIds(new Set(newBaseline));
       if (errors.length > 0) {
         antd.message.error(errors[0], 6);
-        if (errors.length > 1) antd.message.warning(`${errors.length - 1} ${_29("other error(s) occurred.")}`, 4);
+        if (errors.length > 1) antd.message.warning(`${errors.length - 1} ${_30("other error(s) occurred.")}`, 4);
       } else {
-        antd.message.success(_29("Changes saved."));
+        antd.message.success(_30("Changes saved."));
         setEditing(false);
         setSearchText("");
       }
@@ -9913,7 +10370,7 @@ var RelatedObjectsEditableList = ({ rel, record, allModels }) => {
       const newItems = allOptions.filter((opt) => newBaseline.has(opt.id)).map((opt) => ({ id: opt.id, label: opt.label, resource: otherResource }));
       setLocalItems(newItems);
     } catch (err) {
-      antd.message.error(err instanceof Error ? err.message : _29("Failed to save changes."));
+      antd.message.error(err instanceof Error ? err.message : _30("Failed to save changes."));
     } finally {
       setSaving(false);
     }
@@ -9933,7 +10390,7 @@ var RelatedObjectsEditableList = ({ rel, record, allModels }) => {
     const relatedModel = findModelByName(allModels, rel.otherResource || rel.otherResourcePath);
     const relatedResource = relatedModel ? resolveResourcePath(relatedModel.resource || relatedModel.name, allModels) : null;
     if (!relatedResource) {
-      antd.message.warning(_29("No create route for the related model. Opening relation create form."));
+      antd.message.warning(_30("No create route for the related model. Opening relation create form."));
       params.append(rel.targetKey, String(recordId));
       const returnTo2 = `${location.pathname}${location.search}${location.hash}`;
       if (returnTo2.startsWith("/")) params.append("returnTo", returnTo2);
@@ -9952,7 +10409,7 @@ var RelatedObjectsEditableList = ({ rel, record, allModels }) => {
   if (error) return /* @__PURE__ */ jsxRuntime.jsx(antd.Alert, { type: "error", message: error, showIcon: true });
   if (!editing) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { minHeight: 22 }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", justifyContent: "flex-end", marginBottom: 4 }, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _29("Edit"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", type: "text", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.EditOutlined, {}), onClick: () => setEditing(true) }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", justifyContent: "flex-end", marginBottom: 4 }, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _30("Edit"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", type: "text", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.EditOutlined, {}), onClick: () => setEditing(true) }) }) }),
       items.length === 0 && total === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: token.colorTextSecondary, fontStyle: "italic" }, children: "\u2014" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { margin: 0, paddingLeft: 16 }, children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
           "a",
@@ -9991,7 +10448,7 @@ var RelatedObjectsEditableList = ({ rel, record, allModels }) => {
                 setPage(p);
               }
             },
-            onShowSizeChange: (_39, newPageSize) => {
+            onShowSizeChange: (_41, newPageSize) => {
               setPageSize(newPageSize);
               setPage(1);
             },
@@ -10023,7 +10480,7 @@ var RelatedObjectsEditableList = ({ rel, record, allModels }) => {
         antd.Input,
         {
           prefix: /* @__PURE__ */ jsxRuntime.jsx(icons.SearchOutlined, { style: { color: token.colorTextSecondary } }),
-          placeholder: _29("Search..."),
+          placeholder: _30("Search..."),
           value: searchText,
           onChange: (e) => setSearchText(e.target.value),
           allowClear: true,
@@ -10031,9 +10488,9 @@ var RelatedObjectsEditableList = ({ rel, record, allModels }) => {
           style: { flex: 1 }
         }
       ),
-      rel.otherResource && rel.otherKey && rel.targetKey && /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _29("Create new and relate"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ShareAltOutlined, {}), onClick: handleCreateNewAndRelate }) })
+      rel.otherResource && rel.otherKey && rel.targetKey && /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _30("Create new and relate"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ShareAltOutlined, {}), onClick: handleCreateNewAndRelate }) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { maxHeight: 280, overflowY: "auto", marginBottom: 8 }, children: optionsLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { textAlign: "center", padding: 16 }, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { size: "small" }) }) : sortedOptions.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE, description: _29("No options") }) : sortedOptions.map((opt) => {
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { maxHeight: 280, overflowY: "auto", marginBottom: 8 }, children: optionsLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { textAlign: "center", padding: 16 }, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { size: "small" }) }) : sortedOptions.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE, description: _30("No options") }) : sortedOptions.map((opt) => {
       const checked = selectedIds.has(opt.id);
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
@@ -10070,41 +10527,139 @@ var RelatedObjectsEditableList = ({ rel, record, allModels }) => {
       );
     }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "flex-end", gap: 8, borderTop: `1px solid ${token.colorBorderSecondary}`, paddingTop: 8 }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", onClick: handleCancel, children: _29("Cancel") }),
-      /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", type: "primary", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.SaveOutlined, {}), onClick: handleSave, loading: saving, disabled: !hasChanges, children: _29("Save") })
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", onClick: handleCancel, children: _30("Cancel") }),
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", type: "primary", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.SaveOutlined, {}), onClick: handleSave, loading: saving, disabled: !hasChanges, children: _30("Save") })
     ] })
   ] });
 };
-var _30 = window._ || ((text) => text);
-var { Title: Title5 } = antd.Typography;
-var PolymorphicRelatedObjectsTable = ({ rel, record, relationModel, parentModel, allModels, showActions = false, showCreate = false, allowInlineEdit = false, layoutPreferenceType, viewVariant = "default" }) => {
-  const recordId = record?.[parentModel?.pkField ?? "eid"] ?? record?.eid ?? record?.id;
+var _31 = window._ || ((text) => text);
+var RelatedObjectsEditableCsv = ({ rel, record, allModels }) => {
   const apiUrl = core.useApiUrl();
-  const [loading, setLoading] = React6.useState(false);
-  const [error, setError] = React6.useState(null);
-  const [groupedIds, setGroupedIds] = React6.useState(/* @__PURE__ */ new Map());
-  const [unresolvedIds, setUnresolvedIds] = React6.useState([]);
-  const polyInfo = React6.useMemo(
-    () => getPolymorphicReferenceInfo(rel, relationModel, allModels),
-    [rel.otherKey, rel.otherResource, relationModel, allModels]
-  );
+  const { items: fetchedItems, loading, error } = useRelatedInlineItems({ rel, record, allModels });
+  const [saving, setSaving] = React6.useState(false);
+  const [allOptions, setAllOptions] = React6.useState([]);
+  const [optionsLoading, setOptionsLoading] = React6.useState(false);
+  const [selectedIds, setSelectedIds] = React6.useState([]);
+  const [baselineIds, setBaselineIds] = React6.useState(/* @__PURE__ */ new Set());
   React6.useEffect(() => {
-    if (!recordId || !rel.otherKey || !polyInfo) {
-      setGroupedIds(/* @__PURE__ */ new Map());
-      setUnresolvedIds([]);
-      return;
-    }
-    let isMounted = true;
-    const fetchGroups = async () => {
-      setLoading(true);
-      setError(null);
+    const ids = fetchedItems.map((item) => Number(item.id));
+    setSelectedIds(ids);
+    setBaselineIds(new Set(ids));
+  }, [fetchedItems]);
+  React6.useEffect(() => {
+    if (!rel.otherResource) return;
+    let cancelled = false;
+    const fetchOptions = async () => {
+      setOptionsLoading(true);
       try {
-        const { groups, unresolved } = await fetchPolymorphicGroups({
-          apiUrl,
-          rel,
-          recordId,
-          referenceResource: polyInfo.referenceResource,
-          allModels
+        const resource = rel.otherResourcePath || resolveResourcePath(rel.otherResource, allModels);
+        const params = new URLSearchParams({ _start: "0", _end: "50000" });
+        const response = await authenticatedFetch(`${apiUrl}/${resource}?${params.toString()}`);
+        if (!response.ok) throw new Error("Failed to load options");
+        const data = await response.json();
+        if (!cancelled && Array.isArray(data)) {
+          setAllOptions(data.map((item) => ({
+            value: item.eid ?? item.id,
+            label: getRecordDisplayLabel(item)
+          })));
+        }
+      } catch {
+      } finally {
+        if (!cancelled) setOptionsLoading(false);
+      }
+    };
+    fetchOptions();
+    return () => {
+      cancelled = true;
+    };
+  }, [apiUrl, rel.otherResource]);
+  const handleChange = React6.useCallback(async (newIds) => {
+    if (!rel.otherKey || !rel.targetKey) return;
+    const recordId = record?.eid ?? record?.id;
+    if (recordId === void 0 || recordId === null) return;
+    const newSet = new Set(newIds);
+    const toAdd = newIds.filter((id) => !baselineIds.has(id));
+    const toRemove = [...baselineIds].filter((id) => !newSet.has(id));
+    setSelectedIds(newIds);
+    setSaving(true);
+    const errors = [];
+    try {
+      const relationResource = rel.resourcePath || resolveResourcePath(rel.resource, allModels);
+      for (const id of toRemove) {
+        const deleteId = rel.targetKey === "eid_from" ? `${recordId}:${id}` : `${id}:${recordId}`;
+        const resp = await authenticatedFetch(`${apiUrl}/${relationResource}/${encodeURIComponent(deleteId)}`, { method: "DELETE" });
+        if (!resp.ok) errors.push(`Failed to remove (${resp.status})`);
+      }
+      for (const id of toAdd) {
+        const payload = { [rel.targetKey]: recordId, [rel.otherKey]: id };
+        const resp = await authenticatedFetch(`${apiUrl}/${relationResource}`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(payload)
+        });
+        if (!resp.ok) errors.push(`Failed to add (${resp.status})`);
+      }
+      if (errors.length === 0) {
+        setBaselineIds(newSet);
+      } else {
+        antd.message.error(errors.join("; "));
+        setSelectedIds([...baselineIds]);
+      }
+    } finally {
+      setSaving(false);
+    }
+  }, [apiUrl, rel, record, allModels, baselineIds]);
+  if (loading) return /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { size: "small" });
+  if (error) return /* @__PURE__ */ jsxRuntime.jsx(antd.Alert, { type: "error", message: error, showIcon: true });
+  if (!rel.otherResource || !rel.otherKey) {
+    return /* @__PURE__ */ jsxRuntime.jsx(antd.Alert, { type: "warning", message: _31("editable-csv requires a many-to-many relation"), showIcon: true });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Select,
+    {
+      mode: "multiple",
+      value: selectedIds,
+      onChange: handleChange,
+      options: allOptions,
+      loading: optionsLoading || saving,
+      style: { width: "100%" },
+      placeholder: `${_31("Select")} ${_31(rel.label)}...`,
+      optionFilterProp: "label",
+      showSearch: true,
+      allowClear: true
+    }
+  );
+};
+var _32 = window._ || ((text) => text);
+var { Title: Title5 } = antd.Typography;
+var PolymorphicRelatedObjectsTable = ({ rel, record, relationModel, parentModel, allModels, showActions = false, showCreate = false, allowInlineEdit = false, layoutPreferenceType, viewVariant = "default" }) => {
+  const recordId = record?.[parentModel?.pkField ?? "eid"] ?? record?.eid ?? record?.id;
+  const apiUrl = core.useApiUrl();
+  const [loading, setLoading] = React6.useState(false);
+  const [error, setError] = React6.useState(null);
+  const [groupedIds, setGroupedIds] = React6.useState(/* @__PURE__ */ new Map());
+  const [unresolvedIds, setUnresolvedIds] = React6.useState([]);
+  const polyInfo = React6.useMemo(
+    () => getPolymorphicReferenceInfo(rel, relationModel, allModels),
+    [rel.otherKey, rel.otherResource, relationModel, allModels]
+  );
+  React6.useEffect(() => {
+    if (!recordId || !rel.otherKey || !polyInfo) {
+      setGroupedIds(/* @__PURE__ */ new Map());
+      setUnresolvedIds([]);
+      return;
+    }
+    let isMounted = true;
+    const fetchGroups = async () => {
+      setLoading(true);
+      setError(null);
+      try {
+        const { groups, unresolved } = await fetchPolymorphicGroups({
+          apiUrl,
+          rel,
+          recordId,
+          referenceResource: polyInfo.referenceResource,
+          allModels
         });
         if (isMounted) {
           setGroupedIds(groups);
@@ -10328,9 +10883,9 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
       if (failed) {
         throw new Error(`Save failed (${failed.status})`);
       }
-      antd.message.success(_30("Layout preferences saved."));
+      antd.message.success(_32("Layout preferences saved."));
     } catch (error2) {
-      antd.message.error(error2 instanceof Error ? error2.message : _30("Failed to save layout preferences."));
+      antd.message.error(error2 instanceof Error ? error2.message : _32("Failed to save layout preferences."));
     } finally {
       setIsSavingLayoutPrefs(false);
     }
@@ -10359,9 +10914,9 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
       if (!response.ok) {
         throw new Error(`Save failed (${response.status})`);
       }
-      antd.message.success(_30("Analyze preferences saved."));
+      antd.message.success(_32("Analyze preferences saved."));
     } catch (error2) {
-      antd.message.error(error2 instanceof Error ? error2.message : _30("Failed to save analyze preferences."));
+      antd.message.error(error2 instanceof Error ? error2.message : _32("Failed to save analyze preferences."));
     } finally {
       setIsSavingAnalyzePrefs(false);
     }
@@ -10464,11 +11019,11 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
     const viewName = normalizeViewName(saveViewName || currentViewName);
     const viewExists = availableViewNames.includes(viewName);
     if (saveViewAsNew && viewExists) {
-      antd.message.error(_30("View name already exists. Choose a new name."));
+      antd.message.error(_32("View name already exists. Choose a new name."));
       return;
     }
     if (!saveViewAsNew && viewName !== currentViewName && viewExists) {
-      antd.message.error(_30('Choose a new name or enable "Save as new view".'));
+      antd.message.error(_32('Choose a new name or enable "Save as new view".'));
       return;
     }
     setSaveViewModalOpen(false);
@@ -10524,7 +11079,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
       return;
     }
     if (availableViewNames.includes(newName)) {
-      antd.message.error(_30("View name already exists."));
+      antd.message.error(_32("View name already exists."));
       return;
     }
     try {
@@ -10537,18 +11092,18 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
       if (!response.ok) {
         throw new Error(`Rename failed (${response.status})`);
       }
-      antd.message.success(_30("View renamed."));
+      antd.message.success(_32("View renamed."));
       setRenameViewModalOpen(false);
       await loadViewNames();
     } catch (error2) {
-      antd.message.error(error2 instanceof Error ? error2.message : _30("Failed to rename view."));
+      antd.message.error(error2 instanceof Error ? error2.message : _32("Failed to rename view."));
     }
   }, [apiUrl, availableViewNames, currentViewName, relatedModel.name, relatedModel.resource, renameViewName, allModels, loadViewNames]);
   const confirmDeleteView = React6.useCallback(() => {
     antd.Modal.confirm({
-      title: _30(_30("Delete view")),
+      title: _32(_32("Delete view")),
       content: `Delete "${currentViewName}" and all its saved preferences?`,
-      okText: _30("Delete"),
+      okText: _32("Delete"),
       okButtonProps: { danger: true },
       onOk: async () => {
         try {
@@ -10561,10 +11116,10 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
           if (!response.ok) {
             throw new Error(`Delete failed (${response.status})`);
           }
-          antd.message.success(_30("View deleted."));
+          antd.message.success(_32("View deleted."));
           await loadViewNames();
         } catch (error2) {
-          antd.message.error(error2 instanceof Error ? error2.message : _30("Failed to delete view."));
+          antd.message.error(error2 instanceof Error ? error2.message : _32("Failed to delete view."));
         }
       }
     });
@@ -10748,7 +11303,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
     const direction = value?.direction || "next";
     const unit = value?.unit || "weeks";
     const isQuarter = unit === "quarters";
-    const base = dayjs7__default.default();
+    const base = dayjs8__default.default();
     if (asRange || direction === "current") {
       const anchor = direction === "current" ? base : direction === "previous" ? isQuarter ? base.subtract(count * 3, "month") : base.subtract(count, unit) : isQuarter ? base.add(count * 3, "month") : base.add(count, unit);
       if (isQuarter) {
@@ -10821,7 +11376,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
       return true;
     }
     if (field.type === "date") {
-      const recordDate = dayjs7__default.default(rawValue);
+      const recordDate = dayjs8__default.default(rawValue);
       if (!recordDate.isValid()) return false;
       const mode = rule.value?.mode || "absolute";
       const mode2 = rule.value2?.mode || "absolute";
@@ -10829,7 +11384,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
         if (val?.mode === "relative") {
           return resolveRelativeDate(val, asRange);
         }
-        const date = dayjs7__default.default(val?.date || val);
+        const date = dayjs8__default.default(val?.date || val);
         return asRange ? { start: date.startOf("day"), end: date.endOf("day") } : { date: date.startOf("day") };
       };
       switch (rule.operator) {
@@ -10840,13 +11395,13 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
         }
         case "after": {
           const dateVal = mode === "relative" ? resolveRelativeDate(rule.value, false).date : getDateValue(rule.value, false).date;
-          if (!dateVal || !dayjs7__default.default(dateVal).isValid()) return false;
-          return recordDate.valueOf() > dayjs7__default.default(dateVal).endOf("day").valueOf();
+          if (!dateVal || !dayjs8__default.default(dateVal).isValid()) return false;
+          return recordDate.valueOf() > dayjs8__default.default(dateVal).endOf("day").valueOf();
         }
         case "before": {
           const dateVal = mode === "relative" ? resolveRelativeDate(rule.value, false).date : getDateValue(rule.value, false).date;
-          if (!dateVal || !dayjs7__default.default(dateVal).isValid()) return false;
-          return recordDate.valueOf() < dayjs7__default.default(dateVal).startOf("day").valueOf();
+          if (!dateVal || !dayjs8__default.default(dateVal).isValid()) return false;
+          return recordDate.valueOf() < dayjs8__default.default(dateVal).startOf("day").valueOf();
         }
         case "between": {
           const startRange = mode === "relative" ? resolveRelativeDate(rule.value, true) : getDateValue(rule.value, true);
@@ -10970,9 +11525,9 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
     const deleteId = relationRow && rel.targetKey && rel.otherKey ? `${relationRow["eid_from"]}:${relationRow["eid_to"]}` : relationRow?.id ?? relationRow?.eid;
     if (deleteId === void 0 || deleteId === null) return;
     antd.Modal.confirm({
-      title: _30("Delete"),
-      content: _30("Are you sure you want to delete this relation?"),
-      okText: _30("Delete"),
+      title: _32("Delete"),
+      content: _32("Are you sure you want to delete this relation?"),
+      okText: _32("Delete"),
       okButtonProps: { danger: true },
       onOk: async () => {
         try {
@@ -10993,9 +11548,9 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
             const itemDeleteId = rel.targetKey && rel.otherKey ? `${itemRelationRow[rel.targetKey]}:${itemRelationRow[rel.otherKey]}` : itemRelationRow?.id ?? itemRelationRow?.eid;
             return String(itemDeleteId) !== String(deleteId);
           }));
-          antd.message.success(_30("Relation deleted."));
+          antd.message.success(_32("Relation deleted."));
         } catch (err) {
-          antd.message.error(err instanceof Error ? err.message : _30("Failed to delete relation."));
+          antd.message.error(err instanceof Error ? err.message : _32("Failed to delete relation."));
         }
       }
     });
@@ -11298,7 +11853,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
     }
   }, [numericFields, rankingFieldKey, rankingMode]);
   const formatCategoryValue = React6.useCallback((field, recordRow) => {
-    if (!field) return _30("All");
+    if (!field) return _32("All");
     const raw = recordRow?.[field.key];
     if (raw === void 0 || raw === null) return "-";
     if (field.key === "eid" && recordRow?._label) return recordRow._label;
@@ -11309,7 +11864,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
     if (field.options) {
       return field.options.find((option) => option.value === raw)?.label || String(raw);
     }
-    if (field.type === "boolean") return raw ? _30("Yes") : _30("No");
+    if (field.type === "boolean") return raw ? _32("Yes") : _32("No");
     if (field.type === "date") return formatDateValue(raw);
     return String(raw);
   }, [labelCache]);
@@ -11401,7 +11956,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
     const seriesLabels = numericFields.length > 0 ? numericFields.reduce((acc, field) => {
       acc[field.key] = field.label;
       return acc;
-    }, { "__count__": _30("Count") }) : { "__count__": _30("Count") };
+    }, { "__count__": _32("Count") }) : { "__count__": _32("Count") };
     let groups = baseGroups;
     if (rankingMode !== "none" && rankingFieldKey) {
       const limit = Math.max(1, Math.floor(rankingN || 10));
@@ -11479,7 +12034,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
     if (field.options) {
       return field.options.find((option) => option.value === raw)?.label || String(raw);
     }
-    if (field.type === "boolean") return raw ? _30("Yes") : _30("No");
+    if (field.type === "boolean") return raw ? _32("Yes") : _32("No");
     if (field.type === "date") return formatDateValue(raw);
     return String(raw);
   }, [labelCache]);
@@ -11682,7 +12237,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
     if (field.options) {
       return field.options.find((option) => option.value === raw)?.label || String(raw);
     }
-    if (field.type === "boolean") return raw ? _30("Yes") : _30("No");
+    if (field.type === "boolean") return raw ? _32("Yes") : _32("No");
     if (field.type === "date") return formatDateValue(raw);
     return String(raw);
   }, [labelCache]);
@@ -11754,13 +12309,13 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
   const getSummaryFunctionDisplayText = (fn) => {
     if (!fn) return "";
     const labels = {
-      sum: _30("Sum"),
-      avg: _30("Average"),
-      count: _30("Count"),
-      max: _30("Max"),
-      min: _30("Min"),
-      stddev: _30("Std Dev"),
-      distinct: _30("Distinct")
+      sum: _32("Sum"),
+      avg: _32("Average"),
+      count: _32("Count"),
+      max: _32("Max"),
+      min: _32("Min"),
+      stddev: _32("Std Dev"),
+      distinct: _32("Distinct")
     };
     return labels[fn] || fn;
   };
@@ -11836,12 +12391,12 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
             ]
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: isTotalsDetailsFlipped ? _30("Show totals") : _30("Show details"), children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: isTotalsDetailsFlipped ? _32("Show totals") : _32("Show details"), children: /* @__PURE__ */ jsxRuntime.jsx(
           antd.Button,
           {
             size: "small",
             icon: /* @__PURE__ */ jsxRuntime.jsx(icons.SwapOutlined, { style: { transform: "rotate(90deg)" } }),
-            "aria-label": isTotalsDetailsFlipped ? _30("Show totals") : _30("Show details"),
+            "aria-label": isTotalsDetailsFlipped ? _32("Show totals") : _32("Show details"),
             onClick: () => setIsTotalsDetailsFlipped((prev) => !prev),
             style: {
               flexShrink: 0,
@@ -11853,7 +12408,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
         ) })
       ] }),
       relationRowsCapped && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: 8, display: "flex", alignItems: "center", justifyContent: "flex-end", gap: 8, flexWrap: "wrap" }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { type: "secondary", style: { fontSize: 12 }, children: _30("Only the first N rows are loaded").replace("N", formatNumberValue(loadedRowsCount || relationsMaxRowsToLoad)) }),
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { type: "secondary", style: { fontSize: 12 }, children: _32("Only the first N rows are loaded").replace("N", formatNumberValue(loadedRowsCount || relationsMaxRowsToLoad)) }),
         /* @__PURE__ */ jsxRuntime.jsx(
           antd.Button,
           {
@@ -11864,7 +12419,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
               setFullDataLoaded(false);
               setLoadAllRelatedRequested(true);
             },
-            children: _30("Load all related")
+            children: _32("Load all related")
           }
         )
       ] })
@@ -11875,7 +12430,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 12, marginBottom: 8 }, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { style: { minHeight: 22, display: "flex", alignItems: "center" }, children: title && /* @__PURE__ */ jsxRuntime.jsx(Title5, { level: 5, style: { color: relatedModelTone.text, margin: 0 }, children: title }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: columnsSelectorOpen ? _30("Hide view configuration") : _30("Show view configuration"), children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: columnsSelectorOpen ? _32("Hide view configuration") : _32("Show view configuration"), children: /* @__PURE__ */ jsxRuntime.jsx(
           antd.Button,
           {
             size: "small",
@@ -11887,11 +12442,11 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                 return next;
               });
             },
-            "aria-label": columnsSelectorOpen ? _30("Hide view configuration") : _30("Show view configuration")
+            "aria-label": columnsSelectorOpen ? _32("Hide view configuration") : _32("Show view configuration")
           }
         ) }),
         showCreate && recordId !== void 0 && recordId !== null && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: rel.otherResource && rel.otherKey ? _30("Associate existing") : _30("Add relation"), children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: rel.otherResource && rel.otherKey ? _32("Associate existing") : _32("Add relation"), children: /* @__PURE__ */ jsxRuntime.jsx(
             antd.Button,
             {
               size: "small",
@@ -11924,7 +12479,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
               }
             }
           ) }),
-          rel.otherResource && rel.otherKey && rel.targetKey && /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _30("Create new and relate"), children: /* @__PURE__ */ jsxRuntime.jsx(
+          rel.otherResource && rel.otherKey && rel.targetKey && /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Create new and relate"), children: /* @__PURE__ */ jsxRuntime.jsx(
             antd.Button,
             {
               size: "small",
@@ -11938,7 +12493,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                 const relatedModel2 = findModelByName(allModels, rel.otherResource || rel.otherResourcePath);
                 const relatedResource = relatedModel2 ? resolveResourcePath(relatedModel2.resource || relatedModel2.name, allModels) : null;
                 if (!relatedResource) {
-                  antd.message.warning(_30("No create route for the related model. Opening relation create form."));
+                  antd.message.warning(_32("No create route for the related model. Opening relation create form."));
                   params.append(rel.targetKey, String(recordId));
                   if (allowInlineEdit) params.append("inline", "1");
                   const returnTo2 = `${location.pathname}${location.search}${location.hash}`;
@@ -11957,7 +12512,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
             }
           ) })
         ] }),
-        allowInlineEdit && /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _30("Save"), children: /* @__PURE__ */ jsxRuntime.jsx(
+        allowInlineEdit && /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Save"), children: /* @__PURE__ */ jsxRuntime.jsx(
           antd.Button,
           {
             size: "small",
@@ -11965,10 +12520,10 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
             icon: /* @__PURE__ */ jsxRuntime.jsx(icons.SaveOutlined, {}),
             onClick: saveAllEdits,
             loading: savingAll,
-            "aria-label": _30("Save")
+            "aria-label": _32("Save")
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _30("Export CSV"), children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Export CSV"), children: /* @__PURE__ */ jsxRuntime.jsx(
           antd.Button,
           {
             size: "small",
@@ -11983,20 +12538,20 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
       antd.Modal,
       {
         open: saveViewModalOpen,
-        title: _30("Save view"),
+        title: _32("Save view"),
         onCancel: () => {
           setSaveViewModalOpen(false);
           setPendingSaveTarget(null);
         },
         onOk: handleConfirmSaveView,
-        okText: pendingSaveTarget === "layout" ? _30("Save layout") : _30("Save analyze"),
+        okText: pendingSaveTarget === "layout" ? _32("Save layout") : _32("Save analyze"),
         okButtonProps: { disabled: !pendingSaveTarget },
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gap: 12 }, children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _30("View name") }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _32("View name") }),
             /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { value: saveViewName, onChange: (event) => setSaveViewName(event.target.value) })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(antd.Checkbox, { checked: saveViewAsNew, onChange: (event) => setSaveViewAsNew(event.target.checked), children: _30("Save as new view") })
+          /* @__PURE__ */ jsxRuntime.jsx(antd.Checkbox, { checked: saveViewAsNew, onChange: (event) => setSaveViewAsNew(event.target.checked), children: _32("Save as new view") })
         ] })
       }
     ),
@@ -12004,10 +12559,10 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
       antd.Modal,
       {
         open: renameViewModalOpen,
-        title: _30("Rename view"),
+        title: _32("Rename view"),
         onCancel: () => setRenameViewModalOpen(false),
         onOk: handleRenameView,
-        okText: _30("Rename"),
+        okText: _32("Rename"),
         children: /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { value: renameViewName, onChange: (event) => setRenameViewName(event.target.value) })
       }
     ),
@@ -12017,11 +12572,11 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
       {
         size: "small",
         title: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 12, flexWrap: "wrap" }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: token.colorTextSecondary, fontSize: 12, fontWeight: 600 }, children: _30("Filters") }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: token.colorTextSecondary, fontSize: 12, fontWeight: 600 }, children: _32("Filters") }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", alignItems: "center", gap: 8, flex: 1, justifyContent: "flex-end" }, children: /* @__PURE__ */ jsxRuntime.jsx(
             antd.Input,
             {
-              placeholder: _30("Search all fields..."),
+              placeholder: _32("Search all fields..."),
               prefix: /* @__PURE__ */ jsxRuntime.jsx(icons.SearchOutlined, {}),
               allowClear: true,
               value: localSearch,
@@ -12039,31 +12594,31 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
       antd.Card,
       {
         size: "small",
-        title: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: token.colorTextSecondary, fontSize: 12, fontWeight: 600 }, children: _30("View configuration") }),
+        title: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: token.colorTextSecondary, fontSize: 12, fontWeight: 600 }, children: _32("View configuration") }),
         style: { marginBottom: 16 },
         styles: { body: { display: "grid", gap: 12 } },
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gap: 12 }, children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gap: 8 }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, fontWeight: 600 }, children: _30("Advanced filters") }),
-              filterRules.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: token.colorTextSecondary, fontSize: 12 }, children: _30("No filters yet.") }) : filterRules.map((rule) => {
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, fontWeight: 600 }, children: _32("Advanced filters") }),
+              filterRules.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: token.colorTextSecondary, fontSize: 12 }, children: _32("No filters yet.") }) : filterRules.map((rule) => {
                 const field = relatedModel.fields.find((f) => f.key === rule.fieldKey);
                 const type = field?.type || "string";
                 const operatorOptions = type === "number" ? [
-                  { label: _30("="), value: "eq" },
-                  { label: _30(">"), value: "gt" },
-                  { label: _30(">="), value: "gte" },
-                  { label: _30("<"), value: "lt" },
-                  { label: _30("<="), value: "lte" },
-                  { label: _30("Between"), value: "between" }
+                  { label: _32("="), value: "eq" },
+                  { label: _32(">"), value: "gt" },
+                  { label: _32(">="), value: "gte" },
+                  { label: _32("<"), value: "lt" },
+                  { label: _32("<="), value: "lte" },
+                  { label: _32("Between"), value: "between" }
                 ] : type === "date" ? [
-                  { label: _30("On"), value: "on" },
-                  { label: _30("After"), value: "after" },
-                  { label: _30("Before"), value: "before" },
-                  { label: _30("Between"), value: "between" }
-                ] : type === "boolean" ? [{ label: _30("Is"), value: "is" }] : [
-                  { label: _30("Contains"), value: "contains" },
-                  { label: _30("Equals"), value: "equals" }
+                  { label: _32("On"), value: "on" },
+                  { label: _32("After"), value: "after" },
+                  { label: _32("Before"), value: "before" },
+                  { label: _32("Between"), value: "between" }
+                ] : type === "boolean" ? [{ label: _32("Is"), value: "is" }] : [
+                  { label: _32("Contains"), value: "contains" },
+                  { label: _32("Equals"), value: "equals" }
                 ];
                 const renderDateInput = (value, onChange) => {
                   const mode = value?.mode || "absolute";
@@ -12076,9 +12631,9 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                           value: value?.direction || "next",
                           onChange: (val) => onChange({ ...value, mode: "relative", direction: val }),
                           options: [
-                            { label: _30("Previous"), value: "previous" },
-                            { label: _30("Current"), value: "current" },
-                            { label: _30("Next"), value: "next" }
+                            { label: _32("Previous"), value: "previous" },
+                            { label: _32("Current"), value: "current" },
+                            { label: _32("Next"), value: "next" }
                           ]
                         }
                       ),
@@ -12088,11 +12643,11 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                           value: value?.unit || "weeks",
                           onChange: (val) => onChange({ ...value, mode: "relative", unit: val }),
                           options: [
-                            { label: _30("Days"), value: "days" },
-                            { label: _30("Weeks"), value: "weeks" },
-                            { label: _30("Months"), value: "months" },
-                            { label: _30("Quarters"), value: "quarters" },
-                            { label: _30("Years"), value: "years" }
+                            { label: _32("Days"), value: "days" },
+                            { label: _32("Weeks"), value: "weeks" },
+                            { label: _32("Months"), value: "months" },
+                            { label: _32("Quarters"), value: "quarters" },
+                            { label: _32("Years"), value: "years" }
                           ]
                         }
                       )
@@ -12101,7 +12656,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                   return /* @__PURE__ */ jsxRuntime.jsx(
                     antd.DatePicker,
                     {
-                      value: value?.date ? dayjs7__default.default(value.date) : void 0,
+                      value: value?.date ? dayjs8__default.default(value.date) : void 0,
                       onChange: (val) => onChange({ mode: "absolute", date: val ? val.toISOString() : null })
                     }
                   );
@@ -12114,7 +12669,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                       value: rule.fieldKey,
                       onChange: (value) => setFilterRules((prev) => prev.map((item) => item.id === rule.id ? { ...item, fieldKey: value, operator: void 0, value: void 0, value2: void 0 } : item)),
                       options: relatedModel.fields.map((f) => ({ label: f.label, value: f.key })),
-                      placeholder: _30("Field")
+                      placeholder: _32("Field")
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -12124,7 +12679,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                       value: rule.operator,
                       onChange: (value) => setFilterRules((prev) => prev.map((item) => item.id === rule.id ? { ...item, operator: value } : item)),
                       options: operatorOptions,
-                      placeholder: _30("Operator")
+                      placeholder: _32("Operator")
                     }
                   ),
                   type === "number" && rule.operator === "between" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -12157,10 +12712,10 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                       value: rule.value,
                       onChange: (value) => setFilterRules((prev) => prev.map((item) => item.id === rule.id ? { ...item, value } : item)),
                       options: [
-                        { label: _30("True"), value: true },
-                        { label: _30("False"), value: false }
+                        { label: _32("True"), value: true },
+                        { label: _32("False"), value: false }
                       ],
-                      placeholder: _30("Value")
+                      placeholder: _32("Value")
                     }
                   ),
                   type === "date" && rule.operator === "between" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -12173,7 +12728,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                     {
                       value: rule.value,
                       onChange: (event) => setFilterRules((prev) => prev.map((item) => item.id === rule.id ? { ...item, value: event.target.value } : item)),
-                      placeholder: _30("Value"),
+                      placeholder: _32("Value"),
                       style: { minWidth: 200 }
                     }
                   ),
@@ -12186,8 +12741,8 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                         setFilterRules((prev) => prev.map((item) => item.id === rule.id ? { ...item, value: { ...item.value || {}, mode: val } } : item));
                       },
                       options: [
-                        { label: _30("Date"), value: "absolute" },
-                        { label: _30("Relative"), value: "relative" }
+                        { label: _32("Date"), value: "absolute" },
+                        { label: _32("Relative"), value: "relative" }
                       ]
                     }
                   ),
@@ -12200,8 +12755,8 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                         setFilterRules((prev) => prev.map((item) => item.id === rule.id ? { ...item, value2: { ...item.value2 || {}, mode: val } } : item));
                       },
                       options: [
-                        { label: _30("Date"), value: "absolute" },
-                        { label: _30("Relative"), value: "relative" }
+                        { label: _32("Date"), value: "absolute" },
+                        { label: _32("Relative"), value: "relative" }
                       ]
                     }
                   ),
@@ -12211,7 +12766,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                       size: "small",
                       danger: true,
                       onClick: () => setFilterRules((prev) => prev.filter((item) => item.id !== rule.id)),
-                      children: _30("Remove")
+                      children: _32("Remove")
                     }
                   )
                 ] }, rule.id);
@@ -12223,14 +12778,14 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                     size: "small",
                     icon: /* @__PURE__ */ jsxRuntime.jsx(icons.FilterOutlined, {}),
                     onClick: () => setFilterRules((prev) => [...prev, { id: `${Date.now()}-${Math.random()}` }]),
-                    children: _30("Add Filter")
+                    children: _32("Add Filter")
                   }
                 ),
-                filterRules.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", onClick: () => setFilterRules([]), children: _30("Clear filters") })
+                filterRules.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", onClick: () => setFilterRules([]), children: _32("Clear filters") })
               ] })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gap: 6 }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, fontWeight: 600 }, children: _30("Views shown") }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, fontWeight: 600 }, children: _32("Views shown") }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 antd.Select,
                 {
@@ -12251,12 +12806,12 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
               ),
               selectedViewNames.length > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "grid", gap: 6 }, children: selectedViewNames.map((name, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
                 /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1 }, children: name }),
-                /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _30("Move up"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUpOutlined, {}), disabled: index === 0, onClick: () => moveSelectedView(name, "up") }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _30("Move down"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowDownOutlined, {}), disabled: index === selectedViewNames.length - 1, onClick: () => moveSelectedView(name, "down") }) })
+                /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Move up"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUpOutlined, {}), disabled: index === 0, onClick: () => moveSelectedView(name, "up") }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Move down"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowDownOutlined, {}), disabled: index === selectedViewNames.length - 1, onClick: () => moveSelectedView(name, "down") }) })
               ] }, name)) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gap: 6 }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, fontWeight: 600 }, children: _30("Active view") }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, fontWeight: 600 }, children: _32("Active view") }),
               viewSelector
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexWrap: "wrap", alignItems: "center", gap: 8 }, children: [
@@ -12268,7 +12823,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                     setRenameViewName(currentViewName);
                     setRenameViewModalOpen(true);
                   },
-                  children: _30("Rename view")
+                  children: _32("Rename view")
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -12279,7 +12834,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                   icon: /* @__PURE__ */ jsxRuntime.jsx(icons.DeleteOutlined, {}),
                   disabled: availableViewNames.length <= 1,
                   onClick: confirmDeleteView,
-                  children: _30("Delete view")
+                  children: _32("Delete view")
                 }
               ),
               layoutPreferenceType && /* @__PURE__ */ jsxRuntime.jsx(
@@ -12289,7 +12844,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                   icon: /* @__PURE__ */ jsxRuntime.jsx(icons.SaveOutlined, {}),
                   onClick: () => openSaveViewModalFor("layout"),
                   loading: isSavingLayoutPrefs,
-                  children: _30("Save layout")
+                  children: _32("Save layout")
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -12301,7 +12856,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                     markLayoutPrefsTouched();
                     setFiltersCollapsed((prev) => !prev);
                   },
-                  children: filtersCollapsed ? _30("Show Filters") : _30("Hide Filters")
+                  children: filtersCollapsed ? _32("Show Filters") : _32("Hide Filters")
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -12313,7 +12868,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                     markLayoutPrefsTouched();
                     setListVisible((prev) => !prev);
                   },
-                  children: _30("View list")
+                  children: _32("View list")
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -12327,7 +12882,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                     setIsStatsFlipped(false);
                     setAnalyzeOpen((prev) => !prev);
                   },
-                  children: _30("Analyze")
+                  children: _32("Analyze")
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -12339,7 +12894,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                     markLayoutPrefsTouched();
                     setIsAnalyzeVertical((prev) => !prev);
                   },
-                  children: _30("Switch orientation")
+                  children: _32("Switch orientation")
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -12351,21 +12906,21 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                     markLayoutPrefsTouched();
                     setIsAnalyzeFirst((prev) => !prev);
                   },
-                  children: _30("Switch positions")
+                  children: _32("Switch positions")
                 }
               )
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gap: 12 }, children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 12 }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: token.colorTextSecondary, fontSize: 12, fontWeight: 600 }, children: _30("Columns") }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: token.colorTextSecondary, fontSize: 12, fontWeight: 600 }, children: _32("Columns") }),
               selectedColumnKeys && selectedColumnKeys.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", onClick: () => {
                 setSelectedColumnKeys(null);
                 setColumnOrder(null);
-              }, children: _30("Reset to default") })
+              }, children: _32("Reset to default") })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 6 }, children: _30("Select columns") }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 6 }, children: _32("Select columns") }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 antd.Checkbox.Group,
                 {
@@ -12377,27 +12932,27 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
               (!selectedColumnKeys || selectedColumnKeys.length === 0) && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginTop: 6 }, children: "Using default columns. Select fields to customize." })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 6 }, children: _30("Column order") }),
-              orderedSelectedColumns.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary }, children: _30("No custom order yet.") }) : orderedSelectedColumns.map((key, index) => {
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 6 }, children: _32("Column order") }),
+              orderedSelectedColumns.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary }, children: _32("No custom order yet.") }) : orderedSelectedColumns.map((key, index) => {
                 const field = relatedModel.fields.find((item) => item.key === key);
                 if (!field) return null;
                 return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 4 }, children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1 }, children: field.label }),
-                  /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _30("Move left"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowLeftOutlined, {}), disabled: index === 0, onClick: () => moveColumnOrder(key, "left") }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _30("Move right"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowRightOutlined, {}), disabled: index === orderedSelectedColumns.length - 1, onClick: () => moveColumnOrder(key, "right") }) })
+                  /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Move left"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowLeftOutlined, {}), disabled: index === 0, onClick: () => moveColumnOrder(key, "left") }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Move right"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowRightOutlined, {}), disabled: index === orderedSelectedColumns.length - 1, onClick: () => moveColumnOrder(key, "right") }) })
                 ] }, key);
               })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 6 }, children: _30("Totals summary function") }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "grid", gap: 6 }, children: totalsSummaryConfigFields.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary }, children: _30("No numeric fields available.") }) : totalsSummaryConfigFields.map((field) => {
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 6 }, children: _32("Totals summary function") }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "grid", gap: 6 }, children: totalsSummaryConfigFields.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary }, children: _32("No numeric fields available.") }) : totalsSummaryConfigFields.map((field) => {
                 const options = [
-                  { label: _30("Sum"), value: "sum" },
-                  { label: _30("Average"), value: "avg" },
-                  { label: _30("Count"), value: "count" },
-                  { label: _30("Max"), value: "max" },
-                  { label: _30("Min"), value: "min" },
-                  { label: _30("Std Dev"), value: "stddev" }
+                  { label: _32("Sum"), value: "sum" },
+                  { label: _32("Average"), value: "avg" },
+                  { label: _32("Count"), value: "count" },
+                  { label: _32("Max"), value: "max" },
+                  { label: _32("Min"), value: "min" },
+                  { label: _32("Std Dev"), value: "stddev" }
                 ];
                 return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1 }, children: field.label }),
@@ -12451,7 +13006,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                         setCurrentPage(1);
                       }
                     },
-                    onShowSizeChange: (_39, newPageSize) => {
+                    onShowSizeChange: (_41, newPageSize) => {
                       if (newPageSize && newPageSize !== pageSize) {
                         setPageSize(newPageSize);
                         setCurrentPage(1);
@@ -12460,8 +13015,8 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                   },
                   size: "small",
                   rowKey: (row) => row?.__relationKey || row?.eid || row?.id || JSON.stringify(row),
-                  locale: filteredRows.length === 0 ? { emptyText: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { display: "inline-block", fontSize: 12, color: "#8c8c8c" }, children: _30("No related records") }) } : void 0,
-                  onChange: (_39, filters, sorter, extra) => {
+                  locale: filteredRows.length === 0 ? { emptyText: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { display: "inline-block", fontSize: 12, color: "#8c8c8c" }, children: _32("No related records") }) } : void 0,
+                  onChange: (_41, filters, sorter, extra) => {
                     const nextFilters = {};
                     Object.entries(filters || {}).forEach(([key, values]) => {
                       if (!values) return;
@@ -12529,7 +13084,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                           const recordValue = recordRow?.[field.key];
                           return String(recordValue) === String(value);
                         },
-                        align: field.type === "number" && !["eid", "eid_from", "eid_to"].includes(field.key) ? "right" : void 0,
+                        align: field.type === "number" && !field.reference && !["eid", "eid_from", "eid_to"].includes(field.key) ? "right" : void 0,
                         render: (value, row) => {
                           if (allowInlineEdit && field.key !== "eid") {
                             const rowId = row?.eid ?? row?.id ?? row?.__relationKey;
@@ -12539,12 +13094,16 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                                 name: [rowId, field.key],
                                 style: { margin: 0 },
                                 valuePropName: field.type === "boolean" ? "checked" : "value",
-                                getValueProps: (val) => (field.type === "date" || field.type === "datetime") && val ? { value: dayjs7__default.default(val) } : field.type === "time" && val ? { value: dayjs7__default.default("1970-01-01T" + val) } : { value: val },
+                                getValueProps: (val) => (field.type === "date" || field.type === "datetime") && val ? { value: dayjs8__default.default(val) } : field.type === "time" && val ? { value: dayjs8__default.default("1970-01-01T" + val) } : { value: val },
                                 children: renderEditableInput(field, rowId)
                               }
                             );
                           }
                           const renderValue = () => {
+                            const showToken = normalizeFieldViewType(field.showViewType || "");
+                            if (showToken && !(showToken === "read-only-field" && field.reference)) {
+                              return renderFieldValue(field, row, allModels, true);
+                            }
                             if (field.reference && value) {
                               const cacheKey = `${field.reference}:${value}`;
                               return labelCache[cacheKey] || value;
@@ -12586,7 +13145,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                     showActions && /* @__PURE__ */ jsxRuntime.jsx(
                       antd.Table.Column,
                       {
-                        title: _30("Actions"),
+                        title: _32("Actions"),
                         width: 140,
                         render: (_unused, row) => {
                           const id = row?.eid ?? row?.id;
@@ -12594,14 +13153,14 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                           const deleteId = relationRow && rel.targetKey && rel.otherKey ? `${relationRow["eid_from"]}:${relationRow["eid_to"]}` : relationRow?.id ?? relationRow?.eid;
                           return /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { children: [
                             id && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                              /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _30("View"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.EyeOutlined, {}), onClick: () => {
+                              /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("View"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.EyeOutlined, {}), onClick: () => {
                                 if (paneNav?.isInMultiPane) {
                                   paneNav.openDetail(relatedModel.name, id);
                                 } else {
                                   go({ to: { resource: relatedModel.name, action: "show", id } });
                                 }
                               } }) }),
-                              /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _30("Edit"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.EditOutlined, {}), onClick: () => {
+                              /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Edit"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.EditOutlined, {}), onClick: () => {
                                 if (allowInlineEdit) {
                                   const params = new URLSearchParams();
                                   params.append("inline", "1");
@@ -12613,7 +13172,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                                 }
                               } }) })
                             ] }),
-                            deleteId && /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _30("Delete"), children: /* @__PURE__ */ jsxRuntime.jsx(
+                            deleteId && /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Delete"), children: /* @__PURE__ */ jsxRuntime.jsx(
                               antd.Button,
                               {
                                 size: "small",
@@ -12633,7 +13192,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
             }
           ),
           relationRowsCapped && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: 8, display: "flex", alignItems: "center", justifyContent: "flex-end", gap: 8, flexWrap: "wrap" }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { type: "secondary", style: { fontSize: 12 }, children: _30("Only the first N rows are loaded").replace("N", formatNumberValue(loadedRowsCount || relationsMaxRowsToLoad)) }),
+            /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { type: "secondary", style: { fontSize: 12 }, children: _32("Only the first N rows are loaded").replace("N", formatNumberValue(loadedRowsCount || relationsMaxRowsToLoad)) }),
             /* @__PURE__ */ jsxRuntime.jsx(
               antd.Button,
               {
@@ -12643,7 +13202,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                   setFullDataLoaded(false);
                   setLoadAllRelatedRequested(true);
                 },
-                children: _30("Load all related")
+                children: _32("Load all related")
               }
             )
           ] })
@@ -12653,7 +13212,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
         antd.Card,
         {
           size: "small",
-          title: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: relatedModelTone.text, fontWeight: 600 }, children: _30("Analyze") }),
+          title: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: relatedModelTone.text, fontWeight: 600 }, children: _32("Analyze") }),
           styles: {
             header: {
               background: `linear-gradient(135deg, ${relatedModelTone.solid}18 0%, ${relatedModelTone.solid}0a 100%)`
@@ -12682,10 +13241,10 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                     styles: { body: { display: "grid", gap: 16, position: "relative", paddingTop: 48 } },
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "absolute", top: 0, right: 0, display: "flex", gap: 8 }, children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _30("Save preferences"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.SaveOutlined, {}), onClick: () => openSaveViewModalFor("analyze"), loading: isSavingAnalyzePrefs }) }),
-                        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _30("Stats"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.FileTextOutlined, {}), onClick: () => setIsStatsFlipped(true) }) }),
-                        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _30("Export chart PDF"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.FilePdfOutlined, {}), onClick: exportChartPdf }) }),
-                        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _30("Export chart PNG"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.DownloadOutlined, {}), onClick: exportChartImage, "aria-label": _30("Export chart") }) })
+                        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Save preferences"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.SaveOutlined, {}), onClick: () => openSaveViewModalFor("analyze"), loading: isSavingAnalyzePrefs }) }),
+                        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Stats"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.FileTextOutlined, {}), onClick: () => setIsStatsFlipped(true) }) }),
+                        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Export chart PDF"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.FilePdfOutlined, {}), onClick: exportChartPdf }) }),
+                        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Export chart PNG"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.DownloadOutlined, {}), onClick: exportChartImage, "aria-label": _32("Export chart") }) })
                       ] }),
                       /* @__PURE__ */ jsxRuntime.jsx(
                         AnalysisChart,
@@ -12716,11 +13275,11 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                           items: [
                             {
                               key: "configure-chart",
-                              label: _30("Customize chart"),
+                              label: _32("Customize chart"),
                               children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gap: 16 }, children: [
                                 /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: 16, flexWrap: "wrap" }, children: [
                                   /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { minWidth: 220, flex: 1 }, children: [
-                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _30("Category 1") }),
+                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _32("Category 1") }),
                                     /* @__PURE__ */ jsxRuntime.jsx(
                                       antd.Select,
                                       {
@@ -12731,12 +13290,12 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                                         },
                                         style: { width: "100%" },
                                         options: categoricalFields.map((field) => ({ label: field.label, value: field.key })),
-                                        placeholder: _30("Select category")
+                                        placeholder: _32("Select category")
                                       }
                                     )
                                   ] }),
                                   /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { minWidth: 220, flex: 1 }, children: [
-                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _30("Category 2") }),
+                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _32("Category 2") }),
                                     /* @__PURE__ */ jsxRuntime.jsx(
                                       antd.Select,
                                       {
@@ -12747,14 +13306,14 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                                         },
                                         style: { width: "100%" },
                                         options: [
-                                          { label: _30("None"), value: "__none__" },
+                                          { label: _32("None"), value: "__none__" },
                                           ...categoricalFields.filter((field) => field.key !== categoryField1).map((field) => ({ label: field.label, value: field.key }))
                                         ]
                                       }
                                     )
                                   ] }),
                                   /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { minWidth: 160 }, children: [
-                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _30("Chart Type") }),
+                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _32("Chart Type") }),
                                     /* @__PURE__ */ jsxRuntime.jsx(
                                       antd.Select,
                                       {
@@ -12765,30 +13324,30 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                                         },
                                         style: { width: "100%" },
                                         options: [
-                                          { label: _30("Area"), value: "area" },
-                                          { label: _30("Horizontal Area"), value: "area-horizontal" },
-                                          { label: _30("Bars"), value: "bar" },
-                                          { label: _30("Stacked Bars"), value: "stacked" },
-                                          { label: _30("Horizontal Bars"), value: "bar-horizontal" },
-                                          { label: _30("Horizontal Stacked"), value: "stacked-horizontal" },
-                                          { label: _30("Lines"), value: "line" },
-                                          { label: _30("Pie"), value: "pie" },
-                                          { label: _30("Donut"), value: "donut" },
-                                          { label: _30("Scatter"), value: "scatter" },
-                                          { label: _30("Bubble"), value: "bubble" },
-                                          { label: _30("Histogram"), value: "histogram" },
-                                          { label: _30("Box Plot"), value: "box" },
-                                          { label: _30("Waterfall"), value: "waterfall" },
-                                          { label: _30("Heatmap"), value: "heatmap" },
-                                          { label: _30("Crosstab"), value: "crosstab" },
-                                          { label: _30("Radar"), value: "radar" },
-                                          { label: _30("Combo (Bar + Line)"), value: "combo" }
+                                          { label: _32("Area"), value: "area" },
+                                          { label: _32("Horizontal Area"), value: "area-horizontal" },
+                                          { label: _32("Bars"), value: "bar" },
+                                          { label: _32("Stacked Bars"), value: "stacked" },
+                                          { label: _32("Horizontal Bars"), value: "bar-horizontal" },
+                                          { label: _32("Horizontal Stacked"), value: "stacked-horizontal" },
+                                          { label: _32("Lines"), value: "line" },
+                                          { label: _32("Pie"), value: "pie" },
+                                          { label: _32("Donut"), value: "donut" },
+                                          { label: _32("Scatter"), value: "scatter" },
+                                          { label: _32("Bubble"), value: "bubble" },
+                                          { label: _32("Histogram"), value: "histogram" },
+                                          { label: _32("Box Plot"), value: "box" },
+                                          { label: _32("Waterfall"), value: "waterfall" },
+                                          { label: _32("Heatmap"), value: "heatmap" },
+                                          { label: _32("Crosstab"), value: "crosstab" },
+                                          { label: _32("Radar"), value: "radar" },
+                                          { label: _32("Combo (Bar + Line)"), value: "combo" }
                                         ]
                                       }
                                     )
                                   ] }),
                                   /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { minWidth: 200 }, children: [
-                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _30("Summary") }),
+                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _32("Summary") }),
                                     /* @__PURE__ */ jsxRuntime.jsx(
                                       antd.Select,
                                       {
@@ -12799,18 +13358,18 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                                         },
                                         style: { width: "100%" },
                                         options: [
-                                          { label: _30("Sum"), value: "sum" },
-                                          { label: _30("Average"), value: "avg" },
-                                          { label: _30("Count"), value: "count" },
-                                          { label: _30("Max"), value: "max" },
-                                          { label: _30("Min"), value: "min" },
-                                          { label: _30("Std Dev"), value: "stddev" }
+                                          { label: _32("Sum"), value: "sum" },
+                                          { label: _32("Average"), value: "avg" },
+                                          { label: _32("Count"), value: "count" },
+                                          { label: _32("Max"), value: "max" },
+                                          { label: _32("Min"), value: "min" },
+                                          { label: _32("Std Dev"), value: "stddev" }
                                         ]
                                       }
                                     )
                                   ] }),
                                   /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { minWidth: 180 }, children: [
-                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _30("Ranking Filter") }),
+                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _32("Ranking Filter") }),
                                     /* @__PURE__ */ jsxRuntime.jsx(
                                       antd.Select,
                                       {
@@ -12821,15 +13380,15 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                                         },
                                         style: { width: "100%" },
                                         options: [
-                                          { label: _30("None"), value: "none" },
-                                          { label: _30("Top N"), value: "top" },
-                                          { label: _30("Bottom N"), value: "bottom" }
+                                          { label: _32("None"), value: "none" },
+                                          { label: _32("Top N"), value: "top" },
+                                          { label: _32("Bottom N"), value: "bottom" }
                                         ]
                                       }
                                     )
                                   ] }),
                                   /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { minWidth: 220 }, children: [
-                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _30("Ranking Column") }),
+                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _32("Ranking Column") }),
                                     /* @__PURE__ */ jsxRuntime.jsx(
                                       antd.Select,
                                       {
@@ -12840,13 +13399,13 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                                         },
                                         style: { width: "100%" },
                                         options: numericFields.map((field) => ({ label: field.label, value: field.key })),
-                                        placeholder: _30("Select numeric column"),
+                                        placeholder: _32("Select numeric column"),
                                         disabled: rankingMode === "none" || numericFields.length === 0
                                       }
                                     )
                                   ] }),
                                   /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { minWidth: 120 }, children: [
-                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _30("N") }),
+                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _32("N") }),
                                     /* @__PURE__ */ jsxRuntime.jsx(
                                       antd.InputNumber,
                                       {
@@ -12865,8 +13424,8 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                                 ] }),
                                 /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                                   /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 12, marginBottom: 6 }, children: [
-                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary }, children: _30("Series") }),
-                                    /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _30("Unselect All"), children: /* @__PURE__ */ jsxRuntime.jsx(
+                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary }, children: _32("Series") }),
+                                    /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Unselect All"), children: /* @__PURE__ */ jsxRuntime.jsx(
                                       antd.Button,
                                       {
                                         size: "small",
@@ -12886,7 +13445,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                                         markAnalyzePrefsTouched();
                                         setSelectedSeriesKeys(values);
                                       },
-                                      options: numericFields.length > 0 ? numericFields.map((field) => ({ label: field.label, value: field.key })) : [{ label: _30("Count"), value: "__count__" }]
+                                      options: numericFields.length > 0 ? numericFields.map((field) => ({ label: field.label, value: field.key })) : [{ label: _32("Count"), value: "__count__" }]
                                     }
                                   )
                                 ] })
@@ -12911,11 +13470,11 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                     styles: { body: { display: "grid", gap: 16, position: "relative", paddingTop: 48 } },
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "absolute", top: 0, right: 0, display: "flex", gap: 8 }, children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _30("Analysis"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.BarChartOutlined, {}), onClick: () => setIsStatsFlipped(false) }) }),
-                        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _30("Export stats PDF"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.FilePdfOutlined, {}), onClick: exportStatsPdf }) })
+                        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Analysis"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.BarChartOutlined, {}), onClick: () => setIsStatsFlipped(false) }) }),
+                        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Export stats PDF"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.FilePdfOutlined, {}), onClick: exportStatsPdf }) })
                       ] }),
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gap: 16 }, children: [
-                        statsSummary.numericStats.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(antd.Card, { size: "small", title: /* @__PURE__ */ jsxRuntime.jsx("span", { style: statsTitleStyle, children: _30("Numeric columns") }), children: /* @__PURE__ */ jsxRuntime.jsxs(
+                        statsSummary.numericStats.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(antd.Card, { size: "small", title: /* @__PURE__ */ jsxRuntime.jsx("span", { style: statsTitleStyle, children: _32("Numeric columns") }), children: /* @__PURE__ */ jsxRuntime.jsxs(
                           antd.Table,
                           {
                             dataSource: statsSummary.numericStats,
@@ -12926,18 +13485,18 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                               /* @__PURE__ */ jsxRuntime.jsx(
                                 antd.Table.Column,
                                 {
-                                  title: _30("Field"),
+                                  title: _32("Field"),
                                   dataIndex: "label",
                                   render: (label) => /* @__PURE__ */ jsxRuntime.jsx("span", { style: statsLabelStyle, children: label }),
                                   onHeaderCell: () => ({ style: statsHeaderStyle })
                                 },
                                 "label"
                               ),
-                              /* @__PURE__ */ jsxRuntime.jsx(antd.Table.Column, { title: _30("Sum"), align: "right", render: (_unused, row) => renderStatBar(row.sum, statsNumericMaxes.sum, formatNumberValue), onHeaderCell: () => ({ style: statsHeaderStyle }) }, "sum"),
-                              /* @__PURE__ */ jsxRuntime.jsx(antd.Table.Column, { title: _30("Average"), align: "right", render: (_unused, row) => renderStatBar(row.avg, statsNumericMaxes.avg, formatNumberValue), onHeaderCell: () => ({ style: statsHeaderStyle }) }, "avg"),
-                              /* @__PURE__ */ jsxRuntime.jsx(antd.Table.Column, { title: _30("Min"), align: "right", render: (_unused, row) => renderStatBar(row.min, statsNumericMaxes.min, formatNumberValue), onHeaderCell: () => ({ style: statsHeaderStyle }) }, "min"),
-                              /* @__PURE__ */ jsxRuntime.jsx(antd.Table.Column, { title: _30("Max"), align: "right", render: (_unused, row) => renderStatBar(row.max, statsNumericMaxes.max, formatNumberValue), onHeaderCell: () => ({ style: statsHeaderStyle }) }, "max"),
-                              /* @__PURE__ */ jsxRuntime.jsx(antd.Table.Column, { title: _30("Std Dev"), align: "right", render: (_unused, row) => renderStatBar(row.stddev, statsNumericMaxes.stddev, formatNumberValue), onHeaderCell: () => ({ style: statsHeaderStyle }) }, "stddev")
+                              /* @__PURE__ */ jsxRuntime.jsx(antd.Table.Column, { title: _32("Sum"), align: "right", render: (_unused, row) => renderStatBar(row.sum, statsNumericMaxes.sum, formatNumberValue), onHeaderCell: () => ({ style: statsHeaderStyle }) }, "sum"),
+                              /* @__PURE__ */ jsxRuntime.jsx(antd.Table.Column, { title: _32("Average"), align: "right", render: (_unused, row) => renderStatBar(row.avg, statsNumericMaxes.avg, formatNumberValue), onHeaderCell: () => ({ style: statsHeaderStyle }) }, "avg"),
+                              /* @__PURE__ */ jsxRuntime.jsx(antd.Table.Column, { title: _32("Min"), align: "right", render: (_unused, row) => renderStatBar(row.min, statsNumericMaxes.min, formatNumberValue), onHeaderCell: () => ({ style: statsHeaderStyle }) }, "min"),
+                              /* @__PURE__ */ jsxRuntime.jsx(antd.Table.Column, { title: _32("Max"), align: "right", render: (_unused, row) => renderStatBar(row.max, statsNumericMaxes.max, formatNumberValue), onHeaderCell: () => ({ style: statsHeaderStyle }) }, "max"),
+                              /* @__PURE__ */ jsxRuntime.jsx(antd.Table.Column, { title: _32("Std Dev"), align: "right", render: (_unused, row) => renderStatBar(row.stddev, statsNumericMaxes.stddev, formatNumberValue), onHeaderCell: () => ({ style: statsHeaderStyle }) }, "stddev")
                             ]
                           }
                         ) }),
@@ -12949,7 +13508,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                             items: [
                               {
                                 key: "categorical-columns",
-                                label: /* @__PURE__ */ jsxRuntime.jsx("span", { style: statsTitleStyle, children: _30("Categorical columns (distinct < 20)") }),
+                                label: /* @__PURE__ */ jsxRuntime.jsx("span", { style: statsTitleStyle, children: _32("Categorical columns (distinct < 20)") }),
                                 children: statsSummary.categoricalStats.map((field) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: 12 }, children: [
                                   /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontWeight: 600, marginBottom: 4 }, children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: statsLabelStyle, children: field.label }) }),
                                   /* @__PURE__ */ jsxRuntime.jsxs(
@@ -12960,11 +13519,11 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                                       pagination: false,
                                       rowKey: (row) => row.value,
                                       children: [
-                                        /* @__PURE__ */ jsxRuntime.jsx(antd.Table.Column, { title: _30("Value"), dataIndex: "value", onHeaderCell: () => ({ style: statsHeaderStyle }) }, "value"),
+                                        /* @__PURE__ */ jsxRuntime.jsx(antd.Table.Column, { title: _32("Value"), dataIndex: "value", onHeaderCell: () => ({ style: statsHeaderStyle }) }, "value"),
                                         /* @__PURE__ */ jsxRuntime.jsx(
                                           antd.Table.Column,
                                           {
-                                            title: _30("Count"),
+                                            title: _32("Count"),
                                             dataIndex: "count",
                                             align: "right",
                                             onHeaderCell: () => ({ style: statsHeaderStyle }),
@@ -13096,7 +13655,7 @@ var RelatedObjectSingleSelect = ({ rel, record, allModels, required }) => {
     }
   );
 };
-var _31 = window._ || ((text) => text);
+var _33 = window._ || ((text) => text);
 function useMillerColumnItems({
   parentId,
   rel,
@@ -13214,7 +13773,7 @@ function useMillerColumnItems({
       } catch (err) {
         if (err instanceof DOMException && err.name === "AbortError") return;
         if (isMounted) {
-          setError(err instanceof Error ? err.message : _31("Failed to load items"));
+          setError(err instanceof Error ? err.message : _33("Failed to load items"));
         }
       } finally {
         if (isMounted) setLoading(false);
@@ -13266,7 +13825,7 @@ var MillerColumn = ({
         antd.Empty,
         {
           image: antd.Empty.PRESENTED_IMAGE_SIMPLE,
-          description: _31("No items"),
+          description: _33("No items"),
           style: { margin: "32px 0" }
         }
       ),
@@ -13343,12 +13902,12 @@ var DetailPaneContent = ({ node, allModels }) => {
   const model = allModels?.find((m) => m.name === node.resource);
   const showHref = getShowHref(node.resource, node.id, allModels);
   if (!model) {
-    return /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: `${_31("No schema for")} ${node.resource}`, style: { marginTop: 32 } });
+    return /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: `${_33("No schema for")} ${node.resource}`, style: { marginTop: 32 } });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 12 }, children: [
       /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Title, { level: 5, style: { margin: 0, color: token.colorTextSecondary, fontWeight: 500, flex: 1, minWidth: 0 }, children: node.label }),
-      showHref && /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _31("Open in new tab"), children: /* @__PURE__ */ jsxRuntime.jsx(
+      showHref && /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _33("Open in new tab"), children: /* @__PURE__ */ jsxRuntime.jsx(
         antd.Button,
         {
           size: "small",
@@ -13454,7 +14013,7 @@ var MillerBrowserLayout = ({
     }
   };
   if (!rootId) {
-    return /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: _31("No record selected") });
+    return /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: _33("No record selected") });
   }
   const columnsAreaStyle = columnsWidth !== null ? { width: columnsWidth, flexShrink: 0, flexGrow: 0, minWidth: 200, overflowX: "auto", display: "flex", height: "100%" } : { width: showDetails ? "fit-content" : "100%", maxWidth: showDetails ? "50%" : "100%", flexShrink: 0, minWidth: 240, overflowX: "auto", display: "flex", height: "100%" };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -13517,7 +14076,7 @@ var MillerBrowserLayout = ({
       showDetails && /* @__PURE__ */ jsxRuntime.jsx(
         antd.Drawer,
         {
-          title: detailNode?.label ?? _31("Details"),
+          title: detailNode?.label ?? _33("Details"),
           placement: "right",
           open: drawerOpen && !isDesktop,
           onClose: () => setDrawerOpen(false),
@@ -13627,6 +14186,24 @@ var renderRelationBlock = ({
       /* @__PURE__ */ jsxRuntime.jsx("div", { style: resolvedValueStyle, children: /* @__PURE__ */ jsxRuntime.jsx(RelatedObjectsInlineValues, { rel, record, viewType: "csv", allModels }) })
     ] }) });
   }
+  if (viewType === "editable-csv" || viewType === "read-and-edit-csv") {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginBottom: 0 }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: resolvedLayoutStyle, children: [
+      showLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { style: resolvedLabelStyle, children: relationLabel }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: resolvedValueStyle, children: /* @__PURE__ */ jsxRuntime.jsx(RelatedObjectsEditableCsv, { rel, record, allModels }) })
+    ] }) });
+  }
+  if (viewType === "read-and-edit-list") {
+    if (rel.otherResource && rel.otherKey) {
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: 16, boxShadow: `0 8px 20px -16px ${relationTone.shadow}` }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...resolvedLabelStyle, marginBottom: 4 }, children: showLabel ? relationLabel : null }),
+        /* @__PURE__ */ jsxRuntime.jsx(RelatedObjectsEditableList, { rel, record, allModels })
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginBottom: 0 }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: resolvedLayoutStyle, children: [
+      showLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { style: resolvedLabelStyle, children: relationLabel }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: resolvedValueStyle, children: /* @__PURE__ */ jsxRuntime.jsx(RelatedObjectsInlineValues, { rel, record, viewType: "list", allModels }) })
+    ] }) });
+  }
   if (isInlineListView && !polymorphicInfo) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginBottom: 0 }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: resolvedLayoutStyle, children: [
       showLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { style: resolvedLabelStyle, children: relationLabel }),
@@ -13820,7 +14397,7 @@ var renderRelationBlock = ({
     content
   ] }, rel.resource);
 };
-var _32 = window._ || ((text) => text);
+var _34 = window._ || ((text) => text);
 var { Title: Title7 } = antd.Typography;
 var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbedded = false, showActions = true, showCreate = true, layoutPreferenceType, listViewType, rowSelection, extraHeaderButtons, bulkActions, preferencesResourceOverride, defaultListVisible }) => {
   const model = useRoleFilteredModel(modelProp);
@@ -13890,7 +14467,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
   const [galleryPage, setGalleryPage] = React6.useState(1);
   const [calendarMode, setCalendarMode] = React6.useState("month");
   const [calendarDateField, setCalendarDateField] = React6.useState(() => calendarDateFieldOptions[0]?.key || "");
-  const [calendarAnchorDate, setCalendarAnchorDate] = React6.useState(() => dayjs7__default.default().startOf("month"));
+  const [calendarAnchorDate, setCalendarAnchorDate] = React6.useState(() => dayjs8__default.default().startOf("month"));
   const [isAnalyzeVertical, setIsAnalyzeVertical] = React6.useState(false);
   const [isAnalyzeFirst, setIsAnalyzeFirst] = React6.useState(false);
   const [filterRules, setFilterRules] = React6.useState([]);
@@ -13900,7 +14477,9 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
   const [selectedColumnKeys, setSelectedColumnKeys] = React6.useState(null);
   const [columnOrder, setColumnOrder] = React6.useState(null);
   const [columnFiltersSelected, setColumnFiltersSelected] = React6.useState({});
-  const [columnSort, setColumnSort] = React6.useState([]);
+  const [columnSort, setColumnSort] = React6.useState(
+    model.defaultSort ? [{ fieldKey: model.defaultSort.field, order: model.defaultSort.order === "desc" ? "descend" : "ascend" }] : []
+  );
   const [totalsSummaryFunctions, setTotalsSummaryFunctions] = React6.useState({});
   const [currentViewName, setCurrentViewName] = React6.useState(getDefaultViewName());
   const [selectedViewNames, setSelectedViewNames] = React6.useState([]);
@@ -13955,6 +14534,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
   const layoutPrefsLoadedRef = React6.useRef(false);
   const layoutPrefsResourceRef = React6.useRef(null);
   const sortIntentRef = React6.useRef(null);
+  const prevViewNameForResetRef = React6.useRef(null);
   const [bulkSelectedRowKeys, setBulkSelectedRowKeys] = React6.useState([]);
   const bulkSelectedRowsMapRef = React6.useRef(/* @__PURE__ */ new Map());
   const [selectModeAssociating, setSelectModeAssociating] = React6.useState(false);
@@ -13983,12 +14563,12 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
           });
         }
       }
-      antd.message.success(_32("Relations added."));
+      antd.message.success(_34("Relations added."));
       if (selectModeReturnTo && selectModeReturnTo.startsWith("/")) {
         navigate(selectModeReturnTo);
       }
     } catch {
-      antd.message.error(_32("Failed to add relations."));
+      antd.message.error(_34("Failed to add relations."));
     } finally {
       setSelectModeAssociating(false);
     }
@@ -14086,7 +14666,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
     const direction = value?.direction || "next";
     const unit = value?.unit || "weeks";
     const isQuarter = unit === "quarters";
-    const base = dayjs7__default.default();
+    const base = dayjs8__default.default();
     if (asRange || direction === "current") {
       const anchor = direction === "current" ? base : direction === "previous" ? isQuarter ? base.subtract(count * 3, "month") : base.subtract(count, unit) : isQuarter ? base.add(count * 3, "month") : base.add(count, unit);
       if (isQuarter) {
@@ -14147,7 +14727,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
       return true;
     }
     if (field.type === "date" || field.type === "datetime") {
-      const recordDate = dayjs7__default.default(rawValue);
+      const recordDate = dayjs8__default.default(rawValue);
       if (!recordDate.isValid()) return false;
       const mode = rule.value?.mode || "absolute";
       const mode2 = rule.value2?.mode || "absolute";
@@ -14155,7 +14735,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
         if (val?.mode === "relative") {
           return resolveRelativeDate(val, asRange);
         }
-        const date = dayjs7__default.default(val?.date || val);
+        const date = dayjs8__default.default(val?.date || val);
         return asRange ? { start: date.startOf("day"), end: date.endOf("day") } : { date: date.startOf("day") };
       };
       switch (rule.operator) {
@@ -14166,13 +14746,13 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
         }
         case "after": {
           const dateVal = mode === "relative" ? resolveRelativeDate(rule.value, false).date : getDateValue(rule.value, false).date;
-          if (!dateVal || !dayjs7__default.default(dateVal).isValid()) return false;
-          return recordDate.valueOf() > dayjs7__default.default(dateVal).endOf("day").valueOf();
+          if (!dateVal || !dayjs8__default.default(dateVal).isValid()) return false;
+          return recordDate.valueOf() > dayjs8__default.default(dateVal).endOf("day").valueOf();
         }
         case "before": {
           const dateVal = mode === "relative" ? resolveRelativeDate(rule.value, false).date : getDateValue(rule.value, false).date;
-          if (!dateVal || !dayjs7__default.default(dateVal).isValid()) return false;
-          return recordDate.valueOf() < dayjs7__default.default(dateVal).startOf("day").valueOf();
+          if (!dateVal || !dayjs8__default.default(dateVal).isValid()) return false;
+          return recordDate.valueOf() < dayjs8__default.default(dateVal).startOf("day").valueOf();
         }
         case "between": {
           const startRange = mode === "relative" ? resolveRelativeDate(rule.value, true) : getDateValue(rule.value, true);
@@ -14494,7 +15074,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
   }, [numericFields, rankingFieldKey, rankingMode]);
   const resetLayoutDefaults = React6.useCallback(() => {
     setListVisible(defaultListVisible ?? true);
-    setAnalyzeOpen(false);
+    setAnalyzeOpen(isEmbedded);
     setIsAnalyzeVertical(false);
     setIsAnalyzeFirst(false);
     setFiltersCollapsed(isEmbedded);
@@ -14618,7 +15198,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
       return;
     }
     if (availableViewNames.includes(newName)) {
-      antd.message.error(_32("View name already exists."));
+      antd.message.error(_34("View name already exists."));
       return;
     }
     try {
@@ -14631,18 +15211,18 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
       if (!response.ok) {
         throw new Error(`Rename failed (${response.status})`);
       }
-      antd.message.success(_32("View renamed."));
+      antd.message.success(_34("View renamed."));
       setRenameViewModalOpen(false);
       await loadViewNames();
     } catch (error) {
-      antd.message.error(error instanceof Error ? error.message : _32("Failed to rename view."));
+      antd.message.error(error instanceof Error ? error.message : _34("Failed to rename view."));
     }
   }, [apiUrl, availableViewNames, currentViewName, model.name, model.resource, renameViewName, allModels, loadViewNames]);
   const confirmDeleteView = React6.useCallback(() => {
     antd.Modal.confirm({
-      title: _32(_32("Delete view")),
+      title: _34(_34("Delete view")),
       content: `Delete "${currentViewName}" and all its saved preferences?`,
-      okText: _32("Delete"),
+      okText: _34("Delete"),
       okButtonProps: { danger: true },
       onOk: async () => {
         try {
@@ -14655,10 +15235,10 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
           if (!response.ok) {
             throw new Error(`Delete failed (${response.status})`);
           }
-          antd.message.success(_32("View deleted."));
+          antd.message.success(_34("View deleted."));
           await loadViewNames();
         } catch (error) {
-          antd.message.error(error instanceof Error ? error.message : _32("Failed to delete view."));
+          antd.message.error(error instanceof Error ? error.message : _34("Failed to delete view."));
         }
       }
     });
@@ -14700,9 +15280,9 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
       if (failed) {
         throw new Error(`Save failed (${failed.status})`);
       }
-      antd.message.success(_32("Layout preferences saved."));
+      antd.message.success(_34("Layout preferences saved."));
     } catch (error) {
-      antd.message.error(error instanceof Error ? error.message : _32("Failed to save layout preferences."));
+      antd.message.error(error instanceof Error ? error.message : _34("Failed to save layout preferences."));
     } finally {
       setIsSavingLayoutPrefs(false);
     }
@@ -14731,9 +15311,9 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
       if (!response.ok) {
         throw new Error(`Save failed (${response.status})`);
       }
-      antd.message.success(_32("Analyze preferences saved."));
+      antd.message.success(_34("Analyze preferences saved."));
     } catch (error) {
-      antd.message.error(error instanceof Error ? error.message : _32("Failed to save analyze preferences."));
+      antd.message.error(error instanceof Error ? error.message : _34("Failed to save analyze preferences."));
     } finally {
       setIsSavingAnalyzePrefs(false);
     }
@@ -14743,11 +15323,11 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
     const viewName = normalizeViewName(saveViewName || currentViewName);
     const viewExists = availableViewNames.includes(viewName);
     if (saveViewAsNew && viewExists) {
-      antd.message.error(_32("View name already exists. Choose a new name."));
+      antd.message.error(_34("View name already exists. Choose a new name."));
       return;
     }
     if (!saveViewAsNew && viewName !== currentViewName && viewExists) {
-      antd.message.error(_32('Choose a new name or enable "Save as new view".'));
+      antd.message.error(_34('Choose a new name or enable "Save as new view".'));
       return;
     }
     setSaveViewModalOpen(false);
@@ -14770,6 +15350,8 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
   }, [loadViewNames]);
   React6.useEffect(() => {
     if (!viewNamesLoaded) return;
+    const viewChanged = prevViewNameForResetRef.current !== null && prevViewNameForResetRef.current !== currentViewName;
+    prevViewNameForResetRef.current = currentViewName;
     analyzePrefsTouchedRef.current = false;
     layoutPrefsTouchedRef.current = false;
     analyzePrefsLoadedRef.current = false;
@@ -14777,8 +15359,11 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
     setColumnsSelectorOpen(false);
     setSaveViewName(currentViewName);
     setSaveViewAsNew(false);
-    resetLayoutDefaults();
-    resetAnalyzeDefaults();
+    if (viewChanged) {
+      analyzeTouchedRef.current = false;
+      resetLayoutDefaults();
+      resetAnalyzeDefaults();
+    }
   }, [currentViewName, resetAnalyzeDefaults, resetLayoutDefaults, viewNamesLoaded]);
   React6.useEffect(() => {
     const resourceKey = prefsKey;
@@ -14945,7 +15530,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
       }
       setAllRowsData(allRows2);
     } catch (error) {
-      setAllRowsError(error instanceof Error ? error.message : _32("Failed to fetch all rows"));
+      setAllRowsError(error instanceof Error ? error.message : _34("Failed to fetch all rows"));
     } finally {
       setIsAllRowsLoading(false);
       setAllRowsLoaded(true);
@@ -14984,7 +15569,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
         if (forRange) return { start: resolved.start?.toISOString(), end: resolved.end?.toISOString() };
         return { date: resolved.date?.toISOString() };
       }
-      const date = dayjs7__default.default(val?.date || val);
+      const date = dayjs8__default.default(val?.date || val);
       if (!date.isValid()) return {};
       if (forRange) return { start: date.startOf("day").toISOString(), end: date.endOf("day").toISOString() };
       return { date: date.startOf("day").toISOString() };
@@ -15040,7 +15625,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
     setFilters(combined, "replace");
   }, [filterRules, hasActiveFilterRules, isClientFiltering, model.fields, setFilters, tableFilters]);
   const formatCategoryValue = React6.useCallback((field, record) => {
-    if (!field) return _32("All");
+    if (!field) return _34("All");
     const raw = record?.[field.key];
     if (raw === void 0 || raw === null) return "-";
     if (field.key === "eid" && record?._label) return record._label;
@@ -15051,7 +15636,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
     if (field.options) {
       return field.options.find((option) => option.value === raw)?.label || String(raw);
     }
-    if (field.type === "boolean") return raw ? _32("Yes") : _32("No");
+    if (field.type === "boolean") return raw ? _34("Yes") : _34("No");
     if (field.type === "date") return formatDateValue(raw);
     if (field.type === "datetime") return formatDateTimeValue(raw) ?? String(raw);
     if (field.type === "time") return formatTimeValue(raw);
@@ -15136,7 +15721,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
     const seriesLabels = numericFields.length > 0 ? numericFields.reduce((acc, field) => {
       acc[field.key] = field.label;
       return acc;
-    }, { "__count__": _32("Count") }) : { "__count__": _32("Count") };
+    }, { "__count__": _34("Count") }) : { "__count__": _34("Count") };
     const baseGroups = Array.from(groupMap.values());
     let groups = baseGroups;
     if (rankingMode !== "none" && rankingFieldKey) {
@@ -15193,7 +15778,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
           } else if (field.options) {
             label = field.options.find((o) => o.value === raw)?.label || String(raw);
           } else if (field.type === "boolean") {
-            label = raw ? _32("Yes") : _32("No");
+            label = raw ? _34("Yes") : _34("No");
           } else if (field.type === "date") {
             label = formatDateValue(raw);
           } else if (field.type === "datetime") {
@@ -15255,13 +15840,13 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
   const getSummaryFunctionDisplayText = React6.useCallback((fn) => {
     if (!fn) return "";
     const labels = {
-      sum: _32("Sum"),
-      avg: _32("Average"),
-      count: _32("Count"),
-      max: _32("Max"),
-      min: _32("Min"),
-      stddev: _32("Std Dev"),
-      distinct: _32("Distinct")
+      sum: _34("Sum"),
+      avg: _34("Average"),
+      count: _34("Count"),
+      max: _34("Max"),
+      min: _34("Min"),
+      stddev: _34("Std Dev"),
+      distinct: _34("Distinct")
     };
     return labels[fn] || fn;
   }, []);
@@ -15322,12 +15907,12 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
           `td-num-${item.key}`
         )) })
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: isTdFlipped ? _32("Show totals") : _32("Show details"), children: /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: isTdFlipped ? _34("Show totals") : _34("Show details"), children: /* @__PURE__ */ jsxRuntime.jsx(
         antd.Button,
         {
           size: "small",
           icon: /* @__PURE__ */ jsxRuntime.jsx(icons.SwapOutlined, { style: { transform: "rotate(90deg)" } }),
-          "aria-label": isTdFlipped ? _32("Show totals") : _32("Show details"),
+          "aria-label": isTdFlipped ? _34("Show totals") : _34("Show details"),
           onClick: () => setIsTdFlipped((prev) => !prev),
           style: {
             flexShrink: 0,
@@ -15402,7 +15987,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
     if (field.options) {
       return field.options.find((option) => option.value === raw)?.label || String(raw);
     }
-    if (field.type === "boolean") return raw ? _32("Yes") : _32("No");
+    if (field.type === "boolean") return raw ? _34("Yes") : _34("No");
     if (field.type === "date") return formatDateValue(raw);
     if (field.type === "datetime") return formatDateTimeValue(raw) ?? String(raw);
     if (field.type === "time") return formatTimeValue(raw);
@@ -15494,7 +16079,8 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
   const exportStatsPdf = () => {
     openPdfWindow(`${model.name}-stats`, buildStatsHtml(statsSummary));
   };
-  const getRowKey = (record) => {
+  const getRowKey = (record, index) => {
+    if (model.isNamedQuery && index !== void 0) return String(index);
     if (record?.eid !== void 0 && record?.eid !== null) return record.eid;
     if (record?.id !== void 0 && record?.id !== null) return record.id;
     if (relationConfig?.targetKey || relationConfig?.otherKey) {
@@ -15511,7 +16097,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
     if (relationConfig?.otherResource && relationConfig?.otherKey && record[relationConfig.otherKey]) {
       return { resource: relationConfig.otherResource, id: record[relationConfig.otherKey], isLinkRow: true };
     }
-    const resourceName = model.resource || model.name;
+    const resourceName = model.isNamedQuery && model.primaryResource ? model.primaryResource : model.resource || model.name;
     const explicitPk = model.pkField ? record[model.pkField] : void 0;
     const isPkField = model.fields?.find((f) => f.isPk)?.key;
     const pkValue = explicitPk ?? (isPkField ? record[isPkField] : void 0) ?? record.eid ?? record.id ?? null;
@@ -15577,7 +16163,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
         for (const actionKey of apiActionKeys) {
           if (actionKey === "__delete__") {
             const resp = await authenticatedFetch(`${apiUrl}/${resource}/${id}`, { method: "DELETE" });
-            if (!resp.ok) throw new Error(`${_32("Delete failed for record")} ${id}`);
+            if (!resp.ok) throw new Error(`${_34("Delete failed for record")} ${id}`);
           } else if (actionKey === "__change_field__") {
             if (!bulkChangeFieldKey) continue;
             const payload = { ...record, [bulkChangeFieldKey]: bulkChangeFieldValue };
@@ -15587,7 +16173,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
               headers: { "Content-Type": "application/json" },
               body: JSON.stringify(payload)
             });
-            if (!resp.ok) throw new Error(`${_32("Update failed for record")} ${id}`);
+            if (!resp.ok) throw new Error(`${_34("Update failed for record")} ${id}`);
           } else if (actionKey === "__clone__") {
             const clonePayload = { ...record };
             delete clonePayload.eid;
@@ -15599,7 +16185,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
               headers: { "Content-Type": "application/json" },
               body: JSON.stringify(clonePayload)
             });
-            if (!resp.ok) throw new Error(`${_32("Clone failed for record")} ${id}`);
+            if (!resp.ok) throw new Error(`${_34("Clone failed for record")} ${id}`);
           } else if (actionKey === "__pin__") {
             await authenticatedFetch(`${apiUrl}/dashboard/pinned-records`, {
               method: "POST",
@@ -15618,11 +16204,11 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
         }
       }
       antd.message.success(
-        _32("Actions applied successfully to {count} rows").replace("{count}", String(records.length))
+        _34("Actions applied successfully to {count} rows").replace("{count}", String(records.length))
       );
     } catch (e) {
       errorOccurred = true;
-      antd.message.error(e?.message || _32("Bulk action failed"));
+      antd.message.error(e?.message || _34("Bulk action failed"));
     } finally {
       setIsBulkExecuting(false);
       setBulkActionModalOpen(false);
@@ -15680,7 +16266,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
       antd.Table.SELECTION_NONE,
       {
         key: "select-all-filtered",
-        text: _32("Select all filtered rows"),
+        text: _34("Select all filtered rows"),
         onSelect: handleSelectAllFiltered
       }
     ]
@@ -15689,19 +16275,19 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
   const bulkActionsAvailable = React6.useMemo(() => {
     const opts = [];
     if (canBulkEdit) {
-      opts.push({ label: _32("Change field value"), value: "__change_field__" });
+      opts.push({ label: _34("Change field value"), value: "__change_field__" });
     }
-    opts.push({ label: _32("Export selected (CSV)"), value: "__export_csv__" });
+    opts.push({ label: _34("Export selected (CSV)"), value: "__export_csv__" });
     if (canBulkEdit) {
-      opts.push({ label: _32("Clone / Duplicate selected"), value: "__clone__" });
+      opts.push({ label: _34("Clone / Duplicate selected"), value: "__clone__" });
     }
     if (bulkActions && bulkActions.length > 0) {
-      bulkActions.forEach((a) => opts.push({ label: _32(a.label), value: a.key }));
+      bulkActions.forEach((a) => opts.push({ label: _34(a.label), value: a.key }));
     }
-    opts.push({ label: _32("Pin selected"), value: "__pin__" });
-    opts.push({ label: _32("Unpin selected"), value: "__unpin__" });
+    opts.push({ label: _34("Pin selected"), value: "__pin__" });
+    opts.push({ label: _34("Unpin selected"), value: "__unpin__" });
     if (canBulkDelete) {
-      opts.push({ label: _32("Delete selected"), value: "__delete__" });
+      opts.push({ label: _34("Delete selected"), value: "__delete__" });
     }
     return opts;
   }, [bulkActions, canBulkDelete, canBulkEdit]);
@@ -15718,9 +16304,9 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
     background: token.colorWarningBg,
     border: `1px solid ${token.colorWarningBorder}`
   }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontWeight: 500, color: token.colorWarningText }, children: bulkSelectedRowKeys.length > 0 ? _32("{count} rows selected").replace("{count}", String(bulkSelectedRowKeys.length)) : _32("Select rows to associate") }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontWeight: 500, color: token.colorWarningText }, children: bulkSelectedRowKeys.length > 0 ? _34("{count} rows selected").replace("{count}", String(bulkSelectedRowKeys.length)) : _34("Select rows to associate") }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
-      selectModeReturnTo && /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", onClick: () => navigate(selectModeReturnTo), children: _32("Cancel") }),
+      selectModeReturnTo && /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", onClick: () => navigate(selectModeReturnTo), children: _34("Cancel") }),
       /* @__PURE__ */ jsxRuntime.jsx(
         antd.Button,
         {
@@ -15729,7 +16315,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
           disabled: bulkSelectedRowKeys.length === 0,
           loading: selectModeAssociating,
           onClick: handleAssociateSelected,
-          children: _32("Associate selected")
+          children: _34("Associate selected")
         }
       )
     ] })
@@ -15745,7 +16331,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
     background: token.colorInfoBg,
     border: `1px solid ${token.colorInfoBorder}`
   }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontWeight: 500 }, children: _32("{count} rows selected").replace("{count}", String(bulkSelectedRowKeys.length)) }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontWeight: 500 }, children: _34("{count} rows selected").replace("{count}", String(bulkSelectedRowKeys.length)) }),
     bulkSelectedRowKeys.length < filteredTotalCount && /* @__PURE__ */ jsxRuntime.jsx(
       antd.Button,
       {
@@ -15754,16 +16340,16 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
         loading: selectAllFilteredPending && isAllRowsLoading,
         onClick: handleSelectAllFiltered,
         style: { padding: 0 },
-        children: _32("Select all {count} filtered rows").replace("{count}", String(filteredTotalCount))
+        children: _34("Select all {count} filtered rows").replace("{count}", String(filteredTotalCount))
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "link", size: "small", onClick: clearBulkSelection, style: { padding: 0 }, children: _32("Clear selection") }),
+    /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "link", size: "small", onClick: clearBulkSelection, style: { padding: 0 }, children: _34("Clear selection") }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1, minWidth: 180 }, children: /* @__PURE__ */ jsxRuntime.jsx(
       antd.Select,
       {
         mode: "multiple",
         size: "small",
-        placeholder: _32("Actions"),
+        placeholder: _34("Actions"),
         style: { width: "100%" },
         value: bulkActionsToApply,
         onChange: (values) => {
@@ -15781,7 +16367,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
         antd.Select,
         {
           size: "small",
-          placeholder: _32("Select field"),
+          placeholder: _34("Select field"),
           style: { minWidth: 160 },
           value: bulkChangeFieldKey ?? void 0,
           onChange: (v) => {
@@ -15796,7 +16382,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
         antd.Select,
         {
           size: "small",
-          placeholder: _32("Select value"),
+          placeholder: _34("Select value"),
           style: { minWidth: 180 },
           value: bulkChangeFieldValue ?? void 0,
           onChange: (v) => setBulkChangeFieldValue(v),
@@ -15807,25 +16393,25 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
         antd.Select,
         {
           size: "small",
-          placeholder: _32("Select value"),
+          placeholder: _34("Select value"),
           style: { minWidth: 120 },
           value: bulkChangeFieldValue ?? void 0,
           onChange: (v) => setBulkChangeFieldValue(v),
-          options: [{ label: _32("True"), value: true }, { label: _32("False"), value: false }],
+          options: [{ label: _34("True"), value: true }, { label: _34("False"), value: false }],
           allowClear: true
         }
       ) : bulkChangeField.type === "date" ? /* @__PURE__ */ jsxRuntime.jsx(
         antd.DatePicker,
         {
           size: "small",
-          value: bulkChangeFieldValue ? dayjs7__default.default(bulkChangeFieldValue) : null,
+          value: bulkChangeFieldValue ? dayjs8__default.default(bulkChangeFieldValue) : null,
           onChange: (v) => setBulkChangeFieldValue(v ? v.toISOString() : null)
         }
       ) : bulkChangeField.type === "number" ? /* @__PURE__ */ jsxRuntime.jsx(
         antd.InputNumber,
         {
           size: "small",
-          placeholder: _32("Value"),
+          placeholder: _34("Value"),
           value: bulkChangeFieldValue,
           onChange: (v) => setBulkChangeFieldValue(v),
           style: { minWidth: 120 }
@@ -15834,7 +16420,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
         antd.Input,
         {
           size: "small",
-          placeholder: _32("Value"),
+          placeholder: _34("Value"),
           value: bulkChangeFieldValue ?? "",
           onChange: (e) => setBulkChangeFieldValue(e.target.value),
           style: { minWidth: 160 }
@@ -15848,7 +16434,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
         size: "small",
         disabled: bulkActionsToApply.length === 0,
         onClick: () => setBulkActionModalOpen(true),
-        children: _32("Apply")
+        children: _34("Apply")
       }
     )
   ] }) : null;
@@ -15856,16 +16442,16 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
     antd.Modal,
     {
       open: bulkActionModalOpen,
-      title: _32("Confirm bulk action"),
+      title: _34("Confirm bulk action"),
       onCancel: () => {
         if (!isBulkExecuting) setBulkActionModalOpen(false);
       },
       footer: [
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { onClick: () => setBulkActionModalOpen(false), disabled: isBulkExecuting, children: _32("Cancel") }, "cancel"),
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "primary", loading: isBulkExecuting, onClick: executeBulkActions, children: _32("Confirm") }, "ok")
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { onClick: () => setBulkActionModalOpen(false), disabled: isBulkExecuting, children: _34("Cancel") }, "cancel"),
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "primary", loading: isBulkExecuting, onClick: executeBulkActions, children: _34("Confirm") }, "ok")
       ],
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { children: _32("You are about to apply the following actions to {count} rows:").replace("{count}", String(bulkSelectedRowKeys.length)) }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: _34("You are about to apply the following actions to {count} rows:").replace("{count}", String(bulkSelectedRowKeys.length)) }),
         /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { paddingLeft: 20, marginBottom: 8 }, children: bulkActionsToApply.map((actionKey) => {
           const label = bulkActionsAvailable.find((a) => a.value === actionKey)?.label ?? actionKey;
           const extra = actionKey === "__change_field__" && bulkChangeField ? ` \u2192 ${bulkChangeField.label}: ${String(bulkChangeFieldValue ?? "")}` : "";
@@ -15881,7 +16467,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
   const listTitle = !isEmbedded ? renderModelHeading({
     model,
     title: modelDisplayLabel,
-    actionLabel: _32("List"),
+    actionLabel: _34("List"),
     moduleLabel: model.module ? getModuleLabel(model.module) : void 0
   }) : void 0;
   const numericBarColor = modelTone.soft || token.colorPrimaryBg || "rgba(22, 119, 255, 0.16)";
@@ -15905,7 +16491,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
       items: selectedViewNames.map((name) => ({ key: name, label: renderToneTabLabel(name, modelTone) }))
     }
   ) : null;
-  const listToggleButton = /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("View list"), children: /* @__PURE__ */ jsxRuntime.jsx(
+  const listToggleButton = /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("View list"), children: /* @__PURE__ */ jsxRuntime.jsx(
     antd.Button,
     {
       size: "small",
@@ -15916,7 +16502,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
       }
     }
   ) });
-  const exportButton = !isEmbedded ? /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Export CSV"), children: /* @__PURE__ */ jsxRuntime.jsx(
+  const exportButton = !isEmbedded ? /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("Export CSV"), children: /* @__PURE__ */ jsxRuntime.jsx(
     antd.Button,
     {
       size: "small",
@@ -15925,7 +16511,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
       loading: exportRequested && isAllRowsLoading
     }
   ) }) : null;
-  const columnsToggleButton = /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: columnsSelectorOpen ? _32("Hide view configuration") : _32("Show view configuration"), children: /* @__PURE__ */ jsxRuntime.jsx(
+  const columnsToggleButton = /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: columnsSelectorOpen ? _34("Hide view configuration") : _34("Show view configuration"), children: /* @__PURE__ */ jsxRuntime.jsx(
     antd.Button,
     {
       size: "small",
@@ -15937,10 +16523,10 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
           return next;
         });
       },
-      "aria-label": columnsSelectorOpen ? _32("Hide view configuration") : _32("Show view configuration")
+      "aria-label": columnsSelectorOpen ? _34("Hide view configuration") : _34("Show view configuration")
     }
   ) });
-  const createRelationButton = isRelationView && showCreate ? /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Add relation"), children: /* @__PURE__ */ jsxRuntime.jsx(
+  const createRelationButton = isRelationView && showCreate ? /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("Add relation"), children: /* @__PURE__ */ jsxRuntime.jsx(
     antd.Button,
     {
       size: "small",
@@ -15956,7 +16542,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
       }
     }
   ) }) : null;
-  const associateExistingFkButton = isRelationView && showCreate && filter?.field && filter?.value !== void 0 && filter?.value !== null && !relationConfig?.otherKey ? /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Associate existing"), children: /* @__PURE__ */ jsxRuntime.jsx(
+  const associateExistingFkButton = isRelationView && showCreate && filter?.field && filter?.value !== void 0 && filter?.value !== null && !relationConfig?.otherKey ? /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("Associate existing"), children: /* @__PURE__ */ jsxRuntime.jsx(
     antd.Button,
     {
       size: "small",
@@ -15976,7 +16562,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
       }
     }
   ) }) : null;
-  const createNewAndRelateButton = isRelationView && showCreate && relationConfig?.otherResource && relationConfig?.otherKey && (relationConfig?.targetKey || filter?.field) && filter?.value !== void 0 && filter?.value !== null ? /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Create new and relate"), children: /* @__PURE__ */ jsxRuntime.jsx(
+  const createNewAndRelateButton = isRelationView && showCreate && relationConfig?.otherResource && relationConfig?.otherKey && (relationConfig?.targetKey || filter?.field) && filter?.value !== void 0 && filter?.value !== null ? /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("Create new and relate"), children: /* @__PURE__ */ jsxRuntime.jsx(
     antd.Button,
     {
       size: "small",
@@ -15992,7 +16578,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
         const relatedModel = findModelByName(allModels, relationConfig?.otherResource || relationConfig?.otherResourcePath);
         const relatedResource = relatedModel ? resolveResourcePath(relatedModel.resource || relatedModel.name, allModels) : null;
         if (!relatedResource) {
-          antd.message.warning(_32("No create route for the related model. Opening relation create form."));
+          antd.message.warning(_34("No create route for the related model. Opening relation create form."));
           params.append(targetKey, String(targetId));
           const returnTo2 = `${location.pathname}${location.search}${location.hash}`;
           if (returnTo2.startsWith("/")) params.append("returnTo", returnTo2);
@@ -16012,7 +16598,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
   const embeddedActionBar = isEmbedded ? /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "flex-end", gap: 8, marginBottom: 8 }, children: [
     columnsToggleButton,
     listToggleButton,
-    /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Analyze"), children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("Analyze"), children: /* @__PURE__ */ jsxRuntime.jsx(
       antd.Button,
       {
         size: "small",
@@ -16025,7 +16611,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
         }
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Switch orientation"), children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("Switch orientation"), children: /* @__PURE__ */ jsxRuntime.jsx(
       antd.Button,
       {
         size: "small",
@@ -16036,7 +16622,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
         }
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Switch positions"), children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("Switch positions"), children: /* @__PURE__ */ jsxRuntime.jsx(
       antd.Button,
       {
         size: "small",
@@ -16047,7 +16633,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
         }
       }
     ) }),
-    resolvedLayoutPreferenceType && /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Save layout"), children: /* @__PURE__ */ jsxRuntime.jsx(
+    resolvedLayoutPreferenceType && /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("Save layout"), children: /* @__PURE__ */ jsxRuntime.jsx(
       antd.Button,
       {
         size: "small",
@@ -16059,7 +16645,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
     associateExistingFkButton,
     createRelationButton,
     createNewAndRelateButton,
-    /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Export CSV"), children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("Export CSV"), children: /* @__PURE__ */ jsxRuntime.jsx(
       antd.Button,
       {
         size: "small",
@@ -16215,10 +16801,10 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
     if (calendarInitSignatureRef.current === signature) return;
     calendarInitSignatureRef.current = signature;
     if (calendarEarliestDateTs === null) {
-      setCalendarAnchorDate(dayjs7__default.default().startOf(calendarMode));
+      setCalendarAnchorDate(dayjs8__default.default().startOf(calendarMode));
       return;
     }
-    setCalendarAnchorDate(dayjs7__default.default(calendarEarliestDateTs).startOf(calendarMode));
+    setCalendarAnchorDate(dayjs8__default.default(calendarEarliestDateTs).startOf(calendarMode));
   }, [calendarDateField, calendarEarliestDateTs, calendarMode, isCalendarView]);
   const calendarEntriesByDate = React6.useMemo(() => {
     const grouped = /* @__PURE__ */ new Map();
@@ -16266,7 +16852,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
   };
   const renderCalendarView = () => {
     if (calendarDateFieldOptions.length === 0) {
-      return /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: _32("No date/datetime fields available for calendar view.") });
+      return /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: _34("No date/datetime fields available for calendar view.") });
     }
     const selectedDateField = model.fields.find((field) => field.key === calendarDateField);
     const selectedLabel = selectedDateField?.label || calendarDateField;
@@ -16280,8 +16866,8 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
               value: calendarMode,
               onChange: (value) => setCalendarMode(value),
               options: [
-                { label: _32("Monthly"), value: "month" },
-                { label: _32("Weekly"), value: "week" }
+                { label: _34("Monthly"), value: "month" },
+                { label: _34("Weekly"), value: "week" }
               ],
               style: { minWidth: 120 }
             }
@@ -16294,35 +16880,35 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
               onChange: (value) => setCalendarDateField(value),
               options: calendarDateFieldOptions.map((field) => ({ label: field.label, value: field.key })),
               style: { minWidth: 220 },
-              placeholder: _32("Date field")
+              placeholder: _34("Date field")
             }
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { size: 8, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Previous"), children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("Previous"), children: /* @__PURE__ */ jsxRuntime.jsx(
             antd.Button,
             {
               size: "small",
               icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowLeftOutlined, {}),
-              "aria-label": _32("Previous"),
+              "aria-label": _34("Previous"),
               onClick: () => setCalendarAnchorDate((prev) => prev.subtract(1, calendarMode).startOf(calendarMode))
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Today"), children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("Today"), children: /* @__PURE__ */ jsxRuntime.jsx(
             antd.Button,
             {
               size: "small",
               icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CalendarOutlined, {}),
-              "aria-label": _32("Today"),
-              onClick: () => setCalendarAnchorDate(dayjs7__default.default().startOf(calendarMode))
+              "aria-label": _34("Today"),
+              onClick: () => setCalendarAnchorDate(dayjs8__default.default().startOf(calendarMode))
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Next"), children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("Next"), children: /* @__PURE__ */ jsxRuntime.jsx(
             antd.Button,
             {
               size: "small",
               icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowRightOutlined, {}),
-              "aria-label": _32("Next"),
+              "aria-label": _34("Next"),
               onClick: () => setCalendarAnchorDate((prev) => prev.add(1, calendarMode).startOf(calendarMode))
             }
           ) })
@@ -16363,7 +16949,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
               const dayKey = day.format("YYYY-MM-DD");
               const entries = calendarEntriesByDate.get(dayKey) || [];
               const isOutsideCurrentMonth = calendarMode === "month" && day.month() !== calendarAnchorDate.month();
-              const isToday = day.isSame(dayjs7__default.default(), "day");
+              const isToday = day.isSame(dayjs8__default.default(), "day");
               return /* @__PURE__ */ jsxRuntime.jsxs(
                 "div",
                 {
@@ -16407,20 +16993,20 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
       antd.Modal,
       {
         open: saveViewModalOpen,
-        title: _32("Save view"),
+        title: _34("Save view"),
         onCancel: () => {
           setSaveViewModalOpen(false);
           setPendingSaveTarget(null);
         },
         onOk: handleConfirmSaveView,
-        okText: pendingSaveTarget === "layout" ? _32("Save layout") : _32("Save analyze"),
+        okText: pendingSaveTarget === "layout" ? _34("Save layout") : _34("Save analyze"),
         okButtonProps: { disabled: !pendingSaveTarget },
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gap: 12 }, children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _32("View name") }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _34("View name") }),
             /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { value: saveViewName, onChange: (event) => setSaveViewName(event.target.value) })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(antd.Checkbox, { checked: saveViewAsNew, onChange: (event) => setSaveViewAsNew(event.target.checked), children: _32("Save as new view") })
+          /* @__PURE__ */ jsxRuntime.jsx(antd.Checkbox, { checked: saveViewAsNew, onChange: (event) => setSaveViewAsNew(event.target.checked), children: _34("Save as new view") })
         ] })
       }
     ),
@@ -16428,10 +17014,10 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
       antd.Modal,
       {
         open: renameViewModalOpen,
-        title: _32("Rename view"),
+        title: _34("Rename view"),
         onCancel: () => setRenameViewModalOpen(false),
         onOk: handleRenameView,
-        okText: _32("Rename"),
+        okText: _34("Rename"),
         children: /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { value: renameViewName, onChange: (event) => setRenameViewName(event.target.value) })
       }
     ),
@@ -16441,7 +17027,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
       {
         size: "small",
         title: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 12, flexWrap: "wrap" }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: token.colorTextSecondary, fontSize: 12, fontWeight: 600 }, children: _32("Filters") }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: token.colorTextSecondary, fontSize: 12, fontWeight: 600 }, children: _34("Filters") }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", alignItems: "center", gap: 8, flex: 1, justifyContent: "flex-end" }, children: !filtersCollapsed && searchField && /* @__PURE__ */ jsxRuntime.jsx(
             antd.Form,
             {
@@ -16455,7 +17041,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                 }
                 searchFormProps.onFinish?.(values);
               },
-              children: /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { name: "q", style: { marginBottom: 0, width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { placeholder: _32("Search all fields..."), prefix: /* @__PURE__ */ jsxRuntime.jsx(icons.SearchOutlined, {}), allowClear: true, style: { width: "100%" } }) })
+              children: /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { name: "q", style: { marginBottom: 0, width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { placeholder: _34("Search all fields..."), prefix: /* @__PURE__ */ jsxRuntime.jsx(icons.SearchOutlined, {}), allowClear: true, style: { width: "100%" } }) })
             }
           ) })
         ] }),
@@ -16468,31 +17054,31 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
       antd.Card,
       {
         size: "small",
-        title: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: token.colorTextSecondary, fontSize: 12, fontWeight: 600 }, children: _32("View configuration") }),
+        title: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: token.colorTextSecondary, fontSize: 12, fontWeight: 600 }, children: _34("View configuration") }),
         style: { marginBottom: 16 },
         styles: { body: { display: "grid", gap: 12 } },
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gap: 12 }, children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gap: 8 }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, fontWeight: 600 }, children: _32("Advanced filters") }),
-              filterRules.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: token.colorTextSecondary, fontSize: 12 }, children: _32("No filters yet.") }) : filterRules.map((rule) => {
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, fontWeight: 600 }, children: _34("Advanced filters") }),
+              filterRules.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: token.colorTextSecondary, fontSize: 12 }, children: _34("No filters yet.") }) : filterRules.map((rule) => {
                 const field = model.fields.find((f) => f.key === rule.fieldKey);
                 const type = field?.type || "string";
                 const operatorOptions = type === "number" ? [
-                  { label: _32("="), value: "eq" },
-                  { label: _32(">"), value: "gt" },
-                  { label: _32(">="), value: "gte" },
-                  { label: _32("<"), value: "lt" },
-                  { label: _32("<="), value: "lte" },
-                  { label: _32("Between"), value: "between" }
+                  { label: _34("="), value: "eq" },
+                  { label: _34(">"), value: "gt" },
+                  { label: _34(">="), value: "gte" },
+                  { label: _34("<"), value: "lt" },
+                  { label: _34("<="), value: "lte" },
+                  { label: _34("Between"), value: "between" }
                 ] : type === "date" ? [
-                  { label: _32("On"), value: "on" },
-                  { label: _32("After"), value: "after" },
-                  { label: _32("Before"), value: "before" },
-                  { label: _32("Between"), value: "between" }
-                ] : type === "boolean" ? [{ label: _32("Is"), value: "is" }] : [
-                  { label: _32("Contains"), value: "contains" },
-                  { label: _32("Equals"), value: "equals" }
+                  { label: _34("On"), value: "on" },
+                  { label: _34("After"), value: "after" },
+                  { label: _34("Before"), value: "before" },
+                  { label: _34("Between"), value: "between" }
+                ] : type === "boolean" ? [{ label: _34("Is"), value: "is" }] : [
+                  { label: _34("Contains"), value: "contains" },
+                  { label: _34("Equals"), value: "equals" }
                 ];
                 const renderDateInput = (value, onChange) => {
                   const mode = value?.mode || "absolute";
@@ -16505,9 +17091,9 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                           value: value?.direction || "next",
                           onChange: (val) => onChange({ ...value, mode: "relative", direction: val }),
                           options: [
-                            { label: _32("Previous"), value: "previous" },
-                            { label: _32("Current"), value: "current" },
-                            { label: _32("Next"), value: "next" }
+                            { label: _34("Previous"), value: "previous" },
+                            { label: _34("Current"), value: "current" },
+                            { label: _34("Next"), value: "next" }
                           ]
                         }
                       ),
@@ -16517,11 +17103,11 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                           value: value?.unit || "weeks",
                           onChange: (val) => onChange({ ...value, mode: "relative", unit: val }),
                           options: [
-                            { label: _32("Days"), value: "days" },
-                            { label: _32("Weeks"), value: "weeks" },
-                            { label: _32("Months"), value: "months" },
-                            { label: _32("Quarters"), value: "quarters" },
-                            { label: _32("Years"), value: "years" }
+                            { label: _34("Days"), value: "days" },
+                            { label: _34("Weeks"), value: "weeks" },
+                            { label: _34("Months"), value: "months" },
+                            { label: _34("Quarters"), value: "quarters" },
+                            { label: _34("Years"), value: "years" }
                           ]
                         }
                       )
@@ -16530,7 +17116,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                   return /* @__PURE__ */ jsxRuntime.jsx(
                     antd.DatePicker,
                     {
-                      value: value?.date ? dayjs7__default.default(value.date) : void 0,
+                      value: value?.date ? dayjs8__default.default(value.date) : void 0,
                       onChange: (val) => onChange({ mode: "absolute", date: val ? val.toISOString() : null })
                     }
                   );
@@ -16543,7 +17129,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                       value: rule.fieldKey,
                       onChange: (value) => setFilterRules((prev) => prev.map((item) => item.id === rule.id ? { ...item, fieldKey: value, operator: void 0, value: void 0, value2: void 0 } : item)),
                       options: model.fields.map((f) => ({ label: f.label, value: f.key })),
-                      placeholder: _32("Field")
+                      placeholder: _34("Field")
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -16553,7 +17139,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                       value: rule.operator,
                       onChange: (value) => setFilterRules((prev) => prev.map((item) => item.id === rule.id ? { ...item, operator: value } : item)),
                       options: operatorOptions,
-                      placeholder: _32("Operator")
+                      placeholder: _34("Operator")
                     }
                   ),
                   type === "number" && rule.operator === "between" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -16586,10 +17172,10 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                       value: rule.value,
                       onChange: (value) => setFilterRules((prev) => prev.map((item) => item.id === rule.id ? { ...item, value } : item)),
                       options: [
-                        { label: _32("True"), value: true },
-                        { label: _32("False"), value: false }
+                        { label: _34("True"), value: true },
+                        { label: _34("False"), value: false }
                       ],
-                      placeholder: _32("Value")
+                      placeholder: _34("Value")
                     }
                   ),
                   type === "date" && rule.operator === "between" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -16602,7 +17188,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                     {
                       value: rule.value,
                       onChange: (event) => setFilterRules((prev) => prev.map((item) => item.id === rule.id ? { ...item, value: event.target.value } : item)),
-                      placeholder: _32("Value"),
+                      placeholder: _34("Value"),
                       style: { minWidth: 200 }
                     }
                   ),
@@ -16615,8 +17201,8 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                         setFilterRules((prev) => prev.map((item) => item.id === rule.id ? { ...item, value: { ...item.value || {}, mode: val } } : item));
                       },
                       options: [
-                        { label: _32("Date"), value: "absolute" },
-                        { label: _32("Relative"), value: "relative" }
+                        { label: _34("Date"), value: "absolute" },
+                        { label: _34("Relative"), value: "relative" }
                       ]
                     }
                   ),
@@ -16629,8 +17215,8 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                         setFilterRules((prev) => prev.map((item) => item.id === rule.id ? { ...item, value2: { ...item.value2 || {}, mode: val } } : item));
                       },
                       options: [
-                        { label: _32("Date"), value: "absolute" },
-                        { label: _32("Relative"), value: "relative" }
+                        { label: _34("Date"), value: "absolute" },
+                        { label: _34("Relative"), value: "relative" }
                       ]
                     }
                   ),
@@ -16640,7 +17226,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                       size: "small",
                       danger: true,
                       onClick: () => setFilterRules((prev) => prev.filter((item) => item.id !== rule.id)),
-                      children: _32("Remove")
+                      children: _34("Remove")
                     }
                   )
                 ] }, rule.id);
@@ -16652,14 +17238,14 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                     size: "small",
                     icon: /* @__PURE__ */ jsxRuntime.jsx(icons.FilterOutlined, {}),
                     onClick: () => setFilterRules((prev) => [...prev, { id: `${Date.now()}-${Math.random()}` }]),
-                    children: _32("Add Filter")
+                    children: _34("Add Filter")
                   }
                 ),
-                filterRules.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", onClick: () => setFilterRules([]), children: _32("Clear filters") })
+                filterRules.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", onClick: () => setFilterRules([]), children: _34("Clear filters") })
               ] })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gap: 6 }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, fontWeight: 600 }, children: _32("Views shown") }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, fontWeight: 600 }, children: _34("Views shown") }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 antd.Select,
                 {
@@ -16680,12 +17266,12 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
               ),
               selectedViewNames.length > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "grid", gap: 6 }, children: selectedViewNames.map((name, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
                 /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1 }, children: name }),
-                /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Move up"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUpOutlined, {}), disabled: index === 0, onClick: () => moveSelectedView(name, "up") }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Move down"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowDownOutlined, {}), disabled: index === selectedViewNames.length - 1, onClick: () => moveSelectedView(name, "down") }) })
+                /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("Move up"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUpOutlined, {}), disabled: index === 0, onClick: () => moveSelectedView(name, "up") }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("Move down"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowDownOutlined, {}), disabled: index === selectedViewNames.length - 1, onClick: () => moveSelectedView(name, "down") }) })
               ] }, name)) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gap: 6 }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, fontWeight: 600 }, children: _32("Active view") }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, fontWeight: 600 }, children: _34("Active view") }),
               viewSelector
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexWrap: "wrap", alignItems: "center", gap: 8 }, children: [
@@ -16697,7 +17283,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                     setRenameViewName(currentViewName);
                     setRenameViewModalOpen(true);
                   },
-                  children: _32("Rename view")
+                  children: _34("Rename view")
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -16708,7 +17294,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                   icon: /* @__PURE__ */ jsxRuntime.jsx(icons.DeleteOutlined, {}),
                   disabled: availableViewNames.length <= 1,
                   onClick: confirmDeleteView,
-                  children: _32("Delete view")
+                  children: _34("Delete view")
                 }
               ),
               resolvedLayoutPreferenceType && /* @__PURE__ */ jsxRuntime.jsx(
@@ -16718,7 +17304,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                   icon: /* @__PURE__ */ jsxRuntime.jsx(icons.SaveOutlined, {}),
                   onClick: () => openSaveViewModalFor("layout"),
                   loading: isSavingLayoutPrefs,
-                  children: _32("Save layout")
+                  children: _34("Save layout")
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -16730,7 +17316,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                     markLayoutPrefsTouched();
                     setFiltersCollapsed((prev) => !prev);
                   },
-                  children: filtersCollapsed ? _32("Show Filters") : _32("Hide Filters")
+                  children: filtersCollapsed ? _34("Show Filters") : _34("Hide Filters")
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -16744,7 +17330,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                     setIsStatsFlipped(false);
                     setAnalyzeOpen((prev) => !prev);
                   },
-                  children: _32("Analyze")
+                  children: _34("Analyze")
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -16756,7 +17342,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                     markLayoutPrefsTouched();
                     setIsAnalyzeVertical((prev) => !prev);
                   },
-                  children: _32("Switch orientation")
+                  children: _34("Switch orientation")
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -16768,21 +17354,21 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                     markLayoutPrefsTouched();
                     setIsAnalyzeFirst((prev) => !prev);
                   },
-                  children: _32("Switch positions")
+                  children: _34("Switch positions")
                 }
               )
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gap: 12 }, children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 12 }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: token.colorTextSecondary, fontSize: 12, fontWeight: 600 }, children: _32("Columns") }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: token.colorTextSecondary, fontSize: 12, fontWeight: 600 }, children: _34("Columns") }),
               selectedColumnKeys && selectedColumnKeys.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", onClick: () => {
                 setSelectedColumnKeys(null);
                 setColumnOrder(null);
-              }, children: _32("Reset to default") })
+              }, children: _34("Reset to default") })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 6 }, children: _32("Select columns") }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 6 }, children: _34("Select columns") }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 antd.Checkbox.Group,
                 {
@@ -16794,27 +17380,27 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
               (!selectedColumnKeys || selectedColumnKeys.length === 0) && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginTop: 6 }, children: "Using default columns. Select fields to customize." })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 6 }, children: _32("Column order") }),
-              orderedSelectedColumns.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary }, children: _32("No custom order yet.") }) : orderedSelectedColumns.map((key, index) => {
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 6 }, children: _34("Column order") }),
+              orderedSelectedColumns.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary }, children: _34("No custom order yet.") }) : orderedSelectedColumns.map((key, index) => {
                 const field = model.fields.find((item) => item.key === key);
                 if (!field) return null;
                 return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 4 }, children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1 }, children: field.label }),
-                  /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Move left"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowLeftOutlined, {}), disabled: index === 0, onClick: () => moveColumnOrder(key, "left") }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Move right"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowRightOutlined, {}), disabled: index === orderedSelectedColumns.length - 1, onClick: () => moveColumnOrder(key, "right") }) })
+                  /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("Move left"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowLeftOutlined, {}), disabled: index === 0, onClick: () => moveColumnOrder(key, "left") }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("Move right"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowRightOutlined, {}), disabled: index === orderedSelectedColumns.length - 1, onClick: () => moveColumnOrder(key, "right") }) })
                 ] }, key);
               })
             ] }),
             isTotalsDetailsView && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 6 }, children: _32("Totals summary function") }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "grid", gap: 6 }, children: totalsSummaryConfigFields.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary }, children: _32("No numeric fields available.") }) : totalsSummaryConfigFields.map((field) => {
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 6 }, children: _34("Totals summary function") }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "grid", gap: 6 }, children: totalsSummaryConfigFields.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary }, children: _34("No numeric fields available.") }) : totalsSummaryConfigFields.map((field) => {
                 const options = [
-                  { label: _32("Sum"), value: "sum" },
-                  { label: _32("Average"), value: "avg" },
-                  { label: _32("Count"), value: "count" },
-                  { label: _32("Max"), value: "max" },
-                  { label: _32("Min"), value: "min" },
-                  { label: _32("Std Dev"), value: "stddev" }
+                  { label: _34("Sum"), value: "sum" },
+                  { label: _34("Average"), value: "avg" },
+                  { label: _34("Count"), value: "count" },
+                  { label: _34("Max"), value: "max" },
+                  { label: _34("Min"), value: "min" },
+                  { label: _34("Std Dev"), value: "stddev" }
                 ];
                 return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1 }, children: field.label }),
@@ -16842,7 +17428,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
       listVisible && /* @__PURE__ */ jsxRuntime.jsx("div", { style: listContainerStyle, children: isCalendarView ? renderCalendarView() : isGalleryView ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         galleryRows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "inline-flex", alignItems: "center", gap: 6, color: "#bfbfbf", fontSize: 12 }, children: [
           /* @__PURE__ */ jsxRuntime.jsx(icons.FileTextOutlined, { style: { fontSize: 16 } }),
-          _32("No images available")
+          _34("No images available")
         ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: 16 }, children: galleryRows.map((record) => renderGalleryItem(record)) }),
         galleryPaginationProps && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 12, display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Pagination, { ...galleryPaginationProps }) })
       ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -16911,7 +17497,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                   dataIndex: field.key,
                   title: field.label,
                   sorter: { compare: (a, b) => compareSortValues(field, a, b), multiple: getSortPriority(columnSort, field.key) },
-                  align: field.type === "number" && !["eid", "eid_from", "eid_to"].includes(field.key) ? "right" : void 0,
+                  align: field.type === "number" && !field.reference && !["eid", "eid_from", "eid_to"].includes(field.key) ? "right" : void 0,
                   filters: columnFilters.get(field.key),
                   filteredValue: columnFiltersSelected[field.key] || null,
                   sortOrder: columnSort.find((item) => item.fieldKey === field.key)?.order ?? null,
@@ -16971,6 +17557,10 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                   render: (value, record) => {
                     const { resource, id } = getTargetInfo(record);
                     const renderValue = () => {
+                      const showToken = normalizeFieldViewType(field.showViewType || "");
+                      if (showToken && !(showToken === "read-only-field" && field.reference)) {
+                        return renderFieldValue(field, record, allModels, true);
+                      }
                       if (field.reference && value && hasReferenceModel(field.reference, allModels)) {
                         return /* @__PURE__ */ jsxRuntime.jsx(
                           ReferenceField,
@@ -17019,17 +17609,17 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
               showActions && /* @__PURE__ */ jsxRuntime.jsx(
                 antd.Table.Column,
                 {
-                  title: _32("Actions"),
+                  title: _34("Actions"),
                   width: 140,
                   render: (_unused, record) => {
                     const { resource, id, isLinkRow } = getTargetInfo(record);
-                    if (!id || !resource) return /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: `${_32("Debug: Cannot find target")}. ID: ${id}, Resource: ${resource}. Keys: ${Object.keys(record).join(",")}`, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", danger: true, icon: /* @__PURE__ */ jsxRuntime.jsx(icons.BugOutlined, {}) }) });
+                    if (!id || !resource) return /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: `${_34("Debug: Cannot find target")}. ID: ${id}, Resource: ${resource}. Keys: ${Object.keys(record).join(",")}`, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", danger: true, icon: /* @__PURE__ */ jsxRuntime.jsx(icons.BugOutlined, {}) }) });
                     const deleteResource = isLinkRow ? model.name : resource;
                     const deleteId = isLinkRow && relationConfig?.targetKey && relationConfig?.otherKey ? `${record[relationConfig.targetKey]}:${record[relationConfig.otherKey]}` : id;
                     return /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("View"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.EyeOutlined, {}), onClick: () => go({ to: { resource, action: "show", id } }) }) }),
-                      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Edit"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.EditOutlined, {}), onClick: () => go({ to: { resource, action: "edit", id } }) }) }),
-                      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Delete"), children: /* @__PURE__ */ jsxRuntime.jsx(antd$1.DeleteButton, { hideText: true, size: "small", recordItemId: deleteId, resource: deleteResource }) })
+                      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("View"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.EyeOutlined, {}), onClick: () => go({ to: { resource, action: "show", id } }) }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("Edit"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.EditOutlined, {}), onClick: () => go({ to: { resource, action: "edit", id } }) }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("Delete"), children: /* @__PURE__ */ jsxRuntime.jsx(antd$1.DeleteButton, { hideText: true, size: "small", recordItemId: deleteId, resource: deleteResource }) })
                     ] });
                   }
                 },
@@ -17043,7 +17633,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
         antd.Card,
         {
           size: "small",
-          title: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: modelTone.text, fontWeight: 600 }, children: _32("Analyze") }),
+          title: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: modelTone.text, fontWeight: 600 }, children: _34("Analyze") }),
           styles: {
             header: {
               background: `linear-gradient(135deg, ${modelTone.solid}18 0%, ${modelTone.solid}0a 100%)`
@@ -17072,10 +17662,10 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                     styles: { body: { display: "grid", gap: 16, position: "relative", paddingTop: 48 } },
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "absolute", top: 0, right: 0, display: "flex", gap: 8 }, children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Save preferences"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.SaveOutlined, {}), onClick: () => openSaveViewModalFor("analyze"), loading: isSavingAnalyzePrefs }) }),
-                        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Stats"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.FileTextOutlined, {}), onClick: () => setIsStatsFlipped(true) }) }),
-                        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Export chart PDF"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.FilePdfOutlined, {}), onClick: exportChartPdf }) }),
-                        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Export chart PNG"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.DownloadOutlined, {}), onClick: exportChartImage, "aria-label": _32("Export chart") }) })
+                        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("Save preferences"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.SaveOutlined, {}), onClick: () => openSaveViewModalFor("analyze"), loading: isSavingAnalyzePrefs }) }),
+                        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("Stats"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.FileTextOutlined, {}), onClick: () => setIsStatsFlipped(true) }) }),
+                        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("Export chart PDF"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.FilePdfOutlined, {}), onClick: exportChartPdf }) }),
+                        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("Export chart PNG"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.DownloadOutlined, {}), onClick: exportChartImage, "aria-label": _34("Export chart") }) })
                       ] }),
                       /* @__PURE__ */ jsxRuntime.jsx(
                         AnalysisChart,
@@ -17106,11 +17696,11 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                           items: [
                             {
                               key: "configure-chart",
-                              label: _32("Customize chart"),
+                              label: _34("Customize chart"),
                               children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gap: 16 }, children: [
                                 /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: 16, flexWrap: "wrap" }, children: [
                                   /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { minWidth: 220, flex: 1 }, children: [
-                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _32("Category 1") }),
+                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _34("Category 1") }),
                                     /* @__PURE__ */ jsxRuntime.jsx(
                                       antd.Select,
                                       {
@@ -17121,12 +17711,12 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                                         },
                                         style: { width: "100%" },
                                         options: categoricalFields.map((field) => ({ label: field.label, value: field.key })),
-                                        placeholder: _32("Select category")
+                                        placeholder: _34("Select category")
                                       }
                                     )
                                   ] }),
                                   /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { minWidth: 220, flex: 1 }, children: [
-                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _32("Category 2") }),
+                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _34("Category 2") }),
                                     /* @__PURE__ */ jsxRuntime.jsx(
                                       antd.Select,
                                       {
@@ -17137,14 +17727,14 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                                         },
                                         style: { width: "100%" },
                                         options: [
-                                          { label: _32("None"), value: "__none__" },
+                                          { label: _34("None"), value: "__none__" },
                                           ...categoricalFields.filter((field) => field.key !== categoryField1).map((field) => ({ label: field.label, value: field.key }))
                                         ]
                                       }
                                     )
                                   ] }),
                                   /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { minWidth: 160 }, children: [
-                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _32("Chart Type") }),
+                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _34("Chart Type") }),
                                     /* @__PURE__ */ jsxRuntime.jsx(
                                       antd.Select,
                                       {
@@ -17155,30 +17745,30 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                                         },
                                         style: { width: "100%" },
                                         options: [
-                                          { label: _32("Area"), value: "area" },
-                                          { label: _32("Horizontal Area"), value: "area-horizontal" },
-                                          { label: _32("Bars"), value: "bar" },
-                                          { label: _32("Stacked Bars"), value: "stacked" },
-                                          { label: _32("Horizontal Bars"), value: "bar-horizontal" },
-                                          { label: _32("Horizontal Stacked"), value: "stacked-horizontal" },
-                                          { label: _32("Lines"), value: "line" },
-                                          { label: _32("Pie"), value: "pie" },
-                                          { label: _32("Donut"), value: "donut" },
-                                          { label: _32("Scatter"), value: "scatter" },
-                                          { label: _32("Bubble"), value: "bubble" },
-                                          { label: _32("Histogram"), value: "histogram" },
-                                          { label: _32("Box Plot"), value: "box" },
-                                          { label: _32("Waterfall"), value: "waterfall" },
-                                          { label: _32("Heatmap"), value: "heatmap" },
-                                          { label: _32("Crosstab"), value: "crosstab" },
-                                          { label: _32("Radar"), value: "radar" },
-                                          { label: _32("Combo (Bar + Line)"), value: "combo" }
+                                          { label: _34("Area"), value: "area" },
+                                          { label: _34("Horizontal Area"), value: "area-horizontal" },
+                                          { label: _34("Bars"), value: "bar" },
+                                          { label: _34("Stacked Bars"), value: "stacked" },
+                                          { label: _34("Horizontal Bars"), value: "bar-horizontal" },
+                                          { label: _34("Horizontal Stacked"), value: "stacked-horizontal" },
+                                          { label: _34("Lines"), value: "line" },
+                                          { label: _34("Pie"), value: "pie" },
+                                          { label: _34("Donut"), value: "donut" },
+                                          { label: _34("Scatter"), value: "scatter" },
+                                          { label: _34("Bubble"), value: "bubble" },
+                                          { label: _34("Histogram"), value: "histogram" },
+                                          { label: _34("Box Plot"), value: "box" },
+                                          { label: _34("Waterfall"), value: "waterfall" },
+                                          { label: _34("Heatmap"), value: "heatmap" },
+                                          { label: _34("Crosstab"), value: "crosstab" },
+                                          { label: _34("Radar"), value: "radar" },
+                                          { label: _34("Combo (Bar + Line)"), value: "combo" }
                                         ]
                                       }
                                     )
                                   ] }),
                                   /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { minWidth: 200 }, children: [
-                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _32("Summary") }),
+                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _34("Summary") }),
                                     /* @__PURE__ */ jsxRuntime.jsx(
                                       antd.Select,
                                       {
@@ -17189,18 +17779,18 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                                         },
                                         style: { width: "100%" },
                                         options: [
-                                          { label: _32("Sum"), value: "sum" },
-                                          { label: _32("Average"), value: "avg" },
-                                          { label: _32("Count"), value: "count" },
-                                          { label: _32("Max"), value: "max" },
-                                          { label: _32("Min"), value: "min" },
-                                          { label: _32("Std Dev"), value: "stddev" }
+                                          { label: _34("Sum"), value: "sum" },
+                                          { label: _34("Average"), value: "avg" },
+                                          { label: _34("Count"), value: "count" },
+                                          { label: _34("Max"), value: "max" },
+                                          { label: _34("Min"), value: "min" },
+                                          { label: _34("Std Dev"), value: "stddev" }
                                         ]
                                       }
                                     )
                                   ] }),
                                   /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { minWidth: 180 }, children: [
-                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _32("Ranking Filter") }),
+                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _34("Ranking Filter") }),
                                     /* @__PURE__ */ jsxRuntime.jsx(
                                       antd.Select,
                                       {
@@ -17211,15 +17801,15 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                                         },
                                         style: { width: "100%" },
                                         options: [
-                                          { label: _32("None"), value: "none" },
-                                          { label: _32("Top N"), value: "top" },
-                                          { label: _32("Bottom N"), value: "bottom" }
+                                          { label: _34("None"), value: "none" },
+                                          { label: _34("Top N"), value: "top" },
+                                          { label: _34("Bottom N"), value: "bottom" }
                                         ]
                                       }
                                     )
                                   ] }),
                                   /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { minWidth: 220 }, children: [
-                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _32("Ranking Column") }),
+                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _34("Ranking Column") }),
                                     /* @__PURE__ */ jsxRuntime.jsx(
                                       antd.Select,
                                       {
@@ -17230,13 +17820,13 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                                         },
                                         style: { width: "100%" },
                                         options: numericFields.map((field) => ({ label: field.label, value: field.key })),
-                                        placeholder: _32("Select numeric column"),
+                                        placeholder: _34("Select numeric column"),
                                         disabled: rankingMode === "none" || numericFields.length === 0
                                       }
                                     )
                                   ] }),
                                   /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { minWidth: 120 }, children: [
-                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _32("N") }),
+                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary, marginBottom: 4 }, children: _34("N") }),
                                     /* @__PURE__ */ jsxRuntime.jsx(
                                       antd.InputNumber,
                                       {
@@ -17255,8 +17845,8 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                                 ] }),
                                 /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                                   /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 12, marginBottom: 6 }, children: [
-                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary }, children: _32("Series") }),
-                                    /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Unselect All"), children: /* @__PURE__ */ jsxRuntime.jsx(
+                                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: token.colorTextSecondary }, children: _34("Series") }),
+                                    /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("Unselect All"), children: /* @__PURE__ */ jsxRuntime.jsx(
                                       antd.Button,
                                       {
                                         size: "small",
@@ -17276,11 +17866,11 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                                         markAnalyzePrefsTouched();
                                         setSelectedSeriesKeys(values);
                                       },
-                                      options: numericFields.length > 0 ? numericFields.map((field) => ({ label: field.label, value: field.key })) : [{ label: _32("Count"), value: "__count__" }]
+                                      options: numericFields.length > 0 ? numericFields.map((field) => ({ label: field.label, value: field.key })) : [{ label: _34("Count"), value: "__count__" }]
                                     }
                                   )
                                 ] }),
-                                isAllRowsLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: token.colorTextSecondary, fontSize: 12 }, children: _32("Loading all rows for analysis...") }),
+                                isAllRowsLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: token.colorTextSecondary, fontSize: 12 }, children: _34("Loading all rows for analysis...") }),
                                 allRowsError && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: token.colorError, fontSize: 12 }, children: allRowsError })
                               ] })
                             }
@@ -17303,11 +17893,11 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                     styles: { body: { display: "grid", gap: 16, position: "relative", paddingTop: 48 } },
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "absolute", top: 0, right: 0, display: "flex", gap: 8 }, children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Analysis"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.BarChartOutlined, {}), onClick: () => setIsStatsFlipped(false) }) }),
-                        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _32("Export stats PDF"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.FilePdfOutlined, {}), onClick: exportStatsPdf }) })
+                        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("Analysis"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.BarChartOutlined, {}), onClick: () => setIsStatsFlipped(false) }) }),
+                        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _34("Export stats PDF"), children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.FilePdfOutlined, {}), onClick: exportStatsPdf }) })
                       ] }),
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gap: 16 }, children: [
-                        statsSummary.numericStats.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(antd.Card, { size: "small", title: /* @__PURE__ */ jsxRuntime.jsx("span", { style: statsTitleStyle, children: _32("Numeric columns") }), children: /* @__PURE__ */ jsxRuntime.jsxs(
+                        statsSummary.numericStats.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(antd.Card, { size: "small", title: /* @__PURE__ */ jsxRuntime.jsx("span", { style: statsTitleStyle, children: _34("Numeric columns") }), children: /* @__PURE__ */ jsxRuntime.jsxs(
                           antd.Table,
                           {
                             dataSource: statsSummary.numericStats,
@@ -17318,18 +17908,18 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                               /* @__PURE__ */ jsxRuntime.jsx(
                                 antd.Table.Column,
                                 {
-                                  title: _32("Field"),
+                                  title: _34("Field"),
                                   dataIndex: "label",
                                   render: (label) => /* @__PURE__ */ jsxRuntime.jsx("span", { style: statsLabelStyle, children: label }),
                                   onHeaderCell: () => ({ style: statsHeaderStyle })
                                 },
                                 "label"
                               ),
-                              /* @__PURE__ */ jsxRuntime.jsx(antd.Table.Column, { title: _32("Sum"), align: "right", render: (_unused, row) => renderStatBar(row.sum, statsNumericMaxes.sum, formatNumberValue), onHeaderCell: () => ({ style: statsHeaderStyle }) }, "sum"),
-                              /* @__PURE__ */ jsxRuntime.jsx(antd.Table.Column, { title: _32("Average"), align: "right", render: (_unused, row) => renderStatBar(row.avg, statsNumericMaxes.avg, formatNumberValue), onHeaderCell: () => ({ style: statsHeaderStyle }) }, "avg"),
-                              /* @__PURE__ */ jsxRuntime.jsx(antd.Table.Column, { title: _32("Min"), align: "right", render: (_unused, row) => renderStatBar(row.min, statsNumericMaxes.min, formatNumberValue), onHeaderCell: () => ({ style: statsHeaderStyle }) }, "min"),
-                              /* @__PURE__ */ jsxRuntime.jsx(antd.Table.Column, { title: _32("Max"), align: "right", render: (_unused, row) => renderStatBar(row.max, statsNumericMaxes.max, formatNumberValue), onHeaderCell: () => ({ style: statsHeaderStyle }) }, "max"),
-                              /* @__PURE__ */ jsxRuntime.jsx(antd.Table.Column, { title: _32("Std Dev"), align: "right", render: (_unused, row) => renderStatBar(row.stddev, statsNumericMaxes.stddev, formatNumberValue), onHeaderCell: () => ({ style: statsHeaderStyle }) }, "stddev")
+                              /* @__PURE__ */ jsxRuntime.jsx(antd.Table.Column, { title: _34("Sum"), align: "right", render: (_unused, row) => renderStatBar(row.sum, statsNumericMaxes.sum, formatNumberValue), onHeaderCell: () => ({ style: statsHeaderStyle }) }, "sum"),
+                              /* @__PURE__ */ jsxRuntime.jsx(antd.Table.Column, { title: _34("Average"), align: "right", render: (_unused, row) => renderStatBar(row.avg, statsNumericMaxes.avg, formatNumberValue), onHeaderCell: () => ({ style: statsHeaderStyle }) }, "avg"),
+                              /* @__PURE__ */ jsxRuntime.jsx(antd.Table.Column, { title: _34("Min"), align: "right", render: (_unused, row) => renderStatBar(row.min, statsNumericMaxes.min, formatNumberValue), onHeaderCell: () => ({ style: statsHeaderStyle }) }, "min"),
+                              /* @__PURE__ */ jsxRuntime.jsx(antd.Table.Column, { title: _34("Max"), align: "right", render: (_unused, row) => renderStatBar(row.max, statsNumericMaxes.max, formatNumberValue), onHeaderCell: () => ({ style: statsHeaderStyle }) }, "max"),
+                              /* @__PURE__ */ jsxRuntime.jsx(antd.Table.Column, { title: _34("Std Dev"), align: "right", render: (_unused, row) => renderStatBar(row.stddev, statsNumericMaxes.stddev, formatNumberValue), onHeaderCell: () => ({ style: statsHeaderStyle }) }, "stddev")
                             ]
                           }
                         ) }),
@@ -17341,7 +17931,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                             items: [
                               {
                                 key: "categorical-columns",
-                                label: /* @__PURE__ */ jsxRuntime.jsx("span", { style: statsTitleStyle, children: _32("Categorical columns (distinct < 20)") }),
+                                label: /* @__PURE__ */ jsxRuntime.jsx("span", { style: statsTitleStyle, children: _34("Categorical columns (distinct < 20)") }),
                                 children: statsSummary.categoricalStats.map((field) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: 12 }, children: [
                                   /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontWeight: 600, marginBottom: 4 }, children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: statsLabelStyle, children: field.label }) }),
                                   /* @__PURE__ */ jsxRuntime.jsxs(
@@ -17352,11 +17942,11 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                                       pagination: false,
                                       rowKey: (row) => row.value,
                                       children: [
-                                        /* @__PURE__ */ jsxRuntime.jsx(antd.Table.Column, { title: _32("Value"), dataIndex: "value", onHeaderCell: () => ({ style: statsHeaderStyle }) }, "value"),
+                                        /* @__PURE__ */ jsxRuntime.jsx(antd.Table.Column, { title: _34("Value"), dataIndex: "value", onHeaderCell: () => ({ style: statsHeaderStyle }) }, "value"),
                                         /* @__PURE__ */ jsxRuntime.jsx(
                                           antd.Table.Column,
                                           {
-                                            title: _32("Count"),
+                                            title: _34("Count"),
                                             dataIndex: "count",
                                             align: "right",
                                             onHeaderCell: () => ({ style: statsHeaderStyle }),
@@ -17397,7 +17987,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
     columnsToggleButton,
     listToggleButton,
     exportButton,
-    renderIconOnlyButtons(defaultButtons)
+    !model.isNamedQuery && renderIconOnlyButtons(defaultButtons)
   ] });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "jm-tone-scope", style: toneScopeStyle(modelTone), children: [
     /* @__PURE__ */ jsxRuntime.jsx(ToneSharedStyles, {}),
@@ -17439,7 +18029,7 @@ function applyPanesToSearchParams(existing, panes) {
   panes.forEach((p) => next.append("pane", `${p.resource}:${p.id}`));
   return next;
 }
-var _33 = window._ || ((text) => text);
+var _35 = window._ || ((text) => text);
 var LIST_PANEL_ID = "list-panel";
 var detailPanelId = (idx) => `detail-panel-${idx}`;
 var COLLAPSED_SIZE = 10;
@@ -17481,7 +18071,7 @@ var PaneToolbar = ({ model, pane, allModels, onClose, onMinimize, onMaximize })
         minHeight: PANE_TOOLBAR_HEIGHT
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _33("Open in full page"), children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _35("Open in full page"), children: /* @__PURE__ */ jsxRuntime.jsx(
           "a",
           {
             href,
@@ -17491,7 +18081,7 @@ var PaneToolbar = ({ model, pane, allModels, onClose, onMinimize, onMaximize })
             children: /* @__PURE__ */ jsxRuntime.jsx(icons.LinkOutlined, { style: { fontSize: 11 } })
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _33("Minimize pane"), children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _35("Minimize pane"), children: /* @__PURE__ */ jsxRuntime.jsx(
           antd.Button,
           {
             type: "text",
@@ -17501,7 +18091,7 @@ var PaneToolbar = ({ model, pane, allModels, onClose, onMinimize, onMaximize })
             style: { color: token.colorTextTertiary, padding: "0 4px", height: 22, minWidth: 22 }
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _33("Maximize pane"), children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _35("Maximize pane"), children: /* @__PURE__ */ jsxRuntime.jsx(
           antd.Button,
           {
             type: "text",
@@ -17511,7 +18101,7 @@ var PaneToolbar = ({ model, pane, allModels, onClose, onMinimize, onMaximize })
             style: { color: token.colorTextTertiary, padding: "0 4px", height: 22, minWidth: 22 }
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _33("Close pane"), children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: _35("Close pane"), children: /* @__PURE__ */ jsxRuntime.jsx(
           antd.Button,
           {
             type: "text",
@@ -17676,7 +18266,7 @@ var MultiPaneLayout = ({ children }) => {
     [openDetail]
   );
   const detailPaneContexts = React6.useMemo(
-    () => panes.map((_39, idx) => ({
+    () => panes.map((_41, idx) => ({
       isInMultiPane: true,
       paneIndex: idx + 1,
       openDetail: (resource, id) => openDetail(idx + 1, resource, id)
@@ -17737,7 +18327,7 @@ var MultiPaneLayout = ({ children }) => {
   ) });
 };
 var { Title: Title8 } = antd.Typography;
-var _34 = window._ || ((text) => text);
+var _36 = window._ || ((text) => text);
 var HierarchyView = ({ resource, recordId, fallback }) => {
   const go = core.useGo();
   const { data: ancestorsData, isLoading: ancestorsLoading, error: ancestorsError } = core.useCustom({
@@ -17790,15 +18380,15 @@ var HierarchyView = ({ resource, recordId, fallback }) => {
   }
   if (ancestorsError || descendantsError) {
     if (fallback) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: fallback });
-    return /* @__PURE__ */ jsxRuntime.jsx(antd.Alert, { message: _34("Error loading hierarchy data"), type: "error" });
+    return /* @__PURE__ */ jsxRuntime.jsx(antd.Alert, { message: _36("Error loading hierarchy data"), type: "error" });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
     ancestorsList.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: 24 }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Title8, { level: 5, children: _34("Parent Hierarchy") }),
+      /* @__PURE__ */ jsxRuntime.jsx(Title8, { level: 5, children: _36("Parent Hierarchy") }),
       /* @__PURE__ */ jsxRuntime.jsx(antd.Breadcrumb, { children: ancestorsList.slice().reverse().map((node) => /* @__PURE__ */ jsxRuntime.jsx(antd.Breadcrumb.Item, { children: /* @__PURE__ */ jsxRuntime.jsx("a", { onClick: () => go({ to: { resource, action: "show", id: node.cw_eid } }), children: node._label }) }, node.cw_eid)) })
     ] }),
     treeData.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Title8, { level: 5, children: _34("Sub-hierarchy") }),
+      /* @__PURE__ */ jsxRuntime.jsx(Title8, { level: 5, children: _36("Sub-hierarchy") }),
       /* @__PURE__ */ jsxRuntime.jsx(
         antd.Tree,
         {
@@ -17870,7 +18460,7 @@ var TOKEN_KEY2 = "jm_access_token";
 var USER_KEY2 = "jm_user";
 var ROLE_PERMISSIONS_KEY = "jm_role_permissions";
 var RESOURCE_PERMISSIONS_KEY = "jm_resource_permissions";
-var _35 = window._ || ((text) => text);
+var _37 = window._ || ((text) => text);
 var authProvider = {
   /**
    * Authenticate by username + password.
@@ -17888,8 +18478,8 @@ var authProvider = {
         return {
           success: false,
           error: {
-            name: _35("Login failed"),
-            message: body?.detail || _35("Invalid credentials")
+            name: _37("Login failed"),
+            message: body?.detail || _37("Invalid credentials")
           }
         };
       }
@@ -17921,8 +18511,8 @@ var authProvider = {
       return {
         success: false,
         error: {
-          name: _35("Login failed"),
-          message: err?.message || _35("Network error")
+          name: _37("Login failed"),
+          message: err?.message || _37("Network error")
         }
       };
     }
@@ -18003,7 +18593,7 @@ var authProvider = {
 var USER_KEY3 = "jm_user";
 var ROLE_PERMISSIONS_KEY2 = "jm_role_permissions";
 var RESOURCE_PERMISSIONS_KEY2 = "jm_resource_permissions";
-var _36 = window._ || ((text) => text);
+var _38 = window._ || ((text) => text);
 var FALLBACK_ROLE_ACTIONS = {
   Admin: ["list", "show", "create", "edit", "delete", "clone", "field"],
   Manager: ["list", "show", "create", "edit", "clone", "field"],
@@ -18035,13 +18625,13 @@ var accessControlProvider = {
   can: async ({ action, resource }) => {
     const cached = localStorage.getItem(USER_KEY3);
     if (!cached) {
-      return { can: false, reason: _36("Not authenticated") };
+      return { can: false, reason: _38("Not authenticated") };
     }
     let user;
     try {
       user = JSON.parse(cached);
     } catch {
-      return { can: false, reason: _36("Not authenticated") };
+      return { can: false, reason: _38("Not authenticated") };
     }
     const roles = user?.roles ?? [];
     if (roles.some((r) => r.toLowerCase() === "admin")) {
@@ -18067,7 +18657,7 @@ var accessControlProvider = {
     }
     return {
       can: false,
-      reason: _36("Access denied \u2014 insufficient role for this action")
+      reason: _38("Access denied \u2014 insufficient role for this action")
     };
   },
   options: {
@@ -18155,7 +18745,7 @@ var ResourceContext = React6.createContext({
   allResources: [],
   allSystemModels: []
 });
-var _37 = window._ || ((text) => text);
+var _39 = window._ || ((text) => text);
 var LoginPage = ({ appTitle = "VeloIQ", logo }) => {
   const { mutate: login, isLoading, error } = core.useLogin();
   const [form] = antd.Form.useForm();
@@ -18184,14 +18774,14 @@ var LoginPage = ({ appTitle = "VeloIQ", logo }) => {
             /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { textAlign: "center" }, children: [
               logo && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginBottom: 8 }, children: typeof logo === "string" ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo, alt: appTitle, style: { height: 48, width: "auto" } }) : logo }),
               /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Title, { level: 3, style: { marginBottom: 4 }, children: appTitle }),
-              /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { type: "secondary", children: _37("Sign in to your account") })
+              /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { type: "secondary", children: _39("Sign in to your account") })
             ] }),
             error && /* @__PURE__ */ jsxRuntime.jsx(
               antd.Alert,
               {
                 type: "error",
-                message: error?.name || _37("Login failed"),
-                description: error?.message || _37("Invalid credentials"),
+                message: error?.name || _39("Login failed"),
+                description: error?.message || _39("Invalid credentials"),
                 showIcon: true
               }
             ),
@@ -18207,13 +18797,13 @@ var LoginPage = ({ appTitle = "VeloIQ", logo }) => {
                     antd.Form.Item,
                     {
                       name: "username",
-                      label: _37("Username"),
-                      rules: [{ required: true, message: _37("Please enter your username") }],
+                      label: _39("Username"),
+                      rules: [{ required: true, message: _39("Please enter your username") }],
                       children: /* @__PURE__ */ jsxRuntime.jsx(
                         antd.Input,
                         {
                           prefix: /* @__PURE__ */ jsxRuntime.jsx(icons.UserOutlined, {}),
-                          placeholder: _37("Username"),
+                          placeholder: _39("Username"),
                           size: "large"
                         }
                       )
@@ -18223,13 +18813,13 @@ var LoginPage = ({ appTitle = "VeloIQ", logo }) => {
                     antd.Form.Item,
                     {
                       name: "password",
-                      label: _37("Password"),
-                      rules: [{ required: true, message: _37("Please enter your password") }],
+                      label: _39("Password"),
+                      rules: [{ required: true, message: _39("Please enter your password") }],
                       children: /* @__PURE__ */ jsxRuntime.jsx(
                         antd.Input.Password,
                         {
                           prefix: /* @__PURE__ */ jsxRuntime.jsx(icons.LockOutlined, {}),
-                          placeholder: _37("Password"),
+                          placeholder: _39("Password"),
                           size: "large"
                         }
                       )
@@ -18243,7 +18833,7 @@ var LoginPage = ({ appTitle = "VeloIQ", logo }) => {
                       loading: isLoading,
                       block: true,
                       size: "large",
-                      children: _37("Login")
+                      children: _39("Login")
                     }
                   ) })
                 ]
@@ -18382,6 +18972,7 @@ var CellConfigDrawer = ({ open, cell, tabId, config, onClose, onSave }) => {
     onSave({ ...config, tabs: nextTabs });
     onClose();
   };
+  const tabOptions = config.tabs.map((t) => ({ value: t.name, label: t.name }));
   return /* @__PURE__ */ jsxRuntime.jsx(
     antd.Drawer,
     {
@@ -18396,7 +18987,14 @@ var CellConfigDrawer = ({ open, cell, tabId, config, onClose, onSave }) => {
       ] }),
       children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Form, { form, layout: "vertical", size: "small", children: [
         /* @__PURE__ */ jsxRuntime.jsx(antd.Divider, { orientation: "left", children: "Tab" }),
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { name: "tabName", label: "Tab name", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Input, {}) }),
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { name: "tabName", label: "Tab name", children: /* @__PURE__ */ jsxRuntime.jsx(
+          antd.AutoComplete,
+          {
+            options: tabOptions,
+            filterOption: false,
+            placeholder: "Select existing or type a new name"
+          }
+        ) }),
         /* @__PURE__ */ jsxRuntime.jsx(antd.Divider, { orientation: "left", children: "Position" }),
         /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { name: "row", label: "Row", style: { marginBottom: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(antd.InputNumber, { min: 1, style: { width: 80 } }) }),
@@ -18436,10 +19034,12 @@ var CellConfigDrawer = ({ open, cell, tabId, config, onClose, onSave }) => {
     }
   );
 };
-var DashboardGridCell = ({ cell, allModels, isMaximized, isMinimized, onConfigure, onMaximize, onMinimize }) => {
+var DashboardGridCell = ({ cell, allModels, isMaximized, isMinimized, onConfigure, onMaximize, onMinimize, onResize }) => {
   const { token } = antd.theme.useToken();
   const model = findModelByName(allModels, cell.model);
+  const cellRef = React6.useRef(null);
   const cellStyle = {
+    position: "relative",
     border: `1px solid ${token.colorBorderSecondary}`,
     borderRadius: token.borderRadiusLG,
     overflow: "hidden",
@@ -18468,20 +19068,81 @@ var DashboardGridCell = ({ cell, allModels, isMaximized, isMinimized, onConfigur
   };
   const resource = model?.resource || cell.model;
   const cellTitle = model?.label || cell.model;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: cellStyle, className: "jm-dashboard-cell", children: [
+  const tone = model ? getModelTone(model) : null;
+  const startResize = React6.useCallback((e, dir) => {
+    e.preventDefault();
+    e.stopPropagation();
+    const el = cellRef.current;
+    if (!el) return;
+    const { width: startW, height: startH } = el.getBoundingClientRect();
+    const startX = e.clientX;
+    const startY = e.clientY;
+    const handle = e.currentTarget;
+    handle.setPointerCapture(e.pointerId);
+    const prevCursor = document.body.style.cursor;
+    document.body.style.cursor = dir === "s" ? "ns-resize" : dir === "e" ? "ew-resize" : "nwse-resize";
+    const onMove = (ev) => {
+      if (dir !== "e") el.style.minHeight = `${Math.max(200, Math.round(startH + ev.clientY - startY))}px`;
+      if (dir !== "s") el.style.minWidth = `${Math.max(200, Math.round(startW + ev.clientX - startX))}px`;
+    };
+    const onUp = (ev) => {
+      handle.removeEventListener("pointermove", onMove);
+      handle.removeEventListener("pointerup", onUp);
+      document.body.style.cursor = prevCursor;
+      const newH = dir !== "e" ? `${Math.max(200, Math.round(startH + ev.clientY - startY))}px` : null;
+      const newW = dir !== "s" ? `${Math.max(200, Math.round(startW + ev.clientX - startX))}px` : null;
+      onResize(newW, newH);
+    };
+    handle.addEventListener("pointermove", onMove);
+    handle.addEventListener("pointerup", onUp);
+  }, [onResize]);
+  const handleBase = {
+    position: "absolute",
+    zIndex: 10
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: cellRef, style: cellStyle, className: "jm-dashboard-cell", children: [
     /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
-                .jm-dashboard-cell .jm-cell-actions { opacity: 0; transition: opacity 0.15s; }
-                .jm-dashboard-cell:hover .jm-cell-actions { opacity: 1; }
+                .jm-dashboard-cell .jm-cell-actions  { opacity: 0; transition: opacity 0.15s; }
+                .jm-dashboard-cell:hover .jm-cell-actions  { opacity: 1; }
+                .jm-dashboard-cell .jm-resize-handle { opacity: 0; transition: opacity 0.15s; background: transparent; }
+                .jm-dashboard-cell:hover .jm-resize-handle { opacity: 1; }
+                .jm-resize-handle:hover { background: rgba(128,128,128,0.25) !important; }
+                .jm-resize-handle:active { background: rgba(128,128,128,0.45) !important; }
             ` }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "jm-resize-handle",
+        style: { ...handleBase, bottom: 0, left: 12, right: 12, height: 6, cursor: "ns-resize" },
+        onPointerDown: (e) => startResize(e, "s")
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "jm-resize-handle",
+        style: { ...handleBase, top: 12, right: 0, bottom: 12, width: 6, cursor: "ew-resize" },
+        onPointerDown: (e) => startResize(e, "e")
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "jm-resize-handle",
+        style: { ...handleBase, bottom: 0, right: 0, width: 12, height: 12, cursor: "nwse-resize", borderRadius: `0 0 ${token.borderRadiusLG}px 0` },
+        onPointerDown: (e) => startResize(e, "se")
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: toolbarStyle, children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { style: {
-        fontSize: token.fontSizeSM,
-        fontWeight: token.fontWeightStrong,
-        color: token.colorText,
+        fontSize: 14,
+        fontWeight: 700,
+        color: tone ? tone.solid : token.colorText,
         paddingLeft: 4,
         overflow: "hidden",
         textOverflow: "ellipsis",
-        whiteSpace: "nowrap"
+        whiteSpace: "nowrap",
+        letterSpacing: "-0.01em"
       }, children: cellTitle }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "jm-cell-actions", style: { display: "flex", alignItems: "center", gap: 2 }, children: [
         /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: "Configure cell", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -18524,9 +19185,10 @@ var DashboardGridCell = ({ cell, allModels, isMaximized, isMinimized, onConfigur
         allModels,
         isEmbedded: true,
         preferencesResourceOverride: `dashboard:${resource}`,
-        defaultListVisible: false,
+        defaultListVisible: Boolean(cell.view_type),
         listViewType: cell.view_type ? cell.view_type : model.listViewType
-      }
+      },
+      `${resource}-${cell.view_type ?? ""}`
     ) : /* @__PURE__ */ jsxRuntime.jsx(
       antd.Empty,
       {
@@ -18537,7 +19199,7 @@ var DashboardGridCell = ({ cell, allModels, isMaximized, isMinimized, onConfigur
     ) })
   ] });
 };
-var DashboardTabContent = ({ tab, allModels, maximizedCellId, minimizedCellIds, onMaximize, onMinimize, onConfigure }) => {
+var DashboardTabContent = ({ tab, allModels, maximizedCellId, minimizedCellIds, onMaximize, onMinimize, onConfigure, onResize }) => {
   const cells = tab.cells;
   const numCols = React6.useMemo(() => {
     if (!cells.length) return 2;
@@ -18576,7 +19238,8 @@ var DashboardTabContent = ({ tab, allModels, maximizedCellId, minimizedCellIds,
           isMinimized: minimizedCellIds.has(cell.id),
           onConfigure: () => onConfigure(cell),
           onMaximize: () => onMaximize(cell.id),
-          onMinimize: () => onMinimize(cell.id)
+          onMinimize: () => onMinimize(cell.id),
+          onResize: (w, h) => onResize(cell.id, w, h)
         }
       )
     },
@@ -18608,6 +19271,23 @@ var ViewsGrid = ({ config, allModels, onConfigChange }) => {
     onConfigChange(nextConfig);
     setDrawerSelection(null);
   }, [onConfigChange]);
+  const handleResizeCell = React6.useCallback((tabId, cellId, minWidth, minHeight) => {
+    const nextTabs = config.tabs.map((tab) => {
+      if (tab.id !== tabId) return tab;
+      return {
+        ...tab,
+        cells: tab.cells.map((c) => {
+          if (c.id !== cellId) return c;
+          return {
+            ...c,
+            ...minWidth !== null ? { min_width: minWidth } : {},
+            ...minHeight !== null ? { min_height: minHeight } : {}
+          };
+        })
+      };
+    });
+    onConfigChange({ ...config, tabs: nextTabs });
+  }, [config, onConfigChange]);
   const tabItems = React6.useMemo(
     () => config.tabs.map((tab) => ({
       key: tab.id,
@@ -18621,11 +19301,12 @@ var ViewsGrid = ({ config, allModels, onConfigChange }) => {
           minimizedCellIds,
           onMaximize: handleMaximize,
           onMinimize: handleMinimize,
-          onConfigure: (cell) => handleOpenDrawer(tab.id, cell)
+          onConfigure: (cell) => handleOpenDrawer(tab.id, cell),
+          onResize: (cellId, w, h) => handleResizeCell(tab.id, cellId, w, h)
         }
       )
     })),
-    [config.tabs, allModels, maximizedCellId, minimizedCellIds, handleMaximize, handleMinimize, handleOpenDrawer]
+    [config.tabs, allModels, maximizedCellId, minimizedCellIds, handleMaximize, handleMinimize, handleOpenDrawer, handleResizeCell]
   );
   if (!config.tabs.length) {
     return /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: "No tabs configured. Run veloiq add-dashboard to add models.", style: { padding: 48 } });
@@ -18664,7 +19345,7 @@ function parseInlineStyle3(cssText) {
     const prop = declaration.slice(0, idx).trim();
     const value = declaration.slice(idx + 1).trim();
     if (!prop || !value) return;
-    const camel = prop.replace(/-([a-z])/g, (_39, c) => c.toUpperCase());
+    const camel = prop.replace(/-([a-z])/g, (_41, c) => c.toUpperCase());
     result[camel] = value;
   });
   return result;
@@ -18689,7 +19370,7 @@ function useRecentActivity(days) {
   return { data, loading, reload: load };
 }
 var { Text: Text2, Title: Title9 } = antd.Typography;
-function relativeTime(iso) {
+function relativeTime2(iso) {
   if (!iso) return "";
   const diff = Date.now() - new Date(iso).getTime();
   const mins = Math.floor(diff / 6e4);
@@ -18798,7 +19479,7 @@ var RecentActivityPanel = () => {
                         }
                       ),
                       isNew && /* @__PURE__ */ jsxRuntime.jsx(antd.Tag, { color: "green", style: { fontSize: 10, padding: "0 4px", lineHeight: "16px" }, children: "new" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(Text2, { type: "secondary", style: { fontSize: 11, flexShrink: 0 }, children: relativeTime(timestamp) })
+                      /* @__PURE__ */ jsxRuntime.jsx(Text2, { type: "secondary", style: { fontSize: 11, flexShrink: 0 }, children: relativeTime2(timestamp) })
                     ] })
                   ]
                 }
@@ -18964,7 +19645,7 @@ var PinnedRecordsPanel = () => {
   ] });
 };
 var { Text: Text3 } = antd.Typography;
-var _38 = window._ || ((text) => text);
+var _40 = window._ || ((text) => text);
 var DashboardPage = () => {
   const { token } = antd.theme.useToken();
   const allModels = useAllModels();
@@ -18993,7 +19674,7 @@ var DashboardPage = () => {
   const tabs = [
     {
       key: "models_grid",
-      label: _38("Models Grid"),
+      label: _40("Models Grid"),
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "calc(100vh - 140px)", overflow: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsx(
         ViewsGrid,
         {
@@ -19005,12 +19686,12 @@ var DashboardPage = () => {
     },
     {
       key: "recent_activity",
-      label: _38("Recent Activity"),
+      label: _40("Recent Activity"),
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "calc(100vh - 140px)", overflow: "auto", padding: "0 12px" }, children: /* @__PURE__ */ jsxRuntime.jsx(RecentActivityPanel, {}) })
     },
     {
       key: "pinned_records",
-      label: _38("Pinned Records"),
+      label: _40("Pinned Records"),
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "calc(100vh - 140px)", overflow: "auto", padding: "0 12px" }, children: /* @__PURE__ */ jsxRuntime.jsx(PinnedRecordsPanel, {}) })
     }
   ];