@principal-ade/dynamic-file-tree 0.1.71 → 0.1.73

package/dist/index.d.ts

@@ -25,6 +25,8 @@ 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 { RepositoryTreeCore } from './src/components/RepositoryTree';
+export type { RepositoryTreeProps, RepositoryNodeData, RepositoryNodeType, } from './src/components/RepositoryTree';
 export { TelemetryCoverageFileTree, calculateTelemetryCoverageStats, } from './src/components/TelemetryCoverageFileTree';
 export type { TelemetryCoverageFileTreeProps, FileTelemetryCoverage, TelemetryCoverageStatus, } from './src/components/TelemetryCoverageFileTree';
 export { TelemetryCoverageFileTreeContainer } from './src/components/TelemetryCoverageFileTreeContainer';

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,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAGzF,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"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"}

package/dist/index.mjs

@@ -2226,7 +2226,7 @@ var getDefaultDragConfig = (node) => {
         const canvasType = node.canvas.type === "otel" ? "OTEL Canvas" : "Canvas";
         const content = [
           `# ${canvasType}: ${node.canvas.name}`,
-          `# View with: ${CLI} canvas view "${node.canvas.path}"`,
+          `# For more information: ${CLI}`,
           node.canvas.path
         ].join(`
 `);
@@ -2250,7 +2250,7 @@ var getDefaultDragConfig = (node) => {
       if (node.workflow) {
         const content = [
           `# Workflow: ${node.workflow.name}`,
-          `# Run with: ${CLI} workflow run "${node.workflow.path}"`,
+          `# For more information: ${CLI}`,
           node.workflow.path
         ].join(`
 `);
@@ -2274,7 +2274,7 @@ var getDefaultDragConfig = (node) => {
       if (node.markdownPath) {
         const content = [
           `# Overview: ${node.storyboard?.name || node.name}`,
-          `# Documentation: ${node.markdownPath}`,
+          `# For more information: ${CLI}`,
           node.markdownPath
         ].join(`
 `);
@@ -2298,7 +2298,7 @@ var getDefaultDragConfig = (node) => {
         const content = [
           `# Storyboard: ${node.storyboard.name}`,
           `# Contains ${node.storyboard.workflows.length} workflow(s)`,
-          `# Info: ${CLI} storyboard info "${node.storyboard.path}"`,
+          `# For more information: ${CLI}`,
           node.storyboard.path
         ].join(`
 `);
@@ -2810,7 +2810,7 @@ var getDefaultCanvasDragConfig = (node) => {
         const canvasType = node.canvas.type === "otel" ? "OTEL Canvas" : "Canvas";
         const content = [
           `# ${canvasType}: ${node.canvas.name}`,
-          `# View with: ${CLI} canvas view "${node.canvas.path}"`,
+          `# For more information: ${CLI}`,
           node.canvas.path
         ].join(`
 `);
@@ -2833,7 +2833,7 @@ var getDefaultCanvasDragConfig = (node) => {
       if (node.markdownPath) {
         const content = [
           `# Overview: ${node.canvas?.name || node.name}`,
-          `# Documentation: ${node.markdownPath}`,
+          `# For more information: ${CLI}`,
           node.markdownPath
         ].join(`
 `);
@@ -2857,7 +2857,7 @@ var getDefaultCanvasDragConfig = (node) => {
         const folderPath = node.canvas.path.replace(/\/[^/]+$/, "");
         const content = [
           `# Canvas Folder: ${node.canvas.name}`,
-          `# Info: ${CLI} canvas info "${node.canvas.path}"`,
+          `# For more information: ${CLI}`,
           folderPath
         ].join(`
 `);
@@ -2983,6 +2983,177 @@ var CanvasListTreeCore = ({
     ...dndProps
   }, NodeRenderer));
 };
+// src/components/RepositoryTree/RepositoryTreeCore.tsx
+import { Folder as Folder2, FolderGit2 } from "lucide-react";
+import React15, { useMemo as useMemo12 } from "react";
+import { Tree as Tree6 } from "react-arborist";
+var buildRepositoryTree = (repositories) => {
+  if (repositories.length === 0)
+    return [];
+  const paths = repositories.map((r) => r.path);
+  const commonPrefix = findCommonPrefix(paths);
+  return buildTreeFromRepos(repositories, commonPrefix);
+};
+var findCommonPrefix = (paths) => {
+  if (paths.length === 0)
+    return "";
+  if (paths.length === 1) {
+    const parts = paths[0].split("/");
+    parts.pop();
+    return parts.join("/") + "/";
+  }
+  const splitPaths = paths.map((p) => p.split("/"));
+  const minLength = Math.min(...splitPaths.map((p) => p.length));
+  const commonParts = [];
+  for (let i = 0;i < minLength - 1; i++) {
+    const segment = splitPaths[0][i];
+    if (splitPaths.every((p) => p[i] === segment)) {
+      commonParts.push(segment);
+    } else {
+      break;
+    }
+  }
+  return commonParts.length > 0 ? commonParts.join("/") + "/" : "";
+};
+var buildTreeFromRepos = (repositories, commonPrefix) => {
+  const tree = {};
+  for (const repo of repositories) {
+    const relativePath = repo.path.startsWith(commonPrefix) ? repo.path.slice(commonPrefix.length) : repo.path;
+    const segments = relativePath.split("/").filter(Boolean);
+    let current = tree;
+    for (let i = 0;i < segments.length - 1; i++) {
+      const segment = segments[i];
+      if (!current[segment] || current[segment] instanceof Object && "path" in current[segment]) {
+        current[segment] = {};
+      }
+      current = current[segment];
+    }
+    const repoName = segments[segments.length - 1] || repo.name;
+    current[repoName] = repo;
+  }
+  const convertToNodes = (obj, pathPrefix) => {
+    const nodes = [];
+    for (const [name, value] of Object.entries(obj)) {
+      const currentPath = pathPrefix ? `${pathPrefix}/${name}` : name;
+      if ("path" in value && "name" in value) {
+        nodes.push({
+          id: `repo:${value.path}`,
+          name,
+          type: "repository",
+          entry: value
+        });
+      } else {
+        const children = convertToNodes(value, currentPath);
+        const repoCount = countRepositories(children);
+        nodes.push({
+          id: `dir:${currentPath}`,
+          name,
+          type: "directory",
+          children,
+          repositoryCount: repoCount
+        });
+      }
+    }
+    return nodes.sort((a, b) => {
+      if (a.type === "directory" && b.type !== "directory")
+        return -1;
+      if (a.type !== "directory" && b.type === "directory")
+        return 1;
+      return a.name.localeCompare(b.name, undefined, { sensitivity: "base" });
+    });
+  };
+  return convertToNodes(tree, "");
+};
+var countRepositories = (nodes) => {
+  let count = 0;
+  for (const node of nodes) {
+    if (node.type === "repository") {
+      count++;
+    } else if (node.children) {
+      count += countRepositories(node.children);
+    }
+  }
+  return count;
+};
+var RepositoryTreeCore = ({
+  repositories,
+  theme,
+  onSelect,
+  selectedRepositoryPath,
+  defaultOpen = true,
+  initialOpenState,
+  horizontalNodePadding = "16px",
+  verticalNodePadding = "6px",
+  verticalPadding = "8px"
+}) => {
+  const rowHeight = useMemo12(() => {
+    const paddingValue = parseFloat(verticalNodePadding);
+    const contentLineHeight = 20;
+    const borderHeight = 2;
+    return contentLineHeight + paddingValue * 2 + borderHeight;
+  }, [verticalNodePadding]);
+  const treeData = useMemo12(() => {
+    return buildRepositoryTree(repositories);
+  }, [repositories]);
+  const NodeRenderer = (props) => {
+    const { node } = props;
+    const data = node.data;
+    const icon = data.type === "directory" ? /* @__PURE__ */ React15.createElement(Folder2, {
+      size: 16
+    }) : /* @__PURE__ */ React15.createElement(FolderGit2, {
+      size: 16
+    });
+    const nameColor = data.type === "directory" ? theme.colors.textSecondary : theme.colors.text;
+    const rightContent = data.type === "directory" && data.repositoryCount !== undefined ? /* @__PURE__ */ React15.createElement("span", {
+      style: {
+        marginLeft: "8px",
+        fontSize: "12px",
+        color: theme.colors.textMuted,
+        fontWeight: 500
+      }
+    }, data.repositoryCount) : undefined;
+    return /* @__PURE__ */ React15.createElement(TreeNode, {
+      ...props,
+      theme,
+      nameColor,
+      leftIcon: icon,
+      rightContent,
+      horizontalNodePadding,
+      verticalNodePadding
+    });
+  };
+  const handleSelect = (selectedNodes) => {
+    if (selectedNodes.length === 0)
+      return;
+    const node = selectedNodes[0];
+    const nodeData = node.data;
+    if (nodeData.type === "repository" && nodeData.entry && onSelect) {
+      onSelect(nodeData.entry);
+    }
+  };
+  const initialHeight = 600;
+  const [containerRef, containerHeight] = useContainerHeight(initialHeight);
+  const selection = selectedRepositoryPath ? `repo:${selectedRepositoryPath}` : undefined;
+  return /* @__PURE__ */ React15.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__ */ React15.createElement(Tree6, {
+    data: treeData,
+    onSelect: handleSelect,
+    openByDefault: defaultOpen,
+    ...initialOpenState !== undefined && { initialOpenState },
+    ...selection !== undefined && { selection },
+    width: "100%",
+    height: containerHeight,
+    rowHeight
+  }, NodeRenderer));
+};
 // src/components/TelemetryCoverageFileTree.tsx
 import {
   Activity,
@@ -2990,9 +3161,9 @@ import {
   Circle as Circle2,
   TestTube
 } from "lucide-react";
-import React15, { useMemo as useMemo12, useRef as useRef7 } from "react";
-import { Tree as Tree6 } from "react-arborist";
-var TelemetryCoverageContext = React15.createContext(null);
+import React16, { useMemo as useMemo13, useRef as useRef7 } from "react";
+import { Tree as Tree7 } from "react-arborist";
+var TelemetryCoverageContext = React16.createContext(null);
 var DEFAULT_TEST_PATTERNS = [
   /\.test\.[jt]sx?$/,
   /\.spec\.[jt]sx?$/,
@@ -3009,7 +3180,7 @@ var getCoverageStatusDisplay = (coverage, _theme) => {
   switch (status) {
     case "covered":
       return {
-        icon: /* @__PURE__ */ React15.createElement(Activity, {
+        icon: /* @__PURE__ */ React16.createElement(Activity, {
           size: 14
         }),
         color: "#22c55e",
@@ -3018,7 +3189,7 @@ var getCoverageStatusDisplay = (coverage, _theme) => {
       };
     case "partial":
       return {
-        icon: /* @__PURE__ */ React15.createElement(CircleDot2, {
+        icon: /* @__PURE__ */ React16.createElement(CircleDot2, {
           size: 14
         }),
         color: "#eab308",
@@ -3027,7 +3198,7 @@ var getCoverageStatusDisplay = (coverage, _theme) => {
       };
     case "none":
       return {
-        icon: /* @__PURE__ */ React15.createElement(Circle2, {
+        icon: /* @__PURE__ */ React16.createElement(Circle2, {
           size: 14
         }),
         color: "#6b7280",
@@ -3129,7 +3300,7 @@ var TelemetryCoverageFileTree = ({
   enableDragAndDrop = false
 }) => {
   const dndProps = getDndProps(enableDragAndDrop);
-  const coverageMap = useMemo12(() => {
+  const coverageMap = useMemo13(() => {
     const map = new Map;
     coverageData.forEach((item) => {
       map.set(item.filePath, item);
@@ -3138,7 +3309,7 @@ var TelemetryCoverageFileTree = ({
   }, [coverageData]);
   const NodeRenderer = (props) => {
     const { node } = props;
-    const ctx = React15.useContext(TelemetryCoverageContext);
+    const ctx = React16.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;
@@ -3150,11 +3321,11 @@ var TelemetryCoverageFileTree = ({
     } else if (node.data.isTestFile) {
       nameColor = "#6b728080";
     }
-    const leftIcon = node.data.isTestFile && !coverage ? /* @__PURE__ */ React15.createElement(TestTube, {
+    const leftIcon = node.data.isTestFile && !coverage ? /* @__PURE__ */ React16.createElement(TestTube, {
       size: 14,
       style: { marginRight: 4, color: "#6b7280" }
     }) : null;
-    const rightContent = coverageDisplay ? /* @__PURE__ */ React15.createElement("div", {
+    const rightContent = coverageDisplay ? /* @__PURE__ */ React16.createElement("div", {
       style: {
         display: "flex",
         alignItems: "center",
@@ -3162,14 +3333,14 @@ var TelemetryCoverageFileTree = ({
         marginRight: "8px"
       },
       title: coverageDisplay.label
-    }, coverageDisplay.icon, /* @__PURE__ */ React15.createElement("span", {
+    }, coverageDisplay.icon, /* @__PURE__ */ React16.createElement("span", {
       style: {
         marginLeft: "4px",
         fontSize: theme.fontSizes[0],
         fontWeight: "bold",
         fontFamily: "monospace"
       }
-    }, coverageDisplay.badge)) : node.data.isTestFile ? /* @__PURE__ */ React15.createElement("div", {
+    }, coverageDisplay.badge)) : node.data.isTestFile ? /* @__PURE__ */ React16.createElement("div", {
       style: {
         display: "flex",
         alignItems: "center",
@@ -3178,10 +3349,10 @@ var TelemetryCoverageFileTree = ({
         opacity: 0.5
       },
       title: "No telemetry instrumentation"
-    }, /* @__PURE__ */ React15.createElement(Circle2, {
+    }, /* @__PURE__ */ React16.createElement(Circle2, {
       size: 14
     })) : null;
-    return /* @__PURE__ */ React15.createElement(TreeNode, {
+    return /* @__PURE__ */ React16.createElement(TreeNode, {
       ...props,
       theme,
       rightContent,
@@ -3196,16 +3367,16 @@ var TelemetryCoverageFileTree = ({
       }
     });
   };
-  const treeStructure = useMemo12(() => {
+  const treeStructure = useMemo13(() => {
     return transformTreeStructure2(fileTree, showOnlyTestFiles, testFilePatterns);
   }, [fileTree, showOnlyTestFiles, testFilePatterns]);
-  const treeData = useMemo12(() => {
+  const treeData = useMemo13(() => {
     if (showUncoveredFiles) {
       return treeStructure;
     }
     return filterCoveredNodes(treeStructure, coverageMap);
   }, [treeStructure, showUncoveredFiles, coverageMap]);
-  const hasTracedChildrenMap = useMemo12(() => {
+  const hasTracedChildrenMap = useMemo13(() => {
     const map = new Map;
     const markTracedParents = (nodes) => {
       let hasTraced = false;
@@ -3246,7 +3417,7 @@ var TelemetryCoverageFileTree = ({
       onDirectorySelect(selectedDirs);
     }
   };
-  const calculatedHeight = useMemo12(() => {
+  const calculatedHeight = useMemo13(() => {
     if (autoHeight) {
       const visibleNodeCount = countVisibleNodes3(treeData, openByDefault);
       return visibleNodeCount * 28;
@@ -3254,7 +3425,7 @@ var TelemetryCoverageFileTree = ({
     return initialHeight;
   }, [autoHeight, treeData, openByDefault, initialHeight]);
   const [containerRef, containerHeight] = useContainerHeight(calculatedHeight);
-  return /* @__PURE__ */ React15.createElement("div", {
+  return /* @__PURE__ */ React16.createElement("div", {
     ref: containerRef,
     style: {
       backgroundColor: transparentBackground ? "transparent" : theme.colors.background,
@@ -3263,9 +3434,9 @@ var TelemetryCoverageFileTree = ({
       ...autoHeight ? {} : { height: "100%" },
       ...verticalPadding ? { paddingTop: verticalPadding, paddingBottom: verticalPadding } : {}
     }
-  }, /* @__PURE__ */ React15.createElement(TelemetryCoverageContext.Provider, {
+  }, /* @__PURE__ */ React16.createElement(TelemetryCoverageContext.Provider, {
     value: { coverageMap, hasTracedChildrenMap }
-  }, /* @__PURE__ */ React15.createElement(Tree6, {
+  }, /* @__PURE__ */ React16.createElement(Tree7, {
     data: treeData,
     onSelect: handleSelect,
     ...selectedFile !== undefined && { selection: selectedFile },
@@ -3294,7 +3465,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 React16, { useState as useState7, useMemo as useMemo13 } from "react";
+import React17, { useState as useState7, useMemo as useMemo14 } from "react";
 var TelemetryCoverageFileTreeContainer = ({
   fileTree,
   theme,
@@ -3316,10 +3487,10 @@ var TelemetryCoverageFileTreeContainer = ({
 }) => {
   const [filters, setFilters] = useState7([]);
   const [showUncoveredFiles, setShowUncoveredFiles] = useState7(true);
-  const selectedDirectories = useMemo13(() => {
+  const selectedDirectories = useMemo14(() => {
     return filters.filter((f) => f.mode === "include").map((f) => f.path);
   }, [filters]);
-  const stats = useMemo13(() => calculateTelemetryCoverageStats(coverageData), [coverageData]);
+  const stats = useMemo14(() => calculateTelemetryCoverageStats(coverageData), [coverageData]);
   const handleRefresh = () => {
     onRefresh?.();
   };
@@ -3327,34 +3498,34 @@ var TelemetryCoverageFileTreeContainer = ({
     setShowUncoveredFiles(!showUncoveredFiles);
   };
   const percentageColor = stats.percentage >= 80 ? "#22c55e" : stats.percentage >= 50 ? "#eab308" : stats.percentage > 0 ? "#f97316" : "#6b7280";
-  return /* @__PURE__ */ React16.createElement("div", {
+  return /* @__PURE__ */ React17.createElement("div", {
     style: { display: "flex", flexDirection: "column", height: "100%" }
-  }, showControls && /* @__PURE__ */ React16.createElement("div", {
+  }, showControls && /* @__PURE__ */ React17.createElement("div", {
     style: {
       padding: "12px",
       borderBottom: `1px solid ${theme.colors.border || "#e0e0e0"}`,
       backgroundColor: theme.colors.backgroundSecondary || theme.colors.background
     }
-  }, /* @__PURE__ */ React16.createElement("div", {
+  }, /* @__PURE__ */ React17.createElement("div", {
     style: {
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between",
       marginBottom: "8px"
     }
-  }, /* @__PURE__ */ React16.createElement("div", {
+  }, /* @__PURE__ */ React17.createElement("div", {
     style: { display: "flex", alignItems: "center", gap: "8px" }
-  }, /* @__PURE__ */ React16.createElement(Activity2, {
+  }, /* @__PURE__ */ React17.createElement(Activity2, {
     size: 16,
     color: theme.colors.primary
-  }), /* @__PURE__ */ React16.createElement("h3", {
+  }), /* @__PURE__ */ React17.createElement("h3", {
     style: {
       margin: 0,
       fontSize: theme.fontSizes[1],
       fontWeight: "bold",
       color: theme.colors.text
     }
-  }, title), stats.testFiles > 0 && /* @__PURE__ */ React16.createElement("span", {
+  }, title), stats.testFiles > 0 && /* @__PURE__ */ React17.createElement("span", {
     style: {
       backgroundColor: percentageColor,
       color: "#ffffff",
@@ -3364,14 +3535,14 @@ var TelemetryCoverageFileTreeContainer = ({
       fontWeight: "bold",
       fontFamily: "monospace"
     }
-  }, stats.percentage, "%"), isLoading && /* @__PURE__ */ React16.createElement(RefreshCw2, {
+  }, stats.percentage, "%"), isLoading && /* @__PURE__ */ React17.createElement(RefreshCw2, {
     size: 16,
     color: theme.colors.text,
     className: "telemetry-coverage-spinner",
     style: { animation: "spin 1s linear infinite" }
-  })), /* @__PURE__ */ React16.createElement("div", {
+  })), /* @__PURE__ */ React17.createElement("div", {
     style: { display: "flex", gap: "8px" }
-  }, /* @__PURE__ */ React16.createElement("button", {
+  }, /* @__PURE__ */ React17.createElement("button", {
     onClick: toggleShowUncoveredFiles,
     style: {
       background: "none",
@@ -3386,11 +3557,11 @@ var TelemetryCoverageFileTreeContainer = ({
       color: theme.colors.text
     },
     title: showUncoveredFiles ? "Show only covered files" : "Show all test files"
-  }, showUncoveredFiles ? /* @__PURE__ */ React16.createElement(EyeOff2, {
+  }, showUncoveredFiles ? /* @__PURE__ */ React17.createElement(EyeOff2, {
     size: 14
-  }) : /* @__PURE__ */ React16.createElement(Eye2, {
+  }) : /* @__PURE__ */ React17.createElement(Eye2, {
     size: 14
-  }), showUncoveredFiles ? "Hide uncovered" : "Show all"), onRefresh && /* @__PURE__ */ React16.createElement("button", {
+  }), showUncoveredFiles ? "Hide uncovered" : "Show all"), onRefresh && /* @__PURE__ */ React17.createElement("button", {
     onClick: handleRefresh,
     disabled: isLoading,
     style: {
@@ -3407,9 +3578,9 @@ var TelemetryCoverageFileTreeContainer = ({
       opacity: isLoading ? 0.6 : 1
     },
     title: "Refresh coverage data"
-  }, /* @__PURE__ */ React16.createElement(RefreshCw2, {
+  }, /* @__PURE__ */ React17.createElement(RefreshCw2, {
     size: 14
-  }), "Refresh"))), error && /* @__PURE__ */ React16.createElement("div", {
+  }), "Refresh"))), error && /* @__PURE__ */ React17.createElement("div", {
     style: {
       display: "flex",
       alignItems: "center",
@@ -3422,36 +3593,36 @@ var TelemetryCoverageFileTreeContainer = ({
       color: "#856404",
       marginBottom: "8px"
     }
-  }, /* @__PURE__ */ React16.createElement(AlertCircle5, {
+  }, /* @__PURE__ */ React17.createElement(AlertCircle5, {
     size: 14
-  }), error), !error && stats.testFiles > 0 && /* @__PURE__ */ React16.createElement("div", {
+  }), error), !error && stats.testFiles > 0 && /* @__PURE__ */ React17.createElement("div", {
     style: {
       display: "flex",
       gap: "16px",
       fontSize: theme.fontSizes[0],
       color: theme.colors.textSecondary || "#666"
     }
-  }, /* @__PURE__ */ React16.createElement("span", null, /* @__PURE__ */ React16.createElement("strong", {
+  }, /* @__PURE__ */ React17.createElement("span", null, /* @__PURE__ */ React17.createElement("strong", {
     style: { color: "#22c55e" }
-  }, stats.coveredFiles), " covered"), stats.partialFiles > 0 && /* @__PURE__ */ React16.createElement("span", null, /* @__PURE__ */ React16.createElement("strong", {
+  }, stats.coveredFiles), " covered"), stats.partialFiles > 0 && /* @__PURE__ */ React17.createElement("span", null, /* @__PURE__ */ React17.createElement("strong", {
     style: { color: "#eab308" }
-  }, stats.partialFiles), " partial"), /* @__PURE__ */ React16.createElement("span", null, /* @__PURE__ */ React16.createElement("strong", {
+  }, stats.partialFiles), " partial"), /* @__PURE__ */ React17.createElement("span", null, /* @__PURE__ */ React17.createElement("strong", {
     style: { color: "#6b7280" }
-  }, stats.uncoveredFiles), " uncovered"), /* @__PURE__ */ React16.createElement("span", {
+  }, stats.uncoveredFiles), " uncovered"), /* @__PURE__ */ React17.createElement("span", {
     style: { marginLeft: "auto" }
-  }, stats.totalTraced, "/", stats.totalTests, " tests traced")), !error && stats.testFiles === 0 && /* @__PURE__ */ React16.createElement("div", {
+  }, stats.totalTraced, "/", stats.totalTests, " tests traced")), !error && stats.testFiles === 0 && /* @__PURE__ */ React17.createElement("div", {
     style: {
       fontSize: theme.fontSizes[0],
       color: theme.colors.textSecondary || "#666"
     }
-  }, "No test files with coverage data found")), /* @__PURE__ */ React16.createElement(DirectoryFilterInput, {
+  }, "No test files with coverage data found")), /* @__PURE__ */ React17.createElement(DirectoryFilterInput, {
     fileTree,
     theme,
     filters,
     onFiltersChange: setFilters
-  }), /* @__PURE__ */ React16.createElement("div", {
+  }), /* @__PURE__ */ React17.createElement("div", {
     style: { flex: 1, marginTop: "1rem", overflow: "hidden" }
-  }, /* @__PURE__ */ React16.createElement(TelemetryCoverageFileTree, {
+  }, /* @__PURE__ */ React17.createElement(TelemetryCoverageFileTree, {
     fileTree,
     theme,
     coverageData,
@@ -3486,6 +3657,7 @@ export {
   TelemetryCoverageFileTreeContainer,
   TelemetryCoverageFileTree,
   StoryboardWorkflowsTreeCore,
+  RepositoryTreeCore,
   OrderedFileList,
   MultiFileTreeCore,
   MultiFileTree,

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

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { RepositoryTreeCore } from './RepositoryTreeCore';
+declare const meta: Meta<typeof RepositoryTreeCore>;
+export default meta;
+type Story = StoryObj<typeof RepositoryTreeCore>;
+export declare const Default: Story;
+export declare const SingleDirectory: Story;
+export declare const Collapsed: Story;
+export declare const Empty: Story;
+export declare const TerminalTheme: Story;
+export declare const MatrixTheme: Story;
+export declare const SlateTheme: Story;
+//# sourceMappingURL=RepositoryTree.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepositoryTree.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/RepositoryTree/RepositoryTree.stories.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAqG1D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAkCzC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAyBjD,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAU7B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAC"}

package/dist/src/components/RepositoryTree/RepositoryTreeCore.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { RepositoryTreeProps } from './types';
+/**
+ * RepositoryTreeCore component
+ *
+ * Displays repositories organized by their filesystem paths in a tree structure.
+ */
+export declare const RepositoryTreeCore: React.FC<RepositoryTreeProps>;
+//# sourceMappingURL=RepositoryTreeCore.d.ts.map

package/dist/src/components/RepositoryTree/RepositoryTreeCore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RepositoryTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/RepositoryTree/RepositoryTreeCore.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAMvC,OAAO,KAAK,EAAsB,mBAAmB,EAAE,MAAM,SAAS,CAAC;AA+IvE;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+G5D,CAAC"}

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

@@ -0,0 +1,3 @@
+export { RepositoryTreeCore } from './RepositoryTreeCore';
+export type { RepositoryTreeProps, RepositoryNodeData, RepositoryNodeType, } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/RepositoryTree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EACV,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,40 @@
+import type { Theme } from '@principal-ade/industry-theme';
+import type { AlexandriaEntry } from '@principal-ai/alexandria-core-library';
+import type { TreeNodeData } from '../TreeNode';
+/**
+ * Node types in the repository tree
+ */
+export type RepositoryNodeType = 'directory' | 'repository';
+/**
+ * Node data for repository tree
+ */
+export interface RepositoryNodeData extends TreeNodeData {
+    type: RepositoryNodeType;
+    children?: RepositoryNodeData[];
+    entry?: AlexandriaEntry;
+    repositoryCount?: number;
+}
+/**
+ * Props for RepositoryTreeCore component
+ */
+export interface RepositoryTreeProps {
+    /** Array of repositories to display in the tree */
+    repositories: AlexandriaEntry[];
+    /** Theme for styling */
+    theme: Theme;
+    /** Callback when a repository is selected */
+    onSelect?: (entry: AlexandriaEntry) => void;
+    /** Path of the currently selected repository */
+    selectedRepositoryPath?: string;
+    /** Default open state for all nodes */
+    defaultOpen?: boolean;
+    /** Initial open state for specific nodes by id */
+    initialOpenState?: Record<string, boolean>;
+    /** Horizontal padding for nodes */
+    horizontalNodePadding?: string;
+    /** Vertical padding for nodes */
+    verticalNodePadding?: string;
+    /** Vertical padding for the container */
+    verticalPadding?: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/RepositoryTree/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAE7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,YAAY,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,IAAI,EAAE,kBAAkB,CAAC;IACzB,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAGhC,KAAK,CAAC,EAAE,eAAe,CAAC;IAGxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,mDAAmD;IACnD,YAAY,EAAE,eAAe,EAAE,CAAC;IAChC,wBAAwB;IACxB,KAAK,EAAE,KAAK,CAAC;IACb,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,gDAAgD;IAChD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,uCAAuC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kDAAkD;IAClD,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,yCAAyC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@principal-ade/dynamic-file-tree",
-  "version": "0.1.71",
+  "version": "0.1.73",
   "description": "React component for selective directory filtering and file tree visualization",
   "type": "module",
   "main": "dist/index.mjs",
@@ -17,7 +17,7 @@
   },
   "scripts": {
     "build": "bun run clean && bun run build:esm && bun run build:types",
-    "build:esm": "bun build ./index.ts --outfile ./dist/index.mjs --format esm --target browser --external react --external react-dom --external lucide-react --external react-arborist --external @principal-ade/industry-theme --external @principal-ade/panel-framework-core --external @principal-ai/repository-abstraction --external @principal-ai/principal-view-core",
+    "build:esm": "bun build ./index.ts --outfile ./dist/index.mjs --format esm --target browser --external react --external react-dom --external lucide-react --external react-arborist --external @principal-ade/industry-theme --external @principal-ade/panel-framework-core --external @principal-ai/repository-abstraction --external @principal-ai/principal-view-core --external @principal-ai/alexandria-core-library",
     "build:types": "tsc --emitDeclarationOnly --declaration --declarationMap",
     "dev": "bun run build --watch",
     "test": "bun test",
@@ -49,6 +49,7 @@
   "peerDependencies": {
     "@principal-ade/industry-theme": ">=0.1.0",
     "@principal-ade/panel-framework-core": ">=0.4.0",
+    "@principal-ai/alexandria-core-library": ">=0.3.0",
     "@principal-ai/principal-view-core": "^0.24.8",
     "@principal-ai/repository-abstraction": "^0.5.7",
     "lucide-react": ">=0.263.0",
@@ -62,6 +63,9 @@
     "@principal-ade/panel-framework-core": {
       "optional": true
     },
+    "@principal-ai/alexandria-core-library": {
+      "optional": true
+    },
     "react": {
       "optional": true
     },
@@ -76,6 +80,7 @@
     "@eslint/js": "^9.32.0",
     "@principal-ade/industry-theme": "^0.1.0",
     "@principal-ade/panel-framework-core": "^0.4.2",
+    "@principal-ai/alexandria-core-library": "^0.3.3",
     "@principal-ai/principal-view-core": "^0.24.8",
     "@principal-ai/repository-abstraction": "^0.5.7",
     "@storybook/addon-docs": "^10.0.0",