@piwitests/server 0.26.0 → 0.26.1

package/.output/server/chunks/build/{_id_-DVPb1S93.mjs → _id_-DxHe32cW.mjs}

@@ -1,22 +1,22 @@
-import { _ as _sfc_main$1$1, a as _sfc_main$i } from './DashboardNavbar-C3PsNVJt.mjs';
+import { _ as _sfc_main$1$1, a as _sfc_main$j } from './DashboardNavbar-C3PsNVJt.mjs';
 import { _ as _sfc_main$1$2 } from './Breadcrumb-DtV_L8Gt.mjs';
-import { _ as __nuxt_component_3$1 } from './BreadcrumbNav-DBnGj5Jq.mjs';
-import { u as useRoute, n as useRouter, r as useRuntimeConfig, o as useHead, j as useToast, m as _sfc_main$7$1, l as _sfc_main$k, v as __nuxt_component_12$1, k as _sfc_main$p, w as __nuxt_component_7$1, _ as _sfc_main$d$1, s as _sfc_main$8$1, p as _sfc_main$j$1 } from './server.mjs';
-import { _ as _sfc_main$j } from './Tooltip-CK0ucuXC.mjs';
-import { _ as __nuxt_component_4$1 } from './NavbarActions-VCHW0u67.mjs';
-import { _ as __nuxt_component_8, a as __nuxt_component_1$1, b as __nuxt_component_16$1, c as __nuxt_component_17$1 } from './MetaStripGroup-Cp2WCQf7.mjs';
-import { _ as __nuxt_component_0$1 } from './DiagnosisResult-GAjo6Lt3.mjs';
-import { _ as __nuxt_component_14$3 } from './TestStatusBar-DR8jM5th.mjs';
-import { _ as __nuxt_component_14$1 } from './DurationValue-CObiBDnH.mjs';
+import { _ as __nuxt_component_3$1 } from './BreadcrumbNav-Bg4QGX0k.mjs';
+import { u as useRoute, n as useRouter, r as useRuntimeConfig, o as useHead, j as useToast, m as _sfc_main$7$1, l as _sfc_main$k, v as __nuxt_component_12$1, w as __nuxt_component_8$1, k as _sfc_main$p, _ as _sfc_main$d$1, s as _sfc_main$8$1, p as _sfc_main$j$1 } from './server.mjs';
+import { defineComponent, withAsyncContext, ref, computed, watch, withCtx, isRef, unref, createVNode, createTextVNode, toDisplayString, openBlock, createBlock, createCommentVNode, nextTick, mergeProps, Fragment, renderList, useModel, mergeModels, withDirectives, vModelText, withKeys, withModifiers, useSSRContext } from 'vue';
+import { ssrRenderComponent, ssrInterpolate, ssrRenderAttrs, ssrRenderClass, ssrRenderList, ssrRenderStyle, ssrRenderAttr, ssrIncludeBooleanAttr, ssrRenderTeleport } from 'vue/server-renderer';
+import { _ as __nuxt_component_4$1 } from './NavbarActions-BTWxKCVI.mjs';
+import { _ as __nuxt_component_7$1, a as __nuxt_component_1$1, b as __nuxt_component_16$1, c as __nuxt_component_17$1 } from './MetaStripGroup-CDyGlsNt.mjs';
+import { _ as __nuxt_component_0$1 } from './DiagnosisResult-CrGK--xh.mjs';
+import { _ as __nuxt_component_15$1 } from './TestStatusBar-BipoEOzd.mjs';
+import { _ as __nuxt_component_14$1 } from './DurationValue-Dn06XQk3.mjs';
 import { _ as _sfc_main$o } from './Card--Ike7sYc.mjs';
-import { _ as __nuxt_component_2$2 } from './HelpHint-C96TlqxY.mjs';
-import { _ as __nuxt_component_5 } from './MarkerBadge-DmubzeuF.mjs';
-import { _ as __nuxt_component_14$2 } from './DesktopRunLocallyButton-BfmbZpiL.mjs';
+import { _ as __nuxt_component_2$2 } from './HelpHint-CdBz6deq.mjs';
+import { _ as _sfc_main$t } from './Tooltip-CK0ucuXC.mjs';
+import { _ as __nuxt_component_5$1 } from './MarkerBadge-DmubzeuF.mjs';
+import { _ as __nuxt_component_14$2 } from './DesktopRunLocallyButton-ChHg3GqK.mjs';
 import { _ as __nuxt_component_1$2 } from './StatTileGrid-7zOFUQ6j.mjs';
-import { p as prettyDateFormat, w as getStatusColor, a as formatRelativeTime, c as copyPreview, k as clusterStatusColor, i as clusterErrorTypeColor, A as reportIcon, o as fileApiUrl, x as createSortHeader, f as formatDuration, H as getStatusTextClass, G as getStatusIcon, b as formatStatusLabel, F as isStatusInFlight, D as isPiwiAnnotation } from './index-2GmuPNF-.mjs';
-import { eM as buildRetryCommand, am as formatBytes, cC as DEFAULT_WASTED_WAIT_PATTERNS, f1 as isWastedWait } from '../nitro/nitro.mjs';
-import { defineComponent, withAsyncContext, ref, computed, watch, withCtx, isRef, unref, createVNode, createTextVNode, openBlock, createBlock, createCommentVNode, toDisplayString, nextTick, mergeProps, Fragment, renderList, useModel, mergeModels, withDirectives, vModelText, useSSRContext } from 'vue';
-import { ssrRenderComponent, ssrInterpolate, ssrRenderAttrs, ssrRenderClass, ssrRenderList, ssrRenderStyle, ssrRenderAttr, ssrRenderTeleport, ssrIncludeBooleanAttr } from 'vue/server-renderer';
+import { w as getStatusColor, a as formatRelativeTime, c as copyPreview, k as clusterStatusColor, E as formatTriageStatus, i as clusterErrorTypeColor, B as isFailedStatus, J as failureFirstCompare, A as reportIcon, o as fileApiUrl, p as prettyDateFormat, x as createSortHeader, f as formatDuration, K as getStatusTextClass, I as getStatusIcon, b as formatStatusLabel, H as isStatusInFlight, F as isPiwiAnnotation } from './index-CjnZ521K.mjs';
+import { eN as buildRetryCommand, am as formatBytes, cC as DEFAULT_WASTED_WAIT_PATTERNS, f2 as isWastedWait } from '../nitro/nitro.mjs';
 import { _ as __nuxt_component_19 } from './EntityLinks-BcpvMt_V.mjs';
 import { u as useFetch, a as useCopy } from './fetch-DOcN2mHf.mjs';
 import { _ as __nuxt_component_4$4 } from './FilterToolbar-BwXy8xSk.mjs';
@@ -24,21 +24,21 @@ import { _ as _sfc_main$r } from './Select-COU8NARj.mjs';
 import { _ as _sfc_main$s } from './Checkbox-ChSYhiUz.mjs';
 import { _ as __nuxt_component_1$3 } from './OpenInIdeLink-Bnl-_som.mjs';
 import { _ as __nuxt_component_2$3 } from './TestMetaBadges-G2dAHnT-.mjs';
-import { _ as __nuxt_component_3$3 } from './BrowserBadge-vFb1ERG_.mjs';
+import { _ as __nuxt_component_3$3 } from './BrowserBadge-yMgLTBUu.mjs';
+import { _ as __nuxt_component_4$3 } from './EmptyState-C-mCzGhO.mjs';
 import { u as useTreeViewCookie } from './useTreeViewCookie-BvoH7a_X.mjs';
-import { _ as __nuxt_component_5$1 } from './ErrorState-9UPssp7w.mjs';
+import { _ as __nuxt_component_5$2 } from './ErrorState-9UPssp7w.mjs';
 import { _ as __nuxt_component_13$2 } from './LoadingState-CxfFwac9.mjs';
-import { _ as __nuxt_component_4$3 } from './EmptyState-C-mCzGhO.mjs';
-import { _ as __nuxt_component_11 } from './SectionCard-BB1O3uXd.mjs';
+import { _ as __nuxt_component_11$1 } from './SectionCard-CKD1s0eF.mjs';
 import { _ as __nuxt_component_3$2 } from './TableScroller-DMcdCVrH.mjs';
 import { _ as _sfc_main$l } from './Table-BET-DOtX.mjs';
 import { _ as _sfc_main$q } from './Modal-BGBGJtVH.mjs';
-import { _ as __nuxt_component_0$2 } from './DiagnosisPanel-C_ndadzP.mjs';
+import { _ as __nuxt_component_0$2 } from './DiagnosisPanel-DE-r2UV8.mjs';
 import { _ as _sfc_main$m } from './SelectMenu-BUwwc3Qt.mjs';
-import { _ as __nuxt_component_13$1 } from './RunStatusBadge-CWhmAmKb.mjs';
+import { _ as __nuxt_component_13$1 } from './RunStatusBadge-zfeSwcTx.mjs';
 import { _ as _sfc_main$n } from './Alert-gs8RgKxH.mjs';
 import { u as useRunComparison } from './useRunComparison-CiMBLpe2.mjs';
-import { _ as __nuxt_component_4$2 } from './FeatureUnavailable-Buoyoqx1.mjs';
+import { _ as __nuxt_component_4$2 } from './FeatureUnavailable-IaBjVCqQ.mjs';
 import './DashboardSidebarToggle-a5KYecZ0.mjs';
 import 'vue-router';
 import '@iconify/vue';
@@ -98,13 +98,14 @@ import 'node:zlib';
 import 'consola';
 import 'node:url';
 import '@iconify/utils';
-import './Tabs-CC34LIUz.mjs';
-import './RovingFocusItem-CLjuqlIR.mjs';
-import './CodeBlock-CmvKHaq8.mjs';
+import './DashboardToolbar-BZoGc0ri.mjs';
+import './NavigationMenu-D4ZpdCm_.mjs';
+import './isValueEqualOrExist-D4lZ8uRY.mjs';
+import './CodeBlock-DuWhmcI2.mjs';
 import './Textarea-CmjqdiIA.mjs';
-import './help-content-BK3jcgLw.mjs';
+import './help-content-3QLSe6Vd.mjs';
 import '../_/marker-categories.mjs';
-import './useDesktopLocalRuns-BdELBy0Y.mjs';
+import './useDesktopLocalRuns-BHZic4MJ.mjs';
 import './useTauri-Kf3HE_42.mjs';
 import './FormField-GYHKiSI6.mjs';
 import './Label-DYDR1Oeh.mjs';
@@ -112,17 +113,74 @@ import './Switch-_NJhWmI9.mjs';
 import './useFormControl-8skMOTIf.mjs';
 import './useForwardScopeId-D0ameaSU.mjs';
 import './VisuallyHiddenInput-D4E5aJCQ.mjs';
-import './useDesktopProjectLink-IUN7SIP2.mjs';
+import './useDesktopProjectLink-CqBvnXwG.mjs';
 import 'date-fns';
 import '@vue/shared';
 import './handleAndDispatchCustomEvent-Bk_AVSSo.mjs';
-import './isValueEqualOrExist-D4lZ8uRY.mjs';
+import './RovingFocusItem-CLjuqlIR.mjs';
 import './Separator-CQsq6WA9.mjs';
 import './useOpenInIde-DS4YXevu.mjs';
 import '@tanstack/vue-table';
 import '@tanstack/vue-virtual';
 import './useAiStatus-CiK1MZbH.mjs';
 
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  __name: "RunFreshnessPill",
+  __ssrInlineRender: true,
+  props: {
+    latestRunId: {},
+    currentRunId: {},
+    isActive: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_NuxtLink = __nuxt_component_12$1;
+      const _component_UIcon = _sfc_main$p;
+      if (__props.latestRunId && __props.latestRunId !== __props.currentRunId) {
+        _push(ssrRenderComponent(_component_NuxtLink, mergeProps({
+          to: `/test-runs/${__props.latestRunId}`,
+          "aria-label": __props.isActive ? `Go to running run #${__props.latestRunId}` : `Go to latest run #${__props.latestRunId}`,
+          class: "shrink-0 inline-flex items-center gap-1 rounded-full bg-blue-500/10 hover:bg-blue-500/20 transition-colors px-2 py-0.5 text-xs text-blue-500"
+        }, _attrs), {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: "i-lucide-circle-play",
+                class: ["size-3.5", { "animate-pulse": __props.isActive }]
+              }, null, _parent2, _scopeId));
+              _push2(` ${ssrInterpolate(__props.isActive ? "Running" : "Newer run")} → #${ssrInterpolate(__props.latestRunId)}`);
+            } else {
+              return [
+                createVNode(_component_UIcon, {
+                  name: "i-lucide-circle-play",
+                  class: ["size-3.5", { "animate-pulse": __props.isActive }]
+                }, null, 8, ["class"]),
+                createTextVNode(" " + toDisplayString(__props.isActive ? "Running" : "Newer run") + " → #" + toDisplayString(__props.latestRunId), 1)
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+      } else if (__props.latestRunId) {
+        _push(`<span${ssrRenderAttrs(mergeProps({ class: "shrink-0 inline-flex items-center gap-1 rounded-full bg-emerald-500/10 px-2 py-0.5 text-xs text-emerald-600 dark:text-emerald-400" }, _attrs))}>`);
+        _push(ssrRenderComponent(_component_UIcon, {
+          name: "i-lucide-check-circle-2",
+          class: "size-3.5"
+        }, null, _parent));
+        _push(` Latest run </span>`);
+      } else {
+        _push(`<!---->`);
+      }
+    };
+  }
+});
+const _sfc_setup$i = _sfc_main$i.setup;
+_sfc_main$i.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/run/RunFreshnessPill.vue");
+  return _sfc_setup$i ? _sfc_setup$i(props, ctx) : void 0;
+};
+const __nuxt_component_5 = Object.assign(_sfc_main$i, { __name: "RunFreshnessPill" });
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "RunStorageChip",
   __ssrInlineRender: true,
@@ -281,7 +339,7 @@ _sfc_main$h.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/run/RunStorageChip.vue");
   return _sfc_setup$h ? _sfc_setup$h(props, ctx) : void 0;
 };
-const __nuxt_component_18$1 = Object.assign(_sfc_main$h, { __name: "RunStorageChip" });
+const __nuxt_component_18 = Object.assign(_sfc_main$h, { __name: "RunStorageChip" });
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "RunSummary",
   __ssrInlineRender: true,
@@ -291,10 +349,10 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     allReports: {},
     showCustomData: { type: Boolean },
     finalizing: { type: Boolean },
-    activeFilter: {},
+    activeStatuses: {},
     totalWastedTime: {}
   },
-  emits: ["update:showCustomData", "filter-status", "label-updated"],
+  emits: ["update:showCustomData", "toggle-status", "label-updated"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -407,21 +465,21 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       const _component_StatusChip = __nuxt_component_1$1;
       const _component_UIcon = _sfc_main$p;
       const _component_UBadge = _sfc_main$7$1;
-      const _component_TestStatusBar = __nuxt_component_14$3;
+      const _component_TestStatusBar = __nuxt_component_15$1;
       const _component_DurationValue = __nuxt_component_14$1;
       const _component_UCard = _sfc_main$o;
       const _component_HelpHint = __nuxt_component_2$2;
-      const _component_UTooltip = _sfc_main$j;
+      const _component_UTooltip = _sfc_main$t;
       const _component_NuxtLink = __nuxt_component_12$1;
-      const _component_MarkerBadge = __nuxt_component_5;
-      const _component_ClientOnly = __nuxt_component_7$1;
+      const _component_MarkerBadge = __nuxt_component_5$1;
+      const _component_ClientOnly = __nuxt_component_8$1;
       const _component_UButton = _sfc_main$k;
       const _component_UPopover = _sfc_main$8$1;
       const _component_DesktopRunLocallyButton = __nuxt_component_14$2;
       const _component_StatTileGrid = __nuxt_component_1$2;
       const _component_SummaryMetaStrip = __nuxt_component_16$1;
       const _component_MetaStripGroup = __nuxt_component_17$1;
-      const _component_RunStorageChip = __nuxt_component_18$1;
+      const _component_RunStorageChip = __nuxt_component_18;
       const _component_EntityLinks = __nuxt_component_19;
       _push(ssrRenderComponent(_component_FoldableSummary, mergeProps({ "storage-key": "test-run" }, _attrs), {
         folded: withCtx((_, _push2, _parent2, _scopeId) => {
@@ -446,7 +504,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             } else {
               _push2(`<!--[-->`);
               if (__props.testRun?.label) {
-                _push2(`<span class="font-normal text-zinc-500 ml-1.5 cursor-pointer hover:text-zinc-700 dark:hover:text-zinc-300 border-b border-dashed border-transparent hover:border-zinc-400"${_scopeId}>— ${ssrInterpolate(__props.testRun.label)}</span>`);
+                _push2(`<span role="button" tabindex="0" class="font-normal text-zinc-500 ml-1.5 cursor-pointer hover:text-zinc-700 dark:hover:text-zinc-300 border-b border-dashed border-transparent hover:border-zinc-400"${_scopeId}>— ${ssrInterpolate(__props.testRun.label)}</span>`);
               } else {
                 _push2(`<button class="text-xs text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300 border-b border-dashed border-transparent hover:border-zinc-400 ml-1" title="Add a label"${_scopeId}> + label </button>`);
               }
@@ -528,9 +586,12 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                     ], 64)) : (openBlock(), createBlock(Fragment, { key: 1 }, [
                       __props.testRun?.label ? (openBlock(), createBlock("span", {
                         key: 0,
+                        role: "button",
+                        tabindex: "0",
                         class: "font-normal text-zinc-500 ml-1.5 cursor-pointer hover:text-zinc-700 dark:hover:text-zinc-300 border-b border-dashed border-transparent hover:border-zinc-400",
-                        onClick: startEditLabel
-                      }, "— " + toDisplayString(__props.testRun.label), 1)) : (openBlock(), createBlock("button", {
+                        onClick: withModifiers(startEditLabel, ["stop"]),
+                        onKeydown: withKeys(withModifiers(startEditLabel, ["stop"]), ["enter"])
+                      }, "— " + toDisplayString(__props.testRun.label), 41, ["onKeydown"])) : (openBlock(), createBlock("button", {
                         key: 1,
                         class: "text-xs text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300 border-b border-dashed border-transparent hover:border-zinc-400 ml-1",
                         title: "Add a label",
@@ -1331,6 +1392,11 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                   _push3(ssrRenderComponent(_component_StatusChip, {
                     status: __props.testRun?.status ?? ""
                   }, null, _parent3, _scopeId2));
+                  if (__props.testRun?.status === "interrupted" || __props.testRun?.shardTotal && __props.testRun.shardTotal > 1) {
+                    _push3(ssrRenderComponent(_component_HelpHint, { topic: "run.partial" }, null, _parent3, _scopeId2));
+                  } else {
+                    _push3(`<!---->`);
+                  }
                   _push3(`<h2 class="text-base font-bold shrink-0 flex items-center gap-1"${_scopeId2}> Run #${ssrInterpolate(__props.testRun?.id)} `);
                   if (unref(editingLabel)) {
                     _push3(`<!--[--><input${ssrRenderAttr("value", unref(labelInput))} type="text" placeholder="Add a label..." class="inline-block w-48 text-sm font-normal border-b border-dashed border-zinc-400 bg-transparent outline-none focus:border-primary px-0.5 py-0"${_scopeId2}>`);
@@ -1436,8 +1502,15 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                   } else {
                     _push3(`<!---->`);
                   }
-                  _push3(`</div><p class="mt-1 text-xs text-muted flex items-center gap-1.5 flex-wrap"${_scopeId2}><span${_scopeId2}>Started ${ssrInterpolate(("prettyDateFormat" in _ctx ? _ctx.prettyDateFormat : unref(prettyDateFormat))(__props.testRun?.startTime))}</span>`);
+                  _push3(`</div><p class="mt-1 text-xs text-muted flex items-center gap-1.5 flex-wrap"${_scopeId2}>`);
                   _push3(ssrRenderComponent(_component_ClientOnly, null, {}, _parent3, _scopeId2));
+                  if (__props.testRun?.shardTotal && __props.testRun.shardTotal > 1) {
+                    _push3(`<!--[--><span class="text-dimmed"${_scopeId2}>·</span>`);
+                    _push3(ssrRenderComponent(_component_HelpHint, { topic: "run.partial" }, null, _parent3, _scopeId2));
+                    _push3(`<!--]-->`);
+                  } else {
+                    _push3(`<!---->`);
+                  }
                   _push3(`</p></div><div class="flex items-center gap-1.5 shrink-0"${_scopeId2}>`);
                   _push3(ssrRenderComponent(_component_UTooltip, {
                     text: unref(copied) ? "Copied!" : "Copy run summary"
@@ -1499,17 +1572,17 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                             size: "xs",
                             color: "warning",
                             variant: "subtle",
-                            icon: unref(retryCopied) ? "i-lucide-check" : "i-lucide-play",
+                            icon: unref(retryCopied) ? "i-lucide-check" : "i-lucide-clipboard",
                             title: unref(retryTitle),
-                            "aria-label": "Retry",
+                            "aria-label": "Copy retry command",
                             onClick: ($event) => copyRetryCommand()
                           }, {
                             default: withCtx((_4, _push5, _parent5, _scopeId4) => {
                               if (_push5) {
-                                _push5(`<span class="hidden @2xl:inline"${_scopeId4}>Retry</span>`);
+                                _push5(`<span class="hidden @2xl:inline"${_scopeId4}>Copy retry command</span>`);
                               } else {
                                 return [
-                                  createVNode("span", { class: "hidden @2xl:inline" }, "Retry")
+                                  createVNode("span", { class: "hidden @2xl:inline" }, "Copy retry command")
                                 ];
                               }
                             }),
@@ -1521,13 +1594,13 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                               size: "xs",
                               color: "warning",
                               variant: "subtle",
-                              icon: unref(retryCopied) ? "i-lucide-check" : "i-lucide-play",
+                              icon: unref(retryCopied) ? "i-lucide-check" : "i-lucide-clipboard",
                               title: unref(retryTitle),
-                              "aria-label": "Retry",
+                              "aria-label": "Copy retry command",
                               onClick: ($event) => copyRetryCommand()
                             }, {
                               default: withCtx(() => [
-                                createVNode("span", { class: "hidden @2xl:inline" }, "Retry")
+                                createVNode("span", { class: "hidden @2xl:inline" }, "Copy retry command")
                               ]),
                               _: 1
                             }, 8, ["icon", "title", "onClick"])
@@ -1578,17 +1651,17 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                     default: withCtx((_3, _push4, _parent4, _scopeId3) => {
                       if (_push4) {
                         _push4(`<button class="${ssrRenderClass([
-                          __props.activeFilter === "all" ? "bg-accented ring-2 ring-zinc-400 dark:ring-zinc-500" : "bg-elevated/60 hover:bg-elevated",
-                          "rounded-lg p-3 text-left w-full transition-colors cursor-pointer"
-                        ])}"${_scopeId3}><p class="text-xs font-medium text-zinc-500 uppercase tracking-wider"${_scopeId3}>Total</p><p class="text-xl font-bold mt-0.5"${_scopeId3}>${ssrInterpolate(__props.displayProgress?.totalTests ?? __props.testRun?.totalTests ?? 0)}</p></button><div class="relative"${_scopeId3}><button class="${ssrRenderClass([
-                          __props.activeFilter === "passed" ? "bg-emerald-100 dark:bg-emerald-900/30 ring-2 ring-emerald-400 dark:ring-emerald-600" : "bg-emerald-50 dark:bg-emerald-900/20 hover:bg-emerald-100 dark:hover:bg-emerald-900/30",
-                          "rounded-lg p-3 text-left w-full h-full transition-colors cursor-pointer"
-                        ])}"${_scopeId3}><p class="text-xs font-medium text-emerald-700 dark:text-emerald-400 uppercase tracking-wider"${_scopeId3}> Passed </p><p class="text-xl font-bold mt-0.5 text-emerald-600 dark:text-emerald-400"${_scopeId3}>${ssrInterpolate(__props.displayProgress?.passedTests ?? __props.testRun?.passedTests ?? 0)}</p></button>`);
+                          __props.activeStatuses.length === 0 ? "bg-accented ring-2 ring-zinc-400 dark:ring-zinc-500" : "bg-elevated/60 hover:bg-elevated",
+                          "rounded-lg p-3 text-left w-full transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-40"
+                        ])}"${ssrRenderAttr("aria-pressed", __props.activeStatuses.length === 0)}${ssrIncludeBooleanAttr((__props.displayProgress?.totalTests ?? __props.testRun?.totalTests ?? 0) === 0) ? " disabled" : ""}${_scopeId3}><p class="text-xs font-medium text-zinc-500 uppercase tracking-wider"${_scopeId3}>Total</p><p class="text-xl font-bold mt-0.5"${_scopeId3}>${ssrInterpolate(__props.displayProgress?.totalTests ?? __props.testRun?.totalTests ?? 0)}</p></button><div class="relative"${_scopeId3}><button class="${ssrRenderClass([
+                          __props.activeStatuses.includes("passed") ? "bg-emerald-100 dark:bg-emerald-900/30 ring-2 ring-emerald-400 dark:ring-emerald-600" : "bg-emerald-50 dark:bg-emerald-900/20 hover:bg-emerald-100 dark:hover:bg-emerald-900/30",
+                          "rounded-lg p-3 text-left w-full h-full transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-40"
+                        ])}"${ssrRenderAttr("aria-pressed", __props.activeStatuses.includes("passed"))}${ssrIncludeBooleanAttr((__props.displayProgress?.passedTests ?? __props.testRun?.passedTests ?? 0) === 0) ? " disabled" : ""}${_scopeId3}><p class="text-xs font-medium text-emerald-700 dark:text-emerald-400 uppercase tracking-wider"${_scopeId3}> Passed </p><p class="text-xl font-bold mt-0.5 text-emerald-600 dark:text-emerald-400"${_scopeId3}>${ssrInterpolate(__props.displayProgress?.passedTests ?? __props.testRun?.passedTests ?? 0)}</p></button>`);
                         if ((__props.testRun?.flakyTests ?? 0) > 0) {
                           _push4(`<button class="${ssrRenderClass([
-                            __props.activeFilter === "flaky" ? "bg-orange-200 dark:bg-orange-800/60 text-orange-800 dark:text-orange-200 ring-2 ring-orange-400 dark:ring-orange-600" : "bg-orange-100 dark:bg-orange-900/40 text-orange-700 dark:text-orange-300 hover:bg-orange-200 dark:hover:bg-orange-800/60",
+                            __props.activeStatuses.includes("flaky") ? "bg-orange-200 dark:bg-orange-800/60 text-orange-800 dark:text-orange-200 ring-2 ring-orange-400 dark:ring-orange-600" : "bg-orange-100 dark:bg-orange-900/40 text-orange-700 dark:text-orange-300 hover:bg-orange-200 dark:hover:bg-orange-800/60",
                             "absolute top-1.5 right-1.5 inline-flex items-center gap-0.5 rounded-full px-1.5 py-0.5 text-xs font-semibold leading-none tabular-nums transition-colors cursor-pointer"
-                          ])}" title="Flaky — passed only after a retry (a subset of passed). Click to filter."${_scopeId3}>`);
+                          ])}" title="Flaky — passed only after a retry (a subset of passed). Click to filter."${ssrRenderAttr("aria-pressed", __props.activeStatuses.includes("flaky"))}${_scopeId3}>`);
                           _push4(ssrRenderComponent(_component_UIcon, {
                             name: "i-lucide-shuffle",
                             class: "size-3"
@@ -1598,85 +1671,96 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                           _push4(`<!---->`);
                         }
                         _push4(`</div><button class="${ssrRenderClass([
-                          __props.activeFilter === "failed" ? "bg-rose-100 dark:bg-rose-900/30 ring-2 ring-rose-400 dark:ring-rose-600" : "bg-rose-50 dark:bg-rose-900/20 hover:bg-rose-100 dark:hover:bg-rose-900/30",
-                          "rounded-lg p-3 text-left w-full transition-colors cursor-pointer"
-                        ])}"${_scopeId3}><p class="text-xs font-medium text-rose-700 dark:text-rose-400 uppercase tracking-wider"${_scopeId3}>Failed</p><p class="text-xl font-bold mt-0.5 text-rose-600 dark:text-rose-400"${_scopeId3}>${ssrInterpolate(__props.displayProgress?.failedTests ?? __props.testRun?.failedTests ?? 0)}</p></button><button class="${ssrRenderClass([
-                          __props.activeFilter === "skipped" ? "bg-accented ring-2 ring-zinc-400 dark:ring-zinc-500" : "bg-elevated/60 hover:bg-elevated",
-                          "rounded-lg p-3 text-left w-full transition-colors cursor-pointer"
-                        ])}"${_scopeId3}><p class="text-xs font-medium text-zinc-500 uppercase tracking-wider"${_scopeId3}>Skipped</p><p class="text-xl font-bold mt-0.5 text-zinc-600 dark:text-zinc-400"${_scopeId3}>${ssrInterpolate(__props.displayProgress?.skippedTests ?? __props.testRun?.skippedTests ?? 0)}</p></button><button class="${ssrRenderClass([
-                          __props.activeFilter === "didnotrun" ? "bg-amber-100 dark:bg-amber-900/30 ring-2 ring-amber-400 dark:ring-amber-600" : "bg-amber-50 dark:bg-amber-900/20 hover:bg-amber-100 dark:hover:bg-amber-900/30",
-                          "rounded-lg p-3 text-left w-full transition-colors cursor-pointer"
-                        ])}" title="Tests that never ran (maxFailures cutoff or a serial-group failure)"${_scopeId3}><p class="text-xs font-medium text-amber-700 dark:text-amber-400 uppercase tracking-wider"${_scopeId3}>Didn&#39;t run</p><p class="text-xl font-bold mt-0.5 text-amber-600 dark:text-amber-400"${_scopeId3}>${ssrInterpolate(__props.testRun?.didNotRunTests ?? 0)}</p></button>`);
+                          __props.activeStatuses.includes("failed") ? "bg-rose-100 dark:bg-rose-900/30 ring-2 ring-rose-400 dark:ring-rose-600" : "bg-rose-50 dark:bg-rose-900/20 hover:bg-rose-100 dark:hover:bg-rose-900/30",
+                          "rounded-lg p-3 text-left w-full transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-40"
+                        ])}"${ssrRenderAttr("aria-pressed", __props.activeStatuses.includes("failed"))}${ssrIncludeBooleanAttr((__props.displayProgress?.failedTests ?? __props.testRun?.failedTests ?? 0) === 0) ? " disabled" : ""}${_scopeId3}><p class="text-xs font-medium text-rose-700 dark:text-rose-400 uppercase tracking-wider"${_scopeId3}>Failed</p><p class="text-xl font-bold mt-0.5 text-rose-600 dark:text-rose-400"${_scopeId3}>${ssrInterpolate(__props.displayProgress?.failedTests ?? __props.testRun?.failedTests ?? 0)}</p></button><button class="${ssrRenderClass([
+                          __props.activeStatuses.includes("skipped") ? "bg-accented ring-2 ring-zinc-400 dark:ring-zinc-500" : "bg-elevated/60 hover:bg-elevated",
+                          "rounded-lg p-3 text-left w-full transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-40"
+                        ])}"${ssrRenderAttr("aria-pressed", __props.activeStatuses.includes("skipped"))}${ssrIncludeBooleanAttr((__props.displayProgress?.skippedTests ?? __props.testRun?.skippedTests ?? 0) === 0) ? " disabled" : ""}${_scopeId3}><p class="text-xs font-medium text-zinc-500 uppercase tracking-wider"${_scopeId3}>Skipped</p><p class="text-xl font-bold mt-0.5 text-zinc-600 dark:text-zinc-400"${_scopeId3}>${ssrInterpolate(__props.displayProgress?.skippedTests ?? __props.testRun?.skippedTests ?? 0)}</p></button><button class="${ssrRenderClass([
+                          __props.activeStatuses.includes("didnotrun") ? "bg-amber-100 dark:bg-amber-900/30 ring-2 ring-amber-400 dark:ring-amber-600" : "bg-amber-50 dark:bg-amber-900/20 hover:bg-amber-100 dark:hover:bg-amber-900/30",
+                          "rounded-lg p-3 text-left w-full transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-40"
+                        ])}" title="Tests that never ran (maxFailures cutoff or a serial-group failure)"${ssrRenderAttr("aria-pressed", __props.activeStatuses.includes("didnotrun"))}${ssrIncludeBooleanAttr((__props.testRun?.didNotRunTests ?? 0) === 0) ? " disabled" : ""}${_scopeId3}><p class="text-xs font-medium text-amber-700 dark:text-amber-400 uppercase tracking-wider"${_scopeId3}>Didn&#39;t run</p><p class="text-xl font-bold mt-0.5 text-amber-600 dark:text-amber-400"${_scopeId3}>${ssrInterpolate(__props.testRun?.didNotRunTests ?? 0)}</p></button>`);
                       } else {
                         return [
                           createVNode("button", {
                             class: [
-                              "rounded-lg p-3 text-left w-full transition-colors cursor-pointer",
-                              __props.activeFilter === "all" ? "bg-accented ring-2 ring-zinc-400 dark:ring-zinc-500" : "bg-elevated/60 hover:bg-elevated"
+                              "rounded-lg p-3 text-left w-full transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-40",
+                              __props.activeStatuses.length === 0 ? "bg-accented ring-2 ring-zinc-400 dark:ring-zinc-500" : "bg-elevated/60 hover:bg-elevated"
                             ],
-                            onClick: ($event) => emit("filter-status", "all")
+                            "aria-pressed": __props.activeStatuses.length === 0,
+                            disabled: (__props.displayProgress?.totalTests ?? __props.testRun?.totalTests ?? 0) === 0,
+                            onClick: ($event) => emit("toggle-status", "all")
                           }, [
                             createVNode("p", { class: "text-xs font-medium text-zinc-500 uppercase tracking-wider" }, "Total"),
                             createVNode("p", { class: "text-xl font-bold mt-0.5" }, toDisplayString(__props.displayProgress?.totalTests ?? __props.testRun?.totalTests ?? 0), 1)
-                          ], 10, ["onClick"]),
+                          ], 10, ["aria-pressed", "disabled", "onClick"]),
                           createVNode("div", { class: "relative" }, [
                             createVNode("button", {
                               class: [
-                                "rounded-lg p-3 text-left w-full h-full transition-colors cursor-pointer",
-                                __props.activeFilter === "passed" ? "bg-emerald-100 dark:bg-emerald-900/30 ring-2 ring-emerald-400 dark:ring-emerald-600" : "bg-emerald-50 dark:bg-emerald-900/20 hover:bg-emerald-100 dark:hover:bg-emerald-900/30"
+                                "rounded-lg p-3 text-left w-full h-full transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-40",
+                                __props.activeStatuses.includes("passed") ? "bg-emerald-100 dark:bg-emerald-900/30 ring-2 ring-emerald-400 dark:ring-emerald-600" : "bg-emerald-50 dark:bg-emerald-900/20 hover:bg-emerald-100 dark:hover:bg-emerald-900/30"
                               ],
-                              onClick: ($event) => emit("filter-status", "passed")
+                              "aria-pressed": __props.activeStatuses.includes("passed"),
+                              disabled: (__props.displayProgress?.passedTests ?? __props.testRun?.passedTests ?? 0) === 0,
+                              onClick: ($event) => emit("toggle-status", "passed")
                             }, [
                               createVNode("p", { class: "text-xs font-medium text-emerald-700 dark:text-emerald-400 uppercase tracking-wider" }, " Passed "),
                               createVNode("p", { class: "text-xl font-bold mt-0.5 text-emerald-600 dark:text-emerald-400" }, toDisplayString(__props.displayProgress?.passedTests ?? __props.testRun?.passedTests ?? 0), 1)
-                            ], 10, ["onClick"]),
+                            ], 10, ["aria-pressed", "disabled", "onClick"]),
                             (__props.testRun?.flakyTests ?? 0) > 0 ? (openBlock(), createBlock("button", {
                               key: 0,
                               class: [
                                 "absolute top-1.5 right-1.5 inline-flex items-center gap-0.5 rounded-full px-1.5 py-0.5 text-xs font-semibold leading-none tabular-nums transition-colors cursor-pointer",
-                                __props.activeFilter === "flaky" ? "bg-orange-200 dark:bg-orange-800/60 text-orange-800 dark:text-orange-200 ring-2 ring-orange-400 dark:ring-orange-600" : "bg-orange-100 dark:bg-orange-900/40 text-orange-700 dark:text-orange-300 hover:bg-orange-200 dark:hover:bg-orange-800/60"
+                                __props.activeStatuses.includes("flaky") ? "bg-orange-200 dark:bg-orange-800/60 text-orange-800 dark:text-orange-200 ring-2 ring-orange-400 dark:ring-orange-600" : "bg-orange-100 dark:bg-orange-900/40 text-orange-700 dark:text-orange-300 hover:bg-orange-200 dark:hover:bg-orange-800/60"
                               ],
                               title: "Flaky — passed only after a retry (a subset of passed). Click to filter.",
-                              onClick: ($event) => emit("filter-status", "flaky")
+                              "aria-pressed": __props.activeStatuses.includes("flaky"),
+                              onClick: ($event) => emit("toggle-status", "flaky")
                             }, [
                               createVNode(_component_UIcon, {
                                 name: "i-lucide-shuffle",
                                 class: "size-3"
                               }),
                               createTextVNode(" " + toDisplayString(__props.testRun?.flakyTests ?? 0), 1)
-                            ], 10, ["onClick"])) : createCommentVNode("", true)
+                            ], 10, ["aria-pressed", "onClick"])) : createCommentVNode("", true)
                           ]),
                           createVNode("button", {
                             class: [
-                              "rounded-lg p-3 text-left w-full transition-colors cursor-pointer",
-                              __props.activeFilter === "failed" ? "bg-rose-100 dark:bg-rose-900/30 ring-2 ring-rose-400 dark:ring-rose-600" : "bg-rose-50 dark:bg-rose-900/20 hover:bg-rose-100 dark:hover:bg-rose-900/30"
+                              "rounded-lg p-3 text-left w-full transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-40",
+                              __props.activeStatuses.includes("failed") ? "bg-rose-100 dark:bg-rose-900/30 ring-2 ring-rose-400 dark:ring-rose-600" : "bg-rose-50 dark:bg-rose-900/20 hover:bg-rose-100 dark:hover:bg-rose-900/30"
                             ],
-                            onClick: ($event) => emit("filter-status", "failed")
+                            "aria-pressed": __props.activeStatuses.includes("failed"),
+                            disabled: (__props.displayProgress?.failedTests ?? __props.testRun?.failedTests ?? 0) === 0,
+                            onClick: ($event) => emit("toggle-status", "failed")
                           }, [
                             createVNode("p", { class: "text-xs font-medium text-rose-700 dark:text-rose-400 uppercase tracking-wider" }, "Failed"),
                             createVNode("p", { class: "text-xl font-bold mt-0.5 text-rose-600 dark:text-rose-400" }, toDisplayString(__props.displayProgress?.failedTests ?? __props.testRun?.failedTests ?? 0), 1)
-                          ], 10, ["onClick"]),
+                          ], 10, ["aria-pressed", "disabled", "onClick"]),
                           createVNode("button", {
                             class: [
-                              "rounded-lg p-3 text-left w-full transition-colors cursor-pointer",
-                              __props.activeFilter === "skipped" ? "bg-accented ring-2 ring-zinc-400 dark:ring-zinc-500" : "bg-elevated/60 hover:bg-elevated"
+                              "rounded-lg p-3 text-left w-full transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-40",
+                              __props.activeStatuses.includes("skipped") ? "bg-accented ring-2 ring-zinc-400 dark:ring-zinc-500" : "bg-elevated/60 hover:bg-elevated"
                             ],
-                            onClick: ($event) => emit("filter-status", "skipped")
+                            "aria-pressed": __props.activeStatuses.includes("skipped"),
+                            disabled: (__props.displayProgress?.skippedTests ?? __props.testRun?.skippedTests ?? 0) === 0,
+                            onClick: ($event) => emit("toggle-status", "skipped")
                           }, [
                             createVNode("p", { class: "text-xs font-medium text-zinc-500 uppercase tracking-wider" }, "Skipped"),
                             createVNode("p", { class: "text-xl font-bold mt-0.5 text-zinc-600 dark:text-zinc-400" }, toDisplayString(__props.displayProgress?.skippedTests ?? __props.testRun?.skippedTests ?? 0), 1)
-                          ], 10, ["onClick"]),
+                          ], 10, ["aria-pressed", "disabled", "onClick"]),
                           createVNode("button", {
                             class: [
-                              "rounded-lg p-3 text-left w-full transition-colors cursor-pointer",
-                              __props.activeFilter === "didnotrun" ? "bg-amber-100 dark:bg-amber-900/30 ring-2 ring-amber-400 dark:ring-amber-600" : "bg-amber-50 dark:bg-amber-900/20 hover:bg-amber-100 dark:hover:bg-amber-900/30"
+                              "rounded-lg p-3 text-left w-full transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-40",
+                              __props.activeStatuses.includes("didnotrun") ? "bg-amber-100 dark:bg-amber-900/30 ring-2 ring-amber-400 dark:ring-amber-600" : "bg-amber-50 dark:bg-amber-900/20 hover:bg-amber-100 dark:hover:bg-amber-900/30"
                             ],
                             title: "Tests that never ran (maxFailures cutoff or a serial-group failure)",
-                            onClick: ($event) => emit("filter-status", "didnotrun")
+                            "aria-pressed": __props.activeStatuses.includes("didnotrun"),
+                            disabled: (__props.testRun?.didNotRunTests ?? 0) === 0,
+                            onClick: ($event) => emit("toggle-status", "didnotrun")
                           }, [
                             createVNode("p", { class: "text-xs font-medium text-amber-700 dark:text-amber-400 uppercase tracking-wider" }, "Didn't run"),
                             createVNode("p", { class: "text-xl font-bold mt-0.5 text-amber-600 dark:text-amber-400" }, toDisplayString(__props.testRun?.didNotRunTests ?? 0), 1)
-                          ], 10, ["onClick"])
+                          ], 10, ["aria-pressed", "disabled", "onClick"])
                         ];
                       }
                     }),
@@ -1697,6 +1781,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                       name: "i-lucide-clock",
                       class: "size-3.5 text-zinc-400"
                     }, null, _parent3, _scopeId2));
+                    _push3(`<span class="text-zinc-500"${_scopeId2}>Duration</span>`);
                     _push3(ssrRenderComponent(_component_DurationValue, {
                       ms: __props.testRun?.duration,
                       class: "font-medium"
@@ -1734,7 +1819,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                       _push3(`<!---->`);
                     }
                     if (__props.totalWastedTime && __props.totalWastedTime > 0) {
-                      _push3(`<div class="flex items-center gap-1"${_scopeId2}>`);
+                      _push3(`<div class="flex items-center gap-1" title="Wasted in fixed waits"${_scopeId2}>`);
                       _push3(ssrRenderComponent(_component_UIcon, {
                         name: "i-lucide-clock",
                         class: "size-3.5 text-amber-500"
@@ -1763,6 +1848,10 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                             createVNode(_component_StatusChip, {
                               status: __props.testRun?.status ?? ""
                             }, null, 8, ["status"]),
+                            __props.testRun?.status === "interrupted" || __props.testRun?.shardTotal && __props.testRun.shardTotal > 1 ? (openBlock(), createBlock(_component_HelpHint, {
+                              key: 0,
+                              topic: "run.partial"
+                            })) : createCommentVNode("", true),
                             createVNode("h2", { class: "text-base font-bold shrink-0 flex items-center gap-1" }, [
                               createTextVNode(" Run #" + toDisplayString(__props.testRun?.id) + " ", 1),
                               unref(editingLabel) ? (openBlock(), createBlock(Fragment, { key: 0 }, [
@@ -1798,7 +1887,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                               createVNode(_component_HelpHint, { topic: "run.summary" })
                             ]),
                             __props.testRun?.shardTotal && __props.testRun.shardTotal > 1 ? (openBlock(), createBlock(_component_UBadge, {
-                              key: 0,
+                              key: 1,
                               color: "neutral",
                               variant: "soft",
                               size: "sm",
@@ -1815,7 +1904,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                               _: 1
                             }, 8, ["title"])) : createCommentVNode("", true),
                             __props.testRun?.precedingMarker ? (openBlock(), createBlock(_component_UTooltip, {
-                              key: 1,
+                              key: 2,
                               text: `This run started after: ${__props.testRun.precedingMarker.label}`
                             }, {
                               default: withCtx(() => [
@@ -1837,13 +1926,18 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                             }, 8, ["text"])) : createCommentVNode("", true)
                           ]),
                           createVNode("p", { class: "mt-1 text-xs text-muted flex items-center gap-1.5 flex-wrap" }, [
-                            createVNode("span", null, "Started " + toDisplayString(("prettyDateFormat" in _ctx ? _ctx.prettyDateFormat : unref(prettyDateFormat))(__props.testRun?.startTime)), 1),
                             createVNode(_component_ClientOnly, null, {
                               default: withCtx(() => [
-                                createVNode("span", { class: "text-dimmed" }, "· " + toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(__props.testRun?.startTime)), 1)
+                                createVNode("span", {
+                                  title: ("prettyDateFormat" in _ctx ? _ctx.prettyDateFormat : unref(prettyDateFormat))(__props.testRun?.startTime)
+                                }, " Started " + toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(__props.testRun?.startTime)), 9, ["title"])
                               ]),
                               _: 1
-                            })
+                            }),
+                            __props.testRun?.shardTotal && __props.testRun.shardTotal > 1 ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                              createVNode("span", { class: "text-dimmed" }, "·"),
+                              createVNode(_component_HelpHint, { topic: "run.partial" })
+                            ], 64)) : createCommentVNode("", true)
                           ])
                         ]),
                         createVNode("div", { class: "flex items-center gap-1.5 shrink-0" }, [
@@ -1881,13 +1975,13 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                                 size: "xs",
                                 color: "warning",
                                 variant: "subtle",
-                                icon: unref(retryCopied) ? "i-lucide-check" : "i-lucide-play",
+                                icon: unref(retryCopied) ? "i-lucide-check" : "i-lucide-clipboard",
                                 title: unref(retryTitle),
-                                "aria-label": "Retry",
+                                "aria-label": "Copy retry command",
                                 onClick: ($event) => copyRetryCommand()
                               }, {
                                 default: withCtx(() => [
-                                  createVNode("span", { class: "hidden @2xl:inline" }, "Retry")
+                                  createVNode("span", { class: "hidden @2xl:inline" }, "Copy retry command")
                                 ]),
                                 _: 1
                               }, 8, ["icon", "title", "onClick"])
@@ -1922,72 +2016,83 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode("button", {
                             class: [
-                              "rounded-lg p-3 text-left w-full transition-colors cursor-pointer",
-                              __props.activeFilter === "all" ? "bg-accented ring-2 ring-zinc-400 dark:ring-zinc-500" : "bg-elevated/60 hover:bg-elevated"
+                              "rounded-lg p-3 text-left w-full transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-40",
+                              __props.activeStatuses.length === 0 ? "bg-accented ring-2 ring-zinc-400 dark:ring-zinc-500" : "bg-elevated/60 hover:bg-elevated"
                             ],
-                            onClick: ($event) => emit("filter-status", "all")
+                            "aria-pressed": __props.activeStatuses.length === 0,
+                            disabled: (__props.displayProgress?.totalTests ?? __props.testRun?.totalTests ?? 0) === 0,
+                            onClick: ($event) => emit("toggle-status", "all")
                           }, [
                             createVNode("p", { class: "text-xs font-medium text-zinc-500 uppercase tracking-wider" }, "Total"),
                             createVNode("p", { class: "text-xl font-bold mt-0.5" }, toDisplayString(__props.displayProgress?.totalTests ?? __props.testRun?.totalTests ?? 0), 1)
-                          ], 10, ["onClick"]),
+                          ], 10, ["aria-pressed", "disabled", "onClick"]),
                           createVNode("div", { class: "relative" }, [
                             createVNode("button", {
                               class: [
-                                "rounded-lg p-3 text-left w-full h-full transition-colors cursor-pointer",
-                                __props.activeFilter === "passed" ? "bg-emerald-100 dark:bg-emerald-900/30 ring-2 ring-emerald-400 dark:ring-emerald-600" : "bg-emerald-50 dark:bg-emerald-900/20 hover:bg-emerald-100 dark:hover:bg-emerald-900/30"
+                                "rounded-lg p-3 text-left w-full h-full transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-40",
+                                __props.activeStatuses.includes("passed") ? "bg-emerald-100 dark:bg-emerald-900/30 ring-2 ring-emerald-400 dark:ring-emerald-600" : "bg-emerald-50 dark:bg-emerald-900/20 hover:bg-emerald-100 dark:hover:bg-emerald-900/30"
                               ],
-                              onClick: ($event) => emit("filter-status", "passed")
+                              "aria-pressed": __props.activeStatuses.includes("passed"),
+                              disabled: (__props.displayProgress?.passedTests ?? __props.testRun?.passedTests ?? 0) === 0,
+                              onClick: ($event) => emit("toggle-status", "passed")
                             }, [
                               createVNode("p", { class: "text-xs font-medium text-emerald-700 dark:text-emerald-400 uppercase tracking-wider" }, " Passed "),
                               createVNode("p", { class: "text-xl font-bold mt-0.5 text-emerald-600 dark:text-emerald-400" }, toDisplayString(__props.displayProgress?.passedTests ?? __props.testRun?.passedTests ?? 0), 1)
-                            ], 10, ["onClick"]),
+                            ], 10, ["aria-pressed", "disabled", "onClick"]),
                             (__props.testRun?.flakyTests ?? 0) > 0 ? (openBlock(), createBlock("button", {
                               key: 0,
                               class: [
                                 "absolute top-1.5 right-1.5 inline-flex items-center gap-0.5 rounded-full px-1.5 py-0.5 text-xs font-semibold leading-none tabular-nums transition-colors cursor-pointer",
-                                __props.activeFilter === "flaky" ? "bg-orange-200 dark:bg-orange-800/60 text-orange-800 dark:text-orange-200 ring-2 ring-orange-400 dark:ring-orange-600" : "bg-orange-100 dark:bg-orange-900/40 text-orange-700 dark:text-orange-300 hover:bg-orange-200 dark:hover:bg-orange-800/60"
+                                __props.activeStatuses.includes("flaky") ? "bg-orange-200 dark:bg-orange-800/60 text-orange-800 dark:text-orange-200 ring-2 ring-orange-400 dark:ring-orange-600" : "bg-orange-100 dark:bg-orange-900/40 text-orange-700 dark:text-orange-300 hover:bg-orange-200 dark:hover:bg-orange-800/60"
                               ],
                               title: "Flaky — passed only after a retry (a subset of passed). Click to filter.",
-                              onClick: ($event) => emit("filter-status", "flaky")
+                              "aria-pressed": __props.activeStatuses.includes("flaky"),
+                              onClick: ($event) => emit("toggle-status", "flaky")
                             }, [
                               createVNode(_component_UIcon, {
                                 name: "i-lucide-shuffle",
                                 class: "size-3"
                               }),
                               createTextVNode(" " + toDisplayString(__props.testRun?.flakyTests ?? 0), 1)
-                            ], 10, ["onClick"])) : createCommentVNode("", true)
+                            ], 10, ["aria-pressed", "onClick"])) : createCommentVNode("", true)
                           ]),
                           createVNode("button", {
                             class: [
-                              "rounded-lg p-3 text-left w-full transition-colors cursor-pointer",
-                              __props.activeFilter === "failed" ? "bg-rose-100 dark:bg-rose-900/30 ring-2 ring-rose-400 dark:ring-rose-600" : "bg-rose-50 dark:bg-rose-900/20 hover:bg-rose-100 dark:hover:bg-rose-900/30"
+                              "rounded-lg p-3 text-left w-full transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-40",
+                              __props.activeStatuses.includes("failed") ? "bg-rose-100 dark:bg-rose-900/30 ring-2 ring-rose-400 dark:ring-rose-600" : "bg-rose-50 dark:bg-rose-900/20 hover:bg-rose-100 dark:hover:bg-rose-900/30"
                             ],
-                            onClick: ($event) => emit("filter-status", "failed")
+                            "aria-pressed": __props.activeStatuses.includes("failed"),
+                            disabled: (__props.displayProgress?.failedTests ?? __props.testRun?.failedTests ?? 0) === 0,
+                            onClick: ($event) => emit("toggle-status", "failed")
                           }, [
                             createVNode("p", { class: "text-xs font-medium text-rose-700 dark:text-rose-400 uppercase tracking-wider" }, "Failed"),
                             createVNode("p", { class: "text-xl font-bold mt-0.5 text-rose-600 dark:text-rose-400" }, toDisplayString(__props.displayProgress?.failedTests ?? __props.testRun?.failedTests ?? 0), 1)
-                          ], 10, ["onClick"]),
+                          ], 10, ["aria-pressed", "disabled", "onClick"]),
                           createVNode("button", {
                             class: [
-                              "rounded-lg p-3 text-left w-full transition-colors cursor-pointer",
-                              __props.activeFilter === "skipped" ? "bg-accented ring-2 ring-zinc-400 dark:ring-zinc-500" : "bg-elevated/60 hover:bg-elevated"
+                              "rounded-lg p-3 text-left w-full transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-40",
+                              __props.activeStatuses.includes("skipped") ? "bg-accented ring-2 ring-zinc-400 dark:ring-zinc-500" : "bg-elevated/60 hover:bg-elevated"
                             ],
-                            onClick: ($event) => emit("filter-status", "skipped")
+                            "aria-pressed": __props.activeStatuses.includes("skipped"),
+                            disabled: (__props.displayProgress?.skippedTests ?? __props.testRun?.skippedTests ?? 0) === 0,
+                            onClick: ($event) => emit("toggle-status", "skipped")
                           }, [
                             createVNode("p", { class: "text-xs font-medium text-zinc-500 uppercase tracking-wider" }, "Skipped"),
                             createVNode("p", { class: "text-xl font-bold mt-0.5 text-zinc-600 dark:text-zinc-400" }, toDisplayString(__props.displayProgress?.skippedTests ?? __props.testRun?.skippedTests ?? 0), 1)
-                          ], 10, ["onClick"]),
+                          ], 10, ["aria-pressed", "disabled", "onClick"]),
                           createVNode("button", {
                             class: [
-                              "rounded-lg p-3 text-left w-full transition-colors cursor-pointer",
-                              __props.activeFilter === "didnotrun" ? "bg-amber-100 dark:bg-amber-900/30 ring-2 ring-amber-400 dark:ring-amber-600" : "bg-amber-50 dark:bg-amber-900/20 hover:bg-amber-100 dark:hover:bg-amber-900/30"
+                              "rounded-lg p-3 text-left w-full transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-40",
+                              __props.activeStatuses.includes("didnotrun") ? "bg-amber-100 dark:bg-amber-900/30 ring-2 ring-amber-400 dark:ring-amber-600" : "bg-amber-50 dark:bg-amber-900/20 hover:bg-amber-100 dark:hover:bg-amber-900/30"
                             ],
                             title: "Tests that never ran (maxFailures cutoff or a serial-group failure)",
-                            onClick: ($event) => emit("filter-status", "didnotrun")
+                            "aria-pressed": __props.activeStatuses.includes("didnotrun"),
+                            disabled: (__props.testRun?.didNotRunTests ?? 0) === 0,
+                            onClick: ($event) => emit("toggle-status", "didnotrun")
                           }, [
                             createVNode("p", { class: "text-xs font-medium text-amber-700 dark:text-amber-400 uppercase tracking-wider" }, "Didn't run"),
                             createVNode("p", { class: "text-xl font-bold mt-0.5 text-amber-600 dark:text-amber-400" }, toDisplayString(__props.testRun?.didNotRunTests ?? 0), 1)
-                          ], 10, ["onClick"])
+                          ], 10, ["aria-pressed", "disabled", "onClick"])
                         ]),
                         _: 1
                       }),
@@ -2011,6 +2116,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                               name: "i-lucide-clock",
                               class: "size-3.5 text-zinc-400"
                             }),
+                            createVNode("span", { class: "text-zinc-500" }, "Duration"),
                             createVNode(_component_DurationValue, {
                               ms: __props.testRun?.duration,
                               class: "font-medium"
@@ -2047,7 +2153,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                           ])) : createCommentVNode("", true),
                           __props.totalWastedTime && __props.totalWastedTime > 0 ? (openBlock(), createBlock("div", {
                             key: 2,
-                            class: "flex items-center gap-1"
+                            class: "flex items-center gap-1",
+                            title: "Wasted in fixed waits"
                           }, [
                             createVNode(_component_UIcon, {
                               name: "i-lucide-clock",
@@ -2264,6 +2371,10 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                             createVNode(_component_StatusChip, {
                               status: __props.testRun?.status ?? ""
                             }, null, 8, ["status"]),
+                            __props.testRun?.status === "interrupted" || __props.testRun?.shardTotal && __props.testRun.shardTotal > 1 ? (openBlock(), createBlock(_component_HelpHint, {
+                              key: 0,
+                              topic: "run.partial"
+                            })) : createCommentVNode("", true),
                             createVNode("h2", { class: "text-base font-bold shrink-0 flex items-center gap-1" }, [
                               createTextVNode(" Run #" + toDisplayString(__props.testRun?.id) + " ", 1),
                               unref(editingLabel) ? (openBlock(), createBlock(Fragment, { key: 0 }, [
@@ -2299,7 +2410,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                               createVNode(_component_HelpHint, { topic: "run.summary" })
                             ]),
                             __props.testRun?.shardTotal && __props.testRun.shardTotal > 1 ? (openBlock(), createBlock(_component_UBadge, {
-                              key: 0,
+                              key: 1,
                               color: "neutral",
                               variant: "soft",
                               size: "sm",
@@ -2316,7 +2427,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                               _: 1
                             }, 8, ["title"])) : createCommentVNode("", true),
                             __props.testRun?.precedingMarker ? (openBlock(), createBlock(_component_UTooltip, {
-                              key: 1,
+                              key: 2,
                               text: `This run started after: ${__props.testRun.precedingMarker.label}`
                             }, {
                               default: withCtx(() => [
@@ -2338,13 +2449,18 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                             }, 8, ["text"])) : createCommentVNode("", true)
                           ]),
                           createVNode("p", { class: "mt-1 text-xs text-muted flex items-center gap-1.5 flex-wrap" }, [
-                            createVNode("span", null, "Started " + toDisplayString(("prettyDateFormat" in _ctx ? _ctx.prettyDateFormat : unref(prettyDateFormat))(__props.testRun?.startTime)), 1),
                             createVNode(_component_ClientOnly, null, {
                               default: withCtx(() => [
-                                createVNode("span", { class: "text-dimmed" }, "· " + toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(__props.testRun?.startTime)), 1)
+                                createVNode("span", {
+                                  title: ("prettyDateFormat" in _ctx ? _ctx.prettyDateFormat : unref(prettyDateFormat))(__props.testRun?.startTime)
+                                }, " Started " + toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(__props.testRun?.startTime)), 9, ["title"])
                               ]),
                               _: 1
-                            })
+                            }),
+                            __props.testRun?.shardTotal && __props.testRun.shardTotal > 1 ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                              createVNode("span", { class: "text-dimmed" }, "·"),
+                              createVNode(_component_HelpHint, { topic: "run.partial" })
+                            ], 64)) : createCommentVNode("", true)
                           ])
                         ]),
                         createVNode("div", { class: "flex items-center gap-1.5 shrink-0" }, [
@@ -2382,13 +2498,13 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                                 size: "xs",
                                 color: "warning",
                                 variant: "subtle",
-                                icon: unref(retryCopied) ? "i-lucide-check" : "i-lucide-play",
+                                icon: unref(retryCopied) ? "i-lucide-check" : "i-lucide-clipboard",
                                 title: unref(retryTitle),
-                                "aria-label": "Retry",
+                                "aria-label": "Copy retry command",
                                 onClick: ($event) => copyRetryCommand()
                               }, {
                                 default: withCtx(() => [
-                                  createVNode("span", { class: "hidden @2xl:inline" }, "Retry")
+                                  createVNode("span", { class: "hidden @2xl:inline" }, "Copy retry command")
                                 ]),
                                 _: 1
                               }, 8, ["icon", "title", "onClick"])
@@ -2423,72 +2539,83 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode("button", {
                             class: [
-                              "rounded-lg p-3 text-left w-full transition-colors cursor-pointer",
-                              __props.activeFilter === "all" ? "bg-accented ring-2 ring-zinc-400 dark:ring-zinc-500" : "bg-elevated/60 hover:bg-elevated"
+                              "rounded-lg p-3 text-left w-full transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-40",
+                              __props.activeStatuses.length === 0 ? "bg-accented ring-2 ring-zinc-400 dark:ring-zinc-500" : "bg-elevated/60 hover:bg-elevated"
                             ],
-                            onClick: ($event) => emit("filter-status", "all")
+                            "aria-pressed": __props.activeStatuses.length === 0,
+                            disabled: (__props.displayProgress?.totalTests ?? __props.testRun?.totalTests ?? 0) === 0,
+                            onClick: ($event) => emit("toggle-status", "all")
                           }, [
                             createVNode("p", { class: "text-xs font-medium text-zinc-500 uppercase tracking-wider" }, "Total"),
                             createVNode("p", { class: "text-xl font-bold mt-0.5" }, toDisplayString(__props.displayProgress?.totalTests ?? __props.testRun?.totalTests ?? 0), 1)
-                          ], 10, ["onClick"]),
+                          ], 10, ["aria-pressed", "disabled", "onClick"]),
                           createVNode("div", { class: "relative" }, [
                             createVNode("button", {
                               class: [
-                                "rounded-lg p-3 text-left w-full h-full transition-colors cursor-pointer",
-                                __props.activeFilter === "passed" ? "bg-emerald-100 dark:bg-emerald-900/30 ring-2 ring-emerald-400 dark:ring-emerald-600" : "bg-emerald-50 dark:bg-emerald-900/20 hover:bg-emerald-100 dark:hover:bg-emerald-900/30"
+                                "rounded-lg p-3 text-left w-full h-full transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-40",
+                                __props.activeStatuses.includes("passed") ? "bg-emerald-100 dark:bg-emerald-900/30 ring-2 ring-emerald-400 dark:ring-emerald-600" : "bg-emerald-50 dark:bg-emerald-900/20 hover:bg-emerald-100 dark:hover:bg-emerald-900/30"
                               ],
-                              onClick: ($event) => emit("filter-status", "passed")
+                              "aria-pressed": __props.activeStatuses.includes("passed"),
+                              disabled: (__props.displayProgress?.passedTests ?? __props.testRun?.passedTests ?? 0) === 0,
+                              onClick: ($event) => emit("toggle-status", "passed")
                             }, [
                               createVNode("p", { class: "text-xs font-medium text-emerald-700 dark:text-emerald-400 uppercase tracking-wider" }, " Passed "),
                               createVNode("p", { class: "text-xl font-bold mt-0.5 text-emerald-600 dark:text-emerald-400" }, toDisplayString(__props.displayProgress?.passedTests ?? __props.testRun?.passedTests ?? 0), 1)
-                            ], 10, ["onClick"]),
+                            ], 10, ["aria-pressed", "disabled", "onClick"]),
                             (__props.testRun?.flakyTests ?? 0) > 0 ? (openBlock(), createBlock("button", {
                               key: 0,
                               class: [
                                 "absolute top-1.5 right-1.5 inline-flex items-center gap-0.5 rounded-full px-1.5 py-0.5 text-xs font-semibold leading-none tabular-nums transition-colors cursor-pointer",
-                                __props.activeFilter === "flaky" ? "bg-orange-200 dark:bg-orange-800/60 text-orange-800 dark:text-orange-200 ring-2 ring-orange-400 dark:ring-orange-600" : "bg-orange-100 dark:bg-orange-900/40 text-orange-700 dark:text-orange-300 hover:bg-orange-200 dark:hover:bg-orange-800/60"
+                                __props.activeStatuses.includes("flaky") ? "bg-orange-200 dark:bg-orange-800/60 text-orange-800 dark:text-orange-200 ring-2 ring-orange-400 dark:ring-orange-600" : "bg-orange-100 dark:bg-orange-900/40 text-orange-700 dark:text-orange-300 hover:bg-orange-200 dark:hover:bg-orange-800/60"
                               ],
                               title: "Flaky — passed only after a retry (a subset of passed). Click to filter.",
-                              onClick: ($event) => emit("filter-status", "flaky")
+                              "aria-pressed": __props.activeStatuses.includes("flaky"),
+                              onClick: ($event) => emit("toggle-status", "flaky")
                             }, [
                               createVNode(_component_UIcon, {
                                 name: "i-lucide-shuffle",
                                 class: "size-3"
                               }),
                               createTextVNode(" " + toDisplayString(__props.testRun?.flakyTests ?? 0), 1)
-                            ], 10, ["onClick"])) : createCommentVNode("", true)
+                            ], 10, ["aria-pressed", "onClick"])) : createCommentVNode("", true)
                           ]),
                           createVNode("button", {
                             class: [
-                              "rounded-lg p-3 text-left w-full transition-colors cursor-pointer",
-                              __props.activeFilter === "failed" ? "bg-rose-100 dark:bg-rose-900/30 ring-2 ring-rose-400 dark:ring-rose-600" : "bg-rose-50 dark:bg-rose-900/20 hover:bg-rose-100 dark:hover:bg-rose-900/30"
+                              "rounded-lg p-3 text-left w-full transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-40",
+                              __props.activeStatuses.includes("failed") ? "bg-rose-100 dark:bg-rose-900/30 ring-2 ring-rose-400 dark:ring-rose-600" : "bg-rose-50 dark:bg-rose-900/20 hover:bg-rose-100 dark:hover:bg-rose-900/30"
                             ],
-                            onClick: ($event) => emit("filter-status", "failed")
+                            "aria-pressed": __props.activeStatuses.includes("failed"),
+                            disabled: (__props.displayProgress?.failedTests ?? __props.testRun?.failedTests ?? 0) === 0,
+                            onClick: ($event) => emit("toggle-status", "failed")
                           }, [
                             createVNode("p", { class: "text-xs font-medium text-rose-700 dark:text-rose-400 uppercase tracking-wider" }, "Failed"),
                             createVNode("p", { class: "text-xl font-bold mt-0.5 text-rose-600 dark:text-rose-400" }, toDisplayString(__props.displayProgress?.failedTests ?? __props.testRun?.failedTests ?? 0), 1)
-                          ], 10, ["onClick"]),
+                          ], 10, ["aria-pressed", "disabled", "onClick"]),
                           createVNode("button", {
                             class: [
-                              "rounded-lg p-3 text-left w-full transition-colors cursor-pointer",
-                              __props.activeFilter === "skipped" ? "bg-accented ring-2 ring-zinc-400 dark:ring-zinc-500" : "bg-elevated/60 hover:bg-elevated"
+                              "rounded-lg p-3 text-left w-full transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-40",
+                              __props.activeStatuses.includes("skipped") ? "bg-accented ring-2 ring-zinc-400 dark:ring-zinc-500" : "bg-elevated/60 hover:bg-elevated"
                             ],
-                            onClick: ($event) => emit("filter-status", "skipped")
+                            "aria-pressed": __props.activeStatuses.includes("skipped"),
+                            disabled: (__props.displayProgress?.skippedTests ?? __props.testRun?.skippedTests ?? 0) === 0,
+                            onClick: ($event) => emit("toggle-status", "skipped")
                           }, [
                             createVNode("p", { class: "text-xs font-medium text-zinc-500 uppercase tracking-wider" }, "Skipped"),
                             createVNode("p", { class: "text-xl font-bold mt-0.5 text-zinc-600 dark:text-zinc-400" }, toDisplayString(__props.displayProgress?.skippedTests ?? __props.testRun?.skippedTests ?? 0), 1)
-                          ], 10, ["onClick"]),
+                          ], 10, ["aria-pressed", "disabled", "onClick"]),
                           createVNode("button", {
                             class: [
-                              "rounded-lg p-3 text-left w-full transition-colors cursor-pointer",
-                              __props.activeFilter === "didnotrun" ? "bg-amber-100 dark:bg-amber-900/30 ring-2 ring-amber-400 dark:ring-amber-600" : "bg-amber-50 dark:bg-amber-900/20 hover:bg-amber-100 dark:hover:bg-amber-900/30"
+                              "rounded-lg p-3 text-left w-full transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-40",
+                              __props.activeStatuses.includes("didnotrun") ? "bg-amber-100 dark:bg-amber-900/30 ring-2 ring-amber-400 dark:ring-amber-600" : "bg-amber-50 dark:bg-amber-900/20 hover:bg-amber-100 dark:hover:bg-amber-900/30"
                             ],
                             title: "Tests that never ran (maxFailures cutoff or a serial-group failure)",
-                            onClick: ($event) => emit("filter-status", "didnotrun")
+                            "aria-pressed": __props.activeStatuses.includes("didnotrun"),
+                            disabled: (__props.testRun?.didNotRunTests ?? 0) === 0,
+                            onClick: ($event) => emit("toggle-status", "didnotrun")
                           }, [
                             createVNode("p", { class: "text-xs font-medium text-amber-700 dark:text-amber-400 uppercase tracking-wider" }, "Didn't run"),
                             createVNode("p", { class: "text-xl font-bold mt-0.5 text-amber-600 dark:text-amber-400" }, toDisplayString(__props.testRun?.didNotRunTests ?? 0), 1)
-                          ], 10, ["onClick"])
+                          ], 10, ["aria-pressed", "disabled", "onClick"])
                         ]),
                         _: 1
                       }),
@@ -2512,6 +2639,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                               name: "i-lucide-clock",
                               class: "size-3.5 text-zinc-400"
                             }),
+                            createVNode("span", { class: "text-zinc-500" }, "Duration"),
                             createVNode(_component_DurationValue, {
                               ms: __props.testRun?.duration,
                               class: "font-medium"
@@ -2548,7 +2676,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                           ])) : createCommentVNode("", true),
                           __props.totalWastedTime && __props.totalWastedTime > 0 ? (openBlock(), createBlock("div", {
                             key: 2,
-                            class: "flex items-center gap-1"
+                            class: "flex items-center gap-1",
+                            title: "Wasted in fixed waits"
                           }, [
                             createVNode(_component_UIcon, {
                               name: "i-lucide-clock",
@@ -2582,7 +2711,7 @@ _sfc_main$g.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/run/RunSummary.vue");
   return _sfc_setup$g ? _sfc_setup$g(props, ctx) : void 0;
 };
-const __nuxt_component_9$1 = Object.assign(_sfc_main$g, { __name: "RunSummary" });
+const __nuxt_component_8 = Object.assign(_sfc_main$g, { __name: "RunSummary" });
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "TestRowBadges",
   __ssrInlineRender: true,
@@ -2982,14 +3111,12 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             browser: row.test.browser,
             size: "sm"
           }, null, _parent));
+          _push(`<span class="size-4 shrink-0" role="img"${ssrRenderAttr("aria-label", `Status: ${("formatStatusLabel" in _ctx ? _ctx.formatStatusLabel : unref(formatStatusLabel))(row.test.status)}`)}${ssrRenderAttr("title", ("formatStatusLabel" in _ctx ? _ctx.formatStatusLabel : unref(formatStatusLabel))(row.test.status))}>`);
           _push(ssrRenderComponent(_component_UIcon, {
             name: ("getStatusIcon" in _ctx ? _ctx.getStatusIcon : unref(getStatusIcon))(row.test.status),
-            class: ["size-4 shrink-0", [("getStatusTextClass" in _ctx ? _ctx.getStatusTextClass : unref(getStatusTextClass))(row.test.status), ("isStatusInFlight" in _ctx ? _ctx.isStatusInFlight : unref(isStatusInFlight))(row.test.status) ? "animate-spin" : ""]],
-            role: "img",
-            "aria-label": `Status: ${("formatStatusLabel" in _ctx ? _ctx.formatStatusLabel : unref(formatStatusLabel))(row.test.status)}`,
-            title: ("formatStatusLabel" in _ctx ? _ctx.formatStatusLabel : unref(formatStatusLabel))(row.test.status)
+            class: ["size-4", [("getStatusTextClass" in _ctx ? _ctx.getStatusTextClass : unref(getStatusTextClass))(row.test.status), ("isStatusInFlight" in _ctx ? _ctx.isStatusInFlight : unref(isStatusInFlight))(row.test.status) ? "animate-spin" : ""]]
           }, null, _parent));
-          _push(`<a${ssrRenderAttr("href", `/test-run-cases/${row.test.executionId}`)} class="text-highlighted hover:text-primary hover:underline min-w-32 self-stretch flex items-center"${ssrRenderAttr("title", row.test.title)}><span class="truncate">${ssrInterpolate(row.test.title)}</span></a>`);
+          _push(`</span><a${ssrRenderAttr("href", `/test-run-cases/${row.test.executionId}`)} class="text-highlighted hover:text-primary hover:underline min-w-32 self-stretch flex items-center"${ssrRenderAttr("title", row.test.title)}><span class="truncate">${ssrInterpolate(row.test.title)}</span></a>`);
           _push(ssrRenderComponent(_component_TestRowBadges, {
             "is-new-regression": Boolean(row.test.isNewRegression),
             "is-new-flaky": Boolean(row.test.isNewFlaky),
@@ -3112,6 +3239,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     isLive: { type: Boolean },
     liveSteps: {},
     failureClusterFilter: {},
+    clusterNames: {},
     projectKey: {},
     projectName: {}
   }, {
@@ -3125,6 +3253,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   emits: ["update:search", "update:activeStatuses", "update:browserFilter"],
   setup(__props, { expose: __expose }) {
     const { treeView, setTreeView } = useTreeViewCookie("test-cases");
+    const flatViewOverride = ref(false);
+    const effectiveTreeView = computed(() => treeView.value && !flatViewOverride.value);
     const props = __props;
     const testCaseSearch = useModel(__props, "search");
     const activeStatuses = useModel(__props, "activeStatuses");
@@ -3159,8 +3289,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       return items;
     });
     function matchesStatus(tc, filter) {
-      if (filter === "failed") return tc.status === "failed" || tc.status === "timedOut" || tc.status === "timedout";
-      if (filter === "flaky") return (tc.retries ?? 0) > 0;
+      if (filter === "failed") return isFailedStatus(tc.status);
+      if (filter === "flaky") return tc.status === "passed" && (tc.retries ?? 0) > 0;
       return tc.status === filter;
     }
     const filteredTestCases = computed(() => {
@@ -3201,7 +3331,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         case "title":
           return tc.title ?? "";
         case "status":
-          return tc.status ?? "";
+          return isFailedStatus(tc.status ?? "") ? "failed" : tc.status ?? "";
         case "duration":
           return tc.duration ?? 0;
         case "workerIndex":
@@ -3214,10 +3344,14 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           return "";
       }
     }
+    const failedCount = computed(() => props.testCases.filter((tc) => isFailedStatus(tc.status)).length);
     const sortedTestCases = computed(() => {
       const cases = filteredTestCases.value;
       const key = sortKey.value;
-      if (!key) return cases;
+      if (!key) {
+        if (failedCount.value === 0) return cases;
+        return [...cases].sort((a, b) => failureFirstCompare(a.status, b.status));
+      }
       const dir = sortDir.value === "asc" ? 1 : -1;
       return [...cases].sort((a, b) => {
         const va = sortValue(a, key);
@@ -3227,6 +3361,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       });
     });
     const hasWastedTime = computed(() => props.testCases.some((tc) => (tc.wastedTimeMs ?? 0) > 0));
+    const finishedCount = computed(() => props.testCases.filter((tc) => tc.status !== "running").length);
     const columns = computed(() => {
       const cols = [
         { key: "browser", label: "Browser", sortable: true, width: "3.25rem", align: "left", icon: "i-lucide-monitor" },
@@ -3242,7 +3377,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       return cols;
     });
     const sortOptions = computed(() => [
-      { label: "Run order", value: NATURAL_ORDER },
+      { label: failedCount.value > 0 ? "Failures first" : "Run order", value: NATURAL_ORDER },
       ...columns.value.map((c) => ({ label: c.label, value: c.key }))
     ]);
     const mobileSortKey = computed({
@@ -3255,7 +3390,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const gridTemplate = computed(() => columns.value.map((c) => c.width).join(" "));
     const gridMinWidth = computed(() => hasWastedTime.value ? "47.5rem" : "41.5rem");
     const hasFilter = computed(
-      () => testCaseSearch.value !== "" || activeStatuses.value.length > 0 || testCaseBrowserFilter.value !== "all" || props.failureClusterFilter != null
+      () => testCaseSearch.value !== "" || activeStatuses.value.length > 0 || testCaseBrowserFilter.value !== "all"
     );
     const scrollerRef = ref(null);
     const userScrolledAway = ref(false);
@@ -3274,7 +3409,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       }
     );
     function scrollToCase(id) {
-      setTreeView(false);
+      flatViewOverride.value = true;
       highlightedCaseId.value = id;
       const doScroll = () => {
         const index = sortedTestCases.value.findIndex((tc) => tc.executionId === id);
@@ -3288,6 +3423,11 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         }, 3e3);
       });
     }
+    function selectView(tree) {
+      flatViewOverride.value = false;
+      setTreeView(tree);
+    }
+    const isDesktopList = ref(false);
     __expose({ scrollToCase });
     return (_ctx, _push, _parent, _attrs) => {
       const _component_FilterToolbar = __nuxt_component_4$4;
@@ -3298,24 +3438,25 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       const _component_UCheckbox = _sfc_main$s;
       const _component_UButton = _sfc_main$k;
       const _component_TestCasesTree = __nuxt_component_7;
-      const _component_ClientOnly = __nuxt_component_7$1;
+      const _component_ClientOnly = __nuxt_component_8$1;
+      const _component_EmptyState = __nuxt_component_4$3;
       _push(`<div${ssrRenderAttrs(mergeProps({ class: "flex flex-col min-h-0" }, _attrs))}>`);
       _push(ssrRenderComponent(_component_FilterToolbar, { class: "mb-4 shrink-0" }, {
         start: withCtx((_, _push2, _parent2, _scopeId) => {
           if (_push2) {
-            _push2(`<div class="flex items-center rounded-md border border-default overflow-hidden"${_scopeId}><button class="${ssrRenderClass([!unref(treeView) ? "bg-primary text-white dark:text-white" : "text-muted hover:bg-elevated/60", "px-2 py-1 text-xs transition-colors"])}" title="Flat list"${_scopeId}>`);
+            _push2(`<div class="flex items-center rounded-md border border-default overflow-hidden"${_scopeId}><button class="${ssrRenderClass([!effectiveTreeView.value ? "bg-primary text-white dark:text-white" : "text-muted hover:bg-elevated/60", "px-2 py-1 text-xs transition-colors"])}" title="Flat list"${ssrRenderAttr("aria-pressed", !effectiveTreeView.value)}${_scopeId}>`);
             _push2(ssrRenderComponent(_component_UIcon, {
               name: "i-lucide-list",
               class: "size-3.5"
             }, null, _parent2, _scopeId));
-            _push2(`</button><button class="${ssrRenderClass([unref(treeView) ? "bg-primary text-white dark:text-white" : "text-muted hover:bg-elevated/60", "px-2 py-1 text-xs transition-colors"])}" title="Tree view"${_scopeId}>`);
+            _push2(`</button><button class="${ssrRenderClass([effectiveTreeView.value ? "bg-primary text-white dark:text-white" : "text-muted hover:bg-elevated/60", "px-2 py-1 text-xs transition-colors"])}" title="Tree view"${ssrRenderAttr("aria-pressed", effectiveTreeView.value)}${_scopeId}>`);
             _push2(ssrRenderComponent(_component_UIcon, {
               name: "i-lucide-folder-tree",
               class: "size-3.5"
             }, null, _parent2, _scopeId));
             _push2(`</button></div>`);
             if (__props.isLive) {
-              _push2(`<span class="text-sm text-zinc-500 tabular-nums inline-flex items-center gap-1"${_scopeId}>${ssrInterpolate(__props.testCases.length)} completed `);
+              _push2(`<span aria-live="polite" class="text-sm text-zinc-500 tabular-nums inline-flex items-center gap-1"${_scopeId}>${ssrInterpolate(finishedCount.value)} / ${ssrInterpolate(__props.testCases.length)} completed `);
               _push2(ssrRenderComponent(_component_HelpHint, { topic: "run.live" }, null, _parent2, _scopeId));
               _push2(`</span>`);
             } else {
@@ -3327,31 +3468,34 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             return [
               createVNode("div", { class: "flex items-center rounded-md border border-default overflow-hidden" }, [
                 createVNode("button", {
-                  class: ["px-2 py-1 text-xs transition-colors", !unref(treeView) ? "bg-primary text-white dark:text-white" : "text-muted hover:bg-elevated/60"],
+                  class: ["px-2 py-1 text-xs transition-colors", !effectiveTreeView.value ? "bg-primary text-white dark:text-white" : "text-muted hover:bg-elevated/60"],
                   title: "Flat list",
-                  onClick: ($event) => unref(setTreeView)(false)
+                  "aria-pressed": !effectiveTreeView.value,
+                  onClick: ($event) => selectView(false)
                 }, [
                   createVNode(_component_UIcon, {
                     name: "i-lucide-list",
                     class: "size-3.5"
                   })
-                ], 10, ["onClick"]),
+                ], 10, ["aria-pressed", "onClick"]),
                 createVNode("button", {
-                  class: ["px-2 py-1 text-xs transition-colors", unref(treeView) ? "bg-primary text-white dark:text-white" : "text-muted hover:bg-elevated/60"],
+                  class: ["px-2 py-1 text-xs transition-colors", effectiveTreeView.value ? "bg-primary text-white dark:text-white" : "text-muted hover:bg-elevated/60"],
                   title: "Tree view",
-                  onClick: ($event) => unref(setTreeView)(true)
+                  "aria-pressed": effectiveTreeView.value,
+                  onClick: ($event) => selectView(true)
                 }, [
                   createVNode(_component_UIcon, {
                     name: "i-lucide-folder-tree",
                     class: "size-3.5"
                   })
-                ], 10, ["onClick"])
+                ], 10, ["aria-pressed", "onClick"])
               ]),
               __props.isLive ? (openBlock(), createBlock("span", {
                 key: 0,
+                "aria-live": "polite",
                 class: "text-sm text-zinc-500 tabular-nums inline-flex items-center gap-1"
               }, [
-                createTextVNode(toDisplayString(__props.testCases.length) + " completed ", 1),
+                createTextVNode(toDisplayString(finishedCount.value) + " / " + toDisplayString(__props.testCases.length) + " completed ", 1),
                 createVNode(_component_HelpHint, { topic: "run.live" })
               ])) : (openBlock(), createBlock("span", {
                 key: 1,
@@ -3378,7 +3522,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               _push2(`<button class="${ssrRenderClass([
                 activeStatuses.value.includes(opt.value) ? opt.color === "green" ? "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400" : opt.color === "red" ? "bg-rose-100 text-rose-700 dark:bg-rose-900/30 dark:text-rose-400" : opt.color === "orange" ? "bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-400" : "bg-zinc-200 text-zinc-700 dark:bg-zinc-700 dark:text-zinc-300" : "bg-zinc-100 text-zinc-500 dark:bg-zinc-800 dark:text-zinc-400 hover:bg-zinc-200 dark:hover:bg-zinc-700",
                 "inline-flex items-center gap-1.5 px-2 py-1 rounded-md text-xs font-medium transition-colors whitespace-nowrap"
-              ])}"${_scopeId}><span class="${ssrRenderClass([
+              ])}"${ssrRenderAttr("aria-pressed", activeStatuses.value.includes(opt.value))}${_scopeId}><span class="${ssrRenderClass([
                 opt.color === "green" ? "bg-emerald-500" : opt.color === "red" ? "bg-rose-500" : opt.color === "orange" ? "bg-orange-500" : "bg-zinc-400",
                 "size-2 rounded-full shrink-0"
               ])}"${_scopeId}></span> ${ssrInterpolate(opt.label)}</button>`);
@@ -3389,7 +3533,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               "onUpdate:modelValue": ($event) => testCaseBrowserFilter.value = $event,
               items: testCaseBrowserOptions.value,
               size: "sm",
-              class: "w-36"
+              class: "w-36",
+              "aria-label": "Filter by browser"
             }, null, _parent2, _scopeId));
             if (!__props.isLive) {
               _push2(ssrRenderComponent(_component_UCheckbox, {
@@ -3411,7 +3556,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             } else {
               _push2(`<!---->`);
             }
-            if (!unref(treeView)) {
+            if (!effectiveTreeView.value) {
               _push2(`<div class="flex items-center gap-1 md:hidden"${_scopeId}>`);
               _push2(ssrRenderComponent(_component_USelect, {
                 modelValue: mobileSortKey.value,
@@ -3453,6 +3598,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                       "inline-flex items-center gap-1.5 px-2 py-1 rounded-md text-xs font-medium transition-colors whitespace-nowrap",
                       activeStatuses.value.includes(opt.value) ? opt.color === "green" ? "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400" : opt.color === "red" ? "bg-rose-100 text-rose-700 dark:bg-rose-900/30 dark:text-rose-400" : opt.color === "orange" ? "bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-400" : "bg-zinc-200 text-zinc-700 dark:bg-zinc-700 dark:text-zinc-300" : "bg-zinc-100 text-zinc-500 dark:bg-zinc-800 dark:text-zinc-400 hover:bg-zinc-200 dark:hover:bg-zinc-700"
                     ],
+                    "aria-pressed": activeStatuses.value.includes(opt.value),
                     onClick: ($event) => toggleStatus(opt.value)
                   }, [
                     createVNode("span", {
@@ -3462,7 +3608,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                       ]
                     }, null, 2),
                     createTextVNode(" " + toDisplayString(opt.label), 1)
-                  ], 10, ["onClick"]);
+                  ], 10, ["aria-pressed", "onClick"]);
                 }), 64))
               ]),
               createVNode(_component_USelect, {
@@ -3470,7 +3616,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                 "onUpdate:modelValue": ($event) => testCaseBrowserFilter.value = $event,
                 items: testCaseBrowserOptions.value,
                 size: "sm",
-                class: "w-36"
+                class: "w-36",
+                "aria-label": "Filter by browser"
               }, null, 8, ["modelValue", "onUpdate:modelValue", "items"]),
               !__props.isLive ? (openBlock(), createBlock(_component_UCheckbox, {
                 key: 0,
@@ -3486,7 +3633,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                 label: "New flaky",
                 size: "sm"
               }, null, 8, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true),
-              !unref(treeView) ? (openBlock(), createBlock("div", {
+              !effectiveTreeView.value ? (openBlock(), createBlock("div", {
                 key: 2,
                 class: "flex items-center gap-1 md:hidden"
               }, [
@@ -3514,7 +3661,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         }),
         _: 1
       }, _parent));
-      if (unref(treeView) && __props.testCases.length > 0) {
+      if (effectiveTreeView.value) {
         _push(ssrRenderComponent(_component_TestCasesTree, {
           "test-cases": sortedTestCases.value,
           suites: __props.suites,
@@ -3525,10 +3672,10 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           "project-name": __props.projectName,
           class: "flex-1 min-h-0"
         }, null, _parent));
-      } else if (!unref(treeView)) {
+      } else if (!effectiveTreeView.value) {
         _push(`<!--[-->`);
         if (sortedTestCases.value.length > 0) {
-          _push(`<div class="flex-1 min-h-0 max-lg:h-[70dvh] md:overflow-x-auto overflow-y-hidden rounded-lg border border-default bg-default"><div class="flex flex-col h-full md:min-w-(--grid-min-width)" role="table" aria-label="Test cases"${ssrRenderAttr("aria-rowcount", sortedTestCases.value.length + 1)} style="${ssrRenderStyle({ "--grid-min-width": gridMinWidth.value })}"><div class="hidden md:grid shrink-0 bg-elevated/50 border-b border-default" role="row" style="${ssrRenderStyle({ gridTemplateColumns: gridTemplate.value })}"><!--[-->`);
+          _push(`<div class="flex-1 min-h-0 md:overflow-x-auto overflow-y-hidden rounded-lg border border-default bg-default"><div class="flex flex-col h-full md:min-w-(--grid-min-width)"${ssrRenderAttr("role", isDesktopList.value ? "table" : void 0)}${ssrRenderAttr("aria-label", isDesktopList.value ? "Test cases" : void 0)}${ssrRenderAttr("aria-rowcount", isDesktopList.value ? sortedTestCases.value.length + 1 : void 0)} style="${ssrRenderStyle({ "--grid-min-width": gridMinWidth.value })}"><div class="hidden md:grid shrink-0 bg-elevated/50 border-b border-default" role="row" style="${ssrRenderStyle({ gridTemplateColumns: gridTemplate.value })}"><!--[-->`);
           ssrRenderList(columns.value, (col) => {
             _push(`<!--[-->`);
             if (col.sortable) {
@@ -3576,19 +3723,46 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           }, _parent));
           _push(`</div></div>`);
         } else if (__props.testCases.length === 0) {
-          _push(`<div class="text-center py-10 text-zinc-500">`);
-          _push(ssrRenderComponent(_component_UIcon, {
-            name: "i-lucide-beaker",
-            class: "size-8 mx-auto mb-2 text-zinc-300 dark:text-zinc-600"
+          _push(ssrRenderComponent(_component_EmptyState, {
+            icon: "i-lucide-beaker",
+            text: "No test cases recorded for this run."
           }, null, _parent));
-          _push(`<p>No test cases recorded for this run.</p></div>`);
         } else {
-          _push(`<div class="text-center py-10 text-zinc-500">`);
-          _push(ssrRenderComponent(_component_UIcon, {
-            name: "i-lucide-search-x",
-            class: "size-8 mx-auto mb-2 text-zinc-300 dark:text-zinc-600"
-          }, null, _parent));
-          _push(`<p>No test cases match your filters.</p></div>`);
+          _push(ssrRenderComponent(_component_EmptyState, {
+            icon: "i-lucide-search-x",
+            text: "No test cases match your filters."
+          }, {
+            default: withCtx((_, _push2, _parent2, _scopeId) => {
+              if (_push2) {
+                _push2(ssrRenderComponent(_component_UButton, {
+                  size: "xs",
+                  variant: "outline",
+                  color: "neutral",
+                  label: "Clear filters",
+                  onClick: ($event) => {
+                    testCaseSearch.value = "";
+                    activeStatuses.value = [];
+                    testCaseBrowserFilter.value = "all";
+                  }
+                }, null, _parent2, _scopeId));
+              } else {
+                return [
+                  createVNode(_component_UButton, {
+                    size: "xs",
+                    variant: "outline",
+                    color: "neutral",
+                    label: "Clear filters",
+                    onClick: ($event) => {
+                      testCaseSearch.value = "";
+                      activeStatuses.value = [];
+                      testCaseBrowserFilter.value = "all";
+                    }
+                  }, null, 8, ["onClick"])
+                ];
+              }
+            }),
+            _: 1
+          }, _parent));
         }
         _push(`<!--]-->`);
       } else {
@@ -3604,7 +3778,7 @@ _sfc_main$c.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/run/TestCasesList.vue");
   return _sfc_setup$c ? _sfc_setup$c(props, ctx) : void 0;
 };
-const __nuxt_component_12 = Object.assign(_sfc_main$c, { __name: "TestCasesList" });
+const __nuxt_component_11 = Object.assign(_sfc_main$c, { __name: "TestCasesList" });
 const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "RunInsights",
   __ssrInlineRender: true,
@@ -3673,13 +3847,13 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       return `${(ms / 1e3).toFixed(1)}s`;
     }
     return (_ctx, _push, _parent, _attrs) => {
-      const _component_ErrorState = __nuxt_component_5$1;
+      const _component_ErrorState = __nuxt_component_5$2;
       const _component_UButton = _sfc_main$k;
       const _component_LoadingState = __nuxt_component_13$2;
       const _component_EmptyState = __nuxt_component_4$3;
       const _component_UIcon = _sfc_main$p;
       const _component_HelpHint = __nuxt_component_2$2;
-      const _component_SectionCard = __nuxt_component_11;
+      const _component_SectionCard = __nuxt_component_11$1;
       const _component_NuxtLink = __nuxt_component_12$1;
       const _component_UBadge = _sfc_main$7$1;
       if (unref(error)) {
@@ -4338,7 +4512,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               if (_push2) {
                 _push2(`<div class="grid grid-cols-2 gap-4"${_scopeId}>`);
                 if (unref(data).mostRegressed.length > 0) {
-                  _push2(`<div${_scopeId}><p class="text-xs font-medium text-red-500 mb-2"${_scopeId}>Most regressed</p><div class="space-y-1"${_scopeId}><!--[-->`);
+                  _push2(`<div${_scopeId}><p class="text-xs font-medium text-red-500 mb-2"${_scopeId}>Slower</p><div class="space-y-1"${_scopeId}><!--[-->`);
                   ssrRenderList(unref(data).mostRegressed, (r) => {
                     _push2(ssrRenderComponent(_component_NuxtLink, {
                       key: r.executionId,
@@ -4392,7 +4566,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 return [
                   createVNode("div", { class: "grid grid-cols-2 gap-4" }, [
                     unref(data).mostRegressed.length > 0 ? (openBlock(), createBlock("div", { key: 0 }, [
-                      createVNode("p", { class: "text-xs font-medium text-red-500 mb-2" }, "Most regressed"),
+                      createVNode("p", { class: "text-xs font-medium text-red-500 mb-2" }, "Slower"),
                       createVNode("div", { class: "space-y-1" }, [
                         (openBlock(true), createBlock(Fragment, null, renderList(unref(data).mostRegressed, (r) => {
                           return openBlock(), createBlock(_component_NuxtLink, {
@@ -4628,7 +4802,7 @@ _sfc_main$b.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/run/RunInsights.vue");
   return _sfc_setup$b ? _sfc_setup$b(props, ctx) : void 0;
 };
-const __nuxt_component_13 = Object.assign(_sfc_main$b, { __name: "RunInsights" });
+const __nuxt_component_12 = Object.assign(_sfc_main$b, { __name: "RunInsights" });
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "ClusterDiagnosis",
   __ssrInlineRender: true,
@@ -4648,7 +4822,7 @@ _sfc_main$a.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/cluster/ClusterDiagnosis.vue");
   return _sfc_setup$a ? _sfc_setup$a(props, ctx) : void 0;
 };
-const __nuxt_component_9 = Object.assign(_sfc_main$a, { __name: "ClusterDiagnosis" });
+const __nuxt_component_10 = Object.assign(_sfc_main$a, { __name: "ClusterDiagnosis" });
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "FailureGroups",
   __ssrInlineRender: true,
@@ -4703,7 +4877,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const columns = [
       { accessorKey: "signature", header: createSortHeader("Signature") },
       { accessorKey: "errorType", header: createSortHeader("Type") },
-      { accessorKey: "status", header: createSortHeader("Status") },
+      { accessorKey: "status", header: createSortHeader("Triage") },
       { accessorKey: "caseCount", header: createSortHeader("Tests") },
       { accessorKey: "signals", header: "Signals" },
       { accessorKey: "diagnosis", header: "AI" },
@@ -4720,8 +4894,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       const _component_UTable = _sfc_main$l;
       const _component_UBadge = _sfc_main$7$1;
       const _component_NuxtLink = __nuxt_component_12$1;
+      const _component_EmptyState = __nuxt_component_4$3;
       const _component_UModal = _sfc_main$q;
-      const _component_ClusterDiagnosis = __nuxt_component_9;
+      const _component_ClusterDiagnosis = __nuxt_component_10;
       _push(`<!--[--><div class="pt-4 space-y-3">`);
       if (unref(loading)) {
         _push(`<div class="flex items-center justify-center py-8 text-gray-500 gap-2">`);
@@ -4731,7 +4906,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         }, null, _parent));
         _push(`<span>Grouping failures...</span></div>`);
       } else if (unref(groups) && unref(groups).length) {
-        _push(`<!--[--><div class="flex items-center justify-between gap-3"><p class="text-sm text-gray-500 dark:text-gray-400 inline-flex items-center gap-1">${ssrInterpolate(unref(totalCases))} failing ${ssrInterpolate(unref(totalCases) === 1 ? "test" : "tests")} across ${ssrInterpolate(unref(groups).length)} ${ssrInterpolate(unref(groups).length === 1 ? "group" : "groups")} `);
+        _push(`<!--[--><div class="flex items-center justify-between gap-3"><p class="text-sm text-gray-500 dark:text-gray-400 inline-flex items-center gap-1">${ssrInterpolate(unref(totalCases))} failing ${ssrInterpolate(unref(totalCases) === 1 ? "test" : "tests")} across ${ssrInterpolate(unref(groups).length)} ${ssrInterpolate(unref(groups).length === 1 ? "cluster" : "clusters")} `);
         _push(ssrRenderComponent(_component_HelpHint, { topic: "cluster.concept" }, null, _parent));
         _push(`</p>`);
         if (unref(allFailedCases).length > 0) {
@@ -4769,7 +4944,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                   if (_push3) {
                     _push3(ssrRenderComponent(_component_UTable, {
                       data: unref(groups),
-                      columns
+                      columns,
+                      "aria-label": "Failure clusters"
                     }, {
                       "actions-header": withCtx((_3, _push4, _parent4, _scopeId3) => {
                         if (_push4) {
@@ -4858,10 +5034,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                             }, {
                               default: withCtx((_3, _push5, _parent5, _scopeId4) => {
                                 if (_push5) {
-                                  _push5(`${ssrInterpolate(row.original.status)}`);
+                                  _push5(`${ssrInterpolate(("formatTriageStatus" in _ctx ? _ctx.formatTriageStatus : unref(formatTriageStatus))(row.original.status))}`);
                                 } else {
                                   return [
-                                    createTextVNode(toDisplayString(row.original.status), 1)
+                                    createTextVNode(toDisplayString(("formatTriageStatus" in _ctx ? _ctx.formatTriageStatus : unref(formatTriageStatus))(row.original.status)), 1)
                                   ];
                                 }
                               }),
@@ -4879,7 +5055,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                               size: "sm"
                             }, {
                               default: withCtx(() => [
-                                createTextVNode(toDisplayString(row.original.status), 1)
+                                createTextVNode(toDisplayString(("formatTriageStatus" in _ctx ? _ctx.formatTriageStatus : unref(formatTriageStatus))(row.original.status)), 1)
                               ]),
                               _: 2
                             }, 1032, ["color"])) : (openBlock(), createBlock("span", {
@@ -5216,10 +5392,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                           }, {
                             default: withCtx((_3, _push5, _parent5, _scopeId4) => {
                               if (_push5) {
-                                _push5(` Filter `);
+                                _push5(` Show failing tests `);
                               } else {
                                 return [
-                                  createTextVNode(" Filter ")
+                                  createTextVNode(" Show failing tests ")
                                 ];
                               }
                             }),
@@ -5271,7 +5447,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                                 onClick: ($event) => emit("selectCluster", row.original.clusterId)
                               }, {
                                 default: withCtx(() => [
-                                  createTextVNode(" Filter ")
+                                  createTextVNode(" Show failing tests ")
                                 ]),
                                 _: 1
                               }, 8, ["onClick"]),
@@ -5308,7 +5484,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                     return [
                       createVNode(_component_UTable, {
                         data: unref(groups),
-                        columns
+                        columns,
+                        "aria-label": "Failure clusters"
                       }, {
                         "actions-header": withCtx(() => [
                           createVNode("div", { class: "text-right" }, "Actions")
@@ -5352,7 +5529,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                             size: "sm"
                           }, {
                             default: withCtx(() => [
-                              createTextVNode(toDisplayString(row.original.status), 1)
+                              createTextVNode(toDisplayString(("formatTriageStatus" in _ctx ? _ctx.formatTriageStatus : unref(formatTriageStatus))(row.original.status)), 1)
                             ]),
                             _: 2
                           }, 1032, ["color"])) : (openBlock(), createBlock("span", {
@@ -5494,7 +5671,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                               onClick: ($event) => emit("selectCluster", row.original.clusterId)
                             }, {
                               default: withCtx(() => [
-                                createTextVNode(" Filter ")
+                                createTextVNode(" Show failing tests ")
                               ]),
                               _: 1
                             }, 8, ["onClick"]),
@@ -5539,7 +5716,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                   default: withCtx(() => [
                     createVNode(_component_UTable, {
                       data: unref(groups),
-                      columns
+                      columns,
+                      "aria-label": "Failure clusters"
                     }, {
                       "actions-header": withCtx(() => [
                         createVNode("div", { class: "text-right" }, "Actions")
@@ -5583,7 +5761,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                           size: "sm"
                         }, {
                           default: withCtx(() => [
-                            createTextVNode(toDisplayString(row.original.status), 1)
+                            createTextVNode(toDisplayString(("formatTriageStatus" in _ctx ? _ctx.formatTriageStatus : unref(formatTriageStatus))(row.original.status)), 1)
                           ]),
                           _: 2
                         }, 1032, ["color"])) : (openBlock(), createBlock("span", {
@@ -5725,7 +5903,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                             onClick: ($event) => emit("selectCluster", row.original.clusterId)
                           }, {
                             default: withCtx(() => [
-                              createTextVNode(" Filter ")
+                              createTextVNode(" Show failing tests ")
                             ]),
                             _: 1
                           }, 8, ["onClick"]),
@@ -5766,17 +5944,15 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         }, _parent));
         _push(`<!--]-->`);
       } else {
-        _push(`<div class="flex flex-col items-center justify-center py-8 text-gray-500 gap-2">`);
-        _push(ssrRenderComponent(_component_UIcon, {
-          name: "i-lucide-party-popper",
-          class: "size-6"
+        _push(ssrRenderComponent(_component_EmptyState, {
+          icon: "i-lucide-shield-check",
+          text: "No failure clusters — failed tests without error details are not grouped"
         }, null, _parent));
-        _push(`<span>No failure groups — failed tests without error details are not grouped</span></div>`);
       }
       _push(`</div>`);
       _push(ssrRenderComponent(_component_UModal, {
         open: unref(diagnosisClusterId) !== null,
-        title: "AI Diagnosis",
+        title: "AI diagnosis",
         ui: { content: "max-w-2xl" },
         "onUpdate:open": (v) => {
           if (!v) diagnosisClusterId.value = null;
@@ -5810,7 +5986,7 @@ _sfc_main$9.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/run/FailureGroups.vue");
   return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
 };
-const __nuxt_component_14 = Object.assign(_sfc_main$9, { __name: "FailureGroups" });
+const __nuxt_component_13 = Object.assign(_sfc_main$9, { __name: "FailureGroups" });
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "RegressionContext",
   __ssrInlineRender: true,
@@ -5828,7 +6004,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       refresh: refreshContext
     } = ([__temp, __restore] = withAsyncContext(() => useFetch(
       `/api/test-runs/${runId}/regression-context`,
-      { lazy: true, server: false },
+      { lazy: true },
       "$bK54nhbSza"
       /* nuxt-injected */
     )), __temp = await __temp, __restore(), __temp);
@@ -6192,7 +6368,7 @@ _sfc_main$8.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/cluster/RegressionContext.vue");
   return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
 };
-const __nuxt_component_15 = Object.assign(_sfc_main$8, { __name: "RegressionContext" });
+const __nuxt_component_14 = Object.assign(_sfc_main$8, { __name: "RegressionContext" });
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "TimelineHeader",
   __ssrInlineRender: true,
@@ -6934,7 +7110,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       const _component_TimelineGrid = __nuxt_component_1;
       const _component_TimelineBar = __nuxt_component_2;
       const _component_TimelineTooltip = __nuxt_component_3;
-      const _component_UIcon = _sfc_main$p;
+      const _component_EmptyState = __nuxt_component_4$3;
       if (unref(timelineData).length > 0) {
         _push(`<div${ssrRenderAttrs(mergeProps({
           class: "relative select-none",
@@ -6980,12 +7156,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         }, null, _parent));
         _push(`</div>`);
       } else {
-        _push(`<div${ssrRenderAttrs(mergeProps({ class: "text-center py-10 text-gray-500" }, _attrs))}>`);
-        _push(ssrRenderComponent(_component_UIcon, {
-          name: "i-lucide-rows-3",
-          class: "size-8 mx-auto mb-2 text-gray-300 dark:text-gray-600"
-        }, null, _parent));
-        _push(`<p>No worker data available for this run.</p></div>`);
+        _push(ssrRenderComponent(_component_EmptyState, mergeProps({
+          icon: "i-lucide-rows-3",
+          text: "No worker data available for this run."
+        }, _attrs), null, _parent));
       }
     };
   }
@@ -6996,7 +7170,7 @@ _sfc_main$3.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/run/WorkersTimeline.vue");
   return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
 };
-const __nuxt_component_16 = Object.assign(_sfc_main$3, { __name: "WorkersTimeline" });
+const __nuxt_component_15 = Object.assign(_sfc_main$3, { __name: "WorkersTimeline" });
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "RunCompare",
   __ssrInlineRender: true,
@@ -7042,12 +7216,33 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         return m.environment == null || envs.has(m.environment);
       });
     });
-    const projectRunOptions = computed(() => {
-      if (!projectData.value?.testRuns) return [];
-      return projectData.value.testRuns.filter((r) => r.id !== Number(runId)).slice(0, 50).map((r) => ({
+    function runToOption(r) {
+      return {
         label: `Run #${r.id} — ${prettyDateFormat(r.startTime, { dateOnly: true })} (${r.status})`,
-        value: r.id
-      }));
+        value: r.id,
+        status: r.status,
+        startTime: new Date(r.startTime).getTime()
+      };
+    }
+    const defaultBaselineOption = computed(() => {
+      const runs = projectData.value?.testRuns;
+      if (!runs || !props.testRun) return null;
+      const currentStart = new Date(props.testRun.startTime).getTime();
+      const earlier = runs.filter((r) => r.id !== Number(runId) && new Date(r.startTime).getTime() < currentStart).sort((a, b) => new Date(b.startTime).getTime() - new Date(a.startTime).getTime());
+      const pick = earlier.find((r) => r.status === "passed") ?? earlier[0];
+      return pick ? runToOption(pick) : null;
+    });
+    const projectRunOptions = computed(() => {
+      const runs = projectData.value?.testRuns;
+      if (!runs) return [];
+      const options = runs.filter((r) => r.id !== Number(runId)).slice(0, 50).map(runToOption);
+      const baseline = defaultBaselineOption.value;
+      if (baseline && !options.some((o) => o.value === baseline.value)) options.push(baseline);
+      return options;
+    });
+    watch([projectRunOptions, defaultBaselineOption], ([options, baseline]) => {
+      if (compareRunA.value || !baseline) return;
+      compareRunA.value = options.find((o) => o.value === baseline.value) ?? baseline;
     });
     const previousRunId = computed(() => {
       if (!projectData.value?.testRuns) return null;
@@ -7120,15 +7315,17 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       const _component_UButton = _sfc_main$k;
       const _component_UIcon = _sfc_main$p;
       const _component_UAlert = _sfc_main$n;
-      const _component_MarkerBadge = __nuxt_component_5;
+      const _component_MarkerBadge = __nuxt_component_5$1;
       const _component_UBadge = _sfc_main$7$1;
       const _component_TableScroller = __nuxt_component_3$2;
       const _component_UTable = _sfc_main$l;
       const _component_DurationValue = __nuxt_component_14$1;
+      const _component_EmptyState = __nuxt_component_4$3;
       _push(`<div${ssrRenderAttrs(_attrs)}>`);
       if (__props.testRun && !isLive.value) {
-        _push(`<div class="space-y-4"><div class="grid grid-cols-1 md:grid-cols-2 gap-4"><div><label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Run A (baseline)</label>`);
+        _push(`<div class="space-y-4"><div class="grid grid-cols-1 md:grid-cols-2 gap-4"><div><label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1" for="compare-baseline-select">Run A (baseline)</label>`);
         _push(ssrRenderComponent(_component_USelectMenu, {
+          id: "compare-baseline-select",
           modelValue: compareRunA.value,
           "onUpdate:modelValue": ($event) => compareRunA.value = $event,
           items: projectRunOptions.value,
@@ -7610,19 +7807,15 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           }, _parent));
           _push(`<!--]-->`);
         } else if (compareRunA.value && !loadingBaseline.value) {
-          _push(`<div class="text-center py-8 text-gray-500">`);
-          _push(ssrRenderComponent(_component_UIcon, {
-            name: "i-lucide-git-compare-arrows",
-            class: "size-8 mx-auto mb-2 text-gray-300 dark:text-gray-600"
+          _push(ssrRenderComponent(_component_EmptyState, {
+            icon: "i-lucide-git-compare-arrows",
+            text: "No comparison data available."
           }, null, _parent));
-          _push(`<p>No comparison data available.</p></div>`);
         } else {
-          _push(`<div class="text-center py-8 text-gray-500">`);
-          _push(ssrRenderComponent(_component_UIcon, {
-            name: "i-lucide-arrow-left-right",
-            class: "size-8 mx-auto mb-2 text-gray-300 dark:text-gray-600"
+          _push(ssrRenderComponent(_component_EmptyState, {
+            icon: "i-lucide-arrow-left-right",
+            text: "Select a baseline run to compare."
           }, null, _parent));
-          _push(`<p>Select a baseline run to compare.</p></div>`);
         }
         _push(`</div>`);
       } else if (isLive.value) {
@@ -7645,7 +7838,7 @@ _sfc_main$2.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/run/RunCompare.vue");
   return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
 };
-const __nuxt_component_17 = Object.assign(_sfc_main$2, { __name: "RunCompare" });
+const __nuxt_component_16 = Object.assign(_sfc_main$2, { __name: "RunCompare" });
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "SlowEndpoints",
   __ssrInlineRender: true,
@@ -7731,6 +7924,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           sticky: "",
           data: unref(endpoints),
           columns: endpointColumns,
+          "aria-label": "Slow endpoints",
           class: "flex-1 min-h-0",
           ui: {
             base: "table-fixed border-separate border-spacing-0 min-w-[44rem]",
@@ -7828,6 +8022,29 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               ];
             }
           }),
+          "maxDuration-cell": withCtx(({ row }, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(`<span class="${ssrRenderClass(
+                row.original.maxDuration > 2e3 ? "text-red-600 font-medium" : row.original.maxDuration > 1e3 ? "text-orange-500" : ""
+              )}"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_DurationValue, {
+                ms: row.original.maxDuration,
+                "unit-class": "opacity-60"
+              }, null, _parent2, _scopeId));
+              _push2(`</span>`);
+            } else {
+              return [
+                createVNode("span", {
+                  class: row.original.maxDuration > 2e3 ? "text-red-600 font-medium" : row.original.maxDuration > 1e3 ? "text-orange-500" : ""
+                }, [
+                  createVNode(_component_DurationValue, {
+                    ms: row.original.maxDuration,
+                    "unit-class": "opacity-60"
+                  }, null, 8, ["ms"])
+                ], 2)
+              ];
+            }
+          }),
           "errorRate-cell": withCtx(({ row }, _push2, _parent2, _scopeId) => {
             if (_push2) {
               if (row.original.errorRate === 0) {
@@ -7868,7 +8085,7 @@ _sfc_main$1.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/run/SlowEndpoints.vue");
   return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
 };
-const __nuxt_component_18 = Object.assign(_sfc_main$1, { __name: "SlowEndpoints" });
+const __nuxt_component_17 = Object.assign(_sfc_main$1, { __name: "SlowEndpoints" });
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "[id]",
   __ssrInlineRender: true,
@@ -7894,10 +8111,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const latestRunId = computed(() => latestRunInfo.value?.id ?? testRun.value?.project?.latestRunId ?? null);
     const latestRunStatus = computed(() => latestRunInfo.value?.status ?? testRun.value?.project?.latestRunStatus ?? null);
     const isLatestRunActive = computed(() => latestRunStatus.value === "running" || latestRunStatus.value === "finalizing");
+    const navbarTitle = computed(() => {
+      const project = testRun.value?.project?.label || testRun.value?.project?.name;
+      return project ? `Run #${runId} — ${project}` : `Run #${runId}`;
+    });
     useHead(
-      computed(() => ({
-        title: `Test run #${runId}${testRun.value?.project ? ` — ${testRun.value.project.name}` : ""} — Piwi Dashboard`
-      }))
+      computed(() => {
+        const project = testRun.value?.project?.label || testRun.value?.project?.name;
+        return {
+          title: `Test run #${runId}${project ? ` — ${project}` : ""} — Piwi Dashboard`
+        };
+      })
     );
     useToast();
     const isDeleteConfirmOpen = ref(false);
@@ -7957,11 +8181,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const testCaseSearch = ref("");
     const testCaseActiveStatuses = ref([]);
     const testCaseBrowserFilter = ref("all");
-    const statusFilterForSummary = computed(
-      () => testCaseActiveStatuses.value.length === 1 ? testCaseActiveStatuses.value[0] : "all"
-    );
     function handleFilterStatus(status) {
-      testCaseActiveStatuses.value = !status || status === "all" ? [] : [status];
+      if (!status || status === "all") {
+        testCaseActiveStatuses.value = [];
+        return;
+      }
+      testCaseActiveStatuses.value = testCaseActiveStatuses.value.includes(status) ? testCaseActiveStatuses.value.filter((s) => s !== status) : [...testCaseActiveStatuses.value, status];
     }
     const allReports = computed(() => testRun.value?.reports || []);
     const totalWastedTime = computed(() => {
@@ -7970,13 +8195,49 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return cases.reduce((sum, tc) => sum + (tc.wastedTimeMs ?? 0), 0);
     });
     const activeTab = ref("test-cases");
+    const hasFailures = computed(() => (displayProgress.value?.failedTests ?? 0) > 0);
+    const showFailureTabs = computed(() => hasFailures.value || (testRun.value?.flakyTests ?? 0) > 0);
     const selectedClusterFilter = ref(null);
+    const clusterNames = ref({});
+    async function fetchClusterNames() {
+      return;
+    }
+    watch(
+      showFailureTabs,
+      (show) => {
+        if (show) fetchClusterNames();
+      },
+      { immediate: true }
+    );
+    const clusterFilterName = computed(() => {
+      const f = selectedClusterFilter.value;
+      if (!f) return "";
+      return f.title ?? clusterNames.value[f.id] ?? `Cluster #${f.id}`;
+    });
+    const clusterFilterCount = computed(() => {
+      const f = selectedClusterFilter.value;
+      if (!f) return 0;
+      return displayTestCases.value.filter((tc) => tc.failureClusterId === f.id).length;
+    });
+    const clusterQuery = typeof route.query.cluster === "string" ? Number(route.query.cluster) : null;
+    if (clusterQuery && !Number.isNaN(clusterQuery)) {
+      selectedClusterFilter.value = { id: clusterQuery, title: null };
+      activeTab.value = "test-cases";
+    }
     const runRefreshKey = ref(0);
-    const endpointsCount = ref(0);
+    watch(runRefreshKey, () => {
+      if (showFailureTabs.value) fetchClusterNames();
+    });
+    const endpointsCount = ref(testRun.value?.networkRequestCount ?? 0);
+    watch(
+      () => testRun.value?.networkRequestCount,
+      (count) => {
+        if (count != null) endpointsCount.value = count;
+      }
+    );
     function clearClusterFilter() {
       selectedClusterFilter.value = null;
     }
-    const hasFailures = computed(() => testRun.value && testRun.value.failedTests > 0);
     const failureGroupCount = computed(() => {
       if (!testRun.value?.testCases) return 0;
       const clusterIds = /* @__PURE__ */ new Set();
@@ -7996,7 +8257,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const tabItems = computed(() => [
       {
-        label: `Test cases (${displayTestCases.value.length})`,
+        label: `Executions (${displayTestCases.value.length})`,
         icon: "i-lucide-beaker",
         value: "test-cases",
         slot: "test-cases"
@@ -8010,18 +8271,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       // Failure-only tabs stay visible but disabled on a green run: tabs that
       // appear and disappear shift every other tab's position between runs.
       {
-        label: hasFailures.value ? `Failure groups (${failureGroupCount.value})` : "Failure groups",
+        label: hasFailures.value ? `Failure clusters (${failureGroupCount.value})` : "Failure clusters",
         icon: "i-lucide-layers",
         value: "failure-groups",
         slot: "failure-groups",
-        disabled: !hasFailures.value
+        disabled: !showFailureTabs.value,
+        disabledReason: "no failing tests in this run"
       },
       {
-        label: "Regression",
+        label: "Since last pass",
         icon: "i-lucide-git-pull-request-arrow",
         value: "regression",
         slot: "regression",
-        disabled: !hasFailures.value
+        disabled: !showFailureTabs.value,
+        disabledReason: "no failing tests in this run"
       },
       {
         label: `Timeline${uniqueWorkerCount.value > 0 ? ` (${uniqueWorkerCount.value})` : ""}`,
@@ -8048,9 +8311,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(runTabValues, (vals) => {
       if (!vals.includes(activeTab.value)) activeTab.value = "test-cases";
     });
-    watch(activeTab, (tab) => {
-      if (route.query.tab === tab) return;
-      router.replace({ query: { ...route.query, tab } });
+    watch([activeTab, selectedClusterFilter], ([tab, f]) => {
+      const query = { ...route.query };
+      if (f) query.cluster = String(f.id);
+      else delete query.cluster;
+      query.tab = tab;
+      if (JSON.stringify(query) === JSON.stringify({ ...route.query })) return;
+      router.replace({ query });
     });
     const testCasesListRef = ref(null);
     function handleSelectTestCase(id) {
@@ -8060,35 +8327,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     }
     function handleSelectCluster(clusterId) {
-      selectedClusterFilter.value = clusterId;
+      selectedClusterFilter.value = { id: clusterId, title: null };
       activeTab.value = "test-cases";
     }
     return (_ctx, _push, _parent, _attrs) => {
       const _component_UDashboardPanel = _sfc_main$1$1;
-      const _component_UDashboardNavbar = _sfc_main$i;
+      const _component_UDashboardNavbar = _sfc_main$j;
       const _component_UDashboardSidebarCollapse = _sfc_main$1$2;
       const _component_BreadcrumbNav = __nuxt_component_3$1;
       const _component_NuxtLink = __nuxt_component_12$1;
-      const _component_UTooltip = _sfc_main$j;
-      const _component_UIcon = _sfc_main$p;
+      const _component_RunFreshnessPill = __nuxt_component_5;
       const _component_NavbarActions = __nuxt_component_4$1;
-      const _component_DetailPageLayout = __nuxt_component_8;
-      const _component_RunSummary = __nuxt_component_9$1;
+      const _component_DetailPageLayout = __nuxt_component_7$1;
+      const _component_RunSummary = __nuxt_component_8;
       const _component_UBadge = _sfc_main$7$1;
       const _component_UButton = _sfc_main$k;
-      const _component_TestCasesList = __nuxt_component_12;
-      const _component_RunInsights = __nuxt_component_13;
-      const _component_FailureGroups = __nuxt_component_14;
-      const _component_RegressionContext = __nuxt_component_15;
-      const _component_WorkersTimeline = __nuxt_component_16;
-      const _component_RunCompare = __nuxt_component_17;
-      const _component_SlowEndpoints = __nuxt_component_18;
-      const _component_ClientOnly = __nuxt_component_7$1;
+      const _component_TestCasesList = __nuxt_component_11;
+      const _component_RunInsights = __nuxt_component_12;
+      const _component_FailureGroups = __nuxt_component_13;
+      const _component_RegressionContext = __nuxt_component_14;
+      const _component_WorkersTimeline = __nuxt_component_15;
+      const _component_RunCompare = __nuxt_component_16;
+      const _component_SlowEndpoints = __nuxt_component_17;
+      const _component_ClientOnly = __nuxt_component_8$1;
       _push(`<!--[-->`);
       _push(ssrRenderComponent(_component_UDashboardPanel, { id: "test-run-detail" }, {
         header: withCtx((_, _push2, _parent2, _scopeId) => {
           if (_push2) {
-            _push2(ssrRenderComponent(_component_UDashboardNavbar, null, {
+            _push2(ssrRenderComponent(_component_UDashboardNavbar, { title: navbarTitle.value }, {
               leading: withCtx((_2, _push3, _parent3, _scopeId2) => {
                 if (_push3) {
                   _push3(ssrRenderComponent(_component_UDashboardSidebarCollapse, null, null, _parent3, _scopeId2));
@@ -8123,59 +8389,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           }),
                           _: 2
                         }, _parent4, _scopeId3));
-                        if (latestRunId.value && latestRunId.value !== Number(unref(runId))) {
-                          _push4(ssrRenderComponent(_component_UTooltip, {
-                            text: isLatestRunActive.value ? "Go to running run" : "Go to latest run"
-                          }, {
-                            default: withCtx((_3, _push5, _parent5, _scopeId4) => {
-                              if (_push5) {
-                                _push5(ssrRenderComponent(_component_NuxtLink, {
-                                  to: `/test-runs/${latestRunId.value}`
-                                }, {
-                                  default: withCtx((_4, _push6, _parent6, _scopeId5) => {
-                                    if (_push6) {
-                                      _push6(`<span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-blue-500/10 hover:bg-blue-500/20 transition-colors ml-1"${_scopeId5}>`);
-                                      _push6(ssrRenderComponent(_component_UIcon, {
-                                        name: "i-lucide-circle-play",
-                                        class: ["w-3.5 h-3.5 text-blue-500", { "animate-pulse": isLatestRunActive.value }]
-                                      }, null, _parent6, _scopeId5));
-                                      _push6(`</span>`);
-                                    } else {
-                                      return [
-                                        createVNode("span", { class: "inline-flex items-center justify-center w-5 h-5 rounded-full bg-blue-500/10 hover:bg-blue-500/20 transition-colors ml-1" }, [
-                                          createVNode(_component_UIcon, {
-                                            name: "i-lucide-circle-play",
-                                            class: ["w-3.5 h-3.5 text-blue-500", { "animate-pulse": isLatestRunActive.value }]
-                                          }, null, 8, ["class"])
-                                        ])
-                                      ];
-                                    }
-                                  }),
-                                  _: 2
-                                }, _parent5, _scopeId4));
-                              } else {
-                                return [
-                                  createVNode(_component_NuxtLink, {
-                                    to: `/test-runs/${latestRunId.value}`
-                                  }, {
-                                    default: withCtx(() => [
-                                      createVNode("span", { class: "inline-flex items-center justify-center w-5 h-5 rounded-full bg-blue-500/10 hover:bg-blue-500/20 transition-colors ml-1" }, [
-                                        createVNode(_component_UIcon, {
-                                          name: "i-lucide-circle-play",
-                                          class: ["w-3.5 h-3.5 text-blue-500", { "animate-pulse": isLatestRunActive.value }]
-                                        }, null, 8, ["class"])
-                                      ])
-                                    ]),
-                                    _: 1
-                                  }, 8, ["to"])
-                                ];
-                              }
-                            }),
-                            _: 2
-                          }, _parent4, _scopeId3));
-                        } else {
-                          _push4(`<!---->`);
-                        }
+                        _push4(ssrRenderComponent(_component_RunFreshnessPill, {
+                          class: "ml-1",
+                          "latest-run-id": latestRunId.value,
+                          "current-run-id": Number(unref(runId)),
+                          "is-active": isLatestRunActive.value
+                        }, null, _parent4, _scopeId3));
                       } else {
                         return [
                           createVNode(_component_NuxtLink, {
@@ -8187,32 +8406,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             ]),
                             _: 2
                           }, 1032, ["to"]),
-                          latestRunId.value && latestRunId.value !== Number(unref(runId)) ? (openBlock(), createBlock(_component_UTooltip, {
-                            key: 0,
-                            text: isLatestRunActive.value ? "Go to running run" : "Go to latest run"
-                          }, {
-                            default: withCtx(() => [
-                              createVNode(_component_NuxtLink, {
-                                to: `/test-runs/${latestRunId.value}`
-                              }, {
-                                default: withCtx(() => [
-                                  createVNode("span", { class: "inline-flex items-center justify-center w-5 h-5 rounded-full bg-blue-500/10 hover:bg-blue-500/20 transition-colors ml-1" }, [
-                                    createVNode(_component_UIcon, {
-                                      name: "i-lucide-circle-play",
-                                      class: ["w-3.5 h-3.5 text-blue-500", { "animate-pulse": isLatestRunActive.value }]
-                                    }, null, 8, ["class"])
-                                  ])
-                                ]),
-                                _: 1
-                              }, 8, ["to"])
-                            ]),
-                            _: 1
-                          }, 8, ["text"])) : createCommentVNode("", true)
+                          createVNode(_component_RunFreshnessPill, {
+                            class: "ml-1",
+                            "latest-run-id": latestRunId.value,
+                            "current-run-id": Number(unref(runId)),
+                            "is-active": isLatestRunActive.value
+                          }, null, 8, ["latest-run-id", "current-run-id", "is-active"])
                         ];
                       }
                     }),
                     _: 1
                   }, _parent3, _scopeId2));
+                  _push3(ssrRenderComponent(_component_RunFreshnessPill, {
+                    class: "ml-1 sm:hidden",
+                    "latest-run-id": latestRunId.value,
+                    "current-run-id": Number(unref(runId)),
+                    "is-active": isLatestRunActive.value
+                  }, null, _parent3, _scopeId2));
                 } else {
                   return [
                     createVNode(_component_UDashboardSidebarCollapse),
@@ -8240,35 +8450,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           ]),
                           _: 2
                         }, 1032, ["to"]),
-                        latestRunId.value && latestRunId.value !== Number(unref(runId)) ? (openBlock(), createBlock(_component_UTooltip, {
-                          key: 0,
-                          text: isLatestRunActive.value ? "Go to running run" : "Go to latest run"
-                        }, {
-                          default: withCtx(() => [
-                            createVNode(_component_NuxtLink, {
-                              to: `/test-runs/${latestRunId.value}`
-                            }, {
-                              default: withCtx(() => [
-                                createVNode("span", { class: "inline-flex items-center justify-center w-5 h-5 rounded-full bg-blue-500/10 hover:bg-blue-500/20 transition-colors ml-1" }, [
-                                  createVNode(_component_UIcon, {
-                                    name: "i-lucide-circle-play",
-                                    class: ["w-3.5 h-3.5 text-blue-500", { "animate-pulse": isLatestRunActive.value }]
-                                  }, null, 8, ["class"])
-                                ])
-                              ]),
-                              _: 1
-                            }, 8, ["to"])
-                          ]),
-                          _: 1
-                        }, 8, ["text"])) : createCommentVNode("", true)
+                        createVNode(_component_RunFreshnessPill, {
+                          class: "ml-1",
+                          "latest-run-id": latestRunId.value,
+                          "current-run-id": Number(unref(runId)),
+                          "is-active": isLatestRunActive.value
+                        }, null, 8, ["latest-run-id", "current-run-id", "is-active"])
                       ]),
                       _: 1
-                    }, 8, ["items"])
+                    }, 8, ["items"]),
+                    createVNode(_component_RunFreshnessPill, {
+                      class: "ml-1 sm:hidden",
+                      "latest-run-id": latestRunId.value,
+                      "current-run-id": Number(unref(runId)),
+                      "is-active": isLatestRunActive.value
+                    }, null, 8, ["latest-run-id", "current-run-id", "is-active"])
                   ];
                 }
               }),
               right: withCtx((_2, _push3, _parent3, _scopeId2) => {
                 if (_push3) {
+                  _push3(`<div class="flex items-center shrink-0 min-w-0"${_scopeId2}>`);
                   _push3(ssrRenderComponent(_component_NavbarActions, {
                     actions: [
                       { label: "Refresh", icon: "i-lucide-refresh-cw", onClick: () => unref(refresh)() },
@@ -8282,21 +8484,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       }
                     ]
                   }, null, _parent3, _scopeId2));
+                  _push3(`</div>`);
                 } else {
                   return [
-                    createVNode(_component_NavbarActions, {
-                      actions: [
-                        { label: "Refresh", icon: "i-lucide-refresh-cw", onClick: () => unref(refresh)() },
-                        {
-                          label: "Delete",
-                          icon: "i-lucide-trash-2",
-                          color: "error",
-                          variant: "soft",
-                          loading: unref(deleting),
-                          onClick: () => isDeleteConfirmOpen.value = true
-                        }
-                      ]
-                    }, null, 8, ["actions"])
+                    createVNode("div", { class: "flex items-center shrink-0 min-w-0" }, [
+                      createVNode(_component_NavbarActions, {
+                        actions: [
+                          { label: "Refresh", icon: "i-lucide-refresh-cw", onClick: () => unref(refresh)() },
+                          {
+                            label: "Delete",
+                            icon: "i-lucide-trash-2",
+                            color: "error",
+                            variant: "soft",
+                            loading: unref(deleting),
+                            onClick: () => isDeleteConfirmOpen.value = true
+                          }
+                        ]
+                      }, null, 8, ["actions"])
+                    ])
                   ];
                 }
               }),
@@ -8304,7 +8509,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, _parent2, _scopeId));
           } else {
             return [
-              createVNode(_component_UDashboardNavbar, null, {
+              createVNode(_component_UDashboardNavbar, { title: navbarTitle.value }, {
                 leading: withCtx(() => [
                   createVNode(_component_UDashboardSidebarCollapse),
                   createVNode(_component_BreadcrumbNav, {
@@ -8331,48 +8536,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         ]),
                         _: 2
                       }, 1032, ["to"]),
-                      latestRunId.value && latestRunId.value !== Number(unref(runId)) ? (openBlock(), createBlock(_component_UTooltip, {
-                        key: 0,
-                        text: isLatestRunActive.value ? "Go to running run" : "Go to latest run"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(_component_NuxtLink, {
-                            to: `/test-runs/${latestRunId.value}`
-                          }, {
-                            default: withCtx(() => [
-                              createVNode("span", { class: "inline-flex items-center justify-center w-5 h-5 rounded-full bg-blue-500/10 hover:bg-blue-500/20 transition-colors ml-1" }, [
-                                createVNode(_component_UIcon, {
-                                  name: "i-lucide-circle-play",
-                                  class: ["w-3.5 h-3.5 text-blue-500", { "animate-pulse": isLatestRunActive.value }]
-                                }, null, 8, ["class"])
-                              ])
-                            ]),
-                            _: 1
-                          }, 8, ["to"])
-                        ]),
-                        _: 1
-                      }, 8, ["text"])) : createCommentVNode("", true)
+                      createVNode(_component_RunFreshnessPill, {
+                        class: "ml-1",
+                        "latest-run-id": latestRunId.value,
+                        "current-run-id": Number(unref(runId)),
+                        "is-active": isLatestRunActive.value
+                      }, null, 8, ["latest-run-id", "current-run-id", "is-active"])
                     ]),
                     _: 1
-                  }, 8, ["items"])
+                  }, 8, ["items"]),
+                  createVNode(_component_RunFreshnessPill, {
+                    class: "ml-1 sm:hidden",
+                    "latest-run-id": latestRunId.value,
+                    "current-run-id": Number(unref(runId)),
+                    "is-active": isLatestRunActive.value
+                  }, null, 8, ["latest-run-id", "current-run-id", "is-active"])
                 ]),
                 right: withCtx(() => [
-                  createVNode(_component_NavbarActions, {
-                    actions: [
-                      { label: "Refresh", icon: "i-lucide-refresh-cw", onClick: () => unref(refresh)() },
-                      {
-                        label: "Delete",
-                        icon: "i-lucide-trash-2",
-                        color: "error",
-                        variant: "soft",
-                        loading: unref(deleting),
-                        onClick: () => isDeleteConfirmOpen.value = true
-                      }
-                    ]
-                  }, null, 8, ["actions"])
+                  createVNode("div", { class: "flex items-center shrink-0 min-w-0" }, [
+                    createVNode(_component_NavbarActions, {
+                      actions: [
+                        { label: "Refresh", icon: "i-lucide-refresh-cw", onClick: () => unref(refresh)() },
+                        {
+                          label: "Delete",
+                          icon: "i-lucide-trash-2",
+                          color: "error",
+                          variant: "soft",
+                          loading: unref(deleting),
+                          onClick: () => isDeleteConfirmOpen.value = true
+                        }
+                      ]
+                    }, null, 8, ["actions"])
+                  ])
                 ]),
                 _: 1
-              })
+              }, 8, ["title"])
             ];
           }
         }),
@@ -8393,10 +8591,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "all-reports": allReports.value,
                       "show-custom-data": unref(showCustomData),
                       finalizing: unref(isFinalizing),
-                      "active-filter": statusFilterForSummary.value,
+                      "active-statuses": unref(testCaseActiveStatuses),
                       "total-wasted-time": totalWastedTime.value,
                       "onUpdate:showCustomData": ($event) => showCustomData.value = $event,
-                      onFilterStatus: handleFilterStatus,
+                      onToggleStatus: handleFilterStatus,
                       onLabelUpdated: unref(refresh)
                     }, null, _parent3, _scopeId2));
                   } else {
@@ -8411,12 +8609,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "all-reports": allReports.value,
                       "show-custom-data": unref(showCustomData),
                       finalizing: unref(isFinalizing),
-                      "active-filter": statusFilterForSummary.value,
+                      "active-statuses": unref(testCaseActiveStatuses),
                       "total-wasted-time": totalWastedTime.value,
                       "onUpdate:showCustomData": ($event) => showCustomData.value = $event,
-                      onFilterStatus: handleFilterStatus,
+                      onToggleStatus: handleFilterStatus,
                       onLabelUpdated: unref(refresh)
-                    }, null, 8, ["test-run", "display-progress", "all-reports", "show-custom-data", "finalizing", "active-filter", "total-wasted-time", "onUpdate:showCustomData", "onLabelUpdated"])) : createCommentVNode("", true)
+                    }, null, 8, ["test-run", "display-progress", "all-reports", "show-custom-data", "finalizing", "active-statuses", "total-wasted-time", "onUpdate:showCustomData", "onLabelUpdated"])) : createCommentVNode("", true)
                   ];
                 }
               }),
@@ -8431,10 +8629,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, {
                       default: withCtx((_3, _push4, _parent4, _scopeId3) => {
                         if (_push4) {
-                          _push4(` Filtered by failure group `);
+                          _push4(` Cluster: ${ssrInterpolate(clusterFilterName.value)} · ${ssrInterpolate(clusterFilterCount.value)} ${ssrInterpolate(clusterFilterCount.value === 1 ? "test" : "tests")}`);
                         } else {
                           return [
-                            createTextVNode(" Filtered by failure group ")
+                            createTextVNode(" Cluster: " + toDisplayString(clusterFilterName.value) + " · " + toDisplayString(clusterFilterCount.value) + " " + toDisplayString(clusterFilterCount.value === 1 ? "test" : "tests"), 1)
                           ];
                         }
                       }),
@@ -8465,7 +8663,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     suites: unref(testRun)?.suites ?? [],
                     "is-live": isLive.value,
                     "live-steps": unref(liveSteps),
-                    "failure-cluster-filter": unref(selectedClusterFilter),
+                    "failure-cluster-filter": unref(selectedClusterFilter)?.id ?? null,
+                    "cluster-names": unref(clusterNames),
                     "project-key": unref(testRun)?.projectId,
                     "project-name": unref(testRun)?.project?.name,
                     class: "flex-1 min-h-0"
@@ -8482,7 +8681,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         size: "sm"
                       }, {
                         default: withCtx(() => [
-                          createTextVNode(" Filtered by failure group ")
+                          createTextVNode(" Cluster: " + toDisplayString(clusterFilterName.value) + " · " + toDisplayString(clusterFilterCount.value) + " " + toDisplayString(clusterFilterCount.value === 1 ? "test" : "tests"), 1)
                         ]),
                         _: 1
                       }),
@@ -8508,11 +8707,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       suites: unref(testRun)?.suites ?? [],
                       "is-live": isLive.value,
                       "live-steps": unref(liveSteps),
-                      "failure-cluster-filter": unref(selectedClusterFilter),
+                      "failure-cluster-filter": unref(selectedClusterFilter)?.id ?? null,
+                      "cluster-names": unref(clusterNames),
                       "project-key": unref(testRun)?.projectId,
                       "project-name": unref(testRun)?.project?.name,
                       class: "flex-1 min-h-0"
-                    }, null, 8, ["search", "onUpdate:search", "active-statuses", "onUpdate:activeStatuses", "browser-filter", "onUpdate:browserFilter", "test-cases", "suites", "is-live", "live-steps", "failure-cluster-filter", "project-key", "project-name"])
+                    }, null, 8, ["search", "onUpdate:search", "active-statuses", "onUpdate:activeStatuses", "browser-filter", "onUpdate:browserFilter", "test-cases", "suites", "is-live", "live-steps", "failure-cluster-filter", "cluster-names", "project-key", "project-name"])
                   ];
                 }
               }),
@@ -8626,12 +8826,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     "all-reports": allReports.value,
                     "show-custom-data": unref(showCustomData),
                     finalizing: unref(isFinalizing),
-                    "active-filter": statusFilterForSummary.value,
+                    "active-statuses": unref(testCaseActiveStatuses),
                     "total-wasted-time": totalWastedTime.value,
                     "onUpdate:showCustomData": ($event) => showCustomData.value = $event,
-                    onFilterStatus: handleFilterStatus,
+                    onToggleStatus: handleFilterStatus,
                     onLabelUpdated: unref(refresh)
-                  }, null, 8, ["test-run", "display-progress", "all-reports", "show-custom-data", "finalizing", "active-filter", "total-wasted-time", "onUpdate:showCustomData", "onLabelUpdated"])) : createCommentVNode("", true)
+                  }, null, 8, ["test-run", "display-progress", "all-reports", "show-custom-data", "finalizing", "active-statuses", "total-wasted-time", "onUpdate:showCustomData", "onLabelUpdated"])) : createCommentVNode("", true)
                 ]),
                 "tab-test-cases": withCtx(() => [
                   unref(selectedClusterFilter) != null ? (openBlock(), createBlock("div", {
@@ -8644,7 +8844,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       size: "sm"
                     }, {
                       default: withCtx(() => [
-                        createTextVNode(" Filtered by failure group ")
+                        createTextVNode(" Cluster: " + toDisplayString(clusterFilterName.value) + " · " + toDisplayString(clusterFilterCount.value) + " " + toDisplayString(clusterFilterCount.value === 1 ? "test" : "tests"), 1)
                       ]),
                       _: 1
                     }),
@@ -8670,11 +8870,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     suites: unref(testRun)?.suites ?? [],
                     "is-live": isLive.value,
                     "live-steps": unref(liveSteps),
-                    "failure-cluster-filter": unref(selectedClusterFilter),
+                    "failure-cluster-filter": unref(selectedClusterFilter)?.id ?? null,
+                    "cluster-names": unref(clusterNames),
                     "project-key": unref(testRun)?.projectId,
                     "project-name": unref(testRun)?.project?.name,
                     class: "flex-1 min-h-0"
-                  }, null, 8, ["search", "onUpdate:search", "active-statuses", "onUpdate:activeStatuses", "browser-filter", "onUpdate:browserFilter", "test-cases", "suites", "is-live", "live-steps", "failure-cluster-filter", "project-key", "project-name"])
+                  }, null, 8, ["search", "onUpdate:search", "active-statuses", "onUpdate:activeStatuses", "browser-filter", "onUpdate:browserFilter", "test-cases", "suites", "is-live", "live-steps", "failure-cluster-filter", "cluster-names", "project-key", "project-name"])
                 ]),
                 "tab-insights": withCtx(() => [
                   createVNode(_component_RunInsights, {
@@ -8733,4 +8934,4 @@ _sfc_main.setup = (props, ctx) => {
 };
 
 export { _sfc_main as default };
-//# sourceMappingURL=_id_-DVPb1S93.mjs.map
+//# sourceMappingURL=_id_-DxHe32cW.mjs.map