import { HardDrive, Unplug, Zap } from "lucide-react";
import { Link } from "react-router-dom";
import { cn } from "@/lib/cn";
import { getBackendUrl } from "@/lib/backend";
import { formatBytes } from "@/lib/format";
import type { SystemStatus } from "@/lib/types";
/** DESIGN.md capacity bars: blue, peach at 80%, red at 95%. */
function storageColor(percent: number): string {
if (percent >= 95) return "bg-ctp-red";
if (percent >= 80) return "bg-ctp-peach";
return "bg-ctp-blue";
}
export function StatusFooter({
backend,
status,
staff,
}: {
backend: boolean;
status?: SystemStatus;
staff?: boolean;
}) {
const backendOrigin = getBackendUrl() || window.location.origin;
const storage = status?.storage;
const workers = (
<>
Active Workers:{" "}
{status
? `${status.workers.active} running | ${status.workers.queued} pending`
: "…"}
);
if (!backend) {
return (
);
}
return (
);
}