feat(dashboard): add live observability overview

tests/e2e/dashboard.spec.ts

@@ -6,6 +6,8 @@ const linkedServiceIds = [
   "forgejo",
   "wiki",
   "aws-start",
+  "adguard-primary",
+  "adguard-secondary",
   "grafana",
   "uptime-kuma",
   "prometheus",
@@ -14,10 +16,13 @@ const linkedServiceIds = [
   "open-webui",
   "comfyui",
   "models",
+  "prompt-registry",
   "adminer",
   "assistant",
   "suna",
   "cockpit-infra",
+  "cockpit-gpu",
+  "cockpit-network-core",
   "forgejo-ssh-relay",
 ];
 
@@ -48,6 +53,32 @@ test.describe("dashboard page QA gate", () => {
     });
   });
 
+  test("fits the operational dashboard into a 1470 by 956 viewport", async ({
+    page,
+  }, testInfo) => {
+    test.skip(testInfo.project.name !== "chromium-desktop");
+
+    await page.setViewportSize({ width: 1470, height: 956 });
+    await page.goto("/");
+
+    const metrics = await page.evaluate(() => {
+      const footer = document.querySelector("[data-model-id='footer-status']");
+      const runtime = document.querySelector("[data-model-id='runtime-health']");
+
+      return {
+        scrollWidth: document.documentElement.scrollWidth,
+        scrollHeight: document.documentElement.scrollHeight,
+        footerBottom: footer?.getBoundingClientRect().bottom ?? 0,
+        runtimeBottom: runtime?.getBoundingClientRect().bottom ?? 0,
+      };
+    });
+
+    expect(metrics.scrollWidth).toBeLessThanOrEqual(1470);
+    expect(metrics.scrollHeight).toBeLessThanOrEqual(956);
+    expect(metrics.runtimeBottom).toBeLessThanOrEqual(956);
+    expect(metrics.footerBottom).toBeLessThanOrEqual(956);
+  });
+
   test("keeps the first screen usable on mobile", async ({ page }, testInfo) => {
     test.skip(testInfo.project.name !== "chromium-mobile");