ui/phase-14: auto-sync order draft + always GET on boot + header headline

Replaces the manual Submit button with an auto-sync pipeline driven
by `OrderDraftStore`: every successful add / remove / move
coalesces a `submitOrder` call so the engine always mirrors the
local draft. Removing the last command sends an empty cmd[] PUT —
the engine, repo, and rest model now accept that as a valid
"player cleared their draft" state.

`hydrateFromServer` is now invoked unconditionally on game boot so
a fresh device picks up the player's stored order, and the local
cache is overwritten by the server's view (server is the source of
truth).

Header replaces the static "race ?" + turn counter with a single
headline string `<race> @ <game>, turn <n>`, sourced from the
engine's Report.race + the lobby's GameSummary.gameName + the live
turn number, with a `?` fallback while any piece is loading.

Tests:
- engine: empty PUT round-trips, repo round-trips empty Commands
- order-draft: auto-sync sends full draft on every mutation,
  rejected response surfaces error sync status, rapid mutations
  coalesce, server hydration overwrites cache
- order-tab: per-row status flips through the auto-sync lifecycle,
  remove → empty cmd[] PUT, rejected → retry button
- inspector overlay: applied + valid + submitting all participate
  in the optimistic projection
- header: live race / game / turn rendering with fall-back

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

ui/frontend/tests/order-overlay.test.ts

@@ -40,6 +40,7 @@ function makeReport(planets: ReportPlanet[]): GameReport {
 		mapHeight: 4000,
 		planetCount: planets.length,
 		planets,
+		race: "",
 	};
 }
 
@@ -83,7 +84,7 @@ describe("applyOrderOverlay", () => {
 		expect(out.planets[0]!.name).toBe("Pending");
 	});
 
-	test("skips unsubmitted statuses (draft/valid/invalid/rejected)", () => {
+	test("skips draft / invalid / rejected statuses", () => {
 		const report = makeReport([makePlanet({ number: 1, name: "Earth" })]);
 		const cmd: OrderCommand = {
 			kind: "planetRename",
@@ -91,12 +92,24 @@ describe("applyOrderOverlay", () => {
 			planetNumber: 1,
 			name: "Tentative",
 		};
-		for (const status of ["draft", "valid", "invalid", "rejected"] as const) {
+		for (const status of ["draft", "invalid", "rejected"] as const) {
 			const out = applyOrderOverlay(report, [cmd], { "cmd-1": status });
 			expect(out.planets[0]!.name).toBe("Earth");
 		}
 	});
 
+	test("applies on `valid` so the player sees their committed intent immediately", () => {
+		const report = makeReport([makePlanet({ number: 1, name: "Earth" })]);
+		const cmd: OrderCommand = {
+			kind: "planetRename",
+			id: "cmd-1",
+			planetNumber: 1,
+			name: "Pending-Sync",
+		};
+		const out = applyOrderOverlay(report, [cmd], { "cmd-1": "valid" });
+		expect(out.planets[0]!.name).toBe("Pending-Sync");
+	});
+
 	test("ignores rename for missing planet (visibility lost)", () => {
 		const report = makeReport([makePlanet({ number: 1, name: "Earth" })]);
 		const cmd: OrderCommand = {