From d27e2ca26754b939c090f26a8de38e47f30233cc Mon Sep 17 00:00:00 2001
From: Taras Greben <taras.greben@gmail.com>
Date: Fri, 3 Jul 2026 17:16:21 +0300
Subject: [PATCH] Add Re-route button to Schema ReTrace.

---
 docs/schema.html  | 18 ++++++++++++++----
 docs/schema/ui.js |  8 ++++++++
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/docs/schema.html b/docs/schema.html
index ddc5a0e..399bb84 100644
--- a/docs/schema.html
+++ b/docs/schema.html
@@ -149,9 +149,10 @@
 		.mobile-only { display: inline-flex !important; }
 		.hide-mobile { display: none !important; }
 		.responsive-text::after { content: attr(data-short); }
+		#header { gap: 6px; padding: 4px 8px; overflow-x: auto; padding-bottom: 2px; }
+		.btn-group { gap: 4px; }
 		#header .btn { padding: 4px 8px; }
 		#header .sep { display: none; }
-		#header { overflow-x: auto; padding-bottom: 2px; }
 		#header::-webkit-scrollbar { height: 4px; }
 		#header::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }
 
@@ -246,8 +247,15 @@
 	</div>
 	<div class="sep"></div>
 	<div class="btn-group">
-		<button class="btn" id="btn-auto-place" title="Auto Layout">🔀<span class="hide-mobile"> Auto Layout</span></button>
-		<button class="btn" id="btn-zoom-fit" title="Fit View">⛶<span class="hide-mobile"> Fit</span></button>
+		<button class="btn" id="btn-reroute" title="Re-route the Schematic">
+			<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"/><path d="M3 3v5h5"/></svg>
+			<span class="hide-mobile" style="margin-left:5px;">Re-route</span>
+		</button>
+		<button class="btn" id="btn-auto-place" title="Auto Layout">🔀<span class="hide-mobile" style="margin-left:5px;">Auto Layout</span></button>
+		<button class="btn" id="btn-zoom-fit" title="Fit View">
+			<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M6 3H3v3 M3 18v3h3 M18 21h3v-3 M21 6V3h-3"/></svg>
+			<span class="hide-mobile" style="margin-left:5px;">Fit</span>
+		</button>
 	</div>
 	<div class="sep"></div>
 	<div class="btn-group">
@@ -281,7 +289,9 @@
 			<button class="btn mobile-only" id="btn-toggle-left">☰</button>
 			<button class="btn" id="btn-zoom-in">+</button>
 			<button class="btn" id="btn-zoom-out">−</button>
-			<button class="btn" id="btn-zoom-fit2">⛶</button>
+			<button class="btn" id="btn-zoom-fit2" title="Fit View">
+				<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M6 3H3v3 M3 18v3h3 M18 21h3v-3 M21 6V3h-3"/></svg>
+			</button>
 			<div class="sep hide-mobile" style="height:20px"></div>
 			<button class="btn" id="btn-undo">↩</button>
 			<button class="btn mobile-only" id="btn-toggle-right">🛈</button>
diff --git a/docs/schema/ui.js b/docs/schema/ui.js
index 7a8b55f..ed01e35 100644
--- a/docs/schema/ui.js
+++ b/docs/schema/ui.js
@@ -406,6 +406,14 @@ export function initUI(mode, importNetlistStandalone, resetLayout, hasLayoutData
 		};
 	}
 
+	document.getElementById('btn-reroute').onclick = async () => {
+		if (!S.hasData) { toast('No netlist', 'warn'); return; }
+		pushHistory();
+		const l = await import('./layout.js');
+		await l.buildAndRoute({}, false);
+		toast('Re-routed schematic diagram');
+	};
+
 	document.getElementById('btn-auto-place').onclick = async () => {
 		if (!S.hasData) { toast('No netlist', 'warn'); return; }
 		if (hasLayoutData && hasLayoutData()) {