From a20e331f83c30402a1647de20015e8364ecec0b6 Mon Sep 17 00:00:00 2001
From: duffyduck <info@hacker-net.de>
Date: Sat, 30 May 2026 15:11:01 +0200
Subject: [PATCH] =?UTF-8?q?Strom/Gas-Details:=20"Z=C3=A4hler=20verwalten"-?=
 =?UTF-8?q?Link=20neben=20Card-Titel?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Zusätzlich zum bestehenden Link im Folgezähler-Form bekommt auch
der Card-Header der Strom/Gas-Details einen Link "Zähler verwalten",
der die Zähler-Übersicht des Kunden in einem neuen Tab öffnet –
damit der Link immer sichtbar ist, nicht nur wenn die Folgezähler-
Form aufgeklappt ist.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .../src/pages/contracts/ContractDetail.tsx    | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/contracts/ContractDetail.tsx b/frontend/src/pages/contracts/ContractDetail.tsx
index ed90726f..1ecd5258 100644
--- a/frontend/src/pages/contracts/ContractDetail.tsx
+++ b/frontend/src/pages/contracts/ContractDetail.tsx
@@ -2591,7 +2591,24 @@ export default function ContractDetail() {
 
       {/* Type-specific details */}
       {c.energyDetails && (
-        <Card className="mb-6" title={c.type === 'ELECTRICITY' ? 'Strom-Details' : 'Gas-Details'}>
+        <Card
+          className="mb-6"
+          title={
+            <div className="flex items-center gap-3">
+              <span>{c.type === 'ELECTRICITY' ? 'Strom-Details' : 'Gas-Details'}</span>
+              <Link
+                to={`/customers/${c.customerId}?tab=meters`}
+                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="Zähler-Übersicht des Kunden in neuem Tab öffnen"
+              >
+                <ExternalLink className="w-3 h-3" />
+                Zähler verwalten
+              </Link>
+            </div>
+          }
+        >
           <dl className="grid grid-cols-2 md:grid-cols-4 gap-4">
             {c.energyDetails.meter && (
               <div>