@maykonpaulo/maestro-admin 0.4.0-next.0 → 0.4.0-next.1

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/components/MaestroAdmin.tsx
-import { useCallback as useCallback5, useEffect as useEffect7, useMemo as useMemo7, useState as useState14 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect8, useMemo as useMemo7, useState as useState14 } from "react";
 
 // src/client/MaestroClient.ts
 var MaestroApiError = class extends Error {
@@ -431,10 +431,6 @@ var PATHS = {
     /* @__PURE__ */ jsx("rect", { x: "3.5", y: "13.5", width: "7", height: "7", rx: "1.5" }),
     /* @__PURE__ */ jsx("rect", { x: "13.5", y: "13.5", width: "7", height: "7", rx: "1.5" })
   ] }),
-  baton: /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("path", { d: "M4 20 14 10" }),
-    /* @__PURE__ */ jsx("circle", { cx: "17", cy: "7", r: "3.2" })
-  ] }),
   search: /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "6.5" }),
     /* @__PURE__ */ jsx("path", { d: "m16 16 4.5 4.5" })
@@ -593,8 +589,84 @@ function entityIcon(entity) {
   return "table";
 }
 
+// src/components/brand.tsx
+import { useId } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function labelProps(title) {
+  return title ? { role: "img" } : { "aria-hidden": true };
+}
+function MaestroMark({
+  size = 30,
+  className,
+  title
+}) {
+  const maskId = useId();
+  return /* @__PURE__ */ jsxs2(
+    "svg",
+    {
+      viewBox: "0 0 64 64",
+      width: size,
+      height: size,
+      fill: "none",
+      className,
+      focusable: "false",
+      ...labelProps(title),
+      children: [
+        title && /* @__PURE__ */ jsx2("title", { children: title }),
+        /* @__PURE__ */ jsxs2("mask", { id: maskId, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "64", height: "64", children: [
+          /* @__PURE__ */ jsx2("rect", { width: "64", height: "64", fill: "#000" }),
+          /* @__PURE__ */ jsx2("rect", { y: "14", width: "64", height: "10.667", fill: "#fff" }),
+          /* @__PURE__ */ jsx2("rect", { y: "28.667", width: "64", height: "10.667", fill: "#fff" }),
+          /* @__PURE__ */ jsx2("rect", { y: "43.333", width: "64", height: "10.667", fill: "#fff" })
+        ] }),
+        /* @__PURE__ */ jsx2(
+          "path",
+          {
+            d: "M12 54V14l20 24 20-24v40",
+            stroke: "currentColor",
+            strokeWidth: "10",
+            strokeLinejoin: "round",
+            mask: `url(#${maskId})`
+          }
+        )
+      ]
+    }
+  );
+}
+function MaestroSeal({
+  size = 30,
+  className,
+  title
+}) {
+  const maskId = useId();
+  return /* @__PURE__ */ jsxs2(
+    "svg",
+    {
+      viewBox: "0 0 64 64",
+      width: size,
+      height: size,
+      className,
+      focusable: "false",
+      ...labelProps(title),
+      children: [
+        title && /* @__PURE__ */ jsx2("title", { children: title }),
+        /* @__PURE__ */ jsxs2("mask", { id: maskId, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "64", height: "64", children: [
+          /* @__PURE__ */ jsx2("rect", { width: "64", height: "64", fill: "#fff" }),
+          /* @__PURE__ */ jsxs2("g", { transform: "scale(1.142857143) translate(-4 -4)", children: [
+            /* @__PURE__ */ jsx2("path", { d: "M17.3 47V17L32 35L46.7 17V47", fill: "none", stroke: "#000", strokeWidth: "8.1", strokeLinejoin: "round" }),
+            /* @__PURE__ */ jsx2("rect", { x: "-8", y: "-8", width: "80", height: "25", fill: "#fff" }),
+            /* @__PURE__ */ jsx2("rect", { x: "-8", y: "47", width: "80", height: "25", fill: "#fff" }),
+            /* @__PURE__ */ jsx2("rect", { x: "-8", y: "25", width: "80", height: "3", fill: "#fff" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx2("rect", { width: "64", height: "64", rx: "18.3", fill: "currentColor", mask: `url(#${maskId})` })
+      ]
+    }
+  );
+}
+
 // src/components/Sidebar.tsx
-import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function normalize(text) {
   return text.toLowerCase().normalize("NFD").replace(/\p{M}/gu, "");
 }
@@ -613,9 +685,9 @@ function Highlight({ label, query }) {
   if (idx === -1) return label;
   const start = originalIndex[idx];
   const end = (originalIndex[idx + foldedQuery.length - 1] ?? label.length - 1) + 1;
-  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
     label.slice(0, start),
-    /* @__PURE__ */ jsx2("mark", { children: label.slice(start, end) }),
+    /* @__PURE__ */ jsx3("mark", { children: label.slice(start, end) }),
     label.slice(end)
   ] });
 }
@@ -626,7 +698,7 @@ function EntityButton({
   subtitle,
   query
 }) {
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3(
     "button",
     {
       type: "button",
@@ -635,10 +707,10 @@ function EntityButton({
       className: "mst-navitem",
       title: entity.label.plural,
       children: [
-        /* @__PURE__ */ jsx2(Icon, { name: entityIcon(entity), size: 14 }),
-        /* @__PURE__ */ jsxs2("span", { className: "mst-navitem__label", children: [
-          query ? /* @__PURE__ */ jsx2(Highlight, { label: entity.label.plural, query }) : entity.label.plural,
-          subtitle && /* @__PURE__ */ jsxs2("span", { className: "mst-navitem__sub", children: [
+        /* @__PURE__ */ jsx3(Icon, { name: entityIcon(entity), size: 14 }),
+        /* @__PURE__ */ jsxs3("span", { className: "mst-navitem__label", children: [
+          query ? /* @__PURE__ */ jsx3(Highlight, { label: entity.label.plural, query }) : entity.label.plural,
+          subtitle && /* @__PURE__ */ jsxs3("span", { className: "mst-navitem__sub", children: [
             " \xB7 ",
             subtitle
           ] })
@@ -677,12 +749,12 @@ function Sidebar({
     onSelect(entityId);
   };
   const isExpanded = (groupId, hasActive) => expanded[groupId] ?? hasActive;
-  return /* @__PURE__ */ jsxs2("aside", { className: "mst-side", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "mst-side__brand", children: [
-      /* @__PURE__ */ jsx2("span", { className: "mst-mark", children: /* @__PURE__ */ jsx2(Icon, { name: "baton", size: 15 }) }),
-      /* @__PURE__ */ jsx2("span", { className: "mst-side__title", children: title })
+  return /* @__PURE__ */ jsxs3("aside", { className: "mst-side", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "mst-side__brand", children: [
+      /* @__PURE__ */ jsx3(MaestroMark, { className: "mst-mark", size: 30 }),
+      /* @__PURE__ */ jsx3("span", { className: "mst-side__title", children: title })
     ] }),
-    /* @__PURE__ */ jsx2("div", { className: "mst-side__search", children: /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx3("div", { className: "mst-side__search", children: /* @__PURE__ */ jsx3(
       "input",
       {
         type: "search",
@@ -696,7 +768,7 @@ function Sidebar({
         "aria-label": t.searchMenu
       }
     ) }),
-    /* @__PURE__ */ jsx2("nav", { className: "mst-side__nav", children: query ? results.length === 0 ? /* @__PURE__ */ jsx2("p", { className: "mst-side__empty", children: t.noMenuResults }) : results.map((e) => /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx3("nav", { className: "mst-side__nav", children: query ? results.length === 0 ? /* @__PURE__ */ jsx3("p", { className: "mst-side__empty", children: t.noMenuResults }) : results.map((e) => /* @__PURE__ */ jsx3(
       EntityButton,
       {
         entity: e,
@@ -706,21 +778,21 @@ function Sidebar({
         query
       },
       e.id
-    )) : /* @__PURE__ */ jsxs2(Fragment2, { children: [
-      onHome && /* @__PURE__ */ jsxs2("button", { type: "button", className: "mst-navitem", "aria-current": homeActive, onClick: onHome, title: t.hub, children: [
-        /* @__PURE__ */ jsx2(Icon, { name: "hub", size: 14 }),
-        /* @__PURE__ */ jsx2("span", { className: "mst-navitem__label", children: t.hub })
+    )) : /* @__PURE__ */ jsxs3(Fragment2, { children: [
+      onHome && /* @__PURE__ */ jsxs3("button", { type: "button", className: "mst-navitem", "aria-current": homeActive, onClick: onHome, title: t.hub, children: [
+        /* @__PURE__ */ jsx3(Icon, { name: "hub", size: 14 }),
+        /* @__PURE__ */ jsx3("span", { className: "mst-navitem__label", children: t.hub })
       ] }),
-      recentEntities.length > 0 && /* @__PURE__ */ jsxs2(Fragment2, { children: [
-        /* @__PURE__ */ jsx2("p", { className: "mst-side__section", children: t.recents }),
-        recentEntities.map((e) => /* @__PURE__ */ jsx2(EntityButton, { entity: e, active: e.id === activeId, onSelect: select }, e.id))
+      recentEntities.length > 0 && /* @__PURE__ */ jsxs3(Fragment2, { children: [
+        /* @__PURE__ */ jsx3("p", { className: "mst-side__section", children: t.recents }),
+        recentEntities.map((e) => /* @__PURE__ */ jsx3(EntityButton, { entity: e, active: e.id === activeId, onSelect: select }, e.id))
       ] }),
-      /* @__PURE__ */ jsx2("p", { className: "mst-side__section", children: t.menus }),
+      /* @__PURE__ */ jsx3("p", { className: "mst-side__section", children: t.menus }),
       menu.groups.map((group) => {
         const hasActive = group.entities.some((e) => e.id === activeId);
         const open = isExpanded(group.id, hasActive);
-        return /* @__PURE__ */ jsxs2("div", { children: [
-          /* @__PURE__ */ jsxs2(
+        return /* @__PURE__ */ jsxs3("div", { children: [
+          /* @__PURE__ */ jsxs3(
             "button",
             {
               type: "button",
@@ -728,7 +800,7 @@ function Sidebar({
               onClick: () => setExpanded((prev) => ({ ...prev, [group.id]: !open })),
               className: "mst-navitem mst-navitem--folder",
               children: [
-                /* @__PURE__ */ jsx2(
+                /* @__PURE__ */ jsx3(
                   Icon,
                   {
                     name: "chevronRight",
@@ -736,19 +808,19 @@ function Sidebar({
                     className: open ? "mst-navitem__chev mst-navitem__chev--open" : "mst-navitem__chev"
                   }
                 ),
-                /* @__PURE__ */ jsx2("span", { className: "mst-navitem__label", children: group.label }),
-                /* @__PURE__ */ jsx2("span", { className: "mst-navitem__count", children: group.entities.length })
+                /* @__PURE__ */ jsx3("span", { className: "mst-navitem__label", children: group.label }),
+                /* @__PURE__ */ jsx3("span", { className: "mst-navitem__count", children: group.entities.length })
               ]
             }
           ),
-          open && /* @__PURE__ */ jsx2("div", { className: "mst-side__children", children: group.entities.map((e) => /* @__PURE__ */ jsx2(EntityButton, { entity: e, active: e.id === activeId, onSelect: select }, e.id)) })
+          open && /* @__PURE__ */ jsx3("div", { className: "mst-side__children", children: group.entities.map((e) => /* @__PURE__ */ jsx3(EntityButton, { entity: e, active: e.id === activeId, onSelect: select }, e.id)) })
         ] }, group.id);
       }),
-      menu.ungrouped.map((e) => /* @__PURE__ */ jsx2(EntityButton, { entity: e, active: e.id === activeId, onSelect: select }, e.id))
+      menu.ungrouped.map((e) => /* @__PURE__ */ jsx3(EntityButton, { entity: e, active: e.id === activeId, onSelect: select }, e.id))
     ] }) }),
-    /* @__PURE__ */ jsxs2("div", { className: "mst-side__foot", children: [
-      /* @__PURE__ */ jsx2("span", { className: "mst-pulse", "aria-hidden": true }),
-      /* @__PURE__ */ jsx2("span", { children: t.entitiesFooter(entities.length) })
+    /* @__PURE__ */ jsxs3("div", { className: "mst-side__foot", children: [
+      /* @__PURE__ */ jsx3("span", { className: "mst-pulse", "aria-hidden": true }),
+      /* @__PURE__ */ jsx3("span", { children: t.entitiesFooter(entities.length) })
     ] })
   ] });
 }
@@ -757,8 +829,16 @@ function Sidebar({
 import { useState as useState5 } from "react";
 
 // src/theme.tsx
-import { createContext as createContext3, useCallback as useCallback2, useContext as useContext3, useMemo as useMemo2, useState as useState3 } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import {
+  createContext as createContext3,
+  useCallback as useCallback2,
+  useContext as useContext3,
+  useEffect as useEffect2,
+  useMemo as useMemo2,
+  useRef,
+  useState as useState3
+} from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var MAESTRO_THEMES = [
   { id: "cobalto", label: "Grafite & Cobalto", swatch: "#3557e8" },
   { id: "latao", label: "Ard\xF3sia & Lat\xE3o", swatch: "#9a6a22" },
@@ -837,7 +917,15 @@ function MaestroThemeProvider({
     }),
     [state, config.picker, update]
   );
-  return /* @__PURE__ */ jsx3(ThemeContext.Provider, { value, children: /* @__PURE__ */ jsx3(
+  const faviconRef = useRef(config.favicon);
+  faviconRef.current = config.favicon;
+  useEffect2(() => {
+    const href = faviconRef.current?.(value.preset);
+    if (!href) return;
+    const link = globalThis.document?.querySelector('link[rel="icon"]');
+    if (link) link.href = href;
+  }, [value.preset]);
+  return /* @__PURE__ */ jsx4(ThemeContext.Provider, { value, children: /* @__PURE__ */ jsx4(
     "div",
     {
       ref: rootRef,
@@ -852,11 +940,11 @@ function MaestroThemeProvider({
 }
 
 // src/components/menu.tsx
-import { useEffect as useEffect2, useLayoutEffect, useRef, useState as useState4 } from "react";
+import { useEffect as useEffect3, useLayoutEffect, useRef as useRef2, useState as useState4 } from "react";
 import { createPortal } from "react-dom";
-import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function PopMenu({ anchor, items, onClose }) {
-  const ref = useRef(null);
+  const ref = useRef2(null);
   const [pos, setPos] = useState4(anchor);
   const root = useAdminRoot();
   useLayoutEffect(() => {
@@ -868,7 +956,7 @@ function PopMenu({ anchor, items, onClose }) {
       y: Math.max(4, Math.min(anchor.y, window.innerHeight - rect.height - 8))
     });
   }, [anchor]);
-  useEffect2(() => {
+  useEffect3(() => {
     const onDown = (e) => {
       if (ref.current && !ref.current.contains(e.target)) onClose();
     };
@@ -887,9 +975,9 @@ function PopMenu({ anchor, items, onClose }) {
     };
   }, [onClose]);
   return createPortal(
-    /* @__PURE__ */ jsx4("div", { ref, role: "menu", style: { left: pos.x, top: pos.y }, className: "mst-menu", children: items.map((item) => /* @__PURE__ */ jsxs3("div", { children: [
-      item.separated && /* @__PURE__ */ jsx4("div", { className: "mst-menu__sep" }),
-      /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsx5("div", { ref, role: "menu", style: { left: pos.x, top: pos.y }, className: "mst-menu", children: items.map((item) => /* @__PURE__ */ jsxs4("div", { children: [
+      item.separated && /* @__PURE__ */ jsx5("div", { className: "mst-menu__sep" }),
+      /* @__PURE__ */ jsxs4(
         "button",
         {
           type: "button",
@@ -900,7 +988,7 @@ function PopMenu({ anchor, items, onClose }) {
           },
           className: `mst-menu__item${item.danger ? " mst-menu__item--danger" : ""}`,
           children: [
-            item.icon && /* @__PURE__ */ jsx4(Icon, { name: item.icon, size: 14 }),
+            item.icon && /* @__PURE__ */ jsx5(Icon, { name: item.icon, size: 14 }),
             item.label
           ]
         }
@@ -911,8 +999,8 @@ function PopMenu({ anchor, items, onClose }) {
 }
 function MenuButton({ items, label }) {
   const [anchor, setAnchor] = useState4(void 0);
-  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
-    /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    /* @__PURE__ */ jsx5(
       "button",
       {
         type: "button",
@@ -923,15 +1011,15 @@ function MenuButton({ items, label }) {
           setAnchor({ x: rect.right - 184, y: rect.bottom + 4 });
         },
         className: "mst-iconbtn",
-        children: /* @__PURE__ */ jsx4(Icon, { name: "dots", size: 14 })
+        children: /* @__PURE__ */ jsx5(Icon, { name: "dots", size: 14 })
       }
     ),
-    anchor && /* @__PURE__ */ jsx4(PopMenu, { anchor, items, onClose: () => setAnchor(void 0) })
+    anchor && /* @__PURE__ */ jsx5(PopMenu, { anchor, items, onClose: () => setAnchor(void 0) })
   ] });
 }
 
 // src/components/Header.tsx
-import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var NEXT_SCHEME = { system: "light", light: "dark", dark: "system" };
 var SCHEME_ICON = {
   system: "swatch",
@@ -944,32 +1032,32 @@ function Header({ crumbs, onOpenPalette }) {
   const [anchor, setAnchor] = useState5(void 0);
   const themeItems = MAESTRO_THEMES.map((option) => ({
     id: option.id,
-    label: /* @__PURE__ */ jsxs4(Fragment4, { children: [
-      /* @__PURE__ */ jsx5("span", { className: "mst-swatch", style: { background: option.swatch } }),
+    label: /* @__PURE__ */ jsxs5(Fragment4, { children: [
+      /* @__PURE__ */ jsx6("span", { className: "mst-swatch", style: { background: option.swatch } }),
       option.label,
-      theme.preset === option.id && /* @__PURE__ */ jsx5(Icon, { name: "check", size: 13 })
+      theme.preset === option.id && /* @__PURE__ */ jsx6(Icon, { name: "check", size: 13 })
     ] }),
     onSelect: () => theme.setPreset(option.id)
   }));
   const schemeLabel = theme.scheme === "system" ? t.schemeSystem : theme.scheme === "light" ? t.schemeLight : t.schemeDark;
-  return /* @__PURE__ */ jsxs4("header", { className: "mst-header", children: [
-    /* @__PURE__ */ jsx5("nav", { className: "mst-crumbs", "aria-label": t.breadcrumb, children: crumbs.map((crumb, index) => /* @__PURE__ */ jsxs4("span", { className: "mst-crumbs__item", children: [
-      index > 0 && /* @__PURE__ */ jsx5(Icon, { name: "chevronRight", size: 12, className: "mst-crumbs__sep" }),
-      crumb.onClick ? /* @__PURE__ */ jsxs4("button", { type: "button", className: "mst-crumbs__link", onClick: crumb.onClick, children: [
-        crumb.icon && /* @__PURE__ */ jsx5(Icon, { name: crumb.icon, size: 13 }),
+  return /* @__PURE__ */ jsxs5("header", { className: "mst-header", children: [
+    /* @__PURE__ */ jsx6("nav", { className: "mst-crumbs", "aria-label": t.breadcrumb, children: crumbs.map((crumb, index) => /* @__PURE__ */ jsxs5("span", { className: "mst-crumbs__item", children: [
+      index > 0 && /* @__PURE__ */ jsx6(Icon, { name: "chevronRight", size: 12, className: "mst-crumbs__sep" }),
+      crumb.onClick ? /* @__PURE__ */ jsxs5("button", { type: "button", className: "mst-crumbs__link", onClick: crumb.onClick, children: [
+        crumb.icon && /* @__PURE__ */ jsx6(Icon, { name: crumb.icon, size: 13 }),
         crumb.label
-      ] }) : /* @__PURE__ */ jsxs4("span", { className: "mst-crumbs__now", children: [
-        crumb.icon && /* @__PURE__ */ jsx5(Icon, { name: crumb.icon, size: 13 }),
+      ] }) : /* @__PURE__ */ jsxs5("span", { className: "mst-crumbs__now", children: [
+        crumb.icon && /* @__PURE__ */ jsx6(Icon, { name: crumb.icon, size: 13 }),
         crumb.label
       ] })
     ] }, `${crumb.label}-${index}`)) }),
-    /* @__PURE__ */ jsxs4("button", { type: "button", className: "mst-searchchip", onClick: onOpenPalette, children: [
-      /* @__PURE__ */ jsx5(Icon, { name: "search", size: 13 }),
-      /* @__PURE__ */ jsx5("span", { children: t.search }),
-      /* @__PURE__ */ jsx5("kbd", { className: "mst-kbd", children: t.commandKey })
+    /* @__PURE__ */ jsxs5("button", { type: "button", className: "mst-searchchip", onClick: onOpenPalette, children: [
+      /* @__PURE__ */ jsx6(Icon, { name: "search", size: 13 }),
+      /* @__PURE__ */ jsx6("span", { children: t.search }),
+      /* @__PURE__ */ jsx6("kbd", { className: "mst-kbd", children: t.commandKey })
     ] }),
-    theme.picker && /* @__PURE__ */ jsxs4(Fragment4, { children: [
-      /* @__PURE__ */ jsx5(
+    theme.picker && /* @__PURE__ */ jsxs5(Fragment4, { children: [
+      /* @__PURE__ */ jsx6(
         "button",
         {
           type: "button",
@@ -978,10 +1066,10 @@ function Header({ crumbs, onOpenPalette }) {
           "aria-pressed": theme.density === "compact",
           className: "mst-iconbtn",
           onClick: () => theme.setDensity(theme.density === "compact" ? "comfortable" : "compact"),
-          children: /* @__PURE__ */ jsx5(Icon, { name: "rows", size: 14 })
+          children: /* @__PURE__ */ jsx6(Icon, { name: "rows", size: 14 })
         }
       ),
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx6(
         "button",
         {
           type: "button",
@@ -992,10 +1080,10 @@ function Header({ crumbs, onOpenPalette }) {
             const rect = e.currentTarget.getBoundingClientRect();
             setAnchor({ x: rect.right - 200, y: rect.bottom + 6 });
           },
-          children: /* @__PURE__ */ jsx5(Icon, { name: "swatch", size: 14 })
+          children: /* @__PURE__ */ jsx6(Icon, { name: "swatch", size: 14 })
         }
       ),
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx6(
         "button",
         {
           type: "button",
@@ -1003,11 +1091,11 @@ function Header({ crumbs, onOpenPalette }) {
           title: `${t.colorScheme}: ${schemeLabel}`,
           className: "mst-iconbtn",
           onClick: () => theme.setScheme(NEXT_SCHEME[theme.scheme]),
-          children: /* @__PURE__ */ jsx5(Icon, { name: SCHEME_ICON[theme.scheme], size: 14 })
+          children: /* @__PURE__ */ jsx6(Icon, { name: SCHEME_ICON[theme.scheme], size: 14 })
         }
       )
     ] }),
-    anchor && /* @__PURE__ */ jsx5(PopMenu, { anchor, items: themeItems, onClose: () => setAnchor(void 0) })
+    anchor && /* @__PURE__ */ jsx6(PopMenu, { anchor, items: themeItems, onClose: () => setAnchor(void 0) })
   ] });
 }
 
@@ -1015,7 +1103,7 @@ function Header({ crumbs, onOpenPalette }) {
 import { useMemo as useMemo3 } from "react";
 
 // src/components/ui.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function Button({
   variant = "secondary",
   icon,
@@ -1023,8 +1111,8 @@ function Button({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs5("button", { type: "button", className: `mst-btn mst-btn--${variant} ${className}`.trim(), ...props, children: [
-    icon && /* @__PURE__ */ jsx6(Icon, { name: icon, size: 14 }),
+  return /* @__PURE__ */ jsxs6("button", { type: "button", className: `mst-btn mst-btn--${variant} ${className}`.trim(), ...props, children: [
+    icon && /* @__PURE__ */ jsx7(Icon, { name: icon, size: 14 }),
     children
   ] });
 }
@@ -1034,46 +1122,46 @@ function IconButton({
   className = "",
   ...props
 }) {
-  return /* @__PURE__ */ jsx6("button", { type: "button", "aria-label": label, title: label, className: `mst-iconbtn ${className}`.trim(), ...props, children: /* @__PURE__ */ jsx6(Icon, { name: icon, size: 14 }) });
+  return /* @__PURE__ */ jsx7("button", { type: "button", "aria-label": label, title: label, className: `mst-iconbtn ${className}`.trim(), ...props, children: /* @__PURE__ */ jsx7(Icon, { name: icon, size: 14 }) });
 }
 function Badge({ children, tone = "neutral", dot = false }) {
   const toneClass = tone === "neutral" ? "" : ` mst-badge--${tone}`;
-  return /* @__PURE__ */ jsx6("span", { className: `mst-badge${toneClass}${dot ? " mst-badge--dot" : ""}`, children });
+  return /* @__PURE__ */ jsx7("span", { className: `mst-badge${toneClass}${dot ? " mst-badge--dot" : ""}`, children });
 }
 function Spinner({ label }) {
-  return /* @__PURE__ */ jsx6("div", { className: "mst-spinner", role: "status", children: label ?? "Loading\u2026" });
+  return /* @__PURE__ */ jsx7("div", { className: "mst-spinner", role: "status", children: label ?? "Loading\u2026" });
 }
 function EmptyState({ title, hint }) {
-  return /* @__PURE__ */ jsxs5("div", { className: "mst-empty", children: [
-    /* @__PURE__ */ jsx6("p", { className: "mst-empty__title", children: title }),
-    hint && /* @__PURE__ */ jsx6("p", { className: "mst-empty__hint", children: hint })
+  return /* @__PURE__ */ jsxs6("div", { className: "mst-empty", children: [
+    /* @__PURE__ */ jsx7("p", { className: "mst-empty__title", children: title }),
+    hint && /* @__PURE__ */ jsx7("p", { className: "mst-empty__hint", children: hint })
   ] });
 }
 function ErrorBanner({ error }) {
-  return /* @__PURE__ */ jsxs5("div", { className: "mst-error", role: "alert", children: [
-    /* @__PURE__ */ jsx6(Icon, { name: "alert", size: 15 }),
-    /* @__PURE__ */ jsx6("span", { children: error.message })
+  return /* @__PURE__ */ jsxs6("div", { className: "mst-error", role: "alert", children: [
+    /* @__PURE__ */ jsx7(Icon, { name: "alert", size: 15 }),
+    /* @__PURE__ */ jsx7("span", { children: error.message })
   ] });
 }
 function Toast({ children }) {
-  return /* @__PURE__ */ jsx6("div", { className: "mst-toast", role: "status", children });
+  return /* @__PURE__ */ jsx7("div", { className: "mst-toast", role: "status", children });
 }
 
 // src/components/Hub.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var CAPS = ["list", "create", "update", "delete"];
 function EntityCard({ entity, onOpen }) {
   const t = useT();
   const capLabel = { list: t.capRead, create: t.capCreate, update: t.capUpdate, delete: t.capDelete };
-  return /* @__PURE__ */ jsxs6("button", { type: "button", className: "mst-ecard", onClick: () => onOpen(entity.id), children: [
-    /* @__PURE__ */ jsx7("span", { className: "mst-ecard__tile", children: /* @__PURE__ */ jsx7(Icon, { name: entityIcon(entity), size: 16 }) }),
-    /* @__PURE__ */ jsxs6("span", { className: "mst-ecard__body", children: [
-      /* @__PURE__ */ jsx7("span", { className: "mst-ecard__name", children: entity.label.plural }),
-      /* @__PURE__ */ jsx7("span", { className: "mst-ecard__desc", children: entity.description ?? t.fieldCount(entity.fields.length) }),
-      /* @__PURE__ */ jsx7("span", { className: "mst-caps", children: CAPS.map((cap) => /* @__PURE__ */ jsx7("span", { className: "mst-cap", "data-on": String(entity.capabilities[cap]), children: capLabel[cap] }, cap)) }),
-      /* @__PURE__ */ jsxs6("span", { className: "mst-source", children: [
-        /* @__PURE__ */ jsx7(Icon, { name: "database", size: 11 }),
-        /* @__PURE__ */ jsxs6("span", { children: [
+  return /* @__PURE__ */ jsxs7("button", { type: "button", className: "mst-ecard", onClick: () => onOpen(entity.id), children: [
+    /* @__PURE__ */ jsx8("span", { className: "mst-ecard__tile", children: /* @__PURE__ */ jsx8(Icon, { name: entityIcon(entity), size: 16 }) }),
+    /* @__PURE__ */ jsxs7("span", { className: "mst-ecard__body", children: [
+      /* @__PURE__ */ jsx8("span", { className: "mst-ecard__name", children: entity.label.plural }),
+      /* @__PURE__ */ jsx8("span", { className: "mst-ecard__desc", children: entity.description ?? t.fieldCount(entity.fields.length) }),
+      /* @__PURE__ */ jsx8("span", { className: "mst-caps", children: CAPS.map((cap) => /* @__PURE__ */ jsx8("span", { className: "mst-cap", "data-on": String(entity.capabilities[cap]), children: capLabel[cap] }, cap)) }),
+      /* @__PURE__ */ jsxs7("span", { className: "mst-source", children: [
+        /* @__PURE__ */ jsx8(Icon, { name: "database", size: 11 }),
+        /* @__PURE__ */ jsxs7("span", { children: [
           entity.datasource,
           " \xB7 ",
           entity.table
@@ -1091,30 +1179,30 @@ function Hub({
   const menu = useMemo3(() => buildMenu(entities, labels), [entities, labels]);
   const sources = useMemo3(() => new Set(entities.map((e) => e.datasource)).size, [entities]);
   if (entities.length === 0) {
-    return /* @__PURE__ */ jsx7(EmptyState, { title: t.noEntities, hint: t.noEntitiesHint });
+    return /* @__PURE__ */ jsx8(EmptyState, { title: t.noEntities, hint: t.noEntitiesHint });
   }
-  return /* @__PURE__ */ jsxs6("section", { className: "mst-page", children: [
-    /* @__PURE__ */ jsx7("div", { className: "mst-pagehead", children: /* @__PURE__ */ jsxs6("div", { children: [
-      /* @__PURE__ */ jsx7("h1", { className: "mst-pagehead__title", children: t.entities }),
-      /* @__PURE__ */ jsx7("p", { className: "mst-pagehead__meta", children: t.hubMeta(entities.length, sources) })
+  return /* @__PURE__ */ jsxs7("section", { className: "mst-page", children: [
+    /* @__PURE__ */ jsx8("div", { className: "mst-pagehead", children: /* @__PURE__ */ jsxs7("div", { children: [
+      /* @__PURE__ */ jsx8("h1", { className: "mst-pagehead__title", children: t.entities }),
+      /* @__PURE__ */ jsx8("p", { className: "mst-pagehead__meta", children: t.hubMeta(entities.length, sources) })
     ] }) }),
-    /* @__PURE__ */ jsxs6("div", { className: "mst-hub", children: [
-      menu.groups.map((group) => /* @__PURE__ */ jsxs6("div", { children: [
-        /* @__PURE__ */ jsx7("p", { className: "mst-grouplabel", children: group.label }),
-        /* @__PURE__ */ jsx7("div", { className: "mst-cards", children: group.entities.map((entity) => /* @__PURE__ */ jsx7(EntityCard, { entity, onOpen }, entity.id)) })
+    /* @__PURE__ */ jsxs7("div", { className: "mst-hub", children: [
+      menu.groups.map((group) => /* @__PURE__ */ jsxs7("div", { children: [
+        /* @__PURE__ */ jsx8("p", { className: "mst-grouplabel", children: group.label }),
+        /* @__PURE__ */ jsx8("div", { className: "mst-cards", children: group.entities.map((entity) => /* @__PURE__ */ jsx8(EntityCard, { entity, onOpen }, entity.id)) })
       ] }, group.id)),
-      menu.ungrouped.length > 0 && /* @__PURE__ */ jsxs6("div", { children: [
-        menu.groups.length > 0 && /* @__PURE__ */ jsx7("p", { className: "mst-grouplabel", children: t.otherEntities }),
-        /* @__PURE__ */ jsx7("div", { className: "mst-cards", children: menu.ungrouped.map((entity) => /* @__PURE__ */ jsx7(EntityCard, { entity, onOpen }, entity.id)) })
+      menu.ungrouped.length > 0 && /* @__PURE__ */ jsxs7("div", { children: [
+        menu.groups.length > 0 && /* @__PURE__ */ jsx8("p", { className: "mst-grouplabel", children: t.otherEntities }),
+        /* @__PURE__ */ jsx8("div", { className: "mst-cards", children: menu.ungrouped.map((entity) => /* @__PURE__ */ jsx8(EntityCard, { entity, onOpen }, entity.id)) })
       ] })
     ] })
   ] });
 }
 
 // src/components/CommandPalette.tsx
-import { useEffect as useEffect3, useMemo as useMemo4, useRef as useRef2, useState as useState6 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo4, useRef as useRef3, useState as useState6 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
-import { Fragment as Fragment5, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function normalize2(text) {
   return text.toLowerCase().normalize("NFD").replace(/\p{M}/gu, "");
 }
@@ -1123,9 +1211,9 @@ function Highlight2({ label, query }) {
   const folded = normalize2(label);
   const idx = folded.indexOf(normalize2(query));
   if (idx === -1) return label;
-  return /* @__PURE__ */ jsxs7(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs8(Fragment5, { children: [
     label.slice(0, idx),
-    /* @__PURE__ */ jsx8("mark", { children: label.slice(idx, idx + query.length) }),
+    /* @__PURE__ */ jsx9("mark", { children: label.slice(idx, idx + query.length) }),
     label.slice(idx + query.length)
   ] });
 }
@@ -1142,8 +1230,8 @@ function entityCommands(entities, groupOf, onSelect) {
 function CommandPalette({ sections, onClose }) {
   const t = useT();
   const root = useAdminRoot();
-  const inputRef = useRef2(null);
-  const listRef = useRef2(null);
+  const inputRef = useRef3(null);
+  const listRef = useRef3(null);
   const [query, setQuery] = useState6("");
   const [cursor, setCursor] = useState6(0);
   const visible = useMemo4(() => {
@@ -1156,9 +1244,9 @@ function CommandPalette({ sections, onClose }) {
   }, [sections, query]);
   const flat = useMemo4(() => visible.flatMap((section) => section.commands), [visible]);
   const active = flat[Math.min(cursor, flat.length - 1)];
-  useEffect3(() => setCursor(0), [query]);
-  useEffect3(() => inputRef.current?.focus(), []);
-  useEffect3(() => {
+  useEffect4(() => setCursor(0), [query]);
+  useEffect4(() => inputRef.current?.focus(), []);
+  useEffect4(() => {
     listRef.current?.querySelector('[data-active="true"]')?.scrollIntoView({ block: "nearest" });
   }, [cursor, query]);
   const onKeyDown = (e) => {
@@ -1184,7 +1272,7 @@ function CommandPalette({ sections, onClose }) {
     }
   };
   return createPortal2(
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9(
       "div",
       {
         className: "mst-overlay",
@@ -1192,10 +1280,10 @@ function CommandPalette({ sections, onClose }) {
         onMouseDown: (e) => {
           if (e.target === e.currentTarget) onClose();
         },
-        children: /* @__PURE__ */ jsxs7("div", { className: "mst-palette", role: "dialog", "aria-modal": "true", "aria-label": t.commandPalette, children: [
-          /* @__PURE__ */ jsxs7("div", { className: "mst-palette__input", children: [
-            /* @__PURE__ */ jsx8(Icon, { name: "search", size: 15 }),
-            /* @__PURE__ */ jsx8(
+        children: /* @__PURE__ */ jsxs8("div", { className: "mst-palette", role: "dialog", "aria-modal": "true", "aria-label": t.commandPalette, children: [
+          /* @__PURE__ */ jsxs8("div", { className: "mst-palette__input", children: [
+            /* @__PURE__ */ jsx9(Icon, { name: "search", size: 15 }),
+            /* @__PURE__ */ jsx9(
               "input",
               {
                 ref: inputRef,
@@ -1207,11 +1295,11 @@ function CommandPalette({ sections, onClose }) {
                 onKeyDown
               }
             ),
-            /* @__PURE__ */ jsx8("kbd", { className: "mst-kbd", children: "esc" })
+            /* @__PURE__ */ jsx9("kbd", { className: "mst-kbd", children: "esc" })
           ] }),
-          /* @__PURE__ */ jsx8("div", { className: "mst-palette__list", ref: listRef, children: flat.length === 0 ? /* @__PURE__ */ jsx8("p", { className: "mst-palette__empty", children: t.noMenuResults }) : visible.map((section) => /* @__PURE__ */ jsxs7("div", { children: [
-            /* @__PURE__ */ jsx8("p", { className: "mst-palette__section", children: section.label }),
-            section.commands.map((command) => /* @__PURE__ */ jsxs7(
+          /* @__PURE__ */ jsx9("div", { className: "mst-palette__list", ref: listRef, children: flat.length === 0 ? /* @__PURE__ */ jsx9("p", { className: "mst-palette__empty", children: t.noMenuResults }) : visible.map((section) => /* @__PURE__ */ jsxs8("div", { children: [
+            /* @__PURE__ */ jsx9("p", { className: "mst-palette__section", children: section.label }),
+            section.commands.map((command) => /* @__PURE__ */ jsxs8(
               "button",
               {
                 type: "button",
@@ -1223,9 +1311,9 @@ function CommandPalette({ sections, onClose }) {
                   command.run();
                 },
                 children: [
-                  command.icon && /* @__PURE__ */ jsx8(Icon, { name: command.icon, size: 14 }),
-                  /* @__PURE__ */ jsx8("span", { className: "mst-palette__label", children: /* @__PURE__ */ jsx8(Highlight2, { label: command.label, query }) }),
-                  command.hint && /* @__PURE__ */ jsx8("span", { className: "mst-palette__hint", children: command.hint })
+                  command.icon && /* @__PURE__ */ jsx9(Icon, { name: command.icon, size: 14 }),
+                  /* @__PURE__ */ jsx9("span", { className: "mst-palette__label", children: /* @__PURE__ */ jsx9(Highlight2, { label: command.label, query }) }),
+                  command.hint && /* @__PURE__ */ jsx9("span", { className: "mst-palette__hint", children: command.hint })
                 ]
               },
               command.id
@@ -1297,8 +1385,8 @@ function useColumnPrefs(entity, max = 6) {
 }
 
 // src/components/RelationValue.tsx
-import { useEffect as useEffect4, useState as useState8 } from "react";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { useEffect as useEffect5, useState as useState8 } from "react";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var displayCache = /* @__PURE__ */ new Map();
 function resolveDisplay(client, entityId, displayField, id) {
   const key = `${entityId}/${id}`;
@@ -1320,7 +1408,7 @@ function RelationValue({ field, value }) {
   const target = useEntity(field.relationEntity);
   const id = String(value);
   const [display, setDisplay] = useState8(void 0);
-  useEffect4(() => {
+  useEffect5(() => {
     let cancelled = false;
     setDisplay(void 0);
     if (!target || target.displayField === target.primaryKey) return;
@@ -1331,17 +1419,17 @@ function RelationValue({ field, value }) {
       cancelled = true;
     };
   }, [client, target, id]);
-  return /* @__PURE__ */ jsxs8("span", { title: id, className: "mst-relation", children: [
-    target && /* @__PURE__ */ jsxs8("span", { className: "mst-subtle", children: [
+  return /* @__PURE__ */ jsxs9("span", { title: id, className: "mst-relation", children: [
+    target && /* @__PURE__ */ jsxs9("span", { className: "mst-subtle", children: [
       target.label.singular,
       ":"
     ] }),
-    /* @__PURE__ */ jsx9("span", { className: "mst-relation__label", children: display ?? shortId(id) })
+    /* @__PURE__ */ jsx10("span", { className: "mst-relation__label", children: display ?? shortId(id) })
   ] });
 }
 
 // src/components/ObjectValue.tsx
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 var ISO_DATETIME = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/;
 var MAX_DEPTH = 4;
 function isPlainObject(value) {
@@ -1349,40 +1437,40 @@ function isPlainObject(value) {
 }
 function Primitive({ value }) {
   if (value === null || value === void 0) {
-    return /* @__PURE__ */ jsx10("span", { className: "mst-subtle", children: "\u2014" });
+    return /* @__PURE__ */ jsx11("span", { className: "mst-subtle", children: "\u2014" });
   }
   if (typeof value === "boolean" || typeof value === "number") {
-    return /* @__PURE__ */ jsx10("code", { className: "mst-mono", style: { color: "var(--maestro-brand)" }, children: String(value) });
+    return /* @__PURE__ */ jsx11("code", { className: "mst-mono", style: { color: "var(--maestro-brand)" }, children: String(value) });
   }
   const text = String(value);
   if (ISO_DATETIME.test(text)) {
     const d = new Date(text);
     if (!Number.isNaN(d.getTime())) {
-      return /* @__PURE__ */ jsx10("span", { className: "mst-nums", children: d.toLocaleString() });
+      return /* @__PURE__ */ jsx11("span", { className: "mst-nums", children: d.toLocaleString() });
     }
   }
-  return /* @__PURE__ */ jsx10("span", { style: { overflowWrap: "anywhere" }, children: text });
+  return /* @__PURE__ */ jsx11("span", { style: { overflowWrap: "anywhere" }, children: text });
 }
 function ObjectValue({ value, depth = 0 }) {
   const t = useT();
   if (!isPlainObject(value) && !Array.isArray(value)) {
-    return /* @__PURE__ */ jsx10(Primitive, { value });
+    return /* @__PURE__ */ jsx11(Primitive, { value });
   }
   if (depth >= MAX_DEPTH) {
-    return /* @__PURE__ */ jsx10("code", { className: "mst-code mst-code--block", children: JSON.stringify(value) });
+    return /* @__PURE__ */ jsx11("code", { className: "mst-code mst-code--block", children: JSON.stringify(value) });
   }
   const entries = Array.isArray(value) ? value.map((v, i) => [String(i), v]) : Object.entries(value);
   if (entries.length === 0) {
-    return /* @__PURE__ */ jsx10("span", { className: "mst-subtle", children: t.emptyObject });
+    return /* @__PURE__ */ jsx11("span", { className: "mst-subtle", children: t.emptyObject });
   }
-  return /* @__PURE__ */ jsx10("dl", { className: depth === 0 ? "mst-objectvalue mst-objectvalue--root" : "mst-objectvalue mst-objectvalue--nested", children: entries.map(([key, entry]) => /* @__PURE__ */ jsxs9("div", { className: "mst-objectvalue__row", children: [
-    /* @__PURE__ */ jsx10("dt", { className: "mst-objectvalue__key", title: key, children: key }),
-    /* @__PURE__ */ jsx10("dd", { className: "mst-objectvalue__val", children: isPlainObject(entry) || Array.isArray(entry) ? /* @__PURE__ */ jsx10(ObjectValue, { value: entry, depth: depth + 1 }) : /* @__PURE__ */ jsx10(Primitive, { value: entry }) })
+  return /* @__PURE__ */ jsx11("dl", { className: depth === 0 ? "mst-objectvalue mst-objectvalue--root" : "mst-objectvalue mst-objectvalue--nested", children: entries.map(([key, entry]) => /* @__PURE__ */ jsxs10("div", { className: "mst-objectvalue__row", children: [
+    /* @__PURE__ */ jsx11("dt", { className: "mst-objectvalue__key", title: key, children: key }),
+    /* @__PURE__ */ jsx11("dd", { className: "mst-objectvalue__val", children: isPlainObject(entry) || Array.isArray(entry) ? /* @__PURE__ */ jsx11(ObjectValue, { value: entry, depth: depth + 1 }) : /* @__PURE__ */ jsx11(Primitive, { value: entry }) })
   ] }, key)) });
 }
 
 // src/components/FieldValue.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function enumLabel(field, value) {
   const opt = field.enumOptions?.find((o) => o.value === value);
   return opt ? opt.label : String(value);
@@ -1390,39 +1478,39 @@ function enumLabel(field, value) {
 function FieldValue({ field, value, compact = false }) {
   const t = useT();
   if (value === null || value === void 0 || value === "") {
-    return /* @__PURE__ */ jsx11("span", { className: "mst-subtle", children: "\u2014" });
+    return /* @__PURE__ */ jsx12("span", { className: "mst-subtle", children: "\u2014" });
   }
   if (field.sensitive) {
-    return /* @__PURE__ */ jsx11("span", { className: "mst-subtle", children: "\u2022\u2022\u2022\u2022\u2022\u2022" });
+    return /* @__PURE__ */ jsx12("span", { className: "mst-subtle", children: "\u2022\u2022\u2022\u2022\u2022\u2022" });
   }
   switch (field.type) {
     case "boolean":
-      return value ? /* @__PURE__ */ jsx11(Badge, { tone: "ok", dot: true, children: t.yes }) : /* @__PURE__ */ jsx11(Badge, { dot: true, children: t.no });
+      return value ? /* @__PURE__ */ jsx12(Badge, { tone: "ok", dot: true, children: t.yes }) : /* @__PURE__ */ jsx12(Badge, { dot: true, children: t.no });
     case "enum":
-      return /* @__PURE__ */ jsx11(Badge, { tone: "brand", children: enumLabel(field, value) });
+      return /* @__PURE__ */ jsx12(Badge, { tone: "brand", children: enumLabel(field, value) });
     case "relation":
-      return field.relationEntity ? /* @__PURE__ */ jsx11(RelationValue, { field, value }) : /* @__PURE__ */ jsx11("span", { children: String(value) });
+      return field.relationEntity ? /* @__PURE__ */ jsx12(RelationValue, { field, value }) : /* @__PURE__ */ jsx12("span", { children: String(value) });
     case "date":
     case "datetime": {
       const d = new Date(String(value));
-      return /* @__PURE__ */ jsx11("span", { className: "mst-nums", children: Number.isNaN(d.getTime()) ? String(value) : d.toLocaleString() });
+      return /* @__PURE__ */ jsx12("span", { className: "mst-nums", children: Number.isNaN(d.getTime()) ? String(value) : d.toLocaleString() });
     }
     case "integer":
     case "float":
     case "number":
     case "decimal":
     case "currency":
-      return /* @__PURE__ */ jsx11("span", { className: "mst-nums", children: String(value) });
+      return /* @__PURE__ */ jsx12("span", { className: "mst-nums", children: String(value) });
     case "json":
       if (compact) {
-        return /* @__PURE__ */ jsx11("code", { className: "mst-code", children: JSON.stringify(value) });
+        return /* @__PURE__ */ jsx12("code", { className: "mst-code", children: JSON.stringify(value) });
       }
       if (typeof value === "object") {
-        return /* @__PURE__ */ jsx11(ObjectValue, { value });
+        return /* @__PURE__ */ jsx12(ObjectValue, { value });
       }
-      return /* @__PURE__ */ jsx11("code", { className: "mst-code mst-code--block", children: JSON.stringify(value) });
+      return /* @__PURE__ */ jsx12("code", { className: "mst-code mst-code--block", children: JSON.stringify(value) });
     default:
-      return /* @__PURE__ */ jsx11("span", { children: String(value) });
+      return /* @__PURE__ */ jsx12("span", { children: String(value) });
   }
 }
 
@@ -1446,7 +1534,7 @@ async function copyText(text) {
 }
 
 // src/components/EntityList.tsx
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var PAGE_SIZE = 20;
 var ACTIONS_COLUMN_WIDTH = 44;
 function filterFor(field, value) {
@@ -1596,15 +1684,15 @@ function EntityList({
   const totalPages = data?.totalPages ?? (data ? Math.max(1, Math.ceil(data.total / PAGE_SIZE)) : 1);
   const firstRow = data && data.total > 0 ? (page - 1) * PAGE_SIZE + 1 : 0;
   const lastRow = data ? Math.min(page * PAGE_SIZE, data.total) : 0;
-  return /* @__PURE__ */ jsxs10("section", { className: "mst-page mst-page--fill", children: [
-    /* @__PURE__ */ jsxs10("div", { className: "mst-pagehead", children: [
-      /* @__PURE__ */ jsxs10("div", { children: [
-        /* @__PURE__ */ jsx12("h1", { className: "mst-pagehead__title", children: entity.label.plural }),
-        /* @__PURE__ */ jsxs10("p", { className: "mst-pagehead__meta", children: [
-          data && /* @__PURE__ */ jsx12("span", { className: "mst-nums", children: t.records(data.total) }),
-          /* @__PURE__ */ jsxs10("span", { className: "mst-source", children: [
-            /* @__PURE__ */ jsx12(Icon, { name: "database", size: 11 }),
-            /* @__PURE__ */ jsxs10("span", { children: [
+  return /* @__PURE__ */ jsxs11("section", { className: "mst-page mst-page--fill", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "mst-pagehead", children: [
+      /* @__PURE__ */ jsxs11("div", { children: [
+        /* @__PURE__ */ jsx13("h1", { className: "mst-pagehead__title", children: entity.label.plural }),
+        /* @__PURE__ */ jsxs11("p", { className: "mst-pagehead__meta", children: [
+          data && /* @__PURE__ */ jsx13("span", { className: "mst-nums", children: t.records(data.total) }),
+          /* @__PURE__ */ jsxs11("span", { className: "mst-source", children: [
+            /* @__PURE__ */ jsx13(Icon, { name: "database", size: 11 }),
+            /* @__PURE__ */ jsxs11("span", { children: [
               entity.datasource,
               " \xB7 ",
               entity.table
@@ -1612,8 +1700,8 @@ function EntityList({
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs10("div", { className: "mst-pagehead__actions", children: [
-        searchFields.length > 0 && /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsxs11("div", { className: "mst-pagehead__actions", children: [
+        searchFields.length > 0 && /* @__PURE__ */ jsx13(
           "input",
           {
             type: "search",
@@ -1626,7 +1714,7 @@ function EntityList({
             }
           }
         ),
-        /* @__PURE__ */ jsxs10(
+        /* @__PURE__ */ jsxs11(
           Button,
           {
             icon: "columns",
@@ -1637,15 +1725,15 @@ function EntityList({
             children: [
               t.columns,
               " ",
-              /* @__PURE__ */ jsx12("span", { className: "mst-subtle mst-nums", children: t.columnsCount(columns.length, columnPrefs.available.length) })
+              /* @__PURE__ */ jsx13("span", { className: "mst-subtle mst-nums", children: t.columnsCount(columns.length, columnPrefs.available.length) })
             ]
           }
         ),
-        entity.capabilities.create && /* @__PURE__ */ jsx12(Button, { variant: "primary", icon: "plus", onClick: onCreate, children: t.newRecord })
+        entity.capabilities.create && /* @__PURE__ */ jsx13(Button, { variant: "primary", icon: "plus", onClick: onCreate, children: t.newRecord })
       ] })
     ] }),
-    filters.length > 0 && /* @__PURE__ */ jsxs10("div", { className: "mst-chips", children: [
-      filters.map((f) => /* @__PURE__ */ jsxs10(
+    filters.length > 0 && /* @__PURE__ */ jsxs11("div", { className: "mst-chips", children: [
+      filters.map((f) => /* @__PURE__ */ jsxs11(
         "button",
         {
           type: "button",
@@ -1657,12 +1745,12 @@ function EntityList({
           },
           children: [
             filterChipText(entity, f),
-            /* @__PURE__ */ jsx12(Icon, { name: "close", size: 11 })
+            /* @__PURE__ */ jsx13(Icon, { name: "close", size: 11 })
           ]
         },
         f.field
       )),
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx13(
         "button",
         {
           type: "button",
@@ -1675,34 +1763,34 @@ function EntityList({
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx12(ErrorBanner, { error }),
-    loading && !data ? /* @__PURE__ */ jsx12(Spinner, { label: t.loading }) : data && data.records.length === 0 ? /* @__PURE__ */ jsx12(EmptyState, { title: t.noRecords, hint: search || filters.length ? t.tryDifferentSearch : void 0 }) : /* @__PURE__ */ jsxs10("div", { className: "mst-card mst-tablewrap", children: [
-      /* @__PURE__ */ jsx12("div", { className: "mst-tablescroll", children: /* @__PURE__ */ jsxs10("table", { className: "mst-table", children: [
-        /* @__PURE__ */ jsx12("thead", { children: /* @__PURE__ */ jsxs10("tr", { children: [
-          columns.map((f) => /* @__PURE__ */ jsx12(
+    error && /* @__PURE__ */ jsx13(ErrorBanner, { error }),
+    loading && !data ? /* @__PURE__ */ jsx13(Spinner, { label: t.loading }) : data && data.records.length === 0 ? /* @__PURE__ */ jsx13(EmptyState, { title: t.noRecords, hint: search || filters.length ? t.tryDifferentSearch : void 0 }) : /* @__PURE__ */ jsxs11("div", { className: "mst-card mst-tablewrap", children: [
+      /* @__PURE__ */ jsx13("div", { className: "mst-tablescroll", children: /* @__PURE__ */ jsxs11("table", { className: "mst-table", children: [
+        /* @__PURE__ */ jsx13("thead", { children: /* @__PURE__ */ jsxs11("tr", { children: [
+          columns.map((f) => /* @__PURE__ */ jsx13(
             "th",
             {
               style: { width: f.list.width, textAlign: f.list.align },
               "aria-sort": sort?.field === f.name ? sort.direction === "asc" ? "ascending" : "descending" : "none",
-              children: f.sortable ? /* @__PURE__ */ jsxs10("button", { type: "button", className: "mst-th__button", onClick: () => toggleSort(f.name), children: [
-                /* @__PURE__ */ jsx12("span", { className: "mst-th__label", children: f.label }),
-                /* @__PURE__ */ jsx12(
+              children: f.sortable ? /* @__PURE__ */ jsxs11("button", { type: "button", className: "mst-th__button", onClick: () => toggleSort(f.name), children: [
+                /* @__PURE__ */ jsx13("span", { className: "mst-th__label", children: f.label }),
+                /* @__PURE__ */ jsx13(
                   Icon,
                   {
                     name: sort?.field === f.name ? sort.direction === "asc" ? "sortAsc" : "sortDesc" : "sort",
                     size: 11
                   }
                 )
-              ] }) : /* @__PURE__ */ jsx12("span", { className: "mst-th__label", children: f.label })
+              ] }) : /* @__PURE__ */ jsx13("span", { className: "mst-th__label", children: f.label })
             },
             f.name
           )),
-          /* @__PURE__ */ jsx12("th", { style: { width: ACTIONS_COLUMN_WIDTH }, children: /* @__PURE__ */ jsx12("span", { className: "mst-sr-only", children: t.actions }) })
+          /* @__PURE__ */ jsx13("th", { style: { width: ACTIONS_COLUMN_WIDTH }, children: /* @__PURE__ */ jsx13("span", { className: "mst-sr-only", children: t.actions }) })
         ] }) }),
-        /* @__PURE__ */ jsx12("tbody", { children: data?.records.map((record, i) => {
+        /* @__PURE__ */ jsx13("tbody", { children: data?.records.map((record, i) => {
           const id = String(record[entity.primaryKey]);
-          return /* @__PURE__ */ jsxs10("tr", { children: [
-            columns.map((f) => /* @__PURE__ */ jsx12(
+          return /* @__PURE__ */ jsxs11("tr", { children: [
+            columns.map((f) => /* @__PURE__ */ jsx13(
               "td",
               {
                 className: "mst-table__cell",
@@ -1710,46 +1798,46 @@ function EntityList({
                 title: f.label,
                 onClick: (e) => setCellMenu({ anchor: { x: e.clientX, y: e.clientY }, field: f, record }),
                 onDoubleClick: () => onOpen(id),
-                children: /* @__PURE__ */ jsx12(FieldValue, { field: f, value: record[f.name], compact: true })
+                children: /* @__PURE__ */ jsx13(FieldValue, { field: f, value: record[f.name], compact: true })
               },
               f.name
             )),
-            /* @__PURE__ */ jsx12("td", { className: "mst-td--actions", children: /* @__PURE__ */ jsx12(MenuButton, { label: t.actions, items: rowMenuItems(record) }) })
+            /* @__PURE__ */ jsx13("td", { className: "mst-td--actions", children: /* @__PURE__ */ jsx13(MenuButton, { label: t.actions, items: rowMenuItems(record) }) })
           ] }, id || i);
         }) })
       ] }) }),
-      data && /* @__PURE__ */ jsxs10("div", { className: "mst-pagination", children: [
-        /* @__PURE__ */ jsxs10("span", { className: "mst-nums", children: [
+      data && /* @__PURE__ */ jsxs11("div", { className: "mst-pagination", children: [
+        /* @__PURE__ */ jsxs11("span", { className: "mst-nums", children: [
           firstRow,
           "\u2013",
           lastRow
         ] }),
-        /* @__PURE__ */ jsx12("span", { children: t.records(data.total) }),
-        totalPages > 1 && /* @__PURE__ */ jsxs10("span", { className: "mst-pagination__nums", children: [
-          /* @__PURE__ */ jsx12("button", { type: "button", "aria-label": t.previous, disabled: page <= 1, onClick: () => setPage((p) => p - 1), children: /* @__PURE__ */ jsx12(Icon, { name: "chevronLeft", size: 13 }) }),
-          pageWindow(page, totalPages).map((p) => /* @__PURE__ */ jsx12("button", { type: "button", "aria-current": p === page, onClick: () => setPage(p), children: p }, p)),
-          /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13("span", { children: t.records(data.total) }),
+        totalPages > 1 && /* @__PURE__ */ jsxs11("span", { className: "mst-pagination__nums", children: [
+          /* @__PURE__ */ jsx13("button", { type: "button", "aria-label": t.previous, disabled: page <= 1, onClick: () => setPage((p) => p - 1), children: /* @__PURE__ */ jsx13(Icon, { name: "chevronLeft", size: 13 }) }),
+          pageWindow(page, totalPages).map((p) => /* @__PURE__ */ jsx13("button", { type: "button", "aria-current": p === page, onClick: () => setPage(p), children: p }, p)),
+          /* @__PURE__ */ jsx13(
             "button",
             {
               type: "button",
               "aria-label": t.next,
               disabled: page >= totalPages,
               onClick: () => setPage((p) => p + 1),
-              children: /* @__PURE__ */ jsx12(Icon, { name: "chevronRight", size: 13 })
+              children: /* @__PURE__ */ jsx13(Icon, { name: "chevronRight", size: 13 })
             }
           )
         ] })
       ] })
     ] }),
-    cellMenu && /* @__PURE__ */ jsx12(PopMenu, { anchor: cellMenu.anchor, items: cellMenuItems(cellMenu), onClose: () => setCellMenu(void 0) }),
-    columnMenu && /* @__PURE__ */ jsx12(PopMenu, { anchor: columnMenu, items: columnMenuItems, onClose: () => setColumnMenu(void 0) }),
-    copied && /* @__PURE__ */ jsx12(Toast, { children: t.copied })
+    cellMenu && /* @__PURE__ */ jsx13(PopMenu, { anchor: cellMenu.anchor, items: cellMenuItems(cellMenu), onClose: () => setCellMenu(void 0) }),
+    columnMenu && /* @__PURE__ */ jsx13(PopMenu, { anchor: columnMenu, items: columnMenuItems, onClose: () => setColumnMenu(void 0) }),
+    copied && /* @__PURE__ */ jsx13(Toast, { children: t.copied })
   ] });
 }
 
 // src/components/EntityDetail.tsx
 import { useState as useState10 } from "react";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function EntityDetail({
   entity,
   id,
@@ -1798,50 +1886,50 @@ function EntityDetail({
       onSelect: () => void onDelete()
     });
   }
-  return /* @__PURE__ */ jsxs11("section", { className: "mst-page", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "mst-pagehead", children: [
-      /* @__PURE__ */ jsxs11("div", { children: [
-        /* @__PURE__ */ jsxs11("button", { type: "button", className: "mst-backlink", onClick: onBack, children: [
-          /* @__PURE__ */ jsx13(Icon, { name: "arrowLeft", size: 12 }),
+  return /* @__PURE__ */ jsxs12("section", { className: "mst-page", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "mst-pagehead", children: [
+      /* @__PURE__ */ jsxs12("div", { children: [
+        /* @__PURE__ */ jsxs12("button", { type: "button", className: "mst-backlink", onClick: onBack, children: [
+          /* @__PURE__ */ jsx14(Icon, { name: "arrowLeft", size: 12 }),
           entity.label.plural
         ] }),
-        /* @__PURE__ */ jsxs11("h1", { className: "mst-pagehead__title", children: [
+        /* @__PURE__ */ jsxs12("h1", { className: "mst-pagehead__title", children: [
           entity.label.singular,
           " ",
           data ? String(data[entity.displayField] ?? id) : ""
         ] })
       ] }),
-      /* @__PURE__ */ jsxs11("div", { className: "mst-pagehead__actions", children: [
-        entity.capabilities.update && /* @__PURE__ */ jsx13(Button, { variant: "primary", icon: "pencil", onClick: onEdit, children: t.edit }),
-        /* @__PURE__ */ jsx13(MenuButton, { label: t.actions, items: menuItems })
+      /* @__PURE__ */ jsxs12("div", { className: "mst-pagehead__actions", children: [
+        entity.capabilities.update && /* @__PURE__ */ jsx14(Button, { variant: "primary", icon: "pencil", onClick: onEdit, children: t.edit }),
+        /* @__PURE__ */ jsx14(MenuButton, { label: t.actions, items: menuItems })
       ] })
     ] }),
-    error && /* @__PURE__ */ jsx13(ErrorBanner, { error }),
-    loading && !data ? /* @__PURE__ */ jsx13(Spinner, {}) : data && /* @__PURE__ */ jsx13("dl", { className: "mst-fields", children: fields.map((f) => {
+    error && /* @__PURE__ */ jsx14(ErrorBanner, { error }),
+    loading && !data ? /* @__PURE__ */ jsx14(Spinner, {}) : data && /* @__PURE__ */ jsx14("dl", { className: "mst-fields", children: fields.map((f) => {
       const value = data[f.name];
       const isRelation = f.type === "relation" && f.relationEntity && value !== null && value !== void 0;
       const target = isRelation ? entities.find((e) => e.id === f.relationEntity) : void 0;
-      return /* @__PURE__ */ jsxs11("div", { className: "mst-fields__row", children: [
-        /* @__PURE__ */ jsx13("dt", { className: "mst-fields__key", children: f.label }),
-        /* @__PURE__ */ jsxs11("dd", { className: "mst-fields__value", children: [
-          /* @__PURE__ */ jsx13(FieldValue, { field: f, value }),
-          isRelation && /* @__PURE__ */ jsxs11("button", { type: "button", className: "mst-backlink", onClick: () => onNavigate(f.relationEntity, String(value)), children: [
+      return /* @__PURE__ */ jsxs12("div", { className: "mst-fields__row", children: [
+        /* @__PURE__ */ jsx14("dt", { className: "mst-fields__key", children: f.label }),
+        /* @__PURE__ */ jsxs12("dd", { className: "mst-fields__value", children: [
+          /* @__PURE__ */ jsx14(FieldValue, { field: f, value }),
+          isRelation && /* @__PURE__ */ jsxs12("button", { type: "button", className: "mst-backlink", onClick: () => onNavigate(f.relationEntity, String(value)), children: [
             t.openRelated(target?.label.singular ?? f.relationEntity),
-            /* @__PURE__ */ jsx13(Icon, { name: "arrowUpRight", size: 11 })
+            /* @__PURE__ */ jsx14(Icon, { name: "arrowUpRight", size: 11 })
           ] })
         ] })
       ] }, f.name);
     }) }),
-    copied && /* @__PURE__ */ jsx13(Toast, { children: t.copied })
+    copied && /* @__PURE__ */ jsx14(Toast, { children: t.copied })
   ] });
 }
 
 // src/components/EntityForm.tsx
-import { useEffect as useEffect6, useState as useState12 } from "react";
+import { useEffect as useEffect7, useState as useState12 } from "react";
 
 // src/components/JsonInput.tsx
-import { useEffect as useEffect5, useRef as useRef3, useState as useState11 } from "react";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useEffect as useEffect6, useRef as useRef4, useState as useState11 } from "react";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var leafInputClass = "mst-input";
 var MAX_DEPTH2 = 3;
 function RawJsonArea({
@@ -1855,8 +1943,8 @@ function RawJsonArea({
   const t = useT();
   const [text, setText] = useState11(() => value === null || value === void 0 ? "" : JSON.stringify(value, null, 2));
   const [invalid, setInvalid] = useState11(false);
-  const lastEmitted = useRef3(value);
-  useEffect5(() => {
+  const lastEmitted = useRef4(value);
+  useEffect6(() => {
     if (value !== lastEmitted.current) {
       lastEmitted.current = value;
       setText(value === null || value === void 0 ? "" : JSON.stringify(value, null, 2));
@@ -1880,8 +1968,8 @@ function RawJsonArea({
       setInvalid(true);
     }
   };
-  return /* @__PURE__ */ jsxs12("div", { className: "mst-field", children: [
-    /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs13("div", { className: "mst-field", children: [
+    /* @__PURE__ */ jsx15(
       "textarea",
       {
         id,
@@ -1894,7 +1982,7 @@ function RawJsonArea({
         className: `mst-textarea mst-mono${invalid ? " mst-input--invalid" : ""}`
       }
     ),
-    invalid && /* @__PURE__ */ jsx14("p", { role: "alert", className: "mst-help mst-help--warn", children: t.jsonInvalid })
+    invalid && /* @__PURE__ */ jsx15("p", { role: "alert", className: "mst-help mst-help--warn", children: t.jsonInvalid })
   ] });
 }
 function LeafEditor({
@@ -1905,7 +1993,7 @@ function LeafEditor({
   depth
 }) {
   if (typeof value === "boolean") {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx15(
       "input",
       {
         id,
@@ -1918,7 +2006,7 @@ function LeafEditor({
     );
   }
   if (typeof value === "number") {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx15(
       "input",
       {
         id,
@@ -1932,7 +2020,7 @@ function LeafEditor({
     );
   }
   if (typeof value === "string") {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx15(
       "input",
       {
         id,
@@ -1945,7 +2033,7 @@ function LeafEditor({
     );
   }
   if (value === null || value === void 0) {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx15(
       "input",
       {
         id,
@@ -1959,12 +2047,12 @@ function LeafEditor({
     );
   }
   if (isPlainObject(value) && depth < MAX_DEPTH2) {
-    return /* @__PURE__ */ jsx14("div", { className: "mst-json__nest", children: /* @__PURE__ */ jsx14(ObjectEditor, { idPrefix: id, value, onChange, disabled, depth: depth + 1 }) });
+    return /* @__PURE__ */ jsx15("div", { className: "mst-json__nest", children: /* @__PURE__ */ jsx15(ObjectEditor, { idPrefix: id, value, onChange, disabled, depth: depth + 1 }) });
   }
   if (Array.isArray(value) && depth < MAX_DEPTH2) {
-    return /* @__PURE__ */ jsx14("div", { className: "mst-json__nest", children: /* @__PURE__ */ jsx14(ArrayEditor, { idPrefix: id, value, onChange, disabled, depth: depth + 1 }) });
+    return /* @__PURE__ */ jsx15("div", { className: "mst-json__nest", children: /* @__PURE__ */ jsx15(ArrayEditor, { idPrefix: id, value, onChange, disabled, depth: depth + 1 }) });
   }
-  return /* @__PURE__ */ jsx14(RawJsonArea, { id, value, onChange, disabled, rows: 3 });
+  return /* @__PURE__ */ jsx15(RawJsonArea, { id, value, onChange, disabled, rows: 3 });
 }
 function ArrayEditor({
   idPrefix,
@@ -1981,12 +2069,12 @@ function ArrayEditor({
     const template = last === void 0 || last === null ? null : JSON.parse(JSON.stringify(last));
     onChange([...value, template]);
   };
-  return /* @__PURE__ */ jsxs12("div", { className: "mst-json__rows", children: [
+  return /* @__PURE__ */ jsxs13("div", { className: "mst-json__rows", children: [
     value.map((item, i) => {
       const id = `${idPrefix}-${i}`;
-      return /* @__PURE__ */ jsxs12("div", { className: "mst-json__row", children: [
-        /* @__PURE__ */ jsx14("label", { htmlFor: id, className: "mst-json__index", children: i }),
-        !disabled && /* @__PURE__ */ jsx14(
+      return /* @__PURE__ */ jsxs13("div", { className: "mst-json__row", children: [
+        /* @__PURE__ */ jsx15("label", { htmlFor: id, className: "mst-json__index", children: i }),
+        !disabled && /* @__PURE__ */ jsx15(
           "button",
           {
             type: "button",
@@ -1997,11 +2085,11 @@ function ArrayEditor({
             children: "\u2715"
           }
         ),
-        /* @__PURE__ */ jsx14("div", { className: "mst-json__field", children: /* @__PURE__ */ jsx14(LeafEditor, { id, value: item, onChange: (next) => setAt(i, next), disabled, depth }) })
+        /* @__PURE__ */ jsx15("div", { className: "mst-json__field", children: /* @__PURE__ */ jsx15(LeafEditor, { id, value: item, onChange: (next) => setAt(i, next), disabled, depth }) })
       ] }, i);
     }),
-    value.length === 0 && /* @__PURE__ */ jsx14("p", { className: "mst-json__empty", children: t.emptyObject }),
-    !disabled && /* @__PURE__ */ jsx14("div", { className: "mst-json__addrow", children: /* @__PURE__ */ jsxs12("button", { type: "button", onClick: append, className: "mst-backlink", children: [
+    value.length === 0 && /* @__PURE__ */ jsx15("p", { className: "mst-json__empty", children: t.emptyObject }),
+    !disabled && /* @__PURE__ */ jsx15("div", { className: "mst-json__addrow", children: /* @__PURE__ */ jsxs13("button", { type: "button", onClick: append, className: "mst-backlink", children: [
       "+ ",
       t.addItem
     ] }) })
@@ -2017,16 +2105,16 @@ function ObjectEditor({
   const t = useT();
   const entries = Object.entries(value);
   if (entries.length === 0) {
-    return /* @__PURE__ */ jsx14("p", { className: "mst-json__empty", children: t.emptyObject });
+    return /* @__PURE__ */ jsx15("p", { className: "mst-json__empty", children: t.emptyObject });
   }
-  return /* @__PURE__ */ jsx14("div", { className: "mst-json__rows", children: entries.map(([key, entry]) => {
+  return /* @__PURE__ */ jsx15("div", { className: "mst-json__rows", children: entries.map(([key, entry]) => {
     const id = `${idPrefix}-${key}`;
     return (
       // flex-wrap + basis: when the label column leaves less than ~16rem for the control (deeply
       // nested groups), the control wraps to its own full-width line instead of squeezing.
-      /* @__PURE__ */ jsxs12("div", { className: "mst-json__row", children: [
-        /* @__PURE__ */ jsx14("label", { htmlFor: id, className: "mst-json__key", title: key, children: key }),
-        /* @__PURE__ */ jsx14("div", { className: "mst-json__field", children: /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsxs13("div", { className: "mst-json__row", children: [
+        /* @__PURE__ */ jsx15("label", { htmlFor: id, className: "mst-json__key", title: key, children: key }),
+        /* @__PURE__ */ jsx15("div", { className: "mst-json__field", children: /* @__PURE__ */ jsx15(
           LeafEditor,
           {
             id,
@@ -2050,7 +2138,7 @@ function JsonInput({
   const [mode, setMode] = useState11(() => isPlainObject(value) ? "form" : "raw");
   const [modeTouched, setModeTouched] = useState11(false);
   const structured = isPlainObject(value) || Array.isArray(value);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!modeTouched && structured) setMode("form");
   }, [structured, modeTouched]);
   const pick = (next) => {
@@ -2059,9 +2147,9 @@ function JsonInput({
   };
   const showForm = mode === "form" && structured;
   const toggleClass = (active) => `mst-json__tab${active ? " mst-json__tab--active" : ""}`;
-  return /* @__PURE__ */ jsxs12("div", { className: "mst-json", children: [
-    /* @__PURE__ */ jsxs12("div", { className: "mst-json__head", children: [
-      /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs13("div", { className: "mst-json", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "mst-json__head", children: [
+      /* @__PURE__ */ jsx15(
         "button",
         {
           type: "button",
@@ -2071,9 +2159,9 @@ function JsonInput({
           children: t.jsonFormMode
         }
       ),
-      /* @__PURE__ */ jsx14("button", { type: "button", className: toggleClass(!showForm), onClick: () => pick("raw"), children: t.jsonRawMode })
+      /* @__PURE__ */ jsx15("button", { type: "button", className: toggleClass(!showForm), onClick: () => pick("raw"), children: t.jsonRawMode })
     ] }),
-    /* @__PURE__ */ jsx14("div", { className: "mst-json__body", children: showForm ? Array.isArray(value) ? /* @__PURE__ */ jsx14(ArrayEditor, { idPrefix: `field-${field.name}`, value, onChange, disabled }) : /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15("div", { className: "mst-json__body", children: showForm ? Array.isArray(value) ? /* @__PURE__ */ jsx15(ArrayEditor, { idPrefix: `field-${field.name}`, value, onChange, disabled }) : /* @__PURE__ */ jsx15(
       ObjectEditor,
       {
         idPrefix: `field-${field.name}`,
@@ -2081,7 +2169,7 @@ function JsonInput({
         onChange,
         disabled
       }
-    ) : /* @__PURE__ */ jsx14(
+    ) : /* @__PURE__ */ jsx15(
       RawJsonArea,
       {
         id: `field-${field.name}`,
@@ -2095,7 +2183,7 @@ function JsonInput({
 }
 
 // src/components/FieldInput.tsx
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 var inputClass = "mst-input";
 function FieldInput({
   field,
@@ -2106,7 +2194,7 @@ function FieldInput({
   const id = `field-${field.name}`;
   switch (field.type) {
     case "boolean":
-      return /* @__PURE__ */ jsx15(
+      return /* @__PURE__ */ jsx16(
         "input",
         {
           id,
@@ -2122,7 +2210,7 @@ function FieldInput({
     case "float":
     case "decimal":
     case "currency":
-      return /* @__PURE__ */ jsx15(
+      return /* @__PURE__ */ jsx16(
         "input",
         {
           id,
@@ -2136,7 +2224,7 @@ function FieldInput({
         }
       );
     case "enum":
-      return /* @__PURE__ */ jsxs13(
+      return /* @__PURE__ */ jsxs14(
         "select",
         {
           id,
@@ -2145,13 +2233,13 @@ function FieldInput({
           onChange: (e) => onChange(e.target.value),
           className: "mst-select",
           children: [
-            /* @__PURE__ */ jsx15("option", { value: "", children: "\u2014" }),
-            field.enumOptions?.map((o) => /* @__PURE__ */ jsx15("option", { value: String(o.value), children: o.label }, String(o.value)))
+            /* @__PURE__ */ jsx16("option", { value: "", children: "\u2014" }),
+            field.enumOptions?.map((o) => /* @__PURE__ */ jsx16("option", { value: String(o.value), children: o.label }, String(o.value)))
           ]
         }
       );
     case "date":
-      return /* @__PURE__ */ jsx15(
+      return /* @__PURE__ */ jsx16(
         "input",
         {
           id,
@@ -2163,9 +2251,9 @@ function FieldInput({
         }
       );
     case "json":
-      return /* @__PURE__ */ jsx15(JsonInput, { field, value, onChange, disabled });
+      return /* @__PURE__ */ jsx16(JsonInput, { field, value, onChange, disabled });
     case "text":
-      return /* @__PURE__ */ jsx15(
+      return /* @__PURE__ */ jsx16(
         "textarea",
         {
           id,
@@ -2178,7 +2266,7 @@ function FieldInput({
         }
       );
     default:
-      return /* @__PURE__ */ jsx15(
+      return /* @__PURE__ */ jsx16(
         "input",
         {
           id,
@@ -2194,7 +2282,7 @@ function FieldInput({
 }
 
 // src/components/EntityForm.tsx
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function EntityForm({
   entity,
   mode,
@@ -2211,7 +2299,7 @@ function EntityForm({
   const [values, setValues] = useState12({});
   const [saving, setSaving] = useState12(false);
   const [error, setError] = useState12(void 0);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!existing.data || !sourceId) return;
     if (mode === "edit") {
       setValues(existing.data);
@@ -2243,25 +2331,25 @@ function EntityForm({
     }
   };
   if (sourceId && existing.loading && !existing.data) {
-    return /* @__PURE__ */ jsx16(Spinner, {});
+    return /* @__PURE__ */ jsx17(Spinner, {});
   }
   const title = mode === "edit" ? t.editTitle(entity.label.singular) : cloneFromId ? t.cloneTitle(entity.label.singular) : t.newTitle(entity.label.singular);
-  return /* @__PURE__ */ jsxs14("section", { className: "mst-page", children: [
-    /* @__PURE__ */ jsx16("div", { className: "mst-pagehead", children: /* @__PURE__ */ jsxs14("div", { children: [
-      /* @__PURE__ */ jsxs14("button", { type: "button", className: "mst-backlink", onClick: onCancel, children: [
-        /* @__PURE__ */ jsx16(Icon, { name: "arrowLeft", size: 12 }),
+  return /* @__PURE__ */ jsxs15("section", { className: "mst-page", children: [
+    /* @__PURE__ */ jsx17("div", { className: "mst-pagehead", children: /* @__PURE__ */ jsxs15("div", { children: [
+      /* @__PURE__ */ jsxs15("button", { type: "button", className: "mst-backlink", onClick: onCancel, children: [
+        /* @__PURE__ */ jsx17(Icon, { name: "arrowLeft", size: 12 }),
         entity.label.plural
       ] }),
-      /* @__PURE__ */ jsx16("h1", { className: "mst-pagehead__title", children: title })
+      /* @__PURE__ */ jsx17("h1", { className: "mst-pagehead__title", children: title })
     ] }) }),
-    error && /* @__PURE__ */ jsx16(ErrorBanner, { error }),
-    /* @__PURE__ */ jsxs14("form", { onSubmit: submit, className: "mst-card mst-form", children: [
-      fields.map((f) => /* @__PURE__ */ jsxs14("div", { className: "mst-field", children: [
-        /* @__PURE__ */ jsxs14("label", { htmlFor: `field-${f.name}`, className: "mst-label", children: [
+    error && /* @__PURE__ */ jsx17(ErrorBanner, { error }),
+    /* @__PURE__ */ jsxs15("form", { onSubmit: submit, className: "mst-card mst-form", children: [
+      fields.map((f) => /* @__PURE__ */ jsxs15("div", { className: "mst-field", children: [
+        /* @__PURE__ */ jsxs15("label", { htmlFor: `field-${f.name}`, className: "mst-label", children: [
           f.label,
-          f.required && /* @__PURE__ */ jsx16("span", { className: "mst-label__req", children: "*" })
+          f.required && /* @__PURE__ */ jsx17("span", { className: "mst-label__req", children: "*" })
         ] }),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           FieldInput,
           {
             field: f,
@@ -2270,11 +2358,11 @@ function EntityForm({
             onChange: (next) => setValues((v) => ({ ...v, [f.name]: next }))
           }
         ),
-        f.form.helpText && /* @__PURE__ */ jsx16("p", { className: "mst-help", children: f.form.helpText })
+        f.form.helpText && /* @__PURE__ */ jsx17("p", { className: "mst-help", children: f.form.helpText })
       ] }, f.name)),
-      /* @__PURE__ */ jsxs14("div", { className: "mst-form__foot", children: [
-        /* @__PURE__ */ jsx16(Button, { type: "button", variant: "secondary", onClick: onCancel, disabled: saving, children: t.cancel }),
-        /* @__PURE__ */ jsx16(Button, { type: "submit", variant: "primary", disabled: saving, children: saving ? t.saving : mode === "create" ? t.create : t.save })
+      /* @__PURE__ */ jsxs15("div", { className: "mst-form__foot", children: [
+        /* @__PURE__ */ jsx17(Button, { type: "button", variant: "secondary", onClick: onCancel, disabled: saving, children: t.cancel }),
+        /* @__PURE__ */ jsx17(Button, { type: "submit", variant: "primary", disabled: saving, children: saving ? t.saving : mode === "create" ? t.create : t.save })
       ] })
     ] })
   ] });
@@ -2338,7 +2426,7 @@ function useRecents(scope) {
 }
 
 // src/components/MaestroAdmin.tsx
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 function AdminShell({ title, labels }) {
   const { data, error, loading } = useMetadata();
   const t = useT();
@@ -2370,7 +2458,7 @@ function AdminShell({ title, labels }) {
     },
     [pushRecent]
   );
-  useEffect7(() => {
+  useEffect8(() => {
     const onKey = (e) => {
       if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "k") {
         e.preventDefault();
@@ -2409,10 +2497,10 @@ function AdminShell({ title, labels }) {
     return sections;
   }, [entities, groupOf, openEntity, activeEntity, t]);
   if (loading && !data) {
-    return /* @__PURE__ */ jsx17("div", { className: "mst-boot", children: /* @__PURE__ */ jsx17(Spinner, { label: t.loadingMetadata }) });
+    return /* @__PURE__ */ jsx18("div", { className: "mst-boot", children: /* @__PURE__ */ jsx18(Spinner, { label: t.loadingMetadata }) });
   }
-  return /* @__PURE__ */ jsxs15(AdminEntitiesProvider, { value: entities, children: [
-    /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs16(AdminEntitiesProvider, { value: entities, children: [
+    /* @__PURE__ */ jsx18(
       Sidebar,
       {
         entities,
@@ -2425,12 +2513,12 @@ function AdminShell({ title, labels }) {
         homeActive: view.kind === "hub"
       }
     ),
-    /* @__PURE__ */ jsxs15("div", { className: "mst-main", children: [
-      /* @__PURE__ */ jsx17(Header, { crumbs, onOpenPalette: () => setPaletteOpen(true) }),
-      /* @__PURE__ */ jsxs15("div", { className: "mst-content", children: [
-        error && /* @__PURE__ */ jsx17(ErrorBanner, { error }),
-        view.kind === "hub" && /* @__PURE__ */ jsx17(Hub, { entities, labels, onOpen: openEntity }),
-        activeEntity && view.kind === "list" && /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsxs16("div", { className: "mst-main", children: [
+      /* @__PURE__ */ jsx18(Header, { crumbs, onOpenPalette: () => setPaletteOpen(true) }),
+      /* @__PURE__ */ jsxs16("div", { className: "mst-content", children: [
+        error && /* @__PURE__ */ jsx18(ErrorBanner, { error }),
+        view.kind === "hub" && /* @__PURE__ */ jsx18(Hub, { entities, labels, onOpen: openEntity }),
+        activeEntity && view.kind === "list" && /* @__PURE__ */ jsx18(
           EntityList,
           {
             entity: activeEntity,
@@ -2441,7 +2529,7 @@ function AdminShell({ title, labels }) {
             onNavigate: navigateToRecord
           }
         ),
-        activeEntity && view.kind === "detail" && /* @__PURE__ */ jsx17(
+        activeEntity && view.kind === "detail" && /* @__PURE__ */ jsx18(
           EntityDetail,
           {
             entity: activeEntity,
@@ -2453,7 +2541,7 @@ function AdminShell({ title, labels }) {
             onNavigate: navigateToRecord
           }
         ),
-        activeEntity && (view.kind === "create" || view.kind === "edit") && /* @__PURE__ */ jsx17(
+        activeEntity && (view.kind === "create" || view.kind === "edit") && /* @__PURE__ */ jsx18(
           EntityForm,
           {
             entity: activeEntity,
@@ -2466,7 +2554,7 @@ function AdminShell({ title, labels }) {
         )
       ] })
     ] }),
-    paletteOpen && /* @__PURE__ */ jsx17(CommandPalette, { sections: paletteSections, onClose: () => setPaletteOpen(false) })
+    paletteOpen && /* @__PURE__ */ jsx18(CommandPalette, { sections: paletteSections, onClose: () => setPaletteOpen(false) })
   ] });
 }
 function MaestroAdmin(props) {
@@ -2476,7 +2564,7 @@ function MaestroAdmin(props) {
   );
   const strings = useMemo7(() => stringsFor(props.locale ?? "en"), [props.locale]);
   const [root, setRoot] = useState14(null);
-  return /* @__PURE__ */ jsx17(AdminClientProvider, { value: client, children: /* @__PURE__ */ jsx17(I18nProvider, { value: strings, children: /* @__PURE__ */ jsx17(MaestroThemeProvider, { theme: props.theme, className: "mst-root", rootRef: setRoot, children: /* @__PURE__ */ jsx17(AdminRootProvider, { value: root, children: /* @__PURE__ */ jsx17(AdminShell, { title: props.title ?? "Maestro Admin", labels: props.labels }) }) }) }) });
+  return /* @__PURE__ */ jsx18(AdminClientProvider, { value: client, children: /* @__PURE__ */ jsx18(I18nProvider, { value: strings, children: /* @__PURE__ */ jsx18(MaestroThemeProvider, { theme: props.theme, className: "mst-root", rootRef: setRoot, children: /* @__PURE__ */ jsx18(AdminRootProvider, { value: root, children: /* @__PURE__ */ jsx18(AdminShell, { title: props.title ?? "Maestro Admin", labels: props.labels }) }) }) }) });
 }
 export {
   AdminClientProvider,
@@ -2500,6 +2588,8 @@ export {
   MaestroAdmin,
   MaestroApiError,
   MaestroClient,
+  MaestroMark,
+  MaestroSeal,
   MaestroThemeProvider,
   ObjectValue,
   Sidebar,