@principal-ade/dynamic-file-tree 0.2.35 → 0.2.37

package/dist/index.mjs

@@ -3141,21 +3141,18 @@ var WorkflowScenarioTreeCore = ({
   }, NodeRenderer));
 };
 // src/components/CanvasListTree/CanvasListTreeCore.tsx
-import { Package as Package3, Folder, LayoutDashboard as LayoutDashboard2, FileText, Layers, Network, BarChart3 } from "lucide-react";
+import { Package as Package3, Folder, LayoutDashboard as LayoutDashboard2, FileText, Layers, Network, BarChart3, Gauge } from "lucide-react";
 import React15, { useMemo as useMemo11, useRef as useRef6 } from "react";
 import { Tree as Tree5 } from "react-arborist";
-var buildTreeData = (canvases, gitStatusMap) => {
+var buildTreeData = (canvases, dashboards, gitStatusMap) => {
   const resourcesScopesCanvases = [];
   const spansCanvases = [];
-  const dashboardCanvases = [];
   const regularCanvases = [];
   for (const canvas of canvases) {
     if (canvas.type === "resources" || canvas.type === "scopes") {
       resourcesScopesCanvases.push(canvas);
     } else if (canvas.type === "spans") {
       spansCanvases.push(canvas);
-    } else if (canvas.type === "dashboard") {
-      dashboardCanvases.push(canvas);
     } else {
       regularCanvases.push(canvas);
     }
@@ -3264,8 +3261,17 @@ var buildTreeData = (canvases, gitStatusMap) => {
       children: spansNodes
     });
   }
-  if (dashboardCanvases.length > 0) {
-    const dashboardNodes = dashboardCanvases.map(buildCanvasNode).sort((a, b) => a.name.localeCompare(b.name));
+  if (dashboards.length > 0) {
+    const dashboardNodes = dashboards.map((dashboard) => {
+      const gitStatus = gitStatusMap ? lookupGitStatus(dashboard.path, gitStatusMap) : null;
+      return {
+        id: `dashboard:${dashboard.id}`,
+        name: dashboard.name,
+        type: "canvas",
+        dashboard,
+        gitStatus
+      };
+    }).sort((a, b) => a.name.localeCompare(b.name));
     result.push({
       id: "architecture-group:dashboards",
       name: "Dashboards",
@@ -3297,6 +3303,26 @@ var getDefaultCanvasDragConfig = (node) => {
   const CLI = "npx @principal-ai/principal-view-cli@latest";
   switch (node.type) {
     case "canvas":
+      if (node.dashboard) {
+        const content = [
+          `# Dashboard: ${node.dashboard.name}`,
+          `# For more information: ${CLI}`,
+          node.dashboard.path
+        ].join(`
+`);
+        return {
+          dataType: DATA_TYPES.TEXT_SELECTION,
+          primaryData: content,
+          metadata: {
+            name: node.dashboard.name,
+            type: "dashboard",
+            path: node.dashboard.path
+          },
+          suggestedActions: [DRAG_ACTIONS.INSERT_PATH, DRAG_ACTIONS.OPEN],
+          sourcePanel: "canvas-list",
+          dragPreview: `Dashboard: ${node.dashboard.name}`
+        };
+      }
       if (node.canvas) {
         const canvasType = node.canvas.type === "otel" ? "OTEL Canvas" : "Canvas";
         const content = [
@@ -3374,6 +3400,7 @@ var getDefaultCanvasDragConfig = (node) => {
 };
 var CanvasListTreeCore = ({
   canvases,
+  dashboards = [],
   theme,
   onClick,
   onContextMenu,
@@ -3401,10 +3428,11 @@ var CanvasListTreeCore = ({
     const borderHeight = 2;
     return contentLineHeight + paddingValue * 2 + borderHeight;
   }, [verticalNodePadding]);
-  const treeData = useMemo11(() => buildTreeData(canvases, gitStatusMap), [canvases, gitStatusMap]);
+  const treeData = useMemo11(() => buildTreeData(canvases, dashboards, gitStatusMap), [canvases, dashboards, gitStatusMap]);
   const NodeRenderer = (props) => {
     const { node } = props;
     const data = node.data;
+    const isDashboard = !!data.dashboard;
     const icon = data.type === "architecture-group" ? data.architectureGroupType === "resources-scopes" ? /* @__PURE__ */ React15.createElement(Layers, {
       size: 16
     }) : data.architectureGroupType === "spans" ? /* @__PURE__ */ React15.createElement(Network, {
@@ -3419,10 +3447,12 @@ var CanvasListTreeCore = ({
       size: 16
     }) : data.type === "overview" ? /* @__PURE__ */ React15.createElement(FileText, {
       size: 16
+    }) : isDashboard ? /* @__PURE__ */ React15.createElement(Gauge, {
+      size: 16
     }) : /* @__PURE__ */ React15.createElement(LayoutDashboard2, {
       size: 16
     });
-    const nameColor = data.type === "architecture-group" ? theme.colors.info || "#3b82f6" : data.type === "package" ? theme.colors.primary : data.type === "canvas-folder" ? theme.colors.textSecondary : data.type === "overview" ? theme.colors.info || "#3b82f6" : theme.colors.warning || "#f59e0b";
+    const nameColor = data.type === "architecture-group" ? theme.colors.info || "#3b82f6" : data.type === "package" ? theme.colors.primary : data.type === "canvas-folder" ? theme.colors.textSecondary : data.type === "overview" ? theme.colors.info || "#3b82f6" : isDashboard ? theme.colors.success || "#22c55e" : theme.colors.warning || "#f59e0b";
     const nodeHorizontalPadding = data.type === "overview" || data.type === "canvas" ? `calc(${horizontalNodePadding} + 12px)` : horizontalNodePadding;
     const rightContent = (() => {
       if (data.gitStatus && (data.type === "canvas" || data.type === "overview")) {
@@ -3458,20 +3488,34 @@ var CanvasListTreeCore = ({
   const lastSelectionRef = useRef6(null);
   const lastClickEventRef = useRef6(null);
   const handleSelect = (selectedNodes) => {
+    console.log("[CanvasListTreeCore] handleSelect called:", {
+      nodeCount: selectedNodes.length
+    });
     if (selectedNodes.length === 0)
       return;
     const node = selectedNodes[0];
     const nodeData = node.data;
+    console.log("[CanvasListTreeCore] Selected node:", {
+      id: nodeData.id,
+      name: nodeData.name,
+      type: nodeData.type,
+      hasDashboard: !!nodeData.dashboard,
+      hasCanvas: !!nodeData.canvas
+    });
     const now = Date.now();
     const lastSelection = lastSelectionRef.current;
     if (lastSelection && lastSelection.nodeId === nodeData.id && now - lastSelection.timestamp < 50) {
+      console.log("[CanvasListTreeCore] Skipping duplicate selection");
       return;
     }
     lastSelectionRef.current = { nodeId: nodeData.id, timestamp: now };
     if (nodeData.type === "overview" || nodeData.type === "canvas") {
+      console.log("[CanvasListTreeCore] Emitting onClick for node:", nodeData.id);
       const event = lastClickEventRef.current;
       lastClickEventRef.current = null;
       onClick(nodeData, event ?? undefined);
+    } else {
+      console.log("[CanvasListTreeCore] Not emitting onClick - node type is:", nodeData.type);
     }
   };
   const initialHeight = 600;

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

@@ -9,4 +9,16 @@ export declare const RootOnly: Story;
 export declare const Empty: Story;
 export declare const TerminalTheme: Story;
 export declare const MatrixTheme: Story;
+/**
+ * Demonstrates all architecture groups including:
+ * - Resources & Scopes (Layers icon)
+ * - Spans (Network icon)
+ * - Dashboards (BarChart3 icon)
+ * - Misc (Folder icon)
+ */
+export declare const ArchitectureGroups: Story;
+/**
+ * Dashboards only - shows just the Dashboards architecture group
+ */
+export declare const DashboardsOnly: Story;
 //# sourceMappingURL=CanvasListTree.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CanvasListTree.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasListTree/CanvasListTree.stories.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AA2G1D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAmCzC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAyBjD,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC"}
+{"version":3,"file":"CanvasListTree.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasListTree/CanvasListTree.stories.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAuL1D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAmCzC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAyBjD,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAWhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"CanvasListTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasListTree/CanvasListTreeCore.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAS/C,OAAO,KAAK,EAEV,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AAySjB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8N5D,CAAC"}
+{"version":3,"file":"CanvasListTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasListTree/CanvasListTreeCore.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAS/C,OAAO,KAAK,EAEV,mBAAmB,EAGpB,MAAM,SAAS,CAAC;AAuUjB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAoP5D,CAAC"}

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

@@ -1,13 +1,14 @@
 import type { Theme } from '@principal-ade/industry-theme';
-import type { DiscoveredCanvas } from '@principal-ai/principal-view-core';
+import type { DiscoveredCanvas, DiscoveredDashboard } from '@principal-ai/principal-view-core';
 import type { GitFileStatus, GitStatus } from '../../utils/gitStatus';
 import type { TreeNodeData, DragConfig } from '../TreeNode';
-export type { DiscoveredCanvas };
+export type { DiscoveredCanvas, DiscoveredDashboard };
 export type CanvasListNodeType = 'package' | 'architecture-group' | 'canvas-folder' | 'canvas' | 'overview';
 export interface CanvasListNodeData extends TreeNodeData {
     type: CanvasListNodeType;
     children?: CanvasListNodeData[];
     canvas?: DiscoveredCanvas;
+    dashboard?: DiscoveredDashboard;
     packageName?: string;
     scope?: 'package' | 'root';
     markdownPath?: string;
@@ -17,6 +18,8 @@ export interface CanvasListNodeData extends TreeNodeData {
 }
 export interface CanvasListTreeProps {
     canvases: DiscoveredCanvas[];
+    /** Dashboard files to display in the Dashboards group */
+    dashboards?: DiscoveredDashboard[];
     theme: Theme;
     onClick: (node: CanvasListNodeData, event?: React.MouseEvent) => void;
     /** Context menu handler - called on right-click of a node */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasListTree/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAE1E,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG5D,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAEjC,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,oBAAoB,GAAG,eAAe,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE5G,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,IAAI,EAAE,kBAAkB,CAAC;IACzB,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAGhC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gEAAgE;IAChE,qBAAqB,CAAC,EAAE,kBAAkB,GAAG,OAAO,GAAG,YAAY,GAAG,MAAM,CAAC;IAG7E,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACtE,6DAA6D;IAC7D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3C;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAG5B,aAAa,CAAC,EAAE,aAAa,EAAE,CAAC;IAGhC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,UAAU,GAAG,SAAS,CAAC;CACtE"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasListTree/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAE/F,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG5D,YAAY,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAC;AAEtD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,oBAAoB,GAAG,eAAe,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE5G,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,IAAI,EAAE,kBAAkB,CAAC;IACzB,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAGhC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gEAAgE;IAChE,qBAAqB,CAAC,EAAE,kBAAkB,GAAG,OAAO,GAAG,YAAY,GAAG,MAAM,CAAC;IAG7E,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,yDAAyD;IACzD,UAAU,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACnC,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACtE,6DAA6D;IAC7D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3C;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAG5B,aAAa,CAAC,EAAE,aAAa,EAAE,CAAC;IAGhC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,UAAU,GAAG,SAAS,CAAC;CACtE"}

package/package.json

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