@industry-theme/principal-view-panels 0.12.53 → 0.12.55

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,EAA+C,MAAM,mCAAmC,CAAC;AAC9L,OAAO,EAAqB,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAKxE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAiCrE;;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,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEnC;;;;OAIG;IACH,aAAa,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAEvC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA+gD9D,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,EAA+C,MAAM,mCAAmC,CAAC;AAC9L,OAAO,EAAqB,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAKxE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAiCrE;;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,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEnC;;;;OAIG;IACH,aAAa,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAEvC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAihD9D,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"StoryboardListPanel.d.ts","sourceRoot":"","sources":["../../src/panels/StoryboardListPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC;AAsE9D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAwoCvE,CAAC"}
+{"version":3,"file":"StoryboardListPanel.d.ts","sourceRoot":"","sources":["../../src/panels/StoryboardListPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC;AAsE9D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CA4yCvE,CAAC"}

package/dist/panels.bundle.js

@@ -95899,13 +95899,15 @@ const CanvasEditorPanel = ({
           }
         ) }) : /* @__PURE__ */ jsx("div", {}),
         rightPanel: /* @__PURE__ */ jsxs("div", { style: { height: "100%", display: "flex", flexDirection: "column", background: theme2.colors.background, position: "relative" }, children: [
-          /* @__PURE__ */ jsxs("div", { style: { flex: 1, position: "relative", minHeight: 0 }, children: [
+          /* @__PURE__ */ jsxs("div", { style: { flex: 1, position: "relative", minHeight: 0, width: "100%", height: "100%" }, children: [
             /* @__PURE__ */ jsx(
               GraphRenderer,
               {
                 ref: graphRef,
                 canvas: state.canvas,
                 library: state.library ?? void 0,
+                width: "100%",
+                height: "100%",
                 editable: state.isEditMode,
                 onPendingChangesChange: (hasChanges) => {
                   setState((prev) => ({ ...prev, hasUnsavedChanges: hasChanges }));
@@ -99690,6 +99692,9 @@ const StoryboardListPanel = ({
   const [showHelp, setShowHelp] = useState(false);
   const [cliCommandCopied, setCliCommandCopied] = useState(false);
   const [canvasTypeFilter, setCanvasTypeFilter] = useState(null);
+  const [contextMenu, setContextMenu] = useState(null);
+  const [contextMenuCopied, setContextMenuCopied] = useState(false);
+  const contextMenuRef = useRef(null);
   const { storyboards, workflows, testTraces, isLoading, error, discovery } = useCanvasWorkflowData({ context: context2, actions });
   useEffect(() => {
     if (!events) return;
@@ -99858,7 +99863,8 @@ const StoryboardListPanel = ({
         let draft = 0;
         for (const node2 of canvas.nodes) {
           const pv = node2.pv;
-          const status = (pv == null ? void 0 : pv.status) ?? "draft";
+          if (!pv) continue;
+          const status = pv.status ?? "draft";
           if (status === "implemented") {
             implemented++;
           } else if (status === "approved") {
@@ -99898,10 +99904,29 @@ const StoryboardListPanel = ({
   const filteredCanvases = useMemo(() => {
     return filteredStoryboards.map((storyboard) => storyboard.canvas);
   }, [filteredStoryboards]);
-  const handleTreeNodeClick = useCallback((node2) => {
-    var _a, _b, _c, _d;
+  const handleTreeNodeClick = useCallback((node2, event) => {
+    var _a, _b, _c, _d, _e2, _f;
+    if ((event == null ? void 0 : event.metaKey) || (event == null ? void 0 : event.ctrlKey)) {
+      let filePath;
+      if (node2.type === "canvas" && ((_a = node2.canvas) == null ? void 0 : _a.path)) {
+        filePath = node2.canvas.path;
+      } else if (node2.type === "workflow" && "workflow" in node2 && ((_b = node2.workflow) == null ? void 0 : _b.path)) {
+        filePath = node2.workflow.path;
+      } else if (node2.markdownPath) {
+        filePath = node2.markdownPath;
+      }
+      if (filePath && events) {
+        events.emit({
+          type: "file:open",
+          source: "storyboard-list-panel",
+          timestamp: Date.now(),
+          payload: { path: filePath }
+        });
+        return;
+      }
+    }
     if (node2.type === "overview" && node2.markdownPath) {
-      const canvasId = ((_a = node2.canvas) == null ? void 0 : _a.id) || "storyboard" in node2 && ((_c = (_b = node2.storyboard) == null ? void 0 : _b.canvas) == null ? void 0 : _c.id) || "unknown";
+      const canvasId = ((_c = node2.canvas) == null ? void 0 : _c.id) || "storyboard" in node2 && ((_e2 = (_d = node2.storyboard) == null ? void 0 : _d.canvas) == null ? void 0 : _e2.id) || "unknown";
       setSelectedNodeId(`overview:${canvasId}`);
       if (events) {
         events.emit({
@@ -99939,7 +99964,7 @@ const StoryboardListPanel = ({
           return wf.file.path === ((_a2 = node2.workflow) == null ? void 0 : _a2.path);
         });
         if (!fullWorkflow) {
-          console.warn("[StoryboardListPanel] Workflow template not loaded for:", (_d = node2.workflow) == null ? void 0 : _d.path);
+          console.warn("[StoryboardListPanel] Workflow template not loaded for:", (_f = node2.workflow) == null ? void 0 : _f.path);
           return;
         }
         events.emit({
@@ -99961,6 +99986,63 @@ const StoryboardListPanel = ({
       }
     }
   }, [events, getCanvasFileInfo, workflows]);
+  const getNodeFilePath = useCallback((node2) => {
+    var _a, _b, _c, _d, _e2;
+    if (node2.type === "canvas" && ((_a = node2.canvas) == null ? void 0 : _a.path)) {
+      return node2.canvas.path;
+    } else if (node2.type === "workflow" && "workflow" in node2 && ((_b = node2.workflow) == null ? void 0 : _b.path)) {
+      return node2.workflow.path;
+    } else if (node2.type === "overview" && node2.markdownPath) {
+      return node2.markdownPath;
+    } else if (node2.type === "storyboard" && "storyboard" in node2 && ((_d = (_c = node2.storyboard) == null ? void 0 : _c.canvas) == null ? void 0 : _d.path)) {
+      return node2.storyboard.canvas.path;
+    } else if (node2.type === "canvas-folder" && ((_e2 = node2.canvas) == null ? void 0 : _e2.path)) {
+      return node2.canvas.path;
+    }
+    return void 0;
+  }, []);
+  const handleContextMenu = useCallback((event, node2) => {
+    event.preventDefault();
+    const path2 = getNodeFilePath(node2);
+    if (path2) {
+      setContextMenu({ x: event.clientX, y: event.clientY, node: node2 });
+      setContextMenuCopied(false);
+    }
+  }, [getNodeFilePath]);
+  const handleCopyPath = useCallback(async () => {
+    if (!contextMenu) return;
+    const path2 = getNodeFilePath(contextMenu.node);
+    if (path2) {
+      try {
+        await navigator.clipboard.writeText(path2);
+        setContextMenuCopied(true);
+        setTimeout(() => {
+          setContextMenu(null);
+          setContextMenuCopied(false);
+        }, 800);
+      } catch {
+        console.error("Failed to copy path to clipboard");
+        setContextMenu(null);
+      }
+    }
+  }, [contextMenu, getNodeFilePath]);
+  useEffect(() => {
+    if (!contextMenu) return;
+    const handleClickOutside = (e) => {
+      if (contextMenuRef.current && !contextMenuRef.current.contains(e.target)) {
+        setContextMenu(null);
+      }
+    };
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") setContextMenu(null);
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [contextMenu]);
   useEffect(() => {
     handleTreeNodeClickRef.current = handleTreeNodeClick;
   }, [handleTreeNodeClick]);
@@ -100459,6 +100541,7 @@ const StoryboardListPanel = ({
                 storyboards: filteredStoryboards,
                 theme: theme2,
                 onClick: handleTreeNodeClick,
+                onContextMenu: handleContextMenu,
                 selectedNodeId: selectedNodeId ?? void 0,
                 defaultOpen: filteredStoryboards.length <= 2,
                 openState,
@@ -100476,6 +100559,7 @@ const StoryboardListPanel = ({
                 canvases: filteredCanvases,
                 theme: theme2,
                 onClick: handleTreeNodeClick,
+                onContextMenu: handleContextMenu,
                 selectedNodeId: selectedNodeId ?? void 0,
                 defaultOpen: filteredCanvases.length <= 2,
                 openState,
@@ -100631,7 +100715,66 @@ const StoryboardListPanel = ({
           @keyframes spin {
             to { transform: rotate(360deg); }
           }
-        ` })
+        ` }),
+        contextMenu && createPortal(
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              ref: contextMenuRef,
+              style: {
+                position: "fixed",
+                top: contextMenu.y,
+                left: contextMenu.x,
+                backgroundColor: theme2.colors.background,
+                border: `1px solid ${theme2.colors.border}`,
+                borderRadius: "6px",
+                boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)",
+                zIndex: 1e3,
+                minWidth: "180px",
+                padding: "4px 0",
+                fontFamily: theme2.fonts.body
+              },
+              children: [
+                /* @__PURE__ */ jsx("style", { children: `
+              .storyboard-context-menu-item {
+                transition: background-color 0.15s ease;
+              }
+              .storyboard-context-menu-item:hover {
+                background-color: ${theme2.colors.backgroundTertiary} !important;
+              }
+            ` }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: handleCopyPath,
+                    className: "storyboard-context-menu-item",
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: "8px",
+                      width: "100%",
+                      padding: "8px 12px",
+                      border: "none",
+                      background: "none",
+                      cursor: "pointer",
+                      fontSize: theme2.fontSizes[1],
+                      color: theme2.colors.text,
+                      textAlign: "left"
+                    },
+                    children: contextMenuCopied ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx(Check, { size: 14, style: { color: theme2.colors.success || "#22c55e" } }),
+                      /* @__PURE__ */ jsx("span", { children: "Copied!" })
+                    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx(Copy, { size: 14 }),
+                      /* @__PURE__ */ jsx("span", { children: "Copy Path" })
+                    ] })
+                  }
+                )
+              ]
+            }
+          ),
+          document.body
+        )
       ]
     }
   );