@piwitests/server 0.20.0 → 0.22.0

package/.output/server/chunks/build/{ai-Cn05ch0u.mjs → ai-zw3T9b5u.mjs}

@@ -1,22 +1,22 @@
-import { _ as __nuxt_component_0, a as __nuxt_component_2$2 } from './SettingsField-BZfx4ma1.mjs';
-import { _ as __nuxt_component_11 } from './SectionCard-CN-v0FZ_.mjs';
+import { _ as __nuxt_component_0, a as __nuxt_component_2$2 } from './SettingsField-D-VriK9X.mjs';
+import { _ as __nuxt_component_11 } from './SectionCard-C753B3Yo.mjs';
 import { j as useToast, m as _sfc_main$k, _ as _sfc_main$d, o as _sfc_main$p } from './server.mjs';
-import { _ as __nuxt_component_2$3 } from './HelpHint-DrcIv-Oj.mjs';
-import { _ as _sfc_main$5 } from './Switch-B5Fp8ULt.mjs';
-import { _ as _sfc_main$6 } from './FormField-B0HKsdMd.mjs';
-import { _ as _sfc_main$8 } from './Select-5DK9frQ7.mjs';
-import { _ as __nuxt_component_3 } from './EnvManagedBadge-UwD2b9v2.mjs';
-import { _ as _sfc_main$9 } from './Modal-pSDlXzT3.mjs';
+import { _ as __nuxt_component_2$3 } from './HelpHint-C5Ru8BCc.mjs';
+import { _ as _sfc_main$5 } from './Switch-DdkA3Fii.mjs';
+import { _ as _sfc_main$6 } from './FormField-QptK0rPg.mjs';
+import { _ as _sfc_main$8 } from './Select-BAyYwPuo.mjs';
+import { _ as __nuxt_component_3 } from './EnvManagedBadge-D6e-10M9.mjs';
+import { _ as _sfc_main$9 } from './Modal-BacZmQCX.mjs';
 import { defineComponent, withAsyncContext, reactive, ref, computed, watch, mergeProps, unref, withCtx, isRef, createVNode, openBlock, createBlock, Fragment, renderList, createTextVNode, createSlots, useModel, createCommentVNode, mergeModels, toDisplayString, nextTick, useSSRContext } from 'vue';
 import { ssrRenderAttrs, ssrRenderComponent, ssrRenderList, ssrInterpolate, ssrRenderClass, ssrRenderAttr } from 'vue/server-renderer';
 import { h as helpEnvVars } from './help-content-C876a9WD.mjs';
-import { _ as __nuxt_component_14 } from './DurationValue-D20oGbnc.mjs';
-import { u as useFetch } from './fetch-B4FwBOzu.mjs';
-import { _ as _sfc_main$7 } from './Textarea-Dv2-lOvW.mjs';
-import { bv as CONTEXT_LIMIT_FIELDS } from '../nitro/nitro.mjs';
-import { p as pageEnvVars, g as getSettingsPage } from './settings-metadata-DrEqWcW-.mjs';
-import './Alert-C4xq8lao.mjs';
-import './Card-BQP_oZkQ.mjs';
+import { _ as __nuxt_component_14 } from './DurationValue-UX9uajQJ.mjs';
+import { u as useFetch } from './fetch-Be-j7hF1.mjs';
+import { _ as _sfc_main$7 } from './Textarea-Ohs6QTXf.mjs';
+import { bK as CONTEXT_LIMIT_FIELDS } from '../nitro/nitro.mjs';
+import { p as pageEnvVars, g as getSettingsPage } from './settings-metadata-DnAK4Rzg.mjs';
+import './Alert-DAb8nKVs.mjs';
+import './Card--Ike7sYc.mjs';
 import 'vue-router';
 import '@iconify/vue';
 import 'tailwindcss/colors';
@@ -49,10 +49,13 @@ 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';
@@ -72,14 +75,13 @@ import 'node:zlib';
 import 'consola';
 import 'node:url';
 import '@iconify/utils';
-import './useCopy-CeKWgHyT.mjs';
 import './Label-DYDR1Oeh.mjs';
 import './useFormControl-CZ9So7iX.mjs';
 import './useForwardScopeId-D0ameaSU.mjs';
 import './VisuallyHiddenInput-BHvzNumK.mjs';
 import './handleAndDispatchCustomEvent-Bk_AVSSo.mjs';
-import './Tooltip-Dv4htNP6.mjs';
-import './index-CU2nZhAa.mjs';
+import './Tooltip-BRBnl4pE.mjs';
+import './index-ByWTzqF6.mjs';
 import 'date-fns';
 import '@vue/shared';
 
@@ -827,7 +829,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       {
         query: { days }
       },
-      "$1ij5UlwVIK"
+      "$Q4bVv0_V0W"
       /* nuxt-injected */
     )), __temp = await __temp, __restore(), __temp);
     function formatCount(n) {
@@ -983,7 +985,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const toast = useToast();
     const { data: settings, refresh } = ([__temp, __restore] = withAsyncContext(() => useFetch(
       "/api/settings/ai",
-      "$nV9xx-QVRl"
+      "$5FSQHzGDZ4"
       /* nuxt-injected */
     )), __temp = await __temp, __restore(), __temp);
     function blankRole() {
@@ -1222,7 +1224,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const { data: limitsData } = ([__temp, __restore] = withAsyncContext(() => useFetch(
       "/api/settings/ai/limits",
-      "$cSpsteApgW"
+      "$qHhpP8mBYb"
       /* nuxt-injected */
     )), __temp = await __temp, __restore(), __temp);
     const limitFields = CONTEXT_LIMIT_FIELDS;
@@ -1845,4 +1847,4 @@ _sfc_main.setup = (props, ctx) => {
 };
 
 export { _sfc_main as default };
-//# sourceMappingURL=ai-Cn05ch0u.mjs.map
+//# sourceMappingURL=ai-zw3T9b5u.mjs.map

package/.output/server/chunks/build/{ai-Cn05ch0u.mjs.map → ai-zw3T9b5u.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ai-Cn05ch0u.mjs","sources":["../../../../node_modules/.cache/nuxt/.nuxt/dist/server/_nuxt/ai-Cn05ch0u.js"],"names":["_sfc_main$5","_sfc_main$6","_sfc_main$7","_sfc_main$8","__nuxt_component_2$2","_sfc_main$9","_sfc_main$a","_sfc_main$b","__nuxt_component_2$3","_sfc_main$c"],"mappings":"","x_google_ignoreList":[0]}
+{"version":3,"file":"ai-zw3T9b5u.mjs","sources":["../../../../node_modules/.cache/nuxt/.nuxt/dist/server/_nuxt/ai-zw3T9b5u.js"],"names":["_sfc_main$5","_sfc_main$6","_sfc_main$7","_sfc_main$8","__nuxt_component_2$2","_sfc_main$9","_sfc_main$a","_sfc_main$b","__nuxt_component_2$3","_sfc_main$c"],"mappings":"","x_google_ignoreList":[0]}

package/.output/server/chunks/build/{analytics-Bo_B_jko.mjs → analytics-CeCzKwEX.mjs}

@@ -1,31 +1,33 @@
-import { _ as _sfc_main$1$1, a as _sfc_main$d } from './DashboardNavbar-BHmMSPX7.mjs';
-import { _ as _sfc_main$1$2, a as _sfc_main$e } from './Breadcrumb-Ak2Lg3oM.mjs';
+import { _ as _sfc_main$1$1, a as _sfc_main$d } from './DashboardNavbar-DYtmVlhy.mjs';
+import { _ as _sfc_main$1$2, a as _sfc_main$e } from './Breadcrumb-DJp5WvUM.mjs';
 import { _ as __nuxt_component_4 } from './FilterToolbar-BwXy8xSk.mjs';
-import { _ as _sfc_main$f } from './Select-5DK9frQ7.mjs';
-import { _ as _sfc_main$g } from './SelectMenu-D-2FSqBU.mjs';
-import { l as useHead, o as _sfc_main$p, m as _sfc_main$k, n as _sfc_main$7$1, s as __nuxt_component_12 } from './server.mjs';
-import { _ as _sfc_main$h } from './Checkbox-4Q5d0fa0.mjs';
+import { _ as _sfc_main$f } from './Select-BAyYwPuo.mjs';
+import { _ as _sfc_main$g } from './SelectMenu-zE_AhMX8.mjs';
+import { l as useHead, o as _sfc_main$p, m as _sfc_main$k, n as _sfc_main$7$1, v as __nuxt_component_12 } from './server.mjs';
+import { _ as _sfc_main$h } from './Checkbox-C1khEdTh.mjs';
 import { defineComponent, withAsyncContext, computed, mergeProps, withCtx, unref, isRef, createVNode, resolveDynamicComponent, openBlock, createBlock, createCommentVNode, Fragment, renderList, toDisplayString, createTextVNode, ref, useSSRContext } from 'vue';
-import { ssrRenderComponent, ssrRenderList, ssrRenderClass, ssrRenderVNode, ssrRenderAttrs, ssrInterpolate, ssrRenderAttr, ssrRenderStyle } from 'vue/server-renderer';
-import { M as MAX_ANALYTICS_DAYS, A as ANALYTICS_WIDGETS, D as DEFAULT_ANALYTICS_DAYS, a as analyticsScopeToQuery } from '../_/scope.mjs';
-import { c as useCookie } from './DashboardSidebarToggle-DCTnHiIv.mjs';
-import { u as useFetch } from './fetch-B4FwBOzu.mjs';
-import { _ as _sfc_main$c } from './Alert-C4xq8lao.mjs';
-import { f as formatRelativeTime, e as errorMessage, i as clusterErrorTypeColor } from './index-CU2nZhAa.mjs';
-import { _ as __nuxt_component_11 } from './SectionCard-CN-v0FZ_.mjs';
-import { _ as __nuxt_component_1 } from './LoadingState-C3pBSuOO.mjs';
+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-BPNxODwj.mjs';
+import { u as useFetch } from './fetch-Be-j7hF1.mjs';
+import { _ as _sfc_main$c } from './Alert-DAb8nKVs.mjs';
+import { f as formatRelativeTime, e as errorMessage, i as clusterErrorTypeColor } from './index-ByWTzqF6.mjs';
+import { _ as __nuxt_component_11 } from './SectionCard-C753B3Yo.mjs';
+import { _ as __nuxt_component_13 } from './LoadingState-CwpfmI0W.mjs';
 import { _ as __nuxt_component_5$1 } from './ErrorState-CktYyeEZ.mjs';
-import { _ as __nuxt_component_4$1 } from './EmptyState-DC2q_7TD.mjs';
-import { _ as __nuxt_component_5$2 } from './MiniRunBars-CZMugDrh.mjs';
+import { _ as __nuxt_component_4$2 } from './EmptyState-DC2q_7TD.mjs';
+import { _ as __nuxt_component_5$2 } from './MiniRunBars-fgLMgRUp.mjs';
 import { _ as __nuxt_component_3 } from './TableScroller-DMcdCVrH.mjs';
-import { _ as __nuxt_component_4$2 } from './TagBadge-DwzoFCBb.mjs';
-import { _ as __nuxt_component_14 } from './DurationValue-D20oGbnc.mjs';
-import { _ as __nuxt_component_13 } from './RunStatusBadge-FfGb6bkW.mjs';
-import { _ as __nuxt_component_0 } from './ChartCard-Y1UKwMsf.mjs';
-import { _ as __nuxt_component_1$1, u as useChartMarkers } from './useChartMarkers-C89e_VLV.mjs';
+import { _ as __nuxt_component_4$3 } from './TagBadge-DwzoFCBb.mjs';
+import { _ as __nuxt_component_14 } from './DurationValue-UX9uajQJ.mjs';
+import { _ as __nuxt_component_13$1 } from './RunStatusBadge-CvWmcFYM.mjs';
+import { _ as __nuxt_component_0 } from './ChartCard-B2gd_8HP.mjs';
+import { _ as __nuxt_component_1, u as useChartMarkers } from './useChartMarkers-C0wSO0xk.mjs';
 import { VisXYContainer, VisStackedBar, VisAxis, VisArea, VisLine } from '@unovis/vue';
 import { CurveType } from '@unovis/ts';
-import { _ as __nuxt_component_1$2, a as __nuxt_component_2 } from './StatTile-D61Vzo6e.mjs';
+import { _ as __nuxt_component_1$1 } from './StatTileGrid-7zOFUQ6j.mjs';
+import { _ as __nuxt_component_2 } from './StatTile-DpcVQFVI.mjs';
+import { _ as __nuxt_component_4$1 } from './FeatureUnavailable-BMw4euTk.mjs';
 import './useFormControl-CZ9So7iX.mjs';
 import './handleAndDispatchCustomEvent-Bk_AVSSo.mjs';
 import '../nitro/nitro.mjs';
@@ -47,10 +49,13 @@ 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';
@@ -92,10 +97,9 @@ import './RovingFocusItem--OEHI2P3.mjs';
 import './Label-DYDR1Oeh.mjs';
 import '@vue/shared';
 import 'date-fns';
-import './Card-BQP_oZkQ.mjs';
-import './HelpHint-DrcIv-Oj.mjs';
+import './Card--Ike7sYc.mjs';
+import './HelpHint-C5Ru8BCc.mjs';
 import './help-content-C876a9WD.mjs';
-import './useCopy-CeKWgHyT.mjs';
 import '../_/marker-categories.mjs';
 
 const DEFAULT_ANALYTICS_SCOPE_STATE = {
@@ -133,7 +137,7 @@ function useAnalyticsWidget(widget, query) {
       lazy: true,
       server: false
     },
-    "$EEH4o0rJ7t"
+    "$UlG3SHNJJg"
     /* nuxt-injected */
   );
 }
@@ -325,10 +329,10 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _push, _parent, _attrs) => {
       const _component_SectionCard = __nuxt_component_11;
-      const _component_LoadingState = __nuxt_component_1;
+      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$1;
+      const _component_EmptyState = __nuxt_component_4$2;
       const _component_UIcon = _sfc_main$p;
       _push(ssrRenderComponent(_component_SectionCard, mergeProps({
         icon: "i-lucide-lightbulb",
@@ -530,17 +534,17 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _push, _parent, _attrs) => {
       const _component_SectionCard = __nuxt_component_11;
-      const _component_LoadingState = __nuxt_component_1;
+      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$1;
+      const _component_EmptyState = __nuxt_component_4$2;
       const _component_NuxtLink = __nuxt_component_12;
       const _component_MiniRunBars = __nuxt_component_5$2;
       const _component_TableScroller = __nuxt_component_3;
-      const _component_TagBadge = __nuxt_component_4$2;
+      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;
+      const _component_RunStatusBadge = __nuxt_component_13$1;
       _push(ssrRenderComponent(_component_SectionCard, mergeProps({
         icon: "i-lucide-table-properties",
         title: "Portfolio health",
@@ -1048,13 +1052,13 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _push, _parent, _attrs) => {
       const _component_ChartCard = __nuxt_component_0;
-      const _component_LoadingState = __nuxt_component_1;
+      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$1;
+      const _component_EmptyState = __nuxt_component_4$2;
       const _component_TableScroller = __nuxt_component_3;
       const _component_NuxtLink = __nuxt_component_12;
-      const _component_ChartLegend = __nuxt_component_1$1;
+      const _component_ChartLegend = __nuxt_component_1;
       _push(ssrRenderComponent(_component_ChartCard, mergeProps({
         icon: "i-lucide-grid-3x3",
         title: "Pass rate heatmap",
@@ -1345,10 +1349,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _push, _parent, _attrs) => {
       const _component_ChartCard = __nuxt_component_0;
-      const _component_LoadingState = __nuxt_component_1;
+      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$1;
+      const _component_EmptyState = __nuxt_component_4$2;
       _push(ssrRenderComponent(_component_ChartCard, mergeProps({
         icon: "i-lucide-timer",
         title: "CI time",
@@ -1629,11 +1633,11 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _push, _parent, _attrs) => {
       const _component_ChartCard = __nuxt_component_0;
-      const _component_ChartLegend = __nuxt_component_1$1;
-      const _component_LoadingState = __nuxt_component_1;
+      const _component_ChartLegend = __nuxt_component_1;
+      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$1;
+      const _component_EmptyState = __nuxt_component_4$2;
       const _component_UIcon = _sfc_main$p;
       const _component_NuxtLink = __nuxt_component_12;
       _push(ssrRenderComponent(_component_ChartCard, mergeProps({
@@ -1979,12 +1983,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _push, _parent, _attrs) => {
       const _component_SectionCard = __nuxt_component_11;
-      const _component_LoadingState = __nuxt_component_1;
+      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$1;
+      const _component_EmptyState = __nuxt_component_4$2;
       const _component_NuxtLink = __nuxt_component_12;
-      const _component_TagBadge = __nuxt_component_4$2;
+      const _component_TagBadge = __nuxt_component_4$3;
       _push(ssrRenderComponent(_component_SectionCard, mergeProps({
         icon: "i-lucide-repeat",
         title: "Flakiest tests",
@@ -2207,11 +2211,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _push, _parent, _attrs) => {
       const _component_SectionCard = __nuxt_component_11;
-      const _component_LoadingState = __nuxt_component_1;
+      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$1;
-      const _component_StatTileGrid = __nuxt_component_1$2;
+      const _component_EmptyState = __nuxt_component_4$2;
+      const _component_StatTileGrid = __nuxt_component_1$1;
       const _component_StatTile = __nuxt_component_2;
       const _component_UBadge = _sfc_main$7$1;
       const _component_NuxtLink = __nuxt_component_12;
@@ -2533,11 +2537,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _push, _parent, _attrs) => {
       const _component_ChartCard = __nuxt_component_0;
-      const _component_ChartLegend = __nuxt_component_1$1;
-      const _component_LoadingState = __nuxt_component_1;
+      const _component_ChartLegend = __nuxt_component_1;
+      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$1;
+      const _component_EmptyState = __nuxt_component_4$2;
       _push(ssrRenderComponent(_component_ChartCard, mergeProps({
         icon: "i-lucide-git-pull-request-arrow",
         title: "Regression velocity",
@@ -2769,10 +2773,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _push, _parent, _attrs) => {
       const _component_SectionCard = __nuxt_component_11;
-      const _component_LoadingState = __nuxt_component_1;
+      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$1;
+      const _component_EmptyState = __nuxt_component_4$2;
       const _component_TableScroller = __nuxt_component_3;
       const _component_NuxtLink = __nuxt_component_12;
       _push(ssrRenderComponent(_component_SectionCard, mergeProps({
@@ -3030,10 +3034,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _push, _parent, _attrs) => {
       const _component_SectionCard = __nuxt_component_11;
-      const _component_LoadingState = __nuxt_component_1;
+      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$1;
+      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({
@@ -3091,9 +3095,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 _: 1
               }, _parent2, _scopeId));
             } else if (!unref(slow) || unref(slow).endpoints.length === 0) {
-              _push2(ssrRenderComponent(_component_EmptyState, {
+              _push2(ssrRenderComponent(_component_FeatureUnavailable, {
                 icon: "i-lucide-network",
-                text: "No network requests captured in this period."
+                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}><!--[-->`);
@@ -3228,10 +3234,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   }, 8, ["onClick"])
                 ]),
                 _: 1
-              }, 8, ["text"])) : !unref(slow) || unref(slow).endpoints.length === 0 ? (openBlock(), createBlock(_component_EmptyState, {
+              }, 8, ["text"])) : !unref(slow) || unref(slow).endpoints.length === 0 ? (openBlock(), createBlock(_component_FeatureUnavailable, {
                 key: 2,
                 icon: "i-lucide-network",
-                text: "No network requests captured in this period."
+                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) => {
@@ -3354,7 +3362,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         server: false,
         default: () => []
       },
-      "$jZuDAh0IrH"
+      "$sFpNat489G"
       /* nuxt-injected */
     )), __temp = await __temp, __restore(), __temp);
     const { data: recentTestRuns } = ([__temp, __restore] = withAsyncContext(() => useFetch(
@@ -3364,7 +3372,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         server: false,
         default: () => []
       },
-      "$lmj5ErCURQ"
+      "$QJEpX0hRMv"
       /* nuxt-injected */
     )), __temp = await __temp, __restore(), __temp);
     const availableEnvironments = computed(() => {
@@ -3400,6 +3408,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       "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;
@@ -3476,13 +3490,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             } else {
               _push2(`<!---->`);
             }
-            _push2(`<div class="grid grid-cols-1 xl:grid-cols-2 gap-6 items-start"${_scopeId}><!--[-->`);
-            ssrRenderList(unref(ANALYTICS_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(`<!--[-->`);
+            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></div>`);
+            _push2(`<!--]--></div>`);
           } else {
             return [
               createVNode("div", { class: "space-y-6" }, [
@@ -3508,16 +3526,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     { label: "Show all time", color: "warning", variant: "solid", size: "xs", onClick: widenToAllTime }
                   ]
                 }, null, 8, ["title", "description", "actions"])) : createCommentVNode("", true),
-                createVNode("div", { class: "grid grid-cols-1 xl:grid-cols-2 gap-6 items-start" }, [
-                  (openBlock(true), createBlock(Fragment, null, renderList(unref(ANALYTICS_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))
-                ])
+                (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))
               ])
             ];
           }
@@ -3535,4 +3564,4 @@ _sfc_main.setup = (props, ctx) => {
 };
 
 export { _sfc_main as default };
-//# sourceMappingURL=analytics-Bo_B_jko.mjs.map
+//# sourceMappingURL=analytics-CeCzKwEX.mjs.map

package/.output/server/chunks/build/analytics-CeCzKwEX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"analytics-CeCzKwEX.mjs","sources":["../../../../node_modules/.cache/nuxt/.nuxt/dist/server/_nuxt/analytics-CeCzKwEX.js"],"names":["_sfc_main$c","_sfc_main$d","_sfc_main$e","_sfc_main$f","_sfc_main$g","__nuxt_component_4","__nuxt_component_4$1","_sfc_main$h","__nuxt_component_4$2","_sfc_main$i","_sfc_main$k","_sfc_main$l","_sfc_main$m","__nuxt_component_4$3","_sfc_main$j"],"mappings":"","x_google_ignoreList":[0]}