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

package/dist/index.d.ts

@@ -3,7 +3,7 @@ export { getDndProps } from './src/hooks/useDndManager';
 export { DirectoryFilterInput } from './src/components/DirectoryFilterInput';
 export type { DirectoryFilter, DirectoryFilterInputProps } from './src/components/DirectoryFilterInput';
 export { TreeNode } from './src/components/TreeNode';
-export type { TreeNodeProps, TreeNodeData } from './src/components/TreeNode';
+export type { TreeNodeProps, TreeNodeData, DragConfig } from './src/components/TreeNode';
 export { DynamicFileTree } from './src/components/DynamicFileTree';
 export type { DynamicFileTreeProps } from './src/components/DynamicFileTree';
 export { OrderedFileList } from './src/components/OrderedFileList';

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,EACvB,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,oBAAoB,EACpB,kBAAkB,EAClB,6BAA6B,GAC9B,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AAGpF,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AACjF,YAAY,EACV,yBAAyB,EACzB,wBAAwB,EACxB,wBAAwB,EACxB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,uCAAuC,CAAC;AAG/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,YAAY,EACV,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,uCAAuC,CAAC;AAG/C,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;AAG7E,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,GACjB,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,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAGzF,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,EACvB,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,oBAAoB,EACpB,kBAAkB,EAClB,6BAA6B,GAC9B,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AAGpF,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AACjF,YAAY,EACV,yBAAyB,EACzB,wBAAwB,EACxB,wBAAwB,EACxB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,uCAAuC,CAAC;AAG/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,YAAY,EACV,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,uCAAuC,CAAC;AAG/C,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;AAG7E,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,GACjB,MAAM,uBAAuB,CAAC"}

package/dist/index.mjs

@@ -251,7 +251,8 @@ var DirectoryFilterInput = ({
 };
 // src/components/TreeNode.tsx
 import { ChevronRight, ChevronDown } from "lucide-react";
-import React2, { useState as useState3 } from "react";
+import React2, { useState as useState3, useCallback as useCallback2 } from "react";
+var PANEL_DATA_MIME_TYPE = "application/x-panel-data";
 function TreeNode({
   node,
   style,
@@ -265,10 +266,48 @@ function TreeNode({
   verticalNodePadding = "3px",
   onContextMenu,
   onHover,
-  leftIcon
+  leftIcon,
+  dragConfig
 }) {
   const [isHovered, setIsHovered] = useState3(false);
+  const [isDragging, setIsDragging] = useState3(false);
   const isFolder = node.isInternal;
+  const handleDragStart = useCallback2((e) => {
+    if (!dragConfig)
+      return;
+    const panelDragData = {
+      dataType: dragConfig.dataType,
+      primaryData: dragConfig.primaryData,
+      metadata: dragConfig.metadata,
+      suggestedActions: dragConfig.suggestedActions,
+      sourcePanel: dragConfig.sourcePanel
+    };
+    e.dataTransfer.setData(PANEL_DATA_MIME_TYPE, JSON.stringify(panelDragData));
+    e.dataTransfer.setData("text/plain", dragConfig.primaryData);
+    e.dataTransfer.effectAllowed = "copyMove";
+    if (dragConfig.dragPreview) {
+      const dragPreview = document.createElement("div");
+      dragPreview.textContent = dragConfig.dragPreview;
+      dragPreview.style.cssText = `
+        position: absolute;
+        top: -1000px;
+        padding: 4px 8px;
+        background: ${theme.colors.backgroundSecondary};
+        border: 1px solid ${theme.colors.border};
+        border-radius: 4px;
+        font-size: 12px;
+        color: ${theme.colors.text};
+        white-space: nowrap;
+      `;
+      document.body.appendChild(dragPreview);
+      e.dataTransfer.setDragImage(dragPreview, 0, 0);
+      setTimeout(() => document.body.removeChild(dragPreview), 0);
+    }
+    setIsDragging(true);
+  }, [dragConfig, theme]);
+  const handleDragEnd = useCallback2(() => {
+    setIsDragging(false);
+  }, []);
   const leftElement = leftIcon ? /* @__PURE__ */ React2.createElement("span", {
     style: { marginRight: "6px", display: "flex", alignItems: "center" }
   }, leftIcon) : isFolder ? /* @__PURE__ */ React2.createElement("span", {
@@ -283,13 +322,14 @@ function TreeNode({
   const backgroundColor = node.isSelected ? `${theme.colors.primary}20` : isSelectedDirectory ? `${theme.colors.primary}15` : isHovered ? `${theme.colors.text}10` : "transparent";
   const border = node.isSelected ? `1px solid ${theme.colors.primary}` : "1px solid transparent";
   const color = nameColor ? nameColor : node.isSelected || isSelectedDirectory ? theme.colors.primary : theme.colors.text;
+  const isDraggable = !!dragConfig;
   return /* @__PURE__ */ React2.createElement("div", {
     style: {
       ...style,
       backgroundColor,
       border,
       color,
-      cursor: "pointer",
+      cursor: isDraggable ? isDragging ? "grabbing" : "grab" : "pointer",
       paddingLeft: `calc(${horizontalNodePadding} + ${node.level * 16}px)`,
       paddingRight: horizontalNodePadding,
       paddingTop: verticalNodePadding,
@@ -298,9 +338,14 @@ function TreeNode({
       alignItems: "center",
       justifyContent: "space-between",
       boxSizing: "border-box",
-      lineHeight: "20px"
+      lineHeight: "20px",
+      opacity: isDragging ? 0.5 : 1,
+      transition: "opacity 0.2s ease"
     },
     ref: dragHandle,
+    draggable: isDraggable,
+    onDragStart: isDraggable ? handleDragStart : undefined,
+    onDragEnd: isDraggable ? handleDragEnd : undefined,
     onClick: () => node.isInternal ? node.toggle() : node.select(),
     onContextMenu: (e) => {
       if (onContextMenu) {
@@ -2166,6 +2211,118 @@ var buildTreeDataFromVersions = (versionSnapshots, workflowCoverageMap, filterMo
   }
   return result;
 };
+var getDefaultDragConfig = (node) => {
+  const DATA_TYPES = {
+    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.TEXT_SELECTION,
+          primaryData: content,
+          metadata: {
+            name: node.canvas.name,
+            type: "canvas",
+            canvasType: node.canvas.type,
+            storyboardId: node.storyboard?.id,
+            path: node.canvas.path
+          },
+          suggestedActions: [DRAG_ACTIONS.INSERT_PATH, DRAG_ACTIONS.OPEN],
+          sourcePanel: "storyboard-list",
+          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.TEXT_SELECTION,
+          primaryData: content,
+          metadata: {
+            name: node.workflow.name,
+            type: "workflow",
+            storyboardId: node.storyboard?.id,
+            workflowId: node.workflow.id,
+            path: node.workflow.path
+          },
+          suggestedActions: [DRAG_ACTIONS.INSERT_PATH, DRAG_ACTIONS.OPEN],
+          sourcePanel: "storyboard-list",
+          dragPreview: `Workflow: ${node.workflow.name}`
+        };
+      }
+      break;
+    case "overview":
+      if (node.markdownPath) {
+        const content = [
+          `# Overview: ${node.storyboard?.name || node.name}`,
+          `# Documentation: ${node.markdownPath}`,
+          node.markdownPath
+        ].join(`
+`);
+        return {
+          dataType: DATA_TYPES.TEXT_SELECTION,
+          primaryData: content,
+          metadata: {
+            name: node.name,
+            type: "overview",
+            storyboardId: node.storyboard?.id,
+            path: node.markdownPath
+          },
+          suggestedActions: [DRAG_ACTIONS.INSERT_PATH, DRAG_ACTIONS.OPEN],
+          sourcePanel: "storyboard-list",
+          dragPreview: `Overview: ${node.storyboard?.name || node.name}`
+        };
+      }
+      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.TEXT_SELECTION,
+          primaryData: content,
+          metadata: {
+            name: node.storyboard.name,
+            type: "storyboard",
+            canvasPath: node.storyboard.canvas.path,
+            workflowCount: node.storyboard.workflows.length,
+            path: node.storyboard.path
+          },
+          suggestedActions: [DRAG_ACTIONS.INSERT_PATH],
+          sourcePanel: "storyboard-list",
+          dragPreview: `Storyboard: ${node.storyboard.name}`
+        };
+      }
+      break;
+    default:
+      return;
+  }
+  return;
+};
 var StoryboardWorkflowsTreeCore = ({
   storyboards,
   theme,
@@ -2181,7 +2338,9 @@ var StoryboardWorkflowsTreeCore = ({
   versionSnapshots,
   workflowFilterMode = "all",
   traceWorkflowsSet,
-  gitStatusData
+  gitStatusData,
+  enablePanelDrag = false,
+  getDragConfig
 }) => {
   const dndProps = getDndProps(enableDragAndDrop);
   const gitStatusMap = useMemo9(() => {
@@ -2265,6 +2424,7 @@ var StoryboardWorkflowsTreeCore = ({
         style: { display: "flex", alignItems: "center" }
       }, indicators) : undefined;
     })();
+    const dragConfig = enablePanelDrag ? getDragConfig ? getDragConfig(data) : getDefaultDragConfig(data) : undefined;
     return /* @__PURE__ */ React12.createElement(TreeNode, {
       ...props,
       theme,
@@ -2272,7 +2432,8 @@ var StoryboardWorkflowsTreeCore = ({
       leftIcon: icon,
       rightContent,
       horizontalNodePadding: nodeHorizontalPadding,
-      verticalNodePadding
+      verticalNodePadding,
+      dragConfig
     });
   };
   const lastSelectionRef = useRef5(null);
@@ -2634,6 +2795,92 @@ var buildTreeData = (canvases, gitStatusMap) => {
     return allCanvases.map(buildCanvasNode).sort((a, b) => a.name.localeCompare(b.name));
   }
 };
+var getDefaultCanvasDragConfig = (node) => {
+  const DATA_TYPES = {
+    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.TEXT_SELECTION,
+          primaryData: content,
+          metadata: {
+            name: node.canvas.name,
+            type: "canvas",
+            canvasType: node.canvas.type,
+            path: node.canvas.path
+          },
+          suggestedActions: [DRAG_ACTIONS.INSERT_PATH, DRAG_ACTIONS.OPEN],
+          sourcePanel: "canvas-list",
+          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.TEXT_SELECTION,
+          primaryData: content,
+          metadata: {
+            name: node.name,
+            type: "overview",
+            canvasId: node.canvas?.id,
+            path: node.markdownPath
+          },
+          suggestedActions: [DRAG_ACTIONS.INSERT_PATH, DRAG_ACTIONS.OPEN],
+          sourcePanel: "canvas-list",
+          dragPreview: `Overview: ${node.canvas?.name || node.name}`
+        };
+      }
+      break;
+    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.TEXT_SELECTION,
+          primaryData: content,
+          metadata: {
+            name: node.canvas.name,
+            type: "canvas-folder",
+            canvasPath: node.canvas.path,
+            path: folderPath
+          },
+          suggestedActions: [DRAG_ACTIONS.INSERT_PATH],
+          sourcePanel: "canvas-list",
+          dragPreview: `Folder: ${node.canvas.name}`
+        };
+      }
+      break;
+    default:
+      return;
+  }
+  return;
+};
 var CanvasListTreeCore = ({
   canvases,
   theme,
@@ -2645,7 +2892,9 @@ var CanvasListTreeCore = ({
   verticalNodePadding = "6px",
   verticalPadding = "20px",
   enableDragAndDrop = false,
-  gitStatusData
+  gitStatusData,
+  enablePanelDrag = false,
+  getDragConfig
 }) => {
   const dndProps = getDndProps(enableDragAndDrop);
   const gitStatusMap = useMemo11(() => {
@@ -2683,6 +2932,7 @@ var CanvasListTreeCore = ({
       }
       return;
     })();
+    const dragConfig = enablePanelDrag ? getDragConfig ? getDragConfig(data) : getDefaultCanvasDragConfig(data) : undefined;
     return /* @__PURE__ */ React14.createElement(TreeNode, {
       ...props,
       theme,
@@ -2690,7 +2940,8 @@ var CanvasListTreeCore = ({
       leftIcon: icon,
       rightContent,
       horizontalNodePadding: nodeHorizontalPadding,
-      verticalNodePadding
+      verticalNodePadding,
+      dragConfig
     });
   };
   const lastSelectionRef = useRef6(null);

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;AAuHjB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6J5D,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/CanvasListTree/types.d.ts

@@ -1,7 +1,7 @@
 import type { Theme } from '@principal-ade/industry-theme';
 import type { DiscoveredCanvas } from '@principal-ai/principal-view-core';
 import type { GitFileStatus, GitStatus } from '../../utils/gitStatus';
-import type { TreeNodeData } from '../TreeNode';
+import type { TreeNodeData, DragConfig } from '../TreeNode';
 export type { DiscoveredCanvas };
 export type CanvasListNodeType = 'package' | 'canvas-folder' | 'canvas' | 'overview';
 export interface CanvasListNodeData extends TreeNodeData {
@@ -25,5 +25,16 @@ export interface CanvasListTreeProps {
     verticalPadding?: string;
     enableDragAndDrop?: boolean;
     gitStatusData?: GitFileStatus[];
+    /**
+     * Enable dragging nodes to other panels (e.g., terminal).
+     * When enabled, nodes will transfer their path/data using the panel-framework-core format.
+     */
+    enablePanelDrag?: boolean;
+    /**
+     * Optional callback to customize the drag config for each node.
+     * If not provided, default configs are generated based on node type.
+     * Return undefined to disable dragging for a specific node.
+     */
+    getDragConfig?: (node: CanvasListNodeData) => DragConfig | undefined;
 }
 //# sourceMappingURL=types.d.ts.map

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,MAAM,aAAa,CAAC;AAGhD,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,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;CACjC"}
+{"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,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/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;AAkQjB,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAiO9E,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/dist/src/components/StoryboardWorkflowsTree/types.d.ts

@@ -1,7 +1,7 @@
 import type { Theme } from '@principal-ade/industry-theme';
 import type { DiscoveredStoryboard, DiscoveredCanvas, DiscoveredWorkflow, DiscoveredWorkflowWithContent, WorkflowTemplate, VersionSnapshot } from '@principal-ai/principal-view-core';
 import type { GitFileStatus, GitStatus } from '../../utils/gitStatus';
-import type { TreeNodeData } from '../TreeNode';
+import type { TreeNodeData, DragConfig } from '../TreeNode';
 export type { DiscoveredStoryboard, DiscoveredCanvas, DiscoveredWorkflow, DiscoveredWorkflowWithContent, WorkflowTemplate, VersionSnapshot };
 export type StoryboardWorkflowNodeType = 'version' | 'package' | 'storyboard' | 'overview' | 'canvas' | 'workflows' | 'workflow';
 /**
@@ -51,5 +51,16 @@ export interface StoryboardWorkflowsTreeProps {
     workflowFilterMode?: StoryboardFilterMode;
     traceWorkflowsSet?: Set<string>;
     gitStatusData?: GitFileStatus[];
+    /**
+     * Enable dragging nodes to other panels (e.g., terminal).
+     * When enabled, nodes will transfer their path/data using the panel-framework-core format.
+     */
+    enablePanelDrag?: boolean;
+    /**
+     * Optional callback to customize the drag config for each node.
+     * If not provided, default configs are generated based on node type.
+     * Return undefined to disable dragging for a specific node.
+     */
+    getDragConfig?: (node: StoryboardWorkflowNodeData) => DragConfig | undefined;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryboardWorkflowsTree/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,6BAA6B,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEtL,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,6BAA6B,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC;AAE7I,MAAM,MAAM,0BAA0B,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,CAAC;AAEjI;;;;;GAKG;AACH,MAAM,MAAM,oBAAoB,GAAG,KAAK,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAE5E,MAAM,WAAW,0BAA2B,SAAQ,YAAY;IAC9D,IAAI,EAAE,0BAA0B,CAAC;IACjC,QAAQ,CAAC,EAAE,0BAA0B,EAAE,CAAC;IAGxC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAI1B,QAAQ,CAAC,EAAE,kBAAkB,GAAG,6BAA6B,CAAC;IAE9D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,0BAA0B,GAC/B,IAAI,IAAI,0BAA0B,GAAG;IAAE,QAAQ,EAAE,6BAA6B,CAAA;CAAE,CAMlF;AAED,MAAM,WAAW,4BAA4B;IAC3C,WAAW,EAAE,oBAAoB,EAAE,CAAC;IACpC,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,0BAA0B,KAAK,IAAI,CAAC;IACpD,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;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAG9C,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,kBAAkB,CAAC,EAAE,oBAAoB,CAAC;IAC1C,iBAAiB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAGhC,aAAa,CAAC,EAAE,aAAa,EAAE,CAAC;CACjC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryboardWorkflowsTree/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,6BAA6B,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEtL,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG5D,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,6BAA6B,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC;AAE7I,MAAM,MAAM,0BAA0B,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,CAAC;AAEjI;;;;;GAKG;AACH,MAAM,MAAM,oBAAoB,GAAG,KAAK,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAE5E,MAAM,WAAW,0BAA2B,SAAQ,YAAY;IAC9D,IAAI,EAAE,0BAA0B,CAAC;IACjC,QAAQ,CAAC,EAAE,0BAA0B,EAAE,CAAC;IAGxC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAI1B,QAAQ,CAAC,EAAE,kBAAkB,GAAG,6BAA6B,CAAC;IAE9D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,0BAA0B,GAC/B,IAAI,IAAI,0BAA0B,GAAG;IAAE,QAAQ,EAAE,6BAA6B,CAAA;CAAE,CAMlF;AAED,MAAM,WAAW,4BAA4B;IAC3C,WAAW,EAAE,oBAAoB,EAAE,CAAC;IACpC,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,0BAA0B,KAAK,IAAI,CAAC;IACpD,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;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAG9C,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,kBAAkB,CAAC,EAAE,oBAAoB,CAAC;IAC1C,iBAAiB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAGhC,aAAa,CAAC,EAAE,aAAa,EAAE,CAAC;IAGhC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,0BAA0B,KAAK,UAAU,GAAG,SAAS,CAAC;CAC9E"}

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

@@ -7,6 +7,24 @@ export interface TreeNodeData {
     children?: TreeNodeData[];
     [key: string]: unknown;
 }
+/**
+ * Configuration for making a tree node draggable to other panels.
+ * Uses the panel-framework-core drag data format for cross-panel communication.
+ */
+export interface DragConfig {
+    /** The type of data being dragged (e.g., 'file-path', 'directory-path', 'text-selection') */
+    dataType: string;
+    /** The primary data to transfer (e.g., the file path) */
+    primaryData: string;
+    /** Optional metadata to include with the drag data */
+    metadata?: Record<string, unknown>;
+    /** Suggested actions for the target (e.g., ['insert-path', 'open']) */
+    suggestedActions?: string[];
+    /** Source panel identifier */
+    sourcePanel?: string;
+    /** Text shown during drag preview */
+    dragPreview?: string;
+}
 export interface TreeNodeProps<T extends TreeNodeData> extends NodeRendererProps<T> {
     theme: Theme;
     rightContent?: ReactNode;
@@ -18,6 +36,8 @@ export interface TreeNodeProps<T extends TreeNodeData> extends NodeRendererProps
     onContextMenu?: (event: React.MouseEvent, node: NodeRendererProps<T>['node']) => void;
     onHover?: (isHovered: boolean, node: NodeRendererProps<T>['node']) => void;
     leftIcon?: ReactNode;
+    /** Configuration for making this node draggable to other panels */
+    dragConfig?: DragConfig;
 }
-export declare function TreeNode<T extends TreeNodeData>({ node, style, dragHandle, theme, rightContent, extraContent, isSelectedDirectory, nameColor, horizontalNodePadding, verticalNodePadding, onContextMenu, onHover, leftIcon, }: TreeNodeProps<T>): React.JSX.Element;
+export declare function TreeNode<T extends TreeNodeData>({ node, style, dragHandle, theme, rightContent, extraContent, isSelectedDirectory, nameColor, horizontalNodePadding, verticalNodePadding, onContextMenu, onHover, leftIcon, dragConfig, }: TreeNodeProps<T>): React.JSX.Element;
 //# sourceMappingURL=TreeNode.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TreeNode.d.ts","sourceRoot":"","sources":["../../../src/components/TreeNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAE3D,OAAO,KAAK,EAAE,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,YAAY,CAAE,SAAQ,iBAAiB,CAAC,CAAC,CAAC;IACjF,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACtF,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC3E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,YAAY,EAAE,EAC/C,IAAI,EACJ,KAAK,EACL,UAAU,EACV,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,mBAA2B,EAC3B,SAAS,EACT,qBAA6B,EAC7B,mBAA2B,EAC3B,aAAa,EACb,OAAO,EACP,QAAQ,GACT,EAAE,aAAa,CAAC,CAAC,CAAC,qBAiGlB"}
+{"version":3,"file":"TreeNode.d.ts","sourceRoot":"","sources":["../../../src/components/TreeNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAE3D,OAAO,KAAK,EAAE,EAAY,SAAS,EAAe,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB,6FAA6F;IAC7F,QAAQ,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,WAAW,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,YAAY,CAAE,SAAQ,iBAAiB,CAAC,CAAC,CAAC;IACjF,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACtF,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC3E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,mEAAmE;IACnE,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAKD,wBAAgB,QAAQ,CAAC,CAAC,SAAS,YAAY,EAAE,EAC/C,IAAI,EACJ,KAAK,EACL,UAAU,EACV,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,mBAA2B,EAC3B,SAAS,EACT,qBAA6B,EAC7B,mBAA2B,EAC3B,aAAa,EACb,OAAO,EACP,QAAQ,EACR,UAAU,GACX,EAAE,aAAa,CAAC,CAAC,CAAC,qBAwJlB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@principal-ade/dynamic-file-tree",
-  "version": "0.1.69",
+  "version": "0.1.71",
   "description": "React component for selective directory filtering and file tree visualization",
   "type": "module",
   "main": "dist/index.mjs",
@@ -17,7 +17,7 @@
   },
   "scripts": {
     "build": "bun run clean && bun run build:esm && bun run build:types",
-    "build:esm": "bun build ./index.ts --outfile ./dist/index.mjs --format esm --target browser --external react --external react-dom --external lucide-react --external react-arborist --external @principal-ade/industry-theme --external @principal-ai/repository-abstraction --external @principal-ai/principal-view-core",
+    "build:esm": "bun build ./index.ts --outfile ./dist/index.mjs --format esm --target browser --external react --external react-dom --external lucide-react --external react-arborist --external @principal-ade/industry-theme --external @principal-ade/panel-framework-core --external @principal-ai/repository-abstraction --external @principal-ai/principal-view-core",
     "build:types": "tsc --emitDeclarationOnly --declaration --declarationMap",
     "dev": "bun run build --watch",
     "test": "bun test",
@@ -48,6 +48,7 @@
   },
   "peerDependencies": {
     "@principal-ade/industry-theme": ">=0.1.0",
+    "@principal-ade/panel-framework-core": ">=0.4.0",
     "@principal-ai/principal-view-core": "^0.24.8",
     "@principal-ai/repository-abstraction": "^0.5.7",
     "lucide-react": ">=0.263.0",
@@ -58,6 +59,9 @@
     "@principal-ade/industry-theme": {
       "optional": false
     },
+    "@principal-ade/panel-framework-core": {
+      "optional": true
+    },
     "react": {
       "optional": true
     },
@@ -71,6 +75,7 @@
   "devDependencies": {
     "@eslint/js": "^9.32.0",
     "@principal-ade/industry-theme": "^0.1.0",
+    "@principal-ade/panel-framework-core": "^0.4.2",
     "@principal-ai/principal-view-core": "^0.24.8",
     "@principal-ai/repository-abstraction": "^0.5.7",
     "@storybook/addon-docs": "^10.0.0",