Agent displayed data makes more sense and fixed load screen

2026-06-18 00:07:47 -04:00
parent ee204dde46
commit 4ec6c84b4c
4 changed files with 146 additions and 12 deletions
@@ -21,11 +21,23 @@

 <body>
 <div id="app">
-    <svg class="loading-progress">
-        <circle cx="50%" cy="50%" r="40%"/>
-        <circle cx="50%" cy="50%" r="40%"/>
-    </svg>
-    <div class="loading-progress-text"></div>
+    <div class="loading-screen">
+        <div class="loading-content">
+            <svg class="loading-ring" viewBox="0 0 100 100">
+                <circle class="ring-track" cx="50" cy="50" r="42"/>
+                <circle class="ring-fill" cx="50" cy="50" r="42"/>
+            </svg>
+            <div class="loading-icon">✦</div>
+        </div>
+        <h1 class="loading-title">Chrono CCG</h1>
+        <p class="loading-subtitle">Card Gallery</p>
+        <div class="loading-bar">
+            <div class="loading-bar-track">
+                <div class="loading-bar-fill"></div>
+            </div>
+        </div>
+        <p class="loading-status"></p>
+    </div>
 </div>

 <div id="blazor-error-ui">