From d92d0b1eaff4d22a67e5ee9d52d88190d35422ac Mon Sep 17 00:00:00 2001
From: duffyduck <info@hacker-net.de>
Date: Sat, 30 May 2026 12:23:29 +0200
Subject: [PATCH] =?UTF-8?q?Vertrags-Mail-Card:=20Link=20"Postfach=20=C3=B6?=
 =?UTF-8?q?ffnen"=20=E2=86=92=20Kunden-Postfach=20in=20neuem=20Tab?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Neben dem "E-Mails"-Titel der Card im Vertragsdetail jetzt ein
kleiner Link mit ExternalLink-Icon, der den Tab "E-Mail-Postfach"
in der Kundenakte in einem neuen Tab öffnet (target="_blank",
rel="noopener noreferrer"). Greift auf das bereits unterstützte
?tab=emails-Deep-Link-Pattern in CustomerDetail zurück.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .../components/email/ContractEmailsSection.tsx    | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/email/ContractEmailsSection.tsx b/frontend/src/components/email/ContractEmailsSection.tsx
index faf12c49..d0af7255 100644
--- a/frontend/src/components/email/ContractEmailsSection.tsx
+++ b/frontend/src/components/email/ContractEmailsSection.tsx
@@ -1,5 +1,6 @@
 import { useState, useEffect } from 'react';
-import { Mail, MailOpen, Star, Paperclip, Plus, X, ChevronRight, Inbox, Send, RefreshCw, Trash2 } from 'lucide-react';
+import { Link } from 'react-router-dom';
+import { Mail, MailOpen, Star, Paperclip, Plus, X, ChevronRight, Inbox, Send, RefreshCw, Trash2, ExternalLink } from 'lucide-react';
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
 import { cachedEmailApi, stressfreiEmailApi, CachedEmail } from '../../services/api';
 import { useAuth } from '../../context/AuthContext';
@@ -285,8 +286,18 @@ export default function ContractEmailsSection({
   return (
     <Card
       title={
-        <div className="flex items-center gap-4">
+        <div className="flex items-center gap-3">
           <span>E-Mails</span>
+          <Link
+            to={`/customers/${customerId}?tab=emails`}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="inline-flex items-center gap-1 text-xs text-blue-600 hover:text-blue-800 hover:underline font-normal"
+            title="Komplettes E-Mail-Postfach des Kunden in neuem Tab öffnen"
+          >
+            <ExternalLink className="w-3 h-3" />
+            Postfach öffnen
+          </Link>
         </div>
       }
       actions={