@principal-ade/dynamic-file-tree 0.2.3 → 0.2.5

package/dist/index.mjs

@@ -1951,7 +1951,7 @@ var MultiFileTree = ({
   }, "Selected: ", selectedFile.source.name, " / ", selectedFile.path));
 };
 // src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore.tsx
-import { Package, FolderKanban, LayoutDashboard, Workflow, BookOpen, FolderOpen, GitCommit, CircleDot, Circle } from "lucide-react";
+import { Package, FolderKanban, LayoutDashboard, Workflow, BookOpen, FolderOpen, GitCommit, ExternalLink, List, ListX, Eye as Eye2, EyeOff as EyeOff2 } from "lucide-react";
 import React13, { useMemo as useMemo9, useRef as useRef5, useState as useState7, useEffect as useEffect3 } from "react";
 import { Tree as Tree3 } from "react-arborist";
 
@@ -2122,7 +2122,7 @@ var StatusBar = ({
 };
 
 // src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore.tsx
-var buildTreeDataFromStoryboards = (storyboards, workflowCoverageMap, traceWorkflowsSet, filterMode, versionPrefix, gitStatusMap, scenarioStatusMap, canvasNodeStatusMap) => {
+var buildTreeDataFromStoryboards = (storyboards, workflowCoverageMap, traceWorkflowsSet, filterMode, versionPrefix, gitStatusMap, scenarioStatusMap, canvasNodeStatusMap, scenarioTraceCounts) => {
   const packagesMap = new Map;
   const rootStoryboards = [];
   for (const storyboard of storyboards) {
@@ -2166,6 +2166,33 @@ var buildTreeDataFromStoryboards = (storyboards, workflowCoverageMap, traceWorkf
         const workflowNodeId = versionPrefix ? `workflow:${versionPrefix}:${workflow.id}` : `workflow:${workflow.id}`;
         const workflowGitStatus = gitStatusMap ? lookupGitStatus(workflow.path, gitStatusMap) : null;
         const scenarioStatus = scenarioStatusMap?.[workflow.id];
+        let scenarioChildren;
+        const workflowWithContent = workflow;
+        if (workflowWithContent.content?.scenarios && workflowWithContent.content.scenarios.length > 0) {
+          const outcomeOrder = { expected: 0, "expected-issue": 1, "unknown-issue": 2 };
+          scenarioChildren = workflowWithContent.content.scenarios.map((scenario, index) => {
+            const scenarioNodeId = versionPrefix ? `scenario:${versionPrefix}:${workflow.id}/${scenario.id}` : `scenario:${workflow.id}/${scenario.id}`;
+            const traceCountKey = `${workflow.id}/${scenario.id}`;
+            const traceCount = scenarioTraceCounts?.[traceCountKey] ?? 0;
+            return {
+              id: scenarioNodeId,
+              name: scenario.description,
+              type: "scenario",
+              scenario,
+              workflow,
+              storyboard,
+              traceCount,
+              hasTraces: traceCount > 0,
+              _originalIndex: index
+            };
+          }).sort((a, b) => {
+            const aOrder = outcomeOrder[a.scenario?.outcomeType ?? "expected"];
+            const bOrder = outcomeOrder[b.scenario?.outcomeType ?? "expected"];
+            if (aOrder !== bOrder)
+              return aOrder - bOrder;
+            return (a._originalIndex ?? 0) - (b._originalIndex ?? 0);
+          }).map(({ _originalIndex, ...node }) => node);
+        }
         return {
           id: workflowNodeId,
           name: workflow.name,
@@ -2175,7 +2202,8 @@ var buildTreeDataFromStoryboards = (storyboards, workflowCoverageMap, traceWorkf
           isFullyCovered: workflowCoverageMap?.[workflow.id] ?? false,
           hasTraces: workflowHasTraces,
           gitStatus: workflowGitStatus,
-          scenarioStatus
+          scenarioStatus,
+          children: scenarioChildren
         };
       }).sort((a, b) => a.name.localeCompare(b.name));
       if (filterMode === "with-traces") {
@@ -2260,8 +2288,13 @@ var buildTreeDataFromStoryboards = (storyboards, workflowCoverageMap, traceWorkf
     return allStoryboards.map(buildStoryboardNode).filter((node) => node !== null).sort((a, b) => a.name.localeCompare(b.name));
   }
 };
-var buildTreeDataFromVersions = (versionSnapshots, workflowCoverageMap, filterMode, traceWorkflowsSet, gitStatusMap, scenarioStatusMap, canvasNodeStatusMap) => {
+var buildTreeDataFromVersions = (versionSnapshots, workflowCoverageMap, filterMode, traceWorkflowsSet, gitStatusMap, scenarioStatusMap, canvasNodeStatusMap, scenarioTraceCounts) => {
   const result = [];
+  const repoCountMap = new Map;
+  for (const snapshot of versionSnapshots) {
+    const count = repoCountMap.get(snapshot.repositoryUrl) || 0;
+    repoCountMap.set(snapshot.repositoryUrl, count + 1);
+  }
   for (const snapshot of versionSnapshots) {
     const versionKey = `${snapshot.repositoryUrl}@${snapshot.commitSha}`;
     const versionHasTracedWorkflows = snapshot.storyboards.some((storyboard) => storyboard.workflows.some((workflow) => traceWorkflowsSet?.has(workflow.id) ?? false));
@@ -2272,15 +2305,16 @@ var buildTreeDataFromVersions = (versionSnapshots, workflowCoverageMap, filterMo
     if (filterMode === "without-traces" && !versionHasUntracedWorkflows) {
       continue;
     }
-    const storyboardChildren = buildTreeDataFromStoryboards(snapshot.storyboards, workflowCoverageMap, traceWorkflowsSet, filterMode, versionKey, gitStatusMap, scenarioStatusMap, canvasNodeStatusMap);
+    const storyboardChildren = buildTreeDataFromStoryboards(snapshot.storyboards, workflowCoverageMap, traceWorkflowsSet, filterMode, versionKey, gitStatusMap, scenarioStatusMap, canvasNodeStatusMap, scenarioTraceCounts);
     if (storyboardChildren.length === 0) {
       continue;
     }
     const repoName = snapshot.repositoryUrl.replace("https://github.com/", "");
     const shortSha = snapshot.commitSha.substring(0, 8);
+    const hasMultipleVersions = (repoCountMap.get(snapshot.repositoryUrl) || 0) > 1;
     result.push({
       id: `version:${versionKey}`,
-      name: `${repoName}@${shortSha}`,
+      name: hasMultipleVersions ? `${repoName}@${shortSha}` : repoName,
       type: "version",
       versionSnapshot: snapshot,
       repositoryUrl: snapshot.repositoryUrl,
@@ -2425,7 +2459,11 @@ var StoryboardWorkflowsTreeCore = ({
   getDragConfig,
   scenarioStatusMap,
   canvasNodeStatusMap,
-  statusBarDisplay = "both"
+  statusBarDisplay = "both",
+  onVersionOpen,
+  scenarioTraceCounts,
+  scenarioVisibilityMap,
+  onScenarioVisibilityToggle
 }) => {
   const dndProps = getDndProps(enableDragAndDrop);
   const parentDndManager = useParentDndManager();
@@ -2440,11 +2478,11 @@ var StoryboardWorkflowsTreeCore = ({
   }, [verticalNodePadding]);
   const treeData = useMemo9(() => {
     if (versionSnapshots && versionSnapshots.length > 0) {
-      return buildTreeDataFromVersions(versionSnapshots, workflowCoverageMap, workflowFilterMode, traceWorkflowsSet, gitStatusMap, scenarioStatusMap, canvasNodeStatusMap);
+      return buildTreeDataFromVersions(versionSnapshots, workflowCoverageMap, workflowFilterMode, traceWorkflowsSet, gitStatusMap, scenarioStatusMap, canvasNodeStatusMap, scenarioTraceCounts);
     } else {
-      return buildTreeDataFromStoryboards(storyboards, workflowCoverageMap, traceWorkflowsSet, workflowFilterMode, undefined, gitStatusMap, scenarioStatusMap, canvasNodeStatusMap);
+      return buildTreeDataFromStoryboards(storyboards, workflowCoverageMap, traceWorkflowsSet, workflowFilterMode, undefined, gitStatusMap, scenarioStatusMap, canvasNodeStatusMap, scenarioTraceCounts);
     }
-  }, [storyboards, versionSnapshots, workflowCoverageMap, traceWorkflowsSet, workflowFilterMode, gitStatusMap, scenarioStatusMap, canvasNodeStatusMap]);
+  }, [storyboards, versionSnapshots, workflowCoverageMap, traceWorkflowsSet, workflowFilterMode, gitStatusMap, scenarioStatusMap, canvasNodeStatusMap, scenarioTraceCounts]);
   const NodeRenderer = (props) => {
     const { node } = props;
     const data = node.data;
@@ -2460,11 +2498,15 @@ var StoryboardWorkflowsTreeCore = ({
       size: 16
     }) : data.type === "workflows" ? /* @__PURE__ */ React13.createElement(FolderOpen, {
       size: 16
+    }) : data.type === "scenario" ? data.scenario?.outcomeType === "expected-issue" || data.scenario?.outcomeType === "unknown-issue" ? /* @__PURE__ */ React13.createElement(ListX, {
+      size: 16
+    }) : /* @__PURE__ */ React13.createElement(List, {
+      size: 16
     }) : /* @__PURE__ */ React13.createElement(Workflow, {
       size: 16
     });
-    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 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 : data.type === "scenario" ? 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" || data.type === "scenario" ? `calc(${horizontalNodePadding} + 12px)` : horizontalNodePadding;
     const rightContent = (() => {
       const indicators = [];
       if (data.type === "storyboard" && data.storyboard && scenarioStatusMap && (statusBarDisplay === "traces" || statusBarDisplay === "both")) {
@@ -2543,6 +2585,54 @@ var StoryboardWorkflowsTreeCore = ({
           }
         }
       }
+      if (data.type === "scenario") {
+        if (data.traceCount !== undefined) {
+          indicators.push(/* @__PURE__ */ React13.createElement("span", {
+            key: "trace-count",
+            style: {
+              marginLeft: "6px",
+              fontSize: "11px",
+              color: data.traceCount > 0 ? "#3b82f6" : theme.colors.textMuted
+            }
+          }, data.traceCount));
+        }
+        if (onScenarioVisibilityToggle && data.scenario) {
+          const scenarioKey = `${data.workflow?.id}/${data.scenario.id}`;
+          const isVisible = scenarioVisibilityMap?.[scenarioKey] ?? !(data.scenario.filterDefault ?? false);
+          const EyeIcon = isVisible ? Eye2 : EyeOff2;
+          indicators.push(/* @__PURE__ */ React13.createElement("button", {
+            key: "visibility-toggle",
+            onClick: (e) => {
+              e.stopPropagation();
+              onScenarioVisibilityToggle(scenarioKey, !isVisible);
+            },
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              marginLeft: "6px",
+              padding: "2px",
+              background: "transparent",
+              border: "none",
+              cursor: "pointer",
+              color: isVisible ? theme.colors.textMuted : theme.colors.textMuted,
+              opacity: isVisible ? 1 : 0.5,
+              borderRadius: "4px"
+            },
+            onMouseEnter: (e) => {
+              e.currentTarget.style.color = theme.colors.text;
+              e.currentTarget.style.background = theme.colors.backgroundHover || "rgba(255,255,255,0.1)";
+            },
+            onMouseLeave: (e) => {
+              e.currentTarget.style.color = theme.colors.textMuted;
+              e.currentTarget.style.background = "transparent";
+            },
+            title: isVisible ? "Hide scenario" : "Show scenario"
+          }, /* @__PURE__ */ React13.createElement(EyeIcon, {
+            size: 14
+          })));
+        }
+      }
       if (data.gitStatus && (data.type === "canvas" || data.type === "overview" || data.type === "workflow")) {
         const gitDisplay = getGitStatusDisplay3(data.gitStatus, theme);
         if (gitDisplay) {
@@ -2552,16 +2642,37 @@ var StoryboardWorkflowsTreeCore = ({
           }, gitDisplay.icon));
         }
       }
-      if (data.type === "version" && data.hasTraces !== undefined) {
-        indicators.push(data.hasTraces ? /* @__PURE__ */ React13.createElement(CircleDot, {
-          key: "traces",
-          size: 14,
-          style: { color: "#10b981", marginLeft: "6px" }
-        }) : /* @__PURE__ */ React13.createElement(Circle, {
-          key: "traces",
-          size: 14,
-          style: { color: theme.colors.textMuted, marginLeft: "6px" }
-        }));
+      if (data.type === "version" && data.versionSnapshot && onVersionOpen) {
+        indicators.push(/* @__PURE__ */ React13.createElement("button", {
+          key: "open",
+          onClick: (e) => {
+            e.stopPropagation();
+            onVersionOpen(data.versionSnapshot);
+          },
+          style: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            marginLeft: "6px",
+            padding: "2px",
+            background: "transparent",
+            border: "none",
+            cursor: "pointer",
+            color: theme.colors.textMuted,
+            borderRadius: "4px"
+          },
+          onMouseEnter: (e) => {
+            e.currentTarget.style.color = theme.colors.text;
+            e.currentTarget.style.background = theme.colors.backgroundHover || "rgba(255,255,255,0.1)";
+          },
+          onMouseLeave: (e) => {
+            e.currentTarget.style.color = theme.colors.textMuted;
+            e.currentTarget.style.background = "transparent";
+          },
+          title: "Open version"
+        }, /* @__PURE__ */ React13.createElement(ExternalLink, {
+          size: 14
+        })));
       }
       return indicators.length > 0 ? /* @__PURE__ */ React13.createElement("div", {
         style: { display: "flex", alignItems: "center" }
@@ -2591,7 +2702,7 @@ var StoryboardWorkflowsTreeCore = ({
       return;
     }
     lastSelectionRef.current = { nodeId: nodeData.id, timestamp: now };
-    if (nodeData.type === "overview" || nodeData.type === "canvas" || nodeData.type === "workflow") {
+    if (nodeData.type === "overview" || nodeData.type === "canvas" || nodeData.type === "workflow" || nodeData.type === "scenario") {
       onClick(nodeData);
     }
   };
@@ -2645,7 +2756,7 @@ function hasWorkflowContent(node) {
   return node.workflow !== undefined && "content" in node.workflow && node.workflow.content !== undefined;
 }
 // src/components/WorkflowScenarioTree/WorkflowScenarioTreeCore.tsx
-import { Package as Package2, Workflow as Workflow2, GitCommit as GitCommit2, ListChecks, List } from "lucide-react";
+import { Package as Package2, Workflow as Workflow2, GitCommit as GitCommit2, ListChecks, List as List2 } from "lucide-react";
 import React14, { useMemo as useMemo10 } from "react";
 import { Tree as Tree4 } from "react-arborist";
 var buildTreeDataFromWorkflows = (workflows, workflowTraceCounts, scenarioTraceCounts, filterMode, minTraceCount) => {
@@ -2820,7 +2931,7 @@ var WorkflowScenarioTreeCore = ({
       size: 16
     }) : data.type === "scenario" ? data.hasTraces ? /* @__PURE__ */ React14.createElement(ListChecks, {
       size: 16
-    }) : /* @__PURE__ */ React14.createElement(List, {
+    }) : /* @__PURE__ */ React14.createElement(List2, {
       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;
@@ -3370,8 +3481,8 @@ var RepositoryTreeCore = ({
 // src/components/TelemetryCoverageFileTree.tsx
 import {
   Activity,
-  CircleDot as CircleDot2,
-  Circle as Circle2,
+  CircleDot,
+  Circle,
   TestTube
 } from "lucide-react";
 import React17, { useMemo as useMemo13, useRef as useRef7 } from "react";
@@ -3402,7 +3513,7 @@ var getCoverageStatusDisplay = (coverage, _theme) => {
       };
     case "partial":
       return {
-        icon: /* @__PURE__ */ React17.createElement(CircleDot2, {
+        icon: /* @__PURE__ */ React17.createElement(CircleDot, {
           size: 14
         }),
         color: "#eab308",
@@ -3411,7 +3522,7 @@ var getCoverageStatusDisplay = (coverage, _theme) => {
       };
     case "none":
       return {
-        icon: /* @__PURE__ */ React17.createElement(Circle2, {
+        icon: /* @__PURE__ */ React17.createElement(Circle, {
           size: 14
         }),
         color: "#6b7280",
@@ -3563,7 +3674,7 @@ var TelemetryCoverageFileTree = ({
         opacity: 0.5
       },
       title: "No telemetry instrumentation"
-    }, /* @__PURE__ */ React17.createElement(Circle2, {
+    }, /* @__PURE__ */ React17.createElement(Circle, {
       size: 14
     })) : null;
     return /* @__PURE__ */ React17.createElement(TreeNode, {
@@ -3679,7 +3790,7 @@ var calculateTelemetryCoverageStats = (coverageData) => {
   };
 };
 // src/components/TelemetryCoverageFileTreeContainer.tsx
-import { RefreshCw as RefreshCw2, Eye as Eye2, EyeOff as EyeOff2, AlertCircle as AlertCircle5, Activity as Activity2 } from "lucide-react";
+import { RefreshCw as RefreshCw2, Eye as Eye3, EyeOff as EyeOff3, AlertCircle as AlertCircle5, Activity as Activity2 } from "lucide-react";
 import React18, { useState as useState9, useMemo as useMemo14 } from "react";
 var TelemetryCoverageFileTreeContainer = ({
   fileTree,
@@ -3772,9 +3883,9 @@ var TelemetryCoverageFileTreeContainer = ({
       color: theme.colors.text
     },
     title: showUncoveredFiles ? "Show only covered files" : "Show all test files"
-  }, showUncoveredFiles ? /* @__PURE__ */ React18.createElement(EyeOff2, {
+  }, showUncoveredFiles ? /* @__PURE__ */ React18.createElement(EyeOff3, {
     size: 14
-  }) : /* @__PURE__ */ React18.createElement(Eye2, {
+  }) : /* @__PURE__ */ React18.createElement(Eye3, {
     size: 14
   }), showUncoveredFiles ? "Hide uncovered" : "Show all"), onRefresh && /* @__PURE__ */ React18.createElement("button", {
     onClick: handleRefresh,

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

@@ -32,4 +32,12 @@ export declare const GitStatusWithVersionGrouping: Story;
 export declare const GitStatusMixedScenarios: Story;
 export declare const DragAndDropTest: Story;
 export declare const WithStatusBars: Story;
+/**
+ * Workflows with Scenarios
+ *
+ * When workflows have content with scenarios (DiscoveredWorkflowWithContent),
+ * the scenarios are shown as expandable children under the workflow node.
+ * Each scenario displays its description and trace count.
+ */
+export declare const WorkflowsWithScenarios: 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;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;AAMF,eAAO,MAAM,aAAa,EAAE,KAwF3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA0H/B,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAwF1C,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAuIrC,CAAC;AAMF,eAAO,MAAM,eAAe,EAAE,KAqK7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAoH5B,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;AAMF,eAAO,MAAM,aAAa,EAAE,KAwF3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA0H/B,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAwF1C,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAuIrC,CAAC;AAMF,eAAO,MAAM,eAAe,EAAE,KAqK7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAoH5B,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,EAAE,KA0JpC,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,KAA+C,MAAM,OAAO,CAAC;AASpE,OAAO,KAAK,EAEV,4BAA4B,EAO7B,MAAM,SAAS,CAAC;AAwYjB,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAoW9E,CAAC"}
+{"version":3,"file":"StoryboardWorkflowsTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAC;AASpE,OAAO,KAAK,EAEV,4BAA4B,EAQ7B,MAAM,SAAS,CAAC;AAubjB,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAuc9E,CAAC"}

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

@@ -1,9 +1,9 @@
 import type { Theme } from '@principal-ade/industry-theme';
-import type { DiscoveredStoryboard, DiscoveredCanvas, DiscoveredWorkflow, DiscoveredWorkflowWithContent, WorkflowTemplate, VersionSnapshot } from '@principal-ai/principal-view-core';
+import type { DiscoveredStoryboard, DiscoveredCanvas, DiscoveredWorkflow, DiscoveredWorkflowWithContent, WorkflowTemplate, WorkflowScenario, ScenarioOutcomeType, VersionSnapshot } from '@principal-ai/principal-view-core';
 import type { GitFileStatus, GitStatus } from '../../utils/gitStatus';
 import type { TreeNodeData, DragConfig } from '../TreeNode';
-export type { DiscoveredStoryboard, DiscoveredCanvas, DiscoveredWorkflow, DiscoveredWorkflowWithContent, WorkflowTemplate, VersionSnapshot };
-export type StoryboardWorkflowNodeType = 'version' | 'package' | 'storyboard' | 'overview' | 'canvas' | 'workflows' | 'workflow';
+export type { DiscoveredStoryboard, DiscoveredCanvas, DiscoveredWorkflow, DiscoveredWorkflowWithContent, WorkflowTemplate, WorkflowScenario, ScenarioOutcomeType, VersionSnapshot };
+export type StoryboardWorkflowNodeType = 'version' | 'package' | 'storyboard' | 'overview' | 'canvas' | 'workflows' | 'workflow' | 'scenario';
 /**
  * Storyboard filter mode for filtering workflows by trace status
  * - 'all': Show all workflows (default)
@@ -47,6 +47,8 @@ export interface StoryboardWorkflowNodeData extends TreeNodeData {
     storyboard?: DiscoveredStoryboard;
     canvas?: DiscoveredCanvas;
     workflow?: DiscoveredWorkflow | DiscoveredWorkflowWithContent;
+    scenario?: WorkflowScenario;
+    traceCount?: number;
     packageName?: string;
     scope?: 'package' | 'root';
     markdownPath?: string;
@@ -101,6 +103,12 @@ export interface StoryboardWorkflowsTreeProps {
     canvasNodeStatusMap?: Record<string, CanvasNodeStatus>;
     /** Which status bars to display: 'implementation', 'traces', or 'both' (default: 'both') */
     statusBarDisplay?: StatusBarDisplay;
+    /** Map of scenario ID to trace count (format: "workflowId/scenarioId") */
+    scenarioTraceCounts?: Record<string, number>;
+    /** Map of scenario ID to visibility state (format: "workflowId/scenarioId"). True = visible (eye open), false = hidden (eye closed) */
+    scenarioVisibilityMap?: Record<string, boolean>;
+    /** Callback when scenario visibility is toggled */
+    onScenarioVisibilityToggle?: (scenarioId: string, isVisible: boolean) => void;
     /**
      * Enable dragging nodes to other panels (e.g., terminal).
      * When enabled, nodes will transfer their path/data using the panel-framework-core format.
@@ -112,5 +120,10 @@ export interface StoryboardWorkflowsTreeProps {
      * Return undefined to disable dragging for a specific node.
      */
     getDragConfig?: (node: StoryboardWorkflowNodeData) => DragConfig | undefined;
+    /**
+     * Callback fired when the open button is clicked on a version node.
+     * @param versionSnapshot - The version snapshot data for the clicked node
+     */
+    onVersionOpen?: (versionSnapshot: VersionSnapshot) => void;
 }
 //# 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":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryboardWorkflowsTree/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@principal-ade/dynamic-file-tree",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "React component for selective directory filtering and file tree visualization",
   "type": "module",
   "main": "dist/index.mjs",
@@ -81,7 +81,7 @@
     "@principal-ade/industry-theme": "^0.1.8",
     "@principal-ade/panel-framework-core": "^0.5.1",
     "@principal-ai/alexandria-core-library": "^0.3.3",
-    "@principal-ai/principal-view-core": "^0.24.43",
+    "@principal-ai/principal-view-core": "0.24.58",
     "@principal-ai/repository-abstraction": "^0.5.7",
     "@storybook/addon-docs": "^10.2.14",
     "@storybook/addon-onboarding": "^10.2.14",