diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index ab1c679..dd761df 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,6 +1,6 @@
 import type { Metadata, Viewport } from "next";
 import { Inter } from "next/font/google";
-import { DeploymentProviders } from "@/components/deployment-providers";
+import { ManagerProviders } from "@/components/manager-providers";
 import "./globals.css";
 
 const inter = Inter({
@@ -86,8 +86,17 @@ export default function RootLayout({
         >
           Skip to main content
         </a>
-        <DeploymentProviders managerMode={process.env.MANAGER_MODE === "true"}>{children}</DeploymentProviders>
+        {process.env.MANAGER_MODE === "true" ? (
+          <ManagerProviders>{children}</ManagerProviders>
+        ) : (
+          <BusinessProviders>{children}</BusinessProviders>
+        )}
       </body>
     </html>
   );
 }
+
+async function BusinessProviders({ children }: { children: React.ReactNode }) {
+  const { Providers } = await import("@/components/providers");
+  return <Providers>{children}</Providers>;
+}
diff --git a/src/components/deployment-providers.tsx b/src/components/deployment-providers.tsx
deleted file mode 100644
index 48434d1..0000000
--- a/src/components/deployment-providers.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-
-import type { ReactNode } from "react";
-import { ManagerProviders } from "@/components/manager-providers";
-import { Providers } from "@/components/providers";
-
-/**
- * Keep the business provider graph behind a client boundary. This prevents
- * the Manager server bundle from evaluating SessionProvider or its business
- * client-side dependencies while still preserving the business provider
- * behavior when the deployment mode is false.
- */
-export function DeploymentProviders({ managerMode, children }: { managerMode: boolean; children: ReactNode }) {
-  return managerMode ? <ManagerProviders>{children}</ManagerProviders> : <Providers>{children}</Providers>;
-}