@piwitests/server 0.25.0 → 0.26.0

package/.output/server/chunks/build/analytics-BRkiUpwa.mjs

@@ -0,0 +1,3784 @@
+import { _ as _sfc_main$1$1, a as _sfc_main$d } from './DashboardNavbar-C3PsNVJt.mjs';
+import { _ as _sfc_main$1$2, a as _sfc_main$e } from './Breadcrumb-DtV_L8Gt.mjs';
+import { _ as __nuxt_component_4 } from './FilterToolbar-BwXy8xSk.mjs';
+import { _ as _sfc_main$f } from './Select-COU8NARj.mjs';
+import { _ as _sfc_main$g } from './SelectMenu-BUwwc3Qt.mjs';
+import { o as useHead, k as _sfc_main$p, l as _sfc_main$k, m as _sfc_main$7$1, v as __nuxt_component_12 } from './server.mjs';
+import { _ as _sfc_main$h } from './Checkbox-ChSYhiUz.mjs';
+import { defineComponent, withAsyncContext, computed, mergeProps, withCtx, unref, isRef, createVNode, resolveDynamicComponent, openBlock, createBlock, createCommentVNode, Fragment, renderList, toDisplayString, createTextVNode, useSSRContext } from 'vue';
+import { ssrRenderComponent, ssrRenderList, ssrInterpolate, ssrRenderClass, ssrRenderVNode, ssrRenderAttrs, ssrRenderAttr, ssrRenderStyle } from 'vue/server-renderer';
+import { M as MAX_ANALYTICS_DAYS, A as ANALYTICS_BANDS, a as ANALYTICS_WIDGETS, D as DEFAULT_ANALYTICS_DAYS, b as analyticsScopeToQuery } from '../_/scope.mjs';
+import { c as useCookie } from './DashboardSidebarToggle-a5KYecZ0.mjs';
+import { u as useFetch } from './fetch-DOcN2mHf.mjs';
+import { _ as _sfc_main$c } from './Alert-gs8RgKxH.mjs';
+import { a as formatRelativeTime, e as errorMessage, i as clusterErrorTypeColor } from './index-2GmuPNF-.mjs';
+import { _ as __nuxt_component_11 } from './SectionCard-BB1O3uXd.mjs';
+import { _ as __nuxt_component_13 } from './LoadingState-CxfFwac9.mjs';
+import { _ as __nuxt_component_5$1 } from './ErrorState-9UPssp7w.mjs';
+import { _ as __nuxt_component_4$2 } from './EmptyState-C-mCzGhO.mjs';
+import { _ as __nuxt_component_5$3 } from './MiniRunBars-CcSn_9Wl.mjs';
+import { _ as __nuxt_component_3 } from './TableScroller-DMcdCVrH.mjs';
+import { _ as __nuxt_component_4$3 } from './TagBadge-aGUzbCxx.mjs';
+import { _ as __nuxt_component_14 } from './DurationValue-CObiBDnH.mjs';
+import { _ as __nuxt_component_13$1 } from './RunStatusBadge-CWhmAmKb.mjs';
+import { u as useChartTooltip, _ as __nuxt_component_0, b as __nuxt_component_5$2, c as __nuxt_component_6, d as barGeometry, s as stackSegments, e as dayTickIndices, f as formatTickDate } from './ChartTooltip-DoF6Smyc.mjs';
+import { _ as __nuxt_component_1 } from './StatTileGrid-7zOFUQ6j.mjs';
+import { _ as __nuxt_component_2 } from './StatTile-DpcVQFVI.mjs';
+import { _ as __nuxt_component_4$1 } from './FeatureUnavailable-Buoyoqx1.mjs';
+import './useFormControl-8skMOTIf.mjs';
+import './handleAndDispatchCustomEvent-Bk_AVSSo.mjs';
+import '../nitro/nitro.mjs';
+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 './VisuallyHiddenInput-D4E5aJCQ.mjs';
+import '@tanstack/vue-virtual';
+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 './isValueEqualOrExist-D4lZ8uRY.mjs';
+import './useForwardScopeId-D0ameaSU.mjs';
+import './RovingFocusItem-CLjuqlIR.mjs';
+import './Label-DYDR1Oeh.mjs';
+import '@vue/shared';
+import 'date-fns';
+import './Card--Ike7sYc.mjs';
+import './HelpHint-C96TlqxY.mjs';
+import './help-content-BK3jcgLw.mjs';
+
+const DEFAULT_ANALYTICS_SCOPE_STATE = {
+  days: DEFAULT_ANALYTICS_DAYS,
+  projectIds: [],
+  environment: null,
+  branch: null,
+  fullRunsOnly: true
+};
+function useAnalyticsScope() {
+  const state = useCookie("piwi-analytics-scope", {
+    default: () => ({ ...DEFAULT_ANALYTICS_SCOPE_STATE }),
+    encode: (v) => JSON.stringify(v),
+    decode: (v) => {
+      try {
+        return v ? { ...DEFAULT_ANALYTICS_SCOPE_STATE, ...JSON.parse(v) } : { ...DEFAULT_ANALYTICS_SCOPE_STATE };
+      } catch {
+        return { ...DEFAULT_ANALYTICS_SCOPE_STATE };
+      }
+    }
+  });
+  const scope = computed(() => ({
+    days: state.value.days,
+    projectIds: state.value.projectIds.length > 0 ? state.value.projectIds : void 0,
+    environment: state.value.environment,
+    branch: state.value.branch,
+    fullRunsOnly: state.value.fullRunsOnly
+  }));
+  const scopeQuery = computed(() => analyticsScopeToQuery(scope.value));
+  return { state, scope, scopeQuery };
+}
+function useAnalyticsWidget(widget, query) {
+  return useFetch(
+    `/api/analytics/${widget}`,
+    {
+      query: computed(query),
+      lazy: true,
+      server: false
+    },
+    "$UlG3SHNJJg"
+    /* nuxt-injected */
+  );
+}
+const ENV_ALL = "All environments";
+const BRANCH_ALL = "All branches";
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  __name: "AnalyticsScopeBar",
+  __ssrInlineRender: true,
+  props: {
+    modelValue: {},
+    availableProjects: {},
+    availableEnvironments: {},
+    availableBranches: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const PERIOD_ITEMS = [
+      { label: "Last 7 days", value: 7 },
+      { label: "Last 30 days", value: 30 },
+      { label: "Last 90 days", value: 90 },
+      { label: "Last year", value: 365 },
+      { label: "All time", value: MAX_ANALYTICS_DAYS }
+    ];
+    const days = computed({
+      get: () => props.modelValue.days,
+      set: (val) => emit("update:modelValue", { ...props.modelValue, days: val })
+    });
+    const projectItems = computed(() => props.availableProjects.map((p) => ({ label: p.label || p.name, value: p.id })));
+    const projectIds = computed({
+      get: () => props.modelValue.projectIds,
+      set: (val) => emit("update:modelValue", { ...props.modelValue, projectIds: val })
+    });
+    function projectLabel(id) {
+      return projectItems.value.find((item) => item.value === id)?.label ?? `#${id}`;
+    }
+    const environment = computed({
+      get: () => props.modelValue.environment ?? ENV_ALL,
+      set: (val) => emit("update:modelValue", { ...props.modelValue, environment: val === ENV_ALL ? null : val })
+    });
+    const environmentItems = computed(() => [ENV_ALL, ...props.availableEnvironments]);
+    const branch = computed({
+      get: () => props.modelValue.branch ?? BRANCH_ALL,
+      set: (val) => emit("update:modelValue", { ...props.modelValue, branch: val === BRANCH_ALL ? null : val })
+    });
+    const branchItems = computed(() => [BRANCH_ALL, ...props.availableBranches ?? []]);
+    const fullRunsOnly = computed({
+      get: () => props.modelValue.fullRunsOnly,
+      set: (val) => emit("update:modelValue", { ...props.modelValue, fullRunsOnly: val })
+    });
+    const isDefault = computed(
+      () => props.modelValue.days === DEFAULT_ANALYTICS_SCOPE_STATE.days && props.modelValue.projectIds.length === 0 && props.modelValue.environment === null && props.modelValue.branch === null && props.modelValue.fullRunsOnly === DEFAULT_ANALYTICS_SCOPE_STATE.fullRunsOnly
+    );
+    function reset() {
+      emit("update:modelValue", { ...DEFAULT_ANALYTICS_SCOPE_STATE });
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_USelect = _sfc_main$f;
+      const _component_USelectMenu = _sfc_main$g;
+      const _component_UIcon = _sfc_main$p;
+      const _component_UCheckbox = _sfc_main$h;
+      const _component_UButton = _sfc_main$k;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "flex items-center gap-3 flex-wrap" }, _attrs))}>`);
+      _push(ssrRenderComponent(_component_USelect, {
+        modelValue: unref(days),
+        "onUpdate:modelValue": ($event) => isRef(days) ? days.value = $event : null,
+        items: PERIOD_ITEMS,
+        size: "sm",
+        class: "min-w-[140px]",
+        icon: "i-lucide-calendar-range"
+      }, null, _parent));
+      if (unref(projectItems).length > 0) {
+        _push(ssrRenderComponent(_component_USelectMenu, {
+          modelValue: unref(projectIds),
+          "onUpdate:modelValue": ($event) => isRef(projectIds) ? projectIds.value = $event : null,
+          items: unref(projectItems),
+          "value-key": "value",
+          multiple: "",
+          searchable: "",
+          size: "sm",
+          class: "min-w-[170px]",
+          placeholder: "All projects"
+        }, {
+          default: withCtx(({ modelValue: selected }, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(`<div class="flex items-center gap-1.5"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: "i-lucide-folder",
+                class: ["size-3.5 shrink-0", selected.length ? "text-primary" : "text-gray-400"]
+              }, null, _parent2, _scopeId));
+              if (!selected.length) {
+                _push2(`<span class="text-gray-500"${_scopeId}>All projects</span>`);
+              } else if (selected.length === 1) {
+                _push2(`<span class="truncate"${_scopeId}>${ssrInterpolate(projectLabel(selected[0]))}</span>`);
+              } else {
+                _push2(`<span${_scopeId}>${ssrInterpolate(selected.length)} projects</span>`);
+              }
+              _push2(`</div>`);
+            } else {
+              return [
+                createVNode("div", { class: "flex items-center gap-1.5" }, [
+                  createVNode(_component_UIcon, {
+                    name: "i-lucide-folder",
+                    class: ["size-3.5 shrink-0", selected.length ? "text-primary" : "text-gray-400"]
+                  }, null, 8, ["class"]),
+                  !selected.length ? (openBlock(), createBlock("span", {
+                    key: 0,
+                    class: "text-gray-500"
+                  }, "All projects")) : selected.length === 1 ? (openBlock(), createBlock("span", {
+                    key: 1,
+                    class: "truncate"
+                  }, toDisplayString(projectLabel(selected[0])), 1)) : (openBlock(), createBlock("span", { key: 2 }, toDisplayString(selected.length) + " projects", 1))
+                ])
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+      } else {
+        _push(`<!---->`);
+      }
+      if (__props.availableEnvironments.length > 0) {
+        _push(ssrRenderComponent(_component_USelect, {
+          modelValue: unref(environment),
+          "onUpdate:modelValue": ($event) => isRef(environment) ? environment.value = $event : null,
+          items: unref(environmentItems),
+          size: "sm",
+          class: "min-w-[160px]",
+          icon: "i-lucide-server"
+        }, null, _parent));
+      } else {
+        _push(`<!---->`);
+      }
+      if ((__props.availableBranches?.length ?? 0) > 0) {
+        _push(ssrRenderComponent(_component_USelect, {
+          modelValue: unref(branch),
+          "onUpdate:modelValue": ($event) => isRef(branch) ? branch.value = $event : null,
+          items: unref(branchItems),
+          size: "sm",
+          class: "min-w-[160px]",
+          icon: "i-lucide-git-branch"
+        }, null, _parent));
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`<label class="flex items-center gap-1.5 cursor-pointer select-none text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-colors">`);
+      _push(ssrRenderComponent(_component_UCheckbox, {
+        modelValue: unref(fullRunsOnly),
+        "onUpdate:modelValue": ($event) => isRef(fullRunsOnly) ? fullRunsOnly.value = $event : null,
+        size: "sm"
+      }, null, _parent));
+      _push(` Full runs only </label>`);
+      if (!unref(isDefault)) {
+        _push(ssrRenderComponent(_component_UButton, {
+          variant: "ghost",
+          size: "sm",
+          color: "neutral",
+          icon: "i-lucide-x",
+          onClick: reset
+        }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(` Reset `);
+            } else {
+              return [
+                createTextVNode(" Reset ")
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup$b = _sfc_main$b.setup;
+_sfc_main$b.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/analytics/AnalyticsScopeBar.vue");
+  return _sfc_setup$b ? _sfc_setup$b(props, ctx) : void 0;
+};
+const __nuxt_component_5 = Object.assign(_sfc_main$b, { __name: "AnalyticsScopeBar" });
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "InsightsFeed",
+  __ssrInlineRender: true,
+  props: {
+    query: {}
+  },
+  async setup(__props) {
+    let __temp, __restore;
+    const props = __props;
+    const {
+      data: insights,
+      pending,
+      error,
+      refresh
+    } = ([__temp, __restore] = withAsyncContext(() => useAnalyticsWidget("insights", () => props.query)), __temp = await __temp, __restore(), __temp);
+    const NuxtLink = __nuxt_component_12;
+    const SEVERITY_META = {
+      critical: { icon: "i-lucide-octagon-alert", class: "text-red-500", border: "border-l-red-500" },
+      warning: { icon: "i-lucide-triangle-alert", class: "text-amber-500", border: "border-l-amber-400" },
+      info: { icon: "i-lucide-info", class: "text-blue-500", border: "border-l-blue-400" },
+      positive: { icon: "i-lucide-trending-up", class: "text-green-500", border: "border-l-green-500" }
+    };
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_SectionCard = __nuxt_component_11;
+      const _component_LoadingState = __nuxt_component_13;
+      const _component_ErrorState = __nuxt_component_5$1;
+      const _component_UButton = _sfc_main$k;
+      const _component_EmptyState = __nuxt_component_4$2;
+      const _component_UIcon = _sfc_main$p;
+      _push(ssrRenderComponent(_component_SectionCard, mergeProps({
+        icon: "i-lucide-lightbulb",
+        title: "Insights",
+        count: unref(insights)?.length || void 0,
+        help: "analytics.insights"
+      }, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (unref(pending)) {
+              _push2(ssrRenderComponent(_component_LoadingState, null, null, _parent2, _scopeId));
+            } else if (unref(error)) {
+              _push2(ssrRenderComponent(_component_ErrorState, {
+                text: `Couldn't load insights: ${("errorMessage" in _ctx ? _ctx.errorMessage : unref(errorMessage))(unref(error))}`
+              }, {
+                action: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UButton, {
+                      size: "sm",
+                      color: "neutral",
+                      variant: "outline",
+                      icon: "i-lucide-refresh-cw",
+                      onClick: ($event) => unref(refresh)()
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(` Retry `);
+                        } else {
+                          return [
+                            createTextVNode(" Retry ")
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(_component_UButton, {
+                        size: "sm",
+                        color: "neutral",
+                        variant: "outline",
+                        icon: "i-lucide-refresh-cw",
+                        onClick: ($event) => unref(refresh)()
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Retry ")
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else if (!unref(insights) || unref(insights).length === 0) {
+              _push2(ssrRenderComponent(_component_EmptyState, {
+                icon: "i-lucide-check-circle",
+                text: "Nothing needs your attention in this period."
+              }, null, _parent2, _scopeId));
+            } else {
+              _push2(`<div class="divide-y divide-gray-100 dark:divide-gray-800"${_scopeId}><!--[-->`);
+              ssrRenderList(unref(insights), (insight) => {
+                ssrRenderVNode(_push2, createVNode(resolveDynamicComponent(insight.to ? unref(NuxtLink) : "div"), {
+                  key: insight.id,
+                  to: insight.to,
+                  class: ["flex items-start gap-3 py-3 pl-3 border-l-2", [
+                    SEVERITY_META[insight.severity].border,
+                    insight.to ? "hover:bg-gray-50 dark:hover:bg-gray-800/60 rounded-r transition-colors" : ""
+                  ]]
+                }, {
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(ssrRenderComponent(_component_UIcon, {
+                        name: SEVERITY_META[insight.severity].icon,
+                        class: ["size-4 mt-0.5 shrink-0", SEVERITY_META[insight.severity].class]
+                      }, null, _parent3, _scopeId2));
+                      _push3(`<div class="min-w-0"${_scopeId2}><p class="text-sm font-medium"${_scopeId2}>${ssrInterpolate(insight.message)}</p>`);
+                      if (insight.detail) {
+                        _push3(`<p class="text-xs text-gray-500 dark:text-gray-400 mt-0.5"${_scopeId2}>${ssrInterpolate(insight.detail)}</p>`);
+                      } else {
+                        _push3(`<!---->`);
+                      }
+                      _push3(`</div>`);
+                    } else {
+                      return [
+                        createVNode(_component_UIcon, {
+                          name: SEVERITY_META[insight.severity].icon,
+                          class: ["size-4 mt-0.5 shrink-0", SEVERITY_META[insight.severity].class]
+                        }, null, 8, ["name", "class"]),
+                        createVNode("div", { class: "min-w-0" }, [
+                          createVNode("p", { class: "text-sm font-medium" }, toDisplayString(insight.message), 1),
+                          insight.detail ? (openBlock(), createBlock("p", {
+                            key: 0,
+                            class: "text-xs text-gray-500 dark:text-gray-400 mt-0.5"
+                          }, toDisplayString(insight.detail), 1)) : createCommentVNode("", true)
+                        ])
+                      ];
+                    }
+                  }),
+                  _: 2
+                }), _parent2, _scopeId);
+              });
+              _push2(`<!--]--></div>`);
+            }
+          } else {
+            return [
+              unref(pending) ? (openBlock(), createBlock(_component_LoadingState, { key: 0 })) : unref(error) ? (openBlock(), createBlock(_component_ErrorState, {
+                key: 1,
+                text: `Couldn't load insights: ${("errorMessage" in _ctx ? _ctx.errorMessage : unref(errorMessage))(unref(error))}`
+              }, {
+                action: withCtx(() => [
+                  createVNode(_component_UButton, {
+                    size: "sm",
+                    color: "neutral",
+                    variant: "outline",
+                    icon: "i-lucide-refresh-cw",
+                    onClick: ($event) => unref(refresh)()
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" Retry ")
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]),
+                _: 1
+              }, 8, ["text"])) : !unref(insights) || unref(insights).length === 0 ? (openBlock(), createBlock(_component_EmptyState, {
+                key: 2,
+                icon: "i-lucide-check-circle",
+                text: "Nothing needs your attention in this period."
+              })) : (openBlock(), createBlock("div", {
+                key: 3,
+                class: "divide-y divide-gray-100 dark:divide-gray-800"
+              }, [
+                (openBlock(true), createBlock(Fragment, null, renderList(unref(insights), (insight) => {
+                  return openBlock(), createBlock(resolveDynamicComponent(insight.to ? unref(NuxtLink) : "div"), {
+                    key: insight.id,
+                    to: insight.to,
+                    class: ["flex items-start gap-3 py-3 pl-3 border-l-2", [
+                      SEVERITY_META[insight.severity].border,
+                      insight.to ? "hover:bg-gray-50 dark:hover:bg-gray-800/60 rounded-r transition-colors" : ""
+                    ]]
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_UIcon, {
+                        name: SEVERITY_META[insight.severity].icon,
+                        class: ["size-4 mt-0.5 shrink-0", SEVERITY_META[insight.severity].class]
+                      }, null, 8, ["name", "class"]),
+                      createVNode("div", { class: "min-w-0" }, [
+                        createVNode("p", { class: "text-sm font-medium" }, toDisplayString(insight.message), 1),
+                        insight.detail ? (openBlock(), createBlock("p", {
+                          key: 0,
+                          class: "text-xs text-gray-500 dark:text-gray-400 mt-0.5"
+                        }, toDisplayString(insight.detail), 1)) : createCommentVNode("", true)
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["to", "class"]);
+                }), 128))
+              ]))
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$a = _sfc_main$a.setup;
+_sfc_main$a.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/analytics/InsightsFeed.vue");
+  return _sfc_setup$a ? _sfc_setup$a(props, ctx) : void 0;
+};
+const InsightsFeed = Object.assign(_sfc_main$a, { __name: "InsightsFeed" });
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "PortfolioScorecard",
+  __ssrInlineRender: true,
+  props: {
+    query: {}
+  },
+  async setup(__props) {
+    let __temp, __restore;
+    const props = __props;
+    const {
+      data: rows,
+      pending,
+      error,
+      refresh
+    } = ([__temp, __restore] = withAsyncContext(() => useAnalyticsWidget("portfolio", () => props.query)), __temp = await __temp, __restore(), __temp);
+    function passRateClass(rate) {
+      if (rate === null) return "text-gray-400";
+      if (rate >= 90) return "text-green-600 dark:text-green-400";
+      if (rate >= 50) return "text-yellow-600 dark:text-yellow-400";
+      return "text-red-600 dark:text-red-400";
+    }
+    function deltaMeta(delta) {
+      if (delta === null || Math.abs(delta) < 1) return null;
+      return delta > 0 ? { icon: "i-lucide-trending-up", class: "text-green-600 dark:text-green-400" } : { icon: "i-lucide-trending-down", class: "text-red-600 dark:text-red-400" };
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_SectionCard = __nuxt_component_11;
+      const _component_LoadingState = __nuxt_component_13;
+      const _component_ErrorState = __nuxt_component_5$1;
+      const _component_UButton = _sfc_main$k;
+      const _component_EmptyState = __nuxt_component_4$2;
+      const _component_NuxtLink = __nuxt_component_12;
+      const _component_MiniRunBars = __nuxt_component_5$3;
+      const _component_TableScroller = __nuxt_component_3;
+      const _component_TagBadge = __nuxt_component_4$3;
+      const _component_UIcon = _sfc_main$p;
+      const _component_DurationValue = __nuxt_component_14;
+      const _component_RunStatusBadge = __nuxt_component_13$1;
+      _push(ssrRenderComponent(_component_SectionCard, mergeProps({
+        icon: "i-lucide-table-properties",
+        title: "Portfolio health",
+        count: unref(rows)?.length || void 0,
+        help: "analytics.portfolio"
+      }, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (unref(pending)) {
+              _push2(ssrRenderComponent(_component_LoadingState, null, null, _parent2, _scopeId));
+            } else if (unref(error)) {
+              _push2(ssrRenderComponent(_component_ErrorState, {
+                text: `Couldn't load the portfolio: ${("errorMessage" in _ctx ? _ctx.errorMessage : unref(errorMessage))(unref(error))}`
+              }, {
+                action: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UButton, {
+                      size: "sm",
+                      color: "neutral",
+                      variant: "outline",
+                      icon: "i-lucide-refresh-cw",
+                      onClick: ($event) => unref(refresh)()
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(` Retry `);
+                        } else {
+                          return [
+                            createTextVNode(" Retry ")
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(_component_UButton, {
+                        size: "sm",
+                        color: "neutral",
+                        variant: "outline",
+                        icon: "i-lucide-refresh-cw",
+                        onClick: ($event) => unref(refresh)()
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Retry ")
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else if (!unref(rows) || unref(rows).length === 0) {
+              _push2(ssrRenderComponent(_component_EmptyState, { text: "No projects with runs in this period." }, null, _parent2, _scopeId));
+            } else {
+              _push2(`<!--[--><div class="md:hidden space-y-3"${_scopeId}><!--[-->`);
+              ssrRenderList(unref(rows), (row) => {
+                _push2(`<div class="rounded-lg border border-gray-200 dark:border-gray-800 p-3 space-y-2"${_scopeId}><div class="flex items-center justify-between gap-2"${_scopeId}>`);
+                _push2(ssrRenderComponent(_component_NuxtLink, {
+                  to: `/projects/${row.projectId}`,
+                  class: "font-medium truncate hover:text-primary"
+                }, {
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(`${ssrInterpolate(row.label || row.name)}`);
+                    } else {
+                      return [
+                        createTextVNode(toDisplayString(row.label || row.name), 1)
+                      ];
+                    }
+                  }),
+                  _: 2
+                }, _parent2, _scopeId));
+                _push2(`<span class="${ssrRenderClass([passRateClass(row.passRate), "tabular-nums font-semibold shrink-0"])}"${_scopeId}>${ssrInterpolate(row.passRate !== null ? `${row.passRate}%` : "—")}</span></div>`);
+                _push2(ssrRenderComponent(_component_MiniRunBars, {
+                  runs: row.recentRuns,
+                  height: 20
+                }, null, _parent2, _scopeId));
+                _push2(`<div class="flex items-center justify-between text-xs text-gray-500 dark:text-gray-400"${_scopeId}><span${_scopeId}>${ssrInterpolate(row.runCount)} runs · ${ssrInterpolate(row.flakyTests)} flaky · ${ssrInterpolate(row.openClusters)} open clusters</span>`);
+                if (row.latestRun) {
+                  _push2(`<span${_scopeId}>${ssrInterpolate(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(row.latestRun.startTime))}</span>`);
+                } else {
+                  _push2(`<!---->`);
+                }
+                _push2(`</div></div>`);
+              });
+              _push2(`<!--]--></div><div class="hidden md:block"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_TableScroller, { "min-width": "52rem" }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`<table class="w-full text-sm"${_scopeId2}><thead${_scopeId2}><tr class="text-left text-xs text-gray-500 uppercase tracking-wider border-b border-gray-200 dark:border-gray-800"${_scopeId2}><th class="py-2 pr-4 font-medium"${_scopeId2}>Project</th><th class="py-2 pr-4 font-medium"${_scopeId2}>Trend</th><th class="py-2 pr-4 font-medium text-right"${_scopeId2}>Pass rate</th><th class="py-2 pr-4 font-medium text-right"${_scopeId2}>Runs</th><th class="py-2 pr-4 font-medium text-right"${_scopeId2}>Flaky</th><th class="py-2 pr-4 font-medium text-right"${_scopeId2}>Avg run</th><th class="py-2 pr-4 font-medium text-right"${_scopeId2}>Open clusters</th><th class="py-2 font-medium text-right"${_scopeId2}>Latest run</th></tr></thead><tbody class="divide-y divide-gray-100 dark:divide-gray-800"${_scopeId2}><!--[-->`);
+                    ssrRenderList(unref(rows), (row) => {
+                      _push3(`<tr${_scopeId2}><td class="py-2.5 pr-4"${_scopeId2}><div class="flex items-center gap-2 min-w-0"${_scopeId2}>`);
+                      _push3(ssrRenderComponent(_component_NuxtLink, {
+                        to: `/projects/${row.projectId}`,
+                        class: "font-medium truncate hover:text-primary"
+                      }, {
+                        default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                          if (_push4) {
+                            _push4(`${ssrInterpolate(row.label || row.name)}`);
+                          } else {
+                            return [
+                              createTextVNode(toDisplayString(row.label || row.name), 1)
+                            ];
+                          }
+                        }),
+                        _: 2
+                      }, _parent3, _scopeId2));
+                      _push3(`<!--[-->`);
+                      ssrRenderList(row.tags.slice(0, 2), (tag) => {
+                        _push3(ssrRenderComponent(_component_TagBadge, {
+                          key: tag.id,
+                          text: tag.text,
+                          color: tag.color
+                        }, null, _parent3, _scopeId2));
+                      });
+                      _push3(`<!--]--></div></td><td class="py-2.5 pr-4"${_scopeId2}><div class="w-36"${_scopeId2}>`);
+                      _push3(ssrRenderComponent(_component_MiniRunBars, {
+                        runs: row.recentRuns,
+                        height: 22
+                      }, null, _parent3, _scopeId2));
+                      _push3(`</div></td><td class="py-2.5 pr-4 text-right"${_scopeId2}><span class="${ssrRenderClass([passRateClass(row.passRate), "inline-flex items-center gap-1 tabular-nums font-semibold"])}"${_scopeId2}>${ssrInterpolate(row.passRate !== null ? `${row.passRate}%` : "—")} `);
+                      if (deltaMeta(row.passRateDelta)) {
+                        _push3(ssrRenderComponent(_component_UIcon, {
+                          name: deltaMeta(row.passRateDelta).icon,
+                          class: ["size-3.5", deltaMeta(row.passRateDelta).class],
+                          title: `${row.passRateDelta > 0 ? "+" : ""}${row.passRateDelta} pts vs previous period`
+                        }, null, _parent3, _scopeId2));
+                      } else {
+                        _push3(`<!---->`);
+                      }
+                      _push3(`</span></td><td class="py-2.5 pr-4 text-right tabular-nums"${_scopeId2}>${ssrInterpolate(row.runCount)}</td><td class="${ssrRenderClass([row.flakyTests > 0 ? "text-amber-600 dark:text-amber-400" : "", "py-2.5 pr-4 text-right tabular-nums"])}"${_scopeId2}>${ssrInterpolate(row.flakyTests)}</td><td class="py-2.5 pr-4 text-right tabular-nums text-gray-500 dark:text-gray-400"${_scopeId2}>`);
+                      _push3(ssrRenderComponent(_component_DurationValue, {
+                        ms: row.avgRunDurationMs
+                      }, null, _parent3, _scopeId2));
+                      _push3(`</td><td class="${ssrRenderClass([row.openClusters > 0 ? "text-red-600 dark:text-red-400" : "", "py-2.5 pr-4 text-right tabular-nums"])}"${_scopeId2}>${ssrInterpolate(row.openClusters)}</td><td class="py-2.5 text-right"${_scopeId2}>`);
+                      if (row.latestRun) {
+                        _push3(ssrRenderComponent(_component_NuxtLink, {
+                          to: `/test-runs/${row.latestRun.id}`,
+                          class: "inline-flex items-center gap-2 hover:text-primary"
+                        }, {
+                          default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                            if (_push4) {
+                              _push4(ssrRenderComponent(_component_RunStatusBadge, {
+                                status: row.latestRun.status
+                              }, null, _parent4, _scopeId3));
+                              _push4(`<span class="text-xs text-gray-500 dark:text-gray-400"${_scopeId3}>${ssrInterpolate(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(row.latestRun.startTime))}</span>`);
+                            } else {
+                              return [
+                                createVNode(_component_RunStatusBadge, {
+                                  status: row.latestRun.status
+                                }, null, 8, ["status"]),
+                                createVNode("span", { class: "text-xs text-gray-500 dark:text-gray-400" }, toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(row.latestRun.startTime)), 1)
+                              ];
+                            }
+                          }),
+                          _: 2
+                        }, _parent3, _scopeId2));
+                      } else {
+                        _push3(`<span class="text-xs text-gray-400"${_scopeId2}>No runs</span>`);
+                      }
+                      _push3(`</td></tr>`);
+                    });
+                    _push3(`<!--]--></tbody></table>`);
+                  } else {
+                    return [
+                      createVNode("table", { class: "w-full text-sm" }, [
+                        createVNode("thead", null, [
+                          createVNode("tr", { class: "text-left text-xs text-gray-500 uppercase tracking-wider border-b border-gray-200 dark:border-gray-800" }, [
+                            createVNode("th", { class: "py-2 pr-4 font-medium" }, "Project"),
+                            createVNode("th", { class: "py-2 pr-4 font-medium" }, "Trend"),
+                            createVNode("th", { class: "py-2 pr-4 font-medium text-right" }, "Pass rate"),
+                            createVNode("th", { class: "py-2 pr-4 font-medium text-right" }, "Runs"),
+                            createVNode("th", { class: "py-2 pr-4 font-medium text-right" }, "Flaky"),
+                            createVNode("th", { class: "py-2 pr-4 font-medium text-right" }, "Avg run"),
+                            createVNode("th", { class: "py-2 pr-4 font-medium text-right" }, "Open clusters"),
+                            createVNode("th", { class: "py-2 font-medium text-right" }, "Latest run")
+                          ])
+                        ]),
+                        createVNode("tbody", { class: "divide-y divide-gray-100 dark:divide-gray-800" }, [
+                          (openBlock(true), createBlock(Fragment, null, renderList(unref(rows), (row) => {
+                            return openBlock(), createBlock("tr", {
+                              key: row.projectId
+                            }, [
+                              createVNode("td", { class: "py-2.5 pr-4" }, [
+                                createVNode("div", { class: "flex items-center gap-2 min-w-0" }, [
+                                  createVNode(_component_NuxtLink, {
+                                    to: `/projects/${row.projectId}`,
+                                    class: "font-medium truncate hover:text-primary"
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(row.label || row.name), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["to"]),
+                                  (openBlock(true), createBlock(Fragment, null, renderList(row.tags.slice(0, 2), (tag) => {
+                                    return openBlock(), createBlock(_component_TagBadge, {
+                                      key: tag.id,
+                                      text: tag.text,
+                                      color: tag.color
+                                    }, null, 8, ["text", "color"]);
+                                  }), 128))
+                                ])
+                              ]),
+                              createVNode("td", { class: "py-2.5 pr-4" }, [
+                                createVNode("div", { class: "w-36" }, [
+                                  createVNode(_component_MiniRunBars, {
+                                    runs: row.recentRuns,
+                                    height: 22
+                                  }, null, 8, ["runs"])
+                                ])
+                              ]),
+                              createVNode("td", { class: "py-2.5 pr-4 text-right" }, [
+                                createVNode("span", {
+                                  class: ["inline-flex items-center gap-1 tabular-nums font-semibold", passRateClass(row.passRate)]
+                                }, [
+                                  createTextVNode(toDisplayString(row.passRate !== null ? `${row.passRate}%` : "—") + " ", 1),
+                                  deltaMeta(row.passRateDelta) ? (openBlock(), createBlock(_component_UIcon, {
+                                    key: 0,
+                                    name: deltaMeta(row.passRateDelta).icon,
+                                    class: ["size-3.5", deltaMeta(row.passRateDelta).class],
+                                    title: `${row.passRateDelta > 0 ? "+" : ""}${row.passRateDelta} pts vs previous period`
+                                  }, null, 8, ["name", "class", "title"])) : createCommentVNode("", true)
+                                ], 2)
+                              ]),
+                              createVNode("td", { class: "py-2.5 pr-4 text-right tabular-nums" }, toDisplayString(row.runCount), 1),
+                              createVNode("td", {
+                                class: ["py-2.5 pr-4 text-right tabular-nums", row.flakyTests > 0 ? "text-amber-600 dark:text-amber-400" : ""]
+                              }, toDisplayString(row.flakyTests), 3),
+                              createVNode("td", { class: "py-2.5 pr-4 text-right tabular-nums text-gray-500 dark:text-gray-400" }, [
+                                createVNode(_component_DurationValue, {
+                                  ms: row.avgRunDurationMs
+                                }, null, 8, ["ms"])
+                              ]),
+                              createVNode("td", {
+                                class: ["py-2.5 pr-4 text-right tabular-nums", row.openClusters > 0 ? "text-red-600 dark:text-red-400" : ""]
+                              }, toDisplayString(row.openClusters), 3),
+                              createVNode("td", { class: "py-2.5 text-right" }, [
+                                row.latestRun ? (openBlock(), createBlock(_component_NuxtLink, {
+                                  key: 0,
+                                  to: `/test-runs/${row.latestRun.id}`,
+                                  class: "inline-flex items-center gap-2 hover:text-primary"
+                                }, {
+                                  default: withCtx(() => [
+                                    createVNode(_component_RunStatusBadge, {
+                                      status: row.latestRun.status
+                                    }, null, 8, ["status"]),
+                                    createVNode("span", { class: "text-xs text-gray-500 dark:text-gray-400" }, toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(row.latestRun.startTime)), 1)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["to"])) : (openBlock(), createBlock("span", {
+                                  key: 1,
+                                  class: "text-xs text-gray-400"
+                                }, "No runs"))
+                              ])
+                            ]);
+                          }), 128))
+                        ])
+                      ])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              _push2(`</div><!--]-->`);
+            }
+          } else {
+            return [
+              unref(pending) ? (openBlock(), createBlock(_component_LoadingState, { key: 0 })) : unref(error) ? (openBlock(), createBlock(_component_ErrorState, {
+                key: 1,
+                text: `Couldn't load the portfolio: ${("errorMessage" in _ctx ? _ctx.errorMessage : unref(errorMessage))(unref(error))}`
+              }, {
+                action: withCtx(() => [
+                  createVNode(_component_UButton, {
+                    size: "sm",
+                    color: "neutral",
+                    variant: "outline",
+                    icon: "i-lucide-refresh-cw",
+                    onClick: ($event) => unref(refresh)()
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" Retry ")
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]),
+                _: 1
+              }, 8, ["text"])) : !unref(rows) || unref(rows).length === 0 ? (openBlock(), createBlock(_component_EmptyState, {
+                key: 2,
+                text: "No projects with runs in this period."
+              })) : (openBlock(), createBlock(Fragment, { key: 3 }, [
+                createVNode("div", { class: "md:hidden space-y-3" }, [
+                  (openBlock(true), createBlock(Fragment, null, renderList(unref(rows), (row) => {
+                    return openBlock(), createBlock("div", {
+                      key: row.projectId,
+                      class: "rounded-lg border border-gray-200 dark:border-gray-800 p-3 space-y-2"
+                    }, [
+                      createVNode("div", { class: "flex items-center justify-between gap-2" }, [
+                        createVNode(_component_NuxtLink, {
+                          to: `/projects/${row.projectId}`,
+                          class: "font-medium truncate hover:text-primary"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(row.label || row.name), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["to"]),
+                        createVNode("span", {
+                          class: ["tabular-nums font-semibold shrink-0", passRateClass(row.passRate)]
+                        }, toDisplayString(row.passRate !== null ? `${row.passRate}%` : "—"), 3)
+                      ]),
+                      createVNode(_component_MiniRunBars, {
+                        runs: row.recentRuns,
+                        height: 20
+                      }, null, 8, ["runs"]),
+                      createVNode("div", { class: "flex items-center justify-between text-xs text-gray-500 dark:text-gray-400" }, [
+                        createVNode("span", null, toDisplayString(row.runCount) + " runs · " + toDisplayString(row.flakyTests) + " flaky · " + toDisplayString(row.openClusters) + " open clusters", 1),
+                        row.latestRun ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(row.latestRun.startTime)), 1)) : createCommentVNode("", true)
+                      ])
+                    ]);
+                  }), 128))
+                ]),
+                createVNode("div", { class: "hidden md:block" }, [
+                  createVNode(_component_TableScroller, { "min-width": "52rem" }, {
+                    default: withCtx(() => [
+                      createVNode("table", { class: "w-full text-sm" }, [
+                        createVNode("thead", null, [
+                          createVNode("tr", { class: "text-left text-xs text-gray-500 uppercase tracking-wider border-b border-gray-200 dark:border-gray-800" }, [
+                            createVNode("th", { class: "py-2 pr-4 font-medium" }, "Project"),
+                            createVNode("th", { class: "py-2 pr-4 font-medium" }, "Trend"),
+                            createVNode("th", { class: "py-2 pr-4 font-medium text-right" }, "Pass rate"),
+                            createVNode("th", { class: "py-2 pr-4 font-medium text-right" }, "Runs"),
+                            createVNode("th", { class: "py-2 pr-4 font-medium text-right" }, "Flaky"),
+                            createVNode("th", { class: "py-2 pr-4 font-medium text-right" }, "Avg run"),
+                            createVNode("th", { class: "py-2 pr-4 font-medium text-right" }, "Open clusters"),
+                            createVNode("th", { class: "py-2 font-medium text-right" }, "Latest run")
+                          ])
+                        ]),
+                        createVNode("tbody", { class: "divide-y divide-gray-100 dark:divide-gray-800" }, [
+                          (openBlock(true), createBlock(Fragment, null, renderList(unref(rows), (row) => {
+                            return openBlock(), createBlock("tr", {
+                              key: row.projectId
+                            }, [
+                              createVNode("td", { class: "py-2.5 pr-4" }, [
+                                createVNode("div", { class: "flex items-center gap-2 min-w-0" }, [
+                                  createVNode(_component_NuxtLink, {
+                                    to: `/projects/${row.projectId}`,
+                                    class: "font-medium truncate hover:text-primary"
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(row.label || row.name), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["to"]),
+                                  (openBlock(true), createBlock(Fragment, null, renderList(row.tags.slice(0, 2), (tag) => {
+                                    return openBlock(), createBlock(_component_TagBadge, {
+                                      key: tag.id,
+                                      text: tag.text,
+                                      color: tag.color
+                                    }, null, 8, ["text", "color"]);
+                                  }), 128))
+                                ])
+                              ]),
+                              createVNode("td", { class: "py-2.5 pr-4" }, [
+                                createVNode("div", { class: "w-36" }, [
+                                  createVNode(_component_MiniRunBars, {
+                                    runs: row.recentRuns,
+                                    height: 22
+                                  }, null, 8, ["runs"])
+                                ])
+                              ]),
+                              createVNode("td", { class: "py-2.5 pr-4 text-right" }, [
+                                createVNode("span", {
+                                  class: ["inline-flex items-center gap-1 tabular-nums font-semibold", passRateClass(row.passRate)]
+                                }, [
+                                  createTextVNode(toDisplayString(row.passRate !== null ? `${row.passRate}%` : "—") + " ", 1),
+                                  deltaMeta(row.passRateDelta) ? (openBlock(), createBlock(_component_UIcon, {
+                                    key: 0,
+                                    name: deltaMeta(row.passRateDelta).icon,
+                                    class: ["size-3.5", deltaMeta(row.passRateDelta).class],
+                                    title: `${row.passRateDelta > 0 ? "+" : ""}${row.passRateDelta} pts vs previous period`
+                                  }, null, 8, ["name", "class", "title"])) : createCommentVNode("", true)
+                                ], 2)
+                              ]),
+                              createVNode("td", { class: "py-2.5 pr-4 text-right tabular-nums" }, toDisplayString(row.runCount), 1),
+                              createVNode("td", {
+                                class: ["py-2.5 pr-4 text-right tabular-nums", row.flakyTests > 0 ? "text-amber-600 dark:text-amber-400" : ""]
+                              }, toDisplayString(row.flakyTests), 3),
+                              createVNode("td", { class: "py-2.5 pr-4 text-right tabular-nums text-gray-500 dark:text-gray-400" }, [
+                                createVNode(_component_DurationValue, {
+                                  ms: row.avgRunDurationMs
+                                }, null, 8, ["ms"])
+                              ]),
+                              createVNode("td", {
+                                class: ["py-2.5 pr-4 text-right tabular-nums", row.openClusters > 0 ? "text-red-600 dark:text-red-400" : ""]
+                              }, toDisplayString(row.openClusters), 3),
+                              createVNode("td", { class: "py-2.5 text-right" }, [
+                                row.latestRun ? (openBlock(), createBlock(_component_NuxtLink, {
+                                  key: 0,
+                                  to: `/test-runs/${row.latestRun.id}`,
+                                  class: "inline-flex items-center gap-2 hover:text-primary"
+                                }, {
+                                  default: withCtx(() => [
+                                    createVNode(_component_RunStatusBadge, {
+                                      status: row.latestRun.status
+                                    }, null, 8, ["status"]),
+                                    createVNode("span", { class: "text-xs text-gray-500 dark:text-gray-400" }, toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(row.latestRun.startTime)), 1)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["to"])) : (openBlock(), createBlock("span", {
+                                  key: 1,
+                                  class: "text-xs text-gray-400"
+                                }, "No runs"))
+                              ])
+                            ]);
+                          }), 128))
+                        ])
+                      ])
+                    ]),
+                    _: 1
+                  })
+                ])
+              ], 64))
+            ];
+          }
+        }),
+        _: 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/analytics/PortfolioScorecard.vue");
+  return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
+};
+const PortfolioScorecard = Object.assign(_sfc_main$9, { __name: "PortfolioScorecard" });
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "PassRateHeatmap",
+  __ssrInlineRender: true,
+  props: {
+    query: {}
+  },
+  async setup(__props) {
+    let __temp, __restore;
+    const props = __props;
+    const {
+      data: heatmap,
+      pending,
+      error,
+      refresh
+    } = ([__temp, __restore] = withAsyncContext(() => useAnalyticsWidget("pass-rate-heatmap", () => props.query)), __temp = await __temp, __restore(), __temp);
+    function cellStyle(rate) {
+      if (rate === null) return {};
+      if (rate >= 99.5) return { backgroundColor: "rgba(34, 197, 94, 0.85)" };
+      if (rate >= 90) return { backgroundColor: "rgba(34, 197, 94, 0.5)" };
+      if (rate >= 75) return { backgroundColor: "rgba(245, 158, 11, 0.55)" };
+      if (rate >= 50) return { backgroundColor: "rgba(249, 115, 22, 0.65)" };
+      return { backgroundColor: "rgba(239, 68, 68, 0.75)" };
+    }
+    function cellTitle(row, index, rate) {
+      const date = heatmap.value?.buckets[index] ?? "";
+      const span = (heatmap.value?.bucketDays ?? 1) > 1 ? ` (${heatmap.value.bucketDays} days)` : "";
+      return `${row.label || row.name} · ${date}${span}: ${rate !== null ? `${rate}% passed` : "no runs"}`;
+    }
+    const legendItems = [
+      { color: "rgba(34, 197, 94, 0.85)", label: "100%" },
+      { color: "rgba(34, 197, 94, 0.5)", label: "≥ 90%" },
+      { color: "rgba(245, 158, 11, 0.55)", label: "≥ 75%" },
+      { color: "rgba(249, 115, 22, 0.65)", label: "≥ 50%" },
+      { color: "rgba(239, 68, 68, 0.75)", label: "< 50%" }
+    ];
+    const subtitle = computed(() => {
+      const bucketDays = heatmap.value?.bucketDays ?? 1;
+      return bucketDays > 1 ? `One cell = ${bucketDays} days` : "One cell = one day";
+    });
+    const MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+    const axisSpansYears = computed(() => {
+      const buckets = heatmap.value?.buckets ?? [];
+      return buckets.length > 1 && buckets[0].slice(0, 4) !== buckets[buckets.length - 1].slice(0, 4);
+    });
+    function formatBucket(iso) {
+      const [year, month, day] = iso.split("-");
+      const monthName = MONTHS[Number(month) - 1];
+      return axisSpansYears.value ? `${monthName} ${year}` : `${monthName} ${Number(day)}`;
+    }
+    const axisTicks = computed(() => {
+      const buckets = heatmap.value?.buckets ?? [];
+      const count = buckets.length;
+      if (count === 0) return [];
+      const tickCount = Math.min(axisSpansYears.value ? 4 : 5, count);
+      const seen = /* @__PURE__ */ new Set();
+      const ticks = [];
+      for (let i = 0; i < tickCount; i++) {
+        const index = tickCount === 1 ? 0 : Math.round(i * (count - 1) / (tickCount - 1));
+        if (seen.has(index)) continue;
+        seen.add(index);
+        const left = index === 0 ? 0 : index === count - 1 ? 100 : (index + 0.5) / count * 100;
+        const transform = index === 0 ? "translateX(0)" : index === count - 1 ? "translateX(-100%)" : "translateX(-50%)";
+        ticks.push({ index, label: formatBucket(buckets[index]), left, transform });
+      }
+      return ticks;
+    });
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_ChartCard = __nuxt_component_0;
+      const _component_LoadingState = __nuxt_component_13;
+      const _component_ErrorState = __nuxt_component_5$1;
+      const _component_UButton = _sfc_main$k;
+      const _component_EmptyState = __nuxt_component_4$2;
+      const _component_TableScroller = __nuxt_component_3;
+      const _component_NuxtLink = __nuxt_component_12;
+      _push(ssrRenderComponent(_component_ChartCard, mergeProps({
+        icon: "i-lucide-grid-3x3",
+        title: "Pass rate heatmap",
+        subtitle: unref(subtitle),
+        help: "analytics.heatmap",
+        legend: legendItems
+      }, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (unref(pending)) {
+              _push2(ssrRenderComponent(_component_LoadingState, null, null, _parent2, _scopeId));
+            } else if (unref(error)) {
+              _push2(ssrRenderComponent(_component_ErrorState, {
+                text: `Couldn't load the heatmap: ${("errorMessage" in _ctx ? _ctx.errorMessage : unref(errorMessage))(unref(error))}`
+              }, {
+                action: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UButton, {
+                      size: "sm",
+                      color: "neutral",
+                      variant: "outline",
+                      icon: "i-lucide-refresh-cw",
+                      onClick: ($event) => unref(refresh)()
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(` Retry `);
+                        } else {
+                          return [
+                            createTextVNode(" Retry ")
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(_component_UButton, {
+                        size: "sm",
+                        color: "neutral",
+                        variant: "outline",
+                        icon: "i-lucide-refresh-cw",
+                        onClick: ($event) => unref(refresh)()
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Retry ")
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else if (!unref(heatmap) || unref(heatmap).rows.length === 0) {
+              _push2(ssrRenderComponent(_component_EmptyState, { text: "No runs in this period." }, null, _parent2, _scopeId));
+            } else {
+              _push2(ssrRenderComponent(_component_TableScroller, { "min-width": "22rem" }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`<div class="space-y-1"${_scopeId2}><!--[-->`);
+                    ssrRenderList(unref(heatmap).rows, (row) => {
+                      _push3(`<div class="grid items-center gap-2" style="${ssrRenderStyle({ "grid-template-columns": "8rem 1fr" })}"${_scopeId2}>`);
+                      _push3(ssrRenderComponent(_component_NuxtLink, {
+                        to: `/projects/${row.projectId}`,
+                        class: "text-sm truncate hover:text-primary",
+                        title: row.label || row.name
+                      }, {
+                        default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                          if (_push4) {
+                            _push4(`${ssrInterpolate(row.label || row.name)}`);
+                          } else {
+                            return [
+                              createTextVNode(toDisplayString(row.label || row.name), 1)
+                            ];
+                          }
+                        }),
+                        _: 2
+                      }, _parent3, _scopeId2));
+                      _push3(`<div class="flex gap-px"${_scopeId2}><!--[-->`);
+                      ssrRenderList(row.cells, (rate, index) => {
+                        _push3(`<div class="h-6 flex-1 rounded-sm min-w-1 bg-gray-100 dark:bg-gray-800" style="${ssrRenderStyle(cellStyle(rate))}"${ssrRenderAttr("title", cellTitle(row, index, rate))}${_scopeId2}></div>`);
+                      });
+                      _push3(`<!--]--></div></div>`);
+                    });
+                    _push3(`<!--]--><div class="grid gap-2" style="${ssrRenderStyle({ "grid-template-columns": "8rem 1fr" })}"${_scopeId2}><span${_scopeId2}></span><div class="relative h-4"${_scopeId2}><!--[-->`);
+                    ssrRenderList(unref(axisTicks), (tick) => {
+                      _push3(`<span class="absolute top-0 text-xs text-gray-400 whitespace-nowrap" style="${ssrRenderStyle({ left: `${tick.left}%`, transform: tick.transform })}"${_scopeId2}>${ssrInterpolate(tick.label)}</span>`);
+                    });
+                    _push3(`<!--]--></div></div></div>`);
+                  } else {
+                    return [
+                      createVNode("div", { class: "space-y-1" }, [
+                        (openBlock(true), createBlock(Fragment, null, renderList(unref(heatmap).rows, (row) => {
+                          return openBlock(), createBlock("div", {
+                            key: row.projectId,
+                            class: "grid items-center gap-2",
+                            style: { "grid-template-columns": "8rem 1fr" }
+                          }, [
+                            createVNode(_component_NuxtLink, {
+                              to: `/projects/${row.projectId}`,
+                              class: "text-sm truncate hover:text-primary",
+                              title: row.label || row.name
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(row.label || row.name), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["to", "title"]),
+                            createVNode("div", { class: "flex gap-px" }, [
+                              (openBlock(true), createBlock(Fragment, null, renderList(row.cells, (rate, index) => {
+                                return openBlock(), createBlock("div", {
+                                  key: index,
+                                  class: "h-6 flex-1 rounded-sm min-w-1 bg-gray-100 dark:bg-gray-800",
+                                  style: cellStyle(rate),
+                                  title: cellTitle(row, index, rate)
+                                }, null, 12, ["title"]);
+                              }), 128))
+                            ])
+                          ]);
+                        }), 128)),
+                        createVNode("div", {
+                          class: "grid gap-2",
+                          style: { "grid-template-columns": "8rem 1fr" }
+                        }, [
+                          createVNode("span"),
+                          createVNode("div", { class: "relative h-4" }, [
+                            (openBlock(true), createBlock(Fragment, null, renderList(unref(axisTicks), (tick) => {
+                              return openBlock(), createBlock("span", {
+                                key: tick.index,
+                                class: "absolute top-0 text-xs text-gray-400 whitespace-nowrap",
+                                style: { left: `${tick.left}%`, transform: tick.transform }
+                              }, toDisplayString(tick.label), 5);
+                            }), 128))
+                          ])
+                        ])
+                      ])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            }
+          } else {
+            return [
+              unref(pending) ? (openBlock(), createBlock(_component_LoadingState, { key: 0 })) : unref(error) ? (openBlock(), createBlock(_component_ErrorState, {
+                key: 1,
+                text: `Couldn't load the heatmap: ${("errorMessage" in _ctx ? _ctx.errorMessage : unref(errorMessage))(unref(error))}`
+              }, {
+                action: withCtx(() => [
+                  createVNode(_component_UButton, {
+                    size: "sm",
+                    color: "neutral",
+                    variant: "outline",
+                    icon: "i-lucide-refresh-cw",
+                    onClick: ($event) => unref(refresh)()
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" Retry ")
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]),
+                _: 1
+              }, 8, ["text"])) : !unref(heatmap) || unref(heatmap).rows.length === 0 ? (openBlock(), createBlock(_component_EmptyState, {
+                key: 2,
+                text: "No runs in this period."
+              })) : (openBlock(), createBlock(_component_TableScroller, {
+                key: 3,
+                "min-width": "22rem"
+              }, {
+                default: withCtx(() => [
+                  createVNode("div", { class: "space-y-1" }, [
+                    (openBlock(true), createBlock(Fragment, null, renderList(unref(heatmap).rows, (row) => {
+                      return openBlock(), createBlock("div", {
+                        key: row.projectId,
+                        class: "grid items-center gap-2",
+                        style: { "grid-template-columns": "8rem 1fr" }
+                      }, [
+                        createVNode(_component_NuxtLink, {
+                          to: `/projects/${row.projectId}`,
+                          class: "text-sm truncate hover:text-primary",
+                          title: row.label || row.name
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(row.label || row.name), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["to", "title"]),
+                        createVNode("div", { class: "flex gap-px" }, [
+                          (openBlock(true), createBlock(Fragment, null, renderList(row.cells, (rate, index) => {
+                            return openBlock(), createBlock("div", {
+                              key: index,
+                              class: "h-6 flex-1 rounded-sm min-w-1 bg-gray-100 dark:bg-gray-800",
+                              style: cellStyle(rate),
+                              title: cellTitle(row, index, rate)
+                            }, null, 12, ["title"]);
+                          }), 128))
+                        ])
+                      ]);
+                    }), 128)),
+                    createVNode("div", {
+                      class: "grid gap-2",
+                      style: { "grid-template-columns": "8rem 1fr" }
+                    }, [
+                      createVNode("span"),
+                      createVNode("div", { class: "relative h-4" }, [
+                        (openBlock(true), createBlock(Fragment, null, renderList(unref(axisTicks), (tick) => {
+                          return openBlock(), createBlock("span", {
+                            key: tick.index,
+                            class: "absolute top-0 text-xs text-gray-400 whitespace-nowrap",
+                            style: { left: `${tick.left}%`, transform: tick.transform }
+                          }, toDisplayString(tick.label), 5);
+                        }), 128))
+                      ])
+                    ])
+                  ])
+                ]),
+                _: 1
+              }))
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+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/analytics/PassRateHeatmap.vue");
+  return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
+};
+const PassRateHeatmap = Object.assign(_sfc_main$8, { __name: "PassRateHeatmap" });
+const lineColor = "rgb(59, 130, 246)";
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "CiTimeTrendChart",
+  __ssrInlineRender: true,
+  props: {
+    query: {}
+  },
+  async setup(__props) {
+    let __temp, __restore;
+    const props = __props;
+    const {
+      data: trend,
+      pending,
+      error,
+      refresh
+    } = ([__temp, __restore] = withAsyncContext(() => useAnalyticsWidget("ci-time-trend", () => props.query)), __temp = await __temp, __restore(), __temp);
+    const chartData = computed(
+      () => trend.value?.points.map((p) => ({ date: new Date(p.date), totalMinutes: p.totalMinutes, runCount: p.runCount })) ?? []
+    );
+    const hasData = computed(() => chartData.value.some((p) => p.runCount > 0));
+    const yMax = computed(() => Math.max(1, ...chartData.value.map((d) => d.totalMinutes)));
+    function centers(plotWidth) {
+      const { centerOf } = barGeometry(chartData.value.length, plotWidth);
+      return chartData.value.map((_, i) => centerOf(i));
+    }
+    function linePath(plotWidth, yScale) {
+      const xs = centers(plotWidth);
+      return chartData.value.map((d, i) => `${i === 0 ? "M" : "L"}${xs[i]},${yScale(d.totalMinutes)}`).join("");
+    }
+    function areaPath(plotWidth, plotHeight, yScale) {
+      const xs = centers(plotWidth);
+      if (xs.length === 0) return "";
+      const line = linePath(plotWidth, yScale);
+      return `${line}L${xs[xs.length - 1]},${plotHeight}L${xs[0]},${plotHeight}Z`;
+    }
+    function xTicks(plotWidth) {
+      const { centerOf } = barGeometry(chartData.value.length, plotWidth);
+      const dates = chartData.value.map((d) => d.date);
+      return dayTickIndices(dates, Math.max(2, Math.floor(plotWidth / 80))).map((i) => ({
+        x: centerOf(i),
+        label: formatTickDate(dates[i])
+      }));
+    }
+    const { data: tooltipData, pos: tooltipPos, show, move, hide } = useChartTooltip(240);
+    const deltaBadge = computed(() => {
+      if (!trend.value || trend.value.deltaPct === null) return null;
+      const pct = trend.value.deltaPct;
+      return {
+        label: `${pct > 0 ? "+" : ""}${pct}% vs previous period`,
+        class: pct > 25 ? "text-red-600 dark:text-red-400" : pct < -10 ? "text-green-600 dark:text-green-400" : "text-gray-500"
+      };
+    });
+    const subtitle = computed(() => {
+      if (!trend.value) return void 0;
+      const total = trend.value.totalMinutes;
+      const label = total < 60 ? `${Math.round(total)} min` : `${Math.round(total / 60 * 10) / 10} h`;
+      return `${label} across ${trend.value.runCount} runs`;
+    });
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_ChartCard = __nuxt_component_0;
+      const _component_LoadingState = __nuxt_component_13;
+      const _component_ErrorState = __nuxt_component_5$1;
+      const _component_UButton = _sfc_main$k;
+      const _component_EmptyState = __nuxt_component_4$2;
+      const _component_ChartFrame = __nuxt_component_5$2;
+      const _component_ChartTooltip = __nuxt_component_6;
+      _push(ssrRenderComponent(_component_ChartCard, mergeProps({
+        icon: "i-lucide-timer",
+        title: "CI time",
+        subtitle: unref(subtitle),
+        help: "analytics.ci-time"
+      }, _attrs), {
+        actions: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (unref(deltaBadge)) {
+              _push2(`<span class="${ssrRenderClass([unref(deltaBadge).class, "text-xs font-medium tabular-nums"])}"${_scopeId}>${ssrInterpolate(unref(deltaBadge).label)}</span>`);
+            } else {
+              _push2(`<!---->`);
+            }
+          } else {
+            return [
+              unref(deltaBadge) ? (openBlock(), createBlock("span", {
+                key: 0,
+                class: ["text-xs font-medium tabular-nums", unref(deltaBadge).class]
+              }, toDisplayString(unref(deltaBadge).label), 3)) : createCommentVNode("", true)
+            ];
+          }
+        }),
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (unref(pending)) {
+              _push2(ssrRenderComponent(_component_LoadingState, null, null, _parent2, _scopeId));
+            } else if (unref(error)) {
+              _push2(ssrRenderComponent(_component_ErrorState, {
+                text: `Couldn't load CI time: ${("errorMessage" in _ctx ? _ctx.errorMessage : unref(errorMessage))(unref(error))}`
+              }, {
+                action: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UButton, {
+                      size: "sm",
+                      color: "neutral",
+                      variant: "outline",
+                      icon: "i-lucide-refresh-cw",
+                      onClick: ($event) => unref(refresh)()
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(` Retry `);
+                        } else {
+                          return [
+                            createTextVNode(" Retry ")
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(_component_UButton, {
+                        size: "sm",
+                        color: "neutral",
+                        variant: "outline",
+                        icon: "i-lucide-refresh-cw",
+                        onClick: ($event) => unref(refresh)()
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Retry ")
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else if (!unref(hasData)) {
+              _push2(ssrRenderComponent(_component_EmptyState, { text: "No runs in this period." }, null, _parent2, _scopeId));
+            } else {
+              _push2(`<div class="w-full"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_ChartFrame, {
+                height: 220,
+                "y-max": unref(yMax),
+                "y-format": (value) => `${value}m`
+              }, {
+                default: withCtx(({ plotWidth, plotHeight, yScale }, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`<path${ssrRenderAttr("d", areaPath(plotWidth, plotHeight, yScale))} fill="rgba(59, 130, 246, 0.15)"${_scopeId2}></path><path${ssrRenderAttr("d", linePath(plotWidth, yScale))} fill="none"${ssrRenderAttr("stroke", lineColor)} stroke-width="2"${_scopeId2}></path><!--[-->`);
+                    ssrRenderList(xTicks(plotWidth), (tick) => {
+                      _push3(`<text${ssrRenderAttr("x", tick.x)}${ssrRenderAttr("y", plotHeight + 14)} text-anchor="middle" class="fill-gray-400 dark:fill-gray-500 text-[10px]"${_scopeId2}>${ssrInterpolate(tick.label)}</text>`);
+                    });
+                    _push3(`<!--]--><!--[-->`);
+                    ssrRenderList(unref(chartData), (d, i) => {
+                      _push3(`<rect${ssrRenderAttr("x", i * (plotWidth / unref(chartData).length))}${ssrRenderAttr("y", 0)}${ssrRenderAttr("width", plotWidth / unref(chartData).length)}${ssrRenderAttr("height", plotHeight)}${ssrRenderAttr("fill", unref(tooltipData) === d ? "rgb(148 163 184 / 0.15)" : "transparent")}${_scopeId2}></rect>`);
+                    });
+                    _push3(`<!--]-->`);
+                  } else {
+                    return [
+                      createVNode("path", {
+                        d: areaPath(plotWidth, plotHeight, yScale),
+                        fill: "rgba(59, 130, 246, 0.15)"
+                      }, null, 8, ["d"]),
+                      createVNode("path", {
+                        d: linePath(plotWidth, yScale),
+                        fill: "none",
+                        stroke: lineColor,
+                        "stroke-width": "2"
+                      }, null, 8, ["d"]),
+                      (openBlock(true), createBlock(Fragment, null, renderList(xTicks(plotWidth), (tick) => {
+                        return openBlock(), createBlock("text", {
+                          key: tick.x,
+                          x: tick.x,
+                          y: plotHeight + 14,
+                          "text-anchor": "middle",
+                          class: "fill-gray-400 dark:fill-gray-500 text-[10px]"
+                        }, toDisplayString(tick.label), 9, ["x", "y"]);
+                      }), 128)),
+                      (openBlock(true), createBlock(Fragment, null, renderList(unref(chartData), (d, i) => {
+                        return openBlock(), createBlock("rect", {
+                          key: `hover-${d.date.getTime()}`,
+                          x: i * (plotWidth / unref(chartData).length),
+                          y: 0,
+                          width: plotWidth / unref(chartData).length,
+                          height: plotHeight,
+                          fill: unref(tooltipData) === d ? "rgb(148 163 184 / 0.15)" : "transparent",
+                          onMouseenter: ($event) => unref(show)($event, d),
+                          onMousemove: ($event) => unref(move)($event),
+                          onMouseleave: ($event) => unref(hide)()
+                        }, null, 40, ["x", "width", "height", "fill", "onMouseenter", "onMousemove", "onMouseleave"]);
+                      }), 128))
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              if (unref(tooltipData)) {
+                _push2(ssrRenderComponent(_component_ChartTooltip, { pos: unref(tooltipPos) }, {
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(`<div class="font-semibold mb-1"${_scopeId2}>${ssrInterpolate(unref(tooltipData).date.toLocaleDateString("en-US", { month: "short", day: "numeric" }))}</div><div${_scopeId2}>${ssrInterpolate(unref(tooltipData).totalMinutes)} minutes</div><div class="text-gray-400 text-xs"${_scopeId2}>${ssrInterpolate(unref(tooltipData).runCount)} runs</div>`);
+                    } else {
+                      return [
+                        createVNode("div", { class: "font-semibold mb-1" }, toDisplayString(unref(tooltipData).date.toLocaleDateString("en-US", { month: "short", day: "numeric" })), 1),
+                        createVNode("div", null, toDisplayString(unref(tooltipData).totalMinutes) + " minutes", 1),
+                        createVNode("div", { class: "text-gray-400 text-xs" }, toDisplayString(unref(tooltipData).runCount) + " runs", 1)
+                      ];
+                    }
+                  }),
+                  _: 1
+                }, _parent2, _scopeId));
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`</div>`);
+            }
+          } else {
+            return [
+              unref(pending) ? (openBlock(), createBlock(_component_LoadingState, { key: 0 })) : unref(error) ? (openBlock(), createBlock(_component_ErrorState, {
+                key: 1,
+                text: `Couldn't load CI time: ${("errorMessage" in _ctx ? _ctx.errorMessage : unref(errorMessage))(unref(error))}`
+              }, {
+                action: withCtx(() => [
+                  createVNode(_component_UButton, {
+                    size: "sm",
+                    color: "neutral",
+                    variant: "outline",
+                    icon: "i-lucide-refresh-cw",
+                    onClick: ($event) => unref(refresh)()
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" Retry ")
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]),
+                _: 1
+              }, 8, ["text"])) : !unref(hasData) ? (openBlock(), createBlock(_component_EmptyState, {
+                key: 2,
+                text: "No runs in this period."
+              })) : (openBlock(), createBlock("div", {
+                key: 3,
+                class: "w-full"
+              }, [
+                createVNode(_component_ChartFrame, {
+                  height: 220,
+                  "y-max": unref(yMax),
+                  "y-format": (value) => `${value}m`
+                }, {
+                  default: withCtx(({ plotWidth, plotHeight, yScale }) => [
+                    createVNode("path", {
+                      d: areaPath(plotWidth, plotHeight, yScale),
+                      fill: "rgba(59, 130, 246, 0.15)"
+                    }, null, 8, ["d"]),
+                    createVNode("path", {
+                      d: linePath(plotWidth, yScale),
+                      fill: "none",
+                      stroke: lineColor,
+                      "stroke-width": "2"
+                    }, null, 8, ["d"]),
+                    (openBlock(true), createBlock(Fragment, null, renderList(xTicks(plotWidth), (tick) => {
+                      return openBlock(), createBlock("text", {
+                        key: tick.x,
+                        x: tick.x,
+                        y: plotHeight + 14,
+                        "text-anchor": "middle",
+                        class: "fill-gray-400 dark:fill-gray-500 text-[10px]"
+                      }, toDisplayString(tick.label), 9, ["x", "y"]);
+                    }), 128)),
+                    (openBlock(true), createBlock(Fragment, null, renderList(unref(chartData), (d, i) => {
+                      return openBlock(), createBlock("rect", {
+                        key: `hover-${d.date.getTime()}`,
+                        x: i * (plotWidth / unref(chartData).length),
+                        y: 0,
+                        width: plotWidth / unref(chartData).length,
+                        height: plotHeight,
+                        fill: unref(tooltipData) === d ? "rgb(148 163 184 / 0.15)" : "transparent",
+                        onMouseenter: ($event) => unref(show)($event, d),
+                        onMousemove: ($event) => unref(move)($event),
+                        onMouseleave: ($event) => unref(hide)()
+                      }, null, 40, ["x", "width", "height", "fill", "onMouseenter", "onMousemove", "onMouseleave"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["y-max", "y-format"]),
+                unref(tooltipData) ? (openBlock(), createBlock(_component_ChartTooltip, {
+                  key: 0,
+                  pos: unref(tooltipPos)
+                }, {
+                  default: withCtx(() => [
+                    createVNode("div", { class: "font-semibold mb-1" }, toDisplayString(unref(tooltipData).date.toLocaleDateString("en-US", { month: "short", day: "numeric" })), 1),
+                    createVNode("div", null, toDisplayString(unref(tooltipData).totalMinutes) + " minutes", 1),
+                    createVNode("div", { class: "text-gray-400 text-xs" }, toDisplayString(unref(tooltipData).runCount) + " runs", 1)
+                  ]),
+                  _: 1
+                }, 8, ["pos"])) : createCommentVNode("", true)
+              ]))
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+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/analytics/CiTimeTrendChart.vue");
+  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
+};
+const CiTimeTrendChart = Object.assign(_sfc_main$7, { __name: "CiTimeTrendChart" });
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "WastedTimeChart",
+  __ssrInlineRender: true,
+  props: {
+    query: {}
+  },
+  async setup(__props) {
+    let __temp, __restore;
+    const props = __props;
+    const {
+      data: wasted,
+      pending,
+      error,
+      refresh
+    } = ([__temp, __restore] = withAsyncContext(() => useAnalyticsWidget("wasted-time", () => props.query)), __temp = await __temp, __restore(), __temp);
+    const chartData = computed(
+      () => wasted.value?.points.map((p) => ({
+        date: new Date(p.date),
+        waitMinutes: p.waitMinutes,
+        failedExecMinutes: p.failedExecMinutes
+      })) ?? []
+    );
+    const hasData = computed(() => chartData.value.some((p) => p.waitMinutes > 0 || p.failedExecMinutes > 0));
+    const areaColors = ["rgb(245, 158, 11)", "rgb(239, 68, 68)"];
+    const yMax = computed(() => Math.max(1, ...chartData.value.map((d) => d.waitMinutes + d.failedExecMinutes)));
+    function layout(plotWidth, plotHeight, yScale) {
+      const geo = barGeometry(chartData.value.length, plotWidth);
+      return chartData.value.map((d, i) => ({
+        d,
+        slotX: i * geo.slotWidth,
+        slotWidth: geo.slotWidth,
+        barX: geo.xOf(i),
+        barWidth: geo.barWidth,
+        segments: stackSegments(
+          [
+            { color: areaColors[0], value: d.waitMinutes },
+            { color: areaColors[1], value: d.failedExecMinutes }
+          ],
+          plotHeight,
+          yScale
+        )
+      }));
+    }
+    function xTicks(plotWidth) {
+      const { centerOf } = barGeometry(chartData.value.length, plotWidth);
+      const dates = chartData.value.map((d) => d.date);
+      return dayTickIndices(dates, Math.max(2, Math.floor(plotWidth / 80))).map((i) => ({
+        x: centerOf(i),
+        label: formatTickDate(dates[i])
+      }));
+    }
+    const { data: tooltipData, pos: tooltipPos, show, move, hide } = useChartTooltip(240);
+    const legendItems = [
+      { color: areaColors[0], label: "Wait steps" },
+      { color: areaColors[1], label: "Failed attempts" }
+    ];
+    const subtitle = computed(() => {
+      if (!wasted.value) return void 0;
+      const total = wasted.value.totalWaitMinutes + wasted.value.totalFailedExecMinutes;
+      const label = total < 60 ? `${Math.round(total)} min` : `${Math.round(total / 60 * 10) / 10} h`;
+      return `${label} of CI time produced no signal`;
+    });
+    const reclaim = computed(() => wasted.value?.timeoutReclaimable ?? null);
+    const reclaimLabel = computed(() => {
+      const m = reclaim.value?.estimatedMinutes ?? 0;
+      return m < 60 ? `${Math.round(m)} min` : `${Math.round(m / 60 * 10) / 10} h`;
+    });
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_ChartCard = __nuxt_component_0;
+      const _component_LoadingState = __nuxt_component_13;
+      const _component_ErrorState = __nuxt_component_5$1;
+      const _component_UButton = _sfc_main$k;
+      const _component_EmptyState = __nuxt_component_4$2;
+      const _component_ChartFrame = __nuxt_component_5$2;
+      const _component_ChartTooltip = __nuxt_component_6;
+      const _component_UIcon = _sfc_main$p;
+      const _component_NuxtLink = __nuxt_component_12;
+      _push(ssrRenderComponent(_component_ChartCard, mergeProps({
+        icon: "i-lucide-hourglass",
+        title: "Wasted CI time",
+        subtitle: unref(subtitle),
+        help: "analytics.wasted-time",
+        legend: legendItems
+      }, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (unref(pending)) {
+              _push2(ssrRenderComponent(_component_LoadingState, null, null, _parent2, _scopeId));
+            } else if (unref(error)) {
+              _push2(ssrRenderComponent(_component_ErrorState, {
+                text: `Couldn't load wasted time: ${("errorMessage" in _ctx ? _ctx.errorMessage : unref(errorMessage))(unref(error))}`
+              }, {
+                action: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UButton, {
+                      size: "sm",
+                      color: "neutral",
+                      variant: "outline",
+                      icon: "i-lucide-refresh-cw",
+                      onClick: ($event) => unref(refresh)()
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(` Retry `);
+                        } else {
+                          return [
+                            createTextVNode(" Retry ")
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(_component_UButton, {
+                        size: "sm",
+                        color: "neutral",
+                        variant: "outline",
+                        icon: "i-lucide-refresh-cw",
+                        onClick: ($event) => unref(refresh)()
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Retry ")
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else if (!unref(hasData)) {
+              _push2(ssrRenderComponent(_component_EmptyState, { text: "No wasted time recorded in this period." }, null, _parent2, _scopeId));
+            } else {
+              _push2(`<div class="w-full"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_ChartFrame, {
+                height: 220,
+                "y-max": unref(yMax),
+                "y-format": (value) => `${value}m`
+              }, {
+                default: withCtx(({ plotWidth, plotHeight, yScale }, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`<!--[-->`);
+                    ssrRenderList(layout(plotWidth, plotHeight, yScale), (bar) => {
+                      _push3(`<!--[--><!--[-->`);
+                      ssrRenderList(bar.segments, (segment) => {
+                        _push3(`<rect${ssrRenderAttr("x", bar.barX)}${ssrRenderAttr("y", segment.y)}${ssrRenderAttr("width", bar.barWidth)}${ssrRenderAttr("height", segment.height)}${ssrRenderAttr("fill", segment.color)}${_scopeId2}></rect>`);
+                      });
+                      _push3(`<!--]--><!--]-->`);
+                    });
+                    _push3(`<!--]--><!--[-->`);
+                    ssrRenderList(xTicks(plotWidth), (tick) => {
+                      _push3(`<text${ssrRenderAttr("x", tick.x)}${ssrRenderAttr("y", plotHeight + 14)} text-anchor="middle" class="fill-gray-400 dark:fill-gray-500 text-[10px]"${_scopeId2}>${ssrInterpolate(tick.label)}</text>`);
+                    });
+                    _push3(`<!--]--><!--[-->`);
+                    ssrRenderList(layout(plotWidth, plotHeight, yScale), (bar) => {
+                      _push3(`<rect${ssrRenderAttr("x", bar.slotX)}${ssrRenderAttr("y", 0)}${ssrRenderAttr("width", bar.slotWidth)}${ssrRenderAttr("height", plotHeight)}${ssrRenderAttr("fill", unref(tooltipData) === bar.d ? "rgb(148 163 184 / 0.15)" : "transparent")}${_scopeId2}></rect>`);
+                    });
+                    _push3(`<!--]-->`);
+                  } else {
+                    return [
+                      (openBlock(true), createBlock(Fragment, null, renderList(layout(plotWidth, plotHeight, yScale), (bar) => {
+                        return openBlock(), createBlock(Fragment, {
+                          key: bar.d.date.getTime()
+                        }, [
+                          (openBlock(true), createBlock(Fragment, null, renderList(bar.segments, (segment) => {
+                            return openBlock(), createBlock("rect", {
+                              key: segment.color,
+                              x: bar.barX,
+                              y: segment.y,
+                              width: bar.barWidth,
+                              height: segment.height,
+                              fill: segment.color
+                            }, null, 8, ["x", "y", "width", "height", "fill"]);
+                          }), 128))
+                        ], 64);
+                      }), 128)),
+                      (openBlock(true), createBlock(Fragment, null, renderList(xTicks(plotWidth), (tick) => {
+                        return openBlock(), createBlock("text", {
+                          key: tick.x,
+                          x: tick.x,
+                          y: plotHeight + 14,
+                          "text-anchor": "middle",
+                          class: "fill-gray-400 dark:fill-gray-500 text-[10px]"
+                        }, toDisplayString(tick.label), 9, ["x", "y"]);
+                      }), 128)),
+                      (openBlock(true), createBlock(Fragment, null, renderList(layout(plotWidth, plotHeight, yScale), (bar) => {
+                        return openBlock(), createBlock("rect", {
+                          key: `hover-${bar.d.date.getTime()}`,
+                          x: bar.slotX,
+                          y: 0,
+                          width: bar.slotWidth,
+                          height: plotHeight,
+                          fill: unref(tooltipData) === bar.d ? "rgb(148 163 184 / 0.15)" : "transparent",
+                          onMouseenter: ($event) => unref(show)($event, bar.d),
+                          onMousemove: ($event) => unref(move)($event),
+                          onMouseleave: ($event) => unref(hide)()
+                        }, null, 40, ["x", "width", "height", "fill", "onMouseenter", "onMousemove", "onMouseleave"]);
+                      }), 128))
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              if (unref(tooltipData)) {
+                _push2(ssrRenderComponent(_component_ChartTooltip, { pos: unref(tooltipPos) }, {
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(`<div class="font-semibold mb-1"${_scopeId2}>${ssrInterpolate(unref(tooltipData).date.toLocaleDateString("en-US", { month: "short", day: "numeric" }))}</div><div${_scopeId2}><span class="text-amber-500"${_scopeId2}>●</span> Wait steps: ${ssrInterpolate(unref(tooltipData).waitMinutes)} min</div><div${_scopeId2}><span class="text-red-500"${_scopeId2}>●</span> Failed attempts: ${ssrInterpolate(unref(tooltipData).failedExecMinutes)} min</div>`);
+                    } else {
+                      return [
+                        createVNode("div", { class: "font-semibold mb-1" }, toDisplayString(unref(tooltipData).date.toLocaleDateString("en-US", { month: "short", day: "numeric" })), 1),
+                        createVNode("div", null, [
+                          createVNode("span", { class: "text-amber-500" }, "●"),
+                          createTextVNode(" Wait steps: " + toDisplayString(unref(tooltipData).waitMinutes) + " min", 1)
+                        ]),
+                        createVNode("div", null, [
+                          createVNode("span", { class: "text-red-500" }, "●"),
+                          createTextVNode(" Failed attempts: " + toDisplayString(unref(tooltipData).failedExecMinutes) + " min", 1)
+                        ])
+                      ];
+                    }
+                  }),
+                  _: 1
+                }, _parent2, _scopeId));
+              } else {
+                _push2(`<!---->`);
+              }
+              if (unref(reclaim)) {
+                _push2(`<div class="mt-4 flex items-start gap-2 rounded-lg border border-amber-200 bg-amber-50 p-2.5 text-sm dark:border-amber-900/50 dark:bg-amber-950/30"${_scopeId}>`);
+                _push2(ssrRenderComponent(_component_UIcon, {
+                  name: "i-lucide-scissors",
+                  class: "mt-0.5 shrink-0 text-amber-500"
+                }, null, _parent2, _scopeId));
+                _push2(`<div class="text-gray-700 dark:text-gray-300"${_scopeId}> Up to <span class="font-semibold"${_scopeId}>≈${ssrInterpolate(unref(reclaimLabel))}</span> of this is avoidable — ${ssrInterpolate(unref(reclaim).oversizedCount)} oversized ${ssrInterpolate(unref(reclaim).oversizedCount === 1 ? "timeout" : "timeouts")} and ${ssrInterpolate(unref(reclaim).staleSlowCount)} stale <code class="text-xs"${_scopeId}>test.slow()</code> ${ssrInterpolate(unref(reclaim).staleSlowCount === 1 ? "mark" : "marks")} inflate the failed-attempt time above. `);
+                if (unref(reclaim).topProjectId) {
+                  _push2(ssrRenderComponent(_component_NuxtLink, {
+                    to: `/projects/${unref(reclaim).topProjectId}#performance`,
+                    class: "text-primary hover:underline"
+                  }, {
+                    default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                      if (_push3) {
+                        _push3(`Review`);
+                      } else {
+                        return [
+                          createTextVNode("Review")
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent2, _scopeId));
+                } else {
+                  _push2(`<!---->`);
+                }
+                _push2(`</div></div>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              if (unref(wasted) && unref(wasted).byProject.length > 0) {
+                _push2(`<div class="mt-4 space-y-1"${_scopeId}><!--[-->`);
+                ssrRenderList(unref(wasted).byProject.slice(0, 5), (project) => {
+                  _push2(`<div class="flex items-center justify-between text-sm"${_scopeId}>`);
+                  _push2(ssrRenderComponent(_component_NuxtLink, {
+                    to: `/projects/${project.projectId}`,
+                    class: "truncate hover:text-primary"
+                  }, {
+                    default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                      if (_push3) {
+                        _push3(`${ssrInterpolate(project.label || project.name)}`);
+                      } else {
+                        return [
+                          createTextVNode(toDisplayString(project.label || project.name), 1)
+                        ];
+                      }
+                    }),
+                    _: 2
+                  }, _parent2, _scopeId));
+                  _push2(`<span class="tabular-nums text-gray-500 dark:text-gray-400 shrink-0"${_scopeId}>${ssrInterpolate(Math.round(project.waitMinutes + project.failedExecMinutes))} min </span></div>`);
+                });
+                _push2(`<!--]--></div>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`</div>`);
+            }
+          } else {
+            return [
+              unref(pending) ? (openBlock(), createBlock(_component_LoadingState, { key: 0 })) : unref(error) ? (openBlock(), createBlock(_component_ErrorState, {
+                key: 1,
+                text: `Couldn't load wasted time: ${("errorMessage" in _ctx ? _ctx.errorMessage : unref(errorMessage))(unref(error))}`
+              }, {
+                action: withCtx(() => [
+                  createVNode(_component_UButton, {
+                    size: "sm",
+                    color: "neutral",
+                    variant: "outline",
+                    icon: "i-lucide-refresh-cw",
+                    onClick: ($event) => unref(refresh)()
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" Retry ")
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]),
+                _: 1
+              }, 8, ["text"])) : !unref(hasData) ? (openBlock(), createBlock(_component_EmptyState, {
+                key: 2,
+                text: "No wasted time recorded in this period."
+              })) : (openBlock(), createBlock("div", {
+                key: 3,
+                class: "w-full"
+              }, [
+                createVNode(_component_ChartFrame, {
+                  height: 220,
+                  "y-max": unref(yMax),
+                  "y-format": (value) => `${value}m`
+                }, {
+                  default: withCtx(({ plotWidth, plotHeight, yScale }) => [
+                    (openBlock(true), createBlock(Fragment, null, renderList(layout(plotWidth, plotHeight, yScale), (bar) => {
+                      return openBlock(), createBlock(Fragment, {
+                        key: bar.d.date.getTime()
+                      }, [
+                        (openBlock(true), createBlock(Fragment, null, renderList(bar.segments, (segment) => {
+                          return openBlock(), createBlock("rect", {
+                            key: segment.color,
+                            x: bar.barX,
+                            y: segment.y,
+                            width: bar.barWidth,
+                            height: segment.height,
+                            fill: segment.color
+                          }, null, 8, ["x", "y", "width", "height", "fill"]);
+                        }), 128))
+                      ], 64);
+                    }), 128)),
+                    (openBlock(true), createBlock(Fragment, null, renderList(xTicks(plotWidth), (tick) => {
+                      return openBlock(), createBlock("text", {
+                        key: tick.x,
+                        x: tick.x,
+                        y: plotHeight + 14,
+                        "text-anchor": "middle",
+                        class: "fill-gray-400 dark:fill-gray-500 text-[10px]"
+                      }, toDisplayString(tick.label), 9, ["x", "y"]);
+                    }), 128)),
+                    (openBlock(true), createBlock(Fragment, null, renderList(layout(plotWidth, plotHeight, yScale), (bar) => {
+                      return openBlock(), createBlock("rect", {
+                        key: `hover-${bar.d.date.getTime()}`,
+                        x: bar.slotX,
+                        y: 0,
+                        width: bar.slotWidth,
+                        height: plotHeight,
+                        fill: unref(tooltipData) === bar.d ? "rgb(148 163 184 / 0.15)" : "transparent",
+                        onMouseenter: ($event) => unref(show)($event, bar.d),
+                        onMousemove: ($event) => unref(move)($event),
+                        onMouseleave: ($event) => unref(hide)()
+                      }, null, 40, ["x", "width", "height", "fill", "onMouseenter", "onMousemove", "onMouseleave"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["y-max", "y-format"]),
+                unref(tooltipData) ? (openBlock(), createBlock(_component_ChartTooltip, {
+                  key: 0,
+                  pos: unref(tooltipPos)
+                }, {
+                  default: withCtx(() => [
+                    createVNode("div", { class: "font-semibold mb-1" }, toDisplayString(unref(tooltipData).date.toLocaleDateString("en-US", { month: "short", day: "numeric" })), 1),
+                    createVNode("div", null, [
+                      createVNode("span", { class: "text-amber-500" }, "●"),
+                      createTextVNode(" Wait steps: " + toDisplayString(unref(tooltipData).waitMinutes) + " min", 1)
+                    ]),
+                    createVNode("div", null, [
+                      createVNode("span", { class: "text-red-500" }, "●"),
+                      createTextVNode(" Failed attempts: " + toDisplayString(unref(tooltipData).failedExecMinutes) + " min", 1)
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["pos"])) : createCommentVNode("", true),
+                unref(reclaim) ? (openBlock(), createBlock("div", {
+                  key: 1,
+                  class: "mt-4 flex items-start gap-2 rounded-lg border border-amber-200 bg-amber-50 p-2.5 text-sm dark:border-amber-900/50 dark:bg-amber-950/30"
+                }, [
+                  createVNode(_component_UIcon, {
+                    name: "i-lucide-scissors",
+                    class: "mt-0.5 shrink-0 text-amber-500"
+                  }),
+                  createVNode("div", { class: "text-gray-700 dark:text-gray-300" }, [
+                    createTextVNode(" Up to "),
+                    createVNode("span", { class: "font-semibold" }, "≈" + toDisplayString(unref(reclaimLabel)), 1),
+                    createTextVNode(" of this is avoidable — " + toDisplayString(unref(reclaim).oversizedCount) + " oversized " + toDisplayString(unref(reclaim).oversizedCount === 1 ? "timeout" : "timeouts") + " and " + toDisplayString(unref(reclaim).staleSlowCount) + " stale ", 1),
+                    createVNode("code", { class: "text-xs" }, "test.slow()"),
+                    createTextVNode(" " + toDisplayString(unref(reclaim).staleSlowCount === 1 ? "mark" : "marks") + " inflate the failed-attempt time above. ", 1),
+                    unref(reclaim).topProjectId ? (openBlock(), createBlock(_component_NuxtLink, {
+                      key: 0,
+                      to: `/projects/${unref(reclaim).topProjectId}#performance`,
+                      class: "text-primary hover:underline"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode("Review")
+                      ]),
+                      _: 1
+                    }, 8, ["to"])) : createCommentVNode("", true)
+                  ])
+                ])) : createCommentVNode("", true),
+                unref(wasted) && unref(wasted).byProject.length > 0 ? (openBlock(), createBlock("div", {
+                  key: 2,
+                  class: "mt-4 space-y-1"
+                }, [
+                  (openBlock(true), createBlock(Fragment, null, renderList(unref(wasted).byProject.slice(0, 5), (project) => {
+                    return openBlock(), createBlock("div", {
+                      key: project.projectId,
+                      class: "flex items-center justify-between text-sm"
+                    }, [
+                      createVNode(_component_NuxtLink, {
+                        to: `/projects/${project.projectId}`,
+                        class: "truncate hover:text-primary"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(project.label || project.name), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["to"]),
+                      createVNode("span", { class: "tabular-nums text-gray-500 dark:text-gray-400 shrink-0" }, toDisplayString(Math.round(project.waitMinutes + project.failedExecMinutes)) + " min ", 1)
+                    ]);
+                  }), 128))
+                ])) : createCommentVNode("", true)
+              ]))
+            ];
+          }
+        }),
+        _: 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/analytics/WastedTimeChart.vue");
+  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
+};
+const WastedTimeChart = Object.assign(_sfc_main$6, { __name: "WastedTimeChart" });
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "GlobalFlakyLeaderboard",
+  __ssrInlineRender: true,
+  props: {
+    query: {}
+  },
+  async setup(__props) {
+    let __temp, __restore;
+    const props = __props;
+    const {
+      data: rows,
+      pending,
+      error,
+      refresh
+    } = ([__temp, __restore] = withAsyncContext(() => useAnalyticsWidget("flaky-leaderboard", () => props.query)), __temp = await __temp, __restore(), __temp);
+    function scoreColor(score) {
+      if (score >= 60) return "text-red-600 dark:text-red-400";
+      if (score >= 30) return "text-amber-600 dark:text-amber-400";
+      return "text-gray-500";
+    }
+    function flakeSummary(row) {
+      if (row.retryPassRuns > 0) return `flaked ${row.retryPassRuns}/${row.totalRuns} runs`;
+      return `${row.alternations} status flips in ${row.totalRuns} runs`;
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_SectionCard = __nuxt_component_11;
+      const _component_LoadingState = __nuxt_component_13;
+      const _component_ErrorState = __nuxt_component_5$1;
+      const _component_UButton = _sfc_main$k;
+      const _component_EmptyState = __nuxt_component_4$2;
+      const _component_NuxtLink = __nuxt_component_12;
+      const _component_TagBadge = __nuxt_component_4$3;
+      _push(ssrRenderComponent(_component_SectionCard, mergeProps({
+        icon: "i-lucide-repeat",
+        title: "Flakiest tests",
+        count: unref(rows)?.length || void 0,
+        subtitle: "Across all projects, sorted by impact",
+        help: "analytics.flaky-leaderboard"
+      }, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (unref(pending)) {
+              _push2(ssrRenderComponent(_component_LoadingState, null, null, _parent2, _scopeId));
+            } else if (unref(error)) {
+              _push2(ssrRenderComponent(_component_ErrorState, {
+                text: `Couldn't load flaky tests: ${("errorMessage" in _ctx ? _ctx.errorMessage : unref(errorMessage))(unref(error))}`
+              }, {
+                action: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UButton, {
+                      size: "sm",
+                      color: "neutral",
+                      variant: "outline",
+                      icon: "i-lucide-refresh-cw",
+                      onClick: ($event) => unref(refresh)()
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(` Retry `);
+                        } else {
+                          return [
+                            createTextVNode(" Retry ")
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(_component_UButton, {
+                        size: "sm",
+                        color: "neutral",
+                        variant: "outline",
+                        icon: "i-lucide-refresh-cw",
+                        onClick: ($event) => unref(refresh)()
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Retry ")
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else if (!unref(rows) || unref(rows).length === 0) {
+              _push2(ssrRenderComponent(_component_EmptyState, { text: "No flaky tests detected. Nice and stable." }, null, _parent2, _scopeId));
+            } else {
+              _push2(`<div class="divide-y divide-gray-100 dark:divide-gray-800"${_scopeId}><!--[-->`);
+              ssrRenderList(unref(rows), (row) => {
+                _push2(ssrRenderComponent(_component_NuxtLink, {
+                  key: `${row.projectId}-${row.testCaseId}`,
+                  to: `/test-cases/${row.testCaseId}`,
+                  class: "flex items-center gap-3 py-2.5 hover:bg-gray-50 dark:hover:bg-gray-800/60 rounded transition-colors"
+                }, {
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(`<span class="${ssrRenderClass([scoreColor(row.score), "tabular-nums font-bold text-sm w-10 text-right shrink-0"])}"${_scopeId2}>${ssrInterpolate(row.score)}</span><div class="flex-1 min-w-0"${_scopeId2}><p class="text-sm font-medium truncate"${_scopeId2}>${ssrInterpolate(row.title)}</p><p class="text-xs text-gray-500 dark:text-gray-400 truncate"${_scopeId2}>${ssrInterpolate(row.projectLabel || row.projectName)} · ${ssrInterpolate(flakeSummary(row))} `);
+                      if (row.lastFlakeAt) {
+                        _push3(`<!--[--> · last ${ssrInterpolate(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(row.lastFlakeAt))}<!--]-->`);
+                      } else {
+                        _push3(`<!---->`);
+                      }
+                      _push3(`</p></div><div class="text-right shrink-0"${_scopeId2}><p class="${ssrRenderClass([
+                        row.wastedCiMinutes >= 30 ? "text-red-600 dark:text-red-400" : row.wastedCiMinutes >= 5 ? "text-amber-600 dark:text-amber-400" : "text-gray-500",
+                        "text-sm tabular-nums"
+                      ])}"${_scopeId2}>${ssrInterpolate(Math.round(row.wastedCiMinutes))} min </p>`);
+                      if (row.rootCause) {
+                        _push3(ssrRenderComponent(_component_TagBadge, {
+                          text: row.rootCause,
+                          color: "neutral"
+                        }, null, _parent3, _scopeId2));
+                      } else {
+                        _push3(`<!---->`);
+                      }
+                      _push3(`</div>`);
+                    } else {
+                      return [
+                        createVNode("span", {
+                          class: ["tabular-nums font-bold text-sm w-10 text-right shrink-0", scoreColor(row.score)]
+                        }, toDisplayString(row.score), 3),
+                        createVNode("div", { class: "flex-1 min-w-0" }, [
+                          createVNode("p", { class: "text-sm font-medium truncate" }, toDisplayString(row.title), 1),
+                          createVNode("p", { class: "text-xs text-gray-500 dark:text-gray-400 truncate" }, [
+                            createTextVNode(toDisplayString(row.projectLabel || row.projectName) + " · " + toDisplayString(flakeSummary(row)) + " ", 1),
+                            row.lastFlakeAt ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                              createTextVNode(" · last " + toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(row.lastFlakeAt)), 1)
+                            ], 64)) : createCommentVNode("", true)
+                          ])
+                        ]),
+                        createVNode("div", { class: "text-right shrink-0" }, [
+                          createVNode("p", {
+                            class: [
+                              "text-sm tabular-nums",
+                              row.wastedCiMinutes >= 30 ? "text-red-600 dark:text-red-400" : row.wastedCiMinutes >= 5 ? "text-amber-600 dark:text-amber-400" : "text-gray-500"
+                            ]
+                          }, toDisplayString(Math.round(row.wastedCiMinutes)) + " min ", 3),
+                          row.rootCause ? (openBlock(), createBlock(_component_TagBadge, {
+                            key: 0,
+                            text: row.rootCause,
+                            color: "neutral"
+                          }, null, 8, ["text"])) : createCommentVNode("", true)
+                        ])
+                      ];
+                    }
+                  }),
+                  _: 2
+                }, _parent2, _scopeId));
+              });
+              _push2(`<!--]--></div>`);
+            }
+          } else {
+            return [
+              unref(pending) ? (openBlock(), createBlock(_component_LoadingState, { key: 0 })) : unref(error) ? (openBlock(), createBlock(_component_ErrorState, {
+                key: 1,
+                text: `Couldn't load flaky tests: ${("errorMessage" in _ctx ? _ctx.errorMessage : unref(errorMessage))(unref(error))}`
+              }, {
+                action: withCtx(() => [
+                  createVNode(_component_UButton, {
+                    size: "sm",
+                    color: "neutral",
+                    variant: "outline",
+                    icon: "i-lucide-refresh-cw",
+                    onClick: ($event) => unref(refresh)()
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" Retry ")
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]),
+                _: 1
+              }, 8, ["text"])) : !unref(rows) || unref(rows).length === 0 ? (openBlock(), createBlock(_component_EmptyState, {
+                key: 2,
+                text: "No flaky tests detected. Nice and stable."
+              })) : (openBlock(), createBlock("div", {
+                key: 3,
+                class: "divide-y divide-gray-100 dark:divide-gray-800"
+              }, [
+                (openBlock(true), createBlock(Fragment, null, renderList(unref(rows), (row) => {
+                  return openBlock(), createBlock(_component_NuxtLink, {
+                    key: `${row.projectId}-${row.testCaseId}`,
+                    to: `/test-cases/${row.testCaseId}`,
+                    class: "flex items-center gap-3 py-2.5 hover:bg-gray-50 dark:hover:bg-gray-800/60 rounded transition-colors"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode("span", {
+                        class: ["tabular-nums font-bold text-sm w-10 text-right shrink-0", scoreColor(row.score)]
+                      }, toDisplayString(row.score), 3),
+                      createVNode("div", { class: "flex-1 min-w-0" }, [
+                        createVNode("p", { class: "text-sm font-medium truncate" }, toDisplayString(row.title), 1),
+                        createVNode("p", { class: "text-xs text-gray-500 dark:text-gray-400 truncate" }, [
+                          createTextVNode(toDisplayString(row.projectLabel || row.projectName) + " · " + toDisplayString(flakeSummary(row)) + " ", 1),
+                          row.lastFlakeAt ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                            createTextVNode(" · last " + toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(row.lastFlakeAt)), 1)
+                          ], 64)) : createCommentVNode("", true)
+                        ])
+                      ]),
+                      createVNode("div", { class: "text-right shrink-0" }, [
+                        createVNode("p", {
+                          class: [
+                            "text-sm tabular-nums",
+                            row.wastedCiMinutes >= 30 ? "text-red-600 dark:text-red-400" : row.wastedCiMinutes >= 5 ? "text-amber-600 dark:text-amber-400" : "text-gray-500"
+                          ]
+                        }, toDisplayString(Math.round(row.wastedCiMinutes)) + " min ", 3),
+                        row.rootCause ? (openBlock(), createBlock(_component_TagBadge, {
+                          key: 0,
+                          text: row.rootCause,
+                          color: "neutral"
+                        }, null, 8, ["text"])) : createCommentVNode("", true)
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["to"]);
+                }), 128))
+              ]))
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+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/analytics/GlobalFlakyLeaderboard.vue");
+  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
+};
+const GlobalFlakyLeaderboard = Object.assign(_sfc_main$5, { __name: "GlobalFlakyLeaderboard" });
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "ClusterLandscape",
+  __ssrInlineRender: true,
+  props: {
+    query: {}
+  },
+  async setup(__props) {
+    let __temp, __restore;
+    const props = __props;
+    const {
+      data: landscape,
+      pending,
+      error,
+      refresh
+    } = ([__temp, __restore] = withAsyncContext(() => useAnalyticsWidget("cluster-landscape", () => props.query)), __temp = await __temp, __restore(), __temp);
+    function ageClass(ageDays) {
+      if (ageDays >= 30) return "text-red-600 dark:text-red-400";
+      if (ageDays >= 14) return "text-amber-600 dark:text-amber-400";
+      return "text-gray-500";
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_SectionCard = __nuxt_component_11;
+      const _component_LoadingState = __nuxt_component_13;
+      const _component_ErrorState = __nuxt_component_5$1;
+      const _component_UButton = _sfc_main$k;
+      const _component_EmptyState = __nuxt_component_4$2;
+      const _component_StatTileGrid = __nuxt_component_1;
+      const _component_StatTile = __nuxt_component_2;
+      const _component_UBadge = _sfc_main$7$1;
+      const _component_NuxtLink = __nuxt_component_12;
+      _push(ssrRenderComponent(_component_SectionCard, mergeProps({
+        icon: "i-lucide-layers",
+        title: "Failure clusters",
+        subtitle: "Open root causes across all projects",
+        help: "analytics.cluster-landscape"
+      }, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (unref(pending)) {
+              _push2(ssrRenderComponent(_component_LoadingState, null, null, _parent2, _scopeId));
+            } else if (unref(error)) {
+              _push2(ssrRenderComponent(_component_ErrorState, {
+                text: `Couldn't load clusters: ${("errorMessage" in _ctx ? _ctx.errorMessage : unref(errorMessage))(unref(error))}`
+              }, {
+                action: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UButton, {
+                      size: "sm",
+                      color: "neutral",
+                      variant: "outline",
+                      icon: "i-lucide-refresh-cw",
+                      onClick: ($event) => unref(refresh)()
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(` Retry `);
+                        } else {
+                          return [
+                            createTextVNode(" Retry ")
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(_component_UButton, {
+                        size: "sm",
+                        color: "neutral",
+                        variant: "outline",
+                        icon: "i-lucide-refresh-cw",
+                        onClick: ($event) => unref(refresh)()
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Retry ")
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else if (!unref(landscape) || unref(landscape).totalOpen === 0 && unref(landscape).resolvedInPeriod === 0) {
+              _push2(ssrRenderComponent(_component_EmptyState, {
+                icon: "i-lucide-check-circle",
+                text: "No open failure clusters."
+              }, null, _parent2, _scopeId));
+            } else {
+              _push2(`<div class="space-y-4"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_StatTileGrid, null, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_StatTile, {
+                      label: "Open",
+                      value: unref(landscape).totalOpen,
+                      "value-class": unref(landscape).totalOpen > 0 ? "text-red-600 dark:text-red-400" : ""
+                    }, null, _parent3, _scopeId2));
+                    _push3(ssrRenderComponent(_component_StatTile, {
+                      label: "Resolved this period",
+                      value: unref(landscape).resolvedInPeriod
+                    }, null, _parent3, _scopeId2));
+                    _push3(ssrRenderComponent(_component_StatTile, {
+                      label: "Oldest open",
+                      value: unref(landscape).clusters.length > 0 ? `${Math.max(...unref(landscape).clusters.map((c) => c.ageDays))} d` : "—",
+                      size: "lg"
+                    }, null, _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(_component_StatTile, {
+                        label: "Open",
+                        value: unref(landscape).totalOpen,
+                        "value-class": unref(landscape).totalOpen > 0 ? "text-red-600 dark:text-red-400" : ""
+                      }, null, 8, ["value", "value-class"]),
+                      createVNode(_component_StatTile, {
+                        label: "Resolved this period",
+                        value: unref(landscape).resolvedInPeriod
+                      }, null, 8, ["value"]),
+                      createVNode(_component_StatTile, {
+                        label: "Oldest open",
+                        value: unref(landscape).clusters.length > 0 ? `${Math.max(...unref(landscape).clusters.map((c) => c.ageDays))} d` : "—",
+                        size: "lg"
+                      }, null, 8, ["value"])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              if (unref(landscape).byErrorType.length > 0) {
+                _push2(`<div class="flex flex-wrap gap-1.5"${_scopeId}><!--[-->`);
+                ssrRenderList(unref(landscape).byErrorType, (entry) => {
+                  _push2(ssrRenderComponent(_component_UBadge, {
+                    key: entry.errorType,
+                    color: ("clusterErrorTypeColor" in _ctx ? _ctx.clusterErrorTypeColor : unref(clusterErrorTypeColor))(entry.errorType),
+                    variant: "subtle",
+                    size: "sm"
+                  }, {
+                    default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                      if (_push3) {
+                        _push3(`${ssrInterpolate(entry.errorType)} · ${ssrInterpolate(entry.count)}`);
+                      } else {
+                        return [
+                          createTextVNode(toDisplayString(entry.errorType) + " · " + toDisplayString(entry.count), 1)
+                        ];
+                      }
+                    }),
+                    _: 2
+                  }, _parent2, _scopeId));
+                });
+                _push2(`<!--]--></div>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`<div class="divide-y divide-gray-100 dark:divide-gray-800"${_scopeId}><!--[-->`);
+              ssrRenderList(unref(landscape).clusters.slice(0, 8), (cluster) => {
+                _push2(ssrRenderComponent(_component_NuxtLink, {
+                  key: cluster.id,
+                  to: `/failure-clusters/${cluster.id}`,
+                  class: "flex items-center gap-3 py-2.5 hover:bg-gray-50 dark:hover:bg-gray-800/60 rounded transition-colors"
+                }, {
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(`<div class="flex-1 min-w-0"${_scopeId2}><p class="text-sm font-medium truncate"${_scopeId2}>${ssrInterpolate(cluster.title || cluster.signature)}</p><p class="text-xs text-gray-500 dark:text-gray-400 truncate"${_scopeId2}>${ssrInterpolate(cluster.projectLabel || cluster.projectName)} `);
+                      if (cluster.errorType) {
+                        _push3(`<!--[--> · ${ssrInterpolate(cluster.errorType)}<!--]-->`);
+                      } else {
+                        _push3(`<!---->`);
+                      }
+                      _push3(`</p></div><div class="text-right text-xs shrink-0"${_scopeId2}><p class="tabular-nums font-medium"${_scopeId2}>${ssrInterpolate(cluster.occurrences)}×</p><p class="${ssrRenderClass([ageClass(cluster.ageDays), "tabular-nums"])}"${_scopeId2}>${ssrInterpolate(cluster.ageDays)} d open</p></div>`);
+                    } else {
+                      return [
+                        createVNode("div", { class: "flex-1 min-w-0" }, [
+                          createVNode("p", { class: "text-sm font-medium truncate" }, toDisplayString(cluster.title || cluster.signature), 1),
+                          createVNode("p", { class: "text-xs text-gray-500 dark:text-gray-400 truncate" }, [
+                            createTextVNode(toDisplayString(cluster.projectLabel || cluster.projectName) + " ", 1),
+                            cluster.errorType ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                              createTextVNode(" · " + toDisplayString(cluster.errorType), 1)
+                            ], 64)) : createCommentVNode("", true)
+                          ])
+                        ]),
+                        createVNode("div", { class: "text-right text-xs shrink-0" }, [
+                          createVNode("p", { class: "tabular-nums font-medium" }, toDisplayString(cluster.occurrences) + "×", 1),
+                          createVNode("p", {
+                            class: ["tabular-nums", ageClass(cluster.ageDays)]
+                          }, toDisplayString(cluster.ageDays) + " d open", 3)
+                        ])
+                      ];
+                    }
+                  }),
+                  _: 2
+                }, _parent2, _scopeId));
+              });
+              _push2(`<!--]--></div></div>`);
+            }
+          } else {
+            return [
+              unref(pending) ? (openBlock(), createBlock(_component_LoadingState, { key: 0 })) : unref(error) ? (openBlock(), createBlock(_component_ErrorState, {
+                key: 1,
+                text: `Couldn't load clusters: ${("errorMessage" in _ctx ? _ctx.errorMessage : unref(errorMessage))(unref(error))}`
+              }, {
+                action: withCtx(() => [
+                  createVNode(_component_UButton, {
+                    size: "sm",
+                    color: "neutral",
+                    variant: "outline",
+                    icon: "i-lucide-refresh-cw",
+                    onClick: ($event) => unref(refresh)()
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" Retry ")
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]),
+                _: 1
+              }, 8, ["text"])) : !unref(landscape) || unref(landscape).totalOpen === 0 && unref(landscape).resolvedInPeriod === 0 ? (openBlock(), createBlock(_component_EmptyState, {
+                key: 2,
+                icon: "i-lucide-check-circle",
+                text: "No open failure clusters."
+              })) : (openBlock(), createBlock("div", {
+                key: 3,
+                class: "space-y-4"
+              }, [
+                createVNode(_component_StatTileGrid, null, {
+                  default: withCtx(() => [
+                    createVNode(_component_StatTile, {
+                      label: "Open",
+                      value: unref(landscape).totalOpen,
+                      "value-class": unref(landscape).totalOpen > 0 ? "text-red-600 dark:text-red-400" : ""
+                    }, null, 8, ["value", "value-class"]),
+                    createVNode(_component_StatTile, {
+                      label: "Resolved this period",
+                      value: unref(landscape).resolvedInPeriod
+                    }, null, 8, ["value"]),
+                    createVNode(_component_StatTile, {
+                      label: "Oldest open",
+                      value: unref(landscape).clusters.length > 0 ? `${Math.max(...unref(landscape).clusters.map((c) => c.ageDays))} d` : "—",
+                      size: "lg"
+                    }, null, 8, ["value"])
+                  ]),
+                  _: 1
+                }),
+                unref(landscape).byErrorType.length > 0 ? (openBlock(), createBlock("div", {
+                  key: 0,
+                  class: "flex flex-wrap gap-1.5"
+                }, [
+                  (openBlock(true), createBlock(Fragment, null, renderList(unref(landscape).byErrorType, (entry) => {
+                    return openBlock(), createBlock(_component_UBadge, {
+                      key: entry.errorType,
+                      color: ("clusterErrorTypeColor" in _ctx ? _ctx.clusterErrorTypeColor : unref(clusterErrorTypeColor))(entry.errorType),
+                      variant: "subtle",
+                      size: "sm"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(entry.errorType) + " · " + toDisplayString(entry.count), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["color"]);
+                  }), 128))
+                ])) : createCommentVNode("", true),
+                createVNode("div", { class: "divide-y divide-gray-100 dark:divide-gray-800" }, [
+                  (openBlock(true), createBlock(Fragment, null, renderList(unref(landscape).clusters.slice(0, 8), (cluster) => {
+                    return openBlock(), createBlock(_component_NuxtLink, {
+                      key: cluster.id,
+                      to: `/failure-clusters/${cluster.id}`,
+                      class: "flex items-center gap-3 py-2.5 hover:bg-gray-50 dark:hover:bg-gray-800/60 rounded transition-colors"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode("div", { class: "flex-1 min-w-0" }, [
+                          createVNode("p", { class: "text-sm font-medium truncate" }, toDisplayString(cluster.title || cluster.signature), 1),
+                          createVNode("p", { class: "text-xs text-gray-500 dark:text-gray-400 truncate" }, [
+                            createTextVNode(toDisplayString(cluster.projectLabel || cluster.projectName) + " ", 1),
+                            cluster.errorType ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                              createTextVNode(" · " + toDisplayString(cluster.errorType), 1)
+                            ], 64)) : createCommentVNode("", true)
+                          ])
+                        ]),
+                        createVNode("div", { class: "text-right text-xs shrink-0" }, [
+                          createVNode("p", { class: "tabular-nums font-medium" }, toDisplayString(cluster.occurrences) + "×", 1),
+                          createVNode("p", {
+                            class: ["tabular-nums", ageClass(cluster.ageDays)]
+                          }, toDisplayString(cluster.ageDays) + " d open", 3)
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["to"]);
+                  }), 128))
+                ])
+              ]))
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$4 = _sfc_main$4.setup;
+_sfc_main$4.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/analytics/ClusterLandscape.vue");
+  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+};
+const ClusterLandscape = Object.assign(_sfc_main$4, { __name: "ClusterLandscape" });
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "RegressionVelocityChart",
+  __ssrInlineRender: true,
+  props: {
+    query: {}
+  },
+  async setup(__props) {
+    let __temp, __restore;
+    const props = __props;
+    const {
+      data: velocity,
+      pending,
+      error,
+      refresh
+    } = ([__temp, __restore] = withAsyncContext(() => useAnalyticsWidget("regression-velocity", () => props.query)), __temp = await __temp, __restore(), __temp);
+    const chartData = computed(
+      () => velocity.value?.points.map((p) => ({
+        date: new Date(p.date),
+        regressions: p.regressions,
+        newFlaky: p.newFlaky
+      })) ?? []
+    );
+    const hasData = computed(() => chartData.value.some((p) => p.regressions > 0 || p.newFlaky > 0));
+    const barColors = ["rgb(239, 68, 68)", "rgb(147, 51, 234)"];
+    const yMax = computed(() => Math.max(1, ...chartData.value.map((d) => d.regressions + d.newFlaky)));
+    function layout(plotWidth, plotHeight, yScale) {
+      const geo = barGeometry(chartData.value.length, plotWidth);
+      return chartData.value.map((d, i) => ({
+        d,
+        slotX: i * geo.slotWidth,
+        slotWidth: geo.slotWidth,
+        barX: geo.xOf(i),
+        barWidth: geo.barWidth,
+        segments: stackSegments(
+          [
+            { color: barColors[0], value: d.regressions },
+            { color: barColors[1], value: d.newFlaky }
+          ],
+          plotHeight,
+          yScale
+        )
+      }));
+    }
+    function xTicks(plotWidth) {
+      const { centerOf } = barGeometry(chartData.value.length, plotWidth);
+      const dates = chartData.value.map((d) => d.date);
+      return dayTickIndices(dates, Math.max(2, Math.floor(plotWidth / 80))).map((i) => ({
+        x: centerOf(i),
+        label: formatTickDate(dates[i])
+      }));
+    }
+    const { data: tooltipData, pos: tooltipPos, show, move, hide } = useChartTooltip(240);
+    const legendItems = [
+      { color: barColors[0], label: "New regressions" },
+      { color: barColors[1], label: "Newly flaky" }
+    ];
+    const deltaBadge = computed(() => {
+      if (!velocity.value || velocity.value.deltaPct === null) return null;
+      const pct = velocity.value.deltaPct;
+      return {
+        label: `${pct > 0 ? "+" : ""}${pct}% vs previous period`,
+        // Fewer regressions is good, more is bad.
+        class: pct > 0 ? "text-red-600 dark:text-red-400" : "text-green-600 dark:text-green-400"
+      };
+    });
+    const subtitle = computed(() => {
+      if (!velocity.value) return void 0;
+      return `${velocity.value.totalRegressions} new regressions, ${velocity.value.totalNewFlaky} newly flaky`;
+    });
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_ChartCard = __nuxt_component_0;
+      const _component_LoadingState = __nuxt_component_13;
+      const _component_ErrorState = __nuxt_component_5$1;
+      const _component_UButton = _sfc_main$k;
+      const _component_EmptyState = __nuxt_component_4$2;
+      const _component_ChartFrame = __nuxt_component_5$2;
+      const _component_ChartTooltip = __nuxt_component_6;
+      _push(ssrRenderComponent(_component_ChartCard, mergeProps({
+        icon: "i-lucide-git-pull-request-arrow",
+        title: "Regression velocity",
+        subtitle: unref(subtitle),
+        help: "analytics.regression-velocity",
+        legend: legendItems
+      }, _attrs), {
+        actions: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (unref(deltaBadge)) {
+              _push2(`<span class="${ssrRenderClass([unref(deltaBadge).class, "text-xs font-medium tabular-nums"])}"${_scopeId}>${ssrInterpolate(unref(deltaBadge).label)}</span>`);
+            } else {
+              _push2(`<!---->`);
+            }
+          } else {
+            return [
+              unref(deltaBadge) ? (openBlock(), createBlock("span", {
+                key: 0,
+                class: ["text-xs font-medium tabular-nums", unref(deltaBadge).class]
+              }, toDisplayString(unref(deltaBadge).label), 3)) : createCommentVNode("", true)
+            ];
+          }
+        }),
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (unref(pending)) {
+              _push2(ssrRenderComponent(_component_LoadingState, null, null, _parent2, _scopeId));
+            } else if (unref(error)) {
+              _push2(ssrRenderComponent(_component_ErrorState, {
+                text: `Couldn't load regression velocity: ${("errorMessage" in _ctx ? _ctx.errorMessage : unref(errorMessage))(unref(error))}`
+              }, {
+                action: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UButton, {
+                      size: "sm",
+                      color: "neutral",
+                      variant: "outline",
+                      icon: "i-lucide-refresh-cw",
+                      onClick: ($event) => unref(refresh)()
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(` Retry `);
+                        } else {
+                          return [
+                            createTextVNode(" Retry ")
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(_component_UButton, {
+                        size: "sm",
+                        color: "neutral",
+                        variant: "outline",
+                        icon: "i-lucide-refresh-cw",
+                        onClick: ($event) => unref(refresh)()
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Retry ")
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else if (!unref(hasData)) {
+              _push2(ssrRenderComponent(_component_EmptyState, {
+                icon: "i-lucide-shield-check",
+                text: "No new regressions in this period."
+              }, null, _parent2, _scopeId));
+            } else {
+              _push2(`<div class="w-full"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_ChartFrame, {
+                height: 220,
+                "y-max": unref(yMax)
+              }, {
+                default: withCtx(({ plotWidth, plotHeight, yScale }, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`<!--[-->`);
+                    ssrRenderList(layout(plotWidth, plotHeight, yScale), (bar) => {
+                      _push3(`<!--[--><!--[-->`);
+                      ssrRenderList(bar.segments, (segment) => {
+                        _push3(`<rect${ssrRenderAttr("x", bar.barX)}${ssrRenderAttr("y", segment.y)}${ssrRenderAttr("width", bar.barWidth)}${ssrRenderAttr("height", segment.height)}${ssrRenderAttr("fill", segment.color)}${_scopeId2}></rect>`);
+                      });
+                      _push3(`<!--]--><!--]-->`);
+                    });
+                    _push3(`<!--]--><!--[-->`);
+                    ssrRenderList(xTicks(plotWidth), (tick) => {
+                      _push3(`<text${ssrRenderAttr("x", tick.x)}${ssrRenderAttr("y", plotHeight + 14)} text-anchor="middle" class="fill-gray-400 dark:fill-gray-500 text-[10px]"${_scopeId2}>${ssrInterpolate(tick.label)}</text>`);
+                    });
+                    _push3(`<!--]--><!--[-->`);
+                    ssrRenderList(layout(plotWidth, plotHeight, yScale), (bar) => {
+                      _push3(`<rect${ssrRenderAttr("x", bar.slotX)}${ssrRenderAttr("y", 0)}${ssrRenderAttr("width", bar.slotWidth)}${ssrRenderAttr("height", plotHeight)}${ssrRenderAttr("fill", unref(tooltipData) === bar.d ? "rgb(148 163 184 / 0.15)" : "transparent")}${_scopeId2}></rect>`);
+                    });
+                    _push3(`<!--]-->`);
+                  } else {
+                    return [
+                      (openBlock(true), createBlock(Fragment, null, renderList(layout(plotWidth, plotHeight, yScale), (bar) => {
+                        return openBlock(), createBlock(Fragment, {
+                          key: bar.d.date.getTime()
+                        }, [
+                          (openBlock(true), createBlock(Fragment, null, renderList(bar.segments, (segment) => {
+                            return openBlock(), createBlock("rect", {
+                              key: segment.color,
+                              x: bar.barX,
+                              y: segment.y,
+                              width: bar.barWidth,
+                              height: segment.height,
+                              fill: segment.color
+                            }, null, 8, ["x", "y", "width", "height", "fill"]);
+                          }), 128))
+                        ], 64);
+                      }), 128)),
+                      (openBlock(true), createBlock(Fragment, null, renderList(xTicks(plotWidth), (tick) => {
+                        return openBlock(), createBlock("text", {
+                          key: tick.x,
+                          x: tick.x,
+                          y: plotHeight + 14,
+                          "text-anchor": "middle",
+                          class: "fill-gray-400 dark:fill-gray-500 text-[10px]"
+                        }, toDisplayString(tick.label), 9, ["x", "y"]);
+                      }), 128)),
+                      (openBlock(true), createBlock(Fragment, null, renderList(layout(plotWidth, plotHeight, yScale), (bar) => {
+                        return openBlock(), createBlock("rect", {
+                          key: `hover-${bar.d.date.getTime()}`,
+                          x: bar.slotX,
+                          y: 0,
+                          width: bar.slotWidth,
+                          height: plotHeight,
+                          fill: unref(tooltipData) === bar.d ? "rgb(148 163 184 / 0.15)" : "transparent",
+                          onMouseenter: ($event) => unref(show)($event, bar.d),
+                          onMousemove: ($event) => unref(move)($event),
+                          onMouseleave: ($event) => unref(hide)()
+                        }, null, 40, ["x", "width", "height", "fill", "onMouseenter", "onMousemove", "onMouseleave"]);
+                      }), 128))
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              if (unref(tooltipData)) {
+                _push2(ssrRenderComponent(_component_ChartTooltip, { pos: unref(tooltipPos) }, {
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(`<div class="font-semibold mb-1"${_scopeId2}>${ssrInterpolate(unref(tooltipData).date.toLocaleDateString("en-US", { month: "short", day: "numeric" }))}</div><div${_scopeId2}><span class="text-red-500"${_scopeId2}>●</span> New regressions: ${ssrInterpolate(unref(tooltipData).regressions)}</div><div${_scopeId2}><span class="text-purple-500"${_scopeId2}>●</span> Newly flaky: ${ssrInterpolate(unref(tooltipData).newFlaky)}</div>`);
+                    } else {
+                      return [
+                        createVNode("div", { class: "font-semibold mb-1" }, toDisplayString(unref(tooltipData).date.toLocaleDateString("en-US", { month: "short", day: "numeric" })), 1),
+                        createVNode("div", null, [
+                          createVNode("span", { class: "text-red-500" }, "●"),
+                          createTextVNode(" New regressions: " + toDisplayString(unref(tooltipData).regressions), 1)
+                        ]),
+                        createVNode("div", null, [
+                          createVNode("span", { class: "text-purple-500" }, "●"),
+                          createTextVNode(" Newly flaky: " + toDisplayString(unref(tooltipData).newFlaky), 1)
+                        ])
+                      ];
+                    }
+                  }),
+                  _: 1
+                }, _parent2, _scopeId));
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`</div>`);
+            }
+          } else {
+            return [
+              unref(pending) ? (openBlock(), createBlock(_component_LoadingState, { key: 0 })) : unref(error) ? (openBlock(), createBlock(_component_ErrorState, {
+                key: 1,
+                text: `Couldn't load regression velocity: ${("errorMessage" in _ctx ? _ctx.errorMessage : unref(errorMessage))(unref(error))}`
+              }, {
+                action: withCtx(() => [
+                  createVNode(_component_UButton, {
+                    size: "sm",
+                    color: "neutral",
+                    variant: "outline",
+                    icon: "i-lucide-refresh-cw",
+                    onClick: ($event) => unref(refresh)()
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" Retry ")
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]),
+                _: 1
+              }, 8, ["text"])) : !unref(hasData) ? (openBlock(), createBlock(_component_EmptyState, {
+                key: 2,
+                icon: "i-lucide-shield-check",
+                text: "No new regressions in this period."
+              })) : (openBlock(), createBlock("div", {
+                key: 3,
+                class: "w-full"
+              }, [
+                createVNode(_component_ChartFrame, {
+                  height: 220,
+                  "y-max": unref(yMax)
+                }, {
+                  default: withCtx(({ plotWidth, plotHeight, yScale }) => [
+                    (openBlock(true), createBlock(Fragment, null, renderList(layout(plotWidth, plotHeight, yScale), (bar) => {
+                      return openBlock(), createBlock(Fragment, {
+                        key: bar.d.date.getTime()
+                      }, [
+                        (openBlock(true), createBlock(Fragment, null, renderList(bar.segments, (segment) => {
+                          return openBlock(), createBlock("rect", {
+                            key: segment.color,
+                            x: bar.barX,
+                            y: segment.y,
+                            width: bar.barWidth,
+                            height: segment.height,
+                            fill: segment.color
+                          }, null, 8, ["x", "y", "width", "height", "fill"]);
+                        }), 128))
+                      ], 64);
+                    }), 128)),
+                    (openBlock(true), createBlock(Fragment, null, renderList(xTicks(plotWidth), (tick) => {
+                      return openBlock(), createBlock("text", {
+                        key: tick.x,
+                        x: tick.x,
+                        y: plotHeight + 14,
+                        "text-anchor": "middle",
+                        class: "fill-gray-400 dark:fill-gray-500 text-[10px]"
+                      }, toDisplayString(tick.label), 9, ["x", "y"]);
+                    }), 128)),
+                    (openBlock(true), createBlock(Fragment, null, renderList(layout(plotWidth, plotHeight, yScale), (bar) => {
+                      return openBlock(), createBlock("rect", {
+                        key: `hover-${bar.d.date.getTime()}`,
+                        x: bar.slotX,
+                        y: 0,
+                        width: bar.slotWidth,
+                        height: plotHeight,
+                        fill: unref(tooltipData) === bar.d ? "rgb(148 163 184 / 0.15)" : "transparent",
+                        onMouseenter: ($event) => unref(show)($event, bar.d),
+                        onMousemove: ($event) => unref(move)($event),
+                        onMouseleave: ($event) => unref(hide)()
+                      }, null, 40, ["x", "width", "height", "fill", "onMouseenter", "onMousemove", "onMouseleave"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["y-max"]),
+                unref(tooltipData) ? (openBlock(), createBlock(_component_ChartTooltip, {
+                  key: 0,
+                  pos: unref(tooltipPos)
+                }, {
+                  default: withCtx(() => [
+                    createVNode("div", { class: "font-semibold mb-1" }, toDisplayString(unref(tooltipData).date.toLocaleDateString("en-US", { month: "short", day: "numeric" })), 1),
+                    createVNode("div", null, [
+                      createVNode("span", { class: "text-red-500" }, "●"),
+                      createTextVNode(" New regressions: " + toDisplayString(unref(tooltipData).regressions), 1)
+                    ]),
+                    createVNode("div", null, [
+                      createVNode("span", { class: "text-purple-500" }, "●"),
+                      createTextVNode(" Newly flaky: " + toDisplayString(unref(tooltipData).newFlaky), 1)
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["pos"])) : createCommentVNode("", true)
+              ]))
+            ];
+          }
+        }),
+        _: 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/analytics/RegressionVelocityChart.vue");
+  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
+};
+const RegressionVelocityChart = Object.assign(_sfc_main$3, { __name: "RegressionVelocityChart" });
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "BrowserMatrix",
+  __ssrInlineRender: true,
+  props: {
+    query: {}
+  },
+  async setup(__props) {
+    let __temp, __restore;
+    const props = __props;
+    const {
+      data: matrix,
+      pending,
+      error,
+      refresh
+    } = ([__temp, __restore] = withAsyncContext(() => useAnalyticsWidget("browser-matrix", () => props.query)), __temp = await __temp, __restore(), __temp);
+    function cellClass(rate) {
+      if (rate === null) return "bg-gray-100 dark:bg-gray-800 text-gray-400";
+      if (rate >= 99.5) return "bg-green-500/85 text-white";
+      if (rate >= 90) return "bg-green-500/45";
+      if (rate >= 75) return "bg-amber-500/50";
+      if (rate >= 50) return "bg-orange-500/60";
+      return "bg-red-500/70 text-white";
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_SectionCard = __nuxt_component_11;
+      const _component_LoadingState = __nuxt_component_13;
+      const _component_ErrorState = __nuxt_component_5$1;
+      const _component_UButton = _sfc_main$k;
+      const _component_EmptyState = __nuxt_component_4$2;
+      const _component_TableScroller = __nuxt_component_3;
+      const _component_NuxtLink = __nuxt_component_12;
+      _push(ssrRenderComponent(_component_SectionCard, mergeProps({
+        icon: "i-lucide-monitor-smartphone",
+        title: "Browser matrix",
+        help: "analytics.browser-matrix"
+      }, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (unref(pending)) {
+              _push2(ssrRenderComponent(_component_LoadingState, null, null, _parent2, _scopeId));
+            } else if (unref(error)) {
+              _push2(ssrRenderComponent(_component_ErrorState, {
+                text: `Couldn't load the browser matrix: ${("errorMessage" in _ctx ? _ctx.errorMessage : unref(errorMessage))(unref(error))}`
+              }, {
+                action: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UButton, {
+                      size: "sm",
+                      color: "neutral",
+                      variant: "outline",
+                      icon: "i-lucide-refresh-cw",
+                      onClick: ($event) => unref(refresh)()
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(` Retry `);
+                        } else {
+                          return [
+                            createTextVNode(" Retry ")
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(_component_UButton, {
+                        size: "sm",
+                        color: "neutral",
+                        variant: "outline",
+                        icon: "i-lucide-refresh-cw",
+                        onClick: ($event) => unref(refresh)()
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Retry ")
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else if (!unref(matrix) || unref(matrix).rows.length === 0) {
+              _push2(ssrRenderComponent(_component_EmptyState, { text: "No runs with browser data in this period." }, null, _parent2, _scopeId));
+            } else {
+              _push2(ssrRenderComponent(_component_TableScroller, { "min-width": "30rem" }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`<table class="w-full text-sm border-separate border-spacing-1"${_scopeId2}><thead${_scopeId2}><tr${_scopeId2}><th class="text-left text-xs text-gray-500 uppercase tracking-wider font-medium pr-2"${_scopeId2}>Project</th><!--[-->`);
+                    ssrRenderList(unref(matrix).browsers, (browser) => {
+                      _push3(`<th class="text-xs text-gray-500 uppercase tracking-wider font-medium px-1 text-center"${_scopeId2}>${ssrInterpolate(browser)}</th>`);
+                    });
+                    _push3(`<!--]--></tr></thead><tbody${_scopeId2}><!--[-->`);
+                    ssrRenderList(unref(matrix).rows, (row) => {
+                      _push3(`<tr${_scopeId2}><td class="pr-2 max-w-[12rem]"${_scopeId2}>`);
+                      _push3(ssrRenderComponent(_component_NuxtLink, {
+                        to: `/projects/${row.projectId}`,
+                        class: "truncate hover:text-primary block",
+                        title: row.label || row.name
+                      }, {
+                        default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                          if (_push4) {
+                            _push4(`${ssrInterpolate(row.label || row.name)}`);
+                          } else {
+                            return [
+                              createTextVNode(toDisplayString(row.label || row.name), 1)
+                            ];
+                          }
+                        }),
+                        _: 2
+                      }, _parent3, _scopeId2));
+                      _push3(`</td><!--[-->`);
+                      ssrRenderList(row.cells, (rate, index) => {
+                        _push3(`<td class="${ssrRenderClass([cellClass(rate), "text-center tabular-nums rounded-md px-2 py-1.5 font-medium"])}"${ssrRenderAttr("title", `${row.label || row.name} · ${unref(matrix).browsers[index]}: ${rate !== null ? `${rate}% passed` : "no tests"}`)}${_scopeId2}>${ssrInterpolate(rate !== null ? `${Math.round(rate)}%` : "—")}</td>`);
+                      });
+                      _push3(`<!--]--></tr>`);
+                    });
+                    _push3(`<!--]--></tbody></table>`);
+                  } else {
+                    return [
+                      createVNode("table", { class: "w-full text-sm border-separate border-spacing-1" }, [
+                        createVNode("thead", null, [
+                          createVNode("tr", null, [
+                            createVNode("th", { class: "text-left text-xs text-gray-500 uppercase tracking-wider font-medium pr-2" }, "Project"),
+                            (openBlock(true), createBlock(Fragment, null, renderList(unref(matrix).browsers, (browser) => {
+                              return openBlock(), createBlock("th", {
+                                key: browser,
+                                class: "text-xs text-gray-500 uppercase tracking-wider font-medium px-1 text-center"
+                              }, toDisplayString(browser), 1);
+                            }), 128))
+                          ])
+                        ]),
+                        createVNode("tbody", null, [
+                          (openBlock(true), createBlock(Fragment, null, renderList(unref(matrix).rows, (row) => {
+                            return openBlock(), createBlock("tr", {
+                              key: row.projectId
+                            }, [
+                              createVNode("td", { class: "pr-2 max-w-[12rem]" }, [
+                                createVNode(_component_NuxtLink, {
+                                  to: `/projects/${row.projectId}`,
+                                  class: "truncate hover:text-primary block",
+                                  title: row.label || row.name
+                                }, {
+                                  default: withCtx(() => [
+                                    createTextVNode(toDisplayString(row.label || row.name), 1)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["to", "title"])
+                              ]),
+                              (openBlock(true), createBlock(Fragment, null, renderList(row.cells, (rate, index) => {
+                                return openBlock(), createBlock("td", {
+                                  key: index,
+                                  class: ["text-center tabular-nums rounded-md px-2 py-1.5 font-medium", cellClass(rate)],
+                                  title: `${row.label || row.name} · ${unref(matrix).browsers[index]}: ${rate !== null ? `${rate}% passed` : "no tests"}`
+                                }, toDisplayString(rate !== null ? `${Math.round(rate)}%` : "—"), 11, ["title"]);
+                              }), 128))
+                            ]);
+                          }), 128))
+                        ])
+                      ])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            }
+          } else {
+            return [
+              unref(pending) ? (openBlock(), createBlock(_component_LoadingState, { key: 0 })) : unref(error) ? (openBlock(), createBlock(_component_ErrorState, {
+                key: 1,
+                text: `Couldn't load the browser matrix: ${("errorMessage" in _ctx ? _ctx.errorMessage : unref(errorMessage))(unref(error))}`
+              }, {
+                action: withCtx(() => [
+                  createVNode(_component_UButton, {
+                    size: "sm",
+                    color: "neutral",
+                    variant: "outline",
+                    icon: "i-lucide-refresh-cw",
+                    onClick: ($event) => unref(refresh)()
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" Retry ")
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]),
+                _: 1
+              }, 8, ["text"])) : !unref(matrix) || unref(matrix).rows.length === 0 ? (openBlock(), createBlock(_component_EmptyState, {
+                key: 2,
+                text: "No runs with browser data in this period."
+              })) : (openBlock(), createBlock(_component_TableScroller, {
+                key: 3,
+                "min-width": "30rem"
+              }, {
+                default: withCtx(() => [
+                  createVNode("table", { class: "w-full text-sm border-separate border-spacing-1" }, [
+                    createVNode("thead", null, [
+                      createVNode("tr", null, [
+                        createVNode("th", { class: "text-left text-xs text-gray-500 uppercase tracking-wider font-medium pr-2" }, "Project"),
+                        (openBlock(true), createBlock(Fragment, null, renderList(unref(matrix).browsers, (browser) => {
+                          return openBlock(), createBlock("th", {
+                            key: browser,
+                            class: "text-xs text-gray-500 uppercase tracking-wider font-medium px-1 text-center"
+                          }, toDisplayString(browser), 1);
+                        }), 128))
+                      ])
+                    ]),
+                    createVNode("tbody", null, [
+                      (openBlock(true), createBlock(Fragment, null, renderList(unref(matrix).rows, (row) => {
+                        return openBlock(), createBlock("tr", {
+                          key: row.projectId
+                        }, [
+                          createVNode("td", { class: "pr-2 max-w-[12rem]" }, [
+                            createVNode(_component_NuxtLink, {
+                              to: `/projects/${row.projectId}`,
+                              class: "truncate hover:text-primary block",
+                              title: row.label || row.name
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(row.label || row.name), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["to", "title"])
+                          ]),
+                          (openBlock(true), createBlock(Fragment, null, renderList(row.cells, (rate, index) => {
+                            return openBlock(), createBlock("td", {
+                              key: index,
+                              class: ["text-center tabular-nums rounded-md px-2 py-1.5 font-medium", cellClass(rate)],
+                              title: `${row.label || row.name} · ${unref(matrix).browsers[index]}: ${rate !== null ? `${rate}% passed` : "no tests"}`
+                            }, toDisplayString(rate !== null ? `${Math.round(rate)}%` : "—"), 11, ["title"]);
+                          }), 128))
+                        ]);
+                      }), 128))
+                    ])
+                  ])
+                ]),
+                _: 1
+              }))
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+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/analytics/BrowserMatrix.vue");
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+const BrowserMatrix = Object.assign(_sfc_main$2, { __name: "BrowserMatrix" });
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "SlowEndpointsTable",
+  __ssrInlineRender: true,
+  props: {
+    query: {}
+  },
+  async setup(__props) {
+    let __temp, __restore;
+    const props = __props;
+    const {
+      data: slow,
+      pending,
+      error,
+      refresh
+    } = ([__temp, __restore] = withAsyncContext(() => useAnalyticsWidget("slow-endpoints", () => props.query)), __temp = await __temp, __restore(), __temp);
+    function latencyClass(ms) {
+      if (ms >= 1e3) return "text-red-600 dark:text-red-400";
+      if (ms >= 500) return "text-amber-600 dark:text-amber-400";
+      return "text-gray-600 dark:text-gray-300";
+    }
+    function methodColor(method) {
+      const map = {
+        GET: "info",
+        POST: "success",
+        PUT: "warning",
+        PATCH: "warning",
+        DELETE: "error"
+      };
+      return map[method.toUpperCase()] ?? "neutral";
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_SectionCard = __nuxt_component_11;
+      const _component_LoadingState = __nuxt_component_13;
+      const _component_ErrorState = __nuxt_component_5$1;
+      const _component_UButton = _sfc_main$k;
+      const _component_FeatureUnavailable = __nuxt_component_4$1;
+      const _component_UBadge = _sfc_main$7$1;
+      const _component_TableScroller = __nuxt_component_3;
+      _push(ssrRenderComponent(_component_SectionCard, mergeProps({
+        icon: "i-lucide-gauge",
+        title: "Slow endpoints",
+        count: unref(slow)?.endpoints.length || void 0,
+        subtitle: "Backend calls across all projects, slowest first",
+        help: "analytics.slow-endpoints"
+      }, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (unref(pending)) {
+              _push2(ssrRenderComponent(_component_LoadingState, null, null, _parent2, _scopeId));
+            } else if (unref(error)) {
+              _push2(ssrRenderComponent(_component_ErrorState, {
+                text: `Couldn't load slow endpoints: ${("errorMessage" in _ctx ? _ctx.errorMessage : unref(errorMessage))(unref(error))}`
+              }, {
+                action: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UButton, {
+                      size: "sm",
+                      color: "neutral",
+                      variant: "outline",
+                      icon: "i-lucide-refresh-cw",
+                      onClick: ($event) => unref(refresh)()
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(` Retry `);
+                        } else {
+                          return [
+                            createTextVNode(" Retry ")
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(_component_UButton, {
+                        size: "sm",
+                        color: "neutral",
+                        variant: "outline",
+                        icon: "i-lucide-refresh-cw",
+                        onClick: ($event) => unref(refresh)()
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Retry ")
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else if (!unref(slow) || unref(slow).endpoints.length === 0) {
+              _push2(ssrRenderComponent(_component_FeatureUnavailable, {
+                icon: "i-lucide-network",
+                title: "No network requests captured in this period",
+                text: "Slow endpoints need the Piwi capture fixtures — extend your Playwright test with piwiFixtures and request timing rides along with every run.",
+                doc: "capture-fixtures"
+              }, null, _parent2, _scopeId));
+            } else {
+              _push2(`<!--[--><div class="md:hidden space-y-3"${_scopeId}><!--[-->`);
+              ssrRenderList(unref(slow).endpoints, (ep) => {
+                _push2(`<div class="rounded-lg border border-gray-200 dark:border-gray-800 p-3 space-y-1.5"${_scopeId}><div class="flex items-center gap-2 min-w-0"${_scopeId}>`);
+                _push2(ssrRenderComponent(_component_UBadge, {
+                  color: methodColor(ep.method),
+                  variant: "subtle",
+                  size: "sm"
+                }, {
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(`${ssrInterpolate(ep.method)}`);
+                    } else {
+                      return [
+                        createTextVNode(toDisplayString(ep.method), 1)
+                      ];
+                    }
+                  }),
+                  _: 2
+                }, _parent2, _scopeId));
+                _push2(`<code class="text-xs truncate"${_scopeId}>${ssrInterpolate(ep.route)}</code></div><div class="flex items-center justify-between text-xs text-gray-500 dark:text-gray-400"${_scopeId}><span${_scopeId}>p90 <span class="${ssrRenderClass([latencyClass(ep.p90Ms), "tabular-nums font-medium"])}"${_scopeId}>${ssrInterpolate(ep.p90Ms)} ms</span></span><span${_scopeId}>${ssrInterpolate(ep.requests)} reqs · ${ssrInterpolate(ep.projectCount)} proj</span>`);
+                if (ep.errorRate > 0) {
+                  _push2(`<span class="text-red-600 dark:text-red-400 tabular-nums"${_scopeId}>${ssrInterpolate(ep.errorRate)}% err</span>`);
+                } else {
+                  _push2(`<!---->`);
+                }
+                _push2(`</div></div>`);
+              });
+              _push2(`<!--]--></div><div class="hidden md:block"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_TableScroller, { "min-width": "44rem" }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`<table class="w-full text-sm"${_scopeId2}><thead${_scopeId2}><tr class="text-left text-xs text-gray-500 uppercase tracking-wider border-b border-gray-200 dark:border-gray-800"${_scopeId2}><th class="py-2 pr-4 font-medium"${_scopeId2}>Endpoint</th><th class="py-2 pr-4 font-medium text-right"${_scopeId2}>Requests</th><th class="py-2 pr-4 font-medium text-right"${_scopeId2}>p50</th><th class="py-2 pr-4 font-medium text-right"${_scopeId2}>p90</th><th class="py-2 pr-4 font-medium text-right"${_scopeId2}>Max</th><th class="py-2 pr-4 font-medium text-right"${_scopeId2}>Errors</th><th class="py-2 font-medium text-right"${_scopeId2}>Projects</th></tr></thead><tbody class="divide-y divide-gray-100 dark:divide-gray-800"${_scopeId2}><!--[-->`);
+                    ssrRenderList(unref(slow).endpoints, (ep) => {
+                      _push3(`<tr${_scopeId2}><td class="py-2.5 pr-4"${_scopeId2}><div class="flex items-center gap-2 min-w-0"${_scopeId2}>`);
+                      _push3(ssrRenderComponent(_component_UBadge, {
+                        color: methodColor(ep.method),
+                        variant: "subtle",
+                        size: "sm"
+                      }, {
+                        default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                          if (_push4) {
+                            _push4(`${ssrInterpolate(ep.method)}`);
+                          } else {
+                            return [
+                              createTextVNode(toDisplayString(ep.method), 1)
+                            ];
+                          }
+                        }),
+                        _: 2
+                      }, _parent3, _scopeId2));
+                      _push3(`<code class="text-xs truncate max-w-[22rem]"${ssrRenderAttr("title", ep.route)}${_scopeId2}>${ssrInterpolate(ep.route)}</code></div></td><td class="py-2.5 pr-4 text-right tabular-nums"${_scopeId2}>${ssrInterpolate(ep.requests)}</td><td class="py-2.5 pr-4 text-right tabular-nums text-gray-500"${_scopeId2}>${ssrInterpolate(ep.p50Ms)} ms</td><td class="${ssrRenderClass([latencyClass(ep.p90Ms), "py-2.5 pr-4 text-right tabular-nums font-medium"])}"${_scopeId2}>${ssrInterpolate(ep.p90Ms)} ms </td><td class="py-2.5 pr-4 text-right tabular-nums text-gray-500"${_scopeId2}>${ssrInterpolate(ep.maxMs)} ms</td><td class="${ssrRenderClass([ep.errorRate > 0 ? "text-red-600 dark:text-red-400" : "text-gray-400", "py-2.5 pr-4 text-right tabular-nums"])}"${_scopeId2}>${ssrInterpolate(ep.errorRate)}% </td><td class="py-2.5 text-right tabular-nums"${_scopeId2}>${ssrInterpolate(ep.projectCount)}</td></tr>`);
+                    });
+                    _push3(`<!--]--></tbody></table>`);
+                  } else {
+                    return [
+                      createVNode("table", { class: "w-full text-sm" }, [
+                        createVNode("thead", null, [
+                          createVNode("tr", { class: "text-left text-xs text-gray-500 uppercase tracking-wider border-b border-gray-200 dark:border-gray-800" }, [
+                            createVNode("th", { class: "py-2 pr-4 font-medium" }, "Endpoint"),
+                            createVNode("th", { class: "py-2 pr-4 font-medium text-right" }, "Requests"),
+                            createVNode("th", { class: "py-2 pr-4 font-medium text-right" }, "p50"),
+                            createVNode("th", { class: "py-2 pr-4 font-medium text-right" }, "p90"),
+                            createVNode("th", { class: "py-2 pr-4 font-medium text-right" }, "Max"),
+                            createVNode("th", { class: "py-2 pr-4 font-medium text-right" }, "Errors"),
+                            createVNode("th", { class: "py-2 font-medium text-right" }, "Projects")
+                          ])
+                        ]),
+                        createVNode("tbody", { class: "divide-y divide-gray-100 dark:divide-gray-800" }, [
+                          (openBlock(true), createBlock(Fragment, null, renderList(unref(slow).endpoints, (ep) => {
+                            return openBlock(), createBlock("tr", {
+                              key: `${ep.method} ${ep.route}`
+                            }, [
+                              createVNode("td", { class: "py-2.5 pr-4" }, [
+                                createVNode("div", { class: "flex items-center gap-2 min-w-0" }, [
+                                  createVNode(_component_UBadge, {
+                                    color: methodColor(ep.method),
+                                    variant: "subtle",
+                                    size: "sm"
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(ep.method), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["color"]),
+                                  createVNode("code", {
+                                    class: "text-xs truncate max-w-[22rem]",
+                                    title: ep.route
+                                  }, toDisplayString(ep.route), 9, ["title"])
+                                ])
+                              ]),
+                              createVNode("td", { class: "py-2.5 pr-4 text-right tabular-nums" }, toDisplayString(ep.requests), 1),
+                              createVNode("td", { class: "py-2.5 pr-4 text-right tabular-nums text-gray-500" }, toDisplayString(ep.p50Ms) + " ms", 1),
+                              createVNode("td", {
+                                class: ["py-2.5 pr-4 text-right tabular-nums font-medium", latencyClass(ep.p90Ms)]
+                              }, toDisplayString(ep.p90Ms) + " ms ", 3),
+                              createVNode("td", { class: "py-2.5 pr-4 text-right tabular-nums text-gray-500" }, toDisplayString(ep.maxMs) + " ms", 1),
+                              createVNode("td", {
+                                class: ["py-2.5 pr-4 text-right tabular-nums", ep.errorRate > 0 ? "text-red-600 dark:text-red-400" : "text-gray-400"]
+                              }, toDisplayString(ep.errorRate) + "% ", 3),
+                              createVNode("td", { class: "py-2.5 text-right tabular-nums" }, toDisplayString(ep.projectCount), 1)
+                            ]);
+                          }), 128))
+                        ])
+                      ])
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              _push2(`</div><!--]-->`);
+            }
+          } else {
+            return [
+              unref(pending) ? (openBlock(), createBlock(_component_LoadingState, { key: 0 })) : unref(error) ? (openBlock(), createBlock(_component_ErrorState, {
+                key: 1,
+                text: `Couldn't load slow endpoints: ${("errorMessage" in _ctx ? _ctx.errorMessage : unref(errorMessage))(unref(error))}`
+              }, {
+                action: withCtx(() => [
+                  createVNode(_component_UButton, {
+                    size: "sm",
+                    color: "neutral",
+                    variant: "outline",
+                    icon: "i-lucide-refresh-cw",
+                    onClick: ($event) => unref(refresh)()
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" Retry ")
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]),
+                _: 1
+              }, 8, ["text"])) : !unref(slow) || unref(slow).endpoints.length === 0 ? (openBlock(), createBlock(_component_FeatureUnavailable, {
+                key: 2,
+                icon: "i-lucide-network",
+                title: "No network requests captured in this period",
+                text: "Slow endpoints need the Piwi capture fixtures — extend your Playwright test with piwiFixtures and request timing rides along with every run.",
+                doc: "capture-fixtures"
+              })) : (openBlock(), createBlock(Fragment, { key: 3 }, [
+                createVNode("div", { class: "md:hidden space-y-3" }, [
+                  (openBlock(true), createBlock(Fragment, null, renderList(unref(slow).endpoints, (ep) => {
+                    return openBlock(), createBlock("div", {
+                      key: `${ep.method} ${ep.route}`,
+                      class: "rounded-lg border border-gray-200 dark:border-gray-800 p-3 space-y-1.5"
+                    }, [
+                      createVNode("div", { class: "flex items-center gap-2 min-w-0" }, [
+                        createVNode(_component_UBadge, {
+                          color: methodColor(ep.method),
+                          variant: "subtle",
+                          size: "sm"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(ep.method), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["color"]),
+                        createVNode("code", { class: "text-xs truncate" }, toDisplayString(ep.route), 1)
+                      ]),
+                      createVNode("div", { class: "flex items-center justify-between text-xs text-gray-500 dark:text-gray-400" }, [
+                        createVNode("span", null, [
+                          createTextVNode("p90 "),
+                          createVNode("span", {
+                            class: ["tabular-nums font-medium", latencyClass(ep.p90Ms)]
+                          }, toDisplayString(ep.p90Ms) + " ms", 3)
+                        ]),
+                        createVNode("span", null, toDisplayString(ep.requests) + " reqs · " + toDisplayString(ep.projectCount) + " proj", 1),
+                        ep.errorRate > 0 ? (openBlock(), createBlock("span", {
+                          key: 0,
+                          class: "text-red-600 dark:text-red-400 tabular-nums"
+                        }, toDisplayString(ep.errorRate) + "% err", 1)) : createCommentVNode("", true)
+                      ])
+                    ]);
+                  }), 128))
+                ]),
+                createVNode("div", { class: "hidden md:block" }, [
+                  createVNode(_component_TableScroller, { "min-width": "44rem" }, {
+                    default: withCtx(() => [
+                      createVNode("table", { class: "w-full text-sm" }, [
+                        createVNode("thead", null, [
+                          createVNode("tr", { class: "text-left text-xs text-gray-500 uppercase tracking-wider border-b border-gray-200 dark:border-gray-800" }, [
+                            createVNode("th", { class: "py-2 pr-4 font-medium" }, "Endpoint"),
+                            createVNode("th", { class: "py-2 pr-4 font-medium text-right" }, "Requests"),
+                            createVNode("th", { class: "py-2 pr-4 font-medium text-right" }, "p50"),
+                            createVNode("th", { class: "py-2 pr-4 font-medium text-right" }, "p90"),
+                            createVNode("th", { class: "py-2 pr-4 font-medium text-right" }, "Max"),
+                            createVNode("th", { class: "py-2 pr-4 font-medium text-right" }, "Errors"),
+                            createVNode("th", { class: "py-2 font-medium text-right" }, "Projects")
+                          ])
+                        ]),
+                        createVNode("tbody", { class: "divide-y divide-gray-100 dark:divide-gray-800" }, [
+                          (openBlock(true), createBlock(Fragment, null, renderList(unref(slow).endpoints, (ep) => {
+                            return openBlock(), createBlock("tr", {
+                              key: `${ep.method} ${ep.route}`
+                            }, [
+                              createVNode("td", { class: "py-2.5 pr-4" }, [
+                                createVNode("div", { class: "flex items-center gap-2 min-w-0" }, [
+                                  createVNode(_component_UBadge, {
+                                    color: methodColor(ep.method),
+                                    variant: "subtle",
+                                    size: "sm"
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(ep.method), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["color"]),
+                                  createVNode("code", {
+                                    class: "text-xs truncate max-w-[22rem]",
+                                    title: ep.route
+                                  }, toDisplayString(ep.route), 9, ["title"])
+                                ])
+                              ]),
+                              createVNode("td", { class: "py-2.5 pr-4 text-right tabular-nums" }, toDisplayString(ep.requests), 1),
+                              createVNode("td", { class: "py-2.5 pr-4 text-right tabular-nums text-gray-500" }, toDisplayString(ep.p50Ms) + " ms", 1),
+                              createVNode("td", {
+                                class: ["py-2.5 pr-4 text-right tabular-nums font-medium", latencyClass(ep.p90Ms)]
+                              }, toDisplayString(ep.p90Ms) + " ms ", 3),
+                              createVNode("td", { class: "py-2.5 pr-4 text-right tabular-nums text-gray-500" }, toDisplayString(ep.maxMs) + " ms", 1),
+                              createVNode("td", {
+                                class: ["py-2.5 pr-4 text-right tabular-nums", ep.errorRate > 0 ? "text-red-600 dark:text-red-400" : "text-gray-400"]
+                              }, toDisplayString(ep.errorRate) + "% ", 3),
+                              createVNode("td", { class: "py-2.5 text-right tabular-nums" }, toDisplayString(ep.projectCount), 1)
+                            ]);
+                          }), 128))
+                        ])
+                      ])
+                    ]),
+                    _: 1
+                  })
+                ])
+              ], 64))
+            ];
+          }
+        }),
+        _: 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/analytics/SlowEndpointsTable.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const SlowEndpointsTable = Object.assign(_sfc_main$1, { __name: "SlowEndpointsTable" });
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "analytics",
+  __ssrInlineRender: true,
+  async setup(__props) {
+    let __temp, __restore;
+    useHead({ title: "Analytics - Piwi Dashboard" });
+    const { state, scopeQuery } = useAnalyticsScope();
+    const { data: availableProjects } = ([__temp, __restore] = withAsyncContext(() => useFetch(
+      "/api/projects/menu",
+      {
+        lazy: true,
+        server: false,
+        default: () => [],
+        transform: (r) => r.items
+      },
+      "$sFpNat489G"
+      /* nuxt-injected */
+    )), __temp = await __temp, __restore(), __temp);
+    const { data: recentTestRuns } = ([__temp, __restore] = withAsyncContext(() => useFetch(
+      "/api/test-runs/recent",
+      {
+        lazy: true,
+        server: false,
+        default: () => [],
+        transform: (r) => r.items
+      },
+      "$QJEpX0hRMv"
+      /* nuxt-injected */
+    )), __temp = await __temp, __restore(), __temp);
+    const availableEnvironments = computed(() => {
+      const envSet = /* @__PURE__ */ new Set();
+      for (const run of recentTestRuns.value ?? []) {
+        if (run.environment) envSet.add(run.environment);
+      }
+      return [...envSet].sort();
+    });
+    const availableBranches = computed(() => {
+      const branchSet = /* @__PURE__ */ new Set();
+      for (const run of recentTestRuns.value ?? []) {
+        if (run.branch) branchSet.add(run.branch);
+      }
+      return [...branchSet].sort();
+    });
+    const newestRunTime = computed(() => {
+      const runs = recentTestRuns.value ?? [];
+      if (runs.length === 0) return null;
+      return Math.max(...runs.map((r) => new Date(r.startTime).getTime()));
+    });
+    const windowHidesData = computed(() => {
+      if (newestRunTime.value === null) return false;
+      if (state.value.days >= MAX_ANALYTICS_DAYS) return false;
+      const windowStart = Date.now() - state.value.days * 24 * 60 * 60 * 1e3;
+      return newestRunTime.value < windowStart;
+    });
+    function widenToAllTime() {
+      state.value = { ...state.value, days: MAX_ANALYTICS_DAYS };
+    }
+    const WIDGET_COMPONENTS = {
+      insights: InsightsFeed,
+      portfolio: PortfolioScorecard,
+      "pass-rate-heatmap": PassRateHeatmap,
+      "ci-time-trend": CiTimeTrendChart,
+      "wasted-time": WastedTimeChart,
+      "flaky-leaderboard": GlobalFlakyLeaderboard,
+      "cluster-landscape": ClusterLandscape,
+      "regression-velocity": RegressionVelocityChart,
+      "browser-matrix": BrowserMatrix,
+      "slow-endpoints": SlowEndpointsTable
+    };
+    const bands = computed(
+      () => ANALYTICS_BANDS.map((band) => ({
+        ...band,
+        widgets: ANALYTICS_WIDGETS.filter((w) => w.band === band.id)
+      })).filter((band) => band.widgets.length > 0)
+    );
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UDashboardPanel = _sfc_main$1$1;
+      const _component_UDashboardNavbar = _sfc_main$d;
+      const _component_UDashboardSidebarCollapse = _sfc_main$1$2;
+      const _component_UBreadcrumb = _sfc_main$e;
+      const _component_FilterToolbar = __nuxt_component_4;
+      const _component_AnalyticsScopeBar = __nuxt_component_5;
+      const _component_UAlert = _sfc_main$c;
+      _push(ssrRenderComponent(_component_UDashboardPanel, mergeProps({ id: "analytics" }, _attrs), {
+        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_UBreadcrumb, { items: [{ label: "Analytics", icon: "i-lucide-chart-line", to: "/analytics" }] }, null, _parent3, _scopeId2));
+                } else {
+                  return [
+                    createVNode(_component_UDashboardSidebarCollapse),
+                    createVNode(_component_UBreadcrumb, { items: [{ label: "Analytics", icon: "i-lucide-chart-line", to: "/analytics" }] })
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(_component_UDashboardNavbar, null, {
+                leading: withCtx(() => [
+                  createVNode(_component_UDashboardSidebarCollapse),
+                  createVNode(_component_UBreadcrumb, { items: [{ label: "Analytics", icon: "i-lucide-chart-line", to: "/analytics" }] })
+                ]),
+                _: 1
+              })
+            ];
+          }
+        }),
+        body: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="space-y-6"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_FilterToolbar, null, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(ssrRenderComponent(_component_AnalyticsScopeBar, {
+                    modelValue: unref(state),
+                    "onUpdate:modelValue": ($event) => isRef(state) ? state.value = $event : null,
+                    "available-projects": unref(availableProjects),
+                    "available-environments": unref(availableEnvironments),
+                    "available-branches": unref(availableBranches)
+                  }, null, _parent3, _scopeId2));
+                } else {
+                  return [
+                    createVNode(_component_AnalyticsScopeBar, {
+                      modelValue: unref(state),
+                      "onUpdate:modelValue": ($event) => isRef(state) ? state.value = $event : null,
+                      "available-projects": unref(availableProjects),
+                      "available-environments": unref(availableEnvironments),
+                      "available-branches": unref(availableBranches)
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "available-projects", "available-environments", "available-branches"])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            if (unref(windowHidesData)) {
+              _push2(ssrRenderComponent(_component_UAlert, {
+                icon: "i-lucide-calendar-off",
+                color: "warning",
+                variant: "subtle",
+                title: `No test runs in the last ${unref(state).days} days`,
+                description: `Your most recent run was ${("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(unref(newestRunTime))} — the widgets below look empty because the selected range excludes it.`,
+                actions: [
+                  { label: "Show all time", color: "warning", variant: "solid", size: "xs", onClick: widenToAllTime }
+                ]
+              }, null, _parent2, _scopeId));
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`<!--[-->`);
+            ssrRenderList(unref(bands), (band) => {
+              _push2(`<section class="space-y-3"${_scopeId}><div${_scopeId}><h2 class="text-sm font-semibold uppercase tracking-wide text-dimmed"${_scopeId}>${ssrInterpolate(band.label)}</h2><p class="text-sm text-muted"${_scopeId}>${ssrInterpolate(band.description)}</p></div><div class="grid grid-cols-1 xl:grid-cols-2 gap-6 items-start"${_scopeId}><!--[-->`);
+              ssrRenderList(band.widgets, (widget) => {
+                _push2(`<div class="${ssrRenderClass(widget.size === "full" ? "xl:col-span-2" : "")}"${_scopeId}>`);
+                ssrRenderVNode(_push2, createVNode(resolveDynamicComponent(WIDGET_COMPONENTS[widget.id]), { query: unref(scopeQuery) }, null), _parent2, _scopeId);
+                _push2(`</div>`);
+              });
+              _push2(`<!--]--></div></section>`);
+            });
+            _push2(`<!--]--></div>`);
+          } else {
+            return [
+              createVNode("div", { class: "space-y-6" }, [
+                createVNode(_component_FilterToolbar, null, {
+                  default: withCtx(() => [
+                    createVNode(_component_AnalyticsScopeBar, {
+                      modelValue: unref(state),
+                      "onUpdate:modelValue": ($event) => isRef(state) ? state.value = $event : null,
+                      "available-projects": unref(availableProjects),
+                      "available-environments": unref(availableEnvironments),
+                      "available-branches": unref(availableBranches)
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "available-projects", "available-environments", "available-branches"])
+                  ]),
+                  _: 1
+                }),
+                unref(windowHidesData) ? (openBlock(), createBlock(_component_UAlert, {
+                  key: 0,
+                  icon: "i-lucide-calendar-off",
+                  color: "warning",
+                  variant: "subtle",
+                  title: `No test runs in the last ${unref(state).days} days`,
+                  description: `Your most recent run was ${("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(unref(newestRunTime))} — the widgets below look empty because the selected range excludes it.`,
+                  actions: [
+                    { label: "Show all time", color: "warning", variant: "solid", size: "xs", onClick: widenToAllTime }
+                  ]
+                }, null, 8, ["title", "description", "actions"])) : createCommentVNode("", true),
+                (openBlock(true), createBlock(Fragment, null, renderList(unref(bands), (band) => {
+                  return openBlock(), createBlock("section", {
+                    key: band.id,
+                    class: "space-y-3"
+                  }, [
+                    createVNode("div", null, [
+                      createVNode("h2", { class: "text-sm font-semibold uppercase tracking-wide text-dimmed" }, toDisplayString(band.label), 1),
+                      createVNode("p", { class: "text-sm text-muted" }, toDisplayString(band.description), 1)
+                    ]),
+                    createVNode("div", { class: "grid grid-cols-1 xl:grid-cols-2 gap-6 items-start" }, [
+                      (openBlock(true), createBlock(Fragment, null, renderList(band.widgets, (widget) => {
+                        return openBlock(), createBlock("div", {
+                          key: widget.id,
+                          class: widget.size === "full" ? "xl:col-span-2" : ""
+                        }, [
+                          (openBlock(), createBlock(resolveDynamicComponent(WIDGET_COMPONENTS[widget.id]), { query: unref(scopeQuery) }, null, 8, ["query"]))
+                        ], 2);
+                      }), 128))
+                    ])
+                  ]);
+                }), 128))
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/analytics.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+
+export { _sfc_main as default };
+//# sourceMappingURL=analytics-BRkiUpwa.mjs.map