@industry-theme/principal-view-panels 0.1.23 → 0.1.25

package/dist/mocks/vvfConfigs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vvfConfigs.d.ts","sourceRoot":"","sources":["../../src/mocks/vvfConfigs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAExE;;GAEG;AAEH,eAAO,MAAM,gBAAgB,EAAE,cA6F9B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,cAqLpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,cAmH/B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,cAiKlC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,EAAE,cA8HrC,CAAC;AAGF,eAAO,MAAM,oBAAoB,QAA4C,CAAC;AAC9E,eAAO,MAAM,qBAAqB,QAA6C,CAAC;AAChF,eAAO,MAAM,0BAA0B,QAAkD,CAAC;AAC1F,eAAO,MAAM,wBAAwB,QAAgD,CAAC;AACtF,eAAO,MAAM,2BAA2B,QAAmD,CAAC;AAG5F,eAAO,MAAM,kBAAkB,GAAI,QAAQ,QAAQ,GAAG,SAAS,GAAG,eAAe,GAAG,aAAa,GAAG,gBAAgB,GAAG,UAAU,GAAG,MAAM;;cAC7G,MAAM;sBAAgB,MAAM;cAAQ,MAAM;kBAAY,MAAM;;CA4ExF,CAAC"}
+{"version":3,"file":"vvfConfigs.d.ts","sourceRoot":"","sources":["../../src/mocks/vvfConfigs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAExE;;GAEG;AAEH,eAAO,MAAM,gBAAgB,EAAE,cAyF9B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,cA6KpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,cA8G/B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,cAyJlC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,EAAE,cAuHrC,CAAC;AAGF,eAAO,MAAM,oBAAoB,QAA4C,CAAC;AAC9E,eAAO,MAAM,qBAAqB,QAA6C,CAAC;AAChF,eAAO,MAAM,0BAA0B,QAAkD,CAAC;AAC1F,eAAO,MAAM,wBAAwB,QAAgD,CAAC;AACtF,eAAO,MAAM,2BAA2B,QAAmD,CAAC;AAG5F,eAAO,MAAM,kBAAkB,GAAI,QAAQ,QAAQ,GAAG,SAAS,GAAG,eAAe,GAAG,aAAa,GAAG,gBAAgB,GAAG,UAAU,GAAG,MAAM;;cAC7G,MAAM;sBAAgB,MAAM;cAAQ,MAAM;kBAAY,MAAM;;CA4ExF,CAAC"}

package/dist/panels/EventControllerPanel.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EventControllerPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/EventControllerPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAkB,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAGpF;;;;GAIG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;CAsBmC,CAAC;AAE9C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAoNnC;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAuC/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAUlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAmEjC,CAAC"}
+{"version":3,"file":"EventControllerPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/EventControllerPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAkB,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAGpF;;;;GAIG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;CAsBmC,CAAC;AAE9C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAgNnC;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAuC/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAUlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAmEjC,CAAC"}

package/dist/panels/PrincipalViewGraphPanel.stories.d.ts

@@ -80,5 +80,10 @@ export declare const MultipleConfigurations: Story;
  * Empty project with workspace scope only
  */
 export declare const WorkspaceScope: Story;
+/**
+ * Node Sizing Test - demonstrates that width/height from canvas are applied
+ * All nodes are rectangles but with different explicit sizes
+ */
+export declare const NodeSizingTest: Story;
 export declare const ResizablePanelLayout: Story;
 //# sourceMappingURL=PrincipalViewGraphPanel.stories.d.ts.map

package/dist/panels/PrincipalViewGraphPanel.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrincipalViewGraphPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/PrincipalViewGraphPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAmB,MAAM,OAAO,CAAC;AAQxC;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAsBsC,CAAC;AAEjD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAuDjC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAmDlC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,yBAAyB,EAAE,KAmDvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KA4BrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KA4BxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KA8DzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAiB7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAgE9B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAmD5B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAmD/B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAmDpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KA0D5B,CAAC;AAqGF,eAAO,MAAM,oBAAoB,EAAE,KAYlC,CAAC"}
+{"version":3,"file":"PrincipalViewGraphPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/PrincipalViewGraphPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAmB,MAAM,OAAO,CAAC;AAQxC;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAsBsC,CAAC;AAEjD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAuDjC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAmDlC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,yBAAyB,EAAE,KAmDvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KA4BrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KA4BxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KA8DzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAiB7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAgE9B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAmD5B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAmD/B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAmDpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KA0D5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAkH5B,CAAC;AAqGF,eAAO,MAAM,oBAAoB,EAAE,KAYlC,CAAC"}

package/dist/panels.bundle.js

@@ -5408,10 +5408,14 @@ class CanvasConverter {
       for (const node of canvas.nodes) {
         const pv = node.pv;
         let nodeName;
+        let nodeDescription;
         switch (node.type) {
-          case "text":
-            nodeName = node.text.split("\n")[0].replace(/^#+ /, "").substring(0, 50);
+          case "text": {
+            const lines = node.text.split("\n");
+            nodeName = lines[0].replace(/^#+ /, "").substring(0, 50);
+            nodeDescription = lines.slice(1).join("\n").trim() || void 0;
             break;
+          }
           case "file":
             nodeName = node.file.split("/").pop() || node.file;
             break;
@@ -5421,13 +5425,16 @@ class CanvasConverter {
           case "group":
             nodeName = node.label || "Group";
             break;
+          default:
+            nodeName = (pv == null ? void 0 : pv.nodeType) || node.id;
+            break;
         }
         nodes.push({
           id: node.id,
           type: (pv == null ? void 0 : pv.nodeType) || node.type,
           name: nodeName,
           data: {
-            description: pv == null ? void 0 : pv.description,
+            description: nodeDescription,
             shape: (pv == null ? void 0 : pv.shape) || "rectangle",
             icon: pv == null ? void 0 : pv.icon,
             // Color priority: pv.fill > node.color
@@ -5445,6 +5452,9 @@ class CanvasConverter {
             ...node.type === "link" ? { url: node.url } : {}
           },
           position: { x: node.x, y: node.y },
+          // Persist node dimensions at top level for xyflow
+          width: node.width,
+          height: node.height,
           // Don't set a default state - only show state labels when explicitly set via events
           state: void 0,
           createdAt: now2,
@@ -5510,7 +5520,6 @@ class CanvasConverter {
       if (node.data.nodeType || node.data.shape || ((_c = node.data.sources) == null ? void 0 : _c.length)) {
         canvasNode.pv = {
           nodeType: node.data.nodeType || node.id,
-          description: node.data.description || `${node.data.nodeType || node.id} node`,
           shape: node.data.shape,
           icon: node.data.icon,
           states: node.data.states,
@@ -5519,6 +5528,13 @@ class CanvasConverter {
           dataSchema: node.data.dataSchema
         };
       }
+      if (node.data.canvasType === "text" || !node.data.canvasType) {
+        const name = node.data.name || node.data.label || node.id;
+        const description = node.data.description;
+        canvasNode.text = description ? `# ${name}
+
+${description}` : `# ${name}`;
+      }
       canvas.nodes.push(canvasNode);
     }
     for (const edge of edges) {
@@ -9201,7 +9217,6 @@ class LibraryConverter {
     const { id, x: x2, y: y2, label, data } = options;
     const pv = {
       nodeType: componentKey,
-      description: component.description,
       shape: component.shape,
       icon: component.icon,
       states: component.states,
@@ -9210,10 +9225,14 @@ class LibraryConverter {
       dataSchema: component.dataSchema,
       layout: component.layout
     };
+    const nodeName = label || component.defaultLabel || componentKey;
+    const nodeText = component.description ? `# ${nodeName}
+
+${component.description}` : `# ${nodeName}`;
     const node = {
       id,
       type: "text",
-      text: label || component.defaultLabel || componentKey,
+      text: nodeText,
       x: x2,
       y: y2,
       width: ((_a = component.size) == null ? void 0 : _a.width) || 120,
@@ -9692,12 +9711,12 @@ function createRulesEngine(rules) {
   }
   return engine;
 }
-const CONFIG_FILE_NAMES = [
-  ".privurc.yaml",
-  ".privurc.yml",
-  ".privurc.json"
+const CONFIG_FILE_NAMES = [".privurc.yaml", ".privurc.yml", ".privurc.json"];
+const DEFAULT_INCLUDE_PATTERNS = [
+  ".principal-views/**/*.yaml",
+  ".principal-views/**/*.yml",
+  ".principal-views/**/*.json"
 ];
-const DEFAULT_INCLUDE_PATTERNS = [".principal-views/**/*.yaml", ".principal-views/**/*.yml", ".principal-views/**/*.json"];
 const DEFAULT_EXCLUDE_PATTERNS = ["**/node_modules/**", "**/*.test.*"];
 const VALID_SEVERITIES = [
   "off",
@@ -47265,9 +47284,11 @@ function requireCustomNode() {
     return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [editable && (0, jsx_runtime_1.jsx)(react_1.NodeResizer, { color: strokeColor, isVisible: selected, minWidth, minHeight, keepAspectRatio, handleStyle: {
       width: 8,
       height: 8,
-      borderRadius: 2
+      borderRadius: 2,
+      zIndex: 20
     }, lineStyle: {
-      borderWidth: 1
+      borderWidth: 1,
+      zIndex: 20
     } }), (0, jsx_runtime_1.jsx)(react_1.Handle, { type: "target", position: react_1.Position.Top, id: "top", style: getHandleStyle() }), (0, jsx_runtime_1.jsx)(react_1.Handle, { type: "target", position: react_1.Position.Bottom, id: "bottom", style: getHandleStyle() }), (0, jsx_runtime_1.jsx)(react_1.Handle, { type: "target", position: react_1.Position.Left, id: "left", style: getHandleStyle() }), (0, jsx_runtime_1.jsx)(react_1.Handle, { type: "target", position: react_1.Position.Right, id: "right", style: getHandleStyle() }), isHexagon ? (0, jsx_runtime_1.jsx)("div", { style: hexagonBorderStyle, className: animationClass, children: (0, jsx_runtime_1.jsxs)("div", { style: hexagonInnerStyle, children: [icon && (0, jsx_runtime_1.jsx)("div", { style: { display: "flex", justifyContent: "center", alignItems: "center" }, children: (0, iconResolver_1.resolveIcon)(icon, 20) }), (0, jsx_runtime_1.jsx)("div", { style: { textAlign: "center", wordBreak: "break-word" }, children: displayName }), state && (0, jsx_runtime_1.jsx)("div", { style: {
       fontSize: "10px",
       backgroundColor: color,
@@ -47618,6 +47639,9 @@ function requireGraphConverter() {
         position: node.position || { x: 0, y: 0 },
         // Groups have lower zIndex to render behind edges
         zIndex: isGroup ? -1 : void 0,
+        // Apply persisted dimensions if available
+        ...node.width !== void 0 ? { width: node.width } : {},
+        ...node.height !== void 0 ? { height: node.height } : {},
         data: {
           name: node.name || node.id,
           typeDefinition,
@@ -48880,10 +48904,6 @@ function requireGraphRenderer() {
       const handleNodesChange = (0, react_1.useCallback)((changes) => {
         if (!editable)
           return;
-        const interesting = changes.filter((c2) => c2.type !== "select");
-        if (interesting.length > 0) {
-          console.log("[GraphRenderer DEBUG] Node changes:", interesting.map((c2) => ({ type: c2.type, id: c2.id, ...c2.type === "dimensions" ? { dimensions: c2.dimensions, resizing: c2.resizing } : {}, ...c2.type === "position" ? { dragging: c2.dragging } : {} })));
-        }
         setXyflowLocalNodes((nds) => (0, react_2.applyNodeChanges)(changes, nds));
         const positionChanges = changes.filter((change) => change.type === "position" && "position" in change && change.position !== void 0 && "dragging" in change && change.dragging === false);
         const dimensionChanges = changes.filter((change) => change.type === "dimensions" && "dimensions" in change && change.dimensions !== void 0 && "resizing" in change && change.resizing === false);