@nextsparkjs/core 0.1.0-beta.7 → 0.1.0-beta.71

package/dist/components/devtools/api-tester/TeamSelector.js

@@ -0,0 +1,209 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useMemo, useCallback } from "react";
+import { Check, ChevronsUpDown, Globe, Users, Search, Loader2 } from "lucide-react";
+import { useUserTeams, useTeamSearch } from "../../../hooks/teams/index.js";
+import { useDebounce } from "../../../hooks/useDebounce.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../ui/select.js";
+import { Button } from "../../ui/button.js";
+import { Skeleton } from "../../ui/skeleton.js";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandSeparator
+} from "../../ui/command.js";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "../../ui/popover.js";
+import { cn } from "../../../lib/utils/index.js";
+import { sel } from "../../../lib/test/index.js";
+function TeamSelector({
+  selectedTeamId,
+  onTeamChange,
+  bypassMode,
+  disabled = false
+}) {
+  const [open, setOpen] = useState(false);
+  const [searchValue, setSearchValue] = useState("");
+  const debouncedSearch = useDebounce(searchValue, 300);
+  const { teams: userTeams, isLoading: isLoadingUserTeams } = useUserTeams();
+  const {
+    teams: allTeams,
+    totalCount,
+    isLoading: isLoadingAllTeams
+  } = useTeamSearch(debouncedSearch, bypassMode);
+  const selectedTeam = useMemo(() => {
+    if (!selectedTeamId) return null;
+    const fromUser = userTeams.find((t) => t.id === selectedTeamId);
+    if (fromUser) return fromUser;
+    const fromAll = allTeams.find((t) => t.id === selectedTeamId);
+    if (fromAll) return { id: fromAll.id, name: fromAll.name, slug: "" };
+    return null;
+  }, [selectedTeamId, userTeams, allTeams]);
+  const handleSelect = useCallback(
+    (teamId) => {
+      onTeamChange(teamId);
+      setOpen(false);
+      setSearchValue("");
+    },
+    [onTeamChange]
+  );
+  if (!bypassMode && isLoadingUserTeams) {
+    return /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full", "data-cy": sel("devtools.apiExplorer.team.loading") });
+  }
+  if (!bypassMode) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", "data-cy": sel("devtools.apiExplorer.team.container"), children: [
+      /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: "Team Context" }),
+      /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: selectedTeamId || "none",
+          onValueChange: (value) => onTeamChange(value === "none" ? null : value),
+          disabled,
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { className: "w-full", "data-cy": sel("devtools.apiExplorer.team.trigger"), children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select team..." }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: userTeams.map((team) => /* @__PURE__ */ jsx(SelectItem, { value: team.id, "data-cy": sel("devtools.apiExplorer.team.option", { slug: team.slug }), children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(Users, { className: "h-4 w-4 text-muted-foreground" }),
+              /* @__PURE__ */ jsx("span", { children: team.name }),
+              /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+                "(",
+                team.slug,
+                ")"
+              ] })
+            ] }) }, team.id)) })
+          ]
+        }
+      ),
+      !selectedTeamId && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", "data-cy": sel("devtools.apiExplorer.team.error"), children: "Team required for non-bypass requests" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", "data-cy": sel("devtools.apiExplorer.team.container"), children: [
+    /* @__PURE__ */ jsxs("label", { className: "text-xs font-medium text-muted-foreground", children: [
+      "Filter by Team (optional)",
+      totalCount > 0 && /* @__PURE__ */ jsxs("span", { className: "ml-2 text-muted-foreground/70", children: [
+        totalCount,
+        " teams available"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          role: "combobox",
+          "aria-expanded": open,
+          className: cn(
+            "w-full justify-between font-normal",
+            disabled && "opacity-50 cursor-not-allowed"
+          ),
+          disabled,
+          "data-cy": sel("devtools.apiExplorer.team.bypassTrigger"),
+          children: [
+            selectedTeamId === null ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
+              /* @__PURE__ */ jsx(Globe, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx("span", { children: "Cross-team (all teams)" })
+            ] }) : selectedTeam ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(Users, { className: "h-4 w-4 text-muted-foreground" }),
+              /* @__PURE__ */ jsx("span", { children: selectedTeam.name })
+            ] }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Select team to filter..." }),
+            /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        PopoverContent,
+        {
+          className: "p-0",
+          align: "start",
+          style: { width: "var(--radix-popover-trigger-width)" },
+          children: /* @__PURE__ */ jsxs(Command, { shouldFilter: false, children: [
+            /* @__PURE__ */ jsx(
+              CommandInput,
+              {
+                placeholder: "Search teams by name or owner...",
+                value: searchValue,
+                onValueChange: setSearchValue,
+                "data-cy": sel("devtools.apiExplorer.team.search")
+              }
+            ),
+            isLoadingAllTeams ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center py-6", children: [
+              /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin mr-2" }),
+              /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Searching teams..." })
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(CommandEmpty, { children: /* @__PURE__ */ jsxs("div", { className: "py-2 text-sm", children: [
+                /* @__PURE__ */ jsx(Search, { className: "h-4 w-4 mx-auto mb-2 opacity-50" }),
+                /* @__PURE__ */ jsx("p", { children: "No teams found" }),
+                debouncedSearch && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "Try a different search term" })
+              ] }) }),
+              /* @__PURE__ */ jsxs(CommandGroup, { className: "max-h-64 overflow-auto", children: [
+                /* @__PURE__ */ jsxs(
+                  CommandItem,
+                  {
+                    value: "cross-team",
+                    onSelect: () => handleSelect(null),
+                    "data-cy": sel("devtools.apiExplorer.team.crossTeam"),
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        Check,
+                        {
+                          className: cn(
+                            "mr-2 h-4 w-4",
+                            selectedTeamId === null ? "opacity-100" : "opacity-0"
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(Globe, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
+                      /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+                        /* @__PURE__ */ jsx("span", { children: "Cross-team (all teams)" }),
+                        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Access data from all teams without filtering" })
+                      ] })
+                    ]
+                  }
+                ),
+                allTeams.length > 0 && /* @__PURE__ */ jsx(CommandSeparator, { className: "my-1" }),
+                allTeams.map((team) => /* @__PURE__ */ jsxs(
+                  CommandItem,
+                  {
+                    value: team.id,
+                    onSelect: () => handleSelect(team.id),
+                    "data-cy": sel("devtools.apiExplorer.team.bypassOption", { id: team.id }),
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        Check,
+                        {
+                          className: cn(
+                            "mr-2 h-4 w-4",
+                            selectedTeamId === team.id ? "opacity-100" : "opacity-0"
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(Users, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
+                      /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-w-0", children: [
+                        /* @__PURE__ */ jsx("span", { className: "truncate", children: team.name }),
+                        /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground truncate", children: [
+                          team.owner.name,
+                          " \xB7 ",
+                          team.memberCount,
+                          " members"
+                        ] })
+                      ] })
+                    ]
+                  },
+                  team.id
+                ))
+              ] })
+            ] })
+          ] })
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  TeamSelector
+};

package/dist/components/devtools/api-tester/index.js

@@ -1,12 +1,12 @@
-import { ApiTester } from "./ApiTester";
-import { MethodSelector } from "./MethodSelector";
-import { PathParamsEditor } from "./PathParamsEditor";
-import { KeyValueEditor } from "./KeyValueEditor";
-import { AuthSelector } from "./AuthSelector";
-import { PayloadEditor } from "./PayloadEditor";
-import { ResponseViewer } from "./ResponseViewer";
-import { useApiRequest } from "./hooks/useApiRequest";
-export * from "./types";
+import { ApiTester } from "./ApiTester.js";
+import { MethodSelector } from "./MethodSelector.js";
+import { PathParamsEditor } from "./PathParamsEditor.js";
+import { KeyValueEditor } from "./KeyValueEditor.js";
+import { AuthSelector } from "./AuthSelector.js";
+import { PayloadEditor } from "./PayloadEditor.js";
+import { ResponseViewer } from "./ResponseViewer.js";
+import { useApiRequest } from "./hooks/useApiRequest.js";
+export * from "./types.js";
 export {
   ApiTester,
   AuthSelector,

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

@@ -1,9 +1,9 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { TestTube2, Tag, AlertTriangle, CheckCircle2, Languages } from "lucide-react";
-import { Badge } from "../../ui/badge";
-import { Button } from "../../ui/button";
-import { cn } from "../../../lib/utils";
+import { Badge } from "../../ui/badge.js";
+import { Button } from "../../ui/button.js";
+import { cn } from "../../../lib/utils/index.js";
 function BDDHeader({ feature, testCount, language, onLanguageChange, hasMultipleLanguages }) {
   const getPriorityIcon = (priority) => {
     switch (priority) {

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

@@ -1,6 +1,13 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../../lib/utils";
+import {
+  CheckCircle2,
+  XCircle,
+  SkipForward,
+  Clock,
+  PlayCircle
+} from "lucide-react";
+import { cn } from "../../../lib/utils/index.js";
 function BDDTableOfContents({
   tests,
   activeTestId,
@@ -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.js

@@ -1,16 +1,30 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Check, Copy, ChevronDown, Tag, Zap, TestTube2 } from "lucide-react";
-import { cn } from "../../../lib/utils";
-import { Button } from "../../ui/button";
-import { Badge } from "../../ui/badge";
+import {
+  Check,
+  Copy,
+  ChevronDown,
+  Tag,
+  Zap,
+  TestTube2,
+  Terminal,
+  CheckCircle2,
+  XCircle,
+  SkipForward,
+  Clock,
+  PlayCircle,
+  AlertTriangle
+} from "lucide-react";
+import { cn } from "../../../lib/utils/index.js";
+import { Button } from "../../ui/button.js";
+import { Badge } from "../../ui/badge.js";
 import {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger
-} from "../../ui/collapsible";
-import { GherkinHighlighter } from "./GherkinHighlighter";
+} from "../../ui/collapsible.js";
+import { GherkinHighlighter } from "./GherkinHighlighter.js";
 function BDDTestCard({ test, index, isOpen, onToggle, language }) {
   var _a, _b, _c;
   const [copied, setCopied] = useState(false);
@@ -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/BDDTestViewer.js

@@ -1,15 +1,15 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState, useMemo, useCallback, useEffect, useRef } from "react";
-import { Input } from "../../ui/input";
+import { Input } from "../../ui/input.js";
 import { Search, ExpandIcon, ShrinkIcon } from "lucide-react";
-import { Button } from "../../ui/button";
-import { Separator } from "../../ui/separator";
-import { cn } from "../../../lib/utils";
-import { parseBDDDocument } from "./parser";
-import { BDDHeader } from "./BDDHeader";
-import { BDDTestCard } from "./BDDTestCard";
-import { BDDTableOfContents } from "./BDDTableOfContents";
+import { Button } from "../../ui/button.js";
+import { Separator } from "../../ui/separator.js";
+import { cn } from "../../../lib/utils/index.js";
+import { parseBDDDocument } from "./parser.js";
+import { BDDHeader } from "./BDDHeader.js";
+import { BDDTestCard } from "./BDDTestCard.js";
+import { BDDTableOfContents } from "./BDDTableOfContents.js";
 import { useTranslations } from "next-intl";
 const LANGUAGE_STORAGE_KEY = "bdd-viewer-language";
 function BDDTestViewer({ content, className }) {

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

@@ -1,7 +1,7 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { cn } from "../../../lib/utils";
+import { cn } from "../../../lib/utils/index.js";
 function GherkinHighlighter({ code, className }) {
   const tokenizedLines = useMemo(() => {
     return code.split("\n").map((line) => {

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

@@ -1,9 +1,9 @@
-import { BDDTestViewer } from "./BDDTestViewer";
-import { BDDHeader } from "./BDDHeader";
-import { BDDTestCard } from "./BDDTestCard";
-import { BDDTableOfContents } from "./BDDTableOfContents";
-import { GherkinHighlighter } from "./GherkinHighlighter";
-import { parseBDDDocument } from "./parser";
+import { BDDTestViewer } from "./BDDTestViewer.js";
+import { BDDHeader } from "./BDDHeader.js";
+import { BDDTestCard } from "./BDDTestCard.js";
+import { BDDTableOfContents } from "./BDDTableOfContents.js";
+import { GherkinHighlighter } from "./GherkinHighlighter.js";
+import { parseBDDDocument } from "./parser.js";
 export {
   BDDHeader,
   BDDTableOfContents,

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/index.js

@@ -1,16 +1,18 @@
-import { DevtoolsSidebar } from "./DevtoolsSidebar";
-import { DevtoolsMobileHeader } from "./DevtoolsMobileHeader";
-import { ConfigViewer } from "./ConfigViewer";
-import { TestCasesViewer } from "./TestCasesViewer";
-import { FileTree } from "./FileTree";
-import { MarkdownViewer } from "./MarkdownViewer";
-import { FeaturesViewer } from "./FeaturesViewer";
-import { FlowsViewer } from "./FlowsViewer";
-import { TagsOverview } from "./TagsOverview";
-import { BlocksViewer } from "./BlocksViewer";
-import { BlockDetailViewer } from "./BlockDetailViewer";
-export * from "./bdd";
-import { ApiTester } from "./api-tester";
+import { DevtoolsSidebar } from "./DevtoolsSidebar.js";
+import { DevtoolsMobileHeader } from "./DevtoolsMobileHeader.js";
+import { ConfigViewer } from "./ConfigViewer.js";
+import { TestCasesViewer } from "./TestCasesViewer.js";
+import { TestCoverageDashboard } from "./TestCoverageDashboard.js";
+import { FileTree } from "./FileTree.js";
+import { MarkdownViewer } from "./MarkdownViewer.js";
+import { FeaturesViewer } from "./FeaturesViewer.js";
+import { FlowsViewer } from "./FlowsViewer.js";
+import { TagsOverview } from "./TagsOverview.js";
+import { BlocksViewer } from "./BlocksViewer.js";
+import { BlockDetailViewer } from "./BlockDetailViewer.js";
+export * from "./bdd/index.js";
+import { ApiTester } from "./api-tester/index.js";
+export * from "./api-explorer/index.js";
 export {
   ApiTester,
   BlockDetailViewer,
@@ -23,5 +25,6 @@ export {
   FlowsViewer,
   MarkdownViewer,
   TagsOverview,
-  TestCasesViewer
+  TestCasesViewer,
+  TestCoverageDashboard
 };

package/dist/components/devtools/scheduled-actions/actions-table.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslations } from "next-intl";
 import { useState } from "react";
-import { Badge } from "../../ui/badge";
+import { Badge } from "../../ui/badge.js";
 import {
   Table,
   TableBody,
@@ -10,10 +10,10 @@ import {
   TableHead,
   TableHeader,
   TableRow
-} from "../../ui/table";
-import { Button } from "../../ui/button";
+} from "../../ui/table.js";
+import { Button } from "../../ui/button.js";
 import { ChevronDownIcon, ChevronRightIcon } from "lucide-react";
-import { sel } from "../../../lib/test";
+import { sel } from "../../../lib/test/index.js";
 function ActionsTable({ actions }) {
   const t = useTranslations("devtools.scheduledActions");
   const [expandedRows, setExpandedRows] = useState(/* @__PURE__ */ new Set());

package/dist/components/devtools/scheduled-actions/filters.js

@@ -1,15 +1,15 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslations } from "next-intl";
-import { Button } from "../../ui/button";
+import { Button } from "../../ui/button.js";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "../../ui/select";
-import { sel } from "../../../lib/test";
+} from "../../ui/select.js";
+import { sel } from "../../../lib/test/index.js";
 function Filters({ filters, onFiltersChange, registeredActionTypes }) {
   const t = useTranslations("devtools.scheduledActions");
   const handleStatusChange = (value) => {

package/dist/components/docs/docs-layout.js

@@ -2,8 +2,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Menu, X } from "lucide-react";
-import { Button } from "../ui/button";
-import { cn } from "../../lib/utils";
+import { Button } from "../ui/button.js";
+import { cn } from "../../lib/utils/index.js";
 import { useTranslations } from "next-intl";
 function DocsLayout({ children }) {
   const [sidebarOpen, setSidebarOpen] = useState(false);