jamdesk 1.1.49 → 1.1.50

package/vendored/app/layout.tsx

@@ -1,611 +1,16 @@
-import type { Metadata } from 'next';
-import { Inter, JetBrains_Mono } from 'next/font/google';
-import { headers } from 'next/headers';
-import Script from 'next/script';
-import './globals.css';
-import { ThemeProvider } from '@/components/theme/ThemeProvider';
-import { LayoutWrapper } from '@/components/layout/LayoutWrapper';
-import { CodeBlockCopyButton } from '@/components/CodeBlockCopyButton';
-import { HeaderLinkCopy } from '@/components/HeaderLinkCopy';
-import { FontAwesomeLoader } from '@/components/FontAwesomeLoader';
-import { JdReadySentinel } from '@/components/JdReadySentinel';
-import { HtmlLangSync } from '@/components/HtmlLangSync';
-import { FA_CSS_HREF } from '@/lib/font-awesome';
-import { getDocsConfig } from '@/lib/docs';
-import { getDocsConfig as getIsrDocsConfig } from '@/lib/docs-isr';
-import {
-  isIsrMode,
-  getProjectFromRequest,
-  getHostAtDocs,
-  getLanguageFromRequest,
-} from '@/lib/page-isr-helpers';
-import { isRTLLanguage, resolveLanguageWithFallback } from '@/lib/language-utils';
-import { getTheme, type ThemeName } from '@/themes';
-import { generateFontImports, generateFontVariables, isPreloadedFont, getPrimaryFontFamily } from '@/lib/fonts';
-import fs from 'fs';
-import path from 'path';
-import type { DocsConfig, Favicon, FontConfig } from '@/lib/docs-types';
-import { transformConfigImagePath } from '@/lib/docs-types';
-import { LinkPrefixProvider } from '@/lib/link-prefix-context';
-import { ProjectSlugProvider } from '@/lib/project-slug-context';
-import { getAnalyticsScript } from '@/lib/analytics-script';
-import { buildSiteTitle } from '@/lib/seo';
-import { fetchCustomCss, fetchCustomJs } from '@/lib/r2-content';
-
-// Pre-load fonts - Next.js will tree-shake unused ones
-const inter = Inter({
-  subsets: ['latin'],
-  display: 'swap',
-  variable: '--font-primary',
-});
-
-const jetbrainsMono = JetBrains_Mono({
-  subsets: ['latin'],
-  display: 'swap',
-  variable: '--font-mono',
-});
-
-/**
- * Get favicon path from config, routing it through the /_jd/ asset pipeline.
- * Returns undefined when no favicon is configured — no default Jamdesk
- * favicon is injected, so customers without a favicon get no icon.
- */
-function getFaviconPath(favicon: Favicon | undefined, assetVersion?: string): string | undefined {
-  if (!favicon) return undefined;
-  const raw = typeof favicon === 'string' ? favicon : favicon.light;
-  return transformConfigImagePath(raw, assetVersion) || undefined;
-}
-
-const FALLBACK_METADATA: Metadata = {
-  title: {
-    template: '%s — Documentation',
-    default: 'Documentation',
-  },
-  description: 'Documentation',
-};
-
-export async function generateMetadata(): Promise<Metadata> {
-  // Get config - from R2 in ISR mode, from filesystem in static mode
-  let config: DocsConfig;
-
-  if (isIsrMode()) {
-    const headersList = await headers();
-    const projectSlug = getProjectFromRequest(headersList);
-    if (projectSlug) {
-      try {
-        config = await getIsrDocsConfig(projectSlug);
-      } catch {
-        return FALLBACK_METADATA;
-      }
-    } else {
-      return FALLBACK_METADATA;
-    }
-  } else {
-    config = getDocsConfig();
-  }
-
-  const faviconPath = getFaviconPath(config.favicon, config.assetVersion);
-  return {
-    title: {
-      template: `%s — ${config.name}`,
-      default: buildSiteTitle(config.name),
-    },
-    description: config.description || `Documentation for ${config.name}`,
-    ...(faviconPath && { icons: { icon: faviconPath } }),
-  };
-}
-
-// Read a file from public/ directory for inline injection
-function getLocalFileContent(filename: string): string | null {
-  try {
-    const filePath = path.join(process.cwd(), 'public', filename);
-    if (fs.existsSync(filePath)) {
-      return fs.readFileSync(filePath, 'utf8');
-    }
-  } catch {
-    // Ignore errors
-  }
-  return null;
-}
-
-// Read theme CSS at build time
-function getThemeCssContent(themeName: ThemeName | undefined): string | null {
-  try {
-    const theme = getTheme(themeName);
-    const themeCssPath = path.join(process.cwd(), 'themes', theme.cssPath);
-    if (fs.existsSync(themeCssPath)) {
-      return fs.readFileSync(themeCssPath, 'utf8');
-    }
-  } catch {
-    // Ignore errors - will use default styles from globals.css
-  }
-  return null;
-}
-
-// Generate primary color CSS variables from docs.json colors
-function generatePrimaryColorVariables(
-  primaryColor?: string,
-  lightColor?: string,
-  darkColor?: string
-): string | null {
-  if (!primaryColor) return null;
-
-  // Validate that the color is a valid hex, rgb, or hsl value to prevent XSS
-  const colorRegex = /^(#[0-9a-f]{3}|#[0-9a-f]{6}|rgb\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*\)|hsl\(\s*\d+\s*,\s*\d+%\s*,\s*\d+%\s*\))$/i;
-
-  if (!colorRegex.test(primaryColor.trim())) {
-    console.warn(`Invalid color value: ${primaryColor}. Color must be a valid hex, rgb, or hsl value.`);
-    return null;
-  }
-
-  const validLight = lightColor && colorRegex.test(lightColor.trim()) ? lightColor.trim() : null;
-  const validDark = darkColor && colorRegex.test(darkColor.trim()) ? darkColor.trim() : null;
-
-  // Light mode uses primary color, dark mode uses light color (or primary if light not provided)
-  const darkModeColor = validLight || primaryColor.trim();
-
-  return `:root {
-  --color-primary: ${primaryColor.trim()};
-  --color-primary-dark: ${validDark || primaryColor.trim()};
-  --color-accent: ${primaryColor.trim()};
-  --color-accent-hover: ${validDark || primaryColor.trim()};
-  --color-accent-text: color-mix(in srgb, ${primaryColor.trim()} 85%, black);
-}
-
-.dark {
-  --color-primary: ${darkModeColor};
-  --color-primary-dark: ${primaryColor.trim()};
-  --color-accent: ${darkModeColor};
-  --color-accent-hover: ${validLight || darkModeColor};
-  --color-accent-text: color-mix(in srgb, ${darkModeColor} 85%, white);
-}`;
-}
-
-// Generate font CSS based on theme and custom fonts
-// Supports both new font config format and legacy format
-function getFontClassName(
-  themeName: ThemeName | undefined,
-  customFonts?: FontConfig
-): string {
-  // Extract primary font family from any format
-  const primaryFont = getPrimaryFontFamily(customFonts);
-  
-  // If custom fonts are specified, use CSS variables (set via generateFontVariables)
-  // For pre-loaded fonts, we still set CSS variables but can use Next.js optimized classes
-  if (primaryFont) {
-    const classes: string[] = [];
-    
-    if (isPreloadedFont(primaryFont)) {
-      // Use Next.js optimized font for pre-loaded fonts
-      if (primaryFont === 'Inter') {
-        classes.push(inter.variable, inter.className);
-      } else if (primaryFont === 'JetBrains Mono') {
-        classes.push(jetbrainsMono.variable, 'font-mono');
-      } else {
-        // Other pre-loaded fonts - fall back to Inter
-        classes.push(inter.variable, inter.className);
-      }
-    } else {
-      // Custom font - use Tailwind font-sans which will use --font-primary CSS variable
-      classes.push('font-sans');
-    }
-    
-    // Always include mono font variable
-    classes.push(jetbrainsMono.variable);
-    
-    return classes.join(' ');
-  }
-  
-  // No custom fonts - use theme defaults
-  const theme = getTheme(themeName);
-  
-  if (theme.name === 'nebula') {
-    // Nebula uses JetBrains Mono for both primary and code
-    return `${jetbrainsMono.variable} font-mono`;
-  }
-  
-  // Default (jam) uses Inter + JetBrains Mono
-  return `${inter.variable} ${jetbrainsMono.variable} ${inter.className}`;
-}
-
-// Lazy-load Google Tag Manager (returns null on import failure)
-async function ConditionalGTM({ gtmId }: { gtmId: string }) {
-  try {
-    const { GoogleTagManager } = await import('@next/third-parties/google');
-    return <GoogleTagManager gtmId={gtmId} />;
-  } catch (error) {
-    console.error('Failed to load GoogleTagManager:', error);
-    return null;
-  }
-}
-
-// Lazy-load Google Analytics (returns null on import failure)
-async function ConditionalGA({ gaId }: { gaId: string }) {
-  try {
-    const { GoogleAnalytics } = await import('@next/third-parties/google');
-    return <GoogleAnalytics gaId={gaId} />;
-  } catch (error) {
-    console.error('Failed to load GoogleAnalytics:', error);
-    return null;
-  }
-}
-
-// Render Plausible Analytics — supports standard (data-domain) and paid proxy (scriptUrl) modes
-function PlausibleScript({
-  domain,
-  server,
-  scriptUrl,
-}: {
-  domain?: string;
-  server?: string;
-  scriptUrl?: string;
-}): React.ReactElement {
-  // Paid proxy script mode (pa-XXXXX.js) — Plausible's CDN handles routing internally,
-  // no endpoint or data-domain needed. scriptUrl takes precedence over domain/server.
-  if (scriptUrl) {
-    return (
-      <>
-        <script async src={scriptUrl} />
-        <script dangerouslySetInnerHTML={{
-          __html: 'window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};plausible.init()',
-        }} />
-      </>
-    );
-  }
-
-  // Standard mode — data-domain with optional self-hosted server
-  const baseServer = server || 'https://plausible.io';
-  const plausibleServer = baseServer.replace(/\/+$/, '');
-  const scriptProps: Record<string, unknown> = {
-    defer: true,
-    'data-domain': domain,
-    src: `${plausibleServer}/js/script.js`,
-  };
-  if (server) {
-    scriptProps['data-api'] = `${plausibleServer}/api/event`;
-  }
-  return <script {...scriptProps} />;
-}
-
-export default async function RootLayout({
+// Bare root layout — must NOT read any dynamic API. Sub-tree layouts
+// (app/(unlock)/layout.tsx and the catch-all app/[[...slug]]/layout.tsx)
+// own all per-project chrome and request-aware concerns.
+//
+// Why bare: any `headers()`, `cookies()`, or `searchParams` read here
+// would force the entire app dynamic and defeat Vercel edge caching for
+// docs pages. See docs/plans/archive/2026-04-20-docs-nav-perf.md for the
+// postmortem that proved both prior approaches fail until this layout is
+// bare.
+export default function RootLayout({
   children,
 }: {
   children: React.ReactNode;
 }) {
-  // Unlock-mode short-circuit: middleware sets x-jd-unlock-mode when
-  // rewriting to /jd/unlock so we skip docs chrome, analytics, and R2 config
-  // fetch. The unlock page owns its own visuals.
-  const headersList = await headers();
-  if (headersList.get('x-jd-unlock-mode') === '1') {
-    // Unlock mode short-circuits before we fetch project config, so we
-    // can't consult `config.navigation.languages` here. The middleware
-    // already extracts language from the original `from` path
-    // (proxy.ts), so the header is our only signal — fall back to "en".
-    const unlockLang = resolveLanguageWithFallback(
-      getLanguageFromRequest(headersList),
-      undefined,
-    );
-    const unlockDir = isRTLLanguage(unlockLang) ? 'rtl' : undefined;
-    return (
-      <html lang={unlockLang} dir={unlockDir}>
-        <head>
-          <meta name="viewport" content="width=device-width, initial-scale=1" />
-          <meta name="robots" content="noindex, nofollow" />
-        </head>
-        <body
-          style={{
-            margin: 0,
-            minHeight: '100vh',
-            fontFamily:
-              'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif',
-            backgroundColor: '#f7f7f8',
-          }}
-        >
-          {children}
-        </body>
-      </html>
-    );
-  }
-
-  // Get config - from R2 in ISR mode, from filesystem in static mode
-  let config: DocsConfig;
-  let resolvedProjectSlug: string | null = null;
-  if (isIsrMode()) {
-    const projectSlug = getProjectFromRequest(headersList);
-    resolvedProjectSlug = projectSlug;
-    const hostAtDocs = getHostAtDocs(headersList);
-    if (projectSlug) {
-      try {
-        config = await getIsrDocsConfig(projectSlug);
-        // Inject hostAtDocs for navigation link prefixing
-        config = { ...config, hostAtDocs };
-      } catch {
-        // Project not found in R2 - use minimal fallback config
-        // This allows the 404 page to render properly
-        config = {
-          name: 'Documentation',
-          theme: 'jam',
-          colors: { primary: '#0ea5e9' },
-          navigation: { groups: [] },
-          hostAtDocs,
-        };
-      }
-    } else {
-      // Fallback to static config if no project slug (shouldn't happen in ISR mode)
-      config = getDocsConfig();
-    }
-  } else {
-    config = getDocsConfig();
-    // In static export mode, inject hostAtDocs from build-time env var
-    // (set by build.ts when running Next.js build)
-    if (process.env.HOST_AT_DOCS === 'true') {
-      config = { ...config, hostAtDocs: true };
-    }
-  }
-
-  // Custom CSS/JS: In ISR mode, _has* flags are set by build.ts on the R2 config.
-  // In local dev, the project source docs.json has no _has* flags, so read files directly.
-  const isIsr = isIsrMode();
-
-  let customCss: string | null = null;
-  let customJs: string | null = null;
-  if (isIsr && resolvedProjectSlug) {
-    if (config._hasCustomCss) {
-      customCss = await fetchCustomCss(resolvedProjectSlug);
-    }
-    if (config._hasCustomJs) {
-      customJs = await fetchCustomJs(resolvedProjectSlug);
-    }
-  } else {
-    customCss = getLocalFileContent('custom.css');
-    customJs = getLocalFileContent('custom.js');
-  }
-
-  const themeName = config.theme as ThemeName | undefined;
-  const themeCss = themeName && themeName !== 'jam' ? getThemeCssContent(themeName) : null;
-  const fontClassName = getFontClassName(themeName, config.fonts);
-
-  // Generate font imports and CSS variables for custom fonts
-  const fontImports = generateFontImports(config.fonts);
-  const fontVariables = generateFontVariables(config.fonts);
-
-  // Generate primary color CSS variables from docs.json
-  const primaryColorVariables = generatePrimaryColorVariables(
-    config.colors?.primary,
-    config.colors?.light,
-    config.colors?.dark
-  );
-  
-  // Appearance configuration
-  const appearanceDefault = config.appearance?.default || 'system';
-  const appearanceStrict = config.appearance?.strict || false;
-
-  // Link prefix for hostAtDocs: when true, MDX component links need /docs prefix
-  const linkPrefix = config.hostAtDocs ? '/docs' : '';
-
-  // Jamdesk Analytics - enabled by default, opt-out via analytics.enabled: false
-  const analyticsScript = config.analytics?.enabled !== false
-    ? getAnalyticsScript(resolvedProjectSlug)
-    : null;
-
-  // Project default — what `lang` resolves to when no path locale is present.
-  // HtmlLangSync uses it on soft-nav back to a non-localized path (e.g. `/`).
-  const projectDefaultLang = resolveLanguageWithFallback(null, config.navigation?.languages);
-  const lang = getLanguageFromRequest(headersList) ?? projectDefaultLang;
-  const dir = isRTLLanguage(lang) ? 'rtl' : undefined;
-
-  return (
-    <html lang={lang} dir={dir} suppressHydrationWarning data-scroll-behavior="smooth">
-      <head>
-        {/* Add viewport meta for mobile */}
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-        {/* Preconnect to Google Fonts - only when custom fonts are configured */}
-        {config.fonts && (
-          <>
-            <link rel="preconnect" href="https://fonts.googleapis.com" />
-            <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
-          </>
-        )}
-        {/* Font Awesome CSS for navigation icons - self-hosted web fonts */}
-        {/* Loaded async (preload + script injection) to avoid render-blocking 40KB CSS */}
-        <link rel="preload" href={FA_CSS_HREF} as="style" />
-        {/* Preload FA font files to avoid waterfall: CSS → font discovery → download */}
-        <link rel="preload" href="/_jd/fonts/fontawesome/webfonts/fa-light-300.woff2" as="font" type="font/woff2" crossOrigin="anonymous" />
-        <link rel="preload" href="/_jd/fonts/fontawesome/webfonts/fa-brands-400.woff2" as="font" type="font/woff2" crossOrigin="anonymous" />
-        <Script id="fa-css-async-loader" strategy="beforeInteractive">
-          {`var l=document.createElement('link');l.rel='stylesheet';l.href='${FA_CSS_HREF}';document.head.appendChild(l);window.__FA_CSS_LOADED__=true;`}
-        </Script>
-        <noscript>
-          <link rel="stylesheet" href={FA_CSS_HREF} />
-        </noscript>
-        {/* DNS prefetch for KaTeX CDN - only when latex is enabled */}
-        {config.styling?.latex && (
-          <link rel="dns-prefetch" href="https://cdn.jsdelivr.net" />
-        )}
-        {/* KaTeX CSS for LaTeX math rendering - loaded conditionally when enabled */}
-        {config.styling?.latex && (
-          <link
-            rel="stylesheet"
-            href="https://cdn.jsdelivr.net/npm/katex@0.16.10/dist/katex.min.css"
-            crossOrigin="anonymous"
-          />
-        )}
-        {/* DNS prefetch for analytics services - resolves DNS before scripts load */}
-        {(config.integrations?.ga4 || config.integrations?.gtm) && (
-          <link rel="dns-prefetch" href="https://www.googletagmanager.com" />
-        )}
-        {config.integrations?.posthog && (
-          <link rel="dns-prefetch" href={config.integrations.posthog.apiHost || "https://app.posthog.com"} />
-        )}
-        {process.env.NODE_ENV === 'production' && (config.integrations?.plausible?.domain || config.integrations?.plausible?.scriptUrl) && (
-          <link rel="dns-prefetch" href={(() => {
-            try {
-              return config.integrations!.plausible!.scriptUrl
-                ? new URL(config.integrations!.plausible!.scriptUrl).origin
-                : config.integrations!.plausible!.server || "https://plausible.io";
-            } catch {
-              return config.integrations!.plausible!.server || "https://plausible.io";
-            }
-          })()} />
-        )}
-        {config.integrations?.crisp && (
-          <link rel="dns-prefetch" href="https://client.crisp.chat" />
-        )}
-        {config.integrations?.intercom && (
-          <link rel="dns-prefetch" href="https://widget.intercom.io" />
-        )}
-        {config.integrations?.hotjar && (
-          <link rel="dns-prefetch" href="https://static.hotjar.com" />
-        )}
-        {config.integrations?.segment && (
-          <link rel="dns-prefetch" href="https://cdn.segment.com" />
-        )}
-        {/*
-          For project subdomains: Handle hydration errors gracefully.
-          Catch errors, suppress them, and let the static HTML work without React.
-        */}
-        <script
-          dangerouslySetInnerHTML={{
-            __html: `
-(function() {
-  var h = location.hostname;
-  var isSubdomain = h.split('.').length > 2 && h.indexOf('localhost') === -1 && h.indexOf('vercel.app') === -1;
-  if (!isSubdomain) return;
-
-  // Mark as project site
-  window.__IS_PROJECT_SITE__ = true;
-
-  // Catch and suppress all errors (hydration errors included)
-  window.addEventListener('error', function(e) {
-    e.preventDefault();
-    e.stopPropagation();
-    console.log('[Project] Suppressed error:', e.message);
-    return true;
-  }, true);
-
-  // Catch unhandled promise rejections (React errors)
-  window.addEventListener('unhandledrejection', function(e) {
-    e.preventDefault();
-    console.log('[Project] Suppressed rejection:', e.reason);
-    return true;
-  }, true);
-
-  // Override console.error to suppress React hydration warnings
-  var origError = console.error;
-  console.error = function() {
-    var msg = arguments[0];
-    if (typeof msg === 'string' && (
-      msg.indexOf('Hydration') !== -1 ||
-      msg.indexOf('hydrat') !== -1 ||
-      msg.indexOf('did not match') !== -1 ||
-      msg.indexOf('server-rendered') !== -1
-    )) {
-      console.log('[Project] Suppressed hydration warning');
-      return;
-    }
-    origError.apply(console, arguments);
-  };
-
-  // Let Next.js handle navigation normally - no interception needed
-  // The error suppression above handles any hydration issues without breaking SPA navigation
-
-  // Hide Next.js dev overlays and indicators (CSS + JS removal for Shadow DOM)
-  var style = document.createElement('style');
-  style.textContent = 'nextjs-portal, [data-next-badge], [data-next-badge-root], next-badge-root, [data-nextjs-dialog-root] { display: none !important; visibility: hidden !important; }';
-  document.head.appendChild(style);
-
-  // Remove dev indicator elements that use Shadow DOM (CSS can't reach them)
-  var removeDevIndicators = function() {
-    document.querySelectorAll('next-badge-root, [data-next-badge-root], nextjs-portal').forEach(function(el) {
-      el.remove();
-    });
-  };
-  // Run immediately and observe for new elements once body exists
-  removeDevIndicators();
-  var observeBody = function() {
-    if (document.body) {
-      new MutationObserver(removeDevIndicators).observe(document.body, { childList: true, subtree: true });
-    }
-  };
-  if (document.body) { observeBody(); } else { document.addEventListener('DOMContentLoaded', observeBody, { once: true }); }
-})();
-            `,
-          }}
-        />
-        {/* Custom font imports (Google Fonts) */}
-        {fontImports && (
-          <style dangerouslySetInnerHTML={{ __html: fontImports }} />
-        )}
-        {/* Custom font CSS variables */}
-        {fontVariables && (
-          <style dangerouslySetInnerHTML={{ __html: fontVariables }} />
-        )}
-        {/* Theme-specific CSS override (if not using default jam theme) */}
-        {themeCss && (
-          <style dangerouslySetInnerHTML={{ __html: themeCss }} />
-        )}
-        {/* Primary color CSS variables from docs.json - after theme CSS so brand colors take precedence */}
-        {primaryColorVariables && (
-          <style dangerouslySetInnerHTML={{ __html: primaryColorVariables }} />
-        )}
-        {/* Custom CSS - injected in head to prevent flash of unstyled content */}
-        {customCss && (
-          <style dangerouslySetInnerHTML={{ __html: customCss }} />
-        )}
-        {/* Plausible Analytics — production only; dev injection would spam "Ignoring Event: localhost" */}
-        {process.env.NODE_ENV === 'production' && (config.integrations?.plausible?.domain || config.integrations?.plausible?.scriptUrl) && (
-          <PlausibleScript
-            domain={config.integrations.plausible.domain}
-            server={config.integrations.plausible.server}
-            scriptUrl={config.integrations.plausible.scriptUrl}
-          />
-        )}
-      </head>
-      <body className={fontClassName} data-theme={themeName || 'jam'}>
-        {/* Google Tag Manager */}
-        {config.integrations?.gtm?.tagId && (
-          <ConditionalGTM gtmId={config.integrations.gtm.tagId} />
-        )}
-        <ThemeProvider
-          defaultTheme={appearanceDefault}
-          forcedTheme={appearanceStrict ? (appearanceDefault === 'system' ? undefined : appearanceDefault as 'light' | 'dark') : undefined}
-        >
-          <LinkPrefixProvider prefix={linkPrefix}>
-            <ProjectSlugProvider slug={resolvedProjectSlug || ''}>
-              <LayoutWrapper config={config}>
-                {children}
-              </LayoutWrapper>
-            </ProjectSlugProvider>
-          </LinkPrefixProvider>
-          {/* Client components for copy buttons after hydration */}
-          <CodeBlockCopyButton />
-          <HeaderLinkCopy />
-          <FontAwesomeLoader />
-          <HtmlLangSync defaultLanguage={projectDefaultLang} />
-        </ThemeProvider>
-        {/* Crisp Chat */}
-        {config.integrations?.crisp?.websiteId &&
-          /^[a-f0-9-]{36}$/.test(config.integrations.crisp.websiteId) && (
-          <script
-            dangerouslySetInnerHTML={{
-              __html: `window.$crisp=[];window.CRISP_WEBSITE_ID="${config.integrations.crisp.websiteId}";(function(){var d=document;var s=d.createElement("script");s.src="https://client.crisp.chat/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s)})();`,
-            }}
-          />
-        )}
-        {/* Custom JavaScript - inlined from R2 (ISR) or public/ (dev) */}
-        {customJs && (
-          <script dangerouslySetInnerHTML={{ __html: customJs }} />
-        )}
-        {/* Jamdesk Analytics — deferred to body for faster FCP */}
-        {analyticsScript && (
-          <script dangerouslySetInnerHTML={{ __html: analyticsScript }} />
-        )}
-        {/* Google Analytics 4 */}
-        {config.integrations?.ga4?.measurementId && (
-          <ConditionalGA gaId={config.integrations.ga4.measurementId} />
-        )}
-        <JdReadySentinel />
-      </body>
-    </html>
-  );
+  return children as React.ReactElement;
 }