@nextsparkjs/core 0.1.0-beta.1

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

@@ -0,0 +1,127 @@
+"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 {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+} from "../../ui/collapsible";
+import { GherkinHighlighter } from "./GherkinHighlighter";
+function BDDTestCard({ test, index, isOpen, onToggle, language }) {
+  var _a, _b, _c;
+  const [copied, setCopied] = useState(false);
+  const currentScenario = ((_a = test.scenarios) == null ? void 0 : _a[language]) || ((_b = test.scenarios) == null ? void 0 : _b.en) || ((_c = test.scenarios) == null ? void 0 : _c.es) || test.scenario;
+  const copyScenario = async () => {
+    await navigator.clipboard.writeText(currentScenario);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  };
+  const getPriorityColor = (priority) => {
+    switch (priority) {
+      case "high":
+        return "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400";
+      case "medium":
+        return "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400";
+      case "low":
+        return "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400";
+      default:
+        return "bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-400";
+    }
+  };
+  const getTypeIcon = (type) => {
+    switch (type) {
+      case "smoke":
+        return /* @__PURE__ */ jsx(Zap, { className: "h-3 w-3" });
+      case "regression":
+      case "integration":
+      case "e2e":
+        return /* @__PURE__ */ jsx(TestTube2, { className: "h-3 w-3" });
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ jsx(Collapsible, { open: isOpen, onOpenChange: onToggle, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "border rounded-lg transition-colors",
+        isOpen ? "border-violet-300 dark:border-violet-700 bg-violet-50/50 dark:bg-violet-950/20" : "border-border hover:border-violet-200 dark:hover:border-violet-800"
+      ),
+      "data-cy": `bdd-test-${test.id}`,
+      children: [
+        /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            className: "w-full px-4 py-3 flex items-center gap-3 text-left",
+            "data-cy": `bdd-test-trigger-${test.id}`,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "text-xs font-mono text-muted-foreground min-w-[2rem]", children: String(index + 1).padStart(2, "0") }),
+              /* @__PURE__ */ jsx(
+                ChevronDown,
+                {
+                  className: cn(
+                    "h-4 w-4 text-muted-foreground transition-transform",
+                    isOpen && "rotate-180"
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+                /* @__PURE__ */ jsx("span", { className: "font-mono text-xs text-violet-600 dark:text-violet-400", children: test.id }),
+                /* @__PURE__ */ jsx("span", { className: "font-medium truncate", children: test.title })
+              ] }) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [
+                test.metadata.type && /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "text-xs gap-1", children: [
+                  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 })
+              ] })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxs("div", { className: "px-4 pb-4 space-y-4", children: [
+          test.metadata.tags && test.metadata.tags.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+            /* @__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))
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx("div", { className: "absolute top-2 right-2 z-10", children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                onClick: copyScenario,
+                className: "h-8 px-2 text-slate-400 hover:text-slate-200",
+                "data-cy": `bdd-copy-${test.id}`,
+                children: copied ? /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-green-400" }) : /* @__PURE__ */ jsx(Copy, { className: "h-4 w-4" })
+              }
+            ) }),
+            /* @__PURE__ */ jsx(GherkinHighlighter, { code: currentScenario })
+          ] }),
+          test.expectedResults && test.expectedResults.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium text-muted-foreground", children: "Expected Results" }),
+            /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: test.expectedResults.map((result, idx) => /* @__PURE__ */ jsxs(
+              "li",
+              {
+                className: "flex items-start gap-2 text-sm text-muted-foreground",
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-green-500 mt-0.5", children: "\u2713" }),
+                  result
+                ]
+              },
+              idx
+            )) })
+          ] }),
+          test.notes && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground bg-muted/50 rounded-md p-3", children: test.notes })
+        ] }) })
+      ]
+    }
+  ) });
+}
+export {
+  BDDTestCard
+};

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

@@ -0,0 +1,18 @@
+interface BDDTestViewerProps {
+    content: string;
+    className?: string;
+}
+/**
+ * BDDTestViewer Component
+ *
+ * Main component for viewing BDD test documentation.
+ * Features:
+ * - Feature header with stats
+ * - Collapsible test cases
+ * - Table of contents navigation (sticky on scroll)
+ * - Search/filter functionality
+ * - Expand/collapse all
+ */
+export declare function BDDTestViewer({ content, className }: BDDTestViewerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BDDTestViewer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BDDTestViewer.d.ts","sourceRoot":"","sources":["../../../../src/components/devtools/bdd/BDDTestViewer.tsx"],"names":[],"mappings":"AAiBA,UAAU,kBAAkB;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CA6MvE"}

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

@@ -0,0 +1,175 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useMemo, useCallback, useEffect, useRef } from "react";
+import { Input } from "../../ui/input";
+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 { useTranslations } from "next-intl";
+const LANGUAGE_STORAGE_KEY = "bdd-viewer-language";
+function BDDTestViewer({ content, className }) {
+  const t = useTranslations("devtools.tests");
+  const [document, setDocument] = useState(null);
+  const [openTests, setOpenTests] = useState(/* @__PURE__ */ new Set());
+  const [searchQuery, setSearchQuery] = useState("");
+  const [activeTestId, setActiveTestId] = useState(null);
+  const testRefs = useRef(/* @__PURE__ */ new Map());
+  const [language, setLanguage] = useState("en");
+  useEffect(() => {
+    const saved = localStorage.getItem(LANGUAGE_STORAGE_KEY);
+    if (saved && (saved === "en" || saved === "es")) {
+      setLanguage(saved);
+    }
+  }, []);
+  const handleLanguageChange = useCallback((lang) => {
+    setLanguage(lang);
+    localStorage.setItem(LANGUAGE_STORAGE_KEY, lang);
+  }, []);
+  useEffect(() => {
+    const parsed = parseBDDDocument(content);
+    setDocument(parsed);
+    if (parsed.tests.length > 0) {
+      setOpenTests(/* @__PURE__ */ new Set([parsed.tests[0].id]));
+      setActiveTestId(parsed.tests[0].id);
+    }
+  }, [content]);
+  const hasMultipleLanguages = useMemo(() => {
+    if (!document) return false;
+    return document.tests.some(
+      (test) => {
+        var _a, _b;
+        return ((_a = test.scenarios) == null ? void 0 : _a.en) && ((_b = test.scenarios) == null ? void 0 : _b.es);
+      }
+    );
+  }, [document]);
+  const filteredTests = useMemo(() => {
+    if (!document) return [];
+    if (!searchQuery.trim()) return document.tests;
+    const query = searchQuery.toLowerCase();
+    return document.tests.filter((test) => {
+      var _a;
+      return test.id.toLowerCase().includes(query) || test.title.toLowerCase().includes(query) || test.scenario.toLowerCase().includes(query) || ((_a = test.metadata.tags) == null ? void 0 : _a.some((tag) => tag.toLowerCase().includes(query)));
+    });
+  }, [document, searchQuery]);
+  const handleToggleTest = useCallback((testId) => {
+    setOpenTests((prev) => {
+      const next = new Set(prev);
+      if (next.has(testId)) {
+        next.delete(testId);
+      } else {
+        next.add(testId);
+      }
+      return next;
+    });
+    setActiveTestId(testId);
+  }, []);
+  const handleSelectTest = useCallback((testId) => {
+    setOpenTests((prev) => {
+      const next = new Set(prev);
+      next.add(testId);
+      return next;
+    });
+    setActiveTestId(testId);
+    requestAnimationFrame(() => {
+      const ref = testRefs.current.get(testId);
+      if (ref) {
+        ref.scrollIntoView({ behavior: "smooth", block: "start" });
+      }
+    });
+  }, []);
+  const handleExpandAll = useCallback(() => {
+    if (!document) return;
+    setOpenTests(new Set(document.tests.map((t2) => t2.id)));
+  }, [document]);
+  const handleCollapseAll = useCallback(() => {
+    setOpenTests(/* @__PURE__ */ new Set());
+  }, []);
+  if (!document) {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsx("div", { className: "animate-pulse text-muted-foreground", children: "Loading..." }) });
+  }
+  const allExpanded = document.tests.length > 0 && openTests.size === document.tests.length;
+  const hasTOC = document.tests.length > 3;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex gap-6 h-full", className), "data-cy": "bdd-test-viewer", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 space-y-6 overflow-y-auto pr-2", children: [
+      /* @__PURE__ */ jsx(
+        BDDHeader,
+        {
+          feature: document.feature,
+          testCount: document.tests.length,
+          language,
+          onLanguageChange: handleLanguageChange,
+          hasMultipleLanguages
+        }
+      ),
+      /* @__PURE__ */ jsx(Separator, {}),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative flex-1 max-w-sm", children: [
+          /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "search",
+              placeholder: t("searchPlaceholder"),
+              value: searchQuery,
+              onChange: (e) => setSearchQuery(e.target.value),
+              className: "pl-9",
+              "data-cy": "bdd-search"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: allExpanded ? handleCollapseAll : handleExpandAll,
+            "data-cy": "bdd-expand-toggle",
+            children: allExpanded ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(ShrinkIcon, { className: "h-4 w-4 mr-2" }),
+              t("collapseAll")
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(ExpandIcon, { className: "h-4 w-4 mr-2" }),
+              t("expandAll")
+            ] })
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-3 pb-6", children: filteredTests.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center py-12 text-muted-foreground", children: searchQuery ? t("noMatchingTests") : t("noTests") }) : filteredTests.map((test, index) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-test-id": test.id,
+          ref: (el) => {
+            if (el) testRefs.current.set(test.id, el);
+          },
+          children: /* @__PURE__ */ jsx(
+            BDDTestCard,
+            {
+              test,
+              index,
+              isOpen: openTests.has(test.id),
+              onToggle: () => handleToggleTest(test.id),
+              language
+            }
+          )
+        },
+        test.id
+      )) })
+    ] }),
+    hasTOC && /* @__PURE__ */ jsx("aside", { className: "hidden lg:block w-64 shrink-0 self-start sticky top-0", children: /* @__PURE__ */ jsx("div", { className: "max-h-[calc(100vh-14rem)] overflow-y-auto", children: /* @__PURE__ */ jsx(
+      BDDTableOfContents,
+      {
+        tests: document.tests,
+        activeTestId,
+        onSelectTest: handleSelectTest
+      }
+    ) }) })
+  ] });
+}
+export {
+  BDDTestViewer
+};

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

@@ -0,0 +1,17 @@
+interface GherkinHighlighterProps {
+    code: string;
+    className?: string;
+}
+/**
+ * GherkinHighlighter Component
+ *
+ * Provides syntax highlighting for Gherkin/Cucumber scenarios.
+ * Colors:
+ * - Given/And (preconditions): Blue
+ * - When (actions): Green
+ * - Then (assertions): Purple
+ * - Scenario/Feature: Orange
+ */
+export declare function GherkinHighlighter({ code, className }: GherkinHighlighterProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=GherkinHighlighter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GherkinHighlighter.d.ts","sourceRoot":"","sources":["../../../../src/components/devtools/bdd/GherkinHighlighter.tsx"],"names":[],"mappings":"AAKA,UAAU,uBAAuB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAiF9E"}

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

@@ -0,0 +1,82 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { cn } from "../../../lib/utils";
+function GherkinHighlighter({ code, className }) {
+  const tokenizedLines = useMemo(() => {
+    return code.split("\n").map((line) => {
+      const trimmed = line.trim();
+      const keywordPatterns = [
+        { pattern: /^(Given)\s+/i, type: "given" },
+        { pattern: /^(When)\s+/i, type: "when" },
+        { pattern: /^(Then)\s+/i, type: "then" },
+        { pattern: /^(And)\s+/i, type: "and" },
+        { pattern: /^(But)\s+/i, type: "but" },
+        { pattern: /^(Scenario(?:\s+Outline)?:?)\s*/i, type: "scenario" },
+        { pattern: /^(Feature:)\s*/i, type: "feature" },
+        { pattern: /^(Background:)\s*/i, type: "background" }
+      ];
+      for (const { pattern, type } of keywordPatterns) {
+        const match = trimmed.match(pattern);
+        if (match) {
+          return {
+            keyword: match[1],
+            keywordType: type,
+            content: trimmed.slice(match[0].length)
+          };
+        }
+      }
+      return { content: line };
+    });
+  }, [code]);
+  const getKeywordColor = (type) => {
+    switch (type) {
+      case "given":
+        return "text-blue-500 dark:text-blue-400";
+      case "when":
+        return "text-green-500 dark:text-green-400";
+      case "then":
+        return "text-purple-500 dark:text-purple-400";
+      case "and":
+      case "but":
+        return "text-slate-500 dark:text-slate-400";
+      case "scenario":
+      case "feature":
+      case "background":
+        return "text-orange-500 dark:text-orange-400";
+      default:
+        return "";
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "pre",
+    {
+      className: cn(
+        "bg-slate-900 dark:bg-slate-950 rounded-lg p-4 overflow-x-auto text-sm font-mono",
+        className
+      ),
+      children: /* @__PURE__ */ jsx("code", { children: tokenizedLines.map((line, index) => /* @__PURE__ */ jsx("div", { className: "leading-relaxed", children: line.keyword ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: cn("font-semibold", getKeywordColor(line.keywordType)), children: line.keyword }),
+        /* @__PURE__ */ jsxs("span", { className: "text-slate-300 dark:text-slate-200", children: [
+          " ",
+          highlightParameters(line.content)
+        ] })
+      ] }) : /* @__PURE__ */ jsx("span", { className: "text-slate-400 dark:text-slate-500", children: line.content || "\xA0" }) }, index)) })
+    }
+  );
+}
+function highlightParameters(text) {
+  const parts = text.split(/(".*?"|<\w+>)/g);
+  return parts.map((part, index) => {
+    if (part.startsWith('"') && part.endsWith('"')) {
+      return /* @__PURE__ */ jsx("span", { className: "text-amber-400 dark:text-amber-300", children: part }, index);
+    }
+    if (part.startsWith("<") && part.endsWith(">")) {
+      return /* @__PURE__ */ jsx("span", { className: "text-cyan-400 dark:text-cyan-300 italic", children: part }, index);
+    }
+    return part;
+  });
+}
+export {
+  GherkinHighlighter
+};

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

@@ -0,0 +1,13 @@
+/**
+ * BDD Test Viewer Components
+ *
+ * Specialized components for viewing BDD/Gherkin test documentation.
+ */
+export { BDDTestViewer } from './BDDTestViewer';
+export { BDDHeader } from './BDDHeader';
+export { BDDTestCard } from './BDDTestCard';
+export { BDDTableOfContents } from './BDDTableOfContents';
+export { GherkinHighlighter } from './GherkinHighlighter';
+export { parseBDDDocument } from './parser';
+export type { BDDDocument, BDDFeature, BDDTestCase, BDDTestMetadata, BDDLanguage, BDDScenarios } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/devtools/bdd/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}

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

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

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

@@ -0,0 +1,12 @@
+/**
+ * BDD Document Parser
+ *
+ * Parses BDD markdown documents into structured data.
+ * Supports both the new simplified format and legacy HTML table format.
+ */
+import type { BDDDocument } from './types';
+/**
+ * Main parser function
+ */
+export declare function parseBDDDocument(content: string): BDDDocument;
+//# sourceMappingURL=parser.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,141 @@
+function parseFrontmatter(content) {
+  const frontmatterMatch = content.match(/^---\n([\s\S]*?)\n---\n([\s\S]*)$/);
+  if (!frontmatterMatch) {
+    return { frontmatter: {}, body: content };
+  }
+  const [, yamlContent, body] = frontmatterMatch;
+  const frontmatter = {};
+  yamlContent.split("\n").forEach((line) => {
+    const match = line.match(/^(\w+):\s*(.+)$/);
+    if (match) {
+      const [, key, value] = match;
+      if (value.startsWith("[") && value.endsWith("]")) {
+        frontmatter[key] = value.slice(1, -1).split(",").map((s) => s.trim());
+      } else {
+        frontmatter[key] = value;
+      }
+    }
+  });
+  return { frontmatter, body };
+}
+function parseFeature(frontmatter, body) {
+  const titleMatch = body.match(/^#\s+(.+)$/m);
+  const descMatch = body.match(/^>\s+(.+)$/m);
+  let grepTags = frontmatter.grepTags;
+  if (grepTags) {
+    grepTags = grepTags.map((tag) => tag.replace(/^['"]|['"]$/g, ""));
+  }
+  return {
+    title: frontmatter.feature || (titleMatch == null ? void 0 : titleMatch[1]) || "Untitled Feature",
+    description: (descMatch == null ? void 0 : descMatch[1]) || "",
+    priority: frontmatter.priority,
+    tags: frontmatter.tags,
+    grepTags,
+    coverage: frontmatter.coverage ? parseInt(String(frontmatter.coverage), 10) : void 0
+  };
+}
+function parseTestMetadata(section) {
+  const metadata = {};
+  const priorityMatch = section.match(/\*\*Priority:\*\*\s*(\w+)/i);
+  if (priorityMatch) {
+    metadata.priority = priorityMatch[1].toLowerCase();
+  }
+  const typeMatch = section.match(/\*\*Type:\*\*\s*(\w+)/i);
+  if (typeMatch) {
+    metadata.type = typeMatch[1].toLowerCase();
+  }
+  const tagsMatch = section.match(/\*\*Tags:\*\*\s*(.+)/i);
+  if (tagsMatch) {
+    metadata.tags = tagsMatch[1].split(",").map((t) => t.trim());
+  }
+  const automatedMatch = section.match(/\*\*Automated:\*\*\s*(yes|true)/i);
+  metadata.automated = !!automatedMatch;
+  return metadata;
+}
+function extractGherkinScenarios(section) {
+  const scenarios = {};
+  const langBlockPattern = /```gherkin:(en|es)\n([\s\S]*?)```/g;
+  let match;
+  while ((match = langBlockPattern.exec(section)) !== null) {
+    const [, lang, content] = match;
+    scenarios[lang] = content.trim();
+  }
+  if (!scenarios.en && !scenarios.es) {
+    const genericMatch = section.match(/```gherkin\n([\s\S]*?)```/);
+    if (genericMatch) {
+      scenarios.en = genericMatch[1].trim();
+    }
+  }
+  return scenarios;
+}
+function extractGherkinScenario(section) {
+  const scenarios = extractGherkinScenarios(section);
+  return scenarios.en || scenarios.es || "";
+}
+function extractExpectedResults(section) {
+  const resultsMatch = section.match(/### Expected Results\n([\s\S]*?)(?=\n---|\n## @test|$)/);
+  if (!resultsMatch) return [];
+  return resultsMatch[1].split("\n").filter((line) => line.startsWith("- ")).map((line) => line.slice(2).trim());
+}
+function parseNewFormatTests(body) {
+  const testSections = body.split(/(?=## @test )/);
+  const tests = [];
+  for (const section of testSections) {
+    const headerMatch = section.match(/^## @test\s+([\w-]+):\s*(.+)$/m);
+    if (!headerMatch) continue;
+    const [, id, title] = headerMatch;
+    const scenarios = extractGherkinScenarios(section);
+    tests.push({
+      id,
+      title: title.trim(),
+      metadata: parseTestMetadata(section),
+      scenario: scenarios.en || scenarios.es || "",
+      scenarios,
+      expectedResults: extractExpectedResults(section)
+    });
+  }
+  return tests;
+}
+function parseLegacyFormatTests(body) {
+  const tests = [];
+  const testSections = body.split(/(?=## (?:\d+\.|TC-|TEST-))/i);
+  for (const section of testSections) {
+    const headerMatch = section.match(/^## (?:(\d+)\.\s*)?(?:(TC-[\w-]+|TEST-[\w-]+)[:\s]*)?\s*(.+)$/m);
+    if (!headerMatch) continue;
+    const [, num, explicitId, title] = headerMatch;
+    const id = explicitId || `TC-${String(num || tests.length + 1).padStart(3, "0")}`;
+    const scenarios = extractGherkinScenarios(section);
+    const scenario = scenarios.en || scenarios.es || "";
+    const metadata = {};
+    if (section.toLowerCase().includes("smoke")) metadata.type = "smoke";
+    if (section.toLowerCase().includes("critical") || section.toLowerCase().includes("high"))
+      metadata.priority = "high";
+    if (scenario) {
+      tests.push({
+        id,
+        title: title.trim(),
+        metadata,
+        scenario,
+        scenarios
+      });
+    }
+  }
+  return tests;
+}
+function parseBDDDocument(content) {
+  const { frontmatter, body } = parseFrontmatter(content);
+  const feature = parseFeature(frontmatter, body);
+  const isNewFormat = body.includes("## @test ");
+  const tests = isNewFormat ? parseNewFormatTests(body) : parseLegacyFormatTests(body);
+  if (!feature.coverage && tests.length > 0) {
+    feature.coverage = tests.length;
+  }
+  return {
+    feature,
+    tests,
+    rawContent: content
+  };
+}
+export {
+  parseBDDDocument
+};

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

@@ -0,0 +1,41 @@
+/**
+ * BDD Test Document Types
+ *
+ * Defines the structure for parsed BDD test documents.
+ */
+export interface BDDFeature {
+    title: string;
+    description: string;
+    priority?: 'high' | 'medium' | 'low';
+    tags?: string[];
+    grepTags?: string[];
+    coverage?: number;
+}
+export interface BDDTestMetadata {
+    priority?: 'high' | 'medium' | 'low';
+    type?: 'smoke' | 'regression' | 'integration' | 'e2e';
+    tags?: string[];
+    automated?: boolean;
+}
+export type BDDLanguage = 'en' | 'es';
+export interface BDDScenarios {
+    en?: string;
+    es?: string;
+}
+export interface BDDTestCase {
+    id: string;
+    title: string;
+    metadata: BDDTestMetadata;
+    /** @deprecated Use scenarios instead */
+    scenario: string;
+    /** Bilingual scenarios */
+    scenarios: BDDScenarios;
+    expectedResults?: string[];
+    notes?: string;
+}
+export interface BDDDocument {
+    feature: BDDFeature;
+    tests: BDDTestCase[];
+    rawContent: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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"}