@piwitests/server 0.20.0 → 0.21.0

package/.output/server/chunks/build/{analytics-Bo_B_jko.mjs → analytics-DQHeToK0.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-DCr10nxL.mjs';
+import { _ as _sfc_main$1$2, a as _sfc_main$e } from './Breadcrumb-3itRZ1uz.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-CVctwpib.mjs';
+import { _ as _sfc_main$g } from './SelectMenu-XLVBEa11.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$1 } from './server.mjs';
+import { _ as _sfc_main$h } from './Checkbox-DmRKG-0s.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 { 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-8EpBhX0R.mjs';
+import { u as useFetch } from './fetch-BQg_fhX0.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 { f as formatRelativeTime, e as errorMessage, i as clusterErrorTypeColor } from './index-BOK1aJk9.mjs';
+import { _ as __nuxt_component_11 } from './SectionCard-BW5Lynrr.mjs';
+import { _ as __nuxt_component_12 } from './LoadingState-B8v1nWJt.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-CWKfjIF2.mjs';
+import { _ as __nuxt_component_13 } from './RunStatusBadge-CuTDknRJ.mjs';
+import { _ as __nuxt_component_0 } from './ChartCard-D0rzMf-N.mjs';
+import { _ as __nuxt_component_1, u as useChartMarkers } from './useChartMarkers-C89e_VLV.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-CwPms6X_.mjs';
 import './useFormControl-CZ9So7iX.mjs';
 import './handleAndDispatchCustomEvent-Bk_AVSSo.mjs';
 import '../nitro/nitro.mjs';
@@ -47,6 +49,7 @@ import 'highlight.js/lib/languages/typescript';
 import 'highlight.js/lib/languages/xml';
 import 'highlight.js/lib/languages/yaml';
 import 'fflate';
+import 'zod';
 import 'pixelmatch';
 import 'sharp';
 import '@anthropic-ai/sdk';
@@ -93,9 +96,8 @@ import './Label-DYDR1Oeh.mjs';
 import '@vue/shared';
 import 'date-fns';
 import './Card-BQP_oZkQ.mjs';
-import './HelpHint-DrcIv-Oj.mjs';
+import './HelpHint-DjGrGFA7.mjs';
 import './help-content-C876a9WD.mjs';
-import './useCopy-CeKWgHyT.mjs';
 import '../_/marker-categories.mjs';
 
 const DEFAULT_ANALYTICS_SCOPE_STATE = {
@@ -316,7 +318,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       error,
       refresh
     } = ([__temp, __restore] = withAsyncContext(() => useAnalyticsWidget("insights", () => props.query)), __temp = await __temp, __restore(), __temp);
-    const NuxtLink = __nuxt_component_12;
+    const NuxtLink = __nuxt_component_12$1;
     const SEVERITY_META = {
       critical: { icon: "i-lucide-octagon-alert", class: "text-red-500", border: "border-l-red-500" },
       warning: { icon: "i-lucide-triangle-alert", class: "text-amber-500", border: "border-l-amber-400" },
@@ -325,10 +327,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_12;
       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,14 +532,14 @@ 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_12;
       const _component_ErrorState = __nuxt_component_5$1;
       const _component_UButton = _sfc_main$k;
-      const _component_EmptyState = __nuxt_component_4$1;
-      const _component_NuxtLink = __nuxt_component_12;
+      const _component_EmptyState = __nuxt_component_4$2;
+      const _component_NuxtLink = __nuxt_component_12$1;
       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;
@@ -1048,13 +1050,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_12;
       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_NuxtLink = __nuxt_component_12$1;
+      const _component_ChartLegend = __nuxt_component_1;
       _push(ssrRenderComponent(_component_ChartCard, mergeProps({
         icon: "i-lucide-grid-3x3",
         title: "Pass rate heatmap",
@@ -1345,10 +1347,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_12;
       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,13 +1631,13 @@ 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_12;
       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;
+      const _component_NuxtLink = __nuxt_component_12$1;
       _push(ssrRenderComponent(_component_ChartCard, mergeProps({
         icon: "i-lucide-hourglass",
         title: "Wasted CI time",
@@ -1979,12 +1981,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_12;
       const _component_ErrorState = __nuxt_component_5$1;
       const _component_UButton = _sfc_main$k;
-      const _component_EmptyState = __nuxt_component_4$1;
-      const _component_NuxtLink = __nuxt_component_12;
-      const _component_TagBadge = __nuxt_component_4$2;
+      const _component_EmptyState = __nuxt_component_4$2;
+      const _component_NuxtLink = __nuxt_component_12$1;
+      const _component_TagBadge = __nuxt_component_4$3;
       _push(ssrRenderComponent(_component_SectionCard, mergeProps({
         icon: "i-lucide-repeat",
         title: "Flakiest tests",
@@ -2207,14 +2209,14 @@ 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_12;
       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;
+      const _component_NuxtLink = __nuxt_component_12$1;
       _push(ssrRenderComponent(_component_SectionCard, mergeProps({
         icon: "i-lucide-layers",
         title: "Failure clusters",
@@ -2533,11 +2535,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_12;
       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,12 +2771,12 @@ 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_12;
       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_NuxtLink = __nuxt_component_12$1;
       _push(ssrRenderComponent(_component_SectionCard, mergeProps({
         icon: "i-lucide-monitor-smartphone",
         title: "Browser matrix",
@@ -3030,10 +3032,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_12;
       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 +3093,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 +3232,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) => {
@@ -3400,6 +3406,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 +3488,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 +3524,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 +3562,4 @@ _sfc_main.setup = (props, ctx) => {
 };
 
 export { _sfc_main as default };
-//# sourceMappingURL=analytics-Bo_B_jko.mjs.map
+//# sourceMappingURL=analytics-DQHeToK0.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"analytics-DQHeToK0.mjs","sources":["../../../../node_modules/.cache/nuxt/.nuxt/dist/server/_nuxt/analytics-DQHeToK0.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]}