-
Failures:
+
Failed Attempts:
{status.total_failures}
diff --git a/frontend/src/components/__tests__/ServerStatusBar.test.tsx b/frontend/src/components/__tests__/ServerStatusBar.test.tsx
index 87d748d..a827bf8 100644
--- a/frontend/src/components/__tests__/ServerStatusBar.test.tsx
+++ b/frontend/src/components/__tests__/ServerStatusBar.test.tsx
@@ -136,6 +136,8 @@ describe("ServerStatusBar", () => {
expect(screen.getByText("4")).toBeInTheDocument();
expect(screen.getByText("21")).toBeInTheDocument();
expect(screen.getByText("99")).toBeInTheDocument();
+ // Verify the "Failed Attempts:" label (renamed from "Failures:").
+ expect(screen.getByText("Failed Attempts:")).toBeInTheDocument();
});
it("renders an error message when the status fetch fails", () => {
diff --git a/frontend/src/components/config/ServerTab.tsx b/frontend/src/components/config/ServerTab.tsx
index addc3d8..2937ac4 100644
--- a/frontend/src/components/config/ServerTab.tsx
+++ b/frontend/src/components/config/ServerTab.tsx
@@ -219,6 +219,10 @@ export function ServerTab(): React.JSX.Element {
return (
+ {/* Service Health & Log Viewer section — shown first so users can
+ immediately see whether fail2ban is reachable before editing settings. */}
+
+
) : null}
- {/* Service Health & Log Viewer section */}
-
);
}