@piwitests/server 0.25.0 → 0.26.0

package/.output/server/chunks/build/index-CqinXTVs.mjs

@@ -0,0 +1,1700 @@
+import { _ as _sfc_main$1$1, a as _sfc_main$6 } from './DashboardNavbar-C3PsNVJt.mjs';
+import { _ as _sfc_main$1$2, a as _sfc_main$7 } from './Breadcrumb-DtV_L8Gt.mjs';
+import { _ as _sfc_main$9 } from './SelectMenu-BUwwc3Qt.mjs';
+import { o as useHead, l as _sfc_main$k, k as _sfc_main$p, v as __nuxt_component_12 } from './server.mjs';
+import { _ as _sfc_main$a } from './Checkbox-ChSYhiUz.mjs';
+import { defineComponent, computed, ref, mergeProps, withCtx, unref, createTextVNode, createVNode, toDisplayString, openBlock, createBlock, createCommentVNode, Fragment, renderList, createSlots, isRef, useSSRContext } from 'vue';
+import { ssrRenderComponent, ssrRenderList, ssrInterpolate, ssrRenderClass, ssrRenderAttrs } from 'vue/server-renderer';
+import { _ as __nuxt_component_5 } from './ErrorState-9UPssp7w.mjs';
+import { _ as _sfc_main$3 } from './Skeleton-DAp_WMEe.mjs';
+import { _ as _sfc_main$4 } from './Alert-gs8RgKxH.mjs';
+import { _ as __nuxt_component_11 } from './SectionCard-BB1O3uXd.mjs';
+import { _ as _sfc_main$8 } from './Table-BET-DOtX.mjs';
+import { _ as __nuxt_component_4$1 } from './TagBadge-aGUzbCxx.mjs';
+import { _ as __nuxt_component_5$1 } from './MiniRunBars-CcSn_9Wl.mjs';
+import { _ as __nuxt_component_13 } from './RunStatusBadge-CWhmAmKb.mjs';
+import { _ as __nuxt_component_14 } from './DurationValue-CObiBDnH.mjs';
+import { _ as __nuxt_component_4$2 } from './EmptyState-C-mCzGhO.mjs';
+import { e as errorMessage, a as formatRelativeTime, I as passRate } from './index-2GmuPNF-.mjs';
+import { _ as __nuxt_component_15 } from './GetStartedWizard-tL3U_qM1.mjs';
+import { _ as _sfc_main$5 } from './Card--Ike7sYc.mjs';
+import { u as useFetch } from './fetch-DOcN2mHf.mjs';
+import { c as useCookie } from './DashboardSidebarToggle-a5KYecZ0.mjs';
+import './useFormControl-8skMOTIf.mjs';
+import './VisuallyHiddenInput-D4E5aJCQ.mjs';
+import './handleAndDispatchCustomEvent-Bk_AVSSo.mjs';
+import '@tanstack/vue-virtual';
+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 '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 './HelpHint-C96TlqxY.mjs';
+import './help-content-BK3jcgLw.mjs';
+import '@tanstack/vue-table';
+import 'date-fns';
+import './CodeBlock-CmvKHaq8.mjs';
+import './useIsDesktop-BS13spVj.mjs';
+import '@vue/shared';
+
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "HomeFilters",
+  __ssrInlineRender: true,
+  props: {
+    modelValue: {},
+    availableEnvironments: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const selectedEnvironments = computed({
+      get: () => props.modelValue.environments,
+      set: (val) => emit("update:modelValue", { ...props.modelValue, environments: val })
+    });
+    const fullRunsOnly = computed({
+      get: () => props.modelValue.fullRunsOnly,
+      set: (val) => emit("update:modelValue", { ...props.modelValue, fullRunsOnly: val })
+    });
+    const hasActiveFilters = computed(() => props.modelValue.environments.length > 0 || !props.modelValue.fullRunsOnly);
+    function clearFilters() {
+      emit("update:modelValue", { environments: [], fullRunsOnly: true });
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_USelectMenu = _sfc_main$9;
+      const _component_UIcon = _sfc_main$p;
+      const _component_UCheckbox = _sfc_main$a;
+      const _component_UButton = _sfc_main$k;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "flex items-center gap-3 flex-wrap" }, _attrs))}>`);
+      if (__props.availableEnvironments.length > 0) {
+        _push(ssrRenderComponent(_component_USelectMenu, {
+          modelValue: unref(selectedEnvironments),
+          "onUpdate:modelValue": ($event) => isRef(selectedEnvironments) ? selectedEnvironments.value = $event : null,
+          items: __props.availableEnvironments,
+          multiple: "",
+          placeholder: "All environments",
+          size: "sm",
+          class: "min-w-[160px]"
+        }, {
+          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-server",
+                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 environments</span>`);
+              } else if (selected.length === 1) {
+                _push2(`<span${_scopeId}>${ssrInterpolate(selected[0])}</span>`);
+              } else {
+                _push2(`<span${_scopeId}>${ssrInterpolate(selected.length)} environments</span>`);
+              }
+              _push2(`</div>`);
+            } else {
+              return [
+                createVNode("div", { class: "flex items-center gap-1.5" }, [
+                  createVNode(_component_UIcon, {
+                    name: "i-lucide-server",
+                    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 environments")) : selected.length === 1 ? (openBlock(), createBlock("span", { key: 1 }, toDisplayString(selected[0]), 1)) : (openBlock(), createBlock("span", { key: 2 }, toDisplayString(selected.length) + " environments", 1))
+                ])
+              ];
+            }
+          }),
+          _: 1
+        }, _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(hasActiveFilters)) {
+        _push(ssrRenderComponent(_component_UButton, {
+          variant: "ghost",
+          size: "sm",
+          color: "neutral",
+          icon: "i-lucide-x",
+          onClick: clearFilters
+        }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(` Reset `);
+            } else {
+              return [
+                createTextVNode(" Reset ")
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`</div>`);
+    };
+  }
+});
+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/home/HomeFilters.vue");
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+const __nuxt_component_4 = Object.assign(_sfc_main$2, { __name: "HomeFilters" });
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "ProjectTrendTable",
+  __ssrInlineRender: true,
+  props: {
+    projects: {},
+    limit: { default: 10 }
+  },
+  setup(__props) {
+    const props = __props;
+    const TENDENCY_ORDER = { failing: 0, flaky: 1, passing: 2, unknown: 3 };
+    const tableExpanded = ref(false);
+    const hasMoreProjects = computed(() => props.projects.length > props.limit);
+    const sortedProjects = computed(() => {
+      const sorted = [...props.projects].sort((a, b) => {
+        const td = TENDENCY_ORDER[a.tendency] - TENDENCY_ORDER[b.tendency];
+        if (td !== 0) return td;
+        const at = a.latestFullRun ? new Date(a.latestFullRun.startTime).getTime() : 0;
+        const bt = b.latestFullRun ? new Date(b.latestFullRun.startTime).getTime() : 0;
+        return bt - at;
+      });
+      return tableExpanded.value ? sorted : sorted.slice(0, props.limit);
+    });
+    function passRateColorClass(rate) {
+      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 tendencyStyle(t) {
+      switch (t) {
+        case "failing":
+          return "text-red-700 dark:text-red-400 bg-red-50 dark:bg-red-900/20 border-red-200 dark:border-red-800";
+        case "flaky":
+          return "text-amber-700 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border-amber-200 dark:border-amber-800";
+        case "passing":
+          return "text-green-700 dark:text-green-400 bg-green-50 dark:bg-green-900/20 border-green-200 dark:border-green-800";
+        default:
+          return "text-gray-500 dark:text-gray-400 bg-gray-50 dark:bg-gray-800 border-gray-200 dark:border-gray-700";
+      }
+    }
+    function tendencyLabel(t) {
+      return t === "unknown" ? "Unknown" : t.charAt(0).toUpperCase() + t.slice(1);
+    }
+    function tendencyIcon(t) {
+      switch (t) {
+        case "failing":
+          return "i-lucide-trending-down";
+        case "flaky":
+          return "i-lucide-shuffle";
+        case "passing":
+          return "i-lucide-trending-up";
+        default:
+          return "i-lucide-minus";
+      }
+    }
+    const columns = [
+      { accessorKey: "name", header: "Project" },
+      { id: "recentRuns", header: "Last 20 runs" },
+      { accessorKey: "tendency", header: "Tendency" },
+      { id: "passRate", header: "Pass rate" },
+      { id: "latestRun", header: "Latest run" },
+      { id: "tests", header: "Tests" }
+    ];
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_SectionCard = __nuxt_component_11;
+      const _component_UButton = _sfc_main$k;
+      const _component_UTable = _sfc_main$8;
+      const _component_NuxtLink = __nuxt_component_12;
+      const _component_TagBadge = __nuxt_component_4$1;
+      const _component_MiniRunBars = __nuxt_component_5$1;
+      const _component_UIcon = _sfc_main$p;
+      const _component_RunStatusBadge = __nuxt_component_13;
+      const _component_DurationValue = __nuxt_component_14;
+      const _component_EmptyState = __nuxt_component_4$2;
+      _push(ssrRenderComponent(_component_SectionCard, mergeProps({
+        icon: "i-lucide-layout-dashboard",
+        title: "Project health",
+        help: "home.project-health"
+      }, _attrs), {
+        actions: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (unref(hasMoreProjects) && !unref(tableExpanded)) {
+              _push2(ssrRenderComponent(_component_UButton, {
+                variant: "ghost",
+                size: "sm",
+                "trailing-icon": "i-lucide-chevron-down",
+                onClick: ($event) => tableExpanded.value = true
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(` Show all ${ssrInterpolate(props.projects.length)}`);
+                  } else {
+                    return [
+                      createTextVNode(" Show all " + toDisplayString(props.projects.length), 1)
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else if (unref(tableExpanded)) {
+              _push2(ssrRenderComponent(_component_UButton, {
+                variant: "ghost",
+                size: "sm",
+                "trailing-icon": "i-lucide-chevron-up",
+                onClick: ($event) => tableExpanded.value = false
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(` Show less `);
+                  } else {
+                    return [
+                      createTextVNode(" Show less ")
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(ssrRenderComponent(_component_UButton, {
+              to: "/projects",
+              variant: "outline",
+              size: "sm"
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`View all`);
+                } else {
+                  return [
+                    createTextVNode("View all")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+          } else {
+            return [
+              unref(hasMoreProjects) && !unref(tableExpanded) ? (openBlock(), createBlock(_component_UButton, {
+                key: 0,
+                variant: "ghost",
+                size: "sm",
+                "trailing-icon": "i-lucide-chevron-down",
+                onClick: ($event) => tableExpanded.value = true
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" Show all " + toDisplayString(props.projects.length), 1)
+                ]),
+                _: 1
+              }, 8, ["onClick"])) : unref(tableExpanded) ? (openBlock(), createBlock(_component_UButton, {
+                key: 1,
+                variant: "ghost",
+                size: "sm",
+                "trailing-icon": "i-lucide-chevron-up",
+                onClick: ($event) => tableExpanded.value = false
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" Show less ")
+                ]),
+                _: 1
+              }, 8, ["onClick"])) : createCommentVNode("", true),
+              createVNode(_component_UButton, {
+                to: "/projects",
+                variant: "outline",
+                size: "sm"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("View all")
+                ]),
+                _: 1
+              })
+            ];
+          }
+        }),
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="hidden md:block overflow-x-auto -mx-4 px-4 sm:mx-0 sm:px-0"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UTable, {
+              data: unref(sortedProjects),
+              columns,
+              ui: {
+                base: "min-w-[700px]",
+                td: "py-3",
+                th: "py-3 text-xs uppercase tracking-wide"
+              }
+            }, {
+              "name-cell": withCtx(({ row }, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(ssrRenderComponent(_component_NuxtLink, {
+                    to: `/projects/${row.original.id}`,
+                    class: "font-medium text-primary hover:underline truncate block max-w-[200px]"
+                  }, {
+                    default: withCtx((_2, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(`${ssrInterpolate(row.original.label || row.original.name)}`);
+                      } else {
+                        return [
+                          createTextVNode(toDisplayString(row.original.label || row.original.name), 1)
+                        ];
+                      }
+                    }),
+                    _: 2
+                  }, _parent3, _scopeId2));
+                  if (row.original.tags.length > 0) {
+                    _push3(`<div class="flex flex-wrap gap-1 mt-0.5"${_scopeId2}><!--[-->`);
+                    ssrRenderList(row.original.tags, (tag) => {
+                      _push3(ssrRenderComponent(_component_TagBadge, {
+                        key: tag.id,
+                        text: tag.text,
+                        color: tag.color
+                      }, null, _parent3, _scopeId2));
+                    });
+                    _push3(`<!--]--></div>`);
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                } else {
+                  return [
+                    createVNode(_component_NuxtLink, {
+                      to: `/projects/${row.original.id}`,
+                      class: "font-medium text-primary hover:underline truncate block max-w-[200px]"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(row.original.label || row.original.name), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["to"]),
+                    row.original.tags.length > 0 ? (openBlock(), createBlock("div", {
+                      key: 0,
+                      class: "flex flex-wrap gap-1 mt-0.5"
+                    }, [
+                      (openBlock(true), createBlock(Fragment, null, renderList(row.original.tags, (tag) => {
+                        return openBlock(), createBlock(_component_TagBadge, {
+                          key: tag.id,
+                          text: tag.text,
+                          color: tag.color
+                        }, null, 8, ["text", "color"]);
+                      }), 128))
+                    ])) : createCommentVNode("", true)
+                  ];
+                }
+              }),
+              "recentRuns-cell": withCtx(({ row }, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<div class="w-40"${_scopeId2}>`);
+                  _push3(ssrRenderComponent(_component_MiniRunBars, {
+                    runs: row.original.recentRuns,
+                    height: 28
+                  }, null, _parent3, _scopeId2));
+                  _push3(`</div>`);
+                } else {
+                  return [
+                    createVNode("div", { class: "w-40" }, [
+                      createVNode(_component_MiniRunBars, {
+                        runs: row.original.recentRuns,
+                        height: 28
+                      }, null, 8, ["runs"])
+                    ])
+                  ];
+                }
+              }),
+              "tendency-cell": withCtx(({ row }, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<span class="${ssrRenderClass([tendencyStyle(row.original.tendency), "inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-xs font-medium border whitespace-nowrap"])}"${_scopeId2}>`);
+                  _push3(ssrRenderComponent(_component_UIcon, {
+                    name: tendencyIcon(row.original.tendency),
+                    class: "size-3 shrink-0"
+                  }, null, _parent3, _scopeId2));
+                  _push3(` ${ssrInterpolate(tendencyLabel(row.original.tendency))}</span>`);
+                } else {
+                  return [
+                    createVNode("span", {
+                      class: ["inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-xs font-medium border whitespace-nowrap", tendencyStyle(row.original.tendency)]
+                    }, [
+                      createVNode(_component_UIcon, {
+                        name: tendencyIcon(row.original.tendency),
+                        class: "size-3 shrink-0"
+                      }, null, 8, ["name"]),
+                      createTextVNode(" " + toDisplayString(tendencyLabel(row.original.tendency)), 1)
+                    ], 2)
+                  ];
+                }
+              }),
+              "passRate-cell": withCtx(({ row }, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  if (row.original.latestFullRun) {
+                    _push3(`<span class="${ssrRenderClass([passRateColorClass(("passRate" in _ctx ? _ctx.passRate : unref(passRate))(row.original.latestFullRun)), "font-semibold tabular-nums text-sm"])}"${_scopeId2}>${ssrInterpolate(("passRate" in _ctx ? _ctx.passRate : unref(passRate))(row.original.latestFullRun))}% </span>`);
+                  } else {
+                    _push3(`<span class="text-gray-400 text-sm"${_scopeId2}>—</span>`);
+                  }
+                } else {
+                  return [
+                    row.original.latestFullRun ? (openBlock(), createBlock("span", {
+                      key: 0,
+                      class: ["font-semibold tabular-nums text-sm", passRateColorClass(("passRate" in _ctx ? _ctx.passRate : unref(passRate))(row.original.latestFullRun))]
+                    }, toDisplayString(("passRate" in _ctx ? _ctx.passRate : unref(passRate))(row.original.latestFullRun)) + "% ", 3)) : (openBlock(), createBlock("span", {
+                      key: 1,
+                      class: "text-gray-400 text-sm"
+                    }, "—"))
+                  ];
+                }
+              }),
+              "latestRun-cell": withCtx(({ row }, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  if (row.original.latestFullRun) {
+                    _push3(ssrRenderComponent(_component_NuxtLink, {
+                      to: `/test-runs/${row.original.latestFullRun.id}`,
+                      class: "flex items-center gap-2 min-w-[140px] hover:opacity-80 transition-opacity"
+                    }, {
+                      default: withCtx((_2, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(ssrRenderComponent(_component_RunStatusBadge, {
+                            status: row.original.latestFullRun.status
+                          }, null, _parent4, _scopeId3));
+                          _push4(`<div class="text-xs text-gray-500 dark:text-gray-400"${_scopeId3}><div${_scopeId3}>${ssrInterpolate(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(row.original.latestFullRun.startTime))}</div>`);
+                          if (row.original.latestFullRun.duration) {
+                            _push4(ssrRenderComponent(_component_DurationValue, {
+                              ms: row.original.latestFullRun.duration
+                            }, null, _parent4, _scopeId3));
+                          } else {
+                            _push4(`<!---->`);
+                          }
+                          _push4(`</div>`);
+                        } else {
+                          return [
+                            createVNode(_component_RunStatusBadge, {
+                              status: row.original.latestFullRun.status
+                            }, null, 8, ["status"]),
+                            createVNode("div", { class: "text-xs text-gray-500 dark:text-gray-400" }, [
+                              createVNode("div", null, toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(row.original.latestFullRun.startTime)), 1),
+                              row.original.latestFullRun.duration ? (openBlock(), createBlock(_component_DurationValue, {
+                                key: 0,
+                                ms: row.original.latestFullRun.duration
+                              }, null, 8, ["ms"])) : createCommentVNode("", true)
+                            ])
+                          ];
+                        }
+                      }),
+                      _: 2
+                    }, _parent3, _scopeId2));
+                  } else {
+                    _push3(`<span class="text-gray-400 text-sm"${_scopeId2}>No full runs</span>`);
+                  }
+                } else {
+                  return [
+                    row.original.latestFullRun ? (openBlock(), createBlock(_component_NuxtLink, {
+                      key: 0,
+                      to: `/test-runs/${row.original.latestFullRun.id}`,
+                      class: "flex items-center gap-2 min-w-[140px] hover:opacity-80 transition-opacity"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_RunStatusBadge, {
+                          status: row.original.latestFullRun.status
+                        }, null, 8, ["status"]),
+                        createVNode("div", { class: "text-xs text-gray-500 dark:text-gray-400" }, [
+                          createVNode("div", null, toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(row.original.latestFullRun.startTime)), 1),
+                          row.original.latestFullRun.duration ? (openBlock(), createBlock(_component_DurationValue, {
+                            key: 0,
+                            ms: row.original.latestFullRun.duration
+                          }, null, 8, ["ms"])) : createCommentVNode("", true)
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["to"])) : (openBlock(), createBlock("span", {
+                      key: 1,
+                      class: "text-gray-400 text-sm"
+                    }, "No full runs"))
+                  ];
+                }
+              }),
+              "tests-cell": withCtx(({ row }, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  if (row.original.latestFullRun) {
+                    _push3(`<span class="tabular-nums text-sm text-gray-600 dark:text-gray-400"${_scopeId2}>${ssrInterpolate(row.original.latestFullRun.passedTests)}/${ssrInterpolate(row.original.latestFullRun.totalTests)}</span>`);
+                  } else {
+                    _push3(`<span class="text-gray-400"${_scopeId2}>—</span>`);
+                  }
+                } else {
+                  return [
+                    row.original.latestFullRun ? (openBlock(), createBlock("span", {
+                      key: 0,
+                      class: "tabular-nums text-sm text-gray-600 dark:text-gray-400"
+                    }, toDisplayString(row.original.latestFullRun.passedTests) + "/" + toDisplayString(row.original.latestFullRun.totalTests), 1)) : (openBlock(), createBlock("span", {
+                      key: 1,
+                      class: "text-gray-400"
+                    }, "—"))
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`</div><div class="space-y-2 md:hidden"${_scopeId}><!--[-->`);
+            ssrRenderList(unref(sortedProjects), (row) => {
+              _push2(`<div class="rounded-lg border border-default p-3 space-y-2"${_scopeId}><div class="flex items-start justify-between gap-2"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_NuxtLink, {
+                to: `/projects/${row.id}`,
+                class: "font-medium text-primary hover:underline truncate"
+              }, {
+                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([tendencyStyle(row.tendency), "inline-flex shrink-0 items-center gap-1 rounded border px-1.5 py-0.5 text-xs font-medium whitespace-nowrap"])}"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: tendencyIcon(row.tendency),
+                class: "size-3 shrink-0"
+              }, null, _parent2, _scopeId));
+              _push2(` ${ssrInterpolate(tendencyLabel(row.tendency))}</span></div>`);
+              if (row.tags.length > 0) {
+                _push2(`<div class="flex flex-wrap gap-1"${_scopeId}><!--[-->`);
+                ssrRenderList(row.tags, (tag) => {
+                  _push2(ssrRenderComponent(_component_TagBadge, {
+                    key: tag.id,
+                    text: tag.text,
+                    color: tag.color
+                  }, null, _parent2, _scopeId));
+                });
+                _push2(`<!--]--></div>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(ssrRenderComponent(_component_MiniRunBars, {
+                runs: row.recentRuns,
+                height: 24
+              }, null, _parent2, _scopeId));
+              _push2(`<div class="flex items-center justify-between gap-2 text-xs"${_scopeId}>`);
+              if (row.latestFullRun) {
+                _push2(ssrRenderComponent(_component_NuxtLink, {
+                  to: `/test-runs/${row.latestFullRun.id}`,
+                  class: "flex items-center gap-1.5 min-w-0 hover:opacity-80"
+                }, {
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(ssrRenderComponent(_component_RunStatusBadge, {
+                        status: row.latestFullRun.status
+                      }, null, _parent3, _scopeId2));
+                      _push3(`<span class="text-gray-500 dark:text-gray-400 truncate"${_scopeId2}>${ssrInterpolate(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(row.latestFullRun.startTime))}</span>`);
+                    } else {
+                      return [
+                        createVNode(_component_RunStatusBadge, {
+                          status: row.latestFullRun.status
+                        }, null, 8, ["status"]),
+                        createVNode("span", { class: "text-gray-500 dark:text-gray-400 truncate" }, toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(row.latestFullRun.startTime)), 1)
+                      ];
+                    }
+                  }),
+                  _: 2
+                }, _parent2, _scopeId));
+              } else {
+                _push2(`<span class="text-gray-400"${_scopeId}>No full runs</span>`);
+              }
+              if (row.latestFullRun) {
+                _push2(`<span class="shrink-0 tabular-nums text-gray-500 dark:text-gray-400"${_scopeId}><span class="${ssrRenderClass([passRateColorClass(("passRate" in _ctx ? _ctx.passRate : unref(passRate))(row.latestFullRun)), "font-semibold"])}"${_scopeId}>${ssrInterpolate(("passRate" in _ctx ? _ctx.passRate : unref(passRate))(row.latestFullRun))}% </span> · ${ssrInterpolate(row.latestFullRun.passedTests)}/${ssrInterpolate(row.latestFullRun.totalTests)}</span>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`</div></div>`);
+            });
+            _push2(`<!--]--></div>`);
+            if (unref(sortedProjects).length === 0) {
+              _push2(ssrRenderComponent(_component_EmptyState, {
+                text: "No projects yet",
+                padded: false,
+                class: "py-8"
+              }, null, _parent2, _scopeId));
+            } else {
+              _push2(`<!---->`);
+            }
+          } else {
+            return [
+              createVNode("div", { class: "hidden md:block overflow-x-auto -mx-4 px-4 sm:mx-0 sm:px-0" }, [
+                createVNode(_component_UTable, {
+                  data: unref(sortedProjects),
+                  columns,
+                  ui: {
+                    base: "min-w-[700px]",
+                    td: "py-3",
+                    th: "py-3 text-xs uppercase tracking-wide"
+                  }
+                }, {
+                  "name-cell": withCtx(({ row }) => [
+                    createVNode(_component_NuxtLink, {
+                      to: `/projects/${row.original.id}`,
+                      class: "font-medium text-primary hover:underline truncate block max-w-[200px]"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(row.original.label || row.original.name), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["to"]),
+                    row.original.tags.length > 0 ? (openBlock(), createBlock("div", {
+                      key: 0,
+                      class: "flex flex-wrap gap-1 mt-0.5"
+                    }, [
+                      (openBlock(true), createBlock(Fragment, null, renderList(row.original.tags, (tag) => {
+                        return openBlock(), createBlock(_component_TagBadge, {
+                          key: tag.id,
+                          text: tag.text,
+                          color: tag.color
+                        }, null, 8, ["text", "color"]);
+                      }), 128))
+                    ])) : createCommentVNode("", true)
+                  ]),
+                  "recentRuns-cell": withCtx(({ row }) => [
+                    createVNode("div", { class: "w-40" }, [
+                      createVNode(_component_MiniRunBars, {
+                        runs: row.original.recentRuns,
+                        height: 28
+                      }, null, 8, ["runs"])
+                    ])
+                  ]),
+                  "tendency-cell": withCtx(({ row }) => [
+                    createVNode("span", {
+                      class: ["inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-xs font-medium border whitespace-nowrap", tendencyStyle(row.original.tendency)]
+                    }, [
+                      createVNode(_component_UIcon, {
+                        name: tendencyIcon(row.original.tendency),
+                        class: "size-3 shrink-0"
+                      }, null, 8, ["name"]),
+                      createTextVNode(" " + toDisplayString(tendencyLabel(row.original.tendency)), 1)
+                    ], 2)
+                  ]),
+                  "passRate-cell": withCtx(({ row }) => [
+                    row.original.latestFullRun ? (openBlock(), createBlock("span", {
+                      key: 0,
+                      class: ["font-semibold tabular-nums text-sm", passRateColorClass(("passRate" in _ctx ? _ctx.passRate : unref(passRate))(row.original.latestFullRun))]
+                    }, toDisplayString(("passRate" in _ctx ? _ctx.passRate : unref(passRate))(row.original.latestFullRun)) + "% ", 3)) : (openBlock(), createBlock("span", {
+                      key: 1,
+                      class: "text-gray-400 text-sm"
+                    }, "—"))
+                  ]),
+                  "latestRun-cell": withCtx(({ row }) => [
+                    row.original.latestFullRun ? (openBlock(), createBlock(_component_NuxtLink, {
+                      key: 0,
+                      to: `/test-runs/${row.original.latestFullRun.id}`,
+                      class: "flex items-center gap-2 min-w-[140px] hover:opacity-80 transition-opacity"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_RunStatusBadge, {
+                          status: row.original.latestFullRun.status
+                        }, null, 8, ["status"]),
+                        createVNode("div", { class: "text-xs text-gray-500 dark:text-gray-400" }, [
+                          createVNode("div", null, toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(row.original.latestFullRun.startTime)), 1),
+                          row.original.latestFullRun.duration ? (openBlock(), createBlock(_component_DurationValue, {
+                            key: 0,
+                            ms: row.original.latestFullRun.duration
+                          }, null, 8, ["ms"])) : createCommentVNode("", true)
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["to"])) : (openBlock(), createBlock("span", {
+                      key: 1,
+                      class: "text-gray-400 text-sm"
+                    }, "No full runs"))
+                  ]),
+                  "tests-cell": withCtx(({ row }) => [
+                    row.original.latestFullRun ? (openBlock(), createBlock("span", {
+                      key: 0,
+                      class: "tabular-nums text-sm text-gray-600 dark:text-gray-400"
+                    }, toDisplayString(row.original.latestFullRun.passedTests) + "/" + toDisplayString(row.original.latestFullRun.totalTests), 1)) : (openBlock(), createBlock("span", {
+                      key: 1,
+                      class: "text-gray-400"
+                    }, "—"))
+                  ]),
+                  _: 1
+                }, 8, ["data"])
+              ]),
+              createVNode("div", { class: "space-y-2 md:hidden" }, [
+                (openBlock(true), createBlock(Fragment, null, renderList(unref(sortedProjects), (row) => {
+                  return openBlock(), createBlock("div", {
+                    key: row.id,
+                    class: "rounded-lg border border-default p-3 space-y-2"
+                  }, [
+                    createVNode("div", { class: "flex items-start justify-between gap-2" }, [
+                      createVNode(_component_NuxtLink, {
+                        to: `/projects/${row.id}`,
+                        class: "font-medium text-primary hover:underline truncate"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(row.label || row.name), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["to"]),
+                      createVNode("span", {
+                        class: ["inline-flex shrink-0 items-center gap-1 rounded border px-1.5 py-0.5 text-xs font-medium whitespace-nowrap", tendencyStyle(row.tendency)]
+                      }, [
+                        createVNode(_component_UIcon, {
+                          name: tendencyIcon(row.tendency),
+                          class: "size-3 shrink-0"
+                        }, null, 8, ["name"]),
+                        createTextVNode(" " + toDisplayString(tendencyLabel(row.tendency)), 1)
+                      ], 2)
+                    ]),
+                    row.tags.length > 0 ? (openBlock(), createBlock("div", {
+                      key: 0,
+                      class: "flex flex-wrap gap-1"
+                    }, [
+                      (openBlock(true), createBlock(Fragment, null, renderList(row.tags, (tag) => {
+                        return openBlock(), createBlock(_component_TagBadge, {
+                          key: tag.id,
+                          text: tag.text,
+                          color: tag.color
+                        }, null, 8, ["text", "color"]);
+                      }), 128))
+                    ])) : createCommentVNode("", true),
+                    createVNode(_component_MiniRunBars, {
+                      runs: row.recentRuns,
+                      height: 24
+                    }, null, 8, ["runs"]),
+                    createVNode("div", { class: "flex items-center justify-between gap-2 text-xs" }, [
+                      row.latestFullRun ? (openBlock(), createBlock(_component_NuxtLink, {
+                        key: 0,
+                        to: `/test-runs/${row.latestFullRun.id}`,
+                        class: "flex items-center gap-1.5 min-w-0 hover:opacity-80"
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_RunStatusBadge, {
+                            status: row.latestFullRun.status
+                          }, null, 8, ["status"]),
+                          createVNode("span", { class: "text-gray-500 dark:text-gray-400 truncate" }, toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(row.latestFullRun.startTime)), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["to"])) : (openBlock(), createBlock("span", {
+                        key: 1,
+                        class: "text-gray-400"
+                      }, "No full runs")),
+                      row.latestFullRun ? (openBlock(), createBlock("span", {
+                        key: 2,
+                        class: "shrink-0 tabular-nums text-gray-500 dark:text-gray-400"
+                      }, [
+                        createVNode("span", {
+                          class: ["font-semibold", passRateColorClass(("passRate" in _ctx ? _ctx.passRate : unref(passRate))(row.latestFullRun))]
+                        }, toDisplayString(("passRate" in _ctx ? _ctx.passRate : unref(passRate))(row.latestFullRun)) + "% ", 3),
+                        createTextVNode(" · " + toDisplayString(row.latestFullRun.passedTests) + "/" + toDisplayString(row.latestFullRun.totalTests), 1)
+                      ])) : createCommentVNode("", true)
+                    ])
+                  ]);
+                }), 128))
+              ]),
+              unref(sortedProjects).length === 0 ? (openBlock(), createBlock(_component_EmptyState, {
+                key: 0,
+                text: "No projects yet",
+                padded: false,
+                class: "py-8"
+              })) : createCommentVNode("", true)
+            ];
+          }
+        }),
+        _: 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/project/ProjectTrendTable.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const __nuxt_component_10 = Object.assign(_sfc_main$1, { __name: "ProjectTrendTable" });
+const ACTIVITY_PREVIEW_LIMIT = 6;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  __ssrInlineRender: true,
+  setup(__props) {
+    useHead({ title: "Piwi Dashboard" });
+    const {
+      data: overview,
+      error: overviewError,
+      refresh: refreshOverview,
+      status: overviewStatus
+    } = useFetch(
+      "/api/projects/overview",
+      {
+        lazy: true,
+        default: () => [],
+        transform: (r) => r.items
+      },
+      "$LKtEy4Bi96"
+      /* nuxt-injected */
+    );
+    const {
+      data: recentTestRuns,
+      error: recentRunsError,
+      refresh: refreshRecentRuns
+    } = useFetch(
+      "/api/test-runs/recent",
+      {
+        lazy: true,
+        transform: (r) => r.items
+      },
+      "$tXxkP3waVF"
+      /* nuxt-injected */
+    );
+    const isInitialLoad = computed(() => overviewStatus.value === "pending" && !overview.value?.length);
+    const loadError = computed(() => overviewError.value || recentRunsError.value);
+    function retryLoad() {
+      refreshOverview();
+      refreshRecentRuns();
+    }
+    const filters = useCookie("piwi-home-filters", {
+      default: () => ({ environments: [], fullRunsOnly: true }),
+      encode: (v) => JSON.stringify(v),
+      decode: (v) => {
+        try {
+          return v ? JSON.parse(v) : { environments: [], fullRunsOnly: true };
+        } catch {
+          return { environments: [], fullRunsOnly: true };
+        }
+      }
+    });
+    const availableEnvironments = computed(() => {
+      const envSet = /* @__PURE__ */ new Set();
+      for (const run of recentTestRuns.value ?? []) {
+        if (run.environment) envSet.add(run.environment);
+      }
+      for (const project of overview.value ?? []) {
+        for (const run of project.recentRuns) {
+          if (run.environment) envSet.add(run.environment);
+        }
+      }
+      return [...envSet].sort();
+    });
+    function matchesEnv(env) {
+      if (filters.value.environments.length === 0) return true;
+      return !!env && filters.value.environments.includes(env);
+    }
+    const filteredRecentRuns = computed(() => {
+      let runs = recentTestRuns.value ?? [];
+      if (filters.value.fullRunsOnly) runs = runs.filter((r) => r.isFullRun);
+      if (filters.value.environments.length > 0) runs = runs.filter((r) => matchesEnv(r.environment));
+      return runs;
+    });
+    const filteredOverview = computed(() => {
+      let projects = overview.value ?? [];
+      if (filters.value.environments.length > 0) {
+        projects = projects.map((p) => ({
+          ...p,
+          recentRuns: p.recentRuns.filter((r) => matchesEnv(r.environment))
+        })).filter((p) => p.recentRuns.length > 0);
+      }
+      return projects;
+    });
+    const overviewStats = computed(() => {
+      const projects = filteredOverview.value;
+      const totalProjects = projects.length;
+      const failingNow = projects.filter((p) => p.tendency === "failing").length;
+      const flakyNow = projects.filter((p) => p.tendency === "flaky").length;
+      let totalPassed = 0;
+      let totalTests = 0;
+      for (const p of projects) {
+        if (p.latestFullRun) {
+          totalPassed += p.latestFullRun.passedTests;
+          totalTests += p.latestFullRun.totalTests;
+        }
+      }
+      const avgPassRate = totalTests > 0 ? Math.round(totalPassed / totalTests * 100) : null;
+      const oneDayAgo = Date.now() - 24 * 60 * 60 * 1e3;
+      const runs24h = filteredRecentRuns.value.filter((r) => new Date(r.startTime).getTime() > oneDayAgo).length;
+      return { totalProjects, failingNow, flakyNow, avgPassRate, runs24h };
+    });
+    const RUNNING_STATUSES = /* @__PURE__ */ new Set(["running", "initializing", "finalizing"]);
+    const activityExpanded = ref(false);
+    const allActivity = computed(() => {
+      const runs = [...filteredRecentRuns.value];
+      return runs.sort((a, b) => {
+        const aR = RUNNING_STATUSES.has(a.status) ? 0 : 1;
+        const bR = RUNNING_STATUSES.has(b.status) ? 0 : 1;
+        if (aR !== bR) return aR - bR;
+        return new Date(b.startTime).getTime() - new Date(a.startTime).getTime();
+      });
+    });
+    const visibleActivity = computed(
+      () => activityExpanded.value ? allActivity.value : allActivity.value.slice(0, ACTIVITY_PREVIEW_LIMIT)
+    );
+    const hasMoreActivity = computed(() => allActivity.value.length > ACTIVITY_PREVIEW_LIMIT);
+    const hasActivity = computed(() => filteredRecentRuns.value.length > 0);
+    const hasProjects = computed(() => (overview.value?.length ?? 0) > 0);
+    const hiddenPartialRunsCount = computed(() => {
+      if (!filters.value.fullRunsOnly) return 0;
+      const runs = recentTestRuns.value ?? [];
+      const envScoped = runs.filter((r) => matchesEnv(r.environment));
+      return envScoped.filter((r) => !r.isFullRun).length;
+    });
+    function showPartialRuns() {
+      filters.value = { ...filters.value, fullRunsOnly: false };
+    }
+    function passRateClass(run) {
+      const rate = passRate(run);
+      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 statusBorderClass(status) {
+      if (RUNNING_STATUSES.has(status)) return "border-l-blue-400";
+      if (status === "passed") return "border-l-green-500";
+      if (status === "failed" || status === "timedout" || status === "interrupted") return "border-l-red-500";
+      return "border-l-gray-300 dark:border-l-gray-600";
+    }
+    const featureHighlights = [
+      {
+        icon: "i-lucide-radio",
+        tagline: "Watch your CI run live",
+        title: "Live streaming",
+        description: "Follow test execution in real time. Investigate failures while the suite is still running — no waiting for the CI job to finish."
+      },
+      {
+        icon: "i-lucide-layers",
+        tagline: "10 failures, 2 root causes",
+        title: "Failure clustering",
+        description: "Tests sharing the same error are grouped automatically. Triage one cluster instead of scrolling through unrelated failures."
+      },
+      {
+        icon: "i-lucide-brain-circuit",
+        tagline: "Diagnosis grounded in your code",
+        title: "AI diagnosis",
+        description: "AI analyzes failure clusters using your actual SCM diff, trace files, and run history — not a generic prompt."
+      },
+      {
+        icon: "i-lucide-archive",
+        tagline: "Every run, forever",
+        title: "Permanent test intelligence",
+        description: "Test results, traces, and HTML reports stored permanently. Compare runs, track flakiness trends, and never lose a CI result again."
+      }
+    ];
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UDashboardPanel = _sfc_main$1$1;
+      const _component_UDashboardNavbar = _sfc_main$6;
+      const _component_UDashboardSidebarCollapse = _sfc_main$1$2;
+      const _component_UBreadcrumb = _sfc_main$7;
+      const _component_HomeFilters = __nuxt_component_4;
+      const _component_ErrorState = __nuxt_component_5;
+      const _component_UButton = _sfc_main$k;
+      const _component_USkeleton = _sfc_main$3;
+      const _component_UAlert = _sfc_main$4;
+      const _component_UIcon = _sfc_main$p;
+      const _component_ProjectTrendTable = __nuxt_component_10;
+      const _component_SectionCard = __nuxt_component_11;
+      const _component_NuxtLink = __nuxt_component_12;
+      const _component_RunStatusBadge = __nuxt_component_13;
+      const _component_DurationValue = __nuxt_component_14;
+      const _component_GetStartedWizard = __nuxt_component_15;
+      const _component_UCard = _sfc_main$5;
+      _push(ssrRenderComponent(_component_UDashboardPanel, mergeProps({ id: "home" }, _attrs), {
+        header: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(ssrRenderComponent(_component_UDashboardNavbar, null, createSlots({
+              leading: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(ssrRenderComponent(_component_UDashboardSidebarCollapse, null, null, _parent3, _scopeId2));
+                  _push3(ssrRenderComponent(_component_UBreadcrumb, { items: [{ label: "Home", icon: "i-lucide-house", to: "/" }] }, null, _parent3, _scopeId2));
+                } else {
+                  return [
+                    createVNode(_component_UDashboardSidebarCollapse),
+                    createVNode(_component_UBreadcrumb, { items: [{ label: "Home", icon: "i-lucide-house", to: "/" }] })
+                  ];
+                }
+              }),
+              _: 2
+            }, [
+              unref(hasProjects) ? {
+                name: "trailing",
+                fn: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_HomeFilters, {
+                      modelValue: unref(filters),
+                      "onUpdate:modelValue": ($event) => isRef(filters) ? filters.value = $event : null,
+                      "available-environments": unref(availableEnvironments)
+                    }, null, _parent3, _scopeId2));
+                  } else {
+                    return [
+                      createVNode(_component_HomeFilters, {
+                        modelValue: unref(filters),
+                        "onUpdate:modelValue": ($event) => isRef(filters) ? filters.value = $event : null,
+                        "available-environments": unref(availableEnvironments)
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "available-environments"])
+                    ];
+                  }
+                }),
+                key: "0"
+              } : void 0
+            ]), _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(_component_UDashboardNavbar, null, createSlots({
+                leading: withCtx(() => [
+                  createVNode(_component_UDashboardSidebarCollapse),
+                  createVNode(_component_UBreadcrumb, { items: [{ label: "Home", icon: "i-lucide-house", to: "/" }] })
+                ]),
+                _: 2
+              }, [
+                unref(hasProjects) ? {
+                  name: "trailing",
+                  fn: withCtx(() => [
+                    createVNode(_component_HomeFilters, {
+                      modelValue: unref(filters),
+                      "onUpdate:modelValue": ($event) => isRef(filters) ? filters.value = $event : null,
+                      "available-environments": unref(availableEnvironments)
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "available-environments"])
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1024)
+            ];
+          }
+        }),
+        body: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (unref(loadError)) {
+              _push2(`<div class="p-6"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_ErrorState, {
+                text: `Couldn't load the dashboard: ${unref(errorMessage)(unref(loadError))}`
+              }, {
+                action: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UButton, {
+                      size: "sm",
+                      color: "neutral",
+                      variant: "outline",
+                      icon: "i-lucide-refresh-cw",
+                      onClick: retryLoad
+                    }, {
+                      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: retryLoad
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Retry ")
+                        ]),
+                        _: 1
+                      })
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              _push2(`</div>`);
+            } else if (unref(isInitialLoad)) {
+              _push2(`<div class="p-6 space-y-8" aria-busy="true"${_scopeId}><span class="sr-only" role="status"${_scopeId}>Loading dashboard…</span>`);
+              _push2(ssrRenderComponent(_component_USkeleton, { class: "h-14 w-full rounded-xl" }, null, _parent2, _scopeId));
+              _push2(`<div class="grid grid-cols-1 xl:grid-cols-3 gap-6 items-start"${_scopeId}><div class="xl:col-span-2 space-y-3"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_USkeleton, { class: "h-7 w-40" }, null, _parent2, _scopeId));
+              _push2(ssrRenderComponent(_component_USkeleton, { class: "h-72 w-full rounded-lg" }, null, _parent2, _scopeId));
+              _push2(`</div><div class="space-y-3"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_USkeleton, { class: "h-7 w-32" }, null, _parent2, _scopeId));
+              _push2(`<!--[-->`);
+              ssrRenderList(5, (i) => {
+                _push2(ssrRenderComponent(_component_USkeleton, {
+                  key: i,
+                  class: "h-12 w-full rounded-lg"
+                }, null, _parent2, _scopeId));
+              });
+              _push2(`<!--]--></div></div></div>`);
+            } else {
+              _push2(`<div class="p-6 space-y-8"${_scopeId}>`);
+              if (unref(hiddenPartialRunsCount) > 0) {
+                _push2(ssrRenderComponent(_component_UAlert, {
+                  icon: "i-lucide-info",
+                  color: "primary",
+                  variant: "subtle",
+                  title: unref(hiddenPartialRunsCount) === 1 ? "1 partial run is hidden" : `${unref(hiddenPartialRunsCount)} partial runs are hidden`,
+                  description: "The “Full runs only” filter hides runs that only cover part of the suite (e.g. a single spec or --grep).",
+                  actions: [{ label: "Show them", color: "primary", variant: "solid", size: "xs", onClick: showPartialRuns }]
+                }, null, _parent2, _scopeId));
+              } else {
+                _push2(`<!---->`);
+              }
+              if (unref(hasProjects)) {
+                _push2(`<div class="flex flex-wrap items-center gap-x-8 gap-y-3 text-sm border border-gray-200 dark:border-gray-700 rounded-xl px-6 py-4 bg-gray-50 dark:bg-gray-900/50"${_scopeId}><div class="flex items-center gap-1.5"${_scopeId}>`);
+                _push2(ssrRenderComponent(_component_UIcon, {
+                  name: "i-lucide-folder",
+                  class: "size-4 text-primary shrink-0"
+                }, null, _parent2, _scopeId));
+                _push2(`<span class="font-semibold tabular-nums"${_scopeId}>${ssrInterpolate(unref(overviewStats).totalProjects)}</span><span class="text-gray-500"${_scopeId}>projects</span></div><div class="flex items-center gap-1.5"${_scopeId}><div class="${ssrRenderClass([unref(overviewStats).failingNow > 0 ? "bg-red-500" : "bg-green-500", "w-2 h-2 rounded-full shrink-0"])}"${_scopeId}></div><span class="${ssrRenderClass([unref(overviewStats).failingNow > 0 ? "text-red-600 dark:text-red-400" : "", "font-semibold tabular-nums"])}"${_scopeId}>${ssrInterpolate(unref(overviewStats).failingNow)}</span><span class="text-gray-500"${_scopeId}>failing now</span></div><div class="flex items-center gap-1.5"${_scopeId}><div class="${ssrRenderClass([unref(overviewStats).flakyNow > 0 ? "bg-amber-400" : "bg-gray-300 dark:bg-gray-600", "w-2 h-2 rounded-full shrink-0"])}"${_scopeId}></div><span class="${ssrRenderClass([unref(overviewStats).flakyNow > 0 ? "text-amber-600 dark:text-amber-400" : "", "font-semibold tabular-nums"])}"${_scopeId}>${ssrInterpolate(unref(overviewStats).flakyNow)}</span><span class="text-gray-500"${_scopeId}>flaky</span></div>`);
+                if (unref(overviewStats).avgPassRate !== null) {
+                  _push2(`<div class="flex items-center gap-1.5"${_scopeId}>`);
+                  _push2(ssrRenderComponent(_component_UIcon, {
+                    name: "i-lucide-check-circle",
+                    class: "size-4 text-green-500 shrink-0"
+                  }, null, _parent2, _scopeId));
+                  _push2(`<span class="font-semibold tabular-nums"${_scopeId}>${ssrInterpolate(unref(overviewStats).avgPassRate)}%</span><span class="text-gray-500"${_scopeId}>avg pass rate</span></div>`);
+                } else {
+                  _push2(`<!---->`);
+                }
+                _push2(`<div class="flex items-center gap-1.5"${_scopeId}>`);
+                _push2(ssrRenderComponent(_component_UIcon, {
+                  name: "i-lucide-play-circle",
+                  class: "size-4 text-primary shrink-0"
+                }, null, _parent2, _scopeId));
+                _push2(`<span class="font-semibold tabular-nums"${_scopeId}>${ssrInterpolate(unref(overviewStats).runs24h)}</span><span class="text-gray-500"${_scopeId}>runs today</span></div></div>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              if (unref(hasProjects) || unref(hasActivity)) {
+                _push2(`<div class="grid grid-cols-1 xl:grid-cols-3 gap-6 items-start"${_scopeId}><div class="xl:col-span-2"${_scopeId}>`);
+                if (unref(hasProjects)) {
+                  _push2(ssrRenderComponent(_component_ProjectTrendTable, { projects: unref(filteredOverview) }, null, _parent2, _scopeId));
+                } else {
+                  _push2(`<!---->`);
+                }
+                _push2(`</div>`);
+                if (unref(hasActivity)) {
+                  _push2(ssrRenderComponent(_component_SectionCard, {
+                    icon: "i-lucide-activity",
+                    title: "Recent activity"
+                  }, {
+                    actions: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                      if (_push3) {
+                        if (unref(hasMoreActivity) && !unref(activityExpanded)) {
+                          _push3(ssrRenderComponent(_component_UButton, {
+                            variant: "ghost",
+                            size: "sm",
+                            "trailing-icon": "i-lucide-chevron-down",
+                            onClick: ($event) => activityExpanded.value = true
+                          }, {
+                            default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                              if (_push4) {
+                                _push4(` Show all ${ssrInterpolate(unref(allActivity).length)}`);
+                              } else {
+                                return [
+                                  createTextVNode(" Show all " + toDisplayString(unref(allActivity).length), 1)
+                                ];
+                              }
+                            }),
+                            _: 1
+                          }, _parent3, _scopeId2));
+                        } else if (unref(activityExpanded)) {
+                          _push3(ssrRenderComponent(_component_UButton, {
+                            variant: "ghost",
+                            size: "sm",
+                            "trailing-icon": "i-lucide-chevron-up",
+                            onClick: ($event) => activityExpanded.value = false
+                          }, {
+                            default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                              if (_push4) {
+                                _push4(` Show less `);
+                              } else {
+                                return [
+                                  createTextVNode(" Show less ")
+                                ];
+                              }
+                            }),
+                            _: 1
+                          }, _parent3, _scopeId2));
+                        } else {
+                          _push3(`<!---->`);
+                        }
+                      } else {
+                        return [
+                          unref(hasMoreActivity) && !unref(activityExpanded) ? (openBlock(), createBlock(_component_UButton, {
+                            key: 0,
+                            variant: "ghost",
+                            size: "sm",
+                            "trailing-icon": "i-lucide-chevron-down",
+                            onClick: ($event) => activityExpanded.value = true
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(" Show all " + toDisplayString(unref(allActivity).length), 1)
+                            ]),
+                            _: 1
+                          }, 8, ["onClick"])) : unref(activityExpanded) ? (openBlock(), createBlock(_component_UButton, {
+                            key: 1,
+                            variant: "ghost",
+                            size: "sm",
+                            "trailing-icon": "i-lucide-chevron-up",
+                            onClick: ($event) => activityExpanded.value = false
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(" Show less ")
+                            ]),
+                            _: 1
+                          }, 8, ["onClick"])) : createCommentVNode("", true)
+                        ];
+                      }
+                    }),
+                    default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                      if (_push3) {
+                        _push3(`<div class="divide-y divide-gray-100 dark:divide-gray-800 text-sm"${_scopeId2}><!--[-->`);
+                        ssrRenderList(unref(visibleActivity), (run) => {
+                          _push3(ssrRenderComponent(_component_NuxtLink, {
+                            key: run.id,
+                            to: `/test-runs/${run.id}`,
+                            class: ["flex items-center gap-3 py-3 pl-3 border-l-2 hover:bg-gray-50 dark:hover:bg-gray-800/60 rounded-r transition-colors", statusBorderClass(run.status)]
+                          }, {
+                            default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                              if (_push4) {
+                                _push4(ssrRenderComponent(_component_RunStatusBadge, {
+                                  status: run.status
+                                }, null, _parent4, _scopeId3));
+                                _push4(`<div class="flex-1 min-w-0"${_scopeId3}><div class="font-medium truncate"${_scopeId3}>${ssrInterpolate(run.projectLabel || run.projectName)}</div><div class="text-xs text-gray-400"${_scopeId3}>Run #${ssrInterpolate(run.id)} · ${ssrInterpolate(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(run.startTime))}</div></div><div class="text-right tabular-nums shrink-0"${_scopeId3}><div class="${ssrRenderClass(passRateClass(run))}"${_scopeId3}>${ssrInterpolate(("passRate" in _ctx ? _ctx.passRate : unref(passRate))(run))}%</div>`);
+                                if (run.duration) {
+                                  _push4(ssrRenderComponent(_component_DurationValue, {
+                                    ms: run.duration,
+                                    class: "block text-xs text-gray-400"
+                                  }, null, _parent4, _scopeId3));
+                                } else {
+                                  _push4(`<!---->`);
+                                }
+                                _push4(`</div>`);
+                              } else {
+                                return [
+                                  createVNode(_component_RunStatusBadge, {
+                                    status: run.status
+                                  }, null, 8, ["status"]),
+                                  createVNode("div", { class: "flex-1 min-w-0" }, [
+                                    createVNode("div", { class: "font-medium truncate" }, toDisplayString(run.projectLabel || run.projectName), 1),
+                                    createVNode("div", { class: "text-xs text-gray-400" }, "Run #" + toDisplayString(run.id) + " · " + toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(run.startTime)), 1)
+                                  ]),
+                                  createVNode("div", { class: "text-right tabular-nums shrink-0" }, [
+                                    createVNode("div", {
+                                      class: passRateClass(run)
+                                    }, toDisplayString(("passRate" in _ctx ? _ctx.passRate : unref(passRate))(run)) + "%", 3),
+                                    run.duration ? (openBlock(), createBlock(_component_DurationValue, {
+                                      key: 0,
+                                      ms: run.duration,
+                                      class: "block text-xs text-gray-400"
+                                    }, null, 8, ["ms"])) : createCommentVNode("", true)
+                                  ])
+                                ];
+                              }
+                            }),
+                            _: 2
+                          }, _parent3, _scopeId2));
+                        });
+                        _push3(`<!--]--></div>`);
+                      } else {
+                        return [
+                          createVNode("div", { class: "divide-y divide-gray-100 dark:divide-gray-800 text-sm" }, [
+                            (openBlock(true), createBlock(Fragment, null, renderList(unref(visibleActivity), (run) => {
+                              return openBlock(), createBlock(_component_NuxtLink, {
+                                key: run.id,
+                                to: `/test-runs/${run.id}`,
+                                class: ["flex items-center gap-3 py-3 pl-3 border-l-2 hover:bg-gray-50 dark:hover:bg-gray-800/60 rounded-r transition-colors", statusBorderClass(run.status)]
+                              }, {
+                                default: withCtx(() => [
+                                  createVNode(_component_RunStatusBadge, {
+                                    status: run.status
+                                  }, null, 8, ["status"]),
+                                  createVNode("div", { class: "flex-1 min-w-0" }, [
+                                    createVNode("div", { class: "font-medium truncate" }, toDisplayString(run.projectLabel || run.projectName), 1),
+                                    createVNode("div", { class: "text-xs text-gray-400" }, "Run #" + toDisplayString(run.id) + " · " + toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(run.startTime)), 1)
+                                  ]),
+                                  createVNode("div", { class: "text-right tabular-nums shrink-0" }, [
+                                    createVNode("div", {
+                                      class: passRateClass(run)
+                                    }, toDisplayString(("passRate" in _ctx ? _ctx.passRate : unref(passRate))(run)) + "%", 3),
+                                    run.duration ? (openBlock(), createBlock(_component_DurationValue, {
+                                      key: 0,
+                                      ms: run.duration,
+                                      class: "block text-xs text-gray-400"
+                                    }, null, 8, ["ms"])) : createCommentVNode("", true)
+                                  ])
+                                ]),
+                                _: 2
+                              }, 1032, ["to", "class"]);
+                            }), 128))
+                          ])
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent2, _scopeId));
+                } else {
+                  _push2(`<!---->`);
+                }
+                _push2(`</div>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              if (unref(hasProjects) && !unref(hasActivity) && unref(filteredOverview).length === 0) {
+                _push2(`<div class="text-center py-12 text-gray-500 dark:text-gray-400"${_scopeId}>`);
+                _push2(ssrRenderComponent(_component_UIcon, {
+                  name: "i-lucide-filter-x",
+                  class: "size-8 mx-auto mb-2 opacity-40"
+                }, null, _parent2, _scopeId));
+                _push2(`<p${_scopeId}>No runs match the current filters.</p></div>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              if (!unref(hasProjects)) {
+                _push2(`<!--[-->`);
+                _push2(ssrRenderComponent(_component_GetStartedWizard, null, null, _parent2, _scopeId));
+                _push2(`<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4"${_scopeId}><!--[-->`);
+                ssrRenderList(featureHighlights, (feature) => {
+                  _push2(ssrRenderComponent(_component_UCard, {
+                    key: feature.title,
+                    class: "flex flex-col"
+                  }, {
+                    default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                      if (_push3) {
+                        _push3(`<div class="flex flex-col gap-3 h-full"${_scopeId2}><div class="p-2 bg-primary/10 rounded-lg w-fit"${_scopeId2}>`);
+                        _push3(ssrRenderComponent(_component_UIcon, {
+                          name: feature.icon,
+                          class: "size-5 text-primary"
+                        }, null, _parent3, _scopeId2));
+                        _push3(`</div><div${_scopeId2}><p class="text-xs font-semibold uppercase tracking-wide text-primary mb-1"${_scopeId2}>${ssrInterpolate(feature.tagline)}</p><h3 class="font-semibold mb-1"${_scopeId2}>${ssrInterpolate(feature.title)}</h3><p class="text-sm text-gray-600 dark:text-gray-400"${_scopeId2}>${ssrInterpolate(feature.description)}</p></div></div>`);
+                      } else {
+                        return [
+                          createVNode("div", { class: "flex flex-col gap-3 h-full" }, [
+                            createVNode("div", { class: "p-2 bg-primary/10 rounded-lg w-fit" }, [
+                              createVNode(_component_UIcon, {
+                                name: feature.icon,
+                                class: "size-5 text-primary"
+                              }, null, 8, ["name"])
+                            ]),
+                            createVNode("div", null, [
+                              createVNode("p", { class: "text-xs font-semibold uppercase tracking-wide text-primary mb-1" }, toDisplayString(feature.tagline), 1),
+                              createVNode("h3", { class: "font-semibold mb-1" }, toDisplayString(feature.title), 1),
+                              createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, toDisplayString(feature.description), 1)
+                            ])
+                          ])
+                        ];
+                      }
+                    }),
+                    _: 2
+                  }, _parent2, _scopeId));
+                });
+                _push2(`<!--]--></div><!--]-->`);
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`</div>`);
+            }
+          } else {
+            return [
+              unref(loadError) ? (openBlock(), createBlock("div", {
+                key: 0,
+                class: "p-6"
+              }, [
+                createVNode(_component_ErrorState, {
+                  text: `Couldn't load the dashboard: ${unref(errorMessage)(unref(loadError))}`
+                }, {
+                  action: withCtx(() => [
+                    createVNode(_component_UButton, {
+                      size: "sm",
+                      color: "neutral",
+                      variant: "outline",
+                      icon: "i-lucide-refresh-cw",
+                      onClick: retryLoad
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(" Retry ")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["text"])
+              ])) : unref(isInitialLoad) ? (openBlock(), createBlock("div", {
+                key: 1,
+                class: "p-6 space-y-8",
+                "aria-busy": "true"
+              }, [
+                createVNode("span", {
+                  class: "sr-only",
+                  role: "status"
+                }, "Loading dashboard…"),
+                createVNode(_component_USkeleton, { class: "h-14 w-full rounded-xl" }),
+                createVNode("div", { class: "grid grid-cols-1 xl:grid-cols-3 gap-6 items-start" }, [
+                  createVNode("div", { class: "xl:col-span-2 space-y-3" }, [
+                    createVNode(_component_USkeleton, { class: "h-7 w-40" }),
+                    createVNode(_component_USkeleton, { class: "h-72 w-full rounded-lg" })
+                  ]),
+                  createVNode("div", { class: "space-y-3" }, [
+                    createVNode(_component_USkeleton, { class: "h-7 w-32" }),
+                    (openBlock(), createBlock(Fragment, null, renderList(5, (i) => {
+                      return createVNode(_component_USkeleton, {
+                        key: i,
+                        class: "h-12 w-full rounded-lg"
+                      });
+                    }), 64))
+                  ])
+                ])
+              ])) : (openBlock(), createBlock("div", {
+                key: 2,
+                class: "p-6 space-y-8"
+              }, [
+                unref(hiddenPartialRunsCount) > 0 ? (openBlock(), createBlock(_component_UAlert, {
+                  key: 0,
+                  icon: "i-lucide-info",
+                  color: "primary",
+                  variant: "subtle",
+                  title: unref(hiddenPartialRunsCount) === 1 ? "1 partial run is hidden" : `${unref(hiddenPartialRunsCount)} partial runs are hidden`,
+                  description: "The “Full runs only” filter hides runs that only cover part of the suite (e.g. a single spec or --grep).",
+                  actions: [{ label: "Show them", color: "primary", variant: "solid", size: "xs", onClick: showPartialRuns }]
+                }, null, 8, ["title", "actions"])) : createCommentVNode("", true),
+                unref(hasProjects) ? (openBlock(), createBlock("div", {
+                  key: 1,
+                  class: "flex flex-wrap items-center gap-x-8 gap-y-3 text-sm border border-gray-200 dark:border-gray-700 rounded-xl px-6 py-4 bg-gray-50 dark:bg-gray-900/50"
+                }, [
+                  createVNode("div", { class: "flex items-center gap-1.5" }, [
+                    createVNode(_component_UIcon, {
+                      name: "i-lucide-folder",
+                      class: "size-4 text-primary shrink-0"
+                    }),
+                    createVNode("span", { class: "font-semibold tabular-nums" }, toDisplayString(unref(overviewStats).totalProjects), 1),
+                    createVNode("span", { class: "text-gray-500" }, "projects")
+                  ]),
+                  createVNode("div", { class: "flex items-center gap-1.5" }, [
+                    createVNode("div", {
+                      class: ["w-2 h-2 rounded-full shrink-0", unref(overviewStats).failingNow > 0 ? "bg-red-500" : "bg-green-500"]
+                    }, null, 2),
+                    createVNode("span", {
+                      class: ["font-semibold tabular-nums", unref(overviewStats).failingNow > 0 ? "text-red-600 dark:text-red-400" : ""]
+                    }, toDisplayString(unref(overviewStats).failingNow), 3),
+                    createVNode("span", { class: "text-gray-500" }, "failing now")
+                  ]),
+                  createVNode("div", { class: "flex items-center gap-1.5" }, [
+                    createVNode("div", {
+                      class: ["w-2 h-2 rounded-full shrink-0", unref(overviewStats).flakyNow > 0 ? "bg-amber-400" : "bg-gray-300 dark:bg-gray-600"]
+                    }, null, 2),
+                    createVNode("span", {
+                      class: ["font-semibold tabular-nums", unref(overviewStats).flakyNow > 0 ? "text-amber-600 dark:text-amber-400" : ""]
+                    }, toDisplayString(unref(overviewStats).flakyNow), 3),
+                    createVNode("span", { class: "text-gray-500" }, "flaky")
+                  ]),
+                  unref(overviewStats).avgPassRate !== null ? (openBlock(), createBlock("div", {
+                    key: 0,
+                    class: "flex items-center gap-1.5"
+                  }, [
+                    createVNode(_component_UIcon, {
+                      name: "i-lucide-check-circle",
+                      class: "size-4 text-green-500 shrink-0"
+                    }),
+                    createVNode("span", { class: "font-semibold tabular-nums" }, toDisplayString(unref(overviewStats).avgPassRate) + "%", 1),
+                    createVNode("span", { class: "text-gray-500" }, "avg pass rate")
+                  ])) : createCommentVNode("", true),
+                  createVNode("div", { class: "flex items-center gap-1.5" }, [
+                    createVNode(_component_UIcon, {
+                      name: "i-lucide-play-circle",
+                      class: "size-4 text-primary shrink-0"
+                    }),
+                    createVNode("span", { class: "font-semibold tabular-nums" }, toDisplayString(unref(overviewStats).runs24h), 1),
+                    createVNode("span", { class: "text-gray-500" }, "runs today")
+                  ])
+                ])) : createCommentVNode("", true),
+                unref(hasProjects) || unref(hasActivity) ? (openBlock(), createBlock("div", {
+                  key: 2,
+                  class: "grid grid-cols-1 xl:grid-cols-3 gap-6 items-start"
+                }, [
+                  createVNode("div", { class: "xl:col-span-2" }, [
+                    unref(hasProjects) ? (openBlock(), createBlock(_component_ProjectTrendTable, {
+                      key: 0,
+                      projects: unref(filteredOverview)
+                    }, null, 8, ["projects"])) : createCommentVNode("", true)
+                  ]),
+                  unref(hasActivity) ? (openBlock(), createBlock(_component_SectionCard, {
+                    key: 0,
+                    icon: "i-lucide-activity",
+                    title: "Recent activity"
+                  }, {
+                    actions: withCtx(() => [
+                      unref(hasMoreActivity) && !unref(activityExpanded) ? (openBlock(), createBlock(_component_UButton, {
+                        key: 0,
+                        variant: "ghost",
+                        size: "sm",
+                        "trailing-icon": "i-lucide-chevron-down",
+                        onClick: ($event) => activityExpanded.value = true
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Show all " + toDisplayString(unref(allActivity).length), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"])) : unref(activityExpanded) ? (openBlock(), createBlock(_component_UButton, {
+                        key: 1,
+                        variant: "ghost",
+                        size: "sm",
+                        "trailing-icon": "i-lucide-chevron-up",
+                        onClick: ($event) => activityExpanded.value = false
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Show less ")
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"])) : createCommentVNode("", true)
+                    ]),
+                    default: withCtx(() => [
+                      createVNode("div", { class: "divide-y divide-gray-100 dark:divide-gray-800 text-sm" }, [
+                        (openBlock(true), createBlock(Fragment, null, renderList(unref(visibleActivity), (run) => {
+                          return openBlock(), createBlock(_component_NuxtLink, {
+                            key: run.id,
+                            to: `/test-runs/${run.id}`,
+                            class: ["flex items-center gap-3 py-3 pl-3 border-l-2 hover:bg-gray-50 dark:hover:bg-gray-800/60 rounded-r transition-colors", statusBorderClass(run.status)]
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(_component_RunStatusBadge, {
+                                status: run.status
+                              }, null, 8, ["status"]),
+                              createVNode("div", { class: "flex-1 min-w-0" }, [
+                                createVNode("div", { class: "font-medium truncate" }, toDisplayString(run.projectLabel || run.projectName), 1),
+                                createVNode("div", { class: "text-xs text-gray-400" }, "Run #" + toDisplayString(run.id) + " · " + toDisplayString(("formatRelativeTime" in _ctx ? _ctx.formatRelativeTime : unref(formatRelativeTime))(run.startTime)), 1)
+                              ]),
+                              createVNode("div", { class: "text-right tabular-nums shrink-0" }, [
+                                createVNode("div", {
+                                  class: passRateClass(run)
+                                }, toDisplayString(("passRate" in _ctx ? _ctx.passRate : unref(passRate))(run)) + "%", 3),
+                                run.duration ? (openBlock(), createBlock(_component_DurationValue, {
+                                  key: 0,
+                                  ms: run.duration,
+                                  class: "block text-xs text-gray-400"
+                                }, null, 8, ["ms"])) : createCommentVNode("", true)
+                              ])
+                            ]),
+                            _: 2
+                          }, 1032, ["to", "class"]);
+                        }), 128))
+                      ])
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("", true)
+                ])) : createCommentVNode("", true),
+                unref(hasProjects) && !unref(hasActivity) && unref(filteredOverview).length === 0 ? (openBlock(), createBlock("div", {
+                  key: 3,
+                  class: "text-center py-12 text-gray-500 dark:text-gray-400"
+                }, [
+                  createVNode(_component_UIcon, {
+                    name: "i-lucide-filter-x",
+                    class: "size-8 mx-auto mb-2 opacity-40"
+                  }),
+                  createVNode("p", null, "No runs match the current filters.")
+                ])) : createCommentVNode("", true),
+                !unref(hasProjects) ? (openBlock(), createBlock(Fragment, { key: 4 }, [
+                  createVNode(_component_GetStartedWizard),
+                  createVNode("div", { class: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4" }, [
+                    (openBlock(), createBlock(Fragment, null, renderList(featureHighlights, (feature) => {
+                      return createVNode(_component_UCard, {
+                        key: feature.title,
+                        class: "flex flex-col"
+                      }, {
+                        default: withCtx(() => [
+                          createVNode("div", { class: "flex flex-col gap-3 h-full" }, [
+                            createVNode("div", { class: "p-2 bg-primary/10 rounded-lg w-fit" }, [
+                              createVNode(_component_UIcon, {
+                                name: feature.icon,
+                                class: "size-5 text-primary"
+                              }, null, 8, ["name"])
+                            ]),
+                            createVNode("div", null, [
+                              createVNode("p", { class: "text-xs font-semibold uppercase tracking-wide text-primary mb-1" }, toDisplayString(feature.tagline), 1),
+                              createVNode("h3", { class: "font-semibold mb-1" }, toDisplayString(feature.title), 1),
+                              createVNode("p", { class: "text-sm text-gray-600 dark:text-gray-400" }, toDisplayString(feature.description), 1)
+                            ])
+                          ])
+                        ]),
+                        _: 2
+                      }, 1024);
+                    }), 64))
+                  ])
+                ], 64)) : createCommentVNode("", true)
+              ]))
+            ];
+          }
+        }),
+        _: 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/index.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+
+export { _sfc_main as default };
+//# sourceMappingURL=index-CqinXTVs.mjs.map