@piwitests/server 0.25.0 → 0.26.0

package/.output/server/chunks/build/_id_-rQhFY0fN.mjs

@@ -0,0 +1,4161 @@
+import { _ as _sfc_main$1$1, a as _sfc_main$b } from './DashboardNavbar-C3PsNVJt.mjs';
+import { _ as _sfc_main$1$2 } from './Breadcrumb-DtV_L8Gt.mjs';
+import { _ as __nuxt_component_3 } from './BreadcrumbNav-DBnGj5Jq.mjs';
+import { u as useCopyRich, s as stripAnsi, _ as __nuxt_component_27, a as __nuxt_component_21$1, b as __nuxt_component_22, c as __nuxt_component_23, d as __nuxt_component_29, e as __nuxt_component_6$1, f as __nuxt_component_7$1, i as isImageFile, g as isVideoFile, h as __nuxt_component_1$1$1, j as __nuxt_component_2$1, k as __nuxt_component_3$1, l as __nuxt_component_4$1, m as __nuxt_component_3$2, n as __nuxt_component_4, o as __nuxt_component_26, p as __nuxt_component_1$2 } from './useCopyRich-DPKZKHvZ.mjs';
+import { _ as _sfc_main$a } from './Tooltip-CK0ucuXC.mjs';
+import { u as useRoute, o as useHead, m as _sfc_main$7$1, l as _sfc_main$k, k as _sfc_main$p, v as __nuxt_component_12, j as useToast, s as _sfc_main$8$1, _ as _sfc_main$d$1 } from './server.mjs';
+import { c as clusterSectionLocatorKey, _ as __nuxt_component_0$1, a as __nuxt_component_28 } from './DiagnosisResult-GAjo6Lt3.mjs';
+import { _ as __nuxt_component_11 } from './SectionCard-BB1O3uXd.mjs';
+import { _ as __nuxt_component_2 } from './HelpHint-C96TlqxY.mjs';
+import { _ as __nuxt_component_13 } from './RunStatusBadge-CWhmAmKb.mjs';
+import { _ as _sfc_main$c } from './Textarea-CmjqdiIA.mjs';
+import { g as renderAnsi, c as copyPreview, h as fixVerificationBadge, i as clusterErrorTypeColor, a as formatRelativeTime, j as formatLongDuration, k as clusterStatusColor, e as errorMessage, l as filterCommits, m as scmFileStatusMeta } from './index-2GmuPNF-.mjs';
+import { defineComponent, withAsyncContext, computed, ref, watch, provide, withCtx, unref, createVNode, toDisplayString, createTextVNode, openBlock, createBlock, createCommentVNode, mergeProps, Fragment, renderList, isRef, withModifiers, useModel, mergeModels, nextTick, reactive, useSSRContext } from 'vue';
+import { ssrRenderComponent, ssrInterpolate, ssrRenderClass, ssrRenderList, ssrRenderAttrs, ssrRenderAttr, ssrIncludeBooleanAttr } from 'vue/server-renderer';
+import { _ as __nuxt_component_1$1 } from './OpenInIdeLink-Bnl-_som.mjs';
+import { _ as __nuxt_component_14 } from './DesktopRunLocallyButton-BfmbZpiL.mjs';
+import { _ as _sfc_main$d } from './Tabs-CC34LIUz.mjs';
+import { _ as _sfc_main$f } from './SelectMenu-BUwwc3Qt.mjs';
+import { _ as _sfc_main$e } from './Modal-BGBGJtVH.mjs';
+import { _ as __nuxt_component_13$1 } from './LoadingState-CxfFwac9.mjs';
+import { _ as __nuxt_component_5$1 } from './ErrorState-9UPssp7w.mjs';
+import { p as provideClusterDiagnosis, _ as __nuxt_component_0, u as useClusterDiagnosis } from './DiagnosisPanel-C_ndadzP.mjs';
+import { eM as buildRetryCommand } from '../nitro/nitro.mjs';
+import { u as useFetch, a as useCopy } from './fetch-DOcN2mHf.mjs';
+import './DashboardSidebarToggle-a5KYecZ0.mjs';
+import './Alert-gs8RgKxH.mjs';
+import './FormField-GYHKiSI6.mjs';
+import './Label-DYDR1Oeh.mjs';
+import './Select-COU8NARj.mjs';
+import './useFormControl-8skMOTIf.mjs';
+import './handleAndDispatchCustomEvent-Bk_AVSSo.mjs';
+import './EmptyState-C-mCzGhO.mjs';
+import './Separator-CQsq6WA9.mjs';
+import './useDesktopDownload-R_RWSgUV.mjs';
+import './useIsDesktop-BS13spVj.mjs';
+import './useTauri-Kf3HE_42.mjs';
+import './CodeBlock-CmvKHaq8.mjs';
+import './Card--Ike7sYc.mjs';
+import 'vue-router';
+import '@iconify/vue';
+import 'tailwindcss/colors';
+import 'tailwind-variants';
+import '@iconify/utils/lib/css/icon';
+import 'perfect-debounce';
+import '@floating-ui/vue';
+import 'aria-hidden';
+import '../routes/renderer.mjs';
+import 'vue-bundle-renderer/runtime';
+import 'unhead/server';
+import 'devalue';
+import 'unhead/plugins';
+import 'unhead/utils';
+import 'node:crypto';
+import 'drizzle-orm';
+import 'path';
+import 'fs/promises';
+import 'zlib';
+import 'util';
+import 'marked';
+import 'highlight.js/lib/core';
+import 'highlight.js/lib/languages/bash';
+import 'highlight.js/lib/languages/css';
+import 'highlight.js/lib/languages/diff';
+import 'highlight.js/lib/languages/javascript';
+import 'highlight.js/lib/languages/json';
+import 'highlight.js/lib/languages/python';
+import 'highlight.js/lib/languages/typescript';
+import 'highlight.js/lib/languages/xml';
+import 'highlight.js/lib/languages/yaml';
+import 'fflate';
+import 'zod';
+import 'pixelmatch';
+import 'sharp';
+import '@anthropic-ai/sdk';
+import 'nodemailer';
+import 'node:dns/promises';
+import 'node:net';
+import 'node:util';
+import 'rou3';
+import 'fs';
+import '@aws-sdk/client-s3';
+import 'node:http';
+import 'node:https';
+import 'node:events';
+import 'node:buffer';
+import 'node:fs';
+import 'node:path';
+import 'drizzle-orm/libsql/sqlite3';
+import 'drizzle-orm/sqlite-core';
+import 'drizzle-orm/pg-core';
+import 'url';
+import 'node:async_hooks';
+import 'node:zlib';
+import 'consola';
+import 'node:url';
+import '@iconify/utils';
+import './help-content-BK3jcgLw.mjs';
+import 'date-fns';
+import './useOpenInIde-DS4YXevu.mjs';
+import './useDesktopLocalRuns-BdELBy0Y.mjs';
+import './Switch-_NJhWmI9.mjs';
+import './useForwardScopeId-D0ameaSU.mjs';
+import './VisuallyHiddenInput-D4E5aJCQ.mjs';
+import './useDesktopProjectLink-IUN7SIP2.mjs';
+import './RovingFocusItem-CLjuqlIR.mjs';
+import '@tanstack/vue-virtual';
+import './useAiStatus-CiK1MZbH.mjs';
+import '@vue/shared';
+
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "ClusterSummary",
+  __ssrInlineRender: true,
+  props: {
+    cluster: {},
+    triageStatus: {},
+    triageNote: {},
+    triageSaving: { type: Boolean },
+    triageChanged: { type: Boolean }
+  },
+  emits: ["update:triageStatus", "update:triageNote", "save-triage"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const resolution = computed(() => fixVerificationBadge(props.cluster.fixVerification));
+    const triageStatusOptions = [
+      { label: "Open", value: "open", color: "warning" },
+      { label: "Resolved", value: "resolved", color: "success" },
+      { label: "Ignored", value: "ignored", color: "neutral" }
+    ];
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_FoldableSummary = __nuxt_component_0$1;
+      const _component_UBadge = _sfc_main$7$1;
+      const _component_UIcon = _sfc_main$p;
+      const _component_SectionCard = __nuxt_component_11;
+      const _component_HelpHint = __nuxt_component_2;
+      const _component_NuxtLink = __nuxt_component_12;
+      const _component_RunStatusBadge = __nuxt_component_13;
+      const _component_UButton = _sfc_main$k;
+      const _component_UTextarea = _sfc_main$c;
+      _push(ssrRenderComponent(_component_FoldableSummary, mergeProps({ "storage-key": "failure-cluster" }, _attrs), {
+        folded: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="flex items-center gap-3 flex-1 min-w-0 justify-between"${_scopeId}><div class="flex items-center gap-3 min-w-0"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UBadge, {
+              color: ("clusterStatusColor" in _ctx ? _ctx.clusterStatusColor : unref(clusterStatusColor))(__props.cluster.status),
+              variant: "solid",
+              size: "sm",
+              class: "shrink-0 capitalize"
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`${ssrInterpolate(__props.cluster.status)}`);
+                } else {
+                  return [
+                    createTextVNode(toDisplayString(__props.cluster.status), 1)
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`<span class="font-mono text-sm truncate text-gray-600 dark:text-gray-400 min-w-0"${_scopeId}>${ssrInterpolate(__props.cluster.signature)}</span>`);
+            if (__props.cluster.errorType) {
+              _push2(ssrRenderComponent(_component_UBadge, {
+                color: ("clusterErrorTypeColor" in _ctx ? _ctx.clusterErrorTypeColor : unref(clusterErrorTypeColor))(__props.cluster.errorType),
+                variant: "subtle",
+                size: "sm"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`${ssrInterpolate(__props.cluster.errorType)}`);
+                  } else {
+                    return [
+                      createTextVNode(toDisplayString(__props.cluster.errorType), 1)
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else {
+              _push2(`<!---->`);
+            }
+            if (unref(resolution)) {
+              _push2(ssrRenderComponent(_component_UBadge, {
+                color: unref(resolution).color,
+                variant: "subtle",
+                size: "sm",
+                class: "gap-1 shrink-0"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UIcon, {
+                      name: unref(resolution).icon,
+                      class: "size-3"
+                    }, null, _parent3, _scopeId2));
+                    _push3(` ${ssrInterpolate(unref(resolution).label)}`);
+                  } else {
+                    return [
+                      createVNode(_component_UIcon, {
+                        name: unref(resolution).icon,
+                        class: "size-3"
+                      }, null, 8, ["name"]),
+                      createTextVNode(" " + toDisplayString(unref(resolution).label), 1)
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</div><div class="flex items-center gap-3 shrink-0 max-sm:hidden"${_scopeId}><span class="text-xs text-gray-500 tabular-nums whitespace-nowrap"${_scopeId}>${ssrInterpolate(__props.cluster.occurrences)} occurrence${ssrInterpolate(__props.cluster.occurrences === 1 ? "" : "s")}</span><span class="text-xs text-gray-500 tabular-nums whitespace-nowrap"${_scopeId}>${ssrInterpolate(__props.cluster.affectedTests)} ${ssrInterpolate(__props.cluster.affectedTests === 1 ? "test" : "tests")}</span>`);
+            if (__props.cluster.diagnosis?.status === "completed" && __props.cluster.diagnosis?.category) {
+              _push2(ssrRenderComponent(_component_UBadge, {
+                color: "neutral",
+                variant: "outline",
+                size: "sm",
+                class: "gap-1 whitespace-nowrap"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UIcon, {
+                      name: "i-lucide-sparkles",
+                      class: "size-3"
+                    }, null, _parent3, _scopeId2));
+                    _push3(` ${ssrInterpolate(__props.cluster.diagnosis.category)}`);
+                  } else {
+                    return [
+                      createVNode(_component_UIcon, {
+                        name: "i-lucide-sparkles",
+                        class: "size-3"
+                      }),
+                      createTextVNode(" " + toDisplayString(__props.cluster.diagnosis.category), 1)
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else {
+              _push2(`<!---->`);
+            }
+            if (__props.cluster.lastSeenAt) {
+              _push2(`<span class="text-xs text-gray-400 whitespace-nowrap"${_scopeId}> last seen ${ssrInterpolate(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(__props.cluster.lastSeenAt))}</span>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</div></div>`);
+          } else {
+            return [
+              createVNode("div", { class: "flex items-center gap-3 flex-1 min-w-0 justify-between" }, [
+                createVNode("div", { class: "flex items-center gap-3 min-w-0" }, [
+                  createVNode(_component_UBadge, {
+                    color: ("clusterStatusColor" in _ctx ? _ctx.clusterStatusColor : unref(clusterStatusColor))(__props.cluster.status),
+                    variant: "solid",
+                    size: "sm",
+                    class: "shrink-0 capitalize"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(__props.cluster.status), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["color"]),
+                  createVNode("span", { class: "font-mono text-sm truncate text-gray-600 dark:text-gray-400 min-w-0" }, toDisplayString(__props.cluster.signature), 1),
+                  __props.cluster.errorType ? (openBlock(), createBlock(_component_UBadge, {
+                    key: 0,
+                    color: ("clusterErrorTypeColor" in _ctx ? _ctx.clusterErrorTypeColor : unref(clusterErrorTypeColor))(__props.cluster.errorType),
+                    variant: "subtle",
+                    size: "sm"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(__props.cluster.errorType), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["color"])) : createCommentVNode("", true),
+                  unref(resolution) ? (openBlock(), createBlock(_component_UBadge, {
+                    key: 1,
+                    color: unref(resolution).color,
+                    variant: "subtle",
+                    size: "sm",
+                    class: "gap-1 shrink-0"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_UIcon, {
+                        name: unref(resolution).icon,
+                        class: "size-3"
+                      }, null, 8, ["name"]),
+                      createTextVNode(" " + toDisplayString(unref(resolution).label), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["color"])) : createCommentVNode("", true)
+                ]),
+                createVNode("div", { class: "flex items-center gap-3 shrink-0 max-sm:hidden" }, [
+                  createVNode("span", { class: "text-xs text-gray-500 tabular-nums whitespace-nowrap" }, toDisplayString(__props.cluster.occurrences) + " occurrence" + toDisplayString(__props.cluster.occurrences === 1 ? "" : "s"), 1),
+                  createVNode("span", { class: "text-xs text-gray-500 tabular-nums whitespace-nowrap" }, toDisplayString(__props.cluster.affectedTests) + " " + toDisplayString(__props.cluster.affectedTests === 1 ? "test" : "tests"), 1),
+                  __props.cluster.diagnosis?.status === "completed" && __props.cluster.diagnosis?.category ? (openBlock(), createBlock(_component_UBadge, {
+                    key: 0,
+                    color: "neutral",
+                    variant: "outline",
+                    size: "sm",
+                    class: "gap-1 whitespace-nowrap"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_UIcon, {
+                        name: "i-lucide-sparkles",
+                        class: "size-3"
+                      }),
+                      createTextVNode(" " + toDisplayString(__props.cluster.diagnosis.category), 1)
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("", true),
+                  __props.cluster.lastSeenAt ? (openBlock(), createBlock("span", {
+                    key: 1,
+                    class: "text-xs text-gray-400 whitespace-nowrap"
+                  }, " last seen " + toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(__props.cluster.lastSeenAt)), 1)) : createCommentVNode("", true)
+                ])
+              ])
+            ];
+          }
+        }),
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="grid grid-cols-1 lg:grid-cols-12 gap-4"${_scopeId}><div class="lg:col-span-9"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_SectionCard, {
+              title: __props.cluster.signature
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<div class="space-y-3"${_scopeId2}>`);
+                  if (__props.cluster.title) {
+                    _push3(`<p class="text-sm font-medium break-words text-gray-500 dark:text-gray-400"${_scopeId2}>${ssrInterpolate(__props.cluster.title)}</p>`);
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  _push3(`<div class="flex flex-wrap gap-2"${_scopeId2}>`);
+                  if (__props.cluster.errorType) {
+                    _push3(ssrRenderComponent(_component_UBadge, {
+                      color: ("clusterErrorTypeColor" in _ctx ? _ctx.clusterErrorTypeColor : unref(clusterErrorTypeColor))(__props.cluster.errorType),
+                      variant: "subtle"
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(`${ssrInterpolate(__props.cluster.errorType)}`);
+                        } else {
+                          return [
+                            createTextVNode(toDisplayString(__props.cluster.errorType), 1)
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  _push3(ssrRenderComponent(_component_UBadge, {
+                    color: "neutral",
+                    variant: "subtle"
+                  }, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(`${ssrInterpolate(__props.cluster.occurrences)} occurrence${ssrInterpolate(__props.cluster.occurrences === 1 ? "" : "s")}`);
+                      } else {
+                        return [
+                          createTextVNode(toDisplayString(__props.cluster.occurrences) + " occurrence" + toDisplayString(__props.cluster.occurrences === 1 ? "" : "s"), 1)
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                  _push3(ssrRenderComponent(_component_UBadge, {
+                    color: "neutral",
+                    variant: "subtle"
+                  }, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(`${ssrInterpolate(__props.cluster.affectedTests)} ${ssrInterpolate(__props.cluster.affectedTests === 1 ? "test" : "tests")} affected `);
+                      } else {
+                        return [
+                          createTextVNode(toDisplayString(__props.cluster.affectedTests) + " " + toDisplayString(__props.cluster.affectedTests === 1 ? "test" : "tests") + " affected ", 1)
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                  if (__props.cluster.diagnosis?.status === "completed" && __props.cluster.diagnosis?.category) {
+                    _push3(ssrRenderComponent(_component_UBadge, {
+                      color: "neutral",
+                      variant: "outline",
+                      class: "gap-1"
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(ssrRenderComponent(_component_UIcon, {
+                            name: "i-lucide-sparkles",
+                            class: "size-3"
+                          }, null, _parent4, _scopeId3));
+                          _push4(` ${ssrInterpolate(__props.cluster.diagnosis.category)}`);
+                        } else {
+                          return [
+                            createVNode(_component_UIcon, {
+                              name: "i-lucide-sparkles",
+                              class: "size-3"
+                            }),
+                            createTextVNode(" " + toDisplayString(__props.cluster.diagnosis.category), 1)
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  _push3(ssrRenderComponent(_component_HelpHint, { topic: "cluster.concept" }, null, _parent3, _scopeId2));
+                  _push3(`</div><p class="text-sm text-gray-500"${_scopeId2}> First seen in `);
+                  _push3(ssrRenderComponent(_component_NuxtLink, {
+                    to: `/test-runs/${__props.cluster.firstSeenRunId}`,
+                    class: "text-primary hover:underline"
+                  }, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(` run #${ssrInterpolate(__props.cluster.firstSeenRunId)}`);
+                      } else {
+                        return [
+                          createTextVNode(" run #" + toDisplayString(__props.cluster.firstSeenRunId), 1)
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                  if (__props.cluster.firstSeenAt) {
+                    _push3(`<!--[--> (${ssrInterpolate(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(__props.cluster.firstSeenAt))}) <!--]-->`);
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  _push3(` · Last seen in `);
+                  _push3(ssrRenderComponent(_component_NuxtLink, {
+                    to: `/test-runs/${__props.cluster.lastSeenRunId}`,
+                    class: "text-primary hover:underline"
+                  }, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(` run #${ssrInterpolate(__props.cluster.lastSeenRunId)}`);
+                      } else {
+                        return [
+                          createTextVNode(" run #" + toDisplayString(__props.cluster.lastSeenRunId), 1)
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                  if (__props.cluster.lastSeenAt) {
+                    _push3(`<!--[--> (${ssrInterpolate(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(__props.cluster.lastSeenAt))}) <!--]-->`);
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  if (__props.cluster.lastSeenRunStatus) {
+                    _push3(ssrRenderComponent(_component_RunStatusBadge, {
+                      status: __props.cluster.lastSeenRunStatus,
+                      size: "sm",
+                      class: "ml-1 align-middle"
+                    }, null, _parent3, _scopeId2));
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  _push3(`</p>`);
+                  if (unref(resolution)) {
+                    _push3(`<div class="rounded-md border border-default p-3 space-y-1.5"${_scopeId2}><div class="flex items-center gap-2 flex-wrap"${_scopeId2}>`);
+                    _push3(ssrRenderComponent(_component_UBadge, {
+                      color: unref(resolution).color,
+                      variant: "subtle",
+                      class: "gap-1"
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(ssrRenderComponent(_component_UIcon, {
+                            name: unref(resolution).icon,
+                            class: "size-3"
+                          }, null, _parent4, _scopeId3));
+                          _push4(` ${ssrInterpolate(unref(resolution).label)}`);
+                        } else {
+                          return [
+                            createVNode(_component_UIcon, {
+                              name: unref(resolution).icon,
+                              class: "size-3"
+                            }, null, 8, ["name"]),
+                            createTextVNode(" " + toDisplayString(unref(resolution).label), 1)
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                    if (__props.cluster.timeToResolutionMs != null) {
+                      _push3(`<span class="text-xs text-gray-500"${_scopeId2}> open for ${ssrInterpolate(("formatLongDuration" in _ctx ? _ctx.formatLongDuration : unref(formatLongDuration))(__props.cluster.timeToResolutionMs))}</span>`);
+                    } else {
+                      _push3(`<!---->`);
+                    }
+                    _push3(ssrRenderComponent(_component_HelpHint, { topic: "cluster.resolution" }, null, _parent3, _scopeId2));
+                    _push3(`</div><p class="text-xs text-gray-500"${_scopeId2}>${ssrInterpolate(unref(resolution).hint)}</p><p class="text-sm text-gray-500"${_scopeId2}>`);
+                    if (__props.cluster.fixLandedRunId) {
+                      _push3(`<!--[--> Fix landed in `);
+                      _push3(ssrRenderComponent(_component_NuxtLink, {
+                        to: `/test-runs/${__props.cluster.fixLandedRunId}`,
+                        class: "text-primary hover:underline"
+                      }, {
+                        default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                          if (_push4) {
+                            _push4(` run #${ssrInterpolate(__props.cluster.fixLandedRunId)}`);
+                          } else {
+                            return [
+                              createTextVNode(" run #" + toDisplayString(__props.cluster.fixLandedRunId), 1)
+                            ];
+                          }
+                        }),
+                        _: 1
+                      }, _parent3, _scopeId2));
+                      _push3(`<!--]-->`);
+                    } else {
+                      _push3(`<!---->`);
+                    }
+                    if (__props.cluster.fixLandedAt) {
+                      _push3(`<!--[--> (${ssrInterpolate(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(__props.cluster.fixLandedAt))})<!--]-->`);
+                    } else {
+                      _push3(`<!---->`);
+                    }
+                    if (__props.cluster.fixCommit) {
+                      _push3(`<!--[--> · commit <code class="font-mono text-xs"${_scopeId2}>${ssrInterpolate(__props.cluster.fixCommit.slice(0, 8))}</code><!--]-->`);
+                    } else {
+                      _push3(`<!---->`);
+                    }
+                    _push3(`</p></div>`);
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  _push3(`</div>`);
+                } else {
+                  return [
+                    createVNode("div", { class: "space-y-3" }, [
+                      __props.cluster.title ? (openBlock(), createBlock("p", {
+                        key: 0,
+                        class: "text-sm font-medium break-words text-gray-500 dark:text-gray-400"
+                      }, toDisplayString(__props.cluster.title), 1)) : createCommentVNode("", true),
+                      createVNode("div", { class: "flex flex-wrap gap-2" }, [
+                        __props.cluster.errorType ? (openBlock(), createBlock(_component_UBadge, {
+                          key: 0,
+                          color: ("clusterErrorTypeColor" in _ctx ? _ctx.clusterErrorTypeColor : unref(clusterErrorTypeColor))(__props.cluster.errorType),
+                          variant: "subtle"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(__props.cluster.errorType), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["color"])) : createCommentVNode("", true),
+                        createVNode(_component_UBadge, {
+                          color: "neutral",
+                          variant: "subtle"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(__props.cluster.occurrences) + " occurrence" + toDisplayString(__props.cluster.occurrences === 1 ? "" : "s"), 1)
+                          ]),
+                          _: 1
+                        }),
+                        createVNode(_component_UBadge, {
+                          color: "neutral",
+                          variant: "subtle"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(__props.cluster.affectedTests) + " " + toDisplayString(__props.cluster.affectedTests === 1 ? "test" : "tests") + " affected ", 1)
+                          ]),
+                          _: 1
+                        }),
+                        __props.cluster.diagnosis?.status === "completed" && __props.cluster.diagnosis?.category ? (openBlock(), createBlock(_component_UBadge, {
+                          key: 1,
+                          color: "neutral",
+                          variant: "outline",
+                          class: "gap-1"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_UIcon, {
+                              name: "i-lucide-sparkles",
+                              class: "size-3"
+                            }),
+                            createTextVNode(" " + toDisplayString(__props.cluster.diagnosis.category), 1)
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true),
+                        createVNode(_component_HelpHint, { topic: "cluster.concept" })
+                      ]),
+                      createVNode("p", { class: "text-sm text-gray-500" }, [
+                        createTextVNode(" First seen in "),
+                        createVNode(_component_NuxtLink, {
+                          to: `/test-runs/${__props.cluster.firstSeenRunId}`,
+                          class: "text-primary hover:underline"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(" run #" + toDisplayString(__props.cluster.firstSeenRunId), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["to"]),
+                        __props.cluster.firstSeenAt ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                          createTextVNode(" (" + toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(__props.cluster.firstSeenAt)) + ") ", 1)
+                        ], 64)) : createCommentVNode("", true),
+                        createTextVNode(" · Last seen in "),
+                        createVNode(_component_NuxtLink, {
+                          to: `/test-runs/${__props.cluster.lastSeenRunId}`,
+                          class: "text-primary hover:underline"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(" run #" + toDisplayString(__props.cluster.lastSeenRunId), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["to"]),
+                        __props.cluster.lastSeenAt ? (openBlock(), createBlock(Fragment, { key: 1 }, [
+                          createTextVNode(" (" + toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(__props.cluster.lastSeenAt)) + ") ", 1)
+                        ], 64)) : createCommentVNode("", true),
+                        __props.cluster.lastSeenRunStatus ? (openBlock(), createBlock(_component_RunStatusBadge, {
+                          key: 2,
+                          status: __props.cluster.lastSeenRunStatus,
+                          size: "sm",
+                          class: "ml-1 align-middle"
+                        }, null, 8, ["status"])) : createCommentVNode("", true)
+                      ]),
+                      unref(resolution) ? (openBlock(), createBlock("div", {
+                        key: 1,
+                        class: "rounded-md border border-default p-3 space-y-1.5"
+                      }, [
+                        createVNode("div", { class: "flex items-center gap-2 flex-wrap" }, [
+                          createVNode(_component_UBadge, {
+                            color: unref(resolution).color,
+                            variant: "subtle",
+                            class: "gap-1"
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(_component_UIcon, {
+                                name: unref(resolution).icon,
+                                class: "size-3"
+                              }, null, 8, ["name"]),
+                              createTextVNode(" " + toDisplayString(unref(resolution).label), 1)
+                            ]),
+                            _: 1
+                          }, 8, ["color"]),
+                          __props.cluster.timeToResolutionMs != null ? (openBlock(), createBlock("span", {
+                            key: 0,
+                            class: "text-xs text-gray-500"
+                          }, " open for " + toDisplayString(("formatLongDuration" in _ctx ? _ctx.formatLongDuration : unref(formatLongDuration))(__props.cluster.timeToResolutionMs)), 1)) : createCommentVNode("", true),
+                          createVNode(_component_HelpHint, { topic: "cluster.resolution" })
+                        ]),
+                        createVNode("p", { class: "text-xs text-gray-500" }, toDisplayString(unref(resolution).hint), 1),
+                        createVNode("p", { class: "text-sm text-gray-500" }, [
+                          __props.cluster.fixLandedRunId ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                            createTextVNode(" Fix landed in "),
+                            createVNode(_component_NuxtLink, {
+                              to: `/test-runs/${__props.cluster.fixLandedRunId}`,
+                              class: "text-primary hover:underline"
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(" run #" + toDisplayString(__props.cluster.fixLandedRunId), 1)
+                              ]),
+                              _: 1
+                            }, 8, ["to"])
+                          ], 64)) : createCommentVNode("", true),
+                          __props.cluster.fixLandedAt ? (openBlock(), createBlock(Fragment, { key: 1 }, [
+                            createTextVNode(" (" + toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(__props.cluster.fixLandedAt)) + ")", 1)
+                          ], 64)) : createCommentVNode("", true),
+                          __props.cluster.fixCommit ? (openBlock(), createBlock(Fragment, { key: 2 }, [
+                            createTextVNode(" · commit "),
+                            createVNode("code", { class: "font-mono text-xs" }, toDisplayString(__props.cluster.fixCommit.slice(0, 8)), 1)
+                          ], 64)) : createCommentVNode("", true)
+                        ])
+                      ])) : createCommentVNode("", true)
+                    ])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`</div>`);
+            _push2(ssrRenderComponent(_component_SectionCard, {
+              class: "lg:col-span-3",
+              icon: "i-lucide-triangle-alert",
+              "icon-class": "text-amber-500",
+              title: "Triage",
+              help: "cluster.triage"
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<div class="flex items-start gap-3"${_scopeId2}><div class="flex flex-col gap-1 shrink-0"${_scopeId2}><!--[-->`);
+                  ssrRenderList(triageStatusOptions, (opt) => {
+                    _push3(ssrRenderComponent(_component_UButton, {
+                      key: opt.value,
+                      size: "xs",
+                      class: "justify-start",
+                      color: __props.triageStatus === opt.value ? opt.color : "neutral",
+                      variant: __props.triageStatus === opt.value ? "solid" : "outline",
+                      onClick: ($event) => emit("update:triageStatus", opt.value)
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(`${ssrInterpolate(opt.label)}`);
+                        } else {
+                          return [
+                            createTextVNode(toDisplayString(opt.label), 1)
+                          ];
+                        }
+                      }),
+                      _: 2
+                    }, _parent3, _scopeId2));
+                  });
+                  _push3(`<!--]--></div><div class="flex-1 min-w-0 space-y-1.5"${_scopeId2}>`);
+                  _push3(ssrRenderComponent(_component_UTextarea, {
+                    "model-value": __props.triageNote,
+                    placeholder: "Optional note…",
+                    rows: 3,
+                    class: "text-sm w-full",
+                    "onUpdate:modelValue": ($event) => emit("update:triageNote", $event)
+                  }, null, _parent3, _scopeId2));
+                  _push3(`<div class="flex justify-end"${_scopeId2}>`);
+                  if (__props.triageChanged) {
+                    _push3(ssrRenderComponent(_component_UButton, {
+                      size: "xs",
+                      icon: "i-lucide-check",
+                      loading: __props.triageSaving,
+                      onClick: ($event) => emit("save-triage")
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(` Save `);
+                        } else {
+                          return [
+                            createTextVNode(" Save ")
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  _push3(`</div></div></div>`);
+                } else {
+                  return [
+                    createVNode("div", { class: "flex items-start gap-3" }, [
+                      createVNode("div", { class: "flex flex-col gap-1 shrink-0" }, [
+                        (openBlock(), createBlock(Fragment, null, renderList(triageStatusOptions, (opt) => {
+                          return createVNode(_component_UButton, {
+                            key: opt.value,
+                            size: "xs",
+                            class: "justify-start",
+                            color: __props.triageStatus === opt.value ? opt.color : "neutral",
+                            variant: __props.triageStatus === opt.value ? "solid" : "outline",
+                            onClick: ($event) => emit("update:triageStatus", opt.value)
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(opt.label), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["color", "variant", "onClick"]);
+                        }), 64))
+                      ]),
+                      createVNode("div", { class: "flex-1 min-w-0 space-y-1.5" }, [
+                        createVNode(_component_UTextarea, {
+                          "model-value": __props.triageNote,
+                          placeholder: "Optional note…",
+                          rows: 3,
+                          class: "text-sm w-full",
+                          "onUpdate:modelValue": ($event) => emit("update:triageNote", $event)
+                        }, null, 8, ["model-value", "onUpdate:modelValue"]),
+                        createVNode("div", { class: "flex justify-end" }, [
+                          __props.triageChanged ? (openBlock(), createBlock(_component_UButton, {
+                            key: 0,
+                            size: "xs",
+                            icon: "i-lucide-check",
+                            loading: __props.triageSaving,
+                            onClick: ($event) => emit("save-triage")
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(" Save ")
+                            ]),
+                            _: 1
+                          }, 8, ["loading", "onClick"])) : 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: "lg:col-span-9" }, [
+                  createVNode(_component_SectionCard, {
+                    title: __props.cluster.signature
+                  }, {
+                    default: withCtx(() => [
+                      createVNode("div", { class: "space-y-3" }, [
+                        __props.cluster.title ? (openBlock(), createBlock("p", {
+                          key: 0,
+                          class: "text-sm font-medium break-words text-gray-500 dark:text-gray-400"
+                        }, toDisplayString(__props.cluster.title), 1)) : createCommentVNode("", true),
+                        createVNode("div", { class: "flex flex-wrap gap-2" }, [
+                          __props.cluster.errorType ? (openBlock(), createBlock(_component_UBadge, {
+                            key: 0,
+                            color: ("clusterErrorTypeColor" in _ctx ? _ctx.clusterErrorTypeColor : unref(clusterErrorTypeColor))(__props.cluster.errorType),
+                            variant: "subtle"
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(__props.cluster.errorType), 1)
+                            ]),
+                            _: 1
+                          }, 8, ["color"])) : createCommentVNode("", true),
+                          createVNode(_component_UBadge, {
+                            color: "neutral",
+                            variant: "subtle"
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(__props.cluster.occurrences) + " occurrence" + toDisplayString(__props.cluster.occurrences === 1 ? "" : "s"), 1)
+                            ]),
+                            _: 1
+                          }),
+                          createVNode(_component_UBadge, {
+                            color: "neutral",
+                            variant: "subtle"
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(__props.cluster.affectedTests) + " " + toDisplayString(__props.cluster.affectedTests === 1 ? "test" : "tests") + " affected ", 1)
+                            ]),
+                            _: 1
+                          }),
+                          __props.cluster.diagnosis?.status === "completed" && __props.cluster.diagnosis?.category ? (openBlock(), createBlock(_component_UBadge, {
+                            key: 1,
+                            color: "neutral",
+                            variant: "outline",
+                            class: "gap-1"
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(_component_UIcon, {
+                                name: "i-lucide-sparkles",
+                                class: "size-3"
+                              }),
+                              createTextVNode(" " + toDisplayString(__props.cluster.diagnosis.category), 1)
+                            ]),
+                            _: 1
+                          })) : createCommentVNode("", true),
+                          createVNode(_component_HelpHint, { topic: "cluster.concept" })
+                        ]),
+                        createVNode("p", { class: "text-sm text-gray-500" }, [
+                          createTextVNode(" First seen in "),
+                          createVNode(_component_NuxtLink, {
+                            to: `/test-runs/${__props.cluster.firstSeenRunId}`,
+                            class: "text-primary hover:underline"
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(" run #" + toDisplayString(__props.cluster.firstSeenRunId), 1)
+                            ]),
+                            _: 1
+                          }, 8, ["to"]),
+                          __props.cluster.firstSeenAt ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                            createTextVNode(" (" + toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(__props.cluster.firstSeenAt)) + ") ", 1)
+                          ], 64)) : createCommentVNode("", true),
+                          createTextVNode(" · Last seen in "),
+                          createVNode(_component_NuxtLink, {
+                            to: `/test-runs/${__props.cluster.lastSeenRunId}`,
+                            class: "text-primary hover:underline"
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(" run #" + toDisplayString(__props.cluster.lastSeenRunId), 1)
+                            ]),
+                            _: 1
+                          }, 8, ["to"]),
+                          __props.cluster.lastSeenAt ? (openBlock(), createBlock(Fragment, { key: 1 }, [
+                            createTextVNode(" (" + toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(__props.cluster.lastSeenAt)) + ") ", 1)
+                          ], 64)) : createCommentVNode("", true),
+                          __props.cluster.lastSeenRunStatus ? (openBlock(), createBlock(_component_RunStatusBadge, {
+                            key: 2,
+                            status: __props.cluster.lastSeenRunStatus,
+                            size: "sm",
+                            class: "ml-1 align-middle"
+                          }, null, 8, ["status"])) : createCommentVNode("", true)
+                        ]),
+                        unref(resolution) ? (openBlock(), createBlock("div", {
+                          key: 1,
+                          class: "rounded-md border border-default p-3 space-y-1.5"
+                        }, [
+                          createVNode("div", { class: "flex items-center gap-2 flex-wrap" }, [
+                            createVNode(_component_UBadge, {
+                              color: unref(resolution).color,
+                              variant: "subtle",
+                              class: "gap-1"
+                            }, {
+                              default: withCtx(() => [
+                                createVNode(_component_UIcon, {
+                                  name: unref(resolution).icon,
+                                  class: "size-3"
+                                }, null, 8, ["name"]),
+                                createTextVNode(" " + toDisplayString(unref(resolution).label), 1)
+                              ]),
+                              _: 1
+                            }, 8, ["color"]),
+                            __props.cluster.timeToResolutionMs != null ? (openBlock(), createBlock("span", {
+                              key: 0,
+                              class: "text-xs text-gray-500"
+                            }, " open for " + toDisplayString(("formatLongDuration" in _ctx ? _ctx.formatLongDuration : unref(formatLongDuration))(__props.cluster.timeToResolutionMs)), 1)) : createCommentVNode("", true),
+                            createVNode(_component_HelpHint, { topic: "cluster.resolution" })
+                          ]),
+                          createVNode("p", { class: "text-xs text-gray-500" }, toDisplayString(unref(resolution).hint), 1),
+                          createVNode("p", { class: "text-sm text-gray-500" }, [
+                            __props.cluster.fixLandedRunId ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                              createTextVNode(" Fix landed in "),
+                              createVNode(_component_NuxtLink, {
+                                to: `/test-runs/${__props.cluster.fixLandedRunId}`,
+                                class: "text-primary hover:underline"
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(" run #" + toDisplayString(__props.cluster.fixLandedRunId), 1)
+                                ]),
+                                _: 1
+                              }, 8, ["to"])
+                            ], 64)) : createCommentVNode("", true),
+                            __props.cluster.fixLandedAt ? (openBlock(), createBlock(Fragment, { key: 1 }, [
+                              createTextVNode(" (" + toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(__props.cluster.fixLandedAt)) + ")", 1)
+                            ], 64)) : createCommentVNode("", true),
+                            __props.cluster.fixCommit ? (openBlock(), createBlock(Fragment, { key: 2 }, [
+                              createTextVNode(" · commit "),
+                              createVNode("code", { class: "font-mono text-xs" }, toDisplayString(__props.cluster.fixCommit.slice(0, 8)), 1)
+                            ], 64)) : createCommentVNode("", true)
+                          ])
+                        ])) : createCommentVNode("", true)
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["title"])
+                ]),
+                createVNode(_component_SectionCard, {
+                  class: "lg:col-span-3",
+                  icon: "i-lucide-triangle-alert",
+                  "icon-class": "text-amber-500",
+                  title: "Triage",
+                  help: "cluster.triage"
+                }, {
+                  default: withCtx(() => [
+                    createVNode("div", { class: "flex items-start gap-3" }, [
+                      createVNode("div", { class: "flex flex-col gap-1 shrink-0" }, [
+                        (openBlock(), createBlock(Fragment, null, renderList(triageStatusOptions, (opt) => {
+                          return createVNode(_component_UButton, {
+                            key: opt.value,
+                            size: "xs",
+                            class: "justify-start",
+                            color: __props.triageStatus === opt.value ? opt.color : "neutral",
+                            variant: __props.triageStatus === opt.value ? "solid" : "outline",
+                            onClick: ($event) => emit("update:triageStatus", opt.value)
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(opt.label), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["color", "variant", "onClick"]);
+                        }), 64))
+                      ]),
+                      createVNode("div", { class: "flex-1 min-w-0 space-y-1.5" }, [
+                        createVNode(_component_UTextarea, {
+                          "model-value": __props.triageNote,
+                          placeholder: "Optional note…",
+                          rows: 3,
+                          class: "text-sm w-full",
+                          "onUpdate:modelValue": ($event) => emit("update:triageNote", $event)
+                        }, null, 8, ["model-value", "onUpdate:modelValue"]),
+                        createVNode("div", { class: "flex justify-end" }, [
+                          __props.triageChanged ? (openBlock(), createBlock(_component_UButton, {
+                            key: 0,
+                            size: "xs",
+                            icon: "i-lucide-check",
+                            loading: __props.triageSaving,
+                            onClick: ($event) => emit("save-triage")
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(" Save ")
+                            ]),
+                            _: 1
+                          }, 8, ["loading", "onClick"])) : createCommentVNode("", true)
+                        ])
+                      ])
+                    ])
+                  ]),
+                  _: 1
+                })
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$9 = _sfc_main$9.setup;
+_sfc_main$9.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/cluster/ClusterSummary.vue");
+  return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
+};
+const __nuxt_component_8$2 = Object.assign(_sfc_main$9, { __name: "ClusterSummary" });
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "TestEvidenceSignals",
+  __ssrInlineRender: true,
+  props: /* @__PURE__ */ mergeModels({
+    consoleLogs: {},
+    networkRequests: {}
+  }, {
+    "open": { type: Boolean, ...{ default: false } },
+    "openModifiers": {}
+  }),
+  emits: ["update:open"],
+  setup(__props) {
+    const props = __props;
+    const consoleErrors = computed(() => {
+      if (!Array.isArray(props.consoleLogs)) return [];
+      return props.consoleLogs.filter((l) => l.type === "error" || l.type === "warning");
+    });
+    const failedRequests = computed(() => {
+      if (!Array.isArray(props.networkRequests)) return [];
+      return props.networkRequests.filter((r) => r.status && r.status >= 400);
+    });
+    const hasSignals = computed(() => consoleErrors.value.length > 0 || failedRequests.value.length > 0);
+    const label = computed(() => {
+      const parts = [];
+      if (consoleErrors.value.length) parts.push(`${consoleErrors.value.length} console`);
+      if (failedRequests.value.length) parts.push(`${failedRequests.value.length} network`);
+      return parts.join(", ");
+    });
+    const open = useModel(__props, "open");
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_TestEvidenceSection = __nuxt_component_4$1;
+      const _component_UIcon = _sfc_main$p;
+      const _component_UBadge = _sfc_main$7$1;
+      if (unref(hasSignals)) {
+        _push(ssrRenderComponent(_component_TestEvidenceSection, mergeProps({
+          icon: "i-lucide-triangle-alert",
+          label: `Signals (${unref(label)})`,
+          open: open.value,
+          "onUpdate:open": ($event) => open.value = $event
+        }, _attrs), {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(`<div class="divide-y divide-default"${_scopeId}>`);
+              if (unref(consoleErrors).length > 0) {
+                _push2(`<!--[--><div class="px-3 py-1 bg-gray-50 dark:bg-gray-800/40"${_scopeId}><p class="text-[10px] font-semibold text-gray-400 uppercase tracking-wide"${_scopeId}>Console</p></div><!--[-->`);
+                ssrRenderList(unref(consoleErrors), (log, idx) => {
+                  _push2(`<div class="px-3 py-1.5 flex items-start gap-2"${_scopeId}>`);
+                  _push2(ssrRenderComponent(_component_UIcon, {
+                    name: log.type === "error" ? "i-lucide-x-circle" : "i-lucide-alert-triangle",
+                    class: ["size-3.5 mt-0.5 shrink-0", log.type === "error" ? "text-red-500" : "text-yellow-500"]
+                  }, null, _parent2, _scopeId));
+                  _push2(`<p class="text-xs font-mono text-gray-700 dark:text-gray-300 break-all whitespace-pre-wrap"${_scopeId}>${ssrInterpolate(log.text)}</p></div>`);
+                });
+                _push2(`<!--]--><!--]-->`);
+              } else {
+                _push2(`<!---->`);
+              }
+              if (unref(failedRequests).length > 0) {
+                _push2(`<!--[--><div class="px-3 py-1 bg-gray-50 dark:bg-gray-800/40"${_scopeId}><p class="text-[10px] font-semibold text-gray-400 uppercase tracking-wide"${_scopeId}>Network</p></div><!--[-->`);
+                ssrRenderList(unref(failedRequests), (req, idx) => {
+                  _push2(`<div class="px-3 py-1.5 flex items-center gap-2"${_scopeId}>`);
+                  _push2(ssrRenderComponent(_component_UBadge, {
+                    color: req.status >= 500 ? "error" : "warning",
+                    variant: "subtle",
+                    size: "sm",
+                    class: "shrink-0 font-mono"
+                  }, {
+                    default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                      if (_push3) {
+                        _push3(`${ssrInterpolate(req.status)}`);
+                      } else {
+                        return [
+                          createTextVNode(toDisplayString(req.status), 1)
+                        ];
+                      }
+                    }),
+                    _: 2
+                  }, _parent2, _scopeId));
+                  _push2(`<p class="text-xs font-mono text-gray-600 dark:text-gray-400 truncate"${_scopeId}>${ssrInterpolate(req.url)}</p></div>`);
+                });
+                _push2(`<!--]--><!--]-->`);
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`</div>`);
+            } else {
+              return [
+                createVNode("div", { class: "divide-y divide-default" }, [
+                  unref(consoleErrors).length > 0 ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                    createVNode("div", { class: "px-3 py-1 bg-gray-50 dark:bg-gray-800/40" }, [
+                      createVNode("p", { class: "text-[10px] font-semibold text-gray-400 uppercase tracking-wide" }, "Console")
+                    ]),
+                    (openBlock(true), createBlock(Fragment, null, renderList(unref(consoleErrors), (log, idx) => {
+                      return openBlock(), createBlock("div", {
+                        key: "log-" + idx,
+                        class: "px-3 py-1.5 flex items-start gap-2"
+                      }, [
+                        createVNode(_component_UIcon, {
+                          name: log.type === "error" ? "i-lucide-x-circle" : "i-lucide-alert-triangle",
+                          class: ["size-3.5 mt-0.5 shrink-0", log.type === "error" ? "text-red-500" : "text-yellow-500"]
+                        }, null, 8, ["name", "class"]),
+                        createVNode("p", { class: "text-xs font-mono text-gray-700 dark:text-gray-300 break-all whitespace-pre-wrap" }, toDisplayString(log.text), 1)
+                      ]);
+                    }), 128))
+                  ], 64)) : createCommentVNode("", true),
+                  unref(failedRequests).length > 0 ? (openBlock(), createBlock(Fragment, { key: 1 }, [
+                    createVNode("div", { class: "px-3 py-1 bg-gray-50 dark:bg-gray-800/40" }, [
+                      createVNode("p", { class: "text-[10px] font-semibold text-gray-400 uppercase tracking-wide" }, "Network")
+                    ]),
+                    (openBlock(true), createBlock(Fragment, null, renderList(unref(failedRequests), (req, idx) => {
+                      return openBlock(), createBlock("div", {
+                        key: "req-" + idx,
+                        class: "px-3 py-1.5 flex items-center gap-2"
+                      }, [
+                        createVNode(_component_UBadge, {
+                          color: req.status >= 500 ? "error" : "warning",
+                          variant: "subtle",
+                          size: "sm",
+                          class: "shrink-0 font-mono"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(req.status), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["color"]),
+                        createVNode("p", { class: "text-xs font-mono text-gray-600 dark:text-gray-400 truncate" }, toDisplayString(req.url), 1)
+                      ]);
+                    }), 128))
+                  ], 64)) : createCommentVNode("", true)
+                ])
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+      } else {
+        _push(`<!---->`);
+      }
+    };
+  }
+});
+const _sfc_setup$8 = _sfc_main$8.setup;
+_sfc_main$8.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/test-case/TestEvidenceSignals.vue");
+  return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
+};
+const __nuxt_component_8$1 = Object.assign(_sfc_main$8, { __name: "TestEvidenceSignals" });
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "ClusterTestEvidence",
+  __ssrInlineRender: true,
+  props: {
+    affectedTestCases: {},
+    projectKey: {},
+    projectName: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const selectedId = ref(props.affectedTestCases[0]?.recentTestRunsCaseId ?? null);
+    const selectedCase = computed(() => props.affectedTestCases.find((c) => c.recentTestRunsCaseId === selectedId.value));
+    const caseDetail = ref(null);
+    const traces = ref([]);
+    const loading = ref(false);
+    const tracesLoading = ref(false);
+    const showSteps = ref(false);
+    const showSignals = ref(false);
+    const showSource = ref(false);
+    const showAriaSnapshot = ref(false);
+    const showPageState = ref(false);
+    const caseCache = /* @__PURE__ */ new Map();
+    function resetDisclosures() {
+      showSteps.value = false;
+      showSignals.value = false;
+      showSource.value = false;
+      showAriaSnapshot.value = false;
+      showPageState.value = false;
+    }
+    async function loadCase(id) {
+      resetDisclosures();
+      const cached = caseCache.get(id);
+      if (cached) {
+        caseDetail.value = cached.detail;
+        traces.value = cached.traces;
+        loading.value = false;
+        tracesLoading.value = false;
+        return;
+      }
+      loading.value = true;
+      tracesLoading.value = true;
+      caseDetail.value = null;
+      traces.value = [];
+      const [detail, traceList] = await Promise.allSettled([
+        $fetch(`/api/test-run-cases/${id}`),
+        $fetch(`/api/test-run-cases/${id}/traces`)
+      ]);
+      if (detail.status === "fulfilled") caseDetail.value = detail.value;
+      loading.value = false;
+      if (traceList.status === "fulfilled") traces.value = traceList.value.items;
+      tracesLoading.value = false;
+      if (detail.status === "fulfilled" && traceList.status === "fulfilled") {
+        caseCache.set(id, { detail: detail.value, traces: traceList.value.items });
+      }
+    }
+    const traceStackCache = /* @__PURE__ */ new Map();
+    const traceStack = ref(null);
+    const stackView = ref("trace");
+    const traceStackFrames = computed(() => traceStack.value?.frames ?? []);
+    async function loadTraceStack(id) {
+      traceStack.value = traceStackCache.get(id) ?? null;
+      if (traceStackCache.has(id) || traces.value.length === 0) return;
+      const runId = caseDetail.value?.testRun?.id;
+      if (!runId) return;
+      try {
+        const res = await $fetch(`/api/test-run-cases/${id}/trace-stacks`);
+        const value = res.status === "ok" && res.frames?.length ? res : null;
+        traceStackCache.set(id, value);
+        if (selectedId.value === id) traceStack.value = value;
+      } catch {
+        traceStackCache.set(id, null);
+      }
+    }
+    watch([caseDetail, traces], () => {
+      stackView.value = "trace";
+      if (selectedId.value) loadTraceStack(selectedId.value);
+    });
+    watch(selectedId, (id) => {
+      if (id) loadCase(id);
+    });
+    const failingSteps = computed(() => {
+      const steps = caseDetail.value?.steps;
+      if (!Array.isArray(steps)) return [];
+      return steps.filter((s) => s.error);
+    });
+    const testSourceLines = computed(
+      () => caseDetail.value?.testSource ? caseDetail.value.testSource.split("\n").length : 0
+    );
+    const evidenceChips = computed(() => {
+      const d = caseDetail.value;
+      if (!d) return [];
+      const screenshots = d.attachments.filter((a) => isImageFile(a.path, a.contentType)).length;
+      const videos = d.attachments.filter((a) => isVideoFile(a.path, a.contentType)).length;
+      const consoleCount = Array.isArray(d.consoleLogs) ? d.consoleLogs.filter((l) => l.type === "error" || l.type === "warning").length : 0;
+      const failedRequests = Array.isArray(d.networkRequests) ? d.networkRequests.filter((r) => (r.status ?? 0) >= 400).length : 0;
+      return [
+        { icon: "i-lucide-image", label: "screenshots", count: screenshots },
+        { icon: "i-lucide-video", label: "videos", count: videos },
+        { icon: "i-lucide-bug-play", label: "traces", count: traces.value.length },
+        { icon: "i-lucide-list-checks", label: "failing steps", count: failingSteps.value.length },
+        { icon: "i-lucide-triangle-alert", label: "signals", count: consoleCount + failedRequests },
+        { icon: "i-lucide-code", label: "source", count: d.testSourceFrames?.length || (d.testSource ? 1 : 0) },
+        { icon: "i-lucide-accessibility", label: "ARIA", count: d.ariaSnapshot ? 1 : 0 }
+      ].filter((c) => c.count > 0);
+    });
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_OpenInIdeLink = __nuxt_component_1$1;
+      const _component_UButton = _sfc_main$k;
+      const _component_UIcon = _sfc_main$p;
+      const _component_UBadge = _sfc_main$7$1;
+      const _component_TestEvidenceScreenshots = __nuxt_component_1$1$1;
+      const _component_TestEvidenceVideos = __nuxt_component_2$1;
+      const _component_TestEvidenceTraces = __nuxt_component_3$1;
+      const _component_TestEvidenceSection = __nuxt_component_4$1;
+      const _component_TestEvidenceSignals = __nuxt_component_8$1;
+      const _component_UTabs = _sfc_main$d;
+      const _component_TraceCallStack = __nuxt_component_3$2;
+      const _component_TestSourceStack = __nuxt_component_4;
+      const _component_MarkdownPreview = __nuxt_component_28;
+      const _component_PageStateCard = __nuxt_component_26;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "space-y-3" }, _attrs))}>`);
+      if (__props.affectedTestCases.length > 1) {
+        _push(`<div class="flex gap-0 border-b border-default overflow-x-auto"><!--[-->`);
+        ssrRenderList(__props.affectedTestCases, (tc) => {
+          _push(`<button class="${ssrRenderClass([
+            unref(selectedId) === tc.recentTestRunsCaseId ? "border-primary text-primary font-medium" : "border-transparent text-gray-500 hover:text-gray-700 dark:hover:text-gray-300",
+            "px-3 py-1.5 text-xs whitespace-nowrap border-b-2 -mb-px transition-colors"
+          ])}"${ssrRenderAttr("title", tc.title)}>${ssrInterpolate(tc.title.split(" › ").pop())} `);
+          if (tc.runCount > 1) {
+            _push(`<span class="opacity-60 ml-1">${ssrInterpolate(tc.runCount)}×</span>`);
+          } else {
+            _push(`<!---->`);
+          }
+          _push(`</button>`);
+        });
+        _push(`<!--]--></div>`);
+      } else {
+        _push(`<!---->`);
+      }
+      if (unref(selectedCase)) {
+        _push(`<div class="flex items-start justify-between gap-2 flex-wrap"><div class="min-w-0"><p class="text-sm font-medium break-words">${ssrInterpolate(unref(selectedCase).title)}</p>`);
+        _push(ssrRenderComponent(_component_OpenInIdeLink, {
+          "file-path": unref(selectedCase).filePath,
+          "project-key": __props.projectKey,
+          "project-name": __props.projectName,
+          class: "text-xs text-gray-400"
+        }, null, _parent));
+        _push(`</div>`);
+        _push(ssrRenderComponent(_component_UButton, {
+          to: `/test-run-cases/${unref(selectedCase).recentTestRunsCaseId}`,
+          size: "xs",
+          variant: "outline",
+          color: "neutral",
+          "trailing-icon": "i-lucide-arrow-right"
+        }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(` Open execution `);
+            } else {
+              return [
+                createTextVNode(" Open execution ")
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+        _push(`</div>`);
+      } else {
+        _push(`<!---->`);
+      }
+      if (unref(loading)) {
+        _push(`<div class="flex items-center justify-center py-10">`);
+        _push(ssrRenderComponent(_component_UIcon, {
+          name: "i-lucide-loader-circle",
+          class: "size-5 animate-spin text-gray-400"
+        }, null, _parent));
+        _push(`</div>`);
+      } else if (unref(caseDetail)) {
+        _push(`<!--[-->`);
+        if (unref(evidenceChips).length) {
+          _push(`<div class="flex flex-wrap gap-1.5"><!--[-->`);
+          ssrRenderList(unref(evidenceChips), (chip) => {
+            _push(ssrRenderComponent(_component_UBadge, {
+              key: chip.label,
+              color: "neutral",
+              variant: "subtle",
+              size: "sm",
+              class: "gap-1"
+            }, {
+              default: withCtx((_, _push2, _parent2, _scopeId) => {
+                if (_push2) {
+                  _push2(ssrRenderComponent(_component_UIcon, {
+                    name: chip.icon,
+                    class: "size-3"
+                  }, null, _parent2, _scopeId));
+                  _push2(` ${ssrInterpolate(chip.count)} ${ssrInterpolate(chip.label)}`);
+                } else {
+                  return [
+                    createVNode(_component_UIcon, {
+                      name: chip.icon,
+                      class: "size-3"
+                    }, null, 8, ["name"]),
+                    createTextVNode(" " + toDisplayString(chip.count) + " " + toDisplayString(chip.label), 1)
+                  ];
+                }
+              }),
+              _: 2
+            }, _parent));
+          });
+          _push(`<!--]--></div>`);
+        } else {
+          _push(`<!---->`);
+        }
+        _push(ssrRenderComponent(_component_TestEvidenceScreenshots, {
+          attachments: unref(caseDetail).attachments
+        }, null, _parent));
+        _push(ssrRenderComponent(_component_TestEvidenceVideos, {
+          attachments: unref(caseDetail).attachments
+        }, null, _parent));
+        _push(ssrRenderComponent(_component_TestEvidenceTraces, {
+          traces: unref(traces),
+          loading: unref(tracesLoading)
+        }, null, _parent));
+        if (unref(failingSteps).length > 0) {
+          _push(ssrRenderComponent(_component_TestEvidenceSection, {
+            icon: "i-lucide-list-checks",
+            label: "Failing steps",
+            count: unref(failingSteps).length,
+            open: unref(showSteps),
+            "onUpdate:open": ($event) => isRef(showSteps) ? showSteps.value = $event : null
+          }, {
+            default: withCtx((_, _push2, _parent2, _scopeId) => {
+              if (_push2) {
+                _push2(`<div class="divide-y divide-default"${_scopeId}><!--[-->`);
+                ssrRenderList(unref(failingSteps), (step, idx) => {
+                  _push2(`<div class="px-3 py-2 space-y-0.5"${_scopeId}><p class="text-xs font-medium text-gray-700 dark:text-gray-300"${_scopeId}>${ssrInterpolate(idx + 1)}. ${ssrInterpolate(step.title)}</p>`);
+                  if (step.error?.message) {
+                    _push2(`<p class="text-xs font-mono text-red-500 whitespace-pre-wrap break-all"${_scopeId}>${ssrInterpolate(step.error.message)}</p>`);
+                  } else {
+                    _push2(`<!---->`);
+                  }
+                  _push2(`</div>`);
+                });
+                _push2(`<!--]--></div>`);
+              } else {
+                return [
+                  createVNode("div", { class: "divide-y divide-default" }, [
+                    (openBlock(true), createBlock(Fragment, null, renderList(unref(failingSteps), (step, idx) => {
+                      return openBlock(), createBlock("div", {
+                        key: idx,
+                        class: "px-3 py-2 space-y-0.5"
+                      }, [
+                        createVNode("p", { class: "text-xs font-medium text-gray-700 dark:text-gray-300" }, toDisplayString(idx + 1) + ". " + toDisplayString(step.title), 1),
+                        step.error?.message ? (openBlock(), createBlock("p", {
+                          key: 0,
+                          class: "text-xs font-mono text-red-500 whitespace-pre-wrap break-all"
+                        }, toDisplayString(step.error.message), 1)) : createCommentVNode("", true)
+                      ]);
+                    }), 128))
+                  ])
+                ];
+              }
+            }),
+            _: 1
+          }, _parent));
+        } else {
+          _push(`<!---->`);
+        }
+        _push(ssrRenderComponent(_component_TestEvidenceSignals, {
+          "console-logs": unref(caseDetail).consoleLogs,
+          "network-requests": unref(caseDetail).networkRequests,
+          open: unref(showSignals),
+          "onUpdate:open": ($event) => isRef(showSignals) ? showSignals.value = $event : null
+        }, null, _parent));
+        if (unref(caseDetail).testSourceFrames?.length || unref(caseDetail).testSource || unref(traceStackFrames).length) {
+          _push(ssrRenderComponent(_component_TestEvidenceSection, {
+            icon: "i-lucide-code",
+            label: "Test source",
+            count: unref(traceStackFrames).length || unref(caseDetail).testSourceFrames?.length || unref(testSourceLines),
+            open: unref(showSource),
+            "onUpdate:open": ($event) => isRef(showSource) ? showSource.value = $event : null
+          }, {
+            default: withCtx((_, _push2, _parent2, _scopeId) => {
+              if (_push2) {
+                if (unref(traceStackFrames).length && (unref(caseDetail).testSourceFrames?.length || unref(caseDetail).testSource)) {
+                  _push2(ssrRenderComponent(_component_UTabs, {
+                    modelValue: unref(stackView),
+                    "onUpdate:modelValue": ($event) => isRef(stackView) ? stackView.value = $event : null,
+                    items: [
+                      { label: `Full stack (${unref(traceStackFrames).length})`, value: "trace" },
+                      { label: `Captured (${unref(caseDetail).testSourceFrames?.length || 1})`, value: "captured" }
+                    ],
+                    size: "xs",
+                    variant: "link",
+                    class: "mb-1.5",
+                    ui: { list: "gap-2", trigger: "px-1.5" }
+                  }, null, _parent2, _scopeId));
+                } else {
+                  _push2(`<!---->`);
+                }
+                _push2(`<div class="overflow-x-auto max-h-72"${_scopeId}>`);
+                if (unref(stackView) === "trace" && unref(traceStackFrames).length) {
+                  _push2(ssrRenderComponent(_component_TraceCallStack, {
+                    frames: unref(traceStackFrames),
+                    "project-key": __props.projectKey,
+                    "project-name": __props.projectName
+                  }, null, _parent2, _scopeId));
+                } else if (unref(caseDetail).testSourceFrames?.length) {
+                  _push2(ssrRenderComponent(_component_TestSourceStack, {
+                    frames: unref(caseDetail).testSourceFrames,
+                    "project-key": __props.projectKey,
+                    "project-name": __props.projectName
+                  }, null, _parent2, _scopeId));
+                } else if (unref(caseDetail).testSource) {
+                  _push2(ssrRenderComponent(_component_MarkdownPreview, {
+                    text: "```typescript\n" + unref(caseDetail).testSource + "\n```"
+                  }, null, _parent2, _scopeId));
+                } else {
+                  _push2(`<!---->`);
+                }
+                _push2(`</div>`);
+              } else {
+                return [
+                  unref(traceStackFrames).length && (unref(caseDetail).testSourceFrames?.length || unref(caseDetail).testSource) ? (openBlock(), createBlock(_component_UTabs, {
+                    key: 0,
+                    modelValue: unref(stackView),
+                    "onUpdate:modelValue": ($event) => isRef(stackView) ? stackView.value = $event : null,
+                    items: [
+                      { label: `Full stack (${unref(traceStackFrames).length})`, value: "trace" },
+                      { label: `Captured (${unref(caseDetail).testSourceFrames?.length || 1})`, value: "captured" }
+                    ],
+                    size: "xs",
+                    variant: "link",
+                    class: "mb-1.5",
+                    ui: { list: "gap-2", trigger: "px-1.5" }
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])) : createCommentVNode("", true),
+                  createVNode("div", { class: "overflow-x-auto max-h-72" }, [
+                    unref(stackView) === "trace" && unref(traceStackFrames).length ? (openBlock(), createBlock(_component_TraceCallStack, {
+                      key: 0,
+                      frames: unref(traceStackFrames),
+                      "project-key": __props.projectKey,
+                      "project-name": __props.projectName
+                    }, null, 8, ["frames", "project-key", "project-name"])) : unref(caseDetail).testSourceFrames?.length ? (openBlock(), createBlock(_component_TestSourceStack, {
+                      key: 1,
+                      frames: unref(caseDetail).testSourceFrames,
+                      "project-key": __props.projectKey,
+                      "project-name": __props.projectName
+                    }, null, 8, ["frames", "project-key", "project-name"])) : unref(caseDetail).testSource ? (openBlock(), createBlock(_component_MarkdownPreview, {
+                      key: 2,
+                      text: "```typescript\n" + unref(caseDetail).testSource + "\n```"
+                    }, null, 8, ["text"])) : createCommentVNode("", true)
+                  ])
+                ];
+              }
+            }),
+            _: 1
+          }, _parent));
+        } else {
+          _push(`<!---->`);
+        }
+        if (unref(caseDetail).ariaSnapshot) {
+          _push(ssrRenderComponent(_component_TestEvidenceSection, {
+            icon: "i-lucide-accessibility",
+            label: "ARIA snapshot",
+            open: unref(showAriaSnapshot),
+            "onUpdate:open": ($event) => isRef(showAriaSnapshot) ? showAriaSnapshot.value = $event : null
+          }, {
+            default: withCtx((_, _push2, _parent2, _scopeId) => {
+              if (_push2) {
+                _push2(`<div class="max-h-64 overflow-auto"${_scopeId}>`);
+                _push2(ssrRenderComponent(_component_MarkdownPreview, {
+                  text: "```yaml\n" + unref(caseDetail).ariaSnapshot + "\n```"
+                }, null, _parent2, _scopeId));
+                _push2(`</div>`);
+              } else {
+                return [
+                  createVNode("div", { class: "max-h-64 overflow-auto" }, [
+                    createVNode(_component_MarkdownPreview, {
+                      text: "```yaml\n" + unref(caseDetail).ariaSnapshot + "\n```"
+                    }, null, 8, ["text"])
+                  ])
+                ];
+              }
+            }),
+            _: 1
+          }, _parent));
+        } else {
+          _push(`<!---->`);
+        }
+        if (unref(caseDetail).pageState) {
+          _push(ssrRenderComponent(_component_TestEvidenceSection, {
+            icon: "i-lucide-database",
+            label: "App state",
+            open: unref(showPageState),
+            "onUpdate:open": ($event) => isRef(showPageState) ? showPageState.value = $event : null
+          }, {
+            default: withCtx((_, _push2, _parent2, _scopeId) => {
+              if (_push2) {
+                _push2(ssrRenderComponent(_component_PageStateCard, {
+                  "page-state": unref(caseDetail).pageState,
+                  plain: ""
+                }, null, _parent2, _scopeId));
+              } else {
+                return [
+                  createVNode(_component_PageStateCard, {
+                    "page-state": unref(caseDetail).pageState,
+                    plain: ""
+                  }, null, 8, ["page-state"])
+                ];
+              }
+            }),
+            _: 1
+          }, _parent));
+        } else {
+          _push(`<!---->`);
+        }
+        _push(`<!--]-->`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup$7 = _sfc_main$7.setup;
+_sfc_main$7.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/cluster/ClusterTestEvidence.vue");
+  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
+};
+const __nuxt_component_17 = Object.assign(_sfc_main$7, { __name: "ClusterTestEvidence" });
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "CommitPicker",
+  __ssrInlineRender: true,
+  props: {
+    modelValue: {},
+    clusterId: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const open = ref(false);
+    const search = ref("");
+    const commits = ref([]);
+    const apiError = ref(null);
+    const aggregateStats = ref(null);
+    const loading = ref(false);
+    const fetchError = ref(false);
+    const searchInputRef = ref(null);
+    const loadedForBaseline = ref(null);
+    const branches = ref([]);
+    const branchesLoading = ref(false);
+    const selectedBranch = ref(void 0);
+    const selected = computed(() => {
+      if (!props.modelValue) return null;
+      const sha = props.modelValue.trim();
+      const found = commits.value.find((c) => c.sha === sha || c.sha.startsWith(sha));
+      return found ?? { sha, shortSha: sha.slice(0, 7), message: "", author: "", date: "" };
+    });
+    async function loadBranches() {
+      if (branches.value.length) return;
+      branchesLoading.value = true;
+      try {
+        const res = await $fetch(`/api/failure-clusters/${props.clusterId}/branches`);
+        branches.value = res.items;
+      } catch {
+      } finally {
+        branchesLoading.value = false;
+      }
+    }
+    async function loadCommits() {
+      const baseline = props.modelValue || "";
+      loading.value = true;
+      fetchError.value = false;
+      loadedForBaseline.value = null;
+      try {
+        const params = {};
+        if (baseline) params.baseline = baseline;
+        if (selectedBranch.value) params.branch = selectedBranch.value;
+        const res = await $fetch(`/api/failure-clusters/${props.clusterId}/commits`, { query: params });
+        commits.value = res.items;
+        aggregateStats.value = res.aggregate;
+        apiError.value = res.error ?? null;
+        loadedForBaseline.value = baseline;
+      } catch {
+        fetchError.value = true;
+      } finally {
+        loading.value = false;
+      }
+    }
+    watch(selectedBranch, () => {
+      commits.value = [];
+      loadedForBaseline.value = null;
+      loadCommits();
+    });
+    watch(open, async (val) => {
+      if (val) {
+        await Promise.all([loadBranches(), loadCommits()]);
+        await nextTick();
+        const input = searchInputRef.value?.$el?.querySelector("input") ?? searchInputRef.value?.$el;
+        if (input instanceof HTMLElement) input.focus();
+      } else {
+        search.value = "";
+      }
+    });
+    const filtered = computed(() => filterCommits(commits.value, search.value));
+    const manualSha = computed(() => {
+      const q = search.value.trim();
+      if (!/^[0-9a-f]{7,40}$/i.test(q)) return null;
+      if (filtered.value.some((c) => c.sha.startsWith(q.toLowerCase()))) return null;
+      return q;
+    });
+    function select(sha) {
+      emit("update:modelValue", sha);
+      open.value = false;
+    }
+    function clear(e) {
+      e.stopPropagation();
+      apiError.value = null;
+      aggregateStats.value = null;
+      emit("update:modelValue", "");
+      open.value = false;
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UPopover = _sfc_main$8$1;
+      const _component_UButton = _sfc_main$k;
+      const _component_UIcon = _sfc_main$p;
+      const _component_USelectMenu = _sfc_main$f;
+      const _component_UInput = _sfc_main$d$1;
+      _push(ssrRenderComponent(_component_UPopover, mergeProps({
+        open: unref(open),
+        "onUpdate:open": ($event) => isRef(open) ? open.value = $event : null
+      }, _attrs), {
+        content: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="w-96 p-2 space-y-2"${_scopeId}><div class="flex items-center gap-1"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UIcon, {
+              name: "i-lucide-git-branch",
+              class: "size-3.5 text-gray-400 shrink-0"
+            }, null, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_component_USelectMenu, {
+              modelValue: unref(selectedBranch),
+              "onUpdate:modelValue": ($event) => isRef(selectedBranch) ? selectedBranch.value = $event : null,
+              items: unref(branches),
+              placeholder: "Default branch",
+              size: "xs",
+              class: "flex-1",
+              loading: unref(branchesLoading),
+              disabled: unref(branchesLoading)
+            }, null, _parent2, _scopeId));
+            _push2(`</div><div class="flex items-center gap-1"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UInput, {
+              ref_key: "searchInputRef",
+              ref: searchInputRef,
+              modelValue: unref(search),
+              "onUpdate:modelValue": ($event) => isRef(search) ? search.value = $event : null,
+              placeholder: "Search message, author, SHA…",
+              size: "xs",
+              icon: "i-lucide-search",
+              class: "flex-1"
+            }, null, _parent2, _scopeId));
+            if (__props.modelValue) {
+              _push2(ssrRenderComponent(_component_UButton, {
+                size: "xs",
+                color: "neutral",
+                variant: "ghost",
+                icon: "i-lucide-x",
+                title: "Clear baseline",
+                onClick: ($event) => clear($event)
+              }, null, _parent2, _scopeId));
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</div>`);
+            if (unref(aggregateStats) && __props.modelValue && !unref(loading)) {
+              _push2(`<div class="flex items-center gap-2 px-2 py-1.5 text-xs rounded-md bg-primary/5 text-gray-600 dark:text-gray-300"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: "i-lucide-git-compare-arrows",
+                class: "size-3.5 shrink-0 text-primary"
+              }, null, _parent2, _scopeId));
+              _push2(`<span${_scopeId}>Since baseline:</span><span class="font-medium text-green-600 dark:text-green-400"${_scopeId}>+${ssrInterpolate(unref(aggregateStats).linesAdded)}</span><span class="font-medium text-red-600 dark:text-red-400"${_scopeId}>-${ssrInterpolate(unref(aggregateStats).linesRemoved)}</span><span class="text-gray-400"${_scopeId}>across ${ssrInterpolate(unref(aggregateStats).filesChanged)} file${ssrInterpolate(unref(aggregateStats).filesChanged === 1 ? "" : "s")}</span></div>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            if (unref(loading)) {
+              _push2(`<div class="flex items-center justify-center gap-2 py-6 text-gray-400"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: "i-lucide-loader-2",
+                class: "size-4 animate-spin"
+              }, null, _parent2, _scopeId));
+              _push2(`<span class="text-sm"${_scopeId}>Loading commits…</span></div>`);
+            } else if (unref(fetchError)) {
+              _push2(`<div class="py-4 text-center text-sm text-red-500"${_scopeId}> Failed to load commits — check your SCM token in Settings → AI </div>`);
+            } else if (unref(apiError) && !unref(loading) && unref(commits).length === 0) {
+              _push2(`<div class="flex items-start gap-2 px-2 py-2 text-xs text-amber-700 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 rounded-md"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: "i-lucide-triangle-alert",
+                class: "size-3.5 shrink-0 mt-0.5"
+              }, null, _parent2, _scopeId));
+              _push2(`<span${_scopeId}>${ssrInterpolate(unref(apiError))}</span></div>`);
+            } else {
+              _push2(`<div class="max-h-80 overflow-y-auto space-y-px"${_scopeId}>`);
+              if (unref(manualSha)) {
+                _push2(`<button class="w-full text-left px-2 py-1.5 rounded flex items-center gap-2 hover:bg-elevated transition-colors border border-dashed border-default"${_scopeId}>`);
+                _push2(ssrRenderComponent(_component_UIcon, {
+                  name: "i-lucide-git-commit-horizontal",
+                  class: "size-3.5 text-gray-400 shrink-0"
+                }, null, _parent2, _scopeId));
+                _push2(`<span class="text-xs text-gray-500"${_scopeId}>Use commit</span><code class="text-xs text-primary"${_scopeId}>${ssrInterpolate(unref(manualSha).slice(0, 7))}</code></button>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              if (unref(filtered).length === 0 && !unref(manualSha)) {
+                _push2(`<div class="py-4 text-center text-sm text-gray-400"${_scopeId}>${ssrInterpolate(unref(search) ? "No commits match" : "No commits available")}</div>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`<!--[-->`);
+              ssrRenderList(unref(filtered), (c) => {
+                _push2(`<button class="${ssrRenderClass([__props.modelValue === c.sha ? "bg-primary/10 ring-1 ring-inset ring-primary/30" : "", "w-full text-left px-2 py-1.5 rounded flex items-start gap-2 hover:bg-elevated transition-colors"])}"${_scopeId}><code class="text-xs text-primary shrink-0 w-14 pt-px"${_scopeId}>${ssrInterpolate(c.shortSha)}</code><div class="flex-1 min-w-0"${_scopeId}><p class="text-xs font-medium leading-snug truncate"${_scopeId}>${ssrInterpolate(c.message)}</p><p class="text-xs text-gray-400 leading-snug truncate"${_scopeId}>${ssrInterpolate(c.author)}`);
+                if (c.date) {
+                  _push2(`<!--[--> · ${ssrInterpolate(unref(formatRelativeTime)(c.date))}<!--]-->`);
+                } else {
+                  _push2(`<!---->`);
+                }
+                _push2(`</p></div>`);
+                if (__props.modelValue === c.sha) {
+                  _push2(ssrRenderComponent(_component_UIcon, {
+                    name: "i-lucide-check",
+                    class: "size-3.5 text-primary shrink-0 mt-0.5"
+                  }, null, _parent2, _scopeId));
+                } else {
+                  _push2(`<!---->`);
+                }
+                _push2(`</button>`);
+              });
+              _push2(`<!--]--></div>`);
+            }
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "w-96 p-2 space-y-2" }, [
+                createVNode("div", { class: "flex items-center gap-1" }, [
+                  createVNode(_component_UIcon, {
+                    name: "i-lucide-git-branch",
+                    class: "size-3.5 text-gray-400 shrink-0"
+                  }),
+                  createVNode(_component_USelectMenu, {
+                    modelValue: unref(selectedBranch),
+                    "onUpdate:modelValue": ($event) => isRef(selectedBranch) ? selectedBranch.value = $event : null,
+                    items: unref(branches),
+                    placeholder: "Default branch",
+                    size: "xs",
+                    class: "flex-1",
+                    loading: unref(branchesLoading),
+                    disabled: unref(branchesLoading)
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "items", "loading", "disabled"])
+                ]),
+                createVNode("div", { class: "flex items-center gap-1" }, [
+                  createVNode(_component_UInput, {
+                    ref_key: "searchInputRef",
+                    ref: searchInputRef,
+                    modelValue: unref(search),
+                    "onUpdate:modelValue": ($event) => isRef(search) ? search.value = $event : null,
+                    placeholder: "Search message, author, SHA…",
+                    size: "xs",
+                    icon: "i-lucide-search",
+                    class: "flex-1"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                  __props.modelValue ? (openBlock(), createBlock(_component_UButton, {
+                    key: 0,
+                    size: "xs",
+                    color: "neutral",
+                    variant: "ghost",
+                    icon: "i-lucide-x",
+                    title: "Clear baseline",
+                    onClick: ($event) => clear($event)
+                  }, null, 8, ["onClick"])) : createCommentVNode("", true)
+                ]),
+                unref(aggregateStats) && __props.modelValue && !unref(loading) ? (openBlock(), createBlock("div", {
+                  key: 0,
+                  class: "flex items-center gap-2 px-2 py-1.5 text-xs rounded-md bg-primary/5 text-gray-600 dark:text-gray-300"
+                }, [
+                  createVNode(_component_UIcon, {
+                    name: "i-lucide-git-compare-arrows",
+                    class: "size-3.5 shrink-0 text-primary"
+                  }),
+                  createVNode("span", null, "Since baseline:"),
+                  createVNode("span", { class: "font-medium text-green-600 dark:text-green-400" }, "+" + toDisplayString(unref(aggregateStats).linesAdded), 1),
+                  createVNode("span", { class: "font-medium text-red-600 dark:text-red-400" }, "-" + toDisplayString(unref(aggregateStats).linesRemoved), 1),
+                  createVNode("span", { class: "text-gray-400" }, "across " + toDisplayString(unref(aggregateStats).filesChanged) + " file" + toDisplayString(unref(aggregateStats).filesChanged === 1 ? "" : "s"), 1)
+                ])) : createCommentVNode("", true),
+                unref(loading) ? (openBlock(), createBlock("div", {
+                  key: 1,
+                  class: "flex items-center justify-center gap-2 py-6 text-gray-400"
+                }, [
+                  createVNode(_component_UIcon, {
+                    name: "i-lucide-loader-2",
+                    class: "size-4 animate-spin"
+                  }),
+                  createVNode("span", { class: "text-sm" }, "Loading commits…")
+                ])) : unref(fetchError) ? (openBlock(), createBlock("div", {
+                  key: 2,
+                  class: "py-4 text-center text-sm text-red-500"
+                }, " Failed to load commits — check your SCM token in Settings → AI ")) : unref(apiError) && !unref(loading) && unref(commits).length === 0 ? (openBlock(), createBlock("div", {
+                  key: 3,
+                  class: "flex items-start gap-2 px-2 py-2 text-xs text-amber-700 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 rounded-md"
+                }, [
+                  createVNode(_component_UIcon, {
+                    name: "i-lucide-triangle-alert",
+                    class: "size-3.5 shrink-0 mt-0.5"
+                  }),
+                  createVNode("span", null, toDisplayString(unref(apiError)), 1)
+                ])) : (openBlock(), createBlock("div", {
+                  key: 4,
+                  class: "max-h-80 overflow-y-auto space-y-px"
+                }, [
+                  unref(manualSha) ? (openBlock(), createBlock("button", {
+                    key: 0,
+                    class: "w-full text-left px-2 py-1.5 rounded flex items-center gap-2 hover:bg-elevated transition-colors border border-dashed border-default",
+                    onClick: ($event) => select(unref(manualSha))
+                  }, [
+                    createVNode(_component_UIcon, {
+                      name: "i-lucide-git-commit-horizontal",
+                      class: "size-3.5 text-gray-400 shrink-0"
+                    }),
+                    createVNode("span", { class: "text-xs text-gray-500" }, "Use commit"),
+                    createVNode("code", { class: "text-xs text-primary" }, toDisplayString(unref(manualSha).slice(0, 7)), 1)
+                  ], 8, ["onClick"])) : createCommentVNode("", true),
+                  unref(filtered).length === 0 && !unref(manualSha) ? (openBlock(), createBlock("div", {
+                    key: 1,
+                    class: "py-4 text-center text-sm text-gray-400"
+                  }, toDisplayString(unref(search) ? "No commits match" : "No commits available"), 1)) : createCommentVNode("", true),
+                  (openBlock(true), createBlock(Fragment, null, renderList(unref(filtered), (c) => {
+                    return openBlock(), createBlock("button", {
+                      key: c.sha,
+                      class: ["w-full text-left px-2 py-1.5 rounded flex items-start gap-2 hover:bg-elevated transition-colors", __props.modelValue === c.sha ? "bg-primary/10 ring-1 ring-inset ring-primary/30" : ""],
+                      onClick: ($event) => select(c.sha)
+                    }, [
+                      createVNode("code", { class: "text-xs text-primary shrink-0 w-14 pt-px" }, toDisplayString(c.shortSha), 1),
+                      createVNode("div", { class: "flex-1 min-w-0" }, [
+                        createVNode("p", { class: "text-xs font-medium leading-snug truncate" }, toDisplayString(c.message), 1),
+                        createVNode("p", { class: "text-xs text-gray-400 leading-snug truncate" }, [
+                          createTextVNode(toDisplayString(c.author), 1),
+                          c.date ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                            createTextVNode(" · " + toDisplayString(unref(formatRelativeTime)(c.date)), 1)
+                          ], 64)) : createCommentVNode("", true)
+                        ])
+                      ]),
+                      __props.modelValue === c.sha ? (openBlock(), createBlock(_component_UIcon, {
+                        key: 0,
+                        name: "i-lucide-check",
+                        class: "size-3.5 text-primary shrink-0 mt-0.5"
+                      })) : createCommentVNode("", true)
+                    ], 10, ["onClick"]);
+                  }), 128))
+                ]))
+              ])
+            ];
+          }
+        }),
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(_component_UButton, {
+              size: "xs",
+              color: "neutral",
+              variant: "outline",
+              icon: __props.modelValue ? "i-lucide-git-branch-plus" : "i-lucide-git-branch",
+              "trailing-icon": "i-lucide-chevron-down",
+              class: "min-w-36 max-w-48 font-mono"
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  if (unref(selected)?.message) {
+                    _push3(`<span class="flex items-center gap-1.5 overflow-hidden min-w-0"${_scopeId2}><code class="text-primary shrink-0"${_scopeId2}>${ssrInterpolate(unref(selected).shortSha)}</code><span class="text-gray-500 truncate text-xs font-sans"${_scopeId2}>${ssrInterpolate(unref(selected).message)}</span></span>`);
+                  } else if (__props.modelValue) {
+                    _push3(`<span class="text-primary text-xs"${_scopeId2}>${ssrInterpolate(__props.modelValue.slice(0, 7))}…</span>`);
+                  } else {
+                    _push3(`<span class="text-gray-400 font-sans text-xs"${_scopeId2}>baseline commit…</span>`);
+                  }
+                } else {
+                  return [
+                    unref(selected)?.message ? (openBlock(), createBlock("span", {
+                      key: 0,
+                      class: "flex items-center gap-1.5 overflow-hidden min-w-0"
+                    }, [
+                      createVNode("code", { class: "text-primary shrink-0" }, toDisplayString(unref(selected).shortSha), 1),
+                      createVNode("span", { class: "text-gray-500 truncate text-xs font-sans" }, toDisplayString(unref(selected).message), 1)
+                    ])) : __props.modelValue ? (openBlock(), createBlock("span", {
+                      key: 1,
+                      class: "text-primary text-xs"
+                    }, toDisplayString(__props.modelValue.slice(0, 7)) + "…", 1)) : (openBlock(), createBlock("span", {
+                      key: 2,
+                      class: "text-gray-400 font-sans text-xs"
+                    }, "baseline commit…"))
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(_component_UButton, {
+                size: "xs",
+                color: "neutral",
+                variant: "outline",
+                icon: __props.modelValue ? "i-lucide-git-branch-plus" : "i-lucide-git-branch",
+                "trailing-icon": "i-lucide-chevron-down",
+                class: "min-w-36 max-w-48 font-mono"
+              }, {
+                default: withCtx(() => [
+                  unref(selected)?.message ? (openBlock(), createBlock("span", {
+                    key: 0,
+                    class: "flex items-center gap-1.5 overflow-hidden min-w-0"
+                  }, [
+                    createVNode("code", { class: "text-primary shrink-0" }, toDisplayString(unref(selected).shortSha), 1),
+                    createVNode("span", { class: "text-gray-500 truncate text-xs font-sans" }, toDisplayString(unref(selected).message), 1)
+                  ])) : __props.modelValue ? (openBlock(), createBlock("span", {
+                    key: 1,
+                    class: "text-primary text-xs"
+                  }, toDisplayString(__props.modelValue.slice(0, 7)) + "…", 1)) : (openBlock(), createBlock("span", {
+                    key: 2,
+                    class: "text-gray-400 font-sans text-xs"
+                  }, "baseline commit…"))
+                ]),
+                _: 1
+              }, 8, ["icon"])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$6 = _sfc_main$6.setup;
+_sfc_main$6.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/cluster/CommitPicker.vue");
+  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
+};
+const __nuxt_component_1 = Object.assign(_sfc_main$6, { __name: "CommitPicker" });
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "ScmChangesView",
+  __ssrInlineRender: true,
+  props: {
+    changes: {}
+  },
+  setup(__props) {
+    const expandedFiles = ref(/* @__PURE__ */ new Set());
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UIcon = _sfc_main$p;
+      const _component_DiffPatch = __nuxt_component_1$2;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "space-y-3" }, _attrs))}>`);
+      if (__props.changes.commits.length > 0) {
+        _push(`<div class="space-y-1"><p class="text-xs font-semibold text-gray-500 uppercase tracking-wide px-1">${ssrInterpolate(__props.changes.commits.length)} commit${ssrInterpolate(__props.changes.commits.length === 1 ? "" : "s")}</p><div class="rounded-md border border-default overflow-hidden divide-y divide-default"><!--[-->`);
+        ssrRenderList(__props.changes.commits, (commit) => {
+          _push(`<div class="flex items-center gap-2 px-3 py-1.5">`);
+          _push(ssrRenderComponent(_component_UIcon, {
+            name: "i-lucide-git-commit-horizontal",
+            class: "size-3.5 text-gray-400 shrink-0"
+          }, null, _parent));
+          _push(`<code class="text-xs text-gray-400 shrink-0">${ssrInterpolate(commit.sha.slice(0, 7))}</code><span class="text-xs text-gray-700 dark:text-gray-300 truncate">${ssrInterpolate(commit.message)}</span></div>`);
+        });
+        _push(`<!--]--></div></div>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`<div class="space-y-1"><p class="text-xs font-semibold text-gray-500 uppercase tracking-wide px-1">${ssrInterpolate(__props.changes.files.length)} file${ssrInterpolate(__props.changes.files.length === 1 ? "" : "s")} changed `);
+      if (__props.changes.patchesOmitted) {
+        _push(`<span class="text-yellow-500 font-normal normal-case"> — diff too large, file names only </span>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`</p><div class="rounded-md border border-default overflow-hidden divide-y divide-default"><!--[-->`);
+      ssrRenderList(__props.changes.files, (file) => {
+        _push(`<div><button class="${ssrRenderClass([file.patch ? "cursor-pointer" : "cursor-default", "w-full flex items-center gap-2 px-3 py-1.5 text-left hover:bg-gray-50 dark:hover:bg-gray-800/50 transition-colors"])}">`);
+        _push(ssrRenderComponent(_component_UIcon, {
+          name: ("scmFileStatusMeta" in _ctx ? _ctx.scmFileStatusMeta : unref(scmFileStatusMeta))(file.status).icon,
+          class: ["size-3.5 shrink-0", ("scmFileStatusMeta" in _ctx ? _ctx.scmFileStatusMeta : unref(scmFileStatusMeta))(file.status).color]
+        }, null, _parent));
+        _push(`<span class="text-xs font-mono flex-1 truncate text-gray-700 dark:text-gray-300">${ssrInterpolate(file.filename)}</span><span class="text-xs text-gray-400 shrink-0 tabular-nums">`);
+        if (file.additions) {
+          _push(`<span class="text-green-500">+${ssrInterpolate(file.additions)}</span>`);
+        } else {
+          _push(`<!---->`);
+        }
+        if (file.additions && file.deletions) {
+          _push(`<span class="text-gray-300 mx-0.5">/</span>`);
+        } else {
+          _push(`<!---->`);
+        }
+        if (file.deletions) {
+          _push(`<span class="text-red-500">-${ssrInterpolate(file.deletions)}</span>`);
+        } else {
+          _push(`<!---->`);
+        }
+        _push(`</span>`);
+        if (file.patch) {
+          _push(ssrRenderComponent(_component_UIcon, {
+            name: unref(expandedFiles).has(file.filename) ? "i-lucide-chevron-up" : "i-lucide-chevron-down",
+            class: "size-3.5 text-gray-400 shrink-0"
+          }, null, _parent));
+        } else {
+          _push(`<!---->`);
+        }
+        _push(`</button>`);
+        if (file.patch && unref(expandedFiles).has(file.filename)) {
+          _push(`<div class="border-t border-default overflow-x-auto max-h-96">`);
+          _push(ssrRenderComponent(_component_DiffPatch, {
+            patch: file.patch
+          }, null, _parent));
+          _push(`</div>`);
+        } else {
+          _push(`<!---->`);
+        }
+        _push(`</div>`);
+      });
+      _push(`<!--]--></div></div></div>`);
+    };
+  }
+});
+const _sfc_setup$5 = _sfc_main$5.setup;
+_sfc_main$5.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/project/ScmChangesView.vue");
+  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
+};
+const __nuxt_component_5 = Object.assign(_sfc_main$5, { __name: "ScmChangesView" });
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "DiffFile",
+  __ssrInlineRender: true,
+  props: {
+    file: {}
+  },
+  setup(__props) {
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UBadge = _sfc_main$7$1;
+      const _component_DiffPatch = __nuxt_component_1$2;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "border border-default rounded-lg overflow-clip text-xs font-mono" }, _attrs))}><div class="sticky top-0 z-10 flex items-center justify-between px-3 py-1.5 bg-elevated border-b border-default text-gray-600 dark:text-gray-300"><span class="font-medium truncate">${ssrInterpolate(__props.file.filename)}</span><span class="shrink-0 flex items-center gap-1.5 ml-2 text-[11px]">`);
+      if (__props.file.additions) {
+        _push(`<span class="text-green-600 dark:text-green-400">+${ssrInterpolate(__props.file.additions)}</span>`);
+      } else {
+        _push(`<!---->`);
+      }
+      if (__props.file.deletions) {
+        _push(`<span class="text-red-600 dark:text-red-400">-${ssrInterpolate(__props.file.deletions)}</span>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(ssrRenderComponent(_component_UBadge, {
+        label: __props.file.status,
+        size: "xs",
+        variant: "subtle",
+        color: ("scmFileStatusMeta" in _ctx ? _ctx.scmFileStatusMeta : unref(scmFileStatusMeta))(__props.file.status).badgeColor
+      }, null, _parent));
+      _push(`</span></div>`);
+      if (__props.file.patch) {
+        _push(ssrRenderComponent(_component_DiffPatch, {
+          patch: __props.file.patch
+        }, null, _parent));
+      } else {
+        _push(`<div class="px-3 py-2 text-gray-400 text-[11px]">No patch available</div>`);
+      }
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup$4 = _sfc_main$4.setup;
+_sfc_main$4.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/shared/DiffFile.vue");
+  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+};
+const __nuxt_component_8 = Object.assign(_sfc_main$4, { __name: "DiffFile" });
+const COMMIT_PAGE_SIZE = 50;
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "CommitBrowserModal",
+  __ssrInlineRender: true,
+  props: {
+    open: { type: Boolean },
+    clusterId: {},
+    initialSelected: {},
+    autoSelectedShas: {}
+  },
+  emits: ["update:open", "confirm"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const autoSelectedSet = computed(() => new Set(props.autoSelectedShas ?? []));
+    const emit = __emit;
+    const search = ref("");
+    const commits = ref([]);
+    const commitLimit = ref(COMMIT_PAGE_SIZE);
+    const hasMore = ref(false);
+    const loadingCommits = ref(false);
+    const loadingMore = ref(false);
+    const commitsError = ref(null);
+    const loadMoreError = ref(null);
+    const selectedShas = ref(/* @__PURE__ */ new Set());
+    const focusedSha = ref(null);
+    const diffCache = reactive({});
+    const diff = ref(null);
+    const loadingDiff = ref(false);
+    const diffError = ref(null);
+    const focusedCommit = computed(() => commits.value.find((c) => c.sha === focusedSha.value) ?? null);
+    const filteredCommits = computed(() => filterCommits(commits.value, search.value));
+    const selectedStats = computed(() => {
+      let files = 0, linesAdded = 0, linesRemoved = 0, unreviewed = 0;
+      for (const sha of selectedShas.value) {
+        if (!(sha in diffCache)) {
+          unreviewed++;
+          continue;
+        }
+        const d = diffCache[sha];
+        if (d) {
+          files += d.files.length;
+          linesAdded += d.files.reduce((s, f) => s + f.additions, 0);
+          linesRemoved += d.files.reduce((s, f) => s + f.deletions, 0);
+        }
+      }
+      return { files, linesAdded, linesRemoved, unreviewed };
+    });
+    async function loadCommits(initial) {
+      if (initial) {
+        loadingCommits.value = true;
+        commitsError.value = null;
+      } else {
+        loadingMore.value = true;
+        loadMoreError.value = null;
+      }
+      try {
+        const res = await $fetch(
+          `/api/failure-clusters/${props.clusterId}/commits`,
+          { query: { limit: commitLimit.value } }
+        );
+        commits.value = res.items;
+        hasMore.value = res.hasMore ?? false;
+        if (res.error && !res.items.length) {
+          if (initial) commitsError.value = res.error;
+          else loadMoreError.value = res.error;
+        }
+        if (initial && res.items[0]) focusCommit(res.items[0].sha);
+      } catch (err) {
+        if (initial) commitsError.value = errorMessage(err);
+        else loadMoreError.value = errorMessage(err);
+      } finally {
+        loadingCommits.value = false;
+        loadingMore.value = false;
+      }
+    }
+    async function loadMore() {
+      commitLimit.value += COMMIT_PAGE_SIZE;
+      await loadCommits(false);
+    }
+    watch(
+      () => props.open,
+      async (val) => {
+        if (!val) return;
+        selectedShas.value = new Set(props.initialSelected ?? []);
+        if (commits.value.length) {
+          if (!focusedSha.value && commits.value[0]) focusCommit(commits.value[0].sha);
+          return;
+        }
+        commitLimit.value = COMMIT_PAGE_SIZE;
+        await loadCommits(true);
+      }
+    );
+    async function focusCommit(sha) {
+      if (focusedSha.value === sha) return;
+      focusedSha.value = sha;
+      diffError.value = null;
+      if (sha in diffCache) {
+        diff.value = diffCache[sha];
+        loadingDiff.value = false;
+        return;
+      }
+      diff.value = null;
+      loadingDiff.value = true;
+      try {
+        const result = await $fetch(
+          `/api/failure-clusters/${props.clusterId}/commit-diff`,
+          { query: { sha } }
+        );
+        diffCache[sha] = result;
+        if (focusedSha.value === sha) diff.value = result;
+      } catch (err) {
+        if (focusedSha.value === sha) diffError.value = errorMessage(err);
+      } finally {
+        if (focusedSha.value === sha) loadingDiff.value = false;
+      }
+    }
+    function toggleSha(sha) {
+      const s = new Set(selectedShas.value);
+      if (s.has(sha)) s.delete(sha);
+      else s.add(sha);
+      selectedShas.value = s;
+    }
+    function selectAll() {
+      selectedShas.value = new Set(filteredCommits.value.map((c) => c.sha));
+    }
+    function clearAll() {
+      selectedShas.value = /* @__PURE__ */ new Set();
+    }
+    function confirm() {
+      emit("confirm", [...selectedShas.value]);
+      emit("update:open", false);
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UModal = _sfc_main$e;
+      const _component_HelpHint = __nuxt_component_2;
+      const _component_UInput = _sfc_main$d$1;
+      const _component_LoadingState = __nuxt_component_13$1;
+      const _component_ErrorState = __nuxt_component_5$1;
+      const _component_UButton = _sfc_main$k;
+      const _component_UBadge = _sfc_main$7$1;
+      const _component_UIcon = _sfc_main$p;
+      const _component_DiffFile = __nuxt_component_8;
+      _push(ssrRenderComponent(_component_UModal, mergeProps({
+        open: __props.open,
+        title: "Browse commits",
+        ui: { content: "max-w-6xl", body: "p-0 overflow-hidden" },
+        "onUpdate:open": ($event) => emit("update:open", $event)
+      }, _attrs), {
+        title: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<span class="inline-flex items-center gap-1"${_scopeId}>Browse commits `);
+            _push2(ssrRenderComponent(_component_HelpHint, { topic: "cluster.commit-browser" }, null, _parent2, _scopeId));
+            _push2(`</span>`);
+          } else {
+            return [
+              createVNode("span", { class: "inline-flex items-center gap-1" }, [
+                createTextVNode("Browse commits "),
+                createVNode(_component_HelpHint, { topic: "cluster.commit-browser" })
+              ])
+            ];
+          }
+        }),
+        body: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="flex h-[72vh] overflow-hidden"${_scopeId}><div class="w-72 shrink-0 border-r border-default flex flex-col"${_scopeId}><div class="p-2 border-b border-default space-y-2 shrink-0"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UInput, {
+              modelValue: unref(search),
+              "onUpdate:modelValue": ($event) => isRef(search) ? search.value = $event : null,
+              placeholder: "Search commits…",
+              size: "xs",
+              icon: "i-lucide-search"
+            }, null, _parent2, _scopeId));
+            _push2(`<div class="flex items-center gap-2 text-xs text-gray-500"${_scopeId}><button class="hover:text-primary transition-colors"${_scopeId}>All</button><span${_scopeId}>·</span><button class="hover:text-primary transition-colors"${_scopeId}>None</button><span class="ml-auto"${_scopeId}>${ssrInterpolate(unref(selectedShas).size > 0 ? `${unref(selectedShas).size} selected` : "none selected")}</span></div></div>`);
+            if (unref(loadingCommits)) {
+              _push2(ssrRenderComponent(_component_LoadingState, {
+                text: "Loading…",
+                padded: false,
+                class: "flex-1"
+              }, null, _parent2, _scopeId));
+            } else if (unref(commitsError)) {
+              _push2(ssrRenderComponent(_component_ErrorState, {
+                text: unref(commitsError),
+                padded: false,
+                class: "flex-1 p-4"
+              }, {
+                action: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UButton, {
+                      size: "xs",
+                      color: "neutral",
+                      variant: "outline",
+                      onClick: ($event) => loadCommits(true)
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(` Retry `);
+                        } else {
+                          return [
+                            createTextVNode(" Retry ")
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(_component_UButton, {
+                        size: "xs",
+                        color: "neutral",
+                        variant: "outline",
+                        onClick: ($event) => loadCommits(true)
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Retry ")
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else {
+              _push2(`<div class="flex-1 overflow-y-auto flex flex-col"${_scopeId}>`);
+              if (unref(filteredCommits).length === 0) {
+                _push2(`<div class="py-6 text-center text-sm text-gray-400 flex-1"${_scopeId}>${ssrInterpolate(unref(search) ? "No commits match" : "No commits")}</div>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`<!--[-->`);
+              ssrRenderList(unref(filteredCommits), (c) => {
+                _push2(`<button class="${ssrRenderClass([unref(focusedSha) === c.sha ? "bg-elevated" : "", "w-full text-left px-2.5 py-2 flex items-start gap-2.5 hover:bg-elevated transition-colors border-b border-default/50 last:border-0 shrink-0"])}"${_scopeId}><input type="checkbox"${ssrIncludeBooleanAttr(unref(selectedShas).has(c.sha)) ? " checked" : ""} class="mt-0.5 shrink-0 cursor-pointer accent-primary"${_scopeId}><div class="flex-1 min-w-0"${_scopeId}><p class="text-xs font-medium leading-snug truncate"${_scopeId}>${ssrInterpolate(c.message || "(no message)")}</p><p class="text-[10px] text-gray-400 leading-snug mt-0.5 flex items-center gap-1 min-w-0"${_scopeId}><code class="text-primary shrink-0"${_scopeId}>${ssrInterpolate(c.shortSha)}</code><span class="truncate"${_scopeId}>${ssrInterpolate(c.author)}</span>`);
+                if (c.date) {
+                  _push2(`<span class="shrink-0"${_scopeId}>· ${ssrInterpolate(unref(formatRelativeTime)(c.date))}</span>`);
+                } else {
+                  _push2(`<!---->`);
+                }
+                if (unref(autoSelectedSet).has(c.sha)) {
+                  _push2(ssrRenderComponent(_component_UBadge, {
+                    size: "xs",
+                    color: "info",
+                    variant: "soft",
+                    class: "shrink-0"
+                  }, {
+                    default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                      if (_push3) {
+                        _push3(` auto `);
+                      } else {
+                        return [
+                          createTextVNode(" auto ")
+                        ];
+                      }
+                    }),
+                    _: 2
+                  }, _parent2, _scopeId));
+                } else {
+                  _push2(`<!---->`);
+                }
+                _push2(`</p></div></button>`);
+              });
+              _push2(`<!--]-->`);
+              if (unref(hasMore) && !unref(search)) {
+                _push2(`<div class="p-2 shrink-0 space-y-1.5"${_scopeId}>`);
+                if (unref(loadMoreError)) {
+                  _push2(`<p class="flex items-center gap-1.5 text-xs text-red-500 px-1"${_scopeId}>`);
+                  _push2(ssrRenderComponent(_component_UIcon, {
+                    name: "i-lucide-circle-alert",
+                    class: "size-3.5 shrink-0"
+                  }, null, _parent2, _scopeId));
+                  _push2(` ${ssrInterpolate(unref(loadMoreError))}</p>`);
+                } else {
+                  _push2(`<!---->`);
+                }
+                _push2(ssrRenderComponent(_component_UButton, {
+                  size: "xs",
+                  color: "neutral",
+                  variant: "outline",
+                  block: "",
+                  loading: unref(loadingMore),
+                  onClick: loadMore
+                }, {
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(` Load more `);
+                    } else {
+                      return [
+                        createTextVNode(" Load more ")
+                      ];
+                    }
+                  }),
+                  _: 1
+                }, _parent2, _scopeId));
+                _push2(`</div>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`</div>`);
+            }
+            _push2(`</div><div class="flex-1 overflow-y-auto flex flex-col min-w-0"${_scopeId}>`);
+            if (!unref(focusedSha)) {
+              _push2(`<div class="flex-1 flex items-center justify-center text-gray-400 text-sm"${_scopeId}> Select a commit to view its diff </div>`);
+            } else if (unref(loadingDiff)) {
+              _push2(ssrRenderComponent(_component_LoadingState, {
+                text: "Loading diff…",
+                padded: false,
+                class: "flex-1"
+              }, null, _parent2, _scopeId));
+            } else if (unref(diff)) {
+              _push2(`<div class="flex-1 p-4 space-y-3"${_scopeId}>`);
+              if (unref(focusedCommit)) {
+                _push2(`<div class="space-y-0.5 pb-3 border-b border-default"${_scopeId}><div class="flex items-center gap-2"${_scopeId}><code class="text-xs font-mono text-primary"${_scopeId}>${ssrInterpolate(unref(focusedCommit).shortSha)}</code><span class="text-xs text-gray-400"${_scopeId}>${ssrInterpolate(unref(focusedCommit).author)}`);
+                if (unref(focusedCommit).date) {
+                  _push2(`<!--[--> · ${ssrInterpolate(unref(formatRelativeTime)(unref(focusedCommit).date))}<!--]-->`);
+                } else {
+                  _push2(`<!---->`);
+                }
+                _push2(`</span></div><p class="text-sm font-semibold"${_scopeId}>${ssrInterpolate(unref(focusedCommit).message)}</p></div>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              if (unref(diff).files.length === 0) {
+                _push2(`<div class="text-sm text-gray-400 pt-2"${_scopeId}>No file changes in this commit</div>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`<!--[-->`);
+              ssrRenderList(unref(diff).files, (file) => {
+                _push2(ssrRenderComponent(_component_DiffFile, {
+                  key: file.filename,
+                  file
+                }, null, _parent2, _scopeId));
+              });
+              _push2(`<!--]--></div>`);
+            } else if (unref(diffError)) {
+              _push2(ssrRenderComponent(_component_ErrorState, {
+                text: unref(diffError),
+                padded: false,
+                class: "flex-1 p-6"
+              }, {
+                action: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`<p class="text-xs text-gray-400"${_scopeId2}>Click the commit again to retry</p>`);
+                  } else {
+                    return [
+                      createVNode("p", { class: "text-xs text-gray-400" }, "Click the commit again to retry")
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else {
+              _push2(`<div class="flex-1 flex items-center justify-center text-sm text-gray-400"${_scopeId}> Diff not available for this commit </div>`);
+            }
+            _push2(`</div></div>`);
+          } else {
+            return [
+              createVNode("div", { class: "flex h-[72vh] overflow-hidden" }, [
+                createVNode("div", { class: "w-72 shrink-0 border-r border-default flex flex-col" }, [
+                  createVNode("div", { class: "p-2 border-b border-default space-y-2 shrink-0" }, [
+                    createVNode(_component_UInput, {
+                      modelValue: unref(search),
+                      "onUpdate:modelValue": ($event) => isRef(search) ? search.value = $event : null,
+                      placeholder: "Search commits…",
+                      size: "xs",
+                      icon: "i-lucide-search"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                    createVNode("div", { class: "flex items-center gap-2 text-xs text-gray-500" }, [
+                      createVNode("button", {
+                        class: "hover:text-primary transition-colors",
+                        onClick: selectAll
+                      }, "All"),
+                      createVNode("span", null, "·"),
+                      createVNode("button", {
+                        class: "hover:text-primary transition-colors",
+                        onClick: clearAll
+                      }, "None"),
+                      createVNode("span", { class: "ml-auto" }, toDisplayString(unref(selectedShas).size > 0 ? `${unref(selectedShas).size} selected` : "none selected"), 1)
+                    ])
+                  ]),
+                  unref(loadingCommits) ? (openBlock(), createBlock(_component_LoadingState, {
+                    key: 0,
+                    text: "Loading…",
+                    padded: false,
+                    class: "flex-1"
+                  })) : unref(commitsError) ? (openBlock(), createBlock(_component_ErrorState, {
+                    key: 1,
+                    text: unref(commitsError),
+                    padded: false,
+                    class: "flex-1 p-4"
+                  }, {
+                    action: withCtx(() => [
+                      createVNode(_component_UButton, {
+                        size: "xs",
+                        color: "neutral",
+                        variant: "outline",
+                        onClick: ($event) => loadCommits(true)
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Retry ")
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ]),
+                    _: 1
+                  }, 8, ["text"])) : (openBlock(), createBlock("div", {
+                    key: 2,
+                    class: "flex-1 overflow-y-auto flex flex-col"
+                  }, [
+                    unref(filteredCommits).length === 0 ? (openBlock(), createBlock("div", {
+                      key: 0,
+                      class: "py-6 text-center text-sm text-gray-400 flex-1"
+                    }, toDisplayString(unref(search) ? "No commits match" : "No commits"), 1)) : createCommentVNode("", true),
+                    (openBlock(true), createBlock(Fragment, null, renderList(unref(filteredCommits), (c) => {
+                      return openBlock(), createBlock("button", {
+                        key: c.sha,
+                        class: ["w-full text-left px-2.5 py-2 flex items-start gap-2.5 hover:bg-elevated transition-colors border-b border-default/50 last:border-0 shrink-0", unref(focusedSha) === c.sha ? "bg-elevated" : ""],
+                        onClick: ($event) => focusCommit(c.sha)
+                      }, [
+                        createVNode("input", {
+                          type: "checkbox",
+                          checked: unref(selectedShas).has(c.sha),
+                          class: "mt-0.5 shrink-0 cursor-pointer accent-primary",
+                          onClick: withModifiers(() => {
+                          }, ["stop"]),
+                          onChange: ($event) => toggleSha(c.sha)
+                        }, null, 40, ["checked", "onClick", "onChange"]),
+                        createVNode("div", { class: "flex-1 min-w-0" }, [
+                          createVNode("p", { class: "text-xs font-medium leading-snug truncate" }, toDisplayString(c.message || "(no message)"), 1),
+                          createVNode("p", { class: "text-[10px] text-gray-400 leading-snug mt-0.5 flex items-center gap-1 min-w-0" }, [
+                            createVNode("code", { class: "text-primary shrink-0" }, toDisplayString(c.shortSha), 1),
+                            createVNode("span", { class: "truncate" }, toDisplayString(c.author), 1),
+                            c.date ? (openBlock(), createBlock("span", {
+                              key: 0,
+                              class: "shrink-0"
+                            }, "· " + toDisplayString(unref(formatRelativeTime)(c.date)), 1)) : createCommentVNode("", true),
+                            unref(autoSelectedSet).has(c.sha) ? (openBlock(), createBlock(_component_UBadge, {
+                              key: 1,
+                              size: "xs",
+                              color: "info",
+                              variant: "soft",
+                              class: "shrink-0"
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(" auto ")
+                              ]),
+                              _: 1
+                            })) : createCommentVNode("", true)
+                          ])
+                        ])
+                      ], 10, ["onClick"]);
+                    }), 128)),
+                    unref(hasMore) && !unref(search) ? (openBlock(), createBlock("div", {
+                      key: 1,
+                      class: "p-2 shrink-0 space-y-1.5"
+                    }, [
+                      unref(loadMoreError) ? (openBlock(), createBlock("p", {
+                        key: 0,
+                        class: "flex items-center gap-1.5 text-xs text-red-500 px-1"
+                      }, [
+                        createVNode(_component_UIcon, {
+                          name: "i-lucide-circle-alert",
+                          class: "size-3.5 shrink-0"
+                        }),
+                        createTextVNode(" " + toDisplayString(unref(loadMoreError)), 1)
+                      ])) : createCommentVNode("", true),
+                      createVNode(_component_UButton, {
+                        size: "xs",
+                        color: "neutral",
+                        variant: "outline",
+                        block: "",
+                        loading: unref(loadingMore),
+                        onClick: loadMore
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Load more ")
+                        ]),
+                        _: 1
+                      }, 8, ["loading"])
+                    ])) : createCommentVNode("", true)
+                  ]))
+                ]),
+                createVNode("div", { class: "flex-1 overflow-y-auto flex flex-col min-w-0" }, [
+                  !unref(focusedSha) ? (openBlock(), createBlock("div", {
+                    key: 0,
+                    class: "flex-1 flex items-center justify-center text-gray-400 text-sm"
+                  }, " Select a commit to view its diff ")) : unref(loadingDiff) ? (openBlock(), createBlock(_component_LoadingState, {
+                    key: 1,
+                    text: "Loading diff…",
+                    padded: false,
+                    class: "flex-1"
+                  })) : unref(diff) ? (openBlock(), createBlock("div", {
+                    key: 2,
+                    class: "flex-1 p-4 space-y-3"
+                  }, [
+                    unref(focusedCommit) ? (openBlock(), createBlock("div", {
+                      key: 0,
+                      class: "space-y-0.5 pb-3 border-b border-default"
+                    }, [
+                      createVNode("div", { class: "flex items-center gap-2" }, [
+                        createVNode("code", { class: "text-xs font-mono text-primary" }, toDisplayString(unref(focusedCommit).shortSha), 1),
+                        createVNode("span", { class: "text-xs text-gray-400" }, [
+                          createTextVNode(toDisplayString(unref(focusedCommit).author), 1),
+                          unref(focusedCommit).date ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                            createTextVNode(" · " + toDisplayString(unref(formatRelativeTime)(unref(focusedCommit).date)), 1)
+                          ], 64)) : createCommentVNode("", true)
+                        ])
+                      ]),
+                      createVNode("p", { class: "text-sm font-semibold" }, toDisplayString(unref(focusedCommit).message), 1)
+                    ])) : createCommentVNode("", true),
+                    unref(diff).files.length === 0 ? (openBlock(), createBlock("div", {
+                      key: 1,
+                      class: "text-sm text-gray-400 pt-2"
+                    }, "No file changes in this commit")) : createCommentVNode("", true),
+                    (openBlock(true), createBlock(Fragment, null, renderList(unref(diff).files, (file) => {
+                      return openBlock(), createBlock(_component_DiffFile, {
+                        key: file.filename,
+                        file
+                      }, null, 8, ["file"]);
+                    }), 128))
+                  ])) : unref(diffError) ? (openBlock(), createBlock(_component_ErrorState, {
+                    key: 3,
+                    text: unref(diffError),
+                    padded: false,
+                    class: "flex-1 p-6"
+                  }, {
+                    action: withCtx(() => [
+                      createVNode("p", { class: "text-xs text-gray-400" }, "Click the commit again to retry")
+                    ]),
+                    _: 1
+                  }, 8, ["text"])) : (openBlock(), createBlock("div", {
+                    key: 4,
+                    class: "flex-1 flex items-center justify-center text-sm text-gray-400"
+                  }, " Diff not available for this commit "))
+                ])
+              ])
+            ];
+          }
+        }),
+        footer: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="flex items-center gap-3 w-full"${_scopeId}><div class="flex-1 flex items-center gap-2 text-sm text-gray-500 min-w-0"${_scopeId}>`);
+            if (unref(selectedShas).size > 0) {
+              _push2(`<!--[--><span class="font-medium text-gray-700 dark:text-gray-200 shrink-0"${_scopeId}>${ssrInterpolate(unref(selectedShas).size)} commit${ssrInterpolate(unref(selectedShas).size === 1 ? "" : "s")}</span>`);
+              if (unref(selectedStats).files > 0 || unref(selectedStats).linesAdded > 0 || unref(selectedStats).linesRemoved > 0) {
+                _push2(`<!--[--><span class="text-gray-300 dark:text-gray-600"${_scopeId}>·</span><span class="shrink-0"${_scopeId}>${ssrInterpolate(unref(selectedStats).files)} file${ssrInterpolate(unref(selectedStats).files === 1 ? "" : "s")}</span><span class="text-green-600 dark:text-green-400 shrink-0 font-medium"${_scopeId}>+${ssrInterpolate(unref(selectedStats).linesAdded)}</span><span class="text-red-600 dark:text-red-400 shrink-0 font-medium"${_scopeId}>-${ssrInterpolate(unref(selectedStats).linesRemoved)}</span><!--]-->`);
+              } else {
+                _push2(`<!---->`);
+              }
+              if (unref(selectedStats).unreviewed > 0) {
+                _push2(`<span class="text-gray-400 text-xs shrink-0"${_scopeId}> (${ssrInterpolate(unref(selectedStats).unreviewed)} unreviewed) </span>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`<!--]-->`);
+            } else {
+              _push2(`<span${_scopeId}>No commits selected</span>`);
+            }
+            _push2(`</div>`);
+            _push2(ssrRenderComponent(_component_UButton, {
+              color: "neutral",
+              variant: "ghost",
+              onClick: ($event) => emit("update:open", false)
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` Cancel `);
+                } else {
+                  return [
+                    createTextVNode(" Cancel ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_component_UButton, {
+              color: "primary",
+              disabled: unref(selectedShas).size === 0,
+              onClick: confirm
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` Add to context `);
+                } else {
+                  return [
+                    createTextVNode(" Add to context ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "flex items-center gap-3 w-full" }, [
+                createVNode("div", { class: "flex-1 flex items-center gap-2 text-sm text-gray-500 min-w-0" }, [
+                  unref(selectedShas).size > 0 ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                    createVNode("span", { class: "font-medium text-gray-700 dark:text-gray-200 shrink-0" }, toDisplayString(unref(selectedShas).size) + " commit" + toDisplayString(unref(selectedShas).size === 1 ? "" : "s"), 1),
+                    unref(selectedStats).files > 0 || unref(selectedStats).linesAdded > 0 || unref(selectedStats).linesRemoved > 0 ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                      createVNode("span", { class: "text-gray-300 dark:text-gray-600" }, "·"),
+                      createVNode("span", { class: "shrink-0" }, toDisplayString(unref(selectedStats).files) + " file" + toDisplayString(unref(selectedStats).files === 1 ? "" : "s"), 1),
+                      createVNode("span", { class: "text-green-600 dark:text-green-400 shrink-0 font-medium" }, "+" + toDisplayString(unref(selectedStats).linesAdded), 1),
+                      createVNode("span", { class: "text-red-600 dark:text-red-400 shrink-0 font-medium" }, "-" + toDisplayString(unref(selectedStats).linesRemoved), 1)
+                    ], 64)) : createCommentVNode("", true),
+                    unref(selectedStats).unreviewed > 0 ? (openBlock(), createBlock("span", {
+                      key: 1,
+                      class: "text-gray-400 text-xs shrink-0"
+                    }, " (" + toDisplayString(unref(selectedStats).unreviewed) + " unreviewed) ", 1)) : createCommentVNode("", true)
+                  ], 64)) : (openBlock(), createBlock("span", { key: 1 }, "No commits selected"))
+                ]),
+                createVNode(_component_UButton, {
+                  color: "neutral",
+                  variant: "ghost",
+                  onClick: ($event) => emit("update:open", false)
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Cancel ")
+                  ]),
+                  _: 1
+                }, 8, ["onClick"]),
+                createVNode(_component_UButton, {
+                  color: "primary",
+                  disabled: unref(selectedShas).size === 0,
+                  onClick: confirm
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Add to context ")
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$3 = _sfc_main$3.setup;
+_sfc_main$3.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/cluster/CommitBrowserModal.vue");
+  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
+};
+const __nuxt_component_6 = Object.assign(_sfc_main$3, { __name: "CommitBrowserModal" });
+function useScmStatusSummary(coverage) {
+  const scmStatus = computed(() => {
+    const scm = coverage.value?.scm;
+    if (!scm)
+      return { color: "text-gray-400", icon: "i-lucide-git-branch", text: "Git context unavailable", detail: "" };
+    if (scm.baseCommitUsed) {
+      if (scm.filesCount === 0) {
+        return {
+          color: "text-yellow-500",
+          icon: "i-lucide-git-branch-plus",
+          text: `Manual baseline ${scm.baseCommitUsed.slice(0, 7)} · fetch failed`,
+          detail: "network error or missing SCM token (check AI settings)"
+        };
+      }
+      const patchNote2 = scm.patchesOmitted ? ", no patches (diff too large)" : scm.patchesTruncated ? `, ${scm.patchedFilesCount} with patches (some cut)` : `, ${scm.patchedFilesCount} with patches`;
+      return {
+        color: "text-blue-500",
+        icon: "i-lucide-git-branch-plus",
+        text: `Manual baseline ${scm.baseCommitUsed.slice(0, 7)} · ${scm.filesCount} files${patchNote2}`,
+        detail: scm.hasLastGreen ? "overrides last passing run baseline" : "no last passing run"
+      };
+    }
+    if (!scm.hasLastGreen)
+      return {
+        color: "text-gray-400",
+        icon: "i-lucide-git-branch",
+        text: "No last passing run",
+        detail: "enter a baseline commit below to enable diff"
+      };
+    if (!scm.hasCommitRange)
+      return {
+        color: "text-gray-400",
+        icon: "i-lucide-git-branch",
+        text: "No commit range",
+        detail: "reporter did not send SCM metadata"
+      };
+    if (!scm.provider)
+      return {
+        color: "text-yellow-500",
+        icon: "i-lucide-git-branch",
+        text: "Unsupported SCM host",
+        detail: "only GitHub, GitLab and Bitbucket are supported"
+      };
+    if (scm.filesCount === 0)
+      return {
+        color: "text-yellow-500",
+        icon: "i-lucide-git-branch",
+        text: `${scm.provider} · fetch failed`,
+        detail: "network error or missing SCM token (check AI settings)"
+      };
+    if (scm.patchesOmitted) {
+      return {
+        color: "text-yellow-500",
+        icon: "i-lucide-git-branch",
+        text: `${scm.provider} · ${scm.filesCount} files`,
+        detail: "diff too large — file list only, no patches"
+      };
+    }
+    const patchNote = scm.patchesTruncated ? ", some patches cut (budget)" : "";
+    const commitNote = scm.commitsCount > 0 ? ` · ${scm.commitsCount} commit${scm.commitsCount > 1 ? "s" : ""}` : "";
+    return {
+      color: "text-green-500",
+      icon: "i-lucide-git-branch",
+      text: `${scm.provider} · ${scm.filesCount} files · ${scm.patchedFilesCount} with patches${patchNote}${commitNote}`,
+      detail: ""
+    };
+  });
+  return { scmStatus };
+}
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "ClusterInvestigation",
+  __ssrInlineRender: true,
+  setup(__props) {
+    const {
+      clusterId,
+      baseCommit,
+      selectedCommitShas,
+      autoSelectedCommits,
+      baseCommitIsPinned,
+      coverage,
+      scmChanges,
+      contextLoading,
+      refreshContext
+    } = useClusterDiagnosis();
+    const commitBrowserOpen = ref(false);
+    const { scmStatus } = useScmStatusSummary(coverage);
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_HelpHint = __nuxt_component_2;
+      const _component_CommitPicker = __nuxt_component_1;
+      const _component_UTooltip = _sfc_main$a;
+      const _component_UIcon = _sfc_main$p;
+      const _component_UButton = _sfc_main$k;
+      const _component_ScmChangesView = __nuxt_component_5;
+      const _component_CommitBrowserModal = __nuxt_component_6;
+      _push(`<!--[--><div class="space-y-3"><div class="pb-2 border-b border-default"><div class="flex items-center gap-2 flex-wrap"><span class="text-xs text-gray-500 font-medium shrink-0 inline-flex items-center gap-1"> Baseline `);
+      _push(ssrRenderComponent(_component_HelpHint, { topic: "cluster.baseline" }, null, _parent));
+      _push(`</span>`);
+      _push(ssrRenderComponent(_component_CommitPicker, {
+        modelValue: unref(baseCommit),
+        "onUpdate:modelValue": ($event) => isRef(baseCommit) ? baseCommit.value = $event : null,
+        "cluster-id": unref(clusterId)
+      }, null, _parent));
+      if (unref(baseCommitIsPinned)) {
+        _push(ssrRenderComponent(_component_UTooltip, { text: "Baseline commit pinned for this cluster" }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: "i-lucide-pin",
+                class: "size-3.5 text-primary shrink-0"
+              }, null, _parent2, _scopeId));
+            } else {
+              return [
+                createVNode(_component_UIcon, {
+                  name: "i-lucide-pin",
+                  class: "size-3.5 text-primary shrink-0"
+                })
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`<div class="flex items-center gap-1.5 ml-auto">`);
+      if (unref(selectedCommitShas).length) {
+        _push(`<div class="flex items-center gap-1 px-2 py-0.5 rounded-full bg-primary/10 text-primary text-xs font-medium">`);
+        _push(ssrRenderComponent(_component_UIcon, {
+          name: "i-lucide-git-commit-horizontal",
+          class: "size-3"
+        }, null, _parent));
+        _push(`<span>${ssrInterpolate(unref(selectedCommitShas).length)} commit${ssrInterpolate(unref(selectedCommitShas).length === 1 ? "" : "s")}</span><button class="ml-0.5 hover:opacity-70 transition-opacity">`);
+        _push(ssrRenderComponent(_component_UIcon, {
+          name: "i-lucide-x",
+          class: "size-3"
+        }, null, _parent));
+        _push(`</button></div>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(ssrRenderComponent(_component_UButton, {
+        size: "xs",
+        color: "neutral",
+        variant: "ghost",
+        icon: "i-lucide-list",
+        onClick: ($event) => commitBrowserOpen.value = true
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(` Browse `);
+          } else {
+            return [
+              createTextVNode(" Browse ")
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(ssrRenderComponent(_component_UButton, {
+        icon: "i-lucide-refresh-cw",
+        size: "xs",
+        color: "neutral",
+        variant: "outline",
+        loading: unref(contextLoading),
+        onClick: unref(refreshContext)
+      }, null, _parent));
+      _push(`</div></div></div>`);
+      if (unref(coverage)) {
+        _push(`<div class="flex items-start gap-1.5 text-xs px-2 py-1.5 rounded-md bg-elevated border border-default">`);
+        _push(ssrRenderComponent(_component_UIcon, {
+          name: unref(scmStatus).icon,
+          class: ["size-3.5 mt-0.5 shrink-0", unref(scmStatus).color]
+        }, null, _parent));
+        _push(`<div><span class="${ssrRenderClass(unref(scmStatus).color)}">${ssrInterpolate(unref(scmStatus).text)}</span>`);
+        if (unref(scmStatus).detail) {
+          _push(`<span class="text-gray-400 ml-1">— ${ssrInterpolate(unref(scmStatus).detail)}</span>`);
+        } else {
+          _push(`<!---->`);
+        }
+        _push(`</div></div>`);
+      } else {
+        _push(`<!---->`);
+      }
+      if (unref(contextLoading) && !unref(scmChanges)) {
+        _push(`<div class="flex items-center justify-center py-6">`);
+        _push(ssrRenderComponent(_component_UIcon, {
+          name: "i-lucide-loader-circle",
+          class: "size-4 animate-spin text-gray-400"
+        }, null, _parent));
+        _push(`</div>`);
+      } else if (unref(scmChanges)) {
+        _push(ssrRenderComponent(_component_ScmChangesView, { changes: unref(scmChanges) }, null, _parent));
+      } else if (unref(coverage) && !unref(contextLoading) && !unref(scmChanges)) {
+        _push(`<p class="text-xs text-gray-400 text-center py-4"> No changes found in this range. </p>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`</div>`);
+      _push(ssrRenderComponent(_component_CommitBrowserModal, {
+        open: unref(commitBrowserOpen),
+        "onUpdate:open": ($event) => isRef(commitBrowserOpen) ? commitBrowserOpen.value = $event : null,
+        "cluster-id": unref(clusterId),
+        "initial-selected": unref(selectedCommitShas),
+        "auto-selected-shas": unref(autoSelectedCommits),
+        onConfirm: ($event) => selectedCommitShas.value = $event
+      }, null, _parent));
+      _push(`<!--]-->`);
+    };
+  }
+});
+const _sfc_setup$2 = _sfc_main$2.setup;
+_sfc_main$2.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/cluster/ClusterInvestigation.vue");
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+const __nuxt_component_19 = Object.assign(_sfc_main$2, { __name: "ClusterInvestigation" });
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "ClusterExtractCasesModal",
+  __ssrInlineRender: true,
+  props: {
+    open: { type: Boolean },
+    clusterId: {},
+    affectedTestCases: {},
+    projectKey: {},
+    projectName: {}
+  },
+  emits: ["update:open", "extracted"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const toast = useToast();
+    const selectedIds = ref(/* @__PURE__ */ new Set());
+    const triageNote = ref("");
+    const extracting = ref(false);
+    const error = ref(null);
+    function selectAll() {
+      selectedIds.value = new Set(props.affectedTestCases.map((t) => t.testCaseId));
+    }
+    function deselectAll() {
+      selectedIds.value = /* @__PURE__ */ new Set();
+    }
+    function toggle(id) {
+      const s = new Set(selectedIds.value);
+      if (s.has(id)) s.delete(id);
+      else s.add(id);
+      selectedIds.value = s;
+    }
+    watch(
+      () => props.open,
+      (val) => {
+        if (val) {
+          deselectAll();
+          triageNote.value = "";
+          error.value = null;
+        }
+      }
+    );
+    const selectedCount = computed(() => selectedIds.value.size);
+    async function extract() {
+      if (selectedCount.value === 0) return;
+      extracting.value = true;
+      error.value = null;
+      try {
+        await $fetch(`/api/failure-clusters/${props.clusterId}/extract-cases`, {
+          method: "POST",
+          body: {
+            testCaseIds: [...selectedIds.value],
+            triageNote: triageNote.value.trim() || void 0
+          }
+        });
+        toast.add({
+          title: `Extracted ${selectedCount.value} test ${selectedCount.value === 1 ? "case" : "cases"}`,
+          color: "success"
+        });
+        emit("extracted");
+        emit("update:open", false);
+      } catch (err) {
+        error.value = errorMessage(err);
+      } finally {
+        extracting.value = false;
+      }
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UModal = _sfc_main$e;
+      const _component_NuxtLink = __nuxt_component_12;
+      const _component_OpenInIdeLink = __nuxt_component_1$1;
+      const _component_UTextarea = _sfc_main$c;
+      const _component_UIcon = _sfc_main$p;
+      const _component_UButton = _sfc_main$k;
+      _push(ssrRenderComponent(_component_UModal, mergeProps({
+        open: __props.open,
+        title: "Extract test cases",
+        ui: { content: "max-w-4xl", body: "p-0 flex flex-col overflow-hidden" },
+        "onUpdate:open": ($event) => emit("update:open", $event)
+      }, _attrs), {
+        body: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="flex flex-col h-[60vh]"${_scopeId}><div class="flex items-center gap-3 px-4 py-2.5 border-b border-default text-sm shrink-0"${_scopeId}><button class="text-xs font-medium text-primary hover:underline"${_scopeId}>Select all</button><span class="text-gray-300 dark:text-gray-600"${_scopeId}>·</span><button class="text-xs font-medium text-primary hover:underline"${_scopeId}>Deselect all</button>`);
+            if (unref(selectedCount) > 0) {
+              _push2(`<span class="ml-auto text-xs text-gray-500"${_scopeId}>${ssrInterpolate(unref(selectedCount))} selected </span>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</div><div class="flex-1 overflow-y-auto"${_scopeId}><table class="w-full text-sm"${_scopeId}><thead class="sticky top-0 bg-gray-50 dark:bg-gray-800 border-b border-default"${_scopeId}><tr${_scopeId}><th class="w-10 px-4 py-2.5"${_scopeId}></th><th class="text-left px-2 py-2.5 font-medium text-gray-500 text-xs uppercase tracking-wide"${_scopeId}>Test</th><th class="text-left px-2 py-2.5 font-medium text-gray-500 text-xs uppercase tracking-wide hidden sm:table-cell"${_scopeId}> File </th><th class="text-right px-2 py-2.5 font-medium text-gray-500 text-xs uppercase tracking-wide w-20"${_scopeId}> Occurrences </th></tr></thead><tbody${_scopeId}><!--[-->`);
+            ssrRenderList(__props.affectedTestCases, (tc) => {
+              _push2(`<tr class="border-b border-default/50 hover:bg-elevated transition-colors cursor-pointer"${_scopeId}><td class="px-4 py-2.5"${_scopeId}><input type="checkbox"${ssrIncludeBooleanAttr(unref(selectedIds).has(tc.testCaseId)) ? " checked" : ""} class="shrink-0 cursor-pointer accent-primary"${_scopeId}></td><td class="px-2 py-2.5 min-w-0"${_scopeId}><p class="truncate font-medium text-gray-800 dark:text-gray-200 max-w-[24rem]"${_scopeId}>${ssrInterpolate(tc.title)}</p>`);
+              _push2(ssrRenderComponent(_component_NuxtLink, {
+                to: `/test-cases/${tc.testCaseId}`,
+                class: "text-[10px] text-primary hover:underline mt-0.5 inline-block",
+                onClick: () => {
+                }
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(` View details `);
+                  } else {
+                    return [
+                      createTextVNode(" View details ")
+                    ];
+                  }
+                }),
+                _: 2
+              }, _parent2, _scopeId));
+              _push2(`</td><td class="px-2 py-2.5 text-gray-500 text-xs max-w-[16rem] hidden sm:table-cell"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_OpenInIdeLink, {
+                "file-path": tc.filePath,
+                "project-key": __props.projectKey,
+                "project-name": __props.projectName,
+                class: "max-w-full"
+              }, null, _parent2, _scopeId));
+              _push2(`</td><td class="px-2 py-2.5 text-right text-gray-500 text-xs"${_scopeId}>${ssrInterpolate(tc.runCount)}</td></tr>`);
+            });
+            _push2(`<!--]-->`);
+            if (__props.affectedTestCases.length === 0) {
+              _push2(`<tr${_scopeId}><td colspan="4" class="px-4 py-8 text-center text-gray-400 text-sm"${_scopeId}>No test cases in this cluster.</td></tr>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</tbody></table></div><div class="shrink-0 border-t border-default px-4 py-3 space-y-1.5"${_scopeId}><label class="text-xs font-medium text-gray-500 uppercase tracking-wide"${_scopeId}>Triage note (optional)</label>`);
+            _push2(ssrRenderComponent(_component_UTextarea, {
+              modelValue: unref(triageNote),
+              "onUpdate:modelValue": ($event) => isRef(triageNote) ? triageNote.value = $event : null,
+              placeholder: "Add a note explaining why these tests were extracted…",
+              rows: 2,
+              class: "text-sm w-full"
+            }, null, _parent2, _scopeId));
+            _push2(`</div>`);
+            if (unref(error)) {
+              _push2(`<p class="shrink-0 px-4 pb-3 flex items-center gap-1.5 text-xs text-red-500"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: "i-lucide-circle-alert",
+                class: "size-3.5 shrink-0"
+              }, null, _parent2, _scopeId));
+              _push2(` ${ssrInterpolate(unref(error))}</p>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "flex flex-col h-[60vh]" }, [
+                createVNode("div", { class: "flex items-center gap-3 px-4 py-2.5 border-b border-default text-sm shrink-0" }, [
+                  createVNode("button", {
+                    class: "text-xs font-medium text-primary hover:underline",
+                    onClick: selectAll
+                  }, "Select all"),
+                  createVNode("span", { class: "text-gray-300 dark:text-gray-600" }, "·"),
+                  createVNode("button", {
+                    class: "text-xs font-medium text-primary hover:underline",
+                    onClick: deselectAll
+                  }, "Deselect all"),
+                  unref(selectedCount) > 0 ? (openBlock(), createBlock("span", {
+                    key: 0,
+                    class: "ml-auto text-xs text-gray-500"
+                  }, toDisplayString(unref(selectedCount)) + " selected ", 1)) : createCommentVNode("", true)
+                ]),
+                createVNode("div", { class: "flex-1 overflow-y-auto" }, [
+                  createVNode("table", { class: "w-full text-sm" }, [
+                    createVNode("thead", { class: "sticky top-0 bg-gray-50 dark:bg-gray-800 border-b border-default" }, [
+                      createVNode("tr", null, [
+                        createVNode("th", { class: "w-10 px-4 py-2.5" }),
+                        createVNode("th", { class: "text-left px-2 py-2.5 font-medium text-gray-500 text-xs uppercase tracking-wide" }, "Test"),
+                        createVNode("th", { class: "text-left px-2 py-2.5 font-medium text-gray-500 text-xs uppercase tracking-wide hidden sm:table-cell" }, " File "),
+                        createVNode("th", { class: "text-right px-2 py-2.5 font-medium text-gray-500 text-xs uppercase tracking-wide w-20" }, " Occurrences ")
+                      ])
+                    ]),
+                    createVNode("tbody", null, [
+                      (openBlock(true), createBlock(Fragment, null, renderList(__props.affectedTestCases, (tc) => {
+                        return openBlock(), createBlock("tr", {
+                          key: tc.testCaseId,
+                          class: "border-b border-default/50 hover:bg-elevated transition-colors cursor-pointer",
+                          onClick: ($event) => toggle(tc.testCaseId)
+                        }, [
+                          createVNode("td", { class: "px-4 py-2.5" }, [
+                            createVNode("input", {
+                              type: "checkbox",
+                              checked: unref(selectedIds).has(tc.testCaseId),
+                              class: "shrink-0 cursor-pointer accent-primary",
+                              onClick: withModifiers(() => {
+                              }, ["stop"]),
+                              onChange: ($event) => toggle(tc.testCaseId)
+                            }, null, 40, ["checked", "onClick", "onChange"])
+                          ]),
+                          createVNode("td", { class: "px-2 py-2.5 min-w-0" }, [
+                            createVNode("p", { class: "truncate font-medium text-gray-800 dark:text-gray-200 max-w-[24rem]" }, toDisplayString(tc.title), 1),
+                            createVNode(_component_NuxtLink, {
+                              to: `/test-cases/${tc.testCaseId}`,
+                              class: "text-[10px] text-primary hover:underline mt-0.5 inline-block",
+                              onClick: withModifiers(() => {
+                              }, ["stop"])
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(" View details ")
+                              ]),
+                              _: 1
+                            }, 8, ["to", "onClick"])
+                          ]),
+                          createVNode("td", { class: "px-2 py-2.5 text-gray-500 text-xs max-w-[16rem] hidden sm:table-cell" }, [
+                            createVNode(_component_OpenInIdeLink, {
+                              "file-path": tc.filePath,
+                              "project-key": __props.projectKey,
+                              "project-name": __props.projectName,
+                              class: "max-w-full"
+                            }, null, 8, ["file-path", "project-key", "project-name"])
+                          ]),
+                          createVNode("td", { class: "px-2 py-2.5 text-right text-gray-500 text-xs" }, toDisplayString(tc.runCount), 1)
+                        ], 8, ["onClick"]);
+                      }), 128)),
+                      __props.affectedTestCases.length === 0 ? (openBlock(), createBlock("tr", { key: 0 }, [
+                        createVNode("td", {
+                          colspan: "4",
+                          class: "px-4 py-8 text-center text-gray-400 text-sm"
+                        }, "No test cases in this cluster.")
+                      ])) : createCommentVNode("", true)
+                    ])
+                  ])
+                ]),
+                createVNode("div", { class: "shrink-0 border-t border-default px-4 py-3 space-y-1.5" }, [
+                  createVNode("label", { class: "text-xs font-medium text-gray-500 uppercase tracking-wide" }, "Triage note (optional)"),
+                  createVNode(_component_UTextarea, {
+                    modelValue: unref(triageNote),
+                    "onUpdate:modelValue": ($event) => isRef(triageNote) ? triageNote.value = $event : null,
+                    placeholder: "Add a note explaining why these tests were extracted…",
+                    rows: 2,
+                    class: "text-sm w-full"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                ]),
+                unref(error) ? (openBlock(), createBlock("p", {
+                  key: 0,
+                  class: "shrink-0 px-4 pb-3 flex items-center gap-1.5 text-xs text-red-500"
+                }, [
+                  createVNode(_component_UIcon, {
+                    name: "i-lucide-circle-alert",
+                    class: "size-3.5 shrink-0"
+                  }),
+                  createTextVNode(" " + toDisplayString(unref(error)), 1)
+                ])) : createCommentVNode("", true)
+              ])
+            ];
+          }
+        }),
+        footer: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="flex items-center gap-3 w-full"${_scopeId}><div class="flex-1"${_scopeId}></div>`);
+            _push2(ssrRenderComponent(_component_UButton, {
+              color: "neutral",
+              variant: "ghost",
+              disabled: unref(extracting),
+              onClick: ($event) => emit("update:open", false)
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` Cancel `);
+                } else {
+                  return [
+                    createTextVNode(" Cancel ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_component_UButton, {
+              color: "warning",
+              disabled: unref(selectedCount) === 0,
+              loading: unref(extracting),
+              onClick: extract
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` Extract${ssrInterpolate(unref(selectedCount) > 0 ? ` ${unref(selectedCount)}` : "")}`);
+                } else {
+                  return [
+                    createTextVNode(" Extract" + toDisplayString(unref(selectedCount) > 0 ? ` ${unref(selectedCount)}` : ""), 1)
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "flex items-center gap-3 w-full" }, [
+                createVNode("div", { class: "flex-1" }),
+                createVNode(_component_UButton, {
+                  color: "neutral",
+                  variant: "ghost",
+                  disabled: unref(extracting),
+                  onClick: ($event) => emit("update:open", false)
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Cancel ")
+                  ]),
+                  _: 1
+                }, 8, ["disabled", "onClick"]),
+                createVNode(_component_UButton, {
+                  color: "warning",
+                  disabled: unref(selectedCount) === 0,
+                  loading: unref(extracting),
+                  onClick: extract
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Extract" + toDisplayString(unref(selectedCount) > 0 ? ` ${unref(selectedCount)}` : ""), 1)
+                  ]),
+                  _: 1
+                }, 8, ["disabled", "loading"])
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$1 = _sfc_main$1.setup;
+_sfc_main$1.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/cluster/ClusterExtractCasesModal.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const __nuxt_component_21 = Object.assign(_sfc_main$1, { __name: "ClusterExtractCasesModal" });
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "[id]",
+  __ssrInlineRender: true,
+  async setup(__props) {
+    let __temp, __restore;
+    const route = useRoute();
+    const clusterId = parseInt(String(route.params.id));
+    const clusterDiagnosis = provideClusterDiagnosis(clusterId);
+    const { data: cluster, refresh } = ([__temp, __restore] = withAsyncContext(() => useFetch(
+      `/api/failure-clusters/${clusterId}`,
+      "$Io0yQjh0TH"
+      /* nuxt-injected */
+    )), __temp = await __temp, __restore(), __temp);
+    useHead(computed(() => ({ title: `${cluster.value?.signature ?? "Failure cluster"} — Piwi Dashboard` })));
+    const triageStatus = ref(cluster.value?.status ?? "open");
+    const triageNote = ref(cluster.value?.triageNote ?? "");
+    const triageSaving = ref(false);
+    watch(
+      () => cluster.value?.status,
+      (v) => {
+        if (v) triageStatus.value = v;
+      }
+    );
+    watch(
+      () => cluster.value?.triageNote,
+      (v) => {
+        triageNote.value = v ?? "";
+      }
+    );
+    const triageChanged = computed(
+      () => triageStatus.value !== (cluster.value?.status ?? "open") || triageNote.value.trim() !== (cluster.value?.triageNote ?? "")
+    );
+    async function saveTriage() {
+      triageSaving.value = true;
+      try {
+        await $fetch(`/api/failure-clusters/${clusterId}/status`, {
+          method: "PATCH",
+          body: { status: triageStatus.value, triageNote: triageNote.value.trim() || null }
+        });
+        refresh();
+      } finally {
+        triageSaving.value = false;
+      }
+    }
+    const extractModalOpen = ref(false);
+    function onExtracted() {
+      extractModalOpen.value = false;
+      refresh();
+    }
+    const { copyRich, copied: clusterCopied } = useCopyRich();
+    function copyCluster() {
+      const c = cluster.value;
+      if (!c) return;
+      const url = (void 0).location.href;
+      const esc = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+      const meta = [
+        c.errorType,
+        `${c.occurrences} occurrence${c.occurrences === 1 ? "" : "s"}`,
+        `${c.affectedTests} test${c.affectedTests === 1 ? "" : "s"} affected`,
+        c.status !== "open" ? c.status : null
+      ].filter(Boolean).join(" · ");
+      const aiSummary = c.diagnosis?.status === "completed" && c.diagnosis.summary ? `AI diagnosis (${c.diagnosis.category ?? "unknown"}, ${c.diagnosis.confidence ?? "?"} confidence): ${c.diagnosis.summary}` : null;
+      const plain = [
+        `❌ Failure cluster: ${c.signature}`,
+        meta,
+        "",
+        ...c.sampleError ? ["Sample error:", stripAnsi(c.sampleError), ""] : [],
+        ...aiSummary ? [aiSummary, ""] : [],
+        `Cluster: ${url}`
+      ].join("\n");
+      const html = [
+        `<p><strong>❌ Failure cluster</strong>: <code>${esc(c.signature)}</code></p>`,
+        `<p><em>${esc(meta)}</em></p>`,
+        c.sampleError ? `<p><strong>Sample error:</strong></p><pre>${renderAnsi(c.sampleError)}</pre>` : "",
+        aiSummary ? `<p><strong>AI diagnosis</strong> (${esc(c.diagnosis?.category ?? "unknown")}, ${esc(c.diagnosis?.confidence ?? "?")} confidence):<br>${esc(c.diagnosis.summary)}</p>` : "",
+        `<p>🔗 <a href="${url}">View failure cluster</a></p>`
+      ].join("");
+      copyRich(plain, html, { toast: "Failure cluster copied" });
+    }
+    const errorPeek = computed(() => {
+      const raw = cluster.value?.sampleError;
+      if (!raw) return "";
+      return stripAnsi(raw).split("\n").find((l) => l.trim()) ?? "";
+    });
+    const { scmStatus } = useScmStatusSummary(clusterDiagnosis.coverage);
+    const affectedRetryCases = computed(
+      () => (cluster.value?.affectedTestCases ?? []).map((tc) => ({
+        filePath: tc.filePath,
+        title: tc.title,
+        line: null,
+        projectName: null
+      }))
+    );
+    const retryCommand = computed(() => buildRetryCommand(affectedRetryCases.value));
+    const { copy: copyRetry, copied: retryCopied } = useCopy();
+    const errorSection = ref(null);
+    const evidenceSection = ref(null);
+    const scmSection = ref(null);
+    const envDiffSection = ref(null);
+    const visualDiffSection = ref(null);
+    const domSnapshotSection = ref(null);
+    const sectionToCard = {
+      sampleError: () => errorSection.value,
+      executionError: () => errorSection.value,
+      environmentDiff: () => envDiffSection.value,
+      visualDiff: () => visualDiffSection.value,
+      domSnapshot: () => domSnapshotSection.value,
+      scmInvestigation: () => scmSection.value,
+      selectedCommits: () => scmSection.value,
+      topSuspectedCommit: () => scmSection.value,
+      failingAction: () => scmSection.value,
+      affectedTests: () => evidenceSection.value,
+      testSource: () => evidenceSection.value,
+      sourceFiles: () => evidenceSection.value,
+      steps: () => evidenceSection.value,
+      failingSteps: () => evidenceSection.value,
+      console: () => evidenceSection.value,
+      networkRequests: () => evidenceSection.value,
+      serverTraces: () => evidenceSection.value,
+      ariaSnapshot: () => evidenceSection.value,
+      screenshots: () => evidenceSection.value,
+      tracePointers: () => evidenceSection.value,
+      artifacts: () => evidenceSection.value
+    };
+    provide(clusterSectionLocatorKey, {
+      canLocate: (id) => id in sectionToCard,
+      open: (id) => sectionToCard[id]?.()?.reveal()
+    });
+    const breadcrumbItems = computed(() => [
+      { label: "Home", icon: "i-lucide-house", to: "/" },
+      { label: "Projects", to: "/projects" },
+      ...cluster.value?.project ? [
+        {
+          label: cluster.value.project.label || cluster.value.project.name || "Project",
+          to: `/projects/${cluster.value.project.id}?tab=failure-clusters`
+        }
+      ] : [{ label: "Project" }],
+      { label: `Failure cluster #${clusterId}` }
+    ]);
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UDashboardPanel = _sfc_main$1$1;
+      const _component_UDashboardNavbar = _sfc_main$b;
+      const _component_UDashboardSidebarCollapse = _sfc_main$1$2;
+      const _component_BreadcrumbNav = __nuxt_component_3;
+      const _component_ShareLinksModal = __nuxt_component_6$1;
+      const _component_ExportMenu = __nuxt_component_7$1;
+      const _component_UTooltip = _sfc_main$a;
+      const _component_UButton = _sfc_main$k;
+      const _component_ClusterSummary = __nuxt_component_8$2;
+      const _component_CollapsibleSectionCard = __nuxt_component_27;
+      const _component_LocatorHealingPanel = __nuxt_component_21$1;
+      const _component_EnvironmentDiffCard = __nuxt_component_22;
+      const _component_VisualDiffCard = __nuxt_component_23;
+      const _component_DomSnapshotCard = __nuxt_component_29;
+      const _component_OpenInIdeLink = __nuxt_component_1$1;
+      const _component_UBadge = _sfc_main$7$1;
+      const _component_DesktopRunLocallyButton = __nuxt_component_14;
+      const _component_ClusterTestEvidence = __nuxt_component_17;
+      const _component_UIcon = _sfc_main$p;
+      const _component_ClusterInvestigation = __nuxt_component_19;
+      const _component_DiagnosisPanel = __nuxt_component_0;
+      const _component_ClusterExtractCasesModal = __nuxt_component_21;
+      _push(`<!--[-->`);
+      _push(ssrRenderComponent(_component_UDashboardPanel, { id: "failure-cluster-detail" }, {
+        header: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(_component_UDashboardNavbar, null, {
+              leading: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(ssrRenderComponent(_component_UDashboardSidebarCollapse, null, null, _parent3, _scopeId2));
+                  _push3(ssrRenderComponent(_component_BreadcrumbNav, { items: unref(breadcrumbItems) }, null, _parent3, _scopeId2));
+                } else {
+                  return [
+                    createVNode(_component_UDashboardSidebarCollapse),
+                    createVNode(_component_BreadcrumbNav, { items: unref(breadcrumbItems) }, null, 8, ["items"])
+                  ];
+                }
+              }),
+              right: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  if (unref(cluster)) {
+                    _push3(ssrRenderComponent(_component_ShareLinksModal, {
+                      endpoint: `/api/failure-clusters/${unref(cluster).id}/share-links`
+                    }, null, _parent3, _scopeId2));
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  if (unref(cluster)) {
+                    _push3(ssrRenderComponent(_component_ExportMenu, {
+                      endpoint: `/api/failure-clusters/${unref(cluster).id}/export`,
+                      "base-name": `piwi-cluster-${unref(cluster).id}`
+                    }, null, _parent3, _scopeId2));
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  if (unref(cluster)) {
+                    _push3(ssrRenderComponent(_component_UTooltip, {
+                      text: unref(clusterCopied) ? "Copied!" : "Copy failure cluster"
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(ssrRenderComponent(_component_UButton, {
+                            size: "sm",
+                            variant: "ghost",
+                            color: "neutral",
+                            icon: unref(clusterCopied) ? "i-lucide-check" : "i-lucide-clipboard",
+                            onClick: copyCluster
+                          }, null, _parent4, _scopeId3));
+                        } else {
+                          return [
+                            createVNode(_component_UButton, {
+                              size: "sm",
+                              variant: "ghost",
+                              color: "neutral",
+                              icon: unref(clusterCopied) ? "i-lucide-check" : "i-lucide-clipboard",
+                              onClick: copyCluster
+                            }, null, 8, ["icon"])
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                } else {
+                  return [
+                    unref(cluster) ? (openBlock(), createBlock(_component_ShareLinksModal, {
+                      key: 0,
+                      endpoint: `/api/failure-clusters/${unref(cluster).id}/share-links`
+                    }, null, 8, ["endpoint"])) : createCommentVNode("", true),
+                    unref(cluster) ? (openBlock(), createBlock(_component_ExportMenu, {
+                      key: 1,
+                      endpoint: `/api/failure-clusters/${unref(cluster).id}/export`,
+                      "base-name": `piwi-cluster-${unref(cluster).id}`
+                    }, null, 8, ["endpoint", "base-name"])) : createCommentVNode("", true),
+                    unref(cluster) ? (openBlock(), createBlock(_component_UTooltip, {
+                      key: 2,
+                      text: unref(clusterCopied) ? "Copied!" : "Copy failure cluster"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_UButton, {
+                          size: "sm",
+                          variant: "ghost",
+                          color: "neutral",
+                          icon: unref(clusterCopied) ? "i-lucide-check" : "i-lucide-clipboard",
+                          onClick: copyCluster
+                        }, null, 8, ["icon"])
+                      ]),
+                      _: 1
+                    }, 8, ["text"])) : createCommentVNode("", true)
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(_component_UDashboardNavbar, null, {
+                leading: withCtx(() => [
+                  createVNode(_component_UDashboardSidebarCollapse),
+                  createVNode(_component_BreadcrumbNav, { items: unref(breadcrumbItems) }, null, 8, ["items"])
+                ]),
+                right: withCtx(() => [
+                  unref(cluster) ? (openBlock(), createBlock(_component_ShareLinksModal, {
+                    key: 0,
+                    endpoint: `/api/failure-clusters/${unref(cluster).id}/share-links`
+                  }, null, 8, ["endpoint"])) : createCommentVNode("", true),
+                  unref(cluster) ? (openBlock(), createBlock(_component_ExportMenu, {
+                    key: 1,
+                    endpoint: `/api/failure-clusters/${unref(cluster).id}/export`,
+                    "base-name": `piwi-cluster-${unref(cluster).id}`
+                  }, null, 8, ["endpoint", "base-name"])) : createCommentVNode("", true),
+                  unref(cluster) ? (openBlock(), createBlock(_component_UTooltip, {
+                    key: 2,
+                    text: unref(clusterCopied) ? "Copied!" : "Copy failure cluster"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_UButton, {
+                        size: "sm",
+                        variant: "ghost",
+                        color: "neutral",
+                        icon: unref(clusterCopied) ? "i-lucide-check" : "i-lucide-clipboard",
+                        onClick: copyCluster
+                      }, null, 8, ["icon"])
+                    ]),
+                    _: 1
+                  }, 8, ["text"])) : createCommentVNode("", true)
+                ]),
+                _: 1
+              })
+            ];
+          }
+        }),
+        body: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (unref(cluster)) {
+              _push2(`<div class="flex flex-col h-full min-h-0 max-xl:overflow-y-auto xl:overflow-hidden"${_scopeId}><div class="border-b border-default shrink-0"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_ClusterSummary, {
+                cluster: unref(cluster),
+                "triage-status": unref(triageStatus),
+                "triage-note": unref(triageNote),
+                "triage-saving": unref(triageSaving),
+                "triage-changed": unref(triageChanged),
+                "onUpdate:triageStatus": ($event) => triageStatus.value = $event,
+                "onUpdate:triageNote": ($event) => triageNote.value = $event,
+                onSaveTriage: saveTriage
+              }, null, _parent2, _scopeId));
+              _push2(`</div><div class="grid grid-cols-1 xl:grid-cols-[3fr_2fr] gap-4 p-1 xl:flex-1 xl:min-h-0 xl:overflow-hidden"${_scopeId}><div class="space-y-4 xl:overflow-y-auto"${_scopeId}>`);
+              if (unref(cluster).sampleError) {
+                _push2(ssrRenderComponent(_component_CollapsibleSectionCard, {
+                  ref_key: "errorSection",
+                  ref: errorSection,
+                  "storage-key": "cluster-error",
+                  icon: "i-lucide-circle-x",
+                  "icon-class": "text-red-500",
+                  title: "Error message"
+                }, {
+                  folded: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(`<span class="font-mono text-xs"${_scopeId2}>${ssrInterpolate(unref(errorPeek))}</span>`);
+                    } else {
+                      return [
+                        createVNode("span", { class: "font-mono text-xs" }, toDisplayString(unref(errorPeek)), 1)
+                      ];
+                    }
+                  }),
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(`<div class="text-xs font-mono overflow-x-auto whitespace-pre-wrap"${_scopeId2}>${unref(renderAnsi)(unref(cluster).sampleError) ?? ""}</div>`);
+                    } else {
+                      return [
+                        createVNode("div", {
+                          class: "text-xs font-mono overflow-x-auto whitespace-pre-wrap",
+                          innerHTML: unref(renderAnsi)(unref(cluster).sampleError)
+                        }, null, 8, ["innerHTML"])
+                      ];
+                    }
+                  }),
+                  _: 1
+                }, _parent2, _scopeId));
+              } else {
+                _push2(`<!---->`);
+              }
+              if (unref(cluster).affectedTestCases?.length && unref(cluster).affectedTestCases[0]?.recentTestRunsCaseId) {
+                _push2(ssrRenderComponent(_component_LocatorHealingPanel, {
+                  ref: "locatorSection",
+                  "storage-key": "cluster-locators",
+                  "run-id": unref(cluster).lastSeenRunId,
+                  "test-runs-case-id": unref(cluster).affectedTestCases[0].recentTestRunsCaseId,
+                  "affected-count": unref(cluster).affectedTestCases.length
+                }, null, _parent2, _scopeId));
+              } else {
+                _push2(`<!---->`);
+              }
+              if (unref(cluster).affectedTestCases?.length && unref(cluster).affectedTestCases[0]?.recentTestRunsCaseId) {
+                _push2(ssrRenderComponent(_component_EnvironmentDiffCard, {
+                  ref_key: "envDiffSection",
+                  ref: envDiffSection,
+                  "storage-key": "cluster-env-diff",
+                  "run-id": unref(cluster).lastSeenRunId,
+                  "test-runs-case-id": unref(cluster).affectedTestCases[0].recentTestRunsCaseId
+                }, null, _parent2, _scopeId));
+              } else {
+                _push2(`<!---->`);
+              }
+              if (unref(cluster).affectedTestCases?.length && unref(cluster).affectedTestCases[0]?.recentTestRunsCaseId) {
+                _push2(ssrRenderComponent(_component_VisualDiffCard, {
+                  ref_key: "visualDiffSection",
+                  ref: visualDiffSection,
+                  "storage-key": "cluster-visual-diff",
+                  "run-id": unref(cluster).lastSeenRunId,
+                  "test-runs-case-id": unref(cluster).affectedTestCases[0].recentTestRunsCaseId
+                }, null, _parent2, _scopeId));
+              } else {
+                _push2(`<!---->`);
+              }
+              if (unref(cluster).affectedTestCases?.length && unref(cluster).affectedTestCases[0]?.recentTestRunsCaseId) {
+                _push2(ssrRenderComponent(_component_DomSnapshotCard, {
+                  ref_key: "domSnapshotSection",
+                  ref: domSnapshotSection,
+                  "storage-key": "cluster-dom-snapshot",
+                  "run-id": unref(cluster).lastSeenRunId,
+                  "test-runs-case-id": unref(cluster).affectedTestCases[0].recentTestRunsCaseId
+                }, null, _parent2, _scopeId));
+              } else {
+                _push2(`<!---->`);
+              }
+              if (unref(cluster).affectedTestCases?.length) {
+                _push2(ssrRenderComponent(_component_CollapsibleSectionCard, {
+                  ref_key: "evidenceSection",
+                  ref: evidenceSection,
+                  "storage-key": "cluster-evidence",
+                  icon: "i-lucide-flask-conical",
+                  title: "Test evidence",
+                  help: "cluster.evidence"
+                }, {
+                  folded: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(`${ssrInterpolate(unref(cluster).affectedTests)} ${ssrInterpolate(unref(cluster).affectedTests === 1 ? "test" : "tests")} · ${ssrInterpolate(unref(cluster).occurrences)} occurrence${ssrInterpolate(unref(cluster).occurrences === 1 ? "" : "s")} · `);
+                      if (unref(cluster).affectedTestCases[0]?.filePath) {
+                        _push3(ssrRenderComponent(_component_OpenInIdeLink, {
+                          "file-path": unref(cluster).affectedTestCases[0].filePath,
+                          "project-key": unref(cluster).project?.id,
+                          "project-name": unref(cluster).project?.name,
+                          class: "text-xs"
+                        }, null, _parent3, _scopeId2));
+                      } else {
+                        _push3(`<!---->`);
+                      }
+                    } else {
+                      return [
+                        createTextVNode(toDisplayString(unref(cluster).affectedTests) + " " + toDisplayString(unref(cluster).affectedTests === 1 ? "test" : "tests") + " · " + toDisplayString(unref(cluster).occurrences) + " occurrence" + toDisplayString(unref(cluster).occurrences === 1 ? "" : "s") + " · ", 1),
+                        unref(cluster).affectedTestCases[0]?.filePath ? (openBlock(), createBlock(_component_OpenInIdeLink, {
+                          key: 0,
+                          "file-path": unref(cluster).affectedTestCases[0].filePath,
+                          "project-key": unref(cluster).project?.id,
+                          "project-name": unref(cluster).project?.name,
+                          class: "text-xs"
+                        }, null, 8, ["file-path", "project-key", "project-name"])) : createCommentVNode("", true)
+                      ];
+                    }
+                  }),
+                  actions: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(ssrRenderComponent(_component_UBadge, {
+                        color: "neutral",
+                        variant: "subtle",
+                        size: "sm"
+                      }, {
+                        default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                          if (_push4) {
+                            _push4(`${ssrInterpolate(unref(cluster).affectedTestCases.length)} ${ssrInterpolate(unref(cluster).affectedTestCases.length === 1 ? "test" : "tests")}`);
+                          } else {
+                            return [
+                              createTextVNode(toDisplayString(unref(cluster).affectedTestCases.length) + " " + toDisplayString(unref(cluster).affectedTestCases.length === 1 ? "test" : "tests"), 1)
+                            ];
+                          }
+                        }),
+                        _: 1
+                      }, _parent3, _scopeId2));
+                      _push3(ssrRenderComponent(_component_UButton, {
+                        size: "xs",
+                        variant: "outline",
+                        color: "neutral",
+                        icon: unref(retryCopied) ? "i-lucide-check" : "i-lucide-play",
+                        title: unref(retryCopied) ? "Copied!" : ("copyPreview" in _ctx ? _ctx.copyPreview : unref(copyPreview))(unref(retryCommand)),
+                        onClick: ($event) => unref(copyRetry)(unref(retryCommand), { toast: "Retry command copied" })
+                      }, {
+                        default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                          if (_push4) {
+                            _push4(` Copy retry command `);
+                          } else {
+                            return [
+                              createTextVNode(" Copy retry command ")
+                            ];
+                          }
+                        }),
+                        _: 1
+                      }, _parent3, _scopeId2));
+                      _push3(ssrRenderComponent(_component_DesktopRunLocallyButton, {
+                        "project-id": unref(cluster).project?.id,
+                        "project-label": unref(cluster).project?.name,
+                        cases: unref(affectedRetryCases),
+                        label: "Run affected locally",
+                        "preset-options": { mode: "grep" }
+                      }, null, _parent3, _scopeId2));
+                      _push3(ssrRenderComponent(_component_UTooltip, { text: "Unlink incorrectly clustered test cases from this group" }, {
+                        default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                          if (_push4) {
+                            _push4(ssrRenderComponent(_component_UButton, {
+                              size: "xs",
+                              color: "warning",
+                              variant: "outline",
+                              icon: "i-lucide-arrow-up-from-line",
+                              onClick: ($event) => extractModalOpen.value = true
+                            }, {
+                              default: withCtx((_4, _push5, _parent5, _scopeId4) => {
+                                if (_push5) {
+                                  _push5(` Extract `);
+                                } else {
+                                  return [
+                                    createTextVNode(" Extract ")
+                                  ];
+                                }
+                              }),
+                              _: 1
+                            }, _parent4, _scopeId3));
+                          } else {
+                            return [
+                              createVNode(_component_UButton, {
+                                size: "xs",
+                                color: "warning",
+                                variant: "outline",
+                                icon: "i-lucide-arrow-up-from-line",
+                                onClick: ($event) => extractModalOpen.value = true
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(" Extract ")
+                                ]),
+                                _: 1
+                              }, 8, ["onClick"])
+                            ];
+                          }
+                        }),
+                        _: 1
+                      }, _parent3, _scopeId2));
+                    } else {
+                      return [
+                        createVNode(_component_UBadge, {
+                          color: "neutral",
+                          variant: "subtle",
+                          size: "sm"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(unref(cluster).affectedTestCases.length) + " " + toDisplayString(unref(cluster).affectedTestCases.length === 1 ? "test" : "tests"), 1)
+                          ]),
+                          _: 1
+                        }),
+                        createVNode(_component_UButton, {
+                          size: "xs",
+                          variant: "outline",
+                          color: "neutral",
+                          icon: unref(retryCopied) ? "i-lucide-check" : "i-lucide-play",
+                          title: unref(retryCopied) ? "Copied!" : ("copyPreview" in _ctx ? _ctx.copyPreview : unref(copyPreview))(unref(retryCommand)),
+                          onClick: ($event) => unref(copyRetry)(unref(retryCommand), { toast: "Retry command copied" })
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(" Copy retry command ")
+                          ]),
+                          _: 1
+                        }, 8, ["icon", "title", "onClick"]),
+                        createVNode(_component_DesktopRunLocallyButton, {
+                          "project-id": unref(cluster).project?.id,
+                          "project-label": unref(cluster).project?.name,
+                          cases: unref(affectedRetryCases),
+                          label: "Run affected locally",
+                          "preset-options": { mode: "grep" }
+                        }, null, 8, ["project-id", "project-label", "cases"]),
+                        createVNode(_component_UTooltip, { text: "Unlink incorrectly clustered test cases from this group" }, {
+                          default: withCtx(() => [
+                            createVNode(_component_UButton, {
+                              size: "xs",
+                              color: "warning",
+                              variant: "outline",
+                              icon: "i-lucide-arrow-up-from-line",
+                              onClick: ($event) => extractModalOpen.value = true
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(" Extract ")
+                              ]),
+                              _: 1
+                            }, 8, ["onClick"])
+                          ]),
+                          _: 1
+                        })
+                      ];
+                    }
+                  }),
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(ssrRenderComponent(_component_ClusterTestEvidence, {
+                        "affected-test-cases": unref(cluster).affectedTestCases,
+                        "project-key": unref(cluster).project?.id,
+                        "project-name": unref(cluster).project?.name
+                      }, null, _parent3, _scopeId2));
+                    } else {
+                      return [
+                        createVNode(_component_ClusterTestEvidence, {
+                          "affected-test-cases": unref(cluster).affectedTestCases,
+                          "project-key": unref(cluster).project?.id,
+                          "project-name": unref(cluster).project?.name
+                        }, null, 8, ["affected-test-cases", "project-key", "project-name"])
+                      ];
+                    }
+                  }),
+                  _: 1
+                }, _parent2, _scopeId));
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(ssrRenderComponent(_component_CollapsibleSectionCard, {
+                ref_key: "scmSection",
+                ref: scmSection,
+                "storage-key": "cluster-scm",
+                icon: "i-lucide-git-compare-arrows",
+                title: "What changed",
+                help: "cluster.scm"
+              }, {
+                folded: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`<span class="inline-flex items-center gap-1.5"${_scopeId2}>`);
+                    _push3(ssrRenderComponent(_component_UIcon, {
+                      name: unref(scmStatus).icon,
+                      class: ["size-3.5 shrink-0", unref(scmStatus).color]
+                    }, null, _parent3, _scopeId2));
+                    _push3(`<span class="${ssrRenderClass(unref(scmStatus).color)}"${_scopeId2}>${ssrInterpolate(unref(scmStatus).text)}</span></span>`);
+                  } else {
+                    return [
+                      createVNode("span", { class: "inline-flex items-center gap-1.5" }, [
+                        createVNode(_component_UIcon, {
+                          name: unref(scmStatus).icon,
+                          class: ["size-3.5 shrink-0", unref(scmStatus).color]
+                        }, null, 8, ["name", "class"]),
+                        createVNode("span", {
+                          class: unref(scmStatus).color
+                        }, toDisplayString(unref(scmStatus).text), 3)
+                      ])
+                    ];
+                  }
+                }),
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_ClusterInvestigation, null, null, _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(_component_ClusterInvestigation)
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              _push2(`</div><div class="xl:overflow-y-auto"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_DiagnosisPanel, {
+                "cluster-id": unref(clusterId),
+                "last-seen-run-id": unref(cluster)?.lastSeenRunId,
+                "affected-test-cases": unref(cluster)?.affectedTestCases ?? []
+              }, null, _parent2, _scopeId));
+              _push2(`</div></div></div>`);
+            } else {
+              _push2(`<div class="flex items-center justify-center h-64 text-gray-500"${_scopeId}>Cluster not found.</div>`);
+            }
+          } else {
+            return [
+              unref(cluster) ? (openBlock(), createBlock("div", {
+                key: 0,
+                class: "flex flex-col h-full min-h-0 max-xl:overflow-y-auto xl:overflow-hidden"
+              }, [
+                createVNode("div", { class: "border-b border-default shrink-0" }, [
+                  createVNode(_component_ClusterSummary, {
+                    cluster: unref(cluster),
+                    "triage-status": unref(triageStatus),
+                    "triage-note": unref(triageNote),
+                    "triage-saving": unref(triageSaving),
+                    "triage-changed": unref(triageChanged),
+                    "onUpdate:triageStatus": ($event) => triageStatus.value = $event,
+                    "onUpdate:triageNote": ($event) => triageNote.value = $event,
+                    onSaveTriage: saveTriage
+                  }, null, 8, ["cluster", "triage-status", "triage-note", "triage-saving", "triage-changed", "onUpdate:triageStatus", "onUpdate:triageNote"])
+                ]),
+                createVNode("div", { class: "grid grid-cols-1 xl:grid-cols-[3fr_2fr] gap-4 p-1 xl:flex-1 xl:min-h-0 xl:overflow-hidden" }, [
+                  createVNode("div", { class: "space-y-4 xl:overflow-y-auto" }, [
+                    unref(cluster).sampleError ? (openBlock(), createBlock(_component_CollapsibleSectionCard, {
+                      key: 0,
+                      ref_key: "errorSection",
+                      ref: errorSection,
+                      "storage-key": "cluster-error",
+                      icon: "i-lucide-circle-x",
+                      "icon-class": "text-red-500",
+                      title: "Error message"
+                    }, {
+                      folded: withCtx(() => [
+                        createVNode("span", { class: "font-mono text-xs" }, toDisplayString(unref(errorPeek)), 1)
+                      ]),
+                      default: withCtx(() => [
+                        createVNode("div", {
+                          class: "text-xs font-mono overflow-x-auto whitespace-pre-wrap",
+                          innerHTML: unref(renderAnsi)(unref(cluster).sampleError)
+                        }, null, 8, ["innerHTML"])
+                      ]),
+                      _: 1
+                    }, 512)) : createCommentVNode("", true),
+                    unref(cluster).affectedTestCases?.length && unref(cluster).affectedTestCases[0]?.recentTestRunsCaseId ? (openBlock(), createBlock(_component_LocatorHealingPanel, {
+                      key: 1,
+                      ref: "locatorSection",
+                      "storage-key": "cluster-locators",
+                      "run-id": unref(cluster).lastSeenRunId,
+                      "test-runs-case-id": unref(cluster).affectedTestCases[0].recentTestRunsCaseId,
+                      "affected-count": unref(cluster).affectedTestCases.length
+                    }, null, 8, ["run-id", "test-runs-case-id", "affected-count"])) : createCommentVNode("", true),
+                    unref(cluster).affectedTestCases?.length && unref(cluster).affectedTestCases[0]?.recentTestRunsCaseId ? (openBlock(), createBlock(_component_EnvironmentDiffCard, {
+                      key: 2,
+                      ref_key: "envDiffSection",
+                      ref: envDiffSection,
+                      "storage-key": "cluster-env-diff",
+                      "run-id": unref(cluster).lastSeenRunId,
+                      "test-runs-case-id": unref(cluster).affectedTestCases[0].recentTestRunsCaseId
+                    }, null, 8, ["run-id", "test-runs-case-id"])) : createCommentVNode("", true),
+                    unref(cluster).affectedTestCases?.length && unref(cluster).affectedTestCases[0]?.recentTestRunsCaseId ? (openBlock(), createBlock(_component_VisualDiffCard, {
+                      key: 3,
+                      ref_key: "visualDiffSection",
+                      ref: visualDiffSection,
+                      "storage-key": "cluster-visual-diff",
+                      "run-id": unref(cluster).lastSeenRunId,
+                      "test-runs-case-id": unref(cluster).affectedTestCases[0].recentTestRunsCaseId
+                    }, null, 8, ["run-id", "test-runs-case-id"])) : createCommentVNode("", true),
+                    unref(cluster).affectedTestCases?.length && unref(cluster).affectedTestCases[0]?.recentTestRunsCaseId ? (openBlock(), createBlock(_component_DomSnapshotCard, {
+                      key: 4,
+                      ref_key: "domSnapshotSection",
+                      ref: domSnapshotSection,
+                      "storage-key": "cluster-dom-snapshot",
+                      "run-id": unref(cluster).lastSeenRunId,
+                      "test-runs-case-id": unref(cluster).affectedTestCases[0].recentTestRunsCaseId
+                    }, null, 8, ["run-id", "test-runs-case-id"])) : createCommentVNode("", true),
+                    unref(cluster).affectedTestCases?.length ? (openBlock(), createBlock(_component_CollapsibleSectionCard, {
+                      key: 5,
+                      ref_key: "evidenceSection",
+                      ref: evidenceSection,
+                      "storage-key": "cluster-evidence",
+                      icon: "i-lucide-flask-conical",
+                      title: "Test evidence",
+                      help: "cluster.evidence"
+                    }, {
+                      folded: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(cluster).affectedTests) + " " + toDisplayString(unref(cluster).affectedTests === 1 ? "test" : "tests") + " · " + toDisplayString(unref(cluster).occurrences) + " occurrence" + toDisplayString(unref(cluster).occurrences === 1 ? "" : "s") + " · ", 1),
+                        unref(cluster).affectedTestCases[0]?.filePath ? (openBlock(), createBlock(_component_OpenInIdeLink, {
+                          key: 0,
+                          "file-path": unref(cluster).affectedTestCases[0].filePath,
+                          "project-key": unref(cluster).project?.id,
+                          "project-name": unref(cluster).project?.name,
+                          class: "text-xs"
+                        }, null, 8, ["file-path", "project-key", "project-name"])) : createCommentVNode("", true)
+                      ]),
+                      actions: withCtx(() => [
+                        createVNode(_component_UBadge, {
+                          color: "neutral",
+                          variant: "subtle",
+                          size: "sm"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(unref(cluster).affectedTestCases.length) + " " + toDisplayString(unref(cluster).affectedTestCases.length === 1 ? "test" : "tests"), 1)
+                          ]),
+                          _: 1
+                        }),
+                        createVNode(_component_UButton, {
+                          size: "xs",
+                          variant: "outline",
+                          color: "neutral",
+                          icon: unref(retryCopied) ? "i-lucide-check" : "i-lucide-play",
+                          title: unref(retryCopied) ? "Copied!" : ("copyPreview" in _ctx ? _ctx.copyPreview : unref(copyPreview))(unref(retryCommand)),
+                          onClick: ($event) => unref(copyRetry)(unref(retryCommand), { toast: "Retry command copied" })
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(" Copy retry command ")
+                          ]),
+                          _: 1
+                        }, 8, ["icon", "title", "onClick"]),
+                        createVNode(_component_DesktopRunLocallyButton, {
+                          "project-id": unref(cluster).project?.id,
+                          "project-label": unref(cluster).project?.name,
+                          cases: unref(affectedRetryCases),
+                          label: "Run affected locally",
+                          "preset-options": { mode: "grep" }
+                        }, null, 8, ["project-id", "project-label", "cases"]),
+                        createVNode(_component_UTooltip, { text: "Unlink incorrectly clustered test cases from this group" }, {
+                          default: withCtx(() => [
+                            createVNode(_component_UButton, {
+                              size: "xs",
+                              color: "warning",
+                              variant: "outline",
+                              icon: "i-lucide-arrow-up-from-line",
+                              onClick: ($event) => extractModalOpen.value = true
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(" Extract ")
+                              ]),
+                              _: 1
+                            }, 8, ["onClick"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      default: withCtx(() => [
+                        createVNode(_component_ClusterTestEvidence, {
+                          "affected-test-cases": unref(cluster).affectedTestCases,
+                          "project-key": unref(cluster).project?.id,
+                          "project-name": unref(cluster).project?.name
+                        }, null, 8, ["affected-test-cases", "project-key", "project-name"])
+                      ]),
+                      _: 1
+                    }, 512)) : createCommentVNode("", true),
+                    createVNode(_component_CollapsibleSectionCard, {
+                      ref_key: "scmSection",
+                      ref: scmSection,
+                      "storage-key": "cluster-scm",
+                      icon: "i-lucide-git-compare-arrows",
+                      title: "What changed",
+                      help: "cluster.scm"
+                    }, {
+                      folded: withCtx(() => [
+                        createVNode("span", { class: "inline-flex items-center gap-1.5" }, [
+                          createVNode(_component_UIcon, {
+                            name: unref(scmStatus).icon,
+                            class: ["size-3.5 shrink-0", unref(scmStatus).color]
+                          }, null, 8, ["name", "class"]),
+                          createVNode("span", {
+                            class: unref(scmStatus).color
+                          }, toDisplayString(unref(scmStatus).text), 3)
+                        ])
+                      ]),
+                      default: withCtx(() => [
+                        createVNode(_component_ClusterInvestigation)
+                      ]),
+                      _: 1
+                    }, 512)
+                  ]),
+                  createVNode("div", { class: "xl:overflow-y-auto" }, [
+                    createVNode(_component_DiagnosisPanel, {
+                      "cluster-id": unref(clusterId),
+                      "last-seen-run-id": unref(cluster)?.lastSeenRunId,
+                      "affected-test-cases": unref(cluster)?.affectedTestCases ?? []
+                    }, null, 8, ["cluster-id", "last-seen-run-id", "affected-test-cases"])
+                  ])
+                ])
+              ])) : (openBlock(), createBlock("div", {
+                key: 1,
+                class: "flex items-center justify-center h-64 text-gray-500"
+              }, "Cluster not found."))
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      if (unref(cluster)) {
+        _push(ssrRenderComponent(_component_ClusterExtractCasesModal, {
+          open: unref(extractModalOpen),
+          "cluster-id": unref(clusterId),
+          "affected-test-cases": unref(cluster).affectedTestCases ?? [],
+          "project-key": unref(cluster).project?.id,
+          "project-name": unref(cluster).project?.name,
+          "onUpdate:open": ($event) => extractModalOpen.value = $event,
+          onExtracted
+        }, null, _parent));
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`<!--]-->`);
+    };
+  }
+});
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/failure-clusters/[id].vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+
+export { _sfc_main as default };
+//# sourceMappingURL=_id_-rQhFY0fN.mjs.map