feat: add IPAM discovery from Proxmox with IP enrichment, improve workload insights, and enhance DataTable interactivity
CI / backend (push) Failing after 3s
CI / frontend (push) Failing after 29s

Add /ipam/discover endpoint to automatically import IP addresses from Proxmox clusters with error tracking and audit logging, implement ensure_discovered_network helper to create "discovered-ipam" network for auto-discovered IPs, add import_discovered_ips function to parse IP interfaces and create subnet/address records with assignment tracking, enhance ProxmoxProvider.enrich_work
This commit is contained in:
2026-07-09 13:14:01 +02:00
parent 4554b00b73
commit 150a69b60b
8 changed files with 368 additions and 70 deletions
+19
View File
@@ -13,6 +13,7 @@ export function Ipam() {
const networks = useQuery({ queryKey: ["networks"], queryFn: () => api<Network[]>("/networks") });
const subnets = useQuery({ queryKey: ["subnets"], queryFn: () => api<Subnet[]>("/ipam/subnets") });
const addresses = useQuery({ queryKey: ["addresses"], queryFn: () => api<IpAddress[]>("/ipam/addresses") });
const [message, setMessage] = useState("");
const [subnetForm, setSubnetForm] = useState({ network_id: "", cidr: "10.50.0.0/24", gateway: "10.50.0.1", dns: ["10.50.0.10"], dhcp_enabled: false });
const [ipForm, setIpForm] = useState({ subnet_id: "", address: "10.50.0.20", status: "reserved", note: "" });
const [subnetOpen, setSubnetOpen] = useState(false);
@@ -21,16 +22,20 @@ export function Ipam() {
const createSubnet = useMutation({
mutationFn: () => api<Subnet>("/ipam/subnets", { method: "POST", body: JSON.stringify({ ...subnetForm, network_id: subnetForm.network_id || networks.data?.[0]?.id }) }),
onSuccess: () => {
setMessage("Subnet created.");
setSubnetOpen(false);
queryClient.invalidateQueries({ queryKey: ["subnets"] });
},
onError: (error) => setMessage(error instanceof Error ? error.message : "Subnet creation failed."),
});
const createIp = useMutation({
mutationFn: () => api<IpAddress>("/ipam/addresses", { method: "POST", body: JSON.stringify({ ...ipForm, subnet_id: ipForm.subnet_id || subnets.data?.[0]?.id }) }),
onSuccess: () => {
setMessage("IP address saved.");
setIpOpen(false);
queryClient.invalidateQueries({ queryKey: ["addresses"] });
},
onError: (error) => setMessage(error instanceof Error ? error.message : "IP reservation failed."),
});
async function submitSubnet(event: FormEvent) {
@@ -56,6 +61,17 @@ export function Ipam() {
URL.revokeObjectURL(url);
}
async function discoverIpam() {
try {
const result = await api<{ imported: number; errors: Array<Record<string, unknown>> }>("/ipam/discover", { method: "POST" });
setMessage(`Discovery imported ${result.imported} IP addresses${result.errors.length ? " with errors" : ""}.`);
await queryClient.invalidateQueries({ queryKey: ["subnets"] });
await queryClient.invalidateQueries({ queryKey: ["addresses"] });
} catch (error) {
setMessage(error instanceof Error ? error.message : "IPAM discovery failed.");
}
}
return (
<>
<PageHeader title="IPAM" subtitle="Manage subnets, reservations, assignments, conflicts, and export state." />
@@ -63,8 +79,10 @@ export function Ipam() {
<div className="flex flex-wrap gap-2">
<button className={buttonClass} onClick={() => setSubnetOpen(true)}><Plus size={16} /> Add Subnet</button>
<button className={buttonClass} onClick={() => setIpOpen(true)}><Plus size={16} /> Reserve IP</button>
<button className={secondaryButtonClass} onClick={discoverIpam}>Discover from Proxmox</button>
<button className={secondaryButtonClass} onClick={exportCsv}><Download size={16} /> Export CSV</button>
</div>
{message ? <div className="rounded-md border border-border bg-panel p-3 text-sm">{message}</div> : null}
<Modal title="Add Subnet" open={subnetOpen} onClose={() => setSubnetOpen(false)}>
<form onSubmit={submitSubnet}>
<div className="mb-4 flex items-center gap-2 font-medium"><Database size={18} /> Add Subnet</div>
@@ -103,6 +121,7 @@ export function Ipam() {
</form>
</Modal>
<section className="space-y-4">
<DataTable rows={(subnets.data ?? []) as unknown as Record<string, unknown>[]} columns={[{ key: "cidr", label: "Subnet" }, { key: "gateway", label: "Gateway" }, { key: "dhcp_enabled", label: "DHCP" }]} />
<DataTable rows={(addresses.data ?? []) as unknown as Record<string, unknown>[]} columns={[{ key: "address", label: "Address" }, { key: "status", label: "Status" }, { key: "note", label: "Note" }]} />
</section>
</div>