From fe57caeb9256b75a70b200d6bd91a66837a0dcb8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gerg=C5=91=20T=C3=B6rcsv=C3=A1ri?=
 <torcsvari.gergo@gmail.com>
Date: Tue, 18 Aug 2026 21:05:42 +0200
Subject: [PATCH] ui: style the boot-request wait like the wasm loading overlay
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The pre-boot state was a white page with bare 'loading…' text; now it's the
same dark full-viewport centered spinner + mono status as WasmTool's boot
overlay, so the boot wait, the download screen and the editor read as one
continuous load with no white flash.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01VLSht9cadprtT2mhynawWu
---
 web/standalone/src/pages/ToolPage.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/web/standalone/src/pages/ToolPage.tsx b/web/standalone/src/pages/ToolPage.tsx
index 23a58d3..c350f72 100644
--- a/web/standalone/src/pages/ToolPage.tsx
+++ b/web/standalone/src/pages/ToolPage.tsx
@@ -1,6 +1,7 @@
 import { useMemo } from "react";
 import { useParams, useSearchParams } from "react-router-dom";
 import { parseToolParam, toolForFile, type Tool } from "@pcbjam/shared";
+import { Loader2 } from "lucide-react";
 import {
   createProjectFileIfMissing,
   fetchFileBytes,
@@ -50,7 +51,15 @@ export function ToolPage() {
   }
 
   if (isLoading) {
-    return <div className="container py-10 text-muted-foreground">loading…</div>;
+    // Same look as WasmTool's boot overlay so the boot-request wait, the
+    // download screen and the editor read as ONE continuous load (no white
+    // flash between them).
+    return (
+      <div className="fixed inset-0 flex flex-col items-center justify-center gap-3 bg-[#1a1a2e] text-white">
+        <Loader2 className="animate-spin" size={32} />
+        <p className="font-mono text-sm text-white/80">Loading project…</p>
+      </div>
+    );
   }
   if (error || !data) {
     return (