From b100f76c387823731c7fbf7ea8c3a0cd6f583f80 Mon Sep 17 00:00:00 2001
From: Gree44 <jaja777111@gmail.com>
Date: Fri, 24 Jul 2026 23:41:09 +0200
Subject: [PATCH] =?UTF-8?q?Feat=20#179:=2036=20Monate=20(3=20Jahre)=20Lauf?=
 =?UTF-8?q?zeit=20im=20Wizard=20+=20Verl=C3=A4ngern?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Ergänzt die 36-Monats-Option (3 Jahre, Dauer des Studiums) überall dort,
wo bisher bei 24 Monaten / "2 Jahre" Schluss war. Gegenstück zum Backend-PR
(ALLOWED_RUNTIME_MONTHS um 36 erweitert) — ohne beide Seiten würde der
extend/create-Call mit 422 abgelehnt.

- src/api/deployments.ts: RuntimeMonths-Typ um | 36 erweitert.
- DeploymentWizard.tsx: SelectItem value="36" (3 Jahre) nach 24 ergänzt;
  runtimeLabels-Map um "36": "3 Jahre" erweitert.
- DeploymentDetails.tsx: beide Runtime-Arrays und die Verlängern-Button-Liste
  um 36 ergänzt; maxExtension 24 -> 36; Dialog-Text "Maximal 24 Monate" ->
  "Maximal 36 Monate".
- DeploymentDetailsPage.tsx: ALLOWED-Snap-Array (Prefill für Redeploy-Wizard)
  um 36 erweitert, damit ein 36-Monats-Deployment nicht faelschlich auf 24
  gerundet wird.

Verifiziert mit npm run build (grün).
---
 src/api/deployments.ts              |  2 +-
 src/pages/DeploymentDetails.tsx     | 10 +++++-----
 src/pages/DeploymentDetailsPage.tsx |  2 +-
 src/pages/DeploymentWizard.tsx      |  2 ++
 4 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/api/deployments.ts b/src/api/deployments.ts
index f01cc8e..a8bd90b 100644
--- a/src/api/deployments.ts
+++ b/src/api/deployments.ts
@@ -125,7 +125,7 @@ export type DeploymentLogDto = {
 
 // Allowed deployment runtimes in months. Must mirror the backend's
 // ALLOWED_RUNTIME_MONTHS — wizard <Select> options must stay in sync.
-export type RuntimeMonths = 1 | 3 | 4 | 6 | 12 | 24;
+export type RuntimeMonths = 1 | 3 | 4 | 6 | 12 | 24 | 36;
 
 export type DeploymentCreateRequest = {
   name?: string;
diff --git a/src/pages/DeploymentDetails.tsx b/src/pages/DeploymentDetails.tsx
index 0e56dc1..8bbc974 100644
--- a/src/pages/DeploymentDetails.tsx
+++ b/src/pages/DeploymentDetails.tsx
@@ -297,14 +297,14 @@ export function DeploymentDetails({ deployment, onBack, onDelete, onRetry }: Dep
   }, [deployment.id, activeProjectId, selectedExtendMonths, extendInFlight]);
 
   const getAvailableExtendMonths = useCallback(() => {
-    if (!deployment.expires_at) return [1, 3, 4, 6, 12, 24];
+    if (!deployment.expires_at) return [1, 3, 4, 6, 12, 24, 36];
     const today = new Date();
     const expiresDate = new Date(deployment.expires_at);
     const monthsDiff =
       (expiresDate.getFullYear() - today.getFullYear()) * 12 +
       (expiresDate.getMonth() - today.getMonth());
-    const maxExtension = 24 - Math.max(0, monthsDiff);
-    return [1, 3, 4, 6, 12, 24].filter(m => m <= maxExtension);
+    const maxExtension = 36 - Math.max(0, monthsDiff);
+    return [1, 3, 4, 6, 12, 24, 36].filter(m => m <= maxExtension);
   }, [deployment.expires_at]);
 
   const accessTypeLabels: Record<AccessType, string> = {
@@ -641,11 +641,11 @@ export function DeploymentDetails({ deployment, onBack, onDelete, onRetry }: Dep
                   <AlertDialogHeader>
                     <AlertDialogTitle>Deployment verlängern</AlertDialogTitle>
                     <AlertDialogDescription>
-                      Wählen Sie aus, um wie viele Monate Sie das Deployment verlängern möchten. Maximal 24 Monate ab heute.
+                      Wählen Sie aus, um wie viele Monate Sie das Deployment verlängern möchten. Maximal 36 Monate ab heute.
                     </AlertDialogDescription>
                   </AlertDialogHeader>
                   <div className="grid grid-cols-2 gap-2 py-4">
-                    {[1, 3, 4, 6, 12, 24].map((months) => {
+                    {[1, 3, 4, 6, 12, 24, 36].map((months) => {
                       const availableMonths = getAvailableExtendMonths();
                       const isAvailable = availableMonths.includes(months);
                       return (
diff --git a/src/pages/DeploymentDetailsPage.tsx b/src/pages/DeploymentDetailsPage.tsx
index d4563c9..78688ec 100644
--- a/src/pages/DeploymentDetailsPage.tsx
+++ b/src/pages/DeploymentDetailsPage.tsx
@@ -307,7 +307,7 @@ export function DeploymentDetailsPage() {
       // doesn't store the original choice on the row, only the resulting
       // expires_at. We round to the nearest allowed value so the wizard's
       // <Select> can show it without the user reseating the field.
-      const ALLOWED: Array<1 | 3 | 4 | 6 | 12 | 24> = [1, 3, 4, 6, 12, 24];
+      const ALLOWED: Array<1 | 3 | 4 | 6 | 12 | 24 | 36> = [1, 3, 4, 6, 12, 24, 36];
       let runtimeMonths: number | undefined;
       if (raw.expires_at && raw.created_at) {
         const createdMs = new Date(raw.created_at).getTime();
diff --git a/src/pages/DeploymentWizard.tsx b/src/pages/DeploymentWizard.tsx
index 1deb65c..5b2b6ee 100644
--- a/src/pages/DeploymentWizard.tsx
+++ b/src/pages/DeploymentWizard.tsx
@@ -1243,6 +1243,7 @@ export function DeploymentWizard({
                     <SelectItem value="6">6 Monate</SelectItem>
                     <SelectItem value="12">1 Jahr</SelectItem>
                     <SelectItem value="24">2 Jahre</SelectItem>
+                    <SelectItem value="36">3 Jahre</SelectItem>
                   </SelectContent>
                 </Select>
                 <p className="text-xs text-slate-500 mt-2 flex items-center gap-1">
@@ -1519,6 +1520,7 @@ export function DeploymentWizard({
         "6": "6 Monate",
         "12": "1 Jahr",
         "24": "2 Jahre",
+        "36": "3 Jahre",
       };
 
       return (