L12 Zeiterfassung: Mobile Uhr-Leiste, Meine Zeiten, Freigaben und Backoffice-Liste

Laufende-Uhr-Leiste auf allen /m-Seiten, Start/Pause direkt auf den Auftragskarten,
Auto-Wechsel-Dialog, Auftragsdetail mit Pause / Für heute beenden / Abschließen-Link
und Segmentwechseln, /m/time (Tagesübersicht, Nachtragen, Korrektur vorschlagen),
/m/approvals für Teamleiter, /work-orders/time-approvals mit Sammelfreigabe,
Zeiten-Tab mit Badges und Inline-Freigabe, Dashboard-Kachel, Texte de/en.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

src/app/(field)/m/layout.tsx

@@ -1,21 +1,45 @@
 import Link from "next/link";
 import { getTranslations } from "next-intl/server";
 import { requireAppAccess } from "@/server/app-access";
+import { can } from "@/server/services/context";
+import { fieldPageContext } from "@/server/services/field/page-context";
+import { getMyActiveSession } from "@/server/services/field/sessions";
+import { countPendingTimeEntries } from "@/server/services/field/time-entries";
+import { cn } from "@/lib/utils";
 import { CraftviaLogo } from "@/components/brand/craftvia-logo";
 import { AccountInactiveNotice } from "@/components/account-inactive-notice";
 import { BottomNav } from "@/components/field/bottom-nav";
 import { OnlineBadge } from "@/components/field/online-badge";
+import { RunningClockBar, type ClockSession } from "@/components/field/running-clock-bar";
 import { OfflineRuntime } from "@/components/offline/offline-runtime";
 
+/** L12: own running/paused session + open approvals for the shell (never blocks the page). */
+async function shellTimeState(): Promise<{ clock: ClockSession | null; approvals: number }> {
+  try {
+    const ctx = await fieldPageContext();
+    const [session, approvals] = await Promise.all([can(ctx, "field:execute") ? getMyActiveSession(ctx) : Promise.resolve(null), countPendingTimeEntries(ctx)]);
+    return {
+      clock: session
+        ? { status: session.status, workOrderId: session.workOrderId, number: session.number, title: session.title, segmentType: session.segmentType, segmentStartedAt: session.segmentStartedAt, closedSeconds: session.closedSeconds }
+        : null,
+      approvals,
+    };
+  } catch {
+    // module "field" disabled or no field permissions: shell without clock/badge
+    return { clock: null, approvals: 0 };
+  }
+}
+
 /**
  * Mobile shell `/m` (ARCHITEKTUR §5): same session/account/MFA checks as the backoffice
  * (src/server/app-access.ts), no sidebar, bottom navigation, online/offline badge.
  * Module gates live one level below: (core) → "field", emergency → "emergency".
+ * L12: running clock bar above the bottom navigation on every /m page.
  */
 export default async function FieldShell({ children }: Readonly<{ children: React.ReactNode }>) {
   const access = await requireAppAccess();
   if (access.kind === "inactive") return <AccountInactiveNotice />;
-  const t = await getTranslations("field.nav");
+  const [t, time] = await Promise.all([getTranslations("field.nav"), shellTimeState()]);
 
   return (
     <div className="flex min-h-screen flex-1 flex-col bg-background">
@@ -29,8 +53,9 @@ export default async function FieldShell({ children }: Readonly<{ children: Reac
           <OnlineBadge />
         </div>
       </header>
-      <div className="mx-auto w-full max-w-xl flex-1 pb-28">{children}</div>
-      <BottomNav />
+      <div className={cn("mx-auto w-full max-w-xl flex-1", time.clock ? "pb-48" : "pb-28")}>{children}</div>
+      <RunningClockBar initial={time.clock} />
+      <BottomNav approvals={time.approvals} />
     </div>
   );
 }