From 05a5a0a2812af99eac9225114d6b08ddc7441f79 Mon Sep 17 00:00:00 2001
From: RemDelaporteMathurin <rdelaportemathurin@gmail.com>
Date: Mon, 18 Aug 2025 20:15:25 -0400
Subject: [PATCH 1/4] highlight all nodes + no more triangles for amp

---
 src/components/nodes/AmplifierNode.jsx | 40 +++++++++++---------------
 src/styles/App.css                     | 12 ++++++++
 2 files changed, 28 insertions(+), 24 deletions(-)

diff --git a/src/components/nodes/AmplifierNode.jsx b/src/components/nodes/AmplifierNode.jsx
index cf4c455f..6abdd7c2 100644
--- a/src/components/nodes/AmplifierNode.jsx
+++ b/src/components/nodes/AmplifierNode.jsx
@@ -6,30 +6,26 @@ export function AmplifierNode({ data }) {
     <div
       style={{
         width: 90,
-        height: 80,
+        height: 60,
+        background: data.nodeColor || '#DDE6ED',
         color: 'black',
+        borderRadius: 8,
+        padding: 8,
         fontWeight: 'bold',
         position: 'relative',
         cursor: 'pointer',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
       }}
     >
-
-      <svg width="100%" height="100%" viewBox="0 0 100 100" preserveAspectRatio="none">
-          <polygon points="0,0 100,50 0,100" fill={data.nodeColor || "#DDE6ED"} />
-      </svg>
       <div style={{ 
         fontSize: '12px',
         textAlign: 'center',
-        background: 'transparent',
-        transform: 'translate(-80%, -50%)',
-        top: '50%',
-        left: '50%',
-        position: 'absolute',
       }}>
-          {data.label}
+        {data.label || 'AMP'}
       </div>
 
-
       <Handle type="target" position="left" style={{ background: '#555' }} />
       <Handle type="source" position="right" style={{ background: '#555' }} />
     </div>
@@ -41,30 +37,26 @@ export function AmplifierNodeReverse({ data }) {
     <div
       style={{
         width: 90,
-        height: 80,
+        height: 60,
+        background: data.nodeColor || '#DDE6ED',
         color: 'black',
+        borderRadius: 8,
+        padding: 8,
         fontWeight: 'bold',
         position: 'relative',
         cursor: 'pointer',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
       }}
     >
-
-      <svg width="100%" height="100%" viewBox="0 0 100 100" preserveAspectRatio="none">
-          <polygon points="0,50 100,100 100,0" fill={data.nodeColor || "#DDE6ED"} />
-      </svg>
       <div style={{ 
         fontSize: '12px',
         textAlign: 'center',
-        background: 'transparent',
-        transform: 'translate(-50%, -50%)',
-        top: '50%',
-        left: '50%',
-        position: 'absolute',
       }}>
-          {data.label}
+        {data.label || 'AMP_R'}
       </div>
 
-
       <Handle type="target" position="right" style={{ background: '#555' }} />
       <Handle type="source" position="left" style={{ background: '#555' }} />
     </div>
diff --git a/src/styles/App.css b/src/styles/App.css
index 11c0f67f..6505ab52 100644
--- a/src/styles/App.css
+++ b/src/styles/App.css
@@ -14,6 +14,18 @@
   background-color: #0056b3 !important;
 }
 
+/* Node hover effects */
+.react-flow__node:hover > div {
+  border: 2px solid #78A083 !important;
+  box-shadow: 0 0 8px #78a08366;
+}
+
+/* Default border for divs */
+.react-flow__node > div {
+  border: 2px solid #ccc !important;
+}
+
+
 /* App container */
 .app {
   width: 100vw;

From 5162828fd993278f882c33c80e43fb350ac6bd4e Mon Sep 17 00:00:00 2001
From: RemDelaporteMathurin <rdelaportemathurin@gmail.com>
Date: Mon, 18 Aug 2025 20:18:57 -0400
Subject: [PATCH 2/4] round integrator

---
 src/components/nodes/IntegratorNode.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/nodes/IntegratorNode.jsx b/src/components/nodes/IntegratorNode.jsx
index f9d9ec93..f6086977 100644
--- a/src/components/nodes/IntegratorNode.jsx
+++ b/src/components/nodes/IntegratorNode.jsx
@@ -12,7 +12,7 @@ export default function IntegratorNode({ data }) {
         width: 180,
         background: data.nodeColor || '#DDE6ED',
         color: 'black',
-        borderRadius: 0,
+        borderRadius: 8,
         padding: 10,
         fontWeight: 'bold',
         position: 'relative',

From 94037d16b6a1415462665da900c2089bf36d4d03 Mon Sep 17 00:00:00 2001
From: RemDelaporteMathurin <rdelaportemathurin@gmail.com>
Date: Mon, 18 Aug 2025 20:19:07 -0400
Subject: [PATCH 3/4] special styling for amp

---
 src/components/nodes/AmplifierNode.jsx | 38 ++++++++++++++++++++++----
 1 file changed, 32 insertions(+), 6 deletions(-)

diff --git a/src/components/nodes/AmplifierNode.jsx b/src/components/nodes/AmplifierNode.jsx
index 6abdd7c2..42554df2 100644
--- a/src/components/nodes/AmplifierNode.jsx
+++ b/src/components/nodes/AmplifierNode.jsx
@@ -15,16 +15,29 @@ export function AmplifierNode({ data }) {
         position: 'relative',
         cursor: 'pointer',
         display: 'flex',
+        flexDirection: 'column',
         alignItems: 'center',
         justifyContent: 'center',
       }}
     >
+      {/* Amplifier symbol */}
       <div style={{ 
-        fontSize: '12px',
-        textAlign: 'center',
+        fontSize: '16px',
+        fontWeight: 'bold',
+        marginBottom: '2px',
       }}>
-        {data.label || 'AMP'}
+        ×{data.gain || 'K'}
       </div>
+      
+      {/* Optional label */}
+      {data.label && (
+        <div style={{ 
+          fontSize: '10px',
+          textAlign: 'center',
+        }}>
+          {data.label}
+        </div>
+      )}
 
       <Handle type="target" position="left" style={{ background: '#555' }} />
       <Handle type="source" position="right" style={{ background: '#555' }} />
@@ -46,16 +59,29 @@ export function AmplifierNodeReverse({ data }) {
         position: 'relative',
         cursor: 'pointer',
         display: 'flex',
+        flexDirection: 'column',
         alignItems: 'center',
         justifyContent: 'center',
       }}
     >
+      {/* Amplifier symbol with reverse indicator */}
       <div style={{ 
-        fontSize: '12px',
-        textAlign: 'center',
+        fontSize: '16px',
+        fontWeight: 'bold',
+        marginBottom: '2px',
       }}>
-        {data.label || 'AMP_R'}
+        ×{data.gain || 'K'}
       </div>
+      
+      {/* Optional label */}
+      {data.label && (
+        <div style={{ 
+          fontSize: '10px',
+          textAlign: 'center',
+        }}>
+          {data.label}
+        </div>
+      )}
 
       <Handle type="target" position="right" style={{ background: '#555' }} />
       <Handle type="source" position="left" style={{ background: '#555' }} />

From 14c59a73dbe89c5837c06607ccc436f537fdbab8 Mon Sep 17 00:00:00 2001
From: RemDelaporteMathurin <rdelaportemathurin@gmail.com>
Date: Mon, 18 Aug 2025 20:32:10 -0400
Subject: [PATCH 4/4] default node is round

---
 src/components/nodes/DefaultNode.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/nodes/DefaultNode.jsx b/src/components/nodes/DefaultNode.jsx
index c9a16472..985e4525 100644
--- a/src/components/nodes/DefaultNode.jsx
+++ b/src/components/nodes/DefaultNode.jsx
@@ -8,7 +8,7 @@ export default function DefaultNode({ data }) {
         width: 180,
         background: data.nodeColor || '#DDE6ED',
         color: 'black',
-        borderRadius: 0,
+        borderRadius: 8,
         padding: 10,
         fontWeight: 'bold',
         position: 'relative',