@industry-theme/principal-view-panels 0.12.21 → 0.12.23

package/dist/panels/CanvasEditorPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasEditorPanel.d.ts","sourceRoot":"","sources":["../../src/panels/CanvasEditorPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAI5D,OAAO,KAAK,EAAyE,gBAAgB,EAAoC,MAAM,mCAAmC,CAAC;AAKnL,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AA8BrE;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,2BAA2B;IACzE;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,cAAc,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAEjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAE3C;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEnC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAEnC;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC;QACrB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;QAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC,CAAC;IAEH;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAwhC9D,CAAC"}
+{"version":3,"file":"CanvasEditorPanel.d.ts","sourceRoot":"","sources":["../../src/panels/CanvasEditorPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAI5D,OAAO,KAAK,EAAyE,gBAAgB,EAAoC,MAAM,mCAAmC,CAAC;AAKnL,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AA8BrE;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,2BAA2B;IACzE;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,cAAc,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAEjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAE3C;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEnC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAEnC;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC;QACrB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;QAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC,CAAC;IAEH;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAunC9D,CAAC"}

package/dist/panels.bundle.js

@@ -94555,6 +94555,7 @@ const CanvasEditorPanel = ({
     return ((_a2 = slice == null ? void 0 : slice.data) == null ? void 0 : _a2.sha) || null;
   }, [context2]);
   const [pathCopied, setPathCopied] = useState(false);
+  const [copiedNodesCount, setCopiedNodesCount] = useState(null);
   const loadConfiguration = useCallback(async () => {
     if (!canvasPath) {
       setState((prev) => ({ ...prev, canvas: null, library: null, loading: false, error: null }));
@@ -94629,6 +94630,54 @@ const CanvasEditorPanel = ({
       setTimeout(() => setPathCopied(false), 2e3);
     });
   }, [canvasPath]);
+  const handleCopyNodes = useCallback((selectedNodeIds) => {
+    var _a2;
+    if (!state.canvas || selectedNodeIds.length === 0) return;
+    const selectedSet = new Set(selectedNodeIds);
+    const nodes = selectedNodeIds.map((nodeId) => {
+      var _a3, _b2;
+      const node2 = (_a3 = state.canvas.nodes) == null ? void 0 : _a3.find((n) => n.id === nodeId);
+      if (!node2) return null;
+      const pv = node2.pv;
+      let label = (pv == null ? void 0 : pv.name) || nodeId;
+      if ("text" in node2 && node2.text && !(pv == null ? void 0 : pv.name)) {
+        label = node2.text.split("\n")[0].trim() || nodeId;
+      }
+      return {
+        id: node2.id,
+        type: node2.type,
+        label,
+        ...(pv == null ? void 0 : pv.nodeType) && { nodeType: pv.nodeType },
+        ...(pv == null ? void 0 : pv.description) && { description: pv.description },
+        ...(pv == null ? void 0 : pv.icon) && { icon: pv.icon },
+        ...(pv == null ? void 0 : pv.eventRef) && { eventRef: pv.eventRef },
+        ...((_b2 = pv == null ? void 0 : pv.event) == null ? void 0 : _b2.name) && { eventName: pv.event.name },
+        ...(pv == null ? void 0 : pv.sources) && pv.sources.length > 0 && { sources: pv.sources }
+      };
+    }).filter(Boolean);
+    const edges = (state.canvas.edges || []).filter((edge) => selectedSet.has(edge.fromNode) && selectedSet.has(edge.toNode)).map((edge) => {
+      var _a3;
+      return {
+        from: edge.fromNode,
+        to: edge.toNode,
+        ...((_a3 = edge.pv) == null ? void 0 : _a3.edgeType) && { type: edge.pv.edgeType }
+      };
+    });
+    const copyContext = {
+      canvas: {
+        path: canvasPath || "unknown",
+        name: canvasName || ((_a2 = state.canvas.pv) == null ? void 0 : _a2.name) || "Untitled"
+      },
+      nodes,
+      ...edges.length > 0 && { edges }
+    };
+    navigator.clipboard.writeText(JSON.stringify(copyContext, null, 2)).then(() => {
+      setCopiedNodesCount(nodes.length);
+      setTimeout(() => setCopiedNodesCount(null), 2e3);
+    }).catch((err) => {
+      console.error("[CanvasEditorPanel] Failed to copy nodes:", err);
+    });
+  }, [state.canvas, canvasPath, canvasName]);
   const toggleEditMode = useCallback(() => {
     setState((prev) => {
       if (prev.isEditMode && prev.hasUnsavedChanges) {
@@ -95124,6 +95173,7 @@ const CanvasEditorPanel = ({
                 onPendingChangesChange: (hasChanges) => {
                   setState((prev) => ({ ...prev, hasUnsavedChanges: hasChanges }));
                 },
+                onCopy: handleCopyNodes,
                 showBackground: state.showGridLines,
                 backgroundVariant: "lines",
                 showControls: true,
@@ -95291,6 +95341,35 @@ const CanvasEditorPanel = ({
                 color: theme2.colors.textMuted,
                 fontStyle: "italic"
               }, children: "No edge types defined" })
+            ] }),
+            copiedNodesCount !== null && /* @__PURE__ */ jsxs("div", { style: {
+              position: "absolute",
+              bottom: 16,
+              left: "50%",
+              transform: "translateX(-50%)",
+              display: "flex",
+              alignItems: "center",
+              gap: theme2.space[2],
+              padding: `${theme2.space[2]} ${theme2.space[3]}`,
+              backgroundColor: theme2.colors.backgroundSecondary,
+              border: `1px solid ${theme2.colors.border}`,
+              borderRadius: theme2.radii[1],
+              boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)",
+              zIndex: 50,
+              animation: "fadeIn 0.15s ease-out"
+            }, children: [
+              /* @__PURE__ */ jsx(Check, { size: 14, style: { color: theme2.colors.success || "#22c55e" } }),
+              /* @__PURE__ */ jsxs("span", { style: {
+                fontSize: theme2.fontSizes[1],
+                color: theme2.colors.text,
+                whiteSpace: "nowrap"
+              }, children: [
+                "Copied ",
+                copiedNodesCount,
+                " node",
+                copiedNodesCount !== 1 ? "s" : "",
+                " to clipboard"
+              ] })
             ] })
           ] }),
           state.selectedScenario && /* @__PURE__ */ jsx(