3 files changed, 23 insertions, 14 deletions

diff --git a/play.html b/play.html
index f6e3b6d..cb0407a 100644
--- a/play.html
+++ b/play.html
@@ -105,9 +105,14 @@
 </div>
 </div>
 
+<div id="routed_panel" class="panel hide">
+<div id="routed_header" class="panel_header">Routed / Fled</div>
+<div id="routed" class="panel_body court_body"></div>
+</div>
+
 <div id="reserves_panel" class="panel hide">
 <div id="reserves_header" class="panel_header">Reserves</div>
-<div id="reserves" class="panel_body"></div>
+<div id="reserves" class="panel_body court_body"></div>
 </div>
 
 </section>
diff --git a/play.js b/play.js
index c35e8e5..0dd878f 100644
--- a/play.js
+++ b/play.js
@@ -459,6 +459,8 @@ function is_lord_in_battle(lord) {
 				return true
 		if (set_has(view.battle.reserves, lord))
 			return true
+		if (set_has(view.battle.routed, lord))
+			return true
 	}
 	return false
 }
@@ -613,6 +615,9 @@ const ui = {
 	reserves_panel: document.getElementById("reserves_panel"),
 	reserves: document.getElementById("reserves"),
 
+	routed_panel: document.getElementById("routed_panel"),
+	routed: document.getElementById("routed"),
+
 	events_panel: document.getElementById("events_panel"),
 	events: document.getElementById("events"),
 
@@ -1455,6 +1460,10 @@ function update_battle() {
 	ui.reserves.replaceChildren()
 	for (let lord of view.battle.reserves)
 		ui.reserves.appendChild(ui.lord_mat[lord])
+
+	ui.routed.replaceChildren()
+	for (let lord of view.battle.routed)
+		ui.routed.appendChild(ui.lord_mat[lord])
 }
 
 function update_court() {
@@ -1602,29 +1611,24 @@ function on_update() {
 	update_plan()
 	update_cards()
 
-	if (view.battle && view.battle.array) {
-		ui.reserves_panel.classList.remove("hide")
+	if (view.battle) {
+		ui.reserves_panel.classList.toggle("hide", view.battle.reserves.length === 0)
+		ui.routed_panel.classList.remove("hide")
 		ui.battle_panel.classList.remove("hide")
-		if (view.battle.storm)
-			ui.battle_header.textContent = "Storm at " + data.locales[view.battle.where].name
-		else if (view.battle.sally)
-			ui.battle_header.textContent = "Sally at " + data.locales[view.battle.where].name
-		else
-			ui.battle_header.textContent = "Battle at " + data.locales[view.battle.where].name
+		ui.battle_header.textContent = "Battle at " + data.locales[view.battle.where].name
 		if (view.battle.attacker === player) {
 			ui.battle_grid.className = "attacker"
 		} else {
 			ui.battle_grid.className = "defender"
 		}
+
 		update_battle()
 	} else {
 		ui.battle_panel.classList.add("hide")
+		ui.reserves_panel.classList.add("hide")
+		ui.routed_panel.classList.add("hide")
 	}
 
-	if (view.battle && view.battle.array && view.battle.reserves.length > 0)
-		ui.reserves_panel.classList.remove("hide")
-	else
-		ui.reserves_panel.classList.add("hide")
 
 	update_court()
 
diff --git a/rules.ts b/rules.ts
index 7151cf2..dd43ebe 100644
--- a/rules.ts
+++ b/rules.ts
@@ -7277,7 +7277,7 @@ function end_battle() {
 	else
 		log_h4(`${game.battle.loser} Lost`)
 
-	game.battle.array = null
+	//game.battle.array = null
 	game.battle.caltrops = NOBODY
 	goto_battle_influence()
 }