@piwitests/server 0.19.0 → 0.21.0

package/.output/server/chunks/build/{_id_-B78ky13D.mjs → _id_-DMkgWSLZ.mjs}

@@ -1,38 +1,40 @@
-import { _ as _sfc_main$1$1, a as _sfc_main$f } from './DashboardNavbar-BHmMSPX7.mjs';
-import { _ as _sfc_main$1$2 } from './Breadcrumb-Ak2Lg3oM.mjs';
-import { _ as __nuxt_component_3$2 } from './BreadcrumbNav-DO7I_z-n.mjs';
-import { u as useRoute, k as useRouter, l as useHead, r as useRuntimeConfig, m as _sfc_main$k, s as __nuxt_component_12, n as _sfc_main$7$1, o as _sfc_main$p, y as __nuxt_component_7, j as useToast } from './server.mjs';
-import { u as useCopyRich, n as __nuxt_component_23, a as __nuxt_component_18, b as __nuxt_component_19, c as __nuxt_component_20, _ as __nuxt_component_24, d as __nuxt_component_26, e as __nuxt_component_6$1, p as __nuxt_component_1$2, i as isImageFile, f as isVideoFile, q as __nuxt_component_3$2$1, r as __nuxt_component_4$2, l as __nuxt_component_3$4, m as __nuxt_component_4$3, g as __nuxt_component_1$1$1, h as __nuxt_component_2$2, j as __nuxt_component_3$1$1, k as __nuxt_component_4$1$1 } from './useCopyRich-BemRsKgv.mjs';
-import { _ as __nuxt_component_4$1 } from './NavbarActions-_YjrSUat.mjs';
-import { _ as __nuxt_component_8, a as __nuxt_component_1$5, b as __nuxt_component_14$2, c as __nuxt_component_13$1, d as __nuxt_component_15$1 } from './CiEnvCard-CrjOM17n.mjs';
-import { c as clusterSectionLocatorKey, a as __nuxt_component_25, d as useAiStatus, f as __nuxt_component_3$3, h as __nuxt_component_6, g as __nuxt_component_8$1, e as __nuxt_component_1$4, u as useDetailGrid, _ as __nuxt_component_0 } from './useAiStatus-CWvIo32Q.mjs';
-import { _ as __nuxt_component_14$1 } from './DurationValue-D20oGbnc.mjs';
-import { _ as __nuxt_component_3$5 } from './BrowserBadge-D33lqUcj.mjs';
+import { _ as _sfc_main$1$1, a as _sfc_main$f } from './DashboardNavbar-DCr10nxL.mjs';
+import { _ as _sfc_main$1$2 } from './Breadcrumb-3itRZ1uz.mjs';
+import { _ as __nuxt_component_3$2 } from './BreadcrumbNav-GnjBvXuT.mjs';
+import { u as useRoute, k as useRouter, l as useHead, r as useRuntimeConfig, m as _sfc_main$k, v as __nuxt_component_12, n as _sfc_main$7$1, o as _sfc_main$p, s as __nuxt_component_7, j as useToast } from './server.mjs';
+import { u as useCopyRich, n as __nuxt_component_24, a as __nuxt_component_19, b as __nuxt_component_20, c as __nuxt_component_21, _ as __nuxt_component_25, d as __nuxt_component_27, e as __nuxt_component_6, p as __nuxt_component_1$2, i as isImageFile, f as isVideoFile, q as __nuxt_component_3$2$1, r as __nuxt_component_4$2$1, l as __nuxt_component_3$4, m as __nuxt_component_4$4, g as __nuxt_component_1$1$1, h as __nuxt_component_2$2, j as __nuxt_component_3$1$1, k as __nuxt_component_4$1$1 } from './useCopyRich-Cd5Yj_Wy.mjs';
+import { _ as __nuxt_component_8, a as __nuxt_component_14$2, b as __nuxt_component_1$4, c as __nuxt_component_16$1, d as __nuxt_component_17$1 } from './MetaStripGroup-dXXa_MzF.mjs';
+import { _ as __nuxt_component_4$3 } from './NavbarActions-_YjrSUat.mjs';
+import { c as clusterSectionLocatorKey, a as __nuxt_component_26, d as __nuxt_component_3$3, f as __nuxt_component_6$1, e as __nuxt_component_8$1, b as __nuxt_component_1$3, _ as __nuxt_component_0 } from './DiagnosisResult-Br3qBLXe.mjs';
+import { _ as __nuxt_component_14$1 } from './DurationValue-CWKfjIF2.mjs';
+import { _ as __nuxt_component_3$5 } from './BrowserBadge-DQqJS9CV.mjs';
 import { _ as _sfc_main$i } from './Card-BQP_oZkQ.mjs';
-import { _ as __nuxt_component_2$3 } from './TestMetaBadges-D5_yUtIP.mjs';
-import { a as __nuxt_component_9$2, _ as __nuxt_component_2$1 } from './HelpHint-DrcIv-Oj.mjs';
-import { _ as __nuxt_component_17$1 } from './EntityLinks-D3fp57pR.mjs';
-import { v as getStatusColor, g as renderAnsi, n as fileApiUrl, A as httpMethodColor, B as httpStatusColor, f as formatRelativeTime, i as clusterErrorTypeColor, C as isPiwiAnnotation, e as errorMessage, d as formatDuration } from './index-CU2nZhAa.mjs';
+import { _ as __nuxt_component_2$3 } from './TestMetaBadges-BlyKmfeP.mjs';
+import { _ as __nuxt_component_1$1 } from './OpenInIdeLink-B9wvQkhy.mjs';
+import { _ as __nuxt_component_1 } from './StatTileGrid-7zOFUQ6j.mjs';
+import { _ as __nuxt_component_2 } from './StatTile-DpcVQFVI.mjs';
+import { a as __nuxt_component_9, _ as __nuxt_component_2$1 } from './HelpHint-DjGrGFA7.mjs';
+import { _ as __nuxt_component_19$1 } from './EntityLinks-CF0xG3Y8.mjs';
+import { v as getStatusColor, g as renderAnsi, n as fileApiUrl, A as httpMethodColor, B as httpStatusColor, f as formatRelativeTime, i as clusterErrorTypeColor, C as isPiwiAnnotation, e as errorMessage, d as formatDuration } from './index-BOK1aJk9.mjs';
 import { defineComponent, withAsyncContext, ref, watch, computed, provide, mergeProps, withCtx, unref, isRef, createTextVNode, openBlock, createBlock, toDisplayString, createCommentVNode, createVNode, Fragment, renderList, createSlots, toValue, useSSRContext } from 'vue';
 import { ssrRenderComponent, ssrRenderAttr, ssrInterpolate, ssrRenderList, ssrRenderClass, ssrRenderStyle, ssrIncludeBooleanAttr, ssrRenderAttrs } from 'vue/server-renderer';
-import { _ as __nuxt_component_11 } from './SectionCard-CN-v0FZ_.mjs';
-import { _ as _sfc_main$e } from './Tooltip-BOazooWP.mjs';
-import { _ as _sfc_main$h } from './Textarea-Dv2-lOvW.mjs';
-import { dN as condenseErrorText, dO as hasSlowMark, dK as extractCitedSectionIds, cB as formatBytes } from '../nitro/nitro.mjs';
-import { _ as _sfc_main$g } from './Tabs-Bbsg9wag.mjs';
-import { _ as __nuxt_component_1$3 } from './LoadingState-C3pBSuOO.mjs';
-import { _ as __nuxt_component_9$1 } from './EmptyState-Dtlab7S9.mjs';
-import { _ as _sfc_main$j } from './Slideover-DgCa80mf.mjs';
-import { _ as __nuxt_component_5 } from './CodeBlock-BgE-NSmE.mjs';
+import { _ as __nuxt_component_11 } from './SectionCard-BW5Lynrr.mjs';
+import { _ as _sfc_main$e } from './Tooltip-Dv4htNP6.mjs';
+import { _ as _sfc_main$h } from './Textarea-vkMKVQTJ.mjs';
+import { dV as condenseErrorText, dW as hasSlowMark, dS as extractCitedSectionIds, aa as formatBytes } from '../nitro/nitro.mjs';
+import { u as useAiStatus } from './useAiStatus-UR8x-feE.mjs';
+import { _ as _sfc_main$g } from './Tabs-BkSOnbaB.mjs';
+import { _ as __nuxt_component_12$1 } from './LoadingState-B8v1nWJt.mjs';
+import { _ as __nuxt_component_4$2 } from './FeatureUnavailable-CwPms6X_.mjs';
+import { _ as _sfc_main$j } from './Slideover-D270EZZD.mjs';
+import { _ as __nuxt_component_5 } from './CodeBlock-DGhKVFad.mjs';
 import { _ as __nuxt_component_3$1 } from './TableScroller-DMcdCVrH.mjs';
 import { _ as _sfc_main$d } from './Table-BRk04Hd2.mjs';
-import { _ as __nuxt_component_1$1 } from './OpenInIdeLink-C4MXA8ya.mjs';
-import { _ as __nuxt_component_1, a as __nuxt_component_2 } from './StatTile-D61Vzo6e.mjs';
-import { _ as __nuxt_component_38 } from './TestCaseHistoryChart-nMLPhdvD.mjs';
-import { b as buildRetryCommand } from './useOpenInIde-4GFf-kdi.mjs';
-import { u as useFetch } from './fetch-B4FwBOzu.mjs';
-import { u as useCopy } from './useCopy-CeKWgHyT.mjs';
-import './DashboardSidebarToggle-DCTnHiIv.mjs';
+import { _ as __nuxt_component_4$1 } from './EmptyState-DC2q_7TD.mjs';
+import { _ as __nuxt_component_39 } from './TestCaseHistoryChart-C6t5RrCG.mjs';
+import { b as buildRetryCommand } from './useOpenInIde-DolN3bZ5.mjs';
+import { u as useFetch, a as useCopy } from './fetch-BQg_fhX0.mjs';
+import './DashboardSidebarToggle-8EpBhX0R.mjs';
 import 'vue-router';
 import '@iconify/vue';
 import 'tailwindcss/colors';
@@ -65,6 +67,7 @@ import 'highlight.js/lib/languages/typescript';
 import 'highlight.js/lib/languages/xml';
 import 'highlight.js/lib/languages/yaml';
 import 'fflate';
+import 'zod';
 import 'pixelmatch';
 import 'sharp';
 import '@anthropic-ai/sdk';
@@ -89,17 +92,22 @@ import 'consola';
 import 'node:url';
 import '@iconify/utils';
 import './Separator-CR4WcEKD.mjs';
-import './useDesktopDownload-D49JRQSw.mjs';
+import './useDesktopDownload-BmR6ouz2.mjs';
 import './useIsDesktop-BS13spVj.mjs';
-import './useTauri-lRT8zkLv.mjs';
+import './useTauri-Kf3HE_42.mjs';
 import './Alert-C4xq8lao.mjs';
-import './Modal-Ck2XLt8d.mjs';
-import './Select-CUqj50wi.mjs';
+import './Modal-pSDlXzT3.mjs';
+import './FormField-e7OnSKPM.mjs';
+import './Label-DYDR1Oeh.mjs';
+import './Select-CVctwpib.mjs';
 import './useFormControl-CZ9So7iX.mjs';
 import './handleAndDispatchCustomEvent-Bk_AVSSo.mjs';
+import './Switch-8zWfwI5B.mjs';
+import './useForwardScopeId-D0ameaSU.mjs';
+import './VisuallyHiddenInput-BHvzNumK.mjs';
 import './help-content-C876a9WD.mjs';
 import 'date-fns';
-import './RovingFocusItem-BJSzTBjy.mjs';
+import './RovingFocusItem--OEHI2P3.mjs';
 import '@tanstack/vue-table';
 import '@tanstack/vue-virtual';
 import './ChartMarkerTooltip-0DcMfD_6.mjs';
@@ -121,7 +129,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     environment: {},
     stepsCount: {},
     historicalTiming: {},
-    stableLinks: {}
+    stableLinks: {},
+    projectKey: {},
+    projectName: {}
   },
   emits: ["refresh"],
   setup(__props) {
@@ -145,32 +155,28 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       () => (props.testCase?.testAnnotations ?? []).filter((ann) => !isPiwiAnnotation(ann.type))
     );
     const startedAtMs = computed(() => props.testCase?.startedAt ?? null);
-    const { summaryColSpanClass, blockColSpanClass } = useDetailGrid(() => {
-      let count = 0;
-      if (props.scmInfo) count++;
-      if (props.ciInfo || props.environment || props.browser) count++;
-      count++;
-      return count;
-    });
+    const showCiGroup = computed(() => !!(props.ciInfo || props.environment));
     return (_ctx, _push, _parent, _attrs) => {
       const _component_FoldableSummary = __nuxt_component_0;
-      const _component_StatusBlock = __nuxt_component_1$5;
+      const _component_StatusChip = __nuxt_component_1$4;
       const _component_DurationValue = __nuxt_component_14$1;
       const _component_BrowserBadge = __nuxt_component_3$5;
       const _component_UCard = _sfc_main$i;
       const _component_UBadge = _sfc_main$7$1;
       const _component_TestMetaBadges = __nuxt_component_2$3;
+      const _component_OpenInIdeLink = __nuxt_component_1$1;
       const _component_ClientOnly = __nuxt_component_7;
+      const _component_StatTileGrid = __nuxt_component_1;
+      const _component_StatTile = __nuxt_component_2;
       const _component_UIcon = _sfc_main$p;
       const _component_HelpHint = __nuxt_component_2$1;
-      const _component_SourceInfoCard = __nuxt_component_14$2;
-      const _component_CiEnvCard = __nuxt_component_13$1;
-      const _component_BlockCard = __nuxt_component_15$1;
-      const _component_EntityLinks = __nuxt_component_17$1;
+      const _component_SummaryMetaStrip = __nuxt_component_16$1;
+      const _component_MetaStripGroup = __nuxt_component_17$1;
+      const _component_EntityLinks = __nuxt_component_19$1;
       _push(ssrRenderComponent(_component_FoldableSummary, mergeProps({ "storage-key": "test-case" }, _attrs), {
         folded: withCtx((_, _push2, _parent2, _scopeId) => {
           if (_push2) {
-            _push2(ssrRenderComponent(_component_StatusBlock, {
+            _push2(ssrRenderComponent(_component_StatusChip, {
               status: __props.testCase?.status ?? "",
               size: "sm"
             }, null, _parent2, _scopeId));
@@ -197,7 +203,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             }
           } else {
             return [
-              createVNode(_component_StatusBlock, {
+              createVNode(_component_StatusChip, {
                 status: __props.testCase?.status ?? "",
                 size: "sm"
               }, null, 8, ["status"]),
@@ -241,16 +247,461 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         }),
         default: withCtx((_, _push2, _parent2, _scopeId) => {
           if (_push2) {
-            _push2(`<div class="grid grid-cols-1 lg:grid-cols-12 gap-4"${_scopeId}><div class="${ssrRenderClass(unref(summaryColSpanClass))}"${_scopeId}>`);
-            _push2(ssrRenderComponent(_component_UCard, { class: "shadow-xs h-full" }, {
+            _push2(`<div class="@container"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UCard, {
+              class: "shadow-xs",
+              ui: { footer: "px-4 py-2.5 sm:px-4 bg-muted/30" }
+            }, {
+              footer: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(ssrRenderComponent(_component_SummaryMetaStrip, null, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        if (__props.scmInfo) {
+                          _push4(ssrRenderComponent(_component_MetaStripGroup, {
+                            label: "Source",
+                            icon: "i-lucide-git-branch"
+                          }, {
+                            default: withCtx((_4, _push5, _parent5, _scopeId4) => {
+                              if (_push5) {
+                                if (__props.scmInfo.branch) {
+                                  _push5(`<span class="font-medium"${_scopeId4}>${ssrInterpolate(__props.scmInfo.branch)}</span>`);
+                                } else {
+                                  _push5(`<!---->`);
+                                }
+                                if (__props.scmInfo.commit) {
+                                  _push5(`<code class="text-xs font-mono bg-zinc-100 dark:bg-zinc-800 px-1 py-0.5 rounded"${ssrRenderAttr("title", __props.scmInfo.commit)}${_scopeId4}>${ssrInterpolate(__props.scmInfo.commit.length >= 8 ? __props.scmInfo.commit.substring(0, 8) : __props.scmInfo.commit)}</code>`);
+                                } else {
+                                  _push5(`<!---->`);
+                                }
+                                if (__props.scmInfo.author) {
+                                  _push5(`<span class="text-muted"${_scopeId4}>${ssrInterpolate(__props.scmInfo.author)}</span>`);
+                                } else {
+                                  _push5(`<!---->`);
+                                }
+                                if (__props.scmInfo.commitMessage) {
+                                  _push5(`<span class="text-xs text-dimmed truncate max-w-[40ch]"${ssrRenderAttr("title", __props.scmInfo.commitMessage)}${_scopeId4}>${ssrInterpolate(__props.scmInfo.commitMessage)}</span>`);
+                                } else {
+                                  _push5(`<!---->`);
+                                }
+                              } else {
+                                return [
+                                  __props.scmInfo.branch ? (openBlock(), createBlock("span", {
+                                    key: 0,
+                                    class: "font-medium"
+                                  }, toDisplayString(__props.scmInfo.branch), 1)) : createCommentVNode("", true),
+                                  __props.scmInfo.commit ? (openBlock(), createBlock("code", {
+                                    key: 1,
+                                    class: "text-xs font-mono bg-zinc-100 dark:bg-zinc-800 px-1 py-0.5 rounded",
+                                    title: __props.scmInfo.commit
+                                  }, toDisplayString(__props.scmInfo.commit.length >= 8 ? __props.scmInfo.commit.substring(0, 8) : __props.scmInfo.commit), 9, ["title"])) : createCommentVNode("", true),
+                                  __props.scmInfo.author ? (openBlock(), createBlock("span", {
+                                    key: 2,
+                                    class: "text-muted"
+                                  }, toDisplayString(__props.scmInfo.author), 1)) : createCommentVNode("", true),
+                                  __props.scmInfo.commitMessage ? (openBlock(), createBlock("span", {
+                                    key: 3,
+                                    class: "text-xs text-dimmed truncate max-w-[40ch]",
+                                    title: __props.scmInfo.commitMessage
+                                  }, toDisplayString(__props.scmInfo.commitMessage), 9, ["title"])) : createCommentVNode("", true)
+                                ];
+                              }
+                            }),
+                            _: 1
+                          }, _parent4, _scopeId3));
+                        } else {
+                          _push4(`<!---->`);
+                        }
+                        if (unref(showCiGroup)) {
+                          _push4(ssrRenderComponent(_component_MetaStripGroup, {
+                            label: "CI & environment",
+                            icon: "i-lucide-cloud",
+                            help: "run.ci-env"
+                          }, {
+                            default: withCtx((_4, _push5, _parent5, _scopeId4) => {
+                              if (_push5) {
+                                if (__props.environment) {
+                                  _push5(`<span class="rounded-full border border-default px-2 py-0.5 text-xs bg-elevated/60"${_scopeId4}>${ssrInterpolate(__props.environment)}</span>`);
+                                } else {
+                                  _push5(`<!---->`);
+                                }
+                                if (__props.ciInfo?.provider) {
+                                  _push5(`<span${_scopeId4}>${ssrInterpolate(__props.ciInfo.provider)}</span>`);
+                                } else {
+                                  _push5(`<!---->`);
+                                }
+                                if (__props.ciInfo?.buildNumber || __props.ciInfo?.buildUrl) {
+                                  _push5(`<!--[--><span class="text-dimmed"${_scopeId4}>·</span>`);
+                                  if (__props.ciInfo?.buildUrl) {
+                                    _push5(`<a${ssrRenderAttr("href", __props.ciInfo.buildUrl)} target="_blank" class="text-primary hover:underline"${_scopeId4}>${ssrInterpolate(__props.ciInfo?.buildNumber ? `Build #${__props.ciInfo.buildNumber}` : "View build")}</a>`);
+                                  } else {
+                                    _push5(`<span${_scopeId4}>Build #${ssrInterpolate(__props.ciInfo.buildNumber)}</span>`);
+                                  }
+                                  _push5(`<!--]-->`);
+                                } else {
+                                  _push5(`<!---->`);
+                                }
+                                if (__props.ciInfo?.workflow || __props.ciInfo?.jobName) {
+                                  _push5(`<!--[--><span class="text-dimmed"${_scopeId4}>·</span><span class="text-muted"${_scopeId4}>`);
+                                  if (__props.ciInfo?.workflow) {
+                                    _push5(`<!--[-->${ssrInterpolate(__props.ciInfo.workflow)}<!--]-->`);
+                                  } else {
+                                    _push5(`<!---->`);
+                                  }
+                                  if (__props.ciInfo?.workflow && __props.ciInfo?.jobName) {
+                                    _push5(`<!--[--> · <!--]-->`);
+                                  } else {
+                                    _push5(`<!---->`);
+                                  }
+                                  if (__props.ciInfo?.jobName) {
+                                    _push5(`<!--[-->${ssrInterpolate(__props.ciInfo.jobName)}<!--]-->`);
+                                  } else {
+                                    _push5(`<!---->`);
+                                  }
+                                  _push5(`</span><!--]-->`);
+                                } else {
+                                  _push5(`<!---->`);
+                                }
+                              } else {
+                                return [
+                                  __props.environment ? (openBlock(), createBlock("span", {
+                                    key: 0,
+                                    class: "rounded-full border border-default px-2 py-0.5 text-xs bg-elevated/60"
+                                  }, toDisplayString(__props.environment), 1)) : createCommentVNode("", true),
+                                  __props.ciInfo?.provider ? (openBlock(), createBlock("span", { key: 1 }, toDisplayString(__props.ciInfo.provider), 1)) : createCommentVNode("", true),
+                                  __props.ciInfo?.buildNumber || __props.ciInfo?.buildUrl ? (openBlock(), createBlock(Fragment, { key: 2 }, [
+                                    createVNode("span", { class: "text-dimmed" }, "·"),
+                                    __props.ciInfo?.buildUrl ? (openBlock(), createBlock("a", {
+                                      key: 0,
+                                      href: __props.ciInfo.buildUrl,
+                                      target: "_blank",
+                                      class: "text-primary hover:underline"
+                                    }, toDisplayString(__props.ciInfo?.buildNumber ? `Build #${__props.ciInfo.buildNumber}` : "View build"), 9, ["href"])) : (openBlock(), createBlock("span", { key: 1 }, "Build #" + toDisplayString(__props.ciInfo.buildNumber), 1))
+                                  ], 64)) : createCommentVNode("", true),
+                                  __props.ciInfo?.workflow || __props.ciInfo?.jobName ? (openBlock(), createBlock(Fragment, { key: 3 }, [
+                                    createVNode("span", { class: "text-dimmed" }, "·"),
+                                    createVNode("span", { class: "text-muted" }, [
+                                      __props.ciInfo?.workflow ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                                        createTextVNode(toDisplayString(__props.ciInfo.workflow), 1)
+                                      ], 64)) : createCommentVNode("", true),
+                                      __props.ciInfo?.workflow && __props.ciInfo?.jobName ? (openBlock(), createBlock(Fragment, { key: 1 }, [
+                                        createTextVNode(" · ")
+                                      ], 64)) : createCommentVNode("", true),
+                                      __props.ciInfo?.jobName ? (openBlock(), createBlock(Fragment, { key: 2 }, [
+                                        createTextVNode(toDisplayString(__props.ciInfo.jobName), 1)
+                                      ], 64)) : createCommentVNode("", true)
+                                    ])
+                                  ], 64)) : createCommentVNode("", true)
+                                ];
+                              }
+                            }),
+                            _: 1
+                          }, _parent4, _scopeId3));
+                        } else {
+                          _push4(`<!---->`);
+                        }
+                        if (__props.browser) {
+                          _push4(ssrRenderComponent(_component_MetaStripGroup, { label: "Browser" }, {
+                            default: withCtx((_4, _push5, _parent5, _scopeId4) => {
+                              if (_push5) {
+                                _push5(ssrRenderComponent(_component_BrowserBadge, {
+                                  browser: { ...__props.browser, viewport: void 0 },
+                                  size: "sm"
+                                }, null, _parent5, _scopeId4));
+                                if (__props.browser.viewport) {
+                                  _push5(`<span class="tabular-nums text-muted"${_scopeId4}>${ssrInterpolate(__props.browser.viewport.width)}×${ssrInterpolate(__props.browser.viewport.height)} `);
+                                  if (__props.browser.deviceScaleFactor && __props.browser.deviceScaleFactor !== 1) {
+                                    _push5(`<span class="text-dimmed"${_scopeId4}>@${ssrInterpolate(__props.browser.deviceScaleFactor)}x</span>`);
+                                  } else {
+                                    _push5(`<!---->`);
+                                  }
+                                  _push5(`</span>`);
+                                } else {
+                                  _push5(`<!---->`);
+                                }
+                              } else {
+                                return [
+                                  createVNode(_component_BrowserBadge, {
+                                    browser: { ...__props.browser, viewport: void 0 },
+                                    size: "sm"
+                                  }, null, 8, ["browser"]),
+                                  __props.browser.viewport ? (openBlock(), createBlock("span", {
+                                    key: 0,
+                                    class: "tabular-nums text-muted"
+                                  }, [
+                                    createTextVNode(toDisplayString(__props.browser.viewport.width) + "×" + toDisplayString(__props.browser.viewport.height) + " ", 1),
+                                    __props.browser.deviceScaleFactor && __props.browser.deviceScaleFactor !== 1 ? (openBlock(), createBlock("span", {
+                                      key: 0,
+                                      class: "text-dimmed"
+                                    }, "@" + toDisplayString(__props.browser.deviceScaleFactor) + "x", 1)) : createCommentVNode("", true)
+                                  ])) : createCommentVNode("", true)
+                                ];
+                              }
+                            }),
+                            _: 1
+                          }, _parent4, _scopeId3));
+                        } else {
+                          _push4(`<!---->`);
+                        }
+                        _push4(ssrRenderComponent(_component_MetaStripGroup, {
+                          label: "Links",
+                          icon: "i-lucide-link"
+                        }, {
+                          default: withCtx((_4, _push5, _parent5, _scopeId4) => {
+                            if (_push5) {
+                              if (__props.testCase?.id) {
+                                _push5(ssrRenderComponent(_component_EntityLinks, {
+                                  "entity-type": "test_case",
+                                  "entity-id": __props.testCase.id,
+                                  links: __props.stableLinks ?? null,
+                                  onUpdated: ($event) => _ctx.$emit("refresh")
+                                }, null, _parent5, _scopeId4));
+                              } else {
+                                _push5(`<!---->`);
+                              }
+                            } else {
+                              return [
+                                __props.testCase?.id ? (openBlock(), createBlock(_component_EntityLinks, {
+                                  key: 0,
+                                  "entity-type": "test_case",
+                                  "entity-id": __props.testCase.id,
+                                  links: __props.stableLinks ?? null,
+                                  onUpdated: ($event) => _ctx.$emit("refresh")
+                                }, null, 8, ["entity-id", "links", "onUpdated"])) : createCommentVNode("", true)
+                              ];
+                            }
+                          }),
+                          _: 1
+                        }, _parent4, _scopeId3));
+                      } else {
+                        return [
+                          __props.scmInfo ? (openBlock(), createBlock(_component_MetaStripGroup, {
+                            key: 0,
+                            label: "Source",
+                            icon: "i-lucide-git-branch"
+                          }, {
+                            default: withCtx(() => [
+                              __props.scmInfo.branch ? (openBlock(), createBlock("span", {
+                                key: 0,
+                                class: "font-medium"
+                              }, toDisplayString(__props.scmInfo.branch), 1)) : createCommentVNode("", true),
+                              __props.scmInfo.commit ? (openBlock(), createBlock("code", {
+                                key: 1,
+                                class: "text-xs font-mono bg-zinc-100 dark:bg-zinc-800 px-1 py-0.5 rounded",
+                                title: __props.scmInfo.commit
+                              }, toDisplayString(__props.scmInfo.commit.length >= 8 ? __props.scmInfo.commit.substring(0, 8) : __props.scmInfo.commit), 9, ["title"])) : createCommentVNode("", true),
+                              __props.scmInfo.author ? (openBlock(), createBlock("span", {
+                                key: 2,
+                                class: "text-muted"
+                              }, toDisplayString(__props.scmInfo.author), 1)) : createCommentVNode("", true),
+                              __props.scmInfo.commitMessage ? (openBlock(), createBlock("span", {
+                                key: 3,
+                                class: "text-xs text-dimmed truncate max-w-[40ch]",
+                                title: __props.scmInfo.commitMessage
+                              }, toDisplayString(__props.scmInfo.commitMessage), 9, ["title"])) : createCommentVNode("", true)
+                            ]),
+                            _: 1
+                          })) : createCommentVNode("", true),
+                          unref(showCiGroup) ? (openBlock(), createBlock(_component_MetaStripGroup, {
+                            key: 1,
+                            label: "CI & environment",
+                            icon: "i-lucide-cloud",
+                            help: "run.ci-env"
+                          }, {
+                            default: withCtx(() => [
+                              __props.environment ? (openBlock(), createBlock("span", {
+                                key: 0,
+                                class: "rounded-full border border-default px-2 py-0.5 text-xs bg-elevated/60"
+                              }, toDisplayString(__props.environment), 1)) : createCommentVNode("", true),
+                              __props.ciInfo?.provider ? (openBlock(), createBlock("span", { key: 1 }, toDisplayString(__props.ciInfo.provider), 1)) : createCommentVNode("", true),
+                              __props.ciInfo?.buildNumber || __props.ciInfo?.buildUrl ? (openBlock(), createBlock(Fragment, { key: 2 }, [
+                                createVNode("span", { class: "text-dimmed" }, "·"),
+                                __props.ciInfo?.buildUrl ? (openBlock(), createBlock("a", {
+                                  key: 0,
+                                  href: __props.ciInfo.buildUrl,
+                                  target: "_blank",
+                                  class: "text-primary hover:underline"
+                                }, toDisplayString(__props.ciInfo?.buildNumber ? `Build #${__props.ciInfo.buildNumber}` : "View build"), 9, ["href"])) : (openBlock(), createBlock("span", { key: 1 }, "Build #" + toDisplayString(__props.ciInfo.buildNumber), 1))
+                              ], 64)) : createCommentVNode("", true),
+                              __props.ciInfo?.workflow || __props.ciInfo?.jobName ? (openBlock(), createBlock(Fragment, { key: 3 }, [
+                                createVNode("span", { class: "text-dimmed" }, "·"),
+                                createVNode("span", { class: "text-muted" }, [
+                                  __props.ciInfo?.workflow ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                                    createTextVNode(toDisplayString(__props.ciInfo.workflow), 1)
+                                  ], 64)) : createCommentVNode("", true),
+                                  __props.ciInfo?.workflow && __props.ciInfo?.jobName ? (openBlock(), createBlock(Fragment, { key: 1 }, [
+                                    createTextVNode(" · ")
+                                  ], 64)) : createCommentVNode("", true),
+                                  __props.ciInfo?.jobName ? (openBlock(), createBlock(Fragment, { key: 2 }, [
+                                    createTextVNode(toDisplayString(__props.ciInfo.jobName), 1)
+                                  ], 64)) : createCommentVNode("", true)
+                                ])
+                              ], 64)) : createCommentVNode("", true)
+                            ]),
+                            _: 1
+                          })) : createCommentVNode("", true),
+                          __props.browser ? (openBlock(), createBlock(_component_MetaStripGroup, {
+                            key: 2,
+                            label: "Browser"
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(_component_BrowserBadge, {
+                                browser: { ...__props.browser, viewport: void 0 },
+                                size: "sm"
+                              }, null, 8, ["browser"]),
+                              __props.browser.viewport ? (openBlock(), createBlock("span", {
+                                key: 0,
+                                class: "tabular-nums text-muted"
+                              }, [
+                                createTextVNode(toDisplayString(__props.browser.viewport.width) + "×" + toDisplayString(__props.browser.viewport.height) + " ", 1),
+                                __props.browser.deviceScaleFactor && __props.browser.deviceScaleFactor !== 1 ? (openBlock(), createBlock("span", {
+                                  key: 0,
+                                  class: "text-dimmed"
+                                }, "@" + toDisplayString(__props.browser.deviceScaleFactor) + "x", 1)) : createCommentVNode("", true)
+                              ])) : createCommentVNode("", true)
+                            ]),
+                            _: 1
+                          })) : createCommentVNode("", true),
+                          createVNode(_component_MetaStripGroup, {
+                            label: "Links",
+                            icon: "i-lucide-link"
+                          }, {
+                            default: withCtx(() => [
+                              __props.testCase?.id ? (openBlock(), createBlock(_component_EntityLinks, {
+                                key: 0,
+                                "entity-type": "test_case",
+                                "entity-id": __props.testCase.id,
+                                links: __props.stableLinks ?? null,
+                                onUpdated: ($event) => _ctx.$emit("refresh")
+                              }, null, 8, ["entity-id", "links", "onUpdated"])) : createCommentVNode("", true)
+                            ]),
+                            _: 1
+                          })
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                } else {
+                  return [
+                    createVNode(_component_SummaryMetaStrip, null, {
+                      default: withCtx(() => [
+                        __props.scmInfo ? (openBlock(), createBlock(_component_MetaStripGroup, {
+                          key: 0,
+                          label: "Source",
+                          icon: "i-lucide-git-branch"
+                        }, {
+                          default: withCtx(() => [
+                            __props.scmInfo.branch ? (openBlock(), createBlock("span", {
+                              key: 0,
+                              class: "font-medium"
+                            }, toDisplayString(__props.scmInfo.branch), 1)) : createCommentVNode("", true),
+                            __props.scmInfo.commit ? (openBlock(), createBlock("code", {
+                              key: 1,
+                              class: "text-xs font-mono bg-zinc-100 dark:bg-zinc-800 px-1 py-0.5 rounded",
+                              title: __props.scmInfo.commit
+                            }, toDisplayString(__props.scmInfo.commit.length >= 8 ? __props.scmInfo.commit.substring(0, 8) : __props.scmInfo.commit), 9, ["title"])) : createCommentVNode("", true),
+                            __props.scmInfo.author ? (openBlock(), createBlock("span", {
+                              key: 2,
+                              class: "text-muted"
+                            }, toDisplayString(__props.scmInfo.author), 1)) : createCommentVNode("", true),
+                            __props.scmInfo.commitMessage ? (openBlock(), createBlock("span", {
+                              key: 3,
+                              class: "text-xs text-dimmed truncate max-w-[40ch]",
+                              title: __props.scmInfo.commitMessage
+                            }, toDisplayString(__props.scmInfo.commitMessage), 9, ["title"])) : createCommentVNode("", true)
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true),
+                        unref(showCiGroup) ? (openBlock(), createBlock(_component_MetaStripGroup, {
+                          key: 1,
+                          label: "CI & environment",
+                          icon: "i-lucide-cloud",
+                          help: "run.ci-env"
+                        }, {
+                          default: withCtx(() => [
+                            __props.environment ? (openBlock(), createBlock("span", {
+                              key: 0,
+                              class: "rounded-full border border-default px-2 py-0.5 text-xs bg-elevated/60"
+                            }, toDisplayString(__props.environment), 1)) : createCommentVNode("", true),
+                            __props.ciInfo?.provider ? (openBlock(), createBlock("span", { key: 1 }, toDisplayString(__props.ciInfo.provider), 1)) : createCommentVNode("", true),
+                            __props.ciInfo?.buildNumber || __props.ciInfo?.buildUrl ? (openBlock(), createBlock(Fragment, { key: 2 }, [
+                              createVNode("span", { class: "text-dimmed" }, "·"),
+                              __props.ciInfo?.buildUrl ? (openBlock(), createBlock("a", {
+                                key: 0,
+                                href: __props.ciInfo.buildUrl,
+                                target: "_blank",
+                                class: "text-primary hover:underline"
+                              }, toDisplayString(__props.ciInfo?.buildNumber ? `Build #${__props.ciInfo.buildNumber}` : "View build"), 9, ["href"])) : (openBlock(), createBlock("span", { key: 1 }, "Build #" + toDisplayString(__props.ciInfo.buildNumber), 1))
+                            ], 64)) : createCommentVNode("", true),
+                            __props.ciInfo?.workflow || __props.ciInfo?.jobName ? (openBlock(), createBlock(Fragment, { key: 3 }, [
+                              createVNode("span", { class: "text-dimmed" }, "·"),
+                              createVNode("span", { class: "text-muted" }, [
+                                __props.ciInfo?.workflow ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                                  createTextVNode(toDisplayString(__props.ciInfo.workflow), 1)
+                                ], 64)) : createCommentVNode("", true),
+                                __props.ciInfo?.workflow && __props.ciInfo?.jobName ? (openBlock(), createBlock(Fragment, { key: 1 }, [
+                                  createTextVNode(" · ")
+                                ], 64)) : createCommentVNode("", true),
+                                __props.ciInfo?.jobName ? (openBlock(), createBlock(Fragment, { key: 2 }, [
+                                  createTextVNode(toDisplayString(__props.ciInfo.jobName), 1)
+                                ], 64)) : createCommentVNode("", true)
+                              ])
+                            ], 64)) : createCommentVNode("", true)
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true),
+                        __props.browser ? (openBlock(), createBlock(_component_MetaStripGroup, {
+                          key: 2,
+                          label: "Browser"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_BrowserBadge, {
+                              browser: { ...__props.browser, viewport: void 0 },
+                              size: "sm"
+                            }, null, 8, ["browser"]),
+                            __props.browser.viewport ? (openBlock(), createBlock("span", {
+                              key: 0,
+                              class: "tabular-nums text-muted"
+                            }, [
+                              createTextVNode(toDisplayString(__props.browser.viewport.width) + "×" + toDisplayString(__props.browser.viewport.height) + " ", 1),
+                              __props.browser.deviceScaleFactor && __props.browser.deviceScaleFactor !== 1 ? (openBlock(), createBlock("span", {
+                                key: 0,
+                                class: "text-dimmed"
+                              }, "@" + toDisplayString(__props.browser.deviceScaleFactor) + "x", 1)) : createCommentVNode("", true)
+                            ])) : createCommentVNode("", true)
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true),
+                        createVNode(_component_MetaStripGroup, {
+                          label: "Links",
+                          icon: "i-lucide-link"
+                        }, {
+                          default: withCtx(() => [
+                            __props.testCase?.id ? (openBlock(), createBlock(_component_EntityLinks, {
+                              key: 0,
+                              "entity-type": "test_case",
+                              "entity-id": __props.testCase.id,
+                              links: __props.stableLinks ?? null,
+                              onUpdated: ($event) => _ctx.$emit("refresh")
+                            }, null, 8, ["entity-id", "links", "onUpdated"])) : createCommentVNode("", true)
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ];
+                }
+              }),
               default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                 if (_push3) {
-                  _push3(`<div class="space-y-3"${_scopeId2}><div class="flex items-start gap-3"${_scopeId2}>`);
-                  _push3(ssrRenderComponent(_component_StatusBlock, {
+                  _push3(`<div class="space-y-3"${_scopeId2}><div class="flex items-start gap-2.5 pr-8"${_scopeId2}>`);
+                  _push3(ssrRenderComponent(_component_StatusChip, {
                     status: __props.testCase?.status ?? "",
-                    size: "md"
+                    class: "mt-0.5"
                   }, null, _parent3, _scopeId2));
-                  _push3(`<div class="min-w-0 flex-1"${_scopeId2}><div class="flex items-center gap-2 flex-wrap"${_scopeId2}><h2 class="text-base font-bold truncate"${_scopeId2}>${ssrInterpolate(__props.testCase?.title)}</h2><!--[-->`);
+                  _push3(`<div class="min-w-0 flex-1"${_scopeId2}><div class="flex items-center gap-2 flex-wrap"${_scopeId2}><h2 class="text-base font-bold truncate max-w-full"${_scopeId2}>${ssrInterpolate(__props.testCase?.title)}</h2><!--[-->`);
                   ssrRenderList(unref(signalBadges), (badge) => {
                     _push3(ssrRenderComponent(_component_UBadge, {
                       key: badge.label,
@@ -298,15 +749,19 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                     tags: __props.testCase?.tags,
                     meta: __props.testCase?.testMeta
                   }, null, _parent3, _scopeId2));
-                  _push3(`</div><p class="text-xs text-gray-500 mt-0.5"${_scopeId2}>`);
+                  _push3(`</div><p class="text-xs text-gray-500 mt-0.5 flex items-center gap-x-2 gap-y-0.5 flex-wrap"${_scopeId2}>`);
                   if (__props.testCase?.location) {
-                    _push3(`<span${_scopeId2}>${ssrInterpolate(__props.testCase.location)}</span>`);
+                    _push3(ssrRenderComponent(_component_OpenInIdeLink, {
+                      location: __props.testCase.location,
+                      "project-key": __props.projectKey,
+                      "project-name": __props.projectName
+                    }, null, _parent3, _scopeId2));
                   } else {
                     _push3(`<!---->`);
                   }
                   _push3(ssrRenderComponent(_component_ClientOnly, null, {}, _parent3, _scopeId2));
                   if (__props.historicalTiming) {
-                    _push3(`<span class="ml-2"${_scopeId2}> Avg `);
+                    _push3(`<span${_scopeId2}> Avg `);
                     _push3(ssrRenderComponent(_component_DurationValue, {
                       ms: __props.historicalTiming.avg
                     }, null, _parent3, _scopeId2));
@@ -314,11 +769,65 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                   } else {
                     _push3(`<!---->`);
                   }
-                  _push3(`</p></div></div><div class="grid grid-cols-2 sm:grid-cols-4 gap-2"${_scopeId2}><div class="rounded-lg bg-gray-50 dark:bg-gray-900 p-3"${_scopeId2}><p class="text-xs font-medium text-gray-500 uppercase tracking-wider"${_scopeId2}>Duration</p><p class="text-xl font-bold mt-0.5"${_scopeId2}>`);
-                  _push3(ssrRenderComponent(_component_DurationValue, {
-                    ms: __props.testCase?.duration
-                  }, null, _parent3, _scopeId2));
-                  _push3(`</p></div><div class="rounded-lg bg-gray-50 dark:bg-gray-900 p-3"${_scopeId2}><p class="text-xs font-medium text-gray-500 uppercase tracking-wider"${_scopeId2}>Retries</p><p class="text-xl font-bold mt-0.5"${_scopeId2}>${ssrInterpolate(__props.testCase?.retries ?? 0)}</p></div><div class="rounded-lg bg-gray-50 dark:bg-gray-900 p-3"${_scopeId2}><p class="text-xs font-medium text-gray-500 uppercase tracking-wider"${_scopeId2}>Steps</p><p class="text-xl font-bold mt-0.5"${_scopeId2}>${ssrInterpolate(__props.stepsCount)}</p></div><div class="rounded-lg bg-gray-50 dark:bg-gray-900 p-3"${_scopeId2}><p class="text-xs font-medium text-gray-500 uppercase tracking-wider"${_scopeId2}>Worker</p><p class="text-xl font-bold mt-0.5"${_scopeId2}>${ssrInterpolate(__props.testCase?.workerIndex ?? "—")}</p></div></div>`);
+                  _push3(`</p></div></div>`);
+                  _push3(ssrRenderComponent(_component_StatTileGrid, null, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(ssrRenderComponent(_component_StatTile, { label: "Duration" }, {
+                          default: withCtx((_4, _push5, _parent5, _scopeId4) => {
+                            if (_push5) {
+                              _push5(ssrRenderComponent(_component_DurationValue, {
+                                ms: __props.testCase?.duration
+                              }, null, _parent5, _scopeId4));
+                            } else {
+                              return [
+                                createVNode(_component_DurationValue, {
+                                  ms: __props.testCase?.duration
+                                }, null, 8, ["ms"])
+                              ];
+                            }
+                          }),
+                          _: 1
+                        }, _parent4, _scopeId3));
+                        _push4(ssrRenderComponent(_component_StatTile, {
+                          label: "Retries",
+                          value: __props.testCase?.retries ?? 0
+                        }, null, _parent4, _scopeId3));
+                        _push4(ssrRenderComponent(_component_StatTile, {
+                          label: "Steps",
+                          value: __props.stepsCount
+                        }, null, _parent4, _scopeId3));
+                        _push4(ssrRenderComponent(_component_StatTile, {
+                          label: "Worker",
+                          value: __props.testCase?.workerIndex ?? "—"
+                        }, null, _parent4, _scopeId3));
+                      } else {
+                        return [
+                          createVNode(_component_StatTile, { label: "Duration" }, {
+                            default: withCtx(() => [
+                              createVNode(_component_DurationValue, {
+                                ms: __props.testCase?.duration
+                              }, null, 8, ["ms"])
+                            ]),
+                            _: 1
+                          }),
+                          createVNode(_component_StatTile, {
+                            label: "Retries",
+                            value: __props.testCase?.retries ?? 0
+                          }, null, 8, ["value"]),
+                          createVNode(_component_StatTile, {
+                            label: "Steps",
+                            value: __props.stepsCount
+                          }, null, 8, ["value"]),
+                          createVNode(_component_StatTile, {
+                            label: "Worker",
+                            value: __props.testCase?.workerIndex ?? "—"
+                          }, null, 8, ["value"])
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
                   if (__props.testCase?.slowestStep) {
                     _push3(`<div class="flex items-center gap-2 text-sm"${_scopeId2}>`);
                     _push3(ssrRenderComponent(_component_UIcon, {
@@ -359,14 +868,14 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                 } else {
                   return [
                     createVNode("div", { class: "space-y-3" }, [
-                      createVNode("div", { class: "flex items-start gap-3" }, [
-                        createVNode(_component_StatusBlock, {
+                      createVNode("div", { class: "flex items-start gap-2.5 pr-8" }, [
+                        createVNode(_component_StatusChip, {
                           status: __props.testCase?.status ?? "",
-                          size: "md"
+                          class: "mt-0.5"
                         }, null, 8, ["status"]),
                         createVNode("div", { class: "min-w-0 flex-1" }, [
                           createVNode("div", { class: "flex items-center gap-2 flex-wrap" }, [
-                            createVNode("h2", { class: "text-base font-bold truncate" }, toDisplayString(__props.testCase?.title), 1),
+                            createVNode("h2", { class: "text-base font-bold truncate max-w-full" }, toDisplayString(__props.testCase?.title), 1),
                             (openBlock(true), createBlock(Fragment, null, renderList(unref(signalBadges), (badge) => {
                               return openBlock(), createBlock(_component_UBadge, {
                                 key: badge.label,
@@ -401,22 +910,24 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                               meta: __props.testCase?.testMeta
                             }, null, 8, ["tags", "meta"])
                           ]),
-                          createVNode("p", { class: "text-xs text-gray-500 mt-0.5" }, [
-                            __props.testCase?.location ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(__props.testCase.location), 1)) : createCommentVNode("", true),
+                          createVNode("p", { class: "text-xs text-gray-500 mt-0.5 flex items-center gap-x-2 gap-y-0.5 flex-wrap" }, [
+                            __props.testCase?.location ? (openBlock(), createBlock(_component_OpenInIdeLink, {
+                              key: 0,
+                              location: __props.testCase.location,
+                              "project-key": __props.projectKey,
+                              "project-name": __props.projectName
+                            }, null, 8, ["location", "project-key", "project-name"])) : createCommentVNode("", true),
                             createVNode(_component_ClientOnly, null, {
                               default: withCtx(() => [
                                 unref(startedAtMs) ? (openBlock(), createBlock("span", {
                                   key: 0,
-                                  class: "ml-2 text-gray-400",
+                                  class: "text-gray-400",
                                   title: new Date(unref(startedAtMs)).toLocaleString()
                                 }, " started " + toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(unref(startedAtMs))), 9, ["title"])) : createCommentVNode("", true)
                               ]),
                               _: 2
                             }, 1024),
-                            __props.historicalTiming ? (openBlock(), createBlock("span", {
-                              key: 1,
-                              class: "ml-2"
-                            }, [
+                            __props.historicalTiming ? (openBlock(), createBlock("span", { key: 1 }, [
                               createTextVNode(" Avg "),
                               createVNode(_component_DurationValue, {
                                 ms: __props.historicalTiming.avg
@@ -429,28 +940,31 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                           ])
                         ])
                       ]),
-                      createVNode("div", { class: "grid grid-cols-2 sm:grid-cols-4 gap-2" }, [
-                        createVNode("div", { class: "rounded-lg bg-gray-50 dark:bg-gray-900 p-3" }, [
-                          createVNode("p", { class: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "Duration"),
-                          createVNode("p", { class: "text-xl font-bold mt-0.5" }, [
-                            createVNode(_component_DurationValue, {
-                              ms: __props.testCase?.duration
-                            }, null, 8, ["ms"])
-                          ])
-                        ]),
-                        createVNode("div", { class: "rounded-lg bg-gray-50 dark:bg-gray-900 p-3" }, [
-                          createVNode("p", { class: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "Retries"),
-                          createVNode("p", { class: "text-xl font-bold mt-0.5" }, toDisplayString(__props.testCase?.retries ?? 0), 1)
-                        ]),
-                        createVNode("div", { class: "rounded-lg bg-gray-50 dark:bg-gray-900 p-3" }, [
-                          createVNode("p", { class: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "Steps"),
-                          createVNode("p", { class: "text-xl font-bold mt-0.5" }, toDisplayString(__props.stepsCount), 1)
+                      createVNode(_component_StatTileGrid, null, {
+                        default: withCtx(() => [
+                          createVNode(_component_StatTile, { label: "Duration" }, {
+                            default: withCtx(() => [
+                              createVNode(_component_DurationValue, {
+                                ms: __props.testCase?.duration
+                              }, null, 8, ["ms"])
+                            ]),
+                            _: 1
+                          }),
+                          createVNode(_component_StatTile, {
+                            label: "Retries",
+                            value: __props.testCase?.retries ?? 0
+                          }, null, 8, ["value"]),
+                          createVNode(_component_StatTile, {
+                            label: "Steps",
+                            value: __props.stepsCount
+                          }, null, 8, ["value"]),
+                          createVNode(_component_StatTile, {
+                            label: "Worker",
+                            value: __props.testCase?.workerIndex ?? "—"
+                          }, null, 8, ["value"])
                         ]),
-                        createVNode("div", { class: "rounded-lg bg-gray-50 dark:bg-gray-900 p-3" }, [
-                          createVNode("p", { class: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "Worker"),
-                          createVNode("p", { class: "text-xl font-bold mt-0.5" }, toDisplayString(__props.testCase?.workerIndex ?? "—"), 1)
-                        ])
-                      ]),
+                        _: 1
+                      }),
                       __props.testCase?.slowestStep ? (openBlock(), createBlock("div", {
                         key: 0,
                         class: "flex items-center gap-2 text-sm"
@@ -494,221 +1008,261 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               _: 1
             }, _parent2, _scopeId));
             _push2(`</div>`);
-            if (__props.scmInfo) {
-              _push2(ssrRenderComponent(_component_SourceInfoCard, {
-                scm: __props.scmInfo,
-                class: unref(blockColSpanClass)
-              }, null, _parent2, _scopeId));
-            } else {
-              _push2(`<!---->`);
-            }
-            if (__props.ciInfo || __props.environment || __props.browser) {
-              _push2(ssrRenderComponent(_component_CiEnvCard, {
-                ci: __props.ciInfo,
-                environment: __props.environment,
-                browser: __props.browser,
-                class: unref(blockColSpanClass)
-              }, null, _parent2, _scopeId));
-            } else {
-              _push2(`<!---->`);
-            }
-            _push2(ssrRenderComponent(_component_BlockCard, {
-              class: unref(blockColSpanClass),
-              title: "Links",
-              icon: "i-lucide-link"
-            }, {
-              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-                if (_push3) {
-                  if (__props.testCase?.id) {
-                    _push3(ssrRenderComponent(_component_EntityLinks, {
-                      "entity-type": "test_case",
-                      "entity-id": __props.testCase.id,
-                      links: __props.stableLinks ?? null
-                    }, null, _parent3, _scopeId2));
-                  } else {
-                    _push3(`<!---->`);
-                  }
-                } else {
-                  return [
-                    __props.testCase?.id ? (openBlock(), createBlock(_component_EntityLinks, {
-                      key: 0,
-                      "entity-type": "test_case",
-                      "entity-id": __props.testCase.id,
-                      links: __props.stableLinks ?? null
-                    }, null, 8, ["entity-id", "links"])) : createCommentVNode("", true)
-                  ];
-                }
-              }),
-              _: 1
-            }, _parent2, _scopeId));
-            _push2(`</div>`);
           } else {
             return [
-              createVNode("div", { class: "grid grid-cols-1 lg:grid-cols-12 gap-4" }, [
-                createVNode("div", { class: unref(summaryColSpanClass) }, [
-                  createVNode(_component_UCard, { class: "shadow-xs h-full" }, {
-                    default: withCtx(() => [
-                      createVNode("div", { class: "space-y-3" }, [
-                        createVNode("div", { class: "flex items-start gap-3" }, [
-                          createVNode(_component_StatusBlock, {
-                            status: __props.testCase?.status ?? "",
-                            size: "md"
-                          }, null, 8, ["status"]),
-                          createVNode("div", { class: "min-w-0 flex-1" }, [
-                            createVNode("div", { class: "flex items-center gap-2 flex-wrap" }, [
-                              createVNode("h2", { class: "text-base font-bold truncate" }, toDisplayString(__props.testCase?.title), 1),
-                              (openBlock(true), createBlock(Fragment, null, renderList(unref(signalBadges), (badge) => {
-                                return openBlock(), createBlock(_component_UBadge, {
-                                  key: badge.label,
-                                  color: badge.color,
-                                  variant: "subtle",
-                                  size: "xs",
-                                  title: badge.title
-                                }, {
-                                  default: withCtx(() => [
-                                    createTextVNode(toDisplayString(badge.label), 1)
-                                  ]),
-                                  _: 2
-                                }, 1032, ["color", "title"]);
-                              }), 128)),
-                              (openBlock(true), createBlock(Fragment, null, renderList(unref(annotations), (ann, i) => {
-                                return openBlock(), createBlock(_component_UBadge, {
-                                  key: `ann-${i}`,
-                                  color: "neutral",
-                                  variant: "soft",
-                                  size: "xs",
-                                  class: "font-mono",
-                                  title: ann.description || ann.type
-                                }, {
-                                  default: withCtx(() => [
-                                    createTextVNode(" @" + toDisplayString(ann.type), 1)
-                                  ]),
-                                  _: 2
-                                }, 1032, ["title"]);
-                              }), 128)),
-                              createVNode(_component_TestMetaBadges, {
-                                tags: __props.testCase?.tags,
-                                meta: __props.testCase?.testMeta
-                              }, null, 8, ["tags", "meta"])
-                            ]),
-                            createVNode("p", { class: "text-xs text-gray-500 mt-0.5" }, [
-                              __props.testCase?.location ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(__props.testCase.location), 1)) : createCommentVNode("", true),
-                              createVNode(_component_ClientOnly, null, {
+              createVNode("div", { class: "@container" }, [
+                createVNode(_component_UCard, {
+                  class: "shadow-xs",
+                  ui: { footer: "px-4 py-2.5 sm:px-4 bg-muted/30" }
+                }, {
+                  footer: withCtx(() => [
+                    createVNode(_component_SummaryMetaStrip, null, {
+                      default: withCtx(() => [
+                        __props.scmInfo ? (openBlock(), createBlock(_component_MetaStripGroup, {
+                          key: 0,
+                          label: "Source",
+                          icon: "i-lucide-git-branch"
+                        }, {
+                          default: withCtx(() => [
+                            __props.scmInfo.branch ? (openBlock(), createBlock("span", {
+                              key: 0,
+                              class: "font-medium"
+                            }, toDisplayString(__props.scmInfo.branch), 1)) : createCommentVNode("", true),
+                            __props.scmInfo.commit ? (openBlock(), createBlock("code", {
+                              key: 1,
+                              class: "text-xs font-mono bg-zinc-100 dark:bg-zinc-800 px-1 py-0.5 rounded",
+                              title: __props.scmInfo.commit
+                            }, toDisplayString(__props.scmInfo.commit.length >= 8 ? __props.scmInfo.commit.substring(0, 8) : __props.scmInfo.commit), 9, ["title"])) : createCommentVNode("", true),
+                            __props.scmInfo.author ? (openBlock(), createBlock("span", {
+                              key: 2,
+                              class: "text-muted"
+                            }, toDisplayString(__props.scmInfo.author), 1)) : createCommentVNode("", true),
+                            __props.scmInfo.commitMessage ? (openBlock(), createBlock("span", {
+                              key: 3,
+                              class: "text-xs text-dimmed truncate max-w-[40ch]",
+                              title: __props.scmInfo.commitMessage
+                            }, toDisplayString(__props.scmInfo.commitMessage), 9, ["title"])) : createCommentVNode("", true)
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true),
+                        unref(showCiGroup) ? (openBlock(), createBlock(_component_MetaStripGroup, {
+                          key: 1,
+                          label: "CI & environment",
+                          icon: "i-lucide-cloud",
+                          help: "run.ci-env"
+                        }, {
+                          default: withCtx(() => [
+                            __props.environment ? (openBlock(), createBlock("span", {
+                              key: 0,
+                              class: "rounded-full border border-default px-2 py-0.5 text-xs bg-elevated/60"
+                            }, toDisplayString(__props.environment), 1)) : createCommentVNode("", true),
+                            __props.ciInfo?.provider ? (openBlock(), createBlock("span", { key: 1 }, toDisplayString(__props.ciInfo.provider), 1)) : createCommentVNode("", true),
+                            __props.ciInfo?.buildNumber || __props.ciInfo?.buildUrl ? (openBlock(), createBlock(Fragment, { key: 2 }, [
+                              createVNode("span", { class: "text-dimmed" }, "·"),
+                              __props.ciInfo?.buildUrl ? (openBlock(), createBlock("a", {
+                                key: 0,
+                                href: __props.ciInfo.buildUrl,
+                                target: "_blank",
+                                class: "text-primary hover:underline"
+                              }, toDisplayString(__props.ciInfo?.buildNumber ? `Build #${__props.ciInfo.buildNumber}` : "View build"), 9, ["href"])) : (openBlock(), createBlock("span", { key: 1 }, "Build #" + toDisplayString(__props.ciInfo.buildNumber), 1))
+                            ], 64)) : createCommentVNode("", true),
+                            __props.ciInfo?.workflow || __props.ciInfo?.jobName ? (openBlock(), createBlock(Fragment, { key: 3 }, [
+                              createVNode("span", { class: "text-dimmed" }, "·"),
+                              createVNode("span", { class: "text-muted" }, [
+                                __props.ciInfo?.workflow ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                                  createTextVNode(toDisplayString(__props.ciInfo.workflow), 1)
+                                ], 64)) : createCommentVNode("", true),
+                                __props.ciInfo?.workflow && __props.ciInfo?.jobName ? (openBlock(), createBlock(Fragment, { key: 1 }, [
+                                  createTextVNode(" · ")
+                                ], 64)) : createCommentVNode("", true),
+                                __props.ciInfo?.jobName ? (openBlock(), createBlock(Fragment, { key: 2 }, [
+                                  createTextVNode(toDisplayString(__props.ciInfo.jobName), 1)
+                                ], 64)) : createCommentVNode("", true)
+                              ])
+                            ], 64)) : createCommentVNode("", true)
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true),
+                        __props.browser ? (openBlock(), createBlock(_component_MetaStripGroup, {
+                          key: 2,
+                          label: "Browser"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_BrowserBadge, {
+                              browser: { ...__props.browser, viewport: void 0 },
+                              size: "sm"
+                            }, null, 8, ["browser"]),
+                            __props.browser.viewport ? (openBlock(), createBlock("span", {
+                              key: 0,
+                              class: "tabular-nums text-muted"
+                            }, [
+                              createTextVNode(toDisplayString(__props.browser.viewport.width) + "×" + toDisplayString(__props.browser.viewport.height) + " ", 1),
+                              __props.browser.deviceScaleFactor && __props.browser.deviceScaleFactor !== 1 ? (openBlock(), createBlock("span", {
+                                key: 0,
+                                class: "text-dimmed"
+                              }, "@" + toDisplayString(__props.browser.deviceScaleFactor) + "x", 1)) : createCommentVNode("", true)
+                            ])) : createCommentVNode("", true)
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true),
+                        createVNode(_component_MetaStripGroup, {
+                          label: "Links",
+                          icon: "i-lucide-link"
+                        }, {
+                          default: withCtx(() => [
+                            __props.testCase?.id ? (openBlock(), createBlock(_component_EntityLinks, {
+                              key: 0,
+                              "entity-type": "test_case",
+                              "entity-id": __props.testCase.id,
+                              links: __props.stableLinks ?? null,
+                              onUpdated: ($event) => _ctx.$emit("refresh")
+                            }, null, 8, ["entity-id", "links", "onUpdated"])) : createCommentVNode("", true)
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  default: withCtx(() => [
+                    createVNode("div", { class: "space-y-3" }, [
+                      createVNode("div", { class: "flex items-start gap-2.5 pr-8" }, [
+                        createVNode(_component_StatusChip, {
+                          status: __props.testCase?.status ?? "",
+                          class: "mt-0.5"
+                        }, null, 8, ["status"]),
+                        createVNode("div", { class: "min-w-0 flex-1" }, [
+                          createVNode("div", { class: "flex items-center gap-2 flex-wrap" }, [
+                            createVNode("h2", { class: "text-base font-bold truncate max-w-full" }, toDisplayString(__props.testCase?.title), 1),
+                            (openBlock(true), createBlock(Fragment, null, renderList(unref(signalBadges), (badge) => {
+                              return openBlock(), createBlock(_component_UBadge, {
+                                key: badge.label,
+                                color: badge.color,
+                                variant: "subtle",
+                                size: "xs",
+                                title: badge.title
+                              }, {
                                 default: withCtx(() => [
-                                  unref(startedAtMs) ? (openBlock(), createBlock("span", {
-                                    key: 0,
-                                    class: "ml-2 text-gray-400",
-                                    title: new Date(unref(startedAtMs)).toLocaleString()
-                                  }, " started " + toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(unref(startedAtMs))), 9, ["title"])) : createCommentVNode("", true)
+                                  createTextVNode(toDisplayString(badge.label), 1)
                                 ]),
                                 _: 2
-                              }, 1024),
-                              __props.historicalTiming ? (openBlock(), createBlock("span", {
-                                key: 1,
-                                class: "ml-2"
-                              }, [
-                                createTextVNode(" Avg "),
-                                createVNode(_component_DurationValue, {
-                                  ms: __props.historicalTiming.avg
-                                }, null, 8, ["ms"]),
-                                createTextVNode(" · "),
-                                createVNode("span", {
-                                  class: __props.historicalTiming.diff > 0 ? "text-red-600" : "text-green-600"
-                                }, toDisplayString(__props.historicalTiming.diff > 0 ? "+" : "") + toDisplayString(__props.historicalTiming.pct) + "% ", 3)
-                              ])) : createCommentVNode("", true)
-                            ])
+                              }, 1032, ["color", "title"]);
+                            }), 128)),
+                            (openBlock(true), createBlock(Fragment, null, renderList(unref(annotations), (ann, i) => {
+                              return openBlock(), createBlock(_component_UBadge, {
+                                key: `ann-${i}`,
+                                color: "neutral",
+                                variant: "soft",
+                                size: "xs",
+                                class: "font-mono",
+                                title: ann.description || ann.type
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(" @" + toDisplayString(ann.type), 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["title"]);
+                            }), 128)),
+                            createVNode(_component_TestMetaBadges, {
+                              tags: __props.testCase?.tags,
+                              meta: __props.testCase?.testMeta
+                            }, null, 8, ["tags", "meta"])
+                          ]),
+                          createVNode("p", { class: "text-xs text-gray-500 mt-0.5 flex items-center gap-x-2 gap-y-0.5 flex-wrap" }, [
+                            __props.testCase?.location ? (openBlock(), createBlock(_component_OpenInIdeLink, {
+                              key: 0,
+                              location: __props.testCase.location,
+                              "project-key": __props.projectKey,
+                              "project-name": __props.projectName
+                            }, null, 8, ["location", "project-key", "project-name"])) : createCommentVNode("", true),
+                            createVNode(_component_ClientOnly, null, {
+                              default: withCtx(() => [
+                                unref(startedAtMs) ? (openBlock(), createBlock("span", {
+                                  key: 0,
+                                  class: "text-gray-400",
+                                  title: new Date(unref(startedAtMs)).toLocaleString()
+                                }, " started " + toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(unref(startedAtMs))), 9, ["title"])) : createCommentVNode("", true)
+                              ]),
+                              _: 2
+                            }, 1024),
+                            __props.historicalTiming ? (openBlock(), createBlock("span", { key: 1 }, [
+                              createTextVNode(" Avg "),
+                              createVNode(_component_DurationValue, {
+                                ms: __props.historicalTiming.avg
+                              }, null, 8, ["ms"]),
+                              createTextVNode(" · "),
+                              createVNode("span", {
+                                class: __props.historicalTiming.diff > 0 ? "text-red-600" : "text-green-600"
+                              }, toDisplayString(__props.historicalTiming.diff > 0 ? "+" : "") + toDisplayString(__props.historicalTiming.pct) + "% ", 3)
+                            ])) : createCommentVNode("", true)
                           ])
-                        ]),
-                        createVNode("div", { class: "grid grid-cols-2 sm:grid-cols-4 gap-2" }, [
-                          createVNode("div", { class: "rounded-lg bg-gray-50 dark:bg-gray-900 p-3" }, [
-                            createVNode("p", { class: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "Duration"),
-                            createVNode("p", { class: "text-xl font-bold mt-0.5" }, [
+                        ])
+                      ]),
+                      createVNode(_component_StatTileGrid, null, {
+                        default: withCtx(() => [
+                          createVNode(_component_StatTile, { label: "Duration" }, {
+                            default: withCtx(() => [
                               createVNode(_component_DurationValue, {
                                 ms: __props.testCase?.duration
                               }, null, 8, ["ms"])
-                            ])
-                          ]),
-                          createVNode("div", { class: "rounded-lg bg-gray-50 dark:bg-gray-900 p-3" }, [
-                            createVNode("p", { class: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "Retries"),
-                            createVNode("p", { class: "text-xl font-bold mt-0.5" }, toDisplayString(__props.testCase?.retries ?? 0), 1)
-                          ]),
-                          createVNode("div", { class: "rounded-lg bg-gray-50 dark:bg-gray-900 p-3" }, [
-                            createVNode("p", { class: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "Steps"),
-                            createVNode("p", { class: "text-xl font-bold mt-0.5" }, toDisplayString(__props.stepsCount), 1)
-                          ]),
-                          createVNode("div", { class: "rounded-lg bg-gray-50 dark:bg-gray-900 p-3" }, [
-                            createVNode("p", { class: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "Worker"),
-                            createVNode("p", { class: "text-xl font-bold mt-0.5" }, toDisplayString(__props.testCase?.workerIndex ?? "—"), 1)
-                          ])
+                            ]),
+                            _: 1
+                          }),
+                          createVNode(_component_StatTile, {
+                            label: "Retries",
+                            value: __props.testCase?.retries ?? 0
+                          }, null, 8, ["value"]),
+                          createVNode(_component_StatTile, {
+                            label: "Steps",
+                            value: __props.stepsCount
+                          }, null, 8, ["value"]),
+                          createVNode(_component_StatTile, {
+                            label: "Worker",
+                            value: __props.testCase?.workerIndex ?? "—"
+                          }, null, 8, ["value"])
                         ]),
-                        __props.testCase?.slowestStep ? (openBlock(), createBlock("div", {
+                        _: 1
+                      }),
+                      __props.testCase?.slowestStep ? (openBlock(), createBlock("div", {
+                        key: 0,
+                        class: "flex items-center gap-2 text-sm"
+                      }, [
+                        createVNode(_component_UIcon, {
+                          name: "i-lucide-zap",
+                          class: "size-4 text-amber-500 shrink-0"
+                        }),
+                        createVNode("span", { class: "font-medium text-amber-700 dark:text-amber-300" }, "Slowest step:"),
+                        createVNode("span", { class: "text-gray-700 dark:text-gray-300 truncate" }, toDisplayString(__props.testCase.slowestStep), 1),
+                        __props.testCase.slowestStepDuration ? (openBlock(), createBlock("span", {
                           key: 0,
-                          class: "flex items-center gap-2 text-sm"
-                        }, [
-                          createVNode(_component_UIcon, {
-                            name: "i-lucide-zap",
-                            class: "size-4 text-amber-500 shrink-0"
-                          }),
-                          createVNode("span", { class: "font-medium text-amber-700 dark:text-amber-300" }, "Slowest step:"),
-                          createVNode("span", { class: "text-gray-700 dark:text-gray-300 truncate" }, toDisplayString(__props.testCase.slowestStep), 1),
-                          __props.testCase.slowestStepDuration ? (openBlock(), createBlock("span", {
-                            key: 0,
-                            class: "text-gray-500 shrink-0"
-                          }, [
-                            createTextVNode("("),
-                            createVNode(_component_DurationValue, {
-                              ms: __props.testCase.slowestStepDuration
-                            }, null, 8, ["ms"]),
-                            createTextVNode(")")
-                          ])) : createCommentVNode("", true)
-                        ])) : createCommentVNode("", true),
-                        (__props.testCase?.wastedTimeMs ?? 0) > 0 ? (openBlock(), createBlock("div", {
-                          key: 1,
-                          class: "flex items-center gap-1.5 text-sm"
+                          class: "text-gray-500 shrink-0"
                         }, [
-                          createVNode(_component_UIcon, {
-                            name: "i-lucide-hourglass",
-                            class: "size-4 text-amber-500 shrink-0"
-                          }),
-                          createVNode("span", { class: "font-medium text-amber-700 dark:text-amber-300" }, "Wasted in fixed waits:"),
+                          createTextVNode("("),
                           createVNode(_component_DurationValue, {
-                            ms: __props.testCase?.wastedTimeMs,
-                            class: "text-gray-700 dark:text-gray-300"
+                            ms: __props.testCase.slowestStepDuration
                           }, null, 8, ["ms"]),
-                          createVNode(_component_HelpHint, { topic: "case.wasted-time" })
+                          createTextVNode(")")
                         ])) : createCommentVNode("", true)
-                      ])
-                    ]),
-                    _: 2
-                  }, 1024)
-                ], 2),
-                __props.scmInfo ? (openBlock(), createBlock(_component_SourceInfoCard, {
-                  key: 0,
-                  scm: __props.scmInfo,
-                  class: unref(blockColSpanClass)
-                }, null, 8, ["scm", "class"])) : createCommentVNode("", true),
-                __props.ciInfo || __props.environment || __props.browser ? (openBlock(), createBlock(_component_CiEnvCard, {
-                  key: 1,
-                  ci: __props.ciInfo,
-                  environment: __props.environment,
-                  browser: __props.browser,
-                  class: unref(blockColSpanClass)
-                }, null, 8, ["ci", "environment", "browser", "class"])) : createCommentVNode("", true),
-                createVNode(_component_BlockCard, {
-                  class: unref(blockColSpanClass),
-                  title: "Links",
-                  icon: "i-lucide-link"
-                }, {
-                  default: withCtx(() => [
-                    __props.testCase?.id ? (openBlock(), createBlock(_component_EntityLinks, {
-                      key: 0,
-                      "entity-type": "test_case",
-                      "entity-id": __props.testCase.id,
-                      links: __props.stableLinks ?? null
-                    }, null, 8, ["entity-id", "links"])) : createCommentVNode("", true)
+                      ])) : createCommentVNode("", true),
+                      (__props.testCase?.wastedTimeMs ?? 0) > 0 ? (openBlock(), createBlock("div", {
+                        key: 1,
+                        class: "flex items-center gap-1.5 text-sm"
+                      }, [
+                        createVNode(_component_UIcon, {
+                          name: "i-lucide-hourglass",
+                          class: "size-4 text-amber-500 shrink-0"
+                        }),
+                        createVNode("span", { class: "font-medium text-amber-700 dark:text-amber-300" }, "Wasted in fixed waits:"),
+                        createVNode(_component_DurationValue, {
+                          ms: __props.testCase?.wastedTimeMs,
+                          class: "text-gray-700 dark:text-gray-300"
+                        }, null, 8, ["ms"]),
+                        createVNode(_component_HelpHint, { topic: "case.wasted-time" })
+                      ])) : createCommentVNode("", true)
+                    ])
                   ]),
-                  _: 1
-                }, 8, ["class"])
+                  _: 2
+                }, 1024)
               ])
             ];
           }
@@ -724,7 +1278,7 @@ _sfc_main$c.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/test-case/TestCaseSummary.vue");
   return _sfc_setup$c ? _sfc_setup$c(props, ctx) : void 0;
 };
-const __nuxt_component_9 = Object.assign(_sfc_main$c, { __name: "TestCaseSummary" });
+const __nuxt_component_10 = Object.assign(_sfc_main$c, { __name: "TestCaseSummary" });
 const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "TestCaseVerdictCard",
   __ssrInlineRender: true,
@@ -946,7 +1500,7 @@ _sfc_main$b.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/test-case/TestCaseVerdictCard.vue");
   return _sfc_setup$b ? _sfc_setup$b(props, ctx) : void 0;
 };
-const __nuxt_component_13 = Object.assign(_sfc_main$b, { __name: "TestCaseVerdictCard" });
+const __nuxt_component_14 = Object.assign(_sfc_main$b, { __name: "TestCaseVerdictCard" });
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "FailureClusterCard",
   __ssrInlineRender: true,
@@ -1290,7 +1844,7 @@ _sfc_main$a.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/test-case/FailureClusterCard.vue");
   return _sfc_setup$a ? _sfc_setup$a(props, ctx) : void 0;
 };
-const __nuxt_component_14 = Object.assign(_sfc_main$a, { __name: "FailureClusterCard" });
+const __nuxt_component_15 = Object.assign(_sfc_main$a, { __name: "FailureClusterCard" });
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "TestCaseAiCard",
   __ssrInlineRender: true,
@@ -1396,12 +1950,12 @@ ${text}` : text;
     );
     return (_ctx, _push, _parent, _attrs) => {
       const _component_SectionCard = __nuxt_component_11;
-      const _component_CopyAiPromptButton = __nuxt_component_1$4;
+      const _component_CopyAiPromptButton = __nuxt_component_1$3;
       const _component_UIcon = _sfc_main$p;
       const _component_DiagnosisCoverageStrip = __nuxt_component_3$3;
       const _component_UTextarea = _sfc_main$h;
       const _component_UButton = _sfc_main$k;
-      const _component_DiagnosisResult = __nuxt_component_6;
+      const _component_DiagnosisResult = __nuxt_component_6$1;
       const _component_HelpHint = __nuxt_component_2$1;
       const _component_DiagnosisContextModal = __nuxt_component_8$1;
       const _component_NuxtLink = __nuxt_component_12;
@@ -1794,7 +2348,7 @@ _sfc_main$9.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/test-case/TestCaseAiCard.vue");
   return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
 };
-const __nuxt_component_15 = Object.assign(_sfc_main$9, { __name: "TestCaseAiCard" });
+const __nuxt_component_16 = Object.assign(_sfc_main$9, { __name: "TestCaseAiCard" });
 function useTraceEndpoint(path, enabled, auto) {
   const data = ref(null);
   const pending = ref(false);
@@ -1868,14 +2422,14 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     const card = ref(null);
     __expose({ reveal: () => card.value?.reveal() });
     return (_ctx, _push, _parent, _attrs) => {
-      const _component_CollapsibleSectionCard = __nuxt_component_24;
+      const _component_CollapsibleSectionCard = __nuxt_component_25;
       const _component_UTabs = _sfc_main$g;
       const _component_UIcon = _sfc_main$p;
       const _component_TraceCallStack = __nuxt_component_3$4;
-      const _component_TestSourceStack = __nuxt_component_4$3;
-      const _component_MarkdownPreview = __nuxt_component_25;
-      const _component_LoadingState = __nuxt_component_1$3;
-      const _component_DocLink = __nuxt_component_9$2;
+      const _component_TestSourceStack = __nuxt_component_4$4;
+      const _component_MarkdownPreview = __nuxt_component_26;
+      const _component_LoadingState = __nuxt_component_12$1;
+      const _component_DocLink = __nuxt_component_9;
       _push(ssrRenderComponent(_component_CollapsibleSectionCard, mergeProps({
         ref_key: "card",
         ref: card,
@@ -2074,7 +2628,7 @@ _sfc_main$8.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/test-case/TestSourceCard.vue");
   return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
 };
-const __nuxt_component_16 = Object.assign(_sfc_main$8, { __name: "TestSourceCard" });
+const __nuxt_component_17 = Object.assign(_sfc_main$8, { __name: "TestSourceCard" });
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "TestCaseEvidenceCard",
   __ssrInlineRender: true,
@@ -2113,14 +2667,14 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     const card = ref(null);
     __expose({ reveal: () => card.value?.reveal?.() });
     return (_ctx, _push, _parent, _attrs) => {
-      const _component_CollapsibleSectionCard = __nuxt_component_24;
+      const _component_CollapsibleSectionCard = __nuxt_component_25;
       const _component_TestEvidenceScreenshots = __nuxt_component_1$1$1;
       const _component_TestEvidenceVideos = __nuxt_component_2$2;
       const _component_TestEvidenceTraces = __nuxt_component_3$1$1;
       const _component_TestEvidenceSection = __nuxt_component_4$1$1;
       const _component_UIcon = _sfc_main$p;
       const _component_UButton = _sfc_main$k;
-      const _component_EmptyState = __nuxt_component_9$1;
+      const _component_FeatureUnavailable = __nuxt_component_4$2;
       _push(ssrRenderComponent(_component_CollapsibleSectionCard, mergeProps({
         ref_key: "card",
         ref: card,
@@ -2220,9 +2774,11 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               _push2(`<!---->`);
             }
             if (unref(totalCount) === 0) {
-              _push2(ssrRenderComponent(_component_EmptyState, {
+              _push2(ssrRenderComponent(_component_FeatureUnavailable, {
                 icon: "i-lucide-camera-off",
-                text: "No screenshots, video or traces captured"
+                title: "No screenshots, video or traces captured",
+                text: "Evidence comes from Playwright's own capture settings — set trace, screenshot and video in your config (trace: 'retain-on-failure' is the usual starting point).",
+                doc: "reporter"
               }, null, _parent2, _scopeId));
             } else {
               _push2(`<!---->`);
@@ -2274,10 +2830,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                 }, 8, ["count"])) : createCommentVNode("", true),
-                unref(totalCount) === 0 ? (openBlock(), createBlock(_component_EmptyState, {
+                unref(totalCount) === 0 ? (openBlock(), createBlock(_component_FeatureUnavailable, {
                   key: 1,
                   icon: "i-lucide-camera-off",
-                  text: "No screenshots, video or traces captured"
+                  title: "No screenshots, video or traces captured",
+                  text: "Evidence comes from Playwright's own capture settings — set trace, screenshot and video in your config (trace: 'retain-on-failure' is the usual starting point).",
+                  doc: "reporter"
                 })) : createCommentVNode("", true)
               ])
             ];
@@ -2294,7 +2852,7 @@ _sfc_main$7.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/test-case/TestCaseEvidenceCard.vue");
   return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
 };
-const __nuxt_component_17 = Object.assign(_sfc_main$7, { __name: "TestCaseEvidenceCard" });
+const __nuxt_component_18 = Object.assign(_sfc_main$7, { __name: "TestCaseEvidenceCard" });
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "TestCaseConsoleCard",
   __ssrInlineRender: true,
@@ -2432,7 +2990,7 @@ _sfc_main$6.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/test-case/TestCaseConsoleCard.vue");
   return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
 };
-const __nuxt_component_21 = Object.assign(_sfc_main$6, { __name: "TestCaseConsoleCard" });
+const __nuxt_component_22 = Object.assign(_sfc_main$6, { __name: "TestCaseConsoleCard" });
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "TraceNetworkDrawer",
   __ssrInlineRender: true,
@@ -2500,7 +3058,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       const _component_UBadge = _sfc_main$7$1;
       const _component_DurationValue = __nuxt_component_14$1;
       const _component_CodeBlock = __nuxt_component_5;
-      const _component_LoadingState = __nuxt_component_1$3;
+      const _component_LoadingState = __nuxt_component_12$1;
       _push(ssrRenderComponent(_component_USlideover, mergeProps({
         open: __props.open,
         title: "Request detail",
@@ -3219,11 +3777,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       const _component_SectionCard = __nuxt_component_11;
       const _component_UIcon = _sfc_main$p;
       const _component_UTabs = _sfc_main$g;
-      const _component_LoadingState = __nuxt_component_1$3;
+      const _component_LoadingState = __nuxt_component_12$1;
       const _component_TraceNetworkList = __nuxt_component_4;
       const _component_UBadge = _sfc_main$7$1;
       const _component_DurationValue = __nuxt_component_14$1;
-      const _component_DocLink = __nuxt_component_9$2;
+      const _component_DocLink = __nuxt_component_9;
       _push(ssrRenderComponent(_component_SectionCard, mergeProps({
         icon: "i-lucide-network",
         title: "Network & backend logs",
@@ -3872,7 +4430,7 @@ _sfc_main$3.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/test-case/TestCaseNetworkRequests.vue");
   return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
 };
-const __nuxt_component_22 = Object.assign(_sfc_main$3, { __name: "TestCaseNetworkRequests" });
+const __nuxt_component_23 = Object.assign(_sfc_main$3, { __name: "TestCaseNetworkRequests" });
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "TestCaseTracesCard",
   __ssrInlineRender: true,
@@ -3929,7 +4487,7 @@ _sfc_main$2.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/test-case/TestCaseTracesCard.vue");
   return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
 };
-const __nuxt_component_33 = Object.assign(_sfc_main$2, { __name: "TestCaseTracesCard" });
+const __nuxt_component_34 = Object.assign(_sfc_main$2, { __name: "TestCaseTracesCard" });
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "TestCaseAttachmentsCard",
   __ssrInlineRender: true,
@@ -4004,7 +4562,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const _component_UIcon = _sfc_main$p;
       const _component_UButton = _sfc_main$k;
       const _component_VideoPlayer = __nuxt_component_3$2$1;
-      const _component_ScreenshotLightbox = __nuxt_component_4$2;
+      const _component_ScreenshotLightbox = __nuxt_component_4$2$1;
       if (__props.attachments.length > 0) {
         _push(ssrRenderComponent(_component_SectionCard, mergeProps({
           icon: "i-lucide-paperclip",
@@ -4191,7 +4749,7 @@ _sfc_main$1.setup = (props, ctx) => {
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/test-case/TestCaseAttachmentsCard.vue");
   return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
 };
-const __nuxt_component_34 = Object.assign(_sfc_main$1, { __name: "TestCaseAttachmentsCard" });
+const __nuxt_component_35 = Object.assign(_sfc_main$1, { __name: "TestCaseAttachmentsCard" });
 function getPerformanceHints(testCase) {
   const hints = [];
   if (!testCase) return hints;
@@ -4282,7 +4840,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const hasTrace = computed(() => (traceData.value?.length ?? 0) > 0);
     useHead(
       computed(() => ({
-        title: `${testCase.value?.title || `Test run case #${testCaseId}`} — Piwi Dashboard`
+        title: testCase.value?.title ? `${testCase.value.title} — execution — Piwi Dashboard` : `Execution #${testCaseId} — Piwi Dashboard`
       }))
     );
     const hasError = computed(() => Boolean(testCase.value?.error));
@@ -4455,16 +5013,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return duration > 2e3 ? "bg-red-500" : duration > 500 ? "bg-orange-400" : "bg-gray-400 dark:bg-gray-500";
     }
     const environment = computed(() => testCase.value?.testRun?.environment);
-    const retryCommand = computed(
-      () => buildRetryCommand([
-        {
-          filePath: testCase.value?.filePath ?? "",
-          title: testCase.value?.title ?? "",
-          line: testCase.value?.line ?? null,
-          projectName: testCase.value?.browser?.projectName ?? null
-        }
-      ])
-    );
+    const retryCases = computed(() => [
+      {
+        filePath: testCase.value?.filePath ?? "",
+        title: testCase.value?.title ?? "",
+        line: testCase.value?.line ?? null,
+        projectName: testCase.value?.browser?.projectName ?? null
+      }
+    ]);
+    const retryCommand = computed(() => buildRetryCommand(retryCases.value));
     const { copy: copyRetry, copied: retryCopied } = useCopy();
     const navbarActions = computed(() => [
       {
@@ -4566,39 +5123,40 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_BreadcrumbNav = __nuxt_component_3$2;
       const _component_NuxtLink = __nuxt_component_12;
       const _component_UIcon = _sfc_main$p;
-      const _component_ExportMenu = __nuxt_component_6$1;
-      const _component_NavbarActions = __nuxt_component_4$1;
+      const _component_ExportMenu = __nuxt_component_6;
+      const _component_DesktopRunLocallyButton = __nuxt_component_14$2;
+      const _component_NavbarActions = __nuxt_component_4$3;
       const _component_DetailPageLayout = __nuxt_component_8;
-      const _component_TestCaseSummary = __nuxt_component_9;
+      const _component_TestCaseSummary = __nuxt_component_10;
       const _component_SectionCard = __nuxt_component_11;
       const _component_UTooltip = _sfc_main$e;
       const _component_UButton = _sfc_main$k;
-      const _component_TestCaseVerdictCard = __nuxt_component_13;
-      const _component_FailureClusterCard = __nuxt_component_14;
-      const _component_TestCaseAiCard = __nuxt_component_15;
-      const _component_TestSourceCard = __nuxt_component_16;
-      const _component_TestCaseEvidenceCard = __nuxt_component_17;
-      const _component_LocatorHealingPanel = __nuxt_component_18;
-      const _component_EnvironmentDiffCard = __nuxt_component_19;
-      const _component_VisualDiffCard = __nuxt_component_20;
-      const _component_TestCaseConsoleCard = __nuxt_component_21;
-      const _component_TestCaseNetworkRequests = __nuxt_component_22;
-      const _component_PageStateCard = __nuxt_component_23;
-      const _component_CollapsibleSectionCard = __nuxt_component_24;
-      const _component_MarkdownPreview = __nuxt_component_25;
-      const _component_DomSnapshotCard = __nuxt_component_26;
+      const _component_TestCaseVerdictCard = __nuxt_component_14;
+      const _component_FailureClusterCard = __nuxt_component_15;
+      const _component_TestCaseAiCard = __nuxt_component_16;
+      const _component_TestSourceCard = __nuxt_component_17;
+      const _component_TestCaseEvidenceCard = __nuxt_component_18;
+      const _component_LocatorHealingPanel = __nuxt_component_19;
+      const _component_EnvironmentDiffCard = __nuxt_component_20;
+      const _component_VisualDiffCard = __nuxt_component_21;
+      const _component_TestCaseConsoleCard = __nuxt_component_22;
+      const _component_TestCaseNetworkRequests = __nuxt_component_23;
+      const _component_PageStateCard = __nuxt_component_24;
+      const _component_CollapsibleSectionCard = __nuxt_component_25;
+      const _component_MarkdownPreview = __nuxt_component_26;
+      const _component_DomSnapshotCard = __nuxt_component_27;
       const _component_UBadge = _sfc_main$7$1;
       const _component_DurationValue = __nuxt_component_14$1;
       const _component_TableScroller = __nuxt_component_3$1;
       const _component_UTable = _sfc_main$d;
       const _component_OpenInIdeLink = __nuxt_component_1$1;
-      const _component_EmptyState = __nuxt_component_9$1;
-      const _component_TestCaseTracesCard = __nuxt_component_33;
-      const _component_TestCaseAttachmentsCard = __nuxt_component_34;
+      const _component_EmptyState = __nuxt_component_4$1;
+      const _component_TestCaseTracesCard = __nuxt_component_34;
+      const _component_TestCaseAttachmentsCard = __nuxt_component_35;
       const _component_StatTileGrid = __nuxt_component_1;
       const _component_StatTile = __nuxt_component_2;
-      const _component_DocLink = __nuxt_component_9$2;
-      const _component_TestCaseHistoryChart = __nuxt_component_38;
+      const _component_FeatureUnavailable = __nuxt_component_4$2;
+      const _component_TestCaseHistoryChart = __nuxt_component_39;
       _push(ssrRenderComponent(_component_UDashboardPanel, mergeProps({ id: "test-run-case-detail" }, _attrs), {
         header: withCtx((_, _push2, _parent2, _scopeId) => {
           if (_push2) {
@@ -4622,7 +5180,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           to: `/test-runs/${unref(testCase).testRun.id}`
                         }
                       ] : [{ label: "Test run" }],
-                      { label: unref(testCase)?.title || `Test run case #${unref(testCaseId)}` }
+                      { label: unref(testCase)?.title || `Execution #${unref(testCaseId)}` }
                     ]
                   }, null, _parent3, _scopeId2));
                 } else {
@@ -4644,7 +5202,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             to: `/test-runs/${unref(testCase).testRun.id}`
                           }
                         ] : [{ label: "Test run" }],
-                        { label: unref(testCase)?.title || `Test run case #${unref(testCaseId)}` }
+                        { label: unref(testCase)?.title || `Execution #${unref(testCaseId)}` }
                       ]
                     }, null, 8, ["items"])
                   ];
@@ -4689,6 +5247,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   } else {
                     _push3(`<!---->`);
                   }
+                  _push3(ssrRenderComponent(_component_DesktopRunLocallyButton, {
+                    "project-id": unref(testCase)?.testRun?.project?.id,
+                    "project-label": unref(testCase)?.testRun?.project?.label ?? unref(testCase)?.testRun?.project?.name,
+                    cases: unref(retryCases),
+                    class: "mr-2"
+                  }, null, _parent3, _scopeId2));
                   _push3(ssrRenderComponent(_component_NavbarActions, { actions: unref(navbarActions) }, null, _parent3, _scopeId2));
                 } else {
                   return [
@@ -4713,6 +5277,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "base-name": `piwi-execution-${unref(testCase).id}`,
                       class: "mr-2"
                     }, null, 8, ["endpoint", "base-name"])) : createCommentVNode("", true),
+                    createVNode(_component_DesktopRunLocallyButton, {
+                      "project-id": unref(testCase)?.testRun?.project?.id,
+                      "project-label": unref(testCase)?.testRun?.project?.label ?? unref(testCase)?.testRun?.project?.name,
+                      cases: unref(retryCases),
+                      class: "mr-2"
+                    }, null, 8, ["project-id", "project-label", "cases"]),
                     createVNode(_component_NavbarActions, { actions: unref(navbarActions) }, null, 8, ["actions"])
                   ];
                 }
@@ -4740,7 +5310,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           to: `/test-runs/${unref(testCase).testRun.id}`
                         }
                       ] : [{ label: "Test run" }],
-                      { label: unref(testCase)?.title || `Test run case #${unref(testCaseId)}` }
+                      { label: unref(testCase)?.title || `Execution #${unref(testCaseId)}` }
                     ]
                   }, null, 8, ["items"])
                 ]),
@@ -4766,6 +5336,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     "base-name": `piwi-execution-${unref(testCase).id}`,
                     class: "mr-2"
                   }, null, 8, ["endpoint", "base-name"])) : createCommentVNode("", true),
+                  createVNode(_component_DesktopRunLocallyButton, {
+                    "project-id": unref(testCase)?.testRun?.project?.id,
+                    "project-label": unref(testCase)?.testRun?.project?.label ?? unref(testCase)?.testRun?.project?.name,
+                    cases: unref(retryCases),
+                    class: "mr-2"
+                  }, null, 8, ["project-id", "project-label", "cases"]),
                   createVNode(_component_NavbarActions, { actions: unref(navbarActions) }, null, 8, ["actions"])
                 ]),
                 _: 1
@@ -4791,6 +5367,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     "steps-count": unref(steps).length,
                     "historical-timing": unref(historicalTiming),
                     "stable-links": unref(testCase)?.stableLinks ?? null,
+                    "project-key": unref(testCase)?.testRun?.project?.id,
+                    "project-name": unref(testCase)?.testRun?.project?.name,
                     onRefresh: ($event) => unref(refresh)()
                   }, null, _parent3, _scopeId2));
                 } else {
@@ -4804,8 +5382,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "steps-count": unref(steps).length,
                       "historical-timing": unref(historicalTiming),
                       "stable-links": unref(testCase)?.stableLinks ?? null,
+                      "project-key": unref(testCase)?.testRun?.project?.id,
+                      "project-name": unref(testCase)?.testRun?.project?.name,
                       onRefresh: ($event) => unref(refresh)()
-                    }, null, 8, ["test-case", "scm-info", "ci-info", "browser", "environment", "steps-count", "historical-timing", "stable-links", "onRefresh"])
+                    }, null, 8, ["test-case", "scm-info", "ci-info", "browser", "environment", "steps-count", "historical-timing", "stable-links", "project-key", "project-name", "onRefresh"])
                   ];
                 }
               }),
@@ -6273,43 +6853,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     _push3(`<!---->`);
                   }
                   if (unref(performanceHints).length === 0 && !unref(webVitals)) {
-                    _push3(ssrRenderComponent(_component_EmptyState, {
+                    _push3(ssrRenderComponent(_component_FeatureUnavailable, {
                       icon: "i-lucide-gauge",
-                      text: "No performance hints or Web Vitals were captured for this execution."
-                    }, {
-                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
-                        if (_push4) {
-                          _push4(`<p class="text-xs text-gray-400"${_scopeId3}> Web Vitals and timing come from the `);
-                          _push4(ssrRenderComponent(_component_DocLink, { to: "capture-fixtures" }, {
-                            default: withCtx((_4, _push5, _parent5, _scopeId4) => {
-                              if (_push5) {
-                                _push5(`capture fixtures`);
-                              } else {
-                                return [
-                                  createTextVNode("capture fixtures")
-                                ];
-                              }
-                            }),
-                            _: 1
-                          }, _parent4, _scopeId3));
-                          _push4(`. </p>`);
-                        } else {
-                          return [
-                            createVNode("p", { class: "text-xs text-gray-400" }, [
-                              createTextVNode(" Web Vitals and timing come from the "),
-                              createVNode(_component_DocLink, { to: "capture-fixtures" }, {
-                                default: withCtx(() => [
-                                  createTextVNode("capture fixtures")
-                                ]),
-                                _: 1
-                              }),
-                              createTextVNode(". ")
-                            ])
-                          ];
-                        }
-                      }),
-                      _: 1
-                    }, _parent3, _scopeId2));
+                      title: "No performance hints or Web Vitals for this execution",
+                      text: "Web Vitals and step timing come from the Piwi capture fixtures — extend your Playwright test with piwiFixtures to collect them.",
+                      doc: "capture-fixtures"
+                    }, null, _parent3, _scopeId2));
                   } else {
                     _push3(`<!---->`);
                   }
@@ -6494,24 +7043,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         ]),
                         _: 1
                       })) : createCommentVNode("", true),
-                      unref(performanceHints).length === 0 && !unref(webVitals) ? (openBlock(), createBlock(_component_EmptyState, {
+                      unref(performanceHints).length === 0 && !unref(webVitals) ? (openBlock(), createBlock(_component_FeatureUnavailable, {
                         key: 2,
                         icon: "i-lucide-gauge",
-                        text: "No performance hints or Web Vitals were captured for this execution."
-                      }, {
-                        default: withCtx(() => [
-                          createVNode("p", { class: "text-xs text-gray-400" }, [
-                            createTextVNode(" Web Vitals and timing come from the "),
-                            createVNode(_component_DocLink, { to: "capture-fixtures" }, {
-                              default: withCtx(() => [
-                                createTextVNode("capture fixtures")
-                              ]),
-                              _: 1
-                            }),
-                            createTextVNode(". ")
-                          ])
-                        ]),
-                        _: 1
+                        title: "No performance hints or Web Vitals for this execution",
+                        text: "Web Vitals and step timing come from the Piwi capture fixtures — extend your Playwright test with piwiFixtures to collect them.",
+                        doc: "capture-fixtures"
                       })) : createCommentVNode("", true)
                     ])
                   ];
@@ -6915,8 +7452,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     "steps-count": unref(steps).length,
                     "historical-timing": unref(historicalTiming),
                     "stable-links": unref(testCase)?.stableLinks ?? null,
+                    "project-key": unref(testCase)?.testRun?.project?.id,
+                    "project-name": unref(testCase)?.testRun?.project?.name,
                     onRefresh: ($event) => unref(refresh)()
-                  }, null, 8, ["test-case", "scm-info", "ci-info", "browser", "environment", "steps-count", "historical-timing", "stable-links", "onRefresh"])
+                  }, null, 8, ["test-case", "scm-info", "ci-info", "browser", "environment", "steps-count", "historical-timing", "stable-links", "project-key", "project-name", "onRefresh"])
                 ]),
                 "tab-diagnosis": withCtx(() => [
                   createVNode("div", { class: "space-y-4" }, [
@@ -7436,24 +7975,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     })) : createCommentVNode("", true),
-                    unref(performanceHints).length === 0 && !unref(webVitals) ? (openBlock(), createBlock(_component_EmptyState, {
+                    unref(performanceHints).length === 0 && !unref(webVitals) ? (openBlock(), createBlock(_component_FeatureUnavailable, {
                       key: 2,
                       icon: "i-lucide-gauge",
-                      text: "No performance hints or Web Vitals were captured for this execution."
-                    }, {
-                      default: withCtx(() => [
-                        createVNode("p", { class: "text-xs text-gray-400" }, [
-                          createTextVNode(" Web Vitals and timing come from the "),
-                          createVNode(_component_DocLink, { to: "capture-fixtures" }, {
-                            default: withCtx(() => [
-                              createTextVNode("capture fixtures")
-                            ]),
-                            _: 1
-                          }),
-                          createTextVNode(". ")
-                        ])
-                      ]),
-                      _: 1
+                      title: "No performance hints or Web Vitals for this execution",
+                      text: "Web Vitals and step timing come from the Piwi capture fixtures — extend your Playwright test with piwiFixtures to collect them.",
+                      doc: "capture-fixtures"
                     })) : createCommentVNode("", true)
                   ])
                 ]),
@@ -7584,4 +8111,4 @@ _sfc_main.setup = (props, ctx) => {
 };
 
 export { _sfc_main as default };
-//# sourceMappingURL=_id_-B78ky13D.mjs.map
+//# sourceMappingURL=_id_-DMkgWSLZ.mjs.map