web/mail-postfach/app/layout.tsx

@@ -1,5 +1,5 @@
 import Script from "next/script";
-import { ThemeProvider, I18nProvider, ToastProvider, typography, themeInitScript, focusVisibleStyles } from "@nexarch/shl";
+import { ThemeProvider, I18nProvider, ToastProvider, ModuleNavShell, typography, themeInitScript, focusVisibleStyles } from "@nexarch/shl";
 import "../lib/messages";
 import { ThemeToggle } from "../components/ThemeToggle";
 import "./responsive.css";
@@ -34,8 +34,10 @@ export default function RootLayout({
         <ThemeProvider>
           <I18nProvider initialLocale={locale}>
             <ToastProvider>
-              <ThemeToggle />
-              {children}
+              <ModuleNavShell activeKey="mail_postfach">
+                <ThemeToggle />
+                {children}
+              </ModuleNavShell>
             </ToastProvider>
           </I18nProvider>
         </ThemeProvider>

web/shl/components/ModuleNavShell.tsx

@@ -38,6 +38,10 @@ export const MODULE_REGISTRY: ModuleRegistryEntry[] = [
     key: "mail", label: "Postfach", href: "http://localhost:3102",
     description: "E-Mails durchsuchen und verwalten.", permission: "mail.message.read",
   },
+  {
+    key: "mail_postfach", label: "Postfach (Ordneransicht)", href: "http://localhost:3114",
+    description: "Postfach- und Ordneransicht mit Thread-Darstellung (UX-01/UX-02).", permission: "mail.message.read",
+  },
   {
     key: "workflow", label: "Aufgaben & Freigaben", href: "http://localhost:3103",
     description: "Freigaben bearbeiten, Akten einsehen, Aufgaben verwalten.", permission: "workflow.approval.read",