@principal-ade/dynamic-file-tree 0.1.66 → 0.1.68

package/dist/index.d.ts

@@ -13,7 +13,7 @@ export type { GitOrderedFileListProps } from './src/components/GitOrderedFileLis
 export { FileTreeContainer } from './src/components/FileTreeContainer';
 export type { FileTreeContainerProps } from './src/components/FileTreeContainer';
 export { GitStatusFileTree } from './src/components/GitStatusFileTree';
-export type { GitStatusFileTreeProps, GitFileStatus, GitStatus } from './src/components/GitStatusFileTree';
+export type { GitStatusFileTreeProps } from './src/components/GitStatusFileTree';
 export { GitStatusFileTreeContainer } from './src/components/GitStatusFileTreeContainer';
 export type { GitStatusFileTreeContainerProps } from './src/components/GitStatusFileTreeContainer';
 export { MultiFileTree, MultiFileTreeCore } from './src/components/MultiFileTree';
@@ -31,4 +31,6 @@ export { TelemetryCoverageFileTreeContainer } from './src/components/TelemetryCo
 export type { TelemetryCoverageFileTreeContainerProps } from './src/components/TelemetryCoverageFileTreeContainer';
 export { combineRepositoryTrees, filterFileTreeByPaths, parseUnifiedPath, updateTreePaths, extractNameFromPath, } from './src/utils/multiTree';
 export type { CombineTreesOptions, ParsedPath } from './src/utils/multiTree';
+export { buildGitStatusMap, lookupGitStatus, getGitStatusDisplay, } from './src/utils/gitStatus';
+export type { GitStatus, GitFileStatus, GitStatusDisplay, } from './src/utils/gitStatus';
 //# sourceMappingURL=index.d.ts.map

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,oBAAoB,EACpB,kBAAkB,EAClB,6BAA6B,GAC9B,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AAGpF,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"}
+{"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,EACvB,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,oBAAoB,EACpB,kBAAkB,EAClB,6BAA6B,GAC9B,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AAGpF,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;AAG7E,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,GACjB,MAAM,uBAAuB,CAAC"}

package/dist/index.mjs

@@ -1890,9 +1890,118 @@ var MultiFileTree = ({
 };
 // src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore.tsx
 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 React12, { useMemo as useMemo9, useRef as useRef5 } from "react";
 import { Tree as Tree3 } from "react-arborist";
-var buildTreeDataFromStoryboards = (storyboards, workflowCoverageMap, traceWorkflowsSet, filterMode, versionPrefix) => {
+
+// src/utils/gitStatus.tsx
+import React11 from "react";
+import {
+  Plus as Plus3,
+  Minus as Minus3,
+  Edit as Edit3,
+  AlertCircle as AlertCircle4,
+  GitBranch as GitBranch3,
+  FileQuestion as FileQuestion3
+} from "lucide-react";
+function getGitStatusDisplay3(status, theme) {
+  switch (status) {
+    case "M":
+    case "MM":
+      return {
+        icon: /* @__PURE__ */ React11.createElement(Edit3, {
+          size: 14
+        }),
+        color: theme.colors.primary || "#007bff",
+        label: "Modified"
+      };
+    case "A":
+      return {
+        icon: /* @__PURE__ */ React11.createElement(Plus3, {
+          size: 14
+        }),
+        color: "#28a745",
+        label: "Added"
+      };
+    case "D":
+      return {
+        icon: /* @__PURE__ */ React11.createElement(Minus3, {
+          size: 14
+        }),
+        color: "#dc3545",
+        label: "Deleted"
+      };
+    case "R":
+      return {
+        icon: /* @__PURE__ */ React11.createElement(GitBranch3, {
+          size: 14
+        }),
+        color: "#6f42c1",
+        label: "Renamed"
+      };
+    case "C":
+      return {
+        icon: /* @__PURE__ */ React11.createElement(GitBranch3, {
+          size: 14
+        }),
+        color: "#20c997",
+        label: "Copied"
+      };
+    case "U":
+      return {
+        icon: /* @__PURE__ */ React11.createElement(AlertCircle4, {
+          size: 14
+        }),
+        color: "#fd7e14",
+        label: "Unmerged"
+      };
+    case "??":
+      return {
+        icon: /* @__PURE__ */ React11.createElement(FileQuestion3, {
+          size: 14
+        }),
+        color: "#6c757d",
+        label: "Untracked"
+      };
+    case "AM":
+      return {
+        icon: /* @__PURE__ */ React11.createElement(Plus3, {
+          size: 14
+        }),
+        color: "#17a2b8",
+        label: "Added & Modified"
+      };
+    default:
+      return null;
+  }
+}
+function buildGitStatusMap(gitStatusData) {
+  const map = new Map;
+  for (const fileStatus of gitStatusData) {
+    if (fileStatus.status) {
+      map.set(fileStatus.filePath, fileStatus.status);
+    }
+  }
+  return map;
+}
+function lookupGitStatus(filePath, gitStatusMap) {
+  if (!filePath)
+    return null;
+  if (gitStatusMap.has(filePath)) {
+    return gitStatusMap.get(filePath) || null;
+  }
+  const fileName = filePath.split("/").pop();
+  if (fileName) {
+    for (const [gitPath, status] of gitStatusMap.entries()) {
+      if (gitPath.endsWith(fileName) || gitPath.endsWith(filePath)) {
+        return status;
+      }
+    }
+  }
+  return null;
+}
+
+// src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore.tsx
+var buildTreeDataFromStoryboards = (storyboards, workflowCoverageMap, traceWorkflowsSet, filterMode, versionPrefix, gitStatusMap) => {
   const packagesMap = new Map;
   const rootStoryboards = [];
   for (const storyboard of storyboards) {
@@ -1907,27 +2016,32 @@ var buildTreeDataFromStoryboards = (storyboards, workflowCoverageMap, traceWorkf
   const buildStoryboardNode = (storyboard) => {
     const children = [];
     const canvasId = versionPrefix ? `canvas:${versionPrefix}:${storyboard.id}` : `canvas:${storyboard.id}`;
+    const canvasGitStatus = gitStatusMap ? lookupGitStatus(storyboard.canvas.path, gitStatusMap) : null;
     children.push({
       id: canvasId,
       name: "Storyboard",
       type: "canvas",
       canvas: storyboard.canvas,
-      storyboard
+      storyboard,
+      gitStatus: canvasGitStatus
     });
     if (storyboard.canvas.markdownPath) {
       const overviewId = versionPrefix ? `overview:${versionPrefix}:${storyboard.id}` : `overview:${storyboard.id}`;
+      const overviewGitStatus = gitStatusMap ? lookupGitStatus(storyboard.canvas.markdownPath, gitStatusMap) : null;
       children.push({
         id: overviewId,
         name: "Overview",
         type: "overview",
         storyboard,
-        markdownPath: storyboard.canvas.markdownPath
+        markdownPath: storyboard.canvas.markdownPath,
+        gitStatus: overviewGitStatus
       });
     }
     if (storyboard.workflows.length > 0) {
       let workflowNodes = storyboard.workflows.map((workflow) => {
         const workflowHasTraces = traceWorkflowsSet?.has(workflow.id) ?? false;
         const workflowNodeId = versionPrefix ? `workflow:${versionPrefix}:${workflow.id}` : `workflow:${workflow.id}`;
+        const workflowGitStatus = gitStatusMap ? lookupGitStatus(workflow.path, gitStatusMap) : null;
         return {
           id: workflowNodeId,
           name: workflow.name,
@@ -1935,7 +2049,8 @@ var buildTreeDataFromStoryboards = (storyboards, workflowCoverageMap, traceWorkf
           workflow,
           storyboard,
           isFullyCovered: workflowCoverageMap?.[workflow.id] ?? false,
-          hasTraces: workflowHasTraces
+          hasTraces: workflowHasTraces,
+          gitStatus: workflowGitStatus
         };
       }).sort((a, b) => a.name.localeCompare(b.name));
       if (filterMode === "with-traces") {
@@ -2020,7 +2135,7 @@ 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) => {
+var buildTreeDataFromVersions = (versionSnapshots, workflowCoverageMap, filterMode, traceWorkflowsSet, gitStatusMap) => {
   const result = [];
   for (const snapshot of versionSnapshots) {
     const versionKey = `${snapshot.repositoryUrl}@${snapshot.commitSha}`;
@@ -2032,7 +2147,7 @@ var buildTreeDataFromVersions = (versionSnapshots, workflowCoverageMap, filterMo
     if (filterMode === "without-traces" && !versionHasUntracedWorkflows) {
       continue;
     }
-    const storyboardChildren = buildTreeDataFromStoryboards(snapshot.storyboards, workflowCoverageMap, traceWorkflowsSet, filterMode, versionKey);
+    const storyboardChildren = buildTreeDataFromStoryboards(snapshot.storyboards, workflowCoverageMap, traceWorkflowsSet, filterMode, versionKey, gitStatusMap);
     if (storyboardChildren.length === 0) {
       continue;
     }
@@ -2065,9 +2180,13 @@ var StoryboardWorkflowsTreeCore = ({
   workflowCoverageMap,
   versionSnapshots,
   workflowFilterMode = "all",
-  traceWorkflowsSet
+  traceWorkflowsSet,
+  gitStatusData
 }) => {
   const dndProps = getDndProps(enableDragAndDrop);
+  const gitStatusMap = useMemo9(() => {
+    return gitStatusData ? buildGitStatusMap(gitStatusData) : new Map;
+  }, [gitStatusData]);
   const rowHeight = useMemo9(() => {
     const paddingValue = parseFloat(verticalNodePadding);
     const contentLineHeight = 20;
@@ -2076,60 +2195,77 @@ var StoryboardWorkflowsTreeCore = ({
   }, [verticalNodePadding]);
   const treeData = useMemo9(() => {
     if (versionSnapshots && versionSnapshots.length > 0) {
-      return buildTreeDataFromVersions(versionSnapshots, workflowCoverageMap, workflowFilterMode, traceWorkflowsSet);
+      return buildTreeDataFromVersions(versionSnapshots, workflowCoverageMap, workflowFilterMode, traceWorkflowsSet, gitStatusMap);
     } else {
-      return buildTreeDataFromStoryboards(storyboards, workflowCoverageMap, traceWorkflowsSet, workflowFilterMode);
+      return buildTreeDataFromStoryboards(storyboards, workflowCoverageMap, traceWorkflowsSet, workflowFilterMode, undefined, gitStatusMap);
     }
-  }, [storyboards, versionSnapshots, workflowCoverageMap, traceWorkflowsSet, workflowFilterMode]);
+  }, [storyboards, versionSnapshots, workflowCoverageMap, traceWorkflowsSet, workflowFilterMode, gitStatusMap]);
   const NodeRenderer = (props) => {
     const { node } = props;
     const data = node.data;
-    const icon = data.type === "version" ? /* @__PURE__ */ React11.createElement(GitCommit, {
+    const icon = data.type === "version" ? /* @__PURE__ */ React12.createElement(GitCommit, {
       size: 16
-    }) : data.type === "package" ? /* @__PURE__ */ React11.createElement(Package, {
+    }) : data.type === "package" ? /* @__PURE__ */ React12.createElement(Package, {
       size: 16
-    }) : data.type === "storyboard" ? /* @__PURE__ */ React11.createElement(FolderKanban, {
+    }) : data.type === "storyboard" ? /* @__PURE__ */ React12.createElement(FolderKanban, {
       size: 16
-    }) : data.type === "overview" ? /* @__PURE__ */ React11.createElement(BookOpen, {
+    }) : data.type === "overview" ? /* @__PURE__ */ React12.createElement(BookOpen, {
       size: 16
-    }) : data.type === "canvas" ? /* @__PURE__ */ React11.createElement(LayoutDashboard, {
+    }) : data.type === "canvas" ? /* @__PURE__ */ React12.createElement(LayoutDashboard, {
       size: 16
-    }) : data.type === "workflows" ? /* @__PURE__ */ React11.createElement(FolderOpen, {
+    }) : data.type === "workflows" ? /* @__PURE__ */ React12.createElement(FolderOpen, {
       size: 16
-    }) : /* @__PURE__ */ React11.createElement(Workflow, {
+    }) : /* @__PURE__ */ React12.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 rightContent = (() => {
+      const indicators = [];
+      if (data.gitStatus && (data.type === "canvas" || data.type === "overview" || data.type === "workflow")) {
+        const gitDisplay = getGitStatusDisplay3(data.gitStatus, theme);
+        if (gitDisplay) {
+          indicators.push(/* @__PURE__ */ React12.createElement("div", {
+            key: "git",
+            style: { display: "flex", alignItems: "center", color: gitDisplay.color, marginLeft: "6px" }
+          }, gitDisplay.icon));
+        }
+      }
       if (data.type === "workflow") {
         if (data.isFullyCovered) {
-          return /* @__PURE__ */ React11.createElement(CheckCircle2, {
+          indicators.push(/* @__PURE__ */ React12.createElement(CheckCircle2, {
+            key: "coverage",
             size: 14,
             style: { color: "#10b981", marginLeft: "6px" }
-          });
+          }));
         } else if (data.hasTraces !== undefined) {
-          return data.hasTraces ? /* @__PURE__ */ React11.createElement(CircleDot, {
+          indicators.push(data.hasTraces ? /* @__PURE__ */ React12.createElement(CircleDot, {
+            key: "traces",
             size: 14,
             style: { color: "#10b981", marginLeft: "6px" }
-          }) : /* @__PURE__ */ React11.createElement(Circle, {
+          }) : /* @__PURE__ */ React12.createElement(Circle, {
+            key: "traces",
             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, {
+        indicators.push(data.hasTraces ? /* @__PURE__ */ React12.createElement(CircleDot, {
+          key: "traces",
           size: 14,
           style: { color: "#10b981", marginLeft: "6px" }
-        }) : /* @__PURE__ */ React11.createElement(Circle, {
+        }) : /* @__PURE__ */ React12.createElement(Circle, {
+          key: "traces",
           size: 14,
           style: { color: theme.colors.textMuted, marginLeft: "6px" }
-        });
+        }));
       }
-      return;
+      return indicators.length > 0 ? /* @__PURE__ */ React12.createElement("div", {
+        style: { display: "flex", alignItems: "center" }
+      }, indicators) : undefined;
     })();
-    return /* @__PURE__ */ React11.createElement(TreeNode, {
+    return /* @__PURE__ */ React12.createElement(TreeNode, {
       ...props,
       theme,
       nameColor,
@@ -2157,7 +2293,7 @@ var StoryboardWorkflowsTreeCore = ({
   };
   const initialHeight = 600;
   const [containerRef, containerHeight] = useContainerHeight(initialHeight);
-  return /* @__PURE__ */ React11.createElement("div", {
+  return /* @__PURE__ */ React12.createElement("div", {
     ref: containerRef,
     style: {
       backgroundColor: theme.colors.background,
@@ -2166,7 +2302,7 @@ var StoryboardWorkflowsTreeCore = ({
       height: "100%",
       ...verticalPadding ? { paddingTop: verticalPadding, paddingBottom: verticalPadding } : {}
     }
-  }, /* @__PURE__ */ React11.createElement(Tree3, {
+  }, /* @__PURE__ */ React12.createElement(Tree3, {
     data: treeData,
     onSelect: handleSelect,
     openByDefault: defaultOpen,
@@ -2184,7 +2320,7 @@ function hasWorkflowContent(node) {
 }
 // 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 React13, { useMemo as useMemo10 } from "react";
 import { Tree as Tree4 } from "react-arborist";
 var buildTreeDataFromWorkflows = (workflows, workflowTraceCounts, scenarioTraceCounts, filterMode, minTraceCount) => {
   const packagesMap = new Map;
@@ -2349,20 +2485,20 @@ var WorkflowScenarioTreeCore = ({
   const NodeRenderer = (props) => {
     const { node } = props;
     const data = node.data;
-    const icon = data.type === "version" ? /* @__PURE__ */ React12.createElement(GitCommit2, {
+    const icon = data.type === "version" ? /* @__PURE__ */ React13.createElement(GitCommit2, {
       size: 16
-    }) : data.type === "package" ? /* @__PURE__ */ React12.createElement(Package2, {
+    }) : data.type === "package" ? /* @__PURE__ */ React13.createElement(Package2, {
       size: 16
-    }) : data.type === "workflow" ? /* @__PURE__ */ React12.createElement(Workflow2, {
+    }) : data.type === "workflow" ? /* @__PURE__ */ React13.createElement(Workflow2, {
       size: 16
-    }) : data.type === "scenario" ? data.hasTraces ? /* @__PURE__ */ React12.createElement(ListChecks, {
+    }) : data.type === "scenario" ? data.hasTraces ? /* @__PURE__ */ React13.createElement(ListChecks, {
       size: 16
-    }) : /* @__PURE__ */ React12.createElement(List, {
+    }) : /* @__PURE__ */ React13.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", {
+    const rightContent = data.traceCount !== undefined ? /* @__PURE__ */ React13.createElement("span", {
       style: {
         marginLeft: "8px",
         fontSize: "12px",
@@ -2370,7 +2506,7 @@ var WorkflowScenarioTreeCore = ({
         fontWeight: 500
       }
     }, data.traceCount) : undefined;
-    return /* @__PURE__ */ React12.createElement(TreeNode, {
+    return /* @__PURE__ */ React13.createElement(TreeNode, {
       ...props,
       theme,
       nameColor,
@@ -2391,7 +2527,7 @@ var WorkflowScenarioTreeCore = ({
   };
   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,
@@ -2400,7 +2536,7 @@ var WorkflowScenarioTreeCore = ({
       height: "100%",
       ...verticalPadding ? { paddingTop: verticalPadding, paddingBottom: verticalPadding } : {}
     }
-  }, /* @__PURE__ */ React12.createElement(Tree4, {
+  }, /* @__PURE__ */ React13.createElement(Tree4, {
     data: treeData,
     onSelect: handleSelect,
     openByDefault: defaultOpen,
@@ -2413,9 +2549,9 @@ var WorkflowScenarioTreeCore = ({
 };
 // 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 React14, { useMemo as useMemo11, useRef as useRef6 } from "react";
 import { Tree as Tree5 } from "react-arborist";
-var buildTreeData = (canvases) => {
+var buildTreeData = (canvases, gitStatusMap) => {
   const packagesMap = new Map;
   const rootCanvases = [];
   for (const canvas of canvases) {
@@ -2429,19 +2565,23 @@ var buildTreeData = (canvases) => {
   }
   const buildCanvasNode = (canvas) => {
     const children = [];
+    const canvasGitStatus = gitStatusMap ? lookupGitStatus(canvas.path, gitStatusMap) : null;
     children.push({
       id: `canvas:${canvas.id}`,
       name: "Canvas",
       type: "canvas",
-      canvas
+      canvas,
+      gitStatus: canvasGitStatus
     });
     if (canvas.markdownPath) {
+      const overviewGitStatus = gitStatusMap ? lookupGitStatus(canvas.markdownPath, gitStatusMap) : null;
       children.push({
         id: `overview:${canvas.id}`,
         name: "Overview",
         type: "overview",
         canvas,
-        markdownPath: canvas.markdownPath
+        markdownPath: canvas.markdownPath,
+        gitStatus: overviewGitStatus
       });
     }
     return {
@@ -2504,35 +2644,51 @@ var CanvasListTreeCore = ({
   horizontalNodePadding = "16px",
   verticalNodePadding = "6px",
   verticalPadding = "20px",
-  enableDragAndDrop = false
+  enableDragAndDrop = false,
+  gitStatusData
 }) => {
   const dndProps = getDndProps(enableDragAndDrop);
+  const gitStatusMap = useMemo11(() => {
+    return gitStatusData ? buildGitStatusMap(gitStatusData) : new Map;
+  }, [gitStatusData]);
   const rowHeight = useMemo11(() => {
     const paddingValue = parseFloat(verticalNodePadding);
     const contentLineHeight = 20;
     const borderHeight = 2;
     return contentLineHeight + paddingValue * 2 + borderHeight;
   }, [verticalNodePadding]);
-  const treeData = useMemo11(() => buildTreeData(canvases), [canvases]);
+  const treeData = useMemo11(() => buildTreeData(canvases, gitStatusMap), [canvases, gitStatusMap]);
   const NodeRenderer = (props) => {
     const { node } = props;
     const data = node.data;
-    const icon = data.type === "package" ? /* @__PURE__ */ React13.createElement(Package3, {
+    const icon = data.type === "package" ? /* @__PURE__ */ React14.createElement(Package3, {
       size: 16
-    }) : data.type === "canvas-folder" ? /* @__PURE__ */ React13.createElement(Folder, {
+    }) : data.type === "canvas-folder" ? /* @__PURE__ */ React14.createElement(Folder, {
       size: 16
-    }) : data.type === "overview" ? /* @__PURE__ */ React13.createElement(FileText, {
+    }) : data.type === "overview" ? /* @__PURE__ */ React14.createElement(FileText, {
       size: 16
-    }) : /* @__PURE__ */ React13.createElement(LayoutDashboard2, {
+    }) : /* @__PURE__ */ React14.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__ */ React13.createElement(TreeNode, {
+    const rightContent = (() => {
+      if (data.gitStatus && (data.type === "canvas" || data.type === "overview")) {
+        const gitDisplay = getGitStatusDisplay3(data.gitStatus, theme);
+        if (gitDisplay) {
+          return /* @__PURE__ */ React14.createElement("div", {
+            style: { display: "flex", alignItems: "center", color: gitDisplay.color, marginLeft: "6px" }
+          }, gitDisplay.icon);
+        }
+      }
+      return;
+    })();
+    return /* @__PURE__ */ React14.createElement(TreeNode, {
       ...props,
       theme,
       nameColor,
       leftIcon: icon,
+      rightContent,
       horizontalNodePadding: nodeHorizontalPadding,
       verticalNodePadding
     });
@@ -2555,7 +2711,7 @@ var CanvasListTreeCore = ({
   };
   const initialHeight = 600;
   const [containerRef, containerHeight] = useContainerHeight(initialHeight);
-  return /* @__PURE__ */ React13.createElement("div", {
+  return /* @__PURE__ */ React14.createElement("div", {
     ref: containerRef,
     style: {
       backgroundColor: theme.colors.background,
@@ -2564,7 +2720,7 @@ var CanvasListTreeCore = ({
       height: "100%",
       ...verticalPadding ? { paddingTop: verticalPadding, paddingBottom: verticalPadding } : {}
     }
-  }, /* @__PURE__ */ React13.createElement(Tree5, {
+  }, /* @__PURE__ */ React14.createElement(Tree5, {
     initialData: treeData,
     onSelect: handleSelect,
     openByDefault: defaultOpen,
@@ -2583,9 +2739,9 @@ import {
   Circle as Circle2,
   TestTube
 } from "lucide-react";
-import React14, { useMemo as useMemo12, useRef as useRef7 } from "react";
+import React15, { useMemo as useMemo12, useRef as useRef7 } from "react";
 import { Tree as Tree6 } from "react-arborist";
-var TelemetryCoverageContext = React14.createContext(null);
+var TelemetryCoverageContext = React15.createContext(null);
 var DEFAULT_TEST_PATTERNS = [
   /\.test\.[jt]sx?$/,
   /\.spec\.[jt]sx?$/,
@@ -2602,7 +2758,7 @@ var getCoverageStatusDisplay = (coverage, _theme) => {
   switch (status) {
     case "covered":
       return {
-        icon: /* @__PURE__ */ React14.createElement(Activity, {
+        icon: /* @__PURE__ */ React15.createElement(Activity, {
           size: 14
         }),
         color: "#22c55e",
@@ -2611,7 +2767,7 @@ var getCoverageStatusDisplay = (coverage, _theme) => {
       };
     case "partial":
       return {
-        icon: /* @__PURE__ */ React14.createElement(CircleDot2, {
+        icon: /* @__PURE__ */ React15.createElement(CircleDot2, {
           size: 14
         }),
         color: "#eab308",
@@ -2620,7 +2776,7 @@ var getCoverageStatusDisplay = (coverage, _theme) => {
       };
     case "none":
       return {
-        icon: /* @__PURE__ */ React14.createElement(Circle2, {
+        icon: /* @__PURE__ */ React15.createElement(Circle2, {
           size: 14
         }),
         color: "#6b7280",
@@ -2731,7 +2887,7 @@ var TelemetryCoverageFileTree = ({
   }, [coverageData]);
   const NodeRenderer = (props) => {
     const { node } = props;
-    const ctx = React14.useContext(TelemetryCoverageContext);
+    const ctx = React15.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;
@@ -2743,11 +2899,11 @@ var TelemetryCoverageFileTree = ({
     } else if (node.data.isTestFile) {
       nameColor = "#6b728080";
     }
-    const leftIcon = node.data.isTestFile && !coverage ? /* @__PURE__ */ React14.createElement(TestTube, {
+    const leftIcon = node.data.isTestFile && !coverage ? /* @__PURE__ */ React15.createElement(TestTube, {
       size: 14,
       style: { marginRight: 4, color: "#6b7280" }
     }) : null;
-    const rightContent = coverageDisplay ? /* @__PURE__ */ React14.createElement("div", {
+    const rightContent = coverageDisplay ? /* @__PURE__ */ React15.createElement("div", {
       style: {
         display: "flex",
         alignItems: "center",
@@ -2755,14 +2911,14 @@ var TelemetryCoverageFileTree = ({
         marginRight: "8px"
       },
       title: coverageDisplay.label
-    }, coverageDisplay.icon, /* @__PURE__ */ React14.createElement("span", {
+    }, coverageDisplay.icon, /* @__PURE__ */ React15.createElement("span", {
       style: {
         marginLeft: "4px",
         fontSize: theme.fontSizes[0],
         fontWeight: "bold",
         fontFamily: "monospace"
       }
-    }, coverageDisplay.badge)) : node.data.isTestFile ? /* @__PURE__ */ React14.createElement("div", {
+    }, coverageDisplay.badge)) : node.data.isTestFile ? /* @__PURE__ */ React15.createElement("div", {
       style: {
         display: "flex",
         alignItems: "center",
@@ -2771,10 +2927,10 @@ var TelemetryCoverageFileTree = ({
         opacity: 0.5
       },
       title: "No telemetry instrumentation"
-    }, /* @__PURE__ */ React14.createElement(Circle2, {
+    }, /* @__PURE__ */ React15.createElement(Circle2, {
       size: 14
     })) : null;
-    return /* @__PURE__ */ React14.createElement(TreeNode, {
+    return /* @__PURE__ */ React15.createElement(TreeNode, {
       ...props,
       theme,
       rightContent,
@@ -2847,7 +3003,7 @@ var TelemetryCoverageFileTree = ({
     return initialHeight;
   }, [autoHeight, treeData, openByDefault, initialHeight]);
   const [containerRef, containerHeight] = useContainerHeight(calculatedHeight);
-  return /* @__PURE__ */ React14.createElement("div", {
+  return /* @__PURE__ */ React15.createElement("div", {
     ref: containerRef,
     style: {
       backgroundColor: transparentBackground ? "transparent" : theme.colors.background,
@@ -2856,9 +3012,9 @@ var TelemetryCoverageFileTree = ({
       ...autoHeight ? {} : { height: "100%" },
       ...verticalPadding ? { paddingTop: verticalPadding, paddingBottom: verticalPadding } : {}
     }
-  }, /* @__PURE__ */ React14.createElement(TelemetryCoverageContext.Provider, {
+  }, /* @__PURE__ */ React15.createElement(TelemetryCoverageContext.Provider, {
     value: { coverageMap, hasTracedChildrenMap }
-  }, /* @__PURE__ */ React14.createElement(Tree6, {
+  }, /* @__PURE__ */ React15.createElement(Tree6, {
     data: treeData,
     onSelect: handleSelect,
     ...selectedFile !== undefined && { selection: selectedFile },
@@ -2886,8 +3042,8 @@ 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 React15, { useState as useState7, useMemo as useMemo13 } from "react";
+import { RefreshCw as RefreshCw2, Eye as Eye2, EyeOff as EyeOff2, AlertCircle as AlertCircle5, Activity as Activity2 } from "lucide-react";
+import React16, { useState as useState7, useMemo as useMemo13 } from "react";
 var TelemetryCoverageFileTreeContainer = ({
   fileTree,
   theme,
@@ -2920,34 +3076,34 @@ var TelemetryCoverageFileTreeContainer = ({
     setShowUncoveredFiles(!showUncoveredFiles);
   };
   const percentageColor = stats.percentage >= 80 ? "#22c55e" : stats.percentage >= 50 ? "#eab308" : stats.percentage > 0 ? "#f97316" : "#6b7280";
-  return /* @__PURE__ */ React15.createElement("div", {
+  return /* @__PURE__ */ React16.createElement("div", {
     style: { display: "flex", flexDirection: "column", height: "100%" }
-  }, showControls && /* @__PURE__ */ React15.createElement("div", {
+  }, showControls && /* @__PURE__ */ React16.createElement("div", {
     style: {
       padding: "12px",
       borderBottom: `1px solid ${theme.colors.border || "#e0e0e0"}`,
       backgroundColor: theme.colors.backgroundSecondary || theme.colors.background
     }
-  }, /* @__PURE__ */ React15.createElement("div", {
+  }, /* @__PURE__ */ React16.createElement("div", {
     style: {
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between",
       marginBottom: "8px"
     }
-  }, /* @__PURE__ */ React15.createElement("div", {
+  }, /* @__PURE__ */ React16.createElement("div", {
     style: { display: "flex", alignItems: "center", gap: "8px" }
-  }, /* @__PURE__ */ React15.createElement(Activity2, {
+  }, /* @__PURE__ */ React16.createElement(Activity2, {
     size: 16,
     color: theme.colors.primary
-  }), /* @__PURE__ */ React15.createElement("h3", {
+  }), /* @__PURE__ */ React16.createElement("h3", {
     style: {
       margin: 0,
       fontSize: theme.fontSizes[1],
       fontWeight: "bold",
       color: theme.colors.text
     }
-  }, title), stats.testFiles > 0 && /* @__PURE__ */ React15.createElement("span", {
+  }, title), stats.testFiles > 0 && /* @__PURE__ */ React16.createElement("span", {
     style: {
       backgroundColor: percentageColor,
       color: "#ffffff",
@@ -2957,14 +3113,14 @@ var TelemetryCoverageFileTreeContainer = ({
       fontWeight: "bold",
       fontFamily: "monospace"
     }
-  }, stats.percentage, "%"), isLoading && /* @__PURE__ */ React15.createElement(RefreshCw2, {
+  }, stats.percentage, "%"), isLoading && /* @__PURE__ */ React16.createElement(RefreshCw2, {
     size: 16,
     color: theme.colors.text,
     className: "telemetry-coverage-spinner",
     style: { animation: "spin 1s linear infinite" }
-  })), /* @__PURE__ */ React15.createElement("div", {
+  })), /* @__PURE__ */ React16.createElement("div", {
     style: { display: "flex", gap: "8px" }
-  }, /* @__PURE__ */ React15.createElement("button", {
+  }, /* @__PURE__ */ React16.createElement("button", {
     onClick: toggleShowUncoveredFiles,
     style: {
       background: "none",
@@ -2979,11 +3135,11 @@ var TelemetryCoverageFileTreeContainer = ({
       color: theme.colors.text
     },
     title: showUncoveredFiles ? "Show only covered files" : "Show all test files"
-  }, showUncoveredFiles ? /* @__PURE__ */ React15.createElement(EyeOff2, {
+  }, showUncoveredFiles ? /* @__PURE__ */ React16.createElement(EyeOff2, {
     size: 14
-  }) : /* @__PURE__ */ React15.createElement(Eye2, {
+  }) : /* @__PURE__ */ React16.createElement(Eye2, {
     size: 14
-  }), showUncoveredFiles ? "Hide uncovered" : "Show all"), onRefresh && /* @__PURE__ */ React15.createElement("button", {
+  }), showUncoveredFiles ? "Hide uncovered" : "Show all"), onRefresh && /* @__PURE__ */ React16.createElement("button", {
     onClick: handleRefresh,
     disabled: isLoading,
     style: {
@@ -3000,9 +3156,9 @@ var TelemetryCoverageFileTreeContainer = ({
       opacity: isLoading ? 0.6 : 1
     },
     title: "Refresh coverage data"
-  }, /* @__PURE__ */ React15.createElement(RefreshCw2, {
+  }, /* @__PURE__ */ React16.createElement(RefreshCw2, {
     size: 14
-  }), "Refresh"))), error && /* @__PURE__ */ React15.createElement("div", {
+  }), "Refresh"))), error && /* @__PURE__ */ React16.createElement("div", {
     style: {
       display: "flex",
       alignItems: "center",
@@ -3015,36 +3171,36 @@ var TelemetryCoverageFileTreeContainer = ({
       color: "#856404",
       marginBottom: "8px"
     }
-  }, /* @__PURE__ */ React15.createElement(AlertCircle4, {
+  }, /* @__PURE__ */ React16.createElement(AlertCircle5, {
     size: 14
-  }), error), !error && stats.testFiles > 0 && /* @__PURE__ */ React15.createElement("div", {
+  }), error), !error && stats.testFiles > 0 && /* @__PURE__ */ React16.createElement("div", {
     style: {
       display: "flex",
       gap: "16px",
       fontSize: theme.fontSizes[0],
       color: theme.colors.textSecondary || "#666"
     }
-  }, /* @__PURE__ */ React15.createElement("span", null, /* @__PURE__ */ React15.createElement("strong", {
+  }, /* @__PURE__ */ React16.createElement("span", null, /* @__PURE__ */ React16.createElement("strong", {
     style: { color: "#22c55e" }
-  }, stats.coveredFiles), " covered"), stats.partialFiles > 0 && /* @__PURE__ */ React15.createElement("span", null, /* @__PURE__ */ React15.createElement("strong", {
+  }, stats.coveredFiles), " covered"), stats.partialFiles > 0 && /* @__PURE__ */ React16.createElement("span", null, /* @__PURE__ */ React16.createElement("strong", {
     style: { color: "#eab308" }
-  }, stats.partialFiles), " partial"), /* @__PURE__ */ React15.createElement("span", null, /* @__PURE__ */ React15.createElement("strong", {
+  }, stats.partialFiles), " partial"), /* @__PURE__ */ React16.createElement("span", null, /* @__PURE__ */ React16.createElement("strong", {
     style: { color: "#6b7280" }
-  }, stats.uncoveredFiles), " uncovered"), /* @__PURE__ */ React15.createElement("span", {
+  }, stats.uncoveredFiles), " uncovered"), /* @__PURE__ */ React16.createElement("span", {
     style: { marginLeft: "auto" }
-  }, stats.totalTraced, "/", stats.totalTests, " tests traced")), !error && stats.testFiles === 0 && /* @__PURE__ */ React15.createElement("div", {
+  }, stats.totalTraced, "/", stats.totalTests, " tests traced")), !error && stats.testFiles === 0 && /* @__PURE__ */ React16.createElement("div", {
     style: {
       fontSize: theme.fontSizes[0],
       color: theme.colors.textSecondary || "#666"
     }
-  }, "No test files with coverage data found")), /* @__PURE__ */ React15.createElement(DirectoryFilterInput, {
+  }, "No test files with coverage data found")), /* @__PURE__ */ React16.createElement(DirectoryFilterInput, {
     fileTree,
     theme,
     filters,
     onFiltersChange: setFilters
-  }), /* @__PURE__ */ React15.createElement("div", {
+  }), /* @__PURE__ */ React16.createElement("div", {
     style: { flex: 1, marginTop: "1rem", overflow: "hidden" }
-  }, /* @__PURE__ */ React15.createElement(TelemetryCoverageFileTree, {
+  }, /* @__PURE__ */ React16.createElement(TelemetryCoverageFileTree, {
     fileTree,
     theme,
     coverageData,
@@ -3065,12 +3221,15 @@ export {
   useContainerHeight,
   updateTreePaths,
   parseUnifiedPath,
+  lookupGitStatus,
   hasWorkflowContent,
+  getGitStatusDisplay3 as getGitStatusDisplay,
   getDndProps,
   filterFileTreeByPaths,
   extractNameFromPath,
   combineRepositoryTrees,
   calculateTelemetryCoverageStats,
+  buildGitStatusMap,
   WorkflowScenarioTreeCore,
   TreeNode,
   TelemetryCoverageFileTreeContainer,

package/dist/src/components/CanvasListTree/CanvasListTreeCore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasListTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasListTree/CanvasListTreeCore.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAO/C,OAAO,KAAK,EAEV,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AAkHjB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuI5D,CAAC"}
+{"version":3,"file":"CanvasListTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasListTree/CanvasListTreeCore.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAQ/C,OAAO,KAAK,EAEV,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AAuHjB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6J5D,CAAC"}

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

@@ -1,6 +1,7 @@
 import type { Theme } from '@principal-ade/industry-theme';
 import type { DiscoveredCanvas } from '@principal-ai/principal-view-core';
 import type { TreeNodeData } from '../TreeNode';
+import type { GitFileStatus, GitStatus } from '../../utils/gitStatus';
 export type { DiscoveredCanvas };
 export type CanvasListNodeType = 'package' | 'canvas-folder' | 'canvas' | 'overview';
 export interface CanvasListNodeData extends TreeNodeData {
@@ -10,6 +11,7 @@ export interface CanvasListNodeData extends TreeNodeData {
     packageName?: string;
     scope?: 'package' | 'root';
     markdownPath?: string;
+    gitStatus?: GitStatus;
 }
 export interface CanvasListTreeProps {
     canvases: DiscoveredCanvas[];
@@ -22,5 +24,6 @@ export interface CanvasListTreeProps {
     verticalNodePadding?: string;
     verticalPadding?: string;
     enableDragAndDrop?: boolean;
+    gitStatusData?: GitFileStatus[];
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasListTree/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAE1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAEjC,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,eAAe,GAAG,QAAQ,GAAG,UAAU,CAAC;AAErF,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,IAAI,EAAE,kBAAkB,CAAC;IACzB,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAGhC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC5C,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;CAC7B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasListTree/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAE1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGtE,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAEjC,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,eAAe,GAAG,QAAQ,GAAG,UAAU,CAAC;AAErF,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,IAAI,EAAE,kBAAkB,CAAC;IACzB,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAGhC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC5C,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;IAG5B,aAAa,CAAC,EAAE,aAAa,EAAE,CAAC;CACjC"}

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

@@ -26,4 +26,8 @@ export declare const VersionGroupingWithFilter: Story;
 export declare const VersionEvolution: Story;
 export declare const MultiServiceVersionGrouping: Story;
 export declare const VersionGroupingWithCoverage: Story;
+export declare const WithGitStatus: Story;
+export declare const GitStatusAllTypes: Story;
+export declare const GitStatusWithVersionGrouping: Story;
+export declare const GitStatusMixedScenarios: 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"}
+{"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"}

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,EAK7B,MAAM,SAAS,CAAC;AAyPjB,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAsM9E,CAAC"}
+{"version":3,"file":"StoryboardWorkflowsTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAQ/C,OAAO,KAAK,EAEV,4BAA4B,EAK7B,MAAM,SAAS,CAAC;AAkQjB,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAiO9E,CAAC"}

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

@@ -1,6 +1,7 @@
 import type { Theme } from '@principal-ade/industry-theme';
 import type { DiscoveredStoryboard, DiscoveredCanvas, DiscoveredWorkflow, DiscoveredWorkflowWithContent, WorkflowTemplate, VersionSnapshot } from '@principal-ai/principal-view-core';
 import type { TreeNodeData } from '../TreeNode';
+import type { GitFileStatus, GitStatus } from '../../utils/gitStatus';
 export type { DiscoveredStoryboard, DiscoveredCanvas, DiscoveredWorkflow, DiscoveredWorkflowWithContent, WorkflowTemplate, VersionSnapshot };
 export type StoryboardWorkflowNodeType = 'version' | 'package' | 'storyboard' | 'overview' | 'canvas' | 'workflows' | 'workflow';
 /**
@@ -24,6 +25,7 @@ export interface StoryboardWorkflowNodeData extends TreeNodeData {
     hasTraces?: boolean;
     repositoryUrl?: string;
     commitSha?: string;
+    gitStatus?: GitStatus;
 }
 /**
  * Type guard to check if a workflow node has full content (WorkflowTemplate with scenarios)
@@ -48,5 +50,6 @@ export interface StoryboardWorkflowsTreeProps {
     versionSnapshots?: VersionSnapshot[];
     workflowFilterMode?: StoryboardFilterMode;
     traceWorkflowsSet?: Set<string>;
+    gitStatusData?: GitFileStatus[];
 }
 //# 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,6BAA6B,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEtL,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,6BAA6B,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC;AAE7I,MAAM,MAAM,0BAA0B,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,CAAC;AAEjI;;;;;GAKG;AACH,MAAM,MAAM,oBAAoB,GAAG,KAAK,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAE5E,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;IAI1B,QAAQ,CAAC,EAAE,kBAAkB,GAAG,6BAA6B,CAAC;IAE9D,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;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,0BAA0B,GAC/B,IAAI,IAAI,0BAA0B,GAAG;IAAE,QAAQ,EAAE,6BAA6B,CAAA;CAAE,CAMlF;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,oBAAoB,CAAC;IAC1C,iBAAiB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACjC"}
+{"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,6BAA6B,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEtL,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGtE,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,6BAA6B,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC;AAE7I,MAAM,MAAM,0BAA0B,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,CAAC;AAEjI;;;;;GAKG;AACH,MAAM,MAAM,oBAAoB,GAAG,KAAK,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAE5E,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;IAI1B,QAAQ,CAAC,EAAE,kBAAkB,GAAG,6BAA6B,CAAC;IAE9D,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;IAGnB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,0BAA0B,GAC/B,IAAI,IAAI,0BAA0B,GAAG;IAAE,QAAQ,EAAE,6BAA6B,CAAA;CAAE,CAMlF;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,oBAAoB,CAAC;IAC1C,iBAAiB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAGhC,aAAa,CAAC,EAAE,aAAa,EAAE,CAAC;CACjC"}

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

@@ -1 +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"}
+{"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;AAsOtE,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/utils/gitStatus.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import type { Theme } from '@principal-ade/industry-theme';
+export type GitStatus = 'M' | 'A' | 'D' | 'R' | 'C' | 'U' | '??' | '!!' | 'AM' | 'MM' | null;
+export interface GitFileStatus {
+    filePath: string;
+    indexStatus: string;
+    workingTreeStatus: string;
+    status: GitStatus;
+}
+export interface GitStatusDisplay {
+    icon: React.ReactElement;
+    color: string;
+    label: string;
+}
+/**
+ * Get git status icon, color, and label for a given status
+ * @param status - The git status
+ * @param theme - The application theme
+ * @returns Display information or null if no status
+ */
+export declare function getGitStatusDisplay(status: GitStatus, theme: Theme): GitStatusDisplay | null;
+/**
+ * Build a map of file paths to their git status
+ * @param gitStatusData - Array of git file status information
+ * @returns Map of file path to git status
+ */
+export declare function buildGitStatusMap(gitStatusData: GitFileStatus[]): Map<string, GitStatus>;
+/**
+ * Lookup git status for a file path, handling both absolute and relative paths
+ * @param filePath - The file path to lookup
+ * @param gitStatusMap - Map of file paths to git status
+ * @returns Git status or null if not found
+ */
+export declare function lookupGitStatus(filePath: string | undefined, gitStatusMap: Map<string, GitStatus>): GitStatus | null;
+//# sourceMappingURL=gitStatus.d.ts.map

package/dist/src/utils/gitStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gitStatus.d.ts","sourceRoot":"","sources":["../../../src/utils/gitStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAW3D,MAAM,MAAM,SAAS,GACjB,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAGT,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,SAAS,CAAC;CACnB;AAGD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,gBAAgB,GAAG,IAAI,CAsD5F;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,aAAa,EAAE,aAAa,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAUxF;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,MAAM,GAAG,SAAS,EAC5B,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,GACnC,SAAS,GAAG,IAAI,CAmBlB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@principal-ade/dynamic-file-tree",
-  "version": "0.1.66",
+  "version": "0.1.68",
   "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.22.1",
+    "@principal-ai/principal-view-core": "^0.23.0",
     "@principal-ai/repository-abstraction": "^0.5.2",
     "lucide-react": ">=0.263.0",
     "react": ">=19.0.0",
@@ -71,12 +71,12 @@
   "devDependencies": {
     "@eslint/js": "^9.32.0",
     "@principal-ade/industry-theme": "^0.1.0",
-    "@principal-ai/principal-view-core": "^0.22.1",
+    "@principal-ai/principal-view-core": "^0.23.0",
     "@principal-ai/repository-abstraction": "^0.5.2",
-    "@storybook/addon-docs": "^9.1.3",
-    "@storybook/addon-onboarding": "^9.1.3",
+    "@storybook/addon-docs": "^10.0.0",
+    "@storybook/addon-onboarding": "^10.0.0",
     "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
-    "@storybook/react-webpack5": "^9.1.3",
+    "@storybook/react-webpack5": "^10.0.0",
     "@testing-library/react": "^16.3.0",
     "@types/bun": "latest",
     "@types/jest": "^29.5.12",
@@ -108,7 +108,7 @@
     "rehype-sanitize": "^6.0.0",
     "rehype-slug": "^6.0.0",
     "remark-gfm": "^4.0.1",
-    "storybook": "^9.1.3",
+    "storybook": "^10.0.0",
     "typescript-eslint": "^8.38.0"
   },
   "files": [