@principal-ai/principal-view-react 0.8.1 → 0.8.3

package/dist/components/ConfigurationSelector.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ConfigurationFile } from '@principal-ai/principal-view-core/browser';
+import type { ConfigurationFile } from '@principal-ai/principal-view-core';
 export interface ConfigurationSelectorProps {
     /** Available configurations */
     configurations: ConfigurationFile[];

package/dist/components/ConfigurationSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigurationSelector.d.ts","sourceRoot":"","sources":["../../src/components/ConfigurationSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAEnF,MAAM,WAAW,0BAA0B;IACzC,+BAA+B;IAC/B,cAAc,EAAE,iBAAiB,EAAE,CAAC;IAEpC,4CAA4C;IAC5C,cAAc,EAAE,MAAM,CAAC;IAEvB,0CAA0C;IAC1C,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7C,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,kCAAkC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAsGtE,CAAC"}
+{"version":3,"file":"ConfigurationSelector.d.ts","sourceRoot":"","sources":["../../src/components/ConfigurationSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAE3E,MAAM,WAAW,0BAA0B;IACzC,+BAA+B;IAC/B,cAAc,EAAE,iBAAiB,EAAE,CAAC;IAEpC,4CAA4C;IAC5C,cAAc,EAAE,MAAM,CAAC;IAEvB,0CAA0C;IAC1C,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7C,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,kCAAkC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAsGtE,CAAC"}

package/dist/components/EdgeInfoPanel.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { EdgeState, EdgeTypeDefinition } from '@principal-ai/principal-view-core/browser';
+import type { EdgeState, EdgeTypeDefinition } from '@principal-ai/principal-view-core';
 export interface EdgeInfoPanelProps {
     edge: EdgeState;
     typeDefinition: EdgeTypeDefinition;

package/dist/components/EdgeInfoPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EdgeInfoPanel.d.ts","sourceRoot":"","sources":["../../src/components/EdgeInfoPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAG/F,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,SAAS,CAAC;IAChB,cAAc,EAAE,kBAAkB,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,4FAA4F;IAC5F,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5E;AAOD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuOtD,CAAC"}
+{"version":3,"file":"EdgeInfoPanel.d.ts","sourceRoot":"","sources":["../../src/components/EdgeInfoPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAGvF,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,SAAS,CAAC;IAChB,cAAc,EAAE,kBAAkB,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,4FAA4F;IAC5F,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5E;AAOD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiOtD,CAAC"}

package/dist/components/EdgeInfoPanel.js

@@ -9,107 +9,98 @@ export const EdgeInfoPanel = ({ edge, typeDefinition, sourceNodeId, targetNodeId
     const edgeColor = typeDefinition.color || theme.colors.primary;
     return (_jsxs("div", { style: {
             position: 'absolute',
-            top: '60px',
-            right: '20px',
+            bottom: 0,
+            left: 0,
+            right: 0,
             backgroundColor: theme.colors.background,
             color: theme.colors.text,
-            borderRadius: '8px',
-            boxShadow: '0 4px 12px rgba(0,0,0,0.15)',
-            padding: '16px',
-            minWidth: '250px',
-            maxWidth: '350px',
+            borderTop: `2px solid ${edgeColor}`,
+            boxShadow: '0 -4px 12px rgba(0,0,0,0.15)',
+            padding: '16px 24px',
             zIndex: 1000,
-            border: `1px solid ${theme.colors.border}`,
+            maxHeight: '40%',
+            overflowY: 'auto',
         }, children: [_jsxs("div", { style: {
                     display: 'flex',
                     justifyContent: 'space-between',
-                    alignItems: 'center',
-                    marginBottom: '12px',
-                    paddingBottom: '8px',
-                    borderBottom: `2px solid ${edgeColor}`,
-                }, children: [_jsx("div", { style: { fontWeight: theme.fontWeights.bold, fontSize: theme.fontSizes[1], fontFamily: theme.fonts.body, color: edgeColor }, children: "Edge Information" }), _jsx("button", { onClick: onClose, style: {
+                    alignItems: 'flex-start',
+                    marginBottom: '16px',
+                }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px', flex: 1 }, children: [_jsx("div", { style: { fontWeight: theme.fontWeights.bold, fontSize: theme.fontSizes[2], fontFamily: theme.fonts.body, color: edgeColor }, children: "Edge Information" }), _jsx("div", { style: { fontSize: theme.fontSizes[0], fontFamily: theme.fonts.body, color: theme.colors.textMuted }, children: edge.type })] }), _jsx("button", { onClick: onClose, style: {
                             border: 'none',
                             background: 'none',
                             cursor: 'pointer',
                             fontSize: theme.fontSizes[3],
                             fontFamily: theme.fonts.body,
                             color: theme.colors.textSecondary,
-                            padding: '0',
-                            width: '24px',
-                            height: '24px',
+                            padding: '4px',
+                            width: '28px',
+                            height: '28px',
                             display: 'flex',
                             alignItems: 'center',
                             justifyContent: 'center',
-                        }, children: "\u00D7" })] }), _jsxs("div", { style: { marginBottom: '12px' }, children: [_jsx("div", { style: { fontSize: theme.fontSizes[0], fontFamily: theme.fonts.body, color: theme.colors.textSecondary, marginBottom: '4px' }, children: "Type" }), _jsx("div", { style: {
-                            fontSize: theme.fontSizes[0],
-                            fontFamily: theme.fonts.body,
-                            padding: '4px 8px',
-                            backgroundColor: edgeColor,
-                            color: theme.colors.background,
                             borderRadius: '4px',
-                            display: 'inline-block',
-                        }, children: edge.type })] }), _jsxs("div", { style: { marginBottom: '12px' }, children: [_jsx("div", { style: { fontSize: theme.fontSizes[0], fontFamily: theme.fonts.body, color: theme.colors.textSecondary, marginBottom: '4px' }, children: "Connection" }), _jsxs("div", { style: { fontSize: theme.fontSizes[0], fontFamily: theme.fonts.body }, children: [_jsx("span", { style: {
-                                    fontFamily: theme.fonts.monospace,
-                                    backgroundColor: theme.colors.muted,
-                                    padding: '2px 6px',
-                                    borderRadius: '3px',
-                                }, children: sourceNodeId }), _jsx("span", { style: { margin: '0 8px', color: theme.colors.textMuted }, children: "\u2192" }), _jsx("span", { style: {
-                                    fontFamily: theme.fonts.monospace,
-                                    backgroundColor: theme.colors.muted,
-                                    padding: '2px 6px',
-                                    borderRadius: '3px',
-                                }, children: targetNodeId })] })] }), _jsxs("div", { style: { marginBottom: '12px' }, children: [_jsx("div", { style: { fontSize: theme.fontSizes[0], fontFamily: theme.fonts.body, color: theme.colors.textSecondary, marginBottom: '8px' }, children: "Connection Sides" }), _jsxs("div", { style: { display: 'flex', gap: '12px' }, children: [_jsxs("div", { style: { flex: 1 }, children: [_jsx("div", { style: { fontSize: theme.fontSizes[0], fontFamily: theme.fonts.body, color: theme.colors.textMuted, marginBottom: '4px' }, children: "From Side" }), _jsx("select", { value: edge.data?.fromSide || 'right', onChange: (e) => {
-                                            if (onUpdateSides) {
-                                                onUpdateSides(edge.id, e.target.value, edge.data?.toSide || 'left');
-                                            }
-                                        }, disabled: !onUpdateSides, style: {
-                                            width: '100%',
-                                            padding: '6px 8px',
-                                            fontSize: theme.fontSizes[0],
-                                            fontFamily: theme.fonts.body,
-                                            borderRadius: '4px',
-                                            border: `1px solid ${theme.colors.border}`,
-                                            backgroundColor: theme.colors.background,
-                                            color: theme.colors.text,
-                                            cursor: onUpdateSides ? 'pointer' : 'not-allowed',
-                                            opacity: onUpdateSides ? 1 : 0.6,
-                                        }, children: SIDE_OPTIONS.map((side) => (_jsx("option", { value: side, children: side }, side))) })] }), _jsxs("div", { style: { flex: 1 }, children: [_jsx("div", { style: { fontSize: theme.fontSizes[0], fontFamily: theme.fonts.body, color: theme.colors.textMuted, marginBottom: '4px' }, children: "To Side" }), _jsx("select", { value: edge.data?.toSide || 'left', onChange: (e) => {
-                                            if (onUpdateSides) {
-                                                onUpdateSides(edge.id, edge.data?.fromSide || 'right', e.target.value);
-                                            }
-                                        }, disabled: !onUpdateSides, style: {
-                                            width: '100%',
-                                            padding: '6px 8px',
-                                            fontSize: theme.fontSizes[0],
-                                            fontFamily: theme.fonts.body,
-                                            borderRadius: '4px',
-                                            border: `1px solid ${theme.colors.border}`,
-                                            backgroundColor: theme.colors.background,
-                                            color: theme.colors.text,
-                                            cursor: onUpdateSides ? 'pointer' : 'not-allowed',
-                                            opacity: onUpdateSides ? 1 : 0.6,
-                                        }, children: SIDE_OPTIONS.map((side) => (_jsx("option", { value: side, children: side }, side))) })] })] })] }), _jsxs("div", { style: {
-                    fontSize: theme.fontSizes[0],
-                    fontFamily: theme.fonts.body,
-                    color: theme.colors.textMuted,
-                    marginTop: '12px',
-                    paddingTop: '8px',
-                    borderTop: `1px solid ${theme.colors.border}`,
-                }, children: ["ID: ", edge.id] }), onDelete && (_jsx("button", { onClick: () => {
-                    onDelete(edge.id);
-                    onClose();
-                }, style: {
-                    marginTop: '12px',
-                    width: '100%',
-                    padding: '8px 12px',
-                    backgroundColor: theme.colors.error,
-                    color: theme.colors.background,
-                    border: 'none',
-                    borderRadius: '4px',
-                    cursor: 'pointer',
-                    fontSize: theme.fontSizes[0],
-                    fontFamily: theme.fonts.body,
-                    fontWeight: theme.fontWeights.bold,
-                }, children: "Delete Edge" }))] }));
+                            transition: 'background-color 0.15s',
+                        }, onMouseEnter: (e) => {
+                            e.currentTarget.style.backgroundColor = theme.colors.muted;
+                        }, onMouseLeave: (e) => {
+                            e.currentTarget.style.backgroundColor = 'transparent';
+                        }, children: "\u00D7" })] }), _jsxs("div", { style: { display: 'flex', gap: '32px', alignItems: 'flex-start' }, children: [_jsxs("div", { style: { flex: 1 }, children: [_jsxs("div", { style: { marginBottom: '12px' }, children: [_jsx("div", { style: { fontSize: theme.fontSizes[0], fontFamily: theme.fonts.body, color: theme.colors.textSecondary, marginBottom: '4px' }, children: "Connection" }), _jsxs("div", { style: { fontSize: theme.fontSizes[0], fontFamily: theme.fonts.body }, children: [_jsx("span", { style: {
+                                                    fontFamily: theme.fonts.monospace,
+                                                    backgroundColor: theme.colors.muted,
+                                                    padding: '2px 6px',
+                                                    borderRadius: '3px',
+                                                }, children: sourceNodeId }), _jsx("span", { style: { margin: '0 8px', color: theme.colors.textMuted }, children: "\u2192" }), _jsx("span", { style: {
+                                                    fontFamily: theme.fonts.monospace,
+                                                    backgroundColor: theme.colors.muted,
+                                                    padding: '2px 6px',
+                                                    borderRadius: '3px',
+                                                }, children: targetNodeId })] })] }), _jsxs("div", { style: {
+                                    fontSize: theme.fontSizes[0],
+                                    fontFamily: theme.fonts.body,
+                                    color: theme.colors.textMuted,
+                                }, children: ["ID: ", edge.id] })] }), _jsxs("div", { style: { flex: 1 }, children: [_jsx("div", { style: { fontSize: theme.fontSizes[0], fontFamily: theme.fonts.body, color: theme.colors.textSecondary, marginBottom: '8px' }, children: "Connection Sides" }), _jsxs("div", { style: { display: 'flex', gap: '12px' }, children: [_jsxs("div", { style: { flex: 1 }, children: [_jsx("div", { style: { fontSize: theme.fontSizes[0], fontFamily: theme.fonts.body, color: theme.colors.textMuted, marginBottom: '4px' }, children: "From Side" }), _jsx("select", { value: edge.data?.fromSide || 'right', onChange: (e) => {
+                                                    if (onUpdateSides) {
+                                                        onUpdateSides(edge.id, e.target.value, edge.data?.toSide || 'left');
+                                                    }
+                                                }, disabled: !onUpdateSides, style: {
+                                                    width: '100%',
+                                                    padding: '6px 8px',
+                                                    fontSize: theme.fontSizes[0],
+                                                    fontFamily: theme.fonts.body,
+                                                    borderRadius: '4px',
+                                                    border: `1px solid ${theme.colors.border}`,
+                                                    backgroundColor: theme.colors.background,
+                                                    color: theme.colors.text,
+                                                    cursor: onUpdateSides ? 'pointer' : 'not-allowed',
+                                                    opacity: onUpdateSides ? 1 : 0.6,
+                                                }, children: SIDE_OPTIONS.map((side) => (_jsx("option", { value: side, children: side }, side))) })] }), _jsxs("div", { style: { flex: 1 }, children: [_jsx("div", { style: { fontSize: theme.fontSizes[0], fontFamily: theme.fonts.body, color: theme.colors.textMuted, marginBottom: '4px' }, children: "To Side" }), _jsx("select", { value: edge.data?.toSide || 'left', onChange: (e) => {
+                                                    if (onUpdateSides) {
+                                                        onUpdateSides(edge.id, edge.data?.fromSide || 'right', e.target.value);
+                                                    }
+                                                }, disabled: !onUpdateSides, style: {
+                                                    width: '100%',
+                                                    padding: '6px 8px',
+                                                    fontSize: theme.fontSizes[0],
+                                                    fontFamily: theme.fonts.body,
+                                                    borderRadius: '4px',
+                                                    border: `1px solid ${theme.colors.border}`,
+                                                    backgroundColor: theme.colors.background,
+                                                    color: theme.colors.text,
+                                                    cursor: onUpdateSides ? 'pointer' : 'not-allowed',
+                                                    opacity: onUpdateSides ? 1 : 0.6,
+                                                }, children: SIDE_OPTIONS.map((side) => (_jsx("option", { value: side, children: side }, side))) })] })] })] }), onDelete && (_jsx("div", { style: { display: 'flex', alignItems: 'flex-end' }, children: _jsx("button", { onClick: () => {
+                                onDelete(edge.id);
+                                onClose();
+                            }, style: {
+                                padding: '8px 16px',
+                                backgroundColor: theme.colors.error,
+                                color: theme.colors.background,
+                                border: 'none',
+                                borderRadius: '4px',
+                                cursor: 'pointer',
+                                fontSize: theme.fontSizes[0],
+                                fontFamily: theme.fonts.body,
+                                fontWeight: theme.fontWeights.bold,
+                            }, children: "Delete Edge" }) }))] })] }));
 };
 //# sourceMappingURL=EdgeInfoPanel.js.map

package/dist/components/EdgeInfoPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"EdgeInfoPanel.js","sourceRoot":"","sources":["../../src/components/EdgeInfoPanel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"EdgeInfoPanel.js","sourceRoot":"","sources":["../../src/components/EdgeInfoPanel.tsx"],"names":[],"mappings":"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"}

package/dist/components/GraphRenderer.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import '@xyflow/react/dist/style.css';
-import type { Violation, GraphEvent, ExtendedCanvas, ComponentLibrary } from '@principal-ai/principal-view-core/browser';
+import type { Violation, GraphEvent, ExtendedCanvas, ComponentLibrary } from '@principal-ai/principal-view-core';
 /** Position change event for tracking node movements */
 export interface NodePositionChange {
     nodeId: string;
@@ -143,6 +143,13 @@ interface GraphRendererBaseProps {
      * Receives the node ID and the click event. If provided, overrides default node selection behavior.
      */
     onNodeClick?: (nodeId: string, event: React.MouseEvent) => void;
+    /**
+     * Whether to show the node detail panel when nodes are clicked.
+     * Defaults to undefined (auto), which shows panel only when onNodeClick is not provided.
+     * Set to true to force showing panel even with custom onNodeClick handler.
+     * Set to false to hide panel completely.
+     */
+    showNodeDetailPanel?: boolean;
 }
 /** GraphRenderer props - canvas format only */
 export interface GraphRendererProps extends GraphRendererBaseProps {

package/dist/components/GraphRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GraphRenderer.d.ts","sourceRoot":"","sources":["../../src/components/GraphRenderer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"GraphRenderer.d.ts","sourceRoot":"","sources":["../../src/components/GraphRenderer.tsx"],"names":[],"mappings":"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"}

package/dist/components/GraphRenderer.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useMemo, useState, useEffect, useCallback, useRef, useImperativeHandle, forwardRef, } from 'react';
 import { ReactFlow, Background, BackgroundVariant, Controls, MiniMap, ReactFlowProvider, useReactFlow, useUpdateNodeInternals, useViewport, applyNodeChanges, applyEdgeChanges, } from '@xyflow/react';
 import '@xyflow/react/dist/style.css';
-import { CanvasConverter } from '@principal-ai/principal-view-core/browser';
+import { CanvasConverter } from '@principal-ai/principal-view-core';
 import { useTheme } from '@principal-ade/industry-theme';
 import { CustomNode } from '../nodes/CustomNode';
 import { CustomEdge } from '../edges/CustomEdge';
@@ -51,7 +51,7 @@ const CenterIndicator = ({ color }) => {
 /**
  * Inner component that uses ReactFlow hooks
  */
-const GraphRendererInner = ({ configuration, nodes: propNodes, edges: propEdges, violations = [], configName: _configName, showMinimap = false, showControls = true, showBackground = true, backgroundVariant = 'dots', backgroundGap, showCenterIndicator = false, showTooltips = true, fitViewDuration = 200, highlightedNodeId, activeNodeIds, events = [], onEventProcessed, editable = false, onPendingChangesChange, onEditStateChange, editStateRef, onSourceClick, onNodeClick: onNodeClickProp, }) => {
+const GraphRendererInner = ({ configuration, nodes: propNodes, edges: propEdges, violations = [], configName: _configName, showMinimap = false, showControls = true, showBackground = true, backgroundVariant = 'dots', backgroundGap, showCenterIndicator = false, showTooltips = true, fitViewDuration = 200, highlightedNodeId, activeNodeIds, events = [], onEventProcessed, editable = false, onPendingChangesChange, onEditStateChange, editStateRef, onSourceClick, onNodeClick: onNodeClickProp, showNodeDetailPanel, }) => {
     const { fitView } = useReactFlow();
     const updateNodeInternals = useUpdateNodeInternals();
     const { theme } = useTheme();
@@ -196,40 +196,47 @@ const GraphRendererInner = ({ configuration, nodes: propNodes, edges: propEdges,
     }, [editable, selectedEdgeIds]);
     // Handle node click (toggle selection, supports Shift for multi-select)
     const onNodeClick = useCallback((event, node) => {
-        // If custom node click handler is provided, use it instead of default behavior
+        // Determine if we should show the panel based on showNodeDetailPanel prop
+        const shouldManagePanel = showNodeDetailPanel !== false && (showNodeDetailPanel === true || !onNodeClickProp);
+        // If custom node click handler is provided, call it
         if (onNodeClickProp) {
             onNodeClickProp(node.id, event);
-            return;
+            // If showNodeDetailPanel is not explicitly true, return early (old behavior)
+            if (showNodeDetailPanel !== true) {
+                return;
+            }
         }
-        if (event.shiftKey && editable) {
-            // Shift+click: toggle node in selection
-            setSelectedNodeIds((prev) => {
-                const next = new Set(prev);
-                if (next.has(node.id)) {
-                    next.delete(node.id);
+        if (shouldManagePanel) {
+            if (event.shiftKey && editable) {
+                // Shift+click: toggle node in selection
+                setSelectedNodeIds((prev) => {
+                    const next = new Set(prev);
+                    if (next.has(node.id)) {
+                        next.delete(node.id);
+                    }
+                    else {
+                        next.add(node.id);
+                    }
+                    return next;
+                });
+                setShowNodePanel(true);
+            }
+            else {
+                // Regular click: single select (replace selection)
+                const shouldDeselect = selectedNodeIds.size === 1 && selectedNodeIds.has(node.id);
+                if (shouldDeselect) {
+                    setSelectedNodeIds(new Set());
+                    setShowNodePanel(false);
                 }
                 else {
-                    next.add(node.id);
+                    setSelectedNodeIds(new Set([node.id]));
+                    setShowNodePanel(true);
                 }
-                return next;
-            });
-            setShowNodePanel(true);
-        }
-        else {
-            // Regular click: single select (replace selection)
-            const shouldDeselect = selectedNodeIds.size === 1 && selectedNodeIds.has(node.id);
-            if (shouldDeselect) {
-                setSelectedNodeIds(new Set());
-                setShowNodePanel(false);
-            }
-            else {
-                setSelectedNodeIds(new Set([node.id]));
-                setShowNodePanel(true);
+                setSelectedEdgeIds(new Set());
+                setShowEdgePanel(false);
             }
-            setSelectedEdgeIds(new Set());
-            setShowEdgePanel(false);
         }
-    }, [editable, selectedNodeIds, onNodeClickProp]);
+    }, [editable, selectedNodeIds, onNodeClickProp, showNodeDetailPanel]);
     // Handle close edge info panel
     const onCloseEdgeInfoPanel = useCallback(() => {
         setSelectedEdgeIds(new Set());
@@ -903,7 +910,7 @@ const GraphRendererInner = ({ configuration, nodes: propNodes, edges: propEdges,
                                 : BackgroundVariant.Cross })), showControls && _jsx(Controls, { showZoom: true, showFitView: true, showInteractive: true }), showMinimap && (_jsx(MiniMap, { nodeColor: (node) => {
                             const nodeData = node.data;
                             return nodeData?.typeDefinition?.color || theme.colors.secondary;
-                        }, nodeBorderRadius: 2, pannable: true, zoomable: true })), showCenterIndicator && _jsx(CenterIndicator, { color: theme.colors.textMuted })] }, `${baseNodesKey}-${baseEdgesKey}`), selectedNodeIds.size >= 2 && showNodePanel && (_jsx(SelectionSidebar, { selectedNodeIds: selectedNodeIds, nodes: nodes, nodeTypeDefinitions: configuration.nodeTypes, onClose: onCloseNodeInfoPanel })), selectedEdgeIds.size === 1 && selectedEdge && selectedEdgeTypeDefinition && showEdgePanel && (_jsx(EdgeInfoPanel, { edge: selectedEdge, typeDefinition: selectedEdgeTypeDefinition, sourceNodeId: selectedEdge.from, targetNodeId: selectedEdge.to, onClose: onCloseEdgeInfoPanel, onDelete: editable ? handleEdgeDelete : undefined, onUpdateSides: editable ? handleUpdateEdgeSides : undefined })), selectedNodeIds.size === 1 && selectedNode && selectedNodeTypeDefinition && showNodePanel && (_jsx(NodeInfoPanel, { node: selectedNode, typeDefinition: selectedNodeTypeDefinition, availableNodeTypes: configuration.nodeTypes, onClose: onCloseNodeInfoPanel, onDelete: editable ? handleNodeDelete : undefined, onUpdate: editable ? handleNodeUpdate : undefined, onSourceClick: onSourceClick })), pendingConnection && (_jsxs("div", { style: {
+                        }, nodeBorderRadius: 2, pannable: true, zoomable: true })), showCenterIndicator && _jsx(CenterIndicator, { color: theme.colors.textMuted })] }, `${baseNodesKey}-${baseEdgesKey}`), selectedNodeIds.size >= 2 && showNodePanel && showNodeDetailPanel !== false && (_jsx(SelectionSidebar, { selectedNodeIds: selectedNodeIds, nodes: nodes, nodeTypeDefinitions: configuration.nodeTypes, onClose: onCloseNodeInfoPanel })), selectedEdgeIds.size === 1 && selectedEdge && selectedEdgeTypeDefinition && showEdgePanel && (_jsx(EdgeInfoPanel, { edge: selectedEdge, typeDefinition: selectedEdgeTypeDefinition, sourceNodeId: selectedEdge.from, targetNodeId: selectedEdge.to, onClose: onCloseEdgeInfoPanel, onDelete: editable ? handleEdgeDelete : undefined, onUpdateSides: editable ? handleUpdateEdgeSides : undefined })), selectedNodeIds.size === 1 && selectedNode && selectedNodeTypeDefinition && showNodePanel && showNodeDetailPanel !== false && (_jsx(NodeInfoPanel, { node: selectedNode, typeDefinition: selectedNodeTypeDefinition, availableNodeTypes: configuration.nodeTypes, onClose: onCloseNodeInfoPanel, onDelete: editable ? handleNodeDelete : undefined, onUpdate: editable ? handleNodeUpdate : undefined, onSourceClick: onSourceClick })), pendingConnection && (_jsxs("div", { style: {
                     position: 'absolute',
                     top: '50%',
                     left: '50%',
@@ -1176,8 +1183,8 @@ export const GraphRenderer = forwardRef((props, ref) => {
     }
     const { configuration, nodes, edges } = canvasData;
     // Extract only the props that inner component needs
-    const { violations, configName, showMinimap, showControls, showBackground, backgroundVariant, backgroundGap, showCenterIndicator, showTooltips, fitViewDuration, highlightedNodeId, activeNodeIds, events, onEventProcessed, editable, onPendingChangesChange, onSourceClick, onNodeClick, } = props;
-    return (_jsx("div", { className: className, style: { width, height, position: 'relative' }, children: _jsx(ReactFlowProvider, { children: _jsx(GraphRendererInner, { configuration: configuration, nodes: nodes, edges: edges, violations: violations, configName: configName, showMinimap: showMinimap, showControls: showControls, showBackground: showBackground, backgroundVariant: backgroundVariant, backgroundGap: backgroundGap, showCenterIndicator: showCenterIndicator, showTooltips: showTooltips, fitViewDuration: fitViewDuration, highlightedNodeId: highlightedNodeId, activeNodeIds: activeNodeIds, events: events, onEventProcessed: onEventProcessed, editable: editable, onPendingChangesChange: onPendingChangesChange, editStateRef: editStateRef, onSourceClick: onSourceClick, onNodeClick: onNodeClick }) }) }));
+    const { violations, configName, showMinimap, showControls, showBackground, backgroundVariant, backgroundGap, showCenterIndicator, showTooltips, fitViewDuration, highlightedNodeId, activeNodeIds, events, onEventProcessed, editable, onPendingChangesChange, onSourceClick, onNodeClick, showNodeDetailPanel, } = props;
+    return (_jsx("div", { className: className, style: { width, height, position: 'relative' }, children: _jsx(ReactFlowProvider, { children: _jsx(GraphRendererInner, { configuration: configuration, nodes: nodes, edges: edges, violations: violations, configName: configName, showMinimap: showMinimap, showControls: showControls, showBackground: showBackground, backgroundVariant: backgroundVariant, backgroundGap: backgroundGap, showCenterIndicator: showCenterIndicator, showTooltips: showTooltips, fitViewDuration: fitViewDuration, highlightedNodeId: highlightedNodeId, activeNodeIds: activeNodeIds, events: events, onEventProcessed: onEventProcessed, editable: editable, onPendingChangesChange: onPendingChangesChange, editStateRef: editStateRef, onSourceClick: onSourceClick, onNodeClick: onNodeClick, showNodeDetailPanel: showNodeDetailPanel }) }) }));
 });
 GraphRenderer.displayName = 'GraphRenderer';
 //# sourceMappingURL=GraphRenderer.js.map