test: comprehensive integration tests for all API endpoints

Replace the existing integration test suite with a complete test covering
every registered API route. Tests use httptest with the real router and
a real DB connection (youpc.org mgmt schema).

Endpoint groups tested:
- Health, Auth (JWT validation, expired/invalid/wrong-secret)
- Current user (GET /api/me)
- Tenants (CRUD, auto-assign)
- Cases (CRUD with search/status filters)
- Parties (CRUD)
- Deadlines (CRUD, complete, batch create)
- Appointments (CRUD)
- Notes (CRUD)
- Dashboard
- Proceeding types & deadline rules
- Deadline calculator & determination (timeline, determine)
- Reports (cases, deadlines, workload, billing)
- Templates (CRUD, render)
- Time entries (CRUD, summary)
- Invoices (CRUD, status update)
- Billing rates (list, upsert)
- Notifications (list, unread count, mark read, preferences)
- Audit log (list, filtered)
- Case assignments (assign, unassign)
- Documents (list, meta)
- AI endpoints (availability check)
- Critical path E2E (case -> deadline -> appointment -> note -> time entry -> dashboard -> complete)

frontend/src/components/cases/CaseForm.tsx

@@ -1,14 +1,16 @@
 "use client";
 
 import { useState } from "react";
-import { useQuery } from "@tanstack/react-query";
-import { api } from "@/lib/api";
-import type { ProceedingType } from "@/lib/types";
 
-const JURISDICTION_LABELS: Record<string, string> = {
-  UPC: "UPC-Verfahren",
-  DE: "Deutsche Patentverfahren",
-};
+const TYPE_OPTIONS = [
+  { value: "", label: "-- Typ wählen --" },
+  { value: "INF", label: "Verletzungsklage (INF)" },
+  { value: "REV", label: "Widerruf (REV)" },
+  { value: "CCR", label: "Einstweilige Verfügung (CCR)" },
+  { value: "APP", label: "Berufung (APP)" },
+  { value: "PI", label: "Vorläufiger Rechtsschutz (PI)" },
+  { value: "ZPO_CIVIL", label: "ZPO Zivilverfahren" },
+];
 
 export interface CaseFormData {
   case_number: string;
@@ -32,10 +34,6 @@ export function CaseForm({
   isSubmitting,
   submitLabel = "Akte anlegen",
 }: CaseFormProps) {
-  const { data: proceedingTypes } = useQuery({
-    queryKey: ["proceeding-types"],
-    queryFn: () => api.get<ProceedingType[]>("/proceeding-types"),
-  });
   const [form, setForm] = useState<CaseFormData>({
     case_number: initialData?.case_number ?? "",
     title: initialData?.title ?? "",
@@ -141,24 +139,11 @@ export function CaseForm({
             onChange={(e) => update("case_type", e.target.value)}
             className={inputClass}
           >
-            <option value="">-- Typ wählen --</option>
-            {(() => {
-              const grouped = new Map<string, ProceedingType[]>();
-              for (const pt of proceedingTypes ?? []) {
-                const key = pt.jurisdiction ?? "Sonstige";
-                if (!grouped.has(key)) grouped.set(key, []);
-                grouped.get(key)!.push(pt);
-              }
-              return Array.from(grouped.entries()).map(([jurisdiction, types]) => (
-                <optgroup key={jurisdiction} label={JURISDICTION_LABELS[jurisdiction] ?? jurisdiction}>
-                  {types.map((pt) => (
-                    <option key={pt.id} value={pt.code}>
-                      {pt.name} ({pt.code})
-                    </option>
-                  ))}
-                </optgroup>
-              ));
-            })()}
+            {TYPE_OPTIONS.map((o) => (
+              <option key={o.value} value={o.value}>
+                {o.label}
+              </option>
+            ))}
           </select>
         </div>
         <div>

frontend/src/components/deadlines/DeadlineCalculator.tsx

@@ -85,27 +85,11 @@ export function DeadlineCalculator() {
               className={inputClass}
             >
               <option value="">Bitte wählen...</option>
-              {(() => {
-                const grouped = new Map<string, ProceedingType[]>();
-                for (const pt of proceedingTypes ?? []) {
-                  const key = pt.jurisdiction ?? "Sonstige";
-                  if (!grouped.has(key)) grouped.set(key, []);
-                  grouped.get(key)!.push(pt);
-                }
-                const labels: Record<string, string> = {
-                  UPC: "UPC-Verfahren",
-                  DE: "Deutsche Patentverfahren",
-                };
-                return Array.from(grouped.entries()).map(([jurisdiction, types]) => (
-                  <optgroup key={jurisdiction} label={labels[jurisdiction] ?? jurisdiction}>
-                    {types.map((pt) => (
-                      <option key={pt.id} value={pt.code}>
-                        {pt.name} ({pt.code})
-                      </option>
-                    ))}
-                  </optgroup>
-                ));
-              })()}
+              {proceedingTypes?.map((pt) => (
+                <option key={pt.id} value={pt.code}>
+                  {pt.name} ({pt.code})
+                </option>
+              ))}
             </select>
           </div>
           <div>

frontend/src/components/deadlines/DeadlineWizard.tsx

@@ -276,53 +276,32 @@ export function DeadlineWizard() {
           )}
         </div>
 
-        <div className="mt-4 space-y-4">
+        <div className="mt-4 grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-6">
           {typesLoading ? (
-            <div className="flex justify-center py-4">
+            <div className="col-span-full flex justify-center py-4">
               <Loader2 className="h-5 w-5 animate-spin text-neutral-400" />
             </div>
           ) : (
-            (() => {
-              const grouped = new Map<string, ProceedingType[]>();
-              for (const pt of proceedingTypes ?? []) {
-                const key = pt.jurisdiction ?? "Sonstige";
-                if (!grouped.has(key)) grouped.set(key, []);
-                grouped.get(key)!.push(pt);
-              }
-              const labels: Record<string, string> = {
-                UPC: "UPC-Verfahren",
-                DE: "Deutsche Patentverfahren",
-              };
-              return Array.from(grouped.entries()).map(([jurisdiction, types]) => (
-                <div key={jurisdiction}>
-                  <div className="mb-2 text-xs font-medium text-neutral-500">
-                    {labels[jurisdiction] ?? jurisdiction}
-                  </div>
-                  <div className="grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-6">
-                    {types.map((pt) => (
-                      <button
-                        key={pt.id}
-                        onClick={() => handleTypeSelect(pt.code)}
-                        className={`rounded-lg border px-3 py-2.5 text-left transition-all ${
-                          selectedType === pt.code
-                            ? "border-neutral-900 bg-neutral-900 text-white shadow-sm"
-                            : "border-neutral-200 bg-white text-neutral-700 hover:border-neutral-400 hover:bg-neutral-50"
-                        }`}
-                      >
-                        <div className="flex items-center gap-1.5">
-                          <div
-                            className="h-2 w-2 rounded-full"
-                            style={{ backgroundColor: pt.default_color }}
-                          />
-                          <span className="text-xs font-semibold">{pt.code}</span>
-                        </div>
-                        <div className="mt-1 text-xs leading-tight opacity-80">{pt.name}</div>
-                      </button>
-                    ))}
-                  </div>
+            proceedingTypes?.map((pt) => (
+              <button
+                key={pt.id}
+                onClick={() => handleTypeSelect(pt.code)}
+                className={`rounded-lg border px-3 py-2.5 text-left transition-all ${
+                  selectedType === pt.code
+                    ? "border-neutral-900 bg-neutral-900 text-white shadow-sm"
+                    : "border-neutral-200 bg-white text-neutral-700 hover:border-neutral-400 hover:bg-neutral-50"
+                }`}
+              >
+                <div className="flex items-center gap-1.5">
+                  <div
+                    className="h-2 w-2 rounded-full"
+                    style={{ backgroundColor: pt.default_color }}
+                  />
+                  <span className="text-xs font-semibold">{pt.code}</span>
                 </div>
-              ));
-            })()
+                <div className="mt-1 text-xs leading-tight opacity-80">{pt.name}</div>
+              </button>
+            ))
           )}
         </div>
       </div>
@@ -465,7 +444,7 @@ export function DeadlineWizard() {
             <Scale className="h-6 w-6 text-neutral-400" />
           </div>
           <p className="mt-3 text-sm font-medium text-neutral-700">
-            Fristenbestimmung
+            UPC-Fristenbestimmung
           </p>
           <p className="mt-1 max-w-sm text-xs text-neutral-500">
             Waehlen Sie die Verfahrensart und geben Sie das Datum des ausloesenden Ereignisses ein.