@principal-ade/dynamic-file-tree 0.1.58 → 0.1.60

package/dist/index.d.ts

@@ -20,6 +20,8 @@ export { MultiFileTree, MultiFileTreeCore } from './src/components/MultiFileTree
 export type { MultiFileTreeProps, MultiFileTreeCoreProps } from './src/components/MultiFileTree';
 export { StoryboardWorkflowsTreeCore } from './src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore';
 export type { StoryboardWorkflowsTreeProps, StoryboardWorkflowNodeData, StoryboardWorkflowNodeType, DiscoveredStoryboard, DiscoveredWorkflow, } from './src/components/StoryboardWorkflowsTree/types';
+export { WorkflowScenarioTreeCore } from './src/components/WorkflowScenarioTree';
+export type { WorkflowScenarioTreeProps, WorkflowScenarioNodeData, WorkflowScenarioNodeType, WorkflowWithScenarios, WorkflowFilterMode, } from './src/components/WorkflowScenarioTree';
 export { CanvasListTreeCore } from './src/components/CanvasListTree/CanvasListTreeCore';
 export type { CanvasListTreeProps, CanvasListNodeData, CanvasListNodeType, DiscoveredCanvas, } from './src/components/CanvasListTree/types';
 export { TelemetryCoverageFileTree, calculateTelemetryCoverageStats, } from './src/components/TelemetryCoverageFileTree';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAGxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,YAAY,EAAE,eAAe,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAGxG,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAG7E,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,YAAY,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAG7E,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,YAAY,EAAE,oBAAoB,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAGhG,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,YAAY,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAGnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,YAAY,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAGjF,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,YAAY,EACV,sBAAsB,EACtB,aAAa,EACb,SAAS,EACV,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,0BAA0B,EAAE,MAAM,6CAA6C,CAAC;AACzF,YAAY,EAAE,+BAA+B,EAAE,MAAM,6CAA6C,CAAC;AAGnG,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAClF,YAAY,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAGjG,OAAO,EAAE,2BAA2B,EAAE,MAAM,sEAAsE,CAAC;AACnH,YAAY,EACV,4BAA4B,EAC5B,0BAA0B,EAC1B,0BAA0B,EAC1B,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,gDAAgD,CAAC;AAGxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,YAAY,EACV,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,uCAAuC,CAAC;AAG/C,OAAO,EACL,yBAAyB,EACzB,+BAA+B,GAChC,MAAM,4CAA4C,CAAC;AACpD,YAAY,EACV,8BAA8B,EAC9B,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAAE,kCAAkC,EAAE,MAAM,qDAAqD,CAAC;AACzG,YAAY,EAAE,uCAAuC,EAAE,MAAM,qDAAqD,CAAC;AAGnH,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EACf,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAGxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,YAAY,EAAE,eAAe,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAGxG,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAG7E,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,YAAY,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAG7E,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,YAAY,EAAE,oBAAoB,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAGhG,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,YAAY,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAGnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,YAAY,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAGjF,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,YAAY,EACV,sBAAsB,EACtB,aAAa,EACb,SAAS,EACV,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,0BAA0B,EAAE,MAAM,6CAA6C,CAAC;AACzF,YAAY,EAAE,+BAA+B,EAAE,MAAM,6CAA6C,CAAC;AAGnG,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAClF,YAAY,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAGjG,OAAO,EAAE,2BAA2B,EAAE,MAAM,sEAAsE,CAAC;AACnH,YAAY,EACV,4BAA4B,EAC5B,0BAA0B,EAC1B,0BAA0B,EAC1B,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,gDAAgD,CAAC;AAGxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AACjF,YAAY,EACV,yBAAyB,EACzB,wBAAwB,EACxB,wBAAwB,EACxB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,uCAAuC,CAAC;AAG/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,YAAY,EACV,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,uCAAuC,CAAC;AAG/C,OAAO,EACL,yBAAyB,EACzB,+BAA+B,GAChC,MAAM,4CAA4C,CAAC;AACpD,YAAY,EACV,8BAA8B,EAC9B,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAAE,kCAAkC,EAAE,MAAM,qDAAqD,CAAC;AACzG,YAAY,EAAE,uCAAuC,EAAE,MAAM,qDAAqD,CAAC;AAGnH,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EACf,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/index.mjs

@@ -1889,10 +1889,10 @@ var MultiFileTree = ({
   }, "Selected: ", selectedFile.source.name, " / ", selectedFile.path));
 };
 // src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore.tsx
-import { Package, FolderKanban, LayoutDashboard, Workflow, BookOpen, FolderOpen, CheckCircle2 } from "lucide-react";
+import { Package, FolderKanban, LayoutDashboard, Workflow, BookOpen, FolderOpen, CheckCircle2, GitCommit, CircleDot, Circle } from "lucide-react";
 import React11, { useMemo as useMemo9, useRef as useRef5 } from "react";
 import { Tree as Tree3 } from "react-arborist";
-var buildTreeData = (storyboards, workflowCoverageMap) => {
+var buildTreeDataFromStoryboards = (storyboards, workflowCoverageMap, traceWorkflowsSet, filterMode, versionPrefix) => {
   const packagesMap = new Map;
   const rootStoryboards = [];
   for (const storyboard of storyboards) {
@@ -1906,16 +1906,18 @@ var buildTreeData = (storyboards, workflowCoverageMap) => {
   }
   const buildStoryboardNode = (storyboard) => {
     const children = [];
+    const canvasId = versionPrefix ? `canvas:${versionPrefix}:${storyboard.id}` : `canvas:${storyboard.id}`;
     children.push({
-      id: `canvas:${storyboard.id}`,
+      id: canvasId,
       name: "Storyboard",
       type: "canvas",
       canvas: storyboard.canvas,
       storyboard
     });
     if (storyboard.canvas.markdownPath) {
+      const overviewId = versionPrefix ? `overview:${versionPrefix}:${storyboard.id}` : `overview:${storyboard.id}`;
       children.push({
-        id: `overview:${storyboard.id}`,
+        id: overviewId,
         name: "Overview",
         type: "overview",
         storyboard,
@@ -1923,28 +1925,51 @@ var buildTreeData = (storyboards, workflowCoverageMap) => {
       });
     }
     if (storyboard.workflows.length > 0) {
-      const workflowNodes = storyboard.workflows.map((workflow) => ({
-        id: `workflow:${workflow.id}`,
-        name: workflow.name,
-        type: "workflow",
-        workflow,
-        storyboard,
-        isFullyCovered: workflowCoverageMap?.[workflow.id] ?? false
-      })).sort((a, b) => a.name.localeCompare(b.name));
-      children.push({
-        id: `workflows:${storyboard.id}`,
-        name: "Workflows",
-        type: "workflows",
-        storyboard,
-        children: workflowNodes
-      });
+      let workflowNodes = storyboard.workflows.map((workflow) => {
+        const workflowHasTraces = traceWorkflowsSet?.has(workflow.id) ?? false;
+        const workflowNodeId = versionPrefix ? `workflow:${versionPrefix}:${workflow.id}` : `workflow:${workflow.id}`;
+        return {
+          id: workflowNodeId,
+          name: workflow.name,
+          type: "workflow",
+          workflow,
+          storyboard,
+          isFullyCovered: workflowCoverageMap?.[workflow.id] ?? false,
+          hasTraces: workflowHasTraces
+        };
+      }).sort((a, b) => a.name.localeCompare(b.name));
+      if (filterMode === "with-traces") {
+        workflowNodes = workflowNodes.filter((node) => node.hasTraces);
+      } else if (filterMode === "without-traces") {
+        workflowNodes = workflowNodes.filter((node) => !node.hasTraces);
+      }
+      if (workflowNodes.length > 0) {
+        const workflowsId = versionPrefix ? `workflows:${versionPrefix}:${storyboard.id}` : `workflows:${storyboard.id}`;
+        children.push({
+          id: workflowsId,
+          name: "Workflows",
+          type: "workflows",
+          storyboard,
+          children: workflowNodes
+        });
+      }
     }
+    const storyboardHasTracedWorkflows = storyboard.workflows.some((workflow) => traceWorkflowsSet?.has(workflow.id) ?? false);
+    const storyboardHasUntracedWorkflows = storyboard.workflows.some((workflow) => !(traceWorkflowsSet?.has(workflow.id) ?? false));
+    if (filterMode === "with-traces" && !storyboardHasTracedWorkflows) {
+      return null;
+    }
+    if (filterMode === "without-traces" && !storyboardHasUntracedWorkflows) {
+      return null;
+    }
+    const storyboardId = versionPrefix ? `storyboard:${versionPrefix}:${storyboard.id}` : `storyboard:${storyboard.id}`;
     return {
-      id: `storyboard:${storyboard.id}`,
+      id: storyboardId,
       name: storyboard.name,
       type: "storyboard",
       storyboard,
-      children
+      children,
+      hasTraces: storyboardHasTracedWorkflows
     };
   };
   const hasMultiplePackages = packagesMap.size > 1;
@@ -1953,26 +1978,32 @@ var buildTreeData = (storyboards, workflowCoverageMap) => {
   if (shouldShowPackageLevel) {
     const result = [];
     for (const [packageName, packageStoryboards] of packagesMap) {
-      const storyboardNodes = packageStoryboards.map(buildStoryboardNode).sort((a, b) => a.name.localeCompare(b.name));
-      result.push({
-        id: `package:${packageName}`,
-        name: packageName,
-        type: "package",
-        packageName,
-        scope: "package",
-        children: storyboardNodes
-      });
+      const storyboardNodes = packageStoryboards.map(buildStoryboardNode).filter((node) => node !== null).sort((a, b) => a.name.localeCompare(b.name));
+      if (storyboardNodes.length > 0) {
+        const packageId = versionPrefix ? `package:${versionPrefix}:${packageName}` : `package:${packageName}`;
+        result.push({
+          id: packageId,
+          name: packageName,
+          type: "package",
+          packageName,
+          scope: "package",
+          children: storyboardNodes
+        });
+      }
     }
     if (rootStoryboards.length > 0) {
-      const rootStoryboardNodes = rootStoryboards.map(buildStoryboardNode).sort((a, b) => a.name.localeCompare(b.name));
-      result.push({
-        id: "package:root",
-        name: "Root",
-        type: "package",
-        packageName: "root",
-        scope: "root",
-        children: rootStoryboardNodes
-      });
+      const rootStoryboardNodes = rootStoryboards.map(buildStoryboardNode).filter((node) => node !== null).sort((a, b) => a.name.localeCompare(b.name));
+      if (rootStoryboardNodes.length > 0) {
+        const rootPackageId = versionPrefix ? `package:${versionPrefix}:root` : "package:root";
+        result.push({
+          id: rootPackageId,
+          name: "Root",
+          type: "package",
+          packageName: "root",
+          scope: "root",
+          children: rootStoryboardNodes
+        });
+      }
     }
     return result.sort((a, b) => {
       if (a.packageName === "root")
@@ -1986,9 +2017,55 @@ var buildTreeData = (storyboards, workflowCoverageMap) => {
     for (const packageStoryboards of packagesMap.values()) {
       allStoryboards.push(...packageStoryboards);
     }
-    return allStoryboards.map(buildStoryboardNode).sort((a, b) => a.name.localeCompare(b.name));
+    return allStoryboards.map(buildStoryboardNode).filter((node) => node !== null).sort((a, b) => a.name.localeCompare(b.name));
   }
 };
+var buildTreeDataFromVersions = (versionSnapshots, workflowCoverageMap, filterMode, traceWorkflowsSet) => {
+  console.log("[buildTreeDataFromVersions] Called with:", {
+    snapshotCount: versionSnapshots.length,
+    filterMode,
+    traceWorkflowsSet
+  });
+  const result = [];
+  for (const snapshot of versionSnapshots) {
+    const versionKey = `${snapshot.repositoryUrl}@${snapshot.commitSha}`;
+    console.log("[buildTreeDataFromVersions] Processing version:", versionKey);
+    console.log("[buildTreeDataFromVersions] Storyboards in snapshot:", snapshot.storyboards.length);
+    const versionHasTracedWorkflows = snapshot.storyboards.some((storyboard) => storyboard.workflows.some((workflow) => traceWorkflowsSet?.has(workflow.id) ?? false));
+    const versionHasUntracedWorkflows = snapshot.storyboards.some((storyboard) => storyboard.workflows.some((workflow) => !(traceWorkflowsSet?.has(workflow.id) ?? false)));
+    console.log("[buildTreeDataFromVersions] Version has traced workflows:", versionHasTracedWorkflows);
+    console.log("[buildTreeDataFromVersions] Version has untraced workflows:", versionHasUntracedWorkflows);
+    if (filterMode === "with-traces" && !versionHasTracedWorkflows) {
+      console.log("[buildTreeDataFromVersions] Skipping version (no traced workflows)");
+      continue;
+    }
+    if (filterMode === "without-traces" && !versionHasUntracedWorkflows) {
+      console.log("[buildTreeDataFromVersions] Skipping version (no untraced workflows)");
+      continue;
+    }
+    console.log("[buildTreeDataFromVersions] Building storyboard children...");
+    const storyboardChildren = buildTreeDataFromStoryboards(snapshot.storyboards, workflowCoverageMap, traceWorkflowsSet, filterMode, versionKey);
+    console.log("[buildTreeDataFromVersions] Storyboard children:", storyboardChildren);
+    console.log("[buildTreeDataFromVersions] Storyboard children length:", storyboardChildren.length);
+    if (storyboardChildren.length === 0) {
+      console.log("[buildTreeDataFromVersions] Skipping version (no children after filtering)");
+      continue;
+    }
+    const repoName = snapshot.repositoryUrl.replace("https://github.com/", "");
+    const shortSha = snapshot.commitSha.substring(0, 8);
+    result.push({
+      id: `version:${versionKey}`,
+      name: `${repoName}@${shortSha}`,
+      type: "version",
+      versionSnapshot: snapshot,
+      repositoryUrl: snapshot.repositoryUrl,
+      commitSha: snapshot.commitSha,
+      hasTraces: versionHasTracedWorkflows,
+      children: storyboardChildren
+    });
+  }
+  return result;
+};
 var StoryboardWorkflowsTreeCore = ({
   storyboards,
   theme,
@@ -2000,7 +2077,10 @@ var StoryboardWorkflowsTreeCore = ({
   verticalNodePadding = "6px",
   verticalPadding = "20px",
   enableDragAndDrop = false,
-  workflowCoverageMap
+  workflowCoverageMap,
+  versionSnapshots,
+  workflowFilterMode = "all",
+  traceWorkflowsSet
 }) => {
   const dndProps = getDndProps(enableDragAndDrop);
   const rowHeight = useMemo9(() => {
@@ -2009,11 +2089,29 @@ var StoryboardWorkflowsTreeCore = ({
     const borderHeight = 2;
     return contentLineHeight + paddingValue * 2 + borderHeight;
   }, [verticalNodePadding]);
-  const treeData = useMemo9(() => buildTreeData(storyboards, workflowCoverageMap), [storyboards, workflowCoverageMap]);
+  const treeData = useMemo9(() => {
+    console.log("[StoryboardWorkflowsTreeCore] Building tree data...");
+    console.log("[StoryboardWorkflowsTreeCore] versionSnapshots:", versionSnapshots);
+    console.log("[StoryboardWorkflowsTreeCore] versionSnapshots.length:", versionSnapshots?.length);
+    console.log("[StoryboardWorkflowsTreeCore] workflowFilterMode:", workflowFilterMode);
+    console.log("[StoryboardWorkflowsTreeCore] traceWorkflowsSet:", traceWorkflowsSet);
+    if (versionSnapshots && versionSnapshots.length > 0) {
+      const result = buildTreeDataFromVersions(versionSnapshots, workflowCoverageMap, workflowFilterMode, traceWorkflowsSet);
+      console.log("[StoryboardWorkflowsTreeCore] buildTreeDataFromVersions result:", result);
+      console.log("[StoryboardWorkflowsTreeCore] result.length:", result.length);
+      return result;
+    } else {
+      const result = buildTreeDataFromStoryboards(storyboards, workflowCoverageMap, traceWorkflowsSet, workflowFilterMode);
+      console.log("[StoryboardWorkflowsTreeCore] buildTreeDataFromStoryboards result:", result);
+      return result;
+    }
+  }, [storyboards, versionSnapshots, workflowCoverageMap, traceWorkflowsSet, workflowFilterMode]);
   const NodeRenderer = (props) => {
     const { node } = props;
     const data = node.data;
-    const icon = data.type === "package" ? /* @__PURE__ */ React11.createElement(Package, {
+    const icon = data.type === "version" ? /* @__PURE__ */ React11.createElement(GitCommit, {
+      size: 16
+    }) : data.type === "package" ? /* @__PURE__ */ React11.createElement(Package, {
       size: 16
     }) : data.type === "storyboard" ? /* @__PURE__ */ React11.createElement(FolderKanban, {
       size: 16
@@ -2026,12 +2124,36 @@ var StoryboardWorkflowsTreeCore = ({
     }) : /* @__PURE__ */ React11.createElement(Workflow, {
       size: 16
     });
-    const nameColor = data.type === "package" ? theme.colors.primary : data.type === "storyboard" ? theme.colors.success : data.type === "overview" ? theme.colors.info || "#3b82f6" : data.type === "canvas" ? theme.colors.warning || "#f59e0b" : data.type === "workflows" ? theme.colors.text : theme.colors.textSecondary;
+    const nameColor = data.type === "version" ? data.hasTraces ? "#a855f7" : theme.colors.textMuted : data.type === "package" ? theme.colors.primary : data.type === "storyboard" ? data.hasTraces ? theme.colors.success : theme.colors.textSecondary : data.type === "overview" ? theme.colors.info || "#3b82f6" : data.type === "canvas" ? theme.colors.warning || "#f59e0b" : data.type === "workflows" ? theme.colors.text : data.type === "workflow" ? data.hasTraces ? theme.colors.textSecondary : theme.colors.textMuted : theme.colors.textSecondary;
     const nodeHorizontalPadding = data.type === "overview" || data.type === "canvas" || data.type === "workflows" || data.type === "workflow" ? `calc(${horizontalNodePadding} + 12px)` : horizontalNodePadding;
-    const rightContent = data.type === "workflow" && data.isFullyCovered ? /* @__PURE__ */ React11.createElement(CheckCircle2, {
-      size: 14,
-      style: { color: "#10b981", marginLeft: "6px" }
-    }) : undefined;
+    const rightContent = (() => {
+      if (data.type === "workflow") {
+        if (data.isFullyCovered) {
+          return /* @__PURE__ */ React11.createElement(CheckCircle2, {
+            size: 14,
+            style: { color: "#10b981", marginLeft: "6px" }
+          });
+        } else if (data.hasTraces !== undefined) {
+          return data.hasTraces ? /* @__PURE__ */ React11.createElement(CircleDot, {
+            size: 14,
+            style: { color: "#10b981", marginLeft: "6px" }
+          }) : /* @__PURE__ */ React11.createElement(Circle, {
+            size: 14,
+            style: { color: theme.colors.textMuted, marginLeft: "6px" }
+          });
+        }
+      }
+      if ((data.type === "version" || data.type === "storyboard") && data.hasTraces !== undefined) {
+        return data.hasTraces ? /* @__PURE__ */ React11.createElement(CircleDot, {
+          size: 14,
+          style: { color: "#10b981", marginLeft: "6px" }
+        }) : /* @__PURE__ */ React11.createElement(Circle, {
+          size: 14,
+          style: { color: theme.colors.textMuted, marginLeft: "6px" }
+        });
+      }
+      return;
+    })();
     return /* @__PURE__ */ React11.createElement(TreeNode, {
       ...props,
       theme,
@@ -2070,7 +2192,7 @@ var StoryboardWorkflowsTreeCore = ({
       ...verticalPadding ? { paddingTop: verticalPadding, paddingBottom: verticalPadding } : {}
     }
   }, /* @__PURE__ */ React11.createElement(Tree3, {
-    initialData: treeData,
+    data: treeData,
     onSelect: handleSelect,
     openByDefault: defaultOpen,
     ...initialOpenState !== undefined && { initialOpenState },
@@ -2081,11 +2203,240 @@ var StoryboardWorkflowsTreeCore = ({
     ...dndProps
   }, NodeRenderer));
 };
-// src/components/CanvasListTree/CanvasListTreeCore.tsx
-import { Package as Package2, Folder, LayoutDashboard as LayoutDashboard2, FileText } from "lucide-react";
-import React12, { useMemo as useMemo10, useRef as useRef6 } from "react";
+// src/components/WorkflowScenarioTree/WorkflowScenarioTreeCore.tsx
+import { Package as Package2, Workflow as Workflow2, GitCommit as GitCommit2, ListChecks, List } from "lucide-react";
+import React12, { useMemo as useMemo10 } from "react";
 import { Tree as Tree4 } from "react-arborist";
-var buildTreeData2 = (canvases) => {
+var buildTreeDataFromWorkflows = (workflows, workflowTraceCounts, scenarioTraceCounts, filterMode, minTraceCount) => {
+  const packagesMap = new Map;
+  const rootWorkflows = [];
+  for (const workflow of workflows) {
+    if (workflow.scope === "package" && workflow.packageName) {
+      const existing = packagesMap.get(workflow.packageName) || [];
+      existing.push(workflow);
+      packagesMap.set(workflow.packageName, existing);
+    } else {
+      rootWorkflows.push(workflow);
+    }
+  }
+  const buildWorkflowNode = (workflow) => {
+    const workflowTraceCount = workflowTraceCounts?.[workflow.id] ?? 0;
+    const hasTraces = workflowTraceCount > 0;
+    if (filterMode === "with-traces" && !hasTraces) {
+      return null;
+    }
+    if (filterMode === "without-traces" && hasTraces) {
+      return null;
+    }
+    if (filterMode === "minimum-traces" && workflowTraceCount < (minTraceCount ?? 1)) {
+      return null;
+    }
+    const scenarioNodes = workflow.scenarios.map((scenario) => {
+      const scenarioKey = `${workflow.id}/${scenario.id}`;
+      const scenarioTraceCount = scenarioTraceCounts?.[scenarioKey] ?? 0;
+      return {
+        id: `scenario:${workflow.id}:${scenario.id}`,
+        name: scenario.description,
+        type: "scenario",
+        scenario,
+        workflow,
+        traceCount: scenarioTraceCount,
+        hasTraces: scenarioTraceCount > 0
+      };
+    }).sort((a, b) => (b.traceCount ?? 0) - (a.traceCount ?? 0));
+    const displayName = `${workflow.storyboard.name}: ${workflow.name}`;
+    return {
+      id: `workflow:${workflow.id}`,
+      name: displayName,
+      type: "workflow",
+      workflow,
+      storyboard: workflow.storyboard,
+      traceCount: workflowTraceCount,
+      hasTraces,
+      children: scenarioNodes.length > 0 ? scenarioNodes : undefined
+    };
+  };
+  const hasMultiplePackages = packagesMap.size > 1;
+  const hasRootAndPackages = packagesMap.size > 0 && rootWorkflows.length > 0;
+  const shouldShowPackageLevel = hasMultiplePackages || hasRootAndPackages;
+  if (shouldShowPackageLevel) {
+    const result = [];
+    for (const [packageName, packageWorkflows] of packagesMap) {
+      const workflowNodes = packageWorkflows.map(buildWorkflowNode).filter((node) => node !== null).sort((a, b) => (b.traceCount ?? 0) - (a.traceCount ?? 0));
+      if (workflowNodes.length > 0) {
+        result.push({
+          id: `package:${packageName}`,
+          name: packageName,
+          type: "package",
+          packageName,
+          scope: "package",
+          children: workflowNodes
+        });
+      }
+    }
+    if (rootWorkflows.length > 0) {
+      const rootWorkflowNodes = rootWorkflows.map(buildWorkflowNode).filter((node) => node !== null).sort((a, b) => (b.traceCount ?? 0) - (a.traceCount ?? 0));
+      if (rootWorkflowNodes.length > 0) {
+        result.push({
+          id: "package:root",
+          name: "Root",
+          type: "package",
+          packageName: "root",
+          scope: "root",
+          children: rootWorkflowNodes
+        });
+      }
+    }
+    return result.sort((a, b) => {
+      if (a.packageName === "root")
+        return 1;
+      if (b.packageName === "root")
+        return -1;
+      return a.name.localeCompare(b.name);
+    });
+  } else {
+    const allWorkflows = [...rootWorkflows];
+    for (const packageWorkflows of packagesMap.values()) {
+      allWorkflows.push(...packageWorkflows);
+    }
+    return allWorkflows.map(buildWorkflowNode).filter((node) => node !== null).sort((a, b) => (b.traceCount ?? 0) - (a.traceCount ?? 0));
+  }
+};
+var buildTreeDataFromVersions2 = (versionSnapshots, workflowsByVersion, workflowTraceCounts, scenarioTraceCounts, filterMode, minTraceCount) => {
+  const result = [];
+  for (const snapshot of versionSnapshots) {
+    const versionKey = `${snapshot.repositoryUrl}@${snapshot.commitSha}`;
+    const versionWorkflows = workflowsByVersion.get(versionKey) || [];
+    const workflowChildren = buildTreeDataFromWorkflows(versionWorkflows, workflowTraceCounts, scenarioTraceCounts, filterMode, minTraceCount);
+    if (workflowChildren.length === 0) {
+      continue;
+    }
+    const versionTraceCount = versionWorkflows.reduce((sum, workflow) => {
+      return sum + (workflowTraceCounts?.[workflow.id] ?? 0);
+    }, 0);
+    const repoName = snapshot.repositoryUrl.replace("https://github.com/", "");
+    const shortSha = snapshot.commitSha.substring(0, 8);
+    result.push({
+      id: `version:${versionKey}`,
+      name: `${repoName}@${shortSha}`,
+      type: "version",
+      versionSnapshot: snapshot,
+      repositoryUrl: snapshot.repositoryUrl,
+      commitSha: snapshot.commitSha,
+      traceCount: versionTraceCount,
+      hasTraces: versionTraceCount > 0,
+      children: workflowChildren
+    });
+  }
+  return result.sort((a, b) => (b.traceCount ?? 0) - (a.traceCount ?? 0));
+};
+var WorkflowScenarioTreeCore = ({
+  workflows,
+  theme,
+  onClick,
+  selectedNodeId,
+  defaultOpen = false,
+  initialOpenState,
+  horizontalNodePadding = "16px",
+  verticalNodePadding = "6px",
+  verticalPadding = "20px",
+  versionSnapshots,
+  workflowTraceCounts,
+  scenarioTraceCounts,
+  workflowFilterMode = "all",
+  minTraceCount = 1
+}) => {
+  const rowHeight = useMemo10(() => {
+    const paddingValue = parseFloat(verticalNodePadding);
+    const contentLineHeight = 20;
+    const borderHeight = 2;
+    return contentLineHeight + paddingValue * 2 + borderHeight;
+  }, [verticalNodePadding]);
+  const treeData = useMemo10(() => {
+    if (versionSnapshots && versionSnapshots.length > 0) {
+      const workflowsByVersion = new Map;
+      for (const snapshot of versionSnapshots) {
+        const versionKey = `${snapshot.repositoryUrl}@${snapshot.commitSha}`;
+        const versionWorkflows = workflows.filter((workflow) => {
+          return snapshot.storyboards.some((sb) => sb.id === workflow.storyboardId);
+        });
+        workflowsByVersion.set(versionKey, versionWorkflows);
+      }
+      return buildTreeDataFromVersions2(versionSnapshots, workflowsByVersion, workflowTraceCounts, scenarioTraceCounts, workflowFilterMode, minTraceCount);
+    } else {
+      return buildTreeDataFromWorkflows(workflows, workflowTraceCounts, scenarioTraceCounts, workflowFilterMode, minTraceCount);
+    }
+  }, [workflows, versionSnapshots, workflowTraceCounts, scenarioTraceCounts, workflowFilterMode, minTraceCount]);
+  const NodeRenderer = (props) => {
+    const { node } = props;
+    const data = node.data;
+    const icon = data.type === "version" ? /* @__PURE__ */ React12.createElement(GitCommit2, {
+      size: 16
+    }) : data.type === "package" ? /* @__PURE__ */ React12.createElement(Package2, {
+      size: 16
+    }) : data.type === "workflow" ? /* @__PURE__ */ React12.createElement(Workflow2, {
+      size: 16
+    }) : data.type === "scenario" ? data.hasTraces ? /* @__PURE__ */ React12.createElement(ListChecks, {
+      size: 16
+    }) : /* @__PURE__ */ React12.createElement(List, {
+      size: 16
+    }) : null;
+    const nameColor = data.type === "version" ? data.hasTraces ? "#a855f7" : theme.colors.textMuted : data.type === "package" ? theme.colors.primary : data.type === "workflow" ? data.hasTraces ? theme.colors.success : theme.colors.textSecondary : data.hasTraces ? theme.colors.secondary : theme.colors.textMuted;
+    const nodeHorizontalPadding = data.type === "workflow" || data.type === "scenario" ? `calc(${horizontalNodePadding} + 12px)` : horizontalNodePadding;
+    const rightContent = data.traceCount !== undefined ? /* @__PURE__ */ React12.createElement("span", {
+      style: {
+        marginLeft: "8px",
+        fontSize: "12px",
+        color: data.hasTraces ? data.type === "scenario" ? theme.colors.secondary : theme.colors.success : theme.colors.textMuted,
+        fontWeight: 500
+      }
+    }, data.traceCount) : undefined;
+    return /* @__PURE__ */ React12.createElement(TreeNode, {
+      ...props,
+      theme,
+      nameColor,
+      leftIcon: icon,
+      rightContent,
+      horizontalNodePadding: nodeHorizontalPadding,
+      verticalNodePadding
+    });
+  };
+  const handleSelect = (selectedNodes) => {
+    if (selectedNodes.length === 0)
+      return;
+    const node = selectedNodes[0];
+    const nodeData = node.data;
+    if (nodeData.type === "workflow" || nodeData.type === "scenario") {
+      onClick(nodeData);
+    }
+  };
+  const initialHeight = 600;
+  const [containerRef, containerHeight] = useContainerHeight(initialHeight);
+  return /* @__PURE__ */ React12.createElement("div", {
+    ref: containerRef,
+    style: {
+      backgroundColor: theme.colors.background,
+      color: theme.colors.text,
+      fontFamily: theme.fonts.body,
+      height: "100%",
+      ...verticalPadding ? { paddingTop: verticalPadding, paddingBottom: verticalPadding } : {}
+    }
+  }, /* @__PURE__ */ React12.createElement(Tree4, {
+    data: treeData,
+    onSelect: handleSelect,
+    openByDefault: defaultOpen,
+    ...initialOpenState !== undefined && { initialOpenState },
+    ...selectedNodeId !== undefined && { selection: selectedNodeId },
+    width: "100%",
+    height: containerHeight,
+    rowHeight
+  }, NodeRenderer));
+};
+// src/components/CanvasListTree/CanvasListTreeCore.tsx
+import { Package as Package3, Folder, LayoutDashboard as LayoutDashboard2, FileText } from "lucide-react";
+import React13, { useMemo as useMemo11, useRef as useRef6 } from "react";
+import { Tree as Tree5 } from "react-arborist";
+var buildTreeData = (canvases) => {
   const packagesMap = new Map;
   const rootCanvases = [];
   for (const canvas of canvases) {
@@ -2177,28 +2528,28 @@ var CanvasListTreeCore = ({
   enableDragAndDrop = false
 }) => {
   const dndProps = getDndProps(enableDragAndDrop);
-  const rowHeight = useMemo10(() => {
+  const rowHeight = useMemo11(() => {
     const paddingValue = parseFloat(verticalNodePadding);
     const contentLineHeight = 20;
     const borderHeight = 2;
     return contentLineHeight + paddingValue * 2 + borderHeight;
   }, [verticalNodePadding]);
-  const treeData = useMemo10(() => buildTreeData2(canvases), [canvases]);
+  const treeData = useMemo11(() => buildTreeData(canvases), [canvases]);
   const NodeRenderer = (props) => {
     const { node } = props;
     const data = node.data;
-    const icon = data.type === "package" ? /* @__PURE__ */ React12.createElement(Package2, {
+    const icon = data.type === "package" ? /* @__PURE__ */ React13.createElement(Package3, {
       size: 16
-    }) : data.type === "canvas-folder" ? /* @__PURE__ */ React12.createElement(Folder, {
+    }) : data.type === "canvas-folder" ? /* @__PURE__ */ React13.createElement(Folder, {
       size: 16
-    }) : data.type === "overview" ? /* @__PURE__ */ React12.createElement(FileText, {
+    }) : data.type === "overview" ? /* @__PURE__ */ React13.createElement(FileText, {
       size: 16
-    }) : /* @__PURE__ */ React12.createElement(LayoutDashboard2, {
+    }) : /* @__PURE__ */ React13.createElement(LayoutDashboard2, {
       size: 16
     });
     const nameColor = data.type === "package" ? theme.colors.primary : data.type === "canvas-folder" ? theme.colors.textSecondary : data.type === "overview" ? theme.colors.info || "#3b82f6" : theme.colors.warning || "#f59e0b";
     const nodeHorizontalPadding = data.type === "overview" || data.type === "canvas" ? `calc(${horizontalNodePadding} + 12px)` : horizontalNodePadding;
-    return /* @__PURE__ */ React12.createElement(TreeNode, {
+    return /* @__PURE__ */ React13.createElement(TreeNode, {
       ...props,
       theme,
       nameColor,
@@ -2225,7 +2576,7 @@ var CanvasListTreeCore = ({
   };
   const initialHeight = 600;
   const [containerRef, containerHeight] = useContainerHeight(initialHeight);
-  return /* @__PURE__ */ React12.createElement("div", {
+  return /* @__PURE__ */ React13.createElement("div", {
     ref: containerRef,
     style: {
       backgroundColor: theme.colors.background,
@@ -2234,7 +2585,7 @@ var CanvasListTreeCore = ({
       height: "100%",
       ...verticalPadding ? { paddingTop: verticalPadding, paddingBottom: verticalPadding } : {}
     }
-  }, /* @__PURE__ */ React12.createElement(Tree4, {
+  }, /* @__PURE__ */ React13.createElement(Tree5, {
     initialData: treeData,
     onSelect: handleSelect,
     openByDefault: defaultOpen,
@@ -2249,13 +2600,13 @@ var CanvasListTreeCore = ({
 // src/components/TelemetryCoverageFileTree.tsx
 import {
   Activity,
-  CircleDot,
-  Circle,
+  CircleDot as CircleDot2,
+  Circle as Circle2,
   TestTube
 } from "lucide-react";
-import React13, { useMemo as useMemo11, useRef as useRef7 } from "react";
-import { Tree as Tree5 } from "react-arborist";
-var TelemetryCoverageContext = React13.createContext(null);
+import React14, { useMemo as useMemo12, useRef as useRef7 } from "react";
+import { Tree as Tree6 } from "react-arborist";
+var TelemetryCoverageContext = React14.createContext(null);
 var DEFAULT_TEST_PATTERNS = [
   /\.test\.[jt]sx?$/,
   /\.spec\.[jt]sx?$/,
@@ -2272,7 +2623,7 @@ var getCoverageStatusDisplay = (coverage, _theme) => {
   switch (status) {
     case "covered":
       return {
-        icon: /* @__PURE__ */ React13.createElement(Activity, {
+        icon: /* @__PURE__ */ React14.createElement(Activity, {
           size: 14
         }),
         color: "#22c55e",
@@ -2281,7 +2632,7 @@ var getCoverageStatusDisplay = (coverage, _theme) => {
       };
     case "partial":
       return {
-        icon: /* @__PURE__ */ React13.createElement(CircleDot, {
+        icon: /* @__PURE__ */ React14.createElement(CircleDot2, {
           size: 14
         }),
         color: "#eab308",
@@ -2290,7 +2641,7 @@ var getCoverageStatusDisplay = (coverage, _theme) => {
       };
     case "none":
       return {
-        icon: /* @__PURE__ */ React13.createElement(Circle, {
+        icon: /* @__PURE__ */ React14.createElement(Circle2, {
           size: 14
         }),
         color: "#6b7280",
@@ -2392,7 +2743,7 @@ var TelemetryCoverageFileTree = ({
   enableDragAndDrop = false
 }) => {
   const dndProps = getDndProps(enableDragAndDrop);
-  const coverageMap = useMemo11(() => {
+  const coverageMap = useMemo12(() => {
     const map = new Map;
     coverageData.forEach((item) => {
       map.set(item.filePath, item);
@@ -2401,7 +2752,7 @@ var TelemetryCoverageFileTree = ({
   }, [coverageData]);
   const NodeRenderer = (props) => {
     const { node } = props;
-    const ctx = React13.useContext(TelemetryCoverageContext);
+    const ctx = React14.useContext(TelemetryCoverageContext);
     const coverage = ctx?.coverageMap.get(node.data.id);
     const hasTracedChildren = ctx?.hasTracedChildrenMap.get(node.data.id);
     const coverageDisplay = coverage ? getCoverageStatusDisplay(coverage, theme) : null;
@@ -2413,11 +2764,11 @@ var TelemetryCoverageFileTree = ({
     } else if (node.data.isTestFile) {
       nameColor = "#6b728080";
     }
-    const leftIcon = node.data.isTestFile && !coverage ? /* @__PURE__ */ React13.createElement(TestTube, {
+    const leftIcon = node.data.isTestFile && !coverage ? /* @__PURE__ */ React14.createElement(TestTube, {
       size: 14,
       style: { marginRight: 4, color: "#6b7280" }
     }) : null;
-    const rightContent = coverageDisplay ? /* @__PURE__ */ React13.createElement("div", {
+    const rightContent = coverageDisplay ? /* @__PURE__ */ React14.createElement("div", {
       style: {
         display: "flex",
         alignItems: "center",
@@ -2425,14 +2776,14 @@ var TelemetryCoverageFileTree = ({
         marginRight: "8px"
       },
       title: coverageDisplay.label
-    }, coverageDisplay.icon, /* @__PURE__ */ React13.createElement("span", {
+    }, coverageDisplay.icon, /* @__PURE__ */ React14.createElement("span", {
       style: {
         marginLeft: "4px",
         fontSize: theme.fontSizes[0],
         fontWeight: "bold",
         fontFamily: "monospace"
       }
-    }, coverageDisplay.badge)) : node.data.isTestFile ? /* @__PURE__ */ React13.createElement("div", {
+    }, coverageDisplay.badge)) : node.data.isTestFile ? /* @__PURE__ */ React14.createElement("div", {
       style: {
         display: "flex",
         alignItems: "center",
@@ -2441,10 +2792,10 @@ var TelemetryCoverageFileTree = ({
         opacity: 0.5
       },
       title: "No telemetry instrumentation"
-    }, /* @__PURE__ */ React13.createElement(Circle, {
+    }, /* @__PURE__ */ React14.createElement(Circle2, {
       size: 14
     })) : null;
-    return /* @__PURE__ */ React13.createElement(TreeNode, {
+    return /* @__PURE__ */ React14.createElement(TreeNode, {
       ...props,
       theme,
       rightContent,
@@ -2459,16 +2810,16 @@ var TelemetryCoverageFileTree = ({
       }
     });
   };
-  const treeStructure = useMemo11(() => {
+  const treeStructure = useMemo12(() => {
     return transformTreeStructure2(fileTree, showOnlyTestFiles, testFilePatterns);
   }, [fileTree, showOnlyTestFiles, testFilePatterns]);
-  const treeData = useMemo11(() => {
+  const treeData = useMemo12(() => {
     if (showUncoveredFiles) {
       return treeStructure;
     }
     return filterCoveredNodes(treeStructure, coverageMap);
   }, [treeStructure, showUncoveredFiles, coverageMap]);
-  const hasTracedChildrenMap = useMemo11(() => {
+  const hasTracedChildrenMap = useMemo12(() => {
     const map = new Map;
     const markTracedParents = (nodes) => {
       let hasTraced = false;
@@ -2509,7 +2860,7 @@ var TelemetryCoverageFileTree = ({
       onDirectorySelect(selectedDirs);
     }
   };
-  const calculatedHeight = useMemo11(() => {
+  const calculatedHeight = useMemo12(() => {
     if (autoHeight) {
       const visibleNodeCount = countVisibleNodes3(treeData, openByDefault);
       return visibleNodeCount * 28;
@@ -2517,7 +2868,7 @@ var TelemetryCoverageFileTree = ({
     return initialHeight;
   }, [autoHeight, treeData, openByDefault, initialHeight]);
   const [containerRef, containerHeight] = useContainerHeight(calculatedHeight);
-  return /* @__PURE__ */ React13.createElement("div", {
+  return /* @__PURE__ */ React14.createElement("div", {
     ref: containerRef,
     style: {
       backgroundColor: transparentBackground ? "transparent" : theme.colors.background,
@@ -2526,9 +2877,9 @@ var TelemetryCoverageFileTree = ({
       ...autoHeight ? {} : { height: "100%" },
       ...verticalPadding ? { paddingTop: verticalPadding, paddingBottom: verticalPadding } : {}
     }
-  }, /* @__PURE__ */ React13.createElement(TelemetryCoverageContext.Provider, {
+  }, /* @__PURE__ */ React14.createElement(TelemetryCoverageContext.Provider, {
     value: { coverageMap, hasTracedChildrenMap }
-  }, /* @__PURE__ */ React13.createElement(Tree5, {
+  }, /* @__PURE__ */ React14.createElement(Tree6, {
     data: treeData,
     onSelect: handleSelect,
     ...selectedFile !== undefined && { selection: selectedFile },
@@ -2557,7 +2908,7 @@ var calculateTelemetryCoverageStats = (coverageData) => {
 };
 // src/components/TelemetryCoverageFileTreeContainer.tsx
 import { RefreshCw as RefreshCw2, Eye as Eye2, EyeOff as EyeOff2, AlertCircle as AlertCircle4, Activity as Activity2 } from "lucide-react";
-import React14, { useState as useState7, useMemo as useMemo12 } from "react";
+import React15, { useState as useState7, useMemo as useMemo13 } from "react";
 var TelemetryCoverageFileTreeContainer = ({
   fileTree,
   theme,
@@ -2579,10 +2930,10 @@ var TelemetryCoverageFileTreeContainer = ({
 }) => {
   const [filters, setFilters] = useState7([]);
   const [showUncoveredFiles, setShowUncoveredFiles] = useState7(true);
-  const selectedDirectories = useMemo12(() => {
+  const selectedDirectories = useMemo13(() => {
     return filters.filter((f) => f.mode === "include").map((f) => f.path);
   }, [filters]);
-  const stats = useMemo12(() => calculateTelemetryCoverageStats(coverageData), [coverageData]);
+  const stats = useMemo13(() => calculateTelemetryCoverageStats(coverageData), [coverageData]);
   const handleRefresh = () => {
     onRefresh?.();
   };
@@ -2590,34 +2941,34 @@ var TelemetryCoverageFileTreeContainer = ({
     setShowUncoveredFiles(!showUncoveredFiles);
   };
   const percentageColor = stats.percentage >= 80 ? "#22c55e" : stats.percentage >= 50 ? "#eab308" : stats.percentage > 0 ? "#f97316" : "#6b7280";
-  return /* @__PURE__ */ React14.createElement("div", {
+  return /* @__PURE__ */ React15.createElement("div", {
     style: { display: "flex", flexDirection: "column", height: "100%" }
-  }, showControls && /* @__PURE__ */ React14.createElement("div", {
+  }, showControls && /* @__PURE__ */ React15.createElement("div", {
     style: {
       padding: "12px",
       borderBottom: `1px solid ${theme.colors.border || "#e0e0e0"}`,
       backgroundColor: theme.colors.backgroundSecondary || theme.colors.background
     }
-  }, /* @__PURE__ */ React14.createElement("div", {
+  }, /* @__PURE__ */ React15.createElement("div", {
     style: {
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between",
       marginBottom: "8px"
     }
-  }, /* @__PURE__ */ React14.createElement("div", {
+  }, /* @__PURE__ */ React15.createElement("div", {
     style: { display: "flex", alignItems: "center", gap: "8px" }
-  }, /* @__PURE__ */ React14.createElement(Activity2, {
+  }, /* @__PURE__ */ React15.createElement(Activity2, {
     size: 16,
     color: theme.colors.primary
-  }), /* @__PURE__ */ React14.createElement("h3", {
+  }), /* @__PURE__ */ React15.createElement("h3", {
     style: {
       margin: 0,
       fontSize: theme.fontSizes[1],
       fontWeight: "bold",
       color: theme.colors.text
     }
-  }, title), stats.testFiles > 0 && /* @__PURE__ */ React14.createElement("span", {
+  }, title), stats.testFiles > 0 && /* @__PURE__ */ React15.createElement("span", {
     style: {
       backgroundColor: percentageColor,
       color: "#ffffff",
@@ -2627,14 +2978,14 @@ var TelemetryCoverageFileTreeContainer = ({
       fontWeight: "bold",
       fontFamily: "monospace"
     }
-  }, stats.percentage, "%"), isLoading && /* @__PURE__ */ React14.createElement(RefreshCw2, {
+  }, stats.percentage, "%"), isLoading && /* @__PURE__ */ React15.createElement(RefreshCw2, {
     size: 16,
     color: theme.colors.text,
     className: "telemetry-coverage-spinner",
     style: { animation: "spin 1s linear infinite" }
-  })), /* @__PURE__ */ React14.createElement("div", {
+  })), /* @__PURE__ */ React15.createElement("div", {
     style: { display: "flex", gap: "8px" }
-  }, /* @__PURE__ */ React14.createElement("button", {
+  }, /* @__PURE__ */ React15.createElement("button", {
     onClick: toggleShowUncoveredFiles,
     style: {
       background: "none",
@@ -2649,11 +3000,11 @@ var TelemetryCoverageFileTreeContainer = ({
       color: theme.colors.text
     },
     title: showUncoveredFiles ? "Show only covered files" : "Show all test files"
-  }, showUncoveredFiles ? /* @__PURE__ */ React14.createElement(EyeOff2, {
+  }, showUncoveredFiles ? /* @__PURE__ */ React15.createElement(EyeOff2, {
     size: 14
-  }) : /* @__PURE__ */ React14.createElement(Eye2, {
+  }) : /* @__PURE__ */ React15.createElement(Eye2, {
     size: 14
-  }), showUncoveredFiles ? "Hide uncovered" : "Show all"), onRefresh && /* @__PURE__ */ React14.createElement("button", {
+  }), showUncoveredFiles ? "Hide uncovered" : "Show all"), onRefresh && /* @__PURE__ */ React15.createElement("button", {
     onClick: handleRefresh,
     disabled: isLoading,
     style: {
@@ -2670,9 +3021,9 @@ var TelemetryCoverageFileTreeContainer = ({
       opacity: isLoading ? 0.6 : 1
     },
     title: "Refresh coverage data"
-  }, /* @__PURE__ */ React14.createElement(RefreshCw2, {
+  }, /* @__PURE__ */ React15.createElement(RefreshCw2, {
     size: 14
-  }), "Refresh"))), error && /* @__PURE__ */ React14.createElement("div", {
+  }), "Refresh"))), error && /* @__PURE__ */ React15.createElement("div", {
     style: {
       display: "flex",
       alignItems: "center",
@@ -2685,36 +3036,36 @@ var TelemetryCoverageFileTreeContainer = ({
       color: "#856404",
       marginBottom: "8px"
     }
-  }, /* @__PURE__ */ React14.createElement(AlertCircle4, {
+  }, /* @__PURE__ */ React15.createElement(AlertCircle4, {
     size: 14
-  }), error), !error && stats.testFiles > 0 && /* @__PURE__ */ React14.createElement("div", {
+  }), error), !error && stats.testFiles > 0 && /* @__PURE__ */ React15.createElement("div", {
     style: {
       display: "flex",
       gap: "16px",
       fontSize: theme.fontSizes[0],
       color: theme.colors.textSecondary || "#666"
     }
-  }, /* @__PURE__ */ React14.createElement("span", null, /* @__PURE__ */ React14.createElement("strong", {
+  }, /* @__PURE__ */ React15.createElement("span", null, /* @__PURE__ */ React15.createElement("strong", {
     style: { color: "#22c55e" }
-  }, stats.coveredFiles), " covered"), stats.partialFiles > 0 && /* @__PURE__ */ React14.createElement("span", null, /* @__PURE__ */ React14.createElement("strong", {
+  }, stats.coveredFiles), " covered"), stats.partialFiles > 0 && /* @__PURE__ */ React15.createElement("span", null, /* @__PURE__ */ React15.createElement("strong", {
     style: { color: "#eab308" }
-  }, stats.partialFiles), " partial"), /* @__PURE__ */ React14.createElement("span", null, /* @__PURE__ */ React14.createElement("strong", {
+  }, stats.partialFiles), " partial"), /* @__PURE__ */ React15.createElement("span", null, /* @__PURE__ */ React15.createElement("strong", {
     style: { color: "#6b7280" }
-  }, stats.uncoveredFiles), " uncovered"), /* @__PURE__ */ React14.createElement("span", {
+  }, stats.uncoveredFiles), " uncovered"), /* @__PURE__ */ React15.createElement("span", {
     style: { marginLeft: "auto" }
-  }, stats.totalTraced, "/", stats.totalTests, " tests traced")), !error && stats.testFiles === 0 && /* @__PURE__ */ React14.createElement("div", {
+  }, stats.totalTraced, "/", stats.totalTests, " tests traced")), !error && stats.testFiles === 0 && /* @__PURE__ */ React15.createElement("div", {
     style: {
       fontSize: theme.fontSizes[0],
       color: theme.colors.textSecondary || "#666"
     }
-  }, "No test files with coverage data found")), /* @__PURE__ */ React14.createElement(DirectoryFilterInput, {
+  }, "No test files with coverage data found")), /* @__PURE__ */ React15.createElement(DirectoryFilterInput, {
     fileTree,
     theme,
     filters,
     onFiltersChange: setFilters
-  }), /* @__PURE__ */ React14.createElement("div", {
+  }), /* @__PURE__ */ React15.createElement("div", {
     style: { flex: 1, marginTop: "1rem", overflow: "hidden" }
-  }, /* @__PURE__ */ React14.createElement(TelemetryCoverageFileTree, {
+  }, /* @__PURE__ */ React15.createElement(TelemetryCoverageFileTree, {
     fileTree,
     theme,
     coverageData,
@@ -2740,6 +3091,7 @@ export {
   extractNameFromPath,
   combineRepositoryTrees,
   calculateTelemetryCoverageStats,
+  WorkflowScenarioTreeCore,
   TreeNode,
   TelemetryCoverageFileTreeContainer,
   TelemetryCoverageFileTree,

package/dist/src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTree.stories.d.ts

@@ -20,4 +20,10 @@ export declare const ThemeComparison: Story;
 export declare const CustomPadding: Story;
 export declare const WithOverviewNodes: Story;
 export declare const WithoutOverviewNodes: Story;
+export declare const VersionGrouping: Story;
+export declare const VersionGroupingWithTraces: Story;
+export declare const VersionGroupingWithFilter: Story;
+export declare const VersionEvolution: Story;
+export declare const MultiServiceVersionGrouping: Story;
+export declare const VersionGroupingWithCoverage: Story;
 //# sourceMappingURL=StoryboardWorkflowsTree.stories.d.ts.map

package/dist/src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTree.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StoryboardWorkflowsTree.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTree.stories.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAyP5E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,2BAA2B,CAOlD,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,2BAA2B,CAAC,CAAC;AAE1D,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAuE7B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAkEpC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAgE7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAwB/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAiBlC,CAAC"}
+{"version":3,"file":"StoryboardWorkflowsTree.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTree.stories.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAyP5E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,2BAA2B,CAOlD,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,2BAA2B,CAAC,CAAC;AAE1D,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAuE7B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAkEpC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAgE7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAwB/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAiBlC,CAAC;AA4CF,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAqEvC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAyFvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAiH9B,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KA2GzC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAyEzC,CAAC"}

package/dist/src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StoryboardWorkflowsTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAO/C,OAAO,KAAK,EAEV,4BAA4B,EAG7B,MAAM,SAAS,CAAC;AAyIjB,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAsJ9E,CAAC"}
+{"version":3,"file":"StoryboardWorkflowsTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAO/C,OAAO,KAAK,EAEV,4BAA4B,EAK7B,MAAM,SAAS,CAAC;AA2QjB,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAiN9E,CAAC"}

package/dist/src/components/StoryboardWorkflowsTree/types.d.ts

@@ -1,11 +1,19 @@
 import type { Theme } from '@principal-ade/industry-theme';
-import type { DiscoveredStoryboard, DiscoveredCanvas, DiscoveredWorkflow, WorkflowTemplate } from '@principal-ai/principal-view-core';
+import type { DiscoveredStoryboard, DiscoveredCanvas, DiscoveredWorkflow, WorkflowTemplate, VersionSnapshot } from '@principal-ai/principal-view-core';
 import type { TreeNodeData } from '../TreeNode';
-export type { DiscoveredStoryboard, DiscoveredCanvas, DiscoveredWorkflow, WorkflowTemplate };
-export type StoryboardWorkflowNodeType = 'package' | 'storyboard' | 'overview' | 'canvas' | 'workflows' | 'workflow';
+export type { DiscoveredStoryboard, DiscoveredCanvas, DiscoveredWorkflow, WorkflowTemplate, VersionSnapshot };
+export type StoryboardWorkflowNodeType = 'version' | 'package' | 'storyboard' | 'overview' | 'canvas' | 'workflows' | 'workflow';
+/**
+ * Workflow filter mode
+ * - 'all': Show all workflows (default)
+ * - 'with-traces': Show only workflows that have traces
+ * - 'without-traces': Show only workflows that don't have traces
+ */
+export type WorkflowFilterMode = 'all' | 'with-traces' | 'without-traces';
 export interface StoryboardWorkflowNodeData extends TreeNodeData {
     type: StoryboardWorkflowNodeType;
     children?: StoryboardWorkflowNodeData[];
+    versionSnapshot?: VersionSnapshot;
     storyboard?: DiscoveredStoryboard;
     canvas?: DiscoveredCanvas;
     workflow?: DiscoveredWorkflow;
@@ -14,6 +22,9 @@ export interface StoryboardWorkflowNodeData extends TreeNodeData {
     scope?: 'package' | 'root';
     markdownPath?: string;
     isFullyCovered?: boolean;
+    hasTraces?: boolean;
+    repositoryUrl?: string;
+    commitSha?: string;
 }
 export interface StoryboardWorkflowsTreeProps {
     storyboards: DiscoveredStoryboard[];
@@ -27,5 +38,8 @@ export interface StoryboardWorkflowsTreeProps {
     verticalPadding?: string;
     enableDragAndDrop?: boolean;
     workflowCoverageMap?: Record<string, boolean>;
+    versionSnapshots?: VersionSnapshot[];
+    workflowFilterMode?: WorkflowFilterMode;
+    traceWorkflowsSet?: Set<string>;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/src/components/StoryboardWorkflowsTree/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryboardWorkflowsTree/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAEtI,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,CAAC;AAE7F,MAAM,MAAM,0BAA0B,GAAG,SAAS,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,CAAC;AAErH,MAAM,WAAW,0BAA2B,SAAQ,YAAY;IAC9D,IAAI,EAAE,0BAA0B,CAAC;IACjC,QAAQ,CAAC,EAAE,0BAA0B,EAAE,CAAC;IAGxC,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,4BAA4B;IAC3C,WAAW,EAAE,oBAAoB,EAAE,CAAC;IACpC,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,0BAA0B,KAAK,IAAI,CAAC;IACpD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3C,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC/C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryboardWorkflowsTree/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEvJ,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC;AAE9G,MAAM,MAAM,0BAA0B,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,CAAC;AAEjI;;;;;GAKG;AACH,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAE1E,MAAM,WAAW,0BAA2B,SAAQ,YAAY;IAC9D,IAAI,EAAE,0BAA0B,CAAC;IACjC,QAAQ,CAAC,EAAE,0BAA0B,EAAE,CAAC;IAGxC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,4BAA4B;IAC3C,WAAW,EAAE,oBAAoB,EAAE,CAAC;IACpC,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,0BAA0B,KAAK,IAAI,CAAC;IACpD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3C,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAG9C,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,iBAAiB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACjC"}

package/dist/src/components/WorkflowScenarioTree/WorkflowScenarioTree.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { WorkflowScenarioTreeCore } from './WorkflowScenarioTreeCore';
+declare const meta: Meta<typeof WorkflowScenarioTreeCore>;
+export default meta;
+type Story = StoryObj<typeof WorkflowScenarioTreeCore>;
+export declare const Default: Story;
+export declare const WithFilterMode: Story;
+export declare const WithVersions: Story;
+//# sourceMappingURL=WorkflowScenarioTree.stories.d.ts.map

package/dist/src/components/WorkflowScenarioTree/WorkflowScenarioTree.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowScenarioTree.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/WorkflowScenarioTree/WorkflowScenarioTree.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AA8MtE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,wBAAwB,CAI/C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAEvD,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAuG5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAwC1B,CAAC"}

package/dist/src/components/WorkflowScenarioTree/WorkflowScenarioTreeCore.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { WorkflowScenarioTreeProps } from './types';
+export declare const WorkflowScenarioTreeCore: React.FC<WorkflowScenarioTreeProps>;
+//# sourceMappingURL=WorkflowScenarioTreeCore.d.ts.map

package/dist/src/components/WorkflowScenarioTree/WorkflowScenarioTreeCore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowScenarioTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/WorkflowScenarioTree/WorkflowScenarioTreeCore.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAMvC,OAAO,KAAK,EAEV,yBAAyB,EAI1B,MAAM,SAAS,CAAC;AAwMjB,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAgKxE,CAAC"}

package/dist/src/components/WorkflowScenarioTree/index.d.ts

@@ -0,0 +1,3 @@
+export { WorkflowScenarioTreeCore } from './WorkflowScenarioTreeCore';
+export type { WorkflowScenarioTreeProps, WorkflowScenarioNodeData, WorkflowScenarioNodeType, WorkflowWithScenarios, WorkflowFilterMode, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/WorkflowScenarioTree/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/WorkflowScenarioTree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,YAAY,EACV,yBAAyB,EACzB,wBAAwB,EACxB,wBAAwB,EACxB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,SAAS,CAAC"}

package/dist/src/components/WorkflowScenarioTree/types.d.ts

@@ -0,0 +1,76 @@
+import type { Theme } from '@principal-ade/industry-theme';
+import type { DiscoveredStoryboard, DiscoveredWorkflow, WorkflowScenario, VersionSnapshot } from '@principal-ai/principal-view-core';
+import type { TreeNodeData } from '../TreeNode';
+export type { DiscoveredStoryboard, DiscoveredWorkflow, WorkflowScenario, VersionSnapshot };
+/**
+ * Workflow filter mode
+ * - 'all': Show all workflows
+ * - 'with-traces': Show only workflows that have traces
+ * - 'without-traces': Show only workflows that don't have traces
+ * - 'minimum-traces': Show workflows with at least N traces (use minTraceCount)
+ */
+export type WorkflowFilterMode = 'all' | 'with-traces' | 'without-traces' | 'minimum-traces';
+/**
+ * Node types in the workflow-scenario tree
+ */
+export type WorkflowScenarioNodeType = 'version' | 'package' | 'workflow' | 'scenario';
+/**
+ * Extended workflow with scenarios and parent storyboard info
+ */
+export interface WorkflowWithScenarios extends DiscoveredWorkflow {
+    /** Parent storyboard for context */
+    storyboard: DiscoveredStoryboard;
+    /** Workflow scenarios (from WorkflowTemplate.scenarios) */
+    scenarios: WorkflowScenario[];
+}
+/**
+ * Node data for workflow-scenario tree
+ */
+export interface WorkflowScenarioNodeData extends TreeNodeData {
+    type: WorkflowScenarioNodeType;
+    children?: WorkflowScenarioNodeData[];
+    versionSnapshot?: VersionSnapshot;
+    repositoryUrl?: string;
+    commitSha?: string;
+    packageName?: string;
+    scope?: 'package' | 'root';
+    workflow?: WorkflowWithScenarios;
+    scenario?: WorkflowScenario;
+    storyboard?: DiscoveredStoryboard;
+    traceCount?: number;
+    hasTraces?: boolean;
+}
+/**
+ * Props for WorkflowScenarioTree component
+ */
+export interface WorkflowScenarioTreeProps {
+    /** Workflows with scenarios and storyboard context */
+    workflows: WorkflowWithScenarios[];
+    /** Theme for styling */
+    theme: Theme;
+    /** Click handler */
+    onClick: (node: WorkflowScenarioNodeData) => void;
+    /** Selected node ID */
+    selectedNodeId?: string;
+    /** Default open state */
+    defaultOpen?: boolean;
+    /** Initial open state for specific nodes */
+    initialOpenState?: Record<string, boolean>;
+    /** Horizontal padding for nodes */
+    horizontalNodePadding?: string;
+    /** Vertical padding for nodes */
+    verticalNodePadding?: string;
+    /** Vertical padding for container */
+    verticalPadding?: string;
+    /** Optional version snapshots for grouping workflows by version */
+    versionSnapshots?: VersionSnapshot[];
+    /** Map of workflow ID to trace count */
+    workflowTraceCounts?: Record<string, number>;
+    /** Map of scenario ID to trace count (format: "workflowId/scenarioId") */
+    scenarioTraceCounts?: Record<string, number>;
+    /** Filter mode for workflows/scenarios */
+    workflowFilterMode?: WorkflowFilterMode;
+    /** Minimum trace count (when workflowFilterMode is 'minimum-traces') */
+    minTraceCount?: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/src/components/WorkflowScenarioTree/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/WorkflowScenarioTree/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAErI,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,YAAY,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC;AAE5F;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,aAAa,GAAG,gBAAgB,GAAG,gBAAgB,CAAC;AAE7F;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAEvF;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,kBAAkB;IAC/D,oCAAoC;IACpC,UAAU,EAAE,oBAAoB,CAAC;IACjC,2DAA2D;IAC3D,SAAS,EAAE,gBAAgB,EAAE,CAAC;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,YAAY;IAC5D,IAAI,EAAE,wBAAwB,CAAC;IAC/B,QAAQ,CAAC,EAAE,wBAAwB,EAAE,CAAC;IAGtC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAGlC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,sDAAsD;IACtD,SAAS,EAAE,qBAAqB,EAAE,CAAC;IACnC,wBAAwB;IACxB,KAAK,EAAE,KAAK,CAAC;IACb,oBAAoB;IACpB,OAAO,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAClD,uBAAuB;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yBAAyB;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3C,mCAAmC;IACnC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iCAAiC;IACjC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,qCAAqC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IAGzB,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IAGrC,wCAAwC;IACxC,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C,0EAA0E;IAC1E,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAG7C,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,wEAAwE;IACxE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@principal-ade/dynamic-file-tree",
-  "version": "0.1.58",
+  "version": "0.1.60",
   "description": "React component for selective directory filtering and file tree visualization",
   "type": "module",
   "main": "dist/index.mjs",
@@ -48,7 +48,7 @@
   },
   "peerDependencies": {
     "@principal-ade/industry-theme": ">=0.1.0",
-    "@principal-ai/principal-view-core": "^0.21.0",
+    "@principal-ai/principal-view-core": "^0.22.1",
     "@principal-ai/repository-abstraction": "^0.5.2",
     "lucide-react": ">=0.263.0",
     "react": ">=19.0.0",
@@ -69,10 +69,10 @@
     }
   },
   "devDependencies": {
+    "@eslint/js": "^9.32.0",
     "@principal-ade/industry-theme": "^0.1.0",
-    "@principal-ai/principal-view-core": "^0.21.0",
+    "@principal-ai/principal-view-core": "^0.22.1",
     "@principal-ai/repository-abstraction": "^0.5.2",
-    "@eslint/js": "^9.32.0",
     "@storybook/addon-docs": "^9.1.3",
     "@storybook/addon-onboarding": "^9.1.3",
     "@storybook/addon-webpack5-compiler-swc": "^3.0.0",