@nextsparkjs/core 0.1.0-beta.33 → 0.1.0-beta.36

package/dist/components/auth/forms/LoginForm.js

@@ -198,7 +198,7 @@ function LoginForm() {
             }
           ),
           /* @__PURE__ */ jsxs(CardContent, { children: [
-            fromInvite && /* @__PURE__ */ jsxs(Alert, { className: "mb-4", "data-cy": "login-invite-banner", children: [
+            fromInvite && /* @__PURE__ */ jsxs(Alert, { className: "mb-4", "data-cy": sel("auth.login.inviteBanner"), children: [
               /* @__PURE__ */ jsx(Users, { className: "h-4 w-4" }),
               /* @__PURE__ */ jsx(AlertDescription, { children: t("login.inviteBanner") })
             ] }),

package/dist/components/auth/forms/SignupForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SignupForm.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/forms/SignupForm.tsx"],"names":[],"mappings":"AA4BA,wBAAgB,UAAU,4CAqgBzB"}
+{"version":3,"file":"SignupForm.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/forms/SignupForm.tsx"],"names":[],"mappings":"AA4BA,wBAAgB,UAAU,4CAsgBzB"}

package/dist/components/auth/forms/SignupForm.js

@@ -312,7 +312,7 @@ function SignupForm() {
             }
           ),
           /* @__PURE__ */ jsxs(CardContent, { children: [
-            fromInvite && /* @__PURE__ */ jsxs(Alert, { className: "mb-4", "data-cy": "signup-invite-banner", children: [
+            fromInvite && /* @__PURE__ */ jsxs(Alert, { className: "mb-4", "data-cy": sel("auth.signup.inviteBanner"), children: [
               /* @__PURE__ */ jsx(Users, { className: "h-4 w-4" }),
               /* @__PURE__ */ jsx(AlertDescription, { children: t("signup.inviteBanner") })
             ] }),
@@ -407,7 +407,7 @@ function SignupForm() {
                 ),
                 errors.confirmPassword && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: errors.confirmPassword.message })
               ] }),
-              error && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
+              error && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", "data-cy": sel("auth.signup.error"), children: [
                 /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4" }),
                 /* @__PURE__ */ jsx(AlertDescription, { children: error })
               ] }),
@@ -460,6 +460,7 @@ function SignupForm() {
                 onClick: handleGoogleSignUp,
                 disabled: !!loadingProvider,
                 className: "w-full",
+                "data-cy": sel("auth.signup.googleButton"),
                 children: [
                   loadingProvider === "google" ? /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxs("svg", { className: "mr-2 h-4 w-4", viewBox: "0 0 24 24", children: [
                     /* @__PURE__ */ jsx("path", { fill: "#4285F4", d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" }),

package/dist/components/dashboard/navigation/DynamicNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/navigation/DynamicNavigation.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AA0BnF,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,QAAQ,EAAE,wBAAwB,EAAE,CAAA;CACrC;AAyGD,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAgB,EAChB,WAAW,EACX,QAAQ,EACT,EAAE,sBAAsB,2CAoGxB;AAgDD,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"DynamicNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/navigation/DynamicNavigation.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AA0BnF,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,QAAQ,EAAE,wBAAwB,EAAE,CAAA;CACrC;AAyGD,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAgB,EAChB,WAAW,EACX,QAAQ,EACT,EAAE,sBAAsB,2CAoGxB;AAoDD,eAAe,iBAAiB,CAAA"}

package/dist/components/dashboard/navigation/DynamicNavigation.js

@@ -187,6 +187,7 @@ function NavigationLink({
   const isActive = pathname === item.href || pathname.startsWith(item.href + "/");
   const label = item.descriptionKey ? t(item.descriptionKey, { defaultValue: item.name }) : item.name;
   const cySlug = item.name.toLowerCase().replace(/\s+/g, "-");
+  const dataCyId = cySlug === "dashboard" ? createCyId("nav", "link-dashboard") : createCyId("nav", `link-entity-${cySlug}`);
   return /* @__PURE__ */ jsxs(
     Link,
     {
@@ -198,7 +199,7 @@ function NavigationLink({
         isMobile && "w-full"
       ),
       "aria-current": isActive ? "page" : void 0,
-      "data-cy": createCyId("nav", `link-entity-${cySlug}`),
+      "data-cy": dataCyId,
       children: [
         /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }),
         /* @__PURE__ */ jsx("span", { className: "truncate", children: label })

package/dist/components/devtools/TestCasesViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TestCasesViewer.d.ts","sourceRoot":"","sources":["../../../src/components/devtools/TestCasesViewer.tsx"],"names":[],"mappings":"AAyBA,UAAU,oBAAoB;IAC5B,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAiBD;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAAE,WAAW,EAAE,EAAE,oBAAoB,2CAgOpE"}
+{"version":3,"file":"TestCasesViewer.d.ts","sourceRoot":"","sources":["../../../src/components/devtools/TestCasesViewer.tsx"],"names":[],"mappings":"AA2BA,UAAU,oBAAoB;IAC5B,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAiBD;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAAE,WAAW,EAAE,EAAE,oBAAoB,2CAkOpE"}

package/dist/components/devtools/TestCasesViewer.js

@@ -4,7 +4,9 @@ import { useState, useEffect, useMemo } from "react";
 import { FileTree } from "./FileTree.js";
 import { MarkdownViewer } from "./MarkdownViewer.js";
 import { BDDTestViewer } from "./bdd/index.js";
+import { TestCoverageDashboard } from "./TestCoverageDashboard.js";
 import { cn } from "../../lib/utils.js";
+import { sel } from "../../lib/test/index.js";
 import {
   Card,
   CardContent,
@@ -13,7 +15,7 @@ import {
   CardTitle
 } from "../ui/card.js";
 import { Button } from "../ui/button.js";
-import { Loader2, FileText, AlertCircle, ArrowLeft } from "lucide-react";
+import { Loader2, FileText, AlertCircle, ArrowLeft, LayoutDashboard } from "lucide-react";
 import { useTranslations } from "next-intl";
 import { useTreeNavigation } from "../../hooks/useTreeNavigation.js";
 function pathExistsInTree(tree, path) {
@@ -104,16 +106,32 @@ function TestCasesViewer({ initialPath }) {
             ] }),
             /* @__PURE__ */ jsx(CardDescription, { children: t("fileTreeDescription") })
           ] }),
-          /* @__PURE__ */ jsx(CardContent, { className: "overflow-y-auto h-[calc(100%-5rem)]", "data-cy": "devtools-tests-tree", children: tree.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center py-8", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("noTests") }) }) : /* @__PURE__ */ jsx(
-            FileTree,
-            {
-              nodes: tree,
-              selectedPath: selectedPath || void 0,
-              expandedFolders,
-              onSelectFile: navigateToFile,
-              onToggleFolder: toggleFolder
-            }
-          ) })
+          /* @__PURE__ */ jsxs(CardContent, { className: "overflow-y-auto h-[calc(100%-5rem)]", "data-cy": "devtools-tests-tree", children: [
+            selectedPath && /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                onClick: clearSelection,
+                className: "w-full justify-start gap-2 mb-4",
+                "data-cy": sel("devtools.tests.dashboardButton"),
+                children: [
+                  /* @__PURE__ */ jsx(LayoutDashboard, { className: "h-4 w-4" }),
+                  t("dashboard.backToDashboard")
+                ]
+              }
+            ),
+            tree.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center py-8", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("noTests") }) }) : /* @__PURE__ */ jsx(
+              FileTree,
+              {
+                nodes: tree,
+                selectedPath: selectedPath || void 0,
+                expandedFolders,
+                onSelectFile: navigateToFile,
+                onToggleFolder: toggleFolder
+              }
+            )
+          ] })
         ] }) }),
         /* @__PURE__ */ jsx("div", { className: "lg:col-span-9", children: /* @__PURE__ */ jsx(Card, { className: "h-full", children: /* @__PURE__ */ jsxs(CardContent, { className: cn(
           "p-6 h-full",
@@ -145,18 +163,7 @@ function TestCasesViewer({ initialPath }) {
               ]
             }
           ),
-          !selectedPath && !pathNotFound && /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "flex flex-col items-center justify-center h-full text-center",
-              "data-cy": "devtools-tests-empty-state",
-              children: [
-                /* @__PURE__ */ jsx(FileText, { className: "h-16 w-16 text-muted-foreground/50 mb-4" }),
-                /* @__PURE__ */ jsx("p", { className: "text-lg font-medium text-muted-foreground", children: t("selectFile") }),
-                /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-2", children: t("selectFileDescription") })
-              ]
-            }
-          ),
+          !selectedPath && !pathNotFound && /* @__PURE__ */ jsx(TestCoverageDashboard, {}),
           isLoadingFile && !pathNotFound && /* @__PURE__ */ jsx(
             "div",
             {

package/dist/components/devtools/TestCoverageDashboard.d.ts

@@ -0,0 +1,2 @@
+export declare function TestCoverageDashboard(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TestCoverageDashboard.d.ts.map

package/dist/components/devtools/TestCoverageDashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestCoverageDashboard.d.ts","sourceRoot":"","sources":["../../../src/components/devtools/TestCoverageDashboard.tsx"],"names":[],"mappings":"AA6GA,wBAAgB,qBAAqB,4CA+NpC"}

package/dist/components/devtools/TestCoverageDashboard.js

@@ -0,0 +1,234 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useTranslations } from "next-intl";
+import { Card, CardContent, CardHeader, CardTitle } from "../ui/card.js";
+import { Badge } from "../ui/badge.js";
+import { Progress } from "../ui/progress.js";
+import {
+  BarChart3,
+  FileText,
+  Tags,
+  Workflow,
+  AlertTriangle,
+  CheckCircle2,
+  Loader2
+} from "lucide-react";
+import { sel } from "../../lib/test/index.js";
+function StatCard({ icon, label, value, percentage, dataCy, subtext }) {
+  return /* @__PURE__ */ jsx(Card, { "data-cy": dataCy, children: /* @__PURE__ */ jsxs(CardContent, { className: "p-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "p-2 rounded-lg bg-violet-100 dark:bg-violet-900/30", children: icon }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground truncate", children: label }),
+        /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold", children: value }),
+        subtext && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: subtext })
+      ] })
+    ] }),
+    percentage !== void 0 && /* @__PURE__ */ jsxs("div", { className: "mt-3", children: [
+      /* @__PURE__ */ jsx(Progress, { value: percentage, className: "h-2" }),
+      /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground mt-1 text-right", children: [
+        percentage,
+        "%"
+      ] })
+    ] })
+  ] }) });
+}
+const TAG_CATEGORY_MAP = {
+  layers: "Layers",
+  priorities: "Priorities",
+  features: "Features",
+  flows: "Flows",
+  blocks: "Blocks",
+  roles: "Roles",
+  operations: "Operations",
+  other: "Other"
+};
+function TestCoverageDashboard() {
+  const t = useTranslations("devtools.tests.dashboard");
+  const [data, setData] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    async function fetchCoverage() {
+      try {
+        const response = await fetch("/api/v1/devtools/testing");
+        const json = await response.json();
+        if (!response.ok) throw new Error(json.error || "Failed to load coverage data");
+        setData(json);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : "Failed to load");
+      } finally {
+        setLoading(false);
+      }
+    }
+    fetchCoverage();
+  }, []);
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full", "data-cy": sel("devtools.tests.dashboard"), children: /* @__PURE__ */ jsx(Loader2, { className: "h-8 w-8 animate-spin text-violet-600 dark:text-violet-400" }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-full text-center", "data-cy": sel("devtools.tests.dashboard"), children: [
+      /* @__PURE__ */ jsx(AlertTriangle, { className: "h-12 w-12 text-amber-500 mb-4" }),
+      /* @__PURE__ */ jsx("p", { className: "text-lg font-medium text-amber-600 dark:text-amber-400", children: error })
+    ] });
+  }
+  if (!(data == null ? void 0 : data.data)) return null;
+  const { summary, features = [], flows = [] } = data.data;
+  const featureCoverage = summary.features.total > 0 ? Math.round(summary.features.withTests / summary.features.total * 100) : 0;
+  const flowCoverage = summary.flows.total > 0 ? Math.round(summary.flows.withTests / summary.flows.total * 100) : 0;
+  const uncoveredFeatures = features.filter((f) => !f.testing.hasTests);
+  const uncoveredFlows = flows.filter((f) => !f.testing.hasTests);
+  const criticalUncoveredFlows = uncoveredFlows.filter((f) => f.criticalPath);
+  const hasGaps = uncoveredFeatures.length > 0 || uncoveredFlows.length > 0;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6 h-full overflow-y-auto", "data-cy": sel("devtools.tests.dashboard"), children: [
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold text-violet-600 dark:text-violet-400", children: t("title") }) }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "grid grid-cols-2 lg:grid-cols-4 gap-4",
+        "data-cy": sel("devtools.tests.dashboardStats"),
+        children: [
+          /* @__PURE__ */ jsx(
+            StatCard,
+            {
+              icon: /* @__PURE__ */ jsx(BarChart3, { className: "h-5 w-5 text-violet-600 dark:text-violet-400" }),
+              label: t("features"),
+              value: `${summary.features.withTests}/${summary.features.total}`,
+              percentage: featureCoverage,
+              dataCy: sel("devtools.tests.dashboardStatFeatures"),
+              subtext: `${summary.features.withTests} ${t("withTests")}`
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            StatCard,
+            {
+              icon: /* @__PURE__ */ jsx(Workflow, { className: "h-5 w-5 text-violet-600 dark:text-violet-400" }),
+              label: t("flows"),
+              value: `${summary.flows.withTests}/${summary.flows.total}`,
+              percentage: flowCoverage,
+              dataCy: sel("devtools.tests.dashboardStatFlows"),
+              subtext: `${summary.flows.withTests} ${t("withTests")}`
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            StatCard,
+            {
+              icon: /* @__PURE__ */ jsx(FileText, { className: "h-5 w-5 text-violet-600 dark:text-violet-400" }),
+              label: t("testFiles"),
+              value: String(summary.testFiles),
+              dataCy: sel("devtools.tests.dashboardStatFiles")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            StatCard,
+            {
+              icon: /* @__PURE__ */ jsx(Tags, { className: "h-5 w-5 text-violet-600 dark:text-violet-400" }),
+              label: t("tags"),
+              value: String(summary.totalTags),
+              dataCy: sel("devtools.tests.dashboardStatTags")
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(Card, { "data-cy": sel("devtools.tests.dashboardGaps"), children: [
+      /* @__PURE__ */ jsx(CardHeader, { className: "pb-3", children: /* @__PURE__ */ jsxs(CardTitle, { className: "text-lg flex items-center gap-2", children: [
+        hasGaps ? /* @__PURE__ */ jsx(AlertTriangle, { className: "h-5 w-5 text-amber-500" }) : /* @__PURE__ */ jsx(CheckCircle2, { className: "h-5 w-5 text-green-500" }),
+        t("gaps")
+      ] }) }),
+      /* @__PURE__ */ jsx(CardContent, { children: !hasGaps ? /* @__PURE__ */ jsxs("div", { className: "text-center py-4 text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(CheckCircle2, { className: "h-8 w-8 text-green-500 mx-auto mb-2" }),
+        /* @__PURE__ */ jsx("p", { children: t("noGaps") })
+      ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        criticalUncoveredFlows.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("h4", { className: "text-sm font-medium text-red-600 dark:text-red-400 mb-2 flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4" }),
+            t("criticalPath"),
+            " (",
+            criticalUncoveredFlows.length,
+            ")"
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: criticalUncoveredFlows.map((flow) => /* @__PURE__ */ jsx(
+            Badge,
+            {
+              variant: "destructive",
+              "data-cy": sel("devtools.tests.dashboardGapItem", { slug: flow.slug }),
+              children: flow.title
+            },
+            flow.slug
+          )) })
+        ] }),
+        uncoveredFeatures.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("h4", { className: "text-sm font-medium text-amber-600 dark:text-amber-400 mb-2", children: [
+            t("features"),
+            " ",
+            t("withoutTests"),
+            " (",
+            uncoveredFeatures.length,
+            ")"
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+            uncoveredFeatures.slice(0, 10).map((feature) => /* @__PURE__ */ jsx(
+              Badge,
+              {
+                variant: "outline",
+                className: "border-amber-500 text-amber-600 dark:text-amber-400",
+                "data-cy": sel("devtools.tests.dashboardGapItem", { slug: feature.slug }),
+                children: feature.title
+              },
+              feature.slug
+            )),
+            uncoveredFeatures.length > 10 && /* @__PURE__ */ jsxs(Badge, { variant: "secondary", children: [
+              "+",
+              uncoveredFeatures.length - 10
+            ] })
+          ] })
+        ] }),
+        uncoveredFlows.filter((f) => !f.criticalPath).length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("h4", { className: "text-sm font-medium text-amber-600 dark:text-amber-400 mb-2", children: [
+            t("flows"),
+            " ",
+            t("withoutTests"),
+            " (",
+            uncoveredFlows.filter((f) => !f.criticalPath).length,
+            ")"
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+            uncoveredFlows.filter((f) => !f.criticalPath).slice(0, 10).map((flow) => /* @__PURE__ */ jsx(
+              Badge,
+              {
+                variant: "outline",
+                className: "border-amber-500 text-amber-600 dark:text-amber-400",
+                "data-cy": sel("devtools.tests.dashboardGapItem", { slug: flow.slug }),
+                children: flow.title
+              },
+              flow.slug
+            )),
+            uncoveredFlows.filter((f) => !f.criticalPath).length > 10 && /* @__PURE__ */ jsxs(Badge, { variant: "secondary", children: [
+              "+",
+              uncoveredFlows.filter((f) => !f.criticalPath).length - 10
+            ] })
+          ] })
+        ] })
+      ] }) })
+    ] }),
+    summary.byCategory && Object.keys(summary.byCategory).length > 0 && /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { className: "pb-3", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-lg", children: t("coverage") }) }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 md:grid-cols-5 gap-4", children: Object.entries(summary.byCategory).map(([category, count]) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "text-center p-3 rounded-lg bg-muted/50",
+          children: [
+            /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold text-violet-600 dark:text-violet-400", children: count }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground capitalize", children: TAG_CATEGORY_MAP[category] || category })
+          ]
+        },
+        category
+      )) }) })
+    ] })
+  ] });
+}
+export {
+  TestCoverageDashboard
+};

package/dist/components/devtools/bdd/BDDTableOfContents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BDDTableOfContents.d.ts","sourceRoot":"","sources":["../../../../src/components/devtools/bdd/BDDTableOfContents.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,UAAU,uBAAuB;IAC/B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,YAAY,EACZ,YAAY,GACb,EAAE,uBAAuB,2CAiDzB"}
+{"version":3,"file":"BDDTableOfContents.d.ts","sourceRoot":"","sources":["../../../../src/components/devtools/bdd/BDDTableOfContents.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAc,MAAM,SAAS,CAAC;AAEvD,UAAU,uBAAuB;IAC/B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,YAAY,EACZ,YAAY,GACb,EAAE,uBAAuB,2CAwEzB"}

package/dist/components/devtools/bdd/BDDTableOfContents.js

@@ -1,5 +1,12 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  CheckCircle2,
+  XCircle,
+  SkipForward,
+  Clock,
+  PlayCircle
+} from "lucide-react";
 import { cn } from "../../../lib/utils.js";
 function BDDTableOfContents({
   tests,
@@ -18,6 +25,23 @@ function BDDTableOfContents({
         return "bg-slate-400";
     }
   };
+  const getStatusIcon = (status) => {
+    const iconClass = "h-3.5 w-3.5 shrink-0";
+    switch (status) {
+      case "passing":
+        return /* @__PURE__ */ jsx(CheckCircle2, { className: cn(iconClass, "text-green-500") });
+      case "failing":
+        return /* @__PURE__ */ jsx(XCircle, { className: cn(iconClass, "text-red-500") });
+      case "skipped":
+        return /* @__PURE__ */ jsx(SkipForward, { className: cn(iconClass, "text-amber-500") });
+      case "pending":
+        return /* @__PURE__ */ jsx(Clock, { className: cn(iconClass, "text-slate-400") });
+      case "active":
+        return /* @__PURE__ */ jsx(PlayCircle, { className: cn(iconClass, "text-blue-500") });
+      default:
+        return null;
+    }
+  };
   return /* @__PURE__ */ jsxs("div", { className: "space-y-2", "data-cy": "bdd-toc", children: [
     /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-muted-foreground uppercase tracking-wide px-2", children: "Test Cases" }),
     /* @__PURE__ */ jsx("nav", { className: "space-y-1", children: tests.map((test, index) => /* @__PURE__ */ jsxs(
@@ -32,7 +56,7 @@ function BDDTableOfContents({
         ),
         "data-cy": `bdd-toc-item-${test.id}`,
         children: [
-          /* @__PURE__ */ jsx(
+          test.metadata.status ? getStatusIcon(test.metadata.status) : /* @__PURE__ */ jsx(
             "span",
             {
               className: cn(

package/dist/components/devtools/bdd/BDDTestCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BDDTestCard.d.ts","sourceRoot":"","sources":["../../../../src/components/devtools/bdd/BDDTestCard.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAExD,UAAU,gBAAgB;IACxB,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,WAAW,CAAC;CACvB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CA2JxF"}
+{"version":3,"file":"BDDTestCard.d.ts","sourceRoot":"","sources":["../../../../src/components/devtools/bdd/BDDTestCard.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAc,MAAM,SAAS,CAAC;AAEpE,UAAU,gBAAgB;IACxB,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,WAAW,CAAC;CACvB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAmOxF"}

package/dist/components/devtools/bdd/BDDTestCard.js

@@ -1,7 +1,21 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Check, Copy, ChevronDown, Tag, Zap, TestTube2 } from "lucide-react";
+import {
+  Check,
+  Copy,
+  ChevronDown,
+  Tag,
+  Zap,
+  TestTube2,
+  Terminal,
+  CheckCircle2,
+  XCircle,
+  SkipForward,
+  Clock,
+  PlayCircle,
+  AlertTriangle
+} from "lucide-react";
 import { cn } from "../../../lib/utils.js";
 import { Button } from "../../ui/button.js";
 import { Badge } from "../../ui/badge.js";
@@ -44,6 +58,44 @@ function BDDTestCard({ test, index, isOpen, onToggle, language }) {
         return null;
     }
   };
+  const getStatusColor = (status) => {
+    switch (status) {
+      case "passing":
+        return "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400";
+      case "failing":
+        return "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400";
+      case "skipped":
+        return "bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-400";
+      case "pending":
+        return "bg-slate-100 text-slate-600 dark:bg-slate-800 dark:text-slate-400";
+      case "active":
+        return "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400";
+      default:
+        return "bg-slate-100 text-slate-600 dark:bg-slate-800";
+    }
+  };
+  const getStatusIcon = (status) => {
+    switch (status) {
+      case "passing":
+        return /* @__PURE__ */ jsx(CheckCircle2, { className: "h-3 w-3" });
+      case "failing":
+        return /* @__PURE__ */ jsx(XCircle, { className: "h-3 w-3" });
+      case "skipped":
+        return /* @__PURE__ */ jsx(SkipForward, { className: "h-3 w-3" });
+      case "pending":
+        return /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" });
+      case "active":
+        return /* @__PURE__ */ jsx(PlayCircle, { className: "h-3 w-3" });
+      default:
+        return null;
+    }
+  };
+  const copyGrepCommand = async (tag) => {
+    const command = `pnpm cy:tags "${tag}"`;
+    await navigator.clipboard.writeText(command);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  };
   return /* @__PURE__ */ jsx(Collapsible, { open: isOpen, onOpenChange: onToggle, children: /* @__PURE__ */ jsxs(
     "div",
     {
@@ -78,7 +130,11 @@ function BDDTestCard({ test, index, isOpen, onToggle, language }) {
                   getTypeIcon(test.metadata.type),
                   test.metadata.type
                 ] }),
-                test.metadata.priority && /* @__PURE__ */ jsx(Badge, { className: cn("text-xs", getPriorityColor(test.metadata.priority)), children: test.metadata.priority })
+                test.metadata.priority && /* @__PURE__ */ jsx(Badge, { className: cn("text-xs", getPriorityColor(test.metadata.priority)), children: test.metadata.priority }),
+                test.metadata.status && /* @__PURE__ */ jsxs(Badge, { className: cn("text-xs gap-1", getStatusColor(test.metadata.status)), children: [
+                  getStatusIcon(test.metadata.status),
+                  test.metadata.status
+                ] })
               ] })
             ]
           }
@@ -88,6 +144,23 @@ function BDDTestCard({ test, index, isOpen, onToggle, language }) {
             /* @__PURE__ */ jsx(Tag, { className: "h-3 w-3 text-muted-foreground" }),
             test.metadata.tags.map((tag) => /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: tag }, tag))
           ] }),
+          test.metadata.grepTags && test.metadata.grepTags.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+            /* @__PURE__ */ jsx(Terminal, { className: "h-3 w-3 text-emerald-500" }),
+            test.metadata.grepTags.map((tag) => /* @__PURE__ */ jsx(
+              Badge,
+              {
+                className: "text-xs bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400 cursor-pointer hover:bg-emerald-200 dark:hover:bg-emerald-900/50 transition-colors",
+                onClick: () => copyGrepCommand(tag),
+                title: `Click to copy: pnpm cy:tags "${tag}"`,
+                children: tag
+              },
+              tag
+            ))
+          ] }),
+          test.metadata.statusReason && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 text-sm text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 rounded-md px-3 py-2", children: [
+            /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4 mt-0.5 shrink-0" }),
+            /* @__PURE__ */ jsx("span", { children: test.metadata.statusReason })
+          ] }),
           /* @__PURE__ */ jsxs("div", { className: "relative", children: [
             /* @__PURE__ */ jsx("div", { className: "absolute top-2 right-2 z-10", children: /* @__PURE__ */ jsx(
               Button,

package/dist/components/devtools/bdd/parser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parser.d.ts","sourceRoot":"","sources":["../../../../src/components/devtools/bdd/parser.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,WAAW,EAA0D,MAAM,SAAS,CAAC;AA4MnG;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,WAAW,CAkB7D"}
+{"version":3,"file":"parser.d.ts","sourceRoot":"","sources":["../../../../src/components/devtools/bdd/parser.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAsE,MAAM,SAAS,CAAC;AAoP/G;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,WAAW,CAkB7D"}

package/dist/components/devtools/bdd/parser.js

@@ -40,9 +40,14 @@ function parseTestMetadata(section) {
   if (priorityMatch) {
     metadata.priority = priorityMatch[1].toLowerCase();
   }
-  const typeMatch = section.match(/\*\*Type:\*\*\s*(\w+)/i);
+  const typeMatch = section.match(/\*\*Type:\*\*\s*(.+?)(?:\n|$)/i);
   if (typeMatch) {
-    metadata.type = typeMatch[1].toLowerCase();
+    const rawType = typeMatch[1].trim().toLowerCase();
+    if (rawType.includes("selector")) {
+      metadata.type = "selector";
+    } else {
+      metadata.type = rawType.split(/\s+/)[0];
+    }
   }
   const tagsMatch = section.match(/\*\*Tags:\*\*\s*(.+)/i);
   if (tagsMatch) {
@@ -50,6 +55,34 @@ function parseTestMetadata(section) {
   }
   const automatedMatch = section.match(/\*\*Automated:\*\*\s*(yes|true)/i);
   metadata.automated = !!automatedMatch;
+  const statusMatch = section.match(/\*\*Status:\*\*\s*(\w+)(?:\s*[-–]\s*(.+))?/i);
+  if (statusMatch) {
+    const [, status, reason] = statusMatch;
+    const normalizedStatus = status.toLowerCase();
+    if (normalizedStatus === "skip" || normalizedStatus === "skipped") {
+      metadata.status = "skipped";
+    } else if (normalizedStatus === "pass" || normalizedStatus === "passing" || normalizedStatus === "passed") {
+      metadata.status = "passing";
+    } else if (normalizedStatus === "fail" || normalizedStatus === "failing" || normalizedStatus === "failed") {
+      metadata.status = "failing";
+    } else if (normalizedStatus === "pending" || normalizedStatus === "todo") {
+      metadata.status = "pending";
+    } else if (normalizedStatus === "active") {
+      metadata.status = "active";
+    } else {
+      metadata.status = normalizedStatus;
+    }
+    if (reason) {
+      metadata.statusReason = reason.trim();
+    }
+  }
+  const grepMatch = section.match(/\*\*Grep:\*\*\s*(.+)/i);
+  if (grepMatch) {
+    const grepTags = grepMatch[1].match(/@[\w-]+/g);
+    if (grepTags && grepTags.length > 0) {
+      metadata.grepTags = grepTags;
+    }
+  }
   return metadata;
 }
 function extractGherkinScenarios(section) {

package/dist/components/devtools/bdd/types.d.ts

@@ -11,11 +11,18 @@ export interface BDDFeature {
     grepTags?: string[];
     coverage?: number;
 }
+export type TestStatus = 'passing' | 'failing' | 'skipped' | 'pending' | 'active';
 export interface BDDTestMetadata {
     priority?: 'high' | 'medium' | 'low';
-    type?: 'smoke' | 'regression' | 'integration' | 'e2e';
+    type?: 'smoke' | 'regression' | 'integration' | 'e2e' | 'selector';
     tags?: string[];
     automated?: boolean;
+    /** Test execution status */
+    status?: TestStatus;
+    /** Reason for status (e.g., "requires OWNER permission") */
+    statusReason?: string;
+    /** Grep tags for Cypress filtering (e.g., ["@ui-selectors", "@SEL_BILL_001"]) */
+    grepTags?: string[];
 }
 export type BDDLanguage = 'en' | 'es';
 export interface BDDScenarios {

package/dist/components/devtools/bdd/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/devtools/bdd/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IACrC,IAAI,CAAC,EAAE,OAAO,GAAG,YAAY,GAAG,aAAa,GAAG,KAAK,CAAC;IACtD,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtC,MAAM,WAAW,YAAY;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,eAAe,CAAC;IAC1B,wCAAwC;IACxC,QAAQ,EAAE,MAAM,CAAC;IACjB,0BAA0B;IAC1B,SAAS,EAAE,YAAY,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/devtools/bdd/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAElF,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IACrC,IAAI,CAAC,EAAE,OAAO,GAAG,YAAY,GAAG,aAAa,GAAG,KAAK,GAAG,UAAU,CAAC;IACnE,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtC,MAAM,WAAW,YAAY;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,eAAe,CAAC;IAC1B,wCAAwC;IACxC,QAAQ,EAAE,MAAM,CAAC;IACjB,0BAA0B;IAC1B,SAAS,EAAE,YAAY,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB"}