@djangocfg/layouts 2.1.427 → 2.1.429

package/src/layouts/SettingsLayout/components/ApiKeySection/ApiKeySection.tsx

@@ -61,12 +61,14 @@ function ApiKeyCard() {
   const masked = apiKey ? isMasked(apiKey) : false;
   const displayKey = apiKey ?? '—';
 
-  // Title-row state badge (read-only "Active" indicator).
+  // Title-row state badge (read-only "Active" indicator). A `div` wrapper —
+  // `Badge` renders a block `<div>`, which is invalid inside a `<span>`/`<p>`.
+  // SettingRow renders `description` inside a block, so this is valid.
   const titleDescription = (
-    <span className="inline-flex items-center gap-2">
+    <div className="flex flex-wrap items-center gap-2">
       {apiKey && <Badge variant="secondary" className="text-xs">Active</Badge>}
       <span>{labels.description}</span>
-    </span>
+    </div>
   );
 
   // Action buttons (arm/regenerate/test) for the title row.
@@ -87,31 +89,17 @@ function ApiKeyCard() {
       </Button>
     </div>
   ) : (
-    <div className="flex items-center gap-2">
-      <Button
-        variant="outline"
-        size="sm"
-        onClick={arm}
-        disabled={!apiKey || isRegenerating}
-      >
-        <RefreshCw className="mr-2 h-4 w-4" />
-        {labels.regenerate}
-      </Button>
-
-      {/* Test button only when we have a fresh (full) key */}
-      {isFresh && (
-        <Button
-          variant="secondary"
-          size="sm"
-          onClick={testKey}
-          disabled={isTesting}
-        >
-          {isTesting
-            ? <><Loader2 className="mr-2 h-4 w-4 animate-spin" />{labels.testing}</>
-            : <><FlaskConical className="mr-2 h-4 w-4" />{labels.test}</>}
-        </Button>
-      )}
-    </div>
+    // Title row keeps a single action (Regenerate). The Test action moves next
+    // to the fresh key below, so this row stays uncluttered.
+    <Button
+      variant="outline"
+      size="sm"
+      onClick={arm}
+      disabled={!apiKey || isRegenerating}
+    >
+      <RefreshCw className="mr-2 h-4 w-4" />
+      {labels.regenerate}
+    </Button>
   );
 
   return (
@@ -157,8 +145,23 @@ function ApiKeyCard() {
               </span>
             </div>
 
-            {/* Copy only when the key is fresh (full key after regenerate) */}
-            {isFresh && <CopyButton value={apiKey} />}
+            {/* Copy + Test only when the key is fresh (full key after regenerate) */}
+            {isFresh && (
+              <>
+                <CopyButton value={apiKey} />
+                <Button
+                  variant="secondary"
+                  size="sm"
+                  onClick={testKey}
+                  disabled={isTesting}
+                  className="shrink-0"
+                >
+                  {isTesting
+                    ? <><Loader2 className="mr-2 h-4 w-4 animate-spin" />{labels.testing}</>
+                    : <><FlaskConical className="mr-2 h-4 w-4" />{labels.test}</>}
+                </Button>
+              </>
+            )}
           </div>
         </SettingRow>
       )}

package/src/layouts/index.ts

@@ -27,7 +27,6 @@ export * from './AppLayout';
 export * from './PublicLayout';
 export * from './PrivateLayout';
 export * from './AuthLayout';
-export * from './AdminLayout';
 
 // Additional layouts
 export * from './SettingsLayout';

package/src/utils/logger.ts

@@ -11,15 +11,20 @@ import { createConsola } from 'consola';
  * - 3: log, info
  * - 4: debug
  * - 5: trace, verbose
+ *
+ * Level is driven by the global runtime controller in @djangocfg/api so admins
+ * get verbose logs (even in prod) and regular users keep a clean console.
  */
-import { isDev as isDevelopment } from '@djangocfg/ui-core/lib';
-const isStaticBuild = process.env.NEXT_PUBLIC_STATIC_BUILD === 'true';
-const showLogs = isDevelopment || isStaticBuild;
+import { getLogLevel, onLogLevelChange } from '@djangocfg/api';
 
 export const logger = createConsola({
-  level: showLogs ? 4 : 1,  // dev: debug, production: errors only
+  level: getLogLevel(),
 }).withTag('layouts');
 
+onLogLevelChange((level) => {
+  logger.level = level;
+});
+
 // ─────────────────────────────────────────────────────────────────────────
 // Module-specific loggers
 // ─────────────────────────────────────────────────────────────────────────

package/src/layouts/AdminLayout/AdminLayout.tsx

@@ -1,57 +0,0 @@
-/**
- * Admin Layout
- * 
- * Layout for admin dashboard pages
- * Import and use directly with props - no complex configs needed!
- * 
- * @example
- * ```tsx
- * import { AdminLayout } from '@djangocfg/layouts';
- * 
- * <AdminLayout
- *   sidebar={{
- *     items: [
- *       { label: 'Overview', href: '/admin', icon: 'LayoutDashboard' },
- *       { label: 'Users', href: '/admin/users', icon: 'Users' }
- *     ]
- *   }}
- *   header={{
- *     title: 'Admin Dashboard',
- *     groups: [
- *       {
- *         title: 'Admin',
- *         items: [
- *           { label: 'Profile', href: '/profile' },
- *           { label: 'Settings', href: '/settings' }
- *         ]
- *       }
- *     ],
- *     authPath: '/auth'
- *   }}
- * >
- *   {children}
- * </AdminLayout>
- * ```
- */
-
-'use client';
-
-import { ReactNode } from 'react';
-
-import { PrivateLayout } from '../PrivateLayout';
-import type { PrivateLayoutProps } from '../PrivateLayout';
-
-export interface AdminLayoutProps extends PrivateLayoutProps {
-  children: ReactNode;
-}
-
-/**
- * Admin Layout Component
- * 
- * Wrapper around PrivateLayout with admin-specific defaults
- * Same API as PrivateLayout - just a convenience export
- */
-export function AdminLayout(props: AdminLayoutProps) {
-  return <PrivateLayout {...props} />;
-}
-

package/src/layouts/AdminLayout/index.ts

@@ -1,7 +0,0 @@
-/**
- * Admin Layout exports
- */
-
-export { AdminLayout } from './AdminLayout';
-export type { AdminLayoutProps } from './AdminLayout';
-

package/src/layouts/AppLayout/AppLayout.tsx

@@ -1,513 +0,0 @@
-/**
- * AppLayout - Smart Layout Router with All Providers
- *
- * Automatically detects route type and applies the correct layout
- * Includes all necessary providers: Theme, Auth, Analytics, Centrifugo, Error Tracking
- * Simple props-based configuration - no complex configs needed!
- *
- * @example
- * ```tsx
- * import { AppLayout } from '@djangocfg/layouts';
- *
- * <AppLayout
- *   publicLayout={{
- *     component: PublicLayout,
- *     enabledPath: ['/', '/about', '/contact']
- *   }}
- *   privateLayout={{
- *     component: DashboardLayout,
- *     enabledPath: '/dashboard'
- *   }}
- *   adminLayout={{
- *     component: AdminLayout,
- *     enabledPath: '/admin'
- *   }}
- *   // Paths that render without any layout wrapper (fullscreen pages)
- *   noLayoutPaths={['/private/terminal', '/embed']}
- * >
- *   {children}
- * </AppLayout>
- * ```
- */
-
-'use client';
-
-import React, { ReactNode, memo, useMemo } from 'react';
-
-import { ClientOnly, Suspense } from '../../components/core';
-import { usePathnameWithoutLocale } from '../../hooks';
-import { matchesPath } from '../../utils/pathMatcher';
-import { BaseApp } from './BaseApp';
-import { useLayoutI18nOptional } from './LayoutI18nProvider';
-import { ForcedThemeProvider, ThemeOverride, resolveForcedTheme } from '@djangocfg/ui-core/theme';
-
-import type {
-  ThemeConfig,
-  AnalyticsConfig,
-  CentrifugoConfig,
-  ErrorTrackingConfig,
-  ErrorBoundaryConfig,
-  SWRConfigOptions,
-  DebugConfig,
-  I18nLayoutConfig,
-} from '../types';
-export type { I18nLayoutConfig } from '../types';
-import type { AuthConfig } from '@djangocfg/api/auth';
-import type { MonitorConfig } from '@djangocfg/monitor';
-import type { ThemeOverrideRule } from '@djangocfg/ui-core/theme';
-
-import type { FloatingNavbarConfig } from '../PublicLayout/navbars/FloatingNavbar';
-import type { DefaultFooterConfig } from '../PublicLayout/footers/DefaultFooter/types';
-
-export type LayoutMode = 'public' | 'private' | 'admin';
-
-/** `<main>` spacing in `PublicLayout` — offset from navbar / padding before footer. */
-export type PublicMainTopSpacing = 'auto' | 'none';
-
-/** Bottom padding of `<main>` above the footer. `compact` = less than `auto`; `none` = no extra gap. */
-export type PublicMainBottomSpacing = 'auto' | 'none' | 'compact';
-
-/** Shared marketing chrome defaults for `FloatingNavbar` / `DefaultFooter`, merged into your public layout. */
-export interface AppLayoutPublicChrome {
-  navbar?: Partial<FloatingNavbarConfig>;
-  footer?: Partial<DefaultFooterConfig>;
-  /**
-   * Passed through to `PublicLayout` as `contentTopSpacing` / `contentBottomSpacing`.
-   * Use `bottomSpacing: 'none'` when the page (or footer) should sit flush with no default gap.
-   */
-  main?: {
-    topSpacing?: PublicMainTopSpacing;
-    bottomSpacing?: PublicMainBottomSpacing;
-  };
-  /**
-   * Full-viewport background layer rendered behind the navbar and all page content.
-   * Pass a `fixed inset-0 -z-10 pointer-events-none` element — it covers the whole
-   * viewport (including the sticky navbar area) without affecting layout flow.
-   *
-   * Set per-page via `AppLayout publicChrome` or directly on `PublicSiteLayout`.
-   */
-  backgroundSlot?: ReactNode;
-}
-
-function mergePartialNavbar(
-  base?: Partial<FloatingNavbarConfig>,
-  overlay?: Partial<FloatingNavbarConfig>
-): Partial<FloatingNavbarConfig> | undefined {
-  if (!base && !overlay) return undefined;
-  const merged: Partial<FloatingNavbarConfig> = { ...base, ...overlay };
-  if (base?.shell || overlay?.shell) {
-    merged.shell = { ...base?.shell, ...overlay?.shell };
-  }
-  return merged;
-}
-
-function mergePartialFooter(
-  base?: Partial<DefaultFooterConfig>,
-  overlay?: Partial<DefaultFooterConfig>
-): Partial<DefaultFooterConfig> | undefined {
-  if (!base && !overlay) return undefined;
-  const merged: Partial<DefaultFooterConfig> = { ...base, ...overlay };
-  if (base?.shell || overlay?.shell) merged.shell = { ...base?.shell, ...overlay?.shell };
-  if (base?.brand || overlay?.brand) merged.brand = { ...base?.brand, ...overlay?.brand };
-  if (base?.menus || overlay?.menus) merged.menus = { ...base?.menus, ...overlay?.menus };
-  if (base?.meta || overlay?.meta) merged.meta = { ...base?.meta, ...overlay?.meta };
-  if (base?.social || overlay?.social) merged.social = { ...base?.social, ...overlay?.social };
-  if (base?.controls || overlay?.controls) {
-    merged.controls = { ...base?.controls, ...overlay?.controls };
-  }
-  return merged;
-}
-
-/**
- * Deep-merge public chrome: root `publicChrome` first, then `layouts.publicChrome` overlays.
- */
-export function mergeAppLayoutPublicChrome(
-  root?: AppLayoutPublicChrome,
-  fromLayouts?: AppLayoutPublicChrome
-): AppLayoutPublicChrome | undefined {
-  if (!root && !fromLayouts) return undefined;
-  const navbar = mergePartialNavbar(root?.navbar, fromLayouts?.navbar);
-  const footer = mergePartialFooter(root?.footer, fromLayouts?.footer);
-  const main =
-    root?.main || fromLayouts?.main
-      ? { ...root?.main, ...fromLayouts?.main }
-      : undefined;
-  // backgroundSlot: layouts-level overrides root (more specific wins)
-  const backgroundSlot = fromLayouts?.backgroundSlot ?? root?.backgroundSlot;
-  if (!navbar && !footer && !main && !backgroundSlot) return undefined;
-  return { navbar, footer, ...(main ? { main } : {}), ...(backgroundSlot ? { backgroundSlot } : {}) };
-}
-
-/**
- * Determine layout mode from pathname and enabledPath props
- */
-function determineLayoutMode(
-  pathname: string,
-  adminLayout?: { component: any; enabledPath?: string | string[] },
-  privateLayout?: { component: any; enabledPath?: string | string[] },
-  publicLayout?: { component: any; enabledPath?: string | string[] }
-): LayoutMode {
-  // Check in order: admin -> private -> public
-  if (adminLayout && matchesPath(pathname, adminLayout.enabledPath)) return 'admin';
-  if (privateLayout && matchesPath(pathname, privateLayout.enabledPath)) return 'private';
-  if (publicLayout && matchesPath(pathname, publicLayout.enabledPath)) return 'public';
-
-  // Default: if no enabledPath specified, use public as fallback
-  return 'public';
-}
-
-/**
- * Props passed to every layout component (`public` / `private` / `admin`).
- * Use `publicChrome` to pass defaults for `FloatingNavbar` / `DefaultFooter` from `AppLayout`.
- *
- * Locale plumbing is no longer threaded as a prop — layouts read it from
- * `useLayoutI18nOptional()` (mounted in `BaseApp`).
- */
-export interface AppLayoutLayoutComponentProps {
-  children: ReactNode;
-  publicChrome?: AppLayoutPublicChrome;
-}
-
-/** Layout configuration with component and enabled paths */
-interface LayoutConfig {
-  component: React.ComponentType<AppLayoutLayoutComponentProps>;
-  enabledPath?: string | string[];
-}
-
-export interface AppLayoutLayoutsConfig {
-  public?: LayoutConfig;
-  private?: LayoutConfig;
-  admin?: LayoutConfig;
-  noLayoutPaths?: string | string[];
-  authPath?: string;
-  /** Merged over root `publicChrome` on `AppLayout` (see `mergeAppLayoutPublicChrome`). */
-  publicChrome?: AppLayoutPublicChrome;
-  /**
-   * Per-route theme overrides. Each rule uses the same matcher as `enabledPath`
-   * (string, string[], or glob with `*` / `**`). When the pathname matches a
-   * rule, the forced theme is applied via `next-themes`; when navigation leaves
-   * the matched path, the user's previous theme choice is restored.
-   *
-   * Rules are evaluated top-to-bottom — first match wins.
-   *
-   * @example
-   * ```ts
-   * themeOverrides: [
-   *   { path: '/', theme: 'dark' },                // marketing landing always dark
-   *   { path: ['/legal', '/legal/**'], theme: 'light' }, // legal always light
-   * ]
-   * ```
-   */
-  themeOverrides?: ThemeOverrideRule[];
-}
-
-export interface AppLayoutBaseAppConfig {
-  project?: string;
-  theme?: ThemeConfig;
-  auth?: AuthConfig;
-  analytics?: AnalyticsConfig;
-  centrifugo?: CentrifugoConfig;
-  errorTracking?: ErrorTrackingConfig;
-  swr?: SWRConfigOptions;
-  errorBoundary?: ErrorBoundaryConfig;
-  monitor?: MonitorConfig;
-  debug?: DebugConfig;
-}
-
-export interface AppLayoutProps {
-  children: ReactNode;
-
-  /** Compact routing/layout config */
-  layouts?: AppLayoutLayoutsConfig;
-  /** Compact providers/base-app config */
-  baseApp?: AppLayoutBaseAppConfig;
-
-  /** Project name — used as default for monitor.project and debug panel title */
-  project?: string;
-
-  /** Public layout component with enabled paths */
-  publicLayout?: LayoutConfig;
-
-  /** Private layout component with enabled paths */
-  privateLayout?: LayoutConfig;
-
-  /** Admin layout component with enabled paths */
-  adminLayout?: LayoutConfig;
-
-  /**
-   * Paths that render without any layout wrapper (fullscreen pages)
-   * Providers (auth, theme, etc.) are still applied, only layout is skipped
-   * Useful for: fullscreen terminal, embed pages, print views
-   */
-  noLayoutPaths?: string | string[];
-
-  /**
-   * Auth path prefix. When set, all routes starting with this path
-   * (and their localized variants like /ru/auth, /en/auth) render without
-   * any layout wrapper — fullscreen, no navbar/sidebar.
-   * @default '/auth'
-   * @example authPath="/auth" → skips layout for /auth, /auth/*, /ru/auth, /ru/auth/*, etc.
-   */
-  authPath?: string;
-
-  /** Theme configuration */
-  theme?: ThemeConfig;
-
-  /** Auth configuration */
-  auth?: AuthConfig;
-
-  /** Analytics configuration */
-  analytics?: AnalyticsConfig;
-
-  /** Centrifugo configuration */
-  centrifugo?: CentrifugoConfig;
-
-  /** Error tracking configuration */
-  errorTracking?: ErrorTrackingConfig;
-
-  /** SWR configuration */
-  swr?: SWRConfigOptions;
-
-  /** Error boundary configuration */
-  errorBoundary?: ErrorBoundaryConfig;
-
-  /** i18n configuration for locale switching (applies to all layouts) */
-  i18n?: I18nLayoutConfig;
-
-  /** Base layer for `publicChrome`; `layouts.publicChrome` overlays this. */
-  publicChrome?: AppLayoutPublicChrome;
-
-  /**
-   * Per-route theme overrides. Shortcut for `layouts.themeOverrides`.
-   * See `AppLayoutLayoutsConfig.themeOverrides` for the full docs.
-   */
-  themeOverrides?: ThemeOverrideRule[];
-
-  /** Monitor configuration — initialises window.monitor + auto-captures JS errors & console */
-  monitor?: MonitorConfig;
-
-  debug?: DebugConfig;
-}
-
-interface AppLayoutContentProps {
-  children: ReactNode;
-  publicLayout?: LayoutConfig;
-  privateLayout?: LayoutConfig;
-  adminLayout?: LayoutConfig;
-  noLayoutPaths?: string | string[];
-  authPath?: string;
-  publicChrome?: AppLayoutPublicChrome;
-  themeOverrides?: ThemeOverrideRule[];
-}
-
-/**
- * AppLayout Content - Renders layout with all providers
- *
- * SSR is only enabled for publicLayout.
- * Private and admin layouts are wrapped in ClientOnly to avoid hydration mismatch.
- */
-function AppLayoutContentRaw({
-  children,
-  publicLayout,
-  privateLayout,
-  adminLayout,
-  noLayoutPaths,
-  authPath = '/auth',
-  publicChrome,
-  themeOverrides,
-}: AppLayoutContentProps) {
-  // Use pathname without locale prefix for route matching. The current
-  // locale comes from the LayoutI18nProvider mounted by BaseApp — passing
-  // it explicitly avoids the regex misfiring on `/ui`, `/ko`, etc.
-  const i18n = useLayoutI18nOptional();
-  const pathname = usePathnameWithoutLocale(i18n?.locale);
-
-  // Merge authPath into noLayoutPaths — auth pages are always fullscreen
-  const effectiveNoLayoutPaths = useMemo(() => {
-    const base = noLayoutPaths
-      ? (Array.isArray(noLayoutPaths) ? noLayoutPaths : [noLayoutPaths])
-      : []
-    return [...base, authPath]
-  }, [noLayoutPaths, authPath])
-
-  // Check if current path should skip layout
-  const shouldSkipLayout = useMemo(
-    () => matchesPath(pathname, effectiveNoLayoutPaths),
-    [pathname, effectiveNoLayoutPaths]
-  );
-
-  const layoutMode = useMemo(
-    () => determineLayoutMode(
-      pathname,
-      adminLayout,
-      privateLayout,
-      publicLayout
-    ),
-    [pathname, adminLayout, privateLayout, publicLayout]
-  );
-
-  // Prepare everything above the JSX — no inline conditionals in return().
-  const hasThemeOverrides = Boolean(themeOverrides && themeOverrides.length > 0);
-  const forcedTheme = hasThemeOverrides
-    ? resolveForcedTheme(pathname, themeOverrides)
-    : null;
-  const themeOverrideElement = hasThemeOverrides
-    ? <ThemeOverride pathname={pathname} rules={themeOverrides!} />
-    : null;
-
-  // Memoize layout element so it doesn't re-render on every pathname change
-  // that doesn't affect layout mode (e.g. /dashboard/a → /dashboard/b).
-  const layoutElement = useMemo(() => {
-    // Skip layout for noLayoutPaths (fullscreen pages)
-    if (shouldSkipLayout) {
-      return children;
-    }
-
-    switch (layoutMode) {
-      case 'admin':
-        if (!adminLayout && privateLayout) {
-          return (
-            <ClientOnly>
-              <Suspense>
-                <privateLayout.component publicChrome={publicChrome}>
-                  {children}
-                </privateLayout.component>
-              </Suspense>
-            </ClientOnly>
-          );
-        }
-        if (!adminLayout) {
-          return children;
-        }
-        return (
-          <ClientOnly>
-            <Suspense>
-              <adminLayout.component publicChrome={publicChrome}>
-                {children}
-              </adminLayout.component>
-            </Suspense>
-          </ClientOnly>
-        );
-
-      case 'private':
-        if (!privateLayout) {
-          if (publicLayout) {
-            return (
-              <publicLayout.component publicChrome={publicChrome}>
-                {children}
-              </publicLayout.component>
-            );
-          }
-          return children;
-        }
-        return (
-          <ClientOnly>
-            <Suspense>
-              <privateLayout.component publicChrome={publicChrome}>
-                {children}
-              </privateLayout.component>
-            </Suspense>
-          </ClientOnly>
-        );
-
-      case 'public':
-      default:
-        // Public layout renders with SSR (no ClientOnly wrapper)
-        if (!publicLayout) {
-          return children;
-        }
-        return (
-          <publicLayout.component publicChrome={publicChrome}>
-            {children}
-          </publicLayout.component>
-        );
-    }
-  }, [shouldSkipLayout, layoutMode, publicLayout, privateLayout, adminLayout, publicChrome, children]);
-
-  // No providers here - all providers now in BaseApp
-  return (
-    <ForcedThemeProvider value={forcedTheme}>
-      {themeOverrideElement}
-      {layoutElement}
-    </ForcedThemeProvider>
-  );
-}
-
-/**
- * Memoised layout content wrapper. Re-renders only when layout config props
- * change (publicLayout, privateLayout, adminLayout, noLayoutPaths, etc.).
- * The `children` prop is compared by reference — the consumer should wrap
- * page content in React.memo or use stable element references to avoid
- * unnecessary layout re-mounts on every parent render.
- */
-const AppLayoutContent = memo(AppLayoutContentRaw, (prev, next) => {
-  return (
-    prev.children === next.children &&
-    prev.publicLayout === next.publicLayout &&
-    prev.privateLayout === next.privateLayout &&
-    prev.adminLayout === next.adminLayout &&
-    prev.noLayoutPaths === next.noLayoutPaths &&
-    prev.authPath === next.authPath &&
-    prev.publicChrome === next.publicChrome &&
-    prev.themeOverrides === next.themeOverrides
-  );
-});
-
-/**
- * AppLayout - Main Component with All Providers
- */
-export function AppLayout(props: AppLayoutProps) {
-  const layoutsConfig = props.layouts;
-  const baseAppConfig = props.baseApp;
-
-  const publicLayout = layoutsConfig?.public ?? props.publicLayout;
-  const privateLayout = layoutsConfig?.private ?? props.privateLayout;
-  const adminLayout = layoutsConfig?.admin ?? props.adminLayout;
-  const noLayoutPaths = layoutsConfig?.noLayoutPaths ?? props.noLayoutPaths;
-  const authPath = layoutsConfig?.authPath ?? props.authPath;
-  const publicChrome = mergeAppLayoutPublicChrome(props.publicChrome, layoutsConfig?.publicChrome);
-  const themeOverrides = layoutsConfig?.themeOverrides ?? props.themeOverrides;
-
-  const {
-    i18n,
-    children,
-  } = props;
-
-  const project = baseAppConfig?.project ?? props.project;
-  const theme = baseAppConfig?.theme ?? props.theme;
-  const auth = baseAppConfig?.auth ?? props.auth;
-  const analytics = baseAppConfig?.analytics ?? props.analytics;
-  const centrifugo = baseAppConfig?.centrifugo ?? props.centrifugo;
-  const errorTracking = baseAppConfig?.errorTracking ?? props.errorTracking;
-  const errorBoundary = baseAppConfig?.errorBoundary ?? props.errorBoundary;
-  const swr = baseAppConfig?.swr ?? props.swr;
-  const monitor = baseAppConfig?.monitor ?? props.monitor;
-  const debug = baseAppConfig?.debug ?? props.debug;
-
-  return (
-    <BaseApp
-      project={project}
-      theme={theme}
-      auth={auth}
-      analytics={analytics}
-      centrifugo={centrifugo}
-      errorTracking={errorTracking}
-      errorBoundary={errorBoundary}
-      swr={swr}
-      monitor={monitor}
-      debug={debug}
-      i18n={i18n}
-    >
-      <AppLayoutContent
-        children={children}
-        publicLayout={publicLayout}
-        privateLayout={privateLayout}
-        adminLayout={adminLayout}
-        noLayoutPaths={noLayoutPaths}
-        authPath={authPath}
-        publicChrome={publicChrome}
-        themeOverrides={themeOverrides}
-      />
-    </BaseApp>
-  );
-}