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 && (