From af58c71f40f00fd1c8ce44a26edbe538fc148512 Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Sat, 18 Apr 2026 18:03:05 +0000
Subject: [PATCH] fix: remove nonsensical $X% fee format, use percentage only

Fee displays combined dollar sign with percent sign (e.g. $0.02%)
which is invalid in any financial context. Changed to percentage
format (0.02%) across all three locations: simulation results,
canvas inspector, and right panel context display.

Co-Authored-By: Nakamoto, S <defi@defi-oracle.io>
---
 src/App.tsx                   | 2 +-
 src/components/Canvas.tsx     | 2 +-
 src/components/RightPanel.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 11986f5..fbe4e96 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -365,7 +365,7 @@ export default function App() {
       const fee = (Math.random() * 0.1).toFixed(4);
       const results = [
         `Simulation complete for ${nodes.length} nodes, ${edges.length} edges`,
-        `Estimated fees: $${fee}%`,
+        `Estimated fees: ${fee}%`,
         `Settlement window: T+${routingNodes.length > 0 ? '1' : '2'}`,
         `Compliance: ${hasCompliance ? 'All checks passed' : 'WARNING - No compliance checks in flow'}`,
         `Routing: ${routingNodes.length} venue(s) evaluated`,
diff --git a/src/components/Canvas.tsx b/src/components/Canvas.tsx
index ad243fc..267b3a8 100644
--- a/src/components/Canvas.tsx
+++ b/src/components/Canvas.tsx
@@ -321,7 +321,7 @@ function CanvasInner({
         <div className="inspector-separator" />
         <div className="inspector-item">
           <DollarSign size={12} />
-          <span>Est. fees: {nodes.length > 0 ? '$0.02%' : '—'}</span>
+          <span>Est. fees: {nodes.length > 0 ? '0.02%' : '—'}</span>
         </div>
         <div className="inspector-item">
           <Clock size={12} />
diff --git a/src/components/RightPanel.tsx b/src/components/RightPanel.tsx
index 06e01f4..9017fd5 100644
--- a/src/components/RightPanel.tsx
+++ b/src/components/RightPanel.tsx
@@ -287,7 +287,7 @@ export default function RightPanel({
           </div>
           <div className="context-section">
             <span className="context-label">Est. Fees</span>
-            <span className="context-value">{ctx.nodeCount > 0 ? '$0.02%' : '—'}</span>
+            <span className="context-value">{ctx.nodeCount > 0 ? '0.02%' : '—'}</span>
           </div>
         </div>
       )}