@principal-ade/dynamic-file-tree 0.2.22 → 0.2.23

package/dist/index.mjs

@@ -3034,19 +3034,20 @@ var WorkflowScenarioTreeCore = ({
   }, NodeRenderer));
 };
 // src/components/CanvasListTree/CanvasListTreeCore.tsx
-import { Package as Package3, Folder, LayoutDashboard as LayoutDashboard2, FileText } from "lucide-react";
+import { Package as Package3, Folder, LayoutDashboard as LayoutDashboard2, FileText, Layers, Network } from "lucide-react";
 import React15, { useMemo as useMemo11, useRef as useRef6 } from "react";
 import { Tree as Tree5 } from "react-arborist";
 var buildTreeData = (canvases, gitStatusMap) => {
-  const packagesMap = new Map;
-  const rootCanvases = [];
+  const resourcesScopesCanvases = [];
+  const spansCanvases = [];
+  const regularCanvases = [];
   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);
+    if (canvas.type === "resources" || canvas.type === "scopes") {
+      resourcesScopesCanvases.push(canvas);
+    } else if (canvas.type === "spans") {
+      spansCanvases.push(canvas);
     } else {
-      rootCanvases.push(canvas);
+      regularCanvases.push(canvas);
     }
   }
   const buildCanvasNode = (canvas) => {
@@ -3078,47 +3079,84 @@ var buildTreeData = (canvases, gitStatusMap) => {
       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
-      });
+  const buildPackageGroupedCanvases = (canvasesToGroup) => {
+    const packagesMap = new Map;
+    const rootCanvasesList = [];
+    for (const canvas of canvasesToGroup) {
+      if (canvas.scope === "package" && canvas.packageName) {
+        const existing = packagesMap.get(canvas.packageName) || [];
+        existing.push(canvas);
+        packagesMap.set(canvas.packageName, existing);
+      } else {
+        rootCanvasesList.push(canvas);
+      }
     }
-    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
+    const hasMultiplePackages = packagesMap.size > 1;
+    const hasRootAndPackages = packagesMap.size > 0 && rootCanvasesList.length > 0;
+    const shouldShowPackageLevel = hasMultiplePackages || hasRootAndPackages;
+    if (shouldShowPackageLevel) {
+      const result2 = [];
+      for (const [packageName, packageCanvases] of packagesMap) {
+        const canvasNodes = packageCanvases.map(buildCanvasNode).sort((a, b) => a.name.localeCompare(b.name));
+        result2.push({
+          id: `package:${packageName}`,
+          name: packageName,
+          type: "package",
+          packageName,
+          scope: "package",
+          children: canvasNodes
+        });
+      }
+      if (rootCanvasesList.length > 0) {
+        const rootCanvasNodes = rootCanvasesList.map(buildCanvasNode).sort((a, b) => a.name.localeCompare(b.name));
+        result2.push({
+          id: "package:root",
+          name: "Root",
+          type: "package",
+          packageName: "root",
+          scope: "root",
+          children: rootCanvasNodes
+        });
+      }
+      return result2.sort((a, b) => {
+        if (a.packageName === "root")
+          return 1;
+        if (b.packageName === "root")
+          return -1;
+        return a.name.localeCompare(b.name);
       });
+    } else {
+      const allCanvases = [...rootCanvasesList];
+      for (const packageCanvases of packagesMap.values()) {
+        allCanvases.push(...packageCanvases);
+      }
+      return allCanvases.map(buildCanvasNode).sort((a, b) => a.name.localeCompare(b.name));
     }
-    return result.sort((a, b) => {
-      if (a.packageName === "root")
-        return 1;
-      if (b.packageName === "root")
-        return -1;
-      return a.name.localeCompare(b.name);
+  };
+  const result = [];
+  if (resourcesScopesCanvases.length > 0) {
+    const resourcesScopesNodes = resourcesScopesCanvases.map(buildCanvasNode).sort((a, b) => a.name.localeCompare(b.name));
+    result.push({
+      id: "architecture-group:resources-scopes",
+      name: "Resources & Scopes",
+      type: "architecture-group",
+      architectureGroupType: "resources-scopes",
+      children: resourcesScopesNodes
+    });
+  }
+  if (spansCanvases.length > 0) {
+    const spansNodes = spansCanvases.map(buildCanvasNode).sort((a, b) => a.name.localeCompare(b.name));
+    result.push({
+      id: "architecture-group:spans",
+      name: "Spans",
+      type: "architecture-group",
+      architectureGroupType: "spans",
+      children: spansNodes
     });
-  } 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));
   }
+  const regularNodes = buildPackageGroupedCanvases(regularCanvases);
+  result.push(...regularNodes);
+  return result;
 };
 var getDefaultCanvasDragConfig = (node) => {
   const DATA_TYPES = {
@@ -3238,7 +3276,11 @@ var CanvasListTreeCore = ({
   const NodeRenderer = (props) => {
     const { node } = props;
     const data = node.data;
-    const icon = data.type === "package" ? /* @__PURE__ */ React15.createElement(Package3, {
+    const icon = data.type === "architecture-group" ? data.architectureGroupType === "resources-scopes" ? /* @__PURE__ */ React15.createElement(Layers, {
+      size: 16
+    }) : /* @__PURE__ */ React15.createElement(Network, {
+      size: 16
+    }) : data.type === "package" ? /* @__PURE__ */ React15.createElement(Package3, {
       size: 16
     }) : data.type === "canvas-folder" ? /* @__PURE__ */ React15.createElement(Folder, {
       size: 16
@@ -3247,7 +3289,7 @@ var CanvasListTreeCore = ({
     }) : /* @__PURE__ */ React15.createElement(LayoutDashboard2, {
       size: 16
     });
-    const nameColor = data.type === "package" ? theme.colors.primary : data.type === "canvas-folder" ? theme.colors.textSecondary : data.type === "overview" ? theme.colors.info || "#3b82f6" : theme.colors.warning || "#f59e0b";
+    const 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 nodeHorizontalPadding = data.type === "overview" || data.type === "canvas" ? `calc(${horizontalNodePadding} + 12px)` : horizontalNodePadding;
     const rightContent = (() => {
       if (data.gitStatus && (data.type === "canvas" || data.type === "overview")) {

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;AAQ/C,OAAO,KAAK,EAEV,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AAuNjB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6L5D,CAAC"}
+{"version":3,"file":"CanvasListTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasListTree/CanvasListTreeCore.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAQ/C,OAAO,KAAK,EAEV,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AA8QjB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqM5D,CAAC"}

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

@@ -3,7 +3,7 @@ import type { DiscoveredCanvas } from '@principal-ai/principal-view-core';
 import type { GitFileStatus, GitStatus } from '../../utils/gitStatus';
 import type { TreeNodeData, DragConfig } from '../TreeNode';
 export type { DiscoveredCanvas };
-export type CanvasListNodeType = 'package' | 'canvas-folder' | 'canvas' | 'overview';
+export type CanvasListNodeType = 'package' | 'architecture-group' | 'canvas-folder' | 'canvas' | 'overview';
 export interface CanvasListNodeData extends TreeNodeData {
     type: CanvasListNodeType;
     children?: CanvasListNodeData[];
@@ -11,6 +11,8 @@ export interface CanvasListNodeData extends TreeNodeData {
     packageName?: string;
     scope?: 'package' | 'root';
     markdownPath?: string;
+    /** Architecture group type for grouping special canvas types */
+    architectureGroupType?: 'resources-scopes' | 'spans';
     gitStatus?: GitStatus;
 }
 export interface CanvasListTreeProps {

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,eAAe,GAAG,QAAQ,GAAG,UAAU,CAAC;AAErF,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,IAAI,EAAE,kBAAkB,CAAC;IACzB,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAGhC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3C;;;;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,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,CAAC;IAGrD,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3C;;;;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.22",
+  "version": "0.2.23",
   "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.24.58",
+    "@principal-ai/principal-view-core": "0.24.76",
     "@principal-ai/repository-abstraction": "^0.5.7",
     "@storybook/addon-docs": "^10.2.14",
     "@storybook/addon-onboarding": "^10.2.14",