@piwitests/server 0.18.2 → 0.20.0

package/.output/server/chunks/build/{index-DVUtBexc.mjs → index-hGHlmyxj.mjs}

@@ -1,44 +1,48 @@
-import { _ as _sfc_main$1$1, a as _sfc_main$j } from './DashboardNavbar-Bdp-OwTN.mjs';
-import { _ as _sfc_main$1$2 } from './Breadcrumb-C9ZPTLym.mjs';
-import { _ as __nuxt_component_3 } from './BreadcrumbNav-C3y42Vun.mjs';
-import { _ as __nuxt_component_4$1 } from './NavbarActions-_YjrSUat.mjs';
-import { u as useRoute, k as useRouter, l as useHead, j as useToast, s as useAuth, n as _sfc_main$7$1, m as _sfc_main$k, o as _sfc_main$p, _ as _sfc_main$d$1, v as navigateTo, w as __nuxt_component_7$1, r as useRuntimeConfig, p as __nuxt_component_12, q as _sfc_main$8$1 } from './server.mjs';
-import { _ as _sfc_main$m } from './Separator-CxZdx8kw.mjs';
-import { _ as __nuxt_component_2, a as __nuxt_component_9 } from './HelpHint-YEMWtKu1.mjs';
-import { _ as _sfc_main$n } from './FormField-B-GSn_VR.mjs';
-import { _ as _sfc_main$b } from './Select-ppPz926C.mjs';
+import { _ as _sfc_main$1$1, a as _sfc_main$m } from './DashboardNavbar-BHmMSPX7.mjs';
+import { _ as _sfc_main$1$2 } from './Breadcrumb-Ak2Lg3oM.mjs';
+import { _ as __nuxt_component_3$1 } from './BreadcrumbNav-DO7I_z-n.mjs';
+import { _ as __nuxt_component_4$2 } from './NavbarActions-_YjrSUat.mjs';
+import { u as useRoute, k as useRouter, l as useHead, j as useToast, w as useAuth, n as _sfc_main$7$1, m as _sfc_main$k, o as _sfc_main$p, _ as _sfc_main$d$1, x as navigateTo, y as __nuxt_component_7$2, r as useRuntimeConfig, s as __nuxt_component_12, v as _sfc_main$8$1 } from './server.mjs';
+import { _ as _sfc_main$o } from './Separator-CR4WcEKD.mjs';
+import { _ as __nuxt_component_2, a as __nuxt_component_9 } from './HelpHint-DrcIv-Oj.mjs';
+import { _ as _sfc_main$q } from './FormField-B0HKsdMd.mjs';
+import { _ as _sfc_main$d } from './Select-5DK9frQ7.mjs';
 import { computed, effectScope, defineComponent, withAsyncContext, ref, watch, withCtx, unref, isRef, createVNode, createTextVNode, toDisplayString, openBlock, createBlock, Fragment, renderList, createCommentVNode, withModifiers, mergeProps, withDirectives, vModelCheckbox, reactive, useSSRContext } from 'vue';
 import { ssrRenderComponent, ssrInterpolate, ssrRenderList, ssrRenderClass, ssrRenderAttr, ssrIncludeBooleanAttr, ssrRenderAttrs, ssrRenderStyle, ssrLooseContain } from 'vue/server-renderer';
-import { bp as NOTIFICATION_EVENTS } from '../nitro/nitro.mjs';
-import { c as useCookie } from './DashboardSidebarToggle-Ji6ADuqF.mjs';
-import { u as useFetch } from './fetch-8kznMtBM.mjs';
-import { _ as __nuxt_component_4 } from './TagBadge-BDcvvGxw.mjs';
-import { _ as _sfc_main$c } from './Tabs-BV9XqjoO.mjs';
-import { _ as __nuxt_component_0 } from './ChartCard-Fr557IbV.mjs';
+import { bP as NOTIFICATION_EVENTS } from '../nitro/nitro.mjs';
+import { c as useCookie } from './DashboardSidebarToggle-DCTnHiIv.mjs';
+import { u as useFetch } from './fetch-B4FwBOzu.mjs';
+import { _ as __nuxt_component_4 } from './TagBadge-DwzoFCBb.mjs';
+import { _ as __nuxt_component_11$1 } from './SectionCard-CN-v0FZ_.mjs';
+import { _ as __nuxt_component_3, u as useDesktopProjectLink } from './BrowserBadge-MFvBwxmD.mjs';
+import { _ as _sfc_main$e } from './Tabs-BkSOnbaB.mjs';
+import { _ as __nuxt_component_0 } from './ChartCard-Y1UKwMsf.mjs';
 import { _ as __nuxt_component_0$1 } from './ChartMarkerTooltip-0DcMfD_6.mjs';
-import { _ as __nuxt_component_8 } from './EmptyState-DV3oT_xz.mjs';
-import { u as useChartMarkers, _ as __nuxt_component_1$2 } from './useChartMarkers-C89e_VLV.mjs';
+import { _ as __nuxt_component_4$1 } from './EmptyState-DC2q_7TD.mjs';
+import { u as useChartMarkers, _ as __nuxt_component_1$3 } from './useChartMarkers-C89e_VLV.mjs';
 import { VisXYContainer, VisLine, VisAxis, VisArea } from '@unovis/vue';
 import { CurveType } from '@unovis/ts';
-import { _ as _sfc_main$d } from './Card-BQP_oZkQ.mjs';
-import { _ as _sfc_main$h } from './Switch-xQQ3_ME1.mjs';
-import { _ as _sfc_main$g } from './Table-CPhhVzDv.mjs';
-import { _ as __nuxt_component_13$1 } from './RunStatusBadge-BhmJ_RKM.mjs';
-import { _ as _sfc_main$i } from './Tooltip-7vwuDPrZ.mjs';
-import { _ as __nuxt_component_2$1 } from './BrowserBadge-DNCp9pF-.mjs';
-import { _ as __nuxt_component_13 } from './TestStatusBar-CEzt76wk.mjs';
-import { _ as __nuxt_component_14 } from './RunReports-BpJqLHY9.mjs';
-import { _ as __nuxt_component_11 } from './SectionCard-COd9TuDq.mjs';
-import { _ as __nuxt_component_3$1 } from './TableScroller-DMcdCVrH.mjs';
-import { a as formatDuration, j as getStatusColor, p as prettyDateFormat, u as createSortHeader, f as formatRelativeTime, h as clusterStatusColor, g as clusterErrorTypeColor, e as errorMessage } from './index-CULN3-en.mjs';
-import { _ as __nuxt_component_1$1 } from './OpenInIdeLink-B92wosXu.mjs';
+import { _ as _sfc_main$f } from './Card-BQP_oZkQ.mjs';
+import { _ as _sfc_main$j } from './Switch-B5Fp8ULt.mjs';
+import { _ as _sfc_main$i } from './Table-BRk04Hd2.mjs';
+import { _ as __nuxt_component_13 } from './RunStatusBadge-FfGb6bkW.mjs';
+import { _ as _sfc_main$l } from './Tooltip-Dv4htNP6.mjs';
+import { _ as __nuxt_component_14$1 } from './TestStatusBar-DX3EhlyP.mjs';
+import { _ as __nuxt_component_14 } from './DurationValue-D20oGbnc.mjs';
+import { _ as __nuxt_component_15 } from './RunReports-DFLv51TX.mjs';
+import { _ as __nuxt_component_3$2 } from './TableScroller-DMcdCVrH.mjs';
+import { v as getStatusColor, p as prettyDateFormat, w as createSortHeader, f as formatRelativeTime, b as toTestPriority, j as clusterStatusColor, i as clusterErrorTypeColor, e as errorMessage, h as fixVerificationBadge } from './index-CU2nZhAa.mjs';
+import { _ as __nuxt_component_2$2 } from './TestMetaBadges-D5_yUtIP.mjs';
+import { _ as __nuxt_component_1$1 } from './OpenInIdeLink-CQWKKChd.mjs';
 import { _ as __nuxt_component_1 } from './LoadingState-C3pBSuOO.mjs';
-import { _ as _sfc_main$f } from './SelectMenu-799c_Ils.mjs';
-import { _ as __nuxt_component_34 } from './ProjectTestCasesTable-9Ia825h8.mjs';
-import { _ as _sfc_main$e } from './Checkbox-cVOSIY93.mjs';
+import { _ as _sfc_main$h } from './SelectMenu-D-2FSqBU.mjs';
+import { _ as __nuxt_component_36 } from './ProjectTestCasesTable-Bo61P5K1.mjs';
+import { _ as __nuxt_component_5$2 } from './ErrorState-CktYyeEZ.mjs';
+import { _ as __nuxt_component_1$2, a as __nuxt_component_2$1 } from './StatTile-D61Vzo6e.mjs';
+import { _ as _sfc_main$g } from './Checkbox-4Q5d0fa0.mjs';
 import { _ as __nuxt_component_5$1 } from './MarkerBadge-D7meXy4u.mjs';
 import { g as getMarkerCategory, a as MARKER_CATEGORIES, D as DEFAULT_MARKER_CATEGORY } from '../_/marker-categories.mjs';
-import { _ as _sfc_main$l } from './Modal-CfA78Hm1.mjs';
+import { _ as _sfc_main$n } from './Modal-pSDlXzT3.mjs';
 import { u as useRunComparison } from './useRunComparison-CiMBLpe2.mjs';
 import 'vue-router';
 import '@iconify/vue';
@@ -60,6 +64,18 @@ import 'path';
 import 'fs/promises';
 import 'zlib';
 import 'util';
+import 'marked';
+import 'highlight.js/lib/core';
+import 'highlight.js/lib/languages/bash';
+import 'highlight.js/lib/languages/css';
+import 'highlight.js/lib/languages/diff';
+import 'highlight.js/lib/languages/javascript';
+import 'highlight.js/lib/languages/json';
+import 'highlight.js/lib/languages/python';
+import 'highlight.js/lib/languages/typescript';
+import 'highlight.js/lib/languages/xml';
+import 'highlight.js/lib/languages/yaml';
+import 'fflate';
 import 'pixelmatch';
 import 'sharp';
 import '@anthropic-ai/sdk';
@@ -83,25 +99,24 @@ import 'node:zlib';
 import 'consola';
 import 'node:url';
 import '@iconify/utils';
-import './help-content-DmFnuhNu.mjs';
-import './useCopy-BQQKcwlq.mjs';
-import './Label-DBvbHd3A.mjs';
-import './useFormControl-BLpq1s4O.mjs';
+import './help-content-C876a9WD.mjs';
+import './useCopy-CeKWgHyT.mjs';
+import './Label-DYDR1Oeh.mjs';
+import './useFormControl-CZ9So7iX.mjs';
 import './handleAndDispatchCustomEvent-Bk_AVSSo.mjs';
 import '@vue/shared';
-import './RovingFocusItem-CxhHdNGo.mjs';
+import './useTauri-Kf3HE_42.mjs';
+import './RovingFocusItem--OEHI2P3.mjs';
 import './useForwardScopeId-D0ameaSU.mjs';
-import './VisuallyHiddenInput-C9eJVpPW.mjs';
+import './VisuallyHiddenInput-BHvzNumK.mjs';
 import '@tanstack/vue-table';
 import '@tanstack/vue-virtual';
 import 'date-fns';
-import './useOpenInIde-kMZ7Jw5c.mjs';
-import './virtualizer-ZaqK4guJ.mjs';
+import './useOpenInIde-BbTnPhFA.mjs';
 import './FilterToolbar-BwXy8xSk.mjs';
-import './ErrorState-CktYyeEZ.mjs';
-import './Alert-Bp1Wz_sq.mjs';
-import './useTreeViewCookie-DVYpxW-p.mjs';
-import './isValueEqualOrExist-DBZjbD_3.mjs';
+import './Alert-C4xq8lao.mjs';
+import './useTreeViewCookie-CQjQdTkH.mjs';
+import './isValueEqualOrExist-D2qw9YEr.mjs';
 
 const COOKIE_KEY = "piwi-browser-notify";
 function defaultStored() {
@@ -298,7 +313,7 @@ function useDemoNotifications() {
   }
   return { scheduleFor, cancelFor };
 }
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "SubscribeBell",
   __ssrInlineRender: true,
   props: {
@@ -467,12 +482,12 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     return (_ctx, _push, _parent, _attrs) => {
       const _component_UPopover = _sfc_main$8$1;
       const _component_UButton = _sfc_main$k;
-      const _component_USeparator = _sfc_main$m;
+      const _component_USeparator = _sfc_main$o;
       const _component_HelpHint = __nuxt_component_2;
       const _component_UIcon = _sfc_main$p;
       const _component_NuxtLink = __nuxt_component_12;
-      const _component_UFormField = _sfc_main$n;
-      const _component_USelect = _sfc_main$b;
+      const _component_UFormField = _sfc_main$q;
+      const _component_USelect = _sfc_main$d;
       if (unref(showComponent)) {
         _push(ssrRenderComponent(_component_UPopover, mergeProps({
           open: unref(open),
@@ -1160,14 +1175,219 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_setup$a = _sfc_main$a.setup;
-_sfc_main$a.setup = (props, ctx) => {
+const _sfc_setup$c = _sfc_main$c.setup;
+_sfc_main$c.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/project/SubscribeBell.vue");
-  return _sfc_setup$a ? _sfc_setup$a(props, ctx) : void 0;
+  return _sfc_setup$c ? _sfc_setup$c(props, ctx) : void 0;
 };
-const __nuxt_component_5 = Object.assign(_sfc_main$a, { __name: "SubscribeBell" });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const __nuxt_component_5 = Object.assign(_sfc_main$c, { __name: "SubscribeBell" });
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  __name: "DesktopProjectLinkCard",
+  __ssrInlineRender: true,
+  props: {
+    projectId: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { available, link, busy, pickAndLink, unlink } = useDesktopProjectLink(() => props.projectId);
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_SectionCard = __nuxt_component_11$1;
+      const _component_UIcon = _sfc_main$p;
+      const _component_UBadge = _sfc_main$7$1;
+      const _component_UButton = _sfc_main$k;
+      if (unref(available)) {
+        _push(ssrRenderComponent(_component_SectionCard, mergeProps({
+          icon: "i-lucide-folder-symlink",
+          title: "Local folder"
+        }, _attrs), {
+          subtitle: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(` Link this project to its checkout on this machine to retry failures from here and open files in your IDE. `);
+            } else {
+              return [
+                createTextVNode(" Link this project to its checkout on this machine to retry failures from here and open files in your IDE. ")
+              ];
+            }
+          }),
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              if (unref(link)) {
+                _push2(`<div class="flex items-center justify-between gap-3"${_scopeId}><div class="flex items-center gap-2 min-w-0 text-sm"${_scopeId}>`);
+                _push2(ssrRenderComponent(_component_UIcon, {
+                  name: unref(link).exists ? "i-lucide-folder-check" : "i-lucide-folder-x",
+                  class: ["size-4 shrink-0", unref(link).exists ? "text-success" : "text-warning"]
+                }, null, _parent2, _scopeId));
+                _push2(`<code class="text-xs break-all"${_scopeId}>${ssrInterpolate(unref(link).path)}</code>`);
+                if (!unref(link).exists) {
+                  _push2(ssrRenderComponent(_component_UBadge, {
+                    color: "warning",
+                    variant: "subtle",
+                    size: "sm"
+                  }, {
+                    default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                      if (_push3) {
+                        _push3(`missing`);
+                      } else {
+                        return [
+                          createTextVNode("missing")
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent2, _scopeId));
+                } else {
+                  _push2(`<!---->`);
+                }
+                _push2(`</div><div class="flex items-center gap-1.5 shrink-0"${_scopeId}>`);
+                _push2(ssrRenderComponent(_component_UButton, {
+                  size: "xs",
+                  color: "neutral",
+                  variant: "soft",
+                  icon: "i-lucide-folder-search",
+                  loading: unref(busy),
+                  onClick: unref(pickAndLink)
+                }, {
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(` Change `);
+                    } else {
+                      return [
+                        createTextVNode(" Change ")
+                      ];
+                    }
+                  }),
+                  _: 1
+                }, _parent2, _scopeId));
+                _push2(ssrRenderComponent(_component_UButton, {
+                  size: "xs",
+                  color: "neutral",
+                  variant: "ghost",
+                  icon: "i-lucide-unlink",
+                  disabled: unref(busy),
+                  onClick: unref(unlink)
+                }, {
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(` Unlink `);
+                    } else {
+                      return [
+                        createTextVNode(" Unlink ")
+                      ];
+                    }
+                  }),
+                  _: 1
+                }, _parent2, _scopeId));
+                _push2(`</div></div>`);
+              } else {
+                _push2(`<div class="flex items-center justify-between gap-3"${_scopeId}><p class="text-sm text-muted"${_scopeId}>No folder linked yet.</p>`);
+                _push2(ssrRenderComponent(_component_UButton, {
+                  size: "xs",
+                  icon: "i-lucide-folder-plus",
+                  loading: unref(busy),
+                  onClick: unref(pickAndLink)
+                }, {
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(`Choose folder…`);
+                    } else {
+                      return [
+                        createTextVNode("Choose folder…")
+                      ];
+                    }
+                  }),
+                  _: 1
+                }, _parent2, _scopeId));
+                _push2(`</div>`);
+              }
+            } else {
+              return [
+                unref(link) ? (openBlock(), createBlock("div", {
+                  key: 0,
+                  class: "flex items-center justify-between gap-3"
+                }, [
+                  createVNode("div", { class: "flex items-center gap-2 min-w-0 text-sm" }, [
+                    createVNode(_component_UIcon, {
+                      name: unref(link).exists ? "i-lucide-folder-check" : "i-lucide-folder-x",
+                      class: ["size-4 shrink-0", unref(link).exists ? "text-success" : "text-warning"]
+                    }, null, 8, ["name", "class"]),
+                    createVNode("code", { class: "text-xs break-all" }, toDisplayString(unref(link).path), 1),
+                    !unref(link).exists ? (openBlock(), createBlock(_component_UBadge, {
+                      key: 0,
+                      color: "warning",
+                      variant: "subtle",
+                      size: "sm"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode("missing")
+                      ]),
+                      _: 1
+                    })) : createCommentVNode("", true)
+                  ]),
+                  createVNode("div", { class: "flex items-center gap-1.5 shrink-0" }, [
+                    createVNode(_component_UButton, {
+                      size: "xs",
+                      color: "neutral",
+                      variant: "soft",
+                      icon: "i-lucide-folder-search",
+                      loading: unref(busy),
+                      onClick: unref(pickAndLink)
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(" Change ")
+                      ]),
+                      _: 1
+                    }, 8, ["loading", "onClick"]),
+                    createVNode(_component_UButton, {
+                      size: "xs",
+                      color: "neutral",
+                      variant: "ghost",
+                      icon: "i-lucide-unlink",
+                      disabled: unref(busy),
+                      onClick: unref(unlink)
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(" Unlink ")
+                      ]),
+                      _: 1
+                    }, 8, ["disabled", "onClick"])
+                  ])
+                ])) : (openBlock(), createBlock("div", {
+                  key: 1,
+                  class: "flex items-center justify-between gap-3"
+                }, [
+                  createVNode("p", { class: "text-sm text-muted" }, "No folder linked yet."),
+                  createVNode(_component_UButton, {
+                    size: "xs",
+                    icon: "i-lucide-folder-plus",
+                    loading: unref(busy),
+                    onClick: unref(pickAndLink)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode("Choose folder…")
+                    ]),
+                    _: 1
+                  }, 8, ["loading", "onClick"])
+                ]))
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+      } else {
+        _push(`<!---->`);
+      }
+    };
+  }
+});
+const _sfc_setup$b = _sfc_main$b.setup;
+_sfc_main$b.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/desktop/DesktopProjectLinkCard.vue");
+  return _sfc_setup$b ? _sfc_setup$b(props, ctx) : void 0;
+};
+const __nuxt_component_7$1 = Object.assign(_sfc_main$b, { __name: "DesktopProjectLinkCard" });
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "TestRunsChart",
   __ssrInlineRender: true,
   props: {
@@ -1227,8 +1447,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     ];
     return (_ctx, _push, _parent, _attrs) => {
       const _component_ChartMarkerTooltip = __nuxt_component_0$1;
-      const _component_EmptyState = __nuxt_component_8;
-      const _component_ChartLegend = __nuxt_component_1$2;
+      const _component_EmptyState = __nuxt_component_4$1;
+      const _component_ChartLegend = __nuxt_component_1$3;
       _push(`<div${ssrRenderAttrs(mergeProps({ class: "w-full relative" }, _attrs))}>`);
       if (unref(chartData).length > 0) {
         _push(`<div>`);
@@ -1316,14 +1536,14 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_setup$9 = _sfc_main$9.setup;
-_sfc_main$9.setup = (props, ctx) => {
+const _sfc_setup$a = _sfc_main$a.setup;
+_sfc_main$a.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/project/TestRunsChart.vue");
-  return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
+  return _sfc_setup$a ? _sfc_setup$a(props, ctx) : void 0;
 };
-const __nuxt_component_10 = Object.assign(_sfc_main$9, { __name: "TestRunsChart" });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const __nuxt_component_11 = Object.assign(_sfc_main$a, { __name: "TestRunsChart" });
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "ClusterMergeSuggestions",
   __ssrInlineRender: true,
   props: {
@@ -1359,7 +1579,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     }
     const pct = (s) => s == null ? "" : `${Math.round(s * 100)}% similar`;
     return (_ctx, _push, _parent, _attrs) => {
-      const _component_SectionCard = __nuxt_component_11;
+      const _component_SectionCard = __nuxt_component_11$1;
       const _component_UBadge = _sfc_main$7$1;
       const _component_UButton = _sfc_main$k;
       if (unref(suggestions).length) {
@@ -1536,14 +1756,14 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_setup$8 = _sfc_main$8.setup;
-_sfc_main$8.setup = (props, ctx) => {
+const _sfc_setup$9 = _sfc_main$9.setup;
+_sfc_main$9.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/project/ClusterMergeSuggestions.vue");
-  return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
+  return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
 };
-const __nuxt_component_24 = Object.assign(_sfc_main$8, { __name: "ClusterMergeSuggestions" });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const __nuxt_component_27 = Object.assign(_sfc_main$9, { __name: "ClusterMergeSuggestions" });
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "FailureClustersList",
   __ssrInlineRender: true,
   props: {
@@ -1564,6 +1784,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       "$f7pDU1t-lL"
       /* nuxt-injected */
     )), __temp = await __temp, __restore(), __temp);
+    const resolutionOf = (cluster) => fixVerificationBadge(cluster.fixVerification);
     const columns = [
       { accessorKey: "signature", header: createSortHeader("Signature") },
       { accessorKey: "errorType", header: createSortHeader("Type") },
@@ -1575,16 +1796,17 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       { id: "actions", header: "Actions" }
     ];
     return (_ctx, _push, _parent, _attrs) => {
-      const _component_UCard = _sfc_main$d;
+      const _component_UCard = _sfc_main$f;
       const _component_HelpHint = __nuxt_component_2;
-      const _component_USelect = _sfc_main$b;
-      const _component_TableScroller = __nuxt_component_3$1;
-      const _component_UTable = _sfc_main$g;
+      const _component_USelect = _sfc_main$d;
+      const _component_TableScroller = __nuxt_component_3$2;
+      const _component_UTable = _sfc_main$i;
       const _component_NuxtLink = __nuxt_component_12;
       const _component_UBadge = _sfc_main$7$1;
+      const _component_UTooltip = _sfc_main$l;
       const _component_UIcon = _sfc_main$p;
       const _component_UButton = _sfc_main$k;
-      const _component_EmptyState = __nuxt_component_8;
+      const _component_EmptyState = __nuxt_component_4$1;
       _push(ssrRenderComponent(_component_UCard, _attrs, {
         header: withCtx((_, _push2, _parent2, _scopeId) => {
           if (_push2) {
@@ -1738,6 +1960,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                     }),
                     "status-cell": withCtx(({ row }, _push4, _parent4, _scopeId3) => {
                       if (_push4) {
+                        _push4(`<div class="space-y-1"${_scopeId3}>`);
                         _push4(ssrRenderComponent(_component_UBadge, {
                           color: ("clusterStatusColor" in _ctx ? _ctx.clusterStatusColor : unref(clusterStatusColor))(row.original.status),
                           variant: "subtle",
@@ -1754,18 +1977,100 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                           }),
                           _: 2
                         }, _parent4, _scopeId3));
-                      } else {
-                        return [
-                          createVNode(_component_UBadge, {
-                            color: ("clusterStatusColor" in _ctx ? _ctx.clusterStatusColor : unref(clusterStatusColor))(row.original.status),
-                            variant: "subtle",
-                            size: "sm"
+                        if (resolutionOf(row.original)) {
+                          _push4(ssrRenderComponent(_component_UTooltip, {
+                            text: resolutionOf(row.original).hint
                           }, {
-                            default: withCtx(() => [
-                              createTextVNode(toDisplayString(row.original.status), 1)
-                            ]),
+                            default: withCtx((_3, _push5, _parent5, _scopeId4) => {
+                              if (_push5) {
+                                _push5(ssrRenderComponent(_component_UBadge, {
+                                  color: resolutionOf(row.original).color,
+                                  variant: "subtle",
+                                  size: "sm",
+                                  class: "gap-1"
+                                }, {
+                                  default: withCtx((_4, _push6, _parent6, _scopeId5) => {
+                                    if (_push6) {
+                                      _push6(ssrRenderComponent(_component_UIcon, {
+                                        name: resolutionOf(row.original).icon,
+                                        class: "size-3"
+                                      }, null, _parent6, _scopeId5));
+                                      _push6(` ${ssrInterpolate(resolutionOf(row.original).label)}`);
+                                    } else {
+                                      return [
+                                        createVNode(_component_UIcon, {
+                                          name: resolutionOf(row.original).icon,
+                                          class: "size-3"
+                                        }, null, 8, ["name"]),
+                                        createTextVNode(" " + toDisplayString(resolutionOf(row.original).label), 1)
+                                      ];
+                                    }
+                                  }),
+                                  _: 2
+                                }, _parent5, _scopeId4));
+                              } else {
+                                return [
+                                  createVNode(_component_UBadge, {
+                                    color: resolutionOf(row.original).color,
+                                    variant: "subtle",
+                                    size: "sm",
+                                    class: "gap-1"
+                                  }, {
+                                    default: withCtx(() => [
+                                      createVNode(_component_UIcon, {
+                                        name: resolutionOf(row.original).icon,
+                                        class: "size-3"
+                                      }, null, 8, ["name"]),
+                                      createTextVNode(" " + toDisplayString(resolutionOf(row.original).label), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["color"])
+                                ];
+                              }
+                            }),
                             _: 2
-                          }, 1032, ["color"])
+                          }, _parent4, _scopeId3));
+                        } else {
+                          _push4(`<!---->`);
+                        }
+                        _push4(`</div>`);
+                      } else {
+                        return [
+                          createVNode("div", { class: "space-y-1" }, [
+                            createVNode(_component_UBadge, {
+                              color: ("clusterStatusColor" in _ctx ? _ctx.clusterStatusColor : unref(clusterStatusColor))(row.original.status),
+                              variant: "subtle",
+                              size: "sm"
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(row.original.status), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["color"]),
+                            resolutionOf(row.original) ? (openBlock(), createBlock(_component_UTooltip, {
+                              key: 0,
+                              text: resolutionOf(row.original).hint
+                            }, {
+                              default: withCtx(() => [
+                                createVNode(_component_UBadge, {
+                                  color: resolutionOf(row.original).color,
+                                  variant: "subtle",
+                                  size: "sm",
+                                  class: "gap-1"
+                                }, {
+                                  default: withCtx(() => [
+                                    createVNode(_component_UIcon, {
+                                      name: resolutionOf(row.original).icon,
+                                      class: "size-3"
+                                    }, null, 8, ["name"]),
+                                    createTextVNode(" " + toDisplayString(resolutionOf(row.original).label), 1)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["color"])
+                              ]),
+                              _: 2
+                            }, 1032, ["text"])) : createCommentVNode("", true)
+                          ])
                         ];
                       }
                     }),
@@ -1972,16 +2277,41 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                         }, "—"))
                       ]),
                       "status-cell": withCtx(({ row }) => [
-                        createVNode(_component_UBadge, {
-                          color: ("clusterStatusColor" in _ctx ? _ctx.clusterStatusColor : unref(clusterStatusColor))(row.original.status),
-                          variant: "subtle",
-                          size: "sm"
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(row.original.status), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["color"])
+                        createVNode("div", { class: "space-y-1" }, [
+                          createVNode(_component_UBadge, {
+                            color: ("clusterStatusColor" in _ctx ? _ctx.clusterStatusColor : unref(clusterStatusColor))(row.original.status),
+                            variant: "subtle",
+                            size: "sm"
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(row.original.status), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["color"]),
+                          resolutionOf(row.original) ? (openBlock(), createBlock(_component_UTooltip, {
+                            key: 0,
+                            text: resolutionOf(row.original).hint
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(_component_UBadge, {
+                                color: resolutionOf(row.original).color,
+                                variant: "subtle",
+                                size: "sm",
+                                class: "gap-1"
+                              }, {
+                                default: withCtx(() => [
+                                  createVNode(_component_UIcon, {
+                                    name: resolutionOf(row.original).icon,
+                                    class: "size-3"
+                                  }, null, 8, ["name"]),
+                                  createTextVNode(" " + toDisplayString(resolutionOf(row.original).label), 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["color"])
+                            ]),
+                            _: 2
+                          }, 1032, ["text"])) : createCommentVNode("", true)
+                        ])
                       ]),
                       "affectedTests-cell": withCtx(({ row }) => [
                         createVNode("span", { class: "text-sm tabular-nums" }, toDisplayString(row.original.affectedTests), 1)
@@ -2108,16 +2438,41 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                       }, "—"))
                     ]),
                     "status-cell": withCtx(({ row }) => [
-                      createVNode(_component_UBadge, {
-                        color: ("clusterStatusColor" in _ctx ? _ctx.clusterStatusColor : unref(clusterStatusColor))(row.original.status),
-                        variant: "subtle",
-                        size: "sm"
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(row.original.status), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["color"])
+                      createVNode("div", { class: "space-y-1" }, [
+                        createVNode(_component_UBadge, {
+                          color: ("clusterStatusColor" in _ctx ? _ctx.clusterStatusColor : unref(clusterStatusColor))(row.original.status),
+                          variant: "subtle",
+                          size: "sm"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(row.original.status), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["color"]),
+                        resolutionOf(row.original) ? (openBlock(), createBlock(_component_UTooltip, {
+                          key: 0,
+                          text: resolutionOf(row.original).hint
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_UBadge, {
+                              color: resolutionOf(row.original).color,
+                              variant: "subtle",
+                              size: "sm",
+                              class: "gap-1"
+                            }, {
+                              default: withCtx(() => [
+                                createVNode(_component_UIcon, {
+                                  name: resolutionOf(row.original).icon,
+                                  class: "size-3"
+                                }, null, 8, ["name"]),
+                                createTextVNode(" " + toDisplayString(resolutionOf(row.original).label), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["color"])
+                          ]),
+                          _: 2
+                        }, 1032, ["text"])) : createCommentVNode("", true)
+                      ])
                     ]),
                     "affectedTests-cell": withCtx(({ row }) => [
                       createVNode("span", { class: "text-sm tabular-nums" }, toDisplayString(row.original.affectedTests), 1)
@@ -2197,14 +2552,14 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_setup$7 = _sfc_main$7.setup;
-_sfc_main$7.setup = (props, ctx) => {
+const _sfc_setup$8 = _sfc_main$8.setup;
+_sfc_main$8.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/project/FailureClustersList.vue");
-  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
+  return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
 };
-const __nuxt_component_25 = Object.assign(_sfc_main$7, { __name: "FailureClustersList" });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const __nuxt_component_28 = Object.assign(_sfc_main$8, { __name: "FailureClustersList" });
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "FlakyTestsList",
   __ssrInlineRender: true,
   props: {
@@ -2277,15 +2632,16 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       { id: "actions", header: "Actions" }
     ];
     return (_ctx, _push, _parent, _attrs) => {
-      const _component_UCard = _sfc_main$d;
+      const _component_UCard = _sfc_main$f;
       const _component_HelpHint = __nuxt_component_2;
       const _component_UBadge = _sfc_main$7$1;
       const _component_UIcon = _sfc_main$p;
       const _component_UButton = _sfc_main$k;
-      const _component_USelect = _sfc_main$b;
-      const _component_TableScroller = __nuxt_component_3$1;
-      const _component_UTable = _sfc_main$g;
+      const _component_USelect = _sfc_main$d;
+      const _component_TableScroller = __nuxt_component_3$2;
+      const _component_UTable = _sfc_main$i;
       const _component_NuxtLink = __nuxt_component_12;
+      const _component_TestMetaBadges = __nuxt_component_2$2;
       const _component_OpenInIdeLink = __nuxt_component_1$1;
       const _component_TagBadge = __nuxt_component_4;
       _push(ssrRenderComponent(_component_UCard, _attrs, {
@@ -2456,6 +2812,11 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                           }),
                           _: 2
                         }, _parent4, _scopeId3));
+                        _push4(ssrRenderComponent(_component_TestMetaBadges, {
+                          tags: row.original.tags,
+                          meta: { owner: row.original.owner ?? void 0, priority: ("toTestPriority" in _ctx ? _ctx.toTestPriority : unref(toTestPriority))(row.original.priority) },
+                          "max-tags": 3
+                        }, null, _parent4, _scopeId3));
                         _push4(ssrRenderComponent(_component_OpenInIdeLink, {
                           "file-path": row.original.filePath,
                           "project-key": __props.projectId,
@@ -2476,6 +2837,11 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                               ]),
                               _: 2
                             }, 1032, ["to", "title"]),
+                            createVNode(_component_TestMetaBadges, {
+                              tags: row.original.tags,
+                              meta: { owner: row.original.owner ?? void 0, priority: ("toTestPriority" in _ctx ? _ctx.toTestPriority : unref(toTestPriority))(row.original.priority) },
+                              "max-tags": 3
+                            }, null, 8, ["tags", "meta"]),
                             createVNode(_component_OpenInIdeLink, {
                               "file-path": row.original.filePath,
                               "project-key": __props.projectId,
@@ -2739,6 +3105,11 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                             ]),
                             _: 2
                           }, 1032, ["to", "title"]),
+                          createVNode(_component_TestMetaBadges, {
+                            tags: row.original.tags,
+                            meta: { owner: row.original.owner ?? void 0, priority: ("toTestPriority" in _ctx ? _ctx.toTestPriority : unref(toTestPriority))(row.original.priority) },
+                            "max-tags": 3
+                          }, null, 8, ["tags", "meta"]),
                           createVNode(_component_OpenInIdeLink, {
                             "file-path": row.original.filePath,
                             "project-key": __props.projectId,
@@ -2881,6 +3252,11 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                           ]),
                           _: 2
                         }, 1032, ["to", "title"]),
+                        createVNode(_component_TestMetaBadges, {
+                          tags: row.original.tags,
+                          meta: { owner: row.original.owner ?? void 0, priority: ("toTestPriority" in _ctx ? _ctx.toTestPriority : unref(toTestPriority))(row.original.priority) },
+                          "max-tags": 3
+                        }, null, 8, ["tags", "meta"]),
                         createVNode(_component_OpenInIdeLink, {
                           "file-path": row.original.filePath,
                           "project-key": __props.projectId,
@@ -2999,14 +3375,14 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_setup$6 = _sfc_main$6.setup;
-_sfc_main$6.setup = (props, ctx) => {
+const _sfc_setup$7 = _sfc_main$7.setup;
+_sfc_main$7.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/project/FlakyTestsList.vue");
-  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
+  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
 };
-const __nuxt_component_26 = Object.assign(_sfc_main$6, { __name: "FlakyTestsList" });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const __nuxt_component_29 = Object.assign(_sfc_main$7, { __name: "FlakyTestsList" });
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "PerformanceTrendChart",
   __ssrInlineRender: true,
   props: {
@@ -3062,8 +3438,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     ];
     return (_ctx, _push, _parent, _attrs) => {
       const _component_ChartMarkerTooltip = __nuxt_component_0$1;
-      const _component_EmptyState = __nuxt_component_8;
-      const _component_ChartLegend = __nuxt_component_1$2;
+      const _component_EmptyState = __nuxt_component_4$1;
+      const _component_ChartLegend = __nuxt_component_1$3;
       _push(`<div${ssrRenderAttrs(mergeProps({ class: "w-full relative" }, _attrs))}>`);
       if (unref(chartData).length > 0) {
         _push(`<div>`);
@@ -3147,14 +3523,14 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_setup$5 = _sfc_main$5.setup;
-_sfc_main$5.setup = (props, ctx) => {
+const _sfc_setup$6 = _sfc_main$6.setup;
+_sfc_main$6.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/project/PerformanceTrendChart.vue");
-  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
+  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
 };
-const __nuxt_component_29 = Object.assign(_sfc_main$5, { __name: "PerformanceTrendChart" });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const __nuxt_component_32 = Object.assign(_sfc_main$6, { __name: "PerformanceTrendChart" });
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "TimeoutOpportunitiesTable",
   __ssrInlineRender: true,
   props: {
@@ -3186,11 +3562,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       { accessorKey: "runCount", header: createSortHeader("Runs") }
     ];
     return (_ctx, _push, _parent, _attrs) => {
-      const _component_UCard = _sfc_main$d;
+      const _component_UCard = _sfc_main$f;
       const _component_LoadingState = __nuxt_component_1;
-      const _component_EmptyState = __nuxt_component_8;
-      const _component_TableScroller = __nuxt_component_3$1;
-      const _component_UTable = _sfc_main$g;
+      const _component_EmptyState = __nuxt_component_4$1;
+      const _component_TableScroller = __nuxt_component_3$2;
+      const _component_UTable = _sfc_main$i;
       const _component_NuxtLink = __nuxt_component_12;
       const _component_OpenInIdeLink = __nuxt_component_1$1;
       const _component_UBadge = _sfc_main$7$1;
@@ -3555,14 +3931,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_setup$4 = _sfc_main$4.setup;
-_sfc_main$4.setup = (props, ctx) => {
+const _sfc_setup$5 = _sfc_main$5.setup;
+_sfc_main$5.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/project/TimeoutOpportunitiesTable.vue");
-  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
 };
-const __nuxt_component_31 = Object.assign(_sfc_main$4, { __name: "TimeoutOpportunitiesTable" });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const __nuxt_component_34 = Object.assign(_sfc_main$5, { __name: "TimeoutOpportunitiesTable" });
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "SpecHealthTable",
   __ssrInlineRender: true,
   props: {
@@ -3612,13 +3988,13 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       { accessorKey: "avgDuration", header: createSortHeader("Avg time") }
     ];
     return (_ctx, _push, _parent, _attrs) => {
-      const _component_UCard = _sfc_main$d;
+      const _component_UCard = _sfc_main$f;
       const _component_HelpHint = __nuxt_component_2;
-      const _component_USelect = _sfc_main$b;
+      const _component_USelect = _sfc_main$d;
       const _component_LoadingState = __nuxt_component_1;
-      const _component_EmptyState = __nuxt_component_8;
-      const _component_TableScroller = __nuxt_component_3$1;
-      const _component_UTable = _sfc_main$g;
+      const _component_EmptyState = __nuxt_component_4$1;
+      const _component_TableScroller = __nuxt_component_3$2;
+      const _component_UTable = _sfc_main$i;
       const _component_NuxtLink = __nuxt_component_12;
       _push(ssrRenderComponent(_component_UCard, _attrs, {
         header: withCtx((_, _push2, _parent2, _scopeId) => {
@@ -3814,78 +4190,688 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 _: 1
               }, _parent2, _scopeId));
             }
-          } else {
-            return [
-              unref(pending) ? (openBlock(), createBlock(_component_LoadingState, { key: 0 })) : unref(specs).length === 0 ? (openBlock(), createBlock(_component_EmptyState, {
-                key: 1,
-                text: "No data",
-                description: "No spec health data available for the selected period."
-              })) : (openBlock(), createBlock(_component_TableScroller, {
-                key: 2,
-                "min-width": "46rem",
-                bleed: false
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_UTable, {
-                    data: unref(specs),
-                    columns,
-                    sticky: "",
-                    class: "max-h-[32rem]"
-                  }, {
-                    "prefix-cell": withCtx(({ row }) => [
-                      createVNode(_component_NuxtLink, {
-                        to: `/projects/${__props.projectId}/test-cases?file=${encodeURIComponent(row.original.prefix)}`,
-                        class: "flex items-center gap-2 min-w-0 text-primary hover:underline",
-                        title: row.original.prefix
-                      }, {
-                        default: withCtx(() => [
-                          createVNode("span", {
-                            class: ["inline-block size-3 rounded shrink-0", passRateColor(row.original.passRate)]
-                          }, null, 2),
-                          createVNode("span", { class: "truncate font-mono text-xs" }, toDisplayString(row.original.prefix), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["to", "title"])
-                    ]),
-                    "passRate-cell": withCtx(({ row }) => [
-                      createVNode("span", {
-                        class: ["font-medium tabular-nums", passRateTextColor(row.original.passRate)]
-                      }, toDisplayString(passRateLabel(row.original.passRate)), 3)
-                    ]),
-                    "flakyRate-cell": withCtx(({ row }) => [
-                      createVNode("span", { class: "tabular-nums" }, toDisplayString(Math.round(row.original.flakyRate * 100)) + "%", 1)
-                    ]),
-                    "failureCount-cell": withCtx(({ row }) => [
-                      createVNode("span", {
-                        class: ["tabular-nums", row.original.failureCount > 0 ? "text-red-600 dark:text-red-400" : ""]
-                      }, toDisplayString(row.original.failureCount), 3)
-                    ]),
-                    "testCount-cell": withCtx(({ row }) => [
-                      createVNode("span", { class: "tabular-nums text-gray-500" }, toDisplayString(row.original.testCount), 1)
-                    ]),
-                    "avgDuration-cell": withCtx(({ row }) => [
-                      createVNode("span", { class: "tabular-nums text-gray-500" }, toDisplayString(formatMs(row.original.avgDuration)), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["data"])
-                ]),
-                _: 1
-              }))
-            ];
-          }
-        }),
-        _: 1
-      }, _parent));
+          } else {
+            return [
+              unref(pending) ? (openBlock(), createBlock(_component_LoadingState, { key: 0 })) : unref(specs).length === 0 ? (openBlock(), createBlock(_component_EmptyState, {
+                key: 1,
+                text: "No data",
+                description: "No spec health data available for the selected period."
+              })) : (openBlock(), createBlock(_component_TableScroller, {
+                key: 2,
+                "min-width": "46rem",
+                bleed: false
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_UTable, {
+                    data: unref(specs),
+                    columns,
+                    sticky: "",
+                    class: "max-h-[32rem]"
+                  }, {
+                    "prefix-cell": withCtx(({ row }) => [
+                      createVNode(_component_NuxtLink, {
+                        to: `/projects/${__props.projectId}/test-cases?file=${encodeURIComponent(row.original.prefix)}`,
+                        class: "flex items-center gap-2 min-w-0 text-primary hover:underline",
+                        title: row.original.prefix
+                      }, {
+                        default: withCtx(() => [
+                          createVNode("span", {
+                            class: ["inline-block size-3 rounded shrink-0", passRateColor(row.original.passRate)]
+                          }, null, 2),
+                          createVNode("span", { class: "truncate font-mono text-xs" }, toDisplayString(row.original.prefix), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["to", "title"])
+                    ]),
+                    "passRate-cell": withCtx(({ row }) => [
+                      createVNode("span", {
+                        class: ["font-medium tabular-nums", passRateTextColor(row.original.passRate)]
+                      }, toDisplayString(passRateLabel(row.original.passRate)), 3)
+                    ]),
+                    "flakyRate-cell": withCtx(({ row }) => [
+                      createVNode("span", { class: "tabular-nums" }, toDisplayString(Math.round(row.original.flakyRate * 100)) + "%", 1)
+                    ]),
+                    "failureCount-cell": withCtx(({ row }) => [
+                      createVNode("span", {
+                        class: ["tabular-nums", row.original.failureCount > 0 ? "text-red-600 dark:text-red-400" : ""]
+                      }, toDisplayString(row.original.failureCount), 3)
+                    ]),
+                    "testCount-cell": withCtx(({ row }) => [
+                      createVNode("span", { class: "tabular-nums text-gray-500" }, toDisplayString(row.original.testCount), 1)
+                    ]),
+                    "avgDuration-cell": withCtx(({ row }) => [
+                      createVNode("span", { class: "tabular-nums text-gray-500" }, toDisplayString(formatMs(row.original.avgDuration)), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["data"])
+                ]),
+                _: 1
+              }))
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$4 = _sfc_main$4.setup;
+_sfc_main$4.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/project/SpecHealthTable.vue");
+  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+};
+const __nuxt_component_37 = Object.assign(_sfc_main$4, { __name: "SpecHealthTable" });
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "QuarantineTable",
+  __ssrInlineRender: true,
+  props: {
+    projectId: {},
+    projectName: {}
+  },
+  async setup(__props) {
+    let __temp, __restore;
+    const props = __props;
+    const toast = useToast();
+    const busy = ref(null);
+    const { data, status, error, refresh } = ([__temp, __restore] = withAsyncContext(() => useFetch(
+      () => `/api/projects/${props.projectId}/quarantine`,
+      "$9P2J7SsiYf"
+      /* nuxt-injected */
+    )), __temp = await __temp, __restore(), __temp);
+    function formatAge(ms) {
+      const hours = Math.round(ms / 36e5);
+      if (hours < 48) return `${Math.max(1, hours)}h`;
+      return `${Math.round(hours / 24)}d`;
+    }
+    async function quarantine(testCaseId, reason) {
+      busy.value = testCaseId;
+      try {
+        await $fetch(`/api/projects/${props.projectId}/quarantine`, {
+          method: "POST",
+          body: { testCaseId, reason, source: "proposed" }
+        });
+        toast.add({ title: "Quarantined", color: "success" });
+        await refresh();
+      } catch {
+        toast.add({ title: "Could not quarantine that test", color: "error" });
+      } finally {
+        busy.value = null;
+      }
+    }
+    async function release(testCaseId) {
+      busy.value = testCaseId;
+      try {
+        await $fetch(`/api/projects/${props.projectId}/quarantine/${testCaseId}`, { method: "DELETE" });
+        toast.add({ title: "Released", color: "success" });
+        await refresh();
+      } catch {
+        toast.add({ title: "Could not release that test", color: "error" });
+      } finally {
+        busy.value = null;
+      }
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_SectionCard = __nuxt_component_11$1;
+      const _component_LoadingState = __nuxt_component_1;
+      const _component_ErrorState = __nuxt_component_5$2;
+      const _component_StatTileGrid = __nuxt_component_1$2;
+      const _component_StatTile = __nuxt_component_2$1;
+      const _component_EmptyState = __nuxt_component_4$1;
+      const _component_TableScroller = __nuxt_component_3$2;
+      const _component_NuxtLink = __nuxt_component_12;
+      const _component_TestMetaBadges = __nuxt_component_2$2;
+      const _component_OpenInIdeLink = __nuxt_component_1$1;
+      const _component_UBadge = _sfc_main$7$1;
+      const _component_UButton = _sfc_main$k;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "space-y-6" }, _attrs))}>`);
+      _push(ssrRenderComponent(_component_SectionCard, {
+        title: "Quarantine",
+        icon: "i-lucide-shield-alert",
+        count: unref(data)?.debt.active,
+        help: "project.quarantine"
+      }, {
+        subtitle: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(` A quarantined test keeps running and keeps reporting — it is excluded from the CI gate&#39;s verdict and nothing else. That is what lets it earn its way back out. `);
+          } else {
+            return [
+              createTextVNode(" A quarantined test keeps running and keeps reporting — it is excluded from the CI gate's verdict and nothing else. That is what lets it earn its way back out. ")
+            ];
+          }
+        }),
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (unref(status) === "pending") {
+              _push2(ssrRenderComponent(_component_LoadingState, null, null, _parent2, _scopeId));
+            } else if (unref(error)) {
+              _push2(ssrRenderComponent(_component_ErrorState, {
+                text: String(unref(error))
+              }, null, _parent2, _scopeId));
+            } else {
+              _push2(`<!--[-->`);
+              if (unref(data) && unref(data).debt.active > 0) {
+                _push2(ssrRenderComponent(_component_StatTileGrid, { class: "mb-4" }, {
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(ssrRenderComponent(_component_StatTile, {
+                        label: "Quarantined",
+                        value: unref(data).debt.active
+                      }, null, _parent3, _scopeId2));
+                      _push3(ssrRenderComponent(_component_StatTile, {
+                        label: "Ready to release",
+                        value: unref(data).debt.readyToRelease,
+                        "value-class": unref(data).debt.readyToRelease > 0 ? "text-green-600 dark:text-green-400" : "",
+                        hint: "earned their way out"
+                      }, null, _parent3, _scopeId2));
+                      _push3(ssrRenderComponent(_component_StatTile, {
+                        label: "Still failing",
+                        value: unref(data).debt.stillFailing,
+                        hint: "no passing streak"
+                      }, null, _parent3, _scopeId2));
+                      _push3(ssrRenderComponent(_component_StatTile, {
+                        label: "Oldest",
+                        value: formatAge(unref(data).debt.oldestAgeMs),
+                        size: "sm"
+                      }, null, _parent3, _scopeId2));
+                    } else {
+                      return [
+                        createVNode(_component_StatTile, {
+                          label: "Quarantined",
+                          value: unref(data).debt.active
+                        }, null, 8, ["value"]),
+                        createVNode(_component_StatTile, {
+                          label: "Ready to release",
+                          value: unref(data).debt.readyToRelease,
+                          "value-class": unref(data).debt.readyToRelease > 0 ? "text-green-600 dark:text-green-400" : "",
+                          hint: "earned their way out"
+                        }, null, 8, ["value", "value-class"]),
+                        createVNode(_component_StatTile, {
+                          label: "Still failing",
+                          value: unref(data).debt.stillFailing,
+                          hint: "no passing streak"
+                        }, null, 8, ["value"]),
+                        createVNode(_component_StatTile, {
+                          label: "Oldest",
+                          value: formatAge(unref(data).debt.oldestAgeMs),
+                          size: "sm"
+                        }, null, 8, ["value"])
+                      ];
+                    }
+                  }),
+                  _: 1
+                }, _parent2, _scopeId));
+              } else {
+                _push2(`<!---->`);
+              }
+              if (!unref(data) || unref(data).entries.length === 0) {
+                _push2(ssrRenderComponent(_component_EmptyState, {
+                  icon: "i-lucide-shield-check",
+                  text: "Nothing quarantined. Tests you quarantine appear here with their progress back out."
+                }, null, _parent2, _scopeId));
+              } else {
+                _push2(ssrRenderComponent(_component_TableScroller, null, {
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(`<table class="w-full text-sm"${_scopeId2}><thead class="text-left text-xs text-muted"${_scopeId2}><tr${_scopeId2}><th class="px-3 py-2"${_scopeId2}>Test</th><th class="px-3 py-2"${_scopeId2}>Reason</th><th class="px-3 py-2 whitespace-nowrap"${_scopeId2}>Streak</th><th class="px-3 py-2 whitespace-nowrap"${_scopeId2}>Age</th><th class="px-3 py-2 text-right"${_scopeId2}>Actions</th></tr></thead><tbody${_scopeId2}><!--[-->`);
+                      ssrRenderList(unref(data).entries, (entry) => {
+                        _push3(`<tr class="border-t border-default"${_scopeId2}><td class="px-3 py-2 min-w-0"${_scopeId2}>`);
+                        _push3(ssrRenderComponent(_component_NuxtLink, {
+                          to: `/test-cases/${entry.testCaseId}`,
+                          class: "text-primary hover:underline font-medium"
+                        }, {
+                          default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                            if (_push4) {
+                              _push4(`${ssrInterpolate(entry.title)}`);
+                            } else {
+                              return [
+                                createTextVNode(toDisplayString(entry.title), 1)
+                              ];
+                            }
+                          }),
+                          _: 2
+                        }, _parent3, _scopeId2));
+                        _push3(ssrRenderComponent(_component_TestMetaBadges, {
+                          tags: entry.tags,
+                          meta: { owner: entry.owner ?? void 0 },
+                          "max-tags": 3,
+                          class: "ml-1"
+                        }, null, _parent3, _scopeId2));
+                        _push3(`<div class="text-xs text-muted"${_scopeId2}>`);
+                        _push3(ssrRenderComponent(_component_OpenInIdeLink, {
+                          "file-path": entry.filePath,
+                          "project-key": __props.projectId,
+                          "project-name": __props.projectName
+                        }, null, _parent3, _scopeId2));
+                        _push3(`</div></td><td class="px-3 py-2 text-muted"${_scopeId2}>${ssrInterpolate(entry.reason || "—")}</td><td class="px-3 py-2 whitespace-nowrap"${_scopeId2}>`);
+                        if (entry.releaseProposed) {
+                          _push3(ssrRenderComponent(_component_UBadge, {
+                            color: "success",
+                            variant: "soft",
+                            size: "xs"
+                          }, {
+                            default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                              if (_push4) {
+                                _push4(`${ssrInterpolate(entry.consecutivePasses)} green — ready `);
+                              } else {
+                                return [
+                                  createTextVNode(toDisplayString(entry.consecutivePasses) + " green — ready ", 1)
+                                ];
+                              }
+                            }),
+                            _: 2
+                          }, _parent3, _scopeId2));
+                        } else if (entry.runsSinceQuarantine === 0) {
+                          _push3(`<span class="text-xs text-muted"${_scopeId2}>not run yet</span>`);
+                        } else {
+                          _push3(`<span class="text-xs"${_scopeId2}>${ssrInterpolate(entry.consecutivePasses)} / ${ssrInterpolate(unref(data).releaseAfterConsecutivePasses)}</span>`);
+                        }
+                        _push3(`</td><td class="px-3 py-2 whitespace-nowrap text-muted"${_scopeId2}>${ssrInterpolate(formatAge(entry.ageMs))}</td><td class="px-3 py-2 text-right"${_scopeId2}>`);
+                        _push3(ssrRenderComponent(_component_UButton, {
+                          size: "xs",
+                          color: entry.releaseProposed ? "primary" : "neutral",
+                          variant: "soft",
+                          loading: unref(busy) === entry.testCaseId,
+                          onClick: ($event) => release(entry.testCaseId)
+                        }, {
+                          default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                            if (_push4) {
+                              _push4(` Release `);
+                            } else {
+                              return [
+                                createTextVNode(" Release ")
+                              ];
+                            }
+                          }),
+                          _: 2
+                        }, _parent3, _scopeId2));
+                        _push3(`</td></tr>`);
+                      });
+                      _push3(`<!--]--></tbody></table>`);
+                    } else {
+                      return [
+                        createVNode("table", { class: "w-full text-sm" }, [
+                          createVNode("thead", { class: "text-left text-xs text-muted" }, [
+                            createVNode("tr", null, [
+                              createVNode("th", { class: "px-3 py-2" }, "Test"),
+                              createVNode("th", { class: "px-3 py-2" }, "Reason"),
+                              createVNode("th", { class: "px-3 py-2 whitespace-nowrap" }, "Streak"),
+                              createVNode("th", { class: "px-3 py-2 whitespace-nowrap" }, "Age"),
+                              createVNode("th", { class: "px-3 py-2 text-right" }, "Actions")
+                            ])
+                          ]),
+                          createVNode("tbody", null, [
+                            (openBlock(true), createBlock(Fragment, null, renderList(unref(data).entries, (entry) => {
+                              return openBlock(), createBlock("tr", {
+                                key: entry.id,
+                                class: "border-t border-default"
+                              }, [
+                                createVNode("td", { class: "px-3 py-2 min-w-0" }, [
+                                  createVNode(_component_NuxtLink, {
+                                    to: `/test-cases/${entry.testCaseId}`,
+                                    class: "text-primary hover:underline font-medium"
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(entry.title), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["to"]),
+                                  createVNode(_component_TestMetaBadges, {
+                                    tags: entry.tags,
+                                    meta: { owner: entry.owner ?? void 0 },
+                                    "max-tags": 3,
+                                    class: "ml-1"
+                                  }, null, 8, ["tags", "meta"]),
+                                  createVNode("div", { class: "text-xs text-muted" }, [
+                                    createVNode(_component_OpenInIdeLink, {
+                                      "file-path": entry.filePath,
+                                      "project-key": __props.projectId,
+                                      "project-name": __props.projectName
+                                    }, null, 8, ["file-path", "project-key", "project-name"])
+                                  ])
+                                ]),
+                                createVNode("td", { class: "px-3 py-2 text-muted" }, toDisplayString(entry.reason || "—"), 1),
+                                createVNode("td", { class: "px-3 py-2 whitespace-nowrap" }, [
+                                  entry.releaseProposed ? (openBlock(), createBlock(_component_UBadge, {
+                                    key: 0,
+                                    color: "success",
+                                    variant: "soft",
+                                    size: "xs"
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(entry.consecutivePasses) + " green — ready ", 1)
+                                    ]),
+                                    _: 2
+                                  }, 1024)) : entry.runsSinceQuarantine === 0 ? (openBlock(), createBlock("span", {
+                                    key: 1,
+                                    class: "text-xs text-muted"
+                                  }, "not run yet")) : (openBlock(), createBlock("span", {
+                                    key: 2,
+                                    class: "text-xs"
+                                  }, toDisplayString(entry.consecutivePasses) + " / " + toDisplayString(unref(data).releaseAfterConsecutivePasses), 1))
+                                ]),
+                                createVNode("td", { class: "px-3 py-2 whitespace-nowrap text-muted" }, toDisplayString(formatAge(entry.ageMs)), 1),
+                                createVNode("td", { class: "px-3 py-2 text-right" }, [
+                                  createVNode(_component_UButton, {
+                                    size: "xs",
+                                    color: entry.releaseProposed ? "primary" : "neutral",
+                                    variant: "soft",
+                                    loading: unref(busy) === entry.testCaseId,
+                                    onClick: ($event) => release(entry.testCaseId)
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(" Release ")
+                                    ]),
+                                    _: 1
+                                  }, 8, ["color", "loading", "onClick"])
+                                ])
+                              ]);
+                            }), 128))
+                          ])
+                        ])
+                      ];
+                    }
+                  }),
+                  _: 1
+                }, _parent2, _scopeId));
+              }
+              _push2(`<!--]-->`);
+            }
+          } else {
+            return [
+              unref(status) === "pending" ? (openBlock(), createBlock(_component_LoadingState, { key: 0 })) : unref(error) ? (openBlock(), createBlock(_component_ErrorState, {
+                key: 1,
+                text: String(unref(error))
+              }, null, 8, ["text"])) : (openBlock(), createBlock(Fragment, { key: 2 }, [
+                unref(data) && unref(data).debt.active > 0 ? (openBlock(), createBlock(_component_StatTileGrid, {
+                  key: 0,
+                  class: "mb-4"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_StatTile, {
+                      label: "Quarantined",
+                      value: unref(data).debt.active
+                    }, null, 8, ["value"]),
+                    createVNode(_component_StatTile, {
+                      label: "Ready to release",
+                      value: unref(data).debt.readyToRelease,
+                      "value-class": unref(data).debt.readyToRelease > 0 ? "text-green-600 dark:text-green-400" : "",
+                      hint: "earned their way out"
+                    }, null, 8, ["value", "value-class"]),
+                    createVNode(_component_StatTile, {
+                      label: "Still failing",
+                      value: unref(data).debt.stillFailing,
+                      hint: "no passing streak"
+                    }, null, 8, ["value"]),
+                    createVNode(_component_StatTile, {
+                      label: "Oldest",
+                      value: formatAge(unref(data).debt.oldestAgeMs),
+                      size: "sm"
+                    }, null, 8, ["value"])
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                !unref(data) || unref(data).entries.length === 0 ? (openBlock(), createBlock(_component_EmptyState, {
+                  key: 1,
+                  icon: "i-lucide-shield-check",
+                  text: "Nothing quarantined. Tests you quarantine appear here with their progress back out."
+                })) : (openBlock(), createBlock(_component_TableScroller, { key: 2 }, {
+                  default: withCtx(() => [
+                    createVNode("table", { class: "w-full text-sm" }, [
+                      createVNode("thead", { class: "text-left text-xs text-muted" }, [
+                        createVNode("tr", null, [
+                          createVNode("th", { class: "px-3 py-2" }, "Test"),
+                          createVNode("th", { class: "px-3 py-2" }, "Reason"),
+                          createVNode("th", { class: "px-3 py-2 whitespace-nowrap" }, "Streak"),
+                          createVNode("th", { class: "px-3 py-2 whitespace-nowrap" }, "Age"),
+                          createVNode("th", { class: "px-3 py-2 text-right" }, "Actions")
+                        ])
+                      ]),
+                      createVNode("tbody", null, [
+                        (openBlock(true), createBlock(Fragment, null, renderList(unref(data).entries, (entry) => {
+                          return openBlock(), createBlock("tr", {
+                            key: entry.id,
+                            class: "border-t border-default"
+                          }, [
+                            createVNode("td", { class: "px-3 py-2 min-w-0" }, [
+                              createVNode(_component_NuxtLink, {
+                                to: `/test-cases/${entry.testCaseId}`,
+                                class: "text-primary hover:underline font-medium"
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(entry.title), 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["to"]),
+                              createVNode(_component_TestMetaBadges, {
+                                tags: entry.tags,
+                                meta: { owner: entry.owner ?? void 0 },
+                                "max-tags": 3,
+                                class: "ml-1"
+                              }, null, 8, ["tags", "meta"]),
+                              createVNode("div", { class: "text-xs text-muted" }, [
+                                createVNode(_component_OpenInIdeLink, {
+                                  "file-path": entry.filePath,
+                                  "project-key": __props.projectId,
+                                  "project-name": __props.projectName
+                                }, null, 8, ["file-path", "project-key", "project-name"])
+                              ])
+                            ]),
+                            createVNode("td", { class: "px-3 py-2 text-muted" }, toDisplayString(entry.reason || "—"), 1),
+                            createVNode("td", { class: "px-3 py-2 whitespace-nowrap" }, [
+                              entry.releaseProposed ? (openBlock(), createBlock(_component_UBadge, {
+                                key: 0,
+                                color: "success",
+                                variant: "soft",
+                                size: "xs"
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(entry.consecutivePasses) + " green — ready ", 1)
+                                ]),
+                                _: 2
+                              }, 1024)) : entry.runsSinceQuarantine === 0 ? (openBlock(), createBlock("span", {
+                                key: 1,
+                                class: "text-xs text-muted"
+                              }, "not run yet")) : (openBlock(), createBlock("span", {
+                                key: 2,
+                                class: "text-xs"
+                              }, toDisplayString(entry.consecutivePasses) + " / " + toDisplayString(unref(data).releaseAfterConsecutivePasses), 1))
+                            ]),
+                            createVNode("td", { class: "px-3 py-2 whitespace-nowrap text-muted" }, toDisplayString(formatAge(entry.ageMs)), 1),
+                            createVNode("td", { class: "px-3 py-2 text-right" }, [
+                              createVNode(_component_UButton, {
+                                size: "xs",
+                                color: entry.releaseProposed ? "primary" : "neutral",
+                                variant: "soft",
+                                loading: unref(busy) === entry.testCaseId,
+                                onClick: ($event) => release(entry.testCaseId)
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(" Release ")
+                                ]),
+                                _: 1
+                              }, 8, ["color", "loading", "onClick"])
+                            ])
+                          ]);
+                        }), 128))
+                      ])
+                    ])
+                  ]),
+                  _: 1
+                }))
+              ], 64))
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      if (unref(data) && unref(data).candidates.length > 0) {
+        _push(ssrRenderComponent(_component_SectionCard, {
+          title: "Worth quarantining",
+          icon: "i-lucide-lightbulb",
+          count: unref(data).candidates.length
+        }, {
+          subtitle: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(` Ranked by the CI minutes their flakiness wastes, not by how often they flake — a test that flakes constantly but finishes instantly costs nothing. `);
+            } else {
+              return [
+                createTextVNode(" Ranked by the CI minutes their flakiness wastes, not by how often they flake — a test that flakes constantly but finishes instantly costs nothing. ")
+              ];
+            }
+          }),
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(ssrRenderComponent(_component_TableScroller, null, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`<table class="w-full text-sm"${_scopeId2}><tbody${_scopeId2}><!--[-->`);
+                    ssrRenderList(unref(data).candidates, (candidate) => {
+                      _push3(`<tr class="border-t border-default"${_scopeId2}><td class="px-3 py-2 min-w-0"${_scopeId2}>`);
+                      _push3(ssrRenderComponent(_component_NuxtLink, {
+                        to: `/test-cases/${candidate.testCaseId}`,
+                        class: "text-primary hover:underline font-medium"
+                      }, {
+                        default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                          if (_push4) {
+                            _push4(`${ssrInterpolate(candidate.title)}`);
+                          } else {
+                            return [
+                              createTextVNode(toDisplayString(candidate.title), 1)
+                            ];
+                          }
+                        }),
+                        _: 2
+                      }, _parent3, _scopeId2));
+                      _push3(`<div class="text-xs text-muted"${_scopeId2}>${ssrInterpolate(candidate.rationale)}</div></td><td class="px-3 py-2 text-right whitespace-nowrap"${_scopeId2}>`);
+                      _push3(ssrRenderComponent(_component_UButton, {
+                        size: "xs",
+                        color: "neutral",
+                        variant: "soft",
+                        loading: unref(busy) === candidate.testCaseId,
+                        onClick: ($event) => quarantine(candidate.testCaseId, candidate.rationale)
+                      }, {
+                        default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                          if (_push4) {
+                            _push4(` Quarantine `);
+                          } else {
+                            return [
+                              createTextVNode(" Quarantine ")
+                            ];
+                          }
+                        }),
+                        _: 2
+                      }, _parent3, _scopeId2));
+                      _push3(`</td></tr>`);
+                    });
+                    _push3(`<!--]--></tbody></table>`);
+                  } else {
+                    return [
+                      createVNode("table", { class: "w-full text-sm" }, [
+                        createVNode("tbody", null, [
+                          (openBlock(true), createBlock(Fragment, null, renderList(unref(data).candidates, (candidate) => {
+                            return openBlock(), createBlock("tr", {
+                              key: candidate.testCaseId,
+                              class: "border-t border-default"
+                            }, [
+                              createVNode("td", { class: "px-3 py-2 min-w-0" }, [
+                                createVNode(_component_NuxtLink, {
+                                  to: `/test-cases/${candidate.testCaseId}`,
+                                  class: "text-primary hover:underline font-medium"
+                                }, {
+                                  default: withCtx(() => [
+                                    createTextVNode(toDisplayString(candidate.title), 1)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["to"]),
+                                createVNode("div", { class: "text-xs text-muted" }, toDisplayString(candidate.rationale), 1)
+                              ]),
+                              createVNode("td", { class: "px-3 py-2 text-right whitespace-nowrap" }, [
+                                createVNode(_component_UButton, {
+                                  size: "xs",
+                                  color: "neutral",
+                                  variant: "soft",
+                                  loading: unref(busy) === candidate.testCaseId,
+                                  onClick: ($event) => quarantine(candidate.testCaseId, candidate.rationale)
+                                }, {
+                                  default: withCtx(() => [
+                                    createTextVNode(" Quarantine ")
+                                  ]),
+                                  _: 1
+                                }, 8, ["loading", "onClick"])
+                              ])
+                            ]);
+                          }), 128))
+                        ])
+                      ])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else {
+              return [
+                createVNode(_component_TableScroller, null, {
+                  default: withCtx(() => [
+                    createVNode("table", { class: "w-full text-sm" }, [
+                      createVNode("tbody", null, [
+                        (openBlock(true), createBlock(Fragment, null, renderList(unref(data).candidates, (candidate) => {
+                          return openBlock(), createBlock("tr", {
+                            key: candidate.testCaseId,
+                            class: "border-t border-default"
+                          }, [
+                            createVNode("td", { class: "px-3 py-2 min-w-0" }, [
+                              createVNode(_component_NuxtLink, {
+                                to: `/test-cases/${candidate.testCaseId}`,
+                                class: "text-primary hover:underline font-medium"
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(candidate.title), 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["to"]),
+                              createVNode("div", { class: "text-xs text-muted" }, toDisplayString(candidate.rationale), 1)
+                            ]),
+                            createVNode("td", { class: "px-3 py-2 text-right whitespace-nowrap" }, [
+                              createVNode(_component_UButton, {
+                                size: "xs",
+                                color: "neutral",
+                                variant: "soft",
+                                loading: unref(busy) === candidate.testCaseId,
+                                onClick: ($event) => quarantine(candidate.testCaseId, candidate.rationale)
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(" Quarantine ")
+                                ]),
+                                _: 1
+                              }, 8, ["loading", "onClick"])
+                            ])
+                          ]);
+                        }), 128))
+                      ])
+                    ])
+                  ]),
+                  _: 1
+                })
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`</div>`);
     };
   }
 });
 const _sfc_setup$3 = _sfc_main$3.setup;
 _sfc_main$3.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/project/SpecHealthTable.vue");
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/project/QuarantineTable.vue");
   return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
 };
-const __nuxt_component_35 = Object.assign(_sfc_main$3, { __name: "SpecHealthTable" });
+const __nuxt_component_38 = Object.assign(_sfc_main$3, { __name: "QuarantineTable" });
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "MarkerFormModal",
   __ssrInlineRender: true,
@@ -3934,7 +4920,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
     );
     return (_ctx, _push, _parent, _attrs) => {
-      const _component_ClientOnly = __nuxt_component_7$1;
+      const _component_ClientOnly = __nuxt_component_7$2;
       _push(ssrRenderComponent(_component_ClientOnly, _attrs, {}, _parent));
     };
   }
@@ -4009,16 +4995,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _push, _parent, _attrs) => {
-      const _component_SectionCard = __nuxt_component_11;
+      const _component_SectionCard = __nuxt_component_11$1;
       const _component_UButton = _sfc_main$k;
-      const _component_EmptyState = __nuxt_component_8;
+      const _component_EmptyState = __nuxt_component_4$1;
       const _component_MarkerBadge = __nuxt_component_5$1;
       const _component_UBadge = _sfc_main$7$1;
-      const _component_UTable = _sfc_main$g;
+      const _component_UTable = _sfc_main$i;
       const _component_UIcon = _sfc_main$p;
       const _component_MarkerFormModal = __nuxt_component_7;
-      const _component_ClientOnly = __nuxt_component_7$1;
-      const _component_UModal = _sfc_main$l;
+      const _component_ClientOnly = __nuxt_component_7$2;
+      const _component_UModal = _sfc_main$n;
       _push(ssrRenderComponent(_component_SectionCard, mergeProps({
         title: "Timeline markers",
         count: __props.markers.length,
@@ -4518,7 +5504,7 @@ _sfc_main$1.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/project/ProjectTimeline.vue");
   return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
 };
-const __nuxt_component_37 = Object.assign(_sfc_main$1, { __name: "ProjectTimeline" });
+const __nuxt_component_40 = Object.assign(_sfc_main$1, { __name: "ProjectTimeline" });
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   __ssrInlineRender: true,
@@ -4539,6 +5525,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { isAdmin, isReporter } = useAuth();
     const runtimeConfig = useRuntimeConfig();
     const canDelete = computed(() => !runtimeConfig.public.authEnabled || isAdmin.value);
+    const canImport = canDelete;
     const showDeleteProjectModal = ref(false);
     const deleteProjectConfirmInput = ref("");
     ref(false);
@@ -4623,6 +5610,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       "test-cases",
       "compare",
       "spec-health",
+      "quarantine",
       "timeline",
       "members"
     ];
@@ -4661,6 +5649,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       },
       { label: "Compare", icon: "i-lucide-git-compare-arrows", value: "compare", slot: "compare" },
       { label: "Spec health", icon: "i-lucide-table-2", value: "spec-health", slot: "spec-health" },
+      { label: "Quarantine", icon: "i-lucide-shield-alert", value: "quarantine", slot: "quarantine" },
       {
         label: `Timeline${markers.value.length ? ` (${markers.value.length})` : ""}`,
         icon: "i-lucide-milestone",
@@ -4967,44 +5956,47 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     ];
     return (_ctx, _push, _parent, _attrs) => {
       const _component_UDashboardPanel = _sfc_main$1$1;
-      const _component_UDashboardNavbar = _sfc_main$j;
+      const _component_UDashboardNavbar = _sfc_main$m;
       const _component_UDashboardSidebarCollapse = _sfc_main$1$2;
-      const _component_BreadcrumbNav = __nuxt_component_3;
-      const _component_NavbarActions = __nuxt_component_4$1;
+      const _component_BreadcrumbNav = __nuxt_component_3$1;
+      const _component_NavbarActions = __nuxt_component_4$2;
       const _component_SubscribeBell = __nuxt_component_5;
       const _component_TagBadge = __nuxt_component_4;
-      const _component_USelect = _sfc_main$b;
-      const _component_UTabs = _sfc_main$c;
+      const _component_DesktopProjectLinkCard = __nuxt_component_7$1;
+      const _component_USelect = _sfc_main$d;
+      const _component_UTabs = _sfc_main$e;
       const _component_ChartCard = __nuxt_component_0;
-      const _component_TestRunsChart = __nuxt_component_10;
-      const _component_UCard = _sfc_main$d;
-      const _component_USwitch = _sfc_main$h;
+      const _component_TestRunsChart = __nuxt_component_11;
+      const _component_UCard = _sfc_main$f;
+      const _component_USwitch = _sfc_main$j;
       const _component_HelpHint = __nuxt_component_2;
       const _component_UButton = _sfc_main$k;
-      const _component_UTable = _sfc_main$g;
-      const _component_RunStatusBadge = __nuxt_component_13$1;
-      const _component_UTooltip = _sfc_main$i;
+      const _component_UTable = _sfc_main$i;
+      const _component_RunStatusBadge = __nuxt_component_13;
+      const _component_UTooltip = _sfc_main$l;
       const _component_UIcon = _sfc_main$p;
-      const _component_BrowserBadge = __nuxt_component_2$1;
-      const _component_TestStatusBar = __nuxt_component_13;
-      const _component_RunReports = __nuxt_component_14;
-      const _component_EmptyState = __nuxt_component_8;
+      const _component_BrowserBadge = __nuxt_component_3;
+      const _component_UBadge = _sfc_main$7$1;
+      const _component_TestStatusBar = __nuxt_component_14$1;
+      const _component_DurationValue = __nuxt_component_14;
+      const _component_RunReports = __nuxt_component_15;
+      const _component_EmptyState = __nuxt_component_4$1;
       const _component_DocLink = __nuxt_component_9;
-      const _component_ClusterMergeSuggestions = __nuxt_component_24;
-      const _component_FailureClustersList = __nuxt_component_25;
-      const _component_FlakyTestsList = __nuxt_component_26;
+      const _component_ClusterMergeSuggestions = __nuxt_component_27;
+      const _component_FailureClustersList = __nuxt_component_28;
+      const _component_FlakyTestsList = __nuxt_component_29;
       const _component_UInput = _sfc_main$d$1;
       const _component_LoadingState = __nuxt_component_1;
-      const _component_PerformanceTrendChart = __nuxt_component_29;
+      const _component_PerformanceTrendChart = __nuxt_component_32;
       const _component_OpenInIdeLink = __nuxt_component_1$1;
-      const _component_TimeoutOpportunitiesTable = __nuxt_component_31;
-      const _component_USelectMenu = _sfc_main$f;
-      const _component_UBadge = _sfc_main$7$1;
-      const _component_ProjectTestCasesTable = __nuxt_component_34;
-      const _component_SpecHealthTable = __nuxt_component_35;
-      const _component_UCheckbox = _sfc_main$e;
-      const _component_ProjectTimeline = __nuxt_component_37;
-      const _component_ClientOnly = __nuxt_component_7$1;
+      const _component_TimeoutOpportunitiesTable = __nuxt_component_34;
+      const _component_USelectMenu = _sfc_main$h;
+      const _component_ProjectTestCasesTable = __nuxt_component_36;
+      const _component_SpecHealthTable = __nuxt_component_37;
+      const _component_QuarantineTable = __nuxt_component_38;
+      const _component_UCheckbox = _sfc_main$g;
+      const _component_ProjectTimeline = __nuxt_component_40;
+      const _component_ClientOnly = __nuxt_component_7$2;
       _push(`<!--[-->`);
       _push(ssrRenderComponent(_component_UDashboardPanel, { id: "project-detail" }, {
         header: withCtx((_, _push2, _parent2, _scopeId) => {
@@ -5050,6 +6042,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           }
                         }
                       ] : [],
+                      ...unref(canImport) ? [
+                        {
+                          label: "Import",
+                          icon: "i-lucide-import",
+                          variant: "outline",
+                          to: `/projects/${unref(projectId)}/import`
+                        }
+                      ] : [],
                       {
                         label: "Edit",
                         icon: "i-lucide-pencil",
@@ -5093,6 +6093,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             }
                           }
                         ] : [],
+                        ...unref(canImport) ? [
+                          {
+                            label: "Import",
+                            icon: "i-lucide-import",
+                            variant: "outline",
+                            to: `/projects/${unref(projectId)}/import`
+                          }
+                        ] : [],
                         {
                           label: "Edit",
                           icon: "i-lucide-pencil",
@@ -5144,6 +6152,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           }
                         }
                       ] : [],
+                      ...unref(canImport) ? [
+                        {
+                          label: "Import",
+                          icon: "i-lucide-import",
+                          variant: "outline",
+                          to: `/projects/${unref(projectId)}/import`
+                        }
+                      ] : [],
                       {
                         label: "Edit",
                         icon: "i-lucide-pencil",
@@ -5194,6 +6210,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             } else {
               _push2(`<!---->`);
             }
+            _push2(ssrRenderComponent(_component_DesktopProjectLinkCard, { "project-id": unref(projectId) }, null, _parent2, _scopeId));
             _push2(ssrRenderComponent(_component_USelect, {
               modelValue: unref(activeTab),
               "onUpdate:modelValue": ($event) => isRef(activeTab) ? activeTab.value = $event : null,
@@ -5259,7 +6276,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           ssrRenderList(unref(availableEnvironments), (env) => {
                             _push4(`<button type="button" class="${ssrRenderClass([
                               "text-xs font-medium px-2 py-1 rounded border cursor-pointer focus:outline-none transition-colors",
-                              isEnvironmentFilterActive(env) ? "bg-blue-600 text-white border-blue-600" : "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200 border-blue-300 dark:border-blue-700 hover:bg-blue-200 dark:hover:bg-blue-800"
+                              isEnvironmentFilterActive(env) ? "bg-blue-100 text-blue-700 border-blue-300 dark:bg-blue-900/40 dark:text-blue-300 dark:border-blue-700" : "bg-zinc-100 text-zinc-500 border-zinc-200 hover:bg-zinc-200 dark:bg-zinc-800 dark:text-zinc-400 dark:border-zinc-700 dark:hover:bg-zinc-700"
                             ])}"${_scopeId3}>${ssrInterpolate(env)}</button>`);
                           });
                           _push4(`<!--]-->`);
@@ -5465,16 +6482,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             "environment-cell": withCtx(({ row }, _push5, _parent5, _scopeId4) => {
                               if (_push5) {
                                 if (row.original.environment) {
-                                  _push5(`<span class="text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200 px-1.5 py-0.5 rounded"${_scopeId4}>${ssrInterpolate(row.original.environment)}</span>`);
+                                  _push5(ssrRenderComponent(_component_UBadge, {
+                                    color: "info",
+                                    variant: "subtle",
+                                    size: "sm"
+                                  }, {
+                                    default: withCtx((_4, _push6, _parent6, _scopeId5) => {
+                                      if (_push6) {
+                                        _push6(`${ssrInterpolate(row.original.environment)}`);
+                                      } else {
+                                        return [
+                                          createTextVNode(toDisplayString(row.original.environment), 1)
+                                        ];
+                                      }
+                                    }),
+                                    _: 2
+                                  }, _parent5, _scopeId4));
                                 } else {
                                   _push5(`<!---->`);
                                 }
                               } else {
                                 return [
-                                  row.original.environment ? (openBlock(), createBlock("span", {
+                                  row.original.environment ? (openBlock(), createBlock(_component_UBadge, {
                                     key: 0,
-                                    class: "text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200 px-1.5 py-0.5 rounded"
-                                  }, toDisplayString(row.original.environment), 1)) : createCommentVNode("", true)
+                                    color: "info",
+                                    variant: "subtle",
+                                    size: "sm"
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(row.original.environment), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1024)) : createCommentVNode("", true)
                                 ];
                               }
                             }),
@@ -5525,7 +6564,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   "did-not-run": row.original.didNotRunTests ?? 0,
                                   total: row.original.totalTests
                                 }, null, _parent5, _scopeId4));
-                                _push5(`<span class="text-xs text-gray-500"${_scopeId4}>${ssrInterpolate(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.duration))}</span></div>`);
+                                _push5(ssrRenderComponent(_component_DurationValue, {
+                                  ms: row.original.duration,
+                                  class: "text-xs text-gray-500"
+                                }, null, _parent5, _scopeId4));
+                                _push5(`</div>`);
                               } else {
                                 return [
                                   createVNode("div", { class: "space-y-1" }, [
@@ -5537,7 +6580,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                       "did-not-run": row.original.didNotRunTests ?? 0,
                                       total: row.original.totalTests
                                     }, null, 8, ["passed", "failed", "skipped", "flaky", "did-not-run", "total"]),
-                                    createVNode("span", { class: "text-xs text-gray-500" }, toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.duration)), 1)
+                                    createVNode(_component_DurationValue, {
+                                      ms: row.original.duration,
+                                      class: "text-xs text-gray-500"
+                                    }, null, 8, ["ms"])
                                   ])
                                 ];
                               }
@@ -5708,7 +6754,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   type: "button",
                                   class: [
                                     "text-xs font-medium px-2 py-1 rounded border cursor-pointer focus:outline-none transition-colors",
-                                    isEnvironmentFilterActive(env) ? "bg-blue-600 text-white border-blue-600" : "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200 border-blue-300 dark:border-blue-700 hover:bg-blue-200 dark:hover:bg-blue-800"
+                                    isEnvironmentFilterActive(env) ? "bg-blue-100 text-blue-700 border-blue-300 dark:bg-blue-900/40 dark:text-blue-300 dark:border-blue-700" : "bg-zinc-100 text-zinc-500 border-zinc-200 hover:bg-zinc-200 dark:bg-zinc-800 dark:text-zinc-400 dark:border-zinc-700 dark:hover:bg-zinc-700"
                                   ],
                                   onClick: ($event) => toggleEnvironmentFilter(env)
                                 }, toDisplayString(env), 11, ["onClick"]);
@@ -5824,10 +6870,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                               createVNode("span", { class: "text-xs text-gray-600" }, toDisplayString(("prettyDateFormat" in _ctx ? _ctx.prettyDateFormat : unref(prettyDateFormat))(row.original.startTime)), 1)
                             ]),
                             "environment-cell": withCtx(({ row }) => [
-                              row.original.environment ? (openBlock(), createBlock("span", {
+                              row.original.environment ? (openBlock(), createBlock(_component_UBadge, {
                                 key: 0,
-                                class: "text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200 px-1.5 py-0.5 rounded"
-                              }, toDisplayString(row.original.environment), 1)) : createCommentVNode("", true)
+                                color: "info",
+                                variant: "subtle",
+                                size: "sm"
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(row.original.environment), 1)
+                                ]),
+                                _: 2
+                              }, 1024)) : createCommentVNode("", true)
                             ]),
                             "metadata-cell": withCtx(({ row }) => [
                               row.original.metadata?.scm ? (openBlock(), createBlock("div", {
@@ -5854,7 +6907,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   "did-not-run": row.original.didNotRunTests ?? 0,
                                   total: row.original.totalTests
                                 }, null, 8, ["passed", "failed", "skipped", "flaky", "did-not-run", "total"]),
-                                createVNode("span", { class: "text-xs text-gray-500" }, toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.duration)), 1)
+                                createVNode(_component_DurationValue, {
+                                  ms: row.original.duration,
+                                  class: "text-xs text-gray-500"
+                                }, null, 8, ["ms"])
                               ])
                             ]),
                             "reports-cell": withCtx(({ row }) => [
@@ -5966,7 +7022,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 type: "button",
                                 class: [
                                   "text-xs font-medium px-2 py-1 rounded border cursor-pointer focus:outline-none transition-colors",
-                                  isEnvironmentFilterActive(env) ? "bg-blue-600 text-white border-blue-600" : "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200 border-blue-300 dark:border-blue-700 hover:bg-blue-200 dark:hover:bg-blue-800"
+                                  isEnvironmentFilterActive(env) ? "bg-blue-100 text-blue-700 border-blue-300 dark:bg-blue-900/40 dark:text-blue-300 dark:border-blue-700" : "bg-zinc-100 text-zinc-500 border-zinc-200 hover:bg-zinc-200 dark:bg-zinc-800 dark:text-zinc-400 dark:border-zinc-700 dark:hover:bg-zinc-700"
                                 ],
                                 onClick: ($event) => toggleEnvironmentFilter(env)
                               }, toDisplayString(env), 11, ["onClick"]);
@@ -6082,10 +7138,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             createVNode("span", { class: "text-xs text-gray-600" }, toDisplayString(("prettyDateFormat" in _ctx ? _ctx.prettyDateFormat : unref(prettyDateFormat))(row.original.startTime)), 1)
                           ]),
                           "environment-cell": withCtx(({ row }) => [
-                            row.original.environment ? (openBlock(), createBlock("span", {
+                            row.original.environment ? (openBlock(), createBlock(_component_UBadge, {
                               key: 0,
-                              class: "text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200 px-1.5 py-0.5 rounded"
-                            }, toDisplayString(row.original.environment), 1)) : createCommentVNode("", true)
+                              color: "info",
+                              variant: "subtle",
+                              size: "sm"
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(row.original.environment), 1)
+                              ]),
+                              _: 2
+                            }, 1024)) : createCommentVNode("", true)
                           ]),
                           "metadata-cell": withCtx(({ row }) => [
                             row.original.metadata?.scm ? (openBlock(), createBlock("div", {
@@ -6112,7 +7175,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 "did-not-run": row.original.didNotRunTests ?? 0,
                                 total: row.original.totalTests
                               }, null, 8, ["passed", "failed", "skipped", "flaky", "did-not-run", "total"]),
-                              createVNode("span", { class: "text-xs text-gray-500" }, toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.duration)), 1)
+                              createVNode(_component_DurationValue, {
+                                ms: row.original.duration,
+                                class: "text-xs text-gray-500"
+                              }, null, 8, ["ms"])
                             ])
                           ]),
                           "reports-cell": withCtx(({ row }) => [
@@ -6593,6 +7659,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 } else {
                                   _push5(ssrRenderComponent(_component_UBadge, {
                                     color: ("getStatusColor" in _ctx ? _ctx.getStatusColor : unref(getStatusColor))(row.original.statusA),
+                                    variant: "subtle",
                                     class: "capitalize"
                                   }, {
                                     default: withCtx((_4, _push6, _parent6, _scopeId5) => {
@@ -6615,6 +7682,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   }, "—")) : (openBlock(), createBlock(_component_UBadge, {
                                     key: 1,
                                     color: ("getStatusColor" in _ctx ? _ctx.getStatusColor : unref(getStatusColor))(row.original.statusA),
+                                    variant: "subtle",
                                     class: "capitalize"
                                   }, {
                                     default: withCtx(() => [
@@ -6632,6 +7700,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 } else {
                                   _push5(ssrRenderComponent(_component_UBadge, {
                                     color: ("getStatusColor" in _ctx ? _ctx.getStatusColor : unref(getStatusColor))(row.original.statusB),
+                                    variant: "subtle",
                                     class: "capitalize"
                                   }, {
                                     default: withCtx((_4, _push6, _parent6, _scopeId5) => {
@@ -6654,6 +7723,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   }, "—")) : (openBlock(), createBlock(_component_UBadge, {
                                     key: 1,
                                     color: ("getStatusColor" in _ctx ? _ctx.getStatusColor : unref(getStatusColor))(row.original.statusB),
+                                    variant: "subtle",
                                     class: "capitalize"
                                   }, {
                                     default: withCtx(() => [
@@ -6667,13 +7737,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             "durationA-cell": withCtx(({ row }, _push5, _parent5, _scopeId4) => {
                               if (_push5) {
                                 if (row.original.durationA !== null) {
-                                  _push5(`<span${_scopeId4}>${ssrInterpolate(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.durationA))}</span>`);
+                                  _push5(ssrRenderComponent(_component_DurationValue, {
+                                    ms: row.original.durationA
+                                  }, null, _parent5, _scopeId4));
                                 } else {
                                   _push5(`<span class="text-gray-400"${_scopeId4}>—</span>`);
                                 }
                               } else {
                                 return [
-                                  row.original.durationA !== null ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.durationA)), 1)) : (openBlock(), createBlock("span", {
+                                  row.original.durationA !== null ? (openBlock(), createBlock(_component_DurationValue, {
+                                    key: 0,
+                                    ms: row.original.durationA
+                                  }, null, 8, ["ms"])) : (openBlock(), createBlock("span", {
                                     key: 1,
                                     class: "text-gray-400"
                                   }, "—"))
@@ -6683,13 +7758,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             "durationB-cell": withCtx(({ row }, _push5, _parent5, _scopeId4) => {
                               if (_push5) {
                                 if (row.original.durationB !== null) {
-                                  _push5(`<span${_scopeId4}>${ssrInterpolate(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.durationB))}</span>`);
+                                  _push5(ssrRenderComponent(_component_DurationValue, {
+                                    ms: row.original.durationB
+                                  }, null, _parent5, _scopeId4));
                                 } else {
                                   _push5(`<span class="text-gray-400"${_scopeId4}>—</span>`);
                                 }
                               } else {
                                 return [
-                                  row.original.durationB !== null ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.durationB)), 1)) : (openBlock(), createBlock("span", {
+                                  row.original.durationB !== null ? (openBlock(), createBlock(_component_DurationValue, {
+                                    key: 0,
+                                    ms: row.original.durationB
+                                  }, null, 8, ["ms"])) : (openBlock(), createBlock("span", {
                                     key: 1,
                                     class: "text-gray-400"
                                   }, "—"))
@@ -6703,7 +7783,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 } else {
                                   _push5(`<span class="${ssrRenderClass(
                                     row.original.delta > 0 ? "text-red-600" : row.original.delta < 0 ? "text-green-600" : "text-gray-500"
-                                  )}"${_scopeId4}>${ssrInterpolate(row.original.delta > 0 ? "+" : "")}${ssrInterpolate(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.delta))}</span>`);
+                                  )}"${_scopeId4}>${ssrInterpolate(row.original.delta > 0 ? "+" : "")}`);
+                                  _push5(ssrRenderComponent(_component_DurationValue, {
+                                    ms: row.original.delta,
+                                    "unit-class": "opacity-60"
+                                  }, null, _parent5, _scopeId4));
+                                  _push5(`</span>`);
                                 }
                               } else {
                                 return [
@@ -6713,7 +7798,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   }, "—")) : (openBlock(), createBlock("span", {
                                     key: 1,
                                     class: row.original.delta > 0 ? "text-red-600" : row.original.delta < 0 ? "text-green-600" : "text-gray-500"
-                                  }, toDisplayString(row.original.delta > 0 ? "+" : "") + toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.delta)), 3))
+                                  }, [
+                                    createTextVNode(toDisplayString(row.original.delta > 0 ? "+" : ""), 1),
+                                    createVNode(_component_DurationValue, {
+                                      ms: row.original.delta,
+                                      "unit-class": "opacity-60"
+                                    }, null, 8, ["ms"])
+                                  ], 2))
                                 ];
                               }
                             }),
@@ -6833,6 +7924,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   }, "—")) : (openBlock(), createBlock(_component_UBadge, {
                                     key: 1,
                                     color: ("getStatusColor" in _ctx ? _ctx.getStatusColor : unref(getStatusColor))(row.original.statusA),
+                                    variant: "subtle",
                                     class: "capitalize"
                                   }, {
                                     default: withCtx(() => [
@@ -6848,6 +7940,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   }, "—")) : (openBlock(), createBlock(_component_UBadge, {
                                     key: 1,
                                     color: ("getStatusColor" in _ctx ? _ctx.getStatusColor : unref(getStatusColor))(row.original.statusB),
+                                    variant: "subtle",
                                     class: "capitalize"
                                   }, {
                                     default: withCtx(() => [
@@ -6857,13 +7950,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   }, 1032, ["color"]))
                                 ]),
                                 "durationA-cell": withCtx(({ row }) => [
-                                  row.original.durationA !== null ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.durationA)), 1)) : (openBlock(), createBlock("span", {
+                                  row.original.durationA !== null ? (openBlock(), createBlock(_component_DurationValue, {
+                                    key: 0,
+                                    ms: row.original.durationA
+                                  }, null, 8, ["ms"])) : (openBlock(), createBlock("span", {
                                     key: 1,
                                     class: "text-gray-400"
                                   }, "—"))
                                 ]),
                                 "durationB-cell": withCtx(({ row }) => [
-                                  row.original.durationB !== null ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.durationB)), 1)) : (openBlock(), createBlock("span", {
+                                  row.original.durationB !== null ? (openBlock(), createBlock(_component_DurationValue, {
+                                    key: 0,
+                                    ms: row.original.durationB
+                                  }, null, 8, ["ms"])) : (openBlock(), createBlock("span", {
                                     key: 1,
                                     class: "text-gray-400"
                                   }, "—"))
@@ -6875,7 +7974,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   }, "—")) : (openBlock(), createBlock("span", {
                                     key: 1,
                                     class: row.original.delta > 0 ? "text-red-600" : row.original.delta < 0 ? "text-green-600" : "text-gray-500"
-                                  }, toDisplayString(row.original.delta > 0 ? "+" : "") + toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.delta)), 3))
+                                  }, [
+                                    createTextVNode(toDisplayString(row.original.delta > 0 ? "+" : ""), 1),
+                                    createVNode(_component_DurationValue, {
+                                      ms: row.original.delta,
+                                      "unit-class": "opacity-60"
+                                    }, null, 8, ["ms"])
+                                  ], 2))
                                 ]),
                                 "percentChange-cell": withCtx(({ row }) => [
                                   row.original.percentChange === null ? (openBlock(), createBlock("span", {
@@ -7123,6 +8228,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 }, "—")) : (openBlock(), createBlock(_component_UBadge, {
                                   key: 1,
                                   color: ("getStatusColor" in _ctx ? _ctx.getStatusColor : unref(getStatusColor))(row.original.statusA),
+                                  variant: "subtle",
                                   class: "capitalize"
                                 }, {
                                   default: withCtx(() => [
@@ -7138,6 +8244,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 }, "—")) : (openBlock(), createBlock(_component_UBadge, {
                                   key: 1,
                                   color: ("getStatusColor" in _ctx ? _ctx.getStatusColor : unref(getStatusColor))(row.original.statusB),
+                                  variant: "subtle",
                                   class: "capitalize"
                                 }, {
                                   default: withCtx(() => [
@@ -7147,13 +8254,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 }, 1032, ["color"]))
                               ]),
                               "durationA-cell": withCtx(({ row }) => [
-                                row.original.durationA !== null ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.durationA)), 1)) : (openBlock(), createBlock("span", {
+                                row.original.durationA !== null ? (openBlock(), createBlock(_component_DurationValue, {
+                                  key: 0,
+                                  ms: row.original.durationA
+                                }, null, 8, ["ms"])) : (openBlock(), createBlock("span", {
                                   key: 1,
                                   class: "text-gray-400"
                                 }, "—"))
                               ]),
                               "durationB-cell": withCtx(({ row }) => [
-                                row.original.durationB !== null ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.durationB)), 1)) : (openBlock(), createBlock("span", {
+                                row.original.durationB !== null ? (openBlock(), createBlock(_component_DurationValue, {
+                                  key: 0,
+                                  ms: row.original.durationB
+                                }, null, 8, ["ms"])) : (openBlock(), createBlock("span", {
                                   key: 1,
                                   class: "text-gray-400"
                                 }, "—"))
@@ -7165,7 +8278,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 }, "—")) : (openBlock(), createBlock("span", {
                                   key: 1,
                                   class: row.original.delta > 0 ? "text-red-600" : row.original.delta < 0 ? "text-green-600" : "text-gray-500"
-                                }, toDisplayString(row.original.delta > 0 ? "+" : "") + toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.delta)), 3))
+                                }, [
+                                  createTextVNode(toDisplayString(row.original.delta > 0 ? "+" : ""), 1),
+                                  createVNode(_component_DurationValue, {
+                                    ms: row.original.delta,
+                                    "unit-class": "opacity-60"
+                                  }, null, 8, ["ms"])
+                                ], 2))
                               ]),
                               "percentChange-cell": withCtx(({ row }) => [
                                 row.original.percentChange === null ? (openBlock(), createBlock("span", {
@@ -7417,6 +8536,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 } else {
                                   _push5(ssrRenderComponent(_component_UBadge, {
                                     color: ("getStatusColor" in _ctx ? _ctx.getStatusColor : unref(getStatusColor))(row.original.statusA),
+                                    variant: "subtle",
                                     class: "capitalize"
                                   }, {
                                     default: withCtx((_4, _push6, _parent6, _scopeId5) => {
@@ -7439,6 +8559,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   }, "—")) : (openBlock(), createBlock(_component_UBadge, {
                                     key: 1,
                                     color: ("getStatusColor" in _ctx ? _ctx.getStatusColor : unref(getStatusColor))(row.original.statusA),
+                                    variant: "subtle",
                                     class: "capitalize"
                                   }, {
                                     default: withCtx(() => [
@@ -7456,6 +8577,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 } else {
                                   _push5(ssrRenderComponent(_component_UBadge, {
                                     color: ("getStatusColor" in _ctx ? _ctx.getStatusColor : unref(getStatusColor))(row.original.statusB),
+                                    variant: "subtle",
                                     class: "capitalize"
                                   }, {
                                     default: withCtx((_4, _push6, _parent6, _scopeId5) => {
@@ -7478,6 +8600,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   }, "—")) : (openBlock(), createBlock(_component_UBadge, {
                                     key: 1,
                                     color: ("getStatusColor" in _ctx ? _ctx.getStatusColor : unref(getStatusColor))(row.original.statusB),
+                                    variant: "subtle",
                                     class: "capitalize"
                                   }, {
                                     default: withCtx(() => [
@@ -7491,13 +8614,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             "durationA-cell": withCtx(({ row }, _push5, _parent5, _scopeId4) => {
                               if (_push5) {
                                 if (row.original.durationA !== null) {
-                                  _push5(`<span${_scopeId4}>${ssrInterpolate(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.durationA))}</span>`);
+                                  _push5(ssrRenderComponent(_component_DurationValue, {
+                                    ms: row.original.durationA
+                                  }, null, _parent5, _scopeId4));
                                 } else {
                                   _push5(`<span class="text-gray-400"${_scopeId4}>—</span>`);
                                 }
                               } else {
                                 return [
-                                  row.original.durationA !== null ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.durationA)), 1)) : (openBlock(), createBlock("span", {
+                                  row.original.durationA !== null ? (openBlock(), createBlock(_component_DurationValue, {
+                                    key: 0,
+                                    ms: row.original.durationA
+                                  }, null, 8, ["ms"])) : (openBlock(), createBlock("span", {
                                     key: 1,
                                     class: "text-gray-400"
                                   }, "—"))
@@ -7507,13 +8635,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             "durationB-cell": withCtx(({ row }, _push5, _parent5, _scopeId4) => {
                               if (_push5) {
                                 if (row.original.durationB !== null) {
-                                  _push5(`<span${_scopeId4}>${ssrInterpolate(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.durationB))}</span>`);
+                                  _push5(ssrRenderComponent(_component_DurationValue, {
+                                    ms: row.original.durationB
+                                  }, null, _parent5, _scopeId4));
                                 } else {
                                   _push5(`<span class="text-gray-400"${_scopeId4}>—</span>`);
                                 }
                               } else {
                                 return [
-                                  row.original.durationB !== null ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.durationB)), 1)) : (openBlock(), createBlock("span", {
+                                  row.original.durationB !== null ? (openBlock(), createBlock(_component_DurationValue, {
+                                    key: 0,
+                                    ms: row.original.durationB
+                                  }, null, 8, ["ms"])) : (openBlock(), createBlock("span", {
                                     key: 1,
                                     class: "text-gray-400"
                                   }, "—"))
@@ -7527,7 +8660,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 } else {
                                   _push5(`<span class="${ssrRenderClass(
                                     row.original.delta > 0 ? "text-red-600" : row.original.delta < 0 ? "text-green-600" : "text-gray-500"
-                                  )}"${_scopeId4}>${ssrInterpolate(row.original.delta > 0 ? "+" : "")}${ssrInterpolate(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.delta))}</span>`);
+                                  )}"${_scopeId4}>${ssrInterpolate(row.original.delta > 0 ? "+" : "")}`);
+                                  _push5(ssrRenderComponent(_component_DurationValue, {
+                                    ms: row.original.delta,
+                                    "unit-class": "opacity-60"
+                                  }, null, _parent5, _scopeId4));
+                                  _push5(`</span>`);
                                 }
                               } else {
                                 return [
@@ -7537,7 +8675,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   }, "—")) : (openBlock(), createBlock("span", {
                                     key: 1,
                                     class: row.original.delta > 0 ? "text-red-600" : row.original.delta < 0 ? "text-green-600" : "text-gray-500"
-                                  }, toDisplayString(row.original.delta > 0 ? "+" : "") + toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.delta)), 3))
+                                  }, [
+                                    createTextVNode(toDisplayString(row.original.delta > 0 ? "+" : ""), 1),
+                                    createVNode(_component_DurationValue, {
+                                      ms: row.original.delta,
+                                      "unit-class": "opacity-60"
+                                    }, null, 8, ["ms"])
+                                  ], 2))
                                 ];
                               }
                             }),
@@ -7702,6 +8846,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   }, "—")) : (openBlock(), createBlock(_component_UBadge, {
                                     key: 1,
                                     color: ("getStatusColor" in _ctx ? _ctx.getStatusColor : unref(getStatusColor))(row.original.statusA),
+                                    variant: "subtle",
                                     class: "capitalize"
                                   }, {
                                     default: withCtx(() => [
@@ -7717,6 +8862,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   }, "—")) : (openBlock(), createBlock(_component_UBadge, {
                                     key: 1,
                                     color: ("getStatusColor" in _ctx ? _ctx.getStatusColor : unref(getStatusColor))(row.original.statusB),
+                                    variant: "subtle",
                                     class: "capitalize"
                                   }, {
                                     default: withCtx(() => [
@@ -7726,13 +8872,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   }, 1032, ["color"]))
                                 ]),
                                 "durationA-cell": withCtx(({ row }) => [
-                                  row.original.durationA !== null ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.durationA)), 1)) : (openBlock(), createBlock("span", {
+                                  row.original.durationA !== null ? (openBlock(), createBlock(_component_DurationValue, {
+                                    key: 0,
+                                    ms: row.original.durationA
+                                  }, null, 8, ["ms"])) : (openBlock(), createBlock("span", {
                                     key: 1,
                                     class: "text-gray-400"
                                   }, "—"))
                                 ]),
                                 "durationB-cell": withCtx(({ row }) => [
-                                  row.original.durationB !== null ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.durationB)), 1)) : (openBlock(), createBlock("span", {
+                                  row.original.durationB !== null ? (openBlock(), createBlock(_component_DurationValue, {
+                                    key: 0,
+                                    ms: row.original.durationB
+                                  }, null, 8, ["ms"])) : (openBlock(), createBlock("span", {
                                     key: 1,
                                     class: "text-gray-400"
                                   }, "—"))
@@ -7744,7 +8896,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   }, "—")) : (openBlock(), createBlock("span", {
                                     key: 1,
                                     class: row.original.delta > 0 ? "text-red-600" : row.original.delta < 0 ? "text-green-600" : "text-gray-500"
-                                  }, toDisplayString(row.original.delta > 0 ? "+" : "") + toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.delta)), 3))
+                                  }, [
+                                    createTextVNode(toDisplayString(row.original.delta > 0 ? "+" : ""), 1),
+                                    createVNode(_component_DurationValue, {
+                                      ms: row.original.delta,
+                                      "unit-class": "opacity-60"
+                                    }, null, 8, ["ms"])
+                                  ], 2))
                                 ]),
                                 "percentChange-cell": withCtx(({ row }) => [
                                   row.original.percentChange === null ? (openBlock(), createBlock("span", {
@@ -7919,6 +9077,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 }, "—")) : (openBlock(), createBlock(_component_UBadge, {
                                   key: 1,
                                   color: ("getStatusColor" in _ctx ? _ctx.getStatusColor : unref(getStatusColor))(row.original.statusA),
+                                  variant: "subtle",
                                   class: "capitalize"
                                 }, {
                                   default: withCtx(() => [
@@ -7934,6 +9093,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 }, "—")) : (openBlock(), createBlock(_component_UBadge, {
                                   key: 1,
                                   color: ("getStatusColor" in _ctx ? _ctx.getStatusColor : unref(getStatusColor))(row.original.statusB),
+                                  variant: "subtle",
                                   class: "capitalize"
                                 }, {
                                   default: withCtx(() => [
@@ -7943,13 +9103,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 }, 1032, ["color"]))
                               ]),
                               "durationA-cell": withCtx(({ row }) => [
-                                row.original.durationA !== null ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.durationA)), 1)) : (openBlock(), createBlock("span", {
+                                row.original.durationA !== null ? (openBlock(), createBlock(_component_DurationValue, {
+                                  key: 0,
+                                  ms: row.original.durationA
+                                }, null, 8, ["ms"])) : (openBlock(), createBlock("span", {
                                   key: 1,
                                   class: "text-gray-400"
                                 }, "—"))
                               ]),
                               "durationB-cell": withCtx(({ row }) => [
-                                row.original.durationB !== null ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.durationB)), 1)) : (openBlock(), createBlock("span", {
+                                row.original.durationB !== null ? (openBlock(), createBlock(_component_DurationValue, {
+                                  key: 0,
+                                  ms: row.original.durationB
+                                }, null, 8, ["ms"])) : (openBlock(), createBlock("span", {
                                   key: 1,
                                   class: "text-gray-400"
                                 }, "—"))
@@ -7961,7 +9127,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 }, "—")) : (openBlock(), createBlock("span", {
                                   key: 1,
                                   class: row.original.delta > 0 ? "text-red-600" : row.original.delta < 0 ? "text-green-600" : "text-gray-500"
-                                }, toDisplayString(row.original.delta > 0 ? "+" : "") + toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.delta)), 3))
+                                }, [
+                                  createTextVNode(toDisplayString(row.original.delta > 0 ? "+" : ""), 1),
+                                  createVNode(_component_DurationValue, {
+                                    ms: row.original.delta,
+                                    "unit-class": "opacity-60"
+                                  }, null, 8, ["ms"])
+                                ], 2))
                               ]),
                               "percentChange-cell": withCtx(({ row }) => [
                                 row.original.percentChange === null ? (openBlock(), createBlock("span", {
@@ -8001,6 +9173,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ];
                 }
               }),
+              quarantine: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(ssrRenderComponent(_component_QuarantineTable, {
+                    "project-id": String(unref(projectId)),
+                    "project-name": unref(project)?.name
+                  }, null, _parent3, _scopeId2));
+                } else {
+                  return [
+                    createVNode(_component_QuarantineTable, {
+                      "project-id": String(unref(projectId)),
+                      "project-name": unref(project)?.name
+                    }, null, 8, ["project-id", "project-name"])
+                  ];
+                }
+              }),
               members: withCtx((_2, _push3, _parent3, _scopeId2) => {
                 if (_push3) {
                   _push3(ssrRenderComponent(_component_UCard, null, {
@@ -8253,6 +9440,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }), 128))
                   ])) : createCommentVNode("", true)
                 ])) : createCommentVNode("", true),
+                createVNode(_component_DesktopProjectLinkCard, { "project-id": unref(projectId) }, null, 8, ["project-id"]),
                 createVNode(_component_USelect, {
                   modelValue: unref(activeTab),
                   "onUpdate:modelValue": ($event) => isRef(activeTab) ? activeTab.value = $event : null,
@@ -8306,7 +9494,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 type: "button",
                                 class: [
                                   "text-xs font-medium px-2 py-1 rounded border cursor-pointer focus:outline-none transition-colors",
-                                  isEnvironmentFilterActive(env) ? "bg-blue-600 text-white border-blue-600" : "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200 border-blue-300 dark:border-blue-700 hover:bg-blue-200 dark:hover:bg-blue-800"
+                                  isEnvironmentFilterActive(env) ? "bg-blue-100 text-blue-700 border-blue-300 dark:bg-blue-900/40 dark:text-blue-300 dark:border-blue-700" : "bg-zinc-100 text-zinc-500 border-zinc-200 hover:bg-zinc-200 dark:bg-zinc-800 dark:text-zinc-400 dark:border-zinc-700 dark:hover:bg-zinc-700"
                                 ],
                                 onClick: ($event) => toggleEnvironmentFilter(env)
                               }, toDisplayString(env), 11, ["onClick"]);
@@ -8422,10 +9610,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             createVNode("span", { class: "text-xs text-gray-600" }, toDisplayString(("prettyDateFormat" in _ctx ? _ctx.prettyDateFormat : unref(prettyDateFormat))(row.original.startTime)), 1)
                           ]),
                           "environment-cell": withCtx(({ row }) => [
-                            row.original.environment ? (openBlock(), createBlock("span", {
+                            row.original.environment ? (openBlock(), createBlock(_component_UBadge, {
                               key: 0,
-                              class: "text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200 px-1.5 py-0.5 rounded"
-                            }, toDisplayString(row.original.environment), 1)) : createCommentVNode("", true)
+                              color: "info",
+                              variant: "subtle",
+                              size: "sm"
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(row.original.environment), 1)
+                              ]),
+                              _: 2
+                            }, 1024)) : createCommentVNode("", true)
                           ]),
                           "metadata-cell": withCtx(({ row }) => [
                             row.original.metadata?.scm ? (openBlock(), createBlock("div", {
@@ -8452,7 +9647,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 "did-not-run": row.original.didNotRunTests ?? 0,
                                 total: row.original.totalTests
                               }, null, 8, ["passed", "failed", "skipped", "flaky", "did-not-run", "total"]),
-                              createVNode("span", { class: "text-xs text-gray-500" }, toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.duration)), 1)
+                              createVNode(_component_DurationValue, {
+                                ms: row.original.duration,
+                                class: "text-xs text-gray-500"
+                              }, null, 8, ["ms"])
                             ])
                           ]),
                           "reports-cell": withCtx(({ row }) => [
@@ -8767,6 +9965,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 }, "—")) : (openBlock(), createBlock(_component_UBadge, {
                                   key: 1,
                                   color: ("getStatusColor" in _ctx ? _ctx.getStatusColor : unref(getStatusColor))(row.original.statusA),
+                                  variant: "subtle",
                                   class: "capitalize"
                                 }, {
                                   default: withCtx(() => [
@@ -8782,6 +9981,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 }, "—")) : (openBlock(), createBlock(_component_UBadge, {
                                   key: 1,
                                   color: ("getStatusColor" in _ctx ? _ctx.getStatusColor : unref(getStatusColor))(row.original.statusB),
+                                  variant: "subtle",
                                   class: "capitalize"
                                 }, {
                                   default: withCtx(() => [
@@ -8791,13 +9991,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 }, 1032, ["color"]))
                               ]),
                               "durationA-cell": withCtx(({ row }) => [
-                                row.original.durationA !== null ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.durationA)), 1)) : (openBlock(), createBlock("span", {
+                                row.original.durationA !== null ? (openBlock(), createBlock(_component_DurationValue, {
+                                  key: 0,
+                                  ms: row.original.durationA
+                                }, null, 8, ["ms"])) : (openBlock(), createBlock("span", {
                                   key: 1,
                                   class: "text-gray-400"
                                 }, "—"))
                               ]),
                               "durationB-cell": withCtx(({ row }) => [
-                                row.original.durationB !== null ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.durationB)), 1)) : (openBlock(), createBlock("span", {
+                                row.original.durationB !== null ? (openBlock(), createBlock(_component_DurationValue, {
+                                  key: 0,
+                                  ms: row.original.durationB
+                                }, null, 8, ["ms"])) : (openBlock(), createBlock("span", {
                                   key: 1,
                                   class: "text-gray-400"
                                 }, "—"))
@@ -8809,7 +10015,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 }, "—")) : (openBlock(), createBlock("span", {
                                   key: 1,
                                   class: row.original.delta > 0 ? "text-red-600" : row.original.delta < 0 ? "text-green-600" : "text-gray-500"
-                                }, toDisplayString(row.original.delta > 0 ? "+" : "") + toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.delta)), 3))
+                                }, [
+                                  createTextVNode(toDisplayString(row.original.delta > 0 ? "+" : ""), 1),
+                                  createVNode(_component_DurationValue, {
+                                    ms: row.original.delta,
+                                    "unit-class": "opacity-60"
+                                  }, null, 8, ["ms"])
+                                ], 2))
                               ]),
                               "percentChange-cell": withCtx(({ row }) => [
                                 row.original.percentChange === null ? (openBlock(), createBlock("span", {
@@ -8990,6 +10202,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 }, "—")) : (openBlock(), createBlock(_component_UBadge, {
                                   key: 1,
                                   color: ("getStatusColor" in _ctx ? _ctx.getStatusColor : unref(getStatusColor))(row.original.statusA),
+                                  variant: "subtle",
                                   class: "capitalize"
                                 }, {
                                   default: withCtx(() => [
@@ -9005,6 +10218,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 }, "—")) : (openBlock(), createBlock(_component_UBadge, {
                                   key: 1,
                                   color: ("getStatusColor" in _ctx ? _ctx.getStatusColor : unref(getStatusColor))(row.original.statusB),
+                                  variant: "subtle",
                                   class: "capitalize"
                                 }, {
                                   default: withCtx(() => [
@@ -9014,13 +10228,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 }, 1032, ["color"]))
                               ]),
                               "durationA-cell": withCtx(({ row }) => [
-                                row.original.durationA !== null ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.durationA)), 1)) : (openBlock(), createBlock("span", {
+                                row.original.durationA !== null ? (openBlock(), createBlock(_component_DurationValue, {
+                                  key: 0,
+                                  ms: row.original.durationA
+                                }, null, 8, ["ms"])) : (openBlock(), createBlock("span", {
                                   key: 1,
                                   class: "text-gray-400"
                                 }, "—"))
                               ]),
                               "durationB-cell": withCtx(({ row }) => [
-                                row.original.durationB !== null ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.durationB)), 1)) : (openBlock(), createBlock("span", {
+                                row.original.durationB !== null ? (openBlock(), createBlock(_component_DurationValue, {
+                                  key: 0,
+                                  ms: row.original.durationB
+                                }, null, 8, ["ms"])) : (openBlock(), createBlock("span", {
                                   key: 1,
                                   class: "text-gray-400"
                                 }, "—"))
@@ -9032,7 +10252,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 }, "—")) : (openBlock(), createBlock("span", {
                                   key: 1,
                                   class: row.original.delta > 0 ? "text-red-600" : row.original.delta < 0 ? "text-green-600" : "text-gray-500"
-                                }, toDisplayString(row.original.delta > 0 ? "+" : "") + toDisplayString(("formatDuration" in _ctx ? _ctx.formatDuration : unref(formatDuration))(row.original.delta)), 3))
+                                }, [
+                                  createTextVNode(toDisplayString(row.original.delta > 0 ? "+" : ""), 1),
+                                  createVNode(_component_DurationValue, {
+                                    ms: row.original.delta,
+                                    "unit-class": "opacity-60"
+                                  }, null, 8, ["ms"])
+                                ], 2))
                               ]),
                               "percentChange-cell": withCtx(({ row }) => [
                                 row.original.percentChange === null ? (openBlock(), createBlock("span", {
@@ -9062,6 +10288,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "project-id": String(unref(projectId))
                     }, null, 8, ["project-id"])
                   ]),
+                  quarantine: withCtx(() => [
+                    createVNode(_component_QuarantineTable, {
+                      "project-id": String(unref(projectId)),
+                      "project-name": unref(project)?.name
+                    }, null, 8, ["project-id", "project-name"])
+                  ]),
                   members: withCtx(() => [
                     createVNode(_component_UCard, null, {
                       header: withCtx(() => [
@@ -9162,4 +10394,4 @@ _sfc_main.setup = (props, ctx) => {
 };
 
 export { _sfc_main as default };
-//# sourceMappingURL=index-DVUtBexc.mjs.map
+//# sourceMappingURL=index-hGHlmyxj.mjs.map