diff --git a/frontend/src/pages/Agents.jsx b/frontend/src/pages/Agents.jsx
index ca8fcbb..6576348 100644
--- a/frontend/src/pages/Agents.jsx
+++ b/frontend/src/pages/Agents.jsx
@@ -2,7 +2,7 @@ import { useEffect, useState, useMemo, useRef } from 'react'
import api from '../api/client'
import StatusBadge from '../components/StatusBadge'
import AgentPanel from '../components/AgentPanel'
-import { Search, ChevronUp, ChevronDown, Plus, X, Settings2 } from 'lucide-react'
+import { Search, ChevronUp, ChevronDown, Plus, X, Settings2, BookOpen } from 'lucide-react'
import InstallGuide from '../components/InstallGuide'
const ALL_COLUMNS = [
@@ -51,6 +51,7 @@ export default function Agents() {
const [sortDir, setSortDir] = useState('asc')
const [selectedId, setSelectedId] = useState(null)
const [showAddDialog, setShowAddDialog] = useState(false)
+ const [showInstallGuide, setShowInstallGuide] = useState(false)
const [addResult, setAddResult] = useState(null)
const [visibleCols, setVisibleCols] = useState(loadColumns)
const [showColMenu, setShowColMenu] = useState(false)
@@ -215,12 +216,20 @@ export default function Agents() {
Geraete ({agents.length})
-
+
+
+
+
@@ -356,6 +365,21 @@ export default function Agents() {
/>
)}
+ {/* Installationsanleitung Dialog */}
+ {showInstallGuide && (
+
+
+
+
Installationsanleitung
+
+
+
+
+
+
+
+ )}
+
{/* Geraet hinzufuegen Dialog */}
{showAddDialog && (
Proxmox Server ({enriched.length})
-
+
+
+
+
@@ -333,6 +342,21 @@ export default function ProxmoxServers() {
/>
)}
+ {/* Installationsanleitung Dialog */}
+ {showInstallGuide && (
+
+
+
+
Installationsanleitung
+
+
+
+
+
+
+
+ )}
+
{/* Server hinzufuegen Dialog */}
{showAddDialog && (