@principal-ade/dynamic-file-tree 0.1.48 → 0.1.49

package/dist/index.d.ts

@@ -18,8 +18,6 @@ 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 { CanvasNarrativeTreeCore } from './src/components/CanvasNarrativeTree/CanvasNarrativeTreeCore';
-export type { CanvasNarrativeTreeCoreProps, CanvasNarrativeNodeData, CanvasNarrativeNodeType, DiscoveredCanvas, NarrativeFile, } from './src/components/CanvasNarrativeTree/types';
 export { StoryboardWorkflowsTreeCore } from './src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore';
 export type { StoryboardWorkflowsTreeProps, StoryboardWorkflowNodeData, StoryboardWorkflowNodeType, DiscoveredStoryboard, DiscoveredWorkflow, } from './src/components/StoryboardWorkflowsTree/types';
 export { TelemetryCoverageFileTree, calculateTelemetryCoverageStats, } from './src/components/TelemetryCoverageFileTree';

package/dist/index.d.ts.map

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

@@ -1870,185 +1870,11 @@ var MultiFileTree = ({
     }
   }, "Selected: ", selectedFile.source.name, " / ", selectedFile.path));
 };
-// src/components/CanvasNarrativeTree/CanvasNarrativeTreeCore.tsx
-import { Package, Workflow, Scroll, FileText } from "lucide-react";
+// src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore.tsx
+import { Package, FolderKanban, FileText, Workflow } from "lucide-react";
 import React11, { useMemo as useMemo9 } from "react";
 import { Tree as Tree3 } from "react-arborist";
-var buildTreeData = (canvases, narratives) => {
-  const packagesMap = new Map;
-  const rootCanvases = [];
-  for (const canvas of canvases) {
-    if (canvas.scope === "package" && canvas.packageName) {
-      const existing = packagesMap.get(canvas.packageName) || [];
-      existing.push(canvas);
-      packagesMap.set(canvas.packageName, existing);
-    } else {
-      rootCanvases.push(canvas);
-    }
-  }
-  const canvasToNarratives = new Map;
-  for (const narrative of narratives) {
-    const canvasPath = narrative.template.canvas;
-    if (canvasPath) {
-      for (const canvas of canvases) {
-        if (canvas.path === canvasPath || canvas.path.endsWith(canvasPath)) {
-          const existing = canvasToNarratives.get(canvas.id) || [];
-          existing.push(narrative);
-          canvasToNarratives.set(canvas.id, existing);
-          break;
-        }
-      }
-    }
-  }
-  const buildCanvasNode = (canvas) => {
-    const narrativesForCanvas = canvasToNarratives.get(canvas.id) || [];
-    const children = [];
-    children.push({
-      id: `storyboard:${canvas.id}`,
-      name: "Storyboard",
-      type: "storyboard",
-      canvas
-    });
-    const narrativeNodes = narrativesForCanvas.map(({ file, template }) => ({
-      id: `narrative:${file.id}`,
-      name: file.name,
-      type: "narrative",
-      narrative: file,
-      narrativeTemplate: template,
-      canvas
-    })).sort((a, b) => a.name.localeCompare(b.name));
-    children.push(...narrativeNodes);
-    return {
-      id: `canvas:${canvas.id}`,
-      name: canvas.name,
-      type: "canvas",
-      canvas,
-      children
-    };
-  };
-  const hasMultiplePackages = packagesMap.size > 1;
-  const hasRootAndPackages = packagesMap.size > 0 && rootCanvases.length > 0;
-  const shouldShowPackageLevel = hasMultiplePackages || hasRootAndPackages;
-  if (shouldShowPackageLevel) {
-    const result = [];
-    for (const [packageName, packageCanvases] of packagesMap) {
-      const canvasNodes = packageCanvases.map(buildCanvasNode).sort((a, b) => a.name.localeCompare(b.name));
-      result.push({
-        id: `package:${packageName}`,
-        name: packageName,
-        type: "package",
-        packageName,
-        scope: "package",
-        children: canvasNodes
-      });
-    }
-    if (rootCanvases.length > 0) {
-      const rootCanvasNodes = rootCanvases.map(buildCanvasNode).sort((a, b) => a.name.localeCompare(b.name));
-      result.push({
-        id: "package:root",
-        name: "Root",
-        type: "package",
-        packageName: "root",
-        scope: "root",
-        children: rootCanvasNodes
-      });
-    }
-    return result.sort((a, b) => {
-      if (a.packageName === "root")
-        return 1;
-      if (b.packageName === "root")
-        return -1;
-      return a.name.localeCompare(b.name);
-    });
-  } else {
-    const allCanvases = [...rootCanvases];
-    for (const packageCanvases of packagesMap.values()) {
-      allCanvases.push(...packageCanvases);
-    }
-    return allCanvases.map(buildCanvasNode).sort((a, b) => a.name.localeCompare(b.name));
-  }
-};
-var CanvasNarrativeTreeCore = ({
-  canvases,
-  narratives,
-  theme,
-  onClick,
-  selectedNodeId,
-  defaultOpen = false,
-  initialOpenState,
-  horizontalNodePadding = "16px",
-  verticalNodePadding = "6px",
-  verticalPadding = "20px",
-  enableDragAndDrop = false
-}) => {
-  const dndProps = getDndProps(enableDragAndDrop);
-  const rowHeight = useMemo9(() => {
-    const paddingValue = parseFloat(verticalNodePadding);
-    const contentLineHeight = 20;
-    const borderHeight = 2;
-    return contentLineHeight + paddingValue * 2 + borderHeight;
-  }, [verticalNodePadding]);
-  const treeData = useMemo9(() => buildTreeData(canvases, narratives), [canvases, narratives]);
-  const NodeRenderer = (props) => {
-    const { node } = props;
-    const data = node.data;
-    const icon = data.type === "package" ? /* @__PURE__ */ React11.createElement(Package, {
-      size: 16
-    }) : data.type === "canvas" ? /* @__PURE__ */ React11.createElement(Workflow, {
-      size: 16
-    }) : data.type === "storyboard" ? /* @__PURE__ */ React11.createElement(FileText, {
-      size: 16
-    }) : /* @__PURE__ */ React11.createElement(Scroll, {
-      size: 16
-    });
-    const nameColor = data.type === "package" ? theme.colors.primary : data.type === "canvas" ? theme.colors.success : data.type === "storyboard" ? theme.colors.warning || "#f59e0b" : theme.colors.textSecondary;
-    const nodeHorizontalPadding = data.type === "narrative" || data.type === "storyboard" ? `calc(${horizontalNodePadding} + 12px)` : horizontalNodePadding;
-    return /* @__PURE__ */ React11.createElement(TreeNode, {
-      ...props,
-      theme,
-      nameColor,
-      leftIcon: icon,
-      horizontalNodePadding: nodeHorizontalPadding,
-      verticalNodePadding
-    });
-  };
-  const handleSelect = (selectedNodes) => {
-    if (selectedNodes.length === 0)
-      return;
-    const node = selectedNodes[0];
-    const nodeData = node.data;
-    if (nodeData.type === "storyboard" || nodeData.type === "narrative") {
-      onClick(nodeData);
-    }
-  };
-  const initialHeight = 600;
-  const [containerRef, containerHeight] = useContainerHeight(initialHeight);
-  return /* @__PURE__ */ React11.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__ */ React11.createElement(Tree3, {
-    initialData: treeData,
-    onSelect: handleSelect,
-    openByDefault: defaultOpen,
-    ...initialOpenState !== undefined && { initialOpenState },
-    ...selectedNodeId !== undefined && { selection: selectedNodeId },
-    width: "100%",
-    height: containerHeight,
-    rowHeight,
-    ...dndProps
-  }, NodeRenderer));
-};
-// src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore.tsx
-import { Package as Package2, FolderKanban, FileText as FileText2, Workflow as Workflow2 } from "lucide-react";
-import React12, { useMemo as useMemo10 } from "react";
-import { Tree as Tree4 } from "react-arborist";
-var buildTreeData2 = (storyboards) => {
+var buildTreeData = (storyboards) => {
   const packagesMap = new Map;
   const rootStoryboards = [];
   for (const storyboard of storyboards) {
@@ -2064,7 +1890,7 @@ var buildTreeData2 = (storyboards) => {
     const children = [];
     children.push({
       id: `canvas:${storyboard.id}`,
-      name: "Canvas",
+      name: "Storyboard",
       type: "canvas",
       canvas: storyboard.canvas,
       storyboard
@@ -2140,28 +1966,28 @@ var StoryboardWorkflowsTreeCore = ({
   enableDragAndDrop = false
 }) => {
   const dndProps = getDndProps(enableDragAndDrop);
-  const rowHeight = useMemo10(() => {
+  const rowHeight = useMemo9(() => {
     const paddingValue = parseFloat(verticalNodePadding);
     const contentLineHeight = 20;
     const borderHeight = 2;
     return contentLineHeight + paddingValue * 2 + borderHeight;
   }, [verticalNodePadding]);
-  const treeData = useMemo10(() => buildTreeData2(storyboards), [storyboards]);
+  const treeData = useMemo9(() => buildTreeData(storyboards), [storyboards]);
   const NodeRenderer = (props) => {
     const { node } = props;
     const data = node.data;
-    const icon = data.type === "package" ? /* @__PURE__ */ React12.createElement(Package2, {
+    const icon = data.type === "package" ? /* @__PURE__ */ React11.createElement(Package, {
       size: 16
-    }) : data.type === "storyboard" ? /* @__PURE__ */ React12.createElement(FolderKanban, {
+    }) : data.type === "storyboard" ? /* @__PURE__ */ React11.createElement(FolderKanban, {
       size: 16
-    }) : data.type === "canvas" ? /* @__PURE__ */ React12.createElement(FileText2, {
+    }) : data.type === "canvas" ? /* @__PURE__ */ React11.createElement(FileText, {
       size: 16
-    }) : /* @__PURE__ */ React12.createElement(Workflow2, {
+    }) : /* @__PURE__ */ React11.createElement(Workflow, {
       size: 16
     });
     const nameColor = data.type === "package" ? theme.colors.primary : data.type === "storyboard" ? theme.colors.success : data.type === "canvas" ? theme.colors.warning || "#f59e0b" : theme.colors.textSecondary;
     const nodeHorizontalPadding = data.type === "canvas" || data.type === "workflow" ? `calc(${horizontalNodePadding} + 12px)` : horizontalNodePadding;
-    return /* @__PURE__ */ React12.createElement(TreeNode, {
+    return /* @__PURE__ */ React11.createElement(TreeNode, {
       ...props,
       theme,
       nameColor,
@@ -2181,7 +2007,7 @@ var StoryboardWorkflowsTreeCore = ({
   };
   const initialHeight = 600;
   const [containerRef, containerHeight] = useContainerHeight(initialHeight);
-  return /* @__PURE__ */ React12.createElement("div", {
+  return /* @__PURE__ */ React11.createElement("div", {
     ref: containerRef,
     style: {
       backgroundColor: theme.colors.background,
@@ -2190,7 +2016,7 @@ var StoryboardWorkflowsTreeCore = ({
       height: "100%",
       ...verticalPadding ? { paddingTop: verticalPadding, paddingBottom: verticalPadding } : {}
     }
-  }, /* @__PURE__ */ React12.createElement(Tree4, {
+  }, /* @__PURE__ */ React11.createElement(Tree3, {
     initialData: treeData,
     onSelect: handleSelect,
     openByDefault: defaultOpen,
@@ -2209,9 +2035,9 @@ import {
   Circle,
   TestTube
 } from "lucide-react";
-import React13, { useMemo as useMemo11 } from "react";
-import { Tree as Tree5 } from "react-arborist";
-var TelemetryCoverageContext = React13.createContext(null);
+import React12, { useMemo as useMemo10 } from "react";
+import { Tree as Tree4 } from "react-arborist";
+var TelemetryCoverageContext = React12.createContext(null);
 var DEFAULT_TEST_PATTERNS = [
   /\.test\.[jt]sx?$/,
   /\.spec\.[jt]sx?$/,
@@ -2228,7 +2054,7 @@ var getCoverageStatusDisplay = (coverage, _theme) => {
   switch (status) {
     case "covered":
       return {
-        icon: /* @__PURE__ */ React13.createElement(Activity, {
+        icon: /* @__PURE__ */ React12.createElement(Activity, {
           size: 14
         }),
         color: "#22c55e",
@@ -2237,7 +2063,7 @@ var getCoverageStatusDisplay = (coverage, _theme) => {
       };
     case "partial":
       return {
-        icon: /* @__PURE__ */ React13.createElement(CircleDot, {
+        icon: /* @__PURE__ */ React12.createElement(CircleDot, {
           size: 14
         }),
         color: "#eab308",
@@ -2246,7 +2072,7 @@ var getCoverageStatusDisplay = (coverage, _theme) => {
       };
     case "none":
       return {
-        icon: /* @__PURE__ */ React13.createElement(Circle, {
+        icon: /* @__PURE__ */ React12.createElement(Circle, {
           size: 14
         }),
         color: "#6b7280",
@@ -2348,7 +2174,7 @@ var TelemetryCoverageFileTree = ({
   enableDragAndDrop = false
 }) => {
   const dndProps = getDndProps(enableDragAndDrop);
-  const coverageMap = useMemo11(() => {
+  const coverageMap = useMemo10(() => {
     const map = new Map;
     coverageData.forEach((item) => {
       map.set(item.filePath, item);
@@ -2357,7 +2183,7 @@ var TelemetryCoverageFileTree = ({
   }, [coverageData]);
   const NodeRenderer = (props) => {
     const { node } = props;
-    const ctx = React13.useContext(TelemetryCoverageContext);
+    const ctx = React12.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;
@@ -2369,11 +2195,11 @@ var TelemetryCoverageFileTree = ({
     } else if (node.data.isTestFile) {
       nameColor = "#6b728080";
     }
-    const leftIcon = node.data.isTestFile && !coverage ? /* @__PURE__ */ React13.createElement(TestTube, {
+    const leftIcon = node.data.isTestFile && !coverage ? /* @__PURE__ */ React12.createElement(TestTube, {
       size: 14,
       style: { marginRight: 4, color: "#6b7280" }
     }) : null;
-    const rightContent = coverageDisplay ? /* @__PURE__ */ React13.createElement("div", {
+    const rightContent = coverageDisplay ? /* @__PURE__ */ React12.createElement("div", {
       style: {
         display: "flex",
         alignItems: "center",
@@ -2381,14 +2207,14 @@ var TelemetryCoverageFileTree = ({
         marginRight: "8px"
       },
       title: coverageDisplay.label
-    }, coverageDisplay.icon, /* @__PURE__ */ React13.createElement("span", {
+    }, coverageDisplay.icon, /* @__PURE__ */ React12.createElement("span", {
       style: {
         marginLeft: "4px",
         fontSize: theme.fontSizes[0],
         fontWeight: "bold",
         fontFamily: "monospace"
       }
-    }, coverageDisplay.badge)) : node.data.isTestFile ? /* @__PURE__ */ React13.createElement("div", {
+    }, coverageDisplay.badge)) : node.data.isTestFile ? /* @__PURE__ */ React12.createElement("div", {
       style: {
         display: "flex",
         alignItems: "center",
@@ -2397,10 +2223,10 @@ var TelemetryCoverageFileTree = ({
         opacity: 0.5
       },
       title: "No telemetry instrumentation"
-    }, /* @__PURE__ */ React13.createElement(Circle, {
+    }, /* @__PURE__ */ React12.createElement(Circle, {
       size: 14
     })) : null;
-    return /* @__PURE__ */ React13.createElement(TreeNode, {
+    return /* @__PURE__ */ React12.createElement(TreeNode, {
       ...props,
       theme,
       rightContent,
@@ -2415,16 +2241,16 @@ var TelemetryCoverageFileTree = ({
       }
     });
   };
-  const treeStructure = useMemo11(() => {
+  const treeStructure = useMemo10(() => {
     return transformTreeStructure2(fileTree, showOnlyTestFiles, testFilePatterns);
   }, [fileTree, showOnlyTestFiles, testFilePatterns]);
-  const treeData = useMemo11(() => {
+  const treeData = useMemo10(() => {
     if (showUncoveredFiles) {
       return treeStructure;
     }
     return filterCoveredNodes(treeStructure, coverageMap);
   }, [treeStructure, showUncoveredFiles, coverageMap]);
-  const hasTracedChildrenMap = useMemo11(() => {
+  const hasTracedChildrenMap = useMemo10(() => {
     const map = new Map;
     const markTracedParents = (nodes) => {
       let hasTraced = false;
@@ -2456,7 +2282,7 @@ var TelemetryCoverageFileTree = ({
       onDirectorySelect(selectedDirs);
     }
   };
-  const calculatedHeight = useMemo11(() => {
+  const calculatedHeight = useMemo10(() => {
     if (autoHeight) {
       const visibleNodeCount = countVisibleNodes3(treeData, openByDefault);
       return visibleNodeCount * 28;
@@ -2464,7 +2290,7 @@ var TelemetryCoverageFileTree = ({
     return initialHeight;
   }, [autoHeight, treeData, openByDefault, initialHeight]);
   const [containerRef, containerHeight] = useContainerHeight(calculatedHeight);
-  return /* @__PURE__ */ React13.createElement("div", {
+  return /* @__PURE__ */ React12.createElement("div", {
     ref: containerRef,
     style: {
       backgroundColor: transparentBackground ? "transparent" : theme.colors.background,
@@ -2473,9 +2299,9 @@ var TelemetryCoverageFileTree = ({
       ...autoHeight ? {} : { height: "100%" },
       ...verticalPadding ? { paddingTop: verticalPadding, paddingBottom: verticalPadding } : {}
     }
-  }, /* @__PURE__ */ React13.createElement(TelemetryCoverageContext.Provider, {
+  }, /* @__PURE__ */ React12.createElement(TelemetryCoverageContext.Provider, {
     value: { coverageMap, hasTracedChildrenMap }
-  }, /* @__PURE__ */ React13.createElement(Tree5, {
+  }, /* @__PURE__ */ React12.createElement(Tree4, {
     data: treeData,
     onSelect: handleSelect,
     ...selectedFile !== undefined && { selection: selectedFile },
@@ -2504,7 +2330,7 @@ var calculateTelemetryCoverageStats = (coverageData) => {
 };
 // src/components/TelemetryCoverageFileTreeContainer.tsx
 import { RefreshCw as RefreshCw2, Eye as Eye2, EyeOff as EyeOff2, AlertCircle as AlertCircle4, Activity as Activity2 } from "lucide-react";
-import React14, { useState as useState7, useMemo as useMemo12 } from "react";
+import React13, { useState as useState7, useMemo as useMemo11 } from "react";
 var TelemetryCoverageFileTreeContainer = ({
   fileTree,
   theme,
@@ -2526,10 +2352,10 @@ var TelemetryCoverageFileTreeContainer = ({
 }) => {
   const [filters, setFilters] = useState7([]);
   const [showUncoveredFiles, setShowUncoveredFiles] = useState7(true);
-  const selectedDirectories = useMemo12(() => {
+  const selectedDirectories = useMemo11(() => {
     return filters.filter((f) => f.mode === "include").map((f) => f.path);
   }, [filters]);
-  const stats = useMemo12(() => calculateTelemetryCoverageStats(coverageData), [coverageData]);
+  const stats = useMemo11(() => calculateTelemetryCoverageStats(coverageData), [coverageData]);
   const handleRefresh = () => {
     onRefresh?.();
   };
@@ -2537,34 +2363,34 @@ var TelemetryCoverageFileTreeContainer = ({
     setShowUncoveredFiles(!showUncoveredFiles);
   };
   const percentageColor = stats.percentage >= 80 ? "#22c55e" : stats.percentage >= 50 ? "#eab308" : stats.percentage > 0 ? "#f97316" : "#6b7280";
-  return /* @__PURE__ */ React14.createElement("div", {
+  return /* @__PURE__ */ React13.createElement("div", {
     style: { display: "flex", flexDirection: "column", height: "100%" }
-  }, showControls && /* @__PURE__ */ React14.createElement("div", {
+  }, showControls && /* @__PURE__ */ React13.createElement("div", {
     style: {
       padding: "12px",
       borderBottom: `1px solid ${theme.colors.border || "#e0e0e0"}`,
       backgroundColor: theme.colors.backgroundSecondary || theme.colors.background
     }
-  }, /* @__PURE__ */ React14.createElement("div", {
+  }, /* @__PURE__ */ React13.createElement("div", {
     style: {
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between",
       marginBottom: "8px"
     }
-  }, /* @__PURE__ */ React14.createElement("div", {
+  }, /* @__PURE__ */ React13.createElement("div", {
     style: { display: "flex", alignItems: "center", gap: "8px" }
-  }, /* @__PURE__ */ React14.createElement(Activity2, {
+  }, /* @__PURE__ */ React13.createElement(Activity2, {
     size: 16,
     color: theme.colors.primary
-  }), /* @__PURE__ */ React14.createElement("h3", {
+  }), /* @__PURE__ */ React13.createElement("h3", {
     style: {
       margin: 0,
       fontSize: theme.fontSizes[1],
       fontWeight: "bold",
       color: theme.colors.text
     }
-  }, title), stats.testFiles > 0 && /* @__PURE__ */ React14.createElement("span", {
+  }, title), stats.testFiles > 0 && /* @__PURE__ */ React13.createElement("span", {
     style: {
       backgroundColor: percentageColor,
       color: "#ffffff",
@@ -2574,14 +2400,14 @@ var TelemetryCoverageFileTreeContainer = ({
       fontWeight: "bold",
       fontFamily: "monospace"
     }
-  }, stats.percentage, "%"), isLoading && /* @__PURE__ */ React14.createElement(RefreshCw2, {
+  }, stats.percentage, "%"), isLoading && /* @__PURE__ */ React13.createElement(RefreshCw2, {
     size: 16,
     color: theme.colors.text,
     className: "telemetry-coverage-spinner",
     style: { animation: "spin 1s linear infinite" }
-  })), /* @__PURE__ */ React14.createElement("div", {
+  })), /* @__PURE__ */ React13.createElement("div", {
     style: { display: "flex", gap: "8px" }
-  }, /* @__PURE__ */ React14.createElement("button", {
+  }, /* @__PURE__ */ React13.createElement("button", {
     onClick: toggleShowUncoveredFiles,
     style: {
       background: "none",
@@ -2596,11 +2422,11 @@ var TelemetryCoverageFileTreeContainer = ({
       color: theme.colors.text
     },
     title: showUncoveredFiles ? "Show only covered files" : "Show all test files"
-  }, showUncoveredFiles ? /* @__PURE__ */ React14.createElement(EyeOff2, {
+  }, showUncoveredFiles ? /* @__PURE__ */ React13.createElement(EyeOff2, {
     size: 14
-  }) : /* @__PURE__ */ React14.createElement(Eye2, {
+  }) : /* @__PURE__ */ React13.createElement(Eye2, {
     size: 14
-  }), showUncoveredFiles ? "Hide uncovered" : "Show all"), onRefresh && /* @__PURE__ */ React14.createElement("button", {
+  }), showUncoveredFiles ? "Hide uncovered" : "Show all"), onRefresh && /* @__PURE__ */ React13.createElement("button", {
     onClick: handleRefresh,
     disabled: isLoading,
     style: {
@@ -2617,9 +2443,9 @@ var TelemetryCoverageFileTreeContainer = ({
       opacity: isLoading ? 0.6 : 1
     },
     title: "Refresh coverage data"
-  }, /* @__PURE__ */ React14.createElement(RefreshCw2, {
+  }, /* @__PURE__ */ React13.createElement(RefreshCw2, {
     size: 14
-  }), "Refresh"))), error && /* @__PURE__ */ React14.createElement("div", {
+  }), "Refresh"))), error && /* @__PURE__ */ React13.createElement("div", {
     style: {
       display: "flex",
       alignItems: "center",
@@ -2632,36 +2458,36 @@ var TelemetryCoverageFileTreeContainer = ({
       color: "#856404",
       marginBottom: "8px"
     }
-  }, /* @__PURE__ */ React14.createElement(AlertCircle4, {
+  }, /* @__PURE__ */ React13.createElement(AlertCircle4, {
     size: 14
-  }), error), !error && stats.testFiles > 0 && /* @__PURE__ */ React14.createElement("div", {
+  }), error), !error && stats.testFiles > 0 && /* @__PURE__ */ React13.createElement("div", {
     style: {
       display: "flex",
       gap: "16px",
       fontSize: theme.fontSizes[0],
       color: theme.colors.textSecondary || "#666"
     }
-  }, /* @__PURE__ */ React14.createElement("span", null, /* @__PURE__ */ React14.createElement("strong", {
+  }, /* @__PURE__ */ React13.createElement("span", null, /* @__PURE__ */ React13.createElement("strong", {
     style: { color: "#22c55e" }
-  }, stats.coveredFiles), " covered"), stats.partialFiles > 0 && /* @__PURE__ */ React14.createElement("span", null, /* @__PURE__ */ React14.createElement("strong", {
+  }, stats.coveredFiles), " covered"), stats.partialFiles > 0 && /* @__PURE__ */ React13.createElement("span", null, /* @__PURE__ */ React13.createElement("strong", {
     style: { color: "#eab308" }
-  }, stats.partialFiles), " partial"), /* @__PURE__ */ React14.createElement("span", null, /* @__PURE__ */ React14.createElement("strong", {
+  }, stats.partialFiles), " partial"), /* @__PURE__ */ React13.createElement("span", null, /* @__PURE__ */ React13.createElement("strong", {
     style: { color: "#6b7280" }
-  }, stats.uncoveredFiles), " uncovered"), /* @__PURE__ */ React14.createElement("span", {
+  }, stats.uncoveredFiles), " uncovered"), /* @__PURE__ */ React13.createElement("span", {
     style: { marginLeft: "auto" }
-  }, stats.totalTraced, "/", stats.totalTests, " tests traced")), !error && stats.testFiles === 0 && /* @__PURE__ */ React14.createElement("div", {
+  }, stats.totalTraced, "/", stats.totalTests, " tests traced")), !error && stats.testFiles === 0 && /* @__PURE__ */ React13.createElement("div", {
     style: {
       fontSize: theme.fontSizes[0],
       color: theme.colors.textSecondary || "#666"
     }
-  }, "No test files with coverage data found")), /* @__PURE__ */ React14.createElement(DirectoryFilterInput, {
+  }, "No test files with coverage data found")), /* @__PURE__ */ React13.createElement(DirectoryFilterInput, {
     fileTree,
     theme,
     filters,
     onFiltersChange: setFilters
-  }), /* @__PURE__ */ React14.createElement("div", {
+  }), /* @__PURE__ */ React13.createElement("div", {
     style: { flex: 1, marginTop: "1rem", overflow: "hidden" }
-  }, /* @__PURE__ */ React14.createElement(TelemetryCoverageFileTree, {
+  }, /* @__PURE__ */ React13.createElement(TelemetryCoverageFileTree, {
     fileTree,
     theme,
     coverageData,
@@ -2699,6 +2525,5 @@ export {
   GitOrderedFileList,
   FileTreeContainer,
   DynamicFileTree,
-  DirectoryFilterInput,
-  CanvasNarrativeTreeCore
+  DirectoryFilterInput
 };

package/package.json

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

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

@@ -1,20 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { CanvasNarrativeTreeCore } from './CanvasNarrativeTreeCore';
-declare const meta: Meta<typeof CanvasNarrativeTreeCore>;
-export default meta;
-type Story = StoryObj<typeof CanvasNarrativeTreeCore>;
-export declare const Default: Story;
-export declare const SinglePackage: Story;
-export declare const RootCanvasOnly: Story;
-export declare const NoNarratives: Story;
-export declare const CollapsedByDefault: Story;
-export declare const WithSelection: Story;
-export declare const RegalTheme: Story;
-export declare const TerminalTheme: Story;
-export declare const MatrixTheme: Story;
-export declare const MatrixMinimalTheme: Story;
-export declare const SlateTheme: Story;
-export declare const InteractiveDemo: Story;
-export declare const ThemeComparison: Story;
-export declare const CustomPadding: Story;
-//# sourceMappingURL=CanvasNarrativeTree.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CanvasNarrativeTree.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasNarrativeTree/CanvasNarrativeTree.stories.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAgMpE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,uBAAuB,CAO9C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAEtD,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAQhC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAQhC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAuE7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAiE7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC"}

package/dist/src/components/CanvasNarrativeTree/CanvasNarrativeTreeCore.d.ts

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

package/dist/src/components/CanvasNarrativeTree/CanvasNarrativeTreeCore.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CanvasNarrativeTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasNarrativeTree/CanvasNarrativeTreeCore.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,OAAO,KAAK,EAEV,4BAA4B,EAG7B,MAAM,SAAS,CAAC;AA0IjB,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CA0H1E,CAAC"}

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

@@ -1,38 +0,0 @@
-import type { Theme } from '@principal-ade/industry-theme';
-import type { DiscoveredCanvas, WorkflowTemplate } from '@principal-ai/principal-view-core';
-import type { TreeNodeData } from '../TreeNode';
-export interface NarrativeFile {
-    id: string;
-    name: string;
-    path: string;
-    packageName?: string;
-    canvasPath?: string;
-}
-export type { DiscoveredCanvas, WorkflowTemplate };
-export type CanvasNarrativeNodeType = 'package' | 'canvas' | 'storyboard' | 'narrative';
-export interface CanvasNarrativeNodeData extends TreeNodeData {
-    type: CanvasNarrativeNodeType;
-    children?: CanvasNarrativeNodeData[];
-    canvas?: DiscoveredCanvas;
-    narrative?: NarrativeFile;
-    narrativeTemplate?: WorkflowTemplate;
-    packageName?: string;
-    scope?: 'package' | 'root';
-}
-export interface CanvasNarrativeTreeCoreProps {
-    canvases: DiscoveredCanvas[];
-    narratives: Array<{
-        file: NarrativeFile;
-        template: WorkflowTemplate;
-    }>;
-    theme: Theme;
-    onClick: (node: CanvasNarrativeNodeData) => void;
-    selectedNodeId?: string;
-    defaultOpen?: boolean;
-    initialOpenState?: Record<string, boolean>;
-    horizontalNodePadding?: string;
-    verticalNodePadding?: string;
-    verticalPadding?: string;
-    enableDragAndDrop?: boolean;
-}
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasNarrativeTree/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAE5F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAGD,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC;AAEnD,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,GAAG,WAAW,CAAC;AAExF,MAAM,WAAW,uBAAwB,SAAQ,YAAY;IAC3D,IAAI,EAAE,uBAAuB,CAAC;IAC9B,QAAQ,CAAC,EAAE,uBAAuB,EAAE,CAAC;IAGrC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,UAAU,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,aAAa,CAAC;QAAC,QAAQ,EAAE,gBAAgB,CAAA;KAAE,CAAC,CAAC;IACvE,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACjD,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"}