@industry-theme/principal-view-panels 0.12.47 → 0.12.49

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;AAqE9D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAgmCvE,CAAC"}
+{"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,CAooCvE,CAAC"}

package/dist/panels.bundle.js

@@ -87306,6 +87306,8 @@ function convertToXYFlowEdges(edges, configuration, violations = []) {
       sourceHandle,
       targetHandle,
       type: "custom",
+      // Edges should render above groups (zIndex: 1) but below regular nodes (zIndex: 100)
+      zIndex: 50,
       animated: (typeDefinition == null ? void 0 : typeDefinition.style) === "animated",
       markerEnd,
       data: {
@@ -88320,8 +88322,9 @@ const GraphRendererInner = ({ configuration, nodes: propNodes, edges: propEdges,
             animationDirection: animation.direction
           } : {}
         },
-        // Add z-index to help with stacking (selected edges get higher values)
-        zIndex: isSelected ? 1e3 : 0
+        // Preserve edge zIndex from converter (50 = above groups, below nodes)
+        // Selected edges get elevated to 1000
+        zIndex: isSelected ? 1e3 : edge.zIndex
       };
     });
     return mappedEdges.sort((a, b) => {
@@ -99702,7 +99705,7 @@ const StoryboardListPanel = ({
   }, [canvasTypeFilter, otelCount, staticCount]);
   const fileTreeSlice = context2.fileTree;
   const fileTreeData = fileTreeSlice == null ? void 0 : fileTreeSlice.data;
-  const gitSlice = context2.git;
+  const gitSlice = context2.gitStatusWithFiles;
   const gitStatusData = useMemo(() => {
     const gitStatus = gitSlice == null ? void 0 : gitSlice.data;
     if (!gitStatus || !fileTreeData) {
@@ -99777,6 +99780,31 @@ const StoryboardListPanel = ({
     });
     return coverageMap;
   }, [workflows, testTraces, storyboards]);
+  const canvasNodeStatusMap = useMemo(() => {
+    const statusMap = {};
+    for (const storyboard of storyboards) {
+      const canvasWithContent = storyboard.canvas;
+      const canvas = canvasWithContent.content;
+      if (canvas == null ? void 0 : canvas.nodes) {
+        let implemented = 0;
+        let approved = 0;
+        let draft = 0;
+        for (const node2 of canvas.nodes) {
+          const pv = node2.pv;
+          const status = (pv == null ? void 0 : pv.status) ?? "draft";
+          if (status === "implemented") {
+            implemented++;
+          } else if (status === "approved") {
+            approved++;
+          } else {
+            draft++;
+          }
+        }
+        statusMap[storyboard.id] = { implemented, approved, draft };
+      }
+    }
+    return statusMap;
+  }, [storyboards]);
   const filteredStoryboards = useMemo(() => {
     let filtered = storyboards;
     filtered = filtered.filter((storyboard) => storyboard.canvas.type === effectiveCanvasTypeFilter);
@@ -100365,6 +100393,7 @@ const StoryboardListPanel = ({
                 horizontalNodePadding: "clamp(16px, 4vw, 24px)",
                 verticalPadding: "10px",
                 workflowCoverageMap,
+                canvasNodeStatusMap,
                 gitStatusData,
                 enablePanelDrag: true
               }