@industry-theme/principal-view-panels 0.1.27 → 0.1.29

package/dist/panels.bundle.js

@@ -5304,19 +5304,19 @@ class CanvasConverter {
    * Convert a single canvas node to React Flow node
    */
   static convertNode(node, canvas) {
-    var _a, _b;
+    var _a, _b, _c, _d;
     const pv = node.pv;
     const color = resolveCanvasColor(node.color);
     let nodeName;
     switch (node.type) {
       case "text":
-        nodeName = node.text.split("\n")[0].replace(/^#+ /, "").substring(0, 50);
+        nodeName = ((_a = node.text) == null ? void 0 : _a.split("\n")[0].replace(/^#+ /, "").substring(0, 50)) || "Text";
         break;
       case "file":
-        nodeName = node.file.split("/").pop() || node.file;
+        nodeName = ((_b = node.file) == null ? void 0 : _b.split("/").pop()) || node.file || "File";
         break;
       case "link":
-        nodeName = node.url;
+        nodeName = node.url || "Link";
         break;
       case "group":
         nodeName = node.label || "Group";
@@ -5328,7 +5328,7 @@ class CanvasConverter {
       canvasType: node.type,
       shape: (pv == null ? void 0 : pv.shape) || "rectangle",
       icon: pv == null ? void 0 : pv.icon,
-      color: ((_b = (_a = pv == null ? void 0 : pv.states) == null ? void 0 : _a.idle) == null ? void 0 : _b.color) || color,
+      color: ((_d = (_c = pv == null ? void 0 : pv.states) == null ? void 0 : _c.idle) == null ? void 0 : _d.color) || color,
       width: node.width,
       height: node.height
     };
@@ -5400,7 +5400,7 @@ class CanvasConverter {
    * Convert Extended Canvas to internal NodeState/EdgeState format
    */
   static canvasToGraph(canvas) {
-    var _a, _b;
+    var _a, _b, _c, _d, _e2;
     const nodes = [];
     const edges = [];
     const now2 = Date.now();
@@ -5411,16 +5411,16 @@ class CanvasConverter {
         let nodeDescription;
         switch (node.type) {
           case "text": {
-            const lines = node.text.split("\n");
-            nodeName = lines[0].replace(/^#+ /, "").substring(0, 50);
+            const lines = ((_a = node.text) == null ? void 0 : _a.split("\n")) || [];
+            nodeName = ((_b = lines[0]) == null ? void 0 : _b.replace(/^#+ /, "").substring(0, 50)) || "Text";
             nodeDescription = lines.slice(1).join("\n").trim() || void 0;
             break;
           }
           case "file":
-            nodeName = node.file.split("/").pop() || node.file;
+            nodeName = ((_c = node.file) == null ? void 0 : _c.split("/").pop()) || node.file || "File";
             break;
           case "link":
-            nodeName = node.url;
+            nodeName = node.url || "Link";
             break;
           case "group":
             nodeName = node.label || "Group";
@@ -5465,7 +5465,7 @@ class CanvasConverter {
     if (canvas.edges) {
       for (const edge of canvas.edges) {
         const pv = edge.pv;
-        const edgeTypeDef = (pv == null ? void 0 : pv.edgeType) ? (_b = (_a = canvas.pv) == null ? void 0 : _a.edgeTypes) == null ? void 0 : _b[pv.edgeType] : void 0;
+        const edgeTypeDef = (pv == null ? void 0 : pv.edgeType) ? (_e2 = (_d = canvas.pv) == null ? void 0 : _d.edgeTypes) == null ? void 0 : _e2[pv.edgeType] : void 0;
         edges.push({
           id: edge.id,
           type: (pv == null ? void 0 : pv.edgeType) || "default",
@@ -47093,7 +47093,7 @@ function requireCustomNode() {
   const react_1 = /* @__PURE__ */ requireUmd();
   const iconResolver_1 = requireIconResolver();
   const CustomNode$1 = ({ data, selected }) => {
-    var _a, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n2, _o2, _p, _q, _r, _s, _t2, _u;
+    var _a, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n2, _o2;
     const nodeProps = data;
     const { typeDefinition, state, hasViolations, data: nodeData, animationType, animationDuration = 1e3, editable = false } = nodeProps;
     if (!typeDefinition) {
@@ -47126,7 +47126,6 @@ function requireCustomNode() {
     const animationClass = getAnimationClass();
     const isGroup = nodeData.canvasType === "group";
     const getShapeStyles = () => {
-      var _a2, _b2;
       const baseStyles = {
         padding: "12px 16px",
         backgroundColor: isGroup ? "rgba(255, 255, 255, 0.7)" : "white",
@@ -47137,8 +47136,9 @@ function requireCustomNode() {
         // Use 100% width/height to fill the node container (for resizing support)
         width: "100%",
         height: "100%",
-        minWidth: ((_a2 = typeDefinition.size) == null ? void 0 : _a2.width) || 80,
-        minHeight: ((_b2 = typeDefinition.size) == null ? void 0 : _b2.height) || 40,
+        // Use small absolute minimums - typeDefinition.size is the default, not the minimum
+        minWidth: 20,
+        minHeight: 20,
         display: "flex",
         flexDirection: "column",
         alignItems: "center",
@@ -47196,8 +47196,8 @@ function requireCustomNode() {
     const isHexagon = typeDefinition.shape === "hexagon";
     const isCircle = typeDefinition.shape === "circle";
     const keepAspectRatio = isCircle;
-    const minWidth = ((_g = typeDefinition.size) == null ? void 0 : _g.width) || 80;
-    const minHeight = ((_h = typeDefinition.size) == null ? void 0 : _h.height) || (isCircle ? minWidth : 40);
+    const minWidth = 40;
+    const minHeight = isCircle ? 40 : 30;
     const hexagonClipPath = "polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%)";
     const hexagonBorderWidth = 2;
     const hexagonBorderStyle = isHexagon ? {
@@ -47207,8 +47207,9 @@ function requireCustomNode() {
       // Use 100% to fill container for resizing support
       width: "100%",
       height: "100%",
-      minWidth: ((_i = typeDefinition.size) == null ? void 0 : _i.width) || 120,
-      minHeight: ((_j = typeDefinition.size) == null ? void 0 : _j.height) || 120,
+      // Use small absolute minimums - typeDefinition.size is the default, not the minimum
+      minWidth: 20,
+      minHeight: 20,
       boxShadow: selected ? `0 0 0 2px ${strokeColor}` : "0 2px 4px rgba(0,0,0,0.1)",
       transition: "box-shadow 0.2s ease",
       boxSizing: "border-box"
@@ -47238,8 +47239,9 @@ function requireCustomNode() {
       backgroundColor: hasViolations ? "#D0021B" : strokeColor,
       width: "100%",
       height: "100%",
-      minWidth: ((_k = typeDefinition.size) == null ? void 0 : _k.width) || 80,
-      minHeight: ((_l = typeDefinition.size) == null ? void 0 : _l.height) || 80,
+      // Use small absolute minimums - typeDefinition.size is the default, not the minimum
+      minWidth: 20,
+      minHeight: 20,
       boxShadow: selected ? `0 0 0 2px ${strokeColor}` : "0 2px 4px rgba(0,0,0,0.1)",
       transition: "box-shadow 0.2s ease",
       boxSizing: "border-box"
@@ -47296,7 +47298,7 @@ function requireCustomNode() {
       padding: "2px 6px",
       borderRadius: "4px",
       textAlign: "center"
-    }, children: ((_m = nodeDataStates == null ? void 0 : nodeDataStates[state]) == null ? void 0 : _m.label) || ((_o2 = (_n2 = typeDefinition.states) == null ? void 0 : _n2[state]) == null ? void 0 : _o2.label) || state }), hasViolations && (0, jsx_runtime_1.jsx)("div", { style: {
+    }, children: ((_g = nodeDataStates == null ? void 0 : nodeDataStates[state]) == null ? void 0 : _g.label) || ((_i = (_h = typeDefinition.states) == null ? void 0 : _h[state]) == null ? void 0 : _i.label) || state }), hasViolations && (0, jsx_runtime_1.jsx)("div", { style: {
       fontSize: "10px",
       color: "#D0021B",
       fontWeight: "bold"
@@ -47307,7 +47309,7 @@ function requireCustomNode() {
       padding: "2px 6px",
       borderRadius: "4px",
       textAlign: "center"
-    }, children: ((_p = nodeDataStates == null ? void 0 : nodeDataStates[state]) == null ? void 0 : _p.label) || ((_r = (_q = typeDefinition.states) == null ? void 0 : _q[state]) == null ? void 0 : _r.label) || state }), hasViolations && (0, jsx_runtime_1.jsx)("div", { style: {
+    }, children: ((_j = nodeDataStates == null ? void 0 : nodeDataStates[state]) == null ? void 0 : _j.label) || ((_l = (_k = typeDefinition.states) == null ? void 0 : _k[state]) == null ? void 0 : _l.label) || state }), hasViolations && (0, jsx_runtime_1.jsx)("div", { style: {
       fontSize: "10px",
       color: "#D0021B",
       fontWeight: "bold"
@@ -47326,7 +47328,7 @@ function requireCustomNode() {
       padding: "2px 6px",
       borderRadius: "4px",
       textAlign: "center"
-    }, children: ((_s = nodeDataStates == null ? void 0 : nodeDataStates[state]) == null ? void 0 : _s.label) || ((_u = (_t2 = typeDefinition.states) == null ? void 0 : _t2[state]) == null ? void 0 : _u.label) || state }), hasViolations && (0, jsx_runtime_1.jsx)("div", { style: {
+    }, children: ((_m = nodeDataStates == null ? void 0 : nodeDataStates[state]) == null ? void 0 : _m.label) || ((_o2 = (_n2 = typeDefinition.states) == null ? void 0 : _n2[state]) == null ? void 0 : _o2.label) || state }), hasViolations && (0, jsx_runtime_1.jsx)("div", { style: {
       fontSize: "10px",
       color: "#D0021B",
       fontWeight: "bold"