From d99ef24daaa4950955277d129ada43abd5393cb6 Mon Sep 17 00:00:00 2001
From: Joachim Hummel <jh@unixweb.de>
Date: Mon, 1 Dec 2025 21:52:12 +0000
Subject: [PATCH] Fix setup guide section numbering
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Renumber sections 5-7 to 4-6 to correct the sequence after removing a section.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 app/admin/setup/page.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/app/admin/setup/page.tsx b/app/admin/setup/page.tsx
index 81cd4c3..20e25b5 100644
--- a/app/admin/setup/page.tsx
+++ b/app/admin/setup/page.tsx
@@ -41,9 +41,9 @@ export default function SetupGuidePage() {
             <li><a href="#installation" className="flex items-center gap-2 text-blue-700 hover:text-blue-900 font-semibold hover:underline bg-white px-4 py-2 rounded-lg shadow-sm hover:shadow-md transition-all">→ 1. Installation</a></li>
             <li><a href="#credentials" className="flex items-center gap-2 text-blue-700 hover:text-blue-900 font-semibold hover:underline bg-white px-4 py-2 rounded-lg shadow-sm hover:shadow-md transition-all">→ 2. MQTT Credentials erhalten</a></li>
             <li><a href="#configuration" className="flex items-center gap-2 text-blue-700 hover:text-blue-900 font-semibold hover:underline bg-white px-4 py-2 rounded-lg shadow-sm hover:shadow-md transition-all">→ 3. App Konfiguration</a></li>
-            <li><a href="#testing" className="flex items-center gap-2 text-blue-700 hover:text-blue-900 font-semibold hover:underline bg-white px-4 py-2 rounded-lg shadow-sm hover:shadow-md transition-all">→ 5. Verbindung testen</a></li>
-            <li><a href="#ports" className="flex items-center gap-2 text-blue-700 hover:text-blue-900 font-semibold hover:underline bg-white px-4 py-2 rounded-lg shadow-sm hover:shadow-md transition-all">→ 6. Port 1883 vs. 9001</a></li>
-            <li><a href="#troubleshooting" className="flex items-center gap-2 text-blue-700 hover:text-blue-900 font-semibold hover:underline bg-white px-4 py-2 rounded-lg shadow-sm hover:shadow-md transition-all">→ 7. Troubleshooting</a></li>
+            <li><a href="#testing" className="flex items-center gap-2 text-blue-700 hover:text-blue-900 font-semibold hover:underline bg-white px-4 py-2 rounded-lg shadow-sm hover:shadow-md transition-all">→ 4. Verbindung testen</a></li>
+            <li><a href="#ports" className="flex items-center gap-2 text-blue-700 hover:text-blue-900 font-semibold hover:underline bg-white px-4 py-2 rounded-lg shadow-sm hover:shadow-md transition-all">→ 5. Port 1883 vs. 9001</a></li>
+            <li><a href="#troubleshooting" className="flex items-center gap-2 text-blue-700 hover:text-blue-900 font-semibold hover:underline bg-white px-4 py-2 rounded-lg shadow-sm hover:shadow-md transition-all">→ 6. Troubleshooting</a></li>
           </ul>
         </div>
 
@@ -205,10 +205,10 @@ export default function SetupGuidePage() {
           </div>
         </Section>
 
-        {/* Section 5: Testing */}
+        {/* Section 4: Testing */}
         <Section
           id="testing"
-          title="5. Verbindung testen"
+          title="4. Verbindung testen"
           icon="✅"
           isOpen={openSections["5"]}
           onToggle={() => toggleSection("5")}
@@ -232,10 +232,10 @@ export default function SetupGuidePage() {
           </ol>
         </Section>
 
-        {/* Section 6: Ports */}
+        {/* Section 5: Ports */}
         <Section
           id="ports"
-          title="6. Port 1883 vs. 9001 - Was ist der Unterschied?"
+          title="5. Port 1883 vs. 9001 - Was ist der Unterschied?"
           icon="🔌"
           isOpen={openSections["6"]}
           onToggle={() => toggleSection("6")}
@@ -243,10 +243,10 @@ export default function SetupGuidePage() {
           <PortComparison />
         </Section>
 
-        {/* Section 7: Troubleshooting */}
+        {/* Section 6: Troubleshooting */}
         <Section
           id="troubleshooting"
-          title="7. Troubleshooting - Häufige Probleme"
+          title="6. Troubleshooting - Häufige Probleme"
           icon="🔧"
           isOpen={openSections["7"]}
           onToggle={() => toggleSection("7")}