@principal-ade/dynamic-file-tree 0.1.28 → 0.1.30

package/dist/index.d.ts

@@ -17,6 +17,10 @@ export { GitStatusFileTreeContainer } from './src/components/GitStatusFileTreeCo
 export type { GitStatusFileTreeContainerProps } from './src/components/GitStatusFileTreeContainer';
 export { MultiFileTree, MultiFileTreeCore } from './src/components/MultiFileTree';
 export type { MultiFileTreeProps, MultiFileTreeCoreProps } from './src/components/MultiFileTree';
+export { TelemetryCoverageFileTree, calculateTelemetryCoverageStats, } from './src/components/TelemetryCoverageFileTree';
+export type { TelemetryCoverageFileTreeProps, FileTelemetryCoverage, TelemetryCoverageStatus, } from './src/components/TelemetryCoverageFileTree';
+export { TelemetryCoverageFileTreeContainer } from './src/components/TelemetryCoverageFileTreeContainer';
+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';
 //# 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;AAGpE,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,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;AAGpE,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,EACL,yBAAyB,EACzB,+BAA+B,GAChC,MAAM,4CAA4C,CAAC;AACpD,YAAY,EACV,8BAA8B,EAC9B,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAAE,kCAAkC,EAAE,MAAM,qDAAqD,CAAC;AACzG,YAAY,EAAE,uCAAuC,EAAE,MAAM,qDAAqD,CAAC;AAGnH,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EACf,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/index.mjs

@@ -1225,7 +1225,7 @@ var GitStatusFileTree = ({
   }, /* @__PURE__ */ React7.createElement(GitStatusContext.Provider, {
     value: { gitStatusMap, hasChangedChildrenMap }
   }, /* @__PURE__ */ React7.createElement(Tree2, {
-    initialData: treeData,
+    data: treeData,
     onSelect: handleSelect,
     ...selectedFile !== undefined && { selection: selectedFile },
     ...openByDefault !== undefined && { openByDefault },
@@ -1804,6 +1804,469 @@ var MultiFileTree = ({
     }
   }, "Selected: ", selectedFile.source.name, " / ", selectedFile.path));
 };
+// src/components/TelemetryCoverageFileTree.tsx
+import {
+  Activity,
+  CircleDot,
+  Circle,
+  TestTube
+} from "lucide-react";
+import React11, { useMemo as useMemo9 } from "react";
+import { Tree as Tree3 } from "react-arborist";
+var TelemetryCoverageContext = React11.createContext(null);
+var DEFAULT_TEST_PATTERNS = [
+  /\.test\.[jt]sx?$/,
+  /\.spec\.[jt]sx?$/,
+  /\.tests\.[jt]sx?$/,
+  /\.specs\.[jt]sx?$/,
+  /__tests__\/.*\.[jt]sx?$/
+];
+var isTestFile = (filename, patterns) => {
+  return patterns.some((pattern) => pattern.test(filename));
+};
+var getCoverageStatusDisplay = (coverage, _theme) => {
+  const { status, tracedTestCount, totalTestCount } = coverage;
+  const percentage = totalTestCount > 0 ? Math.round(tracedTestCount / totalTestCount * 100) : 0;
+  switch (status) {
+    case "covered":
+      return {
+        icon: /* @__PURE__ */ React11.createElement(Activity, {
+          size: 14
+        }),
+        color: "#22c55e",
+        label: `${tracedTestCount}/${totalTestCount} tests traced (${percentage}%)`,
+        badge: `${percentage}%`
+      };
+    case "partial":
+      return {
+        icon: /* @__PURE__ */ React11.createElement(CircleDot, {
+          size: 14
+        }),
+        color: "#eab308",
+        label: `${tracedTestCount}/${totalTestCount} tests traced (${percentage}%)`,
+        badge: `${tracedTestCount}/${totalTestCount}`
+      };
+    case "none":
+      return {
+        icon: /* @__PURE__ */ React11.createElement(Circle, {
+          size: 14
+        }),
+        color: "#6b7280",
+        label: `No tests traced (0/${totalTestCount})`,
+        badge: "0%"
+      };
+  }
+};
+var sortNodes2 = (a, b) => {
+  const aIsDir = !!a.children;
+  const bIsDir = !!b.children;
+  if (aIsDir && !bIsDir)
+    return -1;
+  if (!aIsDir && bIsDir)
+    return 1;
+  return a.name.localeCompare(b.name, undefined, { sensitivity: "base" });
+};
+var transformTreeStructure2 = (fileTree, showOnlyTestFiles, testPatterns) => {
+  const transformNode = (node, parentId) => {
+    const id = parentId ? `${parentId}/${node.name}` : node.name;
+    if ("children" in node && node.children) {
+      const children = node.children.map((child) => transformNode(child, id)).filter((n) => n !== null).sort(sortNodes2);
+      if (showOnlyTestFiles && children.length === 0) {
+        return null;
+      }
+      return {
+        id,
+        name: node.name,
+        children
+      };
+    } else {
+      const isTest = isTestFile(id, testPatterns);
+      if (showOnlyTestFiles && !isTest) {
+        return null;
+      }
+      return {
+        id,
+        name: node.name,
+        isTestFile: isTest
+      };
+    }
+  };
+  return fileTree.root.children.map((node) => transformNode(node, "")).filter((n) => n !== null).sort(sortNodes2);
+};
+var filterCoveredNodes = (nodes, coverageMap) => {
+  const result = [];
+  const hasCoverage = (node) => {
+    if (coverageMap.has(node.id))
+      return true;
+    if (node.children) {
+      return node.children.some((child) => hasCoverage(child));
+    }
+    return false;
+  };
+  for (const node of nodes) {
+    if (node.children) {
+      if (hasCoverage(node)) {
+        const filteredChildren = filterCoveredNodes(node.children, coverageMap);
+        result.push({ ...node, children: filteredChildren });
+      }
+    } else {
+      if (coverageMap.has(node.id)) {
+        result.push(node);
+      }
+    }
+  }
+  return result;
+};
+var countVisibleNodes3 = (nodes, openByDefault) => {
+  let count = 0;
+  const countNode = (node) => {
+    count++;
+    if (node.children && node.children.length > 0 && openByDefault) {
+      node.children.forEach(countNode);
+    }
+  };
+  nodes.forEach(countNode);
+  return count;
+};
+var TelemetryCoverageFileTree = ({
+  fileTree,
+  theme,
+  coverageData,
+  selectedDirectories: _selectedDirectories = [],
+  selectedFile,
+  onDirectorySelect,
+  onFileSelect,
+  showOnlyTestFiles = true,
+  showUncoveredFiles = true,
+  transparentBackground = false,
+  horizontalNodePadding,
+  onContextMenu,
+  openByDefault = true,
+  initialHeight = 600,
+  autoHeight = false,
+  testFilePatterns = DEFAULT_TEST_PATTERNS
+}) => {
+  const coverageMap = useMemo9(() => {
+    const map = new Map;
+    coverageData.forEach((item) => {
+      map.set(item.filePath, item);
+    });
+    return map;
+  }, [coverageData]);
+  const NodeRenderer = (props) => {
+    const { node } = props;
+    const ctx = React11.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;
+    let nameColor;
+    if (coverageDisplay) {
+      nameColor = coverageDisplay.color;
+    } else if (hasTracedChildren) {
+      nameColor = "#22c55e80";
+    } else if (node.data.isTestFile) {
+      nameColor = "#6b728080";
+    }
+    const leftIcon = node.data.isTestFile && !coverage ? /* @__PURE__ */ React11.createElement(TestTube, {
+      size: 14,
+      style: { marginRight: 4, color: "#6b7280" }
+    }) : null;
+    const rightContent = coverageDisplay ? /* @__PURE__ */ React11.createElement("div", {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        color: coverageDisplay.color,
+        marginRight: "8px"
+      },
+      title: coverageDisplay.label
+    }, coverageDisplay.icon, /* @__PURE__ */ React11.createElement("span", {
+      style: {
+        marginLeft: "4px",
+        fontSize: "11px",
+        fontWeight: "bold",
+        fontFamily: "monospace"
+      }
+    }, coverageDisplay.badge)) : node.data.isTestFile ? /* @__PURE__ */ React11.createElement("div", {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        color: "#6b7280",
+        marginRight: "8px",
+        opacity: 0.5
+      },
+      title: "No telemetry instrumentation"
+    }, /* @__PURE__ */ React11.createElement(Circle, {
+      size: 14
+    })) : null;
+    return /* @__PURE__ */ React11.createElement(TreeNode, {
+      ...props,
+      theme,
+      rightContent,
+      extraContent: leftIcon,
+      nameColor,
+      horizontalNodePadding,
+      onContextMenu: (e, node2) => {
+        if (onContextMenu) {
+          onContextMenu(e, node2.data.id, !!node2.data.children);
+        }
+      }
+    });
+  };
+  const treeStructure = useMemo9(() => {
+    return transformTreeStructure2(fileTree, showOnlyTestFiles, testFilePatterns);
+  }, [fileTree, showOnlyTestFiles, testFilePatterns]);
+  const treeData = useMemo9(() => {
+    if (showUncoveredFiles) {
+      return treeStructure;
+    }
+    return filterCoveredNodes(treeStructure, coverageMap);
+  }, [treeStructure, showUncoveredFiles, coverageMap]);
+  const hasTracedChildrenMap = useMemo9(() => {
+    const map = new Map;
+    const markTracedParents = (nodes) => {
+      let hasTraced = false;
+      for (const node of nodes) {
+        if (node.children) {
+          const childrenTraced = markTracedParents(node.children);
+          if (childrenTraced) {
+            map.set(node.id, true);
+            hasTraced = true;
+          }
+        }
+        const coverage = coverageMap.get(node.id);
+        if (coverage && coverage.status !== "none") {
+          hasTraced = true;
+        }
+      }
+      return hasTraced;
+    };
+    markTracedParents(treeData);
+    return map;
+  }, [treeData, coverageMap]);
+  const handleSelect = (selectedNodes) => {
+    const selectedFiles = selectedNodes.filter((node) => !node.data.children).map((node) => node.data.id);
+    const selectedDirs = selectedNodes.filter((node) => node.data.children).map((node) => node.data.id);
+    if (onFileSelect && selectedFiles.length > 0) {
+      onFileSelect(selectedFiles[0]);
+    }
+    if (onDirectorySelect) {
+      onDirectorySelect(selectedDirs);
+    }
+  };
+  const calculatedHeight = useMemo9(() => {
+    if (autoHeight) {
+      const visibleNodeCount = countVisibleNodes3(treeData, openByDefault);
+      return visibleNodeCount * 28;
+    }
+    return initialHeight;
+  }, [autoHeight, treeData, openByDefault, initialHeight]);
+  const [containerRef, containerHeight] = useContainerHeight(calculatedHeight);
+  return /* @__PURE__ */ React11.createElement("div", {
+    ref: containerRef,
+    style: {
+      backgroundColor: transparentBackground ? "transparent" : theme.colors.background,
+      color: theme.colors.text,
+      fontFamily: theme.fonts.body,
+      ...autoHeight ? {} : { height: "100%" }
+    }
+  }, /* @__PURE__ */ React11.createElement(TelemetryCoverageContext.Provider, {
+    value: { coverageMap, hasTracedChildrenMap }
+  }, /* @__PURE__ */ React11.createElement(Tree3, {
+    data: treeData,
+    onSelect: handleSelect,
+    ...selectedFile !== undefined && { selection: selectedFile },
+    openByDefault,
+    width: "100%",
+    height: containerHeight,
+    rowHeight: 28
+  }, NodeRenderer)));
+};
+var calculateTelemetryCoverageStats = (coverageData) => {
+  const testFiles = coverageData.length;
+  const coveredFiles = coverageData.filter((c) => c.status === "covered").length;
+  const partialFiles = coverageData.filter((c) => c.status === "partial").length;
+  const totalTraced = coverageData.reduce((sum, c) => sum + c.tracedTestCount, 0);
+  const totalTests = coverageData.reduce((sum, c) => sum + c.totalTestCount, 0);
+  return {
+    testFiles,
+    coveredFiles,
+    partialFiles,
+    uncoveredFiles: testFiles - coveredFiles - partialFiles,
+    totalTraced,
+    totalTests,
+    percentage: totalTests > 0 ? Math.round(totalTraced / totalTests * 100) : 0
+  };
+};
+// src/components/TelemetryCoverageFileTreeContainer.tsx
+import { RefreshCw as RefreshCw2, Eye as Eye2, EyeOff as EyeOff2, AlertCircle as AlertCircle4, Activity as Activity2 } from "lucide-react";
+import React12, { useState as useState7, useMemo as useMemo10 } from "react";
+var TelemetryCoverageFileTreeContainer = ({
+  fileTree,
+  theme,
+  coverageData,
+  selectedFile,
+  onFileSelect,
+  onRefresh,
+  isLoading = false,
+  error = null,
+  showControls = true,
+  onContextMenu,
+  initialHeight,
+  autoHeight,
+  testFilePatterns,
+  title = "Telemetry Coverage"
+}) => {
+  const [filters, setFilters] = useState7([]);
+  const [showUncoveredFiles, setShowUncoveredFiles] = useState7(true);
+  const selectedDirectories = useMemo10(() => {
+    return filters.filter((f) => f.mode === "include").map((f) => f.path);
+  }, [filters]);
+  const stats = useMemo10(() => calculateTelemetryCoverageStats(coverageData), [coverageData]);
+  const handleRefresh = () => {
+    onRefresh?.();
+  };
+  const toggleShowUncoveredFiles = () => {
+    setShowUncoveredFiles(!showUncoveredFiles);
+  };
+  const percentageColor = stats.percentage >= 80 ? "#22c55e" : stats.percentage >= 50 ? "#eab308" : stats.percentage > 0 ? "#f97316" : "#6b7280";
+  return /* @__PURE__ */ React12.createElement("div", {
+    style: { display: "flex", flexDirection: "column", height: "100%" }
+  }, showControls && /* @__PURE__ */ React12.createElement("div", {
+    style: {
+      padding: "12px",
+      borderBottom: `1px solid ${theme.colors.border || "#e0e0e0"}`,
+      backgroundColor: theme.colors.backgroundSecondary || theme.colors.background
+    }
+  }, /* @__PURE__ */ React12.createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      marginBottom: "8px"
+    }
+  }, /* @__PURE__ */ React12.createElement("div", {
+    style: { display: "flex", alignItems: "center", gap: "8px" }
+  }, /* @__PURE__ */ React12.createElement(Activity2, {
+    size: 16,
+    color: theme.colors.primary
+  }), /* @__PURE__ */ React12.createElement("h3", {
+    style: {
+      margin: 0,
+      fontSize: "14px",
+      fontWeight: "bold",
+      color: theme.colors.text
+    }
+  }, title), stats.testFiles > 0 && /* @__PURE__ */ React12.createElement("span", {
+    style: {
+      backgroundColor: percentageColor,
+      color: "#ffffff",
+      padding: "2px 8px",
+      borderRadius: "12px",
+      fontSize: "12px",
+      fontWeight: "bold",
+      fontFamily: "monospace"
+    }
+  }, stats.percentage, "%"), isLoading && /* @__PURE__ */ React12.createElement(RefreshCw2, {
+    size: 16,
+    color: theme.colors.text,
+    className: "telemetry-coverage-spinner",
+    style: { animation: "spin 1s linear infinite" }
+  })), /* @__PURE__ */ React12.createElement("div", {
+    style: { display: "flex", gap: "8px" }
+  }, /* @__PURE__ */ React12.createElement("button", {
+    onClick: toggleShowUncoveredFiles,
+    style: {
+      background: "none",
+      border: `1px solid ${theme.colors.border || "#ccc"}`,
+      borderRadius: "4px",
+      padding: "4px 8px",
+      cursor: "pointer",
+      display: "flex",
+      alignItems: "center",
+      gap: "4px",
+      fontSize: "12px",
+      color: theme.colors.text
+    },
+    title: showUncoveredFiles ? "Show only covered files" : "Show all test files"
+  }, showUncoveredFiles ? /* @__PURE__ */ React12.createElement(EyeOff2, {
+    size: 14
+  }) : /* @__PURE__ */ React12.createElement(Eye2, {
+    size: 14
+  }), showUncoveredFiles ? "Hide uncovered" : "Show all"), onRefresh && /* @__PURE__ */ React12.createElement("button", {
+    onClick: handleRefresh,
+    disabled: isLoading,
+    style: {
+      background: "none",
+      border: `1px solid ${theme.colors.border || "#ccc"}`,
+      borderRadius: "4px",
+      padding: "4px 8px",
+      cursor: isLoading ? "not-allowed" : "pointer",
+      display: "flex",
+      alignItems: "center",
+      gap: "4px",
+      fontSize: "12px",
+      color: theme.colors.text,
+      opacity: isLoading ? 0.6 : 1
+    },
+    title: "Refresh coverage data"
+  }, /* @__PURE__ */ React12.createElement(RefreshCw2, {
+    size: 14
+  }), "Refresh"))), error && /* @__PURE__ */ React12.createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      gap: "8px",
+      padding: "8px",
+      backgroundColor: "#fff3cd",
+      border: "1px solid #ffeaa7",
+      borderRadius: "4px",
+      fontSize: "12px",
+      color: "#856404",
+      marginBottom: "8px"
+    }
+  }, /* @__PURE__ */ React12.createElement(AlertCircle4, {
+    size: 14
+  }), error), !error && stats.testFiles > 0 && /* @__PURE__ */ React12.createElement("div", {
+    style: {
+      display: "flex",
+      gap: "16px",
+      fontSize: "12px",
+      color: theme.colors.textSecondary || "#666"
+    }
+  }, /* @__PURE__ */ React12.createElement("span", null, /* @__PURE__ */ React12.createElement("strong", {
+    style: { color: "#22c55e" }
+  }, stats.coveredFiles), " covered"), stats.partialFiles > 0 && /* @__PURE__ */ React12.createElement("span", null, /* @__PURE__ */ React12.createElement("strong", {
+    style: { color: "#eab308" }
+  }, stats.partialFiles), " partial"), /* @__PURE__ */ React12.createElement("span", null, /* @__PURE__ */ React12.createElement("strong", {
+    style: { color: "#6b7280" }
+  }, stats.uncoveredFiles), " uncovered"), /* @__PURE__ */ React12.createElement("span", {
+    style: { marginLeft: "auto" }
+  }, stats.totalTraced, "/", stats.totalTests, " tests traced")), !error && stats.testFiles === 0 && /* @__PURE__ */ React12.createElement("div", {
+    style: {
+      fontSize: "12px",
+      color: theme.colors.textSecondary || "#666"
+    }
+  }, "No test files with coverage data found")), /* @__PURE__ */ React12.createElement(DirectoryFilterInput, {
+    fileTree,
+    theme,
+    filters,
+    onFiltersChange: setFilters
+  }), /* @__PURE__ */ React12.createElement("div", {
+    style: { flex: 1, marginTop: "1rem", overflow: "hidden" }
+  }, /* @__PURE__ */ React12.createElement(TelemetryCoverageFileTree, {
+    fileTree,
+    theme,
+    coverageData,
+    selectedDirectories,
+    selectedFile,
+    onFileSelect,
+    showUncoveredFiles,
+    onContextMenu,
+    initialHeight,
+    autoHeight,
+    testFilePatterns
+  })));
+};
 export {
   useContainerHeight,
   updateTreePaths,
@@ -1811,7 +2274,10 @@ export {
   filterFileTreeByPaths,
   extractNameFromPath,
   combineRepositoryTrees,
+  calculateTelemetryCoverageStats,
   TreeNode,
+  TelemetryCoverageFileTreeContainer,
+  TelemetryCoverageFileTree,
   OrderedFileList,
   MultiFileTreeCore,
   MultiFileTree,

package/dist/src/components/TelemetryCoverageFileTree.d.ts

@@ -0,0 +1,66 @@
+import type { Theme } from '@principal-ade/industry-theme';
+import { FileTree } from '@principal-ai/repository-abstraction';
+import React from 'react';
+/**
+ * Telemetry coverage status for a test file
+ * - 'covered': All tests in file have telemetry instrumentation
+ * - 'partial': Some tests have telemetry
+ * - 'none': No tests have telemetry
+ */
+export type TelemetryCoverageStatus = 'covered' | 'partial' | 'none';
+/**
+ * Coverage information for a single test file
+ */
+export interface FileTelemetryCoverage {
+    /** Path to the test file */
+    filePath: string;
+    /** Coverage status */
+    status: TelemetryCoverageStatus;
+    /** Number of tests with telemetry */
+    tracedTestCount: number;
+    /** Total number of tests in file */
+    totalTestCount: number;
+    /** List of test names that have telemetry */
+    tracedTests?: string[];
+}
+export interface TelemetryCoverageFileTreeProps {
+    fileTree: FileTree;
+    theme: Theme;
+    coverageData: FileTelemetryCoverage[];
+    selectedDirectories?: string[];
+    selectedFile?: string;
+    onDirectorySelect?: (directories: string[]) => void;
+    onFileSelect?: (filePath: string) => void;
+    /** Show only test files (default: true) */
+    showOnlyTestFiles?: boolean;
+    /** Show files without coverage (default: true) */
+    showUncoveredFiles?: boolean;
+    transparentBackground?: boolean;
+    horizontalNodePadding?: string;
+    onContextMenu?: (event: React.MouseEvent, nodePath: string, isFolder: boolean) => void;
+    openByDefault?: boolean;
+    initialHeight?: number;
+    autoHeight?: boolean;
+    /** Test file patterns (default: common test patterns) */
+    testFilePatterns?: RegExp[];
+}
+/**
+ * TelemetryCoverageFileTree Component
+ *
+ * Displays a file tree showing test files and their telemetry coverage status.
+ * Similar to GitStatusFileTree but for OpenTelemetry instrumentation coverage.
+ */
+export declare const TelemetryCoverageFileTree: React.FC<TelemetryCoverageFileTreeProps>;
+/**
+ * Export stats calculation for use in containers
+ */
+export declare const calculateTelemetryCoverageStats: (coverageData: FileTelemetryCoverage[]) => {
+    testFiles: number;
+    coveredFiles: number;
+    partialFiles: number;
+    uncoveredFiles: number;
+    totalTraced: number;
+    totalTests: number;
+    percentage: number;
+};
+//# sourceMappingURL=TelemetryCoverageFileTree.d.ts.map

package/dist/src/components/TelemetryCoverageFileTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TelemetryCoverageFileTree.d.ts","sourceRoot":"","sources":["../../../src/components/TelemetryCoverageFileTree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAgB,MAAM,sCAAsC,CAAC;AAO9E,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC;;;;;GAKG;AACH,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAErE;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,4BAA4B;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,sBAAsB;IACtB,MAAM,EAAE,uBAAuB,CAAC;IAChC,qCAAqC;IACrC,eAAe,EAAE,MAAM,CAAC;IACxB,oCAAoC;IACpC,cAAc,EAAE,MAAM,CAAC;IACvB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;CACxB;AAoBD,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,EAAE,qBAAqB,EAAE,CAAC;IACtC,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kDAAkD;IAClD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B;AA6KD;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CA0M9E,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,+BAA+B,GAAI,cAAc,qBAAqB,EAAE;;;;;;;;CAgBpF,CAAC"}

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

@@ -0,0 +1,22 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { TelemetryCoverageFileTree } from './TelemetryCoverageFileTree';
+import { TelemetryCoverageFileTreeContainer } from './TelemetryCoverageFileTreeContainer';
+declare const meta: Meta<typeof TelemetryCoverageFileTree>;
+export default meta;
+type Story = StoryObj<typeof TelemetryCoverageFileTree>;
+export declare const Default: Story;
+export declare const OnlyCoveredFiles: Story;
+export declare const AllFilesView: Story;
+export declare const FullCoverage: Story;
+export declare const NoCoverage: Story;
+export declare const EmptyState: Story;
+export declare const RegalTheme: Story;
+export declare const TerminalTheme: Story;
+export declare const MatrixTheme: Story;
+export declare const SlateTheme: Story;
+export declare const WithContainer: StoryObj<typeof TelemetryCoverageFileTreeContainer>;
+export declare const ContainerWithError: StoryObj<typeof TelemetryCoverageFileTreeContainer>;
+export declare const ContainerLoading: StoryObj<typeof TelemetryCoverageFileTreeContainer>;
+export declare const ContainerHighCoverage: StoryObj<typeof TelemetryCoverageFileTreeContainer>;
+export declare const ContainerLowCoverage: StoryObj<typeof TelemetryCoverageFileTreeContainer>;
+//# sourceMappingURL=TelemetryCoverageFileTree.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TelemetryCoverageFileTree.stories.d.ts","sourceRoot":"","sources":["../../../src/components/TelemetryCoverageFileTree.stories.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EACL,yBAAyB,EAE1B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAoQ1F,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,yBAAyB,CAUhD,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAExD,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAoB1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC;AAIF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAIF,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAC,OAAO,kCAAkC,CAmB7E,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAC,OAAO,kCAAkC,CAkBlF,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,QAAQ,CAAC,OAAO,kCAAkC,CAmBhF,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,QAAQ,CAAC,OAAO,kCAAkC,CAqBrF,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CAAC,OAAO,kCAAkC,CAqBpF,CAAC"}

package/dist/src/components/TelemetryCoverageFileTreeContainer.d.ts

@@ -0,0 +1,24 @@
+import type { Theme } from '@principal-ade/industry-theme';
+import { FileTree } from '@principal-ai/repository-abstraction';
+import React from 'react';
+import { FileTelemetryCoverage } from './TelemetryCoverageFileTree';
+export interface TelemetryCoverageFileTreeContainerProps {
+    fileTree: FileTree;
+    theme: Theme;
+    coverageData: FileTelemetryCoverage[];
+    selectedFile?: string;
+    onFileSelect?: (filePath: string) => void;
+    onRefresh?: () => void;
+    isLoading?: boolean;
+    error?: string | null;
+    showControls?: boolean;
+    onContextMenu?: (event: React.MouseEvent, nodePath: string, isFolder: boolean) => void;
+    initialHeight?: number;
+    autoHeight?: boolean;
+    /** Custom test file patterns */
+    testFilePatterns?: RegExp[];
+    /** Title for the header (default: "Telemetry Coverage") */
+    title?: string;
+}
+export declare const TelemetryCoverageFileTreeContainer: React.FC<TelemetryCoverageFileTreeContainerProps>;
+//# sourceMappingURL=TelemetryCoverageFileTreeContainer.d.ts.map

package/dist/src/components/TelemetryCoverageFileTreeContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TelemetryCoverageFileTreeContainer.d.ts","sourceRoot":"","sources":["../../../src/components/TelemetryCoverageFileTreeContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAEhE,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,EAEL,qBAAqB,EAEtB,MAAM,6BAA6B,CAAC;AAErC,MAAM,WAAW,uCAAuC;IACtD,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,EAAE,qBAAqB,EAAE,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gCAAgC;IAChC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,kCAAkC,EAAE,KAAK,CAAC,EAAE,CAAC,uCAAuC,CA6NhG,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@principal-ade/dynamic-file-tree",
-  "version": "0.1.28",
+  "version": "0.1.30",
   "description": "React component for selective directory filtering and file tree visualization",
   "type": "module",
   "main": "dist/index.mjs",