@piwitests/server 0.20.0 → 0.21.0

package/.output/server/chunks/build/{_id_-BxA6IgWr.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_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$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$1, 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-RJKhWoyj.mjs';
-import { _ as __nuxt_component_8, a as __nuxt_component_13, b as __nuxt_component_1$5, c as __nuxt_component_15$1, d as __nuxt_component_14$2, e as __nuxt_component_16$1 } from './CiEnvCard-DB5DvBh1.mjs';
-import { _ as __nuxt_component_4$2 } from './NavbarActions-_YjrSUat.mjs';
-import { c as clusterSectionLocatorKey, a as __nuxt_component_26, 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-CxjMmDDY.mjs';
-import { _ as __nuxt_component_14$1 } from './DurationValue-D20oGbnc.mjs';
-import { _ as __nuxt_component_3$5 } from './BrowserBadge-MFvBwxmD.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, _ as __nuxt_component_2$1 } from './HelpHint-DrcIv-Oj.mjs';
-import { _ as __nuxt_component_18$1 } from './EntityLinks-BBHWssHH.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 __nuxt_component_11 } from './SectionCard-BW5Lynrr.mjs';
 import { _ as _sfc_main$e } from './Tooltip-Dv4htNP6.mjs';
-import { _ as _sfc_main$h } from './Textarea-Dv2-lOvW.mjs';
-import { dF as condenseErrorText, dG as hasSlowMark, dC as extractCitedSectionIds, aa as formatBytes } from '../nitro/nitro.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_1$3 } from './LoadingState-C3pBSuOO.mjs';
-import { _ as __nuxt_component_4$1 } from './EmptyState-DC2q_7TD.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-BgE-NSmE.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-CQWKKChd.mjs';
-import { _ as __nuxt_component_1, a as __nuxt_component_2 } from './StatTile-D61Vzo6e.mjs';
-import { _ as __nuxt_component_39 } from './TestCaseHistoryChart-CSi64vVA.mjs';
-import { b as buildRetryCommand } from './useOpenInIde-BbTnPhFA.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,17 @@ import 'consola';
 import 'node:url';
 import '@iconify/utils';
 import './Separator-CR4WcEKD.mjs';
-import './useDesktopDownload-BepjqxOt.mjs';
+import './useDesktopDownload-BmR6ouz2.mjs';
 import './useIsDesktop-BS13spVj.mjs';
 import './useTauri-Kf3HE_42.mjs';
 import './Alert-C4xq8lao.mjs';
 import './Modal-pSDlXzT3.mjs';
-import './FormField-B0HKsdMd.mjs';
+import './FormField-e7OnSKPM.mjs';
 import './Label-DYDR1Oeh.mjs';
-import './Select-5DK9frQ7.mjs';
+import './Select-CVctwpib.mjs';
 import './useFormControl-CZ9So7iX.mjs';
 import './handleAndDispatchCustomEvent-Bk_AVSSo.mjs';
-import './Switch-B5Fp8ULt.mjs';
+import './Switch-8zWfwI5B.mjs';
 import './useForwardScopeId-D0ameaSU.mjs';
 import './VisuallyHiddenInput-BHvzNumK.mjs';
 import './help-content-C876a9WD.mjs';
@@ -126,7 +129,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     environment: {},
     stepsCount: {},
     historicalTiming: {},
-    stableLinks: {}
+    stableLinks: {},
+    projectKey: {},
+    projectName: {}
   },
   emits: ["refresh"],
   setup(__props) {
@@ -150,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_15$1;
-      const _component_CiEnvCard = __nuxt_component_14$2;
-      const _component_BlockCard = __nuxt_component_16$1;
-      const _component_EntityLinks = __nuxt_component_18$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));
@@ -202,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"]),
@@ -246,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,
@@ -303,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));
@@ -319,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, {
@@ -364,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,
@@ -406,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
@@ -434,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"
@@ -499,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)
               ])
             ];
           }
@@ -1401,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;
@@ -1877,9 +2426,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       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_TestSourceStack = __nuxt_component_4$4;
       const _component_MarkdownPreview = __nuxt_component_26;
-      const _component_LoadingState = __nuxt_component_1$3;
+      const _component_LoadingState = __nuxt_component_12$1;
       const _component_DocLink = __nuxt_component_9;
       _push(ssrRenderComponent(_component_CollapsibleSectionCard, mergeProps({
         ref_key: "card",
@@ -2125,7 +2674,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       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_4$1;
+      const _component_FeatureUnavailable = __nuxt_component_4$2;
       _push(ssrRenderComponent(_component_CollapsibleSectionCard, mergeProps({
         ref_key: "card",
         ref: card,
@@ -2225,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(`<!---->`);
@@ -2279,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)
               ])
             ];
@@ -2505,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",
@@ -3224,7 +3777,7 @@ 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;
@@ -4287,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));
@@ -4570,9 +5123,9 @@ 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_DesktopRunLocallyButton = __nuxt_component_13;
-      const _component_NavbarActions = __nuxt_component_4$2;
+      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_10;
       const _component_SectionCard = __nuxt_component_11;
@@ -4602,7 +5155,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_TestCaseAttachmentsCard = __nuxt_component_35;
       const _component_StatTileGrid = __nuxt_component_1;
       const _component_StatTile = __nuxt_component_2;
-      const _component_DocLink = __nuxt_component_9;
+      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) => {
@@ -4627,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 {
@@ -4649,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"])
                   ];
@@ -4757,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"])
                 ]),
@@ -4814,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 {
@@ -4827,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"])
                   ];
                 }
               }),
@@ -6296,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(`<!---->`);
                   }
@@ -6517,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)
                     ])
                   ];
@@ -6938,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" }, [
@@ -7459,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)
                   ])
                 ]),
@@ -7607,4 +8111,4 @@ _sfc_main.setup = (props, ctx) => {
 };
 
 export { _sfc_main as default };
-//# sourceMappingURL=_id_-BxA6IgWr.mjs.map
+//# sourceMappingURL=_id_-DMkgWSLZ.mjs.map