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

package/dist/index.mjs

@@ -2213,41 +2213,56 @@ var buildTreeDataFromVersions = (versionSnapshots, workflowCoverageMap, filterMo
 };
 var getDefaultDragConfig = (node) => {
   const DATA_TYPES = {
-    FILE_PATH: "file-path",
-    DIRECTORY_PATH: "directory-path"
+    TEXT_SELECTION: "text-selection"
   };
   const DRAG_ACTIONS = {
     INSERT_PATH: "insert-path",
     OPEN: "open"
   };
+  const CLI = "npx @principal-ai/principal-view-cli@latest";
   switch (node.type) {
     case "canvas":
       if (node.canvas) {
+        const canvasType = node.canvas.type === "otel" ? "OTEL Canvas" : "Canvas";
+        const content = [
+          `# ${canvasType}: ${node.canvas.name}`,
+          `# View with: ${CLI} canvas view "${node.canvas.path}"`,
+          node.canvas.path
+        ].join(`
+`);
         return {
-          dataType: DATA_TYPES.FILE_PATH,
-          primaryData: node.canvas.path,
+          dataType: DATA_TYPES.TEXT_SELECTION,
+          primaryData: content,
           metadata: {
             name: node.canvas.name,
             type: "canvas",
             canvasType: node.canvas.type,
-            storyboardId: node.storyboard?.id
+            storyboardId: node.storyboard?.id,
+            path: node.canvas.path
           },
           suggestedActions: [DRAG_ACTIONS.INSERT_PATH, DRAG_ACTIONS.OPEN],
           sourcePanel: "storyboard-list",
-          dragPreview: `Canvas: ${node.canvas.name}`
+          dragPreview: `${canvasType}: ${node.canvas.name}`
         };
       }
       break;
     case "workflow":
       if (node.workflow) {
+        const content = [
+          `# Workflow: ${node.workflow.name}`,
+          `# Run with: ${CLI} workflow run "${node.workflow.path}"`,
+          node.workflow.path
+        ].join(`
+`);
         return {
-          dataType: DATA_TYPES.FILE_PATH,
-          primaryData: node.workflow.path,
+          dataType: DATA_TYPES.TEXT_SELECTION,
+          primaryData: content,
           metadata: {
             name: node.workflow.name,
             type: "workflow",
             storyboardId: node.storyboard?.id,
-            workflowId: node.workflow.id
+            workflowId: node.workflow.id,
+            path: node.workflow.path
           },
           suggestedActions: [DRAG_ACTIONS.INSERT_PATH, DRAG_ACTIONS.OPEN],
           sourcePanel: "storyboard-list",
@@ -2257,13 +2272,20 @@ var getDefaultDragConfig = (node) => {
       break;
     case "overview":
       if (node.markdownPath) {
+        const content = [
+          `# Overview: ${node.storyboard?.name || node.name}`,
+          `# Documentation: ${node.markdownPath}`,
+          node.markdownPath
+        ].join(`
+`);
         return {
-          dataType: DATA_TYPES.FILE_PATH,
-          primaryData: node.markdownPath,
+          dataType: DATA_TYPES.TEXT_SELECTION,
+          primaryData: content,
           metadata: {
             name: node.name,
             type: "overview",
-            storyboardId: node.storyboard?.id
+            storyboardId: node.storyboard?.id,
+            path: node.markdownPath
           },
           suggestedActions: [DRAG_ACTIONS.INSERT_PATH, DRAG_ACTIONS.OPEN],
           sourcePanel: "storyboard-list",
@@ -2273,14 +2295,22 @@ var getDefaultDragConfig = (node) => {
       break;
     case "storyboard":
       if (node.storyboard) {
+        const content = [
+          `# Storyboard: ${node.storyboard.name}`,
+          `# Contains ${node.storyboard.workflows.length} workflow(s)`,
+          `# Info: ${CLI} storyboard info "${node.storyboard.path}"`,
+          node.storyboard.path
+        ].join(`
+`);
         return {
-          dataType: DATA_TYPES.DIRECTORY_PATH,
-          primaryData: node.storyboard.path,
+          dataType: DATA_TYPES.TEXT_SELECTION,
+          primaryData: content,
           metadata: {
             name: node.storyboard.name,
             type: "storyboard",
             canvasPath: node.storyboard.canvas.path,
-            workflowCount: node.storyboard.workflows.length
+            workflowCount: node.storyboard.workflows.length,
+            path: node.storyboard.path
           },
           suggestedActions: [DRAG_ACTIONS.INSERT_PATH],
           sourcePanel: "storyboard-list",
@@ -2767,39 +2797,54 @@ var buildTreeData = (canvases, gitStatusMap) => {
 };
 var getDefaultCanvasDragConfig = (node) => {
   const DATA_TYPES = {
-    FILE_PATH: "file-path",
-    DIRECTORY_PATH: "directory-path"
+    TEXT_SELECTION: "text-selection"
   };
   const DRAG_ACTIONS = {
     INSERT_PATH: "insert-path",
     OPEN: "open"
   };
+  const CLI = "npx @principal-ai/principal-view-cli@latest";
   switch (node.type) {
     case "canvas":
       if (node.canvas) {
+        const canvasType = node.canvas.type === "otel" ? "OTEL Canvas" : "Canvas";
+        const content = [
+          `# ${canvasType}: ${node.canvas.name}`,
+          `# View with: ${CLI} canvas view "${node.canvas.path}"`,
+          node.canvas.path
+        ].join(`
+`);
         return {
-          dataType: DATA_TYPES.FILE_PATH,
-          primaryData: node.canvas.path,
+          dataType: DATA_TYPES.TEXT_SELECTION,
+          primaryData: content,
           metadata: {
             name: node.canvas.name,
             type: "canvas",
-            canvasType: node.canvas.type
+            canvasType: node.canvas.type,
+            path: node.canvas.path
           },
           suggestedActions: [DRAG_ACTIONS.INSERT_PATH, DRAG_ACTIONS.OPEN],
           sourcePanel: "canvas-list",
-          dragPreview: `Canvas: ${node.canvas.name}`
+          dragPreview: `${canvasType}: ${node.canvas.name}`
         };
       }
       break;
     case "overview":
       if (node.markdownPath) {
+        const content = [
+          `# Overview: ${node.canvas?.name || node.name}`,
+          `# Documentation: ${node.markdownPath}`,
+          node.markdownPath
+        ].join(`
+`);
         return {
-          dataType: DATA_TYPES.FILE_PATH,
-          primaryData: node.markdownPath,
+          dataType: DATA_TYPES.TEXT_SELECTION,
+          primaryData: content,
           metadata: {
             name: node.name,
             type: "overview",
-            canvasId: node.canvas?.id
+            canvasId: node.canvas?.id,
+            path: node.markdownPath
           },
           suggestedActions: [DRAG_ACTIONS.INSERT_PATH, DRAG_ACTIONS.OPEN],
           sourcePanel: "canvas-list",
@@ -2810,13 +2855,20 @@ var getDefaultCanvasDragConfig = (node) => {
     case "canvas-folder":
       if (node.canvas) {
         const folderPath = node.canvas.path.replace(/\/[^/]+$/, "");
+        const content = [
+          `# Canvas Folder: ${node.canvas.name}`,
+          `# Info: ${CLI} canvas info "${node.canvas.path}"`,
+          folderPath
+        ].join(`
+`);
         return {
-          dataType: DATA_TYPES.DIRECTORY_PATH,
-          primaryData: folderPath,
+          dataType: DATA_TYPES.TEXT_SELECTION,
+          primaryData: content,
           metadata: {
             name: node.canvas.name,
             type: "canvas-folder",
-            canvasPath: node.canvas.path
+            canvasPath: node.canvas.path,
+            path: folderPath
           },
           suggestedActions: [DRAG_ACTIONS.INSERT_PATH],
           sourcePanel: "canvas-list",

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;AAgMjB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqK5D,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;AAuNjB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqK5D,CAAC"}

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

@@ -30,4 +30,5 @@ export declare const WithGitStatus: Story;
 export declare const GitStatusAllTypes: Story;
 export declare const GitStatusWithVersionGrouping: Story;
 export declare const GitStatusMixedScenarios: Story;
+export declare const DragAndDropTest: Story;
 //# sourceMappingURL=StoryboardWorkflowsTree.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"StoryboardWorkflowsTree.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTree.stories.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAyP5E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,2BAA2B,CAOlD,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,2BAA2B,CAAC,CAAC;AAE1D,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAuE7B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAkEpC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAgE7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAwB/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAiBlC,CAAC;AA4CF,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAqEvC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAyFvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAiH9B,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KA2GzC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAyEzC,CAAC;AAMF,eAAO,MAAM,aAAa,EAAE,KAwF3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA0H/B,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAwF1C,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAuIrC,CAAC"}
+{"version":3,"file":"StoryboardWorkflowsTree.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTree.stories.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAyP5E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,2BAA2B,CAOlD,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,2BAA2B,CAAC,CAAC;AAE1D,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAuE7B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAkEpC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAgE7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAwB/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAiBlC,CAAC;AA4CF,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAqEvC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAyFvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAiH9B,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KA2GzC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAyEzC,CAAC;AAMF,eAAO,MAAM,aAAa,EAAE,KAwF3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA0H/B,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAwF1C,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAuIrC,CAAC;AAMF,eAAO,MAAM,eAAe,EAAE,KAqK7B,CAAC"}

package/dist/src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StoryboardWorkflowsTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAQ/C,OAAO,KAAK,EAEV,4BAA4B,EAK7B,MAAM,SAAS,CAAC;AA6VjB,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAyO9E,CAAC"}
+{"version":3,"file":"StoryboardWorkflowsTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAQ/C,OAAO,KAAK,EAEV,4BAA4B,EAK7B,MAAM,SAAS,CAAC;AA4XjB,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAyO9E,CAAC"}

package/package.json

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