@modern-admin/web 0.3.5 → 0.4.0

package/README.md

@@ -15,6 +15,48 @@ end-to-end Zod validation.
 bun add @modern-admin/web
 ```
 
+## Building your own bundle (custom components)
+
+The prebuilt standalone bundle registers no custom components, so as soon as a
+resource uses `component: 'MyThing'` on an action or `components: { edit: … }`
+on a property you need your own build. Three files, then point
+`ModernAdminStaticUiModule`'s `webPackage` at your package:
+
+```ts
+// vite.config.ts
+import { defineAdminAppConfig } from '@modern-admin/web/vite'
+
+// Dev server, the `dist/standalone/` layout the Nest middleware expects,
+// precompressed assets and prefetch hints — all preconfigured.
+export default defineAdminAppConfig({ apiProxy: 'http://localhost:3011' })
+```
+
+```css
+/* src/styles.css — you own the Tailwind root so your classes get scanned */
+@import "@modern-admin/react/styles.css";
+@source "./**/*.{ts,tsx}";
+```
+
+```tsx
+// src/main.tsx
+import { mount, readWindowConfig } from '@modern-admin/web'
+import { ComponentLoader } from '@modern-admin/react'
+import { SendPushForm } from './components/send-push-form.js'
+import './styles.css'
+
+mount(document.getElementById('root')!, {
+  config: readWindowConfig(),
+  components: new ComponentLoader().add('SendPushForm', SendPushForm),
+})
+```
+
+`vite dev` gives you React Fast Refresh on those components. Editing the module
+that builds the `ComponentLoader` itself falls back to a full reload — HMR can
+only patch modules whose exports are all components.
+
+`mount()` imports no CSS of its own: a second Tailwind root would compile the
+framework stylesheet twice, without your `@source`. Import it as shown above.
+
 ## Documentation
 
 Setup guides, architecture, and usage examples live in the

package/dist/config/runtime-config.d.ts

@@ -0,0 +1,84 @@
+/**
+ * Runtime configuration for the prebuilt admin SPA.
+ *
+ * The standalone bundle reads this from `window.__MODERN_ADMIN__`; the
+ * library `mount()` API takes it as an argument. Either way it is the
+ * single source of truth for "where is the API", "which translations to
+ * apply", and how the admin client should behave at runtime.
+ *
+ * No build-time env vars: one bundle serves any deployment.
+ */
+import type { MetadataTranslations } from '@modern-admin/react';
+export interface ModernAdminBrand {
+    /** Shown in the sidebar header and login screen. */
+    title?: string;
+    /** Optional logo image URL. */
+    logoUrl?: string;
+}
+export interface ModernAdminRuntimeConfig {
+    /**
+     * Absolute base URL of the admin API (the @modern-admin/nest backend).
+     * Leave undefined to use same-origin — recommended when the SPA is served
+     * by the same NestJS process that exposes the admin API.
+     */
+    apiUrl?: string;
+    /** RequestCredentials forwarded to every fetch. Defaults to 'include'. */
+    credentials?: RequestCredentials;
+    /** Extra headers attached to every request (e.g. CSRF, custom auth). */
+    headers?: Record<string, string>;
+    /** Helper line shown on the login screen — e.g. demo credentials. */
+    loginHint?: string;
+    /** Initial UI locale code. Falls back to the persisted choice / 'en'. */
+    defaultLocale?: string;
+    /** Locale used when a translation is missing. Defaults to 'en'. */
+    fallbackLocale?: string;
+    /**
+     * Whitelist of locale codes to expose in the header switcher (filters
+     * the built-in 9-locale bundle: `en`, `ru`, `de`, `es`, `fr`, `it`, `ja`,
+     * `pl`, `pt-BR`). Behaviour:
+     *   - omitted / empty array → all built-in locales available
+     *   - single code           → switcher hides, that locale is forced
+     *   - multiple codes        → switcher lists only those locales
+     */
+    locales?: string[];
+    /** Optional per-resource / per-property metadata translations. */
+    metadataTranslations?: MetadataTranslations;
+    /** Branding overrides (title, logo). */
+    brand?: ModernAdminBrand;
+    /** Persist the demo session credentials in localStorage. */
+    persistDemoSession?: boolean;
+    /**
+     * Path under which the host mounts Better Auth's Node handler. Drives
+     * the sign-in / sign-out endpoints — defaults to `/admin/api/auth`,
+     * matching the canonical CLI scaffold (and `ModernAdminStaticUiModule`
+     * mounted at `/admin`). Override only when the host mounts Better Auth
+     * elsewhere; pass *without* a trailing slash.
+     */
+    authBasePath?: string;
+    /**
+     * URL prefix where the SPA is mounted (e.g. `/admin`). Injected
+     * automatically by `ModernAdminStaticUiMiddleware` from its `path` option
+     * so you normally do not need to set this. The router uses it as its
+     * basepath so all internal navigation and deep-link refreshes stay under
+     * the correct prefix. Pass without a trailing slash.
+     */
+    basePath?: string;
+    /**
+     * When true, the sidebar resource list shows the raw resource id next
+     * to the localized label (e.g. "Posts (posts)") whenever the label
+     * differs from the id. Defaults to `false` — keeping the sidebar tidy.
+     * The home page tile and selector dropdowns (chart builder, etc.)
+     * always show both regardless of this flag.
+     */
+    showSidebarResourceIds?: boolean;
+}
+declare global {
+    interface Window {
+        __MODERN_ADMIN__?: ModernAdminRuntimeConfig;
+    }
+}
+/**
+ * Reads runtime config from `window.__MODERN_ADMIN__`. Returns an empty
+ * object (same-origin defaults) when nothing is injected.
+ */
+export declare function readWindowConfig(): ModernAdminRuntimeConfig;

package/dist/config/runtime-config.js

@@ -0,0 +1,19 @@
+/**
+ * Runtime configuration for the prebuilt admin SPA.
+ *
+ * The standalone bundle reads this from `window.__MODERN_ADMIN__`; the
+ * library `mount()` API takes it as an argument. Either way it is the
+ * single source of truth for "where is the API", "which translations to
+ * apply", and how the admin client should behave at runtime.
+ *
+ * No build-time env vars: one bundle serves any deployment.
+ */
+/**
+ * Reads runtime config from `window.__MODERN_ADMIN__`. Returns an empty
+ * object (same-origin defaults) when nothing is injected.
+ */
+export function readWindowConfig() {
+    if (typeof window === 'undefined')
+        return {};
+    return window.__MODERN_ADMIN__ ?? {};
+}

package/dist/config/vite.d.ts

@@ -0,0 +1,84 @@
+/**
+ * Vite config kit for apps that build their own copy of the admin SPA.
+ *
+ * The prebuilt `@modern-admin/web` standalone bundle registers no custom
+ * components, so any app that uses `component: '…'` on an action or
+ * `components: { edit: '…' }` on a property has to build its own bundle. That
+ * bundle has to match what `@modern-admin/nest`'s StaticUiMiddleware expects
+ * — `dist/standalone/{index.html,assets/**}` with relative `./assets/` URLs —
+ * which used to mean copying this package's `vite.config.ts` wholesale.
+ *
+ *   // vite.config.ts
+ *   import { defineAdminAppConfig } from '@modern-admin/web/vite'
+ *   export default defineAdminAppConfig({ apiProxy: 'http://localhost:3011' })
+ *
+ *   // src/main.tsx
+ *   import { mount, readWindowConfig } from '@modern-admin/web'
+ *   import './styles.css'
+ *   mount(document.getElementById('root')!, {
+ *     config: readWindowConfig(),
+ *     components: new ComponentLoader().add('SendPushForm', SendPushForm),
+ *   })
+ *
+ * `packages/web/vite.config.ts` consumes this same factory, so the kit can't
+ * drift from the bundle we ship.
+ */
+import type { ConfigEnv, Plugin, PluginOption, UserConfig } from 'vite';
+import type { ModernAdminRuntimeConfig } from './runtime-config.js';
+export interface AdminAppConfigOptions {
+    /** Dev server port. Defaults to `WEB_PORT`, then 3000. */
+    port?: number;
+    /**
+     * Origin of the NestJS admin API, proxied during `vite dev` so the SPA and
+     * the API stay same-origin and session cookies work (e.g.
+     * `http://localhost:3011`). Omit if you serve both yourself.
+     */
+    apiProxy?: string;
+    /**
+     * Path prefixes forwarded to `apiProxy`. Defaults to the REST/auth prefix
+     * every `@modern-admin/nest` controller lives under plus the socket.io
+     * endpoint used by `@modern-admin/realtime`.
+     */
+    apiProxyPath?: string | string[];
+    /**
+     * Runtime config for `vite dev` only. In production the host server
+     * injects `window.__MODERN_ADMIN__` into the shell, so there is nothing to
+     * configure at build time — this fills the same slot while developing.
+     */
+    devConfig?: ModernAdminRuntimeConfig;
+    /** Directory the standalone build writes to. Rarely worth changing. */
+    outDir?: string;
+    /** Extra plugins, appended after the built-in ones. */
+    plugins?: PluginOption[];
+}
+/**
+ * Emits `.br` and `.gz` siblings next to every compressible standalone
+ * asset. StaticUiMiddleware serves whichever variant the browser's
+ * `Accept-Encoding` allows and falls back to the plain file, so this is an
+ * optimisation rather than a correctness requirement.
+ */
+export declare function precompressPlugin(outDir?: string): Plugin;
+/**
+ * Injects low-priority `<link rel="prefetch">` hints for the lazy chunks a
+ * fresh session is almost certain to need right after the shell renders:
+ * the dashboard landing page, the full icon registry (sidebar), and the
+ * resource list page + property renderer (first sidebar click). The browser
+ * fetches them during idle time instead of on first navigation, without
+ * competing with the critical-path entry chunk. Relative `./assets/` hrefs
+ * are rewritten to the mount path by StaticUiMiddleware like every other
+ * asset reference.
+ */
+export declare function prefetchHintsPlugin(): Plugin;
+/**
+ * Injects `window.__MODERN_ADMIN__` while developing. In production the same
+ * slot is filled per-request by the host server (StaticUiMiddleware replaces
+ * the `<!--MODERN_ADMIN_CONFIG-->` marker, or falls back to `</head>`), so
+ * this plugin is dev-only and never affects the built bundle.
+ */
+export declare function devRuntimeConfigPlugin(config: ModernAdminRuntimeConfig): Plugin;
+/**
+ * Builds the Vite config for a custom admin SPA. Pass the result straight to
+ * `export default` — it resolves `vite dev` and `vite build` itself, so no
+ * `--mode` flag is required.
+ */
+export declare function defineAdminAppConfig(options?: AdminAppConfigOptions): (env: ConfigEnv) => UserConfig;

package/dist/config/vite.js

@@ -0,0 +1,166 @@
+/**
+ * Vite config kit for apps that build their own copy of the admin SPA.
+ *
+ * The prebuilt `@modern-admin/web` standalone bundle registers no custom
+ * components, so any app that uses `component: '…'` on an action or
+ * `components: { edit: '…' }` on a property has to build its own bundle. That
+ * bundle has to match what `@modern-admin/nest`'s StaticUiMiddleware expects
+ * — `dist/standalone/{index.html,assets/**}` with relative `./assets/` URLs —
+ * which used to mean copying this package's `vite.config.ts` wholesale.
+ *
+ *   // vite.config.ts
+ *   import { defineAdminAppConfig } from '@modern-admin/web/vite'
+ *   export default defineAdminAppConfig({ apiProxy: 'http://localhost:3011' })
+ *
+ *   // src/main.tsx
+ *   import { mount, readWindowConfig } from '@modern-admin/web'
+ *   import './styles.css'
+ *   mount(document.getElementById('root')!, {
+ *     config: readWindowConfig(),
+ *     components: new ComponentLoader().add('SendPushForm', SendPushForm),
+ *   })
+ *
+ * `packages/web/vite.config.ts` consumes this same factory, so the kit can't
+ * drift from the bundle we ship.
+ */
+import path from 'node:path';
+import { promises as fs } from 'node:fs';
+import { promisify } from 'node:util';
+import zlib from 'node:zlib';
+import react from '@vitejs/plugin-react';
+import tailwindcss from '@tailwindcss/vite';
+const brotli = promisify(zlib.brotliCompress);
+const gzip = promisify(zlib.gzip);
+/** Layout StaticUiMiddleware resolves as `<webPackage>/dist/standalone`. */
+const STANDALONE_OUT_DIR = 'dist/standalone';
+/**
+ * Emits `.br` and `.gz` siblings next to every compressible standalone
+ * asset. StaticUiMiddleware serves whichever variant the browser's
+ * `Accept-Encoding` allows and falls back to the plain file, so this is an
+ * optimisation rather than a correctness requirement.
+ */
+export function precompressPlugin(outDir = STANDALONE_OUT_DIR) {
+    const COMPRESSIBLE = new Set(['.js', '.mjs', '.css', '.html', '.svg', '.json']);
+    const MIN_SIZE = 1024;
+    return {
+        name: 'modern-admin:precompress',
+        apply: 'build',
+        async writeBundle(options) {
+            const dir = options.dir ?? path.resolve(process.cwd(), outDir);
+            const walk = async (d) => {
+                const entries = await fs.readdir(d, { withFileTypes: true });
+                const nested = await Promise.all(entries.map((e) => (e.isDirectory() ? walk(path.join(d, e.name)) : [path.join(d, e.name)])));
+                return nested.flat();
+            };
+            const files = (await walk(dir)).filter((f) => COMPRESSIBLE.has(path.extname(f)));
+            await Promise.all(files.map(async (file) => {
+                const source = await fs.readFile(file);
+                if (source.length < MIN_SIZE)
+                    return;
+                const [br, gz] = await Promise.all([
+                    brotli(source, { params: { [zlib.constants.BROTLI_PARAM_QUALITY]: 11 } }),
+                    gzip(source, { level: zlib.constants.Z_BEST_COMPRESSION }),
+                ]);
+                await Promise.all([fs.writeFile(`${file}.br`, br), fs.writeFile(`${file}.gz`, gz)]);
+            }));
+        },
+    };
+}
+/**
+ * Injects low-priority `<link rel="prefetch">` hints for the lazy chunks a
+ * fresh session is almost certain to need right after the shell renders:
+ * the dashboard landing page, the full icon registry (sidebar), and the
+ * resource list page + property renderer (first sidebar click). The browser
+ * fetches them during idle time instead of on first navigation, without
+ * competing with the critical-path entry chunk. Relative `./assets/` hrefs
+ * are rewritten to the mount path by StaticUiMiddleware like every other
+ * asset reference.
+ */
+export function prefetchHintsPlugin() {
+    const PREFETCH_CHUNKS = new Set(['home-page', 'icon-registry', 'list-page', 'property-renderer']);
+    return {
+        name: 'modern-admin:prefetch-hints',
+        apply: 'build',
+        transformIndexHtml: {
+            order: 'post',
+            handler(_html, ctx) {
+                const chunks = Object.values(ctx.bundle ?? {}).filter((out) => out.type === 'chunk' && out.name && PREFETCH_CHUNKS.has(out.name));
+                return chunks.map((chunk) => ({
+                    tag: 'link',
+                    attrs: { rel: 'prefetch', as: 'script', href: `./${chunk.fileName}` },
+                    injectTo: 'head',
+                }));
+            },
+        },
+    };
+}
+/**
+ * Injects `window.__MODERN_ADMIN__` while developing. In production the same
+ * slot is filled per-request by the host server (StaticUiMiddleware replaces
+ * the `<!--MODERN_ADMIN_CONFIG-->` marker, or falls back to `</head>`), so
+ * this plugin is dev-only and never affects the built bundle.
+ */
+export function devRuntimeConfigPlugin(config) {
+    return {
+        name: 'modern-admin:dev-runtime-config',
+        apply: 'serve',
+        transformIndexHtml: {
+            order: 'pre',
+            handler() {
+                // `</script>` inside the JSON would close the tag early.
+                const json = JSON.stringify(config).replace(/</g, '\\u003c');
+                return [
+                    {
+                        tag: 'script',
+                        children: `window.__MODERN_ADMIN__ = ${json};`,
+                        injectTo: 'head-prepend',
+                    },
+                ];
+            },
+        },
+    };
+}
+/**
+ * `ws: true` so the realtime gateway's socket.io upgrade survives the proxy;
+ * `changeOrigin` keeps the session cookie's Origin check happy.
+ */
+function buildProxy(target, paths) {
+    const list = Array.isArray(paths) ? paths : [paths];
+    return Object.fromEntries(list.map((p) => [p, { target, changeOrigin: true, ws: true }]));
+}
+/**
+ * Builds the Vite config for a custom admin SPA. Pass the result straight to
+ * `export default` — it resolves `vite dev` and `vite build` itself, so no
+ * `--mode` flag is required.
+ */
+export function defineAdminAppConfig(options = {}) {
+    const { apiProxy, apiProxyPath = ['/admin/api', '/socket.io'], devConfig, outDir = STANDALONE_OUT_DIR, plugins: extraPlugins = [], } = options;
+    return ({ command }) => {
+        const shared = [react(), tailwindcss()];
+        if (command === 'build') {
+            return {
+                plugins: [...shared, precompressPlugin(outDir), prefetchHintsPlugin(), ...extraPlugins],
+                // Relative base so one bundle can be mounted under any path — the
+                // host server rewrites `./assets/` to its own mount prefix.
+                base: './',
+                build: {
+                    outDir,
+                    emptyOutDir: true,
+                    sourcemap: true,
+                },
+            };
+        }
+        return {
+            plugins: [
+                ...shared,
+                ...(devConfig ? [devRuntimeConfigPlugin(devConfig)] : []),
+                ...extraPlugins,
+            ],
+            server: {
+                port: options.port ?? Number(process.env.WEB_PORT ?? 3000),
+                host: true,
+                ...(apiProxy ? { proxy: buildProxy(apiProxy, apiProxyPath) } : {}),
+            },
+        };
+    };
+}

package/dist/lib/index.js

@@ -4,7 +4,6 @@ import { builtinLocales as a } from "@modern-admin/i18n";
 import { jsx as o } from "react/jsx-runtime";
 import { createRoot as s } from "react-dom/client";
 import { initTheme as c } from "@modern-admin/ui";
-import "@modern-admin/ui/styles.css";
 //#region src/app.tsx
 function l({ config: e, components: s }) {
 	return /* @__PURE__ */ o(r, {

package/dist/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/app.tsx","../../src/mount.tsx","../../src/runtime-config.ts"],"sourcesContent":["/**\n * Root <App> for the admin SPA. Wraps the AdminApp shell with i18n and the\n * ModernAdmin provider, wiring everything from a single runtime config.\n *\n * Used by both the standalone bundle (window.__MODERN_ADMIN__) and the\n * library `mount()` entry point — hosts compose it the same way.\n */\n\nimport { type ReactElement, useMemo } from 'react'\nimport {\n  AdminApp,\n  type ComponentLoader,\n  I18nProvider,\n  ModernAdminProvider,\n} from '@modern-admin/react'\nimport { builtinLocales } from '@modern-admin/i18n'\nimport type { ModernAdminRuntimeConfig } from './runtime-config.js'\n\nexport interface AppProps {\n  config: ModernAdminRuntimeConfig\n  /**\n   * Optional custom property-type components. The standalone bundle leaves\n   * this unset; the library `mount()` lets callers pass demo / project-\n   * specific components.\n   */\n  components?: ComponentLoader\n}\n\nexport function App({ config, components }: AppProps): ReactElement {\n  // Filter the built-in 9-locale bundle by the host's whitelist. Empty /\n  // omitted → expose everything; the language switcher in the header\n  // collapses itself when only one locale survives the filter.\n  const enabledLocales = useMemo(() => {\n    if (!config.locales || config.locales.length === 0) return builtinLocales\n    const codes = new Set(config.locales)\n    const filtered = builtinLocales.filter((l) => codes.has(l.code))\n    return filtered.length > 0 ? filtered : builtinLocales\n  }, [config.locales])\n  return (\n    <I18nProvider\n      locales={enabledLocales}\n      defaultLocale={config.defaultLocale}\n      fallbackLocale={config.fallbackLocale}\n      metadataTranslations={config.metadataTranslations}\n    >\n      <ModernAdminProvider\n        components={components}\n        clientOptions={{\n          baseUrl: config.apiUrl,\n          credentials: config.credentials ?? 'include',\n          headers: config.headers,\n          persistDemoSession: config.persistDemoSession,\n          authBasePath: config.authBasePath,\n        }}\n      >\n        <AdminApp\n          loginHint={config.loginHint}\n          basePath={config.basePath}\n          showSidebarResourceIds={config.showSidebarResourceIds}\n        />\n      </ModernAdminProvider>\n    </I18nProvider>\n  )\n}\n","/**\n * Imperative mounting API for embedding the admin SPA inside another React\n * tree or vanilla HTML page. Consumers call once at startup:\n *\n *   import { mount } from '@modern-admin/web'\n *   mount(document.getElementById('root')!, { apiUrl: 'https://api.example.com' })\n *\n * For the prebuilt standalone bundle, `src/standalone.tsx` calls this for\n * you using `window.__MODERN_ADMIN__`.\n */\n\nimport { StrictMode } from 'react'\nimport { createRoot, type Root } from 'react-dom/client'\nimport { type ComponentLoader } from '@modern-admin/react'\nimport { initTheme } from '@modern-admin/ui'\nimport '@modern-admin/ui/styles.css'\nimport { App } from './app.js'\nimport type { ModernAdminRuntimeConfig } from './runtime-config.js'\n\nexport interface MountOptions {\n  config: ModernAdminRuntimeConfig\n  /** Optional ComponentLoader with custom property-type components. */\n  components?: ComponentLoader\n}\n\nexport interface MountedAdmin {\n  /** Unmounts the admin SPA from its container. */\n  unmount(): void\n}\n\n/**\n * Renders the admin SPA into `container`. Returns a handle with `unmount()`\n * for hosts that need to tear it down dynamically (rare — most users mount\n * once and never unmount).\n */\nexport function mount(container: Element, options: MountOptions): MountedAdmin {\n  initTheme()\n  const root: Root = createRoot(container)\n  root.render(\n    <StrictMode>\n      <App config={options.config} components={options.components} />\n    </StrictMode>,\n  )\n  return {\n    unmount: () => root.unmount(),\n  }\n}\n","/**\n * Runtime configuration for the prebuilt admin SPA.\n *\n * The standalone bundle reads this from `window.__MODERN_ADMIN__`; the\n * library `mount()` API takes it as an argument. Either way it is the\n * single source of truth for \"where is the API\", \"which translations to\n * apply\", and how the admin client should behave at runtime.\n *\n * No build-time env vars: one bundle serves any deployment.\n */\n\nimport type { MetadataTranslations } from '@modern-admin/react'\n\nexport interface ModernAdminBrand {\n  /** Shown in the sidebar header and login screen. */\n  title?: string\n  /** Optional logo image URL. */\n  logoUrl?: string\n}\n\nexport interface ModernAdminRuntimeConfig {\n  /**\n   * Absolute base URL of the admin API (the @modern-admin/nest backend).\n   * Leave undefined to use same-origin — recommended when the SPA is served\n   * by the same NestJS process that exposes the admin API.\n   */\n  apiUrl?: string\n  /** RequestCredentials forwarded to every fetch. Defaults to 'include'. */\n  credentials?: RequestCredentials\n  /** Extra headers attached to every request (e.g. CSRF, custom auth). */\n  headers?: Record<string, string>\n  /** Helper line shown on the login screen — e.g. demo credentials. */\n  loginHint?: string\n  /** Initial UI locale code. Falls back to the persisted choice / 'en'. */\n  defaultLocale?: string\n  /** Locale used when a translation is missing. Defaults to 'en'. */\n  fallbackLocale?: string\n  /**\n   * Whitelist of locale codes to expose in the header switcher (filters\n   * the built-in 9-locale bundle: `en`, `ru`, `de`, `es`, `fr`, `it`, `ja`,\n   * `pl`, `pt-BR`). Behaviour:\n   *   - omitted / empty array → all built-in locales available\n   *   - single code           → switcher hides, that locale is forced\n   *   - multiple codes        → switcher lists only those locales\n   */\n  locales?: string[]\n  /** Optional per-resource / per-property metadata translations. */\n  metadataTranslations?: MetadataTranslations\n  /** Branding overrides (title, logo). */\n  brand?: ModernAdminBrand\n  /** Persist the demo session credentials in localStorage. */\n  persistDemoSession?: boolean\n  /**\n   * Path under which the host mounts Better Auth's Node handler. Drives\n   * the sign-in / sign-out endpoints — defaults to `/admin/api/auth`,\n   * matching the canonical CLI scaffold (and `ModernAdminStaticUiModule`\n   * mounted at `/admin`). Override only when the host mounts Better Auth\n   * elsewhere; pass *without* a trailing slash.\n   */\n  authBasePath?: string\n  /**\n   * URL prefix where the SPA is mounted (e.g. `/admin`). Injected\n   * automatically by `ModernAdminStaticUiMiddleware` from its `path` option\n   * so you normally do not need to set this. The router uses it as its\n   * basepath so all internal navigation and deep-link refreshes stay under\n   * the correct prefix. Pass without a trailing slash.\n   */\n  basePath?: string\n  /**\n   * When true, the sidebar resource list shows the raw resource id next\n   * to the localized label (e.g. \"Posts (posts)\") whenever the label\n   * differs from the id. Defaults to `false` — keeping the sidebar tidy.\n   * The home page tile and selector dropdowns (chart builder, etc.)\n   * always show both regardless of this flag.\n   */\n  showSidebarResourceIds?: boolean\n}\n\ndeclare global {\n  interface Window {\n    __MODERN_ADMIN__?: ModernAdminRuntimeConfig\n  }\n}\n\n/**\n * Reads runtime config from `window.__MODERN_ADMIN__`. Returns an empty\n * object (same-origin defaults) when nothing is injected.\n */\nexport function readWindowConfig(): ModernAdminRuntimeConfig {\n  if (typeof window === 'undefined') return {}\n  return window.__MODERN_ADMIN__ ?? {}\n}\n"],"mappings":";;;;;;;;AA4BA,SAAgB,EAAI,EAAE,WAAQ,iBAAsC;CAUlE,OACE,kBAAC,GAAD;EACE,SARmB,QAAc;GACnC,IAAI,CAAC,EAAO,WAAW,EAAO,QAAQ,WAAW,GAAG,OAAO;GAC3D,IAAM,IAAQ,IAAI,IAAI,EAAO,OAAO,GAC9B,IAAW,EAAe,QAAQ,MAAM,EAAM,IAAI,EAAE,IAAI,CAAC;GAC/D,OAAO,EAAS,SAAS,IAAI,IAAW;EAC1C,GAAG,CAAC,EAAO,OAAO,CAGL;EACT,eAAe,EAAO;EACtB,gBAAgB,EAAO;EACvB,sBAAsB,EAAO;YAE7B,kBAAC,GAAD;GACc;GACZ,eAAe;IACb,SAAS,EAAO;IAChB,aAAa,EAAO,eAAe;IACnC,SAAS,EAAO;IAChB,oBAAoB,EAAO;IAC3B,cAAc,EAAO;GACvB;aAEA,kBAAC,GAAD;IACE,WAAW,EAAO;IAClB,UAAU,EAAO;IACjB,wBAAwB,EAAO;GAChC,CAAA;EACkB,CAAA;CACT,CAAA;AAElB;;;AC5BA,SAAgB,EAAM,GAAoB,GAAqC;CAC7E,EAAU;CACV,IAAM,IAAa,EAAW,CAAS;CAMvC,OALA,EAAK,OACH,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EAAK,QAAQ,EAAQ;EAAQ,YAAY,EAAQ;CAAa,CAAA,EACpD,CAAA,CACd,GACO,EACL,eAAe,EAAK,QAAQ,EAC9B;AACF;;;AC0CA,SAAgB,IAA6C;CAE3D,OADI,OAAO,SAAW,MAAoB,CAAC,IACpC,OAAO,oBAAoB,CAAC;AACrC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/app.tsx","../../src/mount.tsx","../../src/runtime-config.ts"],"sourcesContent":["/**\n * Root <App> for the admin SPA. Wraps the AdminApp shell with i18n and the\n * ModernAdmin provider, wiring everything from a single runtime config.\n *\n * Used by both the standalone bundle (window.__MODERN_ADMIN__) and the\n * library `mount()` entry point — hosts compose it the same way.\n */\n\nimport { type ReactElement, useMemo } from 'react'\nimport {\n  AdminApp,\n  type ComponentLoader,\n  I18nProvider,\n  ModernAdminProvider,\n} from '@modern-admin/react'\nimport { builtinLocales } from '@modern-admin/i18n'\nimport type { ModernAdminRuntimeConfig } from './runtime-config.js'\n\nexport interface AppProps {\n  config: ModernAdminRuntimeConfig\n  /**\n   * Optional custom property-type components. The standalone bundle leaves\n   * this unset; the library `mount()` lets callers pass demo / project-\n   * specific components.\n   */\n  components?: ComponentLoader\n}\n\nexport function App({ config, components }: AppProps): ReactElement {\n  // Filter the built-in 9-locale bundle by the host's whitelist. Empty /\n  // omitted → expose everything; the language switcher in the header\n  // collapses itself when only one locale survives the filter.\n  const enabledLocales = useMemo(() => {\n    if (!config.locales || config.locales.length === 0) return builtinLocales\n    const codes = new Set(config.locales)\n    const filtered = builtinLocales.filter((l) => codes.has(l.code))\n    return filtered.length > 0 ? filtered : builtinLocales\n  }, [config.locales])\n  return (\n    <I18nProvider\n      locales={enabledLocales}\n      defaultLocale={config.defaultLocale}\n      fallbackLocale={config.fallbackLocale}\n      metadataTranslations={config.metadataTranslations}\n    >\n      <ModernAdminProvider\n        components={components}\n        clientOptions={{\n          baseUrl: config.apiUrl,\n          credentials: config.credentials ?? 'include',\n          headers: config.headers,\n          persistDemoSession: config.persistDemoSession,\n          authBasePath: config.authBasePath,\n        }}\n      >\n        <AdminApp\n          loginHint={config.loginHint}\n          basePath={config.basePath}\n          showSidebarResourceIds={config.showSidebarResourceIds}\n        />\n      </ModernAdminProvider>\n    </I18nProvider>\n  )\n}\n","/**\n * Imperative mounting API for embedding the admin SPA inside another React\n * tree or vanilla HTML page. Consumers call once at startup:\n *\n *   import { mount } from '@modern-admin/web'\n *   mount(document.getElementById('root')!, { apiUrl: 'https://api.example.com' })\n *\n * This module deliberately does **not** import the stylesheet: an app that\n * registers its own components needs to own the Tailwind root so its classes\n * get scanned, and a second root here would compile Tailwind twice. Import it\n * yourself, either directly or from your own CSS:\n *\n *   import '@modern-admin/react/styles.css'\n *\n * For the prebuilt standalone bundle, `src/standalone.tsx` calls this for\n * you using `window.__MODERN_ADMIN__` and pulls in the stylesheet.\n */\n\nimport { StrictMode } from 'react'\nimport { createRoot, type Root } from 'react-dom/client'\nimport { type ComponentLoader } from '@modern-admin/react'\nimport { initTheme } from '@modern-admin/ui'\nimport { App } from './app.js'\nimport type { ModernAdminRuntimeConfig } from './runtime-config.js'\n\nexport interface MountOptions {\n  config: ModernAdminRuntimeConfig\n  /** Optional ComponentLoader with custom property-type components. */\n  components?: ComponentLoader\n}\n\nexport interface MountedAdmin {\n  /** Unmounts the admin SPA from its container. */\n  unmount(): void\n}\n\n/**\n * Renders the admin SPA into `container`. Returns a handle with `unmount()`\n * for hosts that need to tear it down dynamically (rare — most users mount\n * once and never unmount).\n */\nexport function mount(container: Element, options: MountOptions): MountedAdmin {\n  initTheme()\n  const root: Root = createRoot(container)\n  root.render(\n    <StrictMode>\n      <App config={options.config} components={options.components} />\n    </StrictMode>,\n  )\n  return {\n    unmount: () => root.unmount(),\n  }\n}\n","/**\n * Runtime configuration for the prebuilt admin SPA.\n *\n * The standalone bundle reads this from `window.__MODERN_ADMIN__`; the\n * library `mount()` API takes it as an argument. Either way it is the\n * single source of truth for \"where is the API\", \"which translations to\n * apply\", and how the admin client should behave at runtime.\n *\n * No build-time env vars: one bundle serves any deployment.\n */\n\nimport type { MetadataTranslations } from '@modern-admin/react'\n\nexport interface ModernAdminBrand {\n  /** Shown in the sidebar header and login screen. */\n  title?: string\n  /** Optional logo image URL. */\n  logoUrl?: string\n}\n\nexport interface ModernAdminRuntimeConfig {\n  /**\n   * Absolute base URL of the admin API (the @modern-admin/nest backend).\n   * Leave undefined to use same-origin — recommended when the SPA is served\n   * by the same NestJS process that exposes the admin API.\n   */\n  apiUrl?: string\n  /** RequestCredentials forwarded to every fetch. Defaults to 'include'. */\n  credentials?: RequestCredentials\n  /** Extra headers attached to every request (e.g. CSRF, custom auth). */\n  headers?: Record<string, string>\n  /** Helper line shown on the login screen — e.g. demo credentials. */\n  loginHint?: string\n  /** Initial UI locale code. Falls back to the persisted choice / 'en'. */\n  defaultLocale?: string\n  /** Locale used when a translation is missing. Defaults to 'en'. */\n  fallbackLocale?: string\n  /**\n   * Whitelist of locale codes to expose in the header switcher (filters\n   * the built-in 9-locale bundle: `en`, `ru`, `de`, `es`, `fr`, `it`, `ja`,\n   * `pl`, `pt-BR`). Behaviour:\n   *   - omitted / empty array → all built-in locales available\n   *   - single code           → switcher hides, that locale is forced\n   *   - multiple codes        → switcher lists only those locales\n   */\n  locales?: string[]\n  /** Optional per-resource / per-property metadata translations. */\n  metadataTranslations?: MetadataTranslations\n  /** Branding overrides (title, logo). */\n  brand?: ModernAdminBrand\n  /** Persist the demo session credentials in localStorage. */\n  persistDemoSession?: boolean\n  /**\n   * Path under which the host mounts Better Auth's Node handler. Drives\n   * the sign-in / sign-out endpoints — defaults to `/admin/api/auth`,\n   * matching the canonical CLI scaffold (and `ModernAdminStaticUiModule`\n   * mounted at `/admin`). Override only when the host mounts Better Auth\n   * elsewhere; pass *without* a trailing slash.\n   */\n  authBasePath?: string\n  /**\n   * URL prefix where the SPA is mounted (e.g. `/admin`). Injected\n   * automatically by `ModernAdminStaticUiMiddleware` from its `path` option\n   * so you normally do not need to set this. The router uses it as its\n   * basepath so all internal navigation and deep-link refreshes stay under\n   * the correct prefix. Pass without a trailing slash.\n   */\n  basePath?: string\n  /**\n   * When true, the sidebar resource list shows the raw resource id next\n   * to the localized label (e.g. \"Posts (posts)\") whenever the label\n   * differs from the id. Defaults to `false` — keeping the sidebar tidy.\n   * The home page tile and selector dropdowns (chart builder, etc.)\n   * always show both regardless of this flag.\n   */\n  showSidebarResourceIds?: boolean\n}\n\ndeclare global {\n  interface Window {\n    __MODERN_ADMIN__?: ModernAdminRuntimeConfig\n  }\n}\n\n/**\n * Reads runtime config from `window.__MODERN_ADMIN__`. Returns an empty\n * object (same-origin defaults) when nothing is injected.\n */\nexport function readWindowConfig(): ModernAdminRuntimeConfig {\n  if (typeof window === 'undefined') return {}\n  return window.__MODERN_ADMIN__ ?? {}\n}\n"],"mappings":";;;;;;;AA4BA,SAAgB,EAAI,EAAE,WAAQ,iBAAsC;CAUlE,OACE,kBAAC,GAAD;EACE,SARmB,QAAc;GACnC,IAAI,CAAC,EAAO,WAAW,EAAO,QAAQ,WAAW,GAAG,OAAO;GAC3D,IAAM,IAAQ,IAAI,IAAI,EAAO,OAAO,GAC9B,IAAW,EAAe,QAAQ,MAAM,EAAM,IAAI,EAAE,IAAI,CAAC;GAC/D,OAAO,EAAS,SAAS,IAAI,IAAW;EAC1C,GAAG,CAAC,EAAO,OAAO,CAGL;EACT,eAAe,EAAO;EACtB,gBAAgB,EAAO;EACvB,sBAAsB,EAAO;YAE7B,kBAAC,GAAD;GACc;GACZ,eAAe;IACb,SAAS,EAAO;IAChB,aAAa,EAAO,eAAe;IACnC,SAAS,EAAO;IAChB,oBAAoB,EAAO;IAC3B,cAAc,EAAO;GACvB;aAEA,kBAAC,GAAD;IACE,WAAW,EAAO;IAClB,UAAU,EAAO;IACjB,wBAAwB,EAAO;GAChC,CAAA;EACkB,CAAA;CACT,CAAA;AAElB;;;ACtBA,SAAgB,EAAM,GAAoB,GAAqC;CAC7E,EAAU;CACV,IAAM,IAAa,EAAW,CAAS;CAMvC,OALA,EAAK,OACH,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EAAK,QAAQ,EAAQ;EAAQ,YAAY,EAAQ;CAAa,CAAA,EACpD,CAAA,CACd,GACO,EACL,eAAe,EAAK,QAAQ,EAC9B;AACF;;;ACoCA,SAAgB,IAA6C;CAE3D,OADI,OAAO,SAAW,MAAoB,CAAC,IACpC,OAAO,oBAAoB,CAAC;AACrC"}

package/dist/lib/mount.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../../src/mount.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAIH,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAE1D,OAAO,6BAA6B,CAAA;AAEpC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;AAEnE,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,wBAAwB,CAAA;IAChC,qEAAqE;IACrE,UAAU,CAAC,EAAE,eAAe,CAAA;CAC7B;AAED,MAAM,WAAW,YAAY;IAC3B,iDAAiD;IACjD,OAAO,IAAI,IAAI,CAAA;CAChB;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,GAAG,YAAY,CAW7E"}
+{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../../src/mount.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAG1D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;AAEnE,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,wBAAwB,CAAA;IAChC,qEAAqE;IACrE,UAAU,CAAC,EAAE,eAAe,CAAA;CAC7B;AAED,MAAM,WAAW,YAAY;IAC3B,iDAAiD;IACjD,OAAO,IAAI,IAAI,CAAA;CAChB;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,GAAG,YAAY,CAW7E"}

package/dist/standalone/assets/{action-component-host-CXIbN-8V.js → action-component-host-CuzX-99S.js}

@@ -1,2 +1,2 @@
-import{a as e,n as t}from"./createLucideIcon-CUopU_LC.js";import{S as n,g as r,s as i}from"./with-selector-NDLhu4dT.js";import{t as a}from"./circle-alert-0EyKeic4.js";import{t as o}from"./ellipsis-lEjcTxo0.js";import{t as s}from"./zap-b3saQVKc.js";import{s as c}from"./dist-Dpg8xy_r.js";import{B as l,D as u,K as d,R as f,U as p,et as m,it as h,n as g,z as _}from"./router-wFvtgo77.js";import{A as v,D as y,E as b,M as x,O as S,S as C,T as w,gt as T,i as E,j as D,k as O,lt as k,w as A}from"./index-t4woXGa-.js";var j=e(t(),1),M=n(),N=j.forwardRef((e,t)=>(0,M.jsx)(`nav`,{ref:t,"aria-label":`breadcrumb`,...e}));N.displayName=`Breadcrumb`;var P=j.forwardRef(({className:e,...t},n)=>(0,M.jsx)(`ol`,{ref:n,className:i(`flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5`,e),...t}));P.displayName=`BreadcrumbList`;var F=j.forwardRef(({className:e,...t},n)=>(0,M.jsx)(`li`,{ref:n,className:i(`inline-flex items-center gap-1.5`,e),...t}));F.displayName=`BreadcrumbItem`;var I=j.forwardRef(({asChild:e,className:t,...n},a)=>(0,M.jsx)(e?r:`a`,{ref:a,className:i(`transition-colors hover:text-foreground`,t),...n}));I.displayName=`BreadcrumbLink`;var L=j.forwardRef(({className:e,...t},n)=>(0,M.jsx)(`span`,{ref:n,role:`link`,"aria-disabled":`true`,"aria-current":`page`,className:i(`font-normal text-foreground`,e),...t}));L.displayName=`BreadcrumbPage`;var R=({children:e,className:t,...n})=>(0,M.jsx)(`li`,{role:`presentation`,"aria-hidden":`true`,className:i(`[&>svg]:size-3.5`,t),...n,children:e??(0,M.jsx)(T,{})});R.displayName=`BreadcrumbSeparator`;var z=({className:e,...t})=>(0,M.jsxs)(`span`,{role:`presentation`,"aria-hidden":`true`,className:i(`flex size-9 items-center justify-center`,e),...t,children:[(0,M.jsx)(o,{className:`size-4`}),(0,M.jsx)(`span`,{className:`sr-only`,children:`More`})]});z.displayName=`BreadcrumbEllipsis`;function B({items:e,className:t}){return e.length===0?null:(0,M.jsx)(N,{className:t,children:(0,M.jsx)(P,{children:e.map((t,n)=>{let r=n===e.length-1,i=(0,M.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[t.icon,(0,M.jsx)(`span`,{className:`truncate max-w-[8rem] sm:max-w-[16rem]`,children:t.label})]});return(0,M.jsxs)(j.Fragment,{children:[(0,M.jsx)(F,{children:r||!t.to?(0,M.jsx)(L,{children:i}):(0,M.jsx)(I,{asChild:!0,children:(0,M.jsx)(g,{to:t.to,children:i})})}),!r&&(0,M.jsx)(R,{})]},`${n}-${t.label}`)})})})}function V(e){return{label:e,to:{name:`home`},icon:(0,M.jsx)(k,{className:`size-3.5`})}}var H=(e,t)=>!t?.recordActions||t.recordActions.includes(e),U=(e,t)=>{if(!t?.recordActions)return e;let n=new Set(t.recordActions);return e.filter(e=>n.has(e.name))},W=e=>typeof e.custom?.label==`string`?e.custom.label:e.name,G=e=>{let t=[],n=new Map,r=(e,t,i)=>{if(i>=t.length)return e;let a=t[i],o=t.slice(0,i+1).map(e=>e.name).join(`>`),s=n.get(o);return s||(s={key:o,group:a,items:[]},n.set(o,s),e.push({kind:`group`,group:s})),r(s.items,t,i+1)};for(let n of e){let e=n.nesting??[];(e.length>0?r(t,e,0):t).push({kind:`action`,action:n})}return t},K=(e,t)=>e.map(e=>e.kind===`action`?(0,M.jsxs)(w,{onSelect:()=>t(e.action),children:[(0,M.jsx)(s,{className:`size-4`}),` `,W(e.action)]},e.action.name):(0,M.jsxs)(O,{children:[(0,M.jsx)(D,{children:e.group.group.name}),(0,M.jsx)(y,{children:(0,M.jsx)(v,{children:K(e.group.items,t)})})]},e.group.key));function q({actions:e,onAction:t}){let n=j.useMemo(()=>G(e),[e]);return n.length===0?null:(0,M.jsx)(M.Fragment,{children:K(n,t)})}function J({actions:e,onAction:t,t:n,trigger:r,menuLabel:i,align:a=`end`}){return j.useMemo(()=>G(e),[e]).length===0?null:(0,M.jsxs)(C,{children:[(0,M.jsx)(x,{asChild:!0,children:r??(0,M.jsxs)(c,{variant:`outline`,size:`sm`,children:[(0,M.jsx)(s,{className:`size-4`}),n(`common:actions`)]})}),(0,M.jsxs)(A,{align:a,children:[(0,M.jsx)(b,{children:i??n(`common:actions`)}),(0,M.jsx)(S,{}),(0,M.jsx)(q,{actions:e,onAction:t})]})]})}function Y(e,t){t&&e[t.type===`error`?`error`:t.type===`warning`?`warning`:t.type===`info`?`info`:`success`]({message:t.message})}function X({title:e,hint:t}){return(0,M.jsxs)(`div`,{role:`alert`,className:`flex items-start gap-3 rounded-lg border border-destructive/50 bg-destructive/10 p-4 dark:bg-destructive/15`,children:[(0,M.jsx)(a,{className:`mt-0.5 size-5 shrink-0 text-destructive`}),(0,M.jsxs)(`div`,{className:`space-y-1 text-sm`,children:[(0,M.jsx)(`p`,{className:`font-semibold text-destructive`,children:e}),t&&(0,M.jsx)(`p`,{className:`text-destructive/90`,children:t})]})]})}function Z({resourceId:e,actionName:t,recordId:n,recordIds:r,onClose:i,onSuccess:a}){let o=d(e),{components:s}=h(),{t:c}=m(),g=E(),v=o?.actions?.find(e=>e.name===t),y=v?.component??null,b=y?s?.get(y):void 0,x=u(e,t,{...n===void 0?{}:{recordId:n},...r===void 0?{}:{recordIds:r},enabled:!!v&&!!b}),S=p(e,n),C=_(e),w=l(e),T=f(e),D=C.isPending||w.isPending||T.isPending,O=j.useCallback(async(e={})=>{let i=n?await C.mutateAsync({recordId:n,actionName:t,payload:e}):r?.length?await T.mutateAsync({actionName:t,ids:r,payload:e}):await w.mutateAsync({actionName:t,payload:e});return Y(g,i.notice),a?.(),i},[n,r,t,C,T,w,g,a]);return o?v?!y||!b?(0,M.jsx)(X,{title:c(`action:componentMissing`,{component:y??t}),hint:c(`action:componentMissingHint`)}):x.isError?(0,M.jsx)(X,{title:c(`action:loadFailed`),hint:x.error instanceof Error?x.error.message:void 0}):(0,M.jsx)(b,{action:v,resource:o,resourceId:e,...n===void 0?{}:{recordId:n},...r===void 0?{}:{recordIds:r},...S.data?.record?{record:S.data.record}:{},...x.data?.records?{records:x.data.records}:{},...x.data?{data:x.data}:{},loading:x.isLoading||!!n&&S.isLoading,invoke:O,submitting:D,close:i}):(0,M.jsx)(X,{title:c(`action:notFound`,{action:t})}):(0,M.jsx)(`p`,{className:`text-muted-foreground`,children:c(`common:loading`)})}export{W as a,B as c,q as i,V as l,Y as n,H as o,J as r,U as s,Z as t};
-//# sourceMappingURL=action-component-host-CXIbN-8V.js.map
+import{a as e,n as t}from"./createLucideIcon-CUopU_LC.js";import{S as n,g as r,s as i}from"./with-selector-NDLhu4dT.js";import{t as a}from"./circle-alert-0EyKeic4.js";import{t as o}from"./ellipsis-lEjcTxo0.js";import{t as s}from"./zap-b3saQVKc.js";import{s as c}from"./dist-Dpg8xy_r.js";import{B as l,D as u,K as d,R as f,U as p,et as m,it as h,n as g,z as _}from"./router-wFvtgo77.js";import{A as v,D as y,E as b,M as x,O as S,S as C,T as w,gt as T,i as E,j as D,k as O,lt as k,w as A}from"./index-C3MuojaM.js";var j=e(t(),1),M=n(),N=j.forwardRef((e,t)=>(0,M.jsx)(`nav`,{ref:t,"aria-label":`breadcrumb`,...e}));N.displayName=`Breadcrumb`;var P=j.forwardRef(({className:e,...t},n)=>(0,M.jsx)(`ol`,{ref:n,className:i(`flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5`,e),...t}));P.displayName=`BreadcrumbList`;var F=j.forwardRef(({className:e,...t},n)=>(0,M.jsx)(`li`,{ref:n,className:i(`inline-flex items-center gap-1.5`,e),...t}));F.displayName=`BreadcrumbItem`;var I=j.forwardRef(({asChild:e,className:t,...n},a)=>(0,M.jsx)(e?r:`a`,{ref:a,className:i(`transition-colors hover:text-foreground`,t),...n}));I.displayName=`BreadcrumbLink`;var L=j.forwardRef(({className:e,...t},n)=>(0,M.jsx)(`span`,{ref:n,role:`link`,"aria-disabled":`true`,"aria-current":`page`,className:i(`font-normal text-foreground`,e),...t}));L.displayName=`BreadcrumbPage`;var R=({children:e,className:t,...n})=>(0,M.jsx)(`li`,{role:`presentation`,"aria-hidden":`true`,className:i(`[&>svg]:size-3.5`,t),...n,children:e??(0,M.jsx)(T,{})});R.displayName=`BreadcrumbSeparator`;var z=({className:e,...t})=>(0,M.jsxs)(`span`,{role:`presentation`,"aria-hidden":`true`,className:i(`flex size-9 items-center justify-center`,e),...t,children:[(0,M.jsx)(o,{className:`size-4`}),(0,M.jsx)(`span`,{className:`sr-only`,children:`More`})]});z.displayName=`BreadcrumbEllipsis`;function B({items:e,className:t}){return e.length===0?null:(0,M.jsx)(N,{className:t,children:(0,M.jsx)(P,{children:e.map((t,n)=>{let r=n===e.length-1,i=(0,M.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[t.icon,(0,M.jsx)(`span`,{className:`truncate max-w-[8rem] sm:max-w-[16rem]`,children:t.label})]});return(0,M.jsxs)(j.Fragment,{children:[(0,M.jsx)(F,{children:r||!t.to?(0,M.jsx)(L,{children:i}):(0,M.jsx)(I,{asChild:!0,children:(0,M.jsx)(g,{to:t.to,children:i})})}),!r&&(0,M.jsx)(R,{})]},`${n}-${t.label}`)})})})}function V(e){return{label:e,to:{name:`home`},icon:(0,M.jsx)(k,{className:`size-3.5`})}}var H=(e,t)=>!t?.recordActions||t.recordActions.includes(e),U=(e,t)=>{if(!t?.recordActions)return e;let n=new Set(t.recordActions);return e.filter(e=>n.has(e.name))},W=e=>typeof e.custom?.label==`string`?e.custom.label:e.name,G=e=>{let t=[],n=new Map,r=(e,t,i)=>{if(i>=t.length)return e;let a=t[i],o=t.slice(0,i+1).map(e=>e.name).join(`>`),s=n.get(o);return s||(s={key:o,group:a,items:[]},n.set(o,s),e.push({kind:`group`,group:s})),r(s.items,t,i+1)};for(let n of e){let e=n.nesting??[];(e.length>0?r(t,e,0):t).push({kind:`action`,action:n})}return t},K=(e,t)=>e.map(e=>e.kind===`action`?(0,M.jsxs)(w,{onSelect:()=>t(e.action),children:[(0,M.jsx)(s,{className:`size-4`}),` `,W(e.action)]},e.action.name):(0,M.jsxs)(O,{children:[(0,M.jsx)(D,{children:e.group.group.name}),(0,M.jsx)(y,{children:(0,M.jsx)(v,{children:K(e.group.items,t)})})]},e.group.key));function q({actions:e,onAction:t}){let n=j.useMemo(()=>G(e),[e]);return n.length===0?null:(0,M.jsx)(M.Fragment,{children:K(n,t)})}function J({actions:e,onAction:t,t:n,trigger:r,menuLabel:i,align:a=`end`}){return j.useMemo(()=>G(e),[e]).length===0?null:(0,M.jsxs)(C,{children:[(0,M.jsx)(x,{asChild:!0,children:r??(0,M.jsxs)(c,{variant:`outline`,size:`sm`,children:[(0,M.jsx)(s,{className:`size-4`}),n(`common:actions`)]})}),(0,M.jsxs)(A,{align:a,children:[(0,M.jsx)(b,{children:i??n(`common:actions`)}),(0,M.jsx)(S,{}),(0,M.jsx)(q,{actions:e,onAction:t})]})]})}function Y(e,t){t&&e[t.type===`error`?`error`:t.type===`warning`?`warning`:t.type===`info`?`info`:`success`]({message:t.message})}function X({title:e,hint:t}){return(0,M.jsxs)(`div`,{role:`alert`,className:`flex items-start gap-3 rounded-lg border border-destructive/50 bg-destructive/10 p-4 dark:bg-destructive/15`,children:[(0,M.jsx)(a,{className:`mt-0.5 size-5 shrink-0 text-destructive`}),(0,M.jsxs)(`div`,{className:`space-y-1 text-sm`,children:[(0,M.jsx)(`p`,{className:`font-semibold text-destructive`,children:e}),t&&(0,M.jsx)(`p`,{className:`text-destructive/90`,children:t})]})]})}function Z({resourceId:e,actionName:t,recordId:n,recordIds:r,onClose:i,onSuccess:a}){let o=d(e),{components:s}=h(),{t:c}=m(),g=E(),v=o?.actions?.find(e=>e.name===t),y=v?.component??null,b=y?s?.get(y):void 0,x=u(e,t,{...n===void 0?{}:{recordId:n},...r===void 0?{}:{recordIds:r},enabled:!!v&&!!b}),S=p(e,n),C=_(e),w=l(e),T=f(e),D=C.isPending||w.isPending||T.isPending,O=j.useCallback(async(e={})=>{let i=n?await C.mutateAsync({recordId:n,actionName:t,payload:e}):r?.length?await T.mutateAsync({actionName:t,ids:r,payload:e}):await w.mutateAsync({actionName:t,payload:e});return Y(g,i.notice),a?.(),i},[n,r,t,C,T,w,g,a]);return o?v?!y||!b?(0,M.jsx)(X,{title:c(`action:componentMissing`,{component:y??t}),hint:c(`action:componentMissingHint`)}):x.isError?(0,M.jsx)(X,{title:c(`action:loadFailed`),hint:x.error instanceof Error?x.error.message:void 0}):(0,M.jsx)(b,{action:v,resource:o,resourceId:e,...n===void 0?{}:{recordId:n},...r===void 0?{}:{recordIds:r},...S.data?.record?{record:S.data.record}:{},...x.data?.records?{records:x.data.records}:{},...x.data?{data:x.data}:{},loading:x.isLoading||!!n&&S.isLoading,invoke:O,submitting:D,close:i}):(0,M.jsx)(X,{title:c(`action:notFound`,{action:t})}):(0,M.jsx)(`p`,{className:`text-muted-foreground`,children:c(`common:loading`)})}export{W as a,B as c,q as i,V as l,Y as n,H as o,J as r,U as s,Z as t};
+//# sourceMappingURL=action-component-host-CuzX-99S.js.map

package/dist/standalone/assets/{action-component-host-CXIbN-8V.js.map → action-component-host-CuzX-99S.js.map}

@@ -1 +1 @@
-{"version":3,"file":"action-component-host-CXIbN-8V.js","names":[],"sources":["../../../../ui/src/components/breadcrumb.tsx","../../../../react/src/breadcrumbs.tsx","../../../../react/src/action-menu.tsx","../../../../react/src/action-notice.ts","../../../../react/src/components/action-component-host.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { ChevronRight, MoreHorizontal } from 'lucide-react'\nimport { cn } from '../lib/utils.js'\n\nexport const Breadcrumb = React.forwardRef<\n  HTMLElement,\n  React.ComponentPropsWithoutRef<'nav'>\n>((props, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />)\nBreadcrumb.displayName = 'Breadcrumb'\n\nexport const BreadcrumbList = React.forwardRef<\n  HTMLOListElement,\n  React.ComponentPropsWithoutRef<'ol'>\n>(({ className, ...props }, ref) => (\n  <ol\n    ref={ref}\n    className={cn(\n      'flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5',\n      className,\n    )}\n    {...props}\n  />\n))\nBreadcrumbList.displayName = 'BreadcrumbList'\n\nexport const BreadcrumbItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentPropsWithoutRef<'li'>\n>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\n    className={cn('inline-flex items-center gap-1.5', className)}\n    {...props}\n  />\n))\nBreadcrumbItem.displayName = 'BreadcrumbItem'\n\nexport const BreadcrumbLink = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentPropsWithoutRef<'a'> & { asChild?: boolean }\n>(({ asChild, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'a'\n  return (\n    <Comp\n      ref={ref}\n      className={cn('transition-colors hover:text-foreground', className)}\n      {...props}\n    />\n  )\n})\nBreadcrumbLink.displayName = 'BreadcrumbLink'\n\nexport const BreadcrumbPage = React.forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<'span'>\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    role=\"link\"\n    aria-disabled=\"true\"\n    aria-current=\"page\"\n    className={cn('font-normal text-foreground', className)}\n    {...props}\n  />\n))\nBreadcrumbPage.displayName = 'BreadcrumbPage'\n\nexport const BreadcrumbSeparator = ({\n  children,\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'li'>): React.ReactElement => (\n  <li\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn('[&>svg]:size-3.5', className)}\n    {...props}\n  >\n    {children ?? <ChevronRight />}\n  </li>\n)\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator'\n\nexport const BreadcrumbEllipsis = ({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'span'>): React.ReactElement => (\n  <span\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn('flex size-9 items-center justify-center', className)}\n    {...props}\n  >\n    <MoreHorizontal className=\"size-4\" />\n    <span className=\"sr-only\">More</span>\n  </span>\n)\nBreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis'\n","// Page breadcrumb helper. Each page builds its own crumb chain (home →\n// resource → record → action) and hands it to <PageBreadcrumbs />, which\n// renders the shadcn primitives with separators, hash-router-aware Links\n// and a Home icon on the root crumb.\n\nimport * as React from 'react'\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from '@modern-admin/ui'\nimport { Home } from 'lucide-react'\nimport { Link } from './router.js'\nimport type { Route } from './router.js'\n\nexport interface BreadcrumbItemSpec {\n  label: string\n  /** When set, renders a hash-router link; otherwise the crumb is plain text. */\n  to?: Route\n  /** Optional leading icon. The home crumb gets one by default. */\n  icon?: React.ReactNode\n}\n\nexport interface PageBreadcrumbsProps {\n  items: BreadcrumbItemSpec[]\n  className?: string\n}\n\nexport function PageBreadcrumbs({\n  items,\n  className,\n}: PageBreadcrumbsProps): React.ReactElement | null {\n  if (items.length === 0) return null\n  return (\n    <Breadcrumb className={className}>\n      <BreadcrumbList>\n        {items.map((item, i) => {\n          const isLast = i === items.length - 1\n          const content = (\n            <span className=\"inline-flex items-center gap-1.5\">\n              {item.icon}\n              <span className=\"truncate max-w-[8rem] sm:max-w-[16rem]\">{item.label}</span>\n            </span>\n          )\n          return (\n            <React.Fragment key={`${i}-${item.label}`}>\n              <BreadcrumbItem>\n                {isLast || !item.to ? (\n                  <BreadcrumbPage>{content}</BreadcrumbPage>\n                ) : (\n                  <BreadcrumbLink asChild>\n                    <Link to={item.to}>{content}</Link>\n                  </BreadcrumbLink>\n                )}\n              </BreadcrumbItem>\n              {!isLast && <BreadcrumbSeparator />}\n            </React.Fragment>\n          )\n        })}\n      </BreadcrumbList>\n    </Breadcrumb>\n  )\n}\n\n/** Default home crumb — used by every page; pass `homeLabel` to localize. */\nexport function homeCrumb(label: string): BreadcrumbItemSpec {\n  return {\n    label,\n    to: { name: 'home' },\n    icon: <Home className=\"size-3.5\" />,\n  }\n}\n","import * as React from 'react'\nimport {\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuSeparator,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from '@modern-admin/ui'\nimport { MoreHorizontal, Zap } from 'lucide-react'\nimport type { ActionDescriptor, ActionGroup, RecordJSON } from './types.js'\n\ninterface ActionMenuGroupNode {\n  key: string\n  group: ActionGroup\n  items: ActionMenuNode[]\n}\n\ntype ActionMenuNode =\n  | { kind: 'action'; action: ActionDescriptor }\n  | { kind: 'group'; group: ActionMenuGroupNode }\n\nexport interface ActionMenuProps {\n  actions: ActionDescriptor[]\n  onAction(action: ActionDescriptor): void\n  t: (key: string, params?: Record<string, string | number>) => string\n  trigger?: React.ReactElement\n  menuLabel?: string\n  align?: 'start' | 'center' | 'end'\n}\n\n/**\n * Whether a record-scoped action should be offered for a specific record.\n *\n * The server resolves `isVisible`/`isAccessible` per record and reports the\n * survivors in `RecordJSON.recordActions`. A record without that field made\n * it here outside the action pipeline (or from an older server) — that is\n * \"no opinion\", so everything stays visible rather than everything vanishing.\n */\nexport const isActionAllowedForRecord = (\n  actionName: string,\n  record: Pick<RecordJSON, 'recordActions'> | undefined,\n): boolean => !record?.recordActions || record.recordActions.includes(actionName)\n\n/** Narrow a resource's record actions down to the ones this record offers. */\nexport const visibleRecordActions = (\n  actions: ActionDescriptor[],\n  record: Pick<RecordJSON, 'recordActions'> | undefined,\n): ActionDescriptor[] => {\n  if (!record?.recordActions) return actions\n  const allowed = new Set(record.recordActions)\n  return actions.filter((a) => allowed.has(a.name))\n}\n\n/** Display label for an action: the (already localized) `custom.label` set\n *  by the metadata translator, falling back to the raw action name. */\nexport const getActionLabel = (action: ActionDescriptor): string =>\n  typeof action.custom?.label === 'string' ? action.custom.label : action.name\n\nconst buildActionMenuTree = (actions: ActionDescriptor[]): ActionMenuNode[] => {\n  const root: ActionMenuNode[] = []\n  const groups = new Map<string, ActionMenuGroupNode>()\n\n  const ensureGroup = (target: ActionMenuNode[], path: ActionGroup[], depth: number): ActionMenuNode[] => {\n    if (depth >= path.length) return target\n    const segment = path[depth]!\n    const key = path\n      .slice(0, depth + 1)\n      .map((item) => item.name)\n      .join('>')\n    let group = groups.get(key)\n    if (!group) {\n      group = { key, group: segment, items: [] }\n      groups.set(key, group)\n      target.push({ kind: 'group', group })\n    }\n    return ensureGroup(group.items, path, depth + 1)\n  }\n\n  for (const action of actions) {\n    const nesting = action.nesting ?? []\n    const target = nesting.length > 0 ? ensureGroup(root, nesting, 0) : root\n    target.push({ kind: 'action', action })\n  }\n\n  return root\n}\n\nconst renderNodes = (\n  nodes: ActionMenuNode[],\n  onAction: (action: ActionDescriptor) => void,\n): React.ReactNode =>\n  nodes.map((node) => {\n    if (node.kind === 'action') {\n      return (\n        <DropdownMenuItem\n          key={node.action.name}\n          onSelect={() => onAction(node.action)}\n        >\n          <Zap className=\"size-4\" /> {getActionLabel(node.action)}\n        </DropdownMenuItem>\n      )\n    }\n    return (\n      <DropdownMenuSub key={node.group.key}>\n        <DropdownMenuSubTrigger>\n          {node.group.group.name}\n        </DropdownMenuSubTrigger>\n        <DropdownMenuPortal>\n          <DropdownMenuSubContent>\n            {renderNodes(node.group.items, onAction)}\n          </DropdownMenuSubContent>\n        </DropdownMenuPortal>\n      </DropdownMenuSub>\n    )\n  })\n\nexport function ActionMenuItems({\n  actions,\n  onAction,\n}: {\n  actions: ActionDescriptor[]\n  onAction(action: ActionDescriptor): void\n}): React.ReactElement | null {\n  const nodes = React.useMemo(() => buildActionMenuTree(actions), [actions])\n  if (nodes.length === 0) return null\n  return <>{renderNodes(nodes, onAction)}</>\n}\n\nexport function ActionMenu({\n  actions,\n  onAction,\n  t,\n  trigger,\n  menuLabel,\n  align = 'end',\n}: ActionMenuProps): React.ReactElement | null {\n  const nodes = React.useMemo(() => buildActionMenuTree(actions), [actions])\n  if (nodes.length === 0) return null\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        {trigger ?? (\n          <Button variant=\"outline\" size=\"sm\">\n            <Zap className=\"size-4\" />\n            {t('common:actions')}\n          </Button>\n        )}\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align={align}>\n        <DropdownMenuLabel>{menuLabel ?? t('common:actions')}</DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        <ActionMenuItems actions={actions} onAction={onAction} />\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n\nexport function MoreActionsMenu({\n  actions,\n  onAction,\n  t,\n  menuLabel,\n}: Omit<ActionMenuProps, 'trigger' | 'align'>): React.ReactElement | null {\n  if (actions.length === 0) return null\n  return (\n    <ActionMenu\n      actions={actions}\n      onAction={onAction}\n      t={t}\n      menuLabel={menuLabel}\n      trigger={(\n        <Button variant=\"ghost\" size=\"icon\" className=\"h-8 w-8\">\n          <MoreHorizontal className=\"size-4\" />\n          <span className=\"sr-only\">{t('common:openMenu')}</span>\n        </Button>\n      )}\n    />\n  )\n}\n","// Shared `notice` → toast plumbing for custom-action invocations.\n//\n// Every surface that fires a custom action (list toolbar, row menu, bulk\n// toolbar, show page, action component host) gets back the same\n// `CustomActionResponse` shape, so the mapping lives here rather than being\n// re-derived at each call site.\n\nimport type { useNotify } from './notify.js'\nimport type { CustomActionResponse } from './types.js'\n\ntype NotifyApi = ReturnType<typeof useNotify>\n\n/** Show a custom action's `notice` as the matching toast. Unrecognised\n *  types fall back to a success toast; a missing notice is a no-op. */\nexport function showActionNotice(\n  notify: NotifyApi,\n  notice: CustomActionResponse['notice'],\n): void {\n  if (!notice) return\n  const type = notice.type === 'error' ? 'error'\n    : notice.type === 'warning' ? 'warning'\n      : notice.type === 'info' ? 'info'\n        : 'success'\n  notify[type]({ message: notice.message })\n}\n","// Runtime host for a custom action's UI component.\n//\n// An action declaring `component: 'MyForm'` (see `Action.component` in\n// @modern-admin/core) does not fire on click. Instead the operator lands\n// here: the named component is looked up on the ComponentLoader and rendered\n// with everything it needs to run the action — the priming `GET` response,\n// the record for record-scoped actions, and an `invoke(payload)` callback\n// that POSTs and surfaces the resulting `notice`.\n//\n// The host is presentation-neutral so the same code backs both surfaces:\n// the full `/resources/:id/actions/:name` page and the modal opened for\n// actions declaring `custom.showAs: 'dialog'`.\n\nimport * as React from 'react'\nimport { AlertCircle } from 'lucide-react'\nimport {\n  useActionData,\n  useInvokeBulkAction,\n  useInvokeRecordAction,\n  useInvokeResourceAction,\n  useRecord,\n  useResource,\n} from '../hooks.js'\nimport { useAdminContext } from '../provider.js'\nimport { useI18n } from '../i18n.js'\nimport { useNotify } from '../notify.js'\nimport { showActionNotice } from '../action-notice.js'\nimport type { ActionComponentProps, CustomActionResponse } from '../types.js'\n\nexport interface ActionComponentHostProps {\n  resourceId: string\n  actionName: string\n  /** Set for record-scoped actions (`actionType: 'record'`). */\n  recordId?: string\n  /** Set for bulk-scoped actions (`actionType: 'bulk'`) — the selection. */\n  recordIds?: string[]\n  /** Dismiss the action — pop the page or close the dialog. */\n  onClose(): void\n  /** Fired after each successful `invoke()`. The bulk toolbar uses it to\n   *  clear its selection; in page mode the list has already unmounted, so\n   *  only dialog callers see it. */\n  onSuccess?(): void\n}\n\nfunction HostError({ title, hint }: { title: string; hint?: string }): React.ReactElement {\n  return (\n    <div\n      role=\"alert\"\n      className=\"flex items-start gap-3 rounded-lg border border-destructive/50 bg-destructive/10 p-4 dark:bg-destructive/15\"\n    >\n      <AlertCircle className=\"mt-0.5 size-5 shrink-0 text-destructive\" />\n      <div className=\"space-y-1 text-sm\">\n        <p className=\"font-semibold text-destructive\">{title}</p>\n        {hint && <p className=\"text-destructive/90\">{hint}</p>}\n      </div>\n    </div>\n  )\n}\n\nexport function ActionComponentHost({\n  resourceId,\n  actionName,\n  recordId,\n  recordIds,\n  onClose,\n  onSuccess,\n}: ActionComponentHostProps): React.ReactElement {\n  const resource = useResource(resourceId)\n  const { components } = useAdminContext()\n  const { t } = useI18n()\n  const notify = useNotify()\n\n  const action = resource?.actions?.find((a) => a.name === actionName)\n  const componentName = action?.component ?? null\n  const Custom = componentName ? components?.get(componentName) : undefined\n\n  // Only prime once we know the action exists and its component resolved —\n  // otherwise the page renders an error and the handler must not run.\n  const primed = useActionData(resourceId, actionName, {\n    ...(recordId !== undefined ? { recordId } : {}),\n    ...(recordIds !== undefined ? { recordIds } : {}),\n    enabled: Boolean(action) && Boolean(Custom),\n  })\n  const record = useRecord(resourceId, recordId)\n  const invokeRecord = useInvokeRecordAction(resourceId)\n  const invokeResource = useInvokeResourceAction(resourceId)\n  const invokeBulk = useInvokeBulkAction(resourceId)\n\n  const submitting = invokeRecord.isPending || invokeResource.isPending || invokeBulk.isPending\n  const invoke = React.useCallback(\n    async (payload: Record<string, unknown> = {}): Promise<CustomActionResponse> => {\n      // Scope is decided by what the host was mounted with, not by the\n      // action's declared `actionType` — a mismatch would build a request\n      // the server can't route.\n      const res = recordId\n        ? await invokeRecord.mutateAsync({ recordId, actionName, payload })\n        : recordIds?.length\n          ? await invokeBulk.mutateAsync({ actionName, ids: recordIds, payload })\n          : await invokeResource.mutateAsync({ actionName, payload })\n      showActionNotice(notify, res.notice)\n      onSuccess?.()\n      return res\n    },\n    [recordId, recordIds, actionName, invokeRecord, invokeBulk, invokeResource, notify, onSuccess],\n  )\n\n  if (!resource) return <p className=\"text-muted-foreground\">{t('common:loading')}</p>\n  if (!action) {\n    return <HostError title={t('action:notFound', { action: actionName })} />\n  }\n  if (!componentName || !Custom) {\n    return (\n      <HostError\n        title={t('action:componentMissing', { component: componentName ?? actionName })}\n        hint={t('action:componentMissingHint')}\n      />\n    )\n  }\n  if (primed.isError) {\n    return (\n      <HostError\n        title={t('action:loadFailed')}\n        hint={primed.error instanceof Error ? primed.error.message : undefined}\n      />\n    )\n  }\n\n  const props: ActionComponentProps = {\n    action,\n    resource,\n    resourceId,\n    ...(recordId !== undefined ? { recordId } : {}),\n    ...(recordIds !== undefined ? { recordIds } : {}),\n    ...(record.data?.record ? { record: record.data.record } : {}),\n    ...(primed.data?.records ? { records: primed.data.records } : {}),\n    ...(primed.data ? { data: primed.data } : {}),\n    loading: primed.isLoading || (Boolean(recordId) && record.isLoading),\n    invoke,\n    submitting,\n    close: onClose,\n  }\n  return <Custom {...props} />\n}\n"],"mappings":"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"}
+{"version":3,"file":"action-component-host-CuzX-99S.js","names":[],"sources":["../../../../ui/src/components/breadcrumb.tsx","../../../../react/src/breadcrumbs.tsx","../../../../react/src/action-menu.tsx","../../../../react/src/action-notice.ts","../../../../react/src/components/action-component-host.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { ChevronRight, MoreHorizontal } from 'lucide-react'\nimport { cn } from '../lib/utils.js'\n\nexport const Breadcrumb = React.forwardRef<\n  HTMLElement,\n  React.ComponentPropsWithoutRef<'nav'>\n>((props, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />)\nBreadcrumb.displayName = 'Breadcrumb'\n\nexport const BreadcrumbList = React.forwardRef<\n  HTMLOListElement,\n  React.ComponentPropsWithoutRef<'ol'>\n>(({ className, ...props }, ref) => (\n  <ol\n    ref={ref}\n    className={cn(\n      'flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5',\n      className,\n    )}\n    {...props}\n  />\n))\nBreadcrumbList.displayName = 'BreadcrumbList'\n\nexport const BreadcrumbItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentPropsWithoutRef<'li'>\n>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\n    className={cn('inline-flex items-center gap-1.5', className)}\n    {...props}\n  />\n))\nBreadcrumbItem.displayName = 'BreadcrumbItem'\n\nexport const BreadcrumbLink = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentPropsWithoutRef<'a'> & { asChild?: boolean }\n>(({ asChild, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'a'\n  return (\n    <Comp\n      ref={ref}\n      className={cn('transition-colors hover:text-foreground', className)}\n      {...props}\n    />\n  )\n})\nBreadcrumbLink.displayName = 'BreadcrumbLink'\n\nexport const BreadcrumbPage = React.forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<'span'>\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    role=\"link\"\n    aria-disabled=\"true\"\n    aria-current=\"page\"\n    className={cn('font-normal text-foreground', className)}\n    {...props}\n  />\n))\nBreadcrumbPage.displayName = 'BreadcrumbPage'\n\nexport const BreadcrumbSeparator = ({\n  children,\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'li'>): React.ReactElement => (\n  <li\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn('[&>svg]:size-3.5', className)}\n    {...props}\n  >\n    {children ?? <ChevronRight />}\n  </li>\n)\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator'\n\nexport const BreadcrumbEllipsis = ({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'span'>): React.ReactElement => (\n  <span\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn('flex size-9 items-center justify-center', className)}\n    {...props}\n  >\n    <MoreHorizontal className=\"size-4\" />\n    <span className=\"sr-only\">More</span>\n  </span>\n)\nBreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis'\n","// Page breadcrumb helper. Each page builds its own crumb chain (home →\n// resource → record → action) and hands it to <PageBreadcrumbs />, which\n// renders the shadcn primitives with separators, hash-router-aware Links\n// and a Home icon on the root crumb.\n\nimport * as React from 'react'\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from '@modern-admin/ui'\nimport { Home } from 'lucide-react'\nimport { Link } from './router.js'\nimport type { Route } from './router.js'\n\nexport interface BreadcrumbItemSpec {\n  label: string\n  /** When set, renders a hash-router link; otherwise the crumb is plain text. */\n  to?: Route\n  /** Optional leading icon. The home crumb gets one by default. */\n  icon?: React.ReactNode\n}\n\nexport interface PageBreadcrumbsProps {\n  items: BreadcrumbItemSpec[]\n  className?: string\n}\n\nexport function PageBreadcrumbs({\n  items,\n  className,\n}: PageBreadcrumbsProps): React.ReactElement | null {\n  if (items.length === 0) return null\n  return (\n    <Breadcrumb className={className}>\n      <BreadcrumbList>\n        {items.map((item, i) => {\n          const isLast = i === items.length - 1\n          const content = (\n            <span className=\"inline-flex items-center gap-1.5\">\n              {item.icon}\n              <span className=\"truncate max-w-[8rem] sm:max-w-[16rem]\">{item.label}</span>\n            </span>\n          )\n          return (\n            <React.Fragment key={`${i}-${item.label}`}>\n              <BreadcrumbItem>\n                {isLast || !item.to ? (\n                  <BreadcrumbPage>{content}</BreadcrumbPage>\n                ) : (\n                  <BreadcrumbLink asChild>\n                    <Link to={item.to}>{content}</Link>\n                  </BreadcrumbLink>\n                )}\n              </BreadcrumbItem>\n              {!isLast && <BreadcrumbSeparator />}\n            </React.Fragment>\n          )\n        })}\n      </BreadcrumbList>\n    </Breadcrumb>\n  )\n}\n\n/** Default home crumb — used by every page; pass `homeLabel` to localize. */\nexport function homeCrumb(label: string): BreadcrumbItemSpec {\n  return {\n    label,\n    to: { name: 'home' },\n    icon: <Home className=\"size-3.5\" />,\n  }\n}\n","import * as React from 'react'\nimport {\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuSeparator,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from '@modern-admin/ui'\nimport { MoreHorizontal, Zap } from 'lucide-react'\nimport type { ActionDescriptor, ActionGroup, RecordJSON } from './types.js'\n\ninterface ActionMenuGroupNode {\n  key: string\n  group: ActionGroup\n  items: ActionMenuNode[]\n}\n\ntype ActionMenuNode =\n  | { kind: 'action'; action: ActionDescriptor }\n  | { kind: 'group'; group: ActionMenuGroupNode }\n\nexport interface ActionMenuProps {\n  actions: ActionDescriptor[]\n  onAction(action: ActionDescriptor): void\n  t: (key: string, params?: Record<string, string | number>) => string\n  trigger?: React.ReactElement\n  menuLabel?: string\n  align?: 'start' | 'center' | 'end'\n}\n\n/**\n * Whether a record-scoped action should be offered for a specific record.\n *\n * The server resolves `isVisible`/`isAccessible` per record and reports the\n * survivors in `RecordJSON.recordActions`. A record without that field made\n * it here outside the action pipeline (or from an older server) — that is\n * \"no opinion\", so everything stays visible rather than everything vanishing.\n */\nexport const isActionAllowedForRecord = (\n  actionName: string,\n  record: Pick<RecordJSON, 'recordActions'> | undefined,\n): boolean => !record?.recordActions || record.recordActions.includes(actionName)\n\n/** Narrow a resource's record actions down to the ones this record offers. */\nexport const visibleRecordActions = (\n  actions: ActionDescriptor[],\n  record: Pick<RecordJSON, 'recordActions'> | undefined,\n): ActionDescriptor[] => {\n  if (!record?.recordActions) return actions\n  const allowed = new Set(record.recordActions)\n  return actions.filter((a) => allowed.has(a.name))\n}\n\n/** Display label for an action: the (already localized) `custom.label` set\n *  by the metadata translator, falling back to the raw action name. */\nexport const getActionLabel = (action: ActionDescriptor): string =>\n  typeof action.custom?.label === 'string' ? action.custom.label : action.name\n\nconst buildActionMenuTree = (actions: ActionDescriptor[]): ActionMenuNode[] => {\n  const root: ActionMenuNode[] = []\n  const groups = new Map<string, ActionMenuGroupNode>()\n\n  const ensureGroup = (target: ActionMenuNode[], path: ActionGroup[], depth: number): ActionMenuNode[] => {\n    if (depth >= path.length) return target\n    const segment = path[depth]!\n    const key = path\n      .slice(0, depth + 1)\n      .map((item) => item.name)\n      .join('>')\n    let group = groups.get(key)\n    if (!group) {\n      group = { key, group: segment, items: [] }\n      groups.set(key, group)\n      target.push({ kind: 'group', group })\n    }\n    return ensureGroup(group.items, path, depth + 1)\n  }\n\n  for (const action of actions) {\n    const nesting = action.nesting ?? []\n    const target = nesting.length > 0 ? ensureGroup(root, nesting, 0) : root\n    target.push({ kind: 'action', action })\n  }\n\n  return root\n}\n\nconst renderNodes = (\n  nodes: ActionMenuNode[],\n  onAction: (action: ActionDescriptor) => void,\n): React.ReactNode =>\n  nodes.map((node) => {\n    if (node.kind === 'action') {\n      return (\n        <DropdownMenuItem\n          key={node.action.name}\n          onSelect={() => onAction(node.action)}\n        >\n          <Zap className=\"size-4\" /> {getActionLabel(node.action)}\n        </DropdownMenuItem>\n      )\n    }\n    return (\n      <DropdownMenuSub key={node.group.key}>\n        <DropdownMenuSubTrigger>\n          {node.group.group.name}\n        </DropdownMenuSubTrigger>\n        <DropdownMenuPortal>\n          <DropdownMenuSubContent>\n            {renderNodes(node.group.items, onAction)}\n          </DropdownMenuSubContent>\n        </DropdownMenuPortal>\n      </DropdownMenuSub>\n    )\n  })\n\nexport function ActionMenuItems({\n  actions,\n  onAction,\n}: {\n  actions: ActionDescriptor[]\n  onAction(action: ActionDescriptor): void\n}): React.ReactElement | null {\n  const nodes = React.useMemo(() => buildActionMenuTree(actions), [actions])\n  if (nodes.length === 0) return null\n  return <>{renderNodes(nodes, onAction)}</>\n}\n\nexport function ActionMenu({\n  actions,\n  onAction,\n  t,\n  trigger,\n  menuLabel,\n  align = 'end',\n}: ActionMenuProps): React.ReactElement | null {\n  const nodes = React.useMemo(() => buildActionMenuTree(actions), [actions])\n  if (nodes.length === 0) return null\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        {trigger ?? (\n          <Button variant=\"outline\" size=\"sm\">\n            <Zap className=\"size-4\" />\n            {t('common:actions')}\n          </Button>\n        )}\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align={align}>\n        <DropdownMenuLabel>{menuLabel ?? t('common:actions')}</DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        <ActionMenuItems actions={actions} onAction={onAction} />\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n\nexport function MoreActionsMenu({\n  actions,\n  onAction,\n  t,\n  menuLabel,\n}: Omit<ActionMenuProps, 'trigger' | 'align'>): React.ReactElement | null {\n  if (actions.length === 0) return null\n  return (\n    <ActionMenu\n      actions={actions}\n      onAction={onAction}\n      t={t}\n      menuLabel={menuLabel}\n      trigger={(\n        <Button variant=\"ghost\" size=\"icon\" className=\"h-8 w-8\">\n          <MoreHorizontal className=\"size-4\" />\n          <span className=\"sr-only\">{t('common:openMenu')}</span>\n        </Button>\n      )}\n    />\n  )\n}\n","// Shared `notice` → toast plumbing for custom-action invocations.\n//\n// Every surface that fires a custom action (list toolbar, row menu, bulk\n// toolbar, show page, action component host) gets back the same\n// `CustomActionResponse` shape, so the mapping lives here rather than being\n// re-derived at each call site.\n\nimport type { useNotify } from './notify.js'\nimport type { CustomActionResponse } from './types.js'\n\ntype NotifyApi = ReturnType<typeof useNotify>\n\n/** Show a custom action's `notice` as the matching toast. Unrecognised\n *  types fall back to a success toast; a missing notice is a no-op. */\nexport function showActionNotice(\n  notify: NotifyApi,\n  notice: CustomActionResponse['notice'],\n): void {\n  if (!notice) return\n  const type = notice.type === 'error' ? 'error'\n    : notice.type === 'warning' ? 'warning'\n      : notice.type === 'info' ? 'info'\n        : 'success'\n  notify[type]({ message: notice.message })\n}\n","// Runtime host for a custom action's UI component.\n//\n// An action declaring `component: 'MyForm'` (see `Action.component` in\n// @modern-admin/core) does not fire on click. Instead the operator lands\n// here: the named component is looked up on the ComponentLoader and rendered\n// with everything it needs to run the action — the priming `GET` response,\n// the record for record-scoped actions, and an `invoke(payload)` callback\n// that POSTs and surfaces the resulting `notice`.\n//\n// The host is presentation-neutral so the same code backs both surfaces:\n// the full `/resources/:id/actions/:name` page and the modal opened for\n// actions declaring `custom.showAs: 'dialog'`.\n\nimport * as React from 'react'\nimport { AlertCircle } from 'lucide-react'\nimport {\n  useActionData,\n  useInvokeBulkAction,\n  useInvokeRecordAction,\n  useInvokeResourceAction,\n  useRecord,\n  useResource,\n} from '../hooks.js'\nimport { useAdminContext } from '../provider.js'\nimport { useI18n } from '../i18n.js'\nimport { useNotify } from '../notify.js'\nimport { showActionNotice } from '../action-notice.js'\nimport type { ActionComponentProps, CustomActionResponse } from '../types.js'\n\nexport interface ActionComponentHostProps {\n  resourceId: string\n  actionName: string\n  /** Set for record-scoped actions (`actionType: 'record'`). */\n  recordId?: string\n  /** Set for bulk-scoped actions (`actionType: 'bulk'`) — the selection. */\n  recordIds?: string[]\n  /** Dismiss the action — pop the page or close the dialog. */\n  onClose(): void\n  /** Fired after each successful `invoke()`. The bulk toolbar uses it to\n   *  clear its selection; in page mode the list has already unmounted, so\n   *  only dialog callers see it. */\n  onSuccess?(): void\n}\n\nfunction HostError({ title, hint }: { title: string; hint?: string }): React.ReactElement {\n  return (\n    <div\n      role=\"alert\"\n      className=\"flex items-start gap-3 rounded-lg border border-destructive/50 bg-destructive/10 p-4 dark:bg-destructive/15\"\n    >\n      <AlertCircle className=\"mt-0.5 size-5 shrink-0 text-destructive\" />\n      <div className=\"space-y-1 text-sm\">\n        <p className=\"font-semibold text-destructive\">{title}</p>\n        {hint && <p className=\"text-destructive/90\">{hint}</p>}\n      </div>\n    </div>\n  )\n}\n\nexport function ActionComponentHost({\n  resourceId,\n  actionName,\n  recordId,\n  recordIds,\n  onClose,\n  onSuccess,\n}: ActionComponentHostProps): React.ReactElement {\n  const resource = useResource(resourceId)\n  const { components } = useAdminContext()\n  const { t } = useI18n()\n  const notify = useNotify()\n\n  const action = resource?.actions?.find((a) => a.name === actionName)\n  const componentName = action?.component ?? null\n  const Custom = componentName ? components?.get(componentName) : undefined\n\n  // Only prime once we know the action exists and its component resolved —\n  // otherwise the page renders an error and the handler must not run.\n  const primed = useActionData(resourceId, actionName, {\n    ...(recordId !== undefined ? { recordId } : {}),\n    ...(recordIds !== undefined ? { recordIds } : {}),\n    enabled: Boolean(action) && Boolean(Custom),\n  })\n  const record = useRecord(resourceId, recordId)\n  const invokeRecord = useInvokeRecordAction(resourceId)\n  const invokeResource = useInvokeResourceAction(resourceId)\n  const invokeBulk = useInvokeBulkAction(resourceId)\n\n  const submitting = invokeRecord.isPending || invokeResource.isPending || invokeBulk.isPending\n  const invoke = React.useCallback(\n    async (payload: Record<string, unknown> = {}): Promise<CustomActionResponse> => {\n      // Scope is decided by what the host was mounted with, not by the\n      // action's declared `actionType` — a mismatch would build a request\n      // the server can't route.\n      const res = recordId\n        ? await invokeRecord.mutateAsync({ recordId, actionName, payload })\n        : recordIds?.length\n          ? await invokeBulk.mutateAsync({ actionName, ids: recordIds, payload })\n          : await invokeResource.mutateAsync({ actionName, payload })\n      showActionNotice(notify, res.notice)\n      onSuccess?.()\n      return res\n    },\n    [recordId, recordIds, actionName, invokeRecord, invokeBulk, invokeResource, notify, onSuccess],\n  )\n\n  if (!resource) return <p className=\"text-muted-foreground\">{t('common:loading')}</p>\n  if (!action) {\n    return <HostError title={t('action:notFound', { action: actionName })} />\n  }\n  if (!componentName || !Custom) {\n    return (\n      <HostError\n        title={t('action:componentMissing', { component: componentName ?? actionName })}\n        hint={t('action:componentMissingHint')}\n      />\n    )\n  }\n  if (primed.isError) {\n    return (\n      <HostError\n        title={t('action:loadFailed')}\n        hint={primed.error instanceof Error ? primed.error.message : undefined}\n      />\n    )\n  }\n\n  const props: ActionComponentProps = {\n    action,\n    resource,\n    resourceId,\n    ...(recordId !== undefined ? { recordId } : {}),\n    ...(recordIds !== undefined ? { recordIds } : {}),\n    ...(record.data?.record ? { record: record.data.record } : {}),\n    ...(primed.data?.records ? { records: primed.data.records } : {}),\n    ...(primed.data ? { data: primed.data } : {}),\n    loading: primed.isLoading || (Boolean(recordId) && record.isLoading),\n    invoke,\n    submitting,\n    close: onClose,\n  }\n  return <Custom {...props} />\n}\n"],"mappings":"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"}